@import url(../../../cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
 * {
   font-family: 'Rubik', sans-serif;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 body {
   font-size: 15px;
   color: #333;
   margin: 0;
   padding: 0;
   overflow-x: hidden;
 }
 html { 
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
 }
 header, footer, section, aside, nav, article {
   display: block;
 }
 * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 ol, ul {
   list-style: outside none none;
 }
 ul, ol, dl {
   margin: 0;
   padding: 0;
 }
 h1, h2, h3, h4, h5, h6 {
   padding-left: 0;
   padding-right: 0;
 }
 a {
   color: #000000;
   text-decoration: underline;
 }
 a:hover {
   text-decoration: none;
 }
 h1 {
   font-size: 21px;
 }
 h2 {
   font-size: 18px;
 }
 h3, h4, h5, h6 {
   font-size: 14px;
   padding: 0;
 }
 a img {
   border: medium none;
   outline: medium none;
 }
 a:link {
   text-decoration: none;
 }
 a:visited {
   text-decoration: none;
 }
 img {
   max-width: 100%;
   max-height: 100%;
   vertical-align: middle;
 }
 .wrapper {
   transition: all 0.2s ease 0s;
 }
 .clr::after {
   clear: both;
   content: "";
   display: block;
   float: none;
 }
 .clr {
   clear: both;
   float: none;
 }
 :focus {
   outline: medium none;
 }
 input[type="submit"], input[type="reset"], input[type="button"] {
   cursor: pointer;
 }
 *::-moz-placeholder {
   opacity: 1 !important;
 }
 .nav-link:focus, .nav-link:hover {
   color: #f2009c;
 }
 /************************************/
 .navigation {
   position: relative;
   font-family: inherit;
   align-items: center;
   flex-direction: row;
 }
 .navigation * {
   box-sizing: border-box;
   -webkit-tap-highlight-color: transparent;
 }
 .navigation-portrait {
   height: 48px;
 }
 .navigation-fixed {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 19998;
 }
 .navigation-hidden {
   width: 0 !important;
   height: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
 }
 .align-to-right {
   float: right;
 }
 .nav-header {
   float: left;
 }
 .navigation-hidden .nav-header {
   display: none;
 }
 .nav-brand {
   line-height: 70px;
   padding: 0;
   color: #343a40;
   font-size: 24px;
   text-decoration: none !important;
 }
 .nav-brand:hover, .nav-brand:focus {
   color: #343a40;
 }
 .navigation-portrait .nav-brand {
   font-size: 18px;
   line-height: 48px;
 }
 .nav-logo > img {
   height: 48px;
   margin: 11px auto;
   padding: 0 15px;
   float: left;
 }
 .nav-logo:focus > img {
   outline: initial;
 }
 .navigation-portrait .nav-logo > img {
   height: 36px;
   margin: 6px auto 6px 15px;
   padding: 0;
 }
 .nav-toggle {
   width: 30px;
   height: 30px;
   padding: 6px 2px 0;
   position: absolute;
   top: 10px;
   margin-top: 0;
   right: 0;
   display: none;
   cursor: pointer;
 }
 .nav-toggle:before {
   content: "";
   position: absolute;
   width: 24px;
   height: 2px;
   background-color: #fff;
   border-radius: 10px;
   box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
 }
 .navigation-portrait .nav-toggle {
   display: block;
 }
 .navigation-portrait .nav-menus-wrapper {
   width: 320px;
   height: 100%;
   top: 0;
   left: -400px;
   position: fixed;
   background-color: #fff;
   z-index: 20000;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   transition-duration: 0.2s;
   transition-timing-function: ease;
 }
 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
   left: auto;
   right: -400px;
 }
 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
   left: 0;
 }
 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
   left: auto;
   right: 0;
 }
 .nav-menus-wrapper-close-button {
   width: 30px;
   height: 40px;
   margin: 10px 7px;
   display: none;
   float: right;
   color: #343a40;
   font-size: 26px;
   cursor: pointer;
 }
 .navigation-portrait .nav-menus-wrapper-close-button {
   display: block;
 }
 .nav-menu {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
   font-size: 0;
 }
 .navigation-portrait .nav-menu {
   width: 100%;
 }
 .navigation-landscape .nav-menu.nav-menu-centered {
   float: none;
   text-align: center;
 }
 .navigation-landscape .nav-menu.nav-menu-centered > li {
   float: none;
 }
 .nav-menu > li {
   display: inline-block;
   float: left;
   text-align: left;
   border-right: solid 1px #ffffff2e;
 }
 .navigation-portrait .nav-menu > li {
   width: 100%;
   position: relative;
   border-top: solid 1px #f0f0f0;
 }
 .navigation-portrait .nav-menu > li:last-child {
   border-bottom: solid 1px #f0f0f0;
 }
 .nav-menu + .nav-menu > li:first-child {
   border-top: none;
 }
.nav-menu > li > a {
    padding: 14px 25px;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    color: #343a40;
    transition: color 0.3s, background 0.3s;
}
 .navigation-portrait .nav-menu > li > a {
   width: 100%;
   height: auto;
   padding: 12px 15px 12px 26px;
 }
.nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a {
    color: #2d1f00;
    background-color: #C9A84C;
}
 .nav-menu > li > a > i, .nav-menu > li > a > [class*="ion-"] {
   width: 18px;
   height: 16px;
   line-height: 16px;
   transform: scale(1.4);
 }
 .nav-menu > li > a > [class*="ion-"] {
   width: 16px;
   display: inline-block;
   transform: scale(1.8);
 }
 .navigation-portrait .nav-menu.nav-menu-social {
   width: 100%;
   text-align: center;
 }
 .nav-menu.nav-menu-social > li {
   text-align: center;
   float: none;
   border: none !important;
 }
 .navigation-portrait .nav-menu.nav-menu-social > li {
   width: auto;
 }
 .nav-menu.nav-menu-social > li > a > [class*="ion-"] {
   font-size: 12px;
 }
 .nav-menu.nav-menu-social > li > a > .fa {
   font-size: 14px;
 }
 .navigation-portrait .nav-menu.nav-menu-social > li > a {
   padding: 15px;
 }
 .submenu-indicator {
   margin-left: 6px;
   margin-top: 4px;
   float: right;
   transition: all 0.2s;
 }
 .navigation-portrait .submenu-indicator {
   width: 54px;
   height: 44px;
   margin-top: 0;
   position: absolute;
   top: 0;
   right: 0;
   text-align: center;
   z-index: 20000;
 }
 .submenu-indicator-chevron {
   height: 6px;
   width: 6px;
   display: block;
   border-style: solid;
   border-width: 0 1px 1px 0;
   border-color: transparent #fff #fff transparent;
   transform: rotate(45deg);
   transition: border 0.2s;
 }
.nav-submenu .submenu-indicator-chevron {
    border-color: transparent #fff #fff transparent;
}
 .navigation-portrait .submenu-indicator-chevron {
   position: absolute;
   top: 18px;
   left: 24px;
 }
