:root {
--lydia-site-gutter: 2vw !important;
}
a , button {
  opacity: 1;
}
.dynamic_grid:first-of-type {
background-color: #000;
color: #fff;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-600 {
font-weight: 600 !important;
}
.btn-defult, .go-link {
--background: rgb(231, 231, 231);
--color: rgb(14, 14, 14);
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
height: 62px;
position: relative;
overflow: hidden;
border: 0px;
transition: color .5s;
z-index: 1;
font-size: 15px;
color: var(--color);
padding: 10px 24px;
letter-spacing: -0.6px;
background-color: var(--background);
text-decoration: none;
line-height: 1;
text-transform: uppercase;
min-width: 160px;
font-weight: 500;
border-radius: 100px;
}

.btn-defult:before,.go-link:before {
content: "";
position: absolute;
z-index: -1;
background: var(--background);
height: 150px;
width: 300px;
border-radius: 50%;
opacity: 0.5;
}

.btn-defult:hover,.go-link:hover {
color: var(--color) !important;
opacity:1 !important;
}

.btn-defult:before,.go-link:before {
top: 100%;
left: 100%;
transition: all .7s;
}
.btn-defult:hover:before,.go-link:hover:before {
top: -30px;
left: -30px;
}
.btn-defult:active:before,.go-link:active:before {
background: var(--background);
transition: background 0s;
}

.logopage {
width: 220px !important;
}
header .btn-defult{
--background: var(--color-btn,rgb(231, 231, 231)) !important;
--color:var(--background-btn,rgb(14, 14, 14)) !important;
}

header .btn-more.btn-defult.i7vnt.icf6b {
  background-color: var(--background-btn,#fff) !important;
  color: var(--color-btn,#000) !important;
}

header svg path.a{
fill: var(--color-logoheader,rgb(14, 14, 14)) !important;
}

header .main{
padding: 0px 2vw !important;
}
header ul.main-content {
padding: 0px 32px !important;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
}

header ul.main-content a{
font-size: 15px;
font-weight: 500;
position: relative;
border: none;
background: none;
text-transform: uppercase;
transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: 400ms;
transition-property: color;
text-transform: uppercase;
padding: 0;
text-wrap: nowrap;
}
header ul.main-content a:after {
content: "";
pointer-events: none;
bottom: 0px;
left: 0;
position: absolute;
width: 0%;
height: 2px;
background-color: #fff;
transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: 400ms;
transition-property: width, left;
}

header ul.main-content a:focus:after,
header ul.main-content a:hover:after {
width: 100%;
left: 0%;
}

.header-layout-center .logo a{
width: fit-content;
}



header .main.scroll .logopage {
height: 30px !important;
}

header .main.scroll ul.main-content ,header .main.scroll .header-layout-center .logo a , header .main.scroll .header-layout-center .btn-more ,
header .main.scroll .btn-nav-view-canvas button {
height: 62px;
border-radius: 100px;
background: rgba(255, 255, 255, 0.15) !important;
backdrop-filter: blur(2px) saturate(180%) !important;
border: 1px solid rgba(255, 255, 255, 0.8) !important;
box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2), inset 0 4px 20px rgba(255, 255, 255, 0.3) !important;
color:#fff !important;
}


header .main.scroll .header-layout-center .logo a {
padding: 16px;
}

header .main .header-layout-center .btn-more {
transition: 0.2s all;
}

header .main.scroll .btn-nav-view-canvas button {
width: 62px;
height: 62px;
}

.with-gowondaa {
position: fixed;
left: 10px;
bottom: 10px;
background-color: #0e0e0e;
color: #ffffff;
padding: 10px 17px;
opacity: 0;
transition: .2s all;
z-index:9999999999;
}

.with-gowondaa a {
  color: #ffffff;
}

div.widget-visible {
  opacity:0;
  transition: .2s all;
}

body:has(header div.scroll) div.with-gowondaa , body:has(header div.scroll) div.widget-visible{
opacity:1;
}


.btn-nav-view-canvas .icon:before {
content: "\f0c9";
font-family: "Font Awesome 5 Pro";
font-weight: 300;
line-height: 1;
font-size: 30px;
padding-top: 3px;
display: block;
}

header .btn-nav-view-canvas .top-bun, header .btn-nav-view-canvas .patty, header .btn-nav-view-canvas .bottom-bun {
display: none;
}

header .main.scroll ul.main-content::after ,header .main.scroll .header-layout-center .logo a::after ,header .main.scroll .header-layout-center .btn-more::after ,
header .main.scroll .btn-nav-view-canvas button::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.1);
border-radius: 50px;
backdrop-filter: blur(1px);
box-shadow: inset -10px -8px 0px -11px rgba(255, 255, 255, 1), inset 0px -9px 0px -8px rgba(255, 255, 255, 1);
opacity: 0.6;
z-index: -1;
filter: blur(1px) drop-shadow(10px 4px 6px black) brightness(115%);
}

.line-back {
background-color: #fff;
margin-bottom: 12vh;
width: 100% !important;
height: 100% !important;
}

.line-back .line-s {
position: relative;
background-color: #000;
}

.line-back div {
width: 100% !important;
}

