/*
Theme Name: تکنوتریک
Theme URI:http://mizwp.com
Description: design with bootstrp and wordpress (love)
Version: 2.0.0
Author: saeedjoshani
Author URI:http://saeedjoshani.ir
*/

/*add rest css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
    margin: 0;
    padding: 0
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: 0;
    box-sizing: border-box;
}

:root {
    --e-global-color-primary: #03a9f4;
    --tt-secondcolor: #29b6f6;
    --tt-thirdcolor: #4fc3f7;
    --tt-fourcolor: #81d4fa;
    --tt-mainfont: iranyekan !important;
    --tt-fontfanum: IRANYekannum !important;
    --tt-pcolor: #222222 !important;
    --tt-h1color: #222222 !important;
    --tt-h2color: #222222 !important;
    --tt-h3color: #222222 !important;
    --tt-h2color: #222222 !important;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: static;
    overflow: -moz-scrollbars-vertical;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: right;
    direction: rtl;
    padding: 0;
    margin: 0
}

h1 {
    color: var(--tt-h1color) !important;
}

h2 {
    color: var(--tt-h2color) !important;
}

h3,
h3 a {
    color: var(--tt-h3color) !important;
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.shadow {
    -webkit-box-shadow: 0 5px 30px rgba(70, 72, 77, .08) !important;
    box-shadow: 0 5px 30px rgba(70, 72, 77, .08) !important;
}

a {
    text-decoration: none !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #555;
}

a:hover {
    color: var(--e-global-color-primary);
}

nav,
ul,
ol li,
li {
    list-style: none;
    margin: 0;
    padding: 0
}

::selection {
    background: var(--e-global-color-primary);
    color: #fff;
}

::-moz-selection {
    background: var(--e-global-color-primary);
    color: #fff
}

select {
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 4px 10px;
    border: 1px solid #eee;
    cursor: pointer;
    border-radius: 0;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

label {
    font-weight: normal !important;
}

p {
    margin: 15px 0 !important;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

img {
    max-width: 100%;
}

.no-shadow {
    box-shadow: 0 0 0 !important;
}

/*   ADD ANIMATION STYLE   */
@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

/*add fonts to site */

@font-face {
					font-family: "IRANYekan";
					font-style: normal;
					font-weight: 500;
					font-display:block;
					src: url("assets/fonts/IRYekan-medium.eot");
					src: url("assets/fonts/IRYekan-medium.eot?#iefix") format("embedded-opentype"),
					url("assets/fonts/IRYekan-medium.woff") format("woff"),
					url("assets/fonts/IRYekan-medium.ttf") format("truetype");
				}

				@font-face {
					font-family: "IRANYekan";
					font-style: normal;
					font-weight: normal;
					font-display:block;
					src: url("assets/fonts/IRYekan-regular.eot");
					src: url("assets/fonts/IRYekan-regular.eot?#iefix") format("embedded-opentype"),
					url("assets/fonts/IRYekan-regular.woff") format("woff"),
					url("assets/fonts/IRYekan-regular.ttf") format("truetype");
				}
							@font-face {
					font-family: "IRANYekannum";
					font-style: normal;
					font-weight: 500;
					font-display:block;
					src: url("assets/fonts/IRYekan-medium-fanum.eot");
					src: url("assets/fonts/IRYekan-medium-fanum.eot?#iefix") format("embedded-opentype"),
					url("assets/fonts/IRYekan-medium-fanum.woff") format("woff"),
					url("assets/fonts/IRYekan-medium-fanum.ttf") format("truetype");
				}
				@font-face {
					font-family: "IRANYekannum";
					font-style: normal;
					font-weight: normal;
					font-display:block;
					src: url("assets/fonts/IRYekan-regular-fanum.eot");
					src: url("assets/fonts/IRYekan-regular-fanum.eot?#iefix") format("embedded-opentype"),
					url("assets/fonts/IRYekan-regular-fanum.woff") format("woff"),
					url("assets/fonts/IRYekan-regular-fanum.ttf") format("truetype");
				}

/*   STRT STLYE    */

body {
    direction: rtl;
    font: 13px iranyekan !important;
    text-align: right;
    color: #555;
    margin: 0;
    padding: 0;
    background-color:  #f5f6fa;
    overflow-x: hidden !important;
}
.textlogo{
    font-size: 20px;
    font-weight: 700;
    margin: 10px;
}
.elementor-widget-title {
    position: relative;
    background: #fff;
    padding: 15px;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 3%);
}

.elementor-widget-title h3 , .elementor-widget-title span{
    position: relative;
    display: inline-block !important;
    padding-right: 40px !important;
}

.elementor-widget-title span:before {
    position: absolute;
    right: 7px;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: var(--e-global-color-primary);
    opacity: .7;
    top: -2px;
}

.elementor-widget-title span:after {
    position: absolute;
    right: 3px;
    top: 4px;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: var(--e-global-color-primary);
    opacity: .1;
}

.elementor-widget-title p {
    margin: 3px 0 5px 0 !important;
    padding-right: 40px !important;
    color: #9c9c9c;
}

.elementor-widget-title .link {
    position: absolute;
    background: var(--e-global-color-primary) !important;
    padding: 4px 7px;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    margin: 0;
    left: 22px;
    top: 10px;
}

.elementor-widget-title .link i {
    float: right;
    margin-top: 3px;
    margin-left: 5px;
}

.box {
    background: #eeee;
    padding: 15px;
    border-radius: 5px;
}

.box i {
    float: right;
    font-size: 23px;
}

.box h3,
.box h4 {
    margin-right: 20px;
    display: block;
    position: relative;
    padding-right: 20px;
}

.search-technotrick {
    position: relative;
}

.search-technotrick button {
    position: absolute;
    top: 5px;
    left: 8px;
    border: none;
    font-size: 20px;
    background: var(--e-global-color-primary);
    color: #fff;
    border-radius: 7px;
    height: 50px;
    width: 50px;
}

/*amazing slider*/
.amazing-slider {
    user-select: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) !important;
    background-color: #fff;
    border-radius: 10px !important;
    margin: 20px 0;
    position: relative;
    overflow: hidden;

}

.amazing-slider:before {
    content: " ";
    width: 150px;
    height: 150px;
    background: var(--e-global-color-primary);
    opacity: .3;
    display: block;
    position: absolute;
    top: -101px;
    right: -36px;
    border-radius: 5px;
    transform: rotate(30deg);
}

#amazing-slider .item-amazing {
    max-width: 100%;
    height: auto;
    max-height: 250px;
    margin: 50px 0;
}

#amazing-slider .item-amazing .text {
    position: absolute;
    top: 0;
    left: 19px;
    background: #eee;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 700;
}

#amazing-slider .item-amazing img {
    height: 200px;
    width: 200px;
    border-radius: 5px !important;
}

#amazing-slider .item-amazing h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5rem;
    margin-right: 33px;
    display: block;
    width: 100%;
    margin-top: 15px;
}

#amazing-slider .item-amazing h3 i {
    color: #ffc107;
    display: block;
    float: right;
    margin: 2px 5px 1px 6px;
}

#amazing-slider .item-amazing .price {
    margin: 25px;
    display: block;
    float: none;
    text-align: center;
}

#amazing-slider .item-amazing .price .aval {

    color: #f44336;
    display: inline-block;
    margin: 25px 5px;
    text-align: center;
    font-size: 24px;
    font-family: IRANYekannum;
    font-weight: bold;
}

#amazing-slider .item-amazing .price .akhar {
    color: #388e3c;
    display: inline-block;
    margin: 25px 5px;
    text-align: center;
    font-size: 24px;
    font-family: IRANYekannum;
    font-weight: bold;
}

#amazing-slider .item-amazing .sp-btn {
    border: 3px solid;
    border-color: var(--e-global-color-primary);
    padding: 12px;
    border-radius: 3px;
    color: var(--e-global-color-primary);
    margin: 15px 0;
    display: inline-block;
}

#amazing-slider .item-amazing .sp-btn:hover {
    background: var(--e-global-color-primary);
    color: #fff;
}

.amazing-slider .owl-dots {
    margin: 20px 0;
    display: block;
    position: relative;

}

.amazing-slider .owl-dots:before {
    content: " ";
    width: 150px;
    height: 150px;
    background: var(--e-global-color-primary);
    opacity: .3;
    display: block;
    position: absolute;
    bottom: -241px;
    left: -75px;
    border-radius: 15px;
    transform: rotate(30deg);
}

#carousel-custom-dots .owl-dot {
    padding: 15px;
    background: #f4f5f9;
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    overflow: hidden;
    height: 50px;
    font-size: 15px;
    line-height: 19px;
    cursor: pointer;
    border-radius: 5px;
    border-right: 4px solid #f4f5f9;
    position: relative;
}

#carousel-custom-dots .owl-dot.active,
#carousel-custom-dots .owl-dot:hover {
    border-right: 4px solid;
    border-color: var(--e-global-color-primary);
}

.owl-theme .owl-dots .owl-dot span {
    width: 8px !important;
    height: 8px !important;
    margin: 5px 3px !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--e-global-color-primary);
    width: 8px;
    height: 8px;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 20px !important;
}

#amazing-slider .takhfif {
    position: absolute;
    top: 22px;
    background: var(--e-global-color-primary);
    color: #fff;
    width: 54px;
    height: 50px;
    padding: 4px;
    text-align: center;
    border-radius: 5px;
    font-family: 'IRANYekannum';
    right: 15px;
}

/*end amazing slider*/

.bg-element:after {
    position: absolute;
    background: #0b2e13;
    background-color: #0b2e13;
    opacity: .1;
    border-radius: 20px;
    content: '';
    top: -30px;
    transform: rotate(5deg);
    height: 250px;
    width: 450px;
    right: 0;
    left: -250px;
    z-index: 0;
    margin: 0 auto;
}

.bg-element:before {
    position: absolute;
    background: #0b2e13;
    background-color: #0b2e13;
    opacity: .1;
    border-radius: 20px;
    content: '';
    top: -30px;
    transform: rotate(-5deg);
    height: 250px;
    width: 450px;
    right: -250px;
    left: 0;
    z-index: 0;
    margin: 0 auto;
}

/*cover has parallax*/
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: auto !important;
    height: 100vh !important;
}

/* start header */
.main-header {
    background-color: #0f94e9;
    height: 60px;
    box-shadow: 0 10px 20px rgb(128 128 128 / 22%);
}

.index-menu ul {
    padding: 0;
    margin: 0;
}

.index-menu ul li {
    float: right;
    padding: 0 5px;
    position: relative;
    height: 60px;
    line-height: 57px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.index-menu ul li:hover {
    background: #21a0f1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.index-menu ul li a {
    color: #fff;
}

.index-menu ul li ul {
    position: absolute;
    width: 250px;
    background: #0f94e9;
    right: 0px;
    padding: 0;
    list-style: none;
    z-index: 99999999;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-top: none;
    top: 60px;
    overflow: hidden;
}

.index-menu ul li ul {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    pointer-events: none;
}

.index-menu ul li:hover ul {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: all;
}

.index-menu ul li ul li {
    line-height: 35px;
    text-align: right;
    font-size: .9em;
    padding: 0;
    margin: 0;
    float: right;
    font-weight: 400;
    width: 100%;
    height: 40px;
}

.index-menu ul li ul li a {
    color: #fff;
    padding-right: 10px;
}

.index-menu ul li ul li:hover a {
    padding-right: 15px;
}

/*   btn menu   */
.search-icon i {
    line-height: 60px;
    font-size: 20px;
    color: #FFF;
    border-right: 1px solid #0e8bdb;
    border-left: 1px solid #0e8bdb;
    padding: 0 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin: 0;
}

.search-icon i:hover {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: #21a0f1;
}

.btn-menu ul li {
    float: right;
    border-right: 1px solid #0e8bdb;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.btn-menu ul li:hover {
    background: #21a0f1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.btn-menu ul li:last-child {
    border-left: 1px solid #0e8bdb;
}

.btn-menu ul li a {
    line-height: 60px;
    padding: 0 20px;
}

.btn-menu ul li a i {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    transition: .3s;
}





/*start main slider*/
.main-slider {
    margin: 25px 0;
}
.main-slider .slide-1 {
    height: 250px;
}

.main-slider .slides {
    height: 250px;
    position: relative;
    overflow: hidden;
    margin-bottom: 4px;
    margin-right: 4px;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 15px;
}

.all-over-thumb-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
}

.thumb-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 30px;
    border-radius: 2px;
}

.grid-slider-wrapper .thumb-overlay,
.grid-slider-wrapper .thumb-content {
    padding: 20px 20px 15px;
}

.post-cat-wrap {
    position: relative;
    z-index: 3;
    pointer-events: auto;
    margin-bottom: 5px;
    font-weight: 400;
    font-family: inherit !important;
    line-height: 0;
    display: block;
}