.nav-menu > li:hover > a .submenu-indicator-chevron, .nav-menu > .active > a .submenu-indicator-chevron, .nav-menu > .focus > a .submenu-indicator-chevron {
    border-color: transparent #2d1f00 #2d1f00 transparent;
}
 .navigation-portrait .submenu-indicator.submenu-indicator-up {
   transform: rotate(-180deg);
 }
 .nav-overlay-panel {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: none;
   z-index: 19999;
 }
 .no-scroll {
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
 .nav-search {
   float: right;
   z-index: 19998;
 }
 .navigation-portrait .nav-search {
   height: 48px;
   padding: 0 10px;
   margin-right: 20px;
 }
 .navigation-hidden .nav-search {
   display: none;
 }
 .nav-search-button {
   text-align: center;
   cursor: pointer;
 }
 .navigation-portrait .nav-search-button {
   width: 50px;
   height: 48px;
   line-height: 46px;
   font-size: 22px;
 }
 .nav-search-icon {
   width: 14px;
   height: 14px;
   margin: 2px 8px 8px 4px;
   display: inline-block;
   vertical-align: middle;
   position: relative;
   color: #343a40;
   text-align: left;
   text-indent: -9999px;
   border: 2px solid;
   border-radius: 50%;
   transform: rotate(-45deg);
 }
 .nav-search-icon:after, .nav-search-icon:before {
   content: "";
   pointer-events: none;
 }
 .nav-search-icon:before {
   width: 2px;
   height: 11px;
   top: 11px;
   position: absolute;
   left: 50%;
   border-radius: 0 0 1px 1px;
   box-shadow: inset 0 0 0 32px;
   transform: translateX(-50%);
 }
 .nav-search-button:hover .nav-search-icon {
   color: #ff6b00;
 }
 .nav-search > form {
   width: 100%;
   height: 100%;
   padding: 0 auto;
   display: none;
   position: absolute;
   left: 0;
   top: 0;
   background-color: #fff;
   z-index: 99;
 }
 .nav-search-inner {
   width: 100%;
   height: 100%;
   margin: auto;
   display: table;
 }
 .navigation-portrait .nav-search-inner {
   height: 48px;
 }
 .nav-search-inner input[type="text"], .nav-search-inner input[type="search"] {
   height: 100%;
   line-height: normal;
   width: 100%;
   margin: 0;
   padding: 0 12px;
   text-align: left;
   color: #343a40;
   outline: none;
   border: none;
   background-color: transparent;
   transition: all 0.3s;
 }
 .navigation-portrait .nav-search-inner input[type="text"], .navigation-portrait .nav-search-inner input[type="search"] {
   height: 48px;
   font-size: 18px;
   line-height: 48px;
 }
 .nav-search-close-button {
   width: 28px;
   height: 28px;
   display: block;
   position: absolute;
   right: 10px;
   top: 5px;
   line-height: normal;
   color: #343a40;
   font-size: 20px;
   cursor: pointer;
   text-align: center;
 }
 .navigation-portrait .nav-search-close-button {
   top: 10px;
   right: 14px;
 }
 .nav-button {
   margin: 18px 15px 0;
   padding: 8px 14px;
   display: inline-block;
   color: #fff;
   font-size: 14px;
   text-align: center;
   text-decoration: none;
   border-radius: 4px;
 }
 .nav-button:hover, .nav-button:focus {
   color: #fff;
   text-decoration: none;
 }
 .navigation-portrait .nav-button {
   width: calc(100% - 52px);
   margin: 17px 26px;
 }
 .nav-text {
   margin: 25px 15px;
   display: inline-block;
   color: #343a40;
   font-size: 14px;
 }
 .navigation-portrait .nav-text {
   width: calc(100% - 52px);
   margin: 12px 26px 0;
 }
 .navigation-portrait .nav-text + ul {
   margin-top: 15px;
 }
 .nav-dropdown {
   min-width: 180px;
   margin: 0;
   padding: 0;
   display: none;
   position: absolute;
   list-style: none;
   z-index: 98;
   white-space: nowrap;
 }
 .navigation-portrait .nav-dropdown {
   width: 100%;
   position: static;
   left: 0;
 }
 .nav-dropdown .nav-dropdown {
   left: 100%;
 }
.nav-menu > li > .nav-dropdown {
    border: solid 1px #f0f0f0;
}
.nav-dropdown > li {
    width: 100%;
    float: left;
    clear: both;
    position: relative; 
    text-align: left; 
}
.nav-dropdown > li > a {
    width: 100%;
    padding: 16px 20px;
    display: inline-block;
    text-decoration: none;
    float: left;
    font-size: 14px;
    color: #343a40;
    background-color:#003c72;
}
.nav-dropdown > li:hover > a, .nav-dropdown > li.focus > a {
    color: #2d1f00;
    background-color: #C9A84C;
}
 .nav-dropdown.nav-dropdown-left {
   right: 0;
 }
 .nav-dropdown > li > .nav-dropdown-left {
   left: auto;
   right: 100%;
 }
 .navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {
   text-align: right;
 }
.navigation-portrait .nav-dropdown > li > a {
    padding: 12px 10px 12px 10px;
    width: 100%;
    font-size: 13px;
}
 .navigation-portrait .nav-dropdown > li > ul > li > a {
   padding-left: 50px;
 }
 .navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {
   padding-left: 70px;
 }
 .navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {
   padding-left: 90px;
 }
 .navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a {
   padding-left: 110px;
 }
 .nav-dropdown .submenu-indicator {
   right: 15px;
   top: 10px;
   position: absolute;
 }
 .navigation-portrait .nav-dropdown .submenu-indicator {
   right: 0;
   top: 0;
 }
 .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
   transform: rotate(-45deg);
 }
 .navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
   transform: rotate(45deg);
 }
 .nav-dropdown > li:hover > a .submenu-indicator-chevron, .nav-dropdown > .focus > a .submenu-indicator-chevron {
   border-color: transparent #832a25 #832a25 transparent;
 }
 .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
   left: 10px;
 }
 .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
   transform: rotate(135deg);
 }
 .nav-dropdown-horizontal {
   width: 100%;
   left: 0;
   background-color: #fdfdfd;
   border-top: solid 1px #f0f0f0;
 }
 .nav-dropdown-horizontal .nav-dropdown-horizontal {
   width: 100%;
   top: 100%;
   left: 0;
 }
 .navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
   border-top: none;
 }
 .nav-dropdown-horizontal > li {
   width: auto;
   clear: none;
   position: static;
 }
 .navigation-portrait .nav-dropdown-horizontal > li {
   width: 100%;
 }
 .nav-dropdown-horizontal > li > a {
   position: relative;
 }
 .nav-dropdown-horizontal .submenu-indicator {
   height: 18px;
   top: 11px;
   transform: rotate(90deg);
 }
 .navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
   height: 42px;
   top: 0;
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 .navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {
   transform: rotate(-180deg);
 }
 .megamenu-panel {
   width: 100%;
   padding: 15px;
   display: none;
   position: absolute;
   font-size: 14px;
   z-index: 98;
   text-align: left;
   color: inherit;
   border-top: solid 1px #f0f0f0;
   background-color: #fdfdfd;
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075);
 }
 .navigation-portrait .megamenu-panel {
   padding: 25px;
   position: static;
   display: block;
 }
 .megamenu-panel [class*="container"] {
   width: 100%;
 }
 .megamenu-panel [class*="container"] [class*="col-"] {
   padding: 0;
 }
 .megamenu-panel-half {
   width: 50%;
 }
 .megamenu-panel-quarter {
   width: 25%;
 }
 .navigation-portrait .megamenu-panel-half, .navigation-portrait .megamenu-panel-quarter {
   width: 100%;
 }
 .megamenu-panel-row {
   width: 100%;
 }
 .megamenu-panel-row:before, .megamenu-panel-row:after {
   content: "";
   display: table;
   line-height: 0;
 }
 .megamenu-panel-row:after {
   clear: both;
 }
 .megamenu-panel-row [class*="col-"] {
   display: block;
   min-height: 20px;
   float: left;
   margin-left: 3%;
 }
 .megamenu-panel-row [class*="col-"]:first-child {
   margin-left: 0;
 }
 .navigation-portrait .megamenu-panel-row [class*="col-"] {
   float: none;
   display: block;
   width: 100% !important;
   margin-left: 0;
   margin-top: 15px;
 }
 .navigation-portrait .megamenu-panel-row:first-child [class*="col-"]:first-child {
   margin-top: 0;
 }
 .megamenu-panel-row .col-1 {
   width: 5.583333333333%;
 }
 .megamenu-panel-row .col-2 {
   width: 14.166666666666%;
 }
 .megamenu-panel-row .col-3 {
   width: 22.75%;
 }
 .megamenu-panel-row .col-4 {
   width: 31.333333333333%;
 }
 .megamenu-panel-row .col-5 {
   width: 39.916666666667%;
 }
 .megamenu-panel-row .col-6 {
   width: 48.5%;
 }
 .megamenu-panel-row .col-7 {
   width: 57.083333333333%;
 }
 .megamenu-panel-row .col-8 {
   width: 65.666666666667%;
 }
 .megamenu-panel-row .col-9 {
   width: 74.25%;
 }
 .megamenu-panel-row .col-10 {
   width: 82.833333333334%;
 }
 .megamenu-panel-row .col-11 {
   width: 91.416666666667%;
 }
 .megamenu-panel-row .col-12 {
   width: 100%;
 }
 .megamenu-tabs {
   width: 100%;
   float: left;
   display: block;
 }
 .megamenu-tabs-nav {
   width: 20%;
   margin: 0;
   padding: 0;
   float: left;
   list-style: none;
 }
 .navigation-portrait .megamenu-tabs-nav {
   width: 100%;
 }
 .megamenu-tabs-nav > li > a {
   width: 100%;
   padding: 10px 16px;
   float: left;
   font-size: 13px;
   text-decoration: none;
   color: #343a40;
   border: solid 1px #eff0f2;
   outline: 0;
   background-color: #fff;
 }
 .megamenu-tabs-nav > li.active a, .megamenu-tabs-nav > li:hover a {
   background-color: #f5f5f5;
 }
 .megamenu-tabs-pane {
   width: 80%;
   min-height: 30px;
   padding: 20px;
   float: right;
   display: none;
   font-size: 13px;
   color: #343a40;
   border: solid 1px #eff0f2;
   background-color: #fff;
 }
 .megamenu-tabs-pane.active {
   display: block;
 }
 .navigation-portrait .megamenu-tabs-pane {
   width: 100%;
 }
 .megamenu-lists {
   width: 100%;
   display: table;
 }
 .megamenu-list {
   width: 100%;
   margin: 0 0 15px;
   padding: 0;
   display: inline-block;
   float: left;
   list-style: none;
 }
 .megamenu-list:last-child {
   margin: 0;
   border: none;
 }
 .navigation-landscape .megamenu-list {
   margin: -15px 0;
   padding: 20px 0;
   border-right: solid 1px #f0f0f0;
 }
 .navigation-landscape .megamenu-list:last-child {
   border: none;
 }
 .megamenu-list > li > a {
   width: 100%;
   padding: 10px 15px;
   display: inline-block;
   color: #343a40;
   text-decoration: none;
   font-size: 13px;
 }
 .megamenu-list > li > a:hover {
   background-color: #ff6b00;
   color: #fff;
 }
 .megamenu-list > li.megamenu-list-title > a {
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
   color: #343a40;
 }
 .megamenu-list > li.megamenu-list-title > a:hover {
   background-color: transparent;
 }
 .navigation-landscape .list-col-2 {
   width: 50%;
 }
 .navigation-landscape .list-col-3 {
   width: 33%;
 }
 .navigation-landscape .list-col-4 {
   width: 25%;
 }
 .navigation-landscape .list-col-5 {
   width: 20%;
 }
 .nav-menu > li > a {
   color: #fff;
 }
