/**
 * Theme Name:     Kadence Child
 * Author:         Kadence WP
 * Template:       kadence
 * Text Domain:	   kadence-child
 * Description:    Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
 */


/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/**
 * Add the correct display in IE 10.
 */
 [hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
	 font-family: "Hanken Grotesk", sans-serif;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

body {
    font-family: "Hanken Grotesk", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    background-color: #ffffff;
    overflow-x: hidden;
}
h1 {
    font-size: 62px;
    line-height: 72px;
}
h2 {
    font-size: 38px;
    line-height: 46px;
}
h3 {
    font-size: 42px;
    line-height: 38px;
}
h4 {
    font-size: 22px;
    line-height: 30px;
}
h5 {
    font-size: 20px;
    line-height: 28px;
}
h6 {
    font-size: 18px;
    line-height: 26px;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
h1, h2 {
    font-weight: 700;
}
h3, h4 {
    font-weight: 700;
}
h5, h6 {
    font-weight: 400;
}
a {
    text-decoration: none;
    color: #2737A5;
}
p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 28px;
    margin: 0;
    font-family: 'Open Sans';
}

.container {
    width: 1366px;
    max-width: 96%;
    margin: 0 auto;
}

.reset {
    list-style: none;
    padding: 0;
    margin: 0;
}



/* Chrome, Edge (Chromium), Safari, Opera */
.swiper::-webkit-scrollbar {
  width: 12px;
  height: 12px; /* For horizontal scrollbars too */
}

/* Hide the scrollbar arrows (both directions) */
.swiper::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

/* Track */
.swiper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle (thumb) */
.swiper::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgb(147 124 216);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/* Firefox */
.swiper {
  scrollbar-width: thin; /* auto | thin | none */
  scrollbar-color: rgb(147 124 216) rgba(0, 0, 0, 0.1);
}



/*Ripple Animation*/

.blank {
    height: 100vh;
    background-color: #ccc;
}

.section {
    background-color: #937cd8;
    background: linear-gradient(5deg, #937CD8, #D5C8E8);
    /*height: 90vh;*/
    position: relative;
    overflow: hidden;
}

section.section.ripple-section.ripple-bottom-left.green-gradient.user-resources-ripple {
    background: linear-gradient(180deg, #4C7562 -30%, #E4EEDA 100%);
    padding: 160px 0;
    z-index: 1;
}
section.section.ripple-section.ripple-bottom-left.latest-webinar {
    background: linear-gradient(5deg, #EDC8CC 40%, #fff);
    padding: 120px 0;
}

.section {
    background-color: #937cd8;
    background: linear-gradient(5deg, #937CD8, #D5C8E8);
    position: relative;
    overflow: hidden;
}

/* PLEASE ADD THE ORIGINAL HEXT CODE HERE */

/* When in viewport, allow animation */
.ripple-section.active .ripple-1,
.ripple-section.active .ripple-2,
.ripple-section.active .ripple-3,
.ripple-section.active .ripple-4,
.ripple-section.active .ripple-5 {
    -webkit-animation-play-state: running;
            animation-play-state: running;
    opacity: 1;
}

/* Disable animation by default */
.ripple-section .ripple-1,
.ripple-section .ripple-2,
.ripple-section .ripple-3,
.ripple-section .ripple-4,
.ripple-section .ripple-5 {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
    opacity: 0; /* hides initial paused state */
}



/* RIPPLE - BOTTOM LEFT START */
.ripple-bottom-left .ripple-1,
.ripple-bottom-left .ripple-2,
.ripple-bottom-left .ripple-3,
.ripple-bottom-left .ripple-4,
.ripple-bottom-left .ripple-5 {
    height: 1px;
    width: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 999999%;
    outline: none;
    -webkit-transform: translate3d(-50%, 50%, 0);
            transform: translate3d(-50%, 50%, 0);
    -webkit-animation-name: rippleBottomLeft;
            animation-name: rippleBottomLeft;
    -webkit-animation-duration: 12s;
            animation-duration: 12s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    /*will-change: transform, opacity;*/
    
}

.ripple-bottom-left .ripple-1 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.ripple-bottom-left .ripple-2 {
    -webkit-animation-delay: 2.6s;
            animation-delay: 2.6s;
}
.ripple-bottom-left .ripple-3 {
    -webkit-animation-delay: 5.2s;
            animation-delay: 5.2s;
}
.ripple-bottom-left .ripple-4 {
    -webkit-animation-delay: 7.8s;
            animation-delay: 7.8s;
}
.ripple-bottom-left .ripple-5 {
    -webkit-animation-delay: 10.4s;
            animation-delay: 10.4s;
}

@-webkit-keyframes rippleBottomLeft {
    0% {
        -webkit-transform: translate3d(-50%, 50%, 0) scale(0);
                transform: translate3d(-50%, 50%, 0) scale(0);
        opacity: .33;
    }
    100% {
        -webkit-transform: translate3d(-50%, 50%, 0) scale(3000);
                transform: translate3d(-50%, 50%, 0) scale(3000);
        opacity: 0;
    }
}

@keyframes rippleBottomLeft {
    0% {
        -webkit-transform: translate3d(-50%, 50%, 0) scale(0);
                transform: translate3d(-50%, 50%, 0) scale(0);
        opacity: .33;
    }
    100% {
        -webkit-transform: translate3d(-50%, 50%, 0) scale(3000);
                transform: translate3d(-50%, 50%, 0) scale(3000);
        opacity: 0;
    }
}

/* STATIC RIPPLE - NEW - START */

.ripple-1.ripple-static,
.ripple-2.ripple-static,
.ripple-3.ripple-static,
.ripple-4.ripple-static,
.ripple-5.ripple-static {
    background-color: #ffffff38 !important;
}
.ripple-bottom-left .ripple-1.ripple-static {
    -webkit-transform: translate3d(-50%, 50%, 0) scale(3000) !important;
            transform: translate3d(-50%, 50%, 0) scale(3000) !important;
}
.ripple-bottom-left .ripple-2.ripple-static {
    -webkit-transform: translate3d(-50%, 50%, 0) scale(2400) !important;
            transform: translate3d(-50%, 50%, 0) scale(2400) !important;
}
.ripple-bottom-left .ripple-3.ripple-static {
    -webkit-transform: translate3d(-50%, 50%, 0) scale(1800) !important;
            transform: translate3d(-50%, 50%, 0) scale(1800) !important;
}
.ripple-bottom-left .ripple-4.ripple-static {
    -webkit-transform: translate3d(-50%, 50%, 0) scale(1200) !important;
            transform: translate3d(-50%, 50%, 0) scale(1200) !important;
}
.ripple-bottom-left .ripple-5.ripple-static {
    -webkit-transform: translate3d(-50%, 50%, 0) scale(600) !important;
            transform: translate3d(-50%, 50%, 0) scale(600) !important;
}

.ripple-static {
    opacity: 1 !important;
    -webkit-transition: opacity 1.8s;
    -o-transition: opacity 1.8s;
    transition: opacity 1.8s;
}
.section.ripple-section.active .ripple-static {
    -webkit-animation-name: rippleStaticEnd;
            animation-name: rippleStaticEnd;
    -webkit-animation-duration: 1.8s;
            animation-duration: 1.8s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    opacity: 0 !important;
}

@-webkit-keyframes rippleStaticEnd {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes rippleStaticEnd {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* STATIC RIPPLE - NEW - END */


/* RIPPLE - BOTTOM RIGHT START */
.ripple-bottom-right .ripple-1,
.ripple-bottom-right .ripple-2,
.ripple-bottom-right .ripple-3,
.ripple-bottom-right .ripple-4,
.ripple-bottom-right .ripple-5 {
    height: 1px;
    width: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 999999%;
    outline: none;
    -webkit-transform: translate3d(-50%, 50%, 0);
            transform: translate3d(-50%, 50%, 0);
    -webkit-animation-name: rippleBottomRight;
            animation-name: rippleBottomRight;
    -webkit-animation-duration: 12s;
            animation-duration: 12s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    /*will-change: transform, opacity;*/
}

.ripple-bottom-right .ripple-1 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.ripple-bottom-right .ripple-2 {
    -webkit-animation-delay: 2.6s;
            animation-delay: 2.6s;
}
.ripple-bottom-right .ripple-3 {
    -webkit-animation-delay: 5.2s;
            animation-delay: 5.2s;
}
.ripple-bottom-right .ripple-4 {
    -webkit-animation-delay: 7.8s;
            animation-delay: 7.8s;
}
.ripple-bottom-right .ripple-5 {
    -webkit-animation-delay: 10.4s;
            animation-delay: 10.4s;
}

@-webkit-keyframes rippleBottomRight {
    0% {
        -webkit-transform: translate3d(-50%, 50%, 0) scale(0);
                transform: translate3d(-50%, 50%, 0) scale(0);
        opacity: .33;
    }
    100% {
        -webkit-transform: translate3d(-50%, 50%, 0) scale(3000);
                transform: translate3d(-50%, 50%, 0) scale(3000);
        opacity: 0;
    }
}

@keyframes rippleBottomRight {
    0% {
        -webkit-transform: translate3d(-50%, 50%, 0) scale(0);
                transform: translate3d(-50%, 50%, 0) scale(0);
        opacity: .33;
    }
    100% {
        -webkit-transform: translate3d(-50%, 50%, 0) scale(3000);
                transform: translate3d(-50%, 50%, 0) scale(3000);
        opacity: 0;
    }
}

/* RIPPLE - CENTER START */
.ripple-center .ripple-1,
.ripple-center .ripple-2,
.ripple-center .ripple-3,
.ripple-center .ripple-4,
.ripple-center .ripple-5 {
    height: 1px;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    border-radius: 999999%;
    outline: none;
    -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    -webkit-animation-name: rippleCenter;
            animation-name: rippleCenter;
    -webkit-animation-duration: 13s;
            animation-duration: 13s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    /*will-change: transform, opacity;*/
}


/* STATIC RIPPLE - NEW - START */

.ripple-center .ripple-1.ripple-static {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(3000) !important;
            transform: translate3d(-50%, -50%, 0) scale(3000) !important;
}
.ripple-center .ripple-2.ripple-static {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(2400) !important;
            transform: translate3d(-50%, -50%, 0) scale(2400) !important;
}
.ripple-center .ripple-3.ripple-static {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1800) !important;
            transform: translate3d(-50%, -50%, 0) scale(1800) !important;
}
.ripple-center .ripple-4.ripple-static {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1200) !important;
            transform: translate3d(-50%, -50%, 0) scale(1200) !important;
}
.ripple-center .ripple-5.ripple-static {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(600) !important;
            transform: translate3d(-50%, -50%, 0) scale(600) !important;
}

/* STATIC RIPPLE - NEW - END */



.ripple-center .ripple-1 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.ripple-center .ripple-2 {
    -webkit-animation-delay: 2.6s;
            animation-delay: 2.6s;
}
.ripple-center .ripple-3 {
    -webkit-animation-delay: 5.2s;
            animation-delay: 5.2s;
}
.ripple-center .ripple-4 {
    -webkit-animation-delay: 7.8s;
            animation-delay: 7.8s;
}
.ripple-center .ripple-5 {
    -webkit-animation-delay: 10.4s;
            animation-delay: 10.4s;
}

@-webkit-keyframes rippleCenter {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
                transform: translate(-50%, -50%) scale(0);
        opacity: .33;
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(3000);
                transform: translate(-50%, -50%) scale(3000);
        opacity: 0;
    }
}

@keyframes rippleCenter {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
                transform: translate(-50%, -50%) scale(0);
        opacity: .33;
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(3000);
                transform: translate(-50%, -50%) scale(3000);
        opacity: 0;
    }
}

/* RIPPLE - LEFT TO RIGHT START */
.ripple-left-right .ripple-1,
.ripple-left-right .ripple-2,
.ripple-left-right .ripple-3,
.ripple-left-right .ripple-4,
.ripple-left-right .ripple-5 {
    height: 1px;
    width: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #fff;
    border-radius: 999999%;
    outline: none;
    -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    -webkit-animation-name: rippleLeftRight;
            animation-name: rippleLeftRight;
    -webkit-animation-duration: 13s;
            animation-duration: 13s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    /*will-change: transform, opacity;*/
}

.ripple-left-right .ripple-1 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.ripple-left-right .ripple-2 {
    -webkit-animation-delay: 2.6s;
            animation-delay: 2.6s;
}
.ripple-left-right .ripple-3 {
    -webkit-animation-delay: 5.2s;
            animation-delay: 5.2s;
}
.ripple-left-right .ripple-4 {
    -webkit-animation-delay: 7.8s;
            animation-delay: 7.8s;
}
.ripple-left-right .ripple-5 {
    -webkit-animation-delay: 10.4s;
            animation-delay: 10.4s;
}


/* STATIC RIPPLE - NEW - START */

.ripple-left-right .ripple-1.ripple-static {
    -webkit-transform: translate(-50%, -50%) scale(3000) !important;
        -ms-transform: translate(-50%, -50%) scale(3000) !important;
            transform: translate(-50%, -50%) scale(3000) !important;
}
.ripple-left-right .ripple-2.ripple-static {
    -webkit-transform: translate(-50%, -50%) scale(2400) !important;
        -ms-transform: translate(-50%, -50%) scale(2400) !important;
            transform: translate(-50%, -50%) scale(2400) !important;
}
.ripple-left-right .ripple-3.ripple-static {
    -webkit-transform: translate(-50%, -50%) scale(1800) !important;
        -ms-transform: translate(-50%, -50%) scale(1800) !important;
            transform: translate(-50%, -50%) scale(1800) !important;
}
.ripple-left-right .ripple-4.ripple-static {
    -webkit-transform: translate(-50%, -50%) scale(1200) !important;
        -ms-transform: translate(-50%, -50%) scale(1200) !important;
            transform: translate(-50%, -50%) scale(1200) !important;
}
.ripple-left-right .ripple-5.ripple-static {
    -webkit-transform: translate(-50%, -50%) scale(600) !important;
        -ms-transform: translate(-50%, -50%) scale(600) !important;
            transform: translate(-50%, -50%) scale(600) !important;
}

/* STATIC RIPPLE - NEW - END */


@-webkit-keyframes rippleLeftRight {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
                transform: translate(-50%, -50%) scale(0);
        opacity: .33;
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(3000);
                transform: translate(-50%, -50%) scale(3000);
        opacity: 0;
    }
}


@keyframes rippleLeftRight {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
                transform: translate(-50%, -50%) scale(0);
        opacity: .33;
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(3000);
                transform: translate(-50%, -50%) scale(3000);
        opacity: 0;
    }
}

/* RIPPLE - TOP TO BOTTOM START */
.ripple-top-bottom .ripple-1,
.ripple-top-bottom .ripple-2,
.ripple-top-bottom .ripple-3,
.ripple-top-bottom .ripple-4,
.ripple-top-bottom .ripple-5 {
    height: 1px;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0;
    background-color: #fff;
    border-radius: 50%;
    outline: none;
    -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    -webkit-animation-name: rippleTopBottom;
            animation-name: rippleTopBottom;
    -webkit-animation-duration: 13s;
            animation-duration: 13s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    /*will-change: transform, opacity;*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    will-change: transform;
}

.ripple-top-bottom .ripple-1 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.ripple-top-bottom .ripple-2 {
    -webkit-animation-delay: 2.6s;
            animation-delay: 2.6s;
}
.ripple-top-bottom .ripple-3 {
    -webkit-animation-delay: 5.2s;
            animation-delay: 5.2s;
}
.ripple-top-bottom .ripple-4 {
    -webkit-animation-delay: 7.8s;
            animation-delay: 7.8s;
}
.ripple-top-bottom .ripple-5 {
    -webkit-animation-delay: 10.4s;
            animation-delay: 10.4s;
}

/* STATIC RIPPLE - NEW - START */

.ripple-top-bottom .ripple-1.ripple-static {
    -webkit-transform: translate(-50%, -50%) scale(3000) !important;
        -ms-transform: translate(-50%, -50%) scale(3000) !important;
            transform: translate(-50%, -50%) scale(3000) !important;
}
.ripple-top-bottom .ripple-2.ripple-static {
    -webkit-transform: translate(-50%, -50%) scale(2400) !important;
        -ms-transform: translate(-50%, -50%) scale(2400) !important;
            transform: translate(-50%, -50%) scale(2400) !important;
}
.ripple-top-bottom .ripple-3.ripple-static {
    -webkit-transform: translate(-50%, -50%) scale(1800) !important;
        -ms-transform: translate(-50%, -50%) scale(1800) !important;
            transform: translate(-50%, -50%) scale(1800) !important;
}
.ripple-top-bottom .ripple-4.ripple-static {
    -webkit-transform: translate(-50%, -50%) scale(1200) !important;
        -ms-transform: translate(-50%, -50%) scale(1200) !important;
            transform: translate(-50%, -50%) scale(1200) !important;
}
.ripple-top-bottom .ripple-5.ripple-static {
    -webkit-transform: translate(-50%, -50%) scale(600) !important;
        -ms-transform: translate(-50%, -50%) scale(600) !important;
            transform: translate(-50%, -50%) scale(600) !important;
}

/* STATIC RIPPLE - NEW - END */

@-webkit-keyframes rippleTopBottom {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
                transform: translate(-50%, -50%) scale(0);
        opacity: .33;
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(3000);
                transform: translate(-50%, -50%) scale(3000);
        opacity: 0;
    }
}

@keyframes rippleTopBottom {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
                transform: translate(-50%, -50%) scale(0);
        opacity: .33;
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(3000);
                transform: translate(-50%, -50%) scale(3000);
        opacity: 0;
    }
}

/* RIPPLE - BOTTOM TO TOP START */
.ripple-bottom-top .ripple-1,
.ripple-bottom-top .ripple-2,
.ripple-bottom-top .ripple-3,
.ripple-bottom-top .ripple-4,
.ripple-bottom-top .ripple-5 {
    height: 1px;
    width: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    background-color: #fff;
    border-radius: 999999%;
    outline: none;
    -webkit-transform: translate(-50%, 50%) scale(0);
        -ms-transform: translate(-50%, 50%) scale(0);
            transform: translate(-50%, 50%) scale(0);
    -webkit-animation-name: rippleBottomTop;
            animation-name: rippleBottomTop;
    -webkit-animation-duration: 13s;
            animation-duration: 13s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    /*will-change: transform, opacity;*/
}

.ripple-bottom-top .ripple-1 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.ripple-bottom-top .ripple-2 {
    -webkit-animation-delay: 2.6s;
            animation-delay: 2.6s;
}
.ripple-bottom-top .ripple-3 {
    -webkit-animation-delay: 5.2s;
            animation-delay: 5.2s;
}
.ripple-bottom-top .ripple-4 {
    -webkit-animation-delay: 7.8s;
            animation-delay: 7.8s;
}
.ripple-bottom-top .ripple-5 {
    -webkit-animation-delay: 10.4s;
            animation-delay: 10.4s;
}

/* STATIC RIPPLE - NEW - START */

.ripple-bottom-top .ripple-1.ripple-static {
    -webkit-transform: translate(-50%, 50%) scale(3000) !important;
        -ms-transform: translate(-50%, 50%) scale(3000) !important;
            transform: translate(-50%, 50%) scale(3000) !important;
}
.ripple-bottom-top .ripple-2.ripple-static {
    -webkit-transform: translate(-50%, 50%) scale(2400) !important;
        -ms-transform: translate(-50%, 50%) scale(2400) !important;
            transform: translate(-50%, 50%) scale(2400) !important;
}
.ripple-bottom-top .ripple-3.ripple-static {
    -webkit-transform: translate(-50%, 50%) scale(1800) !important;
        -ms-transform: translate(-50%, 50%) scale(1800) !important;
            transform: translate(-50%, 50%) scale(1800) !important;
}
.ripple-bottom-top .ripple-4.ripple-static {
    -webkit-transform: translate(-50%, 50%) scale(1200) !important;
        -ms-transform: translate(-50%, 50%) scale(1200) !important;
            transform: translate(-50%, 50%) scale(1200) !important;
}
.ripple-bottom-top .ripple-5.ripple-static {
    -webkit-transform: translate(-50%, 50%) scale(600) !important;
        -ms-transform: translate(-50%, 50%) scale(600) !important;
            transform: translate(-50%, 50%) scale(600) !important;
}

/* STATIC RIPPLE - NEW - END */

@-webkit-keyframes rippleBottomTop {
    0% {
        -webkit-transform: translate(-50%, 50%) scale(0);
                transform: translate(-50%, 50%) scale(0);
        opacity: .33;
    }
    100% {
        -webkit-transform: translate(-50%, 50%) scale(3000);
                transform: translate(-50%, 50%) scale(3000);
        opacity: 0;
    }
}

