/* ------- reset for inject ------- */
.html_content p, .html_content > p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ------- general ------- */
.cursor-pointer {
    cursor: pointer;
}

.gap-top {
    margin-top: 80px;
}

.gap-top-padding {
    padding-top: 80px;
}

.main-content {
    min-height: 100vh;
}

.gt-bg-primary {
    background-color: #1D3649;
}

.gt-bg-secondary {
    background-color: #F4D93C;
}

.gt-bg-gray {
    background-color: #6c757d;
}

.gt-bg-white {
    background-color: #ffffff;
}

.gt-text-primary {
    color: #1D3649;
}

.gt-text-secondary {
    color: #F4D93C;
}

.gt-text-gray {
    color: #6c757d;
}

.gt-text-white {
    color: #ffffff;
}

.gt-btn-primary {
    background-color: #073A54;
    color: #eeeeee;
    text-decoration: none;
}

.gt-btn-primary:hover {
    background-color: #105274;
    color: #eeeeee;
}

.gt-btn-secondary {
    background-color: #F4D93C;
    color: #000;
    text-decoration: none;
}

.gt-btn-secondary:hover {
    background-color: #dbc234;
}

/*--- Navbar Styles ---*/
.mainNavbar.navbar {
    text-transform: none;
}

.mainNavbar .navbar-nav + .navbar-nav {
    margin-top: -5px; /* gap between rows */
    color: #eee;
}

.mainNavbar .nav-link {
    color: #eee;
    margin-left: 10px;
}

.mainNavbar .nav-link:hover {
    color: #df4e4e;
}

.custom-link-hover:hover {
    color: #df4e4e;
    cursor: pointer;
}

.second-nav {
    color: #eee;
    border-top: 1px solid #c7c7c7;
}

/*--- slider Styles ---*/
.carousel-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.custom-slider-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

/*--- Mega Search Styles ---*/
.mega-search label {
    text-transform: uppercase;
    color: #eee;
}

.mega-search input {
    background: #1D3649;
    color: #eee;
    border: 1px solid #ccc;
}

.mega-search input:focus {
    background: #0e5c83;
    color: #eee;
    border: 1px solid #ccc;
}

.mega-search button {
    border: none;
    text-transform: uppercase;
}

/* ------- hover effect ------- */
.hover-effect {
    transition: transform 0.3s ease, font-size 0.3s ease;
}

.hover-effect:hover {
    transform: translateY(-2px) scale(1.02);
    cursor: pointer;
}

/* ------- google-translate ------- */
.gtranslate_wrapper select {
    background: #1d3649;
    color: #eeeeee;
    border: none;
    border-radius: 3px;
    padding: 0;
    width: 80px;
}