.nav-dropdown > li > a {
    color: #fff;
    padding: 14px 20px;
    border-bottom: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    border-left: 1px solid #f6f6f6;
    border-top: solid 1px #f6f6f6;
    font-weight: 500;
}
.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus {
    background-color: #C9A84C;
    color: #2d1f00;
    border: solid 1px;
}
 .main_header_area.sticky {
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   background-color: #fff;
   z-index: 9999;
   box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
 }
 .transparent-menu {
   position: absolute;
   width: 100%;
   left: 0;
   top: 0;
   z-index: 99;
 }
 .navigation-portrait .nav-menu > li > a {
   width: 100%;
   height: auto;
   padding: 10px 10px 10px 10px;
 }
 @media only screen and (min-width: 320px) and (max-width: 767px) {
   .nav-dropdown > li > a, .megamenu-list > li > a {
     width: 65%;
   }
 }
.header-logo {
    display: flex;
    width: 100%;
    padding: 15px 0;
    justify-content: center;
}
 .main-menu {
   background-color: #003c72;
    background-image: url(../images/diagonal-lines-1.png);
    background-size: 5px auto;
 }
 .nav-search-button {
   display: none;
 }
 .search-input {
   display: flex;
   flex-direction: row;
   width: 100%;
   justify-content: space-between;
 }
ul.nav-menu.align-to-right {
    width: 100%;
    display: flex;
    justify-content: center;
}
 .search-section input {
   border: 0;
   width: 100%;
   height: 100%;
   background-color: #ffffff45;
   color: #fff;
 }
.navigation { 
    width: 100%; 
}
 ::-ms-input-placeholder { /* Edge 12-18 */
   color: #fff;
 }
 ::placeholder {
   color: #fff;
 }
 .search-section input {
   border: 0;
   width: 100%;
   height: 100%;
   background-color: #ffffff12;
   padding: 0 40px 0 15px;
   color: #fff;
   background-image: url("../images/search.svg");
   background-repeat: no-repeat;
   background-position: calc(100% - 15px) center;
 }
 .search-section {
   width: 400px;
 } 
 .hero-slider ul.slick-dots li {
   display: inline-block;
   font-size: 0;
   border: 0;
   transition: .2s;
   margin: 0 5px 0 0px;
 }
.hero-slider ul.slick-dots li button {
    display: inline-block;
    background-color: #2d1f00;
    font-size: 0;
    border: 0;
    height: 10px;
    transition: .2s;
    width: 10px;
}
 .hero-slider ul.slick-dots li.slick-active button {
   width: 50px
 }
 .main-slider.slick-slide {
   text-align: center;
 }
 .main-slider.slick-slide img {
   display: inline-block;
 }
ul.slick-dots {
    width: 1230px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    max-width: 100%;
    bottom: -60px;
    display: none !important;
}
 span.about-stud { 
    height: 60px;
    background-color:#003c72 !important;
    display: inline-block;
    line-height: 60px;
    font-size: 15px;
    color: #fff;
    background-image: url(../images/diagonal-lines-1.png);
    background-size: 5px auto;
    padding: 0 10px;
    float: right;
 }
 .about-collage h5.heading- {
   color:#2d1f00;
   font-family: Rubik;
   font-size: 40px;
   font-style: normal;
   font-weight: 600;
   margin: 0 15px 0 0;
   white-space: nowrap;
   line-height: 107.912%;
 }
 .about-collage {
   display: flex;
   margin: 40px 0 20px 0;
 }
 .about-collage p {
   flex: 1 0 0;
   color: #222;
   font-family: Rubik;
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: 25px;
 }
.collage-quick-action {
    display: flex;
    background-image: url(../images/diagonal-lines-1.png);
    background-size: 5px auto;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    background-color: #ececec;
    margin: 10px 0 0 10px;
}
.slick-vertical .slick-slide { 
    background-image: url(../images/diagonal-lines-1.png);
    background-size: 5px auto;
}
.slick-slider { 
    box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.15); 
}
 .collage-quick-action ul {
   width: 100%;
 }
.collage-quick-action ul li {
    border-bottom: solid 1px #fff;
}
.collage-quick-action ul li a {
    display: flex;
    position: relative;
    padding: 0 15px;
    color: var(--Black, #000);
    font-family: Rubik;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    transition: .2s;
    text-align: left;
    line-height: 60px;
    letter-spacing: -0.8px;
    align-items: center;
    gap: 15px;
}
.collage-quick-action ul li a em {
    display: flex;
}
 .collage-quick-action ul li a img:last-child {
   position: absolute;
   right: 15px;
   top: 0;
   bottom: 0;
   margin: auto;
   width: 15px;
 }
.collage-quick-action ul li:hover {
    opacity: .9;
}
 .collage-quick-action ul li a img:first-child {
   left: 15px;
   position: absolute;
   width: 20px;
   bottom: 0;
   top: 0;
   margin: auto;
 }
 .collage-quick-action ul li.main-link {
   border-radius: 10px;
   background: rgba(255, 255, 255, 0.15);
   text-align: center;
 }
 .collage-quick-action ul li.main-link a {
   color: #FFF;
   text-align: center;
   font-family: Rubik;
   font-size: 20px;
   font-style: normal;
   font-weight: 500;
 }
.he-section-content {
    
    padding: 10px;
    text-align: center;
    border: solid 1px #493500;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.he-section-content img {
    border-radius: 50%;
    border: solid 1px #493500;
    width: 140px;
    display: inline-block;
}
 .he-section-content span b {
   font-size: 14px;
   margin: 0 0 0 0;
   display: block;
 }
.he-section-content span {
    margin: 10px 0 0 0;
    color: #493500;
}
.he-section-content span i {
    font-style: normal;
    font-size: 13px;
    line-height: normal;
    display: block;
}
.he-section .he-section-content:last-child {
    margin-top: 10px;
}
 .he-section p {
   color: #222;
   text-align: justify;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   margin: 10px 0 0 0;
 }
 ul.count-success {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
 }
 ul.count-success li {
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   width: 100%;
   height: calc(25% - 20px);
   margin: 10px 0 0 0;
   flex-shrink: 0;
   border-radius: 15px;
   background: #FFF;
 }
ul.count-success li b {
    color: #453500;
    text-align: center;
    font-family: Rubik;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 107.912%;
}
ul.count-success li {
    color: #453500;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 107.912%;
}
/*section.news-and-info-section {
    padding: 20px 0 0px 0;
}*/
 h5.heading- {
   color:#2d1f00;
   font-family: Rubik;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
 }
 .teacher-slider, .news-slider {
   background: #FFF;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
 }
 .news-fi b {
   display: flex;
   color:#fff;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
 }
 .slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid rgba(0, 0, 0, 0.10);
 }
 .slick-vertical .news-fi {
   border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
   padding: 10px 0;
 }
 .slick-vertical .news-fi a {
   padding: 0 15px;
   display: block;
 }
.slick-vertical .news-fi i, .slick-vertical .news-fi em {
    margin: 0px 0 0 45px;
    color: #e0ab1b;
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-transform: capitalize;
    display: block;
}
 .news-fi b img {
   margin: 0 10px 0 0px;
 }
.teacherslider span a, .view-all {
    display: block;
    padding: 10px 0;
    background: #003c72;
    color: #FFF;
    text-align: center;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 10px 0 0 0;
    text-transform: uppercase;
}
 .event-slider button.slick-arrow,.teacher-slider button.slick-arrow, .news-slider button.slick-arrow, .news-slider-1 button.slick-arrow {
   position: absolute;
   bottom: -47px;
   border: 0;
   font-size: 0;
   z-index: 9;
   width: 50px;
   height: 36px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: 25px;
   background-color: #ffffff1c;
 }
 .event-slider button.slick-prev.slick-arrow,.teacher-slider button.slick-prev.slick-arrow, .news-slider button.slick-prev.slick-arrow, .news-slider-1 button.slick-prev.slick-arrow {
   background-image: url("../images/s-left-arrow.svg");
   left: 0;
 }
 .event-slider button.slick-next.slick-arrow,.teacher-slider button.slick-next.slick-arrow, .news-slider button.slick-next.slick-arrow, .news-slider-1 button.slick-next.slick-arrow {
   background-image: url("../images/s-right-arrow.svg");
   right: 0;
 }
 .teacher-img.slick-slide b {
   display: block;
   text-align: center;
   font-size: 15px;
   padding: 10px 0 0 0;
 }
 .teacher-img.slick-slide i {
   display: block;
   text-align: center;
   color: #4D4D4D;
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
 }
 a.view-all:hover {
   color: #fff;
 }
 .teacher-slider,.event-slider {
   padding: 17px 0 17px 0;
   min-height: 365px;
 }
 .slick-list.draggable {
   padding: 0 !important;
 }
 
