.cert li{float:left;width:33%;height:150px;overflow:hidden;zoom:1;text-align:center;vertical-align:middle;}
.cert a{height:95px;overflow:hidden;zoom:1;display:block;vertical-align:middle;padding-top:5px;}
.top-box-shadow {overflow: hidden;}
.topbanner{ background: url('/domain/share/img/domains_2020.png') no-repeat center;background-size: cover;height: 100%;color: #fff;text-align: center;position: relative; width: 100%;padding: 95px 0; box-sizing: border-box;}
.topbanner .banner_title{font-size: 32px;text-align: center;font-weight: bold;margin: 0;}
.topbanner .banner_title_two{font-size: 22px;text-align: center;}
.subtitle{font-size: 16px;display: block;text-align: center;}
.div-title{font-size: 16px;font-weight: bold;}
.div-content{font-size: 14px;}
.why-accreditation{padding: 30px 0;box-sizing: border-box;}
.why-accreditation h2{margin: 0;}
.why-accreditation .accreditation{display: flex;justify-content: space-between;margin-top: 30px;}
.why-accreditation .accreditation li{border: 1px solid #f1f1f1; box-shadow: 3px 4px 5px #f1f1f1;padding: 20px;box-sizing: border-box;border-radius: 5px; width: calc((100%  / 3 ) - 15px);margin: 0;}
.why-accreditation .accreditation li img{display: block;height: 45px;}
/* Credential Card Styles */
.credential-icon { width: 64px; height: 64px; background-color: #fef2f2; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.credential-icon i { color: #b40026; font-size: 24px; }
.credential-icon i:hover{color: #b40026;}
.credential-title { font-size: 16px; font-weight: 600; color: #333; margin: 0 0 10px; text-align: center; }
.credential-title a{color: #333;}
.credential-text { color: #64748b; text-align: center; line-height: 1.6; margin: 0; font-size: 14px;}

.partner{padding: 30px 0; background-color: #f1f1f1;}
.partner h2{margin: 0 0 20px;}
.partner p{font-size: 16px;margin: 0;text-align: center;}
.partner .cert{overflow: hidden;}

/* Carousel Styles */
.carousel {position: relative;overflow: hidden;background-color: white;border-radius: 5px;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);padding: 20px;margin: 30px 0;}
.carousel-inner {display: flex;transition: transform 0.5s ease;}
.carousel-item {min-width: 100%;}
.carousel-grid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px;margin-right: 10px;}

.carousel-logo-container {display: flex;align-items: center;justify-content: center;}
.carousel-logo-container a{text-align: center;}
.carousel-logo-container span{display: block;color: #333;font-size: 12px;margin-top: 10px;line-height: 18px;}
.carousel-logo {height: 40px;}
.carousel-logo:hover {opacity: 1;}
.carousel-control {position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background-color: rgba(255, 255, 255, 0.8);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;transition: all 0.3s ease;border: none;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);}
.carousel-control:hover {background-color: white;transform: translateY(-50%) scale(1.1);}
.carousel-control-prev {left: 16px;}
.carousel-control-next {right: 16px;}
.carousel-indicators {display: flex;justify-content: center;margin-top: 24px;gap: 8px;}
.carousel-indicator {width: 12px;height: 12px;border-radius: 50%;background-color: #d1d5db;border: none;cursor: pointer;transition: all 0.3s ease;}
.carousel-indicator.active {background-color: #b40026;width: 30px;border-radius: 8px;}
.partners-title {font-size: 24px;font-weight: 600;color: #333;margin: 0 0 30px;text-align: center;}
.section-subtitle {margin-top: 30px;}

/* Benefits Section Styles */
.section {padding: 30px 0;}
.section-white {background-color: #ffffff;}
.section-gray {background-color: #f8fafc;}
.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
.section-title {font-size: 32px;font-weight: 700;color: #333;text-align: center;margin: 0 0 20px;}
.benefits-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;margin-top: 20px;}
.benefit-item {display: flex;gap: 20px;align-items: flex-start;background: white;padding: 20px;border-radius: 5px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);}
/* .benefit-item:hover {transform: translateY(-5px);box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);} */
.benefit-icon {font-size: 24px;color: #b40026;background: #fef2f2;width: 50px;height: 50px;border-radius: 10px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.benefit-content {flex: 1;}
.benefit-title {font-size: 16px;font-weight: 600;color: #333;margin: 0 0 10px;}
.benefit-text {font-size: 14px;color: #64748b;line-height: 1.6;margin: 0;}

.verify-box{padding-bottom: 30px;}
.region{background-color: #f1f1f1;padding: 30px 0;}
.region-box h2{margin: 0 0 10px;}
.region-box p{font-size: 16px;margin: 10px 0;text-align: center;}
.region-btn{display: flex;justify-content: center;margin-top: 30px;}
.region-btn a{background-color: #b40026;color: #fff;font-size: 14px;border-radius: 5px;padding: 5px 10px;box-sizing: border-box;display: block;margin-right: 10px;}

/* Responsive styles */
@media screen and (max-width: 768px){
    .cert li{width:50%;height: 100px;}
    .cert a{height: 70px;position: relative;}
    .cert a img{height: 45%;position: absolute;left: 50%;bottom: 5px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
    .cert a .godimg{height: 30%;}
    .topbanner{padding: 20px 10px;line-height: 30px;}
    .topbanner .banner_title{font-size: 20px;margin-bottom: 5px;}
    .topbanner .banner_title_two{font-size: 14px;line-height: 20px;}/* Mobile carousel adjustments */
    .carousel-grid {grid-template-columns: repeat(2, 1fr);gap: 10px;margin-right: 5px;}
    .carousel {padding: 16px;margin: 20px 0;}
    .carousel-logo {height: 30px;}
    .partners-title {font-size: 16px;margin-bottom: 20px;}
    /* .carousel-grid {grid-template-columns: repeat(2, 1fr);} */
    
    /* Responsive benefits section */
    .section {padding: 20px 10px;box-sizing: border-box;}
    .container {padding: 0 15px;}
    .section-title {font-size: 18px;margin-bottom: 10px;}
    .benefits-grid {grid-template-columns: 1fr;gap: 10px;margin-top: 0;}
    .benefit-item {padding: 15px;gap: 15px;}
    .benefit-icon {width: 40px;height: 40px;font-size: 20px;}
    .benefit-title {font-size: 14px;}
    .benefit-text{font-size: 12px;}

    .why-accreditation{padding: 20px 10px;}
    .why-accreditation h2{font-size: 18px;}
    .subtitle{font-size: 14px;}
    .why-accreditation .accreditation{display: block;margin-top: 20px;}
    .why-accreditation .accreditation li{width: 100%;margin-bottom: 10px;}
    .why-accreditation .accreditation li:last-child{margin-bottom: 0;}
    .credential-title{font-size: 14px;}
    .credential-text{font-size: 12px;}
    .credential-icon{width: 45px;height: 45px;margin: 0 auto 10px;}
    .credential-icon i{font-size: 20px;}

    .partner{padding: 20px 10px;box-sizing: border-box;}
    .partner h2{font-size: 18px;margin: 0 0 10px;}
    .partner p{font-size: 14px;}

    .region{padding: 20px 10px; box-sizing: border-box;}
    .region-box h2{font-size: 18px;}
    .region-box p{font-size: 14px;margin: 5px 0;}
    .verify-box{padding-bottom: 20px;}
    .region-btn{margin-top: 20px;}
    .region-btn a{font-size: 12px;}
}