/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

@font-face {
    font-family: 'Filson Regular Pro';
    /* Consistent name */
    src: url('fonts/FilsonProRegular.otf') format('opentype');
    /* Correct path and format */
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Filson Regular Pro', Arial, sans-serif;
    padding: 0 !important;
    /* Fallback font added */
}

.students-icon svg {
    margin-top: 5px;
}

#wpforms-submit-4142 {
    background: #CB0025;
}

#wpforms-4142-field_2 {
    background: #131313;
    width: 100%;
    border: 1px solid #FFFFFF;
    padding: 6% 2%;
    color: #FFFFFF;
}

#wpforms-4142-field_2::placeholder {
    color: #999999;
    font-family: Filson Pro Regular;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
}

.red-button svg {
    padding-top: 8px;
}

.blk-button svg {
    padding-top: 8px;
    width: 20px;
}

.float-button svg {
    padding-top: 8px !important;
    height: 30px !important;
    width: 35px;
}

.underline hr {
    border: 2px solid #CB0025;
    width: 74px;
    height: 2px;
    border-radius: 20px;
}

.shadow hr {
    border: 2px solid #CB0025;
    width: 74px;
    height: 2px;
    border-radius: 20px;
}

.second-header {
    height: 70px !important;
}

.main-header {
    height: 90px !important;
}

#head-button {
    height: 50px;
}

#wpforms-4142-field_6 {
    background: #131313;
    width: 100%;
    border: 1px solid #FFFFFF;
    padding: 6% 2%;
    height: 90px;
    color: #FFFFFF;
}

#wpforms-4142-field_6::placeholder {
    color: #999999;
    font-family: Filson Pro Regular;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
}

#wpforms-4142-field_5 {
    background: #131313;
    width: 100%;
    border: 1px solid #FFFFFF;
    padding: 6% 2%;
    color: #FFFFFF;
}

#wpforms-4142-field_5::placeholder {
    color: #999999;
    font-family: Filson Pro Regular;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
}

.details-footer a:link {
    color: #3B536C !important;
}

.student-use-voucher a {
    color: #FFFFFF;
}

#upcoming-event-btn svg {
    padding-top: 8px;
}

.science-white {
    color: #FFFFFF;
}

#form-field-search_school {
    padding: 7.5% 3%;
}

#search-school-button {
    padding: 2% 1%;
}

#search-school-button .elementor-button-icon,
#footer-form-button .elementor-button-icon {
    margin-top: 3%;
}

.e-search-input {
    color: #FFFFFF !important;
}


/* Footer Form Style for Fields */

#form-field-name:focus {
    background-color: #161718 !important;
    color: #FFFFFF;
}

#form-field-email:focus {
    background-color: #161718 !important;
    color: #FFFFFF;
}

#form-field-message:focus {
    background-color: #161718 !important;
    color: #FFFFFF;
}

#footer-form-button svg {
    padding-top: 10px !important;
}

#form-field-search_school:focus {
    background-color: #FFFFFF00 !important;
    color: #FFFFFF;
    border-color: #353535;
}


/* input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
} */

input:-webkit-autofill {
    /* background-color: white !important; */
    /* Ensure background stays white */
    -webkit-text-fill-color: #FFFFFF !important;
    /* Set the text color explicitly */
    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    /* Smooth transition */
}

input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    /* background-color: white !important; */
    /* Maintain white on interaction */
    -webkit-text-fill-color: #FFFFFF !important;
    /* Consistent text color */
}

#resources-btn {
    padding: 30px;
}

.grey-paragraph p {
    color: #999999 !important;
}

.copyright-footer a {
    color: #999999;
}


/* css for import events menu */

.eventManagement {
    background-color: #CB0025;
}


/* footer form */

.elementor-element-90f8155 {
    width: 30% !important;
    margin-left: 4% !important;
}

#form-field-name,
#form-field-email,
#form-field-message {
    border-radius: 10px;
}

#form-field-search_school {
    background-color: #FFFFFF00 !important;
}

#form-field-search_school:focus {
    background-color: #FFFFFF00 !important;
    border-color: #353535 !important;
}

.adminInstitions .e-con-inner {
    margin: 0 0 !important;
}

