/* ==========================
        RESET STYLES
   ========================== */
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
}

html, body {
    height: auto;
}

body {
    line-height: 1;
    overflow: hidden;
    overflow-y: auto;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


textarea {
    overflow: auto;
}

input.rm-arrow::-webkit-outer-spin-button,
input.rm-arrow::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input.rm-arrow[type=number] {
  -moz-appearance: textfield;
}

/* ==========================
        RESET STYLES
   ========================== */
div.web.navbar {
    position: fixed;
    width: 100%;
    z-index: 100;
}

div.web.navbar>.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4rem;
    height: 45px;
    width: 100%;
    color: white;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 15px;
    background-color: #030b58;
}

div.web.navbar>.header>p {
    margin: 0;
}

div.web.navbar>.header>div {
    display: flex;
    height: 100%;
}

div.web.navbar>.header>div>a {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 1rem;
    gap: .5rem;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
    transition: .3s ease-in-out;
    white-space: nowrap;
}

div.web.navbar>.header>div>a:hover {
    background-color: #0000003f;
}

.header p {
    margin: 0;
    display: inline-block;
}

.header p strong {
    font-weight: 600;
}

.header p em {
    font-style: italic;
}

.header p code {
    background-color: rgba(255,255,255,0.2);
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.9em;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}

.header p a[target="_blank"]:not(.promo-general-link) {
    color: rgba(255,255,255,0.9) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: all 0.2s ease;
}

.header p a[target="_blank"]:not(.promo-general-link):hover {
    color: white !important;
    text-decoration-thickness: 2px !important;
    opacity: 0.9;
}

.header p a.promo-general-link {
    color: inherit !important;
    text-decoration: none !important;
    display: inline;
    transition: all 0.2s ease;
    cursor: pointer;
}

.header p a.promo-general-link:hover {
    opacity: 0.85 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(255,255,255,0.8) !important;
}

.header p a.promo-general-link strong,
.header p a.promo-general-link em,
.header p a.promo-general-link code {
    color: inherit !important;
}

div.web.navbar>.navbarV4 {
    display: flex;
    align-items: center;
    gap: 4rem;
    height: 4.5rem;
    padding: 0 4rem;
    background-color: #ffffff;
    box-shadow: 0px 1px 21px 0px #00000040;
}

div.web.navbar>.navbarV4>div>.mobile-menu-tabs {
    position: fixed;
    left: 0;
    top: 109px;
    height: 100%;
    width: 18rem;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    background-color: #ffffff;
}

div.web.navbar>.navbarV4>div>.mobile-menu-tabs>ul {
    display: flex;
    flex-direction: column;
    padding: .5rem;
    gap: .5rem;
}

div.web.navbar>.navbarV4>div>.mobile-menu-tabs>ul>li>a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: .75rem 1rem;
    border-radius: 15px;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 15px;
    color: black;
    transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

div.web.navbar>.navbarV4>div>.mobile-menu-tabs>ul>li>a.active {
    color: #ffffff;
    background-color: #182492!important;
}

div.web.navbar>.navbarV4>div>.mobile-menu-tabs>ul>li>a:hover {
    background-color: #15218b1c;
}

div.web.navbar>.navbarV4>div>.mobile-menu-tabs>ul>li>a:active {
    scale: 0.9;
    transition: .1s ease-in-out;
}

div.web.navbar>.navbarV4>a {
    display: flex;
    align-items: center;
    height: 100%;
}

div.web.navbar>.navbarV4>div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

div.web.navbar>.navbarV4>div>ul {
    display: flex;
    height: 100%;
    margin: 0 !important;
}

div.web.navbar>.navbarV4>div>ul.user-menu {
    gap: .5rem;
}

div.web.navbar>.navbarV4>div>ul>li {
    display: flex;
    align-items: center;
    height: 100%;
}

div.web.navbar>.navbarV4>div>ul>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
    height: 100%;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 15px;
    color: black;
    text-decoration: none;
    transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

div.web.navbar>.navbarV4>div>ul>li>a.active {
    border-bottom: solid 3px #030b58;
    background-color: #15218b1c;
}

div.web.navbar>.navbarV4>div>ul>li>a:hover {
    background-color: #15218b1c;
}

div.web.navbar>.navbarV4>div>ul>li>a.login-btn, nav>.navbarV4>div>ul>li>a.register-btn {
    transition: .3s ease-in-out;
}

div.web.navbar>.navbarV4>div>ul>li>a.login-btn:active, nav>.navbarV4>div>ul>li>a.register-btn:active {
scale: 0.9;
transition: .1s ease-in-out;
}


div.web.navbar>.navbarV4>div>ul>li>a.login-btn {
    border-radius: 15px;
    height: 3rem;
    background: #070d56;
    color: #fff;
}
div.web.navbar>.navbarV4>div>ul>li>a.login-btn:hover {
    border: solid 2px #030b58;
    background:#fff;
    color:#030b58;
}

div.web.navbar>.navbarV4>div>ul>li>a.register-btn {
    border-radius: 15px;
    border: solid 2px #FFD700;
    height: 3rem;
}

div.web.navbar>.navbarV4>div>ul>li>a.register-btn:hover {
    background-color: #FFD700;
    color: #030b58;
}


main {
    display: flex;
    width: 100%;
    height: auto;
}







aside {
    background-color: #ffffff;
    height: auto;
    min-width: 30rem;
    margin-left: 4rem;
    padding-top: 10rem;
    padding-bottom: 10rem;
    box-shadow: 0px 0px 12px 0px #00000040;
    z-index: 20;
}

aside .lists {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

aside .lists>.list>.list-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3rem;
    background-color: #7474744D;
    color: #747474;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    padding-left: 2rem;
}

aside .lists>.list>.list-btn>.btn {
    height: 100%;
    padding: 0 1rem;
    transition: .3s ease-in-out;
}

aside .lists>.list>.list-content {
    background-color: #fbf9f9;
}

aside .lists>.list>.list-content>li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #F3F3F3;
    padding: .5rem;
}

aside .lists>.list>.list-content>li>.content-start {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-left: 1rem;
}

aside .lists>.list>.list-content>li>.content-start>div {
    display: flex;
    flex-direction: column;
}

aside .lists>.list>.list-content>li>.content-start>div>span {
    font-family: 'Montserrat';
}

aside .lists>.list>.list-content>li>.content-start>div>.title {
    font-weight: 600;
    font-size: 16px;
    color: black;
}

aside .lists>.list>.list-content>li>.content-start>div>.alt-title {
    font-weight: 500;
    font-size: 13px;
    color: rgb(88, 88, 88);
}

aside .lists>.list>.list-content>li>.content-end>span {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 13px;
    color: #959595;
}

aside .btn-group {
    display: flex;
    justify-content: center;
    margin-top: 2rem !important;
    margin: 0 2rem;
}

aside .btn-group>button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    width: 100%;
    background-color: #747474;
    color: white;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    padding: .75rem 2rem;
    transition: .3s ease-in-out;
    user-select: none;
}

aside .btn-group>button:hover {
    background-color: #929292;
}

aside .btn-group>button.left {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

aside .btn-group>button.right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

aside .btn-group>button.select {
    background-color: #030b58;
}

aside .service-select {
    display: flex;
    flex-direction: column;
    margin-top: 2rem !important;
    margin: 0 2rem;
    gap: .75rem;
}

aside .service-select .btn-show, aside .btn-show {
    display: flex;
    gap: .5rem;
    background-color: #e5e7f2;
    border: solid 1px #030b58;
    border-radius: 15px;
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 400;
    color: #030b58;
    padding: .75rem 1rem;
    user-select: none;
    transition: .3s ease-in-out;
    justify-content: center;
}

aside .service-select .btn-show:hover, aside .btn-show:hover {
    background-color: #1c2aac;
    color: #ffffff;
}

aside .service-select .btn-show:active, aside .btn-show:active {
    scale: .98;
    transition: .1s ease-in-out;
}

aside .service-select .warn-block {
    background-color: #FBFBFB;
    border: solid 1px #EDEDED;
    padding: 1rem;
    border-radius: 10px;
    color: #4A4A4A;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
}


aside .service-select>span {
    color: #2A2A2A;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 15px;
}

aside .service-select>input {
    border: solid 1px #F3F3F3;
    border-radius: 10px;
    padding: 1rem;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    transition: .3s ease-in-out;
}

aside .service-select>input:hover {
    border-color: #3040d541;
}

aside .service-select>input:focus {
    border-color: #3040D5;
}

aside .service-select>ul {
    border: solid 1px #F3F3F3;
    border-radius: 10px;
}

aside .service-select>ul:not(.spec)>li, aside .service-select>ul>li>ul>li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #F3F3F3;
    cursor: pointer;
    transition: .3s background-color ease-in-out;
    padding: 0.5rem 0.5rem;
}

aside .service-select>ul>li>ul {
    width: 100%;
}

aside .service-select>ul>li>ul>li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .25rem 0;
}

aside .service-select>ul>li.country, aside .service-select>ul>li>ul>li.country {
    display: flex;
    align-items: center;
    justify-content: unset;
    flex-direction: column;
}

