.directions-container .heading { margin-bottom: 30px; }
.directions-container .card { border: 0; border-radius: 10px !important; cursor: pointer; }
.directions-container .card-header h3 { font-size: 30px; font-weight: 400; line-height: 1.3; padding: 24px 100px 24px 36px; color: var(--sof-green); }
.directions-container .card-header { background-color: var(--sof-white); padding: 0; margin-bottom: 0; border-bottom: 0; }
.directions-container .card-body { padding: 0px 75px 30px 30px; font-size: 18px; line-height: 1.55; }
.directions-container .card + .card { margin-top: 29px; }
.directions-container .card-header h3::after { position: absolute; content: '+'; right: 22px; top: 15px; color: var(--sof-red); font-family: var(--secondary-font); font-size: 55px; line-height: 1; }
.directions-container .card-header h3:not(.collapsed)::after { content: '-'; font-size: 50px; }
.map-integration-wrapper iframe {width: 100%;height: 100%;object-fit: cover;}
.map-integration-wrapper {border-radius: 20px;overflow: hidden;box-shadow:10px 10px 15px rgba(0,0,0,0.3);height: 565px;width: 100%;}


/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { }

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) { 
    .directions-container .card-body { padding-right: 32px; }
    .directions-container .card-header h3 { padding-left: 29px; }
    .directions-container .card-header h3::after { right: 10px; }
    .map-integration-wrapper { margin-bottom: 40px; height: 358px; }
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) { 
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) { }

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { }