:root {
    --color-purple: #AA65FF;
    --dark-blue-color: #6409D5;
    --blue-color: #43078D;
    --blue-color-hover: #2A045F;
    --pink-color: #FF07AA;
    --pink-color-hover: #A8007A;
    --cyan-color: #00D19F;
    --cyan-color-hover: #027E5E;
    --light-blue-color: #00D2E0;
    --purple-color: #AA65FF;
    --dark-gray-color: #1A1A1A;
    --depo-max-height: 2000px;
	--green-color: #8DFF33;
	--green-color-hover: #5ba81d;
	--hunter-color: #21C300;
	--news-purple-color: #2A1B3A;

    --purple-default: #AA65FF;
    --blue-default: #247EF3;
    --orange-color: #FF7700;
    --sycp-color: #FF07AA;
    --sywp-color: #00D19F;
    --syh2-color: #AA65FF;
    --syap-color: #8DFF33;
    --syes-color: #FFDD00;
    --disabled-color: #464646;
	--disabled-gradient: linear-gradient(270deg, #000 0%, #282726 100%);
	--svg-path-color: #42AAFF;

	--blue-gradient: linear-gradient(270deg, #000 0%, #1C3E61 100%);
	--blue-text-color: #75AAD7;
	--blue-icon-color: #42AAFF;
	--blue-background: rgba(19, 134, 255, 0.30);

	--orange-gradient: linear-gradient(270deg, #000 0%, #A44C00 100%);
	--orange-text-color: #FFD6B1;
	--orange-icon-color: #FFD6B1;
	--orange-background: #BC6A1E;

	--sycp-gradient: linear-gradient(270deg, #000 0%, #BC0850 100%);
	--sycp-text-color: #FFD9F2;
	--sycp-icon-color: #FFBDDC;
	--sycp-background: #BC356B;

	--sywp-gradient: linear-gradient(270deg, #000 0%, #18463B 100%);
	--sywp-text-color: #BAFFEE;
	--sywp-icon-color: #6DD2AE;
	--sywp-background: #0B5E4A;

	--syh2-gradient: linear-gradient(270deg, #000 0%, #43078D 100%);
	--syh2-text-color: #E8C5FF;
	--syh2-icon-color: #C495FF;
	--syh2-background: #59109E;

	--syes-gradient: linear-gradient(270deg, #000 0%, #6F6000 100%);
	--syes-text-color: #FFF7C2;
	--syes-icon-color: #FFEF87;
	--syes-background: #9A8B2D;

	--syap-gradient: linear-gradient(270deg, #000 0%, #4FA70A 100%);
	--syap-text-color: #E4FFE3;
	--syap-icon-color: #A9FB79;
	--syap-background: #37A63A;

    --sycp-filter: brightness(0) saturate(100%) invert(27%) sepia(78%) saturate(7329%) hue-rotate(310deg) brightness(101%) contrast(109%);
    --sywp-filter: brightness(0) saturate(100%) invert(70%) sepia(29%) saturate(1882%) hue-rotate(112deg) brightness(87%) contrast(101%);
    --syh2-filter: brightness(0) saturate(100%) invert(53%) sepia(39%) saturate(6732%) hue-rotate(237deg) brightness(103%) contrast(101%);
    --syap-filter: brightness(0) saturate(100%) invert(82%) sepia(86%) saturate(465%) hue-rotate(33deg) brightness(101%) contrast(101%);
    --syes-filter: brightness(0) saturate(100%) invert(75%) sepia(75%) saturate(588%) hue-rotate(359deg) brightness(103%) contrast(105%);

    --blue-to-sycp-filter: brightness(0.8) contrast(1.19) saturate(1.45) hue-rotate(1.42rad);
    --blue-to-sywp-filter: brightness(1.1) contrast(1) saturate(0.7) hue-rotate(4.7rad);
    --blue-to-syh2-filter: brightness(1.16) contrast(1) saturate(0.7) hue-rotate(0.5rad);
    --blue-to-syap-filter: brightness(1) contrast(1) saturate(0.98) hue-rotate(4.1rad);
    --blue-to-syes-filter: brightness(1.2) contrast(1) saturate(.8) hue-rotate(2.9rad);
    --pink-to-syap-filter: brightness(1.2) contrast(0.85) saturate(1) hue-rotate(3rad);
    --pink-to-syes-filter: brightness(1.1) contrast(.8) saturate(.9) hue-rotate(1.8rad);
    --disabled-filter: grayscale(100%) contrast(.8);

    --strip-width: 455px;
    --strip-alternate-width: 455px;
}


@property --radialColor {
    syntax: '<color>';
    initial-value: #80FFE833;
    inherits: false;
}

.general-bg {
    /* background: linear-gradient(270deg, #282C2F 0%, #080A0B 100%)!important; */
}

.pink-color {
	color: var(--pink-color);
}

.orange-color {
	color: var(--orange-color);
}

.purple-color {
	color: var(--purple-color);
}

.fa-whatsapp.green {
    color: var(--cyan-color)!important;
}

#navbar {
    background: transparent;
    position: static;
    margin-bottom: 2rem;
}

#mobile-flyout .ui.grid .centered.column {
    display: flex;
    justify-content: center;
    padding: 5px 0!important;
}

#mobile-flyout .item {
    max-width: fit-content;
}

.gradient-text {
	font-family: Gruppo, sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	background: linear-gradient(90deg, #AA65FF 0.27%, #00D19F 101.13%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.hero-text {
	font-family: Gruppo;
	font-size: clamp(37px, 10vw, 60px);
	font-style: normal;
	font-weight: 400;
	line-height: 137%;
	text-transform: uppercase;
	translate: -3px;
}

.solyd-one-header-label {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22.639px;
	line-height: 24.047px; 
}

.solyd-one-header-label:before {
	content: "";
	margin: 0 10px;
	height: 55px;
	width: 1px;
	border-right: 1px solid #5F5F5F;
}

.solyd-header .fa-whatsapp.green {
    margin-right: 5px;
}

.solyd-header .item a.button {
    border-radius: 4px;
    border: 1px solid  #5F5F5F;
    background-color: transparent;
    color: white;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
	padding: 10px 1rem!important;

    text-align: center;
    font-family: Ubuntu, sans-serif;
    font-size: 14px!important;
    line-height: normal;
	font-weight: 400;
    text-transform: uppercase;
}

.solyd-header .item a.button:hover {
    background-color: #5F5F5F;
}

.solyd-header .item.whatsapp a.button:hover {
    background-color: var(--cyan-color);
    border: 1px solid var(--cyan-color);
}

.solyd-header .item.whatsapp a.button:hover .icon {
    color: black!important;
}

.solyd-header .item.student a.button:hover {
    background-color: var(--blue-color);
    border: 1px solid var(--blue-color);
}

.solyd-header .item.student a.button:hover .icon {
    color: white!important;
}

.solyd-one-card {
    height: 100%;

}

.ui.dimmer.modals:has(#subscribe-modal) {
    overflow-x: hidden;
}

.ui.modal.close-inside > .close.icon {
    position: absolute;
    top: 5px;
    right: 1rem;
    font-size: 2rem;
    color: #5f5f5f;
}


#top-mask {
	position: absolute;
	top: 50px;
	right: 47%;
	translate: 50% 0;
	opacity: 1;
    max-width: 100%;
}


.top-gradient, .top-gradient-left, .top-gradient-right {
	max-width: 100%;
}

.top-gradient {
	border-radius: 981.758px;
	background: radial-gradient(45.34% 43.68% at 50% 50%, rgba(142, 50, 255, 0.40) 0%, rgba(152, 115, 152, 0.00) 100%);
	width: 982px;
	height: 625px;
	flex-shrink: 0;
	position: absolute;
	right: 50%;
	transform: translateX(50%);
	opacity: 0.5;
}
.top-gradient-left {
	position: absolute;
	width: 1753.236px;
	height: 1720px;
	flex-shrink: 0;border-radius: 1753.236px;
	background: radial-gradient(50% 50% at 50% 50%, rgba(89, 191, 246, 0.20) 0%, rgba(69, 0, 112, 0.00) 100%);
	top: -1200px;
	right: 300px;
	opacity: 0;
	animation: breathe 20s infinite;
}

.top-gradient-right {
	position: absolute;
	border-radius: 1287.041px;
	background: radial-gradient(50% 50% at 50% 50%, rgba(255, 128, 255, 0.20) 0%, rgba(69, 0, 112, 0.00) 100%);
	width: 1287.041px;
	height: 1262.643px;
	flex-shrink: 0;
	top: -700px;
	opacity: 0;
	right: -20%;
	animation: breathe 20s infinite;
}

@keyframes breathe {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}
	50% {
		transform: scale(1);
		opacity: 0.8;
	}
	100% {
		transform: scale(0.5);
		opacity: 0;
	}
}


.hero-left-container {
	display: flex;
	flex-direction: column;
}


.hero-text {
	display: flex;
	flex-direction: column;
}

#hero-title {
	color: #FFF;
	font-family: Gruppo, sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 34.278px; /* 107.12% */
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 40px;
	width: 70%;
}

#hero-description {
	color: #FFF;
	font-family: Gruppo;
	font-size: 17.139px;
	font-style: normal;
	font-weight: 400;
	line-height: 23.5px; /* 137.113% */
	text-transform: uppercase;
}

.hero-cta-container {
	display: flex;
	flex-direction: column;
	/* gap: 1rem; */
	/* margin-top: 2rem; */
}

.hero-cta-container .cta-label {
	color: #8B8B8B;
	font-family: Raleway, sans-serif;
	font-size: 16px;
}

#hero-container .label {
	padding: 3px 10px;
	width: fit-content;
	

	background-color: var(--pink-color);
	border-radius: 3px;

	font-family: Gruppo, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	-webkit-text-stroke-width: 0.3px;
	-webkit-text-stroke-color: #FFF;
	
}

.hero-cta-container .button, .cta-segment .green.button, .cta-green-button {
	padding: 2rem;
	background: var(--green-color)!important;

	color: #1B003C!important;
	text-align: center;
	font-family: Raleway, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}




.hero-cta-container .button:hover, .cta-segment .green.button:hover, .cta-green-button:hover {
	background: var(--green-color-hover)!important;
}

.hero-cta-container .disclaimer {
	text-align: center;

	color: #FFF;
	text-shadow: 0px 2.591px 2.591px rgba(0, 0, 0, 0.25);
	font-family: Raleway;
	font-size: 9px;
	font-style: normal;
	font-weight: 400;
}

.offers-container .solyd-one-card .disclaimer-undescore, .offers-container .solyd-one-card .disclaimer-undescore a {
    padding: 0 1rem;
    color: #5F5F5F;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 13px;
    display: block;
    text-decoration: underline;
}



.award-section {
	display: flex;
	flex-direction: column;
	width: fit-content;
	min-width: 250px;
	margin-top: 1rem;
	margin-bottom: 1rem;

	border-radius: 4px;
	border: 1px solid rgba(55, 55, 55, 0.40);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.15) 72.89%);
	backdrop-filter: blur(10px);
	padding: 6px 12px;
}

