:root {
    --width-xl: 1400px;
    --link-color: #004eff;
    --primary-color: #1c66a8;
    --secondary-color: #03a678;
    --highlight-color: yellow;
    --candy-color: #fff;
    --custom-sm-svg-width: 18%;
    /* overwrite boostrap var */
    --bs-body-color: #3b3b3b;
    --bs-body-line-height: 1.42857143;
    --bs-link-color: #004eff;
    --bs-link-color-rgb: 0, 78, 255;
    --bs-link-hover-color-rgb: 3, 166, 120;
    --bs-body-font-family: "Source Sans Pro", "Alegreya", system-ui, -apple-system, Arial, sans-serif;
    --bs-body-font-size: 18px;
    --bs-border-color: #3b3b3b;
    /* --bs-link-decoration: none; */
}
/* TODO: move the variables overwrite to the custom boostrap theme */
.link {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: none;
}

    .link:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
        text-decoration: underline;
    }
.link--white {
    --bs-link-color-rgb: 255,255,255;
}

.bcpa-navbar {
    --bs-navbar-padding-y: 0.05rem;
    background-color: #004484;
    /*    background-image: linear-gradient(to right, #165186, #2273bc);*/
    /*    opacity: 0.92;*/
}

    .bcpa-navbar .dropdown-menu {
        --bs-dropdown-font-size: 17px;
    }

.navbar-nav {
    --bs-nav-link-color: #fff;
    --bs-navbar-hover-color: var(--secondary-color);
    --bs-navbar-active-color: var(--secondary-color);
    --bs-nav-link-font-weight: 400;
    --bs-nav-link-font-size: 17px;
}

.navbar-toggler {
    --bs-navbar-toggler-border-color: white;
    --bs-navbar-toggler-focus-width: 1px;
    --bs-navbar-toggler-padding-y: 0.5rem;
    margin: 0.5rem;
}

.navbar-nav .dropdown-menu {
    --bs-dropdown-bg: transparent;
    --bs-dropdown-divider-bg: #fff;
    --bs-border-radius: 0;
    --bs-link-color-rgb: 255, 255, 255;
    margin-top: 0;
    border-color: transparent;
    white-space: nowrap;
}

    .navbar-nav .dropdown-menu > li a {
        display: block;
        padding: 0 1.875rem;
    }

        .navbar-nav .dropdown-menu > li a:hover {
            text-decoration: none;
            -webkit-text-fill-color: var(--bs-navbar-hover-color);
        }

@media (min-width: 768px) {
    .navbar-nav .dropdown-menu {
        --bs-dropdown-bg: #004484;
        --bs-border-radius: 0 0 4px 4px;
        border-top-color: var(--primary-color);
    }
}

@media (max-width: 768px) {
    .bcpa-navbar .container-fluid {
        --bs-gutter-x: 0;
    }

    .navbar-nav .nav-link.active:not(#nav-bar-tour),
    .navbar-nav .nav-link.show {
        --bs-navbar-active-color: #555;
        background-color: #e7e7e7;
    }

    .bar1, .bar2, .bar3 {
        width: 15px;
        height: 2px;
        background-color: #fff;
        margin: 3px 0;
        transition: .4s;
        display: block;
    }

    .bar1 {
        -webkit-transform: rotate(-45deg) translate(-3px, 3px);
        transform: rotate(-45deg) translate(-3px, 3px);
    }

    .bar2 {
        opacity: 0;
    }

    .bar3 {
        -webkit-transform: rotate(45deg) translate(-4px, -4px);
        transform: rotate(45deg) translate(-4px, -4px);
    }

    .collapsed .bar1 {
        transform: rotate(0);
    }

    .collapsed .bar2 {
        opacity: 1;
    }

    .collapsed .bar3 {
        transform: rotate(0);
    }
}
/* END Overwrite variables */



/*Page animations*/
body {
    position: absolute;
}

html::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

html::-webkit-scrollbar-thumb {
    border-radius: 99px;
    background-color: #777777;
}

/* ------------------------------------------- */
/* Slide Top 
/* ------------------------------------------- */
.navigate-slide {
    position: relative;
    -webkit-animation: slideTop 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-animation: slideTop 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation: slideTop 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes slideTop {
    from {
        top: 60px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.animate-opacity {
    opacity: 1;
    transition: opacity 250ms ease-out;
}

    .animate-opacity:hover {
        opacity: 0.5;
    }
/*Page animations*/


/* START candy */

.candy::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    border-top: 17px solid var(--candy-color);
    margin: 0 auto;
    position: relative;
    z-index: 9;
}

/* END candy */


/* Index Page Styling */

/* begin feedback windows */
@media only screen and (min-width: 768px) {
    #feedBackContainer {
        position: fixed;
        top: 100vh;
        right: 5px;
        height: 150px;
        width: 250px;
        z-index: 1000000;
        transform: translateY(-108%)
    }
}

#feedBackContainer h4 {
    margin: 10px 0 10px 0;
    font-weight: bolder;
    color: #1c66a8
}

#feedBackContainer button {
    width: 70px;
    font-size: 12px;
    margin-right: 3px
}

