/* Gradient text for h1 */
h1 .gradient-text,
h2 .gradient-text {
    background: linear-gradient(90deg, #2C83FF 35.36%, #4E68E5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: 'Inter', sans-serif;
}
.example-work-card{
padding-bottom: 26px;
}
.ctaWrapper,.newCtas,.pdfsWraper{position:relative}

.samHeadSec{
    padding:135px 0 32px;
    background-color:#fff
}

.wraper{
    display:flex;
    column-gap:12px;
    align-items:center
}

.completedFiles,.fileHead{
    align-items:center;
    display:flex
}

.sampledesc{
    padding-bottom:38px
}

.sampledesc .disclaimer{
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:700;
    font-size:24px;
    line-height:30px;
    color:#35414B;
    padding-bottom:24px;
    display:block
}

.fileHead .fileName,.sampledesc p{
    font-family:Inter,sans-serif;
    font-style:normal;
    line-height:23px
}

.sampledesc .ist-p{
    padding-bottom:23px
}

.sampledesc .ist-p a{
    color:#2756DF
}

.sampledesc .ist-p a:hover{
    text-decoration:underline
}

section.samplePage{
    padding:25px 0 100px
}

.h-100{
    min-height:100px
}

.pricingWraper{
    width:100%;
    max-width:100%
}

.sampleHead{
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:800;
    font-size:42px;
   line-height: 150%;
    color:#35414B;
    text-align:center
}

.sampledesc p{
    font-family:Inter,sans-serif;
    font-weight:400;
    font-size:17px;
    color:#536C8B
}

.completedFiles{
    justify-content:space-between;
    flex-wrap:wrap;
    row-gap:30px
}

.pdfsWraper{
    width:100%;
    max-width:48%;
    min-height:314px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    background:#fff;
    border:1px solid #CFDEF0;
    box-shadow:0px 0px 16px 0px #469FDF33;
    border-radius:16px;
    padding:35px 30px;
    transition:all .3s ease
}

.pdfsWraper:hover{
    border-color:#2756DF;
    transform:translateY(-4px)
}

.fileHead{
    width:100%;
    justify-content:space-between;
    padding-bottom:30px;
    border-bottom:1px solid #ebebec
}

.fileHead .fileName{
    font-family:Inter,sans-serif;
    font-weight:700;
    font-size:15px;
    color:#35414B;
    width:230px
}

.fileHead .NoOfPages,span.academicLevel{
    font-style:normal;
    font-weight:400;
    font-family:Inter,sans-serif
}

.fileHead .NoOfPages{
    font-size:16px;
    line-height:20px;
    color:#4b5563
}

.pdfsWraper ul{
    list-style:none;
    padding-top:25px;
    width:100%
}

.pdfsWraper ul li{
    display:flex;
    width:100%;
    align-items:center;
    justify-content:space-between;
    padding-bottom:12px
}

span.academicLevel{
    font-family:Inter,sans-serif;
    font-size:14px;
    line-height:18px;
    color:#536C8B
}

.pdfsWraper a,span.docType{
    font-size:16px;
    font-style:normal
}

span.docType{
    font-family:Inter,sans-serif;
    font-weight:500;
    line-height:24px;
    text-align:right;
    color:#35414B
}

.ctaButton,.newCtas,.pdfsWraper a{
    text-align:center;
    font-weight:600
}

.pdfsWraper a{
    font-family:Inter,sans-serif;
    display:block;
    max-width:123px;
    width:100%;
    margin:0 auto;
    color:#fff;
    background:#2756DF;
    border-radius:100px;
    padding:8px 0;
    line-height:16px;
    transition:all .3s ease
}

.pdfsWraper a:hover{
    background-color:#2243A4
}

.pdfsWraper .fileHead .wraper img{
    max-width:27px;
    width:100%;
    max-height:35px;
    height:100%
}

/* ============ CTA Banner (writer-cta-banner style) ============ */
.grades-matter{
    padding:0 0 60px
}

.grades-matter-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:linear-gradient(90deg, #2243A4 0%, #566BD0 100%);
    height:135px;
    border-radius:25px;
    padding:36px;
    gap:30px;
    max-width:1200px;
    width:100%;
    margin:-30px auto 0;
    position:relative;
    overflow:hidden
}

.grades-matter-wrapper:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(../grades-matter-bg.html);
    background-repeat:no-repeat;
    background-position:100% 100%;
    filter:brightness(0) saturate(100%) invert(87%) sepia(18%) saturate(6981%) hue-rotate(190deg) brightness(104%) contrast(101%);
    pointer-events:none
}

.grades-matter-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    position:relative;
    z-index:1
}

.grades-matter-wrapper p{
    font-family:'Inter',sans-serif;
    font-weight:700;
    font-size:22px;
    color:#fff;
    margin:0;
    line-height:1.3
}

.newCtas{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:#fff;
    color:#2344A5;
    font-family:'Inter',sans-serif;
    font-size:16px;
    font-weight:600;
    padding:16px 28px;
    border-radius:10px;
    text-decoration:none;
    white-space:nowrap;
    transition:all .3s ease;
    flex-shrink:0;
    position:relative;
    z-index:1
}

