/*
@font-face {
    font-family: "Dana-FaNum-Bold";
    src: url("../assets/fonts/dana-fanum\ bold/Dana-FaNum-Bold.ttf");
} */

@font-face {
    font-family: "InterLight";
    src: url("../assets/fonts/otherPhone/InterLight.otf");
}

@font-face {
    font-family: "InterBlack";
    src: url("../assets/fonts/otherPhone/InterBlack.otf");
}

@font-face {
    font-family: "InterMedium";
    src: url("../assets/fonts/otherPhone/InterMedium.otf");
}

@font-face {
    font-family: "iranyekanweblight";
    src: url("../assets/fonts/iranYekan/iranyekanweblight.ttf");
}

@font-face {
    font-family: "iranyekanwebbold";
    src: url("../assets/fonts/iranYekan/iranyekanwebbold.ttf");
}

.form-check_padding_right{
    padding-right: 1.4em !important;
}

.form-check_padding_right_persons{
    padding-right: 0.7em !important;
}

.carousel-innerww {
    max-height: 14rem !important;
    object-fit: cover;
    cursor: pointer;
}

input::placeholder {
    color: gray !important; /* تغییر رنگ به قرمز */
  
    opacity: 0.5 !important; /* شفافیت کامل */
}

.bd-placeholder-img {
    object-fit: none !important;
}

.dropdown-item.text-truncate.bg-primary.text-white.is-active {

    background-color: #6c757d !important;
}

.dropdown-item:active {
    background-color: #6c757d !important;
}

.next {
    z-index: 0 !important;
    transition: transform 0.1s ease-in-out;
}


.next:hover {
    transform: scale(1.1);
}

.cardzoom{
    transition: transform 0.2s ease-in-out;
}


.cardzoom:hover{
    transform: scale(1.02);
}
.removeCostum {
    background-color: red !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #6c757d !important;
    /* Your desired background color */
    color: #fff;
    /* Change the text color if needed */
}

/* Optional: Modify active (clicked) state */
.dropdown-item.active {
    background-color: #6c757d !important;
    /* Your active background color */
    color: #fff;
}

/* ================carousel===================== */

.carousels-container {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    /* max-width: 800px; */
}

.carousels {
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
    width: 100%;
    scrollbar-width: none;
    /* Firefox */
}

.carousels::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
}

.carousels-item {
    /* min-width: 200px; */
    /* height: 150px; */
    margin-right: 10px;
    /* background-color: #3498db; */
    /* color: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-size: 1.5em; */
    /* border-radius: 10px; */
}

/* button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
} */

.prev {
    right: -1.7rem;
    position: absolute !important;
    z-index: 10000;
    transition: transform 0.1s ease-in-out;

}

.prev:hover {
    transform: scale(1.1);
}


.next {
    left: -2.1rem;
    position: absolute;
    z-index: 10000;
}


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

input[type="radio"] {
    width: 30px;
    height: 30px;
    appearance: none;
    border: 1px solid gray;
    border-radius: 50%;
    background-color: gray;
    box-shadow: inset 0 0 0 3px #fff;
}

/* width: 30px;
  height: 30px;
  appearance: initial;
  border: 1px solid black;
  border-radius: 50%;
  background-color: black;
  box-shadow: inset 0 0 0 3px #fff; */

input[type="radio"]:checked {
    width: 30px;
    height: 30px;
    appearance: none;
    border: 1px solid black;
    border-radius: 50%;
    background-color: #FFAC41;
    box-shadow: inset 0 0 0 3px #fff;
}

input[type="radio"]:checked::before {
    width: 30px;
    height: 30px;
    appearance: none;
    border: 1px solid gray;
    border-radius: 50%;
    background-color: gray;
    box-shadow: inset 0 0 0 3px #fff;
}

.showCustom {
    display: flex !important;
}

.notShowCustom {
    display: none !important;
}

.nav {
    background-color: #dee8f6;
    /* color: black; */
    box-sizing: border-box;
    padding: 0;
}

.nav ul li a {
    /* color: black; */
    font-family: iranyekanwebbold !important;
    font-size: 14px;
    box-sizing: border-box;
}

.nav div ul {
    /* color: black; */
    font-family: iranyekanwebbold !important;
    font-size: 14px;
    box-sizing: border-box;

}

.nav a {
    /* color: black; */
    font-family: iranyekanwebbold !important;
    font-size: 14px;
    box-sizing: border-box;
}

.pl-10 {
    padding-left: 2.5rem;
    padding-right: 10rem;
}

.anticon {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.minwidthForLabel {
    min-width: 30% !important;
    max-width: 30% !important;
}

#usernameBtn::after {
    margin-right: 1rem !important;
}

.placeholder-input::placeholder {
    font-size: 12px !important;
    /* Set the font size you prefer */
    color: #888 !important;
}

.custom-bullet {
    color: #007bff;
    /* Bootstrap primary color */
    font-weight: bold;
    /* Make the bullet more prominent */
    margin-right: 5px;
    /* Space between bullet and text */
}


