/*
Theme Name: Shine Olympiad Theme
Author: Sunita Gupta
Description: A custom WordPress theme.
Version: 1.0
*/

*,
*::before,
*::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html,
body {
    font-family: var(--font-open-sans);
    color: #000;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    font-size: 14px;
    font-weight: var(--font-weight-400);
    background-color: var(--white-color);
    overflow-x: hidden;
}

a,
a:hover {
    text-decoration: none !important;
    cursor: pointer;
}

a:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
table,
div,
ul,
li,
button,
input,
button,
select,
tr,
td,
th {
    font-family: var(--font-open-sans);
    font-weight: var(--font-weight-500);
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}

:root {
    --font-Poppins: "Poppins", sans-serif;
    --font-open-sans: "Open Sans", sans-serif;
    --font-size-14: 14px;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;

    --bg-gradient-color: linear-gradient(132deg, #3969B5 2.56%, #52C9EC 80.72%);
    --orange-color: #F89721;
    --secondary-color: #285AA9;
    --black-color: #111111;
    --teal-color: #53C2BA;

    --main-black-color: #000;
    --white-color: #fff;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
}

/****Fontawesome CSS***/
:root,
:host {
    --fa-style-family-classic: 'Font Awesome 6 Free';
    --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
    --fa-style-family-brands: 'Font Awesome 6 Brands';
    --fa-font-brands: normal var(--font-weight-400) 1em/1 'Font Awesome 6 Brands';
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/wp-content/themes/shine-olympiad/font/fa-solid-900.woff2") format("woff2"), url("/wp-content/themes/shine-olympiadfont/webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: var(--font-weight-400);
    font-display: block;
    src: url("/wp-content/themes/shine-olympiad/font/fa-brands-400.woff2") format("woff2"), url("/wp-content/themes/shine-olympiad/font/fa-brands-400.ttf") format("truetype");
}

.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.fa-solid,
.far,
.fas {
    font-family: "Font Awesome 6 Free";
}

.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands";
    font-weight: var(--font-weight-400);
}

.fas,
.fa-solid {
    font-weight: 900;
}

.fa,
.fa-brands,
.fa-regular,
.fa-solid,
.fab,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-square-twitter:before,
.fa-twitter-square:before {
    content: "\f081"
}

