.mission-and-vision-section{padding:0 0 70px}.mission-and-vision-section .box{display:flex;padding:0}.mission-and-vision-section .main-box{height:100%;overflow:hidden;position:relative;transition:.7s;width:100%}.mission-and-vision-section .img-box{line-height:0}.mission-and-vision-section .img-box img{border-radius:8px 0 0 8px;max-width:100%;object-fit:cover;width:100%}.mission-and-vision-section .text-box{border-radius:8px 0 0 8px;height:100%;left:0;padding:70px 40px;position:absolute;top:0;transition:.7s;width:100%}.mission-and-vision-section .text-box .sub-heading{height:auto;letter-spacing:1px;opacity:1;transition:.7s}.mission-and-vision-section .text-box .heading_capl{margin-bottom:50px;transition:.7s}.mission-and-vision-section .text-box p{height:0;opacity:0;transition:.7s}.mission-and-vision-section .main-box.vision .text-box{background:#f2f2f2;border-radius:0 8px 8px 0}.mission-and-vision-section .main-box.vision .text-box p{color:#000}.mission-and-vision-section .text-box .ani-content{transform:translateY(360px);transition:.7s}.mission-and-vision-section .main-box.mission:hover .text-box{background:linear-gradient(180deg,transparent -95.93%,rgba(0,0,0,.75));transition:.7s}.mission-and-vision-section .main-box.mission:hover .text-box .sub-heading,.mission-and-vision-section .main-box.mission:hover .text-box h3,.mission-and-vision-section .main-box.mission:hover .text-box p{color:#fff}.mission-and-vision-section .main-box:hover .ani-content{transform:translateY(0)}.mission-and-vision-section .main-box:hover p{height:auto;opacity:1}@media(min-width:992px) and (max-width:1199.98px){.mission-and-vision-section .text-box{padding:56px 40px}.mission-and-vision-section .text-box .ani-content{transform:translateY(260px)}}@media(max-width:991.98px){.mission-and-vision-section .main-box .text-box{padding:50px 25px;position:inherit}.mission-and-vision-section .text-box p{height:auto;opacity:1}.mission-and-vision-section .img-box{display:none}.mission-and-vision-section .text-box .ani-content{transform:translateY(0)}.mission-and-vision-section .main-box.mission .text-box{background:linear-gradient(180deg,transparent -95.93%,rgba(0,0,0,.75))}.mission-and-vision-section .img-box img,.mission-and-vision-section .text-box{border-radius:8px 8px 0 0}.mission-and-vision-section .main-box.vision .text-box{border-radius:0 0 8px 8px}}@media(max-width:767.98px){.mission-and-vision-section{padding:0 0 50px}}@media(max-width:575.98px){.mission-and-vision-section .box{padding:0 12px}.mission-and-vision-section .text-box .heading_capl{margin-bottom:20px}.mission-and-vision-section .main-box .text-box{padding:30px 25px}}