.line-back .line-s:nth-child(1)  { margin-top: 0px;  height: 23px !important; }
.line-back .line-s:nth-child(2)  { margin-top: 1px;  height: 22px !important; }
.line-back .line-s:nth-child(3)  { margin-top: 2px;  height: 21px !important; }
.line-back .line-s:nth-child(4)  { margin-top: 3px;  height: 20px !important; }
.line-back .line-s:nth-child(5)  { margin-top: 4px;  height: 19px !important; }
.line-back .line-s:nth-child(6)  { margin-top: 5px;  height: 18px !important; }
.line-back .line-s:nth-child(7)  { margin-top: 6px;  height: 17px !important; }
.line-back .line-s:nth-child(8)  { margin-top: 7px;  height: 16px !important; }
.line-back .line-s:nth-child(9)  { margin-top: 8px;  height: 15px !important; }
.line-back .line-s:nth-child(10) { margin-top: 9px;  height: 14px !important; }
.line-back .line-back .line-s:nth-child(11) { margin-top: 10px; height: 13px !important; }
.line-back .line-s:nth-child(12) { margin-top: 11px; height: 12px !important; }
.line-back .line-s:nth-child(13) { margin-top: 12px; height: 11px !important; }
.line-back .line-s:nth-child(14) { margin-top: 13px; height: 10px !important; }
.line-back .line-s:nth-child(15) { margin-top: 14px; height: 9px !important;  }
.line-back .line-s:nth-child(16) { margin-top: 15px; height: 8px !important;  }
.line-back .line-s:nth-child(17) { margin-top: 16px; height: 7px !important;  }
.line-back .line-s:nth-child(18) { margin-top: 17px; height: 6px !important;  }
.line-back .line-s:nth-child(19) { margin-top: 18px; height: 5px !important;  }
.line-back .line-s:nth-child(20) { margin-top: 19px; height: 4px !important;  }
.line-back .line-s:nth-child(21) { margin-top: 20px; height: 3px !important;  }
.line-back .line-s:nth-child(22) { margin-top: 21px; height: 2px !important;  }
.line-back .line-s:nth-child(23) { margin-top: 22px; height: 1px !important;  }
.line-back .line-s:nth-child(24) { margin-top: 23px; height: 0px !important;  }


.body-loading {
position: fixed;
left: 50%;
top: 40%;
transform: translate(-50%, -40%);
z-index: 99999999999;
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-color: #000;
animation: swipeIn .6s cubic-bezier(.165,.84,.44,1) forwards;
}
.body-loading .spinner {
    --first-block-clr: #fff;
    --second-block-clr: #fff;
}

.link-small {
position: relative;
outline-offset: -2px;
font-weight: 500;
line-height: 1em;
letter-spacing: 0;
text-rendering: geometricPrecision;
text-transform: uppercase;
font-size: 15px;
line-height: 1;
word-break: break-word;
color: #000;
opacity: .65;
display: block !important;
transition: opacity 300ms ease, color .3s ease;
}

.link-small::after {
font-family: 'Font Awesome 5 Pro';
position: absolute;
display: inline-block;
margin-left: .3em;
content: "\f178";
font-weight: 400;
font-size: 19px;
line-height: 1;
bottom: -1px;
opacity: 0;
transform: translateX(-100%);
transition: transform 300ms cubic-bezier(0.694, 0, 0.335, 1) 0s, opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 0s, -webkit-transform 300ms cubic-bezier(0.694, 0, 0.335, 1) 0s;
}

.link-small:hover {
opacity: 1;
}

.link-small:hover::after {
transform: translateX(0);
opacity: 1;
}

.featured {
flex-direction: column;
}

.featured .title {
width: 70px;
height: 26px;
font-size: 12px;
background-color: rgb(0, 0, 0, 20%);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
padding: 8px 6px;
line-height: 1;
backdrop-filter: blur(6px);
}

.featured .view img {
width: 135px !important;
height: 135px !important;
border-radius: 20px;
}

.featured .view {
margin-top: 8px;
width: 352px;
height: auto;
padding: 10px;
backdrop-filter: blur(6px);
border-radius: 20px;
background-color: rgb(255, 255, 255, 72%);
display: flex;
align-items: center;
font-size: 20px;
line-height: 1.1;
color: #000;
}

.featured .view .demo {
margin-left: 14px;
}

.featured .view .demo .title-main {
color: #000;
font-weight: 800;
margin-bottom: 2px;
text-align: start;
text-wrap: auto;
}

.featured .view .demo .descriptions {
font-weight: 500;
text-align: start;
font-size: 16px;
opacity: 0.8;
text-wrap: auto;
}

.main-section .cta {
display: flex;
}

a.UnderlineSlide , button.UnderlineSlide {
display: inline;
background-repeat: no-repeat;
background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
background-size: 51% 1px, 50% 1px;
background-position: 0 100%, 100% 100%;
line-height: 1;
animation: UnderlineSlideon .5s cubic-bezier(.645,.045,.355,1) forwards;
color: currentColor;
background-color: transparent;
border: 0;
padding: 0;
height: fit-content;
opacity:1 ;
padding-bottom: 5px !important;
}

.UnderlineSlide:hover {
animation: UnderlineSlideoff .5s cubic-bezier(.645,.045,.355,1) forwards;
opacity:1 ;
}

@keyframes UnderlineSlideon {
0% {
background-position: -200% 100%, -100% 100%;
}

100% {
background-position: 0 100%, 100% 100%;
}
}

@keyframes UnderlineSlideoff {
0% {
background-position: 0 100%, 100% 100%;
}

100% {
background-position: 210% 100%, 300% 100%;
}
}

.color-gray {
color: #6e6e6e;
}



footer.dynamic_grid .element_cell.ly-block * {
width: unset;
height: unset;
position: relative !important;
}

footer.dynamic_grid .element_cell.ly-block .googleplay {
width:132px !important;
}

.ly-block .mini-footer{
width: 100% !important;
}

.ly-block .mini-footer path{
fill: #fff;
}

.ly-block .mini-footer svg{
width: 57px !important;
}


.fw-sbold {
font-weight: 500 !important;
}

footer .link-footer .link-small {
margin-bottom: 15px;
color: #fff !important;
width: max-content !important;
}

header.dark svg path.a {
fill: #000 !important;
}

header.dark ul.main-content a , .main.scroll .header-layout-center .btn-more , header.dark .main.scroll .btn-more{
color: #000 !important;
}

header .btn-action .btn-line {
  color: var(--color-logoheader,rgb(14, 14, 14)) !important;
}

.Watch-the-video button {
padding-left: 4rem;
padding-right: 2.2rem;
width: auto !important;
background: #ffffff;
color: #000000;
}

.Watch-the-video button::after {
font-family: "Font Awesome 5 Pro";
font-weight: 900;
content: '\f144';
position: absolute;
left: 0;
left: 3px;
font-size: 50px;
}

#Watch-the-video .modal-content,#Watch-the-video {
background-color: #000 !important;
}

#Watch-the-video .btn-line {
color: #fff !important;
}

#Watch-the-video .btn-line:after {
background-color: #fff;
}

