/* =========================================================
   SUSRUT — DISCOVER WHAT SUSRUT STANDS FOR
========================================================= */

.susrut-discover-section{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    min-height:480px;

    padding:70px 0;

    overflow:hidden;

    background:
        linear-gradient(
            115deg,
            #064c79 0%,
            #075d94 48%,
            #087fba 100%
        );

    color:#fff;
}


/* =========================================================
   BACKGROUND CIRCLES
========================================================= */

.susrut-discover-circle{
    position:absolute;

    border:1px solid rgba(255,255,255,.10);

    border-radius:50%;

    pointer-events:none;
}

.discover-circle-left{
    width:520px;
    height:520px;

    left:-320px;
    top:-270px;
}

.discover-circle-left:before{
    content:"";

    position:absolute;

    left:75px;
    top:75px;

    width:365px;
    height:365px;

    border:1px solid rgba(255,255,255,.055);

    border-radius:50%;
}

.discover-circle-right{
    width:470px;
    height:470px;

    right:-290px;
    bottom:-285px;
}

.discover-circle-right:before{
    content:"";

    position:absolute;

    left:70px;
    top:70px;

    width:325px;
    height:325px;

    border:1px solid rgba(255,255,255,.055);

    border-radius:50%;
}


/* =========================================================
   GRID
========================================================= */

.susrut-discover-grid{
    position:absolute;

    right:7%;
    top:55px;

    width:280px;
    height:190px;

    opacity:.08;

    transform:rotate(-5deg);

    background-image:
        linear-gradient(
            rgba(255,255,255,.55) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.55) 1px,
            transparent 1px
        );

    background-size:17px 17px;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent,
            #000 15%,
            #000 85%,
            transparent
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent,
            #000 15%,
            #000 85%,
            transparent
        );
}


/* =========================================================
   WRAPPER
========================================================= */

.susrut-discover-wrap{
    position:relative;

    z-index:5;

    width:min(1050px,calc(100% - 40px));

    margin:0 auto;

    text-align:center;
}


/* =========================================================
   LABEL
========================================================= */

.susrut-discover-label{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:10px;

    margin-bottom:14px;

    color:#bceafa;

    font-size:13px;

    font-weight:700;

    letter-spacing:.16em;

    text-transform:uppercase;
}

.susrut-discover-label span{
    width:23px;
    height:1px;

    background:rgba(255,255,255,.42);
}


/* =========================================================
   HEADING
========================================================= */

.susrut-discover-wrap h2{
    margin:0;

    color:#fff;

    font-family:
        Fraunces,
        "Times New Roman",
        serif;

    font-size:
        clamp(43px,5vw,63px);

    line-height:1.06;

    font-weight:600;

    letter-spacing:-1.5px;
}

.susrut-discover-wrap h2 em{
    color:#bceafa;

    font-style:italic;

    font-weight:500;
}


/* =========================================================
   VALUES
========================================================= */

.susrut-discover-values{
    max-width:900px;

    margin:20px auto 0;

    color:rgba(255,255,255,.76);

    font-size:13px;

    line-height:1.8;

    font-weight:700;

    letter-spacing:.06em;
}

.susrut-discover-values b{
    margin:0 5px;

    color:#7dc9e6;

    font-weight:400;
}


/* =========================================================
   ACTIONS
========================================================= */

.susrut-discover-actions{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:9px;

    margin-top:29px;
}


/* ACTION CARD */

