@charset "utf-8";

:root {
    --background-color: #fff;
    --one-color: #cd1f26;
    --two-color: #fb9217;
    --accent-color: #023b6d;
    --bg-color: #db2828cc;
    --color1: #FE6B02;
    --color2: #f78f40;
    --background-color: #fff;
    --one-color: #cd1f26;
    --two-color: #fb9217;
    --accent-color: #023b6d;
    --bg-color: #db2828cc
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none
}

body {
    color: #333;
    background: #fff
}

ul, ol {
    padding: 0;
    margin: 0
}

.smaller {
    font-size: 90% !important
}

.medium {
    font-size: 100% !important
}

.larger {
    font-size: 110% !important
}

.font-resize {
    color: #ef7f1b !important
}

.font-resize-in {
    background-color: transparent;
    color: #fb9217
}

.search-main {
    float: left;
    list-style: none;
    margin-top: 4px
}

    .search-main label {
        font-weight: 700;
        color: #fff;
        padding-right: 7px;
        padding-top: 3px
    }

    .search-main input {
        border: 1px solid #fff;
        background: #fff;
        padding: 4px 7px;
        margin-bottom: 0;
        height: 25px;
        line-height: 100%;
        float: left;
        border: 1px solid #ddd
    }

    .search-main .btn {
        border: 0 solid #47a9fd;
        color: #000 !important;
        padding: 4px 7px;
        border-radius: 0;
        vertical-align: inherit;
        height: 25px;
        line-height: 100%;
        background: #ffc107
    }

.rightLinks {
    float: right
}

.captionDate {
    float: left;
    padding: 4px;
    color: #000;
    font-size: 13px
}

.d-flex {
    display: flex !important
}

.headerRight {
    height: 36px;
    padding: 4px 0;
    float: left
}

    .headerRight .rightLinks a:visited, .headerRight a {
        color: #fff;
        padding: 5px 9px;
        display: inline-block;
        vertical-align: text-bottom;
        text-decoration: none;
        font-weight: 400;
        line-height: 100%
    }

    .headerRight .search {
        padding: 2px 8px;
        background: #ffca2c !important;
        margin: 0 10px 0 0;
        height: 28px;
        cursor: pointer;
        border-radius: 4px
    }

        .headerRight .search:hover {
            background: #fa9c18
        }

        .headerRight .search img {
            aspect-ratio: 1 /1;
        }

    .headerRight .socialIcon {
        color: #000
    }

    .headerRight a.border-2 {
        border: 1px solid #000
    }

    .headerRight a:hover, .accessibility-menu .active a {
        color: #ffca2c !important
    }

#vlightbox:nth-child(5), #vlightbox:nth-child(9), #vlightbox:nth-child(13), #vlightbox:nth-child(17), #vlightbox:nth-child(21), #vlightbox:nth-child(25), #vlightbox:nth-child(29) {
    clear: both
}

.search-text-1 {
    background: #ffca2c;
    padding: 1px 10px;
    color: #000;
    font-weight: 500;
    border-radius: 3px;
    box-shadow: rgb(129 129 129 / 41%) 1px 1px 1.6px;
}

.search-results h2 {
    margin: 0 0 20px;
}

.result-search a, .result-search a:visited {
    font-weight: 500;
    text-decoration: underline
}

.result-search p {
    border-bottom: 1px dotted #dcdcdc;
    padding-bottom: 7px;
    margin-bottom: 20px;
}

.accessibility-menu {
    margin: 2px 0 0;
    padding: 0;
    font-size: 13px
}

    .accessibility-menu li {
        list-style: none;
        margin: 0;
        display: inline-block
    }

.required {
    position: relative
}

    .required:before {
        content: '*';
        position: absolute;
        color: #dc3545;
        right: -8px;
        font-weight: 400;
        top: -3px
    }

.inner-master .section {
    background: url(../Images/divbg.jpg);
    padding-top: 30px;
    padding-bottom: 40px
}

.section > .container {
    padding: 40px;
    border: 1px solid #ddd;
    border-radius: 20px;
    background: #fff
}

.top-link {
    float: left
}

.bg-warning {
    background: #ffc107
}

.bg-white {
    background: #fff;
    border: 1px solid #000;
    color: #000 !important;
    padding: 1px 7px
}

.bg-dark {
    background: #000;
    border: 1px solid #333;
    color: #fff !important;
    padding: 1px 7px
}

.bg-gray {
    background: #fff;
    border-bottom: 1px solid #c8d8dd
}

.emblem {
    float: right
}

.dep-logo {
    float: left;
    /* margin-right: -34px; */
    /* aspect-ratio: 3 / 2.05; */
    width: 100px;
    position: absolute;
    top: 112px;
    z-index: 99;
    left: 70px;
}

header {
    background: linear-gradient(to right,#041024,#0b2a54,#165a8f);
    background-position: center
}

.topmenu-bg {
    background: #fff
}

.topmenu ul {
    color: #8d969a
}

.topmenu li {
    line-height: normal;
    padding: 7px 6px
}

    .topmenu li:hover {
        color: #fff
    }

    .topmenu li:last-child {
        border-right: none
    }

    .topmenu li a {
        color: #000;
        font-size: 13px
    }

        .topmenu li a:hover {
            text-decoration: none;
            color: #ffc170
        }

    .topmenu li .black {
        background: #000;
        padding: 2px 8px;
        color: #fff;
        border: 1px solid #000
    }

    .topmenu li .white {
        background: #fff;
        padding: 2px 8px;
        color: #000 !important;
        border: 1px solid #ddd
    }

.top-date {
    color: #fff
}

    .top-date p {
        margin: 0
    }

.table th {
    background: #5b9cd6;
    color: #fff;
    vertical-align: top
}

    .table th a, .table th a:visited {
        background: #5b9cd6;
        color: #fff
    }

.videos {
    height: 200px !important;
    margin-bottom: 25px !important
}

.logo-section {
    /* margin: 17px auto; */
    max-width: 1310px
}

.court-heading {
    font-size: 2.2em;
    font-weight: 600;
    color: #fff;
    padding: 16px 0 0;
    text-align: center;
    display: table;
    margin: 0 auto
}

    .court-heading .small {
        color: #fff;
        font-weight: 400;
        line-height: 130%;
        padding: 8px 0 0;
        display: block;
        font-size: .8em !important
    }

.ui-sortable {
    list-style-type: none
}

    .ui-sortable li {
        font-weight: 600;
        padding: 4px 10px;
        display: table;
        border: 1px solid #bccad7;
        clear: both;
        margin-bottom: 9px;
        border-radius: 3px;
        background: #f8fdff;
        color: #0f3b69;
        cursor: pointer
    }

    .ui-sortable input[type=button] {
        color: #fff;
        background-color: #0d6efd !important;
        border-color: #0d6efd;
        padding: 8px 15px;
        border-radius: 5px
    }

.search input {
    border-radius: 0;
    height: 28px
}

.search button {
    border-radius: 0;
    height: 28px;
    background: #FE971E;
    border: none
}

    .search button:hover {
        background: #e28619
    }

.social {
    font-size: 2em;
    margin-left: 10px
}

    .social ul {
        margin: 0
    }

.facebook a {
    color: #00437d
}

.twitter a {
    color: #2CAAE1
}

.youtube a:hover {
    color: #EC5858 !important
}

.blog a:hover {
    color: #E02D28 !important
}

.insta a:hover {
    color: #7d25d4 !important
}

.emblem {
    margin: 0 12px;
    width: 56px;
    aspect-ratio: 2 / 3.46;
    filter: invert(1);
}

.mar-top15 {
    margin-top: 15px
}

.navbar-form {
    margin: 26px 0
}

.section .navbardiv {
    background-color: #ffefef;
    margin-bottom: 12px;
    border-bottom: 1px solid #fb8585
}

.section .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #EC5858
}