.award-section .text {
	color: #FFF;
	font-family: Gruppo;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 176.9%; 
}

.award-section .green {
	color: var(--green-color);
}

.award-section .price {
	font-family: "Press Start 2P", sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal; 
	letter-spacing: -1.75px;
}

.award-section .big {
	font-size: 20px;
}


.countdown-column {
	display: flex!important;
	flex-direction: column;
	justify-content: center;
}


.countdown-header-container.green-countdown {
	--color: var(--green-color);
}
.countdown-background-container .countdown-header-container {
	max-width: 400px;
	/* padding-top: 3rem; */
}

.countdown-background-container .countdown-header-container .time-container .countdown-section { 
	color: var(--color);
}

.hero-right-container {
	display: flex;
	flex-direction: column;
	font-family: Gruppo, sans-serif;
	height: 100%;
	justify-content: flex-end;

	font-size: 13px;
	line-height: normal;
	text-transform: uppercase;
}

.hero-right-container .news-box {
	width: fit-content;
	padding: 7px 20px;

	border-radius: 0px 4px 4px 0px;
	color: #FFF;
	background: var(--news-purple-color);
}


.hero-right-container .news-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.hero-right-container .news-item {
	padding: 10px;
	display: flex;
	gap: 8px;
	justify-content: end;
	align-items: center;

	border-radius: 4px;
	border: 1px solid rgba(55, 55, 55, 0.40);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.15) 72.89%);

	backdrop-filter: blur(11px);
	text-align: right;
}

.column:has(.hero-right-container) {
	min-width: 310px;
}


.hero-right-container .news-content {
	display: flex;
	flex-direction: column;
	gap: 5px;
}


.hero-right-container .news-item .highlight {
	color: var(--green-color);
}

.hero-right-container .news-label {
	color: #8B8B8B;
	font-family: "Albert Sans";
	font-size: 15px;
	line-height: 25.652px;
	text-transform: none;
	text-align: end;
	margin-bottom: 10px;
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 5px;
}

.hero-right-container .news-label .large.icon {
	font-size: 1.3em!important;
}

.hero-right-container .news-label .corner.icon {
	translate: 3px 0;
	text-shadow: none!important;
}


.hero-right-container .news-list .news-item .news-title {
	font-size: 10px;
}

.hero-right-container .news-list .news-item .news-description .image {
	width: 60px;
	min-width: 60px;
}

.hero-right-container .news-list .news-item .news-description .image img { 
	height: auto;
}


.hero-right-container .news-list .news-item .news-description .text {
	color: #FFF;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
}

#features-list {
	max-width: 100%
}

#features-list.ui.grid > .column:not(.row) {
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: flex;
}

#features-list .column.last {
	padding-left: 50px!important;
}

#features-list .item {
    display: flex;
    align-items: center;
    gap: 1rem;
}

#features-list .icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;

    border-radius: 5.058px;
    background: #0E0F1E;
	min-width: 46px;
}
#features-list .icon-container i {
    font-size: 1.5rem;
    color: var(--color-purple);
}


#features-list .item .text {
    color: #FFF;
    font-family: Raleway, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.155px; /* 139.651% */
    text-transform: uppercase;
}

#features-list .item .text span {
    font-size: 16px;
    font-family: Gabarito, sans-serif;
}

#video-container {
    display: flex;
    justify-content: center;
}

#video-segment {
	display: flex;
	flex: 1;
	max-width: 830px;
	min-width: min(830px, 100%);
	aspect-ratio: 485.19/272.91;
	border-radius: 8px;
	border: 1px solid rgba(104, 20, 206, 0.00);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(102, 102, 102, 0.00) 72.89%);
	backdrop-filter: blur(11.100000381469727px);
}

#video-container .video{
    max-width: 800px;
    flex: 1;
	margin: 0;
}

#subscribe-modal .header {
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
    font-family: Gruppo, sans-serif!important;
}

#subscribe-modal {
    width: 1280px;
    max-width: 95%;
    margin-bottom: 0;
    padding: 0 2rem;
}

#subscribe-modal .header .cta-text {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    line-height: 35px;
    text-transform: uppercase;
    font-family: Gruppo, sans-serif!important;
    font-weight: 400;
}

#subscribe-modal .header .cta-text span {
    font-family: Gruppo, sans-serif!important;
    font-weight: 400;
}

#subscribe-modal .offers-container {
    margin-bottom: 2rem;
}


.ui.modal {
    background: var(--dark-gray-color);
}

.ui.modal  .header,
.ui.modal  .content,
.ui.modal  .actions {
    background: var(--dark-gray-color);
    color: #fff;
}

.ui.container:has(.black-gradient) {
    position: relative;
}

.black-background {
    /* background-color: #080A0B; */
}


.black-container {
    position: relative;
}

.black-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 3%, #080A0B 50.74%, rgba(0, 0, 0, 0.00) 97%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.black-gradient.long {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 3.84%, #080A0B 35.17%, #080A0B, rgba(0, 0, 0, 0.00) 97.64%);
}

#depos-gradient {
    top: -50%;
    height: 150%;
}

.black-gradient.bottom {
    background: linear-gradient(180deg, #080A0B 3%, #080A0B 50%, rgba(0, 0, 0, 0.00) 97%);
    position: absolute;
}

.black-gradient.start {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 3%, #080A0B 15%, rgba(0, 0, 0, 0.00) 97%);
}

.black-gradient.end {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 3%, #080A0B 85%, rgba(0, 0, 0, 0.00) 97%);
}

.black-overlay {
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 3.84%, #060606 55.17%, rgba(6, 6, 6, 0.95) 66.12%, rgba(0, 0, 0, 0.00) 97.64%);
    z-index: 1;
    height: 800px;
    width: 100%;
    bottom: -300px
}

.hidden {
    display: none!important;
}

.ui.grid:has(.transparent-button) {
    justify-content: center;
}

.ui.button.transparent-button {
    border-radius: 4px;
    border: 1px solid  #5F5F5F;
    padding: 1rem 2rem 1rem 1rem;
    background: transparent;
    color: white
}

.ui.button.transparent-button:hover {
    background: #5F5F5F;
    color: white;
}

.transparent-button span {
    text-align: center;
    margin-left: 1rem;
}

.transparent-button i {
    color: #5F5F5F;
}

.transparent-button:hover i {
    color: white;
}

.transparent-button.overlay {
    z-index: 2;
}

#hide-depos-button {
    display: none;
}


.black-gradient#first-gradient {
    top: -200px;
	height: 250%;
}

.flex-align-center {
    align-items: center!important;
}

#notebook-mobile {
    display: none!important;
}

.notebook-specs {
    font-family: Gabarito, sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin: 0 auto;
    max-width: 280px;
    z-index: 1;
}

.notebook-gradient {
    position: absolute;
    width: 105%;
    max-width: 325px;
    height: 105%;
    top: -15px;
    left: 50%;
    translate: -50%;
    border-radius: 100%;
    background: radial-gradient(50% 50% at 50% 50%, #00B2FF 0%, rgba(27, 0, 60, 0.00) 100%);
    opacity: .5;
}

.notebook-gradient ~ img {
    z-index: 1;
    position: relative;

}

.black-gradient#track-gradient {
    top: -20%;
}

.teacher-title-container {
    justify-content: center;
}

.ui.container.raised {
    position: relative;
    z-index: 1;
}

.subsection__video {
    /*margin-top: 100px;*/
}

.subsection__video img.mask-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
	width: 100%;
}

#depos-grid-container {
    max-height: var(--depo-max-height);
    overflow: hidden;
    transition: max-height .5s linear;
}

#depos-grid {
    -webkit-column-count: 3;
    -moz-column-count:3;
    column-count: 3;
    column-gap: 16px;
}

#depos-grid .depo-container {
    height: fit-content;
    break-inside: avoid;
    margin-bottom: 1rem;
    border: 1px solid #5F5F5F;
    padding: 1.5rem 1rem;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-family: Arial, sans-serif;
}

#depos-grid .depo-container i.fa-linkedin {
    font-size: 1.25rem;
    vertical-align: middle;
}

.bug-bounty-title-container {
	text-align: center;
	color: white;
	font-family: "Gruppo", sans-serif;
	font-style: normal;
	font-weight: 400;
	padding: 0 1rem;
}

.bug-bounty-title {
	color: #00D19F;
	font-size: 68px;
	line-height: 70%;
	margin-bottom: 1rem;
}

