{"version":3,"sources":["main.e8191335.chunk.css","styles.scss"],"names":[],"mappings":"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","file":"main.e8191335.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css?family=Work+Sans&display=swap);\n*{box-sizing:border-box;font-family:'Work Sans', sans-serif;padding:0;margin:0}html{scroll-behavior:smooth}body{background-color:#152d64;overflow-y:scroll}.app-container{overflow-x:hidden}.app-container .nav{display:flex;width:100%;background-color:white;height:3rem;position:fixed;z-index:2}.app-container .nav img{width:40px;height:40px;margin:auto 0;position:absolute;left:2rem;top:50%;bottom:50%}.app-container .nav .links{display:flex;justify-content:space-around;width:60%;margin:auto 15rem}@media screen and (max-width: 1060px){.app-container .nav .links{width:80%;margin:auto 5rem;font-size:1.25rem}}@media screen and (max-width: 750px){.app-container .nav .links{display:none}}.app-container .nav .links a{text-decoration:none;font-size:1.5rem;color:#152d64;cursor:pointer;height:3rem;width:8rem;text-align:center;padding:.5rem 0 0 0}@media screen and (max-width: 1060px){.app-container .nav .links a{font-size:1.25rem}}.app-container .nav .links .active{background-color:#152d64;color:white}.app-container .phone-nav{display:none}@media screen and (max-width: 750px){.app-container .phone-nav{display:flex;justify-content:space-between;padding:0 2rem}}.app-container .phone-nav img{position:unset}.app-container .phone-nav .phone-menu-icon{margin:auto 0;cursor:pointer}.app-container .phone-nav .phone-menu-icon svg{width:2rem;height:2rem;fill:#152d64}.app-container .phone-nav .phone-nav-dropdown{position:absolute;top:2.5rem;background-color:white;z-index:100;height:100vh;width:60vw;right:0;background-color:rgba(255,255,255,0.938)}.app-container .phone-nav .phone-nav-dropdown .links{display:flex;flex-direction:column;margin:5rem auto}.app-container .phone-nav .phone-nav-dropdown .links div{padding:0.75rem 0}.app-container .phone-nav .phone-nav-dropdown .links div a{color:#152d64;font-size:2.25rem;text-transform:uppercase}@media screen and (max-width: 448px){.app-container .phone-nav .phone-nav-dropdown .links div a{font-size:2rem}}.app-container .phone-nav .phone-nav-dropdown .links div .phone-nav-active{text-decoration:underline}@media screen and (max-width: 750px){.app-container .desktop-nav{display:none}}.app-container .content-container{background-color:#152d64;display:flex;height:100%;margin:3rem 0 0 0}.app-container .content-container .additionalLinksTab{position:absolute;background-color:white;z-index:1;right:0;width:12rem;top:0;display:none;justify-content:center;text-transform:uppercase;border-bottom-left-radius:0.25rem}@media screen and (max-width: 750px){.app-container .content-container .additionalLinksTab{display:flex;flex-direction:column}}.app-container .content-container .additionalLinksTab .activate-wrapper{display:flex;position:absolute;top:0;margin:0.5rem 0 2rem 0}.app-container .content-container .additionalLinksTab .list{display:flex;flex-direction:column;text-align:center;height:10rem;position:relative;margin-top:3rem}.app-container .content-container .additionalLinksTab .list a{margin:1rem;color:#152d64;font-weight:bold}.app-container .content-container .additionalLinksTab p{margin:auto 0.25rem}.app-container .content-container .additionalLinksTab .arrow{display:flex;justify-content:center;height:24px;margin:auto 0.25rem}.app-container .content-container .additionalLinksTab .arrow svg{-webkit-transform:scale(0.75);transform:scale(0.75);fill:black}.app-container .content-container .Training{width:100%;min-height:95%;position:absolute;background-color:#152d64;display:flex;flex-direction:column;justify-content:center}.app-container .content-container .Training iframe{min-width:70vw;min-height:70vh;align-self:center;border:none;margin:2rem 0;overflow:none}.app-container .content-container .Training .spinner{position:absolute;top:50vh;left:50%;-webkit-transform:scale(1.75);transform:scale(1.75)}@media screen and (max-width: 448px){.app-container .content-container .Training .small-iframe{width:95% !important;height:490rem !important}}.app-container .content-container .Training .selected-training-heading{text-transform:uppercase;text-align:center;width:80%}.app-container .content-container .Training .selected-training-goBack{color:white;text-align:center;text-transform:uppercase;font-size:1.5rem;cursor:pointer;margin:1rem 0}.app-container .content-container .Training .training-type{font-size:2rem;color:white;margin:5rem 0 0 6rem;text-transform:uppercase}@media screen and (max-width: 448px){.app-container .content-container .Training .training-type{text-align:center;margin:5rem 0 0 0}}.app-container .content-container .Training .listings{display:grid;grid-template-columns:repeat(auto-fit, 14rem);position:relative;padding:0 0 0 5rem;margin:5rem 0 0 0}@media screen and (max-width: 448px){.app-container .content-container .Training .listings{display:flex;flex-direction:column;margin:5rem auto 0 auto;padding:0}}.app-container .content-container .Training .listings .title{position:absolute;top:-3rem;left:6.2rem;border-bottom:2px solid white;max-width:20rem;min-width:12rem;width:20%;text-align:left;font-size:1.5rem;color:white;text-transform:uppercase}@media screen and (max-width: 448px){.app-container .content-container .Training .listings .title{text-align:center;left:8.5%}}.app-container .content-container .Training .listings .note{width:20rem;margin:1rem 0 1rem 1.25rem;display:flex;align-items:center;text-transform:uppercase}@media screen and (max-width: 448px){.app-container .content-container .Training .listings .note{width:12rem}}.app-container .content-container .Training .listings .note p{color:white;width:100%}.app-container .content-container .Training .listings .traininglink{width:12rem;height:12rem;display:flex;flex-direction:column;border:2px solid white;margin:1.25rem;justify-content:center;align-items:center;color:white;text-align:center;border-radius:.75rem;text-transform:uppercase}.app-container .content-container .Training .listings .traininglink h4{width:98%}.app-container .content-container .Training .listings .traininglink .icon-holder{display:flex;width:100%;justify-content:space-evenly;margin:2rem 0}.app-container .content-container .Training .listings .traininglink .icon-holder .pen-wrapper,.app-container .content-container .Training .listings .traininglink .icon-holder .form-wrapper,.app-container .content-container .Training .listings .traininglink .icon-holder .book-wrapper,.app-container .content-container .Training .listings .traininglink .icon-holder .exam-wrapper{-webkit-transition:ease-in-out .3s;transition:ease-in-out .3s;cursor:pointer}.app-container .content-container .Training .listings .traininglink .icon-holder .pen-wrapper svg,.app-container .content-container .Training .listings .traininglink .icon-holder .form-wrapper svg,.app-container .content-container .Training .listings .traininglink .icon-holder .book-wrapper svg,.app-container .content-container .Training .listings .traininglink .icon-holder .exam-wrapper svg{width:2.5rem;height:2.5rem;fill:white}.app-container .content-container .Training .listings .traininglink .icon-holder .pen-wrapper:hover,.app-container .content-container .Training .listings .traininglink .icon-holder .form-wrapper:hover,.app-container .content-container .Training .listings .traininglink .icon-holder .book-wrapper:hover,.app-container .content-container .Training .listings .traininglink .icon-holder .exam-wrapper:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.app-container .content-container .Training .listings .traininglink .icon-holder .form-wrapper svg{width:3rem;height:3rem}.app-container .content-container .Training .note-listings{display:flex;flex-direction:column}.app-container .content-container .Training h2{align-self:center;margin:3rem 0;font-size:3rem;color:white}@media screen and (max-width: 750px){.app-container .content-container .Training h2{font-size:2rem}}.app-container .content-container .Training .select-training{display:flex;flex-direction:column;align-self:center}.app-container .content-container .Training .select-training a{max-width:30rem;border:2px solid white;margin:1rem 0;border-radius:0.75rem;text-align:center;padding:1.1rem 0;color:white;text-decoration:none;font-size:2rem;text-transform:uppercase;cursor:pointer;-webkit-transition:ease-in-out .3s;transition:ease-in-out .3s;text-decoration:none;color:white}@media screen and (max-width: 750px){.app-container .content-container .Training .select-training a{font-size:1.5rem}}.app-container .content-container .Training .select-training a:hover{-webkit-transform:scale(1.075);transform:scale(1.075)}.app-container .content-container .documentsHolder{width:100%;position:absolute;background-color:#152d64;padding:0 0 0 2rem}@media screen and (max-width: 448px){.app-container .content-container .documentsHolder{padding:0;display:flex;flex-direction:column;margin:0 auto}}.app-container .content-container .documentsHolder .title-wrapper{display:flex;max-width:35rem;margin:0 0 0 3rem}@media screen and (max-width: 750px){.app-container .content-container .documentsHolder .title-wrapper{flex-direction:column;margin:2rem auto}}.app-container .content-container .documentsHolder .title-wrapper .title{margin:2rem 2rem 2rem 0;color:rgba(255,255,255,0.397);font-size:1.55rem;text-align:center;cursor:pointer;text-transform:uppercase;visibility:visible}@media screen and (max-width: 750px){.app-container .content-container .documentsHolder .title-wrapper .title{margin:1rem auto}}.app-container .content-container .documentsHolder .title-wrapper .active{color:white}.app-container .content-container .documentsHolder .oas-cards{display:grid;grid-template-columns:repeat(auto-fit, 14rem);margin:5rem 0 0 0}.app-container .content-container .documentsHolder .additionalLinks{position:fixed;top:3rem;right:0;display:block}@media screen and (max-width: 750px){.app-container .content-container .documentsHolder .additionalLinks{display:none}}.app-container .content-container .documentsHolder .additionalLinks .links{display:flex;flex-direction:column;font-size:1.25rem}.app-container .content-container .documentsHolder .additionalLinks .links a{color:white;text-decoration:underline;text-align:left;margin:1rem;text-transform:capitalize}.app-container .content-container .documentsHolder .documentWrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.app-container .content-container .documentsHolder .documentWrapper a{text-align:center;text-decoration:none}.app-container .content-container .documentsHolder .documentWrapper a .documentSVG{-webkit-transition:ease-in-out 0.3s;transition:ease-in-out 0.3s}.app-container .content-container .documentsHolder .documentWrapper a .documentSVG:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.app-container .content-container .documentsHolder .documentWrapper a .documentSVG svg{width:150px;height:150px;padding:0 auto;-webkit-transform:scale(1.1);transform:scale(1.1);fill:white}.app-container .content-container .documentsHolder .documentWrapper a p{color:white;font-size:1.5rem;margin:2rem 0;width:150px;text-transform:uppercase}.app-container .content-container .documentsHolder .maindocs{display:grid;grid-template-columns:repeat(auto-fit, 14rem);margin:5rem auto 0 auto}.app-container .content-container .documentsHolder .segregatedPDFs{display:flex;flex-direction:column;justify-content:space-evenly}@media screen and (max-width: 448px){.app-container .content-container .documentsHolder .segregatedPDFs{align-items:center}}.app-container .content-container .documentsHolder .segregatedPDFs .title{width:20rem;margin:2rem 0 2rem 3rem;border-bottom:2px solid white;color:white;font-size:1.55rem;text-transform:capitalize}@media screen and (max-width: 448px){.app-container .content-container .documentsHolder .segregatedPDFs .title{margin:2rem 0 2rem 0rem;text-align:center;width:80%}}.app-container .content-container .documentsHolder .segregatedPDFs .documents{display:grid;grid-template-columns:repeat(auto-fit, 14rem)}\n\n","@import url('https://fonts.googleapis.com/css?family=Work+Sans&display=swap');\r\n$main_color: #152d64;\r\n\r\n// break points\r\n$break-medium: 1060px;\r\n$break-small: 750px;\r\n$break-x-small: 448px;\r\n\r\n* {\r\n    box-sizing: border-box;\r\n    font-family: 'Work Sans', sans-serif;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n    background-color: $main_color;\r\n    overflow-y: scroll;\r\n}\r\n\r\n.app-container {\r\n    overflow-x: hidden;\r\n\r\n    .nav {\r\n        display: flex;\r\n        width: 100%;\r\n        background-color: white;\r\n        height: 3rem;\r\n        position: fixed;\r\n        z-index: 2;\r\n\r\n        img {\r\n            width: 40px;\r\n            height: 40px;\r\n            margin: auto 0;\r\n            position: absolute;\r\n            left: 2rem;\r\n            top: 50%;\r\n            bottom: 50%;\r\n        }\r\n\r\n        .links {\r\n            display: flex;\r\n            justify-content: space-around;\r\n            width: 60%;\r\n            margin: auto 15rem;\r\n            \r\n            @media screen and (max-width: $break-medium) {\r\n                width: 80%;\r\n                margin: auto 5rem;\r\n                font-size: 1.25rem;\r\n            }\r\n            @media screen and (max-width: $break-small) {\r\n                display: none;\r\n            }\r\n\r\n            a {\r\n                text-decoration: none;\r\n                font-size: 1.5rem;\r\n                color: $main_color;\r\n                cursor: pointer;\r\n                height: 3rem;\r\n                width: 8rem;\r\n                text-align: center;\r\n                padding: .5rem 0 0 0;\r\n\r\n                @media screen and (max-width: $break-medium) {\r\n                    font-size: 1.25rem;\r\n                }\r\n            }\r\n\r\n            .active {\r\n                background-color: $main_color;\r\n                color: white;\r\n            }\r\n        }\r\n    }\r\n\r\n    .phone-nav {\r\n        display: none;\r\n\r\n        @media screen and (max-width: $break-small) {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            padding: 0 2rem;\r\n        }\r\n\r\n        img {\r\n            position: unset;\r\n        }\r\n\r\n        .phone-menu-icon {\r\n            margin: auto 0;\r\n            cursor: pointer;\r\n            svg {\r\n                width: 2rem;\r\n                height: 2rem;\r\n                fill: $main_color;\r\n            }\r\n        }\r\n\r\n        .phone-nav-dropdown {\r\n            position: absolute;\r\n            top: 2.5rem;\r\n            background-color: white;\r\n            z-index: 100;\r\n            height: 100vh;\r\n            width: 60vw;\r\n            right: 0;\r\n            background-color: rgba(255, 255, 255, 0.938);\r\n\r\n            .links {\r\n                display: flex;\r\n                flex-direction: column;\r\n                margin: 5rem auto;\r\n\r\n                div {\r\n                    padding: 0.75rem 0;\r\n                    a {\r\n                        color: $main_color;\r\n                        font-size: 2.25rem;\r\n                        text-transform: uppercase;\r\n\r\n                        @media screen and (max-width: $break-x-small) {\r\n                            font-size: 2rem;\r\n                        }\r\n                    }\r\n                    .phone-nav-active {\r\n                        text-decoration: underline;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .desktop-nav {\r\n        @media screen and (max-width: $break-small) {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    .content-container {\r\n        background-color: $main_color;\r\n        display: flex;\r\n        height: 100%;\r\n        margin: 3rem 0 0 0;\r\n\r\n        .additionalLinksTab {\r\n            position: absolute;\r\n            background-color: white;\r\n            z-index: 1;\r\n            right: 0;\r\n            width: 12rem;\r\n            top: 0;\r\n            display: none;\r\n            justify-content: center;\r\n            text-transform: uppercase;\r\n            border-bottom-left-radius: 0.25rem;\r\n\r\n            @media screen and (max-width: $break-small) {\r\n                display: flex;\r\n                flex-direction: column;\r\n            }\r\n\r\n            .activate-wrapper {\r\n                display: flex;\r\n                position: absolute;\r\n                top: 0;\r\n                margin: 0.5rem 0 2rem 0;\r\n            }\r\n\r\n            .list {\r\n                display: flex;\r\n                flex-direction: column;\r\n                text-align: center;\r\n                height: 10rem;\r\n                position: relative;\r\n                margin-top: 3rem;\r\n\r\n                a {\r\n                    margin: 1rem;\r\n                    color: $main_color;\r\n                    font-weight: bold;\r\n                }\r\n            }\r\n\r\n            p {\r\n                margin: auto 0.25rem;\r\n            }\r\n\r\n            .arrow {\r\n                display: flex;\r\n                justify-content: center;\r\n                height: 24px;\r\n                margin: auto 0.25rem;\r\n                \r\n                svg {\r\n                    transform: scale(0.75);\r\n                    fill: black;\r\n                }\r\n            }\r\n        }\r\n\r\n        .Training {\r\n            width: 100%;\r\n            min-height: 95%;\r\n            position: absolute;\r\n            background-color: $main_color;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n\r\n            iframe {\r\n                min-width: 70vw;\r\n                min-height: 70vh;\r\n                align-self: center;\r\n                border: none;\r\n                margin: 2rem 0;\r\n                overflow: none;\r\n            }\r\n            .spinner {\r\n                position: absolute;\r\n                top: 50vh;\r\n                left: 50%;\r\n                transform: scale(1.75);\r\n            }\r\n\r\n            .small-iframe {\r\n                @media screen and (max-width: $break-x-small) {\r\n                    width: 95% !important;\r\n                    height: 490rem !important;\r\n                }\r\n            }\r\n\r\n            .selected-training-heading {\r\n                text-transform: uppercase;\r\n                text-align: center;\r\n                width: 80%;\r\n            }\r\n\r\n            .selected-training-goBack {\r\n                color: white;\r\n                text-align: center;\r\n                text-transform: uppercase;\r\n                font-size: 1.5rem;\r\n                cursor: pointer;\r\n                margin: 1rem 0;\r\n            }\r\n\r\n            .training-type {\r\n                font-size: 2rem;\r\n                color: white;\r\n                margin: 5rem 0 0 6rem;\r\n                text-transform: uppercase;\r\n\r\n                \r\n                @media screen and (max-width: $break-x-small) {\r\n                    text-align: center;\r\n                    margin: 5rem 0 0 0;\r\n                }\r\n            }\r\n\r\n            .listings {\r\n                display: grid;\r\n                grid-template-columns: repeat(auto-fit, 14rem);\r\n                position: relative;\r\n                padding: 0 0 0 5rem;\r\n                margin: 5rem 0 0 0;\r\n\r\n                @media screen and (max-width: $break-x-small) {\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    margin: 5rem auto 0 auto;\r\n                    padding: 0;\r\n                }\r\n\r\n                .title {\r\n                    position: absolute;\r\n                    top: -3rem;\r\n                    left: 6.2rem;\r\n                    border-bottom: 2px solid white;\r\n                    max-width: 20rem;\r\n                    min-width: 12rem;\r\n                    width: 20%;\r\n                    text-align: left;\r\n                    font-size: 1.5rem;\r\n                    color: white;\r\n                    text-transform: uppercase;\r\n\r\n                    @media screen and (max-width: $break-x-small) {\r\n                        text-align: center;\r\n                        left: 8.5%;\r\n                    }\r\n                }\r\n\r\n                \r\n                .note {\r\n                    width: 20rem;\r\n                    margin: 1rem 0 1rem 1.25rem;\r\n                    display: flex;\r\n                    align-items: center;\r\n                    text-transform: uppercase;\r\n\r\n                    @media screen and (max-width: $break-x-small) {\r\n                        width: 12rem;\r\n                    }\r\n\r\n                    p {\r\n                        color: white;\r\n                        width: 100%;\r\n                    }\r\n                }\r\n                \r\n                .traininglink {\r\n                    width: 12rem;\r\n                    height: 12rem;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    border: 2px solid white;\r\n                    margin: 1.25rem;\r\n                    justify-content: center;\r\n                    align-items: center;\r\n                    color: white;\r\n                    text-align: center;\r\n                    border-radius: .75rem;\r\n                    text-transform: uppercase;\r\n\r\n                    h4 {\r\n                        width: 98%;\r\n                    }\r\n\r\n                    .icon-holder {\r\n                        display: flex;\r\n                        width: 100%;\r\n                        justify-content: space-evenly;\r\n                        margin: 2rem 0;\r\n\r\n                        .pen-wrapper,\r\n                        .form-wrapper,\r\n                        .book-wrapper,\r\n                        .exam-wrapper {\r\n                            transition: ease-in-out .3s;\r\n                            cursor: pointer;\r\n                            svg {\r\n                                width: 2.5rem;\r\n                                height: 2.5rem;\r\n                                fill: white;\r\n                            }\r\n\r\n                            &:hover {\r\n                                transform: scale(1.1);\r\n                            }\r\n                        }\r\n\r\n                        .form-wrapper {\r\n                            svg {\r\n                                width: 3rem;\r\n                                height: 3rem;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n            }\r\n\r\n            .note-listings {\r\n                display: flex;\r\n                flex-direction: column;\r\n            }\r\n\r\n            h2 {\r\n                align-self: center;\r\n                margin: 3rem 0;\r\n                font-size: 3rem;\r\n                color: white;\r\n\r\n                @media screen and (max-width: $break-small) {\r\n                    font-size: 2rem;\r\n                }\r\n            }\r\n\r\n            .select-training {\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-self: center;\r\n                    \r\n                    a {\r\n                        max-width: 30rem;\r\n                        border: 2px solid white;\r\n                        margin: 1rem 0;\r\n                        border-radius: 0.75rem;\r\n                        text-align: center;\r\n                        padding: 1.1rem 0;\r\n                        color: white;\r\n                        text-decoration: none;\r\n                        font-size: 2rem;\r\n                        text-transform: uppercase;\r\n                        cursor: pointer;\r\n                        transition: ease-in-out .3s;\r\n                        text-decoration: none;\r\n                        color: white;\r\n\r\n                        @media screen and (max-width: $break-small) {\r\n                            font-size: 1.5rem;\r\n                        }\r\n\r\n                        &:hover {\r\n                            transform: scale(1.075);\r\n                        }\r\n                    }\r\n\r\n            }\r\n        }\r\n        \r\n\r\n        .documentsHolder {\r\n            width: 100%;\r\n            position: absolute;\r\n            background-color: $main_color;\r\n            padding: 0 0 0 2rem;\r\n\r\n            @media screen and (max-width: $break-x-small) {\r\n                padding: 0;\r\n                display: flex;\r\n                flex-direction: column;\r\n                margin: 0 auto;\r\n            }\r\n            .title-wrapper {\r\n                display: flex;\r\n                max-width: 35rem;\r\n                margin: 0 0 0 3rem;\r\n\r\n                @media screen and (max-width: $break-small) {\r\n                    flex-direction: column;\r\n                    margin: 2rem auto;\r\n                }\r\n\r\n                .title {\r\n                    margin: 2rem 2rem 2rem 0;\r\n                    color: rgba(255, 255, 255, 0.397);\r\n                    font-size: 1.55rem;\r\n                    text-align: center;\r\n                    cursor: pointer;\r\n                    text-transform: uppercase;\r\n                    visibility: visible;\r\n\r\n                    @media screen and (max-width: $break-small) {\r\n                        margin: 1rem auto;\r\n                    }\r\n                }\r\n\r\n                .active {\r\n                    color: white;\r\n                }\r\n            }\r\n\r\n            .oas-cards {\r\n                display: grid;\r\n                grid-template-columns: repeat(auto-fit, 14rem);\r\n                margin: 5rem 0 0 0;\r\n            }\r\n\r\n            .additionalLinks {\r\n                position: fixed;\r\n                top: 3rem;\r\n                right: 0;\r\n                display: block;\r\n\r\n                @media screen and (max-width: $break-small) {\r\n                    display: none;\r\n                }\r\n\r\n                .links {\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    font-size: 1.25rem;\r\n\r\n                    a {\r\n                        color: white;\r\n                        text-decoration: underline;\r\n                        text-align: left;\r\n                        margin: 1rem;\r\n                        text-transform: capitalize;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .documentWrapper {\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                justify-content: space-between;\r\n                a {\r\n                    text-align: center;\r\n                    text-decoration: none;\r\n\r\n                    .documentSVG {\r\n                        transition: ease-in-out 0.3s;\r\n                        &:hover {\r\n                            transform: scale(1.1);\r\n                        }\r\n                        svg {\r\n                            width: 150px;\r\n                            height: 150px;\r\n                            padding: 0 auto;\r\n                            transform: scale(1.1);\r\n                            fill: white;\r\n                        }  \r\n                    } \r\n                    p {\r\n                        color: white;\r\n                        font-size: 1.5rem;\r\n                        margin: 2rem 0;\r\n                        width: 150px;\r\n                        text-transform: uppercase;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .maindocs {\r\n                display: grid;\r\n                grid-template-columns: repeat(auto-fit, 14rem);\r\n                margin: 5rem auto 0 auto;\r\n            }\r\n\r\n            .segregatedPDFs {\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-evenly;\r\n                @media screen and (max-width: $break-x-small) {\r\n                    align-items: center;\r\n                }\r\n\r\n                .title {\r\n                    width: 20rem;\r\n                    margin: 2rem 0 2rem 3rem;\r\n                    border-bottom: 2px solid white;\r\n                    color: white;\r\n                    font-size: 1.55rem;\r\n                    text-transform: capitalize;\r\n\r\n                    @media screen and (max-width: $break-x-small) {\r\n                        margin: 2rem 0 2rem 0rem;\r\n                        text-align: center;\r\n                        width: 80%;\r\n                    }\r\n                }\r\n\r\n                .documents {\r\n                    display: grid;\r\n                    grid-template-columns: repeat(auto-fit, 14rem);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n"]}