/*
|--------------------------------------------------------------------------
| RESET CSS
|--------------------------------------------------------------------------
|
| Modern CSS Reset
| Stable for Landing Pages / WordPress / Custom Projects
|
*/


/*
|--------------------------------------------------------------------------
| Box Sizing
|--------------------------------------------------------------------------
*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

/*
|--------------------------------------------------------------------------
| Remove Default Margin & Padding
|--------------------------------------------------------------------------
*/

* {
    margin: 0;
    padding: 0;
}

/*
|--------------------------------------------------------------------------
| HTML & Body
|--------------------------------------------------------------------------
*/

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    min-height: 100vh;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| HTML5 Semantic Elements
|--------------------------------------------------------------------------
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}


/*
|--------------------------------------------------------------------------
| Media Elements
|--------------------------------------------------------------------------
*/

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

/*
|--------------------------------------------------------------------------
| Form Elements
|--------------------------------------------------------------------------
*/

input,
button,
textarea,
select {

}

button {
    font: inherit;
    color: inherit;    
    background: transparent;
    border: none;
    outline: none;
}

/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/

button {
    cursor: pointer;
    background: none;
}

/*
|--------------------------------------------------------------------------
| Textarea
|--------------------------------------------------------------------------
*/

textarea {
    resize: vertical;
}

/*
|--------------------------------------------------------------------------
| Links
|--------------------------------------------------------------------------
*/

a {
    color: inherit;
    text-decoration: none;
}

/*
|--------------------------------------------------------------------------
| Lists
|--------------------------------------------------------------------------
*/

ul,
ol {
    list-style: none;
}

/*
|--------------------------------------------------------------------------
| Tables
|--------------------------------------------------------------------------
*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
|--------------------------------------------------------------------------
| Headings
|--------------------------------------------------------------------------
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
|--------------------------------------------------------------------------
| Paragraphs
|--------------------------------------------------------------------------
*/

p {
    overflow-wrap: break-word;
}

/*
|--------------------------------------------------------------------------
| HR
|--------------------------------------------------------------------------
*/

hr {
    border: none;
    border-top: 1px solid currentColor;
}

/*
|--------------------------------------------------------------------------
| Disabled
|--------------------------------------------------------------------------
*/

:disabled {
    cursor: not-allowed;
}

/*
|--------------------------------------------------------------------------
| Autofill Fix
|--------------------------------------------------------------------------
*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: inherit;
    transition: background-color 9999s ease-in-out 0s;
}

/*
|--------------------------------------------------------------------------
| Number Input Arrows
|--------------------------------------------------------------------------
*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

/*
|--------------------------------------------------------------------------
| Search Input
|--------------------------------------------------------------------------
*/

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

/*
|--------------------------------------------------------------------------
| Fieldset
|--------------------------------------------------------------------------
*/

fieldset {
    border: none;
}

/*
|--------------------------------------------------------------------------
| Details
|--------------------------------------------------------------------------
*/

summary {
    cursor: pointer;
}

/*
|--------------------------------------------------------------------------
| Selection
|--------------------------------------------------------------------------
*/

::selection {
    background: rgba(0, 0, 0, 0.15);
}

/*
|--------------------------------------------------------------------------
| Focus Visible
|--------------------------------------------------------------------------
*/

:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
}

/*
|--------------------------------------------------------------------------
| YP MAIN UTILITIES
|--------------------------------------------------------------------------
|
| Yazd Poolica Utility Classes
|
*/
:root {
    --primary-color: #09459B;
    --secondary-color: #d4f0fd;
    --light-bg: #effaff;
    --black-color: #000000;
    --white-color: #ffffff;
    --gray-color: #eeeeee;
    --normal-font-size: 13px;
    --medium-font-size: 15px;
    --large-font-size: 17px;
    --xlarge-font-size:20px;
    --border-radius: 4px;
}

/*
|--------------------------------------------------------------------------
| Container
|--------------------------------------------------------------------------
*/

.yp-container {
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
    padding-inline: 16px;
}

.yp-container-fluid {
    width: 100%;
    padding-inline: 16px;
}



/*
|--------------------------------------------------------------------------
| Display
|--------------------------------------------------------------------------
*/

.yp-block {
    display: block;
}

.yp-inline-block {
    display: inline-block;
}

.yp-inline {
    display: inline;
}

.yp-hidden {
    display: none;
}



/*
|--------------------------------------------------------------------------
| Float
|--------------------------------------------------------------------------
*/

.yp-ftl {
    float: left;
}

.yp-ftr {
    float: right;
}

.yp-clear {
    clear: both;
}


.yp-back-btn .content {
    text-align: left;
}
[dir="rtl"] .yp-back-btn .content {
    text-align: right;
}

/*
|--------------------------------------------------------------------------
| Flex
|--------------------------------------------------------------------------
*/

.yp-flex {
    display: flex;
}

.yp-inline-flex {
    display: inline-flex;
}

.yp-flex-wrap {
    flex-wrap: wrap;
}

.yp-flex-nowrap {
    flex-wrap: nowrap;
}

.yp-flex-column {
    flex-direction: column;
}

.yp-flex-row {
    flex-direction: row;
}



/*
|--------------------------------------------------------------------------
| Justify Content
|--------------------------------------------------------------------------
*/

.yp-justify-start {
    justify-content: flex-start;
}

.yp-justify-center {
    justify-content: center;
}

.yp-justify-end {
    justify-content: flex-end;
}

.yp-justify-between {
    justify-content: space-between;
}

.yp-justify-around {
    justify-content: space-around;
}

.yp-justify-evenly {
    justify-content: space-evenly;
}



/*
|--------------------------------------------------------------------------
| Align Items
|--------------------------------------------------------------------------
*/

.yp-items-start {
    align-items: flex-start;
}

.yp-items-center {
    align-items: center;
}

.yp-items-end {
    align-items: flex-end;
}

.yp-items-stretch {
    align-items: stretch;
}



/*
|--------------------------------------------------------------------------
| Text Align
|--------------------------------------------------------------------------
*/

.yp-text-left {
    text-align: left;
}

.yp-text-center {
    text-align: center;
}

.yp-text-right {
    text-align: right;
}



/*
|--------------------------------------------------------------------------
| Position
|--------------------------------------------------------------------------
*/

.yp-relative {
    position: relative;
}

.yp-absolute {
    position: absolute;
}

.yp-fixed {
    position: fixed;
}

.yp-sticky {
    position: sticky;
}



/*
|--------------------------------------------------------------------------
| Width
|--------------------------------------------------------------------------
*/

.yp-w-100 {
    width: 100%;
}

.yp-h-100 {
    height: 100%;
}



/*
|--------------------------------------------------------------------------
| Overflow
|--------------------------------------------------------------------------
*/

