:root {
  --primary-color: #FDBB03;
  --secondary-color: #13548C;
  --heading-color: #10263f;
  --font-color: #536172;
  --bg-color: #ffffff;
  --bg-grey: #f4f8fb;
  --bg-light: rgba(253, 187, 3, 0.13);
  --card-bg: #ffffff;
  --border-color-light: rgba(19, 84, 140, 0.12);
  --border-radius: 8px;
  --border-radius-full: 999px;
}

html,
body {
  background: #f4f8fb;
  color: var(--font-color);
}

body {
  overflow-x: hidden;
}

a {
  color: var(--secondary-color);
}

a:hover {
  color: #0d3c66;
}

p {
  color: var(--font-color);
  opacity: 1;
}

.title-small {
  color: var(--secondary-color);
  letter-spacing: 0;
}

.title-big,
.title-left,
.title-toobig,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  letter-spacing: 0;
}

.btn,
.btn-style,
.btn-white {
  border-radius: 8px;
  box-shadow: none;
}

.btn-style {
  padding: 12px 28px;
}

.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: #10263f;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background: #e7a900;
  border-color: #e7a900;
  color: #10263f;
  box-shadow: 0 12px 24px rgba(253, 187, 3, 0.25);
}

.btn-outline-light {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.7);
}

.btn-outline-light:hover,
.btn-outline-light:focus {
  background: #ffffff;
  border-color: #ffffff;
  color: var(--secondary-color);
}

#site-header {
  background: rgb(255 255 255);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 10px 30px rgba(12, 40, 64, 0.14);
  backdrop-filter: blur(12px);
}

#site-header.nav-fixed {
  background: rgb(255 255 255);
  box-shadow: 0 12px 35px rgba(16, 38, 63, 0.12);
}

.navbar {
  padding: 10px 0;
}

/*.navbar .navbar-brand {
  background: #ffffff;
  border-radius: 8px;
  padding: 5px 12px;
  box-shadow: 0 10px 24px rgba(8, 34, 58, 0.12);
}*/

.navbar .navbar-brand img,
.navbar-brand img {
  display: block;
  height: auto !important;
  max-height: 56px;
  width: auto;
  object-fit: contain;
}

.navbar-expand-lg .navbar-nav .nav-item {
  padding: 0 4px;
}

.navbar-expand-lg .navbar-nav .nav-link {
  color: rgb(19 84 140);
  font-size: 15px;
  font-weight: 700;
  padding: 10px 14px;
  border-radius: 8px;
}

.navbar-expand-lg .navbar-nav .active > .nav-link,
.navbar-expand-lg .navbar-nav .nav-link.active,
.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link:focus {
  background: rgb(19 84 140);
  color: #ffffff;
}

.nav-fixed .navbar-expand-lg .navbar-nav .nav-link {
  color: rgb(19 84 140);
}

.nav-fixed .navbar-expand-lg .navbar-nav li.nav-item.active .nav-link,
.nav-fixed .navbar-expand-lg .navbar-nav li.nav-item .nav-link:hover {
  background: rgb(19 84 140);
  color: #ffffff;
}

.navbar-toggler-icon.fa {
  background: var(--primary-color);
  color: var(--secondary-color);
  border-radius: 8px;
}

.navbar-collapse {
  border-radius: 8px;
}

.w3l-main-slider .banner-view,
.inner-banner,
.w3l-stats,
.w3l-forms-9 {
  background:
    radial-gradient(circle at 82% 12%, rgba(253, 187, 3, 0.32), transparent 28%),
    linear-gradient(135deg, #13548C 0%, #0d3c66 58%, #0a2948 100%);
}

.w3l-main-slider .banner-view {
  min-height: 720px;
  padding: 130px 0 80px;
}

.w3l-main-slider .banner-info {
  margin-top: 0;
  margin-bottom: 0;
}

.w3l-main-slider .banner-info-bg h5 {
  color: #ffffff;
  font-size: 50px;
  line-height: 1.08;
  font-weight: 700;
}

.w3l-main-slider .banner-info-bg p {
  color: rgba(255, 255, 255, 0.86);
  font-size: 17px;
  line-height: 29px;
  max-width: 700px;
}

.w3l-main-slider .slider-info a img,
.radius-image-curve,
.radius-image {
  border-radius: 8px;
}

.w3l-main-slider .slider-info a img {
  filter: drop-shadow(0 28px 45px rgba(4, 25, 45, 0.24));
}

.owl-theme .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.5);
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--primary-color);
}

.home-services {
  margin-top: -72px;
}

.box-wrap,
.w3l-bottom-grids-6 .area-box,
.w3l-news .grids5-info,
.w3l-clients-1 .testimonial {
  border: 1px solid var(--border-color-light);
  border-radius: 8px;
  box-shadow: 0 18px 45px rgba(19, 84, 140, 0.08);
}

.box-wrap {
  min-height: 100%;
  padding: 32px;
}

.box-wrap:hover,
.w3l-bottom-grids-6 .area-box:hover {
  border-color: rgba(253, 187, 3, 0.45);
  box-shadow: 0 22px 55px rgba(19, 84, 140, 0.13);
  transform: translateY(-4px);
}

.box-wrap h4 a,
.box-wrap h4 a[style] {
  color: var(--secondary-color);
  font-size: 27px !important;
  line-height: 1.2;
  letter-spacing: 0;
}

.box-wrap ul {
  margin-top: 8px;
}

.box-wrap ul li {
  position: relative;
  padding: 8px 0 8px 26px;
  color: var(--font-color);
}

.box-wrap ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--primary-color);
  box-shadow: 0 0 0 4px rgba(253, 187, 3, 0.16);
}