@keyframes rippleBottomTop {
    0% {
        -webkit-transform: translate(-50%, 50%) scale(0);
                transform: translate(-50%, 50%) scale(0);
        opacity: .33;
    }
    100% {
        -webkit-transform: translate(-50%, 50%) scale(3000);
                transform: translate(-50%, 50%) scale(3000);
        opacity: 0;
    }
}

/* RIPPLE - RIGHT TO LEFT START */
.ripple-right-left .ripple-1,
.ripple-right-left .ripple-2,
.ripple-right-left .ripple-3,
.ripple-right-left .ripple-4,
.ripple-right-left .ripple-5 {
    height: 1px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transform: translate(50%, -50%) scale(0);
        -ms-transform: translate(50%, -50%) scale(0);
            transform: translate(50%, -50%) scale(0);
    -webkit-animation-name: rippleRightLeft;
            animation-name: rippleRightLeft;
    -webkit-animation-duration: 13s;
            animation-duration: 13s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    /*will-change: transform, opacity;*/-webkit-border-radius: 50%;
     /*will-change: transform, opacity;*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translateZ(0);
    isolation: isolate;
    overflow: hidden;
    z-index: 0
}

.ripple-right-left .ripple-1 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.ripple-right-left .ripple-2 {
    -webkit-animation-delay: 2.6s;
            animation-delay: 2.6s;
}
.ripple-right-left .ripple-3 {
    -webkit-animation-delay: 5.2s;
            animation-delay: 5.2s;
}
.ripple-right-left .ripple-4 {
    -webkit-animation-delay: 7.8s;
            animation-delay: 7.8s;
}
.ripple-right-left .ripple-5 {
    -webkit-animation-delay: 10.4s;
            animation-delay: 10.4s;
}

/* STATIC RIPPLE - NEW - START */

.ripple-right-left .ripple-1.ripple-static {
    -webkit-transform: translate(50%, -50%) scale(3000) !important;
        -ms-transform: translate(50%, -50%) scale(3000) !important;
            transform: translate(50%, -50%) scale(3000) !important;
}
.ripple-right-left .ripple-2.ripple-static {
    -webkit-transform: translate(50%, -50%) scale(2400) !important;
        -ms-transform: translate(50%, -50%) scale(2400) !important;
            transform: translate(50%, -50%) scale(2400) !important;
}
.ripple-right-left .ripple-3.ripple-static {
    -webkit-transform: translate(50%, -50%) scale(1800) !important;
        -ms-transform: translate(50%, -50%) scale(1800) !important;
            transform: translate(50%, -50%) scale(1800) !important;
}
.ripple-right-left .ripple-4.ripple-static {
    -webkit-transform: translate(50%, -50%) scale(1200) !important;
        -ms-transform: translate(50%, -50%) scale(1200) !important;
            transform: translate(50%, -50%) scale(1200) !important;
}
.ripple-right-left .ripple-5.ripple-static {
    -webkit-transform: translate(50%, -50%) scale(600) !important;
        -ms-transform: translate(50%, -50%) scale(600) !important;
            transform: translate(50%, -50%) scale(600) !important;
}

/* STATIC RIPPLE - NEW - END */

@-webkit-keyframes rippleRightLeft {
    0% {
        -webkit-transform: translate(50%, -50%) scale(0);
                transform: translate(50%, -50%) scale(0);
        opacity: .33;
        -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    will-change: transform;
    backface-visibility: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translateZ(0);
    isolation: isolate;
    overflow: hidden;
    }
    100% {
        -webkit-transform: translate(50%, -50%) scale(3000);
                transform: translate(50%, -50%) scale(3000);
        opacity: 0;
        -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    will-change: transform;
    backface-visibility: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translateZ(0);
    isolation: isolate;
    overflow: hidden;
    }
}

@keyframes rippleRightLeft {
    0% {
        -webkit-transform: translate(50%, -50%) scale(0);
                transform: translate(50%, -50%) scale(0);
        opacity: .33;
    }
    100% {
        -webkit-transform: translate(50%, -50%) scale(3000);
                transform: translate(50%, -50%) scale(3000);
        opacity: 0;
    }
}


.ripple-section.active .ripple-static {
    -webkit-animation-name: rippleStaticEnd;
            animation-name: rippleStaticEnd;
    -webkit-animation-duration: 1.8s;
            animation-duration: 1.8s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    opacity: 0 !important;
}

/* RIPPLE - RIGHT TO LEFT END */



/*Default CSS Clases*/

.purple-title{
    
    color:#3B375A;
}

.btn-back-purp a{
    border-radius: 100px;
    background: #3B375A;
    color:#fff;
    padding:7px 25px;

}

.btn-bck-white a{
    
    color:#333231;
    border-radius: 100px;
    border: 1px solid #333231;
    background:transparent;
}
section.ct-page-content p a {
    color: #3b375a;
    font-weight: 600;
}
section.ct-page-content p a:hover {
    color: #937cd8;
}

section.banner-cosmo-learn-more.content-banner .site-container {
    padding: 0;
}

/*Swiper Progress*/

div#user-resources-slider .swiper-progress-bar,
div#educators-learners-slider .swiper-progress-bar,
div#podcast-slider .swiper-progress-bar{
    background: #D9D9D9;
}
div#user-resources-slider .swiper-progress-bar .progress,
div#educators-learners-slider  .swiper-progress-bar .progress,
div#podcast-slider .swiper-progress-bar .progress
{
    background: #000;
}

body.footer-on-bottom #inner-wrap {
    background-color: #fff;
}


.gt_switcher.notranslate .gt_option {
    position: absolute !important;
    top: 76px !important;
    width: 70px !important;
    background-color: rgb(233 233 233) !important;
    border: 1px solid #fff !important;
    border-radius: 10px;
}
.gt_container--4v03b4 .gt_switcher {
    width: 88px !important;
    font-size: 0 !important;
}
.gt_selected a.open {
    font-size: 0;
}
.gt_option > a {
    font-size: 0 !important;
    margin-bottom: 10px;
}
.gt_switcher.notranslate {
    width: 71px !important;
}
.gt_container-sdyiqp .gt_switcher .gt_selected a {
    padding: 3px 5px;
    width: 71px;
    font-size: 0px !important;
}
.gt_switcher.notranslate .gt_selected a {
    font-size: 0;
    width:61px !important;
}
.gt_option {
    height: 188px !important;
}
.site-header-section-right {
    justify-content: flex-start !important;
    width: 100%;
}
.site-header-main-section-left.site-header-section.site-header-section-left {
    margin-right: auto !important;
}

button.drawer-toggle.header-cart-button {
    /*border: 1px solid #3B375A;*/
    padding: 7px 20px;
    border-radius: 100px;
    color: #3B375A !important;
    margin-right: 15px;
}
.site-header-row.site-header-row-center-column {
    gap: 0px;
}
.gt_option > a img {
    width: 30px !important;
    height: 30px !important;
}

.main-navigation .primary-menu-container > ul > li.menu-item > a {
    color: #3B375A !important;
}


.header-cart-wrap .header-cart-button .kadence-svg-iconset,
.header-mobile-cart-wrap.kadence-header-cart span.kadence-svg-iconset,
body.home .site-main-header-wrap.kadence-sticky-header.item-is-fixed.item-is-stuck .header-cart-wrap .header-cart-button .kadence-svg-iconset
{
    font-size: 0;
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: block;
    padding-bottom: 24px;
    margin-left: 6px;
    background-image: url("https://www.explorecosmo.com/wp-content/uploads/2025/11/basket-purple.svg");
}

/*body.home .site-main-header-wrap.item-is-stuck .header-cart-button .kadence-svg-iconset{*/
    
/*    background-image: url("https://www.explorecosmo.com/wp-content/uploads/2025/11/basket-purple.svg");*/
    
/*}*/
svg.kadence-svg-icon.kadence-shopping-bag-svg {
    display: none;
}
.header-cart-wrap .header-cart-button .kadence-svg-iconset {
    font-size: 0;
}

.site-header-section-right-center {
    justify-content: flex-end !important;
    margin-right: 0px;
}

.site-header-section>.site-header-item:last-child {
    margin-right: -20px;
}

.gt_container--1se5xw .gt_switcher .gt_selected {
    background: #fff !important;
}
.site-header-row.site-header-row-center-column {
    grid-template-columns: 1fr 2fr 0.5fr !important;
}
.site-main-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard.kadence-sticky-header.item-is-fixed.item-at-start.item-is-stuck {
    background: #fff;
}

/*Header Purple*/

body.home header#masthead {
    background-color: #937cd8;
}

body.home header#masthead img.custom-logo.svg-logo-image {
    filter: invert(100%) sepia(5%) saturate(1%) hue-rotate(247deg) brightness(120%) contrast(100%);
}
body.home .main-navigation .primary-menu-container > ul li.menu-item > a {
    color: #fff !important;
}

body.home #main-header .header-button.button-size-custom {
    color: #937cd8;
    border-color: #937cd8;
}

body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck .header-button.button-size-custom {
    color: #3B375A;
    border-color: #3B375A;
}
body.home button.drawer-toggle.header-cart-button {
    color: #fff !important;
    /*border-color: #fff;*/
}
body.home .header-cart-wrap .header-cart-button .kadence-svg-iconset,
body.home .site-main-header-wrap .header-cart-inner-wrap span.kadence-svg-iconset{
    font-size: 0;
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: block;
    padding-bottom: 24px;
    margin-left: 6px;
    background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/10/Vector-2.png);
    background-position: center center;
}
.site-header-item .header-cart-wrap .header-cart-inner-wrap .header-cart-button:hover {
    padding-left: 16px;
    align-items: center;
    justify-content: center;
}

body.home header#masthead .site-main-header-wrap.item-is-fixed.item-is-stuck  .site-main-header-wrap.kadence-sticky-header.item-is-stuck .header-cart-button .kadence-svg-iconset
 {
    font-size: 0;
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: block;
    padding-bottom: 24px;
    margin-left: 6px;
    background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/purple-dark-crt-hed.png);
    background-position: center center;
}

body.home header#masthead .site-main-header-wrap .header-cart-inner-wrap .header-cart-button:hover .kadence-svg-iconset{
    
    background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/purple-dark-crt-hed.png);
}

body.home header#masthead .site-main-header-wrap .header-cart-inner-wrap .header-cart-button:hover {
    background-color: #fff;
    color: #3b375a !important;
    border-color: #3b375a;
}
body.home span.logo-icon svg path {
    fill: #fff;
}
.item-is-fixed {
    top: 0 !important;
    transform: translateY(0) !important;
}


body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck span.logo-icon svg path {
    fill: #3B375A;
}
body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck ul#primary-menu li a {
    color: #3B375A !important;
}

/*body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck button.drawer-toggle.header-cart-button {*/
   
/*    border: 1px solid #3B375A !important;*/
/*}*/
body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck button.drawer-toggle.header-cart-button span.header-cart-label{
   
   color:#3B375A;
}

body.home.header-is-fixed .gt_switcher .gt_selected a:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") !important;
    width: 25px;
    height: 25px;
}
body.home header#masthead .site-main-header-wrap .item-is-fixed.item-hidden-above.item-is-stuck svg.kadence-svg-icon.kadence-shopping-bag-svg{
    
    background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/purple-dark-crt-hed.png);
    
}

.site-header-row {
    place-items: center;
}
span.logo-icon svg {
    width: 200px;
    height: 70px;
}


/*Footer*/


.gallery-columns-5 {
        align-items: center;
    }

.site-footer-top-section-3.site-footer-section.footer-section-inner-items-2 {
    flex-direction: row;
    justify-content: space-between;
}
.footer-html-inner p {
    color: #fff;
}
.site-top-footer-inner-wrap.site-footer-row.site-footer-row-columns-3 {
    align-items: center;
}

ul#menu-footer-menu-1 li a,
ul#menu-footer-menu-2 li a,
.footer-cnt-lnks a{
    color: #3B375A !important;
    border-bottom: 1px solid #3B375A;
    width: fit-content;
    padding-bottom: 0px;
    line-height: 26px;
}
.footer-cnt-lnks a:hover,
.footer-cnt-lnks a:active,
.footer-cnt-lnks a:focus{
    color: #3B375A !important;
    text-decoration:unset !important;
}

section#media_gallery-3 h2 {
    font-family: 'Open Sans';
    text-transform: math-auto;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 16px;
}
.footer-navigation .footer-menu-container > ul li a {
    width: fit-content;
    border-bottom: 1px solid #fff;
    line-height: 17px;
    padding-left: 0px !important;
    margin-left: 25px;
    margin-right: 10px;
    padding-right:0px !important;
}
.footer-navigation .footer-menu-container > ul li a:last-child {

     margin-right: 0px;
    
}

.footer-newsletter {
    padding: 96px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.news-letter-content {
    max-width: 810px;
    margin: 0 auto;
    text-align: center;
}
.news-letter-content h3 {
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #000;
}
.news-letter-content span {
    font-family: 'Open Sans';
    color: #000;
}
.newsletter_form {
    margin-top: 30px;
}
.subscribe-form .email-form input {
    border-radius: 100px;
    border: 1px solid #D9D9D9;
    padding: 10px 20px;
    width: 56%;
    height: 60px;
    font-size: 16px;
    font-family: 'Open Sans';
}
.email-form input::placeholder {
    color: #000;
}
.subscibe_btn input {
    background: transparent;
    border: 1px solid #333231;
    color: #333231;
    border-radius: 100px;
}

.subscibe_btn {
    margin-top: 30px;
}

.subscribe-form span.wpcf7-spinner {
    display: none;
}
.lft-dot-wrap a.btn-back-purp:hover,
.cosmo-cnt-btn a.btn-back-purp:hover{
    background-color: #fff;
    color: #937cd8;
}


.lft-dot-wrap a.btn-back-purp:hover,
.cosmo-cnt-btn a.btn-back-purp:hover{
    background-color: #fff;
    color: #937cd8;
    border: 1px solid #937cd8;
}



.lft-dot-wrap a.btn-back-purp,
.cosmo-cnt-btn a.btn-back-purp{
    border: 1px solid #3B375A;
}

.cnt_links_footer {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    display: none;
}
.cnt_links_footer a.button {
    background-color: transparent;
    color: #000;
    font-family: "Open Sans";
    font-size: 16px;
    padding: 0;
}
.subscibe_btn input[type=submit],
.subscibe_btn input[type=submit]:hover {
    background-color: transparent;
    border-radius: 100px;
    border: 1px solid #333231;
    color: #333231;
    font-family: 'Hanken Grotesk';
    font-size: 16px;
    padding: 10px 25px;
    box-shadow: unset;
}
.cnt_links_footer a.button:hover {
    box-shadow: unset;
}
.subscribe-form .email-form input::placeholder {
    text-align: center;
}
.subscribe-form .email-form input:focus {
    border-color: #fff;
}


.footer-newsletter.content-banner {
    background: #C8D8C4;
}
.newsletter-wrap {
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:479px){

    div#gallery-1 {
    grid-template-columns: repeat(5, 1fr);
}

.site-footer-top-section-3.site-footer-section.footer-section-inner-items-2 {
    flex-direction: column !important;
   
}

.footer-widget-area.content-align-right .footer-navigation .menu {
    justify-content: center !important;
        gap: 20px 0px;
}
.footer-html-inner {
    padding: 0px 0px 0px 21px;
}
.footer-social-wrap .footer-social-inner-wrap{
    font-size: 30px !important;
    gap: 0.1em;
}
.site-top-footer-inner-wrap {
    gap: 40px;
}

.site-footer-middle-section-2 {
  order: 1;
}
.site-footer-middle-section-3 {
  order: 2;
}
.site-footer-middle-section-1 {
  order: 3;
}

.footer-html-inner p {
    text-align: center;
}

}

@media only screen and (max-width:390px){
.footer-social-wrap .footer-social-inner-wrap {
    gap: 0.2em !important;
}

}

/*Home Page*/

.home-banner {
    position: relative;
    overflow: hidden;
}

.wrap-home-banner {
    display: flex;
    justify-content: space-between;
    position: relative;
}

/* WHITE CIRCLE */
/*.circle-div-home {*/
/*    position: absolute;*/
/*    left: -200px;       */
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    width: 900px;*/
/*    height: 900px;*/
/*    background: #ffffff;*/
/*    border-radius: 50%;*/
/*    z-index: 1;*/
/*}*/

.circle-div-home {
    position: absolute;
    left: -200px;
    background: white;
    border-radius: 50%;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 42%;
    transform: scale(2);
}

/* LEFT CONTENT */
.lft-home-bnr {
    max-width: 44%;
    position: relative;
    z-index: 2;
}

.cnt-home-bnr {
    max-width: 810px;
    padding-left: 270px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* RIGHT MEDIA */
.video_rgt_home {
    max-width: 55%;
    position: relative;
    z-index: 0;
}

.vide-home-wrap video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
.cnt-home-bnr p {
    color: #3B375A;
    font-size: 22px;
    margin: 30px 0;
}
.vide-home-wrap {
    height: 100%;
    object-fit: cover;
}
.main-heading {
    color: #937CD8;
    font-family: "Hanken Grotesk";
    font-size: 62px;
    line-height: 66px;
    font-weight: 400;
}

.cnt-home-bnr .btn-wrap {
    align-items: flex-start;
    justify-content: flex-start;
}
.cnt-home-bnr a.btn-back-purp:hover {
    background-color: #937CD8;
    border-color: #937CD8;
}
.cnt-home-bnr a.btn-bck-white:hover {
    background-color: #3B375A;
    border-color: #3B375A;
}

.award-wrap-outer h2 {
    color: #7F7D7A;
}

ul.award-winning-grid li img {
    width: auto;
}

.award-wrap-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.award-section {
    background: #F0F0EA;
    padding: 70px 0 130px;
}

ul.award-winning-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    flex: 1;
    align-items: center;
    max-width: 80%;
}
ul.award-winning-grid li {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 118px;
    align-items: center;
}
.award-wrap-outer h2 {
    color: #7F7D7A;
    /*max-width: 20%;*/
    font-size: 42px;
    font-weight: 400;
}