.display_inline_flex_Radio {
    display: inline-flex !important;
    margin-left: 0 !important;
}

.form-check-label_v2 {
    margin-top: 0.4rem;
    margin-right: 0.2rem;
}

.form-check-label {
    color: gray;

    /* Default color (black) */
}

/* Change the label color when the radio button is checked */
input[type="radio"]:checked+label {
    color: black;
    /* Same color as the Bootstrap checkbox (blue) */
}


#ac-menu-1 {
    top: 3rem !important;
    right: 3rem !important;
}


.besi:hover {
    background-color: black !important;
    color: white !important;
    border-width: 1px !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    /* border-color: white !important; */


}

.besi2:hover {
    background-color: #FFAC41 !important;
    color: white !important;
    border-width: 0.5px !important;
    border-color: #FFAC41 !important;


}

.besi4:hover {
    background-color: red !important;
    color: white !important;
    border-width: 0.5px !important;
    border-color: #FFAC41 !important;


}


.besi2:hover .svg-icon path {
    fill: rgb(255, 255, 255) !important;
    /* Desired color on hover */
}

.besi3:hover {
    background-color: #d63535 !important;
    color: white !important;
    border-width: 0.5px !important;
    border-color: #d63535 !important;

}

.blogShowAll {
    margin-right: 82% !important;
}

.col-3_costum {
    flex: 0 0 auto;
    width: 24% !important;
}

.form-select:focus {
    border-color: #f5f5f5 !important;
    outline: 0;
    box-shadow: 0 0 0 .12rem rgba(20, 21, 21, 0.25) !important;
}

.form-control:focus {
    border-color: #f5f5f5 !important;
    outline: 0;
    box-shadow: 0 0 0 .12rem rgba(20, 21, 21, 0.25) !important;
}


.dropdown-item {
    font-family: iranyekanweblight !important;
    font-weight: 200;
}

.col-md-1-costum {
    flex: 0 0 auto;
    width: 11.333% !important;
}

.witss {
    width: 13.5% !important;
}


.p_custom_11 {
    font-size: 0.8rem !important;

}

.p_custom200 {
    font-size: 0.9rem !important;
}


.fullscreen-image {
    position: fixed;
    /* Stay fixed in the viewport */
    top: 0;
    display: none;
    left: 0;
    width: 110%;
    /* Full width of the viewport */
    height: 100vh;
    /* Full height of the viewport */
    z-index: 99999999999999;
    /* Ensure it is behind all other content */
    object-fit: cover;
    /* Ensures the image covers the screen without distortion */
}

.fa-trash-can {
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
    color: white;
    /* Or any color for the icon */
}



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

    .fullscreen-image {
        display: flex !important;
    }

    html,
    body {
        overflow: hidden;
        /* Prevent scrolling */
    }

    .navbar-brand {
        display: none !important;
    }

    .col-md-2 {
        width: 24.667% !important;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 75.333% !important;
    }

    .col-3_costum {
        flex: 0 0 auto;
        width: 45% !important;
    }

    .col-md-3 {
        width: 37% !important;
    }

    .tabletWidth {
        width: 100% !important;
    }

    .col-md-6.h-100.tabletWidth {
        height: 47% !important;
    }

    .blogShowAll {
        margin-right: 68% !important;
    }
}


@media (max-width: 500px) {

    .p_custom200 {
        font-size: 0.6rem !important;
    }

    .bd-placeholder-img {
        object-fit: cover !important;
    }

    .mobileMS {
        padding-right: 5px !important;
    }

    .mobileMS2 {
        padding-right: 14px !important;
    }

    .p_custom_11 {
        font-size: 10px !important;
        ;
    }

    .witss {
        width: 33.5% !important
    }

    .col-md-1-costum {
        flex: 0 0 auto;
        width: 90.333% !important;
    }

    .prev {
        display: none !important;
    }

    .next {
        display: none !important;
    }

    .col-3_costum {
        flex: 0 0 auto;
        width: 89% !important;
    }

    .loingMsgPnl {
        padding-left: 1rem !important;
    }

    .dropdown-menu-ul {
        padding-right: 1rem !important;
    }

    .navbar-brand {
        display: none !important;
    }

    .usernameLabel {
        font-size: 12px !important;
    }

    #usernameBtn::after {
        margin-right: 0.4rem !important;
    }

    #usernameBtn {
        padding-right: 0 !important;
    }

    #basic-addon1 {
        padding-left: 7px !important;
    }

    .minwidthForLabel {
        min-width: 54% !important;
        max-width: 54% !important;
    }

    .registerFields {
        font-size: 11px !important;
    }

    .blogShowAll {
        margin-right: 24% !important;
    }

    .carousel-indicators {
        margin-bottom: -1.8rem !important;
    }

}


.adminPart {
    display: none;
}

.admin_profile {
    display: none;
}