.susrut-discover-action{
    display:grid;

    grid-template-columns:
        38px minmax(0,1fr);

    align-items:center;

    gap:10px;

    min-height:100px;

    padding:11px;

    border:1px solid rgba(255,255,255,.18);

    border-radius:8px;

    background:rgba(255,255,255,.07);

    text-align:left;

    backdrop-filter:blur(4px);

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.susrut-discover-action:hover{
    transform:translateY(-3px);

    border-color:rgba(255,255,255,.35);

    background:rgba(255,255,255,.11);
}


/* ICON */

.susrut-discover-action-icon{
    width:38px;
    height:38px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:7px;

    background:rgba(255,255,255,.13);

    color:#bceafa;

    font-size:13px;
}


/* CONTENT */

.susrut-discover-action-content{
    min-width:0;
}

.susrut-discover-action-content span{
    display:block;

    margin-bottom:3px;

    color:#bceafa;

    font-size:12px;

    font-weight:700;

   
}

.susrut-discover-action-content strong{
    display:block;

    color:#fff;

    font-size:13px;

    line-height:1.45;

    font-weight:500;
}


/* LINK */

.susrut-discover-action>a{
    grid-column:1 / -1;

    display:flex;

    align-items:center;
    justify-content:space-between;

    min-height:42px;

    padding:0 10px;

    border:1px solid rgba(255,255,255,.22);

    border-radius:5px;

    color:#fff;

    text-decoration:none;

    font-size:14px;

    font-weight:700;
}

.susrut-discover-action>a i{
    font-size:12px;

    transition:transform .2s ease;
}

.susrut-discover-action>a:hover i{
    transform:translateX(3px);
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:800px){

    .susrut-transparency-wrap {
  grid-template-columns: none !important;
}

}


@media(max-width:600px){
.susrut-transparency-wrap {
  grid-template-columns: none !important;
}.susrut-transparency-wrap {
  grid-template-columns: none !important;
}
    .susrut-discover-section{
        min-height:auto;

        padding:52px 0 58px;
    }

    .susrut-discover-wrap{
        width:calc(100% - 28px);
    }

    .susrut-discover-label{
        font-size:12px;

        letter-spacing:.11em;
    }

    .susrut-discover-label span{
        width:17px;
    }

    .susrut-discover-wrap h2{
        font-size:35px;

        letter-spacing:-.8px;
    }

    .susrut-discover-values{
        margin-top:16px;

        font-size:12px;

        line-height:2;
    }

    .susrut-discover-values b{
        margin:0 2px;
    }

    .susrut-discover-actions{
        margin-top:21px;

        gap:7px;
    }

    .susrut-discover-action{
        min-height:94px;
    }

    .susrut-discover-grid{
        right:-70px;
        top:45px;

        width:180px;
        height:125px;

        opacity:.045;
    }

    .discover-circle-left{
        width:350px;
        height:350px;

        left:-235px;
        top:-190px;
    }

    .discover-circle-right{
        width:290px;
        height:290px;

        right:-190px;
        bottom:-185px;
    }

}
/* =========================================================
   SUSRUT — TRANSPARENCY
========================================================= */

.susrut-transparency-section{
    position:relative;

    padding:75px 0 80px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 80% 40%,
            rgba(8,118,184,.06),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f6fbfd 55%,
            #edf7fa 100%
        );
}


/* BACKGROUND */

.susrut-transparency-section:before,
.susrut-transparency-section:after{
    content:"";

    position:absolute;

    border:1px solid rgba(8,118,184,.07);

    border-radius:50%;

    pointer-events:none;
}

.susrut-transparency-section:before{
    width:520px;
    height:520px;

    left:-350px;
    top:-270px;
}

.susrut-transparency-section:after{
    width:400px;
    height:400px;

    right:-270px;
    bottom:-250px;
}


/* WRAPPER */

.susrut-transparency-wrap{
    position:relative;

    z-index:2;

    width:min(1320px,calc(100% - 40px));

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        230px;

    gap:70px;

    align-items:center;
}


/* CONTENT */

.susrut-transparency-content{
    max-width:800px;
}

.susrut-transparency-label{
    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-bottom:12px;

    color:#0875b6;

    font-size:13px;

    font-weight:700;

    letter-spacing:.14em;

    text-transform:uppercase;
}

.susrut-transparency-label:before,
.susrut-transparency-label:after{
    content:"";

    width:23px;
    height:1px;

    background:#8ab8cf;
}


/* HEADING */

.susrut-transparency-content h2{
    margin:0 0 18px;

    color:#173c58;

    font-family:
        Fraunces,
        "Times New Roman",
        serif;

    font-size:
        clamp(40px,4.4vw,55px);

    line-height:1.06;

    font-weight:600;

    letter-spacing:-1.2px;
}

.susrut-transparency-content h2 span{
    display:block;

    color:#0875b6;

    font-style:italic;

    font-weight:500;
}


/* TEXT */

.susrut-transparency-lead{
    margin:0 0 11px;

    color:#45657b;

    

    line-height:1.8;

    font-weight:500;
}

.susrut-transparency-content p:not(.susrut-transparency-lead){
    max-width:760px;

    margin:0;

    color:#6a808d;

   
}


/* BUTTON */

.susrut-transparency-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    min-height:45px;

    margin-top:23px;

    padding:0 16px;

    border:1px solid #0875b6;

    border-radius:7px;

    background:#0875b6;

    color:#fff;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

    box-shadow:
        0 8px 18px rgba(8,118,184,.13);

    transition:.25s ease;
}

