:root{
    --base-color:#60deae;
}
html {
    margin: 0 !important
}

body {
    direction: rtl;
    text-align: right;
    font-family: 'estedad-medium';
    font-weight: normal;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0
}

input,
textarea,button,select {
    font-family: 'estedad-medium';
    font-weight: normal;
}

a {
    text-decoration: unset;
    color: inherit;
    cursor: pointer;
}

a:hover {
    color: var(--base-color);
}

input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus {
    text-align: left;
    direction: ltr;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

@media(max-width:1920px) {

    /* ====== START :: Index Page ====== */
    .intro {
        /* width: 1920px;
        height: 925px */
    }

    /* ====== END :: Index Page ====== */
}

@media(max-width:1440px) {

    /* ====== START :: Index Page ====== */
    .intro {
        /* width: 1440px;
        height: 925px; */
    }

    .intro .main-menu {
        display: block !important;
    }

    .intro .atmosfer {
        height: 560px !important;
    }

    .intro .atmosfer .data-motion {

    }


    .intro .clouds .cloud-01-motion {
        /* left: 24% !important; */
        top: 135px !important;
    }

    .intro .clouds .cloud-02-motion {
        right: 28% !important;
        /* top: 80px !important; */
    }

    .intro .clouds .cloud-03-motion {
        left: -10% !important;
        /* bottom: 50px !important; */
    }

    .intro .clouds .cloud-04-motion {
        right: -10% !important;
        /* bottom: 40px !important; */
    }

    .intro .clouds .cloud-05-motion {
        /* left: 11% !important;
        bottom: 140px !important; */
    }

    .intro .clouds .cloud-people-motion {
        /* left: 130px !important;
        bottom: -20px !important; */
    }

    .intro .atmosfer .masque-motion {
        /* right: 120px !important;
        bottom: 0px !important; */
    }

    .intro .clouds .cloud-07-motion {
        right: 15% !important;
        bottom: 100px !important;
    }

    .intro .atmosfer .sun-motion {
        /* right: 31% !important;
        top: -90px !important; */
    }

    .intro .atmosfer .slogan-motion {

    }

    .intro .atmosfer .slogan-motion img {

    }

    /* ====== END :: Index Page ====== */

    .header .search input {
        width: 80% !important;
    }

    .header .main-menu li {
        margin-left: 6px !important;
    }

    .header .talk h2 {
        width: 155px !important;
    }

    .list-slider .list {
        width: 30% !important;
    }

    .list-slider .list-item {
        height: 320px !important;
    }

    .list-slider .slider {
        width: 70% !important;
    }

    .list-slider .slider a.item {
        display: flex;
        height: 477px !important;
    }

    .promots {
        width: 87% !important;
    }

    .promots .promot-item {
        width: 30% !important;
        margin: 0 5px !important;
    }

    .Ceremony,
    .multimedia {
        width: 95% !important;
    }

    .Ceremony .posts-Ceremony-right {
        /* margin: 0 20px !important; */
    }

    .Ceremony .post-Ceremony-box img {
        width: 120px !important;
    }

    .Ceremony .post-Ceremony-box h2,
    .multimedia .post-multimedia-box h2 {
        font-size: 14px !important;
        margin: 0 !important;
    }

    .Ceremony .post-Ceremony-box h3,
    .multimedia .post-multimedia-box h3 {
        font-size: 12px !important;
    }

   

    .Ceremony .post-Ceremony-left h2 {
        right: 250px !important;
        font-size: 18px !important;
    }

    .Ceremony .post-Ceremony-left h3 {
        right: 250px !important;
    }

    .multimedia .posts-multimedia-right {
        width: 83% !important;
    }

    .multimedia .post-multimedia-box img {
        width: 120px !important;
        height: 120px !important;
    }

    .comment-Ceremony {
        width: 95% !important;
        margin: 60px auto !important;
    }

    .comment-Ceremony .comment-Ceremony-back {
        margin: 0px 5px !important;
        padding: 25px 30px !important;
        line-height: 20px !important;
    }

    .news {
        width: 95% !important;
    }

    .Services {
        width: 80% !important;
        margin: 0 auto !important;
    }

    .Services .other-services .item {
        /* flex: 0 0 25% !important; */
    }

    .talk-week .comment-video {
        flex: 0 0 85% !important;
    }

    .footer .footer-pack {
        width: 90% !important;
    }

    /* ====== START :: Post Page ====== */

    .post-sidebar .post-related img {
        width: 140px !important;
        height: 140px !important;
    }

    .live-sidebar .video {
        margin: 0 auto 50px !important;
    }

    /* ====== END :: Post Page ====== */
}

@media(max-width:1280px) {

    /* ====== START :: Index Page ====== */
    .intro {
        /* width: 1280px; */
    }

    .intro .main-menu {
        display: block !important;
    }

    .atmosfer {
        height: 560px !important;
    }

    .intro .atmosfer .data-motion {

    }


    .intro .clouds .cloud-01-motion {
        /* left: 24% !important; */
        top: 135px !important;
    }

    .intro .clouds .cloud-02-motion {
        right: 26% !important;
        /* top: 80px !important; */
    }

    .intro .clouds .cloud-03-motion {
        left: -10% !important;
        bottom: 50px !important;
    }

    .intro .clouds .cloud-04-motion {
        right: -10% !important;
        bottom: 40px !important;
    }

    .intro .clouds .cloud-05-motion {
        /* left: 11% !important;
        bottom: 140px !important; */
    }

    .intro .clouds .cloud-people-motion {
        /* left: 130px !important;
        bottom: -20px !important; */
    }

    .intro .atmosfer .masque-motion {
        /* right: 57px !important;
        bottom: 0px !important; */
    }

    .intro .clouds .cloud-07-motion {
        right: 15% !important;
        bottom: 100px !important;
    }

    .intro .atmosfer .sun-motion {
        /* right: 31% !important;
        top: -90px !important; */
    }

    .intro .atmosfer .slogan-motion {

    }

    .intro .atmosfer .slogan-motion img {

    }

    /* ====== END :: Index Page ====== */
    .header .search {
        flex: 0 0 29% !important;
    }

    .header .search input {
        width: 90% !important;
    }

    .header .main-menu li {
        margin-left: 5px !important;
    }

    .header .main-menu a {
        font-size: 12px !important;
    }

    .header .main-menu img {
        margin: -7px 0 0 5px !important;
        width: 23px !important;
    }

    .header .talk h2 {
        width: 120px !important;
        font-size: 12px !important;
    }

    .list-slider .list {
        width: 30% !important;
    }

    .list-slider .list-item {
        height: 239px !important;
    }

    .list-slider .slider {
        width: 70% !important;
    }

    .list-slider .slider a.item {
        height: 396px !important;
    }

    .promots {
        margin: 70px auto;
    }

    .Ceremony {
        width: 80% !important;
    }

    .Ceremony .Ceremony-posts,
    .multimedia .multimedia-posts {
        margin: 40px auto 0 !important;
        gap: 10px;
        flex: 0 0 100% !important;
    }

    .Ceremony .post-Ceremony-left {
        flex: 0 0 60% !important;
        justify-content: center;
    }
    .Ceremony .posts-Ceremony-right {
        flex: 0 0 100% !important;
    }

    .Ceremony .post-Ceremony-box {
        flex: 0 0 50% !important;
        padding: 0px 15px;
    }

    .Ceremony .post-Ceremony-box img {
        width: 100px !important;
    }

    .Ceremony .post-Ceremony-box h2,
    .multimedia .post-multimedia-box h2 {
        font-size: 100% !important;
    }
    .Services .items .item span{
        display: none !important;
    }
    .Ceremony .post-Ceremony-left h2 {
        font-size: 130% !important;
    }

    .multimedia {
        margin: 50px auto 0 !important;
        width: 80% !important;
    }

    .multimedia .posts-multimedia-right {
        width: 80% !important;
    }

    .multimedia .post-multimedia-box {
        flex: 0 0 48% !important
    }

    .comment-Ceremony {
        width: 95% !important;
        margin: 30px auto !important;
    }

    .comment-Ceremony .comment-Ceremony-back {
        letter-spacing: -.3px !important;
        font-weight: 400 !important;
    }
    .news {
        width: 80% !important;
    }

    .news .item {
        margin: 30px auto !important;
    }

    .news .item img {
        width: 170px !important;
        height: 170px !important;
    }

    .news .item.middle img {
        width: 200px !important;
        height: 200px !important;
    }

    .news .item h2 {
        font-size: 16px !important;
        margin: 20px auto 0 !important;
    }

    .news .item h3 {
        margin: 10px auto 0 !important;
    }

    .news .item.middle p {
        margin: 10px auto !important;
    }

    .talk-week .comment-video {
        flex: 0 0 75% !important;
    }

    .talk-week .comment-video .text-holder {
        flex: 0 0 40% !important;
    }

    .talk-week .comment-video .text-holder p {
        line-height: 16px !important;
        font-size: 11px !important;
    }

    .talk-week .comment-video .text-holder h2 {
        margin: 0 !important;
    }

    /* ====== START :: Post Page ====== */
    .post-sidebar .post-related-pack {
        width: 100% !important;
    }

    .list-sidebar .list-header h3 {
        font-size: 14px !important;
    }
    /* ====== END :: Post Page ====== */

    /* ====== START :: Contact Page ====== */
    .contact-data,
    .contact-list,
    .contact-form.comment
    {
        width: 70% !important;
    }
    /* ====== END :: Contact Page ====== */
}

@media(max-width:1024px) {
    .footer .footer-pack {
        text-align: center !important;
        align-items: center !important;
        flex-wrap: wrap;
    }

    .footer .footer-pack .about {
        flex: 0 0 100% !important;
    }

    .footer .footer-pack .about h2 {
        font-size: 12px !important;
        line-height: 1.5rem !important;
    }

    .footer .footer-pack .namad {
        flex-direction: row !important;
    }

    /* ====== START :: Post Page ====== */
    .sidebar-container {
        padding: 0 10px 0 0px !important;
        flex: 0 0 30% !important;
    }

    .recent-post-sidebar .recent-post-box img {
        width: 70px !important;
        height: 70px !important;
    }

    /* ====== END :: Post Page ====== */
}

@media(max-width:900px) {

    /* ====== START :: Index Page ====== */
    .intro {
        /* width: 900px !important;
        height: 1000px !important; */
    }

    .intro .hadith img {
        width: auto !important;
    }

    .intro .main-menu {
        display: none !important;
    }
    .Ceremony .post-Ceremony-left {
        flex: 0 0 100% !important;
    }
    .Ceremony .post-Ceremony-box {
        flex: 0 0 100% !important;
        padding: 0px 15px;
    }
    .atmosfer {
        height: 668px !important;
    }

    .intro .atmosfer .icon-menu {
        display: block !important;
        position: relative;
        z-index: 2 !important;

    }

    .intro .atmosfer .data-motion {
 
    }

    .intro .atmosfer .data-motion h1 {
        text-align: center !important;
    }

    .intro .atmosfer .lan-motion {

    }


    .intro .clouds .cloud-01-motion {
        /* left: 12% !important; */
        top: 245px !important;
    }

    .intro .clouds .cloud-02-motion {
        right: 15% !important;
        /* top: 200px !important; */
    }

    .intro .clouds .cloud-03-motion,
    .intro .clouds .cloud-04-motion {
        display: none;
    }

    .intro .clouds .cloud-05-motion {
        /* left: -7% !important;
        bottom: 140px !important; */
    }

    .intro .clouds .cloud-people-motion {
        /* left: -53px !important;
        bottom: -20px !important; */
    }

    .intro .atmosfer .masque-motion {
        /* right: -137px !important;
        bottom: 0px !important; */
    }

    .intro .clouds .cloud-07-motion {
        right: 0% !important;
        bottom: 100px !important;
        display: none;
    }

    .intro .atmosfer .sun-motion {
        /* right: 23% !important;
        top: 40px !important; */
    }

    .intro .atmosfer .slogan-motion {

    }

    .intro .atmosfer .slogan-motion img {
    }

    /* ====== END :: Index Page ====== */
    .header .menu-search {
        /* height: 70px !important; */
        /* padding-top: 15px !important; */
        justify-content: space-between;
        align-items: center !important;
    }

    .header .search {
        flex: 0 0 40% !important;
    }

    .header .icon-menu {
        display: flex !important;
    }

    .header .main-bar {
        display: none !important;
    }

    .header .main-bar {
        display: none !important;
    }

    .header #mobile-main-bar,
    .intro #mobile-main-bar {
        display: block !important;
    }

    .list-slider .list {
        width: 38% !important;
    }

    .list-slider .list-header {
        height: 85px !important;
    }

    .list-slider .list-header img {
        right: 15% !important;
        top: 10px !important;
        width: 50px !important;
    }

    .list-slider .list-header h2 {
        font-size: 16px !important;
    }

    .list-slider .list-header h3 {
        font-size: 12px !important;
    }

    .list-slider .list-item {
        height: 238px !important;
    }

    .list-slider .slider {
        width: 62% !important;
    }

    .list-slider .slider a.item {
        height: 325px !important;
    }

    .promots {
        margin: 30px auto !important;
    }

    .promots::before,
    .promots::after {
        width: 120px !important;
        margin: 20px 0px !important;
    }

    .promots .promot-item {
        height: 80px !important;
    }

    .Ceremony,
    .multimedia {
        margin: 0 auto ;
        width: 82% !important;
    }

    .Ceremony-posts {
        justify-content: center !important;
    }

    .Ceremony .post-Ceremony-left {
        flex: 0 0 90% !important;
        margin-bottom: 15px !important;
    }

    .Ceremony .posts-Ceremony-right {
        flex: 0 0 100% !important;
        margin: 0 auto !important;
    }

    .Ceremony .post-Ceremony-left .post-Ceremony-box {
        width: 100%;
        flex-direction: column;
        text-align: center;
    }

    .Ceremony .Ceremony-posts,
    .multimedia .multimedia-posts {
        margin: 40px auto 0 !important;
    }

    .multimedia .posts-multimedia-right {
        width: 100% !important;
    }

    .multimedia .post-multimedia-box {
        flex: 0 0 100% !important
    }

    .comment-Ceremony {
        width: 95% !important;
        margin: 0px auto 40px !important;
        flex-direction: column;
    }

    .comment-Ceremony::before {
        transform: rotateZ(270deg);
        width: 90px !important;
        margin-bottom: 10px;
    }

    .comment-Ceremony::after {
        transform: rotateZ(90deg) !important;
        width: 90px !important;
        margin-top: 10px;
    }

    .comment-Ceremony .comment-Ceremony-back {
        width: 65% !important;
    }

    .news {
        width: 82% !important;
        margin: 0px auto !important;
    }

    .news img {
        width: 30px !important;
    }

    .news .item img {
        width: 140px !important;
        height: 140px !important;
    }

    .news .item h2 {
        font-size: 14px !important;
    }

    .news .item.middle img {
        width: 180px !important;
        height: 180px !important;
    }

    .Services {
        width: 90% !important;
    }

    .Services .other-services {
        margin: 40px auto !important;
    }

    .header .main-menu,
    .talk-week-texture {
        display: none !important;
    }

    .talk-week .comment-video {
        flex: 1 1 0 !important
    }

    .talk-week .comment-video .text-holder {
        flex: 0 0 80% !important
    }

    .talk-week .comment-video .text-holder p {
        line-height: 17px !important;
        font-size: 12px !important;
        margin-top: 10px !important;
    }

    .talk-week .comment-video .video {
        flex: 0 0 90% !important;
    }

    /* ====== START :: Post Page ====== */

    .post-container .titr img {
        width: 60px !important;
        padding-left: 5px !important;
    }

    .post-container .titr h2 {
        font-size: 20px !important;
        margin-right: 10px !important;
    }

    .post-container .breadcrumb h4 {
        font-size: 10px !important;
    }

    .post-container .breadcrumb a {
        font-size: 10px !important;
    }

    .post-container .content h2 {
        font-size: 14px !important;
    }

    .post-container .content h3 {
        margin: 30px 20px !important;
    }

    .post-container .content img {
        width: 100% !important;
        margin: 30px auto !important;
    }

    .post-container .galeri li {
        flex: 0 0 40% !important;
    }

    .post-container .galeri img {
        height: auto !important;
    }


    .post-container .post-related-pack {
        width: 100% !important;
        padding: 30px 0 0 !important;
        flex-wrap: wrap;
    }

    .post-container .post-related {
        width: 40% !important;
        margin-bottom: 20px !important;
    }

    .post-container .post-related h2 {
        font-size: 80% !important;
        width: 100% !important;
    }

    .comment {
        margin: 20px auto 40px !important;
    }

    .comment-data {
        flex-direction: column;
    }

    .comment-lable {
        flex: 0 0 100% !important;
        margin: unset !important;
    }
    .comment-lable{
        order:1
    }
   

    .comment textarea {
        flex: 0 0 100% !important;
        min-height: 150px
    }

    .comment .mobile-submit#submit-com {
        display: block !important;
    }

    .list-sidebar .list-header {
        height: 105px !important;
    }

    .list-sidebar .list-header img {
        width: 60px !important;
    }

    .list-sidebar .list-header h2 {
        font-size: 18px !important;
    }

    .list-sidebar .list-header h3 {
        font-size: 12px !important;
    }

    .list-sidebar .list-item .item {
        padding: 10px 0px 10px 10px !important;
    }

    .list-sidebar .list-item .item h2 {
        font-size: 16px !important;
    }

    .list-sidebar .list-item .item h3 {
        font-size: 12px !important;
    }

    .other-services-sidebar {
        padding-left: 10px;
    }

    .other-services-sidebar .item h2 {
        right: 0 !important;
        top: unset !important;
        bottom: -10px !important;
        left: 0 !important;
    }

    .other-services-sidebar .itme h3 {
        display: none !important;
    }

    .live-sidebar .video {
        margin: 0 auto 40px !important;
    }


    .recent-post-sidebar {
        margin: 30px 0px !important;
        padding: 0 10px !important;
    }

    .recent-post-sidebar .recent-post-box h2 {
        top: 10px !important;
        right: 85px !important;
        font-size: 12px !important;
    }

    .recent-post-sidebar .recent-post-box h3 {
        top: 30px !important;
        right: 85px !important;
        font-size: 12px !important;
    }

    /* ====== END :: Post Page ====== */
}

