.form-container {
		background: #fff;
		background-color: #fff;
		width: 100%;
		max-width: 100%;
		padding: 65px 20px 45px;
		border-radius: 50px;
		margin-left: 0;
		min-height: 35vh;
		display: flex;
		flex-direction: row;
		align-items: center;
		box-shadow: 0px 10px 20px 0px #00000038;
}

.container-text {
		background: #fff;
		background-color: #fff;
		width: 100%;
		max-width: 100%;
		padding: 50px 30px;
		border-radius: 50px;
		margin-left: 0;
		align-items: center;
		box-shadow: 0px 10px 20px 0px #00000038;
}

.container-text p {
		font-size: 22px;
}

.why-us {
		background-image: url(https://www.beyondmedical.mx/wp-content/uploads/2025/09/Why-Choose-Us-Section.png);
		background-repeat: no-repeat !important;
		background-position: center;
		background-size: 100%;
		height: 580px;
		display: flex;
		border-radius: 25px;
		flex-direction: row;
		align-items: center;
		padding: 0 0% 0 5%;
		justify-content: space-between;
}

.why-us-contenedor-interno {
		background-color: #161228;
		padding: 3% 5%;
}

.why-us-contenedor-fondos {
		min-height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
}

.why-us-contenedor-textos {
		width: 40%;
}

.why-us-contenedor-textos h2 {
		font-size: 33px !important;
}

div#\31 {
		border-radius: 0px 15px 0px 15px;
}

div#\32 {
		border-radius: 15px 0px 0px 15px;
}

div#\33 {
		border-radius: 15px 0px 15px 0px;
}




/* - - - - - MENU AND HEADER - - - - - */

a.logo {
		padding: 0 !important;
}

#masthead.masthead-logo-in-menu .logo > img {
		width: 186px;
		height: auto !important;
}

nav.site-navigation.main-navigation.primary.use-sticky-menu .full-container {
		max-width: 90% !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: nowrap;
		padding: 10px 0px;
}


.page-id-15 header#masthead {
		position: absolute;
		width: 100%;
		background: transparent;
}


.page-id-15 .main-navigation {
		background-color: transparent !important;
}


nav.site-navigation.main-navigation.primary.use-sticky-menu.sticky {
		background: #161228 !important;
}

.btn-menu a {
		background-color: #5b5ba3 !important;
		margin-left: 70px;
		color: white !important;
}

.menu-menu-prin-container {
		width: 100%;
}

.main-navigation ul li a {
		text-transform: uppercase;
		font-weight: 100;
}

.main-navigation ul ul {
		text-align: left;
}

.main-navigation ul ul li {
		text-transform: uppercase;
}

.main-navigation ul ul li {
		width: 100%;
}

.main-navigation ul ul a {
		line-height: 1.5;
		padding-right: 0;
		padding: 17px;
}

.main-navigation ul li.current-menu-item > a {
		color: #5b5ba3;
		text-decoration: underline;
}

.about-width{
		min-width: 260px;
		text-align: center;
}

/* - - - - - MENU AND HEADER - - - - - */


/* - - - - - ESTILOS - - - - - */

.entry-content h1, 
.entry-content h2, 
.entry-content h3{
		text-transform: uppercase;
}

.gris{
		color: #787878; 
}


.morado{
		color: #5B5BA3;
}

a.btn {
		background: #5B5BA3;
		color: white !important;
		padding: 10px 20px;
		border-radius: 25px;
		border: 2px solid #5B5BA3;
		text-decoration: none;
}


a.btn:hover {
		background: whitesmoke;
		color: #5B5BA3 !important;
		padding: 10px 20px;
		border-radius: 25px;
		border: 2px solid #5B5BA3;
		text-decoration: none;
}

.hero-inicio p {
		font-size: 18px;
		line-height: 1.2;
}

.hero-inici h2 {
		font-size: 62px;
		line-height: 1.2;
}

.blog #main {
    padding: 5em 35px;
}
article.post .entry-header, article.page .entry-header {
    padding-top: 40px;
    margin-bottom: 20px;
}
#secondary {
    padding-top: 40px;
    margin-bottom: 20px;
}
/* - - - - - ESTILOS - - - - - */


/* - - - - - - - - - -  home  - - - - - - - - - -  */
.padding-interno {
		padding: 0 5%;
}


.iconos-home {
		background-color: #F6F6F6;
		padding: 15px;
}

#main {
		padding: 0px 35px;
}


.subscription-container{
		min-height: 250px;
}

