@font-face {
    font-family: Gordita;
    src: url("../fonts/Gordita Regular.woff");
}

@font-face {
    font-family: Butler;
    src: url("../fonts/Butler_Regular.woff");
}

:root {
    --color1: #d52027;
    --color2: #fff;
    --color3: #000;
    --color4: #F5F5F5;
    --color5: #ffffff99;
    --color6: #696969;
    --def_font1: Gordita;
    --def_font2: Butler;
}

.bt_dark {
    background-color: var(--color1);
    color: var(--color2);
    padding: 0.9em 3em;
    font-size: 0.9em;
    transition: all 0.3s ease 0s;
    font-weight: bold;
    margin: 0px 0.7em 0px 0px;
}

.bt_dark:hover {
    background-color: var(--color2);
    color: var(--color1);
    transition: all .3s;
}

.bt_light {
    background-color: var(--color2);
    color: var(--color1);
    padding: 0.9em 3em;
    font-size: 0.9em;
    transition: all 0.3s ease 0s;
    font-weight: bold;
    margin: 0px 0.7em;
}

.bt_light:hover {
    background-color: var(--color1);
    color: var(--color2);
    transition: all .3s;
}

* {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-family: var(--def_font1);
}

div>.nws_ltr {
    width: 50%;
    margin: 0px auto;
}

div>.nws_ltr>p {
    color: var(--color4);
    text-align: center;
    font-size: 2em;
    width: 70%;
    margin: 0px auto 5%;
}

div>.nws_ltr>form {
    overflow: hidden;
}

div>.nws_ltr>form>input[type="email"] {
    border: 0px;
    padding: 0.9em 10px;
    font-size: 0.9em;
    transition: all 0.3s ease 0s;
    font-weight: bold;
    margin: 0px;
    float: left;
    width: calc(100% - 160px);
}

div>.nws_ltr>form>button[type="submit"] {
    border: 0px;
    background-color: var(--color3);
    color: var(--color2);
    padding: 0.9em 15px;
    font-size: 0.9em;
    transition: all 0.3s ease 0s;
    font-weight: bold;
    margin: 0px;
    float: left;
    width: 140px;
    cursor: pointer;
}

div>.nws_ltr>form>button[type="submit"]:hover {
    background-color: var(--color6);
}

div>.nws_ltr>form>button[type="submit"]:focus,
div>.nws_ltr>form>input[type="email"]:focus {
    outline: 0px;
}

div>.nws_ltr>form>button[type="submit"]>i {}

a,
a:hover {
    text-decoration: none;
}

ul {
    padding-left: 0;
}

::selection {
    background-color: var(--color1);
    color: var(--color2);
}

.sm_dash {
    border-bottom: 2px solid var(--color1);
    height: 0px;
}

@keyframes marq_slide {
    0% {
        transform: translatex(100%)
    }

    100% {
        transform: translatex(0%)
    }
}

#home {}

#home>header {}

#home #hom_tp_br {
    background-color: var(--color1);
    overflow: hidden;
    padding: 0.7% 15%;
    display: none;
}

#home #hom_tp_br>div {
    width: 50%;
    float: left;
}

#home #hom_tp_br>#tp_nv_cont {
    text-align: left;
}

#home #hom_tp_br>#tp_nv_cont>a {
    color: var(--color2);
    transition: all 0.3s ease 0s;
    font-size: 0.8em;
    line-height: 1em;
    font-family: var(--def_font1);
}

#home #hom_tp_br>#tp_nv_cont>a:hover {
    color: var(--color5);
}

#home #hom_tp_br>#tp_nv_cont>a>i {
    font-size: 1em;
}

#home #hom_tp_br>#tp_nv_cont>p {
    border-right: 1px solid var(--color2);
    display: inline-block;
    margin: 0px;
}

#home #hom_tp_br>#tp_nv_links {
    text-align: right;
}

#home #hom_tp_br>#tp_nv_links>a {
    color: var(--color2);
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
    font-family: var(--def_font1);
    padding: 0px 1.7%;
    font-size: 0.7em;
    line-height: 0.9em;
}

