@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {
    font-family: 'Questrial';
    background-color: #fff6f2;
}

a {
    text-decoration: none;
}

.header {
    position: relative;
    border-bottom: 1px solid #0000003a;
    padding: 5px 0;
}

.header .logo-area {
    display: flex;
}

.menu-area ul li {
    margin-left: 5px;
}

.menu-area ul li a {
    display: flex;
    color: brown;
    border: 1px solid rgba(165, 42, 42, 0.178);
    align-items: center;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    padding: 5px 10px;
    font-size: 18px;
    border-radius: 25px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.4s;
}

.menu-area ul li a .menu-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 33px;
    width: 33px;
    color: brown;
    background-color: rgb(248 231 227);
    margin-right: 5px;
    border-radius: 50%;
}

.menu-area ul li a .menu-icon i {
    font-size: 18px;
}

.menu-area ul li a .menu-text {
    padding: 5px;
}

.menu-area ul li a:hover {
    border: 1px solid rgba(165, 42, 42, 0.178);
    background-color: brown;
    color: white;
    transition: all 0.4s;
}

.header-logo img {
    height: 70px;
}

.logo-right img {
    height: 68px;
}

.minister-box {
    background-color: brown;
    padding: 10px;
    border-radius: 20px;
}

.minister-container {
    padding: 20px;
    background: #fdf8ea;
    border-radius: 20px;
}

.minister-img {
    width: 230px;
    max-width: 100%;
    display: block;
    margin: auto;
}

