@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&subset=cyrillic,cyrillic-ext,latin&display=swap');
body{position:relative;padding:0;margin:0;font-family:'Roboto',sans-serif}
ul{list-style:none}
a{text-decoration:none;outline:none}
body a:hover,body a:focus{color:initial;text-decoration:none}
a:focus{outline:none;text-decoration:none}
textarea:focus{outline:none}
select:focus{outline:none;}
input{outline:none!important}
button,button:focus{outline:none}
a img{border:none}
img{border:0}
p{padding:0;margin:0}
h1,h2,h3,h4,ul,p{padding:0;margin:0}
textarea{resize:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff}
input:-moz-placeholder,textarea:-moz-placeholder{color:#fff}

input::-moz-placeholder{opacity:1;outline:none}
textarea::-moz-placeholder{opacity:1;outline:none}
.clr{clear:both;height:0}
ul{padding:0;list-style:none}
a{text-decoration:none;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}
a:hover{text-decoration:none;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}

.themebgcolor{background:#050D1D;}
.bgdarkbluecolor{background:#0A1F3A;}
.textwhitecolor{color:#FFFFFF;}
.textbluecolor{color:#019DEA;}

/* Стиль для выделения резерва валют */
.textbluecolor strong {
  font-weight: 700 !important;
  font-size: 1.1em;
  background: linear-gradient(135deg, #019DEA, #0066CC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.textgraycolor{color:#B1BBD4;}
.textredcolor{color:#F25252;}
.textgreencolor{color:#4F8A60;}
.btnlightblue{
    background: linear-gradient(135deg, #019DEA, #0066CC);
    font-weight:500;
    font-size:15px;
    border: 2px solid rgba(1, 157, 234, 0.3);
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.btndarkblue{
    background: linear-gradient(145deg, #1e2a3a, #142030);
    font-weight:500;
    font-size:15px;
    border: 2px solid rgba(1, 157, 234, 0.6);
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

button.btn{
    border:none;
    padding:20px 20px;
    min-width:180px;
    border-radius:15px;
    color:#fff;
    text-align:center;
    background: linear-gradient(145deg, #1e2a3a, #142030);
    border: 2px solid rgba(1, 157, 234, 0.3);
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
    font-weight: 500;
}

button.btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(1, 157, 234, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    transition: all 0.4s ease;
    transform: translate(-50%, -50%);
}

button.btn:hover::before {
    width: 200px;
    height: 200px;
}

button.btn:hover,button.btn:focus{
    background: linear-gradient(135deg, #019DEA, #0066CC);
    border-color: rgba(1, 157, 234, 0.9);
    color:#fff;
    outline:none;
    box-shadow: 
        0 12px 35px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 0 20px rgba(1, 157, 234, 0.4);
    transform: translateY(-2px) scale(1.02);
}

button.btn:active {
    transform: translateY(0) scale(0.98);
    transition: transform 0.1s ease;
}

.btnlightblue:hover,
.btnlightblue:focus {
    background: linear-gradient(135deg, #0066CC, #019DEA);
    border-color: rgba(1, 157, 234, 0.9);
    box-shadow: 
        0 12px 35px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 0 20px rgba(1, 157, 234, 0.4);
    transform: translateY(-2px) scale(1.02);
}

.btndarkblue:hover,
.btndarkblue:focus {
    background: linear-gradient(145deg, #2a3a4e, #1e2a3a);
    border-color: rgba(1, 157, 234, 0.9);
    box-shadow: 
        0 12px 35px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 0 20px rgba(1, 157, 234, 0.4);
    transform: translateY(-2px) scale(1.02);
}

/* Плашка статуса для элементов истории обменов */
.status-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  white-space: nowrap;
}

.status-badge.compact {
  font-size: 10px;
  padding: 3px 8px;
}

.status-new,
.status-pending {
  background: linear-gradient(135deg, #FFA500, #FF8C00);
}

.status-waiting_client_details,
.status-waiting_payment_wallet,
.status-waiting_payment,
.status-processing,
.status-processing_payment {
  background: linear-gradient(135deg, #019DEA, #0066CC);
}

.status-completed {
  background: linear-gradient(135deg, #00C851, #007E33);
}

.status-cancelled,
.status-erroneous {
  background: linear-gradient(135deg, #FF4444, #CC0000);
}

.status-expired,
.status-archived {
  background: linear-gradient(135deg, #8B4513, #654321);
}
.filterbtn{
    position:relative;
    border: 2px solid rgba(1, 157, 234, 0.3);
    border-radius:15px;
    background: linear-gradient(145deg, rgba(30, 42, 58, 0.8), rgba(20, 32, 48, 0.8));
    backdrop-filter: blur(15px);
    font-weight:500;
    font-size:14px;
    color:#fff;
    padding:10px 20px;
    width:100%;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 
        0 4px 15px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.filterbtn:hover {
    background: linear-gradient(135deg, #019DEA, #0066CC);
    border-color: rgba(1, 157, 234, 0.9);
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 0 15px rgba(1, 157, 234, 0.3);
    transform: translateY(-2px);
}
.blueScroll::-webkit-scrollbar{width:5px;border-radius:10px;}
.blueScroll::-webkit-scrollbar-track{background:rgba(62,82,108,1);border-radius:10px;border:2px solid #050d1d;}
.blueScroll::-webkit-scrollbar-thumb{background:rgba(1,157,234,1);border-radius:10px;border:2px solid rgba(1,157,234,1);}
.blueScroll::-webkit-scrollbar-thumb:hover{background:#ccc;border-radius:10px;}
.btn-group{width:100%;}

.form-check.form-switch .form-check-input:checked{background-color:#019DEA!important;border-radius:50px;border-color:#019DEA!important;}
.form-check.form-switch .form-check-input{width:63px;height:30px;cursor:pointer;}
.form-check.form-switch{min-height:auto;margin:0;}

/* Новый дизайн боксов резерва валюты в стиле "Как начать работу" */
.creators {
    background: linear-gradient(145deg, #1e2a3a, #142030);
    border: 2px solid rgba(1, 157, 234, 0.3);
    border-radius: 20px;
    padding: 30px 25px;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(25px);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    background-image:
        radial-gradient(circle at 30% 40%, rgba(1, 157, 234, 0.12) 0%, transparent 60%),
        radial-gradient(circle at 70% 80%, rgba(0, 102, 204, 0.10) 0%, transparent 60%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, transparent 50%);
    text-align: center;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.creators::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent 30%, rgba(1, 157, 234, 0.03) 50%, transparent 70%);
    pointer-events: none;
    animation: shimmer 3s ease-in-out infinite;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.creators:hover::before {
    opacity: 1;
}

.creators:hover {
    transform: translateY(-8px) scale(1.02);
    border-color: rgba(1, 157, 234, 0.6);
    box-shadow: 
        0 30px 80px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 0 40px rgba(1, 157, 234, 0.3);
}

.creatorImg {
    display: none; /* Скрываем фоновое изображение */
}

.creatorIcon {
    width: 80px;
    height: 80px;
    background: transparent;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    transition: all 0.4s ease;
    position: relative;
    overflow: visible;
    border: none;
}

.creators:hover .creatorIcon {
    transform: scale(1.1);
}

.creatorIcon img {
    width: 60px;
    height: 60px;
    filter: brightness(1.2) drop-shadow(0 0 10px rgba(1, 157, 234, 0.3));
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.creators:hover .creatorIcon img {
    filter: brightness(1.5) drop-shadow(0 0 15px rgba(1, 157, 234, 0.6));
    transform: scale(1.1);
}

.creatorsText {
    padding: 0;
    background: transparent;
    border-radius: 0;
    text-align: center;
}

.creatorsText h2 {
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 15px;
    background: linear-gradient(135deg, #ffffff 0%, rgba(1, 157, 234, 0.9) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: all 0.3s ease;
}

.creators:hover .creatorsText h2 {
    background: linear-gradient(135deg, #ffffff 0%, rgba(1, 157, 234, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transform: scale(1.05);
}

.creatorsText h3 {
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 15px;
    color: rgba(1, 157, 234, 0.9);
    transition: all 0.3s ease;
}

.creators:hover .creatorsText h3 {
    color: rgba(1, 157, 234, 1);
    transform: scale(1.05);
}

.creatorsText p {
    font-size: 15px;
    line-height: 24px;
    color: rgba(229, 240, 255, 0.8);
    margin: 0;
    transition: all 0.3s ease;
}

.creators:hover .creatorsText p {
    color: rgba(229, 240, 255, 1);
    transform: translateY(-2px);
}

.creatorcheck {
    position: absolute;
    top: 50px;
    right: 10px;
    z-index: 10;
}

.creatorcheck img {
    width: 20px;
    height: 20px;
    filter: drop-shadow(0 0 5px rgba(1, 157, 234, 0.5));
}
.aboutitemImg img{width:100%;}
.aboutitemcnt{padding:20px;display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;}
.aboutitem {border-radius: 10px !important; overflow: hidden; }
.itemtitlecode h2{font-size:12px;margin:0 0 10px;}
.itemtitlecode h3{font-weight:500;font-size:14px;}
.itemtitlecode h4{font-weight:400;font-size:12px;margin:13px 0 0;}
.itemtitlePrice{text-align:right;}
.itemtitlePrice h2{font-size:12px;margin:0 0 10px;}
.itemtitlePrice h3{margin:0 0 15px;line-height:10px;}
.itemtitlePrice h3 strong{font-weight:400;font-size:14px;display:inline-block;vertical-align:middle;}
.itemtitlePrice h3 img{display:inline-block;vertical-align:middle;width:12px;}
.itemtitlePrice h4{font-size:12px;}
.itemtitlePrice h4 img{width:15px;display:inline-block;vertical-align:middle;margin:0 5px 0 0;}
.seller{display:flex;width:100%;align-items:center;align-content:center;justify-content:space-between;}
.sellerLeft{display:inline-flex;align-items:center;align-content:center;}
.sellcount{padding:0 20px 0 0;font-size:14px;}
.sellerimg{padding:0 20px 0 0;width:90px;position:relative;}
.bluecheckicon{position:absolute;top:51px;left:56px;}
.sellerPrice{font-size:14px;}
.sellerimg > img{width:80px;}
.sellertitlepr h2{font-size:14px;color:#202020;margin:0 0 10px;}
.sellertitlepr h3{font-weight:600;font-size:14px;color:#5B5B5B;display:inline-block;vertical-align:middle;}
.sellertitlepr h3 img{width:11px;display:inline-block;vertical-align:middle;margin:0 5px 0 0;}
.headingWh{font-weight:500;font-size:30px;color:#fff;}

/* Старые стили отзывов удалены - теперь используется структура creators */

.circlebg1{position:absolute;left:0;top:0;z-index:-1;}
.circlebg2{position:absolute;left:0;right:0;top:30px;z-index:-1;margin:auto;text-align:center;}
.circlebg3{position:absolute;right:0;top:0;z-index:-1;}
header{
    padding:25px 0;
    z-index:999999;
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    background:transparent;
    transition:all 0.3s ease;
}

header .row {
    align-items: center;
}

header .col-md-12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

header.scrolled {
    padding:20px 0;
    background: linear-gradient(145deg, rgba(30, 42, 58, 0.7), rgba(20, 32, 48, 0.6));
    backdrop-filter:blur(25px);
    -webkit-backdrop-filter:blur(25px);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(1, 157, 234, 0.3);
    background-image:
        radial-gradient(circle at 30% 40%, rgba(1, 157, 234, 0.08) 0%, transparent 60%),
        radial-gradient(circle at 70% 80%, rgba(0, 102, 204, 0.06) 0%, transparent 60%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, transparent 50%);
}

body {
    padding-top:100px;
}
.logo{display:inline-flex;align-items:center;align-content:center;min-width:100px;}
.searchform{display:inline-flex;align-items:center;align-content:center;}

/* Стили для кнопок профиля и кошелька */
.loginWallet a.btn {
    min-width: inherit;
    width: 43px;
    height: 43px;
    background: linear-gradient(135deg, #102944, #0A1F3A);
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid rgba(1, 157, 234, 0.2);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.loginWallet a.btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(1, 157, 234, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    transition: all 0.4s ease;
    transform: translate(-50%, -50%);
}

.loginWallet a.btn:hover::before {
    width: 100px;
    height: 100px;
}

.loginWallet a.btn:hover,
.loginWallet a.btn:focus {
    background: linear-gradient(135deg, #019DEA, #0066CC);
    border-color: rgba(1, 157, 234, 0.6);
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(1, 157, 234, 0.4);
}

.loginWallet a.btn:active {
    transform: scale(0.95);
    transition: transform 0.1s ease;
}

.loginWallet a.btn img {
    margin-left: -1px;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.loginWallet a.btn:hover img {
    filter: brightness(1.2);
    transform: scale(1.1);
}
/* Новые стили поиска в стиле выпадающих меню */
.searchform form input {
    width: 100%;
    background: linear-gradient(145deg, #1e2a3a, #142030);
    border: 2px solid rgba(1, 157, 234, 0.6);
    border-radius: 20px;
    padding: 10px 18px 10px 55px;
    font-weight: 400;
    font-size: 14px;
    color: #E8F4FD;
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    background-image:
        radial-gradient(circle at 30% 40%, rgba(1, 157, 234, 0.12) 0%, transparent 60%),
        radial-gradient(circle at 70% 80%, rgba(0, 102, 204, 0.10) 0%, transparent 60%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, transparent 50%);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
}

.searchform form input:focus {
    outline: none;
    border-color: rgba(1, 157, 234, 0.9);
    box-shadow: 
        0 12px 35px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 0 20px rgba(1, 157, 234, 0.3);
    transform: translateY(-2px);
}

.searchform form input::placeholder {
    color: rgba(177, 187, 212, 0.8);
    font-weight: 300;
}

.searchform {
    width: 100%;
    max-width: 360px;
    margin: 0 25px 0 25px;
}

.searchform form {
    width: 100%;
    position: relative;
}

.searchform button {
    position: absolute;
    border: none;
    background: transparent;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    padding: 8px;
    transition: all 0.3s ease;
}

.searchform button:hover {
    transform: translateY(-55%) scale(1.1);
}

.searchform input:focus + button {
    transform: translateY(-55%);
}

.searchform button img {
    width: 20px;
    height: 20px;
    filter: brightness(1.2) drop-shadow(0 0 8px rgba(1, 157, 234, 0.6)) drop-shadow(0 0 16px rgba(0, 102, 204, 0.4));
    animation: searchIconAppear 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s forwards;
    opacity: 0;
    transform: scale(0.5) rotate(-180deg);
    transition: all 0.3s ease;
}

.searchform button:hover img {
    filter: brightness(1.5) drop-shadow(0 0 12px rgba(1, 157, 234, 0.8)) drop-shadow(0 0 24px rgba(0, 102, 204, 0.6));
    transform: scale(1.1);
}

.searchform input:focus + button img {
    filter: brightness(1.4) drop-shadow(0 0 10px rgba(1, 157, 234, 0.7)) drop-shadow(0 0 20px rgba(0, 102, 204, 0.5));
}

/* Анимация появления поиска */
.searchform {
    animation: searchAppear 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes searchAppear {
    0% {
        opacity: 0;
        transform: translateY(-20px) scale(0.9);
        filter: blur(5px);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-5px) scale(1.02);
        filter: blur(2px);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0px);
    }
}

/* Анимация появления иконки поиска */
@keyframes searchIconAppear {
    0% {
        opacity: 0;
        transform: scale(0.5) rotate(-180deg);
        filter: brightness(0.5) blur(3px) drop-shadow(0 0 4px rgba(1, 157, 234, 0.3));
    }
    50% {
        opacity: 0.8;
        transform: scale(1.2) rotate(-90deg);
        filter: brightness(1.5) blur(1px) drop-shadow(0 0 10px rgba(1, 157, 234, 0.7)) drop-shadow(0 0 20px rgba(0, 102, 204, 0.5));
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
        filter: brightness(1.2) drop-shadow(0 0 8px rgba(1, 157, 234, 0.6)) drop-shadow(0 0 16px rgba(0, 102, 204, 0.4));
    }
}
nav.navbar{display:inline-flex;align-items:center;align-content:center;vertical-align:middle;}
nav.navbar .navbar-nav .nav-link{font-weight:500;font-size:14px;color:#E4E4E4;padding:0;}
nav.navbar .navbar-nav .nav-link:hover,nav.navbar .navbar-nav .nav-link:focus,nav.navbar .navbar-nav .nav-item.active .nav-link{color:#019dea;}
nav.navbar .navbar-nav li.nav-item{margin:0 30px 0 0;}
/* Современные стили для выпадающих меню */
.dropdown-menu {
    background: linear-gradient(145deg, #1e2a3a, #142030);
    border: 2px solid rgba(1, 157, 234, 0.6);
    border-radius: 20px;
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    padding: 20px 8px;
    margin-top: 15px;
    min-width: 220px;
    backdrop-filter: blur(25px);
    background-image:
        radial-gradient(circle at 30% 40%, rgba(1, 157, 234, 0.12) 0%, transparent 60%),
        radial-gradient(circle at 70% 80%, rgba(0, 102, 204, 0.10) 0%, transparent 60%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, transparent 50%);
    animation: slideDown 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: absolute;
    overflow: hidden;
    z-index: 100050 !important;
}

.dropdown-menu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent 30%, rgba(1, 157, 234, 0.03) 50%, transparent 70%);
    pointer-events: none;
    animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
        filter: blur(2px);
    }
    30% {
        opacity: 0.5;
        transform: translateY(-8px) scale(0.98);
        filter: blur(1px);
    }
    60% {
        opacity: 0.8;
        transform: translateY(2px) scale(1.01);
        filter: blur(0.5px);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0px);
    }
}

.dropdown-menu li {
    margin: 0;
    padding: 0 8px;
    position: relative;
}

.dropdown-menu li:last-child {
    margin: 0;
}

.dropdown-menu li a.dropdown-item {
    color: #E8F4FD;
    font-weight: 500;
    font-size: 14px;
    padding: 14px 18px;
    border-radius: 12px;
    margin: 4px 0;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.03));
    border: 1px solid rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(15px);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dropdown-menu li a.dropdown-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 157, 234, 0.15), 
        rgba(255, 255, 255, 0.1), 
        rgba(1, 157, 234, 0.15), 
        transparent);
    transition: left 0.6s ease;
    z-index: 1;
}

.dropdown-menu li a.dropdown-item::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(1, 157, 234, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    transition: all 0.4s ease;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.dropdown-menu li a.dropdown-item:hover::before {
    left: 100%;
}

.dropdown-menu li a.dropdown-item:hover::after {
    width: 120px;
    height: 120px;
}

.dropdown-menu li a.dropdown-item:hover,
.dropdown-menu li a.dropdown-item:focus {
    color: #FFFFFF;
    background: linear-gradient(135deg, 
        rgba(1, 157, 234, 0.25), 
        rgba(0, 102, 204, 0.25), 
        rgba(1, 157, 234, 0.15));
    border: 1px solid rgba(1, 157, 234, 0.6);
    transform: translateX(8px) scale(1.02);
    box-shadow: 
        0 8px 25px rgba(1, 157, 234, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 0 10px rgba(1, 157, 234, 0.5);
}

.dropdown-menu li.active a.dropdown-item {
    color: #FFFFFF;
    background: linear-gradient(135deg, 
        rgba(1, 157, 234, 0.4), 
        rgba(0, 102, 204, 0.4), 
        rgba(1, 157, 234, 0.3));
    border: 1px solid rgba(1, 157, 234, 0.8);
    box-shadow: 
        0 6px 20px rgba(1, 157, 234, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* Стили для dropdown кнопки профиля */
.loginWallet .dropdown-toggle {
    background: linear-gradient(135deg, #102944, #0A1F3A);
    border: 2px solid rgba(1, 157, 234, 0.2);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.loginWallet .dropdown-toggle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(1, 157, 234, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    transition: all 0.4s ease;
    transform: translate(-50%, -50%);
}

.loginWallet .dropdown-toggle:hover::before {
    width: 100px;
    height: 100px;
}

.loginWallet .dropdown-toggle:hover,
.loginWallet .dropdown-toggle:focus,
.loginWallet .dropdown-toggle.show {
    background: linear-gradient(135deg, #019DEA, #0066CC);
    border-color: rgba(1, 157, 234, 0.6);
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(1, 157, 234, 0.4);
}

.loginWallet .dropdown-toggle:active {
    transform: scale(0.95);
    transition: transform 0.1s ease;
}

.loginWallet .dropdown-toggle img {
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.loginWallet .dropdown-toggle:hover img,
.loginWallet .dropdown-toggle.show img {
    filter: brightness(1.2);
    transform: scale(1.1);
}

/* Убираем стандартные стрелки dropdown */
nav.navbar .dropdown-toggle::after,
.loginWallet .dropdown-toggle::after {
    display: none;
}

/* Специальные стили для выпадающего меню профиля */
.loginWallet .dropdown-menu {
    background: linear-gradient(145deg, #1e2a3a, #0f1a26);
    border: 2px solid rgba(1, 157, 234, 0.5);
    border-radius: 16px;
    box-shadow: 
        0 25px 80px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    padding: 16px 6px;
    position: absolute;
    top: 100% !important;
    margin-top: 20px !important;
    min-width: 200px;
    backdrop-filter: blur(25px);
    background-image:
        radial-gradient(circle at 20% 30%, rgba(1, 157, 234, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(0, 102, 204, 0.08) 0%, transparent 50%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, transparent 60%);
    animation: profileMenuSlide 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    overflow: hidden;
    transform-origin: top center;
}

.loginWallet .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: linear-gradient(145deg, #1e2a3a, #0f1a26);
    border: 2px solid rgba(1, 157, 234, 0.5);
    border-bottom: none;
    border-right: none;
    transform: translateX(-50%) rotate(45deg);
    z-index: 10;
}

.loginWallet .dropdown-menu::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent 30%, rgba(1, 157, 234, 0.05) 50%, transparent 70%);
    pointer-events: none;
    /* Убрали мигающую анимацию: animation: profileShimmer 4s ease-in-out infinite; */
}

@keyframes profileMenuSlide {
    0% {
        opacity: 0;
        transform: translateY(-30px) scale(0.8) rotateX(-15deg);
        filter: blur(8px);
    }
    60% {
        transform: translateY(5px) scale(1.05) rotateX(2deg);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1) rotateX(0deg);
        filter: blur(0px);
    }
}

/* Удалили анимацию profileShimmer, так как она больше не используется */

.loginWallet .dropdown-menu li a.dropdown-item {
    color: #E8F4FD;
    font-weight: 600;
    font-size: 13px;
    padding: 12px 16px;
    border-radius: 10px;
    margin: 3px 0;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(15px);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 0.3px;
}

.loginWallet .dropdown-menu li a.dropdown-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 157, 234, 0.2), 
        rgba(255, 255, 255, 0.15), 
        rgba(1, 157, 234, 0.2), 
        transparent);
    transition: left 0.7s ease;
    z-index: 1;
}

.loginWallet .dropdown-menu li a.dropdown-item::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(1, 157, 234, 0.25) 0%, transparent 70%);
    border-radius: 50%;
    transition: all 0.5s ease;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.loginWallet .dropdown-menu li a.dropdown-item:hover::before {
    left: 100%;
}

.loginWallet .dropdown-menu li a.dropdown-item:hover::after {
    width: 140px;
    height: 140px;
}

.loginWallet .dropdown-menu li a.dropdown-item:hover,
.loginWallet .dropdown-menu li a.dropdown-item:focus {
    color: #FFFFFF;
    background: linear-gradient(135deg, 
        rgba(1, 157, 234, 0.3), 
        rgba(0, 102, 204, 0.3), 
        rgba(1, 157, 234, 0.2));
    border: 1px solid rgba(1, 157, 234, 0.7);
    transform: translateX(10px) scale(1.03);
    box-shadow: 
        0 10px 30px rgba(1, 157, 234, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
    text-shadow: 0 0 12px rgba(1, 157, 234, 0.6);
    font-weight: 700;
}

.loginWallet .dropdown-menu li a.dropdown-item:active {
    transform: translateX(8px) scale(0.98);
    transition: transform 0.1s ease;
}

.loginWallet {
    align-items: center;
    align-content: center;
    vertical-align: middle;
}

.loginWallet button {
    padding: 0;
}

.searchform form input::-webkit-input-placeholder{color:rgba(177, 187, 212, 0.8);font-weight:300;}
.bannerImg{position:relative;display:inline-flex;}
.bannerSec{position:relative;padding:100px 0;}
.bannerimg01{margin:0 -85px 0 0;}
.bannerimg02{margin:25px -55px 0 0;}
.bannerimg03{margin:55px 0 0 -30px;}
.bannercntSec{display:flex;align-items:stretch;align-content:stretch;justify-content:center;width:100%;height:100%;}
.bannercnt{display:inline-flex;flex-wrap:wrap;padding:16px 0 0 0;max-width:100%;width:100%;}

.exchange-widget{max-width:100% !important;width:100% !important;height:auto !important;position:relative;z-index:100030;}
.exchange-interface{width:100% !important;max-width:100% !important;margin:0 auto;height:100%;position:relative;z-index:100030;}

.exchange-field{margin-left:-85px !important;}
.exchange-rate{margin-left:-85px !important;}
.exchange-btn{margin-left:-85px !important; width:calc(100% + 85px) !important;}
.exchange-widget .text-center{margin-left:-85px !important;}

/* Специальные стили для валютных dropdown в окне обмена */
.exchange-field .input-group-append {
    position: relative;
}

.exchange-field .input-group-append .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    margin-top: 5px !important;
    z-index: 100040 !important;
    min-width: 250px !important;
}

.exchange-field .dropdown-toggle {
    position: relative;
    z-index: 1;
}

/* Базовые стили для полей обмена - низкий слой */
.exchange-field .input-group {
    position: relative;
    z-index: 100030;
}

.exchange-field {
    position: relative;
    z-index: 100030;
}

/* Дополнительные стили для Bootstrap dropdown */
.exchange-field .dropdown-menu.show {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    z-index: 100040 !important;
}

/* Модалка быстрой регистрации — поверх всех элементов */
.modal {
    z-index: 1000001 !important;
}

.modal-backdrop {
    z-index: 1000000 !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: rgba(10, 31, 58, 0.7);
}

#quickAuthModal .modal-dialog {
    max-width: 420px;
}

#quickAuthModal .modal-content {
    background: linear-gradient(145deg, rgba(30, 42, 58, 0.92), rgba(20, 32, 48, 0.92));
    border: 2px solid rgba(1, 157, 234, 0.3);
    border-radius: 16px;
    box-shadow:
        0 25px 80px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(20px);
}

#quickAuthModal .modal-header {
    border-bottom: 1px solid rgba(1, 157, 234, 0.2);
}

#quickAuthModal .modal-title {
    color: #FFFFFF;
}

#quickAuthModal .btn-close {
    filter: invert(1) brightness(1.5);
}

#quickAuthModal .form-label {
    color: #B1BBD4;
}

#quickAuthModal .form-control {
    background: linear-gradient(145deg, #1e2a3a, #142030);
    border: 2px solid rgba(1, 157, 234, 0.3);
    border-radius: 12px;
    color: #E8F4FD;
}

#quickAuthModal .form-control:focus {
    border-color: rgba(1, 157, 234, 0.9);
    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 0 20px rgba(1, 157, 234, 0.3);
}

#quickAuthModal #quickAuthSubmit {
    border-radius: 12px;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    border: none;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
    transition: all 0.3s ease;
    padding: 10px 16px;
    min-height: 40px;
}

#quickAuthModal #quickAuthSubmit:hover,
#quickAuthModal #quickAuthSubmit:focus {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
}

/* Убираем стандартное позиционирование Bootstrap */
.exchange-field .dropdown-menu[data-bs-popper] {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
}

/* Иерархия z-index слоев для полей обмена */
/* Поле "Отдаете" - самый верхний слой */
.exchange-field-from {
    position: relative;
    z-index: 100070 !important;
}

.exchange-field-from .input-group {
    position: relative;
    z-index: 100070 !important;
}

.exchange-field-from .input-group-append .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    bottom: auto !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    z-index: 100080 !important;
    min-width: 250px !important;
}

.exchange-field-from .dropdown-menu.show {
    position: absolute !important;
    top: 100% !important;
    bottom: auto !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    z-index: 100080 !important;
}

.exchange-field-from .dropdown-menu[data-bs-popper] {
    position: absolute !important;
    top: 100% !important;
    bottom: auto !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    z-index: 100080 !important;
}

/* Поле "Получаете" - средний слой */
.exchange-field-to {
    position: relative;
    z-index: 100050 !important;
}

.exchange-field-to .input-group {
    position: relative;
    z-index: 100050 !important;
}

.exchange-field-to .input-group-append .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    margin-top: 5px !important;
    z-index: 100060 !important;
    min-width: 250px !important;
}

.exchange-field-to .dropdown-menu.show {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    z-index: 100060 !important;
}

.exchange-field-to .dropdown-menu[data-bs-popper] {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    z-index: 100060 !important;
}

.exchange-field-from .dropdown-menu[data-bs-popper] {
    position: absolute !important;
    top: 100% !important;
    bottom: auto !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    z-index: 100060 !important;
}

/* Красивый скролл бар для выпадающих меню валют */
.exchange-field .dropdown-menu,
.exchange-field-from .dropdown-menu,
.exchange-field-to .dropdown-menu {
    scrollbar-width: thin;
    scrollbar-color: rgba(1, 157, 234, 0.6) rgba(5, 13, 29, 0.8);
    padding-right: 15px;
}

/* Currency section headers */
.currency-section-header {
    padding: 8px 16px 4px 16px;
    margin: 8px 8px 4px 8px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(1, 157, 234, 0.9);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: transparent;
    border: none;
    cursor: default;
    user-select: none;
}

/* Gradient separator line */
.currency-separator {
    height: 1px;
    margin: 4px 16px 8px 16px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(1, 157, 234, 0.3) 20%, 
        rgba(1, 157, 234, 0.8) 50%, 
        rgba(1, 157, 234, 0.3) 80%, 
        transparent 100%);
    border: none;
}

.exchange-field .dropdown-menu::-webkit-scrollbar,
.exchange-field-from .dropdown-menu::-webkit-scrollbar,
.exchange-field-to .dropdown-menu::-webkit-scrollbar {
    width: 8px;
}

.exchange-field .dropdown-menu::-webkit-scrollbar-track,
.exchange-field-from .dropdown-menu::-webkit-scrollbar-track,
.exchange-field-to .dropdown-menu::-webkit-scrollbar-track {
    background: rgba(5, 13, 29, 0.8);
    border-radius: 4px;
    margin: 4px 0;
}

.exchange-field .dropdown-menu::-webkit-scrollbar-thumb,
.exchange-field-from .dropdown-menu::-webkit-scrollbar-thumb,
.exchange-field-to .dropdown-menu::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(1, 157, 234, 0.8) 0%, rgba(1, 157, 234, 0.6) 100%);
    border-radius: 4px;
    border: 1px solid rgba(1, 157, 234, 0.3);
    transition: all 0.3s ease;
}

.exchange-field .dropdown-menu::-webkit-scrollbar-thumb:hover,
.exchange-field-from .dropdown-menu::-webkit-scrollbar-thumb:hover,
.exchange-field-to .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(1, 157, 234, 1) 0%, rgba(1, 157, 234, 0.8) 100%);
    border-color: rgba(1, 157, 234, 0.6);
}

/* Стили для элементов выпадающего меню валют с эффектом кнопок */
.exchange-field .dropdown-menu .dropdown-item,
.exchange-field-from .dropdown-menu .dropdown-item,
.exchange-field-to .dropdown-menu .dropdown-item {
    padding: 12px 16px;
    margin: 4px 16px 4px 8px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(145deg, rgba(30, 42, 58, 0.6), rgba(20, 32, 48, 0.6));
    border: 1px solid rgba(1, 157, 234, 0.2);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-weight: 500;
    backdrop-filter: blur(10px);
    box-shadow: 
        0 2px 8px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.exchange-field .dropdown-menu .dropdown-item::before,
.exchange-field-from .dropdown-menu .dropdown-item::before,
.exchange-field-to .dropdown-menu .dropdown-item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(1, 157, 234, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    transition: all 0.4s ease;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.exchange-field .dropdown-menu .dropdown-item:hover::before,
.exchange-field-from .dropdown-menu .dropdown-item:hover::before,
.exchange-field-to .dropdown-menu .dropdown-item:hover::before {
    width: 200px;
    height: 200px;
}

.exchange-field .dropdown-menu .dropdown-item:hover,
.exchange-field-from .dropdown-menu .dropdown-item:hover,
.exchange-field-to .dropdown-menu .dropdown-item:hover {
    background: linear-gradient(135deg, #019DEA, #0066CC);
    border-color: rgba(1, 157, 234, 0.9);
    color: #fff;
    text-decoration: none;
    box-shadow: 
        0 8px 20px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 0 15px rgba(1, 157, 234, 0.4);
    transform: translateY(-1px) scale(1.01);
}

.exchange-field .dropdown-menu .dropdown-item:active,
.exchange-field-from .dropdown-menu .dropdown-item:active,
.exchange-field-to .dropdown-menu .dropdown-item:active {
    transform: translateY(0) scale(0.99);
    transition: transform 0.1s ease;
}

.exchange-field .dropdown-menu .dropdown-item img,
.exchange-field-from .dropdown-menu .dropdown-item img,
.exchange-field-to .dropdown-menu .dropdown-item img {
    position: relative;
    z-index: 1;
    margin-right: 8px;
    transition: all 0.3s ease;
}

.exchange-field .dropdown-menu .dropdown-item span,
.exchange-field-from .dropdown-menu .dropdown-item span,
.exchange-field-to .dropdown-menu .dropdown-item span {
    position: relative;
    z-index: 1;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.bannercnt h2{font-size:35px;line-height:52px;margin:0 0 40px;}
.bannercnt p{font-size:20px;margin:0 0 40px;line-height:30px;}
.nav.nav-tabs{border:none;margin:0 0 40px;}
.nav.nav-tabs button{
    padding:10px 18px;
    font-weight:500;
    font-size:14px;
    color:#E5F0FF;
    text-align:center;
    margin:0 20px 0 0;
    border: 2px solid rgba(1, 157, 234, 0.3);
    border-radius:15px;
    background: linear-gradient(145deg, rgba(30, 42, 58, 0.8), rgba(20, 32, 48, 0.8));
    backdrop-filter: blur(15px);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 
        0 4px 15px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.nav.nav-tabs button:hover {
    background: linear-gradient(135deg, #019DEA, #0066CC);
    border-color: rgba(1, 157, 234, 0.9);
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 0 15px rgba(1, 157, 234, 0.3);
    transform: translateY(-2px);
}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{
    background: linear-gradient(135deg, #019DEA, #0066CC);
    color:#ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(1, 157, 234, 0.9);
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 0 15px rgba(1, 157, 234, 0.3);
}
button.navbar-toggler{display:none;}

.more-tab{position:relative;display:inline-flex;vertical-align:middle;align-items:center;align-content:center;}
.more-tab > a{}
.more-tab > a:hover,.more-tab > a:focus{color:#019DEA;}
.more-tab > a img{margin-left:7px;vertical-align:middle;width:12px;height:12px;transition:transform 0.3s ease;}

.more-box{display: none; min-width:200px;background:#0e2542;box-shadow:0 0 7px rgb(0 0 0 / 10%);position:absolute;top:40px;left:0;z-index: 1;}

.more-box{max-height:209px;overflow-x:auto;}
.more-box{scrollbar-color:#2abb9b #e0e0e0;scrollbar-width:thin;}
.more-box::-webkit-scrollbar{width:6px;}
.more-box::-webkit-scrollbar-track{background:#e0e0e0;border-radius:20px;-webkit-border-radius:20px;}
.more-box::-webkit-scrollbar-thumb{background:#000;border-radius:20px;-webkit-border-radius:20px;}

.more-box .nav-link{width:100%;text-align:left;border-color:#e9ecef #e9ecef #dee2e6;border-width:1px;}
.more-box button.nav-link{margin:0;padding:10px 15px;border-bottom:1px solid #1f487c;border-radius:0;text-align:left;}
.more-box button.nav-link:last-child{border-bottom:none;}
.more-box button.nav-link:hover,.more-box button.nav-link:focus{border-bottom-color:#1f487c;background:#019DEA;}
.topSellers ul li{display:inline-block;width:31%;margin:0 1% 0;}
.topSellers ul{margin:0 -1%;color:#E5F0FF;}
.topSellers ul li .sellertitlepr h2{color:#E5F0FF;}
.topSellers ul li .sellertitlepr h3{color:#fff;}
.topSellers li .seller{
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(90deg, rgba(1, 157, 234, 0.6), rgba(0, 102, 204, 0.4), rgba(1, 157, 234, 0.6)) 1;
    padding: 12px 0;
    position: relative;
}

.topSellers li .seller::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(1, 157, 234, 0.6), rgba(0, 102, 204, 0.4), rgba(1, 157, 234, 0.6));
    box-shadow: 0 0 8px rgba(1, 157, 234, 0.3);
}

.topSellers li .seller:last-child{border-bottom:none;}
.topSellers li .seller:last-child::after{display:none;}
/* Современный дизайн блока "Как начать работу" в стиле чата и выпадающих меню */
.createsell {
    background: linear-gradient(145deg, #1e2a3a, #142030);
    border: 2px solid rgba(1, 157, 234, 0.3);
    border-radius: 20px;
    padding: 35px 30px;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(25px);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    background-image:
        radial-gradient(circle at 30% 40%, rgba(1, 157, 234, 0.12) 0%, transparent 60%),
        radial-gradient(circle at 70% 80%, rgba(0, 102, 204, 0.10) 0%, transparent 60%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, transparent 50%);
    text-align: center;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.createsell::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent 30%, rgba(1, 157, 234, 0.03) 50%, transparent 70%);
    pointer-events: none;
    animation: shimmer 3s ease-in-out infinite;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.createsell:hover::before {
    opacity: 1;
}

.createsell:hover {
    transform: translateY(-8px) scale(1.02);
    border-color: rgba(1, 157, 234, 0.6);
    box-shadow: 
        0 30px 80px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 0 40px rgba(1, 157, 234, 0.3);
}
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(1, 157, 234, 0.1), transparent);
    transition: left 0.6s ease;
}

.createsell:hover::before {
    left: 100%;
}

.createsell:hover {
    transform: translateY(-8px);
    border-color: rgba(1, 157, 234, 0.5);
    box-shadow: 0 20px 40px rgba(1, 157, 234, 0.2);
    background: linear-gradient(135deg, rgba(1, 157, 234, 0.15) 0%, rgba(10, 31, 58, 0.9) 100%);
}

.createsellHead {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 0 25px;
    position: relative;
}

.creatsellicon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, rgba(1, 157, 234, 0.2) 0%, rgba(1, 157, 234, 0.1) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    border: 2px solid rgba(1, 157, 234, 0.3);
}

.creatsellicon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(1, 157, 234, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    transition: all 0.4s ease;
    transform: translate(-50%, -50%);
}

.createsell:hover .creatsellicon::before {
    width: 100px;
    height: 100px;
}

.createsell:hover .creatsellicon {
    transform: scale(1.1) rotate(5deg);
    border-color: rgba(1, 157, 234, 0.6);
    box-shadow: 0 0 20px rgba(1, 157, 234, 0.4);
}

.creatsellicon img {
    width: 40px;
    height: 40px;
    filter: brightness(1.2) drop-shadow(0 0 10px rgba(1, 157, 234, 0.3));
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.createsell:hover .creatsellicon img {
    filter: brightness(1.5) drop-shadow(0 0 15px rgba(1, 157, 234, 0.6));
    transform: scale(1.1);
}

.createsellHead h3 {
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    background: linear-gradient(135deg, #ffffff 0%, rgba(1, 157, 234, 0.9) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: all 0.3s ease;
    position: relative;
}

.createsell:hover .createsellHead h3 {
    background: linear-gradient(135deg, #ffffff 0%, rgba(1, 157, 234, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transform: scale(1.05);
}

.createsell p {
    font-size: 15px;
    line-height: 24px;
    color: rgba(229, 240, 255, 0.8);
    margin: 0;
    transition: all 0.3s ease;
}

.createsell:hover p {
    color: rgba(229, 240, 255, 1);
    transform: translateY(-2px);
}

/* Анимация shimmer для боксов резерва валюты */
@keyframes shimmer {
    0% {
        transform: translateX(-100%) rotate(45deg);
    }
    50% {
        transform: translateX(0%) rotate(45deg);
    }
    100% {
        transform: translateX(100%) rotate(45deg);
    }
}

/* Стили для раздела "Наши преимущества" */
.ourAdvantages {
    position: relative;
    overflow: hidden;
    padding: 60px 0;
}

.advantage-card {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 40px 25px;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    text-align: center;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
    backdrop-filter: blur(10px);
}

.advantage-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(1, 157, 234, 0.05) 0%, rgba(0, 102, 204, 0.03) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    border-radius: 16px;
}

.advantage-card:hover::before {
    opacity: 1;
}

.advantage-card:hover {
    transform: translateY(-5px);
    border-color: rgba(1, 157, 234, 0.4);
    box-shadow: 0 15px 40px rgba(1, 157, 234, 0.15);
}

.advantage-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0;
    position: relative;
}

.advantage-icon {
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: all 0.3s ease;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.advantage-card:hover .advantage-icon {
    transform: translateY(-3px);
    background: rgba(1, 157, 234, 0.1);
    border-color: rgba(1, 157, 234, 0.3);
    box-shadow: 0 8px 25px rgba(1, 157, 234, 0.2);
}

.advantage-icon svg {
    transition: all 0.3s ease;
    width: 32px;
    height: 32px;
}

.advantage-card:hover .advantage-icon svg {
    transform: scale(1.1);
}

.advantage-header h3 {
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 15px 0;
    color: #ffffff;
    transition: all 0.3s ease;
}

.advantage-card:hover .advantage-header h3 {
    color: rgba(1, 157, 234, 1);
}

.advantage-card p {
    font-size: 15px;
    line-height: 24px;
    color: rgba(229, 240, 255, 0.8);
    margin: 0;
    transition: all 0.3s ease;
}

.advantage-card:hover p {
    color: rgba(229, 240, 255, 1);
    transform: translateY(-2px);
}

/* Анимация мерцания */
@keyframes shimmer {
    0% { transform: translateX(-100%) rotate(45deg); }
    100% { transform: translateX(100%) rotate(45deg); }
}

/* Адаптивные стили для раздела преимуществ */
@media (max-width: 1199px) {
    .advantage-card {
        min-height: 280px;
        padding: 35px 20px;
    }
    
    .advantage-icon {
        width: 65px;
        height: 65px;
    }
    
    .advantage-header h3 {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .advantage-card {
        min-height: 260px;
        padding: 30px 20px;
        margin-bottom: 25px;
    }
    
    .advantage-icon {
        width: 60px;
        height: 60px;
    }
    
    .advantage-header h3 {
        font-size: 17px;
    }
    
    .advantage-card p {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .advantage-card {
        min-height: 220px;
        padding: 20px 15px;
        margin-bottom: 20px;
    }
    
    .advantage-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 15px;
    }
    
    .advantage-header {
        padding: 0 0 20px;
    }
    
    .advantage-header h3 {
        font-size: 15px;
    }
    
    .advantage-card p {
        font-size: 13px;
        line-height: 20px;
    }
}

/* Анимации появления блоков */
@keyframes blockAppear {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.8) rotateX(-15deg);
        filter: blur(8px);
    }
    30% {
        opacity: 0.3;
        transform: translateY(20px) scale(0.95) rotateX(-5deg);
        filter: blur(3px);
    }
    60% {
        opacity: 0.8;
        transform: translateY(-5px) scale(1.05) rotateX(2deg);
        filter: blur(1px);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1) rotateX(0deg);
        filter: blur(0px);
    }
}

.createsell {
    animation: blockAppear 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    opacity: 0;
}

.createsell:nth-child(1) { animation-delay: 0.1s; }
.createsell:nth-child(2) { animation-delay: 0.2s; }
.createsell:nth-child(3) { animation-delay: 0.3s; }
.createsell:nth-child(4) { animation-delay: 0.4s; }
footer{padding:70px 0;background:rgba(10,31,58,0.5);margin:150px 0 0;}
footer .col-xl-8{padding-left:150px;}
.footlogo{margin:0 0 40px;}
.footlogo img{width:130px;}
.footlogocntSec p{margin:22px 0 37px;color:#AAB0C0;font-weight:400;font-size:14px;}
.joincommunity h3{font-weight:600;font-size:15px;color:#fff;margin:0 0 20px 0;}
.joincommunity ul li{margin:0 7px 0 0;display:inline-block;vertical-align:middle;}
.joincommunity ul li:last-child{margin:0;}
.joincommunity ul li a{display:flex;width:36px;height:36px;background:#0a1f3a;border-radius:60px;align-items:center;align-content:center;justify-content:center;}
.joincommunity ul li a:hover,.joincommunity ul li a:focus{background:#019dea;}
.footlinks{display:inline-block;}
.footlinks h2{font-weight:600;font-size:14px;color:#fff;margin:0 0 20px;}
.footlinks ul li{margin:0 0 14px;}
.footlinks ul li:last-child{margin:0;}
.footlinks ul li a{font-size:14px;color:#E5F0FF;}
.footsec{padding:0 80px 0 0;}
.footlinks ul li a:hover,.footlinks ul li a:focus{color:#019dea;}

#elevator_item{display:none !important;}
#elevator_item.off{display:none !important;}
#elevator{display:none !important;}
#elevator:hover{display:none !important;}

.bannerSecHome3 {
    position: relative;
    z-index: 100020;
}

.bannerSecHome3 .bannercntSec{padding:0 0 0 90px;background:rgba(10,31,58,0.4);border-radius:10px;justify-content:space-between;align-items:center;align-content:center;position:relative;z-index:100020;}
.bannerSecHome3 .bannercnt{padding:0;max-width:100%;width:50%;align-items:flex-end;justify-content:flex-start;align-content:flex-end;flex-wrap:wrap;}

.disbluebritbg{position:absolute;left:0;z-index:-1;}
.disbluebritbg img{max-width:100%;max-height:800px;}
.filtertop{display:flex;justify-content:space-between;align-items:center;align-content:center;}
.filterLeft{display:inline-flex;width:53%;margin-left:-0.5%;}
.filterRight{display:inline-flex;flex-wrap:wrap;}
.filterLeft .btn-group{width:32%;margin:0 1.5%;}
.filterRight button.btn{min-width:inherit;padding:10px 20px;margin:0 17px 10px 0;font-weight:500;font-size:14px;color:#F1DFDF;}
.filterbtn.dropdown-toggle::after{border:none;content:'';background:url(../img/downwh.svg)0 0 no-repeat;width:15px;height:9px;position:absolute;right:15px;top:17px;}
.filterLeft .dropdown-menu{width:100%;}
.filtertop:last-child{border-top:0.5px solid #3E526C;padding:30px 0 0;margin:30px 0 0;}
.filtertop:last-child .filterLeft{width:78%;}

.rankinglightbg{position:absolute;left:0;bottom:0;z-index:-1;}
.rankTableBody:first-child{padding-top:60px;}
.rankTableBody:last-child{border-bottom:none;}
.rankTableBody{
    display:flex;
    justify-content:space-between;
    align-items:center;
    align-content:center;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(90deg, rgba(1, 157, 234, 0.5), rgba(0, 102, 204, 0.3), rgba(1, 157, 234, 0.5)) 1;
    padding:20px 0;
    position: relative;
}

.rankTableBody::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(1, 157, 234, 0.5), rgba(0, 102, 204, 0.3), rgba(1, 157, 234, 0.5));
    box-shadow: 0 0 6px rgba(1, 157, 234, 0.2);
}
.rankCollection{position:relative;display:flex;justify-content:flex-start;align-items:center;align-content:center;width:16%;}
.rankCollection span{font-size:14px;color:#B1BBD4;padding:0 10px 0 0;}
.rankColImg img{max-width:65px;}
.rankcolTitle{padding:0 0 0 13px;font-size:14px;color:#fff;max-width:60%;}
.rankValue{position:relative;font-size:14px;color:#fff;width:12%;text-align:right;}
.rankValue img{width:10px;margin-right:5px;}
.rankTime{position:relative;font-size:14px;color:#F25252;width:12%;text-align:right;}
.rankDay{position:relative;font-size:14px;color:#4F8A60;width:12%;text-align:right;}
.rankFloor{position:relative;color:#fff;font-size:14px;width:12%;text-align:right;}
.rankFloor img{width:10px;margin-right:5px;}
.rankOwner{position:relative;font-size:14px;color:#C9C9C9;width:12%;text-align:right;}
.rankAssets{position:relative;font-size:14px;color:#C9C9C9;width:12%;text-align:right;}
.rankTableBody:first-child .rankCollection:before,.rankTableBody:first-child .rankValue:before,.rankTableBody:first-child .rankTime:before,.rankTableBody:first-child .rankDay:before,.rankTableBody:first-child .rankFloor:before,.rankTableBody:first-child .rankOwner:before,.rankTableBody:first-child .rankAssets:before{content:'';position:absolute;left:0;top:-73px;font-size:15px;color:#ECECEC;}
.rankTableBody:first-child .rankCollection:before{content:'COLLECTION';top:-51px;}
.rankTableBody:first-child .rankValue:before{content:'VOLUME';right:0;}
.rankTableBody:first-child .rankTime:before{content:'24 HOURS %';right:0;}
.rankTableBody:first-child .rankDay:before{content:'7 DAYS %';right:0;}
.rankTableBody:first-child .rankFloor:before{content:'FLOOR PRICE';right:0;}
.rankTableBody:first-child .rankOwner:before{content:'OWNERS';right:0;}
.rankTableBody:first-child .rankAssets:before{content:'ASSETS';right:0;}
.discoverbanner img{width:100%;}

.sign-from{width:100%;max-width:380px;}
.input-box{margin-bottom:13px;}
.form-input{font-family:'Poppins',sans-serif;background:rgba(10,31,58,0.5);border:none;border-radius:5px;width:100%;height:50px;font-size:14px;font-weight:300;line-height:20px;padding:15px 20px;color:rgba(255,255,255,0.4);}
.form-input::placeholder{color:rgba(255,255,255,0.4);}
.sign-from .form-check{font-family:'Poppins',sans-serif;margin-bottom:25px;font-size:12px;color:rgba(255,255,255,0.4);font-weight:300;line-height:18px;padding-left:30px;display:flex;align-items:center;}
.sign-from .form-check .form-check-input{width:20px;height:20px;margin-left:-30px;background:rgba(10,31,58,0.5);border:none;border-radius:5px;margin-right:7px;box-shadow:none;}
.sign-from .form-check-input:checked[type=checkbox]{background-image:url(../img/checkicon.svg);background-repeat:no-repeat;background-position:center;background-size:15px;background-color:transparent!important;}
.form-check-input:checked{border-color:#019DEA!important;}
.form-check-input:focus{border-color:#019DEA;box-shadow:0 0 0 0.2rem rgba(1,157,234,0.25);}
.divider{display:block;width:100%;text-align:center;padding:15px 0;max-width:380px;font-size:12px;font-weight:400;color:rgba(153,153,153,1);}
.sign-btn{width:100%;}
.social-wrap{width:100%;}
.social-wrap a{display:inline-block;min-width:115px;text-align:center;padding:10.5px 7px;border-radius:10px;}
.social-wrap a:not(:last-child){margin-right:12px;}
.twiter{background:#00ACED;}
.google{background:#EA4335;}
.facebook{background:#3B5998;}
.sign-btn button.btn{
    border-radius:15px;
    font-weight:500;
    background: linear-gradient(145deg, #1e2a3a, #142030);
    border: 2px solid rgba(1, 157, 234, 0.3);
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.signup-link{text-align:center;width:100%;font-size:12px;color:rgba(255,255,255,0.8);margin-top:42px;font-weight:500;}
.signctn h2.signheading{font-weight:500;font-size:25px;line-height:37px;margin:0 0 25px;}
.sign-btn{
    display: flex;
    justify-content: flex-start;
}
.sign-btn button.btn.btnlightblue{
    font-weight:500;
    background: linear-gradient(135deg, #019DEA, #0066CC);
    border: 2px solid rgba(1, 157, 234, 0.3);
    width: 100%;
    max-width: 250px;
    padding: 15px 25px;
}
.sign-btn button.btn.btndarkblue{
    width: 100%;
    max-width: 380px;
    padding: 15px 25px;
}
.signup-link a{color:#019DEA;}
.signup-link a:hover,.signup-link a:focus{color:#fff;}
.signctn p{font-size:15px;line-height:23px;color:#AAB0C0;margin:0 0 20px!important;}
.signctn p a{color:rgba(1,157,234,1);}

.about-sec{padding:60px 0 0;}
.abouth{font-weight:500;font-size:30px;line-height:45px;margin:0 0 30px;}
.about-content p{font-size:15px;line-height:27px;color:rgba(170,176,192,1);font-weight:400;text-align:justify;}
.about-content{max-width:500px;}
.sell-nft{margin-top:40px;margin-bottom:110px;}
.about-row2 .about-content{max-width:560px;margin-left:auto;}
.about-row2 .abouth{font-size:25px;line-height:38px;margin:0 0 25px;}
.about-row2 .about-content p{text-align:left;}
.watch-btn .btnlightblue{border-radius:10px;}

.authorEarn{display:flex;justify-content:space-between;}
.authorEarn > div{width:100%;}
.authorEarn span{display:block;font-size:12px;}
.authorEarn strong{display:block;font-weight:600;font-size:15px;}
.authorEarn strong img{display:inline-block;vertical-align:middle;margin-right:5px;}

.authoreproimg > img{width:100%;}
.authoreproimg{position:relative;}
.authoreproicon{position:absolute;left:0;right:0;margin:-65px auto;display:table;width:130px;}
.auProfileDetail{display:flex;justify-content:center;align-items:center;align-content:center;text-align:center;margin:100px 0 0;flex-wrap:wrap;}
.prCnt h2{font-weight:500;font-size:25px;}
.prCnt h3{font-weight:500;font-size:12px;}
.prCnt p{font-size:15px;}
.prCnt{width:100%;}
.auSocial{display:inline-flex;width:100%;justify-content:flex-end;margin-top:-120px;}
.auTabing .nav.nav-tabs{margin:0 0 50px 0;border-bottom:1px solid #3E526C;}
.auTabing .nav.nav-tabs button.nav-link{border-radius:0;font-size:16px;color:#B1BBD4;}
.auTabing .nav-tabs button.nav-link.active,.auTabing .nav-tabs button.nav-item.show .nav-link{position:relative;background:none;border-bottom:none;color:#fff;}
.auTabing .nav-tabs .nav-link.active:before,.auTabing .nav-tabs .nav-item.show .nav-link:before{content:'';position:absolute;left:0;right:0;bottom:-3px;width:100%;height:5px;border-bottom:5px solid #019DEA;border-radius:3px;}
.auTabing .nav.nav-tabs button img{display:inline-block;vertical-align:middle;margin:0 5px 0 0;}

.auTabing .nav.nav-tabs button.nav-link.active svg path { fill: #fff; }

.activityTable{width:100%;}
.activityTable table{width:100%;}
.activityTable tr th{padding:0 0 15px;font-weight:500;font-size:14px;color:#fff;}
.actiCollect{display:flex;align-items:center;justify-content:flex-start;color:#fff;}
.activityTable table tr td{
    font-size:14px;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(90deg, rgba(1, 157, 234, 0.4), rgba(0, 102, 204, 0.2), rgba(1, 157, 234, 0.4)) 1;
    padding-top:20px;
    padding-bottom:20px;
    position: relative;
}

.activityTable table tr td::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(1, 157, 234, 0.4), rgba(0, 102, 204, 0.2), rgba(1, 157, 234, 0.4));
    box-shadow: 0 0 4px rgba(1, 157, 234, 0.15);
}
.activityTable tr th:first-child{width:12%;}
.activityTable tr th:nth-child(2){width:25%;}
.activityTable table tr:last-child td{border-bottom:none;}
.actiCnt{padding:0 0 0 10px;font-size:14px;}
.actiCollect span{padding-right:10px;}
.actiCollect span{width:100%;display:block;font-size:10px;}
.offericon img{display:inline-block;vertical-align:middle;margin-right:8px;}
.actiCntSm,.offericonSm{display:none;}

.faq-ques{display:flex;padding-top:50px;}
.faq-ques .nav-tabs{width:100%;max-width:300px;display:block;}
.faq-ques .tab-content{width:100%;max-width:calc(100% - 310px);padding-left:100px;}
.faq-ques .nav-link{transition:0.5s;padding:25px!important;background:transparent!important;border-radius:10px!important;margin:15px 0!important;font-family:'Roboto',sans-serif;font-style:normal;font-size:15px!important;line-height:21px!important;color:#FFFFFF!important;text-align:left!important;position:relative;border-top-right-radius:0!important;border-bottom-right-radius:0!important;}
.faq-ques .nav-link.active{transition:0.5s;background:#0a1f3a80!important;}
.faq-ques .nav-link:after{transition:0.5s;opacity:0;content:"";width:51px;height:100%;background:url('../img/que-angle.svg') no-repeat center center;position:absolute;right:-50px;top:0;}
.faq-ques .nav-link.active:after{transition:0.5s;opacity:1;}
.faq-ques .nav-item:first-child > button{margin-top:0!important;}
.faq-ques .nav-item{margin-right:70px;}
.faq .accordion-item{background:transparent;}
.faq .accordion-body{padding:0;}
.faq .accordion-body h3{font-family:'Roboto',sans-serif;font-style:normal;font-weight:600;font-size:25px;line-height:37px;color:#FFFFFF;margin-bottom:25px;margin-top:25px;}
.faq .accordion-body p{font-family:'Roboto',sans-serif;font-style:normal;font-weight:normal;font-size:15px;line-height:27px;text-align:justify;color:#AAB0C0;padding-bottom:30px;}
.faq-ques .nav-tabs{max-height:690px;overflow:auto;}
.faq + footer{margin-top:0;}
.faq .accordion-body h3:first-child{margin-top:0;}
.accordion-button{flex-wrap:wrap;}
.accordion-button::after{position: absolute; right: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; background-image: url(../img/downwh.svg);}
.accordion-button:not(.collapsed)::after{background-image: url(../img/downbl.svg);}

.title-heading p{padding-top:10px;font-family:Poppins;font-style:normal;font-weight:normal;font-size:15px;line-height:22px;color:#E5F0FF;}
.title-heading p a{color:#09a3f0;}
.create-form  label{font-family:Poppins;font-style:normal;font-weight:500;font-size:15px;line-height:22px;text-align:center;color:#FFFFFF;padding-bottom:10px;padding-top:10px;}
.create-form input[type="text"],.create-form input[type="password"],.create-form input[type="number"],.create-form input[type="email"],.create-form textarea{background:rgba(10,31,58,0.5);border-radius:10px;border:0;padding:14px 15px;font-family:Poppins;font-style:normal;font-weight:normal;font-size:13px;line-height:19px;color:#fff;}
.create-form textarea{height:130px;}
.img-choosen{background:#07162b;padding:15px;border-radius:10px;display:flex;align-items:center;justify-content:center;min-height:170px;flex-wrap:wrap;align-content:center;}
.img-choosen label{width:100%;padding:0;}
.img-choosen:hover{background:#112848;}
.create-form textarea:focus{background:rgba(10,31,58,0.5);}
.create-form input:focus,.create-form textarea:focus{box-shadow:none;}
.title-heading{height:85px;}
.create-form.form-switch{margin-left:20px;}

.file-upload-content{display:none;text-align:center;}
.file-upload-input{position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px;}
.image-upload-wrap{overflow:hidden;position:relative;background:rgba(10,31,58,0.5);padding:40px 30px;width:100%;border-radius:10px;display:block!important;}
.image-dropping,.image-upload-wrap:hover{background-color:#112848;}
.image-title-wrap{padding-left:20px;color:#222;width:100%;}
.drag-text{text-align:center;}
.drag-text h3{font-weight:100text-transform:uppercase;color:#15824B;padding:60px 0;}
.file-upload-image{width:100%;height:100%;object-fit:contain;}
.remove-image{color:#bb1818;border:none;padding:9px 10px;transition:all .2s ease;background:transparent;font-size:14px;margin:0!important;display:block;padding-left:0;}
.remove-image:hover{color:#ffffff;cursor:pointer;}
.remove-image:active{border:0;transition:all .2s ease;}
.title-wrapouter{display:flex;border-radius:10px;background:#07162b;padding:15px;}
.uploaded-img{width:120px;min-width:120px;height:80px;background:#fff;border-radius:7px;}
span.image-title{display:block;text-align:left;color:#fff;}

.item-detail-prev{border-radius:10px;overflow:hidden;}
.item-detail-prev  img{width:100%;height:100%;object-fit:cover;}
.badge{padding:10px 15px;background:#019dea;display:inline-block;font-family:Poppins;font-style:normal;font-weight:300;font-size:13px;line-height:19px;color:#FFFFFF;border-radius:8px;letter-spacing:1px;}
.badge img{margin-right:5px;width:17px;height:16px;}
.badge:hover{opacity:0.8;color:#fff;}
.badge-tweet{background:#019dea;}
.badge-fb{background:#3B5998;}
.badge-vk{background:#4680C2;}
.badge-share{background:#0A1F3A;}
.wishlist{font-family:Poppins;font-style:normal;font-weight:300;font-size:15px;line-height:25px;color:#FFFFFF;}
.wishlist img{margin-right:5px;}
.prev-des p{font-family:Poppins;font-style:normal;font-weight:300;font-size:15px;line-height:25px;color:#FBFBFB;margin-bottom:20px;}
.prev-des p strong{color:#fff!important;font-weight:500;}
.prev-des p a{color:#09a2ef;}
.prev-des{padding-top:10px;}
.prev-title{font-family:Poppins;font-style:normal;font-weight:500;font-size:25px;line-height:37px;text-align:left;color:#FFFFFF;}
.dt-spec label{word-break:break-all;font-family:Poppins;font-style:normal;font-weight:300;font-size:14px;line-height:25px;color:#AAB0C0;}
.mentionperson img{width:70px;height:70px;border-radius:10px;overflow:hidden;}
.mentionperson p{padding-left:15px;}
.mentionperson p a{word-break:break-word;font-family:Poppins;font-style:normal;font-weight:500;font-size:15px;line-height:25px;color:#DFDFDF;}
.dt-spec h3{font-family:Poppins;font-style:normal;font-weight:500!important;font-size:20px;line-height:25px;}
.dt-spec h4{font-family:Poppins;font-style:normal;font-weight:500!important;font-size:20px;line-height:25px;color:#019dea;}
.dt-spec h3 strong{font-weight:500!important;}
.bcontent{font-family:Poppins;font-weight:300;font-size:14px;line-height:25px;color:#E5F0FF;}
.bcontent a{color:#019dea;}
.bcontent a:hover{color:#fff;}
.bcontent strong{color:#fff;font-weight:600;}
.b-list > ul{max-height:260px;overflow:auto;}
.bimg{width:65px;height:65px;border-radius:8px;overflow:hidden;}
.bimg img{width:100%;height:100%;object-fit:cover;}

.prevItemData .auTabing .nav.nav-tabs { border-bottom: none; }
.prevItemData .auTabing .nav.nav-tabs button.nav-link {margin: 0;border-bottom: 1px solid #3E526C; }

.showResultTop{display:flex;align-items:center;align-content:center;justify-content:center;margin:40px auto 0;max-width:540px;}
.showResultTop ul{background:rgba(10,31,58,0.3);border-radius:20px;padding:20px;}
.showResultTop ul li{display:inline-block;vertical-align:middle;text-align:center;border-right:0.5px solid #3E526C;padding:0 23px;}
.showResultTop ul li strong{font-weight:500;font-size:20px;}
.showResultTop ul li span{display:block;width:100%;width:100%;font-size:13px;}
.showResultTop ul li:last-child{border-right:none;}
.showResultTop ul li strong img{margin-right:6px;}

.activityTags button.btn{padding:10px 20px;min-width:initial;border-radius:8px;margin-left:10px;}
.signctn{max-width:52%;padding:0 0 0 80px;}
.signctn h3{font-weight:400;font-size:15px;line-height: 22px;}

.walletApp ul{display:flex;flex-wrap:wrap;}
.walletApp ul li{display:inline-flex;width:48%;margin:0 0 40px;align-items:center;align-content:center;font-weight:400;font-size:14px;color:#fff;}
.walletApp ul li strong{font-weight:400;}
.walletApp ul li img{display:inline-block;margin-right:10px;width:33px;}

.blogpost{padding:70px 0 80px;}
.greenbtn{display:inline-block;background:#37C47A;border-radius:5px;padding:4px 33px;font-size:12px;line-height:18px;color:#fff;font-weight:500;}
.greenbtn:hover,.greenbtn:focus{background:#000;color:#fff;}
.blogcnt .headingWh{font-size:25px;line-height:37px;}
.blogdate a{color:#019DEA;font-size:12px;line-height:18px;font-weight:400;}
.blogdate a:hover,.blogdate a:focus{color:#fff;}
.blogcnt p{font-size:14px;line-height:27px;color:#B1BBD4;font-weight:400;}
.blogcnt{max-width:477px;}
.blog-img img{max-width:550px;height:300px;}
.blog-wraper{align-items:center;background:rgba(10,31,58,0.5);border-radius:10px;}
.blogcnt{padding:30px;max-width:525px;}
.postsec .filtertop:last-child{border-top:none;padding:0;margin:0;}
.post-wrap{background:rgba(10,31,58,0.3);border-radius:10px;}
.postcnt{padding:22px;}
.postcnt h4{font-size:15px;line-height:22px;font-weight:500;color:#fff;margin-bottom:7px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.postcnt p{font-size:14px;line-height:22px;color:#B1BBD4;font-weight:300;}
.postcnt p{max-height:86px;padding-right:5px;overflow-x:auto;}
.postcnt p{scrollbar-color:#2abb9b #e0e0e0;scrollbar-width:thin;}
.postcnt p::-webkit-scrollbar{width:6px;}
.postcnt p::-webkit-scrollbar-track{background:#e0e0e0;border-radius:20px;-webkit-border-radius:20px;}
.postcnt p::-webkit-scrollbar-thumb{background:#000;border-radius:20px;-webkit-border-radius:20px;}
.catbtn{display:inline-block;background:#F2994A;border-radius:5px;padding:4px 33px;font-size:12px;line-height:18px;color:#fff;font-weight:500;}
.catbtn:hover,.catbtn:focus{background:#000;color:#fff;}
.green-cate{background:#37C47A;}
.pink-cate{background:#E932BE;}
.blue-cate{background:#5D32E9;}
.postsec .filtertop:last-child .filterLeft{width:66.66%;justify-content:space-between;}
.postsec .filtertop .filterRight{width:32%;}
.postsec .filterLeft .btn-group{width:calc(50% - 12.5px);margin:0;}
.postsec .filtertop .filterRight button.btn{margin-bottom:0;}

.headingWh + p{font-size:15px;line-height:25px;font-weight:400;color:#AAB0C0;}
.blogpost-sec{padding:80px 0 0;}

.articlesec{padding:70px 0;}
.article-wrap{max-width:980px;margin:auto;}
.article-img img{width:100%;border-radius:10px;}
.articlesec h2{font-size:30px;line-height:45px;font-weight:500;color:#fff;}
.article-detail p{font-size:15px;line-height:30px;text-align:justify;font-weight:400;color:#E5F0FF;}
.social-contact a{display:inline-block;padding:5px 7px;font-size:13px;line-height:19px;color:#fff;font-weight:400;min-width:80px;text-align:center;margin-right:20px;border-radius:10px;}
.social-contact a img{margin-right:5px;}
.social-contact a:hover,.social-contact a:focus{color:#fff;}
.twiter-icon{background:#00ACED;}
.fb-icon{background:#3B5998;}
.vk-icon{background:#4680C2;}
.slick-prev{left:-15px;}
.slick-next{right:-15px;}
.article-detail .blogdate a{font-size:15px;line-height:22px;}

.contact-form{max-width:600px;}
.contact-head{font-size:25px;line-height:37px;margin-bottom:28px;}
.about-crypton p{font-size:14px;line-height:25px;font-weight:normal;color:#B1BBD4;margin-bottom:18px;}
.contact-details a{font-size:14px;line-height:25px;font-weight:normal;}
.contact-details a svg{margin-right:18px;}
.contact-details a:hover,.contact-details a:focus{color:#fff;}
.contact-details li{margin-bottom:10px;}
.about-crypton{padding-left:35px;}
.contact-form .form-input{border-radius:10px;}
textarea.form-input{height:155px;}
.contact-submit button.btn.btnlightblue{
    border-radius:15px;
    background: linear-gradient(135deg, #019DEA, #0066CC);
    border: 2px solid rgba(1, 157, 234, 0.3);
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.contactsec{padding:70px 0 0;}

.newshead{font-size:35px;line-height:40px;font-weight:600;}
.newscnt{max-width:444px;margin:auto;}
.newscnt form{max-width:380px;}
.newscnt p{font-size:15px;line-height:21px;color:#fff;font-weight:400;}
.newsletter-banner .row{align-items:center;}

.error-sec .newshead{font-size:30px;line-height:45px;font-weight:500;}
.newshead{font-size:25px;}

.help-banner{padding:70px 0 50px;}
.helpwrap{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);padding:30px 80px;max-width:680px;}
.helpcnt{position:relative;}
.helpwrap h2{font-size:30px;line-height:45px;font-weight:600;}
.helpwrap p{font-size:15px;line-height:23px;font-weight:400;}
.search-input{width:100%;border:none;height:45px;border-radius:5px;padding:7px 17px 7px 50px;}
.search-wrap form{position:relative;}
.searchbtn{border:none;background:transparent;padding:0;position:absolute;top:50%;left:15px;transform:translateY(-50%);}
.help-box{text-align:center;background:rgba(10,31,58,0.5);border-radius:10px;padding:20px;}
.help-box h3{color:#fff;font-size:20px;line-height:30px;font-weight:600;}

.help-box p{font-size:14px;line-height:21px;color:#AAB0C0;font-weight:400;}
.help-box p{max-height:86px;padding-right:5px;overflow-x:auto;}
.help-box p{padding-right:10px;scrollbar-color:#2abb9b #e0e0e0;scrollbar-width:thin;}
.help-box p::-webkit-scrollbar{width:6px;}
.help-box p::-webkit-scrollbar-track{background:#e0e0e0;border-radius:20px;-webkit-border-radius:20px;}
.help-box p::-webkit-scrollbar-thumb{background:#0a98de;border-radius:20px;-webkit-border-radius:20px;}

@media (min-width:992px){
.faq .collapse:not(.show){display:block!important;}
.accordion-header{display:none!important;}
.pr-100{padding-right:100px;}
}

@media (min-width:1199px){
.pr-80{padding-right:80px;}
}

@media (min-width:1200px){
.navbar .nav-item:hover .dropdown-menu{display:block;}
}

@media (min-width:1400px){
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1180px;}
}

@media (max-width:1399px){
nav.navbar .navbar-nav li.nav-item{margin:0 23px 0 0;}
.searchform{margin:0 28px;}
.bannerSecHome3 .bannercntSec{padding:0 0 0 40px;}
}
@media (max-width:1199px){
header .col-md-12{position:relative;}
button.navbar-toggler{display:inline-block;position:absolute;right:0;top:6px;padding:0;border:none;}
.navbar-toggler:hover,.navbar-toggler:focus{box-shadow:none;outline:none;}
nav.navbar{position:absolute;left:0;right:0;width:100%;top:0;border-radius:10px;background:#020A18;z-index:10;padding:0;}
ul.navbar-nav{padding:50px;}
.navbar-toggler .hamburger-toggle{position:relative;display:inline-block;width:55px;height:50px;z-index:11;float:right;}
.navbar-toggler .hamburger-toggle .hamburger{position:absolute;transform:translate(-50%,-50%) rotate(0deg);left:50%;top:50%;width:50%;height:50%;pointer-events:none;}
.navbar-toggler .hamburger-toggle .hamburger span{width:100%;height:3px;position:absolute;background:#019DEA;border-radius:2px;z-index:1;transition:transform 0.2s cubic-bezier(0.77,0.2,0.05,1),background 0.2s cubic-bezier(0.77,0.2,0.05,1),all 0.2s ease-in-out;left:0px;}
.navbar-toggler .hamburger-toggle .hamburger span:first-child{top:10%;transform-origin:50% 50%;transform:translate(0% -50%)!important;}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2){top:50%;transform:translate(0,-50%);}
.navbar-toggler .hamburger-toggle .hamburger span:last-child{left:0px;top:auto;bottom:10%;transform-origin:50% 50%;}
.navbar-toggler .hamburger-toggle .hamburger.active span{position:absolute;margin:0;}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child{top:45%;transform:rotate(45deg);}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2){left:50%;width:0px;}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child{top:45%;transform:rotate(-45deg);}
.bannerSec{padding:50px 0;}
.bannercntSec{flex-wrap:wrap;flex-direction:column-reverse;justify-content:center;text-align:center;}
.bannercnt{width:100%;max-width:100%;text-align:center;justify-content:center;flex-wrap:wrap;}
.bannerbtn{width:100%;}
.bannercnt h2{max-width:50%;font-size:25px;line-height:30px;margin:0 auto 25px;}
.bannercnt p{margin:0 0 40px;width:100%;font-size:15px;}
.bannerImg{width:100%;text-align:center;justify-content:center;flex-wrap:wrap;}

.topSellers ul li{width:47%;}
.topSellers ul li:last-child{display:none;}
.headingWh{font-size:20px;}
.createsell{
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(90deg, rgba(1, 157, 234, 0.5), rgba(0, 102, 204, 0.3), rgba(1, 157, 234, 0.5)) 1;
    padding:10px 0 20px;
    min-height:150px;
    position: relative;
}

.createsell::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(1, 157, 234, 0.5), rgba(0, 102, 204, 0.3), rgba(1, 157, 234, 0.5));
    box-shadow: 0 0 6px rgba(1, 157, 234, 0.2);
}
footer{margin:50px 0 0;}
.popularcollections .row .col-md-6:nth-child(3) .createsell,.popularcollections .row .col-md-6:nth-child(4) .createsell{border-bottom:none;}
footer .row{flex-direction:column-reverse;}
footer .col-xl-8{padding-left:15px;}
.footsec{padding:40px 0 0;display:flex;align-items:center;align-content:center;justify-content:flex-start;}
.footlogocntSec{width:60%;}
.footlogocntSec p{margin:0 0 0;max-width:80%;}

.bannerSecHome3 .bannercntSec{padding:0;flex-direction:revert;justify-content:center;background:no-repeat;}
.bannerSecHome3 .bannercnt{width:100%;}

.discoverTopsel .topSellers ul li{width:100%;}
.discoverTopsel .topSellers ul li:first-child .seller:first-child{padding-top:30px;}
.discoverTopsel .topSellers ul li:first-child .seller:first-child .sellerLeft:before{content:'Authore';font-weight:500;font-size:13px;color:#ECECEC;text-transform:uppercase;position:absolute;left:0;top:-40px;}
.discoverTopsel .sellertitlepr h3{position:relative;}
.discoverTopsel .topSellers ul li:first-child .seller:first-child .sellertitlepr h3:before{content:'EARNED';font-weight:500;font-size:13px;color:#ECECEC;text-transform:uppercase;position:absolute;left:0;top:-40px;}
.discoverTopsel .sellerLeft{width:80%;position:relative;}
.discoverTopsel .sellerPrice{width:20%;text-align:right;position:relative;}
.discoverTopsel .topSellers ul li:first-child .seller:first-child .sellerPrice:before{content:'INCREASE %';font-weight:500;font-size:13px;color:#ECECEC;text-transform:uppercase;position:absolute;right:0;top:-40px;}
.discoverTopsel .sellertitlepr{width:100%;display:flex;}
.discoverTopsel .sellertitlepr h2{width:80%;padding:0 10px 0 0;}
.discoverTopsel .sellerimg .bluecheckicon{left:40px;top:40px;}

.filtertop{flex-wrap:wrap;flex-direction:column-reverse;}
.filterLeft{width:100%;margin-left:0;justify-content:space-between;}
.filterRight{width:100%;margin-bottom:20px;}
.filterLeft .btn-group{margin:0;}
.filtertop:last-child .filterLeft{width:100%;}
.filterRight button.btn:last-child{margin-right:0;}

.rankCollection{width:21%;}
.rankValue,.rankTime,.rankDay,.rankFloor,.rankOwner,.rankAssets{width:11%;}

.signcntsec{align-content:center;}
.sign-from .form-input{padding:19px 20px;height:auto;}
.sign-from .form-check .form-check-input{width:35px;height:35px;margin-right:18px;}

.about-img{display:none;}
.abouth{font-size:25px;line-height:37px;margin:0 0 15px;}
.abouth span{color:#019DEA;}
.sell-nft{margin-top:30px;margin-bottom:40px;}
.about-content{max-width:100%!important;margin:0;}
.watch-btn{text-align:center;}
.process-box{padding:20px 0;}
.sell-nft>div:nth-of-type(2) .process-box,.sell-nft>div:nth-of-type(3) .process-box{border-bottom:0.5px solid #3E526C;}
.sell-nft .abouth,.about-row2 .abouth{font-size:20px;line-height:30px;margin:0 0 10px;}
.watch-btn .btnlightblue{margin-top:30px!important;}

.activityTable tr th:first-child{width:13%;}
.activityTable tr th:nth-child(2){width:25%;}

.faq-ques{padding-top:40px;}
.faq-ques .tab-content{padding-left:50px;}
.faq-ques .nav-link{padding:15px 20px!important;}
.title-heading h2{font-size:25px!important;}

.signctn{max-width:100%;padding:0;}
.walletApp ul{justify-content:center;}
.walletApp ul li{width:28%;}

.blogcnt p{display:none;}
.blogcnt{max-width:375px;}
.blog-img img{max-width:490px;height:250px;}
.postsec .filterRight{display:none;}
.postsec .filtertop:last-child .filterLeft{width:100%;}
.postsec .filterLeft .btn-group{margin:0!important;}
.blogpost{padding:50px 0 50px;}
.post-img img{width:100%;}

.blogpost-sec .headingWh{font-size:25px;line-height:37px;}
.headingWh + p{font-size:14px;}

.similar-aeticle{display:flex;flex-wrap:wrap;justify-content:space-between;}
.similar-aeticle .item{width:calc(50% - 12px);margin-bottom:24px;}

.newscnt{text-align:center;}
.newscnt p{font-size:15px;line-height:22.5px;max-width:400px;margin:auto;}
.newscnt .form-input{height:47px;}
.newscnt .input-box{margin-bottom:25px;}
.newscnt form{margin:auto;}

.mentionperson img {width: 47px;height: 47px;}

}

@media (min-width:768px) and (max-width:1199px){
nav.navbar .dropdown-menu{display:block;background:none;margin:20px 0 0;}
nav.navbar .dropdown-menu li a.dropdown-item{padding:0;}
nav.navbar .navbar-nav .nav-link{font-size:20px;}
nav.navbar .navbar-nav li.nav-item{margin:0 1% 50px;display:inline-block;vertical-align:top;width:31%;}
.navbar-nav{flex-direction:inherit;flex-wrap:wrap;display:inherit;}
}

@media (min-width:768px) and (max-width:991px){
ul.navbar-nav{padding:40px 20px 10px;}
nav.navbar .navbar-nav li.nav-item{width:30%;}
}

@media (max-width:991px){
.nav.nav-tabs button{margin:0 6px 0 0;}
button.btn{padding:10px 10px;min-width:170px;}
.nav.nav-tabs button{padding:10px 20px;}
.footlogo img{width:90px;}
.searchform{margin:0 20px;}

.rankTableBody:first-child .rankCollection:before,.rankTableBody:first-child .rankValue:before,.rankTableBody:first-child .rankTime:before,.rankTableBody:first-child .rankDay:before,.rankTableBody:first-child .rankFloor:before,.rankTableBody:first-child .rankOwner:before,.rankTableBody:first-child .rankAssets:before{font-size:10px;}
.rankTableBody:first-child .rankCollection:before{content:'COLLECTION';top:-52px;}
.rankcolTitle{max-width:65%;font-size:11px;}
.rankCollection{width:29%;}
.rankValue,.rankTime,.rankDay,.rankFloor,.rankOwner,.rankAssets{width:10%;}

.authoreproicon{width:80px;margin-top:-43px;}
.auProfileDetail{margin:50px 0 0;flex-direction:column-reverse;}
.auSocial{margin-top:30px;justify-content:center;}

.faq-ques .nav-tabs{display:none;}
.faq-ques .tab-content{padding:0;max-width:100%;}
.faq .accordion-item{display:block!important;opacity:1!important;border:0!important;}
.faq button.accordion-button{font-family:'Roboto',sans-serif;font-style:normal;font-weight:500;font-size:15px;line-height:22px;color:#FFFFFF;background-color:transparent!important;padding:25px 0;padding-right:50px;}
.faq .accordion-button:not(.collapsed){color:#09a3f0!important;}
.faq .accordion-item{border-bottom:0.5px solid rgba(154,154,154,0.3)!important;}
.faq .accordion-item:last-child{border:0!important;}
.faq-ques{padding-top:20px;}
.faq .accordion-button:focus{box-shadow:none!important;}
.faq .accordion-body p{font-size:14px;padding-bottom:20px;}
.faq .accordion-body h3{font-size:16px;margin:10px 0;font-weight:600;}

.actiCnt{font-size:11px;}
.activityTable tr th{font-size:11px;}
.activitItem img{max-width:30px;}
.activityTable table tr td{font-size:11px;}

.showResultTop{max-width:100%;}
.showResultTop ul{width:100%;display:flex;justify-content:space-between;}
.showResultTop ul li{display:inline-flex;flex-wrap:wrap;justify-content:center;}

.blog-img img{width:100%;height:240px;object-fit:cover;border-radius:0 10px 10px 0;}
.blog-wraper > div{max-width:inherit;width:50%;}
.blogcnt .headingWh{font-size:17px;line-height:25px;}

.articlesec h2{font-size:25px;line-height:37px;}
.faq .headingWh{font-weight:600;font-size:25px;}

.contactsec .container > .row{flex-direction:column-reverse;}
.about-crypton{padding-left:0;margin-bottom:60px;}
.contact-head{text-align:center;}
.contact-submit button.btn.btnlightblue{height:60px;font-weight:400;}
.contact-form{margin:auto;max-width:580px;}
.contact-form .form-input{height:40px;}
.contact-form textarea.form-input{height:155px;}
.contact-submit{margin-top:20px;text-align:center;}
.contactsec .joincommunity ul li a{width:49px;height:49px;}

.newscnt button.btn{height:60px;min-width:180px;}

.search-bg{height:200px;object-fit:cover;object-position:right;}
.helpwrap h2{font-size:20px;line-height:30px;font-weight:500;}
.helpwrap{padding:30px;}
.search-input{max-width:371px;height:30px;padding:7px 17px 7px 35px;}
.searchbtn svg{stroke:#019DEA;width:12px;}
.searchbtn{left:10px;}
.help-banner{padding:45px 0 25px;}
.helpwrap p{font-size:13px;line-height:20px;max-width:229px;}
.help-box h3{font-size:18px;line-height:27px;}
.help-box p{font-size:12px;line-height:18px;max-width:240px;margin:auto;}

.create-items .aboutitem{max-width:460px;margin:auto;}
.title-heading h2,.title-heading p{text-align:center;}
.img-choosen label{font-size:14px;}
.title-heading{height:auto;}
.create-form .form-check.form-switch{margin-left:0;}

.item-detail-prev{width:100%;max-width:70%;padding-right:40px;}
.tab-prev-right{width:100%;max-width:30%;}
.prevActions{justify-content:center;}
.prevActions button{font-family:Poppins;font-style:normal;font-weight:300!important;font-size:15px;line-height:25px;text-align:center;color:#FFFFFF;padding:14px 13px!important;}
.prevItemData .dt-spec ul{justify-content:center;display:flex;flex-wrap:wrap;}
.prevItemData .dt-spec li:not(.d-none){display:flex!important;align-items:center!important;}
.prevItemData .dt-spec ul label{margin:0!important;font-family:Poppins;font-style:normal;font-weight:400;font-size:15px;line-height:25px;color:#FFFFFF;margin-right:34px!important;}

.prevItemData  .dt-spec ul{display:flex!important;justify-content:center!important;flex-wrap:nowrap!important;}
.prevItemData .dt-spec ul li{width:auto!important;}
}

@media (max-width:767px){
header .container{width:100%;max-width:100%;}
.searchform form input{padding:10px 14px 10px 49px;}
.searchform button{top:13px;}
.searchform button img{width:19px;}
ul.navbar-nav{padding:30px;}
header{padding:15px 0;background:#050D1D;box-shadow:0px 4px 4px rgb(0 0 0 / 25%);}
button.navbar-toggler{top:4px;right:15px;}
.searchform{margin:40px 0 10px;max-width:100%;padding:0 30px;}
nav.navbar .navbar-nav li.nav-item{margin:0 0 28px;}
nav.navbar .navbar-nav .nav-link{position:relative;}
nav.navbar .navbar-nav .nav-link:before{position:absolute;content:'';right:-4px;top:7px;background:url(../img/downwh.svg) 0 0 no-repeat;width:15px;height:10px;}
.logo{width:100%;justify-content:center;}
.bannercntSec{flex-direction:revert;}
.bannercnt{padding:40px 0 0;}
.bannerImg-sm { position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; align-content: center; }
.bannerImg-sm img { margin: auto; display: block; }

.circlebg2{top:80px;}
.circlebg1,.circlebg3{display:none;}
.bannercnt h2{max-width:100%;margin:0 0 14px;}
.bannercnt p{margin:0;color:#fff;}
.bannerbtn{margin-top:30px;}
.bannerbtn button.btn{width:100%;margin:0 0 20px!important;max-width:300px;}
.headingWh{text-align:center;font-weight:500;font-size:22px;}
.more-tab{margin:auto;}
.topSellers ul li{width:100%;margin:0;}
.topSellers li .seller:last-child{border-bottom:0.5px solid #3E526C;}
.TopsellerSec .nav.nav-tabs{margin:0 0 20px;}
.topSellers button.btn{width:100%;}
.sellertitlepr h2{font-weight:400;}
.sellertitlepr h3{font-weight:400;}
.sellerimg{padding:0 10px 0 0;width:74px;}
.sellcount{padding:0 10px 0 0;}
.bluecheckicon{position:absolute;top:46px;left:49px;}
.topSellers li .seller{align-items:flex-end;}
.nav.nav-tabs button{margin:0;}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{border-color:#1f487c #1f487c #1f487c;}
.createsellHead{flex-wrap:wrap;justify-content:center;}
.createsell{
    text-align:center;
    padding: 25px 20px;
    min-height: 240px;
    margin-bottom: 20px;
}
.creatsellicon{
    padding:0;
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
}
.creatsellicon img {
    width: 35px;
    height: 35px;
}
.createsellHead h3{
    width:100%;
    margin:10px 0 0;
    font-weight:500;
    font-size:17px;
}
.createsell p {
    font-size: 14px;
    line-height: 22px;
}
.createsell:hover {
    transform: translateY(-4px) scale(1.01);
}
.popularcollections .headingWh{font-size:22px;max-width:70%;margin:auto;font-weight:500;}
.popularcollections .row .col-md-6:nth-child(3) .createsell{border-bottom:0.5px solid #3E526C;}
footer{margin:20px 0 0;padding:30px 0 40px;}
.footsec{padding:0;flex-wrap:wrap;justify-content:center;text-align:center;}
.footlogocntSec{width:100%;}
.footlogocntSec p{max-width:100%;margin:10px 0 30px;}

.bannerSecHome3 .bannercntSec{flex-direction:column-reverse;}

.discoverTopsel .topSellers ul li:first-child .seller:first-child .sellerLeft:before,.discoverTopsel .topSellers ul li:first-child .seller:first-child .sellertitlepr h3:before,.discoverTopsel .topSellers ul li:first-child .seller:first-child .sellerPrice:before{display:none;}
.discoverTopsel .sellertitlepr{flex-wrap:wrap;}
.discoverTopsel .sellertitlepr h2{width:100%;padding:0;}
.discoverTopsel .sellerimg .bluecheckicon{left:35px;top:33px;}
.bluecheckicon img{max-width:16px;}
.nav.nav-tabs{margin:0 0 10px;}

.filterbtnsm{width:100%;}
#filterModal .modal-dialog{margin:0 auto;height:100%;max-width:100%;width:100%;}
#filterModal .modal-content{background:#050D1D;border-radius:20px;height:100%;align-items:center;align-content:center;}
#filterModal .modal-body{display:flex;align-items:center;align-content:center;padding-top:50px;background:#050D1D;}
#filterModal button.btn-close{position:absolute;right:10px;top:10px;z-index:1;opacity:1;}
#filterModal .filterLeft{flex-wrap:wrap;}
#filterModal .filterLeft .btn-group{width:100%;margin:0 0 20px;}
#filterModal .filterLeft{flex-wrap:wrap;}
#filterModal .filterLeft .btn-group:last-child{margin:0;}
#filterModal .filtertop:last-child{flex-direction:inherit;flex-wrap:wrap;}
#filterModal .filterRight{flex-wrap:wrap;}
#filterModal .filterRight button.btn{margin:0 10px 10px 0;}
#filterModal .filtertop:last-child .filterLeft{margin-bottom:20px;}
#filterModal .filtertop:last-child button.btn{width:100%;}

.sign-btn button.btn{width:100%;margin:10px 0 10px!important;padding:14px 10px;}
.sign-btn{max-width:380px;}
.signup-form .row .col-md-6{margin-bottom:13px;}
.social-wrap{max-width:380px;}
.signctn{padding-top:0;}
.signctn p br{display:none;}
.auTabing .nav.nav-tabs{margin:0 0 20px 0;border-bottom:1px solid #3E526C;overflow-x:auto;flex-wrap:inherit;}
.auTabing .nav.nav-tabs button.nav-link{white-space:nowrap;font-size:15px;}

.about-sec{padding:30px 0 0;}
.abouth{text-align:center;}

.faq-ques{padding-top:0;}
.faq .headingWh{font-size:20px;margin-bottom:15px!important;}

.authoSm .container,.authoSm .container .col-md-12{padding:0;}
.authoSm .container .row{margin:0;}
.authoreproimgBox{height:250px;overflow:hidden;position:relative;}
.authoreproimgBox img{width:100%;height:250px;object-fit:cover;}
.authoreproicon{margin-top:-43px;}
.prCnt{padding:0 15px;}
.activityTable table tr th{display:none;}
.activityTable table tr td:nth-child(1),.activityTable table tr td:nth-child(3),.activityTable table tr td:nth-child(4),.activityTable table tr td:nth-child(5),.activityTable table tr td:nth-child(6){display:none;}
.offericonSm{margin:0 0 7px;font-size:10px;color:#fff;}
.offericonSm img{margin-right:5px;}
.activitItem img{max-width:45px;}
.actiCnt{font-size:12px;}
.actiCntSm{font-weight:600;font-size:12px;margin:4px 0 0;}
.actiCntSm img{margin-right:4px;}
.actiCntSm,.offericonSm{display:block;}

.showResultTop{padding:0 15px;}
.showResultTop ul li{width:50%;border:none;padding:15px 3px;}
.showResultTop ul{flex-wrap:wrap;}

.walletApp ul li{width:50%;flex-wrap:wrap;justify-content:center;}
.walletApp ul li strong{width:100%;display:block;margin:12px 0 0;}
.walletApp ul li img{margin:0;}
.walletSec .sign-btn{margin:auto;}

.postsec .filterLeft{flex-direction:column;}
.postsec .filterLeft .btn-group{width:100%;margin:0 0 15px!important;}
.blogcnt .headingWh{text-align:left;}
.slick-dots{bottom:-35px;}
.slick-dots li{height:4px;width:15px;}
.slick-dots li button{width:15px;height:4px;}
.blog-wraper{flex-direction:column-reverse;}
.blog-wraper > div{width:100%;}
.blog-img img{max-width:100%;border-radius:10px 10px 0 0;}
.blogcnt{position:relative;}
.blogcnt .blogdate{position:absolute;right:30px;top:30px;margin:0!important;}
.slick-dots li.slick-active button,.slick-dots li.slick-active{width:30px;}
.blogcnt .headingWh{margin:0!important;}

.blogpost-sec{padding:40px 0 0;}
.headingWh + p{text-align:center;margin-bottom:35px!important;}
.blogpost-sec .headingWh{margin-bottom:20px;}
.catbtn{padding:4px 15px;}

.articlesec h2{font-size:20px;line-height:30px;}
.article-detail p{font-size:14px;line-height:27px;}
.similar-sec .slick-dots{bottom:-15px;}
.articlesec{padding:40px 0;}
.article-img img{height:214px;object-fit:cover;}
.article-detail .tagbox{margin-bottom:25px!important;}
.social-contact a{margin-right:15px;}
.article-detail .blogdate a{font-size:13px;line-height:19px;}
.similar-aeticle .item{width:100%;}

.contact-details a{display:flex;align-items:center;}
.contact-form .form-input{height:50px;font-size:12px;line-height:18px;}
.contact-form textarea.form-input{height:144px;}
.contact-submit button.btn.btnlightblue{width:100%;}
.about-crypton{margin-bottom:40px;}
.contactsec{padding:35px 0;}
.joincommunity ul li{margin:0 4px 0 0;}
.contactsec .joincommunity ul li a{width:39px;height:39px;}

.newscnt button.btn.btnlightblue{height:55px;}
.newshead{font-size:20px;}

.newscnt .sign-btn{margin:auto;}
.error-sec .bannerImg > img{width:100%;height:320px;object-fit:cover;}
.error-sec .newshead{font-size:20px;line-height:30px;}
.newscnt p{font-size:14px;line-height:21px;max-width:270px;}

.helpwrap{padding:0;position:inherit;top:inherit;transform:inherit;text-align:center;}
.helpwrap p{max-width:250px;margin:auto;}
.helpwrap h2{font-size:25px;line-height:37px;}
.search-wrap{max-width:100%;margin:auto;}
.search-input{max-width: 100%;padding:7px 17px 7px 45px;height:50px;background:rgba(10,31,58,0.5);color:#fff;}
.search-input::-webkit-input-placeholder{color:#fff}
.search-input:-moz-placeholder{color:#fff}
.searchbtn{left:15px;}
.searchbtn svg{stroke:#fff;width:20px;}
.help-box img{max-width:70px;}
.help-box p{max-width:100%;}

.title-heading p{text-align:center;}
.img-choosen{background:transparent;padding:0;min-height:130px;}
.create-form label{text-align:center;display:block;}
.create-form .form-check.form-switch{margin:auto;display:table;}
.title-heading h2{font-size:20px!important;}
span.image-title{word-break:break-all;font-size:12px;}
.create-items .aboutitem{max-width:400px;}
.savebtn{width:100%;max-width:400px;}
.item-detail-prev{padding:0;max-width:100%;}
.prev-title{font-size:20px;text-align:center;}
.tab-prev-right{max-width:100%;}
.mentionperson img{width: 36px; height: 36px; border-radius: 2px;}
.mentionperson p { padding-left: 8px; }
.badge{font-size:0;width:40px;height:40px;border-radius:50%;padding:6px 9px;display:flex!important;align-items:center;justify-content:center;line-height:normal!important;text-align:center!important;}
.badge img{width:17px;height:17px;margin:auto!important;display:table;}
.tab-sec.auTabing{border-bottom:1px solid #3E526C;padding-bottom:30px;}
.bimg{width:50px;height:50px;}
.b-list > ul{max-height:200px;}
.prevItemData .nav.nav-tabs{overflow:initial!important;}
.prevActions button{width:100%;}
.prevItemData  .dt-spec ul{display:flex!important;justify-content:center!important;flex-wrap:nowrap!important;}
.prevItemData .dt-spec ul li{width:auto!important;}
.prevItemData .dt-spec ul li:not(.d-none){width:100%;max-width:50%;flex:0 0 50%;display:block!important;padding:20px 0!important;margin-bottom:8px!important;margin-top:15px!important;}
.prevItemData .dt-spec ul li label,.prevItemData .dt-spec ul li h3,.prevItemData .dt-spec ul li label,.prevItemData .dt-spec ul li h4{display:block!important;width:100%!important;text-align:center;}
.prevItemData .dt-spec ul li:nth-child(3){border-right:1px solid #3b4f69;}
.prevItemData .dt-spec ul li label{font-size:14px;color:#C5C5C5;}
.prevItemData .dt-spec ul li h4,.prevItemData .dt-spec ul li h3{font-family:Poppins;font-style:normal;font-weight:500;font-size:18px;line-height:25px;color:#FFFFFF;}

.faq-ques{padding-top:0;}
.faq .headingWh{font-size:20px;margin-bottom:15px!important;}
}

@media (max-width:575px){
.social-wrap{display:flex;}
.social-wrap a{min-width:inherit;width:100%;}

.newscnt{max-width:100%;}

.help-box{max-width:100%;margin:auto;margin-bottom:30px!important;}
}

@media (max-width:480px){
}

.exchange-pair {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}

.currency-from, .currency-to {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.currency-logo {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}

.currency-code {
  font-size: 12px;
  color: #C5C5C5;
  font-weight: 500;
}

.currency-amount {
  font-size: 11px;
  color: #4A90E2;
  font-weight: 600;
}

.exchange-arrow {
  color: #4A90E2;
  font-size: 16px;
  font-weight: bold;
}

.ourPartners {
  border-radius: 15px;
  margin: 50px 0;
}

.partners-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 40px;
}

.partner-item {
  background: rgba(10,31,58,0.7);
  border-radius: 15px;
  padding: 30px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid rgba(1,157,234,0.2);
}

.partner-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(1,157,234,0.3);
  border-color: rgba(1,157,234,0.5);
}

.partner-logo {
  margin-bottom: 20px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partner-logo img {
  max-height: 60px;
  max-width: 150px;
  object-fit: contain;
}

.partner-info h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #FFFFFF;
}

.partner-info p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #B1BBD4;
}

.partner-item .btn {
  min-width: 150px;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.partner-item .btn:hover {
  background: #0080c7;
  transform: scale(1.05);
}

@media (max-width: 768px) {
  .partners-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .partner-item {
    padding: 20px;
  }

  .ourPartners {
    margin: 30px 0;
  }
}

.copyright-bar {
  background: rgba(5, 20, 40, 0.9);
  border-top: 1px solid rgba(1,157,234,0.2);
  padding: 15px 0;
  margin-top: 0;
}

.copyright-text {
  color: #B1BBD4;
  font-size: 14px;
  text-align: center;
  margin: 0;
  font-weight: 400;
}

@media (max-width: 768px) {
  .copyright-bar {
    padding: 12px 0;
  }

  .copyright-text {
    font-size: 12px;
  }
}

.chat-widget {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  font-family: 'Roboto', sans-serif;
}

.chat-toggle {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #019DEA, #0066CC);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(1, 157, 234, 0.3);
  transition: all 0.3s ease;
  color: white;
  opacity: 0;
  transform: translateY(20px);
  animation: chatAppear 0.5s ease forwards;
}

@keyframes chatAppear {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.chat-toggle:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 25px rgba(1, 157, 234, 0.4);
}

.chat-window {
  position: absolute;
  bottom: 70px;
  right: 0;
  width: 350px;
  height: 450px;
  background: #0A1628;
  border-radius: 15px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(1, 157, 234, 0.2);
  display: none;
  flex-direction: column;
  overflow: hidden;
}

.chat-window.active {
  display: flex;
  animation: chatWindowAppear 0.3s ease;
}

@keyframes chatWindowAppear {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.chat-header {
  background: linear-gradient(135deg, #019DEA, #0066CC);
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chat-header h4 {
  color: white;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.chat-close {
  background: none;
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background 0.2s ease;
}

.chat-close:hover {
  background: rgba(255, 255, 255, 0.1);
}

.chat-messages {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  background: #0A1628;
}

.message {
  margin-bottom: 15px;
}

.message-content {
  padding: 12px 16px;
  border-radius: 18px;
  max-width: 80%;
  word-wrap: break-word;
}

.bot-message .message-content {
  background: rgba(1, 157, 234, 0.1);
  color: #B1BBD4;
  border: 1px solid rgba(1, 157, 234, 0.2);
}

.user-message {
  text-align: right;
}

.user-message .message-content {
  background: linear-gradient(135deg, #019DEA, #0066CC);
  color: white;
  margin-left: auto;
}

.chat-input-container {
  padding: 20px;
  background: #0A1628;
  border-top: 1px solid rgba(1, 157, 234, 0.1);
  display: flex;
  gap: 10px;
}

#chatInput {
  flex: 1;
  padding: 12px 16px;
  border: 1px solid rgba(1, 157, 234, 0.2);
  border-radius: 25px;
  background: rgba(1, 157, 234, 0.05);
  color: #B1BBD4;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s ease;
}

#chatInput:focus {
  border-color: #019DEA;
}

#chatInput::placeholder {
  color: rgba(177, 187, 212, 0.6);
}

#chatSend {
  width: 45px;
  height: 45px;
  background: linear-gradient(135deg, #019DEA, #0066CC);
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}

#chatSend:hover {
  transform: scale(1.05);
}

@media (max-width: 768px) {
  .chat-widget {
    bottom: 15px;
    right: 15px;
  }

  .chat-window {
    width: 300px;
    height: 400px;
  }

  .chat-toggle {
    width: 55px;
    height: 55px;
  }
}

/* Стили для выравнивания кнопок валют */
.exchange-field .dropdown-toggle {
  min-width: 200px !important;
  width: 200px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 12px 20px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.exchange-field .dropdown-toggle span {
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.exchange-field .dropdown-toggle img {
  flex-shrink: 0;
  margin-right: 8px !important;
  width: 20px !important;
  height: 20px !important;
}

/* Обеспечиваем одинаковую ширину для обеих полей обмена */
.exchange-field-from .input-group,
.exchange-field-to .input-group {
  display: flex;
  align-items: stretch;
}

.exchange-field-from .form-control,
.exchange-field-to .form-control {
  flex: 1;
}

.exchange-field-from .input-group-append,
.exchange-field-to .input-group-append {
  flex-shrink: 0;
}

/* Стили для сообщений авторизации */
.auth-message {
  padding: 12px 16px;
  margin: 15px 0;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  animation: fadeIn 0.3s ease-in-out;
}

.auth-message.success {
  background: linear-gradient(135deg, rgba(76, 175, 80, 0.1), rgba(56, 142, 60, 0.1));
  border: 1px solid rgba(76, 175, 80, 0.3);
  color: #4CAF50;
}

.auth-message.error {
  background: linear-gradient(135deg, rgba(244, 67, 54, 0.1), rgba(211, 47, 47, 0.1));
  border: 1px solid rgba(244, 67, 54, 0.3);
  color: #F44336;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Стили для кнопок в состоянии загрузки */
.btn-loading {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}

.btn-loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid #ffffff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Стили для полей с ошибками валидации */
.form-input.error {
  border-color: #F44336 !important;
  box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25) !important;
}

/* Анимации для уведомлений о заказах */
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideOutRight {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}

/* Стили для уведомлений о заказах */
.order-notification {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 1.4;
  border-left: 4px solid rgba(255, 255, 255, 0.3);
}

.order-notification.success {
  background: linear-gradient(135deg, #10b981, #059669) !important;
}

.order-notification.error {
  background: linear-gradient(135deg, #ef4444, #dc2626) !important;
}