.prla15{ padding:15px; }
.bigbox{ width:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; }
.cione-title{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:25px; padding:10px 0px; }
.cione-title h1{ font-size:2.4rem; font-weight:600; position:relative; }
.cione-title h1::before{ content:''; position:absolute; left:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px;}
.cione-title h1::after{ content:''; position:absolute; right:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px; }
.cione-title p{ width:100%; display:flex; justify-content:center; flex-direction: column; text-align:center; font-size:1rem; letter-spacing:2px; }
.cione-content{ width:100%; display:flex; justify-content: center; align-items: center; flex-direction:row-reverse; flex-wrap:wrap-reverse; padding: 45px 0px 40px; gap:20px 30px;}
.cione-a{ width:23%; height:auto; padding:20px 20px 95px; display:flex; justify-content:center; align-items:center; flex-direction:column; background-image:url(../../uploads/common/20251202151600_692e92303cfee.png); background-size:100%; background-position:center bottom; background-repeat:no-repeat; }
.cione-a-mian{ width:100%; min-height:255px;  background:#ffffff; padding:15px; display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:30px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
.cione-a-mian h1{ display:flex; flex-direction:row; justify-content:center; align-items:center; font-size:1.3rem; font-weight:600; color:#000; text-align: center;}
.cione-a-mian h1 span{ width:45px; height:45px; flex-shrink: 0; background-color:#e62129; border-radius:360px; font-size:2.4rem; font-weight:600; color:#FFF; display:flex; justify-content:center; align-items:center; margin-right: 20px;}
.cione-a-mian h2{ display:flex; justify-content:center; align-items:center; flex-direction:row; text-align: center; font-size: 1.125rem; color: #d1020f; padding:10px 0px; font-weight: 600;}
.cione-a-mian p{ font-size:0.98rem; color:#000; }
.cione-img{ width:100%; padding:0px 80px;}
.cione-img i{ width:100%; display:flex; border-radius:20px; overflow:hidden;  }
.cione-img i img{ width:100%; }

.citwo{ width:100%; min-height:350px; margin-top:80px; display:flex; justify-content:center; align-items:center; flex-direction:row; background-color: #dcdcdc; }
.citwo-a{ width:50%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; padding:0px 5%; background-repeat:no-repeat; background-size:cover; background-position:center; }
.citwo-a-main{ width:580px; min-height:350px; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:15px; }
.citwo-a-main h1{ width:160px; height:50px; border:1px solid #ffffff; border-radius:15px; display:flex; justify-content:center; align-items:center; padding:10px; font-size:1.3rem; font-weight:600; color:#FFF; }
.citwo-a-main h1 span{ position:relative; padding:0px 12px; }
.citwo-a-main h1 span::before{ content:''; position:absolute; left:0; top:calc(50% - 2px); width:4px; height:4px; border-radius:360px; background-color:#FFF; }
.citwo-a-main h1 span::after{ content:''; position:absolute; right:0; top:calc(50% - 2px); width:4px; height:4px; border-radius:360px; background-color:#FFF; }
.citwo-a-main p{ width:100%; display:flex; font-size:1rem; line-height:2; color:#FFF; padding:30px 0px; }
.citwo-a.two{ align-items:flex-start; }
.citwo-a.two .citwo-a-main h1{ border:1px solid #000; color:#000; }
.citwo-a.two .citwo-a-main h1 span::before{ background-color:#000; }
.citwo-a.two .citwo-a-main h1 span::after{ background-color:#000; }
.citwo-a.two .citwo-a-main p{ color:#000; }

.cithree{ width:100%; display:flex; }
.cithree-main{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:row; padding:100px 0px 60px; position:relative; }
.cith-a{ width:210px; padding:15px 40px 15px 15px; display:flex; border-bottom:3px solid #e0b586; flex-shrink:0; position:absolute; left:0; top:25%; }
.cith-a p{ font-size:1.8rem; font-weight:600; color:#000; }
.cith-b{ width:100%; display:flex; flex-direction:row; flex-direction:center; align-items:center; padding-left:190px; position:relative; z-index:1; }
.cith-bb{ display:flex; flex-direction:column; margin-left:-8px; justify-content:center; align-items:center; }
.cith-bb i{ width:100%; }
.cith-bb i img{ width:100%; }
.cith-bb h1{ font-size:1.25rem; color:#000; font-weight:600; text-align:center; padding:25px 20px 25px 0px; }

.cifour{ width:100%; min-height:340px; background-color:#bd8747; display:flex; justify-content:center; align-items:center; flex-direction:row; gap: 0px 150px; }
.cifour-a{ width:210px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding-top:10px; }
.cifour-a i{ width:210px; height:210px; flex-shrink: 0; display:flex; justify-content:center; align-items:center; flex-direction:column; background:linear-gradient(to top, #f7daae, #fcf0e2); border-radius:360px; overflow:hidden; }
.cifour-a i img{ max-width:100%; }
.cifour-a h1{ display:flex; justify-content:center; align-items:center; flex-direction:column; padding:15px 0px 0px; font-size:1.2rem; color:#ffffff; text-align:center; }

.cifive{ width:100%; display:flex; padding:50px 0px; }
.cifive-a{ width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap:wrap; margin-bottom:40px; }
.cifive-aimg{ width:48%; display:flex; }
.cifive-aimg i{ width:100%; height:500px; border-radius:20px; overflow: hidden; display:flex; position:relative; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);}
.cifive-aimg i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top:50%;left:50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.cifive-content{ width:48%; display:flex; padding:60px 5% 20px; flex-direction:column; gap:20px; }
.cifive-else{ width:calc(100% - 100px); height:200px; background-color:#b8020d; margin-left:100px; margin-top:-100px; display:flex; justify-content:flex-end; align-items:center; background-image:url(../../uploads/common/20251127173006_69281a1ea1f68.png); background-repeat:no-repeat; background-position:right bottom; background-size:150px; }
.cifive-else.two{ background-image:url(../../uploads/common/20251129104123_692a5d53bcfab.png); background-repeat:no-repeat; background-position:left bottom; background-size:150px;  }
.cifive-else p{ width:52%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:row; font-size:1.125rem; color:#FFF; padding:15px; font-weight:600; }
.cifive-else ul{ width:45%; padding:15px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:10px; }
.cifive-else ul li{ width:45%; font-size:1.125rem; font-weight:600; color: #FFF; position: relative; padding:0px 22px;}
.cifive-else ul li::before{ content:''; position:absolute; left:0; top:calc(50% - 4px); width:8px; height:8px; background-color:#FFF; border-radius:360px; }
.cifive-content h1{ font-size:2.4rem; font-weight:600; color:#000; position:relative; padding:0px 20px; }
.cifive-content h1::before{ content:''; position:absolute; left:0px; top:calc(50% - 5px); width:10px; height:10px; background-color:#bd8747; border-radius:360px; }
.cifive-content p{ font-size:1rem; color:#000; line-height:1.5; }
.cifive-a.two .cifive-else{ margin-left: 0; margin-right:100px; }
.cifive-a.two{ flex-direction:row-reverse; }
.cifive-a.two .cifive-else{ justify-content:flex-start; }

@media (max-width: 1430px) {

.citwo-a{ align-items:center; }
.citwo-a-main{ width:100%; }
}

@media (max-width: 1230px) {
.cione-content{ gap:0px 20px;}
.cione-a{ width:22%; }
.cione-a-mian h1{ font-size:1.2rem; }
.cione-a-mian h1 span{ width:40px; height:40px; font-size:2rem; }
.cione-a-mian h2{ font-size: 1rem; }
.cione-a-mian p{ font-size:0.9rem; }
.citwo-a{ padding:0px 15px; }
.cifour{ gap:0px 8%; }

.cifive-content{ padding:60px 10px 20px; }
.cifive-else p{ width:55%;  }
.cifive-else ul{ width:55%; }
}

@media (max-width: 1080px) {
.cione-img{ padding:0px;}
}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.cione-a{ width:45%;  }

.cith-a{ width:180px; }
.cith-a p{ font-size:1.4rem; }
.cith-b{ padding-left:150px; }
.cith-bb h1{ font-size:1.15rem; }
}

/* xs */
@media (max-width: 767px) {
.cione-title{ gap:20px; padding:10px 0px; }
.cione-title h1{ font-size:1.5rem; }
.cione-title h1::before{ left:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.cione-title h1::after{ right:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.cione-title p{ font-size:1.05rem; letter-spacing:1px; }
.cione-content{ padding:25px 0px; gap:10px 0px;}
.cione-a{ width:100%; padding:15px 15px 120px;  }
.cione-a-mian{ min-height:auto; padding:20px; }
.cione-a-mian h1 span{ width:32px; height:32px; font-size:1.5rem; margin-right:8px;}
.cione-img{ padding:0px;}

.citwo{ min-height:auto; margin-top:50px; flex-direction:column; }
.citwo-a{ width:100%; height:auto;  padding:0px 15px;  }
.citwo-a-main{ width:100%; min-height:250px; padding:45px 15px 25px; }
.citwo-a-main h1{ font-size:1.2rem; }
.citwo-a-main h1 span{ position:relative; padding:0px 12px; }
.citwo-a-main h1 span::before{ content:''; position:absolute; left:0; top:calc(50% - 2px); width:4px; height:4px; border-radius:360px; background-color:#FFF; }
.citwo-a-main h1 span::after{ content:''; position:absolute; right:0; top:calc(50% - 2px); width:4px; height:4px; border-radius:360px; background-color:#FFF; }
.citwo-a-main p{ width:100%; display:flex; font-size:1rem; line-height:2; color:#FFF; padding:30px 0px; }
.citwo-a.two{ align-items:flex-start; }
.citwo-a.two .citwo-a-main h1{ border:1px solid #000; color:#000; }
.citwo-a.two .citwo-a-main h1 span::before{ background-color:#000; }
.citwo-a.two .citwo-a-main h1 span::after{ background-color:#000; }
.citwo-a.two .citwo-a-main p{ color:#000; }

.cithree-main{ flex-direction:column; padding:40px 0px 20px; }
.cith-a{ width:100%; padding:15px; position:relative; left:0; top:0; }
.cith-a p{ width:100%; font-size:1.40rem; text-align:center; }
.cith-b{ flex-wrap: wrap; padding:30px 0px; }
.cith-bb{ margin-left:0; width:33.33%; }
.cith-bb h1{ font-size:1.1rem; padding:15px 5px; }

.cifour{ min-height:auto; flex-wrap: wrap; gap:0px 10px; padding:50px 0px; }
.cifour-a{ width:29%; padding-top:10px; }
.cifour-a i{ width:95px; height:95px; padding:15px;  }
.cifour-a h1{ padding:10px 0px 0px; font-size:1.1rem; }

.cifive{ padding:50px 0px 20px; }
.cifive-aimg{ width:100%; }
.cifive-aimg i{ height:auto; border-radius:10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);}
.cifive-aimg i img{ width: 100%; height:auto; position:relative; }
.cifive-content{ width:100%; padding:20px 10px; gap:10px; }
.cifive-else{ width:100%; height:auto; margin-left:0px; margin-top:0px; }
.cifive-else p{ width:100%; height:auto; font-size:1rem;}
.cifive-else ul{ width:100%; gap:5px; }
.cifive-else ul li{ width:100%; padding:0px 15px;}
.cifive-else ul li::before{ top:calc(50% - 3px); width:6px; height:6px; }
.cifive-content h1{ font-size:1.4rem; padding:0px 20px; }
.cifive-content p{ font-size:1rem; color:#000; line-height:1.5; }
.cifive-a.two .cifive-else{ margin-left: 0; margin-right:0px; }

}

@media (max-width: 480px) {
.cione-a{ width:100%; padding:15px 15px 95px;  }
}