@media(max-width:600px) {
    .multimedia .post-multimedia-box p{
        display: none;
    }
    /* ====== START :: Index Page ====== */
    .intro {
        /* width: 600px !important;
        height: 1000px !important; */
    }

    .intro .hadith img {
        width: auto !important;
    }

    .intro .main-menu {
        display: none !important;
    }

    .intro .atmosfer {
        height: 668px !important;
    }
    .Ceremony .post-Ceremony-left {
        flex: 0 0 100% !important;
    }
    .Ceremony .post-Ceremony-box {
        flex: 0 0 100% !important;
        padding: 0px 15px;
    }

    .intro .atmosfer .data-motion {

    }

    .intro .atmosfer .data-motion h1 {
        text-align: center !important;
    }

    .intro .atmosfer .lan-motion {

    }


    .intro .clouds .cloud-01-motion {
        /* left: 30% !important; */
        top: 240px !important;
    }

    .intro .clouds .cloud-02-motion {
        right: 0% !important;
        /* top: 180px !important; */
    }

    .intro .clouds .cloud-03-motion,
    .intro .clouds .cloud-04-motion,
    .intro .clouds .cloud-05-motion,
    .intro .clouds .cloud-07-motion {
        display: none;
    }

    .intro .clouds .cloud-people-motion {
        /* left: -285px !important;
        bottom: -20px !important; */
    }

    .intro .atmosfer .masque-motion {
        /* right: -285px !important;
        bottom: 0px !important; */
    }

    .intro .atmosfer .sun-motion {
        /* right: 8% !important;
        top: 20px !important; */
    }

    .intro .atmosfer .slogan-motion {

    }

    .intro .atmosfer .slogan-motion img {

    }

    /* ====== END :: Index Page ====== */
    .header .top-header {
        text-align: center !important;
    }

    .header .top-header img {
        margin: 10px auto !important;
        width: 35% !important;
    }

    .header .search {
        flex: 0 0 80% !important;
    }

    .list-slider {
        display: block !important;
    }

    .list-slider .list {
        width: 100% !important;
    }

    .list-slider .list-header img {
        right: 30% !important;
    }

    .list-slider .list-header h2,
    .list-slider .list-header h3 {
        right: 42% !important;
    }

    .list-slider .slider {
        width: 100% !important;
    }

    .list-slider .slider img {
        height: auto !important;
    }

    .promots {
        display: flex !important;
        flex-direction: column;
    }

    .promots::before,
    .promots::after {
        display: none !important;
    }

    .promots .promot-item {
        height: 90px !important;
        width: 90% !important;
        margin: 15px auto !important;
    }

    .line-Ceremony, .multimedia .line-multimedia {
        width: 75% !important;
    }

    .Ceremony .post-Ceremony-box h2,
    .multimedia .post-multimedia-box h2 {
        font-size: 15px !important;
    }

    .Services .items .item {
        justify-content: flex-start !important;
    }

    .news {
        width: 70% !important;
    }

    .news .item.middle {
        width: 70% !important;
    }

    .news .item.middle img {
        width: 210px !important;
        height: 210px !important;
    }

    .news .item h2 {
        font-size: 15px !important;
    }

    .Services .other-services .item {
        flex: 0 0 50% !important;
    }

    .footer .footer-pack .about {
        flex: 0 0 100% !important;
    }

    /* ====== START :: Post Page ====== */
    .post-container .thumb img {
        height: auto !important;
    }
    .post-container .galeri li {
        flex: 0 0 90% !important;
    }

    .post-container .post-related {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .post-sidebar {
        display: block !important;
    }

    .sidebar-container {
        flex: 0 0 90% !important;
    }

    .recent-post-sidebar .recent-post-box img {
        width: 90px !important;
        height: 90px !important;
    }

    .other-services-sidebar .item h2 {
        right: 33% !important;
        top: 10% !important;
    }

    .other-services-sidebar .item h3 {
        right: 33% !important;
        top: 45% !important;
    }
    /* ====== END :: Post Page ====== */

    /* ====== START :: Contact Page ====== */
    .contact-data {
        margin: 40px auto !important;
    }

    .content-form.comment {
        width: 80% !important;
    }
    /* ====== END :: Contact Page ====== */

    /* ====== START :: ContentList Page ====== */
    .content-list .title-line {
        width: 75% !important;
    }
    .content-list .content-box {
        flex-direction: column;
    }
    /* ====== END :: ContentList Page ====== */
}

@media(max-width:500px) {
    .footer .copywright {
        font-size: 12px !important;
    }

    .footer .footer-pack .about {
        flex: 0 0 90% !important;
        flex-wrap: wrap;
        justify-content: center !important;
    }
}

@media(max-width:360px) {

    /* ====== START :: Index Page ====== */
    .intro {
        /* width: 360px !important;
        height: 900px !important; */
    }

    .intro .hadith img {
        width: 90% !important;
    }

    .intro .main-menu {
        display: none !important;
    }

    .intro .atmosfer {
        height: 668px !important;
    }

    .intro .atmosfer .icon-menu {
    }

    .intro .atmosfer .data-motion {

    }

    .intro .atmosfer .data-motion h1 {
        text-align: center !important;
    }

    .intro .atmosfer .lan-motion {

    }


    .intro .clouds .cloud-01-motion {
        /* left: 32.7% !important; */
        top: 155px !important;
    }

    .intro .clouds .cloud-02-motion {
        right: 33.7% !important;
        /* top: 240px !important; */
    }

    .intro .clouds .cloud-03-motion,
    .intro .clouds .cloud-04-motion,
    .intro .clouds .cloud-05-motion,
    .intro .clouds .cloud-07-motion {
        display: none;
    }

    .intro .clouds .cloud-people-motion {
        /* left: -350px !important;
        bottom: -20px !important; */
    }

    .intro .atmosfer .masque-motion {
        /* right: -410px !important;
        bottom: 0px !important; */
    }

    .intro .atmosfer .sun-motion {
        /* right: 30% !important;
        top: 100px !important; */
    }

    .intro .atmosfer .slogan-motion {

    }

    .intro .atmosfer .slogan-motion img {

    }

    /* ====== END :: Index Page ====== */
    .header .top-header img {
        margin: 15px auto !important;
        width: 50% !important;
    }

    .header .search {
        padding: 0px 3% !important;
    }

    .list-slider .list-header img {
        right: 18% !important;
    }

    .list-slider .list-header h2,
    .list-slider .list-header h3 {
        right: 35% !important;
    }

    .list-slider .slider img {
        margin: 0px 10px !important;
    }

    .Ceremony .post-Ceremony-box img {
        width: 90px !important;
    }

    .Ceremony .post-Ceremony-box h2,
    .multimedia .post-multimedia-box h2 {
        font-size: 14px !important;
    }

    .Ceremony .Ceremony-posts,
    .multimedia .multimedia-posts {
        margin: 0px auto 0 !important;
    }

    .Ceremony .post-Ceremony-box,
    .multimedia .post-multimedia-box {
        flex-direction: column !important;
        text-align: center;
    }

    .multimedia .post-multimedia-box img {
        width: 90px !important;
        height: 90px !important;
    }

    .news {
        width: 90% !important;
    }

    .news .item.middle img {
        width: 180px !important;
        height: 180px !important;
    }

    .news .item.middle {
        width: 60% !important;
    }

    .news .item h2 {
        font-size: 14px !important;
    }

    .news .item p {
        line-height: 14px !important;
        font-size: 12px !important;
        margin: 0px auto !important;
    }


    .divider .divider-back {
        width: 117% !important;
    }

    .Services .other-services .item {
        flex: 0 0 65% !important;
    }

    .talk-week .talk-week-texture-01,
    .talk-week .talk-week-texture-02 {
        display: none !important;
    }

    .talk-week .comment-video {
        margin: 0 20px;
    }

    .talk-week .comment-video .text-holder h2 {
        font-size: 18px !important;
    }

    .talk-week .comment-video .text-holder p {
        line-height: 16px !important;
        font-size: 12px !important;
    }

    .talk-week .comment-video .text-holder h3 {
        font-size: 14px !important;
    }

    /* ====== START :: Post Page ====== */
    .post-container {
        padding: 0;
    }

    .post-container .titr-thumb-breadcrumb-arthur-time {
        margin-top: 10px !important;
    }

    .post-container .titr h2 {
        font-size: 18px !important;
        margin: 20px 10px 20px auto !important;
    }

    .post-container .thumb {
        margin-top: 0px !important;
    }

    .post-container .breadcrumb h4 {
        font-size: 9px !important;
    }

    .post-container .breadcrumb a {
        font-size: 9px !important;
        margin: 5px !important;
    }

    .post-container .discription p {
        padding: 30px !important;
    }

    .post-container .content {
        font-size: 12px !important;
        line-height: 30px !important;
    }

    .post-container .content h2 {
        margin: 20px auto !important;
    }

    .post-container .content h3 {
        margin: 30px auto !important;
    }

    .post-container .content h4 {
        font-size: 14px !important;
        margin: 20px auto !important;
    }

    .post-container .content img {
        width: 100% !important;
        margin: 20px auto !important;
    }

    .post-container .post-related {
        text-align: center !important;
        margin: 0 auto !important;
    }

    .post-container .post-related h2 {
        margin: 20px auto !important;
    }

    .comment #comment {
        margin: 0 !important;
        width: 100% !important;
    }

    .comment-lable {
        margin-top: 10px !important;
        width: 100% !important;
    }

    .comment .mobile-submit#submit-com {
        margin-top: 10px !important;
    }

    .other-services-sidebar .item h3 {
        right: 26% !important;
    }
    /* ====== END :: Post Page ====== */

    /* ====== START :: Contact Page ====== */
    .contact-data,
    .contact-list,
    .contact-form.comment {
        width: 90% !important;
    }

    .contact-data strong {
        font-size: 12pt !important;
    }

    .contact-data h2 {
        font-size: 12pt !important;
    }
    /* ====== END :: Contact Page ====== */
}