.post-cat {
    display: inline-block;
    background: var(--e-global-color-primary);
    color: #fff;
    padding: 0 6px;
    font-size: 12px;
    line-height: 1.85em;
    margin-right: 4px;
    position: relative;
    white-space: nowrap;
    word-wrap: normal;
    letter-spacing: 0;
    transition: 0.3s;
    border-radius: 2px;
}


a.post-cat:hover {
    background: #006dcc;
    color: #fff;
}

.thumb-overlay .thumb-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 30px 20px;
    z-index: 3;
    width: 100%;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.thumb-overlay .thumb-content a {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}

.thumb-overlay .thumb-meta,
.thumb-overlay .thumb-title {
    margin: 10px 0;
}

.thumb-overlay .thumb-desc {
    color: #fff;
    max-height: 0;
    line-height: 18px;
    opacity: 0;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.main-slider .slides:hover .thumb-overlay .thumb-content , .gridpost1 .slides:hover .thumb-overlay .thumb-content {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    bottom: 30px;
}

.main-slider .slides:hover .thumb-overlay .thumb-content .thumb-desc , .gridpost1 .slides:hover .thumb-overlay .thumb-content {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1;
}

.thumb-overlay:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 65%;
    transition: opacity 0.2s;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .75));
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.main-slider .post-format-icon ,
.gridpost1 .post-format-icon{
    position: absolute;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.3);
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 25px;
    top: 25px;
    z-index: 1;
    padding-left: 2px;
    transition: 0.5s;
}

/* start grid post 1 */
.gridpost1 {
    margin: 25px 0;
}
.gridpost1 .slides {
    height: 100%;
    position: relative;
    margin-bottom: 4px;
    margin-right: 4px;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 15px;
    overflow: hidden;
}
.gridpost1 .slides .featured-image{
    display: flex;
    overflow: hidden;
    border-radius: 19px;
}
.gridpost1 .slide-2{
    height:207px;
}
.gridpost1 .slides img{
    transition: 0.5s;
}
.gridpost1 .slides:hover img{
    transform: scale(1.1);
}
/* bolg_posts_1 */
.bolg_posts_1 {
    margin: 25px 0;
}

.bolg_posts_1 .post-on-image {
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 10px;
}

.bolg_posts_1 .post-on-image .post-on-image-shadow {
    position: absolute;
    top: 40%;
    bottom: -100%;
    left: 0;
    right: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    height: 160%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 47, 63, 0)), color-stop(38%, #222f3f), to(#222f3f));
    background: linear-gradient(180deg, rgba(34, 47, 63, 0) 0, #222f3f 38%, #222f3f);
}

.post-on-image:hover .post-on-image-shadow {
    top: -60%;
    opacity: .9;
}

.bolg_posts_1 .post-on-image .post-path {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 15px;
    margin-right: 15px;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    background: rgba(0, 0, 0, .3);
    padding: 0 8px !important;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    transition: all .2s ease;
}

.bolg_posts_1 .post-on-image .post-path span {
    padding: 8px 0;
}

.post-on-image:hover .post-path {
    background: var(--e-global-color-primary);
}

.bolg_posts_1 .post-on-image .post-content {
    position: absolute;
    text-align: right;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 20px 0;
}

.bolg_posts_1 .post-on-image .post-content h2 {
    font-size: 18px;
    line-height: 1.8;
    color: #fff !important;
}

.bolg_posts_1 .post-on-image .post-description {
    color: #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    max-height: 0;
    overflow: hidden;
    margin-top: 10px;
    font-size: 13px;
    text-align: justify;
    margin-bottom: 19px;
    line-height: 1.5;
}

.post-on-image:hover .post-description {
    max-height: 150px;
}

.post-on-image:hover {
    cursor: pointer;
}

.bolg_posts_1 .post-on-image .post-thumb img {
    width: 100% !important;
}

.bolg_posts_1 .owl-nav .owl-prev {
    position: absolute;
    right: 0;
    top: 36%;
    background: var(--e-global-color-primary) !important;
    font-size: 20px !important;
    color: #fff !important;
    width: 25px;
    height: 25px;
    line-height: 0 !important;
}

.bolg_posts_1 .owl-nav .owl-next {
    position: absolute;
    left: 0;
    top: 36%;
    background: var(--e-global-color-primary) !important;
    font-size: 20px !important;
    color: #fff !important;
    width: 25px;
    height: 25px;
    line-height: 0 !important;
}

/*     blog post 3     */
.blog_posts_3 .item,
.blog_posts_3 .blog_post3 {
    border-radius: 25px;
    position: relative;
    overflow: hidden;
}

.blog_posts_3 .item:hover {
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}

.blog_posts_3 .item img {
    border-radius: 25px;
}

.blog_posts_3 .blog_post3 .information {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    padding: 10px;
}

.blog_posts_3 .blog_post3 .information .category {
    color: #fff;
    line-height: 1.5;
    display: block;
    font-weight: 400;
    padding-bottom: 10px;
}

.blog_posts_3 .blog_post3 .information .title {
    color: #fff;
    line-height: 1.5;
    display: block;
    font-weight: 500;
    font-size: 14px;
    padding-bottom: 10px;
}

.blog_posts_3 .blog_post3 .information .post_meta {
    color: #fff;
}

.blog_posts_3 .blog_post3 .information .post_meta i {
    margin-left: 5px;
}

/*blog posts 4*/

.blog_post_4 .img {
    border-radius: 25px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    width: 100%;
    height: auto;
    overflow: hidden;
}

.blog_post_4 .information .cat {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    color: #9faabc;
    padding: 10px;
    overflow: hidden;
    box-sizing: content-box;
}

.blog_post_4 .information .title {
    font-size: 14px;
    line-height: 1.5;
    color: #1e2225;
    padding: 0 10px;
    margin-bottom: 15px;
    overflow: hidden;
    box-sizing: content-box;
    font-weight: 400;
}

.blog_post_4 .data .view {
    float: right;
    font-size: 12px;
    font-weight: 700;
    color: #ef242a;
    font-family: IRANYekannum;
}

.blog_post_4 .data .date {
    float: left;
    font-size: 12px;
    font-family: IRANYekannum;
    color: #a4b0be;
}

.blogpost5 {
    ackground: transparent;
    transition: all 0.3s ease-in-out 0.01s;
    border-radius: 20px;
    overflow: hidden;
}


.blogpost5 article {
    height: 336px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out 0.2s;
}

.blogpost5 figure {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out 0.1s;
}

.blogpost5 figure img {
    min-width: 100%;
    max-width: none;
    height: auto;
    transition: all 0.3s ease-in-out 0.1s;
    max-height: 100%;
}

.blogpost5 .post-info {
    opacity: 0;
    visibility: hidden;
    box-shadow: inset -768px 0 0 0 rgb(15 148 233 / 80%);
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 350px;
    top: 0;
    right: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 0 25px;
    transition: all 0.3s ease-in-out 0.1s;
}

.blogpost5:hover .post-info {
    opacity: 1;
    visibility: visible;
}

.blogpost5 .post-info .title {
    font-size: 17px;
    font-weight: 700;
}

.blogpost5 .post-info .show-more a {
    color: #fff;
}

.blogpost5 .post-info .show-more i {
    color: #fff;
    font-size: 18px;
    margin-right: 7px;
    float: left;
    margin-top: 3px;
}

@media (max-width: 576px) {
    .blogpost5 {
        padding: 7px 15px;
    }

    .blogpost5 article {
        height: 150px;
        border-radius: 10px;
    }

    .blogpost5 .post-info .excerpt {
        display: none;
    }
}

@media (min-width: 992px) {
    .blogpost5:hover {
        transition: all 0.3s ease-in-out 0.01s;
        width: 380px;
        flex: 0 0 380px;
    }
}

.blogpost6{
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 4px 6px 31px rgba(0, 0, 0, 0.04), 0px -9px 33px rgba(255, 255, 255, 0.12);
    border-radius: 19px;
    align-items: center;
    position: relative;
}
.blogpost6 figure{
    width: 100%;
    height: 170px;
    position: relative;
    display: flex;
    overflow: hidden;
    border-radius: 19px;
    margin-bottom: 35px !important;
}
.blogpost6 figure a{
    position: absolute;
    bottom: 8px;
    right: 19px;
    color: #fff;
    background: #690aa0;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    padding: 1px 15px;
    border-radius: 7px;
    transition: 0.3s;
}
.blogpost6 figure img{
    height: 100%;
    object-fit: cover;
    width: 100% !important;
    transition: 0.5s;
}
.blogpost6:hover figure img{
    transform: scale(1.2);
}
.blogpost6 .title{
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: #222222;
    margin: 20px 0;
}
.blogpost6 .meta{
    border-top: 1px dashed #E4E6EF;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 2px;
    flex-wrap: wrap;
    row-gap: 10px;
}
.blogpost6 .meta i{
    margin-left: 6px;
}
.blogpost6 .post-format-icon , .post-format-icon {
    left: 15px;
    top: 15px;
    position: absolute;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.3);
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 25px;
    top: 25px;
    z-index: 1;
    padding-left: 2px;
    transition: 0.5s;
}

.blogpost6:hover .post-format-icon{
    left: calc(50% - 20px);
    right: unset !important;
    top: calc(50% - 20px);
}
/*start  page-numbers */


/*start wide post*/
.wide-post {
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 4px 6px 31px rgba(0, 0, 0, 0.04), 0px -9px 33px rgba(255, 255, 255, 0.12);
    border-radius: 19px;
    align-items: center;
    margin-bottom: 10px;
}
.wide-post .picture{
    position: relative;
    height: 180px;
    display: flex;
    overflow: hidden;
    border-radius: 19px;
}
.wide-post img {
    width: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 5px !important;
    box-shadow: 0 1.5px 4px rgb(128 128 128 / 24%), 0 1.5px 6px rgb(0 0 0 / 12%) !important;
    transition: 0.5s;
}
.wide-post:hover img{
    transform: scale(1.2);
}
.wide-post .title {
    margin: 20px 0;
}

.wide-post .title h3 {
    font-size: 16px;
    font-weight: 600;
}

.wide-post .title h3 a {
    color: #005eb9;
}

.wide-post .title h3 a:hover {
    color: var(--tt-secondcolor) !important;
}

.wide-post .information ul li {
    float: right;
    margin-left: 23px;
    font-size: 12px;
    color: #6a6a6a;
    list-style: none;
    font-family: IRANYekannum;
}

.wide-post .information ul li i {
    font-size: 13px;
    margin-left: 5px;
    position: relative;
    top: 1px;
    color: #6a6a6a;
}

.wide-post .excerpt {
    line-height: 2;
    font-size: 13px;
    margin-top: 10px;
    font-weight: 400;
    color: #878787;
}

.wide-post .excerpt p {
    color: #878787;
}

.wide-post .more {
    background: var(--e-global-color-primary);
    color: #fff;
    width: 100px;
    height: 30px;
    display: block;
    text-align: center;
    border-radius: 3px;
    float: left;
    line-height: 2;
    margin-bottom: 10px;
    margin-top: -10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.wide-post .more:hover {
    background: var(--tt-secondcolor);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.wide-post .post-format-icon {
    left: unset;
    right: 15px;
    top: 15px;
}
.wide-post:hover .post-format-icon {
    left: unset;
    right: calc(50% - 20px);
    top: calc(50% - 20px);
}
/*footer style*/
#footer {
    position: relative;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 40px 20px;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 3%);
    padding-bottom: 0;
}

.footer_widget {
    display: inline-block;
    margin-bottom: 25px;
}

.footer_widget .title h4 , .titletwo  h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 25px 0;
    line-height:normal;
    position: relative;
}
.footer_widget .title h4 span , .titletwo h4 span {
    padding-right: 38px;
    transition: all .3s ease-out;
}
.footer_widget .title h4:before , .titletwo h4:before {
    content: " ";
    width: 22px;
    height: 22px;
    background: var(--e-global-color-primary);
    position: absolute;
    border-radius: 5px;
    transform: rotate(45deg);
    opacity: .7;
    bottom: 3px;
    right: 7px;
    transition: all .3s ease-out;
}
.footer_widget .title h4 span:hover , .titletwo h4 span:hover{
padding-right: 35px;
}
.footer_widget .title h4:hover::before , .titletwo h4:hover::before{
    transform: rotate(0deg);
}

 .popular_tags ul li {
    background: var(--e-global-color-primary);
    padding: 5px 10px;
    float: right;
    position: relative;
    margin: 4px;
    border-radius: 5px;
}
.popular_tags ul li:hover{
    background: var(--tt-secondcolor);
}
 .popular_tags ul li a {
    color: #fff;
}

.footer_widget .quickaccess ul li {
    line-height: 35px;
}

