.page{
    
    background:#fff;
    position:relative;
    overflow:hidden;
        font-family: var(--font-serif);
}

.content{
    color:#273da6;
    font-size:17px;
    line-height:1.28;
    font-style:italic;
}

.content p{
    margin-bottom:12px;
}

.red{
    color:#c02a4f;
    font-weight:700;
}

.heading{
    color:#273da6;
    font-weight:700;
    font-size:19px;
    margin:18px 0 10px;
}

.subheading{
    color:#c02a4f;
    font-weight:700;
    font-size:20px;
    margin:12px 0;
}

.bold{
    font-weight:700;
}



ol li{
    margin-bottom:8px;
    font-weight:500;
}

.footer-message{
    text-align:center;
    margin-top:35px;
    position:relative;
    z-index:2;
}

.footer-message .line1{
    color:#c02a4f;
    font-size:28px;
    font-weight:700;
}

.footer-message .line2{
    color:#c02a4f;
    font-size:28px;
    font-weight:800;
}

/* Decorative circles bottom left */

.circles{
    position:relative;
    left:-40px;
    bottom:-35px;
    width:320px;
    height:220px;
}

.circle{
    position:absolute;
    border-radius:50%;
    border:10px solid;
}

.c1{
    width:130px;
    height:130px;
    border-color:#13c7b3;
    left:40px;
    bottom:10px;
}

.c2{
    width:90px;
    height:90px;
    border-color:#ff3f8f;
    left:110px;
    bottom:25px;
}

.c3{
    width:40px;
    height:40px;
    border-color:#f5b300;
    left:180px;
    bottom:80px;
}

.c4{
    width:70px;
    height:70px;
    border-color:#d7d7d7;
    left:10px;
    bottom:70px;
}

.c5{
    width:28px;
    height:28px;
    border-color:#5fd6c7;
    left:20px;
    bottom:145px;
}

.c6{
    width:25px;
    height:25px;
    border-color:#ff5c8d;
    left:75px;
    bottom:165px;
}

/* Dotted pattern bottom right */