.yp-overflow-hidden {
    overflow: hidden;
}

.yp-overflow-auto {
    overflow: auto;
}



/*
|--------------------------------------------------------------------------
| Columns
|--------------------------------------------------------------------------
*/

.yp-row {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -10px;
}

.yp-row > * {
    padding-inline: 10px;
}



/*
|--------------------------------------------------------------------------
| Column Widths
|--------------------------------------------------------------------------
*/

.yp-col-5 {
    width: 5%;
}

.yp-col-10 {
    width: 10%;
}

.yp-col-15 {
    width: 15%;
}

.yp-col-20 {
    width: 20%;
}

.yp-col-25 {
    width: 25%;
}

.yp-col-30 {
    width: 30%;
}

.yp-col-33 {
    width: 33.3333%;
}

.yp-col-35 {
    width: 35%;
}

.yp-col-40 {
    width: 40%;
}

.yp-col-45 {
    width: 45%;
}

.yp-col-50 {
    width: 50%;
}

.yp-col-55 {
    width: 55%;
}

.yp-col-60 {
    width: 60%;
}

.yp-col-65 {
    width: 65%;
}

.yp-col-66 {
    width: 66.6666%;
}

.yp-col-70 {
    width: 70%;
}

.yp-col-75 {
    width: 75%;
}

.yp-col-80 {
    width: 80%;
}

.yp-col-85 {
    width: 85%;
}

.yp-col-90 {
    width: 90%;
}

.yp-col-95 {
    width: 95%;
}

.yp-col-100 {
    width: 100%;
}



/*
|--------------------------------------------------------------------------
| Common 12 Grid
|--------------------------------------------------------------------------
*/

.yp-col-1 {
    width: 8.3333%;
}

.yp-col-2 {
    width: 16.6666%;
}

.yp-col-3 {
    width: 25%;
}

.yp-col-4 {
    width: 33.3333%;
}

.yp-col-5x {
    width: 41.6666%;
}

.yp-col-6 {
    width: 50%;
}

.yp-col-7 {
    width: 58.3333%;
}

.yp-col-8 {
    width: 66.6666%;
}

.yp-col-9 {
    width: 75%;
}

.yp-col-10x {
    width: 83.3333%;
}

.yp-col-11 {
    width: 91.6666%;
}

.yp-col-12 {
    width: 100%;
}


/*
|--------------------------------------------------------------------------
| Margin Auto
|--------------------------------------------------------------------------
*/

.yp-mx-auto {
    margin-inline: auto;
}

/*
|--------------------------------------------------------------------------
| Cursor
|--------------------------------------------------------------------------
*/

.yp-pointer {
    cursor: pointer;
}



/*
|--------------------------------------------------------------------------
| Border Radius
|--------------------------------------------------------------------------
*/

.yp-rounded {
    border-radius: 8px;
}

.yp-rounded-lg {
    border-radius: 16px;
}

.yp-rounded-full {
    border-radius: 999px;
}


.h2-title {
    font-size: var(--xlarge-font-size);
}

.section-title {
    margin-bottom: 20px;
}

[dir="rtl"] .en-logo {
    display: none;
}
[dir="ltr"] .fa-logo {
    display: none;
}

/* text editor html */

.yp-content-formater {
  direction: rtl;
  text-align: right;
  line-height: 2;
  color: #222;
  font-size: 14px;
}
[dir="ltr"] .yp-content-formater {
    direction: ltr;
    text-align: left;
}
/* Paragraph */
.yp-content-formater p {
  margin: 0 0 12px 0;
  line-height: 2;
  color: #333;
}

/* Headings */
.yp-content-formater h1 {
  font-size: 20px;
  margin: 0 0 16px;
  font-weight: 800;
  color: #111;
}

.yp-content-formater h2 {
  font-size: 19px;
  margin: 28px 0 12px;
  font-weight: 700;
  color: #111;
  position: relative;
}

.yp-content-formater h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #00a8ff;
  margin-top: 6px;
  border-radius: 3px;
}

.yp-content-formater h3 {
  font-size: 17px;
  margin: 20px 0 10px;
  font-weight: 700;
  color: #222;
}

/* Strong / Bold */
.yp-content-formater strong {
  font-weight: 700;
  color: #000;
}

/* Lists */
.yp-content-formater ul,
.yp-content-formater ol {
  padding-right: 20px;
  margin: 0 0 15px;
}

.yp-content-formater ul li,
.yp-content-formater ol li {
  margin-bottom: 8px;
  line-height: 1.9;
}

/* Tables */
.yp-content-formater table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 14px;
  overflow: hidden;
  border-radius: 8px;
}

.yp-content-formater table th {
  background: #f5f7fa;
  font-weight: 700;
  padding: 12px;
  border: 1px solid #eee;
}

.yp-content-formater table td {
  padding: 12px;
  border: 1px solid #eee;
  color: #444;
}

/* Links */
.yp-content-formater a {
  color: #0077ff;
  text-decoration: none;
  transition: 0.2s;
}

.yp-content-formater a:hover {
  color: #0055cc;
  text-decoration: underline;
}

/* Blockquote */
.yp-content-formater blockquote {
  margin: 20px 0;
  padding: 15px 20px;
  background: #f9f9f9;
  border-right: 4px solid #00a8ff;
  color: #555;
}

[dir="ltr"] .yp-content-formater blockquote {
    border-left: 4px solid #00a8ff;
    border-right: 0;
}

[dir="ltr"] .fa-arrow-left::before {
  content: "\f061";
}
[dir="ltr"] .fa-arrow-right::before {
  content: "\f060";
}
/* Images */
.yp-content-formater img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  margin: 15px 0;
  display: block;
}

/* HR */
.yp-content-formater hr {
  border: none;
  border-top: 1px solid #eee;
  margin: 25px 0;
}

/* Code */
.yp-content-formater code {
  background: #f4f4f4;
  padding: 3px 6px;
  border-radius: 5px;
  font-family: monospace;
  font-size: 13px;
}

/* Lists spacing fix */
.yp-content-formater ul li::marker {
  color: #00a8ff;
}

.single-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:30px;
    width: 100%;
}

.yp-breadcrumbs{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    padding:8px 4px;
    font-size:14px;
    line-height:1.7;
    margin-bottom: 0;
}

.yp-breadcrumbs a{
    position:relative;
    color:#64748b;
    text-decoration:none;
    transition:all .25s ease;
    font-weight:500;
}

.yp-breadcrumbs a:hover{
    color:#0f172a;
    transform:translateY(-1px);
}

.yp-breadcrumbs .separator{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#cbd5e1;
}

.yp-breadcrumbs .separator svg{
    width:16px;
    height:16px;
}