.footer_widget .quickaccess ul li a {
    font-size: 14px;
    position: relative;
}
.footer_widget .quickaccess ul li:hover a{
    padding-right: 10px;
}
ul.footer-social-link{
    margin-top: 20px !important;
}
ul.footer-social-link .aparat {
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    border: 2px solid;
    border-color: #D53668;
    border-radius: 10px;
    text-align: center;
    line-height: 24px;
}
ul.footer-social-link .aparat svg {
    width: 20px;
    height: 20px;
    fill: #D53668;
}
ul.footer-social-link .aparat:hover {
    background-color:#D53668 ;
}
ul.footer-social-link .aparat:hover svg{
    fill:#fff;
}
/*breadcrump style */
.technotrickbreadcrumb {
    width: 100%;
    box-shadow: inset 0 0 25px rgba(0,0,0,.5);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    text-align: center;
    background-size: cover;
    background-position: center center;
}
.technotrickbreadcrumb:hover{
    -webkit-filter: none;
    filter: none;
}
.breadcrumb-content {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 20px 0 70px 0;
}

.breadcrumb-content h2,
.breadcrumb-content h1 {
    font-weight: 700;
    font-size: 25px;
    padding-top: 25px;
    color: #fff !important;
}

.breadcrumb-content ul {
    margin-top: 25px;
    margin-bottom: 10px;
    padding-bottom: 25px;
}

.breadcrumb-content ul li {
display: inline-block;
    margin-left: 10px;
}

.breadcrumb-content ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.breadcrumb-content ul li span{
    color:#fff;
}



/*single post */
.post-single {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.03137254901960784);
    border-radius: 15px;
    display: block;
    background: #fff;
}

.post-single .header_content {
    padding: 15px;
}
.post-single .header_content .title h1 {
    padding-bottom: 15px;
    display: inline-block;
    position: relative;
    font-weight: 700;
    font-size: 21px;
    margin-top: 20px;
    margin-right: 5px;
}
.post-single.single4 .header_content .title h1:after{
    content: none;
}
.post-single.single4 .header_content .title{
    border: none;
}
 .post-meta {
    margin-top: 10px;
}
 .post-meta ul li {
    float: right;
    margin-right: 30px;
    font-family: IRANYekannum;
    font-size: 15px;
}

 .post-meta ul li:first-child {
    margin-right: 0;
}

 .post-meta ul li i  {
        font-size: 20px;
}
.post-meta ul li svg{
    margin-left: 3px;
    margin-top: -6px;
}
.post-meta ul li img {
    border-radius: 50%;
}

.post-single .content {
    padding: 15px 25px;
    line-height: 2;
    font-size: 15px;
}
.post-single .content a{
color: var(--e-global-color-primary);
}
.post-single .content a:hover{
    color: var(--tt-thirdcolor);
}
.post-single .content ul,
.post-single .content ol,
main.product-post .content ol,
main.product-post .content ul, .page-style .content ul , .post-single .content ol,
.elementor-widget-theme-post-content ol, .elementor-widget-theme-post-content ul{
    margin: 15px 0;
}

.post-single .content ul li::before , .page-style .content ul li::before,
.elementor-widget-theme-post-content ul li:before{
    display: inline-block;
    font-family: "Font Awesome Pro";
    -webkit-font-smoothing: antialiased;
    content: "\f00c";
    font-size: 17px;
    color: var(--e-global-color-primary);
    margin: 10px;
    font-weight: 700;
}

.post-single .content ol li::before,
main.product-post .content ol li:before , .page-style .content ol li::before ,
.elementor-widget-theme-post-content ol li:before{
    content: counter(li-counter);
    counter-increment: li-counter;
    color: var(--e-global-color-primary);
    display: inline-block;
    height: 20px;
    line-height: 19px;
    margin: 10px;
    width: 20px;
    border: 2px solid;
    border-color: var(--e-global-color-primary);
    background: #ffffff;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    border-radius: 14px;
    font-family: var(--tt-fontfanum);
    transition: all .3s;
}

.post-single .content ol li:hover:before,
main.product-post .content ol li:hover:before , .page-style .content ol li:hover:before,
.elementor-widget-theme-post-content ol li:hover:before{
    transition: all .3s;
    background: var(--e-global-color-primary);
    color: #fff;
}

.post-single .content p , .page-style .content p, .elementor-widget-theme-post-content p{
    margin: 15px 0;
    font-size: 15px;
    line-height: 36px;
    color: var(--tt-pcolor)
}
 h1  {
    font-size: 28px;
    line-height: 48px;
    color: var(--tt-h1color);
    letter-spacing: -0.5px;
    font-weight: 900;
}
h2
 {
    font-size: 26px;
    line-height: 48px;
    color: var(--tt-h2color);
    letter-spacing: -0.5px;
    font-weight: 700;
}

 h3  {
    font-size: 24px;
    line-height: 48px;
    color: var(--tt-h3color);
    letter-spacing: -0.5px;
    font-weight: 600;
}
 h4 {
    font-size: 22px;
    line-height: 48px;
    color: var(--tt-h3color);
    letter-spacing: -0.5px;
    font-weight: 500;
}
 h5  {
    font-size: 20px;
    line-height: 48px;
    color: var(--tt-h3color);
    letter-spacing: -0.5px;
    font-weight: 500;
}
h6 {
    font-size: 18px;
    line-height: 48px;
    color: var(--tt-h3color);
    letter-spacing: -0.5px;
    font-weight: 500;
}
blockquote  {
    background: #FFFFFF;
    border-top: 2px solid var(--e-global-color-primary);
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    padding: 20px;
    position: relative;
    margin: 15px auto;
    width: 90%;
    margin-bottom: 75px;
}

 blockquote p {
    margin-bottom: 10px;
}

 blockquote:before {
     font-family:icons;
    content: "\f389";
    font-weight: 900;
    font-size: 33px;
    position: absolute;
    bottom: -35px;
    color: var(--e-global-color-primary);
    z-index: 1;
    right: 0;
    background: #fff;
    padding: 0 13px;
    height: 14px;
    display: flex;
    align-items: center;
}

 blockquote:after {
    content: '-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------';
    font-size: 9px;
    letter-spacing: 3px;
    line-height: 4;
    height: 35px;
    display: block;
    overflow: hidden;
    color: #DDDDDD;
    position: absolute;
    bottom: -46px;
    right: 0;
    width: calc(100% - 20px);
}

