/*
Author       : Masum Billah.
Template Name: Vinson - Tour & Travel Agency Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START SERVICE DESIGN
    05. START WHY CHOOSE DESIGN
    06. START SPECIAL PACKAGE DESIGN
    07. START TOP DEALS DESIGN
    08. START DEALS & DISCOUNT DESIGN
    09. START GALLERY DESIGN
    10. START BLOG DESIGN
    11. START TESTIMONIAL DESIGN
    12. START COMPANY PARTNER LOGO
    13. START CONTACT DESIGN
    14. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
	color: #727272;
	font-family: 'Nunito sans', sans-serif;
	font-size: 20px;
	line-height: 1.8;
	font-weight: 400;
	overflow-x: hidden;
	position: relative;
}
html,
body { height: 100% ;}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0px; 
	font-family: 'Nunito sans', sans-serif;
	color: #070707;
	font-weight: 600;
	line-height: normal;
}
a {
	text-decoration: none;
	transition: all 0.2s ease 0s;
}

a{
    color: #727272;
    text-decoration: none;
}

a:hover,
a:focus {
	 text-decoration: none;
	color: #ffffff;
}

p {
    margin-bottom: 15px;
}
.row > *{
	padding-left: 15px;
	padding-right: 15px;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #0047AB;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}
.lds-roller {
	display: inline-block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff; /*Control de los puntitos de la carga*/
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding { padding: 40px 0 }
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title{
	position: relative;
}

.section-title h2 {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #028484;
	display: inline-block;
	font-family: 'Nunito sans', sans-serif;
}
.section-title p {
	font-family: 'Nunito sans', sans-serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 36px;
	color: #000 /*Control de color de los textos*/
}
.about_title {
	margin-bottom: 20px;
}
.texto-justificado {
    text-align: justify;
    hyphens: auto; /* Permite dividir palabras en líneas */
    line-height: 1.4; /* Aumenta el espacio entre líneas */
}

/*END SECTION TITLE DESIGN*/
/* Control del botón retorno al header*/
/*START SCROLL TO TOP*/
/*.topcontrol {
	 background: #028484 none repeat scroll 0 0;
	border-radius: 50%;
	bottom: 5px;
	box-shadow: 0 1px 10px 0 rgba(255, 20, 20, 0.06);
	color: #fff;
	cursor: pointer;
	font-size: 19px;
	height: 45px;
	line-height: 45px;
	opacity: 1;
	position: fixed;
	right: 5px;
	text-align: center;
	transition: all 0.2s ease 0s;
	width: 45px;
	z-index: 999;
}
.topcontrol:hover {
    background: #0047AB;
    color: #fff;
} */
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*Botón Whatsapp*/

.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #028484;
    color: white;
    padding: 15px; /* Ajuste para mantener la forma circular */
    border-radius: 50%;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, transform 0.2s ease;
    z-index: 9999;
    width: 70px; /* Tamaño fijo del botón */
    height: 70px;
}

.whatsapp-button:hover {
    background-color: #FFD700;
    color: #000;
    transform: scale(1.05);
}

.whatsapp-icon {
    width: 28px; /* Tamaño del icono ajustado */
    height: 28px;
    background-size: cover;
    background-repeat: no-repeat;
}
.whatsapp-button:hover .whatsapp-icon {
    filter: invert(1) brightness(0.5);
}
/* Ocultar texto en pantallas pequeñas */
.whatsapp-text {
    display: none;
}

/* 📱 Ajustes Responsivos */
@media screen and (max-width: 768px) {
    .whatsapp-button {
        right: 15px;
        bottom: 15px;
        width: 50px; /* Tamaño reducido en pantallas medianas */
        height: 50px;
        padding: 12px;
    }

    .whatsapp-icon {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 480px) {
    .whatsapp-button {
        right: 20px;
        bottom: 10px;
        width: 45px; /* Tamaño aún más reducido */
        height: 45px;
        padding: 10px;
    }

    .whatsapp-icon {
        width: 20px;
        height: 20px;
    }
}

/*Botón whatsapp fin*/

.header-container {
    display: flex;
    align-items: center; /* Centra el logo y la bandera verticalmente */
    gap: 10px; /* Espacio entre el logo y la bandera */
}

.site-logo {
    width: 200px; 
    height: auto;
	margin-top: 10px;
}

.country-flag {
    width: 30px; /* Ajusta el tamaño de la bandera */
    height: auto;
	border-radius: 50%;
}

.bg-faded {
	background-color: #0047AB;
	transition: all 0.5s ease 0s;
}
.navbar-fixed {
    z-index: 999;
    position: fixed;
    opacity: 1;
    width: 100%;
	padding:10px 0;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background: #0047AB;
	/* box-shadow: 0 20px 10px #ffffff; */
}
#navigation {
	padding: 10px 70px;
	background-color: #0047AB00;/*Encabezado neutro*/
}
#navigation.navbar-fixed {
	padding-top: 8px;
	background-color: #0047AB;/*Control cuando baja el encabezado */
	border-color: #0047AB;/*Control ligero del sombreado*/
}

#main-menu ul li a span {
    position: relative;
    display: inline-block;
}

#main-menu ul li a span::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -5px; /* Ajusta la posición vertical del subrayado */
    width: 100%;
    height: 2px;
    background-color: #FFD700; /* Color del subrayado */
    transform-origin: center;
    transform: translate(-50%, 0) scaleX(0);
    transition: transform 0.3s ease-in-out;
}

#main-menu ul li a:hover span::before {
    transform: translate(-50%, 0) scaleX(1);
}
  
.header_right {
	display: flex;
	flex-basis: auto;
}
#main-menu {

}
#main-menu ul{
	list-style-type: none;
}
#main-menu ul li{
	display: inline-block;
	margin-left: 40px;
	position: relative;
}
#main-menu ul li a {
	color: #fff;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Nunito sans', sans-serif;
	transition: .5s;
	font-size: 17px;
	padding: 24px 0 26px;
	display: block;
}

#navigation.navbar-fixed #main-menu ul li a{
	color: #fff;
	padding: 22px 0 22px;
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color: #fff;
}
#main-menu ul li > a:hover,
#main-menu ul li > a:focus{

	color: #fff;
}
#navigation #main-menu ul li a:hover,
#navigation #main-menu ul li a:focus,
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus{
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus{
	color: #fff;
}
.slicknav_nav_icon{
	color: #fff;
	font-size: 24px;
}
#mobile_menu{
	display: none;
}

/*Botón de register*/
.custom-button {
    display: inline-block; /* Ajuste inline */
    padding: 8px 20px; /* Espaciado interno */
    font-size: 16px; /* Tamaño del texto */
    font-weight: bold; /* Texto en negrita */
    text-transform: uppercase; /* Todo en mayúsculas */
    color: #fff; /* Color del texto */
    background-color: #028484; /* Color de fondo principal */
    border: 2px solid #028484; /* Borde inicial */
    border-radius: 4px; /* Bordes completamente redondeados */
    cursor: pointer; /* Cambia el cursor al puntero */
    outline: none; /* Quita el contorno */
    box-shadow: 0 8px 15px rgba(255, 61, 102, 0.2); /* Sombra del botón */
    transition: all 0.3s ease; /* Suavidad en las transiciones */
	margin-left: 20px;
}

