/**
 * Template name: <Dashboard Custom Tachyons v2>
 * Custom Tachyons Stylesheet: Enhances Tachyons functionality for rapid, consistent, and performant UI development.
 * Tachyons: A functional CSS framework for creating scalable, responsive interfaces with minimal code.
 * Tachyons Guidelines: https://knowledge.madlinkscoding.com/guide-customtachyons/
 */

/* Some Overrides for Development Purpose (Not to be added) */
html {
  font-size: 16px !important;
}
@media only screen and (max-width: 375px) {
  html{
    font-size: 14px !important;
  }
}


/* Colors */
.col--blue-ribbon { color: var(--color-blue-ribbon, #155EEF); }
.col--blue-ribbon-2 { color: var(--color-blue-ribbon-2,#004EEB); }
.col--ebony--variation-2 { color: var(--color-ebony-2, #0C111D); }
.col--fiord { color: var(--color-fiord, #475467); }
.col--pale-sky { color: var(--color-pale-sky, #667085); }
.col--oxford-blue { color: var(--color-oxford-blue, #344054); }
.col--gull-gray { color: var(--color-gull-gray, #98A2B3); }
.col--mischka { color: var(--color-mischka, #D0D5DD); }
.col--bright-turquoise { color: var(--color-bright-turquoise, #22CCEE); }
.col--bondi-blue { color: var(--color-bondi-blue, #088AB2); }
.col--my-sin { color: var(--color-my-sin, #FDB022); }
.col--vesuvius { color: var(--color-vesuvius, #B54708); }
.col--vermilion { color: var(--color-vermilion, #FF4405); }
.col--totem-pole { color: var(--color-totem-pole, #97180C); }
.col--turquoise { color: var(--color-turquoise, #2ED3B7); }
.col--genoa { color: var(--color-genoa, #107569); }
.col--dodger-blue { color: var(--color-dodger-blue, #2970FF); }
.col--spring-green { color: var(--color-spring-green); }
.col--vibrant-blue { color: var(--color-vibrant-blue, #1B45FF); }
.col--gray-true { color: var(--Gray-true-950, #0F0F0F); }
.col--wild-sand-gray { color: var(--color-wild-sand-gray); }
.col--wild-sand-pink { color: var(--color-wild-sand-pink, #FB5BA2); }


/* Background Colors*/
.bg--col--white--50 { background: rgba(255, 255, 255, 0.50); }
.bg--col--white--70 { background: rgba(255, 255, 255, 0.70); }
.bg--col--white--90 { background: rgba(255, 255, 255, 0.90); }
.bg--col--hollywood-cerise { background-color: var(--color-hollywood-cerise, #F40793); }
.bg--col--brilliant-rose--20 { background: rgba(251, 91, 162, 0.2); }
.bg--col--spring-green { background-color: var(--color-spring-green); }
.bg--col--athens-gray { background-color: var(--color-athens-gray, #F9FAFB); }
.bg--col--athens-gray--70 { background-color: rgba(249, 250, 251, 0.70); }
.bg--col--athens-gray--70--variation-2 { background-color: rgba(234, 236, 240, 0.70); }
.bg--col--gull-gray { background-color: var(--color-gull-gray, #98A2B3); }
.bg--col--bright-turquoise { background-color: var(--color-bright-turquoise, #22CCEE); }
.bg--col--spring-green { background-color: var(--color-spring-green); }
.bg--col--my-sin { background-color: var(--color-my-sin, #FDB022); }
.bg--col--vermilion { background-color: var(--color-vermilion, #FF4405); }
.bg--col--persian-rose { background-color: var(--color-persian-rose, #F40793); }
.bg--col--dodger-blue { background-color: var(--color-dodger-blue, #2970FF); }
.bg--col--dodger-blue--10 { background-color: rgba(41, 112, 255, 0.10); }
.bg--col--very-dark-ebony { background-color: var(--color-very-dark-ebony); }
.bg--col--very-dark-ebony-70 { background-color: rgba(16, 24, 40, 0.70); }
.bg--col--black--15 { background-color: rgba(0, 0, 0, 0.15); }
/* Background Gradients*/
.bg--gd--yellow-dark-high { background: linear-gradient(90deg, #D8AF0D 0%, #9F8009 100%);}
.bg--gd--Galliano-yellow-2 { background: linear-gradient(90deg, #D8AF0D -35.59%, #9F8009 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bg--gd--black-brown-1 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.50) 100%); }
.bg--gd--white-white-10 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.68) -3.06%, rgba(255, 255, 255, 0.00) 144.5%); }

/* Border Colors */
.br--col--mischka { border-color: var(--color-mischka, #D0D5DD); }
.br--col--athens-gray2 { border-color: var(--color-athens-gray2); }
.br--col--gull-gray { border-color: var(--color-gull-gray, #98A2B3); }
.br--col--bright-turquoise { border-color: var(--color-bright-turquoise, #22CCEE); }
.br--col--spring-green { border-color: var(--color-spring-green); }
.br--col--my-sin { border-color: var(--color-my-sin, #FDB022); }
.br--col--gull-black { border-color: #344054; }
.br--col--black-soft { border-color: rgba(234, 236, 240, 0.20); }

/* Fill Colors */


/* Stroke Colors */


/* Filter Colors */
.filter--col--ebony--variation-2 { filter: brightness(0) saturate(100%) invert(3%) sepia(38%) saturate(3328%) hue-rotate(209deg) brightness(93%) contrast(93%); } /* #0C111D */
.filter--col--blue-ribbon { filter: brightness(0) saturate(100%) invert(37%) sepia(57%) saturate(6169%) hue-rotate(214deg) brightness(91%) contrast(106%); } /* #155EEF */
.filter--col--blue-ribbon-2 { filter: brightness(0) saturate(100%) invert(24%) sepia(88%) saturate(7497%) hue-rotate(220deg) brightness(96%) contrast(101%); } /* #004EEB */
.filter--col--mischka { filter: brightness(0) saturate(100%) invert(87%) sepia(8%) saturate(203%) hue-rotate(178deg) brightness(99%) contrast(87%); } /* #D0D5DD */
.filter--col--pale-sky { filter: brightness(0) saturate(100%) invert(45%) sepia(13%) saturate(594%) hue-rotate(183deg) brightness(92%) contrast(92%); } /* #667085 */
.filter--col--oxford-blue { filter: brightness(0) saturate(100%) invert(22%) sepia(31%) saturate(534%) hue-rotate(179deg) brightness(93%) contrast(90%); } /* #344054 */
.filter--col--athens-gray2 { filter: brightness(0) saturate(100%) invert(90%) sepia(9%) saturate(72%) hue-rotate(183deg) brightness(105%) contrast(91%); } /* #EAECF0 */
.filter--col--gull-gray { filter: brightness(0) saturate(100%) invert(72%) sepia(6%) saturate(782%) hue-rotate(179deg) brightness(91%) contrast(83%); } /* #98A2B3 */
.filter--col--bright-turquoise { filter: brightness(0) saturate(100%) invert(67%) sepia(37%) saturate(913%) hue-rotate(145deg) brightness(95%) contrast(97%); } /* #22CCEE */
.filter--col--bondi-blue { filter: brightness(0) saturate(100%) invert(39%) sepia(96%) saturate(762%) hue-rotate(157deg) brightness(88%) contrast(94%); } /* #088AB2 */
.filter--col--dodger-blue { filter: brightness(0) saturate(100%) invert(38%) sepia(57%) saturate(4201%) hue-rotate(211deg) brightness(99%) contrast(106%); } /* #2970FF */
.filter--col--spring-green { filter: brightness(0) saturate(100%) invert(75%) sepia(23%) saturate(7280%) hue-rotate(93deg) brightness(109%) contrast(95%); } /* #07F468 */
.filter--col--genoa { filter: brightness(0) saturate(100%) invert(34%) sepia(76%) saturate(466%) hue-rotate(124deg) brightness(90%) contrast(92%); } /* #107569 */
.filter--col--gray-500 { filter: invert(46%) sepia(13%) saturate(631%) hue-rotate(182deg) brightness(91%) contrast(89%); }
.filter--col--corn { filter: brightness(0) saturate(100%) invert(73%) sepia(63%) saturate(1879%) hue-rotate(11deg) brightness(110%) contrast(94%); }
.filter--col--white { filter: brightness(0) invert(1); } /* #FFFFFF */
.filter--col--black { filter: brightness(0)} /* #000000 */


/* Hover Filter Colors */
.hov--filter--col--blue-ribbon:hover { filter: brightness(0) saturate(100%) invert(37%) sepia(57%) saturate(6169%) hue-rotate(214deg) brightness(91%) contrast(106%); } /* #155EEF */
.hover--parent--child--col--blue-ribbon:hover .hov--filter--col--blue-ribbon { filter: brightness(0) saturate(100%) invert(37%) sepia(57%) saturate(6169%) hue-rotate(214deg) brightness(91%) contrast(106%); } /* #155EEF */


/* Caret Colors */


/* Hover Background Colors */
.hover--bg--col--white--10[data-button-loader="1"],
.hover--bg--col--white--10:hover { background: rgba(255, 255, 255, 0.1); }
.hover--bg--col--brilliant-rose--10[data-button-loader="1"],
.hover--bg--col--brilliant-rose--10:hover { background: rgba(251, 91, 162, 0.1); }
.hover--bg--col--ebony--10[data-button-loader="1"],
.hover--bg--col--ebony--10:hover { background: rgba(12, 17, 29, 0.10); }
.hover--bg--col--light-grey-10[data-button-loader="1"],
.hover--bg--col--light-grey-10:hover { background: rgba(12, 17, 29, 0.10); }


/* Hover Colors */
.hover--col--oxford-blue:hover { color: var(--color-oxford-blue, #344054); }
.hover--parent--child--col--oxford-blue:hover .hover--col--oxford-blue { color: var(--color-oxford-blue, #344054); }
.hover--col--blue-ribbon:hover { color: var(--color-blue-ribbon, #155EEF); }
.hover--parent--child--col--blue-ribbon:hover .hover--col--blue-ribbon { color: var(--color-blue-ribbon, #155EEF); }


/* Active State Background Colors*/
.active--bg--col--grey-800:active { background: var(--Gray-800, #182230); }

/* Active State Filter Colors */
.active--filter--col--white:active { filter: brightness(0) invert(1); }

/* Active State Border Colors */
.active--br--col-grey-14:active { border-color: rgba(152, 162, 179, 0.14); }


/* Font Size */


/* Line Height */


/* Letter Spacing */ 
.tracked--0-25 { letter-spacing: 0.016rem; /* letter spacing 0.25px */ }
.tracked--neg--0-32 { letter-spacing: -0.02rem; /* letter-spacing -0.36px */ } /* confirmed in use */ /* pixel conversion correct */
.tracked--neg--0-72 { letter-spacing: -0.045rem; /* letter-spacing -0.72px */ } /* confirmed in use */ /* pixel conversion correct */


/* Word Break */


/* Width */
.w--6 { width: 0.375rem; /* width 6px */ }
.w--7 { width: 0.438rem; /* width 7px */ }
.w--10 { width: 0.625rem; /* width 10px */ }
.w--12 { width: 0.75rem; /* width 12px */ }
.w--14 { width: 0.875rem; /* width 14px */ }
.w--28 { width: 1.75rem; /* width 28px */ }
.w--36 { width: 2.25rem; /* width 36px */ }
.w--42 { width: 2.625rem; /* width 42px */ }
.w--56 { width: 3.5rem; /* width 56px */ }
.w--63 { width: 3.938rem; /* width 63px */ }
.w--90 { width: 5.625rem; /* width 90px */ }
.w--160 { width: 10rem; /* width 160px */ }
.w--174 { width: 10.875rem; /* width 174px */ }
.w--188 { width: 11.75rem; /* width 188px */ }
.w--208 { width: 13rem; }
.w--480 { width: 30rem; /* width 480px */ }
.w--427 { width: 26.6875rem; }
.w--311 { width: 19.4375rem; }
.w--711 { width: 44.438rem; }
.w--353 { width: 22.0625rem; }
.w--28-8 { width: 1.8rem; }

/* Width Percent */


/* Width (px) */
.w--90--px { width: 90px; /* width 90px */ }


/* Min Width */
.mw--80 { min-width: 5rem; /* min width 80px */ }
.min--w--18 { min-width: 1.125rem; }


/* Max Width */
.max--w--400 { max-width:25rem; /* max width 400px */ } /* confirmed in use */ /* pixel conversion correct */
.max--w--500 { max-width:31.25rem; /* max width 500px */ } /* confirmed in use */ /* pixel conversion correct */
.max--w--640 { max-width:40rem; /* max width 640px */ }
.max--w--767 { max-width:47.938rem; /* max width 767px */ }


/* Height */
.h--6 { height: 0.375rem; /* height 6px */ }
.h--7 { height: 0.438rem; /* height 7px */ }
.h--10 { height: 0.625rem; /* height 10px */ }
.h--12 { height: 0.75rem; /* height 12px */ }
.h--14 { height: 0.875rem; /* height 14px */ }
.h--28 { height: 1.75rem; /* height 28px */ }
.h--36 { height: 2.25rem; /* height 36px */ }
.h--42 { height: 2.625rem; /* height 42px */ }
.h--56 { height: 3.5rem; /* height 56px */ }
.h--88 { height: 5.5rem; /* height 88px */ }
.h--115 { height: 7.19144rem; /* height 115.063px */ }
.h--150 {
  height: 9.375rem;
}
.h--196 { height: 12.25rem; /* height 196px */ }
.h--482 { height: 30.125rem; }
.h--688 { height: 43rem; }
.h--960 { height: 60rem; }
.h--28-8 { height: 1.8rem; }
.h--681 { height: 42.563rem; }

/* Height Percent */
.h--100-1 {
  height: 100.1%;
}


/* Height (px) */


/* Min Height */


/* Max Height */
.max--h--42 { max-height: 2.625rem; }

/* Padding */
.pad--6 { padding: 0.375rem; /* padding 6px */ }
.pad--12 { padding: 0.75rem; /* padding 12px */ }
.pad--y--4 { padding-top: 0.25rem; padding-bottom: 0.25rem; /* padding top bottom 4px */ }
.pad--y--5 { padding-top: 0.313rem; padding-bottom: 0.313rem; /* padding top bottom 5px */ }
.pad--x--6 { padding-left: 0.375rem; padding-right: 0.375rem; /* padding-left 6px padding-right 6px */ }
.pad--x--12 { padding-left: 0.75rem; padding-right: 0.75rem; /* padding-left 12px padding-right 12px */ }
.pad--y--2 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.pad--y--3-33 { padding-top: 0.208rem; padding-bottom: 0.208rem; }
.pad--bottom--8 { padding-bottom: 0.5rem; }
.pad--bottom--24 { padding-bottom: 1.5rem; }
.pad--bottom--75 { padding-bottom: 4.688rem; }

/* Margin */
.mt--neg--64 { margin-top: -4rem; } /* Add by MAIA to fix gap between Profile Gallery and Social Media  */

/* Display */


/* Gap */
.gap--12 { gap: 0.75rem; /* gap 12px */ }
.gap--12 { gap: 0.75rem; }
.gap--6-67 { gap: 0.417rem; }
.gap--3-33 { gap: 0.208rem; }


/* Flexbox */


/* Grid */


/* Grid Column */


/* Order */


/* Position */


/* Top */
.top--2 { top: 0.125rem; /* top 2px */ }
.top--03 { top: 0.188rem;  /* top 3px */ }
.top--08 { top: 0.5rem;  /* top 8px */ }


/* Right */
.right--3 { right: 0.188rem; }
.right--03 { right: 0.188rem;  /* right 3px */ }
.right--08 { right: 0.5rem;  /* right 8px */ }
.right--24 { right: 1.5rem;  /* right 24px */ }
.right--9 { right: 0.563rem; }
.right--176-neg { right: -11rem;  /* right -176px */ }
.right--204-neg { right: -12.75rem;  /* right -204px */ }


/* Bottom */
.bottom-0-5 { bottom: 0.5rem; }
.bottom--4 { bottom: 0.25rem; }
.bottom--24 { bottom: 1.5rem;  /* bottom 24px */ }


/* Left */
.left--90 { left: 5.625rem; /* left 90px */}
.left--100-p { left: 100%; /* left 100% */}


/* Left (px) */
.left--90--px { left: 90px; /* left 90px */}


/* Z-Index */


/* Opacity */


/* Hover Opacity */
.hov--o--100:hover { opacity: 1; }


/* Object Fit */


/* Backdrop Filter */


/* Box Shadow */
.sh--sidebar { box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, 0.08); }
.sh--sidebar-2 { box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); }


/* Drop Shadow */


/* Text Shadow */


/* Overflow */


/* Cursor Style */ 


/* Border */


/* Border Width */


/* Border Radius */
.br--2 { border-radius: 0.125rem; /* border-radius 2px */ }
.br--5 { border-radius: 0.313rem; /* border-radius 5px */ }
.br--6 { border-radius: 0.375rem; /* border-radius 6px */ }
.br--200 { border-radius: 12.5rem; }

/* Unique border-radius for each image */
.br--shape--1 {
  border-radius: 25% 75% 50% 51% / 45% 65% 36% 55% ; 
}
.br--shape--2 {
  border-radius: 59% 41% 42% 58% / 59% 54% 46% 41% ; 
}
.br--shape--3 {
  border-radius: 25% 62% 38% 60% / 21% 39% 61% 75% ;
}
.br--shape--4 {
  border-radius: 37% 63% 69% 31% / 62% 54% 46% 33%;
}
[data-shape-img] {
    aspect-ratio: 1 / 1;
    position: relative;
    overflow: hidden;
}

/* Transition Property */
.transition--all { transition-property: all; }
.transition--opacity { transition-property: opacity; }
.transition--background { transition-property: background; }
.transition--transform { transition-property: transform; }


/* Transition Duration */
.transition--25 { transition-duration: 0.25s; }
.transition--50 { transition-duration: 0.05s; }
.transition--100 { transition-duration: 0.1s; }
.transition--150 { transition-duration: 0.15s; }
.transition--200 { transition-duration: 0.2s; }
.transition--250 { transition-duration: 0.25s; }
.transition--300 { transition-duration: 0.3s; }
.transition--350 { transition-duration: 0.35s; }


/* Transition Timing */
.transition--linear { transition-timing-function: linear; }
.transition--ease { transition-timing-function: ease; }
.transition--ease-in { transition-timing-function: ease-in; }
.transition--ease-out { transition-timing-function: ease-out; }
.transition--ease-in-out { transition-timing-function: ease-in-out; }


/* Pointer Events */
.pointer-events-all { pointer-events: all; }
.pointer-events-none { pointer-events: none; }


/* Touch Actions */
.touch-action-none { /*touch-action: none;*/ }

/**
 * Template name: <Dashboard Custom Tachyons>
 * Custom Tachyons Stylesheet: Enhances Tachyons functionality for rapid, consistent, and performant UI development.
 * Tachyons: A functional CSS framework for creating scalable, responsive interfaces with minimal code.
 * Tachyons Guidelines: https://knowledge.madlinkscoding.com/guide-customtachyons/
 */

/* Fronts */
.inter { font-family: "Inter", sans-serif; font-optical-sizing: auto;  font-style: normal; }

/* Colors */
.col--fiord-gray { color: var(--color-fiord-gray,#475467); }
.col-turbo-yellow { color: var(--color-turbo-yellow, #FFE500); }
.col-brand-green { color: var(--color-brand-green, #07F468); }
.col-mountain-meadow-green { color: var(--color-mountain-meadow-green, #17B26A); }
.col-salem-green { color: var(--color-salem-green, #067647); }
.col--sunglow-yellow { color: var(--color-sunglow-yellow, #FFCD29); }
.col-electric-violet { color: var(--color-electric-violet, #4D20FF); }
.col--malibu { color: var(--color-malibu, #67E3F9); }
.col--heliotrope {color: var(--color-heliotrope);}
.col--athens-gray-2 { color: var(--color-athens-gray2, #F9FAFB); }
.col--athens-gray-3 { color: var(--color-athens-gray3, #F2F4F7); }
.col--wild-sand { color: var(--color-wild-sand, #F5F5F5); }
.col--timberwolf { color: var(--color-timberwolf, #D7D3D0); }
.col--dove-gray { color: var(--color-dove-gray, #6D6D6D); }
.col--text-gray { color: var(--color-text-gray, #8E8E8E); }
.col--flamingo { color: var(--color-flamingo, #F04438); }
.col--buttered-rum { color: var(--color-buttered-rum, #9F8009); }
.col--galliano { color: var(--color-galliano, #D8AF0D); }
.col--athens-gray-3 { color: var(--color-athens-gray2); } /* confirmed in use */
.col--led-pink { color: var(--color-led-pink, #FF0066); }
.col--led-grey { color: var(--color-led-grey, #FCFCFD); }
.col--athens-gray-4 { color: var(--color-athens-gray4, #EAECF0); }
.col--black-strong { color: var(--color-black-strong, #101828); }



/* Background Colors*/
.bg--col--led-pink { background: var(--color-led-pink, #FF0066); }
.bg--col--athens-gray-3 { background: var(--color-athens-gray3, #F2F4F7); }
.bg--col--white--25 { background: rgba(255, 255, 255, 0.25); }
.bg--col--light-gray-50 { background: rgba(249, 250, 251, 0.50); }
.bg--col-brand-green { background: var(--color-brand-green, #07F468); }
.bg--col-turbo-yellow { background: var(--color-turbo-yellow, #FFE500); }
.bg--col--athens-gray-3--50 { background: rgba(242, 244, 247, 0.50); }
.bg--col--athens-gray--90 { background-color: rgba(249, 250, 251, 0.90); }
.bg--col--athens-gray--100 { background-color: rgba(249, 250, 251, 1); }
.bg--col--pale-sky { background-color: var(--color-pale-sky, #667085); }
.bg--col--white-ice-green { background-color: var(--color-white-ice-green, #DCFAE6); }
.bg--col--athens-gray-2 { background-color: var(--color-athens-gray2, #EAECF0); }
.bg--col--ebony--variation-2 { background-color: var(--color-ebony-2, #0C111D); }
.bg--col--black--01 { background: rgba(0, 0, 0, 0.01); }
.bg--col--black--05 { background: rgba(0, 0, 0, 0.05); }
.bg--col--green--10 { background: rgba(46, 211, 183, 0.10); }
.bg--col--turquoise { background-color: var(--color-turquoise, #2ED3B7); }
.bg--col--gray--05 { background: rgba(52, 64, 84, 0.05); }
.bg--col--mischka { background-color: var(--color-mischka, #D0D5DD); }
.bg--col--sunglow-yellow { background-color: var(--color-sunglow-yellow, #FFCD29); }
.bg--col-electric-violet { background-color: var(--color-electric-violet, #4D20FF); }
.bg--col-electric-violet-2 { background-color: var(--color-electric-violet-2, #F600FE); }
.bg--col-ebony { background: var(--color-ebony, #101828); }
.bg--col--light-bondi-blue { background: rgba(34, 204, 238, 0.10); }
.bg--col--light-gray-152-50 { background: rgba(152, 162, 179, 0.50);}
.bg--col--athens-gray-2 { background-color: var(--color-athens-gray2, #F9FAFB); }
.bg--col--trans-dark-black-70 { background: rgba(48, 52, 55, 0.70); }
.bg--col--light-gray-234-70 { background: rgba(234, 236, 240, 0.70); }
.bg--col--rose { background-color: var(--color-rose, #F06); }
.bg--col-light-blue { background: rgba(41, 112, 255, 0.20); }
.bg--col--brilliant-rose { background-color: var(--color-brilliant-rose, #F04CC9); }
.bg--col--link-water { background-color: var(--color-link-water, #F2F6FC); } /* confirmed in use */ 
.bg--col--viking-green { background-color: var(--color-viking-green, #55CFCD); }
.bg--black-75 { background: rgba(0, 0, 0, 0.75); }
.bg--black-25 { background: rgba(0, 0, 0, 0.25); }
.bg--col--zircon { background: var(--color-zircon, #EFF4FF); }
.bg--col--lavender-blush { background: var(--color-lavender-blush, #FFF1F3); }
.bg--col--zircon { background: var(--color-zircon, #EFF4FF); }
.bg--col--radical-red { background: var(--color-radical-red, #F63D68); }
.bg--col--white-pointer { background: var(--color-white-pointer, #FDF4FF); }
.bg--col--Heliotrope { background: var(--color-Heliotrope, #D444F1); }
.bg--col--twilight-blue { background: var(--color-twilight-blue, #ECFDFF); }
.bg--col--cerulean { background: var(--color-cerulean, #06AED4); }
.bg--gray-70 { background-color: var(--color-gray-black, rgba(34, 34, 34, 0.7)); }
.bg--col--violet { background-color: var(--color-violet, #F093FB); }
.bg--col--light--vermillion { background: rgba(255, 68, 5, 0.10); }
.bg--col--mystic {background: var(--color-mystic, #dee5ec); } /* confirmed in use */
.bg--col--gray--50 { background: rgba(12, 17, 29, 0.50); }
.bg--col--hollywood-cerise {background: var(--color-hollywood-cerise, #FF00A6);}
.bg--col--led-orange { background-color: var(--color-led-orange, #FF6533); }


/* Background Data Colors*/
[data-bg-color="Persian Rose"] { background-color: var(--color-persian-rose, #F72485); }
[data-bg-color="Electric Violet"] { background-color: var(--color-electric-violet, #680EEB); }
[data-bg-color="Blue Gem"] { background-color: var(--color-blue-gem, #3A0BA3); }
[data-bg-color="Royal Blue"] { background-color: var(--color-royal-blue, #4361EE); }
[data-bg-color="Shakespeare"] { background-color: var(--color-shakespeare, #55AACF); }
[data-bg-color="Viking Green"] { background-color: var(--color-viking-green, #55CFCD); }
[data-bg-color="Picton Blue"] { background-color: var(--color-picton-blue, #4CC9F0); }
[data-bg-color="Cornflower Blue"] { background-color: var(--color-cornflower-blue, #8569FA); }
[data-bg-color="Heliotrope"] { background-color: var(--color-heliotrope, #AE4AEF); }
[data-bg-color="Blush Pink"] { background-color: var(--color-blush-pink, #FF76DD); }
[data-bg-color="Aquamarine"] { background-color: var(--color-aquamarine, #89FAD3); }
[data-bg-color="Spray"] { background-color: var(--color-spray, #78F0F5); }
[data-media-step-processing-bar], [data-media-step-processing-bar][data-show-loader=true]:before{
  background-color: var(--color-ebony-2, #0C111D);
}


/* Background Gradients*/
.bg--gd--light-white { background: linear-gradient(0deg, rgba(242, 244, 247, 0.50) 0%, rgba(242, 244, 247, 0.50) 100%), rgba(255, 255, 255, 0.50); }
.bg--gd--light-green-to-white { background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.90) 100%), linear-gradient(0deg, rgba(46, 211, 183, 0.15) 0%, rgba(46, 211, 183, 0.15) 100%), #FFF; }
.bg--gd--electric-violet { background: linear-gradient(90deg, #4D20FF 0%, #7E5EFF 100%); }
.bg--gd--my--sin { background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.90) 100%), linear-gradient(0deg, rgba(253, 176, 34, 0.15) 0%, rgba(253, 176, 34, 0.15) 100%), rgba(255, 255, 255, 0.90);}
.bg--gd--turquoise { background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.90) 100%), linear-gradient(0deg, rgba(34, 204, 238, 0.15) 0%, rgba(34, 204, 238, 0.15) 100%), rgba(255, 255, 255, 0.90); }
.bg--gd--gull-gray { background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.90) 100%), linear-gradient(0deg, rgba(152, 162, 179, 0.15) 0%, rgba(152, 162, 179, 0.15) 100%), rgba(255, 255, 255, 0.90);}
.bg--gd--Galliano-yellow { background: linear-gradient(90deg, #D8AF0D 0%, #9F8009 100%); }
.bg--gradient-white { background: linear-gradient(180deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 8%); }
.bg--gradient-white-2 { background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), rgba(242, 244, 247, 0.50); }
.bg--gd--vermilion { background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.90) 100%), linear-gradient(0deg, rgba(255, 68, 5, 0.10) 0%, rgba(255, 68, 5, 0.10) 100%), rgba(255, 255, 255, 0.90); }
.bg--gd-white-3 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.68) -3.06%, rgba(255, 255, 255, 0.00) 144.5%); }
.bg--gd-black--1 { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%), rgba(0, 0, 0, 0.75); }
.bg--gd--black--yellow-1 { background: linear-gradient(0deg, rgba(255, 205, 41, 0.25) 0%, rgba(255, 205, 41, 0.25) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 100%), }
.bg--gd--black--70--100 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%); }
.bg--gd--black--t0--180 { background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.25) 15%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.50) 100%), rgba(255, 255, 255, 0.01); }
.bg--gd--white--to--black { background:linear-gradient(180deg, rgba(255, 255, 255, 0.20) -4.5%, rgba(255, 255, 255, 0.00) 11.18%), rgba(0, 0, 0, 0.70);}
.bg--gd--black-20-70 {background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) -4.5%, rgba(255, 255, 255, 0.00) 11.18%), rgba(0, 0, 0, 0.70);

}

/* Background Style */
.bg--no-repeat { background-repeat: no-repeat; }
.bg--right-top { background-position: right top; }
.bg--center { background-position: center; }
.bg--size-auto { background-size: auto; }
.bg--size-contain { background-size: contain; }
.bg--size-cover { background-size: cover; }
.bg--fixed { background-attachment: fixed; }
.bg--right--18-top-0 { background-position: 18% 0%; }


/* Border Colors */
.br--col--transparent { border-color: transparent; } /* confirmed in use */
.br--col--mischka-gray { border-color: var(--color-mischka-gray,#D0D5DD); } /* confirmed in use */
.br--col--pale-sky { border-color: var(--color-pale-sky, #667085); } /* confirmed in use */
.br--col--pale-sky { border-color: var(--color-pale-sky, #667085); } /* confirmed in use */
.br--col--athens-gray-2 { border-color: var(--color-athens-gray, #EAECF0); }
.br--col--turquoise { border-color: var(--color-turquoise, #2ED3B7); }
.br--col--turquoise-2 { border-color: var(--color-turquoise, #2CE); }
.br--col-brand-green { border-color: var(--color-brand-green, #07F468); }
.br--col-electric-violet { border-color: var(--color-electric-violet, #4D20FF); }
.br--col--vermilion { border-color: var(--color-vermilion, #FF4405); }
.br--col--white { border-color: var(--white, #fff); }
.br--col--dodger-blue { border-color: var(--color-dodger-blue, #2970FF); }
.br--col--brink-pink { border-color: var(--color-brink-pink, #FD6F8E); }
.br--col--heliotrope { border-color: var(--color-heliotrope, #E478FA); }
.br--col--dodger-blue-2 { border-color: var(--color-dodger-blue-2, #528BFF); }
.br--col--light--white { border-color: rgba(186, 188, 203, 0.50); }
.br--col--white--50 { border-color: rgba(255, 255, 255, 0.50); }
.br--col--mystic {border-color: var(--color-mystic, #dee5ec); } /* confirmed in use */
.br--col--hollywood-cerise {border-color: var(--color-hollywood-cerise, #FF00A6);}

/* Hover Border Colors */
.hover--br--col--sandstone:hover { border-color: var(--color-sandstone, #79716b); } /* confirmed in use */


/* Fill Colors */


/* Stroke Colors */


/* Filter Colors */
.filter--col--gull-gray-1 { filter: brightness(0) saturate(100%) invert(89%) sepia(2%) saturate(57%) hue-rotate(150deg) brightness(109%) contrast(95%); } /* confirmed in use *//* #FCFCFD */
/* .filter--col--gull-gray { filter: brightness(0) saturate(100%) invert(89%) sepia(55%) saturate(1988%) hue-rotate(178deg) brightness(74%) contrast(83%); } confirmed in use */
.filter--col--brand-green { filter: brightness(0) saturate(100%) invert(50%) sepia(94%) saturate(408%) hue-rotate(100deg) brightness(93%) contrast(87%); } /* #17B26A */
.filter--col--brand-green-2 { filter: brightness(0) saturate(100%) invert(75%) sepia(67%) saturate(2300%) hue-rotate(86deg) brightness(100%) contrast(98%); } /* #07F468 */
.filter--col--turquoise { filter: brightness(0) saturate(100%) invert(77%) sepia(13%) saturate(2041%) hue-rotate(116deg) brightness(89%) contrast(95%); } /* #2ED3B7 */
.filter--col--vermilion { filter: brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(3503%) hue-rotate(354deg) brightness(98%) contrast(113%); } /* #FF4405 */
.filter--col--athens-gray { filter: brightness(0) saturate(100%) invert(96%) sepia(13%) saturate(39%) hue-rotate(169deg) brightness(99%) contrast(96%); } /* #F2F4F7 */
.filter--col--Mercury { filter: brightness(0) saturate(100%) invert(99%) sepia(4%) saturate(583%) hue-rotate(226deg) brightness(119%) contrast(80%); } /* #E7E5E4 */
.filter--col--electric-violet { filter: brightness(0) saturate(100%) invert(13%) sepia(93%) saturate(6366%) hue-rotate(256deg) brightness(98%) contrast(108%); } /* #4D20FF */
.filter--col--timberwolf { filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1556%) hue-rotate(317deg) brightness(93%) contrast(80%); } /* #D7D3D0 */
.filter--col--dodger-blue { filter: brightness(0) saturate(100%) invert(52%) sepia(89%) saturate(3131%) hue-rotate(204deg) brightness(102%) contrast(105%); } /* #528BFF */
.filter--col--dodger-blue-2 { filter: brightness(0) saturate(100%) invert(78%) sepia(52%) saturate(6778%) hue-rotate(176deg) brightness(93%) contrast(105%); } /* #1DA1F2 */
.filter--col--brink-pink { filter: brightness(0) saturate(100%) invert(61%) sepia(29%) saturate(3851%) hue-rotate(309deg) brightness(106%) contrast(98%); } /* #FD6F8E */
.filter--col--Heliotrope { filter: brightness(0) saturate(100%) invert(81%) sepia(47%) saturate(6873%) hue-rotate(234deg) brightness(101%) contrast(96%); } /* #E478FA */
.filter--col--bright-turquoise { filter: brightness(0) saturate(100%) invert(65%) sepia(76%) saturate(820%) hue-rotate(149deg) brightness(97%) contrast(93%); } /* #22CCEE */
.filter--col--dove-gray { filter: brightness(0) saturate(100%) invert(43%) sepia(0%) saturate(12%) hue-rotate(212deg) brightness(96%) contrast(83%); } /* #6D6D6D */
.filter--col--pumpkin { filter: brightness(0) saturate(100%) invert(61%) sepia(27%) saturate(4880%) hue-rotate(344deg) brightness(100%) contrast(103%); } /* #FF7C1E */
.filter--col--ash-white { filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(3489%) hue-rotate(341deg) brightness(93%) contrast(95%); } /* #E9E5D3 */
.filter--col--tooblue { filter: brightness(0) saturate(100%) invert(36%) sepia(95%) saturate(2808%) hue-rotate(191deg) brightness(101%) contrast(95%); } /* #0788F5 */
.filter--col--cream-white { filter: brightness(0) saturate(100%) invert(68%) sepia(3%) saturate(1620%) hue-rotate(317deg) brightness(94%) contrast(101%); } /* #BA9E9B */
.filter--col--shuffle--grey { filter: brightness(0) saturate(100%) invert(40%) sepia(9%) saturate(290%) hue-rotate(177deg) brightness(93%) contrast(97%); } /* #5F6369 */
.filter--col--vermillion { filter: brightness(0) saturate(100%) invert(42%) sepia(62%) saturate(5849%) hue-rotate(357deg) brightness(101%) contrast(103%); } /* #FF4405 */
.filter--col--greytip { filter: brightness(0) saturate(100%) invert(75%) sepia(5%) saturate(464%) hue-rotate(183deg) brightness(95%) contrast(91%); } /* #AEB3BE */
.filter--col--brilliant-rose { filter: brightness(0) saturate(100%) invert(50%) sepia(57%) saturate(2062%) hue-rotate(302deg) brightness(101%) contrast(97%); } /* #FB5BA2 */
.filter--col--led-pink { filter: brightness(0) saturate(100%) invert(21%) sepia(98%) saturate(5598%) hue-rotate(328deg) brightness(98%) contrast(117%); } /* #FF0066 */

/* Filter Blur */
.filter--blur--2 { filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); }
.filter--blur--4 { filter: blur(4px); -webkit-filter: blur(4px); -moz-filter: blur(4px); }
.filter--blur--5 { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); }
.filter--blur--6 { filter: blur(6px); -webkit-filter: blur(6px); -moz-filter: blur(6px); }
.filter--blur--8 { filter: blur(8px); -webkit-filter: blur(8px); -moz-filter: blur(8px); }
.filter--blur--10 { filter: blur(10px); -webkit-filter: blur(10px); -moz-filter: blur(10px); }
.filter--blur--15 { filter: blur(15px); -webkit-filter: blur(15px); -moz-filter: blur(15px); }
.filter--blur--20 { filter: blur(20px); -webkit-filter: blur(20px); -moz-filter: blur(20px); }
.filter--blur--30 { filter: blur(30px); -webkit-filter: blur(30px); -moz-filter: blur(30px); }
.filter--blur--40 { filter: blur(40px); -webkit-filter: blur(40px); -moz-filter: blur(40px); }
.filter--blur--60 { filter: blur(60px); -webkit-filter: blur(60px); -moz-filter: blur(60px); }
.filter--blur--500 { filter: blur(345px); -webkit-filter: blur(345px); -moz-filter: blur(600px); }


/* Hover Filter Colors */
.hover--parent--child--col--white-ribbon:hover .hov--filter--col--white-ribbon { filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(0%) hue-rotate(176deg) brightness(107%) contrast(100%); } /* #ffffff */

.hover--parent--child--col--black-ribbon:hover .hov--filter--col--black-ribbon { filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7494%) hue-rotate(96deg) brightness(112%) contrast(97%); } /* #000000 */
.hover--parent--child--col--brand-green:hover .hov--filter--col--brand-green { filter: brightness(0) saturate(100%) invert(50%) sepia(94%) saturate(408%) hue-rotate(100deg) brightness(93%) contrast(87%); } /* #17B26A */

.hover--parent--child--milano-red:hover:hover .hover--filter--col--milano-red { filter: brightness(0) saturate(100%) invert(21%) sepia(38%) saturate(4085%) hue-rotate(347deg) brightness(99%) contrast(119%); }
.hover--parent--child--col--dodger-blue:hover .hov--filter--col--dodger-blue { filter: brightness(0) saturate(100%) invert(38%) sepia(57%) saturate(4201%) hue-rotate(211deg) brightness(99%) contrast(106%);  } /* #2970FF */

/* Caret Colors */


/* Hover Background Colors */
.hover--bg--col--white--100[data-button-loader="1"],
.hover--bg--col--white--100:hover { background: var(--Base-White, #FFF);; }
.hover--bg--col--black--10[data-button-loader="1"],
.hover--bg--col--black--10:hover { background: rgba(0, 0, 0, 0.10); }
.hover--bg--col--black[data-button-loader="1"],
.hover--bg--col--black:hover { background: rgba(0, 0, 0, 1); }
.hover--bg--col-brand-green[data-button-loader="1"],
.hover--bg--col-brand-green:hover { background: var(--color-brand-green, #07F468); }
.hover--bg--col-ebony[data-button-loader="1"],
.hover--bg--col-ebony:hover { background: var(--color-ebony, #101828); }
.hover--bg--col-burning-orange[data-button-loader="1"],
.hover--bg--col-burning-orange:hover { background: var(--color-burning-orange, #FF692E); }
.hover--bg--col-light-blue[data-button-loader="1"],
.hover--bg--col-light-blue:hover { background: rgba(41, 112, 255, 0.20); }
.hover--bg--col--zircon[data-button-loader="1"],
.hover--bg--col--zircon:hover { background: var(--color-zircon, #EFF4FF); }

.hover--parent--child--col--black-bg:hover .hov--bg--col--black { background: rgba(0, 0, 0, 1); }
.hover--parent-child--col--sandstone:hover .hov--bg--col--sandstone { background: var(--color-sandstone, #79716b); }
.hover--parent--child--col--brand-green:hover .hover--bg--col-brand-green { background: var(--color-brand-green, #07F468); }
.hover--parent-child--col--hollywood-cerise:hover .hov--bg--col--hollywood-cerise { background: var(--color-hollywood-cerise, #FF00A6); }


/* Hover Colors */
.group:hover .hover--col-black, .hover--text--col-black:hover { color: #000; }
.hover--parent--child--col--white:hover .hover--col--white { color: #fff; }
.hover--parent--child--col--gull-gray:hover .hover--col--gull-gray { color: var(--color-gull-gray, #98A2B3); }
.hover--col--brand-green:hover { color: var(--color-brand-green, #07F468) !important; }
.hover--col--milano-red:hover { color: var(--color-milano-red, #BC1B06); }
.hover--parent--child--milano-red:hover .hover--col--milano-red-text { color: var(--color-milano-red, #BC1B06); }
.hover--col--black:hover { color: var(--color-black, #000000); }
.hover--parent--child--col--brand-green:hover .hover--col--brand-green { color: var(--color-brand-green, #07F468); }
.hover--parent--child--col--dodger-blue:hover .hover--col--dodger-blue { color: var(--color-dodger-blue, #2970FF); }

/* Hover Border Colors*/
.hover--br--col-brand-green:hover { border-color: var(--color-brand-green, #07F468); }
.hover--br--col--ebony--variation-2:hover { border-color: var(--color-ebony-2, #0C111D); }
.hover--br--col--hollywood-cerise:hover { border-color: var(--color-hollywood-cerise, #FF00A6); }


/* Active State Background Colors*/

/* Active State Filter Colors */

/* Active State Border Colors */


/* Font Size */
.fs--30 { font-size: 1.875rem; /* font-size 30px */ } /* confirmed in use */ /* pixel conversion correct */
.fs--8 { font-size: 0.5rem; }


/* Line Height */
.lh--38 { line-height: 2.375rem; /* line-height 38px */ } /* confirmed in use */ /* pixel conversion correct */
.lh--48 { line-height: 3rem; /* line-height 48px */ } /* confirmed in use */ /* pixel conversion correct */
.lh--12 { line-height: 0.75rem; }
.lh--15 { line-height: 0.938rem; }


/* Letter Spacing */
.tracked--0-01 { letter-spacing: 0.001rem; /* letter spacing 0.01px */ } /* confirmed in use */ /* pixel conversion correct */ 
.tracked--0-25 { letter-spacing: 0.016rem; /* letter spacing 0.25px */ } /* confirmed in use */ /* pixel conversion correct */
.tracked--0-28 { letter-spacing: 0.018rem; /* letter spacing 0.28px */ }
.tracked--neg--0-9 { letter-spacing: -0.056rem; /* letter spacing -0.09px */ } /* pixel conversion correct */
.tracked--neg--0-48 { letter-spacing: -0.03rem; /* letter spacing -0.48px */ } /* pixel conversion correct */
.tracked--neg--0-54 { letter-spacing: -0.034rem; /* letter spacing -0.54px */ } /* confirmed in use */ /* pixel conversion correct */
.tracked--neg-0-12 { letter-spacing: 0.008rem; }
.tracked--neg-0-15 { letter-spacing: 0.009rem; }
.tracked--0-06 { letter-spacing: 0.004rem; }
.tracked--0-03 { letter-spacing: 0.003rem; }


/* Text Shadow */
.text--sh--2 { text-shadow: 0px 4px 8px rgba(16, 24, 40, 0.10), 0px 2px 4px rgba(16, 24, 40, 0.06); } /* confirmed in use */
.text--sh--3 { text-shadow: 0px 20px 24px rgba(16, 24, 40, 0.08), 0px 8px 8px rgba(16, 24, 40, 0.03); } /* confirmed in use */
.text--sh--pink-27 {text-shadow: 0px 0px 27px #F600FE;}
.text--sh--yellow-40 {text-shadow: 0px 0px 40px #FFC300;}
.text--sh--black--40 {text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.40);}
.text--sh--black--6--100 {text-shadow: 0px 0px 6px #000;}
.text--sh--black--5--60 {text-shadow: 0px 5px 14px rgba(0, 0, 0, 0.60);}

/* Word Break */


/* Width */
.w--max-content { width: max-content; }


/* Width Percent */
.w--p--11 { width: 11%; /* width 11& */ } /* confirmed in use */ /* pixel conversion correct */

/* Width (px) */
.w--2 { width: 0.125rem; /* width 2px */ } /* confirmed in use */ /* pixel conversion correct */
.w--3 { width: 0.188rem; /* width 3px */ } /* confirmed in use */ /* pixel conversion correct */
.w--12 { width: 0.75rem; /* width 12px */ } /* confirmed in use */ /* pixel conversion correct */
.w--14 { width: 0.875rem; /* width 14px */ } /* confirmed in use */ /* pixel conversion correct */
.w--44 { width: 2.75rem; /* width 44px */ } /* confirmed in use */ /* pixel conversion correct */
.w--72 { width: 4.5rem; /* width 72px */ } /* confirmed in use */ /* pixel conversion correct */
.w--76 { width: 4.75rem; /* width 76px */ } /* confirmed in use */ /* pixel conversion correct */
.w--80 { width: 5rem; /* width 80px */ } /* confirmed in use */ /* pixel conversion correct */
.w--92 { width: 5.75rem; /* width 92px */ } /* confirmed in use */ /* pixel conversion correct */
.w--120 { width: 7.5rem; /* width 120px */ } /* confirmed in use */ /* pixel conversion correct */
.w--130 { width: 8.125rem; /* width 130px */ } /* confirmed in use */ /* pixel conversion correct */
.w--142 { width: 8.875rem; /* width 142px */ } /* confirmed in use */ /* pixel conversion correct */
.w--180 { width: 11.25rem; /* width 180px */ } /* confirmed in use */ /* pixel conversion correct */
.w--200 { width: 12.5rem; /* width 200px */ } /* confirmed in use */ /* pixel conversion correct */
.w--250 { width: 15.625rem; /* width 250px */ } /* confirmed in use */ /* pixel conversion correct */
.w--253 { width: 15.813rem; /* width 253px */ } /* confirmed in use */ /* pixel conversion correct */
.w--258 { width: 16.125rem; /* width 258px */ } /* confirmed in use */ /* pixel conversion correct */
.w--272 { width: 17rem; /* width 272px */ } /* confirmed in use */ /* pixel conversion correct */
.w--280 { width: 17.5rem; /* width 280px */ } /* confirmed in use */ /* pixel conversion correct */
.w--285 { width: 17.813rem; /* width 285px */ } /* confirmed in use */ /* pixel conversion correct */
.w--306 { width: 19.125rem; /* width 306px */ } /* confirmed in use */ /* pixel conversion correct */
.w--314 { width: 19.625rem; }
.w--324 { width: 20.25rem; }
.w--356 { width: 22.25rem; /* width 356px */ } /* confirmed in use */ /* pixel conversion correct */
.w--378 { width: 23.625rem; /* width 378px */ } /* confirmed in use */ /* pixel conversion correct */
.w--410 { width: 25rem; }
.w--430 { width: 26.875rem; }
.w--464 { width: 29rem; /* width 464px */ } /* confirmed in use */ /* pixel conversion correct */
.w--496 { width: 31rem; /* width 496px */ } /* confirmed in use */ /* pixel conversion correct */
.w--508 { width: 31.75rem; /* width 508px */ } /* confirmed in use */ /* pixel conversion correct */
.w--560{ width: 35rem; }
.w--598 { width: 37.375rem; /* width 598px */ } /* confirmed in use */ /* pixel conversion correct */
.w--638 { width: 39.875rem; /* width 638px */ } /* pixel conversion correct */
.w--895 { width: 55.938rem; /* width 895px */ } /* confirmed in use */ /* pixel conversion correct */
.w--927 { width: 57.938rem; /* width 927px */ } /* confirmed in use */ /* pixel conversion correct */
.w--1024 { width: 64rem; /* width 1024px */ } /* confirmed in use */ /* pixel conversion correct */


/* Min Width */


/* Max Width */
.mw--104 { min-width: 6.5rem; /* min width 104px */ }
.max--w--175 { max-width:10.938rem; /* max width 175px */ } /* confirmed in use */ /* pixel conversion correct */
.max--w--300 { max-width:18.75rem; /* max width 300px */ } /* confirmed in use */ /* pixel conversion correct */
.max--w--375 { max-width:23.438rem; /* max width 375px */ } /* confirmed in use */ /* pixel conversion correct */
.max--w--495 { max-width:30.938rem; /* max width 495px */ } /* confirmed in use */ /* pixel conversion correct */
.max--w--546 { max-width: 34.125rem; }
.max--w--640 { max-width: 40rem; }
.max--w--767 { max-width:47.938rem; /* max width 767px */ } /* confirmed in use */ /* pixel conversion correct */


/* Height */
.h--screen { height: 100vh; }
.h--60--vh { height: 60vh; }
.h--6--i{
	height: 0.375rem !important;
}

/* Min Height */
.min--h--400 { min-height: 25rem; }
.min--h--18 { min-height: 1.125rem; }
.min--h--20 { min-height: 1.25rem; }
/* Height Percent */
[data-scroll-content-area] { height: calc(-100px + 100vh); }


/* Height (px) */
.h--2 { height: 0.125rem; /* height 2px */ } /* confirmed in use */ /* pixel conversion correct */
.h--3 { height: 0.188rem; /* height 3px */ } /* confirmed in use */ /* pixel conversion correct */
.h--12 { height: 0.75rem; /* height 12px */ } /* confirmed in use */ /* pixel conversion correct */
.h--44 { height: 2.75rem; /* height 44px */ } /* confirmed in use */ /* pixel conversion correct */
.h--53 { height: 3.313rem; /* height 53px */ } /* confirmed in use */ /* pixel conversion correct */
.h--57 { height: 3.563rem; /* height 57px */ } /* confirmed in use */ /* pixel conversion correct */
.h--62 { height: 3.875rem; /* height 62px */ } /* confirmed in use */ /* pixel conversion correct */
.h--64 { height: 4rem; /* height 64px */ } /* confirmed in use */ /* pixel conversion correct */
.h--66 { height: 4.125rem; /* height 66px */ } /* confirmed in use */ /* pixel conversion correct */
.h--80 { height: 5rem; /* height 80px */ } /* confirmed in use */ /* pixel conversion correct */
.h--92 { height: 5.75rem; /* height 92px */ } /* confirmed in use */ /* pixel conversion correct */
.h--112 { height: 7rem; /* height 112px */ } /* confirmed in use */ /* pixel conversion correct */
.h--120 { height: 7.5rem; /* height 120px */ } /* confirmed in use */ /* pixel conversion correct */
.h--126 { height: 7.875rem; /* height 126px */ } /* confirmed in use */ /* pixel conversion correct */
.h--160 { height: 10rem; }
.h--180 { height: 11.25rem; }
.h--192 { height: 12rem; }
.h--200 { height: 12.5rem; /* height 200px */ } /* confirmed in use */ /* pixel conversion correct */
.h--213 { height: 13.313rem; /* height 213px */ } /* confirmed in use */ /* pixel conversion correct */
.h--236 { height: 14.75rem; }
.h--255 { height: 15.938rem; /* height 255px */ } /* confirmed in use */ /* pixel conversion correct */
.h--260 { height: 16.25rem; /* height 260px */ } /* confirmed in use */ /* pixel conversion correct */
.h--316 { height: 19.75rem; }
.h--324 { height: 20.25rem; }
.h--410 { height: 25rem; }
.h--732 { height: 45.75rem; /* height 732px */ } /* confirmed in use */ /* pixel conversion correct */


/* Min Height */
.min--h--40 { min-height: 2.5rem; }
.min--h--48 { min-height: 3rem; }
.min--h--52 { min-height: 3.25rem; }
.min--h--94 { min-height: 5.875rem; }
.min--h--126 { min-height: 7.875rem; /* min height 126px */ }
.min--h--316 { min-height: 19.75rem; }
.min--h--390 { min-height: 24.4rem; /* min height 390px */ }
.min--h--450 { min-height: 28.125rem; /* min height 450px */ }
.min--h--561 { min-height: 35.063rem; /* min height 561px */ }

/* Max Height */
.max-h--140 { max-height: 8.75rem; /* max height 140px */ } /* pixel conversion correct */
.max-h--240 { max-height: 15rem; /* max height 240px */ } /* pixel conversion correct */
.max-h--275 { max-height: 17.188rem; /* max height 275px */ } /* pixel conversion correct */
.max-h--480 { max-height: 30rem; /* max height 640px */ } /* pixel conversion correct */
.max-h--800 { max-height: 50rem; /* max height 800px */ } /* pixel conversion correct */


/* Padding */
.pad--2 { padding: 0.125rem; /* padding 2px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--10 { padding: 0.625rem; /* padding 10px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--16 { padding: 1rem; /* padding 16px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--18 { padding: 1.125rem; /* padding 18px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--x--2 { padding-left: 0.125rem; padding-right: 0.125rem; /* padding left right 2px */ }
.pad--x--6 { padding-left: 0.375rem; padding-right: 0.375rem; /* padding left right 6px */ }
.pad--x--9 { padding-left: 0.563rem; padding-right: 0.563rem; /* padding left right 9px */ }
.pad--x--16 { padding-left: 1rem; padding-right: 1rem; /* padding left right 16px */ }
.pad--x--32 { padding-left: 2rem; padding-right: 2rem; /* padding-left 32px padding-right 32px */ }
.pad--x--40 { padding-left: 2.5rem; padding-right: 2.5rem; /* padding-left 40px padding-right 40px */ }
.pad--x--48 { padding-left: 3rem; padding-right: 3rem; }
.pad--x--14 { padding-left: 0.875rem; padding-right: 0.875rem; /* padding-left 14px padding-right 14px */ }
.pad--top--0 { padding-top: 0; }
.pad--top--12-8 { padding-top: 0.8rem; }
.pad--top--13 { padding-top: 0.813rem; /* padding top 13px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--top--16 { padding-top: 1rem; }
.pad--top--20 { padding-top: 1.25rem; }
.pad--top--40 { padding-top: 2.5rem; /* padding top 40px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--top--71 { padding-top: 4.438rem; /* padding top 71px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--top--80 { padding-top: 5rem; /* padding top 80px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--bottom--0 { padding-bottom: 0; }
.pad--bottom--4 { padding-bottom: 0.25rem; /* padding bottom 4px */ }
.pad--bottom--8 { padding-bottom: 0.5rem; /* padding bottom 8px */ }
.pad--bottom--9 { padding-bottom: 0.563rem; /* padding bottom 9px */ }
.pad--bottom--12-8 { padding-bottom: 0.8rem; }
.pad--bottom--40 { padding-bottom: 2.5rem; /* padding-bottom 40px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--bottom--64 { padding-bottom: 4rem; /* padding-bottom 64px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--bottom--68 { padding-bottom: 4.25rem; /* padding bottom 68px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--bottom--96 { padding-bottom: 6rem; /* padding bottom 96px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--left--2 { padding-left:0.125rem; /* padding left 2px */ } /* confirmed in use */ /* pixel conversion correct */ 
.pad--left--3 { padding-left: 0.188rem; /* padding left 3px */ } /* confirmed in use */ /* pixel conversion correct */ 
.pad--left--9 { padding-left: 0.563rem; /* padding left 9px */ } /* confirmed in use */ /* pixel conversion correct */ 
.pad--left--16 { padding-left: 1rem; /*  left 16px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--left--32 { padding-left: 2rem; /*  left 32px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--left--40 { padding-left: 2.5rem; /*  left 40px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--left--50 { padding-left: 3.125rem; /*  left 50px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--left--70 { padding-left: 4.375rem; /* padding left 70px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--right--12 { padding-right: 0.75rem; /* padding right 12px */ }
.pad--right--18 { padding-right: 1.125rem; /* padding right 18px */ }
.pad--right--4 { padding-right: 0.25rem; /* padding right 4px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--right--30 { padding-right: 1.875rem; /* padding right 30px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--right--32 { padding-right: 2rem; /* padding right 32px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--right--40 { padding-right: 2.5rem; /* padding right 40px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--y--2 { padding-top: 0.125rem; padding-bottom: 0.125rem; /* padding top bottom 2px */ } /* confirmed in use */ /* pixel conversion correct */
.pad--y--4 { padding-top: 0.25rem; padding-bottom: 0.25rem; /* padding top bottom 4px */ }
.pad--y--16 { padding-top: 1rem; padding-bottom: 1rem; /* padding top bottom 16px */ }
.pad--y--9 { padding-top: 0.563rem; padding-bottom: 0.563rem; /* padding top bottom 9px */ }
.pad--y--10 { padding-top: 0.625rem; padding-bottom: 0.625rem; /* padding top bottom 10px */ }


/* Margin */
.m--0 { margin: 0rem; }
.m--top--132 { margin-top: 8.25rem; }
.neg--m--top--121 { margin-top: -7.563rem; }
.neg--m--top--62 { margin-top: -3.875rem; }
.neg--m--left--13 { margin-left: -0.813rem; }
.ml--auto { margin-left: auto; }
.mt--auto { margin-top: auto; }


/* Display */


/* Gap */
.gap--01 { gap: 0.063rem; /* gap 1px */ } /* confirmed in use */ /* pixel conversion correct */
.gap--7{ gap: 0.4375rem; }
.gap--26 { gap: 1.625rem; /* gap 26px */ } /* confirmed in use */ /* pixel conversion correct */
.gap--44 { gap: 2.75rem; /* gap 44px */ } /* pixel conversion correct */ /* pixel conversion correct */
.gap--y--8--x--16 { gap: 0.5rem 1rem; }


/* Flexbox */


/* Grid */


/* Grid Column */
.grid--cols--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--cols--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--cols--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid--cols--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }


/* aspect-ratio */
.aspect--ratio--16-9 { aspect-ratio: 16 / 9; }

/* Order */


/* Position */


/* Top */
.top--12 {top: 0.75rem;}
.top--40 {top: 2.5rem;}
.top--63 {top: 3.938rem;}
.top--1-8 { top: 1.8rem; }
.top--3-5 { top: 3.5rem; }
.top--50 { top: 50%; }
.top--neg--6 { top: -0.375rem; }
.top--neg--8 { top: -0.5rem; }
.top--neg--8-3 { top: -8.3rem; }
.top--neg--24 { top: -1.5rem; }
.top--neg--29 { top: -1.813rem; }
.top--neg--40 { top: -2.5rem; }
.top--neg--74 { top: -4.625rem; }
.top--neg--64 { top: -4rem; }


/* Translate */
.translate--50-y-neg { transform: translateY(-50%); }


/* Right */
.right--9-neg { right: -0.563rem;  /* right -9px */ }
.right--12 { right: 0.75rem;  /* right 12px */ }
.right--16 { right: 1rem;  /* right 16px */ }
.right--05 {
  right: 0.313rem;
}


/* Bottom */
.bottom--1 { bottom: 0.063rem; }
.bottom--0-3 { bottom: 0.3rem; }
.bottom--48 { bottom: 3rem; }
.bottom--03 {
  bottom: 0.188rem;
}


/* Left */
.left--50 { left: 50%; }
.left--percent--105 { left: 105%; }

/* Left (px) */
.left--neg--6 { left: -0.375rem; }
.left--neg--72 { left: -4.5rem; }


/* Z-Index */
.z--index--1 { z-index: 1; }
.z--index--2 { z-index: 2; }
.z--index--5 { z-index: 5; }
.neg--z--index--1 { z-index: -1; }


/* Opacity */


/* Hover Opacity */


/* Object Fit */
.fit--cover { object-fit: cover; }
.fit--contain { object-fit: contain; }


/* Backdrop Filter */
.bg--blur--3 { -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } /* confirmed in use */
.bg--blur--8 { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } /* confirmed in use */
.bg--blur--15 { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } /* confirmed in use */
.bg--blur--30 { -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); } /* confirmed in use */
.bg--blur--35 { -webkit-backdrop-filter: blur(35px); backdrop-filter: blur(35px); }
.bg--blur--40 { -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); } /* confirmed in use */
.bg--blur--75 { -webkit-backdrop-filter: blur(75px); backdrop-filter: blur(75px); } /* confirmed in use */
.bg--blur--125 { -webkit-backdrop-filter: blur(125px); backdrop-filter: blur(125px); } /* confirmed in use */


/* Box Shadow */
.sh--7 { box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } /* confirmed in use */
.sh--8 { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); } /* confirmed in use */
.sh--9 { box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25); }
.sh--10 { box-shadow: 4px 4px 0px 0px #000; } /* confirmed in use */
.sh--11 { box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); } /* confirmed in use */
.sh--12 { box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.08); }
.sh--13 { box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06); } /* confirmed in use */
.sh--2000{ box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5); }
.sh--14 { box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25); } /* confirmed in use */
.sh--15 { box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.20); } /* confirmed in use */
.sh--16 { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.20); } /* confirmed in use */
.sh--17 { box-shadow: 0px 4px 6px rgba(16, 24, 40, 0.08); }
.sh--18 { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); } /* confirmed in use */
.sh--19 { box-shadow: 0px 0px 6px 0px #000; } /* confirmed in use */
.sh--20 { box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.50); } /* confirmed in use */
.sh--21 { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.sh--black--yellow { box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.15), 4px 4px 0px 0px #FFCD29; }
.sh--green--4 { box-shadow: 4px 4px 0px 0px #14E04D; }
.sh--pink--4 { box-shadow: 4px 4px 0px 0px #E00078; }
.sh--light-blue--4 { box-shadow: 4px 4px 0px 0px #528BFF; }
.sh--spring--green--12 { box-shadow: 0px 0px 12px 0px #07F468; }

/* Box Shadow Hover */
.hover--sh--pink:hover { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15), 0px 0px 40px 0px rgba(246, 0, 254, 0.50); }
.hover--sh--gray:hover { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15), 0px 0px 40px 0px rgba(121, 113, 107, 0.50); }
.hover--sh--brand-green:hover { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15), 0px 0px 40px 0px rgba(7, 244, 104, 0.30); }


/* Drop Shadow */
.drop--sh--2 { filter: drop-shadow(0 0 0.313rem rgba(0, 0, 0, 1)); }
.drop--sh--3 { filter: drop-shadow(0 0 0.875rem rgba(0, 0, 0, 0.50)); }
.drop--sh--4 {
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
}


/* Text Shadow */


/* Overflow */
.of--visible--important {
    overflow: visible !important;
}
.of--hidden { overflow: hidden; }


/* Cursor Style */ 
.cr--move { cursor: move; }
.cs--pointer { cursor: pointer; }


/* Border */


/* Border Width */
.bw--2 { border-width: 0.125rem; }
.bw--3 { border-width: 0.188rem; }

/* Hover Border Width */
.hover--bw--2:hover { border-width: 0.125rem; }

/* Border Radius */
.br--2 { border-radius: 0.125rem; /* border-radius 2px */ } /* confirmed in use */ /* pixel conversion correct */
.br--5 { border-radius: 0.313rem; /* border-radius 5px */ } /* confirmed in use */ /* pixel conversion correct */
.br--top--2 { border-radius: 0.125rem 0.125rem 0rem 0rem; /* border-radius top 2px */ } /* confirmed in use */ /* pixel conversion correct */
.br--bottom--left--right {border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important;}
.br--top-bottom-left {border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important;}
.br--top-bottom-right {border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important;}
.br--top-right {border-top-right-radius: 0 !important;}
.br--top-left {border-top-left-radius: 0 !important;}

/* Transform */
.transform--3d { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.transform--skew--neg--15 { transform: skewX(-15deg); -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); }
.transform--rotate--90 { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.transform--tl--xy--00 { transform: translate(0, 0); }
.transform--tl--x--100 { transform: translate(100%, 0); }

/* Transition Property */
.transition--clip--2 { transition: clip-path 400ms ease-in, width 400ms ease-in; }


/* Transition Duration */


/* Transition Timing */

/* Clip Path */
.cp--inset--0 { clip-path: inset(0); }
.cp--6 { clip-path: polygon(0% 0%, 100% 0, 105% 105%, 16% 105%); }
.cp--7 { clip-path: polygon(8% 0%, 100% 0, 105% 105%, 0% 105%); }
.cp--8 { clip-path: polygon(0% 0, 100% 0, 88% 105%, 0 105%); }
.cp--9 { clip-path: polygon(0% 0%, 0% 0, 0% 101%, 100% 101%); }
.cp--10 { clip-path: polygon(100% 34%, 0% 0%, 0% 100%, 100% 100%); }
.cp--11 { clip-path: polygon(0% 0, 100% 0, 80% 105%, 0 105%); }
.cp--12 { clip-path: polygon(21% 0, 100% 0, 105% 105%, 0 105%); }
.cp--13 { clip-path: polygon(100% 20%, 0% 0%, 0% 100%, 100% 100%); }
.cp--14 { clip-path: polygon(0% 0, 100% 0, 100% 100%, 8% 100%); }


/* Pointer Events */

/* Filer and background filter blur specific class for image blur for Desktop */
/* Filter */
.res--blur--2 { filter: blur(8px); }
.res--blur--5 { filter: blur(20px); }
.res--blur--10 { filter: blur(40px); }
/* Backdrop Filter */
.res--bg--blur--2 { backdrop-filter: blur(8px); }
.res--bg--blur--5 { backdrop-filter: blur(20px); }
.res--bg--blur--10 { backdrop-filter: blur(40px); }




/* Text line Clamp */
[data-line-clamp-1] { overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }
[data-line-clamp] { overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; }
[data-line-clamp-3] { overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; }

/* Button style */
[data-button="editor icon"]:active { background: var(--color-athens-gray2, #F9FAFB); }
[data-color="green"]:hover img { filter: brightness(0) saturate(100%) invert(50%) sepia(94%) saturate(408%) hue-rotate(100deg) brightness(93%) contrast(87%); } /* #17B26A */
[data-color="black"]:hover img { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(335deg) brightness(93%) contrast(107%); } /* #000 */
[data-color="black"]:hover { background: var(--color-brand-green, #07F468); color: #000; }
[data-color="gray"] { background: rgba(152, 162, 179, 0.50); border-color: rgba(89, 96, 106, 0.50); }
button[data-color="gray"]:not(:disabled):hover span { color: #fff !important; }

[data-button-style="skew-left"]:before,
[data-button-style="skew-left top"]:before,
[data-button-style="skew-right top"]:before,
[data-button-style="skew-right bottom"]:before { content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    -webkit-box-shadow: 4px 4px 0 0 #000;
    box-shadow: 4px 4px 0 0 #000;
    -webkit-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out; }

    [data-button-style="skew-left"]:after {
    content: '';
    display: block;
    width: 2rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: -1rem;
    z-index: -1;
    -webkit-box-shadow: 4px 4px 0 0 #000;
    box-shadow: 4px 4px 0 0 #000;
    -webkit-transform: skew(-20deg, 0) translateX(3px);
    transform: skew(-20deg, 0) translateX(3px);
    -webkit-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
[data-button-style="skew-left top"]:after{
    content: '';
    display: block;
    width: 2rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: -1rem;
    z-index: -1;
    -webkit-box-shadow: 4px 4px 0 0 #000;
    box-shadow: 4px 4px 0 0 #000;
    -webkit-transform: skew(20deg, 0) translateX(3px);
    transform: skew(20deg, 0) translateX(3px);
    -webkit-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
[data-button-style="skew-right top"]:after{
   content: '';
   display: block;
   width: 1.8rem;
   height: 100%;
   position: absolute;
   top: 0;
   right: -1rem;
   z-index: 1;
   -webkit-box-shadow: 4px 4px 0 0 #000;
   box-shadow: 4px 4px 0 0 #000;
   -webkit-transform: skew(-20deg, 0) translateX(3px);
   transform: skew(-20deg, 0) translateX(3px);
   -webkit-transition: all 0s ease-in-out;
   transition: all 0s ease-in-out;
}
[data-button-style="skew-right bottom"]:after{
   content: '';
   display: block;
   width: 1rem;
   height: 100%;
   position: absolute;
   top: 0;
   right: -0.43rem;
   z-index: 1;
   -webkit-box-shadow: 4px 4px 0 0 #000;
   box-shadow: 4px 4px 0 0 #000;
   -webkit-transform: skew(20deg, 0) translateX(0px);
   transform: skew(20deg, 0) translateX(0px);
   -webkit-transition: all 0s ease-in-out;
   transition: all 0s ease-in-out;
}

[data-button-shadow="no"]:before,
[data-button-shadow="no"]:after { box-shadow: none;}
[data-button-shadow="no"]:after{ width: 1rem; right: -0.4rem; }
[data-button-color="grey"],
[data-button-color="grey"]:after { background-color: var(--color-mischka, #d0d5dd); }

[data-button-color="green"][data-button-loader="1"],
[data-button-color="green"][data-button-loader="1"]:after,
[data-button-color=green]:hover, [data-button-color=green]:hover:after {
    background-color: #000;
}
[data-button-color="green"],
[data-button-color="green"]:after { background-color: var(--color-brand-green, #07F468); }

/* [data-button-color="green"][data-button-loader="1"],
[data-button-color="green"]:hover, 
[data-button-color="green"][data-button-loader="1"]:after,
[data-button-color="green"]:hover:after {background-color: #000;} Its hide because loader svg not working, so button showing full black Prosenjit  */

[data-button-color="green"]:hover span
{ color: var(--color-brand-green, #07F468); }
[data-button-color="green"]:hover img {
   filter: brightness(0) saturate(100%) invert(75%) sepia(23%) saturate(7280%) hue-rotate(93deg) brightness(109%) contrast(95%);
}

[data-button-color="yellow"],
[data-button-color="yellow"]:after { background-color: #C2A61C; }
[data-button-color="yellow"]:hover, [data-button-color="yellow"]:hover:after {background-color: #C2A61C;}
[data-button-color="yellow"]:hover span
{ color: #fff; }
[data-button-color="yellow"]:hover img {
   filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(0%) hue-rotate(176deg) brightness(107%) contrast(100%);
}
[data-layer="shadow-button"][data-button-style="skew-right bottom"]:after { background-image: url("../images/angle-button-bg.svg"); background-position: 103% 0%; background-repeat: no-repeat; opacity: 0;}

/*[data-layer="shadow-button"] { box-shadow: 0px 5px 50px 0px rgba(242, 242, 3, 0.50), 5px 4px 0px 0px #000, 0px 0px 10px 0px rgba(242, 242, 3, 0.05), 0px 0px 10px 0px rgba(255, 185, 9, 0.70), 0px 0px 10px 0px rgba(255, 185, 9, 0.70), 0px 0px 1px 0px #FFF3A1 inset; background-image: url("../images/angle-button-bg.svg"); background-repeat: no-repeat; }*/


[data-layer="shadow-button"]{
   clip-path: polygon(0% 0, 93% 0, 99% 100%, 0% 100%);
    padding-right: 28px;
        z-index: 2;
    background-image: url("../images/angle-button-bg.svg"); background-repeat: no-repeat;
}

[data-upgrade-premium-button-section] [data-upgrade-button] { position: relative; z-index: 1; }

[data-upgrade-premium-button-section] [data-upgrade-button]:before {
    content: "";
    width: 101%;
    height: 102%;
    background: #000;
    position: absolute;
    left: 3px;
    top: 3px;
    clip-path: polygon(0% 0, 93% 0, 99% 100%, 0% 100%);
}
[data-upgrade-premium-button-section] [data-upgrade-button]:after {
    content: "";
    width: 93%;
    height: 100%;
    box-shadow: 0px 5px 50px 0px rgba(242, 242, 3, 0.50), 5px 4px 0px 0px #00000000, 0px 0px 10px 0px rgba(242, 242, 3, 0.05), 0px 0px 10px 0px rgba(255, 185, 9, 0.50), 0px 0px 10px 0px rgba(255, 185, 9, 0.50), 0px 0px 1px 0px #FFF3A1 inset;
    position: absolute;
    left: 0;
    top: 0;
    /* transform: skew(27deg, 0deg); */
    z-index: 1;
}


[data-layer="shadow-button"]:hover, [data-button-style="skew-right bottom"]:hover:after { background-image: none; }

[data-button-color="gull-gray"],
[data-button-color="gull-gray"]:after { background: rgba(52, 64, 84, 0.05); }

[data-button-color="blue"],
[data-button-color="blue"]:after { background-color: var(--color-electric-violet, #4D20FF); }

[data-button-color="wild-strawberry"],
[data-button-color="wild-strawberry"]:after { background: linear-gradient(135deg, #F093FB 0%, #FF439D 100%); }

[data-button-color=black],
[data-button-color=black]:after {
    background-color: var(--color-black, #000)
}

/* Black and white button */
[data-button-color=black-white],
[data-button-color=black-white]:after {
      background-color: var(--color-black, #000);
}
[data-button-color=black-white][data-button-loader="1"],
[data-button-color=black-white][data-button-loader="1"]:after,
[data-button-color=black-white]:hover,
[data-button-color=black-white]:hover:after {
      background-color: var(--color-white, #fff)
}

[data-button-type="drag"] { background-color: var(--color-mischka, #D0D5DD); }
[data-button-type="drag"]:before {
   content: "";
    position: absolute;
    border: 2px dashed #000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

[data-button-style="skew-left shadow-none"] {
   clip-path: polygon(8% 0%, 100% 0, 105% 105%, 0% 105%);
   padding-left: 1.4rem;
}

[data-button-style="skew-right bottom shadow-none"]:after {
   content: '';
   display: block;
   width: 1rem;
   height: 100%;
   position: absolute;
   top: 0;
   right: -0.563rem;
   z-index: 1;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-transform: skew(20deg, 0) translateX(0px);
   transform: skew(20deg, 0) translateX(0px);
   -webkit-transition: all 0s ease-in-out;
   transition: all 0s ease-in-out;
}

/* Only shdow effect button */
[data-button-style="shadow-btn"]:after{
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   z-index: -1;
   -webkit-box-shadow: 4px 4px 0 0 #000;
   box-shadow: 4px 4px 0 0 #000;
   -webkit-transition: all 0s ease-in-out;
   transition: all 0s ease-in-out;
}


/* Cart background effect style */
[data-button-style="skew-left-top"]{
   transform: skew(-35deg);
   -webkit-transform: skew(-35deg);
}
[data-button-style="skew-left-top"] [data-button-label] {
   transform: skew(35deg);
   -webkit-transform: skew(35deg);
   z-index: 3;
   position: relative;
}
[data-button-theme="pink-1"] [data-animation-object] {
  transform: skew(35deg);
  -webkit-transform: skew(35deg);
  z-index: 9;
}
[data-button-style="skew-left-top"]:after{
   content: "";
   width: 100%;
   height: 100%;
   background-image: url(https://fansocial.app/wp-content/plugins/fansocial/assets/dashboard-v2/images/button-bg.png);
   background-repeat: no-repeat;
   background-size: 150%;
   background-position: 50%;
   position:absolute;
   z-index: 1;
   opacity: 60%;
}
[data-button-style="skew-left-top"]:before{
   content: "";
   width: 100%;
   height: 100%;
   position:absolute;
   z-index: 1;
}

[data-button-style="skew-right-top"]{
   transform: skew(-35deg);
   -webkit-transform: skew(-35deg);
}
[data-button-style="skew-right-top"] [data-button-label] {
   transform: skew(35deg);
   -webkit-transform: skew(35deg);
   z-index: 3;
   position: relative;
}
[data-button-style="skew-right-top"]:after{
   content: "";
   width: 100%;
   height: 100%;
   background-image: url(https://fansocial.app/wp-content/plugins/fansocial/assets/dashboard-v2/images/button-bg.png);
   background-repeat: no-repeat;
   background-size: 150%;
   background-position: 50%;
   position:absolute;
   z-index: 1;
   opacity: 60%;
}
[data-button-style="skew-right-top"]:before{
   content: "";
   width: 100%;
   height: 100%;
   position:absolute;
   z-index: 1;
}

[data-button-theme="black"][data-button-style="skew-left-top"]:after,
[data-button-theme="black-blue"][data-button-style="skew-right-top"]:after{
	background-image: none;
}
[data-button-theme="pink-1"]{
   border: 3px solid #FFE1FC;
   box-shadow: 0px 0px 1px 0px rgba(255, 151, 243, 0.90) inset, 0px 0px 10px 0px rgba(232, 3, 174, 0.05), 0px 0px 35px 0px rgba(232, 3, 174, 0.25), 0px 5px 50px 0px rgba(232, 3, 174, 0.50), 0px 0px 40px 0px rgba(232, 3, 174, 0.50) inset, 0px 0px 10px 0px rgba(246, 0, 254, 0.70);
}
[data-button-theme="pink-1"]:after{
    box-shadow: 0px 0px 1px 0px rgba(255, 151, 243, 0.90) inset, 0px 0px 10px 0px rgba(232, 3, 174, 0.05), 0px 0px 35px 0px rgba(232, 3, 174, 0.25), 0px 5px 50px 0px rgba(232, 3, 174, 0.50), 0px 0px 40px 0px rgba(232, 3, 174, 0.50) inset, 0px 0px 10px 0px rgba(246, 0, 254, 0.70);
}
[data-button-theme="pink-1"]:before{
   background-color: rgba(224, 0, 120, 1);
}

[data-button-theme="pink-1"]:hover, 
[data-button-theme="pink-1"]:hover:after,
[data-button-theme="black"]:hover, 
[data-button-theme="black"]:hover:after{
   box-shadow: 0px 0px 1px 0px rgba(255, 151, 243, 0.90) inset, 0px 0px 10px 0px rgba(232, 3, 174, 0.05), 0px 0px 35px 0px rgba(232, 3, 174, 0.25), 0px 5px 50px 0px rgba(232, 3, 174, 0.50), 0px 0px 40px 0px rgba(232, 3, 174, 0.50) inset, 0px 0px 50px 0px rgba(246, 0, 254, 0.70);
}

[data-button-theme="pink-2"]{
   border: 3px solid #FFABF7;
   box-shadow: 0px 0px 1px 0px rgba(255, 151, 243, 0.90) inset, 0px 0px 10px 0px rgba(232, 3, 174, 0.05), 0px 0px 35px 0px rgba(232, 3, 174, 0.25), 0px 5px 50px 0px rgba(232, 3, 174, 0.50), 0px 0px 40px 0px rgba(232, 3, 174, 0.50) inset, 0px 0px 10px 0px rgba(246, 0, 254, 0.70);
}
[data-button-theme="pink-2"]:after{
   box-shadow: 0px 0px 1px 0px rgba(255, 151, 243, 0.90) inset, 0px 0px 10px 0px rgba(232, 3, 174, 0.05), 0px 0px 35px 0px rgba(232, 3, 174, 0.25), 0px 5px 50px 0px rgba(232, 3, 174, 0.50), 0px 0px 40px 0px rgba(232, 3, 174, 0.50) inset, 0px 0px 10px 0px rgba(246, 0, 254, 0.70);
}
[data-button-theme="pink-2"]:before{
   background-color: rgba(200, 10, 139, 1);
}

[data-button-theme="pink-2"]:hover, 
[data-button-theme="pink-2"]:hover:after{
   box-shadow: 0px 0px 1px 0px rgba(255, 151, 243, 0.90) inset, 0px 0px 10px 0px rgba(232, 3, 174, 0.05), 0px 0px 35px 0px rgba(232, 3, 174, 0.25), 0px 5px 50px 0px rgba(232, 3, 174, 0.50), 0px 0px 40px 0px rgba(232, 3, 174, 0.50) inset, 0px 0px 50px 0px rgba(246, 0, 254, 0.70);
}

/* Blue Avaibility buttons */
[data-button-theme="blue"]{
   border: 3px solid #fff;
   box-shadow: 0px 0px 1px 0px #1B45FF inset, 0px 0px 10px 0px rgba(13, 113, 252, 0.05), 0px 0px 35px 0px rgba(13, 113, 252, 0.25), 0px 5px 50px 0px rgba(13, 113, 252, 0.50), 0px 0px 40px 0px rgba(13, 113, 252, 0.50) inset, 0px 0px 10px 0px rgba(30, 187, 255, 0.70);
}
[data-button-theme="blue"]:after{
   box-shadow: 0px 0px 1px 0px #1B45FF inset, 0px 0px 10px 0px rgba(13, 113, 252, 0.05), 0px 0px 35px 0px rgba(13, 113, 252, 0.25), 0px 5px 50px 0px rgba(13, 113, 252, 0.50), 0px 0px 40px 0px rgba(13, 113, 252, 0.50) inset, 0px 0px 10px 0px rgba(30, 187, 255, 0.70);
}
[data-button-theme="blue"]:before{
   background-color: rgba(0, 51, 255, 1);
}

[data-button-theme="blue"]:hover, 
[data-button-theme="blue"]:hover:after,
[data-button-theme="black-blue"]:hover, 
[data-button-theme="black-blue"]:hover:after{
	box-shadow: 0px 0px 1px 0px #1B45FF inset, 0px 0px 10px 0px rgba(13, 113, 252, 0.05), 0px 0px 35px 0px rgba(13, 113, 252, 0.25), 0px 5px 50px 0px rgba(13, 113, 252, 0.50), 0px 0px 40px 0px rgba(13, 113, 252, 0.50) inset, 0px 0px 50px 0px rgba(30, 240, 255, 0.70);
}

/* Green Avaibility buttons */
[data-button-theme="green"]{
   border: 3px solid var(--Brand-green, #07F468);
box-shadow: 0px 0px 40px 0px rgba(13, 252, 41, 0.50) inset;
filter: drop-shadow(0px 5px 50px rgba(13, 252, 41, 0.50)) drop-shadow(0px 0px 35px rgba(13, 252, 41, 0.25)) drop-shadow(0px 0px 10px rgba(13, 252, 41, 0.05));
}
[data-button-theme="green"]:after{
   box-shadow: 0px 0px 1px 0px #07F468 inset, 0px 0px 10px 0px rgba(113, 252, 41, 0.50), 0px 0px 35px 0px rgba(13, 252, 41, 0.25), 0px 5px 50px 0px rgba(13, 252, 41, 0.50), 0px 0px 40px 0px rgba(13, 252, 41, 0.50) inset, 0px 0px 10px 0px rgba(13, 252, 41, 0.70);
}
[data-button-theme="green"]:before{
   background-color: #07F468;
}

/* Brown Avaibility buttons */
[data-button-theme="brown"]{
   border: 3px solid #FFE0E3;
   box-shadow: 0px 0px 1px 0px #FFB6BC inset, 0px 0px 10px 0px rgba(252, 25, 13, 0.05), 0px 0px 35px 0px rgba(252, 25, 13, 0.25), 0px 5px 50px 0px rgba(252, 25, 13, 0.50), 0px 0px 40px 0px rgba(252, 25, 13, 0.50) inset;
}
[data-button-theme="brown"]:after{
   box-shadow: 0px 0px 1px 0px #FFB6BC inset, 0px 0px 10px 0px rgba(252, 25, 13, 0.05), 0px 0px 35px 0px rgba(252, 25, 13, 0.25), 0px 5px 50px 0px rgba(252, 25, 13, 0.50), 0px 0px 40px 0px rgba(252, 25, 13, 0.50) inset;
}
[data-button-theme="brown"]:before{
   background-color: rgba(255, 68, 0, 1);
}

/* yellow Avaibility buttons */
[data-button-theme="yellow"]{
   border: 3px solid #FFFADD;
   box-shadow: 0px 0px 10px 0px rgba(242, 242, 3, 0.05), 0px 5px 50px 0px rgba(242, 242, 3, 0.50), 0px 0px 1px 0px #FFF3A1 inset, 0px 0px 10px 0px rgba(255, 185, 9, 0.70), 0px 0px 10px 0px rgba(255, 185, 9, 0.70);
}
[data-button-theme="yellow"]:after{
   box-shadow: 0px 0px 10px 0px rgba(242, 242, 3, 0.05), 0px 5px 50px 0px rgba(242, 242, 3, 0.50), 0px 0px 1px 0px #FFF3A1 inset, 0px 0px 10px 0px rgba(255, 185, 9, 0.70), 0px 0px 10px 0px rgba(255, 185, 9, 0.70);
}
[data-button-theme="yellow"]:before{
   background-color: rgba(184, 235, 0, 1);
}

/* Hover */
[data-color="outline-blue"][data-button-loader="1"],
[data-color="outline-blue"]:hover { background-color: var(--color-electric-violet, #4D20FF); }
[data-color="outline-blue"]:hover [data-button-icon] { filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(0%) hue-rotate(176deg) brightness(107%) contrast(100%); }

[data-color="blue"][data-button-loader="1"],
[data-color="blue"]:hover { background-color: var(--color-black, #000); }

[data-color="orange"][data-button-loader="1"],
[data-color="orange"]:hover { background: var(--color-ebony, #101828); color: var(--color-my-sin, #FDB022); }
[data-color="orange"]:hover [data-button-icon] { filter: brightness(0) saturate(100%) invert(69%) sepia(68%) saturate(753%) hue-rotate(341deg) brightness(104%) contrast(98%); }

/* Right side fixed vertical center button */
[data-button-place="fixed vertical"]{ transform: rotate(-90deg); transform-origin: right bottom; }

[data-responsive-tab-header-type=stretchable][data-tab-select="transparent"] .active[data-tab-head-list-item] [data-tab-trigger]{
  background-color: transparent;
  border-bottom: solid 1px #fff;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
[data-coming-soon-banner-hover]:hover [data-coming-soon-banner-hover-child]{
/*	clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%);*/
/*	width: 32rem;*/
clip-path: polygon(0% 0px, 80% 0px, 80% 105%, 0px 105%);
}


/**
 * Template name: <Dashboard Tooltips (Global)>
 */

/* Dashboard Tooltips : Custom Styles */
[data-tooltip] {
  overflow: hidden;
}

[data-tooltip]:hover,
[data-tooltip]:active {
  overflow: visible;
}

[data-tooltip] [data-tooltip-content] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 30rem;
  position: absolute;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  backdrop-filter: blur(25px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.15s ease-in-out;
}

[data-tooltip]:hover [data-tooltip-content] {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

[data-tooltip][data-tooltip-arrow="true"] [data-tooltip-content]:before {
  content: '';
  display: block;
  width: 0rem;
  height: 0rem;
  position: absolute;
}

/* Dashboard Tooltips (Theme) : Custom Styles */
[data-tooltip] [data-tooltip-content] {
  color: white;
  background: rgba(16, 24, 40, 0.70);
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}

[data-tooltip][data-tooltip-theme="light"] [data-tooltip-content] {
  color: var(--color-very-dark-ebony);
  background: rgba(255, 255, 255, 0.70);
}

[data-tooltip][data-tooltip-arrow="true"] [data-tooltip-content]:before {
  border-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="top left"] [data-tooltip-content]:before,
[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="top center"] [data-tooltip-content]:before,
[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="top right"] [data-tooltip-content]:before {
  border-top-color: rgba(16, 24, 40, 0.70);
}

[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="bottom left"] [data-tooltip-content]:before,
[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="bottom center"] [data-tooltip-content]:before,
[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="bottom right"] [data-tooltip-content]:before {
  border-bottom-color: rgba(16, 24, 40, 0.70);
}

[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="center left"] [data-tooltip-content]:before {
  border-left-color: rgba(16, 24, 40, 0.70);
}

[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="center right"] [data-tooltip-content]:before {
  border-right-color: rgba(16, 24, 40, 0.70);
}

[data-tooltip][data-tooltip-theme="light"][data-tooltip-arrow="true"][data-tooltip-position="top left"] [data-tooltip-content]:before,
[data-tooltip][data-tooltip-theme="light"][data-tooltip-arrow="true"][data-tooltip-position="top center"] [data-tooltip-content]:before,
[data-tooltip][data-tooltip-theme="light"][data-tooltip-arrow="true"][data-tooltip-position="top right"] [data-tooltip-content]:before {
  border-top-color: rgba(255, 255, 255, 0.70);
}

[data-tooltip][data-tooltip-theme="light"][data-tooltip-arrow="true"][data-tooltip-position="bottom left"] [data-tooltip-content]:before,
[data-tooltip][data-tooltip-theme="light"][data-tooltip-arrow="true"][data-tooltip-position="bottom center"] [data-tooltip-content]:before,
[data-tooltip][data-tooltip-theme="light"][data-tooltip-arrow="true"][data-tooltip-position="bottom right"] [data-tooltip-content]:before {
  border-bottom-color: rgba(255, 255, 255, 0.70);
}

[data-tooltip][data-tooltip-theme="light"][data-tooltip-arrow="true"][data-tooltip-position="center left"] [data-tooltip-content]:before {
  border-left-color: rgba(255, 255, 255, 0.70);
}

[data-tooltip][data-tooltip-theme="light"][data-tooltip-arrow="true"][data-tooltip-position="center right"] [data-tooltip-content]:before {
  border-right-color: rgba(255, 255, 255, 0.70);
}

/* Dashboard Tooltips (Positions) : Custom Styles */
[data-tooltip] [data-tooltip-content] {
  margin: 0rem 0rem;
}

[data-tooltip][data-tooltip-position="top left"] [data-tooltip-content] {
  left: 0%;
  top: 0%;
  transform: translate(-0%, -100%);
  margin-left: -0.625rem;
  margin-top: -0.625rem;
}

[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="top left"] [data-tooltip-content]:before {
  //border-width: 0.375rem 0.375rem 0 0.375rem;
  border-width: 5px 5px 0 5px;
  left: 0.813rem;
  //bottom: -0.375rem;
  bottom: -5px;
}

[data-tooltip][data-tooltip-position="top center"] [data-tooltip-content] {
  left: 50%;
  top: 0%;
  transform: translate(-50%, -100%);
  margin-left: 0rem;
  margin-top: -0.625rem;
}

[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="top center"] [data-tooltip-content]:before {
  //border-width: 0.375rem 0.375rem 0 0.375rem;
  border-width: 5px 5px 0 5px;
  left: 50%;
  //bottom: -0.375rem;
  bottom: -5px;
  transform: translateX(-50%);
}

[data-tooltip][data-tooltip-position="top right"] [data-tooltip-content] {
  left: auto;
  right: 0%;
  top: 0%;
  transform: translate(0%, -100%);
  margin-right: -.625rem;
  margin-top: -0.625rem;
}

[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="top right"] [data-tooltip-content]:before {
  // border-width: 0.375rem 0.375rem 0 0.375rem;
  border-width: 5px 5px 0 5px;
  right: 0.813rem;
  // bottom: -0.375rem;
  bottom: -5px;
}

[data-tooltip][data-tooltip-position="bottom left"] [data-tooltip-content] {
  left: 0%;
  bottom: 0%;
  transform: translate(-0%, 100%);
  margin-left: -0.625rem;
  margin-bottom: -0.625rem;
}

[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="bottom left"] [data-tooltip-content]:before {
  // border-width: 0 0.375rem 0.375rem 0.375rem;
  border-width: 0 5px 5px 5px;
  left: 0.813rem;
  // top: -0.375rem;
  top: -5px;
}

[data-tooltip][data-tooltip-position="bottom center"] [data-tooltip-content] {
  right: 50%;
  bottom: 0%;
  transform: translate(50%, 100%);
  margin-left: 0rem;
  margin-bottom: -0.625rem;
}

[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="bottom center"] [data-tooltip-content]:before {
  //border-width: 0 0.375rem 0.375rem 0.375rem;
  border-width: 0 5px 5px 5px;
  left: 50%;
  //top: -0.375rem;
  top: -5px;
  transform: translateX(-50%);
}

[data-tooltip][data-tooltip-position="bottom right"] [data-tooltip-content] {
  right: 0%;
  bottom: 0%;
  transform: translate(0%, 100%);
  margin-right: -.625rem;
  margin-bottom: -0.625rem;
}

[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="bottom right"] [data-tooltip-content]:before {
  // border-width: 0 0.375rem 0.375rem 0.375rem;
  border-width: 0 5px 5px 5px;
  right: 0.813rem;
  // top: -0.375rem;
  top: -5px;
}

[data-tooltip][data-tooltip-position="center left"] [data-tooltip-content] {
  left: 0%;
  top: 50%;
  transform: translate(-100%, -50%);
  margin-left: -0.625rem;
  margin-top: 0rem;
}

[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="center left"] [data-tooltip-content]:before {
  // border-width: 0.375rem 0 0.375rem 0.375rem;
  border-width: 5px 0 5px 5px;
  // right: -0.375rem;
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
}

[data-tooltip][data-tooltip-position="center right"] [data-tooltip-content] {
  right: 0%;
  top: 50%;
  transform: translate(100%, -50%);
  margin-right: -0.625rem;
  margin-top: 0rem;
}

[data-tooltip][data-tooltip-arrow="true"][data-tooltip-position="center right"] [data-tooltip-content]:before {
  // border-width: 0.375rem 0.375rem 0.375rem 0;
  border-width: 5px 5px 5px 0;
  // left: -0.375rem;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
}

/* Dashboard Tooltips (Sizes) : Custom Styles */
[data-tooltip] [data-tooltip-content] {
  max-width: 9.375rem; /* 150px */
}

[data-tooltip][data-tooltip-size="small"] [data-tooltip-content] {
  max-width: 12.5rem; /* 200px */
}

[data-tooltip][data-tooltip-size="medium"] [data-tooltip-content] {
  max-width: 17.5rem;  /* 280px */
}

[data-tooltip][data-tooltip-size="large"] [data-tooltip-content] {
  max-width: 20rem;  /* 320px */
}

/* Register nice select style */
[authentication-pages]:before{
	content: '';
    width: 50%;
    height: 100%;
    position: fixed;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    right: 0;
    top: 0;
    z-index: 1;
}
@media screen and (max-width: 959px) {
  [authentication-pages]:before{
  	content: '';
  	width: 100%;
  }
}
/*[data-role-dropdown].nice-select-dropdown.v1:before,*/
[data-role-dropdown].nice-select-dropdown.v1 .nice-select-lists:before{
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    left: 0;
    top: 0;
    border-radius: 0.375rem;
}
[data-role-dropdown].nice-select-dropdown.v1 .nice-select-list{
	position: relative;
}
[data-role-dropdown].mlc-ns.v1:not(.has-tags) .option{
	background: transparent;
}
[data-form-input-type="checkbox"] input[type=checkbox][data-agree_to_terms]{
	width: 1rem;
	height: 1rem;
	border-radius: 4px;
	flex: 0 0 auto;
	margin-top: 2px;
}
[data-form-input-type="checkbox"] input[type=checkbox][data-agree_to_terms]:checked::after{
	top: 0.1rem;
	left: 0.3rem;
}

/* Coming soon Banner creator profile */
#featured_media_splide .splide__slide.is-prev > a > video {
	transform: scale(0.85);
}

/* Feed */
[data-scroll-border="true"] { border-bottom: 1px solid var(--color-cloudy, #a9a29d); }

/* Profile page  */
[data-profile-translation-dropdown].nice-select.v1 { border: none;}
[data-profile-translation-dropdown].nice-select.v1:not(.auto-width) { min-width: 11.875rem; height: 100%; border-radius: 0px; }
[data-profile-translation-dropdown].nice-select.v1:not(.has-tags) .current { padding: 0.5rem 0.75rem; justify-content:center; gap: 0.25rem;justify-content: space-between; border-bottom: 1px solid var(--Gray-600, #475467);
background: rgba(0, 0, 0, 0.90);
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); }
[data-profile-translation-dropdown].nice-select.v1:not(.has-tags) .current.active{
  border: none !important;
  border-bottom: 1px solid var(--Gray-600, #475467) !important;
background: rgba(0, 0, 0, 0.90) !important;
}
[data-profile-translation-dropdown].nice-select-dropdown.v1 .nice-select-list .simplebar-content { gap: 0.25rem; display: flex; flex-direction:column; }
[data-profile-translation-dropdown].nice-select.v1 .current .elm_aQVICr { max-width: fit-content; align-items: center; gap: 0.25rem; }
[data-profile-translation-dropdown].nice-select-dropdown.v1:not(.auto-width) { min-width: 13.75rem; right: auto; left: 0; transform: scale(1) translateY(0px); background: rgba(0, 0, 0, 0.90);
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); border: 0; border-radius: 0; }
[data-profile-translation-dropdown].mlc-ns.v1:not(.has-tags) .option { padding: 0; }
[data-profile-translation-dropdown].mlc-ns.v1:not(.has-tags) .option.selected { background: transparent; }
[data-profile-translation-dropdown].mlc-ns.v1:not(.has-tags) .option .elm_aQVICr { padding: 0.313rem 1rem; align-items: center; gap: 0.25rem; }
[data-profile-translation-dropdown].mlc-ns.v1:not(.has-tags) [data-option-label] { font-size: 0.875rem; font-weight:400; line-height: 1.25rem; color: #fff !important; text-transform: capitalize; }
[data-profile-translation-dropdown].mlc-ns.v1:not(.has-tags) [data-option] .elm_aQVICr:hover { background: rgba(234, 236, 240, 0.70); }
[data-profile-translation-dropdown].mlc-ns.v1:not(.has-tags) [data-option] .elm_aQVICr:hover [data-option-label]{ color: #000 !important;  }
[data-profile-translation-dropdown].mlc-ns.v1:not(.has-tags) .option.selected [data-option-label] {color: var(--Gray-50, #F9FAFB) !important;}
[data-profile-translation-dropdown].nice-select.v1.filter:not(.has-tags) .multiple-options.active, [data-conditions-dropdown].nice-select.v1.filter:not(.has-tags) .current.active { background: transparent; border: 0; }
[data-profile-translation-dropdown].mlc-ns.v1:not(.has-tags) .option.disabled { opacity: 0.5; }
/*[data-conditions-dropdown].mlc-ns.v1:not(.has-tags):not(.auto-width) [data-option-label] { text-wrap: nowrap; }*/
[data-profile-translation-dropdown] [data-dropdown-arrow] { width: 1.25rem !important; height: 1.25rem !important; }
[data-profile-translation-dropdown].nice-select.v1.filter .current:not(.active) [data-dropdown-arrow] path, [data-profile-translation-dropdown].nice-select.v1.filter .multiple-options:not(.active) [data-dropdown-arrow] path {
  fill: #07F468 !important;
}
[data-profile-translation-dropdown] .nice-select-dropdown.spaced.v1:not(.up) {
    top: calc(100% + 0rem);
    max-height: 13.938rem;
    overflow-y: auto;
}
[data-profile-translation-dropdown] .nice-select-icon svg{ width: 1.25rem !important; height: 1.25rem !important; }
[data-profile-translation-dropdown].nice-select.v1 .current.active .nice-select-icon path { fill: revert-layer; }



/* Creator profile and Fan Dashboard Media Details Popup Responsive styles */
[data-button-theme="black-blue"] {
  width: 17.813rem;
  border: 3px solid #fff;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), rgba(224, 0, 120, 0.05);
  box-shadow: 0px 0px 1px 0px #1b45ff inset, 0px 0px 10px 0px rgba(13, 113, 252, 0.05), 0px 0px 35px 0px rgba(13, 113, 252, 0.25), 0px 5px 50px 0px rgba(13, 113, 252, 0.5), 0px 0px 40px 0px rgba(13, 113, 252, 0.5) inset, 0px 0px 10px 0px rgba(30, 187, 255, 0.7);
}
.videos-popups{
  flex-direction: column;
}
[data-media-action].icon-for-desktop,
[data-media-action].icon-for-responsive{
  border-radius: 24px;
  border: 0.5px solid rgba(233, 229, 211, 0.25) !important;
  background: rgba(233, 229, 211, 0.05) !important;
}
[data-media-action].icon-for-responsive.share-media > span
{
  background: transparent !important;
}
[data-currency-show-mobile]{
  width: 1ch; /* Show only 1 character */
  text-indent: -3ch; /* Move text left to hide first 3 letters */
  overflow: hidden;
  white-space: nowrap;
}
/* More video section on more video popup */
[data-media-big-image].bottom-content{
  overflow: hidden;
}
[more-videos-new] [data-subscription-video-thumbnail] .media-grid-height{
  aspect-ratio: 16 / 9 !important;
  padding-bottom: 56.25%;
  height: auto;
  overflow: hidden;
}
[more-videos-new] [data-subscription-video-thumbnail] .media-grid-height img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
[data-media-details-popup][data-media-access="false"][playing] [info]:hover{
  opacity: 1 !important;
}
@media only screen and (min-width: 1010px){
  [data-media-popup-bg-blur]{
    background: transparent !important;
  }
}
@media only screen and (min-width: 1010px) and (max-width: 1365px){
  [data-media-details-popup] [info]{
    width: 100%;
  }
  [data-media-details-popup] [info] [info-buttons]{
    flex-direction: row;
    gap: 0;
  }
  [data-media-action].icon-for-responsive,
  [data-media-action].icon-for-responsive.share-media span{
    width: 2rem !important;
    height: 2rem !important;
  }
  .display--none--responsive-tablet-landscape {
    display: none !important;
  }
  .display-flex--responsive-tablet-landscape {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
  }
  .h--percent--100-responsive-tablet-landscape {
    height: 100% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1009px){
  [mobile-details-popup-style]{
    position: relative;
  }
  [data-media-popup-big-image-bg-height][data-media-big-image]{
    min-height: inherit !important;
    position: relative;
  }
  [mobile-details-popup-style]{
    aspect-ratio: 16 / 9 !important;
    padding-bottom: 56.25%;
    height: auto;
    overflow: hidden;
  }
  [mobile-details-popup-style] img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  [data-media-popup-bg-blur] video{
    backdrop-filter: blur(50px);
  }
  [data-media-details-popup] .video-js,
  [data-media-16-9]{
    height: auto !important;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  [data-media-details-popup] [data-info-container]{
    bottom: auto !important;
  }
  [data-media-details-popup] .video-content.bottom-content{
    bottom: auto !important;
  }
  [more-videos-new].move-info{
    display: block !important;
    height: auto;
    padding-top: 0rem !important;
    /* max-height: 100dvh;
    overflow: hidden; */
    padding-bottom: 1rem;
  }
  [more-videos-new].move-info [data-video-slider]{
    display: none !important;
    height: 100%;
    padding-top: 15rem !important;
  }
  [data-media-details-popup] [data-info-container] {
    margin-top: 12.9375rem !important;
  }
  .display--grid-responsive-tablet{
    display: grid;
  }
  [data-media-details-popup][data-media-access="true"] [data-info-text-container]{
    bottom: 7rem;
  }
  .w--24-responsive-tablet{
    width: 1.5rem;
  }
  .h--24-responsive-tablet{
    height: 1.5rem;
  }
  /* [data-style-scroll-max-height-tablet-vertical-more-view--media-popup]{
    overflow: auto;
    max-height: 100%;
    padding-bottom: 1.25rem;
  } */
  [data-media-details-popup]{
    overflow-x: hidden !important;
    overflow-y: auto;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 50%, rgba(255, 255, 255, 0.02) 100%), #0C111D;
  }
  [data-media-big-image-tablet-blur]{
    filter: none !important;
  }
  [data-media-big-image-tablet-blur]:after{
    content: '';
    width: 100%;
    height: 100%;
    backdrop-filter: blur(50px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  /* Filer and background filter blur specific class for image blur for tablet */
  /* Filter */
  .res--blur--2 { filter: blur(4px); }
  .res--blur--5 { filter: blur(10px); }
  .res--blur--10 { filter: blur(20px); }
  /* Backdrop Filter */
  .res--bg--blur--2 { backdrop-filter: blur(4px); }
  .res--bg--blur--5 { backdrop-filter: blur(10px); }
  .res--bg--blur--10 { backdrop-filter: blur(20px); }
}
@media only screen and (max-width: 767px){
  .z--0--responsive-mobile { 
    z-index: 0;
  }
  [data-media-popup-big-image-bg-height][data-media-big-image]{
    min-height: inherit !important;
    position: relative;
  }
  [data-media-popup-bg-blur] video{
    backdrop-filter: blur(50px);
  }
  [data-currency-show-mobile]{
    width: 1ch; /* Show only 1 character */
    text-indent: -3ch; /* Move text left to hide first 3 letters */
    overflow: hidden;
    white-space: nowrap;
  }
  [data-media-details-popup] .video-js,
  [data-media-16-9]{
    height: auto !important;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  [mobile-details-popup-style]{
    position: relative;
  }
  [mobile-details-popup-style]{
    aspect-ratio: 16 / 9 !important;
    padding-bottom: 56.25%;
    height: auto;
    overflow: hidden;
  }
  [mobile-details-popup-style] img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  [data-media-details-popup]{
    overflow-x: hidden !important;
  }
	[data-button-theme="black-blue"][data-button-style="skew-right-top"]:after{
    box-shadow: 0px 0px 1px 0px #1B45FF inset, 0px 0px 10px 0px rgba(13, 113, 252, 0.05), 0px 0px 35px 0px rgba(13, 113, 252, 0.25), 0px 5px 50px 0px rgba(13, 113, 252, 0.50), 0px 0px 40px 0px rgba(13, 113, 252, 0.50) inset, 0px 0px 10px 0px rgba(30, 187, 255, 0.70);
  }
  .h--56-responsive-mobile {
      height: 3.5rem;
  }
  .tracked--normal-responsive-mobile { letter-spacing: normal; }
  [data-media-details-popup] [data-info-container] {
		width: 100%;
		/* background: rgba(12, 17, 29, 1); */
		background: transparent;
		position: static;
		margin-top: 0 !important;
		padding: 1.5rem 0.5rem 0rem;
	}
	[data-media-details-popup]{
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 50%, rgba(255, 255, 255, 0.02) 100%), #0C111D;
	}
	[data-profile-media-details-popup] [data-info-container]{
		background: transparent !important;
		flex: 1 0 0;
    	padding-bottom: 1.125rem;
		padding-top: 0.75rem;
	}
  .pad--top--8-responsive-mobile{
    padding-top: 0.5rem;
  }
  [data-media-details-popup] [data-feed-user-avatar]{
		width: 2.5rem;
		height: 2.5rem;
    padding: 0.0625rem 0.07313rem;
	}
  [data-profile-header-right-menu][data-fan-cart-content-wrapper].menu-id{
    bottom: auto !important;
    top: 0 !important;
  }
  [data-profile-header-right-menu][data-fan-cart-content-wrapper].menu-id,
  [data-fan-cart-content-wrapper] .menu-id-inner.cart-dropdown-wrapper-inner{
    height: 100svh !important;
    max-height: 100svh !important;
  }
  .menu-id-inner.cart-dropdown-wrapper-inner [data-target="cart-items-container"].vh--max--100vh-3rem-responsive-mobile-portrait {
    max-height: none !important;
    height: auto;
  }
  .menu-id-inner.cart-dropdown-wrapper-inner [data-target="cart-items-container"].vh--max--100vh-3rem-responsive-mobile-portrait + .fixed{
    position: relative;
  }
  /* Filer and background filter blur specific class for image blur for mobile */
  /* Filter */
  .res--blur--2 { filter: blur(2px); }
  .res--blur--5 { filter: blur(5px); }
  .res--blur--10 { filter: blur(10px); }
  /* Backdrop Filter */
  .res--bg--blur--2 { backdrop-filter: blur(2px); }
  .res--bg--blur--5 { backdrop-filter: blur(5px); }
  .res--bg--blur--10 { backdrop-filter: blur(10px); }
}
@media only screen and (max-width: 479px){
	[data-currency-show-mobile]{
    width: 1ch; /* Show only 1 character */
    text-indent: -3ch; /* Move text left to hide first 3 letters */
    overflow: hidden;
    white-space: nowrap;
  }
  [data-media-details-popup] [data-info-container] {
		padding: 0.75rem 0.5rem 0rem;
	}
  .h--56-responsive-mobile-portrait {
      height: 3.5rem;
  }
  .video-js .vjs-control{
    width: 3em !important;
  }
  [data-media-details-popup][data-media-access="false"][playing] [info]{
    opacity: 1 !important;
  }
  [data-media-details-popup] .video-js .vjs-volume-panel{
    justify-content: flex-start !important;
  }
  [data-media-details-popup] .video-js .vjs-control-bar {
    left: 0.5rem !important;
    right: 0.5rem !important;
  }
  .video-js .vjs-progress-control .vjs-progress-holder{
    margin: 0 0px 0 0.25rem !important;
  }
  .vjs-play-control.vjs-button>.vjs-icon-placeholder:before {
    text-align: left !important;
  }
  .tracked--normal-responsive-mobile-portrait { letter-spacing: normal; }
}

/* Start : Added by Harwinder */
/* New Buy or Subscribe button css media details popup */
.buy-subscribe-new-main-wrapper{
	/* position: relative; */
	top: 50px;
	width: 100%;
	/* padding-left: 2rem; */
}
[data-buy-subscribe-button]{
	width: 940px;
	flex-direction: row;
	align-items: end;
}
[data-buy-now-new]{
	height: 60px;
	width: 473px;
	background: #0133FB;
	border-radius: 10px 0px 0px 10px;
}
[data-buy-subscribe-button] [data-buy-now-button]{
	width: 100%;
}
[data-cart-new-button] {
	/* width: 80px; */
	height: 100%;
	align-self: stretch;
	background: var(--Gray-blue-800, #293056);
	border-radius: 10px 0px 0px 10px;
}

.cart-new-button-inner {
	align-self: stretch;
	height: 60px;
	width: 68px;
}

/* .cart-new-button-inner>svg{
	width: 36px;
	height: 36px;
	aspect-ratio: 1/1;
	filter: drop-shadow(0px 0px 30px rgba(16, 24, 40, 0.50));
} */
[data-buy-now-main] {
	padding: 16px 44px 16px 24px;
	align-items: flex-start;
	align-self: stretch;
	/* height: 60px; */
	align-items: center;
	justify-content: center;

}

[data-layer="lightning-02"] {
  left: -8px;
  height: 21px;
  width: 21px;
  top: 0px;
  z-index: 1;
  position: absolute;
}
[data-subscribe-button-new]{
	width: 477px;
	height: 72px;
	right: 0;
	background: #FB0464;
	border-radius: 0px 16px 16px 0px;
	padding: 16px 24px 16px 6px;
}
[data-subscribe-button-new-wapper]{
	left: -23px;
	height: 72px;
	top:0;
	display: flex;
	justify-content: center;
	align-items: center;
}
[data-layer="/mo"]{
	display: none;
}
.Frame1410099068, .Frame1410099518{
	align-items: baseline;
}
.Frame1410099301-wrapper{
  justify-content: center !important;
  align-items: center;
  height: 100%;
}
[data-buy-now-main]{
  height: unset !important;
  width: -webkit-fill-available;
}
[data-layer="lightning-02"] svg{
  fill: #FDB440 !important;
}
@media screen  and (min-width: 1010px){
  .Frame1410099301{
    gap: 1rem !important;
  }
}
@media screen and (min-width:768px) and (max-width: 1009px) {
		.buy-subscribe-new-main-wrapper{
			/* padding: 0 1rem 0 1rem; */
		}
		[data-buy-subscribe-button]{
			width: 736px;
			/* margin-left: 1rem; */
		}
		[data-buy-now-new]{
			width: 385px;
			height: 80px;
		}
		[data-buy-now-main]{
			height: 100%;
			/* padding: 16px; */
			padding: unset;
			flex: 1 0 0;
			justify-content: center;
			align-items: start;
		}
		[data-buy-now-inner]{
			flex-direction: column;
			gap: 8px;
		}
		[data-subscribe-button-new]{
			width: 352px;
			height: 100px;
		}
		.Frame1410099301{
			justify-content: flex-end;
			flex-direction: column;
			gap: 4px;
		}
		[data-but-now-text-off]{
			flex-direction: row-reverse;
		}
		.Frame1410099504{
			flex-direction: row-reverse;
      gap: 0.75rem !important
		}
		.buy-now-new-wrapper{
			width: 262px;
			padding: 16px;
			height: 80px;
		}
		[data-subscribe-button-new-wapper]{
			left: -33px;
			height: 100px;
		}
		[data-subscribe-button-new-wapper] svg {
			height: 100px;
			width: 35px;
		}
		.cart-new-button-inner{
			align-self: stretch;
			height: 100%;
			width: unset;
		}
    [data-layer="115.99"]{
      font-size: 1.875rem !important;
      line-height: 2.375rem !important;
    }
}
@media screen and (min-width: 585px) and (max-width: 767px){
	.buy-subscribe-new-main-wrapper{
		/* padding: 0 0.5rem 0 0.5rem; */
	}
	[data-cart-new-button]{
		display: none;
	}
	[data-buy-subscribe-button]{
		width: 100%;
		/* margin: 0 0.5rem 0 0.5rem; */
	}
	[data-buy-now-new]{
		width: 52%;
		height: 3.25rem;
	}
	[data-buy-now-main]{
		padding: 1rem 2rem 1rem 1rem;
		height: 3.25rem;
	}
	[data-buy-now-inner]{
		gap: 0.5rem;
	}
	[data-layer="BUY NOW"]{ 
		font-size: 14px;
		line-height: 20px;
	}
	.Frame1410099068{
		align-items: baseline;
	}
	[data-layer="115.99"]{
		font-size: 18px;
		line-height: 28px;
	}
	.Frame1410099518  [data-layer="115.99"]{
		font-size: 24px;
		line-height: 32px;
	}
	[data-layer="500.89"]{
		font-size: 12px;
		line-height: 18px;
	}
	[data-subscribe-button-new]{
		width: 50%;
		height: 3.75rem;
		padding: 1rem;
	}
	.Frame1410099301{
		gap: 0.5rem !important;
		justify-content: flex-end;
	}
	[data-layer="USD$"]{
		font-size: 12px;
		line-height: 18px;
	}
	[data-layer="SUBSCRIBE"]{
		font-size: 18px !important;
		line-height: 28px;
	}
	[data-layer="/month"]{
		display: none;
	}
	[data-layer="/mo"]{
		display: block;
	}
	[data-subscribe-button-new-wapper]{
		height: 3.75rem;
	}
	[data-subscribe-button-new-wapper] svg{
		height: 3.75rem;
		width: 1.813rem;
	}
}
@media screen and (max-width: 1009px) {
  .move-info{
    margin-bottom: 7rem;
  }
  
}
@media screen and (max-width: 584px) {
	.buy-subscribe-new-main-wrapper{
		/* padding: 0 0.5rem 0 0.5rem; */
	}
	[data-cart-new-button]{
		display: none;
	}
	[data-layer="BUY NOW"]{
		font-size: 1rem;
		line-height: 1.125rem;
	}
	[data-layer="USD$"]{
		font-size: 12px !important;
		line-height: 18px !important;
	}
	[data-layer="SUBSCRIBE"]{
		font-size: 1rem !important;
		line-height: 1.5rem;
	}
	[data-layer="lightning-02"] {
		top: 0px;
		z-index: 1;
	}
	[data-layer="lightning-02"] svg{
		height: 1.125rem;
		width: 1.125rem;
	}
	[data-layer="Hot text"]{
		font-size: 0.625rem;
		line-height: 0.938rem;
	}
	[data-buy-now-inner]{
		flex-direction: column;
		gap: 0.25rem;
	}
	[data-buy-now-new]{
		height: 4.5rem;
		width: 53%;
	}
	[data-buy-now-main]{
		height: 4.5rem;
		padding: 1rem 2rem 1rem 1rem;
    align-items: baseline;
	}
	[data-buy-subscribe-button]{
		width: 100%;
	}
	[data-subscribe-button-new]{
		width: 51%;
		height: 5rem;
		padding: 1rem;
	}
  .Frame1410099301-wrapper{
    justify-content: flex-end !important; 
  }
	.Frame1410099301{
		flex-direction: column;
		gap: 0.25rem;
	}
  .Frame1410099504{
    width: 100%;
    justify-content: end !important;
  }
	[data-layer="115.99"]{
		font-size: 18px;
		line-height: 28px;
	}
	.Frame1410099518  [data-layer="115.99"]{
		font-size: 24px;
		line-height: 32px;
	}
	.Frame1410099068{
		width: 100%;
		justify-content: end !important;
	}
	[data-layer="USD$"]{
		font-size: 12px;
		line-height: 18px;
	}
	[data-layer="SUBSCRIBE"]{
		font-size: 18px !important;
		line-height: 28px;
	}
	[data-layer="/month"]{
		display: none;
	}
	[data-layer="/mo"]{
		display: block;
	}
	[data-but-now-text-off]{
		flex-direction: row-reverse;
		width: 100%;
		justify-content: start;
	}
	[data-subscribe-button-new-wapper]{
		left: -27px;
		height: 80px;
	}
	[data-subscribe-button-new-wapper] svg{
		height: 80px;
		width: 30px;
	}
}
  .buy-now-btn-price-wrapper [data-currency-show-mobile]{
    width: unset !important;
    text-indent: unset !important;
  }
	.single-subscribe-button{
		display: flex;
		width: 720px;
		height: 72px;
		justify-content: center;
		align-items: flex-end;
		position: relative;
	}
	.right-side-subscribe-button{
		display: flex;
		height: 60px;
		padding: 8px 44px 8px 24px;
		justify-content: center;
		align-items: center;
		gap: 16px;
		flex: 1 0 0;
		border-radius: 16px 0px 0px 16px;
		background: #000;
		min-width: 23.5rem;
	}
	.subscribe-now-button-wrapper{
		display: flex;
		height: 72px !important;
		min-width: 320px;
		min-height: 72px;
		justify-content: center;
		align-items: center;
		gap: 0;
		position: absolute;
		width: 50%;
		right: 0;
	}
	.diagonal-shape-wrapper-subscribe-now{
		height: 72px;
		position: absolute;
		left: -24px;
	}
	.diagonal-shape-wrapper-subscribe-now svg path {
		fill: #FB0464 !important;
	}
	[data-new-popup-subscribe]{
		background: #FB0464 !important;
	}
	@media screen and (min-width:768px) and (max-width:1010px){
		.right-side-subscribe-button{
			min-width: 52%;
		}
	}
	@media screen and (max-width: 767px){	
		.subscribe-now-button-wrapper{
				min-width: unset;
				right: 0;
				height: 60px !important;
				min-height: 60px !important;
		}
		.diagonal-shape-wrapper-subscribe-now{
			height: 60px;
			left: -22px;
		}
		.diagonal-shape-wrapper-subscribe-now svg{
			height: 60px;
		}
		.single-subscribe-button{
			width: 100%;
		}
		.right-side-subscribe-button{
			width: 53%;
			position: absolute;
			left: 0;
			height: 52px;
			min-width: unset !important;
			/* border-radius: unset; */
		}
	}
	@media screen and (max-width: 479px) {
		.subscribe-now-button-wrapper{
			width: 10rem;
		}
		.right-side-subscribe-button{
			width: 67%;
			min-width: unset;
		}
	}
	.buy-now-main-wrapper{
		display: flex;
		min-width: 720px;
		/* height: 80px; */
		justify-content: center;
		align-items: flex-end;
		gap: -28px;
		position: relative;
	}
	.price-addto-cart-wrapper{
		display: flex;
		height: 60px;
		justify-content: center;
		align-items: center;
		gap: 4px;
		flex: 1 0 0;
		border-radius: 16px 0px 0px 16px;
		background: #000;
		width: 446px;
	}
	.buy-now-wrapper{
		display: flex;
		height: 72px;
		min-width: 320px;
		min-height: 72px;
		padding: 16px 24px 16px 48px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.buy-now-button-wrapper{
		display: flex;
		height: 72px !important;
		min-width: 320px;
		min-height: 72px;
		justify-content: center;
		align-items: center;
		gap: 0;
		position: absolute;
		width: 50%;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.diagonal-shape-wrapper-buy-now{
		height: 72px;
		position: absolute;
		left: -24px;
	}
	.buy-now-inner{
		align-self: stretch;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0px;
		flex: 1 0 0;
		border-radius: 0px 16px 16px 0px;
		background: #0133FB;
	}
	.add-to-cart-new-wrapper [data-price-off]{
		transform: unset;
	}
  .add-to-cart-new-wrapper button:disabled {
    cursor: not-allowed;
    background-color: grey;
  }
  .buy-now-btn-price-wrapper [data-price-span]{
    margin: 0 !important;
  }  
	[data-hot-tag-light-shadow]{
		height: 12px;
		width: 13px;
		box-shadow: 3px 0px 4px 0px rgba(0, 0, 0, 0.25);
		z-index: -3;
		top: 4px;
	}
	.buy-hot-tag svg{
		width: 20px;
		height: 20px;
		flex-shrink: 0;
		aspect-ratio: 1/1;
	}
	[data-discount-wrapper]{
		padding: 2px 6px 2px 12px;
		border-radius: 4px;
		background: linear-gradient(90deg, #F06 0%, #FF4A92 100%);
		backdrop-filter: blur(10px);
	}
	.price-addto-cart-wrapper [data-button-text-wrap] svg{
		fill: unset !important;
	}
	.buy-hot-tag{
		top: 2px;
    	left: 1rem;
	}
	.right-side-subscribe-button .buy-hot-tag{
		left: 0.563rem;
	}
  .subscribe-hot-tag-shadow{
    height: 12px;
    width: 13px;
    box-shadow: 3px 0px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: -3;
    top: 4px;
  }
  .subscribe-hot-tag svg{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
  }
  .subscribe-hot-tag-text{
    padding: 2px 6px 2px 12px;
    border-radius: 4px;
    background: linear-gradient(90deg, #F06 0%, #FF4A92 100%);
    backdrop-filter: blur(10px);
  }
  .mr0{
    margin-right: 0;
  }
	@media screen and (min-width : 1010px) and (max-width : 1365px){
		.buy-hot-tag{
		top: 2px;
    	left: -12px;
	}
	}
	@media screen and (min-width:1010px){
		.buy-now-main-wrapper{
			left: 1.25rem;
		}
	} 
	@media screen and (min-width:768px) and (max-width: 1009px) {
		.popup-info-buttons{
			position: fixed;
			bottom: 1rem;
			width: 96%;
		}
		.add-to-cart-new-wrapper{
			width: 53%;
		}
		.buy-now-button-wrapper{
			right: 0;
		}
		.price-addto-cart-wrapper{
			width: 100%;
		}
		.buy-hot-tag{
			top: 0px;
    		left: 12px;
		}
		.buy-now-main-wrapper{
			width: 720px !important;
		}
	}
	@media screen and (max-width:767px){
		[data-currency-show-mobile]{
			width: unset !important;
			text-indent: unset !important;
		}
		.buy-now-button-wrapper{
			right: 0;
		}
		.popup-info-buttons{
			position: fixed;
			right: 0;
			left: 0;
			bottom: 1rem !important;
			padding: 0 0.5rem 0 0.5rem;
		}
		.buy-now-main-wrapper{
			min-width: unset;
		}
		.add-to-cart-new-wrapper{
			width: 53%;
		}
		.buy-now-button-wrapper{
			min-width: unset;
		}
		/* .buy-now-inner{
			border-radius: unset;
		} */
		.price-addto-cart-wrapper{
			width: 100% !important;
			/* border-radius: unset; */
		}
		.price-addto-cart-wrapper .buy-hot-tag{
			top: -3px
		}
		.buy-now-wrapper{
			min-width: unset;
			height: 60px;
			min-height: 60px;
		}
		.buy-hot-tag{
			top: -9px;
			left: 11px; 
		}
		.buy-hot-tag svg{
			height: 1.25rem;
			width: 1.25rem;
		}
		.buy-hot-tag .z-1{
			left: -0.5rem !important;
		}
		.buy-now-button-wrapper{
			height: 60px !important;
			min-height: 60px !important;
		}
		.price-addto-cart-wrapper{
			height: 52px;
		}
		.diagonal-shape-wrapper-buy-now{
			height: 60px;
			left: -22px;
		}
		.diagonal-shape-wrapper-buy-now svg{
			height: 60px;
		}
	}
	@media screen and (max-width:479px){
		.buy-hot-tag{
			left: 12px; 
			top: -10px
		}
		.buy-now-button-wrapper{
			width: 10rem;
		}
		.add-to-cart-new-wrapper{
			width: 67%;
		}
		[data-currency-show-mobile]{
			font-size: 0.75rem !important;
			line-height: 1.125rem !important;
		}
	}

  /* End : Added by Harwinder */