.inner_section {
    max-width: 1000px;
    margin: 20px auto;
}

ul li{
    list-style-type: none;
}
.eb-garamond {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size:36px;
}
.inter {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size:22px;
}
.parainter {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size:25px;
}
.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.inner_section .card {
    background: #3f4b87; /* blue color */
    color: #fff;
    padding: 20px 22px;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0,0,0,0.25);
}

.inner_section .card h2 {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    margin: 0 0 25px;
    font-size: 30px;
    letter-spacing: 1px;
}

.inner_section .card p {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-size: 24px;
    line-height: 1.4;
    margin: 0;
}

.wrapper {
    max-width: 700px;
    margin: 20px auto;
}

.box {
    background: #fff;
    border-radius: 40px;
    padding: 30px 35px;
    margin-bottom: 30px;
    font-size: 35px;
    line-height: 1.3;
    color: #000;    
    box-shadow: 0 15px 20px rgba(0,0,0,0.25);
}

.box strong {
    font-weight: 800;
}

.section-wrapper {
    padding: 60px 20px;
}

.card-box {
    max-width: 1100px;
    margin: auto;
    background: #f3f3f3;
    padding: 25px 30px;
    border-radius: 50px;
    color: #1a2d6c;
    box-shadow: 0 15px 20px rgba(0,0,0,0.25);
}
.button{
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 24px;
    border-color: #0070c9;
    background: #0070c9;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);      -webkit-align-items: center;
    box-shadow: 0 15px 20px rgba(0,0,0,0.25);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    text-shadow: none;
    -webkit-transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
    -webkit-text-decoration: none;
    text-decoration: none;
    position: relative;
    width: 40%;
    min-height: 48px;
    min-width: 96px;
    padding: 14px 24px;
    position: relative;
    z-index: 0;
    border-radius: 10000px;  
}
.sticky_button{
    font-weight: 600;
    font-size: 22px;
    border-color: #0070c9;
    background: #0070c9;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);      -webkit-align-items: center;
    box-shadow: 0 15px 20px rgba(0,0,0,0.25);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    text-shadow: none;
    -webkit-transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
    -webkit-text-decoration: none;
    text-decoration: none;
    position: relative;
    width: 30%;
    min-height: 39px;
    min-width: 83px;
    padding: 6px 15px;
    position: relative;
    z-index: 0;
    font-family: "EB Garamond", serif;
    border-radius: 50px;
}

.card-box h1 {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 42px;
    margin-bottom: 15px;
    font-weight: 700;
}

.subtitle {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-size: 22px;
    margin-bottom: 30px;
}

.card-box p {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 25px;
}

.quote {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: italic;
}

.features {
    list-style: circle;
    padding: 0;
    margin: 30px 0;
}

.features li {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-size: 22px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
}

.features li i {
    margin-right: 12px;
    font-size: 20px;
    color: #1a2d6c;
}

.footer-text {
    margin-top: 30px;
    font-size: 22px;
    font-weight: 500;
}

.section-wrapper2 {
    max-width: 900px;
    margin: auto;
    padding: 10px 20px;
}

.benefit-card {
    background: #ffffff;
    border-radius: 40px;
    padding: 30px 15px;
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0 15px 20px rgba(0,0,0,0.25);
}

.sparkle {
    font-size: 70px;
}

.benefit-card p {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-size: 32px;
    font-style: italic;
    line-height: 1.4;
    margin: 0;
}

/* Section Container */
.section_wrapper{
    max-width:1000px;
    margin:40px auto;
    padding:0 20px;
}

.blue-box {
    background: #c5c9e7;
    color: #000;
    padding: 30px 20px;
    margin-bottom: 20px;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0,0,0,0.25);
}

.blue-box h2{
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-size:28px;
    font-style:italic;
    font-weight:600;
    margin-bottom:30px;
}

.blue-box p{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-size:24px;
    font-style:italic;
    margin:15px 0;
    line-height:1.5;
}

