@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap";*{padding:0;margin:0;box-sizing:border-box}img{width:100%;height:auto}.header-background{position:relative;background:linear-gradient(-60deg,#ffffff1a 45%,#fff0 45%),url(/assets/about_background-eJqE_O1a.png);background-repeat:no-repeat;background-size:300%;background-position-x:50%;background-position-y:0%;height:400px}.header-text{display:flex;justify-content:center;align-items:center;font-family:Montserrat,san-serif;font-size:1.5rem;text-transform:uppercase;font-weight:800;letter-spacing:1px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%)}.journey-section{font-family:Montserrat,san-serif;padding-top:20px;background:linear-gradient(to bottom,#2478d3,#003976)}.journey{display:flex;flex-direction:column}.title{display:flex;flex-direction:column;gap:5px}.title p{color:#fff;font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:600;padding:0;margin:0;letter-spacing:1px}.title .title-separator{background-color:#fdb72e;padding:2px;width:100%}.title h3{font-size:1.8rem;color:#fdb72e;font-weight:600;letter-spacing:1px}.journey-section .desc{font-family:Montserrat,sans-serif;text-align:start;color:#fff;font-size:1.1rem}.desc .icons-container .icon{width:64px;background-color:#fff;border:1px solid #fdb72e;border-radius:50%;padding:5px}.desc .icons-container{display:flex;justify-content:space-between;margin:30px 0}.desc .icons-container div{display:flex;flex-direction:column;align-items:center;gap:10px}.desc .icons-container p{font-size:1rem;font-weight:600;text-align:center}.longway--container{padding:10px}.long-way-img--container{background:linear-gradient(60deg,#ffffff80 45%,#fff0 45%),url(/assets/journey-BF_AD_OH.jpg);height:230px;background-repeat:no-repeat;background-size:200%;background-position-x:50%;background-position-y:0%;display:flex;justify-content:flex-end;align-items:center;margin:20px 0;box-shadow:#64646f33 0 7px 29px}.long-way-img--container{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.long-way-img--container .text-banner-container{margin-top:5px;display:flex;justify-content:center;align-items:center;background-color:#fdb72e;text-align:center;padding:2px 8px;margin-right:0%;gap:5px}.long-way-img--container .text-banner-container .banner-text h4{font-family:Black Ops One,sans-serif;font-size:1.3rem;color:#fff}.long-way-img--container .text-banner-container .banner-text p{font-size:.7rem;font-weight:600}.card--container{display:flex;flex-direction:column;gap:100px;margin:100px 0;overflow:hidden}.card--container .card{display:flex;flex-direction:column;align-items:center;padding:20px;border-color:#fdb72e;box-shadow:#64646f33 0 7px 29px;position:relative;opacity:0;transition:transform 1s,opacity 1s;margin-top:50px;width:100%}.card--container .card .card-icon{width:96px;height:auto;border:2px solid #fdb72e;border-radius:50%;padding:20px;background:#fff;position:absolute;top:-50px}.card--container .card h3{color:#fdb72e;font-weight:600;font-family:Montserrat,sans-serif;text-decoration:none;font-size:1.5rem;margin:60px 0 20px}.card--container .card .card-detail{color:#003976;text-align:justify}.slide-right{transform:translate(-20%)}.slide-left{transform:translate(20%)}.slide-right.active,.slide-left.active{opacity:1;transform:translate(0)}.container .member-heading.text-content{margin-left:5%;margin-bottom:50px}.container .member-heading.text-content h4{color:#fdb72e;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600}.container .member-heading.text-content h3{color:#003976;font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:600}.member-container{display:grid;grid-template-rows:repeat(4,1fr)}.members{margin-bottom:50px}.member{position:relative;overflow:hidden;width:100%}.member-info{width:100%;text-align:center}.member .member-info .horizontal-line{width:60%;height:3px;background-color:#fdb72e;padding:0;margin:0}.member .member-info .name,.member .member-info .designation{font-family:Montserrat,sans-serif;text-transform:uppercase;padding:0;margin:0}.member .member-info .name{font-weight:600;font-size:.85rem}.member .member-info .designation{font-size:.8rem}.member-card-backdrop{background:#00f3;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%);transition:transform .3s ease-in-out}.member-info{position:absolute;left:50%;bottom:10%;transform:translate(-50%);display:flex;flex-direction:column;color:#fff;justify-content:flex-end;align-items:center}.member:hover .member-card-backdrop{transform:translate(0)}@media screen and (min-width: 768px){.header-background{background-position:center center;background-size:170%;height:600px}.header-text{font-size:2.4rem}.long-way-img--container{height:350px;background-size:100%;background-position:center}.long-way-img--container .text{font-size:2rem}.desc .icons-container div{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:10px}.desc .icons-container p{margin:0;text-align:start}.member-container{grid-template-columns:repeat(4,1fr);grid-template-rows:auto}.long-way-img--container .text-banner-container{gap:13px;padding:4px 16px}.long-way-img--container .text-banner-container .banner-text h4{font-size:2.5rem}.long-way-img--container .text-banner-container .banner-text p{font-size:1rem;font-weight:500}}@media screen and (min-width: 1024px){.header-background{background-position:center center;background-size:130%;height:600px}.journey{flex-direction:row;justify-content:space-around;align-items:start;gap:20px;padding:10px}.journey .title{width:25%}.journey .title p{font-size:1.45rem}.title .title-separator{width:80%}.journey .title h3{font-size:1.9rem}.desc{width:80%}.card--container{flex-direction:row}.long-way-img--container .text{font-size:2rem}.long-way-img--container .text-banner-container{gap:13px;padding:4px 16px}.long-way-img--container .text-banner-container .banner-text h4{font-size:3rem}.long-way-img--container .text-banner-container .banner-text p{font-size:1rem;font-weight:500}.desc .icons-container{gap:5px}.member .member-info .name{width:100%;font-size:.9rem}}