.text-color-dark{
    color: #153B65;
}

.text-center{
    text-align: center;
}

.text-small{
    font-size: 16px;
    line-height: 21px;
}

.text-large{
    font-size: 18px;
    line-height: 24px;
}

.text-xlarge{
    font-size: 24px;
    line-height: 30px;
}

.gap-5{
    gap: 5px;
}

.gap-10{
    gap: 10px;
}

.gap-15{
    gap: 15px;
}

.gap-20{
    gap: 20px;
}

.gap-30{
    gap: 30px;
}

.gap-40{
    gap: 40px;
}

.gap-50{
    gap: 50px;
}

.gap-60{
    gap: 60px;
}

.gap-70{
    gap: 70px;
}

.gap-80{
    gap: 80px;
}

.w-80{
    width: 80%;
}

.weight-500{
    font-weight: 500;
}

.weight-600{
    font-weight: 600;
}

.flex{
    display: flex;
}

.flex-column{
    flex-direction: column;
}

.flex-row{
    flex-direction: row;
}

.flex-wrap{
    flex-wrap: wrap;
}

.justify-center{
    justify-content: center;
}

.justify-space-between{
    justify-content: space-between;
}

.justify-end{
    justify-content: flex-end;
}

.align-center{
    align-items: center;
}

.fullheight-section{
    min-height: calc(100vh - 210px);
}

.rotate-180{
    transform: rotate(180deg);
}

.link{
    text-decoration: none;
    color: #153B65;
}

.pointer{
    cursor: pointer;
}

.break-word{
    word-break: break-word;
}

@media only screen and (max-width: 425px) {
    .text-xlarge{
        font-size: 18px;
        line-height: 26px;
    }
    .text-large{
        font-size: 14px;
        line-height: 22px;
    }
    .text-small{
        font-size: 12px;
        line-height: 20px;
    }
  
    .gap-10{
        gap: 5px;
    }
    .gap-15{
        gap: 10px;
    }
    .gap-20{
        gap: 15px;
    }
    .gap-30{
        gap: 20px;
    }
    .gap-40{
        gap: 30px;
    }
    .gap-50{
        gap: 40px;
    }
    .gap-60{
        gap: 50px;
    }
    .gap-70{
        gap: 60px;
    }
    .gap-80{
        gap: 70px;
    }
}

@media (min-width: 426px) and (max-width: 768px) {
    .text-xlarge{
        font-size: 20px;
        line-height: 26px;
    }
    .text-large{
        font-size: 16px;
        line-height: 22px;
    }
    .text-small{
        font-size: 14px;
        line-height: 20px;
    }

}
