@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*Generic Styles*/
html{font-size:62.5%}
body{font-family: 'Poppins', sans-serif;color: #000; overflow-x:hidden;}

a{outline: none; text-decoration: none !important;}
a:hover, a:focus{color: #eb0303;}/**transitions for all hover elements**/
a,button,.btn, .transition{-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;cursor: pointer;outline: none !important;}
img{max-width: 100%;}
span{color:inherit!important;font-family:inherit!important;}
p{color:inherit!important;font-family:inherit!important;}

#nav_icon {width: 35px;height: 25px;position: relative;cursor: pointer;transition: all 0.5s;margin: auto;}
#nav_icon span {display: block;width: 35px;height: 4px;border-radius: 8px;background: #fff;position: absolute;transition: 0.25s ease-in-out;opacity: 1;transform: rotate(0deg);left: 0;}
#nav_icon span:nth-child(1) {top: 0;transform: rotate(0deg);}
#nav_icon span:nth-child(2) {top: 10px;transform: rotate(0deg);}
#nav_icon span:nth-child(3) {top: 20px;transform: rotate(0deg);}
#nav_icon.open span:nth-child(1) {top: 12px;transform: rotate(135deg);}
#nav_icon.open span:nth-child(2) {left: -60px;opacity: 0;}
#nav_icon.open span:nth-child(3) {top: 12px;transform: rotate(-135deg);}


/*Main Navigation Style*/
.site-nav {background-color: #fff;}
.site-nav.navbar-light .navbar-nav .nav-link {color: #fff;padding: 22px 10px 22px 10px;font-size: 1.3rem;font-weight: 500;background: url('../img/menu-button.png')no-repeat;background-position: center;background-size: 100%;width: 140px;height: 58px;display: flex;align-items: center;justify-content: center;position: relative;}
.site-nav.navbar-light .navbar-nav .nav-link span{font-family: inherit;font-size: inherit;}
.site-nav.navbar-light .navbar-nav .nav-link:hover+.dropdown-menu{display:block;}
.site-nav.navbar-light .navbar-nav .nav-link:after{content: "";position: absolute;left: 19px;top: 12px;transition: all 0.3s;width: 104px;height: 34px;background: rgb(0 58 31);border-radius: 50px;transform: scale(0);border: none;}
.site-nav.navbar-light .navbar-nav .nav-link:hover:after{transform: scale(1)}
.site-nav.navbar-light .navbar-nav .nav-item.active .nav-link span, 
.site-nav.navbar-light .navbar-nav .nav-link:hover span, 
.site-nav.navbar-light .navbar-nav .nav-link:focus span{position: relative;z-index: 99;}
.total_viewers{margin-left: auto;margin-right: 40px;}
.total_viewers_btn{padding: 6px 12px;font-size: 1.6rem;text-transform: uppercase;
  background: rgb(255,229,16);
  background: -moz-linear-gradient(left, rgba(255,229,16,1) 0%, rgba(255,125,3,1) 100%);
  background: -webkit-linear-gradient(left, rgba(255,229,16,1) 0%,rgba(255,125,3,1) 100%);
  background: linear-gradient(to right, rgba(255,229,16,1) 0%,rgba(255,125,3,1) 100%);color: #000;border: 2px solid #fff;border-radius: 5px;display: flex;align-items: center;justify-content: center;}
.total_viewers_btn img{margin-left: 10px;}  
.site-nav.fixed {width: 100%;z-index: 999; position: static; top: 0; -webkit-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;
background: rgb(0,96,51); 
background: -moz-linear-gradient(top,  rgba(0,96,51,1) 0%, rgba(0,2,1,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,96,51,1) 0%,rgba(0,2,1,1) 100%);
background: linear-gradient(to bottom,  rgba(0,96,51,1) 0%,rgba(0,2,1,1) 100%); 
}
.site-nav.fixed.fixed-nav {background-color: #0f022a;}
.navbar-light .navbar-brand .logo-item {max-width: 170px;display: block;}
.site-nav.navbar-light .navbar-nav .nav-btn:hover, 
.site-nav.navbar-light .navbar-nav .btn-secondary:focus, 
.site-nav.navbar-light .navbar-nav .btn-secondary:active:focus, 
.site-nav.navbar-light .navbar-nav .btn-secondary:not(:disabled):not(.disabled).active, 
.site-nav.navbar-light .navbar-nav .btn-secondary:not(:disabled):not(.disabled):active {background-color: #fff;color: #f14f2a;border-color: #fff; box-shadow:none;}
.total-viewer{background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;color: #fff;margin-top: 7px;}   
.total-viewer-wrap{position: relative;}
.total-viewer-wrap .badge{position: absolute;right: -12px;top: 0;background: #d9363c;font-size:112%;font-weight: none;}
.header-login{padding: 22px 0 22px 20px;}
.header-login a{color: #302e2e;}
.header-login a:hover{color: #f14f2a;}
.header-login a img{margin-left: 5px;}

.top_bar{background: #00042a;padding: 15px 40px;display: flex;justify-content: space-between;}
.top_bar ul{display: flex;margin: 0;padding: 0;list-style: none;flex-wrap:wrap;}
.login_links li{margin-right: 25px;}
.login_links li:last-child{margin-right: 0;}
.login_links a{background: url('../img/header-button.png') no-repeat center;font-size: 1.4rem;color: #000;font-weight: 600;min-width: 103px;height: 30px;display: flex;align-items: center;justify-content: center;}
.login_links a.online_admission{background: url('../img/header-button02.png');min-width: 143px;height: 28px;}

.header_quick_links a{padding: 1px 10px;background: #fff;color: #000;font-size: 1.4rem;border: 4px solid #2ac4fd;border-radius: 4px;box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 33%);min-width: 100px;display: inline-block;text-align: center;transition: all 0.3s;}
.header_quick_links a:hover{background: #2ac4fd;;color: #fff;}
.header_quick_links .download_btn{margin: 0 20px;}
.header_quick_links .download_btn a{border-color: #d32bdc;}
.header_quick_links .download_btn a:hover{background: #d32bdc;}
.second_logo{padding: 30px 15px;text-align: center;background: url('../img/main_background.jpg') no-repeat center;background-size: cover;}

.banner img{width: 100%;}
.about_us .about_us_inner{width: 66%;padding-top: 65px;position: relative;}
.about_us .about_us_inner .head_area{margin-left: 24%;}
.about_us .about_us_inner .head_area h2{font-size: 5rem;font-weight: bold;font-style: italic;position: relative;}
.about_us .about_us_inner .head_area h2:after{content: "";position: absolute;left: 0;right: 0;bottom:-20px;width: 200px;height: 21px;background: url('../img/about-us-tab.png') no-repeat center;background-size: contain;}
.about_descript{background: #164531;padding: 30px 55px;margin-top: 55px;}
.about_descript p{max-width: 665px;margin-bottom: 0;font-size: 2rem;color: #fff !important;}
.about_us .about_us_inner .img_wrap{position: absolute;right: -270px;bottom: -65px;}

.rules_regulation_sec{padding: 45px 45px 80px 45px;background: url('../img/main_background.jpg') center;background-size: contain;}
.rules_regulation_part{text-align: center;}
.rules_regulation_part h2{font-size: 4rem;font-weight: bold;font-style: italic;margin-top: 10px;position: relative;}
.rules_regulation_part h2:after{content: "";position: absolute;left: 0;right: 0;bottom:-20px;width: 107px;height: 12px;background: url('../img/rule-after.png') no-repeat center;background-size: contain;margin: 0 auto;}
.rules_regulation_inner .listing{background:url("../img/lisitin-border.png")no-repeat center;margin: 0;padding: 0;list-style: none;background-size: 100% 100%;padding: 20px 35px 10px 35px;max-width: 300px;margin: 50px auto 0 auto;box-sizing: content-box;}
.rules_regulation_inner .listing .number{height: 55px;width: 40px;border-radius: 50%;transform: rotate(25deg);
background: rgb(232,0,54);
background: -moz-linear-gradient(top, rgba(232,0,54,1) 0%, rgba(28,0,6,1) 100%);
background: -webkit-linear-gradient(top, rgba(232,0,54,1) 0%,rgba(28,0,6,1) 100%);
background: linear-gradient(to bottom, rgba(232,0,54,1) 0%,rgba(28,0,6,1) 100%);
color: #fff;display: flex;align-items: center;justify-content: center;font-size: 4rem;margin: 0 auto;}  
.rules_regulation_inner .listing .number span{transform: rotate(-25deg)}
.rules_regulation_inner .listing li p{font-size: 1.6rem;margin: 10px 0;text-align: left;}

.home_work_back{position:relative;padding-top: 60px;background: url('../img/main_background.svg') no-repeat center;background-size: cover;border-radius: 15px;padding-bottom: 40px;margin-bottom: 50px;}
.home_work_back .homeWork_img{display: block;margin: 0 auto;}
.home_work_back .head-area h3{text-align: center;font-size: 3rem;color: #fff;font-weight: bold;font-style: italic;position: relative;margin-bottom: 45px;}
.home_work_back .head-area h3:after{content: "";position: absolute;left: 0;right: 0;bottom:-10px;width: 107px;height: 12px;background: url('../img/tab-ser.png') no-repeat center;background-size: contain;margin: 0 auto;}
.cutom_select_wrap label{color: #fff;font-size: 1.6rem;}
.cutom_select{background-color: transparent;border: 2px solid #fff;color: #fff;font-size: 1.6rem;width: 100%;height: 40px;padding: 0 15px;background-image: url('../img/select_bg.png');background-repeat: no-repeat;background-position: right center;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.cutom_select option{color: #000;}
.home_work_back .form-group{margin-bottom: 25px;}
.searchbtn_wrap{width: 100%;text-align: center;}
.submit_btn{background-image: url('../img/searchBtn-bg.png');background-repeat: no-repeat;background-position: right center;width: 228px;height: 98px;display: flex;align-items: center;justify-content: center;background-color: transparent;border: none;font-size: 3rem;color: #fff;text-transform: uppercase;margin: 0 auto;position: relative;overflow: hidden;}
.submit_btn:after{content: "";position: absolute;left: 27px;top: 18px;transform: scale(0);width: 0;height: 58px;transition: all 0.3s;
  background: rgb(12,104,61); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(12,104,61,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(12,104,61,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(12,104,61,1) 0%,rgba(255,255,255,1) 100%); 
  }
.submit_btn:hover span{position: relative;z-index: 99;}
.submit_btn:hover:after{transform: scale(1);width: 176px;height: 58px;border-radius: 50px;}

/************Date picker css******/
.form-group .input-field {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    display: block;
    width: 100%;
    padding: 0 15px;
    height: 40px;
    cursor: pointer;
    color: #fff;
    font-size: 1.6rem;
    outline: none;
    border: 2px solid #fff;
    border-radius: 0;  
    background: none;
    background-image: url('../img/select_bg.png');background-repeat: no-repeat;background-position: right center;
  }
  .input-field::-webkit-input-placeholder { 
    color: #fff;
  }
  .input-field::-moz-placeholder {
    color: #fff;
  }
  .input-field:-ms-input-placeholder { 
    color: #fff;
  }
  .input-field:-moz-placeholder {
    color: #fff;
  }
  .form-group .input-field:focus {
    outline: none;
  }

  .ui-datepicker {
    display: none;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.3rem rgba(0, 0, 0, 0.2);
    margin-top: 0.25rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
  }
  .ui-datepicker-calendar table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .ui-datepicker-calendar thead th {
    padding: 0.25rem 0;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    color: #353535;
  }
  .ui-datepicker-calendar tbody td {
    width: 2.5rem;
    text-align: center;
    padding: 0;
  }
  .ui-datepicker-calendar tbody td a {
    display: block;
    border-radius: 50%;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    color: #353535;
    font-size: 1.4rem;
    text-decoration: none;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
  }
  .ui-datepicker-calendar tbody td a:hover {
    background: #164531;
    color: #ffffff;
  }
  .ui-datepicker-calendar tbody td a.ui-state-active {
    background: #164531;
    color: #ffffff;
  }
  .ui-datepicker-calendar tbody td a.ui-state-highlight {
    color: #fff;
    border: 1px solid #164531;
  }
  .ui-datepicker-header a span {
    display: none;
  }
  .ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.5rem;
  }
  .ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
  }
  .ui-datepicker-header a.ui-datepicker-prev::after {
    font-family: "Material Icons";
    content: "\e314";
    font-size: 1.5rem;
    color: #353535;
  }
  .ui-datepicker-header a.ui-datepicker-next {
    right: 0;
  }
  .ui-datepicker-header a.ui-datepicker-next::after {
    font-family: "Material Icons";
    content: "\e315";
    font-size: 1.5rem;
    color: #353535;
  }
  .ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 1.4rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
  }
  .ui-datepicker-week-col {
    color: #353535;
    font-weight: 400;
    font-size: 0.75rem;
  }
/************Date picker css End******/
.our_service_sec{background: url('../img/our_services_back.png') no-repeat center;background-size: cover;min-height: 345px;padding: 40px 0 30px 0;}
.our_service_sec .head_area{text-align: center;color: #fff;}
.our_service_sec .head_area h3{font-size: 4.5rem;font-weight: bold;font-style: italic;position: relative;margin-bottom: 40px;}
.our_service_sec .head_area h3 span{color: #ff0000!important;font-size:inherit;}
.our_service_sec .head_area h3:after{content: "";position: absolute;left: 0;right: 0;bottom: -20px;width: 107px;height: 12px;background: url(../img/tab-ser.png) no-repeat center;background-size: contain;margin: 0 auto}
.our_service_sec .head_area p{font-size: 1.6rem;margin-bottom: 5px;}

.servicesBox-wrap{padding: 0;margin: 0;list-style: none;display: flex;margin-top: 20px;}
.servicesBox-wrap li{flex: 0 0 20%;text-align: center;}
.servicesBox-wrap li p{color: #fff;font-size: 1.6rem;margin-bottom: 0;margin-top: 15px;}

.whatPeople_say{padding: 40px 0;background: url('../img/main_background.jpg') no-repeat center;background-size: cover;}
.generic_heading h3{margin-bottom: 40px;}
.generic_heading{text-align: center;}
.generic_heading h3 {font-size: 4rem;font-weight: bold;font-style: italic;position: relative;}
.generic_heading h3.white_clr{color: #fff;}
.generic_heading h3:after{content: "";position: absolute;left: 0;right: 0;bottom: -20px;width: 456px;height: 11px;background: url(../img/tab-0.png) no-repeat center;background-size: contain;margin: 0 auto}
.generic_heading p{font-size: 1.6rem;margin-bottom: 5px;}
.client_box_wrap{margin-top: 30px;}
.client_box{text-align: center;}
.client_box p{font-size: 1.6rem;margin-top: 10px;}

.our_gallery_sec{background: url('../img/gallary-bg.png') no-repeat center;background-size: cover;min-height: 345px;padding: 40px 0 40px 0;}
.gallery_wrap{margin-top: 40px;}

.news_events{padding: 40px 0;}
.landing-page-banner {
        background-size: cover;
        min-height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .landing-page-banner h1 {
        color: #ffffff;
        max-width: 550px;
        text-align: center;
    }
    .landing-page-banner h1.clr-black{
        color: #000;
    }
    .our-address{background: url(../img/people-say.png) top center;}
.address_box{border: 1px solid #d9363c;border-radius: 5px;margin-top: 20px;margin-bottom: 20px;}
.address_box h3{background: #d9363c;color: #fff;font-size: 22px;font-weight: 300;padding: 5px 10px;border-radius: 5px 5px 0 0;}
.address_box ul{padding: 0 15px;}
.address_box ul li{margin-bottom: 10px;}
    .about_us{background: url('../img/about-bg.png') no-repeat center;background-size: cover;padding:40px 0;}
.heading-style span{color: #d52027!important;font-family: 'Nunito', sans-serif;font-size: 40px;font-weight: 700;}
.aboutUs_detail p{line-height: 36px;font-size: 15px;letter-spacing: .1px;}
.about_us .img-wrap{height: 430px;}
.about_us .img-wrap img{border-radius: 10px;}
footer{background: #825424;min-height: 345px;padding: 0 0 10px 0;}
.footer_title{width: 280px;padding: 5px 15px;margin-left: 50px;text-align: center;font-size: 3rem;font-weight: bold;border-radius: 0 0 25px 25px;background: #edcead;}
.footer-bx{padding: 0 15px;}
.footer-bx.firstBox_content p{color: #edcead;font-size: 1.6rem;}
.social_icon{list-style: none;padding: 0;margin: 0;}
.social_icon li{display: inline-block;margin-right: 6px;}
.social_icon li a{background: url('../img/social_icon.png') no-repeat center;height: 45px;width: 45px;display: inline-block;}
.social_icon li a.fb{background-position: 0;}
.social_icon li a.tw{background-position: -150px;}
.social_icon li a.st{background-position: -251px;}
.social_icon li a.yt{background-position: -101px;}
.social_icon li a.ld{background-position: -201px;}
.social_icon li a.ig{background-position: -51px;}
.social_icon li a.wa{background-position: -302px;}
.footer_logo{margin: 10px 0;display: inline-block;}
.quick-links{list-style: none;margin: 0;padding: 0;}
.footer_bx_wrap{display: flex;justify-content: space-between;flex-wrap:wrap;}
.footer_bx_wrap .footer-bx{flex: 0 0 auto;}
.quick-links li{margin-bottom: 10px;}
.quick-links li a{color: #fff;font-size: 1.6rem;}
.footer-bx h3{color: #edcead;margin-bottom: 25px;}
.address-info{list-style: none;margin: 0;padding: 0;}
.address-info li{font-size: 1.6rem;color: #fff;display: flex;align-items: flex-start;}
.address-info li img{margin: 3px 8px 0 0;}
.address-info li{margin-bottom: 10px;}
.GetInTouch_form .form-control {width: 100%;padding: 12px;font-size: 1.6rem;font-weight: 300;color: #000;outline: none;background: #c5c3b9;;border: none;letter-spacing: 1px;border-radius: 0;margin-bottom: 10px;height: auto;}
.send_btn {background:url('../img/header-button.png') no-repeat center;width: 130px;height: 28px;display: flex;align-items: center;justify-content: center;background-color: transparent;border: none;font-size: 1.8rem;color: #000;text-transform: uppercase;margin: 0 auto;position: relative;overflow: hidden;margin-top: 20px;}
.bttom-bar{background: #000;padding: 10px 0;}
.bttom-bar p{margin-bottom: 0;text-align: center;color: #fff;font-size: 1.6rem;}
.video_frame{width: 635px;height: 433px;float:right;position:relative;}
.video_frame .video_wrap{position: absolute;left: 110px;top: 25px;height: 311px;width: 413px;overflow: hidden;}
.video_frame .video_wrap video{height: 100%;width: 100%;}
.our-jobs{padding: 50px 0 30px 0;}
.job_bx{background: #e7e7e7;padding: 15px;border-radius: 10px;border: 1px solid #d6d6d6;box-shadow: 5px 6px 8px rgba(231, 231, 231, 0.93);margin-bottom: 20px;}
.job_bx h2{font-family: 'Nunito', sans-serif;font-weight: 600;color: #d9363c;}
.job_bx p{margin-top: 15px;}
#homework_form{padding: 0 150px;}
#homework_form small.req{color:#fff;font-size:14px;}
.viewer_count{display: inline-flex;align-items: center;justify-content: center;height: 25px;width: 25px;flex: 0 0 25px;background: #164531;color: #fff;border-radius: 50%;border: 1px solid #fff;font-size: 17px;font-family: sans-serif;font-weight: bold;text-align: center;margin-left: 4px;}
.upcoming-events-inner ul{overflow:hidden;}
.upcoming-events-inner ul li{animation:up 25s linear infinite;}
@keyframes up{
  0%{transform:translateY(200%);opacity:1}
  99%{transform:translateY(-470%);opacity:1}
  100%{transform:translate(600%, 0%);opacity:0;}    
}
.about_us.home_about{padding:0;}
.navbar-expand-lg .navbar-nav .dropdown-menu {z-index: 9999;padding-top:0;top:90%;}
.navbar-expand-lg .navbar-nav .dropdown-menu:hover {display:block}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{font-size:14px;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover{background-color: #00572f;color: #fff;}
    
.resultPopup .closeIt{right: 0!important;top: 0!important;}
.work_tbl th{background: #3498db;color: white;font-weight: bold;font-size: 14px;border-right:1px solid #fff;border-bottom:none;}
.work_tbl th:last-child{border-right:none;}
.work_tbl td{border-right:1px solid #fff;color:#fff;font-size:14px;}
.work_tbl td p{font-family: inherit;font-size: 14px;}
.work_tbl td a{padding: 5px 10px;font-size: 16px;background: #3498db;color: #fff;border-radius: 10px;}
.searchhomeworklist{margin-top:15px;}
.work_tbl tbody tr:first-child{background: #28a745;}
.work_tbl tbody tr:nth-child(2){background: #663399;}
.work_tbl tbody tr:nth-child(3){background: #dc3545;}
.work_tbl tbody tr:nth-child(4){background: #3498db;}
.work_tbl tbody tr:nth-child(5){background: #ffc107;}
.work_tbl tbody tr:nth-child(6){background: #343a40;}
.work_tbl tbody tr:nth-child(7){background: #b57a22;}
.work_tbl td:last-child{border-right:none;background:#fff;}
.event_slider .splide__slide{overflow: hidden;display: flex;position: relative;height:auto!important;padding-bottom:10px;}
.event_slider .splide__slide:after{content: "";position: absolute;left: 0;right: 0;bottom: 10px;height: 1px;width: 100%;background: #eee;}
.event_slider .splide--slide .splide__slide:last-child:after{display: none;}
.event_slider .splide__slide .img_wrap{width: 120px;height: 100px;}
.event_slider .splide__slide .img_wrap img {border-radius: 6px;height: 100%;width: 100%;object-fit: cover;}
.news_capstion{padding-left: 20px;}
.news_capstion h4{margin: 0;font-weight: 500;line-height: 1.4;color: #000;font-family: sans-serif;font-size: 18px;max-width: 250px;}
.news_capstion h4 a{text-decoration: none;color: #000;}
.news_capstion h4 a:hover{color: #fc3f00;}
.news_capstion p{font-size: 14px;}
.news_capstion span {color: #000;text-transform: uppercase;font-size: 11px;font-weight: 400;padding: 10px 15px;line-height: 1;margin-bottom: 15px;display: inline-block;font-family: sans-serif;}
.color1{background: #ffe7e6;}
.color2{background: #c7f2f7;}
.color3{background: #edfdc0;}
.color4{background: #fff9c6;}
.event_slider .splide__pagination{display: none!important;}
#splide.is-active .splide__list {display: flex;}
.news_events{display: flex;}
.news_events #splide{flex: 0 0 70%;max-width: 70%;position: relative;padding:0 15px;}
.news_events .event_slider{flex: 0 0 30%;max-width: 30%;padding:0 15px;}
.news_events #splide .img_wrap{position: relative;width: 262px;height: 170px;background: #c7f2f7;}
.news_events #splide .img_wrap img{width: 100%;height: 100%;object-fit: contain;}
.news_events #splide .news_capstion span {color: #000;text-transform: uppercase;font-size: 11px;font-weight: 400;padding: 10px 15px;line-height: 1;margin-bottom: 0;display: inline-block;font-family: sans-serif;position: absolute;left: 0;bottom: 0;}
.news_detail h4{margin: 15px 0 0 0;color: #adacac;font-family: sans-serif;}
.news_detail h3{margin-top: 10px;font-family: sans-serif;} 	
.splide__slide{padding:0;margin-right: 10px;}
.newsModal{font-size: 14px;}

.homework_tabs{
    border-radius: 20px 20px 0 0;
    background-color: #fff;
    max-width: 98%;
    margin: 0 auto;
    z-index: 9;
    position: relative;
    padding: 10px;
}
.homework_tabs .homework_tabs_card{
    border-radius: 20px !important;
}
.homework_tabs .nav-link {
    font-size: 16px;
    padding: 8px 10px;
}
.homework_tabs .nav-link.active{
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
}
.homework_tabContent>.tab-pane{
    background: #ffff;
    max-width: 98%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 40px;
    border-radius: 0 0 30px 30px;
    border-top: 1px solid #007bff;
}
.homework_tabContent>.tab-pane ul li{
    color: #164531;
    font-size: 16px;
    margin-bottom: 10px;
}
.homework_tabContent>.tab-pane ul li a{
    color: #164531;
    text-decoration: underline !important;
}
.homework_tabContent>.tab-pane ul li a:hover{
    color: #007bff;
}
.campus-tab-data .accordion .card-header{
    padding: 0;
}
.campus-tab-data .accordion .card-header .btn-link{
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px;
    font-size: 14px;
}
.campus-tab-data{
    padding: 0 10px;
}
.campus-tab-data .nav-tabs .nav-link{
    font-size: 14px;
}
.newsModal .modal-title, .eventModal .modal-title{
    font-size: 18px;
}
.newsModal .close, .eventModal .close{
    background: #dc3545;
    opacity: 1;
    color: #fff;
    font-weight: 100;
    border-radius: 50px;
    padding: 0;
    height: 30px;
    width: 30px;
}
.newsModal .img_wrap, .eventModal .img_wrap{margin-bottom: 20px;}
.timeTable-sec .home_work_back{
    background: #007bff;
    border-radius: 0;
    margin: 0;
    padding-top: 60px;
    padding-bottom: 40px;
}
.timeTable-sec .home_work_back .head-area h3{
    color: #fff;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default {
    border-color: #ddd;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd;
}

.panel-body {
    padding: 15px;
}

/*Media Queires*/

@media(max-width:1199px){
  .top_bar {padding: 15px 20px;}
  .login_links li {margin-right: 15px;}
}
@media(min-width:992px){
  .brand_logo.for_mobile{display: none;}
}
@media(max-width:991px){
  .navbar-light .navbar-toggler .icon-bar {display: block;width: 20px;height: 2px;background-color: #fff;margin-bottom: 6px;}
  .site-nav.navbar-light .navbar-nav .nav-link {padding: 30px 0;width: 190px;height: 80px;text-align:center;}
  .site-nav.fixed {animation: none;-webkit-animation: none;}
  .site-nav .navbar-nav {display: flex;flex-direction: column;flex-flow: wrap;}
  .site-nav.navbar-light .navbar-nav li{flex: 0 0 50%;max-width: 50%;}
  .site-nav.navbar-light .navbar-nav .nav-link {font-size: 1.5rem;display: inline-block;}
  .site-nav.navbar-light .navbar-nav .nav-btn {width: 100%;border-radius: 0;}
  .header-login {position: absolute;right: 0;top: 0;padding: 14px 0 14px 20px;}
  .site-nav .container{position: relative;}
  .navbar-toggler{border: none;outline: none !important;margin-right: 10px;padding: 0;}
  #nav_icon.open{height: 29px;}
  .top_bar {flex-direction: column;align-items: center;padding-left: 0;padding-right: 0;}
  .second_logo{display: none;}
  .about_us .about_us_inner {padding-top: 40px;width:100%;}
  .about_us .about_us_inner .head_area {text-align: center;margin:0;}
  .about_us .about_us_inner .head_area h2:after{margin:0 auto;}
  .about_descript {padding: 30px 15px;text-align: center;}
  .about_descript p {max-width: 100%;}
  .about_us .about_us_inner .img_wrap {position: static;text-align: center;margin: 20px 0;}
  .login_links li{margin-bottom:10px;}
  .total_viewers{margin-right:0;}
  .home_work_back{background-image: url('../img/home_work_back.png');background-size: 1600px;background-repeat: no-repeat;background-position: center;padding-top:0;margin-top: 40px;}
  .homework_tabs .nav-link {padding: 8px 12px;font-size: 14px;}
  .home_work_inner{position:static;padding: 40px 0 20px 0;}
  #homework_form {padding: 0px 50px;}
  .rules_regulation_sec {padding: 45px 15px 80px 15px;}
  .footer_bx_wrap .footer-bx{flex:0 0 100%;}
  .home_work_back .homeWork_img{display:none;}
}
@media(max-width:767px){
  .header_quick_links .download_btn {margin: 0 10px;}
  .generic_heading h3:after{width:100%;}
}
@media(max-width:575px){
  .logo-item img{width: 170px;}
  .header-login a img {margin-left: 0;}
  .header-login a img{margin-left: 0;}
  .banner {margin-top: 57px;}
  .header-login {padding: 10px 0 10px 15px;}
  .brand_logo.for_mobile{width:280px;}
  .video_frame {width: 100%;height: auto;float: none;position: static;padding: 0 15px;}
  .video_frame img{display:none;}
  .video_frame .video_wrap {position: static;height: auto;width: 100%;border-radius: 30px;overflow: hidden;}
}