:root {
  --lightBlue: rgb(24, 156, 216);
  --darkBlue: rgb(4, 46, 105);
}

.mybtn-bg {
  background: var(--darkBlue);
  border-color: var(--darkBlue);
}
.mybtn-bg:hover span {
  color: var(--darkBlue);
}
.mybtn-light:before,
.mybtn-light:after {
  background: var(--darkBlue);
}
.mybtn-light span {
  color: var(--darkBlue);
}
.mybtn-bord {
  background: transparent;
  border: 1px solid var(--darkBlue);
}

.mybtn-bord:before,
.mybtn-bord:after {
  background: var(--darkBlue);
}

.mybtn-bord:hover {
  border-color: var(--darkBlue);
}
.mybtn-light:before, .mybtn-light:after {
  background: var(--darkBlue);
}

.home5 .hero-area::before {
	background: var(--lightBlue);
	background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .hero-area .discount-circle-inner {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .about .box .inner-box .icon i {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home5 .about .box::after {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .whaybest::before {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .feature .feature-box .icon-area .icon i {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home5 .dealofweek::before {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .pricing .product-slider .owl-controls .owl-nav div:hover {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .video::before {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .video .video-play-btn i,
.home5 .video .fun-box .inner-content2 .icon i,
.home5 .video .fun-box .inner-content3 .icon i {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .testimonial-area::before {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .testimonial-area .testimonial-slider .owl-controls .owl-nav div:hover {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .testimonial-area .testimonial-slider .client .client-image::after {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .subscribe-section .download-buttons a {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .subscribe-section .newsletter-form-area button {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .faq::before {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .contact .info-box .left .icon i {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home5 .footer {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .bottomtotop i {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .compare-section .compare-table .price,
.home5 .pricing .product-slider .item .single-product .content .price .new-price,
.home5 .dealofweek .deal-slider-area .content .right-area .price p span {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item:hover {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .preloader-inner {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before, .home5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}
.home5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before {
  background: var(--lightBlue);
  background: linear-gradient(to right, var(--darkBlue), var(--lightBlue));
}