.news-event-section .news-student-1 .news-slider, .news-slider-1 {
    background-color: #493500;
}
 .news-slider-1 .news-fi.slick-slide:hover {
   background-color: #00000017;
 }
 .news-slider-1 .news-fi em {
   color: rgba(255, 255, 255, 0.60);
   font-style: normal;
   font-weight: 700;
   line-height: 17.14px;
 }
 .news-slider-1 .news-fi b {
   color: #fff;
 }
 .news-slider-1 .news-fi a i {
   margin-left: 25px;
   color: #fff;
   text-transform: uppercase;
   font-weight: 600;
 }
.news-slider-1 .news-fi a b img, .news-fi b img {
    min-width: 20px;
}
 .news-slider-1 .news-fi b {
   margin: 6px 0 5px 0;
   line-height: normal;
 }
 .news-slider-1 .slick-vertical .news-fi {
   border-bottom: 1px solid rgb(0 0 0 / 16%) !important;
   padding: 10px 0;
 }
 section.tab-section {
   background-color:#fff;
   padding: 50px 0;
    background-image: url(../images/diagonal-lines-1.png);
    background-size: 5px auto;
 }
 .tab-for-school {
   display: flex;
   width: 100%;
 }
 ul.tab-about li a {
   display: flex;
   flex-direction: row;
 }
 ul.tab-about li a svg {
   width: 20px;
 }
 ul.tab-about li.active a {
   color: #9A312B;
 }
 ul.tab-about li.active a svg path {
   fill: #9A312B;
 }
 ul.tab-about li {
   border-left: solid 1px #fff;
   border-bottom: solid 1px #fff;
 }
ul.tab-about li a {
    display: flex;
    padding: 0 15px;
    color: #2d1f00 !important;
    vertical-align: middle;
    line-height: 48px;
    align-items: center;
    font-family: Rubik;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    background-color: #fcfcfc;
    border-bottom: solid 1px #f2f2f2;
    border-left: solid 1px #f2f2f2;
}
 ul.tab-about li a svg {
   margin: 0 10px 0 0px;
 }
ul.tab-about li.active a {
    background-color:#f3f3f3;
}
ul.tab-about li a svg path {
    fill: #2d1f00 !important;
}
ul.tab-about {
    width: 310px;
    border-top: solid 1px #fff;
    max-width: 100%;
    background-color: #ebebeb;
}
.tab-content {
    width: 100%;
    border: solid 1px #fff;
    padding: 20px 20px;
    background-color: #f1f1f1d4;
    border-left: 0;
}
 ul.admin-tab-sec li {
   position: relative;
   padding: 0 0 0 20px;
   color: #000;
   font-family: Rubik;
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: 31px;
 }
ul.admin-tab-sec li:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2d1f00;
    bottom: 0;
    margin: auto;
    fill: #2d1f00;
}
 .fot-logo-menu {
   display: flex;
   color: #fff;
 }
 .footer-menu {
   display: flex;
   margin: 0 0 0 20px;
 }
footer {
    padding: 30px 0 0 0;
    font-size: 14px;
    border-top: solid 15px #2a2a2a;
    background: #0c0c0c;
}
.clear.mycontent ul.content li {
    line-height: 20px;
    margin: 0 0 10px 0;
}
.footer-menu li a {
    color: #fff;
    padding: 0 0 0 15px;
    position: relative;
    display: block;
    font-size: 13px;
    line-height: normal;
}
 .footer-menu li a img {
   position: absolute;
   left: 0;
   top: 2px;
 }
 .footer-menu ul li {
   margin: 0 0 10px 0;
 }
 .footer-menu ul {
   margin: 0 20px 0 0px;
 }
.copyright {
    background-color: #2a2a2a;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    margin: 20px 0 0 0;
}
 .copyright p {
   margin: 0;
   font-weight: 20;
 }
 .copyright b {
   font-weight: normal;
 }
 .footer-menu.get-in-touch {
   display: flex;
   color: #fff;
   flex-direction: column;
 }
 .footer-menu ul li b, .news-letter b {
   font-size: 16px;
   font-weight: 500;
   margin: 0 0 15px 0;
   display: block;
 }
 .adres- {
   display: flex;
   flex-direction: column;
 }
 .adres- b {
   font-weight: normal;
   margin: 0 0 10px 0;
 }
 .news-letter b {
   margin: 20px 0 20px 0;
 }
 .footer-input {
   position: relative;
   padding: 0 30px 0 0;
 }
 .footer-input input {
   background-color: transparent;
   border: 0;
   border-bottom: solid 1px #fff;
   font-size: 14px;
   width: 100%;
   padding: 5px 0;
 }
 .footer-input button {
   background-color: transparent;
   border: 0;
   position: absolute;
   font-size: 20px;
   right: 0;
   bottom: 0px;
 }
 span.social-icon a {
   font-size: 20px;
   margin: 10px 10px 0 0;
   display: inline-block;
   color: #fff;
 }
 .footer-menu li a:hover {
   text-decoration: underline;
 }
 section.news-event-section {
   padding: 40px 0 60px 0;
 }
.teacher-img center {
    width: 250px;
    height: 250px;
    text-align: center;
    line-height: 250px;
    border: solid 1px #2d1f00;
    display: inline-block;
    overflow: hidden;
}
.news-slider .news-fi {
    min-height: 73px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}
.teacher-img center img {
    display: inline-block;
}
.teacher-img {
    text-align: center;
}
.col-md-12.flex-secn {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}
.flex-secn {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom:solid 1px #2d1f00;
    padding-bottom: 10px;
}
h3.sec-title.fw-semibold {
    color: #9A312B;
    font-family: Rubik;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    border-bottom: solid 1px #9A312B;
    padding: 0 0 15px 0;
}
.team-card {
    border: #832A25 solid 2px;
    border-radius: 10px;
    margin: 0 0 15px 0;
    padding: 10px;
    color: #fff;
    gap: 10px;
    display: flex;
    height: 100%;
    flex-direction: row;
    align-items: center;
}
.team-card .team-img {
    width: 150px;
    height: 150px;
    border: transparent;
    text-align: center;
    flex: 0 0 150px;
    line-height: 150px;
    border-radius: 10px;
    overflow: hidden;
}
.tinv-wishlist.woocommerce.tinv-wishlist-clear table tr.light {
    background-color: #f1f1f1;
}
.team-content h3 {
    margin: 5px 0 5px 0;
    font-size: 18px;
    color: #fff;
}
.team-content h3 a {
    color: #fff;
}
h4.sec-title.fw-semibold {
    font-size: 20px;
    font-weight: 600;
}
.vc-html.space .team-card {
    background-color:#2d1f00;
    border-radius: 10px;
    text-align: center;
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
}
.team-content {
    color: #fff;
}
.team-content h3.team-title {
    margin: 10px 0 5px 0;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}
.team-content h3.team-title a {
    color: #2e2e2e;
}
h4.sec-title.fw-semibold {
    border-bottom: solid 1px #2d1f00;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 10px 0;
    margin: 0 0 20px 0;
}
.tinv-wishlist.woocommerce.tinv-wishlist-clear table {
    border: solid 1px #ddd;
    width: 100%;
    margin-bottom: 20px;
}
.tinv-wishlist.woocommerce.tinv-wishlist-clear table tr {
    border-bottom: solid 1px #ddd;
}
.tinv-wishlist.woocommerce.tinv-wishlist-clear table tr td {
    padding: 10px 10px;
}
.tinv-wishlist.woocommerce.tinv-wishlist-clear table b { 
    display: block;
}
.team-content span {
    font-size: 15px;
    color: #333;
}
.tinv-wishlist.woocommerce.tinv-wishlist-clear table tr th {
    padding: 10px 10px;
}
 
 @media screen and (min-width: 767px) {
   .row.full-height {
     height: 100%;
     display: flex;
   }
 }
section.new-tabs.tab-section .tab-for-school {
    display: flex;
    width: 100%;
    flex-direction: column;
}
section.new-tabs.tab-section ul.tab-about {
    width: 100%;
    border-top: solid 1px #fff;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    background-color:#544110;
}
section.new-tabs.tab-section ul.tab-about li { 
    border-bottom: solid 0px #fff;
}
section.new-tabs.tab-section {
    background: transparent;
    padding: 0;
    margin: 0 0 30px 0;
}
.tinv-wishlist.woocommerce.tinv-wishlist-clear table tr.dark,.tinv-wishlist.woocommerce.tinv-wishlist-clear table tr th {
    background-color: #fff;
}
#top-sbh { 
    background: #e2e1dc;
} 

#top-sbh { 
    border-bottom: 1px solid #c2c0c1;
} 

#top-sbh  { 
    background: #f6f3ee;
} 

:before,:after { 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
} 

.container-zil { 
    padding-right: 15px; 
    padding-left: 15px;
} 

.container-zil { 
    position: relative; 
    margin: 0 auto; 
    display: block; 
    max-width: 1310px;
}  

