/*
Theme Name: قالب وبلاگی تاپ نویسان   
Theme URI: https://demos.turboweb-wp.ir/topnevisan/
Author: TURBO-WEB
Author URI:  https://turboweb-wp.ir
Description: قالب وبلاگی تاپ نویسان   
Tags: تاپ نویسان ، قالب وبلاگی ، توربو وب ، راست چین
Requires PHP: 7.4
Version: 1.1.1
*/

:root {
    --Font-Normal: "Kalameh";
    --Font-Semi-Bold: "Kalameh-semi-bold";
    --Font-Bold: "Kalameh-bold";
    --Font-Regular: "Kalameh-Regular";
    --Font-Light: "Kalameh-light";
}



@font-face {
    font-family: "Kalameh-semi-bold";
    src: url("assets/font/Kalameh/numwoff2/KalamehWeb\(FaNum\)-SemiBold.woff2");
}

@font-face {
    font-family: "Kalameh";
    src: url("assets/font/Kalameh/numwoff2/KalamehWeb\(FaNum\)-Regular.woff2");
}

@font-face {
    font-family: "Kalameh-light";
    src: url("assets/font/Kalameh/numwoff2/KalamehWeb\(FaNum\)-Light.woff2");
}

@font-face {
    font-family: "Kalameh-bold";
    src: url("assets/font/Kalameh/numwoff2/KalamehWeb\(FaNum\)-Bold.woff2");
}

@font-face {
    font-family: "Kalameh-Regular";
    src: url("assets/font/Kalameh/numwoff2/KalamehWeb\(FaNum\)-Regular.woff2");
}



html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

body {
    direction: rtl;
    background-color: #F5F5F5;
    font-family: var(--Font-Normal);
    font-size: 16px;
}

.hiddens {
    visibility: hidden;
    opacity: 0;
}

/*HEADER START*/

.background-image {
    position: relative;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.background-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 100px -150px rgb(0, 0, .9);
}

.arrow-down::before {
    margin-top: 3px;
}

.anlge-downer {
    display: flex;
    justify-self: center;
}

.anlge-downer i {
    margin-top: 0;
    display: inherit;
    height: 11px;
    width: auto;
    position: relative;
    top: 4px;
}

.anlge-downer i:first-child {
    color: #00000082;
}

.bar-con {
    display: block;
}

.bars1, .bars2, .bars3 {
    width: 23px;
    display: block;
    height: 3px;
    margin: 5px;
    border-radius: 17px;
    background-color: #fff;
}

.close-1, .close-2 {
    width: 22px;
    display: block;
    height: 3px;
    margin: 5px;
    border-radius: 17px;
    background-color: #fff;
}

.close-1 {
    position: relative;
    transform: rotate(45deg);
}

.close-2 {
    position: absolute;
    transform: rotate(-45deg);
    bottom: 18px;
}

.anlge-downer i:nth-child(2) {
    color: #000000b9;
}

.dark-body .anlge-downer i:first-child {
    color: #ffffff82;
}

.dark-body .anlge-downer i:nth-child(2) {
    color: #ffffffb1;
}

.arrow-down {
    font-size: 27px;
    background-color: #f5f5f5;
    border-radius: 40%;
    padding: 0px;
    display: block;
    width: 65px;
    height: 65px;
    text-align: center;
}

.row {
    --bs-gutter-x: 0rem !important;
}

.angle-container {
    display: flex;
    justify-content: center;
    position: relative;
    top: 40px;
    z-index: 2;
}


.form-search-box {
    padding-bottom: 40px;
}

.top-alert {
    display: flex;
    justify-content: left;
    background-color: rgba(217, 217, 217, 0.188);
    width: 100%;
    height: 30px;
    position: absolute;
    font-family: var(--Font-Semi-Bold);
    font-weight: 500;
    color: rgba(29, 30, 31, 0.783);
    font-size: 14px;
    padding-top: 6px;
    padding-right: 11px;

}

.top-alert p {
    font-size: 14px;
    position: relative;
    top: -2px;
}

/*MOBILE MENU*/
.MobileMenuContainer {
    display: none;
    justify-content: space-between !important;
    cursor: pointer;
    position: absolute;
}

.bars-container {
    font-size: 25px;
    margin-top: 50px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    z-index: 3;
    background-color: rgba(217, 217, 217, 0.188);
    color: rgb(255, 255, 255);
    border-radius: 10px;
}

.dark-body .player-track-meta p, .dark-body .player-track-meta span, .dark-body .time-text i {
    color: #a7a7a7;
}

.dark-body .player-icon-pause svg g {
    fill: #a7a7a7;
}

.dark-body .player-volume::-webkit-slider-runnable-track {
    background-color: #a7a7a7;
}

.dark-body .player-volume::-webkit-slider-thumb {
    background-color: #a7a7a7;
}

.dark-body .player-progress-filled {
    background-color: #000 !important;
    margin-left: -2.3px;
}

.dark-body .player-time {
    color: #a7a7a7 !important;
}

.dark-body .icon-play {
    fill: #a7a7a7 !important;
}

.dark-body .player-progress {
    background-color: #a7a7a7 !important;
}

.dark-body input[type="range"i] {
    color: #a7a7a7 !important;
}

.close {
    position: relative;
    margin-right: 204px;
    top: -20px;
}

.close-btn {
    background-color: rgba(255, 0, 0, 0.545);

}

.mobile-menu input {
    width: 250px !important;
    background-color: #f8f8f8 !important;
}

.mobile-menu .search-box {
    margin-top: 5px;
}

.mobile-menu .menu li a {
    color: #1c1d1fd4;
}

.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 300px;
    background-color: #fff;
    z-index: 8;
}

.mobile-menu {
    overflow: auto !important;
    z-index: 99999999 !important;
    height: 100vh !important;
}

/*MOBILE MENU*/
.menu {
    display: flex;
    color: #f5f5f5 !important;
    list-style-type: none;
}


.menu li a {
    color: #f5f5f5;
    list-style-type: none;
    text-decoration: none;
    font-family: var(--Font-Semi-Bold);
    font-size: 14px;
}

.sub-menu li a {
    color: #262020b0 !important;
}

.nav-container {
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 100px;
    top: 30px;
}

.nav-container .menu:first-child li {
    color: #f5f5f5;
    position: relative;
    top: 18.5px;
    right: 30px;
}

.nav-container .menu:nth-of-type(2) li {
    margin: 20px;
    color: rgb(255, 255, 255);
}

.right-menu {
    width: 230px;
    position: relative;
}

.nav-container ul {
    list-style-type: none;
    display: flex;
    font-family: var(--Font-Semi-Bold);
}

.nav-container ul li {
    z-index: 999999;
    cursor: pointer;
}

.nav-container .menu .menu-item-has-children::after {
    content: "\e813";
    font-size: 19px;
    position: relative;
    top: -13.5px;
    left: 3px;
    height: 1px;
    color: #FFEFFE;
    font-family: 'fontello';
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.sub-menu a {
    text-decoration: none;
    color: #262020b0;
}



/*to dar to*/
.nav-container .sub-menu .menu-item-has-children::after {
    content: "\e814";
    font-size: 18px;
    position: relative;
    top: -12px;
    left: 3px;
    height: 1px;
    color: #FFEFFE;
    font-family: 'fontello';
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
}

.sub-menu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
    opacity: 0 !important;
    visibility: hidden !important;
}

.sub-menu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
    display: none !important;
}

.nav-container .menu-item-has-children .sub-menu .sub-menu {
    position: absolute !important;
    right: 120px !important;
    top: -15px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all .4s !important;
    transition-delay: 0.2s !important;
}

.nav-container .menu-item-has-children .sub-menu .sub-menu {
    position: absolute !important;
    right: 120px !important;
    top: -15px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all .4s !important;
    transition-delay: 0.2s !important;
}

.menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
}

.sub-menu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
    opacity: 0 !important;
    visibility: hidden !important;
}

.sub-menu .menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
}

.mobile-menu .sub-menu .menu-item-has-children::after {
    content: "";
    position: absolute;
    top: 2.7px !important;
    left: 20px;
    width: 26px;
    height: 26px;
    padding: 5px;
    background-color: rgba(217, 217, 217, 0.334);
    border-radius: 5px;
    background-image: url("assets/images/icons/Down-mobile.svg");
    background-repeat: no-repeat;
    background-size: calc(100% - 10px) calc(100% - 10px);
    background-position: center center;
}

/*to dar to*/

.mobile-menu .menu .menu-item-has-children {
    position: relative;
}

.mobile-menu .menu li {
    padding: 20px;
}

.mobile-menu .menu .menu-item-has-children::after {
    content: "";
    position: absolute;
    top: 22.7px;
    left: 20px;
    width: 26px;
    height: 26px;
    padding: 5px;
    background-color: rgba(217, 217, 217, 0.334);
    border-radius: 5px;
    background-image: url("assets/images/icons/Down-mobile.svg");
    background-repeat: no-repeat;
    background-size: calc(100% - 10px) calc(100% - 10px);
    background-position: center center;
}

.dark-body .mobile-menu .menu .menu-item-has-children::after {
    background-image: url("assets/images/icons/Down-mobile-dark.svg");
    background-color: #000;
}

.dark-body .search-box input {
    background-color: #171b20 !important;
}

.nav-container .menu-item-has-children .sub-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 31px;
    right: -25px;
    z-index: 6;
    border-radius: 6px;
    transition: all .3s;
    list-style: none;
    transition-delay: .3s;
    /* Add a 1 second delay */
}

.mobile-menu .menu-item-has-children .sub-menu {
    display: none;
    position: relative;
    top: 20px;
    list-style: none;
    z-index: 6;
    border-radius: 6px;
    text-align: right;
    background-color: rgba(217, 217, 217, 0.334);
}

.dark-body .mobile-menu .menu-item-has-children .sub-menu {
    background-color: #000000;
}

.mobile-menu .menu-item-has-children .sub-menu:last-child {
    margin-bottom: 20px;
}

.mobile-menu .menu-item-has-children .sub-menu li {
    width: 100%;
    padding-top: 10px;
    color: #000;
    font-size: 14px;
    text-align: right;
    padding: 5px !important;
}

.menu-item-has-children .sub-menu li {
    font-size: 13px;
    cursor: pointer;
    text-align: right;
    background-color: #fefffe;
    padding: 8px 10px !important;
    width: 150px;
    word-wrap: break-word;
    color: #262020b0 !important;
    margin: 0px !important;
    transition: all 0.3s;
}


.nav-container .menu .menu-item-has-children .sub-menu {
    right: -52px;
}

.menu-item-has-children .sub-menu li:first-child {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.menu-item-has-children .sub-menu li:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.nav-container .menu .menu-item-has-children:hover .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;

}

/*sub menu li hovers*/



.menu .menu-item-has-children .sub-menu .menu-item-has-children:hover li {
    background-color: #fff;
}





.sub-menu li:hover {
    color: #000;
    background-color: #e7e7ea;
}

.menu .menu-item-has-children .sub-menu .menu-item-has-children li:hover {
    background-color: #e7e7ea;
}

/*sub menu li hovers*/

.logo {
    width: auto;
    align-items: center;
    justify-content: center !important;
    max-width: 148px;
    min-width: 148px;
    align-items: center;
    height: 1px;
    min-height: 57px;
}

.header-box .logo {
    right: 17px;

}

.footer-logo {
    background-position: center;
    background-size: cover;
    position: relative;
    margin-top: 15px
}

.header-logo {
    background-position: center;
    background-size: cover;
    object-fit: contain;
    position: relative;
    left: 75px;
    top: 5px;

    height: auto;
}

.center-menu {
    margin-left: 140px;
}

.menu li:not(.sub-menu li) {
    position: absolute;
    color: #fff;
}

.nav-container .menu li:not(.sub-menu li) {
    font-size: 14px;
    top: 10px;
    text-decoration: none;
    padding: 14px 0px;
    margin: 0px 20px;
    position: relative;
}

.nav-container .menu li:not(.sub-menu li)::before {
    transition: all .5s;
    height: 4px;
    content: "";
    position: absolute;
    background-color: rgb(248, 243, 255);
    width: 0%;
    bottom: 5px;
    opacity: 0;
}

.nav-container .menu li:not(.sub-menu li):hover::before {
    width: 100%;
    opacity: 1;
}

.menu li:not(.sub-menu li) {
    position: absolute;

}

.header-title {
    font-family: var(--Font-Bold);
    color: #ffffff;
    font-size: 30px;
    margin-top: 40px;
    position: relative;
    width: 550px;
    line-height: 43px;
}

.description {
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin-top: 17px;
    width: 500px;
    font-family: var(--Font-Normal);
    position: relative;
    line-height: 27px;
}

