/************ AboutUs ******************/
.Founders {
    .FounderBox {
        img {
            border-radius: 1rem;
        }

        .FounderName {
            left: 0;
            background: rgba(49, 49, 49, 0.50);
            backdrop-filter: blur(20px);
            bottom: 0;
            border-bottom-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
        }
    }
}

.Companies {
    .Companie {
        .CompaineBox {
            transition: all 0.5s ease-in-out;

            &:hover {
                .CompaineTitle {
                    opacity: 1;
                    visibility: visible;
                    z-index: 1;
                }

                .ImgBox {
                    transform: scale(1.1);

                    img {
                        transform: scale(1.1);
                    }

                }
            }

            .ImgBox {
                padding: 2.66rem 2.7rem;
                transition: all 0.5s ease-in-out;

                img {
                    transition: all 0.5s ease-in-out;
                }
            }

            .CompaineTitle {
                transition: all 0.5s ease-in-out;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0);
                opacity: 0;
                visibility: hidden;
                z-index: -1;

                span {
                    &:before {
                        content: "";
                        width: 100%;
                        height: 0.3em;
                        position: absolute;
                        bottom: 0.5em;
                        z-index: -1;
                        background: #DE0000;
                    }
                }
            }
        }
    }

    .CompaineText {
        transition: all 0.5s ease-in-out;
    }
}

.Companies:has(.CompaineBox:hover).Companies .CompaineText {
    opacity: 0 !important;

}

/*************** ContactUs **************/
.ContactUs {
    .ContactBanner {
        img {
            border-radius: 1.66rem;
        }

        .BannerText {
            top: 50%;
            right: 50%;
            transform: translate(50%, -50%);

            @media screen and (max-width:980px) {
                font-size: 1.1rem !important;
            }
        }
    }
}

/****************** Blog ***********************/
.List_Article_Blogs {
    z-index:2;
    position:relative;
    .Blog-box {
        .Blog-Information {
            color: #B4B4B4;

            svg {
                border-radius: 50%;
                width: 1.6rem;
                height: 1.6rem
            }
        }
    }
}

