/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */


:root {
  --blue-color: #3498db;
  --yellow-color: #ffde0c;
  --orange-color: #f68200;
}

.main-header .header-upper .logo {
  width: 100%;
  height: 100px;
  display: block;
}

.main-header .logo-outer .logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.main-header .logo-outer .logo img {
  top: -6px;
}

.main-header .header-top, .main-header .header-lower {
  background: #17161B;
  background: linear-gradient(90deg, rgba(23, 22, 27, 1) 0%, rgba(62, 65, 70, 1) 50%, rgba(48, 52, 61, 1) 100%);
}

.main-header .header-lower .navigation>li>a:hover {
  background-color: var(--orange-color) !important;
}


.main-header .header-top .call-btn a {
  background-color: var(--orange-color) !important;
  color: #fff !important;
}
.main-header .header-top .call-btn a:hover {
  background-color: var(--yellow-color) !important;
  color: #000 !important;
}

.main-header .info-box .icon-box span {
  color: var(--orange-color) !important;
}

.main-header .sticky-header .main-menu .navigation>li:hover>a {
  background: var(--orange-color) !important;
}

.btn-style-one {
  background: var(--orange-color) !important;

}

.upper-column.info-box.logo-small>img {
  height: 60px !important;
}

.about-us .content-column h2 {
  color: var(--blue-color) !important;
}
.about-us .content-column h4 a {
  color: var(--orange-color) !important;
}

.about-us .content-column .primary-text {
  color: var(--orange-color) !important;
}

.btn-style-two {
  background-color: var(--orange-color) !important;
}
.btn-style-two:hover {
  background-color: var(--blue-color) !important;
}

.feature-section .title-box h2 {
  color: var(--blue-color) !important;
}

.feature-block .lower-content .read-more:hover {
  background-color: var(--blue-color) !important;
}

.feature-block .lower-content h3 a:hover {
  color: var(--orange-color) !important;
}

.sec-title h2 {
  color: var(--blue-color) !important;
}

.testimonial-block.even::before, .testimonial-block::before, .testimonial-block .thumb {
  border-color: var(--orange-color) !important;
}

.testimonial-block.even .icon:after {
  border-bottom: 35px solid var(--orange-color) !important;
}

.testimonial-block.even .icon:after,
.testimonial-block .icon:after,
.fun-fact-section .count-box .counter-title h5:before {
  border-bottom-color: var(--orange-color) !important;
}

.testimonial-block .icon {
  background-color: var(--orange-color) !important;
}

.testimonial-block .designation {
  color: var(--orange-color) !important;
}

.sec-title .separator {
  color: var(--orange-color) !important;
}

.testimonial-carousel .owl-next:hover {
  border-color: var(--orange-color) !important;
}

.testimonial-carousel .owl-next:hover {
  background-color: var(--orange-color) !important;
}
.testimonial-carousel .owl-prev:hover {
  border-color: var(--orange-color) !important;
}

.testimonial-carousel .owl-prev:hover {
  background-color: var(--orange-color) !important;
}

.main-footer:before {
  background: #17161B !important;
  background: linear-gradient(90deg, rgba(23, 22, 27, 1) 0%, rgba(62, 65, 70, 1) 50%, rgba(48, 52, 61, 1) 100%) !important;
}

.main-footer .about-widget .text {
  color: #aeaca7 !important;
}

.main-footer .services-list li a:before {
  color: #aeaca7 !important;

}

.news-widget .post .date {
  color: var(--orange-color) !important;
}

.main-footer .footer-column .widget-title {
  color: #fff !important;
}

.main-footer .services-list li a:hover {
  color: var(--orange-color) !important;
}

.fun-fact-section .count-box .counter-title h5 {
  background-color: var(--orange-color) !important;
}

.fun-fact-section .count-box .inner-box {
  border-color: var(--orange-color) !important;
}

.fun-fact-section .count-box .counter-title h5:before {
  right: -14px !important;
  top: 1px !important;
}

.hotline-bar {
  background-color: var(--orange-color) !important;
}

.hotline-phone-ring-img-circle {
  background-color: var(--orange-color) !important;

}

.hotline-phone-ring-circle-fill {
  background-color: var(--orange-color) !important;
}

.hotline-phone-ring-circle {
  border-color: var(--orange-color) !important;
}

.scroll-to-top:hover {
  background-color: var(--orange-color) !important;
}

.contact-form button {
  padding: 16px 50px !important;
  background-color: var(--orange-color) !important;
}
.contact-form button:hover {
  padding: 16px 50px !important;
  background-color: var(--blue-color) !important;
}

.btn-primary {
  border-color: var(--orange-color) !important;
}
.btn-primary:hover {
  border-color: var(--blue-color) !important;
}

.contact-form .form-group input[type="text"] {
  padding: 16px 20px !important;
}

.contact-info ul li strong {
  color: var(--orange-color) !important;
}

.page-title .bread-crumb li {
  color: var(--orange-color) !important;
}

.main-footer .services-list li a {
  color: #aeaca7 !important;
}

.news-widget .post h4 a {
  color: #aeaca7 !important;

}

.upper-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.social-icon-one li a:hover {
  color: var(--orange-color) !important;
}

.feature-block .image-box {
  height: 270px !important;
}

.news-block-two .image-box img {
  aspect-ratio: 16/9 !important;
  object-fit: cover !important;
}

.news-block-two .date-and-like .like {
  background-color: var(--orange-color) !important;
}

.category-list li a:before {
  color: var(--orange-color) !important;
}

.news-block-two .content .read-more:hover {
  color: var(--orange-color) !important;
}

.news-block-two .content h3 a:hover {
  color: var(--orange-color) !important;
}

.latest-news .post-thumb img {
  height: 80px !important;
}

.main-footer .about-widget .social-icon li a:hover {
  color: var(--orange-color) !important;
}

.tp-bgimg.defaultimg {
  background-position: center top !important;
}

.testimonial-block .name  {
  display: flex !important;
  flex-direction: row-reverse !important;
  gap: 10px !important;
}
.testimonial-block .name span  {
  display: block !important;
}

.testimonial-block .name {
  display: block !important;
}

.testimonial-block .name span {
  display: inline !important;
}

.testimonial-block p {
  list-style: none !important;
  list-style-type: none !important;
}

.testimonial-block p::before,
.testimonial-block p::after {
  content: none !important;
}

.btn-style-one:hover {
  color: #fff !important;
  background-color: var(--blue-color) !important;
}

.main-footer .services-list li a {
  text-transform: capitalize !important;
}

.testimonial-block .thumb img {
  object-fit: cover !important;
}

.code-capcha {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

@media (max-width: 575.98px) { 
  .main-menu .navbar-header .navbar-toggler {
    color: var(--orange-color) !important;
    font-size: 18px !important;
    border: 2px solid var(--orange-color) !important;
  }

  .main-slider {
    margin-top: 70px !important;
  }

  .testimonial-block.even .icon:after {
    left: -16px !important;
  }

  .tp-bgimg.defaultimg {
    background-position: top center !important;
    background-size: contain !important;
  }

  .main-slider {
    height: 230px;
  }

  .about-us {
    padding-top: 60px !important;
  }

  .testimonial-block {
    padding: 25 30px !important;
  }

 
}