.susrut-transparency-btn:hover{
    background:#075f98;

    border-color:#075f98;

    color:#fff;

    transform:translateY(-2px);

    box-shadow:
        0 11px 23px rgba(8,118,184,.18);
}

.susrut-transparency-btn i:last-child{
    transition:transform .2s ease;
}

.susrut-transparency-btn:hover i:last-child{
    transform:translateX(3px);
}


/* RIGHT MARK */

.susrut-transparency-mark{
    position:relative;

    width:210px;
    height:210px;

    display:flex;

    flex-direction:column;

    align-items:center;
    justify-content:center;

    margin-left:auto;

    border:1px solid #c9e0e9;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #eef9fc,
            #ffffff
        );

    box-shadow:
        0 15px 35px rgba(25,70,100,.07);

    text-align:center;
}

.susrut-transparency-mark:before,
.susrut-transparency-mark:after{
    content:"";

    position:absolute;

    border:1px solid rgba(8,118,184,.08);

    border-radius:50%;
}

.susrut-transparency-mark:before{
    width:260px;
    height:260px;
}

.susrut-transparency-mark:after{
    width:315px;
    height:315px;
}

.susrut-transparency-mark-circle{
    width:43px;
    height:43px;

    display:flex;

    align-items:center;
    justify-content:center;

    margin-bottom:9px;

    border-radius:50%;

    background:#0875b6;

    color:#fff;

    font-size:12px;

    box-shadow:
        0 7px 18px rgba(8,118,184,.14);
}

.susrut-transparency-mark span{
    color:#0875b6;

    font-size:6px;

    font-weight:700;

    letter-spacing:.13em;
}

.susrut-transparency-mark strong{
    margin-top:4px;

    color:#294d66;

    font-family:
        Fraunces,
        "Times New Roman",
        serif;

    font-size:18px;

    font-weight:600;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:800px){

   .susrut-transparency-wrap {
  grid-template-columns: auto !important;
}

    .susrut-transparency-mark{
        margin:0 auto;
    }

}


@media(max-width:600px){

    .susrut-transparency-section{
        padding:52px 0 58px;
    }

   .susrut-transparency-wrap {
  grid-template-columns: auto !important;
}
    .susrut-transparency-label{
        font-size:12px;
    }

    .susrut-transparency-label:before,
    .susrut-transparency-label:after{
        width:17px;
    }

    .susrut-transparency-content h2{
        font-size:35px;

        letter-spacing:-.8px;
    }

    .susrut-transparency-lead{
        font-size:13px;
    }

    .susrut-transparency-content p:not(.susrut-transparency-lead){
        font-size:13px;
    }

    .susrut-transparency-btn{
        width:100%;

        min-height:43px;
    }

    .susrut-transparency-mark{
        width:175px;
        height:175px;
    }

}
/* =========================================================
   SUSRUT — WHAT YOU'LL FIND IN OUR ANNUAL REPORTS
========================================================= */

.susrut-report-content-section{
    position:relative;

    padding:75px 0 80px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 82% 40%,
            rgba(8,118,184,.055),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f6fbfd 55%,
            #edf7fa 100%
        );
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.susrut-report-content-section:before,
.susrut-report-content-section:after{
    content:"";

    position:absolute;

    border:1px solid rgba(8,118,184,.07);

    border-radius:50%;

    pointer-events:none;
}

.susrut-report-content-section:before{
    width:520px;
    height:520px;

    left:-350px;
    top:-270px;
}

.susrut-report-content-section:after{
    width:400px;
    height:400px;

    right:-270px;
    bottom:-250px;
}


/* =========================================================
   WRAPPER
========================================================= */

.susrut-report-content-wrap{
    position:relative;
    z-index:2;

    width:min(1320px,calc(100% - 40px));

    margin:0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.susrut-report-content-header{
   

    margin:0 auto 38px;

    text-align:center;
}

.susrut-report-content-label{
    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-bottom:11px;

    color:#0875b6;

    font-size:13px;

    font-weight:700;

    letter-spacing:.14em;

    text-transform:uppercase;
}

.susrut-report-content-label:before,
.susrut-report-content-label:after{
    content:"";

    width:23px;
    height:1px;

    background:#8ab8cf;
}

.susrut-report-content-header h2{
    margin:0 0 12px;

    color:#173c58;

    font-family:
        Fraunces,
        "Times New Roman",
        serif;

    font-size:clamp(40px,4.4vw,54px);

    line-height:1.06;

    font-weight:600;

    letter-spacing:-1.3px;
}

.susrut-report-content-header h2 span{
    

    color:#0875b6;

    font-style:italic;

    font-weight:500;
}

.susrut-report-content-header p{
   

    margin:0 auto;

    color:#687e8e;

    

    line-height:1.8;
}


/* =========================================================
   GRID
========================================================= */

.susrut-report-content-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:10px;
}


