:root {
    /* --background-image-btn1: linear-gradient(to right, #0d7275, #199DD2);
    --background-image-btn1: linear-gradient(#045942, #028EC7);
    --background-image1: linear-gradient(#052E3F, #000000); */

    --background-image-btn1: linear-gradient(90deg, #ff512f, #f09819), linear-gradient(270deg, #fffdea, rgba(255, 253, 234, 0));

    /* --background-image-btn1: linear-gradient(to right, #f8d009, #f8d0099a); */
    /* --background-image-btn1: linear-grdient(#045942, #028EC7); */
    --background-image1: linear-gradient(#052E3F, #000000);
    /* --green-color: #06807B; */
    /* --green-color: #f8d009; */

    --green-color: #ff512f;

    --bg-light-blue: #a3dcf38b;
    --bg-light-green: #BEFFFC;
    --bg-dark-green: #ff7f65;
    /* --bg-dark-green: #009769; */
    /* --bg-dark-blue: #12739A; */
    --bg-dark-blue: #17a0e0;
    --bg-footer: #ff5d5d;
}

.blue {
    color: #028EC7;
    font-weight: 700;
    font-size: large;
}

.small-block {
    display: none !important;
}

#more {
    display: none;
}

.text-small {
    font-size: small;
}

.border-green {
    border: 1px solid var(--bg-dark-green) !important;
}

.green-text {
    color: var(--green-color);
}

.btn-orange {
    background-color: orange !important;
    padding: 8px 25px;
    color: white;
    font-size: larger;
}

.btn-gradient {
    background-image: var(--background-image-btn1);
    border: 1px solid var(--bg-light-green);
    padding: 8px 25px;
    color: white;
    font-size: larger;
}

.btn-gradient2 {
    background-image: var(--background-image-btn1);
}

.bg-blue {
    background-color: var(--bg-light-blue);
}

.bg-blue2 {
    background-color: #c4eaf837;
}

.nav-item:hover strong {
    color: var(--green-color);
}

#scholorship-home {
    background-image: url(/assets/assets/scholorship-bg.png);
    background-size: 100%;
}

.crimson-text {
    font-family: 'Crimson Text', serif;
}

/* live */
#live-scholarship {
    background-color: var(--bg-light-blue);
}

.custom-indicators {
    background-color: var(--bg-dark-blue) !important;
    border-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
}

/* works */
#works {
    background-image: var(--background-image-btn1);
}

#works-row {
    margin-bottom: -200px;
}

/* best-fit */
#best-fit-section {
    margin-top: 200px;
}

.bg-light-green {
    background-color: var(--bg-light-green) !important;
    border: 1px solid #52cfae !important;
    box-shadow: 5px 5px 9px 6px #88888892;
}

#best-fit-crousel {
    display: none;
}

/* latest-update */
#latest-update {
    background-color: var(--bg-dark-green);
}

#update-card {
    background-color: var(--bg-light-green) !important;
}

.bg-dark-green-crousel {
    background-color: var(--bg-dark-green);
}

/* mojoclasses in numbers */
.numbers-card {
    background-color: #ff512f !important;
}

/* partners */
#partners {
    background-color: var(--bg-light-blue);
}

#scholor-btn {
    background-color: black;
}

#scrollingDiv-partners {
    height: 400px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
}

#content-partners {
    color: black;
    height: auto;
    object-fit: contain;
    position: absolute;
    animation: scrollText-partners 10s linear infinite;
}

@keyframes scrollText-partners {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(-50%);
    }
}

/* services */
#services {
    background-image: url(/assets/assets/background-new.jpg);
    background-size: 100%;
}

.bg-dark-green {
    background-color: var(--bg-dark-green) !important;
    border: 1px solid #52cfae !important;
    box-shadow: 5px 5px 9px 6px #88888892;
}

#services-crousel {
    display: none;
}

/* featured */
.featured-box {
    border: 1px solid var(--green-color) !important;
    box-shadow: 5px 5px 9px 6px #88888892;
}

#featured-crousel {
    display: none;
}

/* footer */
#footer {
    background-color: #ececf3;
}

#footer .list-group-item:hover {
    color: var(--bg-dark-blue) !important;
}

/* bottom */
#bottom {
    background-color: #000000;
}

/* latest update */
/* news section */
#scrollingDiv {
    height: 200px;
    border: 1px solid #ccc;
    overflow: hidden;
}

#content {
    display: inline-block;
    animation: scrollText 20s linear infinite;
    color: black;
    height: auto;
    object-fit: contain;
}

#content:hover {
    animation-play-state: paused;
}

@keyframes scrollText {
    0% {
        transform: translateY(30%);
    }

    100% {
        transform: translateY(-100%);
    }
}