blockquote cite {
    position: absolute;
    bottom: -40px;
    left: 0;
    z-index: 1;
    height: 10px;
    display: flex;
    align-items: center;
    background: var(--e-global-color-primary);
    border-radius: 7px;
    font-weight: 300;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    padding: 12px 15px;
    font-style: normal;
}
 .share-single {
    position: relative;
    float: left;
}
 .share-single i{
     width: 36px;
     height: 36px;
     float: right;
     color: #fff;
     background-color: var(--e-global-color-primary);
     -webkit-border-radius: 3px 15px 15px 15px;
     -moz-border-radius: 3px 15px 15px 15px;
     border-radius: 3px 15px 15px 15px;
     text-indent: 7px;
     font-size: 20px;
     line-height: 43px;
}
 .share-single .share-content {
    position: absolute;
    left: 0;
    width: max-content;
    text-align: center;
    background: #74767b;
    z-index: 9999;
    padding: 5px 10px;
    visibility: hidden;
    display: block;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    transition: .5s ease;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
    top: 150%;
    -webkit-border-radius: 3px 15px 15px 15px;
    -moz-border-radius: 3px 15px 15px 15px;
    border-radius: 3px 15px 15px 15px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
 .share-single .share-content a{
    width:27px;
    height: 27px;
    float: left;
    border: 1px solid rgba(255,255,255,.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    margin-right: 5px;
}
 .share-single .share-content a:hover {
    background-color: #fff;
    color: #666;
}
 .share-single:hover .share-content{
    display: block;
    visibility: visible;
    opacity: 1;
    top: 110%;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
 .category-single{
     float: left;
     color: #FFFFFF;
     background-color: var(--e-global-color-primary);
     padding: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;
 }
.post-single .thumbnail{
    position: relative;
    padding: 15px

}
.post-single .content .thumbnail img , .post-single .thumbnail img{
    display: block;
    float: none;
    margin: 10px auto;
    border-radius: 5px;
}
.post-single .content img{
    border-radius: 10px;
}
.post-single.single4 .thumbnail .plyr{
    position: absolute;
    bottom: 36px;
    border-radius: 10px;
    width: calc(100% - 40px);
    right: 19px;
    overflow: hidden;
}
.post-single .header-post2 h1 {
    padding-bottom: 15px;
    position: relative;
    font-weight: bold;
    font-size: 3rem;
    color: #fff !important;
}

.post-single .wp-block-cover.has-parallax {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.post-single .header-post2 .post-meta {
    text-align: center;
}

.post-single .header-post2 .post-meta ul li {
    display: inline-block;
    margin-left: 15px;
    color: #fff;
}

.post-single .header-post2 .post-meta ul li i,
.post-single .header-post2 .post-meta ul li a {
    color: #fff;
}

.post-single .header-post2 .post-meta ul li img {
    border-radius: 50%;
}
.dashed {
    border-bottom: 1px dashed #eee;
    display: block;
}
.about_author {
    position: relative;
    border: 1px solid rgba(0,0,0,.06);
    display: inline-block;
    width: 100%;
    padding: 10px 10px;
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 10px 0 0 0;
    box-shadow: 0 1px 7px -3px rgba(0,0,0,.1);
    font-family: 'IRANYekannum';
}
.about_author img {
    float: right;
    margin: 0 0 0 20px;
    width: 150px;
    height: auto;
    padding: 2px;
    border-radius: 20px;
}
.about_author h5 {
    margin: 5px 0 6px 0;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
}
.about_author h5 a {
    color: #7d7d7d;
}
.about_author span {
    background-color: #e5aa08;
    border-radius: 20px 2px 20px 20px;
    -webkit-border-radius: 20px 2px 20px 20px;
    -moz-border-radius: 20px 2px 20px 20px;
    color: #fff;
    padding: 2px 9px 1px 8px;
    font-size: 10px;
    position: relative;
    top: -1px;
    margin-right: 3px;
    font-weight: 400;
}
.about_author p {
    font-weight: 400;
    font-size: 14px;
    line-height: 31px;
    color: #666666;
    margin-top: 10px;
}
.about_author h5 a i{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #222222;
    margin: 0;
}
ul.post_author_icon {
    padding: 0;
    margin: 2px 50px 0 5px;
    display: inline-block;
    float: left;
    font-size: 16px;
}
ul.post_author_icon li {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0 10px 5px 0;
}
ul.post_author_icon li a {
    color: #bbb;
}
ul.post_author_icon li i {
    color: #000;
    font-size: 16px;
    border-radius: 10px;
    width: 30px;
    height: 30px;
    border: 2px solid;
    transition: 0.2s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}
ul.post_author_icon li i:hover{
    background: currentColor;
}
ul.post_author_icon li i:hover:before{
    color: #fff;
}
ul.post_author_icon li .facebook i , ul.post_author_icon li .linkedin i {
    color: #3b5998;
}
ul.post_author_icon li .instagram i {
    color: #d62977;
}
ul.post_author_icon li .twitter i {
    color: #00acee;
}
ul.post_author_icon li .youtube i {
    color: #c4302b;
}
ul.post_author_icon li .pinterest i {
    color: #c8232c;
}
ul.post_author_icon li .telegram i {
    color: #0088cc;
}
@media (max-width: 450px) {
    .about_author img{
        float:none;
        margin: 3px auto;
        display:block;
        width:90px;
    }
    ul.post_author_icon{
        float: none;
        text-align: center;
    }
}
.nextandpreviouspost {
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 3%);
    border-radius: 15px;
    padding: 12px 35px;
    overflow: hidden;
}
.nextandpreviouspost .nav-previous , .nextandpreviouspost .nav-next{
    float: right;
    width: 47%;
    background: #fafafa;
    padding: 8px;
    border-radius: 10px;
    max-height: 35px;
    overflow: hidden;
position: relative;
}
.nextandpreviouspost .nav-previous a, .nextandpreviouspost .nav-next a{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 73%;
    display: inline-block;
}
.nextandpreviouspost .nav-previous{
    text-align: left;
}
.nextandpreviouspost .nav-next {
    float: left;
}
.nextandpreviouspost .nav-next span , .nextandpreviouspost .nav-previous span{
    background-color: var(--e-global-color-primary);
    margin: 0 3px 0 7px;
    color: #fff;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 12px;
    position: absolute;
    left: 34px;
    top: 7px;
}
.nextandpreviouspost .nav-previous span {
    right: 34px;
    left: unset;
}
.nextandpreviouspost .nav-previous:hover i , .nextandpreviouspost .nav-next:hover i{
    color:var(--e-global-color-primary);
}
.video-singlepost {
    display: block;
    padding: 15px;
    background: #fff;
}
.video-singlepost .plyr{
    width: 100%;
    max-height: 480px;
    object-fit: cover;
    border-radius: 19px;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1;
    background-size: cover;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media{
    border-radius:6px ;
}
.social-btn {
    -webkit-box-shadow: 0 5px 30px rgb(70 72 77 / 8%);
    box-shadow: 0 5px 30px rgb(70 72 77 / 8%);
    padding: 20px;
    color: #000;
    font-size: 14px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.social-btn:after {
    content: '';
    width: 90px;
    height: 77px;
    border-radius: 10px;
    background-color: var(--tt-secondcolor);
    position: absolute;
    top: -10px;
    z-index: -9;
    transform: rotate(45deg);
    left: -47px;
}

.social-btn i {
    font-size: 25px;
    margin-left: 10px;
    background: #ffffff00;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 5px 15px #46484d21;
    transition: all .3s;

}

.social-btn i:hover {
    transform: translateY(5px);
    transition: all .3s;
}

.social-btn .fa-twitter {
    color: #0f94e9;
}

.social-btn .fa-instagram {
    color: #ff6f00;
}

.social-btn .fa-telegram {
    color: #03a9f4;
}

.social-btn .fa-linkedin {
    color: #0288d1;
}

.social-btn .fa-facebook {
    color: #0d47a1;
}

.social-btn .fa-whatsapp {
    color: #2e7d32;
}

.social-btn .fa-envelope {
    color: #757575;
}

.breadcrumb-holder {
    position: relative;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

ul.breadcrumb-tt {
    padding: 10px;
}

.breadcrumb-tt li {
    float: right;
    padding: 10px;
}

.breadcrumb-tt li:after {
    margin: 0 .75em;
    content: "\f104";
    font-family: "Font Awesome Pro";
}

.breadcrumb-tt li:last-child:after {
    display: none
}

.breadcrumb-tt li i {
    border-radius: 10px;
    -webkit-box-shadow: 0 8px 35px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 8px 35px 0 rgb(0 0 0 / 6%);
    background: #fff;
    width: 36px;
    height: 36px;
    float: right;
    text-align: center;
    margin-left: 10px;
    color: #909aa7;
    font-size: 22px;
    top: -7px;
    position: relative;
    line-height: 46px;
    white-space: nowrap;
}

.tags {
    -webkit-box-shadow: 0 5px 30px rgba(70, 72, 77, .08);
    box-shadow: 0 5px 30px rgba(70, 72, 77, .08);
    color: #fff;
    font-size: 14px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    background: var(--tt-fourcolor);
}

.tags:after {
    content: '';
    width: 90px;
    height: 77px;
    border-radius: 10px;
    background-color: var(--tt-secondcolor);
    position: absolute;
    top: -10px;
    z-index: -9;
    transform: rotate(45deg);
    left: -47px;
}
.tags span {
    font-size: 14px;
    margin-right: 10px;
    color: #555555;
}
.tags a {
    border-radius: 3px;
    padding: 4px 8px;
    display: inline-block;
    margin: 5px;
    background: var(--e-global-color-primary);
    color: #fff;
    font-size: 14px;
}

.tags a:hover {
    color: #fff;
    background: var(--tt-secondcolor);
}

.relatedposts {
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 30px rgba(70, 72, 77, .08);
    box-shadow: 0 5px 30px rgba(70, 72, 77, .08);
    margin-bottom: 15px;
    padding: 20px;
    color: #000;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    background: #fff;
}

.relatedposts:after {
    content: '';
    width: 350px;
    height: 350px;
    border-radius: 70px;
    background-color: var(--tt-secondcolor);
    position: absolute;
    top: 0;
    z-index: -10;
    transform: rotate(45deg);
    left: -153px;
}

.relatedposts .title {
    margin-bottom: 15px;
}

.relatedposts .title i {
    font-size: 19px;
    color: var(--e-global-color-primary);
    margin-left: 5px;
}

.relatedposts .title span {
    color: #757575;
    font-weight: 600;
    font-size: 14px;
}

.relatedpost {
    background: #fff;
    box-shadow: 0 0 7px 0 rgb(0 0 0 / 10%);
    border-radius: 5px;
    overflow: hidden;
    margin: 5px 0;
}

.relatedpost h3 {
    font-weight: 600;
    font-size: 14px !important;

}
.relatedpost .excerpt {
    color: var(--tt-pcolor);
    line-height: 30px;
    font-size: 13px;
    padding-bottom: 5px;
}
.relatedpost .excerpt p{
    max-height: 90px;
    overflow: hidden;
}
.relatedpost .featured-image{
    position: relative;
    height: 180px;
    display: flex;
    overflow: hidden;
}
.relatedpost img{
min-width: 320px;
    margin: 0 auto;
    display: block;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-shadow: 0 1.5px 4px rgb(128 128 128 / 24%), 0 1.5px 6px rgb(0 0 0 / 12%) !important;
    transition: 0.5s;
}
.relatedpost .featured-image .comment{
    position: absolute;
    background: #fff;
    padding: 0 10px;
    border-radius: 6px;
    top: 15px;
    left: 15px;
    font-size: 12px;
    line-height: 2;
    color: #878787;
}
.relatedpost .featured-image .category{
    position: absolute;
    background: var(--e-global-color-primary);
    color: #fff;
    padding: 3px 10px;
    top: 45px;
    border-radius: 6px;
    font-size: 13px;
    left: 15px;
}
.relatedpost:hover img{
    transform: scale(1.2);
}
.relatedpost .title {
    font-weight: 500;
    font-size: 16px !important;
    line-height: 30px;
    color: #222222;
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
}
.relatedpost .content {
    margin: 10px 15px;
}
.relatedpost .content .meta{
    border-top: 1px dashed #E4E6EF;
    padding-top: 10px;
    padding-bottom: 25px;
    color: #878787;
    font-size: 13px;
}
.searchform {
    position: relative;
}

.searchform .search_elementor_btn {
    position: absolute;
    top: 5px;
    left: 8px;
    border: none;
    font-size: 20px;
    background: var(--e-global-color-primary);
    color: #fff;
    border-radius: 7px;
    height: 50px;
    width: 50px;
}

.widget {
    box-shadow: rgb(0 0 0 / 10%) 0 2px 6px;
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0 2px 6px;
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    overflow: hidden;
}

.widget .widget-title {
    font-size: 18px;
    font-weight: 700;
    color: #888;
    margin-bottom: 20px;
}

.widget ul li {
    line-height: 2.3;
    position: relative;
    padding-right: 17px;
}

.widget ul li:before {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--e-global-color-primary);
    position: absolute;
    top: 11px;
    border-radius: 3px;
    transform: rotate(45deg);
    right: 0;
    transition: all .5s;
    -webkit-transition: all .5s;

}

.widget ul li:hover:before {
    transition: all .5s;
    -webkit-transition: all .5s;
    transform: rotate(0);
}

/*comments*/
#comments{
    background: #fff;
    display: block;
    overflow: hidden;
}
#comments ol.comment-list {
    float: right;
    width: calc(100% - 30px);
    list-style: none;
    padding: 0 60px 0 0;
    margin: 15px;
    position: relative;
}

#comments ol.comment-list:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background: #e5e5e5;
    display: inline-block;
    right: 25px;
    top: 0;
}

#comments ol.comment-list li {
    position: relative;
    padding-right: 30px;
    margin-bottom: 60px;
}

#comments ol.comment-list li img.avatar {
    position: absolute;
    top: 0;
    right: -64px;
    left: auto;
    width: 65px;
    height: 65px;
    border: none;
    border-radius: 3px;
    padding: 0;
    z-index: 999;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    background: #fff;
}

#comments ol.comment-list li .comment-text {
    border: 0;
    border-radius: 4px;
    padding: 16px 16px 0;
}

#comments ol.comment-list li .comment-text p.meta {
    margin-top: 0 !important;
}

#comments ol.comment-list li .comment-text p.meta strong {
    font-size: 13px;
    margin-left: 10px;
    float: right;
}

#comments ol.comment-list li .comment-text p.meta time {
    color: var(--e-global-color-primary);
    font-size: 13px;
    font-family: IRANYekannum;
}

#comments ol.comment-list li .comment-text .reply {
    position: absolute;
    top: 5px;
    left: 5px;
}

#comments ol.comment-list li .comment-text .reply a {
    color: #212121;
    padding: 0 10px;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 3px;
    height: 30px;
    width: 30px;
    display: block;
    line-height: 27px;
}

#comments ol.comment-list li .comment-text .reply a:before {
    content: "\f333";
    font-size: 16px;
    position: relative;
    font-family: "icons";
    left: 4px;
}

a#cancel-comment-reply-link {
    height: 33px;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    background: var(--e-global-color-primary);
    margin-right: 5px;
}

a#cancel-comment-reply-link:before {
    content: "\f3a0";
    color: #fff;
    font-size: 23px;
    position: relative;
    margin-left: 2px;
    right: -3px;
    font-family: "icons";
    line-height: 18px;
    top: 5px;
}

#comments ol.comment-list li .comment-text .description {
    width: 100%;
    font-size: 13px;
    line-height: 24px;
}

#comments ol.comment-list ol.children {
    position: relative;
    margin: 20px 50px 0 0;
    list-style: none;
}

#comments ol.comment-list ol.children:before {
    content: '';
    position: absolute;
    width: 85px;
    height: 2px;
    background: #e5e5e5;
    display: inline-block;
    right: 1px;
    top: 29px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

#comments ol ul ul:nth-child(2):before,
#comments ol ul ul:nth-child(2):after {
    content: none !important;
}

#comments ol.comment-list ol.children li {
    position: static;
    margin-bottom: 20px;
}

#comments ol.comment-list ol.children li .comment_container {
    position: relative;
    background: #f9f9f9;
    border-radius: 3px;
    padding-bottom: 10px;
    line-height: 2;
}

#comments ol.comment-list ol.children li img.avatar {
    right: -70px;
}

#comments ol.comment-list ol.children ol.children:before {
    display: none;
}
#comments .comment-reply-title{
    position: relative;
    font-size: 16px;
    margin: 10px 0;
}
#comments .comment-reply-title::before {
    content: "";
    position: absolute;
    top: -2px;
    width: 3px;
    height: 20px;
    right: -15px;
    background: var(--e-global-color-primary);
}
.required-field-message{
    display: block;
    margin-top: 10px;
}
.must-log-in a {
    color: #f47a53;
}
#respond  , #showcoment{
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
    overflow: hidden;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
    margin-bottom: 10px;
    position: relative !important;
    background-color: #fff;
}

#respond:after {
    content: '';
    width: 350px;
    height: 350px;
    border-radius: 70px;
    background-color: var(--tt-secondcolor);
    position: absolute;
    top: 0;
    z-index: -10;
    transform: rotate(45deg);
    left: -153px;
}

/*title index elementor style */
.general-title {
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    color: var(--e-global-color-primary);
}

.general-title:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 1px;
    background-color: var(--e-global-color-primary);
    margin-top: 5px;
    margin-left: 10px;
    display: block;
    float: right;
    transition: all .3s ease-out;
    transform: rotate(45deg);
}

.general-title:hover:before {
    margin-left: 15px;
    transition: all .3s ease-out;
    transition: all .3s ease-out;
    transform: rotate(0deg);
}

/*start video slider*/
.video-sliders {
    min-height: 250px;
    margin: 15px 0;
    position: relative;
}
.list_video {
    border-radius: 15px;
    margin-top: 35px;
    background: #fff;
    padding: 15px;
}
.video-sliders .video_slide {
    padding: 35px 0;
}

.video-sliders .list_video ul {
    max-height: 320px;
    margin-top: 35px;
    border-radius: 15px;
    padding: 15px;
    background: #fff;
    overflow-y: scroll;
}

.video-sliders .list_video ul li {
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    margin-left: 10px;
    border: 2px solid transparent;
    padding: 10px;
    transition: 0.3s;
    cursor: pointer;
}
.video-sliders .list_video ul li:hover{
    border-color: #ddd;
    transition: 0.3s;
}
.video-sliders .list_video ul li.active{
    border-color: var(--e-global-color-primary);
}
.video-sliders .list_video ul::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
    margin-left: 5px;
    border-radius: 5px;
}

.video-sliders .list_video ul::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-primary);
}

.video-sliders .list_video ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.plyr--video {
    border-radius: 10px;
}

.wp-video {
    position: relative;
    display: block;
    max-width: 100%;
    margin: 25px 0;
}

.mejs-offscreen {
    display: none;
}

.video-sliders .video_slide .plyr--video {
    border-radius: 20px;
    max-height: 400px;
}

.video-sliders .list_video .video-img {
    width: 100%;
    overflow: hidden;
}

.video-sliders .list_video .video-img img {
    float: right;
    width: 90px;
    max-width: unset !important;
    height: 70px;
    border-radius: 19px;
    object-fit: cover;
    margin-left: 10px;
}

.video-sliders .list_video .video-img figcaption h3 {
    font-size: 14px;
    line-height: 2;
    font-weight: 500;
    color: #222 !important;
}

.video-sliders .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
}

.video-sliders .owl-nav .owl-prev,
.video-sliders .owl-nav .owl-next {
    background: #ffffff !important;
    width: 25px;
    height: 25px;
    line-height: 25px !important;
    color: var(--e-global-color-primary) !important;
    font-size: 27px !important;
    border-radius: 5px;
}

