@font-face {
    font-family: "Akhand Bengali";
    src: url("../../fonts/AkhandBengali.eot");
    src: local("AkhandBengali"),
        url("../../fonts/AkhandBengali.eot?#iefix") format("embedded-opentype"),
        url("../../fonts/AkhandBengali.woff2") format("woff2"),
        url("../../fonts/AkhandBengali.woff") format("woff"),
        url("../../fonts/AkhandBengali.ttf") format("truetype"),
        url("../../fonts/AkhandBengali.svg#AkhandBengali") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Akhand Bengali";
    src: url("../../fonts/AkhandBengali-Bold.eot");
    src: local("AkhandBengali-Bold"),
        url("../../fonts/AkhandBengali-Bold.eot?#iefix") format("embedded-opentype"),
        url("../../fonts/AkhandBengali-Bold.woff2") format("woff2"),
        url("../../fonts/AkhandBengali-Bold.woff") format("woff"),
        url("../../fonts/AkhandBengali-Bold.ttf") format("truetype"),
        url("../../fonts/AkhandBengali-Bold.svg#AkhandBengali-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Akhand Bengali";
    src: url("../../fonts/AkhandBengali-Light.eot");
    src: local("AkhandBengali-Light"),
        url("../../fonts/AkhandBengali-Light.eot?#iefix") format("embedded-opentype"),
        url("../../fonts/AkhandBengali-Light.woff2") format("woff2"),
        url("../../fonts/AkhandBengali-Light.woff") format("woff"),
        url("../../fonts/AkhandBengali-Light.ttf") format("truetype"),
        url("../../fonts/AkhandBengali-Light.svg#AkhandBengali-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
    --brand-color: #01652f;
    --secondary-color: #f09723;
    --gray-color: #333333;
}

.btn-primary {
    background-color: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
}

.btn-primary:hover {
    background-color: var(--gray-color) !important;
    border-color: var(--gray-color) !important;
}

ul#top_links a,
.custom-paragraph,
.custom-heading,
.btn-ruchi,
.btn-image,
.main_title,
.submission_form .alert,
.form-check-label,
.breadcrumb-item,
.form-control,
.custom-file-input,
.custom-file-label {
    font-family: "Akhand Bengali", sans-serif;
}

header#plain.sticky ul#top_links a {
    color: black;
}

ul#top_links a {
    font-size: 14px;
    padding: 5px 10px;
    color: #f09723;
}

ul#top_links a:hover {
    color: #000;
}

#logo_home a {
    display: block;
}

#logo_home img {
    /* padding: 5px 0; */
    max-width: 55px;
}

.home_img {
    width: 100%;
    height: auto;
}

.custom-heading {
    font-weight: bold;
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 385px);
}

main {
    flex: 1;
}

footer {
    width: 100%;
}

.btn-ruchi {
    background-color: #ff9b00;
    border-radius: 5px;
    color: #fff;
    padding: 15px 30px;
    min-width: 150px;
    max-width: 180px;
    text-align: center;
}

.btn-ruchi:hover {
    background-color: #ff9b00;
    color: #000;
}

.breadcrumb-item {
    font-size: 1.25em;
}

.breadcrumb-item a {
    color: #035846;
    font-weight: bold;
}

.main_title h2 {
    font-weight: bold;
    text-align: center;
}

.submission_form {
    margin: 0 auto;
}

.form-group.custom-file {
    margin-bottom: 15px;
}

.inline_link {
    text-decoration: underline;
}

.form-check-label {
    font-size: 1.5em;
}

.form-control,
.custom-file-input,
.custom-file-label {
    /* border: 1px solid #035846; */
    border: 1px solid #e6b966;
    border-radius: 5px;
}

#banner {
    height: 87vh;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-menu ul,
.main-menu ul li,
.main-menu ul li a {
    padding: 5px !important;
}

ul#top_links {
    padding: 8px;
}

#logo_home>a {
    display: block;
}

.mailto a {
    color: #888;
    font-weight: 400;
}

#floating_btn {
    padding: 10px 20px;
    margin: 10px 0;
    font-weight: bold;
    font-size: 14px;
    text-transform: capitalize;
    position: absolute;
    right: 120px;
    top: 0;
    z-index: 999;
    background-color: #faa61f;
    color: #000 !important;
    border: 1px solid #faa61f;
}

#floating_btn:hover {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #faa61f;
}

#top_links .form-group {
    margin: 0.1rem 0;
}

.btn.dropdown-toggle {
    background-color: transparent;
    padding: 10px 5px;
}

.mailto {
    padding: 10px 0;
}

.en {
    font-family: "Arial", sans-serif;
}

a.en {
    font-family: "Arial", sans-serif;
    color: #ff9b00;
    text-decoration: underline;
}

a.en:hover {
    color: #000;
}

.sub-label {
    font-size: 12px;
}

