[class$="icpladda"] h1, [class$="icpladda"] h2, [class$="icpladda"] h3, [class$="icpladda"] h4, [class$="icpladda"] p, [class$="icpladda"] ul { font-family: 'Prompt'; margin: 0; } [class$="icpladda"] h1 { font-size: 40px; } [class$="icpladda"] h2 { font-size: 32px; } [class$="icpladda"] h3 { font-size: 28px; } [class$="icpladda"] h4 { font-size: 24px; } [class$="icpladda"] h1, [class$="icpladda"] h2, [class$="icpladda"] h3, [class$="icpladda"] h4 { font-style: normal; line-height: 150%; } [class$="icpladda"] p.body1 { font-size: 18px; } [class$="icpladda"] p.body2 { font-size: 16px; } [class$="icpladda"] p.body3 { font-size: 14px; } [class$="icpladda"] p.body4 { font-size: 12px; } [class$="icpladda"] p.body1, [class$="icpladda"] p.body2, [class$="icpladda"] p.body3, [class$="icpladda"] p.body4 { font-style: normal; line-height: 150%; } .container-fluid { padding-left: 0; padding-right: 0; } .background { position: absolute; top: 0; left: 0; width: 100% ; height: 100% ; z-index: -10; object-fit: cover ; } .background.mobile{ display: none; } @media (max-width: 767.98px) { .background { display: none; } .background.mobile { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } } [class$="icpladda"] button { display: flex; border: none; padding: 9px 28px 9px 32px; border-radius: 50px; background: #045198; color: #fff; font-size: 16px; font-weight: bold; cursor: pointer; transition: background 0.3s ease, color 0.3s ease; flex-direction: row; gap: 2px; align-items: center; max-width: max-content; } [class$="icpladda"] button:hover { background: #2098D3; color: #fff; } [class$="icpladda"] i{width: 24px; height: 24px; align-content: center; } .how_to_banner__icpladda{ position: relative; padding: 40px 0px; } .how_to_banner__icpladda h1{ color: #fff; text-align: center; font-weight: bold; } .how_to_list__icpladda { padding: 60px 40px; } .how_to_list__icpladda .container { max-width: 1320px; margin: 0 auto; padding: 0; } .how_to_list__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .how_to_list__card { display: block; position: relative; width: 100%; height: 324px; border-radius: 16px; overflow: hidden; text-decoration: none; background: #d0cece; flex-shrink: 0; } .how_to_list__card img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.4s ease; } .how_to_list__card:hover img { transform: scale(1.05); } .how_to_list__card:hover { box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.20); } .how_to_list__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 58.3%, rgba(0, 0, 0, 0.50) 100%); display: flex; align-items: flex-end; padding: 24px; } .how_to_list__overlay h4 { color: #fff; font-weight: bold; } .how_to_list__more { display: flex; justify-content: center; margin-top: 24px; } @media (max-width: 1024px) { .how_to_list__icpladda { padding: 60px 24px; } .how_to_list__grid { grid-template-columns: repeat(2, 1fr); } .how_to_list__card { height: 280px; } } @media (max-width: 767.98px) { .how_to_list__icpladda { padding: 40px 16px; } .how_to_list__grid { grid-template-columns: 1fr; gap: 24px; } .how_to_list__card { height: 100%; } } .home_intro__icpladda { padding: 120px 0 80px; position: relative; } .home_intro__icpladda .container { max-width: 1320px; margin: 0 auto; padding: 0px; } .home_intro__icpladda .col-md-6{ padding: 0px; max-width: max-content; } .home_intro__icpladda .col-12{ padding: 0px; max-width: max-content; } .home_intro__icpladda .home_intro_content{ display: flex; flex-direction: column; gap: 24px; padding-left: 60px; } .home_intro__title { font-weight: 700; color: #fff; } .home_intro__desc { font-size: 24px; color: #fff; font-weight: 400; } .home_intro__btn{ width: max-content; } .home_intro__cards { margin-top: 80px; display: flex; flex-direction: row; gap: 24px; } .home_intro__card { position: relative; display: block; max-width: 424px; width: 100%; height:100%; border-radius: 24px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 19px rgba(0, 0, 0, 0.06); transition: box-shadow 0.3s ease, transform 0.3s ease; } .home_intro__card:hover { box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.18); transform: translateY(-3px); } .home_intro__card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; } .home_intro__card:hover img { transform: scale(1.04); } .home_intro__card-arrow { position: absolute; bottom: 24px; right: 24px; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0; background-image: url('/files/media/Media552f8fb42df8c4a267b5852d7a727aa9.png'); transform: scale(0.7); transition: opacity 0.3s ease, transform 0.3s ease; } .home_intro__card:hover .home_intro__card-arrow { opacity: 1; transform: scale(1); } @media (max-width: 1024px) { .home_intro__icpladda { padding: 80px 24px 40px; } .home_intro__icpladda .home_intro_content { padding-left: 32px; } .home_intro__cards { margin-top: 60px; gap: 16px; } .home_intro__video-wrap iframe{ height: 300px; } } @media (max-width: 767.98px) { .home_intro__icpladda { padding: 80px 16px 40px; } .home_intro__icpladda .background { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .home_intro__cards{ margin-top: 40px; } .home_intro__icpladda .home_intro_content{ padding-top: 40px; padding-left: 0px !important; } .home_intro__video-wrap iframe{ height: 210px; } .home_intro__card { height: 100%; } } .home_how_to__icpladda { padding: 80px 40px; } .home_how_to__icpladda .container { max-width: 1320px; margin: 0 auto; padding: 0; } .home_how_to__icpladda .header__see_more{ display: flex; justify-content: space-between; margin-bottom: 40px; } .home_how_to__icpladda .header__see_more h2{ color: #2098D3; font-weight: 700; } @media (max-width: 767.98px) { .home_how_to__icpladda { padding: 40px 16px; } .home_how_to__icpladda .header__see_more{ display: flex; justify-content: space-between; margin-bottom: 40px; flex-direction: column; gap:16px; align-items: center; } .home_how_to__icpladda .how_to_list__card:nth-child(2), .home_how_to__icpladda .how_to_list__card:nth-child(3){ display: none; } } .home_vdo__icpladda { padding: 60px 40px 80px; position: relative; } .home_vdo__icpladda .object1 { position: absolute; object-fit: cover; top: 0; left: 0; z-index: -2; width: 100%; } .home_vdo__icpladda .container { max-width: 1320px; margin: 0 auto; padding: 0; } .home_vdo__header { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 40px; height: 511px; } .home_vdo__title { font-weight: 700; color: #2098D3; } .home_vdo__desc { font-size: 18px; color: #000; max-width: 872px; } .home_vdo__video-wrap { justify-self: center; position: relative; margin-top: 30px; width: 1096px; border-radius: 6px; overflow: hidden; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2); } .home_vdo__video-wrap iframe { display: block; width: 100%; border: none; } @media (max-width: 1024px) { .home_vdo__video-wrap{ width: 100%; } .home_vdo__video-wrap iframe { height: 400px; } } @media (max-width: 767.98px) { .home_vdo__icpladda { padding: 40px 16px; } .home_vdo__icpladda .background{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -3; } .home_vdo__icpladda .object1 { height: inherit; } .home_vdo__header { height: 519px; } .home_vdo__video-wrap { width: 100%; margin-top: 40px;} .home_vdo__video-wrap iframe { height: 210px; } } .home_banner__icpladda { position: relative; width: 100%; height: 460px; display: flex; align-items: center; overflow: hidden; } .home_banner__icpladda::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.20); z-index: 0; } .home_banner__icpladda .container { position: relative; z-index: 1; max-width: 1320px; margin: 0 auto; padding: 0; } .home_banner__desc { font-size: 28px; color: #fff; font-weight: 400; text-align: center; } @media (max-width: 1024px) { .home_banner__icpladda { padding: 48px 20px; } } @media (max-width: 767.98px) { .home_banner__icpladda { padding: 40px 16px; } .home_banner__icpladda .background { display: flex; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -1; } .home_banner__desc br { display: none; } } .collection_detail__icpladda { padding: 0px 0px 60px; } .collection_detail__weed .row { justify-content: space-between !important; max-width: 1320px; } .collection_detail__weed .col-6.col-md-4.col-lg-3 { flex: 1; padding: 0; } .collection_detail__hex-card { width: 100%; max-width: 100%; } .collection_detail__img-wrap { display: flex; justify-content: center; align-items: flex-start; } .collection_detail__img-wrap img { width: 100%; max-width: 320px; height: auto; object-fit: contain; filter: drop-shadow(0 8px 24px rgba(0,0,0,0.12)); } .collection_detail__icpladda p.collection_detail__intro { font-size: 24px !important; color: #000; margin-bottom: 40px; } .collection_detail__block { margin-bottom: 40px; } .collection_detail__block h4 { font-size: 18; font-weight: 700; color: #2098D3; margin-bottom: 16px; } .collection_detail__block p, .collection_detail__block ul { font-size: 16px; color: #000; line-height: 1.8; margin: 0; padding-left: 20px !important; } .collection_detail__block ul li { margin-bottom: 4px; } .collection_detail__subhead { font-weight: 600; color: #000; margin: 10px 0 4px !important; padding-left: 0 !important; } .collection-detail-description .blog-desc p { padding: 0; } .collection_detail__video { margin-top: 40px; } .collection_detail__video-wrap { border-radius: 6px; position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; box-shadow: 4px 4px 12px rgba(0 0 0 / 20%); } .collection_detail__video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; } .collection-detail-description .blog-desc img{ margin: 0 !important; } h3.collection_detail__weed-title{ margin-bottom: 40px; } .collection_detail__weed { margin-top: 40px; text-align: -webkit-center; } .collection_detail__weed-title { text-align: center; font-size: 32px; font-weight: 700; color: #2098D3; margin-bottom: 40px; } .collection_detail__hex-card { position: relative; width: 400px; height: auto; } .collection_detail__hex-card:hover { transform: scale(1.05); } .collection_detail__hex-card img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .collection_detail__hex-card span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.35); color: #fff; font-size: 1rem; font-weight: 700; text-shadow: 0 1px 4px rgba(0,0,0,0.5); letter-spacing: 0.02em; } @media (max-width: 767.98px) { .collection_detail__icpladda { padding: 0px 0px 40px; } .collection_detail__video { margin-top: 0; } .collection_detail__weed .row{ justify-content:center !important; } .collection_detail__img-wrap{ margin-bottom: 24px; } .collection_detail__hex-card { width: 160px; height: 176px; } .collection_detail__icpladda .col-12,.collection_detail__icpladda .col-md-6,.collection_detail__icpladda .col-lg-6 { padding-left: 0 !important; padding-right: 0 !important; } }