#Watch-the-video .modal-header {
border: 0px;
height: 92px;
padding: 1rem 2rem;
display: flex;
justify-content: space-between;
}

#Watch-the-video #logo svg .a {
fill: #fff !important;
}

#Watch-the-video #logo .logopage {
width: 190px;
}

#Watch-the-video .modal-body {
padding: 2rem;
display: flex;
justify-content: center;
}

#Watch-the-video iframe {
width: 100%;
height: 700px;
}

.btn-slide {
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
height: 55px;
padding: 0 2rem;
border-radius: 50px !important;
background: #000;
background-size: 400%;
color: #fff;
border: none;
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-transform: uppercase !important;
letter-spacing: -0.6px;
}

.btn-slide:hover::before {
transform: scaleX(1);
}

.btn-slide span {
position: relative;
z-index: 1;
}

.btn-slide::before {
content: "";
position: absolute;
top: 0;
left: 0;
transform: scaleX(0);
transform-origin: 0 50%;
width: 100%;
height: inherit;
border-radius: inherit;
background: rgb(69, 69, 69);
transition: all 0.475s;
}

#viewtemp.duplicated  {
display: flex;
flex-wrap: nowrap;
touch-action: pan-y;
direction: ltr !important;
}

#viewtemp.duplicated  .item-temp {
padding: 0px 8px;
}

#viewtemp.duplicated .choice-img {
max-height: 375px;
border-radius: 1.5rem !important;
}

.hc-offcanvas-nav.hc-nav-1.nav-position-right .nav-container ,.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{
transform: none !important;
transition: visibility .6s step-end;
animation: swipeOut .6s cubic-bezier(.165,.84,.44,1) forwards;
}

.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container ,.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{
transform: none !important;
transition: visibility .6s step-start;
animation: swipeIn .6s cubic-bezier(.165,.84,.44,1) forwards;
}
@keyframes swipeOut {
0% {
-webkit-clip-path: polygon(0 0,101% 0,101% 101%,0 101%);
clip-path: polygon(0 0,101% 0,101% 101%,0 101%)
}

to {
-webkit-clip-path: polygon(105% 0,100% 0,101% 100%,100% 100%);
clip-path: polygon(105% 0,100% 0,101% 100%,100% 100%)
}
}
@keyframes swipeIn {
0% {
-webkit-clip-path: polygon(101% 0,100% 0,101% 100%,116% 100%);
clip-path: polygon(101% 0,100% 0,101% 100%,116% 100%)
}

to {
-webkit-clip-path: polygon(0 0,101% 0,101% 101%,0 101%);
clip-path: polygon(0 0,101% 0,101% 101%,0 101%)
}
}

#viewtemplete .btn-line {
pointer-events: fill !important;
}

#viewtemp .item-temp:first-child {
padding-left: 0px !important;
}

#viewtemp .item-temp:last-child {
padding-right: 0px !important;
}

#viewtemp.duplicated .templet-peview {
width: 100%;
height: auto;
object-fit: cover;
object-position: center top;
background-color: rgb(14, 14, 14);
user-select: none;
-webkit-user-drag: none;
cursor: grab;
will-change: transform;
border-radius: 1.5rem !important;
}

#viewtemp.duplicated  .choice-img {
height: 100%;
max-height: 375px;
overflow: hidden;
}
.single-choice .viewtemplete {
padding: 0;
border: 0px;
transition: 0.2s all;
}
.single-choice .viewtemplete:hover{
transform: scale(1.01);
}
#viewtemplete .previewtemp{
background-color: #f6f6f6;
height: 100vh;
}
#viewtemplete .ly-pn-buttons .ly-pn-btn{
border: 0px;
background-color: transparent;
opacity: 0.5;
transition: 0.2s all;
}
#viewtemplete .ly-pn-buttons .ly-pn-btn.active{
opacity: 1;
}
#viewtemplete .preivewsite {
position: relative;
box-shadow: 0 0 100px rgba(0,0,0,.07);
transition: 0.2s all;
}
#viewtemplete .preivewsite iframe {
height: 100%;
position: relative;
transform-origin: top left;
width: 100%;
border: 0px;
}
#viewtemplete .preivewsite.desktop {
transform-origin: 0px 0px;
transform: scale(0.621354);
outline: 2px solid #fff;
border-radius:8px 8px 0px 0px;
padding-top: 20px;
background-color: #fff;
position: absolute;
}
#viewtemplete .preivewsite.desktop::before {
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
content: "\f111" "\0020\f111" "\0020\f111";
display: block;
position: absolute;
top: 3px;
left: 10px;
z-index: 9;
color: #d3d3d3;
font-size: 9px;
}
#viewtemplete .preivewsite.desktop iframe{
height: 768px;
width: 1440px;
}
#viewtemplete .preivewsite.phone {
transform-origin: 0px 0px;
width: 430px;
outline: 10px solid #fff;
border-radius:8px;
background-color: #fff;
}
#viewtemplete .preivewsite.phone iframe{
height: 80vh;
border-radius: 10px;
}
#viewtemplete .viewasset{
margin-top: 3rem;
width: 100%;
}
#viewtemplete .viewasset:has(.phone){
display: flex;
justify-content: center;
align-items: center;
}
#viewtemplete .btn-line {
pointer-events: fill !important;
}
.hc-offcanvas-nav .nav-content .main-content li a {
margin-top: 20px;
}
.nav-wrapper .level-title {
display:none;
}

.hc-offcanvas-nav .nav-item-wrapper{
width: 100%;
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
}

.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
width: 100%;
}

.hc-offcanvas-nav.hc-nav-1.nav-levels-overlap.nav-position-right li.level-open > .nav-wrapper {
transform: translate3d(0px, 0, 0) !important;
}

.hc-offcanvas-nav .main-content .nav-parent .nav-next {
padding-top: 0px !important;
transform: none;
margin-top: 0;
padding: 0px !important;
margin-bottom: 0;
position: absolute;
width: 100%;
height: 100%;
}

.hc-offcanvas-nav.nav-position-right .nav-next span::before {
margin-left: 0px;
transform: translate(-50%, -25%) rotate(135deg);
}

