/* 
Theme Name: Aspacio Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Orfeostory Theme
Author: Elementor Team
Author URI: https://www.orfeostory.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.tabs_bgs{
    transition: background-image .4s ease;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

.know-more::after {
    width: 180px !important;
}


.asp_bottom-line{
	content: '';
    position: absolute;
    border-bottom: 1px solid  #fff;
    right: -69px;
    width: 147px;
	opacity: 0;
	top: var(--know-more-top);
/*     bottom: -65px; */
    fill: #fff !important;
}
/* .know-more::before {
    content: '';
    position: fixed;
    border-bottom: 1px solid  #fff;
    right: -69px;
    width: 147px;
    bottom: -65px;
    fill: #fff !important;
} */
.know-more::before {
    top: var(--know-more-top);
}

#gform_fields_1 .gfield_label{
	font-family: Nunito !important;
	font-weight: 400 !important;
	font-size: 11.4px !important;
	line-height: 17.11px !important;
	letter-spacing: 1.14px !important;
	text-transform: uppercase;
}
#gform_fields_1 input, #gform_fields_1 #input_1_7{
	font-family: Nunito;
	font-weight: 400;
	font-size: 13.69px;
	line-height: 100%;
	letter-spacing: 0;
	color: #BABAB0;
	background: transparent;
	border: none;
	border-bottom: 1px solid #81817866; 
	box-shadow: none;
	padding-left: 0;
	border-radius: 0;
	outline: none;
}
#gform_wrapper_1 .gform_heading{
	display: none;
}
#gform_fields_1 #input_1_7 {
	min-height: 116px;
	min-block-size: auto;
}
#field_1_8{
	margin-top: 30px;
	width: 70%;
}
#gform_1 .gform-footer{
	position: absolute;
	right: 0;
	bottom: 0px;
	margin: 0;
}
#gform_submit_button_1{
	background: #252522;
	padding: 4px 27px;
	border-radius: 999999px;
	font-family: Nunito;
	font-weight: 400;
	font-size: 18.25px;
	line-height: 100%;
	outline: none;
}
#gform_submit_button_1:hover{
	background: #D76341;
}
#input_1_8 #choice_1_8_1{
	background: #fff;
	border: 1.14px solid #81817866
}
.e-hotspot__button{
	position: relative;
	display: flex;
	flex-direction: column-reverse;
}
.e-hotspot__button:after{
	content: '';
	display: inline-block;
	width: 28px;
	height: 28px;
	background: #d76341;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	position: absolute;
	bottom: -20px;
	border-radius: 2px;
	left: 50%;
	transform: translateX(-50%);
}
.e-hotspot__icon{
	position: absolute;
	bottom: -70px;
	left: 50%;
	transform: translateX(-50%);
}
.e-hotspot__button.label-hidden{
	padding: 0 !important;
	width: 0;
	height: 0;
	min-height: unset !important;
}
.e-hotspot__button.label-hidden:after, .e-hotspot__button.label-hidden:before{
	content: unset !important;
}
.e-hotspot__close-btn{
	background: #FFF3 !important;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	color: inherit;
	position: absolute;
	right: 5px;
	top: 5px;
	height: 20px;
	width: 20px;
	border-radius: 999px;
	border: unset;
	font-size: 10px;
	margin: 0;
}
.e-hotspot__button.label-hidden .e-hotspot__icon{
	bottom: -110px;
}

.contact-card {
	background: #c8bfae;
	display: flex;
	gap: 0;
	border-radius:0px;
	overflow: hidden;
	min-height: 552px;
	box-shadow: 0px 22.81px 57.02px 0px #00000040;
}
.contact-image {
	width: 320px; 
	position: relative;
	overflow: hidden;
} 
.contact-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contact-details {
	flex: 1;
	background: #c8bfae;
	padding: 50px 100px 50px 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.contact-item {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	padding: 0;
	border-bottom: 1px solid #ffffff;
	padding: 40px 0;
}
.contact-item:first-child { 
	padding-top: 0;
}
.contact-item:last-child { 
	border-bottom: none; 
	padding-bottom: 0;
}
.contact-text { 
	display: flex; 
	flex-direction: column; 
	gap: 2px;
	flex: 1;
}
.contact-label {
	color: #000000;
	font-family: "Montserrat", Nunito;
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
}
.contact-value {
	font-family: "Nunito", Nunito;
	font-weight: 400;
	font-size: 24px;
	color: #000000;
	line-height: 140%;
	letter-spacing: 0%;
}
.contact-value a { 
	color: #4a3e30; 
	text-decoration: underline;
} 
@media (min-width: 640px) {
	.gform-theme--foundation .gform_fields { 
		gap: 32px;
	}
}