/ Template CSS /
 :root {
    /*--primary: #06A3DA;
     */
     --primary: #6a1314;
     --secondary: #ee2d24;
     --tertiary: #bc955c;
     --light: #EEF9FF;
     --dark: #091E3E;
     --lightGrey: #CCCCCC;
     --primaryFade: #6a1314cc;
     --secondaryFade: #ee2d24cc;
     --tertiaryFade: #bc955ccc;
     --accepting: #7bb921;
     --waitingList: #de8603;
     --notAccepting: #801420;
     --notAvail: #979797;
     --c : rgba(255,255,255,0.7);
     --t : transparent;
     --bodyFont: #000;
     --footerClose: #130e0a;
}

html {
  scroll-padding-top: 150px;
  scroll-behavior: smooth;
}

h1 {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(24px, 2.5vw, 42px);
    color: var(--primary);
}

h2 {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(21px, 2.2vw, 31px);
    color: var(--primary);
}

h3 {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(19px, 2vw, 26px);
    color: var(--primary);
}

h4 {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(18px, 1.8vw, 23px);
    color: var(--bodyFont);
}

h5 {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(17px, 1.8vw, 20px);
    color: var(--bodyFont);
}

h6 {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:17px;
    color: var(--bodyFont);
}

p {
     font-family: museo-sans, sans-serif;
     font-style: normal;
     font-size: 17px;
     font-weight: 300;
     line-height: 1.6;
     color: var(--bodyFont);
}

body {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--bodyFont);
}
 a {
     color:var(--primary);
     font-weight:500;
}
 a:hover {
     color:var(--secondary);
}

hr {
    border: solid var(--secondary);
    border-width: 5px 0px 0;
    margin-top: 0px;
    opacity: 1;
}

.table > tr > th {
    background-color: var(--primary);
    color: #FFF;
}

.table > tr > td {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-size: 17px;
    font-weight: 300;
    line-height: 27px;
    color: var(--bodyFont);
}

.table > tbody > tr > td {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-size: 17px;
    font-weight: 300;
    line-height: 27px;
    color: var(--bodyFont);
}

.table > tbody > tr > th {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    background-color: var(--primary);
    color: #FFF;
}

.table > tbody > tr > th > p {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    background-color: var(--primary);
    color: #FFF;
}

.table > thead > tr > th {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    background-color: var(--primary);
    color: #FFF;
}

.table > thead > tr > th > p {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    background-color: var(--primary);
    color: #FFF;
}

.plBannerTextSmall h1 {
    font-size: clamp(24px, 2.5vw, 42px);
}

 .btn {
     font-family: museo-sans, sans-serif;
     font-weight: 600;
     transition: .5s;
}
 .btn-primary, .btn-secondary {
     color: #FFFFFF;
}
 .btn-primary:hover {
     background: var(--secondary);
     border-color: var(--secondary);
}
 .btn-secondary:hover {
     background: var(--primary);
     border-color: var(--primary);
}
 .btn-square {
     width: 36px;
     height: 36px;
}
 .btn-sm-square {
     width: 28px;
     height: 28px;
}
 .btn-lg-square {
     width: 46px;
     height: 46px;
}
 .btn-square, .btn-sm-square, .btn-lg-square {
     padding-left: 0;
     padding-right: 0;
     text-align: center;
}
 #spinner {
     opacity: 0;
     visibility: hidden;
     transition: opacity .5s ease-out, visibility 0s linear .5s;
     z-index: 99999;
}
 #spinner.show {
     transition: opacity .5s ease-out, visibility 0s linear 0s;
     visibility: visible;
     opacity: 1;
}
 .back-to-top {
     position: fixed;
     display: none;
     right: 45px;
     bottom: 65px;
     z-index: 998;
}
 .top-shape::before {
     position: absolute;
     content: "";
     width: 35px;
     height: 100%;
     top: 0;
     left: -17px;
     background: var(--primary);
     transform: skew(40deg);
}
 .top-shape2::before {
     position: absolute;
     content: "";
     width: 79px;
     height: 100%;
     top: 0px;
     left: -42px;
     background: var(--primary);
     transform: skew(40deg);
     z-index: -1;
}
 .top-shape-search::before {
     position: absolute;
     content: "";
     width: 79px;
     height: 100%;
     top: 0px;
     left: -451px;
     background: var(--primary);
     transform: skew(40deg);
     z-index: -1;
}
 .top-shape-secondary::before {
     position: absolute;
     content: "";
     width: 79px;
     height: 100%;
     top: 0px;
     left: -45px;
     background: var(--secondary);
     transform: skew(40deg);
     z-index: -1;
}
 .navbar-light .navbar-nav .nav-link {
     font-family: museo-sans, sans-serif;
     padding: 35px 15px;
     font-size: 18px;
     color: var(--dark);
     outline: none;
     transition: .5s;
}
 .sticky-top.navbar-light .navbar-nav .nav-link {
     padding: 20px 15px;
}
 .navLogo {
     height:96px;
     margin-top:-9px;
}
 .sticky-top .navLogo {
     height:75px;
     margin-top:-10px;
}
 .sticky-top {
     top:-2px;
}
 @media screen and (max-width: 767px) {
     .navLogo {
         height:60px;
         margin-top:-3px;
    }
     .sticky-top {
         position: relative;
    }
    
    p {
        font-family: museo-sans, sans-serif;
        font-style: normal;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.4;
        color: var(--bodyFont);
    }
    
    body {
        font-family: museo-sans, sans-serif;
        font-style: normal;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.4;
        color: var(--bodyFont);
    }
}

@media screen and (max-width: 991px) {
     .navLogo {
         height:60px;
         margin-top:-3px;
    }
     .sticky-top {
         position: relative;
    }
}

.searchApply {
    width: 100%;
    height: 88px;
    margin-right: -16px;
    z-index: 999;   
}

@media screen and (max-width: 1199px) {
     .navLogo {
         height:70px;
         margin-top:-5px;
    }
    
    .searchApply {
        width: 100%;
        height: 71px;
        margin-right: -16px;
        z-index: 999;   
    }
}

