@font-face {
    font-family: 'Vazir-Medium';
    src: url("Font/Vazir-Medium.woff2") format('woff2'),
    /* سایر خاصیت‌های مورد نیاز مانند font-weight و font-style */
}

a {
    text-decoration: none;
}

.CustomColor1 { /*#ED0707 */
    background-color: rgba(237, 7, 7);
}

.CustomColor2 { /*#BA0C0C */
    background-color: rgba(186, 12,12);
}

.CustomColor3 {
    background-color: rgba(152,10,10);
}

.CustomColor4 { /* #780909 */
    background-color: rgba(120, 9, 9);
}

.CustomColor5 {
    background-color: rgba(11, 0, 0);
}
html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* جلوگیری از اسکرول افقی */
}
body {
    font-family: Vazir-Medium;
    font-size: 18px;
    background-color: rgba(11, 0, 0);
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23ffffff' fill-opacity='0.20' fill-rule='evenodd'/%3E%3C/svg%3E");
}

#CustomNavbar {
    background-image: url("./Img/TestPic/Pic2.jpg");
}

.activityNav:hover {
    background-color: rgb(237, 7, 7);
    text-decoration: underline;
    transition: 3s;
}

#TopButtonQuickAccses {
    position: -webkit-static;
    position: fixed;
    bottom: 60px;
    right: 20px;
    background-color: rgba(11, 0, 0);
    border-radius: 50%;
    z-index: 1;
}

.fullopacity {
    opacity: 1;
    color: #07143f
}

.justifytext {
    direction: rtl;
    text-align: justify;
}

.customcarousel {
    height: auto;
    aspect-ratio: 16 / 9;
}

.validation-summary-errors {
    color: red;
}

@keyframes mymove {
    from {
        filter: blur(1.5rem);
    }

    to {
        filter: blur(0px);
    }
}

#ImgHeader {
    position: relative;
    min-height: 100vh; /* حداقل ارتفاع برابر کل صفحه */
    height: 100vh; /* کل ارتفاع مرورگر */
    background-position: center; /* برای بهتر وسط کردن بک‌گراند */
    background-repeat: no-repeat;
    background-size: cover; /* بک‌گراند کل صفحه رو بپوشونه */
    width: 100%;
    animation: mymove 3s normal;
}

.CusBgContactus {
    background-color: #0B0000;
    opacity: 1;
    background-image: radial-gradient(#ED0707 2px, #252525 2px);
    background-size: 40px 40px;
    border-color: rgba(120, 9, 9);
}

#ContactMeImg {
    width: 100%;
    height: 100%;
    background-position: center;
    /* background-size: cover; */
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.CusBgImgContactus {
    background-color: #252525;
    opacity: 0.9;
    background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #252525 40px ), repeating-linear-gradient( #ED070755, #ED0707 );
    border-radius: 30% 25% 50% 10%;
}

.ContactMeImg {
    background-image: url("SVG/undraw_selection_7hy6.svg");
    opacity: 1.0;
}

.ContactMeImgId1 {
    background-image: url("SVG/undraw_project-completed_fwjq.svg");
}

.ContactMeImgId2 {
    background-image: url("SVG/undraw_youtube-tutorial_xgp1.svg");
}

.ContactMeImgId3 {
    background-image: url("SVG/undraw_writing-down-ideas_h99r.svg");
}

.ContactMeImgId4 {
    background-image: url("SVG/undraw_my-personal-files_886p.svg");
}

.ContactMeImgId5 {
    background-image: url("SVG/undraw_pending-approval_6cdu.svg");
}

.ContactMeImgId6 {
    background-image: url("SVG/undraw_vintage_q09n.svg");
}

.CusToolsCard {
    background-color: #252525;
    opacity: 1;
    background-image: radial-gradient(#BA0C0C 0.8px, #252525 0.8px);
    background-size: 16px 16px;
    border: 3px dashed #780909;
}

.articles {
    display: flex;
    flex-wrap: wrap;
    margin-right: auto;
    margin-top: auto;
    max-width: fit-content;
}

    .articles article {
        max-width: 320px;
        cursor: pointer;
        position: relative;
        display: block;
        transition: all 0.4s ease-in-out;
        overflow: hidden;
    }

        .articles article img {
            max-width: 100%;
            transform-origin: center;
            transition: transform 0.4s ease-in-out;
        }

.article-preview {
    padding: 24px;
}

.articles figure {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

    .articles figure img {
        height: 100%;
        overflow: hidden;
        object-fit: cover;
    }

.articles article:hover img {
    transform: scale(1.5);
}

.CustomImageCard {
    width: 100%;
    display: block;
    height: 12.5rem;
    border-radius: 20px;
}

.module-border-wrap {
    background: linear-gradient(to right, rgb(237, 7, 7),rgb(120, 9, 9));
    position: relative;
    border-radius: 20px;
}

.CustomBoxCard {
    width: 100%;
    display: block;
    height: auto;
    border-radius: 20px;
}

.module {
    padding: 2px;
}

.form-check-input:checked {
    background-color: rgba(237, 7, 7) !important;
    border: 0;
}

.form-check-input:focus, .label::after, label.form-check-label:focus, .form-check-input::after, .form-check-input:not(:disabled):not(.disabled):active:focus {
    color: black;
    outline: 0;
    border: 0;
    box-shadow: 0 0 0 0.1rem #07143f !important;
}

.fixed-bg-Introduction {
    filter: grayscale(50%);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
}

    .fixed-bg-Introduction:hover {
        filter: grayscale(00%);
    }

.CustomCarsoulBooks {
    max-height: 400px;
    width: auto;
}

.CustomBooksPicture {
    max-height: 400px;
    width: auto;
}

#CustomCV {
    height: 40rem;
}
/* CSS */
.button-85 {
    padding: 0.6em 2em;
    border: none;
    outline: none;
    color: rgb(255, 255, 255);
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

    .button-85:before {
        content: "";
        background: linear-gradient( 45deg, #780909, #ED0707, #BA0C0C, #980A0A, #0B0000, #780909 );
        position: absolute;
        top: -2px;
        left: -2px;
        background-size: 400%;
        z-index: -1;
        filter: blur(5px);
        -webkit-filter: blur(5px);
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        animation: glowing-button-85 20s linear infinite;
        transition: opacity 0.3s ease-in-out;
        border-radius: 10px;
    }

@keyframes glowing-button-85 {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.button-85:after {
    z-index: -1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #222;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.activity:hover {
    background-color: rgba(237, 7, 7);
    transition: 1s;
}

.rtl {
    direction: rtl;
}

    .rtl .dropdown-menu-right {
        text-align: right;
    }

.DispNon {
    display: none;
}

.Disp {
    display: block;
}

.pointer {
    cursor: pointer;
}

.Resoverflow {
    overflow: auto;
}

.CusTextLink {
    color: #ED0707;
    cursor: pointer;
}

.CusArticleborderColor {
    border-color: #BA0C0C;
}

.cusimageAdminpanel {
    width: 300px;
    height: auto;
    filter: drop-shadow(2px 2px 2px #222);
}

.social-icon {
    display: inline-block;
    padding: 10px;
    border-radius: 10px;
    background-color: rgba(186, 12,12);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

    .social-icon:hover {
        background-color: rgba(237, 7, 7);
        transform: scale(1.1);
    }

    .social-icon img {
        transition: transform 0.3s ease;
    }

    .social-icon:hover img {
        transform: scale(1.05);
    }