body{
        font-family: "Roboto Flex", sans-serif;
        }


h4.hero-title {
    color: var(--Mahron, #005BAA);
    font-family: Playfair;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}


        .navbar{
            padding:18px 0;
            background:#fff;
        }

        .navbar-brand img{
            height:75px;
        }

        .navbar-nav .nav-link{
            color:#0057A8;
            font-size:16px;
            font-weight:500;
               margin: 0 5px;
        }

        .navbar-nav .nav-link.active{
            font-weight:700;
        }

        .navbar-nav .nav-link:hover{
            color:#003d79;
        }

        .register-btn{
            background:#0057A8;
            color:#fff;
            border-radius:12px;
            padding:12px 24px;
            font-size:20px;
            font-weight:600;
            text-decoration:none;
            transition:.3s;
            white-space:nowrap;
        }

        .register-btn:hover{
            background:#00458a;
            color:#fff;
        }

        @media(max-width:991px){

            .navbar-nav{
                margin-top:20px;
            }

            .navbar-nav .nav-link{
                margin:10px 0;
            }

            .register-btn{
                margin-top:20px;
                display:inline-block;
            }

        }



.hero-section{
    background:#fff;
    padding-top:60px;
    padding-bottom:40px;
    position:relative;
}

.hero-logo{
    max-width:380px;
}

.hero-text{
    font-size:18px;
    color:#222;
    line-height:1.8;
    max-width:500px;
}

.register-btn{
    background:#0056A8;
    color:#fff;
    padding:16px 34px;
    border-radius:10px;
    font-size:20px;
    font-weight:500;
}

.register-btn:hover{
    background:#00468d;
    color:#fff;
}

.hero-banner{
    width:100%;
}

.hero-info {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .05);
    z-index: 1;
    position: relative;
    margin-top: 173px !important;
}

.info-box{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;

    padding:10px  0px;
    border-right:1px solid #ddd;

}

.info-box:last-child{
    border-right:none;
}

.info-box i{

    font-size:42px;
    color:#E6B400;

}

.info-box h6{

    margin:0;
    font-size:17px;
    color:#333;

}

