@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');
@import url('../dist/bootstrap/css/bootstrap.min.css');
:root { --primary-font: 'Poppins', sans-serif, Arial, Helvetica; --gray: #666666; --light-gray: #999999; --light-blue: #e4f4fe; --light-blue-1: #cae8fd; --blue: #3a70ff; }
body { background: url("../images/dtl_bg.png") no-repeat center 120px / 100% var(--light-blue); color: var(--gray); font-family: var(--primary-font); font-weight: 400; overflow-x: hidden; position: relative; }
a { color: var(--bs-blue); }
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { color: /*#AF692A;*/var(--blue); font-family: var(--primary-font); font-weight: 600; text-transform: capitalize; }
h3 { font-size: 20px; }
p, li { color: var(--gray); font: 400 14px/1.5 var(--primary-font); overflow-wrap: break-word; word-wrap: break-word; }

.clearfix { clear: both; margin: 0px; padding: 0px; }

.container { position: relative; }

.navbar { background-color: var(--bs-white); border-bottom: 1px solid var(--light-blue-1); padding-top: 20px; }
.navbar .navbar-nav .nav-link { color: var(--gray); font-size: 16px; font-weight: 600; margin: 0px 0.5rem; text-transform: uppercase; }
.navbar .navbar-nav .nav-link:hover { color: var(--blue); }
.navbar .d-flex { margin-bottom: -30px; }
.dropdown-toggle::after { border: inherit; }
.dropdown-menu { border: inherit; box-shadow: 0px 1px 5px rgba(0, 0, 0, 10%); }
.dropdown-item:focus, .dropdown-item:hover { background-color: var(--light-blue-1); }

.banner { margin: 1% 0px; }

.news { height: 3em; overflow: hidden; position: relative; padding-top:15px;}
.slider { animation: slider 15s linear infinite; box-sizing: border-box; list-style-type: none; position: relative; }
.slider:hover { animation-play-state: paused; }

@keyframes slider { 0% { top:  2em } 100% { top: -14em } }

.footer { border-top: 1px solid rgba(0, 0, 0, 10%); clear: both; color: var(--light-gray); font-size: 12px; margin-top: 40px; padding: 15px 0px 30px; width: 100%; }
.footer .col:last-of-type { text-align: right; }
.footer a { color: var(--blue); }

/*-------------------
    Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
    .col { flex-basis: auto; }
    .navbar { padding-top: 15px; }
    .navbar-brand { max-width: 120px; }
    .navbar-toggler { border: inherit; border-radius: 0; padding: 5px; }
    .navbar .navbar-nav .nav-link { font-size: 14px; margin: 0px; }
    .navbar .navbar-nav .nav-link, .dropdown-item { border-bottom: 1px solid rgba(0, 0, 0, 10%); }
    .navbar .navbar-nav .nav-item:last-child .nav-link { border: inherit; }
    .dropdown-menu { box-shadow: inherit; }
    .navbar .d-flex { position: absolute; right: 60px; max-width: 60px; top: 0px; }
    .footer .col, .footer .col:last-of-type { text-align: center; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h3 { font-size: 18px; }
    .navbar-toggler { border: inherit; border-radius: 0; padding: 5px; }
    .navbar .navbar-nav .nav-link { margin: 0px; }
    .navbar .navbar-nav .nav-link, .dropdown-item { border-bottom: 1px solid rgba(0, 0, 0, 10%); }
    .navbar .navbar-nav .nav-item:last-child .nav-link { border: inherit; }
    .dropdown-menu { box-shadow: inherit; }
    .navbar .d-flex { position: absolute; right: 60px; max-width: 70px; top: 0px; }
}

@media only screen and (min-width: 992px) and (max-width: 1180px) {
    h3 { font-size: 18px; }
}