.hc-offcanvas-nav .nav-item-wrapper {
position: relative;
}
.hc-offcanvas-nav li {
position: relative;
display: block;
}
.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
display: flex;
align-items: center;
}

.hc-offcanvas-nav .nav-parent .nav-next, .hc-offcanvas-nav .nav-back span {
position: relative;
width: auto;
margin-left: 15px;
}

.hc-offcanvas-nav .nav-close-button span, .hc-offcanvas-nav .nav-parent .nav-next, .hc-offcanvas-nav .nav-back span {
width: 45px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
text-align: center;
cursor: pointer;
transition: background .1s ease;
}

.hc-offcanvas-nav .nav-next span::before, .hc-offcanvas-nav .nav-back span::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 11px;
height: 11px;
box-sizing: border-box;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
transform-origin: center;
}

.hc-offcanvas-nav .btn-more.btn-defult {
width: 100%;
}

.hc-offcanvas-nav .main-content .nav-next span {
display: block;
width: 100%;
height: 100%;
}

header .childrenmenu .nav-item-link {
pointer-events: none;
}

.hc-offcanvas-nav .nav-back span {
position: relative;
margin-left: 0px;
}

.hc-offcanvas-nav .nav-content .main-content li a.nav-back-button {
display: flex !important;
flex-direction: row;
}

.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper {
box-shadow:none !important;
}

li.childrenmenu #aabtiq {
pointer-events: none;
}

header ul li.childrenmenu ul.submenu {
position: fixed;
top: 55px;
margin-right: 0px;
width: 80svw;
left: 50%;
transform: translateX(-50%);
background: #000 !important;
color: #fff !important;
padding: 48px 40px;
height: 55vh;
min-height: fit-content;
max-width: 1820px;
border-radius: 35px;
}

header ul li.childrenmenu ul.submenu li  {
margin-bottom: 40px;
display: flex;
width: 100%;
padding: 0px;
}

header ul li.childrenmenu ul.submenu li a {
position: relative;
letter-spacing: -.05em;
opacity: 0.7;
line-height: 1;
font-weight: 300 !important;
transition: all .2s;
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
margin: 0px;
text-transform: uppercase;
width: max-content;
}

header ul li.childrenmenu ul.submenu li a span::before {
content: "";
pointer-events: none;
bottom: 0px;
left: 0;
position: absolute;
width: 0%;
height: 2px;
background-color: #fff;
transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: 400ms;
transition-property: width, left;
}

header ul li.childrenmenu ul.submenu li a::after {
font-family: 'Font Awesome 5 Pro';
position: absolute;
display: inline-block;
content: "\f178";
font-weight: 300;
line-height: 1;
bottom: -1px;
opacity: 0;
transform: translateX(0%);
transition: transform 300ms cubic-bezier(0.694, 0, 0.335, 1) 0s, opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 0s, -webkit-transform 300ms cubic-bezier(0.694, 0, 0.335, 1) 0s;
height: 100%;
width: fit-content;
left: unset;
right: 0;
background-color: transparent;
}
header ul li.childrenmenu ul.submenu li a:hover::after {
transform: translateX(130%) !important;
opacity: 1 !important;
}

.header-display-desktop nav ul li:first-child {
margin-right: 2vw !important;
position: relative;
}
.header-display-desktop nav ul li:first-child a {
margin-right: 0px !important;
}

header ul li.childrenmenu::after {
font-family: 'Font Awesome 5 Pro';
content: "\f107";
font-weight: 300;
line-height: 1;
padding-left: 6px;
font-size: 20px;
position: absolute;
right: -17px;
transform: rotateX(0deg);
transition: transform 300ms cubic-bezier(0.694, 0, 0.335, 1) 0s, opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 0s, -webkit-transform 300ms cubic-bezier(0.694, 0, 0.335, 1) 0s;

}

header ul .childrenmenu:hover::after{
transform: rotateX(180deg);
}

header ul li.childrenmenu ul.submenu li {
margin-bottom: 40px;
display: flex;
width: 100%;
}

header.dark ul li.childrenmenu::after{
color:#000;
}

header.dark ul li.childrenmenu ul.submenu {
background-color: #fff !important;
}

header.dark ul li.childrenmenu ul.submenu {
  color:#000 !important;
}

header.dark ul li.childrenmenu ul.submenu li:hover {
background-color: transparent;
}
.ly-massage {
border-radius: 0;
text-align: start;
position: absolute;
top: 35%;
left: 50%;
transform: translateX(-50%) scale(1) !important;
}
.ly-massage .swal-title{
color: #000;
font-size: 16px;
text-align: start;
padding: 15px 25px 5px;
margin-bottom: 10px;
}
.ly-massage .swal-text {
padding: 5px 25px;
text-align: start;
font-size: 15px;
color: #000;
}

.ly-massage input {
border: 0;
margin-top: 12px;
width: 100%;
padding-bottom: 7px;
border-bottom: 1px solid #e3e3e3;
transition: 0.3s all;
border-radius: 0;
}
.ly-massage input:focus-visible  {
border-bottom: 1px solid #0e0e0e;
outline: none;
}

#viewtemplete .btn-line:focus,#viewtemplete  .btn-line:hover{
color: #000 !important;
}

