.val-error {
    color: red !important;
    font-size: 0.93333rem;
    font-weight: normal;
    margin: 5px 0 0 0;
}

.alert-close {
    position: absolute;
    right: 12px;
    top: 7px;
    background: none;
    border: none;
    font-size: 20px;
    font-weight: 700;
}

.margin-top-cls {
    margin-top: 10px;
}

.alert-padding {
    width: 500px;
    text-align: left;
    margin: 0 auto;
}

p {
    color: #000;
    line-height: 1.8em
}

.site-footer .copyright-info p {
    color: #fff;
}

.error-box {
    padding: 45px 0px;
}

.error-page .access-denied-body {
    margin: 0px 0px 0px 30px;
}

.error-page .error-img {
    width: 400px;
    margin: 0 auto;
}

.error-page .link-img {
    width: 350px;
    margin: 0 auto;
}

.error-page h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
}

.error-page .sub-titl {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #717475;
}

.error-page .btn-theme {
    background: #005589;
    border-radius: 8px;
    color: #fff;
}

    .error-page .btn-theme:hover,
    .error-page .btn-theme:focus {
        background: rgba(0, 85, 137, 0.8);
        border-radius: 8px;
        color: #fff;
    }

.section-padding {
    padding: 60px 0 20px;
}

.contact-pg-content-padding {
    padding: 25px 0;
}

.header-style-3 .contact-info-s2 p, .header-style-3 .contact-info-s2 span {
    color: #00152a;
    margin: 0;
}

.header-style-3 .topbar {
    background-color: #fff;
    padding: 28px 0;
    position: relative;
    z-index: 99999;
}

.page-title {
    background: url(/img/common-banner.jpg) center center/cover no-repeat local;
}

    .page-title:before {
        background-color: rgba(0, 0, 0, 0.5);
    }

.header-style-3 .contact-info-s2 .icon .fi:before {
    color: #2E3192;
}

.home-about .section-title-s3 p {
    text-align: left;
}

.home-about .section-title-s3 {
    margin: 0px 0px;
}

.home-about .mb-50 {
    margin: 0px 0px 50px;
}

.my-account {
    position: absolute;
    right: 0;
    top: 8%;
    color: #fff;
}

    .my-account ul li {
        font-size: 16px;
        line-height: 25px;
        color: #fff;
    }

.login-btn {
    padding: 12px 35px;
}

    .login-btn:after {
        display: none;
    }

.custom-dropdown {
    cursor: pointer;
}

    .custom-dropdown a {
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        font-weight: 500;
        padding: 12px 35px;
    }

        .custom-dropdown a:after {
            display: none;
        }

    .custom-dropdown .dropdown-menu {
        background: #012a52;
        width: 220px;
        right: 0;
        position: absolute;
        left: unset;
        top: 100%;
        margin: 0px 0px;
        padding: 0px 0px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

        .custom-dropdown .dropdown-menu a {
            display: block;
            padding: 10px 10px;
            border-bottom: 1px solid #013466;
            font-size: 16px;
            font-weight: 500;
            color: #fff;
        }

.border-top {
    border-top: 2px solid #fdd415;
}

.btn-cancel {
    background-color: #717475 !important;
}

.btn-view {
    background-color: #0a0a23 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled i, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled i:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled i:active {
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button i {
    color: #000;
}

div.dataTables_wrapper div.dataTables_info {
    display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled i, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled i:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled i:active {
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button i {
    color: #000;
}

div.dataTables_wrapper div.dataTables_info {
    display: none;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: unset;
    border-top: 1px solid #ddd;
}

/* Style the dropdown select */
.dropdown-select {
    padding: 8px;
    font-size: 16px;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    width: 100%;
}

    /* Apply styles to the select when focused */
    .dropdown-select:focus {
        outline: none !important;
        border-color: #007bff !important;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
    }


/* Hide the default checkbox */
.styled-checkbox {
    display: none;
}

/* Style the label containing the checkbox */
.checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
}

/* Create the checkmark element */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee !important;
    border: 1px solid #ccc !important;
}

/* Style the checkmark when the checkbox is checked */
.styled-checkbox:checked + .checkmark {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

/* Add the checkmark icon */
.checkmark:after {
    content: "\2713";
    display: none;
    position: absolute;
    top: 4px;
    left: 6px;
    color: white;
}

/* Show the checkmark icon when the checkbox is checked */
.styled-checkbox:checked + .checkmark:after {
    display: block;
}

/* Style the label when hovering over it */
.checkbox:hover {
    opacity: 0.8;
}

.contact-section form label, .contact-pg-content form label {
    color: #000;
    text-transform: none;
}



@media (max-width: 992px) {
    .my-account {
        display: none;
    }
}