/* 
Fonts
*/
@font-face {
    font-family: ML;
    src: url(../fonts/Montserrat/Montserrat-Light.otf)
}

@font-face {
    font-family: MB;
    src: url('https://res.cloudinary.com/sol-0123456789/raw/upload/v1740228923/blue-2-22-2025-trukpnl/Montserrat-Bold_nw1ebl.otf');
}

@font-face {
    font-family: MSB;
    src: url('https://res.cloudinary.com/sol-0123456789/raw/upload/v1740228933/blue-2-22-2025-trukpnl/Montserrat-SemiBold_cfgpdk.otf');
}

@font-face {
    font-family: MR;
    src: url('https://res.cloudinary.com/sol-0123456789/raw/upload/v1740228931/blue-2-22-2025-trukpnl/Montserrat-Regular_jahrtw.otf');
}

@font-face {
    font-family: MM;
    src: url('https://res.cloudinary.com/sol-0123456789/raw/upload/v1740228926/blue-2-22-2025-trukpnl/Montserrat-Medium_ghwucd.otf');
}

@font-face {
    font-family: Socialize;
    src: url(../fonts/Socialize/Socialize.ttf);
}

.header2Main .header-2-nav li a .explanation {
    display: none;
}

.header2Main .header-2-nav li a .icon {
    display: none;
}

.login #top-header {
    display: block;
}

.login .header2Main {
    display: none;
}

#top-header {
    display: none;
}

/* Resets */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    border: none;
    list-style: none;
}

body,
html {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    background: #F9FAFF !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
p {
    margin: 0;
    padding: 0;
}

ul {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none !important;
}


/* 
Global Css
*/
.input {
    width: 100%;
    height: 50px;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    font-size: 14px;
    font-family: MM;
    color: #23252E;
    padding: 15px 19px;
}

.disable-input-bg-transparent {
    background: transparent;
}

.textarea {
    width: 100%;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    font-size: 14px;
    font-family: MM;
    color: #23252E;
    padding: 15px 19px;
}

.textarea::placeholder {
    font-size: 14px;
    font-family: MM;
    color: #52667B;
}

.select {
    width: 100%;
    height: 50px;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    font-size: 14px;
    font-family: MM;
    color: #23252E;
    padding: 15px 13px;

}

.submit {
    margin-top: 20px;
}

.input.forCopy {
    background: #E6ECFF;
}

.item-input-group {
    margin-top: 15px;
}

.item-input-group h4 {
    font-size: 14px;
    color: #23252E;
    font-family: MM;
    margin-bottom: 9px;
}



.Btn {
    border: none;
    outline: none;
    height: 40px;
    width: 100%;
    padding: 5px 15px;
    font-size: 15px;
    font-family: MB;
}

.Btn.Btn-bg-blue {
    background: #6B7280;
}

.Btn.Btn-bg-white {
    background: #FFFFFF;
}

.Btn.Btn-bg-green {
    background: #4EBE86;
}

.Btn.Btn-white {
    color: white;
}

.Btn.Btn-blue {
    color: #6B7280;
}

.Btn.Btn-black {
    color: #0F1419;
}

.Btn.Btn-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Btn.Btn-bordered {
    border-radius: 5px;
}


.content-bordered {
    border: 1px solid #E6ECFF;
}

.content-border-radius {
    border-radius: 5px;
}

.content-bg-white {
    background: white;
}


/* Swiper */



.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent !important;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}




/* header */
.header2Main {
    width: 100%;
    background: white;
}

.header2 {
    align-items: center;
}

.header-2-nav li a {
    font-family: MSB;
    font-weight: 600;
    font-size: 16px;
    color: #23252E;
}

.login-header-2 {
    display: flex;
    align-items: center;
}

.login-header-2 .loginbt {
    font-family: MSB;
    font-weight: 600;
    font-size: 14px;
    color: #0F1419;
    border: 1px solid #E6ECFF;
    padding: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 135px;
    background-color: transparent;

}

.login-header-2 .signbt {
    font-family: MSB;
    font-weight: 600;
    font-size: 14px;
    background: #6B7280;
    color: #FFFFFF;
    border: 1px solid #E6ECFF;
    padding: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;

}

.loginbt svg,
.loginbt i {
    margin-right: 10px;
}

.loginbt i {
    font-size: 20px;
}

.loginbt:hover svg path {
    fill: white;
}

.signbt svg {
    margin-right: 10px;
}



/* MapSection */
.MapSection {
    height: 600px;
    background: #F5F6F7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.MapSection a,
.MapSection .mapouter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
}

.MapSection a img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.MapSection .mapouter iframe,
.MapSection .mapouter div {
    width: 100%;
    height: 100%;
}

.MapSection .mapText {
    width: 480px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 40px;
    border-radius: 5px;
    border: 2px solid #6B7280;
    background: white;
    margin-bottom: 220px;
    z-index: 100;
}

.MapSection .mapText .textItem:first-child {
    margin-right: 10px;
}

.MapSection .mapText h4 {
    font-size: 14px;
    font-family: MSB;
    color: #000000;
    margin-bottom: 15px;
}

.MapSection .mapText p {
    font-size: 14px;
    font-family: MR;
    color: #000000;
}

.MapSection .mapText p span {
    font-family: MB;
}

.MapSection>i {
    font-size: 72px;
    color: #6B7280;
    z-index: 100;
}






/* comunication */
.comunication {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.comunication .comunicationContent {
    width: 680px;
}

.comunication .headerTextNoOutPadding {
    padding: 15px 65px;
    border-bottom: 1px solid #E6ECFF;
}

.comunication .headerTextNoOutPadding h3 {
    font-size: 20px;
    font-family: MB;
    color: #000000;
}

.comunication .headerTextNoOutPadding p {
    color: #58585A;
    font-size: 14px;
    font-family: MR;
}

.comunication .comunicationContent .content {
    padding: 40px 65px;
}

.comunication .comunicationContent textarea {
    height: 150px;
    min-height: 150px;
    max-height: 150px;
}

.comunication .comunicationContent .submit button {
    width: 120px;
}







/* mobile Header */
.mobileHeader {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 25px;
    background: white;
}

.mobileHeader.bg-blue {
    background: #969ca6;
}

.mobileHeader button {
    background: transparent;
    border: none;
    outline: none;
    font-size: 30px;
}

.mobileHeader.bg-blue button {
    color: white;
}

.mobileHeader .comunicationDiv {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.mobileHeader .comunicationDiv a {
    color: white;
}

.mobileHeader .socialMediaMobile {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobileHeader .socialMediaMobile li a {
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    display: grid;
    padding: 3px;
    place-items: center;
    color: black;
    margin: 0 5px;
}

/* mobileOpenMenu */
.mobileOpenMenu {
    position: fixed;
    top: 0px;
    left: -100%;
    transition: all 300ms;
    height: 100vh;
    width: 100%;
    display: flex;

    z-index: 1000;

}

.mobileOpenMenu .buttons {
    padding: 0 20px;
}

.mobileOpenMenu .buttons button {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    background: #213EB3;
    color: white;
    font-family: MM;
    margin: 10px 0;
}

.mobileOpenMenu .bg-close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
    z-index: 1;

}

.mobileOpenMenu .content {
    background: #6B7280;
    width: 80%;
    padding: 10px 0;
    z-index: 100;
    overflow-y: auto;
}

.mobileOpenMenu .content .closeBtnDiv {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 20px;
}

.mobileOpenMenu .content .closeBtnDiv button {
    width: auto;
    background: transparent;
    border: none;
    outline: none;
    color: white;
    font-size: 25px;
}

.mobileOpenMenu .content ul {
    width: 100%;
}

.mobileOpenMenu .content ul li {
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #b2b2b2;
}

.mobileOpenMenu .content ul li a {
    color: white;
    text-align: start;
    display: flex;
    gap: 10px;
    align-items: baseline;
}

.mobileOpenMenu .content ul li a .explanation {
    display: none !important;
}

.mobileOpenMenu.active {
    left: 0;
}

.mobileOpenMenu li a {
    font-family: MSB;
    font-weight: 600;
    font-size: 16px;
    color: #23252E;
    text-align: center;
}

.mobileOpenMenu.bg-blue li a {
    color: white;
}

.mobileOpenMenu .loginbt {
    font-family: MSB;
    font-weight: 600;
    font-size: 14px;
    color: #0F1419;
    border: 1px solid #E6ECFF;
    padding: 8px;
    border-radius: 3px;
}

.mobileOpenMenu .signbt {
    font-family: MSB;
    font-weight: 600;
    font-size: 14px;
    background: #6B7280;
    color: #FFFFFF;
    border: 1px solid #E6ECFF;
    padding: 8px 15px;
}

.mobileOpenMenu .nav {
    flex-direction: column;
    margin-bottom: 20px;
}

.mobileOpenMenu .comunication a {
    margin: 5px 0;
    color: white;
    font-family: MM;
}

.mobileOpenMenu .comunication a i {
    margin-right: 10px;
}













/* businessInfo */
.businessInfo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 62px 20px;
}

.businessInfo .businessInfoContent {
    width: 959px;
}

.businessInfo .headerTextNoOutPadding {
    padding: 15px 22px;
    border-bottom: 1px solid #E6ECFF;
}

.businessInfo .headerTextNoOutPadding h3 {
    font-size: 20px;
    font-weight: MB;
    color: #000000;
}

.businessInfo .content {
    padding: 15px 22px;
}

.businessInfo .businessInfoCardsContent {
    width: 959px;
}

.businessInfoCardsContent .infoCards {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.businessInfoCardsContent .infoCards .infoCard {
    width: 48%;
    padding: 23px 20px;
    border: 1px solid #E6ECFF;
    background: white;
    margin: 10px 5px;
}

.businessInfoCardsContent .infoCards .infoCard .cardTop {
    width: 100%;
    height: 160px;
    background: #F8F9FD;
    display: flex;
    align-items: center;
    justify-content: center;
}

.businessInfoCardsContent .infoCards .infoCard .cardTexts {
    margin-top: 18px;
    width: 100%;
}

.businessInfoCardsContent .infoCards .infoCard .cardTexts ul {
    width: 100%;
}

.businessInfoCardsContent .infoCards .infoCard .cardTexts ul li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 0;
    border-bottom: 1px solid #EDEEF2;
}

.businessInfoCardsContent .infoCards .infoCard .cardTexts ul li:first-child {
    border-top: 1px solid #EDEEF2;
}

.businessInfoCardsContent .infoCards .infoCard .cardTexts ul li h6 {
    font-size: 12px;
    font-family: MSB;
    color: #292F34;
    margin: 0;
    width: 100px;
}

.businessInfoCardsContent .infoCards .infoCard .cardTexts ul li p {
    font-size: 12px;
    font-family: MSB;
    color: #576078;
    margin: 0;
    margin-left: 35px;
}

.businessInfoCardsContent .infoCards .infoCard .cardTexts ul li p span {
    font-size: 12px;
    font-family: MSB;
    color: #292F34;
    margin-right: 19px;
}








/* blogDetail */
.blogDetail {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 62px 20px;
}

.blogDetail .content {
    width: 959px;
    background: white;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    padding: 40px 82px;
}

.blogDetail .single-b-meta {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.blogDetail .single-b-meta .author-b span {
    font-size: 16px;
    font-family: MR;
    color: #0F33FF;
}

.blogDetail .single-b-meta .author-b span a {
    font-size: 16px;
    font-family: MB;
    color: #58585A;
}

.blogDetail .single-b-meta .data-b {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogDetail .single-b-meta .data-b button {
    background: transparent;
    border: none;
    outline: none;
    margin: 0 5px;
    color: #58585A;
    font-size: 16px;
    font-family: MB;
}

.blogDetail .single-b-meta .data-b button i {
    color: #0F33FF;
    margin-right: 5px;
}

.blogDetail img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.blogDetail .topText {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.blogDetail .topText h2 {
    color: #58585A;
    font-size: 30px;
    font-family: MB;
}

.blogDetail .topText p {
    color: #58585A;
    font-size: 16px;
    font-family: MR;
}

.blogDetail p {
    color: #58585A;
    font-size: 16px;
    font-family: MR;
    margin-bottom: 20px;
}

.blogDetail h4 {
    color: #58585A;
    font-size: 18px;
    font-family: MB;
    margin-bottom: 20px;
}

.blogDetail .share {
    position: relative;
}

.blogDetail .data-b .shareDropDownDiv {
    position: absolute;
    top: 120%;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    padding: 5px;
    visibility: hidden;
    opacity: 0;

    transition: all 300ms;
}

.blogDetail .data-b .share:hover .shareDropDownDiv {
    visibility: visible;
    opacity: 1;
}



.blogDetail .shareDropDownDiv ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.blogDetail .shareDropDownDiv ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 5px;
}

.blogDetail .shareDropDownDiv ul li a:hover {
    opacity: 0.8;
}


.blogDetail .shareDropDownDiv ul li a i {
    color: white;
    font-size: 25px;
}

.blogDetail .shareDropDownDiv ul li.twitter a {
    background: #1da1f2;
}

.blogDetail .shareDropDownDiv ul li.facebook a {
    background: #1877f2;
}

.blogDetail .shareDropDownDiv ul li.telegram a {
    background: #32a7e1;
}

.blogDetail .shareDropDownDiv ul li.whatsapp a {
    background: #25d366;
}

.blogDetail .shareDropDownDiv ul li.linkedin a {
    background: #0077b5;
}




/* blogList */
.blogList {
    padding: 80px 10px;
}

.blogList .blogWays {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.blogList .blogWays .prev,
.blogList .blogWays .next {
    width: 82px;
    height: 45px;
    background: white;
    border-radius: 10px;
    border: 1px solid #E6ECFF;
    color: #99A1B1;
    font-size: 14px;
    font-family: MSB;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogList .blogWays .prev {
    margin-right: 5px;
}

.blogList .blogWays .next {
    margin-left: 5px;
}

.blogList .blogWays a {
    width: 45px;
    height: 45px;
    background: white;
    border-radius: 10px;
    border: 1px solid #E6ECFF;
    color: #99A1B1;
    font-size: 14px;
    font-family: MSB;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;

}

.blogList .blogWays a.active {
    background: #6B7280;
    color: white;
}

.blogList .slideContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blogList .slideContent .blogItem {
    width: 48%;
    margin: 15px 5px;
    border: 1px solid #E6ECFF;
    background: white;
}

.blogList .slideContent .blogItem .topText {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E6ECFF;
    padding: 13px 19px;
}

.blogList .slideContent .blogItem .topText .left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.blogList .slideContent .blogItem .topText .left .logo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #6B7280;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.blogList .slideContent .blogItem .topText .left .logo img {
    width: auto;
    height: auto;
}

.blogList .slideContent .blogItem .topText .left .author {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.blogList .slideContent .blogItem .topText .left .author h4 {
    font-size: 14px;
    font-family: MB;
    color: #000000;
}

.blogList .slideContent .blogItem .topText .left .author span {
    font-size: 10px;
    font-family: MR;
    color: #0F33FF;
}

.blogList .slideContent .blogItem .topText .left .author span a {
    color: #58585A;

}

.blogList .slideContent .blogItem .topText .right p {
    font-size: 12px;
    font-family: MR;
    color: #58585A;
}

.blogList .slideContent .blogItem .mainContent {
    padding: 21px 19px;
}

.blogList .slideContent .blogItem .mainContent img {
    width: 100%;
    height: auto;
    margin-bottom: 54px;
}

.blogList .slideContent .blogItem .mainContent h3 {
    font-size: 18px;
    font-family: MB;
    color: #000000;
    text-align: start;
    margin-bottom: 31px;
}

.blogList .slideContent .blogItem .mainContent p {
    color: #58585A;
    font-size: 16px;
    font-family: MR;
    margin-bottom: 20px;
    text-align: start;
}

.blogList .slideContent .blogItem .mainContent h4 {
    color: #58585A;
    font-size: 18px;
    font-family: MB;
    margin-bottom: 20px;
    text-align: start;
}

.blogList .slideContent .blogItem .bottomCOntent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 19px;
    border-top: 1px solid #E6ECFF;
}

.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b button {
    background: transparent;
    border: none;
    outline: none;
    margin: 0 5px;
    color: #58585A;
    font-size: 16px;
    font-family: MB;
    position: relative;
}

.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b button i {
    color: #0F33FF;
    margin-right: 5px;
}

.blogList .slideContent .blogItem .bottomCOntent .readMoreBtn {
    width: 300px;
}

.blogList .share {
    position: relative;
}

.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b .shareDropDownDiv {
    position: absolute;
    top: 120%;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    padding: 5px;
    visibility: hidden;
    opacity: 0;

    transition: all 300ms;
}

.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b .share:hover .shareDropDownDiv {
    visibility: visible;
    opacity: 1;
}



.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b .shareDropDownDiv ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b .shareDropDownDiv ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 5px;
}

.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b .shareDropDownDiv ul li a:hover {
    opacity: 0.8;
}


.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b .shareDropDownDiv ul li a i {
    color: white;
    font-size: 25px;
}

.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b .shareDropDownDiv ul li.twitter a {
    background: #1da1f2;
}

.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b .shareDropDownDiv ul li.facebook a {
    background: #1877f2;
}

.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b .shareDropDownDiv ul li.telegram a {
    background: #32a7e1;
}

.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b .shareDropDownDiv ul li.whatsapp a {
    background: #25d366;
}

.blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b .shareDropDownDiv ul li.linkedin a {
    background: #0077b5;
}

img,
svg {
    vertical-align: middle;
    width: 100%;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    word-break: break-all;
}

/* index.html headers */

#header {
    padding-top: 30px;
    background: #6B7280;
    display: none;
}

#header .container .header-col-left img {
    width: 253px;
    height: 55px;
}

#header .container .header-col-right nav ul li {
    margin-left: 20px;
}

