/* .domain_privacy_bg{background-color: #f1f1f1;height: 250px;padding: 75px 0;box-sizing: border-box;text-align: center;}
.domain_privacy_bg h1{margin: 0;}
.domain_privacy_bg span{display: block;font-size: 22px;}

.domain_privacy_main{margin: 50px 0;}

.dps_introduce{display: flex;align-items: center;justify-content: space-between;}
.dps_introduce img{display: block;height: 300px;background-color: #f1f1f1;}
.dps_introduce .introduce_img{width: 50%;display: flex;justify-content: center;}
.dps_introduce p{margin: 0;font-size: 16px;width: 50%;} */

:root {
    --transition: all 0.3s ease;
}

/* Banner */
.dps-banner {background: url("/domain/share/img/privacy_service.jpg") no-repeat;color: #fff;padding: 170px 0 0;text-align: center;position: relative;overflow: hidden;height: 400px;background-size: cover;background-position: center bottom;box-sizing: border-box;}
.dps-banner h1 {font-size: 42px;margin: 0;position: relative;font-weight: bold;color: #fff;}
.dps-banner p {font-size: 18px;max-width: 700px;margin: 0 auto;position: relative;font-weight: bold;}

/* Introduction Section */
.dps-intro-section {padding: 50px 0;background-color: #fff;}
.dps-intro-container {display: flex;align-items: center;gap: 20px;}
.dps-intro-image {border-radius: 0;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;width: 330px;}
.dps-intro-image:hover {transform: translateY(-5px);}
.dps-intro-image img {width: 100%;height: auto;display: block;}
.dps-intro-content {flex: 1;}
.dps-intro-content p {font-size: 16px;color: #000;line-height: 1.8;}

/* Common Section Styles */
.dps-section-white {background-color: #fff;}
.dps-section-header {text-align: center;margin-bottom: 20px;}
.dps-section-description {margin: 0 auto;color: #000;font-size: 16px;}

/* How It Works Section */
.dps-features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;margin-top: 40px;}
.dps-feature-card {background-color: #fff;border-radius: 0;padding: 20px;transition: all 0.3s ease;}
.dps-feature-card:hover {transform: translateY(-5px);}
.dps-feature-icon {width: 60px;height: 60px;background-color: #f1f1f1;color: #ff3500;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;font-size: 24px;}
.dps-feature-title {font-size: 16px;margin-bottom: 15px;color: #333;text-align: center;margin: 10px 0;font-weight: bold;}
.dps-feature-description {color: #666;margin: 0;font-size: 14px;}

/* Why It Matters Section */
.dps-reasons-list {margin: 0 auto;}
.dps-reason-item {display: flex;margin-bottom: 20px;align-items: flex-start;}
.dps-reason-item:last-child{margin-bottom: 0;}
.dps-reason-icon {min-width: 40px;height: 40px;color: #ff3500;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 20px;flex-shrink: 0;}
.dps-reason-content {flex: 1;}
.dps-reason-title {font-weight: 600;margin: 0;color: #000;font-size: 16px;}
.dps-reason-description {color: #666;font-size: 14px;margin: 0;}

/* CTA Section */
.dps-cta-section {background: #f1f1f1;color: #000;padding: 50px 0;text-align: center;position: relative;overflow: hidden;}
.dps-cta-content {position: relative;margin: 0 auto;}
/* .dps-cta-title {font-size: 28px;margin-bottom: 20px;} */
.dps-cta-description {font-size: 16px;margin-bottom: 20px;}
.dps-btn {display: inline-block;background-color: #fff;color: #333;font-weight: 600;padding: 0 20px;border-radius: 100px;text-decoration: none;transition: all 0.3s ease;border: none;cursor: pointer;font-size: 14px;height: 45px;line-height: 45px;}
.dps-btn:hover {background-color: #f1f1f1;transform: translateY(-3px);}

/* Steps Section */
.dps-steps-container {max-width: 900px;margin: 0 auto;}
.dps-step-item {display: flex;margin-bottom: 20px;position: relative;}
.dps-step-item:last-child{margin-bottom: 0;}
.dps-step-number {min-width: 30px;height: 30px;background-color: #ff3500;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 18px;margin-right: 25px;z-index: 2;flex-shrink: 0;line-height: 30px;}
.dps-step-content {flex: 1;}
.dps-step-title {font-size: 16px;margin: 0;color: #000;font-weight: bold;}
.dps-step-description {color: #666;margin: 0px;font-size: 14px;}
.dps-step-list {padding-left: 20px;color: #666;}
.dps-step-list li {margin-bottom: 5px;list-style: disc;font-size: 14px;}


/* Responsive Design */
@media (max-width: 992px) {
    .dps-intro-container {flex-direction: column;}
    .dps-intro-image, .dps-intro-content {width: 100%;}
    .dps-intro-image {order: -1;}
}

@media (max-width: 768px) {

    .max-width{width: 100%;padding: 0 10px;box-sizing: border-box;}

    .dps-banner h1 {font-size: 20px;}
    .dps-banner{padding: 20px 10px;height: auto;}
    .dps-banner p {font-size: 14px;}

    .dps-intro-section{padding: 20px 0;}
    .dps-intro-container{display: block;width: 100%;}
    .dps-intro-content p{font-size: 14px;margin-bottom: 0;}

    .section{padding: 0 0 20px;}
    /* .dps-section-header{margin: 0;} */
    .dps-section-description{font-size: 14px;}

    .dps-features-grid{display: block;margin-top: 20px;}
    .dps-feature-card{padding: 15px;margin-bottom: 10px;}
    .dps-feature-card:last-child{margin: 0;}
    .dps-feature-title{font-size: 14px;}
    .dps-feature-description{font-size: 12px;}
    .dps-feature-icon{margin: 0 auto;}

    .dps-reason-title{font-size: 14px;}
    .dps-reason-icon{min-width: 30px;height: 30px;margin-right: 10px;}
    .dps-reason-description{margin: 0;font-size: 12px;}
    .dps-reason-item{margin-bottom: 10px;}

    /* .dps-step-item {flex-direction: column;} */
    .dps-step-number {margin-right: 10px;align-self: flex-start;min-width: 20px;height: 20px;font-size: 14px;line-height: 20px;}
    .dps-step-item:before {left: 29px;top: 70px;bottom: -30px;}
    .dps-step-title{font-size: 14px;margin: 0;}
    .dps-step-description{font-size: 12px;}

    .dps-cta-section{padding: 20px 0;}
    /* .dps-cta-title{font-size: 18px;margin: 0 0 10px;} */
    .dps-cta-description{font-size: 14px;margin: 0 0 10px;}
    .dps-cta-description:last-child{margin-bottom: 15px;}
    .dps-btn{font-size: 14px;padding: 5px 20px;}

    .common_problem{padding: 10px;}
    .common_problem .max-width{padding: 0;}
}

/* Animation Classes */
/* .fade-in {
    opacity: 1;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
} */