@keyframes cardAnimation{0%{opacity:.25;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.main{font-family:Inter,sans-serif}.main .container{flex-direction:column;gap:24px;width:100%;min-height:400px;display:flex}.main .container .textDiv{justify-content:space-between;width:81.6794%;height:58px;display:flex}.main .container .textDiv .texts{flex-direction:column;gap:8px;display:flex}.main .container .textDiv .texts .subHead{color:#bcbcbc;opacity:.5;text-transform:uppercase;font-size:12px}.main .container .textDiv .texts .title{color:#fff;font-size:20px;font-weight:500}.main .container .textDiv .bottomImage{opacity:.2;align-items:center;transition:all .3s;display:flex}.main .container section{padding-inline:0}.main .container .topSection{flex-direction:column;gap:24px;display:flex}.main .container .topSection article{width:100%}.main .container .topSection .intro{border-radius:inherit;flex-direction:column;gap:20px;width:100%;min-height:270px;padding:30px 20px;display:flex;position:relative}.main .container .topSection .intro .imageDiv{aspect-ratio:1;border-radius:30px 0;width:100px;height:100px;overflow:hidden}.main .container .topSection .intro .imageDiv .profileImage{object-fit:cover;object-position:top;width:100%;height:100%}.main .container .topSection .intro .info{flex-direction:column;width:100%;height:auto;display:flex}.main .container .topSection .intro .info .job{color:#bcbcbc;opacity:.7;letter-spacing:.3px;text-transform:uppercase;margin-bottom:5px;font-size:14px;font-weight:500}.main .container .topSection .intro .info .name{color:#fff;margin-bottom:10px;font-size:28px;font-weight:500;line-height:1.2}.main .container .topSection .intro .info .desc{letter-spacing:.3px;color:#9f9f9f;max-width:300px;font-size:14px}.main .container .topSection .intro .bottomImage{opacity:.2;transition:all .3s;position:absolute;bottom:20px;right:20px;transform:scale(.8)}@media (min-width:768px){.main .container .topSection{flex-direction:row}.main .container .topSection .intro{flex-direction:row;gap:6.35593%;padding:50px 46px}.main .container .topSection .intro .imageDiv{width:190px;height:190px}.main .container .topSection .intro .info{width:192px;height:150px}.main .container .topSection .intro .info .job{margin-bottom:3px;font-size:15px}.main .container .topSection .intro .info .name{margin-bottom:12px;font-size:34px}.main .container .topSection .intro .info .desc{font-size:15px}.main .container .topSection .intro .bottomImage{bottom:40px;right:40px;transform:scale(1)}}.main .container .topSection .secound{flex-direction:column;gap:24px;display:flex}.main .container .topSection .secound .marquee{color:#fff;text-transform:uppercase;text-align:center;justify-content:center;align-items:center;height:auto;min-height:53px;padding:16px 24px;font-family:Comic Sans MS,cursive,sans-serif;font-size:16px;font-weight:500;display:flex}.main .container .topSection .secound .flex2{flex-direction:column;gap:24px;width:100%;display:flex}@media (min-width:768px){.main .container .topSection .secound .flex2{flex-direction:row}}.main .container .topSection .secound .flex2 .subCard{border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;padding:30px 20px;display:flex}.main .container .topSection .secound .flex2 .subCard .imageDiv{justify-content:center;width:100%;max-width:226px;height:72px;display:flex;overflow:hidden}.main .container .topSection .secound .flex2 .subCard .imageDiv .logo{object-fit:contain;width:100%;height:100%}.main .container .midSection{flex-direction:column;gap:24px;display:flex}@media (min-width:1024px){.main .container .midSection{flex-direction:row}}.main .container .midSection article{height:auto;min-height:213px}.main .container .midSection .cardContainer{height:100%;min-height:213px}.main .container .midSection .third,.main .container .midSection .fourth,.main .container .midSection .fifth{width:100%}@media (min-width:1024px){.main .container .midSection .third{width:25%}.main .container .midSection .fourth{width:50%}.main .container .midSection .fifth{width:25%}}.main .container .midSection .subCard{border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;padding:24px;display:flex}.main .container .midSection .subCard .imageDiv{justify-content:center;width:100%;max-width:214px;height:77px;display:flex;overflow:hidden}.main .container .midSection .subCard .imageDiv .logo{object-fit:contain;width:100%;height:100%}.main .container .midSection .detailsDiv{flex-direction:column;justify-content:center;gap:24px;padding:20px;display:flex}@media (min-width:640px){.main .container .midSection .detailsDiv{flex-direction:row}}.main .container .midSection .detailsDiv .details{text-align:center;border-radius:30px;flex-direction:column;flex:1;gap:10px;padding:30px 20px;display:flex;position:relative}.main .container .midSection .detailsDiv .details:before{content:"";z-index:-1;opacity:.1;background:linear-gradient(120deg,#ffffff4d,#ffffff0d);border-radius:30px;width:100%;height:100%;position:absolute;top:0;left:0}.main .container .midSection .detailsDiv .details .bigText{color:#fff;letter-spacing:-1px;font-size:28px;font-weight:500;line-height:1.2}.main .container .midSection .detailsDiv .details .smallText{color:#bcbcbc;opacity:.5;text-transform:uppercase;margin:0;font-size:11px;line-height:1.4}.main .container .midSection .profile{border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;padding:24px;display:flex}.main .container .midSection .profile .logos{background:#0f0f0f;border-radius:30px;justify-content:center;align-items:center;gap:20px;width:100%;max-width:214px;height:94px;padding:16px;display:flex;position:relative}.main .container .midSection .profile .logos:before{content:"";opacity:.1;background:linear-gradient(120deg,#ffffff4d,#ffffff0d);border-radius:30px;width:100%;height:100%;display:inline-block;position:absolute;top:0;left:0}.main .container .midSection .profile .logos .icons{color:#fff;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .5s;display:flex;position:relative;box-shadow:0 4px 24px -1px #0000001a}.main .container .midSection .profile .logos .icons:before{content:"";opacity:.1;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:linear-gradient(120deg,#ffffff80,#ffffff1a);border-radius:50%;width:100%;height:100%;position:absolute}.main .container .midSection .profile .logos .icons:hover{color:#0f0f0f;background:#fff}
