/*.main-menu-three__wrapper{
	background: #012942;
}*/

/*.main-menu .main-menu__list>li>a{
	color: #fff;
}*/

.main-header-three__top {
    background: #C51719;
}

.main-slider-three__btn-1:after {
    background-color: #C51719;
}

.why-choose-one__btn i{
    background-color: #C51719;
}

.section-title__tagline {
    color: #C51719;
}

.main-header-three__contact-list li:hover .content h4 a {
    color: #fff;
}

.main-header-three__contact-list li:hover .icon {
    color: #fff;
}

.about-three__grow-your-business{
	margin-top: 6px;
}

/*.main-menu .mobile-nav__toggler {
    color: #fff;
}*/

.brand-one__inner {
    background-color: rgba(10, 148, 199, 0.2);
}

.brand-one__text {
    color: var(--corle-black);
}

.contact-three .contact-one__wrap {
    background-color: #006EB6;
}

.contact-two .contact-one__text {
    color: #fff;
}

.contact-two .contact-one__text-2 {
    color: #fff;
}

.contact-two .contact-one__contact-list li .contact a {
    color: #fff;
}

/* ===== Fix: Sección IB con fondo claro ===== */
.why-choose-one{
  background: #ffffff !important;
  background-image: none !important;
}

/* Muchos templates meten overlays con pseudo-elementos */
.why-choose-one::before,
.why-choose-one::after{
  content: none !important;
  display: none !important;
}

/* Si el template usa capas internas */
.why-choose-one__bg,
.why-choose-one__bg-one,
.why-choose-one__bg-two{
  background-image: none !important;
  display: none !important;
}

/* Opcional: que el título y texto se vean bien sobre blanco */
.why-choose-one .section-title__title,
.why-choose-one .section-title__tagline,
.why-choose-one p{
  color: inherit;
}

.how-it-work__single::before {
        background-color: rgba(10, 148, 199, 0.2);
        height: 193px;
}
.how-it-work__text-2 {
    color: rgba(20, 19, 24, .80);
    line-height: 25px;
	margin-top: 70px;
}

/* Transición suave */
.services-two__single {
    transition: all 0.3s ease;
}

/* Transición del icono */
.services-two__icon img {
    transition: all 0.3s ease;
}

/* Hover azul */
.services-two__single:hover {
    background-color: #C51719; /* azul elegante corporativo */
}

.services-two__text:hover{
    color: #fff;
}

/* Texto blanco en hover */
.services-two__single:hover h3,
.services-two__single:hover p,
.services-two__single:hover a {
    color: #ffffff !important;
}

/* Icono blanco en hover */
.services-two__single:hover .services-two__icon img {
    filter: brightness(0) invert(1);
}


.why-choose-one__single {
  transition: all 0.3s ease;
}

.why-choose-one__single:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

.why-choose-one__title {
    text-align: center;
}


.why-choose-one__text {
    text-align: center;
}

.why-choose-one__btn-box {
    text-align: center;
}
.why-choose-one__btn-box {
    display: flex;
    justify-content: center;
}

/* Evita que el contenedor se deforme en flex */
.contact-one__contact-list li .icon{
  flex: 0 0 57px;
  min-width: 57px;
  min-height: 57px;
}

/* Si el icono es imagen */
.contact-one__contact-list li .icon img{
  width: 22px;
  height: 22px;
  object-fit: contain;
  display: block;
}

/* Si el icono es SVG */
.contact-one__contact-list li .icon svg{
  width: 22px;
  height: 22px;
}

/* Si el icono es font-icon (i/span) */
.contact-one__contact-list li .icon i,
.contact-one__contact-list li .icon span{
  font-size: 22px;
  line-height: 1;
}


.main-header-three__social a {
    background-color: #fff;
    color: #006EB6;
}

.main-header-three__location-icon {
    background-color: #fff;
    color: #006EB6;
}

.site-footer-two {
    background-color: #006EB6;
}

.footer-widget-two__explore-list li a {
    color: #fff;
}

.contact-three .contact-one__wrap {
    background-color: #C51719;
}


















@media (max-width: 576px){
  .contact-one__contact-list li .icon{
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    min-width: 48px;
    min-height: 48px;
  }
  .contact-one__contact-list li .icon img,
  .contact-one__contact-list li .icon svg{
    width: 20px;
    height: 20px;
  }
  .contact-one__contact-list li .icon i,
  .contact-one__contact-list li .icon span{
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
    .main-slider-three__title {
        font-size: 30px;
        line-height: 50px;
    }
}