.dots{
    position:absolute;
    right:30px;
    bottom:35px;
    width:170px;
    height:120px;
    background-image:radial-gradient(#d9d9d9 1.8px, transparent 1.8px);
    background-size:18px 18px;
    opacity:.8;
}

/* coverpage */
.afs-cover-wrap{
   
    background:#fff;
    margin:auto;
    position:relative;
    overflow:hidden;
}

.afs-layout{
    height:100%;
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap:30px;

}

.afs-founder-photo img{
    width:320px;
    height:420px;
    object-fit:cover;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.afs-content-block{
    text-align:center;
}

.afs-top-title{
    font-size:28px;
    font-weight:700;
    color:#bf2026;
    margin-bottom:10px;
}

.afs-main-heading{
    font-size:35px;
    line-height:1.05;
    font-weight:900;
    color:#01396f;
    margin-bottom:20px;
    text-transform:uppercase;
}

.afs-vision-badge{
    display: inline-block;
  padding: 12px 25px;
  background: #01396f;
  color: #fff;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 35px;
}

.afs-author-prefix{
    font-size:30px;
    color:#bf2026;
    font-style:italic;
    /* margin-bottom:15px; */
}

.afs-founder-name{
    font-size:26px;
    font-weight:800;
    color:#bf2026;
    /* margin-bottom:10px; */
}

.afs-founder-designation{
    font-size:20px;
    font-style:italic;
    font-weight:700;
    color:#555;
    /* margin-bottom:10px; */
}

.afs-founder-exp{
    font-size:18px;
    font-weight:600;
    color:#555;
}

.afs-dot-pattern{
    position:absolute;
    top:0;
    left:0;
    width:220px;
    height:150px;
    background-image:radial-gradient(#d7d7d7 2px, transparent 2px);
    background-size:18px 18px;
}

.afs-ring-group{
    position:absolute;
    top:-30px;
    right:-30px;
}

.afs-ring{
    position:absolute;
    border-radius:50%;
    border:12px solid;
}

.afs-ring-a{
    width:120px;
    height:120px;
    border-color:#00bfa6;
    top:30px;
    right:120px;
}

.afs-ring-b{
    width:100px;
    height:100px;
    border-color:#ffcc00;
    top:0;
    right:180px;
}

.afs-ring-c{
    width:95px;
    height:95px;
    border-color:#e91e63;
    top:90px;
    right:120px;
}

.afs-ring-d{
    width:140px;
    height:140px;
    border-color:#1d2433;
    top:10px;
    right:20px;
}

.afs-ring-e{
    width:100px;
    height:100px;
    border-color:#d0d0d0;
    top:40px;
    right:220px;
}

/* ==========================
   Tablet Devices
   768px - 991px
========================== */
@media (max-width: 991px){

    .page{
        padding:0px;
    }

    .afs-cover-wrap{
        padding:30px;
    }

    .afs-layout{
        gap:20px;
    }

    .afs-founder-photo img{
        width:240px;
        height:320px;
    }

    .afs-top-title{
        font-size:22px;
    }

    .afs-main-heading{
        font-size:28px;
    }

    .afs-vision-badge{
        font-size:14px;
        padding:10px 15px;
        margin-bottom:25px;
    }

    .afs-author-prefix{
        font-size:24px;
    }

    .afs-founder-name{
        font-size:22px;
    }

    .afs-founder-designation{
        font-size:18px;
    }

    .afs-founder-exp{
        font-size:16px;
    }

    .footer-message .line1,
    .footer-message .line2{
        font-size:22px;
    }
}


/* ==========================
   Mobile Devices
   max-width: 767px
========================== */
@media (max-width: 767px){

    .page{
        padding:0px;
    }

    .afs-cover-wrap{
        padding:20px;
    }

    .afs-layout{
        flex-direction:column;
        text-align:center;
        gap:20px;
    }

    .afs-founder-photo img{
        width:180px;
        height:240px;
    }

    .afs-top-title{
        font-size:18px;
        margin-bottom:5px;
    }

    .afs-main-heading{
        font-size:22px;
        margin-bottom:12px;
    }

    .afs-vision-badge{
        font-size:12px;
        padding:8px 12px;
        margin-bottom:18px;
    }

    .afs-author-prefix{
        font-size:18px;
    }

    .afs-founder-name{
        font-size:20px;
    }

    .afs-founder-designation{
        font-size:16px;
    }

    .afs-founder-exp{
        font-size:14px;
    }

    .footer-message{
        margin-top:20px;
    }

    .footer-message .line1,
    .footer-message .line2{
        font-size:18px;
    }

    /* Reduce decorative elements */
    .afs-ring-group{
        transform:scale(.6);
        transform-origin:top right;
    }

    .afs-dot-pattern{
        width:120px;
        height:80px;
    }

    .circles{
        transform:scale(.7);
        transform-origin:bottom left;
    }

    .dots{
        transform:scale(.7);
        transform-origin:bottom right;
    }
}


/* ==========================
   Small Mobile Devices
   max-width: 480px
========================== */
@media (max-width: 480px){

    .page{
        padding:0px;
    }

    .afs-cover-wrap{
        padding:20px;
    }

    .afs-founder-photo img{
        width:150px;
        height:200px;
    }

    .afs-top-title{
        font-size:16px;
    }

    .afs-main-heading{
        font-size:18px;
        line-height:1.2;
    }

    .afs-vision-badge{
        font-size:11px;
        padding:7px 10px;
    }

    .afs-author-prefix{
        font-size:16px;
    }

    .afs-founder-name{
        font-size:18px;
    }

    .afs-founder-designation{
        font-size:14px;
    }

    .afs-founder-exp{
        font-size:13px;
    }

    .footer-message .line1,
    .footer-message .line2{
        font-size:16px;
    }
}