@font-face {
    font-family: "IRANSansXFaNum";
    src: url("/fonts/FarsiNumerals/IRANSansXFaNum-Regular.ttf");
}
* {
    font-family: "IRANSansXFaNum";
}
body,html {
    overflow-x: hidden;
}
.about-horse {
    margin: 25% 5%;
}
.section-pro-level img{
    width: 45%;
}
ul  li::marker {
     color: #377474 !important;
}
.information {
    margin-top: 8%;
}
.section-information ul li {
    padding: 2%;
}
.section-information .title{
    font-size: 1.4em;
    font-weight: 600;
}
.section-information {
    width: 40% !important;
    margin-right: 5%;
}
.information {
    justify-content: center;
    justify-items: center;
}
.information .col-6  {
    margin-bottom: 10%;
}

.section-information , .section-pro-level {
    display: grid;
    justify-content: center;
    align-content: center
}
.section-pro-level {
    justify-items: center;
}
.top-btn  {
    width: 4%;
    margin: 4% 5%;
    z-index: -100;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    right: 0;
    visibility: hidden;
}
.active-top-btn {
    visibility: visible;
    z-index: 1;
}

#btn-request-pro {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    outline: 1px solid #18409A;
    color: #18409A;
    font-family: 'KALAMEH_REGULAR';
    transition: all 0.5s ease-in-out;
    margin-bottom: 0;
    font-weight: 600;
    z-index: 1;
}
#btn-request2 {
    overflow: hidden;
    position: relative;
    background-color: #18409A;
    color: #fff;
    font-family: 'KALAMEH_REGULAR';
    z-index: 1;
}
.buttons {
    text-align: right;
    margin-top: 10%;
}
#btn-request-pro::before {
    position: absolute;
    content: "";
    display: inline-block;
    cursor: pointer;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #18409D;
    transform: translateY(105%);
    z-index: -1;
    border-radius: 5px;
    transition: transform ease 0.6s;
    color: #FFFFFF !important;
    opacity: 0.3;
}
#btn-request-pro:hover::before {
    transform: translateY(0%);
    color: #FFFFFF !important;
    opacity: 0.3;
}
#btn-request2::before {
    position: absolute;
    content: "";
    display: inline-block;
    cursor: pointer;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    transform: translateY(105%);
    z-index: -1;
    border-radius: 5px;
    transition: transform ease 0.5s;
    color: #FFFFFF !important;
    opacity: 0.3;
}
#btn-request2:hover::before {
    transform: translateY(0%);
    color: #FFFFFF !important;
    opacity: 0.3;
}
@media (max-width: 767.98px) { 
    .section-information  .title {
        font-size: 0.8em;
    }
    .section-information ul li {
        font-size: 0.5em;
    }
    .section-information p {
        font-size: 0.5em;
    } 
 }