* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
*:after,
*:before {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,
img {
border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal;
}
ol,
ul {
list-style: none;
}
caption,
th {
text-align: left;
}
q:before,
q:after {
content: '';
}
abbr,
acronym {
border: 0;
}
header,
nav,
section,
article,
aside,
footer,
hgroup,
figure {
display: block;
} input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type=number] {
-moz-appearance: textfield;
}
.help-block {
color: red;
font-size: 12px;
}
button:focus,
.form-control:focus {
outline: none;
box-shadow: none;
outline-color: transparent;
outline-width: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
figure {
margin-bottom: 0;
}
body {
max-width: 100%;
}
.modal-content {
border: 0;
}
.custom-control-input:focus~.custom-control-label::before {
box-shadow: none;
}
a,
a:hover {
text-decoration: none;
outline: 0;
outline-color: transparent;
outline-width: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #CCCCCC;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
body {
font-size: 16px;
width: 100% !important;
background: #150B1B;
font-family: 'Manrope';
}
.wrapper {
overflow-x: hidden;
}
.form-group {
position: relative;
}
.containerSec {
max-width: 100%;
padding: 0 116px;
}
.customContainer {
max-width: 100%;
padding-left: 208px;
}
.footerContainer {
max-width: 100%;
padding: 0 85px;
}
.color_gray {
color: #CCCCCC;
}
.default_btn { border-radius: 49px;
}
@font-face {
font-family: 'Manrope';
src: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/manrope/Manrope-ExtraBold.woff2) format('woff2'),
url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/manrope/Manrope-ExtraBold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/manrope/Manrope-Bold.woff2) format('woff2'),
url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/assets/fonts/manrope/Manrope-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/manrope/Manrope-ExtraLight.woff2) format('woff2'),
url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/manrope/Manrope-ExtraLight.woff) format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/manrope/Manrope-Light.woff2) format('woff2'),
url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/manrope/Manrope-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/manrope/Manrope-Medium.woff2) format('woff2'),
url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/manrope/Manrope-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/manrope/Manrope-Regular.woff2) format('woff2'),
url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/manrope/Manrope-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/manrope/Manrope-SemiBold.woff2) format('woff2'),
url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/manrope/Manrope-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Hey August';
src: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/hey-august/HeyAugust.woff2) format('woff2'),
url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/fonts/hey-august/HeyAugust.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
h1 {
font-size: 96px;
line-height: 110px;
letter-spacing: -3px;
font-weight: bolder;
}
h2 {
font-size: 63px;
line-height: 1.2;
letter-spacing: -2.5px;
font-weight: 800;
text-align: left;
letter-spacing: -2px;
background: linear-gradient(97.96deg, #E9F0FF 8.12%, #FFCECE 76.97%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
h3 {
font-size: 56px;
line-height: 1.2;
letter-spacing: -2.5px;
font-weight: bold;
}
.head_scroller {
font-size: 16px;
line-height: 24px;
color: #2C0942 !important;
}
p {
font-size: 22px;
line-height: 36px;
color: #fff;
font-weight: 300;
}
.p-primary {
font-size: 16px;
line-height: 24px;
color: #fff;
}
.p-sec {
font-size: 14px;
line-height: 22px;
color: #fff;
}
.fs18 {
font-weight: 600;
font-size: 18px;
line-height: 30px;
color: #F8FAFC;
}
.text_gradient {
font-style: normal;
background: linear-gradient(97.96deg, #E9F0FF 8.12%, #FFCECE 76.97%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.btn_blur {
color: #FFFFFF !important;
font-weight: 700;
font-size: 14px;
line-height: 36px;
background: linear-gradient(81.81deg, #2C0942 19.97%, #420843 92.51%);
border-radius: 49px;
height: 46px;
padding: 5px 40px;
}
header {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
padding: 49px 0;
}
header .navbar-light .navbar-nav .nav-link.btn_blur {
color: #FFFFFF;
padding: 5px 24px;
}
.banner {
padding: 220px 0 260px 0px;
background-image: url(https://lollypop.design/wp-content/uploads/2023/06/grid-lines.svg);
width: 100%;
height: 100%;
background-size: cover;
}
.banner-content {
max-width: 1003px;
margin: 0 auto;
}
.banner_list {
margin-top: 110px;
}
.banner_list li p {
font-weight: 500;
color: #FFFFFF;
text-align: center;
max-width: 154px;
opacity: 0.7;
font-size: 14px;
line-height: 22px;
margin: 0 auto;
}
.banner_list li:after {
content: '';
position: absolute;
top: 0;
right: 0;
opacity: 0.1;
border-right: 1px solid #FFFFFF;
height: 40px;
}
.banner_list li:last-child:after {
display: none;
}
.waterMark {
font-weight: 400;
color: #372A3C;
font-family: 'Hey August';
font-size: 214px;
line-height: 1;
}
.unlearn {
margin-top: -122px;
padding-bottom: 105px;
}
.unlearn h2 {
margin-bottom: 82px;
}
.industry {
padding: 60px 0px
}
.custom_tabs {
margin-top: 42px;
}
.custom_tabs .nav-tabs {
background: #2B1C2D;
border: 1px solid #5E4D60;
border-radius: 6px;
padding: 4px;
margin-bottom: 56px;
display: -webkit-inline-box;
}
.custom_tabs .nav-tabs .nav-link {
font-weight: 600;
font-size: 16px;
line-height: 16px;
color: #FFFFFF;
border: 0 !important;
border-color: transparent !important;
padding: 12px 27px;
}
.custom_tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
background: #FD2E35;
border-radius: 6px;
border-color: transparent;
color: #FFFFFF;
}
.tab-content .p-primary {
color: #ccc;
max-width: 280px;
}
.tab-content .tag {
background: #3C273E;
border-radius: 3px;
padding: 5px 7px;
font-weight: 600;
color: #FFFFFF;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.mb-65 {
margin-bottom: 65px;
}
.designers {
padding: 0 0 60px;
}
.designers h2 {
max-width: 832px;
margin: 0 auto;
margin-bottom: 60px;
}
.designer1 {
margin: 20px 30px 0 0;
}
.designer2 {
margin: 105px 30px 0 0;
}
.designer3 {
margin-right: 30px;
}
.designer4 {
margin: 50px 30px 0 0;
}
.designer5 {
margin: 85px 30px 0 0;
}
.designer6:nth-child(1) {
margin: 23px 30px 0 0;
}
.designer7 {
margin-top: 110px;
}
.designer9 {
margin-top: 50px;
}
.designer6:nth-child(2) {
margin-top: 55px;
margin-right: 20px;
}
.designer6:nth-child(3) {
margin-top: 0px;
}
.designer6:nth-child(4) {
margin-top: 40px;
}
.designer6:nth-child(5) {
margin-top: 0px;
}
.designer6:nth-child(6) {
margin-top: 55px;
}
.designersAcrossGlobal {
padding: 30px 0 100px 0;
}
.designersAcrossGlobal p {
max-width: 608px;
margin-bottom: 48px;
}
.designersSlider img {
border-radius: 30.1364px;
margin-right: 25px;
}
.finishIt ul li p {
max-width: 328px;
color: #CCCCCC;
font-size: 14px;
font-weight: 400;
}
.finishIt ul li {
margin-bottom: 46px;
position: relative;
padding-left: 40px;
}
.finishIt ul li:after {
content: '';
background-image: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/images/ckeck.svg);
width: 23px;
height: 24px;
position: absolute;
top: 12px;
left: 0;
transform: translateY(-50%);
}
.finishIt .waterMark {
font-size: 144px;
position: absolute;
right: 220px;
top: 75px;
}
.getInTouch {
padding: 96px 0;
background-image: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/images/shade.png);
width: 100%;
height: 100%;
background-size: cover;
position: relative;
}
.getInTouch .waterMark {
font-size: 144px;
position: absolute;
bottom: -24px;
right: 155px;
}
.accesForm {
max-width: 630px;
margin: 0 auto;
}
.accesForm p {
margin-bottom: 40px;
}
.customForm .form-group {
margin-bottom: 40px;
}
.customForm .form-control {
height: 52px;
border: 1px solid #413442;
border-radius: 4px;
background-color: transparent;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #fff;
padding: 10px 20px;
}
.customForm .form-control:focus {
border: 1px solid #fff;
}
.customForm textarea.form-control {
height: 107px;
}
.faq {
padding: 154px 0;
background-color: #1E0E1F;
}
.faq .accordion-button {
background-color: transparent;
padding: 0;
}
.faq .accordion-button p {
background-color: transparent;
font-weight: 400;
font-size: 20px;
line-height: 30px;
color: #FFFFFF;
}
.faq .accordion-button:focus,
.faq .accordion-button:active,
.faq .accordion-button:hover {
outline: 0;
box-shadow: none;
}
.faq .accordion-item {
background-color: transparent;
border-bottom: 1px solid rgb(255 255 255 / 10%);
padding: 40px 0;
}
.faq .accordion-body {
padding: 0;
}
.accordion-item {
border: none;
}
.faq .accordion-body .p-primary {
color: #CCCCCC;
max-width: 693px;
padding-top: 20px;
}
.faq .accordion-button::after {
background-image: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/images/plus.svg);
width: 24px;
height: 24px;
transform: rotate(90deg);
transition: 0.3s;
}
.faq .accordion-button:not(.collapsed)::after {
background-image: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/images/close.svg);
background-size: 17px;
}
.faq .accordion-item h2 {
-webkit-text-fill-color: unset;
}
.bg_dark {
background: #120813;
height: 360px;
}
.mobile-register {
display: none;
}
.designersAcrossGlobal .slick-track {
display: flex;
align-items: center;
}
footer {
background: #120813;
padding: 58px 0;
}
footer p {
font-weight: 400;
font-size: 13px;
line-height: 24px;
color: #CCCCCC;
}
.facebook {
background: #145ECD;
}
.linkedin {
background: #0276B7;
}
.twitter {
background: #00A6DB;
}
.instagram {
background: linear-gradient(210.43deg, #BC25A8 12.75%, #FF516C 50.21%, #FDCF27 86.89%);
}
.icon {
height: 27px;
width: 27px;
border-radius: 50%;
text-align: center;
align-self: center;
padding: 1px 0;
margin: 0 12px;
display: flex;
align-items: center;
justify-content: center;
}
.icon:last-child {
margin-right: 0px;
}
.icon:first-child {
margin-left: 0px;
}
.designersSlider::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.designersAcrossGlobal .slick-slide:nth-child(odd) img {
width: 100%;
height: 380px;
object-fit: contain;
}
.designersAcrossGlobal .slick-slide:nth-child(even) img {
width: 100%;
height: 450px;
object-fit: contain;
}
.designersAcrossGlobal button {
font-size: 0;
background-color: #FFF;
}
.designersAcrossGlobal .slick-next.slick-arrow {
background-image: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/images/slick-arrow.svg);
background-repeat: no-repeat;
background-size: contain;
height: 50px;
width: 50px;
border-radius: 50%;
transform: translateY(-50%) rotate(90deg);
position: absolute;
top: 50%;
right: 20px;
border: 0;
display: none !important;
opacity: 0.7;
}
.designersAcrossGlobal .slick-prev.slick-arrow {
background-image: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/images/slick-arrow.svg);
background-repeat: no-repeat;
background-size: contain;
height: 50px;
width: 50px;
border-radius: 50%;
transform: translateY(-50%) rotate(270deg);
position: absolute;
top: 50%;
left: 20px;
z-index: 100;
border: 0;
display: none !important;
opacity: 0.7;
}
.designersSlider1:hover .slick-next.slick-arrow,
.designersSlider1:hover .slick-prev.slick-arrow {
display: block !important;
}
.designersAcrossGlobal .slick-prev.slick-arrow.slick-disabled,
.designersAcrossGlobal .slick-next.slick-arrow.slick-disabled {
display: none !important;
}
.thank-you {
padding: 280px 0;
background-image: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/images/shade.png);
width: 100%;
height: 100%;
background-size: cover;
position: relative;
}
.thank,
.schedual {
padding-bottom: 18px;
font-family: 'Manrope';
}
.schedual {
font-weight: 700;
font-size: 22px;
line-height: 36px;
color: #FFFF;
font-family: 'Manrope';
}
.sub-schedual {
font-weight: 400;
font-size: 20px;
line-height: 36px;
font-family: 'Manrope';
} .fw-800 {
font-weight: 800 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-700 {
font-weight: 700 !important;
}
.fs-12 {
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #CCCCCC;
}
.programm_scroll {
padding: 60px 0 111px
}
.programm_scroll h2::before {
content: "";
height: 579px;
max-width: 600px;
width: 100%;
background: linear-gradient(196.35deg, #5B062A 16.7%, #1B023A 82.55%);
filter: blur(215px);
position: absolute;
z-index: -2;
}
.auto_scroll {
height: 67px;
background: #1C0E1D;
display: flex;
align-items: center;
margin-bottom: 112px;
}
.auto_scroll .slick-slide p {
padding: 0 64px;
position: relative;
}
.container-xxl {
max-width: 1094px;
}
.auto_scroll .slick-slide p::before {
width: 4px;
height: 4px;
border-radius: 50%;
background: #FED2D3;
content: "";
position: absolute;
top: 50%;
right: 0;
}
.detaile_container .bg-blurr::after {
height: 250px;
width: 250px;
background: linear-gradient(196.35deg, #5B0649 16.7%, #3A022B 82.55%);
filter: blur(100px);
content: '';
right: 0px;
top: -30%;
position: absolute;
}
.detaile_container {
padding: 40px 50px;
background: rgba(36, 17, 37, 0.6);
border: 3px solid rgba(49, 33, 50, 0.44);
border-radius: 32px;
}
.detaile_container .p-sec {
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
}
.fnt-28 {
font-size: 28px;
line-height: 1.2;
color: #FFFFFF;
letter-spacing: -1px;
}
.detaile_container .p-sec {
font-size: 14px;
line-height: 24px;
color: #ffffff;
letter-spacing: normal;
}
.brdr_right::after {
border-right: 1px solid #382639;
content: '';
position: absolute;
right: 16px;
height: 116px;
top: 0;
}
.linked-in::before {
content: '';
background-image: url(https://lollypop.design/wp-content/uploads/2023/06/linked-inlogo.svg);
height: 32px;
width: 32px;
position: absolute;
background-repeat: no-repeat;
right: -11px;
bottom: 0px;
}
.fs-32 {
font-weight: 800;
font-size: 32px;
line-height: 120%;
letter-spacing: -2px;
color: #F9334B;
}
.fs-32 .fs18 {
letter-spacing: -1px;
}
.fs-32 .fs18::before {
content: '';
background-image: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/images/Layer_1.svg);
height: 6px;
position: absolute;
width: 85px;
top: 43%;
}
.fs-12clr {
color: #6E676F;
}
.defaultbtn {
font-weight: 800;
font-size: 16px;
line-height: 36px;
letter-spacing: -0.2px;
color: #FFFFFF;
background: linear-gradient(81.81deg, #2C0942 19.97%, #420843 92.51%);
border-radius: 49px;
padding: 8px 32px;
display: inline-block;
}
.defaultbtn:hover {
color: #FFFFFF;
}
.finishIt {
padding: 112px 0 100px 0;
background-color: #1E0E1F;
}
.ffHeyAugust {
font-family: 'Manrope';
animation: textlefttoright 2s linear infinite;
color: transparent;
background-clip: text;
-webkit-background-clip: text;
background-origin: content-box;
height: 150px;
width: 90px;
background-repeat: no-repeat;
background-image: url(https://lollypop.design/wp-content/uploads/2023/06/Component-1desktop.svg);
transform: rotate(45.93deg);
-webkit-text-fill-color: transparent;
transition-timing-function: ease-out;
}
@keyframes textlefttoright {
0% {
background-position: -100% 100%;
}
100% {
background-position: 800% 0;
}
}
.designers .containerSec .text_gradient::after {
content: '';
position: absolute;
background: linear-gradient(196.35deg, #5B062A 16.7%, #1B023A 82.55%);
filter: blur(150px);
height: 500px;
max-width: 500px;
width: 100%;
top: 0px;
z-index: -1;
right: 0;
}
.maxw-1064 {
max-width: 1064px;
margin: 0 auto;
}  .banner h1 {
max-width: 1004px;
margin: 0 auto;
}
.banner::before {
background: linear-gradient(180deg, #5B062A 14.16%, #24044E 92.11%);
filter: blur(215px);
width: 65%;
height: 70%;
background-size: cover;
content: " ";
position: absolute;
top: 0px;
transform: translate(50%, 50%);
top: -50%;
right: 50%;
z-index: -1;
-webkit-filter: blur(215px);
-moz-filter: blur(215px);
-ms-filter: blur(215px);
-o-filter: blur(215px);
}
.color-text {
justify-content: center;
}
.color-text .green-bg img {
border-radius: 50%;
border: 4px solid #04A431;
}
.color-text .green-bg p {
background: #04A431;
font-weight: 700;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
border-radius: 8px;
font-size: 12px;
height: 27px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2rem;
position: relative; width: 119px; }
.color-text .green-bg p::before {
content: " ";
position: absolute;
background: #04A431;
width: 11px;
height: 26px;
top: -5px;
right: 0;
border-radius: 85px 17px 0px 12px;
transform: rotate(17deg);
}
.color-text .green-bg {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: baseline;
}
.color-text .purple-bg img {
border-radius: 50%;
border: 4px solid #9A1BFF;
}
.color-text .purple-bg p::before {
content: " ";
position: absolute;
background: #9A1BFF;
width: 11px;
height: 18px;
top: -5px;
left: 0;
border-radius: 27px 83px 37px 2px;
transform: rotate(-10deg);
}
.color-text .purple-bg p {
background: #9A1BFF;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
border-radius: 8px;
font-size: 12px;
height: 27px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 120px;
font-weight: 700;
}
.purple-bg {
margin-top: 3rem;
align-items: end;
display: flex;
align-items: baseline;
} .circle-div {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
}
.youtube-link {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.youtube {
height: 74px;
width: 74px;
border-radius: 50%;
text-align: center;
padding: 22px 17px;
position: absolute;
background: #2A142D;
}
#circle text {
font-family: 'Manrope', sans-serif;
font-size: 24px;
font-weight: bold;
background: linear-gradient(222.51deg, #3E1C75 20.62%, #4B0C4F 70.13%);
white-space: nowrap !important;
}
#circle svg {
width: 250px;
height: 240px;
-webkit-animation-name: rotate;
-moz-animation-name: rotate;
-ms-animation-name: rotate;
-o-animation-name: rotate;
animation-name: rotate;
-webkit-animation-duration: 14s;
-moz-animation-duration: 14s;
-ms-animation-duration: 14s;
-o-animation-duration: 14s;
animation-duration: 14s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(0deg);
}
}
@-o-keyframes rotate {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(0deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.tab-content {
background: #241125;
border: 3px solid #29182B;
border-radius: 32px;
padding: 2rem;
margin-top: 2rem;
} .finishIt-text {
max-width: 568px;
} .internSHIP {
width: 100%;
height: auto;
background-repeat: no-repeat;
background-size: cover;
position: relative;
max-width: 100%;
z-index: -1;
padding: 0;
}
.internSHIP .row {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
} .getInTouch {
display: none;
} .join-classes {
padding: 4rem 0 120px 0;
overflow: hidden;
}
.join-classes::before {
background: linear-gradient(180deg, #5B062A 14.16%, #24044E 92.11%);
width: 753px;
height: 500px;
background-size: cover;
content: " ";
position: absolute;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
right: 0;
left: 50%;
z-index: -1;
filter: blur(215px);
}
.join-class-list {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 34px;
flex-wrap: wrap;
}
.join-class-list-item {
display: flex;
flex-direction: column;
align-items: center;
}
.join-class-list-item span {
background: rgba(255, 255, 255, 0.15);
border-radius: 3px;
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.5px;
color: #FED2D3;
padding: 6px 10px;
margin-bottom: 1.5rem;
}
.join-class-list-item h4 {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-align: center;
color: #FFFFFF;
margin-bottom: 10px;
}
.join-class-list-item p {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
text-align: center;
color: #CCCCCC;
max-width: 273px;
}
.card__title {
font-size: 16px;
margin-bottom: 10px;
color: #fff;
letter-spacing: normal;
font-weight: 500;
}
.custom-btn {
padding: 15px 40px;
}
.custom-btn-div {
padding-top: 5rem;
} .required::after {
content: "*";
color: red;
margin-left: 3px;
}
#exampleModal .modal-content,
#exampleModal1 .modal-content {
background: #16131B;
border: 3px solid rgba(80, 63, 81, 0.68);
border-radius: 32px;
padding: 80px 100px 60px 100px;
width: 615px;
overflow: hidden;
}
#exampleModal1 .modal-content {
padding: 80px 85px 60px 85px;
}
#exampleModal .modal-header,
#exampleModal1 .modal-header {
flex-direction: column;
position: relative;
z-index: 0;
border-bottom: 0px;
}
#exampleModal .modal-header h2,
#exampleModal1 .modal-header h2 {
font-family: 'Manrope', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 32px;
line-height: 120%;
letter-spacing: 0px;
background: linear-gradient(97.96deg, #E9F0FF 8.12%, #FFCECE 76.97%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
text-align: center;
}
#exampleModal .modal-header p,
#exampleModal1 .modal-header p {
font-family: 'Manrope', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: -0.3px;
color: #FFFFFF;
}
#exampleModal .btn-close,
#exampleModal1 .btn-close {
top: -38px;
position: absolute;
right: -66px;
background: url(//lollypop.academy/wp-content/themes/lollypop-academy/assets/images/close.svg);
background-repeat: no-repeat;
opacity: initial;
}
#exampleModal .btn-close:focus,
.btn:focus,
#exampleModal1 .btn-close:focus {
box-shadow: none;
}
#exampleModal .form-check-input,
#exampleModal1 .form-check-input {
border: 2px solid #594160;
border-radius: 5px;
font-family: 'Manrope', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
padding: 10px;
background-color: #1D1220;
}
.disable-p p {
font-size: unset !important;
line-height: unset !important;
color: unset !important;
font-weight: unset !important;
}
#exampleModal .form-check-label,
#exampleModal1 .form-check-label {
color: #CCCCCC;
font-family: 'Manrope', sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: 400;
padding-left: 6px;
padding-top: 7px;
}
#exampleModal .form-control,
#exampleModal1 .form-control {
background: #1D1220;
border: 2px solid #311C32;
border-radius: 16px;
font-family: 'Manrope', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #847085;
padding: 18px;
}
#exampleModal .form-control:focus {
border: 2px solid #512F53;
color: #C6AFC7 !important;
font-size: 13px;
}
#exampleModal .form-label,
#exampleModal1 .form-label {
margin-bottom: 0.5rem;
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
text-align: center;
color: #CCCCCC;
}
#exampleModal .modal-header::before,
#exampleModal1 .modal-header::before {
position: absolute;
width: 314px;
height: 200px;
top: -125px;
content: " ";
background: linear-gradient(196.35deg, #5B0649 16.7%, #3A022B 82.55%);
filter: blur(75.5px);
z-index: -1;
}
#exampleModal1 .green-bg {
background: #04A431;
border-radius: 50%;
width: 104px;
height: 104px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 88px;
}
.join-classes h2 {
text-align: center !important;
}
.mxw-580 {
max-width: 584px;
width: 100%;
}
.fade-in {
animation: fadeIn 3.5s ease-in-out;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.internSHIP .lottie-player {
max-width: 260px;
margin: 0 auto;
height: auto;
}
.weekstartbadge {
position: absolute;
top: 2px;
z-index: 999;
padding: 7px 6px;
background: #F9334B;
border-radius: 6px;
color: #FFFFFF;
font-weight: 700;
font-size: 13px;
line-height: 12px;
display: inline-block;
z-index: 0;
margin-top: -15px;
width: 118px;
}
.mb-64 {
position: relative;
z-index: 2;
}
.editbtn .defaultbtn {
padding: 12px 32px;
}
.emptydiv {
background-color: #150B1B;
height: 32px;
}
.modal-dialog {
max-width: unset;
margin: 0 auto;
}
.modal-content {
margin: 50px auto;
}
.loads {
height: 100vh;
width: 100%;
background-color: #16131B;
position: fixed;
z-index: 999;
}
.loads::after {
border-radius: 805px;
content: '';
position: absolute;
width: 50%;
height: 80%;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(180deg, #5B062A 0%, #24044E 100%);
top: -25%;
filter: blur(215px);
}
.loads.active {
transform: translateY(-110vh);
transition: all 1s;
height: 0px;
}
.pos-abs {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
position: relative;
z-index: 9;
}
.loads .lottie-player {
height: 100px;
width: 200px;
}
#progressBar {
width: 0%;
height: 6px;
border-radius: 0px 8px 8px 0px;
background-color: #9857BF;
position: fixed;
top: 0;
left: 0;
transition: width 0.2s linear;
z-index: 1099;
}
.mentor:hover .linked-in::before {
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
bottom: 5px;
transition: all 0.5s;
}
.bg-blurr a.p-sec:hover {
color: #e62452 !important;
}
.border-bottom1 {
border-bottom: 1px solid #FFFFFF;
}
.bg-blurr .border-bottom1:hover {
border-bottom: 1px solid #e62452 !important;
}
.tab-content .lollypop:hover {
border-bottom: 1px solid #e62452 !important;
cursor: pointer;
padding-bottom: 2px;
}
.btn_blur:hover,
.defaultbtn:hover {
background: linear-gradient(30deg, #420843 0%, #2C0942 100%);
}
.error {
color: #FD2E35;
font-size: 12px;
font-family: Manrope;
font-weight: 400;
line-height: 20px;
padding-top: 4px;
}
.faq .accordion-item:last-child {
border: none
}
.direction {
padding: 0 65px;
}
.faq .accordion-button[aria-expanded="true"] p {
color: #FFF;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 30px;
}
@supports (-moz-appearance:none) {
#exampleModal .modal-header::before {
opacity: 0.4;
}
.designers .containerSec .text_gradient::after {
opacity: 0.4;
}
.banner::before {
opacity: 0.4;
}
.detaile_container .bg-blurr::after {
opacity: 0.4;
}
.loads::after {
opacity: 0.4;
}
.join-classes::before {
opacity: 0.4;
}
.programm_scroll h2::before {
opacity: 0.4;
}
}
.video-container {
position: relative;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.custom-video {
width: 100%;
}
.custom-video::cue {
background-color: yellow;
color: black;
}
.custom-video::cue(b) {
color: red;
font-weight: bold;
}
.playvid[poster] {
width: 100%;
margin: auto;
}
#myVideo {
max-width: 100%;
}
.defaultbtn-disable {
border: 1px solid #4D1C40 !important;
background: none;
border-radius: 15px;
}
.defaultbtn-disable:hover {
background: none;
}
@media only screen and (max-width: 768px) {
.d-mobile {
margin-top: 25px;
}
}
.wpcf7-not-valid-tip {
display: none;
}
#wpcf7-f573-o1-ve-email {
display: none;
}  .banner_description {
margin-top: 32px !important;
}
.industry_heading {
margin-bottom: 26px !important;
}
.industry_btn {
margin-top: 56px !important;
}
.finishIt_heading {
margin-bottom: 20px !important;
} .header_scroll_content.auto_scroll {
height: 20px;
overflow: visible;
background: linear-gradient(90deg, rgba(233, 240, 255, 1) 0%, rgba(255, 206, 206, 1) 100%);
margin: 0; padding: 9px 0 11px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 900;
}
.header_scroll_content.auto_scroll .slick-slide p {
padding: 0 40px;
line-height: 46px;
font-size: 12px;
margin-bottom: 0;
position: relative;
}
.header_scroll_content.auto_scroll .slick-slide p::before {
width: 4px;
height: 4px;
border-radius: 50%;
background: #18151D;
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media only screen and (max-width:768px) {
.header_scroll_content.auto_scroll {
margin-top: 0; }
}