#feedBackContainer label {
    font-size: 12px;
    color: #1c66a8;
}

#feedBackTA {
    height: 100%;
    font-size: 12px;
    width: 100%;
    text-align: left;
}

.disableButton {
    opacity: 0.5;
}

.enableButton {
    opacity: 1;
}

.hideWindows {
    display: none;
}

.messageContainer {
    position: relative;
    padding: 3% 3% 3% 6%;
    width: 100%;
    height: 70%;
    background-color: #d3dce5;
}

.feedBackFormCointainer {
    position: relative;
    top: -155px;
    padding: 5% 13% 3% 3%;
    text-align: left;
    width: 100%;
    height: 300px;
    background-color: #d3dce5;
}

.cutterDiv {
    position: absolute;
    height: 40px;
    width: 40px;
    bottom: -23px;
    right: -23px;
    background-color: transparent;
    transform: rotate(45deg)
}

.closeCross {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #1c66a8;
    font-size: 12px
}

    .closeCross:hover {
        cursor: pointer;
    }

/*end of feedback*/

.social-icon {
    color: white;
}
.social-icon--black {
    color: black;
}
.icon:hover, .icon:focus, .social-icon:hover, .social-icon:active {
    text-decoration: none;
    -webkit-text-fill-color: #0bb586;
    color: #0bb586;
}

body {
    text-align: left;
}

/* Button Styling */
.btnstyle {
    background-color: #1c66a8;
    border-radius: 15px;
    border-color: #1c66a8;
    color: white
}

    .btnstyle:hover {
        background-color: #0bb586;
        border-color: #0bb586;
        color: #FFFFFF;
    }

.btnclear {
    background-color: #FFFFFF;
    border-radius: 15px;
    border-color: #1c66a8;
    color: #1c66a8;
}

    .btnclear:hover {
        background-color: lightgrey;
        border-color: lightgrey;
        color: #1c66a8;
    }

/* Button style ends */

@media print {
    .noprint {
        display: none !important;
    }

    a:link:after, a:visited:after {
        display: none;
        content: "";
    }
}
/* Events Link Hover Effect */
#eventlabel:hover {
    -webkit-text-fill-color: #0bb586;
}


/* Panel Style changes ends here*/

/* Hide About Marty Image, Contact Image in Mobile*/
@media only screen and (max-width: 767px) {
    .imghide {
        display: none;
    }
}
/* Image Hiding on mobile Ends here*/


/* Outreach class */
#outreach {
    padding: 0%;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

#title {
    padding-left: 6%;
}

#outreach::-webkit-scrollbar {
    display: none;
}



@media only screen and (max-width: 600px) {
    #outreach {
        padding: 7%;
    }

    #title {
        padding-left: 5%;
    }

    .leftspace {
        padding-left: 5%;
        padding-right: 5%;
    }
}

/* Outreach class ends */

.default-fontsize {
    font-size: 16px;
}

/*paragraph style*/

p.big {
    line-height: 1.8;
    text-align: left;
}

p.small {
    text-align: center;
    font-size: 20px;
    font-family: Source Sans Pro;
    padding: 5%;
    padding-top: 0%;
    padding-bottom: 2.5%;
    color: #333;
}

p.icon {
    text-align: center;
    font-size: 50px;
    padding-top: 3%;
    padding-bottom: 0;
    margin: 0 auto;
}

p.solid {
    line-height: 1.8;
    font-size: 20px;
}

p.solidtitle {
    font-family: Alegreya;
    text-align: center;
    font-size: 45px;
    font-weight: 500;
    color: black;
    margin: 0 auto;
}

p.solidsubtitle {
    font-family: 'Source Sans Pro';
    font-size: 24px;
    padding-bottom: 1%;
}

p.white {
    line-height: 1.45;
    letter-spacing: .015em;
    font-size: 18px;
    font-family: Source Sans Pro;
    text-align: left;
}