aside .service-select>ul>li.country .up, aside .service-select>ul>li>ul>li.country .up {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

aside .service-select>ul>li.country .down, aside .service-select>ul>li>ul>li.country .down {
    display: flex;
    align-self: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 1rem;
    padding-right: .5rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
}

aside .service-select>ul>li.country .down>span, aside .service-select>ul>li>ul>li.country .down>span {
    font-size: 15px;
    color: rgb(88, 88, 88);
}

aside .service-select>ul>li .remove-button,  aside .service-select>ul>li>ul>li .remove-button{
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    transition: .3s ease-in-out;
    background-color: #F866242E;
}

aside .service-select>ul>li .remove-button:hover, aside .service-select>ul>li>ul>li .remove-button:hover{
    background-color: #f82525;
}

aside .service-select>ul>li .remove-button:active, aside .service-select>ul>li>ul>li .remove-button:active {
    scale: .9;
    transition: .1s ease-in-out;
}

aside .service-select>ul>li .remove-button svg, aside .service-select>ul>li>ul>li .remove-button svg {
    transition: .3s ease-in-out;
}

aside .service-select>ul>li .remove-button path, aside .service-select>ul>li>ul>li .remove-button path  {
    transition: .3s ease-in-out;
}

aside .service-select>ul>li .remove-button:hover path, aside .service-select>ul>li>ul>li .remove-button:hover path {
    stroke: #fff;
}

aside .service-select>ul:not(.spec)>li:hover, aside .service-select>ul>li:hover>ul>li.country:not(.opened), aside .service-select>ul>li>ul>li.sub-country:hover {
    background-color: #ededed;
}

aside .service-select>ul:not(.spec)>li:first-child, aside .service-select>ul>li:first-child>ul>li.country {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

aside .service-select>ul:not(.spec)>li:last-child, aside .service-select>ul>li:last-child>ul>li.country {
    border-bottom: unset;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

aside .service-select>ul>li .content-start, aside .service-select>ul>li>ul>li .content-start {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-left: 1rem;
}

aside .service-select>ul>li .content-start>span, aside .service-select>ul>li>ul>li .content-start>span {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    color: black;
}

aside .service-select>ul>li>ul>li.sub-country, aside .service-select>ul>li.operator {
    cursor: unset;
}

aside .service-select>ul>li>ul>li.sub-country .content-start {
    margin-left: 2rem;
}

aside .service-select>ul>li>ul>li.sub-country .content-start>span {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 16px;
    color: black;
}
aside .service-select>ul>li>ul>li.sub-country .content-end, aside .service-select>ul>li.operator .content-end {
    display: flex;
    align-items: center;
    flex-direction: unset;
    gap: 1rem;
}

aside .service-select>ul>li.operator .content-end>button.deactive {
    cursor: not-allowed;
}

aside .service-select>ul>li.operator .content-end>button.deactive:hover, aside .service-select>ul>li.operator .content-end>button.deactive:active {
    scale: unset;
    background-color: #030b58;
}

aside .service-select>ul>li>ul>li.sub-country .content-end>button, aside .service-select>ul>li.operator .content-end>button {
    display: flex;
    background-color: #030b58;
    border-radius: 10px;
    width: 2.5rem;
    height: 2.5rem;
    user-select: none;
    transition: .3s ease-in-out;
    justify-content: center;
    align-items: center;
}

aside .service-select>ul>li>ul>li.sub-country .content-end>button:hover, aside .service-select>ul>li.operator .content-end>button:hover {
    background-color: #1c2aac;
    scale: 1.1;
}

aside .service-select>ul>li>ul>li.sub-country .content-end>button:active, aside .service-select>ul>li.operator .content-end>button:active {
    scale: .9;
    transition: .1s ease-in-out;
}

aside .service-select>ul>li>ul>li.sub-country .content-end>button>svg, aside .service-select>ul>li.operator .content-end>button>svg {
    fill: #ffffff;
}

aside .service-select>ul>li.operator .content-end {
    display: flex;
    padding: 1rem; 
}

aside .service-select>ul>li .content-end, aside .service-select>ul>li>ul>li .content-end, aside .service-select>ul>li.operator .content-end>.section  {
    display: flex;
    flex-direction: column;
    padding: 0 .5rem;
}

aside .service-select>ul>li .content-end>.price, aside .service-select>ul>li>ul>li .content-end>.price, aside .service-select>ul>li.operator .content-end>.section>.price {
    display: flex;
    align-items: center;
    gap: .5rem;
    align-self: self-end;
}

aside .service-select>ul>li .content-end>.price>span, aside .service-select>ul>li>ul>li .content-end>.price>span, aside .service-select>ul>li.operator .content-end>.section>.price>span {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 9px;
    color: #959595;
}

aside .service-select>ul>li .content-end>.price>div, aside .service-select>ul>li>ul>li .content-end>.price>div, aside .service-select>ul>li.operator .content-end>.section>.price>div {
    display: flex;
    background-color: #ffffff;
    border-radius: 5px;
    padding: .15rem;
}

aside .service-select>ul>li .content-end>.price>div>.amount, aside .service-select>ul>li>ul>li .content-end>.price>div>.amount, aside .service-select>ul>li.operator .content-end>.section>.price>div>.amount {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    color: #070c53;
}

aside .service-select>ul>li .content-end>.price>div>.ico, aside .service-select>ul>li>ul>li .content-end>.price>div>.ico, aside .service-select>ul>li.operator .content-end>.section>.price>div>.ico {
    background-color: #ffffff;
    border: solid 1px #ffffff;
    border-radius: 5px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 12px;
    color: #070d56;
    padding: 0px 5px;
}

aside .service-select>ul>li .content-end>span, aside .service-select>ul>li>ul>li .content-end>span, aside .service-select>ul>li.operator .content-end>.section>span{
    display: flex;
    justify-content: end;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 12px;
    color: #1CC900;
}

aside .service-select .filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

aside .service-select .filter>span {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    color: #4B5563;
}

aside .service-select .filter>div>.title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 1rem;
    border-radius: 10px;
    border: solid 1px #D1D5DB;
    cursor: pointer;
    transition: .3s ease-in-out;
    min-width: 12rem;
}

aside .service-select .filter>div>.title>span {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #4B5563;
}

aside .service-select .filter>div>.title:hover {
    border-color: #b7bac0;
}

aside .service-select .filter>div>.title.active {
    border-color: #030b58;
}

aside .service-select .filter>div>.title>svg {
    transition: .3s ease-in-out;
}

aside .service-select .filter>div>.title.active>svg {
    transform: rotate(-180deg);
}


aside .service-select .filter>div>.menu {
    position: absolute;
    left: 0;
    margin-top: .5rem;
    background-color: #ffffff;
    border: solid 1px #D1D5DB;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    z-index: 10;
    border-radius: 10px;
    width: 100%;
}

aside .service-select .filter>div>.menu>ul>li:first-child {
    border-radius: 10px 10px 0 0;
}

aside .service-select .filter>div>.menu>ul>li:last-child {
    border-radius: 0 0 10px 10px;
}

aside .service-select .filter>div>.menu>ul>li {
    display: flex;
    align-items: center;
    padding: .75rem .5rem;
    padding-left: .75rem;
    cursor: pointer;
    transition: .3s ease-in-out;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #4B5563;
    gap: .5rem;
}

aside .service-select .filter>div>.menu>ul>li:hover {
    background-color: #15218b1c;
}

aside .features {
    display: flex;
    flex-direction: column;
    margin-top: 6rem;
    gap: 1rem;
}

aside .features>div {
    display: flex;
    position: relative;
}

aside .features>div.bg-efct-1 {
    background: linear-gradient(-45deg, hsl(235.44deg 84.95% 18.24% / 80%) 10%, transparent 60%);
}

aside .features>div.bg-efct-2 {
    background: linear-gradient(-45deg, hsl(235.44deg 84.95% 18.24% / 60%) 10%, transparent 60%);
}

aside .features>div.bg-efct-3 {
    background: linear-gradient(-45deg, hsl(235.44deg 84.95% 18.24% / 40%) 10%, transparent 60%);
}

aside .features>div>div {
    display: flex;
    flex-direction: column;
    padding: 2rem;
}

aside .features>div>div>span {
    font-family: sans-serif;
    font-weight: 500;
    font-size: 25px;
    color: #292929;
}

aside .features>div>div>p {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 12px;
    color: #8E9199;
    width: 16rem;
}

aside .features>div>img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 8rem;
    width: auto;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
}

aside .features>div.bg-efct-3>img {
    height: 100%;
}

.scroll-spcec-controll::-webkit-scrollbar {
    display: none;
}

.scroll-spcec-controll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}













main>.page-content {
    display: flex;
    flex-direction: column;
    margin-top: 117px;
    padding: 2rem;
    width: 100%;
    gap: 1rem;
}

main>.page-content section {
    display: block;
    width: 100%;
    border: solid 1px #F3F3F3;
    border-radius: 10px;
    padding: 2rem;
}

main>.page-content>section.section-2 {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
}

main>.page-content>section.section-2>.head {
    display: flex;
    align-items: center;
    flex-direction: column;
}

main>.page-content>section.section-2>.head>.icon {
    width: fit-content;
    height: fit-content;
    padding: .5rem;
    border-radius: 15px;
    background-color: #030b58;
}

main>.page-content>section.section-2>.head>.icon>img {
    width: 24px;
    height: 24px;
}

main>.page-content>section.section-2>.head>.content, main>.page-content>section.section-3>.head>.start>.content {
    display: flex;
    gap: .5rem;
    white-space: nowrap;
}

main>.page-content>section.section-2>.head>.content>h4, main>.page-content>section.section-3>.head>.start>.content>h4, main>.page-content>section.section-5>h4, main>.page-content>section.section-5-2>h4 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 25px;
    color: #1E1E1E;
}

main>.page-content>section.section-2>.head>.content>div, main>.page-content>section.section-3>.head>.start>.content>div {
    display: flex;
    flex-direction: column;
}

main>.page-content>section.section-2>.head>.content>div>span, main>.page-content>section.section-3>.head>.start>.content>div>span, main>.page-content>section.section-5>h4>span, main>.page-content>section.section-5-2>h4>span {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 25px;
    color: #3040D5;
}

main>.page-content>section.section-2>.head>p, main>.page-content>section.section-3>.head>.start>p {
    text-align: center;
    width: 80%;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 14px;
    color: #222222;
}

main>.page-content>section.section-3>.head>.start>p {
    text-align: left;
    width: 93%;
    color: #8E9199;
}

main>.page-content>section.section-2>.head>p>span {
    color: #3040D5;
    font-weight: 700;
}

main>.page-content>section.section-2>.cards {
    display: flex;
    gap: 6rem;
    flex-wrap: wrap;
    justify-content: center;
}

main>.page-content>section.section-2>.cards>.card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: .25rem;
    padding-bottom: 2rem;
    border-bottom: solid 2px #3040D5;
}

main>.page-content>section.section-2>.cards>.card>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

main>.page-content>section.section-2>.cards>.card>div>img {
    position: absolute;
    width: 16px;
    height: 16px;
}

main>.page-content>section.section-2>.cards>.card>h6 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 15px;
    color: #2F2B2B;
    margin-top: 1rem;
}

main>.page-content>section.section-2>.cards>.card>p {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 13px;
    color: #28292C;
    width: 15rem;
}
 
main>.page-content>section.section-3>.head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

main>.page-content>section.section-3>.head>.end>a {
    display: flex;
    min-width: 10rem;
    gap: .5rem;
    background-color: #030b58;
    border-radius: 15px;
    font-family: 'THICCCBOI';
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    padding: .75rem 1rem;
    user-select: none;
    transition: .3s ease-in-out;
    white-space: nowrap;
}

main>.page-content>section.section-3>.head>.end>a:hover {
    background-color: #1c2aac;
}

main>.page-content>section.section-3>.head>.end>a:active {
    scale: .9;
    transition: .1s ease-in-out;
}

main>.page-content>section.section-3>.head>.end>a>img {
    height: 24px;
}

main>.page-content>section.section-3>.content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

main>.page-content>section.section-3>.content>ul {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    flex: 1 1 calc(50% - 1rem);
}

main>.page-content>section.section-3>.content>ul>li {
    display: flex;
    align-items: center;
    gap: 1rem;
}

main>.page-content>section.section-3>.content>ul>li>.number {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3.5rem;
    min-height: 3.5rem;
    background-color: #030b58;
    border-radius: 35%;
}

main>.page-content>section.section-3>.content>ul>li>.number>span {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 25px;
    color: #ffffff;
}

main>.page-content>section.section-3>.content>ul>li>.content {
    display: flex;
    flex-direction: column;
}

main>.page-content>section.section-3>.content>ul>li>.content>h6 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 18px;
    color: #313131;
}

main>.page-content>section.section-3>.content>ul>li>.content>p {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 14px;
    color: #8E9199;
}

main>.page-content>section.section-3>.content>div {
    flex: 1 1 calc(50% - 1rem);
    min-width: 30rem;
}

main>.page-content>section.section-3>.content>div>.plyr {
    border-radius: 4rem;
}

main>.page-content>section.section-3>.content>div>.plyr>.plyr__controls {
    padding: 2rem;
}

main>.page-content>.section-4 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
}

main>.page-content>.section-4>section {
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
    @media(min-width: 40rem) {
        width: calc(50% - .75rem);
      }
    @media(min-width: 56rem) {
        width: calc(33.3333% - 1rem);
    }
}

main>.page-content>.section-4>section>div>div {
    display: flex;
    align-items: center;
    gap: 1rem;
}

main>.page-content>.section-4>section>div>div>.ico {
    border-radius: 15px;
    min-height: 2.5rem;
    min-width: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

main>.page-content>.section-4>section.item-1>div>div>.ico {
    background-color: #070d55;
}

main>.page-content>.section-4>section.item-2>div>div>.ico {
    background-color: #070d55;
}

main>.page-content>.section-4>section.item-3>div>div>.ico {
    background-color: #070d55;
}

main>.page-content>.section-4>section>div>div>.ico>img {
    width: 18px;
    height: 18px;
}

main>.page-content>.section-4>section>div>div>h6 {
    font-family: 'THICCCBOI';
    font-size: 16px;
    font-weight: 600;
}

main>.page-content>.section-4>section.item-1>div>div>h6 {
    color: #070d56;
}

main>.page-content>.section-4>section.item-2>div>div>h6 {
    color: #070d56;
}

main>.page-content>.section-4>section.item-3>div>div>h6 {
    color: #070d56;
}

main>.page-content>.section-4>section>div {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    z-index: 10;
}

main>.page-content>.section-4>section>div>p {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    color: #252C3B;
}

main>.page-content>.section-4>section.item-1 {
    background: linear-gradient(-45deg, hsl(0deg 0% 59.99% / 50%) 10%, transparent 60%);;
}

main>.page-content>.section-4>section.item-2 {
    background: linear-gradient(-45deg, hsl(0deg 0% 59.99% / 50%) 10%, transparent 60%);;
}

main>.page-content>.section-4>section.item-3 {
    background: linear-gradient(-45deg, hsl(0deg 0% 59.99% / 50%) 10%, transparent 60%);;
}

main>.page-content>.section-4>section>img {
    max-height: 8rem;
    width: 4rem;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
}

main>.page-content>section.section-5, main>.page-content>section.section-5-2 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
}

main>.page-content>section.section-5:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 32%, #FFFFFF 100%);
}

main>.page-content>section.section-5>p, main>.page-content>section.section-5-2>p {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 14px;
    color: #8E9199;
}

main>.page-content>section.section-5>ul, main>.page-content>section.section-5-2>ul {
    list-style-type: disc;
    margin-left: 1rem;
}

main>.page-content>section.section-5>ul>li, main>.page-content>section.section-5-2>ul>li {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 14px;
    color: #8E9199;
}

main>.page-content>section.section-5>div, main>.page-content>section.section-5-2>div {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 2rem;
    z-index: 5;
    margin: 0 -2rem;
}

main>.page-content>section.section-5>div>a, main>.page-content>section.section-5-2>div>a {
    display: flex;
    gap: .5rem;
    width: fit-content;
    background-color: #030b58;
    border-radius: 15px;
    font-family: 'THICCCBOI';
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    padding: .75rem 1rem;
    user-select: none;
    transition: .3s ease-in-out;
}

