html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover { border: 0; } body, input, button, textarea,* { font-family: 'Google Sans';} input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
body a { color: #fff; text-decoration:none;}*, *:before, *:after {box-sizing: border-box;}
body { position:relative; color:rgba(255,255,255,.5) ;background:#000000 url('../images/bluretop.png') left top no-repeat; background-size:1200px; font-family: 'Google Sans';font-weight:400;}
@font-face {
    font-family: 'Google Sans';
    src: local('Google Sans Regular'), local('Google-Sans-Regular'),
        url('../fonts/GoogleSans-Regular.woff2') format('woff2'),
        url('../fonts/GoogleSans-Regular.woff') format('woff'),
        url('../fonts/GoogleSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
 @font-face {
    font-family: 'Google Sans';
    src: local('Google Sans Medium'), local('Google-Sans-Medium'),
        url('../fonts/GoogleSans-Medium.woff2') format('woff2'),
        url('../fonts/GoogleSans-Medium.woff') format('woff'),
        url('../fonts/GoogleSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
@font-face {
    font-family: 'Google Sans';
    src: local('Google Sans Bold'), local('Google-Sans-Bold'),
        url('../fonts/GoogleSans-Bold.woff2') format('woff2'),
        url('../fonts/GoogleSans-Bold.woff') format('woff'),
        url('../fonts/GoogleSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }
 .centerblur {background:url('../images/centerblur.png') right center no-repeat; background-size:50%;}
 .bottomblur {background:url('../images/centerblur.png') right 90% no-repeat; background-size:50%}
 .leftblur {background:url('../images/leftblur.png') left 90% no-repeat; background-size:50%}
 .header {padding:30px 0;display: flex ; justify-content: center;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;  -webkit-animation-name: fadeInDown; animation-name: fadeInDown;} 
	.header-article {display:flex; align-items:center; gap:30px; padding:10px 20px; border:1px solid #FFFFFF1A; background:#FFFFFF0D; border-radius:100px;}
		.logotype {display:inline-flex; width:40px; height:40px; min-width:40px; background:#FFFFFF0D; border-radius:8px;align-items: center; justify-content: center;}
		.logotype img {vertical-align:bottom;}
		.navigation {display:flex; align-items:center; gap:30px;}
		.navigation a {font-size:14px; color:rgba(255,255,255,.5);}
		.navigation a.select,
		.navigation a:hover {color:#fff;}
.main-container {max-width:1200px; margin-left:auto; margin-right:auto; padding-top:100px;    min-height: calc(100vh - 392px);}
	.header-container {display:flex; flex-flow:column; text-align:center; gap:15px;}
	.header-container h1 {letter-spacing:-.5px; font-size:64px; line-height:1.3; color:#fff;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;  -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
	.header-container p {line-height:1.3; font-size:20px; letter-spacing:-.4px;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;  -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.exchange-section {max-width:1000px; margin:75px auto 0 auto;}
 .exchange-box {padding:40px 50px 50px 50px; background:#E893FF12 url('../images/blr-lb.png') left bottom no-repeat; background-size:200px; border-radius:32px; border:1px solid #FFFFFF1A; position:relative;}
 
 .exchange-box:after {content:''; display:inline-block; position:absolute; right:0px; top:0px; width:160px; height:139px; background:url('../images/blr-rt.png') right top no-repeat;  background-size:contain; border-radius:0 32px 32px 0;}
 .exchange-inner {position:relative; z-index:6;}
.exchange-rate {text-align: center; color:#fff; font-size:16px; margin-bottom:48px;}
.exchange-status {padding:10px 20px; background:#FFFFFF0D; border-radius:100px;}
.exchange-status.bad {background:#FF000080;}
.exchange-form {display: flex;align-items: flex-start;gap: 10px;}
.exchange-field {flex: 1;}
.exchange-item-cell {padding:10px 15px; background:#FFFFFF1A; border-radius:12px;}
.exchange-field label {font-size: 12px;display: block;margin-bottom: 5px;}
.input-with-select {display: flex; align-items: center;}
.input-with-select input {flex: 1; border: none; background: transparent; color: #fff;font-size: 16px; outline: none; width:100%;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance:textfield;}
.fromto-cell {display:flex; justify-content:space-between; align-items:center; padding-top:6px; font-size:12px;}
.currency-select {display: flex; align-items: center; gap: 5px; cursor: pointer; position: relative; margin-top: -16px;	position:relative; z-index:5;}
.currency-select img {width: 20px; height: 20px;}
.currency-select span {font-size:16px;  color:rgba(255,255,255,.5); text-transform:uppercase;}
.currency-select .dropdown-icon {width: 12px;height: 12px;}
.currency-list {position: absolute; top: 35px;right: 0; background: #3805319e; border-radius: 8px; list-style: none; padding: 5px 0; margin: 0;display: none; min-width: 120px;box-shadow: 0px 4px 4px 0px #00000040;backdrop-filter: blur(4px); right:-14px; border:1px solid #8000FF99;}
.currency-list li {padding: 6px 10px; display: flex; align-items: center; gap: 8px; cursor: pointer; color:#fff;}
.currency-list li em {color:rgba(255,255,255,.5);}
.currency-list li:hover {background: #3b2653;}
.swap-button {width: 40px; height: 40px;display: flex; align-items: center; justify-content: center; cursor: pointer; margin-top: 10px;}
.swap-button img {width: 24px;}
.exchange-extra {margin-top: 20px;display: flex;  gap: 60px; width:100%;}
.echanger-e-cell{display:flex; flex-flow:column; padding:10px 15px; background:#FFFFFF1A; border-radius:12px; width:100%;}
.echanger-e-cell label {font-size: 12px; display: block; margin-bottom: 5px;}
.exchange-extra input {flex: 1; border: none; background: transparent; color: #fff; font-size: 16px; outline: none;}
.exchange-footer {margin-top: 20px; display:flex; justify-content:space-between; gap:60px; align-items: center;}
.ef-column {width:50%;}
.exchange-footer p {display: flex;align-items: flex-start; font-size: 12px;  display:flex; align-items:center; gap:10px; line-height:1.3;}
.exchange-footer p img {width:24px; height:24px; min-width:24px;}
.exchange-btn {width: 100%; padding:0; line-height:60px; background: #fff;color: #000; border: none; border-radius: 8px; font-weight: 600;cursor: pointer; display:flex; align-items:center; gap:10px; font-size:20px;justify-content: center;} 

.footer-wrapper {padding:30px 0;backdrop-filter: blur(500px); background:#FFFFFF0D url('../images/footerblure.png') right bottom no-repeat; background-size:cover; border:1px solid #FFFFFF1A; border-radius:32px 32px 0 0; border-bottom:0; margin-top:100px;}
	.footer-article {max-width:1200px; margin:0 auto;}
	.footer-topbar {display:flex; justify-content:space-between;}
		.footer-logo {}
		.footer-logo a {display:flex; gap:5px; align-items:center; color:#fff;}
		.footer-logo a img {width:30px; height:30px; min-width:30px;}
		.footer-nav {display:flex; justify-content:space-between;  width:50%;}
			.f-nav-list {display:flex; flex-flow:column; gap:16px; }
			.f-nav-list a {font-size:14px; color:rgba(255,255,255,.5);}
			.f-nav-list a:hover {color:#fff;}
	.footer-bottombar {display:flex; align-items:center;    justify-content: space-between;}
		.copyright {font-size:12px;}
		.social {display:flex; gap:12px;}
		.social li {}
		.social li a {display:inline-flex; border:1px solid #FFFFFF1A; background:#FFFFFF0D; border-radius:4px; width:30px; height:30px;    align-items: center; justify-content: center;}
		.social li a:hover {border:1px solid #933DEB;}
		.social li a svg {}
.chatBtn {position:fixed; right:30px; bottom:190px; z-index:10; display:inline-flex; cursor:pointer; outline:none; width:68px; height:68px; border-radius:200px; background:#FFFFFF1A; border:1px solid #FFFFFF1A; justify-content: center; align-items: center; padding:0;}
.exchange-holding {display:none; margin-bottom:50px; display:flex; gap:60px; margin-top:40px; justify-content:space-between;}
.sending-adress {display: flex ; flex-flow: column; padding: 10px 15px; background: #FFFFFF1A; border-radius: 12px; width: 100%;}
.sending-adress label {font-size: 12px; display: block; margin-bottom: 5px;}
.sending-cell {display:flex; gap:35px;}
	.fulladress {outline:none; font-size:16px; line-height:1.1; background:none; border:0; padding:8px 0 0 0; color:#fff; flex:1; resize:none; height:auto;  scrollbar-width: none;  -ms-overflow-style: none;}
.fulladress::-webkit-scrollbar {display: none;}
	.sending-actions {display:flex; align-items:center; gap:15px;}
		.copyadress,
		.qurecode-btn {display:inline-flex; width:25px; height:25px; min-width:25px; cursor:pointer; outline:none; padding:0; border:0; background:none;}
		.copyadress svg,
		.qurecode-btn svg {width:24px; height:24px; color:#fff;}
		.copyadress:hover svg,
		.qurecode-btn:hover svg {color:#933DEB;}
.exchange-stats-info {display:flex; width:100%; gap:10px;}
	.esi-cell {padding:10px 15px 15px 15px; display:flex; flex-flow:column; border-radius:12px; background:#FFFFFF0D; gap:15px; width:33.33%;}
	.esi-cell:first-child {background:#933DEB;}
	.esi-cell small {font-size:12px;}
	.esi-cell p {font-size:16px; color:#fff;}
.holding-footer {display:none;}
.holding-footer p {text-align:center; line-height:1.3; font-size:16px; color:#fff;}
.holding-footer p a {color:#933DEB; font-weight:bold; }
.holding-footer p a:hover {color:#fff;}
.modal-qr {background:#00000080; position:fixed; left:0; top:0; right:0; bottom:0; z-index:30; height:100%; width:100%; display:none;justify-content: center; align-items: center;} 
.modal-qr.visible {display:flex;}
.qr-body {padding:40px 0 150px 0;box-shadow: 0px 4px 4px 0px #00000040;backdrop-filter: blur(4px); border:2px solid #8000FF99; border-radius:32px; min-width:600px; background:#1e1328bf url('../images/qeblure.png') center/100% no-repeat;overflow:hidden;}
.qr-body:after,
.qr-body:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:200px; height:170px;  background:url('../images/qrlt.png') left top no-repeat; background-size:contain;}
.qr-body:after {left:auto; right:0; bottom:0; top:auto; background:url('../images/qrrb.png') right bottom no-repeat; background-size:contain; width:150px; height:150px;}
	.qrb-inner {display: flex ; flex-flow: column; align-items: center; position:relative; z-index:5;}
	.qrb-inner h2 {color:#fff; font-size:16px; margin-bottom:20px;}
	.qrb-inner p {line-height:1.3; text-align:center; font-size:16px; margin-bottom:50px;}
	.qrb-inner img {}
	.close-modal {position:absolute; right:30px; top:0px; cursor:pointer; width:24px; height:24px; background:url('../images/close.svg') center/20px no-repeat;}
.about-list {display: grid;   grid-template-columns: 1fr 1fr; gap:72px; max-width:865px; margin:92px auto;}
.about-list li {}
	.about-item {display:flex; flex-flow:column; border-radius:32px; background:#E893FF12; gap:48px; padding:30px; position:relative; border:1px solid #FFFFFF1A;}
	.about-item i {position:absolute; right:0; top:0; z-index:5; width:82px; height:82px; display:inline-flex; border-radius:100px; backdrop-filter: blur(4px); background: #E893FF12; border: 1px solid #FFFFFF1A; align-items: center; justify-content: center; margin:-41px -41px 0 0;}
	.about-item i svg {width:32px;}
	.about-item h2 {font-weight:bold; font-size:48px;background: linear-gradient(90deg, #FFFFFF 0%, #7531BA 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
	.about-item p {font-size:24px; color:#fff;}
.about-list li:nth-child(2) .about-item {background:#6FBA3112;}
.about-list li:nth-child(2) .about-item i {background:#6FBA3112;}
 .about-list li:nth-child(2) .about-item h2 {background: linear-gradient(90deg, #FFFFFF 0%, #A8D97E 50%, #6FBA31 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
 .about-list li:nth-child(3) .about-item {background:#F1ED2E12;}
.about-list li:nth-child(3) .about-item i {background:#F1ED2E12;}
 .about-list li:nth-child(3) .about-item h2 {background: linear-gradient(90deg, #FFFFFF 0%, #F8F48B 50%, #F1ED2E 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
  .about-list li:last-child .about-item {background:#3679FF12;}
.about-list li:last-child .about-item i {background:#3679FF12;}
 .about-list li:last-child .about-item h2 {background: linear-gradient(90deg, #FFFFFF 0%, #92B8FF 50%, #3679FF 100%);-webkit-background-clip: text; background-clip: text; color: transparent;}
 .how-it-work-section {}
 .how-it-work-section h2 {text-align:center; letter-spacing:-.5px; font-size:64px; color:#fff; margin-bottom:50px;}
 .hiw-list {display: flex ; position: relative; overflow: hidden; max-width: 1050px; margin: 0 auto; width: 100%; justify-content: space-between;}
 .hiw-list:before {position:absolute; left:80px; top:40%; right:80px; z-index:0; height:3px;     background: linear-gradient(to right, #582789 50%, transparent 50%); background-size: 20px 3px;content:'';}
 .hiw-list li {position:relative; z-index:5;}
	.hiw-item {display:flex; flex-flow:column; gap:40px;    align-items: center;}
	.hiw-item img {vertical-align:bottom;}
	.hiw-item h3 {color:#fff; font-size:24px; text-align:center;}

.why-section {display:flex; align-items:center; max-width:1200px; margin:150px auto; gap:90px;}
.why-section img {}
.why-article {display:flex; flex-flow:column;}
.why-article h2 {color:#fff; font-size:64px; letter-spacing:-.5px; margin-bottom:50px;}
.why-article p {line-height:1.3; font-size:20px; letter-spacing:-.5px;}
.why-action {margin-top:50px;}
.why-action a {display:flex; align-items:center; gap:10px; color:#fff; font-weight:700; font-size:20px;}
.why-action a:hover {color:#9c1dfe;}
.why-action a svg {}

.faq-section {display:flex; flex-flow:column;}
.faq-section h2 {color:#fff; font-size:64px; letter-spacing:-.5px; margin-bottom:50px; text-align:center;}
.faq-list {margin:0 auto; max-width:800px; gap:20px; width:100%; display:flex; flex-flow:column;}
	.faq-item {padding:23px 30px; border-radius:32px; border:1px solid #8000FF99; background:#1E132880;}
		.faq-question {display:flex; align-items:center; color:#fff; font-weight:bold; font-size:24px; letter-spacing:-.5px; gap:15px; cursor:pointer; justify-content:space-between;}
		.faq-question i {width:36px; height:36px; min-width:36px; background:url('../images/drop-down.svg') center/20px no-repeat; transition: all 300ms ease-in-out 0s;}
		.faq-answer {  display:none;}
		.faq-answer p {line-height:1.3; font-size:20px; letter-spacing:-.3px;transition: all 300ms ease-in-out 0s; padding-top:0;}
	.faq-item.visible .faq-question i {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
	.faq-item.visible .faq-answer p {padding-top:20px;}

.static-page {margin-top:50px;}
.static-page h3,
.static-page h2 {font-size:32px; letter-spacing:-.5px; margin-bottom:20px; color:#fff;}
.static-page p {line-height:1.3; letter-spacing:-.5px; font-size:20px; margin-bottom:30px;}
.static-page p a {color:rgba(255,255,255,.5); text-decoration:underline;}
.static-page p a:hover {color:#fff; text-decoration:none;}
.static-page ul {display:flex; flex-flow:column; gap:6px; margin-bottom:30px;}
.static-page ul li {position:relative; font-size:20px; line-height:1.3; padding-left:14px;} 
.static-page ul li:before {content:''; display:inline-block; position:absolute; left:0; top:10px; width:4px; height:4px; background:rgba(255,255,255,.5); border-radius:10px;}
 
 /** Animation **/
  
@keyframes pulse { 0% { transform: scale(1);} 50% { transform: scale(1.2); } 100% { transform: scale(1); } }
@keyframes levitating-box { 0% { transform: translate(0, 0); } 50% { transform: translate(6px, 10px); } 100% { transform: translate(0, 0); } }
@-webkit-keyframes mover1 { 0% { transform: translateY(0); } 100% { transform: translateY(-16px); } } @keyframes mover2 { 0% { transform: translateY(-18); } 100% { transform: translateY(-18px); } }			
@-webkit-keyframes mover2 { 0% { transform: translateY(0); } 100% { transform: translateY(-6px); } } @keyframes mover2 { 0% { transform: translateY(-8); } 100% { transform: translateY(-8px); } }
@-webkit-keyframes mover3 { 0% { transform: translateX(0); } 100% { transform: translateX(-10px); } } @keyframes mover3 { 0% { transform: translateX(-10); } 100% { transform: translateX(-10px); } }
.animate {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }		
/** Animation End **/ 
 
@media screen and (max-width: 1260px) {
	.why-section img {max-width:400px;}
}
@media screen and (max-width: 1240px) {
	.static-page,
	.why-section {padding-left:20px; padding-right:20px;}
}
@media screen and (max-width: 1230px) {
	.footer-article {padding-left:35px; padding-right:35px;}
}
@media screen and (max-width:1040px) {
	.exchange-section {max-width:calc(100% - 40px); margin-left:20px; margin-right:20px;}
	.header-container {padding-left:20px; padding-right:20px;}
}
@media screen and (max-width:960px) {
 .main-container {padding-top:30px;}
 .header-container h1 {font-size:48px;}
 .header-container p {font-size:16px;}
 .header-container p br {display:none;}
 .exchange-section {margin-top:40px;}
 .footer-wrapper {margin-top:60px;}
 .qrb-inner img {max-width:200px;}
 .qr-body {padding:30px 0 35px 0; min-width:400px;}
 .qrb-inner p {margin-bottom:20px;}
 .about-list {max-width:80%;}
 .why-article h2 {margin-bottom:0; text-align:center;}
 .why-section img {margin:0 auto;}
}

@media screen and (max-width: 860px) {
	.exchange-box {padding:30px 20px;}
	.exchange-item-cell:hover {position:relative; z-index:12;}
	 .about-list  {max-width:100%; display:flex; flex-flow:column; padding-left:20px; padding-right:20px; gap:60px;}
	 .about-item i {right:20px; margin-right:0;}
	 .faq-question {font-size:20px;}
	 .faq-list {max-width:auto; padding-left:20px; padding-right:20px;}
	 .faq-answer p {font-size:16px;}
}
@media screen and (max-width: 840px) {
	.hiw-list {flex-flow:column; gap:30px;}
	.hiw-list:before {display:none;}
	.hiw-item {gap:20px;}
}
@media screen and (max-height: 580px) {
		.chatBtn {bottom:30px;}
}
@media screen and (max-width: 780px) {
	.exchange-status {border-radius:0; padding:0; background:none; color:#fff;}
	.exchange-status.bad {border-radius:0; padding:0; background:none; color:#FF0000; line-height:1.3;}
}
@media screen and (max-width: 740px) {
	.exchange-holding {gap:20px; flex-flow:column;}
}
@media screen and (max-width: 640px) {
	.exchange-extra,
	.exchange-footer,
	.exchange-form {flex-flow:column;}
	.exchange-field {width:100%;}
	.swap-button {margin-top:0; width:100%;}
	.exchange-footer,
	.exchange-extra {gap:20px;}
	.ef-column,
	.ef-column {width:100%;}
	.how-it-work-section h2 {font-size:48px;}
	.why-section {margin:100px 0;}
	.faq-section h2 {font-size:48px;}
	.static-page ul li,
	.static-page p {font-size:16px;}
}
@media screen and (max-width: 580px) {
	.chatBtn {bottom:30px;}
	.about-item h2 {font-size:40px;}
	.about-item p {font-size:20px;}
}
@media screen and (max-width: 560px) {
	.why-article h2 {font-size:48px;}
	.why-section img {max-width:260px;}
	.why-article p {font-size:16px;}
	.why-action {margin-top:30px;}
}
@media screen and (max-width: 480px) {
 .footer-topbar {flex-flow:column; gap:30px;}
 .footer-nav {width:100%; gap:50px; justify-content: flex-start;}
 .footer-bottombar {flex-flow:column; gap:30px; align-items: flex-start; margin-top:30px;}
 .social {order:1;}
 .copyright {order:2;}
}
@media screen and (max-width: 460px) {
	.esi-cell small {font-size:11px;}
.esi-cell p {font-size:14px;}
.esi-cell {padding:8px 8px 10px 8px;}
.qr-body {min-width:auto; width:90%;}
.qrb-inner p {padding-left:20px; padding-right:20px;}
.close-modal {right:15px; top:-15px;}
.header-article {gap:10px;}
.navigation {gap:15px;}
}