.section .nav > li > a:focus, .section .nav > li > a:hover {
    background-color: #fb8585;
    color: #fff
}

.section .navbar-nav > li {
    border-right: 1px solid #f3cfcf
}

iframe.map {
    height: 350px;
    left: 0;
    width: 100%;
    border: 1px dashed #ddd;
    padding: 8px
}

.map-addres {
    background: none repeat scroll 0 0 #ffffffe6;
    width: 80%
}

.btn-outline-primary {
    border: 1px solid #067296;
    color: #067296
}

    .btn-outline-primary:hover {
        background: #067296;
        color: #fff;
        box-shadow: none
    }

.btn-outline-danger {
    border: 1px solid #dc3545;
    color: #dc3545
}

    .btn-outline-danger:hover {
        background: #dc3545;
        color: #fff;
        box-shadow: none
    }

.admin-btn {
    margin-bottom: 15px
}

.btn-danger, .btn-success, .btn-primary, .btn-info {
    color: #fff !important;
    font-size: 14px;
    line-height: 150%
}

.admin-bg section {
    padding: 30px 0 20px;
    min-height: 350px
}

.admin-bg .table th {
    background: #efefef;
    padding: 10px 8px
}

    .admin-bg .table th a, .admin-bg .table th a:visited {
        color: #000
    }

.admin-bg h1 {
    margin: 10px 0 30px;
    border-left: 18px double #e6a227;
    padding: 0 0 0 10px;
    line-height: 22px;
    font-size: 1.8em
}

.admin-bg .panel-body {
    padding: 15px 20px
}

.records {
    border: 1px solid #ccc;
    margin: 20px 0 0;
    padding: 15px
}

    .records ul {
        padding-left: 0
    }

.admin-master .section {
    margin-bottom: 45px
}

.mtop20 {
    margin-top: 20px
}

.mbtm20 {
    margin-bottom: 20px
}

.mtop25 {
    margin-top: 25px
}

.mtop30 {
    margin-top: 30px
}

.mtop32 {
    margin-top: 32px
}

.d-block {
    display: block
}

.no-record {
    clear: both;
    display: table;
    margin: 20px 0;
    border: 1px dashed #ddd;
    padding: 10px;
    font-size: 1.4em;
    color: #c30;
    font-weight: 400;
    border-radius: 5px;
    background: #fbfbfb;
    width: 100%
}

    .no-record img {
        width: 80px;
        float: left
    }

    .no-record p {
        float: left
    }

.login-bg {
    background: #f9f9f9
}

    .login-bg .court-heading {
        color: #333;
        font-size: 2.1em
    }

        .login-bg .court-heading small {
            display: block;
            font-size: 80%
        }

.login {
    background: #fff;
    border: 1px solid #0d6efd;
    margin: 1em auto 3em;
    width: 100%;
    max-width: 410px
}

    .login .title {
        margin: 0 0 15px;
        padding: 13px 15px;
        background: #0d6efd;
        text-align: center;
        font-size: 1.6em;
        color: #fff
    }

.login-pnl {
    padding: 5px 25px 25px;
    overflow: hidden
}

.login .btn {
    display: table;
    margin: 0 auto
}

.forget {
    float: left;
    margin: 8px 0 0 20px
}

.ul {
    list-style-type: none;
    margin: 0 0 10px 15px;
    list-style-position: inside;
    text-indent: -1.6em;
    line-height: 150%;
    padding-left: 0
}

    .ul li {
        padding-left: 20px !important;
        margin-bottom: 12px !important;
        text-align: left
    }

        .ul li ul {
            margin-left: 15px
        }

        .ul li li {
            background: 0 0;
            list-style: circle;
            padding-left: 5px !important
        }

        .ul li:before {
            content: "\f00c";
            font-family: FontAwesome;
            padding-right: 7px;
            color: #EC5858
        }

.ol {
    margin: 0 0 10px 25px;
    list-style-position: inside;
    text-indent: -1.6em;
    line-height: 150%;
    padding-left: 0
}

    .ol li {
        padding-left: 20px !important;
        margin-bottom: 12px !important;
        text-align: left
    }

        .ol li ul {
            margin-left: 15px
        }

        .ol li li {
            background: 0 0;
            list-style: circle;
            padding-left: 5px !important
        }

p {
    margin-bottom: 15px
}

.sitemap {
    clear: both;
    padding-top: 0
}

    .sitemap ul {
        list-style: none
    }

        .sitemap ul li {
            margin: 10px 0
        }

            .sitemap ul li a, .sitemap ul li a:visited {
                font-weight: 700;
                color: #000;
                border-left: 1px solid #D52C26;
                padding: 0 0 0 3px;
                font-size: 1.1em
            }

                .sitemap ul li a:hover, .sitemap ul li a:focus {
                    color: #d9534f
                }

            .sitemap ul li ul {
                width: 100%;
                list-style: none;
                margin-left: 5px
            }

                .sitemap ul li ul li {
                    margin: 0 0 0 20px;
                    clear: both;
                    list-style-type: square;
                    width: 100%
                }

                    .sitemap ul li ul li a {
                        display: inline-block;
                        border-left: 0;
                        color: #333;
                        font-weight: 400;
                        font-size: .9em;
                        padding: 3px 0 0;
                        line-height: 20px
                    }

.photoalbum_index .dl {
    position: relative;
    margin-bottom: 25px;
    display: inline-block; /* width: 23%; */ /* margin-right: 2%; */
}

    .photoalbum_index .dl:nth-child(4), .photoalbum_index .dl:nth-child(8), .photoalbum_index .dl:nth-child(12), .photoalbum_index .dl:nth-child(16), .photoalbum_index .dl:nth-child(20) {
        margin-right: 0%;
    }

    .photoalbum_index .dl img {
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        -ms-transition: all 500ms linear;
        transition: all 500ms linear;
        width: 100%;
        height: 180px;
        border-radius: 10px;
        box-shadow: #00000080 0 4px 7px -3px;
        margin-bottom: 8px
    }

        .photoalbum_index .dl img:hover {
            -webkit-transform: scale(1.03);
            -o-transform: scale(1.03);
            transform: scale(1.03)
        }

    .photoalbum_index .dl label {
        color: #333;
        line-height: 120%;
        font-weight: 400;
        overflow: hidden;
        height: 30px;
        text-align: center;
        font-weight: 600;
        font-size: .95em
    }

#photoalbum {
    margin: 0;
    padding: 0;
    clear: both
}

    #photoalbum a {
        color: #fff;
        display: block;
        margin-bottom: 20px
    }

    #photoalbum img {
        margin: 0;
        height: 190px;
        width: 100%;
        opacity: .9;
        width: 100%;
        max-height: 180px;
        border-radius: 8px;
        margin-bottom: 7px;
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        -ms-transition: all 500ms linear;
        transition: all 500ms linear;
        border: 1px solid #ddd
    }

        #photoalbum img:hover {
            opacity: .9;
            -webkit-transform: scale(1.03);
            -o-transform: scale(1.03);
            transform: scale(1.03)
        }

    #photoalbum label {
        z-index: 1;
        padding: 0;
        left: 0;
        display: block;
        font-weight: 400;
        font-size: .95em;
        text-align: left;
        line-height: 150%;
        color: #067296;
        font-weight: 600;
        text-align: center
    }