.layout-full #colophon{
		padding-top: 130px;
		padding-bottom: 40px;

}

.contenedor-servicios {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		margin: auto;
		max-width: 90%;
}

.servicios {
		background: white;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 20px 15px;
		width: 290px;
		border-radius: 20px;
		margin: 3rem auto;
		box-shadow: 0px 10px 30px #00000061;
}

.servicios h3 {
		margin-bottom: 0 !important;
		color: #5B5BA3;
}

.servicios img {
		margin-bottom: 3rem;
}

.servicios p {
		line-height: 1 !important;
		margin-bottom: 3rem;
		padding: 0 15px;
}



/* - - - - - - - - - -  home  - - - - - - - - - -  */


/* - - - - - pagina contacto - - - - - */
h1.title-contact {
		background: #5B5BA3;
		text-align: center;
		width: fit-content;
		margin: auto;
		margin-bottom: 0;
		color: white;
		padding: 10px 20px;
		border-radius: 20px;
		text-shadow: 0px 3px 5px black;
		font-size: 45px;
}
/* - - - - - pagina contacto - - - - - */

/* - - - - - - - - - - - - pagina faqs - - - - - - - - - - - - */


/* - - - - - - - - - - - - services pages - - - - - - - - - - - - */

.services-info h1 {
		max-width: 750px;
		min-width: 320px;
}

/* - - - - - - - - - - - - services pages - - - - - - - - - - - - */


/* - - - - - - - - - - - - about new pages - - - - - - - - - - - - */

h1.gigante {
    font-size: 120px;
    margin: 0.1rem auto;
}


/* - - - - - - - - - - - - about new pages - - - - - - - - - - - - */


/* - - - - - - - - - - - - FOOTER - - - - - - - - - - - - */
#footer-widgets .widget .widget-title {
		font-family: 'avenir_nextregular';
		text-transform: uppercase;
}


/* - - - - - pagina specialties new - - - - - */

.cuadros-especialidades {
    border: 1px solid #5b5ba3;
    padding: 45px 30px;
    width: 45%;
    border-radius: 25px;
    margin: auto;
}

/* - - - - - pagina specialties new - - - - - */


/* - - - - - about guadalajara new - - - - - */
.cuadros-guadalajara {
    box-shadow: 0px 0px 20px 20px #30303017;
    padding: 25px 25px;
    border-radius: 25px;
    width: 70%;
    min-width: 300px;
    height: 350px;
    margin: auto;
}
/* - - - - - about guadalajara new - - - - - */


/* - - - - - - - - - - - - RESPONSIVE - - - - - - - - - - - - */

@media only screen and (max-width: 1440px){
		.why-us {
				height: 500px;
		}
		.servicios {
				width: 250px;
		}
		.contenedor-servicios {
				max-width: 95%;
		}
		h1.title-contact {
				font-size: 35px !important;
		}
		.main-navigation ul li {
				font-size: 13px;
		}
		.main-navigation ul li a{
				padding-left: 35px;
				padding-right: 35px;
		}
}


@media only screen and (max-width: 1280px){

		#footer-widgets .widget h2 {
				font-size: 3.26em;
		}
		.servicios {
				width: 205px;
		}
		.servicios img {
				margin-bottom: 2rem;
		}

}

@media only screen and (max-width: 1190px){
		#masthead.masthead-logo-in-menu .logo > img {
				max-height: 110px !important;
		}
		.entry-content h1 {
				font-size: 55px;
		}
		.entry-content h2 {
				font-size: 46px;
		}
		.main-navigation ul li a{
				padding-left: 35px;
		}
		.main-navigation ul li {
				font-size: 14px;
		}
		#footer-widgets .widget h2 {
				font-size: 3em;
		}
}

@media only screen and (max-width: 1024px){
		.servicios {
				width: 40%;
		}
		.why-us {
				padding: 0 0% 0 0%;
				background-size: cover;
				padding: 0 0px 0px 2px;
		}
		.why-us-contenedor-interno {
				background-color: #161228;
				padding: 10px;
		}
		.why-us-contenedor-textos {
				width: 60%;
				margin-right: 20px;
		}

		.contenedor-servicios {
				flex-wrap: wrap;
		}

		.entry-content h2 {
				font-size: 30px;
		}

		.main-navigation ul li {
				font-size: 12px;
		}
		#masthead.masthead-logo-in-menu .logo > img {
				max-height: 85px !important;
		}
		nav.site-navigation.main-navigation.primary.use-sticky-menu .full-container {
				max-width: 95% !important;
		}
		.padding-interno {
				padding: 0 1%;
		}
		.iconos-home img {
				width: 119px;
		}
		.btn-menu a {
				background-color: #5b5ba3 !important;
				margin-left: 40px;
		}
		#masthead.masthead-logo-in-menu .logo > img {
				max-height: unset !important;
				width: 156px;
		}
}

