@font-face {
    font-family: 'YekanBakhFaNum';
    font-style: normal;
    src: url('/agency/fonts/yekanbakh/woff/YekanBakhFaNum-VF.woff');
}

body {
    background: #0D0C0A !important;
    font-size: 14px;
    color: #fff;
    font-family: 'YekanBakhFaNum';

}

.service_body {
    background: linear-gradient(180deg, rgba(94, 83, 60, 0.3) 0%, rgba(196, 173, 126, 0.3) 100%);
    padding: 15px;
    color: #fff;
    height: 100%;
    border-radius: 15px;
    position: relative;
}

.service_text ul {
    margin-right: 15px;
    font-size: 12px;
}

.service_title h6 {
    font-size: 15px;
    direction: rtl;
    padding-right: 8px;
}

.title-box ::after {
    content: url(/agency/aramnet/bg-title.png);
    display: inline-block;
    height: 30px;
    position: absolute;
    bottom: 20px;
    left: 30%;
}

.service_text-hover {
    position: absolute;
    opacity: 0;
    background: url(/agency/aramnet/bg-service.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    padding: 0px 20px;
    top: 0;
    left: 0;
    border-radius: 15px;
    line-height: 24px;
    font-size: 11px;
}

.service_body:hover .service_text-hover {
    opacity: 1 !important;
}

.title-about::after {

    content: url(/agency/aramnet/bg-title-about.png);
    display: inline-block;
    height: 30px;
    position: absolute;
    top: 30px;
    right: 7%;
}

.owl-carousel-adver .slider-hover {
    position: absolute;
    opacity: 0;

    background: linear-gradient(90deg, rgba(135, 114, 84, 1) 0%, rgba(56, 83, 169, 1) 100%);

    width: 100%;
    height: 100%;
    padding: 0px 20px;
    top: 0;
    left: 0;
    border-radius: 15px;

}

.owl-carousel-adver11 :hover {
    background-image: url(/agency/aramnet/bg-hover-slider.png);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}

.owl-carousel-adver :hover .slider-hover {

    opacity: 1;

}

.btn-more,
.btn-more-hover {

    border-radius: 6px;
    padding: 12px 0px;
    border-width: 2px;
    background: linear-gradient(90deg, #DBB57F 0%, #CAAA7C 100%);
    color: #fff;
    margin-left: 10px;
    display: inline-block;
    width: 200px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;

}

.btn-service,
.btn-contact-hover {
    border-radius: 6px;
    padding: 12px 0px;
    color: #DBB57F;
    background: transparent;
    position: relative;
    display: inline-block;
    width: 200px;
    text-align: center;
    font-size: 15px;
    border: 1px solid #DBB57F;
    cursor: pointer;

}

.slider-hover ::before {
    content: '';
    background: url('/agency/aramnet/bg-hover-slider.png');
    position: absolute;
    top: 0%;
    left: 0;
}

.btn-link:hover,
a:hover {
    color: unset;
}



.btn-service::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    /* border length  */
    background: linear-gradient(to right, rgb(121 160 219), rgb(225 184 137));
    border-radius: inherit;
    mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
}

.about-img {
    position: relative;
    left: 35%;
}

.post-creative-title {
    color: #CAAA7C;
    font-size: 16px;

}

.section-counter .post-creative-title {
    color: #fff;
    font-size: 22px;
    white-space: nowrap;
}

.services .service_body h6::before {
    position: absolute;
    content: url('/agency/aramnet/bg-title-service.png');
    width: 4px;
    height: 35px;
    right: 5%;

}

.summary {
    color: #C7C4AE;
}

.post-creative-time p {
    color: #8B7D6B;


}

.post.post-creative {

    border-radius: 14px;
    padding: 20px;
    background: #FFFFFF1A;
}

.product_body {
    padding: 15px;
    color: #fff;
    height: 100%;
    background: linear-gradient(180deg, rgba(34, 70, 112, 0.5) 0%, rgba(130, 102, 53, 0.5) 100%);
    border-radius: 26px;
    min-height: 400px;
}

.service_info {
    position: absolute;
    right: 10%;
    bottom: 0px;
    height: 50%;
    width: 80%;
    background: #807E6052;
    margin: auto;
    border-radius: 42px 42px 0px 0px;
    border: 1px solid #8b792259;
    padding: 10px;
    border-bottom-width: 0px;
}

.service_info h6 {
    margin-top: 40%;
}

.counter-box {
    font-size: 24px;
    border-radius: 8px;
    padding: 35px 15px;
    background: linear-gradient(270deg, rgba(13, 12, 10, 0.2) 8.17%, rgba(154, 107, 41, 0.2) 100%);
    margin-bottom: 20px;
    border: 1px solid #8b792259;
}

.section-counter {
    background: url(/agency/aramnet/bg-counter.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.row-counter {
    gap: 20px;
}

.title-box {
    width: 60%;
    direction: rtl;
    text-align: center;
    margin: auto;
}

.title-box span {
    background: linear-gradient(to right, #c4a46f, #8192e3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-about,
.section-counter {
    position: relative;
}

#shape1 {
    position: absolute;
    top: 0px;
    right: 0%;
}

#shape2 {
    position: absolute;
    top: 0px;
    left: 0%;
}

.info-price-box {
    justify-content: space-around;
    align-items: anchor-center;
}

.info-price-box button {
    padding-top: 8px;
    padding-right: 18px;
    padding-bottom: 8px;
    padding-left: 18px;
    border-radius: 8px;
    color: #fff;
    border: unset;
    background: linear-gradient(78.47deg, #555EBE -15.4%, rgba(81, 103, 192, 0.53) 34.75%, #2C2899 114.8%);
}

.info-price-box span {
    direction: rtl;
    color: #fff;
    font-family: inherit;
}

.currency {
    font-size: 11px;
    color: #FFFFFF80 !important;

}

.btn-more-article {
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #4263CE;
    color: #B7D6FF;
    padding-top: 16px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    border-radius: 8px;
}

.btn-more-article:hover {
    background: linear-gradient(43deg, rgba(89, 99, 206, 1) 0%, rgba(194, 215, 246, 1) 45%, rgba(194, 147, 47, 1) 100%);
}

.contact-content,
.contact-info h5,
.contact-info-content a,
.widgets,
.widgets .widgets-title,
.contact-form,
.contact-form-header h1,
#cart-attribute,
.desc-cart-attribute,
.products__item-wrapper,
.productitem,
.products__item-fatitle h3,
.products__item-price--final,
#dk-breadcrumbs ol a,
.cart-box .product-title {
    background: transparent !important;
    color: #fff !important;
    text-align: right;
}

#icons,
#icons a {
    border: unset !important;
    color: #fff !important;
}

.bg-grey {
    background: transparent !important;
}

.header-responsive .header-top {
    background: #0D0C0A !important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.dropzone.dz-clickable {
    border-radius: 10px;
}

.finalprice {
    border: 1px solid #fff !important;
    border-radius: 20px 20px 0 0;
    padding: 1rem;
    background: transparent !important;
    position: relative;
}

.product-upload-wrapper {
    padding: 0px !important;
}

.dropzone-msg-title span {
    color: #AC8B4E !important;
    padding: 10px;
    border: 1px dashed #AC8B4E !important;
}

.c-ui-select {
    width: 100%;
    border: 1px solid #AC8B4E;
    border-radius: 20px;
    color: #AC8B4E;
    padding: 5px;
    outline: unset;
}

.product-img-upload {
    margin: 0px !important;
}

.widgets .social-share-link a {

    border: 2px solid #AC8B4E !important;
    color: #AC8B4E !important;
}

.contact-form button {
    background: #AC8B4E !important;
    ;
}

#product-info-fixed h6,
#continue,
.btn-submit,
#cart-attribute ul li.red-bullet:before,
.desc-cart-attribute span.red-border:before,
.pagination li.active span,
#product-info-fixed .cart-button,
.user-profile-sidebar-list .active,
.user-profile-form .btn,
.contact-info-icon i,
.contact-form button,
#mobile-navigation-area-cart #udpCartItemCounter {

    background: #AC8B4E !important;
}

.masonry-gallery__item_content {
    padding-bottom: 30px;
    height: 350px;
    border-radius: 10px;
}

#mobile-navigation-area a.active {
    border-bottom-color: #AC8B4E;
}

.user-profile-sidebar-list li a i,
.masonry-gallery__item__detail i,
.resent-title i {
    color: #AC8B4E !important;
}

#product-info-fixed h6 {
    color: #fff;
}

