* {
            font-family: 'Rubik', sans-serif;
        }
        

        /*css for backend*/
        .backendcontent .card-columns .card {
            border: 1px solid #ef8e22bf !important;
            box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
        }


        #owl-carousel .card {
            box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px
        }

        a {
            text-decoration: none !important;
        }

        .btn-link {
            color: white !important;
        }

        .primary-text {
            color: #003243;
        }

        h1.primary-text {
            color: #205198;
            font-weight: 600;
        }

        .text-blue {
            color: #205199;
        }

        .bg {
            background-color: #19519A;
        }


        #custom_nav .last_menu {
            padding: 3px 25px !important;
            border: 1px solid #EF8E22;
            border-radius: 50px;
            margin-left: 10px;
            margin-top: 5px;
            color: #fff !important;
            background: #EF8E22;
        }

        .navbar-expand-md .navbar-nav .nav-link {
            padding-right: 0.7rem;
            padding-left: 0.7rem;
        }


        .banner {
            height: 100vh;
            /*background-image: url(/image/group846.png);*/
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            -webkit-align-items: center;
        }

        .fix-top {
            height: 100vh;
            background-image: none;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .nav_bg {
            background-color: #19519A;
        }

        .banner-text {


            color: white;
            /*padding-left: 60px;*/
        }

        .lead {
            font-weight: 500;
            font-size: 30px;
            margin-bottom: 10px;
        }

        .lead1 {
            margin-top: 0px;
            font-size: 22px;
            font-weight: 500;
        }

        .featured_college .btn {

            background-color: #205199;
            border-radius: 1.25rem !important;
            padding: 3px 12px;
            color: #fff;
            margin-left: 10px;
        }

        .featured_college .card-subtitle1 img {
            margin-right: 6px;
            border-right: 1px solid #fff;
            width: 16px;
            padding-right: 1px;
        }
        }

        .featured_college .card-subtitle1 {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .btn {

            background-color: #F18F01;
            border-radius: 1.25rem !important;
            padding: 5px 24px;
            color: #fff;
        }

        span.checked {
            color: #F18F01;
        }

        .btn1 {
            color: white;
            background-color: #F18F01;
            border-radius: 1.25rem !important;
        }

        .download {
            color: #F18F01;
            background-color: white;
            border-radius: 1.25rem !important;
        }

        .stream {
            border: solid;
            border-color: #F18F01;
        }

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

        .clg-section {
            background-image: url(/image/clg-bg.png);
            background-size: cover;
            background-repeat: no-repeat;

        }

        .clg-bg {
            background-image: url(/image/mask.png);
            background-repeat: no-repeat;
            background-size: 100%;
            background-position-y: -9%;
        }

        .select2-container .select2-selection--single {
            height: 39px !important;
            color: #3490dc !important;
            border: none !important;
            border-radius: 0px !important;
        }

        #home .select2-selection__rendered {
            line-height: 39px !important;
            color: #000 !important;
            padding-left: 30px !important;
            opacity: 0.7;

        }

        .card-title {
            color: #19519A;
        }

        .card-subtitle1 {
            margin-top: -3.0rem;
            margin-bottom: 20px;
            text-align: left;
            padding: 5px 1px;

        }

        .font-weight {
            font-size: 90px;
            font-weight: 500;
            line-height: 0;
            margin-bottom: 10px;
        }

        .font-weight .fa {
            font-size: 78px;
            margin-right: 10px;
        }

        .navbar-light .navbar-nav .nav-link {
            color: #fff;
            text-transform: capitalize;
            font-size: 15px;
            font-weight:600;

        }

        .navbar-light .navbar-nav .nav-link:hover {
            color: #EF8E22;
        }

        .header-img {
            height: 70vh;

        }

        .clg-header {
            margin-top: -80px;
        }

        .card-body {
            padding: 1.25rem;
        }

        .card1 {
            padding: 0.25rem;
        }

        thead {
            background-color: #EF8E22;
        }

        .bg-blue {
            background-color: #19519A;
        }

        .footer {
            position: relative;
            left: 0;
            bottom: 0;
            width: 100%;
            background-color: #19519A;
            color: white;
            padding-top: 30px;
            padding-bottom: 30px;
            padding-left: 60px;
            padding-right: 60px;

        }

        .searchfilter:focus {
            outline: none;
        }

        .logo-img {
            width: 100%;
            height: 75px;
        }

        .buttons {
            margin-top: 40px;
        }

        .card {
            border: none !important;
            border-radius: 0px !important;
        }

        .card-buttons {
            padding: 0.5rem;
        }

        .footer-text {
            color: #19519A;
        }

        .col-md-3 {
            padding-right: 0px;
            padding-left: 0px;
        }

        .img-overlay {
            width: 100%;
            height: 57%;
            background: rgba(0, 0, 0, .4);
            position: absolute;
            top: 0;
            left: 0;
        }

        .fixwd {
            max-width: 150px;
        }

        #home .select2-selection__arrow {
            height: 35px !important;

        }

        #home .select2-selection__arrow b {
            border-color: #000 transparent transparent transparent !important;
            opacity: 0.7;
        }

        #sign_up .text-blue {
            color: #19519A;
            font-weight: 500;
            font-size: 16px;
        }

        #sign_up .form-control {
            display: block;
            margin-top: 10px;
            margin-bottom: 10px;
            width: 100%;
            height: calc(1.2em + 0.75rem + 2px);
            padding: 0.375rem 0.75rem;
            font-size: 0.9rem;
            font-weight: 400;
            line-height: 1;
            color: #19519A;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #19519A;
            border-radius: 0;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

        #sign_up .btn {
            background-color: #F18F01;
            border-radius: 1.25rem !important;
            padding: 3px 46px;
            text-transform: uppercase;
            font-weight: 500;
        }

        .search {
            width: 100%;
            height: 39px;
            font-weight: 500;
        }

        /*owl-corousal*/

        .owl-carousel .owl-nav [class*='owl-'] {
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        .owl-carousel .owl-nav [class*='owl-'].disabled:hover {
            background-color: #D6D6D6;
        }

        .owl-theme .owl-nav [class*=owl-]:hover {
            background: none !important;
        }

        .owl-carousel {
            position: relative;
        }

        #owl-carousel .owl-next {
            width: 50px;
            height: 50px;
            line-height: 50px;
            border-radius: 50%;
            position: absolute;
            top: 30%;
            font-size: 20px;
            color: #19519A;
            border: 1px solid #19519A;
            text-align: center;
            outline: none;
        }

        #owl-carousel .owl-prev {
            width: 50px;
            height: 50px;
            line-height: 50px;
            border-radius: 50%;
            position: absolute;
            top: 30%;
            font-size: 20px;
            color: #19519A;
            border: 1px solid #19519A;
            text-align: center;
            outline: none;
        }

        .owl-carousel .owl-prev {
            left: -70px;
        }

        .owl-carousel .owl-next {
            right: -70px;
        }

        .owl-item {
            height: 100%;
        }

        .star-rating label {
            font-size: 25px;
            float: right;
        }

        table.table-responsive {
            display: inline-table !important;
        }