main>.page-content>section.section-5>div>a:hover, main>.page-content>section.section-5-2>div>a:hover {
    background-color: #1c2aac;
}

main>.page-content>section.section-5>div>a:active, main>.page-content>section.section-5-2>div>a:active {
    scale: .9;
    transition: .1s ease-in-out;
}

main>.page-content>section.section-5>div>a>img, main>.page-content>section.section-5-2>div>a>img {
    height: 24px;
}

main>.page-content section.section-6 {
    border: none;
    padding: 0;
    margin: 2rem 0;
}

main>.page-content section.section-6>ul {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

main>.page-content section.section-6>ul>li {
    display: flex;
    @media(min-width: 40rem) {
        width: calc(50% - .25rem);
      }
    @media(min-width: 56rem) {
        width: calc(33.3333% - .35rem);
    }
}

main>.page-content .section-6>ul>li>.card {
    display: flex;
    flex-direction: column;
    border: solid 1px #F3F3F3;
    border-radius: 10px;
    width: 100%;
}

main>.page-content section.section-6>ul>li>.card>.head {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
}

main>.page-content section.section-6>ul>li>.card>.head>img {
    border-radius: 100%;
    height: 50px;
    border: solid 1px #2DFAD5;
}

main>.page-content section.section-6>ul>li>.card>.head>div {
    display: flex;
    flex-direction: column;
}

main>.page-content section.section-6>ul>li>.card>.head>div>h6 {
    font-family: 'THICCCBOI';
    font-weight: 600;
    font-size: 16px;
    color: #2A2A2A;
}

main>.page-content section.section-6>ul>li>.card>.head>div>span {
    font-family: 'THICCCBOI';
    font-weight: 500;
    font-size: 13px;
    color: #8E9199;
}

main>.page-content section.section-6>ul>li>a>.card>img {
    width: 100%;
    border-radius:10px;
}

main>.page-content section.section-6>ul>li>a>.card>.content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
    margin-top:10px;
}

main>.page-content section.section-6>ul>li>a>.card>.content>h5, main>.page-content section.section-6>ul>li>.card>.content>h5 {
    font-family: 'THICCCBOI';
    font-size: 18px;
    line-height: 16px;
    font-weight: 600;
    color: #2A2A2A;
}

main>.page-content section.section-6>ul>li>a>.card>.content>h5:hover {
    color: #030b58;
}

main>.page-content section.section-6>ul>li>a>.card>.content>p {
    font-family: 'THICCCBOI';
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    color: #8E9199;
    overflow-wrap: anywhere;
    margin-top:15px;
}

main>.page-content section.section-6>ul>li {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    gap: 1rem;
    background:#fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius:10px;
}

main>.page-content section.section-6>ul>li>.card>.footer>div {
    display: flex;
    gap: .5rem;
}

main>.page-content section.section-6>ul>li>.card>.footer>div>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    border: solid 1px #030b58;
    transition: .3s ease-in-out;
}

main>.page-content section.section-6>ul>li>.card>.footer>div>a:hover {
    background-color: #030b58;
}

main>.page-content section.section-6>ul>li>.card>.footer>div>a:hover>img {
    filter: invert(0);
}

main>.page-content section.section-6>ul>li>.card>.footer>div>a>img {
    width: 14px;
    height: 14px;
    filter: invert(1);
    transition: .3s ease-in-out;
}

main>.page-content section.section-6>ul>li>.card>.footer>a {
    display: flex;
    min-width: 7rem;
    align-items: center;
    gap: .25rem;
    width: fit-content;
    background-color: #3040D5;
    border-radius: 50px;
    border: solid 1px #030b58;
    font-family: 'THICCCBOI';
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    padding: .25rem .5rem;
    user-select: none;
    transition: .3s ease-in-out;
    white-space: nowrap;
}

main>.page-content section.section-6>ul>li>.card>.footer>a:hover {
    background-color: #1c2aac;
}

main>.page-content section.section-6>ul>li>.card>.footer>a:active {
    scale: .9;
    transition: .1s ease-in-out;
}

main>.page-content section.section-6>ul>li>.card>.footer>a>img {
    height: 16px;
}

main>.page-content>section.blog-banner{
    display: flex;
    height: 300px;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
}

main>.page-content>section.blog-banner>svg{
    height: 100%;
    position: absolute;
    z-index: -1;
}

main>.page-content>section.blog-banner>svg.top-left{
    top: 0;
    left: 0;
}

main>.page-content>section.blog-banner>svg.bottom-right{
    bottom: 0;
    right: 0;
}

main>.page-content>section.blog-banner>div{
    display: flex;
    flex-direction: column;
    padding-left: 4rem;
    padding-top: 3rem;
}

main>.page-content>section.blog-banner>div>h3{
    font-family: 'THICCCBOI';
    font-size: 35px;
    font-weight: 600;
    color: #000000;
}

main>.page-content>section.blog-banner>div>p{
    font-family: 'THICCCBOI';
    font-size: 15px;
    font-weight: 400;
    color: #6C6E75;
}

main>.page-content>section.blog-banner>img{
    height: 90%;
    position: absolute;
    right: 0;
    bottom: 0;
}

main>.page-content>section.blog {
    margin-top: 2rem;
}

main>.page-content>section.blog>ul {
    gap: 1.5rem;
}

main>.page-content>section.blog>ul>li {
    display: flex;
    width: 100%;
    @media(min-width: 40rem) {
        width: calc(50% - .75rem);
      }
    @media(min-width: 56rem) {
        width: calc(25% - 1rem);
    }
}

main>.page.content .head-tab-box {
    display: flex; 
    flex-direction: column;
}

main>.page-content .head-tab-box>span {
    display: flex;
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 500;
    color: #3040D5;
    margin-bottom: 1rem;
}

main>.page-content .head-tab-list {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

main>.page-content .head-tab-list>li {
    display: flex;
    gap: .5rem;
    background-color: #e5e7f2;
    border: solid 1px #030b58;
    border-radius: 10rem;
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 400;
    color: #030b58;
    padding: .75rem 1rem;
    user-select: none;
    transition: .3s ease-in-out;
    justify-content: center;
    cursor: pointer;
}

main>.page-content .head-tab-list>li:hover, main>.page-content .head-tab-list>li.active {
    background-color: #1c2aac;
    color: #ffffff;
}

main>.page-content .head-tab-list>li:active {
    scale: .98;
    transition: .1s ease-in-out;
}

main>.page-content .other-back-btn {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1rem;
    border-radius: 50px;
    border: solid 1px #030b58;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 18px;
    color: #030b58;
    width: fit-content;
    transition: .3s ease-in-out;
}

main>.page-content .other-back-btn:hover {
    scale: 1.05;
    box-shadow: 0 4px 10px 0 #00000038;
    background-color: #030b58;
    color: #ffffff;
}

main>.page-content .other-back-btn:active {
    scale: .95;
    transition: .1s ease-in-out;
}

main>.page-content .other-back-btn>svg>path {
    transition: .3s ease-in-out;
}

main>.page-content .other-back-btn:hover>svg>path {
    stroke: #ffffff;
}

main>.page-content section.blog>ul>li.no-content {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
}

main>.page-content section.blog>ul>li.no-content>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

main>.page-content section.blog>ul>li.no-content>div>h5 {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 25px;
    color: #000000;
    margin-top: 2rem;
}

main>.page-content section.blog>ul>li.no-content>div>p {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 18px;
    color: #8E9199;
}

main>.page-content>section.blog-page-head {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    height: 400px;
    position: relative;
}

main>.page-content>section.blog-page-head>img {
    position: absolute;
    width: 100%;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
    z-index: 4;
}

main>.page-content>section.blog-page-head>.bg {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4rem;
    background-color: #030b5866;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
}

main>.page-content>section.blog-page-head>.bg>.head {
    padding: 1.25rem 1.5rem;
    background-color: #A5AEFF;
    border: solid 1px #030b58;
    font-family: 'THICCCBOI';
    font-size: 18px;
    font-weight: 600;
    color: #030b58;
    border-radius: 50px;
}

main>.page-content>section.blog-page-head>.bg>.user {
    display: flex;
    align-items: center;
    gap: 1rem;
}

main>.page-content>section.blog-page-head>.bg>.user>img {
    border-radius: 100%;
    height: 60px;
    border: solid 1px #030b58;
}

main>.page-content>section.blog-page-head>.bg>.user>div>h6 {
    font-family: 'THICCCBOI';
    font-weight: 600;
    font-size: 20px;
    color: #181818;
    margin-bottom: -.25rem;
}

main>.page-content>section.blog-page-head>.bg>.user>div>span {
    font-family: 'THICCCBOI';
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
}

main>.page-content>section.blog-page-content-head {
    padding: 0;
    border: unset;
}

main>.page-content>section.blog-page-content-head>h1 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 25px;
    color: #000000;
    margin: 2rem 0;
}

main>.page-content>section.blog-social {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

main>.page-content>section.blog-social>h6 {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px;
    color: #000000;
}

main>.page-content>section.blog-social>.socials {
    display: flex;
    gap: .5rem;
}

main>.page-content>section.blog-social>.socials>li {
    border-right: solid 1px #2A3F4E;
    padding: 0 2rem;
}

main>.page-content>section.blog-social>.socials>li:last-child {
    border-right: unset;
}

main>.page-content>section.blog-social>.socials>li>a {
    display: flex;
    width: fit-content;
    height: fit-content;
    padding: .75rem;
    border-radius: 10px;
    background-color: #030b58;
    transition: .3s ease-in-out;
}

main>.page-content>section.blog-social>.socials>li>a:hover {
    background-color: #101969;
}

main>.page-content>section.blog-social>.socials>li>a>img {
    width: 24px;
    height: 24px;
}

main>.page-content>section.get-service {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

main>.page-content>section.get-service>div {
    display: flex;
    gap: 1rem;
}

main>.page-content>section.get-service>div>img {
    border-radius: 100%;
    height: 60px;
    border: solid 1px #030b58;
}

main>.page-content>section.get-service>div>div {
    display: flex;
    flex-direction: column;
}

main>.page-content>section.get-service>div>div>h6 {
    font-family: 'THICCCBOI';
    font-weight: 600;
    font-size: 20px;
    color: #181818;
}

main>.page-content>section.get-service>div>div>p {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 15px;
    color: #464646;
    width: 80%;
}

main>.page-content>section.get-service>a {
    display: flex;
    gap: .5rem;
    padding: 1.25rem 1.5rem;
    background-color: #A5AEFF;
    border: solid 1px #030b58;
    font-family: 'THICCCBOI';
    font-size: 18px;
    font-weight: 600;
    color: #030b58;
    border-radius: 25px;
    transition: .3s ease-in-out;
    text-wrap: nowrap;
}

main>.page-content>section.get-service>a:hover {
    background-color: #030b58;
    color: #ffffff;
}

main>.page-content>section.get-service>a>svg>path {
    transition: .3s ease-in-out;
}

main>.page-content>section.get-service>a:hover>svg>path {
    stroke: #ffffff !important;
}

main>.page-content>section.get-service>a:active {
    scale: .9;
    transition: .1s ease-in-out;
}

/* ================================ */

main>.page-content .table {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    background-color: #ffffff;
    box-shadow: 0px 4px 30px 0px #2E2D740D;
    border-radius: 10px;
}

main>.page-content .table.profile {
    background-color: transparent;
    box-shadow: none;
    border: solid 2px #F3F3F3;
}

main>.page-content .table>.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}

main>.page-content .table>.header.desc {
    flex-direction: column;
    align-items: start;
}

main>.page-content .table>.header>h6 {
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

main>.page-content .table>.header.desc>p {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    color: #4B5563;
    margin-top: .5rem;
}

main>.page-content .table>.header>a {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background-color: #030b58;
    padding: .75rem;
    border-radius: 10px;
    transition: .3s ease-in-out;
}

main>.page-content .table>.header>a:hover {
    background-color: #131d7a;
}

main>.page-content .table>.header>a:active {
    scale: .9;
    transition: .1s ease-in-out;
}

main>.page-content .table>.header.tabs {
    padding-bottom: 0;
}

main>.page-content .table>.header.tabs>div {
    display: flex;
    height: 3rem;
}

main>.page-content .table>.header.tabs>div>button {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #8B909A;
    height: 100%;
    padding: 0 1rem;
    transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    border-bottom: solid 2px transparent;
}

main>.page-content .table>.header.tabs>div>button:hover {
    border-bottom: solid 2px #030b5885;
    color: #030b5885;
}

main>.page-content .table>.header.tabs>div>button.selected {
    color: #030b58;
    border-bottom: solid 2px #030b58;
}

main>.page-content .table .header-filter {
    display: flex;
    align-items: center;
    padding: 1rem;
    gap: 1rem;
    border-top: solid 1px #D1D5DB;
    border-bottom: solid 1px #D1D5DB;
}

main>.page-content .table .header-filter>.list {
    display: flex;
    align-items: center;
    gap: .5rem;
}

main>.page-content .table .header-filter>.list>span {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    color: #4B5563;
}

main>.page-content .table .header-filter>.list>div>.title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    padding: .75rem 1rem;
    border-radius: 10px;
    border: solid 1px #D1D5DB;
    cursor: pointer;
    transition: .3s ease-in-out;
}

main>.page-content .table .header-filter>.list>div>.title:hover {
    border-color: #b7bac0;
}

main>.page-content .table .header-filter>.list>div>.title.active {
    border-color: #030b58;
}

main>.page-content .table .header-filter>.list>div>.title>span {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #4B5563;
}

main>.page-content .table .header-filter>.list>div>.title>svg {
    transition: .3s ease-in-out;
}

main>.page-content .table .header-filter>.list>div>.title.active>svg {
    transform: rotate(-180deg);
}

main>.page-content .table .header-filter>.list>div>.menu {
    position: absolute;
    left: 0;
    margin-top: .5rem;
    background-color: #ffffff;
    border: solid 1px #D1D5DB;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    z-index: 10;
    border-radius: 10px;
    width: 100%;
}

main>.page-content .table .header-filter>.list>div>.menu>ul>li {
    padding: .75rem .5rem;
    padding-left: .75rem;
    cursor: pointer;
    transition: .3s ease-in-out;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #4B5563;
}

main>.page-content .table .header-filter>.list>div>.menu>ul>li:first-child {
    border-radius: 10px 10px 0 0;
}

main>.page-content .table .header-filter>.list>div>.menu>ul>li:last-child {
    border-radius: 0 0 10px 10px;
}

main>.page-content .table .header-filter>.list>div>.menu>ul>li:hover {
    background-color: #15218b1c;
}

main>.page-content .table .header-filter>.search-text {
    position: relative;
    display: flex;
    align-items: center;
}

main>.page-content .table .header-filter>.search-text>svg {
    position: absolute;
    margin-left: .5rem;
}

main>.page-content .table .header-filter>.search-text>input {
    padding: .75rem 1rem;
    border-radius: 10px;
    border: solid 1px #D1D5DB;
    transition: .3s ease-in-out;
    padding-left: 2.5rem;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #4B5563;
    width: 24rem;
}

main>.page-content .table .header-filter>.search-text>input:hover {
    border-color: #b7bac0;
}

main>.page-content .table .header-filter>.search-text>input:focus {
    border-color: #030b58;
}

main>.page-content .table .header-filter>.list.status>div>.title {
    min-width: 12rem;
}

main>.page-content .table.profile tbody>tr>td.text {
    color: #4B5563;
}
/* ================================ */

/* ======== Support Page - START ======== */

main>.page-content .supports {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    background-color: #ffffff;
    box-shadow: 0px 4px 30px 0px #2E2D740D;
    border-radius: 10px;
}

main>.page-content .supports>.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: solid 1px #D1D5DB;
}