.institutionTabs .e-n-tab-title:first-child {
    border-radius: 15px 0 0 0 !important;
}

.institutionTabs .e-n-tab-title:nth-child(2) {
    border-radius: 0 15px 0 0 !important;
}


/* css for breadcrumbs */

.breadcrumbs {
    font-family: "Filson Regular Pro", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 35px;
    color: #FFFFFF;
    padding-left: 4%;
}

.breadcrumbs a {
    font-family: "Filson Regular Pro", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 35px;
    color: #FFFFFF;
}

.breadcrumbs-black {
    font-family: "Filson Regular Pro", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 35px;
    color: #333333;
    padding-left: 4%;
}

.breadcrumbs-black a {
    font-family: "Filson Regular Pro", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 35px;
    color: #333333;
}

.institutionTabs .e-n-tab-title:hover {
    background: #928D8D !important;
}

#FamilyGuideBtn {
    width: 100%;
}

#FamilyGuideBtn:hover {
    background-color: #CB0025;
    color: #FFFFFF;
}

#FamilyGuideBtn:hover .elementor-button-content-wrapper .elementor-button-icon svg {
    fill: #FFFFFF;
}

.bluePoints li {
    font-family: "Filson Regular Pro", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    text-align: left;
    color: #3B536C;
}

.resultContainer {
    display: none;
}

#search-result-table tr {
    border-bottom: 1px solid #353535;
}

#search-result-table {
    border-collapse: collapse;
    font-weight: 500;
    font-size: 18px;
    border: none;
    width: 100%;
    table-layout: auto;
}

#search-result-table th {
    color: white;
    border: none;
}

#search-result-table td {
    color: #BFBFBF !important;
    border: none;
}

#search-result-table_info,
#search-result-table_paginate,
#search-result-table_paginate p {
    color: white;
}

#search-result-table_paginate .paginate_button.current,
#search-result-table_paginate .paginate_button.current:hover {
    background-color: #CB0025 !important;
}

#search-result-table_paginate .paginate_button.previous.disabled {
    color: white !important;
}

#search-result-table_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #dad8d8 !important;
    color: black !important;
}

#search-result-table_wrapper .dataTables_length {
    width: 5%;
}

#search-result-table_wrapper .dataTables_length select {
    color: white;
    border: 1px solid white;
}

#search-result-table_wrapper .dataTables_info {
    padding-top: 3%;
}

#search-result-table_wrapper .dataTables_paginate {
    padding-top: 2%;
}

.cq-posts-list a {
    font-size: 20px;
    font-family: 'Filson Regular Pro';
    color: #161718;
}

.main-head-menu ul {
    justify-content: space-between !important;
    margin-inline-end: auto !important;
    flex-wrap: nowrap !important;
    align-items: center;
    white-space: nowrap;
}

.header-myua-btn {
    text-align: center;
}

.zoomify-container-wrapper {
    background-color: #161718;
}

.cq-posts-list a:hover {
    color: #cb0025;
    text-decoration: underline;
}

.e-search-results-container {
    display: none !important;
}

.zoomify-container .ToolbarDisplay {
    z-index: 99 !important;
}

.zoomify-container .navigatorDisplay0 {
    z-index: 98 !important;
}

.grey-paragraph a {
    color: #999999;
}

.table-message {
    font-size: 20px;
    font-family: 'Filson Regular Pro';
    color: #FFFFFF;
    padding: 0 0 20px 10px;
}

.searchResultSec .e-con-inner {
    margin: 0 4% !important;
}

.hex-container {
    margin-top: 4%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 20px;
    background-color: #161718;
}

.detailsContainerSection {
    margin-top: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background-color: #161718;
}

.hex-item {
    position: relative;
    cursor: pointer;
}

.hex-item .icon {
    top: 5.5em;
    left: 5em;
}

.hex-item .icon {
    position: absolute;
}

.hex-item p {
    text-align: center;
    margin: 10px 0 0;
    font-size: 14px;
    font-family: "Filson Regular Pro";
    position: absolute;
    top: 8em;
    left: 1em;
    padding: 0.5em 1.2em 0em 0.5em;
    color: #fff;
}


