

@font-face {

	font-family: Caesar Open;

	src: url(..//fonts/Caesar\ Open\ Regular.ttf);

  }







*{   font-family: "Rajdhani", sans-serif;transition:.3s ease;padding:0;margin:0;box-sizing:border-box;}
img{object-fit:cover;max-width:100%;}
.container{max-width:1200px;}
a{text-decoration:none !important;display:inline-block;color: black;}
ul li{list-style:none;}
ul{padding: 0;}
.flexAll{display: flex;justify-content: center;align-items: center;}
p{margin-bottom:0px; }
.box15{width:15%}
.box95{width:95%}
.box20{width:20%}
.box30{width:30%}
.box40{width:40%}
.box75{width:75%}
.box33{width:33%}
.box100{width:100%}
.box62{width:62%}
.text-center{text-align: center;}
figure{margin: 0;}
ul{margin: 0;}
.mb70{margin-bottom: 70px;}


.text-center{text-align: center;}
figure{margin: 0;}
ul{margin: 0;}
.mb70{margin-bottom: 70px;}
section{overflow: hidden;}
body{overflow-x:hidden ;}
.menu-button{display: none;}
.close-button{display: none;}








.banner{position: relative;}
.banner video{    height: 620px; width: 100%;object-fit: cover;}

.banner .wrapper{ height: 620px;}
.topbanner {background: #fff;padding: 30px;}
.topbanner .wrapper h3{font-size: 42px;line-height: 26px;color: #000;font-weight: 600;text-align: center;margin: auto;text-transform: uppercase;}


.honoured {background-image: url(..//images/honouredbanner.png);padding:60px 0;background-size: cover;background-position: bottom;position: relative;overflow: visible;}
.honoured .tophead h3 {font-size: 42px;line-height: 50px;color: #ffffff;font-family: "Caesar Open";text-align: center;filter: drop-shadow(0 0 17.5px #000000);margin-bottom: 20px;width: 960px;margin: auto;margin-bottom: 25px;}
.honoured ul {padding: 0;margin: 0;}

.honoured .fancy-right{padding-left: 25px;}
.honoured ul li { list-style: none; font-size: 16px; color: #ffffff; margin-bottom: 10px; display: flex; align-items: center;
 opacity: 0;                     /* for stagger animation */ transform: translateY(20px);    /* start hidden */ transition: all 0.6s ease;}
.honoured ul li i {   color: #8aa955;    margin-right: 10px;}
.honoured .right-title {font-size: 24px;font-weight: 700;color: #fff;margin-bottom: 20px;}
.honoured .trofee {position: absolute;left: 24%;      bottom: 20px; z-index: 50;pointer-events: none;}
.honoured .fancy-trophy img {width: 260px;height: auto;filter: brightness(1);animation: glowPulse 2.5s ease-in-out infinite; }
@keyframes glowPulse {0% { filter: brightness(1); }50% { filter: brightness(1.25); }100% { filter: brightness(1); }}
.honoured .fancy-trophy figure { position: relative; overflow: hidden; display: inline-block;}
/* .honoured .fancy-trophy .shine {position: absolute;top: -30%;left: -50%;width: 180%;height: 180%;background: linear-gradient(    135deg,    rgba(255, 255, 255, 0) 40%,    rgba(255, 255, 255, 0.3) 50%,    rgba(255, 255, 255, 0) 60%);animation: sweep 2.8s linear infinite;mix-blend-mode: screen;pointer-events: none;} */

@keyframes sweep {
    0% { transform: translateX(-120%) rotate(10deg); }
    100% { transform: translateX(120%) rotate(10deg); }}

.honoured .fancy-left,
.honoured .fancy-right,
.honoured .fancy-title {opacity: 0;transition: all 1.2s ease;}
.honoured .fancy-left {transform: translateX(-100px);}
.honoured .fancy-right { transform: translateX(100px);}
.honoured .fancy-title {  transform: translateY(-40px);}
.honoured .show {opacity: 1 !important;transform: translate(0,0) !important;}
.honoured ul li.show-li {opacity: 1 !important;transform: translateY(0) !important;}
.honoured .fancy-trophy img {animation: glowPulse 2.5s ease-in-out infinite, 
               breathe 4s ease-in-out infinite;transform-origin: center center;}

@keyframes glowPulse {0% { filter: brightness(1) drop-shadow(0 0 5px rgba(255,215,0,0.3)); }50% { filter: brightness(1.35) drop-shadow(0 0 12px rgba(255,215,0,0.6)); }100% { filter: brightness(1) drop-shadow(0 0 5px rgba(255,215,0,0.3)); }
}
@keyframes breathe {0% { transform: scale(1); }50% { transform: scale(1.03); }100% { transform: scale(1); }
}




.award{position: relative;padding: 60px 0;background: #f8f7f0;}
.award .content h3{font-size: 90px;line-height: 44px;color: #000000;font-weight: 700;text-align: center;-webkit-text-stroke: 3px #dd9a01;margin-bottom: 20px; }
.award .content h4 {font-size: 32px;line-height: 44px;color: #000000;font-weight: 700;text-align: center;margin-bottom: 20px;}
.award .content p {font-size: 20px;line-height: 44px;color: #000000;font-weight: 700;text-align: center;margin-bottom: 30px;}
.award iframe{   width: 1091px;height: 531px;border-radius: 50px;filter: drop-shadow(0 0 19px rgba(0,0,0,0.23));background-color: #7f7f7f;border: 10px solid #ffffff;object-fit: cover;}
.award .wrapper{text-align: center;}





.question { padding: 20px 0;position: relative;overflow: hidden;padding-bottom: 50px;}
.question .wrapper h6 {font-size: 24px;line-height: 30px;color: #000;font-weight: 700;margin-bottom: 10px;transform: translateY(-20px);transition: .8s ease;margin-bottom: 10px;}
.question .wrapper ul li { margin-bottom: 3px;}
.question .wrapper ul li p { font-size: 18px; line-height: 26px; color: #000; font-weight: 500;transform: translateY(15px); transition: .6s ease;}
.question .q-left,
.question .q-right {opacity: 0;transition: 1s ease;}
.question .q-left {transform: translateX(-120px);}
.question .q-right {transform: translateX(120px);}
.question .show-q {opacity: 1 !important;transform: translate(0,0) !important;}
.question .wrapper iframe {width: 550px;height: 356px;filter: drop-shadow(0 0 19px rgba(0,0,0,0.23));background-color: #cfff81;border: 6px solid #ffffff;}
.question .row{margin-top: 35px;}

.question .row{align-items: center;}


.entertainment{padding: 60px 0;background-image: url(..//images/entertainment.png);background-position: bottom;}
.entertainment .wrapper h3{font-size: 42px;color: #ffffff;font-weight: 700;text-align: center;filter: drop-shadow(0 0 17.5px #000000);margin-bottom: 20px;}
.entertainment .wrapper p{font-size: 16px;line-height: 26px;color: #ffffff;font-weight: 400;text-align: center;}
.entertainment .entertainvideo{margin-top: 40px;    text-align: center;}
.entertainment .entertainvideo iframe{margin: auto;width: 800px;height: 400px;text-align: center;}
.entertainment {padding: 80px 0;background-image: url(../images/entertainment.png);background-size: cover;background-position: bottom;}
.ent-title, .ent-text {opacity: 0;transform: translateY(30px);color: white;text-align: center;}
.ent-title {font-size: 42px;font-weight: 700;margin-bottom: 20px;filter: drop-shadow(0 0 17px #000);}
.ent-text {font-size: 16px;line-height: 28px;}
.entertainvideo { margin-top: 40px; text-align: center;}
.ent-video {width: 800px;max-width: 90%;opacity: 0;
/* starting tilted look */transform:    none;
border-radius: 22px;box-shadow: 0 0 30px rgba(0,0,0,0.7);}





.service {padding-top: 80px;padding-bottom: 40px;}
.service iframe {width: 390px;height: 240px;border-radius: 0px;transition: transform 0.5s ease;}
.service-carousel .item { transform: scale(0.8); opacity: 0.6; transition: 0.6s ease;}
.service-carousel .owl-item.active .item {   transform: rotateY(0deg) scale(0.9);opacity: 1;}
.service-carousel .owl-item .item {opacity: 0; transform: rotateY(10deg) scale(0.8);}
.service-carousel .owl-item.active .item {opacity: 1;transform: rotateY(0deg) scale(0.9);transition: all 0.7s ease;}
.service-carousel .owl-item.center .item {transform: scale(1.15);opacity: 1 !important;z-index: 10;}
.service-carousel .owl-item.center iframe:hover {    transform: scale(1.22);    transition: 0.4s ease-in-out;}
.service-carousel .owl-item {    transition: all 0.4s ease-in-out;}

.service .owl-theme .owl-nav.disabled+.owl-dots{margin-top: 60px;}

.owl-theme .owl-dots .owl-dot span{width: 15px;height: 6px;margin: 5px 4px;    border-radius: 1px;}
.owl-theme .owl-dots .owl-dot.active span{background-color: #000;width: 25px !important;}


.contact {padding: 60px 0;background-image: url(../images/contact.png);background-size: cover;}
.contact .wrapper {width: 903px;margin: auto;}
.contact .form-box {background-color: rgba(197, 197, 197, 0.40);padding: 40px;border-radius: 20px;backdrop-filter: blur(5px);box-shadow: 0 15px 40px rgba(0,0,0,0.25);transform: translateY(30px);opacity: 0;transition: 0.6s ease;}
.contact .form-box.show-box { transform: translateY(0);background: #c5c5c521}
.contact h5 {font-size: 20px;color: #fff;font-weight: 700;text-align: center;}
.contact h3 {font-size: 32px;color: #fff;font-weight: 700;text-align: center;}
.contact b {font-size: 20px;line-height: 26px;color: #ffffff;font-weight: 500;text-align: center;width: 330px;display: block;margin: auto;margin-bottom: 30px;}

.contact .form-box input,
.contact .form-box textarea {width: 100%;padding: 15px;margin-bottom: 25px;border: 0;border-radius: 0px;background: #fff;color: #fff;outline: none;transition: 0.4s ease;backdrop-filter: blur(3px);}
.contact .form-box input:hover,
.contact .form-box textarea:hover,
.contact .form-box input:focus,
.contact .form-box textarea:focus { background: rgba(255,255,255,0.35); box-shadow: 0 0 15px #000; transform: scale(1.02);}
.contact .form-box label {color: #fff;font-weight: 400;margin-bottom: 5px;font-size: 14px;}
.contact .form-box .check {display: flex;align-items: baseline;margin-top: -5px;margin-bottom: 10px;}
.contact .form-box input[type="checkbox"] {width: auto;margin-right: 10px;}
.contact .button {text-align: center;margin-top: 20px;}
.contact .button a {font-size: 16px;color: #fff;font-weight: 700;background: #000;padding: 15px 40px;border-radius: 0px;display: inline-block;transition: 0.4s ease;box-shadow: 0 5px 20px #fff;}
.contact .button a:hover {background: #fff;box-shadow: 0 10px 30px #000;transform: translateY(-5px) scale(1.05);color:#000}



.Survival figure img {height: 480px;width: auto;display: block;margin: auto;transform: scale(0.9);opacity: 0;transition: 0.5s ease;filter: drop-shadow(0 10px 35px rgba(0,0,0,0.4));}

.Survival figure img:hover {transform: scale(1.02);filter: drop-shadow(0 15px 45px rgba(0, 255, 255, 0.45));}
footer {background: #282828;padding: 50px 0;text-align: center;padding-bottom: 20px;}
footer figure img { transform: translateY(30px); opacity: 0; transition: 0.6s ease;}
footer ul li {transform: translateY(20px); opacity: 0; transition: 0.6s ease;}
footer ul {justify-content: center;display: flex;width: 230px;margin: auto;margin-top: 30px;}
footer ul li{flex: 0 0 60%;}
footer ul li p { font-size: 20px; color: #f7f7f7; font-weight: 500; transition: 0.3s ease;}
footer ul li:hover p { color: #cfff81; transform: scale(1.05);}
footer ul li:nth-child(1)::after {content: "";border-right: 2px solid #fff;width: 20px;height: 20px;position: absolute;top: 5px;right: -20px;}
.copyright { padding: 15px 0; text-align: center; background: #000000;}
.copyright p { font-size: 14px; color: #f7f7f7; font-weight: 400; transform: translateY(20px); opacity: 0; transition: 0.5s ease;}
.copyright p:hover {color: #cfff81;transform: translateY(10px);}



.top {position: fixed;bottom: 8%;right: 3%;z-index: 1000;opacity: 0;pointer-events: none;transform: translateY(80px) scale(0.5);transition: all .6s cubic-bezier(.68,-0.55,.27,1.55);}
.top i {color: #fff;background: linear-gradient(135deg, #000, #333);padding: 14px;border-radius: 50%;font-size: 18px;box-shadow: 0 10px 25px rgba(0,0,0,.35);animation: float 2.5s ease-in-out infinite;position: relative;}
.top.sticky-to {opacity: 1;pointer-events: auto;transform: translateY(0) scale(1);}
@keyframes float {0%,100% { transform: translateY(0); }50% { transform: translateY(-8px); }}
.top:hover i {background: #8aa955;color: #fff;box-shadow: 0 0 0 8px rgba(0,0,0,.08);animation: pulse .8s infinite;}
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(0,0,0,.25); } 70% { box-shadow: 0 0 0 14px rgba(0,0,0,0); } 100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); }}
.top .ripple {position: absolute;inset: 0;border-radius: 50%;background: rgba(255,255,255,.3);transform: scale(0);}
.top:active .ripple { animation: ripple .6s ease-out;}
@keyframes ripple {from { transform: scale(0); opacity: 1; }to { transform: scale(2.5); opacity: 0; }}
.top.launch i {animation: launch .5s ease forwards;}
@keyframes launch {0% { transform: translateY(0); }100% { transform: translateY(-120px) scale(0); opacity: 0; }}








@media(max-width:1024px){

.question .wrapper iframe{width: 490px;}
.service iframe{width: 315px;}
.Survival figure img{height: auto;}


}


@media(max-width:768px){


.question .wrapper iframe {width: 360px;height: 280px;}
.honoured .top h3 {font-size: 34px;line-height: 42px;}
.entertainment .wrapper h3 {font-size: 34px;}

.contact .wrapper{width: auto;}
.service iframe{width: 345px;}




}

@media(max-width:425px){

.honoured .top h3{font-size: 22px;line-height: 32px;}
.honoured .right-title{margin-top: 20px;}
.award .content h4{font-size: 22px;}





}