.bg1 {

    background: url(../images/banner6.webp);

    background-size: cover;

    background-position: right;

    border: none !important;

}

.messageContent {

    padding: 15px;

}

.messageContent h6 {

    color: var(--white);

}

.messageContent h2 {

    color: var(--white);

    margin: 10px 0 30px;

}

.messageContent h5 {

    color: var(--white);

}

.messageItem {

    display: flex;

    align-items: center;

    gap: 10px;

}

.messageIcon {

    width: 64px;

    height: 64px;

    display: inline-grid;

    place-content: center;

    background: var(--white);

    color: var(--primary_color);

    border-radius: 8px;

    font-size: 24px;

}

.messageText strong {

    color: #fff;

    font-size: 28px;

    line-height: 1;

}

.messageText p {

    color: #fff;

}

.stat_card {

    background: var(--white);

    padding: 20px;

    border-radius: 15px;

    display: flex;

    align-items: center;

    position: relative;

    box-shadow: 0 3px 16px 0 rgba(162, 169, 204, .24);

    overflow: hidden;

    z-index: 1;

    margin-bottom: 30px;

    position: relative;

}

.stat_card::after {

    content: "";

    width: 170px;

    height: 66px;

    border-radius: 44px;

    position: absolute;

    top: -22px;

    transform: rotate(-48deg);

    right: -82px;

    opacity: 0.2;

    z-index: 8;

}

.infoCard {

    box-shadow: 0px 2px 6px rgba(40,90,185,.1);

    border: none;

    border-radius: 4px;

    overflow: hidden;

}

.infoCardIcon {

    width: 64px;

    height: 64px;

    display: inline-grid;

    place-content: center;

    border-radius: 50%;

    font-size: 26px;

    margin-bottom: 30px;

    color: var(--primary_color);

    position: relative;

    z-index: 1;

    overflow: hidden;

}

.infoCardIcon::before {

    content: "";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: var(--primary_color);

    border-radius: 50%;

    opacity: 0.2;

    position: absolute;

}

.infoCard h6 {

    font-size: 14px;

    margin-bottom: 5px;

    color: var(--font_black);

}

.infoCard h2 {

    color: var(--primary_color);

    font-weight: 600;

}

.infoCard.mb-3 {

    margin-bottom: 30px !important;

}

.hospitalbedChart {

    border: none;

    box-shadow: 0px 2px 6px rgba(40,90,185,.1); 

}

#hospitalBedChart {

    max-width: 100%;

    /* margin: 35px auto 0; */

}

.stat_info{

    width: calc(100% - 48px);

}

.statname {

    font-size: 17px;

    display: block;

    color: var(--white);

    font-weight: 500;

}

.statNo b {

    display: block;

    color: var(--font_black);

    font-size: 28px;

    line-height: 1;

    font-weight: 500;

    color: var(--white);

    font-size: 28px;

}

.statNo small {

    /* color: var(--font_muted); */

    color: var(--white);

    display: block;

    font-size: 12px;

    line-height: 1;

    text-transform: capitalize;

    margin: 10px 0 0px;

}

.stat_icon {

    width: 48px;

    height: 48px;

    display: grid;

    place-content: center;

    position: absolute;

    z-index: 9;

    font-size: 28px;

    right: 30px;

    top: 25px;

}

.stat_icon::before {

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    opacity: 1;

    background: #fff !important;

    z-index: -1;

}

.viewbtn {

    text-transform: capitalize;

    font-size: 20px;

    text-decoration: none;

    line-height: 1;

    margin-top: 0;

    display: block;

    position: absolute;

    right: 9px;

    bottom: 11px;

    transform: rotate(-45deg) scale(1);

    transition: 0.5s;

}

.viewbtn:hover {

    transform: rotate(-45deg) scale(1.5);

    transition: 0.5s;

}

.theme_green .viewbtn {

    color: var(--white);

}

.theme_green {

    background: #641fbc;

}

.theme_red {

    background: #ca107d;

}

.theme_blue {

    background: #1051ca;

}

.theme_orange {

    background: #eb9008;

}

.theme_red .viewbtn {

    color: var(--white);

}

.theme_blue .viewbtn {

    color: var(--white);

}

.theme_orange .viewbtn {

    color: var(--white);

}

.theme_green .stat_icon {

    color: #641fbc;

}

.theme_red .stat_icon {

    color: #ca107d;

}

.theme_blue .stat_icon {

    color: #1051ca;

}

.theme_orange .stat_icon {

    color: #eb9008;

}

.theme_green.stat_card::after {

    background: var(--white);

}