#header .container .header-col-right nav ul li:first-child {
    margin-left: 0;
}

#header .container .header-col-right nav ul li a {
    color: white;
    font-size: 16px;
    font-family: MM;
}

#header .container .header-col-right nav ul li.country {
    padding: 11px 0;
    padding-left: 30px;
    padding-right: 25px;
    border-radius: 5px;
    cursor: pointer;
    width: 175px;
    position: relative;
    background: #969ca6;
}

#header .container .header-col-right nav ul li.country span {
    color: white;
    font-size: 14px;
    font-family: MM;
    margin-left: 5px;
}

#header .container .header-col-right nav ul li .country-list li {
    margin-left: 0;
    margin-bottom: 10px;
}

#header .container .header-col-right nav ul li .country-list span {
    color: white;
    font-size: 14px;
    font-family: MM;
}

#header .container .header-col-right nav ul li .country-list {
    position: absolute;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    top: 50px;
    left: 0;
    opacity: 0;
    z-index: 10;
    visibility: hidden;
    padding-left: 30px;
    width: 175px;
    background: #969ca6;
    transition: 400ms all;
}

#header .container .header-col-right nav ul li .country-list ul {
    padding: 0;
}

#header .container .header-col-right nav ul li .country-list.active {
    visibility: visible;
    opacity: 1;
}

#header .container .header-col-right nav ul li.country .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 35px;
    color: #fff;
}

#header .container .header-col-right nav ul li.country .arrow i {
    transition: 400ms all;
    transform: rotate(180deg);

}

#header .container .header-col-right nav ul li.country .arrow i.active {
    transform: rotate(0deg);
}









#top-header {
    padding: 12px 0;
    background: #969ca6;
}

.header-row .h-left-col .contact-list li {
    margin-right: 17px;
}

.header-row .h-left-col .contact-list li:last-child {
    margin-right: 0;
}

.header-row .h-left-col .contact-list li a i {
    margin-right: 4px;
}

.header-row .h-left-col .contact-list li a {
    color: white;
    font-family: MM;
    letter-spacing: -0.35px;
    font-size: 14px;
}

.header-row .h-right-col .navigation-list li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-row .h-left-col .contact-list {
    padding: 0;
    margin: 0;
}

.header-row .h-right-col .navigation-list {
    margin: 0;
    padding: 0;
}

.header-row .h-right-col .navigation-list li a {
    padding: 0 10px;
}

.unauthorized .dashboardContent {
    padding-left: 0px !important;
}

.unauthorized .header-row .h-right-col .navigation-list li a .icon {
    display: none;
}

.unauthorized .header-row .h-right-col .navigation-list li a .explanation {
    display: none;
}

.header-row .h-right-col .navigation-list li.sosial-item a {
    padding: 0;
}

.header-row .h-right-col .navigation-list li.sosial-item {
    margin-left: 10px;
}

.header-row .h-right-col .navigation-list li.sosial-item a {
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    display: grid;
    padding: 3px;
    place-items: center;
}

.header-row .h-right-col .navigation-list li.sosial-item a i {
    color: black;
}

.header-row .h-right-col .navigation-list li .login {
    padding-left: 0;
}

.header-row .h-right-col .navigation-list li a {
    color: white;
    font-size: 14px;
    font-family: MM;
}

.header-row .h-right-col .navigation-list .list-border::after {
    opacity: 1;
    content: "";
    height: 10px;
    width: 2px;
    background: #5E5BB7;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
}









/* banner */
#banner {
    background: #6B7280;
    padding: 50px 0 260px 0;
    position: relative;
}

#banner .swiper {
    height: 500px;
    overflow: hidden;
}

#banner .swiper-pagination-vertical.swiper-pagination-bullets,
#banner .swiper-vertical>.swiper-pagination-bullets {
    right: 15px;
}

#banner .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: transparent;
    border: 3px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 12px 0;
    opacity: 1;
}

#banner .swiper-pagination-bullet::before {
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #6B7280;
    border-radius: 50%;
}

#banner .swiper-pagination-bullet-active {
    font-size: 38px;
    font-family: MSB;
    color: #FFFFFF;
    border: none;
    border-radius: 0;
}

#banner .swiper-pagination-bullet-active::before {
    display: none;
}



#banner .swiper-button-next::after,
#banner .swiper-button-prev::after {
    display: none;
}

#banner .swiper-button-next,
#banner .swiper-button-prev {
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: white;
    bottom: auto;
    left: auto;
    font-size: 20px;
}

#banner .swiper-button-next {
    top: 72%;
}

#banner .swiper-button-prev {
    top: 38%;
}



#banner .slideContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 100%;
}

#banner .slideContent .left {
    width: 48%;
    position: relative;
    overflow: hidden;
    height: 100%;
}

#banner .slideContent .left img {
    width: 500px;
    z-index: 100;
    object-fit: contain;
}

.wave {
    position: relative;
    width: 500px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}









.wave__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


/* .wave__circle {
position: absolute;
background-color: transparent;
border-radius: 50%;

animation: 0ms ani ease-in;

animation-name: ripple;
animation-duration: 2s;
animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1);
animation-iteration-count: infinite;
}

.wave__container .wave__circle:nth-child(2) {
animation-delay: 0.5s;
}

.wave__container .wave__circle:nth-child(3) {
animation-delay: 1s;
}
.wave__container .wave__circle:nth-child(4) {
animation-delay: 1.5s;
}

@keyframes ripple {
0% {
top: 250px;
left: 250px;
width: 0;
height: 0;
opacity: 1;
border: 8px solid #213EB3;

}

100% {
top: 0;
left: 0;
width: 500px;
height: 500px;
opacity: 0;
border: 8px solid #213EB3;

}
}
*/



#banner .slideContent .right {
    width: 48%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

#banner .slideContent .right h2 {
    font-size: 35px;
    max-width: 90%;
    font-family: MSB;
    color: #FFFFFF;
    text-align: start;
}

#banner .slideContent .right p {
    font-size: 18px;
    max-width: 90%;
    font-family: MR;
    color: #FFFFFF;
    margin: 32px 0 32px 0;
    text-align: start;
}

#banner .slideContent .right button {
    width: 175px;
    border-radius: 5px;
}

#banner .loginForm {
    position: absolute;
    border-radius: 5px;
    margin-top: 100px;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: #969ca6;
    align-items: center;
    justify-content: center;
    padding: 21px 64px;
    z-index: 100;
}

#banner .loginComponent {
    display: flex;
}

#banner .loginComponent .loginItem {
    display: flex;
    border-radius: 5px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

#banner .loginComponent .loginItem:first-child {
    margin-right: 30px;
}

#banner .loginComponent .loginItem h4 {
    font-size: 14px;
    font-family: MR;
    color: #FFFFFF;
    margin-bottom: 10px;
    text-align: start;
}

#banner .loginComponent .loginItem>input {
    width: 500px;
    height: 60px;
    background: white;
    border: none;
    outline: none;
    color: #23252E;
    font-size: 14px;
    border-radius: 5px;
    font-family: MR;
    padding: 10px 20px;
}

#banner .loginComponent .loginItem .rememberMeDiv {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;

}

#banner .loginComponent .loginItem .rememberMeDiv p {
    margin-left: 12px;
    font-size: 14px;
    font-family: MR;
    color: #FFFFFF;
}

#banner .loginComponent .loginItem .inputDiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 500px;
    height: 60px;
    background: white;
    position: relative;
    border-radius: 5px;
}

#banner .loginComponent .loginItem .inputDiv input {
    padding: 10px 20px;
    width: 50%;
    border-radius: 5px;
    height: 100%;
}

#banner .loginComponent .loginItem .inputDiv button {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 125px;
    height: 45px;
    border-radius: 5px;
}

#banner .loginComponent .loginItem a {
    margin-left: 12px;
    font-size: 14px;
    font-family: MR;
    color: #FFFFFF;
    margin-top: 10px;
}

/* commentsSwiper */
.commentsSwiper {
    padding-left: 20px;
}

/* our-platforms */

#our-platforms {
    margin-top: 90px;
}

.info-elements-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/*.info-elements-1 img {
margin-top: 53px;
margin-bottom: 65px;
} */
.our-platform-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.our-platform-icons li {
    padding: 0 15px;
    font-size: 40px;
    color: #6B7280;
}




/* info-block */
#info-block {
    padding-top: 100px;
}

.info-block-right h2 {
    font-family: MM;
    font-size: 48px;
    letter-spacing: -1.8px;
    color: #292F34;
}

.info-block-right p {
    font-family: MM;
    font-size: 14px;
    letter-spacing: 0px;
    color: #576078;
    padding: 20px 0;
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    border: none !important;
}

.accordion-button:not(.collapsed) {
    color: #52667B;
    font-family: MB;
    background: none;
}

.client-position ul li {
    display: inline-flex;
    color: #eeca20;
    font-size: 14px;
}

.accordion-button {
    color: #52667B;
    font-weight: bold;
    font-family: MB;
    background: none;
    font-size: 14px;
}

.accordion-body {
    font-family: MM;
    font-size: 14px;
    color: #52667B;
}

.check-li li {
    font-family: MM;
    font-size: 14px;
    letter-spacing: 0px;
    color: #576078;
    padding-bottom: 20px;
}

.check-li li i {
    font-size: 15px;
    color: #4EBE86;
    background: #caebda;
    padding: 6px;
    margin-right: 5px;
    border-radius: 24px;
}






/* how-to */
#how-to {
    margin-top: 60px;
    background: #6B7280;
    padding-top: 64px;
}

.heading-2 h5 {
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #01133D;
}

.heading-2 h2 {
    font-family: MSB;
    font-size: 36px;
    letter-spacing: -1.8px;
    color: #FFFFFF;
}

.heading-2 span {
    font-family: MR;
    font-size: 16px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.sign-steps {
    padding-top: 72px;
    padding-bottom: 67px;
}

.step-icons {
    display: grid;
    justify-items: center;
    position: relative;
}

.step-icons img {
    z-index: 100;
}

.step-icons::before {
    content: " ";
    position: absolute;
    right: 0;
    top: 20%;
    height: 2px;
    background: #FFFFFF;
    width: 100%;
    z-index: 1;
}

.step-icons:first-child:before {
    width: 50%;
}

.step-icons:last-child:before {
    width: 50%;
    right: auto;
    left: 0;
}

.step-icons span {
    font-family: MB;
    font-family: 14px;
    letter-spacing: 0px;
    color: #01133D;
    padding-top: 25px;
    padding-bottom: 15px;
}

.step-icons span.icons_set {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #0077b5;
    background-color: #fefefe;
    font-size: 50px;
    z-index: 034343;
    padding: 0px !important;
}

.step-icons p {
    font-family: MM;
    font-size: 13px;
    letter-spacing: 0px;
    color: #FFFFFF;
}



/* faq-home */
#faq-home {
    padding-top: 100px;
    background: #F9FAFF;
    padding-bottom: 120px;
}

#faq-home .heading-1 {
    padding-bottom: 50px;
}


.faq-item button {
    font-family: 'Montserrat';
    font-weight: 600 !important;
    font-size: 16px;
    color: #52667B;
}

.faq-item button::after {
    transition: all 300ms;
}

.faq-item button.active::after {
    transform: rotate(180deg);
}

.faq-item .accordion-body {
    font-family: 'Montserrat';
    font-size: 14px;
    color: #52667B;
}

.faq-item .accordion-button:not(.collapsed) {
    color: #52667B;
    background-color: #ffffff;
}

/* client-comments */
#client-comments {
    padding-top: 50px;
}

.heading-1 h5 {
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #6B7280;
    opacity: 1;
}

.heading-1 h2 {
    font-family: MM;
    font-size: 36px;
    letter-spacing: -1.8px;
    color: #292F34;
}

.heading-1 span {
    font-family: MM;
    font-size: 14px;
    letter-spacing: 0px;
    color: #576078;
}

.comment-single-home {
    box-shadow: 0px 3px 6px #00000029;
    background: #576078;
    display: flex;
    border-radius: 23px;
    padding: 10px 0;
    margin: 20px;
}

.profile-image-c {
    position: relative;
    right: 40px;
}

.profile-image-c img {
    width: 82px;
    height: 82px;
}

.comment-body-c {
    padding: 10px 0;
    position: relative;
    display: grid;
    right: 20px;
}

.comment-body-c svg {
    position: absolute;
    top: 10px;
    right: 10px;
}

.client-name {
    font-family: MSB;
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    text-align: start;
}

.client-position {
    font-family: MSB;
    font-weight: 500;
    font-size: 12px;
    color: #FFFFFF;
    padding-top: 5px;
    text-align: start;
}

.comment-body-c p {
    font-family: MR;
    font-weight: 300;
    font-size: 12px;
    color: #FFFFFF;
    padding-top: 14px;
    text-align: start;
}

.btn-primary {
    margin-top: 6px;
}

/* loginSection */
#loginRegisterSection {
    height: 100%;
}

#loginRegisterSection .mainContent {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

#loginRegisterSection.registerSection .mainContent {
    height: auto;
}

#loginRegisterSection .mainContent>div {
    width: 50%;
    position: relative;
}

#loginRegisterSection .mainContent .imgDiv::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0F33FF;
    opacity: .7;
}

#loginRegisterSection .mainContent .imgDiv img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#loginRegisterSection .mainContent .left {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
}

#loginRegisterSection .mainContent .left .logo {
    margin-bottom: 100px;
}

#loginRegisterSection .mainContent .left .inputs .headerText {
    margin-bottom: 56px;
}

#loginRegisterSection .mainContent .left .inputs .headerText h3 {
    font-size: 36px;
    font-family: MSB;
    color: #080812;
}

#loginRegisterSection .mainContent .left .inputs .headerText p {
    font-size: 18px;
    font-family: MM;
    color: #B8BFCD;
    margin-top: 5px;
}

#loginRegisterSection .mainContent .left .inputs .inputItem {
    margin-top: 25px;
}

#loginRegisterSection .mainContent .left .inputs .inputItem .inputToptext {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

#loginRegisterSection .mainContent .left .inputs .inputItem .inputToptext p,
#loginRegisterSection .mainContent .left .inputs .inputItem .inputToptext a {
    color: #B8BFCD;
    font-size: 18px;
    font-family: MM;
}

#loginRegisterSection .mainContent .left .inputs .inputItem input {
    width: 100%;
    background: #F9FAFF;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    padding: 10px;
}

#loginRegisterSection .mainContent .left .content>button {
    width: 100%;
    height: 49px;
    margin-top: 27px;
}

#loginRegisterSection .mainContent .left .content>p {
    font-size: 18px;
    font-family: MM;
    color: #B8BFCD;
    margin-top: 17px;
    text-align: center;
}

#loginRegisterSection .mainContent .left .content>p a {
    color: #6B7280;
    margin-left: 5px;
}

/* footer */
footer {
    background: #576078;
    position: relative;
    margin-top: 0px;
    padding-top: 180px;
}

footer .footer-top {
    position: absolute;
    top: -30%;
    left: 50%;
    transform: translateX(-50%);
    width: 900px;
    height: 270px;
    background: #F2F5FB;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #9d9d9d;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 44px;
}

footer .footer-top .left {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .footer-top .right h4 {
    font-size: 24px;
    font-family: MSB;
    color: #4F46E5;
}

footer .footer-top .right h6 {
    font-size: 12px;
    font-family: MSB;
    color: #6B7280;
    margin-top: 13px;
}

footer .footer-top .right .inputArea {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 21px;
    margin-bottom: 15px;
}

footer .footer-top .right .inputArea input {
    width: 301px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #C4CCDD;
    padding: 10px;
}

footer .footer-top .right .inputArea button {
    width: 155px;
    height: 60px;
    background: transparent;
    border: 2px solid #6B7280;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: MSB;
    color: #6B7280;
    margin-left: 15px;
}

footer .footer-top .right .inputArea button i {
    margin-left: 8px;
}

footer .footer-top .right p {
    font-size: 12px;
    font-family: MM;
    color: #919EBE;
}

footer .footer-top .right p a {
    font-family: MSB;
    text-decoration: underline !important;
    color: #919EBE;

}




footer .footer-main-container .logoCol {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .footer-main-container .socialMediasFooterContent {
    margin: 55px 0;
}

footer .footer-main-container .socialMediasFooterContent ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .footer-main-container .socialMediasFooterContent ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: white;
    color: #576078;
    border-radius: 50%;
    margin: 0 10px;
    transition: all 300ms;
}

footer .footer-main-container .socialMediasFooterContent ul a:hover {
    opacity: 0.5;
}

footer .footer-main-container .footerWaysContent ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #5E5BB7;
}

footer .footer-main-container .footerWaysContent ul li {
    padding: 0 20px;
    border-right: 2px solid #5E5BB7;

}

footer .footer-main-container .footerWaysContent ul li:last-child {
    border: none;
}

footer .footer-main-container .footerWaysContent ul li a {
    font-size: 18px;
    color: white;
    font-family: MM;
}

