@font-face {
    font-family: "Manrope";
    src: url("../fonts/Manrope-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

html{
    font-size: 16px;
}

body {
    color: #2B2B46;
    /*font-size: 16px;*/
    font-family: 'Manrope', "Open Sans", sans-serif;
    min-width: 370px;
    padding:0!important;
}

div.main-container{
    display: flex;
    flex-direction: column;
    padding-left: 100px;
    min-height:100vh;
    justify-content: space-between;
    /*position: relative;*/
}

div.content{
    min-height: calc(100vh - 12rem);
}

/*div.section{*/
    /*padding: 5rem 120px;*/
/*}*/

@media (min-width:1280px) {
    div.section{
        padding: 3rem 80px;
    }
    /*html{*/
        /*font-size: 16px!important;*/
    /*}*/
}

@media (max-width:1280px) {
    div.section{
        padding: 2rem;
    }
}

@media (max-width:768px) {
    html{
        font-size: 14px!important;
    }
    div.main-container{
        padding-top: 5rem;
        padding-left: 0;
    }
    div.section{
        padding: 2rem;
    }
    div.section .section-header{
        flex-direction: column!important;
    }
    div.section .section-header * {
        text-align: center;
    }
}

@media (max-width: 480px){
    html{
        font-size: 12px!important;
    }
}

h1,h2,h3,h4,h5,h6{
    color: #000057;
    text-transform: uppercase;
}

label{
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0em;
    text-align: left;
}

p{
    font-size: 1rem;
}

p.help-text{
    opacity: 0.75;
    /*font-size: 1rem;*/
    /*line-height: 1.25rem;*/
    /*font-weight: 400;*/
}

h1{
    font-family: Manrope;
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 800;
    line-height: 4.2rem;
    letter-spacing: 0.07em;
    text-align: left;

}

h2{
    font-family: Manrope;
    font-size: 3.125rem;
    font-style: normal;
    font-weight: 800;
    line-height: 4.25rem;
    letter-spacing: 0.07em;
    text-align: left;

}

h3{
    font-family: Manrope;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 3.5rem;
    letter-spacing: 0.07em;
    text-align: left;

}

h4{
    font-family: Manrope;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 800;
    line-height: 2rem;
    letter-spacing: 0.07em;
    text-align: left;

}

h5{
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 2rem;
    letter-spacing: 0.07em;
    text-align: left;
}

h6{
    font-size: 1rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.5rem;
    letter-spacing: 0.07em;
    text-align: left;
}

a{
    font-family: Manrope;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: 0.01em;
    text-align: left;
    display: flex;
    align-items: center;
}

a.small{
    font-size: 70%;
    text-decoration: none;
    font-weight: 100;
}

a.small:hover{
    font-weight: 400;
    text-decoration: underline;
}

a.uppercase{
    text-decoration: none;
    text-transform: uppercase;
}

a.uppercase:hover{
    text-decoration: underline;
}

p.subline{
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1.375rem;
    /* identical to box height, or 183% */

    letter-spacing: 0.07em;
    text-transform: uppercase;

    color: #000057;

    margin: 0;
}

div.section .section-header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem!important;
}


div.feedback-container{
    background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221820%22%20height%3D%22540%22%20viewBox%3D%220%200%201820%20540%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0%22%20mask-type%3D%22alpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%221820%22%20height%3D%22540%22%3E%3Crect%20width%3D%221820%22%20height%3D%22540%22%20fill%3D%22%23C4C4C4%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0)%22%3E%3Cpath%20opacity%3D%220.15%22%20d%3D%22M308.392%20666.346L857.731%20346.193C874.327%20336.521%20874.269%20312.525%20857.627%20302.933L502.786%2098.4272C487.297%2089.5007%20468.221%2089.5225%20452.753%2098.4844L-96.7273%20416.841C-113.336%20426.464%20-113.354%20450.439%20-96.7591%20460.086L258.086%20666.373C273.639%20675.414%20292.849%20675.404%20308.392%20666.346Z%22%20fill%3D%22%235BC9ED%22%2F%3E%3Cpath%20opacity%3D%220.5%22%20d%3D%22M251.563%20405.336L1013.75%20-39.0262C1030.34%20-48.6989%201030.28%20-72.6896%201013.64%20-82.2819L513.628%20-370.563C498.136%20-379.495%20479.053%20-379.474%20463.582%20-370.506L-298.744%2071.3317C-315.349%2080.9553%20-315.366%20104.924%20-298.776%20114.572L201.244%20405.364C216.8%20414.41%20236.017%20414.4%20251.563%20405.336Z%22%20stroke%3D%22white%22%20stroke-dasharray%3D%222%202%22%2F%3E%3Cpath%20opacity%3D%220.15%22%20d%3D%22M821.955%20320.191L920.668%20262.601C930.618%20256.797%20930.583%20242.409%20920.605%20236.652L865.175%20204.672C855.876%20199.307%20844.418%20199.32%20835.132%20204.707L736.334%20262.008C726.377%20267.783%20726.366%20282.158%20736.315%20287.948L791.748%20320.208C801.086%20325.642%20812.624%20325.635%20821.955%20320.191Z%22%20fill%3D%22%235BC9ED%22%2F%3E%3Cpath%20opacity%3D%220.15%22%20d%3D%22M172.955%2095.1912L271.668%2037.6013C281.618%2031.7967%20281.583%2017.4087%20271.605%2011.6523L216.175%20-20.3277C206.876%20-25.6927%20195.418%20-25.6797%20186.132%20-20.2934L87.3342%2037.0079C77.3769%2042.783%2077.3663%2057.1581%2087.3151%2062.9479L142.748%2095.2076C152.086%20100.642%20163.624%20100.635%20172.955%2095.1912Z%22%20fill%3D%22%235BC9ED%22%2F%3E%3Cpath%20opacity%3D%220.15%22%20d%3D%22M690.553%20320.212L920.63%20186.164C930.59%20180.362%20930.555%20165.961%20920.567%20160.207L775.547%2076.6518C766.255%2071.2984%20754.813%2071.3115%20745.534%2076.686L515.372%20209.996C505.405%20215.77%20505.394%20230.157%20515.353%20235.945L660.376%20320.228C669.706%20325.651%20681.229%20325.644%20690.553%20320.212Z%22%20fill%3D%22%235BC9ED%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    background-color: #000057;
    min-height: 100vh;
}