.LayoutController {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.single-LayoutController {
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
}

.center-page {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

.search-box {
    margin-top: 35px;
    position: relative;
}

.search-box input {
    position: relative !important;
    border: none;
    outline: none;
    width: 555px;
    height: 56px;
    border-radius: 9px;
    text-align: right;
    padding: 3px;
    font-family: var(--Font-Normal);
    font-size: 16px;
    padding-right: 15px;

}

.search_el .form-search-box {
    padding-bottom: 0;
}

.search_el .search-icon, .search_el .search-box input {
    font-size: 14px;
}

.search_el .header-search-icon {
    width: 24px;
}

.search_el .search-box {
    margin-top: 0;
}

.search_el .search-box {
    width: 100%;
}

.search_el .header-search-icon {
    right: -2px;
    margin-right: 6px;
}

.search_el .search-icon {
    padding: 21px;
}

.dark-body .button-cat a:hover {
    background-color: #007bff;
}

.search_el .findit {
    margin-left: -1px;
    padding: 22px;
}

.search_el .search-box input {
    width: 100%;
}

.search-icon {
    position: relative;
    top: -10px;
    right: 15px;
}

.findit {
    cursor: pointer;
    position: absolute;
    top: 3.5px;
    left: 4px;
    width: auto;
    height: 49px;
    border-radius: 6px;
    text-align: center;
    padding: 22px 50px;
    font-size: 17px;
    font-family: var(--Font-Semi-Bold);
    color: #fff;
    background-color: #105DCAB0;
    border: none;
    outline: none;
    transition: background-color .4s;
}

.findit:hover {
    background-color: #3172cdb0;
}



.header-search-icon {
    position: relative;
    width: 25px;
    height: 25px;
    top: -10.8px;
    right: 10px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 7px;
}

.header-search-icon path {
    stroke: #fff;
}

/*Header End*/


/*Dark Mode SWitch START*/

.darkmode .all-container {
    position: relative;
    left: 0px;
    top: 0px;
}

.all-container {
    display: flex;
    position: relative;
    left: 70px;
    top: -1px;
}


.switch {
    position: relative;
    display: block;
    width: 52px;
    height: 19px;
    background: rgb(255, 255, 255, 43%);
    border-radius: 4.5px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.switch::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 15px;
    left: 2.2px;
    top: 2px;
    background: #fff;
    transition: all 0.3s ease;
    z-index: 9999;
    border-radius: 3px;
    will-change: left;
}

.all-container .input-switch:checked+.switch::after {
    left: 60px;
    transform: translateX(-165%) translateZ(0);
    transition: all 0.3s ease;
    background: #D9D9D9;
}


.all-container .input-switch {
    width: 0 !important;
    height: 0;
    visibility: hidden;
}

.all-container .input-switch:checked+.switch {
    background: rgba(255, 255, 255, 43%);
}



.all-container label:active::after {
    width: 20px;
}

.all-container .input-switch:checked+.switch+.background {
    background: #D9D9D9;
}

.all-container .switch i {
    position: absolute;
    width: 10px;
    top: 55px;
    z-index: 5;
    font-size: 5em;
}

.sun::after {
    content: "\e810";
    font-size: 13px;
    position: relative;
    top: -4px;
    left: 1px;
    color: rgb(210, 210, 210);
    font-family: 'fontello';
    display: inline-block;
}

.moon::after {
    content: "\e830";
    font-size: 13px;
    position: relative;
    top: -4px;
    right: 0px;
    color: rgba(0, 0, 0, 0.741);
    font-family: 'fontello';
    display: inline-block;
    transform: rotate(28deg);
}

.all-container .switch .sun {
    position: absolute;
    width: 12px;
    left: 9px;
    color: #D9D9D9;
    transition: all .3s;
}

.all-container .switch .moon {
    left: 60px;
    color: #D9D9D9;
    transition: all .3s;
}

.all-container .input-switch:checked+.switch .sun {
    color: #5d5d5d;
}


.input-switch:checked+.switch .moon {
    color: #ffffff;
}

.all-container .sun {
    font-size: 12px !important;
    top: 3.9px !important;
    color: #ffffff !important;
    left: 5px !important;
}

.all-container .moon {
    font-size: 13px !important;
    position: absolute !important;
    top: 3.6px !important;
    right: 3px !important;
    color: #322d2d !important;
}

/*Dark Mode SWitch END*/

/*Start Content TEXT*/
.SidebarController {
    position: relative;
    right: -38px;
}

.EnterLayout {
    width: 100%;
}

.single-EnterLayout {
    margin-top: 30px;
    width: 100%;
}

.FirstCardContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -8px;
}

.ContainerOfSlider {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 10px;
}

.single-container .single-second-card img {
    margin-top: 0px !important;
}

.SecondCardContainer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.single-card {
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 15px;
}

.EnterLayout-single {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 1100px;
    padding-top: 15px;
}

.BannerLayout {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.more-fact {
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
    padding-top: 20px;
}

.new-more-container {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 0;
}

.single-new-more-container {
    display: flex;
    justify-content: right;
    margin-right: -21px;
    position: relative;
}

.LayoutController-start {
    display: flex;
    justify-content: right;
}

.svg-vector {
    width: 113px;
    height: 107px;
    position: relative;
}

.new-more-container h2 {
    font-family: var(--Font-Semi-Bold);
    font-size: 16px;
    text-align: right;
    margin-top: 45px;
    position: absolute;
    right: 15px;
}

.single-new-more-container h2 {
    font-family: var(--Font-Semi-Bold);
    font-size: 16px;
    text-align: right;
    margin-top: 45px;
    position: absolute;
    right: 55px;
}

.more-svg {
    height: 24px;
    width: 24px;
    position: absolute;
    left: 18px;
    top: 11px;
    /* width: 100%; */
}

.more-svg path {
    fill: #0000008F;
}

.btn-more-posts {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-more {
    margin-top: 25px;
    position: relative;
    background-color: #b7ccdf64;
    font-family: var(--Font-Normal);
    font-size: 14px;
    color: #000;
    height: 45px;
    padding: 0px 40px;
    padding-top: 10px;
    border-radius: 10px;
    transition: background-color .3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Form-Order {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 17px;
    margin-top: 37px;
    border: none;
    outline: none;
    font-family: var(--Font-Normal);
    font-size: 14px;
    height: 45px;
    padding-top: 3px;
    border-radius: 10px;
    transition: background-color .3s;

}

.form-order-icon {
    position: absolute;
    left: 0;
    margin-left: 18px;
    margin-top: 15px;
    z-index: 9999999 !important;
    color: #000;
    font-size: 16px;
}

.btn-order {
    width: 100%;
    display: inline;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: none;
    outline: none;
    font-family: var(--Font-Normal);
    font-size: 14px;
    height: 45px;
    padding: 5px 49px;
    padding-top: 3px;
    border-radius: 10px;
    background-color: #b7ccdf64;
    transition: background-color .3s;
}

.form-angle::after {
    content: "\e813";
    font-size: 20px;
    top: -7px;
    left: -2px;
    position: relative;
    color: #000;
    font-family: 'fontello';
    display: inline-block;
    margin-right: 7px;
}

.left-angle-paginate::after {
    content: "\F104";
    font-size: 20px;
    position: absolute;
    color: #000;
    font-family: 'fontello';
    display: inline-block;
    margin-right: 7px;
}

.font-of-left {
    font-size: 18px;
    position: absolute;
    margin-right: 3px;
}

.font-of-right {
    font-size: 18px;
    position: absolute;
    margin-left: 3px;
}

.btn-order::after {
    content: "\f013";
    position: relative;
    color: red;
    font-family: 'FontAwesome';
    font-size: 16px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;

}

.btn-order:hover {
    background-color: #b7ccdfb3;
    color: #000;
    transition: all .4s;
}

.btn-more:hover {
    background-color: #b7ccdfb3;
    color: #000;
    transition: all .4s;
}


/*End Content TEXT*/

/*START CARD*/
.FatherOfCards {
    direction: rtl;
    margin-top: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-family: var(--Font-Normal);
    font-size: 14px !important;

}

.SecondCardContainer .social-container {
    justify-content: right;
}



.FirstCardContainer .parent {
    height: auto;
    width: 300px;
    padding: 1.3rem 0px;
    position: relative;
    margin: 15px;
    display: flex;
    justify-content: center;
}

.one_cc .parent {
    width: 100%;
    display: flex;
    justify-content: center;
}

.card {
    position: relative;
    background-position: center center;
    width: 100%;
    height: auto;
    transition: all 0.5s ease-in-out;
    border-radius: 10px;
    border: none;
    box-shadow: 0px 0px 40px -25px #707070;
    margin: 0px;

}

.card img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 166px !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    object-fit: cover;


}

.content-box {
    height: 100%;
    width: 100%;
    background: #fff;
    border-radius: 0px 0px 10px 10px;
    transition: all .5s ease-in-out;
    padding: 30px 25px 25px 25px;
}

.card-title {
    text-align: center;
    color: #171212df;
    font-size: 15px;
    font-family: var(--Font-Semi-Bold);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: inherit;
}

.bottom-texts {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.catex {
    position: relative;
    top: 11px;
}

.catex-img {
    display: flex;
    justify-content: center;
}

.card-content {
    position: relative;
    padding-top: 14px;
    font-size: 13px;
    color: #000;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Pages .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
}

.see-more {
    cursor: pointer;
    font-family: var(--Font-Normal);
    font-weight: 500;
    display: block;
    font-size: 14px;
    height: 40px;
    background-color: #b7ccdf64;
    border-radius: 5px;
    color: #000000bd;
    position: relative;
    top: 10px;
    margin-top: 8px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    transition: all .4s;
    text-decoration: none;
}

.month a {
    color: #000000bd;
    text-decoration: none;
}

.see-more:hover {
    background-color: #b7ccdfb3;
    color: #000;
    transition: all .4s;
}

.category-box {
    transition: all .5s;
    position: absolute;
    bottom: 0px;
    height: auto;
    padding: 3px 20px;
    background-color: #d6d8da;
    border-radius: 5px;
    width: auto;
    margin: 0px 30px;
}

.category-box span {
    display: block;
    text-align: center;
}

.month {
    margin-top: 2px;
    color: #000000;
    font-size: 11px;
    font-family: var(--Font-Regular);
}

.date {
    font-size: 20px;
    font-weight: 900;
    color: rgb(0, 136, 255);
}

/*END CARD*/

/*START SLIDER*/

.slider-container {
    height: 340px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18);
    margin-top: 15px;
    width: 100%;
}

.slide-img {
    width: 100%;
    display: flex;
    justify-content: right;
}

.flexable {
    display: flex;
}

.flexable h2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flexable img {

    margin-top: 10px;
    margin-right: -20px;
}

.slide-img-second img {
    width: 300px !important;
    height: 300px !important;
}

#middle-slider {
    width: 920px;
    margin-right: 20px;
    margin-top: 40px;

}

.two_cc .second-card {
    width: 100%;
    margin: 2px;
}

.middle-two {
    width: 100%;
    height: 400px;
    background-color: #fff;
}

.two_cc .SecondLayoutController {
    max-width: 100%;
}

.one_cc .FirstLayoutController {
    max-width: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.four_cc .Forth-card-container {
    width: 100%;
}

.fifth_cc .six-card-container {
    width: 100% !important;
}

.seven_cc .seven-card-container {
    width: 100% !important;
}

#middle-slider_elementor {
    width: 100% !important;
    margin-top: 40px;
}

#cc_slider_elementor {
    width: 100% !important;
}

#c1_slider_elementor {
    width: 100% !important;
}

#c2_slider_elementor {
    width: 100% !important;
}

#c3_slider_elementor {
    width: 100% !important;
}

#c4_slider_elementor {
    width: 100% !important;
}

#c5_slider_elementor {
    width: 100% !important;
}

#c6_slider_elementor {
    width: 100% !important;
}

#c7_slider_elementor {
    width: 100% !important;
}

#arrow-slider_elementor {
    width: 100% !important;
    margin-top: 20px;
}

#cat-slider_elementor {
    width: 100% !important;
    height: 340px;
    z-index: 0;
}

#related-slider {
    width: 100%;
    margin-top: 30px;
}

#bottom-slider {
    width: 960px;
    margin-top: -32px;
}

#bottom-slider_elementor {
    width: 100%;
}

.owl-carousel.owl-drag .owl-item {
    height: auto !important;
    display: flex;
    justify-content: center;
}

/*Image SLider Size*/
#middle-slider img {
    width: 420px !important;
    height: 240px !important;
    border-radius: 10px;
    background-clip: border-box;
    background-position: center;
    object-fit: cover;
    background-size: cover;
}

#middle-slider_elementor img {
    width: 410px;
    margin-right: 20px;
    height: 240px;
    border-radius: 10px;
    background-clip: border-box;
    background-position: center;
    object-fit: cover;
    background-size: cover;
}

#bottom-slider img {
    width: 100% !important;
    height: 280px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    border-radius: 10px;
}

#bottom-slider_elementor img {
    width: 100% !important;
    height: 280px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    border-radius: 10px;
}

/*Image SLider Size*/

#middle-slider .item img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#middle-slider_elementor .item img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#bottom .item img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#bottom-slider_elementor .item img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#middle-slider_elementor .owl-dots {
    display: flex !important;
    justify-content: right !important;
    margin-right: 15px !important;
    margin-top: -14px !important;
}

.second-card {
    transition: all .3s;
}

.second-card img {
    transition: all .5s;
}

.blog-title {
    transition: all .2s;
}

.blog-title:hover {
    color: #4a1097;
}

.second-card img:hover {
    transform: scale(1.03);
}

/*Bulit size*/
.owl-dots .owl-dot span {
    display: block !important;
    height: 10px;
    margin: 10px;
    width: 15px !important;
    background-color: #a1a1a249 !important;
    border-radius: 5px !important;
    margin-top: 27px;
    margin-right: 0px;
}

.owl-dots .active span {
    background-color: #07A6FF !important;
    width: 26px !important;

}

/*Bulit size*/

.slider-father {
    display: flex;
    justify-content: space-between;
    width: 98%;
}

.slider-title-container {
    display: inline-block;
    margin-top: 5px;
    text-align: center;
    width: 100%;
    height: 254px;
}

.slider-title {
    color: #000000eb;
    font-family: var(--Font-Semi-Bold);
    font-size: 17px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    text-align: center !important;
    width: 77%;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
    position: relative;
}


.slider-description-container {
    text-align: center;
    overflow: hidden;
    display: inline-block;
}

.slider-description {
    font-size: 14px;
    font-family: var(--Font-Semi-Bold);
    color: rgba(0, 0, 0, 40%);
    margin-top: 0px;
    padding-top: 26px;
    line-height: 26px;
    width: 77%;
    margin: 0 auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-more-slider {
    position: absolute;
    bottom: 20px;
    background-color: #07A6FF;
    font-family: var(--Font-Normal);
    font-size: 14px;
    color: #fff;
    height: 45px;
    padding: 11px 130px;
    border-radius: 7px;
    transition: background-color .3s;
}

.btn-more-slider:hover {
    background-color: #1e2e3e;
}

.btn-more-slider:hover {
    background-color: #0f85ca;
    color: #fff;
}


.owl-carousel .owl-stage {
    cursor: default;
}

/*END SLIDER*/

/*START FACT*/
.fact-container {
    display: flex;
    justify-content: right;
    align-items: center;
    width: 946px;
    height: auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 115, 255, 0.925) 0px 0px 10px -25px, ;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 10px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

.single-container {
    font-family: var(--Font-Normal);
}

.fact-svg-container {
    margin-right: 20px;
    font-family: var(--Font-Semi-Bold);
}

.second-btn {
    display: flex;
    flex-wrap: wrap;
    margin: 3px;
    margin-top: 2px;
}

.fact-svg::after {
    content: "";
    position: relative;
    top: 2px;
    width: 36px;
    height: 36px;
    left: 3px;
    background-image: url("assets/images/icons/fact.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
}

.fact-svg {
    display: flex;
    padding: 5px;
    background-color: rgba(19, 28, 235, 19%);
    border-radius: 5px;
}

.right {
    display: flex;
    justify-content: right;
    align-items: center;
    align-content: center;
    margin: 7px;
}


.btn-more-fact {
    margin-right: 30px;
    position: relative;
    background-color: rgba(19, 28, 235, 57%);
    font-family: var(--Font-Normal);
    font-size: 14px;
    color: #fff;
    height: 45px;
    padding: 5px 40px;
    padding-top: 10px;
    border-radius: 10px;
    transition: background-color .3s;
}

.btn-more-fact:hover {
    background-color: rgba(19, 26, 235, 0.755);
    color: #fff;
}


/*END FACT*/

/*START SOCIAL*/
.social-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 6px;
    width: 100%;
}

.single-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 6px;
}

