/* Why Choose Section */
.why-choose{text-align:center;}
/* .why-choose h1{color:#000000;font-size:32px;margin-bottom:20px;} */
/* .why-choose .subtitle{font-size:16px;} */
.why-choose-box{background:#fff;padding:30px;box-shadow:0 0 10px rgba(0,0,0,0.1);display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left;margin-bottom:30px;}
.why-choose-list{list-style:none;margin:0;padding:0;}
.why-choose-list:first-child{border-right:1px solid #ccc;padding-right:20px;}
.why-choose-list li{font-size:16px;color:#666666;line-height:30px;display:flex;align-items:center;gap:10px;}
.icon-check{color:#38a169;font-size:14px;font-weight:bold;flex-shrink:0;}
.slogan{font-size:16px;color:#0066CC;margin:0;}
.slogan em{font-style:italic;}

/* WHMCS Integration Section */
.whmcs-integration{text-align:center;}
.whmcs-integration .section-title{margin-bottom:30px;}
.whmcs-integration-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-bottom:30px;}
.whmcs-integration-card{background:#fff;text-align:left;overflow:hidden;}
.whmcs-integration-img{width:100%;height:150px;margin:0;}
.whmcs-integration-img img{width:100%;height:100%;object-fit:cover;}
.whmcs-integration-card h3{font-size:16px;color:#000000;font-weight:bold;margin:0 0 5px;padding:20px 20px 0;}
.whmcs-integration-list{list-style:none;margin:0;padding:0 20px 20px;}
/* .whmcs-integration-card h3 + .whmcs-integration-list{padding-top:10px;} */
.whmcs-integration-list li{font-size:14px;color:#666666;line-height:30px;display:flex;align-items:center;gap:10px;}
.whmcs-check-icon{color:#38a169;font-size:14px;font-weight:bold;flex-shrink:0;}
.whmcs-integration-note{font-size:16px;color:#000;margin:0;}

/* Quick Setup Section */
.whmcs-quick-setup{text-align:center;}
.whmcs-quick-setup .section-title{margin-bottom:30px;}
.whmcs-quick-setup-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-bottom:30px;}
.whmcs-quick-setup-card{padding:20px;box-shadow:0 0 10px rgba(0,0,0,0.1);text-align:left;}
.whmcs-quick-setup-card h3{font-size:16px;color:#000000;font-weight:bold;margin:0 0 20px;}
.whmcs-setup-steps{margin:0;padding:0 0 0 20px;}
.whmcs-setup-steps li{font-size:14px;color:#666666;line-height:30px;padding-left:10px;list-style:decimal;}
.whmcs-setup-note{font-size:14px;color:#666666;margin:20px 0 0;}
.whmcs-teams-list{list-style:none;margin:0;padding:0;}
.whmcs-teams-list li{font-size:14px;color:#666666;line-height:30px;display:flex;align-items:center;gap:10px;}
.whmcs-green-check{color:#38a169;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;flex-shrink:0;}
.whmcs-quick-setup-btn{text-align:center;}
.whmcs-quick-setup-btn .btn1{height:45px;line-height:45px;display: block;width: fit-content;margin: 0 auto;}

/* Technical Details Section */
.whmcs-tech-details{text-align:center;}
/* .whmcs-tech-details .section-title{margin-bottom:15px;} */
/* .whmcs-tech-intro{font-size:14px;color:#666666;margin:0 0 40px;} */
.whmcs-tech-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-bottom:20px;}
.whmcs-tech-card{background:#fff;padding:30px 25px;text-align:left;}
.whmcs-tech-card h3{font-size:16px;color:#000000;font-weight:bold;margin:0 0 20px;}
.whmcs-tech-list{list-style:none;margin:0;padding:0;}
.whmcs-tech-list li{font-size:14px;color:#666666;line-height:30px;display:flex;align-items:flex-start;gap:10px;}
.whmcs-tech-check{color:#38a169;font-size:14px;font-weight:bold;flex-shrink:0;}
.whmcs-tech-steps{list-style:none;margin:0;padding:0;}
.whmcs-tech-steps > li{margin-bottom:20px;}
.whmcs-tech-steps > li:last-child{margin-bottom:0;}
.whmcs-tech-step-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;}
.whmcs-tech-step-num{width:24px;height:24px;background:#0066CC;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;flex-shrink:0;}
.whmcs-tech-step-title{font-size:14px;color:#000000;font-weight:bold;}
.whmcs-tech-step-desc{font-size:14px;color:#666666;margin:0 0 10px;padding-left:36px;}
.whmcs-tech-download-btns{display:flex;gap:10px;padding-left:36px;flex-wrap:wrap;}
.whmcs-tech-download-btns .btn2{font-size:12px;height:30px;line-height:30px;display: flex;align-items: center;}
.whmcs-tech-download-btns .btn2 img{margin-right: 3px;}
.whmcs-tech-download-btns .btn2:hover{background-color: #ff3500;}
.whmcs-tech-code{display:block;background:#f1f1f1;padding:10px 15px;font-size:13px;color:#333;font-family:monospace;margin-left:36px;}
.whmcs-tech-sub-list{list-style:none;margin:0;padding:0 0 0 36px;}
.whmcs-tech-sub-list li{font-size:14px;color:#666666;line-height:25px;}
.whmcs-tech-indent{padding-left:15px;}
.whmcs-tech-config{background:#fff;padding:30px 25px;text-align:left;}
.whmcs-tech-config h3{font-size:16px;color:#000000;font-weight:bold;margin:0 0 20px;}
.whmcs-tech-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.whmcs-tech-config-card{background:#f8fafc;padding:20px;}
.whmcs-tech-config-card h4{font-size:14px;color:#000000;font-weight:bold;margin:0 0 10px;}
.whmcs-tech-config-card p{font-size:14px;color:#666666;margin:0 0 15px;}
.whmcs-tech-config-steps{margin:0;padding:0 0 0 20px;}
.whmcs-tech-config-steps li{font-size:14px;color:#666666;line-height:30px;padding-left:10px;list-style:decimal;}
.whmcs-tech-operations{list-style:none;margin:0;padding:0;}
.whmcs-tech-operations li{font-size:14px;color:#666666;line-height:30px;display:flex;align-items:flex-start;gap:10px;}

/* Mobile */
@media screen and (max-width: 768px){
    /* Why Choose */
    /* .why-choose h1{font-size:22px;} */
    /* .why-choose .subtitle{margin-bottom:20px;} */
    .why-choose-box{grid-template-columns:1fr;padding:15px;gap:10px;margin-bottom: 20px;}
    .why-choose-list:first-child{border-right:none;padding: 0 0 15px;border-bottom: 1px solid #ccc;}
    .why-choose-list li{font-size:14px;line-height:20px;gap:10px;}
    .icon-check{font-size:14px;}
    .slogan{font-size:14px;}

    /* WHMCS Integration */
    .whmcs-integration .section-title{margin-bottom:20px;}
    .whmcs-integration-grid{grid-template-columns:1fr;gap:10px;margin-bottom: 20px;}
    .whmcs-integration-card{padding:0;}
    .whmcs-integration-img{height:120px;}
    .whmcs-integration-card h3{font-size:14px;padding:15px 15px 0;}
    .whmcs-integration-list{padding:0 15px 15px;}
    .whmcs-integration-list li{font-size:14px;line-height:25px;gap:10px;}
    .whmcs-check-icon{font-size:12px;}
    .whmcs-integration-note{font-size:12px;}
    
    /* Quick Setup */
    .whmcs-quick-setup .section-title{margin-bottom:20px;}
    .whmcs-quick-setup-grid{grid-template-columns:1fr;gap:10px;margin-bottom:20px;}
    .whmcs-quick-setup-card{padding:15px;}
    .whmcs-quick-setup-card h3{font-size:14px;margin-bottom:10px;}
    .whmcs-setup-steps li{font-size:14px;line-height:25px;}
    .whmcs-setup-note{font-size:12px;margin-top:10px;}
    .whmcs-teams-list li{font-size:14px;line-height:25px;gap:10px;}
    .whmcs-green-check{width:20px;height:20px;font-size:11px;}
    .whmcs-quick-setup-btn .btn1{height:35px;line-height:35px;}

    /* Technical Details */
    /* .whmcs-tech-details .section-title{font-size:18px;margin-bottom:10px;} */
    /* .whmcs-tech-intro{font-size:12px;margin-bottom:20px;} */
    .whmcs-tech-grid{grid-template-columns:1fr;gap:15px;margin-bottom:20px;}
    .whmcs-tech-card{padding:15px;}
    .whmcs-tech-card h3{font-size:14px;margin-bottom:10px;}
    .whmcs-tech-list li{font-size:14px;line-height:25px;gap:10px;}
    .whmcs-tech-check{font-size:14px;}
    .whmcs-tech-steps > li{margin-bottom:15px;}
    .whmcs-tech-step-header{gap:10px;margin-bottom:5px;}
    .whmcs-tech-step-num{width:20px;height:20px;font-size:11px;}
    .whmcs-tech-step-title{font-size:14px;}
    .whmcs-tech-step-desc{font-size:14px;padding-left:30px;line-height: 20px;}
    .whmcs-tech-download-btns{padding-left:30px;gap:10px;}
    .whmcs-tech-download-btns .btn2{font-size:11px;height:28px;line-height:28px;padding:0 15px !important;}
    .whmcs-tech-code{font-size:11px;padding:8px 12px;margin-left:30px;word-break:break-all;}
    .whmcs-tech-sub-list{padding-left:30px;}
    .whmcs-tech-sub-list li{font-size:14px;line-height:22px;}
    .whmcs-tech-indent{padding-left:10px;}
    .whmcs-tech-config{padding:15px;}
    .whmcs-tech-config h3{font-size:14px;margin-bottom:10px;}
    .whmcs-tech-config-grid{grid-template-columns:1fr;gap:15px;}
    .whmcs-tech-config-card{padding:15px;}
    .whmcs-tech-config-card h4{font-size:14px;margin-bottom:8px;}
    .whmcs-tech-config-card p{font-size:12px;margin-bottom:10px;}
    .whmcs-tech-config-steps li{font-size:12px;line-height:25px;}
    .whmcs-tech-operations li{font-size:12px;line-height:25px;gap:10px;}
}