/* Reports Homepage */

    /* Hero */
    .reports-page .hero{ background: var(--black); max-height: 600px; color: var(--white); overflow: hidden; text-align: center; }
    .reports-page .hero .content{ position: relative; }
    .reports-page .hero .text{ margin: 0 auto; padding-top: 60px; }
    .reports-page .hero .text h4{ margin-bottom: 20px; }
    .reports-page .hero .text h1{ letter-spacing: -1px; font-size: 52px; font-weight: 500; margin-bottom: 40px; }
    .reports-page .hero .text h1 span{ display: block; }
    .reports-page .hero .text p{ margin-bottom: 20px; line-height: 1.7; font-weight: 300; font-size: 17px; }
    .reports-page .hero .text p span{ display: block; }
    .reports-page .hero .circle-top{ width: 530px; height: 530px; background: url("../svg/hero-circle-one.svg"); background-size: cover; position: absolute; top: -600px; right: -250px; }
    .reports-page .hero .circle-bottom{ width: 530px; height: 530px; background: url("../svg/hero-circle-two.svg"); background-size: cover; position: absolute; bottom: -450px; left: -300px;  }
    .reports-page .hero .rectangle-bottom{ width: 530px; height: 530px; background: url("../svg/hero-rectangle.svg"); background-size: cover; position: absolute; bottom: -550px; right: -250px;  }

    /* Report List */
    .reports-page .reports-list{ padding: 100px 0 50px; }
    .reports-page .reports-list .report-list{ max-width: 900px; margin: 0 auto; }
    .reports-page .reports-list .report-list li{ display: flex; margin-bottom: 70px; }
    .reports-page .reports-list .report-list li figure{ width: 320px; min-width: 320px; }
    .reports-page .reports-list .report-list li figure img{ width: 100%; }
    .reports-page .reports-list .report-list li .text{ padding-left: 50px; padding-top: 30px; }
    .reports-page .reports-list .report-list li .text h3{ font-weight: bold; line-height: 1.2; letter-spacing: -1px; margin-bottom: 20px; font-size: 38px; }
    .reports-page .reports-list .report-list li .text p{ margin-bottom: 20px; line-height: 1.5; font-size: 17px;}
    .reports-page .reports-list .report-list li .text .button{ margin-top: 20px; }

    