.dark-body .the-single-title {
    background-color: #212529;
}

.the-single-title {
    display: flex;
    justify-content: right;
    /* margin-right: 9px; */
    background: #fff;
    padding: 14px;
    border-radius: 10px;
}

.the-single-title h1 {
    font-family: var(--Font-Normal);
    font-size: 16px;
    margin-top: 2px;
    margin-bottom: 4px;
}

.head_image img {
    border-radius: 14px !important;
}

.single-container img {
    width: 100%;
    height: auto;
    border-radius: 15px !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
    display: flex;
    margin-top: 50px;
}

.sidebar {
    width: 320px;
    height: auto;
    margin: 10px;
    margin-top: 50px;
}

.swal2-title {
    position: relative !important;
    margin-top: 25px !important;
}

.swal2-popup {
    font-size: 1.6rem !important;
    margin-top: 3rem !important;

    font-family: var(--Font-Semi-Bold) !important;
}

.swal2-toast .swal2-icon {
    font-size: 2.5rem !important;
    font-family: var(--Font-Semi-Bold) !important;

}

.swal2-popup {
    width: 350px !important;
    height: 10rem !important;
}

.swal2-toast .swal2-icon {
    font-size: 2.5rem !important;
    margin-top: -0.4rem;
}

.single-container h1 {
    font-family: var(--Font-Semi-Bold);
    font-size: 16px;
    margin-top: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 25px;
    padding: 5px;
}

.swal2-popup.swal2-toast {
    box-shadow: none !important;
}

.single-content {
    width: 100%;
    height: auto;
    padding: 10px;
    padding-right: 20px;
    padding-left: 40px;
    padding-bottom: -100px;
    background-color: rgb(217, 217, 217, 20%);
    color: #212529;
    border-radius: 10px;
}

.single-content b, strong {
    font-weight: 400;
}

.sidebar-content {
    background-color: rgb(217, 217, 217, 20%);
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    border-radius: 9px;

}

.best-content {
    width: 85%;
    height: auto;
    padding-bottom: 0px;
    margin-top: 15px;
    background-color: #fff;
    border-radius: 7px;
    text-decoration: none;
}

.adds-content {
    width: 83%;
    height: auto;
    padding-bottom: 0px;
    margin-top: 15px;
    background-color: #fff;
    border-radius: 7px;
    text-decoration: none;
}

.adds-content img {
    width: 90%;
    height: auto;
    margin-top: 20px;
    border-radius: 5px;
    padding-bottom: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
}

.best-content img {
    width: 50px !important;
    display: flex !important;
    height: 50px !important;
    margin-top: 16px;
    border-radius: 7px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
}

