.our_work_banner{background:url("../images/our_work_background_ui_medical_marketing.jpg") top/cover;height:70vh;display:flex;align-items:center;padding:0 10%}.our_work_banner .our_work_contain h1{font-size:50px;color:#012c50}.portfolio_section{padding:5%}.portfolio_section .title_contain{display:flex;flex-direction:column;align-items:center;text-align:center}.portfolio_section .title_contain h2{font-size:40px;line-height:1.5;color:#012c50}.portfolio_section .title_contain p{width:50%;text-align:center}.portfolio_section .projects_contain{display:flex;flex-wrap:wrap;margin:2% 0}.portfolio_section .project_contain{width:45%;margin:2.5%;display:grid;grid-template-columns:50% 50%;border-radius:5px 100px 5px 50px;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.portfolio_section .project_contain .info_contain{display:flex;flex-direction:column;justify-content:center;padding:0 10%;background:#dde4f0}.portfolio_section .project_contain .info_contain h2{font-size:20px;color:#012c50}.portfolio_section .project_contain .info_contain p{font-size:14px;color:#353535;margin:10px 0}.portfolio_section .project_contain .info_contain a{width:fit-content;padding:10px 20px;font-size:14px;color:#fff;border-radius:5px;background:#012c50;transition:.25s}.portfolio_section .project_contain .info_contain a:hover{background:#00b3ff}.portfolio_section .project_contain .media_contain{position:relative;display:flex;align-items:center;justify-content:center;padding:20% 5%;background:linear-gradient(45deg,#00fbfe,#0071fe);transition:.25s}.portfolio_section .project_contain .media_contain::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;opacity:0;background:linear-gradient(-90deg,#00fbfe,#0071fe);transition:1s;z-index:0}.portfolio_section .project_contain:hover .media_contain::before{opacity:1}.portfolio_section .project_contain .media_contain img{position:relative;width:30%;z-index:1;transition:.8s}.portfolio_section .project_contain .media_contain img:first-child{transform:translate(0,0) scale(1)}.portfolio_section .project_contain:hover .media_contain img:first-child{transform:translate(0,30px) scale(.9)}.portfolio_section .project_contain .media_contain img:last-child{transform:translate(-20%,0) scale(.9);z-index:0}.portfolio_section .project_contain:hover .media_contain img:last-child{transform:translate(0,-30px) scale(1)}@media (max-width:996px){.our_work_banner{height:40vh}.our_work_banner .our_work_contain h1,.portfolio_section .title_contain h2{font-size:30px}.portfolio_section{padding:10%}.portfolio_section .title_contain p{width:100%;font-size:14px}.portfolio_section .projects_contain{margin:10% 0}.portfolio_section .project_contain{width:100%;margin:5% 0;grid-template-columns:100%;border-radius:5px 50px 5px 100px}.portfolio_section .project_contain .info_contain{padding:20% 10%}.portfolio_section .project_contain .info_contain h2{font-size:25px}.portfolio_section .project_contain .info_contain p{font-size:16px;margin:20px 0}.portfolio_section .project_contain .info_contain a{font-size:16px}.portfolio_section .project_contain .media_contain{padding:15% 5%}}

.location_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 2vw;
    margin-bottom: 3%;
}

.location_box h2{
    font-size: 20px;
    color: #012c50;
}

.info_map{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 75%;
    height: 400px;
    border-radius: 5px;
    background-color: #012c50;
}

.info_map iframe{
    border-radius: 5px;
    width: 95%; 
    height: 350px;
}

@media (max-width:996px){
    .info_map{
        width: 75%;
        height: 350px;
    }
    .info_map iframe{
        height: 320px;
        width: 90%;
    }
}