/*Paragraph Spacing*/
body p {
margin: 0;
padding: 0;
 line-height: 1.2;
}

/*Div Round Corners*/
.roundcorners {
  background-color: white;
  border-radius: 15px;
  color: #2B2B5F;
padding: 3% 10%;
}

/* Div Top Round Corners */
.top-roundcorners {
  background-color: white;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #2B2B5F;
    padding: 3%;
}

/* FAQ */
.faq {
  border: 2px solid white; 
  border-radius: 5px;
  padding: 1%;
}

/* Tablet view (width between 768px and 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    body {
        font-size: 95%; /* Reduces all text sizes to 95% of their original */
    }
}

/* Mobile view (width less than 768px) */
@media (max-width: 768px) {
    body {
        font-size: 90%; /* Reduces all text sizes to 90% of their original */
    }
}

/* Default: Desktop banner */
.custom-banner .desktop-banner {
    display: block;
}

.custom-banner .mobile-banner {
    display: none;
}

.custom-banner .tablet-banner {
    display: none;
}

/* Mobile View: Show mobile banner */
@media (max-width: 480px) {
    .custom-banner .desktop-banner {
        display: none;
    }

    .custom-banner .mobile-banner {
        display: block;
    }
}

/* Tablet Portrait View: Show tablet banner */
@media (min-width: 481px) and (max-width: 1024px) {
    .custom-banner .desktop-banner {
        display: none;
    }

    .custom-banner .mobile-banner {
        display: none;
    }

    .custom-banner .tablet-banner {
        display: block;
    }
}