@media (min-width: 1200px) {
    .container {
        max-width: 1320px;
    }
}

.dropdown li.active a {
    background-color: var(--sopot-base) !important;
    color: #ffffff !important;
}

.main-slider .image-layer {
    opacity: 0.5;
}

.about-two__bg:before {
    background-color: rgba(var(--sopot-green-rgb), 1);
}

.about-two__img {
    position: relative;
}

.about-two__img {
    border: 10px solid var(--sopot-white);
}

.counter-one-bg:before {
    background-color: rgba(37, 38, 40, 0.8);
}

/* .subscription input::placeholder, .subscription input{
    color: #ffffff !important;
} */

.subscription .thm-btn {
    padding: 13px 50px 13px !important;
}

.subscription {
    bottom: -50px;
    z-index: 1;
}

.footer-widget__title {
    font-size: 22px !important;
}

.nav-tabs .nav-link.active {
    border-color: var(--sopot-base) !important;
    border-bottom-width: 2px !important;
    background-color: rgba(var(--sopot-base-rgb), 0.2);
}

.main-menu-wrapper__logo {
    padding-top: 27px !important;
    padding-bottom: 27px !important;
}

.main-slider-two__map {
    display: none !important;
}

.project-one__content {
    transform: scale(1) !important;
}

/* Map */

svg {
    height: 100vh;
}

@media screen and (max-width: 768px) {
    svg {
        height: auto;
        width: 100vw;
    }
}

path {
    stroke-width: 1px;
    pointer-events: all;
    transition: 0.6s fill;
    fill-opacity: 1;
    fill-rule: evenodd;
    stroke: #ffffff;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-opacity: 1;
    cursor: pointer;
}

path.divrajshahi {
    fill: #dbdbdb;
    /* #aab0c8 */
}

path.divrangpur {
    fill: #dbdbdb;
    /* #ff5722 */
}

path.divmymensingh {
    fill: #dbdbdb;
    /* #3f51b5 */
}

path.divdhaka {
    fill: #dbdbdb;
    /* #00bcd4 */
}

path.divsylhet {
    fill: #dbdbdb;
    /* #e58f8d */
}

path.divchattogram {
    fill: #dbdbdb;
    /* #ffbc24 */
}

path.divkhulna {
    fill: #dbdbdb;
    /* #ff7272 */
}

path.divbarishal {
    fill: #dbdbdb;
    /* #15ff54 */
}

path:hover {
    fill: #f6902a;
    stroke: blue;
}

path#path3186 {
    fill: #e04d00;
}

path#path2206 {
    fill: #44648a;
}

path#path4189 {
    fill: #0071fe;
}

path#path5169 {
    fill: #a70084;
}

path#path2245 {
    fill: #fffe08;
}

path#path3216 {
    fill: #b2b2b2;
}

svg text {
    fill: #7b7b7b !important;
}

svg text.district-name {
    fill: #212529 !important;
}

.iconmark {
    fill: #000;
}

.districttext {
    font-size: 20px;
    font-weight: bold;
}

table.tooltipdata {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

table.tooltipdata td,
table.tooltipdata th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

table.tooltipdata tr.infected {
    background-color: #fff;
}

table.tooltipdata tr.deaths {
    background-color: #ff0000;
}

table.tooltipdata tr.recovered {
    background-color: #ff00ff;
}

.donations-list__content {
    background-color: unset;
}

.project-details__list li .right {
    max-width: unset;
}

/* oxfam-in-action */
.oxfam-in-action .main-slider h2 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#campaigns {
    background-color: var(--sopot-black);
}

.error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #ea868f;
}

.text-justify {
    text-align: justify !important;
}

.bg-yellow {
    background-color: #FCEDC6;
}

.square_box_project_card.recent-event__single {
    padding: 0 !important;
    margin: 0 !important;
}

.square_box_project_card .recent-event__img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    max-width: unset
}

.square_box_project_card .recent-event__img:before {
    transform: translateY(0%);
}

.square_box_project_card .recent-event__content {
    background-color: transparent;
    z-index: 5;
    color: #ffffff;
}

.square_box_project_card .recent-event__content a {
    color: #ffffff;
}

.square_box_project_card .recent-event__title {
    min-height: 90px !important;
}

.border-radius-20 {
    border-radius: 20px;
}