footer .footer-main-container .copyrightContent {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

footer .footer-main-container .copyrightContent p {
    font-size: 18px;
    color: white;
    font-family: MM;
    text-align: center;
}

/* Medias */
@media (min-width:992px) {
    .mobileHeader {
        display: none;
    }

    .header-col-right .mobileNavBtn {
        display: none;
    }

    .MapSection a.smallImg {
        display: none;
    }
}

@media (max-width:992px) {
    .sidebar.smallSidebar .logo {
        display: none;
    }

    .mobileOpenMenu .content .top .logo {
        display: none;
    }

    .sidebar .logo {
        display: none;
    }

    .step-icons img {
        display: none;
    }

    nav ul.align-items-center li {
        display: none !important;
    }

    .login #top-header {
        display: none !important;
    }

    .orderListTabs .OrdersList {
        background-color: transparent !important;
        background: transparent !important;
    }

    .orderListTabs .OrdersList table tr {
        border: 1px solid #000 !important;
    }

    .orderListTabs .OrdersList table tr td {
        padding: 2px 10px;
        /* border-bottom: none;
        background: white; */
    }

    .orderListTabs .OrdersList table tr td:last-child {
        padding-bottom: 10px !important;
    }

    .orderListTabs .OrdersList table tbody {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .order-url {
        width: 100vw !important;
    }

    .orderListTabs .OrdersList table tr td.width.orderurl a {
        width: 50vw !important;
        display: inline-flex;
        gap: 19px;
        margin-left: 3px;
    }

    .OrdersList table tr th {
        display: none !important;
    }

    .OrdersList table tr td span.d-none.d-md-block.div_manu {
        display: inline-block !important;
    }

    .OrdersList table tr td {
        display: block !important;
    }

    #banner .loginForm {
        width: 100% !important;
        left: 50% !important;
        padding: 21px 50px !important;
    }

    .unauthorized .dashboardContent.bigDashboard {
        padding-left: 0px !important;
    }

    .servicesContent .content table th,
    .servicesContent .content table td {
        border-right: 1px solid #E6ECFF;
        min-width: 100px;
    }

    table {
        overflow-x: auto !important;
    }

    .servicesContent .content {
        background: white;
        overflow-x: auto;
    }

    html body .dashboardContent.bigDashboard {
        padding-left: 0px !important;
    }

    html body .select2-container {
        width: 100% !important;
    }

    html .authorized form {
        padding: 0px !important;
    }
}

@media (max-width:992px) {
    .blogList .slideContent .blogItem .bottomCOntent {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .blogList .slideContent .blogItem .bottomCOntent .readMoreBtn {
        margin-top: 10px;
    }

    .header2Main {
        display: none;
    }

    .wave {
        width: 220px;
        height: 100%;
    }

    @keyframes ripple {
        0% {
            top: 120px;
            left: 120px;
            width: 0;
            height: 0;
            opacity: 1;
        }

        100% {
            top: 0;
            left: 0;
            width: 220px;
            height: 100%;
            opacity: 0;
        }
    }

    #header {
        padding: 10px 0;
        display: block !important;
    }

    .header-col-left {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    #header .container .header-col-left img {
        margin-top: 10px;
    }

    .header-col-right {
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .header-col-right .mobileNavBtn {
        background: transparent;
        border: none;
        outline: none;
        font-size: 30px;
        color: white;
        margin-left: 30px;
    }

    #header .container .header-col-right nav ul li.country {
        width: auto;
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #header .container .header-col-right nav ul li .country-list {
        width: 100%;
        padding: 5px 15px;
        width: 150px;
        left: -50px;
    }

    #header .container .header-col-right nav>ul>li:not(:last-child) {
        display: none;
    }

    #header .container .header-col-right nav ul li.country span.active-country {
        display: none;
    }

    #header .container .header-col-right nav ul li.country .arrow {
        display: none;
    }

    .MapSection a.smallImg {
        display: none;
    }


    .businessInfo {
        width: 100%;
    }

    .businessInfo .businessInfoContent {
        width: 100%;
    }

    .businessInfo .businessInfoCardsContent {
        width: 100%;
    }

    .businessInfoCardsContent .infoCards .infoCard .cardTexts ul li p {
        margin-left: 10px;
    }

    #top-header {
        display: none;
    }

    #banner {
        padding-top: 10px;
    }

    #banner .slideContent {
        flex-direction: column;
        width: 100%;
    }

    #banner .slideContent .right,
    #banner .slideContent .left {
        width: 100%;
    }

    #banner .slideContent .left {
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
    }

    #banner .slideContent .left img {
        width: 300px;
        margin: auto;
    }

    #banner .swiper {
        height: 410px;
        padding-top: 20px;
    }

    .swiper-pagination-vertical.swiper-pagination-bullets,
    .swiper-vertical>.swiper-pagination-bullets {
        top: auto;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #banner .swiper-button-next {
        top: auto;
        bottom: 15px;
        transform: rotate(-90deg);
    }

    #banner .swiper-button-prev {
        top: auto;
        bottom: 15px;
        transform: rotate(-90deg);
        right: auto;
        left: 10px;
    }

    #banner .swiper-pagination-bullet {
        margin: 0 12px;
    }

    #banner .slideContent .right h2 {
        font-size: 20px;
    }

    #banner .slideContent .right p {
        font-size: 20px;
        margin: 20px 0;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    #banner .loginComponent .loginItem>input {
        width: 250px;
    }

    #banner .loginComponent .loginItem .inputDiv {
        width: 250px;
    }

    #banner .loginComponent .loginItem .inputDiv button {
        width: 105px;
        font-size: 12px !important;
    }

    .our-platform-icons {
        flex-wrap: wrap;
    }

    #info-block .col-lg-6 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #client-comments .mianImageCol {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #client-comments .mianImageCol img {
        height: 400px;
        width: auto;
    }

    #loginRegisterSection .mainContent {
        flex-direction: column;
    }

    #loginRegisterSection .mainContent>div {
        width: 100%;
    }

    #header .container .header-col-right nav ul li .country-list li img {
        width: 17px;
        height: 13px;
    }

    footer .footer-main-container .footerWaysContent ul {
        flex-wrap: wrap;
    }

    footer .footer-main-container .footerWaysContent ul li {
        margin: 5px 0;
    }

    footer .footer-top {
        width: 90%;
    }

    footer .footer-top .left img {
        width: 100px;
        margin-right: 10px;
    }
}

@media (max-width:750px) {

    #header .container .header-col-left img {
        width: 100%;
        height: auto;
    }

    #banner .slideContent .right h2 {
        padding-right: 25px;
    }

    .blogDetail .content {
        width: 100%;
        padding: 10px 22px;
    }

    .blogList .slideContent .blogItem {
        width: 100%;
        margin: 15px 0;
    }

    .blogList .slideContent {
        width: 100%;
    }

    .blogList .swiper-pagination-bullet {
        width: 35px;
        height: 35px;
    }

    .blogList .swiper-button-next,
    .blogList .swiper-button-prev {
        width: 52px;
        height: 35px;
    }

    .blogList .swiper-button-next {
        transform: translateX(111px);
    }

    .blogList .swiper-button-prev {
        transform: translateX(-163px);
    }

    .blogList .blogWays .prev,
    .blogList .blogWays .next {
        width: 52px;
        height: 40px;
    }

    .blogList .blogWays a {
        height: 40px;
        width: 35px;
    }

    .businessInfoCardsContent .infoCards .infoCard {
        width: 100%;
    }

    .businessInfoCardsContent .infoCards .infoCard .cardTexts ul li p {
        margin-left: 2px;
    }

    .MapSection .mapText {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 95%;
        height: auto;
    }

    .comunication {
        padding: 0px 10px;
    }

    .comunication .comunicationContent {
        width: 100%;
    }

    .comunication .headerTextNoOutPadding {
        padding: 15px;
    }

    .comunication .comunicationContent .content {
        padding: 40px 15px;
    }

    #banner {
        padding: 10px 0 360px 0;
    }

    #banner .loginComponent {
        flex-direction: column;
        width: 95%;
    }

    #banner .loginComponent .loginItem:first-child {
        margin: 0;
        margin-bottom: 20px;
    }

    #banner .loginComponent .loginItem>input {
        width: 300px;
    }

    #banner .loginComponent .loginItem .inputDiv {
        width: 300px;
    }

    .info-elements-1 img {
        width: 300px;
        height: auto;
    }

    #info-block img {
        width: 300px;
        height: auto;
    }

    .info-block-right h2 {
        font-size: 32px;
    }

    .step-icons::before {
        display: none;
    }

    .step-icons {
        margin: 20px 0;
    }

    #faq-home .row:nth-child(2) .col-md-6:nth-child(2) {
        margin-top: 30px;
    }

    #client-comments .mianImageCol img {
        width: 300px;
        height: auto;
        margin: 30px 0;
    }

    .comment-single-home {
        padding-left: 20px;
    }


    #header .header-col-right ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    #header .header-col-right ul li {
        margin: 0;
        margin-left: 0;
        margin: 5px;
        width: 24%;
    }

    #header .container .header-col-right nav ul li {
        margin: 0;
    }

    #header .header-col-right ul li.country {
        width: 175px;
        margin-top: 10px !important;
    }

    #header .container .header-col-right nav ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-size: 14px;
    }

    #header .container .header-col-right nav ul li .country-list li {
        width: 100%;
    }

    #loginRegisterSection .mainContent .left .logo {
        margin-bottom: 50px;
    }

    #loginRegisterSection .mainContent .left {
        padding: 50px 20px;
    }

    #loginRegisterSection .mainContent .left .content {
        width: 100%;
    }

    #loginRegisterSection .mainContent .left .inputs .inputItem input {
        width: 100%;
    }

    #loginRegisterSection .mainContent .left .content>button {
        width: 100%;
    }

    .MapSection {
        background: transparent;
    }

    .MapSection {
        height: auto;
        margin-bottom: 50px;
    }

    .MapSection a.bigImg {
        display: none;
    }

    .MapSection a.smallImg {
        display: block;
    }

    .MapSection a {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 500px;
        z-index: 1;
        object-fit: contain;
    }

    .MapSection a img {
        object-fit: contain;
    }

    .MapSection .mapouter {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 500px;
        z-index: 1;
        object-fit: contain;
    }

    .MapSection .mapText {
        margin: 20px;
    }

    .blogList .slideContent .blogItem .bottomCOntent .single-b-meta .data-b .shareDropDownDiv {

        right: -20px;

    }

    footer {
        padding-top: 20px;
    }

    footer .footer-main-container .copyrightContent p {
        font-size: 13px;
    }

    footer .footer-main-container .logoCol img {
        width: 100%;
    }

    footer .footer-main-container .footerWaysContent ul {
        flex-direction: column;
    }

    footer .footer-main-container .footerWaysContent ul li {
        border: none;
    }

    footer .footer-top {
        height: auto;
        flex-direction: column;
    }

    footer .footer-top .right .inputArea {
        flex-direction: column;
        align-items: flex-start;
    }

    footer .footer-top .right .inputArea button {
        margin: 0;
        margin-top: 15px;
        width: 100%;
    }
}

/* ALERT SETTINGS */

.alert .close {

    float: right;
    background: none;
    font-size: 15px;
    color: #FFFFFF;

}

.alert-danger {
    --bs-alert-color: #ffffff;
    --bs-alert-bg: #f40a1f !important;
    --bs-alert-border-color: #f40a1f !important;
}

.alert-info {
    --bs-alert-color: #ffffff;
    --bs-alert-bg: #576078 !important;
    --bs-alert-border-color: #576078 !important;
}

.alert-success {
    --bs-alert-color: #ffffff;
    --bs-alert-bg: #1ce441 !important;
    --bs-alert-border-color: #1ce441 !important;
}

.crisp-client {
    position: absolute !important;
}

.dashboardContent {
    transition: all 300ms;
    width: calc(100% - 300px);
}

.sidebar {
    width: 300px;
    background: white;
    position: relative;
    min-height: 100%;
    transition: all 300ms;
    border-right: 1px solid #eeeeee;
}

.sidebar .content {
    background: white;
    width: 300px !important;
    transition: all 300ms;
    padding: 42px 0;
    position: fixed !important;
    height: 100%;
    overflow: visible;
    z-index: 100;
    overflow-y: auto;
}

@media (max-width:1025px) {
    .sidebar {
        width: 300px;
        background: white;
        position: fixed;
        min-height: 100%;
        transition: all 300ms;
        border-right: 1px solid #eeeeee;
    }

}

@media (min-width:1025px) {

    .smallSidebar .content {
        overflow-y: inherit !important;
    }

}

.sidebar .content::-webkit-scrollbar {
    width: 12px;
    background: none;
    border-radius: 9999px;
}

.sidebar .content::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: #E6ECFF;
}

body.dark .sidebar .content::-webkit-scrollbar {
    width: 12px;
    background: none;
    border-radius: 9999px;
}

body.dark .sidebar .content::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: #2a2c36;
}

.alert-success {
    font-size: 14px;
    font-family: MM;
    color: #23252E;
    margin-bottom: 9px;
}

.section-component.info-component .read-more a i {
    margin-left: 23px;
}

.content-hide {
    max-height: 350px;
}

.comunication .degerlendirme {
    color: #58585A;
    font-size: 15px;
    font-family: MR;
    padding: 10px;
}

.comment-message {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.section-component.info-component .description {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    font-weight: 400;
    overflow: hidden;
}

.section-component.info-component {
    background: #6B7280 url('https://res.cloudinary.com/sol-0123456789/image/upload/v1740231765/blue-2-22-2025-trukpnl/info-bg_ljgd3b.svg') no-repeat;
    background-position: top;
    margin-top: 200px;
}

.section-component.info-component span.heading {
    color: #fff;
    font-weigh: bold;
    font-size: 30px;
    position: relative;
}

.section-component.info-component .description {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    font-weight: 400;
    overflow: hidden;
}

.section-component.info-component .read-more {
    margin-top: 30px;
}

.section-component.info-component .read-more a {
    color: #fff;
    display: flex;
    cursor: pointer;
}

.services-count {
    margin-top: 93px;
    padding: 40px 0px;
}

@media screen and (max-width: 768px) {
    .section-component.info-component .services-count {
        display: none;
    }

    .section-component.info-component {
        background: #6B7280;
    }

    .read-more {
        margin-bottom: 95px;
    }
}

.services-count .item {
    display: flex;
    align-items: center;
}

.services-count .item .icon {
    margin-right: 53px;
    font-size: 40px;
}

.services-count .item .text {
    display: flex;
    flex-direction: column;
    font-size: 19px;
}

.services-count .item .text .small {
    font-size: 16px;
}

.services-count .item .text .high {
    font-size: 20px;
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid #e6ecff !important;
}

.accordion-button:not(.collapsed) {
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 #e6ecff !important;
}

.accordion-button:focus {
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 #e6ecff !important;
}

.starz a i {
    display: inline-flex;
    color: #eeca20;
    font-size: 14px;
}

div.stars {
    width: 100%;
    display: inline-block;
}

input.star {
    display: none;
}

label.star {
    float: right;
    padding: 10px;
    font-size: 15px;
    color: #444;
    transition: all .2s;
}

input.star:checked~label.star:before {
    content: '\f005';
    color: #FD4;
    transition: all .25s;
}

input.star-5:checked~label.star:before {
    color: #FD4;
}

input.star-1:checked~label.star:before {
    color: #F62;
}

label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}

label.star:before {
    content: '\f006';
    font-family: FontAwesome;
}

.alert-danger {
    font-size: 14px;
    font-family: MM;
    color: #FFFFFF;
    margin-bottom: 9px;
}

.mobileOpenMenu .content {
    background: #6B7280;
}

.mobileOpenMenu .content ul li {
    border-bottom: 1px solid #969ca6;
}

.mobileMenuArea .top {
    padding: 20px;
    border-bottom: 1px solid #969ca6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobileMenuArea .top img {
    height: auto;
    width: 173px;
    display: block;
}

.mobileMenuArea .mobileMenuClose {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #969ca6;
    border-radius: 2px;
    color: #fff;
    font-size: 18px;
}

.mobileMenuArea .top .mobileMenuClose span {
    position: relative;
    top: 2px;
}