@media (max-width : 1168px){
    .post-container .post-related {
        flex: 0 0 48%;
    }
}
@media (max-width : 990px){
    .post-container .post-related {
        flex: 0 0 23%;
    }
}
@media (max-width : 600px){
    .post-container .post-related {
        flex: 0 0 48%;
    }
}
@media (max-width : 400px){
    .post-container .post-related {
        flex: 0 0 100%;
    }
}
/* ====== START :: Index Page ====== */
.intro {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: -1;
    background-image: linear-gradient(#3187a3, #57b3cb, #a7e0ec, #fff);
}

.intro .texture {
    background-image: url('https://cdn.sqp.ir/Templates/Jamkaran/image/pic/texture.png');
    background-repeat: repeat;
    margin: 0;
    padding: 0;
    display: flow-root
}

.intro .hadith {
    margin-top: 60px;
    text-align: center;
}

.intro .hadith img {
    max-width: 95%;
}

.intro .main-menu {
    position: relative;
    display: block;
    margin: 25px auto 10px;
    text-align: center;
    z-index: 10
}

.intro .main-menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.intro .main-menu li {
    display: inline-block;
    margin-left: 15px
}

.intro .main-menu a:hover {
    color: #423e5e
}

.intro .main-menu a {
    font-weight: 500;
    text-decoration: none;
    display: flex;
    color: #fafafa;
    transition: all.3s
}

.intro .main-menu img:hover {
    transform: rotate3d(3, 1, 1, -25deg);
    background: #69bdd2;
    border: 1px solid #ddd
}

.intro .main-menu img {
    margin: -5px 5px;
    border: 1px solid;
    padding: 3px;
    border-radius: 3px;
    transition: all.3s
}

.intro .atmosfer {
    text-align: center;
    position: relative;
    height: 668px
}

.intro .atmosfer .icon-menu {
    display: none
}

.intro .clouds .cloud-01-motion {
    position: absolute;
    left: 32.7%;
    top: 125px;
    z-index: 2
}

.intro .clouds .cloud-02-motion {
    position: absolute;
    right: 33.7%;
    /* top: 75px; */
    top: 50% !important;
    transform: translateY(-30%);
    z-index: 2
}

.intro .clouds .cloud-03-motion {
    position: absolute;
    left: 9.5%;
    bottom: 150px;
    Z-INDEX: 2
}

.intro .clouds .cloud-04-motion {
    position: absolute;
    right: 7%;
    bottom: 150px;
    z-index: 2
}

.intro .clouds .cloud-05-motion {
    position: absolute;
    left: 24%;
    /* bottom: 250px; */
    top: 50%;
    transform: translateY(-30%);
    z-index: 2
}

.intro .clouds .cloud-people-motion {
    position: absolute;
    /* left: 24%; */
    /* bottom: 90px; */
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 2
}

.intro .clouds .cloud-07-motion {
    position: absolute;
    right: 27%;
    bottom: 210px;
    z-index: 0
}

.intro .atmosfer .masque-motion {
    position: absolute;
    /* right: 370px;
    bottom: 110px; */
    left: 50%;
    margin: 0 auto;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 1
}

.intro .atmosfer .sun-motion {
    position: absolute;
    /* right: 37%;
    top: -70px; */
    top: 2px;
    left: 50%;
    z-index: 0;
    transform: translateX(-10%);
}

.intro .atmosfer .slogan-motion {

    z-index: 2
}

.intro .atmosfer .data-motion {
position: relative;
z-index: 3;
}

.intro .atmosfer .data-motion h1 {
    font-size: 14px;
    color: #423e5e;
    margin: 0;
    padding: 0
}

.intro .atmosfer .data-motion h3 {
    font-size: 13px;
    color: #423e5e;
    padding: 0;
    font-weight: 500
}

.intro .atmosfer .data-motion h4 {
    font-size: 12px;
    color: #423e5e;
    margin-left: 18px;
    font-weight: 300;
    letter-spacing: 18px
}

.intro .atmosfer .lan-motion {
    position: relative;
    z-index: 3
}

.intro .atmosfer .lan-motion ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.intro .atmosfer .lan-motion li {
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid #423e5e;
    border-radius: 5px;
    transition: all.3s
}

.intro .atmosfer .lan-motion li:hover {
    background: #ffd05a;
    border: 1px solid #ffd05a;
    transform: rotate3d(3, 1, 1, -25deg)
}

.intro .atmosfer .lan-motion a {
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin: 3px;
    color: #423e5e
}

.intro .atmosfer .lan-motion h4 {
    padding: 0 0 0 10px;
    margin: 0;
    letter-spacing: 12px;
    font-weight: 300;
    color: #423e5e
}

@-webkit-keyframes animateCloud {
    0% {
        margin-left: -100%;
    }
    100% {
        margin-left: 100%;
    }
}

@-moz-keyframes animateCloud {
    0% {
        margin-left: -100%;
    }
    100% {
        margin-left: 100%;
    }
}

@keyframes animateCloud {
    0% {
        margin-left: -100%;
    }
    100% {
        margin-left: 100%;
    }
}

@-webkit-keyframes animateCloud_1 {
    0% {
        margin-left: -150px;
    }
    100% {
        margin-left: 100%;
    }
}

@-moz-keyframes animateCloud_1 {
    0% {
        margin-left: -150px;
    }
    100% {
        margin-left: 100%;
    }
}

@keyframes animateCloud_1 {
    0% {
        margin-left: -150%;
    }
    100% {
        margin-left: 100%;
    }
}

@-webkit-keyframes animateCloud1 {
    0% {
        margin-right: -900px;
    }
    100% {
        margin-right: 100%;
    }
}

@-moz-keyframes animateCloud1 {
    0% {
        margin-right: -900px;
    }
    100% {
        margin-right: 100%;
    }
}

@keyframes animateCloud1 {
    0% {
        margin-right: -900px;
    }
    100% {
        margin-right: 100%;
    }
}

.intro .clouds .cloud-01-motion {
  -webkit-animation: animateCloud_1 21s linear infinite;
  -moz-animation: animateCloud_1 21s linear infinite;
  animation: animateCloud_1 21s linear infinite;
}
.intro .clouds .cloud-02-motion {
  -webkit-animation: animateCloud1 30s -10s linear infinite;
  -moz-animation: animateCloud1 30s -10s linear infinite;
  animation: animateCloud1 30s -10s linear infinite;
}
.intro .clouds .cloud-03-motion {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
}

.intro .clouds .cloud-04-motion {
  -webkit-animation: animateCloud1 18s linear infinite;
  -moz-animation: animateCloud1 18s linear infinite;
  animation: animateCloud1 18s linear infinite;
}

.intro .clouds .cloud-05-motion {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
}

.intro .clouds .cloud-07-motion {
  -webkit-animation: animateCloud1 30s linear infinite;
  -moz-animation: animateCloud1 30s linear infinite;
  animation: animateCloud1 30s linear infinite;
}

/* ====== END :: Index Page ====== */

.header .top-header {
    height: 85px;
    background: var(--base-color)
}

.header .top-header img {
    margin: 5px 90px
}

.header .icon-menu {
    margin-top: 5px;
    display: none;
    margin-left: 15px;
    cursor: pointer;
}

.header .icon-menu img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.header .mobile-main-bar,
.intro #mobile-main-bar {
    display: none;
}