.bug-bounty-title-container .description {
	color: #FFF;
	font-size: 22px;
	line-height: 27.634px;
	text-transform: uppercase;
}

.ui.grid .column.cta-column {
    padding-left: 5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#depos-grid .depo-container p {
    font-family: Arial, sans-serif;
}

#depos-grid .depo-container .user-container {
    display: flex;
    gap: 10px;
}

#depos-grid .depo-container .user-container .picture-container {
    user-select: none;

}

#depos-grid .depo-container .user-container .info-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;

}

#depos-grid .depo-container .user-container .info-container .user-name {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
}

#depos-grid .depo-container .text-container {
    font-size: 1rem;
}

#depos-grid .depo-container .text-container p{
    font-size: 1rem;

}

#depos-grid .depo-container .text-container .hashtags {
    color: var(--purple-color);
}

#depos-grid .depo-container .media-container {
    user-select: none;

}


.pt-100 {
    padding-top: 100px;
}

.main-title {
    text-align: center;
    color: #AA65FF;
    font-family: Gruppo, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
    text-transform: uppercase;
}
.main-title-promo-m5 {
    text-align: start;
    color: #fff;
    font-family: Gruppo, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
    text-transform: uppercase;
}

.ui.container:first-child {
    margin-top: 0
}

.ui.container.mt-20 {
    margin-top: 20px;
}

.ui.big.modal, .ui.large.modal {
	max-width: 95%;
}

.certification-modal.sycp {
	--color: var(--sycp-color);
}

.certification-modal.sywp {
	--color: var(--sywp-color);
}

.certification-modal.syh2 {
	--color: var(--syh2-color);
}

.certification-modal.syap {
	--color: var(--syap-color);
}

.certification-modal.syes {
	--color: var(--syes-color);
}

.ui.modal.certification-modal {
	position: relative;
	border-radius: 8px;
	background: linear-gradient(314deg, #1F1F1F -1.24%, #0D0D0D 81.84%);
}

.ui.modal.certification-modal .header {
	background: transparent;
}

.ui.modal.certification-modal .body {
	font-size: 14px;
	font-family: Raleway, sans-serif;
	margin-bottom: 3rem;
}

.ui.modal.certification-modal .body {
	margin-bottom: 0;
}


.certification-modal .content {
	display: flex!important;
	flex-direction: column;
	gap: 1rem;
	background: transparent!important;
	padding: 2.5rem 3.5rem 3.5rem 3.5rem!important;
	min-height: calc(80vh - 5rem);
	max-width: 60%;
	overflow-x: hidden;
	overflow: hidden;
	line-height: 1.4;
}

.certification-modal-toggle {
	cursor: pointer;
}

.certification-modal .mobile-image-container {
	display: none;
	user-select: none;
}

.certification-modal .certification-modal-mask {
	position: absolute;
	top: -15%;
	right: -15%;
	max-width: 60%;
	max-height: 80%;
	min-width: 420px;
	z-index: -2;
	user-select: none;
}

.certification-modal.syh2 .certification-modal-mask {
	top: 0;
}

 .certification-modal .certification-image-container {
	 overflow: hidden;
 }

.certification-modal .certification-modal-image {
	position: absolute;
	bottom: -5%;
	right:  -20%;
	z-index: -1;
	user-select: none;
}


.certification-modal .modal-header-title {
	font-size: clamp(50px, 10vw, 80px);
	color: var(--color, white);
	font-family: Gruppo, sans-serif;
	text-transform: uppercase;
	line-height: 100%;
}

.certification-modal .header .sub-title {
	font-size: clamp(20px, 5vw, 28px);
	color: var(--color, white);
	font-family: Gruppo, sans-serif;
	text-transform: uppercase;
}

.certification-modal .footer {
	margin-top: auto;
}

.certification-modal .modal-footer-title {
	font-size: 28px;
	color: var(--color, white);
	font-family: Gruppo, sans-serif;
	line-height: 100%;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.certification-modal .footer .tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.certification-modal .footer .tags .tag {
	border: 1px solid var(--color, white);
	border-radius: 3px; 
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px;

	font-size: 12px;
	font-family: 'Raleway', sans-serif;
	color: #B9B9B9;
}
	

.course-modal {
	overflow: hidden;
}

.course-modal, .certification-modal  {
    padding-top: 2rem;
	border-radius: 8px;
	background: linear-gradient(314deg, #1F1F1F -1.24%, #0D0D0D 81.84%);
	position: relative; 
}

.certification-modal {
	overflow: visible;
	padding-top: 0
}

.certification-modal .modal-limit {
	overflow: hidden;
}

.certification-modal .modal-container {
	position: relative;
	overflow: hidden;
}


.course-modal .arrow, .certification-modal .arrow  {
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	cursor: pointer;
	pointer-events: all;
	user-select: none;
}

.certification-modal .arrow.arrow-left  {
	left: -1.8rem;
}
.course-modal .arrow.arrow-left {
	left: 1rem;
}

.certification-modal .arrow.arrow-right  {
	right: -1.8rem;
}

.course-modal .arrow.arrow-right {
	right: 1rem;
}

.course-modal .arrow-mobile, .certification-modal .arrow-mobile  {
	display: none;
	cursor: pointer;
	pointer-events: all;
	user-select: none;
	padding-left: 1rem;
	padding-right: 1rem;
}

.course-modal :is(.arrow, .arrow-mobile):is(.disabled), .certification-modal :is(.arrow, .arrow-mobile):is(.disabled)  {
	pointer-events: none;
	visibility: hidden;
}

.course-modal .arrow-mobile img, .certification-modal .arrow-mobile img  {
	height: 25px;
}

.course-modal .content {
	background: transparent;
	padding: 1.5rem 3.5rem!important;
}

.course-modal .course-title {
    color: #FFF;
    font-family: Gruppo, sans-serif;
    font-size: 20px;
    line-height: 110%;
    text-transform: uppercase;
}

.course-modal .course-load {
    color: #FFF;
    font-family: Raleway, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
}


.course-modal .border {
    border-radius: 6px;
    border: 1px solid #5F5F5F;
}

.course-modal .image-column {
    display: flex!important;
}

.course-modal .image-column .border {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem 1rem .5rem 1rem;
    width: 100%;

}


.course-modal .course-image {
    margin-bottom: 5px;
	max-height: 120px;

	display: flex;
	justify-content: center;
}

.course-modal .course-image.ui.placeholder {
    background-color: var(--dark-gray-color);
    aspect-ratio: 380/250;
}

.course-modal .course-image img {
	max-height: 120px;
	width: auto;
}

.course-modal .course-details {
    margin-bottom: 2rem;
}

.course-modal .certs-container {
    margin-top: auto;
}

.course-modal .certs-container .certs-list {
    display: flex;
    gap: 5px;
    width: 100%;
}

.course-modal .certs-container .certs-title {
    color:  var(--text-color, white);
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.567px; /* 146.907% */
    margin-bottom: 10px;
    text-transform: uppercase;
}

.classes-container {
    overflow-y: auto;
    max-height: 480px;
    min-height: 480px;
    padding: 0 1rem 1rem;
	scrollbar-color: var(--text-color, #0D0D0D) #171717 ;
}


.classes-container::-webkit-scrollbar-thumb {
  background: red;
}

.course-modal .classes-title {
    color: white;
    font-family: Gruppo, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 146.907% */
    text-transform: uppercase;
    padding: 1rem 0;
    margin: 0 1rem 1rem;
	border-bottom: 1px solid #5F5F5F;

}

.classes-container .course-section {
    color: var(--text-color);
    font-family: Raleway, sans-serif;
    font-size: 19px;
    text-transform: uppercase;
}

.classes-container .classes-list {
    padding-left: 1rem;
    margin-bottom: 1rem;
    margin-top: .5rem;
}

.classes-container .classes-list:last-child {
    margin-bottom: 0;
}

.classes-container .classes-list li {
    color: #FFF;
    font-family: Raleway, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}


.course-modal .certs-container .certs-list .cert-image {
    display: none;
}

.course-modal .certs-container .certs-list .cert-image img {
    height: 44px;
    width: auto;
}

.course-modal {
	--icon-color: white;
	--text-color: white;
}

.course-modal[data-card-color='blue-card'] {
	--background: var(--blue-background);
	--text-color: var(--blue-icon-color);
}

.course-modal[data-card-color='orange-card'] {
	--background: var(--orange-background);
	--text-color: var(--orange-background);
}

.course-modal[data-card-color='pink-card'] {
	--background: var(--sycp-background);
	--text-color: var(--sycp-background);
}

.course-modal[data-card-color='cyan-card'] {
	--background: var(--sywp-background);
	--text-color: var(--sywp-background);
}

.course-modal[data-card-color='purple-card'] {
	--background: var(--syh2-background);
	--text-color: var(--syh2-background);
}

.course-modal[data-card-color='green-card'] {
	--background: var(--syap-background);
	--text-color: var(--syap-background);
}


.course-modal[data-card-color='yellow-card'] {
	--background: var(--syes-background);
	--text-color: var(--syes-background);
}

.course-modal :is(.icons-container, .course-description) {
	margin-top: 10px;
	font-size: 14px;
}

.course-modal .icons-container .icon-section {
	background: var(--background, var(--disabled-gradient));
	color: var(--icon-color, white);
}

.course-modal .icons-container .icon-section {
	display: flex;
	align-items: center;
	padding: 4px;
	border-radius: 4px;
	gap: 5px;
	text-transform: none;
	font-size: 12px;
}

.course-modal .classes-column {
	display: flex!important;
	flex-direction: column;
	gap: 2rem;
	flex-grow: 1;
}

.course-modal .classes-column .border {
	flex-grow: 1;
}

.course-modal .modal-cta-container{
	border-radius: 4px;
	background: linear-gradient(90deg, #000 0%, #313131 100%);

	display: flex;
	gap: 1.5rem;
	align-items: center;
	margin-top: auto;
	padding: 8px 1rem 10px 0;
}

.course-modal .modal-cta-container .card-container {
	display: flex;
	align-items: center;
	gap: 5px;
}

.course-modal .modal-cta-container .right-container {
	display: flex;
	align-items: center;
	gap: 10px;
}

.course-modal .modal-cta-container .image-container {
	height: 0;
}

.course-modal .modal-cta-container .image-container img{
	translate: 0 round(-50%, 1px);
	top: 5px;
}

.course-modal .modal-cta-container .gradient-text {
	font-size: 30px;
	width: fit-content;
	line-height: normal;
}

.course-modal .modal-cta-container .button-container .button {
	color: black;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	background: var(--green-color)!important;
	width: max-content;
	padding: 1rem 1.5rem;
}

.course-modal .modal-cta-container .button-container .button:hover {
	background: var(--green-color-hover)!important;
}

#coming-soon-accordeon-container .option-container {
	color: white;
	border-radius: 5px;
	border: 1px solid #464646;
	background: linear-gradient(270deg, #000 0%, #282726 100%);
	position: relative;
	overflow-y: hidden;

	font-family: Gabarito, sans-serif;
	font-size: 14px;
	line-height: 20px; 
	text-transform: uppercase;
	margin-bottom: 1rem;
}

#coming-soon-accordeon-container .classes-container {
	min-height: auto;
}

#coming-soon-accordeon-container .field .option-container {
	padding: .8rem 1rem;
}

#coming-soon-accordeon-container .field .option-container .radio.checkbox {
	width: 100%;
}


#coming-soon-accordeon-container .field .option-container label {
	max-width: calc(100% - 85px);
}

#coming-soon-accordeon-container .field .option-container label::before,
#coming-soon-accordeon-container .field .option-container label::after {
	top: 50%;
	translate: 0 -50%;
}

