/* ---------------------------------------------
   HERo BANNER SECTION
---------------------------------------------- */

.hero-image img {
    width: 100%;
    display: block;
}
.hero-image{
    width: auto;
    max-height: 616px;
    overflow: hidden;
}

.hero-below-text-container p{
    font-family: "edge";
font-weight: 500;
font-size: 88px;
line-height: 90%;
white-space: nowrap;
margin-top: -88px;
background-color: #fff; 
padding-top: 22px;

}


/*---------------------------------------
 Address Section AKA overview section
 ----------------------------------------- */
.above-line {
    border-top: 1px solid #0000004D;
    margin-bottom: 12px;
}

.address-section {
        padding-top: 60px;
}

.address-features .feature-item .heading-medium {
    text-transform: uppercase;
}
.address-features .feature-item p a{
   text-decoration: none;
    color: #000;
}

.address-features .feature-item{
        gap: 20px;
    padding-top: 10px;

}


/* ------------------------additional info ----------------------- */


.additional-info-section{
    padding-top: 106px;
}

.additional-info span{
     font-family: "Inter";
    font-size: 20px;
    line-height: 100%;
    font-weight: 700;
    text-transform: uppercase;
}
.additional-info span a{
    text-transform: lowercase;
    color: #000;
    text-decoration: none;
}

.additional-info-section .feature-item{
    border: none;
    padding-top: 0;
    gap: 14px;
}

/* -------------------------------
      map section
----------------------------------- */

.map-section{
padding-top: 86px;
padding-bottom: 98px;
}

/* responsve */
@media only screen and (max-width:767px) {
    /* hero section */
.hero-below-text-container p {font-size: 50px; margin-top: -50px; padding-top: 14px;}
/* address section */
.address-section {padding-top: 40px;}
.address-features{ row-gap: 16px;}
.address-features .feature-item span {font-size: 14px;}
.address-features .feature-item {gap: 4px; padding-top: 8px;}
/* .address-features .feature-item p {margin-top: 8px;} */
.address-features .feature-item .social-icons-contain .social-icon img{ width: 24px; height: auto;}
.address-features .feature-item .social-icons-contain .social-icon {padding-right: 14px;}
/* additional info */
.additional-info-section {padding-top: 35px;}
.additional-info .feature-item{padding-top: 26px;}
.additional-info .additional-info-heading{ grid-column: span 2; padding-top: 0; padding-bottom: 0;}
.additional-info span { font-size: 14px;}

/* map section */
.map-container{padding-top: 20px;}
.map-section {padding-top: 30px; padding-bottom: 45px;}

}