.yp-breadcrumbs .current{
    color:#0f172a;
    font-weight:700;
    display:flex;
    align-items:center;
    gap:8px;
    padding:6px 14px;
    border-radius:7px;
    background:linear-gradient(
        135deg,
        rgba(15,23,42,0.06),
        rgba(15,23,42,0.03)
    );
    border:1px solid rgba(15,23,42,0.08);
}

.yp-back-container {
    flex-shrink:0;
}

.yp-back-btn{
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 220px;
    padding: 0px;
    border-radius: 7px;
    background: transparent;
    color: #000;
    text-decoration: none;
    overflow: hidden;
    transition: all .3s ease;
    border: 1px solid #ccc;
}

.yp-back-btn::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient( 120deg, #00000005, rgba(255, 255, 255, 0.46), transparent );
    transform:translateX(-100%);
    transition:all .7s ease;
}

.yp-back-btn:hover::before{
    transform:translateX(100%);
}

.yp-back-btn .icon{
    width: 45px;
    height: 40px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: #ebeef2;
}

.yp-back-btn .content{
    display: flex;
    flex-direction: column;
    font-size: 13px;
}
.yp-back-btn .arrow {
    margin-right: auto;
    margin-left: 25px;
    transition:all .7s ease;
    line-height: 1;
}
.yp-back-btn:hover .arrow {
    margin-left: 18px;
    transition:all .7s ease;
}

/* PAGINATION */

.yp-paginate {
    gap: 10px;
    margin-top: 50px;
}