#coming-soon-accordeon-container .option-container img {
	position: absolute; 
	top: 50%;
	right: 16px;
	transform: translate(0%, -50%);
}

#coming-soon-accordeon-container label {
	color: #FFF;
}

#coming-soon-accordeon-container .ui.button.submit-button {
	color: #1B003C;
	background-color: var(--green-color);

	padding: 1rem 2rem!important;
	float: right;

	text-align: center;
	font-family: Raleway, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
	

#banner-carousel-wrapper {
    position: relative;
}

#banner-carousel-wrapper:before, #banner-carousel-wrapper:after {
    position: absolute;
    top: 0;
    z-index: 1;
    content: "";
    display: block;
    width: 35px;
    height: 100%;

}

#banner-carousel-wrapper:before{
    left: -1rem;
    background: linear-gradient(90deg, var(--background-color, #080A0D), transparent);
}

#banner-carousel-wrapper:after{
    right: -1rem;
    background: linear-gradient(-90deg, var(--background-color, #080A0D), transparent);
}


#banner-carousel {
    margin-bottom: 40px;
    overflow: hidden;
    display: flex;
    gap: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-top: 10px;
}

#banner-carousel .item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
    user-select: none;
    gap: 8px;
    padding: .5rem 1rem;
    --color: var(--purple-default);
    flex-direction: column;
    max-width: 120px;

}

#banner-carousel .item .image-container {
    border-radius: 8px;
    border: 1px solid #0F1215;
    background: #0F1215;
    font-size: 2rem;
    color: #5F5F5F;
    width: 60px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#banner-carousel .item.active .image-container {
    box-shadow: 0px 0px 20px 0px var(--color-purple);
    border: 1px solid var(--color-purple);
    color: var(--color-purple);
    background:  #090A0C;
}

#banner-carousel .item:hover .image-container {
    box-shadow: 0px 0px 20px 0px var(--color-purple);
    color: var(--color-purple);
    background:  #090A0C;
}

#banner-carousel .item .text-container {
    color: #888A91;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    text-transform: uppercase;
}

.banner-image,
.banner-description {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    position: absolute; /* To stack them on top of each other */
    top: 0;
    left: 0;
    z-index: 0;
}

.banner-description {
    width: calc(100% - 3rem);
}

.banner-image.active,
.banner-description.active {
    opacity: 1;
    position: relative;
    z-index: 1;
    width: 100%;
}

.banner-description {
    top:1rem;
    left: 2.5rem;
}

.banner-description.active {
    top: 0;
    left: 0;

}

.banner-images {
    position: relative;
}

.banner-images .banner-image img {
    width: 100%;

}

.banner-container {
    position: relative;
}

.banner-container .banner-image#streaming-image,
.banner-container .banner-description#streaming-description {
    display: block;
}

.banner-description-container {
    border-radius: 6px;
    background: #222529;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50);
    display: flex;
    flex-direction: column;
    padding: 1rem 1rem 0.5rem 2.5rem;
    position: relative;
    bottom: 100px;
    margin: 0 2rem;
    z-index: 1;
}

.banner-description-container .banner-description-title {
    color: var(--color-purple);
    font-family: Gruppo, sans-serif;
    font-size: 28px;
    line-height: normal;
    margin-bottom: 15px;
}

.banner-description-container .banner-description-content {
    display: flex;
    justify-content: space-around;
    gap: 2rem
}

.banner-description-container .section {
    color: #FFF;
    font-family: Raleway, sans-serif;
    font-size: 14px;
    line-height: 20px;
    border-right: 1px solid #5F5F5F;
    position: relative;
    padding-right: 10px;
    padding-bottom: 2rem;
}

.banner-description-container .section:last-child {
    border-right: none;
    padding-right: 0;
}

.banner-description-container .section:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 10px;
    transform: translateY(-50%) rotate(-90deg);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid var(--color-purple)
}

.banner-description-container .divider {
    height: 100%;
    width: 1px;
}

.main-subtitle {
    color: #FFF;
    text-align: center;
    font-family: Gruppo, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.ui.grid.equal-height > .column {
  display: flex;
}

.ui.grid.equal-height > .column > .black-card {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.black-card {
    background: linear-gradient(270deg, #1A1A1A 0%, #000 100%);
    border-radius: 6px;
    padding: 10px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
}

.black-card .image-container {
    display: flex;
    align-items: center;
}

.black-card .text-container {
	max-width: 315px;
}

.column-black-card {
    border-radius: 8px;
    background: linear-gradient(307deg, #0D0D0D 17.35%, #1F1F1F 91.67%);
    display: flex ;
    padding: 1rem 0 1rem 2rem;
    align-items: center;
    gap: 1rem;
    height: 100%;
}

.certificate-benefits-text {
    color: #FFF;
    font-family: Gruppo, sans-serif;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
}

.black-card.green-border {
    border-bottom: 3px solid #8DFF33;
}

.black-card.blue-border {
    border-bottom: 3px solid #247EF3;
}

.black-card.pink-border {
    border-bottom: 3px solid #FF07AA;
}

.black-card.green {
    border-bottom: 3px solid #8DFF33;
}

.black-card.yellow-border {
    border-bottom: 3px solid #FFDD00;
}

.new-course-title {
    color: white;
    font-family: Gruppo, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.new-course-description {
    color: #5F5F5F;
    font-family: Raleway, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 173.4%;
}
.new-cards-container {
    display: flex!important;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem
}

.ui.grid.no-margin {
    margin: 0!important;
}

.networking-container .images-container {
	display: flex;
	justify-content: space-between;
}

.networking-container .images-container img {
	aspect-ratio: 253/311;
	max-height: 311px
}

.ui.grid.teachers-div {
    margin-top: 0!important;
}

.teacher__image {
    margin-top: 0!important;

}

.teacher-title-container .socials {
    display: flex;

}

.teacher-title-container .socials a {
    height: 1.2em;

}

.teacher-title-container .socials i {
    font-size: 1.2em
}

.teacher-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.teacher-card {
    border: 1px solid #5F5F5F;
    margin-right: 1rem;
    margin-bottom: 2rem!important;
}

.teacher-card .image-container {
    position: relative;
}

.teacher-card .image-container .black-label {
    position: absolute;
    background: #090A0C;
    color: #FFF;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 8px;
    font-style: normal;
    line-height: 17px; /* 208.333% */
    text-transform: uppercase;
    padding: 3.415px 12.293px;
    border-radius: 3px;
    bottom: 10px;

}

.teacher-card .teacher__description {
    text-align: start!important;
}

.teacher-title-container {
    padding: 0 1rem;

}
.teacher-title-container .teacher-title {
    color:  #AA65FF;
    text-align: center;
    font-family: Gruppo, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.567px; /* 85.696% */
}

.prize-text-container {
    max-width: fit-content;
}

.ctf-title {
    color: #FFF;
    font-family: Gruppo, sans-serif;
    font-size: 34px;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 2rem;

}


.ctf-background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    top: 0;
    object-fit: cover;
	max-height: 620px;
}

.hunter-background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    top: 0;
    object-fit: cover;
	/* max-height: 620px; */
}

.ctf-feature-card {
    border-radius: 8px;
    background: linear-gradient(270deg, #1F1F1F 0%, #0D0D0D 100%);
    padding: 2rem 1.5rem;
}

.ctf-feature-card .ui.grid {
    display: flex;
    align-items: center;
}

.ctf-feature-card .ui.grid .column:first-child {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
}

.ctf-feature-card .ctf-title {
    margin-bottom: 0;
}

.ctf-feature-card .column i {
    color: #AA65FF;
    font-size: 2rem;
}

.ctf-feature-card .ctf-title {
    color: #FFF;
    text-align: center;
    font-family: Gruppo, sans-serif;
    font-size: 24px;
    line-height: normal;
    text-transform: uppercase;
}

.ctf-feature-card .ctf-title .purple {
    color: #AA65FF;
}

.ctf-notebook-image-container .cloud-container {
    border-radius: 8px;
    background: linear-gradient(270deg, #1F1F1F 0%, #0D0D0D 100%);
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 50%;
    position: relative;
    padding: .5rem 1rem;
    top: 1rem;
    left: 2rem;

}

.ctf-notebook-image-container .cloud-container .grandpa-container {
    border-radius: 4px;
    background: #6409D5;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: -1rem;
    right: 5px;
    align-items: center;
}

.ctf-notebook-image-container .cloud-container .grandpa-container img{
    width: 30px;

}

.ctf-notebook-image-container .cloud-container .grandpa-container .text-container{
    color: #FFF;
    text-align: center;
    font-family: Raleway;
    font-size: 11px;
    line-height: 12px;

}

.ctf-notebook-image-container > img {
    max-width: 100%;
}

.ctf-background-container {
    position: relative;
}

.hunter-background-container {
    position: relative;
}

#hunter-grid {
    padding-bottom: 2rem; 
    padding-top: 5rem; 
}

#hunter-grid .logo, .hunter-card .logo {
    display: flex;
    gap: 1rem;
    align-items: center;
}

#hunter-grid .right.column {
    display: flex!important;
    flex-direction: column;
    gap: 30px;
}

#hunter-grid .title {
    color: white;
    font-family: Gruppo, sans-serif;
    font-size: 30px;
    line-height: normal;
    text-transform: uppercase;
}

#hunter-grid .subtitle {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 173.4%; 
}

