*, ::after, ::before {box-sizing: border-box;}
body {margin: 0;padding: 0;font-family: 'Jost', Arial, sans-serif;font-optical-sizing: auto;font-style: normal;font-weight: normal;color: #000;font-size: 14px;overflow-x: hidden;}
a {text-decoration: none;color: #000;cursor: pointer;}
a:hover{text-decoration:none}
/*.container {width: 100%;max-width:100%;padding:0; display: flex;flex-direction: column;align-items: center; overflow-x: hidden;}*/
.container-in {width:95%;max-width: 1400px;margin: 0 auto;}
.mt-0{margin-top:0 !important}
.header {display: flex;justify-content: space-between;align-items: flex-end;padding:50px 20px 40px 20px;background-color: #fff}
.logo {width:100%;max-width: 296px;height: auto}
.topNavDiv{position: relative;display: flex;width:75%;max-width:1020px;align-items: center;justify-content: flex-end;gap:58px;padding-left:10px}
.top-nav {display: flex;align-items: center;justify-content: flex-end;gap:58px}
.top-nav span{display: none}
.top-nav a {font-size: 20px;font-weight: 700;line-height: 20px;letter-spacing: 2px;}
.top-nav a.active,.dropdown a.active{display:flex;justify-content:flex-end;position:relative;background:linear-gradient(90deg, #E6362F 0%, #0070B7 44%, #7DBA46 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.arrow{position:absolute;bottom:-25px;display:block;width:23px;height:19px;background: linear-gradient(60deg, transparent 64%, #fff 66%), linear-gradient(-60deg, transparent 64%, #fff 66%),linear-gradient(180deg,#7DBA46,#0070B7);}
.icon {display: none;cursor: pointer;border: none;background: none;width:50px}
#svgClose{display: none;}
.prev-editions{display: flex;align-items: center;gap: 5px; z-index: 9999;}
.dropdown {display: none;flex-direction: column;position: absolute;top:30px;right: 0;background-color: white;width:35%;z-index:9999;padding: 10px 0;align-items: center;gap: 15px;}
.dropdown a {padding: 10px;height: 38px;display: flex;align-items: center;gap: 5px;color: #1D1D1B;font-size: 20px;font-weight: 700;line-height: 20px;letter-spacing: 2px;width: 100%;justify-content:flex-end;}
.dropdown div{width:100%}
.close-btn {align-self: flex-end;cursor: pointer;font-size: 20px;margin-bottom: 10px;}
.editions-dropdown {display: none;position: absolute;top: 30px;right: 0;background: linear-gradient(90deg, #E6362F 0%, #0070B7 44%, #7DBA46 100%);width: 25%;max-width: 99.5%;z-index: 1;padding: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);flex-direction: column;align-items: center;justify-content: center;gap: 5px;}
.editions-dropdown a:hover{color:#000}
.socialIcons {margin-left: 10px;}
.sepLine {font-size: 12px;}
#editions-dropdown-2{width: 100%;max-width:100%;padding: 10px 0;}
.footerMob {display: none;}
.editions-dropdown a {color: white; padding: 10px;display: block;width: max-content;}
.regBtn {display: flex;  width: 260px;  height: 60px;  padding: 6px;  justify-content: center;  align-items: center;   flex-shrink: 0; position:fixed;top:45px;right:3%;background: linear-gradient(157deg, #ED1C24 4.3%, #403D98 67.45%, #00AA92 117.07%); cursor: pointer;   -webkit-user-select: none;   -ms-user-select: none;   user-select: none; }
.regBtn div {display:flex; align-items: center; width: 100%; height: 48px; font-size:24px;font-weight:800; line-height: 30px; background: white; color: #1E1E1E; letter-spacing: 2.4px; justify-content: center;}
.regBtn:hover {box-shadow: 4px 4px 2px 0 rgba(0,0,0,0.75);}
.regBtn div:hover {background: none; color: white; }
hr {width: 100%;margin: 0;height: 0;border: 0;}
.editions-dropdown hr{border-top: 1px solid rgba(255, 255, 255, 0.14);}
.head-anim{position: relative;min-height: 400px}
.head-anim-in{position: absolute;right: 0;bottom: 0;background: #FFF;max-width:355px;display: flex;flex-direction: column;height: 100%;justify-content: space-between;}
.head-anim-in h1{font-family:'Jost',sans-serif;color: #1D1D1B;font-size: 32px;font-style: normal;font-weight: 800;line-height:22px;letter-spacing: 9px;margin:0 0 16px 0}
.top-edn-6 hr{border-top: 8px solid #1D1D1B;}
.btm-edn-6 hr{border-top: 5px solid #1D1D1B;}
.top-text-anim{position: relative;}
.top-text-anim-in{position: absolute;left:-196px}
.slider {color: #1D1D1B;font-weight: 900;line-height: 65px;background: #FFF;display: flex;padding:40px 0 40px 40px;}
.eng {font-family:'Jost',sans-serif;font-size: 57px;letter-spacing: 16.24px;}
.mal { font-family: "Noto Sans Malayalam", sans-serif  !important; letter-spacing:normal  !important;font-size: 60px !important}
.top-edn-6{padding:0 0 10px 40px}
.top-edn-6 p{color: #1D1D1B;font-size: 16px;font-weight: 700;line-height: 22px;letter-spacing: 3.2px;padding-right: 50px;margin:20px 0}
.top-edn-6 p:nth-child(5){font-size: 18px;font-weight: 800;line-height: 22px;letter-spacing: 4px;padding-right:0;margin:12px 0}
/*.color-1{margin:100px 0}*/

.footer {margin:0 auto 100px auto;display: flex;justify-content: space-between;align-items: flex-end;}
.footerLogo {max-width: 160px;}
.footerDT div {text-align: center; color: #1D1D1B; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: 0.15px;}
.hideMobile {font-size: 13px;}
.mbiflLogo-btm{display: flex;gap: 50px;align-items: center;}
.btm-edn-6{max-width: 188px;}
.btm-edn-6 h2{color: #1D1D1B;font-family:'Jost',sans-serif;font-size: 22.538px;font-weight: 800;line-height: 22.538px;letter-spacing: 6.311px;margin:0 0 8px 0}
.btm-edn-6 p{color: #1D1D1B;font-size: 11.269px;font-weight: 700;line-height: 15.495px; letter-spacing: 1.803px;}
.slider {overflow: hidden;}
.separator-sm{;height:12px;width:100%;background: linear-gradient(90deg, #E6362F 0%, #0070B7 44%, #7DBA46 100%)}
.separator-sm-i{margin:5em auto}
.separator-sm-t{margin:1em auto 5em auto}
.separator-lg{display:flex;justify-content:center;align-items:center;color:#FFF;text-align:center;font-size:48px;font-weight:800;line-height:48px;letter-spacing:13.44px;height:120px;;margin:auto;width:100%;background: linear-gradient(90deg, #E6362F 0%, #0070B7 44%, #7DBA46 100%)}

.section-main-header{overflow: visible}
.section-main-header .header{padding:40px 20px 25px 20px}
.section{background:url(../images-25/desktop/pg_bg1.png) left top repeat-y;margin-top:5em}
.section-i{width:100%;max-width:812px;float:right}
.section h1{color: #1D1D1B;font-size: 48px;font-style: normal;font-weight: 800;line-height: 48px;letter-spacing: 13.44px;margin:1em 0}

@media screen and (max-width: 1430px) {
    .top-nav {gap:20px}
    .top-nav span{display:block}
}
@media screen and (max-width: 1297px){
    .top-nav {gap:15px}
    .top-nav a,.dropdown a{font-size:18px;letter-spacing:1px}
}
@media screen and (max-width: 1199px){
    .top-nav a,.dropdown a{/*font-size:18px;letter-spacing:1px*/}
}
@media screen and (max-width: 1062px){
    .top-nav{gap:4px;justify-content:space-between}
    /*.top-nav span{display:block}*/
    .top-nav a,.dropdown a{font-size: 17px}
}
@media screen and (max-width: 930px){
    .top-nav a,.dropdown a{font-size: 14px}
}
@media screen and (max-width: 835px){
    .top-nav a,.dropdown a{font-size: 13px}
}
@media screen and (max-width: 819px) {
    .header{position:relative}
    .topNavDiv{position:absolute;display: flex;width:100%;max-width:100%;align-items: center;justify-content: flex-end;gap:58px;padding:0}
    .dropdown {right:-5px;left:-5px;width: 100%;z-index: 1;padding: 10px 0;align-items: center;gap: 15px;border-bottom:10px solid transparent;border-image:linear-gradient(90deg, #E6362F 0%, #0070B7 44%, #7DBA46 100%);border-image-slice:1}
    .top-nav a.active,.dropdown a.active{justify-content:center}
    .dropdown a {line-height: 20px;letter-spacing: 1.6px;font-size: 16px;justify-content: center;}
    .container-in{width:95%;max-width: 540px;}
    .logo {max-width: 144px;}
    .socialIcons {margin-left: 4px;}
    .footerMob {display: flex; margin-bottom: 100px;}
    .hideMobile {display: none; }
    .regBtn {top:auto;bottom: 5%;right:2.5%; width: 220px; height: 44px; padding: 4px;}
    .regBtn div {font-size:20px; line-height: 26px; height: 36px;}
    .topAnimD{display: none;}
    .topAnimM{width:100%;max-height: 900px; display: block}
    #corner-d{display: none;}
    #corner-m{display: inline;}
    .footerLogo {max-width: 78px;}
    .header{padding:25px 5px 30px 5px;}
    .top-nav {display: none;}
    .top-nav.responsive {display: flex;}
    .icon {display: block;}
    .desktop-logo {display: none;}
    .mobile-logo {display: block;}
    .head-anim{background:#F5F5F5}
    .head-anim-in{max-width: 203px; height:66.2%;max-height:300px;margin-bottom:-1px}
    .slider {line-height: 37.594px;padding: 35px 0 25px 20px}
    .slider img {max-width: 280px;}
    .slider video {max-width: 280px;}
    .eng {font-size: 32.468px;letter-spacing: 9.091px;}
    .mal {font-size: 34px !important;}
    .head-anim-in h1{font-size: 17.088px;line-height: 17.088px;letter-spacing: 4.785px;margin:10px 0}
    .top-edn-6 p{font-size: 8.544px;line-height: 11.962px;letter-spacing: 1.367px;margin: 8px 0}
    .top-edn-6 p:nth-child(5){font-size: 10px;;line-height: 12px;;letter-spacing: 1.8px;margin: 6px 0}
    .top-edn-6{padding:0 0 5px 15px}
    .top-edn-6 hr{border-top: 4px solid #1D1D1B;}
    .btm-edn-6 hr{border-top: 2px solid #1D1D1B;}
    .top-text-anim-in{left:-112px}
    /*.color-1{margin:30px 0 20px 0;}*/

    .footer{margin:0 auto 30px auto;gap:10px;flex-direction: row;}
    .mbiflLogo-btm{justify-content: flex-start; gap: 10px;}
    .copyright{text-align: right;}
    .btm-edn-6 h2{width:120px;font-size: 11px;line-height: 11px;letter-spacing: 3px;margin:0 0 5px 0}
    .btm-edn-6 p{max-width:88px;font-size: 7px;line-height: 7px;letter-spacing: 0.8px;margin:6px 0}
    .separator-lg{height:60px;height:16vw;font-size:24px;font-size:5.6vw;line-height:normal}

    .section{width:95%;background:url(../images-25/mobile/sp_Frame.png) left 15px repeat-x;margin-top:0}
    .section-i-1{width:99%;margin:150px auto 0 auto}
    .section h1{font-size:32px;line-height:32px;letter-spacing:8.96px}
}
@media screen and (min-width: 820px) {
    .topAnimD{width: 100%;}
    .topAnimM{display: none;}
    #corner-d{display: inline;}
    #corner-m{display: none;}
    .desktop-logo {display: block;}
    .mobile-logo {display: none;}
    .mbiflLogo-btm {gap: 20px;}
    .footerDT div {font-size: 14px; line-height: 20px; letter-spacing: 0.15px;}
}
@media screen and (max-width: 347px) {
    .socialIcons{margin-left:2px}
}