body {

margin: 0;

padding-top: 50px;

}


.header {

position: fixed;

color: #75ff00;

top: 0;

left: 0;

width: 100%;

background: black;

box-sizing: border-box;

display: flex;

justify-content: space-between;

z-index: 1000;

}


.brand-name {

display: flex;

width: 150px;

height: 50px;

background: black;

border: 1px solid black;

margin: 0;

justify-content: center;

align-items: center;

font-weight: bold;

font-family: 'Poppins', sans-serif;

font-weight: 800;

font-style: italic;

}


.menu-box {

width: 400px;

height: 50px;

background-color: black;

border: 1px solid black;

display: flex;

align-items: center;

justify-content: space-between;

margin-left: auto;

}


.menu-box a {

text-decoration: none;

color: #75ff00;

font-weight: bold;

display: block;

padding-top: 0px;

padding-right: 5px;

padding-left: 5px;

}


.menu-box a:hover {

background-color: white;

color: black;

}


.menu {

display: none;

}


.menu-icon {

display: none;

}


.menu ul {

list-style: none;

padding: 0;

margin: 0;

}


.menu li {

padding: 15px;

border-bottom: 1px solid #666;

}


.menu a {

color: #75ff00;

text-decoration: none;

}


input[type="checkbox"] {

display: none;

}


@media (max-width: 767px) {

.menu-box {

display: none;

}


.header {

justify-content: center;

}


.menu {

position: fixed;

top: 0;

left: -200px;

width: 200px;

height: 100%;

background: black;

padding-top: 60px;

transition: left 0.3s ease;

z-index: 1002;

display: block;

font-weight: bold;

}


.menu-icon {

position: fixed;

top: 10px;

left: 20px;

color: #75ff00;

font-size: 24px;

cursor: pointer;

z-index: 1003;

display: block;

font-weight: bold;

}


input[type="checkbox"]:checked + .menu {

left: 0;

}

}


.terms-and-conditions {

background: black;

padding-bottom: 30px;

}


.terms-and-conditions h1{

color: #75ff00;

text-align: center;

font-size: 34px;

margin: 0px;

padding-right: 25px;

padding-left: 25px;

padding-top: 30px;

font-family: 'Poppins', sans-serif;

font-weight: 800;

font-style: italic;

}


.terms-and-conditions h2{

color: #75ff00;

margin: 0px;

font-size: 32px;

padding-right: 25px;

padding-left: 25px;

font-family: 'Inter', sans-serif;

font-weight: 400;

font-style: italic;

}


.terms-and-conditions p{

color: #75ff00;

margin: 0px;

font-size: 30px;

padding-top: 15px;

padding-bottom: 15px;

padding-right: 25px;

padding-left: 25px;

font-family: 'Inter', sans-serif;

font-weight: 100;

font-style: italic;

}


@media (min-width: 1px) and (max-width: 444px) {

.terms-and-conditions p {

font-size: 18px;

padding-right: 15px;

padding-left: 15px;

}


.terms-and-conditions h2 {

font-size: 20px;

padding-right: 15px;

padding-left: 15px;

}


.terms-and-conditions h1 {

font-size: 22px;

padding-right: 15px;

padding-left: 15px;

}

}


@media (min-width: 444px) and (max-width: 575px) {

.terms-and-conditions p {

font-size: 20px;

padding-right: 15px;

padding-left: 15px;

}


.terms-and-conditions h2 {

font-size: 22px;

padding-right: 15px;

padding-left: 15px;

}


.terms-and-conditions h1 {

font-size: 24px;

padding-right: 15px;

padding-left: 15px;

}

}


@media (min-width: 575px) and (max-width: 706px) {

.terms-and-conditions p {

font-size: 22px;

padding-right: 15px;

padding-left: 15px;

}


.terms-and-conditions h2 {

font-size: 24px;

padding-right: 15px;

padding-left: 15px;

}


.terms-and-conditions h1 {

font-size: 26px;

padding-right: 15px;

padding-left: 15px;

}

}


@media (min-width: 706px) and (max-width: 837px) {

.terms-and-conditions p {

font-size: 24px;

}


.terms-and-conditions h2 {

font-size: 26px;

}


.terms-and-conditions h1 {

font-size: 28px;

}

}


@media (min-width: 837px) and (max-width: 1027px) {

.terms-and-conditions p {

font-size: 26px;

}


.terms-and-conditions h2 {

font-size: 28px;

}


.terms-and-conditions h1 {

font-size: 30px;

}

}


@media (min-width: 1027px) and (max-width: 1223px) {

.terms-and-conditions p {

font-size: 28px;

}


.terms-and-conditions h2 {

font-size: 30px;

}


.terms-and-conditions h1 {

font-size: 32px;

}

}


.line {

position: relative;

width: 100%;

height: 7px;

background-color: #75ff00;

animation: expandline 1s ease-in-out infinite;

}


@keyframes expandline {

0% {

width: 0;

left: 50%;

}

50% {

width: 100%;

left: 0;

}

100% {

width: 100%;

left: 0;

}

}


.footer {

background: black;

}


.footer-start {

display: flex;

}


.brand-name-footer {

margin: 0px;

font-size: 30px;

color: #75ff00;

padding-left: 25px;

padding-top: 25px;

font-family: 'Poppins', sans-serif;

font-weight: 800;

font-style: italic;

}


.social-icons i {

font-size: 40px;

color: #75ff00;

transition: color 0.3s ease;

}


.social-icons i:hover {

color: #1da1f2;

}


.social-icons {

padding-top: 25px;

padding-right: 25px;

width: 400px;

display: flex;

align-items: center;

justify-content: space-between;

margin-left: auto;

}


.brand-tagline p {

margin: 0px;

font-size: 30px;

color: #75ff00;

padding-left: 25px;

padding-top: 25px;

padding-right: 25px;

font-family: 'Inter', sans-serif;

font-weight: 400;

font-style: italic;

}


.footer-links {

font-size: 20px;

padding-top: 45px;

padding-left: 25px;

padding-right: 25px;

color: #75ff00;

display: flex;

align-items: center;

justify-content: space-between;

}


.footer-links a {

text-decoration: none;

color: #75ff00;

font-weight: bold;

}


.footer-links a:hover {

background-color: white;

color: black;

}


.copyright {

padding-top: 45px;

padding-bottom: 10px;

text-align: center;

color: #75ff00;

padding-right: 25px;

padding-left: 25px;

font-family: 'Poppins', sans-serif;

font-weight: 800;

font-style: italic;

}


.copyright p {

margin: 0px;

}


@media (max-width: 767px) {

.footer-start {

flex-direction: row;

align-items: center;

justify-content: space-between;

padding-left: 15px;

padding-top: 15px;

}


.brand-name-footer {

font-size: 24px;

padding-left: 0;

padding-top: 0;

}


.social-icons {

flex-direction: row;

align-items: center;

width: auto;

margin-left: auto;

padding-right: 15px;

padding-top: 0;

}


.social-icons i {

font-size: 30px;

margin-left: 10px;

}


.brand-tagline p {

font-size: 16px;

padding-left: 15px;

padding-top: 10px;

padding-right: 15px;

}


.footer-links {

flex-direction: column;

padding-top: 20px;

padding-left: 0;

padding-right: 0;

align-items: center;

justify-content: center;

}


.footer-links a {

font-size: 18px;

padding-top: 10px;

padding-bottom: 10px;

text-align: center;

}


.copyright {

font-size: 14px;

padding-top: 20px;

padding-bottom: 20px;

padding-right: 15px;

padding-left: 15px;

}

}