/*=================================
======= VAR  and primary css ======
==================================*/
:root{
	--main-color: #182744;
	--sgdary-color: #e0c38e;
	--thr-color: #bb9a6b;
	--sg-bg-color: #f5f5f5;
	--white--bg: #fff;
    --textcolor: #2a2a2a;

	--mainfont: 'Montserrat';
	--textfont: 'Roboto';
}

.gex-color-icon svg path {
	fill:var(--main-color) !important;
}

.gbcolor svg rect {
	fill:var(--main-color) !important;
}

.svgicons img{
	filter: invert(78%) sepia(21%) saturate(472%) hue-rotate(354deg) brightness(95%) contrast(92%);
}

.hidethis{
	display: none !important;
}

.primary-color{
	color: var(--main-color) !important;
}
.sg-color-drkblue{
	color: var(--sgdary-color) !important;
}
.gray-color-text{
	color: var(--thr-color) !important;
}
.bg-semiwhite{
	color: var(--sg-bg-color) !important;
}
.whitecolor{
	color: var(--white--bg) !important;
}
.textcolor{
	color: var(--textcolor) !important;
}
.fooinfotex{
	font-size: 14px !important;
	font-weight: 500 !important;
}


/**********************
**** Bandage **************
*******************/
h2 span{
	color: var(--main-color) !important;
}
.bdg{
	color: var(--sgdary-color) !important;
}
.bdg-dark{
	color: var(--dark-color) !important;
}
/**************************
** Margins & Padding Bottoms **
***************************/
.mb1{
	margin-bottom: 10px !important;
}
.mb2{
	margin-bottom: 20px !important;
}
.mb3{
	margin-bottom: 30px !important;
}

.pb1{
	padding-bottom: 10px !important;
}
.pd2{
	padding-bottom: 20px !important;
}
.pd3{
	padding-bottom: 30px !important;
}

/**************************
** Margins & Padding Top **
***************************/
.mt1{
	margin-top: 10px !important;
}
.mt2{
	margin-top: 20px !important;
}
.mt3{
	margin-top: 30px !important;
}

.pt1{
	padding-top: 10px !important;
}
.pt2{
	padding-top: 20px !important;
}
.pt3{
	padding-top: 30px !important;
}

/**************************
******** Copyright *********
************************/
.copyright-footer{
	text-align: center;
	color: var(--white--bg) !important;
	font-family: var(--mainfont) !important;
	font-weight: 400;
    text-transform: Normal;
	font-size: 14px !important;
	margin-bottom: 0px;
}

.copyright-footer a{	
	color: var(--sgdary-color) !important;
	font-weight: 800;
}

.copylinks{
	text-align: center;
}

.copylinks a{
	color: var(--thr-color) !important;
	font-size: 14px;
}  

.copylinks a:hover{
	color: var(--sgdary-color) !important;
}


/*============================
========Form Style =============
=============================*/
#frm_field_1_container input,
#frm_field_2_container input,
#frm_field_3_container input,
#frm_field_4_container input,
#frm_field_7_container input,
input#field_ndrdc,
input#field_701dk{
	padding-left: 20px !important;
	margin-bottom: 15px !important;
}
#frm_field_5_container textarea{
	padding: 20px !important;
}
label {
    display: none !important;
}


/*============================
===== Shorcode Menu footer =====
=============================*/
ul.foo-menu a {
  color: var(--main-color);
  line-height: 1.8em;
  font-weight: 400;
  font-size: 15px;
  font-family: var(--textfont);
}

ul.foo-menu a:hover{
  color: var(--sgdary-color);
}

ul.foo-menu {
  list-style: none;
  padding: 0px !important;
}

.bficons{
  margin-right: 10px;
  color: var(--sgdary-color);
  font-size: 16px;
}

/*===========================
======== Breadcrumb ===========
============================*/
a.breadLink{
	color: var(--white--bg) !important;
	font-weight: 500;
}
span.divider{
	color: var(--white--bg) !important;
	font-weight: 500;
}
nav.breadcrumb{
	color: var(--sgdary-color) !important;
	font-size: 18px;
	font-weight: 700;
}

/*===========================
==== Dual BTN Function ========
============================*/
.ciw-dual-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
	font-family: var(--mainfont);
}