.cosmo-learning-wrap {
    /*background: linear-gradient(0deg, #937CD8 49.52%, #D5C8E8 100%);*/
     background-color: #FFFFFF;
    padding: 100px 0;
    position: relative;
}
.top-content-cosmo-learning,
.cosmo-bottom-cnt{
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.top-content-cosmo-learning,
.cosmo-bottom-cnt{
    max-width: 730px;
    margin: 0 auto;
    text-align: center;
}

.top-content-cosmo-learning span {
    color: #3B375A;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
}

.top-content-cosmo-learning p {
    color: #3B375A;
    font-size: 24px;
    margin: 20px 0 50px;
    font-weight: 400;
    line-height: 30px;
}
.cosmo-bottom-cnt h3 {
    font-size: 42px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 30px;
}
.cosmo-bottom-cnt span {
    display: block;
    font-size: 24px;
}
a.btn-back-purp {
    border-radius: 100px;
    background: #3B375A;
    padding: 15px 20px;
    line-height: 26px;
    font-size: 16px;
    width: 140px;
    text-align: center;
}
a.btn-bck-white {
    border-radius: 100px;
    border: 1px solid #333231;
    color:#333231;
    padding: 15px 20px;
    line-height: 26px;
    font-size: 16px;
    width: 140px;
    text-align: center;
}
a.btn-bck-white:hover {
    background-color: #3b375a;
    color: #fff;
}
a.btn-back-purp:hover {
    background-color: #937CD8;
    color: #fff;
}
.btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 730px;
    gap: 20px;
    margin-top: 20px;
}
.bottom-apple-store {
    max-width: 200px;
    margin-left: auto;
}
.bottom-apple-store span {
    color: #000;
    margin-bottom: 10px;
    display: block;
    font-family: "Open Sans";
    font-size: 16px;
    padding-left: 12px;
}
.cosmo-learning-parent {
    margin-bottom: 30px;
}
.cosmo-bottom-cnt a.btn-back-purp:hover {
    background: #fff;
    color: #3B375A;
    border-color:#3B375A;
}
.cosmo-bottom-cnt a.btn-bck-white:hover {
    background: #3b375a;
    color: #fff;
    border-color:#3b375a;
}
.cosmolrn-suite {
    padding: 0 0 100px;
}
.rep-lrn-suite {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
.top-cnt-cosmo-suite h3 {
    font-weight: 400;
    font-size: 42px;
    margin-bottom: 30px;
}
.top-cnt-cosmo-suite p {
    color: #000;
    font-family: 'Open Sans';
    margin-bottom: 50px;
    line-height: 26px;
    font-size: 17px;
}
.lrn-suite-rep-wrap {
    background-color: #F0F0EA;
    padding: 40px 50px 25px;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
}
.top-rep-img-lrn-suit img {
    max-width: 260px;
    height: 80px;
    object-fit: contain;
}
.top-rep-para-lrn-suit {
    margin-top: 30px;
}
.btn-cosmo-lrn-suit a.button img {
    max-width: 12px;
}
.top-cnt-cosmo-suite p {
    color: #3B375A;
    font-size: 17px;
}
.btn-cosmo-lrn-suit a {
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #937CD8;
    padding: 0;
    font-weight: 700;
}
.btn-cosmo-lrn-suit a:hover,
.btn-cosmo-lrn-suit a:visited,
.btn-cosmo-lrn-suit a:active,
.btn-cosmo-lrn-suit a:focus{
    background: transparent;
    box-shadow: unset;
    color: #937CD8;
    -webkit-text-fill-color: #937cd8
}
.btn-cosmo-lrn-suit a:visited {
    -webkit-text-fill-color: #937cd8;
}
.top-rep-para-lrn-suit p {
    min-height: 140px;
}

.cosmo-dot-parent-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*background: linear-gradient(5deg, #937CD8, #D5C8E8);*/
    padding: 70px 70px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}
.content-banner.dot-prt-home-ripple {
   border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(5deg, #937CD8 20%, #D5C8E8) !important;
}
.lft-dot-wrap h3 {
    font-size: 42px;
    margin-bottom: 25px;
    font-weight: 500;
}
.lft-dot-wrap {
    width: 50%;
}

.rgt-cosmo-dot {
    width: 55%;
}

.rgt-cosmo-dot img {
    max-width: 400px;
    margin-left: auto;
}
.lft-dot-wrap p {
    font-family: 'Open Sans';
    color: #3B375A;
}
.lft-dot-wrap p {
    margin-bottom: 9px;
}
.cosmo-dot-parent {
    margin-bottom: 100px;
}

.lft-dot-wrap ol {
    margin-bottom: 40px;
}


.cosmo-connect.content-banner {
    background: linear-gradient(0deg, #937CD8 -100%, #F2F2EF 190%);
    padding: 80px 0;
}

.comso-connect-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}
.lft-cosmo-connect {
    width: 35%;
}

.rgt-cosmo-connect {
    width: 48%;
}
.cosmo-logo-cnt img {
    max-width: 350px;
}
.cosmo-logo-cnt {
    margin-bottom: 30px;
}

.cosmo-cnt-para {
    margin-bottom: 40px;
}
.cosmo-cnt-para p{
    
    color:#000;
}

.cosmo-cnt-para p strong {
    margin-top: 13px;
    display: block;
}
.cosmo-cnt-btn a.btn-back-purp {
    background: #231F20;
}
.rgt-cosmo-connect img {
    max-width: 600px;
    margin-left: auto;
}

.pair-cosmo-app {
    margin: 80px 0;
}
.pair-cosmo-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lft-cosmo-app {
    width: 34%;
}
.rgt-pair-app {
    width: 52%;
}
.lft-cosmo-app h3 {
    font-size: 40px;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px;
}
.lft-cosmo-app span {
    margin-bottom: 10px;
    display: block;
}
a.link-cosmo-app-btn img {
    max-width: 170px;
}


.truested-environment-wrap .swiper-progress-bar {
    display: block;
}


.trusted-environments {
  text-align: center;
  padding: 50px 20px;
}

.trusted-slider .card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  padding: 20px;
}

.swiper-progress-bar {
  height: 4px;
  background: #E5A6AC;
  margin-top: 20px;
  border-radius: 2px;
  overflow: hidden;
}

.swiper-progress-bar .progress {
  height: 100%;
  width: 0;
  background: #6B4E53;
  transition: width 0.3s linear;
}

.truested-environment-wrap .swiper-slide .card {
    padding: 0;
}
.trusted-environemnt-post-cnt {
    padding: 25px 30px;
}
.fea-env-img img {
    width: 100%;
}
.content-banner.trust-en-ripple {
    background: linear-gradient(5deg, #ECC9CC, #F5E6E7);
}
.trusted-enviroments {
    padding: 70px 0;
    background-size: cover;
    background-repeat: no-repeat;
    /*background: linear-gradient(5deg, #ECC9CC, #F5E6E7);*/
    background-position: left center;
}
.trusted-enviroments h3 {
    color: #6B4E53;
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 20px;
}
.trusted-env-post-title h4 {
    color: #000;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 10px;
}
.trusted-environemnt-post-cnt p {
    color: #000;
    font-size: 16px;
    line-height: 26px;
}
.trusted-environemnt-post-cnt p {
    margin-bottom: 10px;
}
button.btn-learn-more {
    display: flex;
    align-items: center;
    background-color: transparent;
    color: #E5A6AC;
    padding-left: 0;
    box-shadow: unset;
}
button.btn-learn-more img {
    max-width: 30px;
}
button.btn-learn-more:hover {
    background-color: #fff;
    color: #E5A6AC;
    box-shadow: unset;
}
#environment-slider {
    padding: 0 140px 0 0;
}

#environment-slider .swiper-slide {
  width: 320px; /* control card width */
}


.testimonial-slider {
  margin: 80px 0;
}

.top-sec-tes-slider {
    display: flex;
    gap: 20px;
}
span.cat-test-slid {
    color: #000;
    font-family: 'Hanken Grotesk';
    font-size: 20px;
    font-weight: 700;
}
.cnt-slider-test-wrap p {
    color: #000;
    margin-top: 10px;
}
div#testimonial-carousel .swiper-progress-bar,
.testimonial-slider.test-slider-home.test-slider-mb .swiper-progress-bar {
    background: #F0F0EA;
    margin-top: 50px;
}
div#testimonial-carousel .swiper-progress-bar .progress,
.testimonial-slider.test-slider-home.test-slider-mb .swiper-progress-bar .progress {
    background: #000;
}

.slider-content {
  display: flex;
  gap: 20px;
  margin-right: 30px;
}

span.desg-tes-slider {
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

.cnt-slider-test-wrap {
    background-color: #F0F0EA;
    padding: 50px 40px;
    border-radius: 10px;
    max-width: 390px;
    width: 39%;
    border: 1px solid #F0F0EA;
}
.top-rgt-test h4.client-name-test {
    font-size: 20px;
    color: #000;
    font-weight: 700;
}

.video-section {
    width: 100%;
    max-width: 46%;
}

.video-section iframe {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 10px;
}

/*.testimonial-slider .swiper {*/
/*    overflow: visible;*/
/*    overflow-x: scroll;*/
/*    padding-bottom: 50px;*/
/*}*/

.testimonial-slider .swiper-wrapper {
  display: flex;
  flex-direction: row;
}

.testimonial-slider .swiper-slide {
    width: 66%;
    transition: transform 0.3s ease;
    margin-right: -30px !important;
}

.testimonial-slider .swiper-slide:first-child {
  margin-left: 0;
}

.lft-image-slid-test img {
    max-width: 100px;
}
.rating {
    margin: 20px 0;
}
.rating img {
    max-width: 170px;
}

.testimonial-slider h3 {
  font-size: 42px;
  margin-bottom: 20px;
  font-weight: 400;
}

/*.swiper-progress-bar{*/
/*  width: 100%;*/
/*  height: 4px;*/
/*  border-radius: 4px;*/
/*  overflow: hidden;*/
/*  margin-top: 20px;*/
/*  position: relative;*/
/*}*/


#testimonial-carousel .swiper-progress-bar .progress,
#board-members-slider .swiper-progress-bar .progress
{
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #e295a8 0%, #c86b8b 100%);
  border-radius: 4px;
  transition: width 0.5s ease-in-out;
}

#advisors-slider .swiper-progress-bar .progress {
    height: 100%;
    width: 0;
    background: #000;
    transition: width 0.3s linear;
}

#advisors-slider .swiper-progress-bar,
#board-members-slider .swiper-progress-bar
{
    width: 100%;
    height: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
    background-color: #D9D9D9;
}

.cosmo-bottom-cnt a.btn-back-purp {
    border: 1px solid #3B375A;
}
.cosmo-bottom-cnt a.btn-back-purp:hover {
    border-color: #937CD8;
    background-color: #937CD8;
    color: #fff;
}

/* responsive */
@media (max-width: 991px) {
  .testimonial-slider .swiper-slide {
    width: 95%;
  }
  .testimonial-slider .swiper {
    padding-right: 100px;
  }
}

@media (max-width: 768px) {
/* .video-section {*/
/*    width: 300px !important;*/
/*}*/
  .cnt-slider-test-wrap, .video-section {
    max-width: 100%;
    width: 100%;
  }
  .testimonial-slider .swiper {
    padding-right: 0;
  }
}





/*About Us*/