.checkboxs-admin input[type="checkbox"] {
    float: left
}

.checkboxs-admin label {
    float: left;
    font-weight: 400;
    margin-right: 10px;
    font-size: 90%
}

.checkboxs input[type="checkbox"] {
    float: left
}

.checkboxs label {
    float: left;
    margin-right: 10px
}

.captchas #captcha img {
    border: 1px solid #e2e2e2;
    height: 60px;
    float: left;
    margin-right: 7px
}

.captchas #captcha p {
    margin: 0
}

.captchas #captcha br {
    display: none
}

.captchas #captcha input[type="text"] {
    padding: 10px;
    font-weight: 400;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: none;
    height: auto;
    min-width: 260px;
    margin-left: 8px;
    margin-right: 8px
}

.captcha-icon {
    font-size: 3.8em;
    font-weight: 700;
    color: #59e116;
    padding: 0;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 5px
}

.validation-summary-errors {
    color: red
}

.captcha-ban input[type="text"] {
    margin-left: 0;
    margin-right: 0;
    float: right !important
}

.w-25 {
    width: 25%
}

.navbar {
    min-height: 38px;
    margin-bottom: 0px;
    /* position: absolute; */
    /* top: 0; */
    /* width: 100%; */
    border: none;
    /* z-index: 9; */
}

.navbar-nav {
    float: none;
    margin: 0 auto;
    display: table
}

.navbar-default {
    background-color: #3cb4dc;
    border: none;
    border-radius: 0;
    z-index: 999;
    margin-bottom: 0;
    border-radius: 0px 0px 50px 50px;
}

.navbar-collapse {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.navbar-default .navbar-nav > li > a {
    color: #FFF;
    padding: 10px 9px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #bb3d3d;
    border-color: #FE971E;
    border-radius: 0
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #b0e465 !important;
    background-color: #15568a;
    border-color: #FE971E;
    border-radius: 0
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #b0e465 !important;
    background-color: #15568a !important
}

.dropdown-menu {
    background: linear-gradient(to right,#041024,#0b2a54,#165a8f);
    color: #fff;
    margin: -1px 0 0 -1px !important;
    padding: 0;
    z-index: 9
}

    .dropdown-menu > li > a {
        color: #fff;
        font-size: .95em;
        padding: 10px 15px
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            color: #b0e465 !important;
            text-decoration: none;
            background-color: #0003
        }

.navbar-nav > li:last-child {
    border-right: none
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color: #93D0F4;
    border-radius: 0
}

.dropdown-submenu {
    position: relative
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #fff;
        margin-top: 5px;
        margin-right: -10px
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff
    }

    .dropdown-submenu.pull-left {
        float: none
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px
        }

.submenu-active > a {
    background-color: #5bc0de;
    color: #fff
}

.modern-ticker {
    width: 100%;
    height: 40px;
    line-height: 30px;
    font-size: 17px;
    overflow: hidden;
    font-size: 1.2em
}

    .modern-ticker a {
        text-decoration: none
    }

    .modern-ticker ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

.mt-round {
    border-radius: 0
}

.mt-body {
    margin: 0;
    position: relative;
    background: #e7e7e7
}

.mt-label {
    margin-right: 0;
    padding: 0;
    position: absolute;
    left: 0;
    font-weight: 700;
    padding: 5px 10px;
    line-height: 100%
}

    .mt-label img {
        margin-top: 7px
    }

.mt-round .mt-label {
    border-radius: 0 0 0 0
}

.mt-news {
    overflow: hidden;
    position: absolute
}

    .mt-news ul {
        background-repeat: no-repeat;
        background-position: -1000px;
        width: 100%
    }

    .mt-news li {
        float: left;
        font-weight: 400;
        font-size: 95%;
        background: #f1f1f1;
        color: #000
    }

.mt-round .mt-news:first-child, .mt-round .mt-news:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.mt-round .mt-news:last-child, .mt-round .mt-news:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.mt-scroll.mt-round .mt-news a {
    border-radius: 0;
    padding: 4px 7px;
    line-height: 100%;
    display: block;
    border-radius: 3px;
    color: black;
    font-size: 14px;
    background: #ffc107;
}

.mt-hide {
    display: none
}

.mt-controls {
    margin-left: 2px;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    background-position: -1000px
}

.mt-next, .mt-play, .mt-prev {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    cursor: pointer
}

.mt-round .mt-next {
    border-radius: 0
}

.ticker-title {
    padding: 5px 9px;
    color: #fff;
    font-weight: 700;
    background: #f58634;
    text-transform: uppercase
}

.mt-prev {
    background-image: url(../images/arrow-prev.png)
}

.mt-next {
    background-image: url(../images/arrow-next.png)
}

.mt-play {
    background-color: #606061;
    background-image: url(../images/play.png)
}

.mt-pause {
    background-image: url(../images/pause.png)
}

.mt-next, .mt-prev, .mt-play, .mt-pause {
    background-color: #606061
}

    .mt-next:hover, .mt-play:hover, .mt-prev:hover {
        background-color: #005fa8
    }

.modern-ticker {
    color: #f5f5f5;
    background-color: #dedede
}

.mt-label {
    background-color: #067296
}

.mt-preloader {
    background: url(../images/preloader.html) no-repeat center
}

.mt-news a {
    color: #505050
}

    .mt-news a:hover {
        color: #fafafa;
        background-color: #09f;
        border-color: #f20
    }

    .mt-news a:active {
        background-color: #07f
    }

.mt-controls {
    background-image: url(../images/pause.png)
}

.mt-next, .mt-prev {
    background-color: #067296
}

.mt-prev {
    background-image: url(../images/arrow-prev.png)
}

.mt-next {
    background-image: url(../images/arrow-next.png)
}

.mt-play {
    background-color: #067296;
    background-image: url(../images/play.png)
}

.mt-pause {
    background-image: url(../images/pause.png)
}

.mt-next:hover, .mt-play:hover, .mt-prev:hover {
    background-color: #005fa8
}

.mt-next:active, .mt-play:active, .mt-prev:active {
    background-color: #f40
}

.latest-news {
    background-color: #958a77;
    border-color: #756b5a;
    clear: both
}

.newsbox {
    clear: both
}

.mt-label .news-more {
    font-size: 70%;
    font-weight: 400;
    clear: both;
    display: block;
    float: none;
    color: #fffbfb;
    line-height: 120%
}

.more-news {
    display: inline-block !important
}

.form-control-01 input {
    display: block;
    width: 100%;
    padding: 10px;
    font-weight: 400;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: none;
    height: auto
}

.form-control-01 textarea {
    display: block;
    width: 100%;
    padding: 10px;
    font-weight: 400;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: none;
    height: auto
}

.second-title {
    padding-bottom: 0;
    position: relative;
    text-align: center;
    width: 100%;
    line-height: 34px
}

.welcome-section {
    padding: 15px 0
}

.second-title h2 {
    padding-bottom: 8px;
    color: #e26262
}

.second-title p {
    color: #848384
}

.latest-news li {
    margin-left: 25px
}

    .latest-news li b {
        color: #308dae;
        font-weight: 400
    }

    .latest-news li::before {
        color: hsl(2,64%,58%);
        content: "";
        font-family: "FontAwesome";
        margin: 0 3px 0 0;
        display: inline-block;
        padding: 0;
        color: #ffc107;
        font-size: .7em;
        font-weight: 400
    }

.more-gallery {
    padding: 8px;
    background: #E5F5FF;
    text-align: center;
    font-size: 1.2em;
    color: #2883AD
}

.content-section .media-body p {
    padding: 17px 0 0;
    margin: 0
}

.carousel-fade .carousel-inner .item {
    opacity: .3;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in
}

    .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1
    }

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    line-height: 1;
    aspect-ratio: 4 / .99;
}

