@font-face{font-family:Onest-Black;src:url(../fonts/Onest-Black.ttf)}
@font-face{font-family:Onest-Bold;src:url(../fonts/Onest-Bold.ttf)}
@font-face{font-family:Onest-ExtraBold;src:url(../fonts/Onest-ExtraBold.ttf)}
@font-face{font-family:Onest-Light;src:url(../fonts/Onest-Light.ttf)}
@font-face{font-family:Onest-Medium;src:url(../fonts/Onest-Medium.ttf)}
@font-face{font-family:Onest-Regular;src:url(../fonts/Onest-Regular.ttf)}
@font-face{font-family:Onest-SemiBold;src:url(../fonts/Onest-SemiBold.ttf)}
@font-face{font-family:Onest-Thin;src:url(../fonts/Onest-Thin.ttf)}

:root{
  --maroon:#b72c2f;
  --white:#fff;
  --black:#000;
  --blue:#204571;
  --beidge:#f4d4b2;
  --skyBlue:#d0e2f5;
}
:focus{outline:none;}

/* Utility */
.desktop{display:block}.mobile{display:none}
body{margin:0;padding:0;overflow-x:hidden}
ul{margin:0;padding:0;list-style:none}

/* Header */
.navbar{background:var(--maroon);height:80px;padding:0}
.navbar .container-fluid{display:flex;align-items:center;justify-content:space-between}
.navbar-brand{margin:0;padding:0}
.navbar-brand img{width:180px;height:auto;transform:translateY(20px)}
.navbar-nav{align-items:center}
.navbar-nav .nav-link{color:var(--white)!important;font-size:18px;font-family:Onest-Regular;padding:12px 15px!important;position:relative}
.navbar-nav .nav-link::after{content:"";position:absolute;left:50%;bottom:4px;width:80%;height:2px;background:var(--white);transform:translateX(-50%) scaleX(0);transition:.35s}
.navbar-nav .nav-link::before{content:"";position:absolute;left:50%;bottom:6px;transform:translateX(-50%) scale(0);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid var(--white);transition:.35s}
.navbar-nav .nav-link:hover::after{transform:translateX(-50%) scaleX(1)}
.navbar-nav .nav-link:hover::before{transform:translateX(-50%) scale(1)}
.navbar-collapse{justify-content:flex-end}
.register{display:inline-block;padding:8px 22px;border-radius:25px;background:var(--white);color:var(--black) !important;text-decoration:none !important;font-family:Onest-Regular;animation:blinki 2s infinite;margin-left:10px;}
@keyframes blinki{0%{box-shadow:0 0 1px 8px rgba(255,255,255,.5)}50%{box-shadow:0 0 1px 0 transparent}100%{box-shadow:0 0 1px 8px rgba(255,255,255,.5)}}

/* Navbar swipe effect */
#navbarNav li.swipe a:before,#navbarNav li.swipe a:after{position:absolute;width:0;height:100%;top:0;content:"";background:var(--white);opacity:.3;transition:all .3s}
#navbarNav li.swipe a:before{left:0}#navbarNav li.swipe a:after{right:0}
#navbarNav li.swipe a:hover:before{width:100%}#navbarNav li.swipe a:hover:after{width:5px;opacity:1}

.navbar-toggler{border:none;outline:none;box-shadow:none!important;position:relative;width:40px;height:40px}
.navbar-toggler-icon{background-image:none!important;position:relative;width:30px;height:2px;background:var(--white);display:block;transition:.3s}
.navbar-toggler-icon::before,.navbar-toggler-icon::after{content:"";position:absolute;left:0;width:30px;height:2px;background:var(--white);transition:.3s}
.navbar-toggler-icon::before{top:-8px}.navbar-toggler-icon::after{top:8px}
.navbar-toggler.active .navbar-toggler-icon{background:transparent}
.navbar-toggler.active .navbar-toggler-icon::before{transform:rotate(45deg);top:0}
.navbar-toggler.active .navbar-toggler-icon::after{transform:rotate(-45deg);top:0}