/* Animación al pasar el cursor */
.custom-button:hover {
    background-color: #FFD700; /* Cambia a un tono más claro */
	border: #FFD700;
    color: #000000; /* Asegura que el texto siga siendo blanco */
    transform: translateY(-3px) scale(1.05); /* Eleva y agranda */
    box-shadow: 0 12px 20px #ff7a3d4d; /* Intensifica la sombra */
}

/* Estilo cuando se presiona */
.custom-button:active {
    background-color: #e62e50; /* Color más oscuro */
    box-shadow: 0 4px 10px rgba(230, 46, 80, 0.3); /* Reduce la sombra */
    transform: translateY(0) scale(1); /* Elimina la elevación */
	color: #fff;
}

/* Estado de foco */
.custom-button:focus {
    outline: 3px solid #ff99a3; /* Contorno llamativo */
}

/* Estilo responsivo */
@media (max-width: 768px) {
    .custom-button {
        font-size: 12px;
        padding: 6px 14px;
    }
}

/* 📍 Para pantallas pequeñas (móviles) */
@media (max-width: 480px) {
    .custom-button {
        font-size: 12px; /* Texto más pequeño */
        padding: 5px 12px; /* Botón más compacto */
        margin-left: 5px; /* Menos separación */
    }
}

/*-------------------------------
# Dropdwon menu 
--------------------------------*/

#navigation #main-menu ul li ul ,
#navigation #main-menu ul li ul li ul {	
	background: #4682B4;
	box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
	left: -55px;
	list-style: outside none none;
	margin:  0;
	opacity: 0;
	padding:10px;
	position: absolute;
	text-align: left;
	top: 100%;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 200px;
	z-index: 999;
	border-radius: 4px;
	border-top: 2px solid #fff;
}
#navigation #main-menu ul li  ul li{
	
	position: relative;
	display: flex;
	align-items: center;
	gap:8px;
}
#navigation #main-menu ul li ul li ul{
	top: 0;
	right: auto;
	left: 205px;
}
#navigation.navbar-fixed #main-menu ul li li a{
	color: #333;
} 
#navigation #main-menu ul li:hover ul,
#navigation #main-menu ul li ul li:hover > ul{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	visibility: visible;
}
#navigation #main-menu ul li ul li a i {
	font-size: 16px;
	width: 20px;
	text-align: center;
	color: #028484;
}

#navigation #main-menu ul li ul li {display: block; margin: 0; padding: 0;}

#navigation.navbar-fixed #main-menu ul li ul li a,
#navigation #main-menu ul li ul li a {
	color: #ffffff;
	display: block;
	font-size: 14px;
	line-height: 30px;
	font-weight: 600;
	padding: 5px 12px;
	position: relative;	
	transition: all 0.3s ease 0s !important;
	visibility: inherit !important;
	opacity: inherit !important;
	text-transform: capitalize;
}
/*control de texto de menú*/
#navigation #main-menu ul li ul li a:hover,
#navigation.navbar-fixed #main-menu ul li ul li a:hover,
#navigation.navbar-fixed #main-menu ul li ul li a:focus{
	color: #000;
	background-color: #FFD700;
	text-decoration: none;
}


