/*================================
* Section Default section
===================================*/
.row{
    display: flex;
    gap: 40px;
    flex-wrap:wrap;
    margin-top:20px;
}
.row:first-child{
    margin-top:30px;
}
.col-6{
    width:49%;
    flex: 1;
}
.col-12{
    width:100%;
    position:relative;
}
.col-3{
    width:32.5%;
}
.col-4{
    width:24%;
}
.row .upload-image{
    width:100% !important;
    
}
.preferred-button{
	text-align: center;
}
.preferred-button .view-report{
	display: block;
	border: 1px solid;
	border-radius: 50px;
	text-align: center;
	padding: 13px 45px;
	transition: 0.5s;
	margin-bottom: 15px;
}
.preferred-button .view-report:hover{
	background: #EB595F;
	border-color: #EB595F;
	color: #fff;
}
.preferred-button .view-msg{
	color: #EB595F; 
}



/*=======================================
 * Fo Style
 * ======================================*/
.page-id-848 .ai-footer-menu{
	border-top:1px solid transparent !important;
}

/*===============================
 * Renovation Journey 
 * =============================*/
.ai-container{
    max-width:1200px;
    margin:0px auto;
    padding:60px 10px;
	position:relative;
}
.requirements-section{
    background-color:#FDFCF8;
    overflow:hidden;
}
.top-headering h1{
    font-size:1.5em;
    text-align:center;
    line-height:1em;
    margin-bottom: 40px;
}
.card-hearding{
    margin-bottom: 40px;
}
.card-wraper h2{
    font-size:2.5em;
    color:#685544;
}
.card-hearding .sub_label {
	color:#685544;
    font-size: 14px;
}

.requirements-section .form-group{
    display:flex;
    gap:60px;
}
.upload-image{
    width:60%;
}

.select-room{
/*     width:25%; */
	margin-bottom:40px;
}
.select-room .form-control{
	margin-top:40px;
}
.intervention{
    width:40%;
}

.upload-image .image-box{
    height: 350px;
    background-color: #FAFAFA;
    border: 1px solid #CDCDCD;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius:5px;
    overflow:hidden;
}
.upload-image .placeholder_text{
    font-size: .85em;
    max-width: 150px;
    line-height: 1.5em;
}
.upload-image input{
    display:none;
}

select{
    border: 1px solid #CDCDCD;
    outline:0px;
    border-radius:5px;
}
.rang-wrap{
    position:relative;
}
.rang-wrap .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: #E1E1E1;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.rang-wrap .slider:hover {
  opacity: 1;
}

.rang-wrap .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #E1E1E1;
  border:1px solid #685544;
  cursor: pointer;
}

.rang-wrap  .slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #E1E1E1;
  border:1px solid #685544;
  cursor: pointer;
}

.intervention .range{
    display:flex; 
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.intervention span{
    position: relative;
    max-width: 100px;
    display: inline-block;
    font-size:.8em;
}
.rang-field-wrap{
    display:flex;
    margin-top: 40px;
}
.rang-field-wrap .rang-field{
    flex-grow: 1;
    display: flex;
    width: 100%;
    flex-direction: column;
}
.rang-field-wrap .rang-field label{
    text-align: center;
    position:relative;
    margin-bottom:0px;
    padding-top:15px;
    cursor:pointer;
 }
.rang-field-wrap .rang-field label:before{
    content: "";
    width: 100%;
    height: 10px;
    background-color: #E1E1E1;
    position: absolute;
    left: 0;
    top: -20px;
}
.rang-field-wrap .rang-field:first-child label:before{
    border-radius: 20px 0px 0px 20px;
}
.rang-field-wrap .rang-field:last-child label:before{
    border-radius: 0px 20px 20px 0px;
}
.rang-field-wrap .rang-field [type=radio]{
    display:none;
}/*
.rang-field-wrap .rang-field [type=radio]:checked + label:after{
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border: 2px solid #685544;
    border-radius: 50%;
    left: 50%;
    margin-left: -15px;
    top: -28px;
    background: #D9D9D9;
} */

#drag1{
    height:25px; 
    width:25px;
    border: 2px solid #685544;
    border-radius: 50%;
    left: 50%;
    margin-left: -12.5px;
    top: -60px;
    background: #D9D9D9;
}

.card-wraper label{
    margin-bottom: 20px;
    color:#685544;
}
.ai-button-style-hover{
    background-color: transparent !important;
    padding: 0;
    color: #685544;
    display: inline-flex;
    align-items: center;
    font-size: 1em;
}

.ai-button-style-hover:hover{
    color:#685544;
    
}
.ai-button-style-hover .button-svg-arrow{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
	gap:15px;
}
.ai-button-style-hover .button-circle{
    width:auto;
    transform:rotate(180deg);
}
.ai-button-style-hover .elementor-button-content-wrapper{
    align-items: center;
    left: -40px;
    top: 20px;
    position: relative;
}
.ai-button-style-hover .elementor-button-text{
    margin-right: 20px;
    color:#685544;
}
.pos-left .ai-button-style-hover {
    position: relative;
}

.currency {
  position: relative;
}
.currency span {
  position: absolute;
  left: .9em;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
  color: dimgray;
}
.currency  input {
  -moz-appearance: textfield;
  padding-inline: 2em .9em;
}

.radio-form{
	display: flex;
    gap: 20px;
    align-items: center;
}
/*  */
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
/* 
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #685544;
    position: absolute;
    top: 3px;
    left: -17px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
} */
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
/* [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
} */
.check-field{
	padding-top:10px;
}

/*========================== Animation CSS for Button ==========================*/
 
 .planet-dotted {
    position: absolute;
    top: 0;
    left: 0;
}





/*=========================================
 * theme-select-wraper
 * ========================================*/
.theme-select-wraper{
    padding: 40px 0px;
    border-bottom: 1px solid #0000003d;
    border-top: 1px solid #0000003d;
    margin-top: 20px;
    margin-bottom: 40px;
}
.theme-select .select-type{
    display: flex;
    list-style: none;
    padding: 0;
    gap: 80px;
    padding-bottom:20px;
}
.select-theme-slider-container{
    overflow:hidden;    
    width: calc(100%);
}

.select-theme-slider-container .slide-card{
    height:160px;
    border-radius:10px;
    cursor:pointer;
    overflow:hidden;
}
.select-theme-slider-container .slide-card img{
    width:100%;
    border-radius:10px; 
    object-fit:cover;
    height:100%;
}
.select-theme-slider-container .slide-card .slide-text{
    position: absolute;
    z-index: 99;
    top: 0px;
    text-align: center;
    width: 100%;
    height: 97%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight:700;
    font-size:1em;
    letter-spacing: 2px;
    color: #FFF;
}
.select-theme-slider-container .slide-card.active .slide-text{
    background-color: #2e2e2e12;
}

.arrow-buttons{
    position:relative;
    width: calc(100%);
	z-index:9999;
}
.arrow-buttons .swiper-button-prev:after, .arrow-buttons .swiper-button-next:after{
    font-size:20px;
    color:#685544;
}
.arrow-buttons .btn-arrow:hover{
    background-color:#685544;
}
 .arrow-buttons .btn-arrow:hover:after{
    color:#FFF;
}
.arrow-buttons .swiper-button-prev{
	left:-30px;
    margin-top: -50px;
}
.arrow-buttons .swiper-button-next{
    margin-top: -50px;
	right:-30px;
	left:unset !important;
}
 .arrow-buttons .btn-arrow{
    width: 35px;
    height: 35px;
    background: #e1e1e1;
    border-radius: 50%;
    box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.1);
	position:absolute;
}
.custom-ai-insturctions{
    margin-bottom:20px;
}
.custom-ai-insturctions textarea{
    background-color:#FAFAFA;
    border:1px solid #CDCDCD;  
    height: 120px;
    outline:0px;
}

.custom-ai-insturctions .title-note-box .title-wraper{
	margin-left:0px;
}
.custom-ai-insturctions select{
    margin-bottom: 15px;
    background-color: #FAFAFA;
}
.prompts-btn-wrap{
    text-align: center;
    padding-top: 30px; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.prompts-btn-wrap .prompts-button{
    border: 0px;
    color: rgba(0, 0, 0, 0.5);
    background-color: transparent;
    gap: 15px;
    outline:0px;
}
.prompts-btn-wrap.active img{
    transform: rotate(180deg);
}

/*==================================
 * Preferred Results
 * =================================*/

.preferred-results{
    background-color:rgba(245, 244, 240, 1);
}
.preferred-subtext {
    max-width:820px;
    margin-bottom: 30px;
}
.preferred-subtext p{
    color: rgba(0, 0, 0, 1);
}
.select-preferred-results-wrap{
    display:flex;
    gap:30px;
}
.select-preferred-results-wrap .results-left-wrap{
    width:70%;
}
.select-preferred-results-wrap .results-right-wrap{
    width:30%;
}

.results-right-wrap .result-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}
.results-right-wrap .select-item{
    position:relative;
}