/* Banner */
.banner{position: relative;width: 100%;overflow: hidden;}
.banner,.banner img{width:100%}
.banner video{display: block;width: 100%;height: 100vh;object-fit: cover;}

/* Content */
.content{width:100%;padding:50px 20px}
.content p{font-family:Onest-Regular;font-size:18px;color:var(--black);line-height:28px;text-align:justify}
.content p strong{color:var(--maroon)}
.content-bootom-strip{text-align:center;background:var(--maroon);border-radius:20px;padding:5px 30px;max-width:75%;font-size:20px;color:var(--white);margin:0 auto;font-family:Onest-Medium;transition:all .4s}
.content-bootom-strip:hover{transform:translateY(-8px);background:var(--white);color:var(--maroon);box-shadow:10px 10px 20px rgba(0,0,0,.25);border-bottom:5px solid var(--maroon)}

/* Key Pillar */
.keydiscussion-main{width:100%;background:var(--skyBlue);padding:50px 20px}
.keydiscussion-main h1{font-family:Onest-Bold;font-size:40px;background:linear-gradient(to right, rgba(239,246,255,1) 0%, rgba(239,246,255,.99) 1%, rgba(255,255,255,.58) 42%, rgba(255,255,255,0) 100%);color:var(--blue);text-align:left;margin:0 0 20px;padding:7px 60px;border-radius:40px 0 0 40px;width: fit-content;
max-width: 100%;transition:all .4s}
.keydiscussion-main h1:hover{transform:translateY(-8px);box-shadow:10px 10px 20px rgba(0,0,0,.25);border-bottom:5px solid var(--blue);border-radius:40px}
.keydiscussion-main ul{margin:0 60px 40px}
.keydiscussion-main ul li{width:100%;font-size:18px;line-height:25px;text-align:left;font-family:Onest-Regular;padding:5px 0 5px 35px;position:relative}
.keydiscussion-main ul li span{display:inline-block;transition:transform .3s,color .3s,text-shadow .3s}
.keydiscussion-main ul li span:hover{transform:translateY(-3px) scale(1.03);color:var(--maroon);text-shadow:0 0 10px rgba(183,44,47,.35)}
.keydiscussion-main ul li:before{content:"•";color:var(--blue);position:absolute;left:0;font-size:40px}

/* Await Section */
.awaitSection{width:100%;margin-top:40px}
.awaitSection .await-heading{font-family:Onest-Bold;font-size:40px;font-weight:700;color:var(--blue);text-align:center;margin:0 0 40px;transition:transform .3s,color .3s,text-shadow .3s;background: transparent;max-width:100%;
text-align: center;display: inline-block;}
.awaitSection .await-heading:hover{transform:translateY(-3px) scale(1.03);color:var(--maroon);background:transparent; border-bottom:none;box-shadow: none;}
.awaitSection .card-row{display:flex;justify-content:center;align-items:stretch;gap:20px;margin:0 0 30px;padding:0}
.awaitSection .card-row li{width:350px;min-height:320px;background:var(--white);border:1px solid var(--blue);padding:0;transition:all .4s}
.awaitSection .card-row:first-of-type li:nth-child(2), .awaitSection .card-row.second-row li:nth-child(1){border:1px solid var(--maroon)}
.awaitSection .card-row li:hover{transform:translateY(-10px) scale(1.02);box-shadow:rgba(0,0,0,.8) 0 5px 20px;border-radius:10px}
.awaitSection .card-row li h2{background:var(--blue);color:var(--white);font-family:Onest-Bold;font-size:20px;text-align:center;height:70px;margin:0;display:flex;align-items:center;justify-content:center;padding:10px}
.awaitSection .card-row li p{font-size:18px;line-height:28px;text-align:center;padding:20px 25px;margin:0;color:var(--black);font-family:Onest-Regular}
.awaitSection .card-row li:hover{background:var(--blue);color:var(--white)}
.awaitSection .card-row li:hover p{color:var(--white)}
.awaitSection .card-row:first-of-type li:nth-child(1):hover h2, .awaitSection .card-row:first-of-type li:nth-child(3):hover h2, .awaitSection .card-row.second-row li:nth-child(2):hover h2{color:var(--blue);background:var(--white);border-radius:10px 10px 0px 0px;}
.awaitSection .card-row:first-of-type li:nth-child(2) h2{background:var(--maroon)}
.awaitSection .card-row:first-of-type li:nth-child(2):hover h2{background:var(--white);color:var(--maroon);border-radius:10px 10px 0px 0px;}
.awaitSection .card-row:first-of-type li:nth-child(2):hover{background: var(--maroon);color:var(--white)}
.awaitSection .card-row.second-row li:first-child h2{background:var(--maroon)}
.awaitSection .card-row.second-row li:nth-child(1):hover h2{background:var(--white);color:var(--maroon);border-radius:10px 10px 0px 0px;}
.awaitSection .card-row.second-row li:nth-child(1):hover{background: var(--maroon);color:var(--white)}
.awaitSection .card-row li:before{display:none;}