/* apply for scholorship */
/* home section */
#home {
    background-color: rgb(5, 177, 254, 255);
    background-size: 100%;
    color: white;
}

#home h1 strong {
    font-size: 50px;
}

/* scholorship */
#home .card {
    color: black;
    padding: 30px;
    border-radius: 30px;
    width: 95%;
    margin-bottom: -150px;
}

#home .card-body input,
select {
    width: 100%;
    padding: 12px 8px;
    background-color: rgb(248, 245, 245);
    border: 1px solid lightgrey;
    border-radius: 10px;
    font-size: large !important;
    outline: none;
    color: grey;
}

#home .card-body .btn {
    background-color: rgb(243, 87, 30);
    color: white;
}

#home .card-body .col p a {
    color: orangered;
}

#terms_text {
    margin-bottom: 0 !important;
    font-size: x-small;
}

/* scholorship end*/
#feature_card {
    margin-bottom: -160px !important;
    max-width: 1000px;
    background-color: var(--bg-dark-green);
}

#feature_card .card-img-top {
    width: 30%;
}

/* explore */
#explore {
    margin-top: 8%;
}

#explore .container {
    width: 1150px;
}

#explore_btns {
    color: var(--bg-dark-green);
    border: 1px solid lightgray;
}

/* results */
#results .container {
    width: 1150px;
}

#results .container .row .col {
    border-bottom: 5px solid white;
    margin-top: 20px;
}

#card1,
#card2,
#card3,
#card4,
#card5,
#card6,
#card7,
#card8 {
    display: none;
    background-color: rgb(212, 230, 245);
}

#card1.active,
#card2.active,
#card3.active,
#card4.active,
#card5.active,
#card6.active,
#card7.active,
#card8.active {
    display: block;
}

.active-button {
    font-weight: bold;
    border-bottom: 3px solid var(--bg-dark-green);
}

#student_results .card {
    width: 95%;
    color: white;
    background-color: blueviolet;
    margin-bottom: 2%;
    margin-left: -1%;
}

#student_results .col-8 .card {
    padding: 3px 10px;
    border-radius: 20px;
    align-items: center;
    border: 1px solid white;
}

#results .row .col button {
    background-color: white;
    border: none;
}

.scrollable-row button.btn.active {
    font-weight: bold;
    outline: none !important;
    background-color: var(--bg-dark-green);
    color: white;
}

/* carousel */
#carousel .container {
    width: 1150px;
}

#carousel #carouselExampleIndicators .carousel-control-prev,
#carousel #carouselExampleIndicators .carousel-control-next {
    background-color: black;
    height: 50px;
    border-radius: 50px;
    top: 45%;
    width: 50px;
}

#carousel #carouselExampleIndicators .carousel-control-prev {
    left: -2%;
}

#carousel #carouselExampleIndicators .carousel-control-next {
    right: -2%;
}

#carousel #carouselExampleIndicators .carousel-indicators {
    bottom: -20%;
}

.carousel-indicators .active {
    color: black !important;
}

#carousel #carouselExampleIndicators .carousel-indicators button {
    background-color: black;
    border-radius: 100px;
    padding: 5px;
    width: 5px;
}

/* other_options */
#other_options {
    display: none;
}

/* questions */
#questions .container {
    width: 1150px;
}

#answer1,
#answer2,
#answer3,
#answer4,
#answer5,
#answer6,
#answer7,
#answer8,
#answer9,
#answer10,
#answer11,
#answer12 {
    width: 90%;
    display: none;
}

#question1,
#question2,
#question3,
#question4,
#question5 {
    cursor: pointer;
    margin-bottom: 0;
}

#questions .container .card {
    padding: 0.5rem 1rem;
}

/* Learn */
#Learn {
    background-color: #faf9fe;
    margin-top: 10%;
}

#Learn .container {
    width: 1150px;
}

#Learn .col-md-7 img {
    margin-top: -180px;
}

/* teacher */
#teacher {
    background-color: #faf9fe;
}

#teacher .container {
    background-color: var(--bg-dark-green);
    color: white;
    border-radius: 20px;
    margin-top: -100px;
    z-index: 1000;
    position: relative;
    padding-top: 5%;
}

#teacher .container .row {
    margin: 0 5%;
}


#info_column {
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 0 !important;
}

#info_column select {
    width: 25%;
    background-color: white;
    border: none;
    outline: none;
    border-radius: 5px 0px 0px 5px;
}

#info_column input {
    width: 65%;
    border: none;
    outline: none;
}

#info_column button {
    width: 30%;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#speak_to {
    background-color: var(--bg-dark-green);
    color: white;
}