/* .hex-item.active {
            background-color: #e30613;
        } */

.arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #e30613;
    display: none;
}

.hex-item.active .arrow {
    display: block;
}

.detailsContainer {
    width: 100%;
    height: max-content;
    border: 1px solid #9D9D9D;
    padding: 31px 0px 31px 21px;
    border-radius: 10px;
}

.detailsContainer p {
    padding: 0px 21px 0px 0px;
}

.iconSection {
    display: flex;
    justify-content: center;
    align-items: center;
}

.iconSection hr {
    border: 1px solid #9D9D9D;
    width: 100%;
}

.detailsContainer .headAndDescription {
    margin-top: 12%;
}

.detailsContainer .headAndDescription h3 {
    font-family: "Filson Regular Pro";
    font-size: 28px;
    font-weight: 500;
    line-height: 33.54px;
    text-align: left;
    color: #FFFFFF;
}

.detailsContainer .headAndDescription p {
    font-family: "Filson Regular Pro";
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    text-align: left;
    color: #FFFFFF;
}

.icon-cut svg {
    height: 56px;
    width: 57px;
}

#search-12d79bb {
    padding-right: 20%;
}

.dataTables_wrapper .dataTables_info {
    font-family: "Filson Regular Pro", Sans-serif;
}

.meet-staff-red-btn svg {
    padding-top: 9px;
}

.shadow {
    position: relative;
    /* Create a positioning context */
    display: block;
    /* Ensure it behaves like a block-level element */
    width: 100%;
    z-index: 1;
}

.shadow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, /* Fully transparent at 0% */
    rgba(0, 0, 0, 0) 1%, /* Remains fully transparent until 1% */
    rgba(0, 0, 0, 0.8) 100%/* Gradually transitions to dark at the bottom */
    );
    z-index: -1;
    /* Place behind the text */
}

.landingFooter p{
    font-family: "Filson Regular Pro" !important;
}

.sbi_follow_btn a{
    font-family: 'filson Regular Pro' !important;
}

/* media for screen 1366 */

@media (min-width: 800px) and (max-width: 1366px) {
    .elementor-button-text {
        text-align: left !important;
    }
}


