/* /gi_henoto/static/src/scss/hportal_vars.scss defined in bundle 'gi_henoto.hportal_common_styles' */
 

/* /gi_henoto/static/src/scss/hportal_common.scss defined in bundle 'gi_henoto.hportal_common_styles' */
 ::-webkit-scrollbar{width: 6px; height: 6px;}::-webkit-scrollbar-track{background-color: #f1f1f1; border-radius: 10px;}::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #C5C5C5;}.title_container{-webkit-flex-wrap: wrap; flex-wrap: wrap;}.title_container .s_text_highlight{padding: 0px;}.title_container .s_text_highlight .container{padding: 0px; margin: 0px; width: 100%;}.title_container .title{font-weight: 600;}.t-overflow-ellipsis{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.hportal_slider_row{padding: 3px; font-size: 0.75rem; flex: 1 0 100%;}.hportal_slider_row p{font-size: 0.75rem;}.search_tags{border-radius: 10px; border: 1px solid #C5C5C5; font-size: 1rem;}.hportal-detail-breadcrumb .back_button{border-radius: 50%; border: 1px solid #C5C5C5; background-color: #FFFFFF; width: 60px; height: 60px; color: #C5C5C5; text-align: center; display: block;}.hportal-detail-breadcrumb .back_button span{font-size: 26px; position: relative; top: 30%;}.boxes_container{flex: 1 0 100%; opacity: 1; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.boxes_container .single_box{border-radius: 20px; border: 1px solid #e2e2e2; margin: 5px; flex: 0 0 calc(25% - 10px); min-height: 250px; padding: 0; -webkit-transition: opacity 0.4s ease-out, box-shadow 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-out, box-shadow 0.4s ease-in-out; -o-transition: opacity 0.4s ease-out, box-shadow 0.4s ease-in-out; transition: opacity 0.4s ease-out, box-shadow 0.4s ease-in-out;}.boxes_container .single_box.active{border: 6px solid #0071E3; border-radius: 26px;}.boxes_container .single_box:focus{outline: none;}.boxes_container .single_box.alerts-reached-box{border: 2px #0071E3 solid; animation: blink 1s; animation-iteration-count: 3;}@keyframes blink{50%{border-color: #fff;}}.boxes_container .single_box .image_single_box{flex: 0 0 80%; width: 100%; height: 220px; object-fit: cover; object-position: center; border-top-right-radius: 20px; border-top-left-radius: 20px; max-height: 70%; pointer-events: none;}.boxes_container .single_box .image_single_box img{flex: 0 0 80%; width: 100%; height: 220px; object-fit: cover; object-position: center; border-top-right-radius: 20px; border-top-left-radius: 20px; max-height: 100%; pointer-events: none;}.boxes_container .single_box .name_and_tag_box{padding: 10px 8px; flex: 0 0 30%; width: 100%; position: relative; overflow-y: visible;}.boxes_container .single_box .name_and_tag_box .smart-wishlist-btn{top: -20px; right: 15px; height: 40px; width: 40px; border: 1px solid #e7e7e7; border-radius: 25px; background-color: #ffffff; color: #ee1515; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-content: center; align-items: center; font-size: 1rem;}.boxes_container .single_box .name_and_tag_box .smart-dem-marketing-btn{top: -20px; right: 60px; height: 40px; width: 40px; border: 1px solid #e7e7e7; border-radius: 25px; background-color: #ffffff; color: #ee1515; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-content: center; align-items: center; font-size: 1rem;}.boxes_container .single_box .name_and_tag_box .name_box{text-align: start; font-size: 0.70rem; font-weight: 800; margin-bottom: 5px; margin-bottom: 5px; padding: 0px 1px; pointer-events: none; overflow: hidden; overflow-wrap: break-word; text-overflow: ellipsis; -o-text-overflow: ellipsis; max-width: 100%;}.boxes_container .single_box .tag_box{-webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 3px;}.boxes_container .single_box .tag_box .single_tag{max-width: calc(33.332% - 6px);}.boxes_container .single_box .tag_box .single_tag p{font-size: 0.75rem;}.boxes_container .single_box:hover{box-shadow: 0px 4px 11px 0px #0000002e;}.boxes_container .single_box.animation-hide{cursor: default;}.tag_image_box{-webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 3px;}.tag_image_box.main_box{overflow-y: auto; max-height: 132px;}.tag_image_box .single_image_tag{width: max-content; border-radius: 20px; border: 1px solid #e2e2e2; width: max-content; padding: 2px 10px; background-color: white; transition: 0.3s; text-transform: uppercase; cursor: pointer;}.tag_image_box .single_image_tag.active{background-color: #0071E3 !important; color: white !important; transition: 0.3s;}.tag_image_box .single_image_tag:hover{color: #0071E3; border-color: #0071E3; transition: 0.3s;}.tag_image_box .show_more_tag_btn{background-color: #0071E3 !important; color: white !important; width: max-content; border-radius: 20px; border: 1px solid #e2e2e2; width: max-content; padding: 2px 10px; transition: 0.3s; text-transform: uppercase; cursor: pointer;}.tag_box{-webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 3px; max-height: 162px; overflow-y: auto;}.tag_box .single_tag{border-radius: 20px; border: 1px solid #e2e2e2; width: max-content; max-width: calc(33.33% - 9px); padding: 2px 10px; background-color: white;}.tag_box .single_tag.active{background-color: black !important; color: white !important; transition: 0.3s;}.tag_box .single_tag p{font-size: 0.75rem;}.tag_box .single_tag.interactive-tag:hover{border-color: #106cd6;}.tag_box .show_more_btn{max-width: calc(33.33% - 9px); padding: 3px 10px; color: black; text-decoration: underline; text-transform: uppercase; border: 0; background: white; font-weight: 600; font-size: 0.8rem; outline: none;}.tag_box .show_more_btn:hover{text-decoration: none;}.title_and_filters{position: sticky; background-color: white; z-index: 1000;}.filter_container{position: relative; width: max-content; gap: 4px;}.filter_container .button_filter{border: 1px solid #C5C5C5; background-color: white; padding: 10px 30px; border-radius: 3px;}.filter_container .filter_counter{border-radius: 50px; background-color: #0071E3; color: white; width: 25px; height: 25px; line-height: 3px; top: calc(100% - 10px); right: 3px; position: absolute; font-size: 0.78rem;}.filter_container .clear_all{border-radius: 50px; background-color: #ffffff; border: 1px solid #C5C5C5; color: #383838; width: 25px; height: 25px; line-height: 3px; top: calc(100% - 10px); left: 3px; position: absolute; font-size: 0.78rem; cursor: pointer;}.filter_container .button_search{border: 1px solid #C5C5C5; background-color: white; padding: 10px 30px; border-radius: 3px;}.button_create_dem{border: 1px solid #C5C5C5; background-color: white; padding: 10px 30px; border-radius: 3px;}.search_bar{width: 100%; border-radius: 10px; border: 1px solid #888888; font-size: 1rem; padding: 0.5rem 1rem;}.icon_for_input{position: relative; z-index: 2; right: 2rem; font-size: 1.25rem;}.container_results{min-height: 40vh;}.other_images_container{gap: 16px; min-height: 18vh;}.other_images_container .container_all_items{position: relative; overflow: hidden;}.other_images_container .category-slider-btn{width: 50px; height: 50px; border-radius: 50%; border: 1px solid #C5C5C5; background-color: #FFFFFF; color: #C5C5C5; text-align: center; display: block; cursor: pointer;}.other_images_container .category-slider-btn span{font-size: 1.25rem; pointer-events: none;}.other_images_container .category-slider-btn:focus{outline: none;}.other_images_container .all_items{width: max-content; position: relative; gap: 16px; position: absolute; height: 100%;}.other_images_container .button_navigator{flex-basis: 50px; z-index: 10;}.other_images_container .single_image_box{border-radius: 16px; background-color: white; border: 1px solid #C5C5C5; font-weight: 600; font-size: 0.75rem; transition: 0.3s; flex: 0 0 250px; cursor: pointer;}.other_images_container .single_image_box img{border-radius: 14px;}.other_images_container .single_image_box.active{background-color: #2D2D2D; color: white; transition: 0.3s;}.other_images_container .single_image_box:focus{outline: none;}.loading_div{text-align: center; flex: 1 0 100%;}.loading_div span{color: #888888;}.loading_div .loading_title{font-weight: 600; text-align: center; font-size: 24px;}.full_container{}.full_container .main_container{width: 100%; gap: 20px;}.full_container .first_box_project_name{width: 45%; border: 1px solid #C5C5C5; border-radius: 20px;}.full_container .first_box_project_name .project_title{font-size: 24px; font-weight: 600; margin: 1rem 0;}.full_container .first_box_project_name .breadcrump{color: #888888; font-size: 18px; font-weight: 600; margin: 1rem 0;}.full_container .first_box_project_name .get_started_button{display: block; padding: 15px; border-radius: 15px; background-color: #0071E3; color: white; flex: calc(80% - 0.5rem); text-align: center; font-weight: 600; font-size: 18px; transition: all 0.4s;}.full_container .first_box_project_name .get_started_button.continue{background-color: #df0f0f !important;}.full_container .first_box_project_name .get_started_button:hover{opacity: 0.9; transition: all 0.4s;}.full_container .first_box_project_name .like_button{border: 1px solid #e4e4e4; border-radius: 15px; aspect-ratio: 1; flex: calc(20% - 0.5rem); height: 60px; font-size: 18px; background-color: white; outline: none !important; position: relative; transition: all 0.2s;}.full_container .first_box_project_name .like_button .fa{font-size: 2rem;}.full_container .first_box_project_name .like_button.in-wishlist{color: #e20c0c; transition: all 0.2s;}.full_container .first_box_project_name .tour_guide_btn{border-radius: 50%; background-color: #ff5151; position: absolute; width: 16px; height: 16px; aspect-ratio: 1; top: 15%; right: 28%;}.full_container .first_box_project_name .pulse{animation: pulse-animation 3s infinite;}@keyframes pulse-animation{0%{box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);}100%{box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);}}.full_container .first_box_project_name .tour_guide_btn .tooltiptext{font-size: 0.9rem; visibility: hidden; width: 18vw; background-color: #000000cf; color: white; text-align: center; border-radius: 8px; padding: 5px; position: absolute; z-index: 1; bottom: 95%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 500ms ease, visibility 500ms ease;}.full_container .first_box_project_name .tour_guide_btn.hover .tooltiptext{visibility: visible; opacity: 1; transition: opacity 0.6s;}.full_container .second_box{width: 55%; border: 1px solid #C5C5C5; border-radius: 20px; aspect-ratio: 16/9 !important; height: auto;}.full_container .second_box .main_image{width: 100%; border-radius: 20px; max-height: 100%; overflow: hidden;}.full_container .two_images{width: 33%; gap: 20px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.full_container .image_box{border-radius: 20px; border: 1px solid #C5C5C5; height: 300px; width: 100%;}.full_container .image_box .single_image{width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px;}.full_container .secondary_container{width: 100%; gap: 20px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.full_container .secondary_container .image_box{width: calc(33.32% - (40px/3));}.related-elements-area .related-elements-title{margin: 20px auto 0px auto; font-size: 1.3rem; font-weight: 600; border-top: 1px solid #d1d1d1;}.user_id_image{width: 35px; height: 35px; aspect-ratio: 1; margin-right: 5px; object-fit: cover;}.category_container .container_all_tags, .category_container .container_all_items{position: relative;}.category_container .all_tags, .category_container .all_items{width: max-content; position: relative; gap: 16px; position: absolute;}.category_container .button_navigator{flex-basis: 50px; height: 50px; background-color: white; z-index: 10;}.category_container .single_category{padding: 6px 12px; border-radius: 20px; background-color: white; border: 2px solid #2D2D2D; font-weight: 600; font-size: 0.75rem; transition: 0.3s;}.category_container .single_category.active{background-color: #2D2D2D; color: white; transition: 0.3s;}.category_container .single_category:focus{outline: none;}.category_container .single_category_clickable{padding: 6px 12px; border-radius: 20px; color: #fff; font-size: 0.90rem; font-weight: 600; transition: all .3s; overflow: hidden; position: relative; color: #0071E3; border: 1px solid #0071E3; z-index: 2;}.category_container .single_category_clickable:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #ededed; border-radius: 20px; z-index: -2;}.category_container .single_category_clickable:before{content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: #0071E3; transition: all .3s; border-radius: 20px; z-index: -1;}.category_container .single_category_clickable:hover{color: #fff;}.category_container .single_category_clickable:hover:before{width: 100%;}.category_container .category-slider-btn{width: 50px; height: 50px; border-radius: 50%; border: 0; background-color: transparent; color: #C5C5C5; text-align: center; display: block; cursor: pointer;}.category_container .category-slider-btn span{font-size: 1.25rem; pointer-events: none;}.category_container .category-slider-btn:focus{outline: none;}.sticky_title_filters{position: fixed; width: 100%; max-width: 1450px; height: max-content; background: white; z-index: 100;}.link_container{width: 100%; max-width: 800px;}.link_input{border: 1px solid #C5C5C5; background-color: white; padding: 5px 10px; border-radius: 3px;}.copy_link{border: 1px solid #C5C5C5; background-color: white; padding: 5px 10px; border-radius: 3px; height: 100%;}.end-result{font-size: 1.25rem; margin: 1rem 0;}