.static-bg-wrap {
    padding: 160px 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.main-banner-cnt {
    max-width: 580px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}
.main-banner-cnt h1 {
    margin-bottom: 10px;
}
.main-banner-cnt p {
    color: #000;
    line-height: 27px;
}
.our-values {
    background: linear-gradient(0deg, #937CD8 49.52%, #D5C8E8 100%);
    padding: 100px 0;
}
.our-values-rep {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.our-values-rep {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    align-items: center;
}
.rep-wrapinner-values {
    background-color: #fff;
    padding: 80px 70px;
    border: 2px solid #937CD8;
    border-radius: 20px;
    text-align: center;
}
.value_rep-img img {
    height: 110px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.value-rep-title h4 {
    font-size: 32px;
    margin-bottom: 10px;
}
.value-rep-subtitle span {
    color: #937CD8;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    display: block;
}
.our-values h3 {
    margin-bottom: 35px;
    text-align: center;
}
.value-rep-para p {
    color: #000000;
    margin-top: 17px;
}

.our-team.board-members,
.our-team.advisors{
    display: none;
}
.vlu-cnt-main {
    position: relative;
    z-index: 1;
}

/* AOS default styles */
[data-aos] {
    opacity: 0;
    transform: translateY(30px);  /* Position elements off-screen */
    transition: all 0.6s ease-out; /* Smooth animation transition */
}

[data-aos].aos-animate {
    opacity: 1;
    transform: translateY(0); /* Reset position and opacity */
}

.our-team {
    margin: 80px 0;
}

/*#meet-team,*/
/*#board-members-slider,*/
/*#advisors-slider{*/
/*    overflow: visible;*/
/*    overflow-x: scroll;*/
/*    padding-bottom: 50px;*/
/*}*/
.our-team h3 {
    margin-bottom: 30px;
}

.team-slider-title h4 {
    color: #000;
    margin: 15px 0 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}
.team-slider-desg span {
    display: block;
    color: #000;
    font-family: 'Open Sans';
    font-size: 16px;
}
.swiper.team-swiper {
    scrollbar-width: thin;
    scrollbar-color: #000 rgba(0, 0, 0, 0.1);
    scrollbar-gutter: stable;
}

.solution-abt {
    position: relative;
    margin: 130px 0 270px;
}
.solution-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    place-items: center;
}
.solution-lft {
    max-width: 550px;
    margin-top: 60px;
}
/*.solution-img {*/
/*    position: absolute;*/
/*    right: 0px;*/
/*    top: -140px;*/
/*}*/


.solution-img {
    position: absolute; /* Keep absolute if necessary */
    right: 0;
    top: -140px;
}

.solution-img.solutwo{
    
    transform: translateX(100px); /* Start position from the right */
    opacity: 0; /* Initially hidden */
    transition: opacity 1s ease, transform 1s ease; /* Ensure a smooth transition */
    
}

.solution-img.aos-animate {
    opacity: 1;
    transform: translateX(0); /* End position at normal state */
}

.solution-img.aos-animate {
    opacity: 1;
    transform: translateX(0); /* End position at normal state */
}

.solution-img img {
    width: 100%;
    max-width: 810px;
}
.solution-lft .btn-wrap {
    align-items: flex-start;
    justify-content: flex-start;
}
.solution-lft a.btn-back-purp,
.solution-lft a.btn-bck-white{
    text-align: center;
    padding: 12px 18px;
    width: 140px;
}
.solution-lft h3 {
    margin-bottom: 20px;
}
.solution-lft p {
    color: #000000;
    line-height: 26px;
}
.solution-lft a.btn-back-purp:hover {
    background-color: #937CD8;
}
.solution-lft a.btn-bck-white:hover {
    background-color: #3B375A;
    color: #fff;
}
.image-team-slid img {
  transition: transform 0.5s ease;
}

.image-team-slid img:hover {
  transform: scale(1.1);
}
.the-movement {
    background-color: #F5E7D4;
    position: relative;
    padding: 190px 0;
    margin: 110px 0;
}
.movement-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.movement-lft {
    width: 100%;
    max-width: 440px;
    padding-left: 30px;
}
.movement-rgt {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.movement-rgt img {
    max-width: 1060px;
}
.the-movement p {
   line-height: 26px;
}
.the-movement h3, .the-movement p {
    color: #6D4B32;
}
.movmnt-btn a.btn-bck-white {
    width: 130px;
    display: block;
    text-align: center;
    border-color: #6D4B32;
    color: #6D4B32;
}
.movmnt-btn a.btn-bck-white:hover {
    background-color: #6D4B32;
    color: #fff;
}
.mvmnt-title {
    margin-bottom: 20px;
}
.movmnt-btn {
    margin-top: 30px;
}

.story-section {
  text-align: center;
  padding: 80px 40px;
  position: relative;
  overflow: visible;
}

.story-section h2 {
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 50px;
}

/* Timeline wrapper centers everything */
.timeline-wrap {
    display: flex;
    justify-content: center;
    position: relative;
}

/* Timeline: controls layout and the main line */
.timeline {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    width: 100%;
    z-index: 2;
    max-width: 1300px;
}

/* Horizontal line spanning full viewport width */
.timeline::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 50%;
    width: 100vw;
    height: 2px;
    background: #c8b5f5;
    transform: translate(-50%, -50%);
    z-index: 0;
}

/* Each timeline item */
.timeline-item {
    position: relative;
    width: 25%;
    text-align: left;
}

/* Circle perfectly aligned to the line */
.timeline-item .circle {
    width: 24px;
    height: 24px;
    background: linear-gradient(-5deg, #D5C8E8, #937CD8);
    border-radius: 50%;
    position: absolute;
    top: 0%;
    left: 0;
    transform: translate(-0%, -50%);
    z-index: 1;
}

/* Make the middle circle bigger */
.timeline-item:nth-child(2) .circle {
    width: 36px;
    height: 36px;
}
.timeline-item:nth-child(3) .circle {
    width: 46px;
    height: 46px;
}

/* Text container below the circle */
.timeline-content {
  margin-top: 70px;
}

/* Text styling */
.timeline-item .highlight {
    color: #937CD8;
    font-weight: 600;
    font-size: 30px;
    margin-top: 20px;
}

.timeline-item h4 {
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 42px;
    color: #000;
}

.timeline-item p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #333;
}

.cnt-timeline p {
    max-width: 280px;
    color: #000;
    font-family: 'Hanken Grotesk';
    line-height: 24px;
}

/* Responsive layout */
@media (max-width: 999px) {
  .timeline {
    flex-direction: column;
    align-items: center;
  }

  .timeline::before {
    top: 0;
    left: 0%;
    width: 2px;
    height: 100%;
    transform: translateX(-50%);
  }

  .timeline-item {
    width: 80%;
    /*margin-bottom: 80px;*/
  }

  .timeline-item .circle {
    position: relative;
    top: 0;
    left: 0%;
    transform: translateX(-50%);
    margin-bottom: 30px;
  }

  .timeline-content {
    margin-top: 0;
  }
}


/*Shop Page*/


.static-bg-wrap.shp-main-bnr.content-banner {
    padding: 100px 0;
    border-radius: 0;
}

.main-banner-cnt-shp {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lft-shp-bnr {
    width: 100%;
    max-width: 475px;
}
.rgt-bnr-shop {
    width: 100%;
    max-width: 770px;
    margin-left: auto;
}
.rgt-bnr-shop img {
    max-width: 930px;
}
.main-banner-cnt-shp .btn-wrap {
    justify-content: flex-start;
}
.bottom-shop .bottom-apple-store {
    margin-left: unset;
}
.bottom-rgt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bottom-shop .bottom-apple-store {
    margin-left: unset;
    max-width: 180px;
    margin-top: 70px;
}
.bottom-shop .bottom-apple-store a img {
    max-width: 160px;
    margin:0 auto;
}

.img-bottom-rgt-shop {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 650px;
    justify-content: space-between;
}
.img-bottom-rgt-shop img {
    max-width: 310px;
}
.lft-shp-bnr p {
    color: #000;
    font-family: 'Hanken Grotesk';
    font-size: 30px;
    line-height: 40px;
    margin: 25px 0;
}
.inclusive-dsg-shp {
    background-color: #F0F0EA;
    padding: 80px 0;
    margin-bottom: 50px;
}
.rep-wrap-incl {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 80px;
    place-items: center;
    text-align: center;
    max-width: 1260px;
    margin: 0 auto;
}
.rep-incl-img img {
    max-width: 100px;
    margin: 0 auto;
}
.rep-incl-title span {
    display: block;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    min-height: 60px;
    margin-top: 10px;
}
.cosmo-dot-parent.cosmo-dot-shp .btn-wrap {
    justify-content: flex-start;
}
.the-movement.why-cosmo h3, .the-movement.why-cosmo p {
    color: #000;
}
.the-movement.why-cosmo p {
    margin-bottom: 20px;
}
.the-movement.why-cosmo .movement-lft {
    max-width: 420px;
}
.the-movement.why-cosmo .movement-rgt img {
    max-width: 1109px;
}
.video-wrap-shp {
    margin: 90px 0;
}

.the-movement.why-cosmo {
    margin: 200px 0 0;
}
 section.funding-sec.section.ripple-section.ripple-left-right {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;  
    z-index: -1; 
    background: linear-gradient(25deg, #937CD8, #F2F2EF);
}

.funding-wrap {
    position: relative;
    z-index: 1; 
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fund-lft {
    width: 25%;
}
section.funding-sec {
    position: relative;
    padding: 70px 0;
    background: linear-gradient(10deg, #937CD8 -30%, #D5C8E8 -10%);
    height: unset;
}
.fund-lft h3 {
    margin-bottom: 20px;
}
.fund-lft p {
    color: #000;
    margin-bottom: 10px;
}
.fund-rgt {
    background-color: #fff;
    padding: 70px 50px;
    border: 1px solid #937CD8;
    border-radius: 16px;
    width: 560px;
}
.funding-form input[type=text], 
.funding-form input[type=email], 
.funding-form select {
    border: 1px solid rgb(0 0 0 / 80%);
    border-radius: 100px;
    background-color: #F5F5F5;
    height: 55px;
    padding-left: 20px;
    width:100%;
}
.funding-form label {
    color: #000000;
    font-family: 'Hanken Grotesk';
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}
.funding-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
.frm-sbmt input[type="submit"] {
    width: fit-content;
    margin: 20px auto 0;
    display: block;
    box-shadow: unset;
    background-color: transparent;
    color: #937CD8;
    border: 1px solid #937CD8;
    border-radius: 100px;
    padding: 10px 20px;
}
.frm-sbmt input[type="submit"]:hover,
.frm-sbmt input[type="submit"]:focus
{
    background-color: #3b375a;
    color: #fff;
    border: 1px solid #3b375a;
}

div#meet-team .swiper-progress-bar,
div#advisors-slider .swiper-progress-bar,
div#board-members-slider .swiper-progress-bar
{
    background: #D9D9D9;
}
div#meet-team .swiper-progress-bar .progress,
div#advisors-slider .swiper-progress-bar .progress,
div#board-members-slider .swiper-progress-bar .progress
{
    background: #000;
}


/*.funding-sec section.section.ripple-section.ripple-bottom-left.active {*/
/*    height: unset;*/
/*    position: absolute;*/
/*    inset: 0;*/
/*}*/
.wrap-out-lrn-sut {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.lrn-suit-shp {
    margin: 100px 0 30px;
}

.button.disabled {
    pointer-events: none;
    opacity: 0.5;
    background: transparent;
    cursor: not-allowed;
    color: #000;
    border-radius: 100px;
    border: 1px solid #000;
    font-size: 16px;
}

.cnt-lrn-sut-shp p strong {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Hanken Grotesk';
    margin-bottom: 5px;
        display: inline;
    line-height: 30px;
}
.cnt-lrn-sut-shp p strong span {
    display: inline;
}

.coming-soon-badge {
    background: transparent;
    padding: 5px 12px;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
    position: absolute;
    top: -40px;
    right: 10px;
    border-radius: 100px;
    border: 1px solid #000;
    opacity: 0.5;
    color: #000;
    font-weight:600;
}
.innr-lrn-sut-inner {
    position: relative;
    padding: 90px 50px 40px;
    border-radius: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.img-lrn-suit-shp img {
    max-width: 230px;
    height: 76px;
    object-fit: contain;
}
.wrap-out-lrn-sut {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
.cnt-lrn-sut-shp {
    max-width: 450px;
    margin: 20px 0 110px;
}
.cnt-lrn-sut-shp p {
    margin-bottom: 20px;
    color: #000;
    font-size: 20px;
}
.innr-lrn-sut-inner:nth-child(4) .img-lrn-suit-btn-2 a {
    color: #333231;
    border: 1px solid #333231;
}    
    
.lrn-sut-btns {
    display: flex;
    gap: 20px;
    align-items: center;
}
.lrn-sut-btns a {
    border-radius: 100px;
    font-size: 15px;
    padding: 12px 26px;
}
.innr-lrn-sut-inner h3 {
    font-size: 32px;
    line-height: 44px;
    font-family: 'Open Sans';
    font-weight: 600;
}
.lrn-suit-sub-rep {
    margin-top: 15px;
}
.lrn-suit-main-title,
.subt-titl-rep-lrn{
    margin-bottom: 30px;
}
.subt-titl-rep-lrn span {
    color: #3B375A;
    font-size: 16px;
    font-family: 'Open Sans';
    font-weight: 600;
}

.video-module {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.video-poster-container {
    position: relative;
    width: 100%;
    cursor: pointer;
}

.video-poster-img {
    width: 100%;
    height: auto;
    display: block;
}

.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
}

.video-play-btn::after {
    content: '';
    border-left: 22px solid white;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    position: absolute;
    left: 32px;
    top: 26px;
}

.video-iframe-container {
    display: none;
    width: 100%;
}

.video-iframe-container iframe {
    width: 100%;
    height: 500px;
    border-radius: 12px;
    border: none;
}






/* Partners Section */
.global-partners {
    padding: 80px 0;
    background: #F4F3EF;
}

.logo-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.logo-title {
    font-size: 32px;
    font-weight: 600;
}

/* Custom Dropdown */
.custom-dropdown {
    position: relative;
    width: 60px;
    cursor: pointer;
    border-radius: 30px;
    font-size: 14px;
}

.custom-dropdown .selected {
    padding: 5px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-dropdown .selected img.selected-flag {
    max-height: 35px;
}

.custom-dropdown .arrow {
    margin-left: auto;
    font-size: 26px;
}

.custom-dropdown ul.dropdown-options {
    position: absolute;
    top: 100%;
    right: 0;
    width: 200px;
    max-height: 250px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 10px 10px;
    display: none;
    z-index: 999;
    padding: 0;
    margin: 0;
    list-style: none;
}
.filter-dropdown-wrap.custom-dropdown-wrap label {
    color: #3B375A;
    font-family: "Hanken Grotesk";
    font-size: 16px;
}

.custom-dropdown ul.dropdown-options li {
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background .2s;
}

.custom-dropdown ul.dropdown-options li:hover {
    background: #f0f0f0;
}

.custom-dropdown ul.dropdown-options li img.option-flag {
    max-height: 20px;
}

/* Slider Logos */
.logo-slide img {
    max-height: 65px;
    width: auto;
    margin: auto;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: .3s;
}

.logo-slide img:hover {
    filter: grayscale(0);
    opacity: 1;
}
.custom-dropdown .selected > span.location-term {
    display: none;
}
.filter-dropdown-wrap.custom-dropdown-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 0px 12px;
    border-radius: 100px;
}
.logo-section h3 {
    font-size: 42px;
    font-weight:400;
}
.np-thumb a img {
    height: 320px;
    object-fit: cover;
    object-position: center;
}
.case-studies-filter .searchandfilter ul li.sf-field-taxonomy-user-resource-category ul {
    display: flex;
    gap: 15px;
    padding: 0;

}
.case-studies-filter .searchandfilter ul li.sf-field-taxonomy-user-resource-category ul label {
    cursor: pointer;
    padding: 10px 24px;
    border: 1px solid #D8D8D8;
    border-radius: 100px;
    line-height: normal;
    font-size: 16px;
}
.filter-section .searchandfilter ul li.sf-option-active label

{
    background-color: #937CD8;
    color: white;
    border-color: #937CD8 !important;
}
.case-studies-filter .searchandfilter ul li.sf-field-taxonomy-user-resource-category ul input {
    display: none;
}



article.normal-post {
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    overflow: hidden;
    background-color: #F0F0EA;
}
.np-inner {
    padding: 26px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}



#user-resources-slider {
    padding-right: 140px;
}
.cnt-ripple-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align:center;
    z-index: 999;
    position: relative;
}
.res-troubleshoot-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lft-res-trbleshoot {
    width: 100%;
    max-width: 510px;
}
.rgt-res-trbleshoot {
    width: 100%;
    max-width: 580px;
}
.lft-res-trbleshoot h3 {
    margin-bottom: 20px;
}
.para-troubleshoot p {
    color: #333231;
    margin-bottom: 30px;
}
.btn-troubleshoot a.btn-bck-white {
    display: block;
    padding: 11px 20px;
    width: 210px;
}
.btn-troubleshoot a.btn-bck-white:hover {
    background: #333231;
    border-color: #333231;
}
.the-movement.onboarding-wrap {
    margin: 110px 0 30px;
}
.funding-wrap.funding-resources-user .fund-rgt {
    width: 630px;
}
/* Wrapper for the entire webinar section */
.webinar-wrapper-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

/* Left Section Styling */
.left-section-webinar {
    flex: 0 0 27%;
}

/* Right Section Styling (Holds the scrolling cards) */
.right-section-webinar {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 450px; /* Adjust height */
    overflow: hidden;
    max-width: 680px;
    width: 100%;
    position: relative;
}
section.latest-webinar {
    padding: 100px 0;
}

/* Wrapper that holds the cards and animates */
.webinar-cards-wrapper {
    display: flex;
    flex-direction: column;
    animation: scrollUp 20s linear infinite;
    height: auto;  /* Let the height adjust based on content */ 
}

/* Webinar Card Styling */
.webinar-card {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 20px;
    justify-content: space-between;
    border: 2px solid #E5A6AC;
}

/* Card Image Styling */
.webinar-image {
    margin-right: 20px;
    width: 100%;
    max-width: 210px;
}

.webinar-image img {
    width: 100%;
    border-radius: 50%;
}

/* Card Text Styling */
.webinar-details h3 {
    font-size: 1.2rem;
    margin: 0;
}

.webinar-details p {
    font-size: 0.9rem;
    color: #666;
}
.webinar-details {
    width: 100%;
    max-width: 300px;
}

/* Watch Now Button Styling */
.watch-now-button {
    display: inline-block;
    margin-top: 10px;
    padding: 7px 33px;
    background-color: #E5A6AC;
    color: white;
    text-decoration: none;
    border-radius: 100px;
    font-weight: 400;
    font-family: 'Hanken Grotesk';
}

.watch-now-button:hover {
    background-color: #fff;
    color:#E5A6AC;
    border:1px solid #E5A6AC ;
}

/* Keyframes for continuous scroll effect */
@keyframes scrollUp {
    0% {
        transform: translateY(0); /* Start at the top */
    }
    100% {
        /*transform: translateY(-100%); */
        /* Scroll to the bottom (offscreen) */
        
        transform: translateY(-50%);
    }
}

/* Adjustments for smaller screens */
@media (max-width: 768px) {
    .webinar-container {
        flex-direction: column;
    }

    .left-section {
        flex: 0 0 100%;
        margin-bottom: 30px;
    }

    .right-section {
        flex: 0 0 100%;
    }
}

.left-section-webinar h3 {
    color: #6B4E53;
}
.left-section-webinar p {
    margin: 30px 0 40px;
}
.btn-webinar a.btn-bck-white {
    border-color: #6B4E53;
    display: block;
    width: 170px;
    padding: 14px 20px;
}
.btn-webinar a.btn-bck-white:hover {
    background-color: #6B4E53;
}
.webinar-details h3 {
    font-size: 24px;
    font-weight: 700;
}

.part-res-rep {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
section.resources-partners-sec {
    background: linear-gradient(5deg, #937CD8 -5%, #D5C8E8);
    position: relative;
    overflow: hidden;
    padding: 90px 0;
}
section.resources-partners-sec .site-container {
    z-index: 7;
    position: relative;
}
.part-res-top h2 {
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 20px;
}
.part-res-top span {
    display: block;
    margin-bottom: 40px;
    font-size: 16px;
    font-family: 'Open Sans';
    color: #000;
}
.rep-inn-part-res {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #D8D8D8;
}
.part-res-rep-img img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.cnt-part-res-rep {
    padding: 30px;
}
.btn-wrap-prt-res {
    margin-top: 40px;
}
.btn-wrap-prt-res a.btn-back-purp {
    background: transparent;
    color: #937CD8;
}
.btn-wrap-prt-res a.btn-back-purp img {
    max-width: 12px;
}
.btn-wrap-prt-res {
    margin-top: 20px;
}
.btn-wrap-prt-res a.btn-back-purp {
    background: transparent;
    color: #937CD8;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 0;
    font-size: 22px;
    gap: 9px;
    font-weight: 500;
}
.para-res-prt-rep p {
    color: #000;
    font-size: 18px;
    min-height: 110px;
    padding-right: 20px;
}
.title-res-prt-rep h4 {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}
section.testimonial-part-res {
    background: linear-gradient(5deg, #937CD8 -77%, #FFF);
    position: relative;
    overflow: hidden;
    padding: 90px 0;
}
.testimonial-part-res .cnt-slider-test-wrap {
    background-color: #fff;
}
.cb-inner {
    display: flex;
    justify-content: space-between;
    padding: 80px 0;
    align-items: center;
}
.lft-cb-inner {
    width: 100%;
    max-width: 460px;
}
.rgt-cb-inner {
    width: 100%;
    max-width: 560px;
}
.rb-content p {
    font-size: 24px;
    margin: 20px 0;
    line-height: 32px;
    color: #3B375A;
    font-family: 'Hanken Grotesk';
}
.btn-lrn-mr {
    display: flex;
    align-items: center;
    gap: 30px;
}
.btn-lrn-mr a {
    font-size: 16px;
    text-align: center;
    border-radius: 100px;
    line-height: 37px;
    background-color: #3B375A;
    padding: 10px 20px;
    width: 180px;
}
.btn-lrn-mr a:hover {
    background-color: #937CD8;
    color: #fff;
}
.lft-cb-inner h1 {
    line-height: 62px;
}

section.cc-bnr-main .lft-cb-inner h1 {
    font-weight: 300;
    color: #000;
}


/*Cosmo Dot*/

section.banner-cosmo-learn-more {
    padding: 80px 0 100px;
    background: linear-gradient(5deg, #937CD8 -27%, #FFF);
}
.bnr-wrap-learn-more {
    display: flex;
    margin-top: 60px;
    align-items: flex-start;
}
.top-bnr-img img {
    max-width: 140px;
}
.bnr-wrap-learn-more {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
}
.lft-bnr-lrn-more {
    width: 100%;
    max-width: 570px;
    margin-top: 30px;
}
.rgt-bnr-lrnmr {
    width: 100%;
    max-width: 520px;
    margin-top: -50px;
    margin-left: auto;
}
.heading-bnr-lrn h1 {
    line-height: 65px;
}
.para-bnr-lrn p {
    font-size: 24px;
    color: #3B375A;
    margin: 24px 0;
    letter-spacing: -0.3px;
    line-height: 34px;
}
.bnr-btn-lrn {
    margin-top: 60px;
}
.bnr-btn-lrn a,
.bnr-btn-lrn-2 a{
    background-color: transparent;
    color: #6B4E53;
    border: 1px solid #6B4E53;
    border-radius: 100px;
    font-size: 16px;
    padding: 11px 26px;
}
.solution-abt.wht-it-lrnmr .solution-img img {
    width: 100%;
    max-width: 940px;
}
.solution-abt.wht-it-lrnmr .solution-wrap {
    place-items: unset;
}
.solution-abt.wht-it-lrnmr .solution-lft {
    max-width: 500px;
}
.solution-abt.wht-it-lrnmr .solution-lft p {
    margin-bottom: 20px;
}
.rep-wrap-incl.rep-wrap-lrnmr {
    max-width: unset;
    grid-template-columns: repeat(7, 1fr);
    gap: 60px;
}
.inclusive-dsg-shp.inclusive-dsg-lrnmr {
    margin-bottom: 0;
}
.bring-acc-life {
    padding: 120px 0;
}
.acc-life-cnt p {
    max-width: 570px;
    color: #3B375A;
    margin-top: 20px;
}
.bring-acc-life .bnr-btn-lrn,
.bring-acc-life.bring-acc-life-ability .btn-wrap-lrn-more{
    margin-top: 30px;
}
/*.bring-acc-life .bnr-btn-lrn a.button {*/
/*    color: #3B375A !important;*/
/*    border-color: #3B375A !important;*/
/*    background-color:#fff !important;*/
/*}*/
/*.bring-acc-life .bnr-btn-lrn a.button:hover {*/
/*    background-color: #3B375A !important;*/
/*    color: #fff !important;*/
/*    border-color: #3B375A !important;*/
/*}*/
.cosmo-leran-usrs {
    padding: 80px 0;
}
.lrn-usrs-cosmo,
.lrn-usrs-cosmo.lrn-usrs-cosmo-v2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}
.lrn-usrs-cosmo.lrn-usrs-cosmo-v3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}
.innr-lrn-usrs-cosmo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.lft-lrn-usrs-cosmo {
    width: 100%;
    max-width: 190px;
}
.rgt-lrn-usrs-cosmo {
    flex: 1;
}
.cosmo-leran-usrs h3 {
    text-align: center;
    margin-bottom: 55px;
    font-weight: 700;
    font-size: 40px;
}
.rgt-lrn-usrs-cosmo h5 {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}
section.trust-en-lrnmr .part-res-top h3 {
    margin-bottom: 30px;
}
section.trust-en-lrnmr .part-res-rep-img img {
    height: 290px;
    object-fit: cover;
}
section.trust-en-lrnmr .title-res-prt-rep h4 {
    font-weight: 400;
}
.prof-lrnmr {
    padding: 90px 0;
}
.title-prof-lrnmr {
    margin-bottom: 30px;
}
.rep-prof-lrnmr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.inr-prof-lrnmr {
    background-color: #F0F0EA;
    padding: 30px;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
}
.top-rep-prof-lrnmr {
    display: flex;
    align-items: center;
    gap: 20px;
}
.lft-prof-lrnmr {
    width: 100%;
    max-width: 80px;
}
.rgt-prof-lrnmr h5 {
    font-weight: 700;
    color: #000;
}
.rgt-prof-lrnmr span {
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 14px;
}
.lrnmr-prof-cnt {
    margin-top: 30px;
}
.lrnmr-prof-cnt p {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Hanken Grotesk';
}
.uses-comso-dot {
    padding: 90px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
}
.uses-comso-dot .wrap-top-cnt {
    position: relative;
    z-index: 7;
}
.uses-comso-dot .wrap-top-cnt h3 {
    text-align: center;
}
.cosmo-uses-rep-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 50px;
}
.cosmo-uses-rep-wrap-inner {
    display: flex;
    align-items: center;
    gap: 40px;
    max-width: 560px;
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
    border: 2px solid #937CD8;
}
.rgt-uses-cosmo-dot {
    max-width: 120px;
}
.lft-uses-cosmo-dot {
    max-width: 290px;
}
.lft-uses-cosmo-dot h5 {
    color: #000;
    font-size: 24px;
}
.lft-uses-cosmo-dot p {
    color: #000;
    font-size: 18px;
    margin-top: 10px;
}
.wrap-dot-supports {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rgt-dot-supports {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 100px;
    max-width: 740px;
    text-align: center;
    place-items: center;
}
.content-banner .site-container {
    padding: 0;
}

.lft-dot-supports {
    max-width: 330px;
}
.lft-dot-supports .dot-supp-title h3 {
    text-align: left;
    margin-bottom: 20px;
    line-height: 44px;
}
.dost-supp-para p {
    color: #3B375A;
    font-family: 'Hanken Grotesk';
    line-height: 24px;
    font-size: 18px;
}
.uses-comso-dot.content-banner {
    background: linear-gradient(5deg, #937CD8 -30%, #D5C8E8);
}
.bottom-rgt-support {
    padding-left: 110px;
}
.bottom-rgt-support {
    padding-left: 130px;
    margin-top: 50px;
}
.dot-supp-rep-title h4 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    margin-top: 20px;
}

/*Cosmo Ability*/

section.banner-cosmo-ability {
    background: linear-gradient(5deg, #E5A6AC -27%, #F4E6E9);
}
.banner-cosmo-ability .lft-bnr-lrn-more {
    max-width: 590px;
}
section.banner-cosmo-ability .heading-bnr-lrn h1,section.banner-cosmo-ability .para-bnr-lrn p {
    color: #6B4E53;
}
.btn-wrap-lrn-more {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 60px;
}
.btn-wrap-lrn-more .bnr-btn-lrn {
    margin-top: 0;
}
section.banner-cosmo-ability .bnr-btn-lrn a,
.bnr-btn-lrn-2 a:hover{
    background-color: #6B4E53;
    color: #fff;
}
.bring-acc-life-ability {
    background-color: #F4E6E9;
}

.bring-acc-life-ability h3 {
    color: #6B4E53;
    font-size: 62px;
}
.bring-acc-life-ability .acc-life-cnt p {
    color: #6B4E53;
}
.btn-wrap-lrn-more .bnr-btn-lrn a.button {
    background: #6B4E53;
    color: #fff !important;
    border-color: #6B4E53;
}
.cosmo-leran-usrs-ability .lft-lrn-usrs-cosmo {
    width: 100%;
    max-width: 130px;
}
.rgt-lrn-usrs-cosmo p {
    color: #000;
    font-size: 15px;
    line-height: 25px;
}
section.trust-en-lrnmr-ability {
    background: #F2DCDF;
}
section.trust-en-lrnmr-ability .part-res-top h3 {
    color: #6B4E53;
}
.ability-cosmo-focus.content-banner {
    padding: 130px 0;
    height: unset;
}
.title-ability-cosmo-focus h3 {
    color: #000;
}
.rep-ability-cosmo-focus {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}
.inner-wrap-ability-focus-cosmo {
    border: 1px solid #E58E96;
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
}

.title-ability-wrap-focus-rep h4 {
    color: #E58E96;
    font-weight: 700;
    max-width: 190px;
    font-size: 24px;
    min-height: 60px;
    line-height: 30px;
}
.para-ability-wrap-focus-rep p {
    color: #000;
    margin-top: 10px;
}

.cosmo-empowers.content-banner {
    background: #EECCD0;
    padding: 100px 0;
}
.empowers-learners-rep {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 40px;
}
.inner-emp-rep {
    display: flex;
    gap: 10px;
    align-items: center;
}
.title-cosmo-empower h3 {
    color: #6B4E53;
}
.title-rep-empow h5 {
    color: #000;
    font-family: "Hanken Grotesk";
    font-size: 21px;
    font-weight: 400;
    min-height: 40px;
}
.img-empow-rep img {
    max-width: 20px;
}
.cosmo-activities {
    padding: 100px 0;
}
.cosmo-act-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lft-cosmo-act {
    max-width: 350px;
}
.rgt-cosmo-act {
    max-width: 720px;
}
.rgt-parent-wrap-cosmo-act {
    display: flex;
    align-items: center;
    gap: 20px;
}
.cosmo-act-rep > div {
    margin-bottom: 40px;
}

.comso-act-inner-wrap {
    border-radius: 10px;
    border: 2px solid #E5A6AC;
    display: flex;
    align-items: center;
    padding: 30px;
    gap: 30px;
}
.lft-innr-rep-cosmo-act {
    max-width: 260px;
}
.rgt-innr-rep-cosmo-act {
    max-width: 160px;
}
.cosmo-act-rep {
    flex: 1;
}
.lft-cosmo-act p {
    color: #6B4E53;
    font-family: "Hanken Grotesk";
    margin-bottom: 10px;
}
.bottom-cosmo-act {
    max-width: 170px;
}

.bottom-cosmo-act span {
    color: #6B4E53;
    font-family: "Hanken Grotesk";
    font-size: 32px;
    line-height: 32px;
}
.lft-innr-rep-cosmo-act h5 {
    font-size: 24px;
    color: #000;
    margin-bottom: 10px;
}
.lft-innr-rep-cosmo-act p {
    color: #000;
    line-height: 25px;
}
.lft-cosmo-act h3 {
    color: #6B4E53;
    margin-bottom: 30px;
}
.title-educ-lrn-rep h4 {
    font-size: 24px;
    color: #000;
    margin: 20px 0;
    font-weight: 700;
    line-height: 29px;
    max-width: 210px;
}
.lrnmr-prof-cnt.educ-lrnmr-para p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.educators-learners-wrap .inr-prof-lrnmr {
    min-height: 270px;
}

/*Cosmo Music*/

section.banner-cosmo-learn-more.banner-cosmo-music {
    background: linear-gradient(5deg, #EFA77F -100%, #F5E7D4);
}
section.banner-cosmo-learn-more.banner-cosmo-music h1 {
    color: #6D4B32;
}
.banner-cosmo-music .lft-bnr-lrn-more {
    max-width: 650px;
}
.banner-cosmo-music .para-bnr-lrn p {
    color: #6D4B32;
}
section.trust-en-lrnmr.trust-en-lrnmr-music {
    background: #f3d6bd;
}
section.trust-en-lrnmr.trust-en-lrnmr-music .part-res-top h3 {
    color: #6D4B32;
}
.cosmo-empowers.cosmo-empowers-music {
    background: #F4E1CC;
    padding: 130px 0;
}
.rep-ability-cosmo-focus.rep-cosmo-foucs-music {
    grid-template-columns: repeat(4, 1fr);
}
.rep-cosmo-foucs-music .title-ability-wrap-focus-rep h4 {
    max-width: 140px;
}
.ability-cosmo-focus.ability-cosmo-focus-music.content-banner {
    background: linear-gradient(5deg, #f2c9ac 100%, #fff);
}
.ability-focus-subtitle span {
    color: #000;
    font-family: 'Open Sans';
    margin: 30px 0;
    display: block;
    font-size: 16px;
}
.ability-cosmo-focus-music .title-ability-wrap-focus-rep h4 {
    color: #EFA77F;
}
.cosmo-activities-music .lft-innr-rep-cosmo-act {
    max-width: 300px;
}
.cosmo-activities-music .rgt-innr-rep-cosmo-act {
    max-width: 140px;
}
.cosmo-activities-music .rgt-cosmo-act {
    width: 100%;
    max-width: 750px;
}
.cosmo-activities-music .comso-act-inner-wrap {
    border: 2px solid #EFA77F;
}
.community-lik-comments {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 20px;
}
.likes-community,
.comments-community {
    display: flex;
    align-items: center;
    gap: 10px;
}
.cat-community-rep {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}
.inner-cat-commu-rep span {
    background-color: #333231;
    color: #fff;
    padding: 6px 20px;
    border-radius: 100px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}
.likes-community img,
.comments-community img {
    max-width: 29px;
}
.likes-text span,
.comments-text span{
    font-weight: 700;
    font-size: 16px;
    color: #000;
}
div#educators-learners-slider {
    padding-right: 50px;
}
.prof-lrnmr.community-usr-res .lrnmr-prof-cnt.educ-lrnmr-para p {
    font-size: 15px;
}
.prof-lrnmr.community-usr-res .title-educ-lrn-rep h4 {
    min-height: auto;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 10px;
}
.prof-lrnmr.community-usr-res .lrnmr-prof-cnt.educ-lrnmr-para {
    margin-top: 10px;
}

.podcast-res {
    padding: 80px 0;
}

/* Individual podcast card styles */
.podcast-card {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 15px;
     background: linear-gradient(0deg, #D5C8E800 -510%, #937CD8 170%);
}

.podcast-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    max-width: 270px;
    margin-left: auto;
}


.podcast-info {
    margin-top: 15px;
    padding: 30px 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 10px;
    z-index: 20;
}

.podcast-description {
    font-size: 0.9rem;
    color: #fff;
    margin-bottom: 10px;
}

.podcast-duration {
    font-size: 0.85rem;
    color: #ccc;
    margin-bottom: 15px;
}

.listen-button {
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
}
.top-cnt-podcast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0;
}
.lft-podcast-top {
    max-width: 920px;
}
.lft-podcast-top p {
    color: #000000;
}
.rgt-podcast-top a {
    background: transparent;
    border: 1px solid #937CD8;
    color: #937CD8;
    border-radius: 100px;
    box-shadow: unset;
    padding: 10px 20px;
    font-size: 16px;
}
.rgt-podcast-top a:hover {
    background: #937CD8;
    color: #fff;
}
.podcast-btm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.podcast-image {
    position: relative;
    z-index: 10;
}
.title-pod-rep h4 {
    color: #fff;
}
.para-rep-pod p {
    color: #fff;
}
.btn-lnk-rep-pod a {
    background-color: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
}
span.podcast-duration {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
}
div#podcast-slider {
    padding-right: 70px;
}

/*Single Product Page*/

.inclusive-dsg-shp.inclusive-dsg-prod {
    background-color: transparent;
}
.rep-wrap-incl.rep-wrap-incl-prod {
    gap: 90px;
}

.title-whats-box h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
}

.wrap-whatsbox-rep-out {
    background-color: #F0F0EA;
    padding: 50px;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
}

.wrap-whatsbox-rep {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 80px;
    text-align: center;
    max-width: 880px;
    margin: 0 auto;
}
.title-rep-whatsbox h5 {
    font-weight: 700;
    margin-top: 20px;
}

.video-unbox {
    margin: 80px 0px;
}

.video-unbox h3 {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 40px;
    color: #000;
}

.video-wrap-out iframe {
    display: block;
    width: 100%;
    height: 100%;
    object-fit:cover
}
.video-wrap-out {
    position: relative;
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 21 / 10;
    overflow: hidden;
    border-radius: 20px;
}

#videoWrapper iframe,
.overlay-img-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

#overlayWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 5;
}

.play-btn {
    position: relative;
    z-index: 10;
}

button#playBtn {
    background: transparent;
    padding: 0;
}
button#playBtn img {
    max-width: 90px;
}
.wrap-cosmo-app {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}

.technical-specification {
    background-color: #F0F0EB;
    padding: 90px 0;
}
.top-cnt-tech-spec {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}
.top-cnt-tech-spec h3 {
    color: #000;
    margin-bottom: 40px;
}
.top-cnt-tech-spec p {
    color: #000;
    margin-bottom: 30px;
}
.grid-tech-spec {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.inner-wrap-tech-spec {
    background-color: #fff;
    padding: 30px;
    border: 1px solid #000000;
    border-radius: 10px;
}
.inner-wrap-tech-spec h4 {
    font-size: 24px;
    color: #000;
    line-height: 33px;
    font-weight: 700;
    margin-bottom: 10px;
}
.inner-wrap-tech-spec p {
    color: #000;
}
.lft-image-slid-test img {
    max-width: 100px !important;
}
.rating img {
    max-width: 170px !important;
}
.single-product .kadence-breadcrumbs {
    display:none;
}
.single-product .woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}
.wrap-single-prod {
    display: flex;
    align-items: center;
    justify-content: space-between;
        margin-top: 50px;
}
.lft-prod-wrap {
    width: 45%;
}
.rgt-prod-wrap {
    width: 42%;
}
.lft-prod-wrap .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images,
.rgt-prod-wrap .summary.entry-summary{
    float: none !important;
    width: 100% !important;
}
.single-product .summary.entry-summary form.cart button.single_add_to_cart_button.button.alt {
    background: #3B375A !important;
    width: 211px !important;
    height: 50px;
    padding: 10px 20px;
    line-height: 30px;
    border-radius: 100px;
    margin-left: 30px;
    border: 1px solid #3B375A;
}

.single-product .summary.entry-summary form.cart button.single_add_to_cart_button.button.alt:hover,
.single-product .summary.entry-summary form.cart button.single_add_to_cart_button.button.alt:active{
    background-color: #937cd8 !important;
    border-color: #937cd8;
    color: #fff;
}
.single-product h1.product_title.entry-title {
    color: #000;
    font-size: 44px;
    font-weight: 700;
    line-height: 48px;
}
p.custom-product-text {
    font-size: 24px;
    color: #878581;
    margin: 10px 0 !important;
}
.single-product span.woocommerce-Price-amount.amount {
    color: #000;
    font-size: 42px;
    margin: 30px 0;
    display: block;
}
.single-product .woocommerce-product-details__short-description ul li {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    list-style: none;
    position: relative;
}
.single-product .woocommerce-product-details__short-description ul li::before {
    position: absolute;
    content: '';
    top: 15px;
    left: -16px;
    width: 6px;
    height: 6px;
    background: #000;
}
.single-product .woocommerce-product-details__short-description p {
    color: #000;
    font-family: 'Open Sans';
    line-height: 26px;
}
.single-product .product_meta {
    display: none;
}
/*.single-product .site-container {*/
/*    padding: 0;*/
/*}*/
.wrap-ways-prod {
    display: flex;
    justify-content: space-between;
}
.lft-ways-prod-cnt {
    position: relative;
    z-index: 7;
    padding-bottom: 40px;
}
.lft-wrap-prod,
.rgt-wrap-prod{
    max-width: 49%;
    border-radius: 10px;
}
.two-ways-prod h3 {
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 20px;
}
.cnt-lft-innr-prod-wys {
    padding: 70px 70px 30px;
}
.lft-wrap-prod.content-banner,
.rgt-wrap-prod.content-banner{
    background: linear-gradient(5deg, #937CD8 -100%, #D5C8E8);
}
.wrap-ways-prod h4 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 10px;
}
.wrap-ways-prod p {
    color: #3B375A;
    min-height: 80px;
}
.rgt-img-ways-prod {
    margin-top: 30px;
}
.btn-cosmo-lrn-suit.btn-two-wys-prod {
    margin-top: 30px;
}
.single-product .woocommerce-product-details__short-description ul {
    margin-bottom: 0;
}
.rgt-prod-wrap .summary.entry-summary .lft-mny-bck  img {
    max-width: 400px;
    margin-bottom: 20px;
}
.single-product .rgt-prod-wrap .summary.entry-summary .woocommerce-product-details__short-description ul,
.single-product .rgt-prod-wrap .summary.entry-summary .woocommerce-product-details__short-description{
    
    margin-bottom:0 !important;
}
section.related.products {
    display: none;
}   
.cosmolrn-suite.cosmolrn-suit-prod h3 {
    color: #000;
    font-weight: 700;
    font-size: 40px;
}
/*.rep-lrn-suite.rep-lrn-suite-prod {*/
/*    grid-template-columns: repeat(2, 1fr);*/
/*    gap: 40px;*/
/*}*/
.rep-lrn-suite.rep-lrn-suite-prod .top-rep-img-lrn-suit img {
    max-width: 260px;
    height: 88px;
    object-fit: contain;
}
.rep-lrn-suite.rep-lrn-suite-prod .lrn-suite-rep-wrap {
    padding: 40px 70px 20px;
}
.cosmolrn-suite.cosmolrn-suit-prod .top-rep-para-lrn-suit {
    margin-top: 60px;
}

.wrap-whatsbox-rep.wrap-whatsbox-rep-v4 {
    grid-template-columns: repeat(4, 1fr);
    max-width: 1200px;
}
.main_arrow, .thumb_arrow {
    opacity: 1 !important;
}
.nswiper-button-next, .nswiper-button-prev {
    padding: 18px !important;
    width: 18px !important;
    border-radius: 100px;
    height: 18px !important;
}
.nswiper-button-next:after, .nswiper-button-prev:after {
    font-size: 18px !important;
}
.trob-post-wrap form > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0 20px;
}
.trob-post-wrap li.sf-field-taxonomy-troubleshoot-category ul{
    
    display: flex;
    gap: 15px;
    padding: 0;
}
.trob-post-wrap li.sf-field-taxonomy-troubleshoot-category ul label{
    cursor: pointer;
    padding: 10px 24px;
    border: 1px solid #D8D8D8;
    border-radius: 100px;
    line-height: normal;
    font-size: 16px;
}
.trob-post-wrap li.sf-field-taxonomy-troubleshoot-category ul input {
    display: none;
}


/*onboarding*/

.content-banner.onboarding-bnr {
    padding: 150px 0;
    z-index: 1;
}
.content-banner.onboarding-bnr .cnt-ripple-banner .rb-content p {
    font-size: 16px;
    line-height: 26px;
}
.content-banner.onboarding-bnr .cnt-ripple-banner .rb-content {
    max-width: 530px;
}
.top-dotug-cosmo-onb {
    position: relative;
    z-index: 1;
    border-radius: 10px;
}
.cosmo-dot-ways-usg {
    max-width: 900px;
    margin: 0 auto;
    padding: 80px 0;
}
.wrp-dotsusg-cosmo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.img-dotusg-cosmo-onb {
    padding: 15px;
}
.dotusg-cosmo-cnt-onb {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
}
.dotsusg-outr-wrp {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #E4E4E4;
    background: #FFF;
}
.img-dotusg-cosmo-onb img {
    height: 200px;
    margin: 0 auto;
}
.dotusg-cosmo-onb-icon img {
    height: 48px;
    object-fit: cover;
}
.dotsusg-innr-wrp {
    border-radius: 10px;
}
.dotusg-cosmo-onb-para p {
    color: #000;
    font-size: 19px;
    line-height: normal;
}
.cosmo-dot-ways-usg h3 {
    margin-bottom: 40px;
}
.cosmo-lrn-onb {
    padding: 120px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.wrp-cosmo-lrn-onb {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lft-cosmo-lrn-onb {
    width: 570px;
}
.rgt-cosmo-lrn-onb {
    width: 700px;
}
.lft-cosmo-lrn-onb p {
    color: #3B375A;
    line-height: 26px;
    margin: 10px 0 40px;
}
.lft-cosmo-lrn-onb p a {
    text-decoration: underline;
}
.lft-cosmo-lrn-onb h3 {
    width: 380px;
    line-height: 45px;
}
.wrp-dotsusg-cosmo.wrp-coscnt-onb {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
}
.dotusg-cosmo-cnt-onb.csmcnt-onb-cnt {
    text-align: left;
    align-items: flex-start;
    padding: 40px 20px;
}
.connect-dots-onb.cosmo-cnt-onb {
    padding: 80px 0;
}
.dotsusg-outr-wrp.csmcnt-onb-wrp {
    background: #F0F0EA;
    border: 1px solid #D8D8D8;
}
.dotusg-cosmo-cnt-onb.csmcnt-onb-cnt{
    
    background: #F0F0EA;
}
.dotusg-cosmo-onb-para.csmcnt-onb-para p {
    font-size: 18px;
}
.img-dotusg-cosmo-onb.csmcnt-onb-wrp-img {
    padding: 40px;
}
.connect-dots-onb.cosmo-cnt-onb h3 {
    margin-bottom: 40px;
}
.dotusg-cosmo-onb-para.csmcnt-onb-para p strong {
    color: #937CD8;
    font-weight: 400;
    text-decoration: underline;
}
.cnt-pers-onb {
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    padding: 30px;
}
.cnt-pers-onb h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.cnt-pers-onb ol {
    margin-left: 0;
    padding-left: 18px;
}
.cnt-pers-onb ol li {
    margin-bottom: 3px;
    font-size: 18px;
}
.pers-act-onb {
    margin-bottom: 90px;
}
.cosmo-app-onb {
    padding: 120px 0;
}

.onb-dot-stup .lft-cosmo-app h3 {
    color: #3B375A;
    max-width: 320px;
    line-height: 45px;
}
.onb-dot-stup .rgt-pair-app img {
    max-width: 590px;
    margin-left: auto;
}
.dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para p strong {
    text-decoration: unset;
    font-weight: 700;
    color:#000;
}
.dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para p {
    margin-bottom: 30px;
}
.dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para ol li a {
    color: #937CD8;
    text-decoration: underline;
    text-underline-offset: unset;
}
.dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para p,
.dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para ol li{
    
    color: #000;
    font-size:18px;
}
.dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para p em {
    font-size: 16px;
}
.connect-dots-onb.cosmo-thirdpt-apps-onb {
    margin-bottom: 100px;
}
.connect-dots-onb.cosmo-thirdpt-apps-onb h3 {
    margin-bottom: 40px;
}
.dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para ol li span {
    color: #937CD8;
    text-decoration: underline;
}
.bottom-third-app-onb P {
    font-size: 24px;
    margin: 30px 0 0;
    color: #000;
    max-width: 1240px;
    line-height: 32px;
}
.dotusg-cosmo-cnt-onb.dots-acc-app-cnt {
    display: block;
    text-align: left;
}
.dotusg-cosmo-onb-title.dots-acc-app-title {
    text-align: center;
    margin-bottom: 10px;
}
.dotusg-cosmo-cnt-onb.dots-acc-app-cnt ol {
    margin-left: 10px;
}
.dotusg-cosmo-cnt-onb.dots-acc-app-cnt ol li a {
    color: #937CD8;
    text-decoration: underline;
    transition: unset;
    text-underline-offset: unset;
}
.cosmo-dot-ways-usg.dots-acc-app {
    text-align: center;
    max-width: 940px;
}
.cosmo-dot-ways-usg.dots-acc-app p {
    color: #000;
    font-size: 20px;
    max-width: 780px;
    margin: 0 auto 50px;
}
.cosmo-dot-ways-usg.dots-acc-app h3 {
    margin-bottom: 20px;
}

.wrap-dot-stupf-onb {
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    background: #F0F0EA;
    padding: 40px;
}
.wrap-dot-stupf-onb h3 {
    font-size: 24px;
    font-weight: 700;
    margin: 20px 0;
}
.wrap-dot-stupf-onb ol {
    font-size: 17px;
    font-family: 'Open Sans';
    color: #000;
}
.wrap-dot-stupf-onb img {
    max-width: 80px;
}
.wrap-dot-stupf-onb ol li strong {
    font-weight: 600;
    font-family: 'Open Sans';
}
.wrp-supp-key {
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    background: #F0F0EA;
    padding: 40px;
    margin: 60px 0 80px;
}
.rep-supp-key {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.innr-supp-key-func {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 20px 40px;
    border-radius: 24px;
    gap: 20px;
}
.img-supp-keyrep {
    width: 70px;
}
.title-supp-key-rep {
    flex: 1;
}
.img-supp-keyrep img {
    height: 60px;
    object-fit: contain;
}
.title-supp-key-rep p strong {
    font-weight: 700;
    color: #383838;
    font-family: 'Open Sans';
}
.top-supp-key-fun img {
    max-width: 80px;
}
.top-supp-key-fun h3 {
    font-size: 24px;
    font-weight: 700;
    margin: 20px 0;
    color: #000;
}
.title-supp-key-rep p {
    color: #000;
}
.top-cnt-switch-modes h3 {
    color: #3B375A;
    font-weight: 400;
}
.top-cnt-switch-modes p {
    color: #3B375A;
    margin: 20px 0 50px;
    line-height: 26px;
}
.rep-switch-modes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
.innr-switch-modes {
    border: 1px solid #D8D8D8;
    padding: 50px 40px;
    border-radius: 10px;
}
.title-rep-switch-modes h4 {
    font-weight: 700;
    color: #000;
    font-size: 24px;
    margin-bottom: 20px;
}
.pra-rep-switch-modes p {
    font-size: 18px;
    line-height: 30px;
    color:#000;
}
.bottom-switch-modes {
    margin-top: 30px;
}
.bottom-switch-modes p, .bottom-switch-modes p strong {
    color: #000;
    font-size: 24px;
    line-height: 34px;
}
.switch-cosmo-modes {
    margin-bottom: 280px;
}

/*Contact Us*/


.bnr-sec-nobg {
    padding-top: 50px;
}
.bnr-sec-nobg h1 {
    font-size: 42px;
    color: #000;
}
.bnr-sec-nobg p {
    color: #000;
    line-height: 24px;
}
.cnt-sec {
    margin: 30px 0 80px;
}

.cntct-wrp {
    display: flex;
    justify-content: space-between;
}
.lft-cntct {
    max-width: 39%;
}
.rgt-cntct-frm {
    max-width: 52%;
}
.outer-wrp-cntct-frm {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.cnt-frm-parent {
    border: 1px solid #937CD8;
    padding: 40px 30px; 
    border-radius: 16px;
}
.cnt-frm-parent label {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    margin: 10px 0;
}
.cnt-frm-parent span input,
.cnt-frm-parent span textarea{
    background-color: #F5F5F5;
    border-radius: 100px;
    border: 1px solid rgb(0 0 0 / 50%);
    padding-left: 20px;
    height: 50px;
    width:100%;
}
.cnt-frm-parent span input::placeholder,
.cnt-frm-parent span textarea::placeholder{
    color: rgb(0 0 0 / 50%);
}
.cnt-frm-parent span textarea{
    
    resize:none;
    line-height: 34px;
}
.cnt-frm-sbmt input[type="submit"] {
    width: fit-content;
    margin: 10px auto 0;
    display: block;
    border: 1px solid #937CD8;
    background-color: transparent;
    color: #937CD8;
    border-radius: 100px;
    padding: 10px 60px;
}
.cnt-frm-parent span.wpcf7-spinner {
    display: none;
}
.cnt-frm-cnt {
    border: 1px solid #D8D8D8;
    padding: 30px;
    border-radius: 10px;
}
.cnt-frm-cnt h3 {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}
.inner-wrp-cntct-frm p {
    color: #000;
    line-height: 32px;
}
.inner-wrp-cntct-frm p a {
    color: #000;
}

.cntct-frm-lft-btm {
    margin-top: 30px;
}
.cntct-frm-lft-btm p {
    margin-bottom: 20px;
    color: #7F7D7A;
}
.cnt-frm-sbmt input[type="submit"]:hover,
.cnt-frm-sbmt input[type="submit"]:active,
.cnt-frm-sbmt input[type="submit"]:focus
{
    background-color: #937CD8;
    color: #fff;
}

/*404 Page*/

.not-fnd-wrap {
    padding: 90px 0;
}

.cnt-bnr {
    max-width: 480px;
    margin: 0 auto;
    text-align: center;
}
.cnt-bnr h1 {
    color: #333231;
    margin-bottom: 20px;
}
.not-fnd-wrap .btn-wrp {
    margin-top: 20px;
}
.not-fnd-wrap .btn-wrp {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.not-fnd-wrap .btn-wrp a.rtrn-home {
    background-color: #333231;
    padding: 12px 52px;
    border-radius: 100px;
    font-size: 16px;
    border:1px solid #333231;
}
.not-fnd-wrap .btn-wrp a.cnt-btn-ntfnd {
    border: 1px solid #333231;
    padding: 12px 52px;
    border-radius: 100px;
    font-size: 16px;
    color:#333231;
}
.cnt-bnr p {
    color: #333231;
    line-height: 25px;
}

.ux-lockscreen-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rgt-form-lck-scrn form.custom-login-form {
    flex-direction: column;
}

.user-notice-message .site-container {
    padding: 0;
}
.ability-cosmo-focus.join-cosmo-cnt-lk {
    background: linear-gradient(5deg, #937CD8 -80%, #F2F2EF);
}
.rep-ability-cosmo-focus.rep-join-cosmo-lk {
    grid-template-columns: repeat(4, 1fr);
}
.rep-join-cosmo-lk .inner-wrap-ability-focus-cosmo {
    border-color: #937CD8;
}
.rep-join-cosmo-lk .inner-wrap-ability-focus-cosmo .title-ability-wrap-focus-rep h4 {
    color: #937CD8;
}
/*.title-ability-cosmo-focus {*/
/*    max-width: 760px;*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*}*/
.title-ability-cosmo-focus p {
    color: #000;
    line-height: 26px;
    margin: 20px 0;
}
.lft-lck-scrn {
    width: 29%;
}
.rgt-form-lck-scrn {
    width: 35%;
    border: 1px solid #937CD8;
    padding: 40px 30px;
    border-radius: 16px;
}
.rgt-form-lck-scrn form.custom-login-form .clf-item input {
    margin-left: unset;
    width: 100%;
}
.clf-item label {
     display: block;
    font-size: 20px;
    color: #000;
    font-weight: 700;
}
.clf-item input[type=text],
.clf-item input[type=password]
{
    background-color: #F5F5F5;
    border-radius: 100px;
    border: 1px solid rgb(0 0 0 / 50%);
    height: 46px;
    padding-left: 20px;
}
.custom-login-form .clf-item-btn {
    margin: 20px auto 0 !important;
}
.clf-item.clf-item-btn input {
    background-color: transparent;
    color: #937CD8;
    border: 1px solid #937CD8;
    width: fit-content !important;
    margin: 0 auto;
    display: block;
    padding: 10px 66px;
    border-radius: 100px;
}
.clf-item.clf-item-btn input:hover {
    background-color: #937CD8;
    color: #fff;
}
.lck-scrn-para p {
    color: #000;
    margin: 20px 0;
}
.ux-lockscreen-container {
    margin: 0 0 30px !important;
}


/*Cart Page*/

header.woocommerce-products-header {
    padding: 0px 0px;
    margin-bottom: 0px;
}
.progress-bar-main-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 100px;
}

.progress-icon.progress-icon-active {
    border: 2px solid #937cd8;
    background: #937cd8;
}

.progress-bar-checkout .progress-count .progress-icon {
    margin: 0 auto;
}

.progress-icon.progress-icon-active svg {
    fill: #fff;
    width: 20px;
    height: 20px;
}

.woocommerce-cart .wc-block-cart__submit-button:hover {
    background-color: #fff;
    border: 1px solid #937cd8;
    color: #937cd8;
    box-shadow: unset;
    border-radius: 100px !important;
    transition: unset;
    text-underline-offset: unset;
}

/* MAIN WRAPPER */
.progress-bar-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 900px;
    margin: 0 auto 60px;
    position: relative;
    width: 100%;
}

/* STEP ICON + LABEL WRAPPER */
.progress-step {
    position: relative;
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

/* LABELS */
.progress-label {
    font-size: 14px;
    color: #9CA3AF;
    font-weight: 500;
}

.progress-step.active .progress-label {
    font-weight: 700;
    color: #000;
}

/* ICONS */
.progress-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #D1D5DB;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    font-size: 14px;
}

.progress-step.active .progress-icon {
    background: #8B5CF6;
    border-color: #8B5CF6;
    color: #fff;
}
.progress-bar-cart,
.progress-bar-checkout,
.progress-bar-payment{
    z-index: 2;
}
/* CONNECTING LINES */
/*.progress-line, .progress-line-active {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    left: 0;*/
/*    height: 2px;*/
/*    z-index: 0;*/
/*}*/

.progress-line {
    position: absolute;
    left: 0;
    right: 0;
    /*bottom: 11px;*/
    top: 17px;
    margin: 0 auto;
    z-index: -1;
    border: 1px solid #7a7b7ddb; /* Default grey color */
    background-color: #fff;
}

.progress-line-active {
    width: 33%; /* or dynamically set */
    background-color: #8B5CF6; /* Purple color for active progress */
}
.progress-bar-payment .progress-icon {
    margin-left: auto;
}



/* Grey default background line */
.progress-line {
    width: auto;
    background: #000;
    z-index: 1;
}



/* Add a default progress line */
.progress-bar-cart.up_current.progress-icon-done:before {
    position: absolute;
    content: '';
    bottom: 68%;
    left: 50%;
    width: 100%; /* This width can be adjusted dynamically */
    height: 1px;
    background-color: #8B5CF6; /* Purple when active */
    transform: translateX(-50%);
}

.progress-bar-checkout:before {
    position: absolute;
    content: '';
    bottom: 68%;
    left: 50%;
    width: 0%; /* Initially no line */
    height: 1px;
    background-color: #E5E7EB; /* Grey when not active */
    transform: translateX(-50%);
}

.progress-bar-cart.up_current.progress-icon-done:before {
    background-color: #8B5CF6;
    width: 44%;
}
.progress-bar-cart.up_current.progress-icon-done:before {
    position: absolute;
    content: '';
    bottom: 70%;
    left: 210px;
    /* width: 100%; */
    height: 1px;
    background-color: #8B5CF6;
    transform: translateX(-50%);
}
.progress-bar-checkout.up_current.progress-icon-done:before {
    background-color: #8B5CF6; /* Purple */
    width: 66%; /* 66% width for the second step */
}

.progress-bar-payment.up_current.progress-icon-done:before {
    background-color: #8B5CF6; /* Purple */
    width: 100%; /* 100% width for the final step */
}


.woocommerce-cart .wc-block-components-totals-coupon__button,
.woocommerce-checkout .wc-block-components-totals-coupon__button{
    background-color: #937CD8;
    border-radius: 100px;
    padding: 8px 30px;
    font-size: 17px;
    border:1px solid #937CD8;
}
.woocommerce-cart .wc-block-components-totals-coupon__button:hover,
.woocommerce-checkout .wc-block-components-totals-coupon__button:hover{
    background-color: #fff;
    border:1px solid #937CD8;
    color:#937CD8;
}


.woocommerce-cart .wc-block-cart__submit-button {
    background-color: #937CD8;
    border-radius: 100px;
    border: 1px solid #937CD8;
}


.woocommerce-cart button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--minus, .woocommerce-cart button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus {
    border-radius: 100px;
    border: 2px solid #937CD8;
    width: 36px;
    height: 36px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    opacity: 1 !important;
    cursor: pointer !important;
    color: #937CD8 !important;
}
.woocommerce-cart .wc-block-components-quantity-selector:after{
    
    display:none;
}
.woocommerce-cart .wc-block-components-quantity-selector {
    width: 147px;
    align-items: center;
    border: unset !important;
}
.woocommerce-cart .wc-block-components-totals-item.wc-block-components-totals-footer-item {
    color: #937CD8;
}
.woocommerce-cart button.wc-block-cart-item__remove-link {
    color: red !important;
    font-size: 14px !important;
}
.woocommerce-cart .wc-block-components-product-metadata__description {
    display: none;
}
.woocommerce-cart .wc-block-cart-item__wrap a.wc-block-components-product-name {
   color: #000;
    font-size: 18px;
    font-weight: 500;
}
.woocommerce-cart tr.wc-block-cart-items__header th span,
.woocommerce-cart h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
    font-weight: 800;
    font-size: 16px;
    color: #000;
    font-family: 'Hanken Grotesk';
}
.progress-icon-done .up_label {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
}
.up_label {
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    color: #757575;
}
.cart__page {
    margin: 60px 0;
}

.progress-bar-checkout.progress-bar-default-active.up_current.progress-icon-done::before {
    left: 75%;
    width: 50%;
    bottom: 71%;
}
.woocommerce-cart .wc-block-components-totals-coupon__button:hover {
    color: #937CD8;
    background-color: #fff;
    border: 1px solid #937CD8;
    box-shadow: unset;
}
.woocommerce-cart  .wc-block-components-sidebar
{
    width: 25%;
}

.woocommerce-checkout .wc-block-components-sidebar{
    
    width: 30%;
    
}
.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main,
.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main
{
    width: 45%;
}

.woocommerce-cart .wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new.has-4-columns ul.wc-block-grid__products {
    display: none;
}
.woocommerce-cart h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title {
    text-align: center;
}



/*Checkout Page*/

.woocommerce-checkout a.wc-block-checkout__login-prompt {
    border-radius: 100px;
    border: 1px solid #937CD8;
    background: #937CD8;
    padding: 8px 37px;
    color: #fff;
    font-size: 16px !important;
    font-weight: 400;
}


.woocommerce-checkout a.wc-block-checkout__login-prompt:hover{
     border: 1px solid #937CD8;
     background: #fff;
     color: #937CD8;
    
}


.wc-block-components-form .wc-block-components-text-input input[type=email], 
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=password], 
.wc-block-components-form .wc-block-components-text-input input[type=tel], 
.wc-block-components-form .wc-block-components-text-input input[type=text], 
.wc-block-components-form .wc-block-components-text-input input[type=url], 
.wc-block-components-text-input input[type=email], 
.wc-block-components-text-input input[type=number], 
.wc-block-components-text-input input[type=password], 
.wc-block-components-text-input input[type=tel], 
.wc-block-components-text-input input[type=text], 
.wc-block-components-text-input input[type=url],
.wc-blocks-components-select__container select#billing-country

{
    
    border-radius: 50px !important;
    border: 1px solid #F0F0EA !important;
    padding-left:20px !important;
}
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {
    padding-left: 15px;
}
.wc-block-components-validation-error>p {
    color: red;
}

.woocommerce-checkout .wc-block-components-product-metadata__description{
    display:none;
}

.wp-block-woocommerce-checkout-order-summary-block {
    border: 1px solid #937CD8;
}
.woocommerce-checkout p.wc-block-components-checkout-order-summary__title-text {
    color: #000;
    font-weight: 600 !important;
}

.woocommerce-checkout button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button {
    background-color: #937CD8;
    border-radius: 100px;
    box-shadow: unset;
    border: 1px solid #937CD8;
    padding: 1em 3em;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover {
    background-color: #fff;
    color: #937CD8;
    border-color: #937CD8;
}
.woocommerce-checkout .wc-block-components-checkbox.wc-block-checkout__create-account span.wc-block-components-checkbox__label {
    font-weight: 700;
    color: #000;
    font-size: 16px;
}
.wc-block-components-text-input.wc-block-components-totals-coupon__input.is-active input {
    font-weight: 700;
    font-size: 16px;
}
.wp-block-woocommerce-checkout-pickup-options-block,
.wp-block-woocommerce-checkout-shipping-method-block{
    display: none;
}
button.wc-block-components-chip__remove {
    background: red !important;
}
.wc-block-components-chip .wc-block-components-chip__remove svg {
    fill: #fff;
}
li.wc-block-components-totals-discount__coupon-list-item.is-removable.wc-block-components-chip.wc-block-components-chip--radius-large {
    color: green;
    font-weight: 500;
}

.woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button {
    background: #3B375A;
    min-height: 3em;
    padding: 1em 3em;
    width: auto;
    color: #fff;
    border-radius: 100px;
    font-size: 1.125rem;
    line-height: 1.6;
}
.wc-block-components-form .wc-block-components-checkout-step {
    margin: 0 0 40px !important;
}

.woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button svg {
    left: 21px;
}
a.wc-block-components-checkout-return-to-cart-button:hover {
    background: #937cd8;
    color: #fff;
}
.wc-block-components-totals-item.wc-block-components-totals-footer-item {
    font-weight: 600;
    color: #000;
}
.wp-block-woocommerce-checkout-order-summary-block {
    color: #000;
}
.progress-bar-main-wrapper.progress-bar-chkout {
    display: flex !important;
}
.woocommerce-order-received  .progress-bar-main-wrapper {
    display: none;
}
.woocommerce-order-received td.woocommerce-table__product-name.product-name a {
    color: #937cd8;
    font-weight: 700;
    font-size: 18px;
}

/*Order Recieved*/

.woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    color: #000;
    font-size: 24px;
    font-weight: 700;
}
.woocommerce-order-received section.woocommerce-order-details {
    border-radius: 8px;
    border: 1px solid #F0F0EA;
    padding: 20px;
}
.woocommerce-order-received section.woocommerce-order-details {
    float: right;
    width: 40%;
}
.woocommerce-order-received section.woocommerce-columns.woocommerce-columns--2 {
    float: left;
    width: 50%;
    margin-top: 30px;
    border: 1px solid #F0F0EA;
    border-radius: 8px;
    padding: 20px;
}
.woocommerce-order-received section.woocommerce-order-details table.woocommerce-table.shop_table.order_details th,
.woocommerce-order-received section.woocommerce-order-details table.woocommerce-table.shop_table.order_details td
{
    border: unset;
}
.woocommerce-order-received section.woocommerce-order-details table.woocommerce-table.shop_table.order_details thead tr:first-child th,
.woocommerce-order-received section.woocommerce-order-details tfoot {
    border-bottom: 1px solid #F0F0EA;;
}
.woocommerce-order-received section.woocommerce-columns.woocommerce-columns--2 h2.woocommerce-column__title {
    color: #000;
    font-family: "Open Sans";
    font-size: 16px;
    margin-bottom: 10px;
}
.woocommerce-order-received section.woocommerce-columns.woocommerce-columns--2 address,
.woocommerce-column.woocommerce-column--shipping-address address{
    border: unset;
}
.woocommerce-order > p {
    color: #000;
    font-weight: 600;
}
a.woocommerce-button.button.invoice.order-actions-button {
    border-radius: 100px;
    background: #937CD8;
    width: 180px;
    text-align: center;
}

/*Cosmo Sales Hub*/

 section.content-banner.cc-rsr-bnr {
    padding: 130px 0;
    z-index: 1;
}
 section.content-banner.cc-rsr-bnr {
  background: linear-gradient(5deg, #7F7D7A -50%, #F0F0EA);
}


section.cc-rsr-bnr .bnr-btn a {
    border-radius: 100px;
    background: #333231;
    font-size: 16px;
    padding: 12px 37px;
}
section.content-banner.cc-rsr-bnr.active .rb-content p {
    font-size: 17px;
    line-height: 28px;
    font-family: 'Open Sans';
    margin-bottom: 40px;
}

/*Trouble Shoot*/

.trob-post-wrap .search-filter-results {
    display: block;
}

.trusted-environemnt-post-cnt button.btn-learn-more {
    cursor: not-allowed;
    pointer-events: unset;
}
.community-lik-comments,
.prof-lrnmr.community-usr-res .title-educ-lrn-rep,
.cat-community-rep{
    display: none;
}
.truested-environment-wrap .swiper-slide a {
    cursor: not-allowed;
    pointer-events: none;
} 

.movement-rgt img, .the-movement.why-cosmo .movement-rgt img {
    max-width: 1110px;
}
.video-section {
    height: 460px;
    object-fit: cover;
}
.cnt-lrn-sut-wrap {
    position: relative;
    z-index: 1;
}
.innr-lrn-sut-inner:nth-child(4) {
    background: transparent;
}
.innr-lrn-sut-inner:nth-child(4) .ripple-1,
.innr-lrn-sut-inner:nth-child(4) .ripple-2,
.innr-lrn-sut-inner:nth-child(4) .ripple-3
{
    display: none;
}
section.banner-cosmo-learn-more .bnr-btn-lrn a:hover {
    background-color: #fff;
    border-color: #3b375a;
    color: #3b375a;
}
.testimonial-slider.test-slider-home .video-section {
    height: auto;
}

/*Cosmo Resource CC Pages*/

li.sf-field-taxonomy-cosmo-sale-hub ul.children,
li.sf-field-taxonomy-cosmo-product-hub ul.children,
li.sf-field-taxonomy-marketing-hub ul.children,
li.sf-field-taxonomy-cosmo-connect-category ul.children
{
    display: none;
}


.child-posts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 30px;
}
.post-item {
    background-color: #F0F0EA;
    padding: 40px 30px;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
}
li.sf-field-taxonomy-cosmo-sale-hub ul,
li.sf-field-taxonomy-cosmo-product-hub ul,
li.sf-field-taxonomy-marketing-hub ul,
li.sf-field-taxonomy-cosmo-connect-category ul
{
    display: flex;
    gap: 10px;
}
li.sf-field-taxonomy-cosmo-sale-hub ul li input,
li.sf-field-taxonomy-cosmo-product-hub ul li input,
li.sf-field-taxonomy-marketing-hub ul li input,
li.sf-field-taxonomy-cosmo-connect-category ul li input
{
    display: none;
}
section.partner-resources-filter li.sf-field-taxonomy-cosmo-sale-hub ul li.sf-option-active label,
section.partner-resources-filter li.sf-field-taxonomy-cosmo-product-hub ul li.sf-option-active label,
section.partner-resources-filter li.sf-field-taxonomy-marketing-hub ul li.sf-option-active label,
section.partner-resources-filter li.sf-field-taxonomy-cosmo-connect-category ul li.sf-option-active label,
section.partner-resources-filter li.sf-field-taxonomy-cosmo-sale-hub ul li label:hover,
section.partner-resources-filter li.sf-field-taxonomy-cosmo-product-hub ul li label:hover,
section.partner-resources-filter li.sf-field-taxonomy-marketing-hub ul li label:hover,
section.partner-resources-section li.sf-field-taxonomy-cosmo-connect-category ul li label:hover
{
    background-color: #937CD8;
    color: white;
    border-color: #937CD8 !important;
    border-radius: 100px;
    padding: 10px 20px;
}
section.partner-resources-filter li.sf-field-taxonomy-cosmo-sale-hub ul li,
section.partner-resources-filter li.sf-field-taxonomy-cosmo-product-hub ul li,
section.partner-resources-filter li.sf-field-taxonomy-marketing-hub ul li,
section.partner-resources-section li.sf-field-taxonomy-cosmo-connect-category ul li
{
    
    cursor:pointer;
}
section.partner-resources-filter li.sf-field-taxonomy-cosmo-sale-hub ul li label,
section.partner-resources-filter li.sf-field-taxonomy-cosmo-product-hub ul li label,
section.partner-resources-filter li.sf-field-taxonomy-marketing-hub ul li label,
section.partner-resources-section li.sf-field-taxonomy-cosmo-connect-category ul li label
{
    
    padding: 10px 20px;
    border-radius: 100px;
    border: 1px solid #D8D8D8;
    background: #FFF;
    cursor: pointer;
    list-style: none;
    color: #3B375A;
    font-size: 16px;
}
li.sf-field-taxonomy-cosmo-sale-hub,
li.sf-field-taxonomy-cosmo-product-hub,
li.sf-field-taxonomy-marketing-hub,
li.sf-field-taxonomy-cosmo-connect-category

{
    display: flex !important;
    align-items: center;
    gap: 20px;
}
li.sf-field-taxonomy-cosmo-sale-hub h4,
li.sf-field-taxonomy-cosmo-product-hub h4,
li.sf-field-taxonomy-marketing-hub h4,
li.sf-field-taxonomy-cosmo-connect-category h4
{
    color: rgb(0 0 0 / 50%);
    font-weight: 700;
    font-size: 20px;
}
section.partner-resources-filter .search-filter-results 
{
    display: block;
}


.partner-cat span {
    color: #3b375a;
    font-weight: 700;
    font-family: 'Open Sans';

}

.looking-wrp-cc {
    max-width: 670px;
    margin: 0 auto;
}
.looking-wrp-cc h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
}
.looking-wrp-cc a.button {
    margin: 0 auto;
    display: block;
    width: fit-content;
    color: #000;
    background: transparent;
    border: 1px solid #000000;
    border-radius: 100px;
    padding: 10px 20px;
}
.looking-wrp-cc a.button:hover {
    background-color: #3b375a;
    color: #fff;
    border-color: #3b375a;
}
.looking-for-cc-pg {
    margin-bottom: 80px;
}
.cnt-soc-md-cc {
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    background: #F0F0EA;
    padding: 20px 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-height: 172px;
}
.cnt-soc-md-cc span {
    color: #3B375A;
    font-size: 16px;
    font-weight: 700;
}
.cnt-soc-md-cc h4 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
}
.cnt-soc-md-cc p {
    color: #000;
    line-height: 25px;
    margin: 10px 0;
}
h4.podcast-title {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
}
section.dynamic-swiper-section .swiper-slide,
section.dynamic-swiper-section .video-wrapper iframe {
    min-height: 400px;
}
.podcast-btm a {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 10px 30px;
}
section.dynamic-swiper-section h3 {
    margin-bottom: 30px;
}
section.dynamic-swiper-section {
    margin: 100px 0;
}
section.dynamic-swiper-section .swiper-progress-bar {
    background: #F0F0EA;
}
section.dynamic-swiper-section .swiper-progress-bar .progress {
    background: #000;
}

.child-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 18px;
}

.post-item {
    margin-bottom: 20px;
}

.post-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.post-left {
    flex: 1;
}

.post-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.post-right .download-button img {
    width: 26px;
    height: 26px;
}

.post-content {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.6;
    color: #444;
}


.child-block {
    margin-bottom: 50px;
    padding-bottom: 20px;
    /*border-bottom: 2px solid #f0f0f0;*/
}

.child-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 18px;
}

.post-item {
    margin-bottom: 20px;
}

.post-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.post-left {
    flex: 1;
}

.post-title,
.post-title a,
.post-title a:hover,
.post-title a:focus{
    margin: 0;
    font-size: 18px !important;
    font-weight: 600;
    line-height: 27px;
}

.post-right .download-button img {
    width: 26px;
    height: 26px;
}

.post-content,
.child-posts-grid .post-content a,
.child-posts-grid .post-content a:hover,
.child-posts-grid .post-content a:focus{
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.6;
    color: #444;
}
.social-media-slider {
    padding: 40px 0;
}

.social-slider {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 10px;
}

.social-slider::-webkit-scrollbar {
    height: 6px;
}

.social-slider::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

/* CARD */
.slide-card {
    flex: 0 0 330px;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0,0,0,0.1);
    cursor: pointer;
}

.slide-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.slide-content {
    padding: 15px;
}

.slide-content h3 {
    font-size: 18px;
    margin: 0 0 8px;
    line-height: 1.4;
}

.slide-content p {
    font-size: 14px;
    margin: 0;
    color: #555;
}
.grid-content-only {
    border: 1px solid #D8D8D8;
    padding: 30px;
    height: 218px;
    border-radius: 10px;
}
.child-posts-grid.grid-3-sections {
    grid-template-columns: repeat(3, 1fr);
}
.grid-content-only {
    border: 1px solid #D8D8D8;
    padding: 30px;
    height: 169px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.grid-content-only p{
    
    font-size:18px;
    color:#000;
}
section.dynamic-swiper-section.dynamic-sec-usr-res .podcast-image img {
    max-width: 100%;
}
.podcast-slider .podcast-card {
    background: unset;
}
.subscibe_btn input[type=submit]:hover {
    border: 1px solid #4C7562;
    color: #fff;
    background-color: #4C7562;
}
.woocommerce-notices-wrapper .woocommerce-message {
    width: 1366px !important;
    max-width: 96% !important;
    margin: 150px auto 0 !important;
}
.woocommerce-message a,
.woocommerce-message a:focus{
    background-color: #3b375a;
    border-radius: 100px;
    padding: 10px 30px;
    text-align: center;
    border:1px solid #3b375a;
}
.woocommerce-message a:hover {
    border-color: #3b375a;
    color: #3b375a;
    background-color: #fff;
}
.woocommerce-message {
    background: #937cd8;
    border-radius: 10px;
}
.woocommerce-message {
    color: #fff !important;
    font-size: 19px;
}
li.woocommerce-mini-cart-item.mini_cart_item {
    display: flex;
    align-items: center;
}
ul.woocommerce-mini-cart.cart_list.product_list_widget span.woocommerce-Price-amount.amount {
    font-size: 17px;
    display: inline-block;
    color: #3B375A;
    margin-top: 0px;
}
li.woocommerce-mini-cart-item.mini_cart_item span.quantity {
    font-size: 17px !important;
}
ul.woocommerce-mini-cart.cart_list.product_list_widget a.remove.remove_from_cart_button {
    height: 18px !important;
    width: 20px !important;
    font-size: 20px !important;
}
p.woocommerce-mini-cart__total.total {
    align-items: center;
}
p.woocommerce-mini-cart__total.total span.woocommerce-Price-amount.amount {
    font-size: 20px;
    color: #3b375a;
}
p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward {
    background-color: #3b375a;
    color: #fff;
    border-radius: 100px;
    border: 1px solid #3b375a;
}
p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward:hover {
    background-color: #fff;
    border-color: #937cd8;
}
section.bnr-prt-res .btnl-lrnmr-1 a.button {
    background: #3b375a;
    border:1px solid #3b375a;
    
}
p.woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward {
    background-color: #fff;
    border: 1px solid #fff;
}
p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward:hover {
        color: #937cd8;
}
p.woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward:hover {
    background-color: #3b375a;
    color: #fff;
    border-color: #3b375a;
    margin-top: 30px;
    display: block;
}
p.woocommerce-mini-cart__buttons.buttons {
    margin-top: 30px;
}

p.woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward {
    margin-top: 30px;
        color: #937cd8;
            border: 1px solid #937CD8;
}
section.bnr-prt-res .btnl-lrnmr-1 a.button:hover {
    background-color: #fff;
    border-color: #3b375a;
    color: #3b375a;
}
section.prt-rs-slid .search-filter-results {
    display: block;
}
.partner-img-wrap img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.partner-content {
    background-color: #F0F0EA;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.partner-cnt-inr {
    padding: 20px;
}
.partner-cnt-inr h4 {
    color: #000;
    font-size: 24px;
    margin: 10px 0;
    min-height: 40px;
}
.partner-cnt-inr p {
    color: #000;
    margin-bottom: 20px;
    line-height: 26px;
    min-height: 90px
}
.partner-cnt-inr span.post-date {
    color: #3B375A;
    font-weight: 700;
    font-family: 'Open Sans';
    font-size: 16px;
}
a.logout-btn {
    background-color: #3b375a !important;
    border: 1px solid #3b375a !important;
    border-radius: 100px !important;
    padding: 10px 40px !important;
}
a.logout-btn:hover {
    background-color: transparent !important;
    color: #3b375a !important;
    border-color: #3b375a !important;
    font-size:16px !important;
}
.page-id-714 .footer-newsletter {
    display: none;
}
.bring-acc-life.bring-acc-life-music h3 {
    color: #6D4B32;
    font-size: 62px;
}
.bring-acc-life.bring-acc-life-music p {
    color: #6D4B32;
}
section.banner-cosmo-ability .bnr-btn-lrn a.button:hover {
    border-color: #e5a6ac;
    color: #fff !important;
    background-color: #e5a6ac;
}
.bring-acc-life-ability .bnr-btn-lrn a.button{
    
    background-color:#6B4E53 !important;
    color:#fff !important;
    border-color:#6B4E53 !important;
}
.bring-acc-life-ability .bnr-btn-lrn a.button:hover {
    background: #E5A6AC !important;
    color: #fff !important;
    border-color: #E5A6AC !important;
}


.bring-acc-life .bnr-btn-lrn a.button {
    background-color: #6D4B32;
    color: #fff;
    border: 1px solid #6D4B32;
}
/*.bring-acc-life.bring-acc-life-music .bnr-btn-lrn a.button:hover {*/
/*    background-color: #fff !important;*/
/*    color: #6D4B32 !important;*/
/*    border: 1px solid #6D4B32 !important;*/
/*}*/
.bring-acc-life.bring-acc-life-music .bnr-btn-lrn-2 a.button {
    border: 1px solid #6D4B32;
    color: #6D4B32;
}
.bring-acc-life.bring-acc-life-music .bnr-btn-lrn-2 a.button:hover {
    color: #fff;
    border-color: #6D4B32;
    background-color: #6D4B32;
}


section.banner-cosmo-learn-more.banner-cosmo-music .bnr-btn-lrn a.button {
    background-color: #6D4B32;
    border-color: #6D4B32;
    -webkit-text-fill-color: #fff
}

section.banner-cosmo-learn-more.banner-cosmo-music .bnr-btn-lrn a.button:hover,
.bring-acc-life.bring-acc-life-music .btn-wrap-lrn-more .bnr-btn-lrn a:hover{
    background: #EFA77F !important;
    border-color: #EFA77F !important;
}

section.banner-cosmo-learn-more.banner-cosmo-music .btn-wrap-lrn-more .bnr-btn-lrn-2 a {
    border-color: #6D4B32;
    color: #6D4B32;
}

section.banner-cosmo-learn-more.banner-cosmo-music .btn-wrap-lrn-more .bnr-btn-lrn-2 a:hover {
    background: #6D4B32;
    border-color: #6D4B32;
    color: #fff;
}

.bring-acc-life.bring-acc-life-music {
    background: #F5E7D4;
}

.bring-acc-life.bring-acc-life-dot .bnr-btn-lrn a.button {
    background-color: #3b375a;
    color: #fff;
    border-color: #3b375a;
}

.bring-acc-life.bring-acc-life-dot .bnr-btn-lrn a.button:hover {
    background-color: #fff;
    color: #3b375a;
    border-color: #3b375a;
}


/*My Account*/

.woocommerce-account .entry-hero-container-inner {
    background-color: #937cd8;
}
.woocommerce-account .entry-hero-container-inner h1.entry-title {
    color: #fff;
}
.woocommerce-account .hero-container.site-container {
    padding: 70px 0;
}
.woocommerce-account .woocommerce-MyAccount-content p a {
    color: #8b5cf6;
    font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content p a:hover {
    color: #3b375a;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #8b5cf6;
    color: #fff;
}
nav.woocommerce-MyAccount-navigation ul li a {
    background-color: #3b375a;
    color: #fff !important;
}
nav.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
}


.popup-drawer .drawer-inner {
    background: #fff !important;
}
#mobile-drawer .drawer-header .drawer-toggle {
    padding: 0.6em 0.15em 0.6em 0.15em;
    font-size: 24px;
    color: #000;
}
.popup-drawer .drawer-content {
    padding: 0 .5em .5em !important;
}
body.home header#masthead span.menu-toggle-icon svg.kadence-svg-icon.kadence-menu-svg {
    fill: #fff;
    width: 38px !important;
    height: 28px !important;
}
button#mobile-toggle span svg {
    width: 28px;
    height: 28px;
}