.header .main-bar {
    flex: 1 1 0
}

.header .main-menu {
    position: relative;
    margin: 0 auto;
    z-index: 10;
    width: 100%
}

.header .main-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header .main-menu li {
    display: inline-block;
    margin: 0 8px;
    padding: 2px 0;
    transition: all .2s
}

.header .main-menu li:active {
    background: var(--base-color);
    padding: 3px 20px;
    border-radius: 5px
}

.header .main-menu li:hover {
    background: #ffd05a;
    padding: 2px 20px;
    border-radius: 5px;
    margin: 0 4px
}

.header .main-menu a {
    font-weight: bold;
    text-decoration: none;
    display: flex;
    color: #423e5e;
    font-size: 14px
}

.header .main-menu img {
    margin: -5px 5px;
    border: 2px solid #423e5e;
    padding: 3px;
    border-radius: 10px
}

.header #mobile-main-bar,
.intro #mobile-main-bar {
    display: none;
    position: fixed;
    background-color: #fff;
    width: 230px;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    box-shadow: -5px 0px 10px -5px darkgrey;
    transition: .3s all;
    transform: translate(240px, 0);
    overflow-y: auto;
}

.header #mobile-main-bar.show,
.intro #mobile-main-bar.show {
    transform: translate(0, 0);
}