.banner-heading {
    /* color: #fff; */
    color: #faa61f;
    margin: 30px 0;
}

.banner-logo {
    max-width: 200px;
    margin-top: 7vh;
}

.container-logo {
    max-width: 200px;
    margin-bottom: 30px;
}

@media (max-width: 480px) {
    .icon_search {
        padding-right: 10px;
    }

    .mobile-logo {
        height: auto !important;
    }

    .header-logo {
        height: 44px;
        width: auto;
    }

    .header-logo {
        position: relative;
    }

    #header_menu {
        padding: 0px;
        margin: 0px;
    }

    #floating_btn {
        margin: 10px 0;
        padding: 5px 10px;
        right: 130px;
        top: -6px;
    }
}

@media (max-width: 350px) {
    .mobile {
        display: block !important;
    }
}

@media (min-width: 479px) {
    .mobile {
        display: none !important;
        visibility: hidden;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 300px) {
    .custom-heading {
        font-size: 1.5em;
    }

    .custom-paragraph {
        font-size: 1.5em;
        line-height: 2rem;
    }

    .btn-ruchi {
        font-size: 1.5em;
    }

    .btn-image {
        font-size: 2em;
        line-height: 500%;
    }

    .breadcrumb-item {
        font-size: 1.15em;
    }

    .main_title h2,
    .main_title p {
        font-size: 1.5em;
        line-height: 2rem;
    }

    .submission_form .alert {
        font-size: 1.5em;
        line-height: 2rem;
    }

    .form-check-label {
        font-size: 1.15em;
    }

    .form-control,
    .custom-file-input,
    .custom-file-label {
        font-size: 1.15em;
    }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    .custom-heading {
        font-size: 2.5em;
    }

    .custom-paragraph {
        font-size: 1.5em;
        line-height: 1.8rem;
    }

    .btn-ruchi {
        font-size: 1.75em;
    }

    .btn-image {
        font-size: 2.5em;
        line-height: 500%;
    }

    .breadcrumb-item {
        font-size: 1.25em;
    }

    .main_title h2,
    .main_title p {
        font-size: 1.6em;
        line-height: 2.5rem;
    }

    .submission_form .alert {
        font-size: 1.6em;
        line-height: 2.5rem;
    }

    .form-check-label {
        font-size: 1.5em;
    }

    .form-control,
    .custom-file-input,
    .custom-file-label {
        font-size: 1.25em;
    }
}

#photoGallery,
#videoGallery,
#blogGallery {
    max-height: 50vh;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: inset 0 0 10px #000000;
}

#photoVoting,
#videoVoting,
#blogVoting {
    top: 15vh;
}

.modal-header .close {
    z-index: 11;
}

.modal-header {
    border: none !important;
}

.modal-body {
    padding: 1rem 2rem;
}

.gallery-link {
    display: block;
}

#photoCarousel .carousel-item,
#videoCarousel .carousel-item,
#blogCarousel .carousel-item {
    min-height: auto !important;
}

.carousel-control-next {
    right: -4rem;
}

.carousel-control-next-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDkwLjggNDkwLjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MC44IDQ5MC44OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojRjQ0MzM2OyIgZD0iTTEzNS42ODUsMy4xMjhjLTQuMjM3LTQuMDkzLTEwLjk5LTMuOTc1LTE1LjA4MywwLjI2MmMtMy45OTIsNC4xMzQtMy45OTIsMTAuNjg3LDAsMTQuODINCglsMjI3LjExNSwyMjcuMTM2TDEyMC41ODEsNDcyLjQ2MWMtNC4yMzcsNC4wOTMtNC4zNTQsMTAuODQ1LTAuMjYyLDE1LjA4M2M0LjA5Myw0LjIzNywxMC44NDUsNC4zNTQsMTUuMDgzLDAuMjYyDQoJYzAuMDg5LTAuMDg2LDAuMTc2LTAuMTczLDAuMjYyLTAuMjYybDIzNC42NjctMjM0LjY2N2M0LjE2NC00LjE2NSw0LjE2NC0xMC45MTcsMC0xNS4wODNMMTM1LjY4NSwzLjEyOHoiLz4NCjxwYXRoIGQ9Ik0xMjguMTMzLDQ5MC42OGMtNS44OTEsMC4wMTEtMTAuNjc1LTQuNzU3LTEwLjY4Ni0xMC42NDhjLTAuMDA1LTIuODQsMS4xMjMtNS41NjUsMy4xMzQtNy41NzFsMjI3LjEzNi0yMjcuMTE1DQoJTDEyMC41ODEsMTguMjMyYy00LjE3MS00LjE3MS00LjE3MS0xMC45MzMsMC0xNS4xMDRjNC4xNzEtNC4xNzEsMTAuOTMzLTQuMTcxLDE1LjEwNCwwbDIzNC42NjcsMjM0LjY2Nw0KCWM0LjE2NCw0LjE2NSw0LjE2NCwxMC45MTcsMCwxNS4wODNMMTM1LjY4NSw0ODcuNTQ0QzEzMy42ODUsNDg5LjU1MSwxMzAuOTY3LDQ5MC42OCwxMjguMTMzLDQ5MC42OHoiLz4NCjwvc3ZnPg0K);
}