.drawer-inner {
    padding: 40px 0;
}
#cart-drawer h2.side-cart-header {
    color: #3B375A;
    font-weight: 400;
    font-size: 20px;
}
button.cart-toggle-close.drawer-toggle span svg {
    fill: #fff;
}
div#cart-drawer .drawer-inner .drawer-content.woocommerce.widget_shopping_cart {
    padding: 0px 40px !important;
}
p.woocommerce-mini-cart__empty-message {
    color: #3b375a;
    font-size: 17px;
}
.podcast-card:before {
    position: absolute;
    content: '';
    background: linear-gradient(5deg, #d5c8e8 10%, #937CD8);
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

div#cart-drawer button.cart-toggle-close.drawer-toggle span.kadence-svg-iconset svg.kadence-svg-icon.kadence-close-svg {
    fill: #000;
}

.partner-resource-slider-wrap .swiper-progress-bar {
    background: #D9D9D9;
}
.partner-resource-slider-wrap .swiper-progress-bar .progress {
    background: #000;
}
.join-cosmo-cnt-lk .title-ability-cosmo-focus {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}
.lnk-join-csm-lk a {
    background-color: transparent;
    border: 1px solid #3B375A;
    border-radius: 100px;
    width: fit-content;
    margin: 60px auto 0;
    display: block;
    color: #3B375A;
    padding: 12px 29px;
    font-size: 16px;
}
.lnk-join-csm-lk a:hover {
    background-color: #3b375a;
    border-color: #3B375A;
    color: #fff;
}
.inner-wrp-cntct-frm p strong {
    font-weight: bolder;
}
.not-fnd-wrap .btn-wrp a.rtrn-home:hover {
    background-color: transparent;
    color: #333231;
    border-color: #333231;
}
.not-fnd-wrap .btn-wrp a.cnt-btn-ntfnd:hover {
    background-color: #333231;
    color: #fff;
    border-color: #333231;
}
.single-product .woocommerce-message {
    color: #3b375a !important;
}
.single-product .woocommerce-message a:active {
    background-color: #937cd8;
    color: #fff;
    border-color: #937cd8;
}
.country-select .selected-flag {
    padding: 0 11px 0 11px;
}
.country-select .selected-flag .arrow {
    right: 3px;
}

.podcast-res .podcast-image img {
    max-width: max-content;
}
.podcast-res .podcast-card:before {
    display: none;
}
.podcast-res .podcast-card{
    
    background:unset;
}
.podcast-card.podcast-wrap-2 .podcast-image img {
    max-width: 370px !important;
}
.podcast-card.podcast-wrap-2 {
    background: unset;
}
.podcast-card.podcast-wrap-2:before{
    
    display:none;
}
.podcast-slider .btn-lnk-rep-pod a:hover {
    background-color: #3b375a;
    border-color: #3b375a;
}
.podcast-slider .swiper-progress-bar {
    margin-top: 60px;
}
.podcast-slider .podcast-info {
    padding: 30px 40px 50px;
}
.cosmolrn-suite.cosmolrn-suit-prod {
    padding: 50px 0;
}



.rep-lrn-suite.rep-lrn-suite-prod {
    grid-template-columns: 1fr 1fr;
}

.podcast-btm a:hover,
.podcast-btm a:active
{
    background: #3b375a;
    color: #fff;
    border-color: #3b375a;
}
.our-team .swiper-progress-bar {
    display: none;
}
section.ripple-banner.content-banner {
    background: linear-gradient(5deg, #E5A6AC 0%, #F4E6E9);
}

/*Troubleshoot*/

/* Tabs */
.troubleshoot-tabs .tabs-nav {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 0;
}
.troubleshoot-tabs .tabs-nav li {
    padding: 10px 20px;
   border-radius: 100px;
    border: 1px solid #D8D8D8;
    background: #FFF;
    cursor: pointer;
    list-style: none;
    color: #3B375A;
    font-size: 16px;
}
.troubleshoot-tabs .tabs-nav li.active,
.troubleshoot-tabs .tabs-nav li:hover{
    background: #937CD8;
    color: #fff;
    border-color: #937CD8;
}

/* Tab content */
.tab-content { display: none; }
.tab-content.active { display: block; }

/* Accordion */
/*.accordion .accordion-item {*/
/*    border: 1px solid #ccc;*/
/*    margin-bottom: 10px;*/
/*    border-radius: 4px;*/
/*    overflow: hidden;*/
/*}*/
.accordion .accordion-header {
    width: 100%;
    text-align: left;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background: transparent;
    box-shadow: unset;
    padding: 0;
}
/*.accordion .accordion-header:hover {*/
/*    background: #e2e2e2;*/
/*}*/

.accordion-item {
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    background: #F0F0EA;
    padding: 30px;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 20px;
}

/* Arrow for accordion */
.accordion .accordion-header::after {
    content: '';
    position: absolute;
    right: 20px;
    transition: transform 0.3s;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* When the accordion item is open, rotate the arrow */
.accordion .accordion-item.open .accordion-header::after {
    transform: rotate(180deg); /* Rotates the arrow to point upwards */
}


/* Accordion body */
.accordion .accordion-body {
    display: none;
    margin-top:20px;
}
.accordion .accordion-item.open .accordion-body {
    display: block;
}
.troubleshoot-tabs {
    display: flex;
    align-items: center;
    margin: 40px 0;
}
.troubleshoot-tabs span {
    color: rgb(0 0 0 / 50%);
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    display: block;
}
.tab-content.active h2 {
    font-size: 32px;
    font-weight: 700;
    color: #000;
}
.tab-content h2 {
    margin-bottom: 30px;
}
.child-block h3.child-title {
    color: #7F7D7A;
    font-size: 20px;
    font-weight: 700;
}
button.accordion-header {
    color: #000;
    font-size: 24px;
    font-weight: 700;
}
.child-block {
    margin-bottom: 60px;
}
.accordion-body p a {
    color: #000;
    font-weight: 600;
}
.accordion .accordion-header:hover,
.accordion .accordion-header:active,
.accordion .accordion-header:focus
{
    color: #000;
}
.cosmo-cnt-para-btm p {
    font-size: 24px;
    color: #000;
    margin: 70px 0 0;
}
.cosmo-cnt-para-btm p a {
    color: #937CD8;
    text-decoration: underline;
}
.cosmo-cnt-para-btm p a:hover {
    transition: unset;
    text-underline-offset: unset;
    color: #3b375a;
}


.footer-widget2,
.woocommerce-cart .footer-widget5,
.woocommerce-checkout .footer-widget5
{
    display: none !important;
}
.email-foot {
    margin-bottom: 10px;
}

.footer-widget-area h2.widget-title {
    color: #000;
    font-weight: 400;
    text-transform: math-auto;
    font-family: 'Open Sans';
}
.woocommerce-cart .footer-widget2,
.woocommerce-checkout .footer-widget5 {
    display: block !important;
}
.header-button-wrap {
    margin-right: -110px !important;
}
.header-button-inner-wrap a {
    padding: 7px 28px;
    font-size: 17px;
    line-height: 23px;
}
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .mobile-toggle-open-container .menu-toggle-open, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .search-toggle-open-container .search-toggle-open {
    color: #3b375a !important;
}
.lft-home-bnr {
    display: flex;
    align-items: center;
}
.gt_switcher .gt_selected {
    background: #937cd800 linear-gradient(180deg, #ffffff00 0%, #ffffff00 70%) !important;
}
.gt_switcher .gt_selected a {
    border: unset !important;
}

body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck  .gt_switcher .gt_selected a:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") !important;
    width: 25px;
    height: 25px;
}

.header-mobile-cart-wrap.kadence-header-cart span.kadence-svg-iconset{
    background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/purple-dark-crt-hed.png);
}

.gt_switcher .gt_selected a:hover {
    background: #f0f0f000 !important;
}

body.home header#masthead .site-main-header-wrap.kadence-sticky-header  .gt_switcher .gt_selected a:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill=' %23fff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") !important;
    width: 25px;
    height: 25px;
}

