header,textarea {
    min-height: 100px
}

header,header.fixedintro {
    --header-padding: 20px 0px;
    --intro-primary-text: var(--primary-text);
    --intro-secondarytext: #e1e1e1
}

header,textarea {
    background: #fff
}

.--Site--Menu ul li a,.--Site--Menu ul li ul.sub-menu li .-Show-SubMenu-Icon,.-Show-SubMenu-Icon,.no-bkaground .-Show-SubMenu-Icon {
    color: var(--Text-color)
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    font-family: inherit;
    word-break: break-word;
    vertical-align: middle
}

:root {
    --uicolor: rgb(79 58 207);
    --uicolor-code: 79 58 207;
    --uicolor-2: #1b274c;
    --uicolor3: #22c062;
    --uicolor4: #50af09;
    --primary-text: #232331;
    --secondarytext: #444858;
    --Text-color: #0d1728;
    --second-text-color: #ffffffb8;
    --hover-overlay: #00000008;
    --diver: #e5eaef;
    --hover-button: rgb(217 65 0);
    --container: 1200px;
    --font-family: Alexandria;
    --miniradius: 16px;
    --success-color: #28a745;
    --_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Pro"));
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #0f6f7e;
    --light-color: #f8f9fa;
    --dark-color: #343a40;
    --border: 1px solid #ebecf1;
    --container-width: 1450px;
    --container-padding--value: 20px;
    --container-padding: 0 var(--container-padding--value);
    --box-shadow-defult: var(--diver) 0px 0px 0px 1px,0px 4px 2px -3px #09234012;
    --box-shadow-hover: #dbdce700 0px 0px 0px 1px,0px 15px 32px -14px #09234012,0px 4px 2px -3px #09234012;
    --border-defult-hover: #e5eaef52;
    --border-defult: 1px solid #fff;
    --PopoverShadow: 0 12px 20px 0 rgb(0 0 0 / 4%),0 2px 4px 0 rgb(0 0 0 / 2%),inset 0 0 0 1px rgb(255 255 255 / 60%);
    --whatsapp: #18743f;
    --transtionValue: 1s;
    --separator: var(--bgcolor);
    --chevron: '\f053';
    --plus-icon: '\e59e';
    --check-icon: "\f00c";
    --xlargeradius: 35px;
    --largeradius: 30px;
    --miniradius: 8px;
    --fsize: 14px;
    --font-familyen: Rubik;
    --f-number: Plus Jakarta Sans;
    --f-logo: Alexandria;
    --positive: #31a24c;
    --negative: #db1133;
    --pading: 40px 0 40px;
    --searchi-icon: "\f002";
    --sp-fill: #FFFFFF;
    --background: rgb(252 251 255);
    --background2: rgb(243 250 255);
    --secondart-background: #f5f0fe;
}

::-webkit-scrollbar {
    width: 3px;
}

::-webkit-scrollbar-thumb {
    background: rgb(234 234 234);
    border-radius: 50px
}

::-webkit-scrollbar-track {
    background: var(--background);
}

*,body {
    -webkit-font-smoothing: antialiased
}

.-sin-like {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.-Show-SubMenu-Icon {
    position: absolute;
    left: 9px
}

.-company-contact-minibox>div,a,body,textarea {
    color: var(--primary-text)
}

.--remove-insert--post {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-block: 50px;
}

.-Header-Fix,textarea {
    display: block;
    width: 100%
}

.fixedintro header {
    background: #f1f6fe00;
    min-height: auto;
}

.--remove-insert--post p {
    margin-top: 25px
}

.--empty-attchment-svg-v1 {
    font-size: 60px;
    margin-bottom: 17px;
    color: #c6c6c6f7;
}

.but--area-co {
    max-width: 800px
}

input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text] {
    display: block;
    min-height: 60px;
    border: 1px solid var(--background);
    outline: 0;
    background: var(--border-defult-hover);
    padding: 10px 15px;
    width: 100%;
    border-radius: var(--largeradius);
    flex: 1 1 0%;
    font-size: 14px;
    text-transform: capitalize;
    box-shadow: 0 0 0!important;
    font-weight: 400
}

input[type=password] {
    --item-uicolor: var(--uicolor)
}

#search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: none
}

