@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Poppins:wght@200&display=swap');

body {font-family: Poppins }
footer {background-color: #5A0884; color: #ffffff; padding: 2rem 2rem 1rem 2rem; font-size: 0.9rem}
h1 {color:#ffffff; text-transform: uppercase;}
h2 {color: #702A8A; font-size: 1.5rem; font-weight: bold; margin: 3rem 0; text-align: center; text-transform: uppercase;}

#header-fix {background-color:#ffffff; position: fixed; top: 0; z-index: 1000;}

.active {border-bottom-color: #D61896!important; border-bottom-width:50%!important;}
.bg5A0884{background-color: #5A0884}
.bg-choose {background-color: #E1E2E4; background-size: cover; background-image: url('/assets/img/bg-choose.jpg'); height: 468px}
.bg-choose h2 {margin-top:1rem; text-align: center;}
.bg-choose ul {padding-left: 0}
.bg-qs {background: url('/assets/img/slides/qs.jpg'); background-size: cover; padding: 2rem}
.bg-mision {background-image: url('/assets/img/bg-mision.jpg'); background-size: cover; background-position: center; border: 1px solid #666; border-radius: 0.3rem; color:#f7f7f7; margin: 0 ; padding: 1rem 2rem }
.bg-mision h2 {color: #ffffff; margin: 1rem 0 1.3rem 0}
.bg-service {background-position: center; background-size: cover; height: 301px; text-align: center;}
.bg-service:hover {background-color: #333; transform: scaleY(1);transition: transform .4s;}
.bg-service p {color:#ffffff; font-size: 1.5rem}
.bg-service h4 {color:#ffffff; font-size: 3rem; padding-top: 2rem; text-align: center; text-transform: uppercase;}
.bg-service-1 {background-image: url('/assets/img/services/1.jpg')}
.bg-service-2 {background-image: url('/assets/img/services/2.jpg')}
.bg-service-3 {background-image: url('/assets/img/services/3.jpg')}
.bg-service-4 {background-image: url('/assets/img/services/4.jpg')}
.brand {margin: 1rem 0}
.brand-footer {margin-bottom: 1rem; text-align: center;}
.btn-custom {background-color: #E21191; border-radius: 0; color: #ffffff; font-size: 0.9rem; font-weight: 500; padding: 0.4rem 1.6rem; text-transform: uppercase;}
.btn-custom:hover {background-color: #ffffff; border:1px solid #E21191!important; color:#ffffff; transition: background-color .5s;}
.cE1118B {color:#E1118B; font-weight: 600}
.carousel-caption {bottom: 0; left:7%; top:20%}
.carousel-caption h3 {font-size: 1.1rem; letter-spacing: 1px; text-transform: uppercase;}
.choose-text {max-width: 600px; padding: 1rem;}
.choose-text li {background-repeat: no-repeat; background-position: 0 center; background-image: url('/assets/img/ic-check.jpg'); list-style-type: none; margin-bottom: 1.5rem; padding-left: 40px;}
.contact-text {max-width: 600px; padding: 1rem 3rem;}
.contact-text p {font-size: 1.2rem; margin-bottom: 0}
.contact-form input {background-color: #CDCED0}
.contact-form textarea {background-color: #CDCED0; height: 10rem!important}
.contact-form h2 {text-align: center;}
.copy {background-color: #430568; color: #ffffff}
.description {font-size: 1.1rem!important; padding: 2rem}
.header {position: relative; padding: 0.5rem 0 1rem 0;}
.nav-desktop {display: none;}
.nav-link {border-bottom: .25rem solid transparent; color: #1B1B1B; font-size: 1rem; text-transform: uppercase;}
.nav-link:hover {border-bottom-color: #D61896;  border-bottom-width:50%; color: #D61896; transition:color .5s}
.nav-link:focus,.nav-link:active {color: #D61896;} 
.nav-mobile {background-color: #5B0884; border-radius: 0.2rem; color: #ffffff; display: block; position: absolute; top: 2.5rem; right: 0rem;}
.service a {text-decoration: none}
.service-inner {padding: 0 2rem}
.service-inner h2 {font-weight: 500; margin-bottom: 1rem; text-align: left; text-transform: none;}
.service-inner h3 {color:#5B0884; font-size:1.3rem; font-weight: 500; margin: 3rem 0; text-align: left!important; text-transform: capitalize;}
.service-inner .description p {font-size: 1.1rem!important; padding: 2rem}
.small-header {background-color:#ffffff; border-bottom:1px solid #cccccc; height: 95px!important; opacity:90%; position: fixed; top: 0; left: 0; transition: 0.5s; width: 100%; z-index: 1000}
.small-header img {max-width: 150px!important; transition: 0.5}
.sm-mb-2 {margin-bottom: 1.5rem}
.w110 {max-width: 110px}
.w139 {max-width: 139px}
.wapp {bottom: 10px; height: 61px; position: fixed; right: 3px; width: 60px;}

@media (min-width: 768px) { 
	.bg-choose h2 {text-align: left;}
	.bg-qs {padding: 5rem}
	.bg-mision {margin: 3rem 0;}
	.brand-footer {margin-bottom: 0;}
	.carousel-caption {top:24%}
	.carousel-caption h3 {font-size: 2.6rem;}
	.choose-text {padding: 3.8rem;}
	.contact-form h2 {text-align: left;}
	.contact-text {padding: 1rem 3.8rem;}
	.contact-text p {font-size: 1.2rem;}
	.nav-desktop {display: flex;}
	.nav-mobile {display: none;}
	.service-inner {padding: 0}
	.sm-mb-2 {margin-bottom: 0}
}