@media only screen and (max-width:767px) { 
  .navbar-brand {
    padding-top: 20px;
  }
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/


/*Slider controller*/
.home-slider {
}
.single_home_slide,
.slide_overlay{
	min-height: 650px;
}
.single_home_slide{
	background-position: center center;
}

.slide_overlay{
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	width: 100%;
}
.home-slider button.slick-arrow{
	z-index: 1;
	line-height: 50px;
	background: transparent;
	opacity: 1;
	transition: .5s;
	
}
.home-slider .slick-prev:before, 
.home-slider .slick-next:before {
	color: #fff;
	font-size: 14px;
	display: inline-block;
	border-radius: 50%;
	opacity: 1;
	transition: .5s;
	width: 55px;
	height: 55px;
	line-height: 55px;
	background-color: transparent;
	border: 2px solid #fff;
}

.home-slider .slick-prev:hover:before, 
.home-slider .slick-prev:focus:before, 
.home-slider .slick-next:hover:before,
.home-slider .slick-next:focus:before{
	background-color: #0047AB;
	color: #fff;
}

.single_home_slide .subtitle {
	color: #0047AB;
	font-size: 22px;
	margin-bottom: 20px;
	display: block;
}


.home-slider .btn-home-bg:hover,
.home-slider .btn-home-bg:focus{
	background-color: transparent;
	color: #fff;
	border-color: #ffff;
}
.tour_slider .slick-prev:before, 
.tour_slider .slick-next:before{
	background-color: #fff;
	color: #0047AB;
}
.home-slider button.slick-prev {
	left: 60px;
}

.home-slider button.slick-next {
	right: 100px;
}

.home-slider .slick-prev:before {
	content: "\e629";
	font-family: "themify"!important;
}
.home-slider .slick-next:before{
	content: "\e628";
	font-family: "themify"!important;
}

.tour_slider .slick-prev:before{
	content: "\e629";
	font-family: "themify"!important;
}

.tour_slider .slick-next:before {
	content: "\e628";
	font-family: "themify"!important;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.slider-info{
	position: absolute;
	top: 32%;
	width: 100%;
}

.btn-home-bg {
	background-color: #028484;

	border-radius: 4px;
	color: #fff;
	font-size: 20px;
	padding: 12px 32px;
	transition: all 0.3s ease 0s;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: capitalize;
	display: inline-block;
}
.btn-home-bg:hover,
.btn-home-bg:focus{
	background:#FFD700;
	color:#000;
	outline:0;
}

.hero-text {
	padding-top: 200px;
}
.sl-subtitle{
	color: #0047AB;
	font-size: 30px;
}

.hero-text p {
	color: #fff;
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 17px;
	font-family: 'Nunito sans', sans-serif;
}

.hero-text h1 {
	color: #fff;
	font-size: 55px;
	margin-bottom: 50px;
	line-height: 1.4;
	text-transform: none;
}

@media only screen and (max-width:480px) { 
	.hero-text p {
	  color: #fff;
	  margin: auto;
	  width: 90%;
	  margin-bottom: 25px;
	}
}

@media only screen and (max-width:575px) { 
	.single_home_slide, .slide_overlay {
		min-height: 530px;
	}
}
.sl_btn_group a{
	margin: 0 8px;
}
.sl_btn_group .btn-home-bg{
	margin-top: -5px;
}
.sl_vbtn{
	color: #fff;
	font-weight: 500;
}
.sl_vbtn i{
	color: #fff;
	width: 48px;
	height: 48px;
	line-height: 45px;
	border: 2px solid #fff;
	border-radius: 50%;	
	display: inline-block;
	margin-right: 10px;
}
.sl_vbtn:hover,
.sl_vbtn:focus
{
	color: #fff;
}

.s_btn{
	font-weight: 600;
}

/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*3.1. Paneles de información*/

/*Instancias del panel o backgraound*/
.panel-container{
	display: flex;
	margin-top: 40px;
	background-color: #fff;
	align-items: center;
	gap: 20px;
	padding: 20px;
	justify-content: center;
}
.panel{
	padding: 20px;
	flex: 1;
	border-radius: 5px;
	box-shadow: 0 40px 20px #00000012;
	text-align: center;
	transition: transform 0.3 ease;
}

.icon-panel:hover{
	transform: scale(1.1 1.1);
}
.icon-container{
	
	padding: 10px;
	margin-bottom: 50px;
	display: inline-block;
	border-radius: 60px;
	background-color: #0047AB;

}

.icon{
	padding: 10px;
	width: 100px;
	height: 100px;
}

.icon-text{
	font-size: 16px;
	color: #0047AB
}

.panel-text{
	font-size: 20px;
	color: #333;
}

.panel-title{
	font-size: 25px;
	color: #000000;
	margin: 10px 0;
}

.btn-panel-info{
	background-color: #028484;
	border-radius: 20px;
	border:none ;
	width: auto;
	color: #fff;
	padding: 10px 20px;
	font-size: 1rem;
	display: inline-block;
	text-align: center;
	transition: all 0.3s ease;
}

.btn-panel-container{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}
.btn-panel-info:hover{
	background-color: #FFD700;
}
.btn-panel-info:focus{
	outline: none;
}

@media (max-width: 768px){
	.panel-container{
		margin-top: 20px;
		flex-direction: column;
		gap: 15px;
		
	}
}

@media(max-width: 768px){
	.btn-panel-container{
		padding: 5px;
	}
}
@media(max-width: 768px){
	.btn-panel-info{
		width: 60%;
		padding: 10px 0;
	}
}
@media(max-width: 768px){
	.icon-container{
		margin-top: 60px;
		flex-direction: column;
		gap: 15px;
	}
}
/*4.1 COMIENZO DEL PANEL DE BENEFICIOS*/

.beneficio-our_services{
	background-color: #0047AB;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 40px;
    gap: 20px; /* Espacio entre los paneles */
	
}


.beneficio-service {
	
	width: 250px;
	height: 250px;
    display: flex;
	overflow: hidden;
	min-height: 200px;
	flex-direction:column; /* Asegura que los elementos estén en fila */
    margin: 10px;
    /* background-color: #4682B4; */
    justify-content: space-between ; /* Separa el texto y la imagen */
    align-items: center;
    padding: 20px;
  
    border-radius: 10px;
	text-align: center;
}
.beneficio-service:hover {
	
}
.beneficio-service .icon {
	color: #028484;
	transition: all 0.3s ease 0s;
	margin-bottom: 1px;
	display: inline-block;
	line-height: 0;
}
.beneficio-service .icon i{
	font-size: 40px;
}
.beneficio-ser_text{
	flex-grow: 1; /* Hace que el texto ocupe el espacio disponible */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centra el texto verticalmente */
    align-items: center;
}
.beneficio-service h4 {
	font-size: 15px;
	margin-bottom: 10px;
	text-transform: capitalize;
	color: #fff;
}
.beneficio-service p{

}
.benefecio-s_btn {
	transition: .5s;
	background-color: #028484;
	color: #fff;
	padding: 6px 24px;
	text-decoration: decoration;
	display: inline-block;
	font-weight: 400;
	border-radius: 30px;
	margin-top: 7px;
}
.beneficio-s_btn:hover,
.beneficio-s_btn:focus{
	color: #fff;
} 

@media (max-width: 768px) {
    .beneficio-our_services {
        padding: 20px;  /* Reducir padding */
        gap: 10px;  /* Espacio más pequeño */
    }

    .beneficio-service {
        width: 100%;  /* Que ocupe todo el ancho disponible */
        max-width: 350px;  /* Límite máximo para no ser demasiado grande */
        height: auto;  /* Altura adaptable */
        padding: 15px;
    }

    .beneficio-service .icon i {
        font-size: 35px;
    }

    .beneficio-service h4 {
        font-size: 14px;
    }
}

/* 🌟 Responsivo para celulares pequeños */
@media (max-width: 480px) {
    .beneficio-our_services {
        flex-direction: column;  /* Mostrar en columna */
        align-items: center;
        padding: 10px;
    }

    .beneficio-service {
        width: 90%;  /* Ocupa el 90% de la pantalla */
        max-width: 300px; 
        padding: 10px;
    }

    .beneficio-service .icon i {
        font-size: 30px;
    }

    .beneficio-service h4 {
        font-size: 13px;
    }
}
/*--------*/


/*4.1 FIN DE PANEL DE BENEFICIOS*/


/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT
* ----------------------------------------------------------------------------------------
*/

.counter{
	 padding-top: 30px;
	
}
.single_counter {
	margin-bottom: 30px;
	background-color: #fff;
	padding: 30px 20px;
	text-align: center;
	border-radius: 50%;
	border: 8px solid #0047AB;/*Tabla de evidencia*/
	width: 140px;
	height: 140px;
}
.about img{
	border-radius: 4px;
}
.single_counter h3 {
	color: #333;
	margin-bottom: 0;
	font-size: 30px;
}

.single_counter p{
	text-transform: uppercase;
	margin-bottom: 0;
	color: #727272;
	font-size: 14px;
}

/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT
* ----------------------------------------------------------------------------------------
*/

/*Inicio del paso a paso*/

.step-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    max-width: 80%;
    margin: auto;
    padding: 20px;
    flex-wrap: wrap; /* Permite que los pasos se acomoden en pantallas pequeñas */
}

.progress-line {
    position: absolute;
    top: 117px;
    left: 12%;
    width: 75%;
    height: 4px;
    background-color: #696969;
    z-index: 1;
    transform: translateY(-50%);
}

.step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    flex: 1;
}

.circle {
    width: 50px; /* Reducido para móviles */
    height: 50px;
    border-radius: 50%;
    background-color: #42b69f;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    transition: background-color 0.3s ease, transform 0.3s ease;
    z-index: 2;
}

.step.active .circle {
    background-color: #028484; /* Color activo */
}

.step.active .circle:hover {
    background-color: #FFD700;
	color:#000;
    transform: scale(1.3);
}

.step p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

/* 🔹 RESPONSIVE */
@media (max-width: 768px) {
    .step-container {
		margin-top: -50px;
        flex-direction: column;
        align-items: center;
        gap: 40px;
		max-width: 100%;
    }

    .progress-line {
        width: 4px; 
        height: 40%;
        left: 50px;
        margin-top: 105px;
        transform: none;
		transform: scaleX(0.3);
    }

    .step {
		display: flex;
		flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        gap: 10px;
        width: 100%;
        position: relative;
        padding-left: 50px; /* Ajuste para espacio */
    }

    .circle {
		flex-shrink: 0;
		min-width: 50px;
		position: relative;
		top: 0px;
		left: -30px;
    }
	.step p {
		flex-grow: 1;
        position: relative;
        top: 5px;
        left: 0px;
        text-align: left;
    }

}

/*
* ----------------------------------------------------------------------------------------
* 05.START SERVICE DESIGN
* ---------------------------------------------------------------------------------------
*/