.carousel-fade .carousel-control {
    z-index: 2
}

.carousel-caption {
    background-color: #00000080;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 0 0 10px 20px;
    color: #fff;
    text-align: left
}

.carousel-indicators {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 15;
    margin: 0;
    padding: 0 25px 15px 0
}

.carousel-control .fa-chevron-left {
    top: 50%;
    position: absolute;
    font-size: 1em;
    background: #000;
    padding: 12px 13px 10px 11px;
    margin-top: -20px;
    left: 50px
}

.carousel-control .fa-chevron-right {
    top: 50%;
    position: absolute;
    font-size: 1em;
    background: #000;
    padding: 12px 11px 10px 13px;
    margin-top: -20px;
    right: 60px
}

.carousel {
    /* position: relative; */
    /* margin: 10px 0; */
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.666666666667%;
    color: #fff
}

    .header-text h2 {
        font-size: 40px
    }

        .header-text h2 span {
            background-color: #2980b9;
            padding: 10px
        }

    .header-text h3 span {
        background-color: #000;
        padding: 15px
    }

.btn-min-block {
    min-width: 170px;
    line-height: 26px
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px
}

    .btn-theme:hover {
        background-color: #fff;
        border-color: #fff
    }

.camera:hover::before {
    color: #fff;
    content: "\f030";
    float: left;
    font-family: "FontAwesome";
    font-size: 50px;
    left: 110px;
    position: absolute;
    cursor: pointer;
    top: 80px
}

.video:hover::before {
    color: #fff;
    content: "\f01d";
    float: left;
    font-family: "FontAwesome";
    font-size: 75px;
    left: 110px;
    position: absolute;
    cursor: pointer;
    top: 80px
}

.camera a img, .video a img {
    width: 100%
}

.camera a, .video a {
    background: #004060;
    display: block
}

.camera:hover img, .video:hover img {
    opacity: .5
}

.main-content h1 {
    color: #004c94
}

h2 {
    font-size: 1.35em;
    color: #067296;
    margin: 0 0 12px;
    font-weight: 600;
}

h3 {
    font-size: 1.1em;
    margin-bottom: 10px
}

.carousel .carousel-control {
    width: 100px
}

.home-content {
    margin-top: -100px;
    position: relative
}

.text-sizer a {
    margin: 0 0 0 8px
}

footer {
    background: linear-gradient(to right,#041024,#0b2a54,#165a8f);
    width: 100%;
    padding: 38px 0px 0;
}

.breadcrumbDiv {
    color: #333;
    height: 33px;
    font-size: 90%;
    display: inline-block;
    float: right
}

.breadcrumbHeading {
    float: left;
    line-height: 14px;
    color: #333;
    margin-top: 2px;
    font-size: .85em;
    padding-right: 5px
}

.breadcrumb {
    float: left;
    background-color: transparent;
    padding: 4px 0;
    margin-right: 15px;
    margin-top: 20px
}

    .breadcrumb li {
        float: left;
        color: #333;
        white-space: nowrap
    }

        .breadcrumb li b {
            color: #333;
            font-weight: 600
        }

        .breadcrumb li a, .breadcrumb li a:visited {
            padding: 0;
            color: #333
        }

            .breadcrumb li a:hover, .breadcrumb li a:focus, .print a:hover, .print a:focus {
                color: #fff;
                background: #0d6efd
            }

    .breadcrumb > li + li:before {
        padding: 0 2px;
        color: #333;
        content: "/\00a0"
    }

.print {
    float: right;
    display: inline-block;
    margin-top: 11px
}

    .print li {
        padding: 5px 0;
        list-style: none;
        font-style: italic
    }

    .print a, .print a:visited {
        font-style: italic
    }

.section h1, h1 {
    font-size: 1.65em;
    color: #067296;
    margin-bottom: 20px;
    font-weight: 600;
    display: inline-block;
    float: left
}

.admin-panel {
    padding: 30px;
    background: #fff;
    box-shadow: 0 2px 2px 0 #736ccb3b;
    border: 1px solid #efefef;
    border-radius: 6px;
    margin-bottom: 37px
}

.section .min-height {
    min-height: 450px
}

    .section .min-height p {
        text-align: justify
    }

.profile-pic {
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 5px;
    float: left;
    border-radius: 10px;
    padding-top: 5px;
    background: #fff;
    box-shadow: #00000080 0 5px 6px -6px;
    max-width: 224px
}

.timeline {
    list-style: none;
    padding: 20px 0;
    position: relative
}

    .timeline .ul {
        list-style-type: none;
        margin: 0 0 10px 5px
    }

        .timeline .ul li:before {
            content: "\f006";
            font-family: FontAwesome;
            padding-right: 7px;
            color: #ec9e23
        }

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 10px;
        background-color: #e7edf5;
        left: 50%;
        margin-left: -5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative
    }

    .timeline .info {
        padding: 0
    }

    .timeline > li:before, .timeline > li:after {
        content: " ";
        display: table
    }

    .timeline > li:after {
        clear: both
    }

    .timeline > li:before, .timeline > li:after {
        content: " ";
        display: table
    }

    .timeline > li:after {
        clear: both
    }

    .timeline > li > .timeline-panel {
        width: 45%;
        float: left;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 20px;
        position: relative;
        -moz-box-shadow: 0 1px 6px #9696962d;
        z-index: 101;
        border-radius: 15px;
        border-bottom: 4px solid #ddd
    }

        .timeline > li > .timeline-panel:before {
            position: absolute;
            top: 36px;
            right: -15px;
            display: inline-block;
            border-top: 15px solid transparent;
            border-left: 15px solid #eaeaea;
            border-right: 0 solid #eaeaea;
            border-bottom: 15px solid transparent;
            content: " "
        }

        .timeline > li > .timeline-panel:after {
            position: absolute;
            top: 37px;
            right: -14px;
            display: inline-block;
            border-top: 14px solid transparent;
            border-left: 14px solid #fff;
            border-right: 0 solid #fff;
            border-bottom: 14px solid transparent;
            content: " "
        }

    .timeline > li > .timeline-badge {
        color: #fff;
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 20px;
        text-align: center;
        position: absolute;
        top: 20px;
        left: 50%;
        margin-left: -35px;
        background-color: #9972b5;
        z-index: 100;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%
    }

        .timeline > li > .timeline-badge i {
            font-size: 28px
        }

    .timeline > li.timeline-inverted > .timeline-panel {
        float: right
    }

        .timeline > li.timeline-inverted > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto
        }

        .timeline > li.timeline-inverted > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto
        }

.timeline-badge.primary {
    background-color: #1fb5ac !important
}

.timeline-badge.success {
    background-color: #66bd78ff !important
}

.timeline-badge.warning {
    background-color: #FDB45C !important
}

.timeline-badge.danger {
    background-color: #f05050ff !important
}

.timeline-badge.info {
    background-color: #23b7e5ff !important
}

.timeline-title {
    margin-top: 0;
    color: inherit
}

.timeline-body > p, .timeline-body > ul {
    margin-bottom: 0
}

    .timeline-body > p + p {
        margin-top: 5px
    }
/*Timeline 2*/
.timeline-2 {
    width: 100%
}