.fa-x-twitter:before {
    content: "\e61b"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-square:before,
.fa-square-facebook:before {
    content: "\f082"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-instagram:before {
    content: '\f16d';
}

.fa-youtube:before {
    content: '\f167';
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-envelope:before {
    content: '\f0e0';
}

.fa-phone:before {
    content: '\f095';
}

.fa-print:before {
    content: "\f02f"
}

.fa-edit:before {
    content: '\f044';
}

.fa-arrow-right:before {
    content: '\f061';
}

.fa-times:before {
    content: '\f00d';
}

.fa-user:before {
    content: '\f007';
}

.fa-check:before {
    content: '\f00c';
}

.fa-check-circle:before {
    content: '\f058';
}

.fa-calendar:before {
    content: "\f133"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-home:before {
    content: "\f015";
}

.fa-cart-shopping:before {
    content: "\f07a";
}

.fa-right-from-bracket:before,
.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-play:before {
    content: "\f04b";
}

.fa-list-alt:before,
.fa-rectangle-list:before {
    content: "\f022";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-th:before {
    content: "\f00a";
}

.fa-share:before {
    content: "\f064";
}

.fa-plus:before {
    content: "\f067";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-lock:before {
    content: "\f023";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-clock-rotate-left:before,
.fa-history:before {
    content: "\f1da";
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-download:before {
    content: "\f019";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-star:before {
    content: "\f005";
}

.fa-circle:before {
    content: "\f111";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-xmark:before {
    content: "\f00d";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-rotate:before {
    content: "\f2f1";
}

.fa-info:before {
    content: "\f129";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-angles-left:before {
    content: "\f100";
}

.fa-angles-right:before {
    content: "\f101";
}

.fa-check-to-slot:before {
    content: "\f772";
}

.fa-video:before {
    content: "\f03d";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-school:before {
    content: "\f549";
}

.fa-star:before {
    content: "\f005";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-circle-xmark:before {
    content: "\f057";
}

.fa-minus:before {
    content: "\f068";
}

.cursor-pointer {
    cursor: pointer;
}

/* header section */
.web-hide {
    display: none;
}

.header_section .header_logo {
    width: 130px;
    object-fit: contain;
}

.header_section nav {
    width: 100%;
    height: 100%;
    background: var(--white-color);
    z-index: 999;
}

.header_section nav .navbar {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    padding: 12px 50px;
}

.header_section nav .navbar .nav-links {
    line-height: 70px;
}

.header_section .nav-date-sheet {
    position: relative;
    height: 36px !important;
    clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%);
    background-color: #f79721;
    padding: 0px 16px;
}

.header_section .nav-date-sheet svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.header_section .nav-date-sheet span {
    color: var(--white-color);
    position: relative;
    z-index: 2;
    top: -50%;
}

.header_section .notification-btn i {
    font-size: 20px;
    color: var(--orange-color);
}

.header_section .notification-modal-box img {
    object-fit: contain;
    width: 100%;
}

.header_section nav .navbar .links {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.header_section nav .navbar .links .links-li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 0 14px;
}

.header_section nav .navbar .links .links-li .nav-link-text {
    height: 100%;
    text-decoration: none;
    white-space: nowrap;
    color: var(--main-black-color);
    font-size: 16px;
    font-weight: var(--font-weight-500);
    cursor: pointer;
}

.header_section .navbar .nav-links .sidebar-logo,
.header_section .navbar .bx-menu,
.header_section .navbar .links .links-li .sub-menu .more-arrow {
    display: none;
}

.navbar .links .links-li .sub-menu .more-sub-menu {
    padding-left: 0em;
}

.header_section nav .navbar .links .links-li .arrow,
.header_section .navbar .nav-links .links .links-li .more .dropdown-arrow-span .sub-arrow {
    width: 22px;
    text-align: center;
    display: inline-block;
    color: var(--main-black-color);
    transition: all 0.3s ease;
}

.header_section nav .navbar .links .links-li .sub-menu {
    position: absolute;
    top: 84px;
    left: 0;
    line-height: 40px;
    background: var(--white-color);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 4px 4px;
    display: none;
    z-index: 3;
    width: 100%;
    padding: 40px 50px 30px;
}

.header_section nav .navbar .links .links-li .contact-sub-menu.sub-menu {
    padding: 40px 50px 10px;
}

.header_section .navbar .nav-links .links .links-li.active .arrow,
.header_section .navbar .nav-links .links .links-li.active .more.active .dropdown-arrow-span .sub-arrow {
    transform: rotate(180deg);
}

.header_section nav .navbar .nav-links.show5 .links .links-li.active .sub-menu {
    display: block;
}

.header_section .navbar .links .links-li .sub-menu .droupdown-link {
    color: var(--main-black-color);
    font-size: 15px;
    font-weight: var(--font-weight-500);
}

.header_section nav .navbar .links .links-li .sub-menu .grid-menu {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.header_section nav .navbar .links .links-li .sub-menu .grid-menu h6 {
    color: #6D6C6C;
    margin: 0px 0px 26px;
    font-size: 18px;
    font-weight: var(--font-weight-400);
}

.header_section nav .navbar .links .links-li .sub-menu .grid-menu ul li {
    margin: 0px 0px 0px;
    padding: 10px 10px;
    transition: all 0.3s ease;
}

.header_section nav .navbar .links .links-li .sub-menu .grid-menu ul li a {
    color: var(--main-black-color);
    line-height: 10px;
    font-size: 16px;
    font-weight: var(--font-weight-400);
    transition: all 3s ease;
}

.header_section nav .navbar .links .links-li .sub-menu .grid-menu ul li:hover {
    background: var(--white-color);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.header_section nav .navbar .links .links-li .sub-menu .grid-menu div p {
    font-size: 13px;
    font-weight: var(--font-weight-400);
    margin: 0px;
    color: #6D6C6C;
}

.header_section nav .navbar .links .links-li .sub-menu .grid-menu .more-sub-menu li .subject-list-name {
    font-size: 16px;
    font-weight: var(--font-weight-400);
}

.header_section nav .navbar .links .links-li .sub-menu .sub-menu-left-line img {
    bottom: 10px;
    left: 10px;
    width: 120px;
    object-fit: contain;
}

.header_section nav .navbar .links .links-li .sub-menu .sub-menu-right-line img {
    bottom: 10px;
    right: 10px;
    width: 120px;
    object-fit: contain;
}

.header_section .login-btn,
.header_section .register-btn,
.header_section .myprofile-btn,
.header_section .logout-btn {
    border-radius: 100px;
    padding: 8px 20px;
    border: 2px solid var(--secondary-color);
    font-size: 15px;
    font-weight: var(--font-weight-500);
    margin: 0px;
    text-align: center;
    font-family: "Inter", sans-serif;
}

.header_section .login-btn,
.header_section .myprofile-btn {
    color: var(--white-color);
    background-color: var(--secondary-color);
}

.header_section .register-btn,
.header_section .logout-btn {
    color: var(--secondary-color);
    background-color: transparent;
}

.header_section olympiad-drop img {
    width: 200px;
    object-fit: contain;
}

.header_section .olympiad-drop .header-drop-girl {
    position: absolute;
    bottom: -96px;
    left: 2em;
    width: 260px;
}

.header_section .olympiad-drop .header-drop-boy img {
    position: absolute;
    bottom: 70px;
    right: 0px;
    width: 180px;
    display: none;
}

.header_section .resource-dropdownBox .droupdown-link {
    white-space: normal !important;
}

.header_section .resource-dropdownBox .droupdown-title,
.header_section .Achievers-drop .droupdown-title {
    font-weight: var(--font-weight-400);
    text-decoration: underline;
    font-size: 18px;
    margin: 0px 0px 10px;
}

.header_section .resource-dropdownBox .droupdown-desc,
.header_section .Achievers-drop .droupdown-desc {
    color: #6D6C6C;
    font-size: 15px;
    font-weight: var(--font-weight-400);
    line-height: 22px;
    margin: 0px 0px 10px;
}

.header_section .resource-dropdownBox .image-card {
    border-radius: 15px;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1);
}

.header_section .resource-dropdownBox .image-card img {
    width: 130px;
    height: 120px;
    border-radius: 20px 0px 0px 20px;
    object-fit: cover;
}

.header_section .resource-dropdownBox .image-card h6 {
    font-size: 13px;
    line-height: 20px;
    color: #000;
    text-decoration: none !important;
    margin: 0px !important;
}

.header_section .resource-dropdownBox .image-card p,
.header_section .resource-dropdownBox .image-card p a {
    font-size: 12px;
    line-height: 18px;
    color: #6D6C6C;
    font-weight: var(--font-weight-400);
}

.header_section .resource-dropdownBox .image-card h6.read-more-btn {
    text-align: end;
}

.header_section .resource-dropdownBox .image-card h6.read-more-btn a {
    font-size: 13px;
    color: #000;
}

.header_section .resource-dropdownBox .video-thumb {
    width: 200px;
    border-radius: 12px;
}

.header_section .resource-dropdownBox .gallery-images img {
    border-radius: 20px;
    margin-top: 10px;
    width: 120px;
    object-fit: cover;
    height: 140px;
}

.header_section .Achievers-drop img {
    width: 96%;
    object-fit: contain;
}

.header_section .contact-drop .contact-summary-title {
    font-size: 24px;
    color: #6D6C6C;
}

.header_section .contact-drop .border_right {
    border-right: 2px solid #6d6c6c54;
}

.header_section .contact-drop .contact-detailBox i {
    border: 2px solid #6D6C6C;
    padding: 20px;
    border-radius: 50px;
    font-size: 30px;
    color: #6D6C6C;
}

.header_section .contact-drop .contact-detailBox h6 {
    font-size: 18px;
}

.header_section .contact-drop .contact-social-link {
    gap: 5em;
    margin-top: 20px;
}

.header_section .contact-drop .contact-social-link li a i {
    font-size: 28px;
}

.header_section .contact-drop .contact-social-link li a i.fa-facebook {
    color: #3b5998;
}

.header_section .contact-drop .contact-social-link li a i.fa-youtube {
    color: #ff0000;
}

.header_section .contact-drop .contact-social-link li a i.fa-instagram {
    background: radial-gradient(circle at 30% 107%,
            #fdf497 0%,
            #fdf497 5%,
            #fd5949 45%,
            #d6249f 60%,
            #285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header_section .contact-drop .contact-social-link li a i.fa-x-twitter {
    color: #000;
}

.header_section .contact-drop .contact-social-link li a i.fa-linkedin {
    color: #3b5998;
}

.header_section .contact-drop .contact-social-link li a i.fa-whatsapp {
    color: #25D366;
}

/* banner section */
.banner-slider {
    border-bottom: 1px solid #e7e7e7;
}

.banner-slider .banner-left .swiper-wrapper {
    height: 600px;
}

.banner-slider .banner-left {
    padding: 0px 4px 0px 0px;
}

.banner-slider .banner-right {
    border-radius: 30px 0px 0px 0px;
    box-shadow: -4px 0px 2px 0px rgba(0, 0, 0, 0.25);
}

.banner-slider .banner-right .accordion {
    width: 100%;
    border-radius: 30px 0px 0px 0px;
    background: linear-gradient(180deg, #112748 0%, #102443 100%);
    height: 480px;
    transition: all 0.9s ease;
}

.banner-slider .banner-right .accordion-item {
    border-radius: 30px 0px 0px 0px;
    background: linear-gradient(180deg, var(--secondary-color) 0%, #102443 100%);
    border: 0px;
    transition: all 0.9s ease-in-out;
}

.banner-slider .banner-right .accordion-header {
    padding: 36px 16px;
    cursor: pointer;
    color: var(--white-color);
    font-size: 24px;
    letter-spacing: -0.374px;
    font-weight: var(--font-weight-700);
    text-align: center;
    transition: all 0.9s ease-in-out;
}

.banner-slider .banner-right .accordion-content {
    max-height: 0;
    transition: max-height 0.9s ease, padding 0.9s ease;
}

.banner-slider .banner-right .accordion-content ul {
    padding-left: 0px;
}

.banner-slider .banner-right .accordion-content ul li {
    font-size: 16px;
}

.banner-slider .banner-right .accordion-item:first-of-type {
    border-top-left-radius: 30px;
    border-top-right-radius: 0px;
}

.banner-slider .banner-right .accordion-item.active .accordion-content {
    max-height: 250px;
    padding: 0px 20px 40px;
}

.banner-slider .banner-right .accordion-item.active .accordion-header,
.banner-slider .banner-right .accordion-item:hover .accordion-header {
    text-align: left;
}

.banner-slider .banner-right .accordion-item .accordion-content img {
    width: 30%;
    object-fit: contain;
    height: 80px;
}

.banner-slider .banner-right .registertext-div {
    margin-top: 0px;
}

.banner-slider .banner-right .registertext-div .register-now {
    font-size: 34px;
    font-weight: var(--font-weight-700);
    color: var(--secondary-color);
    font-family: var(--font-Poppins);
    background-image: url(/wp-content/themes/shine-olympiad/images/Register-Now.png);
    height: 130px;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-slider .banner-right .registertext-div .register-now button {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    top: 40px;
    right: 16px;
    color: #12284a;
    font-size: 18px;
}

/* attemped section */
.attemped-box {
    background-color: var(--secondary-color);
    padding: 30px;
    border-radius: 100px 0px 0px 100px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.50);
}

.attemped-box-end {
    border-radius: 0px 100px 100px 0px;
}

.attemped-icon {
    font-size: 24px;
}

.attempted-content h4 {
    font-size: 26px;
    font-weight: var(--font-weight-700);
}

.attempted-content p {
    font-size: 14px;
    font-weight: var(--font-weight-700);
}

/* Empowering section */
.section-heading-box h2 {
    font-size: 32px;
    font-weight: var(--font-weight-700);
    color: var(--secondary-color);
    line-height: 1.2;
}

.section-heading-box h2 .highlight {
    color: #40AEA6;
    font-weight: var(--font-weight-700);
}

.Empowering-section .section-heading-box h2:after,
.Empowering-section .section-heading-box h2:before {
    top: 14%;
}

.category-section .section-heading-box h2:after,
.category-section .section-heading-box h2:before {
    top: 22%;
}

.section-heading-box h2:after,
.section-heading-box h2:before {
    position: absolute;
    top: 46%;
    content: '';
    width: 8%;
    height: 3px;
    display: inline-block;
    background: var(--secondary-color);
}

.section-heading-box h2:before {
    margin-left: calc(-8% - 14px);
}

.section-heading-box h2:after {
    margin-left: 14px;
}

.section-heading-box p {
    margin: 1em 16em;
    font-size: 20px;
    color: var(--teal-color);
    font-weight: var(--font-weight-400);
}

.Empowering-section .Empowering-card .card-box {
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 24%);
    padding: 16px;
    background-color: var(--white-color);
    height: 200px;
    cursor: pointer;
    transition: all 0.5s ease;
}

.Empowering-section .Empowering-card .card-box:hover {
    background-color: var(--secondary-color);
    margin: 0 auto;
}

.Empowering-section .Empowering-card .card-box img {
    width: 130px;
    object-fit: contain;
}

.Empowering-section .Empowering-card .card-box h6 {
    font-size: 20px;
    color: var(--secondary-color);
}

.Empowering-section .Empowering-card .empowering-hideText {
    font-size: 13px;
}

.Empowering-section .Empowering-card .empowering-hideText strong {
    color: #f7931e;
}

.Empowering-section .Empowering-card .card-box:hover h6,
.Empowering-section .Empowering-card .empowering-hideText,
.Empowering-section .Empowering-card .card-box:hover img {
    display: none;
}

.Empowering-section .Empowering-card .card-box:hover .empowering-hideText {
    display: block;
    color: var(--white-color);
    font-size: 14px;
    font-weight: var(--font-weight-500);
    margin: 0px;
}

/* category section */
.category-section {
    padding: 3em 0em 10em;
}

.category-register-gif img {
    width: 300px;
}

@keyframes moveLeftToRight {
    0% {
        transform: translateX(0px);
        opacity: 1;
    }

    100% {
        transform: translateX(3000px);
        opacity: 1;
    }
}

#flag-gif.animate-flag {
    animation: moveLeftToRight 9.90s ease-in forwards;
}

.cateogry-left-gate,
.cateogry-right-gate {
    top: 0px;
    width: 290px;
    object-fit: contain;
}

.cateogry-left-gate {
    left: 0px;
}

.cateogry-right-gate {
    right: 0px;
}

#categoryTabs.nav-pills .nav-link {
    padding: 10px 20px;
    font-weight: var(--font-weight-700);
    color: var(--secondary-color);
    transition: 0.3s;
    cursor: pointer;
    border-radius: 20px;
    background: #E7EFFF;
    font-size: 15px;
    width: 200px;
    border-bottom: 2px solid #7699cf;
}

#categoryTabs.nav-pills .nav-link#senior-tab {
    background: #EBFCFB;
    color: var(--secondary-color);
    border-bottom: 2px solid #248983;
}

#categoryTabs.nav-pills .nav-link.active,
#categoryTabs.nav-pills .nav-link#senior-tab.active,
#categoryTabs.nav-pills .show>.nav-link {
    background-color: var(--secondary-color);
    color: var(--white-color);
    border-color: var(--secondary-color);
}

#slideCardleft {
    animation: flowerInLeft 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.2s both;
    opacity: 1 !important;
}

#slideCardright {
    animation: flowerInRight 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.2s both;
    opacity: 1 !important;
}

.junior-left-image {
    bottom: -152px;
    width: 350px;
    left: -28px;
}

.junior-right-image {
    bottom: -130px;
    width: 350px;
    right: 28px;
}

.senior-left-image {
    bottom: -120px;
    width: 350px;
    left: -28px;
}

.senior-right-image {
    bottom: -120px;
    width: 350px;
    right: 30px;
}

.category-trophy-image,
.category-circle-image {
    bottom: 50px;
}

.category-trophy-image {
    width: 160px;
    right: 30px;
}

.category-circle-image {
    width: 70px;
    left: 170px;
}

.category-box-grid {
    display: grid;
    grid-template-columns: 0.9fr 2.5fr 0.9fr;
}

.subject-wrap {
    padding: 16px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 100px;
    width: 100%;
}

.junior-card-color {
    background: #ebfcfb;
    background-image: url(/wp-content/themes/shine-olympiad/images/category-exam/category-subject-bg.png);
}

.senior-card-color {
    background: #e7efff;
    background-image: url(/wp-content/themes/shine-olympiad/images/category-exam/category-subject-bg.png);
}

.subject-card {
    border-radius: 50%;
    width: 140px;
    height: 140px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin: auto;
    position: relative;
}

.subject-card img {
    max-width: 100%;
    height: auto;
}

.speech-bubble {
    width: 90px;
    height: 60px;
    background: linear-gradient(to right, #4285f4 50%, #3367d6 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 20px;
    font-size: 15px;
    box-shadow: 0 4px 0 #1C5BC9;
    top: 8px;
    left: 18%;
    cursor: pointer;
    transition: all 0.5s ease-out;
}

.speech-bubble .bubble-name {
    font-family: "Instrument Sans", sans-serif;
    color: var(--white-color);
    font-weight: var(--font-weight-700);
}

.speech-bubble::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #1C5BC9;
}

.subject-card:hover .speech-bubble {
    transform: scale(1.5) translatey(-25px);
    height: 75px;
}

/* Hidden text by default */
.bubble-text {
    opacity: 0;
    transition: opacity 0.3s ease;
    max-height: 0;
    display: none;
    font-size: 10px;
    font-family: "Instrument Sans", sans-serif;
    color: var(--white-color);
    font-weight: var(--font-weight-500);
    padding: 4px;
}

.subject-card:hover .bubble-text {
    opacity: 1;
    max-height: 100px;
    display: block;
}

.subject-card:hover .bubble-name {
    display: none;
}

/* process section */
.processSec-Box {
    padding: 3em 0em;
}

:root {
    --gap: 16px;
    --base: clamp(14rem, 8cqi, 80px);
    --easing: linear(0 0%,
            0.1538 4.09%,
            0.2926 8.29%,
            0.4173 12.63%,
            0.5282 17.12%,
            0.6255 21.77%,
            0.7099 26.61%,
            0.782 31.67%,
            0.8425 37%,
            0.8887 42.23%,
            0.9257 47.79%,
            0.9543 53.78%,
            0.9752 60.32%,
            0.9883 67.11%,
            0.9961 75%,
            1 100%);
    --speed: 0.8s;
}

.process_cardBox {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--gap);
    list-style-type: none;
    justify-content: center;
    padding: 0;
    height: clamp(350px, 40dvh, 474px);
    margin: 0;
    width: 100%;
    max-width: 100%;
    transition: grid-template-columns var(--speed) var(--easing);
    margin-bottom: 1em;
}

.process_cardBox .process_cardBox_List {
    position: relative;
    min-width: var(--base);
    border-radius: 8px;
    border: 1px solid #d6e2f3;
    transition: box-shadow 0.3s;
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 24%);
    background-color: #EAF1FF;
    height: inherit;
    outline: none;
}

.process_cardBox .process_cardBox_List article a h3 {
    color: #285aa9;
}

.process_cardBox .process_cardBox_List .list-unstyled {
    opacity: 0;
    transition: opacity calc(var(--speed) * 1.2) var(--easing);
    width: fit-content;
    font-size: 13px;
    text-wrap: balance;
    line-height: 20px;
}

.process_cardBox .process_cardBox_List .image_box {
    height: 130px;
}

.process_cardBox .process_cardBox_List img {
    scale: 1.1;
    transition: scale calc(var(--speed) * 1.2) var(--easing);
    width: 100px;
    height: 100px;
    object-fit: contain;
    display: block;
    margin-inline: auto;
}

.process_cardBox .process_cardBox_List[data-active='true'] .list-unstyled {
    opacity: 1 !important;
    transition-delay: calc(var(--speed) * 0.25) !important;
}

.process_cardBox .process_cardBox_List[data-active='true'] img {
    scale: 1;
}

.process_cardBox .process_cardBox_List .list-unstyled li {
    font-size: 14px;
    margin-bottom: 6px;
    color: #285aa9;
}

.process_cardBox .process_cardBox_List .progress_rightIcon {
    right: -38px;
    top: 50%;
    transform: translate(-50%);
}

.processSec-Box .process_bottomArea {
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 24%);
}

.processSec-Box .process_bottomArea h6 {
    font-size: 24px;
}

.processSec-Box .process_bottomArea img {
    max-width: 100%;
}

.processSec-Box .process_bottomArea p {
    font-size: 15px;
    line-height: 24px;
}


/* features section */
.features-section {
    padding: 3em 0;
}

.features-section .features-heading-box h2 {
    font-size: 32px;
    font-weight: var(--font-weight-700);
    color: var(--secondary-color);
    line-height: 1.2;
}

.features-section .features-heading-box h2 .highlight {
    color: #40AEA6;
    font-weight: var(--font-weight-700);
}

.features-section .features-container {
    background-image: url(/wp-content/themes/shine-olympiad/images/feature-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    padding: 3em 0em;
}

.features-section .feature-card {
    padding: 15px;
    border-radius: 20px;
    background: var(--white-color);
    box-shadow: 0px 4px 4px 0px #62BEB7;
    width: 210px;
    height: 150px;
    transition: all 0.5s ease;
    justify-self: start;
    animation: flowerInLeft 0.9s;
    cursor: pointer;
    margin: 0 auto;
}

.features-section .feature-card:nth-child(even) {
    justify-self: end;
    animation: flowerInRight 0.9s;
}

.features-section .feature-card img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin: 0 auto;
}

.features-section .feature-title {
    font-size: 16px;
    color: var(--secondary-color);
    line-height: 20px;
}

.features-section .square-container {
    width: 50%;
    height: 88%;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Common style */
.features-section .line {
    position: absolute;
    background-color: var(--secondary-color);
    opacity: 0;
}

.custom-tooltip {
    display: none;
}

.features-section .first-left-vertical,
.features-section .first-right-vertical,
.features-section .second-left-vertical,
.features-section .second-right-vertical {
    top: 0;
    width: 2px;
    height: 0;
    z-index: 1;
}

.features-section .first-left-vertical {
    left: 100px;
}

.features-section .first-right-vertical {
    right: 110px;
}

.features-section .second-left-vertical {
    left: -190px;
}

.features-section .second-right-vertical {
    right: -180px;
}

.square-container.animate .first-left-vertical,
.square-container.animate .second-left-vertical {
    animation: drawLeft 1s forwards 1s;
}

.square-container.animate .first-right-vertical,
.square-container.animate .second-right-vertical {
    animation: drawRight 1s forwards 1s;
}

.features-section .fbottom-left-horizontal,
.features-section .fbottom-right-horizontal,
.features-section .sbottom-left-horizontal,
.features-section .sbottom-right-horizontal {
    height: 2px;
    width: 0;
    z-index: 1;
    bottom: 0;
}

.features-section .fbottom-left-horizontal {
    left: 0;
}

.features-section .fbottom-right-horizontal {
    right: 0;
}

.features-section .sbottom-left-horizontal {
    left: -250px;
}

.features-section .sbottom-right-horizontal {
    right: -220px;
}

.square-container.animate .fbottom-left-horizontal,
.square-container.animate .sbottom-left-horizontal {
    animation: drawBottomLeft 1s forwards 1s;
}

.square-container.animate .fbottom-right-horizontal,
.square-container.animate .sbottom-right-horizontal {
    animation: drawBottomRight 1s forwards 1s;
}

@keyframes drawLeft {
    to {
        height: 100%;
        opacity: 1;
    }
}

@keyframes drawRight {
    to {
        height: 100%;
        opacity: 1;
    }
}

@keyframes drawBottomRight {
    to {
        width: 52%;
        opacity: 1;
    }
}

@keyframes drawBottomLeft {
    to {
        width: 52%;
        opacity: 1;
    }
}

.features-section .coming-soon {
    font-size: 40px;
    color: #53c2ba;
    top: 26%;
    opacity: 0;
    transition: opacity 5s ease;
}

.features-section .top-left-horizontal,
.features-section .top-right-horizontal {
    height: 2px;
    width: 0;
    z-index: 1;
    top: 0;
}

.features-section .top-left-horizontal {
    left: -190px;
}

.features-section .top-right-horizontal {
    right: -180px;
}

/* Animations only apply when .animate class is added */
.square-container.animate .top-left-horizontal {
    animation: drawTopLeft 1s forwards;
}

.square-container.animate .top-right-horizontal {
    animation: drawTopRight 1s forwards;
}

@keyframes drawTopLeft {
    to {
        width: 100%;
        opacity: 1;
    }
}

@keyframes drawTopRight {
    to {
        width: 100%;
        opacity: 1;
    }
}

/* gallery section */
.pages-hero-section.gallery-hero-bg {
    background: url(/wp-content/themes/shine-olympiad/images/gallery-page-bg.png) repeat center center / contain, linear-gradient(171deg, #16448d 0%, #299fa2 100%);
}

.gallery-section .swiper-wrapper .swiper-slide {
    padding: 0em 5em;
}

.gallery-section .swiper-wrapper .swiper-slide .gallery-gridBox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.gallery-section .swiper-wrapper .swiper-slide .gallery-gridBox img {
    width: 100%;
    object-fit: cover;
    height: 380px;
}

.gallery-section .swiper-wrapper .swiper-slide .overlay {
    position: absolute;
    left: 0px;
    bottom: -10px;
    color: var(--white-color);
    font-weight: var(--font-weight-400);
    font-size: 24px;
    background-color: #00000036;
    width: 100%;
    padding: 20px 16px;
}

.gallery-section .gallery-bottom-text {
    text-align: center;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.20);
    font-family: Vidaloka;
    color: var(--secondary-color);
    font-weight: var(--font-weight-700);
    font-size: 30px;
    letter-spacing: 2px;
    margin: 0px 0px 0px;
}

.gallery-section .gallery-link {
    color: var(--teal-color);
    font-size: 20px;
    font-weight: var(--font-weight-500);
    text-decoration: underline !important;
}

.gallery-section .gallery-bottomarea {
    width: fit-content;
    margin: 0 auto;
    position: relative;
}

.gallery-section .text-light-left,
.gallery-section .text-light-right {
    position: absolute;
    top: -30px;
    object-fit: contain !important;
    width: 60px !important;
}

.gallery-section .text-light-left {
    left: -40px;
    transform: rotatey(180deg);
}

.gallery-section .text-light-right {
    right: -40px;
}

.gallery-section .text-line-bottom {
    width: 400px;
    object-fit: contain;
}

.gallery-section .gallerySwiper .swiper-button-next,
.gallery-section .gallerySwiper .swiper-button-prev {
    top: 0px;
    background: #EBFCFB;
    border-radius: 6px;
    height: 80%;
    width: 40px;
}

.gallery-section .gallerySwiper .swiper-button-next {
    right: 0px;
}

.gallery-section .gallerySwiper .swiper-button-prev {
    left: 0px;
}

.gallery-section .gallerySwiper .swiper-button-next:after,
.gallery-section .gallerySwiper .swiper-button-prev:after {
    color: #40AEA6;
    font-size: 28px !important;
}

.gallery-section .rank-box-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.gallery-section .rank-card {
    background-color: var(--white-color);
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 4px 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 1em;
    width: 440px;
}

.gallery-section .profile-img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    padding: 5px;
    background: var(--white-color);
    border: 8px solid var(--secondary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-shrink: 0;
}

.gallery-section .profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.gallery-section .rank-details {
    margin-left: 20px;
    text-align: left;
    width: 100%;
}

.gallery-section .rank-details p {
    margin: 2px 0;
    font-weight: var(--font-weight-400);
    color: var(--black-color);
    font-size: 18px;
}

.gallery-section .rank-details h3 {
    margin: 8px 0px 0px;
    color: #40AEA6;
    font-size: 24px;
    font-weight: var(--font-weight-700);
}

/* .what-sets-apart */
.what-sets-apart-sec .heading_box .title {
    color: var(--secondary-color);
    font-weight: var(--font-weight-700);
    font-size: 30px;
    margin: 0px 0px 6px;
}

.what-sets-apart-sec .heading_box hr {
    margin: 0 0 1em;
    border: 2px solid var(--teal-color);
    background: var(--teal-color);
    width: 16%;
    opacity: 1;
    height: 6px;
    border-radius: 4px;
}

.what-sets-apart-sec .apart-text {
    color: #8E8D8D;
    font-size: 18px;
    font-weight: var(--font-weight-600);
}

.whats-list li {
    border-radius: 20px;
    background: var(--teal-color);
    color: var(--white-color);
    padding: 20px 16px;
    margin: 0px 0 10px;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.whats-list li i {
    font-size: 20px;
}

.whats-list li span {
    font-size: 16px;
    font-weight: var(--font-weight-700);
}

.What-Sets-Apart img {
    object-fit: contain;
    width: 100%;
    border-radius: 0 0 10px 10px;
}

.What-Sets-Apart h4 {
    margin: 0;
    background: var(--secondary-color);
    padding: 20px;
    text-align: center;
    color: var(--white-color);
    border-radius: 10px 10px 0 0
}

/* experts section */
.experts-section {
    background-image: url(/wp-content/themes/shine-olympiad/images/experts_view.png);
    background-size: cover;
    border-top: 1px solid #cdd7e2;
    border-bottom: 1px solid #cdd7e2
}

.experts-section .expertsView {
    padding-bottom: 10px
}

.experts-section .expertsView .swiper-slide-shadow-left,
.experts-section .expertsView .swiper-slide-shadow-right {
    background-image: linear-gradient(to left, rgb(255 255 255), rgba(0, 0, 0, 0))
}

.experts-section .expertsView .swiper-button-next:after,
.experts-section .expertsView .swiper-button-prev:after,
.experts-section .expertsView .swiper-rtl .swiper-button-next:after,
.experts-section .expertsView .swiper-rtl .swiper-button-prev:after {
    background: var(--secondary-color);
    padding: 20px 10px;
    font-size: 14px;
    color: var(--white-color);
    border-radius: 6px
}

.experts-section .swiper-slide {
    width: 40%
}

.experts-section .swiper-slide img {
    display: block;
    width: 20%;
    margin: 0 auto;
    background: var(--teal-color);
    border-radius: 50%;
    padding: 10px
}

.experts-section .swiper-slide .experts-section-box {
    background: var(--white-color);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 20px 2px #bcbcbc
}

.experts-section .swiper-slide .experts-section-box p {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding: 10px
}

.experts-section .swiper-slide .experts-section-box h2 {
    text-align: center;
    margin: 0;
    font-size: 20px;
    font-weight: var(--font-weight-700);
    color: var(--secondary-color)
}

.experts-section .swiper-slide .experts-section-box h3 {
    text-align: center;
    margin: 0;
    font-size: 14px;
    padding: 10px 0
}

.experts-section .swiper-slide .experts-section-box h4 {
    text-align: center;
    margin: 0;
    font-size: 14px
}

/* testinomial section */
.testimonials-section .testinomial-bgBox {
    padding: 3em 0;
    background-color: #f0f8ff;
    text-align: center;
    background: linear-gradient(#01296aeb, #01296aeb), url(/wp-content/themes/shine-olympiad/images/testinomial-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    color: var(--white-color);
}

.testimonials-section .testimonial-slide img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
}

.testimonials-section .testimonial-slide h6 {
    font-size: 22px;
    font-weight: var(--font-weight-700);
    margin: 0px 150px 10px;
}

.testimonials-section .testimonial-slide p {
    font-size: 18px;
    font-weight: var(--font-weight-400);
    margin: 0px 150px 0px;
}

.testimonials-section .testimonialSwiper .swiper-button-next:after,
.testimonials-section .testimonialSwiper .swiper-button-prev:after {
    color: var(--white-color);
    font-size: 28px !important;
}

/* contact section */
.contactus-section {
    width: 100%;
}

.contactus-section .contactus-details-box h4 {
    font-size: 44px;
    color: #40AEA6;
    text-transform: uppercase;
    margin: 3em 0 0em;
    font-weight: var(--font-weight-700);
}

.contactus-section .contactus-details-box h4 span {
    color: var(--secondary-color);
}

.contactus-section form {
    padding: 20px 10px;
    border-radius: 20px;
    background: var(--white-color);
    box-shadow: 3px 3px 8px 3px rgba(0, 0, 0, 0.25);
}

.contactus-section form input,
.contactus-section form textarea,
.contactus-section form select {
    padding: 14px;
    width: 100%;
    outline: 0;
    margin: 0 auto 10px;
    font-weight: var(--secondary-color);
    color: #40AEA6;
    border-radius: 20px;
    border: 1px solid #40AEA6;
    background: #EBFCFB;
    font-size: 16px;
}

.contactus-section form input,
.contactus-section form select {
    height: 60px;
}

.contactus-section form select:active,
.contactus-section form select:hover,
.contactus-section form select:focus {
    outline: none;
    border: 1px solid #40AEA6;
    box-shadow: none;
    cursor: pointer;
}

.contactus-section form input::placeholder,
.contactus-section form textarea::placeholder {
    color: #40AEA6;
}

.contactus-section form .font-icon {
    position: absolute;
    right: 20px;
    color: #40AEA6;
    border-left: 1px solid #40aea6;
    padding: 16px 0;
    top: 4px;
    width: 40px;
    text-align: center;
    font-size: 20px;
}

.contactus-section form .select-icon {
    border-left: 0px;
}

.contactus-section form .contactus-details-btn {
    color: var(--white-color);
    background: var(--secondary-color);
    padding: 10px;
    border-radius: 20px;
    transition: .25s ease-in-out;
    margin: 0;
    font-size: 18px;
    font-weight: var(--font-weight-700);
    width: 20%;
    border: 0px;
    letter-spacing: 2px;
}

/* footer section */
.footer_section {
    background: var(--secondary-color);
    color: var(--white-color);
}

.footer_section .footer_topBox .logo_img {
    width: 70%;
    object-fit: contain;
    background-color: var(--white-color);
    padding: 16px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.footer_section .footer_topBox .footer_quotes {
    font-size: 19px;
    font-weight: var(--font-weight-600);
    color: var(--white-color);
    text-align: left;
    margin-bottom: 1.2em;
}

.footer_section .footer_topBox .footer_socialLinks {
    display: flex;
    justify-content: start;
    gap: 1em;
}

.footer_section .footer_topBox .footer_socialLinks a {
    color: var(--white-color);
    font-size: 18px;
    transition: all 0.3s ease-in-out;
}

.footer_section .footer_topBox .footer_socialLinks a i {
    font-size: 24px;
    transition: all 0.3s ease;
}

.footer_section .footer_topBox .footer_socialLinks a i:hover {
    color: #f79721;
}

.footer_section .footer_topBox .footer_title {
    font-size: 22px;
    font-weight: var(--font-weight-700);
    color: var(--white-color);
    margin-bottom: 10px;
}

.footer_section .footer_topBox .footer_contact li a {
    font-size: 16px;
    color: var(--white-color);
}

.footer_section .footer_topBox .footer_contact li a i {
    font-size: 16px;
}

.footer_section .footer_topBox .footer_links li a {
    color: var(--white-color);
    font-size: 15px;
    font-weight: var(--font-weight-400);
    display: flex;
    justify-content: start;
    gap: 10px;
    transition: all 0.3s ease;
}

.footer_section .footer_topBox .footer_links li a:hover {
    color: #f79721;
}

.footer_section .footer_topBox .footer_links li a span,
.footer_section .footer_topBox .footer_contact li span {
    font-weight: var(--font-weight-400);
}

.footer_section .footer_topBox .footer_links li a i {
    font-size: 6px;
    margin-top: 8px;
}

.footer_section .footer_socialLinks img {
    width: 30px;
    object-fit: contain;
}

/* footer bottom section */
.footer_bottomBox_container {
    border-top: 2px solid var(--white-color);
    padding: 16px 0px 0px;
}

.footer_bottomBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer_bottomBox p {
    font-size: 16px;
    color: var(--white-color);
    font-weight: var(--font-weight-700);
}

.footer_bottomBox_links {
    display: flex;
    justify-content: end;
    gap: 1em;
    align-items: center;
}

.footer_bottomBox_links li a {
    color: var(--white-color);
    font-size: 16px;
    font-weight: var(--font-weight-700);
    border-right: 2px solid var(--white-color);
    padding: 0px 20px 0px 0px;
}

/* login page style */
.olyregister-page-section {
    background-image: url(images/register-bg.webp);
    width: 100%;
    padding: 3em 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.olyregister-page-section .olyregister-page-box {
    background: var(--white-color);
    padding: 5em;
    box-shadow: 0 0 6px 0 #d2d2d2;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    width: 39%;
    margin: 0 auto
}

.olyregister-page-section .olyregister-page-box h1 {
    margin: 0 0 20px;
    font-size: 24px;
    text-align: center;
    color: var(--secondary-color);
    font-weight: var(--font-weight-600);
}

.olylogin-page-section .olylogin-page-form-box .olylogin-page-form-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.olylogin-page-section .olylogin-page-form-box .olylogin-page-form-div input {
    margin: 0;
    display: flex;
    align-items: center;
    padding: 10px 30px 10px 34px;
    width: 100% !important;
    background: var(--white-color);
}

.olylogin-page-section .olylogin-page-form-box .olylogin-page-form-div .fa-user,
.olylogin-page-section .olylogin-page-form-box .olylogin-page-form-div .fa-th {
    position: absolute;
    left: 7px;
}

.olylogin-page-section .olylogin-page-form-box#forgetForm .olylogin-page-form-div .fa-user {
    left: 16px;
}

.olylogin-page-section .olylogin-page-form-box .olylogin-page-form-div .field-icon {
    position: absolute;
    right: 10px;
    cursor: pointer;
    font-size: 18px;
}

.olylogin-page-section .olylogin-page-form-box .text-right .text-danger {
    display: block;
    text-align: right;
    color: #e66262;
    font-size: 10px;
    margin-top: 4px;
}

.olyregister-page-section .olyregister-page-box .olyregister-page-form .olyregister-page-form-box input,
.olyregister-page-section .olyregister-page-box .olyregister-page-form .olyregister-page-form-box select {
    border: 1px solid #e0e0e0;
    width: 90%;
    margin-left: 10px;
    font-size: 16px;
    font-weight: var(--font-weight-400);
    outline: 0
}

.olylogin-page-section form .form-group .olyloginLabel {
    display: block;
    font-size: 12px;
}

.olylogin-page-section form .form-group .olylogin-page-form-div .fa-info {
    border: 1px solid #afafaf;
    min-width: 24px;
    text-align: center;
    border-radius: 50%;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    top: -12px;
    right: 10px;
    background: #000;
    color: var(--white-color);
}

.olylogin-page-section form .form-group .olylogin-page-form-div input,
.olylogin-page-section .olylogin-page-form-box .olylogin-page-form-div input {
    font-size: 14px;
    font-weight: var(--font-weight-600);
    margin-left: 0;
    padding-left: 4px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 1px solid #434242;
    color: #4a4a4a;
}

.olylogin-page-section form .form-group .olylogin-page-form-div input::placeholder {
    color: #4a4a4a;
}

.olylogin-page-section form .form-group .olylogin-page-form-div .tooltip {
    opacity: 1;
    position: relative;
    display: inline-block;
    z-index: 1;
    transition: .25s ease-in-out;
}

.olylogin-page-section form .form-group .olylogin-page-form-div .tooltip .tooltiptext {
    visibility: hidden;
    min-width: 190px;
    background-color: rgb(255 255 255 / 92%);
    color: var(--white-color);
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    top: -30px;
    left: 20px;
    z-index: 1;
    box-shadow: 0 0 10px -4px #8d8d8d;
    border: 1px solid #e4e4e4;
    transition: .25s ease-in-out;
}

.olylogin-page-section form .form-group .olylogin-page-form-div .tooltip .tooltiptext span {
    display: block;
    color: #4d4d4d;
    font-size: 10px;
    font-weight: var(--font-weight-700);
}

.olylogin-page-section form .form-group .olylogin-page-form-div .tooltip .tooltiptext ul .circle-checkLi {
    display: flex;
    align-items: center;
    color: #0ba50b;
    border-bottom: 1px solid #d7d7d7;
    padding: 6px 0;
}

.olylogin-page-section form .form-group .olylogin-page-form-div .tooltip .tooltiptext ul .circle-checkLi i {
    font-size: 18px;
    margin-right: 6px;
}

.olylogin-page-section form .form-group .olylogin-page-form-div .tooltip .tooltiptext ul .times-circleLi {
    display: flex;
    align-items: center;
    color: #df1212;
    padding: 6px 0;
}

.olylogin-page-section form .form-group .olylogin-page-form-div .tooltip .tooltiptext ul .times-circleLi i {
    font-size: 18px;
    margin-right: 6px;
}

.olylogin-page-section form .form-group .olylogin-page-form-div .tooltip .tooltiptext .fa-caret-left {
    color: #959595;
    font-size: 40px;
    position: absolute;
    top: 10px;
    left: -15px;
}

.olylogin-page-section form .form-group .olylogin-page-form-div .tooltip:hover .tooltiptext {
    visibility: visible;
}

.olyregister-page-section .olyregister-page-box .olyregister-page-form .olyregister-page-form-btn {
    background: var(--orange-color);
    border: 1px solid var(--orange-color);
    color: var(--white-color);
    padding: 6px 20px;
    border-radius: 4px;
    margin: 20px auto 0;
    transition: .25s ease-in-out;
    display: block;
}

.olyregister-page-section .olyregister-page-box .olyregister-page-form .already-login-txt {
    margin: 0;
    text-align: center;
    padding-top: 20px;
    font-size: 14px;
    font-weight: var(--font-weight-500);
}

.olylogin-page-section .olylogin-page-form-box {
    padding: 60px 70px;
    border-radius: 4px;
    width: 100%;
    margin: 0px auto;
}

.olylogin-page-section .olylogin-page-form-box .login-head-txt {
    margin: 0 0 10px;
    font-size: 26px;
    text-align: left;
    color: #000;
    font-weight: 700;
}

.olylogin-page-section .olylogin-page-form-box .captcha-label {
    font-weight: var(--font-weight-600);
    font-size: 14px;
    color: #4a4a4a;
    width: 100%;
}

.olylogin-page-section .olylogin-page-form-box .captcha-input {
    width: 50%;
    padding: 10px;
    border: 1px solid #434242;
    border-radius: 4px;
    outline: 0;
}

.olylogin-page-section .olylogin-page-form-box .fa-sync-alt {
    margin: 0 8px;
}

.olylogin-page-section .olylogin-page-form-box .olylogin-page-form-btn {
    background: var(--orange-color);
    border: 1px solid var(--orange-color);
    color: var(--white-color);
    padding: 8px 20px;
    border-radius: 4px;
    margin: 10px auto 0;
    transition: .25s ease-in-out;
    display: table;
    text-transform: uppercase;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
}

.olylogin-page-section .olylogin-page-form-box .already-login-txt {
    margin: 0;
    padding-top: 4em;
    font-size: 14px;
    font-weight: var(--font-weight-500);
}

.olylogin-page-section .olylogin-page-form-box .already-login-txt a {
    border-radius: 5px;
    background: #9E9E9E;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    margin-left: 6px;
}

.olylogin-page-section .olylogin-page-form-box .frgt-pwd-txt {
    margin: 0;
    font-size: 14px;
    padding-bottom: 20px;
}

.olylogin-page-section .olylogin-page-form-box .frgt-pwd-txt a {
    color: #7F7E7E;
}

.olylogin-page-section .img-part-signin-page {
    background-color: #ABEEFF;
    height: 100%;
    display: flex;
}

.olylogin-page-section .img-part-signin-page img {
    width: 100%;
    object-fit: contain;
    padding: 70px 60px;
}

.error-page-section img {
    width: 30%;
}

.error-page-section .plan_heading {
    margin: 0;
    text-align: left;
    font-weight: var(--font-weight-600);
    color: var(--secondary-color);
    padding-left: 2em;
    font-size: 38px;
    line-height: 50px;
}

/* about us page */
.about-hero-section {
    background: url(/wp-content/themes/shine-olympiad/images/about-page/about-secBg.png) center / cover no-repeat;
}

.about_detailCardBox .card {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23)
}

.about_detailCardBox .card .card-body h5 {
    font-size: 15px;
    background-color: #285aa9;
}

.about_advantageBox .head_subtitle {
    max-width: 60%;
    font-size: 1.1rem;
}

.about_advantageBox .main_Advantage {
    background-color: #F5FBFF;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 0px 3px rgba(0, 0, 0, 0.23);
}

.about_advantageBox .main_Advantage img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

/* faq page */

.faq-header-page-section {
    position: relative;
    padding: 3em 0;
    background: var(--secondary-color);
    z-index: 1;
    text-align: center;
}

.faq-header-page-section .faq-header-bg {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(https://www.authenticgains.com/wp-content/uploads/2018/04/faq-bg.jpg) right;
    opacity: .3;
    width: 100%;
    height: 100%;
    filter: blur(0px);
}

.faq-header-page-section .trending-heading {
    margin: 0;
    font-size: 26px;
    color: var(--white-color);
    font-weight: var(--font-weight-700);
}

.faq-header-page-section h4 {
    margin: 0;
    padding: 10px 0;
    font-size: 24px;
    color: var(--white-color);
}

.faq-header-page-section p {
    margin: 0;
    color: var(--white-color);
    line-height: 22px;
    font-size: 14px;
}

.accordian-faq-details-box {
    background: var(--white-color);
    padding: 20px;
    margin-top: 6px;
    border: 1px solid #dedede;
    border-radius: 6px;
    border-bottom: 4px solid #003891;
}

.accordian-faq-details-box p {
    margin: 0;
    font-size: 14px;
    font-weight: var(--font-weight-400);
}

.faq-details-page-section {
    padding: 3em 0;
    background: #f5f5f5;
}

.faq-details-page-section .accordian-faq-box {
    background: var(--white-color);
    padding: 30px 40px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
}

.faq-details-page-section .accordian-faq-box h2 {
    margin: 0 0 10px;
    color: #6A6868;
    font-size: 16px;
    font-weight: var(--font-weight-700);
}

.faq-details-page-section .accordian-faq-box p {
    margin: 0 0 30px;
    font-weight: var(--font-weight-400);
    font-size: 14px;
    color: #797979;
    line-height: 24px;
}

.faq-details-page-section .faq-details-right-box {
    background: var(--white-color);
    padding: 20px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
}

.faq-details-page-section .faq-details-right-box iframe {
    width: 100%;
    height: 200px;
    margin-bottom: 3em;
}

.faq-details-page-section .quicklinks-box h4 {
    color: var(--secondary-color);
    margin: 0 0 20px;
    border-bottom: 3px solid var(--secondary-color);
    padding-bottom: 14px;
    font-weight: var(--font-weight-600);
}

.faq-details-page-section .quicklinks-box ul {
    padding-left: 0em;
}

.faq-details-page-section .quicklinks-box ul li a {
    border-bottom: 1px solid var(--secondary-color);
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: var(--secondary-color);
    display: block;
    font-size: 14px;
    font-weight: var(--font-weight-500);
}

/* register shine school page */
.register-school-headerpage-section {
    background: url(/wp-content/plugins/tet-india/images/Form-Banner.jpg) center center;
    height: 250px;
}

.register-school-headerpage-section h1 {
    margin: 70px 0 0;
    font-size: 20px;
    color: #fff;
}

.register-school-headerpage-section h2 {
    margin: 10px 0 0;
    font-size: 32px;
    line-height: 38px;
    text-shadow: -1px 3px #545454;
    color: #fff;
}

.register-school-page-section form {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
    border: 1px solid #f3f3f3;
    margin-top: -16em;
}

.register-school-page-section form h2 {
    font-size: 19px;
    color: var(--secondary-color);
}

.register-school-page-section form label span,
.select-grade-modal .modal-dialog label span {
    color: var(--danger-color);
}

.register-school-page-section form input,
.register-school-page-section form select,
.register-school-page-section form textarea {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #c2c2c2;
    outline: 0;
    margin-bottom: 10px;
    margin-top: 6px;
    font-size: 12px;
}

.register-school-page-section form input,
.register-school-page-section form select {
    height: 42px;
}

.register-school-page-section form textarea {
    height: 90px;
}

.register-school-page-section form .register-school-submit {
    background: var(--secondary-color);
    color: var(--white-color);
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    cursor: pointer;
}

.register-school-page-section #loadSub .inputGroup {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 13px;
}

.register-school-page-section #loadSub .inputGroup input {
    width: 14px;
    height: 14px;
    margin: 0px;
}

.register-school-page-section #loadSub .inputGroup label {
    cursor: pointer;
}

.register-school-feature-box li {
    list-style: disc;
    line-height: 24px;
    color: #3e3d3d;
}

.register-school-feature-box .register-school-feature-details {
    display: inline-block;
    background: var(--white-color);
    padding: 20px 10px;
    border-radius: 10px;
    text-align: center;
    transform: translateY(0);
    transition-duration: .3s;
    border-bottom: 2px solid #e0e0e0;
    box-shadow: 0 4px 10px #e0e0e0;
}

.register-school-feature-box .register-school-feature-details img {
    width: 24%;
}

.register-school-feature-box .register-school-feature-details h4 {
    margin: 0;
    font-size: 15px;
    color: var(--secondary-color);
    padding-top: 20px;
    line-height: 20px;
    font-weight: var(--font-weight-700);
}

.register-school-feature-box .register-school-feature-details h5 {
    margin: 0;
    padding: 6px 0;
    color: #3f3f3f;
    line-height: 20px;
    font-size: 15px;
}

.register-school-feature-box .register-school-feature-details h6 {
    margin: 0;
    color: var(--orange-color);
    font-size: 13px;
}

.register-school-feature-box ul li {
    list-style: square;
}

.register-school-page-section .how-it-works-page-section {
    padding: 1em 0;
    border-top: 2px solid #f5f5f5;
    margin-top: 2em;
    border-bottom: 2px solid #f5f5f5;
    margin-bottom: 2em;
}

.register-school-feature-details-box h4,
.register-school-page-section .how-it-works-page-section h4 {
    margin: 0 0 20px;
    line-height: 36px;
    font-size: 24px;
    font-weight: var(--font-weight-700);
}

.register-school-page-section .how-it-works-page-section img {
    width: 100%;
}

.register-school-feature-details-box h4 span,
.register-school-page-section .how-it-works-page-section h4 span {
    color: var(--orange-color);
    font-weight: var(--font-weight-700);
}

/* subject pages */
.subject-header-page-section {
    padding: 3em 0;
    background: #f3f8ff;
}

.subject-header-page-section h1 {
    color: var(--secondary-color);
    font-size: 30px;
    font-weight: var(--font-weight-700);
    margin: 0px;
}

.subject-header-page-section h2 {
    color: var(--secondary-color);
    font-size: 16px;
    margin: 0 0px 10px;
    font-weight: var(--font-weight-700);
    border-bottom: 4px solid var(--secondary-color);
    border-radius: 4px;
    padding-bottom: 8px;
}

.subject-header-page-section p {
    font-size: 14px;
    font-weight: var(--font-weight-400);
    color: #575859;
    margin: 0;
    padding: 6px 0;
}

.subject-header-page-section p a {
    font-weight: var(--font-weight-400);
    color: var(--secondary-color);
    text-decoration: underline !important;
}

.subject-header-page-section h5 {
    margin: 0;
    font-size: 26px;
    font-weight: var(--font-weight-600);
    color: var(--teal-color);
    padding-top: 20px;
    font-weight: var(--font-weight-700);
}

.subject-header-page-section h6 {
    margin: 0;
    padding-top: 10px;
    font-size: 14px;
    color: var(--secondary-color);
}

.subject-header-page-section .free-demo-btn {
    background: var(--secondary-color);
    transition: .25s ease-in-out;
    margin-right: 1em
}

.subject-header-page-section .free-demo-btn:hover {
    background: var(--orange-color);
}

.subject-header-page-section .syllabus-btn {
    background: #FFB458;
    transition: .25s ease-in-out;
}

.subject-header-page-section .syllabus-btn:hover {
    background: var(--secondary-color)
}

.subject-header-page-section .WatchVideos-btn {
    background: #D65050;
    display: inline-block;
    color: var(--white-color);
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 12px;
    transition: .25s ease-in-out;
}

.subject-header-page-section .WatchVideos-btn:hover {
    background: #ed4343;
}

.ShineOlympiadRegistrationVideo-section {
    background: radial-gradient(50% 50% at 50% 50%, #4A82DA 0%, #285AA9 100%);
    padding: 3em 0;
}

.ShineOlympiadRegistrationVideo-section .ShineOlympiadYtBtn {
    background: var(--orange-color);
    padding: 10px 20px;
    display: inline-block;
    color: var(--white-color);
    border-radius: 4px;
    font-weight: var(--font-weight-400);
    line-height: normal;
    border: 1px solid var(--orange-color);
}

.ShineOlympiadRegistrationVideo-section .ShineOlympiadHead {
    margin: 0;
    font-size: 26px;
    font-weight: bold;
    color: var(--white-color);
}

.ShineOlympiadRegistrationVideo-section .ShineOlympiadpara {
    margin: 0;
    padding-top: 3px;
    font-size: 14px;
    font-weight: var(--font-weight-700);
    color: var(--white-color);
}

.ShineOlympiadRegistrationVideo-section p {
    margin: 0;
    padding: 6px 0 20px;
}

.ShineOlympiadRegistrationVideo-section p span {
    display: inline-block;
    background: #d4e7ff;
    padding: 10px 10px;
    margin-right: 10px;
    border: 1px solid #8bbeff;
    border-radius: 4px;
}

.ShineOlympiadRegistrationVideo-section .buy-plan-sectionFlex {
    display: flex;
    align-items: center;
}

.ShineOlympiadRegistrationVideo-section .buy-plan-sectionFlex .buy-plan-btn {
    border: none;
    background: transparent;
    outline: none;
    margin: 0 auto;
    padding: 0;
    display: block;
    text-align: right;
    float: right;
}

.ShineOlympiadRegistrationVideo-section .buy-plan-sectionFlex .buy-plan-btn a {
    background: #1C375C;
    color: var(--white-color);
    padding: 10px 24px;
    font-size: 14px;
    border-radius: 4px;
    transition: all .25s ease-in-out;
    font-weight: var(--font-weight-600);
    display: block;
}

.ytiframe {
    height: 260px;
    border-radius: 5px;
}

.subject-header-page-section .row {
    align-items: center;
    display: flex;
}

.subject-details-page-section .subject-details-heading {
    margin: 0 0 1em;
    font-size: 22px;
    color: var(--secondary-color);
    font-weight: var(--font-weight-700);
}

.subject-details-page-section .tabcontent {
    border-radius: 0px 0px 20px 20px;
    background: #EEF4F5;
    padding: 20px;
}

.subject-header-page-section .free-demo-btn,
.subject-header-page-section .syllabus-btn {
    margin-top: 20px;
    padding: 8px 14px;
    display: inline-block;
    border-radius: 4px;
    color: var(--white-color);
    font-size: 12px;
}

.subject-details-page-section .tab {
    display: flex;
    align-items: center;
    background: #EEF4F5;
    margin-bottom: 10px;
    border-radius: 20px 20px 0px 0px;
}

.subject-details-page-section .tab .tablinks {
    padding: 10px 20px;
    outline: 0;
    border: none;
    font-size: 15px;
    font-weight: var(--font-weight-700);
    color: var(--white-color);
    border-bottom: 6px solid #3D70BF;
    opacity: 0.5;
    background: #3D70BF;
    margin-right: 4px;
}

.subject-details-page-section .tab .tablinks:first-child {
    border-radius: 6px 0px 0 0;
}

.subject-details-page-section .tab .tablinks:last-child {
    border-radius: 0px 6px 0px 0px;
}

.subject-details-page-section .tab .tablinks.active {
    color: var(--white-color);
    border-bottom: 6px solid #082f94;
    background: #3569be;
    opacity: 1;
}

.subject-details-page-section .tabcontent h6 {
    margin: 0;
    font-size: 18px;
    font-weight: var(--font-weight-700);
    color: var(--secondary-color);
    padding-bottom: 10px;
}

.subject-details-page-section .tabcontent h4 {
    margin: 0 0 20px;
    font-size: 22px;
    font-weight: var(--font-weight-700);
    border-bottom: 3px solid #0000004d;
    padding-bottom: 6px;
    color: #575859;
    width: fit-content;
}

.tab-purchase-demo-section {
    background: var(--orange-color);
    padding: 30px;
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
}

.tab-purchase-demo-section h4 {
    margin: 0;
    color: var(--white-color);
    font-size: 22px;
    font-weight: var(--font-weight-700);
}

.tab-purchase-demo-section p {
    margin: 0;
    color: #575859;
    padding-top: 10px;
}

.tab-purchase-demo-section a {
    background: var(--secondary-color);
    color: var(--white-color);
    font-size: 12px;
    font-weight: var(--font-weight-600);
    padding: 8px 20px;
    border-radius: 4px;
}

.subject-details-page-section .tabcontent p {
    margin: 0;
    line-height: 24px;
    font-weight: var(--font-weight-400);
    color: #505050;
    font-size: 14px;
}

.buy-plan-section {
    background: radial-gradient(50% 50% at 50% 50%, #D65050 0%, #CE2828 100%);
    padding: 3em 0;
}

.buy-plan-section .buy-plan-head {
    margin: 0;
    color: var(--white-color);
    font-weight: var(--font-weight-700);
    font-size: 26px;
}

.buy-plan-section p {
    margin: 0;
    padding-top: 10px;
    font-weight: var(--font-weight-400);
}

.buy-plan-section .buy-plan-para {
    margin: 0;
    color: var(--white-color);
    padding-top: 10px;
}

.buy-plan-section h5 {
    margin: 0;
    padding-top: 20px;
    color: #202020;
    font-size: 18px;
    display: flex;
    align-items: center;
    font-weight: var(--font-weight-700);
}

.buy-plan-section h5 span {
    margin-left: 14px;
    color: #222427;
}

.buy-plan-section .buy-plan-btn {
    color: var(--white-color);
    padding: 10px 24px;
    font-size: 14px;
    transition: .25s ease-in-out;
    font-weight: var(--font-weight-600);
    border-radius: 4px;
    background: #960303;
    border: none;
    float: right;
}

.buy-plan-section .buy-plan-btn:hover {
    color: #9d6b17;
    background: var(--white-color);
}

.enroll-details-page-box,
.sample-question-page-section .sample-question-box {
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
    transform: translateY(0);
}

.sample-question-page-section h4 {
    margin: 0;
    font-size: 16px;
    font-weight: var(--font-weight-600);
    color: #143274;
    padding-bottom: 20px;
}

.sample-question-page-section hr {
    border-top: 1px solid #b3b3b3;
}

.sample-question-page-section h6 {
    margin: 0 0 20px;
    font-size: 16px;
    color: #2e2e2e;
}

.sample-question-page-section .sample-question-box {
    padding: 20px 20px 16px;
    cursor: pointer;
    margin-bottom: 20px;
    transition-duration: .3s;
    background-color: var(--white-color);
    border: 1px solid #f3f3f3;
    min-height: 225px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.sample-question-page-section .sample-question-box h6 {
    margin: 0;
    font-size: 14px;
    font-weight: var(--font-weight-600);
    padding-bottom: 10px;
    color: #575859;
    line-height: 24px;
}

.sample-question-page-section .sample-question-box ul li {
    font-size: 14px;
    font-weight: var(--font-weight-500);
    padding: 6px 0;
    color: #575859;
}

.sample-question-page-section .sample-question-box ul li span {
    font-weight: var(--font-weight-500);
    padding-right: 6px;
}

.sample-question-page-section .sample-question-box ul li.right-ans {
    color: #26b526;
    font-weight: var(--font-weight-600);
}

.sample-question-page-section .sample-question-box ul li.right-ans span,
.select-grade-modal .modal-dialog .modal-title {
    font-weight: var(--font-weight-600);
}

.subject-details-table-box {
    margin-top: 20px;
}

.subject-details-table-box table {
    width: 50%;
    background-color: var(--white-color);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding: 10px;
}

.subject-details-table-box table tr th {
    padding: 10px 20px;
    border-right: 1px solid #abaaaa;
    border-bottom: 1px solid #abaaaa;
    font-weight: var(--font-weight-700);
    font-size: 15px;
    color: #575859;
}

.subject-details-table-box table tr th:last-child {
    border-right: none;
}

.subject-details-table-box table tr td {
    padding: 10px 20px;
    background: var(--white-color);
    border-bottom: 1px solid #abaaaa;
    border-right: 1px solid #abaaaa;
    font-weight: var(--font-weight-400);
    font-size: 14px;
    color: #575859;
}

.subject-details-table-box table tr td:last-child {
    border-right: none;
}

.subject-details-table-box table tr:last-child td {
    border-radius: 0px 0px 20px 20px;
    border-bottom: none;
}

.subject-details-table-box ul {
    margin-top: 30px;
    padding-left: 2em;
}

.subject-details-table-box ul li {
    list-style: disc;
    padding: 4px 0;
    font-size: 14px;
    font-weight: var(--font-weight-400);
    color: #575859;
}

.subject-details-page-section {
    padding: 3em 0em;
}

.subject-details-page-section .accordion {
    padding: 20px;
    cursor: pointer;
    border-radius: 20px;
    transform: translateY(0);
    transition-duration: .3s;
    background-color: var(--white-color);
    border: 1px solid #eaeaea;
    width: 100%;
    margin-bottom: 10px;
    color: #575859;
    text-align: left;
    font-weight: var(--font-weight-400);
    box-shadow: -1px -1px 4px 0px rgba(0, 0, 0, 0.25), 2px 4px 4px 0px rgba(0, 0, 0, 0.25);
    font-size: 16px;
}

.subject-details-page-section h4 {
    font-size: 22px;
    font-weight: var(--font-weight-700);
    color: var(--secondary-color);
}

.subject-details-page-section .accordion.accordion-h4 {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: var(--font-weight-600);
    padding: 0 0 10px;
    background: 0 0;
    border: none;
    box-shadow: none;
    border-bottom: 2px solid #e2e2e2;
    border-radius: 0;
}

.subject-details-page-section .accordion.accordion-h4:hover {
    background-color: var(--white-color);
}

.subject-details-page-section .accordion.accordion-h4.active:after {
    content: "\2212";
}

.subject-details-page-section .accordion:hover,
.subject-details-page-section .active {
    background-color: #f8f8f8;
}

.subject-details-page-section .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: var(--font-weight-700);
    float: right;
    margin-left: 5px;
    font-size: 20px;
}

.subject-details-page-section .panel {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.subject-details-page-section .panel p {
    padding: 0 20px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #575859;
    font-weight: var(--font-weight-400);
}

.subject-details-page-section .IndianLanguageCharttable tr th {
    background: #dfebff;
    border: 1px solid #9aacca;
    padding: 10px;
    text-align: center;
}

.subject-details-page-section .IndianLanguageCharttable tr th:first-child {
    text-align: left;
}

.subject-details-page-section .IndianLanguageCharttable tr td {
    border: 1px solid #cacaca;
    padding: 10px;
    text-align: center;
    background: var(--white-color);
}

/* language Chart page */
.pages-hero-section.language-hero-bg {
    background: url(/wp-content/themes/shine-olympiad/images/language-page-bg.png) repeat center center / contain, linear-gradient(171deg, #16448d 0%, #299fa2 100%);
}

.language-subjectTab .language-subjectList li {
    width: 66px;
    color: #fff;
    transition: all 0.3s ease;
    border: 2px solid #ffffff4f;
}

.language-subjectTab .language-subjectList li:hover,
.language-subjectTab .language-subjectList li.active {
    background-color: #fe8c00c2;
    border-bottom: 2px solid #f797218c !important;
    border-right: 2px solid #f797218c !important;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: scale(1.1);
}

.language-chartSec .table-responsive table th,
.language-chartSec .table-responsive table td {
    padding: 10px;
    min-width: 130px;
    text-align: center;
}

.language-chartSec .table-responsive table th,
.language-chartSec .table-responsive table td:first-child {
    background: #e1dfdf8f;
}

.language-chartSec .table-responsive table th:first-child {
    text-align: left;
}

.language-chartSec .table-responsive table td {
    font-size: 20px;
}

.language-chartSec .table-responsive table td .fa-check-circle {
    color: #198754;
}

.language-chartSec .table-responsive table td .fa-circle-xmark {
    color: gray;
}

.language-chartSec .table-responsive table td .fa-minus {
    color: #8080804a;
}

/* register page */
.enroll-header-page-section {
    background: radial-gradient(50% 50% at 50% 50%, #4A82DA 0%, #285AA9 100%);
    padding: 3em 0;
}

.enroll-header-page-section h1 {
    margin: 0;
    font-size: 24px;
    color: var(--white-color);
    font-weight: var(--font-weight-700);
}

.enroll-details-page-section {
    padding: 3em 0;
    background: #ebf4ff;
}

.enroll-details-page-section h4 {
    margin: 0 0 10px;
    font-weight: var(--font-weight-600);
    color: #6A6868;
    font-size: 18px;
}

.enroll-details-page-section form select {
    width: 100%;
    padding: 16px;
    border-radius: 4px;
    border: 2px solid #d6d6d6;
    font-size: 16px;
    background: var(--white-color);
    outline: 0;
    font-weight: var(--font-weight-400);
    color: #3a3a3a;
    font-style: italic;
}

.enroll-details-page-section form #grade_id {
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.35);
    cursor: pointer;
}

.enroll-details-page-section hr {
    border-top: 1px solid #e6e6e6;
}

.enroll-listed-page-box {
    height: 100%;
}

.enroll-details-page-box {
    padding: 0 0 20px;
    margin-top: 0;
    transition-duration: .3s;
    background-color: var(--white-color);
    box-shadow: -1px -1px 4px 0px rgba(0, 0, 0, 0.25), 2px 2px 4px 0px rgba(0, 0, 0, 0.35);
    border-radius: 20px;
}

.enroll-details-page-box #result span {
    font-size: 12px;
    font-weight: var(--font-weight-400);
}

.enroll-details-page-box .enroll-details-h3-box h3 {
    font-weight: var(--font-weight-700);
    color: var(--white-color);
    text-transform: uppercase;
}

.enroll-details-page-box h6 {
    margin: 0;
    padding-top: 14px;
    color: var(--white-color);
    font-size: 16px;
    display: flex;
    align-items: center;
}

.enroll-details-page-box h6 span {
    margin-left: 10px;
    color: var(--orange-color);
}

.enroll-details-page-box h6 hr.one {
    position: absolute;
    width: 10%;
    border-top: 4px solid;
    transform: rotate(144deg);
    margin: 6px 0;
}

.enroll-details-page-box h6 hr.two {
    position: absolute;
    width: 10%;
    border-top: 4px solid;
    transform: rotate(210deg);
    margin: 6px 0;
}

.enroll-details-page-box .per-subject-box {
    display: flex;
    text-align: center;
    width: 100%;
    margin: 20px 0 0;
}

.enroll-details-page-box .per-subject-first {
    margin: 0 10px 0 0;
    padding: 14px 20px;
    border-radius: 6px;
    background-image: linear-gradient(90deg, #174071 10%, var(--secondary-color) 90%);
    color: var(--white-color);
    font-size: 22px;
    width: auto;
    text-align: left;
}

.enroll-details-page-section .ChooseLanguage-box {
    margin-bottom: 30px;
    text-align: center;
}

.enroll-details-page-section .ChooseLanguage-box h4 {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: var(--font-weight-600);
}

.enroll-details-page-section .ChooseLanguage-box .ChooseLanguage-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2em;
}

.enroll-details-page-section .ChooseLanguage-box label {
    background: var(--white-color);
    padding: 10px 20px 0;
    border-radius: 10px;
    margin: 0 4px;
    border: 1px solid #e7e7e7;
    font-size: 12px;
    line-height: 36px;
    transform: translateY(0);
    transition-duration: .3s;
    cursor: pointer;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.35);
    position: relative;
}

.enroll-details-page-section .ChooseLanguage-box label:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 4px -2px #959595;
}

.enroll-details-page-section .ChooseLanguage-box label img {
    width: 60%;
}

.enroll-details-page-section .ChooseLanguage-box input {
    border: none;
    box-shadow: none;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 6px;
    right: 6px;
}

.enroll-details-page-section .ChooseLanguage-box input[type="radio" i] {
    appearance: auto;
}

.enroll-details-page-box .inputGroup.oly-clsss {
    background-color: var(--white-color);
    position: relative;
    border-radius: 10px;
    margin: 0 20px 10px;
}

.enroll-details-page-box .inputGroup.oly-clsss input {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}

.enroll-details-page-box .inputGroup.oly-clsss label {
    padding: 16px;
    width: 100%;
    font-size: 14px;
    text-align: left;
    color: #716F6F;
    border: 3px solid #cfcfcf;
    cursor: pointer;
    position: relative;
    z-index: 0;
    transition: .5s ease-in-out;
    overflow: hidden;
    box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
    -webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
    display: flex;
    align-items: center;
    justify-content: start;
    background-color: var(--white-color);
    font-weight: var(--font-weight-700);
    border-radius: 10px;
}

.enroll-details-page-box .inputGroup.oly-clsss input:checked~label:after {
    background-color: var(--secondary-color);
    border-color: var(--white-color);
}

.enroll-details-page-box .inputGroup.oly-clsss input:checked~label {
    color: #0e1b35;
}

.enroll-details-page-box .inputGroup.oly-clsss label:after {
    width: 30px;
    height: 30px;
    content: "";
    border: 2px solid #d1d7dc;
    background-color: var(--white-color);
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 0 2px;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: .2s ease-in;
}

.enroll-details-page-box .inputGroup.oly-clsss label:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    background-color: var(--white-color);
    position: absolute;
    left: 50%;
    top: 50%;
    transition: .3s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    z-index: -1;
    transform: translate(-50%, -50%) scale3d(56, 56, 1);
    opacity: 1;
}

.enroll-details-page-box .inputGroup.oly-clsss label h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
}

.enroll-details-page-box .inputGroup.oly-clsss .viewDetailBtn {
    position: absolute;
    right: 17px;
    font-size: 14px;
    color: #161616;
    font-weight: 400;
    top: 18px;
    cursor: pointer;
    height: 33px;
}

.enroll-details-page-box .inputGroup.oly-clsss .dropdown-box {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.3s ease;
    border-radius: 6px;
    padding: 0 15px;
}

.enroll-details-page-box .inputGroup.oly-clsss .dropdown-box.open {
    max-height: 400px;
    padding: 10px;
}

.enroll-details-page-box .inputGroup.oly-clsss .course-container {
    display: flex;
    align-items: flex-start;
}

/* Left box */
.enroll-details-page-box .inputGroup.oly-clsss .course-inclusions {
    flex: 1;
    background: var(--white-color);
    border-radius: 12px;
    box-shadow: -1px -1px 4px 0px rgb(0 0 0 / 11%), 2px 2px 4px 0px rgb(0 0 0 / 6%);
    padding: 18px 14px;
}

.enroll-details-page-box .inputGroup.oly-clsss .course-inclusions h4 {
    color: #5e8cd5;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 500;
}

.enroll-details-page-box .inputGroup.oly-clsss .course-inclusions .item {
    margin-bottom: 10px;
}

.enroll-details-page-box .inputGroup.oly-clsss .course-inclusions .item .item_title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 3px;
}

.enroll-details-page-box .inputGroup.oly-clsss .course-inclusions .item .item_title i {
    font-size: 13px;
    color: #5e8cd5;
    margin-top: 3px;
    padding: 4px;
    background: #50c3e933;
    border-radius: 4px;
}

.enroll-details-page-box .inputGroup.oly-clsss .course-inclusions .item .item_title h6 {
    margin: 0;
    font-size: 14px;
    color: #716F6F;
    font-weight: 400;
    padding: 0px;
}

.enroll-details-page-box .inputGroup.oly-clsss .course-inclusions .item p {
    font-size: 12px;
    color: #777;
    margin-left: 30px;
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 16px;
    line-height: 16px;
}

/* Right box */
.enroll-details-page-box .inputGroup.oly-clsss .course-stats {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 2em;
}

.enroll-details-page-box .inputGroup.oly-clsss .course-stats .stat {
    background: linear-gradient(67deg, #f2f6fc, #b7d1fa);
    color: #285aa9;
    padding: 14px 10px;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.enroll-details-page-box .inputGroup.oly-clsss .course-stats .stat .num {
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-right: 3px;
    color: #285aa9;
}

.enroll-details-page-box .inputGroup.oly-clsss .course-stats .stat small {
    font-size: 10px;
    font-weight: 600;
}

.enroll-details-page-box #result span i {
    font-size: 16px;
    margin-right: 6px;
}

.enroll-details-page-box h5 {
    margin: 0 20px 10px;
    padding-bottom: 10px;
    color: #716F6F;
    font-size: 14px;
    border-bottom: 2px solid #e2e2e2;
    font-weight: var(--font-weight-700);
}

.enroll-details-page-box h5 span {
    font-weight: var(--font-weight-700);
    font-size: 14px;
    color: var(--secondary-color);
}

.enroll-listed-page-table tr td,
.enroll-listed-page-table tr th {
    margin: 0;
    font-size: 13px;
    font-weight: var(--font-weight-400);
    padding: 15px 0 8px;
}

.enroll-listed-page-table {
    width: 90%;
    margin: 20px auto 0;
    border-top: 1px solid #c4c4c4;
}

.enroll-listed-page-table tr th {
    width: 30%;
    color: #414141;
}

.queryform-page {
    background: var(--white-color);
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
    border: 1px solid #f3f3f3;
    width: 100%;
    height: 100%;
    box-shadow: -1px -1px 4px 0px rgba(0, 0, 0, 0.25), 2px 2px 4px 0px rgba(0, 0, 0, 0.35);
}

.queryform-page h5 {
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: var(--font-weight-700);
    color: var(--secondary-color);
}

.queryform-page .form-group {
    float: left;
    width: 48%;
    margin-right: 10px;
    margin-bottom: 16px;
}

.queryform-page label {
    display: block;
    font-weight: var(--font-weight-700);
    font-size: 14px;
    color: #716F6F;
    margin-bottom: 4px;
}

.queryform-page input {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    outline: 0;
    background: var(--white-color);
    font-size: 13px;
    font-weight: var(--font-weight-400);
    height: 40px;
    -webkit-appearance: none;
    border: 2px solid #716f6f5c;
    font-style: italic;
}

.queryform-page select,
.submit-btn {
    outline: 0 !important;
    font-size: 13px !important;
}

.queryform-page select {
    width: 100% !important;
    padding: 10px !important;
    border: 2px solid #716f6f5c !important;
    border-radius: 10px !important;
    background: var(--white-color) !important;
    font-weight: var(--font-weight-400) !important;
    height: 40px !important;
    font-style: italic;
}

.submit-btn {
    border: none !important;
    background: #c94439 !important;
    padding: 8px 20px !important;
    display: block !important;
    border-radius: 4px !important;
    color: var(--white-color) !important;
    font-weight: var(--font-weight-700) !important;
    transition: .5s ease-in-out !important;
    width: 20% !important;
}

.submit-btn:hover {
    background: #497abe;
}

.coupon-box {
    border: 2px dashed #c1c1c1;
    padding: 18px;
    border-radius: 4px;
    background: #f5f5f5;
    margin-bottom: 10px;
}

.notes-box,
.plan-amt-bill-box {
    background: var(--white-color);
    border-radius: 20px;
    box-shadow: -1px -1px 4px 0px rgba(0, 0, 0, 0.25), 2px 2px 4px 0px rgba(0, 0, 0, 0.35);
    width: 100%;
}

.coupon-box h6 {
    margin: 0;
    font-size: 14px;
    color: #ad2a00;
    font-weight: var(--font-weight-400);
    padding-bottom: 10px;
}

.coupon-box .apply-now-btn {
    background: var(--secondary-color);
    text-align: center;
    width: 40%;
    color: var(--white-color);
    font-size: 12px;
    height: auto;
    padding: 8px 0 10px;
    margin-top: 10px;
    line-height: normal;
    border: 0px;
    border-radius: 6px;
}

.plan-amt-bill-box {
    padding: 14px 20px;
    border: 1px solid #f3f3f3;
}

.plan-amt-bill-box li {
    padding: 6px 0;
    font-weight: var(--font-weight-400);
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plan-amt-bill-box li span {
    font-size: 12px;
    color: #0b3673;
}

.notes-box {
    padding: 30px;
    border: 1px solid #f3f3f3;
    margin-top: 2em;
}

.notes-box h2 {
    margin: 0;
    font-size: 14px;
    color: #b65739;
    padding-bottom: 10px;
}

.notes-box ul li {
    list-style: circle;
    padding: 4px 0;
    font-weight: var(--font-weight-400);
}

.notes-box ul li span {
    color: #08274c;
}

.enroll-details-page-box .enroll-details-h3-box {
    color: var(--white-color);
    background: #3a4a99;
    padding: 20px;
    border-radius: 20px 20px 0 0;
    margin-bottom: 20px;
}

.enroll-details-page-box .enroll-details-h3-box h3 {
    margin: 0;
    font-size: 18px;
}

.enroll-details-page-box .enroll-details-h3-box h6 {
    margin: 0;
    padding: 4px 0;
    font-size: 24px;
    color: #eee;
    font-weight: var(--font-weight-700);
}

.enroll-details-page-box .enroll-details-h3-box h6 .line-through {
    text-decoration: line-through;
    color: var(--orange-color);
    margin-right: 10px;
}

/* privacy, term, disclamer page */
.privatepolicy-section,
.termscond-page-section,
.disclaimer-page-section {
    background: #f5f5f5;
}

.disclaimer-page-box,
.privatepolicy-box,
.termscond-page-box {
    border: 1px solid #e6e6e6;
}

.disclaimer-page-section .disclaimer-page-box p,
.privatepolicy-section .privatepolicy-box p,
.termscond-page-section .termscond-page-box p {
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}

.privatepolicy-section .privatepolicy-box h1,
.disclaimer-page-section .disclaimer-page-box h1,
.termscond-page-section .termscond-page-box h1 {
    color: var(--orange-color);
}

.disclaimer-page-section .disclaimer-page-box h4,
.privatepolicy-section .privatepolicy-box h4,
.termscond-page-section .termscond-page-box h4 {
    color: var(--secondary-color);
}

/* award and recognition page */
.pages-hero-section.award-hero-bg {
    background: url(/wp-content/themes/shine-olympiad/images/award-page-bg.png) repeat center center / contain, linear-gradient(171deg, #16448d 0%, #299fa2 100%);
}

.award-slideImage.slide-in-up {
    position: absolute;
    z-index: 1;
    animation: slideInUpAwardImg 0.9s ease-out;
}

.award_pageDiv .award-slideImage.slide-in-up {
    right: -60px;
    top: 0px;
}

@keyframes slideInUpAwardImg {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.award_pageDiv .award-slideImage.slide-in-up img {
    width: 56%;
    object-fit: contain;
}

.award-boxIcon {
    width: 44px;
    height: 42px;
    padding: 10px;
}

.award-page-section {
    padding: 3em 0;
}

.award-page-section .award-prize-box h2 {
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: var(--font-weight-700);
    color: var(--secondary-color);
}

.award-page-section .award-prize-box h3 {
    margin: 30px 0 6px 0;
    font-size: 20px;
    font-weight: var(--font-weight-700);
    color: var(--secondary-color);
}

.award-page-section .award-prize-box ol {
    padding-left: 40px;
    margin: 0;
}

.award-page-section .award-prize-box ol li {
    margin-bottom: 10px;
    font-size: 14px;
    color: #575859;
}

.award-page-section .award-prize-box ul {
    margin: 4px 20px 10px 0px;
}

.award-page-section .award-prize-box ul li {
    list-style: disc;
    padding: 4px 0;
    font-weight: var(--font-weight-500);
    font-size: 13px;
    line-height: 16px;
}

.award-page-section .award-prize-box .ProvidedthestudentTxt {
    margin: 0;
    padding: 20px 30px;
    color: #ef2b2b;
    font-size: 14px;
}

.award-prize-boxFlex img {
    width: 474px;
    position: absolute;
    right: 16px;
    border-radius: 0 10px 10px 0;
    z-index: 0;
}

.award-prize-boxFlex {
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #dfecff;
    display: flex;
    justify-content: space-between;
    background: #edf4ff;
    align-items: center;
    width: 100%;
    padding: 30px;
}

.award-prize-boxFlex .award-prize-box {
    width: 60%;
    position: relative;
    z-index: 1;
}

.award-page-section .req-exam-box h1 {
    margin: 0;
    font-size: 20px;
    font-weight: var(--font-weight-600);
    color: #183a71;
}

.award-page-section .req-exam-box ul {
    margin-top: 10px;
    margin-left: 20px;
}

.award-page-section .req-exam-box ul li {
    list-style: disc;
    padding: 6px 0;
    font-weight: var(--font-weight-500);
    font-size: 13px;
    line-height: 20px;
}

.req-exam-box {
    padding: 30px;
    border-radius: 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #f3f3f3;
    height: 340px;
    background: url('/wp-content/plugins/tet-india/images/req-exams.png');
}

/* blog page */
.pages-hero-section.blog-hero-bg {
    background: url(/wp-content/themes/shine-olympiad/images/blog-page-bg.png) repeat center center / contain, linear-gradient(171deg, #16448d 0%, #299fa2 100%);
}

.blogsPage-section {
    padding: 3em 0;
}

.blogsPage-section .blogsCard-box .blogs-listDiv {
    transition: .25s ease-in-out;
    min-height: 140px;
    border: 2px solid #e9e9e9;
}

.blogsPage-section .blogsCard-box .blogList-img {
    width: 200px;
    height: 100px;
    border-radius: 10px;
}

.blogsPage-section .blogsCard-box .blogList-img img {
    object-fit: cover;
    width: 100%;
}

.blogsPage-section .blogsCard-box .blogList-content .timeDayText {
    text-align: end;
    position: absolute;
    top: -10px;
}

.blogsPage-section .blogsCard-box .blogList-content h4 {
    font-size: 18px;
}

.blogsPage-section .blogsCard-box .blogList-content p {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
}

.blogsPage-section .blogsCard-box .read-more-btn {
    margin: 6px 0px 0px;
    background-color: #285aa9;
    color: #fff;
    padding: 6px 10px;
    width: fit-content;
    border-radius: 6px;
    font-size: 13px;
}

.blogsPage-section .next.page-numbers,
.blogsPage-section .page-numbers,
.blogsPage-section .page-numbers.current {
    color: var(--white-color);
    padding: 4px 8px;
    display: inline-block;
    border-radius: 2px;
}

.blogsPage-section .page-numbers.current {
    background: var(--secondary-color)
}

.blogsPage-section .next.page-numbers,
.blogsPage-section .page-numbers {
    background: #b7b7b7
}

/* detail-blogs-section */
.detail-blogs-section {
    padding: 3em 0;
    background: #f5f5f5
}

.detail-blogs-section .blogs-list-div .blog-details-heading {
    color: var(--secondary-color);
    line-height: 30px;
}

.detail-blogs-section .blog-details-post {
    color: var(--orange-color);
}

.detail-blogs-section .blogs-list-div ol li {
    font-size: 15px;
    font-weight: 100
}

.detail-blogs-section .blogs-list-div p img,
.detail-blogs-section .blogs-list-div figure {
    width: 100%;
}

.detail-blogs-section .blogs-list-div figure img {
    width: 100%;
    object-fit: cover;
    height: 300px;
}

.detail-blogs-section .blogs-list-div p,
.detail-blogs-section .blogs-list-div p strong a {
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 10px;
    line-height: 24px;
    color: gray;
}

.detail-blogs-section .blogs-list-div p strong {
    font-size: 16px;
}

.detail-blogs-section .blogs-list-div p span strong {
    font-size: 14px;
    font-weight: 100;
}

.detail-blogs-section .blogs-list-div p span {
    font-weight: 100;
    line-height: 22px;
    font-size: 14px;
}

.detail-blogs-section .blogs-details-para {
    color: #616161;
    font-size: 14px;
}

.detail-blogs-section .blog-details-img {
    width: 100%;
    margin-bottom: 20px
}

.detail-blogs-section .latest-div-box h4,
.detail-blogs-section .trending-div-box h4 {
    font-size: 18px;
    text-align: center;
    padding: 12px 0;
    font-weight: var(--font-weight-600);
    color: var(--white-color)
}

.detail-blogs-section .latest-div-box ul li {
    border-bottom: 1px solid #dcdcdc
}

.detail-blogs-section .latest-div-box ul li img {
    width: 100px;
    min-width: 100px;
    height: auto;
    max-width: 100px;
    border-radius: 4px;
    margin-right: 20px;
}

.detail-blogs-section .latest-div-box ul li h6 a {
    color: #3d3d3d;
    font-size: 14px;
}

/* gallery page */
.galleryPage-section {
    padding: 2em 0;
}

.galleryPage-section .imagePageDivider .gallery-year {
    background-color: #53c2ba40;
    color: #39b1a9;
    font-size: 30px;
    font-weight: 800;
    text-shadow: -1px 3px #39b1a926;
}

.galleryPage-section .imagePageDivider img {
    margin-left: 160px;
    width: 90px;
    top: -24px;
}

.galleryPage-section .category-title {
    font-size: 24px;
    font-weight: 500;
    border-bottom: 2px solid #6dc1bb6b;
    padding-bottom: 6px;
    color: #285aa9;
    margin: 20px 0px;
}

.galleryPage-section .gallery-row {
    gap: 20px;
}

.galleryPage-section .magnific-img {
    display: inline-block;
    width: 23.8%;
}

.galleryPage-section .magnific-img img {
    width: 100%;
    height: 300px;
    margin-bottom: 10px;
    object-fit: cover;
    border-radius: 10px;
    transition: all .5s ease-in-out;
}

.galleryPage-section .magnific-img img:hover {
    box-shadow: 0 0 5px 1px darkgrey;
    transform: scale(1.1);
    border: 5px solid #fff;
}

a.image-popup-vertical-fit {
    cursor: -webkit-zoom-in;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.98;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-arrow-left:before {
    border-right: none !important;
}

.mfp-arrow-right:before {
    border-left: none !important;
}

button.mfp-arrow,
.mfp-counter {
    opacity: 0 !important;
    transition: opacity 200ms ease-in, opacity 2000ms ease-out;
}

.mfp-container:hover button.mfp-arrow,
.mfp-container:hover .mfp-counter {
    opacity: 1 !important;
}

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: var(--white-color);
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: var(--white-color);
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: var(--white-color);
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid var(--white-color);
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid var(--white-color);
    margin-left: 39px;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

/* winner page */
.scoreNote {
    font-size: 14px;
    color: #FF5722;
    padding: 0px;
    margin-bottom: 4px;
}

.pages-hero-section.winner-hero-bg {
    background: url(/wp-content/themes/shine-olympiad/images/winner-page-bg.png) repeat center center / contain, linear-gradient(171deg, #16448d 0%, #299fa2 100%);
}

.winner_pageDiv .award-slideImage.slide-in-up {
    right: 70px;
    top: 10px;
}

.winner_pageDiv .award-slideImage.slide-in-up img {
    width: 300px;
    object-fit: contain;
}

.oly-winner-section {
    padding: 4em 0 3em;
}

.oly-winner-section .oly-winner-box {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 16%);
    margin-bottom: 30px;
    height: 350px;
}

.oly-winner-section .oly-winner-img h4 {
    font-size: 20px;
    color: #004a92;
}

.oly-winner-section .oly-winner-img h5 {
    font-size: 18px;
    color: #004a92;
}

.oly-winner-section .oly-winner-img p {
    color: #40aea6;
    font-size: 16px;
}

.oly-winner-section .oly-winner-box .oly-winner-rank {
    top: -13px;
    left: 30px;
    width: 26%;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #FF3838;
    padding: 8px;
}

.oly-winner-section .oly-winner-box .oly-winner-rank:before {
    content: ' ';
    position: absolute;
    left: -12px;
    top: 0px;
    width: 0;
    border: 7px solid;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.oly-winner-section .oly-winner-box .oly-winner-rank:before {
    border-top-color: transparent;
    border-right-color: #950404;
    border-bottom-color: #950404;
    border-left-color: transparent;
}

.oly-winner-section .oly-winner-box .oly-winner-img .person-image {
    width: 130px;
    height: 130px;
    object-fit: cover;
}

.oly-winner-section .oly-winner-box .oly-winner-img .image_Box .star-animate {
    clip-path: polygon(50% 0%,
            61% 35%,
            98% 35%,
            68% 57%,
            79% 91%,
            50% 70%,
            21% 91%,
            32% 57%,
            2% 35%,
            39% 35%);
    animation: pulse 1.5s infinite;
    cursor: pointer;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.oly-winner-section .oly-winner-box .oly-winner-img .image_Box .star-size {
    width: 26px;
    height: 40px;
    left: 26px;
    top: 60px;
    opacity: 0.4;
}

.oly-winner-section .oly-winner-box .oly-winner-img .image_Box .starsecond-size {
    width: 30px;
    height: 50px;
    right: 30px;
    top: 0px;
    opacity: 0.2;
}

.oly-winner-section .oly-winner-box .oly-winner-img .image_Box .star-smallsize {
    width: 25px;
    height: 25px;
    right: 90px;
    bottom: 3px;
}

/* first card */
.oly-winner-section .oly-winner-box-1 .oly-winner-img .person-image {
    border: 8px solid #ffd700;
    box-shadow: 0 5px 0px rgba(0, 0, 0, 0.16), 0 5px 4px rgb(255 215 0);
}

.oly-winner-section .oly-winner-box-1 .oly-winner-img .image_Box .circle {
    border: 8px solid #ffd7004f;
}

.oly-winner-section .oly-winner-box-1 .oly-winner-img .image_Box .top-cicle {
    border: 12px solid #ffd70017;
}

.oly-winner-section .oly-winner-box-1 .oly-winner-img .image_Box .star-animate {
    background: gold;
}

.oly-winner-section .oly-winner-box:hover .hover_arrowBox {
    opacity: 1;
    visibility: visible;
}

.oly-winner-section .hover_arrowBox {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.oly-winner-section .hover_arrowBox img {
    transform: translateY(-50%);
    left: auto;
    right: auto;
    transition:
        left 0.9s cubic-bezier(.25, .8, .25, 1),
        right 0.9s cubic-bezier(.25, .8, .25, 1),
        opacity 0.5s cubic-bezier(.25, .8, .25, 1);
    opacity: 0.8;
    pointer-events: none;
    width: 26px;
    object-fit: contain;
}

.oly-winner-section .hover_arrowBox .leftfirst,
.oly-winner-section .hover_arrowBox .rightfirst {
    opacity: 0;
}

.oly-winner-section .hover_arrowBox .leftfirst {
    left: -20px;
    top: 62%;
}

.oly-winner-section .hover_arrowBox .rightfirst {
    right: -20px;
    transform: rotate(180deg);
    top: 59%;
}

.oly-winner-section .oly-winner-box:hover .hover_arrowBox .leftfirst,
.oly-winner-section .oly-winner-box:hover .hover_arrowBox .rightfirst {
    opacity: 1;
    animation: none;
}

.oly-winner-section .oly-winner-box:hover .hover_arrowBox .leftfirst {
    left: 25px;
}

.oly-winner-section .oly-winner-box:hover .hover_arrowBox .rightfirst {
    right: 25px;
}

/* second card */
.oly-winner-section .oly-winner-box-2 .oly-winner-img .person-image {
    border: 8px solid #a1a1a1;
    box-shadow: 0 5px 0px rgba(0, 0, 0, 0.16), 0 5px 4px rgb(161 161 161);
}

.oly-winner-section .oly-winner-box-2 .oly-winner-img .image_Box .circle {
    border: 8px solid #90908f4f;
}

.oly-winner-section .oly-winner-box-2 .oly-winner-img .image_Box .top-cicle {
    border: 12px solid #99999917;
}

.oly-winner-section .oly-winner-box-2 .oly-winner-img .image_Box .star-animate {
    background: #999999;
}

/* third card */
.oly-winner-section .oly-winner-box-3 .oly-winner-img .person-image {
    border: 8px solid #961717;
    box-shadow: 0 5px 0px rgba(0, 0, 0, 0.16), 0 5px 4px rgb(104 17 17);
}

.oly-winner-section .oly-winner-box-3 .oly-winner-img .image_Box .circle {
    border: 8px solid #96171745;
}

.oly-winner-section .oly-winner-box-3 .oly-winner-img .image_Box .top-cicle {
    border: 12px solid #96171714;
}

.oly-winner-section .oly-winner-box-3 .oly-winner-img .image_Box .star-animate {
    background: #961717;
}

.mandatory {
    color: red;
}

/* video page style */
.pages-hero-section {
    min-height: 200px;
}

.pages-hero-section.video-hero-bg {
    background: url(/wp-content/themes/shine-olympiad/images/video-page-bg.png) repeat center center / contain, linear-gradient(171deg, #16448d 0%, #299fa2 100%);
}

.pages-hero-section h1 {
    letter-spacing: 0.5px;
    font-size: 32px;
}

.pages-hero-section p {
    max-width: 760px;
    font-size: 18px;
}

.videoBox-sec {
    padding: 2em 0em;
}

.videoBox-sec .video-class-section .video-card {
    margin-bottom: 2em;
}

.videoBox-sec .video-class-section .video-card img {
    height: 150px;
    object-fit: cover;
    min-height: 150px;
}

.videoBox-sec .video-class-section .video-card .play-btn {
    width: 50px;
    height: 50px;
}

.videoBox-sec .video-class-section .video-card .video-contents h2 {
    min-height: 50px;
    font-size: 16px;
    line-height: 22px;
}

.videoBox-sec .video-class-section .video-card .video-contents .badge {
    background: #eafaf7;
    color: #16b49c;
    font-size: 13px;
}

.videoBox-sec .unlock-card {
    background: linear-gradient(135deg, #285aa9 40%, #5edeb5 100%);
    max-width: 390px;
    transition: top 0.5s;
    padding: 20px 30px;
}

.videoBox-sec .unlock-card.is-sticky {
    top: 20px;
    position: fixed;
    width: 100%;
}

.videoBox-sec .unlock-card i {
    width: 40px;
    height: 38px;
    font-size: 20px;
    background-color: #597fbc;
}

.videoBox-sec .unlock-card i span {
    line-height: 1.38;
}

.videoBox-sec .unlock-card .unlock_btnBox a {
    color: #285aa9;
    padding: 10px;
    font-size: 16px;
    transition: background .2s, color .2s;
    display: block;
    border-radius: 12px;
}

.videoBox-sec .unlock-card .list-unstyled li {
    font-size: 13px;
    font-weight: 400;
}

.videoBox-sec .unlock-card .bottom-text {
    color: #deeeff;
    font-style: italic;
}

#videoModal .modal-body iframe {
    height: 450px;
    object-fit: contain;
}

#videoModal .modal-body .btn-close {
    top: 0px;
    right: -4px;
}