.results-right-wrap .select-item{
    position:relative;
}
.results-right-wrap .select-item.active .count{
    background-color:rgba(0, 0, 0, 0.2);
    border-radius:5px;
}
.results-right-wrap .select-item .count, .aigenerate-nav-slider .select-item .count{
    position: absolute;
    top: 5px;
    right:20px;
    font-size: 1.5em;
    color: #FFFF;
    font-weight: 700;
}
.results-right-wrap .select-item img, .aigenerate-nav-slider .select-item img{
    border-radius:5px;
    height: auto;
    object-fit: cover;
    cursor:pointer;
}
.preferred-select-action{
    display:flex;
    justify-content:space-between;
    margin-top: 40px;
	flex-direction:column;
	position:relative;
}
.preferred-button {
    display:flex;
    gap:35px;
    justify-content:end;
}
.preferred-button .btn {
    background-color: rgba(81, 81, 81, 1);
    border: 0px;
    border-radius: 15px;
    color: #fff;
    font-size: .9em;
    position: relative;
    width: 220px;
    text-align: left;
    padding: 10px 20px; 
}
.preferred-button .btn span {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #FFF;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	right: -10px;
	top: -5px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	padding: 11px;
}

.preferred-button.back-button .btn span{
    transform: rotate(180deg);
	right:unset;
	left:-10px;
	
}
.preferred-button.back-button{
	position:absolute;
	z-index:9;
}
.preferred-button.back-button .btn{
	text-align:right;
}
/*====================================
 * featured-products
 * ===================================*/
.featured-products{
    background-color:rgba(245, 244, 240, 1);
    border-top: 1px solid rgba(0, 0, 0, 1);
}
.featured-products .btn.view-product{
    color:rgba(0, 0, 0, 1);
}
.products-grid-wraper{
    display: column;
    columns: 3;
    gap: 20;
    break-inside: avoid;
    padding-top: 30px;
}

@supports (grid-template-rows: masonry) {
    .products-grid-wraper {
        display: grid;
        grid-template-columns: repeat(3), 1fr);
        grid-template-rows: masonry;
        grid-auto-flow: dense;
        align-tracks: stretch;
    }
}
.products-grid-wraper .product-wrap{
        break-inside: avoid;
}

.products-grid-wraper .product-content{
    padding-top:15px;   
}
.products-grid-wraper .product-wrap .product-title{
    font-size:1em;
    font-weight:600;
    color:rgba(0, 0, 0, 1);
}

.products-grid-wraper .product-wrap .product-price{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

/*==================================================
 * Loader 
 *==================================================*/
.loader.inactive{
    display:none;
}
.loader{
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
	background-color: #0000003d;
	display: flex;
	align-items: center;
    }
	.loader-content{
		max-width: 575px;
		width: 100%;
		background-color: #FFF;
		padding: 60px 50px;
		border-radius: 20px;
		margin: 0px auto;
		text-align: center;
		overflow: hidden;
	}
    .loader-content h2{
        margin-bottom: 15px;
        font-size: 1.2em;
    }
/*     #loader-animation {
      margin: 30px auto;
      width: 80px;
      height:80px;
      border: 8px solid #f5f4f0;
      border-top: 8px solid #685544;
      border-radius: 50%;
      animation: spin 2s linear infinite, heart-beat 2s linear infinite;
      background-color: #fff;
      text-align: center;
      line-height: 80px;
    }


    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    @keyframes heart-beat {
        55% { background-color: #fff; }
        60% { background-color: #fff; }
        65% { background-color: #fff; }
        70% { background-color: #fff; }
        100% { background-color: #fff; }
    } */
    
#loader-animation {
  width:250px;
  height:30px;
  padding: 0;
  margin 0;
  background-color:#f5f4f0;
  display: flex;
  flex-direction:column;
  justify-content:center;
  border : 1px solid #685544;
  margin:0px auto;
}

@keyframes move {
  0% {
    left: 0;
  }
  
  100%{
    left: 80%;
  }
}

#loader-animation .loading-bar{
  width:50px;
  height:100%;
  position: relative;
  background-color:#685544;
  animation-name: move;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate;
}
.loader-content.ai-journey img{
	width:160px; 
	opacity:.6;
    margin-top: -30px;
}
/*=================================*/
.form-contain .col-6, .form-contain .from-field{
    position:relative;
}

.form-contain .note{
    position: absolute;
    width: 70%;
    background-color: #ffffff;
    padding: 20px;
    color: #685544;
    font-size: 12px;
    line-height:20px;
    border-radius: 6px;
    box-shadow: 0px 4px 10px 0px rgb(199 199 199);
    opacity:0;
    transition:.3s;
    top:25px;
    left:40px;
    z-index:-1;
}
.form-contain .note ul{
    padding-left:20px;
}
.form-contain .form-label{
    display: flex;
    align-items: flex-start;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
	position:relative;
}
.form-contain .form-label .sub_label{
    width:100%; 
    font-size:14px;
}
.form-contain .form-label span{
    max-width:100%;
}
.form-contain .form-label img{
    cursor:pointer;
    text-align: center;
    font-weight: 600;
    font-size: 1.2em;
}
.form-contain .form-label img:hover + .note{
    opacity:1;
    z-index:9;
}
.form-contain input, .form-contain select{
    margin-bottom:20px;
}
#rang-id{
    text-align: right;
    margin-top: -13px;
}


.form-contain input[type="checkbox"] {
    position: relative;
    width: 50px;
    height: 20px;
    -webkit-appearance: none;
    background: rgba(81, 81, 81, 1);
    outline: none;
    border-radius: 20px;
    transition: 0.7s;
}

.form-contain input:checked[type="checkbox"] {
  background: #685544;
}

.form-contain input[type="checkbox"]:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  top: 0px;
  left: 0;
  background: #ffffff;
  transform: scale(1.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: .5s;
}

.form-contain input:checked[type="checkbox"]:before {
  left: 30px;
}

.refine-label{
	display:flex; 
	align-items:center;
    gap: 10px;
}
.refine-note{
    position: absolute;
    width: 250px;
    background-color: #ffffff;
    padding: 20px;
    color: #685544;
    font-size: 12px;
    line-height: 20px;
    border-radius: 6px;
    box-shadow: 0px 4px 10px 0px rgb(199 199 199);
    transition: .3s;
    top: 48px;
    right: 0;
    z-index:-1;
	opacity:0;
}
.refine-note.show{
    opacity:1;
    z-index:9;
}
.tools-board {
    background-color: #FAFAFA;
    border: 1px solid #CDCDCD;
    border-radius:5px;
}
.tools-board .upload-image .image-box{
    border:0px;
    background-color:transparent;
    margin-bottom:0px;
    display: block;
}
.tools-board .upload-image .placeholder_text{
    height: 100%;
    max-width: 100%;
    padding: 60px;
    display: flex;
    align-items: center;
}
.tools-board .upload-image .placeholder_text p{
	margin-top:20px;
}
.tools-board, .tools-board .upload-image .image-box{
    height:400px;
    overflow:hidden;
}

.tools-board .upload-image .image-box .picture_image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.precision-tool-wraper{
	display:flex; 
	gap: 40px;
    align-items: center;
    justify-content: space-between;
}
.tool-setting-wrap{
    margin:10px 0px;
    position:relative;
	width:100%;
} 

.tool-setting-wrap .left-wrap{
    display: flex;
    gap: 20px;
    flex-direction: column-reverse;
}
.tool-setting-wrap ul{
    list-style: none;
    padding: 20px 30px;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
}
.tool-setting .tool span{
    display:block;
    margin-bottom:10px;
}
.tool-setting .tool.active span{
    color:#685544;
    font-weight:600;
}

.switch-checkbox{
    display:flex;
    gap:40px;
}
.switch-checkbox:not(:last-child){
    margin-bottom:30px;
}
.switch-checkbox label{
    font-size:16px;
}

.tool-setting-wrap .right-wrap{
    display:flex;gap: 20px;
}
.button .btn{
    padding: 12px 25px;
}
.button .btn {
	background-color: #515151;
	border: 0px;
	color: #FFF;
	border-radius: 20px !important;
	min-width: 226px;
	padding-bottom: 13px;
}

.button .btn:hover{
    background-color: #685544;
}
.switch-checkbox label, .form-contain .switch-checkbox input{
    margin-bottom:0px;
}

/*======================================
 * like-tool
 * =====================================*/
.selected-reslut, .select-item{
    position:relative;
    overflow:hidden;
}
.like-tool{
    position: absolute;
    z-index:9;
    display: flex;
    gap: 10px;
}

.selected-reslut .like-tool{
    top: 20px;
    left: 20px;
    transition:.3s;
}
.select-item .like-tool{
    top: 10px;
    left: 10px;
    transition:.3s;
}
/* 
.after-aiimage .selected-reslut:hover .like-tool{
     top: 20px;
}
 .select-item:hover .like-tool{
    top: 10px;
    left: 10px;
} */
.like-tool button{
     color: #000;
    border: 0;
    font-size: 20px;
    padding: 0;
    background-color: white !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    outline: 0px;
}
.like-tool button:hover{
    color:#685544;
}
/*============================================
 * custom-modal-wraper
 * ===========================================*/
