.aboutBg{background-image:url(/muftlo/public/aboutJsx.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh}.cards{flex-flow:wrap;justify-content:center;gap:2rem;display:flex}.card{cursor:pointer;border:2px solid #234686;border-radius:20px;width:400px;height:300px;transition:transform .5s,box-shadow .5s;position:relative;overflow:hidden}.card:hover{transform:translateY(-10px)scale(1.03)}.card-img{object-fit:cover;width:100%;height:100%}.card-body,.card-body0,.card-body1{color:#fff;background-color:rgba(30,58,138,.47);border-radius:10px;width:100%;height:100%;padding:20px;transition:all 1s ease-in-out;position:absolute}.card-body{top:0;right:-100%}.card-body0{top:-100%;right:0}.card-body1{bottom:-100%;right:0}.card:hover .card-body{right:0}.card:hover .card-body0{top:0}.card:hover .card-body1{bottom:0}.card-title{margin:20px 0 1px;font-family:Dancing Script,cursive;font-size:1.5rem;font-weight:700}.card-titleSec{font-family:Dancing Script,cursive;font-size:1.4rem;font-weight:500}.card-info{margin-bottom:15px;font-family:Dancing Script,cursive;font-size:.95rem}.see{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:700;transition:all .3s}.see:hover{color:#fff;background:#000}.fade-section{opacity:0;transition:opacity 2s ease-out,transform 1.5s ease-out;transform:translateY(50px)}.fade-section1{opacity:0;transition:opacity 3s ease-out,transform 1.5s ease-out;transform:translateY(50px)}.fade-section2{opacity:0;transition:opacity 4s ease-out,transform 1.5s ease-out;transform:translateY(50px)}.fade-in{opacity:1;transform:translateY(0)}