* { box-sizing: border-box; } body { margin: 0; } #another-world { font-family: "mukta-regular", sans-serif; overflow-x: hidden; } #another-world .pik-top_block { padding-top: 16px; } #another-world .pik-top_block .pik-title { display: flex; flex-direction: column; align-items: center; } #another-world .pik-top_block .pik-title img { width: 225px; } #another-world .pik-top_block .pik-title h1 { text-align: center; color: #808080; font-size: 35px; line-height: 1.3; margin: 32px; max-width: 584px; letter-spacing: 0.5px; font-family: "mukta-regular", sans-serif; font-weight: 700; } #another-world .pik-top_block .pik-video_container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } #another-world .pik-top_block .pik-video_container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #another-world .pik-text_block_1 { background-color: #7E9834; color: #fff; padding: 36px 22px 16px; margin-bottom: 16px; } #another-world .pik-text_block_1 p { padding: 8px; max-width: 700px; margin: 0 auto; text-transform: uppercase; text-align: center; font-size: 12px; letter-spacing: 3px; line-height: 1.8; font-family: "mukta-regular", sans-serif; font-weight: 700; margin: 2rem auto; } #another-world .pik-text_block_2 { color: #7E9834; padding: 0 22px 32px; } #another-world .pik-text_block_2 p { max-width: 700px; margin: 0 auto; text-transform: uppercase; text-align: center; font-size: 20px; letter-spacing: 0; line-height: 1; font-family: "mukta-regular", sans-serif; font-weight: 700; padding-top: 24px; } @media screen and (min-width: 992px) { #another-world .pik-top_block { padding-top: 28px; } #another-world .pik-top_block .pik-title { max-width: 760px; margin: 0 auto; } #another-world .pik-top_block .pik-title h1 { font-size: 70px; line-height: 1; word-spacing: 10px; width: unset; max-width: unset; } #another-world .pik-top_block .pik-title img { width: 302px; } #another-world .pik-text_block_1 { margin-bottom: 20px; } #another-world .pik-text_block_1 p { font-size: 18px; line-height: 1.8; letter-spacing: 3px; width: 30%; } #another-world .pik-text_block_2 { margin-bottom: 20px; } #another-world .pik-text_block_2 p { font-size: 20px; letter-spacing: 0.5px; } } @media screen and (min-width: 1920px) { #another-world { max-width: 1920px; margin: 0 auto; } #another-world .pik-top_block { display: flex; flex-direction: row; max-width: 1800px; margin: 0 auto; } #another-world .pik-top_block .pik-title { width: 40%; justify-content: center; padding-right: 56px; } #another-world .pik-top_block .pik-title h1 { margin: 32px auto; } #another-world .pik-top_block .pik-title img { width: 420px; } #another-world .pik-top_block .pik-video_container { width: 60%; padding-bottom: 36.25%; } #another-world .pik-top_block .pik-video_container iframe { width: 1080px; height: 630px; } #another-world .pik-text_block_1 { margin-bottom: 32px; } #another-world .pik-text_block_1 p { width: 30%; } } #another-world .sustainability_carousel { position: relative; } #another-world .sustainability_carousel .carousel-container { position: relative; display: flex; align-items: center; width: -moz-fit-content; width: fit-content; padding: 10px 0px; height: 100%; width: 100%; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; } #another-world .sustainability_carousel .carousel-container::-webkit-scrollbar { display: none; } #another-world .sustainability_carousel .images-container { position: relative; top: 0; left: 0; display: flex; justify-content: center; transition: 0.5s ease-in-out; } #another-world .sustainability_carousel .images-container .carousel-image { position: relative; width: 289px; padding-right: 16px; box-sizing: border-box; display: flex; } #another-world .sustainability_carousel .images-container .carousel-image:hover img { filter: brightness(50%); } #another-world .sustainability_carousel .images-container .carousel-image .image-title { position: absolute; width: 100%; padding: 0 16px; color: #fff; font-size: 30px; line-height: 32px; font-weight: 600; text-align: center; top: 143px; z-index: 1; } #another-world .sustainability_carousel .images-container .carousel-image img { -o-object-fit: cover; object-fit: cover; width: 100%; transition: 0.3s ease-in-out; } #another-world .sustainability_carousel .carousel-button { position: absolute; top: 45%; background-color: transparent; z-index: 4; width: 48px; height: 48px; text-align: center; border: 0; cursor: pointer; } #another-world .sustainability_carousel .carousel-button:focus { outline: 0; } #another-world .sustainability_carousel .carousel-button img { width: 48px; height: 100%; color: rgba(0, 0, 0, 0.7019607843); } #another-world .sustainability_carousel .button-prev { left: 4px; } #another-world .sustainability_carousel .button-next { right: 10px; } @media screen and (min-width: 1710px) { #another-world .sustainability_carousel .carousel-container { margin: 0px auto; max-width: 1710px; } #another-world .sustainability_carousel .carousel-button { display: none; } }/*# sourceMappingURL=another_world.css.map */