@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/*font-family: "Roboto Condensed", sans-serif;
font-optical-sizing: auto;
font-weight: normal;
font-style: normal;*/


body, p {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}

.topbar {
    background-color: #ffc640 !important;
    padding:5px;
}

.header .branding {
    background: #0676ea !important;
    padding:0;
}

.main {
    margin-top: -1px;
}

/*######### NAVIGATION ###########*/

.navmenu > ul > li {
    white-space: nowrap;
    padding: 15px 14px;
    border-right: 1px solid #0664c6;
}

.navmenu .dropdown ul {
    background: #0676ea !important;
}
    .navmenu > ul > li:hover {
        background: #fd7e14;
    }


.navmenu .dropdown ul a {
    color: #fff !important;
    border-bottom: 1px solid #114885 !important;
}
.navmenu .dropdown ul a:hover {
    background: #002e82 !important;
}



/*######### Nav Pills Tabs ###########*/

.nav-pills {
    --bs-nav-pills-link-active-bg: #dc3545 !important;
    font-size: 20px;
}


.nav-link:focus, .nav-link:hover {
    color: #fff !important;
    background: #DC3545 !important;
}

/*///////////////////////*/
.carousel-control-prev {
    background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0));
}

.carousel-control-next {
    background-image: linear-gradient(to left, #000, rgba(0, 0, 0, 0));
}


/*.carousel-control-prev:hover {
    background: #0000008a;
    background-image: linear-gradient(to right, #000, #000);
}*/


.section-title h2::after {
    background: #dc3545 !important;
}

/******** Box Bg **********/

.BoxGreenBg {background: #188406;}
.BoxGreenBg:hover {background: #17660a;}


/******** Card **********/

.CardGreen {
    padding: 15px;
    background: #fbf0cd;
    border: 1px solid #d4c9a6;
    border-radius: 15px;
}

.CardRed {
    padding: 15px;
    background: #fbf0cd;
    border: 1px solid #d4c9a6;
    border-radius: 15px;
}

.Title1 {
    font-size: 25px;
    background: #dc3545;
    padding: 15px;
    color: #fff;
    border-radius: 15px;
}

.Title2 {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 20px;
    font-weight: bold;
    border-left: 5px solid #f00;
    padding: 5px 15px;
    background-image: linear-gradient(to right, #ffd5d5, #fff);
}

.TxtJustify {
    text-align: justify !important;
}
.TxtLeft{text-align:left !important;}


/******** Btn **********/

.btnSpl {
    font-size: 22px;
    font-weight: bold;
    border-radius: 30px;
    display: block;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-width: 5px;
    border-style: solid;
}

    .btnSpl:hover {
        border-radius: 0px !important;
    }

    .btnSpl span {
        font-size: 14px;
        font-weight: normal;
        padding-top: 10px;
    }

.BtnXs {
    font-size: 12px;
    padding: 2px 5px;
    margin: 2px;
}

.BtnRed {
    background: #ff1202;
    color: #fff;
    font-size: 14px;
    padding: 3px;
    margin: 2px;
    text-align: center;
    border-radius: 5px;
}

.BtnBlue {
    background: #0676ea;
    color: #fff;
    font-size: 14px;
    padding: 3px;
    margin: 2px;
    text-align: center;
    border-radius: 5px;
}

.BtnGreen {
    background: #189903;
    color: #fff;
    font-size: 14px;
    padding: 3px;
    margin: 2px;
    text-align: center;
    border-radius: 5px;
}

/*////////////////////////////*/
.form-control {
    border: 1px solid #505050 !important;
    color: #4f4f4f !important;
}
    .form-control:focus {
        border: 1px solid #0676ea !important;
        border-radius:5px !important;
        background:#cce4fe !important;
        color:#000 !important;
    }

.contact .info-container {
    background-color: #dc3545 !important;
}

.contact .info-item {
    background-color: color-mix(in srgb, #fff, transparent 90%) !important;
}

.php-email-form {
    background: #ffd2d2 !important;
}
/**list**/
.List1 {
    padding: 0;
    margin: 0;
}
.List1 li {
    display: block;
    background: #fff;
    font-size: 14px;
    border-bottom: 2px dashed #aaa;
    padding: 5px;
    margin: 5px;
}

/*//////////////////////*/

.Pd15 {
    padding: 15px !important;
    border-radius:15px;
}

.imgShadow {
    -webkit-box-shadow: 5px 5px 0px 1px rgba(0,0,0,0.69);
    box-shadow: 5px 5px 0px 1px rgba(0,0,0,0.69);
}

/*********************/
.scroll-top{background:#dc3545 !important;}
.scroll-top:hover {
    background: #ff0018 !important;
}