/* -----------------------------------
		    Services CSS
----------------------------------- */
.serviceCards { }
.serviceCards a {
	color: #4d4d4d;
	text-decoration: none;
}
.serviceCards a:hover > .card {
	color: #2569d9;
	letter-spacing: 0.5px;
	border: 1px solid lightblue;
	background: url("../images/bg-img/bg-bank-detail.jpg") center center no-repeat;
	background-size: cover;
	box-shadow: rgba(0, 0, 0, .26) 0px 1px 1px;
}
.serviceCards .card {
	padding: 30px 10px;
	height: 419px;
	border: 1px solid #eee;
	border-radius: 10px;
	font-family: "Sarabun";
}
.serviceCards .card-body {
	padding: 0 15px;
}
.serviceCards .card img {
	display: block;
	margin: 0 auto 15px auto;
	width: 90px;
}
.serviceCards .card-body .card-title {
	font-weight: 600;
	text-align: center;
	margin: 15px 0;
}
.serviceCards .card-body .card-text {
	color: #4d4d4d;
	text-align: start;
	word-wrap: break-word;
	margin: 0;
	letter-spacing: normal;
}

.adsInsurance-carousel {
	padding: 60px 0;
}
.adsInsurance-carousel a {
	cursor: pointer;
}
.adsInsurance-carousel a:hover > img {
	border: 1px solid lightblue;
}
.adsInsurance-carousel a > img {
	display: block;
	max-width: 1024px;
	width: 1024px;
	margin: 0 auto;
	border: 1px solid whitesmoke;
}
.adsInsurance-carousel .carousel-control-next, 
.adsInsurance-carousel .carousel-control-prev {
	width: 32px;
}
.adsInsurance-carousel .carousel-control-prev-icon {
  background-image: url("../images/icons/lightblue-prev-icon.png");
}
.adsInsurance-carousel .carousel-control-next-icon {
  background-image: url("../images/icons/lightblue-next-icon.png");
}

@media (max-width: 767px){
	.serviceCards .card {
		height: auto;
	}
	.adsInsurance-carousel {
	  	padding: 0;
	}
	.adsInsurance-carousel a > img {
		max-width: -moz-available;
		width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.serviceCards .card {
		height: 390px;
	}
	.adsInsurance-carousel a > img {
		max-width: fit-content;
		width: -moz-available;
	}
}
@media (min-width: 1367px){
	.serviceCards .card {
		height: 400px;
	}
}



/* -----------------------------------
		   WCAG Services CSS
----------------------------------- */
.wcagContent {
	padding: 30px 0;
}
.bg-wcag {
	padding: 50px 30px !important;
	background-image: url("../images/bg-img/bg-wcag.jpg");
	background-position: right center;
	background-repeat: no-repeat;
}
.wcag-meaning {
	width: 65%;
	padding: 30px;
	background-color: white;
	border: 1px solid white;
}
.wcag-level,
.wcag-benefit,
.wcag-form {
	padding: 60px 30px 0 30px !important;
}
.wcag-meaning h4,
.wcag-level h4,
.wcag-benefit h4 {
	color: #2569d9;
	margin-bottom: 15px;
}
.wcag-meaning p,
.wcag-level p {
	margin-bottom: 0;
	word-wrap: break-word;
}
.wcag-level .card {
	margin: 30px 0;
	padding: 10px;
	height: 268px;
	border: 1px solid lightblue;
	background: url("../images/bg-img/bg-bank-detail.jpg") center center no-repeat;
	background-size: cover;
	box-shadow: rgba(0, 0, 0, .26) 0px 1px 1px;
}
.wcag-level .card img {
	width: 35%;
	display: block;
	margin-bottom: 20px;
}
.wcag-level .card-title {
	color: orangered;
	border-left: 3px solid orangered;
	padding-left: 15px;
}
.wcag-benefit ul {
	margin: 0;
	list-style: none;
	column-count: 2;
    list-style-position: outside;
}
.wcag-benefit ul li {
    padding-right: 15px;
	margin-top: 15px;
	display: inline-flex;
}
.wcag-benefit ul li::before {
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 18px;
	color: #76D127;
	margin-right: 10px;
}
.wcag-form p {
	word-wrap: break-word;
	text-indent: 30px;
	font-size: 18px;
}
.wcag-form .form-label {
    margin-bottom: 5px;
    font-size: 15px;
}
@media (max-width: 767px) {
    .wcag-benefit ul li {
        display: inline-block;
    }
}
@media (max-width: 991px) {
    .bg-wcag {
	   padding: 30px !important;
       background-size: cover;
    }
    .wcag-meaning {
        width: 100%;
        padding: 20px;
    }
    .wcag-benefit ul {
        column-count: unset;
        padding: 0 0 0 10px;
    }
    .wcag-benefit ul li {
        padding-right: 0;
        margin-top: 10px;
        width: 100%;
    }
    .wcag-level .card {
        margin: 30px 0 0 0;
    }
    .wcag-form .col-lg-4.col-md-8.my-auto {
        margin-top: 60px !important;
    }
}