/*navigation*/
.top-contact,
.top-contact a,
.top-links,
.top-links a {
    font-size: 12px !important;
}

.nav.menu a {
    font-size: 16px !important;
}

/* header */
.color-primary {
    color: #00713f;
}
.color-secondary {
    color: #023691;
}
/*slider*/

.swiper-slide .container div {
    width: 100%;
}

.swiper-slide .container div>span {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0
}

.swiper-slide .container div>span>p {
    text-align: center;
    padding: 10px;
    color: #ffff;
    background: rgba(0, 0, 0, 0.7);

}

.samajik-sanjal{
    padding:40px;
    background-color: white;
    border-radius:20px;
    margin-right: 10px;
    margin-left:10px;
}

/*end of slider*/


.officer-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 300px;
    height: 100%;
    justify-content: space-around;
    border: 1px #e6e6e6 solid;

    /* border-radius: 20px; */
}

.officers {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100px;
}

.officers .officer-img {
    width: 100%;
    height: 123px;
    /* height: 150px;
	width: 123px; */
}

.officers .officer-designation {
    color: #000;
    font-size: 14px;

}

.officers .officer-name {
    font-size: 13px;
}

.officers .officer-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    border: 1px solid #e6e6e6;
    /* border-radius: 20px */

}


/*logo*/
.logo {
    height: 70px;
}



.dfo-logo>img {
    height: 85px;
}

/*about khotang image*/

.about-khotang-image {
    width: 540px;
    overflow: hidden;
}

.about-khotang-image img {
    width: 100%;
    object-fit: cover;

}

.dfo-logo {
    display: flex;
    align-items: center;
}


.logo-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 400px;
}

.logo-desc .logo-title {
    font-weight: 600;
    font-size: 20px;
}

.logo-desc .logo-address {
    font-size: 13px;
    /* color: #1453B4; */
    font-weight: 600;
}


/* lists */

.lists li:before {
    position: absolute;
    content: "❖";
    left: 0px;
    top: 0px;
    font-size: 16px;
    color: #1453b4;
}

.lists li {
    position: relative;
    color: #1453B4;
    font-size: 15px;
    font-weight: 500;
    padding-left: 28px;
    margin-bottom: 8px;
}

.lists li>a {
    color: #1453b4;
    display: block;
}

.lists li>a:hover {
    color: #69b414;
}

.lists li>span:before {
    position: absolute;
    content: '📅';
    left: 0;
    top: 0;
}

.lists li>span {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-left: 19px;
    display: flex;

    color: rgb(32, 32, 32);
}



/* gallery lists */

.compact-gallery .item {
    height: 35vh;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.compact-gallery .item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* transform-origin: 65% 75%; */
    transition: transform 1s, filter .2s ease-out;
}

.compact-gallery .item img:hover {
    transform: scale(1.02);
}


/* marquee */

.invi {
    background: #d0d0d0;
    position: absolute;
    width: 1px;
    height: 100% !important;
    right: 0;
}

.mynotice a {
    color: #212121;
}

.mynotice a:hover {
    color: rgb(204, 0, 0) !important;
}



/* modal */


.close {
    position: absolute;
    right: 0;
    z-index: 2;
    left: 3;
    padding-right: 9px !important;
    top: 2px !important;
    opacity: 100% !important;
}

.close:hover {
    color: #2896df !important;
}

.close:focus {
    outline: none !important;
}


/* recent boards */

.recentboards .widget {
    min-height: 200px;
    border: 0.4px #e7e7e7 solid;
}

.recentboards h3 {
    font-size: 24px;
}