.custom-modal-wraper{
    
}
.custom-modal-wraper .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
	overflow-y:auto;
    outline: 0;
    background: #6f6f6f6b;
    backdrop-filter: blur(3px);
}
.custom-modal-wraper .modal-dialog{
        display: flex;
        align-items: center;
        min-height: calc(100% - 3.5rem);
        margin: 1.75rem auto;
}
.custom-modal-wraper .modal-dialog.modal-md{
        max-width: 820px;
    }

.custom-modal-wraper .modal-dialog.modal-lg{
        max-width: 900px;
    }
.custom-modal-wraper .modal-dialog.modal-xl{
	 max-width: 1200px;
}

.custom-modal-wraper .modal-content{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}
.custom-modal-wraper .modal-header{
    display: flex;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid #c4c3c0; 
    align-items: center;
}
.custom-modal-wraper #view_image .modal-header{
	position:absolute;
	right:0px; 
	top:-10px; 
	border:0px;
	
}
.custom-modal-wraper .modal-body{
    padding: 30px;
}
.custom-modal-wraper #view_image  .modal-body{
    padding: 6px;
    font-size: 0;
}
.custom-modal-wraper  #view_image .modal-content{
	border-radius:10px;
}
.custom-modal-wraper #view_image .btn-close{
	color:#FFF !important;
}
.custom-modal-wraper #view_image .oulside_view{
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
	top:0;
	left:0;
}
.custom-modal-wraper .btn-close{
    padding: 0px;
    border: 0px;
    background-color: transparent;
    font-size: 24px;
    color: #515151;
    outline:0px; 
}
.custom-modal-wraper .btn-close:focus{
    border:0px;
}
.custom-modal-wraper .btn-close:hover{
    color:#685544
}

.custom-modal-wraper .modal-header h5{
    margin:0px;
}
.custom-modal-wraper .button{
    margin-top:30px;
}
.custom-modal-wraper .input-field {
	margin-top: 18px;
}
.custom-modal-wraper input, .custom-modal-wraper select {
	background-color: #FFF;
	border: 1px solid #00000066;
	outline: 0 !important;
	border-radius: 5px;
	padding: 6px 14px;
	font-size: 15px !important;
}
.custom-modal-wraper label {
	color: #685544;
	margin-bottom: 10px;
	text-transform: capitalize;
}


 .property-info h2, .personal-info h2{
	font-family: Poppins;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    color: #685544;
	text-align: left;
	padding: 12px;
	margin:0px auto;
}
.body-heading-wrap {
	background: rgba(205, 194, 184, 1);
}
.property-info, .personal-info{}
.information-grid-style{
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 column-gap: 30px; 
	 row-gap: 10px;
}
.information-grid-style select{
	background-color:#FFF !important;	
}
.information-grid-style select option:hover, .information-grid-style select option:focus, .information-grid-style option:active{
	background-color:red;
}
.registration_form_style .modal-body {
	padding: 0px 35px 50px 35px;
}
.registration_form_style .modal-card-w{
	width:85%;
    margin: 50px auto;
}
.registration_form_style .we-start-wrap{
	text-align:center;
    max-width: 550px;
    margin: 0px auto;
	padding: 30px 0px;
}
.registration_form_style .modal-header{
	flex-direction:column;
	border-bottom:0px !important;
}
.registration_form_style .body-heading-wrap .modal-card-w{
	margin:0px auto !important;
}
.registration_form_style .body-heading-wrap .modal-card-w p{
    font-size: .8em;
    padding: 0px 12px 12px 12px;
    margin: 0px;
    color: #685544;
}
.registration_form_style .modal-header h2 { 
	font-family: "Poppins", Sans-serif;
    font-size: 2.5em;
    font-weight: 400;
	color:rgba(104, 85, 68, 1);
}
.registration_form_style .modal-header p{
	color:#685544;
}
.registration_form_style .btn-close {
	position: absolute;
	right: 40px;
	top: 24px;
}
.registration_form_style .checkbox-wrap{
	display: flex;
    gap: 10px;
    align-items: start;
    margin-top: 10px;
}
.registration_form_style .checkbox-wrap input{
	width:25px; 
	height:25px;
}
.registration_form_style .checkbox-wrap label{
	font-size:14px;
	line-height:20px;
}
.registration_form_style .button{
	text-align:center;
	display:flex;
	gap:20px;
	align-items:center;
	justify-content:center;
}
.registration_form_style .btn-outline{
	background-color:#FFF;
	border:1px solid #515151;
	color:#515151;
}
.registration_form_style .btn-outline:hover{
	background-color:#685544;
	color:#FFF;
}
.alert-error{
	background: #fafafa;
    border: 1px solid #c6c6c6;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
	margin-top:10px;
}

.alert-error div{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.alert-error a{
    background-color: #515151;
    border: 0px;
    color: #FFF;
    border-radius: 10px !important;
    padding: 10px 20px;
}

.alert-error a:hover{
	background-color: #685544;
}
.alert-success .view-msg{
    color: #019500;
    text-align: center;
}
.alert-danger .view-msg{
	color:#c70000;
}
.modal-card-w .error-text{
	margin-top:10px;
	color:#c70000;
}
.registration_form_style .only-text{
	color:#685544;
}

.user_type_checkbox-wrap{
    padding: 0px 40px 50px 40px;
}
.user_type_checkbox{
	display:flex;
	gap:20px;
}
.user_type_checkbox .checkbox-wrap{
    flex: 1;
    margin-top: 0px !important;
}
.user_type_checkbox .checkbox-wrap input{
	display:none!important;
}

.user_type_checkbox .checkbox-wrap label{
    width: 100%;
    padding: 50px 20px;
	border:1px solid rgba(212, 212, 212, 1);
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    gap: 20px;
	transition: 0.5s;
}
.user_type_checkbox .checkbox-wrap label:hover{
	 background: #685544f0;
}
.user_type_checkbox .checkbox-wrap  [type="radio"]:checked + label{
    background: #685544f0;
}
.user_type_checkbox .checkbox-wrap  [type="radio"]:checked + label span, 
.user_type_checkbox .checkbox-wrap label:hover span{
	color: #fff !important;
}
.user_type_checkbox .checkbox-wrap  [type="radio"]:checked + label img, 
.user_type_checkbox .checkbox-wrap label:hover img{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(164deg) brightness(105%) contrast(102%);
}

.summary-view-btn svg{
	position: relative;
	top: 2px !important;
}


.home-about-content span {
	font-size: 64px;
	line-height: 66px;
}
.home-about-content i {
	display: block;
	width: 100%;
	text-align: right;
	font-style: normal;
}
.otp-details span{
	display: inherit !important;
}
.aigenerate-slider-wraper .swiper-pagination{
	display: none !important;
}
#menu-header-top li{
	position: relative;
}
#menu-header-top li:before{
	content: '';
	position: absolute;
	border: 1px dashed #685544;
	width: 158px;
	height: 51px;
	border-radius: 50px;
	left: 49.98%;
	transform: translate(-50%);
	top: -6px;
	z-index: -1;
}

/*====================================
 * Responsive
 * ==================================*/
@media (max-width: 1800px) {
    .theme-select .arrow-buttons{
        width: calc(100% + 20%);
    }
}

@media (max-width: 1660px) {
    .theme-select .arrow-buttons{
        width: calc(100% + 12%);
    }
}

@media (max-width: 1550px) {
    .theme-select .arrow-buttons{
        width: calc(100% + 10%);
    }
}
@media (max-width: 1450px) {
    .theme-select .arrow-buttons{
        width: calc(100% + 2%);
    }
}
@media (max-width: 1366px) {
    .theme-select .swiper-button-prev{
        left:15px;
    }
    .theme-select .arrow-buttons{
        width: calc(100% + 0%);
    }
    
}

/*====================================
 * your-renovation-journey 
 * ==================================*/
 .you-requirements-section{
    background-color: #FDFCF8;
    overflow: hidden;
 }
.ai-card-container{
	display:none;
	position:relative;

}
.ai-card-container.active{
	display:block;
}

.ai-card-container.active {
     -webkit-animation: fadein 1s ease-in alternate;
    -moz-animation: fadein 1s ease-in alternate;
    animation: fadein 1s ease-in alternate;
}
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
/*================================
 * Font-size
 * ==============================*/
.font-l{
	font-size:2.5em;
	color:#685544;
	text-align:center;	
}
.font-ls{
	color: #737373;
	margin-bottom:0px;
}
.font-m{
	font-size:2em;
	color:#685544;
}
/*================================
 * Button
 * ==============================*/