#hunter-grid .description {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 173.4%; 
}

#hunter-grid .description a {
    color: #8C8C8C;
    text-decoration: underline;
}

#hunter-grid .description a:hover {
    color: #b9b9b9;
}


#hunter-grid .hunter-text{
    font-size: 36px;
}

#hunter-grid .hunter-text, .hunter-card .hunter-text {
    font-family: Gruppo, sans-serif;
}


.cta-segment.hunter-card {
    min-height: 160px;
    position: relative
}

.cta-segment.hunter-card .hunter-mask {
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    padding: 0;
}

.cta-segment.hunter-card .ui.button {
    padding: 1.2rem;
}

.hunter-color {
    color: var(--hunter-color)
}


.ctf-container {
    padding-top: 5rem;
}

.ctf-features-container {
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    gap: 3rem;
}

.prize-text-container .prize-text.light-green {
    color: #00D19F;
}

.prize-text-container .prize-text {
    color: white;
    font-family: Gruppo, sans-serif;
    font-size: 34px;
    line-height: normal;
}

.prize-text-container .prize-text.pix-logo {
    position: relative;
    right: calc(-3rem - 50px);
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.prize-text-container .prize-text.pix-logo img {
    width: 50px;
    height: auto;
    position: relative;
    top: -10px;

}

.prize-text-container .second-text {
    color: #8DFF33;
    font-family: "Press Start 2P", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -3.907px;
    margin-top: 10px;
}

.prize-text-container .second-text .big {
    font-size: 40px;
    padding-top: 12px;
}

.hof-card .user-title {
    font-size: 18px;
}

.hof-card .champion-year {
    font-size: 11px;
    text-transform: uppercase;
}

.hof-card .champion-year span{
    font-size: 15px
}

.hof-card .edition {
    font-size: 20px;
}

.lab-text-container {
    display: flex!important;
    flex-direction: column;
    justify-content: center;
}

.purple {
    color: #AA65FF;
}

.cyan {
    color: #00D19F;
}

.cta-banner {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #090A0C;
    position: relative;
    min-height: 300px;
}

.cta-banner .column:first-child {
    display: flex!important;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
}

.cta-banner:before {
    background: url("https://cdn.ead.guru/74/media/public/websites/sites-solyd/bundle_cover_courses.webp") ;
    background-size: contain;
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: .5;
    background-position: 50%;
}

.cta-banner .cta-button {
    width: fit-content;
    padding: 1.5rem 5rem;
    border-width: 1px;
    border-radius: 4px;
}

.cta-banner .cta-title {
    color: #FFF;
    font-family: Gruppo, sans-serif;
    font-size: 34px;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: normal;
}

.cta-banner .cta-description {
    color: #FFF;
    font-family: Gruppo, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}
.computer-hide {
    display: none !important
}

.certificates-image-container {
    display: flex!important;
	flex-direction: column;
    align-items: center;
    justify-content: center;
}


.certificates-image-container .testimonial-container {
	padding: 2rem;
}

.testimonial-container .champion-container {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -5px;
	margin-bottom: 2rem;
}

.certification-steps-label {
	margin: 0

}

.certification-step {
    border-radius: 8px;
    border: 1px solid  #5F5F5F;
    display: flex;
    padding: 5px 0;
    align-items: center;
    gap: 1rem;
}

.certification-step .number {
    color: #AA65FF;
    font-family: Gruppo, sans-serif;
    font-size: 30px;
    background-color: #222529;
    border-radius: 100%;
    margin-left: -2rem;
    margin-right: 1rem;
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.certification-step .text {
    color: #AA65FF;
    font-family: Gruppo, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

.certification-container {
    position: relative;
    padding: 5rem 0 0;
}

.certification-container .ui.container {
    display: flex;
    justify-content: center;
}

.certification-container .grid .column {
    max-width: 400px;
}


.certification-mask {
    position: absolute;
    object-fit: cover;
    bottom: 50%;
    width: 100%;
    transform: translateY(50%);
    mask-image: linear-gradient(to bottom, rgb(53 32 32), rgba(0, 0, 0, 0));
}

.certification-card {
    border-radius: 6px;
    background: linear-gradient(270deg, #1A1A1A 0%, #000 100%);
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.certification-card img {
    max-height: 135px!important;
    width: auto;
}

.certification-card .title {
    color: #FFF;
    font-family: Gruppo, sans-serif;
    text-align: center;
    font-size: 24px;
}

.certification-card .description {
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 14px;
    margin-top: 5px;


}

.certification-card .text {
    color: #FFF;
    font-family: Raleway, sans-serif;
    text-align: center;
    font-size: 13px;
    line-height: 176.9%;
}

.certification-card.pink-border {
    border-bottom: 6px solid #FF07AA;
}

.certification-card.green-border {
    border-bottom: 6px solid #8DFF33;
}

.certification-card.blue-border  {
    border-bottom: 6px solid #247EF3;
}

.certification-card.wireless-border {
    border-bottom: 6px solid #00D19F;
}

.certification-card.hardware-border {
    border-bottom: 6px solid #6409D5;
}

.certification-card.orange-border {
    border-bottom: 6px solid #FFDD00;
}

.cta-container {
    position: relative;
    padding: 0 3rem;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.ellipsis {
    position: absolute;
    pointer-events: none;
    border-radius: 100%;
    background: radial-gradient(50% 50% at 50% 50%, var(--radialColor) 0%, rgba(69, 0, 112, 0) 100%);
    transition: --radialColor 1s;
    opacity: .5;
}

.left-ellipsis {
    --radialColor: rgba(128, 255, 232, 0.20);
    left: 0;
    width: 1209px;
    height: 1186px;
    animation-name: breatheAndSwitch;
}

.right-ellipsis {
    --radialColor: rgba(255, 128, 255, 0.20);
    right: 0;
    width: 887px;
    height: 870px;
    animation-name: breatheAndSwitchReverse;
}

.left-ellipsis.first-section {
    top: -360px;
    left: calc(50% - 300px);
    translate: -50% 0;
}

.right-ellipsis.first-section {
    top: -300px;
    left: calc(50% + 200px);
    translate: -50% 0;
}

.ellipsis.banner, .ellipsis.first-section {
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    transform: scale(0.5);
    transform-origin: top center;
}

.ellipsis.banner.left-ellipsis {
    top: -10%;
}


.right-ellipsis.banner, .right-ellipsis.video {
    right: -50%;
}

.left-ellipsis.banner, .left-ellipsis.video {
    left: -50%;
}


.ellipsis.video {
    bottom: -120%;
    width: 90%;
    height: 100%;
}

.solyd-one-features-container {
    display: flex!important;
    justify-content: space-evenly;
    gap: 1rem
}

.solyd-one-features-container .solyd-one-feature {
    color: #FFF;
    text-align: center;
    font-family: Gruppo, sans-serif;
    font-size: 20px;
    line-height: normal;
    text-transform: uppercase;
    padding: 2rem 0;
    flex: 1 1 0px;
}

.solyd-one-features-container .solyd-one-divider {
    min-height: 100%;
    width: 1px;
    background-color: #5F5F5F;
}

.left-ellipsis.cta {
    width: 1250px;
    height: 1250px;
    top: -40%;
    left: -30%;
    opacity: 0.9;
}

.right-ellipsis.cta {
    position: absolute;
    pointer-events: none;
    width: 1250px;
    height: 1250px;
    top: -30%;

    right: -20%;
    border-radius: 933px;
    opacity: 0.9;
}

.offers-container {
    margin-bottom: 2rem;
}


.solyd-one-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    --color: var(--blue-color);
    border-radius: 6px;
    background: linear-gradient(270deg, #252525 0%, #000 100%);
    box-shadow: 0px 2.823px 15.525px 0px rgba(0, 0, 0, 0.73);
    padding-bottom: 2rem;
    border: 1px solid black;
    max-width: 450px;
    margin: 0 auto;
    justify-content: space-between;
}

.voucher-label-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 0;
}

.solyd-one-card.blue {
    --color: var(--blue-color);
    --color-hover: var(--blue-color-hover);
}

.solyd-one-card.filled-bar div.top-bar {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
	color: #FFF;
}


.solyd-one-card.pink.filled-bar div.top-bar {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
	color: #FFF;
}

.solyd-one-card.pink {
    --color: var(--pink-color);
    --color-hover: var(--pink-color-hover);
}

.solyd-one-card.cyan  {
    --color: var(--cyan-color);
    --color-hover: var(--cyan-color-hover)
}

.solyd-one-card.light-blue  {
    --color: #01D7E9;
}


.solyd-one-card .top-bar {
    background:  #222529;
    width: 100%;
    padding: 5px;
    height: 35px;
    border-radius: 6px 6px 0 0;
}

.solyd-one-card .discount-strip {
	background: var(--green-color);

	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 3px 10px;
}

.solyd-one-card .discount-strip .fire-icon {
	font-size: 18px;
}

.solyd-one-card .discount-strip .discount-label {
	color: #000;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #000;
	font-family: Gruppo;
	font-size: 20px;
	text-transform: uppercase;
}



body .solyd-one-card.bordered {
    border: 1px solid var(--color);
}

body .solyd-one-card.filled-bar div.top-bar {
    background: var(--color);
    text-align: center;
    font-family: "Albert Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

body div.offers-container .solyd-one-card .new-price-container div.top-bar{
    color: #000;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #000;
}

body .solyd-one-card.cyan.filled-bar div.top-bar,
body .solyd-one-card.light-blue.filled-bar div.top-bar {
    color: #000;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
}



.offers-container {
    padding: 0 1rem;
}


.subsection__title.big {
    font-size: 38px;
}

.mask-container {
    position: relative;
    padding: 5rem 0;
    z-index: 1;
}

.mask-solyd-one {
    position: absolute;
    width: 115%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0;
    user-select: none;
}


.mask-solyd-one-mobile {
    display: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.overflow-image-25 {
    margin-top: -10%;
}

.mt-150px {
    margin-top: 150px;
}

.ui.bordered.container {
    border: 1px solid #5F5F5F;
    border-radius: 8px;
    padding: 1rem;
}

.column.center-aligned {
    display: flex!important;
    flex-direction: column;
    justify-content: center;
}

.column.end-aligned {
    display: flex!important;
    flex-direction: column;
    justify-content: end;
}

.solyd-rec-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.solyd-rec {
    border: 1px solid #5f5f5f;
    border-radius: 9px;
    color: #FFF;
    font-family: Gruppo, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1rem;
}

.ui.grid.cta-segment, .ui.relaxed.grid.cta-segment {
	margin-left: 0;
	margin-right: 0;
}

.ui.grid.cta-segment, .cta-segment {
	border-radius: 8px;
	background: linear-gradient(90deg, #000 0%, #313131 100%);
	align-items: center;
}

.cta-segment .green.button {
	padding: 1.5rem;
}

.cta-segment .text-column {
	color: #FFF;
	font-family: Gruppo, sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: 124%;
	text-transform: uppercase;
}

.offers-container .image-container {
    display: flex;
    justify-content: center;
}

.offers-container .image-container img {
	height: 66px;
}

.offers-container .solyd-one-card  .access-container {
	color: #FFF;
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #FFF;
	font-family: Gruppo;
	font-size: 23px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;

	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 0 1rem;
	min-height: 105px;
}


.offers-container .solyd-one-card .cta-card-emphasis {
	color: var(--color);
	-webkit-text-stroke-color: var(--color);
}

.offers-container .solyd-one-card.blue .cta-card-emphasis {
	color: var(--purple-color);
	-webkit-text-stroke-color: var(--purple-color);
}

.offers-container .solyd-one-card  .vouchers-container > div {
    display: flex;
    align-items: center;
    border-radius: 3px;
    border: 1px solid var(--color);
    padding: 5px;
}

.offers-container .solyd-one-card  .vouchers-container > div img {
    max-width: 150px;
    height: auto;
}

.offers-container .solyd-one-card .price-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
	color: #FFF;
	font-family: "Albert Sans", sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
    min-height: 125px;
    justify-content: center;
    /* margin-top: auto; */
}

.offers-container .solyd-one-card  .price-container.discount {
	--color: var(--green-color);
}


.offers-container .solyd-one-card  .price-container.discount .old-price {
	text-decoration: line-through;
    color: red
}

.offers-container .solyd-one-card  .price-container span.big {
    font-size: 32px;
}

.offers-container .solyd-one-card  .installment-price {
    color: var(--color);
    font-size: 24px;
    text-transform: uppercase;
	line-height: normal;
    font-weight: 700;
}

.offers-container .solyd-one-card  .benefits-container {
    color: #FFF;
    font-family: "Albert Sans", sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 176.9%;
    text-transform: uppercase;
    text-align: start;
    padding: 0 1.2rem;
}


.offers-container .solyd-one-card  .benefits-container span.label{
	font-size: 12px;
}

.offers-container .solyd-one-card  .benefits-container ul {
    padding-left: 1.5rem;
    padding-right: 1rem;
	margin-top: 0;
	margin-bottom: 0;
}

.cta-container.discount .offers-container .solyd-one-card .ui.button.subscribe-button {
	text-align: center;

	--color: var(--green-color);
	--color-hover: var(--green-color-hover);
	color: #000;
}

.offers-container .solyd-one-card .ui.button.subscribe-button {
    background: var(--color);
    padding: 1.5rem;
    color: #FFF;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 1rem;
	align-self: center;
	min-width: 70%;
}

.offers-container .solyd-one-card .ui.button.subscribe-button:hover {
    background-color: var(--color-hover);
}


.offers-container .solyd-one-card .disclaimer {
	padding: 0 1rem;
	color: #5F5F5F;
	text-align: center;
	font-family: Raleway, sans-serif;
	font-size: 13px;
    display: block;
}

.offers-container .solyd-one-card .disclaimer.modal {
    text-decoration: underline;
    cursor: pointer;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
}

.ui.accordion {
    border: 1px solid #5F5F5F;
    border-radius: 8px;
}


.ui.accordion .modules-title {
    color: #5f5f5f;
    font-family: Gruppo;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    border-bottom: 1px solid #5F5F5F;
    padding: 2rem;
    display: flex;
    align-items: center;

}

.ui.accordion .modules-title i {
    margin-left: auto;
}

.ui.accordion .content {
    padding-left: 2rem!important;
    color: #FFF;
    font-family: Raleway, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid #5F5F5F;
}

.ui.accordion .content > *:first-child {
    margin-top: .5rem;
}

.ui.accordion .content > *:last-child {
    margin-bottom: 1rem;
}

.ui.accordion .round-bottom {
    border-radius: 0 0 8px 8px;
}


.ui.accordion .modules-title.active {
    color: var(--purple-color)
}

.ui.accordion .modules-title.active.round-bottom {
    border-radius: 0;
}

.subsection__warranty {
    height: 550px;
    position: relative;
}

.warranty-mask {
    position: absolute;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.latin-america-bg-div {
    background-size: contain;
    height: 550px;
}
.whatsapp__contact .ui.grid.whatsapp-grid {
    border: 1px solid #5f5f5f;

}

.ui.inverted.button.btn_light_blue {
    background: transparent;
    border: 1px solid var(--light-blue-color);
    color: white;
    box-shadow: none;
}

.ui.inverted.button.btn_light_blue:hover {
    box-shadow: none;
    background: var(--light-blue-color);

}

.holder .buttons {
    display: flex;
    gap: 2rem;
    flex: 1;
    width: fit-content;
    float: right;
}

.holder .buttons .subscribe-cta-button {
	padding: 1.5rem 2rem!important;

}

.company-row {
	--gap: 42px;
	--height: 80px;
	--item-count: 56;
}


.company-row .image-container {
	--item-width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.company-row .image-container img {
	max-height: var(--height);
	max-width: var(--item-width);
}

.scroll-left-container,
.scroll-right-container {
	gap: var(--gap, 0);
	position: relative;
	height: var(--height);
	display: flex;
	position: relative;
}

.scroll-left-container.company-row {
	--total-width: 11695px
}

.company-row {
	animation: scrollLeftContainer 60s linear infinite;
}

.scroll-right-container.company-row {
	--total-width: 10807px;
	animation-direction: reverse;
}

.scroll-left-container > *, .scroll-item,
.scroll-right-container > *, .scroll-item {
	min-width: var(--item-width, auto);
	width: var(--item-width, auto);
	height: var(--height);
	/* animation: scrollLeft var(--duration, 60s) linear infinite; */
}

.bug-bounty-companies.scroll-left-container > .scroll-item {
	animation: scrollLeft var(--duration, 60s) linear infinite;
}


.company-row.image-container img {
	max-height: 100px;
	width: auto;
}

.bug-bounty-companies {
	--gap: 16px;
	--height: 60px;
	--item-count: 28;
}

.bug-bounty-container {
	--item-width: 320px;
	display: flex;
	justify-content: space-between;
	padding: 0 24px;
	gap: 12px;
	align-items: center;
	border-radius: 8px;
	border: 1px solid rgba(68, 68, 68, 0.40);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.15) 72.89%);
	backdrop-filter: blur(11px);
	color: #FFF;
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.14px;
}


.bug-bounty-container span {
	flex-grow: 1;
	text-align: center;
}

.bug-bounty-right-section {
	position: relative;
}

.bug-bounty-mask {
	position: absolute;
	top: 0;
	left: -40%;
}

.testimonial-bounty-wrapper {
	position: relative
}

.testimonial-popup {
	position: absolute;
	top: -10%;
	right: -5%;
	z-index: 1;
	max-width: 250px;
}

.approval-grid {
	padding-top: 60px!important;
	margin: 0!important;
}

.approval-grid:last-child {
	padding-bottom: 60px!important;
}

.approval-container {
	display: flex;
	gap: 1rem;
	align-items: center
}

.approval-container .text {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.approval-container .text .title {
	color: #FFF;
	font-family: Gruppo, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

.approval-column {
	display: flex!important;
	align-items: center;
}

.approval-testimonial {
  border-radius: 8px;
  border: 1px solid #AA65FF;
  position: relative;
  z-index: 1;
  display: flex;
  padding: 0 2rem;
  gap: 2rem;
}


.approval-testimonial > *{
	width: 50%;
}

.approval-container .text .description {
	color: #FFF;
	font-family: Raleway, sans-serif;
	font-size: 13;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

#coming-soon-accordeon-container {
	border-radius: 5px;
	border: 1px solid #AA65FF;
	background: linear-gradient(180deg, #9D00FF 0%, #000 38.25%);
	background: linear-gradient(180deg, #9D00FF 0%, #000 170.69%);
	padding-left: 1rem;
	padding-right: 3rem;
	margin-top: 1rem;
	overflow-y: hidden;
}

#coming-soon-accordeon-container.open-background {
	background: linear-gradient(180deg, #9D00FF 0%, #000 38.25%);
}

#coming-soon-accordeon-header {
	position: relative;
	display: flex;
	gap: 3rem;
	align-items: center;
}

#black-november-rules li {
    font-family: Raleway,sans-serif;
    font-size: 16px;
}

#coming-soon-accordeon-header .image-container {
	max-height: 100px;
}

#coming-soon-accordeon-header .image-container img {
	position: relative;
	top: -15px;
}

#coming-soon-accordeon-header .close-button {
	position: absolute;
	top: 1rem;
	right: -1rem;
	cursor: pointer;
	text-decoration: underline;
	transition: opacity .2s ease-in-out;
}

#courses_form {
	display: flex;
	justify-content: space-between;
	margin-top: 1.5rem;
	gap: 2.5rem
}

#coming-soon-accordeon-content {
	transition: max-height .3s ease-out;
}

#coming-soon-accordeon-container .left .label{
	margin-bottom: 1rem;
}

#coming-soon-accordeon-container .right .submit-button {
	margin-top: 1rem;
}

#coming-soon-accordeon-container .text-container .title {
	color: var(--green-color);
	font-family: Gabarito, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

#coming-soon-accordeon-container .button-container {
	margin-left: auto;
}

#coming-soon-accordeon-content.hidden-section {
	max-height: 0px;
	overflow: hidden;
}