.mobileOpenMenu .info {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mobileOpenMenu .info .item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.mobileOpenMenu .info .item .icon {
    min-width: 50px;
    height: 50px;
    font-size: 18px;
    color: white;
    background: #969ca6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.mobileOpenMenu .info .item .text {
    color: #FFFFFF;
    text-decoration: none;
}

.mobileOpenMenu .info .item .text span {
    color: #fff !important;
}

.services-count .item {
    display: flex;
    align-items: center;
}

.services-count .item .icon {
    margin-right: 53px;
    font-size: 40px;
}

.services-count .item .text {
    display: flex;
    flex-direction: column;
    font-size: 19px;
}

.services-count .item .text .small {
    font-size: 16px;
}

.services-count .item .text .high {
    font-size: 20px;
}

.OrderContent .orderInfo .item .select .selections.secondSelection {
    max-height: 300px !important;
    overflow-y: auto;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays button {
    width: 35% !important;
}

/* 
Fonts
*/
@font-face {
    font-family: ML;
    src: url(../fonts/Montserrat/Montserrat-Light.otf)
}

@font-face {
    font-family: MB;
    src: url(../fonts/Montserrat/Montserrat-Bold.otf);
}

@font-face {
    font-family: MSB;
    src: url(../fonts/Montserrat/Montserrat-SemiBold.otf);
}

@font-face {
    font-family: MR;
    src: url(../fonts/Montserrat/Montserrat-Regular.otf);
}

@font-face {
    font-family: MM;
    src: url(../fonts/Montserrat/Montserrat-Medium.otf);
}

@font-face {
    font-family: Socialize;
    src: url(../fonts/Socialize/Socialize.ttf);
}

/* ::-webkit-scrollbar{
width: 14px;
background: #6B7280;
border-radius: 9999px;
}
::-webkit-scrollbar-thumb{
border: 4px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
border-radius: 9999px;
background-color: #E6ECFF;

} */

/* Resets */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    border: none;
    list-style: none;
    transition: all 300ms;
}

html {
    overflow-x: hidden;
    background: #F5F6F7;
}

@media (min-width:2200px) {
    html {
        height: 100%;
    }
}

@media (max-width:2200px) {
    html {
        height: auto;
    }
}

html.dark {
    background: black !important;
}

body {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    background: #F5F6F7;
    /* display: flex;
justify-content: space-between; */
    height: 100%;
}

body.dark {
    background: black !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
p {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark p,
body.dark a,
body.dark span,
body.dark button,
body.dark ul li,
body.dark input,
body.dark input::placeholder,
body.dark select::placeholder,
body.dark textarea,
body.dark select,
body.dark textarea::placeholder {
    color: white !important;
    border-color: #23252E !important;
}

body.dark textarea,
body.dark input,
body.dark select {
    background: #23252E;
}

body.dark table {
    background: #0F1419;
}

body.dark table tr,
body.dark table td,
body.dark table th {
    border-color: #23252E !important;
    color: white !important;
}

/* rightContentCol , leftContentCol */

.rightContentCol>div:not(:first-child),
.leftContentCol>div:not(:first-child) {
    /* margin-top: 30px; */
}

.rightContentCol {
    padding-left: 0;
}


/* oneContents */
.oneContents>div:not(:first-child) {
    margin-top: 30px;
}



.alert-success {
    --bs-alert-color: #ffffff;
    --bs-alert-bg: #1ce441 !important;
    --bs-alert-border-color: #1ce441 !important;
}




/* 
Global Css
*/

.modalBgButton {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
    z-index: 10;
}

.content-bordered {
    border: 1px solid #E6ECFF;
}

body.dark .content-bordered {
    border-color: #292F34;
}

.content-border-radius {
    border-radius: 5px;
}

.content-bg-white {
    background: white;
}

body.dark .content-bg-white {
    background: #0F1419;
}

.Btn {
    border: none;
    outline: none;
    height: 40px;
    width: 100%;
    padding: 5px 15px;
    font-size: 12px !important;
    font-family: MB;
    transition: all 300ms;
    background: transparent;
}

.Btn.Btn-bg-blue {
    background: #6B7280;
}

.Btn.Btn-bg-white {
    background: #FFFFFF;
}

.Btn.Btn-bg-green {
    background: #4EBE86;
}

.Btn.Btn-white {
    color: white;
}

.Btn.Btn-blue {
    color: #6B7280;
}

.Btn.Btn-black {
    color: #0F1419;
}

.Btn.Btn-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Btn.Btn-bordered {
    border-radius: 5px;
}

.submit {
    margin-top: 25px;
}

.headerTextNoOutPadding {
    padding: 15px;
    border-bottom: 1px solid #E6ECFF;
}

body.dark .headerTextNoOutPadding {
    border-color: #23252E;
}

.headerTextNoOutPadding h3 {
    font-size: 18px;
    font-family: MB;
    color: #292C36;
}

.input {
    width: 100%;
    height: 50px;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    font-size: 14px;
    font-family: MM;
    color: #23252E;
    padding: 15px 19px;
}

body.dark .input {
    border-color: #23252E;
}

.disable-input-bg-transparent {
    background: transparent;
}

.textarea {
    width: 100%;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    font-size: 14px;
    font-family: MM;
    color: #23252E;
    padding: 15px 19px;
}

.textarea::placeholder {
    font-size: 14px;
    font-family: MM;
    color: #52667B;
}

.select {
    width: 100%;
    height: 50px;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    font-size: 14px;
    font-family: MM;
    color: #23252E;
    padding: 15px 13px;

}

.input.forCopy {
    background: #E6ECFF;
}

body.dark .input.forCopy {
    background: #3e4046;
}

.item-input-group {
    margin-top: 15px;
}

.item-input-group h4 {
    font-size: 14px;
    color: #23252E;
    font-family: MM;
    margin-bottom: 9px;
}


.info-ul {
    padding: 10px 28px;
}

.info-ul .topText h3 {
    font-size: 14px;
    font-family: MB;
    color: #292C36;
}

.info-ul ul li {
    font-size: 14px;
    font-family: MM;
    color: #292C36;
    margin: 10px 0;
}









/* dashboarTopProfile */
.dashboarTopProfile h5 {
    font-size: 14px;
    font-family: MB;
}









/* filterDiv */
.filterDiv {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.filterDiv>.filterItem {
    margin-left: 11px;
    position: relative;
}

.filterDiv>.filterItem .filterBtnFirst {
    transition: all 300ms;
}

.filterDiv>.filterItem .filterBtnFirst:hover {
    background: #6B7280;
    color: white;
}

.filterDiv>.filterItem .filterBtnFirst.active {
    background: #6B7280;
    color: white;
}

body.dark .filterDiv>.filterItem .filterBtnFirst:hover {
    background: #0F1419;
}

body.dark .filterDiv>.filterItem .filterBtnFirst {
    background: #0F1419;
}

body.dark .filterDiv>.filterItem .filterBtnFirst:hover {
    background: #6B7280;
    color: white;
}

body.dark .filterDiv>.filterItem .filterBtnFirst.active {
    background: #6B7280;
    color: white;
}

.filterDiv>.filterItem .filterDropDownDiv {
    position: absolute;
    top: 120%;
    right: 0;
    background: white;
    border: 1px solid #E6ECFF;
    border-radius: 10px;
    width: 288px;
    z-index: 100;
}

body.dark .filterDiv>.filterItem .filterDropDownDiv {
    background: #23252E;
    border-color: #292C36;
}

.filterDiv>.filterItem .filterDropDownDiv.hidden {
    display: none;
}

.filterDiv>.filterItem .filterDropDownDiv::before {
    content: " ";
    position: absolute;
    right: 40px;
    top: -5px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border-top: 1px solid #E6ECFF;
    border-left: 1px solid #E6ECFF;
    background: white;
}

body.dark .filterDiv>.filterItem .filterDropDownDiv::before {
    background: #23252E;
    border-color: #23252E;
}

.filterDropDownDiv .searchFilter {
    padding: 11px;
    width: 100%;
    font-size: 12px;
    font-family: MR;
    color: #23252E;
    border-bottom: 1px solid #E6ECFF;
}

.filterDropDownDiv .searchFilter input {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
}

.filterDiv>.filterItem .filterDropDownDiv ul li button {
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
    height: 34px;
    padding: 11px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    font-family: MR;
    color: #23252E;
    transition: all 300ms;
}

.filterDiv>.filterItem .filterDropDownDiv ul li button:hover {
    background: #F2F5FB;
}

body.dark .filterDiv>.filterItem .filterDropDownDiv ul li button:hover {
    background: #292F34;
}

.filterDiv>.filterItem .filterDropDownDiv ul li button i {
    margin-right: 10px;
    color: #6B7280;
}





/* main */
main.small {
    margin-top: 60px;
}








/* searchMainDiv */

.searchMainDiv {
    width: 100%;
    background: white;
    height: 80px;
    margin: 30px 0;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.dark .searchMainDiv {
    background: #0F1419;
}

.searchMainDiv .searchDiv {
    width: 100%;
    height: 100%;
    background: #F9FAFF;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 24px;
    padding-right: 10px;
}

body.dark .searchMainDiv .searchDiv {
    background: #23252E;
}

.searchMainDiv .searchDiv i {
    color: #52667B;

}

.searchMainDiv .searchDiv input {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    margin-left: 17px;
    font-size: 14px;
    font-family: MB;
    color: #52667B;
}

.searchMainDiv .searchDiv input::placeholder {
    font-size: 14px;
    font-family: MB;
    color: #52667B;
}

.searchMainDiv .searchDiv button {
    border: none;
    outline: none;
    background: #6B7280;
    color: white;
    width: 103px;
    height: 40px;
    border-radius: 30px;
    font-size: 14px;
    font-family: MB;
    transition: all 300ms;
    transform: translateX(0);
}

.searchMainDiv .searchDiv button:hover {
    transform: translateX(15px);
}

/* Swiper */



.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}























/* 
Sidebar
*/
.sidebar {
    width: 300px;
    background: white;
    position: relative;
    min-height: 100%;
    transition: all 300ms;
    border-right: 1px solid #eeeeee;
}

/*@media (min-width:992px){

.sidebar .content{

width: 300px;

}
} */

.closeScroll {
    overflow: hidden;
}

main {
    min-height: 1000px;
}

.sidebar .content {
    background: white;
    width: auto;
    transition: all 300ms;
    padding: 42px 0;
    position: fixed;
    height: 100%;
    overflow: visible;

    z-index: 100;
}

body.dark .sidebar .content {
    background: #0F1419;
    border-color: #333333;
}


body.dark .sidebar {
    background: #0F1419;
    border-color: #333333;
}

.sidebar.smallSidebar {
    width: 90px;
    /* padding: 47px 18px; */
}

.sidebar .notShowing {
    display: none !important;
}

.sidebar .logo {
    padding: 0 40px;
}

.sidebar.smallSidebar .logo {
    padding: 0;
}

.sidebar .logo img {
    object-fit: contain;
}



.sidebar .sidebarList {
    margin-top: 75px;
    margin-bottom: 30px;
}

.sidebar .sidebarList ul li {
    width: 100%;
}

.sidebar .sidebarList ul li a {
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 10px 0 40px;
    transition: all 300ms;
    border-radius: 5px;
    position: relative;
}

.sidebar.smallSidebar .sidebarList ul li a {
    padding: 0 5px;
}

body.dark .sidebar .sidebarList ul li a svg path {
    fill: white;
}

.sidebar .sidebarList ul li a:hover .explanation {
    right: -120px;
    opacity: 1;
    visibility: visible;
}

.sidebar .sidebarList ul li a .explanation {
    position: absolute;
    top: 50%;
    right: -80px;
    transform: translateY(-50%);
    background: white;
    width: 115px;
    height: 42px;
    border: 1px solid #E7E7E8;
    align-items: center;
    justify-content: center;
    transition: all 300ms;
    visibility: hidden;
    opacity: 0;
    display: none;
}

body.dark .sidebar .sidebarList ul li a .explanation {
    background: #292C36;
    border-color: #23252E;
}

.sidebar.smallSidebar .sidebarList ul li a .explanation {
    display: flex;

}

.sidebar .sidebarList ul li a .explanation::before {
    content: " ";
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background: white;
    border-left: 1px solid #E7E7E8;
    border-bottom: 1px solid #E7E7E8;
}

body.dark .sidebar .sidebarList ul li a .explanation::before {
    background: #292C36;
    border-color: #292C36;
}

.sidebar .sidebarList ul li a .explanation p {
    font-size: 12px;
    font-family: MSB;
    color: #0F1419;
    text-align: center;
}

.sidebar.smallSidebar .sidebarList ul li a {
    justify-content: center;
}

.sidebar .sidebarList ul li a::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #6B7280;
    transition: all 300ms;
}

.sidebar .sidebarList ul li a:hover::before {
    width: 4px;
}

.sidebar .sidebarList ul li.active a::before {
    width: 4px;
}

.sidebar .sidebarList ul li a .icon {
    margin-right: 12px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar .sidebarList ul li a .icon i {
    transition: all 300ms;
    color: #01133D;
    font-size: 25px;
}

body.dark .sidebar .sidebarList ul li a .icon i {
    color: white;
}

.sidebar .sidebarList ul li a:hover .icon i {
    color: #6B7280;
}

body.dark .sidebar .sidebarList ul li a:hover .icon i {
    color: #6B7280;
}

.sidebar .sidebarList ul li.active a .icon i {
    color: #6B7280;
}

body.dark .sidebar .sidebarList ul li.active a .icon i {
    color: #6B7280;
}

.sidebar.smallSidebar .sidebarList ul li a .icon {
    margin: 0 !important;
}

.sidebar .sidebarList ul li a .text p {
    font-size: 16px;
    font-family: MSB;
    color: #01133D;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    animation: 200ms textAni ease-in;
}

@keyframes textAni {
    0% {
        visibility: hidden;
        opacity: 0;
    }

    100% {
        visibility: visible;
        opacity: 1;
    }
}

.sidebar.smallSidebar .sidebarList ul li a .text {
    display: none;
}

.sidebar .sidebarList ul li a:hover p {
    color: #6B7280;

}

.sidebar .sidebarList ul li.active a p {
    color: #6B7280;

}

.sidebar .sidebarList ul li a .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.sidebar .sidebarList ul li a .text span {
    font-size: 12px;
    font-family: MM;
    color: #52535D;
}

.sidebar .showMore {
    padding: 0 40px;
    margin-bottom: 200px !important;
}

.sidebar.smallSidebar .showMore {
    padding: 0 0px;
}

.sidebar .showMore .showMoreBTN {
    border-radius: 5px;
}

.sidebar .showMore .showMoreBTN span {
    font-size: 15px;
}

.sidebar .showMore .showMoreBTN i {
    transition: all 300ms;
    transform: rotate(180deg);
}

.sidebar.smallSidebar .showMore .showMoreBTN {
    justify-content: center;
}

.sidebar.smallSidebar .showMore .showMoreBTN span {
    display: none;
}

.sidebar .showMore .showMoreBTN.active i {
    transform: rotate(0deg);
}

.sidebar .showMore .showMoreContent {
    transition: all 300ms;
}

.sidebar .showMore .showMoreContent.hidden {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
}

.sidebar .showMore .showMoreContent {
    transform: translateY(0px);

}

.sidebar .showMore .showMoreContent ul {
    margin-top: 26px;
    background: #f8f8f8;
    border-radius: 5px;
    padding: 14px 10px;
}

body.dark .sidebar .showMore .showMoreContent ul {
    background: #292C36;
}

.sidebar .showMore .showMoreContent ul li a {
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.sidebar .showMore .showMoreContent ul li a .icon i {
    transition: all 300ms;
    color: #01133D;
    font-size: 25px;
}

body.dark .sidebar .showMore .showMoreContent ul li a .icon i {
    color: white;
}

.sidebar .showMore .showMoreContent ul li a:hover .icon i {
    color: #6B7280;
}

body.dark .sidebar .showMore .showMoreContent ul li a:hover .icon i {
    color: #6B7280;
}

.sidebar .showMore .showMoreContent ul li.active a .icon i {
    color: #6B7280;
}

body.dark .sidebar .showMore .showMoreContent ul li a svg path {
    fill: white;
}

.sidebar .showMore .showMoreContent ul li a:hover .explanation {
    right: -140px;
    opacity: 1;
    visibility: visible;
}

.sidebar .showMore .showMoreContent ul li a .explanation {
    position: absolute;
    top: 50%;
    right: -80px;
    transform: translateY(-50%);
    background: white;
    width: 115px;
    height: 42px;
    border: 1px solid #E7E7E8;
    align-items: center;
    justify-content: center;
    transition: all 300ms;
    visibility: hidden;
    opacity: 0;
    display: none;
}

body.dark .sidebar .showMore .showMoreContent ul li a .explanation {
    background: #292C36;
    border-color: #23252E;
}

.sidebar .showMore .showMoreContent ul li a .explanation::before {
    content: " ";
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background: white;
    border-left: 1px solid #E7E7E8;
    border-bottom: 1px solid #E7E7E8;
}

body.dark .sidebar .showMore .showMoreContent ul li a .explanation::before {
    background: #292C36;
    border-color: #292F34;
}

.sidebar.smallSidebar .showMore ul li a .explanation p {
    font-size: 12px;
    font-family: MSB;
    color: #0F1419;
    text-align: center;
}

.sidebar.smallSidebar .showMore .showMoreContent ul li a .explanation {
    display: flex;

}

.sidebar.smallSidebar .showMore .showMoreContent ul li a {
    justify-content: center;
}

.sidebar .showMore .showMoreContent ul li a .icon {
    margin-right: 12px;
}

.sidebar.smallSidebar .showMore .showMoreContent ul li a .icon {
    margin: 0 !important;
}

.sidebar .showMore .showMoreContent ul li a .text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar.smallSidebar .showMore .showMoreContent ul li a .text {
    display: none;
}

.sidebar .showMore .showMoreContent ul li a .text p {
    color: #0F1419;
    font-size: 13px;
    font-family: MSB;
}

.sidebar .showMore .showMoreContent ul li a:hover .text p {
    color: #6B7280;
}

/*
Dashboard Content 
*/
.dashboardContent {
    transition: all 300ms;
    width: 100% !important;
    padding-left: 300px !important;
}

.dashboardContent.bigDashboard {
    padding-left: 90px !important;
}

.dark .dashboardContent label {
    color: #fff !important;
}

@media (min-width:992px) {
    .sidebarScrollClose .dashboardContent {
        padding-left: 90px !important;
    }
}

@media (max-width:992px) {
    .sidebarScrollClose .dashboardContent {
        padding-left: 0px !important;
    }
}

.smallSidebar .content {
    width: 90px !important;
}

.dashboardContent header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    height: 60px;
    padding: 0 30px;
    z-index: 1000;
}

.dashboardContent header.small {
    position: fixed;
    top: 0;
    left: 0;
}

.dashboardContent header .closeOpenSidebarDiv {
    transition: all 300ms;
}

.dashboardContent header .closeOpenSidebarDiv button {
    background: transparent;
    border: none;
    outline: none;
}

.dashboardContent header .closeOpenSidebarDiv button .line {
    background: #6B7280;
    display: block;
    height: 3px;
    border-radius: 3px;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 26px;
}

.dashboardContent header .closeOpenSidebarDiv button .line:nth-child(1) {
    width: 20px;
}

.dashboardContent header .closeOpenSidebarDiv button .line:nth-child(3) {
    width: 22px;
}

.dashboardContent header .closeOpenSidebarDiv button:hover .line:nth-child(1) {
    width: 26px;
}

.dashboardContent header .closeOpenSidebarDiv button:hover .line:nth-child(3) {
    width: 26px;
}

.dashboardContent header .closeOpenSidebarDiv button.small .line:nth-child(1),
.dashboardContent header .closeOpenSidebarDiv button.small .line:nth-child(3) {
    width: 10px;
    height: 2px;
}

.dashboardContent header .closeOpenSidebarDiv button.small .line:nth-child(1) {
    -webkit-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
}

.dashboardContent header .closeOpenSidebarDiv button.small .line:nth-child(3) {
    -webkit-transform: translateY(-4px) rotate(-45deg);
    transform: translateY(-4px) rotate(-45deg);
}

.dashboardContent header .closeOpenSidebarDiv button.small .line:nth-child(2) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    width: 22px;
    height: 2px;
}


.dashboardContent header .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

body.dark .dashboardContent header {
    background: #0F1419;
}

.dashboardContent header .right>div {
    margin: 0 7.5px;
    position: relative;
}

.dashboardContent header .balance {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #6B7280;
    border-radius: 3px;
    width: auto;
    height: 29px;
    padding: 7px 10px;
}

.dashboardContent header .balance p {
    color: white;
    font-size: 14px;
    font-family: MB;
}

.dashboardContent header button {
    background: transparent;
    border: none;
    outline: none;
    font-size: 15px !important;
    color: black !important;
}

body.dark .dashboardContent header button {
    background: transparent;
    border: none;
    outline: none;
    font-size: 15px !important;
    color: white !important;
}

.dashboardContent header button.notificationsBTN {
    position: relative;
}

.dashboardContent header button.notificationsBTN span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgba(47, 90, 255, 1);
    color: white;
    font-family: MB;
    position: absolute;
    top: -3px;
    right: -5px;
    font-size: 10px;
}

.dashboardContent header .balance button {
    color: white;
    font-size: 14px;
    margin-left: 10px;
}

.dashboardContent header .profile .dropdownProfile {
    position: absolute;
    right: -160%;
    top: 190%;
    background: white;
    width: 290px;
    border: 1px solid #E6ECFF;
    border-radius: 10px;
    transition: all 300ms;
    z-index: 100;
    height: auto;
    overflow-y: auto;
}

.dashboardContent header .profile .dropdownProfile::-webkit-scrollbar {
    width: 14px;
    background: #6B7280;
    border-radius: 9999px;
}

.dashboardContent header .profile .dropdownProfile::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: #E6ECFF;

}

body.dark .dashboardContent header .profile .dropdownProfile {
    background: #0F1419;
    border-color: #23252E;
}

.dashboardContent header .profile .dropdownProfile.hidden {
    visibility: 0;
    opacity: 0;
    top: 180%;
    display: none;
}

.dashboardContent header .profile .dropdownProfile::before {
    content: " ";
    height: 10px;
    width: 10px;
    position: absolute;
    right: 25px;
    top: -5px;
    transform: rotate(45deg);
    background: white;
    border-top: 1px solid #E6ECFF;
    border-left: 1px solid #E6ECFF;
}

body.dark .dashboardContent header .profile .dropdownProfile::before {
    background: #0F1419;
    border-color: #0F1419;
}

.dashboardContent header .profile .dropdownProfile .top {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 23px 11px;
    border-bottom: 1px solid #E6ECFF;
}

body.dark .dashboardContent header .profile .dropdownProfile .top {
    border-color: #23252E;
}

.dashboardContent header .profile .dropdownProfile .top .logo {
    margin-right: 10px;
}

.dashboardContent header .profile .dropdownProfile .top .info h3 {
    color: #23252E;
    font-size: 14px;
    font-family: MB;
}

.dashboardContent header .profile .dropdownProfile .top .info p {
    color: #23252E;
    font-size: 12px;
    font-family: MR;
}

.dashboardContent header .profile .dropdownProfile .dropdownList li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 6px 25px;
    border-bottom: 1px solid #E6ECFF;
    transition: all 300ms;
}