/* Style for mobile responsivenss starts here */

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .meet-staff-red-btn svg {
        padding-top: 8px !important;
    }
    .elementor-button-text {
        text-align: left !important;
    }
    a {
        word-wrap: break-word;
        word-break: keep-all;
    }
    p {
        word-break: keep-all;
        white-space: normal;
    }
    #search-12d79bb {
        padding-right: 0;
    }
    .institutionSliderLayer {
        padding: 30px 30px 60px 30px !important;
    }
    .institutionIconLayer {
        top: -3px !important;
    }
    .elementor-4307 #school {
        padding-left: 0;
        padding-right: 0;
    }
    .mobHeaderMenu #dropdownToggle {
        text-align: end !important;
    }
    .icon-cut svg {
        height: 36px;
        width: 36px;
    }
    .vsHeading a {
        word-break: auto-phrase;
    }
    .viewsampleMenu {
        margin-top: 10px;
    }
    #resources-btn {
        padding: 14px 22px;
    }
    .studentVisitTitle p {
        font-size: 20px !important;
    }
    #search-school-button .elementor-button-icon,
    #footer-form-button .elementor-button-icon {
        margin-top: 1.5%;
    }
    #search-result-table,
    .no-event,
    .headingContainer p {
        font-size: 16px !important;
    }
    .no-event {
        text-align: center;
        margin-top: 4%;
    }
    .headingContainer h2 {
        font-size: 20px !important;
    }
    .persona button,
    .tabs button {
        border-radius: 8px !important;
        padding: 14px 28px !important;
        font-size: 14px !important;
    }
    .card {
        width: 100% !important;
    }
    .card-content {
        padding: 4% !important;
    }
    .card-date,
    .card-schedule,
    .card-location p,
    .card-description {
        font-size: 14px !important;
    }
    .card-title {
        font-size: 18px !important;
    }
    .upcomingBody {
        padding: 20px 0px !important;
    }
    /*  Admin persona menu  starts here  */
    .custom-dropdown-container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .custom-dropdown-toggle a {
        color: #FFF;
        text-decoration: none;
    }
    .custom-dropdown-toggle {
        display: flex;
        align-items: center;
        cursor: pointer;
        color: #fff;
        padding: 10px;
        border-radius: 5px;
    }
    .custom-dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #000000E0;
        width: 100%;
        z-index: 1;
        border-radius: 5px;
    }
    .custom-dropdown-menu a p {
        margin: 15px !important;
        padding: 15px 0px;
    }
    .custom-dropdown-menu a p {
        text-decoration: none;
        color: #fff;
        padding: 8px 12px;
        margin: 0;
        cursor: pointer;
    }
    .custom-dropdown-menu p:hover {
        background-color: #444;
    }
    .custom-dropdown-toggle img {
        margin-left: 8px;
        height: 16px;
        /* Adjust image size */
    }
    /*  Admin persona menu  ends here  */
    /*   Main header style starts here   */
    .underline hr {
        width: 34px;
    }
    .shadow hr {
        width: 34px;
    }
    .mobHeaderMenu {
        position: relative;
        display: inline-block;
    }
    .mobHeaderMenu p {
        margin: 0;
    }
    .mobHeaderMenu img {
        margin-left: 4px;
        width: 20px;
    }
    .mobHeaderMenu .mobMyUaBtn a {
        text-decoration: none !important;
        color: #FFF;
    }
    .mobHeaderMenu .mobMyUaBtn {
        display: block;
        background-color: #CB0025;
        font-family: "Inter", Sans-serif;
        font-size: 12px !important;
        font-weight: 500;
        font-style: normal;
        text-decoration: none;
        line-height: 1em;
        letter-spacing: -0.2px;
        word-spacing: 0px;
        color: #FFFFFF !important;
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        border-color: #CB0025;
        border-radius: 11px 11px 11px 11px;
        padding: 8px 15px 8x 15x;
        margin-left: 8px;
    }
    .mobHeaderMenu p a {
        margin: 0;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: right;
        color: #FFFFFF;
        cursor: pointer;
    }
    .mobHeaderMenu .dropdown-content {
        display: none;
        position: absolute;
        background-color: #030303;
        z-index: 2;
        padding-bottom: 15px;
        /* width: 100%; */
        min-width: 200px;
    }
    .mobHeaderMenu .dropdown-content p a {
        color: #FFFFFF;
        padding: 8px;
        text-align: left;
        margin: 0;
        text-decoration: none;
        display: block;
    }
    .mobHeaderMenu .dropdown-content p:hover {
        background-color: #575757;
    }
    /*   Main header style ends here   */
    .virtualVisitsSec p {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .detailsContainerSection {
        display: grid;
        margin-top: 7%;
    }
    .detailsContainer .headAndDescription h3 {
        font-size: 20px;
    }
    .detailsContainer .headAndDescription p {
        font-size: 16px;
    }
    .hex-container {
        overflow-x: hidden;
        overflow-y: hidden;
        scrollbar-width: thin;
    }
    .mobHomeFooter {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .mobHomeFooter a {
        text-decoration: none;
        color: #FFF !important;
        font-size: 18px !important;
        font-family: 'Filson Regular Pro', Arial, sans-serif;
    }
    .personaContainer {
        padding: 1%;
        margin-top: -22%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 15px;
        column-gap: 15px;
    }
    .personaContainer img {
        cursor: pointer;
    }
    .n2-ss-item-content a {
        font-size: 16px !important;
    }
    .dataTables_wrapper .dataTables_info {
        text-align: left !important;
    }
    #search-result-table_wrapper .dataTables_info {
        padding-top: 15%;
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-left: -4%;
        text-align: left !important;
    }
    .institutionTabs .e-n-tab-title:hover {
        background: #232323 !important;
    }
    .n2-ss-slider .n2-ss-slider-controls-absolute-left-center>*,
    .n2-ss-slider .n2-ss-slider-controls-absolute-right>* {
        margin-left: 0 !important;
    }
    .n2-ss-slider .n2-ss-slider-controls-absolute-right-center>*,
    .n2-ss-slider .n2-ss-slider-controls-absolute-left>* {
        margin-right: 0 !important;
    }
    .viewSampleContent p {
        font-size: 16px !important;
        line-height: 23px !important;
    }
    #centerResourcesbtn a {
        text-align: left;
    }
    .pagination a,
    .pagination span {
        padding: 0px 10px !important;
    }
    .searchResultSec {
        padding: 0 !important;
    }
    .resultContainer .elementor-widget-container {
        padding: 0 !important;
    }
    .table-message {
        padding: 0 !important;
    }
    .dropdownHeaderContainer {
        width: 54% !important;
        text-align: right !important;
    }
    .search-box-header {
        width: 37% !important;
        padding-top: 2% !important;
    }
    .translateContainer {
        width: 50% !important;
    }
    .translateContainer .elementor-shortcode {
        text-align: end !important;
    }
    .pagination {
        gap: 7px !important;
        flex-wrap: wrap !important;
    }
    #n2-ss-27 {
        min-height: 30vh !important;
    }
    .mobileLogoBanner {
        width: calc(100% + 20px) !important;
        background: linear-gradient( to bottom, rgba(0, 0, 0, 0.8) 0%, /* Dark at the top */
        rgba(0, 0, 0, 0) 100%/* Fully transparent at the bottom */
        );
        top: -12% !important;
    }
}