.our_services{
	background-color: #0047AB;
	padding: 50px 0;
	
}
.service {
	background-color: #fff;
	padding: 30px;
	border-radius: 6px;
	display: flex;
    flex-direction: column;
    justify-content: space-between; /* Distribuye los elementos dentro */
    align-items: center;
    text-align: center;
    min-height: 400px; /* Ajusta según lo necesario */
	
}
.service:hover {
	transform: scale(1.05);
}
.service .icon {
	color: #028484;
	transition: all 0.3s ease 0s;
	margin: 50px;
	display: inline-block;
	line-height: 0;
}
.service .icon i{
	font-size: 50px;
}
.ser_text{
	overflow: hidden;
}
.service h4 {
	font-size: 20px;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.service p{
	text-align: left;
	font-size: 18px;
}
.s_btn {
	transition: .5s;
	background-color: #028484;
	color: #fff;
	padding: 6px 24px;
	text-decoration: decoration;
	display: inline-block;
	font-weight: 400;
	border-radius: 30px;
	margin-top: 7px;
}
.s_btn:hover,
.s_btn:focus{
	color: #fff;
} 
@media (max-width: 768px) {
    .service {
        min-height: 300px; /* Reduce la altura mínima en pantallas más pequeñas */
        margin-bottom: 20px; /* Espacio entre servicios en pantallas pequeñas */
        padding: 20px; /* Agrega un poco de padding para mejorar el diseño */
    }

    .service .icon i {
        font-size: 40px; /* Reduce el tamaño del icono en pantallas más pequeñas */
        margin-bottom: 15px; /* Espacio entre el icono y el título */
    }

    .service h4 {
        font-size: 18px; /* Reduce el tamaño del título en pantallas más pequeñas */
        margin-bottom: 15px; /* Espacio ajustado */
    }

    .s_btn {
        padding: 5px 15px; /* Ajusta el padding del botón para pantallas más pequeñas */
        font-size: 14px; /* Ajusta el tamaño del texto del botón */
        border-radius: 25px; /* Reduce el radio del borde del botón */
    }
}

@media (max-width: 480px) {
    .service {
        min-height: 250px; /* Reduce aún más la altura mínima en dispositivos muy pequeños */
        padding: 15px; /* Menos padding para dispositivos pequeños */
        margin-bottom: 15px; /* Espacio entre servicios */
    }

    .service .icon i {
        font-size: 35px; /* Tamaño del icono más pequeño para teléfonos móviles */
        margin-bottom: 10px; /* Espacio ajustado entre el icono y el título */
    }

    .service h4 {
        font-size: 16px; /* Tamaño del título más pequeño para teléfonos móviles */
        margin-bottom: 10px; /* Espacio ajustado */
    }

    .s_btn {
        padding: 4px 10px; /* Ajusta aún más el padding del botón para móviles */
        font-size: 12px; /* Tamaño del texto del botón más pequeño para móviles */
        border-radius: 20px; /* Radio del borde aún más pequeño para móviles */
    }
}

/*
* ----------------------------------------------------------------------------------------
* 04.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/


.pr-0{
	padding-right: 0px;
}

/*
 * ----------------------------------------------------------------------------------------
 * 05.END WHY CHOOSE US DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 *  06.START SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/

.top_deals{
	padding-bottom: 10px;
}
#special_package{
	padding-top: 0;
}
.single_package {
	margin: 0 0px 30px;
	position: relative;
	border-radius: 4px;
}
.pack_image{
	position: relative;
}
.pack_image:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: -webkit-linear-gradient(bottom, #202f59 0%,rgba(32,47,89,0) 100%);
	transition: all .25s ease;
	height: 35%;
	width: 100%;
}
.single_package:hover .pack_image:after{
	height: 100%;
}
.tour_text{
	margin: 0 auto;
	width: 90%;
	position: relative;
	border-top: none;
	margin-top: -40px;
	background: #fff;
	-webkit-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
	-moz-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
	box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
	z-index: 1;
	padding: 30px;
}
.tour_text span{
	font-weight: 600;
	color: #0047AB;
}
.tour_text h3 a{
	color: #333;
	font-size: 21px;
}
.single_package img{
	width: 100%;
	position: relative;
	border-radius: 4px;
}

.single_package h5 {
	font-size: 19px;
	margin-bottom: 0px;
	text-transform: capitalize;
	font-weight: 600;
	color: #fff;
	display: inline-block;
	margin-top: 10px;
	
}
.tour_text p{
	margin-bottom: 0;
}
.tour_text .location i{
	color: #0047AB;
}

.tour_price {
	display: inline-block;
	background-color: #0047AB;
	position: absolute;
	transform: translateX(-50%);
	width: auto;
	position: absolute;
	top: 35px;
	left: 50%;
	z-index: 1;
	color: #fff;
	border-radius: 30px;
	padding: 3px 30px;
	font-weight: 500;
} 
/*
 * ----------------------------------------------------------------------------------------
 * 06.END SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 05.START GALLERY DESIGN
* ----------------------------------------------------------------------------------------
*/
.swiper {
    width: 100%;
    padding: 20px 0;
}
.swiper-slide {
    display: flex;
    justify-content: center;
}

.single-gallery{
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}

.single-gallery:hover:before{
	opacity: 1;
}
.single-gallery img{
	width: 100%;
}


.portfolio-item{
	margin-bottom: 30px;
}


.gallery_content {
	position: absolute;
	padding: 10px 20px;
	background-color: #fff;
	bottom: 20px;
	left: -100px;
	opacity: 0;
	transition: .5s;
}
.gallery_content h4{
	font-size: 20px;
}
.single-gallery:hover .gallery_content{
	opacity: 1;
	bottom: 20px;
	left: 20px;
}
.gallery_enlarge_icon{
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	border: 1px solid #0047AB;
	color: #fff;
	background-color: #0047AB;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	margin-top: 15px;
	transition: .5s;
}
.gallery_content:hover .gallery_enlarge_icon,
.gallery_content:hover .gallery_enlarge_icon{
	color: #fff;
	border-color: #f4e7ff;
}
.mt-40{
	margin-top: 40px;
}
.mt-80{
	margin-top: 80px;
}

/*
* ----------------------------------------------------------------------------------------
* 05.END GALLERY DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 06.END COUNTER UP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 07.START TOP DEALS DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*Control de ciudades de empleo*/
.padding_0{
	padding: 20px;
}
.top_deals{
	margin-top: 100px;
}
.single-deal {
	box-shadow: 0 0 30px 0 #061e6214;
	border-radius: 4px;
	overflow: hidden;
	text-align: left;
	margin-bottom: 30px;
	height: 80%;
	max-height: 450px;
}
.tour-rating{
	color: #4682B4;
}
.tour-rating .rating_count{
	float: right;
	color: #727272;
	margin-bottom: 10px;
	font-size: 18px;
}
.single-deal figure {
	position: relative;
    width: 100%;   /* O un valor fijo como 300px si prefieres un tamaño específico */
    height: 475px; /* Altura fija para evitar que la imagen cambie de tamaño */
    overflow: hidden; /* Esto asegura que cualquier contenido fuera del contenedor se recorte */
}
.single-deal figure:before{

}
.single-deal figure:hover:before{

}
.single-deal figure img {
	position: relative;
    display: block;
    max-width: 100%;  /* Limita el tamaño máximo al tamaño del contenedor */
    height: auto;     /* Mantiene la proporción original de la imagen */
}
.tour-rating{
	font-size: 15px;
}
.single-deal figcaption {
	padding: 25px 30px;
	text-align: left;
	background-color: transparent;
	transition: .2s;
	position: absolute;
	z-index: 11;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color:#fff;
	text-align: left;
}

.single-deal h4 {
	margin-bottom: 12px;
	font-size: 21px;
	transition: .2s;
	margin-top: 7px;
}
.single-deal h4,
.single-deal .tr-price{
	display: inline-block;
}
.single-deal .tr-price {
	font-size: 17px;
	font-weight: 500;
	float: right;
	position: relative;
	top: -45px;
	right: -18px;
	color: #fff;
	background: #ff3d66;
	padding: 3px 16px;
	border-radius: 4px;
}

.single-deal figcaption p {
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
	color: #f4e7ff;
}

.single-deal i{
	font-size: 16px;
	color: #ff3d66;
}
.single-deal .tour-rating  i{
	font-size: 12px;
}

/*Control de Aupair*/


/*
 * ----------------------------------------------------------------------------------------
 * 07.END TOP DEALS DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
* 08.START DEALS & DISCOUNT DESIGN
* ----------------------------------------------------------------------------------------
*/
.tour_details .tour_slider{
	margin-bottom: 20px;
}
.related-deal{
	padding-bottom: 50px;
}

.tour_duration {
	font-weight: 400;
	color: #fff;
	margin-bottom: 20px;
	display: inline-block;
	background-color: #ff3d66;
	padding: 2px 12px;
	border-radius: 4px;
}
.tour_duration i{
	font-size: 18px;
}
.tour_slider .slick-prev, 
.tour_slider .slick-next{
	z-index: 1;
	line-height: 50px;

} 

.tour_slider .slick-prev{
	left: 20px;
	top: 45%;
}
.tour_slider .slick-next{
	right: 50px;
	top: 45%;
}
/*END SINGLE TOUR DETAILS*/
/*
* ----------------------------------------------------------------------------------------
* 08.END DEALS & DISCOUNT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 10.START BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */

.blog_section {
    padding-top: 130px;
    padding-bottom: 100px;
}
 
.single_blog h4{
 font-size: 28px;
}

img{
	max-width: 100%;
	display: block;
}
.single_blog { 	
	margin-bottom: 30px;
	box-shadow: 0 0 30px 0 rgba(6,30,98,.08);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}

.post_date{
	background: #ff3d66;
	padding: 5px 20px; 
	margin-bottom: 0px;
	display: inline-block;
	font-size: 12px;
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 10px 10px 0 0;
	z-index: 99;
	border-radius: 0px;
	font-weight: 600;
}
.post_date a{
}
.blog-text{
	padding: 30px 30px 30px;
}
.post-meta {
	margin-top: 0;
	font-size: 14px;
	overflow: hidden;
	color: #fff;
	position: absolute;
	left: -30px;
	bottom: 65px;
	background-color: #f4e7ff;
	transform: rotate(-90deg);
	padding: 3px 13px;
	border-radius: 4px;
}

.post-meta span i{
	color: #f4e7ff;
	padding-right: 3px;
}
.blog-text{
	text-align: left;
}
.blog-text h4{
	line-height: 30px;
	margin-bottom: 10px;
}
.blog-text p{
	margin-bottom: 15px;
}
.single_blog h4 a {
	font-size: 20px;
	color: #333;
}
.single_blog h4 a{
	transition: .5s;
}
.blog_btn{
	font-weight: 500;
	color: #333;
}
.single_blog h4 a:hover{
	color: #ff3d66;
}
.meta_cat a {
	display: inline-block;
	background-color: #f4e7ff;
	color: #fff;
	padding: 2px 18px;
	border-radius: 20px;
	margin-bottom: 17px;
	margin-right: 8px;
	font-size: 14px;
}
.entry-content p{
	margin-bottom: 15px;
}

.blog-details .post-meta{
	margin-bottom: 15px;
}
.blog-photo{
}
.blog_image{
	position: relative;
}
.single_blog:hover .blog_image:before{
	opacity: 1;
}
.post-btn {
	font-weight: 600;
	color: #f05942;
	transition: .5s;
	text-decoration: underline !important;
}
.post-btn:hover,
.post-btn:focus{
	color: #f05942;
}

.comment-box{padding:0!important;}
/*END BLOG SINGLE PAGE DESIGN*/

/*START BLOG SIDEBAR*/
.blog_sidebar_title {
	margin-bottom: 25px;

}
.search input {
  border: 1px solid #eee;
  border-radius:30px;
  box-shadow: none;
  color: #333;
  height: 45px;
}
.search input:hover,.search input:focus{border: 1px solid #0047AB;box-shadow: none;}
.search,
.video_post,
.categories { margin-bottom: 30px }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #333;
	display: block;
	font-size: 12px;
	font-weight: 300;
	padding: 5px 0;
	text-transform: uppercase;
}
.categories ul li a:hover { color: #ff3d66 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 220px;
    border: medium none;
}
.tag a {
  margin-bottom: 10px;
  margin-right: 5px;
}
.btn-tag-bg {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #eee;
	border-radius: 30px;
	color: #333;
	display: inline-block;
	font-size: 12px;
	outline: medium none;
	padding: 15px 27px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
}
.btn-tag-bg:hover,
.btn-tag-bg:focus {
    background: #fff;
	border: 1px solid #fff;
    color: #fff;
}
/*END BLOG SIDEBAR*/


/*
 * ----------------------------------------------------------------------------------------
 * 10.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
/*
 * ----------------------------------------------------------------------------------------
 * 11.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
.testimonial .white-title h2{
	color: #fff;
}

.testimonial{ 
	position: relative;
	padding-top: 10px;
}

.single-testimonial {
	padding: 40px 30px 20px;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	margin: 33px 20px;
	box-shadow: 0 0 30px 0 rgba(6,30,98,.08);
	overflow: hidden;
}

.testimonial .owl-item.active.center .single-testimonial:after{
	opacity: 0;
}
.testimonial-content {
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 18px;
	line-height: 29px;
	font-style: italic;
	
}
.testimonial .title {
	display: block;
	font-size: 19px;
	color: #0047AB;
	text-transform: capitalize;
	margin: 2px 0 3px 0;
}
.testimonial-bottom {
	margin-top: 20px;
	float: left;
	text-align: left;
}

.test-rating {
	color: #0047AB;
	font-size: 14px;
}
.testimonial .owl-carousel .owl-item img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-bottom: 19px;
	display: inline-block;
	border: inherit;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
	background-color: #fff;
	
}
#testimonial-slider .test-img {
	position: relative;
	width: auto;
	display: inline-block;
	margin-top: 10px;
	float: left;
	margin-right: 20px;
}
#testimonial-slider .test-img:after {
	position: absolute;
	bottom: 13px;
	right: 0;
	width: 30px;
	height: 30px;
	content: '';
	background-image: url(../images/quote-img.png);
	background-color: #0047AB;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: 7px;
}
#top-package .owl-nav {
	position: absolute;
	top: -64px;
	width: 100%;
	margin: 0;
	right: -5px;
	text-align: right;
}
#testimonial-slider .owl-nav {
	position: absolute;
	top: -28px;
	width: 100%;
	margin: 0;
	right: 11px;
	text-align: right;
}
#top-package .owl-nav button,
#testimonial-slider .owl-nav button{
	position: relative;
	color: #fff;
	margin: 0 5px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	border: 1px solid transparent;
	background-color: #028484;
	transition: .5s;
}
#top-package .owl-nav button:hover,
#testimonial-slider .owl-nav button:hover{
	color: #000;
	background-color: #FFD700;
	border-color: #FFD700;
}

#top-package .owl-nav button i,
#testimonial-slider .owl-nav button i{
	font-size: 13px;
}
/*
 * ----------------------------------------------------------------------------------------
 * 11.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo{
	padding: 20px 0;
}
.partner-logo .partner {
	padding: 10px;
	box-shadow: 0 0 30px rgba(0,0,0,0.06);
	border-radius: 8px;
	background-color: #fff;
	text-align: center;
	margin: 10px;
}

.partner-logo h2{
	margin-top: 25px;
	font-size: clamp(16px,2vw,24px);
}
.partner-logo a{
	padding: 13px;
	display: block;
}
.owl-carousel .owl-item img{
	width: auto;
	max-width: 100%;
	height: auto;
}
.partner.owl-theme .owl-controls {display: none!important;}
.partner-logo .owl-carousel .owl-item img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}

@media only screen and(max-width: 768px){
.partner-logo.partner{
	margin: 5px;
	padding: 8px;
}

.partner-logo h2{
	font-size: 18px;
}

.owl.owl-carousel .owl-item{
	max-width: 90%;
}
}

@media only screen and(max-width: 480px){
	.partner-logo.partner{
		margin: 2px;
		padding: 5px;
	}
	
	.partner-logo h2{
		font-size: 16px;
	}
	
	.owl.owl-carousel .owl-item{
		max-width: 80%;
	}
}
/*
* ----------------------------------------------------------------------------------------
*  12.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

.dato-container {
	
    background-color: #0047AB;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 4px 6px #0000001a;
    width: 100%;
	margin: auto;
    max-width: 500px;
	margin-bottom: 40px;
}

.dato-spacer {
    height: 20px; /* Adjust this value to control the space */
}
.dato-header-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
    justify-content: center;
}