.dashboardContent header .profile .dropdownProfile .dropdownList li a:hover {
    background: #E6ECFF;
}

body.dark .dashboardContent header .profile .dropdownProfile .dropdownList li a:hover {
    background: #3e4046;
}

.dashboardContent header .profile .dropdownProfile .dropdownList li a .icon {
    margin-right: 21px;
}

.dashboardContent header .profile .dropdownProfile .dropdownList li a .icon i {
    font-size: 20px;
    color: #23252E;
}

body.dark .dashboardContent header .profile .dropdownProfile .dropdownList li a .icon i {
    color: white;
}

.dashboardContent header .profile .dropdownProfile .dropdownList li a .text p {
    font-size: 14px;
    font-family: MB;
    color: #23252E;
}

.dashboardContent header .profile .dropdownProfile .dropdownList li a .text span {
    font-size: 12px;
    font-family: MR;
    color: #23252E;

}



.showHiddenBalance i {
    color: #FFFFFF !important;
}

.dropdownList .text span.current-balance {
    font-family: 'MB' !important;
    font-size: 14px !important;
}





.dashboardContent header .bars .dropdownBars {
    position: absolute;
    right: -200%;
    top: 190%;
    background: white;
    width: 290px;
    border: 1px solid #E6ECFF;
    border-radius: 10px;
    transition: all 300ms;
    z-index: 100;
    height: 500px;
    overflow-y: auto;

}

.dashboardContent header .bars .dropdownBars::-webkit-scrollbar {
    width: 14px;
    background: #6B7280;
    border-radius: 9999px;
}

.dashboardContent header .bars .dropdownBars::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: #E6ECFF;

}

body.dark .dashboardContent header .bars .dropdownBars {
    background: #0F1419;
    border-color: #23252E;
}

.dashboardContent header .bars .dropdownBars.hidden {
    visibility: 0;
    opacity: 0;
    top: 180%;
    display: none;

}

.dashboardContent header .bars .dropdownBars::before {
    content: " ";
    height: 10px;
    width: 10px;
    position: absolute;
    right: 35px;
    top: -5px;
    transform: rotate(45deg);
    background: white;
    border-top: 1px solid #E6ECFF;
    border-left: 1px solid #E6ECFF;
}

body.dark .dashboardContent header .bars .dropdownBars::before {
    background: #0F1419;
    border-color: #0F1419;
}

.dashboardContent header .bars .dropdownBars .dropdownList {
    padding-top: 10px;
}

.dashboardContent header .bars .dropdownBars .dropdownList li {
    width: 100%;
    border-bottom: 1px solid #E6ECFF;
    padding: 20px 30px;
}

.dashboardContent header .bars .dropdownBars .dropdownList li:last-child {
    border: none;
}

.dashboardContent header .bars .dropdownBars .dropdownList li h5 {
    font-size: 14px;
    font-family: MB;
    color: #23252E;
    margin-bottom: 8px;
}

.dashboardContent header .bars .dropdownBars .dropdownList li p {
    font-size: 14px;
    font-family: MM;
    color: #99A1B1;
}

.dashboardContent header .bars .dropdownBars .dropdownList li a {
    color: #6B7280;
    margin-top: 8px;
}


















.dashboardContent header .notifications .dropdownNotifications {
    position: absolute;
    right: -200%;
    top: 190%;
    background: white;
    width: 320px;
    border: 1px solid #E6ECFF;
    border-radius: 10px;
    transition: all 300ms;
    z-index: 100;
    height: 500px;
    overflow-y: auto;

}

.dashboardContent header .notifications .dropdownNotifications::-webkit-scrollbar {
    width: 14px;
    background: #6B7280;
    border-radius: 9999px;
}

.dashboardContent header .notifications .dropdownNotifications::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: #E6ECFF;

}

body.dark .dashboardContent header .notifications .dropdownNotifications {
    background: #0F1419;
    border-color: #23252E;
}

.dashboardContent header .notifications .dropdownNotifications.hidden {
    visibility: 0;
    opacity: 0;
    top: 180%;
    display: none;

}

.dashboardContent header .notifications .dropdownNotifications::before {
    content: " ";
    height: 10px;
    width: 10px;
    position: absolute;
    right: 35px;
    top: -5px;
    transform: rotate(45deg);
    background: white;
    border-top: 1px solid #E6ECFF;
    border-left: 1px solid #E6ECFF;
}

body.dark .dashboardContent header .notifications .dropdownNotifications::before {
    background: #0F1419;
    border-color: #0F1419;
}

.dashboardContent header .notifications .dropdownNotifications .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 23px 11px;
    border-bottom: 1px solid #E6ECFF;
}

body.dark .dashboardContent header .notifications .dropdownNotifications .top {
    border-color: #23252E;
}

.dashboardContent header .notifications .dropdownNotifications .top>div:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboardContent header .notifications .dropdownNotifications .top .logo {
    margin-right: 10px;
}

.dashboardContent header .notifications .dropdownNotifications .top .info h3 {
    color: #23252E;
    font-size: 12px;
    font-family: MB;
}

.dashboardContent header .notifications .dropdownNotifications .top .info p {
    color: #23252E;
    font-size: 12px;
    font-family: MR;
}

.dashboardContent header .notifications .dropdownNotifications .top button {
    border: none;
    outline: none;
    background: #F3F6FD;
    border-radius: 3px;
    color: #99A1B1 !important;
    font-size: 12px !important;
    font-family: MB;
    width: 98px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

body.dark .dashboardContent header .notifications .dropdownNotifications .top button {
    background: #292F34;
}

.dashboardContent header .notifications .dropdownNotifications .dropdownList li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 21px 13px;
    border-bottom: 1px solid #E6ECFF;
}

.dashboardContent header .notifications .dropdownNotifications .dropdownList li:last-child {
    border: none;
}

.dashboardContent header .notifications .dropdownNotifications .dropdownList li .icon {
    padding-right: 17px;
}

.dashboardContent header .notifications .dropdownNotifications .dropdownList li .icon .iconWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #F3F6FD;
    position: relative;
}

body.dark .dashboardContent header .notifications .dropdownNotifications .dropdownList li .icon .iconWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #2a2e34;
    position: relative;
}

.dashboardContent header .notifications .dropdownNotifications .dropdownList li .icon .iconWrapper::before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #6B7280;
}

.dashboardContent header .notifications .dropdownNotifications .dropdownList li .icon .iconWrapper i {
    color: #6B7280;
    font-size: 16px;
}

.dashboardContent header .notifications .dropdownNotifications .dropdownList li .content span {
    font-size: 12px;
    font-weight: MB;
    color: #99A1B1;
}

.dashboardContent header .notifications .dropdownNotifications .dropdownList li .content p {
    font-size: 12px;
    font-weight: MB;
    color: #23252E;
    margin: 17px 0;
}














/* dashboard main */

.dashboardContent main {
    padding: 30px;
}

.dashboardContent .dashboardTop {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #6B7280;
    border-radius: 5px;
    padding: 18px 45px;
    margin-bottom: 30px;
}

body.dark .dashboardContent .dashboardTop {
    background: #0F1419;
}

.dashboardContent .dashboardTop .content {
    margin-left: 48px;
}

.dashboardContent .dashboardTop .content h5 {
    font-size: 14px;
    font-weight: MB;
    color: #fff;
}

.dashboardContent .dashboardTop .content p {
    color: #fff;
    font-size: 12px;
    font-family: MM;
    margin: 13px 0;
}

.dashboardContent .dashboardTop .content button {
    background: transparent;
    border: none;
    outline: none;
    color: #0F1419;
    font-size: 14px;
    font-family: MB;
}

.dashboardContent .dashboardTop .content button i {
    margin-left: 10px;
    transition: all 300ms;
}

.dashboardContent .dashboardTop .content button:hover i {
    margin-left: 20px;
}





/* Orders Page */
.dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .item textarea,
.dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .item input {
    background: transparent;
    outline: none;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    font-size: 14px;
    font-family: MM;
    color: #23252E;
    width: 100%;
    padding: 15px 19px;
}

.dark .border-solid {
    color: #fff !important;
}

.border-solid {
    color: #23252E;
    color: #23252E;
    width: 100%;
    padding: 15px 19px;
    background: transparent;
    outline: none;
    border: 1px solid #E6ECFF;
}

.min-max {
    color: #6B7280;
    font-size: 14px;
    font-family: MM;
}

.dashboardContent label {
    font-size: 14px;
    font-family: MM;
    color: #23252E;
    margin-bottom: 9px;
}

.dashboardContent .form-control {
    background: transparent;
    outline: none;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    font-size: 14px;
    font-family: MM;
    color: #23252E;
    width: 100%;
    padding: 15px 19px;
}