textarea {
    outline: 0;
    padding: 15px!important;
    border-radius: var(--largeradius);
    flex: 1 1 0%;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 300;
    background: var(--border-defult-hover);
    border: 1px solid var(--background);
}

input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus {
    outline: 0!important;
    box-shadow: 0 0 0!important;
    border-color: var(--primary-text)
}

body::-webkit-scrollbar {
    width: 6px
}

body::-webkit-scrollbar-thumb {
    background: var(--uicolor-2);
    border-radius: 50px
}

body::-webkit-scrollbar-track {
    background: var(--background)
}

a {
    text-decoration: none
}

img {
    max-width: 100%
}

::placeholder {
    color: var(--secondarytext);
    font-weight: 300
}

:focus::placeholder {
    opacity: .4
}

.--Site--Menu ul.sub-menu li:hover ul.sub-menu,.GotoTop.visible {
    visibility:visible;
    opacity: 1;
}

.GotoTop:before {
    content:"";
    position:absolute;
    left:var(--extra-shape,-6px);
    top:var(--extra-shape,-6px);
    right:var(--extra-shape,-6px);
    bottom:var(--extra-shape,-6px);
    background-color:rgba(0,0,0,0);
    border-radius:inherit;
    z-index:1;
    border:2px dashed var(--uicolor);
    transition:180ms
}

.GotoTop:hover:before {
    animation:10s linear infinite spin
}

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

body {
    font-family: var(--font-family);
    line-height: 1.2;
    background: var(--bgcolor);
    font-size: var(--fsize)
}

.container {
    padding: var(--container-padding);
    max-width: var(--container-width);
    margin: 0 auto
}

ul {
    list-style: none
}

.messenger {
    --sociaColor: rgb(0, 153, 255)
}

.twitter {
    --sociaColor: #000000
}

.facebook {
    --sociaColor: #3b5998
}

.linkedin {
    --sociaColor: #007AB5
}

.pinterest {
    --sociaColor: #CB2029
}
.instagram{
    --sociaColor: radial-gradient(circle farthest-corner at 35% 100%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 10% 140%, #feda7e, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e42e66 50%, #fa5332 70%, #ffdc80 100%) !important
}

.email {
    --sociaColor: #444
}

.whatsapp {
    --sociaColor: #4DC247
}
.threads {
    --sociaColor: #000000
}

.telegram {
    --sociaColor: #34ADE1
}

.youtube {
    --sociaColor: #FF0000
}

header.fixedintro {
    --top-header-border: #ffffff08;
    --hover-over: #fff
}

header {
    place-content: center space-between;
    top: 0;
    z-index: 301;
    right: 0;
    flex-wrap: wrap;
    width: 100%;
    position: fixed;
}

.-Header-Fix {
    padding: var(--header-padding);
    position: relative;
    background: #ffffffdb;
}

.-mobile-menu-button {
    display: none
}

.-site-logo {
    margin-left: 0
}

body.before-start.fixedintro .fixedintro .-site-logo>a {
    filter: none
}

.-site-logo>a {
    display: flex;
    font-size: 40px;
    font-family: var(--f-logo);
    justify-content: center;
    font-weight: 700
}

.--Site--Menu {
    display: flex;
    padding: 0 25px;
    flex: 1
}

.--Site--Menu>ul {
    display: flex;
    list-style: none;
    flex: 1 1 0%;
    justify-content: center;
    gap: 7px
}

.--Site--Menu ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative
}

.--Site--Menu ul li a {
    padding: 0 15px;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    left: 0;
    height: 42px;
    border-radius: var(--largeradius);
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    min-width: max-content;
    overflow: hidden
}

.no-bkaground .--Site--Menu ul li a {
    color: var(--Text-color)!important
}

.--Site--Menu>ul>li>a: hover {
    opacity:.8
}

.--Site--Menu>ul>li.current-menu-item>a {
    color: var(--Text-color);
    background: rgb(var(--uicolor-code)/7%)
}

.--Site--Menu ul li.menu-item-has-children a {
    padding: 0 15px 0 33px
}

.--company-menu-mobile {
    display: none
}

.-company-contact-minibox {
    display: block;
    list-style: none
}

.-company-contact-minibox>div {
    padding: 10px 0;
    position: relative;
    display: flex;
    align-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 400;
    font-size: 14px;
    justify-content: flex-start
}