.theme_red.stat_card::after {

    background: var(--white);

}

.theme_blue.stat_card::after {

    background: var(--white);

}

.theme_orange.stat_card::after {

    background: var(--white);

}

.theme_green .stat_icon::before {

    background: var(--primary_color);

}

.theme_red .stat_icon::before {

    background: var(--secondary);

}

.theme_blue .stat_icon::before {

    background: var(--info);

}

.theme_orange .stat_icon::before {

    background: var(--warning);

}

.chart_area {

    background: var(--white);

    padding: 20px;

    border-radius: 4px;

}

.apexcharts-zoomin-icon, .apexcharts-zoomout-icon, .apexcharts-zoom-icon, .apexcharts-pan-icon,

.apexcharts-reset-icon {

    display: none;

}

/* ====revenue tab==== */

.revenue-wrapper {

    background: var(--white);

    padding: 20px;

    border-radius: 4px;

}

.revenue-wrapper .nav-tabs {

    align-items: center;

    gap: 1px;

}

.tab_header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    /* border-bottom: 1px solid #eee; */

}

.revenue-wrapper .nav-tabs span {

    display: flex;

}

.nav-link.btn_secondary {

    background: #efe6e6;

    color: var(--primary_color) !important;

    transition: 0.5s;

    border-radius: 44px;

    font-size: 14px;

    padding: 8px 14px;

}

.nav-tabs {

    gap: 5px;

    border: none;

}

.nav-link.btn_secondary.active, .nav-link.btn_secondary:hover {

    background: var(--primary_color);

    color: var(--white) !important;

    transition: 0.5s;

}

.revenue_table {

    margin-bottom: 0;

    margin-top: 0px;

}

.revenue_table td {

    vertical-align: middle;

}

.revenue_table tr:last-child td{

    border-bottom: none;

}

.revenue_table tr td:last-child {

    text-align: right;

}

.revenue_name {

    text-transform: capitalize;

}

.revenue_name i {

    display: inline-grid;

    width: 35px;

    background: var(--primary_color);

    color: var(--white);

    height: 35px;

    place-content: center;

    border-radius: 50%;

    line-height: 1;

    font-size: 18px;

}

.scardImg img {

    width: 100%;

}

.scardItem {

    box-shadow: 0 .2rem 1.2rem 0 rgba(0,0,0,.06);

    display: inline-block;

    margin: 15px 5px;

    padding: 15px;

    border-radius: 8px;

    text-decoration: none;

    background: var(--white);

}

.scardImg {

    border-radius: 8px;

    overflow: hidden;

}

.scardContent {

    margin-top: 15px;

}

.scardContent h4 {

    color: var(--font_black);

    font-size: 18px;

    font-weight: 700;

    margin: 0;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

.scardContent p {

    color: var(--font_black);

    font-size: 14px;

    margin-top: 8px;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

.priceOuter {

    display: flex;

    background: #f5f5f5;

    border-radius: 8px;

    align-items: center;

    margin-top: 15px;

}

.priceItem {

    width: 50%;

    padding: 10px;

    text-align: center;

    position: relative;

}

.priceItem span {

    font-size: 14px;

    color: var(--font_black);

}

.priceItem h6 {

    color: var(--primary_color);

}

.priceOuter .priceItem:not(:last-child)::after {

    content: "";

    width: 1px;

    height: 40px;

    right: 0;

    position: absolute;

    background: #d4d4d4;

    top: 50%;

    transform: translateY(-50%);

}

.cardSlider .swiper-button-prev::after, .cardSlider .swiper-button-next::after {

    display: none;

}

.cardSlider .swiper-button-prev, .cardSlider .swiper-button-next {

    width: 40px;

    height: 40px;

    display: grid;

    place-content: center;

    background: var(--white);

    z-index: 6;

    box-shadow: 0 .3rem .8rem rgba(0,0,0,.16);

    border-radius: 50%;

    color: var(--primary_color);

}

/* .cardSlider .swiper-button-prev::before {

    content: "";

    width: 100px;

    height: 200px;

    top: 0;

    left: 0;

    background: #000;

    position: absolute;

} */

.cardSlider {

    position: relative;

}

.cardSlider::before {

    content: "";

    width: 100px;

    height: 100%;

    left: 0;

    top: 0;

    background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0));

    position: absolute;

    z-index: 5;

}

.cardSlider:has(.swiper-button-prev.swiper-button-disabled)::before {

    display: none;

}

