@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-display:swap;}
@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;
  --pink:#ffd9da;
}
: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 */
.banner{ position:relative;margin-top:80px;line-height:0;}
.banner,.banner img{width:100%}

.banner video{width:100%;height:auto;}
.desktop{display:block;line-height:0;}
.mobile{display:none}

/* Content */
.content{width:100%;padding:50px 20px;background:var(--skyBlue);}
.content h1{font-family:Onest-Bold;font-size:clamp(28px,4vw,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:center;padding:7px 60px;border-radius:40px;width: fit-content;
max-width: 100%; margin: 0 auto 20px;transition:all .4s}
.content h1:hover{transform:translateY(-8px);box-shadow:10px 10px 20px rgba(0,0,0,.25);border-bottom:5px solid var(--blue);border-radius:40px}
.content p{font-family:Onest-Regular;font-size:18px;color:var(--black);line-height:28px;text-align:justify}
.content p strong{color:var(--blue)}

/*Awards-Listing-Box-Start*/
.award-listing-box{position:relative;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.58) 58%,rgba(239,246,255,.99) 99%,
rgba(239,246,255,1) 100%);padding:60px 40px 40px;border-radius:37px;overflow:visible;max-width:75%;margin:70px auto 0;z-index:1;}
.award-listing-box::before{content:"";position:absolute;inset:0;padding:2px;border-radius:35px;background:linear-gradient(135deg,
rgba(32,69,113,0) 0%, rgba(32,69,113,0) 45%, rgba(32,69,113,.25) 60%, rgba(32,69,113,.55) 75%, rgba(32,69,113,.85) 90%, rgba(32,69,113,1) 100%);
-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.award-listing-box:hover{transform:translateY(-8px);box-shadow:10px 10px 20px rgba(0,0,0,.25);border-bottom:5px solid var(--blue);}
.award-listing-box div h1{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);margin:-55px 0px 0px 0px;padding:10px 60px;width:max-content;
max-width:90%;border-radius: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);font-family:Onest-Bold;font-size:40px;text-align:center;z-index:10;white-space:nowrap;}
.award-listing-box div h1:hover{transform:translate(-50%,-58%);box-shadow:10px 10px 20px rgba(0,0,0,.25);border-bottom:5px solid var(--blue);}
.award-listing-box ul{list-style: none;padding: 0;margin: 0;}
.award-listing-box ul li{width: 100%;font-size: 18px;line-height: 25px;text-align: left;font-family: Onest-Regular;padding: 8px 0 8px 42px;
position: relative;transition: .3s ease;}
.award-listing-box ul li::before{content: "";position: absolute;left: 0;top: 10px;width: 26px;height: 26px;background: url("../images/pune-33-images/award-check-icon.png") no-repeat center center;
background-size: contain;}
.award-listing-box ul li:hover{transform: translateY(-3px) scale(1.03);color: var(--blue);text-shadow: 0 0 10px rgba(32,69,113,.35);}