main>.page-content .supports>.header>div {
    display: flex;
    gap: 1rem;
}

main>.page-content .supports>.header>div>h3 {
    font-family: 'Poppins';
    font-size: 18PX;
    font-weight: 600;
    color: #111827;
}

main>.page-content .supports>.header>a {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background-color: #030b58;
    padding: .75rem;
    border-radius: 10px;
    transition: .3s ease-in-out;
}

main>.page-content .supports>.header>a:hover {
    background-color: #131d7a;
}

main>.page-content .supports>.header>a:active {
    scale: .9;
    transition: .1s ease-in-out;
}

main>.page-content .supports>.content {
    height: 34rem;
    overflow-y: auto;
}

main>.page-content .supports>.content>ul>li {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

main>.page-content .supports>.content>ul>li.reply {
    background-color: #F3F3F3;
    border-top: solid 1px #EBECEF;
    border-bottom: solid 1px #EBECEF;
}

main>.page-content .supports>.content>ul>li>.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main>.page-content .supports>.content>ul>li>.header>.profile {
    display: flex;
    align-items: center;
    gap: 1rem;
}

main>.page-content .supports>.content>ul>li>.header>.profile>img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

main>.page-content .supports>.content>ul>li>.header>.profile>div {
    display: flex;
    gap: 1rem;
}

main>.page-content .supports>.content>ul>li>.header>.profile>div>h6 {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
    color: #111827;
}

main>.page-content .supports>.content>ul>li>.header>.profile>div>span {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    color: #4B5563;
}

main>.page-content .supports>.content>ul>li>.header>.profile>div>span.staff {
    color: #ff4242;
    border-radius: 50px;
    background-color: #ff42424a;
    padding: .15rem .76rem;
}

main>.page-content .supports>.content>ul>li>.header>.time {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    color: #4B5563;
}

main>.page-content .supports>.content>ul>li>.content {
    padding: 1rem;
    padding-left: 4.25rem;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    color: #111827;
}

/* Başlıklar */
main>.page-content .supports>.content>ul>li>.content h1 {
    font-size: 28px;
    font-weight: bold;
    color: #222;
    margin-bottom: 12px;
}

main>.page-content .supports>.content>ul>li>.content h2 {
    font-size: 24px;
    font-weight: bold;
    color: #444;
    margin-bottom: 10px;
}

main>.page-content .supports>.content>ul>li>.content h3 {
    font-size: 20px;
    font-weight: bold;
    color: #555;
    margin-bottom: 8px;
}

/* Paragraflar */
main>.page-content .supports>.content>ul>li>.content p {
    margin-bottom: 10px;
}

/* Listeler */
main>.page-content .supports>.content>ul>li>.content ul {
    padding-left: 20px;
    list-style-type: disc;
}

main>.page-content .supports>.content>ul>li>.content ol {
    padding-left: 20px;
    list-style-type: decimal;
}

/* Bağlantılar */
main>.page-content .supports>.content>ul>li>.content a {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
}

main>.page-content .supports>.content>ul>li>.content a:hover {
    color: #0056b3;
    text-decoration: underline;
}

/* Kod Blokları */
main>.page-content .supports>.content>ul>li>.content pre {
    background-color: #1E1E1E;
    padding: 10px;
    border-radius: 5px;
    overflow-x: auto;
    font-family: 'Courier New', monospace;
}

main>.page-content .supports>.content>ul>li>.content code {
    color: #efefee;
    padding: 3px 6px;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
}

/* Alıntılar */
main>.page-content .supports>.content>ul>li>.content blockquote {
    border-left: 4px solid #007bff;
    padding-left: 10px;
    font-style: italic;
    color: #555;
    margin: 10px 0;
}

/* Kalın ve İtalik Metinler */
main>.page-content .supports>.content>ul>li>.content strong {
    font-weight: bold;
    color: #222;
}

main>.page-content .supports>.content>ul>li>.content em {
    font-style: italic;
    color: #666;
}

main>.page-content .supports>.footer {
    border-top: solid 1px #D1D5DB;
    box-shadow: 0px -4px 30px 0px #2E2D740D;
    padding: 1rem;
}

main>.page-content .supports>.footer>p {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    color: #4B5563;
}

main>.page-content .supports>.footer>form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

main>.page-content .supports>.footer>form>.buttons {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

main>.page-content .supports>.footer>form>.buttons>textarea {
    width: 100%;
    resize: none;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    color: #4B5563;
}

main>.page-content .supports>.footer>form>.buttons>div {
    display: flex;
    align-items: flex-start;
}

main>.page-content .supports>.footer>form>.buttons>div>div {
    display: flex;
    align-items: center;
    gap: .5rem;
}

main>.page-content .supports>.footer>form>.buttons>div>div .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    transition: .3s ease-in-out;
}

main>.page-content .supports>.footer>form>.buttons>div>div .btn:hover {
    background-color: rgb(216, 216, 216);
}

main>.page-content .supports>.footer>form>.buttons>div>div .btn:active {
    scale: .9;
    transition: .1s ease-in-out;
}

main>.page-content .supports>.footer>form>.buttons>div>div>.send-btn {
    display: flex;
    align-items: center;
    gap: .75rem;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background-color: #030b58;
    padding: .75rem 1.5rem;
    border-radius: 10px;
    transition: .3s ease-in-out;
}

main>.page-content .supports>.footer>form>.buttons>div>div>.send-btn:hover {
    background-color: #131d7a;
}

main>.page-content .supports>.footer>form>.buttons>div>div>.send-btn:active {
    scale: .9;
    transition: .1s ease-in-out;
}

main>.page-content .support-create {
    display: block;
    border-radius: 20px;
    padding: 2rem;
    width: 100%;
    min-width: unset;
    max-width: unset;
    margin-top: 2rem;
    box-shadow: unset;
    border: solid 2px #F3F3F3;
}


main>.page-content .support-create>div {
    display: flex;
    gap: .5rem;
}

main>.page-content .support-create>div>h2 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 2.5rem;
    color: #000000;
}

main>.page-content .support-create .content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

main>.page-content .support-create .content>.select-box {
    position: relative;
}

main>.page-content .support-create .content>.select-box>.title {
    min-width: 12rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    padding: 1rem;
    border-radius: 10px;
    border: solid 1px #F3F3F3;
    cursor: pointer;
    transition: .3s ease-in-out;
}

main>.page-content .support-create .content>.select-box>.title.active {
    border-color: #3040D5!important;
}

main>.page-content .support-create .content>.select-box>.title:hover {
    border-color: #3040d541;
}

main>.page-content .support-create .content>.select-box>.title>span {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
}

main>.page-content .support-create .content>.select-box>.title>svg {
    transition: .3s ease-in-out;
}

main>.page-content .support-create .content>.select-box>.title.active>svg {
    transform: rotate(-180deg);
}

main>.page-content .support-create .content>.select-box>.menu {
    position: absolute;
    left: 0;
    margin-top: .5rem;
    background-color: #ffffff;
    border: solid 1px #D1D5DB;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    z-index: 10;
    border-radius: 10px;
    width: 100%;
}

main>.page-content .support-create .content>.select-box>.menu>ul>li {
    padding: .75rem .5rem;
    padding-left: .75rem;
    cursor: pointer;
    transition: .3s ease-in-out;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
}

main>.page-content .support-create .content>.select-box>.menu>ul>li:hover {
    background-color: #15218b1c;
}

main>.page-content .support-create .content>.select-box>.menu>ul>li:first-child {
    border-radius: 10px 10px 0 0;
    cursor:not-allowed;
    color: gray;
}

main>.page-content .support-create .content>.select-box>.menu>ul>li:first-child:hover {
    background-color: unset;
}

main>.page-content .support-create .content>.select-box>.menu>ul>li:last-child {
    border-radius: 0 0 10px 10px;
}


main>.page-content .support-create .content>.input-box {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

main>.page-content .support-create .content>.input-box>input, main>.page-content .support-create .content>.input-box>textarea {
    width: 100%;
    border-radius: 10px;
    padding: 1rem;
    border: solid 1px #F3F3F3;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    transition: border .3s ease-in-out;
}

main>.page-content .support-create .content>.input-box>input:hover, main>.page-content .support-create .content>.input-box>textarea:hover {
    border-color: #3040d541;
}

main>.page-content .support-create .content>.input-box>input:focus, main>.page-content .support-create .content>.input-box>textarea:focus {
    border-color: #3040D5;
}

main>.page-content .support-create .content>.input-box>span {
    position: absolute;
    left: 1.1rem;
    top: .5rem;
    background-color: #ffffff;
    padding: .5rem;
    transition: .2s ease-in-out;
    pointer-events: none;
}

main>.page-content .support-create .content>.input-box>input:focus + span, main>.page-content .support-create .content>.input-box>textarea:focus + span {
    transform: translateY(-2rem);
    font-size: 14px;
}

main>.page-content .support-create .content>.input-box>input:-webkit-autofill + span, main>.page-content .support-create .content>.input-box>textarea:-webkit-autofill + span {
    background-color: #e8f0fe;
    border-radius: 20px;
    box-shadow: -3px 3px 15px 0px #00000017;
}

.input-box textarea:not(:placeholder-shown) + span {
    transform: translateY(-2rem);
    font-size: 14px;
}

main>.page-content .support-create .content>.btn-panel>div>div>.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    transition: .3s ease-in-out;
}

main>.page-content .support-create .content>.btn-panel>div>div>.btn:hover {
    background-color: rgb(216, 216, 216);
}

main>.page-content .support-create .content>.btn-panel>div>div>.btn:active {
    scale: .9;
    transition: .1s ease-in-out;
}