.header #mobile-main-bar #close,
.intro #mobile-main-bar #close {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 7px;
    background-color: #eaeaea;
    border-radius: 3px;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 11;
    cursor: pointer;
}

.header #mobile-main-bar .main-menu {
    display: block !important;
}

.header #mobile-main-bar .main-menu ul,
.intro #mobile-main-bar ul {
    flex-direction: column;
    padding: 30px 20px;
    align-items: flex-start;
    gap: 20px;
}

.header #mobile-main-bar .main-menu ul .talk {
    margin: 0;
}

.header .menu-search {
    display: flex;
    background: -webkit-linear-gradient(right, #f7f7f7, #eee);
    /* height: 90px;
    padding-top: 65px; */
    align-items: center;
    box-sizing: initial;
}

.header .search {
    flex: 0 0 23%;
    display: inline-flex;
    text-align: center;
    /* margin-top: 5px; */
    padding: 0px 10px
}

.header .search input {
    border: 2px solid #423e5e;
    border-radius: 10px;
    width: 90%;
    height: 38px;
    margin-left: 5px;
    background: none;
    padding: 0 20px;
    color: #7e7e7e;
    font-size: 12px
}

.header .search button {
    border: 2px solid #423f5e;
    border-radius: 10px;
    width: 38px;
    height: 38px;
    background: none;
    transition: all .2s
}

.header .search-button:hover {
    cursor: pointer;
    background: #ffd05a
}

.header .search img {
    width: 20px;
    height: 20px
}

.header .talk {
    margin: 0 10px;
    cursor: pointer;
}

.header .talk h2 {
    background-color: rgb(66, 63, 94);
    width: 210px;
    border-radius: 30px;
    color: #fafafa;
    font-size: 14px;
    text-align: center;
    padding: 5px 0;
    transition: all.2s
}

.header .talk h2:hover {
    background-color: var(--base-color) !important;
    cursor: pointer;
}

.list-slider {
    display: flex
}

.list-slider .list {
    width: 23%;
    display: flex;
    flex-direction: column;
}

.list-slider .list-header {
    position: relative;
    height: 155px;
    width: 100%;
    border-bottom: 2px solid var(--base-color);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.list-slider .list-header h2 {
    color: rgb(66, 62, 94);
    font-weight: bold;
    margin: 0
}

.list-slider .list-header h3 {
    color: rgb(66, 62, 94);
    font-weight: normal;
    margin: 0;
    font-size: 14px
}

.list-slider .list-item {
    overflow-y: scroll;
    height: 475px
}

.list-slider .list-item .item {
    padding: 10px 40px;
    border-bottom: 1px solid var(--base-color);
    display: block;
    margin: 0 auto;
    transition: all.2s;
    scroll-behavior: smooth;
}



.list-slider .list-item .item:nth-of-type(odd) {
    background: #f5f5f5
}
.list-slider .list-item .item:hover {
    background: -webkit-linear-gradient(right, #eaeaea, #fff)
}
.list-slider .list-item .item h2 {
    color: #423e5e;
    margin: 0;
    font-size: 18px
}

.list-slider .list-item .item h3 {
    color: #423e5e;
    margin: 0;
    font-size: 12px
}

.list-slider .list-item .item p {
    color: #626262;
    margin: 5px 0 0;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
    line-height: 2.1em;
}

.list-slider .slider {
    width: 77%;
    text-align: center;
    position: relative;
}

.list-slider .slider a.item {
    display: flex;
    height: 632px;
}

.list-slider .slider a.item img {
    width: -webkit-fill-available;
    margin: 0 1px;
    padding: 0 1px;
    object-fit: scale-down;
    height: 100%;
}

.list-slider .slider.owl-carousel .owl-nav button.owl-next,
.list-slider .slider.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    right: 45px;
    color: #ffd259;
    font-size: 2.5vmax;
    top: 50%;
    transform: translateY(-50%);
}

.list-slider .slider.owl-carousel .owl-nav button.owl-next {
    left: 45px;
    right: unset;
}

.promots {
    width: 87%;
    margin: 100px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.promots::before {
    content: '';
    width: 105px;
    height: 50px;
    background-image: url("https://cdn.sqp.ir/Templates/Jamkaran/image/pic/tazhib-01.png");
    background-repeat: no-repeat;
    margin: 35px 0px
}

.promots::after {
    content: '';
    width: 105px;
    height: 50px;
    background-image: url("https://cdn.sqp.ir/Templates/Jamkaran/image/pic/tazhib-01.png");
    background-repeat: no-repeat;
    margin: 25px 0px;
    transform: scaleX(-1)
}

.promots .promot-item {
    width: 30%;
    height: 110px;
    border-radius: 20px;
    margin: 0px 30px;
    position: relative;
    overflow: hidden;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    transition: all .2s
}

.promots .promot-item:hover {
    margin-left: 10px !important
}

.promots .promot-item.promot-bottom-01 {
    background: var(--base-color)
}

.promots .promot-item.promot-bottom-02 {
    background: #423f5e
}

.promots .promot-item.promot-bottom-03 {
    background: #ffd259
}

.Ceremony,
.multimedia {
    width: 85%;
    margin: 0 auto 0;
    position: relative
}

.Ceremony .Ceremony-posts,
.multimedia .multimedia-posts {
    margin: 40px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.Ceremony .title-Ceremony,
.multimedia .title-multimedia,
.news .title-news {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.Ceremony img,
.multimedia img,
.news img {
    border: 2px solid #423e5e;
    padding: 3px;
    border-radius: 10px;
}

.Ceremony .title-Ceremony a,
.multimedia .title-multimedia a,
.news .title-news a {
    text-decoration: none;
    color: #423e5e
}

.line-Ceremony,
.multimedia .line-multimedia {
    width: 25%;
    height: 2px;
    background: #423f5e;
}

.Ceremony .posts-Ceremony-right {
    display: flex;
    flex: 0 0 60%;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.Ceremony .post-Ceremony-box {
    flex: 0 0 49%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.Ceremony .post-Ceremony-box img {
    border-radius: 50%;
    padding: 7px;
    width: 140px;
    transition: all.5s
}

.multimedia .posts-multimedia-right {
    width: 93%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.multimedia .post-multimedia-box {
    display: flex;
    flex: 0 0 30%;
    margin-bottom: 10px;
    gap: 10px;
    align-items: center;
}

.multimedia .post-multimedia-box img {
    border-radius: 30%;
    padding: 7px;
    width: 140px;
    height: 140px;
    border: 2px solid var(--base-color);
    transition: all.5s
}

.Ceremony .post-Ceremony-box img:hover,
.multimedia .post-multimedia-box img:hover {
    transform: rotate3d(10, -30, 3, 25deg)
}

.Ceremony .post-Ceremony-box h2,
.multimedia .post-multimedia-box h2 {
    color: #423f5e;
    font-size: 16px;
    font-weight: bold;
    transition: all.4s
}

.Ceremony .post-Ceremony-box h2:hover,
.multimedia .post-multimedia-box h2:hover {
    color: var(--base-color)
}

.Ceremony .post-Ceremony-box h3,
.multimedia .post-multimedia-box h3 {
    color: #423f5e;
    font-size: 14px;
    font-weight: bold
}

.Ceremony .post-Ceremony-box p,
.multimedia .post-multimedia-box p {
    line-height: 20px;
    font-size: 12px;
    color: #8c8c8c;
    font-weight: normal;
    text-align: justify;
    transition: all.5s
}

.Ceremony .post-Ceremony-left {
    flex: 0 0 40%;
    padding: 0 0 0 20px;
}
.Ceremony .post-Ceremony-left a{
    display: flex;
    gap: 10px;
}
.Ceremony .post-Ceremony-left .post-Ceremony-box {
    width: 100%;
}

.Ceremony .post-Ceremony-left img {
    border-radius: 50%;
    padding: 7px;
    width: 240px;
    transition: all.5s
}

.Ceremony .post-Ceremony-left img:hover {
    transform: rotate3d(10, -30, 3, 25deg)
}

.Ceremony .post-Ceremony-left h2 {
    color: #423f5e;
    font-size: 20px;
    font-weight: bold;
    transition: all.5s
}

.Ceremony .post-Ceremony-left h3 {
    color: #423f5e;
    font-size: 14px;
    font-weight: bold
}

.Ceremony .post-Ceremony-left p {
    line-height: 20px;
    font-size: 12px;
    color: #8c8c8c;
    font-weight: normal;
    text-align: justify;
    transition: all.5s
}

.comment-Ceremony {
    width: 80%;
    margin: 100px auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.comment-Ceremony::before {
    content: '';
    width: 160px;
    height: 75px;
    background-image: url("https://cdn.sqp.ir/Templates/Jamkaran/image/pic/tazhib-02.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.comment-Ceremony::after {
    content: '';
    width: 160px;
    height: 75px;
    background-image: url("https://cdn.sqp.ir/Templates/Jamkaran/image/pic/tazhib-02.png");
    background-repeat: no-repeat;
    transform: scaleX(-1);
    background-size: contain;
    background-position: center;
}

.comment-Ceremony .comment-Ceremony-back {
    width: 80%;
    border-radius: 45px;
    margin: 0px 15px;
    position: relative;
    overflow: hidden;
    background: var(--base-color);
    padding: 30px 45px;
    text-align: justify;
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

.comment-Ceremony mark {
    padding: 0px 2px;
    border-radius: 5px;
    background: no-repeat;
    color: #484563
}

.slider-Ceremony {
    text-align: center;
    margin-bottom: 50px
}

.slider-Ceremony img {
    border-radius: 50px;
    width: 95%
}

.news {
    width: 85%;
    margin: 50px auto;
    position: relative
}

.news .news-posts {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
    height: 500px;
}

.news .item {
    text-align: center;
    margin: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.news .item img:hover {
    transform: rotate3d(0, 0, 30, 5deg)
}

.news .item img {
    border-radius: 30%;
    padding: 7px;
    width: 200px;
    height: 200px;
    margin: 0;
    transition: all.3s
}

.news .item.middle img {
    border-radius: 20%;
    padding: 7px;
    width: 260px;
    height: 260px;
    margin: 0;
    transition: all.3s
}

.news .item h2:hover {
    color: var(--base-color)
}

.news .item h2 {
    line-height: 1.5em;
    color: #423f5e;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    transition: all.3s;
}

.news .item h3 {
    color: #423f5e;
    margin: 5px 0;
    font-size: 14px;
    font-weight: bold
}

.news .item p {
    margin: 0;
    line-height: 18px;
    font-size: 12px;
    color: #8c8c8c;
    font-weight: normal;
    text-align: justify;
    padding: 0 15px;
}

.news .owl-carousel .owl-nav button.owl-next,
.news .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    right: 5px;
    color: #ffd259;
    font-size: 2.5vmax;
    top: 50%;
    transform: translateY(-50px);
}

.news .owl-carousel .owl-nav button.owl-next {
    left: 10px;
    right: unset;
}

.divider {
    width: 100%;
    display: flex
}

.divider::before,
.divider::after {
    content: '';
    width: 30%;
    height: 2px;
    background: #423f5e;
    display: block
}

.divider .divider-back {
    width: 60%;
    background-image: url("https://cdn.sqp.ir/Templates/Jamkaran/image/pic/texture-01.png");
    background-position: center;
    height: 56px;
    margin: -8px auto
}

.Services {
    text-align: center
}

.Services .other-services {
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.Services .other-services .item {
    display: flex;
    margin: 20px;
    flex: 0 0 25%;
}

.Services .other-services .item img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.Services .items {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

.Services .items .item {
    text-decoration: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 5px 0;
    border-radius: 5px;
    background-color: #fff;
    color: inherit;
    transition: all .3s;
    margin-bottom: 10px;
}

.Services .items .item:hover {
    background-color: #ffd259;
    padding: 5px;
}

.Services .items .item img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    border: 1px solid #423e5e;
    border-radius: 5px;
    padding: 5px;
}
.Services .items .item span {
    color: #423e5e;
}

.talk-week {
    background: #eee;
    width: 100%;
    position: relative;
    padding: 100px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.talk-week .talk-week-texture-01 {
    margin-left: -2px;
    transform: scale(-1)
}

.talk-week .talk-week-texture-02 {
    margin-right: -2px;
}

.talk-week .talk-week-texture-01 img,
.talk-week .talk-week-texture-02 img {
    width: 40px
}

.talk-week .comment-video {
    flex: 0 0 70%;
    border: 2px solid #423f5e;
    border-radius: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.talk-week .comment-video .text-holder {
    flex: 0 0 45%;
    padding: 30px
}

.talk-week .comment-video .text-holder h2 {
    color: #423f5e;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 0;
    text-align: right
}

.talk-week .comment-video .text-holder h3 {
    margin: 0;
    color: #423f5e;
    font-size: 18px;
    font-weight: bold;
    text-align: right
}

.talk-week .comment-video .text-holder p {
    line-height: 20px;
    font-size: 14px;
    color: #6f6f6f;
    font-weight: normal;
    text-align: justify
}

.talk-week .comment-video .video {
    background: #423f5e;
    /* flex: 0 0 40%; */
    height: auto;
    border-radius: 15px;
    margin: 30px;
    flex: 1 1 0;
    display: flex;
}

.talk-week .comment-video .video video {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}


.footer {
    width: 100%;
    background: #423f5e
}

.footer .copywright {
    width: 100%;
    background: var(--base-color);
    color: #3a7b62;
    text-align: center;
    padding: 20px 0;
    font-weight: 350
}

.footer .footer-pack {
    margin: 0px auto;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding: 20px;
    gap: 20px;
}

.footer .footer-pack .about {
    flex: 0 0 40%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.footer .footer-pack .about .logo img {
    width: 110px;
    height: auto;
    object-fit: contain;
}

.footer .footer-pack .about h2 {
    color: #fff;
    font-size: 12px;
    text-align: justify;
    font-weight: 400;
    line-height: 18px;
    align-self: flex-end;
}

.footer .footer-pack .menu-footer {
    color: #fff
}

.footer .footer-pack .menu-footer .title {
    margin-bottom: 10px;
    color: #ffd259;
}

.footer .footer-pack .menu-footer .links {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    gap: 10px;
    transition: .3s all;
}

.footer .footer-pack .menu-footer .links .link {
    cursor: pointer;
}

.footer .footer-pack .menu-footer .links .link:hover {
    color: #ffd259
}

.footer .footer-pack .namad {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: column;
}

.footer .footer-pack .namad a {
    display: block;
}

.footer .footer-pack .namad a img {
    width: 90px;
    height: 100px;
    object-fit: contain;
}

/* ====== START :: Post Page ====== */
.post-sidebar {
    display: flex;
    justify-content: space-between;
}

.post-container {
    flex: 1 1 0;
    padding: 0 40px;
}

.post-container .titr-thumb-breadcrumb-arthur-time {
    margin-top: 30px
}

.post-container .titr {
    display: flex
}

.post-container .titr img {
    border-left: 3px solid var(--base-color);
    padding-left: 10px;
    margin: 20px 0;
    object-fit: contain;
}

.post-container .titr h2 {
    color: #423f5e;
    font-size: 24px;
    line-height: 30px;
    margin-right: 20px
}

.post-container .thumb {
    margin-top: 20px;
    text-align: right;
}

.post-container .thumb img {
    border-radius: 5px;
    width: 100%;
    height: 50vh;
    object-fit: contain;
}

.post-container .breadcrumb {
    margin: 5px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 5px
}

.post-container .breadcrumb h4 {
    margin-left: 5px;
    color: #848484;
    font-size: 12px;
    font-weight: 300
}

.post-container .breadcrumb a {
    font-size: 12px;
    text-decoration: none;
    color: #423f5e
}

.post-container .arthur-time {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.post-container .arthur-time h4 {
    margin: 0 15px 0 0;
    color: #423f5e;
    font-size: 11px;
    font-weight: normal
}

.post-container .discription p {
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    font-size: 12px;
    text-align: justify;
    color: #423f5e;
    box-shadow: 0px 0 60px -10px #ddd;
    border-right: 5px solid #ffd05a;
    margin-top: 20px
}

.post-container .content {
    border-bottom: 1px dashed #ddd;
    color: #504e6a;
    text-align: justify;
    font-size: 14px;
    line-height: 30px;
    padding: 20px 20px 0;
    margin: 0;
}

.post-container .content * {
    font-family: inherit !important;
}

.post-container .content h2 {
    margin: 20px !important;
    color: var(--base-color) !important;
    border-right: 4px solid #423f5e !important;
    padding-right: 10px !important
}

.post-container .content h3 {
    color: #423f5e !important;
    margin: 30px 50px !important;
    font-size: 17px !important;
    border-right: 10px solid var(--base-color) !important;
    padding-right: 10px !important;
    font-weight: 500 !important
}

.post-container .content h4 {
    background: -webkit-linear-gradient(right, #ffebb9, #ffd05a) !important;
    border-radius: 5px !important;
    padding: 20px !important;
    font-size: 14px !important;
    color: #423f5e !important;
    margin: 20px !important;
    font-weight: 600 !important
}

.post-container .content img {
    width: 100%;
    margin: 30px auto !important;
    border-radius: 10px !important;
    display: block !important
}

.post-container .galeri {
    margin: 60px auto;
    text-align: center
}

.post-container .galeri ul {
    padding: 0;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.post-container .galeri li {
    list-style: none;
    display: flex;
    flex: 0 0 30%;
    justify-content: center;
    align-items: center;
}

.post-container .galeri img {
    border: 1px solid var(--base-color);
    padding: 5px;
    border-radius: 5px;
}

.post-container .galeri span {
    margin: 30px auto 0px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    border-radius: 5px;
    background: -webkit-linear-gradient(right, #ffd05a, #626262);
    padding: 0 30px
}

.post-container .viwe {
    margin: 0px auto;
    display: flex;
    border-bottom: 1px dashed #ddd;
    padding: 10px;
    align-items: center;
}

.post-container .viwe img {
    width: 25px;
    height: 15px;
    margin: 6px 0
}

.post-container .viwe h4 {
    margin: 0 10px;
    color: #c6c6c6;
    font-size: 13px;
    font-weight: 400
}

.post-container .related {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.post-container .related span {
    margin: 30px auto 0px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    background: -webkit-linear-gradient(right, #ffd05a, #626262);
    padding: 0 30px
}

.post-container .post-related-pack {
    display: flex;
    width: 90%;
    gap: 1%;
    padding: 40px 0 0;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.post-container .post-related {
    flex: 0 0 24%;
    text-align: center;
    transition: all .3s
}

.post-container .post-related img {
    border-radius: 30%;
    padding: 7px;
    width: 100%;
    height: 15vmax;
    transition: all .3s;
    border: 1px solid var(--base-color)
}

.post-container .post-related:hover img {
    transform: rotate3d(10, 3, 1, -20deg)
}

.post-container .post-related h2 {
    color: #423f5e;
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 0
}

.comment {
    width: 90%;
    margin: 50px auto;
    border-top: 1px dashed #ddd;
    padding-top: 20px
}

.comment span {
    color: #423f5e;
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
    border-right: 2px solid var(--base-color);
    padding-right: 10px
}

.comment-data {
    display: flex;
}

.comment-lable {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    flex: 0 0 30%;
}

.comment #comment {
    flex: 1 1 0
}

.comment input,
.comment textarea,.comment button {
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    margin: 2px
}

.comment #submit-com {
    background: var(--base-color);
    color: #eee;
    font-size: 18px;
    cursor: pointer;
    transition: all .3s
}

.comment .mobile-submit#submit-com {
    display: none;
    width: 99%;
    align-self: center;
}

.comment #submit-com:hover {
    background: -webkit-linear-gradient(right, #ffebb9, #ffd05a);
    color: #423f5e;
}

.sidebar-container {
    flex: 0 0 25%;
    padding: 0 10px 0 24px;
    background: -webkit-linear-gradient(right, #f5f5f5, #fff)
}

.banner-sidebar img {
    width: 100%;
    height: auto
}

.list-sidebar {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.list-sidebar .list-header {
    height: 155px;
    border-bottom: 2px solid var(--base-color);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.list-sidebar .list-header h2 {
    color: rgb(66, 62, 94);
    font-weight: bold;
}

.list-sidebar .list-header h3 {
    color: rgb(66, 62, 94);
    font-weight: normal;
    font-size: 12px
}

.list-sidebar .list-item {
    overflow-y: auto;
    height: 475px;
}

.list-sidebar .list-item .item {
    /* padding: 10px; */
    border-bottom: 1px solid var(--base-color);
    padding: 10px 20px 10px 10px;
    transition: all.2s;
}

.list-sidebar .list-item .item:nth-of-type(odd) {
    background: #f5f5f5
}

.list-sidebar .list-item .item:hover {
    background: -webkit-linear-gradient(right, #eaeaea, #fff)
}

.list-sidebar .list-item .item h2 {
    color: #423e5e;
    font-size: 18px
}

.list-sidebar .list-item .item h3 {
    color: #423e5e;
    font-size: 12px
}

.list-sidebar .list-item .item p {
    color: #626262;
    margin: 5px 0 0;
    font-size: 10px;
    font-weight: normal
}

.other-services-sidebar {
    margin: 80px auto
}

.other-services-sidebar .item {
    margin: 60px auto;
    height: 150px;
    background-image: linear-gradient(10deg, #ffd05a, #ffd876, #fff4d8, white);
    border-radius: 20px;
    position: relative;
    color: #423e5e;
}

.other-services-sidebar .item.num1 {
    background-image: linear-gradient(10deg, #ffd05a, #ffd876, #fff4d8, white);
}

.other-services-sidebar .item.num2 {
    background-image: linear-gradient(10deg, var(--base-color), var(--base-color), #e7fdf4, white);
}

.other-services-sidebar .item.num3 {
    background-image: linear-gradient(10deg, #423f5e, #726f91, #d0cfe3, white);
    color: #fff !important;
}

.other-services-sidebar .item h2 {
    text-align: center;
    position: absolute;
    right: 33%;
    top: 10%;
    font-size: 22px;
    transition: all.2s
}

.other-services-sidebar .item h3 {
    text-align: center;
    position: absolute;
    right: 33%;
    top: 45%;
    font-size: 12px;
    transition: all.2s
}


.other-services-sidebar .item h2:hover,
.other-services-sidebar .item h3:hover {
    right: 36%
}

.other-services-sidebar .item img {
    position: absolute;
    bottom: 0;
    right: 30px
}

.live-sidebar h2 {
    color: #423e5e;
    text-align: center;
    font-size: 14px
}

.live-sidebar .video {
    background: #737373;
    width: 90%;
    height: auto;
    margin: 0 auto;
    border-radius: 5px
}

.live-sidebar .video video {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.recent-post-sidebar {
    margin: 30px 10px;
    background: #fff;
    padding: 0 20px;
    border-radius: 10px
}

.recent-post-sidebar span {
    margin: 30px auto 0px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    border-radius: 5px;
    background: -webkit-linear-gradient(right, #ffd05a, #626262);
    padding: 0 30px
}

.recent-post-sidebar .recent-posts {
    display: flex;
    flex-direction: column;
}

.recent-post-sidebar .recent-post-box {
    border-bottom: 1px dashed #ddd;
    border-radius: 0 5px 5px 0;
    transition: all .5s !important;
    display: flex;
}
.recent-post-sidebar .recent-post-box:last-child{
    border-bottom: none;
}
.recent-post-sidebar .recent-post-box:hover {
    background: -webkit-linear-gradient(right, #f2f2f2, #fff)
}

.recent-post-sidebar .recent-post-box img {
    border-radius: 50%;
    padding: 7px;
    width: 90px;
    height: 90px;
    object-fit: cover;
    transition: all.2s
}

.recent-post-sidebar .recent-post-box img:hover {
    transform: rotate3d(3, 1, 1, -25deg)
}

.recent-post-sidebar .recent-post-box h2 {
    color: #423f5e;
    font-size: 14px;
    font-weight: bold;
    transition: all.2s
}

.recent-post-sidebar .recent-post-box h3 {
    color: #423f5e;
    font-size: 12px;
    font-weight: 300;
    transition: all.2s
}

/* ====== END :: Post Page ====== */


/* ====== START :: Contact Page ====== */
.contact-data {
    width: 50%;
    margin: 90px auto;
}

.contact-data span {
    color: #fff;
    font-size: 13pt;
    font-weight: bold;
    text-align: center;
    padding: 5px 20px;
    background: -webkit-linear-gradient(right, #ffd05a, #626262);
    border-radius: 5px;
    display: block;
    margin: 30px auto;
}

.contact-data h2 {
    color: var(--base-color);
    font-weight: normal;
    font-size: 14pt;
    border: 1px solid;
    padding: 5px 20px;
    border-radius: 10px;
    margin: 7px auto;
}

.contact-data strong {
    color: #423e5e;
    font-size: 14pt;
}

.contact-list {
    width: 50%;
    margin: 0 auto;
}

table,
th,
td {
    border: 0;
}

table,
th,
td {
    border: 0;
    border-collapse: collapse;
    text-align: center;
}

table {
    border-spacing: 15px;
    width: 100%;
}

th,
td {
    padding: 15px;
}

.contact-list th {
    text-align: center;
}

.contact-list table tr:nth-child(even) {
    background-color: #eaeaea;
}

.contact-list table tr:nth-child(odd) {
    background-color: var(--base-color);
}

.contact-list table th {
    background-color: #423f5e;
    color: white;
}

.contact-form.comment {
    width: 50%;
    margin: 50px auto;
    border-top: 1px dashed #ddd;
    padding-top: 20px;
}
/* ====== END :: Contact Page ====== */

/* ====== START :: ContentList Page ====== */
.content-list {
    margin: 50px 20px;
}

.content-list .content-posts {
    margin: 40px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.content-list .title {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.content-list .title img {
    border: 2px solid #423e5e;
    padding: 3px;
    border-radius: 10px;
}

.content-list .title a {
    text-decoration: none;
    color: #423e5e
}

.content-list .title .title-line {
    width: 25%;
    height: 2px;
    background: #423f5e;
}

.content-list .content-box {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 10px 10px 20px;
    border-radius: 10px;
    gap: 20px;
    align-items: center;
    background: #f9f9f9;
    transition: .3s all;
}
.content-list .content-box:hover {
    box-shadow: 0 0 9px #d5d5d5
}
.content-list .content-box .image {
    flex: 0 0 40%;
    display: flex;
    align-items: center;
}
.content-list .content-box img {
    border-radius: 10px;
    padding: 3px;
    width: 100%;
    /* height: 150px; */
    border: 1px solid var(--base-color);
    transition: all.5s
}

.content-list .content-box:hover img {
    transform: scale(1.02);
}

.content-list .content-box .content-details {
    flex: 1 1 0;
}

.content-list .content-box h2 {
    color: #423f5e;
    font-size: 16px;
    font-weight: bold;
    transition: all.4s
}

.content-list .content-box h2:hover {
    color: var(--base-color)
}

.content-list .content-box h3 {
    color: #423f5e;
    font-size: 14px;
    font-weight: bold
}

.content-list .content-box p {
    line-height: 20px;
    font-size: 12px;
    color: #8c8c8c;
    font-weight: normal;
    text-align: justify;
    transition: all.5s;
}

.content-list .content-info {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
    color: #8c8c8c;
    font-size: 12px;
}
.content-list .content-info i {
    margin: 0 5px;
}
.header .search{
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .search img {
    width: 70%;
    height: 70%;
    object-fit: contain;
    
}


.paging {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.paging .paging-item {
    cursor: pointer;
    background-color: transparent;
    padding: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--base-color);
    border-radius: 7px;
}
.paging .paging-item.active {
    background-color: var(--base-color);
    color: #fff;
}
.paging .paging-item.next,
.paging .paging-item.prev {
    /* background-color: var(--base-color); */
}
/* ====== END :: ContentList Page ====== */