.ciw-btn {
    display: inline-block;
    padding: 7px 25px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: 0.3s ease;
	text-transform: uppercase;
	border-radius: 5px;
	font-size: 14px;
	transform: translateY(0);
}

.ciw-btn:hover {
    transform: translateY(-2px);
}

/* Estimate */
.ciw-btn-estimate {
    background: var(--sgdary-color);
    color: var(--main-color);
}

.ciw-btn-estimate:hover {
    background: var(--main-color);
	color: var(--white--bg);
}

/* Call */
.ciw-btn-call {
    background: #22222200;
	border: 1px solid var(--sgdary-color);
    color: var(--white--bg);
}

.ciw-btn-call:hover {
    background: var(--sgdary-color);
	color: var(--main-color);
}

/*===========================
======== Services Cards ===========
============================*/
.services-swiper .swiper-wrapper {
  align-items: stretch;
}
.services-swiper .swiper-slide {
  display: flex;
  height: auto;
}
.service-card{
	display: flex;
  	flex-direction: column;
  	height: 100%;
	box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
	border-radius: 5px;
}
.img-svcard{
	width: 100%;
	background-color: var(--white--bg);
	margin-bottom: -1px !important;
}
.info-svcard{
	padding: 20px;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  	text-align: center;
	background-color: var(--white--bg) !important;
}
.btn-contact{
	font-family: var(--mainfont);
	text-transform: uppercase;
	font-weight: 600;
	color: var(--main-color);
}
.btn-contact:hover{
	color: var(--sgdary-color);
}
.services-swiper.few-items {
  display: flex;
  justify-content: center;
}

.services-swiper.few-items .swiper-wrapper {
  justify-content: center;
}
/*===========================
======== Swiper Carrousel ===========
============================*/
.carousel-wrapper{
  position: relative;
}

.services-swiper {
  width: 100%;
  padding: 40px 0;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.custom-arrow {
  color: var(--sgdary-color);
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.custom-arrow i {
  font-size: 30px;
}

/* 👉 DESKTOP (outside) */
@media (min-width: 1024px){

  .swiper-button-prev{
    left: -60px;
  }

  .swiper-button-next{
    right: -60px;
  }

}

/* 👉 TABLET & MOBILE (inside) */
@media (max-width: 1023px){
	.custom-arrow i {
  		font-size: 20px;
	}
	.custom-arrow{
		width: 25px;
  		height: 25px;
	}

  .swiper-button-prev{
    left: 0px;
  }

  .swiper-button-next{
    right: 0px;
  }

}
/*===========================
== CSS for Plugin info and Call ==
============================*/
.ciw-email .ciw-inner,
.ciw-phone .ciw-inner,
.ciw-address .ciw-inner{
    font-size: 16px;
    font-weight: 600;
    margin-top: -5px;
}

.ciw2-email .ciw2-extra,
.ciw2-phone .ciw2-extra,
.ciw2-address .ciw2-extra{
	text-align: center !important;
}


/*===========================
== DIVI Extra CSS Sections ==
============================*/
.section-center-all .et_pb_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* centra columnas horizontal */
  align-items: center;     /* centra vertical si hay altura */
  text-align: center;      /* centra textos */
}

.section-center-all .et_pb_column {
  display: flex;
  flex-direction: column;
  align-items: center;     /* centra contenido dentro de columnas */
  justify-content: center;
}

.section-center-all .et_pb_module {
  margin-left: auto;
  margin-right: auto;
}

/*Divi 5 hover all btn*/
.dvbtn:hover{
	border-radius: 5px !important;
	background-color: var(--sgdary-color) !important;	
}
.aet_pb_button_module_wrapper .et_pb_button_0_wrapper .dvbtn a:hover{
	color: var(--main-color) !important;
}
/***************************
***** Media Queries **********
***************************/
/*General Headings H1*/
@media (max-width: 767px) {
  .h1-mobile-40 h1 {
    font-size: 40px !important;
    line-height: 1.2;
  }
}

@media (max-width: 767px) {

    .ciw-dual-buttons {
        flex-direction: column;
        align-items: center;
    }

    .ciw-btn {
        width: 100%;
        max-width: 300px;
    }

}