:root {
    --primary: #174478;
    --secondary: #fec524;
    --light: #F7F7F7;
    --grey: grey;
    --hint: #989898;
}

/* background-color-transparent */
.bg-theme-colored-transparent-9 {
    background-color: rgba(32, 44, 69, 0.9);
}

.bg-theme-colored-transparent-8 {
    background-color: rgba(32, 44, 69, 0.8);
}

.bg-theme-colored-transparent-7 {
    background-color: rgba(32, 44, 69, 0.7);
}

.bg-theme-colored-transparent-6 {
    background-color: rgba(32, 44, 69, 0.6);
}

.bg-theme-colored-transparent-5 {
    background-color: rgba(32, 44, 69, 0.5);
}

.bg-theme-colored-transparent-4 {
    background-color: rgba(32, 44, 69, 0.4);
}

.bg-theme-colored-transparent-3 {
    background-color: rgba(32, 44, 69, 0.3);
}

.bg-theme-colored-transparent-2 {
    background-color: rgba(32, 44, 69, 0.2);
}

.bg-theme-colored-transparent-1 {
    background-color: rgba(32, 44, 69, 0.1);
}

.bg-theme-colored-transparent {
    background-color: rgba(32, 44, 69, 0.75) !important;
}

/*Theme Colored Red Bg-color*/
/* background-theme-color */
.bg-theme-colored {
    background-color: #202C45 !important;
}

.bg-theme-colored-lighter2 {
    background-color: #25334f !important;
}

.bg-theme-colored-lighter3 {
    background-color: #283756 !important;
}

.bg-theme-colored-lighter4 {
    background-color: #2b3c5d !important;
}

.bg-theme-colored-darker2 {
    background-color: #1b253b !important;
}

.bg-theme-colored-darker3 {
    background-color: #182134 !important;
}

.bg-theme-colored-darker4 {
    background-color: #151c2d !important;
}

.text-theme-colored2 {
    color: #0081a1 !important;
}

.text-theme-colored {
    color: var(--primary) !important;
}

/*-------------------------- font weight -----------------------------*/
.fw-600 {
    font-weight: 600;
}

.fw-500 {
    font-weight: 500;
}

/*-------------------------- animation area -----------------------------*/
.anim-hover-effect {
    -webkit-transition: all 120ms ease-in-out 0s;
    -o-transition: all 120ms ease-in-out 0s;
    transition: all 120ms ease-in-out 0s;
}

.anim-hover-effect:hover {
    box-shadow: -3px 4px 14px 0 #ccc;
    margin-top: -10px;
}

/* --------------------bottom-line-after-p---------------------------- */
.bottom-line-after-p p {
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
    color: var(--primary);
}

.bottom-line-after-p p::before {
    content: "";
    position: absolute;
    display: block;
    width: 100px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    /* right: calc(0% - 60px); */
}

.bottom-line-after-p p::after {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: var(--text-theme-colored2);
    bottom: 0;
    right: calc(10px);
}

.bottom-line-after-p p {
    margin-bottom: 0;
}