freego-websit-new/src/pages/Home/Home.module.css

.root {
    background-color: #FBFBFB;
}

.rootDesk {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.videoContainer {
    width: 100%;
}

.video {
    width: 1920px;
    height: 850px;
    object-fit: cover;
}

.contentContainer {
    display: flex;
    flex-direction: row;
    gap: 85px;
    margin-top: 150px;
}

.fontContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 555px;
    text-align: left;
}

.image {
    width: 640px;
    height: 500px;
}

.normalFont {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    width: 371px;
}

.boldFont {
    font-size: 36px;
    font-weight: Bold;
    color: #000000;
    text-align: left;
    margin-bottom: 20px;
}

.bigBoldFont {
    font-size: 90px;
    font-weight: Bold;
    color: #000000;
    text-align: left;
    margin-top: 175px;
    width: 1280px;
}

.bigBoldFont2 {
    font-size: 90px;
    font-weight: Bold;
    color: #000000;
    text-align: left;
    margin-top: 263px;
    width: 1280px;
}

.verticalFontMediaContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 35px;
    margin-top: 24px;
}

.verticalFontMediaContainer2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 35px;
    margin-top: 24px;
    width: 800px;
}

.verticalFontMediaContainer3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 35px;
    margin-top: 24px;
    width: 440px;
}

.verticalFontMediaContainer4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    margin-top: 24px;
    width: 620px;
}

.verticalFontContainer {
    width: 1280px;
    align-items: flex-start;
}

.verticalFontContainer2 {
    width: 620px;
    align-items: flex-start;
}

.verticalFontContainer3 {
    align-items: flex-end;
}
.verticalFontContainer4 {
    align-items: flex-end;
}

.verticalBoldFont {
    font-size: 24px;
    font-weight: Bold;
    color: #000000;
    text-align: left;
    margin-bottom: 13px;
}

.verticalBoldFont1 {
    font-size: 90px;
    font-weight: Bold;
    color: #000000;
    text-align: left;
    margin-bottom: 30px;
}.verticalBoldFont2 {
    font-size: 24px;
    font-weight: Bold;
    color: #000000;
    text-align: left;
    margin-bottom: 10px;
}

.verticalNormalFont {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    width: 538px;
}

.verticalMedia {
    width: 1280px;
    height: 600px;
}

.horizontalFontMediaContainer {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: center;
    gap: 40px;
    margin-top: 80px;
}

.verticalMedia2 {
    width: 800px;
    height: 500px;
}

.verticalMedia3 {
    width: 440px;
    height: 500px;
}

.verticalMedia5 {
    width: 1280px;
    height: 500px;
}

.verticalMedia4 {
    width: 620px;
    height: 500px;
}

.verticalNormalFont2 {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    width: 440px;
}

.verticalNormalFont3 {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    width: 440px;
}

.bottomContainer {
    display: flex;
    background-image: url("../../assets/images/home/bottom_bg.png");
    align-items: center;
    margin-top: 185px;
    width: 1920px;
    height: 700px;
    padding-left: 320px;
}

.bottomContainer1 {
    display: flex;
    background-image: url("../../assets/images/home/bottom_bg.png");
    align-items: center;
    justify-content: flex-end;
    margin-top: 120px;
    width: 1280px;
    height: 500px;
    padding-right: 93px;
    margin-bottom: 200px;
}

.rootPhone {
    display: none;
}

@media (max-width: 768px) {
    /*.rootDesk {*/
    /*    display: none;*/
    /*}*/

    .rootPhone {
        display: flex;
    }
}