body{
    font-family: 'Noto Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Noto Sans', sans-serif;
}
a{
    font-family: 'Noto Sans', sans-serif;
}

a:hover, a:focus{
    color: #fa2456;
    cursor: pointer;
}

.main-singin-box{
    min-height: 100vh;
}
.main-singin-box .singin-box{
    border-radius: 10px;
    overflow: hidden;
}

.main-singin-box .singin-box .singin-left{
    background-image: url(../images/login-img.jpg);
}

.main-singin-box .singin-box .singin-left .logo img{
    width: 90px;
}

.main-singin-box::after{
    background-size: cover;
}

.main-innerpage .innerpages h2{
    font-size: 20px;
}

header .shadow-img{
    background-size: cover;
}
.main-search{
    background-image: url(../images/main-search.webp);
}
.heading h2{
    font-size: 30px;
}
.innerpages{
    border-radius: 10px;
}

ol li ol li:before {
    content:  ") ";
}
.shadow-box{
    background: #ffffff;
    box-shadow: 0 -12px 46px 12px rgba(182, 14, 14, 0.0509803922);
    padding-top: 70px;
    padding-bottom: 70px;
    border-radius: 10px;
}
.contact-section .contact-detail .contact-detail-box{
    background-image: none;
    border: 1px solid #ffdcd6;
    box-shadow: 0 -12px 46px 12px rgba(182, 14, 14, 0.0509803922);
    border-radius: 50px;
}

.contact-section .contact-detail .contact-detail-box img{
    width: 80%;
    margin-left: 10%;
}
.contact-section .form-box{
    border-radius: 10px;
}
.info-box{
    max-width: 840px;
    margin: 10px auto;
}
.info-box .row{
    border-bottom: 15px solid #ffffff;
    --bs-gutter-x:0;
}
.info-box .info-left{
    padding: 12px 18px;
    background-image: linear-gradient(to right, #fa2456, #fd735a);
    color: #ffffff;
    font-size: 14px;
    height: fit-content;
    border-top-left-radius:15px;
}
.info-box .info-right{
    padding: 10px 18px;
    border:1px solid #fa6259;
    font-size: 14px;
    border-bottom-right-radius:15px;
}
.info-box .row:hover .info-left, .info-box .row:focus .info-left{
    background-image: linear-gradient(to right, #fd735a, #fa2456 );
}
.info-box .row:hover .info-right, .info-box .row:focus .info-right{
    background-color: #ffeded;
}
.info-box .row h6{
    font-size: 14px;
}
.dating-wapper .take-a-change .change-box label{
    width: 75px;
    color: #090a0a;
}
.dating-wapper .take-a-change .change-box .custum-select{
    width: calc(100% - 80px);
}
.blog-page .sidepannal .pannal-box .pannal-content .profile-setting li a{
    font-size: 16px;
}
.my-profile .heading h2{
    font-size: 24px;
}
.custum-select .dropdown .list{
    max-height: 300px;
}
.custum-select .dropdown.open .list{
    max-height: 300px;
    overflow-y: scroll;
}
.contact-section{
    padding: 40px 0;
}
.dating-wapper{
    padding: 0;
}
.dating-wapper .take-a-change .change-box .custum-range .ui-slider-horizontal .ui-slider-handle{
    width: 15px;
    height: 15px;
}
.blog{
    padding: 40px 0;
}
@media (max-width: 991px){
    .main-innerpage .innerpages{
        display: none !important;
    }
    .dating-wapper .take-a-change{
        border-radius: 10px;
    } 
    header .shadow-img{
        margin-top: 110px;
    }  
    .contact-section{
        padding: 25px 5px;
    }
    #content .heading{
        padding-left: 25px;
    }
    .dating-wapper .take-a-change .change-box .label-2nd{
        width: 75px;
    }
    .dating-wapper .take-a-change .change-box .custum-range{
        width: calc(100% - 80px);
        padding: 0 15px;
    }

}
@media (max-width: 480px){
    .dating-wapper .take-a-change .change-box-res{
        margin: 0px 0 40px 0;
    }
}