/* Manage Fonts */
.inter-bold{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.inter{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* Manage Scrollbar */
::-webkit-scrollbar{
    width: 1dvw;
    height: 1dvh;
}
::-webkit-scrollbar-track{
    background-color: white;
    border-radius: 7px;
}
::-webkit-scrollbar-thumb{
    background-color: white;
    border: 2px solid black;
}
/* ::-webkit-scrollbar-track-piece{
    background-color: white;
} */
/* Manage Body */
body{
    margin: 0;
    --dot-bg: white;
    --dot-color: #D3D3D3;
    --dot-size: 2px;
    --dot-space: 22px;
    background: linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
                linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
                var(--dot-color);
}
/* Manage margins */
h1, h2, h3, p{
    margin: 0;
}
/* Manage Index */
.index-title-container{
    width: 99dvw;
    height: 40dvh;
    min-height: 40vh;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    position: relative;
}
#profile-icon{
    position: absolute;
    right: 0.5dvw;
    top: 0.5dvh;
}
.profile-icon:hover{
    cursor: pointer;
}
.index-title-container h1{
    margin-bottom: 2dvh;
}
.index-search-container{
    width: 99dvw;
    height: 60dvh;
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: top;
    position: relative;
    row-gap: 1dvh;
}
.index-search-div{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner{
    display: none;
    position: absolute;
    right: 20dvw;
    animation: spin 2s linear infinite;
}
.subspinner{
    display: none;
    position: absolute;
    right: -2.5dvw;
    animation: spin 2s linear infinite;
}
@keyframes spin{
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
.index-search-container input{
    width: 60%;
    height: 7dvh;
    min-height: 7vh;
    border-radius: 7px;
    padding-inline: 1dvw;
    border: solid 2px black;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.autocomplete{
    width: 60%;
    height: 58dvh;
    min-height: 58vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 8dvh;
    
}
.autocomplete-option{
    width: 100%;
    height: 5dvh;
    min-height: 5vh;
    display: flex;
    align-items: center;
    padding-inline: 1dvw;
    background-color: white;
}
.autocomplete-option:hover{
    background-color: gray;
    cursor: pointer;
}
.financial-markets{
    display: flex;
    flex-direction: column;
    row-gap: 1dvh;
    border: 2px solid black;
    padding-inline: 1dvw;
    padding-block: 1dvh;
    border-radius: 7px;
    align-items: center;
    font-size: 12px;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    background-color: white;
}
.financial-markets > div:first-child{
    --angle: 45deg; 
    background-image: linear-gradient(var(--angle), #4B0082, #8F00FF, #D400FF, #FF00C8, #FF1493);
    color: transparent;
    background-clip: text;
    text-align: center;
}
.markets{
    display: flex;
    flex-direction: row;
    column-gap: 1dvw;
}
.market{
    border: 2px solid black;
    padding-inline: 1dvw;
    padding-block: 1dvh;
    border-radius: 7px;
    text-align: center;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    height: 2dvh;
    background-color: white;
}
.landing-page{
    width: 99dvw;
    height: 100dvh;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.lp-question{
    width: 99dvw;
    height: 10dvh;
    min-height: 10vh;
    display: flex;
    justify-content: center;
    align-items: end;
    text-align: center;
}
.lp-answers{
    width: 99dvw;
    height: 30dvh;
    min-height: 30vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 2dvw;
}
.lp-answers-2{
    width: 99dvw;
    height: 50dvh;
    min-height: 50vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 2dvw;
}
.lp-answer{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 38dvw;
    height: 25dvh;
    min-height: 25vh;
    padding-inline: 1dvw;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    background-color: white;
    transition: color 0.5s, background-color 0.5s;
    position: relative;
    border: 2px solid black;
}
.lp-answer-2{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 25dvw;
    height: 40dvh;
    min-height: 40vh;
    padding-inline: 1dvw;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    background-color: white;
    transition: color 0.5s, background-color 0.5s;
    position: relative;
    border: 2px solid black;
}
.lp-answer:hover, .lp-answer-2:hover{
    color: white;
    background-color: black;
}
.ref-image{
    position: absolute;
    left: 1px;
    top: 1px;
}
.reference{
    position: absolute;
    right: 1px;
    bottom: 1px;
}
.reference:hover{
    cursor: pointer;
}
.benefits{
    display: flex;
    height: 33.3dvh;
    min-height: 33.3vh;
}
.benefits div{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.benefit-text{
    padding-inline: 2dvw;
}
.faq{
    height: 100dvh;
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1dvh;
}
.faq-item{
    width: 93%;
    border: 2px solid black;
    border-radius: 7px;
    padding-inline: 1dvw;
    padding-block: 1dvh;
    background-color: white;
}
.faq-question-container{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.toggle{
    transition: all 0.5s;
}
.faq-answer{
    display: none;
}
.footer-content-item div:nth-of-type(1){
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Manage security */
.security-info{
    margin-top: 1dvh;
    margin-inline: 1dvw;
    display: flex;
    flex-direction: column;
    row-gap: 1dvh;
    height: 12dvh;
    position: relative;
}
.actions{
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    flex-direction: row;
    column-gap: 1dvw;
}
.actions > div{
    display: flex;
    justify-content: center;
    align-items: center;
}
.watchlist-trigger{
    cursor: pointer;
}
.search{
    cursor: pointer;
}
.security-score{
    width: 96dvw;
    height: 42dvh;
    margin-inline: 2dvw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1dvh;
}
.security-score div{
    display: flex;
    flex-direction: row;
    column-gap: 2dvw;
}
.security-score h3{
    text-align: center;
}
.security-timelines{
    background-color: white;
    position: relative;
    border: 2px solid black;
    border-radius: 7px;
    padding-inline: 1dvw;
    padding-block: 1dvh;
    display: flex;
    column-gap: 1dvw;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.security-timeline{
    border: 2px solid black;
    border-radius: 7px;
    padding-inline: 0.5dvw;
    padding-block: 0.5dvh;
    cursor: pointer;
    transition: background-color 0.5s, color 0.5s;
}
.security-timeline:hover{
    background-color: black;
    color: white;
}
.news-title{
    text-align: center;
    height: 2dvh;
    text-decoration: underline;
}
.sentiment{
    display: flex;
    flex-direction: column !important;
    align-items: center;
}
.sentiment-label{
    text-align: center;
    border: 2px solid black;
    border-radius: 7px;
    padding-inline: 0.5dvw;
    padding-block: 0.5dvh;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.negative-bg{
    background-color: #ff4a4a;
}
.neutral-bg{
    background-color: #FFBF00;
}
.positive-bg{
    background-color: #00FF9D;
}
.security-cards{
    width: 100dvw;
    height: 38dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.security-cards > p{
    position: absolute;
    bottom: 1dvh;
}
.security-cards-container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.security-card{
    width: 11dvw;
    padding-inline: 0.5dvw;
    height: 31dvh;
    padding-block: 0.5dvh;
    margin-left: -4dvw;
    border: 2px solid black;
    border-radius: 7px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    background-color: white;
    transition: margin-bottom 0.25s, box-shadow 0.25s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}
.security-card:hover{
    z-index: 10 !important; 
    margin-bottom: 5dvh;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.security-card p{
    text-align: center;
    word-wrap: break-word;
}
.news_item{
    display: flex;
    flex-direction: column;
    row-gap: 0.5dvh;
    position: absolute;
    bottom: 0.5dvh;
    right: 0.5dvw;
    justify-content: end;
    align-items: end;
}
.circle{
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 2px solid rgb(51, 45, 45);
}
.date{
    --angle: 45deg; 
    background-image: linear-gradient(var(--angle), #4B0082, #8F00FF, #D400FF, #FF00C8, #FF1493);
    color: transparent;
    background-clip: text;
}
/* Manage 404 */
.four-zero-four{
    width: 100dvw;
    height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.four-zero-four-details{
    display: flex;
    flex-direction: column;
    row-gap: 2dvh;
}
.home-button{
    padding-block: 1dvh;
    padding-inline: 1dvw;
    background-color: white;
    border: 2px solid black;
    color: black;
    border-radius: 7px;
    width: max-content;
    transition: color 0.5s, background-color 0.5s;
}
.home-button:hover{
    cursor: pointer;
    background-color: black;
    color: white;
}

/* Manage footer */
.footer{
    display: 100dvw;
    height: 50dvh;
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 2dvh;
}
.footer-header{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 0.5dvw;
}
.footer-content{
    display: flex;
    flex-direction: row;
    column-gap: 3dvw;
}
.footer-content a{
    color: black;
    text-decoration: none;
}
.footer-content a:hover{
    text-decoration: underline;
}
.footer-content-item{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 0.25dvw;
}

/* Manage policies */
.policy-back{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 0.5dvw;
    text-decoration: none;
    color: black;
}
.policy-header{
    width: 97dvw;
    height: 10dvh;
    min-height: 10vh;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    column-gap: 1dvw;
    padding-inline: 1dvw;
}
.policy-date{
    width: 97dvw;
    padding-inline: 1dvw;
    height: 3dvw;
    display: flex;
    align-items: center;
}
.policy-content{
    width: 97dvw;
    padding-inline: 1dvw;
}
.policy-content > *{
    margin-top: 1dvh;
}

/* Manage Registration */
.register-page{
    width: 100dvw;
    height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.register-container{
    width: 60dvw;
    height: 70dvh;
    border: solid 2px black;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: white;
    position: relative;
}
.register-icon{
    position: absolute;
    right: 0px;
    top: 0px;
}
.register-container > *{
    padding-inline: 2dvw;
    padding-top: 2dvh;
}
.field-container{
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
.field{
    width: 100%;
    height: 5dvh;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    border-radius: 7px;
    border: solid black 2px;
    padding-left: 1dvw;
}
.submit-container{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.submit{
    padding-inline: 1dvw;
    padding-block: 1dvh;
    background-color: white;
    border: solid 2px black;
    border-radius: 7px;
    transition: background-color 0.5s, color 0.5s;
}
.submit:hover{
    background-color: black;
    color: white;
    cursor: pointer;
}
.error{
    color: red;
    text-align: center;
}

/* Manage Verification */
.verification-page{
    width: 100dvw;
    height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.verification-container{
    width: 60dvw;
    height: 70dvh;
    border: solid 2px black;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: white;
    position: relative;
}
.verification-icon{
    position: absolute;
    right: 0px;
    top: 0px;
}
.verification-container > *{
    padding-inline: 2dvw;
    padding-top: 2dvh;
}
.verification-code{
    height: 10dvh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 1dvw;
}
.verification-code-digit{
    width: 6dvw;
    height: 9dvh;
}
.verification-code-digit > input{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    border-radius: 7px;
    border: solid 2px black;
}
.resend{
    padding-inline: 1dvw;
    padding-block: 1dvh;
    background-color: white;
    border: solid 2px black;
    border-radius: 7px;
    transition: background-color 0.5s, color 0.5s;
    margin-left: 1dvw;
}
.resend:hover{
    background-color: black;
    color: white;
    cursor: pointer;
}

/* Manage admin */
.admin{
    position: absolute;
    left: 1dvw;
    top: 2dvh;
    z-index: 3;
    cursor: pointer;
}
.admin-back{
    text-decoration: none;
    color: black;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 0.5dvw;
}

/* Login */
.login-page{
    width: 100dvw;
    height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.login-container{
    width: 60dvw;
    height: 70dvh;
    border: solid 2px black;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: white;
    position: relative;
}
.login-container > *{
    padding-inline: 2dvw;
    padding-top: 2dvh;
}
.login-icon{
    position: absolute;
    right: 0px;
    top: 0px;
}

/* Switcheroo Management */
.switcheroo{
    text-align: center;
}
.switcheroo > a{
    color: black;
}
.switcheroo > a:hover{
    text-decoration: none;
}

/* Profile Management */
.profile-page{
    width: 100dvw;
    height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.profile-basic{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 1dvw;
    position: absolute;
    right: 1dvw;
    top: 2dvh
}
.profile-container{
    width: 60dvw;
    height: 70dvh;
    border: solid 2px black;
    border-radius: 7px;
    position: relative;
    overflow-y: scroll;
    background-color: white;
}
.profile-container > *{
    padding-inline: 2dvw;
    padding-top: 2dvh;
}
.watchlist-icon{
    position: absolute;
    top: 0px;
    right: 0px;
}
.watchlist{
    display: flex;
    flex-direction: column;
    row-gap: 1dvh;
    cursor: auto;
    padding-bottom: 1dvh;
}
.logout{
    padding-inline: 1dvw;
    padding-block: 1dvh;
    background-color: white;
    color: black;
    border: solid 2px black;
    transition: background-color 0.5s, color 0.5s;
    border-radius: 7px;
}
.logout:hover{
    background-color: black;
    color: white;
    cursor: pointer;
}

/* Forgot Management */
.forgot-page{
    width: 100dvw;
    height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.forgot-container{
    width: 60dvw;
    height: 70dvh;
    border: solid 2px black;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: white;
    position: relative;
}
.forgot-navigation{
    text-align: center;
}
.forgot-navigation > a{
    color: black;
}
.forgot-navigation > a:hover{
    text-decoration: none;
}
.forgot-container > *{
    padding-inline: 2dvw;
    padding-top: 2dvh;
}
.forgot-icon{
    position: absolute;
    right: 0px;
    top: 0px;
}
.forgot-code-container{
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 2dvw;
}
.forgot-code{
    display: flex;
    flex-direction: row;
    column-gap: 2dvw;
    height: 5dvh
}
.forgot-code-digit{
    height: 5dvh;
    width: 3dvw;
}
.forgot-code-digit > input{
    height: 100%;
    width: 100%;
    text-align: center;
    border-radius: 7px;
    border: 2px solid black;
}
.get-code{
    text-align: center;
    padding-inline: 1dvw;
    padding-block: 1dvh;
    background-color: white;
    border-radius: 7px;
    color: black;
    border: solid 2px black;
    transition: background-color 0.5s, color 0.5s;
}
.get-code:hover{
    cursor: pointer;
    background-color: black;
    color: white;
}

/* Staging Management */
.staging-page{
    width: 100dvw;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    row-gap: 1dvh;
    justify-content: end;
    align-items: center;
    position: relative;
    overflow-y: scroll;
}
.staging-clear{
    position: absolute;
    bottom: 1dvh;
    left: 1dvw;
    padding-inline: 1dvw;
    padding-block: 1dvh;
    border-radius: 7px;
    border: solid 2px black;
    transition: background-color 0.5s, color 0.5s;
}
.staging-clear:hover{
    background-color: black;
    color: white;
    cursor: pointer;
}
.staging-import{
    position: absolute;
    top: 3dvh;
    right: 1dvw;
    padding-inline: 2dvw;
    padding-block: 2dvh;
    border-radius: 7px;
    border: solid 2px black;
    transition: background-color 0.5s, color 0.5s;
}
.staging-import:hover{
    background-color: black;
    color: white;
    cursor: pointer;
}
.staging-import > input{
    cursor: pointer;
}
.staging-load{
    padding-inline: 1dvw;
    padding-block: 1dvh;
    border-radius: 7px;
    border: 2px solid black;
}
.staging-load:hover{
    border: 2px solid white;
}
.staging-container{
    width: 98dvw;
    height: 70dvh;
    border: solid 2px black;
    border-radius: 7px;
    display: flex;
    background-color: white;
    overflow-y: scroll;
}
.staging-container tbody{
    width: 100%;
}
.staging-container tr{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.staging-container th{
    border: 1px solid black;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
tr > td{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 12dvh;
}
tr > th:nth-child(1), tr > td:nth-child(1){
    width: 12%;
}
tr > th:nth-child(2), tr > td:nth-child(2){
    width: 72%;
}
tr > th:nth-child(3), tr > td:nth-child(3){
    width: 8%;
}
tr > th:nth-child(4), tr > td:nth-child(4){
    width: 8%;
}
.staging-label{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
.staging-container td{
    width: 100%;
    border: 1px solid black;
    text-align: center;
}
.staging-label{
    text-align: center;
}
.download{
    padding-inline: 1dvw;
    padding-block: 1dvh;
    border-radius: 7px;
    background-color: white;
    color: black;
    border: 2px solid black;
    transition: background-color 0.5s, color 0.5s;
}
.download:hover{
    background-color: black;
    color: white;
    cursor: pointer;
}
.staging-counter{
    padding-inline: 1dvw;
    padding-block: 1dvh;
    background-color: white;
    color: black;
    border: 2px solid black;
    border-radius: 7px;
}
.staging-label-counter{
    padding-inline: 1dvw;
    padding-block: 1dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 2dvw;
    margin-bottom: 1dvh;
    height: 2dvh;
}

/* Responsive Management */
/* laptop full screen */
@media screen and (max-width: 1920px) {
    .verification-code-digit{
        width: 4dvw;
    }
    .forgot-code{
        column-gap: 1dvw;
    }
    .forgot-code-digit{
        width: 2dvw;
    }
}
/* laptop half screen */
@media screen and (max-width: 960px){
    .verification-code-digit{
        width: 6dvw;
    }
    .forgot-code{
        column-gap: 2dvw;
    }
    .forgot-code-digit{
        width: 3dvw;
    }
    .security-cards{
        width: 93dvw;
        padding-left: 7dvw;
    }
    .security-card{
        margin-left: -7dvw;
        width: 14dvw;
        height: 25dvh;
    }
    .security-card > p{
        font-size: 13px;
    }
    .subspinner{
        right: -5dvw;
    }
}
/* from iphonese to samsung galaxy s20 ultra */
@media screen and (max-width: 500px){
    .main-title{
        font-size: 24px;
    }
    .index-search-container input, .autocomplete, .financial-markets{
        width: 90%;
        font-size: 10px;
        top: 9vh;
    }
    .spinner{
        right: 5dvw;
    }
    .cta, .faq-item{
        font-size: 10px;
    }
    .markets{
        font-size: 9px;
    }
    .lp-question > i{
        font-size: 14px;
    }
    .lp-answer > p, .lp-answer-2 > p, .benefit-text, .footer-subheader > p, .footer-content-item > div:nth-of-type(2) > p{
        font-size: 12px;
    }
    .ref-image{
        height: 50px;
        width: 50px;
    }
    .reference{
        height: 35px;
        width: 35px;
    }
    .faq-title{
        font-size: 20px;
    }
    .faq-subtitle{
        font-size: 15px;
    }
    .toggle{
        width: 10px;
        height: 10px;
    }
    .footer-header > div > img, .admin-back > img, .policy-back > img{
        height: 30px;
        width: 30px;
    }
    .footer-header div:nth-of-type(2) > h1, .admin-back > h1{
        font-size: 24px;
    }
    .footer-content-item > div > img{
        height: 20px;
        width: 20px;
    }
    .register-container, .login-container, .forgot-container, .verification-container, .profile-container{
        width: 80dvw;
    }
    .register-container > h2, .login-container > h2, .forgot-container > h2, .verification-container > h2, .profile-container > h2, .policy-back > h1{
        font-size: 20px;
    }
    .register-icon, .login-icon, .forgot-icon, .verification-icon{
        width: 50px;
        height: 50px;
    }
     .watchlist-icon, .go > img{
        width: 30px;
        height: 30px;
     }
    .username{
        font-size: 16px;
        font-size: 14px;
    }
    .register-container > p, .login-container > p, .profile-container > p, .submit, .error, .resend, .watchlist-security, .logout, .policy-content > h2{
        font-size: 14px;
    }
    .forgot-container > p, .verification-container > p, .policy-date > p, .policy-content > p{
        font-size: 11px;
    }
    .field, .switcheroo, .get-code{
        font-size: 10px;
    }
    .forgot-code-container, .forgot-code{
        column-gap: 3dvw;
    }
    .forgot-code-digit{
        width: 5dvw;
    }
    .verification-code-digit{
        width: 10dvw;
    }
    .policy-header > h1{
        font-size: 16px;
    }
    .security-info{
        font-size: 11px;
    }
    .actions > div > img{
        height: 40px;
        width: 40px;
    }
    .security-score > h3{
        font-size: 12px;
    }
    .sentiment > div > img{
        width: 100px;
        height: 100px;
    }
    .sentiment-label, .security-timelines > span{
        font-size: 11px;
    }
    .subspinner{
        right: -9dvw;
    }
    .news-title{
        font-size: 13px;
    }
    .security-cards{
        width: 90dvw;
        padding-left: 10dvw;
    }
    .security-card{
        margin-left: -11dvw;
        width: 17dvw;
        height: 25dvh;
    }
    .security-card > p{
        font-size: 8px;
    }
    .security-cards > p{
        text-align: center
    }
    .card{
        font-size: 12px;
    }
}
/* Manage Tags */
.carousell-container{
    width: 99dvw;
    height: 5dvh;
    min-height: 5vh;
    overflow: hidden;
}
.carousell::-webkit-scrollbar{
    display: none;
}
.carousell-track{
    width: max-content;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1dvw;
    animation: scroll 30s infinite linear;
}
.card{
    flex: 0 0 auto;
    text-align: center;
    padding-block: 0.5dvh;
    padding-inline: 0.5dvw;
    border: 2px solid black;
    border-radius: 7px;
    transition: background-color 0.5s, color 0.5s;
    white-space: nowrap;
}
.card:hover{
    background-color: black;
    color: white;
    cursor: pointer;
}
@keyframes scroll{
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-50%);
    }
}