@media only screen and (max-width: 1024px){
		.iconos-home {
				margin: auto;
				max-width: 450px;
		}
		.main-navigation ul li a {
        padding: 20px 25px;
    }
}

@media only screen and (max-width: 915px){
		.btn-menu a {
				margin-left: 10px;
		}
}

@media only screen and (max-width: 375px){
		.ophthalmological{

		}
}


@media only screen and (max-width: 768px){

		.entry-content h1 {
				font-size: 40px;
		}

		.entry-content h2 {
				font-size: 36px;
		}

		.services-img .sow-image-container {
				justify-content: center;
		}

		h1.title-contact {
				font-size: 30px !important;
		}


		.container-text h2 {
				margin-top: unset;
		}

		.container-text {
				width: 85%;
				margin: auto !important;
				text-align: center;
				border-radius: 10px;
				padding: 25px;
		}

		.form-container{
				width: 85%;
				margin: auto !important;
				border-radius: 10px;
				padding: 25px;
		}

		.container-text p {
				font-size: 18px;
		}
		.why-us {
				height: 405px;
		}
		.why-us-contenedor-textos h2{
				font-size: 17px !important;
		}
		
		.entry-content p, 
		.entry-content > ul, 
		.entry-content > ol, 
		.entry-content > li, 
		.entry-content > dl, 
		.entry-content pre, 
		.entry-content code, 
		.entry-content blockquote {
				font-size: 13px;
				line-height: 1.9;
		}

}

@media only screen and (max-width: 430px){
		
		.cuadros-especialidades {
				width: 70%;
		}
		
		.services-info.ophthalmological h1 {
				font-size: 29px !important;
		}
		
		.entry-content h2 {
				font-size: 27px;
		}
		
		.container-text p {
				font-size: 14px;
		}
		.ser
		vicios {
				width: 80%;
				margin: 3rem auto;
		}
		
		.servicios p {
				margin-bottom: 2rem;
		}
		
		.servicios img {
				margin-bottom: 1rem;
		}
		.servicios {
				width: 80%;
		}
		
		.why-us {
				background-image: url(https://www.beyondmedical.mx/wp-content/uploads/2025/09/Why-Choose-Us-Section.png);
				background-repeat: no-repeat !important;
				background-position: center;
				background-size: cover;
				height: unset;
				display: flex;
				border-radius: 25px;
				flex-direction: column;
				align-items: center;
				padding: 1%;
				justify-content: center;
				flex-wrap: wrap;
				align-content: center;
		}
		
    .why-us-contenedor-textos {
        width: 95%;
        margin-right: 20px;
        margin: auto;
        margin-top: 3rem;
				margin-bottom: 2rem;
    }
		
		.why-us-contenedor-interno {
        background-color: #161228bf;
        padding: 3% 3%;
        margin-bottom: 3rem;
        border-radius: 15px !important;
    }
}



/*MOVIL MENU*/

.mobile-nav-frame .title h3 {
		text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.0) !important;
		font-family: 'avenir_nextbold' !important;
}

.mobile-nav-frame ul li a.link {
		text-transform: uppercase;
		text-shadow: 0px 0px 2px rgba(0, 0, 0, 0) !important;
}

.mobile-nav-frame ul {
		border: none!important;
		-webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0), 0px -1px 0px rgba(255, 255, 255, 0);
		-moz-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0), 0px -1px 0px rgba(255, 255, 255, 0);
		box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0), 0px -1px 0px rgba(255, 255, 255, 0);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
}

.mobile-nav-frame {
		background-image: url(https://www.beyondmedical.mx/wp-content/uploads/2025/09/BM-Logo-blanco-1_opt.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: auto;
		background-color: #5b5ba3;
}

.mobile-nav-frame .title h3 {
    color: white;
}

.mobile-nav-frame .title {
    background-color: #161228;
}

.mobile-nav-frame ul li a.link, .mobile-nav-frame .next {
    color: #ffffff;
}
.mobile-nav-frame ul {
		background-color: #5b5ba3;
}

.fa-times:before {
    color: red;
}

#scroll-to-top {
		background: #161228;
}