.header--Tools {
    display: flex;
    place-content: center flex-end;
    align-items: center;
    justify-content: flex-start;
    align-content: flex-start;
    flex-direction: row-reverse
}

.--open--searching,.--socialheader>ul>li>a {
    font-size: 24px;
    display: flex
}

.--open--searching {
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 180ms;
    font-size: 18px;
    background: var(--uicolor);
    overflow: hidden;
    border-radius: 10px;
    color: white;
    padding: 12px 12px;
}
 
.--open--searching i {
    font-weight: 400
}

.-change-currency {
    display: block;
    position: relative;
    font-size: 19px
}

.header--Tools .--Parent-URL-BTN a {
    align-items: center;
    background: var(--primary-text)
}

.header--Tools .--Parent-URL-BTN a,.yc-header-button a {
    color: #fff;
    transition: .3s;
    font-size: 16px;
    padding: 13px 30px;
    border-radius: 30px;
    font-weight: 400;
    flex-wrap: wrap;
    display: flex;
    align-content: center;
    margin-inline:7px}

header .container {
    align-content: center;
    position: relative
}

header,header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header.no-bkaground {
    background: #fff;
    box-shadow: 0 4px 10px 0 #0000000d;
    min-height: auto
}

.--Site--Menu ul li ul.sub-menu {
    position: absolute;
    top: calc(100% + 0px);
    background: #fff;
    transition: 130ms;
    padding: 10px;
    display: block;
    border-radius: var(--miniradius);
    box-shadow: var(--PopoverShadow);
    transform: translateY(10px);
    min-width: 220px;
    opacity: 0;
    visibility: hidden
}

.--Site--Menu ul.sub-menu li ul.sub-menu {
    right: 107%;
    top: 0
}