main>.page-content .support-create .content>.btn-panel {
    display: flex;
    gap: .5rem;
}

main>.page-content .support-create .content>button {
    display: flex;
    justify-content: center;
    border-radius: 10px;
    padding: 1rem;
    background-color: #3040D5;
    color: #ffffff;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    transition: .3s ease-in-out;
    width: 12rem;
}

main>.page-content .support-create .content>button:hover {
    background-color: #2836ad;
}

main>.page-content .support-create .content>button:active {
    scale: .95;
    transition: .1s ease-in-out;
}

main>.page-content .no-content-support {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
}

main>.page-content .no-content-support>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 1rem;
}

main>.page-content .no-content-support>div>h5 {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px;
    color: #8a96a3;
    margin-top: 2rem;
}

/* ======== Support Page - END ======== */

/* ======== Auth Page - START ======== */

main>.page-content .auth-section-out {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48rem;
}

main>.page-content .auth-section {
    display: block;
    border-radius: 20px;
    border: solid 1px #F3F3F3;
    background-color: #ffffff;
    box-shadow: 0 0 2rem 0 #0000000f;
    padding: 2rem;
    width: 100%;
    min-width: 400px;
    max-width: 600px;
}

main>.page-content .auth-section div .warn, main>.page-content .auth-section div .success {
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
    border-radius: 20px;
    font-family: 'Montserrat';
    color: #fff;
    padding: 1rem;
    background-color: #ff3a3a;
    margin-bottom: 3rem;
}

main>.page-content .auth-section div .success {
    background-color: #2fcd51;
}

main>.page-content .auth-section div .warn>div>h5, main>.page-content .auth-section div .success>div>h5 {
    font-weight: 600;
    font-size: 18px;
}

main>.page-content .auth-section div .warn>div>p, main>.page-content .auth-section div .success>div>p {
    font-weight: 400;
    font-size: 15px;
}

main>.page-content .auth-section div .warn>button, main>.page-content .auth-section div .success>button  {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 25px;
    font-weight: 500;
    border-radius: 100%;
    background-color: #00000018;
    transition: .3s ease-in-out;
}

main>.page-content .auth-section div .warn>button:hover, main>.page-content .auth-section div .success>button:hover {
    background-color: #00000063;
}

main>.page-content .auth-section div h2 {
    font-family: 'Montserrat';
    font-weight: 800;
    color: #000000;
    font-size: 25px;
    margin-bottom: 2.5rem;
}

main>.page-content .auth-section div .content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

main>.page-content .auth-section div .content>.input-box {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

main>.page-content .auth-section div .content>.input-box>svg {
    position: absolute;
    left: 1rem;
}

main>.page-content .auth-section div .content>.input-box>span {
    position: absolute;
    left: 3rem;
    background-color: #ffffff;
    padding: .5rem;
    transition: .2s ease-in-out;
    pointer-events: none;
}

main>.page-content .auth-section div .content>.input-box>input:focus + span, .input-box input:not(:placeholder-shown) + span {
    transform: translateY(-2rem);
    font-size: 14px;
}

main>.page-content .auth-section div .content>.input-box>input:-webkit-autofill + span{
    background-color: #e8f0fe;
    border-radius: 20px;
    box-shadow: -3px 3px 15px 0px #00000017;
}

main>.page-content .auth-section div .content>.input-box>input {
    width: 100%;
    border-radius: 10px;
    padding: 1rem;
    border: solid 1px #F3F3F3;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    transition: .3s ease-in-out;
    padding-left: 3.25rem;
}

main>.page-content .auth-section div .content>.input-box>input::placeholder {
    color: transparent;
}

main>.page-content .auth-section div .content>.input-box>input:hover {
    border-color: #3040d541;
}

main>.page-content .auth-section div .content>.input-box>input:focus {
    border-color: #3040D5;
}

main>.page-content .auth-section .custom-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

main>.page-content .auth-section .custom-checkbox .checkmark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background-color: transparent;
    border: 1px solid #d8d8d8;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
}

main>.page-content .auth-section .custom-checkbox input[type="checkbox"]:checked + .checkmark {
    background-color: #3040D5;
    border-color: #3040D5;
}

main>.page-content .auth-section .custom-checkbox input[type="checkbox"]:checked + .checkmark::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

main>.page-content .auth-section div .content>.footer>label {
    display: flex;
    align-items: center;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    color: #222222;
}

main>.page-content .auth-section div .content>.footer>label>div>a {
    color: #2961c7;
}

main>.page-content .auth-section div .content>.footer>label>div>a:hover {
    color: #1e448a;
}

main>.page-content .auth-section div .content>.footer>a {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    color: #a9a9a9;
    transition: .3s color ease-in-out;
}

main>.page-content .auth-section div .content>.footer>a:hover {
    color: rgb(250, 60, 60);
}

main>.page-content .auth-section div .content>button {
    border-radius: 10px;
    padding: 1rem;
    background-color: #3040D5;
    color: #ffffff;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    transition: .3s ease-in-out;
}

main>.page-content .auth-section div .content>button:hover {
    background-color: #2836ad;
}

main>.page-content .auth-section div .content>button:active {
    scale: .95;
    transition: .1s ease-in-out;
}

main>.page-content .auth-section div .content>.footer-end>span {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    color: #222222;
}

main>.page-content .auth-section div .content>.footer-end>a {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    color: #2961c7;
}

main>.page-content .auth-section div .content>.footer-end>a:hover {
    color: #1e448a;
}

/* ======== Auth Page - END ======== */

/* ======== Setting Page - START ======== */
main>.page-content .auth-section.settings {
    min-width: unset;
    max-width: unset;
    margin-top: 2rem;
    box-shadow: unset;
    border: solid 2px #F3F3F3;
}

main>.page-content .auth-section.settings div h2 {
    font-weight: 600;
    font-size: 19px;
}

main>.page-content .auth-section.settings div .content>button {
    width: 12rem;
}
/* ======== Setting Page - END ======== */