.btnlinew{
color: #000;
font-size: 14px;
padding: 0;
border: 0;
display: inline-block;
width: fit-content;
background: transparent;
text-decoration: none !important;
overflow: hidden;
text-transform: uppercase !important;
cursor: pointer;
font-weight: 600;
opacity: 1 !important;
}
.btnlinew span {
position: relative;
line-height: 1.5;
}
.btnlinew span:after {
content: '';
width: 100%;
border-bottom: 2px solid #000 !important;
position: absolute;
bottom: 0px;
left: 0;
transform: translatex(-170px);
transition: transform .5s;
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.btnlinew:hover span:after {
left: 0!important;
transform: translatex(0px) !important;
transition: transform .5s!important;
}
.btnlinew:hover {
color: #0e0e0e!important;
}

.red {
color: rgb(220, 1, 1);
}
.red:hover{
color: rgb(220, 1, 1);
}

.swal-footer {
margin-bottom: 10px;
}
.swal-button-container {
margin-right: 15px;
}

.swal-button-container:last-child{
margin-right: 0px;
}

.swal-button--danger {
background: transparent !important;
color: rgb(220, 1, 1);
}
.swal-button--cancel,.swal-button:active {
color: #000;
background: transparent !important;
}
.swal-button:focus {
box-shadow: none !important;
}
.swal-button {
font-weight: normal;
border-radius: 0;
}
.swal-button:not([disabled]):hover {
background: transparent !important;
}

.btn-action .userview  .btn-line {
color: var(--color-logoheader) !important;
font-size: 15px !important;
}
.btn-line {
font-weight:600;
cursor: pointer;
position: relative;
border: none;
background: none;
text-transform: uppercase;
transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: 400ms;
transition-property: color;
padding: 0;
line-height: 1.2;
}

.btn-line:focus,
.btn-line:hover {
color: var(--color-logoheader) !important;
}

.btn-line:hover::before {
width: 100%;
left: 0%;
}

.btn-line::before {
content: "";
pointer-events: none;
bottom: -2px;
left: 0;
position: absolute;
width: 0%;
height: 2px;
background-color: var(--color-logoheader) !important;
transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: 400ms;
transition-property: width, left;
}

.header-display-desktop .userview {
opacity: 1;
transition: .2s all;
}

.scroll .header-display-desktop .userview {
opacity: 0;
}

header .rounded-circle {
object-fit: cover;
}
header .header-display-desktop img {
height: 50px;
}


.btn-action .dropdown-menu {
box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 16px 0px, rgba(0, 0, 0, 0.08) 0px 0px 1px 0px;
border: 0;
padding-top: 6px;
padding-bottom: 6px;
border-radius: 0;
background: #0e0e0e !important;
}

.btn-action .dropdown-menu .dropdown-header {
padding: 22px 22px 13px;
font-size: 16px;
color: #fff;
font-weight: 500;
}

.btn-action .dropdown-menu .dropdown-header span {
font-size: 12px;
font-weight: 400;
color: #fff !important;
opacity: .6;
}

.btn-action .dropdown-menu .dropdown-item {
width: 100%;
padding: 15px 22px;
text-align: left;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
color: #fff !important;
}

.btn-action .dropdown-menu .dropdown-item:hover {
background-color: rgb(242, 242, 242) !important;
color: rgb(14, 14, 14) !important;
}

.btn-action .dropdown-menu .dropdown-item:active {
background-color: rgb(242, 242, 242) !important;
}

.hc-offcanvas-nav .nav-content .main-content .nav-content ul {
align-items: flex-start;
text-transform: capitalize;
height: 90vh;
}

.typetemp {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 100%;
}

.typetemp .checkbox-wrapper {
padding-bottom: 10px;
padding-right: 25px;
}

.checkbox-wrapper input[type="checkbox"] {
display: none;
}

.checkbox-wrapper .terms-label {
cursor: pointer;
display: flex;
align-items: center;
}

.checkbox-wrapper .terms-label .label-text {
margin-left: 10px;
font-size: 15px;
display: flex;
align-items: center;
opacity: 0.7;
transition: opacity 0.6s ease-in;
}

.checkbox-wrapper .checkbox-svg {
width: 20px;
height: 20px;
}

.checkbox-wrapper .checkbox-box {
fill: rgba(207, 205, 205, 0.425);
stroke: #8c00ff;
stroke-dasharray: 800;
stroke-dashoffset: 800;
transition: stroke-dashoffset 0.6s ease-in;
}

.checkbox-wrapper .checkbox-tick {
stroke: #8c00ff;
stroke-dasharray: 172;
stroke-dashoffset: 172;
transition: stroke-dashoffset 0.6s ease-in;
}

.checkbox-wrapper input[type="checkbox"]:checked + .terms-label .checkbox-box, .checkbox-wrapper input[type="checkbox"]:checked + .terms-label .checkbox-tick {
stroke-dashoffset: 0;
}

.checkbox-wrapper input[type="checkbox"]:checked + .terms-label .label-text {
opacity: 1;
}
.shimmer {
width: 100% !important
}
.shimmer .single-choice,
.shimmer .single-choice .viewtemplete,
.shimmer .h3,
.shimmer .h6,
.shimmer h2,
.shimmer h3,
.shimmer h4,
.shimmer h5,
.shimmer p,
.shimmer img,
.shimmer .img,
.shimmer .title,
.shimmer .date,
.shimmer small,
.shimmer strong,
.shimmer .count,
.shimmer figure{
visibility: visible;
animation : shimmer 2s infinite;
background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
background-color: transparent !important;
background-size: 1000px 100%;
color: transparent !important;
border-radius: 15px !important;
border: transparent;
pointer-events: none;
border-color: transparent !important;
-webkit-text-fill-color: rgba(0, 0, 0, 0) !important;
}
.shimmer .h3 {
min-height: 80px;
}
.shimmer .h6 {
min-height: 40px;
}
.shimmer .single-choice {
height: 715px;
box-shadow: none;
}
.shimmer .single-choice .viewtemplete {
width: 100%;
}
.shimmer .choice-img {
height: 715px;
width: 100%;
}
.shimmer figure ,.data_grid.shimmer .image{
height: 240px;
border-radius: 10px;
}
.shimmer .icon-circle{
visibility: visible;
animation : shimmer 2s infinite;
background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
background-size: 1000px 100%;
color: transparent !important;
border-radius: 2px;
border: transparent;
height: 240px;
border-radius: 10px;
}
.shimmer small {
display: none;
}
.shimmer a{
pointer-events: none;
}
.shimmer img{
visibility: hidden;
}
@keyframes shimmer {
0% {
background-position: -1000px 0;
}
100% {
background-position: 1000px 0;
}
}

.single-choice {
position: relative;
transition: .4s;
box-shadow: 0 16px 64px 0 rgba(0,0,0,.12),0 0 1px 0 rgba(0,0,0,.08);
height: 100%;
max-height: 715px;
}

.single-choice .viewtemplete {
padding: 0;
border: 0px;
transition: 0.2s all;
}

.single-choice .viewtemplete:hover{
transform: scale(1.01);
}

#viewtemplete .previewtemp{
background-color: #f6f6f6;
height: 100vh;
}