.ai-btn-row{
	margin-top:40px;
}
.btn.align-center{
	text-align:center;
}
/*================================
 * Button
 * ==============================*/

 .you-requirements-section .top-headering{
    text-align:center;
    max-width: 700px;
    margin: 0px auto;
    padding-bottom: 40px;
}
.you-requirements-section  .ai-container{
	border-bottom: 1px solid #00000033;
}
.you-requirements-section  .ai-container.active{
	border-bottom: 1px solid transparent;
}
 .you-requirements-section .top-headering h1{
     text-align:center;
	 font-size:2.5em;
	 color:#685544;
     margin-bottom: 25px;
     line-height: 1.2em;
 }
 .renovation-setp-section{
    display: flex;
    gap: 40px;
    max-width: 1024px;
    margin: 0px auto;
	margin-bottom:60px;
 }
.step_wraper_box{
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}
.step_wraper_box .step-icons{
	min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
	position:relative;
}
.step_wraper_box .step-icons img{
	
}
.step_wraper_box .step-top{
	min-height: 90px;
}
.step_wraper_box .step-top h2{
	font-size: 1em;
    color: #685544;
    line-height: 1.5em;
	margin: 0px;
}
.step_wraper_box .step-details{
	font-size: 1em;
    color: #685544;
	font-weight:400;
	
}
.step_wraper_box .step-icons:before{
	content: '';
    width: 1px;
    height: 90%;
    background: #00000033;
    position: absolute;
    right: -20px;
}
.renovation-setp-section .col-3:last-child .step-icons:before{
	background:transparent;
}
.ai-btn-row .preferred-button {
    justify-content: center;
}
/*========================
*step-one-section
*=========================*/
#step-one-section{}
.step-title-wrap{
    text-align:center;
}
.box-grid-style{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 60px;
    column-gap: 2%;
    row-gap: 30px;
}
.box-grid-style .style-box-wrap {
    width: 18.4%;
    text-align:center;
	cursor:pointer;
}
.box-grid-style .style-box-wrap .slide-card.active{
    border: 1px dashed #00000033;
    padding: 10px;
    border-radius: 10px;
}
.box-grid-style .style-box-wrap h4{
    color: #685544;
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 10px;
}
.box-grid-style .style-box-wrap .slide-card.active h4{
	font-weight: 500;
}

.box-grid-style .style-image img{
	border-radius:10px;
	transform:scale(1);
	transition:.2s;
}
.box-grid-style .style-image{
	overflow:hidden;
	border-radius:10px;
}
.box-grid-style .style-image img:hover{
	transform:scale(1.1);
}

/*========================
*title-note-box
*=========================*/
.title-note-box{
	position:relative;
}
.title-note-box .title-wraper{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-left: 20px;
}
.title-note-box .icon-box{
	cursor:pointer;
}
.title-note-box .icon-box img{
	margin-bottom:-5px;
}
.step-title-wrap p{
	margin-top:10px;
}
.title-note-box .note{
    max-width: 500px;
    background-color: #ffffff;
    padding: 20px;
    color: #685544;
    font-size: 14px;
    line-height: 20px;
    border-radius: 6px;
    box-shadow: 0px 4px 10px 0px rgb(199 199 199);
    transition: .3s;
    right: 40px;
    position: absolute;
	display:none;
	cursor:pointer;
	z-index:999;
}
.title-note-box .note img{
	cursor:pointer;
}
.title-note-box .note.show{
	display:block;
	text-align:left;
	
}
.title-note-box p{
	color: #685544;
	font-size:1em;
	text-align:center;
}
.step-title-wrap p.small{
	font-size:0.9em;
	margin-top:10px !important;
}
/*========================
*title-note-box
*=========================*/
.intervention-section{
    padding: 60px 0px;
    max-width: 1024px;
    margin: 0px auto;
}
.intervention-section .intervention{
	width: 100%;
    max-width: 700px;
    margin: 0px auto;
    padding: 40px 0px;
}
.intervention-section .rang-field{
	position:relative;
}
.intervention-section .rang-field small{
	position: absolute;
    width: 100%;
    text-align: center;
    top: 35px;
}
.intervention-section .step-title-wrap p{
	max-width: 700px;
	margin:0px auto;
}

/*========================
*ai-upload-image-wraper
*=========================*/
.ai-upload-image-wraper{
    padding: 60px 0px;
}
.ai-upload-image-wraper .ai-image-upload input{
	display:none;
}
.ai-upload-image-wraper .ai-image-upload{
	padding:50px 0px;
}
.ai-upload-image-wraper .ai-image-upload label{
	width:100%;
}
.ai-upload-image-wraper .ai-image-upload .image-file{
    width: 80px;
    height: 80px;
  	background: #DACDC1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0px auto;
}

.ai-upload-image-wraper .upload-file-name{
	text-align:center;
    margin-bottom: 20px;
}
#upload-iamge-section .step-title-wrap p, #upload-iamge-section .title-wraper p{
	margin:0px;
}

/*====================================
 * select-a-preset
 * ===================================*/
.select-a-preset{
	max-width:600px; 
	margin:0px auto;
	margin-bottom:40px;
	
}
.select-a-preset .title-note-box p{
	margin-bottom:45px;
}

.select-a-preset .title-note-box{
	margin-bottom:20px;
}
.select-a-preset .form-control{
    max-width: 300px;
    margin: 0px auto;
}

/*====================================
 * uplaod-preview
 * ===================================*/
.uplaod-preview{
	min-height: 400px;
    background: #FAFAFA;
    border: 1px solid #CDCDCD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
	overflow:hidden;
}
.uplaod-preview span{
	font-size:0px; 
	padding:0px;
	width:100%;
}
.uplaod-preview .picture_image img{
	width:100%;
	height:1024px;
	object-fit:cover;
}
.ai-upload-image-wraper .custom-ai-insturctions{
    justify-content: start;
	padding-top:40px;
}
.ai-upload-image-wraper .custom-ai-insturctions .note{
	right:unset;
	left:0px;
}
.ai-upload-image-wraper .custom-ai-insturctions .title-note-box{
    margin-bottom: 20px;
}

.custom-ai-insturctions .title-note-box .title-wraper{
    justify-content: start;
}
.d-none{
	display:none !important;
}

/*===============================
 * ai-generate-result-section
 * =============================*/
.ai-generate-result-section{
	display:flex;
	gap:40px;
}
.ai-generate-result-section .before-aiimage, .ai-generate-result-section .after-aiimage {
	width:50%;
}

/* .ai-generate-result-section .selected-reslut{
	height:100%;
} */
.ai-generate-result-section .before-aiimage .selected-reslut img, .ai-generate-result-section .after-aiimage .selected-reslut img {
	height:auto;
	object-fit:cover;
    border-radius: 5px;
}
.aigenerate-nav-slider{
	margin-top:40px;	
}
.ai-generate-result-section label{
	display:block;
	text-align:left;
}
#show-my-result .card-wraper{
	text-align:center;
}
#show-my-result .preferred-subtext {
	margin:0px auto;
	margin-bottom:30px;
}

.renovation-tabs{
	padding-top:80px;
}
.renovation-tabs ul{
    display: flex;
    gap: 20px;
    max-width: 1024px;
    margin: 0px auto;
	list-style:none;
    padding: 0;
}
.renovation-tabs ul li{
    flex: 1;
	cursor:pointer;
}
.renovation-tabs ul li .step-border{
    height: 8px;
    border: 1px solid #AEA49A80;
    border-radius: 50px;
}
.renovation-tabs ul li.active .step-border{
	background-color:#AEA49A80;
}
.renovation-tabs ul li .step-content{
	display: flex;
    gap: 10px;
    margin-top: 10px;
	opacity:0;
    align-items: center;
}
.renovation-tabs ul li.active .step-content{
   opacity:1;
}
.renovation-tabs ul li .step-content .count{
	width:30%;
}
.renovation-tabs ul li .step-content .count span{
	background-color: #685544;
    display: flex;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #FFFF;
}
.renovation-tabs ul li .step-content .text{
  	width: 100%;
    font-size: 12px;
    color: #685544;
    text-decoration: underline;
    font-weight: 500;
}

.back-button{
	position: absolute;
    top: -40px;
    left: -45px;
    z-index: 9;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
	border:0px;
    color: #685544 !important;
	background-color:transparent !important;
}
.back-button .text{
	margin-bottom:-2px;
}

.aigenerate-slider-wraper .swiper-pagination{
	display:flex; 
	gap:10px;
	margin-top: 20px;
}

.aigenerate-slider-wraper .swiper-pagination-bullet {
    cursor: pointer;
    width: 13px !important;
    height: 13px !important;
    background: #515151;
}

.aigenerate-slider-wraper.theme-select{
	margin-top:40px;
}
.aigenerate-slider-wraper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 50px !important;
	border-radius: 10px !important;
}