/* Style for mobile responsivenss ends here */

.bluePoints {
    margin-left: 10px !important;
}

.citizen-head a {
    text-decoration: none !important;
}

.bread-black a {
    text-decoration: none !important;
}

.citizen-module,
.design-module,
.community-module {
    cursor: pointer;
}

.does-my-scl-participate {
    cursor: pointer;
}

#page {
    justify-content: space-between;
}


/* Your CSS rules for desktop devices go here */

.homeBannerLayer {
    width: calc(100% + 22px) !important;
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, /* Fully transparent at 0% */
    rgba(0, 0, 0, 0) 1%, /* Remains fully transparent until 1% */
    rgba(0, 0, 0, 0.8) 100%/* Gradually transitions to dark at the bottom */
    );
    top: 18% !important;
}

.mobileHomeBanner {
    width: calc(100% + 22px) !important;
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, /* Fully transparent at 0% */
    rgba(0, 0, 0, 0) 1%, /* Remains fully transparent until 1% */
    rgba(0, 0, 0, 0.8) 100%/* Gradually transitions to dark at the bottom */
    );
    top: 10% !important;
}

.homeLogoBanner {
    width: calc(100% + 22px) !important;
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0.8) 0%, /* Dark at the top */
    rgba(0, 0, 0, 0) 100%/* Fully transparent at the bottom */
    );
    top: -1% !important;
}

.homeGrids {
    max-height: 7em;
}


/* .mainBannerSliderSection {
    max-height: 70vh;
    overflow: hidden;
} */

.custom-breadcrumbs a {
    text-decoration: none !important;
}

.expoPageSection p {
    margin-bottom: 0;
}

.downloadLink {
    color: #FF8000;
    text-decoration: none !important;
}

.downloadLink:hover {
    color: #FF8000;
    text-decoration: none !important;
}
.uaExpoHome a{
    text-decoration: none !important;
}
.elementor-location-footer{
    background-color: #000000;
}

/* Styles for newsletter starts here*/

#mailpoet_form_1 form.mailpoet_form {
    padding: 40px 20px 20px !important;
}

#mailpoet_form_1 h1 span {
    font-family: "Filson Regular Pro", Sans-serif !important;
}

.mailpoet_form_columns_container {
    margin-top: 2% !important;
}

#mailpoet_form_1 .mailpoet_text,
#mailpoet_form_1 .mailpoet_textarea {
    color: #000 !important;
    font-family: "Filson Regular Pro", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 15px !important;
}

#mailpoet_form_1 .mailpoet_submit {
    background: rgb(203, 0, 37) !important;
    color: rgb(255, 255, 255) !important;
    font-family: "Filson Regular Pro", Sans-serif !important;
    font-weight: 500 !important;
    padding: 13px !important;
}

#mailpoet_form_1 .mailpoet_text:-webkit-autofill,
#mailpoet_form_1 .mailpoet_textarea:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* Styles for newsletter ends here*/