p.title {
    text-align: left;
    font-size: 38px;
    font-family: Source Sans Pro;
    font-weight: 500;
    margin: 0 auto;
    color: black;
    text-transform: uppercase;
}

p.subtitle {
    font-family: Source Sans Pro;
    font-size: 24px;
    font-weight: bold;
}

/*paragraph style*/


/*media Quueries for icons svg grup in home, homestead and search and carousel ,  big4 in home page*/
@media only screen and (min-width: 768px) {
    .icon-hide-mobile {
        display: contents !important;
    }

    .icon-show-mobile {
        display: none !important;
    }

    #icons-row2 {
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .showmblbig4 {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .icon-show-mobile {
        display: inline !important;
    }

    .icon-hide-mobile {
        display: none !important;
    }

    .showmblbig4 {
        display: contents !important;
    }

    .notShowMobile {
        display: none !important;
    }
}
/*media Quueries for icons svg in home page ends*/



/* Nav Bar Styles */

header {
    /*height: 250px;*/
    z-index: 10;
}

.header-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background: #1665a5;
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.bcpa-navbar {
    width: 100%;
    z-index: 500;
}

#logo-main {
    display: block;
}


@media (max-width: 767px) {
    /* close icon*/

    .bar1, .bar2, .bar3 {
        width: 15px;
        height: 2px;
        background-color: white;
        margin: 3px 0;
        transition: 0.4s;
    }
}


/* Header Image*/

.visible-mobile {
    display: none !important;
}


@media (max-width: 767px) {
    .visible-mobile {
        display: inline !important;
    }

    .hidden-mobile {
        display: none !important;
    }
}

/* Nav Bar Styles ends here*/


/* Footer Style*/
#index-footer {
    font-size: 15px;
}

    #index-footer h4 {
        margin-top: 10px;
    }

footer {
    /*background: #00B1E0;*/
    background-color: #1c66a8;
    /*background-image: linear-gradient(to right, #165186, #2273bc);*/
    /*opacity: 0.5;*/
    color: #fff;
    margin: 0;
    margin-top: auto;
}

    footer .centered {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding-top: 1.5%;
    }

        footer .centered .footer-logo {
            width: 20%;
        }

            footer .centered .footer-logo img.logo {
                padding: 25px 20px 10px 20px;
                /*padding: 50px 20px 10px 10px;*/
                max-width: 100%;
            }

        footer .centered .footer-contact {
            padding-top: 1%;
            width: 20%;
        }

        footer .centered .footer-navigation {
            width: 60%;
            padding-bottom: 1%;
        }

            footer .centered .footer-navigation .footer-links-holder {
                width: 20%;
                position: relative;
                float: left;
                margin: 0;
            }

                footer .centered .footer-navigation .footer-links-holder .footer-links {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                    -webkit-transition: max-height 0.5s;
                    transition: max-height 0.5s;
                }

    footer .bottom-bar {
        position: relative;
        text-align: center;
        font-size: 0.8em;
        padding: 15px 0;
        border-top-color: white;
        border-top-width: 1px;
        border-top-style: outset;
    }

/* Responsive Tablet Sizes */
@media only screen and (max-width: 768px) {
    footer .centered {
        flex-wrap: wrap;
    }

        footer .centered .footer-logo {
            max-width: 250px;
            width: 50%;
        }

        footer .centered .footer-contact {
            width: 50%;
            padding: 0 20px;
        }

        footer .centered .footer-navigation {
            width: 100%;
        }

            footer .centered .footer-navigation .footer-links-holder {
                padding: 0 20px;
            }
}
/* Responsive Mobile Sizes */
@media only screen and (max-width: 500px) {
    footer .centered .footer-logo {
        width: 100%;
        margin: 0 auto;
    }

    footer .centered .footer-contact {
        width: 100%;
    }

    footer .centered .footer-navigation .footer-links-holder {
        width: 100%;
        padding: 0;
    }

    #index-footer h4 {
        margin: 0;
        padding: 10px 20px;
        border-top: #fff 1px solid;
        cursor: pointer;
    }

        #index-footer h4::after {
            /* Down Arrows */
            float: right;
            margin-right: 10px;
            content: "";
            display: inline-block;
            vertical-align: middle;
            margin-top: 7px;
            width: 7px;
            height: 7px;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
            -webkit-transition: transform 0.5s;
            transition: transform 0.5s;
        }

    footer .centered .footer-navigation .footer-links-holder .footer-links {
        max-height: 0;
        overflow: hidden;
        padding: 0 20px;
    }

    footer .centered .footer-navigation .footer-links-holder.active h4::after {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    footer .centered .footer-navigation .footer-links-holder.active .footer-links {
        max-height: 10000px;
    }
}
/* Social Icons */
.social {
    text-align: center;
}

    .social a {
        display: inline-block;
        padding: 7px;
        width: 100px;
        margin: 0 2px;
        /*height: 100px;*/
        /*background: #fff;*/
        /*border-radius: 50%;*/
        vertical-align: middle;
    }

        /*.social a:hover {
                background: #65c2ed;
            }*/

        .social a.linkedin {
            padding: 4px;
        }