.container-zil:before { 
    display: table; 
    content: "";
} 

.container-zil:after { 
    display: table; 
    content: ""; 
    clear: both;
} 
 
#top-sbh ul  { 
    list-style-type: none; 
    padding-left: 0; 
    margin-bottom: 0px;
} 

.cle-jk9:before,.cle-jk9:after { 
    display: table; 
    line-height: 0; 
    content: "";
} 

.cle-jk9:before { 
    display: table; 
    line-height: 0; 
    content: "";
} 

.cle-jk9:before,.cle-jk9:after { 
    content: " "; 
    display: table;
} 

.cle-jk9:after { 
    clear: both;
} 

.cle-jk9:after { 
    display: table; 
    line-height: 0; 
    content: ""; 
    clear: both;
} 

.cle-jk9:after, .form-horizontal .form-group::after,.panel-body:after,.modal-header:after,.modal-footer:after { 
    clear: both;
} 

#top-sbh #acc-396 ul li .text-elt ul::after, #top-sbh .gov-him ul::after { 
    content: " "; 
    display: table; 
    clear: both;
}  

#top-sbh ul li  { 
    list-style-type: none; 
    padding-bottom: 0;
} 

#top-sbh #acc-396 > ul > li { 
    border-left: 1px solid #c2c0c1;
} 

#top-sbh #acc-396 ul li  { 
    float: left; 
    position: relative;
} 

#top-sbh #acc-396 > ul > li:last-child { 
    border-right: 1px solid #c2c0c1;
} 

#top-sbh .gov-him ul li  { 
    float: left;
} 

#top-sbh .gov-him ul li:first-child  { 
    border-right: 1px solid #c2c0c1;
} 
 
#top-sbh #acc-396 ul li a {
    color: #000000;
    padding: 0 10px;
    height: 35px;
    font-weight: 600;
    display: grid;
    align-items: center;
    line-height: 35px;
    text-decoration: none;
    font-size: 15px !important;
}

#top-sbh #acc-396 ul li a.ski-ir6  { 
    font-size: 0.9em; 
    text-transform: uppercase;
}  
#top-sbh #acc-396 > ul > li a:hover { 
    background-color: #d8d8d8;
} 

#top-sbh #acc-396 > ul > li a:hover, #top-sbh #acc-396 > ul > li a:focus { 
    background-color: #d8d8d8;
} 

#top-sbh #acc-396 ul li .goi-eqt  { 
    position: absolute; 
    width: 209px; 
    z-index: 1; 
    left: -1px; 
    visibility: hidden; 
    top: 100%;
}  

#top-sbh #acc-396 ul li .text-elt  { 
    padding: 7px 10px 6px;
} 

#top-sbh #acc-396 ul li .text-elt  { 
    padding: 7px 10px;
} 

#top-sbh #acc-396 ul li ul.link-ezi.text-elt  { 
    display: none; 
    position: absolute; 
    width: 54px; 
    background: #fff; 
    left: -1px; 
    z-index: 99; 
    padding: 0 !important; 
    border: 1px solid #d8d8d8; 
    border-top: none;
} 

.select-aa1 { 
    text-decoration: underline !important;
} 

#top-sbh #acc-396 ul li a.lan-gfs  { 
    font-size: 14px; 
    padding: 0 8px; 
    text-transform: uppercase;
} 

#top-sbh #acc-396 ul li .soc-gh4  { 
    position: absolute; 
    width: 100%; 
    z-index: 99; 
    left: 0; 
    top: 100%; 
    visibility: hidden; 
    background-color: #ffffff; 
    border: 1px solid #d8d8d8;
} 

#top-sbh #acc-396 ul li:last-child .soc-gh4  { 
    min-width: 61px; 
    width: auto; 
    left: inherit; 
    right: -1px;
} 

#top-sbh .gov-him ul li a  { 
    display: block; 
    font-size:12px !important; 
    font-weight: 600; 
    text-transform: uppercase; 
    padding: 0 10px; 
    line-height: 35px; 
    color: #000000;
} 

#top-sbh .gov-him ul li a:hover { 
    background-color: #d8d8d8;
} 

#top-sbh .gov-him ul li a:hover, #top-sbh .gov-him ul li a:focus { 
    background-color: #d8d8d8;
}  

#top-sbh #acc-396 ul li a img  { 
    vertical-align: middle; 
    margin: 0 auto; 
    width: 27px;
} 

form { 
    border: 0; 
    font-size: 100%; 
    font-style: inherit; 
    font-weight: inherit; 
    margin: 0; 
    outline: 0; 
    padding: 0; 
    vertical-align: baseline;
} 

.hid-j5l { 
    display: none !important;
} 

.tco-eef { 
    display: none;
} 

#top-sbh #acc-396 ul li ul li  { 
    float: none; 
    text-align: center;
} 

#top-sbh #acc-396 ul li ul.link-ezi.text-elt li  { 
    float: none; 
    width: 100%;
} 

#top-sbh #acc-396 ul li.hig-2xt.dar-qod  { 
    margin: 0;
} 

#top-sbh #acc-396 ul li.hig-2xt.lig-671  { 
    margin: 0;
} 
 

#top-sbh #acc-396 ul li .goi-eqt input[type="search"]  { 
    float: left; 
    width: 160px; 
    border: 1px solid #d8d8d8; 
    margin: 0;
}  
#top-sbh #acc-396 ul li .goi-eqt button  { 
    width: 40px; 
    font-size: 16px; 
    padding: 4px 0; 
    text-align: center; 
    float: right; 
    background: #fbac1b; 
    color: #fff;
} 

button:hover { 
    color: #333333; 
    text-decoration: none;
} 

button.col-2r4:hover { 
    background: #000000 !important; 
    background-color: #000000 !important; 
    color: #ffffff !important;
} 

 .style-2 button.col-2r4:hover { 
    background: #2d1f00 !important; 
    background-color: #2d1f00 !important;
} 

#top-sbh #acc-396 ul li .goi-eqt button:hover { 
    background: #c68103;
} 

#top-sbh #acc-396 ul li ul.link-ezi.text-elt li a  { 
    text-align: center;
} 

#top-sbh #acc-396 ul li.hig-2xt.dar-qod a  { 
    background: #ffffff; 
    color: #000000; 
    border: 1px solid #ffffff;
} 

#top-sbh #acc-396 ul li.hig-2xt.dar-qod a  { 
    background: #000000; 
    color: #ffffff; 
    border: 1px solid #000000; 
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0; 
    margin: 2px;
} 

#top-sbh #acc-396 ul li.hig-2xt.dar-qod a:hover { 
    color: #ffffff;
} 

#top-sbh #acc-396 ul li.hig-2xt.lig-671 a  { 
    border: 1px solid #000000; 
    border-top-left-radius: 0; 
    border-bottom-left-radius: 0; 
    background-color: #ffffff; 
    color: #000000; 
    cursor: not-allowed; 
    margin: 2px;
} 

.search-br8:before { 
    content: "\e94e";
} 
 .extra-header {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}



.map-contact {
    max-width: 100%;
    padding: 30px 30px 10px 30px;
    border-radius: 10px;
    position: relative;
    z-index: 3;
    background-color: #fff;
    margin: 0 0 30px 0;
}
.border-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
    font-size: 20px;
    margin-top: 0;
    font-weight: 600;
}
.contact-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    gap: 20px;
    margin-bottom: 20px;
}
.contact-info_icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    background-color: rgba(13, 94, 244, 0.07);
    text-align: center;
    color: var(--theme-color);
    border-radius: 5px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.contact-info_title {
    font-size: 20px;
    margin-bottom: 6px;
    margin-top: -0.2em;
}
.contact-info_text { 
    display: block;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}
form.contact-form.ajax-contact select, form.contact-form.ajax-contact .form-control, form.contact-form.ajax-contact .form-select, form.contact-form.ajax-contact textarea, form.contact-form.ajax-contact input {
    height: 43px;
    padding:10px;
    padding-right: 45px; 
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    width: 100%; 
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.form-group > i {
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 19px;
    font-size: 16px;
    color: #93a5be;
}
input.btn.main-btn, .as-btn, input.btn.can-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    color: #2d1f00 !important;
    font-size: 14px;
    font-weight: 600;
    border: solid 1px #fff;
    line-height: normal;
    padding: 15px 20px;
    border-radius: 4px !important;
    border-color: #ffffff !important;
    cursor: pointer;
    box-shadow: 0 0 5px -2px #000000;
    background-color: #C9A84C !important;
    text-decoration: none;
}
.as-btn i {
    margin: 0 0 0 5px;
}
.form-group textarea {
    min-height: 120px;
}
button.as-btn:hover {
    background-color: #852520;
    color: #fff;
}
.map-sec.space iframe {
    width: 100%;
}
.nav-menu > li:first-child {
    border-left: solid 1px #ffffff2e;
}
.latest-update.new-latest a {
    background-color: #832A25;
    color: #fff;
    padding: 7px 15px;
    font-size: 13px;
    border-radius: 50px;
    display: inline-block;
}
  .top-heading {       
        margin-top: 0;
        margin-bottom: 3px;
        color: #5e061a !important;
        font-weight: 600;
        background-color: rgba(0,0,0,.03);
        border-bottom: 1px solid rgba(0,0,0,.125);
        border-top: 1px solid rgba(0,0,0,.125);
        border-left: 1px solid rgba(0,0,0,.125);
        border-right: 1px solid rgba(0,0,0,.125);
        border-radius:5px;
        font-size: 16px;
    }

