﻿
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100..900&display=swap');

body
{
    font-family: 'Inter' !important;
}

.text-Brown
{
    color: #964B00 !important;
}

.bg-Brown-1
{
    background-color: #374495 !important;
}

.text-Brown-1
{
    color: #374495 !important;
}
.text-Brown-2
{
    color: #3c4ba8 !important;
}

.bg-Brown
{
    background-color: #3c4ba8 !important;
}

.bg-orange
{
    background-color: #294AFE  !important;
}

#Header .nav-link
{
    color: #3584E9  !important;
}
.nav-link
{
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: 'Inter' !important;
}


.btn-Brown, .btn-Brown:hover
{
padding: 14px 32px;
    color: #fff !important;
    background-color: #374495 !important;
    border-color: #374495;
    gap: 10px !important;
    border-radius: 4px !important;
    font-family: Inter !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.Topbar-font-size
{
    font-family: Poppins !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.carousel-caption-bg
{
border-left: 5px solid #3584E9 !important;
    background: #293270CC !important;
}

.btn-Orange, .btn-Orange:hover
{
    padding: 14px 32px;
    color: #fff !important;
    background-color: #3584E9 !important;
    border-color: #3584E9;
    gap: 10px !important;
    border-radius: 4px !important;
    font-family: Inter !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.banner-img
{
    width: 100%;
    height: 65vh;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.carousel-caption
{
    left: 4% !important;
    bottom: 8.50rem !important;
    text-align: left !important;
	display:none;
}

.banner-Caption-title
{
    font-family: Poppins !important;
    font-weight: 700 !important;
    font-size: 30px;
    line-height: 120% !important;
    letter-spacing: 0% !important;
}

.banner-Caption-Subtitle
{
    font-family: Poppins !important;
    font-weight: 500 !important;
    font-size: 18px;
    line-height: 150% !important;
    letter-spacing: 0% !important;
}

.profile-card
{
    background-color: #fff !important;
    border-radius: 10px !important;
    padding: 20px !important;
    text-align: center !important;
    margin-top: -15rem !important;
}

.profile-card-2
{
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    margin-top: -13.3rem;
}

.minister-image
{
    width: 50%;
    height: auto;
    border-radius: 10px;
    position: relative !important;
}

.minister-image-2
{
    width: 65%;
    height: auto;
    border-radius: 10px;
    position: relative !important;
}

.title
{
    font-family: Poppins !important;
    font-weight: 600 !important;
    font-size: 34px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.title-SubTitle
{
    font-family: Poppins !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    text-align: center !important;
}

.Card-title-AP
{
    font-family: Poppins !important;
    font-weight: 600 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    font-size: 18px;
    color: #2C2C2C;
}

.card-text-AP
{
    font-family: Poppins !important;
    font-weight: 400 !important;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 1.8;
    color: #2C2C2C;
}

.quick-Link
{
    font-family: Poppins !important;
    font-weight: 600 !important;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 1.8;
    color: #fff !important;
}

.quick-Sub-Link
{
    font-family: Poppins !important;
    font-weight: 400 !important;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 1.8;
    color: #fff !important;
    text-decoration: none !important;
}

.name
{
    color: #3584E9 !important;
    font-family: Poppins !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    letter-spacing: 0.5px;
    line-height: 1.8;
    text-align: center !important;
}

.designation
{
    color: #374495 !important;
    font-family: Poppins !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    letter-spacing: 0.5px;
    line-height: 1.8;
    text-align: center !important;
}

.card-MinisterName
{
    background-color: #d6dbfd  !important;
    border: 1px solid #374495 !important;
    width: 100% !important;
    max-width: 455px !important;
    height: auto !important;
    border-radius: 16px !important;
    padding: 5px !important;
    position: relative !important;
    margin: 0 auto !important;
}

/* Responsive tweaks */
@media (max-width: 992px)
{
    .profile-card, .profile-card-2
    {
        margin-top: -8rem !important;
    }

    .minister-image, .minister-image-2
    {
        width: 70% !important;
        margin-top: 5vh;
    }
}

@media (max-width: 768px)
{
    #logo
    {
        width: 100% !important;
    }

    .profile-card, .profile-card-2
    {
        margin-top: -6rem !important;
    }


    .profile-card, .profile-card-2
    {
        margin-top: -6rem !important;
    }

    .minister-image, .minister-image-2
    {
        width: 80% !important;
        margin-top: 5vh;
    }
}

@media (max-width: 576px)
{
    .profile-card, .profile-card-2
    {
        margin-top: -4rem !important;
    }

    .minister-image, .minister-image-2
    {
        width: 90% !important;
        margin-top: 5vh;
    }

    .card-MinisterName
    {
        padding: 12px !important;
    }

    .name
    {
        font-size: 1rem !important;
    }

    .designation
    {
        font-size: 0.8rem !important;
    }
    .carousel-caption
    {
        left: 4% !important;
        bottom: 0rem !important;
        text-align: left !important;
        font-size: 12px;
    }
}

.fw-600
{
    font-weight: 600 !important;
}
.box-shadow-1
{
    box-shadow: 0px 2px 4px 0px rgba(171, 190, 209, 0.6) !important;
}


.border-orange
{
    border-top: 5px solid #3584E9 !important;
}

.modal-backdrop
{
    background-color: #37449599 !important;
}

.footer-title
{
    font-family: Poppins !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
}

a
{
    color: #0d6efd;
    text-decoration: none !important;
}

.form-control:focus
{
    color: #212529;
    background-color: #fff !important;
    border-color: #3584E9 !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(53, 132, 233, 0.22) !important;
}



.input-group-text
{
    background-color: #fff !important;
}

input[type="checkbox"].custom-checkbox:checked
{
    background-color: orange;
    border-color: orange;
}

a
{
    cursor: pointer !important;
}

.h-75
{
    height: 75vh !important;
}

.btn-Brown-outline
{
    border-color: #E0E0E0 !important;
    color:#fff !important;
   background-color: #3c4ba8 !important;
}