.navbar-light .navbar-toggler-icon{
        background-image: url(/image/menu.png)!important;
}

.main{
    overflow-x:hidden;
}

        @media (max-width: 767.98px) {
            .ankit-bhai{
                width:100%!important;
            }
            .owl-carousel .owl-item{
                text-align:center;
            }
            .btn{
                width: max-content;
            }
           .clg-header {
                margin-top: -25px!important;
                /*border: 1px solid #f18f01;*/
                margin: 0;
                padding: 15px;
                background: #fff;
                border-radius: 10px;
                box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
            
            .main {
                background-image: none !important;
            }

            .navbar {
                padding-left: 10px;
                padding-right: 10px;

            }
            nav{
                z-index:2300;
            }
            
            .owl-nav {
                display: none;
            }
            .navbar-light .navbar-brand img{
                width:140px!important;
                z-index: 2;
                position: relative;
            }

            .fix-top {
                height: 100vh;
                background-size: 190%;
                background-repeat: no-repeat;
                background-position-x: 100%;
                background-position-y: bottom;
            }
            .banner_mobile, .flex_mobile{
                display: flex;
                flex-direction: column!important;
                align-items: center!important;
            }
            .heading_top img {
                margin-left: 15px!important;
                height: 30px!important;
            }
            .search_button {
                /*width: 96% !important;*/
            }

            .banner-text {
                padding-left: 0;
            }

            .font-weight .fa {
                font-size: 58px;
            }

            .lead {
                font-size: 1.5rem;
            }

            .lead1 {
                font-size: 20px;
            }

            .font-weight {
                font-size: 58px;
                font-weight: 600;
            }

            .btn {
                margin-top: 10px;
            }

            .logo-img {
                width: 34%;
                height: auto;
            }

            .clg-header {
                text-align:center;
            }

            .footer-logo {
                text-align: center;
            }

            .social {
                text-align: center;
            }

            table {

                width: 100%;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }

            table.coursetable {
                display: block;
                width: 100%;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }

            #banner-image img {
                display: none;
            }

            .nav-link {
                color: black;
            }

            .btn-mob {
                margin-top: 10px;
            }

            .social-icon {
                display: flex;
                justify-content: space-evenly;
            }

            .star-rating label {
                font-size: 22px !important;
            }

            #review-img img {
                width: 50px;
            }

            #reviews {
                text-align: center !important;
            }

            #review-text {
                text-align: justify;
            }

            #review-img {
                margin-left: 65px;
                justify-content: unset !important;
            }

            /*home page*/
            .heading_top {
                font-size: 36px !important;
            }

            h1.font-weight1 {
                font-size: 36px !important;
            }

            .banner-text .span {
                font-size: 16px !important;
            }

            .vhs {
                height: 87vh !important;
                align-items: flex-start!important;
                position: relative;
                margin-top: 11%;
            }

           

            .dimension {
                align-items: center !important;
            }

            .modify {
                width: 80% !important;
            }

            .stream_list {
                margin: 10px 0;
            }

            .badge-pill {
                padding-left: 1em !important;
                padding-right: 1em !important;
                padding-top: 0.5em !important;
                padding-bottom: 0.5em !important;
                font-size: 11px !important;
                margin-right: 0em !important;
                margin-top: 10px;
            }

            .footer {
                padding-left: 20px !important;
                padding-right: 20px !important;
            }


        }
 
 
 @media (min-width: 768px) and (max-width: 991.98px) { 
      .abc {

                right: 220px !important;
                bottom: 135px !important;
            }
     .fix-top {
    background-size: 215%!important;
    background-position-y: bottom!important;
    background-position-x: right!important;
     }
      .vhs{
          align-items: flex-start!important;
      }
      #svg-container {
    width: 39%!important;
    left: 33%!important;
}
.modify {
    width: 100%!important;
}
     .abc{
    right: 215px!important;
     }
     
     
 }
 
 
 



        @media (min-width: 1200px) {

            .container {
                max-width: 1200px;
            }
        }

        @media (min-width: 1400px) {

            .container {
                max-width: 1300px;
            }
        }
        
        
        
        
         @media (max-width: 991.98px){
     .navbar-light .navbar-nav .nav-link{
             font-size: 22px;
             font-weight:400;
     }
 
.navbar-nav .dropdown-menu {
    position: absolute;
    width: 100%;
    text-align: center;
    overflow-x: hidden;
}
.navbar-nav li.nav-item.dropdown:hover .dropdown-menu{
    display:block;
}
.navbar-nav li.nav-item.dropdown,  .navbar-nav li.nav-item:nth-child(7){
       border-bottom: 1px solid #ffffff42;
}

#custom_nav .last_menu{
    margin-left: 15%;
    width: 70%;
}
.button-toggl{
    width: 48px;
    height: 48px;
    background:#00000000 ;
    padding: 12px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease-in;
    padding-top: 8px;
    line-height: 8px;
    text-align: left;
    position: relative;
    right: 0;
    top: 0;
    z-index: 201;
    margin:0!important;
}

