/*!
	Theme Name: ECOMCX Theme
	Theme URI: https://ecomcx.com/
	Description: Giao diện được thiết kế và lập trình bởi ECOMCX
	Author: ECOMCX Team
	Author URI: https://ecomcx.com/
	Version: 2.1
	Stable tag: 2.1
	Text Domain: https://ecomweb.net
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*Global CSS*/

* {
	font-family: 'Exo 2', sans-serif;
}

section {
	position: relative;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 600;
	color: inherit !important;
}

p {
	color: var(--text-color);
}

a {
	color: inherit !important;
	text-decoration: none !important;
	transition: opacity 150ms linear, color 150ms linear, background 150ms linear;
}

a:focus, a:hover{
    text-decoration:none!important;
    outline: none!important;
}

img {
	width: 100%;
	height: auto;
}

@media only screen and (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1140px !important;
	}
}

.animated {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    visibility: visible !important;
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0);
    }
    
    100% {
        opacity: 1;
        transform: none;
    }
}

/* End of Global CSS */

/*Swiper Slide CSS*/
.swiper {
    width: 100%;
    height: 100%;
  }

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

/*End of Swiper Slide CSS*/