.minister-img img {
    max-height: 250px;
    border-radius: 15px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.minister-content {
    padding-top: 10px;
    display: block;
    margin: auto;
    text-align: center;
}

.minister-content h3 {
    color: brown;
    font-family: 'Jost', sans-serif;
    margin-bottom: 5px;
    font-size: 20px;
}

.minister-content p {
    font-family: 'Questrial';
    line-height: 1.2;
}

.section-title {
    margin-bottom: 15px;
}

.section-title .title {
    font-family: 'Jost', sans-serif;
    color: brown;
    font-size: 46px;
    margin-bottom: 0;
}

.banner .carousel .carousel-inner .carousel-item img {
    border-radius: 20px;
}

.govt-link {
    padding: 20px 10px;
}

.govt-link a {
    background-color: white;
    position: relative;
    box-shadow: var(--bs-box-shadow) !important;
    border-bottom: 2px solid brown;
    padding: 8px 15px;
}

.govt-link a::before {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    height: 40px;
    width: 40px;
    background-color: brown;
    transition: all 0.3s;
    z-index: -1;
}

.govt-link a:hover::before {
    width: 80%;
    height: 80%;
    transition: all 0.3s;
}

.govt-link a img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.fact-single {}

.fact-single .fact-title {
    font-family: 'Jost', sans-serif;
    font-size: 26px;
}

.fact-single .facts-no {
    font-size: 45px;
    color: brown;
}

.footer {
    border-top: 1px solid #0000003a;
}

@media (min-width: 768px) and (max-width: 1024px)   {
    .header{padding: 10px 0 15px 0;}
    .header-logo img {
        height: 50px;
    }
    .minister-box {
        padding: 4px;
    }

    .minister-container {
        padding: 5px;
    }

    .minister-img {
        width: 100%;
    }

    .minister-img img {
        max-height: 190px;
        object-fit: fill;
    }

}

@media (min-width: 481px) and (max-width: 767px) {
    .header {
        padding: 5px 0 10px 0;
    }

    .header .logo-area {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .header .navigation {
        flex-wrap: wrap;
    }

    .menu-area {
        width: 100%;
    }

    .menu-area ul {
        justify-content: center;
        margin-left: 0 !important;
        width: 100%;
        margin-bottom: 10px !important;
    }


}

@media (min-width: 300px) and (max-width: 480px) {
    .header .logo-area {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .header .navigation {
        flex-wrap: wrap;
    }

    .menu-area ul li {
        margin-left: 2px;
    }

    .menu-area ul li a {
        flex-wrap: wrap;
        justify-content: center;
        border-radius: 10px;
        margin-bottom: 15px;
    }

    .menu-area ul li a .menu-text {
        padding: 0;
    }

    .menu-area ul li a .menu-icon {
        margin-bottom: 5px;
        margin-right: 0;
        height: 45px;
        width: 45px;
    }

    .menu-area ul li a .menu-icon i {
        font-size: 22px;
    }

    .minister-box {
        padding: 5px;
    }

    .section-title .title {
        font-size: 40px;
    }
}

/* start login css */
 .login-wrapper{background-image:url(../images/library-bg-2.jpg);
    height: 100vh; 
background-size: cover;
    }
 .login-bg-blure {
   display: flex;
   justify-content: center;
   align-items: center;
 background-color: #000000bd;
 backdrop-filter: blur(2px);
 height: 100vh;
}
.login-lr-wrapper{

display: flex;

justify-content: center;

align-items: center;

height: 90vh;

width: 75vw;
}
.login-left-block{
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background-color: #fff;
width: 50%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.login-logo img {
 width: 79px;
 background: #667bed;
 padding: 2px;
 border-radius: 10px;
}
.login-right-block{position: relative;border-top-right-radius: 10px;border-bottom-right-radius: 10px;/* background-color: #ad2626; *//* background: linear-gradient(-45deg, #0c38a7, #a30606 37%, #0c38a7); */background: linear-gradient(-45deg, #f39b73, #ffdfd1 40%, #ff99a6);width: 50%;height: 100%;padding: 70px;}
.login-right-block::before {
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 background-image: url(../images/line-svg.svg);
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background-size: cover;
}
.login-info {
    height: 100%;
    padding: 20px;
    background-color: #0000000a;
    backdrop-filter: blur(1.5px);
    border-radius: 20px;
    border-bottom: 11px solid #bf2130;
    }
.login-info {
 position: relative;
}
.login-info{position: relative;}
.login-info:before {
 content: '';
 position: absolute;
 /* width: 100%; */
 height: 68px;
 /* background-color: #a52a2a; */
 left: 40px;
 right: 0;
 top: auto;
 bottom: 68px;
}
.login-info h3 {
 color: #edc70a;
 font-size: 19px;
}
.login-info img {
 position: absolute;
 right: 1px;
 bottom: -10px;
 width: 86%;
}
@media only screen and (max-width:576px) and (min-width:300px)
{
.login-left-block {
 width: 100%;
}
.login-lr-wrapper {
 height: 80vh;
 width: 90vw;
}
.bg-light-pink.p-5.rounded-4 {
    padding: 20px !important;
}
.bg-bank-details{margin-right: 0px !important; margin-bottom: 50px;}
.bg-light-pink .bg-bank-details::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    width: 100%;
    top: auto;
    bottom: -30px;
    background: linear-gradient(45deg, #f8e7e3, transparent), linear-gradient(217deg, #ffffff00, #00000070);
}
}
 /* end login css */

 /* start payment css */
 .bg-bank-details{
  background: #ffffff;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0px 0px 29px -23px #000;
  border-left: 3px solid #dc3545;
  margin-right: 90px;
  position: relative;
 }
 .bg-bank-details::before {
  content: '';
  position: absolute;
  right: -56px;
  height: 100%;
  width: 1px;
  top: 0;
  background: linear-gradient(45deg, #f8e7e3, transparent), linear-gradient(178deg, #ffffff00, #00000070);
}
 .bg-bank-details p span{font-size: 17px;}
 .bg-light-pink{background-color: #f8e7e3;}
 /* end payment css */

 /* dashboard additional css start */
 .header-cl {
    width: 100%;
    display: inline-block;
    margin-bottom: 25px;
    padding: 10px 0px;
    border-bottom: 3px solid #46dd0b;
    background: linear-gradient(-45deg, #ffcab2, #ffdfd1 40%, #ffabb5);
}

 .footer_sec {
    background: #2d4b9b;
    padding: 16px 0px;
    color: #fff;
}
.logo-name h2 {
    font-size: 30px;
    line-height: 0px;
    font-weight: 600;
    color: #2d4b9b;
    margin-top: 37px;
}
.logo-name h3 {
    font-size: 20px;
    color: #000000;
    font-weight: 600;
}
 /* dashboard additional css end */