.button-toggl span{
    height: 2px;
    width: 100%;
    background: white;
    display: inline-block;
    transition: all 0.5s cubic-bezier(.62,.43,.35,1.47);
    margin-bottom:4px;
}

/* toggle icon animation */
#checker:checked ~ .button-toggl span:nth-child(1){
    width: 100%;
    transform: rotate(45deg) translateY(6px) translateX(6px);
}
#checker:checked ~ .button-toggl span:nth-child(2){
    width: 0;
}
#checker:checked ~ .button-toggl span:nth-child(3){
    width: 100%;
    transform: rotate(-45deg) translateY(-7px) translateX(7px);
}

/* the nav height is set to 0 when the navbar is closed */
#navbarSupportedContet{
    height: 0;
}
#checker:checked ~ #navbarSupportedContet{
    height: 100vh;
    display: flex;
    position: absolute;
    top: 0px;
    z-index: 1;
    padding: 0px 15px 0px 15px;
    left: 0;
    right: 0;
    background: #1D4A9B;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}

     .navbar-nav {
    width: 100%;
        margin-top: -10%;
     }
     table::-webkit-scrollbar, .table-responsive::-webkit-scrollbar{
     height:7px;
}
.table-bordered thead th{
    vertical-align: middle;
}
     
     .header-img{
        height: 26vh!important;
    }
     
     
 }
 
 .simag_siz{
    height: 150px;
    display: block;
 }
 .simag_siz img{
    height: 150px;
    object-fit: cover;
 }
 #checker{
  display:none;
}