.single-choice {
position: relative;
transition: .4s;
box-shadow: 0 16px 64px 0 rgba(0,0,0,.12),0 0 1px 0 rgba(0,0,0,.08);
height: 100%;
max-height: 715px;
}

.choice-img {
height: 100%;
max-height: 715px;
overflow: hidden;
}

.item-temp {
display: flex;
flex-direction: column;
justify-content: space-between;
}



@-webkit-keyframes TempScrollview {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}

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

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

32% {
-webkit-transform: translateY(-33%);
transform: translateY(-33%)
}

68% {
-webkit-transform: translateY(-66.66%);
transform: translateY(-66.66%)
}

78% {
-webkit-transform: translateY(-66.66%);
transform: translateY(-66.66%)
}

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

@keyframes TempScrollview {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}

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

22% {
-webkit-transform: translateY(-33%);
transform: translateY(-33%)
}

32% {
-webkit-transform: translateY(-33%);
transform: translateY(-33%)
}

68% {
-webkit-transform: translateY(-66.66%);
transform: translateY(-66.66%)
}

78% {
-webkit-transform: translateY(-66.66%);
transform: translateY(-66.66%)
}

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

.single-choice .viewtemplete {
padding: 0;
border: 0px;
transition: 0.2s all;
}

.single-choice .viewtemplete:hover {
transform: scale(1.01);
}

.single-choice .viewtemplete {
padding: 0;
border: 0px;
transition: 0.2s all;
}

#viewtemp.duplicated .templet-peview {
width: 100%;
height: auto;
object-fit: cover;
object-position: top;
border-radius: 0 !important;
background-color: #0e0e0e;
user-select: none;
-webkit-user-drag: none;
cursor: grab;
will-change: transform;
}

.blank {
--displaycolor: #fff;
--headingscolor:#fff;
}
.blank .col-md-6{
background-color: #0e0e0e;
}

.blank .btn-slide {
background: #fff;
color: #000;
text-transform: uppercase !important;
}

.blank img {
height: 100%;
}
.body-checkbox {
--radius: 100px;
--border: 4px;
--height: 65px;
--speed: 0.25s;
display: grid;
place-items: center;
align-content: center;
font-family: "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue",
Helvetica, Arial, sans-serif, system-ui;
}
.body-checkbox  .tabs {
height: var(--height);
display: grid;
grid-auto-flow: column;
background: #f2f2f2;
border-radius: var(--radius);
grid-auto-columns: 1fr;
position: relative;
border: var(--border) solid #f2f2f2;
}
.body-checkbox  .tabs {
--ease: linear(
0,
0.1641 3.52%,
0.311 7.18%,
0.4413 10.99%,
0.5553 14.96%,
0.6539 19.12%,
0.738 23.5%,
0.8086 28.15%,
0.8662 33.12%,
0.9078 37.92%,
0.9405 43.12%,
0.965 48.84%,
0.9821 55.28%,
0.992 61.97%,
0.9976 70.09%,
1
);
}
.body-checkbox  .tabs > .input,
.body-checkbox  .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.body-checkbox .tabs:has(:checked:nth-of-type(1)) {
--active: 0;
}
.body-checkbox .tabs:has(:checked:nth-of-type(2)) {
--active: 1;
}
.body-checkbox .tabs:has(:checked:nth-of-type(3)) {
--active: 2;
}
.body-checkbox .tabs:has(:checked:nth-of-type(4)) {
--active: 3;
}
.body-checkbox .tabs:has(.input:nth-of-type(2)) {
--count: 2;
}
.body-checkbox .tabs:has(.input:nth-of-type(3)) {
--count: 3;
}
.body-checkbox .tabs:has(.input:nth-of-type(4)) {
--count: 4;
}
.body-checkbox .tabs .label {
padding: 0 clamp(10px, 10px + 10px, 20px);
cursor: pointer;
text-align: center;
height: 100%;
display: grid;
border-radius: calc(var(--radius) - var(--border));
place-items: center;
color: hsl(0 0% 100% / calc(0.5 + var(--highlight, 0)));
transition: background, color;
transition-duration: 0.25s;
transition-timing-function: var(--ease, ease);
color: #4f4f4f;
z-index: 2;
letter-spacing: -.001em;
font-size: 16px;
}
.body-checkbox .tabs :checked + .label {
--highlight: 1;
color: #000;
}
.body-checkbox .tabs::before {
pointer-events: none;
content: "";
width: calc(100% / var(--count));
height: 100%;
background: #fff;
position: absolute;
border-radius: calc(var(--radius) - var(--border));
translate: calc(var(--active, 0) * 100%) 0;
transition: translate, outline-color;
transition-duration: var(--speed);
transition-timing-function: var(--ease, ease);
outline: 2px solid transparent;
background: rgba(255, 255, 255, 1) ;
backdrop-filter: blur(2px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.8);
-webkit-box-shadow: 0 16px 4px 0 transparent, 0 10px 4px 0 rgba(0, 0, 0, .01), 0 6px 3px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .09), 0 1px 1px 0 rgba(0, 0, 0, .1);
box-shadow: 0 16px 4px 0 transparent, 0 10px 4px 0 rgba(0, 0, 0, .01), 0 6px 3px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .09), 0 1px 1px 0 rgba(0, 0, 0, .1);  
}

#pricing-list {
overflow: visible;
min-height: 1300px;
width: 100% !important;
}
#pricing-list #lodding {
display: flex;
background-color: #fff;
width: 100%;
height: 100%;
justify-content: center;
}
.Choose-btn .tabs{
opacity: 0;
-webkit-transform: translateY(25px);
transform: translateY(25px);
-webkit-animation: translateAnimation 1.3s cubic-bezier(.23,1,.32,1) forwards .4s;
animation: translateAnimation 1.3s cubic-bezier(.23,1,.32,1) forwards .4s;
}

