src-migrate/modules/promo/styles/hero.module.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

.wrapper {
    @apply  rounded-xl w-full h-[460px] flex;
}

.desc-section {
    @apply w-full md:w-5/12 
        flex flex-col 
        md:justify-center 
        p-6 md:pl-10;
}

.title {
    @apply text-title-sm md:text-title-lg 
        leading-[30px] md:leading-[42px]
        font-semibold;
}

.subtitle {
    @apply text-body-2 leading-7 text-gray-700;
}

.banner-section {
    @apply md:w-7/12
        flex flex-col
        md:justify-center
        md:pr-10;
}

.desktop-container {
    @apply w-full px-4 md:px-0 -mt-[30px]; 
}

.desktop-image-wrapper {
    @apply w-full h-[375px] relative rounded-2xl overflow-hidden;
}

.mobile-container {
    @apply w-full px-0 -mt-[20px];
}

.mobile-image-wrapper {
    @apply w-full aspect-[3.2] relative rounded-2xl overflow-hidden;
}

.banner-image {
    @apply object-cover object-center;
}