#home #hom_tp_br>#tp_nv_links>a:hover {
    color: var(--color5);
}

#home #hom_sli {
    padding: 0;
}

#home #hom_sli>div:first-of-type {
    background-color: var(--color1);
    background-image: url("../img/section-bg.png");
    background-size: 50%;
    padding: 0.7% 10%;
    width: 100%;
}

#home #hom_sli>div:first-of-type::after {
    content: "";
    clear: both;
    display: table;
}

#home #hom_sli>div>#logo {
    float: left;
    width: 26%;
}

#home #hom_sli>div>#logo>a {
    display: block;
}

#home #hom_sli>div>#logo>a>img {
    width: 100%;
}

#home #hom_sli>div>#res_nv_bt {
    width: 100%;
    border: 0;
    background-color: transparent;
    border-radius: 5px;
    /* width: 34px; */
    height: 34px;
    display: none;
}

#home #hom_sli>div>#res_nv_bt>i {
    display: block;
    font-size: 1.5em;
    float: right;
    width: 34px;
    text-align: center;
    color: var(--color2);
    padding: 4px;
    border: 1px solid var(--color4);
}

#home nav {
    float: right;
    width: 74%;
    margin-top: 1.7vw;
    display: block;
}

#home nav>ul {
    text-align: right;
}

#home nav>ul>li {
    display: inline-block;
    position: relative;
}

#home nav>ul>li>a {
    color: var(--color2);
    display: block;
    transition: all 0.5s ease 0s;
    font-weight: bold;
    padding: 0px 0.9em;
    font-size: 1.1em;
}

#home nav>ul>li>a:hover {
    color: var(--color5);
}

#home nav>ul>li>a>i {}

#home nav>ul>li>ul {
    display: none;
    position: absolute;
    width: 210px;
    padding-left: 1rem;
    z-index: 99;
}

#home nav>ul>li:hover>ul {
    display: block;
}

#home nav>ul>li>ul>li {
    border-bottom: 1px solid var(--color5);
    background-color: #8b282c;
    opacity: 0.8;
}

#home nav>ul>li>ul>li:last-child {
    border-bottom: 0px;
}

#home nav>ul>li>ul>li>a {
    color: var(--color2);
    text-align: left;
    display: block;
    padding: 6px;
    transition: all .3s;
}

#home nav>ul>li>ul>li>a:hover {
    color: var(--color5);
    transition: all .3s;
}
/* Overlay */
#popupOverlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Popup Box */
.popupBox {
    background: #fff;
    width: 90%;
    max-width: 520px;
    border-radius: 16px;
    padding: 30px;
    position: relative;
    max-height: 80vh;
    overflow-y: auto;
}

/* Close Button */
.popupClose {
    position: absolute;
    top: 15px;
    right: 18px;
    font-size: 28px;
    background: none;
    border: none;
    cursor: pointer;
}

/* Content */
.popupItem {
    text-align: center;
}

.popupItem h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

.popupDate {
    font-size: 15px;
    color: #555;
    margin-bottom: 0px;
}

/* Button */
.popupBtn {
    display: inline-block;
    padding: 10px 26px;
    background: #D52027;
    color: #000;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
}

.popupBtn:hover {
    background: #D52027;
}

/* Divider */
.popupBox hr {
    margin: 12px 0;
    border: none;
    border-top: 1px solid #ddd;
}

/* Mobile */
@media (max-width: 480px) {
    .popupBox {
        padding: 20px;
    }

    .popupItem h3 {
        font-size: 18px;
    }
}

/* #home #hom_sl_bx {
    overflow: hidden;
    width: 100%;
    padding: 11vw 15vw;
    background-image: url('../img/hom-sli-bg.jpg');
    background-size: cover;
    display: block;
} */


#hom_sl_bx {
    min-height: 600px;
}

@media (max-width: 768px) {
    #hom_sl_bx {
        min-height: 400px;
    }
}
.bg-carousel img {
    object-fit: cover;
    object-position: center;
}



