@charset "utf-8";
.card3 {
    overflow: hidden;
    width: 100%;
}

.card3 ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 0 !important;
    animation: loop-slide 30s linear infinite; 
}

.card3 ul li {
    width: 300px !important; 
    flex: 0 0 auto;
    float: none !important;
    margin-right: 20px !important; 
}

@keyframes loop-slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-25%);
    }
}
#c93 {
	clear: both;
	background-image: url(../images/ex/AdobeStock_166669221.jpeg);
	margin:    ;
	padding:    ;
	height: 300px;
}
#c88 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c88 h3,
#c88 div {
	text-align: left;
}
#c102 {
	clear: both;
	margin: 80px 0 30px ;
	padding:    ;
}
#c102 h2,
#c102 div {
	text-align: center;
}
#c89 {
	clear: both;
	background-color: var(--wh);
	margin:    ;
	padding:    ;
}
#c89 a.itext, #c89 img, #c89 video {
	width: 640px;
	height: 426px;
}
#c89 h3,
#c89 div {
	text-align: left;
}
#c100 {
	clear: both;
	background-color: var(--wh);
	margin:    ;
	padding:    ;
}
#c100 a.itext, #c100 img, #c100 video {
	width: 600px;
	height: 400px;
}
#c100 h3,
#c100 div {
	text-align: left;
}
#c101 {
	clear: both;
	background-color: var(--wh);
	margin:    ;
	padding:    ;
}
#c101 a.itext, #c101 img, #c101 video {
	width: 800px;
	height: 600px;
}
#c101 h3,
#c101 div {
	text-align: left;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c93 {
}
#c88 {
}
#c102 {
}
#c89 {
}
#c100 {
}
#c101 {
}
}
@media screen and (max-width: 640px) {
#c93 {
	height: auto;
}
#c88 {
}
#c102 {
}
#c89 {
}
#c100 {
}
#c101 {
}
}