.btn-choose {
    padding: 6px 38px;
    border-radius: 4px;
    transition: 0.5s;
    color: #fff;
    background: #4154f1;

}

.btn-choose:hover {
    color: #fff !important;
}

.all_deftpress_pages {
    display: none;
}

.price_content li {
    /* border-bottom: 1px dashed; */
    margin: 10px 0;
}

.pricing ul li {
    padding-bottom: 0px !important;
}

.price_content li span {
    padding: 2px 0px;
    border-bottom: 1px dashed;
    padding: 2px 0;
}

.pricing ul li:hover {
    cursor: help;

}
.pricing ul li{
    position: relative;
}

.help-box {
    display: none;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 10%;
    width: 250px;
    padding: 10px;
    background: #fff;
    border: 1px solid rgba(32, 71, 102, .2);
    box-shadow: 0 3px 5px 0 rgba(32, 71, 102, .27);
    z-index: 9999;
    font-size: 14px;
    border-radius: 3px;
}

.help-box::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background-color: white;
    bottom: -5px;
    left: calc(50% - 5px);
    border: 1px solid rgba(32, 71, 102, .27);
    border-width: 0 1px 1px 0;
}
.pricing ul li:hover .help-box {
    display: block;
}

@media(max-width:760px){
    .help-box{
        text-align: left;
        color: var(--color-text);
        border-radius: 3px;
        font-size: 15px;
        line-height: 1.3;
        font-weight: normal;
        padding: 20px;
        margin: 0;
        width: 90%;
        min-width: 100px;
        max-width: 200px;
        bottom: calc(100% + -10px);
        transform: translateX(1%);
        left: 15%;
        position: absolute;
        border: 1px solid rgba(32, 71, 102, .2);
        box-shadow: 0 3px 5px 0 rgba(32, 71, 102, .27);
        z-index: 9999;
    }
}

.hero {
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.hero h1 {
    font-size: 2.4rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1rem;
    color: #222;
}

.hero h2 {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 2rem;
    color: #555;
}

.hero-img img {
    max-height: 480px;
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
}

.about {
    padding: 4rem 0;
    background: #f9f9ff;
}

.about h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #5E17EB;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
}

.about h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1.2rem;
    color: #222;
}

.about p {
    font-size: 1rem;
    line-height: 1.7;
    color: #555;
    margin-bottom: 1rem;
}

.about .btn-read-more {
    background: #5E17EB;
    color: white;
    font-weight: 600;
    padding: 0.8rem 1.5rem;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.about .btn-read-more:hover {
    background: #4310b8;
    transform: translateY(-2px);
}

.about img {
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    transition: transform 0.4s ease;
}

.about img:hover {
    transform: scale(1.03);
}

/* ========= Scoped Styling for Deftpress Section ========= */
.dp-section {
padding: 4rem 1rem;
background: #fff;
font-family: 'Inter', sans-serif;
}

/* Section Header */
.dp-section .section-header {
text-align: center;
margin-bottom: 3rem;
}

.dp-section .section-header h2 {
font-size: 2rem;
font-weight: 700;
color: #222;
}
.dp-section .section-header p {
font-size: 1rem;
color: #666;
margin-top: 0.5rem;
}

/* Feature Boxes (left column) */
.dp-section .feature-box {
display: flex;
align-items: flex-start;
gap: 15px;
padding: 1rem 1.2rem;
border-radius: 10px;
background: #f9f9fb;
transition: all 0.3s ease;
}
.dp-section .feature-box i {
font-size: 1.5rem;
color: #5E17EB;
margin-top: 4px;
}
.dp-section .feature-box h3 {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 5px;
}
.dp-section .feature-box p {
font-size: 0.95rem;
color: #555;
margin: 0;
}
.dp-section .feature-box:hover {
background: #f0eaff;
transform: translateY(-3px);
}

/* CTA Highlight */
.dp-cta {
background: linear-gradient(135deg, #f9f7ff, #ffffff);
border-radius: 20px;
padding: 3rem 2rem;
text-align: center;
margin: 4rem 0;
box-shadow: 0 8px 28px rgba(0,0,0,0.08);
}
.dp-cta h2 {
font-weight: 700;
font-size: 2rem;
color: #222;
margin-bottom: 0.5rem;
}
.dp-cta p {
font-size: 1rem;
color: #555;
margin-bottom: 2rem;
}
.dp-cta img {
  max-height: 320px;
  max-width: 100%; 
  height: auto;
  object-fit: contain;
  margin: 1.5rem auto;
  transition: transform 0.4s ease;
}

.dp-cta img:hover {
  transform: scale(1.05);
}
.dp-cta .btn-purple {
display: inline-flex;
align-items: center;
gap: 6px;
background: #5E17EB;
color: #fff;
padding: 0.75rem 1.5rem;
margin: 0.3rem;
border-radius: 8px;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}
.dp-cta .btn-purple:hover {
background: #4b0fcb;
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(94,23,235,0.3);
}

/* Feature Icons Section */
.dp-section .features-title {
text-align: center;
margin-bottom: 2rem;
}
.dp-section .features-title h3 {
font-weight: 700;
font-size: 1.7rem;
color: #222;
}

/* Icon Boxes Grid */
.dp-section .feature-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 1.5rem;
}
.dp-section .icon-box {
background: #f9f9fb;
border-radius: 12px;
padding: 1.5rem;
text-align: left;
transition: all 0.3s ease;
height: 100%;
}
.dp-section .icon-box i {
font-size: 2rem;
color: #5E17EB;
margin-bottom: 10px;
}
.dp-section .icon-box h4 {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 0.5rem;
}
.dp-section .icon-box p {
font-size: 0.95rem;
color: #555;
margin: 0;
}
.dp-section .icon-box:hover {
background: #f0eaff;
transform: translateY(-5px);
box-shadow: 0 6px 18px rgba(94,23,235,0.15);
}

/* Highlight Section */
.dp-highlight-section {
  padding: 2rem 1rem; /* was 4rem */
  margin: 1rem 0; /* was 3rem */
  background: linear-gradient(135deg, #fafaff, #ffffff);
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.05);
}


.dp-highlight-header h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #222;
  line-height: 1.2;
}

.dp-highlight-header p {
  font-size: 1.2rem;
  color: #666;
  margin-top: 0.75rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* Buttons */
.dp-highlight-buttons {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
}
.dp-highlight-buttons .btn-purple {
display: inline-flex;
align-items: center;
gap: 6px;
background: #5E17EB;
color: #fff;
padding: 0.75rem 1.5rem;
border-radius: 8px;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}
.dp-highlight-buttons .btn-purple:hover {
background: #4b0fcb;
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(94,23,235,0.25);
}

.dp-highlight-buttons .btn-outline-purple {
display: inline-flex;
align-items: center;
gap: 6px;
border: 2px solid #5E17EB;
color: #5E17EB;
padding: 0.75rem 1.5rem;
border-radius: 8px;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}
.dp-highlight-buttons .btn-outline-purple:hover {
background: #5E17EB;
color: #fff;
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(94,23,235,0.2);
}

/* Image Styling */
.dp-highlight-image {
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 12px 35px rgba(0,0,0,0.08);
  transition: transform 0.4s ease;
  max-width: 900px;
  margin: 0 auto;
}
.dp-highlight-image img {
  border-radius: 16px;
  transition: transform 0.4s ease;
  width: 100%;
}

.dp-highlight-image:hover img {
transform: scale(1.05);
}