.carousel-control-prev {
    left: -4rem;
}

.carousel-control-prev-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDkwLjc4NyA0OTAuNzg3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTAuNzg3IDQ5MC43ODc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIHN0eWxlPSJmaWxsOiNGNDQzMzY7IiBkPSJNMzYyLjY3MSw0OTAuNzg3Yy0yLjgzMSwwLjAwNS01LjU0OC0xLjExNS03LjU1Mi0zLjExNUwxMjAuNDUyLDI1My4wMDYNCgljLTQuMTY0LTQuMTY1LTQuMTY0LTEwLjkxNywwLTE1LjA4M0wzNTUuMTE5LDMuMjU2YzQuMDkzLTQuMjM3LDEwLjg0NS00LjM1NCwxNS4wODMtMC4yNjJjNC4yMzcsNC4wOTMsNC4zNTQsMTAuODQ1LDAuMjYyLDE1LjA4Mw0KCWMtMC4wODYsMC4wODktMC4xNzMsMC4xNzYtMC4yNjIsMC4yNjJMMTQzLjA4NywyNDUuNDU0bDIyNy4xMzYsMjI3LjExNWM0LjE3MSw0LjE2LDQuMTc5LDEwLjkxNCwwLjAxOSwxNS4wODUNCglDMzY4LjIzNiw0ODkuNjY0LDM2NS41MTEsNDkwLjc5MiwzNjIuNjcxLDQ5MC43ODd6Ii8+DQo8cGF0aCBkPSJNMzYyLjY3MSw0OTAuNzg3Yy0yLjgzMSwwLjAwNS01LjU0OC0xLjExNS03LjU1Mi0zLjExNUwxMjAuNDUyLDI1My4wMDZjLTQuMTY0LTQuMTY1LTQuMTY0LTEwLjkxNywwLTE1LjA4M0wzNTUuMTE5LDMuMjU2DQoJYzQuMDkzLTQuMjM3LDEwLjg0NS00LjM1NCwxNS4wODMtMC4yNjJjNC4yMzcsNC4wOTMsNC4zNTQsMTAuODQ1LDAuMjYyLDE1LjA4M2MtMC4wODYsMC4wODktMC4xNzMsMC4xNzYtMC4yNjIsMC4yNjINCglMMTQzLjA4NywyNDUuNDU0bDIyNy4xMzYsMjI3LjExNWM0LjE3MSw0LjE2LDQuMTc5LDEwLjkxNCwwLjAxOSwxNS4wODVDMzY4LjIzNiw0ODkuNjY0LDM2NS41MTEsNDkwLjc5MiwzNjIuNjcxLDQ5MC43ODd6Ii8+DQo8L3N2Zz4NCg==);
}

.user_info span {
    text-transform: uppercase;
}

video {
    width: 100%;
    max-height: 435px;
}

.blog_overlay {
    position: relative;
    top: -100px;
    height: 0;
}

.photo-js {
    width: auto;
    max-width: 100%;
    max-height: auto;
}

.blog_frame {
    width: 100%;
    height: 60vh;
}

.social-button {
    background: #3b5998;
    border-radius: 3px;
    font-weight: 600;
    padding: 5px 8px;
    display: inline-block;
    position: static;
    margin: 20px 0;
}

.social-button span {
    vertical-align: middle;
    color: white;
    font-size: 14px;
    padding: 0 3px;
}

button:disabled,
button[disabled] {
    border: 1px solid #999999 !important;
    background-color: #cccccc !important;
    color: #fff !important;
}

@media (min-width: 300px) {
    .modal-dialog {
        max-width: 95vw;
    }

    .carousel-control-next,
    .carousel-control-prev {
        max-width: 5%;
    }

    .modal-bottom {
        position: relative;
        bottom: 0;
    }
}

@media (min-width: 600px) {
    .modal-dialog {
        max-width: 90vw;
    }

    .carousel-control-next,
    .carousel-control-prev {
        max-width: 5%;
    }

    .modal-bottom {
        position: relative;
        bottom: 0;
    }
}

@media (min-width: 900px) {
    .modal-dialog {
        max-width: 840px;
    }

    .carousel-control-next,
    .carousel-control-prev {
        max-width: 5%;
    }

    .modal-bottom {
        position: absolute;
        bottom: 0;
    }
}

@media (min-width: 1200px) {
    .modal-dialog {
        max-width: 1140px;
    }

    .carousel-control-next,
    .carousel-control-prev {
        max-width: 5%;
    }

    .modal-bottom {
        position: absolute;
        bottom: 0;
    }
}