/*================= Summery Page Style =========================*/
.summary-banner-section{
	background: linear-gradient(0deg, rgba(245, 244, 240, 0) 15.23%, #F5F4F0 109.27%);
}
.summary-banner-section .ai-container{
	padding: 0;
}
.summary-banner-section .summary-banner-content{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0;
	background-image: url("https://www.renosolution.com.sg/wp-content/uploads/2024/07/summary-banner.png");
}
.summary-banner-section .summary-banner-content img{
	top: 15px;
	position: relative;
}
.summary-banner-section .summary-banner-content{
	text-align: center;
}
.summary-banner-section .summary-banner-content h1{
	color: #685544;
	font-size: 32px;
	line-height: 50px;
	max-width: 635px; 
	margin: 0 auto;
	font-weight: 400;
	margin-top: 20px;
}


.select-room-section h2{
	color: #685544;
	font-size: 32px;
	line-height: 50px;	
	font-weight: 400;
	margin: 0 0 0;
}
.select-room-section .accordion-button{
	background: transparent;
	border: 0;
	padding: 0;
	color: #685544;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
	text-align: left;
	position: relative;
	outline: none !important;
}
.select-room-section .accordion-button:after{
	content: url("https://www.renosolution.com.sg/wp-content/uploads/2024/07/arrow-down.png");
	position: absolute;
	right: 0;
}
.select-room-section .accordion-button.collapsed:after{
	content: url("https://www.renosolution.com.sg/wp-content/uploads/2024/07/arrow-up.png");
}
.select-room-section .accordion-button span{
	padding-left: 12px;
	position: relative;
	top: 0px;
}
.select-room-section .room-accordion-content{
	padding-left: 24px;
}
.select-room-section .accordion-item{
	padding: 35px 0 35px;
	border-bottom: 1px dashed #685545;
}
.select-room-section .accordion-item h2{
	margin: 0;
}
.select-room-section .accordion-item:first-child{
	padding-top: 0;
}
.select-room-section .room-accordion-content img{
	height: 200px; 
	object-fit: fill;
	border-radius:10px;
	width:100%;
}
.select-room-section .room-accordion-content .room-accordion-wraper{
	display: flex;
	column-gap: 4%;
	margin-top: 70px;
}
.select-room-section .room-accordion-content .room-accordion-wraper h3{
	color: #685544;
	font-size: 16px; 
	line-height: 24px;
	font-weight: 400;
	margin: 0 0 25px;
}

.select-room-section .summary-image-box {
	position:relative;
}
.select-room-section .summary-image-box .view-btn{
	position: absolute;
    background-color: #FFF;
    border: 0;
    outline: 0;
    border-radius: 50%;
    padding: 0px;
    height: 35px;
    width: 35px;
    top: 8px;
    left: 8px;
    color: #515151;
}
.select-room-section .summary-image-box .view-btn:hover{
	background-color:#EB595F;
	color:#FFF !important;
}
.select-room-section .room-accordion-content .room-accordion-wraper .room-before, .select-room-section .room-accordion-content .room-accordion-wraper .room-after{
	width: 28%;
}
.select-room-section .room-accordion-content .room-accordion-wraper .room-description{
	width: 40%;
	padding-top: 42px;
}
.select-room-section .room-accordion-content .room-accordion-wraper p{
    color: #685544;
    border: 1px solid #685544;
    padding: 20px;
    border-radius: 10px;
	height:140px; 
	overflow:auto;
}
.select-room-section .room-accordion-content .room-accordion-wraper .room-description ul{
	padding: 0;
	list-style: none;
}
.select-room-section .room-accordion-content .room-accordion-wraper .room-description ul li{
	color: #685544; 
	font-size: 16px; 
	line-height: 24px;
	position: relative;
	margin-bottom: 5px;
	display:flex;
	gap:40px;
}
.select-room-section .room-accordion-content .room-accordion-wraper .room-description ul li span{
	color: #A2A2A2;
}
.room-description ul li .room_label {
   	width: 50%;
    display: block;
}
.select-room-section .room-accordion-content .room-accordion-wraper .room-description h4{
	color: #685544; 
	font-size: 16px;
	line-height: 24px; 
	font-weight: 400;
	margin-bottom: 12px;
	margin-top: 38px;
}
.select-room-section .room-selection a{
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	background: #515151;
	width: 116px;
	display: inline-block;
	text-align: center;
	padding: 5px 5px;
	border-radius: 10px;
	box-shadow: 0px 4px 20px 0px #00000040;
}
.select-room-section .room-selection{
	display: flex;
	align-items: center;
	column-gap: 30px;
	justify-content: flex-end;
}
.select-room-section .room-selection input{
	width: 34px; 
	height: 34px;
	background: transparent;
	border-radius: 50%;
	border: 2px solid #515151;
}
.select-room-section .custom-checkbox {
	width: 34px;
	height: 34px;
	border: 2px solid #515151;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
}
.select-room-section .room-selection.summarry .custom-checkbox {
	display: none; 
}
.select-room-section .custom-checkbox input[type="checkbox"] {
	display: none;
}
.select-room-section .custom-checkbox input[type="checkbox"]:checked + .checkmark {
	background-color: #007bff;
	border: 2px solid #fff;
}
.select-room-section .checkmark {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	width: 36px;
	height: 36px;
	transform: translate(-51%, -50%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.select-room-section .checkmark::after {
	content: '';
	width: 9px;
	height: 14px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	display: none;
}
.select-room-section .custom-checkbox input[type="checkbox"]:checked + .checkmark::after {
	display: block;
}
.select-room-section .accordion-body{
	padding-bottom: 14px;
}

.additional-room-section{
	text-align: center;
}
.additional-room-section .ai-container{
	padding:0px 10px !important;
}
.additional-room-section .additional-room-btn{
	display: block;
	border-radius: 20px;
	background: #6855441A;
	padding:30px;
	border: 1px solid #685544;
	max-width:767px;
	margin:0px auto;
}
.additional-room-section .additional-room-btn p{
	color: #685544;
	font-size: 24px;
	line-height: 50px;	
	font-weight: 400; 
	margin: 0px;
	text-transform: capitalize;
}
.additional-room-section .additional-room-btn img{
	width:50px;
}
.ready-download-section{
	padding-top: 10px;
	padding-bottom: 83px;
}
.ready-download-section .ready-download-content{
	max-width: 540px;
	margin: 0 auto;
	text-align: center;
}
.ready-download-section .ready-download-content h2{
	color: #685544;
	font-size: 32px;
	line-height: 50px;
	font-weight: 400;
}
.ready-download-section .download-button{
	color: #685544;
	font-size: 16px;
	line-height: 24px;
	border: 1px solid #685544;
	display: block;
	max-width: 142px;
	margin: 0 auto;
	border-radius: 50%;
	margin-top: 32px;
	padding: 50px 0 25px 0;
}
.ready-download-section .download-button p{
	margin-bottom: 10px;
}


.custom-modal-wraper .summary-modal{
	background: #0000001A;
	backdrop-filter: blur(10px);
}
.custom-modal-wraper .summary-dialog{
	max-width: 805px;
	min-height: 532px;
	height: 100%;
}
.custom-modal-wraper .summary-dialog .modal-body{
	height: 532px;
	overflow-y: hidden;
	text-align: center;
}
.custom-modal-wraper .summary-dialog .modal-header {
	display: flex;
	justify-content: flex-end;
	padding: 0;
	border-bottom: 0;
	position: relative;
}
.custom-modal-wraper .summary-dialog .modal-header img{
	position: absolute;
	right: 30px;
	top: 30px;
}
.custom-modal-wraper .summary-dialog .modal-content{
	border: 0;
	border-radius: 20px;
	width: 100%;
	background: #fff;
	box-shadow: 0px 4px 20px 0px #00000040;
}
.custom-modal-wraper .summary-dialog .modal-body button{
	color: #fff;
	border: none;
	background: #515151;
	box-shadow: 0px 4px 20px 0px #00000040;
	width: 192px;
	border-radius: 10px;
	padding: 6px 5px;
	margin-top: 40px;
}
.summary-dialog .group_button {
	display:flex;
	gap:15px;
	align-items:center;
	justify-content:center;
    margin-top: 40px;
}
.group_button .btn-outline{
	background-color: #FFF;
    border: 1px solid #515151;
    color: #515151;  
    max-width: 192px;
    border-radius: 10px;
    padding: 6px 20px;
}
.group_button .btn-outline:hover{
	background-color: #515151;
	color:#FFF;
}
.group_button .btn-primary{
	margin-top:0px !important;
}
.custom-modal-wraper .summary-dialog .modal-body p{
	color: #685544;
	max-width: 354px;
	margin: 0 auto;
	margin-top: 50px;
}
.custom-modal-wraper .summary-dialog .modal-body img{
	margin-top: 65px;
}


.custom-modal-wraper .thank-you-dialog{
	max-width: 805px;
	min-height: 585px;
	height: 100%;
}
.custom-modal-wraper .thank-you-dialog .modal-body{
	height: 585px;
	overflow-y: hidden;
	text-align: center;
}
.custom-modal-wraper .thank-you-dialog h2{
	font-size: 24px;
	line-height: 36px;
	font-weight: 500;
	color: #685544;
	max-width: 318px;
	margin: 0 auto;
	margin-top: 33px;
}
.custom-modal-wraper .thank-you-dialog .modal-body img {
	margin-top: 15px;
}
.custom-modal-wraper .thank-you-dialog .modal-body p {
	margin-top: 25px;
	max-width: 505px;
}
.custom-modal-wraper .thank-you-dialog .modal-body button {
	margin-top: 30px;
}
.summary-image-slider{
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}
.summary-image-slider .summary-slider-check{
	position: absolute;
	bottom: 15px;
	right: 7px;
	width: 25px;
	height: 25px;
	background: #fff;
}
.summary-image-slider .swiper-slide{
	position: relative;
}
.summary-image-slider .checkmark{
	width: 25px;
	height: 25px;
	top: 46%;
	    left: 52%;
}
.summary-image-slider .checkmark::after {
	width: 6px;
	height: 12px;
}
.summary-image-slider .swiper-pagination {
    z-index: 9;
    margin-bottom: -6px;
}
.summary-image-slider .swiper-pagination-bullet {
    margin-right: 7px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #515151;
    opacity: 1;
}
.summary-image-slider .swiper-pagination-bullet-active{
	background: #bcbbb9;
}
.summary-slider-navigation{
	height:40px;
	position:relative;
	display:flex; 
	align-items:center;
	justify-content:center;
    gap: 20px;
    flex-direction: row-reverse;
}
.summary-slider-navigation div{
    position: relative !important;
    transform: translateY(0px) !important;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
}
.summary-image-slider .swiper-button-next{
	color: #fff;
	font-size: 18px;
	z-index: 1;
	border-radius: 10px;
	background: #515151;
}
.summary-image-slider .swiper-button-prev{
	color: #fff;
	z-index: 1;
	font-size: 18px;
	border-radius: 10px;
	background: #515151;
}
.summary-image-slider .swiper-button-next::after, .summary-image-slider .swiper-button-prev::after{
  font-size: 12px;
  font-weight: 900;
}



.custom-modal-wraper .regenerate-dialog.modal-md{
	max-width: 583px;
	min-height: 490px;
	height: 100%;
}
.custom-modal-wraper .regenerate-dialog .modal-body{
	overflow-y: hidden;
	text-align: center;
	position: relative;
	padding: 50px;
	height: auto !important;
}
.custom-modal-wraper .regenerate-dialog .modal-content{
	border: 0;
	border-radius: 20px;
	width: 100%;
	background: #fff;
	box-shadow: 0px 4px 20px 0px #00000040;
}
.custom-modal-wraper .regenerate-dialog .btn-close{
	position: absolute;
	right: 25px;
	top: 20px;
}
/* .custom-modal-wraper .regenerate-dialog img{
	margin-top: 35px;
} */
.regenerate-dialog ul{
	list-style: none;
	padding: 0;
	display: flex;
	margin-top: 30px;
	flex-wrap: wrap;
	gap: 20px;
    align-items: center;
    justify-content: center;
}
.regenerate-dialog ul li{
	width: 45.33%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.regenerate-dialog ul li a{
	display: flex;
	font-size: 16px;
	line-height: 18px;
	color: #515151;
	min-height: 180px;
	border: 1px solid #68554433;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	gap:10px;
    width: 100%;
}

.regenerate-dialog ul li a:hover{
	background-color:#68554421 !important;
	color: #515151 !important;
}
.regenerate-dialog ul li a:focus{
	background-color:#68554421 !important;
    border: 1px solid #68554433!important;
	color: #515151 !important;
}
.regenerate-dialog ul li a span.sub_text{
	font-size:12px;
}
.regenerate-dialog ul li a span{
	display:block !important;
    white-space: normal;
}
.video-wrapper{
	overflow:hidden;
	border:1px solid #C2C2C2;
	border-radius:10px;
}
.video-wrapper video{
    margin-bottom: -8px;
	margin-left:5px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.room-preview-wraper-row{
	max-width:991px;
	margin:0px auto; 
	padding-top: 40px;
    position: relative;
}
.room-preview-wraper-row:before {
    content: '';
    background-image: url(https://www.renosolution.com.sg/wp-content/uploads/2024/10/circular-arrow-big.png);
    position: absolute;
    width: 264px;
    right: -310px;
    height: 264px;
    background-repeat: no-repeat;
    z-index: 1;
    bottom: -80px;
}
.steptwo-prompt-heading {
	text-align:left;
	margin-bottom:20px;
}
.steptwo-prompt-heading  span{
	display:block;
}
.steptwo-prompt-heading  span.show-prompt{
    color: #685544;
    border: 1px solid #685544;
    padding: 10px;
    border-radius: 5px;
    margin-top: 5px;
}
/*=================================*/
.cup-wraper{
	width: 90px;
	position: relative;
	margin:0px auto;
    padding-bottom: 30px;
}
.cup{
	height: 60px;
    width: 60px;
    border: 3px solid #f5f4f0;
    border-radius: 3px 3px 70px 70px;
/*     background-image: url(https://www.renosolution.com.sg/wp-content/uploads/2024/09/coffee-1.png); */
    box-shadow: 0px 0px 0px 3px #685544;
    background-repeat: repeat-x;
    background-position: 0px 140px;
/*     /animation: fill 1s infinite; */
    margin: 0px auto;
    position: relative;
	overflow:hidden;
}
.cup:after{
	content: '';
    position: absolute;
    background-image: url(https://www.renosolution.com.sg/wp-content/uploads/2024/09/coffee-1.png);
    animation: wave 10s linear infinite, rise 4s infinite alternate;
    width: 5000px;
    background-size: contain;
    height: 100px;
    left: 0;
    top: 0;
}
@keyframes wave {
  0% {
    margin-left: 0;
  } 
  100% {
    margin-left: -1000px;
  }
}

@keyframes rise {
  0% {
    top: 50px;
  }
  100% {
    top: -12px;
  }
}


.cup-wraper:before {
    content: '';
    height: 38px;
    width: 30px;
    background-color: transparent;
    border: 3px solid #685544;
    position: absolute;
    right: -15px;
    top: -1px;
    border-radius: 0px 25px 80px 0px;
}
@keyframes fill{
	0%{
		background-position: 0px 10px
	}
	10%{
		background-position: -6px 40px
	}
	20%{
		background-position: -12px 50px
	}
	30%{
		background-position:-18px -50px;
	}
	40%{
		background-position:-24px 120px;
	}
	50%{
		background-position:-30px 120px;
	}
	60%{
		background-position:-36px 120px;
	}
	70%{
		background-position:-42px 120px;
	}
	70%{
		background-position:-48px 120px;
	}
	90%{
		background-position:-45px 120px;
	}
	100%{
		background-position:-60px 120px;
	}
}
.single-partner-wraper .iti--allow-dropdown .iti__tel-input{
	padding-left:60px!important;
}
.single-partner-wraper  .gform_footer input[type="submit"]:hover{
	background-color:#EB595F !important;
    border-color: #EB595F!important;
}
/* .loader-content .swiper-wrapper{
	overflow:hidden;
} */

.loader-content .arrow-buttons .swiper-button-prev:before {
    content: '';
    position: absolute;
    background: #02020200;
    width: 15px;
    height: 16px;
    z-index: 0;
    left: 12px;
    top: 9px;
    border-style: solid;
    border-color: #9e835f;
    border-width: 2px 0px 0px 2px;
    transform: rotate(-45deg);
}

.loader-content .arrow-buttons .swiper-button-next:before {
    content: '';
    position: absolute;
    background: #02020200;
    width: 15px;
    height: 16px;
    z-index: 0;
    left: 6px;
    top: 9px;
    border-style: solid;
    border-color: #9e835f;
    border-width: 0px 2px 2px 0px;
    transform: rotate(-45deg);
}
.loader-content .arrow-buttons .swiper-button-next:hover:before, .loader-content .arrow-buttons .swiper-button-prev:hover:before {
    border-color: #FFF;
}
.loader-content .arrow-buttons .btn-arrow{
	box-shadow:unset !important;
}
.loader-content .arrow-buttons .swiper-button-prev:after, .loader-content .arrow-buttons .swiper-button-next:after {
    font-size: 20px;
    color: #685544;
    width: 35px;
    height: 35px;
    background: white;
    border-radius: 50%;
    box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.1);
    line-height: 33px;
}
.d-none{
    display:none;
}

/*======================== Contact Us Page Style ===============*/
.contact-page-section .elementor-form-fields-wrapper input, 
.contact-page-section .elementor-form-fields-wrapper select, 
.contact-page-section .elementor-form-fields-wrapper textarea{
	padding: 0;
	border: 0;
	padding-bottom: 6px;
	box-shadow: none !important;
	border-bottom: 1px solid #6855447a;
}
.contact-page-section .elementor-form-fields-wrapper input:focus, 
.contact-page-section .elementor-form-fields-wrapper select:focus, 
.contact-page-section .elementor-form-fields-wrapper textarea:focus{
	border-bottom: 1px solid #685544;
}
.contact-page-section .elementor-form-fields-wrapper input::placeholder, 
.contact-page-section .elementor-form-fields-wrapper select::placeholder, 
.contact-page-section .elementor-form-fields-wrapper textarea::placeholder{
  font-weight: 500;
  opacity: 1;
  color: #685544;
}
.contact-page-section .elementor-form-fields-wrapper textarea{
	margin-top: 10px;
}
.contact-page-section .elementor-button {
	min-height: 48px !important;
	margin-top: 5px;
}
.contact-page-section .elementor-form-fields-wrapper select{
	cursor: pointer;
}

.project-page-gallery:before{
	display: none;
}

.project-grid-section .pp-grid-item{
	position: relative;
}


.renovation-api-remain{
	text-align: center;
	position: relative;
	top: -6px;
	background: #EB595F;
	display: inline-block;
	left: 50%;
	transform: translate(-50%);
	color: #fff;
	padding: 5px 30px;
	border-radius: 5px;
}


.main-projects-section .pp-image-comparison{
	border-radius: 18px !important;
}
.main-projects-section .twentytwenty-handle {
	width: 2px !important;
}
.main-projects-section .twentytwenty-horizontal .twentytwenty-handle::before {
	width: 66px !important;
	height: 64px !important;
	border: 2px solid #FFF;
	left: -32px !important;
	margin-top: -36px !important;
}
.main-projects-section .twentytwenty-left-arrow::before {
	left: -2px;
	width: 10px;
	height: 19px;
	top: -7px;
}
.main-projects-section .twentytwenty-right-arrow::before {
	width: 11px;
	height: 19px;
	top: -7px;
	right: -1px;
}
.image-view-row .form-label{
	display: none;
}
.renovation-api-old-image {
	justify-content: flex-end;
	display: flex;
	max-width: 1460px;
	column-gap: 15px;
	position: relative;
	top: -35px;
}
.renovation-api-old-image a, .renovation-api-old-image span:nth-child(2) a:hover {
	border: 1px solid #685544;
	padding: 10px 30px;
	border-radius: 50px;
	transition: 0.5s;
	background: transparent;
	color: #685544;
}
.renovation-api-old-image span:nth-child(2) a, .renovation-api-old-image a:hover{
	background: #685544;
	color: #fff;
}


.registration_form_style .modal-card-w {
	margin-top: 0 !important;
	width: 90%;
}
.registration_form_style .we-start-wrap {
	padding-bottom: 0 !important;
	padding-top: 40px;
}
.registration_form_style .input-field span {
	display: block;
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 10px;
	text-transform: initial;
}
#register-form {
	position: absolute;
	left: 30px;
	top: 30px;
}
#register-form a{
	background-color: transparent;
	padding: 0;
	border: 0 !important;
}

/*=====================================
 * Responsive 
 * ====================================*/
@media(max-width: 1366px){ 
	.back-button{
		left:-35px;
	}
}
@media(max-width: 1366px){ 
	.back-button {
		left: 40px;
		top: 20px;
	}
	
}
@media(max-width:1200px){ 
	.renovation-tabs ul{
		max-width:1024px;
	}
	.back-button {
		left: 20px;
	}
}

@media(max-width:1200px){ 
	.room-preview-wraper-row:before{
		right:-211px;
	}
}
@media(max-width:1100px){ 
	.back-button {
		left: 10px;
		top: 20px;
	}
	.room-preview-wraper-row:before {
        right: -100px;
		width: 150px;
		height: 224px;
		background-size: contain;
		background-position: right bottom;
	}
}
@media(max-width:1024px){ 
	.registration_form_style .modal-header h2{
		font-size:2em;
	}
	.property-info h2, .personal-info h2{
		font-size:20px;
	}
	/*====== Renovation Journey =======*/
	.font-l, .card-wraper h2{
		font-size: 2em;
	}
	.box-grid-style{
		padding-top:40px;
	}
	.box-grid-style{
    	row-gap: 20px;
	}
	.box-grid-style .style-box-wrap{
		width: 23.4%;
	}
	.tool-setting-wrap{
		width:100%;
	}
	.renovation-tabs ul{
		padding:0px 20px;
	}
	.back-button {
        left: 0px;
		top:5px;
    }
	.summary-banner-section .summary-banner-content{
   		padding: 80px 0;
	}
	.summary-banner-section .summary-banner-content h1, .ready-download-section .ready-download-content h2{
		font-size:28px;
	}
	.select-room-section h2{
		font-size: 24px;
		line-height: 30px;
	}
	.select-room-section .room-accordion-content{
		padding-left: 0px;
	}
	.select-room-section .room-accordion-content .room-accordion-wraper{
		margin-top:30px;
	}
}

@media(max-width:1023px){ 
	
}
@media(max-width:991px){ 
	.custom-modal-wraper .modal-content{
		width:95%;
		margin:0px auto;
	}
	.tools-board, .tools-board .upload-image .image-box{
		height:300px;
	}
	.form-contain .col-6, .form-contain .from-field{
		width:100%;
		flex:unset;
	}
	.room-preview-wraper-row:before{
		display:none;
	}
	.tools-board, .tools-board .upload-image .image-box{
		height:auto;
        font-size: 0px;
	}
	
	.select-room-section .room-accordion-content .room-accordion-wraper{
		 gap:20px;
   		 flex-wrap: wrap;
		 justify-content:center;
	}
	.select-room-section .room-accordion-content .room-accordion-wraper .room-before, .select-room-section .room-accordion-content .room-accordion-wraper .room-after{
		width:47%;
	}
	.select-room-section .room-accordion-content .room-accordion-wraper .room-description {
		width: 95%;
		padding-top: 0px;
	}
	.select-room-section .room-selection{
		margin-top: -40px;
	}
	
}

@media(max-width:767px){ 
	.home-about-content span{
		font-size: 28px; 
		line-height: 30px;
	}
	.border-animation img{
		box-shadow: 0px 2.58px 15.49px 0px #00000040;
	}
	.home-about-content i{
		display: block;
		width: 100%;
		text-align: right;
		font-style: normal;
	}
	.global-btn-design{
		position: relative;
	}
	.global-btn-design::before {
		content: '';
		position: absolute;
		border: 1px dashed #685544;
		width: 158px;
		height: 55px;
		border-radius: 50px;
		left: 49.8%;
		transform: translate(-50%);
		top: -6px;
		z-index: -1;
	}
	.reno-banner-section .global-btn-design::before {
		border: 1px dashed #fff;
	}
	.reno-banner-section .get_start {
		width: 141px;
		height: 43px;
		line-height: 20px;
	}
	.ai-button-style-hover .elementor-button-content-wrapper {
		top: -12px !important;
		position: absolute !important;
		right: 0 !important;
		left: unset !important;
	}
	.image-view-row .form-label{
		display: block;
	}
	.text-view-row .col-6:last-child .form-label{
		display: none;
	}
	.text-view-row .col-6:last-child{
		display: none;
	}
	.text-view-row .col-6:last-child .label{
		margin-bottom: 0 !important;
	}
	.image-view-row .form-label {
		display: block;
		width: 100%;
	}
	.image-view-row .tools-board{
		order: 1;
	}
	.image-view-row .form-label{
		order: 2;
		margin-bottom: -20px !important;
	}
	.image-view-row .drawing-board{
		order: 3;
	}
	.process-steps-wrap .pp-info-box-title {
		width: 40px !important;
		height: 40px !important;
	}
	.summary-banner-section .summary-banner-content img {
		top: 0;
		width: 90px;
	}
	.summary-banner-section .summary-banner-content h1 {
		margin-top: 10px;
	}
	.process-steps-wrap .pp-info-box-subtitle {
		min-height: 34px !important;
	}
	.cirlcle-button .elementor-button {
		width: 120px !important;
		height: 120px !important;
		font-size: 15px !important;
		padding: 0 !important;
	}
	.registration_form_style .we-start-wrap{
		padding:20px 0px 0px 0px;
	}
	.registration_form_style .modal-header h2 {
		font-size: 1.5em;
		margin-bottom: 6px;
	}
	.registration_form_style .modal-header p {
		font-size: .8em;
	}
	.registration_form_style .modal-card-w {
		width: 100%;
		margin: 0px auto;
    	padding: 10px 20px;
	}
	.registration_form_style .body-heading-wrap .modal-card-w {
		margin: 0px auto !important;
		width: 100%;
		padding: 0px 20px;
	}
	.custom-modal-wraper .input-field {
		margin-top: 12px;
	}
	.property-info h2, .personal-info h2 {
        font-size: 16px;
	}
	.custom-modal-wraper label {
		font-size: 14px;
		text-align: left;
		line-height: 22px;
		margin-bottom: 6px;
		padding: 0;
	}
	.personal-info .modal-card-w{
		display:flex;
		gap:15px; 
		flex-direction:column;
	}
	#register-form {
		left: 8px;
		top: 8px;
	}
	.registration_form_style .input-field span {
		display: block;
		font-size: 12px;
		margin-top: 0;
		margin-bottom: 0px;
	}
	.intervention-section {
		padding: 0px 0px !important;
	}
	
	#image_gallary .view-btn{
		width: 28px !important;
		height: 28px !important;
	}
	#image_gallary .view-btn svg{
		width: 15px;
		height: 15px;
	}
	.results-right-wrap .select-item .count, .aigenerate-nav-slider .select-item .count {
		position: absolute;
		top: 10px;
		right: 34px;
		font-size: 18px;
		color: #000;
		font-weight: 700;
	}

	/*====== Renovation Journey =======*/
	.box-grid-style .style-box-wrap {
		width: 29%;
	}
	.font-l, .card-wraper h2 {
		font-size: 20px;
	}
	.intervention-section .intervention{
    	padding: 20px 0px;
	}
	.box-grid-style{
		row-gap:10px;
	}
	.font-l br{
		display:none;
	}
	.uplaod-preview {
		height: 165px !important;
		min-width: 165px !important;
		min-height: 300px !important;
	}
	.uplaod-preview .picture_image img {
		width: 100%;
		height: 100% !important;
		object-fit: unset !important;
	}
	.uplaod-preview span {
		height: 100% !important; 
	}
	.ai-generate-result-section{
		gap:20px;
	}
	.ai-generate-result-section{
		flex-direction:column;
	}
	.ai-generate-result-section .before-aiimage, .ai-generate-result-section .after-aiimage{
		width:100%;
	}
	.custom-modal-wraper .regenerate-dialog .modal-content{
		width:95%;
	}
	.renovation-tabs ul{
		display:none !important;
	}
	.ai-upload-image-wraper{
		padding: 20px 0px;
	}
	.ai-upload-image-wraper .ai-image-upload {
		padding: 20px 0px;
	}
	
	.summary-banner-section .summary-banner-content {
        padding: 60px 0 0;
    }
	.summary-banner-section .summary-banner-content h1, .ready-download-section .ready-download-content h2 {
        font-size: 24px;
        max-width: 417px;
        line-height: 35px;
    }
	.select-room-section h2 {
        font-size: 20px;
        line-height: 24px;
    }
	.summary-image-slider{
		padding-bottom:10px;
	}
	.select-room-section .room-selection {
        margin-top: 15px;
        justify-content: space-around;
    }
	.select-room-section .room-accordion-content img{
		height:auto;
	}

	.user_type_checkbox .checkbox-wrap label {
		padding: 20px 15px;
		gap: 10px;
	}
	.user_type_checkbox-wrap {
		padding: 0px 0px 0px 0px;
	}
	.registration_form_style .checkbox-wrap label img{
		width: 47px !important;
	}
	.custom-modal-wraper .modal-content {
		padding-bottom: 20px;
	}
	
	.custom-modal-wraper .regenerate-dialog .modal-body img{
		width: 100px;
	}
	.regenerate-dialog ul li a img{
		width: 45px !important;
	}
	.preferred-button .btn span {
		right: -5px;
	}
	.user-login-buttons {
		padding: 0px 20px 0px 20px !important;
	}
	.ready-download-section {
		padding-top: 0;
		padding-bottom: 0;
	}
	.ready-download-section .download-button {
		font-size: 16px;
		line-height: 16px;
		max-width: 115px;
		margin-top: 32px;
		padding: 33px 0 23px 0;
	}
	.additional-room-section .additional-room-btn img {
		width: 30px;
	}
	.additional-room-section .additional-room-btn p {
		font-size: 20px;
		line-height: 25px;
	}
	.custom-modal-wraper .thank-you-dialog .modal-body img {
		margin-top: 15px;
		width: 110px;
	}

	.registration_form_style .modal-body {
		padding: 12px 0px 17px 0px;
	}
	
	.step-process-scroll .pp-info-box-content{
		display: flex;
	}
	.step-process-scroll .pp-info-box-title-wrap {
		position: absolute;
		width: 100%;
	}
	.process-steps-wrap .pp-info-box-title {
		margin: 0 !important;
	}
/* 	.divider-process .elementor-divider {
		transform: rotate(90deg);
	} */
	.process-steps-wrap .pp-info-box-description{
		padding-left: 48px;
		text-align: left;
		padding-top: 30px;
	}
	.process-steps-wrap .pp-info-box-subtitle {
		position: absolute;
		top: -5px;
		left: 48px;
		font-size: 18px !important;
	}
	.process-steps-wrap .pp-grid-item-wrap{
		position: relative;
	}
	.process-steps-wrap .pp-grid-item-wrap::after {
		content: '';
		position: absolute;
		width: 5px;
		height: 100%;
		left: 18px;
		top: 23px;
		background: #505050;
		z-index: -1;
	}
	.process-steps-wrap .pp-grid-item-wrap:last-child::after{
		display: none;
	}
	.process-steps-wrap .pp-info-box-container{
		grid-row-gap: 3px;
	}
	.title-note-box .title-wraper {
		flex-direction: unset !important;
		gap: 7px !important;
		margin-left: 0 !important;
	}
	.select-a-preset .title-note-box p {
		margin-bottom: 5px;
	}
	.select-a-preset .title-note-box {
		margin-bottom: 15px;
	}
	.ai-upload-image-wraper .ai-image-upload .image-file {
		width: 70px;
		height: 70px;
	}
	
	.loader-slider .q-description{
		font-size: 14px !important;
		line-height: 20px !important;
	}
	.personal-info .modal-card-w, 
	.property-info .modal-card-w{
		padding: 10px 0 !important;
		gap: 0 !important;
	}
	.personal-info .modal-card-w  .button {
		margin-top: 14px !important;
		margin-bottom: 20px !important;
	}
	.sample_report{
		margin-bottom: -20px !important;
	}
	.registration_form_style .we-start-wrap {
		margin-bottom: -20px;
	}
	.registration_form_style .btn-close {
		right: 4px !important;
		top: 4px !important;
		background: #685544;
		width: 26px !important;
		height: 26px !important;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
	}
	.registration_form_style .btn-close img{
		width: 10px;
		filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
		opacity: 1;
	}
	.user_type_checkbox {
		padding: 0 10px !important;
	}
	#submit_lead{
		padding: 0 13px !important;
	}
	#btn_submit_login, #btn_resend_login{
		min-width: 130px;
	}
	.registration_form_style .checkbox-wrap label{
		font-size: 12px !important;
		line-height: 16px !important;
	}
}