.--Site--Menu>ul>li:hover>ul.sub-menu {
    transition:280ms;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.--Site--Menu ul li ul.sub-menu li {
    display: flex;
    position: relative;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
    min-width: max-content
}

.--Site--Menu ul li ul.sub-menu li a {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: var(--miniradius);
    flex: 1 1 0%;
    font-size: 15px;
    color: var(--secondarytext)
}

.-row-shares-items>a>i,footer {
    position: relative
}

footer {
    margin-top: 35px;
}

.footer-body {
    padding-block:34px;
    position: relative;
    background: rgb( var(--uicolor-code) / 5% );
    }

footer-body {
    display: flex;
    align-items: flex-start;
    place-content: flex-start space-between;
    flex-wrap: wrap;
    margin-inline:-15px}

.-footer-widgets-single.-current-widgets-logo {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 460px;
    min-width: 360px;
}

.-footer-widgets-single {
    margin: 30px 10px;
    display: block;
    overflow: hidden;
    position: relative;
    min-width: 251px
}

.-footer-site-logo.--logo-Image {
    margin-bottom: 30px;
    max-width: max-content
}

.-box-im-In,.-footer-site-logo.--logo-Image>a,.-footer-widgets-links>li {
    display: block
}

.-footer-p-content {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 470px;
    font-weight: 400;
    color: var(--secondarytext);
}

.-row-shares-items {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px
}

.-row-shares-items>a {
    display: flex;
    border-radius: 50%;
    width: 44px;
    background: #fff;
    height: 44px;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 20px;
    transition: 180ms;
    flex-wrap: wrap;
    position: relative
}

.--Inner--footer--sit-map>iframe,.-row-shares-items>a: before {
    width:100%;
    height: 100%;
    position: absolute
}

.-row-shares-items>a:before {
    content: '';
    border-radius: 50%;
    transform: scale(.6);
    transition: 180ms
}

.-footer-widgets-title {
    display: block;
    font-weight: 600;
    font-size: 20px;
    color: var(--Text-color);
    margin-bottom: 21px;
    line-height: 1.4;
    position: relative
}

.-footer-widgets-title::after {
    content: '';
    width: 70px;
    height: 2px;
    background: var(--uicolor);
    position: absolute;
    right: 0;
    bottom: -7px
}

.-footer-widgets-links {
    list-style: none;
    display: flex;
    flex-direction: column
}

.-footer-widgets-single.-current-widgets-maps {
    max-width: 290px;
    min-width: 290px
}

.--Inner--footer--sit-map {
    position: relative;
    padding-bottom: 70%;
    border-radius: var(--miniradius);
    overflow: hidden
}

.--you-ph,.GotoTop {
    border-radius: 50%;
    cursor: pointer
}

.-company-contact-minibox>div>a {
    display: flex;
    align-content: inherit;
    align-items: inherit;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: inherit;
    justify-content: inherit;
    color: var(--secondarytext);
}

.-footer-widgets-single.-current-widgets-contact .-company-contact-minibox>div {
    color: #fff
}

.-current-widgets-payments {
    padding: 20px 10px;
    position: relative;
    z-index: 1;
    background: rgb( var(--uicolor-code) / 15% );
    }

footer-bottom {
    display: flex;
    margin: 0;
    font-weight: 500;
    justify-content: space-between
}

p.copyrights {
    font-size: 15px;
    font-weight: 400
}

.GotoTop,.yourcolor--copyright {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
}

.yourcolor--copyright>p>a {
    margin-inline-start:9px}

.-footer-widgets-links>li>a {
    display: block;
    font-weight: 400;
    padding: 10px 0;
    transition: .4s;
    position: relative;
    font-size: 17px;
    flex-wrap: wrap;
    color: var(--secondarytext);
    max-width: max-content;
}

ul.-footer-widgets-links li a::after {
    content: "";
    background: var(--uicolor);
    position: absolute;
    height: 1px;
    transition: .4s;
    width: 0;
    right: 0;
    bottom: 2px;
}

a.activable {}
ul.-footer-widgets-links li:hover a::after {
    width: 100%;
}
 
.-company-contact-minibox>div i {
    margin-inline-end: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    z-index: 1;
    font-size: 23px;
    min-width: 26px;
    color: var(--Text-color);
}

.btn-fixed-bh {
    display: flex;
    flex-direction: column;
    right: 40px;
    z-index: 1200;
}

.--you-ph,.--you-ph>a {
    align-items: center;
    display: flex
}

.GotoTop,.btn-fixed-bh {
    bottom: 40px;
    position: fixed
}

.--you-ph {
    --el--w: 60px;
    width: var(--el--w);
    height: var(--el--w);
    background: var(--uicolor);
    z-index: 55;
    margin-bottom: 15px;
    box-shadow: 0 0 9px #0c2b6a3d;
    justify-content: center;
    color: #fff;
    position: relative;
}
 
.--you-ph.-YourC-but {
    margin-bottom: 0;
}

.--you-ph>a {
    justify-content: center;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 30px;
    position: relative
}

.--you-ph>a>.footer-header {
    display: flex;
    align-items: center
}

.-YourC-but {
    background: var(--whatsapp);
    box-shadow: 0 0 9px #00000063
}

.--you-ph.-YourC-but i {
    color: #fff
}

.GotoTop.visible {
    transform: translateY(0);
}

.GotoTop {
    z-index: 9999;
    background: var(--uicolor);
    --elwh: 43px;
    width: var(--elwh);
    height: var(--elwh);
    left: 40px;
    color: #fff;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    transition: 180ms;
    border: 2px solid var(--border-defult-hover);
    transform: translateY(150px);
    opacity: 0;
    visibility: hidden
}

.GotoTop:hover {
    background: white;
    color: var(--uicolor);
    font-size: 21px;
}

.search_header {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #000000c7;
    left: 0;
    z-index: 20000;
    transition: transform .7s,-webkit-transform .7s;
    align-items: center;
    justify-content: center
}

.search_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0
}

.search_closse {
    position: absolute;
    left: 109px;
    top: 27px;
    --el-width: 50px;
    width: var(--el-width);
    height: var(--el-width);
    color: var(--primary-text);
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 1;
    font-size: 25px;
    display: flex;
    cursor: pointer;
    transition: 180ms
}

.search_closse>i {
    font-weight: inherit
}

.search_body {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    top: 0
}

.search_body>h2 {
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.5;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    display: none
}

.search_body>form {
    position: relative;
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    box-shadow: var(--box-shadow-hover);
    overflow: hidden
}

.search_body>form>input[type=search] {
    border: 0;
    min-height: 100px;
    padding: 15px 25px;
    font-size: 25px;
    border-radius: 0;
    line-height: 2;
}

input::placeholder {
    height:40px;
}