div.feedback-content h1, div.feedback-content h5, div.feedback-content p{
    color: white!important;
}

div.feedback-content p{
    font-size: 120%;
}

div.feedback-content{
    display: flex;
    align-items: flex-start;
    /*min-height: 100vh;*/
}

@media (max-width: 1100px) {
    div.feedback-content{
        flex-direction: column;
    }
}

div.feedback-content > .row{
    flex: 1;
    margin: 1rem;
    width:100%;
}

span.send-icon{
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uO3RleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjtpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyIgdmlld0JveD0iMCAwIDM2NCAzNjQiIHg9IjBweCIgeT0iMHB4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgCiAgICAuZmlsMCB7ZmlsbDojMDAwMDAwO2ZpbGwtcnVsZTpub256ZXJvfQogICAKICA8L3N0eWxlPjwvZGVmcz48Zz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTMxOCA2NGwtMTU1IDE1NSA1NyAxMDMgOTggLTI1OHptLTE3MyAxMzdsMTU1IC0xNTUgLTI1OCA5OCAxMDMgNTd6bTIwMiAtMjAwYzEwLC00IDIwLDYgMTYsMTZsLTEyOSAzMzljLTMsMTAgLTE3LDExIC0yMiwybC03NCAtMTMyIC0xMzEgLTczYy0xMCwtNSAtOSwtMTkgMSwtMjNsMzM5IC0xMjl6Ij48L3BhdGg+PC9nPjwvc3ZnPg==");
}

span.back-icon{
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTEgOTEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDkxIDkxIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNMS4yMDYsNDcuMDYzYzAsMC43MywwLjMxOCwxLjQyNiwwLjg3MSwxLjkwMmwyNi4zODEsMjIuNzM4YzAuNDc1LDAuNDEsMS4wNTksMC42MTEsMS42MzksMC42MTEgICBjMC43MDcsMCwxLjQwOC0wLjI5NywxLjkwNC0wLjg3M2MwLjkwNi0xLjA1MSwwLjc4Ny0yLjYzOS0wLjI2Mi0zLjU0M0wxMC40ODEsNDkuNTc0aDc2Ljg2N2MxLjM4NywwLDIuNTE0LTEuMTI1LDIuNTE0LTIuNTEyICAgcy0xLjEyNy0yLjUxMi0yLjUxNC0yLjUxMkgxMC40ODNsMjEuMjU2LTE4LjMyMmMxLjA0OS0wLjkwNCwxLjE2OC0yLjQ5MiwwLjI2Mi0zLjU0M2MtMC45MDQtMS4wNDktMi40OTQtMS4xNzQtMy41NDMtMC4yNjIgICBMMi4wNzcsNDUuMTZDMS41MjQsNDUuNjM3LDEuMjA2LDQ2LjMzMiwxLjIwNiw0Ny4wNjN6Ij48L3BhdGg+PC9nPjwvc3ZnPg==");
}

ol > li{
    margin: 1rem 0 0 0;
}

ol.breadcrumb > li{
    color: #000057;
    font-size: 180%;
}

nav.my-navbar{
    box-shadow: 0 0 1rem rgb(0 0 0  / 10%);
    /*margin: 0 -1rem;*/
    background-color: white;
}

nav.my-navbar .full-logo{
    display: flex;
}
nav.my-navbar .full-logo .logo svg, nav.my-navbar .full-logo .logo-text svg{
    height: 4rem!important;
}

nav.my-navbar a.nav-link{
    color: #000057!important;
    margin: 0 1rem;
    text-transform: uppercase;
    opacity: 0.8;
}

nav.my-navbar a.nav-link:hover{
    color: #0048ff!important;
    margin: 0 1rem;
    opacity: 1;
}

.page-link {
    display: flex;
    margin: 0 0.8rem;
    border-radius: 24px!important;
    min-width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    color: #0048FF;
    border-color: rgba(0, 72, 255, 0.35) !important;
}

.page-link:hover{
    background-color: #0048FF!important;
    color: white;
    box-shadow: 0px 10px 30px rgba(0, 72, 255, 0.35);
}

.page-link.active{
    background-color: #3A72FF!important;
    color: white;
}

/*.page-item:first-child .page-link {*/
    /*border-radius: 24px!important;*/
/*}*/

div.no-photo-image svg{
    width: 64px;
    height: 64px;
    fill: #000057;
    opacity: 0.3;
}

button a{
    text-decoration: none;
}

img.screenshots{
    margin: 1rem 2rem;
    box-shadow: 2px 2px 5px lightgrey;
}