@font-face {
    font-family: "IranYekan";
    src: url("/assets/css/fonts/Raleway-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    /* light */
}

@font-face {
    font-family: "IranYekan";
    src: url("/assets/css/fonts/Raleway-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    /* light */
}

@font-face {
    font-family: "IranYekan";
    src: url("/assets/css/fonts/Raleway-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    /* light */
}

@font-face {
    font-family: "IranYekan";
    src: url("/assets/css/fonts/Raleway-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    /* light */
}

@font-face {
    font-family: "IranYekan";
    src: url("/assets/css/fonts/Raleway-ExtraBold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    /* light */
}

@font-face {
    font-family: "IranYekan";
    src: url("/assets/css/fonts/Raleway-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    /* light */
}

.triangle {

    clip-path: polygon(50% 0, 100% 100%, 0 100%);

}

.angled-shape1 {
    clip-path: polygon(0% 0, 100% 0%, 90% 100%, 0% 100%);
}

.angled-shape2 {


    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 10% 100%);
}

input[type="range"] {
    background: linear-gradient(to left, #3b82f6 0%, #3b82f6 37%, #e5e7eb 37%, #e5e7eb 100%);
    border-radius: 0.5rem;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1rem;
    width: 1rem;
    border-radius: 9999px;
    background: #3b82f6;
    cursor: pointer;
    border: 2px solid white;
    margin-top: -6px;
    position: relative;
    z-index: 10;
}

input[type="range"]::-moz-range-thumb {
    height: 1rem;
    width: 1rem;
    border-radius: 9999px;
    background: #3b82f6;
    cursor: pointer;
    border: 2px solid white;
    position: relative;
    z-index: 10;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal>span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 7px !important;
    height: 7px !important;
    outline: 1px solid #580e0a !important;
    background-color: #580e0a !important;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal > span{
    width: 7px !important;
    height: 7px !important;
    background-color: #580e0a!important;
}
.HMO-pagination.contents.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal > span.swiper-pagination-bullet.swiper-pagination-bullet-active{
        width: 7px !important;
    height: 7px !important;
    background-color: #ffffff!important;
 }
.HMO-pagination.contents.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal > span.swiper-pagination-bullet{
        width: 7px !important;
    height: 7px !important;
    background-color: #ffffff!important;
 }