.search_body>form>button {
    border: 0;
    background: 0 0;
    width: 100px;
    height: 100%;
    position: absolute;
    left: -1px;
    background: var(--uicolor);
    font-size: 21px;
    border-radius: 0;
    color: #fff;
    cursor: pointer
}
 
.-dlt-title {
    display: flex;
    place-content: center;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
    align-items: center;
    gap: 20px;
    justify-content: space-between
}

.-ycwt-faqs .-dlt-title {
    flex-direction: column
}

.before_title {
    display: flex;
    flex-wrap: wrap
}

.-wi-aft-int-h4 {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.4;
    max-width: max-content;
    position: relative;
    color: var(--uicolor);
    border-radius: var(--largeradius);
    padding: 10px 15px
}

.-dlt-title .P-content,.-w-h1-ti {
    text-align: start;
    line-height: 1.6
}

.mobile-page .-wi-aft-int-h4 {
    margin-bottom: 19px
}

.-wi-aft-int-h4:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: currentColor;
    border-radius: inherit;
    opacity: .08
}

.-w-h1-ti {
    font-size: 35px;
    font-weight: 600;
    color: var(--primary-text)
}

.-w-h1-ti c--color {
    font-weight: 600;
    color: var(--cword-color);
    margin-inline:7px}

.-dlt-title .P-content {
    color: var(--secondarytext);
    font-weight: 400;
    font-size: 17px
}

.gallery-overlay-close {
    position: absolute;
    top: 40px;
    left: 40px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
    border-radius: 50%
}

.YC--works--gallery-popup,.gallery-overlay {
    justify-content: center;
    width: 100%;
    display: flex
}

.YC--works--gallery-popup {
    position: relative;
    height: 100%;
    align-items: center
}

.gallery-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    z-index: 9999;
    background-color: rgba(0,0,0,.8)
}

.owl-item {
    float: right;
}

.gallery-container {
    width: 100%;
    height: 100%;
}

.owl-stage {
    direction: rtl
}

.gallery-item {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline: 20px;
    width: 100%;
    }

.-YC-owl-Slides-next,.-YC-owl-Slides-prev {
    position: absolute;
    top: 50%;
    right: 40px;
    font-size: 17px;
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    z-index: 2;
    border: 2px solid #fff;
    border-radius: 50%
}

.-YC-owl-Slides-next {
    right: auto;
    left: 40px
}

.-ycw-section {
    padding: 80px 0;
}

.-primary-body .-ycw-section.-ycwt-contact__form {
    padding: 0;
}

.-YourColor-SingleWidget-Section {
    display: block;
    width: 100%;
    position: relative
}


.-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a{
    display:flex;
    padding: 15px 20px;
    font-size: 17px;
    font-weight: 400;
    align-content:center;
    border-radius: var(--miniradius);
    align-items:center;
    color: white;
    background: var(--uicolor-2);
    flex-wrap:wrap;
    position:relative;
    overflow:hidden;
}
.-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a.button_url_2{
    background: var(--uicolor);
    color:#fff;
    border: 0;
}

.-widget-after-intro-h4 {
    font-weight: 600;
    font-size: 27px;
    text-align: center;
    line-height:1.4;
    color: var(--uicolor);
    position:relative;
}

h2.-widgets-h1-title {
    margin-bottom: 18px;
    font-size: 38px;
    width: 100%;
    line-height: 1.5;
    text-align: center;
    font-weight: 500;
}
.P-content {
    font-size: 19px;
    line-height: 1.7;
    color: var(--secondarytext);
    text-align: center;
}