.best-content p {
    color: #000000a4;
    font-family: var(--Font-Semi-Bold);
    font-size: 12px;
    text-align: revert;
    padding-top: 11px;
    padding-bottom: 4px;
    max-height: 31px;
    width: 90%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icons-container svg path {
    stroke: #131aebab;
}

.the_title_in_container {
    display: flex;
    justify-content: right;
}

.the_inside {
    margin: 10px;
    padding: 10px;
    background-color: rgb(217, 217, 217, 40%);
    border-radius: 4px;
}

.the_title_in a {
    color: #000 !important;
    margin: 10px;
    font-family: var(--Font-Regular);

}

.the_title_in svg path {
    margin: 10px;
    fill: #000;
}

.the_title_in {
    display: flex;
    align-items: center;
    width: 100%;

    border-radius: 4px;
}

.rightx-icon {
    width: 5px;
    height: 100%;
    background-color: #131aebab;
    opacity: 0.56;
    position: absolute;
    border-top-left-radius: 120px;
    border-bottom-left-radius: 120px;
    right: 0;
}

.single-text {
    color: rgba(0, 0, 0, 32%);
    font-family: var(--Font-Semi-Bold);
    font-size: 12px;
    padding: 0px !important;

}

.single-value {
    color: rgba(0, 0, 0, 77%);
    font-family: var(--Font-Semi-Bold);
    font-size: 12px;
    padding: 0px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    word-break: break-word;
    max-width: 152px;
}

.text-value-container a {
    color: rgba(0, 0, 0, 77%);
    font-family: var(--Font-Semi-Bold);
    font-size: 12px;
    padding: 0px !important;
    padding-right: 5px !important;
    padding-bottom: 10px !important;
    text-decoration: none;
    width: auto;
}

.text-value-container {
    display: flex;
    justify-content: right;
    align-items: center;
    position: relative;
    top: 4.5px;
    right: 10px;
    padding: 0px !important;
    flex-wrap: wrap;
}

.cutoff {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -7px
}

.single-main {
    font-family: var(--Font-Normal);
    line-height: 32px;
}

.single-main h1, .single-main h2, .single-main h3, .single-main h4, .single-main h5, .single-main h6 {
    font-family: var(--Font-Semi-Bold);
}

.svg-sidebar {
    position: relative;
    top: 5px;
    right: 10px;
}

.single-adds-box {
    justify-content: center;
}

.single-category {
    background-color: #fff;
    width: 85%;
    min-height: 40px;
    height: auto;
    border-radius: 7px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 10px;
    outline: none;
    border: none;
}


.copyit {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.Footer_Layout {
    justify-content: space-evenly !important;
}

.twitter {
    position: relative;
    top: 2.7px;
}

.copy-container {
    flex-direction: row-reverse;
}

.icon-link {
    font-size: 16px !important;
    color: #000000aa;
    position: relative;
    top: 1px;
}

.single-input {
    direction: ltr;
    font-size: 14px;
    color: #717070;
    padding-left: 15px;
    text-align: left;
    overflow: hidden;
    background-color: #fff;
    width: 85%;
    min-height: 40px;
    height: auto;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    padding-right: 5px;
    align-items: center;
    outline: none;
    border: none;
}

.ico {
    cursor: pointer;
}

.icons-container {
    background-color: rgb(217, 217, 217, 30%);
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: flex;
    margin-right: 4px;
    justify-content: center;
    align-items: center;

}

.icons-container svg {
    width: 22px;
    height: 22px;


}

.dark-body .share-box .ico-container {
    background-color: #212529;
}

.dark-body .icon-link {
    color: #a7a7b8;
}

.ico-container {
    margin-top: 2px;
    padding: 0px !important;
    position: relative;
    left: 3px;
    background-color: rgb(217, 217, 217, 30%);
    width: 45px;
    height: 35.5px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ism-container {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;

}

.ism-container a {
    border-radius: 9px;
    margin: 0 !important;
    width: 48px;
    height: 46px;
    text-decoration: none;

}

.ism-telegram a, .ism-whatsapp a, .ism-linkedin a, .ism-twitter a {
    transition: all .3s;
}

.ism-telegram:hover a, .ism-whatsapp:hover a, .ism-linkedin:hover a, .ism-twitter:hover a {
    transform: scale(1.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18);

}

.ism-telegram a {
    background-color: #2AABEE;
}

.ism-telegram svg path {
    fill: #fff !important;
}

.ism-whatsapp a {
    background-color: #25D366;
}

.ism-linkedin a {
    background-color: #0A66C2;
}

.ism-twitter a {
    background-color: #1DA1F2;
}

.single-content img {
    border-radius: 14px !important;
    width: 560px;
    height: 240px;
    padding-bottom: -100px;
    background-color: rgb(217, 217, 217, 40%);
}

.single-content p {
    color: #000000;
    font-family: var(--Font-Normal);
    text-align: right;
    line-height: 35px;
    font-size: 16px;
}

.social-container a {
    text-decoration: none;
    color: #1e2e3e;
}

.social {
    background-color: #fff;
    width: 450px;
    height: 210px;
    border-radius: 10px;
    margin: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18);
}

.social h4 {
    text-align: center;
    margin-top: 15px;
    font-family: var(--Font-Semi-Bold);
    font-size: 16px;
    padding: 0px 20px;
}

.dark-body .search_el .search-icon {
    color: #a7a7b8;
}

.dark-body .Simple-menu .header2-search-icon path {
    stroke: #a7a7b8;
}

.dark-body .s-box:hover {
    background-color: #000;
}

.dark-body .s-box {
    background-color: #212529;
}

.social p {
    text-align: center;
    font-family: var(--Font-Normal);
    margin-top: 10px;
    font-size: 14px;
    padding: 0px 20px;
}

.social .center a {
    padding: 10px 40px;
    border-radius: 10px;
    font-family: var(--Font-Semi-Bold);
}

.instagram-svg, .telegram-svg, .youtube-svg, .twitter-svg, .aparat-svg, .whatsapp-svg {
    display: inline;
    cursor: pointer;
    margin: 5px;
    padding: 0;
}

.instagram-svg:hover.instagram-svg path {
    fill: #fff !important;
    transition: all .5s;
}

.telegram-svg:hover.telegram-svg path {
    fill: #fff !important;
    transition: all .5s;
}

.youtube-svg:hover.youtube-svg path {
    fill: #fff !important;
    transition: all .5s;
}

.twitter-svg:hover.twitter-svg path {
    fill: #fff !important;
    transition: all .5s;
}

.aparat-svg:hover.aparat-svg path {
    fill: #fff !important;
    transition: all .5s;
}

.whatsapp-svg:hover.whatsapp-svg path {
    fill: #fff !important;
    transition: all .5s;
}


.instagram-svg {
    position: relative;
    top: 1px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.telegram-svg {
    position: relative;
    top: 1px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.youtube-svg {
    position: relative;
    top: 1px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.twitter-svg {
    position: relative;
    top: 1px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.whatsapp-svg {
    position: relative;
    top: 1px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.aparat-svg {
    position: relative;
    top: 1px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.social {
    transition: all .6s;
}

.social:hover {
    box-shadow: 0px 0px 200px rgba(227, 227, 242, 0.325);
}

/*END SOCIAL*/

/*START FOOTER*/
.copy-right {
    font-family: var(--Font-Light);
    font-size: 14px;
    color: #000000f1;
    padding: 50px;
    padding-top: 20px;
    padding-bottom: 0;
}

.icon-copyright {
    position: relative;
    top: 2px;
    left: 2px;
    color: #000000ee;
    font-size: 15px;

}

.fix-bottom {
    position: relative;
    bottom: 0px;
}

.main-footer {
    margin-top: 10px;
    width: 100%;
    height: auto;
    position: relative;
    background-color: #E5E7EB;
    color: #000;
}

.main-footer ul {
    list-style-type: none;
    font-family: var(--Font-Normal);
    font-size: 14px;
}

.main-footer ul li {
    font-size: 14px;
    font-family: var(--Font-Normal);
}

.main-footer h5 {
    font-size: 16px;
    padding-bottom: 7px;
    color: #000;
    margin-right: 5px;
    width: 400px;
    font-family: var(--Font-Light);
}

.hr_h5 {
    height: 1px;
    width: 100%;
    background: #000;
}

.main-footer ul a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

.main-footer ul a:hover {
    color: #000;
}

.main-footer ul {
    padding-left: 45px;
}

.main-footer ul li {
    margin: 5px 2px;
    transition: all .3s;
    cursor: pointer;

}

.main-footer h5::before {
    content: "\e807";
    font-size: 19px;
    position: relative;
    top: 2px;
    left: 5px;
    color: #000;
    font-family: 'fontello';
    display: inline-block;
    margin-right: 7px;
}

.main-footer .first-part ul li::before {
    content: "\f260";
    font-size: 19px;
    position: relative;
    top: 2px;
    left: 5px;
    color: #000;
    font-family: 'fontello';
    display: inline-block;
    margin-right: 7px;
}

.main-footer .second-part ul li::before {
    content: "\f260";
    font-size: 19px;
    position: relative;
    top: 2px;
    left: 5px;
    color: #000;
    font-family: 'fontello';
    display: inline-block;
    margin-right: 7px;
}

.main-footer .third-part ul li:nth-child(1)::before {
    content: "\e80e";
    font-size: 19px;
    position: relative;
    top: 2px;
    left: 5px;
    color: #000;
    font-family: 'fontello';
    display: inline-block;
    margin-right: 7px;
}

.main-footer .third-part {
    position: relative;
}

.not-found {
    font-family: var(--Font-Normal);
    text-align: center;
}

.main-footer .third-part ul li:nth-child(2)::before {
    content: "\e833 ";
    font-size: 19px;
    position: relative;
    top: 2px;
    left: 5px;
    color: #000000ac;
    font-family: 'fontello';
    display: inline-block;
    margin-right: 7px;
}

.main-footer .third-part ul li:nth-child(1)::before {
    color: #000000ac;

}

.main-footer .footer-controler h4 {
    color: #000000ad;
}

.dark-body .progress-bar-container {
    background-color: #171b20;
}

.footer {
    padding: 37px 0px;
}


.main-footer ul li:hover {
    margin-right: 12px;
    transition: all .3s;
}

.dark-body .voice-btn-container {
    background-color: #212529;
    background-image: none !important;
}

.dark-body .search_result {
    background-color: #212529;
}

.dark-body .search_result ul li span, .dark-body .res-more a, .dark-body .res-more, .dark-body #datafetch {
    color: #a7a7b8;
}

.dark-body .search_result ul li {
    border-bottom: none;
}

.dark-body .search_result ul li:hover {
    background-color: #000;
    border-bottom-color: #000;
}

.dark-body .search_result ul li:hover span {
    color: #fff;
}

.dark-body .the-single-title h1 {
    color: #a7a7b8;
}

.dark-body .wpcf7 input, .dark-body .wpcf7 textarea {
    border: 1px solid #24262e;
    color: #a7a7a7;
}

.dark-body .elementor-222 .elementor-element.elementor-element-3cd7d86 {
    --divider-color: #a7a7a7;
}

.w100 {
    width: 100% !important;
}

.dark-body .wpcf7-submit {
    background-color: #212529 !important;
    color: #fff;
}

.dark-body .wpcf7 label {
    color: #a7a7b8;
}

.dark-body .social-icons svg path {
    fill: #fff;
}

.dark-body .copy-right {
    color: #ffffff93;
}

.dark-body .main-footer .first-part ul li::before, .dark-body .main-footer .second-part ul li::before, .dark-body .main-footer .third-part ul li:nth-child(1)::before {
    color: #d1d1d1ce;
}

.dark-body .main-footer h5 {
    color: #ffffffe2;
}

.dark-body .main-footer h5::before, .dark-body .main-footer ul li, .main-footer ul li a, .dark-body .main-footer .third-part ul li:nth-child(2)::before,
.dark-body .main-footer .footer-controler h4 {
    color: #ffffffb3;
}

.dark-body .hr_h5 {
    background: #fff;
}

.dark-body .sub-menu .menu-item-has-children .menu-item-has-children::after {
    color: #a7a7b8;
}

.dark-body .nav-container .menu .menu-item-has-children::after {
    color: #d7d7d7;
}

.dark-body .menu li a {
    color: #d7d7d7;
}

.dark-body .search-icon {
    color: #a7a7a7;
}

.dark-body .nav-container .sub-menu .menu-item-has-children::after {
    color: #a7a7b8;

}

.dark-body .ecomment .comments-text {
    color: #a7a7b8;
}

.dark-body .single-main a {
    color: #a7a7b8;
}

.single-content a {
    color: #367abfe3;
    font-family: var(--Font-Normal);
    text-decoration: none;
}

.main-footer .footer-controler img {
    max-width: 150px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.main-footer .footer-controler h4 {
    text-align: center;
    width: 500px;
    display: flex;
    justify-content: center;
    font-family: var(--Font-Semi-Bold);
    font-size: 18px;
    margin-top: 26px;
}

/*END FOOTER*/

/*START ABOUT PAGE*/

.about-container {
    width: 1200px;
    padding-bottom: 100px;
    margin-top: -50px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.about-container-text {
    width: 1200px;
    padding-bottom: 100px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.wpcf7 label {
    font-family: var(--Font-Light);
    font-size: 14px;
    width: 100%;
}

.wpcf7 p {
    padding: 0px !important;
}

.wpcf7 input, .wpcf7 textarea {
    background: transparent;
    border: 1px solid #ccc;
    outline: none;
    border-radius: 5px;
    padding-right: 5px;
    font-size: 16px;
    margin-top: 5px;
}

.wpcf7-submit {
    background-color: #ff003b !important;
    border: none;
    border-radius: 4px !important;
    color: #fff;
    max-width: 100%;
    height: 46px !important;
    width: auto !important;
    min-width: 85px;
    padding: 0px 20px !important;
}

.wpcf7 {
    font-family: var(--Font-Normal);
    width: 100%;
}

.wpcf7 input {
    height: 34px;
    width: 100%;
}

.wpcf7 textarea {
    height: 133px;
    width: 100%;
}

.wpcf7-email {
    padding-left: 5px;
}



.about-text {
    width: 100%;
    background-color: #fff;
    height: auto;
    border-radius: 10px;
    font-family: var(--Font-Normal);
    font-size: 14px;
    padding-right: 13px;
    padding-top: 13px;
    line-height: 30px;
    margin-top: 120px;
}



.about-text img {
    width: 400px;
    position: relative;
    display: block;
    margin: 20px 0px;
    border-radius: 10px;
}

.buttons {
    width: 400px;
    margin: 30px;
    margin-top: -8px;
}

.buttons a {
    display: block;
    margin-top: 10px;
    text-decoration: none;
    padding: 12px 20px;
    font-family: var(--Font-Normal);
    font-size: 14px;
    border-radius: 6px;
    position: relative;
}

.about-title h1 {
    font-family: var(--Font-Semi-Bold);
    font-size: 18px;
    text-align: right;
    margin-top: 45px;
    width: 100vh !important;
    position: relative;
    right: 48px;
}

.buttons a::after {
    content: "";
    position: relative;
    width: 11px;
    height: 11px;
    top: .5px;
    left: 4px;
    background-image: url("assets/images/icons/more-dark.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
}

.buttons a:last-child::before {
    content: "";
    position: absolute;
    top: 100px;
    width: 400px;
    height: 200px;
    left: 0px;
    background-image: url("assets/images/icons/moon-social.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 20px;
    display: inline-block;
    vertical-align: middle;
    z-index: -10;
}

/*END ABOUT PAGE*/


/*START 404 PAGE*/

.container-404 {
    display: flex;
    justify-content: center;
    width: 1200px;
    margin-top: 40px;
    margin-bottom: 25px;
}

.controler-404 {
    background-color: #fff;
    border-radius: 10px;
    height: 300px;
    display: flex;
    justify-content: space-between;
    font-family: var(--Font-Semi-Bold);
    align-items: center;
}

.controler-404 h4 {
    width: 400px;
    text-align: center;
    margin-right: 100px;
    font-size: 14px;
    line-height: 24px;
}

.controler-404 img {
    width: 315px;
    border-radius: 10px !important;
    margin-left: 43px;
}

.controler-404 h4::before {
    content: "\e81d";
    position: relative;
    color: red;
    font-family: 'fontello';
    font-size: 16px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;
}

.btn-home {
    text-decoration: none;
    position: relative;
    background-color: rgba(19, 28, 235, 57%);
    font-family: var(--Font-Normal);
    font-size: 14px;
    color: #fff;
    height: 45px;
    padding: 5px 40px;
    padding-top: 10px;
    border-radius: 10px;
    margin-right: 180px;
    margin-top: 25px;
    transition: background-color .3s;
}

#modern-slider_elementor {
    margin-top: 10px;
}

.dark-body .form-angle::after {
    color: #a7a7b8;
}

.btn-home:hover {
    background-color: rgba(19, 26, 235, 0.755);
    color: #fff;
}

.btn-home::before {
    content: "\e805";
    position: relative;
    z-index: 99999;
    font-family: 'fontello';
    top: -2.5px;
    width: 16px;
    height: 16px;
    color: #fff;
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;
}

/*END 404 PAGE*/

/*Start Second Card*/

.header-svg {
    position: absolute;
    height: 90px;
    width: 100%;
    bottom: -31px;
    overflow: hidden;
    z-index: 1;
}

.head_image {
    width: 100%;
    position: relative;
}

.head_image img {
    width: 100%;
    height: auto;
    background-position: center;
    background-size: cover;
    object-fit: cover;
}

.header-svg path {
    fill: #f5f5f5;
}

.about-us-card {
    margin-top: 60px;
    background-image: url("assets/images/66.jpg");
    position: relative;
    width: 320px;
    height: 250px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
}

.LayoutController-Reading {
    display: flex;
    justify-content: center;
}


.second-card {
    width: 310px;
    height: auto;
    background: #fff;
    border-radius: 1.5rem;
    padding: 5.5px 7.4px !important;
    overflow: hidden;
    position: relative;
    margin: 10px;
    margin-top: -5px;
    box-shadow: 0px 0px 40px -25px #707070;

}

.single-card .SecondLayoutController {
    margin-top: 10px;
}

.single-second-card {
    width: 96%;
    height: auto;
    background: #fff;
    overflow: hidden;
    position: relative;
    /* margin: 10px; */
    padding: 12px;
    border-radius: 9px;
    /* margin-top: -5px; */
    box-shadow: 0px 0px 40px -25px #707070;

}

.card-img-holder {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.card-img-holder img {
    width: 100%;
    height: 191px;
    border-radius: 7px !important;
    margin: 0px 1;
    object-fit: cover;
}

.blog-title {
    font-family: var(--Font-Semi-Bold);
    color: #22215B;
    padding-top: 7px;
    text-align: right;
    line-height: 23px;
    font-size: 14px;
    padding-right: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.descriptions {
    width: 100% !important;
    color: #22215B80;
    text-align: right;
    font-size: 14px;
    font-family: var(--Font-Normal);
    padding-right: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px;
}

.descriptions p {
    margin-top: 7px
}

.blog-time {
    color: #000;
    background-color: #b7ccdf64;
    padding: 3px 15px;
    margin-right: 8px;
    margin-left: 10px;
    margin-top: 3px;
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    font-family: var(--Font-Normal);
    font-size: 13px;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1rem;
    padding-bottom: 5px;
}

.options a {
    margin-right: 4px;
    margin-top: 20px;
    position: relative;
    background-color: #b7ccdf64;
    font-family: var(--Font-Normal);
    font-size: 13px;
    color: #000;
    height: 45px;
    padding: 0px 50px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: background-color .5s;
}

.second-btn a {
    display: flex;
    align-items: center;
}

.btn-go {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dark-body .catslider-container p {
    color: #fff !important;
}

.btn-go a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.options a:hover {
    background-color: #b7ccdfb3;

}

.slide-img img {
    transition: all .8s;
    transition-delay: .1s !important;
}

.slide-img img:hover {
    transform: rotate(-360deg);

}

.card-title {
    transition: all .6s;
}


.SecondLayoutController {
    height: auto;
}

.card img {
    transition: all .6s;
}

.card img:hover {
    transform: translateY(-10px);
}

.FirstLayoutController {
    max-height: 450px;
}

.forth-card-title {
    transition: all .5s;
}

.third-card h2 {
    transition: all .5s;
}

.banner {
    width: 100%;
}

.aofset {
    width: 100%;
}

.BannerLayout {
    width: 100%;
}

.banner img {
    width: 100% !important;
    border-radius: 10px;
}

.set {
    width: 99%;
}

.social-icons {
    display: inline;
    padding-top: 18px !important;
    position: relative;
    right: 67px;
    padding: 0px;
    top: 10px;
}

.social-icons a {
    color: transparent !important;

}

.card-img-holder {
    position: relative;
}

/*End Second Card*/

/* SKELETON */
.skeleton {
    position: relative;

}

.skeleton::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(90deg, #eee, #f9f9f9, #eee);
    background-size: 200%;
    animation: skeleton 1s infinite reverse;
}

@keyframes skeleton {
    0% {
        background-position: -100% 0;
    }

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

/* SKELETON */

/* Start Tags */
.tags-container {
    display: flex;
    justify-content: right;
    align-items: center;
}

.tag-box-container {
    margin-top: 10px;
    margin-right: 10px;
    display: flex;
    flex-wrap: wrap;
}

.owl-carousel.owl-drag .owl-item {
    height: auto !important;
}

.tags-box {
    margin-top: 0px;
    width: 100%;
    border-radius: 7px;
    height: auto;
    padding-bottom: 8px;
    background-color: rgb(217, 217, 217, 30%);
}

.tag-box-container {
    font-family: var(--Font-Normal);
    padding: 0px 10px;
    margin: 5px;
    border-radius: 4px;
}

.tag-box-container a {
    text-decoration: none;
    color: #212529;
    display: flex;
    list-style-type: none;
    font-family: var(--Font-Normal);
    padding: 0px 10px;
    margin: 5px;
    margin-top: 13.5px;
    border-radius: 4px;
    font-size: 13px;
    background-color: rgba(217, 217, 217, 0.708);
    line-height: 30px;
    text-align: center;
}


/* End Tags */
.PageContainer {
    display: flex;
    justify-content: center;
}

.pag {
    width: 950px;
    border-radius: 10px;
    height: 200px;
    background-color: rgba(217, 217, 217, 0.708);
}

.Pages {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.Pages .page-numbers {
    font-family: var(--Font-Normal);
    background: #fff;
    padding: 9px;
    width: 45px;
    border-radius: 5px;
    color: #000;
    text-align: center;
    text-decoration: none;
    margin: 6px;
    cursor: pointer;
    padding-top: 11px;
    font-size: 13px;
}

.Pages .page-numbers:hover {
    background-color: #ededee;
    color: #000;
    transition: background-color .5s;
}

.Pages .current {
    background-color: #E5E7EB;
    color: #000;
}

.no-post {
    font-family: var(--Font-Bold);
    padding: 15px;
    width: 920px;
    text-align: center;
}

.category_posts {
    display: inline;
}

.category_posts ul {
    display: inline;
    list-style-type: none;
}

.category_posts ul li {
    display: inline;
}

.category_posts ul li a {
    color: #000;
    text-decoration: none;
}












/*START DARKMODE*/

.dark-body {
    background-color: #15181a !important;
}

.dark-body .card, .dark-body .second-card, .dark-body .single-second-card, .dark-body .khodebox, .dark-body .third-card, .dark-body .forth-card, .dark-body .forth-card img, .dark-body .instagram-card, .dark-body .six-card-container, .dark-body .seven-card-container, .dark-body .scroll-to-top {
    box-shadow: none;
}

.dark-body .shape-player::before {
    content: '';
    background-image: url('assets/images/icons/dark-ellipse-right.svg');
}

.dark-body .shape-player::after {
    content: '';
    background-image: url('assets/images/icons/dark-ellipse-left.svg');
}

.dark-body .reply a {
    background-color: #120e0e;
    color: #a7a7b8;
}

.dark-body .comment-form-author::after {
    color: #a7a7b8;
    font-weight: 300;
}

.dark-body .comment-form-email::after {
    color: #a7a7b8;
    font-weight: 300;

}

.dark-body .khodebox {
    background-color: #212529;
    color: #a7a7b8;
}



.dark-body .form-submit input {
    background-color: #120e0e;
    color: #a7a7b8;
}

.dark-body .comment-form textarea {
    border: 1px solid #000;
    background-color: #000;
    color: #a7a7b8;
    caret-color: #a7a7b8;
}

.dark-body .comment-form-author label, .dark-body .comment-form-email label, .dark-body .comment-form-comment label {
    color: #a7a7b8ba;

}

.dark-body .comment-form-cookies-consent label {
    color: #a7a7b8a4;
}

.dark-body .comment-form-email input, .dark-body .comment-form-author input {
    border: 1px solid #000;
    background-color: #000;
    color: #a7a7b8;
    caret-color: #a7a7b8;
}

.dark-body .comment-list {
    border: 1px solid #000;
}

.dark-body .comment {
    border-bottom: 1px solid #000;
}

.dark-body .khodebox .d-flex i {
    background-color: #000;
    color: #a7a7b8;
}

.dark-body .see-more:hover {
    background-color: #2653b6;
    color: #fff !important;
}

.dark-body .header-search-icon path {
    stroke: #fff;
}

.dark-body .search_el .header-search-icon path {
    stroke: #fff;
}

.dark-body .background-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 23, 0.843);
    background-image: none;
}

.dark-body .top-alert {
    background-color: rgba(217, 217, 217, 0.063);
    color: rgba(255, 255, 255, 0.72);
}

.dark-body .nav-container .menu li:not(.sub-menu li)::before {
    transition: all .5s;
    background-color: rgba(248, 243, 255, 0.714);
}


.dark-body .header-title {
    color: #d7d7d7 !important;
}

.dark-body .description {
    color: #d7d7d7 !important;

}

.dark-body .search-box input {
    border: none;
    color: #a7a7b8 !important;
    background-color: #ffffffb9;
}
.dark-body .search-box input::placeholder {
    color: #b1b1bbd5;
}

.dark-body .search_el .search-box input {
    border: none;
    background-color: #212529;
}

.dark-body .search_el .search-box input::placeholder {
    color: #a7a7b8;
}

.dark-body .findit {
    color: #ffffff;
    background-color: #212529;
    transition: background-color .4s;
}

.dark-body .findit:hover {
    background-color: #191d22;
}

.dark-body .search_el .findit {
    color: #ffffff;
    background-color: #000;
    transition: background-color .4s;
}

.dark-body .search_el .findit:hover {
    background-color: #242424;
}

.dark-body .switch {
    background: rgba(149, 140, 140, 0.157);
    transition: all .3s ease-in-out;
}

.dark-body .switch::after {
    background-color: #ffffff;
    transition: all .3s ease-in-out;
}

.dark-body .all-container .input-switch:checked+.switch {
    background: rgba(255, 255, 255, 0.171);
}

.dark-body .all-container .input-switch:checked+.switch::after {
    background: #c9dad5;
}

.dark-body .all-container .input-switch:checked+.switch+.background {
    background: #d9d9d91c;
}

.dark-body .all-container .switch .sun {
    color: #D9D9D9 !important;
    transition: all .3s ease-in-out;
}

.dark-body .all-container .switch .moon {
    color: #d9d9d98d;
    transition: all .3s ease-in-out;
}

.dark-body .all-container .input-switch:checked+.switch .sun {
    color: #5d5d5d52;
}

.dark-body .input-switch:checked+.switch .moon {
    color: #cfcaca;
}

.dark-body .btn-more {
    background-color: #212529;
    color: #fff;
    transition: background-color .3s;
}

.dark-body .btn-more:hover {
    background-color: #2653b6;
    color: #fff;
}

.dark-body .btn-more:hover .more-text {
    color: #fff;
}

.dark-body .menu .menu-item-has-children .sub-menu li a {
    color: #fff !important;
}

.dark-body .menu .menu-item-has-children .sub-menu li:hover {
    background-color: #07020d !important;
    color: #fff !important;
}

.dark-body .content-box {
    background-color: #212529;
    box-shadow: none;
}

.dark-body .icon-copyright:before {
    color: #a7a7b8;
}

.dark-body .card {
    background-color: #212529;
    transition: all 0.5s ease-in-out;
    border: none;

}

.dark-body .single-category .text-value-container {
    color: #a7a7b8;
}

.dark-body .single-category .text-value-container a {
    color: #a7a7b8;
}

.dark-body .card-title {
    color: #a7a7b8;
}

.dark-body .card-content {
    color: rgb(156, 151, 151);
}

.dark-body .see-more {
    background-color: #171b20;
    color: #d9d9d98d !important;
    transition: background-color .5s;
}

.dark-body .see-more-:hover {
    background-color: #2653b6;
    color: #fff !important;
    transition: background-color .5s;
}

.dark-body .category-box {
    background-color: #242424;
    box-shadow: none;
}

.dark-body .slider-container {
    background-color: #212529;
    box-shadow: none;
}

.dark-body .slider-description {
    color: rgb(156, 151, 151);
}

.dark-body .slider-title {
    color: #a7a7b8;
}

.dark-body .btn-more-slider:hover {
    background-color: #2653b6;
    color: #fff;
}

.dark-body .btn-more-slider {
    background-color: #171b20;
    color: #a7a7b8;
}

.dark-body .fact-container {
    background-color: #242424;
    box-shadow: none;
}

.dark-body .fact-container p {
    color: #a7a7b8;
}

.dark-body .fact-svg::after {
    background-image: url("../images/icons/factdark.svg");
}

.dark-body .instagram-svg::after {
    background-image: url("../images/icons/instagramdark.svg");
}

.dark-body .telegram-svg::after {
    background-image: url("../images/icons/telegramdark.svg");
}

.dark-body .youtube-svg::after {
    background-image: url("../images/icons/youtubedark.svg");
}

.dark-body .twitter-svg::after {
    background-image: url("../images/icons/twitterdark.svg");
}

.dark-body .whatsapp-svg::after {
    background-image: url("../images/icons/whatsappdark.svg");
}

.dark-body .aparat-svg::after {
    background-image: url("../images/icons/aparatdark.svg");
}

.dark-body .svg-vector h2 {
    color: #a7a7b8;
}

.dark-body .fact-svg {
    background-color: #000000;
}

.dark-body .btn-more-fact {
    background-color: rgb(25, 26, 30);
    color: #fff;
    transition: background-color .3s;
}

.dark-body .btn-more-fact:hover {
    background-color: #24262e;
    color: #fff;
}

.dark-body .social-container a {
    text-decoration: none;
    color: #bdbdc2;
}

.dark-body .social-container:hover {
    box-shadow: none !important;
}

.dark-body .social {
    background-color: #242424;
}

.dark-body .social:hover {
    box-shadow: 0px 0px 100px #323237 !important;

}


.dark-body .main-footer {
    background-color: #212529;
    color: #FFFFFF;
}

.dark-body .about-title h1 {
    color: #a7a7b8
}

.dark-body .arrow-down {
    background-color: #15181a;
    color: #a7a7b8;
}

.mini {
    margin-top: 9px !important;
}

.dark-body .buttons a {
    background-color: #242424;
    border: none;
    outline: none;
    transition: all .6s;
}

.dark-body .buttons a:hover {
    background-color: #07A6FF;
    transition: all .6s;
}

.dark-body .about-text {
    background-color: #242424 !important;
    color: #a7a7b8
}

.dark-body .btn-home {
    background-color: #3d3d43;
    transition: all .6s;
    color: #fff;
}

.dark-body .btn-home::before {
    color: #fff;
}

.dark-body .content-404 h4::before {
    color: #fff;
}

.dark-body .social-btn {
    background-color: #212529;
}

.dark-body .btn-home:hover {
    background-color: #2653b6;
    transition: all .6s;
}

.dark-body .controler-404 {
    background-color: #24262e;
}

.dark-body .controler-404 h4 {
    color: #fff;
}

.dark-body .header-svg path {
    fill: #15181a;
}
.dark-body #middle-slider_elementor .owl-dots .owl-dot span{
    background-color: #a1a1a249 !important ;
}
.dark-body .owl-dots .owl-dot span {
    background-color: #212529 !important;
}

.dark-body .owl-dots .active span {
    background-color: #ffffff38 !important;
}

.dark-body .month a {
    color: #a7a7b8;
}

.dark-body .btn-two {
    color: #a7a7b8;
}

.dark-body .btn-two:hover {
    box-shadow: inset 0px 0px 60px #ffffff46;
    color: #a7a7b8;
}

.dark-body .btn-two::before {
    background: #000;
}

.dark-body .btn-two::after {
    background: #000;
}


.dark-body .svg-vector path {
    fill: #2a343d;
}

.dark-body .new-more-container h2 {
    color: #a7a7b8;
}

.dark-body .more-svg path {
    fill: #a7a7b8 !important;
}

.dark-body .more-text {
    color: #c6c6d5;
}

.more-text {
    position: relative;
    left: 5.5px;
}

.dark-body .second-card {
    background-color: #212529;
}

.dark-body .search_el .search-box input {
    color: #a7a7b8;
}

.dark-body .blog-time {
    background-color: #171b20;
    color: #bdbdc2;
}

.dark-body .second-btn a {
    color: #fff;
}

.dark-body .blog-time:hover {
    background-color: #171b20;
    color: #bdbdc2;
}

.dark-body .blog-time:hover .second-btn a {
    color: #bdbdc2 !important;
}

.dark-body .single_related .blog-time {
    background-color: #171b20;
    color: #bdbdc2;
}

.dark-body .single_related .blog-time:hover {
    background-color: #171b20;
    color: #bdbdc2;
}


.dark-body .blog-title {
    color: #a7a7b8;
}

.dark-body .descriptions {
    color: rgb(156, 151, 151);
}

.dark-body .options a {
    background-color: #171b20;
    color: #bdbdc2;

}

.dark-body .options a:hover {
    background-color: #2653b6;
    color: #fff;

}

.dark-body .single_related .options a {
    background-color: #171b20;
    color: #bdbdc2;

}

.dark-body .single_related .options a:hover {
    background-color: #2653b6;
    color: #fff;

}

.dark-body .second-btn {
    color: #bdbdc2;
}



.dark-body .sidebar-content {
    color: #a7a7b8;
    background-color: #212529;
}

.dark-body .single-category {
    background-color: #120e0e;
}

.dark-body .single-category p {
    color: #a7a7b8;
}

.dark-body .icons-container {
    background-color: #24262e;
}

.dark-body .icons-container path {
    fill: #a7a7b8;
    stroke: #fff !important;
}

.dark-body .single-top-box .icons-container {
    background-color: #24262e;
}

.dark-body .single-top-box .icons-container svg path {
    fill: #a7a7b8;
    stroke: #fff !important;
}

.dark-body .top-box .best-content {
    background-color: #120e0e;

}

.dark-body .top-box .best-content p {
    color: #a7a7b8;

}

.dark-body .ism-container svg path {
    fill: #fff;
}

.dark-body .share-box .single-input {
    background-color: #120e0e;
    color: #a7a7b8;
}

.dark-body .ico svg path {
    fill: #fff;
}

.dark-body .adds-box .adds-text {
    color: #a7a7b8;
}

.dark-body .category_posts ul li a {
    color: #a7a7b8;
}

.dark-body .top-box .svg-sidebar path {
    fill: #a7a7b8;
}

.dark-body .catbox .svg-sidebar path {
    fill: #a7a7b8;
}

.dark-body .adds-box .svg-sidebar path {
    fill: #a7a7b8;
}

.dark-body .share-box .svg-sidebar path {
    fill: #a7a7b8;
}

.dark-body .no-post {
    background-color: #212529 !important;
    border: #212529 !important;
    color: #ffffff98 !important;
}

.dark-body .single-container h1 {
    color: #a7a7b8;
}

.dark-body .btn-order {
    background-color: #212529;
    color: #ffffff98;
}

.dark-body .form-order-icon {
    color: #ffffff98;
}

.dark-body .btn-order:hover {
    background-color: #24262e;
    color: #ffffff98;
}

.dark-body .Form-Order:hover .form-order-icon {
    color: #a7a7b8;
}

.dark-body .single-new-more-container h2 {
    color: #a7a7b8;
}

.dark-body .single-tags .tag-box-container a {
    background-color: #120e0e69;
    color: #ffffff98;

}

.dark-body .single-content {
    background-color: #212529;
}

.dark-body .single-second-card {
    background-color: #212529;
}

.dark-body .mobile-menu .menu li a {
    color: #a7a7b8;
}

.dark-body .single-content {
    color: #a7a7b8;
}

.dark-body .single-content p {
    color: #a7a7b8;
}

.dark-body .skeleton::before {
    content: '';
    background-color: #484848;
    background-image: linear-gradient(90deg, #484848, #4e4e4e, #484848);
}

.dark-body .mobile-menu {
    background-color: #24262e;
    color: #fff;
}

.dark-body .menu li, .menu .sub-menu {
    color: #fff !important;
}

.dark-body .menu .menu-item-has-children .sub-menu li {
    color: #fff !important;
    background-color: #191d20 !important;
}

.dark-body .single-tags .tags-box {
    background-color: #212529;
}

.dark-body .tag {
    background-color: #120e0e69;
    color: #ffffff98;
}

.dark-body .sub-menu a {
    color: #fff;
}

.dark-body .Pages .page-numbers {
    background-color: #212529;
    color: #bdbdc2;
}

.dark-body .Pages .current {
    background-color: #171b20;

}

.dark-body .Pages .page-numbers:hover {
    background-color: #171b20;
}

/*END DARKMODE*/
.more-svg path {
    fill: #0a09098c;
}

.arrow-down {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.main {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.up {
    display: flex;
    flex-direction: row;
    gap: 0.5em;
}

.down {
    display: flex;
    flex-direction: row;
    gap: 0.5em;
}

.card1 {
    border-radius: 5px;
    width: 90px;
    height: 90px;
    outline: none;
    border: none;
    transform: translate(-7px, 10px);
    background: #229ED9;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    transition: .2s ease-in-out;
}

.card2 {
    border-radius: 5px;

    transform: translate(-7px, 10px);
    width: 90px;
    height: 90px;
    outline: none;
    border: none;
    background: #d62976;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    transition: .2s ease-in-out;
}

.card3 {
    border-radius: 5px;

    transform: translate(-7px, 10px);
    width: 90px;
    height: 90px;
    outline: none;
    border: none;
    background: #128C7E;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    transition: .2s ease-in-out;
}

.card4 {
    border-radius: 5px;

    transform: translate(-7px, 10px);
    width: 90px;
    height: 90px;
    outline: none;
    border: none;
    background: #FF0000;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    transition: .2s ease-in-out;
}

.card1 svg path, .card2 svg path, .card3 svg path, .card4 svg path {
    fill: white !important;
}

.card1:hover {
    background-color: #1DA1F2;
}


.card2:hover {
    background-color: #833AB4;
}

.card3:hover {
    background-color: #25D366;
}

.card4:hover {
    background-color: #282828;
}

.btn-two {
    width: 10em;
    position: relative;
    height: 3em;
    border: 3px ridge #2653b6;
    outline: none;
    background-color: transparent;
    color: #000;
    transition: 1s;
    font-family: var(--Font-Normal);
    border-radius: 0.3em;
    font-size: 16px;
    font-weight: bold;
}

.btn-two::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 3%;
    width: 95%;
    height: 40%;
    background-color: #f5f5f5;
    transition: 0.5s;
    transform-origin: center;
}

.btn-two::before {
    content: "";
    transform-origin: center;
    position: absolute;
    top: 80%;
    left: 3%;
    width: 95%;
    height: 40%;
    background-color: #f5f5f5;
    transition: 0.5s;
}

.btn-two:hover::before, .btn-two:hover::after {
    transform: scale(0)
}

.btn-two:hover {
    box-shadow: inset 10px 10px 45px #b9c1d4;

}

.social-links, .flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-btn {
    cursor: pointer;
    height: 50px;
    width: 50px;
    padding-right: 5px;
    font-family: 'Titillium Web', sans-serif;
    color: #333;
    border-radius: 10px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    background: white;
    margin: 5px;
    transition: 0.3s;
    justify-content: center;
}

.social-btn svg {
    height: 24px;
    width: 24px;
}

.social-btn span {
    font-family: var(--Font-Normal);
    width: 0px;
    overflow: hidden;
    transition: 0.3s;
    text-align: center;
    margin-left: 5px;
}

.social-btn:hover {
    width: 150px;
    border-radius: 5px;
}

.social-btn:hover span {
    padding: 2px;
    width: 80px;
    font-size: 13px;
}

.max-cat {
    min-height: 56px;
}











.wp-block-image img, .wp-block-columns {
    margin: 0;
}

.wp-block-image {
    display: flex;
    justify-content: center;
    border-radius: 5px;
    margin: 0;
}

.wp-block-image img {
    display: flex;
    justify-content: center;
    align-self: center;
    align-items: center;
    border-radius: 5px;
}

.wp-block-search__label {
    display: none;
}

.wp-block-search__input {
    font-size: 10px;
    padding: 7px;
    border-radius: 5px;
    font-family: var(--Font-Normal);
    margin: 6px;
    outline: none;
    border: none;
    width: 155px;
}

.wp-block-search__button, .wp-element-button {
    width: 94px;
    height: 31px;
    margin-top: 5px;
    border: none;
    border-radius: 4px;
    font-size: 10px;

}

.dark-body .wp-block-search__input {
    background: #212529;
    color: #ffff;
}

.dark-body .wp-block-search__button, .dark-body .wp-element-button {
    background: #212529;
    color: #ffff;
}

.dark-body .single-category p,
.dark-body .single-category h1,
.dark-body .single-category h2,
.dark-body .single-category h3,
.dark-body .single-category h4,
.dark-body .single-category h5,
.dark-body .single-category h6,
.dark-body .single-category ul,
.dark-body .single-category li,
.dark-body .single-category a,
.dark-body .single-category em,
.dark-body .single-category b,
.dark-body .single-category strong,
.dark-body .single-category pre,
.dark-body .single-category ol {
    color: #a7a7b8 !important;

}

.single-category p,
.single-category h1,
.single-category h2,
.single-category h3,
.single-category h4,
.single-category h5,
.single-category h6,
.single-category ul,
.single-category li,
.single-category a,
.single-category i,
.single-category em,
.single-category b,
.single-category strong,
.single-category pre,
.single-category ol {
    font-size: 12px;
    padding: 10px;
}

.sidebar-content .single-category a {
    text-decoration: none;
    color: #1e2e3e;
}

.sidebar-content .single-category ul {
    list-style-type: none;
}

.sidebar-content .single-category ul li {
    border-bottom: 1px solid #f5f5f5;
}

.dark-body .sidebar-content .single-category ul li {
    border-bottom: 1px solid #212529;
    color: #a7a7b8;
}

.sidebar-content .single-category ul li:last-child {
    border-bottom: none;
}

.social-share {
    color: #fff;
    font-size: 26px !important;
    margin-top: -17px;
    position: relative;
    left: .5px;
    transition: all .5s;
}

.social-share-tel {
    color: #fff;
    font-size: 24px !important;
    margin-top: -17px;
    position: relative;
    top: -3.7px;
    left: 11px;
}

.sharebtn {
    margin-top: 22px;
    padding-right: 28px;
    font-family: var(--Font-Light);
    font-size: 15px;
    border-radius: 3px !important;
    max-width: 90%;

}

.adds-text {
    margin-top: 22px;
    padding-right: 28px;
    font-family: var(--Font-Normal);
    font-size: 15px;
    border-radius: 3px !important;
    max-width: 90%;
}




/*START COMMENTS*/

.comments-container-max {
    display: block;
    width: 100% !important;
}

.khodebox {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 40px -25px #707070;
    position: relative;
    left: 10px;
    border-radius: 8px;
    padding: 15px;

}

.comments-box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--Font-Normal);
}


.comment-notes {
    display: none;
}

.comment-reply-title {
    display: none;
}

.comment-form textarea {
    width: 100%;
    background-color: #F9F9F9;
    height: 200px;
    border: 1px solid #fff;
    border-radius: 5px;
    outline: none;
    font-size: 15px;
    transition: all 1s;
    padding: 8px;
}

.comment-form-url {
    display: none;
}

.comment-form-comment label {
    display: block;
    padding: 10px;
    font-size: 15px;
    color: #4b515a;
}

.comment-form-author, .comment-form-email {
    display: inline-block;
    position: relative;
}

.comment-form-author label, .comment-form-email label {
    color: #4b515a;
    font-size: 15px;
    font-family: var(--Font-Light);
    display: block;
    padding-bottom: 12px;
    padding-right: 3px;
    margin: 10px;
    margin-bottom: -14px;
    margin-right: 15px;

}

.comment-form-email input, .comment-form-author input {
    color: #4b515a;
    border: 1px solid #F9F9F9;
    outline: none;
    padding: 13px;
    background-color: #F9F9F9;
    margin: 10px;
    width: 95%;
    border-radius: 5px;
    font-size: 15px;
    padding-right: 42px;
    transition: all 1s;

}

.comment-form-cookies-consent label {
    color: #4b515a;
    margin-top: 6px;
    font-size: 15px;
    margin-right: 2px;
    font-family: var(--Font-Light);
}

.comment-form-comment {
    width: 100%;
}

.comment-form-author, .comment-form-email {
    width: 50%;
    margin: 0px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: -3px;
}

.comment-form-cookies-consent {
    margin-right: 11px;
}

.comment-form-cookies-consent input {
    position: relative;
    width: 22px;
    top: 5px;
    height: 18px;
    accent-color: #1e2e3e;
}

.form-submit {
    margin-top: 40px;
}

.form-submit input {
    border: none;
    outline: none;
    background: #5cb85c;
    color: #fff;
    padding: 14px 43px;
    border-radius: 8px;
    font-size: 14px;
    margin-right: 10px;
}



.comment-form-email input {
    direction: ltr;
}

.comment-form-author::after {
    content: "\e83c";
    font-weight: 300;
    position: absolute;
    color: #a7a7b8;
    border-radius: 5px;
    padding: 9px 18px;
    top: 39.5px;
    font-size: 22px;
    right: 0px;
    margin-right: 5px;
    vertical-align: middle;
    font-family: 'fontello';
    display: inline-block;
    margin-right: 7px;
}

.comment-form-email::after {
    content: "\E809";
    font-family: 'fontello';
    font-weight: 300;
    position: absolute;
    color: #a7a7b8 !important;
    border-radius: 5px;
    padding: 10.7px 14px;
    top: 39px;
    font-size: 23px;
    right: 2px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;

}

.comment-form textarea:focus {
    caret-color: #1e2e3ebc;

}

.form-submit {
    padding-bottom: 45px;
}

.comment-form-email input:focus, .comment-form-author input:focus {
    caret-color: #1e2e3ebc;
}

.khodebox .d-flex i {
    background-color: #f1f1f1;
    padding: 2px 4px;
    border-radius: 5px;
    color: #a7a7b8;
    font-size: 21px;
    width: 100%;
    height: 30px;
    position: relative;
    top: -30px;
}

.comments-text {
    font-family: var(--Font-Normal);
    position: relative;
    top: -30px;
    margin-top: 30px;
    font-size: 15px;

}

.says {
    display: none;
}

.comment-author img {
    width: auto !important;
    display: inline;
    position: relative;
    width: 60px !important;
    top: 34px;
    border-radius: 13px !important;
}

.comment-list {
    list-style-type: none;
}

.fn {
    font-size: 15px;
    position: relative;
    top: 37px;
    right: 12px;
    font-style: normal;
    text-decoration: none;
}

.fn a {
    text-decoration: none;
}

.comment-awaiting-moderation {
    background: aliceblue;
    border-radius: 5px;
    padding: 23px 10px;
    width: 63%;
    display: block;
    margin-top: 45px;
}

.comment-body {
    position: relative;
    margin-top: 3px;
}

.comment .children {
    margin-right: 6px;
    list-style-type: none;
}

.comment:last-child {
    position: relative;
    padding-bottom: 10px;
    border-bottom: none;
}

.comment {
    width: 100%;
    padding-bottom: 23px;
    border-bottom: 1px solid #ccc;
}

.comment-meta {
    position: absolute;
    left: 21px;
    bottom: -21px;
}
.fn a{
    color:#000000e6;
}
.comment-meta a {
    color: #70767b;
    text-decoration: none;
    font-size: 13px;

}

.reply {
    position: absolute;
    top: 50px;
    left: 19px;
}

.reply a {
    background-color: #5cb85c;
    color: #fff;
    padding: 9px 32px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
}

.comment p {
    margin-top: 52px;
    font-size: 14px;
    margin-right: 3px;
}

.comment-list {
    margin-top: 20px;
    border-radius: 8px;
    border: 1px solid #ccc;
    padding-top: 0;
    padding-bottom: 13px;
    padding-right: 20px;
    padding-left: 24px;
}

.comment-author {
}
.comment-date {
    direction: rtl;
    unicode-bidi: bidi-override;
}
.comments-box ul, .comments-box ol{
    padding-left: 0px;
}
.right-menu {
    position: relative;
    top: -1px;
}

/*END COMMENTS*/

.voice-container {
    display: flex;
    width: 100%;
    height: 220px;
    border-radius: 14px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.voice-btn-container {
    font-family: var(--Font-Normal);
    display: flex;
    flex-direction: row;
    border-radius: 14px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.hidden {
    display: none;
}


.shape-player::before {
    content: '';
    right: 0;
    top: 72px;
    position: absolute;
    width: 30px;
    height: 80px;
    background-image: url('assets/images/icons/ellipse-right.svg');
    background-repeat: no-repeat;
}

.shape-player::after {
    content: '';
    left: 0px;
    top: 72px;
    position: absolute;
    width: 35px;
    height: 80px;
    background-image: url('assets/images/icons/ellipse-left.svg');
    background-repeat: no-repeat;
}

.player {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px auto;
    padding: 0px 32px 24px 32px;
    border-radius: 14px;
    width: 100%;
    height: 100%;

}

.player-track-meta {
    text-align: center;
}

.player-track-meta p {

    color: #ffffffdd;

}

.player-track-meta span {
    font-size: 16px;
    position: relative;
    color: #e4d5d5;
}

.player-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    position: relative;
    top: 19px;
}

.timer-icon {
    position: relative;
    top: 4px;
}

.read-voice {
    font-family: var(--Font-Normal);
    margin-top: 35px;
    font-size: 21px;
}

.time-text {
    font-family: var(--Font-Light);
}

.player-play-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
}

.icon-container {
    fill: transparent;
    stroke: none;
}

.player-play-btn:hover {
    fill: #444444;
}

.player-play-btn svg {
    color: #0e0e0e;
    position: relative;
    left: 0.5px;
    width: 36px;
    height: 36px;
    display: block;
}

.player-play-btn:hover svg {
    color: #ffffff;
}

.player-timeline {
    display: flex;
    flex: 1;
    direction: ltr;
    align-items: center;
    justify-content: center;
    /* padding-left: 10px; */
}

input[type="range"i] {
    color: #fff;
}

.player-progress {
    display: flex;
    postion: relative;
    height: 6px;
    background: #cac8c8;
    border-radius: 25px;
    margin: 0 5px;
    flex: 10;
    flex-basis: 100%;
    overflow: hidden;
}

.player-progress-filled {
    height: 6px;
    background: #fff;
    flex: 0;
    flex-basis: 0%;
    border-radius: 25px;
}

.player-time {
    padding: 2px 5px;
    color: #fff;
}

.player-icon-pause svg g {
    fill: #fff;
}

.player-volume-container {
    width: 15%;
    display: flex;
    position: relative;
    top: 1.3px;
}

.player-volume {
    height: 28px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
    background: transparent;
}

.player-volume:focus {
    outline: none;
}

.player-volume::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    animate: 0.2s;
    background: #fff;
    border-radius: 10px;
}

.player-volume::-webkit-slider-thumb {
    height: 16px;
    width: 16px;
    border-radius: 100px;
    border: none;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -4px;
}

.player-volume:focus::-webkit-slider-runnable-track {
    background: #fff;
}


.player-volume::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    animate: 0.2s;
    background: #fff;
    border-radius: 10px;
}


.player-volume::-moz-range-thumb {
    height: 16px;
    width: 16px;
    border-radius: 100px;
    border: none;
    background: #fff;
    cursor: pointer;
    margin-top: -4px;
}

.time-text i {
    color: #fff;
}

.icon-play {
    fill: #fff;
}

#related-slider {
    display: flex !important;
}

input[type='range']::-webkit-slider-runnable-track {
    background-color: #fff;
}

input[type='range']::-webkit-slider-thumb {
    background: #fff;
    margin-top: -5px;
}

.row-voice {
    width: 100%;
}

.reading-box {
    width: 94%;
}

.main-voice {
    display: flex;
    justify-content: center;
}

.single-main ul, .single-main ol {
    margin: 10px;
    padding-right: 10px;
}

.single-main p {
    margin: 5px 0px;
}

.single-main h2, .single-main h3, .single-main h4, .single-main h5, .single-main h6 {
    margin: 15px 0px;
}

.single-main img {
    width: 97%;
    margin-top: 20px;
}

/*
======================
 Ajax Search
======================	 
*/
.main-search {
    justify-content: center;
    display: flex;
    transition: all .5s;

}

.search_bar {
    position: absolute;
    z-index: 3;
    transition: all .5s;

}

#keyword:focus .main-search {
    display: flex !important;
}

.search_el .search_result {
    width: 100%;
}

.search_el .search_bar {
    width: 100%;
}

.search_result {
    display: none;
    width: 550px;
    overflow: hidden;
    transition: all .3s;
    background: #fff;
    margin-top: 8px;
    position: relative;
    border-radius: 7px;
}

.search_result::-webkit-scrollbar {
    /* width:8px; */
    background-color: transparent;
    /* رنگ پس‌زمینه اسکرول‌بار */
}

/* این بخش استایل برای دکمه‌ی اسکرول استفاده می‌شود */
.search_result::-webkit-scrollbar-thumb {
    /* رنگ دکمه‌ی اسکرول */
    /* border-radius:2.5px; */
}

.search_result ul {
    transition: all .5s;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.search_result ul li {
    padding-bottom: 13px;
    padding-top: 10px;
    display: flex;
    border-bottom: 1px solid;
    border-bottom-color: transparent;
    justify-content: space-between;
    align-items: center;
    transition: all .4s;
}

.search_result ul li:hover {
    background-color: #ccc;
    transition: all .4s;

}

.search_result img {
    border-radius: 5px !important;
    width: 106px;
    margin-left: 18px;
    height: 69px !important;

}

.search_result ul li span {
    color: #000000c6;
    text-decoration: none;
    padding-right: 25px;
}

.res-more {
    padding-top: 9px;
    padding-bottom: 12px;
    color: #1e2e3e;
    text-align: center;
}

.res-more a {
    color: #1e2e3e;
    font-size: 14px;
}

.no-more {
    padding: 10px;
}

.loading-wait {
    padding: 10px;
}

/*
======================
 Ajax Search
======================	 
*/

/*
======================
breadcrumb_turbo
======================	 
*/
.dark-body .breadcrumb_turbo {
    background-color: #212529;
}

.dark-body .breadcrumb_turbo a, .dark-body .separator {
    color: #a7a7b8;
}

.dark-body .breadcrumb_turbo a:hover {
    color: #fff !important;
}

.dark-body .icon-location-2 {
    color: #a7a7b8b0;
}

.breadcrumb_turbo {
    background: rgb(217, 217, 217, 40%);
    width: 100%;
    padding: 18px;
    border-radius: 7px;
    display: flex;
}

.breadcrumb_turbo a, .separator {
    text-decoration: none;
    color: #000000b9;
    padding: 6px;
    font-size: 14px;
    transition: all .4s;
}

.breadcrumb_turbo .current {
    color: #000000;
}

.icon-location-2 {
    color: #00000084;
    font-size: 16px;
    position: relative;
    top: 0px;
    padding: 0;
    margin: 0;
    margin-right: 5px;
}

.breadcrumb_container {
    margin-right: 10px;
}

/*
======================
breadcrumb_turbo
======================	 
*/


/*
======================
Menu widget
======================	 
*/
.menu-controller .center-menu {
    margin-left: 0px;
}

.menu-controller .center-menu {
    border-radius: 12px;
    margin-left: 0px;
    height: auto;
    width: 100%;
}

.menu-controller .nav-container .menu:first-child li {
    right: 31px;
    top: 0;
}

.menu-controller .sub-menu {
    margin-top: 20px;
}

.menu-controller {
    justify-content: right !important;
}

.menu-controller .MobileMenuContainer .bars-container {
    margin-top: 0px;
}

.dark-body .menu-controller .center-menu {
    background-color: #212529;
}

.menu-controller .MobileMenuContainer .close-btn {
    margin-top: 50px;
}

.menu-controller .menu {
    padding: 6px 0px;
    display: flex;
    align-items: center;
}

.menu-controller .nav-container {
    display: inline;
    position: inherit;
    height: auto;
    top: 30px;
    width: 100%;
}

/*
======================
Menu widget
======================

*/

/*
======================
HEADER
======================
*/

.box-2 {
    width: 100%;
    padding-bottom: 5px;
    height: 113px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 1;
    border-radius: 8px;
}

.header-box .form-search-box {
    padding-bottom: 0px;
    padding: 0px 75px;
    z-index: 2;

}

.header-box .logo {
    width: auto;
    align-items: center;
    justify-content: center !important;
    max-width: 148px;
    min-width: 148px;
    position: relative;
}

.header-box .header-logo {
    left: 0;
    top: 0;
}

.header-box .search-box input {
    padding-right: 39px;
    width: 590px;
    height: 51px;
    font-size: 16px;
    background-color: rgba(217, 217, 217, 40%);
}

.header-box .header-search-icon {
    z-index: 2;
    position: absolute;
    right: 6px;
    top: 16px;
    width: 19px;
    height: 19px;
}

.header-box .header-search-icon path {
    stroke: rgba(0, 0, 0, 44%);
}

.header-box .input_search::placeholder {
    position: relative;
    right: 0px;
    color: rgba(0, 0, 0, 39%);
    font-size: 15px;
    top: -1px;
}

.dark-body .header-box .input_search::placeholder {
    color: #a7a7b8;
}

.dark-body .header-box .input_search {
    color: #a7a7b8;
}

.dark-body .header-box .header-search-icon path {
    stroke: #a7a7b8;
}

.header-box .search-box {
    margin-top: 0px;
}

.header-box-container {
    display: flex;
}

.header-box .switch {
    background-color: rgba(217, 217, 217, 43%);
}

.header-box .all-container {
    position: initial;
    top: 0px;
}


.header-box .switch {
    position: relative;
    display: block;
    width: 82px;
    height: 33px;
    background: rgb(217, 217, 217, 43%);
    border-radius: 4.5px;
    cursor: pointer;
    left: 18px;
    transition: all .3s ease-in-out;
}

.header-box .switch::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 28px;
    left: 2.2px;
    top: 2px;
    background: #fff;
    transition: all 0.3s ease;
    z-index: 9999;
    border-radius: 3px;
    will-change: left;
}

.header-box .moon::after {
    font-size: 18px !important;
    position: relative;
    top: -1px;
    right: 1px;
    color: rgba(0, 0, 0, 50%);
    font-family: 'fontello';
    display: inline-block;
    transform: rotate(28deg);
}

.header-box .all-container .input-switch:checked+.switch::after {
    left: 98px;
}

.header-box .sun::after {
    font-size: 18px !important;
    position: relative;
    top: -1px;
    left: 10px;
    color: #a7a7b8;
    font-family: 'fontello';
    display: inline-block;
    transform: rotate(28deg);
}

.under-menu {
    width: 90%;
    height: 70px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.dark-body .header-box .search-box input {
    background-color: #000;
}

.dark-body .header-box .header-search-icon path {
    background-color: #a7a7b8;
}

.under-menu .menu {
    display: flex;
    justify-content: center;
    position: relative;
    right: -31px;
}

.under-menu .menu li a {
    font-family: var(--Font-Normal);
}

.dark-body .under-menu, .dark-body .menu-controller .center-menu {
    background-color: #1b1f23;

}

.dark-body .under-menu .menu li a {
    color: #a7a7b8;
}

.dark-body .under-menu .nav-container .menu .menu-item-has-children::after {
    color: #a7a7b8;

}

.dark-body .header-box {
    background-color: #212529;
}

/*
======================
HEADER
======================
*/

/*
======================
Third card
======================
*/

.third-card {
    margin: 16px;
    width: 342px;
    border-radius: 7px;
    height: 325px;
    background-color: #fff;
    box-shadow: 0px 0px 40px -25px #707070;

}

.three_cc .third-card {
    margin: 0px;
    width: 100%;
}

.third-card img {
    border-top-right-radius: 7px !important;
    border-top-left-radius: 7px !important;
    height: 250px !important;
    object-fit: cover !important;
    width: 100%;
}

.third-card h2 {
    font-family: var(--Font-Semi-Bold);
    color: #000000d1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-top: 11px;
    text-align: right;
    padding-right: 13px;
    padding-left: 17px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrap-third {
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
}

.write-time {
    padding-right: 12px;
    font-size: 13px;
    color: #000000f7;
    margin-top: 11px;
}

.dark-body .third-card {
    background-color: #212529;
}

.dark-body .write-time {
    color: #a7a7b8;
}

.dark-body .third-card h2 {
    color: #a7a7b8;
}

/*
======================
Third card
======================
*/

/*
======================
Forth card
======================
*/

.Forth-card-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.forth-card {
    width: 341px;
    height: auto;
    background-color: #fff;
    margin: 14px;
    border-radius: 8px;
    box-shadow: 0px 0px 40px -25px #707070;

}

.four_cc .forth-card {
    margin: 0px;
    width: 100%;
}

.forth-card img {
    width: 93% !important;
    height: 250px !important;
    margin-top: 4.5px;
    border-radius: 8px !important;
    object-fit: cover;
    transition: all .5s;
    box-shadow: 0px 0px 40px -25px #707070;

}

.forth-card img:hover {
    transform: scale(1.02);
}

.fifth-title {
    transition: all .5s;
}

.six-card-container h2 {
    transition: all .5s;
}

.forth-card-title {
    line-height: 25px;
    margin-top: 7px;
    padding: 0px 15px;
    font-family: var(--Font-Semi-Bold);
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #212121;
}

.forth-des {
    width: 100%;
    padding-bottom: 10px;
}

.forth-des p {
    color: #52647cc2;
    font-family: var(--Font-Light);
    line-height: 22px;
    padding: 0 17px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;

}

.dark-body .forth-card {
    background-color: #212529;
}

.dark-body .forth-card-title {
    color: #a7a7b8;
}

.dark-body .forth-des p {
    color: #ffffff6b;
}

.dark-body h1, .dark-body h2, .dark-body h3, .dark-body h4, .dark-body h5, .dark-body h6,
.dark-body p, .dark-body span, .dark-body i, .dark-body pre, .dark-body div, .dark-body li, .dark-body ul,
.dark-body ol, .dark-body em, .dark-body .elementor-accordion-title {
    color: #a7a7a7 !important;
}


.dark-body .elementor-2957 .elementor-element.elementor-element-9342852>.elementor-widget-container {
    background-color: #212529;
}

.dark-body .ibox .elementor-widget-container {
    background-color: #212529 !important;
}

.dark-body .ibox .elementor-widget-container .elementor-icon {
    background-color: #000 !important;
}

.ism-container i {
    color: #fff !important;
}

/*
======================
Forth card
======================
*/

/*
======================
Modern Slider
======================
*/

.post-silder-container {
    display: flex;
    align-items: center;
    width: 98%;
    height: 340px;
    background: transparent;
    border-radius: 10px;
    position: relative;
    right: 6px;

}

.post-img-holder {
    width: 100%;
}

.post-img-holder img {
    object-fit: cover;
    background-position: center;
    background-size: cover;
    border-radius: 10px !important;

}

.ps-img {
    display: flex;
    justify-content: right;
    width: 540px;
    height: 330px;

}

.modern-title {
    font-family: var(--Font-Semi-Bold);
    color: #000000c9;
    position: relative;
    right: 25px;
    width: 100%;

}

.modern-des {
    font-size: 16px;
    line-height: 30px;
    font-family: var(--Font-Light);
    color: #000;
    margin-top: 0px;
    padding-top: 20px;
    width: 93%;
    margin: 0 auto;
    position: relative;
    right: 20px;

}

.dark-body .modern-des {
    color: #ffffff6b;
}

.dark-body .modern-title {
    color: #a7a7b8;
}

/*
======================
Modern Slider
======================
*/
/*
======================
Third Menu
======================
*/


.Simple-menu .all-container {
    position: relative;
    left: 0px;
}

.s-key {
    position: absolute;
    left: 0;
    margin-top: 1px;
}

.Simple-menu .logo {
    position: relative;
    right: 15px;
}

.s-box {
    width: 43px;
    height: 37px;
    background-color: rgb(194 183 202 / 43%);
    border-radius: 6px;
    position: absolute;
    left: 155px;
    cursor: pointer;
    transition: all .6s;
    transition-delay: all .6s;
}

.s-box:hover {
    background-color: rgb(194 183 202 / 79%);
}

.Simple-menu .header2-search-icon {
    width: 22px;
    height: 22px;
    position: relative;
    top: -1px;
    right: .5px;
}

.Simple-menu .switch {
    background-color: rgb(194 183 202 / 43%);
}

.header2-search-icon path {
    stroke: rgba(0, 0, 0, 100%);
}

.search-s {
    display: none;
    z-index: 15 !important;
    position: relative;
}

/*
======================
Third Menu
======================
*/


/*
======================
Category Box
======================
*/

.catslider-container {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
}

.catslider {
    width: 100%;
    height: 340px;
    border-radius: 20px;
    background-image: url("./assets/images/empty.jpg");
    background-position: center;
    background-size: cover;
    object-fit: cover;
    position: relative;
    margin: 5px;
}

.catslider p {
    position: absolute;
    width: 150px;
    height: 100px;
    font-size: 27px;
    font-family: var(--Font-Semi-Bold);
    bottom: 60px;
    left: 30px;
    color: #000;
    text-align: right;
    ;
}

.button-cat {
    position: absolute;
    bottom: 30px;
    margin-right: 67px;

}

.button-cat svg path {
    transition: all .5s;
    fill: #0000008F;
}

.dark-body .button-cat a {
    background-color: #212529a1;
    color: #a7a7b8;
}

.dark-body .button-cat a:hover {
    background-color: #212529c7;
    color: #a7a7b8;
}

.dark-body .button-cat a:hover svg path {
    fill: #a7a7b8;
}

.dark-body .button-cat svg path {
    fill: #a7a7b8;
}

.button-cat a {
    background-color: #fff;
    color: #000;
    padding: 10px 40px;
    border-radius: 5px;
    text-align: center;
    transition: all .5s;
}

.button-cat svg {
    position: relative;
    left: 5px;
    width: 23px;
    height: 23px;

}

/*
======================
Category Box
======================
*/

/*
======================
Instagram Card
======================
*/
.instagram-card-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.instagram-card {
    width: 550px;
    height: auto;
    padding-bottom: 10px;
    background-color: #fff;
    border-radius: 7px;
    margin: 10px;
    position: relative;
    width: 100%;
    box-shadow: 0px 0px 40px -25px #707070;

}

.dark-body .instagram-card {
    background-color: #212529;
}

.dark-body .fifth-title {
    color: #a7a7b8;
}

.dark-body .instagram-card h3 {
    color: #a7a7b8;
}

.dark-body .under-title-fifth {
    color: #a7a7b8;
}

.dark-body .fifth-btn button {
    background-color: #171b20;
    color: #a7a7b8;
}

.dark-body .fifth-btn button:hover {
    background-color: #171b20;
    color: #fff;
}

.dark-body .instagram-card img {
    outline: 2px solid #a7a7b8;
}

.instagram-card img {
    width: 59px;
    height: 53px !important;
    border-radius: 30px !important;
    outline: 2px solid #833AB4;
    outline-offset: 3px;
}

.fifth-img {
    display: flex;
    justify-content: right;
    align-items: center;
    margin: 32px 20px;
    background-position: center;
    background-size: cover;
    object-fit: cover;
}

.fifth-btn button {
    background-color: #0053ffdb;
    color: #fff;
    border-radius: 5px;
    padding: 5px 30px;
    border: none;
    transition: all .5s;
    margin-top: 6px;

}

.fifth-img a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.fifth-title {
    color: #171212df;
    font-size: 15px;
    font-family: var(--Font-Semi-Bold);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    text-align: right;
    margin-right: 19px;
    margin-top: 7px;
    overflow: hidden;
    padding-left: 7px;
    width: 90%;
}

.instagram-card h3 {
    text-align: right;
    padding: 14px 25px;
    font-size: 21px;
    font-family: var(--Font-Semi-Bold);
}

.instagram-card p {
    text-align: right;
    padding: 0px 1px;
    line-height: 28px;
    font-size: 15px;
    font-family: var(--Font-Light);
    padding-bottom: 10px;
}

.under-title-fifth {
    text-align: right;
    padding: 0px 25px !important;
    font-size: 15px;
    font-family: var(--Font-Light);
    padding-bottom: 10px;
}

.fifth-img a:nth-child(2) {
    width: 82%;
}

.fifth-img a:nth-child(3) {
    position: absolute;
    left: 25px;
}

/*
======================
Instagram Card
======================
*/
/*
======================
MODERN SLIDER
======================
*/
.LayoutController-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.slider-posts {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow-slider {
    border-radius: 10px !important;
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: center;
    object-fit: cover;
    display: flex;
    justify-content: center;
}

.seven-card-container h2 {
    transition: all .5s;
}

.nextto-text {
    position: absolute;
    left: 0;

}

.single-second-card .blog-title {
    transition: all .5s;
    cursor: pointer;
}

.single-second-card .blog-title:hover {}

.background-image .bars1, .background-image .bars2, .background-image .bars3 {
    background-color: #fff;
}

.bars1, .bars2, .bars3 {
    background-color: #00000094;
}

.dark-body .bars1, .dark-body .bars2, .dark-body .bars3 {
    background-color: #a7a7a7;
}

.six-img img, .seven-img img {
    transition: all .5s;
}

.seven-img img:hover {
    transform: scale(1.01);
}

.six-img img:hover {
    transform: scale(1.02);
}

.bottom-texts-container {
    padding: 11px;
    position: absolute;
    width: 98.5%;
    height: 111px;
    bottom: 4.5px;
    background-color: rgba(255, 255, 255, 75%);
    border-radius: 10px !important;
    justify-content: right;
}

.bottom-texts {
    position: relative;
    color: #000;
    font-family: var(--Font-Semi-Bold);
}

.descipt {
    color: rgb(0 0 0 / 94%);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.owl-dots {
    border-radius: 10px;
    padding-right: 12px;
}

.LayoutController-slider .owl-dots {
    display: flex !important;
    justify-content: center !important;
    margin-left: 34px !important;
    margin-top: -52px !important;
    z-index: 99999 !important;
    position: relative;
}

.LayoutController-slider .owl-dots .owl-dot span {
    display: block !important;
    height: 10px;
    margin: 7px;
    width: 10PX !important;
    background-color: rgba(255, 255, 255, 50%) !important;
    border-radius: 30px !important;
    margin-top: 27px !important;
    margin-right: 0px !important;
}

.LayoutController-slider .owl-dots .active span {
    width: 27px !important;
    background-color: #fff !important;
}

.LayoutController-slider .owl-nav {
    position: relative;
    top: -245px;
    display: flex;
    justify-content: space-between;
    font-size: 27px;
    color: #00000084;
}

.LayoutController-slider .owl-next span {
    background: #ffffffcc;
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 48px;
    height: 44px;
    border-radius: 7px;
}

.LayoutController-slider .owl-prev span {
    background: #ffffffcc;
    display: inline-block;
    position: absolute;
    right: 8px;
    width: 48px;
    height: 44px;
    border-radius: 7px;
}

.nextto-text svg {
    position: absolute;
    top: -92px;
    height: max-content;

}

.nextto-text p {
    font-family: 'Rokh-Semi-Bold';
    font-size: 40px;
    position: relative;
    width: 217px;
    right: 106px;
}

.dark-body .bottom-texts-container {
    background-color: #000000ba;

}

.dark-body .bottom-texts {
    color: #fff;
}

.dark-body .descipt {
    color: #a7a7b8;
}

.dark-body .LayoutController-slider .owl-prev span, .dark-body .LayoutController-slider .owl-next span {
    background-color: #212529;
}

.dark-body .LayoutController-slider .owl-nav {
    color: #a7a7b8;
}

/*
======================
MODERN SLIDER
======================
*/


/*
======================
Six Card
======================
*/

.six-card-container, .six-img img, .inner-card {
    border-radius: 10px !important;
}

.six-card-container {
    width: 310px;
    height: auto;
    background-color: #fff;
    box-shadow: 0px 0px 40px -25px #707070;
    margin: 8px;
}

.fifth_cc .six-card-container {
    width: 100%;
    margin: 0px;
}

.six-img img {
    width: 95% !important;
    height: 203px !important;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    margin-top: 6px;
}

.inner-card {
    width: 95%;
    height: 72px;
    background-color: #F5F5F5;
    position: relative;
}

.six-card-container h2 {
color: #3E3232;
padding: 12px;
padding-bottom: 0px;
font-size: 16px;
text-align: right;
font-family: var(--Font-Semi-Bold);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}

.des-six {
    font-family: var(--Font-Light);
    font-size: 14px;
    color: rgba(62, 50, 50, 75%);
    padding-right: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 92%;
    margin-top: 8px;
}

.inner-card-container {
    display: flex;
    justify-content: center;
    margin-top: 19px;
    padding-bottom: 6px;
}



.writed {
    text-align: left;
    padding: 9px 18px;
    font-family: var(--Font-Semi-Bold);
    font-size: 14px;

}

.writed_in {
    text-align: left;
    position: relative;
    top: -7px;
    left: 22px;
    font-size: 13px;
    font-family: var(--Font-Light);
}

.open-card {
    width: 29px;
    height: 26px;
    background-color: rgba(2, 7, 11, 43%);
    position: absolute;
    top: 25px;
    right: 10px;
    border-radius: 5px;
}

.open-card svg {
    position: relative;
    right: 2px
}

.dark-body .six-card-container {
    background-color: #212529;
}

.dark-body .six-card-container h2 {
    color: #fff;
}

.dark-body .inner-card {
    background-color: #171b20;
}

.dark-body .des-six {
    color: #a7a7b8;
}

.dark-body .writed {
    color: #fff;
}

.dark-body .writed_in {
    color: #a7a7b8;
}

/*
======================
Six Card
======================
*/


/*
======================
Seven Card
======================
*/
.inner-card-container-seven {
    display: flex;
    justify-content: center;
    margin-top: 19px;
    padding-bottom: 8px;
}

.inner-card-seven {
    width: 95%;
    height: 48px;
    background-color: #F5F5F5;
    position: relative;
    display: flex;
    justify-content: left;
    align-items: center;
    direction: rtl;
}

.seven-card-container {
    width: 310px;
    height: auto;
    background-color: #fff;
    box-shadow: 0px 0px 40px -25px #707070;
    margin: 8px;
}

.seven_cc .seven-card-container {
    width: 100%;
    margin: 0px;
}

.seven-img img {
    width: 95% !important;
    height: 203px !important;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    margin-top: 4.5px;

}

.seven-card-container, .seven-img img, .inner-card-seven {
    border-radius: 10px !important;
}

.seven-card-container h2 {
    color: #3E3232;
    padding: 12px;
    padding-top: 12px;
    padding-bottom: 9px;
    font-size: 16px;
    height: 32px;
    text-align: right;
    font-family: var(--Font-Semi-Bold);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.go-six {
    position: absolute;
    right: 0;
    bottom: 6px;
}

.seven-margin {
    display: inline;
    margin: 20px;
}

.seven-margin span {
    color: #000;
    position: relative;
    top: 0px;
    left: 3px;
}

.dark-body .seven-margin span {
    color: #a7a7b8;
}

.dark-body .inner-card-seven svg path {
    fill: #a7a7b8;
}

.dark-body .seven-card-container {
    background-color: #212529;
}

.dark-body .seven-card-container h2 {
    color: #fff;
}

.dark-body .inner-card-seven {
    background-color: #171b20;
}

/*
======================
Seven Card
======================
*/


.menu-two {
    position: absolute;
    right: 30px;
}


/*
======================
Progress Bar
======================
*/

.progress-bar-container {
    width: 100%;
    background-color: #f2f2f2;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    transition: all .5s;
}

.progress-bar {
    height: 100%;
    background-color: #4caf50;
    width: 0;
    transition: all 0.5s ease;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

/*
======================
Progress Bar
======================
*/

/*
======================
Top-Btn
======================
*/

.scroll-to-top {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: rgb(217, 217, 217, 35%);
    color: white;
    width: 45px;
    height: 42px;
    border-radius: 6px;
    font-size: 20px;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0px 0px 40px -25px #707070;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;

}

.scroll-to-top svg path {
    fill: #000;
}

.scroll-to-top:hover {
    background-color: #fff;
}

.scroll-to-top:hover svg path {
    fill: #000;
}

.dark-body .scroll-to-top {
    background-color: #212529;

}

.dark-body .scroll-to-top svg path {
    fill: #fff;
}

.dark-body .scroll-to-top:hover {
    background-color: #1B1C20;
}

.dark-body .scroll-to-top:hover svg path {
    fill: #fff;
}

/*
======================
Top-Btn
======================
*/
/*
======================
Full-Screen
======================
*/
#fullscreen-btn {
    justify-content: center;
    display: flex;
    width: 85%;
    align-items: center;
    background-color: #007bff;
    border-radius: 14px;
    color: #fff;
    height: 100%;
    padding: 14px;
    cursor: pointer;
    position: relative;
    transition: all .5s;

}

.dark-body .full-box svg path {
    fill: #a7a7b8;
}

.dark-body #fullscreen-btn {
    background-color: #000;
    color: #fff !important;
}

.dark-body #fullscreen-btn:hover {
    background-color: #1B1C20;
    color: #fff !important;
}

.full-box {
    position: relative;

}

.full-icon-container {
    width: 35px;
    height: 35px;
    border-radius: 7px;
    position: absolute;
    right: 8px;
    background-color: rgb(217, 217, 217, 20%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.full-icon-container svg path {
    fill: #fff;
}

.dark-body .full-icon-container {
    background-color: #212529;
}

.dark-body #fullscreen-btn svg path {
    fill: #a7a7b8;
}

.LayoutController-slider .owl-carousel.owl-drag .owl-item {
    display: block !important;
}

/*
======================
Full-Screen
======================
*/

.icat-container {
    display: flex;
    align-items: baseline;
    position: relative;
    justify-content: left;
    top: 95px;
    left: 119px;
}

.icat-container i {
    color: #fff !important;
    font-size: 40px;
}

/*
======================
Carosul
======================
*/


/*
======================
Carosul
======================
*/


/*
======================
write title 2
======================
*/

.Last_Controller {
    justify-content: right !important;
}

.four_cc, .two_cc, .one_cc, .three_cc, .seven_cc, .fifth_cc {
    background: #eeeff1;
    padding: 5px 10px;
    border-radius: 5px;
    position: relative;
    z-index: 0;
}

.dark-body .four_cc, .dark-body .two_cc, .dark-body .one_cc, .dark-body .three_cc, .dark-body .seven_cc, .dark-body .fifth_cc {
    background: #171b20;
    padding: 5px 10px;
    border-radius: 5px;

}

.write-container2 {
    display: inline-block;
    margin-right: 10px;
}

.writed2 {
    font-family: var(--Font-Semi-Bold);
    font-size: 16px;
    text-align: right;
}

.dark-body .writed2 {
    color: #ffffffb0;
}

.dark-body .under_score {
    background-color: #47424263;
}

.under_score {
    width: 104%;
    position: relative;

}

/*
======================
write title 2
======================
*/


/*
======================
nav carusel 2
======================
*/
.four_cc .owl-nav, .two_cc .owl-nav, .one_cc .owl-nav, .three_cc .owl-nav, .seven_cc .owl-nav, .fifth_cc .owl-nav {
    position: relative;
    bottom: 55%;
    display: flex;
    z-index: 3;
    justify-content: space-between;
}

.four_cc .owl-prev span, .two_cc .owl-prev span, .one_cc .owl-prev span, .three_cc .owl-prev span, .seven_cc .owl-prev span, .fifth_cc .owl-prev span {
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e0e0e0;
    padding: 4px;
    width: 50px;
    height: 50px;
    border-radius: 7px;
    box-shadow: 0px 0px 40px -25px #707070;

}

.four_cc .owl-next span, .two_cc .owl-next span, .one_cc .owl-next span, .three_cc .owl-next span, .seven_cc .owl-next span, .fifth_cc .owl-next span {
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e0e0e0;
    padding: 4px;
    width: 50px;
    height: 50px;
    border-radius: 7px;
    box-shadow: 0px 0px 40px -25px #707070;

}

.four_cc .owl-prev span, .two_cc .owl-prev span, .one_cc .owl-prev span, .three_cc .owl-prev span, .seven_cc .owl-prev span, .fifth_cc .owl-prev span {
    position: absolute;
    right: -20px;
}

.four_cc .owl-next span, .two_cc .owl-next span, .one_cc .owl-next span, .three_cc .owl-next span, .seven_cc .owl-next span, .fifth_cc .owl-next span {
    position: absolute;
    left: -20px;
}

.dark-body .four_cc .owl-next span, .dark-body .two_cc .owl-next span, .dark-body .one_cc .owl-next span, .dark-body .three_cc .owl-next span, .dark-body .seven_cc .owl-next span, .dark-body .fifth_cc .owl-next span {
    background-color: #212529;
}

.dark-body .four_cc .owl-prev span, .dark-body .two_cc .owl-prev span, .dark-body .one_cc .owl-prev span, .dark-body .three_cc .owl-prev span, .dark-body .seven_cc .owl-prev span, .dark-body .fifth_cc .owl-prev span {
    background-color: #212529;
}

.cc-arrow svg path {
    fill: #00000085;
}

.dark-body .cc-arrow svg path {
    fill: #a7a7a7;
}

/*
======================
nav carusel 2
======================
*/
.ic_class i {
    display: none;
}

.elementor-accordion-item .elementor-tab-title {
    border-radius: 5px;
}

.dark-body .elementor-accordion-item .elementor-tab-title {
    background-color: #000 !important;
    border-color: #000
}

.dark-body .elementor-3257 .elementor-element.elementor-element-fbb064d .elementor-accordion-item {
    border-color: #212529;
}

.dark-body .elementor-3257 .elementor-element.elementor-element-fbb064d .elementor-tab-title {
    background-color: #000;
}

.dark-body .elementor-accordion .elementor-accordion-item {
    background-color: #000;
    border-color: #212529 !important;
}

.rtl #wpadminbar * {
    font-family: "Kalameh";
}

#wpadminbar * {
    font-family: "Kalameh";
}

/*
======================
AuthorBox
======================
*/

.into_author{
    display: flex;
    justify-self: center;
    align-items: center;
}
.author-box-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.author_button{
    padding: 9px 40px;
    border: none;
    outline: none;
    border-radius: 5px;
    background: #c6d2dd64;
    color: #212529;
    margin-left: 20px;
    transition: all .4s;
}
.single-author{
    padding: 7px;
    background-color: #fff;
    border-radius: 7px;
}
.author-text{
    margin-right: 15px;
}
.into_author img{
    width: 83px;
    border-radius: 50% !important;
}
.into_author p ,.into_author a{
    font-family: var(--Font-Normal);
    font-weight: 500;
    line-height: 4px;
    padding-top: 6.5px;
    color: #212529;

}
.dark-body .single-author{
    background: #212529;
}
.dark-body .author_button{
    background-color: #171b20;
    color: #a7a7a7;
}
.dark-body .into_author p,.dark-body .into_author a{
    color: #a7a7a7;
}
.dark-body .author_button:hover {
    background-color: #2653b6;
    color: #fff;
}

/*
======================
AuthorBox
======================
*/