.timeline-item h2 {
    margin: 0;
    font-size: 1.2em
}

.timeline-2.timeline-one .timeline-item {
    position: relative;
    width: 50%;
    margin-left: 50%;
    padding-bottom: 2.75rem;
    padding-left: 2.75rem;
    text-align: left;
    box-sizing: border-box
}

    .timeline-2.timeline-one .timeline-item p {
        text-align: left;
        font-style: italic;
    }

@media (max-width: 767.98px) {
    .timeline-2.timeline-one .timeline-item {
        width: 100%;
        margin-left: 0
    }
}

.timeline-2.timeline-one .timeline-item img {
    max-width: 160px;
    border: 1px solid #ddd;
    padding: 6px;
    border-radius: 2px;
    margin-bottom: 8px;
}

.timeline-2.timeline-one .timeline-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    margin-top: .425rem;
    margin-left: -.65rem;
    border: 2px solid #dde1ed;
    border-radius: 50%
}

.timeline-2.timeline-one .timeline-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: -.1875rem;
    width: 2px;
    margin-top: 1.875rem;
    margin-left: -.0625rem;
    background-color: #dde1ed
}

.timeline-2.timeline-one .timeline-item:nth-child(2n+1) {
    margin-left: 0;
    padding-right: 2.75rem;
    padding-left: 0;
    text-align: right;
    box-sizing: border-box
}

    .timeline-2.timeline-one .timeline-item:nth-child(2n+1) p {
        text-align: right;
        font-style: italic;
    }

@media (max-width: 767.98px) {
    .timeline-2.timeline-one .timeline-item:nth-child(2n+1) {
        padding-right: 0;
        padding-left: 2.75rem;
        text-align: left
    }

        .timeline-2.timeline-one .timeline-item:nth-child(2n+1) p {
            text-align: left
        }
}

.timeline-2.timeline-one .timeline-item:nth-child(2n+1):before, .timeline-2.timeline-one .timeline-item:nth-child(2n+1):after {
    right: 0;
    left: auto
}

@media (max-width: 767.98px) {
    .timeline-2.timeline-one .timeline-item:nth-child(2n+1):before, .timeline-2.timeline-one .timeline-item:nth-child(2n+1):after {
        right: auto;
        left: 0
    }
}

.timeline-2.timeline-one .timeline-item:nth-child(2n+1):before {
    margin-right: -.5rem
}

.timeline-2.timeline-one .timeline-item:nth-child(2n+1):after {
    margin-right: -.0625rem
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    text-align: center;
    line-height: 30px;
    background: #496fab;
    color: #FFF;
    cursor: pointer;
    border: 1px solid #4d82d5;
    border-radius: 0;
    text-decoration: none;
    transition: opacity .2s ease-out;
    opacity: 0;
    font-size: 33px;
    line-height: 100%;
    width: 44px;
    height: 42px
}

    #back-to-top:hover {
        background: #24528d
    }

    #back-to-top.show {
        opacity: 1
    }

#back-top span {
    width: 38px;
    height: 40px;
    display: block;
    margin-bottom: 7px;
    background: url(../images/go-to-top.html) no-repeat 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    transition: 300ms
}

#back-top a:hover span {
    background-position: 0 -40px
}

h2.widget-title {
    color: #fff;
    font-size: 1.5em;
    padding-bottom: 20px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600
}

    h2.widget-title span {
        color: #b0e465
    }

.menu-quick-link-content ul li {
    display: block;
    list-style: none;
    position: relative;
    z-index: 1;
    padding-left: 15px
}

    .menu-quick-link-content ul li:before {
        position: absolute;
        z-index: 1;
        content: "";
        top: 14px;
        left: -6px;
        width: 10px;
        height: 1px;
        border-radius: 50%;
        background: #fff
    }

    .menu-quick-link-content ul li a {
        display: inline-block;
        color: #fff;
        font-weight: 500;
        padding: 0 0 7px;
        transition: .5s;
        background-image: linear-gradient(to right,#b0e465,#b0e465,50%,#fff 50%);
        background-size: 200% 100%;
        background-position: 100%;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text
    }

        .menu-quick-link-content ul li a:hover {
            background-position: 0%,100%;
            padding-left: 3px
        }

.footer-recent-post {
    margin-bottom: 24px
}

    .footer-recent-post ul {
        padding-left: 10px
    }

        .footer-recent-post ul li {
            display: block;
            list-style: none;
            position: relative;
            z-index: 1;
            padding-left: 15px
        }

            .footer-recent-post ul li:before {
                position: absolute;
                z-index: 1;
                content: "";
                top: 11px;
                left: -6px;
                width: 10px;
                height: 1px;
                border-radius: 50%;
                background: #fff
            }

            .footer-recent-post ul li a {
                display: inline-block;
                color: #fff;
                font-weight: 500;
                padding: 0 0 7px;
                transition: .5s;
                background-image: linear-gradient(to right,#b0e465,#b0e465,50%,#fff 50%);
                background-size: 200% 100%;
                background-position: 100%;
                -webkit-text-fill-color: transparent;
                -webkit-background-clip: text
            }

                .footer-recent-post ul li a:hover {
                    background-position: 0%,100%;
                    padding-left: 3px
                }

.footer-socail-icon {
    float: left;
    margin-right: 20px
}

    .footer-socail-icon i {
        display: inline-block;
        font-size: 26px;
        color: #d00a2b
    }

.footer-socail-info p {
    padding: 0;
    color: #fff;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    padding: 0 0 7px 9px;
    transition: .5s;
    background-image: linear-gradient(to right,#b0e465,#b0e465,50%,#fff 50%);
    background-size: 200% 100%;
    background-position: 100%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

    .footer-socail-info p:before {
        position: absolute;
        z-index: 1;
        content: "";
        top: 11px;
        left: -6px;
        width: 10px;
        height: 1px;
        border-radius: 50%;
        background: #fff
    }

    .footer-socail-info p:hover {
        background-position: 0%,100%;
        padding-left: 12px
    }

.footer-socail-info2 p {
    color: #fff;
    text-align: left;
    padding: 0
}

.footer-bottom-content {
    padding-top: 22px
}

.row.footer-bottom {
    border-top: 1px solid #b0e465; /* margin-top:30px; */
}

.footer-bottom-content-copy p {
    color: #fff
}

.footer-bottom-content-copy a, .footer-bottom-content-copy a:visited, .footer-bottom-content-copy span {
    color: #b0e465
}

.footer-bottom-menu p {
    color: #fff;
    padding: 20px 0 0
}

.implinks div {
    padding: 8px 10px;
    background: #fffdf8;
    border: #e0d6bf solid 1px;
    margin: 10px 0 0
}

    .implinks div:hover {
        background: #e9e9d3
    }

#footer .corner {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 15px 0 0;
    border-color: #7d91d4 transparent transparent;
    position: absolute;
    top: -18px;
    left: 15px
}

.bottomLinkicons li {
    padding: 5px 0;
    font-weight: 700
}

    .bottomLinkicons li img {
        padding-right: 10px
    }

#gotowebsite p {
    margin-bottom: 0;
    line-height: 170%;
    font-size: 1.1em
}

#gotowebsite img {
    width: 60px;
    margin-right: 15px;
    float: left
}

#gotowebsite .modal-footer {
    padding: 0 15px 10px;
    border-top: 0
}

.btn-warning {
    color: #000
}