.cosmo-learning-wrap .cosmo-bottom-cnt span {
    margin-bottom: 50px;
}
.cosmo-dot-parent.cosmo-dot-shp .site-container {
    padding: 0;
}
.cosmo-dot-parent.cosmo-dot-shp a.btn-back-purp:hover {
    background-color: #937cd8;
    color: #fff;
    border-color: #937cd8;
}
.cosmo-dot-parent.cosmo-dot-shp .cosmo-dot-parent-wrap {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
}
.lrn-suit-shp .innr-lrn-sut-inner:nth-child(2) .img-lrn-suit-btn-2 a.button {
    background-color: transparent;
    border: 1px solid #6d4b32;
    color: #6d4b32;
}
.lrn-suit-shp .innr-lrn-sut-inner:nth-child(2) .img-lrn-suit-btn-2 a.button:hover {
    background-color: #6d4b32;
    border: 1px solid #6d4b32;
    color: #fff;
}
.lrn-suit-shp .innr-lrn-sut-inner:nth-child(2) .img-lrn-suit-btn-1 a.button:hover {
    background-color: transparent !important;
    color: #6d4b32;
    border: 1px solid #6d4b32;
}
.lrn-suit-shp .innr-lrn-sut-inner:nth-child(2) .img-lrn-suit-btn-1 a.button{
    
     border: 1px solid #6d4b32;
}
.lrn-suit-shp .innr-lrn-sut-inner:nth-child(1) .img-lrn-suit-btn-1 a.button:hover {
    background: #E5A6AC !important;
    color: #fff;
    border: 1px solid #E5A6AC;
}
.lrn-suit-shp .innr-lrn-sut-inner:nth-child(1) .img-lrn-suit-btn-1 a.button{
    
    border:1px solid #6b4e53;
}
.img-empow-rep {
    margin-top: -7px;
}
section.dynamic-swiper-section.dynamic-sec-usr-res .swiper-slide:nth-child(3) {
    margin-right: 0 !important;
}
.instagram-link a img {
    border-radius: 10px;
}
.the-movement.onboarding-wrap.str-guid-usr-res .movmnt-btn a.btn-bck-white {
    width: 170px;
}
.the-movement.onboarding-wrap.str-guid-usr-res .movement-rgt img {
    max-width: 1010px;
}