.-defult-widgets-title-style-1 {
    max-width: 900px;
    margin: 0 auto 40px;
}
 .before_title {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.-defult-widgets-title--URLArea-v1 {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
    margin-top: 40px;
}

.-widgets-blog-posts-container.works_block {
    background: rgb( var(--uicolor-code) / 7% );
    padding: 60px;
    border-radius: var(--miniradius);
}

.-defult-widgets-title--URLArea-v1 .--Parent-URL-BTN a::before   {
    position: absolute;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    background: var(--uicolor);
    border-radius: 50%;
    left: -20px;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.-defult-widgets-title--URLArea-v1 .--Parent-URL-BTN a::after{
    left: inherit;
    right: -20px;
    transform: translate(50%, -50%);
    position: absolute;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    background: var(--uicolor);
    border-radius: 50%;
    z-index: 0;
}
 
.-defult-widgets-title--URLArea-v1 .--Parent-URL-BTN a:hover::before {
    animation: criss-cross-left .8s both;
    animation-direction: alternate;
}

.-defult-widgets-title--URLArea-v1 .--Parent-URL-BTN a:hover::after {
    animation: criss-cross-right .8s both;
    animation-direction: alternate;
}

.-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a.button_url_2::before, .-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a.button_url_2::after {
        background: var(--uicolor-2);
}
 
@keyframes criss-cross-right {
    0% {
        right: -20px
    }

    50% {
        right: 50%;
        width: 20px;
        height: 20px
    }

    to {
        right: 50%;
        width: 375px;
        height: 375px
    }
}
@keyframes criss-cross-left {
    0% {
        left: -20px
    }

    50% {
        left: 50%;
        width: 20px;
        height: 20px
    }

    to {
        left: 50%;
        width: 375px;
        height: 375px
    }
}

.-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a>i {
    font-weight: 400;
    z-index: 10;
}

@-webkit-keyframes animate {
    0% {
        transform:scale(.5);
        opacity:0
    }

    50% {
        opacity:1
    }

    100% {
        transform:scale(1.2);
        opacity:0
    }
}

@keyframes animate {
    0% {
        transform:scale(0.5);
        opacity:0
    }

    50% {
        opacity:1
    }

    100% {
        transform:scale(1.2);
        opacity:0
    }
}

.--you-ph.-YourCol-but:after, .--you-ph.-YourCol-but:before{
    content: "";
    display: block;
    position: absolute;
    border: 2px solid var(--uicolor);
    inset: -20px;
    border-radius: 50%;
    animation: 1.5s linear infinite animate;
    opacity: 0;
}

.--you-ph.-YourCol-but::after {
    animation-delay: .5s;
}

.YC-intro-page-primary-body.Yc-pages-steup.error_page {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    padding: 165px 0 50px;
}

span.single-404 {
    margin-bottom: 13px;
    position: relative;
    padding: 8px 16px;
    background-color: var(--uicolor);
    margin-inline: auto;
    width: max-content;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    color: white;
    border-radius: 8px;
}

.container-pages-head h1 {
    line-height: 1.5;
    position: relative;
    color: var(--primary-text);
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: 700;
    transition: .3s;
    text-align: center;
}

.--container--category--info p {
    font-size: 17px;
    text-align: center;
    font-weight: 400;
    color: var(--secondarytext);
    line-height: 1.5;
}

.btn-search.search_single {
    right: 0 !important;
    left: 0 !important;
    opacity: 1;
    visibility: visible;
    display: flex;
    margin: 20px 0;
    position: relative;
    padding: 16px;
    border: 1px solid var(--uicolor);
    max-width: 808px;
    width: -webkit-fill-available;
    background: white;
    border-radius: var(--miniradius);
    overflow: hidden;
}

.btn-search.search_single form {
    width: 100%;
}
 
.btn-search.search_single button {
    position: absolute;
    left: 0;
    border: none;
    background: 0 0;
    font-size: 21px;
    color: var(--uicolor);
    background: #ffffff;
    height: 100%;
    top: 0;
    width: 50px;
}

.--Parent-URL-BTN a{
    background: var(--uicolor);
    padding: 15px 20px;
    color: #ffffff;
    margin: 0;
    font-size: 18px;
    gap: 10px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    transition: 0.2s all ease;
    border-radius: var(--miniradius);
}

.btn-search.search_single input[type=seach] {
    width: 100%;
    border: 0;
    border-radius: 6px;
    font-size: 20px;
    opacity: .7;
}

.--Parent-URL-BTN {
    text-align: center;
}

.-primary-body .--single--work-post-box {
    min-width: 477px;
    max-width: 696px;
    flex: 1;
    height: 396px;
    position: relative;
    overflow: hidden;
    border-radius: var(--largeradius);
    padding-bottom: 0;
}
.--empty-attchment-actions a {
    display: flex;
    gap:9px;
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 400;
    align-content: center;
    border-radius: var(--miniradius);
    align-items: center;
    color: white;
    background: var(--uicolor-2);
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    justify-content: center;
    max-width: max-content;
    margin: auto;
}