.newCtas:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius:10px;
    background:#fff;
    animation:ripple-effect 1.5s ease-out infinite;
    z-index:-1;
    pointer-events:none
}

.newCtas:after{
    content:'';
    width:15px;
    height:15px;
    background-image:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 8.5H12.5M12.5 8.5L8.75 4.75M12.5 8.5L8.75 12.25' stroke='%232344A5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size:contain;
    background-repeat:no-repeat;
    transition:transform .3s ease;
    display:inline-flex
}

.newCtas:hover{
    background:#f0f4ff;
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgba(0,0,0,.15)
}

.newCtas:hover:after{
    transform:translateX(4px)
}

.newCtas .pulseanim{
    animation-name:cta-animation;
    border-radius:100px;
    padding:0
}

span.grades-matte-vector{
    position:absolute;
    bottom:-26px;
    left:-30px
}

@keyframes ripple-effect{
    0%{box-shadow:0 0 0 0 #dad3d3}
    100%{box-shadow:0 0 0 15px transparent}
}

@keyframes cta-animation{
    0%{box-shadow:0 0 0 0 #fff}
    100%{box-shadow:0 0 0 20px transparent}
}

/* ============ CTA Section ============ */
.ctaSection{
    padding-bottom:100px
}

.ctaWrapper{
    background:linear-gradient(90deg, #2243A4 0%, #2243A4 97.87%);
    border-radius:15px;
    display:flex;
    align-items:center;
    column-gap:42px;
    padding:42px 85px;
    position:relative
}

.ctaWrapper::after{
    content:'';
    background-image:url(../svg/educ.svg);
    position:absolute;
    z-index:11;
    max-width:233px;
    width:100%;
    max-height:171px;
    background-size:cover;
    right:0;
    bottom:0;
    height:100%
}

.ctaContent{
    border-left:1px solid rgba(255,255,255,.2);
    padding:9px 42px
}

.ctaContent span{
    display:block;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:18px;
    line-height:142.5%;
    color:#fff;
    padding-bottom:32px
}

.ctaContent.withhead{
    padding:9px 0 9px 42px;
    position:relative;
    z-index:1
}

.ctaContent.withhead p{
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:32px;
    line-height:142.5%;
    color:#fff;
    margin-bottom:28px
}

.ctaContent.withhead span{
    display:block;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:18px;
    line-height:142.5%;
    color:#fff
}

.ctaButton{
    font-family:Inter,sans-serif;
    font-style:normal;
    font-size:18px;
    color:#fff;
    display:block;
    background-color:#2756DF;
    border-radius:3px;
    max-width:124px;
    width:100%;
    padding:7px 0;
    line-height:164.5%;
    text-align:center;
    font-weight:600;
    transition:all .3s ease
}

.ctaButton:hover{
    background:#2243A4
}

.ctaWrapper.withhead{
    padding-right:44px
}

/* ============ Responsive ============ */
@media (max-width:1200px){
    .pricingWraper{padding-right:50px}
    .pdfsWraper{max-width:48%}
}

@media (max-width:991px){
    .pdfsWraper{max-width:70%}
}

@media (max-width:767px){
    .pricingWraper{padding-right:0}
    .grades-matter-wrapper{
        flex-direction:column;
        text-align:center;
        padding:24px 20px;
        gap:20px;
        width:calc(100% - 30px);
        height:auto;
        margin:10px auto 0
    }
    .grades-matter-wrapper p{font-size:20px}
    span.grades-matte-vector{bottom:-45px}
}

@media (max-width:575px){
    .samHeadSec{padding:100px 0 28px}
    .h-100{min-height:unset}
    .sampleHead{font-size:28px;line-height:142.5%}
    .pdfsWraper{max-width:100%;margin:0 auto}
    .grades-matter-wrapper p{font-size:18px}
    .grades-matter-inner{flex-direction:column}
    span.grades-matte-vector{display:none}
    .wraper{max-width:79%;align-items:center}
    .ctaSection{padding:0 0 60px}
    .ctaContent.withhead,.ctaSection .container{padding:0}
    .ctaWrapper{flex-direction:column;padding:40px 15px;border-radius:0}
    .ctaIcon span svg{width:104px;height:104px}
    .ctaContent{border:none;padding:34px 0 0;position:relative}
    .ctaContent:before{position:absolute;content:'';width:246px;background-color:rgba(255,255,255,.2);top:0;height:1px;left:0;right:0;display:block;margin:0 auto}
    .ctaIcon span{display:block;margin:0 auto 34px}
    .ctaContent span{font-size:14px}
    .ctaButton{font-size:16px;padding:11px 0}
    .ctaContent.withhead p{font-size:27px;padding-top:34px}
    section.samplePage{padding:10px 0 60px}
}

@media (max-width:430px){
    .sampleHead{font-size:26px;line-height:142.5%}
    .sampledesc p{font-size:16px;padding-bottom:14px}
    .sampledesc .disclaimer{padding-bottom:16px;font-size:20px;line-height:20px}
    .sampledesc{padding-bottom:40px}
    .completedFiles{row-gap:22px}
    .ctaWrapper::after{background-size:132px 97px;background-repeat:no-repeat;background-position:bottom right}
}