@media screen and (max-width: 320px) {
     .navLogo {
         height:65px;
         margin-top:-5px;
    }
    
    .sticky-top .navLogo {
         height:65px;
         margin-top:-10px;
    }
}

 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active {
     color: var(--primary);
}
 .mobileCaption {
     text-align: left;
}
 .mobileCaptionSub {
     max-width: 800px;
     background-color: #ffffffdb;
}
 @media (max-width: 991.98px) {
     .navbar-light .navbar-nav .nav-link, .sticky-top.navbar-light .navbar-nav .nav-link {
         padding: 10px 0;
    }
     .mobileCaption {
         text-align: left;
         position: relative;
         padding-top: 3px;
         padding-bottom: 3px;
    }
     .mobileCaptionSub {
         max-width: inherit;
         background-color: #ffffffdb;
    }
}
 .carousel-inner {
     background-color: var(--primary);
}
 #ppCarousel-inner {
     background-color: #FFF !important;
}
 .carousel-caption {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 2;
}

 .carousel-caption-full {
    /*background: rgba(9, 30, 62, .55);*/
}
 @media (max-width: 576px) {
     .carousel-caption h5 {
         font-size: 14px;
         font-weight: 500 !important;
    }
     .carousel-caption h1 {
         font-weight: 600 !important;
    }
    
    .carousel-caption {
         top: auto;
    }
}
 .carousel-control-prev, .carousel-control-next {
     width: 10%;
     margin-left:-75px;
     margin-right: -75px;
}
 .carousel-control-prev-icon, .carousel-control-next-icon {
     width: 3rem;
     height: 3rem;
}
 @media (min-width: 991.98px) {
     .banner {
         position: relative;
         margin-top: -50px;
         z-index: 1;
    }
}
 .hpBannerBox {
     max-width: 585px;
     padding-left: 2rem !important;
     padding-right: 40px !important;
}
 .hpBannerH2 {
     color: #FFF;
     font-size: 2.6em;
}
 .hpBannerSpan {
     color: #FFF;
     font-weight: 500;
     font-size: 16px;
}
 .hpBannerLink {
     text-transform: uppercase;
     font-size: 18px;
     margin-top: 15px;
}
 @media (max-width: 991.97px) {
     .banner {
         position: relative;
         margin-top: -20px;
         z-index: 1;
    }
     .hpBannerBox {
         max-width: 100%;
         padding-left: 0rem !important;
         padding-right: 40px !important;
    }
     .hpBannerH2 {
         color: #FFF;
         font-size: 1.8em;
    }
     .hpBannerLink {
         text-transform: uppercase;
         font-size: 16px;
         margin-top: 15px;
    }
}
 .section-title h5::before {
     position: absolute;
     content: "";
     width: 45px;
     height: 3px;
     right: -55px;
     bottom: 11px;
     background: var(--primary);
}
 .section-title h5::after {
     position: absolute;
     content: "";
     width: 15px;
     height: 3px;
     right: -75px;
     bottom: 11px;
     background: var(--secondary);
}
 .twentytwenty-wrapper {
     height: 100%;
}
 .hero-header {
     background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85)), url(/_files/img/carousel-1.jpg) center center no-repeat;
     background-size: cover;
}
 .bg-appointment {
     background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85)), url(/_files/img/carousel-1.jpg) center center no-repeat;
     background-size: cover;
}
 .appointment-form {
     background: rgba(6, 163, 218, .7);
}
 .service-item img, .service-item .bg-light, .service-item .bg-light h5, .team-item .team-text {
     transition: .5s;
}
 .service-item:hover img {
     transform: scale(1.15);
}
 .team-item .team-text::after, .service-item .bg-light::after {
     position: absolute;
     content: "";
     top: 50%;
     bottom: 0;
     left: 15px;
     right: 15px;
     border-radius:100px / 15px;
     box-shadow: 0 0 15px rgba(0, 0, 0, .7);
     opacity: 0;
     transition: .5s;
     z-index: -1;
}
 .team-item:hover .team-text::after, .service-item:hover .bg-light::after {
     opacity: 1;
}
 .bg-offer {
     background:url(/_files/img/carousel-1.jpg) center center no-repeat;
     background-size: cover;
}
 .offer-text {
     background: rgba(6, 163, 218, .85);
}
 .price-carousel .owl-nav {
     position: absolute;
     width: calc(100% + 45px);
     height: 45px;
     top: calc(50% - 22.5px);
     left: -22.5px;
     display: flex;
     justify-content: space-between;
     opacity: 0;
     transition: .5s;
}
 .price-carousel:hover .owl-nav {
     opacity: 1;
}
 .price-carousel .owl-nav .owl-prev, .price-carousel .owl-nav .owl-next {
     position: relative;
     width: 45px;
     height: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #FFFFFF;
     background: var(--primary);
     border-radius: 2px;
     font-size: 22px;
     transition: .5s;
}
 .price-carousel .owl-nav .owl-prev:hover, .price-carousel .owl-nav .owl-next:hover {
     background: var(--secondary);
}
 .bg-testimonial {
     background: url(/_files/img/carousel-2.jpg) center center no-repeat;
     background-size: cover;
}
 .testimonial-carousel {
     background: rgba(6, 163, 218, .85);
}
 .testimonial-carousel .owl-nav {
     position: absolute;
     width: calc(100% + 46px);
     height: 46px;
     top: calc(50% - 23px);
     left: -23px;
     display: flex;
     justify-content: space-between;
     z-index: 1;
}
 .testimonial-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next {
     position: relative;
     width: 46px;
     height: 46px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #FFFFFF;
     background: var(--primary);
     border-radius: 2px;
     font-size: 22px;
     transition: .5s;
}
 .testimonial-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover {
     background: var(--secondary);
}
 .testimonial-carousel .owl-item img {
     width: 120px;
     height: 120px;
}
/**** Breadcrumb ****/
 .bcca-breadcrumb {
     margin: 0 auto;
}
/*** breadcrumb container ***/
 .bcca-breadcrumb {
     display: flex;
     flex-direction: row-reverse;
     flex-shrink: 0;
     width: fit-content;
     position: relative;
     float: left;
}
/*** breadcrumb items ***/
 .bcca-breadcrumb-item {
     transition: all 0.2s ease-in-out;
     height: 40px;
     background: white;
     line-height: 40px;
     padding-left: 30px;
     padding-right: 10px;
     font-size: 13px;
     font-weight: 600;
     color: rgba(74, 74, 74);
     position: relative;
     cursor: pointer;
     float: left;
}
 .bcca-breadcrumb-item > a {
     text-decoration: none;
}

 .bcca-breadcrumb > a {
     font-weight:300;
     font-size:16px;
}
 .bcca-breadcrumb-item:after {
     transition: all ease-in-out 0.2s;
     content: "";
     position: absolute;
     left: calc(100% - 11px);
     top: 6px;
     z-index: 1;
     width: 0;
     height: 0;
     border: 14px solid #ffffff;
     border-left-color: transparent;
     border-bottom-color: transparent;
     box-shadow: 0px 0px 0 0px #d9d9d9, 5px -5px 10px -4px #d9d9d9;
     transform: rotate(45deg);
     margin-left: -4px;
}
 .bcca-breadcrumb-item:last-child {
     padding-left: 10px;
}
 .bcca-breadcrumb-item:first-child {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
     background-color: var(--primary);
     color: #FFF;
}
 .bcca-breadcrumb-item:first-child > a {
     color: #FFF;
     text-decoration: none;
}
 .bcca-breadcrumb-item:first-child:after {
     content: "";
     display: none;
}
 .bcca-breadcrumb-item i {
     margin-left: 5px;
     color: rgba(0, 0, 0, 0.2);
}
/*** hover breadcrumbs ***/
 .bcca-breadcrumb-item:hover {
     background-color: #f9f9f9;
}
 .bcca-breadcrumb-item:hover:after {
     border: 14px solid #f9f9f9;
     border-left-color: transparent;
     border-bottom-color: transparent;
}
 .bcca-breadcrumb-item:first-child:hover {
     background-color: var(--secondary);
}
 @media screen and (max-width: 767px) {
     .bcca-breadcrumb {
         display:none;
    }
}
/ TABS */
 .pcss3t {
     margin: 0;
     padding: 0;
     border: 0;
     outline: none;
     font-size: 0;
     text-align: left;
     width: 100%;
     display: flex;
     flex-wrap: wrap;
}
 .pcss3t > input {
     position: absolute;
     left: -9999px;
}
 .pcss3t > label {
     position: relative;
     display: inline-block;
     margin: 0;
     padding: 0;
     border: 0;
     outline: none;
     cursor: pointer;
     transition: all 0.1s;
     -o-transition: all 0.1s;
     -ms-transition: all 0.1s;
     -moz-transition: all 0.1s;
     -webkit-transition: all 0.1s;
}
 .pcss3t > label i {
     display: block;
     float: left;
     margin: 16px 8px 0 -2px;
     padding: 0;
     border: 0;
     outline: none;
     font-family: FontAwesome;
     font-style: normal;
     font-size: 17px;
}
 .pcss3t > input:checked + label {
     cursor: default;
}
 .pcss3t > ul {
     list-style: none;
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0;
     border: 0;
     outline: none;
     font-size: 13px;
}
 .pcss3t > ul > li {
     position: absolute;
     width: 100%;
     overflow: auto;
     padding: 30px 30px 20px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     opacity: 0;
     transition: all 0.5s;
     -o-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     font-family: var(--bs-body-font-family);
     font-size: var(--bs-body-font-size);
     font-weight: var(--bs-body-font-weight);
     line-height: var(--bs-body-line-height);
     color: var(--bs-body-color);
}
 .pcss3t > .tab-content-1:checked ~ ul .tab-content-1, .pcss3t > .tab-content-2:checked ~ ul .tab-content-2, .pcss3t > .tab-content-3:checked ~ ul .tab-content-3, .pcss3t > .tab-content-4:checked ~ ul .tab-content-4, .pcss3t > .tab-content-5:checked ~ ul .tab-content-5, .pcss3t > .tab-content-6:checked ~ ul .tab-content-6, .pcss3t > .tab-content-7:checked ~ ul .tab-content-7, .pcss3t > .tab-content-8:checked ~ ul .tab-content-8, .pcss3t > .tab-content-9:checked ~ ul .tab-content-9, .pcss3t > .tab-content-10:checked ~ ul .tab-content-10, .pcss3t > .tab-content-11:checked ~ ul .tab-content-11, .pcss3t > .tab-content-12:checked ~ ul .tab-content-12, .pcss3t > .tab-content-13:checked ~ ul .tab-content-13, .pcss3t > .tab-content-14:checked ~ ul .tab-content-14, .pcss3t > .tab-content-15:checked ~ ul .tab-content-15, .pcss3t > .tab-content-16:checked ~ ul .tab-content-16, .pcss3t > .tab-content-17:checked ~ ul .tab-content-17, .pcss3t > .tab-content-18:checked ~ ul .tab-content-18, .pcss3t > .tab-content-19:checked ~ ul .tab-content-19, .pcss3t > .tab-content-20:checked ~ ul .tab-content-20, .pcss3t > .tab-content-21:checked ~ ul .tab-content-21, .pcss3t > .tab-content-22:checked ~ ul .tab-content-22, .pcss3t > .tab-content-23:checked ~ ul .tab-content-23, .pcss3t > .tab-content-24:checked ~ ul .tab-content-24, .pcss3t > .tab-content-25:checked ~ ul .tab-content-25, .pcss3t > .tab-content-31:checked ~ ul .tab-content-31, .pcss3t > .tab-content-32:checked ~ ul .tab-content-32, .pcss3t > .tab-content-33:checked ~ ul .tab-content-33, .pcss3t > .tab-content-AdminReq:checked ~ ul .tab-content-AdminReq, .pcss3t > .tab-content-DegreePath:checked ~ ul .tab-content-DegreePath, .pcss3t > .tab-content-ProgramCourse:checked ~ ul .tab-content-ProgramCourse, .pcss3t > .tab-content-last:checked ~ ul .tab-content-last {
     z-index: 1;
     top: 0;
     left: 0;
     opacity: 1;
     -webkit-transform: scale(1,1);
     -webkit-transform: rotate(0deg);
}
/*----------------------------------------------------------------------------*/
/* EXTENSIONS */
/*----------------------------------------------------------------------------*/
/**/
/* auto height */
/**/
 .pcss3t-height-auto > ul {
     height: auto !important;
}
 .pcss3t-height-auto > ul > li {
     position: static;
     display: none;
     height: auto !important;
}
 .pcss3t-height-auto > .tab-content-1:checked ~ ul .tab-content-1, .pcss3t-height-auto > .tab-content-2:checked ~ ul .tab-content-2, .pcss3t-height-auto > .tab-content-3:checked ~ ul .tab-content-3, .pcss3t-height-auto > .tab-content-4:checked ~ ul .tab-content-4, .pcss3t-height-auto > .tab-content-5:checked ~ ul .tab-content-5, .pcss3t-height-auto > .tab-content-6:checked ~ ul .tab-content-6, .pcss3t-height-auto > .tab-content-7:checked ~ ul .tab-content-7, .pcss3t-height-auto > .tab-content-8:checked ~ ul .tab-content-8, .pcss3t-height-auto > .tab-content-9:checked ~ ul .tab-content-9, .pcss3t-height-auto > .tab-content-10:checked ~ ul .tab-content-10, .pcss3t-height-auto > .tab-content-11:checked ~ ul .tab-content-11, .pcss3t-height-auto > .tab-content-12:checked ~ ul .tab-content-12, .pcss3t-height-auto > .tab-content-13:checked ~ ul .tab-content-13, .pcss3t-height-auto > .tab-content-14:checked ~ ul .tab-content-14, .pcss3t-height-auto > .tab-content-15:checked ~ ul .tab-content-15, .pcss3t-height-auto > .tab-content-16:checked ~ ul .tab-content-16, .pcss3t-height-auto > .tab-content-17:checked ~ ul .tab-content-17, .pcss3t-height-auto > .tab-content-18:checked ~ ul .tab-content-18, .pcss3t-height-auto > .tab-content-19:checked ~ ul .tab-content-19, .pcss3t-height-auto > .tab-content-20:checked ~ ul .tab-content-20, .pcss3t-height-auto > .tab-content-21:checked ~ ul .tab-content-21, .pcss3t-height-auto > .tab-content-22:checked ~ ul .tab-content-22, .pcss3t-height-auto > .tab-content-23:checked ~ ul .tab-content-23, .pcss3t-height-auto > .tab-content-24:checked ~ ul .tab-content-24, .pcss3t-height-auto > .tab-content-25:checked ~ ul .tab-content-25, .pcss3t-height-auto > .tab-content-26:checked ~ ul .tab-content-26, .pcss3t-height-auto > .tab-content-27:checked ~ ul .tab-content-27, .pcss3t-height-auto > .tab-content-28:checked ~ ul .tab-content-28, .pcss3t-height-auto > .tab-content-29:checked ~ ul .tab-content-29, .pcss3t-height-auto > .tab-content-30:checked ~ ul .tab-content-30, .pcss3t-height-auto > .tab-content-31:checked ~ ul .tab-content-31, .pcss3t-height-auto > .tab-content-32:checked ~ ul .tab-content-32, .pcss3t-height-auto > .tab-content-AdminReq:checked ~ ul .tab-content-AdminReq, .pcss3t-height-auto > .tab-content-DegreePath:checked ~ ul .tab-content-DegreePath, .pcss3t-height-auto > .tab-content-ProgramCourse:checked ~ ul .tab-content-ProgramCourse, .pcss3t-height-auto > .tab-content-last:checked ~ ul .tab-content-last {
     display: block;
}
/**/
/* grid */
/**/
 .pcss3t .grid-row {
     margin-top: 20px;
}
 .pcss3t .grid-row:after {
     content: '';
     display: table;
     clear: both;
}
 .pcss3t .grid-row:first-child {
     margin-top: 0;
}
 .pcss3t .grid-col {
     display: block;
     float: left;
     margin-left: 2%;
}
 .pcss3t .grid-col:first-child {
     margin-left: 0;
}
 .pcss3t .grid-col .inner {
     padding: 10px 0;
     border-radius: 5px;
     background: #f2f2f2;
     text-align: center;
}
 .pcss3t .grid-col-1 {
     width: 15%;
}
 .pcss3t .grid-col-2 {
     width: 32%;
}
 .pcss3t .grid-col-3 {
     width: 49%;
}
 .pcss3t .grid-col-4 {
     width: 66%;
}
 .pcss3t .grid-col-5 {
     width: 83%;
}
 .pcss3t .grid-col-offset-1 {
     margin-left: 19%;
}
 .pcss3t .grid-col-offset-1:first-child {
     margin-left: 17%;
}
 .pcss3t .grid-col-offset-2 {
     margin-left: 36%;
}
 .pcss3t .grid-col-offset-2:first-child {
     margin-left: 34%;
}
 .pcss3t .grid-col-offset-3 {
     margin-left: 53%;
}
 .pcss3t .grid-col-offset-3:first-child {
     margin-left: 51%;
}
 .pcss3t .grid-col-offset-4 {
     margin-left: 70%;
}
 .pcss3t .grid-col-offset-4:first-child {
     margin-left: 68%;
}
 .pcss3t .grid-col-offset-5:first-child {
     margin-left: 85%;
}
/**/
/* typography */
/**/
 .pcss3t .typography {
     color: #666;
}
 .pcss3t .typography h1, .pcss3t .typography h2, .pcss3t .typography h3, .pcss3t .typography h4, .pcss3t .typography h5, .pcss3t .typography h6 {
     margin: 40px 0 0 0;
     padding: 0;
     font-family: var(--bs-body-font-family);
     text-align: left;
     color: #333;
     text-transform: uppercase;
}
 .pcss3t .typography h1 {
     font-size: 40px;
     line-height: 60px;
     text-shadow: 3px 3px rgba(0,0,0,0.1);
}
 .pcss3t .typography h2 {
     font-size: 32px;
     line-height: 48px;
     text-shadow: 2px 2px rgba(0,0,0,0.1);
}
 .pcss3t .typography h3 {
     font-size: 26px;
     line-height: 38px;
     text-shadow: 1px 1px rgba(0,0,0,0.1);
}
 .pcss3t .typography h4 {
     font-size: 20px;
     line-height: 30px;
}
 .pcss3t .typography h5 {
     font-size: 15px;
     line-height: 23px;
     text-transform: uppercase;
}
 .pcss3t .typography h6 {
     font-size: 13px;
     line-height: 20px;
     font-weight: 700;
     text-transform: uppercase;
}
 .pcss3t .typography p {
     margin: 20px 0 0 0;
     padding: 0;
     line-height: 20px;
     text-align: left;
}
 .pcss3t .typography ul, .pcss3t .typography ol {
     list-style: none;
     margin: 20px 0 0 0;
     padding: 0;
}
 .pcss3t .typography li {
     position: relative;
     margin-top: 5px;
     padding-left: 20px;
}
 .pcss3t .typography li ul, .pcss3t .typography li ol {
     margin-top: 5px;
}
 .pcss3t .typography ul li:before {
     content: '';
     position: absolute;
     top: 8px;
     left: 0;
     width: 6px;
     height: 4px;
     background: #404040;
}
 .pcss3t .typography ol {
     counter-reset: list1;
}
 .pcss3t .typography ol > li:before {
     counter-increment:list1;
     content: counter(list1)'.';
     position: absolute;
     top: 0;
     left: 0;
}
 .pcss3t .typography a {
     text-decoration: underline;
     color: var(--primary);
}
 .pcss3t .typography a:hover {
     text-decoration: none;
     color: var(--secondary);
}
 .pcss3t .typography .pic {
     padding: 4px;
     border: 1px dotted #ccc;
}
 .pcss3t .typography .pic img {
     display: block;
}
 .pcss3t .typography .pic-right {
     float: right;
     margin: 0 0 10px 20px;
}
 .pcss3t .typography .link {
     text-decoration: underline;
     color: #1889e6;
     cursor: pointer;
}
 .pcss3t .typography .link:hover {
     text-decoration: none;
}
 .pcss3t .typography h1:first-child, .pcss3t .typography h2:first-child, .pcss3t .typography h3:first-child, .pcss3t .typography h4:first-child, .pcss3t .typography h5:first-child, .pcss3t .typography h6:first-child, .pcss3t .typography p:first-child {
     margin-top: 0;
}
 .pcss3t .typography .text-center {
     text-align: center;
}
 .pcss3t .typography .text-right {
     text-align: right;
}
/**/
/* steps */
/**/
 .pcss3t-steps > label {
     cursor: default;
}
/**/
/* animation effects */
/**/
 .pcss3t-effect-scale > ul > li {
     -webkit-transform: scale(0.1,0.1);
}
 .pcss3t-effect-rotate > ul > li {
     -webkit-transform: rotate(180deg);
}
 .pcss3t-effect-slide-top > ul > li {
     top: -40px;
}
 .pcss3t-effect-slide-right > ul > li {
     left: 80px;
}
 .pcss3t-effect-slide-bottom > ul > li {
     top: 40px;
}
 .pcss3t-effect-slide-left > ul > li {
     left: -80px;
}
/*----------------------------------------------------------------------------*/
/* LAYOUTS */
/*----------------------------------------------------------------------------*/
/**/
/* top right */
/**/
 .pcss3t-layout-top-right {
     text-align: right;
}
/**/
/* top center */
/**/
 .pcss3t-layout-top-center {
     text-align: center;
}
/**/
/* top combi */
/**/
 .pcss3t > .right {
     float: right;
}
/*----------------------------------------------------------------------------*/
/* ICONS */
/*----------------------------------------------------------------------------*/
/**/
/* icons positions */
/**/
 .pcss3t-icons-top > label {
     text-align: center;
}
 .pcss3t-icons-top > label i {
     float: none;
     margin: 0 auto -10px;
     padding-top: 17px;
     font-size: 23px;
     line-height: 23px;
     text-align: center;
}
 .pcss3t-icons-right > label i {
     float: right;
     margin: 0 -2px 0 8px;
}
 .pcss3t-icons-bottom > label {
     text-align: center;
}
 .pcss3t-icons-bottom > label i {
     float: none;
     margin: -10px auto 0;
     padding-bottom: 17px;
     font-size: 23px;
     line-height: 23px;
     text-align: center;
}
 .pcss3t-icons-only > label i {
     float: none;
     margin: 0 auto;
     font-size: 23px;
}
/**/
/* font awesome */
/**/
 @font-face {
     font-family: 'FontAwesome';
     src: url('/_files/fonts/fontawesome-webfont.eot?v=3.0.1');
     src: url('/_files/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('/_files/fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('/_files/fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
     font-weight: normal;
     font-style: normal;
}
 .icon-glass:before {
     content: '\f000';
}
 .icon-music:before {
     content: '\f001';
}
 .icon-search:before {
     content: '\f002';
}
 .icon-envelope:before {
     content: '\f003';
}
 .icon-heart:before {
     content: '\f004';
}
 .icon-star:before {
     content: '\f005';
}
 .icon-star-empty:before {
     content: '\f006';
}
 .icon-user:before {
     content: '\f007';
}
 .icon-film:before {
     content: '\f008';
}
 .icon-th-large:before {
     content: '\f009';
}
 .icon-th:before {
     content: '\f00a';
}
 .icon-th-list:before {
     content: '\f00b';
}
 .icon-ok:before {
     content: '\f00c';
}
 .icon-remove:before {
     content: '\f00d';
}
 .icon-zoom-in:before {
     content: '\f00e';
}
 .icon-zoom-out:before {
     content: '\f010';
}
 .icon-off:before {
     content: '\f011';
}
 .icon-signal:before {
     content: '\f012';
}
 .icon-cog:before {
     content: '\f013';
}
 .icon-trash:before {
     content: '\f014';
}
 .icon-home:before {
     content: '\f015';
}
 .icon-file:before {
     content: '\f016';
}
 .icon-time:before {
     content: '\f017';
}
 .icon-road:before {
     content: '\f018';
}
 .icon-download-alt:before {
     content: '\f019';
}
 .icon-download:before {
     content: '\f01a';
}
 .icon-upload:before {
     content: '\f01b';
}
 .icon-inbox:before {
     content: '\f01c';
}
 .icon-play-circle:before {
     content: '\f01d';
}
 .icon-repeat:before {
     content: '\f01e';
}
 .icon-refresh:before {
     content: '\f021';
}
 .icon-list-alt:before {
     content: '\f022';
}
 .icon-lock:before {
     content: '\f023';
}
 .icon-flag:before {
     content: '\f024';
}
 .icon-headphones:before {
     content: '\f025';
}
 .icon-volume-off:before {
     content: '\f026';
}
 .icon-volume-down:before {
     content: '\f027';
}
 .icon-volume-up:before {
     content: '\f028';
}
 .icon-qrcode:before {
     content: '\f029';
}
 .icon-barcode:before {
     content: '\f02a';
}
 .icon-tag:before {
     content: '\f02b';
}
 .icon-tags:before {
     content: '\f02c';
}
 .icon-book:before {
     content: '\f02d';
}
 .icon-bookmark:before {
     content: '\f02e';
}
 .icon-print:before {
     content: '\f02f';
}
 .icon-camera:before {
     content: '\f030';
}
 .icon-font:before {
     content: '\f031';
}
 .icon-bold:before {
     content: '\f032';
}
 .icon-italic:before {
     content: '\f033';
}
 .icon-text-height:before {
     content: '\f034';
}
 .icon-text-width:before {
     content: '\f035';
}
 .icon-align-left:before {
     content: '\f036';
}
 .icon-align-center:before {
     content: '\f037';
}
 .icon-align-right:before {
     content: '\f038';
}
 .icon-align-justify:before {
     content: '\f039';
}
 .icon-list:before {
     content: '\f03a';
}
 .icon-indent-left:before {
     content: '\f03b';
}
 .icon-indent-right:before {
     content: '\f03c';
}
 .icon-facetime-video:before {
     content: '\f03d';
}
 .icon-picture:before {
     content: '\f03e';
}
 .icon-pencil:before {
     content: '\f040';
}
 .icon-map-marker:before {
     content: '\f041';
}
 .icon-adjust:before {
     content: '\f042';
}
 .icon-tint:before {
     content: '\f043';
}
 .icon-edit:before {
     content: '\f044';
}
 .icon-share:before {
     content: '\f045';
}
 .icon-check:before {
     content: '\f046';
}
 .icon-move:before {
     content: '\f047';
}
 .icon-step-backward:before {
     content: '\f048';
}
 .icon-fast-backward:before {
     content: '\f049';
}
 .icon-backward:before {
     content: '\f04a';
     position: relative;
     left: -2px;
}
 .icon-play:before {
     content: '\f04b';
     position: relative;
     left: 1px;
}
 .icon-pause:before {
     content: '\f04c';
}
 .icon-stop:before {
     content: '\f04d';
}
 .icon-forward:before {
     content: '\f04e';
     position: relative;
     left: 2px;
}
 .icon-fast-forward:before {
     content: '\f050';
}
 .icon-step-forward:before {
     content: '\f051';
}
 .icon-eject:before {
     content: '\f052';
}
 .icon-chevron-left:before {
     content: '\f053';
}
 .icon-chevron-right:before {
     content: '\f054';
}
 .icon-plus-sign:before {
     content: '\f055';
}
 .icon-minus-sign:before {
     content: '\f056';
}
 .icon-remove-sign:before {
     content: '\f057';
}
 .icon-ok-sign:before {
     content: '\f058';
}
 .icon-question-sign:before {
     content: '\f059';
}
 .icon-info-sign:before {
     content: '\f05a';
}
 .icon-screenshot:before {
     content: '\f05b';
}
 .icon-remove-circle:before {
     content: '\f05c';
}
 .icon-ok-circle:before {
     content: '\f05d';
}
 .icon-ban-circle:before {
     content: '\f05e';
}
 .icon-arrow-left:before {
     content: '\f060';
}
 .icon-arrow-right:before {
     content: '\f061';
}
 .icon-arrow-up:before {
     content: '\f062';
}
 .icon-arrow-down:before {
     content: '\f063';
}
 .icon-share-alt:before {
     content: '\f064';
}
 .icon-resize-full:before {
     content: '\f065';
}
 .icon-resize-small:before {
     content: '\f066';
}
 .icon-plus:before {
     content: '\f067';
}
 .icon-minus:before {
     content: '\f068';
}
 .icon-asterisk:before {
     content: '\f069';
}
 .icon-exclamation-sign:before {
     content: '\f06a';
}
 .icon-gift:before {
     content: '\f06b';
}
 .icon-leaf:before {
     content: '\f06c';
}
 .icon-fire:before {
     content: '\f06d';
}
 .icon-eye-open:before {
     content: '\f06e';
}
 .icon-eye-close:before {
     content: '\f070';
}
 .icon-warning-sign:before {
     content: '\f071';
}
 .icon-plane:before {
     content: '\f072';
}
 .icon-calendar:before {
     content: '\f073';
}
 .icon-random:before {
     content: '\f074';
}
 .icon-comment:before {
     content: '\f075';
}
 .icon-magnet:before {
     content: '\f076';
}
 .icon-chevron-up:before {
     content: '\f077';
}
 .icon-chevron-down:before {
     content: '\f078';
}
 .icon-retweet:before {
     content: '\f079';
}
 .icon-shopping-cart:before {
     content: '\f07a';
}
 .icon-folder-close:before {
     content: '\f07b';
}
 .icon-folder-open:before {
     content: '\f07c';
}
 .icon-resize-vertical:before {
     content: '\f07d';
}
 .icon-resize-horizontal:before {
     content: '\f07e';
}
 .icon-bar-chart:before {
     content: '\f080';
}
 .icon-twitter-sign:before {
     content: '\f081';
}
 .icon-facebook-sign:before {
     content: '\f082';
}
 .icon-camera-retro:before {
     content: '\f083';
}
 .icon-key:before {
     content: '\f084';
}
 .icon-cogs:before {
     content: '\f085';
}
 .icon-comments:before {
     content: '\f086';
}
 .icon-thumbs-up:before {
     content: '\f087';
}
 .icon-thumbs-down:before {
     content: '\f088';
}
 .icon-star-half:before {
     content: '\f089';
}
 .icon-heart-empty:before {
     content: '\f08a';
}
 .icon-signout:before {
     content: '\f08b';
}
 .icon-linkedin-sign:before {
     content: '\f08c';
}
 .icon-pushpin:before {
     content: '\f08d';
}
 .icon-external-link:before {
     content: '\f08e';
}
 .icon-signin:before {
     content: '\f090';
}
 .icon-trophy:before {
     content: '\f091';
}
 .icon-github-sign:before {
     content: '\f092';
}
 .icon-upload-alt:before {
     content: '\f093';
}
 .icon-lemon:before {
     content: '\f094';
}
 .icon-phone:before {
     content: '\f095';
}
 .icon-check-empty:before {
     content: '\f096';
}
 .icon-bookmark-empty:before {
     content: '\f097';
}
 .icon-phone-sign:before {
     content: '\f098';
}
 .icon-twitter:before {
     content: '\f099';
}
 .icon-facebook:before {
     content: '\f09a';
}
 .icon-github:before {
     content: '\f09b';
}
 .icon-unlock:before {
     content: '\f09c';
}
 .icon-credit-card:before {
     content: '\f09d';
}
 .icon-rss:before {
     content: '\f09e';
}
 .icon-hdd:before {
     content: '\f0a0';
}
 .icon-bullhorn:before {
     content: '\f0a1';
}
 .icon-bell:before {
     content: '\f0a2';
}
 .icon-certificate:before {
     content: '\f0a3';
}
 .icon-hand-right:before {
     content: '\f0a4';
}
 .icon-hand-left:before {
     content: '\f0a5';
}
 .icon-hand-up:before {
     content: '\f0a6';
}
 .icon-hand-down:before {
     content: '\f0a7';
}
 .icon-circle-arrow-left:before {
     content: '\f0a8';
}
 .icon-circle-arrow-right:before {
     content: '\f0a9';
}
 .icon-circle-arrow-up:before {
     content: '\f0aa';
}
 .icon-circle-arrow-down:before {
     content: '\f0ab';
}
 .icon-globe:before {
     content: '\f0ac';
}
 .icon-wrench:before {
     content: '\f0ad';
}
 .icon-tasks:before {
     content: '\f0ae';
}
 .icon-filter:before {
     content: '\f0b0';
}
 .icon-briefcase:before {
     content: '\f0b1';
}
 .icon-fullscreen:before {
     content: '\f0b2';
}
 .icon-group:before {
     content: '\f0c0';
}
 .icon-link:before {
     content: '\f0c1';
}
 .icon-cloud:before {
     content: '\f0c2';
}
 .icon-beaker:before {
     content: '\f0c3';
}
 .icon-cut:before {
     content: '\f0c4';
}
 .icon-copy:before {
     content: '\f0c5';
}
 .icon-paper-clip:before {
     content: '\f0c6';
}
 .icon-save:before {
     content: '\f0c7';
}
 .icon-sign-blank:before {
     content: '\f0c8';
}
 .icon-reorder:before {
     content: '\f0c9';
}
 .icon-list-ul:before {
     content: '\f0ca';
}
 .icon-list-ol:before {
     content: '\f0cb';
}
 .icon-strikethrough:before {
     content: '\f0cc';
}
 .icon-underline:before {
     content: '\f0cd';
}
 .icon-table:before {
     content: '\f0ce';
}
 .icon-magic:before {
     content: '\f0d0';
}
 .icon-truck:before {
     content: '\f0d1';
}
 .icon-pinterest:before {
     content: '\f0d2';
}
 .icon-pinterest-sign:before {
     content: '\f0d3';
}
 .icon-google-plus-sign:before {
     content: '\f0d4';
}
 .icon-google-plus:before {
     content: '\f0d5';
}
 .icon-money:before {
     content: '\f0d6';
}
 .icon-caret-down:before {
     content: '\f0d7';
}
 .icon-caret-up:before {
     content: '\f0d8';
}
 .icon-caret-left:before {
     content: '\f0d9';
}
 .icon-caret-right:before {
     content: '\f0da';
}
 .icon-columns:before {
     content: '\f0db';
}
 .icon-sort:before {
     content: '\f0dc';
}
 .icon-sort-down:before {
     content: '\f0dd';
}
 .icon-sort-up:before {
     content: '\f0de';
}
 .icon-envelope-alt:before {
     content: '\f0e0';
}
 .icon-linkedin:before {
     content: '\f0e1';
}
 .icon-undo:before {
     content: '\f0e2';
}
 .icon-legal:before {
     content: '\f0e3';
}
 .icon-dashboard:before {
     content: '\f0e4';
}
 .icon-comment-alt:before {
     content: '\f0e5';
}
 .icon-comments-alt:before {
     content: '\f0e6';
}
 .icon-bolt:before {
     content: '\f0e7';
}
 .icon-sitemap:before {
     content: '\f0e8';
}
 .icon-umbrella:before {
     content: '\f0e9';
}
 .icon-paste:before {
     content: '\f0ea';
}
 .icon-lightbulb:before {
     content: '\f0eb';
}
 .icon-exchange:before {
     content: '\f0ec';
}
 .icon-cloud-download:before {
     content: '\f0ed';
}
 .icon-cloud-upload:before {
     content: '\f0ee';
}
 .icon-user-md:before {
     content: '\f0f0';
}
 .icon-stethoscope:before {
     content: '\f0f1';
}
 .icon-suitcase:before {
     content: '\f0f2';
}
 .icon-bell-alt:before {
     content: '\f0f3';
}
 .icon-coffee:before {
     content: '\f0f4';
}
 .icon-food:before {
     content: '\f0f5';
}
 .icon-file-alt:before {
     content: '\f0f6';
}
 .icon-building:before {
     content: '\f0f7';
}
 .icon-hospital:before {
     content: '\f0f8';
}
 .icon-ambulance:before {
     content: '\f0f9';
}
 .icon-medkit:before {
     content: '\f0fa';
}
 .icon-fighter-jet:before {
     content: '\f0fb';
}
 .icon-beer:before {
     content: '\f0fc';
}
 .icon-h-sign:before {
     content: '\f0fd';
}
 .icon-plus-sign-alt:before {
     content: '\f0fe';
}
 .icon-double-angle-left:before {
     content: '\f100';
}
 .icon-double-angle-right:before {
     content: '\f101';
}
 .icon-double-angle-up:before {
     content: '\f102';
}
 .icon-double-angle-down:before {
     content: '\f103';
}
 .icon-angle-left:before {
     content: '\f104';
}
 .icon-angle-right:before {
     content: '\f105';
}
 .icon-angle-up:before {
     content: '\f106';
}
 .icon-angle-down:before {
     content: '\f107';
}
 .icon-desktop:before {
     content: '\f108';
}
 .icon-laptop:before {
     content: '\f109';
}
 .icon-tablet:before {
     content: '\f10a';
}
 .icon-mobile-phone:before {
     content: '\f10b';
}
 .icon-circle-blank:before {
     content: '\f10c';
}
 .icon-quote-left:before {
     content: '\f10d';
}
 .icon-quote-right:before {
     content: '\f10e';
}
 .icon-spinner:before {
     content: '\f110';
}
 .icon-circle:before {
     content: '\f111';
}
 .icon-reply:before {
     content: '\f112';
}
 .icon-github-alt:before {
     content: '\f113';
}
 .icon-folder-close-alt:before {
     content: '\f114';
}
 .icon-folder-open-alt:before {
     content: '\f115';
}
/*----------------------------------------------------------------------------*/
/* RESPONSIVENESS */
/*----------------------------------------------------------------------------*/
/**/
/* pad */
/**/
 @media screen and (max-width: 980px) {
     .pcss3t > ul > li {
         padding: 20px 15px 10px;
    }
}
/**/
/* phone */
/**/
 @media screen and (max-width: 767px) {
     .pcss3t > label {
         display: block;
    }
     .pcss3t > .right {
         float: none;
    }
}
/*----------------------------------------------------------------------------*/
/* THEMES */
/*----------------------------------------------------------------------------*/
/**/
/* default */
/**/
 .pcss3t > label {
     padding: 10px 20px;
     font-size: 14px;
     line-height: 20px;
     text-align: center;
}
 .pcss3t > label:hover {
     background: #f2f2f2;
}
 .pcss3t > input:checked + label {
     background: #fff;
}
 .pcss3t > ul {
     background: #fff;
     text-align: left;
}
 .pcss3t-steps > label:hover {
     background: #e5e5e5;
}
/**/
/* theme 1 */
/**/
 .pcss3t-theme-1 > label {
     flex: 1;
     text-align: center;
     box-sizing: border-box;
     color: #808080;
}
 .pcss3t-theme-1 > label:hover {
     background: #fff;
     opacity: 1;
}
 .pcss3t-theme-1 > input:checked + label {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: #FFF;
    opacity: 1;
    background-color: var(--primary);
}
 .pcss3t-theme-1 > ul {
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
    border-top: 4px solid var(--secondary);
    width: 100%;
}
 .pcss3t-theme-1 > .tab-content-first:checked ~ ul {
     border-top-left-radius: 0;
}
 @media screen and (max-width: 767px) {
     .pcss3t-theme-1 > label {
         margin-right: 0;
    }
     .pcss3t-theme-1 > input:checked + label {
         margin-bottom: 5px;
         padding-bottom: 0;
         border-radius: 5px;
    }
     .pcss3t-theme-1 > .tab-content-first:checked ~ ul {
         border-top-left-radius: 5px;
    }
}
/**/
/* theme 2 */
/**/
 .pcss3t-theme-2 {
     padding: 5px;
     background: rgba(0,0,0,0.2);
}
 .pcss3t-theme-2 > label {
     margin-right: 0;
     margin-bottom: 0;
     background: none;
     border-radius: 0;
     text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
     color: #fff;
     opacity: 1;
}
 .pcss3t-theme-2 > label:hover {
     background: rgba(255,255,255,0.2);
}
 .pcss3t-theme-2 > input:checked + label {
     padding-bottom: 0;
     background: #fff;
     background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
     background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
     background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
     background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
     background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
     text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
     color: #822bd9;
}
 .pcss3t-theme-2 > ul {
     margin: 0 -5px -5px;
     border-radius: 0;
     box-shadow: none;
}
 @media screen and (max-width: 767px) {
     .pcss3t-theme-2 > ul {
         margin-top: 5px;
    }
}
/**/
/* theme 3 */
/**/
 .pcss3t-theme-3 {
     background: rgba(0,0,0,0.8);
}
 .pcss3t-theme-3 > label {
     background: none;
     border-right: 1px dotted rgba(255,255,255,0.5);
     text-align: center;
     color: #fff;
     opacity: 0.6;
}
 .pcss3t-theme-3 > label:hover {
     background: none;
     color: #d9d92b;
     opacity: 0.8;
}
 .pcss3t-theme-3 > input:checked + label {
     background: #d9d92b;
     color: #000;
     opacity: 1;
}
 .pcss3t-theme-3 > ul {
     border-top: 4px solid #d9d92b;
     border-bottom: 4px solid #d9d92b;
     border-radius: 0;
     box-shadow: none;
}
/**/
/* theme 4 */
/**/
 .pcss3t-theme-4 > label {
     margin: 0 10px 10px 0;
     border-radius: 5px;
     background: #78c5fd;
     background: linear-gradient(to bottom, #78c5fd 0%, #2c8fdd 100%);
     background: -o-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
     background: -ms-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
     background: -moz-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
     background: -webkit-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78c5fd', endColorstr='#2c8fdd', GradientType=0);
     box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px rgba(0,0,0,0.5);
     line-height: 39px;
     text-shadow: 0 1px rgba(0,0,0,0.5);
     color: #fff;
}
 .pcss3t-theme-4 > label:hover {
     background: #90cffc;
     background: linear-gradient(to bottom, #90cffc 0%, #439bde 100%);
     background: -o-linear-gradient(top, #90cffc 0%, #439bde 100%);
     background: -ms-linear-gradient(top, #90cffc 0%, #439bde 100%);
     background: -moz-linear-gradient(top, #90cffc 0%, #439bde 100%);
     background: -webkit-linear-gradient(top, #90cffc 0%, #439bde 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90cffc', endColorstr='#439bde', GradientType=0);
}
 .pcss3t-theme-4 > input:checked + label {
     top: 1px;
     background: #5f9dc9;
     background: linear-gradient(to bottom, #5f9dc9 0%, #2270ab 100%);
     background: -o-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
     background: -ms-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
     background: -moz-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
     background: -webkit-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f9dc9', endColorstr='#2270ab', GradientType=0);
     box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), 0 1px rgba(255,255,255,0.5);
     text-shadow: none;
}
 .pcss3t-theme-4 > ul {
     border-radius: 5px;
     box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
 @media screen and (max-width: 767px) {
     .pcss3t-theme-4 > label {
         margin-right: 0;
    }
}
/**/
/* theme 5 */
/**/
 .pcss3t-theme-5 {
     padding: 15px;
     border-radius: 5px;
     background: #ad6395;
     background: linear-gradient(to right, #ad6395 0%, #a163ad 100%);
     background: -o-linear-gradient(left, #ad6395 0%, #a163ad 100%);
     background: -ms-linear-gradient(left, #ad6395 0%, #a163ad 100%);
     background: -moz-linear-gradient(left, #ad6395 0%, #a163ad 100%);
     background: -webkit-linear-gradient(left, #ad6395 0%, #a163ad 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f9dc9', endColorstr='#a163ad', GradientType=1);
}
 .pcss3t-theme-5 > label {
     margin-right: 10px;
     margin-bottom: 15px;
     background: none;
     border-radius: 5px;
     text-align: center;
     color: #fff;
     opacity: 1;
}
 .pcss3t-theme-5 > label:hover {
     background: rgba(255,255,255,0.15);
}
 .pcss3t-theme-5 > input:checked + label {
     background: rgba(255,255,255,0.3);
     color: #000;
}
 .pcss3t-theme-5 > input:checked + label:after {
     content: '';
     position: absolute;
     top: 100%;
     left: 50%;
     margin-top: 10px;
     margin-left: -6px;
     border-right: 6px solid transparent;
     border-bottom: 6px solid #fff;
     border-left: 6px solid transparent;
}
 .pcss3t-theme-5 > ul {
     margin: 0 -15px -15px;
     border-radius: 0 0 5px 5px;
     box-shadow: none;
}
 @media screen and (max-width: 767px) {
     .pcss3t-theme-5 > input:checked + label:after {
         display: none;
    }
}
/*----------------------------------------------------------------------------*/
/* CUSTOMIZATION */
/*----------------------------------------------------------------------------*/
/**/
/* height */
/**/
 .pcss3t > ul, .pcss3t > ul > li {
     height: 400px;
}
 .tab-label-date {
     font-size: 17px;
     font-weight: 600;
     font-family: var(--bs-body-font-family);
}
 .tab-label-location {
     font-size: 13px;
     font-weight: 400;
     font-family: var(--bs-body-font-family);
}
/ TEST ****/
 label {
     cursor: pointer;
     user-select: none;
     text-decoration: none;
     display: inline-block;
     color: inherit;
     transition: border 0.2s;
     border-bottom: 5px solid rgba(#8e44ad, 0.2);
    /*padding: 3px 2px;
     */
     &:hover{
         border-bottom-color: #9b59b6;
    }
}
 .layout{
     display: grid;
     height: 100%;
     width: 100%;
     overflow: hidden;
     grid-template-rows: 50px 1fr;
     grid-template-columns: 1fr 1fr 1fr 1fr;
}
 input[type="radio"]{
     display: none;
}
 label.nav{
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     border-bottom: 4px solid var(--primary);
     background: #ecf0f1;
     user-select: none;
     transition: background 0.4s, padding-left 0.2s;
     padding-left: 0;
     input[type="radio"]:checked + .page + &{
         background: var(--primary);
         color: #ffffff;
         padding-left: 20px;
         font-size: 18px;
         font-weight: bold;
         span{
             padding-left: 20px 
        }
         svg{
             opacity: 1;
        }
    }
     span{
         padding-left: 0px;
         position: relative;
    }
     svg{
         left: 0;
         top: -3px;
         position: absolute;
         width: 15px;
         opacity: 0;
         transition: opacity 0.2s;
    }
}
 .page{
     grid-column-start: 1;
     grid-row-start: 2;
     grid-column-end: span 3;
     padding: 0px 20px;
    /*display: flex;
     */
}
 .page-contents > *{
     opacity: 0;
     transform: translateY(20px);
     transition: opacity 0.2s, transform 0.2s;
     @for $c from 1 through 20{
         &:nth-child(#{
             $c 
        }
         ){
             transition-delay: 0.2s + ($c * 0.2s);
        }
    }
}
 input[type="radio"] + .page{
     transition: transform 0.2s;
     transform: translateX(100%);
}
 input[type="radio"]:checked + .page{
     transform: translateX(12%);
     .page-contents > *{
         opacity: 1;
         transform: translateY(0px);
    }
}
 .page-contents{
     max-width: 100%;
    /*margin: 0 auto;
     */
}
 .YTcontainer {
     position: relative;
     overflow: hidden;
     width: 100%;
     padding-top: 56.25%;
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
/* Then style the iframe to fit in the container div with full height and width */
 .responsive-iframe {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
}
 .quotebox::before {
     content: '';
     display: block;
     width: 101.6%;
     height: 1rem;
     position: relative;
     top: -10px;
     left: -10px;
     background: linear-gradient(90deg, rgba(var(--primary)) 19%, rgba(var(--primaryFade)) 19%);
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
}
/* Tile Cards */
 .cards {
    /*display: grid;
     */
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 2rem;
     margin: 0rem 0vw;
     padding: 0;
     list-style-type: none;
}
 .card {
     position: relative;
     display: block;
     height: 100%;
     border-radius: calc(40 * 1px);
     overflow: hidden;
     text-decoration: none;
     padding: 0px;
}
 .card__image {
     width: 100%;
     height: auto;
}
 .card__overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 1;
     border-radius: calc(40 * 1px);
     background-color:#FFF;
     transform: translateY(100%);
     transition: .2s ease-in-out;
}
 .card:hover .card__overlay {
     transform: translateY(0);
}
 .card__header {
     position: relative;
     display: flex;
     align-items: center;
     gap: 2em;
     padding: 2em;
     border-radius: calc(40 * 1px) 0 0 0;
     background-color: #FFF;
     transform: translateY(-100%);
     transition: .2s ease-in-out;
}
 .card__arc {
     width: 80px;
     height: 80px;
     position: absolute;
     bottom: 100%;
     right: 0;
     z-index: 1;
}
 .card__arc path {
     fill: #FFF;
     d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");
}
 .card:hover .card__header {
     transform: translateY(0);
}
 .card__thumb {
     flex-shrink: 0;
     width: 50px;
     height: 50px;
     border-radius: 50%;
}
 .card__title {
     font-size: 1em;
     margin: 0 0 .3em;
     color: #6A515E;
}
 .card__tagline {
     display: block;
     margin: 1em 0;
     font-family: "MockFlowFont";
     font-size: .8em;
     color: #D7BDCA;
}
 .card__status {
     font-size: .8em;
     color: #D7BDCA;
}
 .card__description {
     padding: 0 2em 2em;
     margin: 0;
     color: #D7BDCA;
     font-family: "Arial";
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
}
 .centeredImgText {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
 .single-blog-post {
     position: relative;
     z-index: 1;
     overflow: hidden;
     -webkit-transition-duration: 500ms;
     transition-duration: 500ms;
}
 .single-blog-post.style-2 .blog-thumbnail {
     margin-bottom: 20px;
}
 .single-blog-post.style-2 .blog-thumbnail img {
     width: 100%;
}
 .single-blog-post.style-2 .blog-content {
     position: relative;
     z-index: 1;
}
 .single-blog-post.style-2 .blog-content .post-date {
     font-size: 12px;
     color: #636363;
     margin-bottom: 10px;
}
 .single-blog-post.style-2 .blog-content .post-title {
     display: block;
     font-weight: 600;
     font-size: 15px;
     margin-bottom: 10px;
     color: #232323;
}
 .single-blog-post.style-2 .blog-content .post-author {
     display: block;
     font-size: 12px;
     color: #636363;
     font-weight: 500;
     -webkit-transition-duration: 500ms;
     transition-duration: 500ms;
}
 .imgWTextNew {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
     padding-left: 20px;
     padding-right: 20px;
     z-index: 500;
     color:#FFF;
     background-color: rgba(0, 0, 0, 0.6);
     border-radius: var(--bs-border-radius) !important;
}

.imgWTextNew p {
    color:#FFF !important;
}

 .statTextNew {
     top: 0;
     left: 0;
     width: 100%;
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom:10px;
     z-index: 500;
     border-radius: var(--bs-border-radius) !important;
}
 figure {
     /*display: table;
     float:left;
     margin-right:20px;*/
}
 figcaption {
     /*display: table-caption;*/
     caption-side: bottom;
     font-size:12px;
     background-color: #EEF9FF;
     padding: 10px;
}
 .news-section-title::after{
     content: "";
     display: inline-block;
     height: 3px;
     background-color: var(--primary);
     position: absolute;
     left: 193px;
     right: 14px;
     top: 39px;
     z-index: 10;
     opacity: .25;
}
 .newsletter-widget {
     position: relative;
     padding: 0 30px 30px;
     border-left: 2px dashed #e8eaed;
     border-right: 2px dashed #e8eaed;
}
 .newsletter-widget p {
     min-height: 68px;
     max-height: 159px;
     position: relative;
}
 .newsletter-widget span {
     display: block;
     margin-bottom: 5px;
}
 .newsletter-widget:after {
     content: "\f0e0";
     font-family: "Font Awesome 5 Free";
     position: absolute;
     bottom: -25px;
     right: 59px;
     font-size: 11rem;
     color: #e8eaed;
     -webkit-transform: rotate(13deg);
     -ms-transform: rotate(13deg);
     transform: rotate(13deg);
     z-index: -1;
     font-weight: 900;
}
 .news-widget-title::after{
     content: "";
     display: inline-block;
     height: 3px;
     background-color: var(--primary);
     position: absolute;
     left: 168px;
     right: 14px;
     top: 16px;
     z-index: 10;
     opacity: .25;
}
 .social-widget ul {
     overflow: auto;
     list-style: none;
     padding: 0;
}
 .social-widget ul li {
     float: left;
     width: 33.33%;
}
 .social-widget .social-facebook {
     background: #225b99 !important;
}
 .social-widget .social-linkedin {
     background: #0077B5 !important;
}
 .social-widget .social-twitter {
     background: #000 !important;
}
 .social-widget .social-instagram {
     background: #bc1888;
     background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
}
 .social-widget .social-pinterest-p {
     background: #cc2127 !important;
}
 .social-widget .social-rss {
     background: #f26522 !important;
}
 .social-widget ul li a {
     display: block;
     text-align: center;
     padding: 30px 15px;
     color: #fff;
     -webkit-transition: .2s opacity;
     transition: .2s opacity;
}
 .social-widget ul li a span {
     font-weight: 700;
     font-size: 1.4rem;
}
 .sr-only {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
}
 .year-widget ul {
     overflow: auto;
     list-style: none;
     padding: 0;
}
 .year-widget ul li {
     float: left;
     width: 25%;
}
 .year-widget ul li a {
     display: block;
     text-align: center;
     color: #000;
     -webkit-transition: .2s opacity;
     transition: .2s opacity;
}
 .year-widget ul li a span {
     font-size: 1.1rem;
     font-weight: 700;
}
 .catagory-widget-title::after{
     content: "";
     display: inline-block;
     height: 3px;
     background-color: var(--primary);
     position: absolute;
     left: 50%;
     right: 14px;
     top: 16px;
     z-index: 10;
     opacity: .25;
}
 .archive-widget-title::after{
     content: "";
     display: inline-block;
     height: 3px;
     background-color: var(--primary);
     position: absolute;
     left: 47%;
     right: 14px;
     top: 16px;
     z-index: 10;
     opacity: .25;
}
 .pagination {
     justify-content: center;
}
 #pagination {
     text-align:center;
}
 .pagination {
     margin-top:10px;
}
 .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
     color: #686868;
}
 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
     background-color:#43739c;
     border-color:#43739c;
     color:#fff;
}
 .pagination>li>a, .pagination>li>span {
     position: relative;
     float: left;
     padding: 6px 12px;
     margin-left: -1px;
     line-height: 1.42857143;
     color: color:#43739c;
     text-decoration: none;
     background-color: #fff;
     border: 1px solid #ddd;
}
/* ================================== */
 .sidebar {
     position: relative;
     top: 0;
     right: 0;
     padding-top: 0px;
     display: flex;
     flex-direction: column;
     gap: 10px;
     transition: transform 0.3s ease-in-out;
     margin-top:30px;
}
 .sidebar a {
     text-decoration: none;
     padding: 10px;
     border-radius: 5px;
     text-align: center;
}
 .sidebar a:hover {
     background-color: #FFF;
     color:var(--primary);
}
/*.submenu {
     display: none;
     flex-direction: column;
     margin-left: 20px;
}
 */
 .sidebar .has-submenu:hover .submenu {
     display: flex;
}
 .bottom-nav {
     display: none;
     position: sticky;
     bottom: 0;
     width: 100%;
     background-color: var(--tertiary);
     color: white;
     padding: 11px 25px 11px 11px;
     flex-direction: column;
     align-items: flex-end;
     z-index:999;
}
 .bottom-nav .nav-links {
     display: none;
     flex-direction: column;
     width: 100%;
     align-items: center;
}
 .bottom-nav .nav-links a {
     color: white;
     text-decoration: none;
     padding: 10px;
     text-align: left;
     width: 100%;
}
 .bottom-nav .nav-links .has-submenu {
     position: relative;
     width: 90%;
}
 .bottom-nav .nav-links .submenu {
     display: none;
     flex-direction: column;
     background-color: #444;
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
}
 .bottom-nav .nav-links .has-submenu:hover .submenu {
     display: flex;
}
 .bottom-nav .nav-links a:hover {
     background-color: #555;
     border-radius: 5px;
}
 .subhamburger {
     display: none;
     font-size: 24px;
     cursor: pointer;
     color: white;
}
 @media (max-width: 768px) {
     .sidebar {
         transform: translateX(-100%);
    }
     .content {
         margin-left: 0;
    }
     .bottom-nav {
         display: flex;
    }
     .subhamburger {
         display: block;
    }
     .nav-links.show {
         display: flex;
    }
}
 .bg-primary {
     background-color: var(--primary) !important;
}

 .bg-secondary {
     background-color: var(--secondary) !important;
}

 .text-primary {
     color: var(--primary) !important;
}

.text-secondary {
     color: var(--secondary) !important;
}

.text-tertiary {
     color: var(--tertiary) !important;
}

.text-white {
     color: FFFFFF !important;
}

 .btn-primary {
     --bs-btn-color: #fff;
     --bs-btn-bg: var(--primary);
     --bs-btn-border-color: var(--primary);
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: var(--primary);
     --bs-btn-hover-border-color: var(--primary);
     --bs-btn-focus-shadow-rgb: 49, 132, 253;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: var(--primary);
     --bs-btn-active-border-color: var(--primary);
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: var(--primary);
     --bs-btn-disabled-border-color: var(--primary);
}
 .sideÄÚÉä´óÄÌLayout {
    /*background-color: var(--primary);
     */
     padding-left: 0;
     padding-right: 0;
}
 @media (max-width: 991.98px) {
     .sideÄÚÉä´óÄÌLayout {
         display:none;
    }
}
/* Accordian */
 .accordion-item {
     color: var(--bs-accordion-color);
     background-color: var(--bs-accordion-bg);
     border: 0 solid var(--bs-accordion-border-color);
}
 .accordion {
     .accordion-item {
         border-left: 4px solid var(--primary);
         border-radius: 0;
         padding-left: 14px;
         padding-right: 14px;
         box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
         margin-bottom: 20px;
         button[aria-expanded='true'] {
             border-bottom: 1px solid var(--primary);
        }
    }
     .accordion-item:last-of-type {
         border-bottom-right-radius: 0;
         border-bottom-left-radius: 0;
    }
     button {
         position: relative;
         display: block;
         text-align: left;
         width: 100%;
         padding: 1em 0;
         color: var(--tertiary) !important;
         font-size: 1.15rem;
         font-weight: 400;
         border: none;
         background: none;
         outline: none;
         &:hover, &:focus {
             cursor: pointer;
             color: var(--primary);
             &::after {
                 cursor: pointer;
                 color: var(--primary);
                 border: 1px solid var(--primary);
            }
        }
         .accordion-title {
             padding: 1em 1.5em 1em 35px;
             font-weight: 700;
             color: var(--primary);
        }
         .icon {
             display: inline-block;
             position: absolute;
             top: 18px;
             left: 0;
             &::before {
                 display: block;
                 position: absolute;
                 content: '';
                 top: 13px;
                 left: 5px;
                 width: 16px;
                 height: 3px;
                 background: currentColor;
            }
             &::after {
                 display: block;
                 position: absolute;
                 content: '';
                 top: 7px;
                 left: 11px;
                 width: 3px;
                 height: 16px;
                 background: currentColor;
            }
        }
    }
     button[aria-expanded='true'] {
         color: var(--primary);
         .icon {
             &::after {
                 width: 0;
            }
        }
         + .accordion-content {
             opacity: 1;
             max-height: 100%;
             transition: all 200ms linear;
             will-change: opacity, max-height;
        }
    }
     .accordion-content {
         opacity: 0;
         max-height: 0;
         overflow: hidden;
         transition: opacity 200ms linear, max-height 200ms linear;
         will-change: opacity, max-height;
         p {
             font-size: 1rem;
             font-weight: 300;
             margin: 2em 0;
        }
    }
}
 .acceptingStat {
     color: var(--accepting) !important;
     font-size: 15px;
}
 .waitingList {
     color: var(--waitingList) !important;
     font-size: 15px;
}
 .notAccepting {
     color: var(--notAccepting) !important;
     font-size: 15px;
}
 .notAvail {
     color: var(--notAvail) !important;
     font-size: 15px;
}
 .OverviewVideo > iframe {
     float: right;
     margin-left: 25px;
     margin-bottom: 20px;
     border-bottom: 5px solid var(--primary);
     border-right: 5px solid var(--primary);
}
 .westSide {
     padding-bottom: 15px;
}
 .section-title::after {
     content: "";
     width: 35px;
     height: 2px;
     background: var(--primary);
     position: absolute;
     margin-left: 10px;
     margin-top: 9px;
}
 .section-title2::after {
     position: absolute;
     content: "";
     width: 35px;
     height: 2px;
     top: 11.5%;
     right: 63.5%;
     margin-top: -1px;
     background: var(--primary);
}
 .section-title-events::after {
     position: absolute;
     content: "";
     width: 45px;
     height: 2px;
     top: 13.5%;
     right: 78.5%;
     margin-top: -1px;
     background: var(--primary);
}
 .section-title-updates::after {
     position: absolute;
     content: "";
     width: 45px;
     height: 2px;
     top: 45%;
     right: 41.5%;
     margin-top: -1px;
     background: var(--primary);
}
 .something {
     margin: 0 auto;
     overflow: hidden;
     position: relative;
}
 .something img {
     width:100%;
}
 .arrow-right {
     background-color: var(--secondary);
     height: 140px;
     right: -190px;
     position: absolute;
     bottom: -50px;
     width: 360px;
     -webkit-transform: rotate(-45deg);
}
/*.arrow-right {
     width: 0;
     height: 0;
     border-bottom: 80px solid transparent;
     border-left: 80px solid #444;
     margin-left: 0;
     position: absolute;
     top: 0;
}
 */
/*.arrow-right::after {
     background-color: transparent;
     box-shadow: 0 6px 6px 1px black;
     content: "";
     display: block;
     height: 0px;
     left: -102px;
     position: absolute;
     top: 39px;
     width: 115px;
     -webkit-transform: rotate(-45deg);
}
 */
 .arrow-right span {
     color: #f5f5f5;
     font-family: sans-serif;
     font-size: 1.005em;
     right: 28px;
     bottom: 78px;
     position: absolute;
     width: 80px;
}
 .date {
     color:#FFF;
     bottom:28px;
     position:absolute;
     right:14px;
     font-size:17px;
     text-align:center;
     font-family: Arial, Helvetica, sans-serif;
     font-weight:600;
}
 .num {
     color:#FFF;
     bottom:0px;
     position:absolute;
     right:14px;
     font-size:25px;
     text-align:center;
     font-family: Arial, Helvetica, sans-serif;
     font-weight:600;
}
 .boxSections {
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.7875525210084033) 9%, rgba(0, 0, 0, 0.7399334733893557) 21%, rgba(0, 0, 0, 0.5550595238095238) 34%, rgba(0, 0, 0, 0.3477766106442577) 40%);
     position: relative;
}
 .boxSectionTitles {
     position: absolute;
     color: #FFF;
     top: 60%;
     text-transform: uppercase;
     font-size: 22px;
     font-weight: 500;
     -webkit-transition-property: all;
     -webkit-transition-duration: 1s;
}
 @media screen and (max-width: 991px) {
     .boxSectionTitles {
         top: auto;
         margin-top: 17%;
    }
}
 .boxSections:hover {
     background-color: var(--secondaryFade);
     -webkit-transition: background-color 400ms linear;
     -ms-transition: background-color 400ms linear;
     transition: background-color 400ms linear;
}
 .boxSections:hover .boxSectionTitles {
     position: absolute;
     top: 40%;
     font-size: 30px;
}
 .twelve h1 {
     font-size:26px;
     font-weight:700;
     letter-spacing:1px;
     text-transform:uppercase;
     width:160px;
     white-space:nowrap;
     padding-bottom:13px;
}
 .twelve h1:before {
     background-color: var(--primary);
     content: '';
     display: block;
     height: 3px;
     width: 75px;
     margin-bottom: 5px;
}
 .Triangles {
     background: linear-gradient(135deg, #D9D9D980 50%, transparent 0), linear-gradient(-135deg, #D9D9D980 50%, transparent 0);
     background-color: rgba(0, 0, 0, 0);
     background-size: auto, auto;
     background-size: 8em 8em;
     background-color: #b0b0b0;
     opacity: 1;
}
 .Crosshatch {
     background-image: repeating-linear-gradient(45deg, var(--t) 0, var(--t) 32px, var(--c) 32px, var(--c) 44px, var(--t) 44px, var(--t) 56px, var(--c) 56px, var(--c) 68px, var(--t) 0), repeating-linear-gradient(-45deg, var(--t) 0, var(--t) 32px, var(--c) 32px, var(--c) 44px, var(--t) 44px, var(--t) 56px, var(--c) 56px, var(--c) 68px, var(--t) 0), linear-gradient(to bottom left, #FC354C, #0ABFBC);
}

 .solidBGPrime {
     background-color:var(--primary);
}

 .solidBGSecond {
     background-color:var(--secondary);
}
 .videoWrapper {
     position: relative;
     padding-bottom: 48.25%;
    /* 16:9 */
     padding-top: 25px;
     height: 0;
}
 .videoWrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .form-check-input:checked {
     background-color: var(--primary);
     border-color: var(--primary);
}
/* TEAM MEMBERS CARD */
 .teamCard {
     width: 100%;
     height: auto;
     perspective: 1000px;
     margin: 0px auto 25px auto;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     cursor: default;
}
 .teamCard-content {
     position: relative;
     width: 100%;
     height: 100%;
     transform-style: preserve-3d;
     transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
     border-radius: 24px;
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.07);
     background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
     overflow: hidden;
}
 .teamCard:hover .teamCard-content {
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(0, 0, 0, 0.1);
}
 .teamCard-image {
     position: relative;
     height: 220px;
     overflow: hidden;
     border-radius: 24px 24px 0 0;
}
 .teamCard-image-container {
     position: relative;
     width: 100%;
     height: 100%;
     overflow: hidden;
}
 .teamCard-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .teamCard-glow {
     position: absolute;
     width: 200%;
     height: 200%;
     background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.25), transparent 50%);
     pointer-events: none;
     top: -50%;
     left: -50%;
     opacity: 0;
     transition: opacity 0.6s ease;
}
 .teamCard-info {
     padding: 25px;
     position: relative;
}
 .teamCard-name {
     margin: 0 0 6px;
     font-size: 24px;
     font-weight: 700;
     color: var(--primary);
     letter-spacing: -0.5px;
}
 .teamCard-title {
     margin: 0 0 15px;
     font-size: 14px;
     color: var(--tertiary);
     font-weight: 600;
     letter-spacing: 0.5px;
     text-transform: uppercase;
}
 .teamCard-bio {
     margin: 0 0 20px;
     font-size: 15px;
     line-height: 1.5;
     color: #555;
}
 .teamCard-stats {
     display: flex;
     justify-content: space-between;
     margin-bottom: 25px;
}
 .stat {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 0 10px;
}
 .stat-value {
     font-size: 18px;
     font-weight: 700;
     color: #1a1a2e;
     margin-bottom: 4px;
}
 .stat-label {
     font-size: 12px;
     color: #777;
}
 .teamCard-actions {
     display: flex;
     gap: 12px;
}
 .action-button {
     flex: 1;
     border: none;
     border-radius: 12px;
     padding: 12px;
     font-weight: 600;
     font-size: 14px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
}
 .action-button svg {
     transition: transform 0.3s ease;
}
 .action-button.primary {
     background-color: var(--primary);
     color: white;
}
 .action-button.secondary {
     background: var(--secondary);
     color: var(--tertiary);
}
 .action-button::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
     transition: all 0.6s ease;
}
 .action-button:hover {
     background: var(--secondary);
}
 .action-button:active {
     transform: translateY(-1px);
}
 .action-button:hover::before {
     left: 100%;
}
 .action-button:hover svg {
     transform: scale(1.1);
}
 @media (max-width: 400px) {
     .teamCard {
         width: 300px;
         height: auto;
    }
     .teamCard-image {
         height: 180px;
    }
     .teamCard-info {
         padding: 20px;
    }
     .teamCard-name {
         font-size: 20px;
    }
     .teamCard-bio {
         font-size: 14px;
    }
     .stat-value {
         font-size: 16px;
    }
     .action-button {
         padding: 10px;
         font-size: 13px;
    }
    
    .boxSectionTitles {
         font-size:19px;
    }
}
 .programBannerOverlay {
     background-color: var(--primary);
}
 .overlyBox {
     width: 100%;
     display: inline-block;
}
 .stencil-overlay {
     mask: url(/images/icon2.png) center/cover no-repeat, linear-gradient(#000 0 0);
    /* we need this extra layer for mask-composite */
     mask-composite: exclude;
     mask-position: left -33% bottom 53%;
     mask-size: 61%;
}
 .form-check-input{
     display: block !important;
}
 .programTitleOverlay {
     position: absolute;
     width: 20%;
     height: 50px;
     background: var(--primary);
     border: 2px solid var(--primary);
     color: #FFF;
     padding-left: 14px;
     padding-top: 2px;
     font-size: 26px;
     text-transform: uppercase;
     margin-top: -70px;
     font-weight: 600;
}
 .programTitleOverlay:before {
     content: "";
     position: absolute;
     height: 36px;
     width: 34px;
     transform-origin: 0% 0%;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     transform: rotate(45deg);
     right: -37px;
     top: -2px;
     background: var(--primary);
     border-top: 2px solid var(--primary);
     border-right: 2px solid var(--primary);
}
/* ================= SEARCH BAR =================== */
 .searchBtn {
     display: inline-block;
     background-color: var(--primary);
     line-height: 24px;
     text-align: center;
     color: white;
     text-decoration: none;
     cursor: pointer;
     -moz-user-select: none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .searchbar-container {
     position: relative;
     display: inline-flex;
     margin: 0px 0px;
     height: 24px;
     width: 75px;
     vertical-align: bottom;
}
 .mglass {
     display: inline-block;
     pointer-events: none;
     font-size:26px;
     margin-top: -10px;
}

.mglassMobile {
    display: inline-block;
    pointer-events: none;
    font-size: 22px;
    margin-top: -7px;
    position: relative;
    top: 2px;
}
 .searchbutton {
     position: absolute;
     font-size: 26px;
     width: 100%;
     margin-left: -24px;
     padding: 0;
}
 .search:focus + .searchbutton {
     transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
     -webkit-transition-duration: 0.4s;
     -o-transition-duration: 0.4s;
     background-color: white;
     color: black;
}
 .search {
     position: absolute;
     left: 49px;
    /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */
     background-color: white;
     outline: none;
     border: none;
     padding: 0;
     width: 0;
     height: 100%;
     z-index: 10;
     transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
     -webkit-transition-duration: 0.4s;
     -o-transition-duration: 0.4s;
}
 .search:focus {
     width: 500px;
    /* Bar width+1px */
     padding: 0 16px 0 0;
     outline: 35px solid var(--primary);
}

 .searchDiv {
     left:0;
}
 .searchDiv:focus-within::before {
     position: absolute;
     content: "";
     width: 90px;
     height: 357%;
     top: -32px;
     left: -473px;
     background: var(--primary);
     transform: skew(40deg);
     z-index: -1;
     transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
     -webkit-transition-duration: 0.4s;
     -o-transition-duration: 0.4s;
}
 .expandright {
     left: auto;
     right: 24px;
    /* Button width-1px */
}
 .expandright:focus {
     padding: 0 0 3px 16px;
}

.statBlock {
    padding-bottom: 70px;
}

 .statBlock > a {
     color:inherit;
     text-decoration: none;
}

.statAfter {
    position: relative;
    overflow: visible;
    min-height: 293px;
}

.statAfter::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -60px;
    width: 100%;
    height: 60px;
    background-color: var(--lightGrey);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}
 .menuScroll {
     max-height: calc(-80px + 100vh);
     overflow-y: scroll;
}
 .navBorder {
     border-bottom: 4px solid var(--primary);
}
 .posRel {
     position: relative;
}
 .menuHeadings {
     color:#000;
     text-transform:uppercase;
}
 .menuUL {
     margin: 0em 0em;
}
 .menuFullRow {
     margin-left: 0em;
}
 .menuFlexCon {
     padding-bottom: 20px;
}
 .menuFullRowL2 {
     margin-left: 2em;
}
 .giveGiftIcon {
     color: #ffffff;
     font-size: 20px;
     margin-right: 11px;
}
 .applyLi {
     width:100%;
     text-align:center;
     background-color: var(--primary);
}
 .applyIcon {
     width: 35px;
     margin-right: 10px;
}
 .sideBarScroll {
     position: sticky;
     top: 5em;
     text-align: center;
     padding-bottom: 40px;
     z-index: 999;
}
/* Slide Bar */
.slideContainer {
	position: relative;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tabs {
	display: flex;
	position: relative;
	width: 75%;
	background-color: #fff;
    box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15);
	padding: 0.75rem;
	border-radius: 99px;
	* {
		z-index: 2;
	}
}

.tab {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	width: 100%;
	font-size: 1.25rem;
	font-weight: 500;
	border-radius: 99px;
	cursor: pointer;
	transition: color 0.15s ease-in;
}

input[id=radio-1], input[id=radio-2] {
	&:checked {
		& + label {
			color: #FFF;
			z-index:2;
			& > .notification {
				background-color: var(--primary);
				color: #fff;
			}
		}
	}
}

input[id=radio-1]:checked ~ .glider {
  transform: translateX(0);
}

input[id=radio-2]:checked ~ .glider {
  transform: translateX(94%);
}

.glider {
	position: absolute;
	display: flex;
	height: 54px;
	width: 50%;
	background-color: var(--primary);
	z-index: 1;
	border-radius: 99px;
	transition: 0.25s ease-out;
}

@media (max-width: 700px) {
	.tabs {
		transform: scale(1);
        width: 100%;
	}
	
	.tab {
	    font-size: 0.95rem;
	}
	
	input[id="radio-1"]:checked ~ .glider {
      transform: translateX(-4px);
    }
    
    input[id=radio-2]:checked ~ .glider {
      transform: translateX(88%);
    }
}

/* a-z list */
.paginationAZ {
  display: flex;
  padding-top: 12px;
  flex-flow: inherit;
  justify-content: flex-start;
}

@media (max-width: 700px) {
    .paginationAZ {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        display: flex;
        gap: 10px;
        padding-bottom: 10px;
    }
}

.AZListing {
  color: black;
  float: left;
  padding: 7px 12px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 5px 4px;
  border-radius: 4px;
  background-color: #ededed;
  font-weight:500;
}

.AZListing.active {
  background-color: var(--primary);
  color: white;
  border: 1px solid #4CAF50;
}

.AZListing:hover:not(.active) {
    background-color: var(--primary);
    color:#FFF;
}

.radio-AZ:checked + label {
    background-color: var(--primary);
    color:#FFF;
}

.alphaTitle {
    color: var(--primary);
    font-size:24px;
    font-weight:700;
    margin-bottom: 3px;
    margin-top: -13px;
}
 
.alphaHR {
    margin: 0 0 1rem;
    border-color: var(--secondary);
    border-width: 2px;
    opacity: 1;
}

.alphaHR::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 25px;
    background: var(--primary);
    clip-path: polygon(0% 0%, 50% 0%, 80% 100%, 100% calc(100%), 0% 100%, 0% 0%);
    opacity: 1 !important;
    margin-top: -26px;
    margin-left: -2px;
}

.alphaLabel {
    color: var(--primary);
    width: 100%;
    padding: 6px 6px 7px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 500;
}

.alphaLabel:hover {
    background-color:var(--secondary);
    color:#FFF !important;
}

.alphaGroup {
    margin-top: 50px;
}

.alphaGroup a {
    text-decoration: none;
    color: var(--primaryFade);
}

.alphaGroup a:hover {
    text-decoration: none;
}

.interestGroup {
    
}

.interestGroup a {
    text-decoration: none;
    color: var(--primary);
}

.interestGroup a:hover {
    text-decoration: none;
}

.AZhidden {
    display:none;
}

.locationHidden {
    display:none;
}

.programAreaBanner {
    width: 100%;
    height: 60px;
    color: var(--primary);
    position: relative;
    margin-top: -54px;
    font-size: 24px;
    font-weight: 800;
    padding-top: 10px;
}

.programAreaBanner a {
    font-weight: 800 !important;
}

@media (max-width: 700px) {
    .alphaTitle {
      color: var(--primary);
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 0px;
      margin-top: 0px;
    }
    
    .alphaLabel {
        color: var(--primaryFade);
        width: 100%;
        padding: 6px 6px 7px 1px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight: 500;
    }
}

.testimonialImgBorder {
    vertical-align: middle;
    border-style: none;
    max-width: 100%; 
    height: auto;
}

.testimonialBorder {
    border-radius: 5px; 
    background: #fff; 
    box-shadow: 0 2px rgba(0,0,0,0.2); 
    padding: 10px;
}

.testimonialBorderNone {
    border-radius: 5px; 
    background: #fff;
    padding: 10px;
}

.category-btn {
    color: #000;
    text-align: left;
    display: block;
    padding: 15px 4px;
    border: 2px solid #e8eaed;
    border-radius: 2px;
    background-color: #FFF;
    font-size: 12px;
    margin-bottom:0px;
    font-weight: 600;
}

.category-btn:hover {
    color: var(--secondary);
    background-color:#FFF;
}

.category-btn.active {
    background-color: var(--primary);
    color: #fff;
}

.eventPost {
    text-decoration:none;
}

.eventPost:hover {
    color:initial;
}

.bookmarkRibbon {
    margin-bottom: 8px;
}

.bookmarkRibbon::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 50px;
    background: var(--secondary);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 10px), 0% 100%, 0% 0%);
    opacity: 1 !important;
    margin-top: -1px;
}

.bookmarkRibbonText {
    padding-left:55px;
}

.hero {
    position:relative;
    background-color:var(--secondary);
    height:5px !important;
    width:100% !important;
    margin-bottom: 20px;
}

.hero:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-top: solid 13px var(--secondary);
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}

.image-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 0, 0, 0.4); /* Red with 40% opacity */
  pointer-events: none; /* Allows interaction with elements below the overlay */
}

.stylizedPTag {
    color: var(--primary);
    font-size: 20px;
    font-weight: 800;
}

.h2Subtitle {
    color: var(--secondary);
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 15px;
    display: block;
    margin-top: -10px;
}

.testimonalBackground {
    position:relative;
}

.testimonalBackground::before {
    content: '';
    position: absolute;
    opacity: .17;
    z-index: -1;
    background-image: url(https://hollandcollege.com/assets/images/grey-pattern-background.png);
    background-size: cover;
    background-position: center center;
    inset: 0;
}

.pointerLeft {
    --s: 10px;
    line-height: 0.8;
    padding-inline: calc(var(--s) + .3em);
    clip-path: polygon(0 0, calc(100% - var(--s)) 0, 100% 50%, calc(100% - var(--s)) 100%, 0 100%, var(--s) 50%);
    background: var(--tertiary);
    width: 20px;
    height: 20px;
    top: 46%;
    left: 29px;
    transform: rotate(180deg);
}

.pointerRight {
    --s: 10px;
    line-height: 0.8;
    padding-inline: calc(var(--s) + .3em);
    clip-path: polygon(0 0, calc(100% - var(--s)) 0, 100% 50%, calc(100% - var(--s)) 100%, 0 100%, var(--s) 50%);
    background: var(--tertiary);
    width: 20px;
    height: 20px;
    top: 46%;
    right: 29px;
}
.smallBanner {
    max-height:400px;
}

.smallBannerTitle {
    position: relative;
}

.smallBannerTitle::after {
    content: "";
    position: absolute;
    top: -15px;
    left: 100%;
    width: 27vw;
    height: calc(100% + 40px);
    background: var(--primary);
    clip-path: polygon(0 0, 58% 100%, 0 100%);
}

.breadcrumbHC::after {
    content: "";
    position: absolute;
    left: 100%;
    border-top: 40px solid var(--secondary);
    border-right: 44px solid transparent;
    top: 0px;
}

.dropShadow {
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
}

.associatedProgramsHeading {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size:23px;
    color: var(--primary);
}

.associatedProgramsHeading:hover {
    color: var(--secondary);
}

.spotlightHeading {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size:20px;
    color: var(--secondary);
}

.aBTN {
    background-color: var(--primary);
    padding: 22px;
    color: #fff;
    font-family: museo-sans, sans-serif;
    font-style: normal;
    width: 100%;
    text-decoration: none;
    display: block;
    border-radius: var(--bs-border-radius);
}

.aBTN:hover {
    background-color: var(--secondary);
    color:#FFF;
}

.tileBTN {
    color: #fff;
    font-family: museo-sans, sans-serif;
    font-style: normal;
    width: 100%;
    display: block;
    min-height: 217px;
    border-radius: var(--bs-border-radius);
}

.tileBTN:hover {
    background-color: var(--secondary) !important;
    color:#FFF;
}

.statArrow {
    clip-path: polygon(75% 0, 100% 50%, 75% 100%, 0 100%, 0 0);
}

.shape-2 {
    top: 0px;
    background-color: var(--lightGrey);
    visibility: visible;
    animation-delay: 0.1s;
    animation-name: fadeIn;
    rotate: 90deg;
    position: relative;
    width: 100%;
    height: 116%;
}

.footerBar {
    background-color: var(--secondary);
    min-height: 5px;
    position: relative;
    bottom: -18px;"
}

footer {
     background-color: var(--primary);
     color: #f6f6f6;
     margin: 0 auto !important;
}
 footer p, footer li, footer a {
     color: #dddddd;
     text-decoration: none;
}
 footer p, footer li {
     font-size: 1rem;
     text-align: center;
     font-family: museo-sans, sans-serif;
     letter-spacing: 0.5px;
}
 footer a:hover, footer a:visited:hover, footer a:focus {
     color: #FFF;
}
 footer a:active, footer a.active {
     color: #FFF !important;
}
 #footer-content {
     padding: 1.5rem 0 0 0;
}
 #footer-address {
     margin-bottom: 1rem;
}
 #footer-address img {
     margin-bottom: 0.5rem;
     width: 250px;
}
 #footer-address p {
     line-height: 1.6;
}
 #footer-address p span {
     display: inline-block;
}
 #footer-address p .usd {
     font-family: "adobe-garamond-pro-n4", "adobe-garamond-pro", "Times New Roman", serif;
     font-size: 1.75rem;
}
 #footer-address p .address-street, #footer-address p .contact-phone {
     display: inline-block;
}
 #footer-address p .address-street {
     border-right: 1px solid #dddddd;
     line-height: 1rem;
     margin-right: 0.4rem;
     padding-right: 0.75rem;
}
 #footer-address p .contact-phone {
     margin-right: 0.5rem;
}
 #footer-address p .contact-phone .icon {
     font-size: 1.15rem;
}
 #footer-address p .icon {
     font-size: 1.25rem;
     margin-right: 0.15rem;
     vertical-align: middle;
}
 #footer-address p .icon:last-child {
     margin-left: 0.75rem;
}
 #footer-links {
     text-align: center;
}
 #footer-links h2 {
     border-bottom: 1px dotted #646469;
     color: #dddddd;
     display: inline-block;
     font-family: "adobe-garamond-pro-n4", "adobe-garamond-pro", "Times New Roman", serif;
     font-size: 1.5rem;
     font-weight: 300;
     line-height: 1.5rem;
     margin: 2rem 0 0.25rem;
     padding: 0 0 0.5rem 0;
     width: 100%;
}
 #footer-links #get-started-links {
     padding-left: 0;
}
 #footer-links #get-started-links div, #footer-links #college-links div {
     margin-bottom: 0.5rem;
}
 #footer-links #get-started-links div ul, #footer-links #college-links div ul {
     line-height: 1.8;
     margin-left: 0 !important;
     text-align: center;
}
 #footer-links #get-started-links div ul li, #footer-links #college-links div ul li {
     font-family: 'Scope One', serif;
     list-style-type: none;
}
 #footer-links #get-started-links div ul li a, #footer-links #college-links div ul li a {
     display: block;
}
 #footer-social {
     margin-top: 1.5rem;
     text-align: center;
}
 #footer-social ul {
     border-top: 1px dotted #646469;
     display: inline-block;
     list-style-type: none;
     margin: 0;
}
 #footer-social ul li {
     font-size: 1.75rem;
     margin-left: 1rem;
     padding: 0.5rem 0.35rem;
}
 #footer-social ul li a {
     color: #dddddd;
}
 #footer-social ul li:first-child {
     margin-left: 0;
}
 #footer-close {
     background-color: var(--footerClose);
     padding: 0.5rem 0;
     margin-left: -15px;
     margin-right: -12px;
}
 #footer-close #copyright p {
     font-size: 0.9rem;
     margin-bottom: 0.5rem;
     text-align: center;
}
 #footer-close #feedback ul {
     list-style-type: none;
     margin: 0;
     text-align: right;
}
 #footer-close #feedback ul li {
     display: inline-block;
     font-size: 0.9rem;
     border-right: thin solid #646469;
}
 #footer-close #feedback ul li:last-child {
     border: none;
}
 #footer-close #feedback ul li a {
     display: inline-block;
     padding: 0 0.65rem 0 0.5rem;
}
 #footer-close #feedback button.skip, #footer-close #feedback a.skip {
     color: #FFFFFF !important;
     margin: -1px 0 0 0;
}