.cardSlider::after {

    content: "";

    width: 100px;

    height: 100%;

    right: 0;

    top: 0;

    background: linear-gradient(270deg,#fff,hsla(0,0%,100%,0));

    position: absolute;

    z-index: 5;

}

.cardSlider:has(.swiper-button-next.swiper-button-disabled)::after {

    display: none;

}

.cardSlider .swiper-button-prev.swiper-button-disabled, .cardSlider .swiper-button-next.swiper-button-disabled {

    display: none;

}

/* =================================

dashboard page close

==================================== */

/* =================================

form 4 start

==================================== */

.propertyInput {

    font-size: 14px;

    color: var(--font_muted);

    background-color: var(--white);

    border: 1px solid #efefef;

    border-left: 2px solid var(--primary_color) !important;

    border-radius: 5px !important;

    min-height: 50px;

    padding: 0 20px;

    box-shadow: none !important;

    transition: 0.5s;

    display: flex;

    flex-flow: wrap;

    justify-content: space-between;

    align-items: center;

    cursor: pointer;

    transition: 0.5s;

    position: relative;

    z-index: 2;

}

.propertyInput.active {

    transition: 0.5s;

    border: 1px solid var(--primary_color);

}

.propertyInput i.ri-arrow-down-s-fill {

    transform: rotate(0deg);

    transition: 0.5s;

}

.propertyInput.active i.ri-arrow-down-s-fill {

    transform: rotate(180deg);

    transition: 0.5s;

}

.propertyInput i {

    font-size: 18px;

    line-height: 1;

}

.tabDropdownwrapper {

    position: relative;

    z-index: 1;

}

.tabdropdown {

    position: absolute;

    top: 110%;

    left: 0;

    width: 100%;

    background: #fff;

    box-shadow: 0 0 .5rem 0 rgba(0,0,0,.25);

    padding: 15px;

    border-radius: 8px;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

    z-index: 9;

}

.tabdropdown.showtabdropdown {

    top: 100%;

    transition: 0.5s;

    opacity: 1;

    visibility: visible;

}

.tabdropdown  .nav-tabs .nav-link {

    border: none;

    margin: 0;

    border-radius: 8px;

    color: var(--primary_color);

    position: relative;

    overflow: hidden;

    z-index: 1;

    transition: 0.5s;

}

.tabdropdown  .nav-tabs .nav-link::before {

    content: "";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: var(--primary_color);

    opacity: 0.1;

    position: absolute;

    z-index: -1;

}

.tabdropdown  .nav-tabs .nav-link::after {

    content: "";

    width: 0%;

    height: 100%;

    top: 0;

    left: 0;

    background: var(--primary_color);

    position: absolute;

    z-index: -1;

}

.tabdropdown  .nav-tabs .nav-link.active::after {

    width: 100%;

    transition: 0.5s;

}

.tabdropdown  .nav-tabs .nav-link.active {

    color: var(--white);

}

.tabdropdown .nav.nav-tabs {

    gap: 2px;

    border-bottom: 1px solid #eee !important;

    padding-bottom: 5px;

    margin-bottom: 10px;

}

ul.filterList {

    display: flex;

    flex-flow: wrap;

    gap: 8px 8px;

    list-style: none;

}

ul.filterList li {

    width: 49%;

    padding: 5px;

    text-align: center;

    border: 1px solid #eee;

    transition: 0.5s;

    cursor: pointer;

    color: var(--font_black);

    transition: 0.5s;

    border-radius: 44px;

}

ul.filterList li:hover {

    background: #eee;

    transition: 0.5s;

}

ul.filterList li.active {

    color: var(--hover_secondary);

    transition: 0.5s;

    border: 1px solid transparent;

    background: #ffdfcf;

}

.listFooter {

    margin-top: 20px;

    text-align: right;

}

.bedbathList ul {

    display: flex;

    gap: 4px 8px;

    list-style: none;

    flex-flow: wrap;

    margin-bottom: 10px;

}

.bedbathList ul li {

    padding: 3px 18px;

    border-radius: 44px;

    border: 1px solid #eee;

    color: var(--font_black);

    transition: 0.5s;

    cursor: pointer;

}

.bedbathList ul li.active {

    color: var(--hover_secondary);

    transition: 0.5s;

    border: 1px solid transparent;

    background: #ffdfcf;

}

.bedbathList ul li svg {

    margin-right: 6px;

}



/* স্লাইডার কন্টেইনারের স্টাইল */

.slider-container {

    width: 100%;                 

}





.irs--round .irs-handle:before {

    content: attr(data-value);

    display: block;

    font-size: 2vh;         

    color: black;

    font-weight: bold;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}





.irs--round .irs-handle {

    background-color: var(--white) !important; 

    border: 2px solid var(--primary_color) !important; 

    border-radius: 50% !important;       

    width: 40px!important;

    height: 40px !important;

    top: 17px !important;               

}





.irs--round .irs-bar {

    background-color: var(--primary_color) !important; 

    height: 4px !important;

    cursor: pointer;        

}

.irs--round .irs-line {

    background-color: #c4c4c4 !important;

    height: 4px !important;

    border-radius: 44px !important;

    cursor: pointer;        

}



@media (max-width: 480px) {

    .irs--round .irs-handle {

        width: 8vw !important;        

        height: 8vw !important;

        top: 4.5vh !important;        

    }

    .irs--round .irs-handle:before {

        font-size: 2.5vw !important;   

    }

}



@media (min-width: 481px) and (max-width: 1024px) {

    .irs--round .irs-handle {

        width: 7vw !important;          

        height: 7vw !important;

        top: 3.5vh !important;          

    }

    .irs--round .irs-handle:before {

        font-size: 2vw !important;     

    }

}





@media (min-width: 1025px) {

    .irs--round .irs-handle {

        width: 40px!important;

        height: 40px !important;

        top: 17px !important;

    }

    .irs--round .irs-handle:before {

        font-size: 13px !important;

    }

}



/* =================================

form 4 start

==================================== */

.bootstrap-tagsinput {

    border: 1px solid var(--font_muted);

    border-radius: 4px;

    padding: 5px;

}

.bootstrap-tagsinput input {

    border: none !important;

    height: 44px;

    outline: none !important;

}

.bootstrap-tagsinput .label-info {

    background: var(--primary_color);

    color: var(--white);

    height: 44px;

    display: inline-flex;

    align-items: center;

    padding: 5px 15px;

    border-radius: 4px;

    margin-bottom: 4px;

}

.bootstrap-tagsinput .label-info span {

    width: 15px;

    height: 15px;

    background: #fff;

    margin-left: 10px;

    display: inline-block;

    border-radius: 50%;

    position: relative;

    cursor: pointer;

    transition: 0.5s;

}

.bootstrap-tagsinput .label-info span:hover {

    transform: rotate(90deg);

    transition: 0.5s;

}

.bootstrap-tagsinput .label-info span::after, .bootstrap-tagsinput .label-info span::before {

    width: 70%;

    height: 2px;

    background: var(--secondary);

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)  rotate(45deg);

    content: "";

    position: absolute;

}

