[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"] a.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"] a.button:hover { background: #2098D3; color: #fff; } [class$="icpladda"] i{width: 24px; height: 24px; align-content: center; text-align: 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: max-content; } .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; } } .join_us_list__icpladda { padding: 80px 40px; position: relative; } .join_us_list__icpladda .container { max-width: 1320px; margin: 0 auto; padding: 0; } .join_us_list__title { text-align: center; font-weight: 700; color: #045198; margin-bottom: 40px !important; } .join_us_list__grid { display: flex; flex-direction: column; gap: 24px; align-items: center; } .join_us_list__card { width: 1096px; display: flex; align-items: center; gap: 24px; padding: 24px 40px; background: #fff; border-radius: 16px; transition: box-shadow 0.3s ease, transform 0.3s ease; } .join_us_list__card:hover { box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.20); } .join_us_list__img-wrap { flex-shrink: 0; width: 280px; height: 200px; border-radius: 16px; overflow: hidden; } .join_us_list__img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; } .join_us_list__card:hover .join_us_list__img-wrap img { transform: scale(1.05); } .join_us_list__content { flex: 1; min-width: 0; } .join_us_list__job-title { font-weight: 400; color: #000; margin-bottom: 8px !important; } .join_us_list__details { list-style: none; padding: 0; margin: 0; } .join_us_list__details li { font-size: 16px; color: #000; line-height: 150%; position: relative; padding-left: 24px; } .join_us_list__details li::before { content: '•'; position: absolute; left: 10px; font-size: 20px; } .join_us_list__action { flex-shrink: 0; } a.join_us_list__btn { display: inline-flex; align-items: center; padding: 9px 32px; border: 1px solid #045198; border-radius: 50px; color: #045198; font-size: 16px; font-weight: 700; text-decoration: none; transition: background 0.3s ease, color 0.3s ease; } .join_us_list__card:hover a.join_us_list__btn { border: 1px solid #2098D3; background: #F2F2F2; color: #2098D3; } .join_us_list__card:hover .join_us_list__job-title { color: #2098D3; } .join_us_list__more { display: flex; justify-content: center; margin-top: 40px; } .join_us_list__card--hidden { display: none !important; } @media (max-width: 1024px) { .join_us_list__icpladda { padding: 60px 24px; } .join_us_list__card { width: 100%; max-width: 900px; gap: 20px; padding: 20px 24px; } .join_us_list__img-wrap { width: 220px; height: 160px; } .join_us_list__job-title { font-size: 20px !important; } .join_us_list__details li { font-size: 14px; } a.join_us_list__btn { padding: 8px 24px; font-size: 14px; } } @media (max-width: 767.98px) { .join_us_list__icpladda { padding: 40px 16px; } .join_us_list__icpladda .background { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .join_us_list__card { width: 100%; flex-direction: column; align-items: flex-start; padding: 24px; gap: 16px; } .join_us_list__img-wrap { width: 100%; height: 200px; } .join_us_list__action { align-self: flex-start; } } .join_us_why__icpladda { padding: 80px 0px; position: relative; } .join_us_why__icpladda .container { max-width: 100%; margin: 0 auto; padding: 0; } .join_us_why__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; } .join_us_why__content { display: flex; flex-direction: column; gap: 24px; max-width: 520px; margin-right: 80px; justify-self: flex-end; } .join_us_why__title { font-weight: 700; color: #2098D3; line-height: 150%; } .join_us_why__list { list-style: none; padding: 0; margin: 0; } .join_us_why__list li { font-size: 18px; color: #000; line-height: 150%; position: relative; padding-left: 24px; } .join_us_why__list li::before { content: '•'; position: absolute; left: 10px; font-size: 20px; } .join_us_why__images { display: flex; flex-direction: column; gap: 20px; position: relative; } .join_us_why__img-wrap { overflow: hidden; } .join_us_why__img-wrap--top { width: 100%; align-self: flex-end; } .join_us_why__img-wrap--bottom { width: 85%; align-self: flex-start; margin-top: -40px; } .join_us_why__img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; } @media (max-width: 1024px) { .join_us_why__icpladda { padding: 60px 24px; } .join_us_why__grid { grid-template-columns: 1fr 1fr; gap: 40px; } .join_us_why__content { max-width: 100%; margin-right: 0; padding-left: 0; justify-self: auto; } .join_us_why__title { font-size: 28px !important; } .join_us_why__img-wrap--top { height: 270px; } } @media (max-width: 767.98px) { .join_us_why__icpladda { padding: 40px 0; } .join_us_why__grid { grid-template-columns: 1fr; } .join_us_why__content { padding: 0 16px; margin: 0; } .join_us_why__img-wrap--top { width: 100%; height: 270px; margin-top: 0; align-self: auto; } } .join_us_detail_intro__icpladda { padding: 60px 40px; position: relative; } .join_us_detail_intro__icpladda .container { max-width: 1320px; margin: 0 auto; padding: 0; } .join_us_detail_intro__title { text-align: center; font-weight: 700; color: #045198; margin-bottom: 40px !important; } .join_us_detail_intro__img-wrap { width: 100%; max-width: 872px; margin: 0 auto 40px; border-radius: 16px; overflow: hidden; } .join_us_detail_intro__img-wrap img { width: 100%; height: auto; object-fit: cover; display: block; } .join_us_detail_intro__block { margin-bottom: 24px; } .join_us_detail_intro__block:last-of-type { margin-bottom: 0; } .join_us_detail_intro__label { font-size: 18px; font-weight: 700; color: #000; margin-bottom: 16px !important; } .join_us_detail_intro__list { list-style: none; padding: 0; margin: 0; } .join_us_detail_intro__list li { font-size: 18px; color: #000; line-height: 150%; position: relative; padding-left: 24px; } .join_us_detail_intro__list li::before { content: '•'; position: absolute; left: 10px; font-size: 20px; } .join_us_detail_intro__wage { font-size: 18px; color: #000; line-height: 150%; } .join_us_detail_intro__action { display: flex; justify-content: center; margin-top: 40px; } @media (max-width: 1024px) { .join_us_detail_intro__icpladda { padding: 60px 24px; } .join_us_detail_intro__img-wrap { max-width: 600px; } } @media (max-width: 767.98px) { .join_us_detail_intro__icpladda { padding: 40px 16px; } .join_us_detail_intro__title { font-size: 28px; margin-bottom: 24px !important; } .join_us_detail_intro__img-wrap { margin-bottom: 24px; } } .contact_detail__icpladda { padding: 60px 40px; position: relative; } .contact_detail__icpladda .container { max-width: 1320px; margin: 0 auto; padding: 0; } .contact_detail__icpladda .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -10; } .contact_detail__icpladda .background.mobile { display: none; } .contact_detail__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 60px; align-items: start; border-radius: 24px; background: rgba(255, 255, 255, 0.80); box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.20); } .contact_detail__left { display: flex; flex-direction: column; gap: 40px; align-self: center; } .contact_detail__info-block { display: flex; flex-direction: column; gap: 12px; } .contact_detail__label { font-weight: 700; color: #000; line-height: 150%; } .contact_detail__info-list { display: flex; flex-direction: column; gap: 8px; } .contact_detail__info-item { display: flex; align-items: center; gap: 8px; } .contact_detail__info-item i { width: 24px; height: 24px; color: #045198; font-size: 18px; display: flex; align-items: center; justify-content: center; } .contact_detail__info-item p { color: #000; line-height: 150%; } .contact_detail__social { display: flex; gap: 24px; } .contact_detail__social a { color: #045198; font-size: 28px; transition: color 0.3s ease; } .contact_detail__social a:hover { color: #2098D3; } .contact_detail__map { width: 100%; height: 176px; overflow: hidden; } .contact_detail__map iframe { width: 100%; height: 100%; border: none; display: block; } .contact_detail__form-heading { margin-bottom: 24px; } .contact_detail__form-heading h2{ font-weight: 700; color: #045198; margin-bottom: 16px !important; } .contact_detail__form-heading p { color: #000; line-height: 150%; } @media (max-width: 1024px) { .contact_detail__icpladda { padding: 60px 24px; } .contact_detail__icpladda .background { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .contact_detail__inner { gap: 24px; } } @media (max-width: 767.98px) { .contact_detail__icpladda { padding: 40px 16px; } .contact_detail__icpladda .background { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .contact_detail__inner { grid-template-columns: 1fr; gap: 25px; padding: 24px; } .contact_detail__left { gap: 24px; order: 2; } .contact_detail__right{ order:1; } } .affiliate_companies__icpladda { padding: 60px 40px; position: relative; } .affiliate_companies__icpladda .container { max-width: 1320px; margin: 0 auto; padding: 0; } .affiliate_companies__title { text-align: center; font-weight: 700; color: #2098D3; margin-bottom: 40px !important; } .affiliate_companies__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .affiliate_companies__card { position: relative; display: block; width: 100%; height: 232px; border-radius: 24px; overflow: hidden; text-decoration: none; background-size: cover; background-position: center; transition: box-shadow 0.3s ease, transform 0.3s ease; } .affiliate_companies__card:hover { box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.20); } .affiliate_companies__overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); display: flex; align-items: flex-end; padding: 24px; } .affiliate_companies__card-title { font-size: 32px !important; font-weight: 700; color: #fff; } @media (max-width: 1024px) { .affiliate_companies__icpladda { padding: 60px 24px; } } @media (max-width: 767.98px) { .affiliate_companies__icpladda { padding: 40px 16px; } .affiliate_companies__grid { grid-template-columns: 1fr; } .affiliate_companies__card { height: 128px; } } .about_intro__icpladda { padding: 80px 0px; position: relative; overflow: hidden; } .about_intro__icpladda .container { max-width: 100%; margin: 0 auto; padding: 0; position: relative; z-index: 1; } .about_intro__icpladda .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -10; object-position: bottom; } .about_intro__header { text-align: center; margin-bottom: 80px; } .about_intro__title { font-weight: 700; color: #2098D3; margin-bottom: 40px !important; line-height: 150%; } .about_intro__desc { display: flex; flex-direction: column; gap: 16px; max-width: 1320px; margin: 0 auto; } .about_intro__desc p { color: #000; line-height: 180%; } .about_intro__bottom { display: grid; grid-template-columns: 1fr 1fr; align-items: start; } .about_intro__building { overflow: hidden; } .about_intro__building img { width: 100%; height: auto; object-fit: cover; display: block; } .about_intro__cards { display: flex; flex-direction: column; gap: 24px; padding: 0px 80px 0px 40px; align-self: center; } .about_intro__card { display: flex; align-items: center; gap: 24px; padding: 20px 40px; border-radius: 40px; border: 3px solid #fff; background: rgba(255, 255, 255, 0.60); box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.20); transition: box-shadow 0.3s ease, transform 0.3s ease; } .about_intro__card-img { flex-shrink: 0; width: 223px; height: 140px; border-radius: 16px; overflow: hidden; } .about_intro__card-img img { width: 100%; height: 100%; object-fit: cover; } .about_intro__card-content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; } .about_intro__card-header { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .about_intro__card-header .about_intro__card-num { font-size: 40px !important; font-weight: 500; color: #045198; line-height: 1; } .about_intro__card:first-child .about_intro__card-header > .body1 { font-size:40px !important; font-weight: 500; color: #045198; line-height: 1; } .about_intro__card-header .body1 { font-size:24px !important; font-weight: 700; color: #045198; line-height: 1; } .about_intro__card-sub { display: flex; flex-direction: column; } .about_intro__card-sub .body1 { font-size: 18px; font-weight: 700; color: #045198; line-height: 1.2; margin: 0 !important; } .about_intro__card-sub .body2 { font-size: 14px !important; color: #045198; font-weight: 700; line-height: 1.2; margin: 0 !important; } .about_intro__card-content > .body2:last-child { font-size: 24px; font-weight: 500; color: #000; line-height: 150%; margin: 0 !important; } @media (max-width: 1024px) { .about_intro__icpladda { padding: 60px 0px; } .about_intro__header { padding: 20px 16px; margin-bottom: 40px; } .about_intro__bottom { grid-template-columns: 1fr; } .about_intro__cards { order: 1; padding: 0px 16px; gap: 16px; } .about_intro__card{ flex-direction: row; } .about_intro__card-header { gap: 8px; } .about_intro__card-content > .body2:last-child { font-size: 18px; } } @media (max-width: 767.98px) { .about_intro__icpladda { padding: 40px 0px; } .about_intro__icpladda .background { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .about_intro__bottom { grid-template-columns: 1fr; } .about_intro__cards { order: 1; padding: 0px 16px; gap: 16px; } .about_intro__card{ flex-direction: column; } .about_intro__header { padding: 20px 16px; } .about_intro__card-header { gap: 8px; } .about_intro__card-content > .body2:last-child { font-size: 18px; } } .about_value__icpladda { padding: 60px 0px 40px; position: relative; overflow: hidden; } .about_value__icpladda .container { max-width: 1320px; margin: 0 auto; padding: 0; position: relative; z-index: 1; } .about_value__icpladda .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -10; } .about_value__icpladda .object1 { position: absolute; object-fit: cover; top: 0; left: 0; z-index: -2; width: 100%; } .about_value__header { text-align: center; padding-bottom: 200px; margin-bottom: 80px; } .about_value__title { font-weight: 700; color: #fff; margin-bottom: 40px !important; line-height: 150%; } .about_value__header .body1 { color: #fff; line-height: 150%; max-width: 872px; margin: 0 auto; } .about_value__section { display: grid; grid-template-columns: 5fr 7fr; gap: 60px; align-items: center; margin-bottom: 80px; } .about_value__section:nth-child(2){ grid-template-columns: 7fr 5fr; } .about_value__section-title { font-weight: 700; color: #2098D3; margin-bottom: 14px !important; line-height: 150%; } .about_value__section-title:nth-child(2) { margin-bottom: 20px!important; } .about_value__iso-content { display: flex; flex-direction: column; gap: 16px; } .about_value__iso-content .body1 { color: #000; line-height: 180%; } .about_value__iso-img { border-radius: 24px; width: 536px; height: 420px; overflow: hidden; } .about_value__iso-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .about_value__env { } .about_value__env-content { display: flex; flex-direction: column; gap: 10px; } .about_value__env-content .body1 { color: #000; line-height: 160%; } .about_value__env-img { border-radius: 24px; width: 536px; height: 420px; overflow: hidden; } .about_value__env-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .about_value__profile { gap: 20px; display: flex; flex-direction: column; border-radius: 24px; border: 3px solid var(--White, #FFF); background: rgba(255, 255, 255, 0.60); box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.20); backdrop-filter: blur(3px); padding: 40px; text-align: center; max-width: 100%; margin: 0 auto 80px; align-items: center; } .about_value__profile i{ background: #2098d3; border-radius: 50%; } .about_value__profile a.button{ gap: 10px; } .about_value__profile a.button:hover i{ background: #045198; } .about_value__profile-title { font-weight: 700; color: #2098d3; line-height: 150%; } .about_value__profile .body1 { color: #000; line-height: 180%; } .about_value__footer { justify-self: center; width: max-content; font-weight: 700; color: #fff; height: 150%; border-bottom: 3px solid; } @media (max-width: 1024px) { .about_value__icpladda { padding: 60px 24px; } .about_value__icpladda .container { padding: 0; } .about_value__header { padding-bottom: 100px; margin-bottom: 60px; } .about_value__section { grid-template-columns: 1fr; gap: 32px; margin-bottom: 60px; } .about_value__section:nth-child(2) { grid-template-columns: 1fr; } .about_value__iso-img, .about_value__env-img { height: 320px; border-radius: 16px; } .about_value__profile { padding: 32px; margin-bottom: 60px; } } @media (max-width: 767.98px) { .about_value__icpladda { padding: 40px 16px; } .about_value__icpladda .background { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -10; } .about_value__icpladda .object1{ height: 400px; } .about_value__header { padding-bottom: 120px; margin-bottom: 40px; } .about_value__section { grid-template-columns: 1fr; gap: 40px; margin-bottom: 40px; } .about_value__section:nth-child(2) { grid-template-columns: 1fr; } .about_value__iso { order: 1; } .about_value__iso-img { order: 2; height: 281px; width: 100%; } .about_value__env-img { order: 2; height: 281px; width: 100%; } .about_value__env-content { order: 1; } .about_value__profile { padding: 24px; margin-bottom: 40px; } .about_value__footer { text-align: center; justify-self: center; max-width: fit-content; } } .about_policy__icpladda { position: relative; overflow: hidden; } .about_policy__icpladda .container { max-width: 100%; margin: 0 auto; padding: 0; position: relative; z-index: 1; } .about_policy__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; height: 720px; } .about_policy__card { position: relative; background-image: var(--bg-image); background-size: cover; background-position: center; overflow: hidden; cursor: pointer; } .about_policy__overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 40px; transition: background 0.4s ease; } .about_policy__overlay h2 { font-weight: 700; color: #fff; line-height: 150%; margin-bottom: 0 !important; border-bottom: 2px solid #FFF; transition: margin-bottom 0.4s ease; padding-bottom: 8px; } .about_policy__content { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s ease, opacity 0.4s ease, margin-top 0.4s ease; } .about_policy__content .body1 { color: #fff; line-height: 180%; margin: 0 !important; } .about_policy__card:hover .about_policy__overlay { gap: 24px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #045198 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); } .about_policy__card:hover .about_policy__content { max-height: 300px; opacity: 1; } @media (max-width: 1024px) { .about_policy__icpladda { padding: 0px; } .about_policy__grid { height: 500px; } .about_policy__overlay { padding: 32px 24px; } } @media (max-width: 767.98px) { .about_policy__icpladda { padding: 0px; } .about_policy__grid { grid-template-columns: 1fr; height: auto; } .about_policy__card { height: 184px; min-height: 184px; transition: min-height 0.4s ease; overflow: hidden; } .about_policy__card:hover { height: auto; min-height: 184px; } .about_policy__overlay { padding: 40px 24px; position: relative; min-height: 184px; transition: min-height 0.4s ease; } .about_policy__card:hover .about_policy__overlay { min-height: auto; } .about_policy__content { max-height: 0; opacity: 0; margin-top: 0; transition: max-height 0.4s ease, opacity 0.4s ease, margin-top 0.4s ease; } .about_policy__card:hover .about_policy__overlay { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #045198 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); } .about_policy__card:hover .about_policy__content { max-height: 500px; opacity: 1; } } .about_guidelines__icpladda { padding: 80px 0px; position: relative; overflow: hidden; } .about_guidelines__icpladda .container { max-width: 100%; margin: 0 auto; padding: 0; position: relative; z-index: 1; } .about_guidelines__icpladda .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -10; } .about_guidelines__top { display: grid; grid-template-columns: 1fr 1fr; align-items: center; margin-bottom: 80px; } .about_guidelines__content { display: flex; flex-direction: column; gap: 24px; max-width: 600px; padding: 0 80px 0 40px; justify-self: flex-end; } .about_guidelines__title { font-weight: 700; color: #2098D3; line-height: 150%; } .about_guidelines__content .body1 { color: #000; line-height: 180%; } .about_guidelines__images { display: flex; justify-content: flex-end; } .about_guidelines__img-wrap { width: 100%; max-width: 960px; height:665px; overflow: hidden; } .about_guidelines__img-wrap img { width: 100%; height: 100%; display: block; } .about_guidelines__card { display: flex; max-width: 1320px; justify-self: center; padding: 40px; flex-direction: column; align-items: flex-start; gap: 20px; border-radius: 24px; border: 3px solid var(--White, #FFF); background: rgba(255, 255, 255, 0.70); box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.20); backdrop-filter: blur(3px); } .about_guidelines__section-title { font-weight: 700; color: #2098D3 !important; line-height: 150%; } .about_guidelines__card .body1 { color: #000; line-height: 180%; } @media (max-width: 1024px) { .about_guidelines__icpladda { padding: 60px 0px; } .about_guidelines__top { grid-template-columns: 1fr 1fr; margin-bottom: 40px; } .about_guidelines__content { padding: 0 16px; } .about_guidelines__img-wrap { height: 320px; } .about_guidelines__card { padding: 24px; margin: 0 16px; } } @media (max-width: 767.98px) { .about_guidelines__icpladda { padding: 40px 0px; } .about_guidelines__icpladda .background { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .about_guidelines__content { padding: 0 16px; } .about_guidelines__top { grid-template-columns: 1fr; gap: 40px; margin-bottom: 60px; } .about_guidelines__card { padding: 24px; margin: 0 16px; } .about_guidelines__img-wrap { max-width: 100%; height: 248px; } } .vdo_multimedia_list__icpladda { padding: 60px 40px; position: relative; } .vdo_multimedia_list__icpladda .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -10; } .vdo_multimedia_list__icpladda .container { max-width: 1320px; margin: 0 auto; padding: 0; position: relative; z-index: 1; } .vdo_multimedia_list__title { text-align: center; font-weight: 700; color: #045198; margin-bottom: 40px !important; line-height: 150%; } .vdo_multimedia_list__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .vdo_multimedia_list__card { display: block; width: 100%; text-decoration: none; } .vdo_multimedia_list__card img { width: 100%; height: auto; object-fit: cover; display: block; transition: box-shadow 0.3s ease, transform 0.4s ease; } .vdo_multimedia_list__card:hover img { filter: drop-shadow(4px 4px 12px rgba(0, 0, 0, 0.20)); } .vdo_multimedia_list__card--hidden { display: none !important; } .vdo_multimedia_list__more { display: flex; justify-content: center; margin-top: 40px; } @media (max-width: 1024px) { .vdo_multimedia_list__icpladda { padding: 60px 24px; } .vdo_multimedia_list__grid { gap: 20px; } } @media (max-width: 767.98px) { .vdo_multimedia_list__icpladda { padding: 40px 16px; } .vdo_multimedia_list__icpladda .background { display: block; } .vdo_multimedia_list__grid { grid-template-columns: 1fr; gap: 16px; } } .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; } }