
.page-template-template-contact .page-intro {
    padding-bottom: 15rem;
}
.map-top-header {
    margin: -15rem 2rem 0;
}
.contact-info_wrap {
    background: #fff;
    border-radius: 2rem;
    border: 1px solid #A8DDEE;
    padding: 1rem;
}
.contact-info_wrap h4 {
    font-family: var(--bold_font);
    color: #003280;
    text-align: center;
    margin: 1rem 0;
}
.contact-info li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    gap: 8px;
}
.contact-info li:last-child {
    margin-bottom: 0;
}
.ct__label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    line-height: 2.5;
    margin-bottom: 3px;
    font-size: 14px;
    font-family: var(--bold_font);
    color: var(--color2);
}
.ct__value,
.contact-info li a {
    font-size: 14px;
    line-height: 1.8;
    display: block;
    margin-top: 8px;
    color: var(--color2);
}
.contact-info li a:hover {
    color: var(--color1);
}
.websima-map {
    width: 100%;
    height: 300px;
    border-radius: 2rem;
    overflow: hidden;
}
.btn-wrap-ct {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.btn-wrap-ct a:hover {
    color: var(--color1);
}
.websima-contact-form .form-holder {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 2rem;
}

.form-holder > i {
    position: absolute;
    right: 20px;
    z-index: 1;
    top: 7px;
}

.form-holder > span {
    display: block;
    width: 100%;
}

.websima-map-wrapper {
    padding-block: 2rem;
    position: relative;
	z-index: 0;
}

.websima-map .mapp-logo {
    width: 60px;
    height: 25px;
    margin-bottom: -0.5rem;
}

.item-set.vertical.centered.triggers.left {
    display: none;
}

img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
    object-fit: contain;
}
.contact-dir-button {
    position: absolute;
    left: 5.5rem;
    bottom: 1.5rem;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: flex-end;
}

.contact-dir-button a {
    box-shadow: 0px 4px 16px 0px #0000001C;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    height: 40px;
    width: 40px;
    flex-shrink: 0;
    border: 1px solid var(--color1);
    outline: 5px solid #fff;
	transition:0.3s;
}

.contact-dir-button a:hover {
    background-color: var(--color1);
}
@media screen and (min-width: 36em) {

	
}

@media screen and (min-width: 48em) {

}
@media screen and (min-width: 62em) {
	.page-template-template-contact .page-intro {
		padding-bottom: 6rem;
	}
	.map-top-header {
		margin: -6rem 2rem 0;
	}
	.contact-form-row {
		background: #fff;
		border-radius: 48px;
		border: 1px solid #A8DDEE;
		padding: 1rem;
	}
	.contact-info_wrap {
		border: none;
	}

	.contact-info_wrap h4 {
		text-align: right;
	}
	.websima-map {
		height: 365px;
	}
	.websima-map-wrapper {
		padding: 2rem 0 2rem 1rem;
	}
	.contact-dir-button {
		left: 2.5rem;
		bottom: 3.5rem;
	}
	
}