.video-sliders .owl-nav .owl-prev {
    margin-left: 5px;
}

.plyr--audio .plyr__controls {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.video-sliders .video_slide .title{
    margin-top: 19px;
    font-size: 16px;
    font-weight: 700;
    color: #222;
}
/*big slider style*/
.big-slider img {
    border-radius: 7px !important;
}

/*  page style  */
.page-style {
    background: #fff;
    -webkit-box-shadow: 1px 1px 7px rgb(0 0 0 / 20%);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 3px rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 12%);
    padding: 25px;
    line-height: 2.3;
    overflow: hidden;
    position: relative;
}

.page-style:before {
    content: '';
    width: 350px;
    height: 350px;
    border-radius: 70px;
    background-color: #F4F9FD;
    position: absolute;
    top: -80px;
    z-index: 0;
    transform: rotate(45deg);
    left: -140px;
}

.page-style:after {
    content: '';
    width: 250px;
    height: 250px;
    border-radius: 70px;
    background-color: #F4F9FD;
    position: absolute;
    bottom: -41px;
    z-index: 0;
    transform: rotate(45deg);
    right: -138px;
}

.page-style .title {
    font-weight: bold;
    font-size: 1.25rem;

}

.page-style .content {
    z-index: 9999;
    position: relative;
}

/*style of podcast*/
.podcast {
    background: var(--e-global-color-primary);
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    position: relative;
    overflow: hidden;
}

.podcast:after {
    content: ' ';
    position: absolute;
    top: -20px;
    width: 50px;
    height: 50px;
    border-radius: 15px;
    left: -13px;
    transform: rotate(45deg);
}

.podcast:before {
    content: ' ';
    position: absolute;
    bottom: -20px;
    width: 50px;
    height: 50px;
    border-radius: 15px;
    right: -13px;
    transform: rotate(45deg);
}

.podcast:before,
.podcast:after {
    background: #ffc107;
}

.podcast .icon {
    text-align: center;
    color: #fff;
}

.podcast .icon i {
    font-size: 25px;
    float: right;
}

.podcast .icon span {
    font-size: 15px;
    font-weight: 700;
}

.podcast figure {
    position: relative;
}

.podcast figure img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.podcast figure figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #646e74;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding-right: 10px;
    opacity: .8;
}

/*wocommerce and shop style*/
.product-label {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 9px;
    z-index: 3;
    right: 0;
}

.product-label span {
    font-size: 12px;
    position: absolute;
    top: 4px;
    left: -7px;
    color: #fff;
    font-family: IRANYekannum;
}

.triangle {
    position: relative;
    background-color: var(--e-global-color-primary);
    text-align: left;
    border-bottom-right-radius: 70%;
    border-top-right-radius: 45%;
    border-bottom-left-radius: 45%;
    border-top-left-radius: 30%;
}

.triangle:before {
    content: "";
    position: absolute;
    background-color: inherit;
    text-align: left;
    border-bottom-right-radius: 70%;
    border-top-right-radius: 45%;
    border-bottom-left-radius: 45%;
    border-top-left-radius: 30%;
}

.triangle:after {
    content: "";
    position: absolute;
    background-color: inherit;
    text-align: left;
    border-bottom-right-radius: 70%;
    border-top-right-radius: 45%;
    border-bottom-left-radius: 45%;
    border-top-left-radius: 30%;
}

.triangle,
.triangle:after,
.triangle:before {
    width: 100%;
    height: 100%;
}

.triangle {
    transform: rotate(-58deg) skewX(-30deg) scale(1, 0.866);
}

.triangle:before {
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(66%, 132%);
}

.triangle:after {
    transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(-66%, -33%);
}

.products-shop {
    height: 482px;
}

.product-lists .product-shop {
    border-radius: 6px 6px 0 0;
    border: 1px solid #ececec;
    float: right;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    background: #fff;
    transition: all 1s;
    height: 390px;
}

@media (max-width: 992px) {
    .product-lists .product-shop {
        height: auto;
    }

    .product-lists .product-shop .meta ul li {
        width: 100%;
    }
}

.product-lists .product-shop:hover {
    box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
    position: relative;
    border: 1px solid #dfdfdf;
}

.product-lists .product-shop a {
    float: right;
    width: 100%;
    text-decoration: none;
    position: relative;
}

.product-lists .product-shop img {
    border-radius: 6px 6px 0px 0px;
    width: 100%;
    height: auto;
}

.product-lists .product-shop h3 {
    color: #808080;
    padding: 10px 20px;
    line-height: 30px;
    font-size: 15px;
    font-weight: 500;
    margin: 0px;
    min-height: 65px;
}

.product-lists .product-shop .meta {
    float: right;
    width: 100%;
    border-top: 1px solid #ececec;
    padding: 15px 15px;
    box-sizing: border-box;
}

.product-lists .product-shop .meta ul li {
    width: 50%;
    float: right;
    font-family: IRANYekannum;
}

.product-lists .product-shop .meta i {
    float: right;
    font-size: 20px;
    margin-top: -2px;
    margin-left: 7px;
    margin-bottom: -5px;
}

.product-lists .product-shop .addtocart .button {
    text-align: center;
    display: block;
    background: var(--e-global-color-primary);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    height: 0px;
    transition: all .4s;
    float: right;
    width: 100%;
    box-sizing: border-box;
    line-height: 45px;
}

.product-lists .product-shop:hover .addtocart .button {
    visibility: visible;
    opacity: 1;
    height: 45px;
}

.product-lists .product-shop .addtocart .button:before {
    font-family: "Font Awesome Pro";
    font-size: 19px;
    color: #ffffff;
    float: right;
    z-index: 9999;
    position: relative;
    content: "\f291";
    margin-right: 10px;
}

.product-lists .product-shop .addtocart .added_to_cart {
    text-align: center;
    display: block;
    background: #ffa000;
    color: #fff;
    padding: 12px;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    position: relative;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    padding: 5px !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .09);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #fff;
    border-radius: 5px;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    text-align: center;
    line-height: 2;
}

.woocommerce ul.products li.product .button {
    float: none;
    text-align: center;
    margin: 10px auto;
    display: block;
    padding: 15px;
    background: var(--e-global-color-primary);
    color: #fff;
}

.woocommerce ul.products li.product .button:before {
    font-family: "Font Awesome Pro";
    font-size: 19px;
    color: #ffffff;
    float: right;
    z-index: 9999;
    position: relative;
    content: "\f291";
    margin-top: -4px;
}

.woocommerce ul.products li.product a img {
    border-radius: 5px;
}

.woocommerce ul.products li.product .price {
    text-align: center;
    margin: 10px 0;
    font-size: 14px;
    background: #eee;
    padding: 5px;
    border-radius: 2px;
    font-family: IRANYekannum;
}

.woocommerce ul.products li.product .price:before {
    font-family: "Font Awesome Pro";
    font-size: 20px;
    color: #7c7c7c;
    float: right;
    z-index: 9999;
    position: relative;
    content: "\f290";
    margin-right: 14px;
}

.woocommerce ul.products li.product .price del .woocommerce-Price-currencySymbol,
.woocommerce div.product p.price del .woocommerce-Price-currencySymbol {
    display: none !important;
}

.woocommerce ul.products li.product .price ins .woocommerce-Price-currencySymbol {
    font-size: 11px;
    color: #999;
    font-weight: normal;
}

.woocommerce ul.products li.product .price ins {
    color: #efbe0b;
    font-size: 17px;
}

.woocommerce #review_form #respond .form-submit input {
    background: #f44336 !important;
    background-color: #f44336 !important;
    padding: 8px 15px;
    font-size: 13px;
    color: #fff !important;
    border: 0;
    float: left;
    display: block;
    width: 100px !important;
    border-radius: 3px;
}

.woocommerce a.added_to_cart {
    text-align: center;
    display: block;
    background: #ffa000;
    color: #fff;
    padding: 12px;

}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #333333;
    font-weight: 600;
    font-size: 14px;
    margin: 10px 0;
}

.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    text-decoration: none !important;
}

.archive.woocommerce .woocommerce-breadcrumb {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    display: block;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 9%);
}

.woocommerce-products-header {
    background: #fff;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 9%);
    margin-bottom: 20px;
}

.woocommerce .woocommerce-ordering {
    margin-top: -55px;
    margin-left: 5px;
    border: none;
}

.woocommerce .woocommerce-ordering select {
    border: none;
}

.woocommerce .woocommerce-result-count {
    font-family: IRANYekannum;
}

.woocommerce ul.products li.product .star-rating {
    display: none;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
    ;
    color: #fff !important;
}

.btn {
    color: #fff !important;
}

.btn:hover {
    color: #fff !important;
}

.woocommerce-Price-amount {
    font-family: var(--tt-fontfanum);
}

.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget li:before {
    content: none;
}

.review-count {
    padding: 20px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.review-count:after {
    content: '';
    width: 250px;
    height: 250px;
    border-radius: 70px;
    background-color: #F4F9FD;
    position: absolute;
    top: 0;
    z-index: -9;
    transform: rotate(45deg);
    left: -107px;
}

.woocommerce .star-rating::before,
.woocommerce .star-rating span::before {
    color: var(--e-global-color-primary);
}

.review-count .title i {
    font-size: 22px;
    color: var(--e-global-color-primary);
    float: right;
    margin-left: 5px;
}

.review-count .title span {
    font-size: 18px;
    font-weight: 500;
    color: #6c757d;
}

.review-count .average p {
    font-family: IRANYekannum;
    font-size: 35px;
    font-weight: 700;
}

.review-count .average-detail p {
    font-family: IRANYekannum;
    color: #6c757d;
}

.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-page .cart-collaterals .cart_totals h2 {
    margin: 10px 0;
}

/* call back woocommerce style */
.woocommerce #reviews #comments ol.commentlist {
    float: right;
    width: calc(100% - 30px);
    list-style: none;
    padding: 0 60px 0 0;
    margin: 15px;
    position: relative;
}

.woocommerce #reviews #comments ol.commentlist::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background: #e5e5e5;
    display: inline-block;
    right: 25px;
    top: 0;
}

.woocommerce #reviews #comments ol.commentlist li {
    position: relative;
    padding-right: 30px;
    margin-bottom: 60px;
}

.woocommerce #reviews #comments ol.commentlist li.bypostauthor .woocommerce-review__author,
#comments ol.comment-list li.bypostauthor .comment-text p.meta strong a {
    color: #43a047;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    position: absolute;
    top: 0;
    right: -64px;
    left: auto;
    width: 65px;
    height: 65px;
    border: none;
    border-radius: 3px;
    padding: 0;
    z-index: 999;
    box-shadow: 1px 1px 7px rgb(0 0 0 / 20%);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgb(0 0 0 / 20%);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    background: #fff;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border: 0;
    border-radius: 4px;
    padding: 16px 16px 0;
}

.woocommerce #reviews #comments ol.commentlist ul.children {
    position: relative;
    margin: 20px 50px 0 0;
    list-style: none;
}

.woocommerce #reviews #comments ol.commentlist ul.children:before {
    content: '';
    position: absolute;
    width: 115px;
    height: 2px;
    background: #e5e5e5;
    display: inline-block;
    right: 1px;
    top: 29px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.woocommerce #reviews #comments ol.commentlist ul.children li .comment_container {
    position: relative;
    background: #f9f9f9;
    border-radius: 3px;
    padding-bottom: 10px;
    line-height: 2;
}

.woocommerce #reviews #comments ol.commentlist ul.children li img.avatar {
    right: -70px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time {
    color: var(--e-global-color-primary);
    font-size: 13px;
    font-family: IRANYekannum;
}

.woocommerce #reviews #comments h2 {
    font-family: IRANYekannum;
    margin: 15px 0;
}

.woocommerce #review_form #respond p button,
.woocommerce #review_form #respond p button:focus,
#comments .form-submit button,
.collapse-btn {
    background: var(--e-global-color-primary);
    border-color: var(--tt-secondcolor);
}

.collapse-btn:hover {
    background: var(--tt-secondcolor);
}

.woocommerce p.stars a {
    font-size: 20px;
    color: var(--e-global-color-primary);
}

.woocommerce #review_form #respond .comment-reply-title {
    margin-bottom: 10px;
    display: block;
}
main.product-post .entry-title {
    font-weight: 700;
    font-size: 30px;
    margin-top: 25px;
    color: #404040;
    line-height: 50px;
}

main.product-post .content {
    font-size: 14px;
    line-height: 2.3;
    font-size: 14px;
    line-height: 2.3;
    padding: 10px 20px;
    border: 1px solid #eee;
    background: #fff;
}

main.product-post .content blockquote {
    background: #fdd835;
    padding: 15px;
}

main.product-post .content h2 {
    font-size: 21px;
    font-weight: 700;
    line-height: 2;
}

main.product-post .content h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 2;
}

.img-center {
    margin: 10px auto !important;
    text-align: center;
    display: block;
}