#coming-soon-accordeon-container .invisible {
	opacity: 0;
}


#coming-soon-accordeon-container .button-container i {
	margin-right: 1rem;
}

#coming-soon-accordeon-container .button-container .coming-soon-accordeon.button {
	font-family: Raleway, sans-serif;
	padding: 1rem!important;
	background-color: var(--green-color);
	text-transform: uppercase;
	transition: opacity .2s ease-out;
}

#coming-soon-accordeon-header .right {
	flex-grow: 1;
	display: flex;
	gap: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#coming-soon-accordeon-container .button-container .coming-soon-accordeon.button:hover {
	background-color: var(--green-color-hover);
}

#coming-soon-accordeon-content .right {
	flex-grow: 1;
	align-self: end
}


@media screen and (min-width: 1200px) {
	.bug-bounty-mask {
		z-index: 1
	}

}

.bug-bounty-news {
	position: relative;
	float: right;
	max-width: 70%;
}

@keyframes scrollLeftContainer {
	to {
		translate: calc((-1*(var(--total-width))/ 2) - (var(--gap, 0) / 2));
	}
}

@keyframes scrollLeft {
	to {
		translate: calc((-100% - var(--gap, 0)) * var(--item-count) / 2)
	}
}

@keyframes scrollRight {
	from {
		translate: calc((-100% - var(--gap, 0)) * var(--item-count) / 2)
	}
	to {
		translate: 0
	}
}


