*{box-sizing:border-box;margin:0;padding:0}.poppins-light{font-weight:300}.poppins-light,.poppins-regular{font-family:Poppins,serif;font-style:normal}.poppins-regular{font-weight:400}.poppins-medium{font-weight:500}.poppins-medium,.poppins-semibold{font-family:Poppins,serif;font-style:normal}.poppins-semibold{font-weight:600}.poppins-bold{font-family:Poppins,serif;font-style:normal;font-weight:700}.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px;position:relative;width:100%;z-index:8}.card-vision{border-radius:20px 0 0 0;overflow:hidden;position:relative;width:300px}.card-vision,.card-vison-image{transition:transform .3s ease-in-out}.card-vison-image{height:300px;object-fit:cover;width:100%}.card-content{background-color:#007bff;border-radius:0 0 20px 20px;color:#fff;padding:20px;text-align:center}.card-vision:hover .card-vison-image{transform:scale(1.2)}.card-vision:hover{cursor:pointer;transform:translateY(-10px)}.card-content h3{color:#fff!important;font-family:Poppins,serif;font-size:24px;font-weight:300}.vision-section{background-color:#f0f0f0;border-radius:0 0 0 150px;margin:0 auto;padding:10rem 20px 4rem;position:relative;top:-9rem;width:100%;z-index:0}.vision-content{align-items:center;display:flex;gap:30px;margin:0 auto;width:65%}.vision-text{flex:1;font-family:Poppins,serif}.vision-text h2{color:#4a90e2;font-size:25px;margin-bottom:20px}.vision-text p{font-size:16px;line-height:1.6;margin-bottom:1rem}.vision-text li{font-weight:300;width:75%}.vision-image{flex:1}.vision-image img{border-radius:10px}.vision-image img,section{height:auto;width:100%}b{font-weight:600}.card-vision-image{height:200px;object-fit:cover;transition:transform .3s ease-in-out;width:100%}@media screen and (max-width:768px){.card-container{justify-content:center}.card-vision{width:100%}.card-content h3{font-size:15px}.vision-section{padding:14rem 20px 3rem}.vision-content{display:flex;flex-direction:column}.vision-text li{width:100%}.vision-content{margin:0 auto;width:90%}}@media screen and (min-width:769px) and (max-width:1024px){.card-vision{width:45%}.card-content h3{font-size:18px}.vision-section{padding:54rem 20px}.vision-content{display:flex;flex-direction:column;margin:0 auto;width:80%}.vision-text li{width:100%}.vision-section{background-color:#f0f0f0;padding:14rem 20px 3rem}}@media screen and (min-width:1025px){.card-vision{width:300px}.card-content h3{font-size:18px}}