/* Report Template Page */

    .report-page .report-wrapper{ padding-top: 200px; padding-bottom: 50px;  background: url("../svg/blog-top-shape.svg"); background-repeat: no-repeat; background-size: 1600px auto; background-position: center -300px; }
    .report-page .report-wrapper .content{ display: flex; flex-direction: row; max-width: 1024px; }

    /* Report Embed */
    .report-page .report-wrapper .report-content{ position: relative; width: 500px; min-width: 500px; padding-top: 60%; }
    .report-page .report-wrapper .report-content iframe{ width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }

    /* Text */
    .report-page .report-wrapper .text{ padding: 50px 0 0 50px; }
    .report-page .report-wrapper .text .title{ font-weight: bold; letter-spacing: -1px; line-height: 1.1; font-size: 38px; }
    .report-page .report-wrapper .text .description{ color: #5E5E5E; line-height: 1.4; margin-top: 30px; font-size: 17px; }
    .report-page .report-wrapper .text .description p{ margin-bottom: 15px; }
    .report-page .report-wrapper .button{ margin-top: 30px; }

    /* Anchors */
    .report-page .anchors{ padding-bottom: 100px; }
    .report-page .anchors .content{ max-width: 1024px; }
    .report-page .anchors .section-title{ font-size: 30px; font-weight: bold; margin-bottom: 40px; letter-spacing: -1px; padding: 0 10px; }
    .report-page .anchors .anchors-list{ display: flex; flex-wrap: wrap; }
    .report-page .anchors .anchors-list li{ width: 25%; padding: 10px; }
    .report-page .anchors .anchors-list li a{ display: flex; flex-direction: column; background: #EFF2F8; border: 1px solid #9BAAEE; color: #002EC1; padding: 30px; border-radius: 15px; width: 100%; transition: var(--transition); }
    .report-page .anchors .anchors-list li a:hover{ background: #002EC1; color: var(--white); }
    .report-page .anchors .anchors-list li a i{ font-size: 38px; height: 42px; display: block; margin-bottom: 20px; }
    .report-page .anchors .anchors-list li a i:before{ width: auto; padding: 0; margin: 0; }
    .report-page .anchors .anchors-list li a i.icon-about-us{ font-size: 44px; }

    /* Trending posts */
    .report-page .trending-posts{ background: #FAFAFA; width: 100%; padding: 70px 0 50px; }
    .report-page .trending-posts .content{ max-width: 980px; }
    .report-page .trending-posts .posts-list .post-box{ background: none; }

    /* Report modal */
    .report-page .report-modal .modal-content{ width: 96%; height: 96%; padding: 0; }
    .report-page .report-modal .modal-content iframe{ width: 100%; height: 100%; }

    @media screen and (max-width: 1280px){

    /* Reports Homepage */

        /* Hero */
        .reports-page .hero .text h4{ font-size: 20px; }
        .reports-page .hero .text h1{ font-size: 38px; }
        .reports-page .hero .text p{ font-size: 16px; }
        .reports-page .hero .text h1 span{ display: inline; }
        .reports-page .hero .text p span{ display: inline; }

        /* Reports lists */
        .reports-page .reports-list .report-list li figure{ width: 280px; min-width: 280px; }
        .reports-page .reports-list .report-list li .text h3{ font-size: 30px; }
        .reports-page .reports-list .report-list li .text p{ font-size: 16px; }

    /* Report Template Page */

        .report-page .report-wrapper .content{ padding: 0 20px; }
        
        /* Report Embed */
        .report-page .report-wrapper .report-content{ margin-bottom: 0; }

        /* Text */
        .report-page .report-wrapper .text .title{ font-size: 38px; }
        .report-page .report-wrapper .text .description{ font-size: 15px; }

    }

    @media screen and (max-width: 1024px){

    /* Reports Homepage */

    /* Report Template Page */

        /* Text */
        .report-page .report-wrapper{ padding-top: 120px; }
        .report-page .report-wrapper .report-content{ width: 400px; min-width: 400px; padding-top: 60%; }
        .report-page .report-wrapper .text{ padding-top: 0; padding-right: 0; }
        .report-page .report-wrapper .text .title{ font-size: 32px; }
        .report-page .report-wrapper .text .description{ font-size: 15px; }

        /* Report modal */
        .modal .modal-content .close-modal{ right: 0; left: 20px; }

        /* Anchors */
        .report-page .anchors .anchors-list li{ width: 50%; }

    }

    @media screen and (max-width: 767px){

    /* Reports Homepage */

        /* Hero */
        .reports-page .hero .text h4{ font-size: 17px; }
        .reports-page .hero .text p{ font-size: 15px; }

        /* Reports list */
        .reports-page .reports-list{ padding: 70px 0 30px; }
        .reports-page .reports-list .report-list{ padding: 0; }
        .reports-page .reports-list .report-list li{ flex-direction: column; }
        .reports-page .reports-list .report-list li figure { width: 100%; min-width: 100%; }
        .reports-page .reports-list .report-list li .text{ padding: 0 20px; margin-top: 40px; } 
        .reports-page .reports-list .report-list li .text h3{ font-size: 26px; }
        .reports-page .reports-list .report-list li .text p{ font-size: 15px; }

    /* Report Template Page */

        .report-page .anchors .section-title{ font-size: 26px; padding: 0; }
        .report-page .report-wrapper .content{ flex-direction: column-reverse; }

        /* Text */
        .report-page .report-wrapper .text{ padding: 0; margin-bottom: 50px; }
        .report-page .report-wrapper .text .title{ font-size: 28px; }
        .report-page .report-wrapper .text .description{ font-size: 14px; }

        /* Report Embed */
        .report-page .report-wrapper .report-content{ width: 100%; min-width: 100%; padding-top: 100%; }

        /* Anchors */
        .report-page .anchors{ padding-bottom: 50px; }
        .report-page .anchors .anchors-list li{ width: 100%; padding: 0; margin-bottom: 15px; }

        /* Trending posts */
        .report-page .trending-posts{ padding: 70px 0 10px; }
        
    }