@charset "UTF-8";
@import "bootstrap.min.css";
@import "animation.min.css";
@import url('https://use.typekit.net/bqu2fyx.css');
:root {
    --primary-color: #08142F;
    --secondary-color: #00C6B8;
    --tertiary-color: #004F80;
    --midnight-color: #010B24;
    --white-color: #ffffff;
    --black-color: #000000;
    --gray-color: #747474;
    --opensans: "open-sans",sans-serif;
    --gibson: "canada-type-gibson",sans-serif;
    --magnosans: "magno-sans-variable",sans-serif;
}
html{
    font-size: 18px;
}
html.disabledscroll{
    overflow: hidden;
}
.site-wrapper{
    overflow: hidden;
}
body {
    padding: 0;
    padding-top: 8.9rem;
    margin: 0;
    font-size: 1rem;
    color: var(--black-color);
    font-weight: 400;
    font-family: var(--opensans);
    background-color: var(--white-color);
    overflow-x: hidden;
}
body.admin-bar {
    padding-top: 7.1rem;
}
.separator{
    line-height: 1;
    height: 3px;
    background-color: var(--midnight-color);
    width: 100%;
}
.separator.white-bg{
    background-color: var(--white-color);
}
.container {
    width: 100%;
    max-width: 71.11rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0 auto;
}
.container-fluid{
    padding-left: 1rem;
    padding-right: 1rem;
}
p {
    margin: 0 0 1rem;
    line-height: 1.6;
    font-weight: 400;
}
.large-font p{
    font-size: 1.18rem;
}
a{
    transition: all 0.3s ease 0s;
    font-weight: 400;
    text-decoration: none;
    color: var(--white-color);
}
a:hover{
    text-decoration: none;
    color: var(--secondary-color);
}
#primary a:not(.btn):not(.wp-element-button) {
    text-decoration: underline;
}
#primary a:not(.btn):not(.wp-element-button):hover {
    text-decoration: underline;
}
input:focus,textarea:focus{
    /* outline: none; */
    box-shadow: none;
}
select:focus{
    box-shadow: none;
    /* outline: none; */
}
.clearfix{
    clear: both;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
    font-variation-settings: "wght" 800;
    margin: 0 0 1rem;
    line-height: 1;
    font-family: var(--magnosans);
    text-transform: uppercase;
    color: var(--primary-color)
}
h1{
    font-size: 5.55rem;
}
h1 em{
    font-style: normal;
}
h2{
    font-size: 4.16rem;
    position: relative;
    padding-top: 2.8rem;
}
h2:before{
    content: '';
    position: absolute;
    bottom: 100%;
    width: 5.55rem;
    height: 0.3rem;
    background-color: var(--secondary-color);
}
h1 span,h2 span{
    color: var(--secondary-color);
}
.text-center h2:before{
    left: 50%;
    transform: translateX(-50%);
}
h3{
    margin: 2rem 0 0;
    font-size: 2.77rem;
}
h5>a,
h6>a{
    font-variation-settings: "wght" 800;
}
.bordered-title h3{
    padding-top: 1.8rem;
    position: relative;
    letter-spacing: 0.03rem;
}
.bordered-title h3:before{
    content: '';
    position: absolute;
    bottom: 100%;
    width: 3.5rem;
    height: 0.26rem;
    border-radius: 0.1rem;
    background-color: var(--secondary-color);
}
h4{
    font-size: 2.22rem;
}
h5{
    font-size: 1.66rem;
}
h6{
    font-size: 1.38rem;
}
.btn,
.wp-element-button{
    background-color: #004F80;
    color: var(--white-color);
    border-radius: 4rem;
    padding: 0.5rem 1.5rem 0.4rem;
    transition: all 0.3s ease 0s;
    font-family: var(--gibson);
    min-width: 10rem;
}
.tribe-common .tribe-common-c-btn-border-small,
.tribe-common a.tribe-common-c-btn-border-small,
.btn:focus-visible {
    outline-color: #08142F !important;
    outline-style: solid !important;
    outline-width: 1px !important;
}
.tribe-common .tribe-common-c-btn-border-small:focus,
.tribe-common a.tribe-common-c-btn-border-small:focus {
    outline-width: 3px !important;
}
.btn:hover,
.wp-element-button:hover{
    background-color: var(--white-color);
    color: var(--tertiary-color)
}
.btn.white-bordered{
    border: 0.1rem solid var(--white-color);
    background-color: rgba(0,0,0,0);
}
.btn.white-bordered:hover{
    background-color: var(--white-color);
    color: var(--tertiary-color)
}
.btn.secondary-bordered{
    border: 0.1rem solid var(--secondary-color);
    background-color: rgba(0,0,0,0);
    color: var(--white-color);
}
.btn.secondary-bordered:hover{
    background-color: var(--secondary-color);
    color: var(--white-color);
}
a.text-link{
    color: var(--secondary-color);
    font-family: var(--gibson);
}
img{
    height: auto;
    width: auto;
    max-width: 100%;
}
img.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}
img.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.white-bg{
    background-color: var(--white-color);
    color: var(--primary-color)
}
.white-bg a{
    color: var(--tertiary-color)
}
.white-bg a.btn,
.white-bg a.wp-element-button{
    color: var(--white-color)
}
.white-bg a.btn:hover,
.white-bg a.btn:focus-visible,
.white-bg a.wp-element-button:hover{
    color: var(--white-color);
    background-color: var(--secondary-color);
}
.dark-bg{
    background-color: var(--primary-color);
    color: var(--white-color)
}
.dark-bg h1,.dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6,.midnight-bg h1,.midnight-bg h2, .midnight-bg h3, .midnight-bg h4, .midnight-bg h5, .midnight-bg h6,.lapis-bg h1,.lapis-bg h2, .lapis-bg h3, .lapis-bg h4, .lapis-bg h5, .lapis-bg h6{
    color: var(--white-color)
}
.lapis-bg{
    background-color: var(--tertiary-color);
}
.midnight-bg{
    background-color: var(--midnight-color);
    color: var(--white-color);
}
.rounded-0 > img{
    border-radius: 0 !important;
}
.rounded-1 > img{
    border-radius: var(--bs-border-radius-sm)!important;
}
.rounded-2 > img{
    border-radius: var(--bs-border-radius)!important;
}
.rounded-3  > img{
    border-radius: var(--bs-border-radius-lg)!important;
}
.rounded-4 > img{
    border-radius: var(--bs-border-radius-xl)!important;
}
.rounded-5 > img{
    border-radius: var(--bs-border-radius-2xl)!important;
}
.icon.rounded-1 > img,.icon.rounded-2 > img,.icon.rounded-3 > img,.icon.rounded-4 > img,.icon.rounded-5 > img{
    border-radius: 0 !important;
}
.cta-text-link{
    display: flex;
    align-items: center;
    font-family: var(--gibson);
}
.cta-text-link a.btn{
    margin-right: 1rem;
}
.cta-text-link span a,.cta-text-link p a{
    color: var(--secondary-color)
}
.white-bg .cta-text-link span a,.whtie-bg .cta-text-link p a{
    color: var(--tertiary-color);
}
.white-bg .cta-text-link span a:hover,.whtie-bg .cta-text-link p a:hover{
    color: var(--secondary-color);
}
.input-field,.select-field,.textarea-field{
    margin-bottom: 1.2rem;
}
input[type=text],input[type=email],input[type=tel], input[type=button]{
    width: 100%;
    height: 2.88rem;
    padding: 0.1rem 1.4rem;
    border-radius: 0;
    border: 1px solid var(--white-color);
    font-size: 1rem;
    font-family: var(--gibson);
    background-color: rgba(0,0,0,0);
    color: var(--white-color)
}
.white-bg input[type=text],.white-bg input[type=email],.white-bg input[type=tel], .white-bg input[type=button]{
    border: 1px solid var(--primary-color);
    background-color: var(--white-color);
    color: var(--primary-color)
}
::-webkit-input-placeholder {
    color: var(--white-color);
    font-size: 1rem;
}
:-ms-input-placeholder {
    font-size: 1rem;
    color: var(--white-color);
}
:-moz-placeholder,::-moz-placeholder {
    color: var(--white-color);
    opacity: 1;
    font-size: 1rem;
}
.white-bg ::-webkit-input-placeholder {
    color: var(--primary-color);
}
.white-bg :-ms-input-placeholder {
    color: var(--primary-color);
}
.white-bg :-moz-placeholder,::-moz-placeholder {
    color: var(--primary-color);
}
.select-field{
    position: relative;
    width:100%;
}
.select-field select{
    width: 100%;
    height: 2.88rem;
    padding: 0.1rem 3.6rem 0.1rem 1.4rem;
    border-radius: 0;
    border: 1px solid var(--white-color);
    font-size: 1rem;
    font-weight: bold;
    background-color: var(--midnight-color);
    font-family: var(--gibson);
    color: var(--white-color);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
}
.white-bg .select-field select{
    background-color: var(--white-color);
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
.white-bg .select-field select option{
    color: var(--primary-color);
}
.select-field option{
    font-size: 0.9rem;
    padding: 0.3rem 1.4rem;
    font-family: var(--gibson);
}
.select-field:after {
    content: "";
    background-image: url(/wp-content/themes/escc/assets/images/icons/select-arrow.svg);
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 1.2rem;
    top: 1rem;
    pointer-events: none;
    filter: brightness(0) invert(1);
}
.white-bg .select-field:after{
    filter: brightness(0);
}
textarea{
    width: 100%;
    height: 11rem;
    padding: 1rem 1.4rem 1rem;
    resize: none;
    border-radius: 0;
    border: 1px solid var(--white-color);
    font-size: 1rem;
    background-color: rgba(0,0,0,0);
    color: var(--white-color);
}
.white-bg textarea{
    background-color: var(--white-color);
    color: var(--primary-color);
    border-color: var(--primary-color)
}
.form .btn{
    margin-top: 1.5rem;
    min-width: 13rem;
}
.secondary-color{
    color: var(--secondary-color) !important;
}
.bottom-left-curve,.bottom-right-curve{
    position: relative;
}
.bottom-left-curve:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 112rem;
    height: 23rem;
    left: 0;
    background: url('/wp-content/themes/escc/assets/images/bottom-left-curve.svg');
    pointer-events: none;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    opacity: 0.5;
}
.bottom-right-curve:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 112rem;
    height: 23rem;
    right: 0;
    background: url('/wp-content/themes/escc/assets/images/bottom-right-curve.svg');
    pointer-events: none;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    opacity: 0.5;
}
.bottom-left-curve > .section-content,.bottom-right-curve > .section-content{
    position: relative;
    z-index: 1;
}