.yp-page-btn {
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    border-radius: 14px;
    border: 1px solid #e5e7ee;
    background: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    transition: .25s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.yp-page-btn:hover {
    border-color: #00a8ff;
    color: #00a8ff;
    transform: translateY(-2px);
}

.yp-page-btn.active {
    background: linear-gradient(135deg,#00a8ff,#005dff);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 10px 25px rgba(0,120,255,.25);
}

.yp-prev,
.yp-next {
    font-size: 18px;
    font-weight: 900;
}

.yp-page-dots {
    padding: 0 6px;
    color: #999;
}





/*
|--------------------------------------------------------------------------
| Topbar
|--------------------------------------------------------------------------
*/
.yp-header {
  margin-bottom: 60px;
}
.yp-nav-wp {
    width: 100%;
}
.logo-bg {
    background-image: url('../images/header-logo-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 468px;
    height: 77px;
    position: absolute;
    bottom: -6px;
    right: 0;
    left: 0;
    margin: auto;
}
.yp-topbar {
    background: #2f2f2f;
    padding: 7px 0;
    overflow: hidden;
}

.yp-topbar-link {
    color: var(--white-color);
    font-size: 14px;
    line-height: 1;
}

.yp-topbar-link ul {
  display: flex;
}

.yp-topbar-link ul li {
  margin-right: 15px;
}

[dir="rtl"] .yp-topbar-link ul li {
    margin-right: 0;
    margin-left: 15px;
}

.yp-topbar-link ul li a {
  color: var(--white-color);
  transition: 0.3s ease;
}

.yp-topbar-link b {
    font-weight: 700;
}

.yp-lang-selector {
    direction: rtl;
}
[dir="rtl"] .yp-lang-selector {
    direction: rtl;
}

.yp-lang-selector a {
    color: var(--white-color);
}

.yp-lang {
    gap: 18px;
}

.yp-lang-selector img {
    width: 25px;
}
.mobile-logo {
    display: none;
}
.yp-persian,
.yp-english {
    color: var(--primary-color);
    font-size: var(--normal-font-size);
    transition: 0.3s ease;
    align-items: center;
}

.yp-lang a span {
    margin: 0 7px;
}

.yp-lang a:nth-child(2) span {
    line-height: 0.8;
}

.yp-header-social {
    gap: 18px;
}

.yp-header-social a {
    color: var(--primary-color);
    font-size: 20px;
    transition: 0.3s ease;
    margin: 0 4px 0 0px;
}

.yp-header-social a:hover {
    color: var(--black-color);
    transform: translateY(-2px);
}

/*
|--------------------------------------------------------------------------
| Middle header
|--------------------------------------------------------------------------
*/
.yp-header-middle {
    padding: 23px 0 23px 0;
}

.yp-middle-h-item {
    position: relative;
    padding: 0 30px;
}

.yp-middle-h-meta {
    text-align: right;
}

.yp-middle-h-item::before {
    content: '';
    width: 0;
    border-right: 2px dashed #bfcaed;
    height: 33px;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -1px;
    top: 50%;
    position: absolute;
}

[dir="rtl"] .yp-middle-h-item::before {
    border-left: 2px dashed #bfcaed;
    border-right: 0;
    left: -1px;
    right:auto;
}

.yp-middle-h-item:first-child {
  padding-left: 0px;
}

[dir="rtl"] .yp-middle-h-item:first-child {
    padding-right: 0;
    padding-left: 30px;
}

.yp-middle-h-item:last-child {
  padding-right: 0;
}

[dir="rtl"] .yp-middle-h-item:last-child {
    padding-left: 0;
    padding-right: 30px;
}

.yp-middle-h-item:last-child::before {
  content: none;
}

.yp-middle-h-icon {
    font-size: 25px;
    color: var(--primary-color);
    line-height: 1;
    margin-right: 10px;
    -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

[dir="rtl"] .yp-middle-h-icon {
    margin-right: 0;
    margin-left: 10px;
}

.yp-middle-h-meta label {
  font-size: var(--normal-font-size);
  line-height: 22px;
  display: block;
  margin-bottom: 2px;
  text-align: left;
}
[dir="rtl"] .yp-middle-h-meta label {
    text-align: right;
}

.yp-middle-h-meta span {
  font-size: var(--medium-font-size);
  line-height: 1;
  font-weight: 700;
  color: var(--black-color);
  display: block;
  letter-spacing: -0.01em;
}

.yp-header-search {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding-right: 25px;
}

[dir="rtl"] .yp-header-search {
    padding-left: 25px;
    padding-right: 0;
}

.yp-header-search button {
  font-size: 19px;
  margin: 0 14px;
  display: flex;
}

.yp-header-search button span {
    font-size: 13px;
    margin-left: 15px;
}

[dir="rtl"] .yp-header-search button span {
    margin-right: 15px;
    margin-left: 0;
}


/*
|--------------------------------------------------------------------------
| Main Navigation
|--------------------------------------------------------------------------
*/

.yp-main-nav {
    position: relative;
    z-index: 10;
}

.yp-head-wrap {
    position: relative;
    background: var(--primary-color);
    min-height: 78px;
    border-radius: 10px;
    padding-inline: 60px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.yp-nav {
    width: calc(50% - 90px);
}

.yp-nav:first-child .yp-menu {
    justify-content: flex-start;
}

.yp-nav:last-child .yp-menu {
    justify-content: flex-end;
}

.yp-menu {
    gap: 42px;
}

.yp-menu-item {
    position: relative;
    margin:0 5px;
}
.yp-menu .yp-menu-item:first-child {
    margin-right: 0;
}
.yp-menu .yp-menu-item:last-child {
    margin-left: 0;
}

.yp-menu .yp-menu-item > a {
    position: relative;
    display: flex;
    align-items: center;
    height: 43px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    transition: 0.3s ease;
}

.yp-has-sub > a::before,
.yp-menu .yp-menu-item > a::before,
.yp-has-sub > a::after {
    content: "";
    position: absolute;
    background: #ffffff;
    transition: 0.3s ease;
}

.yp-has-sub > a::before,
.yp-menu-item > a::before {
    width: 10px;
    height: 2px;
    top: 50%;
    left: -18px;
    transform: translateY(-50%);
}

[dir="rtl"] .yp-menu .yp-has-sub > a::before,
[dir="rtl"] .yp-menu .yp-menu-item > a::before {
    right: -18px;
    left: auto;
}

.yp-nav li ul li a::before, .yp-nav li ul li a::after {
  left: auto !important;
  right: 14px !important;
  top: 0;
}

[dir="rtl"] .yp-nav li ul li a::before, [dir="rtl"] .yp-nav li ul li a::after {
    right: auto !important;
    left: 14px !important;
}

.yp-has-sub > a::after {
    width: 2px;
    height: 10px;
    top: 50%;
    left: -14px;
    transform: translateY(-50%);
}
[dir="rtl"] .yp-has-sub > a::after {
    right: -14px;
    left: auto;
}

.yp-menu-item:hover > a {
    opacity: 0.85;
}


.yp-menu .yp-menu .yp-has-sub > a {
    color:#000;
}

/* =========================
   DROPDOWN MENU
========================= */
/*--------------------------------------------------------------
# Dropdown
--------------------------------------------------------------*/

.yp-menu{
    display:flex;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
}

.yp-menu li{
    position:relative;
    list-style:none;
}

/* ========= LEVEL 2 ========= */

.yp-menu > .yp-has-sub > .yp-menu{

    position:absolute;

    inset-inline-start:0;
    top:100%;

    display:block;

    width:240px;

    margin-top:18px;
    padding:12px;

    background:#fff;

    border-radius:18px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    opacity:0;
    visibility:hidden;

    transform:translateY(15px);

    transition:.25s;

    z-index:999;
}

.yp-menu > .yp-has-sub:hover > .yp-menu{

    opacity:1;
    visibility:visible;

    transform:none;
}


/* ========= LEVEL 3 ========= */

.yp-menu .yp-menu .yp-has-sub > .yp-menu{

    position:absolute;

    top:-12px;

    inset-inline-start:100%;

    margin-inline-start:10px;

    width:240px;

    padding:12px;

    background:#fff;

    border-radius:18px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    opacity:0;
    visibility:hidden;

    transform:translateX(10px);

    transition:.25s;

    z-index:999;
}

[dir="rtl"] .yp-menu .yp-menu .yp-has-sub > .yp-menu{

    inset-inline-end:auto;
    inset-inline-start:100%;

    margin-inline-end:0;
    margin-inline-start:10px;

    transform:translateX(-10px);

}

.yp-menu .yp-menu .yp-has-sub:hover > .yp-menu{

    opacity:1;
    visibility:visible;

    transform:none;
}


/* ========= ITEMS ========= */

.yp-menu .yp-menu li{

    width:100%;
    margin:0;

}

.yp-menu .yp-menu li+li{

    margin-top:4px;

}

.yp-menu .yp-menu a{

    display:flex;

    align-items:center;
    justify-content:space-between;

    min-height:46px;

    padding-inline:16px;

    color:#1e293b;

    border-radius:12px;

    font-size:14px;
    font-weight:600;

    transition:.25s;

}

.yp-menu .yp-menu a:hover{

    background:#f5f8fc;

    color:var(--primary-color);

}


/* ========= ARROW ========= */

.yp-menu .yp-menu .yp-has-sub>a{

    padding-inline-end:38px;

}

.yp-menu .yp-menu .yp-has-sub>a::after{

    content:"\f054";

    font-family:"Font Awesome 7 Pro";

    font-size:10px;

    position:absolute;

    inset-inline-end:16px;

    top:50%;

    transform:translateY(-50%);

    opacity:.55;

}

[dir="rtl"] .yp-menu .yp-menu .yp-has-sub>a::after{

    content:"\f053";

}


/* ========= TOP ARROW ========= */

.yp-menu>.yp-has-sub>.yp-menu::before{

    content:"";

    position:absolute;

    width:14px;
    height:14px;

    background:#fff;

    top:-7px;

    inset-inline-start:28px;

    transform:rotate(45deg);

}


[dir="rtl"] .yp-menu > .yp-has-sub > .yp-menu::before {
  inset-inline-end: auto;
  inset-inline-start: 28px;
}

.yp-menu .yp-menu .yp-menu::before{

    display:none;

}

/* MENU LINK HOVER */

.yp-menu-item > a{
    transition:.3s ease;
}

.yp-menu-item:hover > a {
    color:#fff;
    transform:translateY(-1px);
}

/* SMOOTH */

.yp-menu-item,
.yp-submenu,
.yp-submenu *,
.yp-has-sub .yp-menu,
.yp-has-sub .yp-menu * {
    backface-visibility:hidden;
}

/* MEGA FEEL */

.yp-submenu, 
.yp-has-sub .yp-menu {
    backdrop-filter:blur(16px);
    border: 1px solid rgba(237, 242, 247, 0.18);
}

.footer-m li ul {
  display: none;
}

.footer-m .nav-item.yp-menu-item.submenu.yp-has-sub a::before, .footer-m .nav-item.yp-menu-item.submenu.yp-has-sub a::after {
  content: none;
}

/* MOBILE SAFE */

@media(max-width:1200px){

    .yp-submenu, 
    .yp-has-sub .yp-menu{
        min-width:220px;
    }

}




.yp-logo {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    z-index: 5;
}
.yp-logo.new-logo-style {
    z-index: 5;
    position: relative;
    top: 5px;
    right: auto;
    transform: unset;
}

.yp-logo a {
    position: relative;
    width: 122px;
    height: 122px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 43px 10px -38px rgba(0, 0, 0, 0.12);
}

.yp-logo.new-logo-style a {
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
}

.yp-logo img {
    width: 112px;
    height: auto;
}

.yp-logo.yp-logo img {
  width: 674px;
  height: auto;
}

.yp-head-wrap::after {
    content: "";
    position: absolute;
    right: 40px;
    left: 40px;
    bottom: -6px;
    height: 6px;
    background: #72c6f4;
    border-radius: 0 0 8px 8px;
    z-index: -1;
    opacity: 0.9;
}



.yp-header-social  {
    display: flex;
}
.yp-header-social a {
  background-image: url('../images/social-media-icons-new.webp');
  background-size: 90px;
  width: 23px;
  height: 23px;
  display: block;
}
.yp-header-social a i {
    visibility: hidden;
}
.yp-header-social a.linkedin {
    background-position: 180.2px 0;
}
.yp-header-social a.telegram {
    background-position: 248.1px 0;
}
.yp-header-social a.whatsapp {
    background-position: 315px 0px;
}
.yp-header-social a.insta {
    background-position: 293px 0;
}

.top-bar-mobile-btn {
    display: none;
}



.yp-footer {
    background-color: transparent;
    background-image: linear-gradient(153deg, var(--primary-color) 0%, #002b68 100% 100%);
    clear: both;
    min-height: 400px;
    border-radius: 0;
    position: relative;
}
.yp-footer::before {
  content: '';
  background-image: url('../images/footer-bg.png');
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  opacity: 0.8;
  z-index: 1;
}

.yp-footer .yp-footer-top-svg {
    width: 778px;
    height: 77px;
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    margin: auto;
}

.yp-footer .yp-footer-bottom-svg {
  transform: rotate(180deg);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 765px;
  height: 76px;
}

.yp-footer .yp-container {
    position: relative;
    z-index: 2;
}

.yp-ft-logo.yp-flex.yp-flex-column {
    padding: 75px 0 7px;
}

.yp-ft-right {
    padding-bottom: 25px;
}

.yp-ft-logo svg {
    width: 170px;
}

.yp-ft-description,
.yp-social i,
.yp-ft-links,
.yp-ft-middle,
.yp-newsletter-input input::placeholder, 
.yp-newsletter-input input::-webkit-input-placeholder {
    color: #c3c3c3;
}

.yp-ft-description p {
    text-align: justify;
    line-height: 1.5;
    padding: 20px 0px;
}
    
.yp-ft-social,
.yp-ft-phone,
.yp-ft-mobile,
.yp-ft-email,
.yp-ft-address {
    display: flex;
}

.yp-social {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #bfcaed;
    font-size: 20px;
}

.yp-ft-social a {
    margin: 0 5px;
}

.yp-ft-phone p,
.yp-ft-mobile p,
.yp-ft-email p,
.yp-ft-address p { 
    margin: 5px;
}

.yp-newsletter,
.yp-ft-links {
    display: flex;
    flex-direction: column;
}

.yp-newsletter-input {
    border: 1px solid #bfcaed;
    border-radius: 30px;
    padding: 0px 20px;
}

.yp-newsletter h4 {
    padding: 10px 0;
}
.yp-newsletter-input input{
    padding: 6px;
}

.yp-ft-middle {
    margin: 0 40px;
}
.yp-ft-links {
    flex-direction: row;
    justify-content: space-between;
}
.footer-menu-block {
  margin: 0 10px;
}
.yp-ft-links li {
    padding: 3px 0;
    list-style: none;
    display: flex;
    align-items: center;
}

.yp-copyright {
    color: #ccc;
    font-size: 12px;
}

.yp-rights {
    padding: 15px 0;
}
.yp-chabokgroup {
    direction: ltr;
}
.yp-chabokgroup a {
    color: #ccc;
}

[dir="ltr"] .fa-light.fa-angle-left.fa-sm::before {
    content: "\f105";
}
.yp-ft-links li::before {
    content: "\f104";
    font-family: "Font Awesome 5 Pro";
    margin-left: 10px;
}
[dir="ltr"] .yp-ft-links li::before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    margin-right: 10px;
    margin-left: 0;
}

.yp-projects-loading {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.8);
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 100;
}

.yp-projects-loading.active {
    opacity: 1;
    visibility: visible;
}

.yp-projects-loading span{
    position: relative;
    width: 64px;
    height: 64px;
}

.yp-projects-loading span::before,
.yp-projects-loading span::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 4px solid transparent;
}

.yp-projects-loading span::before{
    border-top-color: #214788;
    border-left-color: #214788;
    animation: spin 1s linear infinite;
}

.yp-projects-loading span::after{
    inset: 8px;
    border-bottom-color: #58ccff;
    border-right-color: #58ccff;
    animation: spinReverse .7s linear infinite;
}

@keyframes spin{
    to{
        transform: rotate(360deg);
    }
}

@keyframes spinReverse{
    to{
        transform: rotate(-360deg);
    }
}

.yp-project-content-container {
    position: relative;
}

body.tax-stories .yp-footer svg path {
  fill: #effaff;
}
body.single-academy .yp-footer svg path,
body.single-academy .yp-footer svg  {
    fill: rgb(248, 250, 252);
}
.search.search-results .yp-footer svg path,
.search.search-no-results .yp-footer svg path,
.single.single-press_clipping .yp-footer svg path,
.single.single-projects .yp-footer svg path,
.archive.tax-faq-category .yp-footer svg path,
.post-type-archive.post-type-archive-products .yp-footer svg path,
body.tax-product-category .yp-footer svg path {
  fill: #f4f7fb;
}


.yp-login-btn {
    border: 1px solid var(--primary-color);
    padding: 5px 12px;
    border-radius: 9px;
    color: var(--primary-color);
    font-size: 14px;
    transition: all 300ms;
}
.yp-login-btn:hover {
    background-color: var(--primary-color);
    color:#fff;
    transition: all 300ms;
}
/* Search */

.yp-search-hero {
    min-height: 570px;
    padding: 140px 0;
    display: flex;
    align-items: center;
    margin-top: -100px;
}

.yp-search-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(4px) scale(1.05);
}

.yp-search-overlay {
    background:
    linear-gradient(to left,
    rgba(8,12,20,.94),
    rgba(8,12,20,.75));
}

.yp-search-hero-content {
    max-width: 900px;
    margin-inline: auto;
}

.yp-search-mini-title {
    display: inline-flex;
    align-items: center;
    height: 44px;
    padding: 0 20px;
    border-radius: 999px;
    background: rgba(255,255,255,.1);
    color: #fff;
    margin-bottom: 24px;
    backdrop-filter: blur(10px);
}

.yp-search-title {
    font-size: 27px;
    color: #fff;
    margin: 0 0 25px;
    line-height: 1.3;
    font-weight: 900;
}

.yp-search-desc {
    color: rgba(255,255,255,.75);
    line-height: 2;
    font-size: 18px;
    margin-bottom: 45px;
}

.yp-search-form {
    max-width: 760px;
    margin-inline: auto;
    position: relative;
}

.yp-search-form input {
    width: 100%;
    height: 78px;
    border: 0;
    border-radius: 24px;
    padding: 0 30px 0 30px;
    font-size: 16px;
    outline: none;
    background-color: #fff;
    box-shadow: 0 25px 60px rgba(0,0,0,.18);
}

.yp-search-form button {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 58px;
    padding: 0 30px;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(135deg,#00a8ff,#005dff);
    color: #fff;
    cursor: pointer;
    font-weight: 700;
}

[dir="rtl"] .yp-lang-selector a {
  margin-right: 11px;
}

[dir="ltr"] .yp-lang-selector a {
  margin-left: 11px;
}


@media screen and (max-width:1200px) {
    .yp-logo.yp-logo img {
        width: 103px;
        height: 103px;
        object-fit: cover;
        object-position: 68.9% -3px;
        position: absolute;
        z-index: 999;
        min-width: 103px;
        border-radius: 100%;
        background: #fff;
        border: 2px solid #eee;
    }
    .logo-bg {
        display: none;
    }
}


    /* Desktop */
.yp-mobile-filter-toggle,
.yp-mobile-filter-header,
.yp-mobile-filter-overlay{
    display:none;
}


@media (max-width: 992px) {

    .yp-header {
        margin-bottom: 30px !important;
    }

    /* TOPBAR ساده‌تر */
    .yp-topbar {
        font-size: 12px;
        background: #fff;
    }
    
    .yp-topbar a,
    .yp-topbar-link ul li a {
        color:#000;
    }

    .yp-main-nav .yp-container {
        padding: 0;
    }

    .yp-topbar-link ul {
        flex-wrap: wrap;
        gap: 8px;
    }

    /* مخفی کردن وسط هدر اضافی */
    .yp-middle-h-item {
        display: none;
    }
    .yp-header-middle {
        padding: 0;
    }
    .yp-middle-h-icon,
    .yp-middle-h-meta span {
        color:#fff;
    }
    .yp-middle-h-item.yp-head-phone::before,
    .yp-head-search::before {
        content: none;
    }
    .yp-middle-h-meta label,
    .yp-head-search button span {
        display: none;
    }

    .yp-middle-h-item.yp-head-phone {
        display: block;
        position: absolute;
        right: 100px;
        top: 66px;
        z-index: 4;
        color: #fff;
        display: flex;
        width: 178px;
    }
    .yp-head-search {
        display: flex;
        position: absolute;
        top: 53px;
        color: #fff;
        z-index: 99;
        left: 10px;
        width: 40px;
        padding: 0 !important;
        height: 40px;
        justify-content: center;
    }

    [dir="ltr"] .yp-head-search {
        right: 10px;
        left:auto;
    }

    /* NAV WRAP */
    .yp-head-wrap {
        padding-inline: 20px;
        min-height: 70px;
        border-radius: 0;
    }

    /* LOGO وسط بهتر */
    .yp-logo {
        position: relative;
        transform: none;
        right: auto;
        top: auto;
        margin: 0 auto;
    }

    /* دسکتاپ منوها مخفی */
    .yp-nav-wp {
        position: fixed;
        top: 0;
        right: -100%;
        width: 85%;
        max-width: 210px;
        height: 100vh;
        background: var(--primary-color);
        z-index: 9999;
        transition: 0.35s ease;
        padding: 80px 20px 20px;
        overflow-y: auto;
        display: block;
        align-items: flex-start;
        flex-wrap: wrap;
        overflow: scroll;
    }

    .yp-menu .yp-menu-item {
        margin: 0 9px !important;
    }

    .yp-nav:last-child .yp-menu {
        margin-top: 0;
    }
    .yp-nav {
        width: 100%;
    }

    [dir="rtl"] .yp-nav-wp {
        left: auto;
        right: -100%;
    }

    .nav-is-active .yp-nav-wp {
        right: 0;
    }

    [dir="rtl"] .nav-is-active .yp-nav-wp {
        left: 0;
    }

    .yp-menu {
        flex-direction: column;
        gap: 0;
        justify-content: right;
        text-align: right;
        align-items: flex-start;
        padding: 0 14px;
        margin-top: 38px;
    }

    .yp-menu-item > a {
        height: auto;
        padding: 14px 10px;
        font-size: 16px;
    }

    /* ساب منو آکاردئونی */
    .yp-submenu {
        position: relative;
        top: auto;
        left: auto;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-radius: 0;
        background: rgba(255,255,255,0.05);
        display: none;
        margin-top: 10px;
    }

    .yp-menu-item.open > .yp-submenu {
        display: block;
    }

    .yp-submenu a {
        color: #fff;
        background: transparent;
        min-height: 40px;
    }

    .yp-submenu a:hover {
        color: #38bdf8;
    }

    /* toggle button */
    .yp-menu-toggle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 7px;
        width: 40px;
        height: 40px;
        background: transparent;
        border: none;
        cursor: pointer;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10000;
    }

    [dir="rtl"] .yp-menu-toggle {
        right: 15px;
        left: auto;
    }

    .yp-menu-toggle span {
        height: 1px;
        width: 100%;
        background: #fff;
        border-radius: 2px;
    }

    .yp-menu .yp-menu-item > a {
        height: 55px;
    }

    /* overlay */
    .yp-nav::before {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.836);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        width: calc(100% - 210px);
        right: auto;
        left: 0;
    }
    .nav-is-active .yp-middle-h-item.yp-flex.yp-items-center.yp-head-search {
        z-index: -1;
    }
    .yp-nav.active::before {
        opacity: 1;
        visibility: visible;
    }
    .yp-header-search button {
        margin: 0;
    }
    .mobile-logo {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 99;
        width: 93px;
        height: 93px;
        display: block;
        top: -10px;
        border: 4px solid #fff;
        border-radius: 100px;
        background: #fff;
    }
    .yp-logo.new-logo-style {
        position: absolute;
        left: 0;
        right: 0;
        top: 51px;
        width: 60px;
        height: 60px;
        min-width: 60px;
        min-height: 60px;
    }

    .nav-is-active .logo-bg {
        display: block;
        position: absolute;
        z-index: 1;
        right: 0;
        left: 0;
        top: -28px;
        transform: rotate(180deg);
        width: 210px;
        height: 62px;
        bottom: auto;
    }
  .nav-is-active .yp-menu-toggle {
    position: unset;
    width: calc(100% - 210px);
    float: left;
    height: 100%;
    position: fixed;
    z-index: 99999;
    left: 0;
    right: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100px;
  }
    .nav-is-active .yp-menu-toggle span {
        display: none;
    }
    .nav-is-active .yp-menu-toggle::before {
        content: '\f057';
        font-family: 'Font Awesome 7 Pro';
        color: #fff;
        position: fixed;
        left: 26%;
        font-size: 24px;
    }

    .yp-logo.yp-logo img {
        width: 80px;
        height: 80px;
        object-position: 68.9% -3px;
        min-width: 80px;
    }


    .yp-head-search.yp-auth-login {
        position: absolute;
        right: 67px;
        width: 135px;
        color: #fff;
        top: 53px;
        width: 40px;
    }

    [dir="ltr"] .yp-head-search.yp-auth-login {
        left: 67px;
        right: auto;
    }

    .admin-bar .yp-head-search.yp-auth-login {
        top: 90px;
    }

    .yp-login-btn {
        color: #fff;
        border-color: #fff;
        font-size: 22px;
        border: 0;
        display: flex;
    }

    .admin-bar .yp-head-search {
        top: 90px;
    }

    .yp-login-btn span {
        display: none;
    }

    .yp-middle-h-item.yp-flex.yp-items-center.yp-head-phone {
    display: none;
    }





    /* filter form */
    .yp-mobile-filter-toggle{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        width:100%;
        height:52px;
        border:none;
        border-radius:14px;
        background:#0F6CBD;
        color:#fff;
        font-size:15px;
        font-weight:700;
        margin-bottom:20px;
    }

    .yp-mobile-filter-overlay{
        display:block;
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.45);
        opacity:0;
        visibility:hidden;
        transition:.3s;
        z-index:9998;
    }

    #yp-filter-form{

        position:fixed;

        left:0;
        right:0;
        bottom:0;

        background:#fff;

        z-index:9999;

        border-radius:22px 22px 0 0;

        max-height:90vh;

        overflow:auto;

        padding:20px;

        transform:translateY(100%);
        transition:.35s ease;
    }

    body.yp-filter-open #yp-filter-form{
        transform:translateY(0);
    }

    body.yp-filter-open .yp-mobile-filter-overlay{
        opacity:1;
        visibility:visible;
    }

    .yp-mobile-filter-header{
        display:flex;
        align-items:center;
        justify-content:space-between;

        padding-bottom:15px;
        margin-bottom:20px;
        border-bottom:1px solid #eee;
    }

    .yp-mobile-filter-header h3{
        margin:0;
        font-size:18px;
        font-weight:700;
    }

    .yp-mobile-filter-close{
        width:42px;
        height:42px;
        border:none;
        background:#f4f4f4;
        border-radius:50%;
    }

    .yp-products-toolbar-inner{
        display:block !important;
    }

    .yp-products-toolbar, .yp-filter-toolbar {
        margin-top: -28px;
    }

    .yp-toolbar-search{
        margin-bottom:20px;
    }

    .yp-toolbar-filters{
        display:block !important;
    }

    .yp-filter-dropdown{
        margin-bottom:14px;
    }

    .yp-filter-btn{
        width:100%;
        justify-content:space-between;
    }

    .yp-filter-menu{

        position:static;

        opacity:1;
        visibility:visible;

        display:none;

        box-shadow:none;

        border:1px solid #eee;

        border-radius:12px;

        margin-top:8px;
    }

    .yp-filter-dropdown.active .yp-filter-menu{
        display:block;
    }

    .yp-toolbar-view{

        margin-top:20px;

        justify-content:center;
    }

    .yp-filter-dropdown{
    border:1px solid #e8e8e8;
    border-radius:14px;
    overflow:hidden;
    margin-bottom:12px;
    background:#fff;
}

