/*
Theme Name: SVKM WordPress Theme
Author: SVKM
Description: SVKM.
Version: 1.0
*/

:root {
    --first-font:'Playfair Display',serif;
    --second-font:Roboto,sans-serif;
    --white:#fff;
    --gray:#333;
    --lgray:#f1f1f1;
    --black:#000;
    --green:#b1d234;
    --container:1230px
    }
    
    .container {
    max-width:var(--container);
    margin:auto;
    padding:0 20px
    }
    
    *,:after,:before {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-tap-highlight-color:transparent;
    text-decoration:inherit;
    vertical-align:inherit;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased
    }
    
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,em,strong,button,blockquote,small,strike,sub,sup,tt,time,mark,audio,video {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline
    }
    
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
    }
    
    html {
    scroll-behavior:smooth;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-text-size-adjust:100%
    }
    
    body {
    color:var(--black);
    font-size:14px;
    line-height:22px;
    background-color:var(--white);
    font-family:var(--second-font)
    }
    
    svg,img {
    max-width:100%;
    display:block
    }
    
    input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="search"],select,textarea {
    border-radius:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-appearance:none;
    -webkit-border-radius:none;
    -moz-border-radius:none;
    outline:none
    }
    
    input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance:none;
    appearance:none;
    margin:0
    }
    
    input[type='number'],input[type='number']:hover,input[type='number']:focus {
    -moz-appearance:textfield
    }
    
    input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {
    display:none
    }
    
    a {
    color:var(--black)
    }
    
    a,a:hover,a:focus,button,button:focus {
    text-decoration:none;
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    cursor:pointer;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
    }
    
    button,[type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance:button
    }
    
    ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height:auto
    }
    
    ::-moz-focus-inner {
    border-style:none;
    padding:0
    }
    
    :-moz-ui-invalid {
    box-shadow:none
    }
    
    svg:not(:root) {
    overflow:hidden
    }
    
    ::-moz-selection {
    background:var(--green);
    color:var(--white)
    }
    
    ::selection {
    background:var(--green);
    color:var(--white)
    }
    
    .overflow-hidden {
    overflow:hidden
    }
    
    html {
    -webkit-text-size-adjust:100%;
    outline:none
    }
    
    ul {
    list-style:none;
    padding:0;
    margin:0
    }
    
    .text-center {
    text-align:center
    }
    
    .h2,h2 {
    font-size:57px;
    letter-spacing:-1px;
    line-height:1;
    font-weight:700;
    font-family:var(--first-font)
    }
    
    .h3,h3 {
    font-size:44px;
    letter-spacing:-1px;
    line-height:57px;
    font-weight:500;
    font-family:var(--first-font)
    }
    
    .green-btn {
    padding:24px 60px;
    background:var(--green);
    color:var(--white);
    font-size:18px;
    letter-spacing:0;
    line-height:1;
    font-weight:700;
    max-height:66px;
    text-transform:uppercase
    }
    
    .slick-slider {
    position:relative;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
    }
    
    .slick-list {
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
    }
    
    .slick-list:focus {
    outline:none
    }
    
    .slick-list.dragging {
    cursor:pointer;
    cursor:hand
    }
    
    .slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
    }
    
    .slick-track {
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
    }
    
    .slick-track:before,.slick-track:after {
    display:table;
    content:""
    }
    
    .slick-track:after {
    clear:both
    }
    
    .slick-loading .slick-track {
    visibility:hidden
    }
    
    .slick-slide {
    display:none;
    float:left;
    height:100%;
    min-height:1px
    }
    
    [dir="rtl"] .slick-slide {
    float:right
    }
    
    .slick-slide img {
    display:block
    }
    
    .slick-slide.slick-loading img {
    display:none
    }
    
    .slick-slide.dragging img {
    pointer-events:none
    }
    
    .slick-initialized .slick-slide {
    display:block;
    outline:none
    }
    
    .slick-loading .slick-slide {
    visibility:hidden
    }
    
    .slick-vertical .slick-slide {
    display:block;
    height:auto
    }
    
    .slick-arrow.slick-hidden {
    display:none
    }
    
    .slick-dots {
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index:1
    }
    
    .slick-dots li:not(:last-child) {
    margin-right:5px
    }
    
    .slick-dots li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:12px;
    width:12px;
    border:1px solid #fff;
    border-radius:100%
    }
    
    .slick-dots li.slick-active {
    background:var(--white)
    }
    
    .slick-dots li button {
    display:none
    }
    
    .slick-arrow {
    width:40px;
    height:40px;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:0;
    border:0;
    outline:none;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:1;
    background-image:url(../images/right.svg);
    background-repeat:no-repeat!important;
    background-size:cover;
    border-radius:0;
    padding:0;
    background-color:transparent!important
    }
    
    .slick-disabled {
    opacity:.8
    }
    
    .slick-arrow.slick-next {
    right:0;
    left:auto
    }
    
    .slick-arrow.slick-prev {
    right:auto;
    -webkit-transform:translateY(-50%) scale(-1);
    -ms-transform:translateY(-50%) scale(-1);
    transform:translateY(-50%) scale(-1);
    left:0
    }
    
    .slick-arrow:focus,.slick-arrow:hover {
    background-color:transparent
    }
    
    header.sticky-header {
    background:rgba(36,36,36,0.6);
    padding:10px 0
    }
    
    header.sticky-header .hader-left a img {
    width:80px
    }
    
    .hader-left a img {
    width:150px;
    transition:ease .5s
    }
    
    header {
    padding:37px 0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:2;
    transition:ease .5s
    }
    
    .header-wrapper {
    display:flex;
    align-items:center;
    justify-content:space-between
    }
    
    .hader-right nav ul {
    display:flex;
    align-items:center;
    padding:10px;
    background: rgba(36,36,36,0.6);
    }
    
    .hader-right nav ul li:not(:last-child) {
    margin-right:20px
    }
    
    .hader-right nav ul li a {
    font-size:16px;
    letter-spacing:0;
    line-height:33px;
    color:#fff;
    font-weight:500;
    display:flex;
    align-items:center
    }
    
    .hader-right nav ul li.sub-menu {
    position:relative
    }
    
    .hader-right nav ul li.sub-menu ul {
    position:absolute;
    left:0;
    padding:20px;
    background:var(--white);
    flex-direction:column;
    min-width:225px;
    text-align:left;
    align-items:flex-start;
    border-top:5px solid var(--green);
    transform:translateY(50px);
    opacity:0;
    visibility:hidden;
    transition:ease .25s
    }
    
    .hader-right nav ul li.sub-menu:hover ul {
    transform:translateY(0);
    opacity:1;
    visibility:visible
    }
    
    .hader-right nav ul li.sub-menu ul li a {
    color:var(--black);
    line-height:1;
    font-weight:400
    }
    
    .hader-right nav ul li.sub-menu ul li:not(:last-of-type) {
    margin-bottom:10px
    }
    
    .hader-right nav ul li.sub-menu ul li {
    margin-right:0;
    line-height:1
    }
    
    .banner-slider .item {
    position:relative
    }
    
    .first-section {
    position:relative
    }
    
    .first-section.inner-first-section {
    height:577px;
    position:relative;
    background:var(--black)
    }
    
    .first-section.inner-first-section::before {
    content:"";
    position:absolute;
    width:100%;
    height:268px;
    left:0;
    top:0;
    background-image:url(../images/top-shdow.png);
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:cover
    }
    
    .first-section.inner-first-section img {
    height:100%;
    width:100%;
    object-fit:cover
    }
    
    .first-section img {
    width:100%
    }
    
    .banner-content {
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
    display:flex;
    align-items:center
    }
    
    .banner-content .container {
    width:100%
    }
    
    .banner-content h1 {
    font-size:79px;
    letter-spacing:-2px;
    line-height:93px;
    color:#fff;
    font-weight:700;
    font-family:var(--first-font)
    }
    
    .second-section {
    padding-top:150px;
    padding-bottom:50px
    }
    
    .second-section-grid {
    display:flex;
    align-items:center;
    justify-content:space-between
    }
    
    .second-section-right {
    max-width:625px;
    width:100%;
    margin-left:20px
    }
    
    .second-section-left {
    max-width:504px;
    width:100%
    }
    
    .second-section-left ul {
    display:inline-block;
    justify-content:space-between
    }
    
    .second-section-left ul li:first-child {
    margin-top:0
    }
    
    .second-section-left ul li:nth-child(2) {
    margin-top:80px
    }
    
    .second-section-left ul li {
    max-width:237px;
    width:100%;
    height:252px;
    float:left;
    margin-top:30px;
    filter:drop-shadow(0px 2px 19px rgba(0,0,0,0.17));
    background-color:#b1b1b1
    }
    
    .second-section-left ul li:nth-child(even) {
    float:right
    }
    
    .second-section-left ul li img {
    height:100%;
    width:100%;
    object-fit:cover
    }
    
    .second-section-right h3 {
    color:var(--gray);
    margin-bottom:24px;
    margin-top:10px
    }
    
    .second-section-right p {
    margin-bottom:20px;
    font-size:12px;
    letter-spacing:0;
    line-height:21px;
    font-weight:400;
    max-width:580px
    }
    
    .second-section-right a {
    display:inline-block;
    margin-top:10px
    }
    
    .big-title {
    font-size:clamp(40px,10vw,117px);
    letter-spacing:-2px;
    line-height:63px;
    color:#f1f1f1;
    font-weight:700;
    position:relative
    }
    
    .big-title small {
    font-size:22px;
    letter-spacing:0;
    line-height:40px;
    color:#000;
    font-weight:700;
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%)
    }
    
    .third-section {
    padding-top:82px;
    padding-bottom:122px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    position:relative
    }
    
    .third-section::after {
    content:"";
    height:40px;
    width:53%;
    background:var(--green);
    bottom:-39px;
    left:0;
    position:absolute
    }
    
    .third-section::before {
    content:"";
    height:40px;
    width:40%;
    background:var(--green);
    top:-39px;
    right:0;
    position:absolute
    }
    
    .third-section h2 {
    color:var(--white);
    margin-bottom:20px
    }
    
    .third-section p {
    font-size:22px;
    letter-spacing:0;
    line-height:1;
    color:#fff;
    font-weight:700
    }
    
    .counter-wrapper {
    max-width:686px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:77px
    }
    
    .count-number::after {
    content:"+";
    font-size:53px;
    letter-spacing:-1px;
    line-height:42px;
    color:#fff;
    font-weight:700;
    margin-left:10px
    }
    
    .counter-wrapper label {
    font-size:24px;
    letter-spacing:0;
    line-height:1;
    color:#fff;
    font-weight:700;
    display:block;
    margin-top:20px
    }
    
    .count-number {
    font-size:53px;
    letter-spacing:-1px;
    line-height:42px;
    color:#fff;
    font-weight:700
    }
    
    .fourth-section-grid {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin:0 -20px
    }
    
    .fourth-section {
    padding:180px 0
    }
    
    .fourth-card {
    max-width:calc(25% - 40px);
    width:100%;
    text-align:center;
    margin:0 20px
    }
    
    .fourth-img {
    position:relative;
    height:371px;
    margin-bottom:40px
    }
    
    .fourth-img img {
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
    object-fit:cover
    }
    
    .fourth-card a {
    font-size:20px;
    letter-spacing:0;
    line-height:21px;
    color:#454545;
    font-weight:400
    }
    
    .fourth-card:hover .up-box {
    top:-20px;
    left:-20px
    }
    
    .fourth-card:hover .bottom-box {
    right:-20px;
    bottom:-20px
    }
    
    .up-box {
    width:126px;
    height:125px;
    background-color:#21afe3;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    border-radius:0 20px;
    transition:ease .5s
    }
    
    .bottom-box {
    width:126px;
    height:125px;
    background-color:#21afe3;
    position:absolute;
    right:0;
    bottom:0;
    z-index:-1;
    border-radius:0 20px;
    transition:ease .5s
    }
    
    .fourth-card:hover .f-hover-card {
    opacity:1;
    visibility:visible
    }
    
    .f-hover-card {
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
    filter:drop-shadow(0px 2px 5px rgba(0,0,0,0.1));
    background-color:red;
    opacity:0;
    visibility:hidden;
    transition:ease .5s;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
    }
    
    .f-hover-card::before {
    content:"";
    position:absolute;
    height:calc(100% - 20px);
    width:calc(100% - 20px);
    border:1px solid #fff;
    left:0;
    right:0;
    margin:auto;
    top:50%;
    transform:translateY(-50%)
    }
    
    .f-card-header {
    font-size:35px;
    letter-spacing:-1px;
    line-height:1;
    color:#fff;
    font-weight:700;
    text-align:center;
    margin-bottom:20px
    }
    
    .f-card-sub-header {
    font-size:18px;
    letter-spacing:0;
    line-height:21px;
    color:#fff;
    font-weight:400;
    width:90%;
    display:flex;
    align-items:center;
    justify-content:center
    }
    
    .f-card-sub-header::before {
    content:"";
    height:1px;
    width:auto;
    background:#fff;
    flex-grow:1;
    margin-right:20px
    }
    
    .f-card-sub-header::after {
    content:"";
    height:1px;
    width:auto;
    background:#fff;
    flex-grow:1;
    margin-left:20px
    }
    
    .infrastructer-section {
    padding:70px 0;
    position:relative;
    overflow:hidden
    }
    
    .infrastructer-section::before {
    content:"";
    height:5px;
    background-color:#faa427;
    width:50%;
    position:absolute;
    left:0;
    top:0
    }
    
    .infrastructer-section::after {
    content:"";
    height:5px;
    background-color:#faa427;
    width:60%;
    position:absolute;
    right:0;
    bottom:0
    }
    
    .infrastructer-title {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:60px
    }
    
    .infrastructer-right {
    max-width:820px;
    width:100%;
    margin-left:20px
    }
    
    .infrastructer-right p {
    font-size:12px;
    letter-spacing:0;
    line-height:21px;
    font-weight:400;
    text-align:left
    }
    
    .infrastructer-left,.infrastructer-tabs-wrapper .tabs {
    flex-shrink:0
    }
    
    .infrastructer-left label {
    font-size:22px;
    letter-spacing:0;
    line-height:40px;
    font-weight:700;
    text-align:right;
    margin-bottom:15px
    }
    
    .infrastructer-left h3 {
    line-height:1;
    font-weight:700;
    letter-spacing:-1px;
    color:#333
    }
    
    .one-side-container {
    margin-left:calc((100% - 1210px) / 2);
    position:relative;
    padding-left:20px
    }
    
    .infrastructer-tabs-wrapper .tabs li.current {
    font-size:20px;
    letter-spacing:0;
    line-height:21px;
    color:#454545;
    font-weight:700;
    text-decoration:underline;
    margin-bottom:20px
    }
    
    .infrastructer-tabs-wrapper .tabs li {
    font-size:16px;
    letter-spacing:0;
    line-height:21px;
    color:#454545;
    font-weight:300;
    margin-bottom:20px;
    cursor:pointer
    }
    
    .infrastructer-tabs-wrapper {
    display:flex
    }
    
    .infrastructer-tabs-right {
    margin-left:60px;
    width:calc(100% - 187px)
    }
    
    .tab-content {
    display:none
    }
    
    .tab-content.current {
    display:block
    }
    
    .infrastructer-slider {
    width:100%;
    display:block
    }
    
    .infrastructer-slider .slick-list {
    padding-right:490px;
    margin:0 -20px
    }
    
    .infrastructer-slider .slick-list .item {
    margin:0 20px;
    height:0;
    padding-top:375px;
    position:relative
    }
    
    .infrastructer-slider .slick-list .item img {
    width:100%;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    object-fit:cover
    }
    
    .infra-dec {
    max-width:760px;
    width:100%;
    padding:60px 40px 40px;
    border-radius:20px;
    background-color:#b1d234;
    margin-right:70px;
    margin-left:auto;
    margin-top:-60px;
    position:relative;
    text-align:right
    }
    
    .infra-dec p,.infra-dec a {
    font-size:20px;
    letter-spacing:0;
    line-height:21px;
    color:#fff;
    font-weight:400;
    text-align:left
    }
    
    .infra-dec p {
    display:block;
    margin-bottom:10px
    }
    
    .event-section {
    padding:100px 0
    }
    
    .inf-btn {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:30px
    }
    
    .event-title {
    text-align:center;
    margin-bottom:76px
    }
    
    .event-title label {
    font-size:22px;
    letter-spacing:0;
    line-height:40px;
    color:#000;
    font-weight:700;
    margin-bottom:20px
    }
    
    .event-title h3 {
    line-height:1;
    font-weight:700;
    color:#333
    }
    
    .event-grid {
    display:flex;
    flex-wrap:wrap;
    margin:0 -15px
    }
    
    .event-card {
    max-width:calc(33.33% - 30px);
    width:100%;
    margin:0 15px;
    filter:drop-shadow(0px 2px 5px rgba(0,0,0,0.1))
    }
    
    .event-img {
    position:relative;
    height:0;
    padding-top:233px;
    width:100%
    }
    
    .event-img img {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    object-fit:cover
    }
    
    .event-detail {
    padding:60px 40px 80px;
    background:#fff;
    position:relative
    }
    
    .event-detail label {
    font-size:27px;
    letter-spacing:2px;
    line-height:28px;
    color:#282828;
    font-weight:800;
    margin-bottom:20px;
    display:block
    }
    
    .event-detail p {
    font-size:16px;
    letter-spacing:1px;
    line-height:28px;
    color:#7b7b7b;
    font-weight:300;
    text-align:left
    }
    
    .ev-date {
    position:absolute;
    padding:11px;
    right:36px;
    top:-35px;
    font-size:30px;
    line-height:20px;
    color:#fff;
    font-weight:800;
    text-align:center
    }
    
    .ev-date span {
    font-size:15px;
    display:block;
    margin-top:5px
    }
    
    footer {
    background-color:#282828;
    padding-top:89px;
    padding-bottom:69px
    }
    
    .footer-grid {
    display:flex;
    align-items:center
    }
    
    .footer-grid .footer-item {
    flex:1
    }
    
    .footer-item ul li a {
    font-size:14px;
    letter-spacing:0;
    line-height:33px;
    color:#f1f1f1;
    font-weight:400
    }
    
    .menu-header,.r-menu {
    display:none
    }
    
    .about-second-section {
    padding-top:145px;
    padding-bottom:186px
    }
    
    .about-s-grid {
    display:flex;
    justify-content:space-between;
    align-items:center
    }
    
    .about-s-left {
    max-width:570px;
    width:48%
    }
    
    .about-s-right {
    max-width:653px;
    width:48%
    }
    
    .as-item:not(:last-child) {
    margin-bottom:30px
    }
    
    .as-item .as-title {
    font-size:64px;
    letter-spacing:-1px;
    line-height:109px;
    color:#737373;
    font-weight:700;
    font-family:var(--first-font)
    }
    
    .as-item p {
    font-size:12px;
    letter-spacing:0;
    line-height:21px;
    font-weight:400
    }
    
    .leader-title .big-title {
    line-height:.74;
    text-align:center
    }
    
    .trustee-section {
    padding-top:138px;
    padding-bottom:55px;
    background:var(--green)
    }
    
    .trustee-slider {
    display:block;
    width:100%
    }
    
    .trustee-slider .item {
    display:flex
    }
    
    .trustee-img {
    max-width:441px;
    width:100%;
    flex-shrink:0;
    max-height:409px
    }
    
    .trustee-img img {
    height:100%;
    width:100%;
    object-fit:cover
    }
    
    .trustee-content {
    flex-grow:1;
    padding-left:40px
    }
    
    .t-name {
    font-size:72px;
    letter-spacing:-1px;
    line-height:1;
    color:#353535;
    font-weight:400;
    margin-bottom:20px
    }
    
    .t-sub-name {
    font-size:34px;
    letter-spacing:-1px;
    line-height:21px;
    color:#353535;
    font-weight:400;
    margin-bottom:50px
    }
    
    .trustee-content p {
    font-size:12px;
    letter-spacing:0;
    line-height:21px;
    color:#fff;
    font-weight:400
    }
    
    .trustee-slider .slick-dots {
    margin-top:80px
    }
    
    .trustee-slider .slick-arrow.slick-next {
    right:-80px
    }
    
    .trustee-slider .slick-arrow.slick-prev {
    left:-80px
    }
    
    .our-staff-section {
    padding-top:96px;
    padding-bottom:125px
    }
    
    .staff-title {
    text-align:center;
    margin-bottom:50px
    }
    
    .staff-heading {
    font-size:64px;
    letter-spacing:-1px;
    line-height:109px;
    color:#737373;
    font-weight:700;
    font-family:var(--first-font)
    }
    
    .staff-title p {
    font-size:20px;
    letter-spacing:0;
    line-height:21px;
    color:#000;
    font-weight:400
    }
    
    .filter-grid {
    display:flex;
    flex-wrap:wrap;
    margin:0 -15px
    }
    
    .filter-card {
    width:calc(25% - 30px);
    margin:0 15px 45px
    }
    
    .filter-img {
    filter:drop-shadow(0px 2px 5px rgba(0,0,0,0.1));
    background-color:#f5f5f5;
    padding-top:85%;
    position:relative
    }
    
    .filter-card img {
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    object-fit:cover
    }
    
    .filter-detail {
    text-align:center
    }
    
    .filter-detail h5 {
    font-size:20px;
    margin:10px
    }
    
    .filter-detail label {
    background:var(--green);
    color:var(--gray);
    padding:5px 20px;
    border-radius:4px;
    font-weight:400;
    letter-spacing:.5px
    }
    
    .filter-detail p {
    margin-top:10px
    }
    
    .filter {
    margin-bottom:70px
    }
    
    .filter ul {
    display:flex;
    justify-content:center
    }
    
    .filter ul li {
    font-size:20px;
    letter-spacing:0;
    line-height:21px;
    color:#000;
    font-weight:400;
    position:relative;
    margin:0 20px
    }
    
    .filter ul li.active::before {
    content:"";
    height:2px;
    width:100%;
    background:var(--green);
    left:0;
    bottom:-4px;
    position:absolute
    }
    
    .academic-slider .slick-dots li {
    background:#737373
    }
    .academic-slider .slick-dots
    {
        margin-top: 20px;
    }
    .academic-slider .slick-dots li.slick-active {
    background:var(--green)
    }
    .academic-slider .item
    {
        margin: 0 10px;
    }
    .academic-title {
        position: absolute;
        left: 0;
        bottom: 0;
        color: #fff;
        background: #f68d20;
        padding: 8px 20px;
        font-size: 14px;
        letter-spacing: 1px;
        border-radius: 0 10px 0 0;
    }
    .academic-wrapper {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px;
    border:1px solid #dfdfdf;
    border-radius:10px;
    position: relative;
    }
    
    .academic-left {
        max-width: 100%;
        width: 100%;
        position: relative;
        padding-top: 66%;
        height: 0;
        background: #737373;
        border-radius: 10px;
        overflow: hidden;
    }
    .academic-left img
    {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        object-fit: cover;
    }
    .academic-right {
    flex:1;
    padding-left:20px
    }
    
    .academic-right .big-title {
    font-size:5.7vw;
    letter-spacing:-2px;
    white-space:nowrap;
    margin-bottom:45px
    }
    
    .academic-right .big-title small {
    font-size:32px;
    letter-spacing:-1px;
    color:#737373;
    font-weight:700;
    font-family:var(--first-font);
    left:0
    }
    
    .academic-right p {
    font-size:12px;
    letter-spacing:0;
    line-height:21px;
    color:#000;
    font-weight:400;
    margin-bottom:20px
    }
    .academic-section-page
    {
        padding: 60px 0;
    }
    .academic-section-page .academic-wrapper
    {
        margin-bottom: 40px;
    }
    .academic-section-page .academic-left {
        max-width: 600px;
        width: 50%;
        position: relative;
        padding-top: 38%;
        height: 0;
        background: #737373;
        border-radius: 10px;
        overflow: hidden;
    }
    .academic-section .item:nth-child(even) .academic-wrapper {
    flex-direction:row-reverse
    }
    
    .academic-section {
    padding-bottom:150px;
    overflow:hidden
    }
    
    .addmission-wrapper {
    padding-top:125px;
    padding-bottom:160px
    }
    
    .addmission-title {
    max-width:572px;
    margin-bottom:70px
    }
    
    .addmission-title h3 {
    color:#737373;
    font-weight:700;
    margin-bottom:30px;
    line-height:1
    }
    
    .addmission-title p {
    font-size:12px;
    letter-spacing:0;
    line-height:21px;
    color:#000;
    font-weight:400
    }
    
    .accordion__btn {
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer
    }
    
    .accordion__btn h3 {
    font-size:40px;
    margin-right:20px;
    color:#737373;
    font-weight:700
    }
    
    .accordion__btn svg {
    margin-left:20px
    }
    
    .ac-border {
    flex-grow:1;
    height:2px;
    background:var(--black)
    }
    
    .accordion__panel {
    background-color:#f1f1f1;
    padding:40px;
    margin-bottom:50px
    }
    
    .accordion__content {
    display:none;
    margin-top:-1px;
    transition:height .35s ease-in-out;
    overflow:hidden
    }
    
    .is-active .accordion__content {
    display:block
    }
    
    .is-active .plus-line {
    display:none
    }
    
    .accordion__inner {
    padding:20px 0
    }
    
    .accordion__inner ul {
    list-style:disc;
    padding-left:20px
    }
    
    .accordion__inner ul li {
    list-style:disc;
    margin-bottom:10px
    }
    
    .accordion__inner h5 {
    font-size:20px;
    margin-bottom:20px;
    color:#737373;
    font-weight:700;
    letter-spacing:1.2px
    }
    
    .addmission-form-wrapper {
    display:flex;
    flex-wrap:wrap;
    margin:0 -20px
    }
    
    .addmission-card {
    width:calc(25% - 40px);
    margin:0 20px;
    padding:30px;
    background:linear-gradient(to right,#670000,#b60000)
    }
    
    .addmission-card svg {
    margin:auto
    }
    
    .addmission-card label {
    display:block;
    margin:20px 0;
    font-size:20px;
    margin-bottom:20px;
    color:#fff;
    font-weight:700;
    letter-spacing:1.2px;
    text-align:center
    }
    
    #example_wrapper td {
    vertical-align:top;
    text-align:center
    }
    
    #example_wrapper td img {
    width:50px;
    margin:auto
    }
    
    .download-btn {
    background:var(--green);
    color:var(--white);
    padding:7px 20px;
    font-weight:500;
    border-radius:5px;
    margin:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center
    }
    
    .download-btn svg {
    margin-right:10px
    }
    
    .dataTables_wrapper .dataTables_filter input {
    margin-left:.5em;
    border:1px solid var(--black);
    border-radius:3px;
    padding:8px
    }
    
    .dataTables_wrapper {
    overflow:auto
    }
    
    .contact-form-wrapper {
    padding:100px 0
    }
    
    .contact-form-grid {
    display:flex;
    justify-content:space-between
    }
    
    .c-title {
    color:#f68d20;
    font-size:18px;
    margin-bottom:10px
    }
    
    .contact-form-left .item {
    margin-bottom:20px
    }
    
    .contact-form-right {
    max-width:430px;
    width:100%
    }
    
    .contact-form-right form {
        background-color: #fff;
    border-radius: 0.2rem;
    box-shadow: 0 0 20px #ececec;
    width: 100%;
    }
    
    .contact-form-right form .c-title {
    padding:15px;
    color:var(--gray);
    font-size:22px;
    padding-top:30px
    }
    
    .contact-form-right form .form-group {
    padding:15px
    }
    
    .contact-form-right form .form-group input {
    padding:5px 15px;
    min-height:45px;
    border-radius:.2rem;
    box-shadow:none;
    outline:none;
    font-size:15px;
    color:#a7a7a7;
    border:1px solid #ececec;
    font-weight:600;
    letter-spacing:.5px;
    width:100%
    }
    
    .contact-form-right form .form-group textarea {
    padding:5px 15px;
    color:#a7a7a7;
    border:1px solid #ececec;
    resize:none;
    letter-spacing:.5px;
    box-shadow:none;
    outline:none;
    font-size:15px;
    width:100%;
    height:150px;
    font-family:var(--second-font)
    }
    
    .contact-form-right form button {
    width:calc(100% - 30px);
    height:45px;
    text-align:center;
    background:#f68d20;
    color:var(--white);
    font-size:15px;
    border:0;
    margin:15px;
    margin-bottom:30px
    }
    
    iframe.map__iframe.full-height {
    width:100%
    }
    
    .document-section {
    padding:100px 0
    }
    
    .publication-section {
    padding:100px 0
    }
    
    .publication-section .tabs {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap
    }
    
    .publication-section .tabs li {
    margin:0 10px;
    position:relative;
    font-size:16px;
    margin-bottom:30px
    }
    
    .publication-section .tab-content {
    padding:40px 0
    }
    
    .publication-section .tabs li.tab-link.current:before {
    content:"";
    width:100%;
    height:3px;
    background:var(--green);
    bottom:-5px;
    left:0;
    position:absolute
    }
    
    ul.social-media {
    max-width:125px;
    display:flex;
    justify-content:space-between;
    margin-top:24px
    }
    
    .gallery-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-gap:1rem;
    justify-content:center;
    align-items:center
    }
    
    .gallery-grid .card {
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.24);
    color:#333;
    border-radius:2px
    }
    
    .gallery-grid .card-image {
    background:#fff;
    display:block;
    padding-top:70%;
    position:relative;
    width:100%
    }
    
    .gallery-grid .card-image img {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
    }
    
    section.gallery-section {
    padding:100px 0
    }
    
    .loading {
    width:100%;
    height:100%;
    left:0;
    top:0;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:2rem;
    overflow:hidden;
    margin:auto;
    position:fixed;
    animation:text-color 2s ease-in-out infinite alternate-reverse;
    z-index:9999999
    }
    
    .loading img {
    position:relative;
    z-index:1;
    width:125px
    }
    
    .loading::before {
    content:"";
    height:100%;
    width:100%;
    left:0;
    top:0;
    background:#000;
    z-index:0;
    position:fixed;
    opacity:.9
    }
    
    .spinner-sec {
    position:absolute;
    width:200px;
    height:200px;
    border-radius:50%;
    border:5px dotted transparent;
    mix-blend-mode:lighten;
    animation:rotate var(--duration) var(--timming) infinite;
    z-index:2;
    left:0;
    right:0;
    margin:auto;
    transform:translateY(-50%)
    }
    
    .spin-sec-one {
    border-left-color:#f08080;
    --duration:2s;
    --timming:ease-in
    }
    
    .spin-sec-two {
    border-top-color:#add8e6;
    --duration:2s;
    --timming:ease-in-out
    }
    
    .spin-sec-three {
    border-right-color:#90ee90;
    --duration:2s;
    --timming:ease-out
    }
    
    @keyframes rotate {
    0% {
    transform:rotate(0deg)
    }
    
    100% {
    transform:rotate(360deg)
    }
    }
    
    @keyframes text-color {
    0% {
    color:rgba(0,0,0,0.8)
    }
    
    50% {
    color:rgba(0,0,0,0.4)
    }
    
    100% {
    color:rgba(0,0,0,0.2)
    }
    }
    
    .h-menu-open .menu-overlay {
    display:block
    }
    
    .h-menu-open .sidebar-nav {
    right:0
    }
    
    .menu-open .menu-overlay {
    display:block
    }
    
    .menu-overlay {
    position:fixed;
    height:100%;
    width:100%;
    left:0;
    top:0;
    background:var(--gray);
    opacity:.6;
    z-index:3;
    display:none
    }
    
    .hader-right {
    display:flex;
    align-items:center
    }
    
    .h-menu {
    margin-left:10px;
    cursor:pointer
    }
    
    .nav-header {
    background:#000;
    padding:10px 0
    }
    
    .nav-header img {
    width:80px;
    margin:auto
    }
    
    .sidebar-nav {
    background-color:#ecf5fc;
    width:300px;
    position:fixed;
    right:-300px;
    top:0;
    height:100%;
    z-index:9;
    transition:ease .4s
    }
    
    .sidebar-nav h4 {
    color:#e4173e;
    font-family:"Roboto Condensed",sans-serif;
    text-transform:uppercase;
    font-size:20px;
    text-align:left;
    line-height:40px
    }
    
    .sidebar-nav ul {
    list-style-type:none;
    padding-left:0
    }
    
    .sidebar-nav ul li {
    border-top:1px dotted rgba(0,0,0,0.0980392);
    position:relative;
    width:100%;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-user-select:none
    }
    
    .sidebar-nav ul li a {
    color:rgba(0,0,0,0.701961);
    padding:7px;
    display:inline-block;
    width:calc(100% - 50px);
    font-size:16px;
    font-weight:500
    }
    
    .sidebar-nav ul li a:hover {
    text-decoration:none;
    border-bottom:0
    }
    
    .sidebar-nav ul li.selected a {
    color:#004c84;
    font-weight:700;
    display:block;
    margin-right:50px
    }
    
    .sidebar-nav ul li a.menu-toggle {
    position:relative;
    width:50px;
    text-align:center;
    border-bottom:0;
    vertical-align:top
    }
    
    .sidebar-nav ul li a.menu-toggle:after {
    position:relative;
    right:0;
    text-align:middle;
    font-family:FontAwesome;
    font-size:12px;
    content:"▼"
    }
    
    .sidebar-nav ul li a.menu-toggle:focus,.sidebar-nav ul li a.menu-toggle:hover,.sidebar-nav ul li a.menu-toggle:visited,.sidebar-nav ul li a.menu-toggle:link {
    border-bottom:0;
    text-decoration:none
    }
    
    .sidebar-nav ul li a.menu-toggle.rotate {
    transform:rotate(180deg)
    }
    
    .sidebar-nav ul.sub-menu {
    display:none;
    font-size:14px
    }
    
    .sidebar-nav ul.sub-menu li {
    padding-left:20px
    }
    .impact-card {
        width:calc(33.33% - 20px);
        text-align:center;
        margin:0 10px;
        background:#fff;
        margin-bottom:40px
        }
        
        .impact-card .imp-img {
        position:relative
        }
    @media only screen and (max-width: 1400px) {
    .trustee-slider .slick-arrow.slick-prev {
    left:0
    }
    
    .trustee-slider .slick-arrow.slick-next {
    right:0
    }
    
    .trustee-slider .slick-list {
    width:90%;
    margin:auto
    }
    
    .t-name {
    font-size:60px
    }
    }
    
    @media only screen and (max-width: 1200px) {
    .academic-section {
    padding-bottom:100px
    }
    
    .one-side-container {
    margin-left:0
    }
    
    .infrastructer-slider .slick-list {
    padding-right:40%;
    margin:0 -20px
    }
    
    .fourth-card {
    max-width:calc(25% - 20px);
    width:100%;
    text-align:center;
    margin:0 10px
    }
    
    .fourth-section-grid {
    margin:0 -10px
    }
    }
    
    @media only screen and (max-width: 1050px) {
    .addmission-wrapper {
    padding-top:80px;
    padding-bottom:100px
    }
    
    .addmission-form-wrapper {
    margin:0 -10px
    }
    
    .addmission-card {
    width:calc(25% - 20px);
    margin:0 10px
    }
    
    .academic-section {
    padding-bottom:60px
    }
    
    
    .trustee-img {
    width:50%
    }
    
    .trustee-content {
    padding-left:20px
    }
    
    .t-name {
    font-size:46px
    }
    
    .t-sub-name {
    font-size:28px;
    margin-bottom:20px
    }
    
    .as-item .as-title {
    font-size:40px;
    line-height:70px
    }
    
    .infrastructer-slider .slick-list {
    padding-right:20%;
    margin:0 -20px
    }
    
    .fourth-img {
    height:350px
    }
    
    .f-card-header {
    font-size:30px
    }
    
    .fourth-img {
    margin-bottom:20px
    }
    
    .second-section {
    padding-top:100px;
    padding-bottom:50px
    }
    
    .second-section-left ul li {
    max-width:47%
    }
    
    .hader-left a img {
    width:110px
    }
    
    header {
    padding:20px 0
    }
    
    .banner-content h1 {
    font-size:69px;
    letter-spacing:-2px;
    line-height:73px
    }
    
    .h2,h2 {
    font-size:48px
    }
    
    .event-section {
    padding:80px 0
    }
    
    .event-detail {
    padding:50px 30px 60px
    }
    }
    
    @media only screen and (max-width: 991px) {
        .impact-card {
            width:calc(50% - 20px);
            text-align:center;
            margin:0 10px;
            background:#fff;
            margin-bottom:40px
            }
    .addmission-card {
    width:calc(33.33% - 20px);
    margin:0 10px;
    margin-bottom:20px
    }
    
    .event-grid {
    margin:0 -10px
    }
    
    .event-card {
    max-width:calc(33.33% - 20px);
    margin:0 10px
    }
    
    .event-img {
    padding-top:190px
    }
    
    .ev-date span {
    font-size:12px;
    margin-top:0
    }
    
    .ev-date {
    font-size:20px;
    right:20px
    }
    
    .event-detail p {
    font-size:14px;
    line-height:20px
    }
    
    .event-detail label {
    font-size:24px;
    margin-bottom:10px
    }
    
    .fourth-section-grid {
    justify-content:center
    }
    
    .fourth-card {
    max-width:calc(50% - 20px);
    margin-bottom:20px
    }
    
    .green-btn {
    padding:15px 40px;
    font-size:16px;
    line-height:1
    }
    
    .h3,h3 {
    font-size:40px;
    line-height:46px
    }
    
    .second-section-left ul li {
    height:200px
    }
    
    .academic-right .big-title {
    margin-bottom:20px
    }
    
    .accordion__btn h3 {
    font-size:35px
    }
    
    .accordion__btn svg {
    width:40px
    }
    }
    
    @media only screen and (max-width: 767px) {
     
    section.gallery-section {
    padding:60px 0
    }
    
    .gallery-grid {
    display:grid;
    grid-template-columns:1fr;
    grid-gap:1rem
    }
    
    .publication-section {
    padding:60px 0
    }
    
    .contact-form-wrapper {
    padding:60px 0
    }
    
    .contact-form-right {
    max-width:100%;
    margin-top:40px
    }
    
    .contact-form-grid {
    flex-direction:column
    }
    
    .accordion__btn svg {
    width:35px
    }
    
    .addmission-card {
    width:calc(50% - 20px);
    margin:0 10px;
    margin-bottom:20px
    }
    
    .academic-section {
    padding-bottom:60px
    }
    
    .academic-right .big-title small {
    font-size:4.6vw
    }
    
    .academic-right .big-title {
    margin-bottom:20px;
    font-size:11.7vw
    }
    
    .academic-right p {
    text-align:center
    }
    
    .academic-right {
    max-width:100%;
    width:100%;
    margin-top:20px;
    padding: 0;
    }
    
    .academic-left {
    max-width:100%;
    width:100%;
    padding-top: 80%;
    }
    
    .academic-left img {
    width:100%
    }
    
    .academic-wrapper,.academic-section .item:nth-child(even) .academic-wrapper {
    flex-direction:column
    }
    
    .trustee-section {
    padding-top:80px
    }
    
    .trustee-slider .item {
    flex-direction:column;
    align-items:center
    }
    
    .t-name {
    font-size:40px;
    text-align:center;
    margin-top:20px;
    margin-bottom:10px
    }
    
    .trustee-content p {
    text-align:center
    }
    
    .third-section::before {
    height:25px;
    top:-24px
    }
    
    .trustee-slider .slick-dots {
    margin-top:40px
    }
    
    .t-sub-name {
    font-size:24px;
    text-align:center
    }
    
    .third-section::after {
    height:25px;
    bottom:-24px
    }
    
    .infrastructer-section {
    padding:50px 0
    }
    
    .infrastructer-left label {
    font-size:17px
    }
    
    .h3,h3 {
    font-size:34px
    }
    
    .event-card {
    max-width:calc(50% - 20px);
    margin:0 10px;
    margin-bottom:20px
    }
    
    .event-section {
    padding:60px 0
    }
    
    .infra-dec {
    padding:30px;
    margin-top:20px;
    width:calc(100% - 20px)
    }
    
    .infra-dec p,.infra-dec a {
    font-size:16px;
    line-height:18px
    }
    
    .infrastructer-tabs-wrapper .tabs {
    overflow:auto
    }
    
    .infrastructer-tabs-wrapper .tabs li {
    margin-right:20px;
    white-space:nowrap
    }
    
    .infrastructer-tabs-wrapper .tabs {
    display:flex
    }
    
    .infrastructer-tabs-right {
    margin-left:0;
    width:100%
    }
    
    .infrastructer-tabs-wrapper {
    flex-direction:column
    }
    
    .infrastructer-right p {
    text-align:center
    }
    
    .infrastructer-right {
    margin-left:0;
    margin-top:20px
    }
    
    .infrastructer-title {
    flex-direction:column;
    text-align:center
    }
    
    .fourth-card {
    max-width:calc(50% - 20px);
    margin-bottom:20px
    }
    
    .h2,h2 {
    font-size:38px
    }
    
    .count-number {
    font-size:40px
    }
    
    .counter-wrapper label,.third-section p {
    font-size:18px
    }
    
    .counter-wrapper {
    text-align:center;
    margin-top:40px
    }
    
    .third-section h2,.third-section p {
    text-align:center
    }
    
    .second-section {
    padding-top:60px;
    padding-bottom:50px
    }
    
    .second-section-right {
    margin:0;
    text-align:center
    }
    
    .second-section .second-section-grid {
    flex-direction:column-reverse
    }
    
    .big-title {
    text-align:center
    }
    
    .big-title small {
    left:0;
    right:0;
    margin:auto
    }
    
    .second-section-right p {
    max-width:100%
    }
    
    .second-section-left {
    margin-top:30px
    }
    
    .second-section-right h3 {
    text-align:center
    }
    
    .banner-content h1 {
    text-align:center;
    font-size:50px;
    letter-spacing:-2px;
    line-height:73px
    }
    
    .first-section img {
    height:100%;
    width:100%;
    object-fit:cover
    }
  
    header.sticky-header .hader-left a img {
    width:70px
    }
    
    .menu-open {
    overflow:hidden
    }
    
    .menu-open .menu {
    right:0
    }
    
    .menu {
    position:fixed;
    height:100%;
    top:0;
    right:-300px;
    width:300px;
    background:var(--gray);
    padding:20px;
    transition:ease .4s;
    z-index:4
    }
    
    .menu nav {
    margin-top:30px
    }
    
    .menu nav ul {
    display:flex;
    flex-direction:column
    }
    
    .hader-right nav ul li {
    margin-right:0!important;
    width:100%;
    margin-bottom:10px;
    text-align:center
    }
    
    .menu-header,.r-menu {
    display:block
    }
    
    .menu-header a img {
    max-width:100px;
    margin:auto
    }
    
    .third-section {
    padding-top:40px;
    padding-bottom:80px
    }
    
    .fourth-section {
    padding:100px 0;
    padding-bottom:40px
    }
    
    .event-detail {
    padding:40px 20px
    }
    
    .event-detail label {
    font-size:20px;
    letter-spacing:1px
    }
    
    .footer-grid {
    flex-wrap:wrap
    }
    
    .footer-grid .footer-item:first-child {
    width:100%;
    flex:100%
    }
    
    .footer-grid .footer-item {
    width:33.33%;
    flex:33.33%
    }
    
    footer {
    padding-top:50px;
    padding-bottom:40px
    }
    
    .footer-item a img {
    max-width:100px;
    margin:auto;
    margin-bottom:20px
    }
    
    .trustee-content {
    width:80%;
    padding-left:0
    }
    
    .about-s-grid {
    flex-direction:column-reverse
    }
    
    .about-s-left,.about-s-right {
    width:100%
    }
    
    .about-second-section {
    padding-top:40px;
    padding-bottom:50px
    }
    
    .as-item .as-title {
    font-size:30px;
    line-height:40px;
    margin-bottom:15px
    }
    
    .about-s-right img,.as-item:not(:last-child) {
    margin-bottom:20px
    }
    
    .first-section.inner-first-section {
    height:450px;
    position:relative
    }
    
    .about-second-section {
    padding-top:60px;
    padding-bottom:100px
    }
    
    .our-staff-section {
    padding-top:60px;
    padding-bottom:40px
    }
    
    .staff-heading {
    font-size:40px;
    line-height:50px;
    margin-bottom:20px
    }
    
    .staff-title p {
    font-size:16px;
    letter-spacing:0;
    line-height:18px
    }
    
    .filter-card {
    width:calc(50% - 30px)
    }
    
    .filter-img {
    padding-top:280px
    }
    
    .filter ul li {
    margin:0 10px;
    font-size:16px
    }
    
    .filter,.staff-title {
    margin-bottom:40px
    }
    
    .accordion__panel {
    padding:20px;
    margin-bottom:20px
    }
    
    .accordion__btn h3 {
    font-size:30px;
    line-height:1.2
    }
    
    .addmission-title {
    margin-bottom:40px
    }
    
    .addmission-wrapper {
    padding-top:40px;
    padding-bottom:30px
    }
    
    ul.social-media {
    margin:auto
    }
    }
    
    @media only screen and (max-width: 540px) {
        .impact-card {
            width: calc(100% - 20px);
            text-align: center;
            margin: 0 10px;
            background: #fff;
            margin-bottom: 20px;
        }
    .accordion__btn h3 {
    font-size:25px
    }
    
    .addmission-card {
    width:calc(100% - 20px);
    margin:0 10px;
    margin-bottom:20px
    }
    
    .academic-section {
    padding-bottom:30px
    }
    
    .academic-wrapper {
    padding:10px
    }
    
    .filter-card {
    width:calc(100% - 30px);
    max-width:278px;
    margin:auto;
    margin-bottom:20px
    }
    
    .filter-img {
    padding-top:220px
    }
    
    .first-section.inner-first-section {
    height:300px;
    position:relative
    }
    
    .trustee-img {
    width:80%
    }
    
    .trustee-section {
    padding-top:60px
    }
    
    .t-name {
    font-size:30px
    }
    
    .t-sub-name {
    font-size:20px
    }
    
    .footer-item ul li a {
    display:block;
    padding-right:10px;
    margin-bottom:15px;
    line-height:1.2
    }
    
    .footer-grid .footer-item {
    width:50%;
    flex:50%;
    margin-bottom:20px
    }
    
    .event-title {
    margin-bottom:50px
    }
    
    .event-card {
    max-width:100%;
    margin:0 10px;
    margin-bottom:20px
    }
    
    .fourth-card {
    max-width:350px
    }
    
    .counter-wrapper {
    flex-direction:column
    }
    
    .counter-wrapper .item {
    margin-bottom:20px
    }
    
    .counter-wrapper label {
    font-size:16px;
    margin-top:10px
    }
    }
    
    .impact-grid {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 -20px;
    margin-top:60px;
    margin-bottom:100px;
    position:relative;
    z-index:1;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
    }
    
   
    
    .video-banner {
    position:absolute;
    left:0;
    right:0;
    top:50%;
    margin:0 auto;
    bottom:0;
    z-index:2;
    height:50px;
    width:50px;
    transform:translateY(-50%)
    }
    
    .video-banner svg {
    margin:auto;
    width:50px;
    height:auto
    }
    
    .video-banner .video-banner-img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 50%
    }
    
    .video-banner-headline {
    position:absolute;
    left:1.5rem;
    bottom:1.5rem;
    font-family:'Source Sans Pro',sans-serif;
    font-size:1.25em;
    font-weight:900;
    line-height:1em;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.045em
    }
    
    @media (min-width: 641px) {
    .video-banner-headline {
    left:2em;
    bottom:2.75em;
    font-size:1.5em;
    line-height:1.5em
    }
    }
    
    .video-banner-icon-play {
    position:absolute;
    left:50%;
    top:50%;
    display:block;
    width:2.5em;
    height:2.5em;
    -webkit-transform:translateX(-50%) translateY(-50%) scale(1.0);
    -moz-transform:translateX(-50%) translateY(-50%) scale(1.0);
    -ms-transform:translateX(-50%) translateY(-50%) scale(1.0);
    -o-transform:translateX(-50%) translateY(-50%) scale(1.0);
    transform:translateX(-50%) translateY(-50%) scale(1.0);
    -webkit-transition:all .2s ease-out .05s;
    transition:all .2s ease-out .05s
    }
    
    @media (min-width: 641px) {
    .video-banner-icon-play {
    width:4.5em;
    height:4.5em
    }
    }
    
    .video-banner-icon-play:hover {
    -webkit-transform:translateX(-50%) translateY(-50%) scale(1.2);
    -moz-transform:translateX(-50%) translateY(-50%) scale(1.2);
    -ms-transform:translateX(-50%) translateY(-50%) scale(1.2);
    -o-transform:translateX(-50%) translateY(-50%) scale(1.2);
    transform:translateX(-50%) translateY(-50%) scale(1.2);
    backgound:#309
    }
    
    .video-modal,.video-modal .overlay {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:3000
    }
    
    .video-modal {
    overflow:hidden;
    position:fixed;
    opacity:0;
    -webkit-transform:translate(500%,0%);
    transform:translate(500%,0%);
    -webkit-transition:-webkit-transform 0 linear 0;
    transition:transform 0 linear 0;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d
    }
    
    .video-modal .overlay {
    z-index:0;
    background:#5d5d5de3;
    opacity:0;
    -webkit-transition:opacity .2s ease-out .05s;
    transition:opacity .2s ease-out .05s
    }
    
    .video-modal-content {
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    z-index:1;
    margin:0 auto;
    overflow-y:visible;
    background:#000;
    width:calc(100% - 12em);
    height:0;
    padding-top:calc((100% - 12em) * 0.5625)
    }
    
    @media (min-aspect-ratio: 169) {
    .video-modal-content {
    width:0;
    height:calc(100vh - 10em);
    padding-top:0;
    padding-left:calc((100vh - 10em) * 1.7778)
    }
    }
    
    @media (max-width: 640px) {
    .video-modal-content {
    width:calc(100% - 1em);
    padding-top:calc((100% - 1em) * 0.5625)
    }
    }
    
    .close-video-modal {
    display:block;
    position:absolute;
    left:0;
    top:-40px;
    text-decoration:none;
    font-size:20px;
    font-weight:700;
    color:#fff
    }
    
    iframe#youtube {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    background:#000;
    box-shadow:0 2px 16px rgba(0,0,0,0.5)
    }
    
    .show-video-modal .video-modal {
    opacity:1;
    transform:translate(0%,0%);
    -webkit-transform:translate(0%,0%)
    }
    
    .show-video-modal .video-modal .overlay {
    opacity:1
    }
    
    .show-video-modal .video-modal-content {
    transform:translate(0%,0%);
    -webkit-transform:translate(0%,0%)
    }
    
    .impact-grid .imp-dec {
    padding:20px 0;
    text-align:left
    }
    
    .impact-grid .imp-dec .imp-title {
    font-size:27px;
    letter-spacing:2px;
    line-height:28px;
    color:#282828;
    font-weight:800;
    font-family:var(--secondory-font);
    text-align:left;
    margin-bottom:20px
    }
    
    .impact-grid .imp-dec p {
    font-size:16px;
    letter-spacing:1px;
    line-height:28px;
    color:#7b7b7b;
    text-align:left
    }
    
    .section-contect {
    padding:70px 0;
    margin-bottom:100px;
    position:relative;
    z-index:1
    }
    
    .section-contect form {
    max-width:550px;
    width:100%;
    margin:auto;
    margin-top:40px
    }
    
    .form-group {
    margin-bottom:30px
    }
    
    .form-group label {
    font-size:14px;
    letter-spacing:1px;
    color:var(--black);
    font-weight:600;
    text-align:left;
    width:100%;
    display:block;
    margin-bottom:10px
    }
    
    .form-group input {
    width:100%;
    display:block;
    height:40px;
    border:1px solid #d8d8d8;
    padding:0 15px
    }
    
    .form-group textarea {
    width:100%;
    border:1px solid #d8d8d8;
    padding:15px
    }
    
    .advisors-section {
    position:relative;
    z-index:1
    }
    
    .modal {
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    display:none;
    overflow:auto;
    background-color:#000;
    background-color:rgba(0,0,0,0.7);
    z-index:9999
    }
    
    .modal-window {
    position:relative;
    background-color:#FFF;
    width:50%;
    margin:10% auto;
    padding:20px
    }
    
    .modal-window h3 {
    color:var(--orange);
    margin-bottom:20px
    }
    
    .modal-window p {
    font-size:14px;
    letter-spacing:1px;
    margin-bottom:16px
    }
    
    .modal-window .orange-btn {
    margin-top:20px
    }
    
    .modal-window.small {
    width:75%
    }
    
    .modal-window.large {
    width:75%
    }
    
    .close {
    position:absolute;
    top:0;
    right:0;
    color:rgba(0,0,0,0.3);
    height:30px;
    width:30px;
    font-size:30px;
    line-height:30px;
    text-align:center
    }
    
    .close:hover,.close:focus {
    color:#000;
    cursor:pointer
    }
    
    .open {
    display:block
    }