.plan-view .tab-content .tab-pane {
opacity: 0;
-webkit-transform: translateY(25px);
transform: translateY(25px);
-webkit-animation: translateAnimation 1.3s cubic-bezier(.23,1,.32,1) forwards .4s;
animation: translateAnimation 1.3s cubic-bezier(.23,1,.32,1) forwards .4s;
animation-delay: .4s;
}

.plan-view .nav-pills {
opacity: 0;
-webkit-transform: translateY(25px);
transform: translateY(25px);
-webkit-animation: translateAnimation 1.3s cubic-bezier(.23,1,.32,1) forwards .4s;
animation: translateAnimation 1.3s cubic-bezier(.23,1,.32,1) forwards .4s;
animation-delay: .2s;
}


.plan-view .tab-content .tab-pane:nth-child(2) {
animation-delay: .7s;
}

.plan-view .tab-content .tab-pane:nth-child(3) {
animation-delay: .9s;
}

.plan-view .tab-content .tab-pane:nth-child(4) {
animation-delay: 1.1s;
}

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

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

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

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


@media (min-width: 1000px) {
.px-lg-2vw {
padding-left: 2vw !important;
padding-right: 2vw !important;
}
.plan-view .tab-content>.tab-pane {
display: block;
} 
.plan-view .tab-content {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
}
.plan-view .tab-content .tab-pane{
width: 24.5%;
border-radius: 1rem;
border-top: 1px solid #e5e7eb !important;
}
.btn-plan,.view-sm-planlist {
display: none;
}
.plans-list {
display: block !important;
}
}
.plans-list {
display: none;
}
.plan-view {
max-width: 1670px;
margin: 0 auto;
}
.plan-view .btn-plan li {
width: 25%;
}
.plan-view .btn-plan button{
width: 100%;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 500;
background-color: transparent;
border: 1px solid #e5e7eb;
border-left: 0px;
height: 62px;
border-radius: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 15px;
}
.plan-view .btn-plan li:first-child button{
border-bottom: 0px;
}
.plan-view .btn-plan li:nth-child(2) button{
border-bottom: 0px;
}

.plan-view .btn-plan{
position: sticky;
top: 74px;
background-color: #fff;
z-index: 9;
}
.plan-view .btn-plan button.active {
background-color: #9fffcb;
border-color: #9fffcb;
border-radius: 0px;
}
.plan-view .tab-content .tab-pane{
border: 1px solid #e5e7eb;
border-top: 0px;
overflow: hidden;
position: relative;
}
.plan-view .tab-content .tab-pane .features {
padding: 0 1.4rem 1.7rem 1.4rem;
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(100% - 2.3rem);
}
.plan-view hr{
border-color: #e5e7eb;
}
.plan-view .tab-content .tab-pane .banner {
text-align: center;
letter-spacing: -.025em;
background-color: #000 !important;
padding: 8px;
font-weight: 400 !important;
font-size: .875rem;
height: 37px;
color: #fff !important;
}
.plan-view .tab-content .tab-pane .MostPopular {
font-size: 13px;
letter-spacing: -.025em;
font-weight: 400;
color: #fff;
background-color: #086522;
height: fit-content;
padding: 4px 14px;
border-radius: 25px;
}
.plan-view .tab-content .tab-pane .name-plan {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;

}

.plan-view .tab-content .tab-pane .checked::before{
font-family: 'Font Awesome 5 Pro';
display: initial;
content: '\f00c';
margin-right: 12px;
font-weight: 400;
}
.plan-view .tab-content .tab-pane .checked {
font-size: .875rem;
line-height: 1.25rem;
margin: .5rem 0;
text-transform: capitalize;
display: block;
}

.view-sm-planlist .fullist{
border-radius: 0px;
border: 0px !important;
border-top: 1px solid rgb(231, 231, 231) !important;
}
.view-sm-planlist .collapse.show{
border-top: 1px solid rgb(231, 231, 231) !important;
}
.fullist.btn-slide {
border: 2px solid rgb(231, 231, 231);
background: #fff;
color: #000;
padding: 0  2rem 0 calc(2rem - 5px);
}
.fullist.btn-slide::before {
background: rgb(231, 231, 231);
height: 100%;
left: -10px;
width: 105%;
}
.fullist.btn-slide span {
display: flex;
align-items: center;
line-height: 1;
}
.fullist.btn-slide span::before{
display: block;
content: '';
width: 16px;
height: 16px;
margin-right: 5px;
background-repeat: no-repeat;
transition: transform 0.2s ease-in-out;
background-image: url('data:image/svg+xml,<svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(0deg)"><path fill-rule="evenodd" stroke="none" clip-rule="evenodd" d="M8 6.185V0H6.185V6.185L0 6.185V8L6.185 8V14H8V8L14 8V6.185L8 6.185Z" fill="black"></path></svg>');
}
.fullist.btn-slide[aria-expanded="true"] span::before {
height: 15px;
background-image: url('data:image/svg+xml,<svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform: rotate(90deg);"><path fill-rule="evenodd" stroke="none" clip-rule="evenodd" d="M 8 0 H 6.185 V 14 H 8 Z" fill="black"></path></svg>');
transform: rotate(180deg);
}
.plans-list{
max-width: 1750px;
margin: 0 auto;
}
.table {
--bs-table-border-color: #e5e7eb;
}
.plans-list .table{
table-layout: fixed;
}
.table thead th {
letter-spacing: -0.4px;
line-height: 1;
padding: 35px 10px 50px 10px;
text-align: center;
border: 0px;
border-right: 1px solid var(--bs-table-border-color);
}

.table thead th:last-child {
border-right:0;
}
.table-fixed .table thead th {
  padding: 35px 18px 24px 18px;
}
.table tbody th ,.table tbody td{
text-transform: capitalize;
padding: 18px 10px;
font-weight: 400;
text-align: center;
border-right: 1px solid var(--bs-table-border-color);
letter-spacing: -0.4px;
font-size: 15px;
line-height: 1;
}
.table tbody td:last-child{
border-right: 0px;
}
.table-active {
--bs-table-bg-state: #edefeb;
font-size: 18px !important;
font-weight: 600 !important;
text-align: start !important;
}
.table thead th:first-child ,.table tbody th{
text-align: start;
}
.table-hover>tbody>tr:hover>* {
--bs-table-bg-state: #edefeb;
}
.table-hover>tbody>.all:hover>*{
--bs-table-bg-state: #fff;
}
.table-fixed {
position: sticky;
top:0px;
z-index: 9999;
background-color: #fff;
}
.table-fixed .table thead th {
border-bottom: 1px solid var(--bs-table-border-color);
}