.yp-filter-btn{

    width:100%;

    padding:16px 18px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    font-size:15px;

    font-weight:700;

    background:#fff;

    border:0;

    cursor:pointer;
}

.yp-filter-btn span{
    transition:.3s;
}

.yp-filter-dropdown.active .yp-filter-btn span{
    transform:rotate(180deg);
}

.yp-filter-menu{

    display:none;

    border-top:1px solid #eee;

    padding:10px 16px;

    max-height:260px;

    overflow:auto;

    background:#fafafa;
}

.yp-check-item,
.yp-radio-item{

    display:flex;

    align-items:center;

    gap:10px;

    padding:12px 0;

    border-bottom:1px solid #efefef;
}

.yp-check-item:last-child,
.yp-radio-item:last-child{
    border-bottom:none;
}

.yp-check-item input,
.yp-radio-item input{

    width:18px;
    height:18px;

}
 .yp-filter-dropdown.active .yp-filter-menu {
    display: block;
    position: relative;
    opacity: 1;
    z-index: 2;
    visibility: visible;
    width: 100%;
    margin: 9px 0 !important;
  }
  .yp-products-toolbar, .yp-filter-toolbar {
  margin-top: -27px !important;
  }

  .yp-products-desc {
    font-size: 14px !important;
  }

    
}