@media only screen and (max-width: 1199px) {
	.networking-container .images-container img {
		max-width: 33%;
	}

	.overflow-image-25 {
		margin-top: 0;
	}
}

@media only screen and (min-width: 992px) {
	.countdown-disclaimer {
		margin-left: 12px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.course-modal .modal-cta-container .icon-container {
		display: none
	}
}

@media only screen and (max-width: 1600px) {
    .offers-container .column {
        width: 50%!important;
    }
}

@media only screen and (max-width: 991px) {
	#courses_form {
		flex-direction: column;
	}

	#coming-soon-accordeon-header .right {
		flex-direction: column;
		gap: 0.5rem;
	}

	#coming-soon-accordeon-content .right {
		align-self: unset;
	}

	#coming-soon-accordeon-container .field .option-container label {
		max-width: none;
	}

	#coming-soon-accordeon-container .button-container {
		margin-left: 0;
	}


	#hero-title {
		width: 100%;
	}

    .cta-segment.hunter-card .hunter-mask {
        opacity: 0.5;
    }

    #hunter-grid .logo, .hunter-card .logo {
        justify-content: center;
    }

	.teacher-card .teacher__description {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.award-section {
		margin: 1rem auto;
	}

	.hero-left-container .hero-image {
		margin: 0 auto
	}
	.top-gradient-left,.top-gradient-right {
		display: none;
	}

	.ui.modal.modal-overlay-mobile {
		width: 100%;
		left: 0;
		margin: 0 auto;
		top: 0;
		border-radius: 0;
		height: 100%;
		margin: 0!important;
	}

	.ui.modal-overlay-mobile.modal>.content.content.content {
		min-height: calc(100% - 2rem);
		display: flex;
	}

	.cta-segment .text-column {
		text-align: center;
	}

	.bug-bounty-mask {
		opacity: .5;
		left: -20%;
		max-width: 100%;
	}

	.testimonial-popup {
		position: absolute;
		top: -8%;
		right: 0;
		z-index: 1;
	}

	.networking-container .images-container img {
		max-width: 50%;
	}
	.networking-container .images-container img.second-image {
		display: none;
	}

	#top-mask {
		opacity: .7;
	}

	.black-card {
		max-width: 315px;
		margin: 0 auto;
	}



	.hero-right-container .news-item {
		justify-content: start;
		flex-direction: row-reverse;
		text-align: left;
		gap: 1rem;
	}


	.hero-right-container .news-list .news-item:first-child {
		margin-top: 0;
	}

    .ui.grid .column.cta-column {
        padding-left: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .left-ellipsis, .right-ellipsis {
        display: none;
    }

    .solyd-one-features-container {
        flex-direction: column;

    }

    .solyd-one-features-container .solyd-one-divider {
        min-width: 350px;
        width: 70%;
        height: 1px;
        margin: 0 auto

    }

    .solyd-one-features-container .solyd-one-feature {
        padding: 1rem;
    }

    #depos-grid{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    #subscribe-modal .fourteen-tablet.column {
        width: 100%;
    }

	#features-list .column.last {
		padding-left: 1.5rem!important;

	}

    #features-list .eight-tablet.column {
        width: 50%;
    }

	.hero-text > * {
		width: 100%;
	}

    .pt-100 {
        padding-top: 20px;
    }
    .computer-hide {
        display: block !important;
    }

    .latin-america-bg-div {
        height: 400px;
    }
    .ui.grid.cta-banner {
        flex-direction: column-reverse;
        align-items: center;
        gap: 1rem;
    }
    .cta-banner:before {
        content: none;
    }

    .cta-banner .column:first-child {
        padding-bottom: 3rem!important;
        gap: 2rem;
        align-items: center;
    }

    .cta-banner .column:last-child {
        padding: 0!important;
    }

    .ctf-first-section {
        display: flex!important;
        flex-direction: column;
        gap: 0;
        align-items: center;
    }

    .ctf-first-section img {
        max-width: 90%;
    }


    .ui.grid.column > .fourteen-tablet.column {
        width: 87.5%;
    }

    .ui.grid.column > .eight-tablet.column {
        width: 50%;

    }

	.approval-testimonial {
		flex-wrap: wrap-reverse;
		padding: 0 2rem;
		padding-bottom: 2rem;
		gap: 1rem;
	}


	.approval-testimonial > * {
		width: 100%;
	}

	.holder {
		display: flex;
		flex-direction: column;
	}

	.holder .buttons {
		width: 100%;
		flex-direction: column;
	}

    .course-modal {
		padding-top: 10px!important;
	}
	.ui.modal .content {
		max-height: calc(80vh - 5rem);
		overflow: auto;
		overscroll-behavior: none;
	}

    .course-modal .course-details {
        display: flex;
        flex-direction: column;
		margin-bottom: 0;
    }

	.course-modal .grid .column {
		padding-top: 0!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}

    .course-modal > .content {
		padding-top: 2rem!important;
	}

    .course-modal > .content .grid{
		gap: 1rem;
	}

	.classes-container {
		max-height: none;
		min-height: 50px;
	}


	.course-modal .course-header-container {
		display: flex;
		align-items: center;
	}

	#coming-soon-accordeon-container.course-modal .course-header-container {
		flex-direction: column;
		gap: 1rem;
	}

	#coming-soon-accordeon-container .option-container label {
		z-index: 1;
	}

	#coming-soon-accordeon-container .option-container img {
		opacity: 0.3;
	}

    .course-details .course-icons-container {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .course-modal .course-details .course-image {
        max-width: 100px;
        min-width: 80px;
        width: 100%;
        height: auto;
    }

	.ui.modal.close-inside:not(.certification-modal) > .close.icon {
		padding-top: 0;
	}

	.course-modal :is(.icons-container, .course-description) {
		margin-top: 0;
		margin-bottom: 10px;
	}

    .course-modal .course-details .course-title {
        margin-bottom: 8px;
        line-height: normal;
    }

	.certification-modal {
		padding-top: 1rem;
	}

	 .course-modal .arrow, .certification-modal .arrow  {
		 display: none;
	 }

	 .course-modal .arrow-mobile, .certification-modal .arrow-mobile  {
		 display: inline-block;
	 }

	 .certification-modal .certification-modal-image {
		 display: none;
	 }

	 .ui.modal.certification-modal .body {
		 margin-bottom: 0;
	 }

	 .certification-modal .content {
		 max-width: 100%;
		 position: relative;
	 }

	.certification-modal .footer {
		margin-top: 5px;
	}

	.certification-modal .mobile-image-container {
		display: flex;
		align-items: center;
		justify-content: center;

	}

	.certification-modal .mobile-image-container img {
		width: auto;
		max-height: 300px;
		max-width: 100%;
	}

	.certification-modal .certification-modal-mask {
		display: none;
	}

	/* .countdown-background-container .countdown-header-container { */
	/* 	padding-top: 1rem; */
	/* } */

	/* .course-modal .modal-cta-container { */
	/* 	position: sticky; */
	/* 	bottom: -1rem; */
	/* } */

	.hero-left-container {
		margin-top: 350px;
	}

}