/* Who Meet */
.who-meet-main{width:100%;padding:50px 0;background:var(--maroon);position:relative;overflow:hidden}
.who-meet-main::before{content:"";position:absolute;left:0;top:0;width:45%;height:100%;background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1px);background-size:12px 12px;mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%)}
.who-meet-main .container{max-width:1200px;margin:0 auto;padding:0 15px;display:flex;justify-content:space-between;align-items:start;gap:60px;position:relative;z-index:2}
.left-container,.right-container{width:48%}
.whomust-left-img{width:100%;overflow:hidden;border-radius:20px;border:4px solid var(--white);max-width:500px}
.whomust-left-img img{width:100%;display:block;margin:auto;height:auto;animation:imageZoom 8s ease-in-out infinite;transform-origin:center}
@keyframes imageZoom{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}
.right-container h1{margin:0 0 30px;font-size:45px;line-height:52px;color:var(--beidge);font-family:Onest-Bold}
.right-container h1:hover{transform:translateY(-3px) scale(1.03);color:var(--white);text-shadow:0 0 10px var(--beidge)}
.right-container ul{margin:0;padding:0}
.right-container ul li{list-style:none;position:relative;padding-left:28px;margin-bottom:15px;color:var(--white);font-size:18px;line-height:28px;font-family:Onest-Regular;}
.right-container ul li span {display: inline-block;transition: transform .3s ease, color .3s ease, text-shadow .3s ease;}
.right-container ul li:hover span{text-shadow: 0 0 10px rgba(183, 44, 47, .35);transform: translateY(-3px) scale(1.03);color: var(--white);}
.right-container ul li:before{display:inline-block;transition:transform .3s ease, color .3s ease, text-shadow .3s ease;}
.right-container ul li:hover:before{text-shadow:0 0 10px rgba(183,44,47,.35);transform:translateY(-3px) scale(1.03);color:var(--white);}
.right-container ul li:last-child{margin-bottom:0;}
.right-container ul li::before{content:"•";position:absolute;left:0;top:-4px;color:var(--beidge);font-size:38px;line-height:1;}

