@media screen and (max-width: 1990px) and (min-width: 1800px) {
.customContainer {
max-width: 1490px;
}
.container-fluid {
padding: 0 60px;
}
}
@media only screen and (min-width:1700px) { .container-fluid {
padding: 0 110px;
}
.containerSec {
padding: 0 232px;
}
.customContainer {
padding-left: 408px;
}
.footerContainer {
padding: 0 170px;
}
}
@media only screen and (max-width: 1366px) { .container-fluid {
padding: 0 40px;
}
.containerSec {
padding: 0 40px;
}
.customContainer {
padding-left: 80px;
}
.footerContainer {
padding: 0 40px;
}
}
@media only screen and (max-width: 1200px) {
.container {
padding: 0 15px;
}
.container-fluid {
padding: 0 15px;
}
.containerSec {
padding: 0 15px;
}
.customContainer {
padding-left: 15px;
}
.footerContainer {
padding: 0 15px;
}
}
@media only screen and (max-width:768px) {
.brdr_right::after {
border-bottom: 1px solid #382639;
width: 100%;
height: 0;
bottom: -32px;
top: unset;
}
.auto_scroll {
margin-bottom: 80px;
}
.detaile_container {
padding: 32px;
}
.detaile_container .bg-blurr::after {
top: unset;
bottom: -20px;
right: -20px;
height: 160px;
}
.detaile_container .mb-64 {
margin-bottom: 64px;
}
.detaile_container .mb-64:last-child {
margin-bottom: 0;
position: relative;
z-index: 1;
}
.container-xxl h2 {
font-size: 28px;
}
.auto_scroll {
height: 52px;
}
.auto_scroll .p-primary {
font-size: 14px;
}
.designer2 {
margin: 55px 20px 0 0;
}
.defaultbtn {
font-weight: 700;
font-size: 14px;
max-width: 256px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.defaultbtn-fix {
margin: unset;
max-width: unset;
color: #D39AC7;
background-color: #762E6524
}
.designers .containerSec .text_gradient::after {
max-width: 250px;
height: 167px;
filter: blur(60px);
}
.designer6:nth-child(1) {
margin-top: 20px;
margin-left: 56px;
margin-right: 0
}
.designer6:nth-child(2) {
margin-top: 10px;
margin-right: 10px;
}
.designer6:nth-child(3) {
margin-top: 30px;
margin-right: 10px;
}
.designer6:nth-child(4) {
margin-top: 15px;
margin-right: 10px;
}
.designer6:nth-child(5) {
margin-top: 30px;
margin-right: 30px;
}
.designer6:nth-child(6) {
margin-right: 30px
}
.internSHIP .lottie-player {
width: 160px;
height: auto;
}
.p-0mobile {
padding: 0
}
.programm_scroll h2::before {
height: 300px;
filter: blur(100px);
width: 355px;
left: -90px;
}
.weekstartbadge {
top: 28px;
right: 25px;
font-size: 12px;
}
footer {
padding: 25px 0;
}
header {
padding: 46px 0 32px;
}
.socialIcons {
margin: 24px 0 20px 0;
justify-content: center;
}
.textCenter {
text-align: center;
}
.icon {
margin: 0 20px;
}
.direction {
flex-direction: column;
position: relative;
z-index: 1;
}
.banner h1 {
font-size: 37px;
line-height: 39px;
max-width: 299px;
margin: 0 auto;
letter-spacing: -2px;
font-weight: 800 !important;
}
.banner {
padding: 164px 0 35px 0px;
background-position: center;
}
.banner p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
padding-top: 0 !important;
margin-top: 16px !important;
}
.banner_list {
margin: 32px auto 0 auto;
padding: 0;
}
.banner_list li {
margin-bottom: 20px;
}
.banner_list li:after {
display: none;
}
.unlearn h2 {
font-size: 90px;
margin-bottom: 40px;
}
.designers h2 {
font-size: 28px;
line-height: 32px;
font-weight: 800;
letter-spacing: 0;
max-width: 320px;
width: 100%;
margin-bottom: 10px;
}
.billion {
font-size: 28px;
line-height: 40px;
}
.billion {
padding-left: 4px;
}
.unlearn {
padding-bottom: 28px;
margin-top: -50px;
}
.industry h2 {
font-size: 28px;
line-height: 32px;
font-weight: 800;
margin-bottom: 16px !important;
letter-spacing: unset;
max-width: 240px;
width: 100%;
}
.industry p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.custom_tabs {
margin-top: 24px;
}
.custom_tabs .nav-tabs {
margin-bottom: 32px;
}
.tab-content .p-primary {
font-size: 14px;
line-height: 24px;
max-width: unset;
}
.mb-65 {
margin-bottom: 32px;
}
.designersAcrossGlobal h2 {
font-size: 24px;
line-height: 32px;
font-weight: 800;
margin-bottom: 8px;
}
.customContainer {
padding: 0 15px;
}
.designersAcrossGlobal p {
font-size: 14px;
line-height: 24px;
font-weight: 400;
margin-bottom: 24px;
}
.finishIt .waterMark {
display: none;
}
.finishIt h2 {
font-size: 28px;
line-height: 32px;
font-weight: 800;
letter-spacing: unset;
text-align: left;
}
.finishIt p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
max-width: 260px;
width: 100%;
}
.finishIt ul li p {
font-size: 14px;
line-height: 24px;
}
.finishIt {
padding: 56px 0 70px 0;
}
.getInTouch h3 {
font-size: 24px;
line-height: 32px;
font-weight: 800;
letter-spacing: unset;
}
.getInTouch {
padding: 32px 0 28px 0;
background-position: center;
}
.accesForm p {
font-size: 14px;
line-height: 12px;
margin-bottom: 26px;
}
.customForm .form-group {
margin-bottom: 24px;
font-size: 14px;
line-height: 12px;
}
.default_btn {
font-size: 14px;
line-height: 27px;
padding: 8px 16px;
height: 44px;
}
.faq h3 {
font-size: 24px;
line-height: 32px;
font-weight: 800;
letter-spacing: unset;
margin-bottom: 16px !important;
}
.faq p {
font-size: 14px;
line-height: 12px;
}
.faq .accordion-button p {
font-size: 14px;
line-height: 20px;
font-weight: 600;
max-width: 300px;
position: relative;
z-index: -1;
}
.faq .accordion-item {
padding: 15px 0 25px 0;
}
.faq .accordion-body .p-primary {
font-size: 14px;
line-height: 24px;
padding-top: 12px;
}
.bg_dark {
display: none;
}
.finishIt ul li:after {
width: 16px;
height: 16px;
background-size: cover;
top: 14px;
left: 15px;
}
.mobile-view {
display: block;
overflow: scroll;
}
.designer33 img {
height: 100px;
margin-left: 75px;
margin-top: -35px;
}
.designer11 img {
height: 88px;
margin-left: -65px;
}
.designer99 img {
height: 71px;
margin-top: 30px;
}
.designer77 img {
height: 79px;
margin-right: -50px;
margin-top: 75px;
}
.designer22 img {
margin-left: 30px;
}
.faq .accordion-button::after {
width: 12px;
height: 12px;
background-size: cover;
}
.designersSlider img {
margin-right: 0;
}
.slick-list.draggable {
padding: 0 !important;
}    .designers {
padding: 0 0 48px 0 !important;
}
.designers {
padding: 0 0 26px 0;
}
.designersAcrossGlobal {
padding: 30px 0 62px 0;
}
.finishIt ul {
margin-top: 20px !important;
}
.finishIt ul li {
margin-bottom: 12px;
}
.customForm .form-control {
height: 40px;
padding: 13px 10px;
}
.customForm .form-control::placeholder {
font-size: 14px;
font-weight: 400;
line-height: 13px;
color: #696D6F
}
.customForm textarea.form-control {
height: 70px;
}
.faq {
padding: 0px 0 48px;
}
.faq .faqtext {
padding-bottom: 28px;
}
.custom_tabs .nav-tabs .nav-link {
padding: 12px 38px;
}
.designersSlider1 .slick-next.slick-arrow,
.designersSlider1 .slick-prev.slick-arrow {
display: block !important;
height: 35px;
width: 35px;
}
.designersAcrossGlobal .slick-prev.slick-arrow {
left: 15px;
}
.designersAcrossGlobal .slick-prev.slick-arrow {
right: 15px;
}
.thank-you {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
}
.thank-you h3 {
font-size: 28px;
}
.schedual {
font-size: 16px;
line-height: 24px;
}
.sub-schedual {
font-size: 14px;
line-height: 28px;
} .color-text {
padding-top: 42px;
padding-bottom: 48px;
}
.industry {
padding-top: 20px;
padding-bottom: 26px;
}
.industry p {
max-width: 234px;
}
.industry .btn_blur {
padding: 5px 107px;
}
.internSHIP {
background-size: cover;
height: 416px;
}
.join-classes h2 {
font-weight: 800;
font-size: 28px;
line-height: 32px;
letter-spacing: -0.2px;
}
.join-classes p {
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: -0.3px;
}
.join-class-list {
flex-direction: column;
}
.join-class-list-item {
margin-bottom: 40px;
}
#exampleModal .modal-content,
#exampleModal1 .modal-content {
padding: 0;
width: 320px;
padding-top: 30px;
padding-bottom: 30px;
overflow: hidden;
}
#exampleModal .btn-close,
#exampleModal1 .btn-close {
top: 0px;
position: absolute;
right: 20px;
}
#exampleModal1 .green-bg {
margin-bottom: 20px;
width: 52px;
height: 52px;
}
#exampleModal1 .green-bg img {
width: 25.25px;
height: 16.5px
}
#exampleModal1 .btn-close {
top: -100px;
}
#exampleModal1 .modal-content {
padding-top: 135px;
padding-bottom: 120px;
}
.register-fixed {
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
display: flex;
align-items: center;
justify-content: center;
height: 46px;
z-index: 100;
}
.faq {
background: #1E0E1F;
padding: 56px 0;
}
.positio_relate {
position: relative;
z-index: 1000;
}
.join-classes::before {
width: 250px;
height: 150px;
filter: blur(80px);
}
.mobile-register {
display: block;
}
.auto_scroll,
.inter-sec,
.finishIt,
.designers,
.join-classes {
position: relative;
z-index: -1;
}
.btnmobileb {
background: linear-gradient(360deg, #120C18 53.5%, rgba(31, 20, 46, 0) 99.02%);
padding-bottom: 43px;
}
.custom-btn {
padding: 5px 115px;
}
.join-classes {
padding: 35px 0px 0px 0px;
}
.editbtn .defaultbtn {
padding: 5px 32px;
max-width: 320px;
margin: 0 auto;
}
.ffHeyAugust {
background-image: url(https://lollypop.design/wp-content/uploads/2023/06/Component-2mobule.svg);
}
.banner::before {
filter: blur(180px);
height: 90%;
z-index: -1;
}
.color-text .green-bg p,
.color-text .purple-bg p {
width: 108px;
font-weight: 700;
}
.programm_scroll .maxw-1064 h2,
.internSHIP h2 {
font-weight: 800;
font-size: 28px;
letter-spacing: -0.2px;
line-height: 32px;
}
.internSHIP p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
max-width: 330px;
margin-right: auto;
}
.programm_scroll .maxw-1064 p.mb-4 {
font-weight: 400;
font-size: 16px;
line-height: 24px;
max-width: 260px;
letter-spacing: -0.3px;
}
.editbtn1 {
padding: 5px 107px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
max-width: 320px;
margin: 0 auto;
}
.custom-btn-div {
padding-top: 18px;
}
.designer1 {
margin: 56px 30px 0 0;
}
.designer2 {
margin: 20px 30px 0 0;
}
.designer3 {
margin-right: 30px;
margin-top: 40px;
}
.mobile_autoslide .slick-slide {
margin-right: 0px
}
#exampleModal .modal-header p,
#exampleModal1 .modal-header p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
#exampleModal .modal-header h2,
#exampleModal1 .modal-header h2 {
font-weight: 800;
font-size: 24px;
padding-bottom: 8px;
letter-spacing: 0px;
line-height: 32px;
}
.navbarlogo {
width: 130px;
height: auto;
}
.programm_scroll {
padding: 20px 0px 56px 0px;
}
.onvdoedit,
#videoContainer video {
height: 225px;
} }
@media only screen and (max-width:426px) {
.custom_tabs .nav-tabs {
display: flex;
}
.custom_tabs ul li {
flex: 0 0 auto;
width: 50%;
}
.custom_tabs .nav-tabs .nav-link {
width: 100%;
}
.designersAcrossGlobal .slick-slide:nth-child(odd) img {
height: 153px;
width: 100%;
}
.designersAcrossGlobal .slick-slide:nth-child(even) img {
height: 214px;
width: 100%;
}
.designers_overflow {
overflow: scroll;
} .faq .accordion-button:not(.collapsed)::after {
background-size: cover;
}
.faq .accordion-button[aria-expanded="true"] p {
font-size: 16px;
}
}
@media screen and (min-width:768px) and (max-width:1200px) { .wid50 {
max-width: 50%;
width: 100%;
}
.detaile_container .mb-64:last-child {
margin-top: 52px;
}
.mt-56 {
max-width: 167px;
margin: 56px 0 0 0;
}
.detaile_container .bg-blurr::after {
bottom: -62px;
top: unset;
right: unset;
left: 5px;
}
.editin1200 {
justify-content: space-around !important;
}
.join-class-list .join-class-list-item:last-child {
margin-top: 34px
}
h1 {
font-size: 72px;
line-height: 1.1;
}
h2 {
font-size: 49px
}
h3 {
font-size: 42px
}
p {
font-size: 20px
}
.container {
padding: 0 48px;
}
.direction {
padding: 0 24px;
flex-direction: row;
}
.banner_list li:nth-child(1) {
margin-bottom: 36px;
}
.banner_list li:nth-child(2) {
margin-bottom: 36px;
}
.join-class-list {
flex-direction: column;
margin-top:
32px
}
}
.join-class-list-item {
margin-top:
32px
}
@media only screen and (min-width:768px) {
.tab-content {
height: auto;
}
}
@media only screen and (max-width:768px) {
.industry_btn {
margin-top: 32px !important;
}
.detaile_container .p-sec {
font-size: 12px;
}
.fs-12 {
font-size: 11px;
}
}