#footer_company li a {
    text-decoration: none;
    color: black;
    font-weight: 400;
}

#footer_company li a:hover {
    color: var(--bg-dark-green);
}

/* study_material */
#study_material1 {
    background-color: #ececf3;
}

#study_material_columns li a {
    text-decoration: none;
    color: black;
}

#study_material_columns li a:hover {
    color: var(--bg-dark-blue);
}

/* bottom */
#footer-icon i {
    font-size: x-large;
}

#footer-icon i:hover {
    color: var(--bg-dark-green);
}

/* small_screen_btn */
#small_screen_btn {
    background-image: linear-gradient(to right, #009769, #17a0e0) !important;
    color: white;
    width: 98%;
}

#register_btn_small_screen {
    background-color: white;
}

/* free-register */
#scholorship-form-home {
    background-image: url(/assets/assets/scholorship-form.png);
}

#scholorship-section {
    background-image: linear-gradient(#00976a59, #17a0e05b);
}

/* pricing */
#pricing-crousel {
    display: none;
}

/* student */
#councelling-card-new {
    background-color: var(--bg-dark-green);
    max-width: 1000px;
}

.scholar-btn1 {
    display: flex;
    justify-content: right;
}

/* bookdemo */

#book-demo {
    background-color: var(--bg-light-green);
}

/* learning */
#super-app-small {
    display: none;
}

/* jee */
#jee-home {
    background-color: var(--bg-dark-blue);
}

/* neet */
#neet-home {
    background-color: var(--green-color);
}

.card-gradient-green {
    background: linear-gradient(to bottom, white, rgb(218, 245, 221));
}

/* gallery */

#head {
    background-image: url(/assets/assets/pageTitle.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    color: white;
    position: relative;
}

.title {
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 10px
}

.content {
    position: relative;
    width: 316px;
    height: 200px;
    max-width: 400px;
    margin: auto;
    overflow: hidden
}

.content .content-overlay {
    background: rgba(241, 116, 116, 0.7);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s
}

.content:hover .content-overlay {
    opacity: 1
}

.content-image {
    min-width: 100%;
    height: 180px;
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1
}

.content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase
}

.content-details p {
    color: #fff;
    font-size: 0.8em
}

.fadeIn-bottom {
    top: 80%
}

.modal-img {
    max-height: 75vh !important;
}

#scholor-info .container img {
    max-height: 120px;
    min-height: 70px;
    margin-bottom: 10px;
}

.benefits-table table tbody tr td {
    border: 1px solid black;
}

.benefits-table {
    overflow-x: auto;
}

@media (max-width:550px) {
    .text-small-small {
        font-size: small !important;
    }

    #super-app {
        display: none;
    }

    #super-app-small {
        display: block;
    }

    .small-block {
        display: block !important;
    }

    .small-center-text {
        text-align: center !important;
    }

    .scholar-btn1 {
        display: flex;
        justify-content: center !important;
        margin-top: 3% !important;
    }

    .scholar-btn {
        display: flex;
        justify-content: center !important;
        margin: 1% 0 !important;
    }

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

@media (max-width:770px) {

    /* home */
    #home h1 strong {
        font-size: xx-large;
    }

    #home .container {
        width: 100%;
        text-align: center;
    }

    #home .card {
        padding: 0px;
        width: 100%;
    }

    #home .card-body input,
    select {
        /* padding: 5px 2px; */
        font-size: small !important;
    }

    #feature_card .row .col-md-12 h5 {
        font-size: small;
    }

    /* explore */
    #explore .container {
        width: 100%;
    }

    #explore .row .col {
        width: 100%;
    }

    #second_heading {
        display: block;
    }

    #first_heading {
        display: none;
    }

    /* results */
    #results .container {
        width: 100%;
    }

    #student_results .col-md-4 {
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: center;
    }

    /* carousel */
    #carousel .container {
        width: 100%;
    }

    /* other_options */
    #other_options {
        display: block;
    }

    #other_options_card {
        display: none;
    }

    /* questions */
    #questions .container {
        width: 100%;
    }

    /* Learn */
    #Learn .container {
        width: 100%;
        text-align: center;
    }

    #Learn .col-md-7 img {
        margin-top: 0px;
    }

    /* footer */
    #footer_company {
        column-count: 2;
    }

    /* study materials */
    #study_material_columns {
        column-count: 2;
    }
}