/* Partner with us */
.parner-with-us-main{width:100%;padding:50px 50px;text-align:center}
.parner-with-us-main h1{display:inline-block;padding:12px 70px;margin:0 auto;font-size:40px;font-family:Onest-Bold;color:var(--maroon);background:linear-gradient(to right, rgba(245,215,183,1) 0%, rgba(245,215,183,.99) 1%, rgba(255,255,255,.58) 42%, rgba(255,255,255,0) 100%);border-radius:50px;transition:all .4s}
.parner-with-us-main h1:hover{transform:translateY(-8px);box-shadow:10px 10px 20px rgba(0,0,0,.25);border-bottom:5px solid var(--maroon);border-radius:40px}
.parner-with-us-main p{max-width:1050px;margin:20px auto 40px;font:18px/24px Onest-Regular;color:var(--black); }
.partner-list{margin:0;padding:0}
.partner-list li{display:flex;align-items:center;gap:45px;margin-bottom:28px;transition:all .4s}
.partner-list li:hover{transform:translateY(-8px)}
.partner-list .txt{flex:1;padding:15px 20px;background:var(--white);border-radius:18px}
.partner-list li:nth-child(odd) .txt{border:2px solid var(--maroon)}
.partner-list li:nth-child(even) .txt{border:2px solid var(--blue)}
.partner-list .txt h2{margin:0;font:20px Onest-Bold;text-align:left}
.partner-list li:nth-child(odd) h2{color:var(--maroon)}
.partner-list li:nth-child(even) h2{color:var(--blue)}
.partner-list .txt p{margin-top:5px;margin-bottom:0;font:18px/28px Onest-Regular;text-align:justify;color:var(--black); margin-left: 0px; margin-right:0px;max-width:100%;padding-right:0px;}
.partner-list .number{width:55px;height:55px;position:relative;display:flex;justify-content:center;align-items:center;transform:rotate(45deg);border-radius:10px}
.partner-list .number .num-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:18px;font-family:Onest-Bold;font-weight:700;line-height:1;color:var(--white)}
.partner-list li:nth-child(odd) .number{background:var(--maroon);border:3px solid var(--maroon)}
.partner-list li:nth-child(even) .number{background:var(--blue);border:3px solid var(--blue)}
.partner-list .number span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:22px;font-family:Onest-Bold;color:var(--white);line-height:1}
.partner-list .number::after{content:"";position:absolute;width:40px;height:3px;left:96%;top:0;margin-top:-1.5px;transform:rotate(-45deg);transform-origin:left center;z-index:-1}
.partner-list li:nth-child(odd) .number::after{background:var(--maroon)}
.partner-list li:nth-child(even) .number::after{background:var(--blue)}
.partner-list li:nth-child(even):hover .txt{background:var(--blue);}
.partner-list li:nth-child(even):hover p, .partner-list li:nth-child(even):hover h2, .partner-list li:nth-child(odd):hover p, .partner-list li:nth-child(odd):hover h2{color:var(--white);}
.partner-list li:nth-child(odd):hover .txt{background:var(--maroon);}
.partner-list li:nth-child(even):hover .number{background:var(--white);border:3px solid var(--blue)}
.partner-list li:nth-child(even):hover .num-text{color:var(--blue);}
.partner-list li:nth-child(odd):hover .number{background:var(--white);border:3px solid var(--maroon)}
.partner-list li:nth-child(odd):hover .num-text{color:var(--maroon);}

.partner-bottom-txt{max-width:900px;margin:50px auto 0;text-align:center;color:var(--maroon);font:20px/30px Onest-Bold;transition: transform .3s ease, color .3s ease, text-shadow .3s ease;}
.partner-bottom-txt:hover{    text-shadow: 0 0 10px rgba(183, 44, 47, .35);transform: translateY(-3px) scale(1.03);color: var(--maroon);}
.partner-bottom-txt .top, .partner-bottom-txt .bottom{width:500px;height:2px;margin:20px auto;background:var(--beidge);position:relative;}
.partner-bottom-txt .top::before, .partner-bottom-txt .bottom::before{content:"";width:15px;height:15px;background:var(--beidge);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);}