.cosmolrn-suite .coming-soon-badge {
    top: 20px;
    right: 25px;
}
.cosmolrn-suite .lrn-suite-rep-wrap {
    position: relative;
    padding: 50px 50px 18px;
}

.lrn-suite-rep-wrap:nth-child(1) .btn-cosmo-lrn-suit a.button,
.lrn-suite-rep-wrap:nth-child(1) .btn-cosmo-lrn-suit a.button:focus{
    color: #E5A6AC;
    -webkit-text-fill-color: #E5A6AC;
}
.lrn-suite-rep-wrap:nth-child(1) .btn-cosmo-lrn-suit a.button,
.lrn-suite-rep-wrap:nth-child(1) .btn-cosmo-lrn-suit a.button:hover{
    color: #E5A6AC;
    -webkit-text-fill-color: #E5A6AC;
}
.lrn-suite-rep-wrap:nth-child(1) .btn-cosmo-lrn-suit a.button:focus{
    
    background:unset !important;
    box-shadow:unset !important;
}


.lrn-suite-rep-wrap:nth-child(1) .btn-cosmo-lrn-suit a.button svg.bi.bi-chevron-right path {
    fill: #E5A6AC !important;
    stroke: #E5A6AC;
}

.lrn-suite-rep-wrap:nth-child(2) .btn-cosmo-lrn-suit a.button {
    color: #EFA77F;
}
.lrn-suite-rep-wrap:nth-child(2) .btn-cosmo-lrn-suit a.button svg.bi.bi-chevron-right path {
    fill: #EFA77F;
    stroke: #EFA77F;
}