.form-label {
    font-family: museo-sans, sans-serif;
    color: var(--primary);
}

.form-control {
    background-color: #e9e9e9;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

p, .table > tr > td, .table > tbody > tr > td, .table > tr > th, .table > tbody > tr > th, .table > thead > tr > th, .navbar-light, .navbar-nav, .nav-link, .hpBannerSpan, .hpBannerLink, .bcca-breadcrumb-item, .tab-label-date {
    font-size:17px;
}

.searchTest {
    position: absolute;
    display: flex;
    align-items: center;
    width: 150px;
    height: 89px;
    background-color: var(--primary);
    transition: width 0.3s ease;
    overflow: visible;
    margin-left: auto;
    border: 5px solid var(--primary);
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1050;
}

/* EXPAND TO THE LEFT */
.searchTest:focus-within {
  width: 500px;
  right: calc(100% - 131px);
  
}

/* ANGLED LEFT EDGE */
.searchTest::before {
    position: absolute;
    content: "";
    width: 75px;
    height: calc(100% + 11px);
    top: -6px;
    left: -42px;
    background: var(--primary);
    transform: skew(40deg);
    z-index: -1;
}

/* icon */
.search-icon {
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  z-index: 2;
  margin-left: -13px;
}

.search-iconMobile {
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-left: 4px;
}

/* input hidden initially */
.search-input {
  position: absolute;
    right: 37px;
    height: 50%;
    width: calc(100% - 74px);
    opacity: 0;
    pointer-events: none;
    background: white;
    border: none;
    color: #000;
    padding: 0px 10px;
    transition: opacity 0.2s ease 0.1s;
}

.search-inputMobile {
    width: calc(100% - 50px);
    pointer-events: auto;
    color: #000;
    padding: 0px 10px;
}

/* reveal input */
.searchTest:focus-within .search-input {
  opacity: 1;
  pointer-events: auto;
}

.mainApply {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
    z-index: 9999;
    right: -40px;
    border-left: 2px solid var(--secondary);
    padding-left: 30px;
}

.mainLogin {
    height: 35px;
    z-index: 999;
    position: absolute;
    top: 87px;
    right: 0;
    font-family: museo-sans, sans-serif;
    font-weight: 500;
    width: calc(16.66666667% - 55px);
}

.mainLoginText::after {
    content: " Accounts Login";
}

.mainLoginIcon {
    margin-right:20px;
}

@media screen and (max-width: 1199px) {
    .searchTest {
        width: 100px;
        height: 67px;
    }
    
    .mainApply {
        right: -25px;
        padding-left: 16px;
    }
    
    .mainLogin {
        top: 71px;
        width: calc(16.66666667% - 51px);
    }
    
    .mainLoginIcon {
        margin-right:6px;
    }
}

@media screen and (max-width: 1554px) {
    .mainLoginText::after {
        content: " Log Ins";
    }
}

.dropdown-menu.show {
    display: block;
    width: calc(100% + 55px);
    margin-left: -31px;
    border-radius: 0;
}

.dropdown-menu-login.show {
    display: block;
    width: calc(100% + 142px);
    margin-left: -66px;
    border-radius: 0;
    margin-top: 16px;
}


.footerPList {
    font-size: 12px;
    text-align: left;
    padding-bottom: 3px;
}

/* parent container MUST be position: relative */
.parent-container {
  position: relative;
}

.social-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;

  display: flex;
  flex-direction: column;
  align-items: flex-end;

  padding: 8px;
}

