.sections-bg {
      background-color: #f1f2f6;
}

.topbar {
      background-color: #004D85;
}

.navbar .dropdown ul a {
      color: #004D85;
}

.navbar>ul>li {
      padding: 10px 0 10px 14px;
}

.navbar a,
.navbar a:focus {
      font-size: 14px;
      font-weight: 600;
}

@media (max-width: 1279px) {
      .navbar ul {
            background: #004D85;
      }

      .mobile-nav-active .navbar:before {
            background: #004D85;
      }

      .navbar .dropdown ul,
      .navbar .dropdown .dropdown ul {
            background-color: #ffffff;
            border: 1px solid #ffffff;
      }
}

.header {
      background-color: #0F2852;
}

.header .logo img {
      max-height: 55px;
      margin-right: 6px;
}

/** Hero Slide Custome */

.hero-slide {
      position: relative;
}

@media (max-width: 768px) {
      .carousel-item img {
            height: 30vh;
            object-fit: cover;
      }

      .carousel-control-prev-icon {
            width: 24px !important;
            height: 24px !important;
      }

      .carousel-control-next-icon {
            width: 24px !important;
            height: 24px !important;
      }

      .section-header h2 {
            font-size: 24px;
            font-weight: bold;
      }
}

@media (min-width: 768px) {
      .icon-boxes {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2;
            display: flex;
            justify-content: center;
            padding: 0;
            margin-bottom: 1rem;
      }
}

.icon-box {
      padding: 30px;
      position: relative;
      overflow: hidden;
      background: #0F2852;
      box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease-in-out;
      border-radius: 8px;
      z-index: 1;
      height: 100%;
      width: 100%;
      text-align: center;
}

.icon-box .title {
      font-weight: 700;
      margin-bottom: 15px;
      font-size: 24px;
}

@media (max-width: 768px) {
      .icon-box .title {
            font-size: 16px;
      }
}

.icon-box .title a {
      color: #ffffff;
      transition: 0.3s;
}

.icon-box .icon {
      margin-bottom: 20px;
      padding-top: 10px;
      display: inline-block;
      transition: all 0.3s ease-in-out;
      font-size: 48px;
      line-height: 1;
      color: #ffffff;
}

.icon-box:hover {
      background: #123675;
}

.icon-box:hover .title a,
.icon-box:hover .icon {
      color: #ffffff;
}

/** Team Member Custome  */

.team .member {
      border: 1px solid #dcdddf;
      height: 100%;
}

.team .member h4 {
      font-weight: 600;
      font-size: 16px;
}

.owl-carousel.owl-loaded, .owl-carousel .owl-stage-outer {
      overflow: initial;
}

.owl-item {
      opacity: 0;
      transition: opacity .75s linear;
}

.owl-item.active {
      opacity: 1;
}

.portfolio .portfolio-wrap {
      background-color: #ffffff;
}

.portfolio .portfolio-wrap:hover img {
      transform: none;
}

.blog .posts-list article {
      box-shadow: 0 2px 2px #e2e3e7;
      border: 1px solid #dcdddf;
      background-color: #ffffff;
}

.blog .posts-list .title {
      margin: 0 0 5px 0;
}

.blog .blog-details {
      box-shadow: 0 2px 2px #e2e3e7;
      border: 1px solid #dcdddf;
      background-color: #ffffff;
}

.blog .blog-details .title {
      font-size: 24px;
}

.blog .sidebar {
      box-shadow: 0 2px 2px #e2e3e7;
      border: 1px solid #dcdddf;
      background-color: #ffffff;
}

.blog .posts-list .post-img {
      max-height: 100%;
}

.posts-list .post-date {
      font-style: italic;
      color: rgba(34, 34, 34, 0.4);
}


.footer {
      padding: 25px 0;
      background-color: #0F2852;
}

.footer .social-links a {
      width: 45px;
      height: 45px;
}

.detail-img img {
      position: relative;
      display: block;
      width: 100% !important;
      max-height: 100% !important;
      border-radius: 10px;
}

.detail-img iframe {
      position: relative;
      display: block;
      width: 100% !important;
}

@media (max-width: 991px) {
      .detail-img img {
            position: relative;
            display: block;
            max-width: 100% !important;
            max-height: 100% !important;
      }

      .detail-img iframe {
            position: relative;
            display: block;
            width: 100% !important;
      }
}