.dato-logo {
	display: flex;
	justify-content: center;
	align-items: center;
    position: absolute;
    left: 0;
    max-width: 100px;
    height: auto;
    margin-bottom: 130px;
	margin-top: 20px;
}

form {
    display: flex;
    flex-direction: column;
}

h2 {
    text-align: center;
    color: #fff;
    margin: 30px;
    flex-grow: 1;
}

.dato-nombre-row, .dato-apellido-row, .dato-info-row, .dato-contacto-row, .dato-programa-row, .dato-documentos-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.dato-form-group {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.dato-form-group label {
    margin-bottom: 5px;
    color: #fff;
}

.dato-form-group input, .dato-form-group select {
    padding: 8px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    color: black;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: white;
}

.dato-form-group input:focus, .dato-form-group select:focus {
    outline: none;
    border-color: #0047AB;
    box-shadow: 0 2px 4px rgba(136, 20, 212, 0.2);
}

.dato-checkbox-group, .dato-radio-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dato-checkbox-item, .dato-radio-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

button {
    background-color: #028484;
    color: white;
    border: none;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 15px;
    transition: background-color 0.3s ease;
}

button:hover {
    background-color: #FFD700;
	color: #000;
	transform: scale(1.1, 1.1);
}

.dato-logo-container {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .dato-container {
        width: 90%; /* Reduce el ancho para móviles */
        padding: 20px; /* Menos padding para evitar que se vea demasiado grande */
    }

    .dato-nombre-row, 
    .dato-apellido-row, 
    .dato-info-row, 
    .dato-contacto-row, 
    .dato-programa-row, 
    .dato-documentos-row {
        flex-direction: column; /* Apila los campos en una columna */
    }

    .dato-form-group {
        width: 100%; /* Ocupa todo el ancho */
    }

    button {
        width: 100%; /* Botón ancho completo en móviles */
        padding: 12px; /* Un poco más grande para facilidad de clic */
    }

    .dato-header-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .dato-logo {
        position: static; /* Evita que se salga del contenedor */
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .dato-container {
        width: 95%; /* Más margen en pantallas muy pequeñas */
    }

    .dato-form-group input,
    .dato-form-group select {
        font-size: 16px; /* Asegura que los inputs sean legibles */
    }
}
/*


/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.footer {
	padding: 40px  40px;
	background-color: #0047AB ;
	color: #fff;
	
}
.footer-top {
	margin-bottom: 30px;
	border-bottom: 1px solid rgb(247, 243, 243 , 0.1);
	padding-top: 20px;
	padding-bottom: 40px;
}
.cont_info i{
	margin-right: 15px;
}
.cont_info span{
	overflow: hidden;
}
.footer ul li a{
	font-weight: 400;
	color: #fff;
}
.copyright_text,
.copyright_text a,
.copyright_text a:hover,
.copyright_text a:focus{
	color: #fff;
}
.copyright_text a{
	font-weight: 500;
}
.fot-logo{
	margin: 40px 0 0 0;
	width: 260px;
}

.footer .fot-title {
	position: relative;
	margin-bottom: 22px;
	color: #fff;
	font-size: 22px;
	text-transform: capitalize;
	text-align: center;
}

.footer ul{
	list-style-type: none;
}
.footer ul li{
	line-height: 32px;
}

.footer .copyright{
	padding-top: 30px;
}
.footer .copyright p{
	margin-bottom: 0;
	font-weight: 600;

}
.footer-bottom p {
	margin-bottom: 30px;
	font-size: 15px;
}
.footer ul {
	list-style-type: none;
}
.footer ul li {
	line-height: 32px;
	position: relative;
}
.footer ul li a {
	font-weight: 400;
}
.footer a{
	transition: .5s;
}
.footer a:hover,
.footer a:focus{
	color: #000;
	transform: scale(1.1);

}
.foot_social_link {
	margin-top: 19px;
	display: block;
}
.foot_social_link li{
	display: inline-block;
	margin:0 7px;
}
.footer .foot_social_link li a{
	font-size: 18px;
	color: #fff;
	transition: .5s;
}
.footer .foot_social_link li a:hover,
.footer .foot_social_link li a:focus{
	background-color: #FFD700;
	color: #000;

}
.fot-about-us{
	padding-right: 20px;
}

.footer-flag {
    display: flex;
    justify-content:flex-start; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    text-align: center; /* Asegura que el contenido dentro del div esté centrado */
    margin-top: 15px; /* Ajusta la distancia con los elementos de arriba */
}

.footer-flag img {
    width: 40px;  /* Ajusta el tamaño */
    height: auto;
    border-radius: 50%; /* Hace que la bandera sea redonda */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Suaviza la apariencia */
}

.footer-flag img:hover {
    transform: scale(1.1); /* Efecto de zoom al pasar el mouse */
    transition: transform 0.3s ease-in-out;
}


.footer-flag .flag:hover {
    transform: scale(1.1); /* Efecto de zoom al pasar el mouse */
}

/* Responsivo */
@media (max-width: 768px) {
    .footer {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer .container {
        flex-direction: column;
        align-items: center;
		margin-bottom: 50px;
		
    }

	.footer-flag {
		display: flex;
		justify-content:center; /* Centra horizontalmente */
		align-items: center; /* Centra verticalmente */
		text-align: center; /* Asegura que el contenido dentro del div esté centrado */
		margin-top: 15px; /* Ajusta la distancia con los elementos de arriba */
	}

    .fot-logo {
		display: flex;
		justify-content:center; /* Centra horizontalmente */
		align-items: center; /* Centra verticalmente */
        width: 150px;
        margin-bottom: 20px;
    }

    .footer-widget,
    .footer-right {
        width: 100%;
        max-width: 300px;
    }

    .subscribe-form button {
        width: 100%;
        max-width: 250px;
    }
}


/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.Tour Details DESIGN
* ----------------------------------------------------------------------------------------
*/
.form-control:focus{
	outline: inherit;
	box-shadow: inherit;
}
.page_banner{
	position: relative;
	margin-top: 0px;
}
.banner_overlay{
	background: rgba(0, 0, 0, 0.7);
	padding: 180px 0 90px;
}
.banner_overlay .section-blog-title{
	color: #fff;
	font-size: 30px;
	text-transform: capitalize;
}
.single_tour_details{
	padding-right: 20px;
}

.tour_details{
	padding-bottom: 0;
	font-family:'Nunito sans', sans-serif;
}
.tour_duration i,
.tour_duration span{
	color: #fff;
}
.book_now{
	background-color: #0047AB;
	padding: 40px 40px 50px;
	border: 1px solid #f1f1f1;
	border-radius: 4px;
}
.book_now .form-control {
	margin-bottom: 28px;
	background-color: #fff;
	border-color: #fff;
	padding: 8px 15px;
	border-radius: 4px;
}
.book_now h4{
	margin-bottom: 32px;
	font-size: 20px;
}
.book_now .btn-home-bg{
	padding: 12px 15px; 
	display: block;
	width: 100%;
	font-family: 'Nunito sans', sans-serif;
}
.book_now .form-control::placeholder {

}
.book_now .form-control:focus{
	box-shadow: inherit;
	border-color: #0047AB;
}
.book_now .book_now_btn {
	background: #fff;
	color: #333;
	border: 1px solid #fff;
	padding: 7px 24px;
	display: inline-block;
	font-weight: 600;
	width: 100%;
	transition: .5s;
}
.book_now .book_now_btn:hover,
.book_now .book_now_btn:focus{
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}
.tour-map{
	margin-top: 20px;
}
.tour-map iframe{
	border: inherit;
	width: 100%;
}
.tour_title{
	font-size: 22px;
	margin-bottom: 25px;
}
.tour_slider_img{
	
}
.tour_slider .slick-prev::before, 
.tour_slider .slick-next::before {
	color: #F89500;
	font-size: 15px;
	background-color: #fff;
	width: 50px;
	height: 50px;
	line-height: 47px;
	display: inline-block;
	border-radius: 50%;
	opacity: 1;
	border: 1px solid #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 15.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
*16 INICIO DE apartado de videos
*/

.our_videos{
	background-color: #ffffff;
	padding: 130px 0;
}
.videos {
	margin-bottom: 40px;
	transition: all 0.4s ease 0s;
	padding: 55px 35px 60px;
	border-radius: 5px;
	transition: .5s;
	background-color: #fff;
	text-align: center;
	
}
.videos:hover {
	
}
.single-videos.img{
	width: 100%;
}
.videos.icon {
	color: #028484;
	transition: all 0.3s ease 0s;
	margin-bottom: 30px;
	display: inline-block;
	line-height: 0;
}
.videos.icon i{
	font-size: 50px;
}
.videos_text{
	overflow: hidden;
}
.videos h4 {
	font-size: 20px;
	margin-bottom: 10px;
	text-transform: capitalize;
}
.videos p{

}
.v_btn {
	transition: .5s;
	background-color: #028484;
	color: #fff;
	padding: 10px 24px;
	text-decoration: decoration;
	display: inline-block;
	font-weight: 400;
	border-radius: 30px;
	margin-top: 7px;
}
.v_btn:hover,
.v_btn:focus{
	color: #fff;
} 

/* Fin de apartado de experiencias*/

/*Aquí inicia el control del botón */

.deal-buttom-wrapper{
	display: center;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 20%;
	text-align: center;
	padding: 20px;
}

.btn-formulario{
	display: inline-block; /* Hace que el botón sea de tipo inline */
    padding: 16px 44px; /* Espaciado interno del botón */
    font-size: 23px; /* Tamaño de la fuente */
    font-weight: 600; /* Grosor del texto */
    text-decoration: none; /* Elimina el subrayado */
    color: #fff; /* Color del texto */
    background-color: #028484; /* Color de fondo del botón */
    border-radius: 4px; /* Bordes redondeados */
    transition: all 0.3s ease;
	cursor: pointer;
	font-family:'Nunito sans', sans-serif;
}

.btn-formulario:hover{
	background-color: #FFD700;
	color: #000;
	transform: scale(1.1);
}

@media(max-width: 768px){

	.btn-formulario{
		padding: 12px 14px;
		font-size: 16px;
	}
}
#blog-section{
	padding: 80px 0;
}
#blog-section .single_blog h4 a{
	font-size: 1.5rem;
}
.blog-details .blog-text{
	position: relative;
	bottom: 0;
	left: 0;
	padding: 30px;
	color: #666666;
	z-index: 9;
}
.blog-details .blog-text  .post-meta span, 
.blog-details .blog-text  .post-meta span a, 
.blog-details .blog-text .post-meta a{
	color: #666666;
}

.blog-section.blog-details .single_blog:after {
	position: relative;
	bottom: 0px;
	left: 0px;
}

.blog-text.text-left,
.entry-content{
	text-align: left;
}
.blog-text.text-left{
	
}
.post_description{
	margin-top: 12px;
}
.content-area .post_description {
	margin-top: 18px;
	margin-bottom: 18px;
	overflow: hidden;
}
.pagination{
	display: block;
}
.pagination-nav{
	padding-top: 20px;
	text-align: center;
	margin-bottom: 20px;
}

.pagination-nav a {
	background-color: #ffffff;
	color: #333;
	font-weight: 500;
	font-size: 15px;
	border-radius: 4px;
	text-align: center;
	margin: 0 6px;
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
}

.pagination-nav a:hover,
.pagination-nav a:focus,
.pagination-nav a.active{
	background-color: #0047AB;
	border-color: #0047AB;
	color: #fff;
}
.post_tags{
	font-weight: 600;
	margin-top: 30px;
}
.post_tags a {
	color: #fff !important;
	transition: .5s;
	background-color: #0047AB;
	padding: 2px 15px;
	margin-right: 5px;
	display: inline-block;
	font-weight: 500;
	border-radius: 4px;
}

.post_tags a:hover,
.post_tags a:focus{
	color: #fff!important;
	background-color: #333;
}
.post_tags a:hover,
.post_tags a:focus{
	color: #FFD700;
}
#sidebar-section{

}
.widget{
	margin-bottom: 30px;
	padding-bottom: 10px;
	background-color: #f8f9fa;
	overflow: hidden;
	border-radius: 4px;
}
.widget_title {
	font-size: 24px;
	text-transform: capitalize;
	color: #333;
	margin: 30px 30px 6px 30px;
	padding-bottom: 14px;
	display: block;
	position: relative;
}

