/* Global Reset and Box-sizing */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Smooth Scrolling for supported browsers */
html {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* Root Variables */
:root {
    --primary-color: #fff;
    --secondary-color: #0178FE;
    --tertiary-color: #0178FE;
    --background-light: #c0cdff;

    --h1: clamp(32px, 5vw, 50px);
    --fw-h1: 900;

    --h2: clamp(28px, 4vw, 45px);
    --fw-h2: 800;

    --h3: clamp(26px, 3.5vw, 40px);
    --fw-h3: 700;

    --h4: clamp(22px, 3vw, 35px);
    --fw-h4: 600;

    --h5: clamp(20px, 2.5vw, 30px);
    --fw-h5: 500;

    --h6: clamp(16px, 2vw, 20px);
    --fw-h6: 400;

    --p: clamp(14px, 2.5vw, 16px);
    --fw-p: 400;
}

/* Base Body */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--primary-color);
    color: #000;
}

/* Typography */
h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 15px;
}

h1 {
    font-size: var(--h1);
    font-weight: var(--fw-h1);
    color: var(--secondary-color);
}

h2 {
    font-size: var(--h2);
    font-weight: var(--fw-h2);
}

h3 {
    font-size: var(--h3);
    font-weight: var(--fw-h3);
}

h4 {
    font-size: var(--h4);
    font-weight: var(--fw-h4);
    color: var(--tertiary-color);
    font-family: 'Times New Roman', Times, serif;
}

h5 {
    font-size: var(--h5);
    font-weight: var(--fw-h5);
}

h6 {
    font-size: var(--h6);
    font-weight: var(--fw-h6);
}

p {
    font-size: var(--p);
    font-weight: var(--fw-p);
    font-family: 'Times New Roman', Times, serif;
    text-align: justify;
}

/* Lists */
ul {
    list-style: none;
    padding-left: 0;
}

/* Select Option */
select option {
    font-family: 'Times New Roman', Times, serif;
}

/* Alert Box */
.alertbox {
    z-index: 99999999999 !important;
}
.alertbox .alertboxmain .alertboxhead .alertbox-title {
    color: var(--secondary-color) !important;
}

/* Apply Button */
.apply-btn .btn {
    background: var(--tertiary-color);
    position: fixed;
    top: 300px;
    left: -49px;
    transform: rotate(90deg);
    color: var(--primary-color);
    font-size: 20px;
    text-transform: uppercase;
    word-spacing: 8px;
    white-space: nowrap;
}

/* Apply Now Overlay */
.apply-now-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1040;
    display: none;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.apply-now {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    width: 60%;
    transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
}

.apply-now.d-block {
    display: block;
    opacity: 1;
    visibility: visible;
}

.apply-now.d-none {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.apply-form-content {
    transform: scale(0.5);
    transition: transform 1s ease-in-out;
}

.apply-now.d-block .apply-form-content {
    transform: scale(1);
}

.apply-now span {
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-color);
    background: red;
    padding: 7px 15px;
    cursor: pointer;
}

/* Top Header */
.top-header {
    background-color: var(--secondary-color);
}

.top-header ul li span {
    font-weight: 600;
    color: #e6e6e6;
    font-size: 14px;
}

.top-header ul li i {
    color: var(--primary-color);
    font-size: 20px;
}

.top-header .icons i {
    font-size: 20px;
    background-color: var(--primary-color);
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    padding: 5px;
    border-radius: 20%;
    margin: 0 10px;
    cursor: pointer;
}

/* Main Menu */
.sticky-top {
    box-shadow: 0 0 10px 0 gray;
}

.menu {
    background-color: var(--primary-color);
    color: #000;
    padding: 0;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.menu .navbar-brand img {
    max-width: 100%;
    height: 10vh;
}

.navbar-light .navbar-nav {
    flex-wrap: wrap;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
    padding: 0 15px;
    transition: color 0.3s ease;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--secondary-color);
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    .menu .navbar-brand img {
        max-height: 50px;
        max-width: 100%;
    }

    .apply-now {
        width: 90%;
    }

    .apply-btn .btn {
        font-size: 16px;
        left: -40px;
    }

    .alertbox .alertboxmain {
        max-width: 95vw;
    }
}



/*----------------------------------------------
# Hero Section - Slider Styling
----------------------------------------------*/