.form-control {
    border: 1px solid #e6ecff !important;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .tabContent {
    display: none;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .tabContent.active {
    display: block;
    padding: 20px;
}

.submit {
    margin-top: 25px;
    display: flex;
    gap: 10px;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 40px;
    background: transparent;
    border-right: 1px solid #E6ECFF;
    border-bottom: 1px solid #E6ECFF;
    font-size: 12px;
    font-family: MB;
    color: #292C36;
    transition: all 300ms;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays button:hover {
    background: #f4f7ff;
}

body.dark .dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays button:hover {
    background: #23252E;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays button:last-child {
    border-right: none;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays button.active {
    background: #E6ECFF;
}

body.dark .dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays button.active {
    background: #292C36;
}


.dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 40px;
    background: transparent;
    border-right: 1px solid #E6ECFF;
    border-bottom: 1px solid #E6ECFF;
    font-size: 12px;
    font-family: MB;
    color: #292C36;
    transition: all 300ms;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays a:hover {
    background: #f4f7ff;
}

body.dark .dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays a:hover {
    background: #23252E;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays a:last-child {
    border-right: none;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays a.active {
    background: #E6ECFF;
}

body.dark .dashboardContent .doubleContents .leftContentCol .OrderContent .orderWays a.active {
    background: #292C36;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .item {
    padding: 11px 21px;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .item h4 {
    font-size: 14px;
    font-family: MM;
    color: #23252E;
    margin-bottom: 9px;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .item p.minMaxQuantity {
    color: #6B7280;
    font-size: 14px;
    font-family: MM;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .item textarea,
.dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .item input {
    background: transparent;
    outline: none;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    font-size: 14px;
    font-family: MM;
    color: #23252E;
    width: 100%;
    padding: 15px 19px;
}

body.dark .dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .item textarea,
body.dark .dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .item input {
    border-color: #23252E;
    color: white;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .item textarea::placeholder,
.dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .item input::placeholder {
    font-size: 14px;
    font-family: MM;
    color: #23252E;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .item textarea {
    height: 226px;
    min-height: 226px;
    max-height: 226px;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .submit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 19px;
    padding-top: 0;
}

.dashboardContent .doubleContents .leftContentCol .OrderContent .orderInfo .submit button {
    width: 40%;
    margin-right: 24px;
}


.OrderContent .orderInfo .item .select {
    width: 100%;
    height: 50px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #E6ECFF;
    display: flex;
    align-items: center;
    padding: 15px;
}

body.dark .OrderContent .orderInfo .item .select {
    border-color: #23252E;
}

.OrderContent .orderInfo .item .select .selectedContent {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.OrderContent .orderInfo .item .selectedContent .text {
    width: 100%;

}

.OrderContent .orderInfo .item .select .selectedText {
    color: #23252E;
    font-size: 14px;
    font-family: MM;
}

.OrderContent .orderInfo .item .select .selectedText i {
    margin-right: 10px;
}

.OrderContent .orderInfo .item .select .selections.selectonsMain {
    position: absolute;
    top: 102%;
    left: 0;
    background: white;
    width: 100%;
    margin-top: 10px;
    z-index: 100;
    box-shadow: rgb(99 99 99 / 20%) 0px 10px 8px 0px;
    border-radius: 0 0 10px 10px;
    border: 1px solid #E6ECFF;
}

.OrderContent .orderInfo .item .select .selections.secondSelection {
    max-height: 250px;
    overflow-y: auto;
}

.OrderContent .orderInfo .item .select .selections .topCon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 13px;
    padding-bottom: 5px;
    border-bottom: 1px solid #E6ECFF;
}

.OrderContent .orderInfo .item .select .selections .topCon button {
    background: transparent;
    outline: none;
    border: none;
    font-size: 20px;
}

.OrderContent .orderInfo .item .select .selections .topCon button i {
    font-size: 20px;
}

.OrderContent .orderInfo .item .select .selections .topCon h3 {
    font-size: 14px;
    font-family: MM;
    color: #23252E;
}

body.dark .OrderContent .orderInfo .item .select .selections {
    background: #292C36;
}

.OrderContent .orderInfo .item .select .selections::-webkit-scrollbar {
    width: 14px;
    background: #6B7280;
    border-radius: 9999px;
}

.OrderContent .orderInfo .item .select .selections::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: #E6ECFF;
}


.OrderContent .orderInfo .item .select .selections.hidden {
    display: none;
}

.OrderContent .orderInfo .item .select .selections li {
    cursor: pointer;
    height: 45px;
    width: 100%;
    border-bottom: 1px solid #E6ECFF;
    display: flex;
    align-items: center;
    padding: 14px;
    transition: all 300ms;
}

.OrderContent .orderInfo .item .select .selections li:hover {
    background: #E6ECFF;
}

.OrderContent .orderInfo .item .select .selections li i {
    margin-right: 10px;
}










.OrderContent .orderInfo .item .select.selectForService {
    width: 100%;
    height: 50px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #E6ECFF;
    display: flex;
    align-items: center;
    padding: 15px;

}

body.dark .OrderContent .orderInfo .item .select.selectForService {
    border-color: #23252E;
}

.OrderContent .orderInfo .item .select.selectForService .selectedContentService {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService.mainSelection {
    position: absolute;
    top: 102%;
    left: 0;
    width: 100%;
    background: white;
    z-index: 100;
    margin-top: 10px;
    box-shadow: rgb(99 99 99 / 20%) 0px 10px 8px 0px;
    border-radius: 0 0 10px 10px;
    border: 1px solid #E6ECFF;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService.mainSelection ul {
    height: 400px;
    overflow-y: auto;

}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService.hidden {
    display: none;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService .topCon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 13px;
    border-bottom: 1px solid #E6ECFF;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService .topCon button {
    background: transparent;
    outline: none;
    border: none;
    font-size: 20px;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService .topCon button i {
    font-size: 20px;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService .topCon h3 {
    font-size: 14px;
    font-family: MM;
    color: #23252E;
}

body.dark .OrderContent .orderInfo .item .select.selectForService .selectionsForService {
    background: #23252E;
}

.OrderContent .orderInfo .item .select .selectionsForService::-webkit-scrollbar {
    width: 14px;
    background: #6B7280;
    border-radius: 9999px;
}

.OrderContent .orderInfo .item .select .selectionsForService::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: #E6ECFF;

}



.OrderContent .orderInfo .item .select.selectForService .selectionsForService li {
    cursor: pointer;
    width: 100%;
    border-bottom: 1px solid #E6ECFF;
    padding: 14px;
    background: white;
    transition: all 300ms;
}

body.dark .OrderContent .orderInfo .item .select.selectForService .selectionsForService li {
    background: #292C36;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .serviceSelectionContent {
    position: relative;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .serviceSaveBTN {
    position: absolute;
    bottom: 00px;
    right: 0px;
    border: none;
    outline: none;
    width: 25px;
    height: 25px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #6B7280;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li:hover {
    background: #E6ECFF;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .mainValueText {
    color: #292C36;
    font-size: 14px;
    font-family: MB;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .pieceDiv {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .pieceDiv p {
    font-size: 12px;
    color: #292C36;
    font-family: MR;
    margin-right: 10px;

}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .pieceDiv p span {
    font-size: bold;
    font-family: MB;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .minAndmax {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 8px;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .minAndmax p {
    font-size: 12px;
    color: #292C36;
    font-family: MR;
    margin-right: 10px;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .minAndmax p span {
    font-size: bold;
    font-family: MB;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .minAndmax p.clockText {
    color: #6B7280;
    font-family: MR;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .minAndmax p.clockText span {
    font-family: MR;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .serviceKind {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 5px;
    max-width: 190px;

}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .serviceKind p {
    color: white;
    font-size: 12px;
    font-family: MM;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .serviceKind p i {
    margin-right: 5px;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .serviceKind.guarrantedKind {
    background: #4EBE86;
}


.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .serviceKind.canBeCanceledKind {
    background: #6B7280;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .serviceKind.suggestedKind {
    background: #4F46E5;
}

.OrderContent .orderInfo .item .select.selectForService .selectionsForService li .serviceKind.timeOrderKind {
    background: #E7405C;
}








.OrderContentRight .top {
    width: 100%;
    display: flex;
    padding: 10px 12px;
    justify-content: space-between;
    align-items: center;
}

.OrderContentRight .top h4 {
    font-size: 16px;
    color: #292C36;
    font-weight: bold;
    font-family: MB;
}

.OrderContentRight .top .search {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid #E6ECFF;
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

body.dark .OrderContentRight .top .search {
    background: black;
    border-color: #23252E;
}

.OrderContentRight .top .search input {
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
    padding-left: 15px;
    font-size: 12px;
    color: #292C36;
    font-family: MM;
}

.OrderContentRight .top .search input::placeholder {
    font-size: 12px;
    color: #292C36;
    font-family: MM;
}

.OrderContentRight .top .search i {
    width: 10%;
    padding: 10px;
    color: #B8BFCD;
}

.OrderContentRight .mainText {
    background: #E6ECFF;
    padding: 16px 15px;
}

body.dark .OrderContentRight .mainText {
    background: #292F34;
}

.OrderContentRight .mainText p {
    font-size: 12px;
    color: #23252E;
    font-weight: bold;
    font-family: MB;
}

.OrderContentRight .infos {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 29px 12px;
}

.OrderContentRight .infos .infoDiv {
    width: 49%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 5px 0;
}

.OrderContentRight .infos .infoDiv .infoIcon i {
    margin-right: 10px;
    color: #B8BFCD;
    font-size: 17px;
}

.OrderContentRight .infos .infoDiv:last-child .infoIcon {
    margin-right: 10px;
}

.OrderContentRight .infos .infoDiv .infoText h4 {
    color: #292C36;
    font-size: 14px;
    font-weight: bold;
    font-family: MB;
}

.OrderContentRight .infos .infoDiv .infoText p {
    color: #292C36;
    font-size: 14px;
    font-family: MM;
}

.OrderContentRight .mainInfoText {
    padding: 18px 12px;
    border-top: 1px solid #E6ECFF;
}

.OrderContentRight .mainInfoText h3 {
    font-size: 14px;
    color: #292C36;
    font-weight: bold;
    font-family: MB;
    margin-bottom: 10px;
}

.OrderContentRight .mainInfoText ul {
    margin: 0;
}

.OrderContentRight .mainInfoText ul li {
    font-size: 14px;
    font-family: MM;
    color: #292C36;
}

.OrderContentRight .topText {
    border-bottom: 1px solid #E6ECFF;
}

.OrderContentRight .topText h3 {
    font-size: 18px;
    font-family: MB;
}

.OrderContentRight.textsContent .textContent,
.OrderContentRight .topText {
    padding: 15px;
}

.OrderContentRight.textsContent:not(:first-child) {
    margin-top: 20px;
}

.OrderContentRight.textsContent .texts ul li {
    font-size: 14px;
    font-family: MM;
    margin: 10px 0;
}


















/* Most Asking Questions Page */

.mostAskingQuestions .item .topTexts {
    padding: 8px 2px;
    border-bottom: 1px solid #E6ECFF;
    margin: 16px 0;
}

body.dark .mostAskingQuestions .item .topTexts {
    border-color: #23252E;
}

.mostAskingQuestions .item .topTexts h4 {
    font-size: 14px;
    font-family: MM;
    color: #23252E;
}

.mostAskingQuestions .item .topTexts p {
    font-size: 12px;
    font-family: MR;
    color: #23252E;
    margin-top: 9px;
}

.mostAskingQuestions .item .accordion-button {
    background: white;
    font-size: 14px;
    font-family: MM;
    color: #23252E;
}

body.dark .mostAskingQuestions .item .accordion-button {
    background: #0F1419;
}

body.dark .mostAskingQuestions .item .accordion-item {
    border-color: #23252E;
}

.mostAskingQuestions .item .accordion-body {
    font-size: 12px;
    font-family: MM;
    color: #292C36;
}

body.dark .mostAskingQuestions .item .accordion-body {
    background: #23252E;
    color: white;
}

body.dark .accordion-item:first-of-type .accordion-button {
    box-shadow: none;
}

body.dark .mostAskingQuestions .item .accordion-item {
    border: none;
}

/* User Agreement */

.userAgreement .tabWays {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.userAgreement .tabWays button {
    outline: none;
    width: 260px;
    height: 64px;
    background: white;
    color: #52667B;
    font-size: 16px;
    font-family: MB;
}

body.dark .userAgreement .tabWays button {
    background: #0F1419;
}

.userAgreement .tabWays button.active {
    background: #E6ECFF;
}

body.dark .userAgreement .tabWays button.active {
    background: #23252E;
}

.userAgreement .tabContent {
    background: white;
    margin-top: 29px;
    border-radius: 5px;
    padding: 24px 26px;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms;
    display: none;
}

body.dark .userAgreement .tabContent {
    background: #0F1419;
}

.userAgreement .tabContent.active {

    display: block;
}

.userAgreement .tabContent.active2 {
    visibility: visible;
    opacity: 1;
}

.userAgreement .tabContent .headerText {
    border-bottom: 1px solid #707070;
    padding: 17px 0;
}

.userAgreement .tabContent .headerText h3 {
    font-size: 16px;
    font-family: MB;
    color: #52667B;
}

.userAgreement .tabContent .agreementContent .texts .text h4 {
    font-size: 18px;
    font-family: MB;
    color: #52667B;
    margin-top: 20px;
}

.userAgreement .tabContent .agreementContent .texts .text p,
.userAgreement .tabContent .agreementContent .texts .text a {
    font-size: 14px;
    font-family: MR;
    color: #52667B;
    margin: 10px 0;
}














/* PartnerShip Content */
.partnerShipContent {
    background: white;
    border-radius: 5px;
}

.partnerShipContent .related {
    padding: 15px;
}

.partnerShipContent .related .hosting .topText h3 {
    font-size: 14px;
    font-family: MM;
    color: #23252E;
}

.partnerShipContent .related .hosting {
    border-bottom: 1px solid #E6ECFF;
    padding-bottom: 15px;
}

.partnerShipContent .related .submit {
    margin-top: 15px;
}

.partnerShipContent .related .submit button {
    width: 140px;
}








/* HostingRightContent  */
.HostingRightContent .info-ul {
    padding: 10px 16px;
}

/* SeoRightContent  */
.SeoRightContent .info-ul {
    padding: 10px 16px;
}

/* UserManagementRightContent  */
.UserManagementRightContent .info-ul {
    padding: 10px 16px;
}














/* orderManagementContent */

.orderManagementContent {
    background: white;
}

.orderManagementContent .orderManagement {
    padding: 10px 8px;
}

.orderManagementContent .orderManagement ul li {
    font-size: 14px;
    font-family: MM;
    color: #292C36;
    margin: 10px;
}





/* inviteAttendesContent */

.inviteAttendesContent {
    padding: 10px 14px;
}

.inviteAttendesContent .inviteAttendesInfo {
    font-size: 14px;
    font-family: MR;
    color: #292C36;
    margin-top: 9px;
}



/* TermsOfuseContent  */
.TermsOfuseContent .info-ul {
    padding: 10px 17px;
}



/* refeacneSystemInfos */
.refeacneSystemInfos {
    padding: 15px;
}

.refeacneSystemInfos>div:nth-child(2) {
    margin-top: 30px;
}

.refeacneSystemInfos .submit {
    margin-top: 23px;
}

.refeacneSystemInfos .submit button {
    width: 192px;
}

.refeacneSystemInfos .referanceItem {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 19px;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    margin: 3px 0;
}

body.dark .refeacneSystemInfos .referanceItem {
    border-color: #23252E;
}

.refeacneSystemInfos .referanceItem.referanceItemDisable {
    background: #E6ECFF;
}

body.dark .refeacneSystemInfos .referanceItem.referanceItemDisable {
    background: #292C36;
}

.refeacneSystemInfos .referanceItem p {
    font-size: 14px;
    font-family: MM;
    color: #23252E;
}










/* passwordRightContent */
.passwordRightContent .content {
    padding: 15px;
}

/* languageRightContent */
.languageRightContent .content {
    padding: 15px;
}






/* profileContent */
.profileContent .content {
    padding: 15px;
}





/* servicesContent */
.servicesContent .content {
    background: white;
}

body.dark .servicesContent .content {
    border: none;
}

.servicesContent .content .topText {
    padding: 17px 9px;
    border-bottom: 1px solid #E6ECFF;
}

body.dark .servicesContent .content .topText {
    background: #292C36;
    border-color: #23252E;
}

.servicesContent .content .topText h2 {
    font-size: 14px;
    font-family: MB;
    color: #23252E;
}

.servicesContent .content .topText h2 i {
    margin-right: 8px;
}




.servicesContent .content table {
    width: 100%;
    overflow-y: scroll;
}

.servicesContent .content table tr {
    padding: 9px;
    border-bottom: 1px solid #E6ECFF;
}

.servicesContent .content table tr:last-child {
    border: none;
}

.servicesContent .content table th {
    font-size: 14px;
    font-family: MB;
    color: #23252E;
    padding: 9px;
}

.servicesContent .content table td {
    padding: 9px;

}

.servicesContent .content table td,
.servicesContent .content table td p {
    color: #23252E;
    font-size: 14px;
    font-family: MM;
}

@media (max-width:992px) {

    .servicesContent .content table td,
    .servicesContent .content table td p {
        color: #23252E;
        font-size: 14px;
        font-family: MM;
        width: 600px;
    }
}

.servicesContent .content table td span {
    color: #FE5252;
}

.servicesContent .content table th,
.servicesContent .content table td {
    border-right: 1px solid #E6ECFF;
}

.servicesContent .content table tr td:last-child {
    border-right: 0;
}









/* payMethods */
.payMethods {
    padding: 32px 35px;
}

.payMethods label {
    width: 100%;
    margin: 7.5px 0;
    cursor: pointer;
}

.payMethods label.selected {
    border-radius: 5px;
}

.payMethods label .mainContent {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 70px;
    border: 1px solid #E6ECFF;
    border-radius: 5px 5px 0 0;
    padding: 17px 24px;
}

body.dark .payMethods label .mainContent {
    border-color: #23252E;
}

.payMethods label.selected .mainContent {
    background: #E6ECFF;

}

body.dark .payMethods label.selected .mainContent {
    background: #292C36;
}

.payMethods label .mainContent input {
    margin-right: 16px;
    width: 30px;
    height: 16px;
}

.payMethods label .mainContent .text h5 {
    font-size: 14px;
    font-family: MB;
    color: #292C36;
}

.payMethods label .mainContent .text p {
    font-size: 12px;
    font-family: MM;
    color: #292C36;
}

.payMethods label.widthExplanation .mainContent {
    border-radius: 5px 5px 0 0;
}

.payMethods label .explanation {
    border: 1px solid #E6ECFF;
    border-radius: 0px 0 5px 5px;
    padding: 17px 24px;
    display: none;
}

body.dark .payMethods label .explanation {
    border-color: #23252E;
}

.payMethods label.selected .explanation {
    display: block;
}

.payMethods label .explanation p {
    font-size: 12px;
    font-family: MR;
    color: #292C36;
    margin: 2px 0;
}

.payMethods label .explanation p span {
    font-family: MB;
}



.payQuantity {
    padding: 32px 35px;
}

.uploadMoneyBTNs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.uploadMoneyBTNs button {
    position: relative;
    background: transparent;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 100px;
    border: 1px solid #E6ECFF;
    border-radius: 10px;
    transition: all 300ms;

}

.uploadMoneyBTNs button .icon {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-50%, -50%);
    width: 66px;
    height: 66px;
    border-radius: 5px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uploadMoneyBTNs button .icon.bg-blue-pay {
    background: #198AFF;
}

.uploadMoneyBTNs button .icon.bg-green-pay {
    background: #1FCD5C;
}

.uploadMoneyBTNs button .icon.bg-red-pay {
    background: #FD4056;
}

.uploadMoneyBTNs button .icon.bg-purple-pay {
    background: #431EC8;
}

.uploadMoneyBTNs button:hover {
    background: #6B7280;
    color: white;
}


.uploadMoneyBTNs button .text h4 {
    font-size: 25px;
    font-family: MB;
    color: #292F34;
    transition: all 300ms;

}

.uploadMoneyBTNs button .text p {
    font-size: 12px;
    font-family: MM;
    color: #858585;
    transition: all 300ms;
}

.payQuantity .submit button {
    width: 192px;
}

.uploadMoneyBTNs button:hover h2,
.uploadMoneyBTNs button:hover h4,
.uploadMoneyBTNs button:hover p {
    color: white;

}

.uploadMoneyBTNs button.active {
    background: #6B7280;

}

.uploadMoneyBTNs button.active h2,
.uploadMoneyBTNs button.active h4,
.uploadMoneyBTNs button.active p {
    color: white;
}

/* pastPayments */
.pastPayments .content {
    padding: 20px 28px;
}

.pastPayments .topText h4 {
    font-size: 14px;
    font-family: MR;
    color: #52667B;
    margin-bottom: 20px;
}

.pastPayments .content table {
    width: 100%;
}

.pastPayments .content table a {
    cursor: pointer;
}

.pastPayments .content table tr.headerTR {
    background: #E6ECFF;
}

body.dark .pastPayments .content table tr.headerTR {
    background: #23252E;
}

.pastPayments .content table tr th,
.pastPayments .content table tr td {
    padding: 13px 19px;

}

.pastPayments .content table tr th {
    font-size: 14px;
    font-weight: MB;
    color: #52667B;
}

.pastPayments .content table tr td {
    font-size: 14px;
    font-weight: MB;
    color: #52667B;
}

.pastPayments .content table tr:not(:first-child) {
    border-bottom: 1px solid #E6ECFF;
}









/* balanceLoadingAndProblemsContentRight */
.balanceLoadingAndProblemsContentRight .content {
    padding: 24px 17px;
}

.balanceLoadingAndProblemsContentRight .topText {
    margin-bottom: 20px;
}

.balanceLoadingAndProblemsContentRight .topText h5 {
    font-size: 14px;
    font-family: MR;
    color: #52667B;
}

.balanceLoadingAndProblemsContentRight .accordion .accordion-item {
    margin-bottom: 13px;
    border: none;
    background: #E6ECFF !important;
}

body.dark .balanceLoadingAndProblemsContentRight .accordion .accordion-item {
    background: #23252E !important;
}

.balanceLoadingAndProblemsContentRight .accordion .accordion-item .accordion-button {
    background: #E6ECFF;
    color: #52667B;
    font-size: 14px;
    font-family: MB;
}

body.dark .balanceLoadingAndProblemsContentRight .accordion .accordion-item .accordion-button {
    background: #23252E;
}

.balanceLoadingAndProblemsContentRight .accordion .accordion-item .accordion-button::after {
    display: none !important;
}

.balanceLoadingAndProblemsContentRight .accordion .accordion-body {
    font-size: 14px;
    font-family: MR;
    color: #52667B;
}

body.dark .balanceLoadingAndProblemsContentRight .accordion .accordion-body {
    background: #23252E;
    color: white;
}









/* payQuantityRight */
.payQuantityRight {
    padding: 0;
}

.payQuantityRight .uploadMoneyBTNs {
    flex-direction: column;
    align-items: flex-start;
}

.payQuantityRight .uploadMoneyBTNs button {
    width: 231px;
    background: #6B7280;
    margin-bottom: 26px;
    margin-left: 33px;
}

.payQuantityRight .uploadMoneyBTNs button .text h4,
.payQuantityRight .uploadMoneyBTNs button .text p {
    color: white;
}

.payQuantityRight .uploadMoneyBTNs button .icon {
    width: 66px;
    height: 66px;
    transform: translate(-50%, -50%);
}









/* orderListContents */

.orderListContents .orderListTabs .tabWay {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.orderListContents .orderListTabs .tabWay button {
    width: 140px;
    height: 40px;
    background: white;
    color: #0F1419;
    font-size: 14px;
    font-family: MM;
    border: 1px solid #E6ECFF;
}

body.dark .orderListContents .orderListTabs .tabWay button {
    background: #23252E;
}

.orderListContents .orderListTabs .tabWay button:nth-child(5) {
    width: 200px;
}

.orderListContents .orderListTabs .tabWay button i {
    margin-right: 5px;
}

.orderListContents .orderListTabs .tabWay button.active {
    background: #6B7280;
    color: white;
}

body.dark .orderListContents .orderListTabs .tabWay button.active {
    background: #6B7280;
    color: white;
}

.orderListContents .orderListTabs .tabWayMobile {
    position: relative;
}

body.dark .orderListContents .orderListTabs .tabWayMobile .openFilter {
    background: #0F1419;
}

body.dark .orderListContents .orderListTabs .tabWayMobile .openFilter:hover {
    background: #6B7280;
    color: white;
}

body.dark .orderListContents .orderListTabs .tabWayMobile .openFilter.active {
    background: #6B7280;
    color: white;
}

.orderListContents .orderListTabs .tabWayMobile .openFilter:hover {
    background: #6B7280;
    color: white;
}

.orderListContents .orderListTabs .tabWayMobile .openFilter.active {
    background: #6B7280;
    color: white;
}

.orderListContents .orderListTabs .tabWayMobile .filterContent {
    width: 100%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 5px;
    overflow: hidden;
    height: 0;
    transition: all 300ms;
}

.orderListContents .orderListTabs .tabWayMobile .filterContent.active {
    height: 270px;

}

.orderListContents .orderListTabs .tabWayMobile .filterContent button {
    width: 100%;
    height: 40px;
    background: white;
    color: #0F1419;
    font-size: 14px;
    font-family: MM;
    border: 1px solid #E6ECFF;
}

body.dark .orderListContents .orderListTabs .tabWayMobile .filterContent button {
    background: #0F1419;
}

body.dark .orderListContents .orderListTabs .tabWayMobile .filterContent button.active {
    background: #6B7280;

}

.orderListContents .orderListTabs .tabWayMobile button.active {
    background: #6B7280;
    color: white;
}



/* orderListTabs */
.orderListTabs .OrdersList {
    overflow: auto;
}

.orderListTabs .OrdersList {
    border: 1px solid #DEE3EC;
    border-bottom: none;
    background: white;
}

body.dark .orderListTabs .OrdersList {
    border: none;
    background: #0F1419;
}

.orderListTabs .OrdersList,
.orderListTabs .OrdersList table {
    width: 100%;
}

.orderListTabs .OrdersList table button {
    background: transparent;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.orderListTabs .OrdersList table tr {
    border-bottom: 1px solid #DEE3EC;
}

.orderListTabs .OrdersList table th {
    font-size: 14px;
    font-family: MB;
    color: #23252E;
}

.orderListTabs .OrdersList table th,
.orderListTabs .OrdersList table td {
    padding: 16px 10px;
}

.orderListTabs .OrdersList table tr td:nth-child(1) {
    color: #52667B;
    font-size: 14px;
    font-family: MB;
}

.orderListTabs .OrdersList table tr td:nth-child(1) i {
    margin-right: 10px;
    color: #6B7280;
    background: #e7e7e7;
    padding: 10px;
    border-radius: 50%;
}

body.dark .orderListTabs .OrdersList table tr td:nth-child(1) i {
    background: #000000;
}

.orderListTabs .OrdersList table tr td:nth-child(2) {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.orderListTabs .OrdersList table tr td:nth-child(2) p {
    font-size: 14px;
    font-family: MM;
    color: #52667B;
    text-align: start;
}

.orderListTabs .OrdersList table tr td:nth-child(2) span {
    font-size: 14px;
    font-family: MM;
    color: #B8BFCD;
    text-align: start;
}

.orderListTabs .OrdersList table tr td:nth-child(3) {
    font-size: 14px;
    font-family: MR;
    color: #D3D3D3;
}

.orderListTabs .OrdersList table tr td .situation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 30px;
    border: 1px solid #4EBE86;
    color: #4EBE86;
    border-radius: 3px;
    font-size: 13px;
    font-family: MM;
}


.orderListContents .orderListTabs .tabWay button:nth-child(6) {
    width: 200px;
}

@media (max-width: 992px) {
    /* .orderListTabs .OrdersList table tr td:nth-child(1) {
            min-width: 100px;
        }

        .orderListTabs .OrdersList table tr td:nth-child(2) {
            min-width: 300px;
        }

        .orderListTabs .OrdersList table tr td:nth-child(2) {
            min-width: 250px;
        }

        .orderListTabs .OrdersList table tr td:nth-child(3) {
            min-width: 250px;
        }

        .orderListTabs .OrdersList table tr td:nth-child(4) {
            min-width: 250px;
        }

        .orderListTabs .OrdersList table tr td:nth-child(5) {
            min-width: 250px;
        }

        .orderListTabs .OrdersList table tr td:nth-child(6) {
            min-width: 250px;
        } */

    .orderListTabs .OrdersList table th,
    .orderListTabs .OrdersList table td {
        padding: 16px 10px;
        min-width: 100px;
    }
}

.orderListTabs .OrdersList table tr td:nth-child(4) {
    font-size: 14px;
    font-family: MR;
    color: #D3D3D3;
}

.orderListTabs .OrdersList table tr td:nth-child(3) {
    font-size: 14px;
    font-family: MM;
    color: #52667B;
}

.orderListTabs .OrdersList table tr td .normal {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 30px;
    border: 1px solid #52667b;
    color: #52667b;
    border-radius: 3px;
    font-size: 13px;
    font-family: MM;
}

.orderListTabs .OrdersList table tr td .canceled {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 30px;
    border: 1px solid #be4e4e;
    color: #be4e4e;
    border-radius: 3px;
    font-size: 13px;
    font-family: MM;
}

.orderListTabs .OrdersList table tr td .partial {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 30px;
    border: 1px solid #bea34e;
    color: #bea34e;
    border-radius: 3px;
    font-size: 13px;
    font-family: MM;
}

.orderListTabs .OrdersList table tr td .sayProblem {
    width: 120px;
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    background: #6B7280;
    border-radius: 3px;
    outline: none;
    color: white;
    font-size: 13px;
    font-family: MM;
    padding: 5px 0;
    position: relative;
}

.orderListTabs .problemtd {
    position: relative;
}

.orderListTabs .OrdersList table .problemDropDown {
    position: absolute;
    /* top: 80%; */
    margin-top: 10px;
    margin-right: 10px;
    /* left: 0; */
    width: 160px;
    align-items: center;
    justify-content: center;
    z-index: 100;
    display: none;
    transition: all 0ms;
}

@media (max-width: 992px) {

    .orderListTabs .OrdersList table .problemDropDown {
        position: absolute;
        /* top: 80%; */
        margin-top: 10px;
        margin-right: 10px;
        left: -48px;
        width: 171px;
        align-items: center;
        justify-content: center;
        z-index: 100;
        display: none;
        transition: all 0ms;
    }

}

.orderListTabs .OrdersList table .problemDropDown.active {
    display: flex;
    transition: all 300ms;
}

.orderListTabs .OrdersList table tr td div ul {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 14px 10px;
    background: white;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
}

body.dark .orderListTabs .OrdersList table tr td div ul {
    background: black;
    border-color: #0F1419;
}

.orderListTabs .OrdersList table tr td div ul li {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.orderListTabs .OrdersList table tr td div ul li button {
    width: 100%;
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    font-family: MM;
    color: #CED2D9;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 300ms;
    border-radius: 5px;
}

.orderListTabs .OrdersList table tr td div ul li button i {
    margin-right: 10px;
}

.orderListTabs .OrdersList table tr td div ul li button:hover {
    background: #F1F6FC;
    color: #0F1419;
}

body.dark .orderListTabs .OrdersList table tr td div ul li button:hover {
    background: #292C36;
    color: white;
}

.orderListTabs .OrdersList table tr .problemDropDown.forTop {
    top: -260%;
}

.orderListTabs .tableWays {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 20px 0;
}

.orderListTabs .tableWays .prev,
.orderListTabs .tableWays .next {
    width: 82px;
    height: 45px;
    background: white;
    border-radius: 10px;
    border: 1px solid #E6ECFF;
    color: #99A1B1;
    font-size: 14px;
    font-family: MSB;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.dark .orderListTabs .tableWays .prev,
body.dark .orderListTabs .tableWays .next {
    background: #23252E;
}

.orderListTabs .tableWays .prev {
    margin-right: 5px;
}

.orderListTabs .tableWays .next {
    margin-left: 5px;
}

.orderListTabs .tableWays a {
    width: 45px;
    height: 45px;
    background: white;
    border-radius: 10px;
    border: 1px solid #E6ECFF;
    color: #99A1B1;
    font-size: 14px;
    font-family: MSB;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;

}

body.dark .orderListTabs .tableWays a {
    background: #0F1419;
}

.orderListTabs .tableWays a.active {
    background: #6B7280;
    color: white;
}

body.dark .orderListTabs .tableWays a.active {
    background: #6B7280;
    color: white;
}

/* sayProblemDivContent */
.sayProblemDivContent {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    visibility: visible;
    opacity: 1;
    transition: all 300ms;
}

.sayProblemDivContent.hidden {
    visibility: hidden;
    opacity: 0;
}

.sayProblemDivContent .headerTextNoOutPadding {
    display: flex;
    align-content: center;
    justify-content: space-between;
}

.sayProblemDivContent .headerTextNoOutPadding button {
    background: transparent;
    border: none;
    outline: none;
}

.sayProblemDivContent .content {
    width: 500px;
    z-index: 1000;
}

.sayProblemDivContent .mainContent {
    padding: 10px 15px;
}






/* supportRequestContents */
.supportRequestContents {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms;
    z-index: 13240;
}

.supportRequestContents .bg-close {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    opacity: 0.5;
    z-index: 1;
}

.supportRequestContents.active {
    visibility: visible;
    opacity: 1;
}

.supportRequestContents .supportRequestTabContent {
    z-index: 100;
    max-height: 85vh;
    width: 95%;
    overflow-y: auto;
}

.supportRequestContents .supportRequestTabContent .content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding: 60px 13px;

    transition: all 300ms;
}

.supportRequestMainSection .rightContentCol {
    visibility: hidden;
    opacity: 0;
    transition: all 300ms;
}

.supportRequestMainSection .rightContentCol.active {
    visibility: visible;
    opacity: 1;
}

.supportRequestContents .supportRequestTabContent .content .tabWays {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    width: 20%;
}

.supportRequestContents .supportRequestTabContent .content .tabWays button {
    width: 100%;
    height: 40px;
    border-radius: 30px;
    background: #E6ECFF;
    font-size: 14px;
    color: #52667B;
    font-family: MSB;
    margin: 4.5px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 10px;
}

body.dark .supportRequestContents .supportRequestTabContent .content .tabWays button {
    background: #292C36;
}

.supportRequestContents .supportRequestTabContent .content .tabWays button.active {
    color: white;
    background: #6B7280;
}

body.dark .supportRequestContents .supportRequestTabContent .content .tabWays button.active {
    background: #3e4046;
}

.supportRequestContents .supportRequestTabContent .content .tabs {
    width: 80%;
    padding-left: 40px;
}

.supportRequestContents .supportRequestTabContent .content .tabs .tabContent {
    background: #F9FAFB;
    border-radius: 10px;
    padding: 24px 14px;
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms;
}

.supportRequestContents .supportRequestTabContent .content .tabs .tabContent.active {
    display: block;
}

.supportRequestContents .supportRequestTabContent .content .tabs .tabContent.active2 {
    visibility: visible;
    opacity: 1;
}

.supportRequestContents .supportRequestTabContent .content .tabs .tabContent .accordion-item {

    background: #E6ECFF;
    margin: 10px 0;
    border: none;
    box-sizing: none;

}

.supportRequestContents .supportRequestTabContent .content .tabs .tabContent .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.supportRequestContents .supportRequestTabContent .content .tabs .tabContent .accordion-button::after {
    display: none;
}

body.dark .supportRequestContents .supportRequestTabContent .content .tabs .tabContent {
    background: #23252E;
}

.supportRequestContents .supportRequestTabContent .content .tabs .tabContent .fillIN h4 {
    font-size: 14px;
    font-family: MB;
    color: #52667B;
    padding-left: 40px;
}

.supportRequestContents .supportRequestTabContent .content .tabs .tabContent .fillIN p {
    font-size: 14px;
    font-family: MR;
    padding-left: 20px;
    color: #52667B;
    margin: 12px 0;
}

.supportRequestContents .supportRequestTabContent .content .tabs .tabContent .fillIN ul {
    padding-left: 20px;
}

.supportRequestContents .supportRequestTabContent .content .tabs .tabContent .fillIN ul li {
    font-size: 14px;
    font-family: MR;
    color: #52667B;
    margin: 10px 0;
}

.supportRequestContents .supportRequestTabContent .content .tabs .tabContent .fillIN button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 45px;
    background: #E6ECFF;
    font-size: 14px;
    font-family: MSB;
    color: #52667B;
    padding: 14px 35px;
}

body.dark .supportRequestContents .supportRequestTabContent .content .tabs .tabContent .fillIN button {
    background: #292F34;
}

.supportRequestContents .supportRequestTabContent .content .tabs .tabContent .fillIN button:not(:last-child) {
    margin-bottom: 9px;
}

.supportRequestContents .supportRequestTabContent .content .tabs .ceateRequestDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 14px;
}

.supportRequestContents .supportRequestTabContent .content .tabs .ceateRequestDiv p {
    font-size: 14px;
    font-family: MR;
    color: #52667B;
    margin-right: 18px;
}

.supportRequestContents .supportRequestTabContent .content .tabs .ceateRequestDiv button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 199px;
    height: 47px;
    background: #6B7280;
    color: white;
    border-radius: 30px;
}











/* createSupportRequestContent */

.createSupportRequestContent .content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px;
}

.createSupportRequestContent.hidden {
    display: none;
}

.createSupportRequestContent .content img {
    object-fit: cover;
}

.createSupportRequestContent .content p {
    font-size: 18px;
    font-family: MM;
    color: #52667B;
    margin: 32px 0 40px 0;
    text-align: center;
}

.createSupportRequestContent .content button {
    width: 200px;
}












/* createSupportRequestContentRight */
.createSupportRequestContentRight {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: auto;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;

}

.createSupportRequestContentRight .bg-close-request {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
    z-index: 1;
}

.createSupportRequestContentRight>div {
    z-index: 100;
    max-height: 100vh;
    overflow: auto;
    height: 99%;
    width: 500px;
}

.createSupportRequestContentRight .mainContent {
    padding: 10px 15px;
}

.createSupportRequestContentRight .headerTextNoOutPadding {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.createSupportRequestContentRight .headerTextNoOutPadding button {
    background: transparent;
    border: none;
    outline: none;
    font-size: 18px;
    color: #B8BFCD;
}

.createSupportRequestContentRight textarea {
    height: 202px;
    min-height: 160px;
    max-height: 160px;
}




/* demandsChatContent */
.demandsChatContent .headerTextNoOutPadding {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.demandsChatContent .headerTextNoOutPadding h6 {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-left: 1px solid #E6ECFF;
    padding-left: 15px;
}

.demandsChatContent .chatScreen {
    padding: 29px 17px;
}

.demandsChatContent .chatScreen .messgaes {
    width: 100%;
}

.demandsChatContent .chatScreen .messgaes .message {
    display: flex;
    align-items: center;
    max-width: 80%;
    margin: 8px 0;
}

.demandsChatContent .chatScreen .messgaes .message.other {
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}

.demandsChatContent .chatScreen .messgaes .message.other p {
    background: #F8F9FA;
    font-size: 13px;
    font-family: MR;
    color: #52667B;
    margin-right: 15px;
}

body.dark .demandsChatContent .chatScreen .messgaes .message.other p {
    background: #23252E;
}

.demandsChatContent .chatScreen .messgaes .message.me {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    margin-left: auto;
}

.demandsChatContent .chatScreen .messgaes .message.me p {
    background: #E6ECFF;
    font-size: 13px;
    font-family: MR;
    color: #6B7280;
    margin-left: 15px;
}

body.dark .demandsChatContent .chatScreen .messgaes .message.me p {
    background: #292C36;
}

.demandsChatContent .chatScreen .messgaes .message p {
    padding: 19px 16px;
    border-radius: 12px;
}

.demandsChatContent .chatScreen .messgaes .message span {
    font-size: 13px;
    font-family: MR;
    color: #0F1419;
    opacity: 0.5;
    margin-left: 5px;
    margin-top: 5px;
}





.demandsChatContent .chatScreen .answer {
    margin-top: 20px;
}

.demandsChatContent .chatScreen .answer textarea {
    height: 120px;
    min-height: 120px;
    max-height: 120px;
}

.demandsChatContent .chatScreen .answer button {
    width: 148px;
}



















/* supportKnowledgeContentRight */
.supportKnowledgeContentRight .mainContent ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 35px 14px;
    border-bottom: 1px solid #E6ECFF;
}

.supportKnowledgeContentRight .mainContent ul li {
    width: 33.33%;
    margin: 5px 0px;
}

.supportKnowledgeContentRight .mainContent ul li p {
    font-size: 14px;
    font-family: MB;
    color: #292C36;
}

.supportKnowledgeContentRight .mainContent ul li span {
    font-size: 14px;
    font-family: MM;
    color: #292C36;
}

.supportKnowledgeContentRight .mainContent .note {
    padding: 18px 14px;
}

.supportKnowledgeContentRight .mainContent .note h4 {
    font-size: 14px;
    font-family: MB;
    color: #292C36;
    margin-bottom: 10px;
}

.supportKnowledgeContentRight .mainContent .note p {
    font-size: 14px;
    font-family: MM;
    color: #292C36;
}














/* supportDemondsContentRight */
.supportDemondsContentRight .mainContent {
    padding: 24px 14px;
}

.supportDemondsContentRight .mainContent .topText {
    margin-bottom: 20px;
}

.supportDemondsContentRight .mainContent .topText h5 {
    font-size: 14px;
    font-family: MR;
    color: #52667B;
}

.supportDemondsContentRight .mainContent ul li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 16px;
    background: #F8F9FA;
    margin: 6px 0;
    transition: all 300ms;
}

body.dark .supportDemondsContentRight .mainContent ul li {
    background: #23252E;
}

.supportDemondsContentRight .mainContent ul li.active {
    background: #6B7280;
}

body.dark .supportDemondsContentRight .mainContent ul li.active {
    background: #6B7280;

}

.supportDemondsContentRight .mainContent ul li:hover {
    background: #6B7280;
}

body.dark .supportDemondsContentRight .mainContent ul li:hover {
    background: #6B7280;
}

.supportDemondsContentRight .mainContent ul li .demondInfo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.supportDemondsContentRight .mainContent ul li .demondInfo>p {
    font-size: 14px;
    font-family: MB;
    color: #52667B;
    margin-right: 15px;
    transition: all 300ms;
}

.supportDemondsContentRight .mainContent ul li.finished .demondInfo>p {
    color: #4EBE86;
}

.supportDemondsContentRight .mainContent ul li:hover .demondInfo>p {
    color: white;
}

.supportDemondsContentRight .mainContent ul li.active .demondInfo>p {
    color: white;
}

.supportDemondsContentRight .mainContent ul li .demondInfo .info {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.supportDemondsContentRight .mainContent ul li .demondInfo .info p {
    font-size: 14px;
    font-family: MB;
    color: #52667B;
    transition: all 300ms;
}

.supportDemondsContentRight .mainContent ul li .demondInfo .info span {
    font-size: 12px;
    font-family: MR;
    color: #52667B;
    transition: all 300ms;
}

.supportDemondsContentRight .mainContent ul li:hover .demondInfo .info p,
.supportDemondsContentRight .mainContent ul li:hover .demondInfo .info span {
    color: white;
}

.supportDemondsContentRight .mainContent ul li.active .demondInfo .info p,
.supportDemondsContentRight .mainContent ul li.active .demondInfo .info span {
    color: white;
}

.supportDemondsContentRight .mainContent ul li .demondKind {
    font-size: 12px;
    font-family: MM;
    padding: 8px 20px;
    border-radius: 30px;
    margin-left: 10px;
    transition: all 300ms;
}

.supportDemondsContentRight .mainContent ul li:hover .demondKind {
    background: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
}

.supportDemondsContentRight .mainContent ul li.active .demondKind {
    background: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
}

.supportDemondsContentRight .mainContent ul li.finished .demondKind {
    background: rgba(70, 190, 34, 0.1);
    color: #4EBE86;
}

.supportDemondsContentRight .mainContent ul li.Kapandı .demondKind {
    background: rgba(231, 64, 92, 0.1);
    color: #E7405C;
}

.supportDemondsContentRight .mainContent ul li.Beklemede .demondKind {
    color: #6B7280;
    background: rgba(47, 90, 255, 0.1);
}













/* dashboardMainContent */
.dashboardMainContent .infoCol {
    margin-bottom: 20px;
}

.dashboardMainContent .infoCol .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 29px;
    background: white;
    border-radius: 5px;
    border: 1px solid #E6ECFF;
}

body.dark .dashboardMainContent .infoCol .content {
    background: #0F1419;
    border-color: #23252E;
}

body.dark .dashboardMainContent .infoCol .content i {
    color: white;
}

.dashboardMainContent .infoCol .content i {
    font-size: 32px;
}

.dashboardMainContent .infoCol .content .infoTexts {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
}

.dashboardMainContent .infoCol .content .infoTexts p {
    font-size: 13px;
    font-family: MB;
    color: #23252E;
    text-align: end;
}

.dashboardMainContent .infoCol .content .infoTexts span {
    font-size: 14px;
    font-family: MM;
    color: #52535D;
    text-align: end;

}












/* serviceCardsContent */

.serviceCardsContent .topTexts {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 28px 18px;
}

.serviceCardsContent .topTexts .textDiv {
    margin: 10px;
}

.serviceCardsContent .topTexts h4 {
    font-size: 16px;
    font-family: MB;
    color: #292C36;
}

.serviceCardsContent .topTexts p {
    font-size: 14px;
    font-family: MR;
    color: #CCD0D8;
    text-align: start;
}

.serviceCardsContent .cardsDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 8px 28px 8px;
}

.serviceCardsContent .cardsDiv .Card {
    background: #F2F5FB;
    border-radius: 10px;
    width: 50%;
    min-height: 400px !important;
    margin: 10px;

}

body.dark .serviceCardsContent .cardsDiv .Card {
    background: #23252E;
}

body.dark .blogList .slideContent .blogItem {
    width: 48%;
    margin: 15px 5px;
    border: 1px solid #333333;
    background: #0f1419;
}

body.dark .blogList .slideContent .blogItem .topText {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #333333;
    padding: 13px 19px;
}

body.dark .blogList .slideContent .blogItem .bottomCOntent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 19px;
    border-top: 1px solid #333333;
}

body.dark .blogDetail .content {
    width: 959px;
    background: #0f1419;
    border: 1px solid #0f1419;
    border-radius: 5px;
    padding: 40px 82px;
}

.serviceCardsContent .cardsDiv .Card .topText {
    width: 100%;
    border-bottom: 1px solid #E6ECFF;
    padding: 24px 23px 13px 23px;
}

.serviceCardsContent .cardsDiv .Card .topText h3 {
    font-size: 14px;
    font-family: MB;
    color: #52667B;
}

.serviceCardsContent .cardsDiv .Card .content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px 35px;
}

.serviceCardsContent .cardsDiv .Card .content p {
    font-size: 12px;
    font-family: MB;
    color: #52667B;
    text-align: center;
}

.serviceCardsContent .cardsDiv .Card .content img {
    margin: 21px 0 16px 0;
}

.serviceCardsContent .cardsDiv .Card .content a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 42px;
    font-size: 14px;
    font-family: MSB;

}

.serviceCardsContent .cardsDiv .Card .content a.green {
    color: #4EBE86;
    background: rgba(78, 190, 34, 0.1);
    margin-bottom: 10px;
}

.serviceCardsContent .cardsDiv .Card .content a.blue {
    color: #6B7280;
    background: rgba(47, 90, 255, 0.1);
    margin-bottom: 10px;

}

.serviceCardsContent .cardsDiv .Card .content a.red {
    color: #E7405C;
    background: rgba(231, 64, 92, 0.1);
}















/* detailSec */
#detailSec {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px;
}

#detailSec .content {
    background: #FFFFFF;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    width: 844px;
}

#detailSec .content .headerText {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 22px 24px;
    border-bottom: 1px solid #E6ECFF;

}

#detailSec .content .headerText .left {
    display: flex;
    align-items: center;
    justify-content: center;
}

#detailSec .content .headerText .left img {
    margin-right: 20px;
    border: none;
}

#detailSec .content .headerText button {
    background: transparent;
    border: none;
    outline: none;
    font-size: 18px;
    color: #B8BFCD;
}

#detailSec .content .mainContent {
    padding: 22px 24px;

}

#detailSec .content .mainContent ul {
    width: 100%;
    padding: 34px 0;
    border-top: 1px solid #E6ECFF;
}

#detailSec .content .mainContent ul:nth-child(3) {
    margin-top: 30px;
}

#detailSec .content .mainContent ul li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}

#detailSec .content .mainContent ul li p {
    font-size: 16px;
    font-family: MM;
    color: #23252E;
}

#detailSec .content .mainContent ul li h6 {
    font-size: 16px;
    font-family: MB;
    color: #23252E;
}

#detailSec .content .mainContent .submit {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0px;
}

#detailSec .content .mainContent .submit button {
    width: 140px;
}

#detailSec .content .mainContent .submit button i {
    margin-right: 5px;
}

/* mailConfirmationContent */
.mailConfirmationContent .content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 110px;
    padding-bottom: 240px;
}

.mailConfirmationContent .content p {
    max-width: 830px;
    font-size: 18px;
    font-family: MM;
    color: #52667B;
    text-align: center;
    margin: 40px 0;
}

.mailConfirmationContent .content p span {
    font-family: MB;
}

.mailConfirmationContent .content .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mailConfirmationContent .content .buttons button {
    width: 150px;
}




.modalEmail {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms;
}

.modalEmail.show {
    visibility: visible;
    opacity: 1;
}

.modalEmail .bg-close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
    z-index: 1;
}

.modalEmail .mainContent {
    width: 500px;
    z-index: 100;
}

.modalEmail .mainContent .headerTextNoOutPadding {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modalEmail .mainContent .headerTextNoOutPadding button {
    background: transparent;
    border: none;
    outline: none;
    color: #B8BFCD;
}

.modalEmail .content {
    padding: 15px;
}

.modalEmail .content .submit button {
    width: 140px;
}

.blogWays .prev,
.blogWays .next {
    width: 82px;
    height: 45px;
    background: white;
    border-radius: 10px;
    border: 1px solid #E6ECFF;
    color: #99A1B1;
    font-size: 14px;
    font-family: MSB;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogWays .prev {
    margin-right: 5px;
}

.blogWays .next {
    margin-left: 5px;
}

.blogWays a {
    width: 45px;
    height: 45px;
    background: white;
    border-radius: 10px;
    border: 1px solid #E6ECFF;
    color: #99A1B1;
    font-size: 14px;
    font-family: MSB;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;

}

.blogWays a.active {
    background: #6B7280;
    color: white;
}

.form-control {
    border: 1px solid #e6ecff !important;
}

/* medias */
@media (min-width:1030px) {
    .orderListContents .orderListTabs .tabWayMobile {
        display: none;
    }

}

@media (max-width:1024px) {
    .sidebarDisplayNone {
        display: none !important;
    }

    .sidebarScrollClose {
        overflow: hidden !important;
    }
}

.sidebar .content {
    overflow-y: auto;
}

@media (max-width:1025px) {

    .sidebar .content {
        overflow-y: auto;
        padding-bottom: 80px;
    }

    .dashboardContent header .closeOpenSidebarDiv button.small {
        transform: rotate(180deg);
    }

    .dashboardHeader {
        position: sticky;
        top: 0;
    }

    .supportRequestContents .supportRequestTabContent .content .tabs .tabContent .fillIN button {
        height: auto;
    }

    .sidebar {
        position: fixed;
        top: 59px;
        z-index: 1000;
        height: 100vh;
        border-right: none;
        border-top: 1px solid #eeeeee;
        /* animation: 100ms side ease-in; */
    }

    @keyframes side {
        0% {
            left: -300%;
        }

        100% {
            left: -100%;
        }
    }

    .sidebar::before {
        content: " ";
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: 100%;
        background: black;
        opacity: 0.5;
        z-index: -1;
        transition: all 300ms;
        /*  animation: 100ms side ease-in; */

    }

    .sidebar.smallSidebar::before {
        left: -100%;
    }

    .sidebar {
        left: 0;
    }

    .sidebar.smallSidebar {
        left: -92px;
        /*  animation: sidebar 250ms ease-in-out; */
    }

    @keyframes sidebar {
        0% {
            left: -400px;
        }

        100% {
            left: -90px;
        }
    }

    .dashboardContent {
        width: 100% !important;
    }

    .rightContentCol {
        margin-top: 40px;
        padding-left: calc(1.5rem * .5);
    }

    .supportRequestContents .supportRequestTabContent .content {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .supportRequestContents .supportRequestTabContent .content .tabWays {
        width: 100%;
    }

    .supportRequestContents .supportRequestTabContent .content .tabs {
        padding: 0;
        width: 100%;
        margin-top: 20px;
    }

    .orderListContents .orderListTabs .tabWay {
        flex-wrap: wrap;
    }

    .orderListContents .orderListTabs .tabWay button {
        width: 30% !important;
    }

    .serviceCardsContent .topTexts p {
        text-align: start;
    }

    .serviceCardsContent .cardsDiv {
        flex-wrap: wrap;
    }

    .serviceCardsContent .cardsDiv .Card {
        width: 45%;
    }

    .uploadMoneyBTNsRight {
        display: none;
    }

    .uploadMoneyBTNs {
        flex-wrap: wrap;
    }

    .uploadMoneyBTNs button {
        width: 45%;
        margin: 10px 0;
    }

    .orderListContents .orderListTabs .tabWay {
        display: none;
    }
}

@media (max-width:425px) {
    .createSupportRequestContentRight>div {
        width: 95%;
    }

    .dashboardContent main {
        padding: 20px 5px;
    }

    .dashboardContent .dashboardTop {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 18px 20px;
    }

    .dashboardContent .dashboardTop .content {
        margin: 0;
        margin-top: 20px;
        width: 100%;
    }

    .supportRequestContents .supportRequestTabContent .content .tabs .tabContent .fillIN a {
        height: auto;
    }

    .orderListContents .orderListTabs .tabWay button {
        width: 50% !important;
    }

    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 30px;
        width: 30px;
    }

    .payMethods {
        padding: 10px 12px;
    }

    .payMethods label .mainContent .text h5 {
        font-size: 12px;
    }

    .payMethods label .mainContent .text p {
        font-size: 11px;
    }

    .uploadMoneyBTNs {
        flex-direction: column;
    }

    .uploadMoneyBTNs button {
        width: 85%;
        margin: 10px 0;
    }

    .uploadMoneyBTNs button .icon {
        transform: translate(-55%, -50%);
    }

    .tableDivForpastPayments {
        overflow-x: auto;
    }

    .createSupportRequestContent .content img {
        width: 90%;
        height: auto;
    }

    .serviceCardsContent .cardsDiv .Card {
        width: 100%;
    }

    #detailSec .content .headerText .left {
        flex-direction: column;
        align-items: flex-start;
    }

    #detailSec .content .headerText .left h4 {
        margin: 5px 0;
    }

    .modalEmail .mainContent {
        width: 90%;
    }

    .mailConfirmationContent .content img {
        width: 95%;
    }

    .mailConfirmationContent .content {
        padding-bottom: 110px;
    }
}


@media (max-width:350px) {
    .dashboardContent header .notifications .dropdownNotifications {
        right: -530%;
    }

    .dashboardContent header .bars .dropdownBars {
        right: -350%;
    }
}

.authorized footer {
    display: none;
}

#signup #top-header {
    display: none !important;
}