.info-box span{

   color: var(--Mahron, #005BAA);

font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 30px;

}

.info-box.active{

    background:#fff;
   

}

.about-quiz-section{

    background:#ffffff;
    padding:90px 0;

}

/* Small Heading */

.section-small-title{

    color:#0057A8;
    font-size:56px;
    font-weight:500;
    margin-bottom:35px;
    font-family:'Poppins',sans-serif;

}

.section-small-title sup{

    font-size:24px;
    top:-0.8em;

}

/* Main Heading */

.section-title{

    color:#0A56A9;
    font-size:54px;
    font-family:"Times New Roman",serif;
    letter-spacing:1px;
    font-weight:600;
    margin-bottom:22px;

}

/* Orange Heading */



/* Description */

.section-description{

    max-width:1080px;
    margin:auto;

    color:#222;

    font-size:26px;
    line-height:2;
    font-weight:400;

}

.about-quiz-section{

    background:#ffffff;
    padding:90px 0;

}

/* Small Heading */

.section-small-title{

   color: var(--Mahron, #005BAA);
text-align: center;
 font-family: 'mundial_narrow_regularregular';
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 35px; /* 87.5% */

}

.section-small-title sup{

    font-size:24px;
    top:-0.8em;

}

/* Main Heading */

.section-title{

color: var(--Mahron, #005BAA);
text-align: center;
font-family: Playfair;
font-size: 38px;
font-style: normal;
font-weight: 400;
line-height: 35px; /* 92.105% */

}

/* Orange Heading */

.section-subtitle{

    color: #E65A03;
 font-family: "Just Me Again Down Here", cursive;
font-size: 46px;
font-style: normal;
font-weight: 400;
line-height: 45px;
    margin-bottom: 40px;



}

/* Description */

.section-description{

  color: #000;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 35px; /* 175% */

}

.journey-section{

    background:#fff;
    padding:90px 0;

}

/* Heading */

.journey-title{

   color: var(--Mahron, #005BAA);
text-align: center;
font-family: Playfair;
font-size: 38px;
font-style: normal;
font-weight: 400;
line-height: 35px; /* 92.105% */

}

.journey-subtitle{

     color: #E65A03;
 font-family: "Just Me Again Down Here", cursive;
font-size: 46px;
font-style: normal;
font-weight: 400;
line-height: 45px;

}

/* Timeline */

.journey-wrapper{

    position:relative;

}

.journey-line{

    position:absolute;
    left:8%;
    right:8%;
    top:50%;
    height:2px;
    background:#d7d7d7;
    z-index:0;

}

/* Cards */

.city-card{

    position:relative;

    background:#fff;

    border-radius:14px;

    border:1px solid;

    text-align:center;

    padding:70px 25px 35px;

    min-height:285px;

    z-index:2;

}

.city-card::after{

    content:'';

    position:absolute;

    width:12px;
    height:12px;

    border-radius:50%;

    right:-22px;

    top:50%;

    transform:translateY(-50%);

    background:currentColor;

}

.city-card:last-child::after{
    display:none;
}

/* Date */

.date-tag{

color: #FFF;

font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 35px; /* 159.091% */

}

/* Icons */

.city-icon i{

    font-size:62px;
    margin-bottom:25px;

}

.city-card h5{

   color: var(--Mahron, #005BAA);
text-align: center;

font-size: 19px;
font-style: normal;
font-weight: 700;
line-height: 8px; /* 42.105% */
text-transform: uppercase;

}

.city-card span{

   color: #F88D4D;

font-size: 19px;
font-style: normal;
font-weight: 700;
line-height: 13px;
text-transform: uppercase;

}

/* Theme Colors */

.orange{
color: #F88D4D;

    border-color:#F88D4D;
;

}

.orange .date-tag{

    background:#FF893F;

}

.green{

    color:#2E6D3E;

    border-color:#2E6D3E;

}

.green .date-tag{

    background:#2E6D3E;

}

.blue{

    color:#2E58A7;

    border-color:#2E58A7;

}

.blue .date-tag{

    background:#2E58A7;

}

.purple{

    color:#8657A9;

    border-color:#8657A9;

}

.purple .date-tag{

    background:#8657A9;

}

/* Grand Finale */

.grand-finale{

    position:relative;

    background:#07254E;

    border-radius:22px;

    border:3px solid #D8A625;

    color:#FFC72D;

    text-align:center;

    padding:70px 40px 45px;

    min-height:380px;

}

.finale-date{

    position:absolute;

    top:-12px;
    left:40px;
    right:40px;

    background:#FFC72D;

    color:#000;

    border-radius:18px;

   

 

    padding:12px;

    text-align: center;
font-family: Inter;
font-size: 23px;
font-style: normal;
font-weight: 700;
line-height: 8px; /* 34.783% */
text-transform: uppercase;

}

.grand-finale i{

    font-size:70px;

    margin-bottom:15px;

}

.grand-finale h6{

    font-size:28px;

}

.grand-finale h2{

    text-align: center;

font-size: 67px;
font-style: normal;
font-weight: 400;
line-height: 68px; /* 11.94% */
text-transform: uppercase;

}

.grand-finale hr{

    width:70%;

    margin:25px auto;

    border:1px solid #FFC72D;

}

.grand-finale h4{

   text-align: center;
font-family: Inter;
font-size: 23px;
font-style: normal;
font-weight: 700;
line-height: 8px; /* 34.783% */
text-transform: uppercase;

}

.grand-finale span{

   background: var(--GoldEffect, radial-gradient(29.49% 29.49% at 50% 44.87%, #F9CD59 0%, #FFC22C 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 13px;
text-transform: uppercase;

}

.rounds-section{

    padding:90px 0;
    background:#fff;

}

/* Outer Box */

.rounds-box{

    border:1px solid #ddd;
    border-radius:25px;
    padding:60px;

}

/* Heading */

.section-heading{

  color: var(--Mahron, #005BAA);
text-align: center;
font-family: Playfair;
font-size: 38px;
font-style: normal;
font-weight: 400;
line-height: 35px; /* 92.105% */

}

/* Cards */

.round-card{

    position:relative;

    border:1px solid #d6d6d6;

    border-radius:14px;

    text-align:center;

    padding:55px 30px 40px;

    min-height:315px;

    transition:.3s;

    background:#fff;

}

.round-card:hover{

    transform:translateY(-8px);

}

/* Number */

.round-number{

    position:absolute;

    width:38px;
    height:38px;

    border-radius:50%;

    color:#fff;

    font-size:22px;

    font-weight:700;

    display:flex;
    align-items:center;
    justify-content:center;

    left:18px;
    top:-20px;

}

/* Icons */

.round-card img{

    height:62px;

    margin-bottom:25px;

}

/* Titles */

.round-card h4{

  
text-align: center;

font-size: 19px;
font-style: normal;
font-weight: 700;
line-height: 21px; /* 110.526% */
text-transform: uppercase;

}

/* Paragraph */

.round-card p{

  
text-align: center;

font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 21px; /* 140% */

}

/* Colors */

.orange{

    color:#FF833B;

}

.orange .round-number{

    background:#FF833B;

}

.green{

    color:#2E6F3E;

}

.green .round-number{

    background:#2E6F3E;

}

.blue{

    color:#1F5CA9;

}

.blue .round-number{

    background:#1F5CA9;

}

.purple{

    color:#8455A7;

}

.purple .round-number{

    background:#8455A7;

}

/* Divider */

.divider-button{

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:50px;

}

.divider-button span{

    flex:1;

    height:2px;

    background:#0058A8;

}

.btn-format{

    background:#0058A8;

    color:#fff;

    text-decoration:none;

    padding:16px 32px;

    border-radius:8px;

    margin:0 10px;

    font-size:20px;

}

.btn-format:hover{

    color:#fff;

}

/* WHY */

.why-section{

    margin-top:90px;

}

/* Feature */

.feature-box{

    border-right:1px solid #ddd;

    padding:10px 30px;

}

.feature-box img{

    height:58px;

    margin-bottom:18px;

}

.feature-box h5{

  margin-top: 15px;
text-align: center;

font-size: 19px;
font-style: normal;
font-weight: 700;
line-height: 21px; /* 110.526% */
text-transform: uppercase;

}

.feature-box p{

    color: #000;
text-align: center;

font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 21px; /* 140% */

}

/* Text */

.orange-text{

    color:#FF833B;

}

.green-text{

    color:#2E6F3E;

}

.blue-text{

    color:#1F5CA9;

}

.purple-text{

    color:#8455A7;

}

.theme-section{

    padding:90px 0;
    background:#fff; position: relative;

}

.theme-box{

    border:1px solid #dcdcdc;
    border-radius:26px;
    padding:55px 40px 45px;
  background: var(--White, #F6F6F6);

}

/* Heading */

.theme-title{

   color: var(--Mahron, #005BAA);
text-align: center;
font-family: Playfair;
font-size: 38px;
font-style: normal;
font-weight: 400;
line-height: 35px; /* 92.105% */

}

.theme-subtitle{

 color: #E65A03;
font-family: "Just Me Again Down Here";
font-size: 46px;
font-style: normal;
font-weight: 400;
line-height: 45px;

}

/* Item */

.theme-item{

    transition:.3s;

}

.theme-item:hover{

    transform:translateY(-8px);

}

.theme-item img{

    width:82px;
    height:82px;
    object-fit:contain;
    margin-bottom:18px;

}

.theme-item h5 {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    margin: 10px 0 0 0;
}

/* Button */

.theme-btn{

    display:inline-flex;
    align-items:center;
    gap:10px;

    background:#0058A8;
    color:#fff;
    text-decoration:none;

    padding:16px 36px;

    border-radius:10px;

    font-size:20px;
    font-weight:500;

    transition:.3s;

}

.theme-btn:hover{

    background:#004B91;
    color:#fff;

}

/* Responsive */

@media(max-width:991px){

.theme-box{

padding:40px 25px;

}

.theme-title{

font-size:38px;

}

.theme-subtitle{

font-size:34px;

}

.theme-item{

margin-bottom:20px;

}

.theme-item img{

width:65px;
height:65px;

}

.theme-btn{

font-size:16px;
padding:14px 24px;

}

}

/* CTA Section */

.cta-section{

    padding:80px 0;
    background:#ffffff;

}

.cta-box{

    background:linear-gradient(90deg,#08203F 0%,#10386E 100%);
    border-radius:24px;
    padding:42px 55px;
    color:#fff;

}

/* Trophy */

.cta-icon img{

    width:72px;
    height:72px;

}

/* Heading */

.cta-title{

   color: var(--Yellow, #EDBC00);

font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.1px;
text-transform: uppercase;

}

/* Text */

.cta-text{

   color: #FEFEFE;

font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;

}

/* Bottom Features */

.cta-features{

    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:24px;

  

    color: var(--bg-color, #FDFDFD);

font-size: 21px;
font-style: normal;
font-weight: 500;
line-height: normal;

}

.cta-features i{

    color:#FFC62A;
    font-size:18px;

}

/* Button */

.register-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
   border-radius: 8px;
background: var(--Mahron, #005BAA);
    color: #ffffff;
    padding: 10px 22px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: .3s;
}

.register-btn:hover{

    background:#FFB800;
    color:#07254E;

}

/* Deadline */

.deadline{

   color: #FEFEFE;

font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
    margin-top: 10px;

}

.deadline strong{

    font-weight:600;

}

/* ================= FOOTER ================= */

.footer-section{

    margin-top:80px;

}

/* Top */

.footer-top{

    background:#EEF3FA;
    padding:45px 0 35px;
    text-align:center;

}

.footer-title{

  
    font-size:30px;
    font-weight:700;
    color:#1D2B3A;
    margin-bottom:20px;

}

.footer-contact{

    list-style:none;
    padding:0;
    margin:0;

}

.footer-contact li{

    font-size:16px;
    color:#2F3A46;
    margin-bottom:10px;

}

.footer-contact i{

    color:#1D2B3A;
    margin-right:10px;

}

.footer-contact a{

    color:#2F3A46;
    text-decoration:none;

}

.footer-contact a:hover{

    color:#0057A8;

}

/* Bottom */

.footer-bottom{

    background:#F6B400;
    padding:0 0;

}

.footer-bottom p{

    margin:0;
    font-size:16px;
    color:#2E2E2E;
    font-weight:500;

}

.social-icons{

    display:flex;
    justify-content:flex-end;
    gap:18px;

}

.social-icons a{

    color:#2E2E2E;
    font-size:18px;
    transition:.3s;

}

.social-icons a:hover{

    color:#0057A8;

}


.hero-banner {
    width: auto;
    position: absolute;
    top: 0;
    right: 139px;
        animation: heroZoomMove 8s ease-in-out infinite alternate;
}

@keyframes heroZoomMove {
  0% {
    background-size: 100%;
    background-position: center right;
  }

  100% {
    background-size: 106%;
    background-position: center center;
  }
}

img.kids1 {
    position: absolute;
    top: 90px;
    right: 208px;
}
a.theme-btn {
    position: absolute;
    bottom: 20px;
    left: 41%;
}

.hero-images{
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Desktop */
.hero-banner{
    order: 1;
}

.kids1{
    order: 2;
}
.only-mob {
    display: none;
}

.left-count-sec {
    z-index: 99;
}