@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700;800;900');


@font-face { font-family: YourColor; font-style: normal; font-weight: 100; font-display: swap; src: url("./Font/YourColor/Montserrat-Arabic-ExtraLight.ttf") format("truetype"); }
@font-face { font-family: YourColor; font-style: normal; font-weight: 200; font-display: swap; src: url("./Font/YourColor/Montserrat-Arabic-Light.ttf") format("truetype"); }
@font-face { font-family: YourColor; font-style: normal; font-weight: 300; font-display: swap; src: url("./Font/YourColor/Montserrat-Arabic-Regular.ttf") format("truetype"); }
@font-face { font-family: YourColor; font-style: normal; font-weight: 400; font-display: swap; src: url("./Font/YourColor/Montserrat-Arabic-Medium.ttf") format("truetype"); }
@font-face { font-family: YourColor; font-style: normal; font-weight: 500; font-display: swap; src: url("./Font/YourColor/Montserrat-Arabic-Bold.ttf") format("truetype"); }


:root{
    --uicolor: #230d63;
    --uicolor2: mediumslateblue;
    --secondaryui: #ffde28;
    --ffamily: Readex Pro,Sans-Serif;
    --fsize: 14px;
    --ffamilyen: Rubik;
    --f-number:Rubik;
    --f-logo: Rubik;
    --lheight: 1.5;
    --transition-timing-out: out:
    cubic-bezier(0, 0, 1, 1);
    --transition-timing-in:
    cubic-bezier(0, 0, 1, 1);
    --largeradius: 25px;
    --miniradius: 14px;
    --margin-v2: 7px;
    --padding: 30px;
    --bg-gr:
    linear-gradient(-45deg, #f6f6ff, white);
    direction: rtl;
}
body[mode=light] {
    --textcolor: #041c36;
    --primary-text: #16057e;
    --secondarytext: #4f4f5b;
    --secondarytext-bold: #525675;
    --logo-color: #392D6A;
    --alinks: #1f1e87;
    --tooltip: #070734d6;
    --bgcolor: #ffffff;
    --bghover: #0505050a;
    --overlaycolor: #181864ab;
    --uioverlaycolor: #2144f00a;
    --diver: #e4e2f1;
    --shadow-2: #0003;
    --shadow-1: #0000001a;
    --title-size: 18px;
    --placeholder: #8a8d91;
    --disable-text: #bcc0c4;
    --disable-button: #e4e6eb;
    --positive: #31a24c;
    --negative: #f0284a;
    --hover-overlay: #06063205;
    --focused-shadow: 0px 1px 80px
    var(
    --shadow-1), 0px 9px 10px -10px var(--shadow-2);
    --logoitems-bg: #fff;
    --header-primary-text: #292544;
    --intro-primary-text:
    var(
    --primary-text);
    --logoitems-bg: #ffffff;
    --intro-primary-text: var();
    --intro-primary-text: var(--uicolor2);
    --intro-ui-ovelay: #0000000f;
    --intro-hover-overlay: #00000005;
    --intro-uicolor: #1f1e87;
    --offer-bg-color:
    var(
    --uicolor2);
    --offer-text-color: white;
    --top-separator-color: rebeccapurple;
    --bottom-separator-color: #fff;
    --footer-secondary-text: #c0bff0;
    --alphabg: #0b0b0bf5;
    --overlay: #ffffff;
    --Progress--green--BG: #4caf50;
    --Progress--red--BG:#e50000;
    --Progress--orange--BG:#0097a7;
    --Progress--blue--BG:#1d71e9;
    --box-shadow-defult: 0 5px 35px -6px rgb(94 134 255 / 20%);
    --box-shadow-hover: #dbdce700 0px 0px 0px 1px, 0px 15px 32px -14px #09234012, 0px 4px 2px -3px #09234012;
}
body[mode=dark] {
    --textcolor: #ffffff;
    --primary-text: #ffffff;
    --secondarytext: #e9e8f3;
    --secondarytext-bold: #687485;
    --logo-color: #ffffff;--alinks: #1f1e87;
    --tooltip: #070734d6;
    --bgcolor: #041c36;
    --bghover: #0505050a;
    --overlaycolor: #181864ab;
    --uioverlaycolor: #2144f00a;
    --diver: #ffffff14;
    --shadow-2: #0003;
    --shadow-1: #0000001a;
    --placeholder: #8a8d91;
    --disable-text: #bcc0c4;
    --disable-button: #e4e6eb;
    --positive: #31a24c;
    --negative: #f0284a;
    --hover-overlay: #06063205;
    --focused-shadow: 0px 1px 80px
    var(--shadow-1), 0px 9px 10px -10px var(--shadow-2);
}

.mail {
    --sociaColor: rgb(136, 136, 136);
}
.messenger {
    --sociaColor:
    rgb(0, 153, 255);
--sociaTextColor: white;
}
.twitter {--sociaColor: #00aced;--sociaTextColor:white }
.facebook {--sociaColor: #3b5998;--sociaTextColor:white }
.linkedin {--sociaColor: #007AB5;--sociaTextColor:white }
.googleplus {--sociaColor: #DD4C39;--sociaTextColor:white }
.email {--sociaColor: #444;--sociaTextColor:white }
.whatsapp {--sociaColor: #4DC247;--sociaTextColor:white }
.telegram {--sociaColor: #34ADE1;--sociaTextColor:white }
.viber {--sociaColor: #7C529E;--sociaTextColor:white }
.pinterest {--sociaColor: #CB2029;--sociaTextColor:white }
.tumblr {--sociaColor: #32506d;--sociaTextColor:white }
.hackernews {--sociaColor: #FF6700;--sociaTextColor:white }
.reddit {--sociaColor: #CEE3F8;--sociaTextColor: #445e7e;}
.vk {--sociaColor: #45668E;--sociaTextColor:white }
.buffer {--sociaColor: #46ABED;--sociaTextColor:white }
.xing {--sociaColor: #006464;--sociaTextColor:white }
.line {--sociaColor: #1DCD00;--sociaTextColor:white }
.digg {--sociaColor: #1B568E;--sociaTextColor:white }
.pocket {--sociaColor: #EE4056;--sociaTextColor:white }
.stumbleupon {--sociaColor: #EB4924;--sociaTextColor:white }
.flipboard {--sociaColor: #E02828;--sociaTextColor:white }
.weibo {--sociaColor: #E6162D;--sociaTextColor:white }
.renren {--sociaColor: #005EAC;--sociaTextColor:white }
.myspace {--sociaColor: #111;--sociaTextColor:white }
.blogger {--sociaColor: #EB8104;--sociaTextColor:white }
.baidu {--sociaColor: #2319DC;--sociaTextColor:white }
.okru {--sociaColor: #EE8208;--sociaTextColor:white }
.trello {--sociaColor: #00aced;--sociaTextColor:white }
.youtube {--sociaColor: #FF0000;--sociaTextColor:white }
.evernote{--sociaColor:#5ba525;--sociaTextColor:white}
.skype{--sociaColor:#00aff0;--sociaTextColor:white}
* {margin: 0px;padding: 0px;outline: 0px;box-sizing: border-box;font-family: inherit;-webkit-font-smoothing: antialiased;word-break: break-word;vertical-align:middle;}

.-site-logo {
    width: 190px;
}

.-site-logo >a {
    display: block;
}

.-site-logo >a > span {
    display: block;
    text-align: start;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 400;
}

.portflio_single_handle:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(to top, white, transparent, white);
    z-index: 0;
}

.-YC-features-SectionURL-ss2 a:nth-child(2) {
    background: var(--primary-text);
}
body {
    font-family: var(--ffamily);
    line-height: 1.2;
    color: var(--alphabg);
    -webkit-font-smoothing: antialiased;
    background: var(--bgcolor);
    font-size: var(--fsize)
}

body,
html {
    height: 100%
}
body::-webkit-scrollbar {
    width: 6px;
}
body::-webkit-scrollbar-thumb {
    background: #0a172a;
    border-radius: 50px;
}
body::-webkit-scrollbar-track {
    background: #f9f9f9;
}
a {
    color: var(--primary-text);
    text-decoration: none;
    transition: 180ms all ease;
}

img {
    max-width: 100%;
    }
::placeholder {
    color: var(--secondarytext);
    font-weight: 200;
    opacity: .7;
    }

:focus::placeholder {
    opacity: .4
}

.container {
    padding: 0px 20px;
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-portfolio2 .container {
    position: relative;
}

.container.largerContainer {
    max-width: 1700px;
}
root {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 0px 0px 0;
    overflow-x: hidden;
    padding-top: 150px;
}

body.-topBar-open root {
}
header .container {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

header {
    z-index: 0;
    display: flex;
    align-content: center;
    align-items: center;
    position: fixed;
    top: 0px;
    z-index: 101;
    justify-content: space-between;
    right: 0;
    left: 0;
    transition: 280ms all ease;
    flex-wrap: wrap;
}

header:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    transition: 280ms all ease;
    transform: translateY(0);
}


header:not(.fixedintro) {
    transform: translateY(0px);
    box-shadow: 0px 10px 20px 0px #7e7b7b21;
    background: #fff;
}

header.fixedintro {
    /* position: sticky; */
}

body.-topBar-open header:not(.fixedintro) {
}

body.-topBar-open header.hidemenu:not(.fixedintro) {
    transform: translateY(-60px);
}


header.hidemenu {
    transform: translateY(-60px);
}

.-YourColor--SiteMenu {
    display: flex;
    justify-content: space-around;
    flex: 1;
    padding-inline: 20px;
}

.-YourColor--SiteMenu > ul {
    display: flex;
    list-style: none;
    flex: 1;
    width: 100%;
    margin: -2px;
    justify-content: center;
}

.-YourColor--SiteMenu > ul > li {
    display: flex;
    position: relative;
    margin: 2px;
}

.-YourColor--SiteMenu > ul > li > a {
    padding: 3px 10px;
    font-weight: 500;
    position: relative;
    font-size: 16px;
    height: 38px;
    border-radius: var(--largeradius);
    display: flex;
    align-content: center;
    align-items: center;
    color: var(--intro-secondarytext);
}

.-YourColor--SiteMenu > ul > li.current-menu-item  > a ,.-YourColor--SiteMenu > ul > li.current_page_item  > a {color: var(--intro-primary-text);background: #6280ad1f;}

.-YourColor--SiteMenu > ul > li > a:hover {color: var(--intro-primary-text);background: #6280ad08;}

.-YourColor--SiteMenu > ul > li.-YourColor-Is-SubMenu > a {
    padding: 15px 15px 15px 42px;
}

.-YourColor--SiteMenu > ul > li > a > em {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

.-YourColor--SiteMenu > ul > li > a > i {
    margin-inline-start: 8px;
}
.-YourColor--SiteMenu > ul > li > a > i {
    font-weight: 700;
    transition: 180ms all ease;
    font-size: 12px;
}
.-YourColor--SiteMenu > ul > li:hover > a > i {color: var(--intro-primary-text);}

.-YourColor--SiteMenu > ul > li.current-menu-item > a > i, .-YourColor--SiteMenu > ul > li.current_page_item > a > i {}

.-YourColor--SiteMenu > ul > li:hover > a.hoverable::after {--hover-overlay: #6280ad08;}

.-YourColor-logo {
    margin-left: 0px;
    /* width: 60px; */
    /* height: 60px; */
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative;
    z-index: 3;
    gap: 12px;
}

.-YourColor-logo img {
    height: 100%;
    width: 100%;
}

.-YourColor-logo > a {
    display: block;
}

.Taxt--Logo {
    font-family: var(--ffamily);
    font-size: 33px;
    font-weight: 500;
    display: flex;
    align-items: center;
    color: var(--logo-color);
    z-index: 1;
    direction: ltr;
    letter-spacing: 1px;
    position:
    relative;
    zoom: 0.75;
    justify-content: flex-end;
    width: 52px;
    transition: 100ms all ease;
}

.-YourColor-logo:hover .-YourColor-logo-button .Taxt--Logo {
    transition: 180ms all ease;
    transform: scale(.95);
}

.Taxt--Logo svg {
    width: 100%;
}
.Taxt--Logo span {
    font-size: 46px;
    font-weight: 600;
    display: block;
    margin-left:-6px;
}
.Taxt--Logo:before {
    content: '';
    position: absolute;
    height: 20px;
    width: 25px;
    top: -2px;
    z-index: -1;
    border-radius: 50px;
    left: -11px;
    transform: rotate(45deg);
}
.Taxt--Logo > em {
    font-style: normal;
}

.-YourColor-logo > a > img {
    min-width: 100%;
}

.-YourColor-Menu-DropDown {
    position: absolute;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    min-width: max-content;
    background: #ffffff;
    right: 0;
    /* transform: translate(-50%,0%); */
    transition: 130ms all ease;
    display: block;
    border-radius: var(
    --largeradius);
    box-shadow: 0 2px 3px #0c3b7414, 0 17px 30px 10px #0f61c70d;
}

li:hover .-YourColor-Menu-DropDown {
    visibility: visible;
    opacity: 1;
    transition: 280ms all ease;
}

.-YourColor-CustomMenu-Shape {
    display: flex;
    flex-direction: column;
}

.-YourColor-MegaMenu-title {
    display: flex;
    margin-bottom: 30px;
    align-content: center;
    align-items: center;
}

.-YourColor-MegaMenu-title > i {
    font-size: 50px;
    margin-left: 15px;
    font-weight: 400;
    color: var(--uicolor);
}

.Iner-Title-Text {
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 1;
}

.-menuURL-Button {
    display: block;
}

.-menuURL-Button > a {
    display: block;
    padding: 10px 15px;
    border-radius: var(--largeradius);
}

.Iner-Title-Text > em {
    font-weight: 300;
    font-style: normal;
    color: var(--secondarytext);
}

.-YourColor-MegaMenu-title h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 6px;
}

.-YourColor-CustomMenu-Items {
    display: flex;
    margin: 0 -15px;
    flex: 1;
}

.-YourColor-BoxMenu-item {
    flex: 1;
    margin: 0 15px;
    /* max-width: 24%; */
    position: relative;
}

.-YourColor-BoxMenu-item:not(.-menuBox-for-menus-banner) {
    padding: 40px;
    border-radius: var(--largeradius);
}

.-YourColor-BoxMenu-item:not(.-menuBox-for-menus-banner):before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    opacity: 0.02;
    background: var(--custom--color);
    border-radius: var(--largeradius);
    transform: translate(-50%,-50%) scale(0.94);
}

.-YourColor-BoxMenu-item > h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    display: flex;
    align-content: center;
    align-items: center;
    color: var(--primary-text);
    z-index: 1;
}
.-YourColor-BoxMenu-item:not(.-menuBox-for-menus-banner):after {
    content: '';
    position: absolute;
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    left: 50%;
    top: 50%;
    opacity: 0.1;
    box-shadow: inset 0 0 0 1px var(--custom--color);
    border-radius: var(--largeradius);
    transform: translate(-50%,-50%);
}
.-Copy-IconOverlay {
    position: absolute;
    left: 30px;
    font-size: 120px;
    opacity: 0.03;
    color: var(--custom--color);
    bottom: 10px;
    transform: rotate(5deg);
}

.-YourColor-BoxMenu-item > h2 > i {
    font-size: 42px;
    margin-left: 15px;
    color: var(--custom--color);
    position: relative;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    opacity: 0.4;
    width: 38px;
}

ul.menu-links {
    display: block;
    list-style: none;
    position: relative;
    z-index: 1;
}

ul.menu-links > li { 
    display: block;
}

ul.menu-links > li > a {
    display: block;
    font-size: 14px;
    font-weight: 300;
    padding: 13px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--secondarytext-bold);
    border-radius: var(--miniradius);
    justify-content: flex-start;
    position: relative;
    transition: 180ms all ease;
}

ul.menu-links > li > a:after {
    display: none;
}

ul.menu-links > li:hover > a {color: var(--primary-text);}

ul.menu-links > li > a > i {
    margin-left: 15px;
    transition: 180ms all ease;
    font-weight: 300;
    color: var(--secondarytext);
    position: relative;
    top: 2px;
}

ul.menu-links > li:hover > a > i {color: var(--primary-text);transform: scale(1.3);}

.-YourColor--SiteMenu > ul > li > ul.sub-menu {
    position: absolute;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: calc(100% + 0px);
    visibility: hidden;
    opacity: 0;
    background: #ffffff;
    transition: 130ms all ease;
    padding: 10px;
    display: block;
    border-radius: var(--miniradius);
    box-shadow: 0 2px 3px #0c3b7414, 0 17px 30px 10px #0f61c70d;
    transform: translateY(10px);
    min-width: 240px;
}

.-YourColor--SiteMenu > ul > li > ul.sub-menu > li {
    display: flex;
    position: relative;
    align-content: center;
    align-items: center;
}

.-YourColor--SiteMenu > ul > li > ul.sub-menu > li > ul.sub-menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 5px;
    right: calc(100% + 20px);
    background: #fff;
    list-style: none;
    padding: 10px;
    min-width: 200px;
    border-radius: var(--miniradius);
    transition: 130ms all ease;
    transform: translateX(10px);
    box-shadow: 0 2px 3px #0c3b7414, 0 17px 30px 10px #0f61c70d;
}

.-YourColor--SiteMenu > ul > li > ul.sub-menu > li > ul.sub-menu > li {
    display: flex;
    min-width: max-content;
}

.-YourColor--SiteMenu > ul > li > ul.sub-menu > li > ul.sub-menu > li > a {
    display: flex;
    position: relative;
    padding: 15px;
    flex: 1;
    border-radius: var(--miniradius);
}

.-YourColor--SiteMenu > ul > li > ul.sub-menu > li:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    transition: 280ms all ease;
    transform: translateX(0);
}

.-YourColor--SiteMenu > ul > li > ul.sub-menu > li .-Show-SubMenu-Icon > i {
    transform: rotate(90deg) translateX(-50%);
}

.-YourColor--SiteMenu > ul > li > ul.sub-menu > li > a {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 15px;
    border-radius: var(--miniradius);
    flex: 1;
}

.-YourColor--SiteMenu > ul > li > ul.sub-menu > li:hover > a {color: var(--primary-text);}

.-YourColor--SiteMenu > ul > li > ul.sub-menu > li > a:before,.-YourColor--SiteMenu > ul > li > ul.sub-menu > li >ul.sub-menu > li> a:before  ,a.YC-megamMenu_item_post:before{
    position: relative;
    display: block;
    font-family: 'Font Awesome 7 Pro';
    margin-left: 6px;
    height: 12px;
    color: var(--secondarytext);
    transition: 180ms all ease;
    content: '\f323';
    font-size: 14px;
    font-weight: 300;
}

.-YourColor--SiteMenu > ul > li > ul.sub-menu > li:hover > a:before, .-YourColor--SiteMenu > ul > li > ul.sub-menu > li >ul.sub-menu > li:hover> a:before {
    color: var(--primary-text);
}

ul.sub-menu ul.sub-menu {
}

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

.-Show-SubMenu-Icon {
    position: relative;
}

.-Show-SubMenu-Icon > i {
    position: absolute;
    top: 50%;
    transform: translate(0%,-50%);
    left: 15px;
    font-size: 13px;
    color: var(--intro-secondarytext);
}
.dayNight {
  cursor: pointer;
}
.dayNight input {
  display: none;
}
.-dark-light-switcher {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: relative;
  box-shadow: inset 16px -16px 0 0 #fff;
  transform: scale(1) rotate(-2deg);
  transition: box-shadow 0.5s ease 0s, transform 0.4s ease 0.1s;
}
.-dark-light-switcher:before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  position: absolute;
  left: 0;
  top: 0;
  transition: background 0.3s ease;
}
.-dark-light-switcher:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: -4px 0 0 -4px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 -23px 0 var(--intro-uicolor), 0 23px 0 var(--intro-uicolor), 23px 0 0 var(--intro-uicolor), -23px 0 0 var(--intro-uicolor), 15px 15px 0 var(--intro-uicolor), -15px 15px 0 var(--intro-uicolor), 15px -15px 0 var(--intro-uicolor), -15px -15px 0 var(--intro-uicolor);
  transform: scale(0);
  transition: all 0.3s ease;
}
body[mode="light"] .-dark-light-switcher {
  box-shadow: inset 32px -32px 0 0 #fff;
  transform: scale(0.5) rotate(0deg);
  transition: transform 0.3s ease 0.1s, box-shadow 0.2s ease 0s;
}
body[mode="light"] .-dark-light-switcher:before {
  background: var(--intro-uicolor);
  transition: background 0.3s ease 0.1s;
}
body[mode="light"] .-dark-light-switcher:after {
  transform: scale(1.5);
  transition: transform 0.5s ease 0.15s;
}


.-Mode-selector {
    position: relative;
    cursor: pointer;
    transform: scale(.7);
}

.header--Tools {
    display: flex;
    align-content: center;
}

.-Btn-Header {
    display: block;
}

.-Btn-Header > a strong {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    border-radius: var(--largeradius);
    padding: 0px 20px 0px 0px;
    position: relative;
    text-align: right;
    color: #fff;
    z-index: 1;
    transition: 180ms all ease;
    background: var(--uicolor2);
    overflow: hidden;
    font-size: 15px;
}

.-Btn-Header > a {
    display: flex;
}

.-Btn-Header > a > img {
    position: absolute;
    width: 38px;
    height: 38px;
    top: 10%;
    left: 20px;
    -webkit-animation: rocket-animation 5s infinite;
    animation: rocket-animation 5s infinite;
    transform: rotateY(180deg);
}
@keyframes rocket-animation{
    0% {
        top: 10%;
        left: 15px;
    }
    10% {
        top: 10%;
        left: 15px;
    }
    20% {
        top: 10%;
        left: 15px;
    }
    25% {
        top: 15%;
        left: 10px;
    }
    30% {
        top: 10%;
        left: 15px;
    }
    35% {
        top: 15%;
        left: 10px;
    }
    40% {
        top: 10%;
        left: 15px;
    }
    45% {
        top: 15%;
        left: 10px;
    }
    50% {
        top: 10%;
        left: 15px;
    }
    55% {
        top: 13%;
        left: 13px;
    }
    75% {
        top: -65%;
        left: -20px;
        opacity: 1;
    }
    75.1% {
        top: -65%;
        left: -20px;
        opacity: 0;
    }
    75.2% {
        top: 150%;
        left: 70px;
        opacity: 0;
    }
    75.3% {
        top: 150%;
        left: 70px;
        opacity: 1;
    }
    100% {
        top: 10%;
        left: 15px;
    }
}
.-Btn-Header > a > strong {
    font-weight: 500;
}


span.kew-arrow {
    display: block;
    width: 50px;
}
.-Btn-Header > a .circle1 {
    opacity: .4;
    bottom: -17px;
    left: 60px;
    width: 20px;
    height: 20px;
    -webkit-animation: cloud-animation1 5s infinite;
    animation: cloud-animation1 5s infinite;
}
.-Btn-Header > a .circle2 {
    opacity: .8;
    bottom: -14px;
    left: 50px;
    -webkit-animation: cloud-animation2 5s infinite;
    animation: cloud-animation2 5s infinite;
}
.-Btn-Header > a .circle3 {
    opacity: .4;
    bottom: -12px;
    left: 37px;
    -webkit-animation: cloud-animation3 5s infinite;
    animation: cloud-animation3 5s infinite;
}
.-Btn-Header > a .circle4 {
    bottom: -10px;
    left: 28px;
    -webkit-animation: cloud-animation4 5s infinite;
    animation: cloud-animation4 5s infinite;
}
.-Btn-Header > a .circle5 {
    opacity: .8;
    bottom: -14px;
    left: 17px;
    -webkit-animation: cloud-animation5 5s infinite;
    animation: cloud-animation5 5s infinite;
}
.-Btn-Header > a .circle6 {
    opacity: .4;
    bottom: -16px;
    left: 10px;
    -webkit-animation: cloud-animation6 5s infinite;
    animation: cloud-animation6 5s infinite;
}
@keyframes cloud-animation1{
    0% {
        bottom: -17px;
        left: 60px;
    }
    10% {
        bottom: -17px;
        left: 60px;
    }
    20% {
        bottom: -17px;
        left: 60px;
    }
    25% {
        bottom: -14px;
        left: 63px;
    }
    30% {
        bottom: -17px;
        left: 60px;
    }
    35% {
        bottom: -14px;
        left: 63px;
    }
    40% {
        bottom: -17px;
        left: 60px;
    }
    45% {
        bottom: -14px;
        left: 63px;
    }
    50% {
        bottom: -17px;
        left: 60px;
    }
    55% {
        bottom: -14px;
        left: 63px;
    }
    75% {
        bottom: -30px;
    }
    100% {
        bottom: -17px;
        left: 60px;
    }

}

@keyframes cloud-animation2{
    0% {
        bottom: -14px;
        left: 50px;
    }
    10% {
        bottom: -14px;
        left: 50px;
    }
    20% {
        bottom: -14px;
        left: 50px;
    }
    25% {
        bottom: -11px;
        left: 47px;
    }
    30% {
        bottom: -14px;
        left: 50px;
    }
    35% {
        bottom: -11px;
        left: 47px;
    }
    40% {
        bottom: -14px;
        left: 50px;
    }
    45% {
        bottom: -11px;
        left: 47px;
    }
    50% {
        bottom: -14px;
        left: 50px;
    }
    55% {
        bottom: -11px;
        left: 47px;
    }
    75% {
        bottom: -30px;
    }
    100% {
        bottom: -14px;
        left: 50px;
    }
}

@keyframes cloud-animation3{
    0% {
        bottom: -12px;
    }
    10% {
        bottom: -12px;
    }
    20% {
        bottom: -12px;
    }
    25% {
        bottom: -9px;
    }
    30% {
        bottom: -12px;
    }
    35% {
        bottom: -9px;
    }
    40% {
        bottom: -12px;
    }
    45% {
        bottom: -9px;
    }
    50% {
        bottom: -12px;
    }
    55% {
        bottom: -9px;
    }
    75% {
        bottom: -30px;
    }
    100% {
        bottom: -12px;
    }
}

@keyframes cloud-animation4{
    0% {
        bottom: -10px;
    }
    10% {
        bottom: -10px;
    }
    20% {
        bottom: -10px;
    }
    25% {
        bottom: -7px;
    }
    30% {
        bottom: -10px;
    }
    35% {
        bottom: -7px;
    }
    40% {
        bottom: -10px;
    }
    45% {
        bottom: -7px;
    }
    50% {
        bottom: -10px;
    }
    55% {
        bottom: -7px;
    }
    75% {
        bottom: -30px;
    }
    100% {
        bottom: -10px;
    }
}

@keyframes cloud-animation5{
    0% {
        bottom: -14px;
        left: 17px;
    }
    10% {
        bottom: -14px;
        left: 17px;
    }
    20% {
        bottom: -14px;
        left: 17px;
    }
    25% {
        bottom: -11px;
        left: 14px;
    }
    30% {
        bottom: -14px;
        left: 17px;
    }
    35% {
        bottom: -11px;
        left: 14px;
    }
    40% {
        bottom: -14px;
        left: 17px;
    }
    45% {
        bottom: -11px;
        left: 14px;
    }
    50% {
        bottom: -14px;
        left: 17px;
    }
    55% {
        bottom: -11px;
        left: 14px;
    }
    75% {
        bottom: -30px;
    }
    100% {
        bottom: -14px;
        left: 17px;
    }
}

@keyframes cloud-animation6{
    0% {
        bottom: -15px;
    }
    10% {
        bottom: -15px;
    }
    20% {
        bottom: -15px;
    }
    25% {
        bottom: -12px;
    }
    30% {
        bottom: -15px;
    }
    35% {
        bottom: -12px;
    }
    40% {
        bottom: -15px;
    }
    45% {
        bottom: -12px;
    }
    50% {
        bottom: -15px;
    }
    55% {
        bottom: -12px;
    }
    75% {
        bottom: -30px;
    }
    100% {
        bottom: -15px;
    }
}
@keyframes placeholder {
    0% { background-position: 600px 0 }
    100% { background-position: -600px 0 }
}

.-Btn-Header > a:hover {
}

.-Btn-Header > a > i {
}

.-YourColor-Widgets-Sections {
    display: block;
    position: relative;
}

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

.-YC-WidgetType-blog_v2 .-YC-blog-title-s1 > .-YC-blog-title-s1-heading-area > h2 {
    font-size: 45px;
    color: #000;
    margin-bottom: 0;
    line-height: 1.4;
}

.-YC-WidgetType-special_text__image {
    overflow: visible;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-ContentWritingCalculator {
    overflow: initial;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-FeaturesWithIcons {
    z-index: 1;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-FeaturesWithIcons:before,.-YourColor-SingleWidget-Section.-YC-WidgetType-TitleAndIcon:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;:;: .;
    bottom: 0;
    background: linear-gradient(to top, white, transparent, white);
    z-index: 0;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-Team_Members {
    overflow: hidden;
    background: var(--bk-color);
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-portfolio2 {
    overflow: hidden;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-special_client {
    overflow: hidden;
}

c--color {
    color: #5239dd;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    vertical-align: 0px;
    line-height: 1.6;
    z-index: 1;
}

c--color:after {
    content: '';
    height: 31%;
    left: 0;
    right: 0;
    background: #f3e4b6;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

input[type="text"]:not([inputkit]), input[type="number"]:not([inputkit]), input[type="date"]:not([inputkit]), input[type="email"]:not([inputkit]) {
    display: block;
    min-height: 51px;
    border-radius: var(--miniradius);
    border: 1px solid var(--diver);
    outline: 0;
    padding: 10px 15px;
    width: 100%;
    flex: 1;
    font-size: 15px;
}

.-PhoneNumber-Field-YC input[type="number"] {
}

.-is-necessary input[type="text"] {
    border: 1px solid #991229;
}

textarea {
    display: block;
    border-radius: var(--miniradius);
    width: 100%;
    border: 0;
    outline: 0;
    padding: 12px;
    border: 1px solid var(--diver);
    flex: 1;
    min-height: 100px;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 200;
}
.-fix-inputs-area {
    margin: 0 0 30px 0px;
    flex-wrap: wrap;
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    --diver: #f3f3f3;
}

.YC-footer-Form-Div .-fix-inputs-area {
    margin-bottom: 20px;
}

.-fix-inputs-area.-for-date-field {
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.-Mini-Form-Div .-fix-inputs-area.-for-Phone-Number-Field {width: 240px;min-width: inherit;}
.-fix-inputs-area.-for-Phone-Number-Field .-fix-forms-field-title {
}
.-fix-forms-field-title {
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    font-weight: 400;
    color: var(--textcolor-2);
}

.-fix-inputs-area.-for-date-field .-fix-forms-field-title {
    margin-left: 10px;
    max-width: 140px;
    margin-bottom: 0;
}


.-fix-forms-field-title > h3 {
    font-size: inherit;
    font-weight: inherit;
    margin-left: 8px;
    font-size: 16px;
}

.-fix-forms-field-title > descor {
    position: relative;
    color: #858497;
    cursor: pointer;
    display: flex;
    align-content: center;
    align-items: center;
}

.-fix-forms-field-title > descor > i {font-weight: 300;}
necessary {
    display: block;
    min-width: 100%;
    border-radius: var(--miniradius);
    margin-bottom: 10px;
    font-size: 12px;
    color: #991229;
    box-sizing: border-box;
}

.-Radio-Box-InnerArea {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px 0;
    flex: 1;
}

.-Radio-Box-Item {
    display: flex;
    padding: 17px 50px 17px 20px;
    align-content: center;
    align-items: center;
    margin: 0 5px 10px;
    border-radius: var(--miniradius);
    flex: 1;
    min-width: max-content;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.-Radio-Box-Item:hover {}

.-Radio-Box-Item input[type=radio] {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    margin: 0 !important;
    z-index: 1;
    border-radius: var(--miniradius);
    transition: 180ms all ease;
    background: #fff;
    -webkit-appearance: none;
    cursor: pointer;
}

.-Radio-Box-Item input[type=radio]:checked {
    background: #1f1e8705;
    border-color: #1f1e8733;
}

.-Radio-Box-Item input[type=radio]:checked + span {
    transform: scale(1.2) translate(0%,-39%);
    background: #1f1e872e;
    box-shadow: 0 0 0 3px #1f1e8705;
}

.-Radio-Box-Item em {
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 14px;
    color: #8c9093;
    font-style: normal;
    transition: 180ms all ease;
}

.-Radio-Box-Item:hover em {
    color: #041c36;
}

.-Radio-Box-Item input[type=radio]:checked + span + em {
    color: #363636;
}

.-Radio-Box-Item span {
    display: block;
    width: 18px;
    height: 18px;
    background: #a1a5a8;
    border-radius: 50%;
    position: absolute;
    right: 17px;
    transition: 180ms all ease;
    box-shadow: 0 0 0 3px #db2b4800;
    top: 50%;
    transform: translate(0,-50%);
}

.-Radio-Box-Item:hover > span {
    background: #041c36;
}

.-Radio-Box-Item span:before {
    content: '';
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    box-shadow: 1px 1px 2px #00000030;
    transition: 180ms all ease;
}

.-Radio-Box-Item input[type=radio]:checked + span:before {background: var(--uicolor);}

.-Radio-Box-Item input[type="radio" i]{border: 1px solid var(--diver);background: none;outline: 0;box-shadow:  0 0;z-index: 2;display: block;}

.-Radio-Box-Item input[type=radio]:before,.-Radio-Box-Item input[type=radio]:checked::before, .-Radio-Box-Item input[type=radio]:checked::before {
    content:
    '';
    display: none;
}
.-CheckBox-Box-InnerArea {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.-CheckBox-Box-Item {
    display: flex;
    padding: 13px 45px 13px 15px;
    align-content: center;
    align-items: center;
    margin: 0 5px 10px;
    border-radius: var(--largeradius);
    flex: 1;
    min-width: max-content;
    position: relative;
    background: #fff;
}
.-CheckBox-Box-Item input[type=checkbox] {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    right: 0;
    top: 0;
    margin: 0 !important;
    z-index: 2;
    border-radius: var(--largeradius);
    transition: 180ms all ease;
    background: #fff0;
    border: 1px solid var(--diver) !important;
    box-shadow: 0 0 0;
    display: block;
    -webkit-appearance: none;
    cursor: pointer;
}

.-CheckBox-Box-Item input[type=checkbox]:checked {
    background: #1f1e8705;
    border-color: #1f1e8733;
}
.-CheckBox-Box-Item.Has-ParentChilds {
    min-width: 320px;
}
input[type=checkbox]:not([inputkit]):focus, input[type=color]:not([inputkit]):focus, input[type=date]:not([inputkit]):focus, input[type=datetime-local]:not([inputkit]):focus, input[type=datetime]:not([inputkit]):focus, input[type=email]:not([inputkit]):focus, input[type=month]:not([inputkit]):focus, input[type=number]:not([inputkit]):focus, input[type=password]:not([inputkit]):focus, input[type=radio]:not([inputkit]):focus, input[type=search]:not([inputkit]):focus, input[type=tel]:not([inputkit]):focus, input[type=text]:not([inputkit]):focus, input[type=time]:not([inputkit]):focus, input[type=url]:not([inputkit]):focus, input[type=week]:not([inputkit]):focus, select:not([inputkit]):focus, textarea:not([inputkit]):focus {
    outline: 0 !important;
    box-shadow: 0 0 0 !important;
}

.-CheckBox-Box-Item input[type=checkbox]:checked + span {
    transform: scale(1.2) translate(0%,-39%);
    background: #1f1e8729;
    box-shadow: 0 0 0 3px #1f1e870a;
}

.-CheckBox-Box-Item em {
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 14px;
    color: #858497;
    font-style: normal;
    flex: 1;
    transition: 180ms all ease;
}

.-CheckBox-Box-Item:hover em {
    color: #041c36;
}

.-CheckBox-Box-Item input[type=checkbox]:checked + span + em {
    color: #041c36;
}

.-CheckBox-Box-Item span {
    display: block;
    width: 18px;
    height: 18px;
    background: #a1a5a8;
    border-radius: 30%;
    position: absolute;
    right: 15px;
    transition: 180ms all ease;
    box-shadow: 0 0 0 3px #db2b4800;
    top: 50%;
    transform: translate(0,-50%);
}

.-CheckBox-Box-Item:hover > span {
    background: #041c36;
}
.YC-Animation-Item {
    animation-name: var(--animation-name);
    animation-duration: var(--animation-duration);
    animation-delay: var(--animation-delay)
}
.-CheckBox-Box-Item span:before {
    content: '';
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 30%;
    transition: 180ms all ease;
}

.-CheckBox-Box-Item span:after {
    content: '\f00c';
    position: absolute;
    font-family: 'Font Awesome 7 Duotone';
    color: #fff;
    font-size: 18px;
    right: -1px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: 180ms all ease;
    top: 50%;
    transform: translateY(-50%);
}

.-CheckBox-Box-Item input[type=checkbox]:checked + span:after {
    visibility: visible;
    opacity: 1;
}

.-CheckBox-Box-Item input[type=checkbox]:checked + span:before {background: var(--uicolor);}

.-CheckBox-Box-Item input[type="radio" i] {border: 1px solid var(--diver);background: none;outline: 0;box-shadow:  0 0;z-index: 2;}

.-CheckBox-Box-Item input[type=checkbox]:before {
    display: none !important;
}

.-YC-Forms-button {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0 0;
    gap: 13px;
}

.-YC-Forms-button > .-button-ui {
    min-height: inherit;
    padding: 11px 14px;
}

.-intro-customized-form > form > .-YC-Forms-button {
    padding: 20px 27px;
    margin: -18px;
    flex: 1;
    min-width: 80%;
    margin-top: 15px;
    border-top: 1px solid var(--divider-light-2);
}

.-intro-customized-form > form > .-YC-Forms-button > button {
    font-size: 14px;
    min-height: inherit;
}

.-YC-Forms-button > .YC-BTN-Forms-Plugin {
    display: block;
    background: #009688;
    border: 0;
    padding: 23px 26px;
    border-radius: var(--largeradius);
    color: #ffff;
    cursor: pointer;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 300;
}

.-YC-Forms-button > .YC-BTN-Forms-Plugin > i {
    margin: 0 5px;
}

.-YC-Forms-button > .YC-BTN-Forms-Plugin.Next-Step-Action {
    background: transparent;
    color: #1a1a64;
}
.Select-Options-Items {
    display: block;
    min-width: 100%;
    position: relative;
    flex: 1;
}
.Select-Options-Items > h2 {
    display: flex;
    padding: 20px 15px;
    justify-content: space-between;
    width: 100%;
    border: 1px solid var(--diver);
    border-radius: var(--miniradius);
    cursor: pointer;
    font-weight: 500;
    height: 60px;
    font-size: 14px;
    align-content: center;
    align-items: center;
    background: #fff;
}
.Select-Options-Items > h2 > span {
    margin-left: 10px;
    display: flex;
    align-content: center;
    align-items: center;
    flex: 1;
}
.Select-Options-Items > h2 > span > .-field-select-image {
    margin-left: 10px;
    height: 32px;
    max-width: 32px;
    position: relative;
    overflow: hidden;
    border-radius: var(--miniradius);
    box-shadow: 0 2px 3px #1f1e8705, 0 3px 10px #4847ed0f;
    min-width: 32px;
    max-height: 32px;
}
.Select-Options-Items > h2 > span > .-field-select-image > img {
    position: absolute;
    min-width: 100%;
    max-width: unset;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    min-height: 100%;
    max-height: 100%;
}
.-Select-DropDown {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    box-shadow: 0 2px 3px #1f1e8705, 0 8px 35px #4847ed0f;
    border-radius: var(--miniradius);
    min-width: 240px;
    right: 0;
    padding: 10px;
    z-index: 90;
    top: calc(100% - -8px);
    /* border: 1px solid var(--diver); */
    max-height: 391px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.Select-Options-Items.active .-Select-DropDown {
    visibility: visible;
    opacity: 1;
}
.Select-Options-Items .Lists-Select-Items {
    position: relative;
    min-width: 100%;
    overflow: auto;
    margin: 0;
    max-height: 265px;
}
.Select-Options-Items .Lists-Select-Items::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.Select-Options-Items .Lists-Select-Items::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg,transparent 10%,transparent 0%,transparent 90%,transparent 0%);
}
.Select-Options-Items .Lists-Select-Items::-webkit-scrollbar-track {
    background: transparent;
}
.Select-Options-Items .Lists-Select-Items:hover::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg,transparent 10%,#00000008 0%,#00000008 90%,transparent 0%);
}
.Select-Options-Items .Lists-Select-Items > li {
    display: flex;
    padding: 12px 13px;
    border: 1px solid transparent;
    border-radius: var(--miniradius);
    cursor: pointer;
    transition: 180ms all ease;
    align-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 5px;
}
.Select-Options-Items .Lists-Select-Items > li:hover {
    background: #f4f4f4;
}
.Select-Options-Items .Lists-Select-Items > li:before {
    content: '\e59e';
    font-family: "Font Awesome 7 Pro";
    font-size: 14px;
    color: var(--secondarytext);
    position: relative;
    margin-left: 10px;
    font-weight: 900;
    display: flex;
    align-content: center;
    align-items: center;
    line-height: 1.6;
}

.-Select-Cuntryes-Item .Select-Options-Items .Lists-Select-Items > li:before {
    display: none;
}
.Select-Options-Items .Lists-Select-Items > li.active {
    background: #f3f3ff;
    border-color: #1f1e8705;
    color: var(--uicolor);
}
.Select-Options-Items .Lists-Select-Items > li .-field-select-image {
    display: block;
    max-width: 32px;
    min-width: 32px;
    overflow: hidden;
    margin-left: 10px;
    border-radius: 50%;
    height: 32px;
    position: relative;
    border: 1px solid #0000001f;
    box-shadow: 0 2px 3px #00000012, 0 3px 14px #0000000d;
}

.Select-Options-Items .Lists-Select-Items > li .-field-select-image > img {
    max-height: 100%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    max-width: unset;
}

.Select-Options-Items .Lists-Select-Items > li>em {
    font-size: 11px;
    color: var(--secondarytext);
    margin-right: 5px;
}

.-fix-inputs-area.-Yc-Selected-Field {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /* align-content: center; */
    align-items: center;
}
switchfield {
    display: block;
    position: relative;
}
switchfield > .Switch {
    display: block;
    width: 130px;
    position: relative;
    background: var(--disable-button);
    height: 50px;
    border-radius: 40px;
    color: #858497;
    cursor: pointer;
    transition: 180ms all ease;
}
switchfield > .Switch > span, switchfield > .Switch > strong {
    position: absolute;
    width: max-content;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    font-size: 17px;
    font-weight: 300;
    transition: 180ms all ease;
}
switchfield > .Switch > strong {
    right: 15px;
    left: 0;
    visibility: hidden;
    opacity: 0;
}
switchfield > .Switch > em {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transform: translateY(-50%);
    right: 5px;
    background: var(--disable-text);
    top: 50%;
    transition: 180ms all ease;
}
switchfield > input[type=checkbox]:checked ~ .Switch > em {
    transform: translate(-80px,-50%);
    background: #fff;
}
switchfield > input[type=checkbox]:checked ~ .Switch > strong {
    visibility: visible;
    opacity: 1;
}
switchfield > input[type=checkbox]:checked ~ .Switch > span {
    visibility: hidden;
    opacity: 0;
}
switchfield > input[type=checkbox]:checked ~ .Switch {
    background: var(--uicolor);
    color: white;
}
switchfield > input[type=checkbox]{
    position: absolute;
    width: 130px;
    height: 50px;
    background: none;
    border: 0 !important;
    box-shadow: 0 0 0;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    cursor: pointer;
    -webkit-appearance: none;
    cursor: pointer;
}
.-PhoneNumber-Field-YC {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    color: #000;
}

.-Mini-Form-Div .-fix-inputs-area.-for-Phone-Number-Field .-PhoneNumber-Field-YC {width: 200px;min-width: 100%;}

.-Select-Field-Code {
    display: block;
    min-width: 90px;
    position: relative;
    margin-left: 15px;
    max-width: 180px;
    min-width: 180px;
}

.-select-Code-number-title {
    display: flex;
    padding: 20px 15px !important;
    justify-content: space-between;
    width: 100%;
    border: 1px solid var(--diver);
    border-radius: var(--miniradius);
    cursor: pointer;
    font-weight: 500 !important;
    height: 60px;
    font-size: 14px !important;
    align-content: center;
    align-items: center;
    background: #fff;
    line-height: unset !important;
    box-sizing: border-box;
    margin: 0;
    overflow: hidden;
}
.-select-Code-number-title > span {
    margin-left: 10px;
    display: flex;
    align-content: center;
    align-items: center;
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    justify-content: flex-start;
    max-width: 100%;
}

.-select-Code-number-title > span > span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    justify-content: flex-start;
    display: block;
}

.-select-Code-number-title > span em {
    font-style: unset;
    font-size: 11px;
}
.-select-Code-number-title > span > .-field-select-image {
    margin-left: 10px;
    height: 32px;
    min-width: 32px;
    position: relative;
    overflow: hidden;
    border-radius: var(--miniradius);
    box-shadow: 0 2px 3px #1f1e8705, 0 3px 10px #4847ed0f;
}

.-select-Code-number-title > span > .-field-select-image > img {
    position: absolute;
    min-width: 100%;
    max-width: unset;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    min-height: 100%;
    max-height: 100%;
}
.-Select-DropDown-PoneNumber {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    box-shadow: 0 2px 3px #1f1e8705, 0 8px 35px #4847ed0f;
    border-radius: var(--largeradius);
    min-width: 250px;
    right: 0;
    padding: 10px;
    z-index: 90;
    top: calc(100% - -8px);
    max-height: 390px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.-Select-Field-Code.active .-Select-DropDown-PoneNumber {
    visibility: visible;
    opacity: 1;
}
.-Select-DropDown-PoneNumber .Lists-Select-Items-PoneNumber {
    position: relative;
    min-width: 100%;
    overflow: auto;
    margin: 0;
    max-height: 265px;
}

.Lists-Select-Items-PoneNumber > li:hover {
    background: #f4f4f4;
    color: #041c36;
}
.Lists-Select-Items-PoneNumber > li.active {
    background: #f3f3ff;
    border-color: #1f1e8705;
    color: var(--uicolor);
}
.Lists-Select-Items-PoneNumber > li {
    display: flex;
    padding: 12px 13px;
    border: 1px solid transparent;
    border-radius: var(--miniradius);
    cursor: pointer;
    transition: 180ms all ease;
    align-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 5px;
}

.Lists-Select-Items-PoneNumber > li em {
    color: #464646;
    font-style: normal;
}
.Lists-Select-Items-PoneNumber > li .-field-select-image {
    display: block;
    max-width: 32px;
    min-width: 32px;
    overflow: hidden;
    margin-left: 10px;
    border-radius: 50%;
    height: 32px;
    position: relative;
    border: 1px solid #0000001f;
    box-shadow: 0 2px 3px #00000012, 0 3px 14px #0000000d;
}

.Lists-Select-Items-PoneNumber > li .-field-select-image > img {
    max-width: unset;
    max-height: 100%;
    min-height: 100%;
    position: absolute;
}
.Lists-Select-Items-PoneNumber:hover::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg,transparent 10%,#00000008 0%,#00000008 90%,transparent 0%);
}
.Lists-Select-Items-PoneNumber::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg,transparent 10%,transparent 0%,transparent 90%,transparent 0%);
}
.Lists-Select-Items-PoneNumber::-webkit-scrollbar-track {
    background: transparent;
}
.Lists-Select-Items-PoneNumber::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.AjaxSearchCenter {
    display: flex;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid var(--diver);
    margin-bottom: 10px;
    padding: 0 10px;
}
.-fix-inputs-area .AjaxSearchCenter input[type="text"] {
    border: 0 !important;
    border-bottom: 0px solid var(--diver) !important;
    border-radius: 0 !important;
    min-height: 50px;
    padding: 0 10px !important;
}

.AjaxSearchCenter:before {
    content: '\f002';
    position: relative;
    display: block;
    font-size: 25px;
    font-family: "Font Awesome 7 Pro";
    font-weight: 300;
    margin-left: 4px;
}


.dis {
    display: none;
}
.GotoTop {
    float: right;
    width: 64px;
    height: 64px;
    z-index: 10998;
    color: white;
    text-align: center;
    cursor: pointer;
    position: fixed;
    bottom: 40px;
    transform-origin: center bottom;
    transition: all 200ms cubic-bezier(0.21, 0.12, 0.02, 0.99) 0s;
    border-radius: 50%;
    right: 50%;
    display: flex;
    place-content: center;
    align-items: center;
    background: var(--uicolor);
    box-shadow: 0px 21px 40px #230d6391;
    overflow: hidden;
    transform: translate(50%, 120px);
}

body.-show-gtt .GotoTop {
    transform: translate(50%, 0);
}
.GotoTop > i {font-size: 32px;}
.GotoTop.visible {
    transform: translate(0%, 0%);
}
.GotoTop > span {
    display: block;
    font-size: 11px;
}
.GotoTop:hover {
    opacity: 1;
    color: white;
}

.-Yc-TopBar {
    display: flex;
    width: 100%;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 1px solid #e9e7f7;
    position: relative;
    height: 60px;
    background: var(--bgcolor);
    z-index: 23;
}

.-YC-Header-Fix {
    width: 100%;
    padding: 15px 0px;
    display: block;
    position: relative;
    background: #fff;
}

.Usersarea {
    display: flex;
}

.Usersarea > .-PhoneNumber {
    margin: 0 10px 0 0px;
    color: #25D366;
    font-size: 20px;
}

.Usersarea > .-PhoneNumber > span {
    font-weight: 300;
}
.-change-currency:hover .ul-currency {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition: 250ms opacity cubic-bezier(0, 0, 1, 1), 120ms transform cubic-bezier(0, 0, 1, 1);
}
.Usersarea > .-PhoneNumber > i {
    margin-left: 10px;
    font-size: 25px;
    font-weight: 100;
}

.Usersarea > .-PhoneNumber > a {
    color: #fff;
}

.Usersarea > a {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    border-radius: var(--largeradius);
    color: var(--secondarytext);
}

.-Right-TopMenu {
    display: flex;
    flex: 1;
}

.-Right-TopMenu > ul {
    display: flex;
    list-style: none;
    align-content: center;
    align-items: center;
}

.-Right-TopMenu > ul > li {
    display: block;
    position: relative;
}

.-Right-TopMenu > ul > li:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    left: -2px;
    top: 13px;
    border-radius: 20px;
    opacity: 0.1;
}

.-Right-TopMenu > ul > li:last-child:before {
    opacity: 0;
}

.-Right-TopMenu > ul > li > a {
    display: block;
    padding: 5px 10px;
    color: var(--secondarytext);
    font-weight: 300;
    font-size: 15px;
}

.-Right-TopMenu > ul > li:hover > a {
    color: var(--primary-text);
}

.Bar-Left-InTOpBar {display: flex;height: 60px;align-items: center;}

.Bar-Left-InTOpBar > a {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    font-size: 15px;
    border-radius: 20px;
    /* margin-block: 12px; */
    margin-inline-start: 10px;
    font-weight: 500;
}

.Bar-Left-InTOpBar > a.-via-whatsapp {
    background: #0dc2422e;
    color: #18933c;
}

.Bar-Left-InTOpBar > a.-via-appointment {
    background: #230d6312;
    color: #230d63;
}

.Bar-Left-InTOpBar > a.-via-whatsapp > i {
    font-size: 18px;
}

.Bar-Left-InTOpBar > a > i {
    margin-inline-end: 10px;
    margin-inline-start: -4px;
}
.YourColor-IntroBoxes {
    display: block;
    position: relative;
    margin: 0px 0 0;
}

.YourColor-IntroBoxes.intro-model-multiIntro {
    padding-block: 50px 100px;
}

root.mobile-page .YourColor-IntroBoxes.intro-model-multiIntro {
    padding-inline: 26px;
}
.css-YourColor-separator {
    height: 57px;
    margin-top: -57px;
    position: absolute;
    z-index: 52;
    background: transparent;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    transform: rotateY(180deg);
    align-items: end;
}

.css-YourColor-separator.css-Top-separator {
    display: flex;
    align-items: flex-end;
    bottom: auto;
    top: 0;
}
.css-dforxw {
    -webkit-box-flex: 1;
    flex-grow: 1;
    background-color: var(--bottom-separator-color);
    height: 0px;
    transition: height 200ms cubic-bezier(0.3, 0, 0.5, 1) 300ms;
}
.css-1fgmatt {
    -webkit-box-flex: 1;
    flex-grow: 1;
    background-color: var(--bottom-separator-color);
    height: 0px;
    transition: height 200ms cubic-bezier(0.3, 0, 0.5, 1) 200ms;
}
.css-1jq1ew2 {
    -webkit-box-flex: 1;
    flex-grow: 1;
    background-color: var(--bottom-separator-color);
    height: 0px;
    transition: height 200ms cubic-bezier(0.3, 0, 0.5, 1) 100ms;
}
.css-if0eeu {
    -webkit-box-flex: 1;
    flex-grow: 1;
    background-color: var(--bottom-separator-color);
    height: 0px;
    transition: height 200ms cubic-bezier(0.3, 0, 0.5, 1) 0ms;
}
.css-YourColor-separatorInView .css-dforxw {
    height: 0px;
}
.css-YourColor-separatorInView .css-1fgmatt {
    height: 19px;
}
.css-YourColor-separatorInView .css-1jq1ew2 {
    height: 38px;
}
.css-YourColor-separatorInView .css-if0eeu {
    height: 57px;
}
.css-vd27t0 {
    -webkit-box-flex: 1;
    flex-grow: 1;
    background-color: var(--top-separator-color);
    height: 0px;
    transition: height 200ms cubic-bezier(0.3, 0, 0.5, 1) 300ms;
}
.css-YourColor-separatorInView .css-vd27t0 {
    height: 0px;
}

.css-612j74 {
    -webkit-box-flex: 1;
    flex-grow: 1;
    background-color: var(--top-separator-color);
    height: 0px;
    transition: height 200ms cubic-bezier(0.3, 0, 0.5, 1) 200ms;
}
.css-YourColor-separatorInView .css-612j74 {
    height: 19px;
}

.css-1r1nfs4 {
    -webkit-box-flex: 1;
    flex-grow: 1;
    background-color: var(--top-separator-color);
    height: 0px;
    transition: height 200ms cubic-bezier(0.3, 0, 0.5, 1) 100ms;
}
.css-YourColor-separatorInView .css-1r1nfs4 {
    height: 38px;
}

.css-1a0kyqk {
    -webkit-box-flex: 1;
    flex-grow: 1;
    background-color: var(--top-separator-color);
    height: 0px;
    transition: height 200ms cubic-bezier(0.3, 0, 0.5, 1) 0ms;
}
.css-YourColor-separatorInView .css-1a0kyqk {
    height: 57px;
}
.animation-hidden {
    visibility: hidden;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(800px);
    transform: translateY(800px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  80% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(800px);
    -ms-transform: translateY(800px);
    transform: translateY(800px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(800px);
    -ms-transform: translateY(800px);
    transform: translateY(800px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(800px);
    -ms-transform: translateX(800px);
    transform: translateX(800px);
  }

  100% {
     opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-800px);
    transform: translateX(-800px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-800px);
    -ms-transform: translateX(-800px);
    transform: translateX(-800px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-800px);
    transform: translateY(-800px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    transform: translateY(-800px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(800px);
    transform: translateY(800px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(800px);
    -ms-transform: translateY(800px);
    transform: translateY(800px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-800px);
    transform: translateX(-800px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-800px);
    -ms-transform: translateX(-800px);
    transform: translateX(-800px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(800px);
    -ms-transform: translateX(800px);
    transform: translateX(800px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


.-YC-Widgets-Inner-Row {
    padding: 60px 0;
}

.-YC-WidgetType-step_features_v2 > .-YC-Widgets-Inner-Row {
    padding-block: 60px 40px;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-special_client .-YC-Widgets-Inner-Row {overflow: hidden;padding-block: 20px;}

.-posts-fix-boxes-items {
    display: block;
    min-height: 500px;
    display: flex;
    justify-content: center;
}

.-Taps-AppendCenter {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    --divider-light-2: #e1e4e7;
    --divider-light-3: #CED7E3;
    max-width: 1080px;
}

.-posts-fix-boxes-items .-Taps-AppendCenter {
    min-width: 100%;
}

.-Taps-AppendCenter .-gallery-carousel-item {
    min-width: 250px;
    max-width: 340px;
    flex: 1;
    width: auto;
}
.-Product-Post-Box{
  
--box-box-shadow-hover: 0 2px 3px #1f1e8708, 0 25px 35px #163e850a;
    --box-inner-padding: 30px;
}
.-Product-Post-Box {
    display: flex;
    position: relative;
    max-width: 380px;
    margin: 0 20px 40px;
    overflow: hidden;
    border-radius: var(--largeradius);
    min-width: 330px;
    flex: 1;
    box-shadow: 0 1px 1px 1px #09093003;
    border: 1px solid #e5eaef38;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: stretch;
    transition: 300ms all ease;
    z-index: 0;
    margin: 0;
}

.-Taps-AppendCenter.Loader .-Product-Post-Box:nth-child(1),.-Taps-AppendCenter.Loader .-Product-Post-Box:nth-child(2),.-Taps-AppendCenter.Loader .-Product-Post-Box:nth-child(3),.-Taps-AppendCenter.Loader .-Product-Post-Box:nth-child(4) {
    display: block;
}

.-Taps-AppendCenter.Loader .-Product-Post-Box {display:none;pointer-events: none;}

.-Product-Post-Box:hover {
    box-shadow: var(--box-box-shadow-hover);
    transform: translateY(-1px);
    transition: 50ms all ease;
}

.-Product-Post-Box > a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    right: 0;
    top: 0;
}

.-product-box-poster {
    width: 100%;
    position: relative;
    display: flex;
    align-content: flex-start;
}

.-product-box-poster > .-larger-product-poster {
    width: 100%;
    position: relative;
    padding-bottom: 69%;
    overflow: hidden;
    border-radius: var(--largeradius);
    margin: 15px 15px 0;
}

.-Taps-AppendCenter.Loader .-larger-product-poster:before, .-Taps-AppendCenter.Loader .-mini-product-poster:before, .-Taps-AppendCenter.Loader .-Product-post-Info h1:before, .-Taps-AppendCenter.Loader .-Product-post-Info .-P-content:before, .-Taps-AppendCenter.Loader .-Product-Box-CenterBar .-product-item-info-stats-sales:before, .-Taps-AppendCenter.Loader .product-item-like-Button:before, .-Taps-AppendCenter.Loader .-top-productBox-rate:before, .-Taps-AppendCenter.Loader .-product-rate-progress:before, .-Taps-AppendCenter.Loader .product-item-info-ux-buttons .product-item-info-ux-button:before,.-Taps-AppendCenter.Loader .-Product-Box-Price:before {
    content: '';
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeholder;
    animation-timing-function: linear;
    background: #eeeeee;
    background: linear-gradient(to right, #f6f9ff 8%, #fbfdff 18%, #f6f9ff 33%);
    background-size: 1200px 100px;
    min-height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    border-radius: var(--largeradius);
    top: 0;
    right: 0;
}

.-Taps-AppendCenter.Loader .-Product-Box-Price:before {
    transform: scale(1.3);
    border-radius: 30px;
}

.-Taps-AppendCenter.Loader .product-item-info-ux-buttons .product-item-info-ux-button:before {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    top: -10px;
    right: -12px;
}

.-Taps-AppendCenter.Loader .product-item-like-Button:before {
    z-index: 4;
    border-radius: 50%;
    top: 0;
    transform: scale(1.1);
}

.-Taps-AppendCenter.Loader .-Product-Box-CenterBar .-product-item-info-stats-sales:before {transform: scale(1.1);}

.-Taps-AppendCenter.Loader .-Product-post-Info .-P-content:before {
    min-height: 27px;
}

.-Taps-AppendCenter.Loader .-Product-post-Info h1:before {
    min-height: 17px;
    top: 8px;
}

.-product-box-poster > .-larger-product-poster > img {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    max-width: inherit;
    width: 100%;
}

.-Taps-AppendCenter.Loader .-larger-product-poster > img {
    opacity: 0;
}

.-mini-product-poster {
    border-radius: 50%;
    overflow: hidden;
    min-width: 68px;
    height: 68px;
    background: #fff;
    max-width: 68px;
    margin-left: 15px;
    border: 1px solid #e5eaef63;
    position: relative;
}
.-Taps-AppendCenter.Loader .-mini-product-poster > img{
  opacity: 0;
}
.-mini-product-poster > img {
    min-height: 100%;
}

.-Product-rowpost-Info {
    padding: 22px 0 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    flex-direction: column;
}

.-Product-post-Info {
    display: flex;
    margin-bottom: 30px;
    padding: 0 var(--box-inner-padding);
    flex: 1;
    align-content: center;
    align-items: center;
}

.-Product-post-Info .-P-content {
    color: var(--secondarytext);
    font-weight: 300;
    font-size: 13px;
    line-height: 1.5;
    max-height: 42px;
    overflow: hidden;
    position: relative;
}

.-Taps-AppendCenter.Loader .-Product-post-Info .-P-content {
    color: transparent;
}

.-Product-post-Info h1 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 5px;
    font-weight: 600;
    position: relative;
}

.-Taps-AppendCenter.Loader  .-Product-post-Info h1 {color: transparent;}

.-Product-Box-CenterBar {
    padding: 0px var(--box-inner-padding) 20px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #e5eaef4f;
    position: relative;
}

.-Product-Box-FooterBar {padding: 25px var(--box-inner-padding) 25px var(--box-inner-padding);display: flex;align-content: center;align-items: center;width: 100%;position: relative;}

.-product-item-info-stats-sales {
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
}

.-product-item-info-stats-sales >i {
    display: block;
    margin-left: 13px;
    font-size: 20px;
    font-weight: bold;
    color: var(--secondarytext);
}

.-product-item-info-stats-sales > div {
    display: flex;
    font-size: 14px;
    flex-direction: column;
}

.-product-item-info-stats-sales .-title-label {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: var(--secondarytext);
}


.-Product-Box-Price {
    display: flex;
    flex-direction: column;
    font-family: Arial;
    position: relative;
    align-content: end;
    align-items: end;
    line-height: 1;
}

.-Product-Box-Price > strong {
    display: block;
    margin-right: auto;
    direction: ltr;
}
.-Product-Box-Price > .--price-now {
    font-size: 24px;
    font-weight: bold;
    color: var(--uicolor);
}
.-Product-Box-Price > .--price-was {
    font-size: 16px;
    color: #aaa;
    padding: 0 0 0 0;
    position: relative;
    margin-right: 0;
    font-weight: bold;
    margin-top: 2px;
}
.-Product-Box-Price .--price-was::after {
    content: "";
    position: absolute;
    width: 100%;
    top: 50%;
    right: 50%;
    height: 1px;
    background: var(--textcolor);
    transform: translate(50%,-50%) rotate(5deg);
}

.-top-productBox-rate {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 12px;
    position: relative;
}

.-top-productBox-rate > p {
    color: var(--secondarytext);
    font-size: 8px;
    margin-left: -6px;
}

.-top-productBox-rate > p > span {
    padding: 0 6px;
    font-size: 12px;
}

.-top-productBox-rate > span {
    margin-left: 5px;
}

.-product-rate-progress {
    display: block;
    min-width: 100px;
    background: #f1f1f1;
    height: 4px;
    border-radius: 20px;
    position: relative;
}

.-product-rate-progress-item {
    position: absolute;
    right: 0;
    top: 0;
    background: #ffeb3b;
    height: 100%;
    border-radius: 20px;
    transition: 500ms all ease;
    width: 0;
}

.product-item-info-ux-buttons {
    display: flex;
}

.product-item-like-Button {font-size: 24px;display: flex;align-content: center;align-items: center;text-align: center;margin-left: 15px;z-index: 3;border: 1px solid var(--diver);padding: 8px;border-radius: var(--largeradius);color: var(--secondarytext);position: relative;transition: 180ms all ease;}

.product-item-like-Button.active {
    color: var(--negative);
}

.product-item-like-Button.active > i {
    font-weight: 600;
}

.product-item-like-Button > i {
    font-weight: 300;
}

.-Like-product-box-area {
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
    flex: 1;
}

.-productBox-rate-bar-average {
}

.product-item-info-ux-button {
    display: flex;
    font-size: 30px;
    z-index: 3;
    color: var(--secondarytext-bold);
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.-Product-Post-Box:hover .product-item-info-ux-button {
    color: var(--uicolor);
}



.-PortofiloBoxes-Center {
    display: flex;
    flex-wrap: wrap;
    margin: -13px;
}

.-protofilo-item-box {
    display: block;
    min-width: 300px;
    max-width: 315px;
    flex: 1;
    margin: 13px;
    overflow: hidden;
    background: #fff;
    border-radius: var(--largeradius);
    box-shadow: var(--shadow-elevated-hover);
    border: 1px solid var(--divider-light-2);
    transition: 300ms all ease;
    position: relative;
}

.-protofilo-item-box:hover {
    box-shadow: var(--shadow-elevated-hover);
    transform: translateY(-1px);
    transition: 50ms all ease;
    border-color: var(--divider-hover);
}
.-Portfolio-box-thumb {
    display: block;
    position: relative;
    height: 236px;
    overflow: hidden;
    border-radius: var(--largeradius);
    box-shadow: 0 2px 1px 2px #09093003;
    transition: 300ms all ease;
    margin: 10px;
}
.-protofilo-item-box:hover .-Portfolio-box-thumb {}
.-Portfolio-box-thumb > img {height: auto;}

.-Portfolio-box-Info {
    padding: 11px 25px 21px 25px;
    position: relative;
}

.-Head-Portfolio-boxInfo {display: flex;justify-content: space-between;padding-bottom: 25px;margin-bottom: 18px;border-bottom: 1px solid var(--divider-light);position: relative;align-items: center;color: var(--textcolor);}

.-Head-Portfolio-boxInfo > h2 {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-inline-end: 15px;
}

.-portofile-box-likes {
    min-width: max-content;
    border-radius: 30px;
    position: relative;
    z-index: 10;
}

.-portofile-box-likes > .-button-ui {min-height: inherit;padding: 0px 16px;height: 36px;width: 36px;border-radius: 50%;font-size: 17px !important;}

.-portofile-like-counter {
    display: flex;
    font-size: 12px;
}

.-portofile-like-counter > .-Like-Val {
    margin-right: 3px;
}

.-Footer-Portfolio-boxInfo {
    display: flex;
    justify-content: space-between;
    margin: -5px;
    padding-inline: 0;
}

.-portofilo-box-lists {
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
    --icon-width: 30px;
    margin: 5px;
}

.-Footer-Portfolio-boxInfo > .-portofilo-box-lists:first-child {
    justify-content: start;
}

.-Footer-Portfolio-boxInfo > .-portofilo-box-lists:last-child {
    justify-content: end;
}

.-portofilo-box-lists > i:after {
    content: '';
    position: absolute;
    width: var(--icon-width);
    height: var(--icon-width);
    right: -1px;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 1px solid var(--divider-light-2);
    top: calc(50% + 1px);
    box-shadow: var(--shadow-elevated);
}

.-portofilo-box-lists > i {
    font-size: 16px;
    font-weight: 400;
    margin-inline-end: 14px;
    color: var(--secondarytext-bold);
    width: var(--icon-width);
    height: var(--icon-width);
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}

.-portofilo-box-lists > i {}

.-portofilo-box-lists > p {
    display: flex;
    flex-direction: column;
}

.-portofilo-box-lists value-em {
    font-weight: bold;
    font-family: Cabin;
    font-size: 15px;
    line-height: .8;
}
.-portofilo-box-lists span {
    font-size: 12px;
    color: var(--secondarytext-bold);
    font-weight: 400;
    margin-bottom: 6px;
}

.-portofile-Btn-like {margin-inline-end: 5px;color: var(--secondarytext-bold);z-index: 3;position: relative;cursor: pointer;transition: 180ms all ease;padding: 6px 0;}

.-portofile-Btn-like.active {
    color: var(--negative);
}

.-portofile-Btn-like:not(.active):hover {
    color: var(--primary-text);
}

.-portofile-Btn-like > i {
    font-weight: bold;
}
.-portofilo-box-lists.-improvement-rate value-em {
    color: #1da73c;
}

a.-protofilo-BOX__URL {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 2;
}

.-Top-separator-shows__in {
    margin-top: 60px;
}

.-bottom-separator-shows__in {margin-bottom: 60px;}

.-YC-Post-box {flex: 1;min-width: 340px;max-width: 440px;overflow: hidden;padding: 20px;border-radius: var(--largeradius);box-shadow: 0 1px 1px 1px #09093003;border: 1px solid var(--divider-light-2);display: flex;flex-wrap: wrap;flex-direction: column;position: relative;transition: 300ms all ease;background: white;}

.-YC-Post-box:hover {
    box-shadow: var(--shadow-elevated-hover);
    transform: translateY(-1px);
    transition: 50ms all ease;
    border-color: var(--uicolor2);
}

.-YC-Post-box-Text:hover {
    box-shadow: var(--shadow-elevated-hover);
    transform: translateY(-1px);
    transition: 50ms all ease;
    border-color: var(--divider-hover);
}

.-YC-Post-box .-BoxPost_URL {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}

.Right-Boxes-Posts .-YC-Post-box {
    padding: 25px;
}

.Right-Boxes-Posts .-YC-Post-box {
    min-width: 460px;
    max-width: inherit;
    flex: 1;
}

.Left-Boxes-Posts {
    min-width: 380px;
    margin: 0 30px 0px 0px;
    max-width: 380px;
    display: flex;
    flex-direction: column;
}
.-YC-Post-box-Text {
    margin-bottom: 30px;
    padding: 25px;
    background: #fff;
    box-shadow: var(--shadow-elevated);
    border: 1px solid var(--divider-light-2);
    border-radius: var(--largeradius);
    flex: 1;
    display: flex;
    transition: 300ms all ease;
    position: relative;
}

.-YC-Post-box-Text > a {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 1;
}
.-YxPost-Box-Thumb {
    display: flex;
    overflow: hidden;
    border-radius: var(--largeradius);
    position: relative;
    /* padding-bottom: 70%; */
    margin-bottom: 25px;
    background: #fcfcfc;
    height: 277px;
    justify-content: center;
}

.Right-Boxes-Posts .-YxPost-Box-Thumb {}

.-YxPost-Box-Thumb > img {width: auto;height: 100%;}

.-YCPost-box-Info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    flex-direction: column;
    flex: 1;
}

.Full-Boxes-Posts .-YCPost-box-Info {
}

.Right-Boxes-Posts .-YCPost-box-Info {
}

.-YCPost-box-Info > .-P-content {
    color: var(--secondarytext);
    font-size: 18px;
    line-height: 1.68;
    font-weight: 300;
    margin-bottom: 20px;
    flex: 1;
}

.-YCPost-box-Info > h2 {
    font-size: 23px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 5px;
    color: var(--header-primary-text);
    flex: 1;
}

.-YC-Post-box:hover .-YCPost-box-Info > h2 {
    color: var(--uicolor2);
}

.-YCPost-Box-BTN {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    align-content: center;
}

.-YCPost-Box-BTN > a {
    display: block;
    padding: 10px 15px;
    border-radius: var(--largeradius);
    border: 2px solid var(--uicolor);
    color: var(--uicolor);
    position: relative;
    z-index: 3;
}

.-YCPost-box-Text-Info {
    display: flex;
    flex-direction: column;
}

.-YCPost-box-Text-Info > h2 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px;
    font-weight: 500;
    color: var(--primary-text);
}

.-YCPost-box-Text-Info > .-P-content {
    color: var(--secondarytext);
    font-weight: 300;
    line-height: 1.68;
    flex: 1;
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
}

.-YCPost-Box-Text-BTN {
    margin: 20px 0 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.-YCPost-box-Info .-YCPost-Box-Text-BTN {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin: 0;
    align-content: center;
    flex-wrap: wrap;
}

.-YCPost-Box-Text-BTN > a {
    display: flex;
    color: var(--uicolor);
    position: relative;
    z-index: 3;
    align-content: center;
    align-items: center;
    padding: 0;
    flex-wrap: wrap;
}

.-YCPost-Box-Text-BTN > a:hover {
}

.-YC-Post-box-Text:hover .-YCPost-Box-Text-BTN > a:before,.-YC-Post-box:hover .-YCPost-Box-Text-BTN > a:before {
    width: 135px;
    transition: 50ms all ease;
}

.-YCPost-Box-Text-BTN > a:hover:before {
}

.-YCPost-Box-Text-BTN > a > i {
    margin-right: 13px;
    font-size: 21px;
    font-weight: 500;
    transition: 300ms all ease;
}

.-YC-Post-box-Text:hover .-YCPost-Box-Text-BTN > a > i, .-YC-Post-box:hover .-YCPost-Box-Text-BTN > a > i {
    transform: translateX(-4px);
    transition: 50ms all ease;
}

.-YCPost-Box-Text-BTN > a:before {
    content: '';
    position: absolute;
    left: -5px;
    width: 38px;
    height: 38px;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    transition: 300ms all ease;
    background: var(--light-accent);
    border-radius: var(--largeradius);
}
.-YC-Post-box-Text:hover .-YCPost-Box-Text-BTN > a:after, .-YC-Post-box:hover .-YCPost-Box-Text-BTN > a:after {width: 20px;transition: 50ms all ease;transform: translate(-4px,-50%);visibility: visible;}

.Right-Boxes-Posts {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.Full-Boxes-Posts {
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.YCPost-TopInfo-bar {
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 16px;
    color: var(--secondarytext);
    font-weight: 300;
    font-size: 13px;
}

.YCPost-TopInfo-bar .-cat-item {
    display: block;
    margin-left: 10px;
}

.YCPost-TopInfo-bar .-cat-item > a {
    display: block;
    padding: 6px 14px;
    border-radius: var(--largeradius);
    background: #16057e14;
    font-size: 14px;
    z-index: 1;
    position: relative;
    font-weight: 400;
}

.-contact-us-bg-style {
    /* position: relative; */
    min-width: 0;
    display: none;
}

footer {
    display: flex;
    padding: 60px 0 100px 0;
    position: relative;
    z-index: 1;
}

footer.is-hidden-cta {background: #f3f1ff;}


footer > .container {
}
.-footer-widgets-single {min-width: 300px;max-width: 25%;display: block;position: relative;}

.-footer-widgets-single.-current-widgets-logo {
    min-width: 321px;
}

.-footer-widgets-single.-current-widgets-social-maps {
    flex: 1;
    max-width: inherit;
    min-width: 310px;
}

.-footer-shares-items .-footer-widgets-title > h3 {
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 400;
    color: var(--secondarytext);
}

.-footer-widgets-title > h3 {
    color: var(--textcolor);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 11px;
}

footer-body {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 25px;
}

.-footer-widgets-links {
    list-style: none;
    display: block;
}

.-footer-widgets-links > li {
    display: block;
}

.-footer-widgets-links > li > a {
    display: flex;
    align-content: center;
    align-items: center;
    color: var(--secondarytext-bold);
    font-weight: 300;
    padding: 7px 0;
    transition: 180ms all ease;
    position: relative;
    font-size: 18px;
}

.-footer-widgets-links > li > a:before {
    /* content: "\f323"; */
    font-family: "Font Awesome 7 Pro";
    position: relative;
    margin-left: 10px;
    height: 11px;
    font-size: 13px;
}

.-footer-widgets-links > li > a:hover {
    color: var(--textcolor);
}

.-footer__logo {
    display: flex;
    margin-bottom: 16px;
    justify-content: flex-start;
}

.-footer__logo > a, .-footer__logo > a img {
    display: flex;
    align-items: unset;
    flex-direction: column;
    font-size: 18px;
    color: var(--uicolor);
    font-family: 'FontAwesome';
    letter-spacing: 1px;
    font-weight: 800;
    width: 220px;
}

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

.-company-contact-minibox > li {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    color: var(--textcolor);
    padding: 7px 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
}

.-company-contact-minibox > li > i {
    margin-left: 11px;
    font-size: 16px;
    color: var(--secondarytext);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
    font-weight: 300;
}

.-company-contact-minibox > li > span {
    flex: 1;
}

.-footer-widgets-maps {
    display: block;
    position: relative;
    border-radius: var(--largeradius);
    overflow: hidden;
    height: 170px;
    margin-bottom: 18px;
}

.-footer-widgets-maps > iframe {
    width: 100%;
    height: 100%;
}
.-footer-widgets-title {
    display: block;
}

.-row-shares-items > a {
    display: flex;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 14px;
    color: var(--secondarytext-bold);
    transition: 180ms all ease;
    background: var(--sociaColor);
    color: white;
    border: 1px solid transparent;
}

.-row-shares-items > a:hover {
    background: white;
    color: var(--sociaColor);
    border-color: var(--sociaColor);
}

.-footer-shares-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.-YCPost-Box-user-info {
    display: block;
    flex: 1;
}

.-YCPost-Box-user-info > p {
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
}

.-YCPost-Box-user-info > p > strong {
    font-weight: 200;
    color: var(--secondarytext);
    margin-bottom: 2px;
    display: none;
}

.-YCPost-Box-user-info > p > a {
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    z-index: 3;
    position: relative;
    color: var(--secondarytext);
}

.-YCPost-box-PostAuthor {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.-YCPost-box-author-avatar {
    width: 65px;
    height: 65px;
    margin-inline-end: 10px;
    background-color: #ebebeb;
    border-radius: 50%;
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.-YCPost-box-author-avatar > a {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: var(--secondarytext);
    flex-wrap: wrap;
}

time-posts {
    display: block;
}

time-posts > a {
    display: block;
    font-weight: 300;
    color: var(--secondarytext);
    font-size: 12px;
}

.owl-item {display: inline-block;vertical-align: top;}

title--tooltip {
    position: fixed;
    background: var(--uicolor2);
    padding: 6px 11px;
    border-radius: var(--largeradius);
    color: #fff;
    font-size: 15px;
    max-width: max-content;
    font-weight: 500;
    line-height: 1.4;
    z-index: 1006;
    text-align: center;
}

title--tooltip.social-tooltip {
    min-width: max-content;
    padding: 15px;
}

.-outer-space {
  position: absolute;
  height: 100%;
  width: 100%;
  background: url(https://codexup.com/html/zgen/assets/imgs/shape/pattern.png);
  z-index: -9;
}
@keyframes zoom {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.5);
    }
}

.-YC-Loader-Css:before {
    content: '';
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeholder;
    animation-timing-function: linear;
    background: #eeeeee;
    background: linear-gradient(to right, #f9f9f9 8%, #fbfbfb 18%, #f9f9f9 33%);
    background-size: 1200px 100px;
    min-height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    border-radius: var(--largeradius);
    top: 0;
    right: 0;
}

.-YC-Loader-Css {
    position: relative;
    width: 100%;
    height: 100%;
}

.-YC-Icon-Buttons {
    display: flex;
    max-width: max-content;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-inline: 10px 15px;
    position: relative;
    height: 20px;
    --inset-uicolor:
    var(--uicolor2);
}

.-YCPost-Box-Text-BTN > a .-YC-Icon-Buttons {--inset-uicolor:var(--uicolor);}

btn-icon.-YC-Icon-Buttons > span {
    width: 12px;
    height: 1px;
    background: var(--inset-uicolor);
    transition: 180ms all ease;
    position: relative;
}

btn-icon.-YC-Icon-Buttons > em {
    width: 0;
    height: 0;
    display: block;
    margin-inline-start: 0;
    margin-inline-end: auto;
    border-style: solid;
    border-width: 6px 6px 6px 0px;
    border-color: transparent var(--inset-uicolor) transparent  transparent;
    opacity: 1;
    transition: 180ms all ease;
    position: absolute;
    top: calc(50% + 0px);
    transform: translateY(-50%);
    left: -6px;
}

:hover > btn-icon.-YC-Icon-Buttons > em {
    opacity: 0;
}

:hover > btn-icon.-YC-Icon-Buttons > span {
    width: 20px;
}
verified {
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: rgb(44, 134, 253);
    color: white;
    border-radius: 50%;
    font-size: 9px;
    text-align: center;
    line-height: 18px;
    margin-right: 5px;
}

.-progress-single-fixed {
    position: fixed;
    top: 0;
    z-index: 3;
    right: 0;
    width: 100%;
    left: 0;
    display: none;
}

.-progress-bar-content-loader {
    background: white;
    width: 100%;
    height: 5px;
}

.--progress-bar-content-value {--progress-width: 0;width: var(--progress-width);background: var(--uicolor2);height: 100%;transition: 300ms all ease;border-radius: var(--largeradius);position: relative;overflow: hidden;}

.--progress-bar-content-value:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, #1f78fd, transparent);
}
.YC-BreadCrumb {
    display: block;
}
.YC-BreadCrumb > ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.YC-BreadCrumb.-BreadCrumb-PT-products ol.BreadcrumbsFilters {
    justify-content: right;
}
.YC-BreadCrumb > ol > li {
    display: block;
}
.YC-BreadCrumb > ol > i {
    margin: 0 10px;
    font-size: 14px;
    font-weight: 300;
    color: var(--secondarytext);
    height: 11px;
}
.YC-BreadCrumb > ol > i:last-of-type {
    display: none;
}
.YC-BreadCrumb > ol > li > a {
    display: flex;
    font-size: 14px;
    padding: 0px 0;
    color: var(--secondarytext);
    font-weight: 300;
}

.YC-BreadCrumb > ol > li > a>span {
    display: flex;
    align-items: center;
    gap: 6px;
}
.-fix-inputs-area.-is-necessary textarea,.-fix-inputs-area.-is-necessary input {
    animation: is-necessary 1.5s;
}
@keyframes is-necessary {
 0% {
    border-color: var(--diver);
  }
  40% {
    border-color: var(--negative);
  }
  60% {
    border-color: var(--diver);
  }
  70% {
    border-color: var(--negative);
  }
  80% {
    border-color: var(--diver);
  }  
  100% {
    border-color: var(--negative);
  }
}
.Context--overlays{position:fixed;top:0;right:0;width:100%;perspective:1000px;z-index: 1005;height:100%;}
.Context--overlays.loading > .Boxed--Context---overlays{width:100%;}
.Backdrop--Context---overlays{height:100%;background:var(--alphabg);position:fixed;top:0;width:100%;right:0;overflow:hidden;z-index:-1;}
.inner--Context---overlays *::-webkit-scrollbar{width:8px;height:4px;}
.inner--Context---overlays *::-webkit-scrollbar-thumb{background:var(--hover-overlay);border-radius:3px;}
.inner--Context---overlays *::-webkit-scrollbar-track{background:transparent;}
.Parent-Boxed--Context---overlays{position: relative;background: var(--overlay);box-shadow: 0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1), inset 0 0 0 1px var(--shadow-inset);border-radius: var(--largeradius);transition: 200ms all var(--transition-timing-in);display: flex;--animation-duration: 500ms;}
.Parent-Boxed--Context---overlays.-Current-popover-item {animation: popover-out-animation var(--animation-duration);opacity: 0;}
@keyframes popover-out-animation {
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }
    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
  
}
.Parent-Boxed--Context---overlays:not(.In-popoverLoaded):not(.-Current-popover-item) {
    animation: popover-in-animation 850ms;
}
@keyframes popover-in-animation {
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    } 

}
.-gallery-popover-item.Context--overlays.loaded .Parent-Boxed--Context---overlays {
    min-width: 1440px;
}

.showis--fullwidh.-gallery-popover-item.Context--overlays.loaded .Parent-Boxed--Context---overlays {
    min-width: var(--sv-widht);
}

.Parent-Boxed--Context---overlays.choosing--tool {
    overflow: hidden;
    height: 485px;
    max-height: calc(100vh - 50px);
}

.Parent-Boxed--Context---overlays.choosing--tool > .Boxed--Context---overlays {
    transform: translate(100%, 0);
}

.Parent-Boxed--Context---overlays > .Boxed--Context---overlays--extension.choosed--tool {
    transform: translate(0);
}
.Boxed--Context---overlays{min-width:400px;position:relative;transition:.3s all ease;direction:rtl;margin:0 auto;display: flex;flex-wrap: wrap;flex-direction: column;}
.OverParent-Boxed--Context---overlays{padding: 0px 40px;position: absolute;top: 0;right: 50%;height: 100%;transform: translate(50%, 0);}
.title--Context---overlays{position:relative;padding: 14px 40px;display: flex;align-content: center;align-items: center;flex-wrap: wrap;justify-content: space-between;background: var(--primary-text);border-radius: var(--largeradius) var(--largeradius) 0 0;margin-top: -3px;}
.title--Context---overlays > strong{font-size: 26px;flex: 1;}
.title--Context---overlays > strong.center{display:block;text-align:center;margin-left:-44px;font-size: 20px;}
@keyframes loaderbg{0%{opacity:0;}
100%{opacity:1;}
}
.title--Context---overlays > loader:after{content:'';position:absolute;top:0;right:0;opacity:0;width:100%;height:100%;background:var(--hover-overlay);border-radius:50px;animation:loaderbg 2s ease infinite;}

.title--Context---overlays > loader:after {
    background: #ffffff14;
}
.title--Context---overlays > loader{display:block;height:22px;background: var(--bghover);border-radius:50px;width:120px;position: relative;flex: 1;margin-inline-end: 30px;}
.windows-shows-items > span{--elem-w: 18px;width: var(--elem-w);height: var(--elem-w);border-radius:50%;background: var(--background-hover);text-align:center;color: transparent;font-size: 8px;cursor:pointer;transition: 50ms all ease;position: relative;display: flex;align-content: center;justify-content: center;align-items: center;flex-wrap: wrap;margin-inline-start: 11px;font-weight: 200;}

.windows-shows-items > span:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -12px;
}

.windows-shows-items > span i {
    font-weight: inherit;
}

span.Minimize--Context--overlays {--hover-color: white;
    --background-hover: #64C05A;
}

span.Close--title---Context----overlays {--hover-color: white;
    --background-hover: #E96963;
    font-size: 10px;
}

span.Maximize--Context--overlays { --hover-color: white;--background-hover: #F3BB59;}
.windows-shows-items > span:hover {
    color: white;
    transition: 150ms 250ms color ease, 250ms transform ease;
    transform: scale(1.6);
}
span.Close--title---Context----overlays:after{background:var(--hover-overlay);position:absolute;top:0;right:0;width:100%;opacity:0;content:'';height:100%;border-radius:50%;transition:200ms all var(--transition-timing-in);}
.inner--Context---overlays{padding: 40px;position:relative;min-height:110px;flex: 1;display: flex;}
.Loading--Context---overlays > em:after{content:'';position:absolute;top:0;right:0;opacity:0;width:100%;height:100%;background:var(--hover-overlay);border-radius:50px;animation:loaderbg 2s .4s ease infinite;}
.Loading--Context---overlays > em:last-child:after{animation:loaderbg 2s .4s ease infinite;}
.Loading--Context---overlays{
    padding: 16px;
    width: 100%;
}
.Loading--Context---overlays > em{display:block;height:22px;background: var(--bghover);border-radius:50px;margin-bottom: 15px;position:relative;}
.Loading--Context---overlays > em:last-child{width:190px;margin-bottom:0;}

.windows-shows-items {
    display: flex;
    flex-direction: row-reverse;
    margin: 0 -5px;
}
.Parent-Boxed--Context---overlays.--ActionType--galleryActoins {
    width: 1440px;
}

.showis--fullwidh .Parent-Boxed--Context---overlays.--ActionType--galleryActoins {
    width: var(--sv-widht);
}

.OverParent-Innet--Context {
    max-height: calc(100% - 50px);
    top: 50%;
    transform: translate(0%,-50%);
    display: flex;
    position: relative;
}
.cursor {
  z-index: 999999999999999999999999999999999;
  position: fixed;
  width: 40px;
  height: 40px;
  border: 1px solid #c9f31d;
  border-radius: 50%;
  left: 0;
  top: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.15s;
  transition: 0.15s;
  mix-blend-mode: difference;
  font-family: 'FontAwesome';
}

.cursor2 {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #c9f31d;
  mix-blend-mode: difference;
  filter: hue-rotate(45deg);
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: width .3s, height .3s, opacity .3s;
  z-index: 999999999999999999;
}

.hover {
  background-color: red;
  opacity: 0.5;
}

.cursorinnerhover {
  width: 50px;
  height: 50px;
  opacity: .5;
}
.-special-client-slider.owl-rtl.owl-loaded.owl-drag:after {
    content: "";
    clear: both;
}
.-special-client-slider {
    margin: 0 auto;
    height: 90px;
    width: 260px;
}
.yc__widgets__sep {
    position: absolute;
    top: -50px;
    z-index: 9;
    left: 0;
    width: 100%;
}
.yc__widgets__sep.-sepRotate {
    top: inherit;
    bottom: -50px;
    transform: rotate(180deg);
}
.-YC-special-client-Item {
    min-width: 260px;
    padding: 5px 25px;
    border: 1px solid var(--diver);
    height: 80px;
    overflow: hidden;
    border-radius: 20px;
    margin: 0px 15px;
    box-shadow: -1px 13px 13px 0px rgb(5 12 31 / 5%);
    background: #fff;
    max-width: 260px;
    display: flex;
    align-items: center;
}
.-YC-special-client-Poster-Image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.-YC-special-client-Item > .-YC-special-client-Poster-Image {
    max-height: calc(100% - 18px);
}

.-YC-special-client-Item > .-YC-special-client-Poster-Image img {
    max-height: 100%;
}
.owl-nav.disabled {
    display: none;
}
.-YC-Intro-shapes-one {
    position: absolute;
    left: 10%;
    bottom: 80%;
    clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
    z-index: 4;
    animation: bannerAnimationTwo 8s infinite linear;
    width: 16px;
    height: 16px;
    background: #fd7f72;
}
@keyframes bannerAnimationTwo {
    0% {
    transform: translate(0px, 0px);
    }
    20% {
        transform: translate(20px, -5px);
    }
    40% {
        transform: translate(50px, 20px);
    }
    60% {
        transform: translate(20px, 50px);
    }
    80% {
        transform: translate(-20px, 30px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

.-YC-Intro-shapes-two {
    position: absolute;
    z-index: -1;
    width: 16px;
    height: 16px;
    background: #87f1a4;
    left: 160px;
    bottom: 20%;
    z-index: 2;
    animation: upslide 4s linear forwards infinite alternate;
}

@keyframes upslide {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-10px);
    }
}

.-YC-Intro-shapes-three {
    position: absolute;
    right: 10%;
    top: 30%;
    animation: bannerAnimationTwo 7s infinite linear;
    width: 16px;
    border-radius:50%;
    height: 16px;
    background: #7b68ee;
    z-index: 3;
}

.-YC-Intro-shapes-four {
    position: absolute;
    right: 15%;
    bottom: 30%;
    animation: bannerAnimationTwo 7s infinite linear;
    width: 16px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    height: 16px;
    background: #ffce5a;
    z-index: 4;
}

.path_select {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid var(--uicolor2);
    top: 0;
    right: 0;
    transform: scale(0);
    transform-origin: center;
    overflow: hidden;
    z-index: -1;
}

.add_select_path .path_select {
    animation: selectpath 2s;
    transform: scale(1);
    overflow: visible;
}

.path_select_item {
    background: var(--uicolor2);
    width: 12px;
    height: 12px;
    border: 2px solid var(--uicolor2);
    position: absolute;
}

.path_select_item.path_select_right-bottom {
    bottom: -7px;
    right: -7px;
}

.path_select_item.path_select_right-top {
    top: -7px;
    right: -7px;
}

.path_select_item.path_select_left-bottom {
    bottom: -7px;
    left: -7px;
}

.path_select_item.path_select_left-top {
    top: -7px;
    left: -7px;
}

@keyframes selectpath {
    0%{
        width:0%;
        opacity: 0;
    }
    100%{
        width:100%;
        opacity: 1;
    }   
}
span.typing-effect {
    border-inline-end: 2px solid var(--uicolor2);
    padding-inline-end: 5px;
    padding: 0px 14px;
    animation: typing 1800ms steps(30, end), blink-caret 1s infinite;
    overflow: hidden;
    display: inline-block;
}
@keyframes typing {
  from {
    width: 0}
  to {
    width: 100%}
};
.in_ui_list {
    position: relative;
}
.in_ui_list {
    background: #FF9800;
    border-radius: 20px;
    display: inline;
    padding: 10px;
}
.in_ui_list span {
    line-height: 1;
}
.in_ui_list ul {
    background: #fff;
    position: absolute;
    display: flex;
    flex-direction: column;
    list-style: none;
    font-size: 31px;
    width: 100%;
    color: var(--header-primary-text);
    border-radius: 20px;
    font-size: 26px;
    padding: 20px;
    left: 0;
    top: 110%;
}
.-YC-Intro-left_top {
    font-size: 20px;
    margin-bottom: 50px;
}
.testimonials-gridview marquee {
    padding: 20px;
    display: flex;
    align-items: start;
}

.-single-reviews-contain-item {
    display: inline-flex;
    flex-direction: column;
    white-space: break-spaces;
    min-width: 410px;
    border-radius: 20px;
    text-align: right;
    justify-content: flex-start;
    margin: 0px 18px;
    max-width: 410px;
}

.custreviews-logos-content .-P-Content {
    white-space: break-spaces;
    line-height: 1.7;
    color: var(--alphabg);
    font-size: 16px;
    font-weight: 400;
}
.-custreviews-logos-Poster-UI {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    background: #1a0850;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
}

.-form-ideal-flow-testimonials-grid-item .-single-reviews-contain-info .-custreviews-logos-Poster-UI {
    width: 40px;
    height: 40px;
}

.custreviews-logos-context {
    display: flex;
    flex-direction: column;
    justify-content: right;
    align-items: self-start;
    line-height: 1.8;
    flex: 1;
}

.-form-ideal-flow-testimonials-grid-item .-single-reviews-contain-info  .custreviews-logos-context {
    align-items: start;
}

.custreviews-logos-context h2 {
    font-weight: 700;
    line-height: 1.3;
    font-size: 18px;
    color: var(--textcolor);
}

.-form-ideal-flow-testimonials-grid-item h2 {
    margin-bottom: 9px;
}

.custreviews-logos-context h3 {
    font-size: 14px;
    font-weight: 300;
    color: var(--secondarytext-bold);
}

.-single-reviews-contain-info {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 22px;
}

.-form-ideal-flow-testimonials-grid-item .-single-reviews-contain-info {
    padding: 0;
    margin-bottom: 20px;
    flex-direction: inherit;
}

.-custreviews-logos-Poster-Image {
    margin-inline-end: 18px;
    position: relative;
    border: 1px solid var(--uicolor2);
    border-radius: 50%;
    padding: 3px;
}

.-form-ideal-flow-testimonials-grid-item .-single-reviews-contain-info .-custreviews-logos-Poster-Image {
    margin-inline: 0 20px;
}

.stars-avg {
    letter-spacing: 2px;
    display: block;
    font-size: 22px;
    position: relative;
    color: #e1e1e138;
    margin-bottom: 20px;
    width: max-content;
}

.-testimonials-carousel-column.scroller-x .custreviews-logos-content-box {
    direction: rtl;
}

.d-flex.-flex-center.stars-avg-front {
    color: #ff852b;
    position: absolute;
    top: 0;
    right: 0;
    width: var(--percent);
    overflow: hidden;
    display: flex;
}

.d-flex.-flex-center.stars-avg-back {
    color: #dddff5;
    display: flex;
    align-items: center;
}

.d-flex.-flex-center.stars-avg-back i {
    font-weight: 300;
}
body:before {
    content: "";
    display: block;
    position: fixed;
    height: 100vh;
    top: 0;
    width: 100%;
    background-size: 100px 100px;
    z-index: -10;
    left: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 300px;
    opacity: 1;
}

body {
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
}

.site-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(45deg, #fafbff, #ffffff);
    overflow: hidden;
    direction: ltr;
}
.site-preloader .animation-preloader {
    position: absolute;
    z-index: 1000;
}
.site-preloader .animation-preloader .spinner {
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 3px solid #f7f7f9;
    border-top-color:  var(--uicolor2);
    height: 9em;
    width: 9em;
    margin: 0 auto 3em;
}
.site-preloader .animation-preloader .text-loading {
    font-size: 4.5em;
    font-weight: 700;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    flex-direction: row-reverse;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-family: 'FontAwesome';
    user-select: none;
    text-align: center;
}
.site-preloader .animation-preloader .text-loading .letters-loading {
    color: #f7f7f9;
    position: relative;
    margin: 0 8px;
}
.site-preloader .animation-preloader .loading-text {
    font-size: 21px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    font-family: 'FontAwesome';
    letter-spacing: 8px;
    color: var(--uicolor);
    margin: 1.5em 0 0;
}
.site-preloader .preloader-layer {
    position: absolute;
    top: 0;
    width: 33.3333%;
    height: 100%;
    overflow: hidden;
}
.site-preloader .preloader-layer .overly {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}
.site-preloader .preloader-layer.layer-two {
    left: 33.3333%;
}
.site-preloader .preloader-layer.layer-three {
    left: 66.6666%;
}
.site-preloader .preloader-layer.layer-one {
    left: 0;
}
@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    25%, 50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    25%, 50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes float_rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes float_rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.site-preloader .animation-preloader .text-loading .letters-loading::before {
    -webkit-animation: letters-loading 4s infinite;
    animation: letters-loading 4s infinite;
    color: var(--uicolor2);
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}

.site-preloader .animation-preloader .text-loading .letters-loading:nth-child(2)::before {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.site-preloader .animation-preloader .text-loading .letters-loading:nth-child(3)::before {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.site-preloader .animation-preloader .text-loading .letters-loading:nth-child(4)::before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.site-preloader .animation-preloader .text-loading .letters-loading:nth-child(5)::before {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.site-preloader .animation-preloader .text-loading .letters-loading:nth-child(6)::before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.site-preloader .animation-preloader .text-loading .letters-loading:nth-child(7)::before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.site-preloader .animation-preloader .text-loading .letters-loading:nth-child(8)::before {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.site-preloader .animation-preloader .text-loading .letters-loading:nth-child(9)::before {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.site-preloader .animation-preloader .text-loading .letters-loading:nth-child(10)::before {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.custreviews-logos-content {
}

.-form-ideal-flow-testimonials-grid-item .custreviews-logos-content {
    padding: 0;
    text-align: right;
    direction: rtl;
}.-Reivews-title .-P-content {
    font-size: 19px;
    color: var(--secondarytext);
    font-weight: 300;
    max-width: 700px;
    margin: 0 auto;
}

.-Reivews-title {
    font-size: 30px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 40px;
}

.-Reivews-title h4 {
    color: var(--uicolor2);
    font-weight: 400;
    font-size: 19px;
}

.-Reivews-title > h2 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 40px;
}

.Logo-svg {
    display: flex;
    align-items: center;
    color: #fff;
    font-family: 'Font Awesome 7 Brands';
    font-size: 30px;
    flex-direction: row-reverse;
    background: #fff;
    width: 80px;
    border: 1px solid #ebe9f7;
    height: 80px;
    margin-bottom: 20px;
    justify-content: center;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 7px 15px 30px #8876ef2b;
}

.Logo-svg svg {
    width: 100%;
    height: 100%;
}
.Service_Calculator {
    width: 600px;
    margin: 0 auto;
    padding: 60px;
    border-radius: 40px;
    border: 2px solid mediumslateblue;
    box-shadow: -1px 13px 13px 0px rgb(5 12 31 / 5%), 0px 10px 30px #7b68ee2b;
    background: #fff;
}
.kew-arrow {
  min-width: 48px;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border-radius: 50%;
  background: var(--s1);
  transition: all 0.4s;
}
.kewta-btn {
  transition: all 0.4s;
}

.-Btn-Header.kewta-btn {
    background: var(--uicolor2);
    border-radius: 30px;
}
.kewta-btn .kew-text {
  color: #fff;
}
.kewta-btn .kew-arrow {
  color: #fff;
}
.kewta-btn .kew-arrow svg path {
  stroke: #fff !important;
}
.kewta-btn .kew-arrow {
  position: relative;
  overflow: hidden;
}

span.kew-arrow svg {
    transform: rotatey(180deg);
}
.kewta-btn .kew-arrow .kt-one {
  position: absolute;
  bottom: -40px;
  right: -50px;
  transition: all 0.8s;
}
.kewta-btn .kew-arrow .kt-two {
  transition: all 0.8s;
  position: absolute;
  top: 6px;
  right: 7px;
}
.kewta-btn .kew-arrow .kt-two svg {
  transition: all 0.8s;
}
.kewta-btn:hover .kew-arrow .kt-one {
  position: absolute;
  bottom: 6px;
  right: 9px;
}
.kewta-btn:hover .kew-arrow .kt-two {
  position: absolute;
  top: -40px;
  right: 40px;
}
.sc-card-collection {
    background:#fff;
    border-radius: 30px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 3px 16px 4px rgba(47, 83, 109, 0.12);
    width: 450px;
    transform: scale(0.95);
    opacity: .8;
    filter: grayscale(1);
}

.active .sc-card-collection.style-2.home2 {
    transform: scale(1);
    border: 2px solid var(--uicolor2);
    box-shadow: 0px 3px 16px 4px rgb(35 13 99 / 19%);
    opacity: 1;
    filter: unset;
}
.sc-card-collection .card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 100%;
}

.sc-card-collection .card-bottom a {
    width: 100%;
}

.sc-card-collection .card-bottom h4 {
    margin-bottom: 5px;
    font-size: 18px;
    color: #000;
}
.sc-card-collection .card-bottom .author {
    display: flex;
    align-items: center;
}
.sc-card-collection.style-2 .media-images-collection, .sc-card-collection.style-2 .media-images-collection .top-img {
    margin-bottom: 17px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sc-card-collection.style-2 .media-images-collection .box-left {
    margin-left: 10px;
    height: 270px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #00000038;
}

.sc-card-collection.style-2 .media-images-collection .box-right {
    width: 40%;
}
.sc-card-collection.style-2 .media-images-collection .box-left img {
    width: 100%;
    height: 100%;
}

.sc-card-collection.style-2 .media-images-collection img {
    border-radius: 10px;
    object-fit: cover;
}
.sc-card-collection.style-2 .media-images-collection .top-img img {
    height: 100%;
    width: 100px;
    margin-inline-end: 2px;
    border: 2px solid var(--diver);
}
.sc-card-collection.style-2 .media-images-collection .bottom-img img {
    width: 100%;
    height: 100%;
    border: 2px solid var(--diver);
}
.sc-card-collection.style-2 .media-images-collection .top-img {
    margin-top: 0;
    margin-bottom: 10px;
}
.sc-card-collection.style-2 .media-images-collection .top-img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 100px;
    height: 100px;
    -webkit-box-pack: justify;
    overflow: hidden;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sc-author-box.style-2 {
    display: inline-block;
    width: unset;
    border-radius: unset;
    text-align: center;
    box-shadow: unset;
    margin-bottom: 0;
    background: transparent;
}
.sc-card-collection .card-bottom .sc-author-box.style-2 .author-avatar {
    margin-bottom: 0;
    margin-left: 10px;
    position: relative;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    background: #f4f6f8;
    border-radius: 20px;
}
.sc-card-collection .card-bottom .sc-author-box.style-2 .author-avatar .avatar {
    border-radius: 21px;
    width: 64px;
    height: 64px;
    object-fit: contain;
}
.sc-author-box .author-avatar .badge {
    display: inline-flex;
    position: absolute;
    bottom: 0px;
    left: 0px;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    line-height: 18px;
    object-fit: cover;
    text-align: center;
    font-size: 13px;
    border-radius: 50%;
    background-color: mediumslateblue;
    padding: 0 !important;
    color: #fff;
    font-weight: 100;
}

.sc-author-box .author-avatar .badge i {
    font-weight: 500;
}
.wishlist-button.public {
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding: 1px 11px;
    border-radius: 8px;
    background-color: #14141F;
    cursor: pointer;
    flex-shrink: 0;
    border: none;
}

.bottom-img {
    height: 160px;
    overflow: hidden;
}

.infor {
    font-size: 15px;
    color: var(--secondarytext-bold);
    font-weight: 200;
}

.-PortofiloBoxes-slider {
    width: 470px;
}
.-YC-portfolio-title-s2 {
    margin-bottom: 50px;
    line-height: 1.6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.-YC-portfolio-title-s2-top > h2 {
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
}

.-YC-portfolio-title-s2-top > .P-content {
    font-size: 18px;
    line-height: 1.4;
    padding-top: 10px;
}

.-YC-portfolio-title-s2-top {
    text-align: center;
}

.-YC-portfolio-URLArea-s1 {
    margin: -6px;
    display: flex;
    padding-top: 30px;
}

.-YC-portfolio-URLArea-s1:empty {
    display: none;
}

.-YC-portfolio-URLArea-s1 > .-button-ui {
    min-height: inherit;
    padding: 8px 24px;
    margin: 6px;
    font-size: 15px;
}

.-YC-portfolio-URLArea-s1 > a {
}

.P-content {
    color: var(--secondarytext-bold);
    line-height: 1.5;
}

.SubmitButton {
    background: var(--uicolor2) !important;
    color: #fff !important;
}

.MegaMenu_data_Blocks_flex {
    display: flex;
    max-width: calc(320px * 4);
    overflow: hidden;
    padding: 20px;
    align-items: start;
}

.MegaMenu_data_Blocks_flex ul {
    list-style: none;
}

.MegaMenu_data_Block {
    padding: 0px 0px;
    min-width: 300px;
    padding-inline-end: 8px;
}

.MegaMenu_data_Block.customItems {
    border: 0;
}

.MegaMenu_data_Block:last-child {
    border: 0;
    padding: 0;
}

.MegaMenu_data_Block.GalleryLInks {
    border: 1px solid var(--diver);
    border-radius: 20px;
    padding: 8px;
    max-width: 321px;
    margin-inline-start: 8px;
}

.MegaMenu_data_Block.GalleryLInks ul {
    display: flex;
    flex-wrap: wrap;
}

.MegaMenu_data_Block.GalleryLInks ul li {
    width: 95px;
    background: #f1f1f9;
    border-radius: 10px;
    overflow: hidden;
    margin: 3px;
}

.megamMenu_item-customItem {
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 350px;
    line-height: 1.2;
    padding: 13px 16px;
    border-radius: 20px;
    padding-inline-start: 66px;
    overflow: hidden;
}

.megamMenu_item-customItem-text {
    font-size: 15px;
    color: var(--uicolor);
    display: flex;
    font-weight: 400;
    align-items: center;
}

.megamMenu_item-customItem-desc {
    font-size: 14px;
    color: var(--intro-secondarytext);
    font-weight: 300;
    line-height: 1.5;
    padding-top: 4px;
}

.megamMenu_item-customItem-desc:empty {
    display: none;
}

li.YC-megamMenu_item {
    display: block;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

li.YC-megamMenu_item a {
    display: block;
    width: 100%;
}

li.YC-megamMenu_item a.YC-megamMenu_item_post {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 13px;
    border-radius: var(--miniradius);
    flex: 1;
}

.megamMenu_item-customItem-icon {
    position: absolute;
    right: 14px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--color);
    color: var(--intro-secondarytext);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    top: 50%;
    transform: translate(0, -50%);
}

.megamMenu_item-customItem-icon i {
    font-weight: 300;
}

.Rippon_item {
    background: var(--Rippon_color);
    color: #fff;
    padding: 2px 5px;
    border-radius: 20px;
    font-size: 10px;
    margin-inline-start: 5px;
    font-weight: 400;
}

.MenuTitle {
    font-size: 18px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    font-weight: 600;
    padding-inline: 15px;
    padding-top: 8px;
    color: var(--uicolor);
}

.MenuTitle:empty {
    display: none;
}

.MenuTitle i {
    font-size: 28px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    color: var(--uicolor2);
    justify-content: center;
    border-radius: 10px;
    margin-inline-end: 12px;
}

.YC-megamMenu_item-Banner-img {
    max-width: 320px;
    border-radius: 30px;
    overflow: hidden;
}

.Yc_team_items {
    display: flex;
    flex-wrap: wrap;
    /* margin: -20px; */
    padding-block: 40px 0;
    gap: 19px;
}

.Yc_team_items.page .Yc_team_item {
    max-width: 263px;
}

.Yc_team_item_Profile {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    background: #B2B6FF;
    transition: .5s all ease;
    height: 217px;
    overflow: hidden;
    box-shadow: 0px 11px 30px #00000012;
    border-radius: 20px;
    display: flex;
    justify-content: center;
}

.Yc_team_item_Profile img {height: 100%;width: 100%;object-fit: cover;}

.Yc_team_item {
    transition: .3s all ease;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 240px;
    border-radius: 20px;
    flex: 1;
    box-shadow: 0px 1px 5px #1e14561c;
    justify-content: center;
    background: white;
    max-width: 240px;
    border: 1px solid transparent;
}

.Yc_team_item:hover {
    /* background: #fafaff; */
    transition: 50ms all ease;
    border-color: var(--uicolor2);
    transform: translate(0px, -1px);
}

.Yc_team_item:hover .Yc_team_item_Profile img {
    mix-blend-mode: normal;
}

.Yc_team_item:hover .Yc_team_item_Profile {
    opacity 200ms animation-timing-function: ease;
}

.Yc_team_item_name {
    width: 100%;
    text-align: center;
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 3px;
}

.Yc_team_item_name h3 {
    font-size: 17px;
    margin-bottom: 2px;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--header-primary-text);
    font-weight: 500;
}

.Yc_team_item_name span {
    font-size: 13px;
    color: var(--secondarytext-bold);
    font-weight: 400;
    text-transform: capitalize;
    flex: 1;
}

.teamPage {padding-block: 30px;}

.Yc_team_item_socila ul {
    list-style: none;
    display: flex;
    align-items: center;
}

.Yc_team_item_socila ul li {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    margin: 3px;
    justify-content: center;
    border: 1px solid var(--diver);
    border-radius: 20px;
}

.Yc-Page-header {
    padding: 90px;
    background: var(--uicolor2);
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

.Yc-Page-header h1 {
    font-size: 40px;
}

.Yc_team_item_socila {
    position: absolute;
    background: #fff;
    border-radius: 20px;
    padding: 2px 5px;
    bottom: -12px;
    right: 50%;
    transform: translate(50%);
}

.Yc_team_item > .Yc_team_item_socila {
    position: relative;
    right: 0;
    transform: translate(0);
    bottom: 0;
    background: transparent;
    padding: 0;
    padding-top: 19px;
    margin: -4px;
}

.Yc_team_item > .Yc_team_item_socila:empty {
    display: none;
}

.Yc_team_item > .Yc_team_item_socila ul li {
    width: auto;
    height: auto;
    margin: 4px;
}

.Yc_team_item > .Yc_team_item_socila ul li > a {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background: white;
    border-radius: 50px;
}

.-Posts-parent-title-description .Yc_team_item_socila {
    box-shadow: 0 2px 3px #0c3b7414, 0 17px 30px 10px #0f61c70d;
}

.-Posts-parent-header {
    display: flex;
    border-radius: 20px;
    padding: 0;
    width: 100%;
    align-items: start;
    justify-content: space-between;
}

.-Posts-parent-title-description {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative;
    margin-top: -212px;
    margin-inline-end: 0;
}

.-archive-user-avatar {width: 270px;height: 270px;background: white;border-radius: 300px;overflow: hidden;border: 6px solid #ffffff;box-shadow: 0px 2px 30px #10084233;}

.OnboxedElem h1 {
    font-size: 50px;
    margin-bottom: 30px;
    line-height: 1;
    padding-top: 30px;
}

.-YC-special-client-Section {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

.-YC-special-client-Section marquee {
    width: 1200px;
    margin: 0 auto;
}

.-YC-special-client-Section marquee.-marquee-ir {
    padding-block: 27px;
}

.-special-client-marque {
    display: flex;
    animation: marquee 20s linear infinite;
}
.-special-client-marque-rverse {
    display: flex;
    direction:ltr;
    animation: marquee 20s linear infinite reverse;
}
.Marquee {
  box-sizing: border-box;
  padding: 1em;
  color: #fff;
  font-weight: 200;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.Marquee-content {
  display: flex;
  animation: marquee 40s linear infinite running;
}

.Marquee-content.-revers {
    marquee 80s linear infinite animation-play-state: running;
    animation: marquee 40s linear infinite reverse;
}
.Marquee-content:hover {
  animation-play-state: paused;
}
.Marquee-tag {
  margin: 0 0.5em;
  padding: 0.5em;
  background: rgba(255,255,255,0.1);
  justify-content: center;
  transition: all 0.2s ease;
}
.Marquee-tag:hover {
  background: rgba(255,255,255,0.5);
  transform: scale(1.1);
  cursor: pointer;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translate(-100%);
  }
}


.-special-client-marque-Container {
    display: flex;
    width: 100%;
}

.-YC-special-client-Poster-Image2 {
    width: 150px;
    display: flex;
    align-items: center;
}

.-YC-Top-special_client2-title {
    text-align: center;
}

.-YC-Top-special_client2-title h1 {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 10px;
}

.-YC-Top-special_client2-title h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: var(--secondarytext);
    margin-bottom: 2px;
}

.platform {
    width: 50px;
    position: absolute;
    left: 20px;
}

.custreviews-Servise ul {
    display: flex;
    align-items: center;
    justify-content: right;
}

.custreviews-Servise ul li {
    font-size: 11px;
    display: block;
    padding: 4px 8px;
    background: #16057e0d;
    font-weight: 500;
    border-radius: 8px;
    margin: 3px;
    color: #000;
}

.custreviews-Servise {margin-top: 19px;}

.custreviews-Servise:empty {
    display: none;
}


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

.OnboxedElem_user_desc p {
    font-size: 20px;
    line-height: 1.8;
    color: var(--textcolor);
    font-weight: 300;
}

.User_Profile_Projects_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.User_Profile_Projects_grid .sc-card-collection.style-2.home2 {
    filter: unset !important;
    opacity: 1;
    min-width: 450px;
    max-width: 450px;
    flex: 1;
    width: 100%;
    margin-bottom: 0;
    transform: scale(1);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.User_Profile_Projects_grid .sc-card-collection.style-2.home2 img {
    height: 290px;
    width: auto;
    /* margin-inline: auto; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.User_Profile_Posts_grid {
    display: flex;
    flex-wrap: wrap;
    /* margin: 0px -20px; */
    gap: 23px;
}

.User_Profile_Posts_grid .-YCPost-box-Info > h2 {
    font-size: 21px;
    font-weight: 600;
}

.User_Profile_Posts_Title {
    font-size: 25px;
    padding: 10px 0px;
    margin-bottom: 20px;
}

.User_Profile_Projects.-posts {
    background: #e5eaef4f;
    padding: 40px;
}

.OnboxedElem h4 {
    font-size: 20px;
    margin-bottom: 20px;
    background: #ffdb87a3;
    width: max-content;
    padding: 10px;
    border-inline-start: 4px solid #f9a915;
    display: inline-block;
}

.-singular--HeaderContext {
    background: mediumslateblue;
    padding: 40px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

.-singular--HeaderContext h1 {
    font-size: 60px;
}

.-Breadcrumb-SingularPost ol {
    display: flex;
    list-style: none;
    justify-content: center;
    font-size: 27px;
    align-items: center;
    color: #fff;
}

.-Breadcrumb-SingularPost ol li a {
    color: #fff;
}

.-Breadcrumb-SingularPost ol > i {
    font-size: 26px;
    margin: 10px;
    display: inline-block;
}

.Contain--Content--Context_inner {
    border: 1px solid var(--diver);
    padding: 24px;
    border-radius: 20px;
    overflow: hidden;
    max-width: 100%;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 200;
    color: var(--alphabg);
}

.Contain--Content--Context_inner > * {
    padding: revert;
    margin: revert;
    list-style: revert;
}

.-boxes-featuresicons-Info-s1-readmore a {
    padding: 8px 22px;
    display: block;
    color: var(--uicolor2);
    background: linear-gradient(132deg, #ac9aed, #8fbbec);
    border-radius: 20px;
    color: #fff;
    margin-top: 20px;
    font-size: 15px;
}

a.Slides-prev ,a.Slides-next {
    position: absolute;
    top: calc(50% - 25px);
    width: 60px;
    height: 60px;
    background: white;
    display: flex;
    align-items: center;
    right: 0;
    left: inherit;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid var(--diver);
    box-shadow: -1px 13px 13px 0px rgb(5 12 31 / 5%);
    font-size: 22px;
}

a.Slides-prev:hover, a.Slides-next:hover {
    border-color: #807aa7;
}

.disabled a.Slides-prev i, .disabled a.Slides-next i {
    color: var(--secondarytext);
    opacity: .3;
}

a.Slides-prev {
    left: 0;
    right: inherit;
}

.Yc_team_items_slider {
    /* width: calc(100% / 5 - 10px); */
    min-width: 240px;
    max-width: 263px;
    padding: 10px 0 50px;
    display: flex;
    gap: 20px;
}

.Yc_team_items_slider .Yc_team_item {
    max-width: 100%;
    margin: 0;
}

.Yc_team_items_slider .owl-stage {
    display: flex;
}

.-YCTeam_Members-content-s1 {
    position: relative;
    overflow: hidden;
}

.-YCTeam_Members-content-s1 .owl-nav {
    display: none;
}

.-YCTeam_Members-title-s1 h4 {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
    color: #464376;
}

.-YCTeam_Members-title-s1 h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 10px;
}

.-YCTeam_Members-title-s1 {
    margin-bottom: 40px;
    text-align: center;
}

.-YC-features-SectionURL-ss2 a {
    padding: 20px;
    border-radius: 30px;
    padding: 15px 15px;
    min-width: 200px;
    display: flex;
    justify-content: space-evenly;
    font-size: var(--button-title-size);
    font-weight: 500;
    background: var(--uicolor2);
    color: #fff;
    display: inline-block;
    align-items: center;
    border: var(--button-border);
    box-shadow: var(--button-shadow);
    margin: 10px;
    text-align: center;
}

.-Yc-First-Section.-Yc-Texts-Section .P-content > p{
    margin-block-end: 10px;
}

.-boxes-featuresicons-Info-s1-readmore:empty {
    display: none;
}

.-before-footer-section {padding: 40px 0px 0;position: relative;/* overflow: hidden; */}

.-dashboard-root-body + .-before-footer-section {
    padding-top: 70px;
}

.-before-footer-section > .-before-footer-section-body {
    color: white;
    position: relative;
}


.-before-footer-section > .-before-footer-section-body .-before-footer-section-text-component {
    --secondarytext: #f5f3f9;
    --textcolor: white;
}

.-before-footer-section > .-before-footer-section-body  .-before-footer-section-text-component  .-before-footer-section-title {
    font-size: 40px;
    margin-bottom: 12px;
    font-weight: 600;
}

.-before-footer-section > .-before-footer-section-body  .-before-footer-section-text-component  .-before-footer-section-body-description {font-weight: 400;font-size: 19px;max-width: 610px;margin: 0 auto;line-height: 1.5;color: #f9f7ff;}

.-before-footer-section > .-before-footer-section-body  .-before-footer-section-text-component > .-before-footer-section-body-buttons {
    display: flex;
    margin-top: 30px;
    justify-content: center;
}

.-before-footer-section > .-before-footer-section-body > .-before-footer-section-text-component  .-before-footer-section-body-buttons > a:first-child {
    background: white;
    color: var(--uicolor);
}

.-before-footer-section > .-before-footer-section-body > .-before-footer-section-text-component > .-before-footer-section-body-buttons > a {
    margin: 10px;
    color: white;
    border: 1px solid currentColor;
    padding-inline: 60px;
    padding-block: 14px;
    font-size: 19px;
    border-radius: var(--miniradius);
    box-shadow: 0px 11px 20px #00000012;
    font-weight: 400;
}

 .-before-footer-section-information-col {
    flex: 1;
    padding: 10px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-inline-start: 60px;
    position: relative;
    margin-bottom: 10px;
}

.-before-footer-section-information-col:last-child {
    margin-bottom: 0;
}

 .-before-footer-section-information-col > i {
    position: absolute;
    top: 14px;
     
    right: 0;
    bottom: 0;
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 300;
    color: var(--secondarytext);
    height: 46px;
    background: #ffffff2e;
    border-radius: 50%;
    border: 1px solid #8e4cde;
}

.-before-footer-section-information-col > i.fa.fa-phone {
    transform: rotate(245deg);
}

.-before-footer-section-information-col > strong {
    display: block;
    font-size: 17px;
    margin-bottom: 9px;
    font-weight: 300;
    color: #fffffff2;
}

 .-before-footer-section-information-col > p {
    font-size: 17px;
    font-weight: 500;
    color: var(--textcolor);
    white-space: nowrap;
    text-align: right;
}

.-before-footer-section-information-col > p > a {
    color: white;
}

 .-before-footer-section-information-col:last-child {
    border-inline-end: 0;
}

.-footerbg-style-bg {
    position: absolute;
    height: 660px;
    width: 340px;
    border-radius: 220px;
    pointer-events: none;
}

.-footerbg-style-4 {
    left: 50%;
    transform: translateX(-50%);
    bottom: 160px;
    background: linear-gradient(135deg, #ffffff1c, transparent);
}

.-footerbg-style-3 {
    left: 105px;
    top: -270px;
    transform: rotate(45deg);
    background: linear-gradient(95deg, #ffffff1c, transparent);
}

.-footerbg-style-2 {
    top: 180px;
    left: calc(50% - 180px);
    transform: translatex(-50%);
    background: linear-gradient(15deg, #ffffff1c, transparent);
}

.-footerbg-style-bg.-contact-style-1 {
    right: 10px;
    bottom: -300px;
    transform: rotate(-20deg);
    background: linear-gradient(55deg, #ffffff1c, transparent);
}

.-before-footer-section-information {
    background: white;
    max-width: 1000px;
    margin-top: -50px;
    position: relative;
    z-index: 1;
    margin-inline: auto;
    box-shadow: 0px -30px 100px #23074a1a;
    display: flex;
    border-radius: 65px;
    padding-inline: 30px;
}

.-YC-Right-BoxLinks-SectionURL:empty {
    display: none;
}

.Profile_Cover {
    background: linear-gradient(45deg, #afc2e5, #d0c8ff, #9a88ff);
    padding-top: 18%;
}

.-Posts-parent-header > .Yc_team_item_socila {
    position: relative;
    transform: translate(0);
    right: 0;
    bottom: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    padding-top: 18px;
    margin: -5px;
}

.-Posts-parent-header > .Yc_team_item_socila ul li {
    width: 40px;
    height: 40px;
    font-size: 17px;
    margin: 5px;
    box-shadow: 0px 3px 4px #0000000a;
    border-radius: 7px;
}

.-Posts-parent-header > .Yc_team_item_socila ul li.-contact-via-email > a {
    display: flex;
    padding-inline: 20px;
    font-size: 16px;
    color: white;
    height: 100%;
    align-items: center;
}

.-Posts-parent-header > .Yc_team_item_socila ul li.-contact-via-email {
    width: auto;
    background: #1D1549;
    align-items: inherit;
}

.Profile_PageBody-Header {
    padding-bottom: 50px;
    padding-top: 43px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-inline: 30px 0;
}

.Profile_PageBody-Header h1 {
    font-size: 37px;
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
}

.Profile_PageBody-Header h1 > span {
    display: inline-block;
    margin-inline-end: auto;
    font-size: 22px;
    border-radius: 50px;
    color: #4d33e5;
    vertical-align: 0;
    font-weight: 500;
    margin-top: 11px;
    position: relative;
}

.Profile_PageBody-Header h1 > span:after {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    background: #9d68ee73;
    vertical-align: middle;
    transform: rotate(25deg);
    margin-inline-start: -40px;
    margin-inline-end: 20px;
    border-radius: 3px;
    position: absolute;
    top: 2px;
    right: -13px;
    z-index: -1;
}

.Profile_PageBody-Header h1 > span:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background: currentColor;
    vertical-align: middle;
    transform: rotate(45deg);
    margin-inline-start: -40px;
    margin-inline-end: 20px;
    border-radius: 3px;
}

.Profile_PageBody-Header h2 {
    display: inline-block;
    margin-inline-end: auto;
    font-size: 22px;
    border-radius: 50px;
    color: #4d33e5;
    vertical-align: 0;
    font-weight: 500;
    margin-top: 11px;
    position: relative;
    margin-bottom: 29px;
}

.Profile_PageBody-Header h2:after {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    background: #9d68ee73;
    vertical-align: middle;
    transform: rotate(25deg);
    margin-inline-start: -40px;
    margin-inline-end: 20px;
    border-radius: 3px;
    position: absolute;
    top: 2px;
    right: -13px;
    z-index: -1;
}

.Profile_PageBody-Header h2:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background: currentColor;
    vertical-align: middle;
    transform: rotate(45deg);
    margin-inline-start: -40px;
    margin-inline-end: 20px;
    border-radius: 3px;
}

.Profile_Header > .container {
    max-width: 1180px;
}

.Profile_PageBody > .container {
    max-width: 1180px;
}

.Profile_PageBody-Header-information-buttons {
    display: flex;
    align-self: end;
    margin: -8px;
}

.Profile_PageBody-Header > .Profile_PageBody-Header-body {
    flex: 1;
    margin-inline-end: 30px;
    max-width: 770px;
}

.Profile_PageBody-Header > .Profile_PageBody-Header-body p {
    font-weight: 400;
    color: var(--textcolor);
    line-height: 1.6;
    font-size: 18px;
}

.Profile_PageBody-Header-information-buttons > .Profile_PageBody-Header-information-buttons-item {
    display: flex;
    flex-direction: column;
    width: 140px;
    height: 90px;
    margin: 8px;
    border-radius: 8px;
    color: var(--textcolor);
    justify-content: space-between;
    padding: 16px 18px;
}

.Profile_PageBody-Header-information-buttons > .Profile_PageBody-Header-information-buttons-item > strong {
    font-size: 25px;
    font-weight: 500;
}

.Profile_PageBody-Header-information-buttons > .Profile_PageBody-Header-information-buttons-item > span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    filter: brightness(0.5);
}

.Profile_PageBody-Header-information-buttons > .Profile_PageBody-Header-information-buttons-item:nth-child(1) {
    background: #F1EFFF;
    --textcolor: #4D32E1;
}

.Profile_PageBody-Header-information-buttons > .Profile_PageBody-Header-information-buttons-item:nth-child(2) {
    background: #EFF7FF;
    --textcolor: #368ADE;
}

.Profile_PageBody-about-section {
    padding: 30px;
    background: #f6f6f9;
    border-radius: 10px;
    border-top: 1px solid #e3e3eb;
}

.Profile_PageBody-about-section > h2 {
    font-size: 18px;
    color: var(--textcolor);
    margin-bottom: 9px;
    font-weight: 600;
}

.Profile_PageBody-about-section > .Profile_PageBody-about-section-content {
    font-size: 16px;
    line-height: 1.68;
    color: var(--textcolor);
    font-weight: 300;
}

.Profile_PageBody {
    padding-bottom: 40px;
}

ul.-profile-skills-tags {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    margin: -4px;
}

ul.-profile-skills-tags > li {
    border: 1px solid var(--diver);
    color: #4c4c66;
    padding: 0px 9px;
    margin: 4px;
    padding-block: 6px;
    border-radius: 6px;
    box-shadow: 0px 1px 2px #00000012;
    font-weight: 400;
    background: #f6f5f987;
    font-size: 14px;
}

.-intro-background-layer {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -2;
    pointer-events: none;
}

.-marquee-ir-container {display: inline-block;}

.-marquee-ir-min .-marquee-ir-container {
    display: flex;
}

.-marquee-ir-container > .-marquee-ir-container-item {
    display: inline-block;
    margin-inline: 40px 20px;
}

.-marquee-ir-container > .-marquee-ir-container-item > a {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-weight: 600;
    position: relative;
}

.-marquee-ir-container > .-marquee-ir-container-item > a > span {position: absolute;top: -10px;right: -15px;font-size: 12px;opacity: 0;pointer-events: none;background: #143a62;color: white;padding-block: 4px;font-weight: 500;padding-inline: 7px;border-radius: 20px;box-shadow: 0 0 0 2px white;}

.-marquee-ir-container > .-marquee-ir-container-item > a:hover > span {
    transition: 150ms opacity ease, 100ms box-shadow ease, 150ms right ease;
    opacity: 1;
    box-shadow: 0 0 0 4px white;
    right: -10px;
}

.-marquee-ir-container > .-marquee-ir-container-item img {
    height: 40px;
    width: auto;
    opacity: .75;
    filter: grayscale(1);
}

.-marquee-ir-container > .-marquee-ir-container-item:hover img {
    filter: grayscale(0);
    transition: 200ms all ease;
    opacity: 1;
}
@keyframes opacity {
    0% {
        opacity: 0;
        transform: translateY(0px, -10px);
    }
    50% {
        opacity: 0;
        transform: translateY(0px, -10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px, 0px);
    }
}

.-teamPage-heading {
    font-size: 30px;
    font-weight: 600;
}

.-buy-a-domain-intro-outer {
    padding-block: 80px;
    background: var(--section-color);
    padding-inline: 50px;
    --section-color: #ebf3fc6e;
    --section-secondary-color: #141121;
    position: relative;
    z-index: 2;
}

.-buy-a-domain-intro-outer.intro_v1 {
    background: #fffffffc;
    padding: 0;
    position: relative;
    z-index: 4;
}

.-buy-a-domain-intro-outer.intro_v1:before {
    content: "";
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .1) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, .1) 1px, transparent 1px);
    background-size: 50px 50px;
    background-position: center center;
    mask-image: radial-gradient(#000000a8 5%, transparent 70%);
    pointer-events: none;
    );
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro {
    max-width: 1470px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    background: linear-gradient(to bottom, #ffffff91, #ffffff29);
    border-radius: var(--largeradius);
    padding: 60px;
    position: relative;
    z-index: 1;
}

.intro_v1.-buy-a-domain-intro-outer > .-buy-a-domain-intro {
    background: #ffffffe0;
    max-width: 100%;
    padding: 90px;
    border-radius: 0;
    position: relative;
}

.-YC-Widgets-Inner-Row > .-buy-a-domain-intro-outer:first-child {
    margin-top: -80px;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-body {
    flex: 1;
    margin-inline-end: 50px;
    max-width: 585px;
}

.-buy-a-domain-intro-outer.intro_v1 > .-buy-a-domain-intro > .-buy-a-domain-intro-body {
    max-width: 750px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-inline: 0;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-body > h1 {
    font-size: 63px;
    line-height: 1.3;
    color: var(--section-secondary-color);
    font-weight: 900;
}

.-buy-a-domain-intro-outer.intro_v1 > .-buy-a-domain-intro > .-buy-a-domain-intro-body >h1 {
    margin-bottom: 30px;
    font-size: 43px;
    text-align: right;
}

.-buy-a-domain-intro-outer.intro_v1 > .-buy-a-domain-intro > .-buy-a-domain-intro-body >.-a-content {
    font-size: 30px;
    line-height: 1.5;
    font-size: 21px;
    color: var(--secondarytext-bold);
    max-width: 1200px;
    margin: 0 auto;
    text-align: right;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-body > h2 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 10px;
    text-align: right;
    font-size: 18px;
    color: var(--uicolor2);
    font-weight: 500;
    margin-bottom: 10px;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector {
    width: 540px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-inline-end: 120px;
    z-index: 1;
    margin-top: 50px;
}

@keyframes buydomain_layer1 {
    0% {
        top: 100px;
    }
}
@keyframes buydomain_layer2 {
    0% {
        transform: translateY(-50px);
    }
}
@keyframes buydomain_layer3 {
    0% {
        transform: translateY(-50px);
    }
}
@keyframes buydomain_layer4 {
    0% {
        transform: translateY(-50px);
    }
}
@keyframes buydomain_vector {
    0% {
        transform: translate(50%, -50%);
    }
    50% {
        transform: translate(50%, -70%);
    }
    100% {
        transform: translate(50%, -50%);
    }
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > .-buy-a-domain-intro-vector-layer1 {
    animation: buydomain_layer1 2s ease alternate infinite;
    position: absolute;
    top: 130px;
    left: 0;
    rotate: 90deg;
    transform-origin: 30% 60%;
    height: 60px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    padding-bottom: 5px;
    box-shadow: 10px 10px 0 var(--section-secondary-color) !important;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > div.-thumbify {
    box-shadow: 0 0 0 !important;
    background-image: var(--thumbURL) !important;
    background-size: cover !important;
    background-position: center !important;
    border: 0 !important;
    background-color: transparent !important;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > div.-thumbify img {
    border-radius: 10px;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > .-buy-a-domain-intro-vector-layer2 {
    animation: buydomain_layer2 4s linear alternate infinite;
    min-width: 100%;
    margin-bottom: 40px;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > .-buy-a-domain-intro-vector-layer3 {
    animation: buydomain_layer3 3s linear alternate infinite;
    flex: 1;
    margin-inline-end: 20px;
    max-width: 180px;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > .-buy-a-domain-intro-vector-layer4 {
    animation: buydomain_layer4 2s linear alternate infinite;
    width: 110px;
    margin-top: -70px;
    margin-inline-start: auto;
    margin-inline-end: 40px;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > div:not(.-buy-a-domain-intro-vector-bg) {
    box-shadow: -10px 10px 0 var(--section-secondary-color);
    border: 2px solid var(--section-secondary-color);
    color: var(--section-secondary-color);
    font-weight: 900;
    align-self: start;
    direction: ltr;
    background: var(--section-color);
    border-radius: 10px;
    backdrop-filter: blur(11px);
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > div > ul {}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > .-buy-a-domain-intro-vector-layer3 > ul {
    padding: 4px 12px;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > .-buy-a-domain-intro-vector-layer3 > ul > li {
    border: 2px solid var(--section-secondary-color);
    margin-block: 8px;
    border-radius: 10px;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > .-buy-a-domain-intro-vector-layer3 > ul > li.-selected {}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > div > ul > li {
    display: flex;
    padding-inline: 12px;
    padding-block: 9px;
    align-items: center;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > div > ul > li.-selected {
    background: var(--section-secondary-color);
    color: var(--section-color);
    font-weight: 500;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > div > ul > li.-selected > i {
    font-weight: 600;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > div > ul > li > i {
    font-size: 20px;
    margin-inline-end: 9px;
    font-weight: 300;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > div.-buy-a-domain-intro-vector-bg {
    animation: buydomain_vector 6s linear alternate infinite;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 390px;
    height: 390px;
    border: 2px solid var(--section-secondary-color);
    border-radius: 50%;
    display: flex;
    z-index: -1;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > div.-buy-a-domain-intro-vector-bg > em {
    flex: 1;
    border-radius: 50%;
    margin: 34%;
    border: 2px solid var(--section-secondary-color);
}

.-buy-a-domain-intro-vector-bar {
    height: 26px;
    background: var(--section-secondary-color);
    margin: 2px 1px 1px 1px;
    display: flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 10px;
}

.-buy-a-domain-intro-vector-bar > span {
    width: 7px;
    height: 7px;
    background: var(--section-color);
    border-radius: 50%;
    margin-inline-end: 5px;
}

.-buy-a-domain-intro-vector-bar > em {
    height: 7px;
    flex: 1;
    background: var(--section-color);
    margin-inline-start: 10px;
    border-radius: 10px;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > .-buy-a-domain-intro-vector-layer2 > .-buy-a-domain-intro-vector-layer2-body {
    padding: 26px 23px;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > .-buy-a-domain-intro-vector-layer2 > .-buy-a-domain-intro-vector-layer2-body > .-buy-a-domain-intro-vector-layer2-body-tabs {
    display: flex;
    margin: -10px -10px 10px;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-vector > .-buy-a-domain-intro-vector-layer2 > .-buy-a-domain-intro-vector-layer2-body > .-buy-a-domain-intro-vector-layer2-body-tabs > em {
    height: 9px;
    background: var(--section-secondary-color);
    flex: 1;
    margin: 10px;
    border-radius: 10px;
}

.-buy-a-domain-intro-vector-layer2-body-form {
    display: flex;
}

.-buy-a-domain-intro-vector-layer2-body-form > .-buy-a-domain-intro-vector-layer2-body-form-input {
    flex: 1;
    border: 2px solid var(--section-secondary-color);
    padding-inline: 10px;
    padding-block: 7px;
    font-size: 16px;
    border-radius: 10px;
}

.-buy-a-domain-intro-vector-layer2-body-form > .-buy-a-domain-intro-vector-layer2-body-form-button {
    display: flex;
    align-items: center;
    padding-inline: 20px;
    background: var(--section-secondary-color);
    margin-inline-start: 15px;
    color: var(--section-color);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    border-radius: 10px;
}

.-buy-a-domain-intro-vector-layer2-body-content {
    display: flex;
    margin-top: 20px;
    align-items: center;
}

.-buy-a-domain-intro-vector-layer2-body-content > i {
    font-size: 31px;
    font-weight: 400;
    margin-inline-end: 20px;
}

.-buy-a-domain-intro-vector-layer2-body-content > div {
    flex: 1;
    margin-block: -5px;
    display: flex;
    flex-direction: column;
}

.-buy-a-domain-intro-vector-layer2-body-content > div > span {
    display: block;
    height: 7px;
    background: var(--section-secondary-color);
    margin-block: 3px;
    border-radius: 10px;
}

.-buy-a-domain-intro-vector-layer2-body-content > div > span:nth-child(1) {
    max-width: 170px;
}

.-buy-a-domain-intro-vector-layer2-body-content > div > span:nth-child(2) {
    max-width: 100px;
}

form#-search-for-domain {
    display: flex;
    position: relative;
    margin-block: 60px 20px;
}

.-domain-registration > .-domain-registration-body > form#-search-for-domain {
    margin: 0 0 30px;
}

form#-search-for-domain > input {
    background: transparent;
    border: 2px solid var(--section-secondary-color);
    border-radius: 0;
    font-size: 20px;
    padding-inline: 24px;
    padding-block: 18px;
    color: var(--section-secondary-color);
    font-weight: 500;
    padding-inline-end: 130px;
    border-radius: 20px;
}

form#-search-for-domain > button {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--section-secondary-color);
    color: white;
    height: 100%;
    padding-inline: 40px;
    font-size: 22px;
    cursor: pointer;
    border-radius: 20px;
}

form#-search-for-domain > input::placeholder {
    color: currentColor;
    font-weight: 300;
}

.-buy-a-domain-intro-outer > .-buy-a-domain-intro > .-buy-a-domain-intro-body > h1 > scratched-area {
    color: var(--uicolor2);
}

ul.-buy-a-domain-intro-body-features {
    list-style: none;
    color: var(--section-secondary-color);
}

ul.-buy-a-domain-intro-body-features > li {
    display: flex;
    padding-block: 9px;
    align-items: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
}

ul.-buy-a-domain-intro-body-features > li > i {
    margin-inline-end: 8px;
    font-size: 20px;
    font-weight: 400;
}

.-domain-registration {
    padding-block: 80px;
    padding-inline: 30px;
    --section-color: #ebf3fc;
    --section-secondary-color: #141121;
}

.-domain-registration > .-domain-registration-body {
    max-width: 1060px;
    margin: 0 auto;
}


.-domain-registration-section-status {
    display: flex;
    align-items: center;
    padding-inline: 40px;
    padding-block: 28px;
    border-radius: 20px;
}

.-domain-registration-section > .-domain-registration-section-status {
    border: 0 !important;
    box-shadow: 0 0 0 !important;
    padding-inline: 33px;
    background: transparent !important;
    border-radius: 0;
    padding-block: 19px;
    border-bottom: 1px solid var(--diver) !important;
    opacity: .9;
}

.-domain-registration-section > .-domain-registration-section-status:last-child {
    border-bottom: 0 !important;
}

.-domain-registration-section > .-domain-registration-section-status:hover {
    opacity: 1;
}

.-domain-registration-section > .-domain-registration-section-status.-status-inactive {}

.-domain-registration-section-status.-status-inactive {
    border: 1px solid #7ddd8e;
    color: #4cc962;
    --accent-color: #38ad4d;
    box-shadow: 0px 7px 13px #35288714;
}

.-domain-registration-section-status.-status-active {
    background: #f0284a0a;
    border: 1px solid var(--negative);
    color: var(--negative);
    --accent-color: var(--negative);
    box-shadow: 0px 7px 13px #f0284a14;
}
.-domain-registration-section-status > span.-domain-statusIcon {
    font-size: 40px;
    display: flex;
    margin-inline-end: 12px;
}

.-domain-registration-section > .-domain-registration-section-status > span.-domain-statusIcon {
    font-size: 26px;
}

.-domain-registration-section > .-domain-registration-section-status > span.-domain-statusIcon > i {
    font-weight: 300;
}

.-domain-registration-section-status > strong.-domain-name {
    font-size: 26px;
    padding-inline: 8px;
    font-weight: 600;
    color: var(--textcolor);
    line-height: 1;
}

.-domain-registration-section > .-domain-registration-section-status > strong.-domain-name {
    font-size: 18px;
    font-weight: 500;
    color: var(--secondarytext);
}

.-domain-registration-section > .-domain-registration-section-status > strong.-domain-name > em {
    font-style: normal;
    font-weight: 700;
    color: var(--textcolor);
}

.-domain-registration-section > .-domain-registration-section-status > strong.-domain-status {}

.-domain-registration-section-status > em.-domain-status {
    border: 1px solid var(--accent-color);
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 14px;
    border-radius: 30px;
    margin-inline-start: 6px;
    color: var(--accent-color);
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0px 7px 15px #38ad4d24;
}

.-domain-registration-section > .-domain-registration-section-status > em.-domain-status {font-size: 11px;height: 24px;padding-inline: 13px;}

.-domain-registration-section-status > a.-domain-order-button {
    background: #4cc962;
    padding-inline: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    border-radius: 10px;
    font-size: 18px;
    color: white;
    margin-block: -5px;
    box-shadow: 0px 11px 10px #4cc96236;
}

.-domain-registration-section > .-domain-registration-section-status > a.-domain-order-button {
    height: 32px;
    font-size: 14px;
    padding-inline: 20px;
    background: #4f4d58;
    box-shadow: 0px 11px 10px #3a326817;
    border-radius: 8px;
}

.-domain-registration-section-status > em.-domain-price {
    margin-inline-start: auto;
    font-size: 20px;
    color: var(--textcolor);
    font-style: normal;
    padding-inline-end: 20px;
    font-weight: 600;
    margin-block: -4px;
}

.-domain-registration-section-status > em.-domain-price > span {
    display: block;
}

.-domain-registration-section-status > em.-domain-price > span > em {
    font-style: normal;
    font-weight: 400;
}

.-domain-registration-section-status > em.-domain-price > span.-price-annual {
    font-size: 15px;
    font-weight: 400;
    text-align: end;
    padding-top: 4px;
    color: #b0b0b7;
}

.-domain-registration-section > .-domain-registration-section-status > em.-domain-price {
    font-size: 14px;
    font-weight: 500;
    color: var(--secondarytext-bold);
}

.-domain-registration-section > .-domain-registration-section-status > em.-domain-price span.-price-annual {
    font-size: 13px;
}

.-domain-registration-section-status > a.-domain-order-button > i {
    margin-inline-start: 15px;
    margin-inline-end: -6px;
}

.-domain-registration-section {
    border: 1px solid var(--diver);
    margin-top: 40px;
    border-radius: 20px;
    box-shadow: 0px 14px 20px #1411210d;
}

.-domain-registration-section > .-domain-registration-section-heading {
    padding-inline: 33px;
    padding-block: 24px 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--textcolor);
}

.-domain-registration-section-filter {
    padding: 29px 29px 17px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--diver);
}

.-domain-registration-section-filter > a {
    margin: 4px;
    border: 1px solid var(--diver);
    color: var(--secondarytext);
    padding-inline: 11px;
    padding-block: 5px;
    border-radius: 10px;
    font-weight: 400;
}

.-domain-registration-section-filter > a.-selected {
    background: var(--uicolor2);
    color: white;
    border-color: var(--uicolor2);
}

.-user-buttons {display: flex;align-items: center;}

.-user-buttons > a {
    display: flex;
    align-items: center;
    padding-inline: 20px;
    padding-block: 12px;
    border-radius: 50px;
    background: #9068ee26;
    backdrop-filter: blur(4px);
    margin-inline-start: 6px;
    height: 100%;
}

.-user-buttons > a > span + i {
    margin-inline-start: 9px;
}

form.-form-ideal-flow {
    min-height: 100vh;
    display: flex;
    background: #F7F7F9;
    overflow: hidden;
    position: relative;
    margin-top: -150px;
}

form.-form-ideal-flow > .-form-ideal-flow-body {
    flex: 1;
    padding-inline: 50px;
    position: relative;
    padding-block: 110px 40px;
    display: flex;
    max-width: 910px;
}

form.-form-ideal-flow > .-form-ideal-flow-vector {
    flex: 1;
    background: linear-gradient(-165deg, #9f3ddb, #3600d3);
    position: relative;
    overflow: hidden;
    margin-block: 80px 60px;
    border-radius: 0 40px 40px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-block: 100px 80px;
}

form.-form-ideal-flow > .-form-ideal-flow-body > .-form-ideal-flow-body-logo {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 40px;
}

form.-form-ideal-flow > .-form-ideal-flow-body > .-form-ideal-flow-body-container {
    margin: auto;
    flex: 1;
    max-width: 450px;
}

form.-form-ideal-flow > .-form-ideal-flow-body > .-form-ideal-flow-body-container input[inputkit] {
    width: 100%;
    margin-bottom: 13px;
}

form.-form-ideal-flow.-register-form > .-form-ideal-flow-body > .-form-ideal-flow-body-container input[inputkit] {
    padding-block: 0;
    font-size: 17px;
    min-height: 2.8rem;
}

form.-form-ideal-flow > .-form-ideal-flow-body > .-form-ideal-flow-body-container > button[type=submit] {
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
}

form.-form-ideal-flow > .-form-ideal-flow-body > .-form-ideal-flow-body-container > h1 {
    font-size: 48px;
    margin-bottom: 16px;
    color: var(--textcolor);
}

form.-form-ideal-flow > .-form-ideal-flow-body > .-form-ideal-flow-body-container > h2 {
    font-weight: 400;
    margin-bottom: 34px;
    color: var(--textcolor);
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.-form-ideal-flow-vector-bg {
    width: calc(100vw - 720px);
    position: absolute;
    height: calc(100vw - 720px);
    border-radius: 60vw;
    border: 3px solid #5718d626;
    left: -50px;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
}

.-form-ideal-flow-vector-bg:after {
    content: '';
    margin: 10%;
    flex: 1;
    border: 3px solid #5718d661;
    border-radius: 100vw;
}

.-form-ideal-flow-testimonials-grid {
    display: inline-flex;
    align-items: center;
}

.-form-ideal-flow-testimonials-grid a.Slides-prev {
    left: 30px;
}

.-form-ideal-flow-testimonials-grid .disabled a.Slides-prev, .-form-ideal-flow-testimonials-grid .disabled a.Slides-next {
    background: transparent;
    border-color: transparent;
    color: white;
    opacity: .5;
}

.-form-ideal-flow-testimonials-grid a.Slides-next {
    right: 30px;
}

.-form-ideal-flow-testimonials-grid-item {
    break-inside: avoid;
    border-radius: 0;
    padding-inline: 40px;
    background: white;
    padding-block: 50px;
    border-radius: 30px;
    rotate: 10deg;
    transition: 200ms all ease;
    transform: translate(0px, 60px);
    opacity: .2;
    filter: blur(2px);
    direction: rtl;
}

.owl-item.active .-form-ideal-flow-testimonials-grid-item {
    rotate: 0deg;
    transform: translate(0);
    opacity: 1;
    filter: blur(0);
}

.owl-item.active ~ .owl-item .-form-ideal-flow-testimonials-grid-item {
    rotate: -10deg;
}

.-form-ideal-flow-testimonials > marquee + marquee .-form-ideal-flow-testimonials-grid-item {
    min-width: 440px;
}

.-form-ideal-flow-testimonials {
    display: flex;
    flex-direction: column;
    max-width: 520px;
    margin: 0 auto 70px;
}

.-form-ideal-flow-testimonials > marquee + marquee {
    margin-top: -40px;
    max-width: 360px;
    position: relative;
    z-index: 1;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.-form-ideal-flow-testimonials > marquee {background: white;margin: 0 auto;border-radius: 20px;border: 1px solid var(--diver);box-shadow: 0px 22px 60px #15052e1f;margin-inline-end: 100px;}

form.-form-ideal-flow > .-form-ideal-flow-vector > .-form-ideal-flow-content {
    max-width: 900px;
    margin: 0 auto;
    color: white;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-inline: 50px;
}

form.-form-ideal-flow > .-form-ideal-flow-vector > .-form-ideal-flow-content > h3 {
    font-size: 46px;
    margin-bottom: 13px;
}

form.-form-ideal-flow > .-form-ideal-flow-vector > .-form-ideal-flow-content > h4 {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.6;
    opacity: .8;
}

.-form-ideal-flow-testimonials-grid .owl-stage {display: flex;align-items: center;}

.-form-ideal-flow-testimonials-grid .owl-stage .owl-item {
    vertical-align: baseline;
    align-self: end;
}

.-form-ideal-flow-testimonials-grid-item .custreviews-logos-content .-P-Content {
    font-size: 17px;
    line-height: 1.7;
    color: var(--secondarytext-bold);
}
.custom-toast-container {
    position: fixed;
    right: 70px;
    bottom: 0;
    z-index: 1050;
    margin-bottom: 1rem;
    flex-direction: column;
    display: flex;
}

.custom-toast {
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.3s, transform 0.3s;
    height: auto;
    padding: 13px 15px;
    background-color: #ffffff;
    border-radius: 140px;
    box-shadow: 0 6px 10px var(--shadow-2);
    margin-right: 1rem;
    align-items: center;
    display: flex;
    margin-bottom: 0.5rem;
    border: 1px solid var(--divider-light-2);
    max-width: 500px;
    margin-inline-end: auto;
}

.custom-toast.show {
    opacity: 1;
    transform: translateY(0);
}

.custom-toast .icon-container {
    display: flex;
    align-items: center;
    margin-inline-end: 18px;
    font-size: 30px;
}

.custom-toast .icon-container > svg {
    height: 34px;
}

.custom-toast .content-container {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.custom-toast .content-container .title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 4px;
}

.custom-toast .content-container .message {
    font-size: 16px;
    font-weight: 400;
    color: var(--textcolor);
    margin: 0;
    line-height: 1.4;
}

.custom-toast .content-container .message strong {
    font-weight: 400;
    color: var(--textcolor);
}

.custom-toast > button {
    background-color: transparent;
    font-size: 25px;
    color: #9b9dab;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    height: 34px;
    width: 34px;
}

.custom-toast.success .icon-container > svg {
    fill: #45b353;
}

.custom-toast.success .content-container .title {
    color: #45b353;
}

.custom-toast.error .icon-container > svg {
    fill: #ff355b;
}

.custom-toast.error .content-container .title {
    color: #ff355b;
}

.custom-toast.info .icon-container > svg {
    fill: #2F86EB;
}

.custom-toast.info .content-container .title {
    color: #2F86EB;
}

.custom-toast.warning .icon-container > svg {
    fill: #FFC021;
}

.custom-toast.warning .content-container .title {
    color: #FFC021;
}

.custom-toast-container .custom-toast:last-child {
    margin-bottom: 1rem;
}

@media (max-width: 568px) {
    .custom-toast {
        margin: auto 0.5rem;
        left: 0;
        right: 0;
        width: calc(100% - 1rem);
        margin-bottom: 0.5rem;
    }

    .custom-toast-container {
        margin: 0;
    }
}

password-inputkit {
    display: flex;
    position: relative;
    margin-bottom: 13px;
}

password-inputkit > [inputkit] {
    margin-bottom: 0 !important;
}

password-inputkit > password-inputkit-reveal.hoverable {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 30px;
    color: var(--secondarytext-bold);
}

password-inputkit > password-inputkit-reveal i {
    font-weight: 600 !important;
}

.-user-dropdown-menu-button {
    display: flex;
    align-items: center;
    padding-inline: 10px 12px;
    padding-block: 8px;
    border-radius: var(--largeradius);
    border: 1px solid #cecbe1;
    box-shadow: 0px 1px 5px #0b06280a;
}

.-user-dropdown-menu.-opened-dropdown .-user-dropdown-menu-button {
    background: #e7e7e7;
}

.-user-dropdown-menu.-opened-dropdown .-user-dropdown-menu-dropdown {
    transform: translate(0);
    opacity: 1;
    visibility: visible;
    transition: 200ms all ease;
}

.-user-dropdown-menu-button > .-user-dropdown-menu-button-avatar {
    width: 30px;
    position: relative;
    height: 30px;
    border-radius: 40px;
    margin-inline-end: 10px;
}

.-user-dropdown-menu-button > .-user-dropdown-menu-button-avatar > default-avatar img {
    width: auto;
    height: 100%;
    max-width: inherit;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

default-avatar {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: 40px;
    overflow: hidden;
}

.-inputkit-row-body default-avatar {
    width: 100px;
    height: 100px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:10px;
    border:1px solid #ddd;
}

default-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.-user-dropdown-menu-button > .-user-dropdown-menu-button-body {
    font-size: 17px;
    color: var(--textcolor);
    margin-inline-end: 12px;
    font-weight: 500;
}

.-user-dropdown-menu-button > .-user-dropdown-menu-button-caret {color: var(--textcolor);}

.-user-dropdown-menu {
    position: relative;
    margin-inline-start: 8px;
}

.-user-dropdown-menu-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 10px;
    width: 300px;
    max-width: calc(100vw - 60px);
    min-height: 200px;
    background: white;
    border: 1px solid var(--diver);
    border-radius: var(--largeradius);
    z-index: 10;
    box-shadow: 0px 11px 23px #16057e12;
    visibility: hidden;
    opacity: 0;
    transform: translate(0px, 7px) scale(.95);
    overflow: hidden;
}

.-user-dropdown-menu-dropdown-header {display: flex;align-items: center;padding: 18px 24px;border-bottom: 1px solid #e4e2f18a;}

.-user-dropdown-menu-dropdown-header > .-user-dropdown-menu-dropdown-header-avatar {
    width: 42px;
    height: 42px;
    margin-inline-end: 13px;
}

.-user-dropdown-menu-dropdown-header > .-user-dropdown-menu-dropdown-header-body {
    flex: 1;
    font-size: 18px;
    color: var(--textcolor);
    font-weight: 600;
}

.-user-dropdown-menu-dropdown-header > .-user-dropdown-menu-dropdown-header-body > strong {
    font-size: 13px;
    display: block;
    font-weight: 400;
    color: var(--secondarytext);
    padding-top: 2px;
}

.-user-dropdown-menu-dropdown-menu {
    padding-block: 0;
}

.-user-dropdown-menu-dropdown-menu > a {
    display: flex;
    padding-inline: 22px;
    padding-block: 15px;
    align-items: center;
}

.-user-dropdown-menu-dropdown-menu > a.-logout {
    color: #cb3851;
}

.-user-dropdown-menu-dropdown-menu > a > i {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-inline-end: 12px;
    font-weight: 400;
}

.-user-dropdown-menu-dropdown-menu > a > span {
    flex: 1;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.-user-dropdown-menu-dropdown-menu > a > span > em {
    font-style: normal;
    background: #ff3d3d;
    padding-inline: 6px;
    color: white;
    border-radius: 50px;
    font-size: 12px;
    padding-block: 2px;
    margin-inline-start: 9px;
}

.-user-dropdown-menu-dropdown-menu > a > span > strong {
    margin-inline-start: auto;
    font-weight: 500;
    color: var(--textcolor);
}

.-dashboard-checkout-product-item {
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    width: 100%;
}

.-dashboard-checkout-product-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 40px;
    height: 1px;
    background: var(--divider-light-2);
}

.-dashboard-checkout-product-item:last-child:after {
    display: none;
}

.-dashboard-checkout-product-item > * {
    margin: 10px;
}

.-dashboard-checkout-product-item > .-dashboard-checkout-product-item-price {
    font-size: 20px;
    font-weight: 500;
    color: var(--textcolor);
    margin-inline-start: 0px;
    margin-inline-end: 40px;
}

.-dashboard-checkout-product-item > .-dashboard-checkout-product-item-price:last-child {
    margin-inline-end: 10px;
}

.-dashboard-checkout-product-item > .-dashboard-checkout-product-item-recurring {
    display: flex;
    align-items: center;
    margin-inline-end: 20px;
}

.-dashboard-checkout-product-item > .-dashboard-checkout-product-item-recurring > p {
    margin-inline-end: 12px;
}

.-dashboard-checkout-product-item > .-dashboard-checkout-product-item-thumb {
    width: 60px;
    height: 60px;
    margin-inline-end: 16px;
    border-radius: 50%;
    overflow: hidden;
}

.-dashboard-checkout-product-item > .-dashboard-checkout-product-item-thumb img {
    height: 100%;
    width: 100%;
}

.-dashboard-checkout-product-item > .-dashboard-checkout-product-item-body {
    flex: 1;
}

.-dashboard-checkout-product-item > .-dashboard-checkout-product-item-body > strong {
    display: block;
    font-size: 15px;
    font-weight: 300;
    color: var(--textcolor-2);
}

.-dashboard-checkout-product-item > .-dashboard-checkout-product-item-body > p {
    font-size: 19px;
    padding-top: 5px;
    font-weight: 600;
}

.-dashboard-checkout-product-item > .-dashboard-checkout-product-item-thumb > svg {
    height: auto;
    width: 100%;
}

.-dashboard-checkout-product-item > .-dashboard-checkout-product-item-remove {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--negative);
    font-size: 20px;
    border-radius: var(--circularradius);
}

.-add-cartitem-note-textarea {
    min-width: 90%;
    flex: 1;
    display: none;
}

.-dashboard-body-container-doubled > .-dashboard-body-sidebar {
    width: 350px;
    margin-inline-start: 25px;
    align-self: start;
    position: sticky;
    top: 170px;
    transition: 100ms all ease;
}

header.hidemenu ~ .-dashboard-root .-dashboard-body-container-doubled > .-dashboard-body-sidebar {
    top: 100px;
}

.-YourColor-logo-button {
    background: #f1f0fc;
    border: 1px solid var(--uicolor2);
    box-shadow: 0px 0px 0px 10px #7b68ee00, 7px 35px 60px #7a67e63d;
    border-radius: 12px;
    padding: 6px;
    display: flex;
    align-items: center;
    direction: ltr;
    width: 50px;
    height: 50px;
    transition: 100ms all ease;
    position: relative;
    overflow: hidden;
}

.-YourColor-logo:hover .-YourColor-logo-button {
    width: 251px;
    transition: 350ms all ease-in-out;
    box-shadow: 0px 0px 0px 7px #7b68ee1a, 7px 35px 60px #7a67e63d;
    padding-inline-start: 7px;
    background: var(--bgcolor);
}
.-YourColor--smalSiteMenu ul {display: flex;list-style: none;}

.-YourColor--smalSiteMenu ul li {
    display: flex;
    color: var(--secondarytext);
    margin-inline-end: 0;
    align-items: center;
}

.-YourColor--smalSiteMenu ul li:hover a {
    color: var(--uicolor2);
}

.-YourColor--smalSiteMenu ul li:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: var(--secondarytext);
    margin: 10px 10px;
    border-radius: 6px;
}

.-YourColor--smalSiteMenu ul li:last-child:after {
    width: 0;
}

.-YourColor--smalSiteMenu ul li a {
    color: var(--secondarytext);
    transition: .3s all ease;
}

.-before-footer-section-informations {
    margin-top: 16px;
}

.basic_single_Hero {
    padding: 0;
    position: relative;
    z-index: 1;
}

.basic_single_Hero_inner {
    background: #ffffffd9;
    width: 100%;
    height: 100%;
    padding: 40px;
}

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

.basic_single_Hero_media {
    min-width: 520px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    --circularradius: 50%;
    height: 410px;
    max-width: 430px;
    transition: 300ms ease all;
    border: 6px solid #FFF;
    display: inline-block;
    clear: none;
}
.eng-imghome {
    width: 100%;
    height: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    overscroll-behavior: contain;
}

.eng-imghome::-webkit-scrollbar {
    display: none;
}

.basic_single_Hero_media:hover {
    box-shadow: 0 15px 50px -30px rgba(24, 24, 24, .4), 40px 0 30px rgba(24, 24, 24, .1);
    transform: perspective(600px) rotateY(-5deg) scale(1.03) translate(-2%, 0);
    transform-origin: center;
}

.basic_single_Hero_media img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: auto;
    transition: transform 5000ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transform: translateY(0px);
    will-change: transform;
}

.basic_single_Hero_media img:hover {transform: none !important;}
.f-scrolldiv{
    pointer-events: none;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    transform: scale3d(1, 1, 0.99);
    transition: transform 300ms ease-in-out,opacity 300ms ease-in-out;
}

.basic_single_Hero_media:hover .f-scrolldiv {
    transform: scale3d(1, 1, 1);
    opacity: 1;
}
.s-scrolldiv{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 1em;
    justify-content: center;
}

.bt_bb_image_content_inner {
    width: 100%;
    display: block;
}
.parents_mouse {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #7b68eecc;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
/* From Uiverse.io by mrhyddenn */ 
.mouse-btn {
  margin: 10px auto;
  width: 28px;
  height: 45px;
  border: 2px solid rgb(255 255 255 / 98%);
  border-radius: 20px;
  display: flex;
}

.mouse-scroll {
  display: block;
  width: 6px;
  height: 6px;
  background: linear-gradient(170deg, rgb(255 255 255 / 92%), rgb(255 255 255));
  border-radius: 50%;
  margin: auto;
  animation: scrolling13 1s linear infinite;
}

@keyframes scrolling13 {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(20px);
  }
}
.basic_single_Hero_Text h1 {
    font-size: 34px;
    line-height: 1.5;
    margin-bottom: 20px;
    display: flex;
}

.basic_single_Hero_Text {
    padding-inline-end: 70px;
}

.basic_single_Hero_Text p {
    font-size: 20px;
    line-height: 1.6;
    color: var(--overlaycolor);
}

ul.portflio_info_list {
    list-style: none;
    display: flex;
    margin-top: 20px;
    width: 100%;
    flex-wrap: wrap;
}

ul.portflio_info_list li {
    margin-bottom: 10px;
    display: flex;
    font-size: 16px;
    color: var(--overlaycolor);
    padding-bottom: 14px;
    border: #d0d5dd;
    min-width: 50%;
    max-width: 50%;
    flex-direction: column;
    position: relative;
    padding-inline-start: 57px;
}

ul.portflio_info_list li:last-child {
    padding: 0;
}

ul.portflio_info_list li.Live_button {
    min-width: 100%;
}

ul.portflio_info_list li span i {
    --w: 40px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 300;
    margin-inline-end: 13px;
    border-radius: 50%;
    color: var(--uicolor2);
    border: 1px solid currentColor;
    box-shadow: 0px 2px 2px 1px #8a79e924, 8px 3px 0px 1px #7b68ee14;
    position: absolute;
    right: 0;
    top: 0;
}

ul.portflio_info_list li span {
    margin-bottom: 6px;
    font-weight: 800;
    display: flex;
    align-items: center;
    font-size: 15px;
}

.portflio_info_card {
    width: 40%;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 60px #24161630;
    padding: 30px;
    margin-inline-start: 20px;
}

.portflio_info_cards {
    display: flex;
}

.portflio_case_study_item {
    position: relative;
    gap: 28px;
    margin-bottom: 60px;
    display: flex;
    align-items: start;
    z-index: 1;
}

.portflio_case_study_item:before {
    content: '';
    position: absolute;
    top: 30px;
    right: 30px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    --color: #2600ff0d;
    background: var(--color);
    box-shadow: 0 0 440px 160px var(--color);
    z-index: -1;
}

.portflio_case_study_item_title {
    font-size: 45px;
    margin-bottom: 20px;
    min-width: 30%;
    position: sticky;
    top: 170px;
}

.portflio_case_study_item_desc {
    font-size: 20px;
    line-height: 1.8;
    color: var(--overlaycolor);
    display: inline-block;
}

.portflio_case_study_item_inner {}

.portflio_case_study_item_media {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    float: left;
    display: inline-block;
}

.portflio_single_handle {
    position: relative;
}

.basic_single_Hero_logo {
    width: 90px;
    box-shadow: 0 8px 20px 0 rgb(0 0 0 / 8%), 0 0 1px 0 rgb(0 0 0 / 8%);
    border-radius: 8px;
    overflow: hidden;
    margin-inline-end: 8px;
    padding: 5px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #d5d6d7;
}

.basic_single_Hero_logo img {
    width: 100%;
    height: 100%;
}

a.LiveLink_button {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   min-width: 150px;
   max-width: max-content;
   border: 2px solid var(--uicolor);
   border-radius: 50px;
   padding: 10px 27px;
   gap: 18px;
   background: var(--uicolor);
   border-color: var(--uicolor);
   color: white;
}

a.LiveLink_button:hover {
    color: var(--uicolor2);
    border-color: var(--uicolor2);
}

a.LiveLink_button:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    z-index: 1;
    background: white;
    border-radius: 0.625rem;
    transition: 0.3s;
}

a.LiveLink_button:hover:before {
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 2.75rem;
}

ul.portflio_info_list li a.LiveLink_button span {
    margin: 0 !important;!i;!;!i;!;
    z-index: 1;
}

/* From Uiverse.io by SelfMadeSystem */ 
.absolute {
  position: absolute;
}

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

.loader {
  display: flex;
  margin: 0.25em 0;
}

.w-2 {
  width: 10px;
}

.w-3 {
  width: 40px;
}
.dash {
  animation: dashArray 2s ease-in-out infinite,
    dashOffset 2s linear infinite;
}

.spin {
  animation: spinDashArray 2s ease-in-out infinite,
    spin 8s ease-in-out infinite,
    dashOffset 2s linear infinite;
  transform-origin: center;
}

@keyframes dashArray {
  0% {
    stroke-dasharray: 0 1 359 0;
  }

  50% {
    stroke-dasharray: 0 359 1 0;
  }

  100% {
    stroke-dasharray: 359 1 0 0;
  }
}

@keyframes spinDashArray {
  0% {
    stroke-dasharray: 270 90;
  }

  50% {
    stroke-dasharray: 0 360;
  }

  100% {
    stroke-dasharray: 270 90;
  }
}

@keyframes dashOffset {
  0% {
    stroke-dashoffset: 365;
  }

  100% {
    stroke-dashoffset: 5;
  }
}

@keyframes spin {
  0% {
    rotate: 0deg;
  }

  12.5%,
  25% {
    rotate: 270deg;
  }

  37.5%,
  50% {
    rotate: 540deg;
  }

  62.5%,
  75% {
    rotate: 810deg;
  }

  87.5%,
  100% {
    rotate: 1080deg;
  }
}

#preloader.hidden {
  opacity: 0;
  visibility: hidden;
}
.error-page {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 30px;
    margin-bottom: 60px;
    color: var(--intro-secondarytext);
    line-height: 2;
}

.error-page.single_page_404 {
    margin-top: 13px;
}

h1.error-code {
    font-size: 120px;
    line-height: 1;
}

dotlottie-player {
    line-height: 1;
}

.-marquee-ir-min {
    padding-block: 26px;
    width: 1220px;
    margin: 0 auto;
}

.-testimonials-carousel-column .owl-stage {
    display: flex;
}

.ml-auto {
    width: 80px;
    height: 80px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ml-auto i {
    font-size: 76px;
    font-weight: 600;
    color: #6649eb;
    transform: rotate(180deg);
    margin-bottom: 30px;
}

.ml-auto svg {
    width: 100%;
    height: 100%;
    fill: #000;
}

.ml-auto svg path {
    stroke: #000 !important;
    fill: #000 !important;
    opacity: 1 !important;
}

.-single-reviews-contain-info-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.-testimonials-carousel-column.scroller-x .-single-reviews-contain-info-box {
    direction: rtl;
    position: relative;
}

.custreviews-logos-content-box {
    flex: 1;
}
.scroller-x[data-direction=right] {
    --_animation-direction: reverse;
}
.scroller-x[data-speed=slow] {
    --_animation-duration: 120s;
    direction: ltr;
}
.scroller-x__list {
    padding-block: 13px;
    display: flex;
    gap: 28px;
    animation: scroll var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite;
    width: max-content;
    flex-wrap: nowrap;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 20px;
}
 @keyframes scroll {
                    to {
                        transform: translate(calc(-50% - 0.5rem));
                    }
                }
.scroller-x[data-direction=left] {
    --_animation-direction: forwards;
}
.scroller-x[data-speed=slow] {
    --_animation-duration: 120s;
    direction: ltr;
}
.-bouquet-logos-Section > div {
    margin-bottom: 20px;
}
.scroller-x {
    /* overflow: hidden; */
}

.-single-top-head-single_page_404 {
    padding: 40px;
    border-radius: var(--largeradius);
    background: var(--uicolor2);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
span.single-404 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #fff;
}
.single-post-title {
    margin-bottom: 29px;
    font-size: 22px;
    color: #fff;
    position: relative;
    z-index: 9;
    text-align: center;
}

.single-post-title.single--post-title p {
    font-size: 20px;
    color: var(--diver);
    margin: 20px 0;
}
a.link_home {
    padding: 11px 21px;
    border-radius: var(--largeradius);
    font-size: 18px;
    display: block;
    color: #fff;
    margin: 25px auto auto;
    width: max-content;
    background: #fff;
    color: var(--uicolor);
    font-weight: 600;
}
.btn-search.search_single form {
    right: 0 !important;
    left: 0 !important;
    opacity: 1;
    visibility: visible;
    display: flex;
    margin: 40px 0 0;
    position: relative;
    padding: 16px;
    border: 1px solid var(--uicolor);
    border-radius: var(--largeradius);
    max-width: 808px;
    width: -webkit-fill-available;
}
.btn-search.search_single form {
    width: 100%;
}
.btn-search.search_single input[type=seach] {
    width: 100%;
    border: 0;
    border-radius: 6px;
    font-size: 20px;
    opacity: .7;
}
.btn-search.search_single button {
    position: absolute;
    left: 16px;
    border: none;
    background: 0 0;
    font-size: 21px;
    padding: 0;
    color: var(--uicolor);
}

.-YC-single_page_404-search {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;

}

.btn-search.search_single {
    width: 100%;
    margin-inline: auto;
    display: flex;
    justify-content: center;
}
.Popver--CoursesAlert {--overlay-alpha-80:rgba(244, 244, 244, 0.8);width: 100%;height: 100vh;position: fixed;z-index: 1000000000;background: rgb(4 28 54 / 22%);top: 0px;right: 0px;font-family: var(--pluginff);}
.Popver--CoursesAlert > .PopverInnerElemnt {position: absolute;min-width: 428px;top: 50%;transform: translate(-50%, -50%);left: 50%;background: rgb(255, 255, 255);box-shadow: 0px 50px 100px #230d6314;border-radius: var(--miniradius);z-index: 1;max-width: 590px;}
.Popver--CoursesAlert > .PopverInnerElemnt > .HeadAlert--Popvoer {display: flex;padding: 25px;border-bottom: 1px solid rgba(0, 0, 0, 0.04);align-content: center;align-items: center;}
.Popver--CoursesAlert > .PopverInnerElemnt > .ContentAlert--Popvoer {margin: 0px 0px;padding: 30px;font-weight: 300;color: #222222;font-size: 17px;}
.Popver--CoursesAlert > .PopverInnerElemnt > .ALertConroller--Popvoer {display: flex;justify-content: flex-end;margin: 10px 0px 15px;padding: 0px 15px;}

.Popver--CoursesAlert.error > .PopverInnerElemnt > .ALertConroller--Popvoer {
    justify-content: center;
    align-items: center;
    align-content: center;
}
.Popver--CoursesAlert > .PopverInnerElemnt > .ALertConroller--Popvoer > a {display: flex;padding: 13px 22px;border-radius: var(--miniradius);font-weight: 500;font-size: 16px;margin-inline-start: 5px;position: relative;align-content: center;align-items: center;justify-content: center;color: var(--secondarytext);text-decoration: unset;overflow: hidden;}
.Popver--CoursesAlert > .PopverInnerElemnt > .ALertConroller--Popvoer > a > .InnerLoaderBoxed--Context---overlays { position: relative; width: 24px; height: 24px; margin-right: 10px; }
.Popver--CoursesAlert > .PopverInnerElemnt > .ALertConroller--Popvoer > a > .InnerLoaderBoxed--Context---overlays .loader { width: 100%; }
.Popver--CoursesAlert > .PopverInnerElemnt > .ALertConroller--Popvoer > a.AlertIsConfirm {background: var(--positive);color: #fff;}
.Popver--CoursesAlert > .PopverInnerElemnt > .HeadAlert--Popvoer > h2 {flex: 1;font-size: 22px;font-weight: 600;margin: 0 0;font-family: var(--pluginff);}
.Popver--CoursesAlert > .PopverInnerElemnt > .HeadAlert--Popvoer > span {width: 30px;height: 30px;border-radius: 50%;background: rgb(238, 238, 238);text-align: center;display: flex;place-content: center;align-items: center;font-size: 17px;position: relative;cursor: pointer;overflow: hidden;}
.Popver--CoursesAlert > .PopverAlertOverlay { position: absolute; width: 100%; height: 100%; }
.PostsScrollLoader {
    --border-color: #e8e8e8;
    --scolor: #717171;
    padding: 15px 20px;
    display: flex;
    max-width: max-content;
    border-radius: var(--largeradius);
    cursor: pointer;
    font-size: 19px;
    color: var(--scolor);
    font-weight: 500;
    align-content: center;
    align-items: center;
    user-select: none;
    transition: 180ms all ease;
    background: #edededcf;
    font-family: var(--font-site);
}
.-submit-ContentAlert--Popvoer {
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 40px;
}

p.-submit-ContentAlert--Popvoer > span {
    font-size: 23px;
    font-weight: 400;
    color: var(--textcolor);
    line-height: 1.5;
}

.-submit-ContentAlert--Popvoer > i {
    display: block;
    margin: 0 auto 30px;
    font-size: 101px;
    color: var(--uicolor2);
}

.Popver--CoursesAlert.error .-submit-ContentAlert--Popvoer > i {
    color: var(--negative);
}


.progress-line {
    position: absolute;
}



.--Parent-URL-BTN a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--uicolor2);
    font-size: 18px;
    position: relative;
    min-width: 150px;
    max-width: max-content;
    border: 2px solid var(--uicolor2);
    border-radius: 50px;
    background: white;
    padding: 10px 27px;
    gap: 18px;
}

.--Parent-URL-BTN ._url_2 {
    background: var(--uicolor);
    border-color: var(--uicolor);
    color: white;
}

.--Parent-URL-BTN ._url_2:before {
    background: white;
}

.--Parent-URL-BTN ._url_2 i {
    color: var(--uicolor);
}

.--Parent-URL-BTN a:hover {
    color: white;
}

.--Parent-URL-BTN ._url_2:hover {
    color: var(--uicolor);
}

.--Parent-URL-BTN a:hover span {
    position: relative;
}

.--Parent-URL-BTN a:before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    left: 27px;
    top: 10px;
    z-index: 1;
    background: var(--uicolor2);
    border-radius: 0.625rem;
    transition: 0.3s;
}

.--Parent-URL-BTN a:hover:before {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 0;
    border-radius: 2.75rem;
}

.--Parent-URL-BTN a i {
    position: relative;
    color: white;
    z-index: 2;
    font-size: 16px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.-YC-WidgetType-features_icon8 .-defult-widgets-title--URLArea-v1 {
    margin-inline: auto;
}

.--Parent-URL-BTN a.button_url_2 {
    background: var(--uicolor2);
}

.--Parent-URL-BTN a.button_url_2:hover {
    background: white;
    color: var(--uicolor2);
    border-color: var(--uicolor2);
}

.--Parent-URL-BTN a.btn-ket_2:hover {
    background: transparent;
    color: var(--uicolor);
    border-color: var(--uicolor);
}

.--Parent-URL-BTN a:hover span:after {
    transform: scaleX(1);
    transform-origin: bottom right;
}





.--Parent-URL-BTN a:hover span:before {
    transform: scaleX(0);
    transform-origin: bottom left;
}

.-defult-widgets-title-style-1 {
    display: flex;
    min-width: 100%;
    justify-content: space-between;
    max-width: 100%;
    align-items: self-start;
}

.-defult-widgets-title--URLArea-v1 {
    display: flex;
    max-width: max-content;
    gap: 16px;
    margin-top: 37px;
    margin-inline: auto;
}

.-YourColor-IntroBoxInfo .-defult-widgets-title--URLArea-v1 {
    margin-inline: initial;
}

.-YC--main--wep-content- {
    max-width: 569px;
    text-align: right;
    display: flex;
    flex-direction: column;
}

.-YC--main--wep-content- .P-content {
    font-size: 19px;
    line-height: 1.5;
    color: var(--secondarytext-bold);
}

.-YC--main--wep-title- {
    display: flex;
    flex-direction: column;
    max-width: 550px;
    align-items: self-start;
    position: sticky;
    top: 101px;
}

.-YC--main--wep-title- h2 {
    font-size: 39px;
    color: var(--textcolor);
}

.-YC--main--wep-title- .sup-title-widget-defualt {
    font-size: 19px;
    margin-bottom: 17px;
    font-weight: 500;
    color: var(--uicolor2);
}

.testimonials-gridview {
    display: flex;
    flex-direction: column;
}

.testimonials-arrow {
    max-height: 349px;
    max-width: 570px;
    min-width: 400px;
}

.testimonials-arrow img {
    height: auto;
    width: auto;
    transform: rotateY(184deg);
}

.-Post-box-single-item {
    min-width: 310px;
    max-width: 340px;
    flex: 1;
    position: relative;
    border-radius: 40px;
    overflow: hidden;
}

.-Post-box-item-Thumb {
    height: 298px;
    position: relative;
}

.-Post-box-item-Thumb:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    inset: 0;
    background: #0e0924;
    opacity: 0.5;
}

.-Post-box-item-Info {
    position: absolute;
    z-index: 1;
    bottom: 0;
    padding: 28px 27px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.-Post-box-item-Info>a {
    line-height: 1.5;
    color: white;
    font-size: 24px;
    position: relative;
    display: flex;
}


.-Post-box-item-Thumb img {
    height: 100%;
}

.-BlogPostsBoxes-Center {
    gap: 22px;
    display: flex;
}

.-BlogPostsBoxes-Center .YCPost-TopInfo-bar {
    margin-bottom: 0;
    margin-top: 28px;
}

.-BlogPostsBoxes-Center .YCPost-TopInfo-bar .-cat-item > a {
    background: white;
    color: #000;
}


.-YC-blog-vars-container {
    display: flex;
    gap: 30px;
}

.-YC-blog-title-s1 {
}

.YC-BlogPosts-Boxes-Center {
    max-width: 930px;
    overflow: hidden;
    position: relative;
}

.-BlogPostsBoxes-Center.owl-rtl.owl-loaded.owl-drag .-Post-box-single-item {
    min-width: 100%;
    max-width: 100%;
}

.-YC-blog-title-s1-heading-area {
    display: flex;
    flex-direction: column;
}

.-YC-WidgetType-backlinks_shape .-YC-blog-title-s1 .-YC-blog-title-s1-heading-area {
    min-width: 100%;
    max-width: 100%;
    align-items: center;
    text-align: center;
}

.-YC-blog-title-s1 > .-YC-blog-title-s1-heading-area .P-content {
    font-size: 20px !important;
    margin-top: 10px;
}

.-YC-blog-title-s1-heading-area span {
    font-size: 20px;
    margin-bottom: 16px;
    color: var(--uicolor2);
    font-weight: 600;
}

.-BlogPostsBoxes-Center .owl-nav {
    display: none;
}

.-BlogPostsBoxes-Center .owl-dots .owl-dot {
    background: var(--secondarytext-2);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    cursor: pointer;
}

.-BlogPostsBoxes-Center .owl-dots .owl-dot.active {
    background: var(--uicolor2);
}
.-BlogPostsBoxes-Center .owl-dots {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-inline: auto;
    margin-top: 20px;
}

.-special-client_v2-slider {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.-YC-special-client_v2-Item {
    max-width: 170px;
    min-width: 140px;
}

.-YC-special-client_v2-Item img {
    height: auto;
    width: auto;
}
.wave-divider {
  width: 100%;
  height: 20px;
  overflow: hidden;
}

.wave-divider svg {
  width: 100%;
  height: 100%;
  display: block;
}

.-Yc-special_client_v2 {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.-Yc-special_client_v2 .defult-widgets-h1 {
    font-size: 33px;
    color: #000;
    font-weight: 600;
}



.-before-footer-section-text-component {
    max-width: 700px;
    min-width: 340px;
    position: sticky;
    top: 60px;
}

.-before-footer-section > .-before-footer-section-body .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.YC-footer-Form-Div {
    min-width: 450px;
    max-width: 470px;
    background: white;
    padding: 25px;
    border-radius: 20px;
    min-height: 350px;
    display: flex;
}

.-page-intro-intro-body .-a-content {
    font-size: 30px;
    line-height: 1.5;
    font-size: 20px;
    color: var(--secondarytext-bold);
    max-width: 870px;
    margin: 0 auto;
    font-weight: 300;
    margin-top: 20px;
}



.-footer-site-logo {
    max-width: 60px;
}

.-footer-site-logo img {
    width: auto;
    height: auto;
}

.-footer-p-content {
    margin: 18px 0 10px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
    color: var(--secondarytext-bold);
}
span.Alert-Subs--Popvoer a {
    display: inline-block;
    padding: 10px 18px;
    background-color: var(--uicolor2);
    color: white;
    border-radius: var(--largeradius);
    text-decoration: none;
    font-weight: 500;
    font-size: 19px;
}
.-field-upload-image>a {
    display: block;
    padding: 15px 20px;
    font-size: 16px;
    border: 2px solid var(--primary-text);
    border-radius: var(--largeradius);
    color: var(--primary-text);
}
.-field-upload-image>a>i {
    margin-inline-end: 10px;
    font-size: 21px;
}

.-abuse_widghts-section {
    display: flex;
    align-items: self-start;
    gap: 50px;
}

.-YourColor-abuse_widghts-Info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 1;
    max-width: 800px;
    padding: 29px;
    background: white;
    border: 1px solid #ffffff;
    position: relative;
    box-shadow: 0 2px 3px #0c3b7400, 0 17px 15px 10px #0f61c705;
    border-radius: var(--largeradius);
    border: 1px solid #e9e7f7;
    position: sticky;
    top: 120px;
}

.-YourColor-abuse_widghts-Info h2 {
    font-size: 33px;
    margin-bottom: 20px;
    color: var(--alphabg);
}

.-YourColor-abuse_widghts-Info .-P-content {
    font-size: 16px;
    line-height: 1.6;
    color: var(--secondarytext-bold);
}

.-YourColor-abuse_widghts-Info > .-P-content > * {
    padding: revert;
    margin: revert;
    list-style: revert;
}

.-YC-WidgetType-abuse_widghts {
    overflow: visible;
}

.abuse_widghts-Form-Div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    /* flex: 1; */
    padding: 40px 40px 40px;
    background: white;
    border: 1px solid #ffffff;
    position: relative;
    box-shadow: 0 2px 3px #0c3b7400, 0 17px 15px 10px #0f61c705;
    border-radius: var(--largeradius);
    min-width: 600px;
    max-width: 690px;
    border: 1px solid #e9e7f7;
    position: sticky;
    top: 120px;
}

.-improvement-rate {
    font-size: 25px;
    color: white;
    font-weight: 600;
    font-family: var(--f-number);
}

.backlink-card {
    min-width: 320px;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    max-width: 319px;
}
.backlink-card:hover {
    transform: translateY(-4px);
}
.backlink-thumb img {
    width: auto;
    display: block;
    border-bottom: 1px solid #eee;
    height: 100%;
}
.backlink-info {
    padding: 16px;
    text-align: right;
}
.site-title {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #222;
}
.rating-stars {
    font-size: 18px;
    color: #f5a623;
    margin-bottom: 10px;
}
.rating-stars .star {
    margin-left: 2px;
}
.rating-stars .filled {
    color: #f5a623;
}
.site-price {
    font-size: 20px;
    color: #28a745;
    font-weight: 500;
}


.YC-backlink-info-site {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 9px;
}

.YC-backlink-info-site a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 100%;
}

.star-rating i {
    font-size: 16px;
    color: var(--secondarytext-bold);
}

.star-rating {
    display: flex;
    align-items: center;
    gap: 2px;
}

.-YC-WidgetType-backlinks_shape .-YC-blog-title-s1 {
    margin-inline: auto;
    align-items: center;
    justify-content: center;
}

.yc-backlinksBoxes-Center {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.YC-store-page-container .-Sections-ProductsTitle {
    display: none;
}

.backlink-thumb {
    height: 220px;
    background: #eef2ff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.backlink-thumb.is-private img {
    filter: blur(6px);
    transition: filter 0.3s ease;
}
.backlink-thumb.is-private {
    pointer-events: none;
}

.YC-before-footer-section {
    color: white;
    padding: 119px 40px 80px 40px;
    border-radius: 0;
    box-shadow: 0px 120px 100px #3519801c;
    position: relative;
    z-index: 1;
    background: linear-gradient(-165deg, #9f3ddb, #3600d3);
    height: 100%;
    /* overflow: hidden; */
}

.Alert-CloseBtn {
  position: absolute;
  top: 10px;
  left: 19px;
  background: transparent;
  border: none;
  color: #333;
  font-size: 31px;
  cursor: pointer;
  z-index: 2;
}


form.-root-vars-v2 {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.YC-footer-Form-Div .-fix-inputs-area.-Yc-Selected-Field {
    flex: 1;
    align-items: self-start;
    align-content: start;
}

.YC-group-cart-list {
    display: flex;
    align-items: center;
    padding-inline: 30px;
    padding-block: 16px;
    position: relative;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    align-items: self-start;
    border-top: 1px solid #dceeff;
}

.YC-group-cart-list:first-child {
    border-top: none;
}

.cart-group-title {
    font-size: 18px;
    color: var(--secondarytext-bold);
    font-weight: 400;
}

.hosting-plans-compare-button {
    margin-top: 33px;
    display: flex;
    justify-content: center;
}
div#compare-plans-btn {
    padding: 20px;
    border-radius: 20px;
    padding: 15px 25px;
    display: flex;
    justify-content: space-evenly;
    font-size: 17px;
    font-weight: 500;
    background: var(--uicolor2);
    color: white;
    align-items: center;
    border: var(--button-border);
    box-shadow: var(--button-shadow);
    margin: 6px;
    cursor: pointer;
}
.-YC-WidgetType-ContactUs:before{
    right: 0;
}


.-gallery-section.-root-vars-v2 {
    position: relative;
}

ul.yc-tabs-nav {
    width: fit-content;
    border-radius: 50px;
    background-color: #F4F5F7;
    margin: 0 auto;
    padding: 8px 14px;
    width: 673px;
    display: flex;
    list-style: none;
    margin-bottom: 21px;
}

ul.yc-tabs-nav li {
    color: var(--uicolor2);
    cursor: default;
    border-radius: 25px !important;
    position: relative;
    display: block;
    padding: 10px 15px;
    font-size: 17px;
}
.yc-tab-pane.active {
    display: flex;
    visibility: visible;
    opacity: 1;
}
ul.yc-tabs-nav li.active {
    background-color: #fff;
    box-shadow: 0 4px 30px #00000014;
    border-radius: 25px !important;
}

.yc-card {
    position: relative;
    background: #fff;
    padding: 24px 24px;
    border-radius: 12px;
    border: 1px solid #DFE1E6;
    min-width: 320px;
    flex: 1;
    max-width: 440px;
}

.yc-tab-pane {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 20px;
    display: none;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    visibility: hidden;
}
.yc-tabs-content {
    display: flex;
    flex-direction: column; 
    gap: 1rem;             
    position: relative;
}

.yc-tab-pane {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease;
    display: none;        
    
}

.yc-tab-pane.active {
    opacity: 1;
}


.yc-card-text {
    height: 87px;
    overflow: hidden;
    line-height: 1.6;
    margin-top: 10px;
    color: var(--secondarytext-bold);
}

.yc-card-title {
    color: #091E42;
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 8px;
}

.yc-card-head i {
    font-size: 42px;
    margin-bottom: 12px;
    font-weight: 300;
    color: var(--uicolor2);
}

.w-layout-blockcontainer {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    gap: 20px;
    max-width: 334px;
    min-width: 334px;
}

.YC-item {
    background-color: white;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 323px;
    padding: 20px;
    overflow: visible;
    display: flex;
    flex-direction: column;
    height: 345px;
    max-width: 100%;
    border: 1px solid var(--diver);
    border-radius: 20px;
}

.head img {
    width: 60px;
    border-radius: 50%;
    height: 60px;
}

.head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 11px;
    position: relative;
    width: 100%;
}

.info .name {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}

.info .company {
    color: var(--secondarytext-bold);
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
}

.-YC-WidgetType-reviews_shap {
    background: #f8f8f8;
}

.text {
    line-height: 1.6;
    font-size: 15px;
    font-weight: 300;
    text-align: right;
    flex: 1;
}

.stars {
    display: flex;
    margin-top: 28px;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
    gap: 2px;
    color: #ffd768;
    font-size: 17px;
}

.bootstrap-select .dropdown-menu .inner {
    max-height: 330px;
}

.YC-comparison-chart-container-list {
    margin-bottom: 16px;
}

.-comparison-chart-term-title {
    background: var(--uicolor);
    color: #fff;
    font-weight: 500;
    border-radius: 6px;
    padding: 18px;
    font-size: 22px;
}
.-comparison-chart-term-title {
  cursor: pointer;
  padding: 14px 14px;
}
.-comparison-chart-term-title.active {
  font-weight: bold;
}

root.mobile-page .animation-hidden {
    opacity: 1;
    visibility: visible;
}


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

root.mobile-page .Intro2-Container {
    padding: 32px;
}

.-p-content {
    font-size: 18px;
    line-height: 1.5;
    color: var(--secondarytext-bold);
}

.YC-before-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: var(--secondarytext-bold);
    margin-bottom: 2px;
}

h2.YC-title-primary {
    margin-top: 13px;
    color: var(--alphabg);
    display: block;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 10px;
}

.Yc-Left-Form {
    position: relative;
    padding: 30px;
    border-radius: 18px;
    margin-bottom: -90px;
    box-shadow: 0px 31px 80px #220c5f12;
    flex: 1;
    max-width: 480px;
    margin-inline-end: 0px;
    background: white;
}



.mobile-page .-YC-single-step-features-item-v2 .-YC-step-features-SVG-v2 {
    opacity: 1;
    transform: inherit;
}

.mobile-page .-YC-single-step-features-item-v2 .-YC-step-features-item-info-v2 {
    opacity: 1;
    transform: inherit;
}

.mobile-page .-contact-us-section {
    opacity: 1;
    transform: inherit;
}
.blc {
    display: flex;
    gap: 12px;
    padding: 12px;

    border: 1px solid #eee;
    border-radius: 10px;
    background: #fff;
    min-width: 420px;
    flex: 1;
    max-width: 463px;
    border: 1px solid var(--diver);
}

.mobile-page .blc {
    max-width: 100%;
    flex: 1;
    min-width: 310px;
}

root.mobile-page .blc .blc-th {
    width: 140px;
    height: 99px;
}

.blc-th {
    border: 1px solid var(--diver);
    width: 174px;
    height: 140px;
    border-radius: 12px;
    overflow: hidden;
    background: #eff1fb;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
}

.blc-th img {
    width: auto;
    height: auto;
    border-radius: 10px;
}

.blc-th.pvt img {
    filter: blur(6px);
}

.blc-bd {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.blc-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.blc-hd a {}

.blc-tt {
    font-size: 18px;
    margin: 0;
    font-weight: 500;
}

.blc-pr {
    font-weight: 600;
    color: #2c7be5;
}

.blc-mt {
    display: flex;
    gap: 8px;
    font-size: 12px;
}

.blc-mt span {
    padding: 2px 6px;
    border-radius: 5px;
    background: #f5f5f5;
}

.blc-lt.df {
    background: #e8f7ef;
    color: #1e7e34;
}

.blc-lt.nf {
    background: #fdecea;
    color: #b02a37;
}

.blc-rt i {
    font-size: 12px;
    color: #f5a623;
}

c--img {font-size: 31px;}

.-defualt-object--center {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.-defualt-object--center .-YC-Post-box {
    max-width: 550px;
}

.-YC-contact--form-container {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.-YC-contact--forms-start {
    margin-inline-end: 30px;
    position: sticky;
    top: 90px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    transition: 180ms;
    --max-context-width: 100%;
    flex: 1;
    max-width: 560px;
}

.YC--contact--form-boxarea {
    display: flex;
    flex-wrap:wrap;
    align-items:stretch;
    min-width: 630px;
    max-width: 710px;
    padding:40px;
    border-radius:var(--largeradius);
    flex-direction:column;
    background:#fff;
    border: 1px solid var(--diver);
    position:sticky;
    top:20px;
}
.-YC-contact--forms-title-s1>.-forms-title-h1 {
    display: block;
    line-height: 1.6;
    margin-bottom: 20px;
    color: var(--header-primary-text);
    font-size: 40px;
    font-weight: 700;
    max-width: var(--max-context-width);
}

.-YC-contact--forms-title-s1>.-forms-title-h4 {
    margin-bottom: 2px;
    font-weight:500;
    display:flex;
    width:max-content;
    position:relative;
    color: var(--uicolor2);
    font-size: 19px;
}
.-YC-contact--forms-title-s1>.P-content {
    display: block;
    font-size: 16px;
    line-height: 1.7;
    color: var(--secondarytext-bold);
    font-weight: 400;
    /* max-width: calc(100% - 40px); */
}
.transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-timing-function: cubic-bezier(.1, .6, .4, 1);
    transition-duration: .5s;
}
.w-24 {
    /* width: 6rem; */
}
.text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.fill-current {
    fill: currentColor;
}
.svg-contact {
    position: absolute;
    width: 90px;
    transform: rotateY(181deg);
    left: 10px;
    top: -20px;
}


.-YC-contact-us-container-boxed {
    margin-top: 70px;
}

.company__mail {
    display: flex;
}

.YC-wigdht-contact-minibox > * a {
    display: flex;
    align-items: center;
}
.YC-wigdht-contact-minibox > * {
    flex: 1;
    min-width: 250px;
}

.YC-wigdht-contact-minibox {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 12px;
}
.value_info{flex:1;font-size:16px}.value_info span{font-size: 16px;font-weight:500;color: var(--header-primary-text);line-height: 1.5;}.YC-wigdht-contact-minibox>div:hover i{background-color: var(--uicolor2);color:#fff;transform:scale(1.09);border-color: var(--uicolor2);}

._value {
    font-size: 13px;
    margin-bottom: 10px;
    color: var(--secondarytext-bold);
}
.YC-wigdht-contact-minibox>div i {
    --elw: 56px;
    width: var(--elw);
    height: var(--elw);
    color: var(--uicolor2);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline-end: 13px;
    font-size: 24px;
    border: 1px solid var(--diver);
    border-radius: 50%;
    transition: .2s;
    font-weight: 400;
}

.fill_form>span {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 6px
}

.-YC-features-SectionURL-ss2 {
    margin-top: 12px;
}
.-YC-owl-navs-items>.-YC-owl-Slides-next, .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--uicolor2);
    --chev-w: 55px;
    width: var(--chev-w);
    height: var(--chev-w);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 20px;
    color: white;
    cursor: pointer;
    transition: 180ms;
    --inline--width: 0;
    text-align: center;
    --before-bg: white;
    --nav-color-hover: white;
    --nav-bg-hover: var(--uicolor);
}
.-YC-owl-navs-items>.-YC-owl-Slides-prev {
    right: var(--inline--width);
    --nav-radius: 50%;
}

.-YC-owl-Slides-prev.disabled-btn, .-YC-owl-Slides-next.disabled-btn {
    display: none;
}
.-YC-owl-navs-items>.-YC-owl-Slides-next {
    left: var(--inline--width);
    --nav-radius: 50%;
}

.-YCTeam_Members-content-s1 .-YC-owl-navs-items>.-YC-owl-Slides-next {}
.Yc_team_BTn {
    background: white;
    width: max-content;
    margin-inline: auto;
    border: 1px solid var(--diver);
    padding: 7px 11px;
    border-radius: 30px;
    color: var(--uicolor2);
    margin-top: 4px;
    cursor: pointer;
    margin-top: 8px;
    transition: all 0.2s ease;
}

.Yc_team_BTn:hover {
    background: var(--uicolor2);
    color: white;
}
.-change-currency {
    position: relative;
    z-index: 22;
}
.encsele {
    display: flex;
    align-items: baseline;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
    padding: 7px 10px;
    border-radius: var(--largeradius);
    color: var(--primary-text);
    gap: 5px;
    background: var(--bghover);
    height: 28px;
}
.encsele > i {
    font-size: 10px;
    font-weight: 800;
    height: 13px;
}
.ul-currency {
    background: white;
    border-radius: var(--miniradius);
    border: solid 1px #e4e7ec;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    z-index: 10;
    top: calc(100% + 10px);
    visibility: hidden;
    opacity: 0;
    min-width: 165px;
    max-width: 200px;
    transform: scale(0.85);
    transform-origin: top right;
    transition: 0ms all ease;
}
.ul-currency>ul>li {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 8px;
    font-weight: 500;
    border-radius: var(--miniradius);
    justify-content: space-between;
    color: var(--primary-text);
    margin-bottom: 5px;
}
.ul-currency>ul>li em {
    font-style: normal;
    font-size: 14px;
    transition: 180ms;
    font-weight: 500;
}
.ul-currency>ul>li span {
    color: var(--uicolor);
    font-weight: 700;
    font-size: 14px;
}

.-profile-skills-tags li.is-hidden {
    display: none;
}

.-profile-skills-tags li.skills-toggle {
    cursor: pointer;
    font-weight: bold;
    background: #eee;
    padding: 4px 8px;
    border-radius: 6px;
}
.yc-compare-tabs-wrapper {
    width: 100%;
    margin-top: 32px;
}

.yc-compare-tabs {
    width: 100%;
}

.yc-compare-tabs__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    margin: 0 auto 32px;
    background: white;
    border: 1px solid #e4e7ec;
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
}

.yc-compare-tabs__btn {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--textcolor);
    min-width: 140px;
    padding: 14px 22px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    opacity: 0.7;
    background: #f5f7fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.yc-compare-tabs__btn:hover {
    background: rgba(255,255,255,0.72);
    color: #101828;
}

.yc-compare-tabs__btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(52, 64, 84, 0.10);
}

.yc-compare-tabs__btn.is-active {
    background: var(--uicolor2);
    color: white;
    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.06),
        0 4px 12px rgba(16, 24, 40, 0.08);
    opacity: 1;
}



.yc-compare-tabs__panel {
    display: none;
    animation: ycFadeTab 0.25s ease;
}

.yc-compare-tabs__panel.is-active {
    display: block;
}

@keyframes ycFadeTab {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 767px) {
    .yc-compare-tabs__nav {
        display: flex;
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
        padding: 6px;
        border-radius: 16px;
        scrollbar-width: none;
    }

    .yc-compare-tabs__nav::-webkit-scrollbar {
        display: none;
    }

    .yc-compare-tabs__btn {
        min-width: max-content;
        padding: 12px 18px;
        font-size: 14px;
        border-radius: 12px;
    }
}

.YC-comparison-chart-container-list {
    margin-bottom: 28px;
}

.-comparison-chart-term-title {
    display: none !important;
}

@keyframes ycCompareFade {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 767px) {
    .yc-compare-tabs__nav {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 10px;
    }

    .yc-compare-tabs__btn {
        min-width: max-content;
        padding: 13px 18px;
        font-size: 14px;
        border-radius: 14px;
    }
}

.-plan-feature-description,
.yc-feature-tip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-inline-start: 8px;
    border-radius: 50%;
    background: rgb(248 249 251);
    color: var(--uicolor);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    cursor: help;
    transition: 0.2s ease;
    vertical-align: middle;
}

.-plan-feature-description:hover,
.yc-feature-tip:hover {
    background: #111111;
    color: #fff;
    transform: translateY(-1px);
}

.-plan-feature-description::before,
.yc-feature-tip::before {
    content: attr(data-toltip);
    position: absolute;
    right: 50%;
    bottom: calc(100% + 12px);
    transform: translateX(50%) translateY(6px);
    width: max-content;
    max-width: 260px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #111;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.7;
    text-align: right;
    white-space: normal;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 50;
    transition: 0.2s ease;
}

.-plan-feature-description::after,
.yc-feature-tip::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: calc(100% + 5px);
    transform: translateX(50%) translateY(6px);
    border-width: 7px 7px 0 7px;
    border-style: solid;
    border-color: #111 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 51;
    transition: 0.2s ease;
}

.-plan-feature-description:hover::before,
.-plan-feature-description:hover::after,
.yc-feature-tip:hover::before,
.yc-feature-tip:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(50%) translateY(0);
}

@media (max-width: 767px) {
    .-plan-feature-description::before,
    .yc-feature-tip::before {
        right: auto;
        left: 50%;
        transform: translateX(-50%) translateY(6px);
        max-width: 220px;
        font-size: 12px;
    }

    .-plan-feature-description::after,
    .yc-feature-tip::after {
        right: auto;
        left: 50%;
        transform: translateX(-50%) translateY(6px);
    }

    .-plan-feature-description:hover::before,
    .-plan-feature-description:hover::after,
    .yc-feature-tip:hover::before,
    .yc-feature-tip:hover::after {
        transform: translateX(-50%) translateY(0);
    }
}


.owl-stage {
    display: flex;
}

.yc-review-source {
    display: flex;
    align-items: center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
}

.yc-review-source img {
    width: auto;
    height: auto;
}

.YC-testimonials-carousel {
    position: relative;
    overflow: hidden;
}

.YC-testimonials-carousel .-YC-owl-navs-items>.-YC-owl-Slides-next,.YC-testimonials-carousel .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    --chev-w: 44px;
}

.YC-testimonials-carousel .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    left: auto;
    right: 1px;
}

.User_Profile_Projects {
    padding: 20px 0;
}