@media (max-width:550px) {
    #works-row {
        margin-bottom: 0px;
    }

    /* best-fit */
    #best-fit-section {
        margin-top: 0px;
    }

    .break {
        display: none;
    }

    #carousel #carouselExampleIndicators .carousel-control-prev,
    #carousel #carouselExampleIndicators .carousel-control-next {
        display: none;
    }

    #carousel #carouselExampleIndicators .carousel-indicators {
        bottom: -40%;
    }

    /* results */
    .scrollable-row {
        overflow-x: scroll;
        white-space: nowrap;
    }

    .scrollable-row::-webkit-scrollbar {
        height: 0px;
    }

    .scrollable-row::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 4px;
    }

    .scrollable-row::-webkit-scrollbar-track {
        background-color: #f1f1f1;
    }

    /* teachers */
    #teacher .container {
        margin-right: 1%;
        margin-left: 1%;
    }

    #bottom .container .col-4 .row i {
        padding: 0px 130px;
        font-size: small;
    }

    #register_btn_small_screen {
        display: block;
    }

    #featured-crousel {
        display: block;
    }

    #live,
    #featured {
        display: none;
    }

    .home-select {
        display: none;
    }

    .text-small-center {
        text-align: center;
    }
}

@media (max-width:425px) {
    #start_class_row {
        display: none;
    }

    #home .card {
        margin-bottom: 0px;
    }

    /* features */
    #feature_card {
        margin-bottom: 0px !important;
    }

    /* explore */
    #explore {
        margin-top: 0%;
    }
}

@media (max-width:768px) {
    #scholorship-home {
        background-size: auto;
    }

    .break {
        display: none;
    }
}

@media (max-width:550px) {
    #scholorship-home .hide-img {
        display: none;
    }

    #scholorship-home .col-12 {
        justify-content: center;
    }

    #best-fit,
    #services {
        display: none;
    }

    #best-fit-crousel,
    #services-crousel {
        display: block;
    }

    #content-partners .col-md-3 {
        width: 50% !important;
    }
}

/* learning-app */

#join {
    background-color: var(--bg-dark-green);
}

.big-text {
    font-weight: 500;
    font-size: 70px;
    letter-spacing: -3px;
}

.md-text {
    font-size: 30px;
    font-weight: 400;
}

.large-hide {
    display: none;
}

/* copied from home */
#students {
    color: white;
    background: linear-gradient(to bottom, var(--bg-dark-green), black);
}

#councelling-card {
    background-color: var(--bg-dark-green);
    margin-top: -300px;
    padding: 3rem;
}

.boxboard {
    background: linear-gradient(to bottom, rgb(54, 53, 53), black);
}

.end-text-counelling {
    text-align: end;
}

.quantity {
    font-weight: 700;
    font-size: 60px;
    letter-spacing: -3px;
    text-align: start;
}

.unit {
    font-weight: 700;
    font-size: 32px;
    margin-left: 14px;
    letter-spacing: 0;
}

.value {
    font-weight: 600;
    font-size: 38px;
    letter-spacing: -1.75px;
}

.label {
    font-weight: 500;
    font-size: 18px;
    color: #9898a3;
    letter-spacing: 0;
    line-height: 32px;
}

.studentcount {
    font-weight: 700;
    font-size: 90px;
    letter-spacing: 0;
    margin-top: 48px;
}


#class-board-exam {
    margin-bottom: -70px;
    z-index: 100;
}

@media (max-width:530px) {

    .card-mojo {
        max-width: 100%;
    }

    .live-class-container {
        width: 85% !important;
    }

    #councelling-card {
        margin-top: 0px;
        padding: 0px !important;
    }

    #mojo-app {
        margin-bottom: 0px;
    }

    #class-board-exam {
        margin-bottom: auto !important;
    }

    .studentcount {
        font-size: 70px !important;
    }

    .quantity {
        font-size: 50px !important;
    }

    .value {
        font-size: 40px !important;
    }

    .small-center-text {
        text-align: center !important;
    }

    .resource-icon {
        margin-top: -30px;
    }

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

    .large-hide {
        display: block !important;
    }

    .scrollx {
        overflow-x: auto !important;
    }

    .widthmin {
        min-width: 860px !important;
    }

    .big-text {
        font-weight: 450 !important;
        font-size: 45px !important;
        letter-spacing: -3px !important;
    }

    .md-text {
        font-size: 21px !important;
        font-weight: 350 !important;
    }
}

.yellowcard {
    background: linear-gradient(to right, #F2BB66, #FFDB96);
}

.bluecard {
    background: linear-gradient(to right, #6BD1FF, #9AF2FF);
}

.pinkcard {
    background: linear-gradient(to right, #ADC9FF, #F6D9FF);
}

.greencard {
    background: linear-gradient(to right, #6FEC92, #A9F0BD);
}

.redcard {
    background: linear-gradient(to right, #F07070, #F6C9C9);
}

/* jee */

.card-gradient {
    background: linear-gradient(to bottom, white, rgb(92, 92, 202));
}