/* Our Partners */
.our-partner-main{width:100%;padding:60px 20px;background:var(--skyBlue);text-align:center}
.our-partner-main h1{display:inline-block;padding:12px 70px;margin:0 auto 55px;font-size:40px;font-family:Onest-Bold;color:var(--blue);background:linear-gradient(to right, rgba(239,246,255,1) 0%, rgba(239,246,255,0.99) 1%, rgba(255,255,255,0.58) 42%, rgba(255,255,255,0) 100%);	border-radius:50px;transition: all .4s ease;}
.our-partner-main h1:hover{text-shadow:2px 2px var(--white);transform:translateY(-8px);color:var(--blue);box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.25);border-bottom:5px solid var(--blue);border-radius:40px 40px 40px 40px;}
.partner-row{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-bottom:45px}
.partner-item{text-align:center}
.partner-item h3,.partner-title h2,.partner-bottom h2{font-family:Onest-Medium;font-size:22px;margin-bottom:15px;color:var(--black)}
.partner-box{width:260px;height:120px;background:var(--white);border:2px dotted var(--blue);border-radius:12px;display:flex;justify-content:center;align-items:center;transition:.35s;box-shadow:6px 6px 0 #2d4f7b}
.partner-box:hover{transform:translateY(-8px);box-shadow:12px 12px 20px rgba(0,0,0,.25)}
.partner-box img{max-width:80%;max-height:80%}
.partner-bottom{display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:40px;align-items:start}
.partner-bottom .left{width:840px}.partner-bottom .right{width:260px}

/* Become Partner */
.become-main{padding:70px 20px;text-align:center}
.became-container{max-width:900px;margin:auto}
.became-container img{width:100%;display:block;animation:pulse 2s infinite}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}
.became-container img:hover{transform:translateY(-5px);box-shadow:0 12px 38px rgb(32 69 113),inset 0 1px 0 rgba(255,255,255,.35)}

/* Footer */
.footer-bg{position:relative;width:100%;overflow:hidden;background:var(--blue)}
.footer-bg::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.95) 1px,transparent 1px);background-size:7px 7px;opacity:.8;-webkit-mask-image:linear-gradient(to bottom,transparent 15%,rgba(0,0,0,.15) 25%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.75) 70%,#000 100%);mask-image:linear-gradient(to bottom,transparent 15%,rgba(0,0,0,.15) 25%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.75) 70%,#000 100%)}
.yellow-strip{position:absolute;top:0;right:0;width:400px;height:20px;background:#f4b321;border-radius:0 0 0 40px}
.footer-container{max-width:1100px;width:100%;margin:70px auto 50px;padding:30px 50px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid rgba(199,148,54,.35);box-shadow:18px 18px 35px rgb(0 0 0 / 55%)}
.footer-left{flex:1}
.footer-left h1{font-family:Onest-Bold;font-size:25px;color:var(--blue);text-transform:uppercase;margin-bottom:20px}
.footer-left ul{display:flex;align-items:center;list-style:none;padding:0;margin:0}
.footer-left ul li{border-left:3px solid var(--blue);padding:0 18px;line-height:1}
.footer-left ul li:first-child{border-left:none;padding-left:0}
.footer-left ul li a{display:block;position:relative;font-family:Onest-Medium;font-size:18px;color:var(--blue);text-decoration:none;transition:all .4s}
.footer-left ul li a:hover{color:var(--maroon);transform:translateY(-8px)}
.footer-right{flex:0 0 240px}
.footer-right h1{font-family:Onest-Bold;font-size:25px;color:var(--blue);margin-bottom:20px}
.footer-right ul{display:flex;justify-content:left;align-items:center;gap:12px;list-style:none;padding:0;margin:0}
.footer-right ul li{width:35px;height:35px}
.footer-right ul li img{width:100%;transition:transform .4s}
.footer-right ul li:hover img{transform:translateY(-8px)}

.blink-btn{animation:blink 1s infinite}
@keyframes blink{0%{background:#16379f}30%{background:#16379f}60%{background:#bc0624}100%{background:#bc0624}}