/* title */
.social-title {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  align-self: flex-start;   /* key change */
}

/* icons row */
.social-icons {
  display: flex;
  gap: 10px;
}

.social-icons span {
  color: #fff;
  font-size: 1rem;
}

.social-icons a {
  text-decoration: none;
}

.social-wrapper a:hover span {
  opacity: 0.7;
}

.mpnFeatured {
    position: relative;
    margin-top: -125px;
}

.mpnFeaturedCurated {
    position: absolute;
    margin-top: -110px;
}

.featuredTag {
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding-left: 15px;
    background-color: var(--secondary);
    border-radius: 24px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 18px;
    width:96px;
}

.featuredText {
    color: #FFF;
    text-transform: uppercase;
    padding:20px;
}

.mpnFeaturedStory {
    background: linear-gradient(to bottom, rgba(2, 26, 71, 0) 0%, rgba(2, 26, 71, 0.6) 100%);
    position: relative;
}

.cpBannerText {
    max-width:45%;
    background-color: #00000087;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.cpBannerTextSmall {
    
}

.plBannerTextSmall {
    
}

.cpBannerBtn {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    padding-right: 20px;
    padding-left: 20px;
}

.profileTitle {
    align-items: stretch;
    flex-direction: column;
    justify-content: center;
}

.footerLoc {
    font-size: 13px;
    text-align:left;
}

