/* CSS Boilerplate */

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

html {
  font-size: 100%; /* 16px base font size */
  line-height: 1.6;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  background-color: #f9f9f9;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

p {
  margin: 0px;
}
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.hidden {
  display: none !important;
}

.visible {
  display: block !important;
}
/* Links */
a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: underline;
}

/* Images */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Buttons */
button {
  cursor: pointer;
  font: inherit;
  padding: 0.5rem 1rem;
  border: none;
  background-color: #007bff;
  color: white;
  border-radius: 4px;
}

button:hover {
  background-color: #0056b3;
  color: white !important;
}

/* Forms */
input,
textarea,
select {
  font: inherit;
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #007bff;
}

@media (max-width: 2560px) {
  .index-sec-1 img {
    width: 16%;
    z-index: 99;
    position: relative;
  }
  .index-sec-2 img {
    width: 16%;
    z-index: 999;
    position: relative;
  }
  .bottom-image img:nth-child(1) {
    display: block;
  }
  .bottom-image img:nth-child(2) {
    display: none;
  }

  .index-sec-1 {
    text-align: center;
  }

  .bottom-image {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
  }

  .bottom-image img {
    width: 100%;
    height: auto;
  }
  .login-img img {
    width: 30%;
  }

  .login-sec-1 {
    padding: 50px 0px;
    /* background: #eaf8f4; */
    /* height: 100vh; */
  }
  .upsc {
    font-size: 22px;
    font-weight: 600;
  }
  .login-txt {
    padding: 50px 0px;
  }
  .login-txt h5 {
    margin: 0px;
  }

  .centered-hr {
    width: 24%;
    height: 2px !important;
    color: brown;
  }

  .referal input {
    border: none;
    border-bottom: 1px solid gray;
    width: 45%;
    /* height: 36px; */
    background: transparent;
  }

  .mobilenos {
    padding: 0px 30px;
  }

  .referal h6 {
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .nextbtn {
    background-color: #75381c;
    color: white;
    width: 100%;
  }

  .otp-container {
    text-align: center;
  }

  .otp-container h2 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #555;
    font-weight: bold;
    /* Gray text for "Enter the Code below" */
  }

  .otp-inputs {
    display: flex;
    justify-content: center;
    gap: 10px;
  }

  .otp-inputs input {
    width: 50px;
    height: 50px;
    font-size: 18px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 8px;
    outline: none;
    transition: all 0.3s;
  }

  .otp-inputs input:focus {
    border-color: #4caf50;
    /* Green border on focus */
    box-shadow: 0 0 5px #4caf50;
  }

  .resend-otp {
    margin-top: 10px;
  }

  .resend-otp a {
    text-decoration: none;
    font-size: 14px;
    color: #007bff;
    /* Blue color for Resend OTP link */
    transition: color 0.3s;
  }

  .resend-otp a:hover {
    color: #0056b3;
    /* Darker blue on hover */
  }

  .otp-sec-1 {
    height: 100vh;
  }

  .otp-sec-1 .container {
    height: 100%;
  }

  .otp-sec-1 .row {
    height: 100%;
  }

  .login-desktop-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .otp-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .lgnimg {
    margin-bottom: 70px;
  }

  .for-shadow {
    border: 1px solid #cfcfcf;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 3px 6px 17px -4px #75381c;
  }

  .lgnimg img {
    width: 30%;
  }

  .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
    z-index: 9999;
    opacity: 1;
    transition: opacity 1s ease-out;
  }

  .preloader.hidden {
    opacity: 0;
    pointer-events: none;
  }

  .main-content {
    display: none;
  }

  .main-content.active {
    display: block;
  }

  .category {
    background: #d08e14;
    color: white;
    padding: 14px 24px;
    border-radius: 0px 0px 30px 30px;
  }

  .category h2 {
    font-weight: bold;
  }

  .features img {
    width: 75%;
    height: auto;
    margin: 25px;
  }
  #first-tab .col-md-3:nth-child(1) .features img {
    filter: drop-shadow(9px 9px 13px #f8a370d9);
  }
  #first-tab .col-md-3:nth-child(1):hover .features img {
    filter: drop-shadow(9px 9px 13px #fa9459);
    transition: all 0.5s ease;
  }
  #first-tab .col-md-3:nth-child(2) .features img {
    filter: drop-shadow(9px 9px 13px #8d8dedde);
  }
  #first-tab .col-md-3:nth-child(2):hover .features img {
    filter: drop-shadow(9px 9px 13px #7e7efa);
    transition: all 0.5s ease;
  }
  #first-tab .col-md-3:nth-child(3) .features img {
    filter: drop-shadow(9px 9px 13px #22bcd1d1);
  }
  #first-tab .col-md-3:nth-child(3):hover .features img {
    filter: drop-shadow(9px 9px 13px #24b7ca);
    transition: all 0.5s ease;
  }
  #first-tab .col-md-3:nth-child(4) .features img {
    filter: drop-shadow(9px 9px 13px #26bdd2e0);
  }
  #first-tab .col-md-3:nth-child(4):hover .features img {
    filter: drop-shadow(9px 9px 13px #24b7ca);
    transition: all 0.5s ease;
  }

  .chooseus {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }

  .line1 {
    background: #000000;
    height: 2px;
    width: 10%;
  }

  .line2 {
    background: #000000;
    height: 2px;
    width: 70%;
  }

  .chooseus-img {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  .chooseimg1 img {
    width: 80%;
  }

  .features-sec-1 {
    height: 100vh;
  }

  .features-sec-1 .container {
    height: 100%;
  }

  .features-sec-1 .rows {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .chooseimg1 {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    height: 20vh;
  }

  .govt-exam img {
    width: 18%;
    margin-top: 30px;
  }

  .catg-imgs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .catg-imgs img {
    width: 60%;
  }

  .catgimgall {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .catg-imgs h5 {
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .catgimgall .catg-imgs:nth-child(1) img {
    filter: drop-shadow(9px 9px 13px #8989ec);
  }
  .catgimgall .catg-imgs:nth-child(2) img {
    filter: drop-shadow(9px 9px 13px #2cbfd3);
  }
  .catgimgall .catg-imgs:nth-child(3) img {
    filter: drop-shadow(9px 9px 13px #f89f6ae6);
  }
  .classes {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .classes img {
    /* width: 28%; */
    margin: 16px 0px;
  }

  .classes-btns {
    width: 25%;
    padding: 20px;
    background: linear-gradient(0deg, #0000000f, transparent);
    border-radius: 51px;
  }

  .classes-btns img {
    filter: drop-shadow(5px 5px 7px #9f9efa);
  }

  .classh5 i {
    background: #9491f8;
    padding: 6px;
    border-radius: 50%;
    color: white;
    height: 30px;
    width: 30px;
  }

  #third-tab {
    display: none;
  }

  .classimg-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .classimg img {
    width: 70%;
  }

  .shares p:nth-child(2) {
    background: #fbfb00;
    font-weight: bold;
    padding: 0px 11px;
    border-radius: 13px;
  }

  .shares p:nth-child(3) i {
    background: gray;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .shares p:nth-child(4) i {
    color: gray;
  }

  .course-details h6 {
    margin-top: 8px;
  }

  .course-price h5 {
    text-align: end;
    margin-top: 10px;
  }

  .course-price button {
    background: linear-gradient(0deg, #f32a15, #ffbf00);
    font-size: 22px;
    font-weight: bolder;
  }

  .course-img {
    padding: 15px 0px;
  }

  .course-img img {
    border: 1px solid #c3c3c3;
    border-radius: 20px;
  }

  .card-btns {
    margin-top: 10px;
  }

  .card-btns button:nth-child(1) {
    width: 49%;
    background: radial-gradient(#00ffb4 -52%, #42b594 90%);
    font-weight: bold;
    font-size: 18px;
  }
  .card-btns button:hover:nth-child(1) {
    background: radial-gradient(#00ffb4 -52%, #118b69 90%);
  }

  .card-btns button:nth-child(2) {
    width: 49%;
    background: radial-gradient(#ffa600 -52%, #d08e14 90%);
    font-weight: bold;
    font-size: 18px;
  }
  .card-btns button:hover:nth-child(2) {
    background: radial-gradient(#ffa600 -52%, #94640b 90%);
  }

  .course-cards {
    padding: 14px;
    background: #ffffff;
    border-radius: 16px;
    margin: 10px 0px;
    border: 1px solid #ffa500;
  }

  .home-sec-1 {
    padding: 40px 0px;
  }

  .carousel button:hover {
    background: transparent !important;
  }

  .course-heading h2 {
    font-weight: bold;
    color: #75381c;
    font-family: cursive;
    letter-spacing: 1px;
  }

  .course-heading hr {
    width: 7%;
    height: 3px;
    background: #75381c;
    opacity: 1;
  }

  .bestseller button {
    background: linear-gradient(87deg, #00cb35, #000000);
    color: #fff;
    border: none;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 12px;
    margin-bottom: 10px;
  }

  .enroll-btns button:nth-child(1) {
    background: #c79332;
    color: #fff0d5;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold;
  }

  .enroll-btns button:nth-child(2) {
    background: rgb(255 226 172);
    color: #af7710;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold;
  }

  /* .enroll-btns button:hover {
    background-color: rgb(226, 178, 87);
} */

  .enrol-img img {
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 80%;
  }

  .enrol-img {
    display: flex;
    justify-content: end;
  }

  .features {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }

  .feature-box {
    text-align: center;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 22%;
  }

  .feature-box h3 {
    font-size: 18px;
    color: #333;
  }

  .feature-box p {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
  }

  .desc-sec-1 {
    padding: 60px 0px;
    background: #fff8f1;
  }

  /* Style the tab */
  .tab {
    overflow: hidden;
    border: none;
    background-color: transparent;
  }

  /* Style the buttons inside the tab */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    color: black;
    font-weight: 600;
    font-family: system-ui;
  }

  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
  }

  /* Create an active/current tablink class */
  .tab button.active {
    background-color: #ffffff;
    border-radius: 12px 12px 0px 0px;
    border: 1px solid #b9b9b9;
    border-bottom: 0px;
  }

  /* Style the tab content */
  .tabcontent {
    display: none;
    /* padding: 6px 12px; */
    /* border: 1px solid #ccc; */
    border-top: none;
    /* background-color: white; */
  }

  .tabcontent section {
    background: white;
    padding: 20px;
    border-radius: 0px 10px 10px 10px;
    margin-bottom: 15px;
  }

  .tab-section {
    padding: 50px 0px;
  }

  .tabh3 span {
    background: #ff6600;
    padding: 5px 20px;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    font-family: system-ui;
  }

  .tabh4 span {
    background: #c79332;
    padding: 5px 20px;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    font-family: system-ui;
  }

  .tabh3 {
    margin: 8px 0px;
  }

  .tabh4 {
    margin: 8px 0px;
  }

  .incld-txt p span i {
    color: #ff6600;
  }

  .incld-txt {
    margin: 10px 0px;
  }

  .vision {
    display: flex;
    align-items: center;
    height: 100%;
  }

  .visn-txt h6 {
    margin-right: 10px;
  }

  .mission-section {
    padding: 50px 20px;
  }

  .mission-card {
    background: #fff;
    color: black;
    border-radius: 10px;
    padding: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
    margin: 10px 0px;
  }

  .mission-card img {
    width: 40px;
    height: 40px;
  }

  .card1 {
    border-left: 8px solid #4caf50;
  }

  .card2 {
    border-left: 8px solid #2196f3;
  }

  .card3 {
    border-left: 8px solid #ff5722;
  }

  .highlight {
    color: #6a1b9a;
    font-weight: bold;
  }

  .founder {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    justify-content: center;
    display: flex;
    margin-top: 20px;
  }

  .founder img {
    width: 60%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
  }

  /* Hover Effect */
  .founder:hover {
    transform: scale(1.05);
  }

  .founders {
    padding: 50px 0px;
  }

  .f2style {
    font-family: Euclid Circular;
    font-weight: 600;
    font-size: 35px;
  }

  .about-sec-1 {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .abt-banner-txt h1 {
    color: white;
    font-size: 52px;
    font-weight: bold;
    font-family: serif;
    text-align: center;
  }

  .abt-banner-txt h5 span {
    color: white;
    background: #d08e1457;
    padding: 10px 20px;
    border-radius: 40px;
  }

  .abt-banner-txt h5 {
    text-align: center;
  }

  .about-sec-2 {
    padding: 40px 0px;
  }

  .cntrrr {
    width: 100%;
    height: auto;
    padding: 80px 0;
    color: white;
    background: #0069bd;
    background-image: url(../images/75.png);
    background-repeat: repeat;
  }

  .subbs-inp input {
    height: 45px;
    width: 500px;
  }

  .subbs-inp button {
    height: 45px;
  }

  .cntrrrrr span {
    color: white;
    background: #d08e1457;
    padding: 7px 13px;
    border-radius: 40px;
  }

  .subbs-inp {
    padding: 20px 0px;
  }

  .counter {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 30px;
  }

  .counter-number span {
    font-size: 50px;
  }

  .course-desc {
    padding: 50px 0px;
  }

  .course-sec-1 {
    padding: 50px 0px;
  }

  .tchr-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 20px 0px;
    text-align: center;
  }

  .imgtchr h5 {
    font-weight: bold;
    margin: 5px 0px;
  }

  #partenerrr .item {
    margin: 20px;
  }

  .price-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }

  .price-details {
    display: flex;
    flex-direction: column;
  }

  .current-price {
    font-size: 24px;
    font-weight: bold;
    color: #333;
  }

  .original-price {
    font-size: 16px;
    color: #aaa;
    text-decoration: line-through;
    margin-top: -5px;
  }

  .discount {
    font-size: 14px;
    color: #ffffff;
    background-color: #ff6f00;
    padding: 2px 5px;
    border-radius: 3px;
    margin-top: 5px;
  }

  .buy-now-btn {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: #d19226;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .buy-now-btn:hover {
    background-color: #b67f1c;
  }

  .chapter-card {
    background: #ffe2b4;
    border-radius: 12px;
    padding: 12px;
    margin: 10px 0px;
  }

  #second-tab {
    display: none;
  }

  #secondtabh2 {
    display: none;
  }

  #thirdtabh2 {
    display: none;
  }

  #thirdtabh5 {
    display: none;
  }

  #classimg {
    display: none;
  }

  .footer {
    padding: 60px 0px;
    background-color: #371100;
    color: white;
  }

  .links p {
    color: #c1c6ce;
    margin: 14px 0px;
  }

  .company ul {
    list-style: none;
    padding: 0px;
  }

  .company ul li {
    margin: 12px 0px;
    color: #bcc0c7;
  }

  .company h5 {
    font-size: 24px;
    font-weight: 600;
    color: #d18d10;
  }

  .company hr {
    background: #d08e14;
    height: 3px;
    opacity: 0.4;
  }

  .social-links i {
    font-size: 25px;
    margin-right: 10px;
  }

  .credits {
    text-align: end;
  }

  .course-desc {
    padding: 50px 0px;
  }

  .course-sec-1 {
    padding: 50px 0px;
  }

  .master-sec-1 {
    padding: 60px 0px;
    background: #fff8eb;
    box-shadow: 0px 0px 43px -16px gray;
  }

  .mstrcard {
    background: #f5e5c7;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0px;
  }

  .mstrtxt h5 {
    margin: 20px 0px;
  }

  .mstrtxt button {
    width: 100%;
    background: radial-gradient(#e1b259 -52%, #d08e14 90%);
    font-weight: bold;
    font-size: 18px;
  }

  .master-sec-2 {
    padding: 70px 0px;
  }

  .abcd {
    background: #12e4ed45;
    padding: 10px !important;
  }

  .abcd p {
    color: #393c81;
    text-align: center;
  }

  .abcd a {
    color: #393c81;
  }

  .navbar-brand {
    width: 25%;
  }

  .navbar a {
    color: #4f4f4f;
    font-weight: bold;
  }

  p {
    color: black;
  }

  .nav-icon {
    color: #0054c8;
  }

  .moblogo {
    width: 40%;
  }

  .sub-header {
    background-color: #0153c6;
    padding: 5px 0px;
  }

  .hshshg {
    color: #ca4e4e;
  }

  .sub-header a {
    margin: 8px;
    font-size: 14px;
    font-weight: 500;
    font-family: sans-serif;
    color: white;
    text-decoration: none;
  }

  .www {
    background-color: white;
  }

  .sizze {
    font-size: large;
  }

  .feed {
    text-align: justify;
  }

  .sub-header a i {
    font-size: 15px;
    margin-right: 7px;
  }

  .navbar-collapse {
    justify-content: end;
  }

  .nav-item a {
    text-decoration: none;
  }

  .nav-item a img {
    background: #d6a43f;
    border-radius: 7px;
    width: 59%;
  }

  .nav-item a img:hover {
    background: rgba(223, 181, 99, 0.77);
    border-radius: 7px;
    width: 59%;
  }

  .search-box {
    display: flex;
    align-items: center;
    margin-left: auto;
  }

  .search-box input {
    border: 1px solid #ccc;
    border-radius: 5px 0px 0px 5px;
    padding: 5px 10px;
    width: 200px;
    margin-right: 0px;
    font-size: 14px;
    height: 45px;
  }

  .search-box button {
    background-color: #d08e14;
    border: 1px solid #d08e14;
    color: white;
    padding: 5px 15px;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    font-size: 14px;
    height: 45px;
  }

  .search-box button:hover {
    background-color: #976405;
  }

  .nav-link:hover {
    color: #d08e14;
  }

  .drpdwn {
    background: #efefef;
    border-radius: 5px;
    padding: 0px 15px;
    margin-right: 20px;
  }

  .navbar-nav .nav-item:nth-child(4) {
    background-image: url(../images/37.gif);
    z-index: 999;
    background-repeat: repeat;
    background-position: center;
  }

  .category-mobile {
    background: #75381c;
    color: white;
    padding: 14px 24px;
    border-radius: 0px 0px 30px 30px;
  }

  .category-mobile p {
    color: white;
    font-size: 13px;
  }

  .midline {
    background: #ffffff;
    height: 42px;
    width: 3px;
    margin: 0px 10px;
  }

  .bars {
    margin-right: 10px;
    font-size: 22px;
  }

  .mobile-search {
    margin: 10px 0px;
  }

  .mobile-search input {
    border-radius: 20px 0px 0px 20px;
  }

  .mobile-search button {
    border-radius: 0px 20px 20px 0px;
    background-color: #75381c;
  }

  .sidebar {
    width: 350px;
    background-color: #2c3e50;
    color: #ecf0f1;
    height: 100%;
    position: fixed;
    left: -350px;
    top: 0;
    transition: 0.3s;
    overflow-y: auto;
    z-index: 9999;
  }

  .sidebar h2 {
    text-align: center;
    margin: 20px 0;
  }

  .sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .sidebar ul li {
    padding: 15px 20px;
    border-bottom: 1px solid #34495e;
  }

  .sidebar ul li a {
    color: #ecf0f1;
    text-decoration: none;
    display: block;
  }

  .sidebar ul li a:hover {
    background-color: #34495e;
  }

  .toggle-btn {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #2c3e50;
    color: #ecf0f1;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
  }

  .close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: transparent;
    color: #ecf0f1;
    font-size: 30px;
    border: none;
    cursor: pointer;
  }

  .close-btn:hover {
    background-color: #34495e;
  }

  .toggle-btn:hover {
    background-color: #34495e;
  }

  .mobile-nav {
    display: none;
  }

  .login button {
    height: 45px;
    background: #d08e14;
    font-size: 18px;
    font-weight: bold;
    margin-left: 20px;
  }

  .login button:hover {
    background: #976405;
  }

  .navbar .dropdown-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  }

  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }

  .navbar .dropdown-submenu {
    position: relative;
  }

  .navbar .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.1rem;
  }

  .navbar .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }

  .navbar .dropdown-toggle::after {
    content: none !important;
  }

  .nav-item .dropdown-toggle .fa-angle-down {
    display: none;
  }

  .dropdown-item:focus,
  .dropdown-item:hover {
    background: #d08e14;
    color: white;
  }

  .course-desc {
    padding: 50px 0px;
  }

  .course-sec-1 {
    padding: 50px 0px;
  }
  .course-desc {
    padding: 50px 0px;
  }

  .course-sec-1 {
    padding: 50px 0px;
  }

  .vid-imgs {
    width: 40%;
  }

  .about-sec-1 {
    height: 80vh;
  }

  .course-sec-4 {
    padding: 60px 0px;
    background: #fff8eb;
    box-shadow: 0px 0px 43px -16px gray;
  }

  .course-desc h6 {
    line-height: 22px;
    text-align: justify;
  }

  .company ul a:hover{
    text-decoration: none;
  }
}
@media (max-width: 1920px) {
}
@media (max-width: 1440px) {
}
@media (max-width: 1024px) {
  .classes-btns {
    width: 35%;
    padding: 20px;
    background: linear-gradient(0deg, #0000000f, transparent);
    border-radius: 51px;
  }
  .chooseimg1 img {
    width: 77%;
  }
  .line2 {
    background: #000000;
    height: 2px;
    width: 64%;
  }
  .lgnimg img {
    width: 60%;
  }
  .index-sec-1 img {
    width: 27%;
    z-index: 99;
    position: relative;
  }
  .index-sec-2 img {
    width: 26%;
    z-index: 999;
    position: relative;
  }
}
@media (max-width: 768px) {
  .subbs-inp input {
    height: 45px;
    width: 100%;
  }
  .about-sec-1 {
    height: 60vh;
  }
  .abt-banner-txt h1 {
    font-size: 34px;
  }
  .shares p:nth-child(2) {
    padding: 0px 5px;
  }
  .shares p:nth-child(3) {
    padding: 0px 5px;
  }
  .shares p:nth-child(4) {
    padding: 0px 5px;
  }

  .vid-imgs {
    width: 100%;
  }
  .drpdwn {
    background: transparent;
    border-radius: 5px;
    padding: 0px 15px;
    margin-right: 20px;
  }
  .enrol-img {
    display: block;
    justify-content: center;
  }

  .features {
    display: block;
    margin-top: 20px;
  }
  .feature-box {
    text-align: center;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 100%;
    margin-top: 10px;
  }

  .moblogo {
    width: 55%;
  }

  .search-box input {
    width: 150px;
  }

  .desktop-nav {
    display: none;
  }

  .mobile-nav {
    display: block;
  }
  .mission-container {
    flex-direction: column;
    align-items: center;
  }
  .classimg img {
    width: 50%;
  }
  .classimg-text h5 {
    font-size: 15px;
  }
  .classes-btns {
    width: 58%;
    padding: 20px;
    background: linear-gradient(0deg, #0000000f, transparent);
    border-radius: 51px;
  }
  .chooseimg1 p {
    font-size: 12px;
  }
  .features img {
    width: 92%;
    height: auto;
    margin: 14px;
  }
  .line2 {
    background: #000000;
    height: 2px;
    width: 50%;
  }
  .chooseimg1 img {
    width: 59%;
  }
  .otp-sec-1 .col-md-6:nth-child(1) {
    display: none;
  }
  .login-sec-1 .col-md-6:nth-child(1) {
    display: none;
  }
  .index-sec-1 img {
    width: 47%;
    z-index: 99;
    position: relative;
  }
  .index-sec-2 img {
    width: 36%;
    z-index: 999;
    position: relative;
  }

  .login-img img {
    width: 50%;
  }

  .govt-exam img {
    width: 37%;
    margin-top: 0px;
  }

  .govt-text h6 {
    margin: 0px;
  }
  .catg-imgs h5 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
  }
  .catg-imgs p {
    text-align: center;
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .course-desc {
    padding: 24px 0px;
  }
  .course-sec-1 {
    padding: 15px 0px;
  }
  .moblogo {
    width: 100%;
  }

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

  .search-box input {
    width: 100%;
    margin-bottom: 5px;
  }

  .search-box button {
    width: 100%;
  }
  .credits {
    text-align: start;
  }
  .home-sec-1 {
    padding: 17px 0px;
  }
  .classes-btns {
    width: 76%;
    padding: 20px;
    background: linear-gradient(0deg, #0000000f, transparent);
    border-radius: 51px;
  }
  .cats {
    margin-top: 30px;
  }
  .catg-imgs {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    height: 27vh;
  }
  .catg-imgs img {
    width: 80%;
  }

  .featfirstrow {
    padding: 0px;
  }
  .features1 img {
    width: 42%;
    height: auto;
    margin: 14px;
  }

  .features2 img {
    width: 42%;
    height: auto;
    margin: 14px;
  }

  .line2 {
    background: #000000;
    height: 2px;
    width: 47%;
  }
  .otp-sec-1 .col-md-6:nth-child(1) {
    display: none;
  }

  .login-sec-1 .col-md-6:nth-child(1) {
    display: none;
  }

  .mobilenos {
    padding: 0px;
  }

  .for-shadow {
    border: none;
    padding: 15px;
    border-radius: 0px;
    box-shadow: none;
  }
  .mobile-login {
    padding: 0px 18px;
  }
  .login-txt {
    padding: 20px 0px;
  }
  .mblno {
    font-size: 16px;
  }
  .referal {
    margin-top: 20px;
  }
  .referal input {
    width: 30%;
  }
  .login-img img {
    width: 65%;
  }
  .centered-hr {
    width: 62%;
    height: 2px !important;
    color: brown;
    margin: 10px 0px;
  }
  .bestteacher {
    font-size: 12px;
  }

  .login-txt h3 {
    font-size: 18px;
    font-weight: 600;
  }
  .index-sec-1 img {
    width: 60%;
  }
  .index-sec-2 img {
    width: 60%;
    z-index: 999;
    position: relative;
  }
  .bottom-image img:nth-child(1) {
    display: none;
  }
  .bottom-image img:nth-child(2) {
    display: block;
  }
  .abt-banner-txt h1 {
    font-size: 28px;
  }
}
@media (max-width: 425px) {
  .abt-banner-txt h1 {
    font-size: 28px;
  }
  .tab button {
    font-size: 12px;
  }
  .namess h5 {
    font-size: 18px;
    margin-bottom: 4px;
  }

  .namess p {
    font-size: 13px;
  }
}
@media (max-width: 375px) {
  .namess h5 {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .sidebar {
    width: 300px;
    background-color: #2c3e50;
    color: #ecf0f1;
    height: 100%;
    position: fixed;
    left: -350px;
    top: 0;
    transition: 0.3s;
    overflow-y: auto;
    z-index: 9999;
  }

  .course-details h6 {
    font-size: 14px;
  }

  .shares h5 {
    font-size: 16px;
  }

  .shares h5 {
    font-size: 16px;
  }
  .classes-btns {
    width: 86%;
    padding: 20px;
    background: linear-gradient(0deg, #0000000f, transparent);
    border-radius: 51px;
  }
  .line2 {
    background: #000000;
    height: 2px;
    width: 40%;
  }
}
@media (max-width: 320px) {
  .line2 {
    background: #000000;
    height: 2px;
    width: 35%;
  }
}