html{
    font-size: 100%;
    font-family: vazir !important;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}
body{
    background-color:#f6feff;
    /* #F8ECD1; */
    font-family: vazir !important;
    display: flex;
    flex-direction: column;
}
footer{
    min-height:100%;
    padding-top: 3rem;
    background-color: #00214b;
    margin-top:10rem;
    flex:2;
}
.flex_1{
    flex: 1;
}
.right-50{
    right:50%;
}
/* header{
    background-color: #ffffffa1;
    border-radius: 25px;
    margin-bottom: 0.8rem;
} */
input,select,textarea:focus-visible{
    outline: -webkit-focus-ring-color 0 !important;
}
a:hover{
    color:#000000;

}
.container-fluid{
    margin: 0 !important;
    padding:0 !important;
}


.wh-10p{
    width:10px;
    height: 10px;
}
.wh-15p{
    width:15px;
    height: 15px;
}
.wh-6p{
    width:6px;
    height: 6px;
}
.wh-40p{
    width:40px;
    height: 40px;
}
.wh-60p{
    width:60px;
    height: 60px;
}
.w-10d{
    width: 10%;
    
}

.w-20d{
    width: 20%;
}
.w-30d{
    width: 30%;
}
.w-35d{
    width:35%;
}
.w-40d{
    width: 40%;
}
.w-45d{
    width:45%;
}
.w-50d{
    width: 50%;
}
.w-60d{
    width: 60%;
}
.w-70d{
    width: 70%;
}
.w-80d{
    width: 80%;
}
.w-90d{
    width: 90%;
}
.w-95d{
    width: 95%;
}
.w-100d{
    width: 100%;
}
.w-250p{
    width:250px;
}
a{
    text-decoration: none;
    color:#000000;
}
.w-fit{
    width:fit-content;
}
.h-fit{
    height: fit-content;
}
.h-120p{
height: 120px;
}
.h-30p{
    height: 30px;
}
.h-40p{
    height: 40px;
}
.h-60p{
    height: 60px;
}
.h-80p{
    height: 80px;
}
.h-100p{
    height: 100px;
}
.h-45d{
    height:45%;
}
.h-50d{
    height: 50%;
}
.h-60d{
    height: 60%;
}
.h-35d{
    height: 60%;
}
.h-90d{
    height:90%;
}
.h-95d{
    height:95%;
}
.h-98d{
    height:98%;
}
.h-100d{
    height: 100%;
}
.h-250{
    height:250px;
}
.h-200{
    height:200px;
}
.h-110p{
    height:110px;
}
.h-160p{
    height:160px;
}
.h-350p{
    height:350px;
}
.h-400p{
    height:400px;
}
.mh-400p{
    min-height:400px;
}
.wh-100p{
    width:100px;
    height:100px;
}
.obg-fill{
    object-fit: fill;
}
.obg-contain{
    object-fit: contain;
}
.bg-1{
    background-color: #F8ECD1;
}
.bg-2{
    background-color: #deb6de;
}
.bg-3{
    background-color: #ac7d88;
}
.bg-4{
    background-color: #85586f;
}
.color-def-1{
    color: #F8ECD1;
}
.color-def-2{
    color: #deb6de;
}
.color-def-3{
    color: #ac7d88;
}
.color-def-4{
    color: #85586f;
}
@keyframes bg-border {
    0%{
        background: linear-gradient(45deg,#ffffff,#ff0000,#2f00ff,#ffffff,#ff0000,#0004ff);
    }
    100%{
        background: linear-gradient(45deg,#ff0000,#0059ff,#ffffff,#ff0000,#002fff,#ffffff);
    }
}
.border-b-header{
    width: 100%;
    height:3px;
    animation: bg-border 1s ease-in 0.2s infinite alternate;
}
.bg-darkgray{
    background-color:#d8d8d8;
}
.focus:focus-visible{
    outline: -webkit-focus-ring-color 0 !important;
}
.a-hover{
list-style: none;
width: 20%;
}

.img-size{
    width: 100%;
    height: 100%;
    object-fit:contain;
}

.div-link-footer{
    width: fit-content;
}
.div-link-footer h2{
    width: fit-content;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}
.div-link-footer a{
    width:100%;
    font-size: 1rem;
    margin-bottom: 0.7rem;
    margin-right: 0.9rem;
}
.div-license{
    width: 120px;
    height:150px;
    border-radius: 8px;
    border:2px double #deb6ab;
    padding: 0.5rem;
    margin: 0 0.4rem;
}

.nav-footer{
    background-color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow:1px 1px 3px #85586f;
}
.a-nav-footer{
    width:fit-content;
    font-size: 0.9rem;
    height:fit-content;
    padding: 0.2rem;
    /*color:#85586f;*/
    text-shadow: 1px 1px 3px gray;
}
.a-nav-footer h5{
    width:100%;
    text-align: center;
}
.a-nav-footer i{
    width:fit-content;
    font-size:1.2rem;
}
.z-index{
    z-index: 200;
}

.rounded-u{
    border-radius:8px 5px;
}
.rounded-u2{
    border-radius:15px 7px;
}

.fs1-1{
    font-size:1.1rem;
}

@media(min-width:768px){
    
    .w-md-10d{
        width: 10%;
        
    }
    
    .w-md-20d{
        width: 20%;
    }
    .w-md-25d{
        width: 25%;
    }
    .w-md-30d{
        width: 30%;
    }
    .w-md-35d{
        width:35%;
    }
    .w-md-40d{
        width: 40%;
    }
    .w-md-50d{
        width: 50%;
    }
    .w-md-60d{
        width: 60%;
    }
    .w-md-65d{
        width: 65%;
    }
    .w-md-70d{
        width: 70%;
    }
    .w-md-80d{
        width: 80%;
    }
    .w-md-90d{
        width: 90%;
    }
    .w-md-95d{
        width: 95%;
    }
    .w-md-100d{
        width: 100%;
    }
    .w-md-fit{
        width:fit-content;
    }
    .w-md-auto{
        width: auto;
    }
    .h-md-40d{
        height:40%
    }
    .h-md-10d{
        height:10%
    }
    .h-md-20d{
        height:20%
    }
    .h-md-30d{
        height:30%
    }
    .h-md-40d{
        height:40%
    }
    .h-md-50d{
        height:50%
    }
    .h-md-60d{
        height:60%
    }
    .h-md-70d{
        height:70%
    }
    .h-md-90d{
        height: 90%;
    }
    .h-md-100d{
        height:100%
    }
    .h-md-70{
        height:70px;
    }
    .h-md-250{
        height:250px;
    }
    .h-md-350{
        height:350px;
    }
    .h-md-450p{
        height: 450px;
    }
    
    header{
        position: fixed;
    }
}

@media(min-width:1024px){
    .w-lg-10d{
        width: 10%;
        
    }
    
    .w-lg-20d{
        width: 20%;
    }

    
    .w-lg-18d{
        width: 18%;
    }
    .w-lg-30d{
        width: 30%;
    }
    .w-lg-35d{
        width:35%;
    }
    .w-lg-40d{
        width: 40%;
    }
    .w-lg-50d{
        width: 50%;
    }
    .w-lg-60d{
        width: 60%;
    }
    .w-lg-70d{
        width: 70%;
    }
    .w-lg-80d{
        width: 80%;
    }
    .w-lg-85d{
        width: 85%;
    }
    .w-lg-90d{
        width: 90%;
    }
    .w-lg-95d{
        width: 95%;
    }
    .w-lg-100d{
        width: 100%;
    }
    .w-lg-fit{
        width:fit-content;
    }
    .w-lg-auto{
        width: auto;
    }
    .h-lg-50d{
        height:50%
    }
    .h-lg-100d{
        height:100%
    }


}

@media(min-width:1200px){
    .w-xl-80d{
        width:80%;
    }
    .w-xl-20d{
        width:20%;
    }
    .w-xl-30d{
        width:30%;
    }
    .w-xl-25d{
        width:25%;
    }
    .w-xl-40d{
        width:50%;
    }
    .w-xl-50d{
        width:50%;
    }
    .w-xl-300p{
        width:300px;
    }
}
@media(min-width:1440px){
    .w-xxl-70d{
        width:70%;
    }
    .w-xxl-20d{
        width:20%;
    }
    .w-xxl-25d{
        width:25%;
    }
}