.btn-danger {
    background: #dc3545;
    border: 1px solid #dc3545
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-theme1 {
    background: #067296;
    border-color: #067296;
    color: #fff
}

    .btn-theme1:hover, .btn-theme1:focus {
        background: #344a68;
        color: #fff !important
    }

.btn-outline-theme {
    border-color: #067296;
    color: #067296
}

    .btn-outline-theme:hover, .btn-outline-theme:focus {
        background: #344a68;
        color: #fff !important
    }

.btn {
    padding: 8px 15px
}

h1.about {
    color: #067296;
    font-size: 2em;
    font-weight: 700
}

    h1.about:before {
        margin: 0 15px 10px 0
    }

    h1.about:after {
        margin: 0 0 10px 15px
    }

    h1.about:before, h1.about:after {
        content: "";
        width: 50px;
        height: 2px;
        background: #067296;
        display: inline-block
    }

h2.about {
    color: #067296;
    font-size: 2em;
    font-weight: 700
}

    h2.about:before {
        margin: 0 15px 10px 0
    }

    h2.about:after {
        margin: 0 0 10px 15px
    }

    h2.about:before, h2.about:after {
        content: "";
        width: 50px;
        height: 2px;
        background: #067296;
        display: inline-block
    }

.white-bg {
    background: #fff
}

.sky-bg {
    background: #e2ecf7
}

.serviceBox {
    color: var(--color1);
    font-family: 'Poppins',sans-serif;
    text-align: center;
    padding: 12px 20px 35px;
    position: relative;
    z-index: 1
}

    .serviceBox:before {
        content: "";
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 3px 10px #00000080 0 20px 0 var(--color1);
        position: absolute;
        left: 0;
        top: 53px;
        right: 0;
        bottom: 20px;
        z-index: -1
    }

    .serviceBox .service-icon {
        background: #fff;
        font-size: 35px;
        line-height: 80px;
        width: 80px;
        height: 80px;
        margin: 0 auto 20px;
        border-radius: 50%;
        box-shadow: 0 0 15px #0006;
        position: relative
    }

        .serviceBox .service-icon i {
            line-height: inherit
        }

        .serviceBox .service-icon:before, .serviceBox .service-icon:after {
            content: "";
            background: linear-gradient(to top,transparent 49%,var(--color1) 50%);
            border-radius: 50%;
            position: absolute;
            top: -12px;
            left: -12px;
            bottom: -12px;
            right: -12px;
            z-index: -1
        }

        .serviceBox .service-icon:after {
            background: var(--color2);
            height: 12px;
            width: 150px;
            border-radius: 0;
            transform: translateX(-50%);
            top: 29px;
            left: 50%;
            right: auto;
            bottom: auto;
            z-index: -2
        }

    .serviceBox .title {
        font-size: 1.7em;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 10px;
        font-weight: 500
    }

    .serviceBox .description {
        color: #666;
        font-size: 13px;
        line-height: 23px
    }

    .serviceBox.blue {
        --color1: #272171;
        --color2: #64639F
    }

        .serviceBox.blue .title {
            color: #272171
        }

    .serviceBox.yellow {
        --color1: #FFB103;
        --color2: #F1C149
    }

        .serviceBox.yellow .title {
            color: #FFB103
        }

    .serviceBox.magenta {
        --color1: #E51F47;
        --color2: #DA617A
    }

        .serviceBox.magenta .title {
            color: E51F47
        }

.owl-carousel .item img {
    display: block;
    width: 100%;
    height: 115px;
    border-radius: 0;
    box-shadow: 0 4px 10px #0003;
    cursor: pointer
}

.owl-nav button {
    background-color: #067296 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    font-size: 18px;
    box-shadow: 0 4px 10px #0003
}

    .owl-nav button:hover {
        background-color: #0056b3 !important
    }

.owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background: #0d6efd;
    border-radius: 50%;
    margin: 5px;
    transition: all .3s ease
}

.owl-dots .owl-dot.active span {
    background: #0056b3;
    transform: scale(1.2)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    border: 10px solid #067296
}

.cards-wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch
}

.card {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 10px #0000001a;
    transition: transform .3s ease
}

    .card:hover {
        transform: translateY(-5px)
    }

.card-img-top {
    height: 200px;
    object-fit: cover
}

.btn-read-more {
    background-color: #0d6efd;
    color: #fff;
    padding: 8px 16px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    transition: background-color .3s ease
}

    .btn-read-more:hover {
        background-color: #0056b3;
        color: #fff
    }

.clients {
    text-align: center
}

    .clients .col-lg-2 {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .clients img {
        height: 70px;
        transition: all .4s ease-in-out;
        display: inline-block;
        padding: 10px 0
    }

        .clients img:hover {
            filter: none;
            transform: scale(1.1)
        }

.social-icons .text-primary, .social-icons .text-info, .social-icons .text-danger, .social-icons .text-purple, .social-icons .text-warning {
    font-size: 2.3em
}

.text-primary {
    color: #0d6efd
}

.text-info {
    color: #0dcaf0
}

.text-danger {
    color: #dc3545
}

.text-purple {
    color: #ca3acb
}

.text-warning {
    color: #d3a10a
}

.fs-2 {
    font-size: 1.5em
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.d-none {
    display: none !important
}

.blackbg {
    background: #00000090;
    content: "";
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100vh;
    display: none;
    overflow: hidden;
    z-index: 99999
}

.searchfilter {
    display: none;
    position: fixed;
    z-index: 999999;
    margin: 0 auto;
    width: 900px;
    left: 0;
    right: 0;
    background: #000;
    top: 10em
}

    .searchfilter input.form-control {
        font-size: 16px !important;
        padding: 10px !important;
        border-radius: 0;
        border: 1px solid #ddd !important;
        height: auto
    }

    .searchfilter .btn {
        padding: 10px 20px;
        margin: 0;
        border-radius: 0;
        border: 0;
        background: #ffca2c;
        text-transform: uppercase;
        font-weight: 600
    }

        .searchfilter .btn:hover, .searchfilter .btn:focus {
            border: 0;
            background: #dfac13
        }

    .searchfilter form {
        display: flex
    }

.form-control {
    display: block;
    width: 100%;
    padding: 10px;
    font-weight: 400;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: none;
    height: auto
}

#captcha img {
    border: 1px solid #e2e2e2;
    height: 60px
}

#captcha p {
    margin: 15px 0 0
}

label {
    font-weight: 600
}

.fw-bold {
    font-weight: 700 !important
}

.video-youtube {
    width: 100%;
    min-height: 180px;
    margin-bottom: 25px;
    border-radius: 7px;
    box-shadow: #faebd7;
    box-shadow: #3c40434d 0 1px 2px 0px,#3c404326 0 2px 6px 2px
}

.admin-master header .logo-section {
    margin: 5px auto
}

@media (max-width:1390px) {
    .navbar .container-fluid {
        padding-left: 0;
        padding-left: 0
    }

    .caret {
        margin-right: -4px
    }
}

@media (min-width: 768px) {
    .d-md-inline-block {
        display: inline-block !important
    }
}

@media (max-width:992px) {
    .topmenu .container {
        width: 100%
    }
}