#home #hom_sl_bx {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 11vw 15vw;
    display: block;
    color: #ffffff;
    z-index: 1;
}

/* Background carousel container */
.bg-carousel {
    position: absolute;
    inset: 0;
    z-index: -1;
}

/* Background images */
.bg-carousel img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
}

/* Active slide */
.bg-carousel img.active {
    opacity: 1;
}

/* Optional: dark overlay for text visibility */
#home #hom_sl_bx::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: -1;
}

/* Buttons (optional styling) */
.bt_dark,
.bt_light {
    display: inline-block;
    margin-right: 10px;
    margin-top: 20px;
}



#home #hom_sl_bx>h2 {
    color: var(--color2);
    font-size: 4.5em;
    line-height: 1.2em;
    margin-bottom: 0.3em;
}

#home #hom_sl_bx>h2>span {}

#home #hom_sl_bx>a:first-of-type {}

#home #hom_sl_bx>a:last-of-type {}

#home #hom_sl_bx>p {}

#home main {}

#home main>.marquee {
    background: var(--color1);
    padding: 0.5rem;
    overflow: hidden;
}

/* #home main>.marquee>.marq_txt{animation : marq_slide 25s linear infinite;color: var(--color2);font-size: 1.2em;font-family: var(--def_font1);} */
#home main>.marquee>marquee {
    color: var(--color2);
    font-size: 1.2em;
    font-family: var(--def_font1);
}

#home main>.marquee>marquee>a {
    text-decoration: underline;
    color: var(--color2);
}

#home main>#block1 {
    background-color: var(--color4);
    padding: 5% 15%;
    display: flex;
    flex-direction: row;
}

#home main>#block1>div {
    float: left;
    width: 49%;
}

#home main>#block1>div:first-child {
    margin-right: 2%;
    background-color: var(--color2);
    display: flex;
    justify-content: center;
    padding: 1.5%;
}

#home main>#block1>div:first-child>div {
    display: flex;
    align-items: center;
    border: 1px solid var(--color4);
    padding: 3.1em;
}

#home main>#block1>div:first-child>div>div {
    flex-grow: 1;
    -webkit-box-flex: 1;
}

#home main>#block1>div:first-child>div>div>h2 {
    font-family: var(--def_font2);
    font-size: 3em;
}

#home main>#block1>div:first-child>div>div>p.sm_dash {
    width: 4em;
    margin: 0px 0px 2em;
}

#home main>#block1>div:first-child>div>div>p:nth-of-type(2),
#home main>#block1>div:first-child>div>div>p:nth-of-type(3) {
    color: var(--color6);
    font-size: 1.2em;
    line-height: 1.8em;
}

#home main>#block1>div:last-child {
    position: relative;
}

#home main>#block1>div:last-child>div {
    position: relative;
    margin-bottom: 1em;
}

#home main>#block1>div:last-child>div:last-child {
    margin-bottom: 0px;
}

#home main>#block1>div:last-child>div>img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

#home main>#block1>div:last-child>div>a {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#home main>#block2 {
    background-image: url("../img/home-bl2-bg.jpg");
    padding: 4%;
    background-attachment: fixed;
}

#home main>#block2>div {
    width: 35%;
    padding: 2%;
    margin: 0px auto;
    background-color: var(--color2);
}

#home main>#block2>div>div {
    border: 1px solid var(--color4);
    padding: 5% 2%;
}

#home main>#block2>div>div>h3 {
    text-align: center;
    font-size: 2.4em;
    font-family: var(--def_font2);
}

#home main>#block2>div>div>p.sm_dash {
    border-bottom: 2px solid var(--color1);
    margin: 0px auto 2em;
    height: 0px;
    width: 6em;
}

#home main>#block2>div>div>p:nth-of-type(2) {
    text-align: center;
    width: 90%;
    margin: 0px auto 2em;
    font-size: 1.1em;
    line-height: 1.4em;
}