.EDNcategorycolor-red {
    color: #FF4031;
    background: #FFDAD3;
    padding: 0.36em 0.53em;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.EDNcategorycolor-blue {
    color: #4D85FF;
    background: #D3E8FF;
    padding: 0.36em 0.53em;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.EDNcategorycolor-pink {
    color: #A631FF;
    background: #F6D3FF;
    padding: 0.36em 0.53em;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.SpecialBlog {
    .SpecialTop {
        .LeftBlog {
            .Description {
                left: 0;
                right: 0;
                bottom: 1.5rem;
            }
        }
    }

    .Blog-box {
        .Blog-Information {
            color: #B4B4B4;

            svg {
                border-radius: 50%;
                width: 1.6rem;
                height: 1.6rem
            }
        }
    }

    @media screen and (max-width:980px) {
        .Description {
            position: relative !important;
            background: unset !important;
        }
    }
}

.article_pager {

    display: inline-flex;

    padding: 0.8rem 2rem;

    width: 100%;

    justify-content: center;

    flex-direction: row-reverse;

    align-items: center;

    gap: 1em;

    margin: 3em 0;
}

.article_pager .page {
    padding: 0.5em;
    background: var(--Lsilver);
    border-radius: 0.53em;
    width: 2em;

    height: 2em;
    display: flex;
    align-items: center;

    justify-content: center;

    color: var(--Black);

    transition: all 0.3s ease-in-out;
    border: 0.1em solid transparent;

    &:hover {
        border: 0.1em solid var(--Warning);
    }
}

.article_pager .page.active {
    background: var(--Warning);
    color: var(--White)
}

.BlogCategory {
    list-style: none;

    li {
        &.active {
            font-weight: bold;
        }
    }

    @media screen and (max-width:980px) {
        flex-wrap: wrap;

        li,
        span {
            flex: 1 0 45%;
            text-align: center;
        }
    }
}

.search_input {
    display: flex;
    justify-content: end;

    .input {
        position: relative;

        &:before {
            content: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7374 18.5049C9.04589 18.5047 7.40416 17.9327 6.07873 16.8818C4.75331 15.831 3.82203 14.3629 3.43611 12.7161C3.05018 11.0692 3.23228 9.34027 3.95283 7.80995C4.67339 6.27964 5.89008 5.03782 7.40535 4.28615C8.92062 3.53447 10.6455 3.31708 12.2999 3.66927C13.9543 4.02145 15.4411 4.92254 16.5188 6.22621C17.5965 7.52988 18.2019 9.15958 18.2367 10.8507C18.2715 12.5418 17.7336 14.195 16.7104 15.5419L21.0794 19.7879L19.6854 21.2219L15.2984 16.9589C13.9905 17.9638 12.3867 18.5074 10.7374 18.5049ZM16.2374 11.0049C16.2374 12.4636 15.6579 13.8625 14.6264 14.894C13.595 15.9254 12.196 16.5049 10.7374 16.5049C9.27867 16.5049 7.87972 15.9254 6.84827 14.894C5.81682 13.8625 5.23736 12.4636 5.23736 11.0049C5.23736 9.5462 5.81682 8.14725 6.84827 7.1158C7.87972 6.08435 9.27867 5.50489 10.7374 5.50489C12.196 5.50489 13.595 6.08435 14.6264 7.1158C15.6579 8.14725 16.2374 9.5462 16.2374 11.0049Z' fill='%23B4B4B4'/%3E%3C/svg%3E%0A");
            position: absolute;
            right: 0.8em;
            top: 0.5em;
        }
    }

    input {
        border: unset;
        width: 21rem;
        padding: 0.6em 2.5rem;
        border-radius: 6.6rem;

        &:focus-visible {
            outline: none;
        }

        &::placeholder {
            color: #B4B4B4;
        }

    }

    .do_search {
        display: none;
    }

    @media screen and (max-width:980px) {
        justify-content: center;
    }
}

/*******************Comments*************************/
.edNews__commentPendingApproval,
.edNews_errorMessage {
    transition: all ease-in-out .3s;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    display: block
}

.edNews__commentPendingApproval.show,
.edNews_errorMessage.show {
    max-height: 3rem;
    opacity: 1;
    background: var(--accent-color5);
    padding: .4em
}


.edNews__commentsSubmitComment {
    transition: all 0.3s ease-in-out;
    background: var(--accent-color);
    margin-top: 1rem;
}

.edNews_votes .btn-submit:hover {
    background: var(--accent-color4);
}

.edNews_votes .btn-submit:hover .edNews_numberVotes {
    color: var(--custome-color2);
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea) {
    outline: unset !important;
    ;
    padding: 1rem;
    width: -webkit-fill-available;
    background: transparent;
    transition: all ease-in-out .3s;
    border-top: unset;
    border-right: unset;
    border-left: unset;
    border-bottom: 0.1em solid var(--Text-Color4)
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea)::placeholder {
    text-align: right !important;
    font-family: IranSite;
    color: var(--Silver-Secondary-Color);
    transition: all ease-in-out .3s;

}

input:where([type="email"], [type="cell"]) {
    direction: ltr;
}

.edNews__commentsWrapper .form-group label {
    padding: .4rem 0
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea):focus {
    border-color: var(--Accent-Color);
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea):focus::placeholder {
    letter-spacing: -0.05rem;
    font-size: 0.9rem;
}

.edNews__commentsWrapper .GDPR input[type=checkbox]+label {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: .2em;
    gap: 1rem
}

.edNews__commentsWrapper .GDPR input[type=checkbox] {
    display: none
}

.edNews__commentsWrapper .GDPR input[type=checkbox]+label:before {
    content: "\2714";
    border: .1em solid var(--Black-Color);
    border-radius: .2em;
    display: flex;
    color: transparent;
    transition: .2s;
    padding: 0 0.5em;
    border: 0.1rem solid var(--blgnav);
}

.edNews__commentsWrapper .GDPR input[type=checkbox]+label:active:before {
    transform: scale(0)
}

.edNews__commentsWrapper .GDPR input[type=checkbox]:checked+label:before {
    background-color: #3cb371;
    border-color: #3cb371;
    color: #fff
}

.edNews__commentsWrapper .GDPR input[type=checkbox]:disabled+label:before {
    transform: scale(1)
}

.edNews__commentsWrapper .GDPR input[type=checkbox]:checked:disabled+label:before {
    transform: scale(1);
    background-color: #bfb;
    border-color: #bfb
}

.edNews__commentsCommentFormWrapper .edNews__replyingToMessage {
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .3s
}

.edNews__commentsCommentFormWrapper.edNews__replyingToComment .edNews__replyingToMessage {
    opacity: 1;
    visibility: visible
}

.edNews__commentsCollapseWrapper {
    width: 100%
}

.edNews_commentDetails .media-body {
    flex: 1 0 80%;

}

.edNews__commentVoting_upvote .fa-thumbs-o-up:before {
    color: green;
    font-size: 1.5rem
}

.edNews__commentVoting_downvote .fa-thumbs-o-down:before {
    color: red;
    font-size: 1.5rem
}

.edNews_commentActions span {
    color: #FF5E4D;
}

.edNews_numberVotes {
    color: var(--accent-color4);
}

.edNews_loadMoreTriggerWrapper {
    display: flex;
    justify-content: center
}

.edNews_loadMoreTriggerWrapper button {
    background: var(--accent-color3);
    border: 1px solid var(--accent-color2);
    padding: 1rem;
    margin-bottom: 2rem;
    cursor: pointer
}

.edNews_loadMoreTriggerWrapper .loadingOverlay {
    display: none
}

.edNews_loadMoreTriggerWrapper.loading,
.edNews__editingComment .edNews__editCommentContainer {
    display: block
}

.edNews_loadMoreTriggerWrapper.hide,
.edNews__editCommentContainer {
    display: none
}

.edNews_userAvatar img {
    width: 2.85rem;
    height: 2.85rem;
    border-radius: var(--b-radius);
}

.edn_recentCommentContainer {
    display: flex;
    gap: 1rem;
    align-items: center;

}

.edNews__commentsListContainer {
    order: 2;
    /* show User Comment */
    display: none;
    /* show User Comment */
}

.edNews__commentsCommentFormWrapper {
    order: 1;
}

.edNews_addComment .btn-submit {
    color: var(--custom-color3);
    border-radius: var(--b-radius);
    transition: all ease-in-out .3s;
    cursor: pointer;
    font-weight: bold;

    &:after {
        content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.95333 5.67342L9.66 2.82009C13.4933 0.90009 15.0667 2.47342 13.1467 6.30676L12.5667 7.46676C12.4 7.80676 12.4 8.20009 12.5667 8.54009L13.1467 9.69342C15.0667 13.5268 13.5 15.1001 9.66 13.1801L3.95333 10.3268C1.39333 9.04676 1.39333 6.95342 3.95333 5.67342ZM6.10667 8.50009H9.70667C9.98 8.50009 10.2067 8.27342 10.2067 8.00009C10.2067 7.72676 9.98 7.50009 9.70667 7.50009H6.10667C5.83333 7.50009 5.60667 7.72676 5.60667 8.00009C5.60667 8.27342 5.83333 8.50009 6.10667 8.50009Z' fill='white'/%3E%3C/svg%3E%0A");
        line-height: 0;
    }

}

.CommentersName {
    .UserIcon {
        line-height: 0;
        padding: 0.4em;
        background: #FFDAD3;
        border-radius: 50%;
    }
}

/*********************** CommentsEnd ***********************/

/********************* BlogDetails ************************/
.Details_Article_Blogs {
    p {
          font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    text-align: justify;
    }
    .DetailArticle {
        font-family: calibri;
        img {
            max-width: 100%;
            height: auto;
            border-radius: 1rem;
            margin: 2rem 0;
            object-fit: cover;
        }
    }

    .Blog-Information {
        color: #B4B4B4;

        .Author {
            svg {
                border-radius: 50%;
                width: 1.6rem;
                height: 1.6rem
            }
        }
    }
}

.Text-Color7 {
    color: #E6E6E6 !important;
}

.HomeBlog {
    position: relative;
    z-index: 3;

    .topBlog {
        .Title {
            bottom: 1rem;
            right: 1rem;

            .TitleBox {
                border-radius: 12px;
                background: rgba(0, 0, 0, 0.50);
                backdrop-filter: blur(25px);
                padding: 1.5rem;
                z-index: 2;
            }

            &:after {
                content: "";
                width: 5.2rem;
                height: 3.5rem;
                background: red;
                position: absolute;
                left: 0.5em;
                border-radius: var(--b-radius);
                top: 0;
                z-index: 1;
            }
        }

        .BlogBTN {
            background: #FF5E4D;
            border-radius: 3.3rem;
            -webkit-border-radius: 3.3rem;
            -moz-border-radius: 3.3rem;
            -ms-border-radius: 3.3rem;
            -o-border-radius: 3.3rem;
        }
    }
}

/****************** FAQ START *****************/
.FaqPages {
    .accordion-second {
        .item {
            cursor: pointer;
            list-style-type: none;
            counter-increment: item;
            transition: all ease-in-out 300ms;
            border-bottom: 0.1em solid #CDCDCD;
            gap: 1rem;

            svg {
                transition: all ease-in-out 0.3s;
                stroke: #FF5E4D;
            }

        }

        .answer.hideanswer {
            max-height: 0;
            transition: all ease-in-out 0.3s;
            padding: 0 1em;
        }

        .answer {
            max-height: 14em;
            transition: all ease-in-out 0.3s;
            overflow: hidden;
            margin-bottom: 1rem;
            padding: 1em;
            background: #FF5E4D;
            color: #fff;
        }

    }
}

.FaqPages .accordion-second .item:has(+ .answer:not(.hideanswer)) svg {
    transform: rotate(45deg);
    display: block;
    stroke: #fff;
}

.FaqPages .accordion-second .item:has(+ .answer:not(.hideanswer)) {
    background: #FF5E4D;
    color: var(--White);
    border-bottom: unset;
}

/****************** FAQ END *****************/

.FAQCategorys {
    .FAQCategory {
        list-style: none;

        li {
            border-bottom: 0.1em solid #e6e6e6;
            padding: 1rem 0;

            &:last-child {
                border-bottom: unset;
            }
        }
    }
}

.FAQTitle {
    @media screen and (max-width:580px) {
        strong {
            font-size: 1.4rem !important;
        }

    }
}

.DetailTitle .Blog-Information .DetailArticle {
    font-family: calibri;
    font-weight: 500;
}