.leftportal {
    position: relative;
    min-height: 1px;
    padding: 14px 0px 0 0px;
}
.top-heading a {
    color: #202020;
    padding: 10px 15px;
    display: block;
    border: 0;
}
p.dec-flex {
    display: flex;
    gap: 10px;
}
p.dec-flex label {
    font-size: 14px;
    font-weight: normal;
}
.contact-form-wrap.student-form {
    padding: 15px;
    margin: 0 0 25px 0;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0 7px 7px 7px;
}
.leftportal li.active h5:before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    background-color: #fff;
    left: 0px;
    bottom: -2px;
}
.leftportal li.active h5 {
    height: 100%;
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(221 221 221 / 62%) 100%);
    border: 1px solid rgba(0,0,0,.125);
    border-bottom: 0;
    position: relative;
    background-color: #C9A84C;
}
.leftportal li.active h5 a{}
.leftportal li.active h5 a {
    color: #5e061a;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd !important;
}
.mb-15 {
    margin-bottom: 15px;
}
.tabbable.tabbable-custom.boxless.tabbable-reversed .tab-content {
    border-color: #ddd;
    border-top: 0;
}
.tabbable.tabbable-custom.boxless.tabbable-reversed {
    margin: 20px 0;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #832a25;
}
.tabbable.tabbable-custom.boxless.tabbable-reversed .input-icon {
    display: flex;
    gap: 7px;
    align-items: center;
}
.dec-sec {
    margin: 15px 0 20px 0;
}
.dec-sec p {
    margin: 0 0 5px 0;
}
 
input.btn.can-btn {
    border: #333 solid 1px;
    color: #333;
    /* padding: 10px 25px; */
    margin: 0 10px 0 0;
}

.space.vc-html {
    margin: 20px 0;
}
.as-blog.blog-single {
    background-color: #fff;
    border: solid 1px #493500;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 0 0 20px 0;
}
fieldset.ful-with {
    width: 100%;
}
legend.sec-head {
    border-bottom: solid 1px #832a25;
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
    color: #832a25;
}
.form-control:focus {
    border-color: #a3a3a3;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
 
.searhc-roll {
    display: flex;
    gap: 10px;
}
input.btn.btn-primary.prem-serc {
    background-color: #832a25;
    border: navajowhite;
}
.space {
    background-color: #fff;
}
 @media only screen and (max-width: 1200px) {
.nav-menu > li > a {
    padding: 14px 7px; 
    font-size: 13px; 
    text-align: start; 
}
	 body {
    font-size: 13px; 
}
	 .top-heading {
    font-size: 13px;
}
}

ul.count-success li:nth-child(odd) {
    background-color:#473500;
}
ul.count-success li:nth-child(odd), ul.count-success li:nth-child(odd) b {
    color: #fff;
}
.job-info h4 {
    font-size: 18px;
    font-weight: 600;
}
.job-description-list p {
    margin: 10px 0 0 0;
    background-color: #f9f5f3;
    padding: 6px 10px;
}
.job-list .modal-header {
    border-bottom: 0px solid #e5e5e5;
}
.job-list button.close {
    position: absolute;
    top: 20px;
    right: 20px;
}
.sd {
    gap: 15px;
    display: flex;
    margin: 10px 0 15px 0;
}
.job-apl {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}
.job-list .btn-primary {
    color: #333;
    background-color: #C9A84C !important;
    border-color: #fff;
}
.job-list h4.sec-title.fw-semibold {
    margin: 0px 0 20px 0;
}
.new-tabs.tab-section li.active a {
    color:#544110 !important;
}
.new-tabs.tab-section li a {
    color: #fff !important;
}
ul.tab-about li a:hover {
    background-color: #C9A84C;
}
form.search-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px; 
}
form.search-btns label {
    white-space: nowrap;
    margin: 0 10px 0 0;
}
 