#signup #header {
    display: none !important;
}

#signup footer {
    display: none !important;
}

#signup .signup-Right {
    display: none !important;
}

.header-col-left a {
    color: #fff !important;
}

.authorized form {
    padding: 28px !important;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 50px;
    user-select: none;
    -webkit-user-select: none;
    background: transparent;
    outline: none;
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    font-size: 14px;
    font-family: MM;
    color: #23252E;
    width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
    height: 100%;
    display: flex;
    align-items: anchor-center;
}

.select2-search--dropdown {
    display: none;
}

.select2-container--open .select2-dropdown--below {
    margin-top: 10px;
    border-radius: 0px !important;
    border: 1px solid #E6ECFF !important;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
    /* height: 45px; */
    width: 100%;
    border-bottom: 1px solid #E6ECFF;
    padding: 14px;
    transition: all 300ms;
    color: #000 !important;
    font-weight: 400;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: transparent !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent !important;
    color: #000 !important;
}

.select2-results {
    border: 1px solid #E6ECFF !important;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 14px;
    background: #6B7280;
    border-radius: 9999px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background-color: #6B7280 !important;
    border-radius: 30px !important;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: #E6ECFF;

}

.select2-dropdown {
    border: 1px solid #E6ECFF !important;
    border-radius: 0px !important;

}

.content.footerWaysContent ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}

.content.footerWaysContent ul li .explanation {
    display: none;
}

.Card {
    border: 1px solid #E6ECFF;
    border-radius: 5px;
    border-radius: 5px;
    background-color: white;
}

.Card .content {
    padding: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 10px !important;
    right: 1px !important;
    width: 20px;
}

.notice {
    display: flex;
    align-items: center;
    max-width: 100%;
    /* background-color: #22213b; */
    background-color: #6B7280;
    margin-bottom: 12px;
    border-radius: 12px;
    padding-right: 12px;
}

.notice h3 {
    background-color: #6B7280;
    line-height: 32px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    display: block;
    width: 120px;
    border-radius: 50px;
    margin: 5px;
    text-decoration: none;
    animation: glowing 1300ms infinite;
}

@keyframes glowing {
    0% {
        background-color: #212529;
        box-shadow: 0 0 5px #212529;
    }

    50% {
        background-color: #7d7d7d;
        box-shadow: 0 0 20px #7d7d7d;
    }

    100% {
        background-color: #212529;
        box-shadow: 0 0 5px #212529;
    }
}