/*
============== background Color====================
*/
.btn-text,
.dark-bg,
.hover-bg:hover,
figure.effect-zoe figcaption,
.menu:after,
.top-bar-section,
.icons-hover-black i:hover,
.footer-style-2:before,
.main-banner .more-btn,
.tparrows.tp-leftarrow:hover,
.tparrows.tp-rightarrow:hover,
.overlay-before:before,
#testimonial .client-pic,
.pagination-nav ul li.active a,
.pagination-nav ul li:hover a,
.sidebar-widget .widget-tag li a:hover,
.item-nav .item-prev .prev-btn,
.item-nav .item-next .next-btn,
.item-nav .item-prev:hover .prev-btn,
.item-nav .item-next:hover .next-btn,
.faq .collape-plus,
.blog-post .post-more-link:hover .btn-color-line,
.blog-date,
.ui-input-group .input-bar:before,
.ui-input-group .input-bar:after,
.ui-input-group .input-bar:before,
.ui-input-group .input-bar:after,
.newsletter .newsletter-btn,
#preloader,
.btn-text,
.nf-carousel-theme .owl-controls .owl-nav .owl-prev,
.nf-carousel-theme .owl-controls .owl-nav .owl-next,
#testimonial .owl-dot.active,
.line-btn:hover,
.line-btn.active {
  background: #0a4cab;
}

.top-btn:hover,
.header-1 .icons-hover-black i:hover {
  background: #1893b9;
}

.ui-timeline .tl-item .tl-body .tl-entry .btn-primary {
  background-color: #337ab7 !important;
  /* border-color: #0a4cab !important; */
}

.page-signin .body-inner:before {
  background-color: #0a4cab;
}

/*
============== Text Color====================
*/
.color,
.btn-text:hover,
.top-social-icon a.btn:hover,
.header-2 .top-bar-section.top-bar-bg-color a:hover,
.call-us ul li a:hover,
.star i,
.pagination-nav ul li a,
.sidebar-widget ul li a:hover,
.widget-tag li a,
.item-nav .item-prev .prev-btn,
.item-nav .item-next .next-btn,
.big-font i,
.post-meta span > a > i,
.lead-point li,
.blog-post .fa-tag,
.color-primary,
a.color-primary,
.ui-input-group > input:focus ~ label,
.ui-input-group > textarea:focus ~ label,
.custom-check:before,
.contact .icon-circle,
.mapmarker .ion-ios-location,
.chooose-box strong i,
.color,
.single-sidebar-widget .special-links li:hover a,
.single-sidebar-widget .special-links li a.active,
.single-sidebar-widget .special-links li a.active:after {
  color: #0a4cab;
}

.widget-tag li a {
  color: #0a4cab !important;
}

/*
============== Border Color====================
*/
.btn-text,
.v-line,
.menu,
.tparrows.tp-leftarrow:hover,
.tparrows.tp-rightarrow:hover,
.pagination-nav ul li a,
.widget-search input[type="text"]:focus,
.blog-post-hr input[type="text"]:focus,
.blog-post-hr textarea:focus,
.widget-tag li a,
.client-avtar,
.custom-check,
.contact-form input[type="text"]:focus,
.contact-form textarea:focus,
.contact .icon-circle,
.btn-text,
#testimonial .client-pic,
#testimonial .owl-dot,
.single-sidebar-widget .special-links li a:before,
.line-btn:hover,
.line-btn.active {
  border-color: #0a4cab;
}

.owl-prev,
.owl-next,
figure.effect-zoe p.description {
  background-color: #91daf1;
  background-color: #0a4cab;
}

@media (min-width: 768px) {
#header .row {
  display: flex;
  align-items: center;
}

.navigation {
  display: block !important;
}

.logo {
  width: 300px;
}

.footer-menu ul {
  display: flex;
  justify-content: center;
}

.footer-menu ul li {
  padding: 20px 40px;
  padding-left: 0;
  font-size: 15px;
}

.footer-menu ul li a {
  color: #7f7f7f;
  font-weight: bold;
}

.items {
  padding: 0 5px;
}

.typing {
  width: 35ch;
  animation: typing 3s steps(31), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  font-size: 2em;
}

@keyframes typing {
  from {
    width: 0
  }
}

@keyframes blink {
  50% {
    border-color: transparent
  }
}
}

@media (max-width: 768px) {
.logo {
  width: 200px;
  margin: 0 10px;
}

.footer-menu {
  display: none;
}

.gall_row .col-gn-4 {
  width:100%
}
}
.banner-slide img {width: 100%;height: calc(100vh - 100px);/*object-fit: cover;*/}