.offer{
    background: #c5c9e7;
    color: #000;
    padding:30px 20px;
    font-style:italic;
    box-shadow: 0 5px 10px rgba(0,0,0,0.25);
}

.offer h3{
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    margin-bottom:25px;
    font-size:28px;
}

.offer ul{
    list-style:circle;
    padding-left:20px;
    margin:0 0 30px 0;
}

ul li{
    list-style-type: disc !important;
}

.offer ul li{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-size:22px;
    margin-bottom:12px;
}

.feature ul{
    list-style:circle;
    padding-left:20px;
    margin:0 0 30px 0;
}

ul li{
    list-style-type: disc !important;
}

.feature ul li{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-size:22px;
    margin-bottom:12px;
}

.price p{
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-size:24px;
    margin-top:20px;
}

/* Main Container */
.section-box{
    position:relative;
    background:#e9e9e9;
    max-width:750px;
    padding:120px 50px 60px;
    border-radius:40px;
    text-align:left;
}

/* Red Badge */
.limited-badge{
    position:absolute;
    top:-70px;
    left:50%;
    transform:translateX(-50%);
    background:#e10600;
    color:#fff;
    padding:30px 60px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,0.4);
}

.limited-badge h2{
    margin:0;
    font-size:38px;
    font-weight:700;
}

.limited-badge p{
    margin:5px 0 0;
    font-size:20px;
}

/* Content Text */
.section-box p{
    font-size:22px;
    font-style:italic;
    margin-bottom:20px;
    line-height:1.6;
    color:#222;
}

/* Responsive */
@media (max-width:768px){
    .section-box{
        padding:110px 25px 40px;
    }

    .limited-badge{
        padding:20px 30px;
    }

    .limited-badge h2{
        font-size:28px;
    }

    .section-box p{
        font-size:18px;
    }
}

.offer-card {
    background: #ffffff;
    border-radius: 40px;
    padding: 30px 15px;
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0 15px 20px rgba(0,0,0,0.25);
}

.sparkle {
    font-size: 70px;
}

.offer-card p {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-size: 24px;
    font-style: italic;
    line-height: 1.4;
    margin: 0;
}
.blink-bg {
  background-color: #0070c9;
  color:#fff;
}
.blink-text {
  animation: blinkText 1s infinite;
}

/*@keyframes blinkBg {
  0% { background-color: yellow; }
  50% { background-color: transparent; }
  100% { background-color: yellow; }
}*/

@keyframes blinkText {
  0% { color: red; }
  50% { color: transparent; }
  100% { color: red; }
}

@media(min-width:325px) and (max-width:575px){        
    .sticky_button{
        font-weight: 600;
        font-size: 16px !important;
        border-color: #0070c9;
        background: #0070c9;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);      -webkit-align-items: center;
        box-shadow: 0 15px 20px rgba(0,0,0,0.25);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-style: solid;
        border-width: 1px;
        text-align: center;
        text-shadow: none;
        -webkit-transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
        transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
        -webkit-text-decoration: none;
        text-decoration: none;
        position: relative;
        width: 100% !important;
        min-height: 39px;
        min-width: 83px;
        padding: 6px 15px;
        position: relative;
        z-index: 0;
        font-family: "EB Garamond", serif;
        border-radius: 50px;
    }

    .grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
    
    .button{
        font-family: "EB Garamond", serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-size: 20px;
        border-color: #0070c9;
        background: #0070c9;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);      -webkit-align-items: center;
        box-shadow: 0 15px 20px rgba(0,0,0,0.25);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-style: solid;
        border-width: 1px;
        text-align: center;
        text-shadow: none;
        -webkit-transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
        transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
        -webkit-text-decoration: none;
        text-decoration: none;
        position: relative;
        width: 100%;
        min-height: 48px;
        min-width: 96px;
        padding: 14px 24px;
        position: relative;
        z-index: 0;
        border-radius: 10000px;  
    }
}