.directions-block{
    font-size: 1.18rem
}
.directions-block h4{
    padding-top: 2rem;
}
.directions-block h4:first-of-type{
    padding-top: 0;
}
.directions-block p span{
    display: inline-block;
    vertical-align: top;
}
.contact-card{
    background-color: var(--primary-color);
    max-width: 29rem;
    margin-left: auto;
    border-radius: 2.6rem;
    padding: 2.5rem;
    color: var(--white-color);
    text-align: center;
    font-size: 1.16rem;
    min-height: 17rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.contact-card h3{
    color: var(--white-color)
}
.contact-card h3 span{
    color: var(--secondary-color)
}
.contact-card a{
    color: var(--secondary-color);
    text-decoration: underline;
}


/*-- Header --*/
@-webkit-keyframes moveDown {
    0% {
        transform: translateY(-2.5rem);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes moveDown {
    0% {
        transform: translateY(-2.5rem);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
header.header{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    z-index: 199;
    background-color: var(--midnight-color);
}
header.header.fixed-header{
    background: var(--midnight-color);
    position: fixed;
    -webkit-animation: moveDown 1.2s ease-in-out;
    animation: moveDown 1.2s ease-in-out;
    z-index: 99;
}
header.header .container{
    max-width: 87rem;
}
header.header .mega-navigation .container{
    max-width: 71.11rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.mega-navigation{
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 4rem;
    width: 100%;
    left: 0;
    right: 0;
    background-color: var(--midnight-color);
    transition: all 0.3s ease 0s;
    z-index: -1;
}
.mega-navigation.open{
    opacity: 1;
    height: auto;
    font-size: inherit;
    top: 6rem;
    pointer-events: all;
    z-index: 1;
    margin-top: -1.5rem;
}
.mega-navigation ul{
    list-style: none;
    padding: 0;
    font-family: var(--gibson);
    font-weight: 400;
}
.mega-navigation .mega-nav-column{
    margin-bottom: 2rem;
    padding: 0 0.5rem;
}
.mega-navigation .mega-nav-column .column-cap {
    font-variation-settings: "wght" 800;
    font-size: 1.66rem;
    margin: 0 0 1rem;
    line-height: 1;
    font-family: var(--magnosans);
    text-transform: uppercase;
    color: var(--white-color)
}
.mega-navigation .mega-nav-column .column-cap a {
    font-variation-settings: "wght" 800;
}
.mega-nav-column li{
    line-height: 1.1;
    margin-bottom: 6px;
}
.mega-nav-column li a{
    padding: 0.2rem 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.mega-navigation .bottom-content{
    background-color: var(--tertiary-color);
}
.mega-navigation .bottom-content .social-cap{
    font-size: 1.38rem;
    font-variation-settings: "wght" 800;
    margin: 0 0 1rem;
    line-height: 1;
    font-family: var(--magnosans);
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    margin-bottom: 0.5rem;
    color: var(--white-color)
}
.mega-navigation .bottom-content .social-cap {
    font-variation-settings: "wght" 800;
}
header .logo{
    width: 10rem;
    padding-right: 1rem;
    position: relative;
    pointer-events: none;
    padding-bottom: 0.5rem;
    z-index: 5;
}
header .logo a{
    pointer-events: all;
}
header .logo img{
    height: auto;
    width: 8.5rem;
    z-index: 1;
    filter: brightness(0) invert(1);
    position: relative;
}
header.fixed-header .main-navigation .nav-item{
    padding: 1rem;
}
header.fixed-header .logo {
    padding-bottom: 0;
}
.main-navigation{
    width: calc(100% - 20rem);
    font-family: var(--gibson);
    padding: 0 1.5rem;
}
header .toggle-ribbon{
    width: 10rem;
    padding-left: 2rem;
    padding-right: 3rem;
    z-index: 10;
    position: relative;
}
header .toggle-ribbon:before {
    content: '';
    position: absolute;
    bottom: 100%;
    height: 30px;
    left: 2rem;
    right: 3rem;
    background-color: var(--secondary-color);
}
header .toggle-ribbon img{
    margin-bottom: -2.6rem;
    width: 100%;
}
header .toggle-ribbon a{
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.search-form-container button {
    border: none;
    background: transparent;
    padding-right: 0;
    height: 42px;
    font-size: 21px;
    width: 32px;
    color: var(--secondary-color);
}
@media (min-width: 1024px) {
    .search-form-container button {
        font-size: 18px;
    }
}
.form-search-form {
    background: transparent;
    border-bottom: 1px solid #fff;
}
.form-search-form .search-input {
    background: transparent;
    color: #fff;
    padding: 0 20px 0 0;
    height: 42px;
    line-height: 24px;
    border-radius: 0;
    font-size: 21px;
    border: none;
}
@media (min-width: 1024px) {
    .form-search-form .search-input {
        line-height: 40px;
        font-size: 18px;
    }
}
.form-search-form .search-input::placeholder {
    font-size: inherit;
    font-style: italic;
    font-weight: inherit;
    line-height: inherit;
    color: #fff;
}
.main-navigation .navbar-brand{
    display: none;
    padding-bottom: 5rem;
    transform: translateX(130%);
    transition: transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96), color 0.3s ease 0s;
}
.main-navigation .show .navbar-brand{
    transform: translateX(0%);
}
.main-navigation .navbar-brand img{
    width: 20rem;
}
.main-navigation .nav-item{
    position: relative;
    padding: 1rem;
    font-family: var(--paralucent-light-font);
}
.main-navigation .nav-item:last-child {
    padding-right: 0;
}
.navbar-nav > .nav-item.parent-li:hover:before{
    border-top: 0.5rem solid var(--tertiary-color);
}
.main-navigation li a,
.collapsed-nav-list .navbar-nav-desktop a{
    padding: 0.4rem 0;
    color: var(--white-color);
    text-transform: capitalize;
    font-size: 1.11rem;
    font-weight: 400;
    transition: all 0.3s ease 0s;
    display: inline-block;
    vertical-align: top;
}
.main-navigation .navbar-nav{
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.main-navigation .navbar-nav-top{
    width: 100%;
    align-items: center;
    justify-content: end;
}
.collapsed-nav-list .navbar-nav-desktop {
    width: 100%;
    align-items: center;
    justify-content: end;
    flex-direction: row;
}
@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        display: block !important;
    }
}
header.header .mega-navigation .collapsed-nav-list .container-desktop {
    width: 100%;
    font-family: var(--gibson);
    padding: 0 3.5rem;
}
.navbar-nav-desktop .menu-item {
    position: relative;
    padding: 1rem;
}
@media (min-width: 1400px) {
    .navbar-nav-desktop .menu-item {
        padding: 1rem 2rem;
    }
}
.navbar-nav-desktop .menu-item:last-child {
    padding-right: 0;
}
.main-navigation .button-item{
    padding: 1.5rem 0.5rem 0.25rem;
    margin-left: 2rem;
}
header.fixed-header .main-navigation .button-item{
    padding: 0.8rem 0 0.8rem 0.5rem;
}
.main-navigation .nav-item.button-item img{
    width: 1rem;
    height: 1rem;
    margin-left: 0.3rem;
    margin-right: -0.4rem;
}
.main-navigation .button-item a,
.collapsed-nav-list .button-item a {
    padding: 0.4rem 1.6rem;
    border: 2px solid var(--secondary-color);
    color: var(--white-color);
    border-radius: 4rem;
    text-align: center;
    min-width: 10rem;
    width: 100%;
}
.main-navigation .button-item a:hover,
.collapsed-nav-list .button-item a:hover,
.main-navigation .button-item a:focus,
.collapsed-nav-list .button-item a:focus  {
    background: var(--secondary-color);
}
.main-navigation .button-item:hover a,
.collapsed-nav-list .button-item:hover a {
    color: var(--midnight-color);
}
.main-navigation li a:hover,
.collapsed-nav-list li a:hover,
.main-navigation li a:focus,
.collapsed-nav-list li a:focus {
    color: var(--secondary-color);
}
.collapsed-nav-list.mobile li a {
    font-size: 18px;
}
.main-navigation .btn-close{
    filter: brightness(0) invert(1);
    opacity: 1;
    padding: 0.1rem;
    background-size: 1.5rem;
    border-radius: 0;
    transition: all 0.3s ease 0s;
}
.main-navigation .btn-close:focus{
    box-shadow: none;
}
.main-navigation .close-icon{
    border-radius: 0;
    position: absolute;
    left:0;
    top: 0;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0.044rem;
    transition: 0.3s;
    display: none;
}
.navbar-toggle-btn {
    background: rgba(0,0,0,0);
    position: relative;
    top: 0.3rem;
    width: 1.6rem;
    height: 2rem;
    border: 0;
    padding: 0;
    display: none;
    min-width: auto;
}
header .navbar-toggle-btn:focus,header .navbar-toggle-btn:hover{
    background-color: rgba(0,0,0,0);
}
.navbar-toggle-btn .line {
    height: 0.2rem;
    width: 100%;
    border-radius: 0.1rem;
    background-color: var(--white-color);
    display: block;
    margin-bottom: 0.4rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.navbar-toggle-btn:hover .line:nth-of-type(2){
    -webkit-transform: translateX(-16%);
    -o-transform: translateX(-16%);
    transform: translateX(-16%);
}
header.fixed-header .navbar-toggle-btn {
    top: 0.2rem;
}
.toggle-ribbon .bars-lines {
    position: relative;
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    margin-bottom: -2rem;
    top: -3rem;
}
.toggle-ribbon .line{
    height: 0.2rem;
    width: 100%;
    border-radius: 0.1rem;
    background-color: var(--primary-color);
    display: block;
    margin-bottom: 0.4rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.toggle-ribbon .line:nth-of-type(2){
    width: 70%;
}
.toggle-ribbon.in .line:nth-of-type(1) {
    transform: rotate(45deg);
    position: relative;
    top: 0.6rem;
}
.toggle-ribbon.in .line:nth-of-type(2) {
    opacity: 0;
}
.toggle-ribbon.in .line:nth-of-type(3) {
    transform: rotate(-45deg);
    position: relative;
    top: -0.6rem;
}

/*-- Header End --*/

/*-- Main Slier --*/
.main-slider h2{
    font-size: 8.33rem;
    font-variation-settings: "wght" 900;
    letter-spacing: 0.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.main-slider h2:before{
    content: none;
    display: none;
}
.main-slider h2 span{
    display: block;
    color: var(--secondary-color)
}
.slider-description-block .description-slider{
    max-width: 45rem;
    padding: 0 4rem ;
    position: relative;
    margin: 0 auto;
}
.swiper-navigation .swiper-nav{
    width: 2.2rem;
    height: 2.2rem;
    transition: all 0.3s ease 0s;
}
.swiper-navigation.v-center .swiper-nav{
    top: 50%;
}
.swiper-navigation .swiper-nav:after{
    content: '';
    width: 2.2rem;
    height: 2.2rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    transition: all 0.3s ease 0s;
}
.swiper-navigation .swiper-nav.swiper-button-prev:after{
    background-image: url('/wp-content/themes/escc/assets/images/icons/green-arrow-icon.svg');
    transform: rotate(180deg);
}
.swiper-navigation .swiper-nav.swiper-button-next:after{
    background-image: url('/wp-content/themes/escc/assets/images/icons/green-arrow-icon.svg');
}
.swiper-navigation .swiper-nav:hover:after{
    filter: brightness(0) invert(1);
}
.swiper-navigation.white-icons .swiper-nav:after{
    filter: brightness(0) invert(1);
}
.swiper-navigation.white-icons .swiper-nav:hover:after{
    filter: none;
}
.swiper-navigation.dark-icons .swiper-nav:after{
    filter: brightness(0);
}
.swiper-navigation.dark-icons .swiper-nav:hover:after{
    filter: none;
}
.main-slider .slider-description-block .swiper-slide{
    opacity: 0 !important;
}
.main-slider .slider-description-block .swiper-slide.swiper-slide-active{
    opacity: 1 !important;
}
.main-slider .swiper-navigation .swiper-nav{
    top: 68%
}
.main-slider .slider-feature-block{
    position: relative;
    overflow: hidden;
}
.main-slider .slider-feature-block:before {
    content: '';
    position: absolute;
    bottom: -10rem;
    width: 93rem;
    height: 29.4rem;
    left: -25rem;
    background: url('/wp-content/themes/escc/assets/images/slider/images-mask.svg');
    pointer-events: none;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}
.main-slider .slider-feature-block .figure {
    min-height: 50rem;
}
.main-slider .slider-feature-block .figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
/*-- Main Slier End --*/

/*-- Icons Listing Section --*/
.icons-list {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}
.icons-list .icon-item{
    flex: 1;
    padding: 0 0.5rem;
}
.icons-list .icon-item .icon{
    width: 7.4rem;
    height: 7.4rem;
    margin: 0 auto;
    background-color: var(--tertiary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 0.18rem solid var(--secondary-color);
    box-shadow: 0 0 0 0.4rem inset var(--primary-color);
}
.white-bg .icons-list .icon-item .icon{
    box-shadow: 0 0 0 0.4rem inset var(--white-color);
}
.icons-list .icon-item .icon img{
    max-height: 3.66rem;
}
.icons-list .icon-item .item-content{
    text-align: center;
}
.icons-list .icon-item .caption{
    padding: 1rem 0;
    font-family: var(--gibson);
    font-size: 1.15rem;
}
/*-- Icons Listing Section End --*/

/*-- Events Section --*/
.event .points{
    width: 7.22rem;
    height: 7.22rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--tertiary-color);
    border: 0.18rem solid var(--secondary-color);
    box-shadow: 0 0 0 0.4rem inset var(--primary-color);
    font-size: 2.77rem;
    font-family: var(--magnosans);
    font-variation-settings: "wght" 800;
    line-height: 1;
}
.event .event-name{
    border: 0.18rem solid var(--white-color);
    border-radius: 3.5rem;
    width: calc(100% - 8.62rem);
    margin-left: 1.4rem;
    background-color: var(--midnight-color);
}
.event .event-name a{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    padding: 1.2rem 6.5rem 1.2rem 2.6rem;
    font-family: var(--magnosans);
    font-variation-settings: "wght" 800;
    font-size: 2.77rem;
    line-height: 1;
}
.event .event-name a:after{
    content: '';
    width: 2.7rem;
    height: 2.7rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url('/wp-content/themes/escc/assets/images/icons/green-arrow-icon.svg');
    position: absolute;
    right: 2.5rem;
    top: 1.25rem;
}
/*-- Events Section End --*/

/*-- Text Aside Media/Image Section --*/
.text-aside-media-section{
    position: relative;
}
.text-aside-media-section.white-variant{
    background-color: var(--white-color);
    color: var(--primary-color)
}
.text-aside-media-section:before{
    content: '';
    position: absolute;
    top: 0;
    width: 27rem;
    height: 100%;
    right: 0;
    background-color: var(--secondary-color);
    pointer-events: none;
    z-index: 0;
}
.text-aside-media-section .section-content{
    position: relative;
    z-index: 2;
}
.text-aside-media-section .media-featured-block{
    padding: 1rem 4rem 1rem 1rem;
}

.text-aside-media-section.white-variant .description-block a:not(.btn) {
    color: var(--tertiary-color);
}

.media-featured-block img{
    width: 100%;
}
.media-featured-block .figure,.media-featured-block .media{
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    margin: 0;
    padding: 29% 0;
    width: 100%;
}
.media-featured-block .figure img,.media-featured-block .media video,.media-featured-block .media iframe,.media-featured-block .media.youtube-media img.poster {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.media-featured-block .media .play-icon.hide{
    display: none;
}
.media-featured-block .play-icon{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}
.media-featured-block .play-icon img{
    width: 6.11rem;
    transition: all 0.3s ease 0s;
}
.media-featured-block .figure:hover .play-icon img{
    transform: scale(1.1);
}

/*-- Text Aside Media/Image Section End --*/

/*-- Three Slides Captioned Section --*/
.three-slides-center-slider{
    min-height: 40rem;
}
.three-slides-center-slider .content-holder{
    overflow: hidden;
}
.three-slides-center-slider .swiper-nav{
    top: 44%;
}
.three-slides-center-slider .slide-item{
    padding: 3rem 0.8rem 0;
    transform: scale(0.86);
    transition: all 0.6s ease 0s;
    opacity: 0.4
}
.three-slides-center-slider .slide-item.swiper-slide-active{
    opacity: 1;
}
.three-slides-center-slider .slide-item .caption  p{
    height: 0;
    font-size: 0;
    opacity: 0;
    margin: 0;
}
.three-slides-center-slider .figure{
    position: relative;
    padding: 75% 0;
    border-radius: 1.5rem;
    overflow: hidden;
    width: 100%;
}
.three-slides-center-slider .caption h6{
    font-family: var(--gibson);
    text-transform: capitalize;
    margin: 0;
    color: var(--white-color);
}
.three-slides-center-slider .swiper-slide-active{
    transform: scale(1);
    padding: 0 1.5rem 0;
}
.three-slides-center-slider .swiper-slide-active h6{
    margin-bottom: 1.4rem;
    color: var(--secondary-color);
}
.three-slides-center-slider .slide-item.swiper-slide-active .caption p{
    height: auto;
    font-size: inherit;
    opacity: 1;
}
.three-slides-center-slider .figure img{
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
/*-- Three Slides Captioned Section --*/

/*-- Testimonial Section --*/
.testimonial-slider .content-holder{
    overflow: hidden;
}
.testimonial-slider .slide-item .item-content{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 2rem;
}
.testimonial-slider .profile-image{
    width: 13rem;
    height: 13rem;
    border: 0.2rem solid var(--secondary-color);
    border-radius: 100%;
    overflow: hidden;
}
.testimonial-slider .profile-image img{
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 0.8rem solid var(--midnight-color);
    border-radius: 100%;
}
.white-bg .testimonial-slider .profile-image img{
    border: 0.8rem solid var(--white-color)
}
.testimonial-slider .message{
    font-size: 1.38rem;
    padding: 1rem 2rem 0 1.3rem;
}
.testimonial-slider .meta-data{
    padding: 0 1.3rem;
    font-size: 2.77rem;
    font-family: var(--magnosans);
    font-variation-settings: "wght" 600;
    text-transform: uppercase;
    padding-top: 0.9rem;
}
.testimonial-slider .meta-data span{
    padding-right: 1rem;
    padding-left: 0.7rem;
    display: inline-block;
    vertical-align: top;
    border-right: 0.2rem solid var(--secondary-color);
    line-height: 1;
}
.testimonial-slider .meta-data span:first-of-type{
    padding-left: 0;
}
.testimonial-slider .meta-data span:last-of-type{
    padding-right: 0;
    border-right: none;
}
/*-- Testimonial Section End --*/

/*-- Latet News Section --*/
.latest-news .post-item .figure a{
    width: 100%;
    padding: 45% 0;
    position: relative;
}
.latest-news .post-item .figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 1.2rem;
}
.latest-news .post-item h3{
    font-size: 2.48rem;
}
/*-- Latet News Section --*/


/*-- Primary Banner Section --*/
.primary-banner-section .feature-block .figure {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
    padding: 27% 0;
    height: 100%;
}
.primary-banner-section .feature-block  img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.primary-banner-section .title-block{
    padding: 1rem;
}
.primary-banner-section h1{
    margin: 0;
}
.primary-banner-section h1 span{
    display: block;
}
.primary-banner-section .title-block .block-content{
    padding: 1rem;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.primary-banner-section.contact-primary-section .title-block .block-content{
    max-width: 43rem;
}
.primary-banner-section.contact-primary-section .title-block .form{
    max-width: 31rem;
    width: 100%;
    margin-left: auto;
}
.primary-banner-section.contact-primary-section h2:before{
    content: none;
}
.primary-banner-section.contact-primary-section .title-block{
    position: relative;
}
.contact-primary-section .form-block:after{
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/wp-content/themes/escc/assets/images/contact-curve.svg');
    width: 100%;
    height: 21rem;
    position: absolute;
    z-index: 0;
    pointer-events: none;
    bottom: 0;
    right: 0;
}
/*-- Primary Banner Section --*/

/*--- Secondary Banner Section --*/
.secondary-banner-section h1{
    margin: 0;
}
.secondary-banner-section h1 span{
    display: block;
}
/*----  Secondary Banner Section End ----*/

/*-- Rounded Feature aside Description --*/
.feature-aside-description-section .figure{
    width: 27.55rem;
    height: 27.55rem;
    border-radius: 100%;
    border: 0.4rem solid var(--secondary-color);
    overflow: hidden;
}
.feature-aside-description-section .figure img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1rem solid var(--primary-color)
}
.white-bg.feature-aside-description-section .figure img{
    border-color: var(--white-color)
}
/*-- Rounded Feature aside Description End --*/

/*-- Footer --*/
footer.footer{
    font-family: var(--gibson);
}
.footer-logo img{
    width: 11.88rem;
}
footer.footer h6{
    letter-spacing: 0.04rem;
}
.footer-main-content ul{
    padding-left: 0;
    list-style: none;
}
footer.footer .nav-column{
    padding: 0.6rem 0.5rem;
}
footer.footer .spotlighted-list{
    font-family: var(--magnosans);
    font-size: 1.38rem;
    letter-spacing: 0.04rem;
}
.social-links a{
    display: inline-block;
    vertical-align: top;
    margin-right: 0.9rem;
}
.social-links a:last-of-type{
    margin-right: 0;
}
.social-links img{
    max-height: 1.66rem;
    transition: all 0.3s ease 0s;
}
.social-links a:hover img{
    transform: scale(1.1);
}
footer .trusted-logos img{
    max-height: 2.33rem;
    max-width: 100%;
    margin-right: 1rem;
}
footer .trusted-logos img:last-of-type{
    margin-right: 0;
}
.footer-bottom-content{
    border-top: 0.02rem solid var(--gray-color)
}
.footer-bottom-content .copyright{
    font-family: var(--opensans);
}
/*-- Footer End --*/


/*-- Collage/Tiles Section --*/
.collage-block {
    display: flex;
    flex-wrap: wrap;
}
.collage-block .feature-box {
    margin: 0.5rem 0;
    flex: 1;
}
.collage-block .col-content{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.collage-block .feature-box .figure {
    position: relative;
    border-radius: 1.2rem;
    overflow: hidden;
    padding-top: 50%;
    margin: 0;
    width: 100%;
    height: 100%;
    flex: 1;
}
.collage-block .feature-box .figure a{
    flex-grow: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.collage-block .feature-box .figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.collage-block .feature-box .figure:hover img{
    transform: scale(1.05);
}
.collage-block .title-cta-box {
    background-color: var(--primary-color);
    border-radius: 1.2rem;
    margin: 0.5rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem;
    position: relative;
    overflow: hidden;
    color: var(--white-color);
    min-height: 20.55rem;
    height: auto;
    flex-grow: 0;
    border: 0.1rem solid var(--secondary-color)
}
.white-bg .collage-block .title-cta-box{
    border: none;
}
.collage-block .title-cta-box .box-content {
    max-width: 17rem;
    margin: 0 auto;
    width: 100%;
}
.collage-block .title-cta-box.watermarked:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7.9rem;
    background: url('/wp-content/themes/escc/assets/images/title-box-watermark.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    pointer-events: none;
    transition: all 1s ease 0s;
}
.collage-block .title-cta-box.watermarked:hover:before {
    transform: scale(1.1) translateX(1rem);
}
.collage-block .title-cta-box h3, .collage-block .title-cta-box a {
    color: var(--white-color);
}
.collage-block .title-cta-box .btn {
    min-width: 11rem;
}
/*-- Collage/Tiles Section End --*/

/*-- Title Aside Description Section --*/
.title-aside-description-section{
    position: relative;
    overflow: hidden;
}
.title-aside-description-section:before{
    content: '';
    position: absolute;
    bottom: -3rem;
    left: 0;
    width: 50%;
    height: 19rem;
    background: url('/wp-content/themes/escc/assets/images/title-description-curve.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    pointer-events: none;
}
.title-aside-description-block{
    font-size: 1.18rem
}
.title-aside-description-block h2{
    padding-top: 0;
    font-size: 5rem;
}
.title-aside-description-block h2:before{
    content: none;
    display: none;
}
.white-bg .title-aside-description-block h2{
    color: var(--tertiary-color);
    letter-spacing: 0.03rem;
}
/*-- Title Aside Description Section End --*/

.container-fluid .boxes-overlay-block{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
.boxes-overlay-block .box-item{
    padding: 0 0.5rem;
    margin-top: 1rem;
    position: relative;
}
.boxes-overlay-block .box-item h3,.boxes-overlay-block .box-item h3 a{
    color: var(--white-color);
}
.boxes-overlay-block .box-item h3{
    position: relative;
    padding-top: 1.8rem;
}
.boxes-overlay-block .box-item h3:before{
    content: '';
    position: absolute;
    bottom: 100%;
    width: 3.5rem;
    height: 0.26rem;
    border-radius: 0.1rem;
    background-color: var(--secondary-color);
}
.boxes-overlay-block .box-item .btn{
    margin-top: 0.8rem;
}
.boxes-overlay-block .box-item .item-content{
    position: relative;
    overflow: hidden;
    min-height: 35rem;
    /* padding: 2rem; */
    height: 100%;
    display: flex;
    flex-direction: column;
}
.boxes-overlay-block.dotted-corner .box-item:after{
    content: '';
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 100%;
    position: absolute;
    bottom: -1.5rem;
    right: -0.85rem;
    background-color: var(--secondary-color);
}
.boxes-overlay-block.dotted-corner .box-item:nth-of-type(3n+3):after{
    content: none;
    display: none;
}
.boxes-overlay-block.dotted-corner .box-item:nth-last-of-type(-n+3)::after {
    display: none;
    content: none;
}
.boxes-overlay-block .box-item:nth-of-type(3n+1) .item-content{
    border-bottom-right-radius: 2.6rem;
}
.boxes-overlay-block .box-item:nth-of-type(3n+2) .item-content{
    border-bottom-right-radius: 2.6rem;
    border-bottom-left-radius: 2.6rem;
}
.boxes-overlay-block .box-item:nth-of-type(3n+3) .item-content{
    border-bottom-left-radius: 2.6rem;
}
.boxes-overlay-block .box-item:nth-of-type(n+4) .item-content{
    border-bottom-right-radius: 2.6rem;
    border-top-right-radius: 2.6rem;
}
.boxes-overlay-block .box-item:nth-of-type(n+5) .item-content{
    border-radius: 2.6rem;
}
.boxes-overlay-block .box-item:nth-of-type(n+6) .item-content{
    border-radius: 0;
    border-top-left-radius: 2.6rem;
    border-bottom-left-radius: 2.6rem;
}
.boxes-overlay-block .box-item .figure{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.boxes-overlay-block .box-item .figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.7s ease 0s;
}
.boxes-overlay-block .box-item .item-content:hover .figure img{
    transform: scale(1.06);
}
.boxes-overlay-block .box-item .overlay-content{
    background-color: rgba(8,20,47,0.85);
    color: var(--white-color);
    position: absolute;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 4rem 2rem;
}
.boxes-overlay-block.hidden-overlay .box-item .overlay-content{
    opacity: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}
.boxes-overlay-block.hidden-overlay .box-item:hover .overlay-content{
    opacity: 1;
    visibility: visible
}
.boxes-overlay-block .box-item .overlay-content .content{
    max-width: 22.5rem;
    margin: 0 auto;
}
.cta-section{
    background: linear-gradient(150deg, #092043 0%, #000B24 45%);
    display: flex;
    align-items: center;
    width: 100%;
    color: var(--white-color);
}
.cta-section.bottom-left-curve{
    min-height: 45rem;
}
.cta-section.white-bg{
    background: var(--white-color);
}
.cta-section.white-bg .cta-content-holder{
    background-color: var(--primary-color);
    color: var(--white-color)
}
.cta-section .section-content{
    width: 100%;
}
.cta-section .cta-content-holder{
    max-width: 79%;
    margin: 0 auto;
    border-radius: 2.6rem;
    padding: 3rem;
    background-color: rgba(255, 2555, 255, 0.06);
    width: 100%;
    backdrop-filter: blur(0.8rem);
    -webkit-backdrop-filter: blur(0.8rem);
}
.cta-section .cta-content-holder .content{
    max-width: 72%;
    margin: 0 auto;
}
.cta-section h2{
    padding-top: 0;
    color: var(--white-color)
}
.cta-section h2:before{
    content: none;
    display: none;
}
.five-slides-section  .container{
    max-width: 87rem;
    padding: 0;
}

.five-overlay-slider .content-holder,.three-overlay-slider .content-holder{
    overflow: hidden;
}
.five-overlay-slider .slide-item,.three-overlay-slider .slide-item{
    transform: scale(0.82);
    padding: 1rem 0 0;
    opacity: 0.3;
}
.five-overlay-slider .slide-item .item-content,.three-overlay-slider .slide-item .item-content{
    position: relative;
    overflow: hidden;
    border-radius: 1.2rem;
}
.five-overlay-slider .slide-item .figure,.three-overlay-slider .slide-item .figure {
    padding: 75% 0;
}
.five-overlay-slider .slide-item .figure img,.three-overlay-slider .slide-item .figure  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.five-overlay-slider .slide-item .overlay-content,.three-overlay-slider .slide-item .overlay-content {
    position: absolute;
    bottom: 0;
    background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,1) 60%, var(--black-color));
    width: 100%;
    padding: 3.5rem 2.9rem 1.5rem 2rem;
}
.five-overlay-slider .slide-item.swiper-slide-prev,.three-overlay-slider .slide-item.swiper-slide-prev{
    left: -0.85rem;
    opacity: 1;
}
.five-overlay-slider .slide-item.swiper-slide-next,.three-overlay-slider .slide-item.swiper-slide-next{
    right: -0.85rem;
    opacity: 1;
}
.five-overlay-slider .swiper-slide-active,.three-overlay-slider .swiper-slide-active{
    transform: scale(1.08);
    padding: 2rem 0.8rem;
    opacity: 1;
}
.five-overlay-slider .slide-item h4,.three-overlay-slider .slide-item h4{
    font-size: 2.2rem;
    color: var(--white-color);
    padding-top: 1rem;
    position: relative;
    letter-spacing: 0.03rem;
    margin-bottom: 0.15rem;
}
.five-overlay-slider .slide-item.swiper-slide-active h4,.three-overlay-slider .slide-item.swiper-slide-active h4{
    font-size: 1.8rem;
}
.five-overlay-slider h4 a,.three-overlay-slider h4 a{
    color: var(--white-color)
}
.five-overlay-slider .slide-item h4:before,.three-overlay-slider .slide-item h4:before{
    content: '';
    position: absolute;
    bottom: 100%;
    width: 2.2rem;
    height: 0.2rem;
    border-radius: 0.1rem;
    background-color: var(--secondary-color);
}
.five-overlay-slider .slide-item a.text-link,.three-overlay-slider .slide-item a.text-link{
    color: var(--secondary-color);
    font-size: 0.8rem
}
.five-overlay-slider .swiper-nav.swiper-button-prev{
    left: 7rem;
}
.five-overlay-slider .swiper-nav.swiper-button-next{
    right: 7rem;
}
.three-slides-section .container{
    max-width: 60rem;
}

/*- Our Mission -*/
.our-mission-section{
    font-size: 1.18rem;
}
.our-mission-section h4{
    padding-top: 1rem;
}
.our-mission-section .figure{
    padding-top: 1rem;
}
.our-mission-section p{
    margin-bottom: 1.5rem;
}
.our-mission-section .text-block ul{
    padding-left: 0;
    margin-bottom: 1rem;
}
.our-mission-section .text-block li{
    padding-left: 1rem;
    position: relative;
    list-style: none;
}
.our-mission-section .text-block li:before{
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 100%;
    background-color: var(--primary-color);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.6rem;
}
/*- Our Mission -*/

/*- Department Staff Info -*/

.departments-staff-info-listing{
    width: 100%;
    font-size: 1.17rem;
    padding-left: calc(.5 * var(--bs-gutter-x));
    padding-right: calc(.5 * var(--bs-gutter-x));
}
.departments-staff-info-listing .row-header{
    padding-bottom: 1rem;
}
.departments-staff-info-listing .row-header .data-item{
    border-bottom: 2px solid var(--primary-color);
}
.departments-staff-info-listing .row .data-item:first-of-type{
    padding-left: 0;
}
.departments-staff-info-listing .data-item{
    padding-top: 0.8rem;
    padding-bottom: 0.8rem
}
.departments-staff-info-listing  .data-row .data-item:first-of-type{
    padding-right: 5.8rem;
}
.departments-staff-info-listing .data-item a{
    color: var(--primary-color)
}
.departments-staff-info-listing .data-item a:hover{
    color: var(--secondary-color)
}
/* .faculty-directory-table.departments-info-table th:first-of-type,.faculty-directory-table.departments-info-table td:first-of-type{
    width: 48%;
    padding-right: 4.5rem;
} */
.departments-staff-info-listing h6{
    margin: 0 0 0.2rem;
    font-family: var(--gibson);
    text-transform: inherit;
    font-size: 1.17rem
}
.departments-staff-info-listing span{
    display: inline-block;
    vertical-align: top;
    line-height: 1.6;
}
.departments-staff-info-listing h6 + span{
    font-size: 1rem;
    line-height: 1.2;
}

.filters.inline-filters .input-field,.filters.inline-filters .select-field{
    flex: 1;
    max-width: 15rem;
}
.pagination ul{
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.pagination li{
    padding: 0 0.3rem;
    text-align: center;

}
.pagination li a{
    color: var(--tertiary-color);
    border-bottom: 1px solid var(--tertiary-color);
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.pagination li.active a{
    color: #888787;
    border-bottom-color: rgba(0,0,0,0);
    display: inline-block;
    vertical-align: top;
}
.pagination li.left-arrow{
    padding-right: 1rem;
}
.pagination li.right-arrow{
    padding-left: 1rem;
}
.pagination li.left-arrow a,.pagination li.right-arrow a{
    border: 0;
}
.pagination li img{
    width: 1.6rem;
    height: auto;
}
.pagination li.active > .page-link {
    background-color: var(--tertiary-color);
}
/*- Department Staff Info End -*/

/*- Generic / Tertiary Content -*/
.generic-content-section p{
    font-size: 1.18rem;
    margin-bottom: 2.5rem;
}
/*- Generic / Tertiary Content End -*/

/*Added in Deployment*/
li.mobile-only {
    display: none;
}
.reset-class{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

/*== Media Quries ==*/
@media(max-width: 1801px){
    html{
        font-size: 16.875px;
    }
}
@media(max-width: 1701px){
    html{
        font-size: 15.9469px;
    }
}
@media(max-width: 1601px){
    html{
        font-size: 15px;
    }
}
@media(max-width: 1501px){
    html{
        font-size: 14.0625px;
    }
}
@media(max-width: 1401px){
    html{
        font-size: 13.125px;
    }
}
@media(max-width: 1301px){
    html{
        font-size: 12.19px;
    }
}
@media(max-width: 1201px){
    html{
        font-size: 11.26px;
    }
}
@media(max-width: 1199px){
    .boxes-overlay-block.hidden-overlay .box-item .overlay-content{
        opacity: 1;
        visibility: visible;
    }
}
@media(max-width: 1101px){
    html{
        font-size: 9.62px;
    }
}
@media(max-width: 1025px){
    html.disabledscroll {
        overflow: hidden;
    }
}
@media(max-width: 899px){
    html{
        font-size: 8.4px;
    }
    .primary-banner-section.contact-primary-section .title-block .form{
        margin-left: 0;
    }
}
@media(max-width: 800px){
    html{
        font-size: 7.5px;
    }
}
@media(max-width: 767px){
    li.mobile-only {
        display: block;
    }
    html{
        font-size: 17px;
    }
    body{
        padding-top: 5.4rem;
    }
    input[type=text], input[type=email], input[type=tel] {
        height: 3rem;
    }
    .bordered-title.text-center h3:before{
        left: 50%;
        transform: translateX(-50%);
    }
    .generic-content-section h3{
        font-size: 3.12rem;
        clear: both;
    }
    .main-slider h2{
        font-size: 4.4rem;
    }
    .container,.container-fluid{
        padding-left: 4rem;
        padding-right: 4rem;
    }
    header .logo{
        width: 8rem;
    }
    header.fixed-header .logo{
        padding-bottom: 0.7rem;
    }
    header .logo img{
        padding-top: 1rem;
    }
    header.fixed-header .logo img{
        padding-top: 0.7rem;
    }
    header.header .mega-navigation .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    header .toggle-ribbon {
        padding-left: 4rem;
        padding-right: 0rem;
        width: 8rem;
    }
    .toggle-ribbon .bars-lines {
        top: -1.5rem;
    }
    .cta-text-link{
        flex-direction: column;
    }
    .cta-text-link a.btn{
        margin-right: 0;
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }

    /*- Mega Navigation -*/
    .mega-navigation{
        text-align: center;
    }
    .mega-navigation.open {
        top: 5.3rem;
        pointer-events: all;
        height: calc(100vh - 5.3rem);
        overflow: auto;
    }
    .mega-navigation .mega-nav-column .column-cap {
        font-size: 2.5rem;
        letter-spacing: 0.1rem;
        position: relative;
    }
    .mega-navigation .mega-nav-column .column-cap:after {
        content: '';
        width: 1.2rem;
        height: 0.8rem;
        display: inline-block;
        vertical-align: top;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('/wp-content/themes/escc/assets/images/icons/nav-arrow.svg');
        margin-left: 1rem;
        margin-top: 0.6rem;
        transform: rotate(-90deg);
        filter: brightness(0) invert(1);
    }
    .mega-nav-column.in .mega-nav-column .column-cap:after {
        transform: rotate(0);
        filter: none;
    }
    .mega-nav-column.in .mega-nav-column .column-cap{
        color: var(--secondary-color);
    }
    .mega-nav-column .content{
        display: none;
    }
    .mega-nav-column.in .content{
        display: block;
    }
    .mega-nav-column li a{
        font-size: 1.25rem;
    }
    .collapsed-nav-list ul{
        border-top: 1px solid var(--gray-color);
        padding-top: 3rem;
        padding-bottom: 1.5rem;
    }
    .collapsed-nav-list li{
        font-size: 1.1rem;
        padding: 0.5rem 0;
    }
    .collapsed-nav-list li a{
        padding: 0.3rem 1rem;
        display: inline-block;
        vertical-align: top;
    }
    .collapsed-nav-list li.button-item a {
        border: 2px solid var(--secondary-color);
        border-radius: 2rem;
        padding: 0.6rem 2em;
        min-width: 12rem;
    }


    /*- Main sldier -*/
    .main-slider .slider-description-block{
        order: 2;
    }
    .main-slider .slider-feature-block{
        order: 1;
    }
    /* .main-slider .slider-feature-block .figure {
        min-height: 33rem;
    } */
    /* .main-slider .slider-feature-block:before {
        bottom: -7rem;
        width: 54rem;
        height: 29.4rem;
        left: -1rem;
        background-image: url('/wp-content/themes/escc/assets/images/slider/images-mask-mobile.svg');
    } */
    .main-slider .slider-feature-block .figure {
        min-height: auto;
        padding: 33% 0;
    }
    .main-slider .slider-feature-block:before {
        bottom: -19%;
        width: 100%;
        height: 78%;
        left: 0;
        background-image: url('/wp-content/themes/escc/assets/images/slider/images-mask-mobile.svg');
    }
    /*- Main sldier End -*/

    /*- Rounded Image -*/
    .feature-aside-description-section .figure {
        width: 18rem;
        height: 18rem;
    }
    .feature-aside-description-section .figure img {
        border: 0.8rem solid var(--primary-color);
    }
    /*-- Rounded Image --*/

    /*-- Icons listing items --*/
    .icons-list .icon-item{
        flex: auto;
        width: 50%;
    }
    /*-- Icons listing items --*/

    /*-- Events Section --*/
    .event .event-name{
        margin-left: 0;
        margin: 2rem 0;
        width: 100%;
    }
    .event .event-name a {
        padding: 3.2rem 3.5rem 7rem;
        font-size: 2.95rem;
        text-align: center;
        letter-spacing: 0.1rem;
    }
    .event .event-name a:after {
        right: auto;
        top: auto;
        bottom: 2rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .bottom-right-curve:before {
        width: 42rem;
        height: 9rem;
        opacity: 0.8;
    }
    /*-- Events Section End --*/

    /*-- Text Aside Media --*/
    .text-aside-media-section:before {
        top: auto;
        width: 100%;
        height: 9rem;
        right: auto;
        left: 0;
        pointer-events: none;
        z-index: 0;
        bottom: 0;
    }
    .text-aside-media-section .media-featured-block{
        padding: 1rem 0 0;
    }
    /*-- Text Aside Media End --*/

    /*-- Overlay Boxes  --*/
    .boxes-overlay-block .box-item{
        padding: 0;
        margin-bottom: 0.8rem;
    }
    .boxes-overlay-block .box-item:last-of-type{
        margin-bottom: 0;
    }
    .boxes-overlay-block .box-item .item-content {
        min-height: auto;
        border-radius: 0 !important;
    }
    .boxes-overlay-block .box-item.text-center h3:before{
        left: 50%;
        transform: translateX(-50%);
    }
    .boxes-overlay-block.dotted-corner .box-item:after{
        content: none;
    }
    .container-fluid .boxes-overlay-block {
        margin-left: -4rem;
        margin-right: -4rem;
    }
    /*-- Overlay Boxes End  --*/

    /*- Collage Block/ Tiles BLock -*/
    .collage-block .feature-box{
        order: 1;
    }
    .collage-block .title-cta-box{
        order: 2;
        min-height: auto;
        margin: 1.2rem 0;
    }
    /*-- Collage Block End --*/

    /*-- Feature/Media Block--*/
    .media-featured-block .figure{
        border-radius: 1rem;
    }
    .media-featured-block .play-icon img {
        width: 2.6rem;
    }
    /*-- Feature/Media Block--*/

    /*-- Our Mission--*/
    .our-mission-section{
        font-size: 1rem;
    }
    .our-mission-section p {
        margin-bottom: 1rem;
    }
    .our-mission-section .feature-block{
        order: 1;
        margin-bottom: 2.5rem;
    }
    .our-mission-section .text-block{
        order: 2
    }
    .our-mission-section .text-block h4{
        font-size: 3.15rem;
        padding-top: 2rem;
    }
    .our-mission-section .text-block li{
        padding-left: 0;
    }
    .our-mission-section .text-block li:before {
        width: 0.3rem;
        height: 0.3rem;
        top: -0.3rem;
        margin-right: 0.7rem;
        position: relative;
    }
    /*-- Our Mission--*/


    /*-- Contact info / Directions and Card  --*/
    .contact-info-section .contact-card-block{
        order: 1
    }
    .contact-card{
        margin-right: auto;
    }
    .contact-card-block h3{
        font-size: 3.125rem;
        letter-spacing: 0.06rem;
    }
    .contact-info-section .directions-block{
        order: 2
    }
    .directions-block h4{
        font-size: 3.125rem;
        letter-spacing: 0.06rem;
    }
    .directions-block p span {
        display: inline;
    }
    /*-- Contact info / Directions and Card  --*/

    .departments-info-section .bordered-title h3{
        font-size: 4.68rem
    }

    /*-- Footer --*/
    .footer .trusted-logos.d-block{
        display: flex !important;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .footer .trusted-logos img{
        margin: 1rem 0;
    }
    footer.footer h6{
        font-size: 1.56rem;
        margin-bottom: 0;
    }
    footer.footer .social-links h6{
        margin-bottom: 0.8rem;
    }
    .footer .nav-column .content{
        display: none;
    }
    .footer .nav-column .content.spotlighted-list{
        display: block;
    }
    .footer .nav-column.in .content{
        display: block;
    }
    .footer .nav-column.in .heading h6{
        color: var(--secondary-color)
    }
    /*-- Footer --*/

    /*--Contact Banner */
    .contact-primary-section h2 span{
        display: block;
    }
    /*--Contact Banner */

    .primary-banner-section .feature-block .figure{
        padding: 29% 0
    }

    /*--CTA Section */
    .cta-section .cta-content-holder {
        max-width: 100%;
        padding: 3rem 2rem;
        font-size: 1.12rem;
    }
    .cta-section .cta-content-holder .content {
        max-width: 79%;
    }
    /*--CTA Section */

    /*--Faculty / Staff Section */
    .faculty-staff-directory-section .bordered-title h3{
        font-size: 4.68rem;
    }
    .filters.inline-filters{
        border-bottom: 1px solid var(--primary-color);
    }
    .filters.inline-filters .select-field:after{
        top: 1.7rem;
    }
    .filters.inline-filters input,.filters.inline-filters select{
        font-size: 1.31rem;
        height: 3.75rem;
    }
    .filters.inline-filters .input-field, .filters.inline-filters .select-field, .reset-field{
        flex: auto;
        width: 100%;
        max-width: 100%;
    }
    .reset-class{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .reset-class ul{
        margin-bottom: 1rem;
    }
    .departments-staff-info-listing .row-header{
        display: none;
    }
    .departments-staff-info-listing .data-item{
        padding: 0.5rem 0;
    }
    .departments-staff-info-listing .data-item.mobile-strong span{
        font-weight: 700;
    }
    .departments-staff-info-listing .data-row{
        padding: 2.8rem 0;
        border-bottom: 1px solid var(--primary-color);
    }
    .departments-staff-info-listing .data-row .data-item:first-of-type{
        padding-right: 0;
    }
    .departments-staff-info-listing h6 + span {
        font-size: 1.12rem;
    }
    .departments-staff-info-listing,.departments-staff-info-listing h6{
        font-size: 1.31rem;
    }
    .departments-staff-info-listing .data-row:last-of-type {
        border-bottom: 0;
    }
    /*-- Faculty / Staff Section End --*/


    /*-- Latest Posts Section --*/
    .latest-news .post-item h3{
        padding: 1.2rem 0;
        margin: 0;
        font-size: 2.81rem;
        letter-spacing: 0.03rem;
    }
    .latest-news .post-item .figure{
        margin-bottom: 1rem;
    }
    /*-- Latest Post End --*/

    /*-- Five Slies Section --*/
    .five-slides-section .container{
        padding: 0 3rem;
    }
    .five-overlay-slider .swiper-nav.swiper-button-next{
        right: -1rem
    }
    .five-overlay-slider .swiper-nav.swiper-button-prev{
        left: -1rem
    }
    .five-overlay-slider .item-content,.three-overlay-slider .slide-item .item-content{
        max-width: 85%;
        margin: 0 auto;
        display: block;
    }
    .five-overlay-slider .slide-item.swiper-slide-active h4, .three-overlay-slider .slide-item.swiper-slide-active h4 {
        font-size: 2.1rem;
    }
    .five-overlay-slider .slide-item a.text-link, .three-overlay-slider .slide-item a.text-link{
        font-size: 1.2rem;
    }
    /*-- Five Slies Section --*/
    .three-overlay-slider .swiper-nav.swiper-button-next{
        right: -1rem;
    }
    .three-overlay-slider .swiper-nav.swiper-button-prev{
        left: -1rem;
    }
    /*--- Three Overlay Slider ---*/
    .testimonial-slider .profile-image{
        margin-left: auto;
        margin-right: auto;
    }
    /*-- Three Overlay Slider End --*/

    /*-- Title Aside Description --*/
    .title-aside-description-section:before {
        bottom: -5rem;
        width: 100%;
    }
    /*-- Title Aside Description --*/

}
@media(max-width: 480px){
    html{
        font-size: 16px;
    }
    h2{
        font-size: 4.69rem;
    }
    .btn{
        min-width: 11rem;
        padding-top: 0.6rem;
        padding-bottom: 0.55rem;
        font-size: 1.18rem;
    }
    .btn.white-bordered {
        border: 0.15rem solid var(--white-color);
    }
    input[type=text], input[type=email], input[type=tel],.select-field select {
        height: 3.25rem;
    }
    textarea{
        height: 15.75rem
    }
    .select-field:after {
        top: 1.3rem;
    }
    .container,.container-fluid{
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .mega-navigation .bottom-content{
        padding: 1rem 0;
    }
    .mega-navigation .bottom-content .social-cap{
        margin-bottom: 0.8rem
    }
    .bottom-left-curve:before {
        width: 25rem;
        height: 10rem;
        background: url('/wp-content/themes/escc/assets/images/bottom-right-curve-mobile.svg');
        opacity: 0.8;
        left: auto;
        right: -0.2rem;
    }
    .generic-content-section p{
        font-size: 1rem;
    }
    .generic-content-section .btn{
        min-width: 13rem;
    }
    .collage-block .title-cta-box.watermarked:before {
        width: 26rem;
        height: 4.9rem;
    }

    .icons-list .icon-item{
        width: 100%;
    }
    .icons-list .icon-item .caption{
        font-size: 1rem;
    }
    .event .event-name a {
        font-size: 3.12rem;
    }
    .collage-block .title-cta-box .btn{
        width: 100%;
    }
    .container-fluid .boxes-overlay-block {
        margin-left: -3rem;
        margin-right: -3rem;
    }
    .primary-banner-section .title-block .block-content{
        padding: 1rem 0;
    }
    .testimonial-slider .profile-image{
        width: 14rem;
        height: 14rem;
        margin: 0 auto;
    }
    .testimonial-slider .message{
        padding-left: 0;
        padding-right: 0;
        font-size: 1.31rem;
    }
    .testimonial-slider .slide-item .item-content{
        padding: 0 0.5rem;
    }
    .testimonial-slider .swiper-nav{
        top: 8rem;
        transform: none;
    }
    .testimonial-slider .swiper-nav.swiper-button-prev,.three-slides-center-slider .swiper-nav.swiper-button-prev {
        left: -1rem;
    }
    .testimonial-slider .swiper-nav.swiper-button-next,.three-slides-center-slider .swiper-nav.swiper-button-next {
        right: -1rem;
    }
    .testimonial-slider .meta-data{
        line-height: 1.1;
        font-size: 3.12rem;
    }
    .testimonial-slider .meta-data span{
        padding: 0;
        border: none;
        margin: 0;
    }
    .three-slides-center-slider .swiper-nav{
        top: 35%;
    }
    .three-slides-center-slider .figure {
        max-width: 90%;
        margin: 0 auto 2rem !important;
        display: block;
        padding: 65% 0;
    }
    /*-- Title Aside Description --*/
    .title-aside-description-block {
        font-size: 1rem;
    }
    /*-- Title Aside Description --*/

}
@media(max-width: 420px){
    .collage-block .title-cta-box.watermarked:before {
        width: 22rem;
    }
}
@media(max-width: 390px){
    html{
        font-size: 15px;
    }
}
@media(max-width: 361px){
    html{
        font-size: 14px;
    }
}
@media(min-width: 767px){
    .text-md-start h2:before{
        left: 0;
        transform: none;
    }
}

/* Donate form */

.BBFormContainer input[type='text'],
.BBFormContainer input[type='tel'],
.BBFormContainer input[type='email'],
.BBFormContainer input[type='search'],
.BBFormContainer input[type='password'],
.BBFormContainer input[type='url'],
.BBFormContainer input[type='date'],
.BBFormContainer textarea {
    border: 1px solid rgb(8, 20, 47) !important;
}