#home main>#block2>div>div>a {
    text-align: center;
    margin: 0px auto;
    display: table;
}

#home main>#block2>div>div>a:first-of-type {
    margin-bottom: 1em;
}

#home main>#block3 {
    background-color: var(--color1);
    background-image: url("../img/section-bg.png");
    padding: 5% 15%;
}

#home main>#block3>ul {
    overflow: hidden;
    margin: 0px;
}

#home main>#block3>ul>li {
    width: 33.33%;
    float: left;
    text-align: center;
}

#home main>#block3>ul>li>p {
    margin-bottom: 0px;
    font-size: 2em;
    color: var(--color4);
}

#home main>#block4 {
    background-image: url("../img/hom-bl-campus-bg-03.jpg");
    background-attachment: fixed;
    padding: 5% 15%;
}

#home main>#block4>div {
    overflow: hidden;
}

#home main>#block4>div>div:first-child {
    width: 50%;
    float: left;
}

#home main>#block4>div>div:first-child>h4 {
    color: var(--color4);
    font-size: 5em;
    width: 90%;
}

#home main>#block4>div>div:last-child {
    width: 50%;
    float: left;
}

#home main>#block4>div>div:last-child>ul {
    width: 64%;
    margin: 0px auto;
}

#home main>#block4>div>div:last-child>ul>li {
    margin-bottom: 1.5em;
}

#home main>#block4>div>div:last-child>ul>li>a {
    display: block;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    transition: all .3s;
}

#home main>#block4>div>div:last-child>ul>li:last-child {
    margin-bottom: 0px;
}

#home main>#block5 {
    background-color: var(--color1);
    background-image: url("../img/section-bg.png");
    padding: 2% 15%;
}

footer {
    background-image: url("../img/footer_bg.jpg");
    background-size: cover;
    padding: 5% 15%;
}

footer>ul {
    overflow: hidden;
    margin-bottom: 0;
}

footer>ul>li {
    width: 20%;
    float: left;
}

footer>ul>li>a,
footer>ul>li>p {
    color: var(--color5);
    font-size: 0.85em;
    margin-bottom: 1em;
    display: block;
}

footer>ul>li:first-child {
    width: 40%;
}

footer>ul>li:first-child>img {
    width: 100%;
    max-width: 150px;
    margin: 0 auto 1em auto;
    display: block;
}

footer>ul>li:first-child>p {
    text-align: center;
}

footer>ul>li>h4 {
    color: var(--color2);
    margin-bottom: 0.7em;
    font-family: var(--def_font2);
    font-size: 1.6em;
}

footer>ul>li:nth-child(2) {}

footer>ul>li:nth-child(2)>a:first-of-type {
    transition: all .5s;
}

footer>ul>li:nth-child(2)>a:first-of-type:hover, footer>ul>li:nth-child(2)>a:nth-of-type(2):hover {
    color: var(--color1);
}

footer>ul>li:nth-child(2)>p {
    width: 90%;
}

footer>ul>li:nth-child(2)>a:last-of-type {
    border: 1px solid var(--color1);
    display: block;
    width: 136px;
    transition: all 0.5s ease 0s;
    line-height: 3em;
    text-align: center;
}

footer>ul>li:nth-child(2)>a:last-of-type:hover {
    border: 1px solid var(--color5);
    color: var(--color5);
}

footer>ul>li:nth-child(2)>div {
    text-align: left;
    visibility: hidden;
}

footer>ul>li:nth-child(2)>div>a {
    color: var(--color5);
    font-size: 1em;
    margin-right: 0.5em;
}

footer>ul>li:nth-child(2)>div>a:hover {
    color: var(--color1);
    transition: all 0.5s ease 0s;
}

footer>ul>li>ul {
    padding-left: 0;
}

footer>ul>li>ul>li {}

footer>ul>li>ul>li>a {
    transition: all .3s;
    color: var(--color5);
    font-size: 0.85em;
    margin-bottom: 1em;
    display: block;
}

footer>ul>li>ul>li>a:hover {
    color: var(--color1);
}