main.product-post .content img {
    border-radius: 5px;
}

main.product-post .content .plyr--video {
    box-shadow: 0 0 30px rgb(0 0 0 / 20%);
}

.woocommerce .woocommerce-breadcrumb {
    font-size: .98em;
}

main.product-post .content {
    counter-reset: li-counter;
}

main.product-post .content ul li::before {
    display: inline-block;
    font-family: "Font Awesome Pro";
    -webkit-font-smoothing: antialiased;
    content: "\f00c";
    font-size: 17px;
    color: var(--e-global-color-primary);
    margin: 0px 10px;
    font-weight: 700;
}

main.product-post .related {
    -webkit-box-shadow: 0 5px 30px rgb(70 72 77 / 8%);
    box-shadow: 0 5px 30px rgb(70 72 77 / 8%);
    padding: 20px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

main.product-post .related:after {
    content: '';
    width: 350px;
    height: 350px;
    border-radius: 70px;
    background-color: var(--tt-secondcolor);
    position: absolute;
    top: 0;
    z-index: -10;
    transform: rotate(45deg);
    left: -153px;
}

main.product-post .related h2 {
    font-size: 18px;
    font-weight: 500;
    color: #6c757d;
    display: block;
    margin-bottom: 25px;
}

main.product-post .related h2:first-child:before {
    font-family: "Font Awesome Pro";
    font-size: 22px;
    color: var(--e-global-color-primary);
    float: right;
    z-index: 9999;
    position: relative;
    content: "\f290";
    margin-left: 14px;
}

main.product-post .widget .price {
    display: block;
    text-align: center;
    font-family: IRANYekannum;
}

main.product-post .widget .price .woocommerce-Price-currencySymbol {
    color: #fff;
    font-size: 12px;
}

main.product-post .widget .price .woocommerce-Price-amount {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    background: var(--tt-secondcolor);
    width: 100%;
    display: block;
    border-radius: 5px;
    padding: 10px;
}

main.product-post .widget .sell-count {
    display: block;
    text-align: center;
    font-family: var(--tt-fontfanum);
    font-size: 22px;
    font-weight: 700;
    background: var(--tt-secondcolor);
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}

main.product-post .widget .sell-count .text {
    font-size: 12px;
    color: #fff;
}

main.product-post .widget .information i {
    font-size: 20px;
    margin-right: 5px;
}

main.product-post .widget .information span.info {
    font-family: var(--tt-fontfanum);
    font-size: 16px;
    margin-right: 5px;
    font-weight: 500;
}

/*time cutdown */

#time-cutdown .day,
#time-cutdown .seconds,
#time-cutdown .minte,
#time-cutdown .hour {
    background: var(--e-global-color-primary);
    color: #fff;
    text-align: center;
    font-family: var(--tt-fontfanum);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
}

#time-cutdown .mtn {
    display: block;
    margin-right: 12px;
    margin-top: 5px;
}

/*  start mobile menu */
.mobile-menu {
    background: #fff;
}

.mobile-logo img {
    width: 50px;
    height: 50px;
    margin: 15px;
    display: block;
    float: right;
}

.mobile-menu {
    position: absolute;
    width: 360px;
    max-width: 60%;
    height: 100%;
    background: #fff;
    top: 0;
    left: -100%;
    box-shadow: rgba(0, 0, 0, .15) 0 0 25px;
    display: block;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    z-index: 9999999999;
    overflow-x: auto;
}
.mobile-menu::-webkit-scrollbar-thumb {
    background: var(--e-global-color-primary);
    border-radius: 0 30px 30px 0;
}
.mobile-menu::-webkit-scrollbar {
    width: 5px;
}
.mobile-menu::-webkit-scrollbar-track {
    margin: 10px 10px;
    border-radius: 0 30px 30px 0;
    width: 20px;
    left: 10px;
}
.active-mobile-menu .mobile-menu {
    left: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

#mm-menu li.last a {
    border: none
}

#mm-menu li {
    position: relative;
    background: #fafafa;
    border: none;
    padding-right: 0;
    margin: 5px;
    border-radius: 2px;
    padding: 6px;
    list-style: none;
}

#mm-menu li a {
    cursor: pointer;
    color: #1c4c4e;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    padding: 10px;
}

#mm-menu li span.grower {
    opacity: 1 !important;
    display: block;
    position: absolute;
    left: 0px;
    top: 12px;
    cursor: pointer;
    font-family: "Font Awesome Pro";
    font-size: 15px;
    padding: 0 25px;
}

#mm-menu li span.grower.OPEN:before {
    content: "\f068";
    font-size: 15px;
    display: block;
    vertical-align: middle;
    color: var(--e-global-color-primary);
    text-align: center
}

#mm-menu li span.grower.CLOSE:before {
    content: "\f067";
    color: var(--e-global-color-primary);
}

#mm-menu li li a {
    font-weight: 400;
    color: #777
}

#mm-menu li li a:before {
    font-family: "Font Awesome Pro";
    content: "\f111";
    font-size: 5px;
    float: right;
    position: relative;
    color: var(--e-global-color-primary);
    display: block;
    margin-left: 10px;
    transition: all .3s ease-in-out
}

#mm-menu ul li ul li {
    background: #EEE;
}

.menu-logo {
    height: 50px;
    width: 100%;
    background: #fff;
}

.mm-logo {
    width: 100px;
    float: right;
    margin: 5px 11px;
}

.mm-logo img {
    height: 44px;
}

.start-mm-menu {
    position: relative;
    border-radius: 5px;
    height: 40px;
    width: 40px;
    line-height: 48px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    background: var(--e-global-color-primary);
    z-index: 10;
    float: left;
    margin-left: 5px;
}

.start-mm-menu:hover {
    color: #fff;
    transition: all .3s;
}

.start-mm-menu i {
    font-size: 25px;
    transition: all .3s;
}
body.active-mobile-menu:after {
    content: "";
    transition: all .3s ease;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: 5;
    top: 0;
    right: 0;
}

.mobile-menu .logo-menu {
    width: 100%;
    text-align: center;
    padding: 15px;
    display: block;
    position: relative;
}
.mobile_menu_holder{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background: rgb(0 0 0 / 32%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
/*end mobile menu*/
.wp-block-search .wp-block-search__input {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-size: 12px;
}

.wp-block-search__button {
    border: none;
    background: var(--e-global-color-primary);
    color: #ffff;
    padding: 5px;
    border-radius: 6px;
    width: 100%;
    margin-top: 5px;
}

.wp-block-latest-comments__comment-author {
    color: var(--e-global-color-primary);
    font-weight: bold;
    font-size: 12px;
    line-height: 2.5;
}

.wp-block-latest-comments__comment-author:before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    float: right;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffc107;
    margin-top: 9px;
    margin-left: 3px;
}

.wp-block-latest-comments__comment-link {
    font-size: 15px;
    font-weight: bolder;
    color: var(--tt-pcolor);
}

/*user login modal style*/
.login-button {
    background: var(--e-global-color-primary);
    border: none;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
    width: 100%;
}

#user-login .author-avatar {
    float: right;
    margin-left: 10px;
    margin-top: 25px;
}

#user-login .author-avatar img {
    border-radius: 50%;
    padding: 2px;
    border: 2px #666464 solid;
}

#user-login .user_logged_in ul li {
    background: var(--e-global-color-primary);
    color: #fff;
    padding: 5px;
    text-align: center;
    border-radius: 2px;
    margin-bottom: 3px;
    transition: all .3s;
    -webkit-box-shadow: 5px 5px 27px 5px rgba(157, 157, 157, 0.22);
    box-shadow: 5px 5px 27px 5px rgba(157, 157, 157, 0.22);
}

#user-login .user_logged_in ul li:hover {
    opacity: .8;
    transition: all .3s;
}

#user-login .user_logged_in ul li a {
    color: #fff;
}

#user-login .user_logged_in ul li a i {
    float: right;
    font-size: 15px;
    position: relative;
    margin-top: 2px;
}

#user-login .user_logged_in .welcome-text:hover {
    color: #039be5;
    transition: all .3s;
}