/* ======== Deposit Page - START ======== */
main>.page-content .payment-section {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

main>.page-content .payment-section>.header {
    display: flex;
    gap: 2rem;
    border: 2px solid #F3F3F3;
    background-color: #fff;
    padding: 1rem;
    border-radius: 15px;
    font-family: 'Montserrat';
    flex-wrap: wrap;
    justify-content: space-between;
}

main>.page-content .payment-section>.header>div{
    white-space: nowrap;
}

main>.page-content .payment-section>.header>div>.title {
    color: #030b58;
    font-weight: 600;
}

main>.page-content .payment-section>.header>div>.desc {
    color: #2B2B2B;
    font-weight: 400;
}

main>.page-content .payment-section>.main {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
}

main>.page-content .payment-section>.main>.list {
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(30% - 1rem);
}

main>.page-content .payment-section>.main>.list>input {
    border: 1px solid #F3F3F3;
    border-radius: 15px;
    padding: 1rem;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 500;
    color: #4B5563;
    transition: .3s ease-in-out;
}

main>.page-content .payment-section>.main>.list>input:hover {
    border-color: #3040d541;
}

main>.page-content .payment-section>.main>.list>input:focus {
    border-color: #3040D5;
}

main>.page-content .payment-section>.main>.list>div {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1rem;
}

main>.page-content .payment-section>.main>.list>div .menu-item {
    display: flex;
    align-items: center;
    gap: .75rem;
    border: 2px solid #F3F3F3;
    border-radius: 15px;
    padding: .5rem;
    cursor: pointer;
    transition: .3s ease-in-out;
    position: relative;
}

main>.page-content .payment-section>.main>.list>div .menu-item.selected {
    border-color: #3040D5 !important;
    background-color: #3040d509;
}

main>.page-content .payment-section>.main>.list>div .menu-item:hover {
    border-color: #3040d541;
    background-color: #3040d509;
}

main>.page-content .payment-section>.main>.list>div>div.openable {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

main>.page-content .payment-section>.main>.list>div>div.openable>.open-btn {
    margin-left: .75rem;
    position: relative;
    border: unset;
}

main>.page-content .payment-section>.main>.list>div>div.openable>.open-btn>button {
    display: block;
    padding: .25rem;
    border-radius: 100%;
    background-color: #3040d5;
    transition: .3s ease-in-out;
    transform: rotate(90deg);
}

main>.page-content .payment-section>.main>.list>div>div.openable>.open-btn.opened>button {
    transform: rotate(-90deg);
}

main>.page-content .payment-section>.main>.list>div>div.openable>.open-btn:hover>button {
    box-shadow: -2px 1px 10px 0px #141a5196;
}

main>.page-content .payment-section>.main>.list>div>div.openable>.open-btn>button>svg {
    width: 24px;
    height: 24px;
    fill: #ffffff;
}

main>.page-content .payment-section>.main>.list>div>div.openable>.open-btn::before {
    content: "";
    width: .2rem;
    height: calc(100% - 1.5rem);
    background-color: #3040d5;
    border-radius: 10px;
    position: absolute;
    left: -.5rem;
}

main>.page-content .payment-section>.main>.list>div>div.openable>.open-list {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-left: 2.1rem;
}

main>.page-content .payment-section>.main>.list>div>div.openable>.open-list>.menu-item::before {
    content: "";
    position: absolute;
    right: calc(100% + 1rem);
    width: 15px;
    height: 30px;
    border-left: #3040d58f;
    border-bottom: #3040d58f;
    border-style: solid;
    border-bottom-left-radius: 15px;
    z-index: -1;
}

main>.page-content .payment-section>.main>.list>div .menu-item>div.img {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #030b5814;
    border-radius: 15px;
    min-width: 45px;
    min-height: 45px;
}

main>.page-content .payment-section>.main>.list>div .menu-item>div.img>svg {
    width: 30px;
    height: 30px;
    fill: #424fc1;
}

main>.page-content .payment-section>.main>.list>div .menu-item>div.content {
    display: flex;
    flex-direction: column;
    font-family: 'Poppins';
    width: 100%;
    white-space: nowrap;
}

main>.page-content .payment-section>.main>.list>div .menu-item>div.content>h5 {
    font-size: 18px;
    font-weight: 500;
    color: #232323;
}

main>.page-content .payment-section>.main>.list>div .menu-item>div.content>div {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    width: 100%;
    gap: .5rem;
}

main>.page-content .payment-section>.main>.list>div .menu-item>div.content>div>.start {
    font-weight: 500;
    color: #2F4CDD;
}

main>.page-content .payment-section>.main>.list>div .menu-item>div.content>div>.end {
    color: #969BA0;
    font-weight: 400;
}

main>.page-content .payment-section>.main>.content {
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(70% - 1rem);
    border: 2px solid #F3F3F3;
    background-color: #ffffff;
    border-radius: 15px;
}

main>.page-content .payment-section>.main>.content>.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    border-bottom: solid 1px #F3F3F3;
}

main>.page-content .payment-section>.main>.content>.header>div {
    font-family: 'Poppins';
}

main>.page-content .payment-section>.main>.content>.header>div>h5 {
    color:#030b58;
    font-weight: 600;
    font-size: 18px;
}

main>.page-content .payment-section>.main>.content>.header>div>span {
    color: gray;
    font-weight: 400;
    font-size: 15px;
}

main>.page-content .payment-section>.main>.content>.header>.dropdown.currency>ul {
    width: 100%;
}

main>.page-content .payment-section>.main>.content>.header>.dropdown.currency>ul>li.menu-title {
    padding: unset;
    background: unset;
}

main>.page-content .payment-section>.main>.content>.header>.dropdown.currency>ul>li.menu-title>.menu-info-start>input {
    width: 100%;
    height: 100%;
    padding: .75rem 1rem;
    background: linear-gradient(90deg, #E7F9FF 0%, #F2F7FD 100%);
    border-radius: 10px;
    color: #313131;
}

main>.page-content .payment-section>.main>.content>.content {
    padding: 1.5rem;
}

main>.page-content .payment-section>.main>.content>.content {
    padding: 1.5rem;
}

main>.page-content .payment-section>.main>.content>.content>.section-up {
    line-height: 2rem;
}

main>.page-content .payment-section>.main>.content>.content>.section-up>div {
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 400;
    color: #2B2B2B;
}

main>.page-content .payment-section>.main>.content>.content>.section-inp {
    display: flex;
    flex-direction: column;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 400;
    color: #2B2B2B;
    margin-top: 2rem;
}

main>.page-content .payment-section>.main>.content>.content>.section-inp input {
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    padding: 1rem;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 500;
    color: #4B5563;
    transition: .3s ease-in-out;
    margin: 1rem 0;
    width: 100%;
    padding-right: 4.5rem;
}

main>.page-content .payment-section>.main>.content>.content>.section-inp input::-webkit-outer-spin-button,
main>.page-content .payment-section>.main>.content>.content>.section-inp input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

main>.page-content .payment-section>.main>.content>.content>.section-inp input[type=number] {
    -moz-appearance: textfield;
  }

main>.page-content .payment-section>.main>.content>.content>.section-inp input:hover {
    border-color: #3040d541;
}

main>.page-content .payment-section>.main>.content>.content>.section-inp input:focus {
    border-color: #3040D5;
}

main>.page-content .payment-section>.main>.content>.content>.section-inp div {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

main>.page-content .payment-section>.main>.content>.content>.section-inp span {
    position: absolute;
    right: 1rem;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 700;
    color: #000000;
}

main>.page-content .payment-section>.main>.content>.content>.section-inp button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 3rem;
    width: 1rem;
    height: 1rem;
    border: solid 1px gray;
    border-radius: 100%;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out;
    user-select: none;
}

main>.page-content .payment-section>.main>.content>.content>.section-inp input:hover + button, main>.page-content .payment-section>.main>.content>.content>.section-inp input:focus + button, main>.page-content .payment-section>.main>.content>.content>.section-inp button:hover {
    visibility: visible;
    opacity: 1;
}

main>.page-content .payment-section>.main>.content>.content>.section-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

main>.page-content .payment-section>.main>.content>.content>.section-btns button{
    padding: .5rem;
    border: solid 1px #F3F3F3;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 700;
    color: #000000;
    border-radius: 5px;
    transition: .3s ease-in-out;
}

main>.page-content .payment-section>.main>.content>.content>.section-btns button:hover{
    border-color: #3040D5;
    background-color: #3040D5;
    color: #ffffff;
}

main>.page-content .payment-section>.main>.content>.content>.section-btns button:active{
    scale: .95;
    transition: .1s scale ease-in-out;
}

main>.page-content .payment-section>.main>.content>.content>.section-down {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 400;
    color: #2B2B2B;
}

main>.page-content .payment-section>.main>.content>.content>.section-down>div {
    display: flex;
    justify-content: space-between;
}

main>.page-content .payment-section>.main>.content>.content>button {
    border-radius: 10px;
    padding: 1rem;
    background-color: #030b58;
    color: #ffffff;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    transition: .3s ease-in-out;
    width: 100%;
}

main>.page-content .payment-section>.main>.content>.content>button.deactive {
    cursor: default;
    background-color: lightgray;
    color: #575757;
}

main>.page-content .payment-section>.main>.content>.content>button.deactive:hover {
    background-color: lightgray;
}

main>.page-content .payment-section>.main>.content>.content>button.deactive:active {
    scale: 1;
}

main>.page-content .payment-section>.main>.content>.content>button:hover {
    background-color: #1a29b1;
}

main>.page-content .payment-section>.main>.content>.content>button:active {
    scale: .95;
    transition: .1s scale ease-in-out;
}
/* ======== Deposit Page - END ======== */

/* ======= Information Page - START ======== */
main>.page-content .info-center {
    display: flex;
    flex-direction: column;
}
main>.page-content .info-center>.head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

main>.page-content .info-center>.head>h1, main>.page-content .info-center>.head>.box-info>h1 {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 22px;
    color: #030b58;
}

main>.page-content .info-center>.head>input {
    border: 1px solid #F3F3F3;
    border-radius: 15px;
    padding: 1rem;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 500;
    color: #4B5563;
    transition: .3s ease-in-out;
}

main>.page-content .info-center>.head>input:hover {
    border-color: #3040d541;
}

main>.page-content .info-center>.head>input:focus {
    border-color: #3040D5;
}

main>.page-content .info-center>.boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    width: 100%;
}

main>.page-content .info-center>.boxes>.box {

    font-family: 'Poppins';
}

main>.page-content .info-center>.boxes>.box.spc {
    flex: 1 1 calc(50% - 2rem);
    min-width: 300px; 
    max-width: 50%; 
}

@media (max-width: 600px) {
    main>.page-content .info-center>.boxes>.box.spc {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

main>.page-content .info-center>.boxes>.box>.head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: .5rem 0;
    gap: 5rem;
    white-space: nowrap;
}

main>.page-content .info-center>.boxes>.box>.head>div, main>.page-content .info-center>.head>.box-info {
    display: flex;
    align-items: center;
    gap: .5rem;
}

main>.page-content .info-center>.boxes>.box>.head>div>h2{
    font-weight: 500;
    font-size: 20px;
}

main>.page-content .info-center>.head>.box-info>h1 {
    color: #000;
}

main>.page-content .info-center>.boxes>.box>.head>div>img, main>.page-content .info-center>.head>.box-info>img {
    width: 30px;
    height: 30px;
}

main>.page-content .info-center>.boxes>.box>.head>svg {
    width: 5px;
    height: 5px;
    visibility: hidden;
    transition: .2s ease-in-out;
}

main>.page-content .info-center>.boxes>.box>.head:hover>svg {
    width: 30px;
    height: 30px;
    visibility: visible;
}

main>.page-content .info-center>.boxes>.box>.content {
    display: flex;
    flex-direction: column;
}

main>.page-content .info-center>.boxes>.box>.content>a, main>.page-content .info-center>.search-results>.search-item>a{
    color: #030b58;
    font-family: 'Poppins';
    font-size: 16px;
}

main>.page-content .info-center>.boxes>.box>.content>a:hover, main>.page-content .info-center>.search-results>.search-item>a:hover{
    text-decoration: underline;
}

main>.page-content .info-center.list>.boxes {
    margin-top: 2rem;
    width: 100%;
}

main>.page-content .info-center.list>.boxes>.box, main>.page-content .info-center.list>.boxes>.box>.content {
    width: 100%;
}

main>.page-content .info-center.list>.boxes>.box {
    border-radius: 10px;
    border: solid 1px #EBECEF;
}

main>.page-content .info-center.list>.boxes>.box>.content>a:not(:first-child) {
    border-top: solid 1px #EBECEF;
}

main>.page-content .info-center.list>.boxes>.box>.content>a {
    width: 100%;
    padding: .75rem 2rem;
    transition: .3s ease-in-out;
}

main>.page-content .info-center.list>.boxes>.box>.content>a:hover {
    background-color: #F5F6FA;
}

main>.page-content .info-center.list>.detail-content {
    margin-top: 2rem;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
}

main>.page-content .info-center.list>.footer {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    gap: .5rem;
}

main>.page-content .info-center.list>.footer>p {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    color: #818181;
}

main>.page-content .info-center.list>.footer>a.btn, a.btn-spc-v {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background-color: #030b58;
    padding: .75rem;
    border-radius: 10px;
    transition: .3s ease-in-out;
    width: fit-content;
}

main>.page-content .info-center.list>.footer>a.btn:hover, a.btn-spc-v:hover {
    background-color: #131d7a;
}

main>.page-content .info-center.list>.footer>a.btn:active, a.btn-spc-v:active {
    scale: .9;
    transition: .1s ease-in-out;
}

/* ======= Information Page - END ======== */

/* ======= Profile Page - START ======== */
main>.page-content .profile-section>.table.profile>.footer {
    display: flex;
    gap: 1rem;
    padding: 1rem;
}

main>.page-content .profile-section>.table.profile>.footer>button {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 600;
    color: #3E4954;
    background-color: #F4F5F9;
    padding: .75rem;
    border-radius: 10px;
    transition: .3s ease-in-out;
    width: fit-content;
    white-space: nowrap;
}

main>.page-content .profile-section>.table.profile>.footer>button:hover {
    background-color: #d8d8d8;
}

main>.page-content .profile-section>.table.profile>.footer>button:active {
    scale: .9;
    transition: .1s ease-in-out;
}

main>.page-content .profile-section>.table.profile>.footer>.inp {
    display: flex;
    align-items: center;
    gap: .5rem;
    background-color: #F4F5F9;
    padding: .75rem;
    border-radius: 10px;
    transition: .3s ease-in-out;
    width: fit-content;
}

main>.page-content .profile-section>.table.profile>.footer>.inp>span {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 600;
    color: #3E4954;
    overflow: hidden;
}

main>.page-content .profile-section>.table.profile>.footer>a {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background-color: #030b58;
    padding: .75rem 2rem;
    border-radius: 10px;
    transition: .3s ease-in-out;
    width: fit-content;
    white-space: nowrap;
}

main>.page-content .profile-section>.table.profile>.footer>a:hover {
    background-color: #131d7a;
}

main>.page-content .profile-section>.table.profile>.footer>a:active {
    scale: .9;
    transition: .1s ease-in-out;
}

main>.page-content .user-balance {
    display: flex;
    align-items: center;
    background-color: #F4F5F9;
    border-radius: 10px;
    padding: .5rem 1rem;
    font-family: 'Poppins';
}

main>.page-content .user-balance>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-left: .5rem;
    gap: 3rem;
}

main>.page-content .user-balance>div>div>h6 {
    font-weight: 600;
    font-size: 14px;
    color: #3E4954;
}

main>.page-content .user-balance>div>div>span {
    font-weight: 400;
    font-size: 12px;
    color: #00A746;
}

main>.page-content .user-balance>div>a>svg path {
    transition: .3s ease-in-ou
}

main>.page-content .user-balance>div>a:hover>svg path {
    fill: #131d7a;
}

main>.page-content .box-layout>.cards {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
}

main>.page-content .box-layout>.cards>.card-col-6  {
    display: flex;
    flex-wrap: wrap;
    flex: calc(50% - .5rem);
    gap: .5rem 1rem;
}

main>.page-content .box-layout>.cards>.card-col-6 .card {
    flex: calc(50% - .5rem);
    min-width: 18rem;
    flex-direction: column;
    align-items: start;
    padding: 1rem;
    border: solid 2px #F3F3F3;
    border-radius: 10px;
}

main>.page-content .box-layout>.cards>.card-col-6 .card>h6 {
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 600;
    color: #030b58;
    margin-bottom: .5rem;
}

main>.page-content .box-layout>.cards>.card-col-6 .card span {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    color: #2B2B2B;
}

main>.page-content .box-layout>.cards>.card-col-6 .card>.group {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 20px;
}

main>.page-content .box-layout>.cards>.card-col-6 .card>.group>span {
    font-size: 18px;
}

main>.page-content .profile-section>.box-layout>.tables {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 1rem;
}

main>.page-content .profile-section>.box-layout>.tables>.table {
    display: flex;
    flex: calc(50% - .5rem);
}
/* ======= Profile Page - END ======== */









/* ======== Table - START ======== */

main>.page-content .web-table {
    display: flex;
    flex-direction: column;
}

main>.page-content .web-table>.web-table-2 {
    margin: -1rem;
    overflow-x: auto;
}

main>.page-content .web-table>.web-table-2>.web-table-3 {
    padding: 2rem;
    min-width: 100%;
    display: inline-block;
    vertical-align: middle;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4 {
    border: solid 1px #EBECEF;
    border-radius: 15px;
    overflow: hidden;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table {
    min-width: 100%;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>thead {
    border-bottom: solid 1px #EBECEF;
    background-color: #F5F6FA;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>thead>tr>th {
    padding: .85rem;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
    color: #111827;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr.unread {
    background-color: #030b5814;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr:not(:last-child) {
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-color: #EBECEF;
    border-style: solid;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td {
    padding: .85rem;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.id {
    color: #030b58;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.user>div {
    display: flex;
    align-items: center;
    gap: 1rem;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.user>div>img {
    width: 50px;
    height: 50px;
    background-color: #D1D5DB;
    border: solid 1px #CFCBDC;
    border-radius: 100%;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.user>div>span {
    color: #4B5563;
    max-width: 25rem;
    overflow-wrap: break-word;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.info>div {
    display: flex;
    align-items: center;
    gap: 1rem;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.info>div>.badge {
    display: flex;
    border-radius: 100%;
    min-width: 3rem;
    min-height: 3rem;
    justify-content: center;
    align-items: center;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.info>div>.badge>span {
    font-family: 'THICCCBOI';
    font-weight: 600;
    font-size: 18px;
    color: #487FFF;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.info>div>.badge.img {
    display: flex;
    border-radius: 100%;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.info>div>.content>span {
    color: #1e1e1e;
    max-width: 25rem;
    overflow-wrap: break-word;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.info>div>.content>p {
    color: #4B5563;
    max-width: 25rem;
    overflow-wrap: break-word;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.date {
    color: #4B5563;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.status {
    white-space: nowrap;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.status>div{
    display: flex;
    justify-content: center;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.status>div>div, .status-badge-v>div {
    padding: .75rem 2rem;
    border-radius: 50px;
    width: fit-content;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.buttons>div {
    display: flex;
    gap: 1rem;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.buttons>div a {
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    transition: .3s ease-in-out;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.buttons>div a:active {
    scale: .9;
    transition: .1s ease-in-out;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.buttons>div a.delete>svg>path,
main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.buttons>div a.show>svg>g>path,
main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.buttons>div a.show2>svg 
{
    transition: .3s ease-in-out;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.buttons>div a.show {
    background-color: #030b582E;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.buttons>div a.show:hover {
    background-color: #162292;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.buttons>div a.show:hover>svg>g>path {
    stroke: #fff;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.buttons>div a.show2:hover>svg {
    fill: #fff;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.buttons>div a.delete {
    background-color: #F866242E;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.buttons>div a.delete:hover {
    background-color: #f82525;
}

main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.buttons>div a.delete:hover>svg>path {
    stroke: #fff;
}
/* ======== Table - END ======== */



/* ======== Editorjs - START ======== */
.prs-header, .prs-paragraph, .prs-list, .prs-image, .prs-embed, .prs-linktool, .prs-delimiter, .prs-alert, .prs-warning, .prs-table, .prs-quote, .prs-code {
    font-family: 'Montserrat';
    font-weight: 600;
    color: #000000;
}

.prs-paragraph {
    font-size: 14px;
    color: #8E9199;
}

h1.prs-header, h2.prs-header, h3.prs-header, h4.prs-header, h5.prs-header, h6.prs-header {
    margin: 1rem 0;
}


h1.prs-header {
    font-size: 30px;
}

h2.prs-header {
    font-size: 28px; 
}

h3.prs-header {
    font-size: 25px;
}

h4.prs-header {
    font-size: 22px;
}

h5.prs-header {
    font-size: 20px;
}

h6.prs-header {
    font-size: 18px;
}

.prs-list.prs_ordered {
    list-style-type: decimal;
    margin-left: 2rem;
}

/* ======== Editorjs - END ======== */

/* ======== Web Warn - START ======== */
.page-content section.web-warn {
    display: flex;
    background: linear-gradient(45deg, #ffac002b, #ffac0087);
    border: solid 2px #ffac00;
}

.page-content section.web-warn.successful {
    background: linear-gradient(45deg, #00ff152b, #15ff0087);
    border-color: #36c738;
}

.page-content section.web-warn .icon {
    min-width: 7rem;
    height: 7rem;
    border-radius: 100%;
    background-color: #ffaa004f;
    position: relative;
    margin: 1rem;
    margin-left: 3rem;
}

.page-content section.web-warn.successful .icon {
    background-color: #00ff224f; 
}

.page-content section.web-warn .icon svg {
    position: absolute;
    top: -2rem;
    left: -2rem;
}

.page-content section.web-warn .content {
    margin-left: 2rem;
    font-family: 'Montserrat';
}

.page-content section.web-warn .content h5 {
    font-weight: 600;
    color: #000000;
    font-size: 20px;
    margin-bottom: 1rem;
}

.page-content section.web-warn .content p {
    color: #252525;
    font-size: 16px;
    margin-bottom: 1rem;
}

.page-content section.web-warn .content button, .page-content section.web-warn .content a {
    border-radius: 50px;
    padding: .75rem 2rem;
    background-color: #3040D5;
    color: #ffffff;
    font-weight: 500;
    font-size: 15px;
    transition: .3s ease-in-out;
}

.page-content section.web-warn .content button:hover, .page-content section.web-warn .content a:hover {
    background-color: #2836ad;
}

.page-content section.web-warn .content button:active, .page-content section.web-warn .content a:active {
    scale: .95;
    transition: .1s ease-in-out;
}
/* ======== Web Warn - END ======== */

.page-section-head {
    display: flex;
    justify-content: space-between;
}

.page-breadcrumb {
    display: flex;
    flex-direction: column;
}

.page-breadcrumb>h2 {
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}

.page-breadcrumb>ul{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.page-breadcrumb>ul>li{
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    color: #969BA0;
    text-wrap: nowrap;
}

.page-breadcrumb>ul>li.main{
    font-weight: 500;
    color: #030b58;
}








footer {
    background-color: #F8F9FB;
    width: 100%;
    padding: 2rem 4rem;
}

footer>.footer-head {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2rem;
}

footer>.footer-head>.company {
    display: flex;
    align-items: center;
    gap: 2rem;
}

footer>.footer-head>.company>p {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    color: #030b58;
}

footer>.footer-head>.brands>img {
    height: 2.5rem;
}

footer>.footer-center {
    display: flex;
    gap: 4rem;
    padding: 1rem 0;
}

footer>.footer-center>.socials {
    display: flex;
    gap: .5rem;
}

footer>.footer-center>.socials>li>a {
    display: flex;
    width: fit-content;
    height: fit-content;
    padding: .5rem;
    border-radius: 10px;
    background-color: #030b58;
}

footer>.footer-center>.socials>li>a>img {
    width: 14px;
    height: 14px;
}

footer>.footer-center>.pages {
    display: flex;
    gap: 1rem;
}

footer>.footer-center>.pages>li>a {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    color: #000000;
}

footer>.footer-down {
    margin-top: 2rem;
}

footer>.footer-down>div {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

footer>.footer-down>div>p {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 15px;
    color: #656565;
}

footer>.footer-down>div>ul {
    display: flex;
    gap: 2rem;
}

footer>.footer-down>div>ul>li>a {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 15px;
    color: #030b58;
    white-space: nowrap;
}

footer>.footer-down>p {
    margin-top: 2rem;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 15px;
    color: #656565;
}
















.tablet-menu-button-frame {
    display: flex;
    align-items: center;
    height: 100%;
}

.phone-menu-button>button, .tablet-menu-button {
    position: relative;
}

.phone-menu-button>button>.menu-icon, .tablet-menu-button>.menu-icon {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.phone-menu-button>button>.menu-icon>.menu-burger, .tablet-menu-button>.menu-icon>.menu-burger {
    width: 1rem;
    height: 2px;
    background-color: #4a4a4a;
    border-radius: 10px;
}

.phone-menu-button>button>.menu-icon>.menu-burger::before, .tablet-menu-button>.menu-icon>.menu-burger::before {
    content: "";
    display: flex;
    width: 1rem;
    height: 2px;
    background-color: #4a4a4a;
    border-radius: 10px;
    position: absolute;
    top: .95rem;
}

.phone-menu-button>button>.menu-icon>.menu-burger::after, .tablet-menu-button>.menu-icon>.menu-burger::after {
    content: "";
    display: flex;
    width: 1rem;
    height: 2px;
    background-color: #4a4a4a;
    border-radius: 10px;
    position: absolute;
    bottom: .95rem;
}

.dropdown {
    position: relative; 
    display: inline-block;
}

.dropdown-button, .phone-menu-button>button, .tablet-menu-button {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 10px;
    background-color: #F3F3F3;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    color: black;
    transition: .3s ease-in-out;
}
  
.dropdown-button:hover, .phone-menu-button>button:hover, .tablet-menu-button:hover {
    background-color: #e0e0e0;
}
  
.dropdown-menu.dropdown {
    width: 22rem;
}

.dropdown-menu.dropdown-user {
    width: 16rem;
}


.dropdown-menu {
    display: block;
    width: 12rem;
    position: absolute;
    top: 4.25rem;
    right: 0;
    background-color: #ffffff;
    list-style: none;
    padding: .5rem;
    padding-top: .65rem;
    margin: 0;
    margin-top: .25rem;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.dropdown-menu::before {
    content: "";
    height: 1rem;
    width: 1rem;
    border-radius: 5px;
    transform: rotate(45deg);
    background-color: #ffffff;
    position: absolute;
    top: -.45rem;
    right: 1rem;
}
  
.dropdown-menu li {
    border-radius: 10px;
    gap: 1rem;
    transition: .3s ease-in-out;
}
  
.dropdown-menu li a {
    display: flex;
    align-items: center;
    gap: 1rem;
    text-decoration: none;
    color: #333;
    padding: 10px 5px;
    transition: color 0.3s ease;
}

.dropdown-menu li a span  {
    font-family: 'THICCCBOI';
    font-weight: 400;
    font-size: 15px;
    color: #111827;
}

.dropdown-menu li:hover {
    background-color: #15218b1c;
}

.dropdown-menu>hr {
    border-color: #E0E0E0;
}

.dropdown-menu li.user-mail {
    background-color: transparent;
    padding: 1px 5px;
    margin: 2px 0;
}

.dropdown-menu li>span  {
    font-family: 'THICCCBOI';
    font-weight: 400;
    font-size: 14px;
    color: #929292;
}

.dropdown-menu li.menu-title {
    background: linear-gradient(90deg, #E7F9FF 0%, #F2F7FD 100%);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: .75rem 1rem;
    margin-bottom: .5rem;
}

.dropdown-menu li.menu-title.money {
    background: linear-gradient(90deg, #e7ffeb 0%, #f7fdf2 100%);
}

.dropdown-menu li.menu-title>.menu-info-start {
    display: flex;
    flex-direction: column;
}

.dropdown-menu li.menu-title>.menu-info-start>h6 {
    font-family: 'THICCCBOI';
    font-weight: 600;
    font-size: 18px;
    color: #111827;
}

.dropdown-menu li.menu-title.money>.menu-info-start>h6 {
    color: #0a6916;
}

.dropdown-menu li.menu-title>.menu-info-start>span {
    font-family: 'THICCCBOI';
    font-weight: 500;
    font-size: 14px;
    color: #4B5563;
}

.dropdown-menu li.menu-title.money>.menu-info-start>span {
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: 500;
    color: green;
}

.dropdown-menu li.menu-title>.menu-info-end {
    font-family: 'THICCCBOI';
    font-weight: 500;
    font-size: 14px;
    color: #4B5563;
}

.dropdown-menu li.menu-title>.menu-info-end.large>span {
    font-family: 'THICCCBOI';
    font-weight: 600;
    font-size: 18px;
    color: #487FFF;
    background-color: #ffffff;
    padding: .5rem;
    border-radius: 50px;
}

.dropdown-menu.dropdown>h6 {
    margin: 1rem;
    padding-bottom: .5rem;
    font-family: 'Montserrat';
    font-weight: 500;
    color: black;
    border-bottom: solid 2px #3040D5;
    width: fit-content;
}

.dropdown-menu.dropdown>.empty {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem;
    background-color: unset;
}

.dropdown-menu.dropdown>.btn {
    display: flex;
    background-color: transparent;
    align-items: center;
    justify-content: center;
}

.dropdown-menu.dropdown>.btn>a {
    width: fit-content;
    font-family: 'THICCCBOI';
    font-weight: 600;
    font-size: 16px;
    color: #487FFF;
}

.dropdown>.dropdown-user-panel {
    display: flex;
    gap: .5rem;
}

.dropdown>.dropdown-user-panel>.user-info {
    display: flex;
    flex-direction: column;
}

.dropdown>.dropdown-user-panel>.user-info span{
    font-size: 15px;
    font-family: 'Montserrat';
    font-weight: 500;
    color: black;
}

.dropdown>.dropdown-user-panel>.user-info p{
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: 500;
    color: green;
}

.dropdown.dropdown-large li.unread {
    background-color: #F5F6FA;
}

.dropdown.dropdown-large li>a {
    display: flex;
}

.dropdown.dropdown-large li>a>.badge {
    display: flex;
    border-radius: 100%;
    min-width: 3rem;
    min-height: 3rem;
    justify-content: center;
    align-items: center;
}

.dropdown.dropdown-large li>a>.badge>span {
    font-family: 'THICCCBOI';
    font-weight: 600;
    font-size: 18px;
    color: #487FFF;
}

.dropdown.dropdown-large li>a>.badge.img {
    display: flex;
    border-radius: 100%;
    width: 58px;
    height: 50px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.dropdown.dropdown-large li>a>.content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.dropdown.dropdown-large li>a>.content>p {
    display: flex;
    flex-direction: column;
    font-family: 'THICCCBOI';
    font-weight: 400;
    font-size: 14px;
    color: #4B5563;
}

.dropdown.dropdown-large li>a>.content>div {
    display: flex;
    justify-content: space-between;
}

.dropdown.dropdown-large li>a>.content>div>h6 {
    display: flex;
    font-family: 'THICCCBOI';
    font-weight: 600;
    font-size: 16px;
    color: #111827;
}

.dropdown.dropdown-large li>a>.content>div>span {
    display: flex;
    font-family: 'THICCCBOI';
    font-weight: 400;
    font-size: 14px;
    color: #525252;
}

.dropdown #notifyBadge {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    padding: .10rem .40rem;
    border-radius: 20px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 11px;
    color: #fff;
    background-color: rgb(255, 66, 66);
}

.dropdown .notification-list{
    max-height: 21.5rem;
    overflow-y: auto;
}

.dropdown .notification-list> .notification-warning {
    background-color: transparent;
    cursor: unset;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 11px;
    color: #525252;
}

.dropdown .notification-list::-webkit-scrollbar {
    width: 10px;
}
  
.dropdown .notification-list::-webkit-scrollbar-track {
    background: transparent;
}
  
.dropdown .notification-list::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
    border: solid 2px #fff;
}
  
.dropdown .notification-list::-webkit-scrollbar-thumb:hover {
    background: #444444;
}

/* ==========================
        EXTRA STYLES
   ========================== */

#default-carousel {
    z-index: 10;
}


/* ==========================
        EXTRA STYLES
   ========================== */

/* ==========================
    RESPONSIVE STYLES - START
========================== */

@media only screen and (min-width: 480px) {
    .responsive-sm-hidden {
        display: none!important;
    }
}

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

    footer {
        padding: 2rem 1rem;
    }

    footer>.footer-down>div>ul {
        display: flex;
        gap: 1rem;
        flex-direction: column;
    }

    div.dropdown:not(.deposit){
        position: unset!important;
    }

    .dropdown-button {
        position: relative;
    }

    .dropdown-menu:not(.lang-menu, .deposit) {
        top: 7.25rem;
        margin: 0 10px;
    }

    .dropdown-menu:not(.lang-menu, .deposit)::before {
        display: none;
    }

    .dropdown-menu.dropdown:not(.deposit) {
        max-width: 20rem!important;
        width: auto!important;
    }

    .dropdown>.dropdown-user-panel>div {
        position: unset!important;
    }

    div.web.navbar>.header>div>a {
        padding: 0 .25rem;
        gap: .25rem;
    }

    main>.page-content>section.section-2>.head>.content, main>.page-content>section.section-3>.head>.start>.content {
        display: flex;
        gap: 0;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    main>.page-content, main>.page-content section {
        padding: 1rem;
    }

    .web-nav-lang {
        display: none!important;
    }

    main>.page-content>section.blog-banner>div>h3 {
        font-size: 25px;
    }

    .language-dropdown.sidebar>ul {
        position: unset;
    }

    main>.page-content .box-layout>.cards>.card-col-6 .card {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: .5rem;
    }

    main>.page-content .box-layout>.cards>.card-col-6 .card>h6 {
        margin: 0;
    }

    main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td {
        padding: .85rem .2rem;
    }

    main>.page-content .web-table>.web-table-2>.web-table-3>.web-table-4>table>tbody>tr>td.status>div>div {
        padding: 0.5rem .75rem;
    }

    main>.page-content .web-table>.web-table-2>.web-table-3 {
        padding: 1.25rem;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
    main>.page-content>section.section-2>.head>.content {
        scale: .9;
    }

    .dropdown-menu.dropdown {
        width: 20rem;
    }

    .responsive-middle-hidden {
        display: none!important;
    }

    main>.page-content .table .header-filter>.list.status>div>.title {
        min-width: 8rem;
        width: 100%;
    }

    main>.page-content .table .header-filter>.list.status>div {
        width: 100%;
    }

    main>.page-content .table .header-filter>.list.status {
        width: calc(50% - .5rem)!important;
    }

    main>.page-content .table .header-filter>.search-text {
        width: calc(50% - .5rem)!important;
    }

    main>.page-content .table .header-filter>.list {
        width: 100%;
    }

    main>.page-content .table .header-filter {
        flex-wrap: wrap;
    }

    main>.page-content .supports>.content>ul>li>.header {
        flex-direction: column;
    }

    main>.page-content .supports>.content>ul>li>.header>.time {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    main>.page-content .supports>.content>ul>li>.content {
        padding-left: 0;
    }

    main>.page-content .profile-section>.box-layout>.tables>.table {
        width: 100%;
    }

    main>.page-content .box-layout>.cards>.card-col-6 .card {
        padding: .5rem;
    }

    main>.page-content .info-center>.head {
        flex-direction: column;
        align-items: unset;
        gap: .5rem;
        margin-bottom: .5rem;
    }

    div.web.navbar>.navbarV4>div>.mobile-menu-tabs>ul.auth-section {
        display: flex;
        flex-direction: row;
    }

    div.web.navbar>.navbarV4>div>.mobile-menu-tabs>ul.auth-section>li {
        width: 50%;
    }

    div.web.navbar>.navbarV4>div>.mobile-menu-tabs>ul.auth-section>li>a {
        justify-content: center;
    }

    div.web.navbar>.navbarV4>div>.mobile-menu-tabs>ul>li>a.login-btn {
        background-color: #15218b1c;
    }

    div.web.navbar>.navbarV4>div>.mobile-menu-tabs>ul>li>a.register-btn {
        border: solid 2px #030b58;
    }
}

@media only screen and (min-width: 600px) {
    .responsive-middle-show {
        display: none!important;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 769px) {
    .repsonsive-phone-show {
        display: none!important;
    }
}

@media only screen and (max-width: 768px) {
    .responsive-tablet-show {
        display: none;
    }

    .mobile-text.responsive-phone-hidden {
        display: block!important;
        white-space: nowrap;
    }

    .responsive-phone-hidden {
        display: none!important;
    }

    div.web.navbar>.header {
        justify-content: flex-end;
    }

    div.web.navbar>.navbarV4>div {
        justify-content: flex-end;
    }

    main>.page-content>section.section-3>.content>div {
        min-width: unset;
        flex: 100%;
    }

    main>.page-content>section.section-3>.content>div>div {
        border-radius: 1rem!important;
    }

    main>.page-content>section.section-2>.head>.content>h4, main>.page-content>section.section-2>.head>.content>div>span, main>.page-content>section.section-3>.head>.start>.content>div>span, main>.page-content>section.section-3>.head>.start>.content>h4 {
        font-size: 18px;
    }

    main>.page-content>section.section-2>.head>.content>div>svg {
        width: 90px;
    }

    main>.page-content>section.section-3>.head>.start>.content>div>svg {
        width: 120px;
    }

    main>.page-content>section.section-3>.head>.start>p {
        width: 100%;
    }

    main>.page-content>section.section-3>.head {
        flex-wrap: wrap;
        gap: 1rem;
    }

    footer>.footer-head>.company {
        display: flex;
        align-items: center;
        gap: 2rem;
        flex-direction: column;
    }

    footer>.footer-head>.brands {
        display: flex;
        justify-content: center;
    }

    footer>.footer-center {
        display: flex;
        gap: 1rem;
        padding: 1rem 0;
        flex-direction: column;
        align-items: center;
    }

    footer>.footer-center>.socials>li>a>img {
        width: 25px;
        height: 25px;
    }

    footer>.footer-head>.company>p {
        text-align: center;
    }

    div.web.navbar>.header>div {
        width: 100%;
        align-items: center;
        justify-content: end;
    }

    div.web.navbar>.header>div>.faqs {
        font-size: 13px;
    }

    main>.page-content .supports>.content>ul>li>.header {
        align-items: flex-start;
    }

    main>.page-content .supports>.content>ul>li>.header>.profile>div {
        flex-direction: column;
        gap: unset;
    }

    .page-content section.web-warn {
        flex-direction: column;
        padding: 1rem;
    }

    .page-content section.web-warn .icon {
        width: 5rem;
        height: 5rem;
        min-width: unset;
    }

    .page-content section.web-warn .icon svg {
        width: 80px;
    }

    main>.page-content>section.blog-social>.socials>li {
        padding: 0 1rem;
    }

    main>.page-content>section.blog-banner>img {
        display: none;
    }

    main>.page-content>section.blog-banner>div {
        padding-left: unset;
        padding-top: unset;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    main>.page-content>.section-4>section {
        width: 100%!important;
        height: 10rem;
    }

    main>.page-content>.section-4>section>img {
        max-height: 5rem;
        width: auto;
    }

    main>.page-content>.section-4>section>div {
        padding-right: 5rem;
    }

    main>.page-content section.section-6>ul {
        flex-wrap: unset;       
    }

    main>.page-content>section.blog>ul {
        display: flex;
        flex-direction: column;    
        gap: 0.5rem;
    }

    main>.page-content section.blog>ul>li {
        width: 100%!important;
    }

    main>.page-content .section-6>ul>li>.card {
        display: flex;
        flex-direction: row;
        border: solid 1px #F3F3F3;
        border-radius: 10px;
        width: 100%;
        align-items: center;
    }

    main>.page-content section.section-6>ul>li>.card>img {
        width: 40%;
        height: fit-content;
    }

    main>.page-content section.section-6>ul>li>.card>.content {
        width: 80%;
    }

    main>.page-content section.section-6>ul>li>.card>.head, main>.page-content section.section-6>ul>li>.card>.footer {
        display: none!important;
    }

    main>.page-content .user-balance>div {
        gap: .5rem;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1024px and up) */
@media only screen and (max-width: 1024px) {
    .responsive-api-sec-hidden {
        display: none!important;
    }

    div.web.navbar>.header>p {
        display: none;
    }

    div.web.navbar>.header>p.mobile-text {
        display: block;
    }

    .navbarV4 .mobile-button {
        margin: .7rem 0;
    }

    div.web.navbar>.navbarV4>div>.desktop-menu-tabs {
        display: none;
    }

    main::after {
        content: "";
        width: 100%;
        height: 100%;
        background: #00000057;
        position: fixed;
        z-index: 90;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.3s ease, visibility 0s linear 0.3s;
    }

    main.opened::after {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity 0.3s ease, visibility 0s linear 0s;
    }

    div.web.navbar>.navbarV4>a {
        max-width: 10rem;
        min-width: unset!important;
    }

    main>.page-content .table .header-filter>.search-text {
        width: 100%;
    }

    main>.page-content .table .header-filter>.search-text>input {
        width: 100%;
        min-width: 8rem;
    }

    main>.page-content .profile-section>.table.profile>.footer {
        flex-wrap: wrap;
    }

    main>.page-content .profile-section>.table.profile>.footer>.inp {
        width: 100%;
    }

    main>.page-content .profile-section>.table.profile>.footer>.inp>span {
        width: 100%;
    }

    main>.page-content .profile-section>.table.profile>.footer>button, main>.page-content .profile-section>.table.profile>.footer>a {
        width: calc(50% - 1rem);
        justify-content: center;
    }

    main>.page-content>section.blog-social {
        display: flex;
        gap: 1rem;
        flex-direction: column;
    }

    main>.page-content>section.blog-social>.socials>li>a>img {
        min-width: 24px;
    }

    main>.page-content>section.get-service {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-direction: column;
    }

    main>.page-content>section.get-service>a {
        padding: .75rem 0.75rem;
        margin-top: .5rem;
    }

    div.web.navbar>.navbarV4>div>.mobile-menu-tabs.opened {
        transform: translateX(0%);
    }
}

@media only screen and (min-width: 1025px) {
    .responsive-api-sec-show {
        display: none!important;
    }

    .responsive-tablet-show {
        display: none!important;
    }

    div.web.navbar>.header>p.mobile-text {
        display: none;
    }
}

@media only screen and (max-width: 1280px) {
    main {
        display: flex;
        flex-direction: column;
        padding-top: 109px;
    }

    aside {
        background-color: unset;
        height: unset;
        padding-top: unset;
        padding-bottom: unset;
        box-shadow: unset;
        padding-top: 1rem;
        min-width: unset!important;
    }

    main>.page-content {
        margin-top: unset;
    }

    main>aside .aside-open-control {
        width: 100%;
        padding: 0 1rem;
        margin-bottom: 1rem;
    }

    main>aside .aside-open-control>button {
        width: 100%;
    }

    main>aside .aside-control.opened {
        display: block;
    }

    main>aside .aside-control.closed, main>aside .aside-control {
        display: none;
    }

    main>.page-content .auth-section-out {
        height: unset;
    }

    main>.page-content {
        padding-top: 1rem;
    }
}

@media only screen and (min-width: 1281px) {
    .aside-open-control {
        display: none;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1440px) {
    div.web.navbar>.navbarV4 {
        gap: 1rem;
        height: 4rem;
        padding: 0 1rem;
    }

    div.web.navbar>.navbarV4>a {
        min-width: 12rem;
    }

    div.web.navbar>.header {
        padding: 0 1rem;
    }

    div.web.navbar>.navbarV4>div>ul>li>a {
        padding: 0 1rem;
    }

    aside {
        margin-left: unset;
        min-width: 26rem;
    }

    aside .btn-group {
        margin: 0 1rem;
    }

    aside .service-select {
        margin: 0 1rem;
    }

    footer>.footer-head {
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding-bottom: 1rem;
        flex-direction: column;
    }

    footer>.footer-down>div {
        flex-direction: column;
    }
}

/* ==========================
    RESPONSIVE STYLES - END
========================== */