@media (max-width:768px) {
    .rightLinks {
        text-align: center;
    }

    .navbar {
        background-color: #3cb4dc;
    }

    .key-main {
        background: #fff;
        margin: 15px 0
    }

        .key-main img {
            position: inherit;
            max-width: 60px;
            margin-right: 15px;
            float: left;
            margin-left: 15px
        }

        .key-main .key-person {
            background: #fff;
            padding: 0;
            text-align: left;
            position: inherit;
            width: auto;
            float: left
        }

    .key-person h2 {
        font-size: 1.1em;
        line-height: 20px;
        color: #000;
        margin: 0 0 5px;
        padding: 0;
        text-align: left
    }

    .key-person p {
        padding: 0;
        color: #3f82c4
    }

    .carousel-caption {
        padding: 0 0 0 10px
    }

    .carousel-indicators {
        padding: 0 10px 5px 0;
        text-align: right
    }

    .carousel-control.left, .carousel-control.right {
        background-image: none
    }

    .timeline > li > .timeline-badge {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 15px;
        left: 50%;
        margin-left: -26px;
        z-index: 999
    }

    .timeline > li > .timeline-panel {
        padding: 10px;
        border-radius: 6px
    }

    .search-main, .hidden-xs {
        display: none
    }

    .court-heading {
        font-size: 1.2em;
        padding: 5px 0 0
    }

        .court-heading .small {
            line-height: 150%;
            padding: 0;
            font-size: .8em
        }

    .arrow_box {
        padding: 5px
    }

    .modern-ticker {
        font-size: 13px;
        height: 35px
    }

    .mticker-news {
        width: 66% !important
    }

        .mticker-news li {
            left: 20px;
            padding: 6px 0 0 21px;
            font-size: 13px;
            color: #fff
        }

    .bs-flipper, .front {
        height: 150px;
        margin: 20px 0;
        padding: 0 30px
    }

    .back {
        height: 150px;
        margin: 20px 0;
        padding: 10px 30px
    }

    .choose-icon.bg-second img {
        width: 48px
    }

    .text h3 {
        min-height: inherit;
        font-size: 1.1em;
        line-height: 150%;
        margin: 5px 0 0
    }

    .bs-flipper:last-child {
        margin-bottom: 30px
    }

    .impdiv {
        margin-top: 36px
    }

    footer .bottomLink {
        margin: 0 0 19px 18px
    }

    .logosimp .col-md-4 {
        margin-bottom: 15px
    }

    footer .copyrightFooter {
        padding: 0
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #dce9f3;
        font-size: 90%
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:before {
            content: "\f0da";
            font-family: FontAwesome;
            margin-right: 7px
        }

    .dropdown-menu {
        padding-left: 8px
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff
    }

    .navbar-nav .open .dropdown-menu {
        background-color: #e04e4e
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: #15568a;
        border-color: #15568a
    }

    .navbar-collapse {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .navbar-toggle {
        margin: 5px
    }

    .navbar-default .navbar-toggle {
        border-color: #fff;
        border-radius: 0
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #fff
        }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #098ab5;
            border: 1px solid #319dc1
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #114575
    }

    .navbar-default .navbar-nav > li > a {
        color: #FFF;
        font-size: .9em;
        padding: 10px 15px
    }

    .navbar-nav > li {
        border-right: 0 solid #ef8585;
        border-bottom: #114575 1px solid
    }

    .navbar-nav {
        margin: 7.5px 0 0;
        display: block
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }

    .breadcrumbDiv {
        display: none
    }

    .section h1 {
        font-size: 1.6em
    }

    h2 {
        font-size: 1.2em
    }

    h3 {
        font-size: 1em
    }

    .logo-section {
        margin: 0px auto;
    }

    .headerRight .search, .captionDate {
        display: none !important
    }

    .dep-logo {
        width: 75px;
        margin: 0 0 0 -10px;
        position: unset;
    }

    .emblem {
        /* margin: 0 0 0 5px; */
        width: 46px;
        margin-top: 8px;
    }

    .mt-label {
        margin-right: 0;
        padding: 0;
        font-weight: 600;
        padding: 5px;
        line-height: 123%;
        height: 40px
    }

    .main-content-section .medium.container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .mt-next, .mt-play, .mt-prev {
        width: 33px;
        height: 35px
    }

    .mt-label .news-more {
        margin-top: 0;
        line-height: 100%
    }

    .carousel {
        margin: 0
    }

    .banner.medium .container-fluid {
        padding: 0
    }

    .carousel-control .fa-chevron-left {
        font-size: .9em;
        background: #0006;
        padding: 10px;
        margin-top: -17px;
        left: 10px;
        border-radius: 5px
    }

    .carousel-control .fa-chevron-right {
        font-size: .9em;
        background: #0006;
        padding: 10px;
        margin-top: -17px;
        right: 10px;
        border-radius: 5px
    }

    h2.about:before, h2.about:after {
        width: 20px
    }

    h2.about {
        font-size: 1.6em;
        font-weight: 600
    }

    .about + p {
        text-align: justify;
        margin-bottom: 15px
    }

    .owl-carousel .item img {
        max-height: 220px
    }

    .sky-bg.pt-5 {
        padding-top: 1.5rem !important
    }

    .sky-bg.pb-5 {
        padding-bottom: 1.5rem !important
    }

    .white-bg.pt-5 {
        padding-top: 1.5rem !important
    }

    .gallery-slider-area.pb-5, .white-bg.pb-5 {
        padding-bottom: 1.5rem !important
    }

    footer {
        padding: 20px 0 0
    }

    h2.widget-title {
        font-size: 1.2em;
        padding-bottom: 5px;
        font-weight: 600
    }

    .social-icons {
        margin-bottom: 24px
    }

    .footer-inner {
        margin-left: 25px
    }

    .footer-bottom-content {
        padding-top: 15px
    }

    .row.footer-bottom {
        margin-top: 15px;
        text-align: center;
    }

    .footer-bottom-content-copy p {
        font-size: .95em;
        line-height: 130%
    }

    .widget.widget-nav-menu {
        padding-left: 0
    }

    #back-to-top {
        bottom: 70px;
        right: 10px
    }

    .inner-master .section {
        padding-top: 0;
        padding-bottom: 0
    }

    .section > .container {
        padding: 20px;
        border: 0 solid #ddd;
        border-radius: 0;
        background: #fff
    }

    .section .min-height {
        min-height: 150px
    }

    .footer-bottom-content-copy {
        padding: 0 15px
    }

    .min-height p {
        text-align: justify
    }

    .section h1, h1 {
        font-size: 1.6em;
        margin: 15px 0
    }

    .social-icons {
        margin-bottom: 30px
    }
}

@media (max-width:480px) {
    .mticker-news {
        width: 50% !important
    }

    .headerRight .search, .captionDate {
        display: none !important
    }
}