/* =========================================================
   CARD
========================================================= */

.susrut-report-content-card{
    position:relative;

    min-height:205px;

    padding:18px;

    overflow:hidden;

    border:1px solid #d8e7ed;

    border-radius:9px;

    background:#fff;

    box-shadow:
        0 7px 21px rgba(25,70,100,.04);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.susrut-report-content-card:hover{
    transform:translateY(-4px);

    border-color:#bfdbe6;

    box-shadow:
        0 12px 27px rgba(25,70,100,.07);
}


/* TOP ACCENT */

.susrut-report-content-card:before{
    content:"";

    position:absolute;

    left:16px;
    top:0;

    width:34px;
    height:3px;

    border-radius:
        0 0 4px 4px;

    background:#0875b6;

    transition:.25s ease;
}

.susrut-report-content-card:hover:before{
    width:52px;
}


/* =========================================================
   TOP ROW
========================================================= */

.susrut-report-content-top{
    display:flex;

    align-items:center;
    justify-content:space-between;

    margin-bottom:28px;
}

.susrut-report-content-top > span{
    color:#a3b5be;

    font-family:
        Fraunces,
        "Times New Roman",
        serif;

    font-size:17px;

    font-weight:600;
}


/* =========================================================
   ICON
========================================================= */

.susrut-report-content-icon{
    width:40px;
    height:40px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:1px solid #d1e4eb;

    border-radius:7px;

    background:#eaf6fb;

    color:#0875b6;

    font-size:13px;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.susrut-report-content-card:hover
.susrut-report-content-icon{
    background:#0875b6;

    color:#fff;

    transform:scale(1.05);
}


/* =========================================================
   CARD TEXT
========================================================= */

.susrut-report-content-card h3{
    margin:0 0 9px;

    color:#294d66;

    font-family:
        Fraunces,
        "Times New Roman",
        serif;

    font-size:18px;

    line-height:1.3;

    font-weight:600;
}

.susrut-report-content-card p{
    margin:0;

    color:#6a808d;

    font-size:15px;

    
}


/* =========================================================
   HIGHLIGHT CARD
========================================================= */

.susrut-report-content-highlight{
    background:
        linear-gradient(
            145deg,
            #eef9fc 0%,
            #ffffff 100%
        );

    border-color:#c8e0e9;
}


/* =========================================================
   BOTTOM NOTE
========================================================= */

.susrut-report-content-note{
    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    max-width:850px;

    margin:24px auto 0;

    color:#7b909b;

    font-size:13px;

    line-height:1.6;

    text-align:center;
}

.susrut-report-content-note i{
    flex-shrink:0;

    color:#0875b6;

    font-size:13px;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

    .susrut-report-content-section{
        padding:65px 0 70px;
    }

    .susrut-report-content-wrap{
        width:calc(100% - 30px);
    }

    .susrut-report-content-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:10px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){
    .susrut-transparency-btn {font-size: 13px;}
    .susrut-discover-actions{display: block; margin-bottom: 10px;}
 .susrut-discover-action {
    min-height: 94px;
    margin-bottom: 10px;
  }
    .susrut-report-content-section{
        padding:52px 0 60px;
    }

    .susrut-report-content-wrap{
        width:calc(100% - 28px);
    }

    .susrut-report-content-header{
        margin-bottom:27px;
    }

    .susrut-report-content-label{
        font-size:12px;
    }

    .susrut-report-content-label:before,
    .susrut-report-content-label:after{
        width:17px;
    }

    .susrut-report-content-header h2{
        font-size:34px;

        letter-spacing:-.8px;
    }

    .susrut-report-content-header p{
        font-size:13px;

        line-height:1.75;
    }


    /* GRID */

    .susrut-report-content-grid{
        grid-template-columns:1fr;

        gap:8px;
    }

    .susrut-report-content-card{
        min-height:145px;

        padding:15px;
    }

    .susrut-report-content-top{
        margin-bottom:18px;
    }

    .susrut-report-content-top > span{
        font-size:14px;
    }

    .susrut-report-content-icon{
        width:36px;
        height:36px;

        font-size:13px;
    }

    .susrut-report-content-card h3{
        font-size:17px;
    }

    .susrut-report-content-card p{
        font-size:13px;

        line-height:1.75;
    }

    .susrut-report-content-note{
        margin-top:18px;

        font-size:12px;
    }

}
/* =========================================================
   SUSRUT — OUR REPORTS
========================================================= */

.susrut-reports-section{
    position:relative;
    padding:75px 0 85px;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 85% 35%,
            rgba(8,118,184,.055),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f6fbfd 55%,
            #edf7fa 100%
        );
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.susrut-reports-section:before,
.susrut-reports-section:after{
    content:"";
    position:absolute;

    border:1px solid rgba(8,118,184,.07);
    border-radius:50%;

    pointer-events:none;
}

.susrut-reports-section:before{
    width:520px;
    height:520px;

    left:-350px;
    top:-270px;
}

.susrut-reports-section:after{
    width:400px;
    height:400px;

    right:-270px;
    bottom:-250px;
}


/* =========================================================
   WRAPPER
========================================================= */

.susrut-reports-wrap{
    position:relative;
    z-index:2;

    width:min(1320px,calc(100% - 40px));

    margin:0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.susrut-reports-header{
   

    margin:0 auto 38px;

    text-align:center;
}

.susrut-reports-label{
    display:inline-flex;
    align-items:center;
    gap:9px;

    margin-bottom:12px;

    color:#0875b6;

    font-size:13px;
    font-weight:700;

    letter-spacing:.14em;
    text-transform:uppercase;
}

.susrut-reports-label:before,
.susrut-reports-label:after{
    content:"";

    width:23px;
    height:1px;

    background:#8ab8cf;
}

.susrut-reports-header h2{
    margin:0 0 12px;

    color:#173c58;

    font-family:
        Fraunces,
        "Times New Roman",
        serif;

    font-size:clamp(40px,4.5vw,55px);

    line-height:1.06;
    font-weight:600;

    letter-spacing:-1.3px;
}

.susrut-reports-header h2 span{
   

    color:#0875b6;

    font-style:italic;
    font-weight:500;
}

.susrut-reports-header p{
   

    margin:0 auto;

    color:#687e8e;

   

    line-height:1.8;
}


/* =========================================================
   REPORT GRID
========================================================= */

.susrut-reports-list{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:10px;
}


/* =========================================================
   REPORT CARD
========================================================= */

.susrut-report-card{
    position:relative;

    display:grid;

    grid-template-columns:48px minmax(0,1fr) auto;

    align-items:center;

    gap:13px;

    min-height:86px;

    padding:12px 13px;

    border:1px solid #d8e7ed;

    border-radius:8px;

    background:#fff;

    box-shadow:
        0 7px 20px rgba(25,70,100,.04);

    overflow:hidden;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.susrut-report-card:hover{
    transform:translateY(-3px);

    border-color:#bddae6;

    box-shadow:
        0 12px 25px rgba(25,70,100,.07);
}


/* TOP ACCENT */

.susrut-report-card:before{
    content:"";

    position:absolute;

    left:15px;
    top:0;

    width:32px;
    height:3px;

    border-radius:
        0 0 4px 4px;

    background:#0875b6;

    transition:.25s ease;
}

.susrut-report-card:hover:before{
    width:50px;
}


/* =========================================================
   PDF ICON
========================================================= */

.susrut-report-icon{
    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid #d2e5ec;

    border-radius:7px;

    background:#eef8fb;

    color:#0875b6;

    font-size:14px;

    transition:
        background .22s ease,
        color .22s ease;
}

.susrut-report-card:hover
.susrut-report-icon{
    background:#0875b6;
    color:#fff;
}


/* =========================================================
   CONTENT
========================================================= */

.susrut-report-content{
    min-width:0;
}

.susrut-report-content span{
    display:block;

    margin-bottom:3px;

    color:#0875b6;

    font-size:13px;

    font-weight:700;

    letter-spacing:.12em;

    text-transform:uppercase;
}

.susrut-report-content h3{
    margin:0;

    color:#294d66;

    font-size:14px;

    line-height:1.4;

    font-weight:600;
}


/* =========================================================
   DOWNLOAD BUTTON
========================================================= */

.susrut-report-download{
    min-height:35px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:7px;

    padding:0 11px;

    border:1px solid #d0e3ea;

    border-radius:5px;

    background:#f8fcfd;

    color:#0875b6;

    text-decoration:none;

    font-size:13px;

    font-weight:700;

    white-space:nowrap;

    transition:
        background .22s ease,
        border-color .22s ease,
        color .22s ease;
}

.susrut-report-download:hover{
    background:#0875b6;

    border-color:#0875b6;

    color:#fff;
}

.susrut-report-download i{
    font-size:12px;

    transition:
        transform .2s ease;
}

.susrut-report-download:hover i{
    transform:translateX(3px);
}

.susrut-report-download.is-pending{
    opacity:.65;
    cursor:default;
    pointer-events:none;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:800px){

    .susrut-reports-section{
        padding:65px 0 70px;
    }

    .susrut-reports-wrap{
        width:calc(100% - 30px);
    }

    .susrut-reports-list{
        gap:9px;
    }

    .susrut-report-card{
        grid-template-columns:
            43px minmax(0,1fr);

        gap:11px;

        padding:11px;
    }

    .susrut-report-icon{
        width:43px;
        height:43px;
    }

    .susrut-report-download{
        grid-column:2;

        justify-self:start;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

    .susrut-reports-section{
        padding:52px 0 60px;
    }

    .susrut-reports-wrap{
        width:calc(100% - 28px);
    }

    .susrut-reports-header{
        margin-bottom:27px;
    }

    .susrut-reports-label{
        font-size:12px;
    }

    .susrut-reports-label:before,
    .susrut-reports-label:after{
        width:17px;
    }

    .susrut-reports-header h2{
        font-size:34px;

        letter-spacing:-.8px;
    }

    .susrut-reports-header p{
        font-size:13px;

        line-height:1.75;
    }

    .susrut-reports-list{
        grid-template-columns:1fr;

        gap:8px;
    }

    .susrut-report-card{
        grid-template-columns:
            40px minmax(0,1fr);

        gap:10px;

        min-height:78px;

        padding:10px;
    }

    .susrut-report-icon{
        width:40px;
        height:40px;

        font-size:13px;
    }

    .susrut-report-content span{
        font-size:12px;
    }

    .susrut-report-content h3{
        font-size:13px;
    }

    .susrut-report-download{
        grid-column:2;

        min-height:32px;

        padding:0 10px;

        font-size:12px;
    }

}
/* =========================================================
   SUSRUT — ANNUAL REPORTS HERO
========================================================= */

.susrut-reports-hero{
    position:relative;

    display:flex;
    align-items:center;

    min-height:560px;

    padding:75px 0;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 78% 45%,
            rgba(8,118,184,.075),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f6fbfd 55%,
            #eaf5fa 100%
        );
}


/* =========================================================
   WRAPPER
========================================================= */

.susrut-reports-hero-wrap{
    position:relative;
    z-index:5;

    width:min(1320px,calc(100% - 40px));

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(340px,.85fr);

    gap:70px;

    align-items:center;
}


/* =========================================================
   BACKGROUND CIRCLES
========================================================= */

.susrut-reports-circle{
    position:absolute;

    border:1px solid rgba(8,118,184,.085);

    border-radius:50%;

    pointer-events:none;
}

.susrut-reports-circle-left{
    width:550px;
    height:550px;

    left:-360px;
    top:-285px;
}

.susrut-reports-circle-left:before{
    content:"";

    position:absolute;

    left:75px;
    top:75px;

    width:395px;
    height:395px;

    border:1px solid rgba(8,118,184,.05);

    border-radius:50%;
}

.susrut-reports-circle-right{
    width:500px;
    height:500px;

    right:-305px;
    bottom:-310px;
}

.susrut-reports-circle-right:before{
    content:"";

    position:absolute;

    left:70px;
    top:70px;

    width:350px;
    height:350px;

    border:1px solid rgba(8,118,184,.05);

    border-radius:50%;
}


/* =========================================================
   GRID
========================================================= */

.susrut-reports-grid{
    position:absolute;

    right:6%;
    top:62px;

    width:285px;
    height:205px;

    opacity:.09;

    transform:rotate(-5deg);

    background-image:
        linear-gradient(
            rgba(8,118,184,.4) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(8,118,184,.4) 1px,
            transparent 1px
        );

    background-size:17px 17px;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent,
            #000 17%,
            #000 83%,
            transparent
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent,
            #000 17%,
            #000 83%,
            transparent
        );

    pointer-events:none;
}


/* =========================================================
   CONTENT
========================================================= */

.susrut-reports-content{
    position:relative;
    z-index:3;

    max-width:780px;
}

.susrut-reports-eyebrow{
    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-bottom:17px;

    color:#0875b6;

    font-size:13px;

    font-weight:700;

    letter-spacing:.15em;

    text-transform:uppercase;
}

.susrut-reports-eyebrow span{
    width:24px;
    height:1px;

    background:#8ab8cf;
}


/* =========================================================
   HEADING
========================================================= */

.susrut-reports-content h1{
    margin:0 0 21px;

    color:#173c58;

    font-family:
        Fraunces,
        "Times New Roman",
        serif;

    font-size:
        clamp(48px,5.1vw,68px);

    line-height:1.04;

    font-weight:600;

    letter-spacing:-2px;
}

.susrut-reports-content h1 em{
    display:block;

    margin-top:5px;

    color:#0875b6;

    font-style:italic;

    font-weight:500;
}


/* =========================================================
   COPY
========================================================= */

.susrut-reports-lead{
    max-width:760px;

    margin:0 0 13px;

    color:#45657b;

    

    line-height:1.85;
}

.susrut-reports-text{
    max-width:760px;

    margin:0;

    color:#6a808d;

  

   
}


/* =========================================================
   POINTS
========================================================= */

.susrut-reports-points{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:8px;

    margin-top:25px;
}

.susrut-reports-point{
    display:flex;

    align-items:center;

    gap:8px;

    min-height:62px;

    padding:9px;

    border:1px solid #d9e7ed;

    border-radius:7px;

    background:rgba(255,255,255,.78);

    box-shadow:
        0 6px 18px rgba(25,70,100,.035);
}

.susrut-reports-point-icon{
    width:34px;
    height:34px;

    display:flex;

    align-items:center;
    justify-content:center;

    flex-shrink:0;

    border-radius:6px;

    background:#eaf6fb;

    color:#0875b6;

    font-size:13px;
}

.susrut-reports-point strong{
    display:block;

    margin-bottom:2px;

    color:#294d66;

    font-size:12px;

    line-height:1.25;

    font-weight:700;
}

.susrut-reports-point span{
    display:block;

    color:#81949f;

    font-size:13px;

    line-height:1.35;
}


/* =========================================================
   REPORT VISUAL
========================================================= */

.susrut-reports-visual{
    position:relative;

    width:390px;
    height:420px;

    margin-left:auto;

    display:flex;

    align-items:center;
    justify-content:center;
}


/* =========================================================
   RINGS
========================================================= */

.susrut-reports-visual-ring{
    position:absolute;

    left:50%;
    top:50%;

    border:1px solid rgba(8,118,184,.12);

    border-radius:50%;

    transform:translate(-50%,-50%);

    pointer-events:none;
}

.susrut-reports-visual-ring.ring-one{
    width:370px;
    height:370px;
}

.susrut-reports-visual-ring.ring-two{
    width:285px;
    height:285px;

    border-color:rgba(8,118,184,.075);
}


/* =========================================================
   PAPER
========================================================= */

.susrut-report-paper{
    position:absolute;

    width:210px;
    height:275px;

    border:1px solid #d2e4eb;

    border-radius:5px;

    background:#fff;

    box-shadow:
        0 18px 40px rgba(25,70,100,.10);
}

.susrut-report-paper-back{
    z-index:2;

    transform:
        translate(24px,10px)
        rotate(6deg);

    background:#f3f8fa;
}

.susrut-report-paper-back span{
    display:block;

    width:70%;

    height:4px;

    margin:28px auto 0;

    border-radius:5px;

    background:#dcebf0;
}


/* MAIN PAPER */

.susrut-report-paper-main{
    z-index:4;

    padding:21px;

    transform:
        translate(-10px,-4px)
        rotate(-2deg);
}


/* PAPER HEADER */

.susrut-report-paper-header{
    display:flex;

    align-items:center;

    gap:7px;

    padding-bottom:12px;

    border-bottom:1px solid #e3edf1;
}

.susrut-report-paper-logo{
    width:25px;
    height:25px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:5px;

    background:#0875b6;

    color:#fff;

    font-size:12px;
}

.susrut-report-paper-header span{
    color:#0875b6;

    font-size:12px;

    font-weight:700;

    letter-spacing:.12em;
}


/* PAPER TITLE */

.susrut-report-paper-title{
    margin-top:31px;

    color:#173c58;

    font-family:
        Fraunces,
        "Times New Roman",
        serif;

    font-size:26px;

    line-height:1.05;

    font-weight:600;
}

.susrut-report-paper-title strong{
    display:block;

    color:#0875b6;

    font-style:italic;

    font-weight:500;
}


/* YEAR */

.susrut-report-paper-year{
    margin-top:11px;

    color:#78909d;

    font-size:13px;

    font-weight:700;

    letter-spacing:.08em;
}


/* LINES */

.susrut-report-paper-lines{
    margin-top:32px;
}

.susrut-report-paper-lines span{
    display:block;

    width:100%;

    height:4px;

    margin-bottom:9px;

    border-radius:4px;

    background:#e5eef2;
}

.susrut-report-paper-lines span:nth-child(2){
    width:82%;
}

.susrut-report-paper-lines span:nth-child(3){
    width:63%;
}


/* FOOTER */

.susrut-report-paper-footer{
    position:absolute;

    left:21px;
    right:21px;
    bottom:20px;

    padding-top:11px;

    border-top:1px solid #e3edf1;

    color:#91a2ab;

    font-size:13px;

    letter-spacing:.04em;
}


/* =========================================================
   PDF BADGE
========================================================= */

.susrut-report-pdf-badge{
    position:absolute;

    z-index:6;

    right:15px;
    bottom:65px;

    display:flex;

    align-items:center;

    gap:7px;

    padding:8px 10px;

    border:1px solid #d1e4eb;

    border-radius:6px;

    background:#fff;

    color:#0875b6;

    box-shadow:
        0 8px 20px rgba(25,70,100,.08);
}

.susrut-report-pdf-badge i{
    font-size:13px;
}

.susrut-report-pdf-badge span{
    color:#607a88;

    font-size:6px;

    font-weight:700;

    letter-spacing:.1em;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .susrut-reports-hero{
        min-height:auto;

        padding:65px 0;
    }

    .susrut-reports-hero-wrap{
        grid-template-columns:1fr;

        gap:40px;
    }

    .susrut-reports-content{
        max-width:none;
    }

    .susrut-reports-visual{
        width:350px;
        height:370px;

        margin:0 auto;
    }

    .susrut-reports-visual-ring.ring-one{
        width:330px;
        height:330px;
    }

    .susrut-reports-visual-ring.ring-two{
        width:250px;
        height:250px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

    .susrut-reports-hero{
        padding:50px 0 58px;
    }

    .susrut-reports-hero-wrap{
        width:calc(100% - 28px);

        gap:32px;
    }

    .susrut-reports-eyebrow{
        font-size:12px;

        letter-spacing:.11em;
    }

    .susrut-reports-eyebrow span{
        width:17px;
    }

    .susrut-reports-content h1{
        margin-bottom:17px;

        font-size:37px;

        line-height:1.08;

        letter-spacing:-1px;
    }

    .susrut-reports-lead{
        font-size:13px;

        line-height:1.8;
    }

    .susrut-reports-text{
        font-size:13px;

        line-height:1.8;
    }


    /* POINTS */

    .susrut-reports-points{
        grid-template-columns:1fr;

        gap:7px;

        margin-top:20px;
    }

    .susrut-reports-point{
        min-height:56px;
    }

    .susrut-reports-point strong{
        font-size:12px;
    }

    .susrut-reports-point span{
        font-size:12px;
    }


    /* VISUAL */

    .susrut-reports-visual{
        width:290px;
        height:310px;
    }

    .susrut-reports-visual-ring.ring-one{
        width:275px;
        height:275px;
    }

    .susrut-reports-visual-ring.ring-two{
        width:210px;
        height:210px;
    }

    .susrut-report-paper{
        width:160px;
        height:215px;
    }

    .susrut-report-paper-main{
        padding:16px;

        transform:
            translate(-7px,-3px)
            rotate(-2deg);
    }

    .susrut-report-paper-header{
        padding-bottom:9px;
    }

    .susrut-report-paper-logo{
        width:20px;
        height:20px;

        font-size:6px;
    }

    .susrut-report-paper-header span{
        font-size:6px;
    }

    .susrut-report-paper-title{
        margin-top:22px;

        font-size:20px;
    }

    .susrut-report-paper-year{
        font-size:12px;
    }

    .susrut-report-paper-lines{
        margin-top:23px;
    }

    .susrut-report-paper-lines span{
        height:3px;

        margin-bottom:6px;
    }

    .susrut-report-paper-footer{
        left:16px;
        right:16px;
        bottom:14px;

        padding-top:8px;

        font-size:12px;
    }

    .susrut-report-paper-back{
        transform:
            translate(18px,7px)
            rotate(6deg);
    }

    .susrut-report-pdf-badge{
        right:3px;
        bottom:43px;

        padding:6px 8px;
    }

    .susrut-report-pdf-badge i{
        font-size:12px;
    }

    .susrut-report-pdf-badge span{
        font-size:5px;
    }


    /* BACKGROUND */

    .susrut-reports-grid{
        right:-70px;
        top:45px;

        width:190px;
        height:130px;

        opacity:.05;
    }

}