@media(max-width:575px){ 
	.user_type_checkbox{
		flex-wrap:wrap;
		align-items: center;
		gap: 10px;
		justify-content: center;
	}
	.user_type_checkbox .checkbox-wrap{
        width: 47%;
        flex: unset;
	}
	.registration_form_style .checkbox-wrap label {
		font-size: 14px;
		line-height: 18px;
		text-align: left;
	}
	.registration_form_style .body-heading-wrap .modal-card-w{
		padding:0px 10px;
	}
	.registration_form_style .we-start-wrap {
		padding: 28px 0px 0px 0px;
	}
	.registration_form_style .btn-close {
		right: 20px;
		top: 30px;
	}
	/*====== Renovation Journey =======*/
	.box-grid-style .style-box-wrap{
		width:48%;
	}
	.preferred-button .btn span{
		width: 40px;
		height: 40px; 
		top: -2px;
	}
	.preferred-button .btn span img{
		width:25px;
	}
	.preferred-button .btn{
   		padding: 8px 15px;
	}
	.custom-modal-wraper .regenerate-dialog .modal-body {
		padding: 30px 20px;
	}
	.regenerate-dialog ul li {
		width: 100%;
	}
	.title-note-box .title-wraper{
		flex-direction:column;
		gap:10px;
	}
	.title-note-box .note{
		width:100%;
		max-width:100%;
		right:0px;
	}
	.custom-ai-insturctions .title-note-box .title-wraper{
		flex-direction:unset;
	}
	
	.select-room-section .room-accordion-content .room-accordion-wraper .room-before, .select-room-section .room-accordion-content .room-accordion-wraper .room-after {
        width: 95%;
    }
	.additional-room-section .additional-room-btn p{
		font-size:24px; 
		line-height:28px;
	}
}

@media(max-width:414px){ 
	.information-grid-style{
    	grid-template-columns: repeat(1, 1fr);
	}
	.button .btn{
		padding: 8px 15px;
		font-size:.8em;
	}
	.preferred-button {
		gap: 15px;
		padding-right: 7px;
	}
	.user_type_checkbox .checkbox-wrap label {
		padding: 15px 10px;
    }
}


@media(max-width:375px){ 
	.rang-field-wrap .rang-field label{
		font-size:14px;
	}
	.regenerate-dialog ul{
		gap:10px;
	}
	.custom-modal-wraper .regenerate-dialog .modal-body{
		padding:30px 20px;
	}
	.regenerate-dialog ul li a{
		font-size:10px;
	}
	.user_type_checkbox .checkbox-wrap{
        width: 100%;
        flex: unset;
	}
}

.fade-toggle {
    opacity: 0;              /* Start hidden */
    max-height: 0;           /* Start with no height */
    transition: opacity 0.5s ease, max-height 0.5s ease; /* Smooth transition */
}