@media print {
    @page {
        margin: 20px 50px
    }

    a[href]:after {
        content: "("attr(href)")";
        content: none !important
    }

    body, .headerLeft, .bg-gray {
        background: #fff
    }

    header {
        border-bottom: 3px solid #333;
        margin-bottom: 12px;
        height: 90px
    }

    .court-heading {
        font-size: 2em;
        padding: 10px 0 0;
        text-align: center
    }

    .emblem {
        margin: 0;
        width: 44px
    }

    .dep-logo {
        width: 100px;
        margin-left: 0
    }

    .section h1, h1 {
        padding: 5px 0 0;
        clear: both;
        line-height: 150%;
        margin: 0 0 15px;
        color: #000 !important;
        font-weight: 600 !important;
        font-size: 1.7em !important;
        position: inherit !important
    }

    h2 {
        padding: 0;
        line-height: 150%;
        margin: 0 0 15px;
        color: #000 !important;
        font-size: 1.4em !important;
        font-weight: 500
    }

    h3 {
        font-weight: 700;
        font-size: 1.2em;
        color: #000
    }

    h4 {
        font-weight: 700;
        font-size: 1em;
        color: #000
    }

    p {
        margin-bottom: 15px
    }

    .borderTop {
        position: relative !important;
        border-top: 0
    }

    .content {
        text-align: justify
    }

    .section .inner-bg {
        border-top: 0 solid #e89143;
        padding: 0
    }

    .navbar-brand {
        float: left;
        padding: 15px;
        font-size: 18px;
        line-height: 20px
    }

    .pull-left {
        float: left !important
    }

    .site-inner .container .p-3 {
        padding: 0
    }

    .container .pt-md-5 {
        padding: 0
    }

    .table {
        width: 100% !important;
        margin-bottom: 20px !important;
        color: #000 !important
    }

        .table th, .table-bordered th {
            color: #000 !important;
            border: 1px solid #000 !important;
            font-weight: 700 !important;
            background: #fff;
            vertical-align: top !important
        }

    .table-bordered td {
        border: 1px solid #000 !important
    }

    .col-lg-3 {
        width: 25% !important;
        float: left !important;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-sm-6 {
        width: 50%;
        float: left
    }

    .btn {
        float: left !important
    }

    .container {
        padding: 0
    }

    footer p {
        margin-bottom: 10px;
        text-align: center
    }

    footer .mx-3 {
        text-align: center !important;
        padding-top: 15px !important;
        margin: 0 auto
    }

    .site-master {
        padding-top: 0
    }

    .bg-gray {
        background: transparent !important;
        border-bottom: 0 solid #ddd !important
    }

    .page-header {
        width: 100%
    }

    .headPart .justify-content-end {
        display: none !important
    }

    .headPart .page-header {
        display: block !important
    }

    .headPart.d-md-flex {
        display: block !important
    }

    .breadcrumb li, .breadcrumb-item, .breadcrumb, .headerRight, .breadcrumb, .breadcrumb, .navbar, footer, .innerHeadImg, .print, .topmenu, footer, .footer_container .list-inline, .bottomLink, .breadcrumbDiv, .subheader, #back-to-top {
        display: none !important
    }

    .site-master {
        text-align: justify !important
    }

    .ul, .pdf {
        list-style-type: none;
        margin: 0 0 20px 10px;
        line-height: 140%;
        padding-inline-start: 0
    }

        .ul li:before {
            content: "\f260";
            color: #e05f5f;
            position: absolute;
            left: 0;
            font-family: FontAwesome
        }

        .ul li, .pdf li {
            padding-left: 23px !important;
            margin-bottom: 10px !important;
            text-align: left;
            position: relative;
            line-height: 140%;
            position: relative
        }

            .ul li ul {
                margin-left: 15px
            }

            .ul li li {
                background: 0 0;
                list-style: circle;
                padding-left: 5px !important
            }

            .pdf li:before {
                content: "\f1c1";
                color: #e05f5f;
                position: absolute;
                left: 0;
                font-family: FontAwesome
            }

    .pdf-icon {
        padding-left: 20px !important;
        position: relative;
        line-height: 150%
    }

        .pdf-icon:before {
            content: "\f1c1";
            color: #f10b0b;
            position: absolute;
            left: 0;
            font-family: FontAwesome
        }

    .excel-icon {
        padding-left: 20px !important;
        position: relative;
        line-height: 150%
    }

        .excel-icon:before {
            content: "\f1c3";
            color: #1fa67a;
            position: absolute;
            left: 0;
            font-family: FontAwesome
        }

    .inner-master .section {
        padding-top: 0;
        padding-bottom: 0
    }

    .section > .container {
        padding: 0;
        border: 0 solid #ddd;
        border-radius: 0;
        margin-bottom: 0;
        text-align: justify
    }

    .col-sm-8, .col-sm-6, .col-sm-4, .col-sm-3 {
        float: left !important;
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .col-sm-6 {
        width: 50% !important
    }

    .col-sm-4 {
        width: 33.33333333% !important
    }

    .col-sm-3 {
        width: 25% !important
    }

    .col-sm-8 {
        width: 66.66666667% !important
    }

    .col-lg-2 {
        width: 16.66666667% !important
    }

    .mt-4 {
        margin-top: 1.5rem !important
    }

    .bg-theme2-border, .form-control {
        border: 1px solid #333
    }

    .form-control {
        padding: 8px 10px
    }

    .text-center {
        text-align: center
    }

    .btn {
        border: 1px solid #333 !important;
        color: #000 !important;
        display: inline-block !important;
        float: left !important;
        margin-right: 7px
    }

    .ul {
        list-style-type: none;
        margin: 0 0 10px 15px;
        list-style-position: inside;
        text-indent: -1.6em;
        line-height: 150%;
        padding-left: 0
    }

        .ul li {
            padding-left: 20px !important;
            margin-bottom: 12px !important;
            text-align: left
        }

            .ul li ul {
                margin-left: 15px
            }

            .ul li li {
                background: 0 0;
                list-style: circle;
                padding-left: 5px !important
            }

            .ul li:before {
                content: "\f00c";
                font-family: FontAwesome;
                padding-right: 7px;
                color: #EC5858
            }

    .ol {
        margin: 0 0 10px 25px;
        list-style-position: inside;
        text-indent: -1.6em;
        line-height: 150%;
        padding-left: 0
    }

        .ol li {
            padding-left: 20px !important;
            margin-bottom: 12px !important;
            text-align: left
        }

            .ol li ul {
                margin-left: 15px
            }

            .ol li li {
                background: 0 0;
                list-style: circle;
                padding-left: 5px !important
            }

    p {
        margin-bottom: 15px
    }

    .timeline .ul {
        margin: 0 0 10px 15px
    }

    .timeline > li > .timeline-badge {
        width: 100%;
        font-weight: 700;
        height: auto;
        line-height: 150%;
        font-size: 1.5em;
        position: inherit;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        top: auto;
        left: auto;
        margin-bottom: 0
    }

    .timeline > li.timeline-inverted > .timeline-panel {
        float: left !important
    }

    .timeline > li > .timeline-panel {
        width: 100%;
        border-radius: 0;
        border: 0;
        border-bottom: 1px dotted #999;
        margin-bottom: 20px
    }

    .timeline {
        padding: 0
    }

    .ticker1 {
        margin-top: 5px
    }

    .serviceBox, .ticker1 {
        border: 1px solid #333
    }

    .mt-label {
        border-right: 1px solid #333
    }

    h2.about:before, h2.about:after {
        display: none
    }

    .owl-carousel .owl-item {
        border: 5px solid #333
    }

    .owl-nav {
        display: none
    }
}

.menu-bar {
    position: relative;
}

.slider {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    background: #1e62a2;
    padding: 20px 0;
    border-radius: 15px 15px 0 0;
}

    .slider img {
        height: 60px;
        width: auto;
        object-fit: contain;
        border-radius: 15px
    }

.slider1 {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    background: #1e62a2;
    padding: 20px 0;
    /*border-radius: 0 0 15px 15px;*/
    border-radius: 15px;
}

    .slider1 img {
        height: 60px;
        width: auto;
        object-fit: contain;
        border-radius: 15px
    }

.customer-logos .slick-track {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 20px;
    transform: none !important;
    width: auto !important;
}

.customer-logos .slick-slide {
    width: auto !important;
    float: none !important;
}

.customer-logos img {
    max-height: 60px;
    width: auto;
}

/* Loader CSS */
.loader-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.9);
    z-index: 99999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dot-loader {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #10406e;
    animation: pulse 0.8s infinite alternate;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.4;
    }

    100% {
        transform: scale(2);
        opacity: 1;
    }
}

.loader-text {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #10406e;
}