.plan-view .name-plan {
font-size: 1.75rem;
letter-spacing: -.01em;
font-weight: 400;
}

.plan-view .name-plan{
font-size: 1.75rem;
letter-spacing: -.01em;
font-weight: 400;
}
.plan-view .discrption-plan {
font-size: .875rem;
font-weight: 400;
line-height: 1.1375rem;
min-height: 40px;
}
.text-sm {
font-size: .875rem;
font-weight: 400;
line-height: 1.1375rem;
}
.plan-view .price-plan {
font-size: 2.75rem;
font-weight: 400 !important;
letter-spacing: -.01em;
line-height: 3.025rem;
}
.plan-view  .color-gray {
color: rgb(113 113 122/1) !important;
}
.plan-view .tab-content .tab-pane .checked {
font-size: .875rem;
line-height: 1.25rem;
margin: 0;
padding-bottom: .7rem;
color: rgb(113 113 122 / .9) !important;
font-weight: 300;
}
.plan-view .tab-content .tab-pane .checked.opacity-0 {
pointer-events: none;
}
.plan-view .tab-content .tab-pane {
box-shadow: 0 20px 13px rgba(0,0,0,.03);
}
.plan-view .btn-plan {
top: 0px;
z-index: 1200;
}

.plan-view .btn-slide,.plans-list .linkview.btn-slide{
color: #fff !important;
height: 60px !important;
font-weight: 400;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

body.ly-opacity-pg {
--body-background: #000;
}

.dynamic_grid.grzflsyh {
      z-index: 99999;
}

.badge-blue {
    background-color: #0072f0;
    color: #fff;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 16px;
}
#il24wy {
  overflow: visible  !important;
}

body:has(header ul li:hover) .dynamic_grid.grzflsyh {
  z-index:1;
}

.data_grid .data_grid_items .lydia-blog:first-of-type {
  grid-column: span 2 !important;
}

.data_grid .data_grid_items .lydia-blog img{
  border-radius: 32px;
}

.data_grid .data_grid_items .lydia-blog:first-of-type .image{
    height: 80vh;
}

.lydia-blog .image {
  height: 570px;
}

.lydia-blog .bk {
padding-left: 35px;
}

.data_grid .data_grid_items .lydia-blog:first-of-type .title {
  font-size: 3rem;
  font-weight: 600;
}

.data_grid .data_grid_items .lydia-blog .title {
  font-size: 2rem;
  font-weight: 600;
}

.lydia-blog .date {
opacity: .8;
}

.data_grid.inset-style .data_grid_items {
  --inset-width: 1600px
}

.lydia-blog:nth-child(n+2) {
  max-width: 600px;
  width: 100%;
}

.data_grid .lydia-blog:nth-child(odd):not(:first-child) {
  justify-self: start;
}

.data_grid .lydia-blog:nth-child(even) {
  justify-self: end;
}

.share-buttons { 
display: flex;
gap: 20px;
justify-content: flex-end;
}
.share-btn {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
text-decoration: none;
font-size: 18px;
 opacity:0.7;
transition: all 0.3s;
}
.share-btn:hover { opacity:1; }
.avatarplus {
background: #f5f5f5;
border-radius: 50%;
color: #000;
display: inline-block;
font-size: 16px;
font-weight: 300;
margin: 0;
position: relative;
font-weight: 700;
vertical-align: middle;
line-height: 1.28;
height: 50px;
width: 50px;
text-transform: uppercase;
}
.avatarplus[data-initial]::before {
color: currentColor;
content: attr(data-initial);
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1; }

#ituz46 #a {
  width: 82px !important;
}
#vwokwm-2 #a {
    width: 35px;
}
@media (max-width: 1200px) {
#viewtemplete .preivewsite {
transform-origin: center top !important;
}
#viewtemplete .previewtemp {
height: 65vh;
}
#viewtemplete .preivewsite.desktop iframe{
height: 768px;
}
#viewtemplete .viewasset:has(.phone) {
height: -webkit-fill-available;
align-items: flex-start;
}
#viewtemplete .viewasset:has(.desktop) {
height: -webkit-fill-available;
align-items: flex-start;
display: flex;
justify-content: center;
}
#viewtemplete .preivewsite.phone iframe {
height: 768px; 
}
}
@media (max-width: 1000px) {
.plan-view .tab-content .tab-pane {
box-shadow: none;
}
.fullist.btn-slide {
border-radius: 0px !important;
color: #000000 !important;
}
.plan-view .tab-content .tab-pane {
animation-delay: .2s;
}
.plan-view .tab-content .tab-pane:nth-child(2) {
animation-delay: .2s;
}
.plan-view .tab-content .tab-pane:nth-child(3) {
animation-delay: .2s;
}
.plan-view .tab-content .tab-pane:nth-child(4) {
animation-delay: .2s;
}
}
@media (max-width: 768px) {
header .main {
padding: 12px 4vw !important;
}
header .header-display-mobile .cart-mob img {
height: 45px;
width:  45px;
}
header .main .header-display-mobile .cart-mob {
transition: 0.2s all;
}
header .main.scroll .header-display-mobile .cart-mob {
opacity: 0;
pointer-events: none;
}
.choice-img {
max-height: 600px
}
.plan-view .btn-plan li {
width: 50%;
}
.data_grid .data_grid_items .lydia-blog:first-of-type {
grid-column: unset !important;
}
.data_grid .lydia-blog:nth-child(odd):not(:first-child),.data_grid .lydia-blog:nth-child(even) {
justify-self: center;
}
.data_grid .data_grid_items .lydia-blog:first-of-type .title {
  font-size: 2rem;
}
.share-buttons {
    justify-content: flex-start;
}

}