.widget.widget_categories{
	padding-bottom: 0px;
}
.widget ul{

}
.widget.widget_search{
	padding: 30px;
}
.widget.widget_search .widget_title {
	margin-bottom: 20px;
	margin-left: 0;
	margin-top: 0;
}


.widget:last-child{
	margin-bottom: 0;
}
.widget ul > li{
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
	padding-left: 30px;
	padding-right: 30px;
	transition: .5s;
}
.widget ul > li > ul > li{
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	border-bottom: inherit;
}
.widget li a{
	font-weight: 600;
	color: #444;
	
}
.widget.widget_categories ul > li:hover{
	background-color: #0047AB;
	cursor: pointer;
	color: #fff;
}
.widget.widget_categories li a{
	font-size: 16px;
	
}
.widget.widget_categories li:hover a{
	color: #fff;
}
.widget li a:hover,
.widget li a:focus{
	color: #0047AB;
}
.widget li:last-child{
	border-bottom: inherit;
}
.widget.widget_text .textwidget,
.widget .calendar_wrap,
.widget.widget_categories form
{
	padding-left: 30px;
	padding-right: 30px;
}


.widget.widget_archive select,
.widget.widget_categories select{
	margin-top: 20px;
	margin-bottom: 30px;
}
.widget.widget_archive select{
	margin-left: 30px;
	width: 83%;
}
.widget.widget_text .widget_title{
	margin-bottom: 15px;
}
.widget.widget_rss .rsswidget{
	display: inline-block;
}
#reply-title{
	font-size: 24px;
	color: #333;
}
.widget_categories li a{
	text-transform: capitalize;
	font-weight: 600;
}
.widget.widget_tag_cloud{
	padding-left: 30px;
	padding-right: 30px;	
	padding-bottom: 30px;	
}
.widget.widget_tag_cloud .widget_title{
	margin-bottom: 25px;
	margin-left: 0;
	margin-right: 0;
}
.search_form{
	
}