form.search-btns button.as-btn {
    white-space: nowrap;
    padding: 8px 20px 8px 10px;
    height: 100%;
}
.fix-div {
    display: flex;
    gap: 10px;
}
input.btn.btn-primary {
    background-color: transparent;
    color: #fff;
    font-weight: bold;
    border: solid 1px #2d1f00;
}
.fix-div input.btn.btn-primary {
    color: #fff;
}
.news-slider,.news-slider-1 {
    min-height: 365px;
}
section.new-tabs.tab-section ul.tab-about li a {
    color: #333 !important;
}
.address-a {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}
.address-a span {
    background-color: #f1f1f1;
    padding: 15px 15px;
    margin: 0 0 15px 0;
    border-radius: 5px;
}
.copyright a {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    border: solid 1px #fff;
    padding: 8px 10px;
    border-radius: 4px;
}
.copyright a:hover {
    background-color: #62051c;
    color: #fff;
}
.copyright .container .fot-ce{ 
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.copyright a svg {
    width: 15px;
    fill: #fff;
}
 



 @media only screen and (max-width:767px) {
 .copyright .container .fot-ce {
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

}
.banner-text h1 {
    color: #2d1f00;
    font-family: Rubik;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    margin: 0 0 20px 0;
    line-height: 107.912%;
}
.banner-text p {
    color: #222;
    text-align: justify;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0px 0 30px 0;
    display: inline-block;
}
.banner-text a img {
    width: 200px;
}
 
.app-present-section center img {
    display: block;
    width: 350px;
}
section.app-present-section {
    padding: 50px 0 50px 0;
    background-color: #fff;
}
.app-present-section .app-info {
    margin: 150px 0 0 0;
}
 @media only screen and (max-width:767px) {
.banner-text h1 {
    font-size: 30px;
}
     .app-present-section .app-info {
    margin: 0px 0 40px 0;
}
}
.gallery-card a {
    display: block;
}
.gallery-card {
    height: 200px;
    overflow: hidden;
    display: block;
    margin: 0 0 20px 0;
    background-image: url(../images/diagonal-lines-1.png);
    border: solid 1px #2d1f00;
    border-radius: 10px;
}
.widget.widget_categories li a {
    padding: 10px 10px;
    display: block;
    color: #fff;
    margin: 0;
    background-color: #2d1f00;
    background-image: url(../images/diagonal-lines-1.png);
    background-size: 5px auto;
    border-radius: 5px 0 0px 5px;
}
.widget.widget_categories ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.animated.bounceInRight {
    padding: 0 10px;
}
.widget.widget_categories li:hover a,.widget.widget_categories li.active a { 
    color: #2d1f00; 
    background-color:#C9A84C; 
}

.tab-sec-flex aside.sidebar-area {
    flex: 0 0 300px;
}
.tab-sec-flex .as-blog.blog-single { 
    border-radius: 0  10px 10px 0; 
    width: 100%;
    margin: 0;
}
.tab-sec-flex {
    display: flex;
    margin: 0 0 25px 0;
}




/**********************
     Media Query
**********************/
 @media only screen and (max-width: 1200px) {
   .search-section {
     display: none;
   }
   .navigation {
     position: relative;
     width: 100%;
     font-family: inherit;
     align-items: center;
     display: flex;
     flex-direction: row-reverse;
     justify-content: space-between;
   }
   ul.nav-menu.align-to-right {
     width: 100%;
     display: flex;
     justify-content: space-between;
   }
   .nav-menus-wrapper {
     width: 100%;
   }
   .nav-search-button {
     display: block;
   }
   .nav-search-icon {
     color: #fff;
   }
 }
 @media only screen and (max-width: 990px) {
   .nav-menus-wrapper ul.nav-menu.align-to-right {
     justify-content: space-between;
     flex-direction: column;
   }
   .nav-menus-wrapper .nav-menu > li > a {
     color: #333;
   }
   .nav-menus-wrapper .submenu-indicator-chevron {
     border-color: transparent #333 #333 transparent;
   }
   .about-collage-sec .col-md-6 {
     margin-top: 30px;
   }
     .tab-sec-flex {
    display: flex;
    gap: 10px; 
    flex-direction: column;
}
 }
 @media only screen and (max-width: 767px) {
   ul.count-success li {
     padding: 20px 0;
   }
   ul.tab-about {
    width: 100%; ;
}
   ul.tab-about li {
     border-right: solid 1px #fff;
   }
   .tab-content {
     padding: 10px 10px;
   }
   ul.admin-tab-sec li {
     font-size: 14px;
     line-height: normal;
     margin: 0 0 10px 0;
   }
   section.tab-section {
     background: #2d1f00;
     padding: 30px 0;
     margin: 0 15px;
   }
   .about-collage-sec .col-md-6 {
     margin-top: 15px;
   }
   .teacher-img.slick-slide b {
     font-size: 14px;
     padding: 10px 0 0 0;
   }
   .about-collage {
     display: flex;
     margin: 40px 0 0 0;
     flex-direction: column;
   }
   .about-collage h5.heading- {
     color: #2d1f00;
     font-family: Rubik;
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
     margin: 0 15px 0 0;
     white-space: nowrap;
     line-height: 107.912%;
   }
   .tab-for-school {
     display: flex;
     width: 100%;
     flex-direction: column;
   }
   span.about-stud {
     display: none;
   }
   ul.slick-dots {
     bottom: -20px;
     text-align: center;
   }
   .about-collage p {
     flex: 1 0 0;
     color: #222;
     font-family: Rubik;
     font-size: 13px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin: 10px 0 0 0;
   }
   .collage-quick-action {
     padding: 10px;
     border-radius: 15px;
   }
   .collage-quick-action ul li a {
     padding: 15px 10px 15px 40px;
     font-size: 15px;
     line-height: normal;
   }
   .collage-quick-action ul li a img:first-child {
     left: 14px;
     position: absolute;
     width: 17px;
     bottom: 0;
     top: 0;
     margin: auto;
   }
   .collage-quick-action ul li a img:last-child {
     width: 13px;
   }
   .collage-quick-action ul li.main-link a {
     color: #FFF;
     text-align: center;
     font-family: Rubik;
     line-height: normal;
     font-size: 15px;
     padding: 15px 0;
     font-style: normal;
     font-weight: 500;
   }
   .he-section-content {
     padding: 15px 15px 15px 15px;
   }
   .footer-menu.get-in-touch {
     margin: 20px 0 0 0;
   }
   .fot-logo-menu {
     display: flex;
     color: #fff;
     flex-direction: column;
   }
   .footer-menu ul {
     margin: 20px 10px 0px 10px;
   }
   .footer-menu {
     flex-direction: column;
   }
	 #top-sbh {
		 display: none;
	 }
 }
h3.sec-title.fw-semibold {
    background-color: #003c72;
    color: #fff;
    font-family: Rubik;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    border-bottom: solid 1px #003c72;
    padding: 0 10px 0 15px;
    display: inline-block;
    position: relative;
    border-radius: 5px 0 0 0;
    margin: 0;
    line-height: 51px;
}
a.example-image-link {
    height: 250px;
    overflow: hidden;
    width: 100%;
    display: block;
    margin: 0 0 20px 0;
    position: relative;
    border: solid 1px #003c72;
}
a.example-image-link img {
    width: 100%;
    max-height: max-content;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.col-xl-12.mb-n2.mb-xl-0 {
    border-bottom: solid 1px #003c72;
    margin: 15px 0 15px 0;
}
h3.sec-title.fw-semibold:before {
    content: "";
    border-right: 40px solid transparent;
    position: absolute;
    right: -40px;
    border-bottom: solid 53px #003c72;
    top: 0;
}

section.photo-gallery .card {
    border: 1px solid #ddd;
    border-radius: .25rem;
    background: #fff;
    margin: 0 0 2.5rem;
    overflow: auto;
    padding: 15px;
    width: 100%;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card__image {
    display: block;
    margin-bottom: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    height: 250px;
    overflow: hidden;
}
.card__image img {
    /* position: absolute; */
    width: 100%;
    height: 100%;
}
.card__overlay--indigo {
    background: rgb(90, 30, 44);
    background: linear-gradient(0deg, #003c72 0%, rgba(0, 212, 255, 0) 100%);
}
.card__overlay {
    content: "";
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}
.card__overlay-content {
    position: absolute;
    bottom: 0;
    padding: 15px;
    z-index: 3;
}
.card__meta {
    margin: 0;
    margin-right: -1em;
    margin-bottom: 0.75em;
}
.card__overlay-content a {
    color: #fff;
}
.card__overlay-content a.card__title {
    font-size: 20px;
}
.photo-gallery .card__meta { 
    margin-bottom: 0;
}
section.photo-gallery {
    margin: 0 0 20px 0;
}
/*greivence*/
.contact-form-wrap {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 10px;
    background-position: left center;
    margin: 0 0 0 0;
}

@media (max-width: 991px) {
    .contact-form-wrap {
        padding: 50px
    }
}

@media (max-width: 767px) {
    .contact-form-wrap {
        padding: 50px 20px
    }
}

.border-title {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 25px;
    margin-top: -0.22em;
    font-weight: 600
}

    .border-title:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 3px;
        width: 80px;
        background-color: #0F2239
    }

.alertmessage {
    background-color: #f7f5f5;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    position: relative;
    border: solid 1px #ddd;
    padding-right: 20px;
}


.h5, h5 {
    font-size: 24px;
    line-height: 1.417;
    font-weight: 600
}
.inputform {
    background-color: #ffffff;
    border: 1px solid #c7c7c7;
}
.as-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    color: white !important;
    font-family: var(--title-font);
    background-color: #2d1f00 !important;
    background-image: url(../images/diagonal-lines-1.png);
    background-size: 5px auto;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding:15px 20px;
    box-shadow: 0px 6px 16px #2d1f0061 !important;
    border-radius: 5px;
}
    .as-btn:before {
        content: "";
        position: absolute;
        height: 0%;
        left: 50%;
        top: 50%;
        width: 600%;
        background-color: var(--title-color);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(60deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(60deg);
        transform: translateX(-50%) translateY(-50%) rotate(60deg);
        z-index: -1;
        -webkit-transition: 0.7s ease;
        transition: 0.7s ease
    }
select, .form-control, .form-select, textarea, input {
    min-height: 43px;
    padding: 10px;
    padding-right: 15px;
    border-radius: 5px;
    font-size: 14px;
    width: 100%;
    border-color: #ddd;
    font-family: var(--body-font);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    box-shadow: none;
    border: 1px solid #c7c7c7;
}
.space {
    background-color: #f7f5f5;
    padding:20px 0px;
}   /*college web view*/
h4.sec-title {
    margin-bottom: 20px;
}
.fw-semibold {
    font-weight: 600;
    padding-top: 20px;
}
.sec-title {
    margin-bottom: calc(var(--section-title-space) - 45px);
}
.h4, h4 {
    font-size: 30px;
    line-height: 1.333;
    font-weight: 600
}
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
    font-family: var(--title-font);
    color: var(--title-color);
    text-transform: none;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 15px 0
}
.formervc-tab ul.nav.nav-tabs {
    border: solid 1px #ddd;
    border-radius: 5px;
}
.formervc-tab .nav.nav-tabs {
    display: flex;
    flex-direction: column;
    width: 100%;
}
    .formervc-tab .nav.nav-tabs li a:hover {
        background-color: #5e031b0f;
    }

    .formervc-tab .nav.nav-tabs li a.active {
        background-color: #5e031b;
        color: #fff;
    }
    .formervc-tab .nav.nav-tabs li a {
        width: 100%;
        display: block;
        text-align: left;
        border: 0;
        padding: 15px 15px;
        border-radius: 0;
        font-weight: 600;
        border-bottom: solid 1px #ddd;
        font-size: 16px;
    }
.nav-tabs > li > a, .nav-pills > li > a {
    font-size: 14px;
}
.nav {
    align-items: flex-start;
    align-content: flex-start;
}
.contact-form-wrap {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 10px;
    background-position: left center;
    margin: 0 0 0 0;
}
.border-title {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 10px;
    margin-top: -0.22em;
    font-weight: 600;
}
.border-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 80px;
    background-color: #5d1815;
}
.sep-section .form-section {
    background-color: rgb(250, 250, 250);
    padding: 20px 20px 5px 20px;
    border-radius: 10px;
    margin: 10px 0 10px 0;
}
select, .form-control, .form-select, textarea, input {
    min-height: 43px;
    padding: 10px;
    padding-right: 15px;
    border-radius: 5px;
    font-size: 14px;
    width: 100%;
    border-color: #ddd;
    font-family: var(--body-font);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    box-shadow: none;
    border: 1px solid #c7c7c7;
}

.file-upload-inner .input.append-big-btn input[type=text] {
    display: none;
}

/***************Apply***********/ 
.checkbox-inp input {
    width: 20px;
    margin: 0;
    height: 20px;
    line-height: normal;
    min-height: auto;
}
.form-group.checkbox-inp {
    display: flex;
    gap: 15px;
    margin: 35px 0 0 0;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.table td{vertical-align: middle !important; border-color:#ddd; }
.table td input[type="checkbox"] {
    width: 20px;
    margin: 0;
    height: 20px;
    line-height: normal;
    min-height: auto;
}

.table tr:nth-child(even) {background-color: #f8f8f8;}
 
.btn-ac {
    text-align: center;
    margin: 0 0 20px 0;
}
.btn-primary { 
    background-color: #2d1f00 !important;
    border-color: #2d1f00 !important;
}
 

.new-form select,.new-form  .form-control,.new-form  .form-select,.new-form  textarea,.new-form  input {
    padding-top: 15px;
    line-height: normal;
    height: auto;
}
.new-form p.dec-flex input[type="checkbox"],.new-form .form-group input[type="checkbox"] {
    width: auto;
    margin: 0;
    min-height: 10px;
    vertical-align: text-bottom;
    height: 20px;
}
.formervc-tab.tab-views ul.nav.nav-tabs li a {
    margin-top: 0;
    margin-bottom: 3px;
    color: #202020 !important;
    font-weight: 600;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-top: 1px solid rgba(0, 0, 0, .125);
    border-left: 1px solid rgba(0, 0, 0, .125);
    border-right: 1px solid rgba(0, 0, 0, .125);
    border-radius: 5px;
    font-size: 16px;
}
.formervc-tab.tab-views ul.nav.nav-tabs li {
    width: 100%;
}
.formervc-tab.tab-views ul.nav.nav-tabs {
    border: 0;
}
.formervc-tab.tab-views ul.nav.nav-tabs li.active a{    border: #fff solid 1px;
    background-color: #C9A84C !important;
    color: #5e061a;}
.new-form .fix-div input.btn.btn-primary {
    padding-top: 5px;
}
.new-form p {
    margin: 0 0 10px;
    line-height: 21px !important;
}
.new-form .form-group.no-abs label {
    position: static; 
}
.leftportal ul {
    display: flex;
    gap: 10px;
}
.leftportal ul h5 {
    margin: 0;
    border-radius: 6px 6px 0 0;
    border: 1px solid rgba(0,0,0,.125);
    border-bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(221 221 221 / 62%) 100%);
}
.marg-part .tab-pane.active {
    display: block;
}
.marg-part .tab-pane {
    display: none;
}

.padding-right-0 {
    padding-right: 0;
}
.padding-left-0 {
    padding-left: 0;
}
.collage-quick-action ul li a svg path{fill:#003c72}
.collage-quick-action ul li a svg {
    width: 20px;
}
.collage-quick-action ul li:hover a svg path, .collage-quick-action ul li:hover a i svg path{fill:#C9A84C}
.collage-quick-action ul li:hover a {
    color: #fff;
    background-color: #003c72;
}
.collage-quick-action ul li a i {
    margin-left: auto;
}
.collage-quick-action ul li a i svg {
    width: 15px;
}
.news-slider {
    background-color: #003c72;
}
li.text-ac.t-bl button {
    background-color: #003c72;
    color: #fff !important;
    border: 0;
    padding: 0 8px;
    height: 35px;
	font-size: 15px !important;
}
li.text-ac.t-b button {
    background-color: #000;
    color: #fff !important;
	border: 0;
    padding: 0 8px;
    height: 35px;
	font-size: 15px !important;
}
 @media only screen and (max-width:1220px) {
.collage-quick-action ul li a {
    line-height: normal;
    padding: 14px 15px;
}
	 	 .he-section-content span b {
    font-size: 13px;
}

	 .he-section-content span i {
    font-size: 13px;
}
}
 @media only screen and (max-width:767px) {
 .he-section {
    display: flex;
    justify-content: space-around;
}
	 .he-section-content span b {
    font-size: 13px;
}
	 .he-section-content {
    flex: 1;
}
	 .he-section-content span i {
    font-size: 13px;
}
	 
.collage-quick-action {
    display: none;
}
	 .padding-left-0 {
    padding-left: 15px;
}
	 section.slider-school {
    overflow: hidden;
}
}
.he-section {
    margin: 10px 10px 10px 0px;
}
.teacherslider .teacher-slider {
    padding-top: 30px;
}
body * {
    font-size: inherit;
}
body {
    --font-scale: 1;
}

body.font-scale * {
    font-size: calc(var(--base-font) * var(--font-scale)) !important;
}

/* Apply base font to text elements only */
p, span, a, li, td, th, label, small, strong, em,
h1, h2, h3, h4, h5, h6 {
    --base-font: inherit;
}
 
li.font-s button {
    background-color: transparent;
    border: 0;
    padding: 0 7px;
    font-weight: bold;
    font-size: 15px;
    height: 35px;
}

/* Dark mode base */
body.dark-mode {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

/* Text elements */
body.dark-mode p,
body.dark-mode span,
body.dark-mode a,
body.dark-mode li,
body.dark-mode td,
body.dark-mode th,
body.dark-mode label,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #e0e0e0 !important;
}

/* Links */
body.dark-mode a {
    color: #fff !important;
}

/* Background elements */
body.dark-mode div,
body.dark-mode section,
body.dark-mode footer,
body.dark-mode nav,
body.dark-mode main,
body.dark-mode article,
body.dark-mode aside {
    background-color: #121212 !important;
}

/* Cards / boxes */
body.dark-mode .card,
body.dark-mode .box,
body.dark-mode .container {
    background-color: #1e1e1e !important;
}

/* Forms */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
    border-color: #333 !important;
}
body.dark-mode .header-logo, body.dark-mode .header-logo div {
    background-color: #fff !important;
}

body.dark-mode .teacherslider .teacher-slider div{background-image: url(../images/diagonal-lines-1.png)}
body.dark-mode .teacherslider .teacher-slider {
    background-image: url(../images/diagonal-lines-1.png);
}
body.dark-mode .collage-quick-action ul li a svg path, body.dark-mode .collage-quick-action ul li a i svg path {
    fill: #C9A84C;
}
body.dark-mode .collage-quick-action ul li i svg path {
    stroke: #fff;
}
.img-wrapper.galler-res a {
    width: calc(25% - 15px);
    margin: 0;
}
.img-wrapper.galler-res {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gallery-events {
    margin: 30px 0 0 0;
}
.img-wrapper.galler-res a:hover:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #00000047;
    pointer-events: none;
}
 @media screen and (max-width: 767px) {
.img-wrapper.galler-res a {
    width: calc(50% - 5px);
    height: max-content;
    margin: 0;
}
 a.example-image-link img {
    position: static;
}
.img-wrapper.galler-res {
    gap: 10px;
}
 }
.card__overlay-content b {
    font-weight: normal;
    color: #fff;
    font-size: 20px;
    min-height: 50px;
    display: inline-block;
    line-height: normal;
}
ul.card__meta {
    color: #fff;
}




/* ================= HEADER ================= */

.header-bar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
    gap: 10px;
    flex-wrap: wrap;
}

.left-header {
    display: flex;
    flex-direction: column;
}

.iqac-title {
    color: rgb(196, 71, 71);
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 4px;
}

.header-info {
    display: flex;
    gap: 15px;
    font-size: 14px;
    margin-top: 4px;
    flex-wrap: wrap;
}

.right-header {
    display: flex;
    align-items: center;
}

/* ================= BUTTON ================= */

.pdf-btn {
    background: #7b1e2b;
    color: #fff;
    padding: 7px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    white-space: nowrap;
    transition: 0.3s;
}

.pdf-btn:hover {
    background: #5e1621;
}

/* ================= GRID (DESKTOP SAME) ================= */

.grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
}

/* ================= CARD ================= */

.card {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    width: 100%;
}

/* ================= SECTION TITLE ================= */

.section-title {
    background: #7b1e2b;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-weight: bold;
    margin-bottom: 12px;
    text-align: center;
}

/* ================= PROFILE ================= */

.profile {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fafafa;
}

.avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ddd;
}

.profile h4 {
    margin: 0;
    font-size: 15px;
}

.role {
    color: #7b1e2b;
    font-size: 13px;
}

/* ================= MEMBERS ================= */

.member {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 10px;
    background: #fafafa;
    transition: 0.2s;
}

.member:hover {
    background: #f3f3f3;
}

.member span:first-child {
    font-size: 14px;
    word-break: break-word;
}

.member span:last-child {
    color: #7b1e2b;
    font-weight: 500;
    font-size: 13px;
}

/* ================= MOBILE FIX ONLY ================= */

@@media (max-width: 768px) {

    /* HEADER STACK */
    .header-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .header-info {
        flex-direction: column;
        gap: 4px;
    }

    .right-header {
        width: 100%;
    }

    .pdf-btn {
        width: 100%;
        text-align: center;
    }

    /* 🔥 KEEP DESIGN BUT STACK GRID */
    .grid {
        grid-template-columns: 1fr !important;
    }

    /* FULL WIDTH CARDS */
    .grid > .card {
        width: 100% !important;
    }

    /* FIX TEXT BREAK */
    .section-title {
        white-space: normal !important;
    }

    /* MEMBER STACK */
    .member {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }@@media (max-width: 768px) {

    /* 🔥 BREAK BOOTSTRAP ROW CONSTRAINT */
    .row {
        display: block !important;
    }

    /* 🔥 FORCE FULL WIDTH CONTAINER */
    .col-md-12 {
        width: 100% !important;
        float: none !important;
    }

    /* 🔥 FIX GRID BEHAVIOR */
    .custom-grid {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .custom-grid {
        margin: 0;
    }

    .member {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .pdf-btn {
        width: 100%;
        text-align: center;
    }
}

    /* 🔥 ENSURE CARDS TAKE FULL WIDTH */
    .grid > .card {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 🔥 FIX CHAIRMAN BOX SHRINK */
    .card:first-child {
        min-width: 100% !important;
    }

    /* 🔥 FIX TITLE BREAKING */
    .section-title {
        white-space: normal !important;
        text-align: center;
    }

    /* 🔥 MEMBER STACK */
    .member {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

}
}
.card:hover {
    transform: translateY(-2px);
    transition: 0.2s;
}