/* Responsive typography */
@media (max-width: 768px) {
    .yp-content-formater {
        font-size: 14px;
    }

    .yp-content-formater h1 {
        font-size: 22px;
    }

    .yp-content-formater h2 {
        font-size: 18px;
    }

    .yp-content-formater h3 {
        font-size: 16px;
    }

    .yp-breadcrumbs{
        padding:14px 16px;
        gap:8px;
        border-radius:14px;
    }

    .yp-breadcrumbs .current{
        width:100%;
        margin-top:4px;
        justify-content:center;
        text-align:center;
    }

    .single-nav .yp-breadcrumbs {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        overflow: auto;
        padding-right: 0;
        padding-left: 0;
        border-bottom: 1px solid #00000011;
    }
    .single-nav {
        width: 100%;
        flex-direction: column;
    }
    .yp-breadcrumbs * {
       min-width: max-content;
       font-size: 12px;
    }

    .yp-back-container {
        display: none;
    }

    .yp-topbar-link .yp-menu-item > a {
        font-size: 13px;
        padding: 14px 1px;
    }

    .admin-bar .yp-head-search.yp-auth-login,
    .admin-bar .yp-head-search {
        top: 105px;
    }
}

@media screen and (max-width:600px) {
    .yp-footer .yp-ft-right, .yp-footer .yp-ft-middle, .yp-footer .yp-ft-left {
        width: 100%;
        margin: 0 0 30px 0 !important;
    }
    .yp-icon-nav a {
        min-height: 74px !important;
        padding: 9px 10px !important;
    }
    .yp-icon-nav {
        grid-auto-columns: max(112px,calc(100% / 8)) !important;
    }
    .yp-footer .yp-flex {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .yp-ft-mobile.yp-flex,
    .yp-ft-email.yp-flex {
        flex-direction: row;
    }
    .yp-footer .yp-footer-top-svg {
        width: 671px;
        height: 36px;
    }

    .yp-head-search.yp-auth-login {
        top: 48px;
    }

    .admin-bar .yp-head-search.yp-auth-login, .admin-bar .yp-head-search {
        top: 95px;
    }

    #yp-projects-container {
        display: flex;
        width: 100%;
        overflow: auto;
    }
    #yp-projects-container a.project {
        min-width: 250px;
        min-height: 255px !important;
        max-height: 255px !important;
    }
    
}