.hero-slider {
    font-family: 'Roboto', sans-serif;
    background: linear-gradient(to right, #D7E9F7, #F6F9FE, #D7E9F7);
    overflow-x: hidden;
    position: relative;
}

/* Headings */
.hero-section h1 {
    font-size: clamp(1.8rem, 5vw, 3.4rem);
    font-weight: bold;
    color: #000;
    padding-top: 90px;
    line-height: 1.2;
}

.hero-section h1 span {
    color: #FD7D12;
}

/* Paragraph */
.hero-section p {
    color: #718096;
    font-size: clamp(1rem, 2.5vw, 1.25rem);
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Button */
.hero-section .btn {
    background-color: #FD7D12;
    opacity: 0.8;
    color: white;
    transition: all 0.3s ease-in-out;
}

.hero-section .btn:hover {
    opacity: 1;
}

/* Info Boxes */
.info-box-1,
.info-box-2 {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 2;
    animation: fadeUp 7s linear infinite;
    max-width: 280px;
}

@keyframes fadeUp {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(40px);
    }
    100% {
        transform: translateY(0px);
    }
}

.info-box i {
    color: #38a169;
    margin-right: 10px;
    font-size: 20px;
}

.info-box span {
    font-weight: bold;
    color: #2d3748;
}

.info-box small {
    color: #718096;
}

/* Info Box Positions */
.info-box-1 {
    top: 107px;
    left: 85%;
}

.info-box-2 {
    top: 220px;
    left: 50%;
}

/* Hero Image */
.hero-section img {
    z-index: 1;
    max-width: 100%;
    height: auto;
}

/* Circle Backgrounds */
.circle-bg {
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}

.circle-bg.green {
    background-color: #D7E9F7;
    width: 160px;
    height: 160px;
    top: 20%;
    left: 73%;
    transform: translate(-50%, -50%);
}

.circle-bg.pink {
    background-color: rgb(249, 229, 213);
    width: 160px;
    height: 160px;
    top: 46%;
    left: 44%;
    transform: translate(50%, -50%);
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .hero-section h1 {
        padding-top: 70px;
    }
    .info-box-1 {
        top: -50px;
        left: 80%;
    }
    .info-box-2 {
        top: -300px;
        left: 130%;
    }
}

@media (max-width: 992px) {
    .hero-section h1 {
        padding-top: 60px;
    }
    .info-box-1 {
        top: -30px;
        left: 70%;
    }
    .info-box-2 {
        top: -250px;
        left: 120%;
    }
    .circle-bg.green,
    .circle-bg.pink {
        width: 120px;
        height: 120px;
        top: 64%;
    }
}

@media (max-width: 768px) {
    .hero-section h1 {
        padding-top: 40px;
    }
    .info-box-1,
    .info-box-2 {
        flex-direction: column;
        align-items: flex-start;
        top: auto;
        bottom: 10%;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
    }
    .feature-card {
        padding: 16px;
    }
    .circle-bg.green,
    .circle-bg.pink {
        top: auto;
        bottom: 20%;
    }
}

@media (max-width: 576px) {
    .hero-section h1 {
        padding-top: 20px;
    }
    .slick-prev:before{
            content: '' !important;
    }
    .slick-next:before{
            content: '' !important;
    }
    .slick-next {
        display: none !important;
    }
    
    .slick-prev {
        display: none !important;
    }
    
    .info-box-2 {
        width: 56% !important;
        left: 20% !important;
        top: auto;
        bottom: 10%;
        transform: translateX(-50%);
        flex-direction: column;
    }
    .info-box-1{
        display:  none !important;
    }
    /* Footer responsive links */
    footer .link .link-item {
        width: 100% !important;
        padding: 20px !important;
        align-items: center;
        text-align: center;
        justify-content: center;
    }
    
    footer .link .suscriber input {
        width: 100% !important;
    }
    
    footer .link .suscriber button {
        margin-left: 0px !important;
    }
    .hero-section .btn {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .feature-card {
        display: none !important;
    }
    .circle-bg.green,
    .circle-bg.pink {
        width: 100px;
        height: 100px;
    }


     .apply-btn .btn {
        display: none !important;
    } 
    
}
.apply-btn .btn::after {
    content: "\f061"; /* Unicode for the arrow-right icon */
    font-family: "Font Awesome 5 Free"; /* Ensure Font Awesome 5 is loaded */
    font-weight: 900; /* Required for solid icons */
    margin-left: 8px;
}





/* Active list animation fix */
.active-list {
    transform: translateX(0px);
}



/* Country title responsive */
.country_title {
    z-index: 99;
    text-align: left;
    width: 100% !important;
    padding: 10px !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    
}

/* Class name title styling */
.class_name {
        font-size: 120px;
    font-weight: 900;
    font-style: italic;
}






/* Country Title */
.country_title {
    z-index: 99;
    text-align: left;
    align-items: left;
    width: 50%;
    margin-left: 119px !important; /* Fixed incorrect property */
    padding-left: 130px;
    display: flex;
    flex-direction: column;
}

/* Class Name Styling */
.class_name {
    font-size: clamp(2rem, 10vw, 120px); /* Responsive font size */
    font-weight: 900;
    font-style: italic;
    word-wrap: break-word;
}

/* Featured Card */
.feature-card {
    background-color: white;
    padding: 24px;
    border-left: 1px solid gray;
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: for shadow effect */
}

/* Slick Slider */
.slick-slider {
    width: 96%;
    margin: auto;
}

/* Middle Element Styling */
.middle {
    border-right: 1px solid gray;
    border-left: 1px solid gray;
}

/* Feature Card Heading and Paragraph */
.feature-card h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 16px;
}

.feature-card p {
    color: #6c757d;
    margin-bottom: 24px;
}

/* Objectives Section */
.objectives {
    position: relative;
    padding: 0px 50px 50px 50px;
    margin-top: 0px;
    background: #f6f6f6;
}

/* Objective Item Background and Icon Styling */
.objectives-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.objectives-item i {
    padding-top: 40px;
    font-size: 100px;
    color: #FD7D12;
}

/* Text Styling in Objectives */
.objectives-item .heading {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 10px;
}

.objectives-item .content {
    font-size: 16px;
    margin-bottom: 10px;
}

/* Objective Links */
.objectives-item a {
    font-weight: 200;
    color: var(--secondary-color);
    text-decoration: none;
}

.objectives-item .read-more-btn button:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .country_title {
        padding-left: 60px;
        width: 60%;
    }

    .feature-card h2 {
        font-size: 1.15rem;
    }

    .feature-card p {
        font-size: 14px;
    }

    .objectives-item i {
        font-size: 90px;
    }

    .objectives-item .heading {
        font-size: 18px;
    }

    .objectives-item .content {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .country_title {
        padding-left: 30px;
        width: 80%;
    }

    .class_name {
        font-size: 80px;
    }

    .feature-card {
        padding: 20px;
    }

    .feature-card h2 {
        font-size: 1.1rem;
    }

    .feature-card p {
        font-size: 13px;
    }

    .objectives-item i {
        font-size: 70px;
    }

    .objectives-item .heading {
        font-size: 16px;
    }

    .objectives-item .content {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .country_title {
        padding-left: 15px;
        width: 90%;
        margin-left: 0px !important;
    }

    .class_name {
        font-size: 60px;
    }

    .feature-card {
        padding: 16px;
    }

    .feature-card h2 {
        font-size: 1rem;
    }

    .feature-card p {
        font-size: 12px;
    }

    .objectives-item i {
        font-size: 60px;
    }

    .objectives-item .heading {
        font-size: 14px;
    }

    .objectives-item .content {
        font-size: 12px;
    }

    .objectives-item a {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .class_name {
        font-size: 50px;
    }
    /* Director message styling */
.message-from-director .mid-circle,
.message-from-director .big-circle {
    display: none !important;
}

.message-from-director .image img {
    border-top-left-radius: 0px !important;
    padding-top: 10px !important;
    max-width: 100%;
    height: auto;
}

.message-from-director .message {
    width: 100% !important;
    text-align: justify;
}

    .feature-card h2 {
        font-size: 1rem;
    }

    .feature-card p {
        font-size: 12px;
    }

    .objectives-item i {
        font-size: 50px;
    }

    .objectives-item .heading {
        font-size: 14px;
    }

    .objectives-item .content {
        font-size: 12px;
    }

    .objectives-item a {
        font-size: 14px;
    }
}


/* - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - - -*/
/* - - - - - - - - - - - - - - - -  About Us  - - - - - - - -  - -  - - -  */
/* - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - - -*/

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about{
    padding: 100px 70px;
}
.about .about-meta {
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 1rem;
    display: inline-block;
}

.about .about-title {
    font-size: 1.75rem;
    margin-bottom: 1rem;
    line-height: 1.2;
    font-weight: 700;
}

@media (max-width: 992px) {
    .about .about-title {
        font-size: 2rem;
    }
}

.about .about-description {
    margin-bottom: 2rem;
    /* color: color-mix(in srgb, var(--secondary-color), transparent 20%); */
}

.about .feature-list-wrapper {
    margin-bottom: 2rem;
}

.about .feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.about .feature-list li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.about .feature-list li i {
    color: #FD7D12;
    font-size: 1.25rem;
}

.message-from-director h2{
    font-size: 50px;
    font-weight: 600;
    /* font-style: italic; */
    font-family: 'Times New Roman', Times, serif;
}
.message-from-director h2 span{
    color: #FD7D12;
    font-size: 60px;
    font-weight: 900;
}
.message-from-director .big-circle{
    border: 20px solid var(--secondary-color);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    left: -4%;
    top: -5%;
    z-index: 0;
}
.message-from-director .mid-circle{
    border: 10px solid var(--secondary-color);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    left: -20%;
    top: 15%;
    z-index: 0;
}
.message-from-director .message{
    width: 80%;
    text-align: justify;
}
.message-from-director .image{
    position: relative;
    /* width: 30%; */
    /* left: 40%;
    top: 50%; */
    background: #F0EFEB;
    z-index: 99;
    border-top-left-radius: 60px;
}
.message-from-director .image img{
    width: 100%;
    border-top-left-radius: 60px;
    z-index: 2;
}



@media (max-width: 992px) {
    .about .image-wrapper {
        padding-left: 0;
        margin-top: 3rem;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
}

@media (max-width: 992px) {
    .about .image-wrapper .images {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
}

@media (max-width: 992px) {
    .about .image-wrapper .main-image {
        margin-left: 0;
    }
}

.about .image-wrapper .small-image {
    position: absolute;
    top: 20%;
    right: -10%;
    width: 45%;
    border: 8px solid #FD7D12;
}

@media (max-width: 992px) {
    .about .image-wrapper .small-image {
        position: static;
        width: 100%;
        margin: 0 auto;
        border: 0;
    }
}
@media (max-width: 576px) {
    .about{
        padding: 100px 20px !important;
    }
}



/* // END STYLING FOR OBJECTIVES */

/* STYLING WHY CHOSSE US */

.objective-list{
    /* background: linear-gradient(to top, #D1E5F6, #D7E9F7, #F6F9FE, #e0eefa); */
    padding: 50px 0;
    
}
.card-margin {
margin-bottom: 1.875rem;
}

.card {
    border: 0;
    box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
    -ms-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #e6e4e9;
    border-radius: 8px;
    transition: .5s ease-in-out;
}

.card:hover{
    transform: scale(1.05);
    box-shadow: 0 0 12px 0.01px #060606;
}

.card .card-header.no-border {
    border: 0;
}
.card .card-header {
    background: none;
    padding: 0 0.9375rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    min-height: 50px;
}
.card-header:first-child {
    border-radius: calc(8px - 1px) calc(8px - 1px) 0 0;
}

.widget-49 .widget-49-title-wrapper {
  display: flex;
  align-items: center;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ffeee0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-day {
  color: #FD7D12;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}


.widget-49 .widget-49-title-wrapper .widget-49-date-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fcfcfd;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary .widget-49-date-day {
  color: #dde1e9;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}


.widget-49 .widget-49-title-wrapper .widget-49-date-success {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #e8faf8;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success .widget-49-date-day {
  color: #17d1bd;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}


.widget-49 .widget-49-title-wrapper .widget-49-date-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ebf7ff;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-day {
  color: #36afff;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}


.widget-49 .widget-49-title-wrapper .widget-49-date-warning {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #bbdbff;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning .widget-49-date-day {
  color: #0178FE;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}



.widget-49 .widget-49-title-wrapper .widget-49-date-danger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #feeeef;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-day {
  color: #F95062;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}


.widget-49 .widget-49-title-wrapper .widget-49-date-light {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fefeff;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-day {
  color: #f7f9fa;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}


.widget-49 .widget-49-title-wrapper .widget-49-date-dark {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ebedee;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-day {
  color: #394856;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}


.widget-49 .widget-49-title-wrapper .widget-49-date-base {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f0fafb;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-day {
  color: #68CBD7;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}


.widget-49 .widget-49-title-wrapper .widget-49-meeting-info {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-pro-title {
  color: #FD7D12;
  font-size: 18px;
  /* font-weight: 00; */
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-meeting-time {
  color: #0178FE;
  font-size: 15px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.widget-49 .widget-49-meeting-points {
  font-weight: 400;
  font-size: 13px;
  margin-top: .5rem;
}

.widget-49 .widget-49-meeting-points .widget-49-meeting-item {
  display: list-item;
  color: #727686;
}

.widget-49 .widget-49-meeting-points .widget-49-meeting-item span {
  margin-left: .5rem;
}

.widget-49 .widget-49-meeting-action {
  text-align: right;
}

.widget-49 .widget-49-meeting-action a {
  text-transform: uppercase;
}
/* .objective-lis .carousel-control-prev-icon, .objective-lis .carousel-control-next-icon{
    background-color: red !important;
    color: #0178FE !important;
} */
 .carousel-control-prev-icon{
    display: none;
 }
 .carousel-control-next-icon {
        filter: invert(26%) sepia(96%) saturate(3954%) hue-rotate(204deg) brightness(92%) contrast(98%);
        font-size: 11px;
        width: 25px;
    }
  

.why-choose-us{
    /* background: linear-gradient(to top, #edf2f7, #D7E9F7, #F6F9FE, #edf3f8); */
}
/* Why Choose Us Section */
.why-choose-us i {
    color: #1284fd;
}

.why-choose-us h6 {
    color: #FD7D12;
}

.why-choose-us p {
    color: rgb(95, 95, 95);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.why-choose-us .card-items {
    border: 1px solid #FD7D12;
    transition: .5s ease-in-out;
    padding: 10px;
    border-radius: 20px;
    cursor: pointer;
}

.why-choose-us .card-items:hover {
    transform: scale(1.03);
}

/* Styling for Our Classes */
.bg-gradients {
    /* background: url('../'); */
}

.our-classes {
    /* background: #fff; */
}

.our-classes h2 {
    color: #0178FE;
    font-size: 60px;
    padding-bottom: 30px;
    text-align: center;
    font-weight: 600;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.our-classes img {
    width: 100%;
    height: auto;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.our-classes img:hover {
    transform: scale(1.1);
    overflow: hidden;
}

.our-classes .class-content {
    width: 58%;
    padding-left: 90px;
}

.our-classes .class-content .click-btn button {
    font-size: 20px;
    font-weight: 800;
    font-family: 'Times New Roman', Times, serif;
    padding: 15px 18px;
    border: 1px solid var(--primary-color);
    background-color: var(--secondary-color);
    color: var(--primary-color);
}

.our-classes .class-content .click-btn .greater {
    margin-left: -4px;
}

.our-classes .class-content h4 {
    display: inline-block;
    color: #000;
    font-weight: 700;
    padding-bottom: 10px;
}

.our-classes a button {
    border: 1px solid var(--secondary-color);
    border-radius: 40px;
    color: var(--secondary-color);
    margin: 20px 0;
}

/* Styling for Testimonials */
.testimonials-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 110px;
}

.testimonials-section .testimonials-layer h4 {
    color: #fff;
}

.testimonial {
    text-align: center;
    padding: 30px;
    background-color: #f8f9fa;
    border-radius: 10px;
    margin: 15px;
}

.testimonial img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.testimonial h5 {
    margin-top: 15px;
    font-weight: bold;
}

.testimonial p {
    /* font-style: italic; */
}

/* Styling for Subscriber */
.suscriber form button {
    padding: 8px !important;
    width: 100px;
    height: 40px;
    margin-top: 20px;
    border: 1px solid var(--primary-color);
    text-transform: uppercase;
    color: var(--primary-color);
    background-color: var(--teritarry-color);
}

.suscriber form input {
    padding: 7px 10px;
    margin-top: 5px;
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .why-choose-us .card-items {
        padding: 12px;
    }

    .our-classes h2 {
        font-size: 50px;
    }

    .our-classes .class-content {
        width: 70%;
    }

    .our-classes .class-content h4 {
        font-size: 22px;
    }

    .suscriber form button {
        width: 120px;
        height: 45px;
    }

    .testimonial {
        padding: 20px;
    }
}

@media (max-width: 992px) {
    .why-choose-us .card-items {
        padding: 14px;
    }

    .our-classes h2 {
        font-size: 40px;
    }

    .our-classes .class-content {
        width: 75%;
    }

    .our-classes .class-content h4 {
        font-size: 20px;
    }

    .testimonial {
        padding: 15px;
    }

    .suscriber form button {
        width: 150px;
        height: 50px;
    }
}

@media (max-width: 768px) {
    .why-choose-us .card-items {
        padding: 16px;
    }

    .our-classes h2 {
        font-size: 35px;
    }

    .our-classes .class-content {
        width: 80%;
    }

    .our-classes .class-content h4 {
        font-size: 18px;
    }

    .testimonial {
        padding: 10px;
    }

    .suscriber form button {
        width: 180px;
        height: 55px;
    }
}

@media (max-width: 576px) {
    .why-choose-us .card-items {
        padding: 18px;
    }

    .our-classes h2 {
        font-size: 30px;
    }

    .our-classes .class-content {
        width: 90%;
    }

    .our-classes .class-content h4 {
        font-size: 16px;
    }

    .testimonial {
        padding: 5px;
    }
    .suscriber{
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    .suscriber form button {
        width: 200px;
        height: 60px;
    }
    .enquiry-arrow{
        display: none;
    }
}


/* Enquiry Arrow */
.enquiry-arrow {
    color: var(--teritarry-color);
    color: #0178FE;
}

/* Styling Footer Section */
/* STYLING FOOTER SECTION */
footer{
    background: #222222;
    /* padding: 40px; */
}
footer i{
    color: #f1f1f1;
    background-color: var(--secondary-color);
    border-radius: 50%;
    padding: 10px;
    font-size: 20px;
}
footer p{
    color: #f1f1f1;
    align-items: center;
    text-align: center;
    padding-top: 10px;
}
footer .info{
   
}
footer .info .col-lg-4{
    background: #1C1C1C;
    padding: 40px 0;
    transition: .5s ease-in-out;
}
footer .info .col-lg-4:hover{
    background: #252525;
}
footer .info .col-lg-4:last-child{
    background: #252525;
}

footer .link{
    display: flex;
    padding: 70px 0;
}
footer .link h6{
    padding-bottom: 15px;
}
footer .link .link-item{
    width: 22%;
    align-items: left;
    color: #f1f1f1;
}
footer .link ul{
    margin-left: 0px;
}
footer .link .link-item ul li a{
    color: #999999;
    text-decoration: none;
    transition: .2s ease-in-out;
}
footer .link .link-item ul li a:hover{
    color: #fff;
}
footer .link .suscriber{
    width: 33%;
}
footer .link .suscriber input{
    padding: 8px;
    width: 71%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: none;
}
footer .link .suscriber h6{
    color: #f1f1f1;
    padding-bottom: 15px;
}
footer .link .suscriber button{
    padding: 8px 13px;
    margin-left: -5px;
    border: none;
    background: var(--secondary-color);
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
footer .copyright{
    border-top: 1px solid gray;
    padding: 30px 0;
}
footer .copyright ul li{
    padding: 0 5px;
}
footer .copyright ul li a i{
    background: #393939;
    font-size: 20px;
}
footer .copyright p{
    color: #a1a1a1;
}

/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- STYLING CONTACT US PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/


/* Contact Banner Form */
.contact-banner form {
    background-color: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 0 10px 1px gray;
    transition: .5s ease-in-out;
    width: 100%; /* Ensure the form takes full width */
    max-width: 600px; /* Limiting width for larger screens */
    margin: auto; /* Center the form */
}

.contact-banner form:hover {
    transform: scale(1.01);
}

.contact-banner img {
    overflow: hidden;
    z-index: 1;
    border-radius: 30%;
    width: 100%; /* Ensure image responsiveness */
}

.contact_us {
    z-index: 6;
}

/* Contact Us Cards */
.contact_us .cards .col-lg-4 {
    background: #ffad73;
    color: #fff;
    cursor: pointer;
    width: 30%;
    margin: 15px 0; /* Adjusted margin for spacing */
    padding: 60px 0;
    transition: .5s ease-in-out;
    text-align: center; /* Center text in the cards */
}

.contact_us .cards .col-lg-4:hover {
    transform: scale(1.05);
}

.contact_us .icon i {
    background-color: var(--teritarry-color);
    border-radius: 27%;
    color: var(--primary-color);
    padding: 30px;
    font-size: 50px;
}

.contact_us h3 {
    color: var(--secondary-color);
    padding: 5px 0;
    font-size: 25px;
}

.contact_us .card {
    background: #f6f6f6;
}

/* Feel Free Card */
.feel-free .card {
    background-color: #FFAD73;
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .contact_us .cards .col-lg-4 {
        width: 45%; /* Adjust width for larger tablets */
    }

    .contact-banner form {
        padding: 25px;
    }
}

@media (max-width: 992px) {
    .contact_us .cards .col-lg-4 {
        width: 45%; /* Adjust width for medium-sized tablets */
    }

    .contact-banner form {
        padding: 20px;
        max-width: 500px; /* Reduce max width for tablets */
    }
}

@media (max-width: 768px) {
    .contact_us .cards .col-lg-4 {
        width: 100%; /* Full width for smaller tablets and phones */
        margin: 10px 0;
    }

    .contact-banner form {
        padding: 20px;
        max-width: 400px; /* Reduce max width for mobile */
    }

    .contact_us h3 {
        font-size: 22px; /* Adjust heading size for mobile */
    }

    .contact_us .icon i {
        padding: 20px;
        font-size: 40px;
    }
}

@media (max-width: 576px) {
    .contact_banner form {
        padding: 15px;
        max-width: 100%; /* Allow form to take full width on very small screens */
    }

    .contact_us .icon i {
        padding: 15px;
        font-size: 35px;
    }

    .contact_us h3 {
        font-size: 20px;
    }
}


/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- END OF STYLING CONTACT US PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/


/* -------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------  STYLING SCHOLARSHIP PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
/* Scholarship Section - Radio Inputs and Labels */
.scholarship .radio {
    margin-top: -25px;
}

.scholarship .radio [type="radio"] {
    width: 20px;
    height: 20px;
    -webkit-appearance: none; /* For consistent styling across browsers */
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%; /* Round radio buttons */
    border: 2px solid #ccc; /* Border for the radio buttons */
    transition: border-color 0.3s ease;
}

.scholarship .radio [type="radio"]:checked {
    border-color: var(--secondary-color); /* Change border color when checked */
    background-color: var(--secondary-color); /* Change background when checked */
}

.scholarship .radio label {
    padding-top: 10px;
    margin: -10px 20px 0 5px;
    font-weight: 700;
    cursor: pointer; /* Ensure the label is clickable */
}

.scholarship h5 {
    font-weight: 400;
    font-size: 17px;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* Scholarship Agreement Paragraph */
.scholarship .agreement p {
    font-size: 20px;
    padding: 30px 0 10px 0;
    font-weight: 300;
    color: var(--teritarry-color);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .scholarship .radio label {
        font-size: 16px; /* Adjust font size for smaller screens */
    }

    .scholarship h5 {
        font-size: 16px; /* Adjust heading size for mobile screens */
    }

    .scholarship .agreement p {
        font-size: 18px; /* Adjust paragraph size for mobile screens */
    }
}

@media (max-width: 576px) {
    .scholarship .radio label {
        margin: 0 10px 0 5px; /* Adjust margin for smaller screens */
    }

    .scholarship h5 {
        font-size: 15px; /* Adjust heading size for very small screens */
    }

    .scholarship .agreement p {
        font-size: 16px; /* Adjust paragraph size for very small screens */
    }
}

/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- END OF STYLING SCHOLARSHIP PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/


/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- STYLING ABOUT  US PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
.who-are-we .image{
    position: relative;
}
.who-are-we .image .image-cursor{
    position: absolute;
    top: -50px;
    right: -30px;
    font-size: 100px;
    color: var(--secondary-color);
    font-weight: bolder;
    transform: rotate(90deg);
}

.mission ul li{
    padding: 0 20px;
    
}
.mission .vision-content ul li{
    margin-left: -20px;
    list-style: square;
}
.mission .mission-content ul li{
    margin-left: -20px;
    list-style: square;
}
.mission .value-content ul li{
    margin-left: -20px;
    list-style: square;
}
.mission ul li span{
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid var(--teritarry-color);
    font-size: 20px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 600;
    cursor: pointer;
}

.mission .mission-content ul li{
    line-height: 27px;
    margin: 20px 0;
}
.mission .vission-content ul li{
    line-height: 27px;
    margin: 20px 0;
}
.mission .value-content ul li{
    line-height: 27px;
    margin: 20px 0;
}
.mission  li i{
    color: var(--secondary-color);
    padding: 0 5px 0 0;
    font-weight: bolder;
    font-size: 20px;
    /* margin-top: 10px; */
}
.pillar{
    background: #f88c40;
    padding: 80px 0;
    position: relative;
    margin-bottom: -30px;
}
.pillar .row{
    padding: 40px 0;
}


.pillar h1 {
    background: var(--primary-color);
    width: 59%;
    margin: auto;
    padding: 27px 51px;
    border-radius: 50%;
    text-align: center;
    font-size: 80px;
    border: 5px solid var(--teritarry-color);
    color: var(--teritarry-color);
    transition: .8s ease-in-out;
    animation: moveUpDown 3s ease-in-out infinite;
    position: relative; /* Add this for proper positioning of the pseudo-element */
    z-index: 1; /* Ensure the h1 is above the pseudo-element */
}

.pillar h1::before {
    content: '';
    position: absolute;
    top: -16px;
    left: -16px;
    right: -16px;
    bottom: -16px;
    border: 3px dotted var(--primary-color);
    border-radius: 50%;
    animation: rotateCircle 25s linear infinite; /* Animation for the rotating border */
    z-index: -1; /* Ensure the border is behind the h1 */
}
.pillar img{
    margin-top: 50px;
    margin-left: -40px;
    transform: rotate(15deg);
}
.pillar .image2{
    /* transform: rotate(90deg); */
    margin-top: 50px;
    margin-left: 0;
    margin-right: -20px;
    transform: rotate(-20deg);
}

@keyframes moveUpDown {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

@keyframes rotateCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.pillar h1:hover{
    background: var(--teritarry-color);
    width: 59%;
    margin: auto;
    padding: 27px 51px;
    border-radius: 50%;
    text-align: center;
    font-size: 80px;
    border: 5px solid var(--primary-color);
    color: var(--primary-color);
}

.pillar h4{
    color: #000;
}
@media (max-width: 992px) { /* Large devices (desktops, 992px and up) */
    .pillar .h1 h1 {
        font-size: 2rem;
        padding: 10px;
        width: 20%;
    }
    .pillar h1::before{
        top: -6px;
        left: -6px;
        right: -6px;
        bottom: -6px;
    }
    .pillar h4 {
        font-size: 1.25rem;
    }
    .pillar p {
        font-size: 0.875rem;
    }
}

@media (max-width: 768px) { /* Medium devices (tablets, 768px and up) */
    .pillar .h1 h1 {
        font-size: 1.75rem;
    }
    .pillar h4 {
        font-size: 1.125rem;
    }
    .pillar p {
        font-size: 0.875rem;
    }
}

@media (max-width: 576px) { /* Small devices (landscape phones, 576px and up) */
    .pillar .h1 h1 {
        font-size: 1.5rem;
    }
    .pillar h4 {
        font-size: 1rem;
    }
    .pillar p {
        font-size: 0.75rem;
    }
}

@media (max-width: 400px) { /* Extra small devices (portrait phones, less than 576px) */
    .pillar .h1 h1 {
        font-size: 1.25rem;
    }
    .pillar h4 {
        font-size: 0.875rem;
    }
    .pillar p {
        font-size: 0.75rem;
    }
}

/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- END OF STYLING ABOUT  US PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/


/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- STYLING pictures PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
    /* Image Overlay Style */
.img-container {
    position: relative;
    cursor: pointer;
    display: inline-block; /* Ensures correct alignment */
}

.image_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.img-container:hover .image_overlay {
    opacity: 1;
}

.image_overlay i {
    color: #fff;
    font-size: 30px;
    transition: transform 0.3s ease;
}

/* Background Overlay Style */
.background-image_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    display: none; /* Hidden by default */
}

/* Popup Style */
.image_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 550px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 9999999;
    padding: 20px;
    display: none; /* Hidden by default */
    border-radius: 10px; /* Optional: rounded corners */
    overflow: hidden;
}

.image_popup-content {
    width: 100%;
}

.image_close {
    position: absolute;
    top: -10px;
    right: -10px; /* Slightly adjusted to look better */
    color: red;
    font-size: 30px;
    cursor: pointer;
    z-index: 100;
}

/* Blurred Background for Image */
.image_blured_background {
    filter: blur(5px);
    transition: filter 0.8s ease;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .image_overlay i {
        font-size: 25px; /* Adjust icon size for tablets */
    }

    .image_popup {
        width: 90%; /* Adjust width for mobile/tablet screens */
        max-width: 400px; /* Limit max width on smaller screens */
    }
}

@media (max-width: 576px) {
    .image_overlay i {
        font-size: 20px; /* Smaller icon for mobile */
    }

    .image_popup {
        width: 95%; /* Make popup almost full width on mobile */
        max-width: 350px; /* Further reduce max width on mobile */
    }
}

/* -------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------END OF STYLING pictures PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
# Faq Section
--------------------------------------------------------------*/
/* FAQ Title */
.faq .faq-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #FD7D12;
}

/* FAQ Description */
.faq .faq-description {
    font-size: 1rem;
    color: var(--default-color);
    margin-bottom: 2rem;
}

/* FAQ Arrow */
.faq .faq-arrow {
    color: var(--secondary-color);
}

/* FAQ Item */
.faq .faq-container .faq-item {
    background-color: var(--surface-color);
    position: relative;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
    transition: background-color 0.3s ease;
}

/* Remove margin-bottom for the last FAQ item */
.faq .faq-container .faq-item:last-child {
    margin-bottom: 0;
}

/* FAQ Item Header */
.faq .faq-container .faq-item h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin: 0 30px 0 0;
    transition: 0.3s;
    cursor: pointer;
    display: flex;
    align-items: center;
}

/* FAQ Item Number */
.faq .faq-container .faq-item h3 .num {
    color: var(--secondary-color);
    padding-right: 5px;
}

/* FAQ Item Header Hover */
.faq .faq-container .faq-item h3:hover {
    color: var(--secondary-color);
}

/* FAQ Item Content */
.faq .faq-container .faq-item .faq-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
}

/* FAQ Item Content Paragraph */
.faq .faq-container .faq-item .faq-content p {
    margin-bottom: 0;
    overflow: hidden;
}

/* FAQ Item Toggle Button */
.faq .faq-container .faq-item .faq-toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 16px;
    line-height: 0;
    transition: 0.3s;
    cursor: pointer;
}

/* FAQ Item Toggle Hover */
.faq .faq-container .faq-item .faq-toggle:hover {
    color: var(--secondary-color);
}

/* Active FAQ Item Header */
.faq .faq-container .faq-active h3 {
    color: var(--secondary-color);
}

/* Active FAQ Item Content */
.faq .faq-container .faq-active .faq-content {
    grid-template-rows: 1fr;
    visibility: visible;
    opacity: 1;
    padding-top: 10px;
}

/* Active FAQ Item Toggle */
.faq .faq-container .faq-active .faq-toggle {
    transform: rotate(90deg);
    color: var(--secondary-color);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    /* FAQ Title */
    .faq .faq-title {
        font-size: 2rem; /* Smaller title on tablets */
    }

    /* FAQ Item Header */
    .faq .faq-container .faq-item h3 {
        font-size: 14px; /* Smaller header for better fit */
    }

    /* FAQ Item Content */
    .faq .faq-container .faq-item .faq-content p {
        font-size: 14px; /* Adjust paragraph font size for smaller screens */
    }

    /* FAQ Item Toggle Button */
    .faq .faq-container .faq-item .faq-toggle {
        font-size: 14px; /* Smaller toggle button */
    }
}

@media (max-width: 576px) {
    /* FAQ Title */
    .faq .faq-title {
        font-size: 1.8rem; /* Further reduce font size on mobile */
    }

    /* FAQ Item Header */
    .faq .faq-container .faq-item h3 {
        font-size: 13px; /* Further reduce header font size */
    }

    /* FAQ Item Content */
    .faq .faq-container .faq-item .faq-content p {
        font-size: 13px; /* Adjust paragraph font size for mobile */
    }

    /* FAQ Item Toggle Button */
    .faq .faq-container .faq-item .faq-toggle {
        font-size: 12px; /* Reduce toggle button size */
    }
}


/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- STYLING VIDEOS PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
   /* Video Overlay Style */
.video_container {
    position: relative;
    cursor: pointer;
}

.video_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.video_container:hover .video_overlay {
    opacity: 1;
}

.video_overlay i {
    color: #fff;
    font-size: 30px;
}

/* Background Video Overlay Style */
.background-video_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

/* Video Popup Style */
.video_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 800px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    z-index: 99999;
    padding: 20px;
    border-radius: 10px;
}

.video_popup-content {
    width: 100%;
}

/* Close Button for Video Popup */
.video_close {
    position: absolute;
    top: -10px;
    right: 0px;
    color: red;
    font-size: 30px;
    cursor: pointer;
}

/* Blurred Background for Video Popup */
.video_blured_background {
    filter: blur(5px);
    transition: filter 0.8s ease;
}

/* Video Styling */
.videos video {
    width: 100%;
    border-radius: 10px;
    max-height: 500px; /* Keeps the video within a reasonable height */
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    /* Video Popup */
    .video_popup {
        width: 90%; /* Full width on smaller screens */
        max-width: 600px; /* Adjust max width */
    }

    /* Video Container */
    .video_container {
        width: 100%; /* Ensures the container takes full width */
    }

    /* Video */
    .videos video {
        max-height: 400px; /* Adjust max height for mobile screens */
    }
}

@media (max-width: 576px) {
    /* Video Popup */
    .video_popup {
        width: 95%; /* Even smaller width on mobile */
        max-width: 500px; /* Smaller max width on mobile */
    }

    /* Video */
    .videos video {
        max-height: 350px; /* Adjust max height even more on small screens */
    }
}

/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- END OF STYLING VIDEO PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/



/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- STYLING STUDY ABROAD PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
/* Table of Contents */
.table-of-content {
    width: 100%;
    background-color: #F1DFB9;
    padding: 30px;
}

.table-of-content .container {
    width: 100%;
    max-width: 1200px; /* Adjust for larger screens */
    margin: 0 auto;
}

/* Accordion item collapsed style */
.accordion-item:last-of-type .accordion-button.collapsed {
    color: var(--teritarry-color);
}

/* Accordion body list style */
.table-of-content .accordion-item .accordion-body ul {
    list-style: disc;
}

.table-of-content .accordion-item .accordion-body ul li {
    cursor: pointer;
    margin: 10px 0;
    color: var(--teritarry-color);
}

/* Study from Nepal */
.study-from-nepal h6 {
    font-size: 30px;
    font-weight: 600;
}

.study-from-nepal img {
    transition: .5s ease-in-out;
}

.study-from-nepal img:hover {
    transform: scale(1.1);
}

/* Fun and Fact */
.fun-and-fact h6 {
    font-size: 30px;
    font-weight: 600;
}

.fun-and-fact ul {
    list-style: disc;
    margin-left: 10px;
}

.fun-and-fact ul li {
    text-align: left;
}

.fun-and-fact img {
    transition: .5s ease-in-out;
}

.fun-and-fact img:hover {
    transform: scale(1.1);
}

/* Reasons to Study */
.reason-to-study h6 {
    font-size: 30px;
    font-weight: 600;
}

.reason-to-study h5 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

/* Popular Courses */
.popular-courses h5 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.popular-courses h6 {
    font-size: 30px;
    font-weight: 600;
}

.popular-courses ul {
    list-style: square;
    display: inline-block;
}

/* Top University */
.top-university table,
th,
td {
    border: 1px solid black;
    border-collapse: collapse; /* Ensures the borders collapse for cleaner look */
}

.top-university table th {
    background: #043FA7;
    color: #fff;
    padding: 10px;
}

.top-university table td {
    text-align: center;
    padding: 8px;
}

.top-university img {
    transition: .5s ease-in-out;
    cursor: pointer;
}

.top-university img:hover {
    transform: scale(1.1);
}

.top-university h6 {
    font-size: 30px;
    font-weight: 600;
}

/* Academic Document */
.academic-document h6 {
    font-size: 30px;
    font-weight: 600;
}

.academic-document h5 {
    font-size: 20px;
    font-weight: 500;
}

.academic-document ul {
    list-style: square;
}

.academic-document ul li {
    line-height: 30px;
}

/* Responsive Styles */
@media (max-width: 768px) {
    /* Adjust container width on smaller screens */
    .table-of-content .container {
        width: 90%;
    }

    /* Adjust header font sizes */
    .study-from-nepal h6,
    .fun-and-fact h6,
    .reason-to-study h6,
    .popular-courses h6,
    .top-university h6,
    .academic-document h6 {
        font-size: 25px;
    }

    /* Adjust paragraph and list items font sizes */
    .study-from-nepal img,
    .fun-and-fact img,
    .top-university img {
        width: 100%;
        height: auto;
    }

    .popular-courses ul,
    .academic-document ul {
        list-style: circle;
    }

    .top-university table th,
    .top-university table td {
        padding: 6px;
    }
}

@media (max-width: 576px) {
    .table-of-content {
        padding: 20px;
    }

    .study-from-nepal h6,
    .fun-and-fact h6,
    .reason-to-study h6,
    .popular-courses h6,
    .top-university h6,
    .academic-document h6 {
        font-size: 20px;
    }

    /* Adjust the layout for images */
    .study-from-nepal img,
    .fun-and-fact img,
    .top-university img {
        width: 100%;
        height: auto;
    }
}


/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- END OF STYLING STUDY ABROADS PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/



/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- STYLING BLOGS PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
/* Blogs Section */
.blogs {
    padding: 60px;
}

.blogs .blog-items {
    border: 1px solid var(--secondary-color);
    padding-top: 70px;
    border-radius: 10px;
    cursor: pointer;
    transition: .4s ease-in-out;
    margin: 20px 0;
}

.blogs .col-lg-12 {
    width: 88%;
    margin: auto;
}

.blogs .blog-items:hover {
    transform: scale(1.02);
}

/* Responsive Adjustments for Cards */
.blogs .card {
    transition: transform 0.3s ease;
}

.blogs .card:hover {
    transform: translateY(-5px);
}

.blogs .card-img-top {
    height: 210px;
    object-fit: cover;
}

/* Ensure links have proper styling */
.blogs a {
    text-decoration: none;
    color: #000;
}

.blogs .card-img-top {
    height: 210px;
    object-fit: cover;
}

/* Blog Slider */
.blog-slider .blog-item {
    padding: 10px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .blogs {
        padding: 40px 15px;
    }

    .blogs .blog-items {
        padding-top: 40px;
        margin: 15px 0;
    }

    .blogs .col-lg-12 {
        width: 100%;
    }

    .blogs .card-img-top {
        height: 180px; /* Adjust for smaller screens */
    }

    .blogs .card {
        padding: 15px;
    }
}

@media (max-width: 576px) {
    .blogs {
        padding: 30px 10px;
    }

    .blogs .blog-items {
        padding-top: 30px;
        margin: 10px 0;
    }

    .blogs .card-img-top {
        height: 150px; /* Adjust for mobile */
    }

    .blogs .col-lg-12 {
        width: 100%;
    }

    .blogs .card {
        padding: 10px;
    }
}

/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- END OF STYLING BLOGS PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/


/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- STYLING TEST PREPARATION PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
/* Test Overview Form */
.test-overview form {
    padding: 30px;
    border: 2px solid var(--teritarry-color);
    background: #fff;
    /* Optional: box-shadow for a soft effect */
    /* box-shadow: 0 0 3px 2px rgb(232, 232, 232); */
}

/* Form Label Styling */
.test-overview form label {
    font-size: 13px;
    color: var(--default-color);
}

/* Recaptcha Container */
.recaptcha-container {
    background-color: #f1d6c3;
    border: 1px solid #dcdcdc;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-top: 20px; /* Added margin for spacing */
}

/* Recaptcha Checkbox */
.recaptcha-container input[type="checkbox"] {
    margin-right: 10px;
}

/* Recaptcha Box */
.recaptcha-box {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

/* Recaptcha Checkbox Custom Styling */
.recaptcha-checkbox {
    margin-right: 10px;
}

/* Recaptcha Label Styling */
.recaptcha-label {
    cursor: pointer;
    font-size: 14px;
    color: var(--default-color);
}

/* Recaptcha Spinner Animation */
.recaptcha-spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-top: 2px solid #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Recaptcha Status Styling */
.recaptcha-status {
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 500;
    margin-top: 10px; /* Adds some space below the status */
}

/* Responsive Adjustments for smaller screens */
@media (max-width: 768px) {
    .test-overview form {
        padding: 20px; /* Adjust padding for smaller screens */
    }

    .recaptcha-container {
        padding: 15px; /* Adjust padding for smaller screens */
    }

    .recaptcha-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .recaptcha-checkbox {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .recaptcha-label {
        font-size: 13px;
    }
}


/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------- END OF STYLING TEST PREPARATION PAGE ------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/




/* -------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------ STYLING POPUP SECTION  --------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
/* Thank You Message */
#thankyou {
    font-size: 25px;
    color: var(--secondary-color);
    text-align: center;  /* Center-align text */
    margin-top: 20px;     /* Added margin to give space above */
}

/* Popup Styles */
.popup {
    position: fixed;
    z-index: 9999999; /* Simplified z-index for better control */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
    display: none; /* Hidden by default */
    justify-content: center; /* Center the content */
    align-items: center;
}

/* Popup Content */
.popup-content {
    background-color: #ffffff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 30%;
    text-align: center;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Added box shadow for depth */
}

/* Popup Button */
.popup-content button {
    padding: 10px 20px;
    margin-top: 10px;
    cursor: pointer;
    background-color: var(--teritarry-color);
    color: #fff; /* Ensure the text is readable */
    border: none; /* Remove border for cleaner button */
    border-radius: 5px; /* Rounded corners for button */
    font-size: 16px; /* Set button text size */
    transition: background-color 0.3s ease-in-out; /* Smooth hover effect */
}

.popup-content button:hover {
    background-color: var(--teritarry-color-dark); /* Darker shade for hover */
}

/* Close Button */
.popup-content .checkbtn {
    margin-top: -40px;
    border-radius: 50%;
    padding: 10px 18px;
    font-size: 30px;
    color: #fff;
    background-color: var(--teritarry-color);
    border: none;
    cursor: pointer;
}

.popup-content .checkbtn:hover {
    background-color: var(--teritarry-color-dark); /* Darken on hover */
}

/* Responsive Adjustments for smaller screens */
@media (max-width: 768px) {
    .popup-content {
        width: 80%; /* Make the popup content wider on mobile */
    }

    .popup-content button {
        width: 100%; /* Full width for the button on mobile */
        font-size: 18px; /* Adjust font size for mobile */
    }
}

.custom-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(47, 51, 81, 0.5); /* Low dark background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050; /* Above everything else */
    display: none; /* Hidden by default */
  }

  .custom-alert {
    min-width: 300px;
    max-width: 500px;
    padding: 20px;
    border-radius: 10px;
  }

/* -------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------ STYLING POPUP SECTION END  -----------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/