%PDF- %PDF-
Direktori : /proc/self/root/var/www/html/styles/ |
Current File : //proc/self/root/var/www/html/styles/TermsAndConditions.css |
.termsAndConditions { background: #ecf9fe; padding: 25rem; } .termsAndConditions h2 { text-align: center; font-size: 3.2rem; color: #f26739; } .termsAndConditions h3 { text-align: center; font-size: 2.7rem; color: #2d2d2d; } .termsAndConditions p { font-size: 2.5rem; font-family: sans-serif; line-height: 1.5; } .termsAndConditions > .tcLanguages { display: flex; gap: 30rem; justify-content: center; align-items: center; margin-top: 13rem; } /* .termsAndConditions > .tcLanguages > .language > a > span > img { border-radius: 20px; cursor: pointer; } .termsAndConditions > .tcLanguages > .language > a > span > img:hover { opacity: 0.7; } */ .termsAndConditions > .tcLanguages > .language { display: flex; justify-content: center; align-items: center; flex-direction: column; } .termsAndConditions > .tcLanguages > .language > a { text-decoration: none; } .termsAndConditions > .tcLanguages > .language > a > .book { display: flex; align-items: center; background: #f26739; box-sizing: border-box; border-radius: 43px; gap: 2rem; padding: 0 6rem 0 1rem; cursor: pointer; max-width: 25rem; height: 6rem; } .termsAndConditions > .tcLanguages > .language > a > .book span { font-family: "Anton"; font-style: normal; font-weight: normal; font-size: 16px; line-height: 2.4rem; letter-spacing: 0.5px; text-transform: uppercase; color: #ffffff; margin-left: auto; margin-right: auto; } .termsAndConditions > .tcLanguages > .language > a > .book .arrows { display: flex; justify-content: center; align-items: center; width: 4.2rem; height: 4.2rem; background: #ffffff; border-radius: 50%; } .termsAndConditions > .tcLanguages > .language > a > .book .arrows svg { width: 1.5rem; height: 1.5rem; transform: translateX(0); transition: all 0.25s ease-in-out; } .termsAndConditions > .tcLanguages > .language > a > .book:hover .arrows svg { transform: translateX(4px); } @media screen and (max-width: 978px) { .termsAndConditions { padding: 10rem; } } @media screen and (max-width: 500px) { .termsAndConditions { padding: 20rem 10rem; } .termsAndConditions h2 { font-size: 7.2rem; } .termsAndConditions h3 { font-size: 5.7rem; } .termsAndConditions > .tcLanguages { flex-direction: column; } .termsAndConditions > .tcLanguages > .language > a > .book { padding: 5rem 7rem 5rem 2rem; gap: 1rem; } .termsAndConditions > .tcLanguages > .language > a > .book .arrows svg { width: 4.5rem; } } @media screen and (max-width: 375px) { .termsAndConditions > .tcLanguages > .language > a > .book { padding: 7rem 30rem 7rem 4rem; } .termsAndConditions > .tcLanguages > .language > a > .book .arrows { width: 8.2rem; height: 7.2rem; } .termsAndConditions > .tcLanguages > .language > a > .book .arrows svg { width: 7.5rem; height: 2.5rem; } }