.bootstrap-tagsinput .label-info span::before {

    transform: translate(-50%, -50%) rotate(135deg);

}

#countrylist_chosen {

    min-width: 100%;

    position: relative;

}

.chosen-container-single .chosen-single {

    min-height: 44px;

    padding: 9px;

    border: 1px solid var(--primary_color);

    background: var(--white);

}

.chosen-container-single .chosen-single div b {

    background: url(../images/arrowdown.png) no-repeat;

    width: 18px;

    height: 10px;

    background-size: contain;

    position: absolute;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

}

.select2-container {

    width: 100% !important;

}

.select2-container--default.select2-container--focus .select2-selection--multiple {

    border: 1px solid var(--primary_color);

}

.select2-container--default .select2-results__option--selected, .select2-container--default .select2-results__option--highlighted {

    background-color: #efefef !important;

    color: var(--primary_color) !important;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice {

    background: var(--primary_color);

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {

    color: var(--white);

    padding-left: 8px;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {

    width: 15px;

    height: 15px;

    background: var(--white);

    display: inline-grid;

    place-content: center;

    border-radius: 50%;

    color: var(--secondary);

    font-size: 15px;

}

.select2-container--default .select2-selection--multiple {

    min-height: 44px;

}

.revenue_table tr:nth-child(5n+1) .revenue_name i {

    background: rgba(62, 151, 255, 0.85); /* Blue */

}



.revenue_table tr:nth-child(5n+2) .revenue_name i {

    background: rgba(241, 65, 108, 0.85); /* Pink */

}



.revenue_table tr:nth-child(5n+3) .revenue_name i {

    background: rgba(23, 193, 89, 0.85);  /* Green */

}



.revenue_table tr:nth-child(5n+4) .revenue_name i {

    background: rgba(233, 145, 40, 0.85); /* Orange */

}



.revenue_table tr:nth-child(5n) .revenue_name i {

    background: rgb(100, 31, 188);        /* Purple (5n = 5, 10, 15...) */

}

.revenue_table tr td {

    padding: 8px 8px;

}