.box-wrap ul li a {
  color: #445367;
  font-size: 16px;
}

.box-wrap ul li a:hover {
  color: var(--secondary-color);
}

.w3l-index3,
.w3l-bottom-grids-6 {
  background: #ffffff;
}

.w3l-index3 .radius-image,
.w3l-mobile-content-6 .mobile-left img {
  box-shadow: 0 24px 55px rgba(19, 84, 140, 0.14);
}

.w3l-mobile-content-6 {
  background:
    linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%);
}

.w3l-mobile-content-6 .mobile-right-grids {
  padding: 14px 0;
}

.mobile-icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(253, 187, 3, 0.14);
}

.w3l-mobile-content-6 .mobile-right-icon span.fa {
  color: var(--secondary-color);
  font-size: 24px;
}

.w3l-mobile-content-6 .mobile-right-info h6 a {
  color: var(--heading-color);
  margin-bottom: 6px;
}

.w3l-mobile-content-6 .mobile-right-info h6 a:hover {
  color: var(--secondary-color);
}

.w3l-mobile-content-6 .mobile-right-info p {
  color: #5d6a79;
  opacity: 1;
}

.w3l-stats .stats_info {
  border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.w3l-stats .stats_info:last-child {
  border-right: 0;
}

.w3l-stats p.counter {
  color: var(--primary-color);
}

.w3l-stats h3 {
  color: rgba(255, 255, 255, 0.9);
}

.w3l-bottom-grids-6 {
  background: #f4f8fb;
}

.w3l-bottom-grids-6 .area-box {
  background: #ffffff;
  min-height: 170px;
  padding: 28px 18px;
}

.w3l-bottom-grids-6 .area-box img {
  height: 64px;
  object-fit: contain;
}

.w3l-bottom-grids-6 h4 a.title-head {
  color: var(--heading-color);
  font-size: 18px;
  line-height: 25px;
}

.w3l-bottom-grids-6 h4 a.title-head:hover {
  color: var(--secondary-color);
}

.inner-banner {
  min-height: 300px;
}

.w3l-servicesblock3:before,
.w3l-team .team-info:before {
  background: rgba(8, 34, 58, 0.68);
}

.w3l-contact-info .form-inner-cont input,
.w3l-contact-info .form-inner-cont textarea,
input,
textarea,
select {
  border-radius: 8px;
}

.w3l-contact-info .form-inner-cont input:focus,
.w3l-contact-info .form-inner-cont textarea:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(253, 187, 3, 0.16);
}

.w3l-footer-29-main {
  background: #0e3f69;
}

.w3l-footer-29-main h6.footer-title-29 {
  color: #ffffff;
  position: relative;
  padding-bottom: 12px;
}

.w3l-footer-29-main h6.footer-title-29:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 3px;
  border-radius: 3px;
  background: var(--primary-color);
}

.w3l-footer-29-main .footer-list-29 ul li a,
.w3l-footer-29-main .footer-list-29 ul li p,
.w3l-copyright .footer-list-29 ul li a,
.w3l-footer-29-main a,
.w3l-footer-29-main p {
  color: rgba(255, 255, 255, 0.82);
}

.w3l-footer-29-main .footer-list-29 ul li a:hover,
.w3l-copyright .footer-list-29 ul li a:hover,
.w3l-footer-29-main a:hover {
  color: var(--primary-color);
}

.w3l-copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.w3l-copyright #movetop {
  background: var(--primary-color);
  color: var(--secondary-color);
  border-radius: 8px;
}

.w3l-copyright p.copy-footer-29 {
  color: rgba(255, 255, 255, 0.76);
}

@media (max-width: 991px) {
  #site-header,
  #site-header.nav-fixed {
    background: rgba(19, 84, 140, 0.98);
  }

  #site-header .navbar > .navbar-brand {
    background: #ffffff;
  }

  .navbar-collapse {
    background: #ffffff;
    border: 1px solid var(--border-color-light);
    margin-top: 12px;
    padding: 12px;
    box-shadow: 0 18px 40px rgba(19, 84, 140, 0.12);
  }

  .navbar-collapse .navbar-nav .nav-link,
  .navbar-collapse .navbar-nav .nav-link:hover,
  .navbar-collapse .navbar-nav .active > .nav-link,
  .navbar-collapse .navbar-nav .nav-link.active {
    color: var(--heading-color);
  }

  .w3l-main-slider .banner-view {
    min-height: auto;
    padding: 120px 0 70px;
  }

  .w3l-main-slider .banner-info-bg h5 {
    font-size: 40px;
    line-height: 1.15;
  }

  .home-services {
    margin-top: 0;
    padding-top: 30px;
  }

  .w3l-stats .stats_info {
    border-right: 0;
  }
}

@media (max-width: 767px) {
  .navbar .navbar-brand img,
  .navbar-brand img {
    max-height: 46px;
  }

  .w3l-main-slider .banner-view {
    padding: 105px 0 50px;
  }

  .w3l-main-slider .banner-info-bg h5 {
    font-size: 32px;
    line-height: 1.18;
  }

  .w3l-main-slider .banner-info-bg p {
    font-size: 16px;
    line-height: 27px;
  }

  .btn-style {
    width: 100%;
    margin-right: 0 !important;
    text-align: center;
  }

  .btn-style + .btn-style,
  .btn-style + .btn {
    margin-top: 12px !important;
  }

  .box-wrap {
    padding: 26px;
  }

  .mobile-right,
  .mobile-right.text-right,
  .mobile-right-info {
    text-align: left !important;
  }
}