@media only screen and (max-width: 850px) {
	.course-modal .modal-cta-container .card-container {
		flex-direction: column;
	}

	.course-modal .modal-cta-container :is(
	.right-container,
	.right-container .button-container,
	.right-container .button-container .button) {
		width: 100%;
	}

	.course-modal .modal-cta-container :is(.image-container, .image-container img) {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
    .offers-container .column {
        width: 100%!important;
    }

    .certification-mask {
        height: 120%;
        top: 0;
        transform: none;
    }

	#top-mask {
		width: 550px;
		height: auto;
		right: 50%;
		max-width: 100%;
	}

    .mask-container {
        padding-top: 0
    }

    .mask-solyd-one-mobile {
        display: block;
		max-width: 100%;
    }

    .mask-solyd-one {
        display: none;
    }

    .mobile-mt-0 {
        margin-top: 0!important;
    }

    .overflow-image-25 {
        margin-top: 0;
    }

    .banner-description-container .banner-description-content {
        flex-wrap: wrap;
    }

    .banner-description-container .banner-description-content .section {
        width: 45%;
        padding-bottom: 1rem;
    }

    .banner-description-container .banner-description-content .section:nth-child(2) {
        border-right: none;

    }


    .ctf-notebook-image-container .cloud-container .grandpa-container img {
        width: 23px;
    }

    .ctf-notebook-image-container .cloud-container .grandpa-container .text-container {
        padding-right: 5px;
    }

    .ctf-notebook-image-container .cloud-container {
        min-width: 80%;
    }

    .ctf-feature-card {
        min-width: 80%;
        max-width: 100%;
        width: 400px;
        align-self: center;
    }

    .cta-container {
        padding: 0;
    }
    .certificate-cards {
        padding-left: 3rem!important;
    }
    .banner-description-container {
        bottom: 50px;
        padding-right: 1rem;
    }

    .ui.grid.teachers-div {
        gap: 2rem;
    }

    .ctf-notebook-image-container {
        display: flex!important;
        flex-direction: column;
        justify-content: center;
    }

    .ctf-notebook-image-container > img {
        max-width: 95%;
        align-self: center;
    }

    .prize-text-container .prize-text.pix-logo {
        right: -1rem;
    }

    .prize-text-container .prize-text.pix-logo img {
        display: none;
    }

    .subsection__description {
        margin-top: 0!important;
    }

	.hero-cta-column {
		padding: 0!important;
	}

	.countdown-column {
		padding-bottom: 0!important;
	}
}


@media only screen and (max-width: 600px) {
	.bug-bounty-title {
		font-size: 40px;
	}
	.subsection__title.big {
		font-size: 26px;
	}

	.certification-step .text {
		font-size: 14px;
	}

	.bug-bounty-mask {
		left: -40%;
	}
	.networking-container .images-container img {
		max-width: 80%;
	}
	.networking-container .images-container img.third-image {
		display: none;
	}

    .banner-description-container .banner-description-content {
        gap:1rem
    }
    .banner-description-container .section:before {
        left: -10px;
    }

    .banner-description-container .banner-description-content .section {
        padding-right: 1rem;
        padding-left: .5rem;
    }

    #depos-grid {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

}

@media only screen and (max-width: 550px) {
	.approval-testimonial {
		gap: 0;
	}
	.approval-container {
		flex-direction: column;
		align-items: center;
		gap: 1rem;

	}

	.course-modal .modal-cta-container .icon-container {
		display: none
	}

	.approval-container .text {
		text-align: center;
	}

	#coming-soon-accordeon-header {
		flex-direction: column;
		gap: 1rem;
		text-align: center;
	}


	#coming-soon-accordeon-header .title {
		font-size: 20px;
	}


}

@media only screen and (max-width: 450px) {
	.hero-left-container {
		margin-top: 150px;
	}

	.item .solyd-one-header-label {
		display: none;
	}

    #features-list .eight-tablet.column {
        width: 100%;
    }

	.course-modal .text-container .gradient-text {
		font-size: 22px;
	}

	.course-modal .text-container .description {
		font-size: 10px;
	}
}

@media only screen and (max-width: 400px) {
    .course-details .course-icons-container {
       text-align: start;
    }

	.item .solyd-one-header-label {
		display: none;
	}
}

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

	.testimonial-popup {
		top: -5%;
		max-width: 200px;
	}
}

@media screen and (min-width: 768px) {
    /* .countdown-header-container { */
    /*     margin-top: calc(12px + 1rem); */
    /* } */
}


@keyframes breatheAndSwitch {
    50% {
        transform: scale(.6) translateY(-120px);
        --radialColor: rgba(255, 128, 255, 0.20);
    }
}

@keyframes breatheAndSwitchReverse {
    50% {
        transform: scale(.6) translateY(50px);
        --radialColor: rgba(128, 255, 232, 0.20);
    }
}



/* Strip */
/* .strip {
    display: flex;
    --width: var(--strip-width);
}

div.strip_wrapper {
    visibility: visible;
}

.strip_wrapper {
    overflow: visible;
    z-index: 2;
    height: 60px;
    width: 100%;
    top: 0;
    transform: rotate(5deg);
    position: relative;
}


.strip_wrapper.alternate {
    transform: rotate(-5deg);
    top: -4rem;
    z-index: 1;
}

.strip_wrapper.alternate .strip {
    background-color: #000;
    color: #24ff00;
}

.strip {
    height: 60px;
    background-color: #24ff00;
    color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 25px;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    animation: 2s linear infinite moveStrip;
    font-weight: 700;
}
.strip span {
    --width: var(--strip-width);
    display: inline-block;
    width: var(--width);
    padding: 0 20px;
}

.strip_wrapper.alternate .strip {
    animation: calc(2s * var(--strip-alternate-width) / var(--strip-width)) linear infinite moveStripReverse;
}

.strip_wrapper.alternate .strip span {
    --width: var(--strip-alternate-width);
    width: var(--width);
}

.strip span:last-child {
    border-right: none;
}

@keyframes moveStrip {
    0% {
        transform: translateX(calc(var(--strip-width) * -1));
    }
    100% {
        transform: translateX(calc(var(--strip-width) * -2));
    }
}

@keyframes moveStripReverse {
    0% {
        transform: translateX(calc(var(--strip-alternate-width) * -1));
    }
    100% {
        transform: translateX(calc(var(--strip-alternate-width) * -2));
    }
}

@media only screen and (max-width: 730px) {
    div.strip_wrapper {
        transform: rotate(10deg);
    }
    div.strip_wrapper.alternate {
        transform: rotate(-10deg);
    }
} */


/* Strip */

div.strip_wrapper {
    visibility: visible;
}

.strip {
    display: flex;
    --width: var(--strip-width);
}

.strip_wrapper {
    overflow: visible;
    z-index: 2;
    height: 60px;
    width: 100%;
    top: 0;
    transform: rotate(3deg);
    position: relative;
    visibility: hidden;
}

.strip_wrapper.alternate {
    transform: rotate(-3deg);
    top: -4rem;
    z-index: 1;
}

.strip_wrapper.alternate .strip {
    background-color: #01D7E9;
    color: #000;
}

.strip {
    height: 60px;
    background-color: #000;
    color: #01D7E9;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 25px;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    animation: 5s linear infinite moveStrip;
    font-weight: 700;
}
.strip span {
    --width: var(--strip-width);
    display: inline-block;
    width: var(--width);
    padding: 0 20px;
    text-transform: uppercase;
}

.strip_wrapper.alternate .strip {
    animation: calc(5s * var(--strip-alternate-width) / var(--strip-width)) linear infinite moveStripReverse;
}

.strip_wrapper.alternate .strip span {
    --width: var(--strip-alternate-width);
    width: var(--width);
}

.strip span:last-child {
    border-right: none;
}

@keyframes moveStrip {
    0% {
        transform: translateX(calc(var(--strip-width) * -1));
    }
    100% {
        transform: translateX(calc(var(--strip-width) * -2));
    }
}

@keyframes moveStripReverse {
    0% {
        transform: translateX(calc(var(--strip-alternate-width) * -1));
    }
    100% {
        transform: translateX(calc(var(--strip-alternate-width) * -2));
    }
}

@media only screen and (max-width: 730px) {
    div.strip_wrapper {
        transform: rotate(10deg);
    }
    div.strip_wrapper.alternate {
        transform: rotate(-10deg);
    }
}

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

    .strip_wrapper {
        top: 1rem;
    }
    .strip_wrapper.alternate {
        top: -3rem;
    }
}


.solyd-one-card .promo-badge {
    padding: 0.3rem;
    text-align: center;
    min-width: 10%;
    font-family: Gruppo;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

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