/*Selection-Process-&-Jury-Start*/
.selection-process-main{background:var(--maroon);max-width:70%;margin:50px auto;padding:35px 40px;border-radius:50px;transition: all .4s ease;}
.selection-process-main:hover{transform: translateY(-8px);box-shadow: 0 12px 25px rgba(0,0,0,.25);}
.selection-process-main h1{display:table;padding:12px 70px;margin:0 auto 20px;font-size:40px;font-family:Onest-Bold;color:var(--maroon);background:var(--white);border-radius:50px;transition: all .4s ease;}
.selection-process-main h1:hover{transform:translateY(-6px);box-shadow: 0 10px 20px rgba(0,0,0,.25);border-bottom: 5px solid var(--maroon);}
.selection-process-main ul{margin:0px;padding:0px; list-style: none;}
.selection-process-main ul li{position:relative;padding:10px 0px 10px 42px;font-size:18px;line-height:28px;text-align:justify;font-family:Onest-Regular;color:var(--white);}
.selection-process-main ul li::before{content: "";position: absolute;left: 0;top: 11px;width: 24px;height: 24px;background: url("../images/pune-33-images/award-check-white-icon.png") no-repeat center center;
background-size: contain;}
.selection-process-main ul li:hover{transform: translateX(6px);color: #f5d7b7;}
/*Selection-Process-&-Jury-End*/

/*Award-Categories-Start */
.award-category {max-width: 80%;padding: 0px 0px;display: inline-block;text-align: center;}
.award-category h1{display:table;padding:12px 70px;margin:0 auto 0px;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 ease;}
.award-category h1:hover{transform:translateY(-6px);box-shadow: 0 10px 20px rgba(0,0,0,.25);border-bottom: 5px solid var(--maroon);}
.award-category p:last-child {margin: 35px 0px 30px 0px;color:var(--black);font-size: 18px;font-family:Onest-Regular;
line-height: 28px;}
.award-category p:last-child strong{font-family:Onest-Bold;color:var(--maroon);}
.cat-content {margin: 10px 0px 20px 0px;border-radius: 5px;padding: 15px 20px;text-align: left !important;font-size: 18px;font-family:Onest-Regular;}
.panel-default > .panel-heading {color: #333;padding: 0;-webkit-user-select:none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 35%;}
.panel-default > .panel-heading a {display: block;padding: 6px 15px;text-decoration: none;color: var(--white);border-radius: 5px;text-align: left !important;font-family: Onest-Bold;font-size:20px;}
.panel-default > .panel-heading h4.panel-title {font-size: 20px;}
.panel-default > .panel-heading a:after {content: "";position: relative;top: 1px;display: inline-block;//font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;
line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
float: right;transition: transform 0.25s linear;-webkit-transition: -webkit-transform 0.25s linear;font-family: roboto-regular;font-size: 30px;line-height: 22px;}
.panel-default > .panel-heading a[aria-expanded="true"] {background-color: var(--maroon);}
.panel-default > .panel-heading a[aria-expanded="true"]:after {content: "\2212";  -webkit-transform: rotate(180deg);transform: rotate(180deg);}
.panel-default > .panel-heading a[aria-expanded="false"]:after {content: "\002b";  -webkit-transform: rotate(90deg);transform: rotate(90deg);}
.panel-default .panel-body {background: var(--white);box-shadow: 2px 2px 2px 2px #00000017;
border-radius: 0px 0px 10px 10px;margin-bottom: 10px;padding-bottom: 10px;}
.panel-default .panel-body h1 { background: var(--maroon);color: var(--white);font-size: 20px;padding: 10px 20px;border-radius: 5px 5px 0 0;
text-align: left;}
.panel-default .panel-body ul {padding: 0px 20px;list-style-type: disc;margin: 20px 20px;}
.panel-default .panel-body ul li {text-align: left;font-size: 18px;padding:2px 0px;font-family: Onest-Regular;}
.panel-default .panel-body h1{display:inline-block !important;margin:0 0 0px 0 !important;text-align:left !important;}
.panel-default .panel-body .award-category h1{display: inline-block;}
.panel-default .panel-body{text-align:left !important;}
.award-category p {text-align: center;line-height: 24px;padding: 20px 0px;font-size: 18px;font-family: Onest-Regular;}
.award-category p span {color: var(--maroon);font-weight: bold;font-size: 18px;line-height: 24px;}
.award-category .panel:nth-child(odd) a{background:var(--blue);}
.award-category .panel:nth-child(even) a{background:var(--maroon);}
.award-category .panel-default:nth-child(odd) .cat-content{background: var(--skyBlue);color:var(--black);}
.award-category .panel-default:nth-child(even) .cat-content{background: var(--pink);color:var(--black);}
.award-category .panel-default:nth-child(odd) .panel-body{background: var(--skyBlue);color:var(--black);}
.award-category .panel-default:nth-child(odd) .panel-body h1{background: var(--blue);color:var(--white);}
.award-category .panel-default:nth-child(even) .panel-body{background: var(--pink);color:var(--black);}
.award-category .panel-default:nth-child(even) .panel-body h1{background:var(--maroon);color:var(--white);}
.award-category .panel-default:nth-child(odd) .panel-body h1:hover, .award-category .panel-default:nth-child(even) .panel-body h1:hover{border-bottom:5px solid var(--white);}
.award-category .panel-default:nth-child(odd) .panel-body ul li::marker {color: var(--blue); font-weight: bold; }
.award-category .panel-default:nth-child(even) .panel-body ul li::marker {color: var(--maroon); font-weight: bold; }
/* Award-Categories-End*/

/* 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}}


/* Modal-Nominate */
#nominateModal .modal-content ul {list-style: none;margin: 0 10% 5% 10%;padding: 0px;width: 80%;}
#nominateModal .modal-content ul li {background: var(--white);border-radius: 50px;padding: 5px 10px 7px 10px;font-size: 22px;
color: var(--black);margin: 15px 5px;border: 2px solid var(--white);font-family:Onest-Regular;}
#nominateModal .modal-content ul li a{color:var(--black);text-decoration:none;}
#nominateModal .modal-content ul li:hover{background: var(--black);border: 2px solid var(--white);cursor:pointer;}
#nominateModal .modal-content ul li:hover a{color:var(--white)}

.modal-content {text-align: center;margin-top: 17%;background: var(--maroon);border-radius: 10px;border: 5px solid #fff;}
#nominateModal .modal-dialog {max-width: 650px;}
#nominateModal .modal-content .modal-body div {}

.modal-content .modal-header {border-bottom: none;padding: 0px;}
button.close {padding: 0;background: var(--maroon);border: 0;-webkit-appearance: none;
border: 2px solid white;}
.modal-header .close {padding: 0px 0px 2px 2px;margin: -18px -18px 10px auto;}
.modal-header .close{float: right;font-size: 1.5rem;font-weight: 700;line-height: 15px;color: var(--white);text-shadow: none;opacity: 0.9;border-radius: 50%;width: 35px;height: 35px;  background: var(--maroon);}
.modal-header .close span{padding: 0px;}