@media (max-width: 599px) {

    .top-bar-mobile-btn {
        display: block;
        color:#000;
        font-size: 21px;
        top: 2px;
        position: relative;
    }
    
    [dir="rtl"] .yp-header-search {
        padding-left: 0;
        padding-right: 0;
    }

    .yp-middle-h-meta {
       display: none;
    }
    .top-bar-mobile-btn:hover + .yp-topbar-link ul {
        visibility: visible;
        opacity: 1;
    }
    .yp-middle-h-item.yp-head-phone {
        top: 12px;
        right: 66px;
    }
    .yp-middle-h-icon {
        font-size: 21px;
        color:#000;
    }
    .yp-head-search {
        top: 49px;
    }
    .ct-h-middle-link {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .yp-header.nav-is-active .yp-head-phone {
        z-index: 0 !important;
    }
    .yp-products-archive {
        margin-top: -88px !important;
    }
    .yp-topbar-link ul {
        position: absolute;
        width: 196px;
        background: #fff;
        z-index: 99;
        background:#fff;
        border-radius:22px;
        padding:14px;
        box-shadow:
            0 20px 60px rgba(15,23,42,.12),
            0 2px 8px rgba(15,23,42,.06);
        opacity:0;
        visibility:hidden;
        transform:
            translateY(15px)
            scale(.96);
        transition:
            opacity .28s ease,
            transform .28s ease,
            visibility .28s;
        z-index:50;
        border:1px solid #edf2f7;
        top: 15px;
        right: 4px;
    }
    .yp-topbar-link ul li {
        margin-right: 15px;
        display: block;
        width: 100%;
        text-align: right;
        line-height: 2;
    }

    .yp-lang span {
        display: none;
    }

    .yp-logo a img {
        width: 90px;
    }

    .yp-head-wrap {
        min-height: 60px;
        padding-inline: 15px;
    }

    .yp-menu-toggle {
        width: 34px;
        height: 34px;
    }

    .yp-menu-item > a {
        font-size: 15px;
    }

    .yp-submenu a {
        font-size: 13px;
        padding: 10px 12px;
    }
    .yp-middle-h-item.yp-flex.yp-items-center.yp-head-phone i {
        color:rgba(255, 255, 255, 0.831);
    }
     .yp-middle-h-item.yp-flex.yp-items-center.yp-head-phone {
        position: absolute;
        display: block;
        right: auto !important;
        top: 59px;
        z-index: 22;
        left: 70px;
        width: 25px;
        padding: 0;
        color: rgba(255, 255, 255, 0.831);
    }
    [dir="ltr"] .yp-header-search {
        padding-right:0 ;
    }
    [dir="ltr"] .yp-middle-h-item.yp-flex.yp-items-center.yp-head-phone {
        right: 70px !important;
        left: auto;
    }
    .admin-bar .yp-middle-h-item.yp-flex.yp-items-center.yp-head-phone {
        top: 105px;
    }
}








/*
|--------------------------------------------------------------------------
| 404 Page
|--------------------------------------------------------------------------
*/

.yp-404-section{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:calc(100vh - 180px);
    padding:80px 20px;
    overflow:hidden;
}

/* Background Shapes */

.yp-404-section::before,
.yp-404-section::after{
    content:"";
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    opacity:.55;
    pointer-events:none;
}

.yp-404-section::before{
    width:340px;
    height:340px;
    top:-120px;
    right:-120px;
}

.yp-404-section::after{
    width:280px;
    height:280px;
    
    bottom:-100px;
    left:-100px;
}

/* Card */

.yp-404-box{
    position:relative;
    z-index:2;
    width:100%;
    max-width:760px;
    text-align:center;
    padding:70px 60px;
    border-radius:28px;
}

/* Number */

.yp-404-number{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-bottom:35px;
}

.yp-404-number span{
    font-size:170px;
    line-height:1;
    font-weight:900;
    color:#1d6dff;
    text-shadow:
        0 12px 30px rgba(29,109,255,.18);
    user-select:none;
}

.yp-404-circle{
    width:145px;
    height:145px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#2f80ff,#58a4ff);
    box-shadow:
        0 15px 40px rgba(47,128,255,.35);
    animation:yp404Float 4s ease-in-out infinite;
}

.yp-404-circle svg{
    width:78px;
    height:78px;
}

.yp-404-circle circle{
    stroke:#fff;
    stroke-width:8;
    stroke-linecap:round;
    fill:none;
    stroke-dasharray:240;
    stroke-dashoffset:0;
    animation:yp404Rotate 6s linear infinite;
}

/* Title */

.yp-404-box h1{
    margin:0 0 18px;
    font-size:40px;
    font-weight:800;
    color:#183153;
}

/* Description */

.yp-404-box p{
    max-width:560px;
    margin:0 auto 40px;
    font-size:17px;
    line-height:2;
    color:#6b7a90;
}

/* Button */

.yp-404-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-width:220px;
    height:58px;
    padding:0 34px;
    border-radius:60px;
    background:linear-gradient(135deg,#2b7fff,#1d6dff);
    color:#fff;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:.35s;
    box-shadow:
        0 12px 30px rgba(29,109,255,.30);
}

.yp-404-btn:hover{
    color:#fff;
    transform:translateY(-4px);
    box-shadow:
        0 18px 40px rgba(29,109,255,.40);
}

.yp-404-btn:active{
    transform:translateY(0);
}

/* Animations */

@keyframes yp404Float{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-10px);
    }

    100%{
        transform:translateY(0);
    }

}

@keyframes yp404Rotate{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

/* Tablet */

@media (max-width:768px){

    .yp-404-box{
        padding:55px 30px;
    }

    .yp-404-number{
        gap:12px;
    }

    .yp-404-number span{
        font-size:110px;
    }

    .yp-404-circle{
        width:100px;
        height:100px;
    }

    .yp-404-circle svg{
        width:55px;
        height:55px;
    }

    .yp-404-box h1{
        font-size:30px;
    }

}

/* Mobile */

@media (max-width:520px){

    .yp-404-section{
        min-height:auto;
        padding:70px 15px;
    }

    .yp-404-box{
        padding:40px 20px;
        border-radius:20px;
    }

    .yp-404-number span{
        font-size:72px;
    }

    .yp-404-circle{
        width:72px;
        height:72px;
    }

    .yp-404-circle svg{
        width:38px;
        height:38px;
    }

    .yp-404-box h1{
        font-size:24px;
    }

    .yp-404-box p{
        font-size:15px;
    }

    .yp-404-btn{
        width:100%;
    }

}