.form-control{
	height: 50px;
	line-height: 50px;
	border-radius: 4px;
}
.form-control:focus{
	border-color: #0047AB;
}
.search_form form{
	position: relative;
}
.search_form .form-control::-webkit-input-placeholder {
  color: #666666;
  opacity: 1;
}

.search_form .form-control::-moz-placeholder {
  color: #666666;
  opacity: 1;
}

.search_form .form-control:-ms-input-placeholder {
  color: #666666;
  opacity: 1;
}
.search_form .form-control {
	height: 50px;
	line-height: 50px;
	padding: 10px 15px;
	background-color: #fff;
	color: #666666;
	border-radius: 4px;
	font-size: 14px;
}
.search_form .form-control:focus{
	box-shadow: inherit;
	border-color: #0047AB
}
.search_form button{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #0047AB;
	color: #fff;
	border: 1px solid transparent;
	height: 50px;
	padding: 0 25px;
	line-height: 50px;
	border-radius: 4px;
}
.widget_categories i{
	padding-right: 5px;
	color: #0047AB;
}
.widget_categories .badge{
	font-size: 13px;
}
.widget_categories li:hover i,
.widget_categories li:hover span{
	color: #fff;
}
.widget_categories li span{
	color: #727272;
}

.widget_tag_cloud a {
	display: inline-block;
	padding: 5px 15px;
	margin-right: 8px;
	margin-bottom: 12px;
	font-size: 13px;
	transition: .5s;
	background-color: #fff;
	font-weight: 500;
	border-radius: 4px;
}
.widget_tag_cloud a:hover,
.widget_tag_cloud a:focus{
	color: #fff;
	background-color: #0047AB;
	border-color: #0047AB;
}
.widget_instagram ul {
	padding: 10px 20px 10px 30px;
}
.widget_instagram li{
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 29%;
	float: left;
	position: relative;
	padding: 0!important;
	border-bottom: inherit;
	transition: .5s;
}
.widget_instagram li a{
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	transition: .5s;
}
.widget_instagram li:before{
	position: absolute;
	content: '';
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: .5s;
}
.widget_instagram li a:after {
	position: absolute;
	content: "\e73d";
	font-family: 'Nunito sans', sans-serif;
	width: 100%;
	height: 100%;
	top: 37%;
	left: 0;
	color: #fff;
	text-align: center;
	display: inline;
	z-index: 11;
	opacity: 0;
	transition: .5s;
}
.widget_instagram li a:hover::after,
.widget_instagram li:hover::before{
	opacity: 1;
}