.footerAck {
    font-size: 13px;
    text-align:left;
}

.newsCataTag {
    color: var(--tertiary);
    bottom: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    padding-left: 15px;
    border: 1px solid var(--tertiary);
    border-radius: 24px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    position:relative;
    
}

@media screen and (max-width: 991px) {
    .mpnFeatured {
        position: relative;
        top: -40px;
        margin-bottom: 0px;
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .featuredTag {
        margin-left: 0;
    }
    
    .mpnFeaturedStory {
        background: transparent;
        position: relative;
        padding-bottom: 33px;
    }
    
    .featuredText {
        color: var(--primary);
        text-transform: none;
        padding:20px 0px 20px 0px;
    }
}

@media screen and (max-width: 767px) {
    .mpnFeatured {
        position: relative;
        top: 72px;
        margin-bottom: 40px;
    }
    
    .featuredTag {
        color: #FFF;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        padding-left: 15px;
        background-color: var(--secondary);
        border-radius: 24px;
        padding-right: 15px;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-left: 0px;
        width:96px;
    }
    
    .featuredText {
        color: var(--primary);
        text-transform: none;
        padding:20px 0px 20px 0px;
    }
    
    .mpnFeaturedStory {
        background: transparent;
        position: relative;
    }
    
    .cpBannerText {
        max-width:100%;
    }
    
    .cpBannerTextSmall {
        max-width:100%;
    }
    
    .cpBannerBtn {
        position: relative;
        /*top: -63px;
        left: 50%;
        transform: translate(-50%);*/
    }
    
    .smallBanner {
        max-height:max-content;
    }
    
    .smallBannerTitle::after {
        border-right: none;
    }
    
    .footerLoc {
        font-size: 13px;
        text-align:left;
    }
    
    .footerAck {
        font-size: 13px;
        text-align:left;
    }
    
    #footer-close #feedback ul {
        text-align: center;
    }
}