.lrn-suite-rep-wrap:nth-child(3) .btn-cosmo-lrn-suit a.button {
    color: #4C7562;
}
.lrn-suite-rep-wrap:nth-child(3) .btn-cosmo-lrn-suit a.button svg.bi.bi-chevron-right path {
    fill: #4C7562;
    stroke: #4C7562;
}

.lrn-suite-rep-wrap:nth-child(1) .btn-cosmo-lrn-suit a.button:hover,
.lrn-suite-rep-wrap:nth-child(2) .btn-cosmo-lrn-suit a.button:hover,
.lrn-suite-rep-wrap:nth-child(3) .btn-cosmo-lrn-suit a.button:hover
{
    text-decoration: underline;
    text-underline-offset: 7px;
}

.cosmo-connect {
    padding: 120px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cosmo-connect.cc-home .cosmo-cnt-btn a.btn-back-purp {
    border-radius: 100px;
    background: #3B375A;
    padding: 15px 24px;
    border: 1px solid #3B375A;
    color: #fff;
}
.cosmo-connect.cc-home .cosmo-cnt-btn a.btn-back-purp:hover {
    background: #937CD8;
    color: #fff;
    border-color: #937CD8;
}
.user-resources-ripple {
    padding: 150px 0;
    z-index: 1;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
section.user-resources-ripple {
    text-align: center;
}


.testimonial-slider.tst-slid-prod .video-section {
    min-height: 580px;
}

.testimonial-slider.tst-slid-prod .cnt-slider-test-wrap {
    min-height: 460px;
}

section.banner-cosmo-learn-more a.button {
    border: 1px solid #333231;
    color: #333231;
    -webkit-text-fill-color: #333231;
}
section.banner-cosmo-learn-more a.button:hover,
section.banner-cosmo-learn-more a.button:visited{
    background-color: #3B375A;
    color: #fff;
    border-color: #3B375A;
    -webkit-text-fill-color: #fff;
}
section.banner-cosmo-learn-more a.button:visited {
    -webkit-text-fill-color: #333231;
}

section.banner-cosmo-learn-more.banner-cosmo-ability .btn-wrap-lrn-more .bnr-btn-lrn a.button {
    -webkit-text-fill-color: #fff;
}

section.banner-cosmo-ability .bnr-btn-lrn-2 a.button:visited {
    border: 1px solid #6B4E53;
    color: #fff;
    -webkit-text-fill-color: #fff;
    background-color: #6B4E53;
}

.solution-img.sol-img-ab {
    opacity: 1 !important;
    transition: unset;
}

section.trust-en-lrnmr {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.uses-comso-dot.dot-used-with {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 90px 0;
}
.ability-cosmo-focus {
    padding: 100px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cosmo-empowers {
    padding: 100px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.ability-cosmo-focus.ability-cosmo-focus-music {
    background-position: center left;
}
section.trust-en-lrnmr-music {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}

section.testimonial-part-res {
    background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
}
section.funding-sec {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
}

.dotsusg-innr-wrp.csmcnt-onb-wrp-inr {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.dotsusg-innr-wrp {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.dot-prt-home-ripple {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
}

section.banner-cosmo-ability .bnr-btn-lrn-2 a.button:hover {
    background: #6b4e53;
    color: #fff;
    border-color: #6b4e53;
}

section.banner-cosmo-ability .bnr-btn-lrn-2 a.button {
    border: 1px solid #6B4E53;
    color: #6B4E53;
}

.wrap-ways-prod .lft-wrap-prod,
.wrap-ways-prod .rgt-wrap-prod 
{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.solution-abt .btn-wrap {
    margin-top: 40px;
}


.post-type-archive-product .product-details h2.woocommerce-loop-product__title a {
    color: #3b375a;
    font-size: 23px;
}

.post-type-archive-product span.woocommerce-Price-amount.amount {
    font-size: 20px;
    color: #8b5cf6;
    font-weight: 600;
}

.post-type-archive-product .product-action-wrap a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
    
    background: #937cd8 !important;
    padding: 12px 20px !important;
    color: #fff;
    font-family: 'Hanken Grotesk';
    font-weight:500;
}
.post-type-archive-product .product-action-wrap a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
    background: #3b375a !important;
    color: #fff;
}

.post-type-archive-product .entry-hero-container-inner {
    background: #937cd8;
}
.entry-hero-container-inner h1.page-title.archive-title {
    color: #fff;
}

.testimonial-slider.test-slider-home.test-slider-mb {
    display: none;
}
.our-values {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.rgt-pair-app img.mb-lnk-img{
    
    display:none;
}

.link-pair-wrap > img {
    display: none;
}

.overlay-img-video img.mb-video-pstr {
    display: none;
}


.footer-cnt-lnks {
    margin-top: 10px;
}



body.home #main-header .header-button.button-size-custom:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.award-section.award-section-mb {
    display: none;
}



.solution-img.sol-img-ab img.sol-img-1-mb {
    display: none;
}

.part-res-rep::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px !important;
  
}

.part-res-rep::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.part-res-rep {
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.5) transparent;
}


.lft-lck-scrn .coming-soon-badge {
    top: -70px;
    right: 0;
    left: 0;
    width: fit-content;
    margin-bottom: 150px;
    display: block;
    padding: 7px 14px;
}
.lft-lck-scrn .coming-soon-badge span {
    color: #000;
    font-weight: 600;
}
.lft-lck-scrn {
    position: relative;
}

.the-movement.why-cosmo .movement-rgt img.why-csm-mb,
.the-movement.onboarding-wrap.str-guid-usr-res .movement-rgt img.guide-start-mb{
    
     display: none;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    display: block !important;
}


.button:focus {
    background: unset;
    box-shadow: unset;
}
.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main{
    
    width: 47%;
}

.woocommerce-cart .wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar-layout.wc-block-cart,
.woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout.is-large{
        justify-content: space-between;
}

div#cart-drawer .drawer-inner .drawer-content.woocommerce.widget_shopping_cart {
    padding: 0px 30px !important;
}
li.woocommerce-mini-cart-item.mini_cart_item span.quantity {
    padding-left: 8px;
}

li.woocommerce-mini-cart-item.mini_cart_item a {
    font-size: 17px !important;
    color: #3B375A !important;
    font-weight: 500 !important;
    line-height: 27px;
}

li.woocommerce-mini-cart-item.mini_cart_item span.quantity {
    padding-left: 0 !important;
}

.cosmo-dot-parent a.btn-back-purp:hover {
    background: #937cd8;
    border-color: #937cd8;
    color: #fff;
}

a.button:focus,
.button:focus {
    box-shadow: unset;
}

.bring-acc-life.bring-acc-life-ability .bnr-btn-lrn-2 a.button:focus,
.bring-acc-life.bring-acc-life-ability .bnr-btn-lrn-2 a.button:active{
    color: #6B4E53;
}

.woocommerce-cart .wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar-layout.wc-block-cart {
    justify-content: space-between;
}

.lrn-suit-shp .innr-lrn-sut-inner:nth-child(2) .img-lrn-suit-btn-1 a.button:hover {
    background: #EFA77F !important;
    border-color: #EFA77F;
    color: #fff;
}

/*.wp-block-woocommerce-cart-order-summary-totals-block:after,*/
/*.wp-block-woocommerce-checkout-order-summary-totals-block:after{*/
/*    content: 'Shipping available within the UK and US only';*/
/*    display: block;*/
/*    margin-top: 20px;*/
/*    color: #000;*/
/*    font-weight: 500;*/
/*    font-size: 15px;*/
/*    text-align: center;*/
/*}*/
.postid-1032 .rgt-pair-app img {
    max-width: 500px;
    margin: 0 auto;
}

.single-product .woocommerce-notices-wrapper .woocommerce-message {
    margin-top: 50px !important;
}

.innr-lrn-sut-inner:nth-child(4) .img-lrn-suit-btn-1 a:hover {
    background: #937cd8 !important;
    color: #fff;
    border-color: #937cd8;
}
.innr-lrn-sut-inner:nth-child(4) .img-lrn-suit-btn-2 a:hover {
    background: #3b375a !important;
    color: #fff;
    border-color: #3b375a;
}

section.cc-bnr-main.content-banner.bnr-prt-res .btnl-lrnmr-2 a.button {
    background-color: transparent;
    border: 1px solid #3B3759;
    color: #3B375A;
}

section.cc-bnr-main.content-banner.bnr-prt-res .btnl-lrnmr-2 a.button:hover {
    background-color: #3B3759;
    border-color: #3B3759;
    color: #fff;
}

.innr-lrn-sut-inner:nth-child(3) .coming-soon-badge {
    display: none;
}

.our-team-full-image {
    margin-top: 80px;
}

form.woocommerce-form.woocommerce-form-login.login p.form-row:nth-child(3) .woocommerce-form-login__rememberme {
    display: block !important;
    margin-left: auto !important;
}



.woocommerce form .form-row::before{
    
    display:none;
}

h4#form-heading-label {
    font-size: 20px;
    margin-bottom: 10px;
    color:#1a202c;
}



.woocommerce form .form-row button.woocommerce-button.button.woocommerce-form-login__submit {
    display: block;
    color: #fff;
    background: #937cd8;
    border-radius: 100px;
    padding: 12px 40px !important;
    margin-top:20px;
}

button.woocommerce-button.button.woocommerce-form-login__submit:hover {
    background: #3b375a;
    color: #fff;
}

p.woocommerce-LostPassword.lost_password a {
    color: #3b375a;
    font-weight: 600;
}

.dotusg-cosmo-onb-para.csmcnt-onb-para a {
    text-decoration: underline;
}


.header-button.shp-btn-mb {
    display: none;
}

.story-section.mobile-slider {
    display: none;
}

h2.child-term-title {
    margin-bottom: 30px;
}

section.cc-rsr-bnr .rb-content {
    max-width: 600px;
}

li.sf-field-taxonomy-partner-resource-category ul {
    display: flex;
    gap: 15px;
}

li.sf-field-taxonomy-partner-resource-category ul li input {
    display: none;
}

li.sf-field-taxonomy-partner-resource-category ul li label {
    cursor: pointer;
    padding: 10px 24px;
    border: 1px solid #D8D8D8;
    border-radius: 100px;
    line-height: normal;
    font-size: 15px;
    padding-left:24px !important;
}

li.sf-field-taxonomy-partner-resource-category ul li label:hover {
    background-color: #937CD8;
    color: white;
    border-color: #937CD8 !important;
}

.partner-img-wrap img {
    height: 220px !important;
    object-fit: cover;
}

li.sf-field-taxonomy-partner-resource-category ul li:first-child {
    display: none !important;
}

/*section.prt-rs-slid .search-filter-results .swiper-wrapper .swiper-slide {*/
/*    width: 35%;*/
/*    margin-right: 30px;*/
/*}*/

li.sf-field-taxonomy-partner-resource-category {
    display: flex !important;
    align-items: center;
    gap: 20px;
    margin: 20px 0 !important;
}

li.sf-field-taxonomy-partner-resource-category h4 {
    font-size: 18px;
    color: rgb(0 0 0 / 50%);
    font-weight: 700;
}

.post-right img {
    width: 26px;
    height: 26px;
}
.child-block.child-block-parent:last-child {
    margin-bottom: 0px !important;
}

a.button:visited {
    background: inherit !important;
    color: inherit !important;
}


.ripple-vid {
    position: relative;
    overflow: hidden;
    height: auto;
}

.ripple-vid .ripple-video {
    position: absolute;
    inset: 0;
    user-select: none;
    pointer-events: none;
    object-fit:cover;
}

section.cc-bnr-main .btn-lrn-mr {
    margin-top: 40px;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #0000;
}

section.filter-section.prod-hub-filter {
    margin: 60px 0 0;
}
section.filter-section.prod-hub-filter .child-posts-grid:last-child {
    margin-bottom: 0;
}

section.filter-section.prod-hub-filter .child-posts-grid:last-child .post-item {
    margin-bottom: 0;
}

section.banner-cosmo-ability .bnr-btn-lrn-2 a.button:visited
{
    color: inherit !important;
}

/*a.button,*/
/*a.button:hover,*/
/*a.button:focus,*/
/*a.button:visited,*/
/*a.button:active{*/
    
/* -webkit-text-fill-color: currentColor !important;*/
/* -webkit-appearance: none !important;*/
/*}*/

/*body, input, select, optgroup, textarea {*/
/*    color: inherit !important;*/
/*}*/
.prof-lrnmr.community-usr-res .inr-prof-lrnmr {
    min-height: 350px;
}

section.trouble-shoot-faqs {
    margin-bottom: 450px;
}
section.trouble-shoot-faqs .child-block {
    margin-bottom: 30px;
}


.dotsusg-innr-wrp {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.lrn-suite-rep-wrap:nth-child(2) .btn-cosmo-lrn-suit a.button:hover {
    color: #EFA77F;
    -webkit-text-fill-color: #EFA77F;
}

.img-lrn-suit-shp {
    margin-top: 10px;
}

.uses-comso-dot.dot-used-with.dot-used-with-mb {
    display: none;
}	

/*a:-webkit-any-link {*/
/*    color: inherit !important;*/
/*}*/

/*Japanese Laungage CSS*/

html[lang="ja"] .header-button-wrap {
    margin-right: -70px !important;
}
html[lang="ja"] a.btn-back-purp {
    text-align: center;
    width: 160px !important;
}

html[lang="ja"] .cosmo-bottom-cnt a.btn-back-purp {
    width: 190px !important;
}

html[lang="ja"] .solution-lft a.btn-back-purp, .solution-lft a.btn-bck-white {
    width: 170px !important;
}
html[lang="ja"] .movmnt-btn a.btn-bck-white {
    width: 170px;
}

html[lang="ja"] .the-movement.onboarding-wrap.str-guid-usr-res .movmnt-btn a.btn-bck-white {
    width: 250px;
}
html[lang="ja"] .prof-lrnmr.community-usr-res .inr-prof-lrnmr {
    min-height: 420px;
}

html[lang="ja"] .btn-lrn-mr a {
    width: 190px !important;
}

html[lang="ja"] .shp-main-bnr a.btn-back-purp{
    
    width: 160px;
}

html[lang="ja"]  .btn-troubleshoot a.btn-bck-white {
    width: 270px;
}


html[lang="ja"] .btn-webinar a.btn-bck-white {
    width: 240px;
}

html[lang="ja"]  .bottom-cosmo-act {
    max-width: 200px;
}

html[lang="ja"] .lft-innr-rep-cosmo-act h5 {
    font-size: 22px;
}

html[lang="ja"] .cnt-lrn-sut-shp {
    min-height: 250px;
}


html[lang="ja"] .cosmo-dot-parent.cosmo-dot-shp a.btn-back-purp {
    width: 200px !important;
}

html[lang="ja"] .trusted-environemnt-post-cnt p {
    min-height: 120px;
}

/*Chinese CSS*/

html[lang="zh-CN"] .site-header-row.site-header-row-center-column {
    grid-template-columns: 1fr 1.2fr 0.8fr !important;
}
html[lang="zh-CN"] .site-header-section-right-center {
    justify-content: flex-end !important;
    margin-right: 40px;
}

html[lang="zh-CN"] .btn-webinar a.btn-bck-white {
    width: 190px;
}



/*DA Langauge*/

html[lang="da"] .site-header-row.site-header-row-center-column {
    grid-template-columns: 1fr 2fr 0.9fr;
}



html[lang="da"]  a.btn-back-purp {
    width: 180px;
    text-align: center;
}



/*France Language*/

html[lang="fr"] a.btn-back-purp {
    width: 210px;
}


html[lang="fr"] .site-header-section-right {
    margin-left: 80px !important;
}

html[lang="fr"] button.drawer-toggle.header-cart-button {

    padding: 8px 18px !important;
    margin-right: 5px;
}

html[lang="fr"] a.btn-bck-white {
    width: 190px;
}

html[lang="fr"] .the-movement.onboarding-wrap.str-guid-usr-res .movmnt-btn a.btn-bck-white {
    width: 200px;
}

html[lang="fr"] .res-troubleshoot a.btn-bck-white {
    width: 210px;
}


html[lang="fr"] .btn-webinar a.btn-bck-white {
    width: 220px;
}

html[lang="fr"] .site-footer-row.site-footer-row-columns-3.site-footer-row-column-layout-right-half {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 2.6fr);
}

html[lang="fr"] .site-middle-footer-inner-wrap {
    grid-column-gap: 10px !important;
}


html[lang="fr"] .top-rep-para-lrn-suit p {
    min-height: 180px;
}

html[lang="fr"] .trusted-env-post-title {
    min-height: 90px;
}

html[lang="fr"] .trusted-environemnt-post-cnt p {
    min-height: 160px;
}

html[lang="fr"] .cnt-slider-test-wrap {
    min-height: 430px;
}

html[lang="fr"] .lft-shp-bnr {
    width: 100%;
    max-width: 505px;
}

html[lang="de"] a.btn-back-purp {
    width: 170px;
}
html[lang="de"] .top-rep-para-lrn-suit p {
    min-height: 190px;
}

html[lang="de"] .cnt-home-bnr {
    padding-left: 240px;
}

html[lang="de"] .trusted-env-post-title {
    min-height: 120px;
}

html[lang="de"] .trusted-environemnt-post-cnt p {
    min-height: 140px;
}
html[lang="de"] .cnt-slider-test-wrap {
    min-height: 490px;
}

html[lang="de"] .footer-html-inner p {
    color: #fff;
    font-size: 15px;
}

html[lang="de"]  .footer-navigation .footer-menu-container > ul li a {
    margin-left: 13px;
}
html[lang="de"]  #colophon .footer-navigation .footer-menu-container > ul li a {
    font-size: 15px;
}


html[lang="hu"] .trusted-environemnt-post-cnt p {
    min-height: 130px;
}

html[lang="hu"] .cnt-slider-test-wrap {
    min-height: 400px;
}

html[lang="it"] a.btn-back-purp,
html[lang="pl"] a.btn-back-purp 
{
    width: 180px;
}

html[lang="pl"] .top-rep-para-lrn-suit p {
    min-height: 240px;
}

html[lang="pl"] .site-middle-footer-inner-wrap {
    grid-column-gap: 0px !important;
}

html[lang="pl"] .footer-html p:first-child {
    font-size: 15px !important;
}
html[lang="pl"] .main-heading {
    font-size: 60px;
}

.nickx_product_images_with_video:not(:has(.nswiper.nickx-slider-nav .nswiper-slide:nth-child(2))) .main_arrow {
    display: flex !important;
}