.widget_instagram img{
	width: 100%;
}

.turista_recent_post h3{
	font-size: 17px;
}

/* Comment Style */
.comment-area{
	padding-top: 30px;
	margin-bottom: 20px;
	overflow: hidden;
}
.comment-area li{
	list-style-type: none;
	margin-bottom: 25px;
}
.comment-area li ul{
	padding-left: 30px;
	margin-top: 25px;
}
.comment-title,
.comment-form h3{
	font-size: 24px;
	margin-bottom: 40px;
}
.author_pic{
	float: left;
	margin-right: 25px;
}
.author_pic img{
	border-radius: 50%;
	width: 80px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
}
.comment_text{
	overflow: hidden;
	margin-bottom: 45px;
}
.com-title{
	font-size: 17px;
}
.comment_text .date{
	font-weight: 400;
}
.comment_text .date .com_reply{
	float: right;
	font-size: 13px;
}
.comment-form {
	padding-top: 10px;
}
.comment-form .form-control{
	margin-bottom: 20px;
	background-color: #f8f9fa;
}
.comment-form textarea{
	height: 150px;
}
.comment-form .form-control:focus{
	box-shadow: inherit;
}

.send-message-info i{
	width: 45px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #028484 ;
	color: #fff ;
	background-color: #028484 ;
	display: inline-block;
	border-radius: 50%;
	margin-bottom: 30px;
}
.send-message-info h4{
	margin-bottom: 40px;
}

/* Signle Service */

.single_service_details h2{
	margin-bottom: 25px
}


/* Responsive Design */

@media only screen and (max-width:1366px) { 
	.single-counter {
		background-color: #028484;
		padding: 30px 14px;
	}
	.blog-text h4 {
		line-height: 32px;
	}
	.single_blog h4 a {
		font-size: 24px;
	}
}


@media only screen and (max-width:1199px) { 
	.about_title{
		padding-top: 50px;
	}
	.contact_info_wrap {
		padding: 40px 40px 20px;
	}
	.footer-widget{
		margin-bottom: 30px;
	}

}

@media only screen and (max-width:1024px) { 
	#main-menu ul li {
		margin-left: 30px;
	}
	
}

@media only screen and (max-width: 991px){
	
	#main-menu ul li {
		margin-left: 9px;
	}
	#main-menu ul li a {
		font-size: 15px;
	}
	#navigation {
		padding: 10px 0 20px;

	}
	.choose_img{
		margin-left: 0;
		margin-top: 40px;
	}
	.contact_address{
		padding-left: 0;
		margin-top: 40px;
	}
	.single-counter,
	.footer-widget,
	.single-contact-info{
		margin-bottom: 30px;
	}
	#top-package .owl-nav button{
		display: none;
	}
	.pagination-nav{
		margin-bottom: 60px;
	}
	.banner_overlay .section-blog-title {
		font-size: 30px;
	}
}

@media only screen and (max-width: 767px){
	#main-menu{
		display: none;
		
	}
	#mobile_menu{
		display: block;
		width: 100%;
		
	}
	.slicknav_nav{
		background-color: #211E3B;
	}
	#navigation #mobile_menu li a{
		color: #fff;
		font-weight: 400;
		font-family: 'Nunito sans', sans-serif;
	}
	#navigation #mobile_menu li li a{
		color: #222;
	}
	#navigation #mobile_menu li i{
		display: none;
	}
	#navigation ul li ul, #navigation ul {
		transition: .0;
	}
	#navigation.navbar-fixed #mobile_menu li a{
		color: #fff;
	}
	.slicknav_nav a{
		padding: 1px 0px;
		transition: .5s;
	}
	#navigation #mobile_menu li a:hover,
	#navigation #mobile_menu li a:focus{
		color: #028484;
	}
	.slicknav_btn {
		top: 24px;
	}
	.why_choose img {
		margin-bottom: 30px;
	}
	.single_tour_details{
		padding-right: 0;
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 575px){

	.slicknav_btn {
		margin: 0;
		text-decoration: none;
		position: absolute;
		top: 35px;
		right: 17px;
	}
	.home-slider .slick-arrow{
		display: none!important;
	}
	.hero-text {
		padding-top: 172px;
	}
	.hero-text h1 {
		font-size: 40px;
		margin-bottom: 25px;
		line-height: 56px;
	}
	#top-package .owl-nav button,
	#testimonial-slider .owl-nav button{
		display: none;
	}
	.single_blog.big-post .blog-text {
		left: 20px;
	}
	.right-blog .blog_image {
		width: 100%;
		float: inherit;
		margin-right: 0;
		margin-bottom: 24px;
	}
	.right-blog .blog-text {
		overflow: initial;
		display: block;
	}
	
}