.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-b89efdf:#323232;--e-global-color-pixPrimaryColor:#1274e7;--e-global-color-pixSecondaryColor:#ff6c5f;--e-global-typography-fddc982-font-family:"Sanat";font-family:"Peyda";}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body {
    overflow-x: hidden !important;
}
body.page-id-993868 .pixfort-area-content[data-area=topbar] {
    --pix-header-text-color: var( --pix-body-default );
}
footer:has(.elementor[data-elementor-post-type="pixfooter"]) {
    border-top: 2px dashed var( --text-gray-2 ) !important;
    margin-top: 60px !important;
}
.elementor-kit-7 {
    --e-global-color-primary: var( --text-primary ) !important;
    --e-global-color-secondary: var( --text-secondary ) !important;
}
.pix-header .btn[data-popup-id="994065"] {
    padding: 0;
    font-size: 40px;
}
a:has(topino) {
    letter-spacing: 3px;
}
topino {
    padding: 0 10px;
}
.pix-social-icons > a:first-child {
    padding-right: 0 !important;
}
.outline-glow-main {
    position: relative;
    /*--outline-glow-color: var( --text-secondary );
    --outline-glow-color-secondary: transparent;
    --outline-glow-w: 2px;*/
}
.outline-glow {
    inset: calc(var(--outline-glow-w, 1px)* 0);
    padding: var(--outline-glow-w, 1px);
    background: var(--outline-glow-color-secondary, transparent);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: inherit;
    position: absolute;
    display: inline-block !important;
}
.outline-glow-effect-1 .outline-glow-inner {
    background: conic-gradient(from 290deg, var(--outline-glow-color-secondary, transparent) 0%, var(--outline-glow-color, #fff) 10%, var(--outline-glow-color-secondary, transparent) 20%);
    animation: outline-glow-1 var(--outline-glow-duration, 3s) linear infinite;
    aspect-ratio: 1 / 1;
    border-radius: inherit;
    inset-inline-end: 50%;
    top: 50%;
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    display: inline-block !important;
}
.outline-glow-effect-2 .outline-glow-inner {
    background: conic-gradient(from 290deg at 50%, var(--outline-glow-color-secondary, transparent) 0%, var(--outline-glow-color, #fff) 20%, var(--outline-glow-color-secondary, transparent) 25%);
    animation: outline-glow-2 var(--outline-glow-duration, 3s) linear infinite;
    aspect-ratio: 1 / 1;
    border-radius: inherit;
    inset-inline-end: 50%;
    top: 50%;
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    display: inline-block !important;
}
@keyframes outline-glow-1 {
    0% {
        transform: translate(-50%,-50%) rotate(0deg);
    }
    to {
        transform: translate(-50%,-50%) rotate(360deg);
    }
}
@keyframes outline-glow-2 {
    0% {
        transform: translate(-88%,-50%) rotate(0deg);
    }
    33% {
        transform: translate(-12%,-50%) rotate(0deg);
    }
    50% {
        transform: translate(-12%,-50%) rotate(180deg);
    }
    83% {
        transform: translate(-88%,-50%) rotate(180deg);
    }
    to {
        transform: translate(-88%,-50%) rotate(360deg);
    }
}
/* portfolio */
.single-portfolio .mockup-browser {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.single-portfolio .mockup-browser-toolbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    direction: ltr;
    text-align: left;
}
.single-portfolio .mockup-browser-toolbar .circle {
    width: 20px;
    height: 20px;
}
.single-portfolio .mockup-browser-toolbar .input {
    flex-grow: 1;
    position: relative;
    padding-left: 30px !important;
}
.single-portfolio .mockup-browser-toolbar .input:before {
    content: "";
    position: absolute;
    top: 45%;
    left: 10px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    border: 2px solid currentColor;
    border-radius: 50%;
    opacity: 0.6;
}
.single-portfolio .mockup-browser-toolbar .input:after {
    content: "";
    position: absolute;
    top: 45%;
    left: 21px;
    height: 7px;
    transform: translateY(25%) rotate(-45deg);
    border: 1px solid currentColor;
    border-radius: 9999px;
    opacity: 0.6;
}
.single-portfolio .btn-portfolio {
    color: var( --text-primary ) !important;
    position: relative;
    display: block;
    margin: auto;
    width: fit-content;
    font-weight: 500;
}
.single-portfolio .btn-portfolio:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -10px;
    left: 0;
    background-image: url('/wp-content/uploads/2024/09/custom-underline.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    filter: brightness(0) saturate(100%) invert(29%) sepia(100%) saturate(1206%) hue-rotate(193deg) brightness(101%) contrast(100%);
}
.single-portfolio .pix-portfolio-site-content h3 {
    margin-bottom: 1rem;
    font-weight: 700;
    padding-right: 40px;
    position: relative;
}
.single-portfolio .pix-portfolio-site-content h3:before {
    content: "";
    width: 25px;
    height: 25px;
    background: var( --text-green );
    border: 5px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
/* rtl essentials theme */
.rtl .pix-header-boxed .pix-hover-item .pix-hover-right {
    transform: rotate(180deg);
}
.rtl .pixfort-likes-count {
    direction: ltr !important;
}
/* comment */
#comments {
    width: calc(100% - 30px);
    max-width: 750px;
    margin: auto !important;
    padding-bottom: 60px;
}
#comments > .comment-respond {
    padding: 50px 0 0 0;
}
#comments .media {
    position: relative;
    overflow: hidden;
}
#comments .media.less {
    height: 400px;
    overflow: hidden;
}
#comments .media.more {
    height: auto;
    padding-bottom: 60px !important;
}
#comments .media.more .toggle-button {
    background: none;
}
#comments .media .toggle-button {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    padding: 70px 30px 20px 30px;
    cursor: pointer;
}
#comments .media-body {
    overflow: visible;
    margin-top: 10px;
    margin-right: -20px;
}
#comments .media-body p {
    margin-right: -95px;
}
#comments .media-body p:last-child {
    margin-bottom: 0;
}
#comments .media-body .comment-meta {
    margin-bottom: 25px !important;
}
#comments .comment-form .form-group {
    flex: 0 0 50%;
    max-width: 50%;
}
/* crisp */
.rtl .crisp-client .cc-1brb6[dir=rtl], .rtl .crisp-client .cc-1brb6[dir=rtl] .cc-361jl, .rtl .crisp-client .cc-1brb6[dir=rtl] .cc-361jl *, .rtl .crisp-client .cc-1brb6[dir=rtl] .cc-olo99, .rtl .crisp-client .cc-1brb6[dir=rtl] .cc-olo99 *, .rtl .crisp-client .cc-1brb6[dir=rtl] .cc-1yy0g .cc-1no03 .cc-rfbfu .cc-1iwcs .cc-1o220 .cc-1dthu .cc-1icw9::placeholder {
    font-family: peyda, sans-serif !important;
}
.rtl .crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf, .rtl .crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf {
    right: 30px !important;
    bottom: 95px !important;
}
.rtl .crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-157aw, .rtl .crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw {
    width: 50px !important;
    height: 50px !important;
}
.rtl .crisp-client .cc-1brb6[data-full-view=true][data-website-logo=false][data-last-operator-face=false] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc[data-is-ongoing=false] .cc-1bvfm, .rtl .crisp-client .cc-1brb6[data-website-logo=false][data-last-operator-face=false] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc[data-is-ongoing=false] .cc-1bvfm {
    width: 30px !important;
    height: 24px !important;
    top: 14px !important;
    left: 10px !important;
}
.rtl .crisp-client .cc-1brb6[data-website-logo=false][data-last-operator-face=false][data-full-view=false] .cc-1yy0g .cc-1m2mf[data-maximized=true] .cc-157aw .cc-d73fc[data-is-ongoing=false] .cc-1bvfm {
    top: 17px !important;
    left: 17px !important;
}
.rtl .crisp-client .cc-1brb6 .cc-1yy0g .cc-1no03 {
    right: 30px !important;
    bottom: 160px !important;
}
.rtl .crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf:before {
    content: "";
    position: absolute !important;
    width: calc(100% + 65px) !important;
    height: calc(100% + 10px) !important;
    top: 50% !important;
    right: -5px !important;
    background: #fff !important;
    z-index: -1 !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 30px !important;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1) !important;
    cursor: pointer !important;
    transform: translateY(-50%);
}
.rtl .crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf:after {
    content: "چت آنلاین";
    position: absolute !important;
    top: 50% !important;
    right: 60px !important;
    transform: translateY(-50%) !important;
    font-family: "Peyda" !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    color: var( --text-black ) !important;
    cursor: pointer !important;
}
@media (max-width: 767px) {
    .back_to_top {
        left: 10px !important;
        transform: translateY(10px) !important;
    }
    .back_to_top.active {
        transform: translateY(-10px) !important;
    }
    footer:has(.elementor[data-elementor-post-type="pixfooter"]) {
        margin-top: 60px !important;
    }
    #comments {
        padding-bottom: 0;
    }
    html, body {
        font-size: 14px;
    }
    .text-20 {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
    .text-18 {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
    .rtl .crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf, .rtl .crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf {
        right: 10px !important;
        bottom: 75px !important;
    }
    .pix-header .btn[data-popup-id="994065"] {
        font-size: 25px;
    }
}
/* single post */
body.single-post h2 {
    font-size: 2rem;
    font-weight: 900;
}
body.single-post h3 {
    font-size: 1.25rem;
    font-weight: 700;
}
#rank-math-toc {
    margin-bottom: 50px;
    background: #fff;
    border: 1px solid;
    border-radius: 10px;
    padding: 30px;
    position: relative;
    overflow: hidden;
}
#rank-math-toc.less {
    height: 400px;
}
#rank-math-toc.more {
    padding-bottom: 100px;
}
#rank-math-toc .toggle-button {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    padding: 70px 30px 30px 30px;
    cursor: pointer;
}
#rank-math-toc.more .toggle-button {
    background: unset;
}
#rank-math-toc h2 {
    font-size: 1.5rem;
    position: relative;
    padding-right: 30px;
    margin-bottom: 20px;
}
#rank-math-toc h2:before {
    content: "";
    width: 20px;
    height: 20px;
    background: var( --text-green );
    border: 4px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.wp-block-separator {
    max-width: 100%;
    background-color: unset;
    border-color: var( --pix-gray-3 );
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sanat';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://topino.co/wp-content/uploads/2024/08/Sanat-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://topino.co/wp-content/uploads/2023/11/PeydaWebFaNum-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://topino.co/wp-content/uploads/2023/11/PeydaWebFaNum-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://topino.co/wp-content/uploads/2023/11/PeydaWebFaNum-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://topino.co/wp-content/uploads/2023/11/PeydaWebFaNum-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://topino.co/wp-content/uploads/2023/11/PeydaWebFaNum-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://topino.co/wp-content/uploads/2023/11/PeydaWebFaNum-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://topino.co/wp-content/uploads/2023/11/PeydaWebFaNum-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://topino.co/wp-content/uploads/2023/11/PeydaWebFaNum-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://topino.co/wp-content/uploads/2023/11/PeydaWebFaNum-Black.woff2') format('woff2');
}
/* End Custom Fonts CSS */