/* Typography */
.ff-source-sans-pro {
    font-family: 'Source sans pro'
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
/* label {
        font-weight: bold;
    } */
footer h3 {
    color: #02b1e4;
    font-weight: lighter;
    /*font-style: italic;*/
    margin-bottom: 0;
}

footer h4 {
    color: white; /*#02b1e4;*/
    font-weight: 600;
    margin-bottom: 0;
    padding-top: 10%;
    font-size: 16px;
    /*font-style: italic;*/
}

.footer_blue {
    color: white;
}

footer p, footer li {
    font-weight: 300;
    letter-spacing: 0.05em;
    margin: 10px 0;
    /*text-transform: uppercase;*/
}

footer a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 0.5s, background 0.5s;
    transition: color 0.5s, background 0.5s;
    padding: 1%;
}

    footer a:visited {
        color: #fff;
        text-decoration: none;
        -webkit-transition: color 0.5s, background 0.5s;
        transition: color 0.5s, background 0.5s;
        padding: 1%;
    }

    footer a:hover,
    footer a:active,
    footer a:focus {
        color: #0bb586;
    }
/* Misc CSS */
.clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    clear: both;
}

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Footer Style Ends here*/



@media (max-width: 960px) {
    body {
        position: absolute;
        width: 100%;
        overflow-x: hidden;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .w3-content {
        width: 100%;
        overflow: hidden;
    }
}

@media (min-width: 961px) {
    body {
        /*background-image: url('../images/main-pattern.png');*/
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        position: absolute;
        overflow-x: hidden;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-color: #f5f7fa;
    }

    .w3-content {
        width: 80%;
        overflow: hidden;
    }
}

@media (min-width: 1600px) {
    .w3-content {
        max-width: var(--width-xl);
        width: 100%;
    }

    footer .centered {
        max-width: var(--width-xl);
    }
}

.btn-secondary {
    background-color: #95A5A6;
    border-color: #95A5A6;
    color: #FFFFFF;
}

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary:active,
    .open .dropdown-toggle.btn-secondary {
        background-color: #7F9293;
        border-color: #74898A;
        color: #FFFFFF;
    }

.btn-default {
    background-color: #95a5a6;
    border-color: #95a5a6;
    color: #fff
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .open .dropdown-toggle.btn-default {
        background-color: #7f9293;
        border-color: #74898a;
        color: #fff
    }


/************** menu ********************/
/* .thumbnail {
        margin-top: 5px;
        margin-right: -10px;
        margin-left: -10px;
        overflow: Hidden;
        background: white;
    } */

#propertyImage img {
    transition: all 0.3s ease 0s; /* properties , duration , timening function delay*/
    width: 100%;
    background: rgba(0,0,0,0.5);
}

.thumbnailPage {
    margin-left: -20px;
    height: 800px;
    overflow: auto;
    visibility: visible;
    overflow-x: hidden;
}

.btn-block {
    height: 30px;
    margin-right: 0px;
    margin-bottom: 6px;
    margin-left: -10px;
    width: 110%;
    display: block;
}

.btn-primary:disabled,
.btn-primary.disabled {
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
}

/* START ICONS GRID  -> Home and Homestead*/
.list-icon-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
    row-gap: 3rem;
    margin-bottom: 24px;
}

    .list-icon-grid .icons-svg {
        text-align: center;
        display: grid;
        align-items: center;
        gap: 12px;
    }

        .list-icon-grid .icons-svg:hover {
            text-decoration: none;
        }

        .list-icon-grid .icons-svg svg {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        .list-icon-grid .icons-svg span {
            color: white;
            margin-bottom: 0;
            padding: 0;
        }

    /*for icon animation*/
    .list-icon-grid .icon-hover:hover,
    .list-icon-grid .icon-hover:focus {
        animation: pulse 1s alternate;
        -webkit-animation: pulse 1s alternate;
        animation-iteration-count: 1;
        animation-timing-function: linear;
    }
/* icon animation ends here*/

@media (min-width: 768px) {
    .list-icon-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* END ICONS GRID */


/* START Typography */
.s-title {
    margin-top: 0;
    font-size: 32px;
    line-height: 1.125;
    font-weight: 400;
    font-family: Source Sans Pro;
}

.s-title--dark {
    color: #1d1d1f;
}

.s-subtitle {
    font-size: 19px;
    line-height: 1.21053;
    font-weight: 400;
}

.s-subtitle--dark {
    color: #1d1d1f;
}

@media screen and (min-width: 1024px) {
    .s-title {
        font-size: 42px;
    }

    .s-subtitle {
        font-size: 24px;
    }
}

/* END Typography */


/* START GLOBAL UTILITIES */
.fs-7 {
    font-size: calc(var(--bs-body-font-size) * 0.85) !important
}

.cursor-pointer:hover {
    cursor: pointer;
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.text-decoration-none {
    text-decoration: none;
}

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

.uppercase {
    text-transform: uppercase;
}

.text-base {
    font-size: 16px;
}

.mt-8 {
    margin-top: 32px;
}

.mb-8 {
    margin-bottom: 32px;
}

.p-5p {
    padding: 5%;
}

@media only screen and (max-width: 767px) {
    .custom-sm-svg-width {
        width: var(--custom-sm-svg-width);
    }
}
/* END GLOBAL UTILITIES */

.highlight-color:not(:hover) {
    color: var(--highlight-color);
}

/* FIX bootstrap modal open scroll */
body.modal-open {
    padding-right: 0px !important;
}

.modal .fade .in {
    padding-right: 0px !important;
}

/* overwrite bootstrap styles */
.popover-header {
    margin-top: 0;
}

.blockquote {
    padding: 10px 20px;
}

/* TODO: move each component to separate file with sass or vite pre processor */
/* ACCORDION */
.c-accordion {
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-bg: transparent;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .05rem rgba(28, 102, 168, .25);
}

    .c-accordion .accordion-button {
        font-size: 18px;
        justify-content: flex-end;
        flex-direction: row-reverse;
    }

        .c-accordion .accordion-button:hover {
            --bs-accordion-btn-color: var(--bs-secondary);
            --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2303a678' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
        }

        .c-accordion .accordion-button::after {
            --bs-accordion-btn-icon-width: 14px;
            margin-right: 8px;
            margin-left: 0;
            flex-grow: 0;
        }

    .c-accordion .accordion-body {
        --bs-accordion-body-padding-y: 28px;
        font-size: var(--bs-body-font-size);
    }

/* Bootstrap tabs overwrite */
.nav-tabs {
    --bs-nav-tabs-link-active-color: #fff;
    --bs-nav-tabs-link-active-bg: var(--primary-color);
    --bs-nav-tabs-link-active-border-color: var(--primary-color);
    --bs-nav-link-color: var(--primary-color);
    --bs-nav-tabs-link-hover-border-color: var(--secondary-color) var(--secondary-color) var(--bs-border-color);
    gap: 1px;
}

    .nav-tabs .nav-link {
        border: var(--bs-nav-tabs-border-width) solid var(--primary-color);
        background-color: #f5f5f5;
    }

a.nav-link:hover {
    cursor: pointer;
}

.nav-tabs .nav-link:not(.active):hover {
    /* --bs-nav-link-color: var(--secondary-color);*/
    color: var(--secondary-color);
}

.tab-content {
    padding-top: 28px;
}

/* Jquery UI */
.ui-datepicker {
    z-index: 3 !important;
}


/* Video Iframe wrapper*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* Video Iframe wrapper Ends here*/

label {
    font-weight: bold;
}

/* Validation */
.errorValidation {
    border-color: red;
    box-shadow: inset 0 1px 1px red, 0 0 5px red;
}

.invalidFile {
    color: red;
}
/* End Validation */

.fa.fa-twitter::before {
    content: "𝕏";
    font-size: 1.2em;
}

.modal {
    --bs-modal-header-border-color: #e5e5e5;
    --bs-modal-footer-border-color: #e5e5e5;
}

.text-sm {
    font-size: 14px;
}

.c-form {
    box-shadow: 0 0 1px #333;
    border-radius: 15px;
    padding: 3% 5%;
}