.notice-default {
    background-color: #0f94e9;
    background: -moz-linear-gradient(45deg, #7700ff 0%, #0f94e9 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #7700ff), color-stop(100%, #0f94e9));
    background: -webkit-linear-gradient(45deg, #7700ff 0%, #0f94e9 100%);
    background: -o-linear-gradient(45deg, #7700ff 0%, #0f94e9 100%);
    background: -ms-linear-gradient(45deg, #7700ff 0%, #0f94e9 100%);
    background: linear-gradient(45deg, #7700ff 0%, #0f94e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0F94E9", endColorstr="#7700FF", GradientType=1);
    padding: 1rem 2rem;
    color: #fff;
    line-height: 2.6;
}

.notice-default h4,
.notice-success h4,
.notice-danger h4 {
    font-size: 25px;
    font-weight: bold;
}

.notice-default h4:before,
.notice-success h4:before,
.notice-danger h4:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    float: right;
    position: relative;
    display: block;
    margin: 10px;
}

.notice-success {
    background-color: #029d39;
    background-image: linear-gradient(to bottom left, #029D39, #0AB6CC);
    border-radius: 0 3px 3px 0;
    padding: 1rem 2rem;
    color: #fff;
    line-height: 2.5;
}

.notice-danger {
    background-color: #f31010;
    background-image: linear-gradient(to bottom left, #F31010, #D8189D);
    border-radius: 3px 0 0 3px;
    padding: 1rem 2rem;
    color: #fff;
    line-height: 2.5;
}

.notice-success p,
.notice-danger p {
    margin: 0 !important;
}

.notice-default p,
.notice-success p,
.notice-danger p {
    color: #fff !important;
}

.widget h2,
.wp-block-search__label , .widget .title {
    font-size: 15px;
    font-weight: bold;
    line-height: 2.5;
    margin-bottom: 10px;
    display: block;
    position: relative;
    color: #222222;
}

.widget h2:before,
.wp-block-search__label:before , .widget .title:before {
    content: "";
    position: absolute;
    top: 7px;
    width: 3px;
    height: 20px;
    right: -15px;
    background: var(--e-global-color-primary);
}

.widget h2:after,
.wp-block-search__label:after ,  .widget .title:after {
    font-family: "Font Awesome Pro";
    content: "\f1ce";
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.7;
}

/*start style of woocomerce account */
.woocommerce-MyAccount-navigation {
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px 1px #d3d2d3;
    -moz-box-shadow: 0 1px 2px 1px #d3d2d3;
    box-shadow: 0 1px 2px 1px #d3d2d3;
    margin-bottom: 15px;
    border-radius: 5px;
    margin-top: 30px;
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #eee;
}

.woocommerce-MyAccount-navigation-link--dashboard {
    margin-top: 0;
}

.woocommerce-MyAccount-navigation-link--customer-logout {
    border-bottom: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
    padding-right: 6px;
    border-right: 3px solid #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}

.woocommerce-MyAccount-navigation-link {
    height: 55px;
    line-height: 55px;
    list-style: none;
}

.woocommerce-MyAccount-navigation ul li a:before {
    display: inline-block;
    font-family: "Font Awesome Pro";
    font-weight: 300;
    font-size: inherit;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f682";
    line-height: 1.3em;
    margin-left: 10px;
    width: 16px;
    opacity: .8;
    line-height: 45px;
}

.woocommerce-MyAccount-content {
    margin: 30px 0;
}

.woocommerce-Input--text,
.woocommerce-Input--password,
.woocommerce-Input--email {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.woocommerce-Input--text:focus,
.woocommerce-Input--password:focus,
.woocommerce-Input--email:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.avatar-shop {
    background: linear-gradient(135deg, var(--e-global-color-primary) 0%, var(--tt-secondcolor) 100%);
    padding: 15px;
    border-bottom-left-radius: 20%;
    border-bottom-right-radius: 20%;
}

.avatar-shop img {
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 1px 1px 7px rgb(0 0 0 / 20%);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgb(0 0 0 / 20%);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    content: "\f0e4";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    content: "\f291";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
    content: "\f1c6";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    content: "\f015";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
    content: "\f09d";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    content: "\f007";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: "\f08b";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a:before {
    content: "\f021";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wishlist a:before {
    content: "\f004";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--tickets a:before {
    content: "\f682";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--products_support a:before {
    content: "\f1cd";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--support-tickets a:before {
    content: "\f1cd";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--announcements a:before {
    content: "\f0a1";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wishlists a:before {
    content: "\f004";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--comments a:before {
    content: "\f086";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--sendpost a:before {
    content: "\f304";
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    border-right: 3px solid;
    border-color: var(--e-global-color-primary);
    color: var(--e-global-color-primary);
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.woocommerce-account .woocommerce-MyAccount-content {
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px 1px #d3d2d3;
    -moz-box-shadow: 0 1px 2px 1px #d3d2d3;
    box-shadow: 0 1px 2px 1px #d3d2d3;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 15px;
    line-height: 2;
}

.box-info {
    background: linear-gradient(135deg, #f65599 0%, #4d0316 100%);
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    margin-top: 10px;
}

.box-info .icon {
    background: rgba(255, 255, 255, 0.35);
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 62px;
    text-align: center;
    border-radius: 50%;
    font-size: 15px;
    margin-top: 4px;
    float: right;
    color: #fff;
}

.box-info .icon:before {
    color: rgba(255, 255, 255, .35);
    content: "\f037";
    font-family: "Font Awesome Pro";
    font-weight: 300;
    font-size: 36px;
    position: absolute;
    right: -3px;
    top: 25px;
}

.box-info .icon i {
    margin-top: 10px;
    font-size: 21px;
}

.box-info span {
    margin-top: -6px;
    display: block;
    font-family: var(--tt-fontfanum);
}

.box-info p {
    margin: 0;
}

.blue-info-box {
    background: linear-gradient(135deg, #13f1fc 0%, #0470dc 100%);
}

.purple-info-box {
    background: linear-gradient(135deg, #f02fc2 0%, #6094ea 100%);
}

.green-info-box {
    background: linear-gradient(135deg, #c3ec52 0%, #0ba29d 100%);
}

.wp-block-social-links .wp-social-link:before {
    content: none;
}

.wp-block-social-links .wp-social-link {
    padding: 0 !important;
}

.archive .title-cat {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    display: block;
    line-height: 2.2;
}

.archive .title-cat .fa-list-alt,
.archive .title-cat .fa-search-location {
    font-size: 30px;
    float: left;
    color: var(--e-global-color-primary);
}

.archive .title-cat:hover i {
    transition: all 0.3s;
    animation: tada 1s;
    -webkit-animation: tada 1s;
    -moz-animation: tada 1s;
    animation-iteration-count: 1;
}

.archive .title-cat .page-title {
    font-weight: 700;
    font-size: 17px;
    margin-top: 5px;
}

.navigation {
    margin: 10px;
}

.navigation ul {
    float: none;
    display: block;
    margin: 0 auto;
}

.navigation ul li:hover {
    background: var(--tt-secondcolor);
}

.navigation ul li a,
.navigation ul li .page-numbers {
    float: right;
    min-width: 35px;
    height: 35px;
    background: var(--e-global-color-primary);
    margin: 0 5px;
    text-align: center;
    padding: 0 10px;
    line-height: 35px;
    border-radius: 5px;
    color: #fff;
    font-family: var(--tt-fontfanum);
}

.navigation ul li.active a,
.navigation ul li .page-numbers.current {
    background: var(--tt-secondcolor);
}

.content-article .more {
    font-size: 12px;
    float: left;
    margin: 15px;
    font-weight: 500;
    line-height: 30px;
    padding: 0 7px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    border-color: transparent;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    color: var(--e-global-color-primary);
    z-index: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 300ms cubic-bezier(.2, 1, .3, 1), color 300ms cubic-bezier(.2, 1, .3, 1);
    -o-transition: border-color 300ms cubic-bezier(.2, 1, .3, 1), color 300ms cubic-bezier(.2, 1, .3, 1);
    transition: border-color 300ms cubic-bezier(.2, 1, .3, 1), color 300ms cubic-bezier(.2, 1, .3, 1);
}

.content-article .more:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background-color: var(--e-global-color-primary);
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.content-article .more:hover {
    color: #fff;
}

.content-article .more:hover:before {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
}

.title-nofound {
    margin-top: 60px;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: #2a418d;
}
.title-nofound .emoji{
    height: 50px;
    margin: 10px;
}

.links-nofound ul li {
    list-style: none;
    margin-bottom: 10px;
}

.links-nofound ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    transition: all .6s ease-out;
    background: var(--e-global-color-primary);
    border-radius: 6px;
    margin-left: 5px;
    margin-top: 11px;
    float: right;
}

.links-nofound ul li:hover::before {
    background: var(--e-global-color-primary);
    width: 14px;
    transition: all .3s ease-out;
}

.links-nofound ul li a {
    font-size: 14px;
    font-weight: 500;
}

.img-nofound {
    height: 100%;
}
.utitle-nofound {
    margin-top: 40px;
    font-size: 31px;
    font-weight: 700;
    text-align: center;
    color: rgb(42, 65, 141);
    margin-bottom: 10px;
}

/*start accordion style*/
.accordion_box {
    border: 1px solid #ecedef;
    border-bottom: none;
    width: 100%;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    border-radius: 3px;
    margin-bottom: 15px
}

.accordion_box .accordion_title {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ecedef;
    font-size: 14px;
    display: block;
    color: #212121;
    white-space: nowrap;
    cursor: pointer
}

.accordion_box .accordion_title:hover {
    background: #f5f5f5
}

.accordion_box.active .accordion_title {
    color: #e31e24
}

.accordion_box .accordion_title a {
    border-bottom: none !important
}

.accordion_box .accordion_title:before {
    float: right;
    width: 45px;
    height: 45px;
    border-left: 1px solid #ecedef;
    text-align: center;
    margin-left: 15px;
    color: #03A9F4;
    -webkit-transition: transform 150ms;
    -o-transition: transform 150ms;
    transition: transform 150ms;
    display: inline-block;
    font-family: "Font Awesome Pro";
    font-size: inherit;
    -webkit-font-smoothing: antialiased
}

.accordion_box.active .accordion_title:before {
    color: #e31e24;
    content: "\f068"
}

#mobile_main_menu ul li a:after,
#mobile_main_menu ul li:before,
#mobile_user_menu ul li a:after,
#mobile_user_menu ul li:before,
body:after {
    content: ""
}

.accordion_box .accordion_content {
    display: none;
    padding: 10px 15px
}

.accordion_box .accordion_title:before,
.fa-plus:before {
    content: "\f067"
}

.accordion_box .accordion_content ul {
    list-style: none;
    font-size: 13px;
    padding: 0 5px !important;
}

.accordion_box .accordion_content ul li {
    margin-top: 8px;
    transition: all .3s ease-out;
    line-height: 1.6;
}

.accordion_box .accordion_content ul li::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    content: "\f00c";
    font-size: 11px;
    margin-left: 10px;
    color: #FF644E;
}

.accordion_box .accordion_content ul li:hover {
    padding-right: 10px;
    transition: all .3s ease-out;
    color: #295354;
}

.accordion_box .accordion_content ol {
    font-size: 13px;
    list-style: none;
    counter-reset: li-counter;
    padding: 0 5px !important;
}

.accordion_box .accordion_content ol li {
    margin-top: 12px;
    transition: all .3s ease-out;
    line-height: 1.6;
}

.accordion_box .accordion_content ol li::before {
    border-radius: 100%;
    position: relative;
    display: block;
    width: 20px !important;
    margin-left: 10px;
    float: right;
    height: 20px !important;
    padding: 0px;
    text-align: center;
    background-color: #00bcd4 !important;
    color: #ffffff;
    font-size: 10px !important;
    font-style: normal;
    overflow: hidden;
    content: counter(li-counter);
    counter-increment: li-counter;
    background-clip: padding-box;
    z-index: 9;
    line-height: 21px !important;
    margin-top: -4px;
    border: none !important;
    color: #fff !important;
    font-weight: normal !important;
}

.accordion_box .accordion_content ol li:hover::before {
    transform: rotate(360deg);
    transition: all .4s ease-out;
}

.accordion_box .accordion_content ol li:hover {
    padding-right: 10px;
    transition: all .4s ease-out;
    color: #295354;
}

.accordion_box .accordion_title .time {
    float: left;
    background: #fbc02d;
    overflow: hidden;
    color: #fff;
    border-radius: 3px;
    margin: 6px;
    padding: 5px 11px;
    font-size: 12px;
    line-height: 20px;
    font-family: var(--tt-fontfanum);

}

.accordion_box .accordion_title .download {
    float: left;
    background: var(--e-global-color-primary);
    overflow: hidden;
    color: #fff;
    border-radius: 3px;
    margin: 6px;
    padding: 5px 11px;
    font-size: 12px;
    line-height: 20px;
    font-family: var(--tt-fontfanum);
}

.accordion_box .accordion_title .size {
    float: left;
    background: #7b1fa2;
    overflow: hidden;
    color: #fff;
    border-radius: 3px;
    margin: 6px;
    padding: 5px 11px;
    font-size: 12px;
    line-height: 20px;
    font-family: var(--tt-fontfanum);
}

.accordion_box .accordion_title .size i,
.accordion_box .accordion_title .download i,
.accordion_box .accordion_title .time i {
    float: right;
    line-height: 17px;
    margin-left: 5px;
}

.tooltip {
    font-family: var(--tt-fontfanum);
    font-size: 11px;
}

.newplayer {
    max-width: 100%
}

.wp-block-image {
    margin-bottom: 15px;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background: var(--e-global-color-primary);
    border: none;
}
.progress-bar{
    background: var(--e-global-color-primary);
}
.progress-bar-top {
    height: 4px;
    background: var(--e-global-color-primary);
    width: 0%;
    position: fixed;
    z-index: 100000000000;
    top: 0;
}

ul.page-numbers li span.fa-angle-double-right,
ul.page-numbers li span.fa-angle-double-left {
    transform: rotate(180deg);

}
/* plyr color theme */
.plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true],.plyr__control--overlaid , .plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: var(--e-global-color-primary);
}
.plyr--full-ui input[type=range]{
    color: var(--e-global-color-primary);
}

/* start responsive css */
@media (min-width: 1400px){
    .elementor-section.elementor-section-boxed > .elementor-container  {
        max-width: 1320px !important;
    } }


@media only screen and (max-width: 767px){
    .post-single .content p {
    font-size: 14px;
    line-height: 30px;
}
.post-single .content h2,
.post-single .content h3 {
    font-size: 21px;
    line-height: 40px;
}
.elementor-widget-wp-widget-categories ul{
    height: auto;
}
.elementor-widget-wp-widget-categories ul li{
    top: 0;
}
.main-menu{
    box-shadow: none !important;
}
}
    @media only screen and (max-width: 412px){
        .breadcrumb-holder{
            display: none;
        }
        .post-meta ul li:first-child{
           width: 100%;
        }
       .post-meta ul li:nth-child(2){
            margin-right: 0;
        }
         .post-meta ul li:nth-child(2), .post-meta ul li:nth-child(3) {
            margin-top:10px;
        }

    }
/* end responsive css */

/* start header 2 style  */

.loginboxmodal .modal-content {
    border: none !important;
    border-radius: 0 !important;
}
.loginboxmodal .modal-header{
    border: 0 ;
}
.loginboxmodal .btn-close {
    background: transparent url(data:image/png;base64,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) center/1em auto no-repeat;
    background-color: var(--e-global-color-primary);
    transition: all .3ms;
}

.loginboxmodal .modal-title:before {
    content: '';
    background: var(--e-global-color-primary);
    width: 31px;
    height: 30px;
    position: absolute;
    transform: rotate(45deg);
    border-radius: 4px;
    opacity: .4;
}

.loginboxmodal .modal-title{
    font-size: 17px;
    font-weight: 700;
    margin-right: 10px;
    margin-top: 2px;
}
.main-top-menu{
    position: relative;
}
.main-top-menu ul {
    display: flex;
}
.main-top-menu ul li::after{
    content: "";
    display: none;
}
.main-top-menu > div > ul:hover > li::after{
    display: block;
}
.main-top-menu ul li a {
    display: inline-block;
    padding: 10px;
    color:#444;
    border-radius: 10px;
    transition: all 0.3s;
}
.main-top-menu > div > ul > li:hover > a ,.main-top-menu li.menu-item-has-children:hover:before{
    color: var(--e-global-color-primary);
}

.main-top-menu > div > ul > li > ul {
    position: absolute;
    background: #fff;
    width: 100%;
    min-height: 300px;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    top:130px;
    right: 0;
    display: flex;
    visibility: hidden;
    opacity: 0;
    transition: all 0.7s;
    padding: 10px;
    z-index: 999999;
    /* transform: skew(20deg); */
}
.main-top-menu > div > ul > li:hover > ul {
    transition: all 0.3s;
    visibility: visible;
    opacity: 1;
    top: 49px;
    pointer-events: all;
}

.main-top-menu > div > ul > li > ul > li{
    width: 25%;
    font-size: 15px;
    font-weight: 500;
}

.main-top-menu > div > ul > li > ul > li > ul{
    font-weight: normal;
    display: block;
}

.main-top-menu ul.small-menu{
    background: #fff;
    width: 20%;
    min-height: 150px;
    flex-direction: column;
    right: auto;

}

.main-top-menu ul.small-menu li{
    width: 100%;
    font-weight: normal !important
    border-radius: 7px;
}
.main-top-menu ul.small-menu li a{
    border: none;
    font-size: 13px;
    font-weight: normal;
    transition:  all 0.5s;
}
.main-top-menu ul.small-menu li:hover{
    transition:  all 0.5s;
    background: var(--e-global-color-primary);
}
.main-top-menu ul.small-menu li:hover a{
    transition:  all 0.5s;
    color: #fff;
}
.main-top-menu ul li ul li a{
    border-bottom: 1px #bdbdbd dashed;
    border-radius: 0;
    font-size: 14px;
    font-weight: bold;
}
.main-top-menu ul li ul li ul li{
    margin: 5px 0;
}
.main-top-menu ul li ul li ul li:hover{
    background: var(--e-global-color-primary);
    border-radius: 7px;
    transition: all .3s;
}
.main-top-menu ul li ul li ul li:hover a {
    color: #fff;
}

.main-top-menu ul li ul li ul li a{
    font-size: 13px;
    font-weight: normal;
    border: none;
}
.main-top-menu ul li.menu-item-has-children:before{
    font-family: icons;
    content: "\f142";
    float: left;
    margin-top: 12px;
    rotate: 180deg;
}
.main-top-menu ul li ul li.menu-item-has-children:before{
    content:"";
}

/*.main-top-menu ul li {*/
    /*float: right;*/
    /*padding: 0 5px;*/
    /*height: 60px;*/
    /*line-height: 57px;*/
    /*-webkit-transition: all .2s ease-in-out;*/
    /*transition: all .2s ease-in-out;*/
/*}*/

/*.main-top-menu ul li a {*/
    /*font-size: 14px;*/
/*}*/

/*.main-top-menu ul li ul {*/
    /*opacity: 0;*/
    /*-webkit-transition: all .2s ease-in-out;*/
    /*transition: all .2s ease-in-out;*/
    /*pointer-events: none;*/
/*}*/

/*.main-top-menu ul li ul {*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*background: var(--e-global-color-primary);*/
    /*right: 0px;*/
    /*padding: 0;*/
    /*list-style: none;*/
    /*z-index: 99999999;*/
    /*-webkit-transform: translateY(15px);*/
    /*-moz-transform: translateY(15px);*/
    /*-o-transform: translateY(15px);*/
    /*-ms-transform: translateY(15px);*/
    /*transform: translateY(15px);*/
    /*-webkit-transition: all .2s ease-in-out;*/
    /*transition: all .2s ease-in-out;*/
    /*border-top: none;*/
    /*top: 60px;*/
    /*overflow: hidden;*/
    /*border-radius: 5px;*/
/*}*/

/*.main-top-menu ul li:hover ul {*/
    /*opacity: 1;*/
    /*-webkit-transform: translateY(0);*/
    /*-moz-transform: translateY(0);*/
    /*-o-transform: translateY(0);*/
    /*-ms-transform: translateY(0);*/
    /*transform: translateY(0);*/
    /*pointer-events: all;*/
/*}*/

/*.main-top-menu ul li ul li {*/
    /*line-height: 35px;*/
    /*text-align: right;*/
    /*font-size: .9em;*/
    /*padding: 0;*/
    /*margin: 0;*/
    /*float: right;*/
    /*font-weight: 400;*/
    /*width: 25%;*/
    /*height: 40px;*/
/*}*/

/*.main-top-menu ul li ul li:hover a {*/
    /*padding-right: 15px;*/
/*}*/

/*.main-top-menu ul li ul li a {*/
    /*color: #fff;*/
    /*padding-right: 10px;*/
/*}*/

a.modal_account-header {
    position: relative;
    background: var(--e-global-color-primary);
    color: #fff;
    text-align: center;
    font-size: 20px;
    transition: all .3ms;
    padding: 6px 12px;
    border-radius: 5px;
}

a.start_search_top {
    position: relative;
    background: var(--e-global-color-primary);
    color: #fff;
    text-align: center;
    font-size: 20px;
    transition: all .3ms;
    padding: 6px 10px;
    border-radius: 5px;
}

a.start_search_top:hover {
    color: #fff;
}

a.is-opened-navi {
    transition: all .3ms;
    background: 0 0;
    z-index: 11;
}

a.is-opened-navi i:before {
    transition: all .3ms;
    content: "\f057" !important;
}

.main-menu , .header-bar{
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.0392156862745098);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 8px;
    margin-bottom: 0px;
    padding: 15px;
}

@media screen and (max-width: 992px) {
    .main-menu {
        padding-bottom: 15px;
    }

}

.main-menu .logo img {
    max-width: 120px;
}

.header-bar {
    padding: 10px 0;
    margin: 0;
    margin-top: 20px;
}

.header-bar .top-menu ul li {
    float: right;
    line-height: 22px;
}

.header-bar .top-menu ul li a {
    padding: 0 0.75rem;
    position: relative;
}

.header-bar .top-menu ul li a:hover {
    color: var(--e-global-color-primary);
}

.top-menu-icon ul li {
    float: left;
    padding: 2px;
    border-radius: 3px;
}
.top-menu-icon ul li:first-child{
    margin-left: 5px;
}
.top-menu-icon ul li a {
    color: #000;
    font-family: var(--tt-fontfanum);

}
.top-menu-icon ul li a:hover {
    color: var(--e-global-color-primary);
}

.top-menu-icon ul li a i {
    float: left;
    font-size: 15px;
    color: #fff;
    width: 25px;
    height: 25px;
    transition: 0.2s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    background: var(--tt-secondcolor);
    margin: 0;
    border: 2px solid;
    border-color: var(--tt-secondcolor);
}
.top-menu-icon ul li a i:hover{
    transition: 0.2s ease-in-out;
    background: #fff;
    color:var(--e-global-color-primary);
}
.top-menu-icon ul li .aparat{
    background: var(--tt-secondcolor);
    width: 25px;
    height: 25px;
    display: block;
    position: relative;
    border: 2px solid;
    border-color: var(--tt-secondcolor);
    border-radius: 7px;
    text-align: center;
    line-height: 19px;
    transition: 0.2s ease-in-out;
}
.top-menu-icon ul li .aparat:hover {
    transition: 0.2s ease-in-out;
    background: #fff;
}
.top-menu-icon ul li .aparat:hover svg {
    fill:var(--tt-secondcolor);
}
.top-menu-icon ul li .aparat svg{
    fill: #fff;
    height: 16px;
    width: 16px;
}

/* end header 2 style  */
.elementor-widget-wp-widget-categories ul{
    display: block;
    margin: 0 auto;
    float: none;
    text-align: center;
    background-color: #fff;
    border-radius: 200px 200px 30px 30px;
    height: 52px;
    position: relative;
    top: 16px;
    box-shadow: 0px 0px 62px 0px rgb(0 0 0 / 11%);
    padding: 4px 32px;
    width: calc(100% - 50px);
    margin: auto;
}
.elementor-widget-wp-widget-categories ul::before{
    content: " ";
    display: inline-block;
    background-color: var(--tt-secondcolor);
    border-radius: 200px 200px 30px 30px;
    height: 39px;
    position: relative;
    top: -24px;
    box-shadow: 0px 0px 62px 0px rgb(0 0 0 / 11%);
    padding: 4px 32px;
    margin: 0px;
    z-index: -4;
    width: 100%;
}
.elementor-widget-wp-widget-categories ul li{
    display: inline-block;
    background: var(--e-global-color-primary);
    margin-right: 10px;
    padding: 3px 10px;
    border-radius: 5px;
    transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
    top: -35px;
    position: relative;
    margin-bottom: 10px;
}
.elementor-widget-wp-widget-categories ul li:hover{
    background: var(--tt-secondcolor);
    transform: translateY(-4px);
}
.elementor-widget-wp-widget-categories ul li a{
    color: #fff;
    font-size: 14px;
}
.elementor-widget-wp-widget-categories h5{
    display: none;
}
ul.wp-block-latest-posts li{
    margin-bottom: 16px;
    border-bottom: dashed 1px #eee;
    padding-bottom: 10px;
    transition: all .3ms;
}
ul.wp-block-latest-posts li:last-child{
    border-bottom: none;
}
ul.wp-block-latest-posts  li::before {
    content: none;
}
ul.wp-block-latest-posts li:hover img{
    border: 3px solid !important;
    border-color: var(--tt-secondcolor) !important;
    transition: all .3ms;
}
ul.wp-block-latest-posts li:hover  a{
    color: var(--tt-secondcolor);
}
.wp-block-latest-posts img{
    border: 3px solid !important;
}
.wp-block-latest-posts.circle img{
    border-radius: 50% !important;
}
.wp-block-latest-posts.squre img{
    border-radius: 10px !important;
}
.tt-social-box a.fab:before {
    content: '';
}
.tt-social-box a {
    background-color: var(--e-global-color-primary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    color: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 3%);
    transition: 0.3s;
}
.tt-social-box a i , .tt-social-box a svg{
    font-size: 30px;
    float: right;
    fill:#fff;
    transition: 0.3s;
}
.tt-social-box a:hover i ,  .tt-social-box a:hover svg{
    transition: 0.3s;
    transform: rotate(35deg);
}
.tt-social-box .name {
    font-size: 13px;
    font-weight: 400;
    line-height: 27px;
    margin-right: 10px;
}
.tt-social-box .text {
    background-color: #fff;
    color: var(--e-global-color-primary);
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 50px;
}
.tt-social-box a:hover , .tt-social-box a:hover .text{
    background-color: #fff;
    color: #fff;
}
.tt-social-box .instagram ,  .tt-social-box .instagram:hover .text {
    background-color: #FF0088;
}
.tt-social-box .instagram .text , .tt-social-box .instagram:hover .name, .tt-social-box .instagram:hover i{
    color:#FF0088 ;
}
.tt-social-box .name {
    font-size: 13px;
    font-weight: 400;
    line-height: 27px;
    margin-right: 10px;
}
.tt-social-box .text {
    background-color: #fff;
    color: var(--e-global-color-primary);
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 50px;
}
.tt-social-box a:hover , .tt-social-box a:hover .text{
    background-color: #fff;
    color: #fff;
}
.tt-social-box .telegram , .tt-social-box .telegram:hover .text {
    background-color: #00AFF0;
}
.tt-social-box .telegram .text , .tt-social-box .telegram:hover .name, .tt-social-box .telegram:hover i{
    color:#00AFF0 ;
}
.tt-social-box .facebook , .tt-social-box .facebook:hover .text {
    background-color: #3B5998;
}
.tt-social-box .facebook .text , .tt-social-box .facebook:hover .name, .tt-social-box .facebook:hover i{
    color:#3B5998;
}
.tt-social-box .pinterest , .tt-social-box .pinterest:hover .text {
    background-color: #F0002A;
}
.tt-social-box .pinterest .text , .tt-social-box .pinterest:hover .name, .tt-social-box .pinterest:hover i{
    color:#F0002A;
}
.tt-social-box .aparat , .tt-social-box .aparat:hover .text {
    background-color: #df0f50;
}
.tt-social-box .aparat .text , .tt-social-box .aparat:hover .name, .tt-social-box .aparat:hover svg{
    color:#df0f50;
    fill: #df0f50;
}
.tt-social-box .youtube , .tt-social-box .youtube:hover .text {
    background-color: #FF0000;
}
.tt-social-box .youtube .text , .tt-social-box .youtube:hover .name, .tt-social-box .youtube:hover i{
    color:#FF0000;
}
.tt-social-box .whatsapp , .tt-social-box .whatsapp:hover .text {
    background-color: #2BB741;
}
.tt-social-box .whatsapp .text , .tt-social-box .whatsapp:hover .name, .tt-social-box .whatsapp:hover i{
    color:#2BB741;
}

.widget_recent_entries ul li a{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 10px;
    transition: all 0.3s ease-out;
    font-weight: 600;
    font-size: 12px;
    line-height: 2.1;
    color: #333333;
}
ul.wp-block-latest-posts li:last-child{
    margin-bottom: 0;
}
.single5-title{
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
}
.top-bar{
    position: absolute;
    height: 5px;
    display: block;
    width: 100%;
    background: var(--e-global-color-primary);
}
.aboutus_text img{
    display: block;
    margin-bottom: 30px;
}
.fa-bars:before, .fa-navicon:before {
    content: "\f0c9";
}
.dialog-lightbox-message::-webkit-scrollbar-thumb {
    background: var(--e-global-color-primary);
    border-radius: 0 30px 30px 0;
}
.dialog-lightbox-message::-webkit-scrollbar {
    width: 5px;
}
.dialog-lightbox-message::-webkit-scrollbar-track {
    margin: 10px 10px;
    border-radius: 0 30px 30px 0;
    width: 20px;
    left: 10px;
}
.counter-reset {
    counter-reset: li-counter;
}
.mizwp-search-form input{
    width: 100%;
    outline: 0;
    border: 0;
    box-sizing: border-box;
    padding: 10px;
    font-size: 25px;
    box-shadow: none !important;
    border-radius: 8px;
}
.modal-backdrop{
    background-color: var(--e-global-color-primary);
    opacity: 0.7 !important;
}
/* start style of icons */
.icons {
    display: inline-block;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    margin: 0 5px;
}
.icons:before {
    font-family:icons !Important;
}
.elementor-social-icon{
    display:grid !important;
}