@media screen and (max-width: 991px) {
    .plBannerTextSmall {
        max-width:100%;
    }
    
    .smallBanner {
        max-height:max-content;
    }
}

@media screen and (max-width: 1760px) {
    .social-wrapper {
      position: relative;
      bottom: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      padding: 8px;
    }
    
    /* title */
    .social-title {
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 5px;
      align-self: flex-end;   /* key change */
    }
}

.middleAlignTextChild {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.imageDisplay {
    display:block;
}

@media (max-width: 768px) {

  .responsive-table thead {
    display: none;
  }

  .responsive-table tr {
    display: block;
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    padding: 0.75rem;
  }

  .responsive-table td {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5rem;
    padding: 0.5rem 7px;
    align-items: start;
  }

  .responsive-table td::before {
    content: attr(data-label) ": ";
    font-weight: bold;
    white-space: normal;
  }
  
  .responsive-table td:not([data-label]) {
    grid-template-columns: 1fr;
    gap: 0;
  }
  
  .middleAlignTextChild {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .imageDisplay {
        display:none;
    }
    
    .cpBannerTextSmall {
        max-width: 100%;
    }
    
    .cpBannerText {
        max-width: 100%;
        background-color: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
}

}

.spotlightImg {
    width:400px;
}

@media (max-width: 450px) {
    .spotlightImg {
        width:100%;
    }
}
     
.openDot {
  height: 10px;
  width: 10px;
  background-color: var(--accepting);
  border-radius: 50%;
  display: inline-block;
}
.openLegend {
    text-align: center;
    background-color: var(--accepting) !important;
    color: #fff !important;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 600;
}
.waitDot {
  height: 10px;
  width: 10px;
  background-color: var(--waitingList);
  border-radius: 50%;
  display: inline-block;
}
.waitLegend {
    text-align: center;
    background-color: var(--waitingList) !important;
    color: #fff !important;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 600;
}
.closedDot {
  height: 10px;
  width: 10px;
  background-color: var(--notAccepting);
  border-radius: 50%;
  display: inline-block;
}
.closedLegend {
    text-align: center;
    background-color: var(--notAccepting) !important;
    color: #fff !important;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 600;
}
.naDot {
  height: 10px;
  width: 10px;
  background-color: var(--notAvail);
  border-radius: 50%;
  display: inline-block;
}
.naLegend {
    text-align: center;
    background-color: var(--notAvail) !important;
    color: #fff !important;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 600;
}

.form-horizontal > .row > div {
    padding-top:5px;
    padding-bottom:5px;
}

.statNumberFont {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 38px;
    color: var(--primary);
    display: block;
    line-height: 1.2;
}

.dpInput {
    background-image: url('https://www.hollandcollege.com/images/searchicon.png');
    background-position: 10px 15px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
}

.wordBreak {
    overflow-wrap: break-word;
}

.badge.staff {
    background: var(--primary);
    color: #fff;
}

.badge.student {
    background: #eee;
    color: #333;
}
.accordion-meta {
    float:right;
}

/* ===== COOKIE BANNER ===== */
.cookie-banner {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 15%;
  width: 70%;
  background: #fff;
  padding: 20px;
  display: none;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
  border-radius: 11px 11px 0 0;
  border: 4px solid var(--primary);
  border-bottom: none;
}

@media screen and (max-width: 767px) {
    .cookie-banner {
        left: 5%;
        width: 90%;
    }
}

.cookie-banner a { color: var(--primary); }

/* ===== BUTTONS ===== */
.cookie-buttons button {
  padding: 8px 12px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
}

.cookie-icon { font-size: 50px; margin-top: 25%; margin-left: 50%; color: var(--primary); }
.accept-btn { background: var(--primary); color: #fff; font-weight: 600; }
.reject-btn { background: #595959; color: #ffffff; font-weight: 600; }
.pref-btn { background: none; color: var(--primary); text-align: right; }

/* ===== MODAL ===== */
.cookie-modal {
  display: none;
  position: fixed;
  z-index: 10000;
  inset: 0;
  background: rgba(0,0,0,0.6);
}

.cookie-modal-content {
  background: #fff;
  margin: 8% auto;
  padding: 25px;
  width: 420px;
  max-width: 90%;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.cookie-description {
  font-size: 14px;
  color: #555;
  margin-bottom: 20px;
}

/* ===== COOKIE ROW ===== */
.cookie-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}

.cookie-option:last-of-type { border-bottom: none; }

.cookie-text { max-width: 75%; }

.cookie-text strong { display: block; }
.cookie-text span { font-size: 13px; color: #666; }

/* ===== TOGGLE SWITCH ===== */
.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 24px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  inset: 0;
  background-color: #ccc;
  border-radius: 24px;
  transition: 0.3s;
}

.slider:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background: #fff;
  border-radius: 50%;
  transition: 0.3s;
}

.switch input:checked + .slider {
  background-color: var(--primary);
}

.switch input:checked + .slider:before {
  transform: translateX(22px);
}

.switch input:disabled + .slider {
  background-color: #aaa;
  cursor: not-allowed;
}

/* ===== MODAL BUTTONS ===== */
.cookie-modal-buttons {
  margin-top: 20px;
  text-align: right;
}

.cookie-modal-buttons button {
  padding: 8px 14px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.save-btn { background: var(--primary); color: #fff; }
.cancel-btn { background: #595959; color: #fff; }

/* ======== STORM BANNER =========== */
.stormBanner {
    min-height: 50px;
    position: absolute;
    background-color: var(--tertiary);
    border-left: 0;
    border-right: 0;
    top: 0px;
    padding-top: 7px;
}
	.additionalMessageBanner {
	    min-height: 73px; 
	    position: absolute; 
	    background-color: var(--tertiary);
	    border-left:0; 
	    border-right:0; 
	    top: 60px; 
	    padding-top: 9px;
	}
	@media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 787px) 
      and (-webkit-min-device-pixel-ratio: 1) {
        .stormBanner {
            min-height: 70px;
        }
    }
    @media only screen and (max-width: 768px) {
        .additionalMessageBanner {
            min-height: 160px;
        }
    }
    
.dykFieldset {
    border-left: 4px solid var(--primary);
    padding: 15px;
}

.dykLegend {
    margin-top: -14px;
    font-size: 21px;
    color: var(--primary);
    font-weight: 600;
    float: none;
    margin-bottom: 0;
}

.showcaseDetailsBTN {
    font-family: museo-sans, sans-serif;
    font-style: normal;
    width: 100%;
    text-decoration: none;
    display: block;
    border-radius: var(--bs-border-radius);
    text-align: center;
    color: var(--primary);
    background: #FFF;
    text-transform: uppercase;
    border: 4px solid var(--primary);
}

.showcaseTicketsBTN {
    background-color: var(--primary);
    color: #fff;
    font-family: museo-sans, sans-serif;
    font-style: normal;
    width: 100%;
    text-decoration: none;
    display: block;
    border-radius: var(--bs-border-radius);
    text-align: center;
    text-transform: uppercase;
}

.showcaseTicketsBTN:hover {
    background-color: var(--secondary);
    color: #fff;
}

.showcaseDetailsBTN:hover {
    border: 4px solid var(--secondary);
    color: var(--secondary);
}