body {
    font-family: 'Times New Roman', Times, serif;
    margin: 0px !important;
    padding: 0px !important;
}

html {
  scroll-behavior: smooth;
}

section {
  scroll-margin-top: 60px; /* adjust to your navbar height */
}


.bgColor{
    background-color: rgb(247, 195, 7);
    background: linear-gradient(to bottom, rgb(253, 210, 53) 60%, #e09c0a 100%);
}

.navBorder{
    border: .5px solid blue;
    border-radius: 20px;
    padding: 0 20px;
}

.navitemHover:hover {
    background-color: rgb(252, 234, 158)!important;
    border: .5px solid white;
    border-radius: 20px;
    padding: 0 8px;
    transition: all 0.4s ease;
}

.itemHover:hover {
    color: blue !important;
} 

.navFont {
    font-size: 13px;
}

.mainBorder {
    border: 1px solid white;
    border-radius: 10px !important;
}

h1 {
    font-family: 'Ultra', 'Arial';
}

.textAlign {
    text-align: justify;
}

.solid {
    font-weight: bold;
}

.cardButton {
    background-color: rgb(14, 192, 1);
    color: white;
    font-size: 12px !important;
    border: 1px solid rgb(14, 192, 1);
    border-radius: 20px;
}

.cardLayout:hover {
    background-color: rgb(39, 39, 122);
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cardLayout {
    border-radius: 35px;
}

.card1Color{
    background-color: #ffbfbf;
}

.bg-red {
    background-color: rgb(211, 28, 28);
    border-color: rgb(211, 28, 28);
}

.card2Color {
    background-color: rgb(255, 255, 183);
}

.bg-yellow {
    background-color: rgb(236, 197, 0);
    border-color: rgb(236, 197, 0);
}

.card3Color {
    background-color: rgb(173, 247, 173);
}

.bg-green {
    background-color: rgb(14, 192, 1);
    border-color: rgb(14, 192, 1);
}

.card4Color {
    background-color: rgb(139, 255, 255);
}

.bg-cyan {
    background-color: rgb(1, 167, 192);
    border-color: rgb(1, 167, 192);
}

.card5Color {
    background-color: #E5D4FF;
}

.bg-color5 {
    background-color: #ab74ff;
    border-color: #ab74ff; 
}

.card6Color {
    background-color: #FDB7EA;
}

.bg-color6 {
    background-color: #f14dc6;
    border-color: #f14dc6; 
}


.card7Color {
    background-color: #45FFCA;
}

.card8Color {
    background-color: #e0e0e0;
}

.card9Color {
    background-color: #fdf2b0;
}

.card10Color {
    background-color: #a2d2ff;
}

.card11Color {
    background-color: #;
}


.Justify{
    text-align: justify;
}


.miniCard1 {
    background-color: hsl(41, 100%, 75%);
    padding: 3px 0;
}

.miniCard2 {
    background-color: #b8defd;
    padding: 3px 0;
}

.textA {
    text-decoration: none;
    color: black;
    cursor: pointer;
}

.textB a {
    text-decoration: none;
    color: black;
    cursor: default;
}

.bg-black {
    /* background-color: rgb(2, 27, 171); */
    background-color: black;
}

.bg-orange {
    background-color: rgb(255, 129, 3);
}

.scroll {
    border-radius: 1pc solid rgb(255, 129, 3);
    border-radius: 50px;
    padding: 15px 20px;
}

.scrollHover:hover {
    background-color: white;
    color: rgb(255, 129, 3) !important;
    transition: all 0.4s ease;
}

.textD a {
    text-decoration: none;
}

.socialBorder {
    padding: 10px;
    border: 1px solid white;
    border-radius: 30px;
    background-color: white;
}