.btn-primary {
    border-color: #AC8B4E;
}

.user-comment {
    background: transparent;
}

.sorting li.active {
    border-bottom: 2px solid #AC8B4E !important;
}

@media only screen and (max-width: 480px) {
    .header-button #udpCartItemCounter {
        position: absolute;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 100%;
        display: inline-block;
        width: 20px;
        height: 20px;
        text-align: center;
        top: 1px;
        right: 0;

        font-size: 11px;
        line-height: 18px;
        font-weight: 700;
    }

    #price-box-detail {
        background: #AC8B4E !important;
        color: #fff !important;
    }

    .row-counter {
        gap: 0px;
    }

    .service_info h6 {
        text-align: center;
        font-size: 16px;
    }

    .col-center {
        display: none;
    }

    .title-box {
        width: 100%;
        font-size: 24px;
    }

    .title-box ::after {
        left: 0;
        width: 100%;
        content: url(/agency/aramnet/bg-title-m.png);
        bottom: 25px;
    }

    .counter-box .row {
        flex-flow: nowrap;
    }

    #shape2,
    #shape1 {
        display: none;
    }

    .btn-more,
    .btn-service,
    .btn-more-hover,
    .btn-contact-hover . {
        display: block;
        text-align: center;
    }

    .about-img {
        left: 0;
        width: 100%;
    }

    .product-box {
        margin-bottom: 20px;
        position: relative;
    }

    .section-counter .post-creative-title {
        font-size: 15px;
    }

    .btn-all-product {
        display: none;
    }
}