@font-face { font-family: 'SF UI Text Regular'; font-style: normal; font-weight: normal; src: local('SF UI Text Regular'), url('../fonts/sfui/SFUIText-Regular.woff') format('woff');}
@font-face { font-family: 'SF UI Text Italic'; font-style: normal; font-weight: normal; src: local('SF UI Text Italic'), url('../fonts/sfui/SFUIText-RegularItalic.woff') format('woff'); }
@font-face {  font-family: 'SF UI Text Light'; font-style: normal; font-weight: normal; src: local('SF UI Text Light'), url('../fonts/sfui/SFUIText-Light.woff') format('woff'); }
@font-face { font-family: 'SF UI Text Light Italic'; font-style: normal; font-weight: normal; src: local('SF UI Text Light Italic'), url('../fonts/sfui/SFUIText-LightItalic.woff') format('woff');}
@font-face { font-family: 'SF UI Text Medium'; font-style: normal; font-weight: normal;  src: local('SF UI Text Medium'), url('../fonts/sfui/SFUIText-Medium.woff') format('woff');}
@font-face { font-family: 'SF UI Text Medium Italic'; font-style: normal; font-weight: normal; src: local('SF UI Text Medium Italic'), url('../fonts/sfui/SFUIText-MediumItalic.woff') format('woff');}
@font-face { font-family: 'SF UI Text Semibold'; font-style: normal; font-weight: normal; src: local('SF UI Text Semibold'), url('../fonts/sfui/SFUIText-Semibold.woff') format('woff');}
@font-face { font-family: 'SF UI Text Bold'; font-style: normal; font-weight: normal; src: local('SF UI Text Bold'), url('../fonts/sfui/SFUIText-Bold.woff') format('woff');}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border-bottom: 1px solid #467DF3 !important;
    background: none !important;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}


* { margin: 0 0; padding: 0; outline: none;}

body { font-family: 'SF UI Text Regular'; background: #001839; }
.cke_editable_themed{ background-color: unset !important;}
html {scroll-behavior: smooth;}
.hyphens { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-word-break: break-all; word-break: break-all; word-break: break-word; word-wrap: break-word;}


.grecaptcha-badge{display: none;}

/* main css code */


label.error{color: red !important;}
header { width: 100%; padding: 12px 80px; /* padding-right: 20px; */ display: block;/*  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06); */ z-index: 11; }
.navbar-brand { width: 207px; height: 39px; display: block; margin: 0px; padding: 0px; }
.navbar-brand img { width: 100%;  height: 100%; object-fit: contain; object-position: center;  }

.navbar-nav .nav-link { font-size: 16px;  font-family: 'SF UI Text Semibold'; line-height: 20px; text-transform: uppercase; color: #FFFFFF; padding: 0px !important; margin-left: 20px; }
.navbar-nav .nav-link:hover { color: #23FFC2; }
.navbar-nav .nav-link.signup-link { width: 100px; background: #23FFC2; border-radius: 4px; padding: 10px !important; display: block; text-align: center; color: #001D33; border: 1px solid #23FFC2; }
.navbar-nav .nav-link.signup-link:hover { background: transparent !important; color: #23FFC2;  }
.navbar-expand .navbar-nav .dropdown-menu { background: #0d2443; border-radius: 0px 0px 4px 4px; padding: 5px 0px 10px; border: none !important; right: -4px; left: auto; top: 42px !important; }
header .dropdown-menu li { padding: 5px 20px; }
header .dropdown-item { color: #FFFFFF; font-size: 16px; padding: 0px; display: inline-block; }

header .dropdown-item.active, header .dropdown-item:active, header .dropdown-item:focus, header .dropdown-item:hover { background: none !important; color: #23FFC2;   }

.nav-toggle { position: absolute; top: 15px; margin-left: -50px; cursor: pointer; }
.nav-toggle span { display: block; background: #fff; width: 18px; height: 2px; background: #FFFFFF; border-radius: 55px; margin-bottom: 4px; }
.nav-toggle span:nth-child(2){ width: 14px; }
.nav-toggle span:nth-child(3){ width: 12px; margin-bottom: 0px; }

/*  */

.home-banner-section { width: 100%; padding: 0px; height: 640px; position: relative; display: flex; flex-direction: column; }
.home-image-sction { width: 100%; height: 100%; background: url(../images/banner-image.jpg); background-position: center; background-size: cover; }
.home-image-sction img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-video-sction { width: 100%; height: 100%; }
.home-video-sction video { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-video-sction iframe { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; }
.home-background-slider { width: 100%; height: 100%; }
.home-background-slider .image-video  { width: 100%; height: 100%; }
.home-background-slider .image-video img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-background-slider .image-video video, .home-background-slider .image-video iframe { width: 100% !important; height: 100%; object-fit: cover; object-position: center; }
.home-background-slider.owl-carousel .owl-stage-outer { height: 100%; }
.home-background-slider.owl-carousel .owl-stage { height: 100%; }
.home-background-slider.owl-carousel .owl-item { height: 100%; }


.home-banner-content-block { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; background: rgba(0, 24, 57, 0.7); display: flex; align-items: center; }
.home-banner-content-block::before { position: absolute; content: ""; width: 100%; height: 170px;  left: 0; right: 0; bottom: -5px; background: linear-gradient(0deg, #001839 43.22%, rgba(0, 24, 57, 0) 65.91%); }
.banner-content { text-align: center; max-width: 530px; width: 100%; margin: 0px auto; padding: 10px;  }
.bac-title { font-family: 'SF UI Text Bold'; font-size: 38px; line-height: 48px; text-align: center; color: #FFFFFF; margin-bottom: 10px; margin-bottom: 10px;}
.bac-title span { color: #23FFC2 ; }
.bac-description { font-size: 24px; line-height: 32px; text-align: center; color: #FFFFFF; font-family: 'SF UI Text Medium'; margin-bottom: 35px; }
.common-trading-btn { font-family: 'SF UI Text Semibold'; font-size: 16px; line-height: 18px; text-transform: uppercase; color: #001D33 !important; min-width: 150px; background: #23FFC2; border-radius: 4px; display: inline-block; box-shadow: none !important; padding: 10px 8px; border: 1px solid #23FFC2; }
.common-trading-btn:hover, .form-field .common-trading-btn:focus {  background: none !important; color: #23FFC2 !important;}
/* Top Strategies */

.top-strategies-section { height: 425px; padding:10px 20px 0px; background: url(../images/XMLID_1.png), #001839; width: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: bottom; }
.heading-block { width: 100%; display: flex; align-items: center; margin-bottom: 30px; justify-content: space-between; }
.heading-block .section-heading { font-size: 32px; font-family: 'SF UI Text Bold'; line-height:42px; color: #23FFC2; margin-bottom: 0px; }
.heading-block .view-text { font-size: 14px; font-family: 'SF UI Text Semibold'; line-height: 19px; text-align: right; color: #8827FF !important; margin-bottom: 0px; }
.heading-block .view-text:hover { text-decoration: underline !important; }
.strategies-box { position: relative; border-radius: 10px; max-width: 486px; width: 100%; /* height: 284px; */ margin: 5px; }
.strategies-box::before { width: 100%; height: 100%; position: absolute; content: ""; border-radius: 10px; border:1px solid transparent; background:linear-gradient(136.8deg, #9820FF 0%, #0469FF 98.36%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.strategies-box .sb-top { width: 100%; padding:17px 20px; position: relative; }
.strategies-box .sb-top .sbtitle{  font-family: 'SF UI Text Bold'; font-size: 18px; line-height: 24px; color: #FFFFFF; margin-bottom: 10px; }
.strategies-box .sb-top .sb-user { width: 100%; display: flex; align-items: center; }
.strategies-box .sb-top .sb-user .sbu-img { border-radius: 50%; width: 30px; height: 30px; margin-right: 10px; position: relative; }
.strategies-box .sb-top .sb-user .sbu-img .verified { width: 14px; height: 14px; border-radius: 50%; position: absolute; right: -5px; top: -5px; object-fit: contain; object-position: center; }
.strategies-box .sb-top .sb-user .sbu-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }
.strategies-box .sb-top .sb-user .sbu-name { font-size: 16px; line-height: 22px; color: #FFFFFF; margin-bottom: 0px; font-family: 'SF UI Text Medium'; }
.strategies-box .sb-row { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.strategies-box .sb-row .sb-box { padding: 10px 8px 0px; }
.strategies-box .sb-row .sb-box .sb1 { font-size: 14px;  font-family: 'SF UI Text Medium'; line-height: 19px; color: #23FFC2; margin-bottom: 5px; display: flex; align-items: center; }
.strategies-box .sb-row .sb-box .sb1.usdt-text { color: #fff; }
.strategies-box .sb-row .sb-box .sb1 img { width: 14px; height: 14px; margin-left: 5px; }
.strategies-box .sb-row .sb-box .sb2 {font-family: 'SF UI Text Medium'; color: #88d7ff; font-size: 12px; line-height: 17px; margin-bottom: 0px; }
.strategies-box .sb-bottom{ border-top: 1px dashed #02234E; padding: 0px 5px; width: 100%; height: 130px; position: relative; }
.strategies-box .sb-bottom .chart-img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.owl-nav { position: absolute; top: -62px; left: 27.5%; width: 75px; display: flex; align-items: center; justify-content: space-between; height: 26px; }
.owl-dots { display: none !important; }
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { font-size: 26px; color: #fff;}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover { color: #88d7ff; }

.owl-carousel .owl-nav button.owl-prev .arrow, .owl-carousel .owl-nav button.owl-next .arrow{ width: 18px; height: 18px; }
.owl-carousel .owl-nav button.owl-prev .arrow img, .owl-carousel .owl-nav button.owl-next .arrow img{ width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: top; }
.owl-carousel .owl-nav button.owl-prev .arrow img + img, .owl-carousel .owl-nav button.owl-next .arrow img + img { display: none !important; }

.owl-carousel .owl-nav button.owl-prev .arrow:hover img, .owl-carousel .owl-nav button.owl-next .arrow:hover img{ display: none !important; }
.owl-carousel .owl-nav button.owl-prev .arrow:hover img + img, .owl-carousel .owl-nav button.owl-next .arrow:hover img + img { display: block !important; }


/* Your Benefits */

.your-benefits-section { width: 100%; display: block; padding: 35px 0px; position: relative; }
.your-benefits-section::before{ width: 100%; position: absolute; content: ""; height: 315px; left: 0px; top: 0;   background: linear-gradient(180deg, #001F49 0%, rgba(0, 24, 57, 0) 100%); }

.your-benefits-section .heading-block { justify-content: center; margin-bottom: 25px; position: relative; }

.benefits-block .benefit-box { width: 241px; min-height: 241px; position: relative; padding: 20px 0px; margin-bottom: 30px; box-shadow:none !important; }
.benefits-block .benefit-box::before { width: 100%; height: 241px; position: absolute; content: ""; background: #022351; filter: blur(22px); z-index: -1; border-radius: 50%; }
.benefits-block .benefit-box .benefit-image { width: 62px; height: 62px; margin-bottom: 10px; }
.benefits-block .benefit-box .benefit-image img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.benefits-block .benefit-box .ben-title { font-size: 16px; font-family: 'SF UI Text Bold'; line-height: 22px; color: #23FFC2; margin-bottom: 5px; }
.benefits-block .benefit-box .ben-description { font-size: 14px; line-height: 18px; color: #FFFFFF; margin-bottom: 0px; }

.benefits-bottom-content { width: 100%; display: block; padding-top: 40px; }
.benefits-bottom-content .bbtext {   font-family: 'SF UI Text Medium Italic'; text-align: center; color: #fff; font-size: 14px; line-height: 17px; margin-bottom: 0px; margin-top: 24px; }

/*  */

.platform-performance-section { width: 100%; display: block; padding: 45px 0px; background: url(../images/jeremybg.png) no-repeat; background-position: center; background-size: cover; position: relative; background-attachment: fixed !important; }
.platform-performance-section::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 18, 44, 0.92);}
.platform-performance-block { position: relative; max-width: 810px; width: 100%; }
.platform-performance-block .heading-block { margin-bottom: 30px; }
.platform-performance-block .platform-box { text-align: center; }
.platform-performance-block .platform-box .pp-amount { font-size: 26px; font-family: 'SF UI Text Bold'; line-height: 36px; color: #23FFC2; margin-bottom: 10px; }
.platform-performance-block .platform-box .pp-title { font-size: 16px; font-family: 'SF UI Text Bold'; line-height: 22px; color: #6BC8FB; margin-bottom: 10px; }
.platform-performance-block .platform-box .pp-text { font-size: 14px;  font-family: 'SF UI Text Semibold'; line-height: 17px; color: #3293FF; margin-bottom: 0px; }
.platform-map { max-width: 490px; width: 100%; height: 299px; background: url(../images/map.png) no-repeat; position: absolute; right: 0; top: 50%; transform: translateY(-50%) !important;  background-position: center; background-size: 100%;  }

/*  */

.profit-share-section { width: 100%; display: block; padding: 30px 0px; }
.profit-share-section .ps-image { max-width: 1137px; width: 100%; height: 302px; margin: 0px auto; }
.profit-share-section .ps-image img { width: 100%; height: 100%; object-fit: contain; object-position: center; }



/*  */

.profitBoostr-section { width: 100%; display: block; padding: 40px 0px; }
.profitBoostr-block {  }
.profitBoostr-block .profit-box { max-width: 520px; height: 520px; border-radius: 15px; width: 100%; margin: 0px auto; position: relative;  transition: all .5s; overflow: hidden; }
.profitBoostr-block .profit-box img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 15px; transform-origin: 50% 50%; transition: transform 3s linear; }
.profitBoostr-block .profit-box .profit-overlay { border-radius: 0px 0px 12px 12px; background: linear-gradient(0deg, #001839 4.89%, rgba(0, 24, 57, 0.34) 79.1%, rgba(0, 24, 57, 0) 90.87%); position: absolute; bottom: 0px; width: 100%; left: 0; padding: 20px; height: 290px; display: flex; flex-direction: column; justify-content: flex-end;/*  transform-origin: 50% 50%; transition: transform 5s ;   */-webkit-transition: all 0.5s ; -moz-transition: all 0.5s ; -o-transition: all 0.5s; transition: all 0.5s ; }
.profitBoostr-block .profit-box .heading {  font-size: 28px; font-family: 'SF UI Text Bold'; line-height: 50px; color: #23FFC2; margin-bottom: 0px; }
.profitBoostr-block .profit-box .description { font-size: 14px; line-height: 24px; color: #FFFFFF; font-family: 'SF UI Text Medium'; margin-bottom: 0px; }

.profitBoostr-block .profit-box:hover img{ transform: scale(1.3) rotate(0.1deg);}
/* .profitBoostr-block .profit-box:hover .profit-overlay { height: 100%; transition:top 1s; justify-content: flex-start; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
 */
/*  */

.how-to-start-section { position: relative; display: block; width: 100%; padding: 30px 0px 35px; background: url(../images/how-bg.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed !important; }
.how-to-start-section::before { width: 100%; height: 100%; top: 0; left: 0; position: absolute; content: ""; background: linear-gradient(180deg, #001839 0%, rgba(0, 24, 57, 0) 100%); }
.how-to-start-section .heading-block { display: block; text-align: center; position: relative; max-width: 420px; margin: 0px auto 30px;}
.how-to-start-section .description { font-size: 16px; line-height: 22px; text-align: center; color: #FFFFFF; margin-bottom: 0px; }
.how-to-start-section .site-logo { width: 207px;  height: 39px; margin: 0px auto 40px; position: relative; }
.how-to-start-section .site-logo img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; }

.how-start-block { max-width: 850px; width: 100%; margin: 0px auto;  }
.how-steps { max-width: 200px; width: 100%; margin: 0px auto; }
.how-steps .step-box { background: linear-gradient(180deg, #0034A5 0%, rgba(0, 52, 165, 0) 100%); width: 126px; height: 126px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto 20px; position: relative; }
.how-steps .step-box::before { width: 100%; border-radius: 50%; height: 100%;  position: absolute;  content: ""; border: 1px solid transparent; background: linear-gradient(180deg, #467DF3 0%, rgba(156, 31, 255, 0.66) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);  mask-composite: add, add;  -webkit-mask-composite: xor; mask-composite: exclude; }
.how-steps .step-box .icon { width: 60px; height: 60px; }
.how-steps .step-box .icon img { width: 100%; height: 100%; }
.how-steps .how-text { font-size: 16px; line-height: 22px; text-align: center; color: #FFFFFF; }
.how-steps .step-box .step-counter { width: 41px; height: 41px; background: #65E0FF; border-radius: 50%; font-size: 25px; line-height: 35px; font-family: 'SF UI Text Bold'; display: flex; align-items: center; color: #005B9E; position: absolute; top: -7px; left: -12px; justify-content: center; }

/*  */

.home-faq-section {position: relative; width: 100%; display: block; min-height: 570px; padding: 40px 0px; background: url(../images/faq-bg.png) no-repeat; background-position:top center; background-size: contain; }
.home-faq-section::before { height: 315px;position: absolute; content: ""; left: 0; top: 0;  width: 100%; background: linear-gradient(180deg, #001F49 0%, rgba(0, 24, 57, 0) 100%); }
.home-faq-section .faq-img { width: 365px; height: 365px; padding: 30px 0px; position: relative; }
.home-faq-section .faq-img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.que-img1{width: 75px; height: 75px;  background: #88D7FF; position: absolute; border-radius: 50%; font-size: 50px; font-family: 'SF UI Text Bold'; color: #FFFFFF; display: flex; align-items: center; justify-content: center; top: -5px; left: 85px; }
.que-img2{width: 60px; height: 60px;  background: #0088EC; position: absolute; border-radius: 50%; font-size: 40px; font-family: 'SF UI Text Bold'; color: #FFFFFF; display: flex; align-items: center; justify-content: center; right: 68px; top: 30px; }
.que-img3{width: 86px; height: 86px;  background: #23FFC2; position: absolute; border-radius: 50%; font-size: 40px; font-family: 'SF UI Text Bold'; color: #FFFFFF; display: flex; align-items: center; justify-content: center; bottom: 15px; left: 70px; }
.que-img4{width: 60px; height: 60px;  background: #002E50; position: absolute; border-radius: 50%; font-size: 40px; font-family: 'SF UI Text Bold'; color: #FFFFFF; display: flex; align-items: center; justify-content: center; bottom: 45px; right: 20px; }
.circle1 { position: absolute; width: 20px; height: 20px; background: #23FFC2; border-radius: 50%; top: 85px; left: 35px; }
.circle2 { position: absolute; width: 20px; height: 20px; background: #002E50; border-radius: 50%; top: 24px; left: 215px; }
.circle3 { width: 18px; height: 18px; background: #88D7FF; position: absolute; border-radius: 50%; right: 70px; bottom: 90px; }

.home-faq-section .heading-block { position: relative; margin-bottom: 40px; }

.faq-que-ans { width: 100%; display: block; margin-bottom: 30px; }
.faq-que-ans:last-child { margin-bottom: 0px; }
.faq-que-ans .que-text { font-size: 18px; line-height: 28px; color: #23FFC2; margin-bottom: 10px; }
.faq-que-ans .que-answer { font-size: 14px; line-height: 22px; color: #FFFFFF; margin-bottom: 10px; }
.faq-que-ans .que-answer:last-child { margin-bottom: 0px; }

/*  */

.footer-common-section { position: relative; width: 100%; display: block; padding: 38px 0px; background: url(../images/Maskgroup.png) no-repeat; background-size: cover; background-position: center; }
.footer-common-section::before { background: linear-gradient(90deg, rgba(0, 112, 255, 0.92) 0%, rgba(5, 31, 64, 0) 52.08%, rgba(5, 31, 64, 0) 59.38%, rgba(0, 112, 255, 0.92) 100%); width: 100%; height: 1px; position: absolute; content: ""; top: 0; left: 0; }
.footer-common-section:after{ background: linear-gradient(90deg, rgba(0, 112, 255, 0.92) 0%, rgba(5, 31, 64, 0) 52.08%, rgba(5, 31, 64, 0) 59.38%, rgba(0, 112, 255, 0.92) 100%);  width: 100%; height: 1px; position: absolute; content: ""; bottom: 0px; left: 0; }
.open-trading-block { max-width: 535px; width: 100%; display: block; margin: 0px auto; text-align: center; }
.open-trading-block .heading { text-align: center; font-size:32px; line-height: 42px;  font-family: 'SF UI Text Bold'; color: #FFFFFF; margin-bottom: 20px; }
.open-trading-block .heading span { color: #23FFC2; }


/* footer */

footer { width: 100%; display: block; background: #001128; }
.footer-top { width: 100%; display: block; padding: 30px 0px; }
.footer-top .footer-logo { width: 207px; height: 39px; margin: 0px auto;}
.footer-top .footer-logo a { display: block; margin: 0px auto !important; }
.footer-top .footer-logo a img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.footer-top .footer-menu { width: 100%; display: block; padding: 30px 0px; }
.footer-top .footer-menu ul{ width: 100%; display: flex; align-items: center; padding: 0px; margin: 0px;  list-style: none; justify-content: center; }
.footer-top .footer-menu ul li { margin: 0px 15px; }
.footer-top .footer-menu ul li a { font-family: 'SF UI Text Medium'; font-size: 16px; line-height: 33px; color: #4C617E !important; }
.footer-top .footer-menu ul li a:hover, .footer-top .footer-menu ul li a.active { color: #fff !important; }
.footer-top .social_icons { width: 100%; display: flex; align-items: center; justify-content: center; list-style: none !important; padding: 0px; margin: 0px; }
.footer-top .social_icons li { margin: 0px 5px; }
.footer-top .social_icons li a { background: #7390B7; border-radius: 50%; width: 26px; height: 26px; color: #001128; display: flex; align-items: center; justify-content: center; }

.copy-right-row { font-size: 12px; line-height: 17px; text-align: center; color: #6F8DB6; border-top: 1px dashed #012353; padding: 14px 0px; }
.copy-right-row a{ font-size: 12px; line-height: 17px; color: #6F8DB6 !important; }

/* chat box */

.chat-box { width: 46px; height: 46px; cursor: pointer; background: linear-gradient(180deg, #0034A5 0%, rgba(0, 52, 165, 0) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: fixed; bottom: 78px; right: 20px; z-index: 1; }
.chat-box::before { width: 100%; height: 100%; position: absolute; content: ""; border-radius: 50%;
    border: 1px solid transparent; background: linear-gradient(180deg, #467DF3 0%, rgba(156, 31, 255, 0.66) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
      mask-composite: add, add; -webkit-mask-composite: xor; mask-composite: exclude; }
.chat-box img { width: 26px; height: 26px; object-position: center; object-fit: contain; }


/* contact us page */

.contact-us-page { width: 100%; min-height: 80vh; display: block; padding: 50px 0px; }
.contact-us-page .cheading-block { max-width:567px; margin: 0px auto 30px; width: 100%; overflow: hidden; }
.contact-us-page .cheading-block .page-heading { font-size: 32px; line-height: 42px;  font-family: 'SF UI Text Bold'; text-align: center; color: #FFFFFF; margin-bottom: 10px; }
.contact-us-page .cheading-block .page-heading span { color: #23FFC2; }
.contact-us-page .cheading-block .description { font-size: 16px; font-family: 'SF UI Text Medium'; line-height: 21px; text-align: center; color: #FFFFFF; margin-bottom: 10px; }

.contact-form { max-width: 610px; width: 100%; margin: 0px auto; background: linear-gradient(180deg, #001F49 0%, rgba(0, 24, 57, 0) 100%); border-radius: 9px; padding: 25px 55px; }
.contact-form .cf-heading { font-size: 32px; font-family: 'SF UI Text Bold'; line-height: 42px; text-align: center; color: #23FFC2; margin-bottom: 15px; }

.contact-form .form-group { width: 100%; display: block; margin-bottom: 20px; }
.contact-form .form-group .form-label { font-size: 14px; line-height: 19px; color: #FFFFFF; margin-bottom: 8px; }
.contact-form .form-group .form-control { border: none !important; position: relative; resize: unset !important; width: 100%; padding: 17px; background: #001839; border-radius: 4px; font-size: 14px; line-height: 19px ; color: #fff; box-shadow: none !important; }
.contact-form .form-group .form-control::placeholder { color: #26436A; }
.contact-form .form-group .input-border { position: relative; max-width: 540px; width: 100%; }
.contact-form .form-group .input-border::before { position: absolute; content: ""; border-radius:4px; left: -1px; right: -1px; top: -1px; bottom: -1px;
    border:1px solid transparent; background:linear-gradient(136.8deg, #9820FF 0%, #0469FF 98.36%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.contact-form .common-trading-btn { max-width: 160px; display: block; margin: 15px auto 0px; }

/* about us page */

.about-us-page { width: 100%; display: block; padding: 40px 0px 0px; }
.static-common-heading-block { max-width: 567px; width: 100%; display: block; text-align: center; margin: 0px auto 30px; }
.static-common-heading-block .page-heading{ font-size: 32px; font-family: 'SF UI Text Bold'; line-height: 42px; color: #FFFFFF; }
.static-common-heading-block .page-heading span { color: #23FFC2; }
.static-common-heading-block .p-text { font-size: 16px; font-family: 'SF UI Text Medium'; line-height: 21px; text-align: center; color: #FFFFFF; margin-bottom: 10px; }

.about-content-block { padding: 0px 0px 40px; /* height: 1134px; */ width: 100%; margin: 0px auto; backdrop-filter: blur(127px); border-radius: 10px; position: relative; }
.about-content-block::before { position: absolute; content: ""; border-radius:9px; width: 100%; height: 100%; border:1px solid transparent; background:linear-gradient(136.8deg, #9820FF 0%, #0469FF 98.36%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; left: 0; top: 0; }
.about-content-block .row-one { width: 100%; position: relative; padding: 25px 25px 0px; }
.about-content-block .row-one::before { display: block; content: ""; position: absolute; left: 1px; right: 1px; bottom: 0; top: 1px; background: linear-gradient(180deg, #001F49 0%, rgba(0, 24, 57, 0) 100%);  border-radius: 9px; }
.about-content-block .row-two { width: 100%; display: block; padding: 42px 25px; }
.about-content-block .tow-three { width: 100%; display: block; padding: 0px 25px;  }
.about-content-block .row-two .about-text { padding-left: 0px; }
.about-content-block .about-text h1 { font-size: 32px; font-family: 'SF UI Text Bold'; line-height: 42px; color: #23FFC2; margin-bottom: 12px; }
.about-content-block .about-text p { font-size: 14px; line-height: 21px; color: #FFFFFF; margin-bottom: 20px; }
.about-content-block .about-text p:last-child { margin-bottom: 0px; }
.about-content-block .image1 { width: 100%; display: block; background: url(../images/top-img.png) no-repeat; background-size: contain; background-position: right; max-width: 80%; margin-left: auto; }
.about-content-block .image1 img { width: 240px; height: 240px; object-fit: contain; object-position: left; }
.about-content-block .image2 { max-width: 290px; height: 400px; width: 100%; border-radius: 10px; }
.about-content-block .image2 img { width: 100%; height: 100%; object-position: center; object-fit: cover; border-radius: 10px; }

.teams-block { width: 100%; display: block; padding: 40px 0px 10px; }
.teams-block .heading-block { justify-content: center; }
.teams-block .teams-box-outside {  max-width: 260px; width: 100%; height: 100%; padding-bottom: 20px; }
.teams-block .teams-box-outside .teams-box { width: 100%; display: block; height: 100%; }
.teams-block .teams-box-outside .teams-image { width: 100%; height: 260px; border-radius: 10px; }
.teams-block .teams-box-outside .teams-image img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; object-position: center; }
.teams-block .teams-box-outside .teams-body { padding:20px 10px 10px; }
.teams-block .teams-box-outside .tname { font-size: 18px; font-family: 'SF UI Text Bold'; line-height: 24px; text-align: center; color: #23FFC2;  margin-bottom: 5px;}
.teams-block .teams-box-outside .tpost { font-size: 14px; line-height: 22px; text-align: center; color: #FFFFFF; margin-bottom: 0px; }

.footer-common-section { min-height: 215px; display: flex !important; align-items: center; }

/*  */

.tpf-pages { width: 100%; display: block; padding: 40px 0px; }
.faq-page .static-common-heading-block { margin-bottom: 30px; }
.tpf-page-content { width: 100%; display: block; padding:30px 25px 25px; border-radius: 10px; position: relative; }
.tpf-filter-block { backdrop-filter: blur(127px); height: 50%; position: absolute; z-index: -1; content: ""; border-radius: 10px 10px 0px 0px; width: 100%; border:1px solid transparent; background:linear-gradient(136.8deg, #9820FF 0%, #0469FF 98.36%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; left: 0; top: 0; border-bottom: 0px; }
.tpf-page-content::before { position: absolute; content: ""; height: 314px; background: linear-gradient(180deg, #001F49 0%, rgba(0, 24, 57, 0) 100%); border-radius: 9px; top: 1px; left: 1px;  right: 1px; }
.tpf-page-content::after {  position: absolute; content: ""; height: 167px; right: 0; background: linear-gradient(0deg, #001839 43.22%, rgba(0, 24, 57, 0) 65.91%); top: 50%; transform: translateY(-50%); left: 0; z-index: -1; }

.tpf-page-content .tpf-content { margin-bottom: 30px; width: 100%; display: block; position: relative; }
.tpf-page-content .tpf-content:last-child { margin-bottom: 0px; }
.tpf-page-content h3 { font-size: 20px;  font-family: 'SF UI Text Bold'; line-height: 27px; color: #23FFC2; margin-bottom: 8px; word-break: break-word;}
.tpf-page-content p { font-size: 14px; line-height: 19px; color: #FFFFFF; margin-bottom: 20px; word-break: break-word; }
.tpf-page-content p:last-child { margin-bottom: 0px; }

.faq-page .nav-pills { max-width: 282px; width: 100%; margin: 0px auto 30px; height: 40px; background: none !important; border-radius: 50px; }
.faq-page .nav-pills .nav-item { width: 50%;  }
.faq-page .nav-pills .nav-link { font-size: 14px; background: #23FFC2; width: 100%; border-radius: 0; height: 100%; line-height: 19px; text-transform: uppercase; color: #001D33; box-shadow: none !important; font-family: 'SF UI Text Semibold'; padding: 10px; }
.faq-page .nav-pills .nav-link.active, .faq-page .nav-pills .show > .nav-link { background: #1E3555 !important; color: #23FFC2; cursor: default; }
.faq-page .nav-pills .nav-item:first-child .nav-link, .faq-page .nav-pills .nav-item:first-child .nav-link.active{ border-radius: 50px 0px 0px 50px; }
.faq-page .nav-pills .nav-item:last-child .nav-link, .faq-page .nav-pills .nav-item:last-child .nav-link.active{ border-radius: 0px 50px 50px 0px; }

.tpf-page-content-inside { width: 100%; display: flex; position: relative; }
.tpf-page-content-inside .left-side-block { width: 30%; padding-right: 30px; }

.left-side-block .nav-pills .nav-link { padding:12px 0; font-size: 24px; color: #6bc8fb; word-break: break-word; font-family: 'SF UI Text Bold'; border-radius: unset !important; border-bottom: 1px dashed #023A85; cursor: pointer; display: flex; }
.left-side-block .nav-pills li:last-child .nav-link{ border: none !important; }
.left-side-block .nav-pills .nav-link span.number { color: #23FFC2 !important;  min-width: 35px; display: block; }
.left-side-block .nav-pills .nav-link span.heading-text { flex: 1; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3;  -webkit-box-orient: vertical; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #23FFC2; background: none !important;  }

.tpf-page-content-inside .right-side-block { width: 70%; flex: 1; padding-left: 20px; }

/* blogs */

.blog-page { width: 100%; display: block; padding: 30px 0px; }
.blog-card { max-width: 280px; border-radius: 10px; width: 100%;/*  height: 100%; */ padding-bottom: 40px; margin: 0px auto; }
.blog-card-inside { display: flex; width: 100%; position: relative; background:url(../images/blog-img.jpg); background-position: top center; background-size: cover; box-shadow: 1px 1px 35px #002353; height: 100%; border-radius: 10px; padding-top: 165px; }
.blog-card-inside::before { width: 100%; height: 100%; display: block; position: absolute; content: ""; background: linear-gradient(0deg, #001839 43.22%, rgba(0, 24, 57, 0) 65.91%);  border-radius: 9px; left: 0; top: 0; }
.blog-card-inside::after { position: absolute; content: ""; border-radius:9px; width: 100%; height: 100%; border:1px solid transparent; background:linear-gradient(136.8deg, #9820FF 0%, #0469FF 98.36%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; left: 0; top: 0; }
.blog-card-inside .blog-content { position: relative; width: 100%; padding: 10px 15px; z-index: 1; }
.blog-card-inside .blog-content .blog-title {  font-size: 18px; font-family: 'SF UI Text Bold'; line-height: 28px; color: #FFFFFF; margin-bottom: 5px; width: 100%; max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.blog-card-inside .blog-content .category { font-size: 12px; line-height: 17px; color: #88D7FF; margin-bottom: 8px; }
.blog-card-inside .blog-content p { font-size: 12px; line-height: 17px; color: #FFFFFF; margin-bottom: 5px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */ line-clamp: 4; -webkit-box-orient: vertical; }
.blog-card-inside .blog-content img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.blog-card-inside .blog-content .read-box { width: 85px; padding: 5px; background: #001839;margin-left: auto; margin-bottom: -12px; position: absolute; bottom: 0; right: 10px; }
.blog-card-inside .blog-content .read-box .read-text { font-size: 12px; line-height: 17px; color: #FFFFFF !important; display: flex; align-items: center; justify-content: center; }
.blog-card-inside .blog-content .read-box .read-text img { width: 7px; height: auto; margin-left: 5px; }

.lds-spinner {display: block; position: relative; width: 34px; height: 34px; margin: auto; }
.lds-spinner div { transform-origin: 20px 20px; animation: lds-spinner 1.2s linear infinite; }
.lds-spinner div:after { content: " "; display: block; position: absolute; top: 0px; left: 18px; width: 3px; height: 8px; border-radius: 20px; background: #6bc8fb; }
.lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s;}
.lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }
.lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }
.lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s;}
.lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s;}
.lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s;}
.lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s;}
.lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s;}
.lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s;}
.lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s;}
.lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s;}
.lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }
@keyframes lds-spinner {
    0% { opacity: 1; }
    100% { opacity: 0; }
}


/* blogs-detail */

.blog-detail-banner { width: 100%; display: block; height: 320px; position: relative; padding: 20px 0px; }
.blog-detail-banner::before { width: 100%; height: 170px; left: 0px; bottom: -58px; position: absolute; content: "";
    background: linear-gradient(0deg, #001839 43.22%, rgba(0, 24, 57, 0) 65.91%); }

.blog-detail-banner-blur {width: 100%; height: 100%;  background-position: center; background-size: cover; position: absolute; left: 0; top: 0; filter: blur(15px); }
.blog-detail-banner-inside {  background-position: center; background-size: contain; position: relative;  width: 100%; height: 100%; background-repeat: no-repeat; }


.blogs-detail { padding: 30px 0px 40px; display: block; width: 100%; position: relative; }
.blog-detail-content .blog-title { font-size: 32px;  font-family: 'SF UI Text Bold'; line-height: 42px; color: #FFFFFF; margin-bottom: 10px; }
.blog-detail-content .category-text { font-size: 12px; font-family: 'SF UI Text Medium'; line-height: 17px; color: #88D7FF; margin-bottom: 15px; }
.blog-detail-content p { font-size: 12px; line-height: 17px; color: #FFFFFF; margin-bottom: 20px; }
.blog-detail-content p:last-child { margin-bottom: 0px; }
.blog-detail-content img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; margin: 5px 0px; }
.blogs-detail .blog-card { height: auto !important; }

.similer-title { font-size: 20px; font-family: 'SF UI Text Bold'; line-height: 28px; color: #FFFFFF; margin-bottom: 10px; }

.back-btn { text-align: right; margin-bottom: 10px; margin-top: 20px; }
.back-btn a { display: inline-flex; align-items: center; font-size: 12px; line-height: 17px; color: #FFFFFF; }
.back-btn a img { width: 7px; height: auto; margin-right: 17px; }

.share-and-update { display: flex; align-items: center; justify-content: flex-end; position: relative; }
.share-and-update span { font-size: 12px;  font-family: 'SF UI Text Medium'; line-height: 17px; color: #88D7FF; }
.share-and-update img { width: 20px; height: 20px; margin-left: 10px; }
.share-and-update .share-show { position: absolute; background: #23FFC2; padding: 5px; z-index: 1; border-radius: 5px; display: flex; flex-direction: column; justify-content: center; transform: translate(36px, -22px); }
.email-icons { background: red; color: #fff !important; text-align: center; border-radius: 4px; width: 20px; height: 20px; font-size: 12px;  display: flex; align-items: center; justify-content: center; margin:0px auto 5px; }
.copylink { background: #25B7D3; color: #fff !important; text-align: center; border-radius: 4px; width: 20px; height: 20px; font-size: 12px;  display: flex; align-items: center; justify-content: center; margin: 0px auto 5px; }

.at-resp-share-element .at-share-btn:focus, .at-resp-share-element .at-share-btn:hover { transform: translateY(0px) !important; color: #fff; text-decoration: none;}
.at-style-responsive .at-share-btn { margin-bottom: 5px !important; }
.addthis_inline_share_toolbox { margin: 0;}
.at-resp-share-element .at-share-btn { display: block !important;}


/* signup page */

.invester-signup-page { background-image: url(../images/invester-signup-bg.png); background-position: center; background-size: cover; }
.login-page { background-image: url(../images/login-bg.png); background-position: center; background-size: cover;  }
.trader-signup-page { background-image: url(../images/trader-signup-bg.png); background-position: center; background-size: cover;  }
.forgot-page { background-image: url(../images/forgot-bg.png); background-position: center; background-size: cover; }

.auth-form-section { width: 100%; display: flex; min-height: calc(100vh - 63px); }
.auth-form-section .left-side-content { max-width: 60%; /* margin-left: auto; */ width: 100%; padding: 30px 0px; display: flex; flex-direction: column; padding-left: 80px; }
.auth-form-section .benefits-block { max-width: 700px; /* margin-left: auto; */ width: 100%;}
.auth-form-section .ben-title { font-size: 32px; font-family: 'SF UI Text Bold'; line-height: 42px;  color: #FFFFFF; margin-bottom: 10px; }
.auth-form-section .trader-links { width: 100%; display: flex; justify-content: center; align-items: center; margin: 80px 0px; position: relative; }
.auth-form-section .trader-links p { font-size: 24px; line-height: 32px; color: #fff; margin-bottom: 0px;  font-family: 'SF UI Text Bold'; margin-right: 20px; }
.auth-form-section .trader-links p span { color: #23FFC2; }
.auth-form-section .trader-links .signup-btn { width: 160px; padding: 12px; background: #23FFC2; border-radius: 6px; box-shadow: none !important; font-size: 16px; line-height: 21px; font-family: 'SF UI Text Semibold'; text-transform: uppercase; color: #001D33; border: 1px solid #23FFC2; }
.auth-form-section .trader-links .signup-btn:hover { background: transparent !important; color: #23FFC2;  }

.auth-form-block { width: 100%; max-width: 40%; /* height: 100%; */ background: rgba(0, 31, 73, 0.6); backdrop-filter: blur(23px); -webkit-backdrop-filter: blur(23px); padding: 25px 35px; }

.auth-form { max-width: 540px; width: 100%; margin: 0px auto; }
.auth-form .form-title { font-size: 32px; line-height: 42px; color: #FFFFFF; text-align: center; margin-bottom: 20px; font-family: 'SF UI Text Bold'; }
.auth-form .form-description { font-family: 'SF UI Text Semibold'; font-size: 14px; line-height: 17px; text-align: center; color: #FFFFFF; margin-bottom: 40px; margin-top: 34px; }
.auth-form .form-title span { color: #23FFC2;  }
.auth-form .social-signup { width: 100%; display: flex; align-items: center; margin-bottom: 30px; justify-content: center; }
.auth-form .social-signup .btn { position: relative; box-shadow: none !important; border: none !important; max-width: 235px; width: 100%; height: 50px; background: #04275B; border-radius: 4px; font-size: 14px; line-height: 19px; display: flex; align-items: center; color: #FFFFFF; padding: 10px 20px; }
.auth-form .social-signup .btn::before { width: 100%; left: 0; top: 0; height: 100%; position: absolute; content: ""; border-radius: 4px; border: 1px solid transparent; background: linear-gradient(180deg, #467DF3 0%, rgba(156, 31, 255, 0.66) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);  mask-composite: add, add; -webkit-mask-composite: xor; mask-composite: exclude; }
.auth-form .social-signup .btn:hover { opacity: 0.7; }

.auth-form .social-signup .btn img { width: 30px; height: 30px; margin-right: 10px;  }
.auth-form .social-signup .btn.facebook-btn { margin-right: 10px; }
/* .auth-form .social-signup .btn.google-btn { margin-left: auto; } */

.or-text { margin-bottom: 20px; position: relative; text-align: center; font-size: 14px; line-height: 19px; text-align: center; color: #FFFFFF; }
.or-text span { position: absolute; width: 35%; height: 1px; border-bottom: 1px dashed #042F72; left: 0; top: 50%; transform: translateY(-50%); }
.or-text span + span { left: auto; right: 0; }

.form-fields .form-group { margin-bottom: 30px; width: 100%; display: block; }
.form-fields .form-group label { font-size: 14px; line-height: 19px; color: #FFFFFF; margin-bottom: 2px; }
.form-fields .form-group .form-control, .form-fields .form-group .input-group-text { border: none !important; resize: 0; background: none !important; border-bottom: 1px solid #467DF3 !important; box-shadow: none !important; font-size: 14px; line-height: 19px;  color: #fff; padding:15px 10px; border-radius: 0; padding-left: 0px !important;  }
.form-fields .form-group .form-control option:checked{color: #fff !important; display: none !important;}
.form-fields .form-group .form-control option{color: #000 !important;}
.form-fields .form-group .form-control::placeholder  {  color: #3A5B89; }
.form-fields input[type=file]::file-selector-button { border: 2px solid #6c5ce7; padding: 5px 10px; background-color: #a29bfe; transition: 1s;/*  width: 110px; */ background: linear-gradient(180deg, #88D7FF 0%, #3A91BD 100%); border: 1px solid #88D7FF; border-radius: 2px; color: #fff !important; }
.form-fields .form-group textarea.form-control { scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: #23FFC2 #04377D ; }
.form-fields .form-group textarea.form-control::-webkit-scrollbar { width: 3px;}
.form-fields .form-group textarea.form-control::-webkit-scrollbar-track { background: #04377D ;}
.form-fields .form-group textarea.form-control::-webkit-scrollbar-thumb { background-color: #23FFC2; border-radius: 6px; border: 3px solid #04377D; }


.help-block { font-size:12px; }


.form-fields .form-group .form-control:focus { border-bottom: 1px solid #23FFC2 !important; }

.form-fields .input-group:focus-within .input-group-text{ border-bottom: 1px solid #23FFC2 !important;}

.form-fields .input-group:focus-within .form-control ~ .input-group-text {border-bottom: 1px solid #23FFC2 !important;  }


.common-form-btn { display: block !important; margin: 40px auto 10px;  }

.go-other-page { font-size: 14px;line-height: 19px; text-align: center; text-transform: uppercase; color: #FFFFFF; margin: 30px 0px 10px; }
.go-other-page a { color: #fff !important; text-decoration: underline !important; }
.go-other-page a:hover { color: #23FFC2 !important; }
.forgot-text { text-align: left !important; margin-top: 40px; }
.forgot-text a { text-decoration: none !important;  }

.login-page.auth-form-section .benefits-block .ben-title { margin-bottom: 20px; }
.login-page .how-steps{ display: flex; max-width: 100%; margin: 15px 0px 25px; align-items: center; padding-right: 100px; }
.login-page .how-steps .step-box { margin: 0px !important; margin-right: 20px !important; }
.login-page .how-steps .how-text { font-size: 22px; line-height: 32px; color: #FFFFFF; margin-bottom: 0px; text-align: left; flex: 1; }

.reset-content { margin-bottom: 0px; padding-left: 20px; padding-right: 100px; margin-top: 25px; }
.reset-content ul {padding: 0;}
.reset-content li { font-size: 14px; line-height: 19px; color: #FFFFFF; margin-bottom: 25px; }

.modal { background: rgba(0, 24, 57, 0.9); z-index: 1111; }
.modal-dialog { max-width: 680px; width: 100%;}
.modal-content { background: #001839; border: 1px solid #043983; box-sizing: border-box; box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.41); border-radius: 10px; }
.modal-header { border: none !important; padding: 40px 100px 10px; }
.modal-header .modal-title { width: 100%; font-size: 24px; line-height: 33px; text-align: center; color: #FFFFFF; font-family: 'SF UI Text Bold'; margin-bottom: 10px; }
.modal-header .btn-close { position: absolute; right: 10px; top: 10px; font-size: 20px; line-height: 19px; color: #fff; background: none; opacity: 1 !important; }
.varification-form .form-group { text-align: center; margin-bottom: 35px; }
.varification-form .vf-control { width: 45px; height: 60px; background: #032657; border: 1px solid #044399; box-sizing: border-box; border-radius: 6px; color: #fff !important; font-size: 20px; text-align: center; padding: 10px; }
.varification-form .submit-btn { max-width: 290px; width: 100%; height: 50px; background: #23FFC2; border-radius: 6px; font-family: 'SF UI Text Bold'; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #001D33; display: block; margin: 0px auto 20px; border: 1px solid #23FFC2; }
.image-pointer{cursor: pointer;}
.varification-form .submit-btn:hover { color: #23FFC2 !important; background: none !important; }

.auth-form-section .benefits-block .benefit-box::before {background: rgba(0, 54, 129, 0.8);  z-index: 0 !important; }
.benefits-block .benefit-box .ben-title { position: relative; }
.benefits-block .benefit-box .ben-description { position: relative; }
.benefits-block .benefit-box .benefit-image { position: relative; }

.form-fields .form-group input[type=file] { padding-left: 12px !important; }



/* profile page */

.navbar-nav .nav-link.dropdown-toggle { margin-right: 0px; width: 25px; height: 25px; border-radius: 50%; }
.navbar-nav .nav-link.dropdown-toggle img { width: 100%; height: 100%; display: block; border-radius: 50%; }

.after-login-section { width: 100%; display: flex; min-height: 100vh; }
.user-block {  width: 100%; padding: 15px 20px;  display: flex; align-items: center;}
.user-block .user-info { display: flex; align-items: center; padding-right: 10px;  width: 230px; }
.user-block .user-info .user-img { width: 72px; height: 72px; border-radius: 50%; margin-right: 10px; }
.user-block .user-info .user-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }
.user-block .u-info { flex: 1; width: 100%; }
.user-block .u-info .name { font-family: 'SF UI Text Semibold'; font-size: 16px; line-height: 23px; color: #FFFFFF; margin-bottom: 0px; }
.user-block .u-info .email { font-size: 12px; color: #486996 !important;  word-break: break-all; }
.user-block .icon-setting { width: 40px; height: 40px; background: #143159; border-radius: 12px; padding: 10px; display: flex; align-items: center; justify-content: center; margin-left: auto; }
.user-block .icon-setting img { width: 20px; height: 20px; }
.ul-title { font-family: 'SF UI Text Semibold'; font-size: 16px; line-height:21px; color: #23FFC2; margin-bottom: 0px; padding: 10px 10px; margin-left: 20px;}

.after-login-section .side-nav-bar{ background: #0d2443; max-width: 325px; width: 100%;  transition: all 0.2s;  position: fixed; top: 63px; height: 100%; }
.side-nav-bar .side-nav-ul { list-style: none !important; padding: 0px; }
.side-nav-bar .side-nav-ul li { position: relative; }
.side-nav-bar .nav-toggle { position: absolute; top: -36px; margin-left: 25px; cursor: pointer; }
.side-nav-bar .nav-toggle span { display: block; background: #fff; width: 18px; height: 2px; background: #FFFFFF; border-radius: 55px; margin-bottom: 4px; }
.side-nav-bar .nav-toggle span:nth-child(2){ width: 14px; }
.side-nav-bar .nav-toggle span:nth-child(3){ width: 12px; margin-bottom: 0px; }

.side-nav-bar .side-nav-ul { max-height: 430px; height: auto; padding-bottom: 20px; overflow-y: auto; scrollbar-width: thin;}
.side-nav-bar .side-nav-ul::-webkit-scrollbar { width: 3px;}
.side-nav-bar .side-nav-ul::-webkit-scrollbar-track {  background: #fff;}
.side-nav-bar .side-nav-ul::-webkit-scrollbar-thumb { background-color: #467DF3; border-radius: 6px; }


.side-nav-bar ul li a { display: flex; align-items: center; justify-content: flex-start; padding: 15px 20px; position: relative; border-top: 1px solid #001839; }
.side-nav-bar ul li a::before { position: absolute; content: ""; width: 4px; height: 100%; left: 0; background: #6969DF; display: none; }
.side-nav-bar ul li:last-child a { border-bottom: 1px solid #001839; }
.side-nav-bar ul li a .icon-box{ width: 36px; height: 36px; padding: 5px; display: flex; align-items: center; justify-content: center; border-radius: 10px; margin-right: 12px; }
.side-nav-bar ul li a .icon-box.color1 { background: #6969DF;}
.side-nav-bar ul li a .icon-box.color2 { background: #32A7E2;}
.side-nav-bar ul li a .icon-box.color3 { background: #B548C6;}
.side-nav-bar ul li a .icon-box.color4 { background: #F95F59;}
.side-nav-bar ul li a .icon-box.color5 { background: #9C1FFF;}
.side-nav-bar ul li a .icon-box.color6 { background: #00B2FF;}
.side-nav-bar ul li a .icon-box.color7 { background: #22B07D;}
.side-nav-bar ul li a .icon-box.color8 { background: #FF8700;}
.side-nav-bar ul li a .icon-box img{ width: 18px; height: 18px;  }
.side-nav-bar ul li a span.link-label {  font-family: 'SF UI Text Semibold'; font-size: 16px; line-height: 21px; color: #FFFFFF; }

.side-nav-bar ul li a:hover, .side-nav-bar ul li a.active { background: #001839; }

.side-nav-bar ul li:nth-child(1) a:hover::before, .side-nav-bar ul li:nth-child(1) a.active::before { display: block; background: #6969DF; }
.side-nav-bar ul li:nth-child(2) a:hover::before, .side-nav-bar ul li:nth-child(2) a.active::before { display: block; background: #32A7E2; }
.side-nav-bar ul li:nth-child(3) a:hover::before, .side-nav-bar ul li:nth-child(3) a.active::before { display: block; background: #B548C6; }
.side-nav-bar ul li:nth-child(4) a:hover::before, .side-nav-bar ul li:nth-child(4) a.active::before { display: block; background: #F95F59; }
.side-nav-bar ul li:nth-child(5) a:hover::before, .side-nav-bar ul li:nth-child(5) a.active::before { display: block; background: #9C1FFF; }
.side-nav-bar ul li:nth-child(6) a:hover::before, .side-nav-bar ul li:nth-child(6) a.active::before { display: block; background: #00B2FF; }
.side-nav-bar ul li:nth-child(7) a:hover::before, .side-nav-bar ul li:nth-child(7) a.active::before { display: block; background: #22B07D; }
.side-nav-bar ul li:nth-child(8) a:hover::before, .side-nav-bar ul li:nth-child(8) a.active::before { display: block; background: #FF8700; }

.side-nav-bar.expanded .link-label { display: none;}
.side-nav-bar.expanded { max-width: 75px;}
.side-nav-bar.expanded .user-block { display: none; }
.side-nav-bar.expanded .ul-title { margin-left: 0; text-align: center; }
.side-nav-bar.expanded ul li a {  padding: 15px 20px;}
.side-nav-bar.expanded ul li a .icon-box { margin-right: 0px; }

.user-personal-information-section { width: 100%; display: flex; height: 100%; }

.upis-menu-bar { max-width: 330px; width: 100%; border-right: 1px solid #133562; height: 100%; }
.upis-menu-bar .nav-pills .nav-link { display: flex; align-items: center; padding: 15px; border-bottom: 1px solid #133562; border-radius: 0px !important; padding-left: 20px; }
.upis-menu-bar .nav-pills .nav-link:first-child {  border-top: 1px solid #133562; }
.upis-menu-bar .nav-pills .nav-link .icon-box{ width: 36px; height: 36px; padding: 5px; background: #103569; display: flex; align-items: center; justify-content: center; border-radius: 10px; margin-right: 12px; }
.upis-menu-bar .nav-pills .nav-link .icon-box img{ width: 20px; height: 20px; object-fit: contain; object-position: center; }
.upis-menu-bar .nav-pills .nav-link .icon-box img + img { display: none !important; }
.upis-menu-bar .nav-pills .nav-link .upis-link-name { font-size: 16px; line-height: 21px; color: #A2B9D9; text-align: left; }
.upis-menu-bar .nav-pills .nav-link .small-text { display: block; color: #5F85B8; font-size: 12px; line-height: 16px; }
.upis-menu-bar .nav-pills .nav-link .arrow-image { width: 16px; height: 16px; margin-left: auto; display: flex; align-items: center; justify-content: center; }
.upis-menu-bar .nav-pills .nav-link .arrow-image img { width: 100%; height: 100%; object-fit: contain; object-position: center;  }
.upis-menu-bar .nav-pills .nav-link .arrow-image img + img { display: none !important; }

.upis-menu-bar .nav-pills .nav-link.active .icon-box { background: #23FFC2; }
.upis-menu-bar .nav-pills .nav-link.active .icon-box img{ display: none !important; }
.upis-menu-bar .nav-pills .nav-link.active .icon-box img + img { display: inline-block !important; }
.upis-menu-bar .nav-pills .nav-link.active .upis-link-name { color: #fff; }
.upis-menu-bar .nav-pills .nav-link.active .arrow-image img { display: none !important; }
.upis-menu-bar .nav-pills .nav-link.active .arrow-image img + img { display: block !important; }

.right-side-contnet { width: 100%; flex: 1; background: #001839; overflow: hidden; margin-top: 63px; margin-left: 325px;  transition: all 0.2s;}
.right-side-contnet.rsc-margin { margin-left: 75px; transition: all 0.2s;  }
.upis-content-block { width: 100%; height: 100%; display: flex; }
.profile-content .form-fields { width: 100%; height: 100%; display: flex; flex-direction: column; }

.profile-inside-content { width: 100%; padding: 20px 30px; }
.profile-inside-content .pheading-block { width: 100%; display: block; margin-bottom: 30px; }
.profile-inside-content .pheading-block .h-title { font-size: 24px; line-height: 32px; color: #FFFFFF;  font-family: 'SF UI Text Bold'; margin-bottom: 10px; position: relative; }
.profile-inside-content .pheading-block .description { font-size: 14px; line-height: 19px; color: #5F85B8; margin-bottom: 10px; }
.upis-content-block .form-fields .form-group label { color: #3A5B89 !important;}
.upis-content-block .form-fields .form-group .form-control[readonly] { border: none !important; color: #fff !important; }

.user-image { width: 70px; height: 70px; border-radius: 50%; position: relative; margin-left: auto; }
.user-image .u-img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }
.user-image .camera-img { width: 26px; height: 26px; background: #65E0FF; border: 3px solid #001839; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; right: -5px; bottom: -5px;  }
.user-image .camera-img img { width: 14px; height: 14px; object-fit: contain; object-position: center; }

.footer-button-block { border-top: 1px solid #133562; padding: 20px 30px; display: block; width: 100%; margin-top: auto; position: relative; }
.footer-button-block .discard-text { font-size: 16px; line-height: 19px; text-transform: uppercase; color: #054E85; margin-left: 20px; }
.footer-button-block .discard-text:hover { color: #23FFC2; }

.verification-box .verification-image { width: 70px; height: 70px; margin: 0px auto 15px;  }
.verification-box .verification-image img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.verification-box .vtitle { font-size: 18px; line-height: 24px; text-align: center; color: #23FFC2; margin-bottom: 10px; font-family: 'SF UI Text Bold';  }
.verification-box .v-text { margin-bottom: 10px; text-align: center; font-size: 14px; line-height: 19px; color: #88D7FF; font-family: 'SF UI Text Semibold'; }

.pending-verification-box .pending-verification-image { width: 70px; height: 70px; margin: 0px auto 15px;  }
.pending-verification-box .pending-verification-image img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.pending-verification-box .pvtitle { font-size: 18px; line-height: 24px; text-align: center; color: #FFA412; margin-bottom: 10px; font-family: 'SF UI Text Bold';  }
.pending-verification-box .pv-text { margin-bottom: 10px; text-align: center; font-size: 14px; line-height: 19px; color: #88D7FF; font-family: 'SF UI Text Semibold'; }

.pending-block-second { width: 100%; display: block; padding-top: 50px; }
.pending-block-second .pbs-text { font-size: 16px; line-height: 21px; color: #5F85B8; margin-bottom: 40px; }
.upis-content-block  .form-fields .pending-block-second .form-group label { color: #fff !important;}

.pending-block-second .upload-file { width: 100%; display: block; padding-top: 30px; }
.pending-block-second .upload-file .up-title { font-size: 16px; line-height: 22px; color: #23FFC2; margin-bottom: 30px; }
.pending-block-second .upload-file .filename { font-size: 14px; line-height: 19px; color: #FFFFFF; }
.pending-block-second .upload-file .filename img { width: 20px; height: 20px; margin-right: 5px; }

.security-box .stitle{ font-size: 18px; line-height: 24px; color: #FFFFFF; margin-bottom: 15px;  font-family: 'SF UI Text Bold';   }
.security-box .s-sub-text { font-size: 16px; line-height: 21px ; color: #FFFFFF;  font-family: 'SF UI Text Medium'; margin-bottom: 12px; }

.switch-button { width: 100%; display: flex; align-items: center; list-style: none !important; padding: 0px; margin: 0px ; margin-top: 40px; }
.switch-button li { font-size: 16px; line-height: 19px; color: #FFFFFF; }
.switch-button .onoffswitch {  position: relative; width: 90px;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; margin: 0px 10px; }
.switch-button .onoffswitch-checkbox {  display: none;}
.switch-button .onoffswitch-label { margin-bottom: 0px; display: block; overflow: hidden; cursor: pointer; height: 36px; padding: 0; line-height: 42px; border: 1px solid #E6E6E6; border-radius: 30px; background: #65E0FF;  transition: background-color 0.3s ease-in; background: #001D33; }
.switch-button .onoffswitch-label:before { content: "";  display: block; width: 30px; height: 30px; margin: 0px; background: #02345A; position: absolute; top: 50%; transform: translateY(-50%); bottom: 0; right: 56px; border: 1px solid #FFFFFF; border-radius: 50%; transition: all 0.3s ease-in 0s;}
.switch-button .onoffswitch-checkbox:checked + .onoffswitch-label:before { right: 3px; background: #001D33; }
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label::before { background: #65E0FF; }

.custom-redio-button { width: 100%; display: flex; margin-bottom: 10px; flex-wrap: wrap; }
[type="radio"]:checked,
[type="radio"]:not(:checked) { position: absolute; left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; margin-bottom: 20px; margin-right: 20px; }
.custom-redio-button .binance-redio { width: 100%; }
[type="radio"]:checked + label img,
[type="radio"]:not(:checked) + label img { height: 46px; margin-left: 10px;  object-fit: contain; }
[type="radio"]:checked + label img.img-t,
[type="radio"]:not(:checked) + label img.img-t { max-width: 140px; width: 100%; }
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border: 1px solid #1C63C3; border-radius: 100%; background: #002F6F;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #23FFC2; position: absolute; top:50%; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after { opacity: 1;-webkit-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%);}


.custom-check-box { width: 100%; display: block; margin-bottom: 20px; }
.check-boxs { width: 100%; margin-bottom: 18px; }
.custom-checks { background: none;padding-top: 0px; padding-bottom: 0px;  width: 100% !important;}
.checkbox { position: relative; padding-left: 30px; cursor: pointer; font-size: 16px; margin-bottom: 15px; font-family: 'SF UI Text Medium'; line-height: 26px;  -webkit-user-select: none; color: #fff !important;  -moz-user-select: none;-ms-user-select: none;user-select: none; margin-left: 0px; }
.checkbox a { color: #fff !important;  text-decoration: underline !important; }
.checkbox a:hover { color:#fff !important; }
.checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.checkmark { position: absolute; top: 5px; left: 0; height: 18px; width: 18px; background: #033373; border: none !important; border-radius: 4px; }
input:checked ~ .checkmark { background: #fff; }

.checkmark::after { display: none;}
.checkmark::after {content: "";position: absolute; left: 6px; top: 1px; width: 6px; height: 12px; border: solid #001839; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
input:checked ~ .checkmark::after { display: block;}


/*  */

.swal2-popup { padding: 30px 20px; background: #001839; border: 1px solid #043983; box-sizing: border-box; box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.41); }
.swal2-html-container { font-size: 20px; line-height: 20px; text-align: center;  color: #fff; font-family: 'SF UI Text Medium'; margin-bottom: 0px; margin-top: 0px; }
.swal2-actions .swal2-styled.swal2-confirm{ font-family: 'SF UI Text Semibold'; font-size: 16px; line-height: 18px; text-transform: uppercase; color: #001D33; min-width: 150px; background: #23FFC2 !important; border: 1px solid #23FFC2 !important; border-radius: 4px; display: inline-block; box-shadow: none !important; padding: 10px 8px; }
.swal2-actions .swal2-styled.swal2-confirm:hover { background: none !important; color: #23FFC2; }

/* 3rd milestone */

.exchange-account-page {  }

.how-it-work-block {  max-width: 550px; width: 100%; }
.hiw-common-heading { font-size: 24px; line-height: 32px; color: #FFFFFF; font-family: 'SF UI Text Bold'; margin-bottom: 16px;  }
.hiw-img { max-width: 480px; height: 290px; width: 100%; border-radius: 6px; box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.38); margin-bottom: 50px; }
.hiw-img img { width: 100%; height: 100%; object-position: center; object-fit: cover; border-radius: 6px; }

.exchange-ai-steps { width: 100%; display: block; position: relative; }
.ecai-steps { width: 100%; display: flex;  padding-bottom: 48px; position: relative; }
.ecai-steps::before { content: ""; position: absolute; top: 0; left: 15px; height: 100%; width: 1px; border-left: 1px dashed #21475A;  }
.ecai-steps.step3::before {  display: none !important;}
.ecai-steps .count { width: 30px; height: 30px; background: #23FFC2; margin-right: 25px; font-weight: 600; font-size: 16px; line-height: 22px;color: #001839; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; }
.ecai-steps .ecai-content { flex: 1; width: 100%; }
.ecai-steps .ecai-title { font-family: 'SF UI Text Medium'; font-size: 16px; line-height: 21px; color: #FFFFFF; margin-bottom: 15px; }
.ecai-steps .ecai-title  span, .ecai-steps .ecai-title  a { color: #23FFC2; }
.ecai-steps .ecai-description { font-size: 14px; color: #fff; line-height: 19px; margin-bottom: 10px; }
.ecai-steps .ecai-description:last-child{ margin-bottom: 0px !important; }
.exchange-account-info-block .input-group-text { background: none !important; border: none !important; border-radius: 0px !important; border-bottom: 1px solid #467DF3 !important; color: #fff; }

.exchange-account-page .benefits-block .benefit-box::before { background: rgba(0, 54, 129, 0.8); z-index: 0 !important;}
.exchange-account-page .benefits-block .benefit-box { padding-right: 10px;}


/* referral page */

.referral-page .profile-inside-content .referral-content-block-second .pheading-block { margin-bottom: 38px;}

.referral-cotnent-block { display: block; width: 100%; }

.video-block { max-width: 480px; width: 100%; position: relative; border-radius: 6px; }
.video-block img, .video-block video, .video-block iframe { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 6px; }
.video-block::before { width: 100%; height: 100%; left: 0; top: 0; position: absolute; content: ""; background: rgba(0, 24, 57, 0.41); }
.video-block .play-icon { width: 52px; height: 52px; background: rgba(35, 255, 194, 0.6); position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.video-block .play-icon img { width: 25px; height: 25px; object-fit: contain; object-position: center; margin-left: 4px; }

.contents-referral p { font-weight: 400; font-size: 14px; line-height: 18px; color: #FFFFFF; }

.referral-content-block-second .rcbs-content-block{ max-width: 480px; width: 100%; position: relative; margin-top: 35px; }
.rcbs-content-block .input-group { border-bottom: 1px solid #467DF3 !important;  align-items: center; }
.form-fields .rcbs-content-block .form-group .input-group .form-control { border-bottom: 0px !important; }
.rcbs-content-block .input-group .btn { width: 77px; border-radius: 2px !important; box-shadow: none !important; padding: 8px 5px; font-size: 14px; line-height: 16px; color: #001839; display: flex; align-items: center; justify-content: center; }
.rcbs-content-block .input-group .btn img { width: 16px; height: 16px; object-position: center; object-fit: contain; margin-right: 5px; }
.rcbs-content-block .input-group .btn.copy-btn {  background: linear-gradient(180deg, #23FFC2 0%, #60FFD3 100%); border: 1px solid #23FFC2; }
.rcbs-content-block .input-group .btn.share-btn { background: linear-gradient(180deg, #467DF3 0%, rgba(156, 31, 255, 0.66) 100%); border: 1px solid #5E33FB; color: #fff; margin-left: 10px !important; }

.rcbs-inside-payout-setting-block { padding: 0px !important; }
.rcbs-inside-payout-setting-block [type="radio"]:checked + label img, .rcbs-inside-payout-setting-block [type="radio"]:not(:checked) + label img { height: 46px; margin-left: 5px; }
.rcbs-inside-payout-setting-block [type="radio"]:checked + label, .rcbs-inside-payout-setting-block [type="radio"]:not(:checked) + label { margin-bottom: 20px; margin-right: 15px; }
.rcbs-inside-payout-setting-block [type="radio"]:checked + label img.img-t, .rcbs-inside-payout-setting-block [type="radio"]:not(:checked) + label img.img-t { max-width: 135px;}

 .form-fields .rcbs-inside-payout-setting-block .form-group label { color: #3A5B89 !important; }

.referral-info-block { margin-top: 35px; }
.ref-info-box { width: 163px; margin: 0px auto 25px; height: 90px; background: url(../images/info-bg.png) no-repeat;  background-position: bottom; background-size: contain; text-align: center; }
.ref-info-inside { height: 100%; display: flex; flex-direction: column; }
.ref-in-number { font-family: 'SF UI Text Bold'; font-size: 32px; line-height: 40px; color: #FFFFFF; }
.ref-info-title { font-family: 'SF UI Text Medium'; font-size: 14px; line-height: 19px ; color: #FFFFFF; margin: auto;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.referral-content-table { margin-top: 15px; display: block; width: 100%; }

thead { height: 54px; }
.table th { font-weight: normal; font-family: 'SF UI Text Bold'; font-size: 14px; line-height: 19px; color: #77CEFC; vertical-align: middle; background: #012470; }
.table th:first-child {  border-radius: 10px 0px 0px 0px; }
.table th:last-child { border-radius: 0px 10px 0px 0px;  }
.table th, .table td {  border: none !important; border-bottom: 6px solid #001839 !important; padding: 12px 14px; vertical-align: middle; }
.table td {  height: 64px; background: #011126; font-family: 'SF UI Text Medium'; font-size: 14px; line-height: 19px; color: #FFFFFF;}
.table td span.amount { color: #23FFC2; }

/*  */

.add-strategies-page .footer-button-block { display:  flex; align-items: center; }
.add-strategies-page .footer-button-block p { max-width: 629px; width: 100%; margin: auto; margin-bottom: 0px; height: 48px; font-style: italic; font-size: 14px; line-height:19px; display: flex; align-items: center; color: #FFFFFF; }

.add-strategies-page .form-fields .form-group label { color: #3A5B89;}

.add-strategies-page .pheading-block, .strategies-page .pheading-block { display: flex !important; margin-bottom: 30px !important; }
.phb-btn { margin-left: 10px; width: 100%; display: flex; margin-top: 10px; flex: 1; text-align: right; justify-content: flex-end; }
.phb-btn .btn { width: 200px; height: 40px; background: #23FFC2; border-radius: 4px; box-shadow: none !important; font-size: 14px; line-height: 16px; padding: 12px; font-family: 'SF UI Text Semibold';color: #001D33; border: 1px solid #23FFC2 !important; }
.phb-btn .btn:hover { background: none !important; color: #23FFC2 !important; }

.table td span.pending { color: #FFC01F; }
.table td span.approved { color: #23FFC2; }
.table td span.open { color: #FFA412;}
.table td span.close { color: #88D7FF; }

.table td .action-btn { display: flex; align-items: center; }
.table td .action-btn a { width: 25px; height: 25px; border: 1px solid transparent; transition: all 0.2s; background: #002B64; border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center; }
.table td .action-btn a img { width: 100%; height: 100%; object-fit: contain; object-position: center;  }
.table td .action-btn a:first-child { margin-right: 6px; }
.table td .chart-img { width: 50px; height: auto; object-fit: contain; object-position: center; }
.table td .action-btn a:hover { border-color: #23FFC2 !important; }
/*  */

.varification-form label { color: #fff !important;  }


.paginate_button, .page-item.disabled .page-link { background: none !important; border-color: #012470 !important; }
.page-item:first-child .page-link, .page-item:last-child .page-link { border-radius: 0px !important; }
.page-item.active .page-link { background-color: #012470 !important; border-color: #012470 !important; box-shadow: none !important; }

.swal2-styled.swal2-cancel { font-family: 'SF UI Text Semibold'; font-size: 16px; line-height: 18px; text-transform: uppercase; color: #fff;
    min-width: 150px; background: #d9534f !important; border: 1px solid #d9534f !important; border-radius: 4px; display: inline-block; box-shadow: none !important; padding: 10px 8px;}
.swal2-styled.swal2-cancel:hover, .swal2-styled.swal2-cancel:focus {   background: none !important;  color: #d9534f; }

/* choose js */

.choices { font-size: 14px; color: #fff; }
.choices__inner { font-size: 14px; line-height: 19px; color: #fff; padding: 15px 15px !important; padding-left: 0px !important; background: no-repeat; border: none !important; border-radius: 0px !important; border-bottom: 1px solid #467DF3 !important;  }
.choices__list--single { line-height: 19px; padding: 0px !important; }
.choices[data-type*="select-one"]::after { right: 0px; margin-top: 0 !important; width: 20px; height: 20px; transform: translateY(-50%); background-image: url(../images/dwanarrow.png); background-repeat: no-repeat; border: none !important; background-position: center; background-size: 12px; }
.choices__list--dropdown { font-size: 14px; padding: 12px; border-radius: 0px !important; z-index: 111; background: #001839; border: transparent !important; box-sizing: border-box; box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.41);  }
.choices__placeholder { opacity: 1;}
.choices__list--dropdown .choices__item--selectable.is-highlighted {  background: #23FFC2; color: #001D33 !important; }
.choices__list--dropdown .choices__item--selectable::after { display: none !important; }
.choices[data-type*="select-one"].is-open::after {  border-color: none !important;}
.choices__list--dropdown .choices__item { padding: 10px !important; word-break: break-word; }

.choices__list--dropdown::before{ position: absolute; z-index: -1; content: ""; border-radius: 0px; height:100%;
    width: 100%; border: 1px solid transparent; border-bottom-color: transparent;  border-bottom-style: solid;
      border-bottom-width: 1px; background: linear-gradient(136.8deg, #9820FF 0%, #0469FF 98.36%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
      mask-composite: add, add; -webkit-mask-composite: xor; mask-composite: exclude; left: 0; top: 0; }


#lostdevice { color: #23FFC2 !important; }

table .fa-eye { color: #fff !important; }

/* 4th milestone  */

/* .chart-img { min-height: auto !important; height: 100%; }
.chart-img div{ height: 100%; }
.chart-img svg { height: 100%; }
.chart-cotnent { height: 270px; } */

/* ticket page */

.table td .action-btn-block .common-trading-btn { width: 100%; min-width: 100% !important; }
.form-fields .form-group label span { color: #5F85B8; font-size: 12px; }
.support-tickets-page .phb-btn .btn,  .create-support-tickets-page .phb-btn .btn{ text-transform: uppercase; }
.ticket-history-page .phb-btn .btn { width: 235px !important; text-transform: uppercase; }
.phb-btn .btn.faq-btn { width: 82px !important; margin-right: 10px; text-transform: uppercase; }

.ticket-history-page .footer-button-block {  margin-top: 0px; border-top:none !important; border-bottom: 1px solid #133562; padding-top: 0px !important; }

.ticket-history-page .chat-content-block { width: 100%; display: block; padding: 20px 30px; }
.ticket-history-page .profile-content .form-fields { height: auto  !important; }
.ticket-history-page .chat-box-left { width: 80%; background: #002353; box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.38); border-radius: 10px; position: relative; padding: 10px 16px; margin-bottom: 25px; }
.ticket-history-page .chat-box-left::before { width: 100%; height: 100%; position: absolute; content: ""; border-radius: 10px; border:1px solid transparent; background:linear-gradient(180deg, #467DF3 0%, rgba(156, 31, 255, 0.66) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; left: 0; top: 0; }
.ticket-history-page .chat-box-right { width: 80%; margin-left: auto; filter: drop-shadow(2px 1px 4px rgba(0, 0, 0, 0.38)); border-radius: 10px; background: none !important; position: relative; margin-bottom: 25px; padding: 10px 16px; }
.ticket-history-page .chat-box-right::before { width: 100%; height: 100%; position: absolute; content: ""; border-radius: 10px; border:1px solid transparent; background:linear-gradient(90deg, #23FFC2 0.27%, rgba(54, 187, 255, 0.466004) 83.17%, rgba(193, 247, 147, 0.0001) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; left: 0; top: 0; }

.chat-content-block .chat-top { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; }
.chat-content-block .chat-top .byuser, .chat-content-block .chat-top .date { font-family: 'SF UI Text Bold'; font-size: 14px; line-height: 19px; color: #23FFC2; }
.chat-content-block .chat-text { font-weight: 400; font-size: 14px; line-height: 19px; color: #FFFFFF; word-break: break-word; }
.chat-content-block .file-download { width: 100%; margin-top: 5px; }
.chat-content-block .file-download .chat-title {  font-family: 'SF UI Text Bold'; font-size: 14px; line-height: 19px; color: #23FFC2; margin-bottom: 5px;}
.chat-content-block .file-download .file { display: flex; margin-bottom: 5px !important; align-items: center; }
.chat-content-block .file-download .file img { width: 15px; height: 15px; margin-right: 10px; object-fit: cover; object-position: center; }
.chat-content-block .file-download .file span { font-family: 'SF UI Text Semibold'; font-size: 14px; line-height: 17px; color: #88D7FF; }
.chat-outer-box{ position: relative; }
/* top strategies page */

.topstrategies-page { width: 100%; display: block; padding: 30px 80px; min-height: 100vh; }
.topstrategies-page .page-heading { font-family: 'SF UI Text Bold';  font-size: 32px; line-height: 42px; color: #23FFC2; }
.topstrategies-page .top-block { margin-bottom: 42px; display: flex; align-items: center; justify-content: space-between; }

.strategies-block .strategies-box { display: block; width: 100%; max-width: 100%; margin: 0px; margin-bottom: 0px !important; }
.strategies-block .strategies-box .sb-bottom .chart-img {  object-fit: fill; min-height: unset !important; }
.chart-img .apexcharts-canvas { height: 100% !important; }
.strategies-filter-block { max-width: 810px; width: 100%; display: block; }
.strategies-filter-block .col-form-label { color: #fff;  }
.strategies-filter-block .row .row div + div.col-auto  { width: 146px; }
.strategies-filter-block  .padding-right { padding-right: 0px; }
.apexcharts-inner { top: 0; height: 100%; transform:translate(12, 0) !important; }


.chart-img .apexcharts-svg.apexcharts-zoomable.hovering-zoom { height: 100%;}

/* active-invested-strategy-page */

.invested-strategy-block .strategies-box { display: block; margin: 0px; margin-bottom: 0px !important; height: auto !important; max-width: 350px; }
.invested-strategy-block .strategies-box::before { border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important;  }
.strategies-out-side-block { display: flex; width: 100%; }

.sosb-right-box { width: 140px; padding: 15px 0px; background: linear-gradient(180deg, rgba(156, 31, 255, 0.66) 0%, #467DF3 100%); border-radius: 0px 10px 10px 0px; display: flex; flex-direction: column; justify-content: center; }
.strategies-out-side-block .strategies-box .sb-bottom .chart-img {  object-fit: fill;}
.sosb-right-box .sosb-info { padding: 15px 16px; width: 100%; display: block;  }
.sosb-right-box .sosb-info .sosbi-title { font-family: 'SF UI Text Medium'; font-size: 14px;  line-height: 19px; color: #23FFC2; margin-bottom: 5px; }
.sosb-right-box .sosb-info .sosbi-text { font-size: 14px; font-family: 'SF UI Text Medium'; line-height: 19px; color: #FFFFFF; margin-bottom: 0px; }
.sosb-right-box .sosb-info .sosbi-text span { font-size: 12px; color: #88d7ff; display: block;}
.sosb-right-box .sosb-info:not(:last-child) { border-bottom: 1px dashed #521FA7; }

.sb-new-bottom { width: 100%; padding: 20px; display: flex; border-top: 1px dashed #02234E; justify-content: space-between; position: relative; z-index: 1; }
.sb-new-bottom p.copy-text { font-family: 'SF UI Text Medium'; font-size: 12px; line-height: 17px; color: #FFFFFF;  margin-bottom: 10px; }
.sb-new-bottom .copy-box { text-align: center; padding-left: 12px; width: 165px; }
.sb-new-bottom .stop-text { font-size: 12px; line-height: 14px; text-transform: uppercase; color: #88D7FF; font-family: 'SF UI Text Semibold'; display: inline-block; margin-top: 20px; }
.sb-new-bottom .stop-text:hover { text-decoration: underline !important; }


/*  */

.signals-finaxen-page { width: 100%; display: block; padding: 0px 80px 45px; overflow: hidden; }

.signal-top-content-block { display: flex; width: 100%; justify-content: space-between;  }
.signal-left-side { max-width: 820px; width: 100%; display: block; }
.signal-top-content-block .signal-inside-block {  width: 100%; height: auto; background: #001E48; backdrop-filter: blur(127px); -webkit-backdrop-filter: blur(127px);  border-radius: 0px 0px 255px 0px; padding: 30px 30px 30px; padding-left: 0px; position: relative; }
.signal-top-content-block .signal-inside-block::before { position: absolute; content: ""; left: -50%; width: 50%; height: 100%; background: #001E48; backdrop-filter: blur(127px); -webkit-backdrop-filter: blur(127px); top:0;  }
.signal-inside-block .heading { font-size: 32px; font-family: 'SF UI Text Bold'; line-height: 42px; color: #23FFC2; margin-bottom: 20px; }

.select-time-zone { width: 100%; display: flex; align-items: center; list-style: none !important; padding: 0px; margin: 20px 0px 50px; }
.select-time-zone li { margin: 0px 12px; }
.select-time-zone li:first-child { margin-left: 0px; }
.select-time-zone li a { font-family: 'SF UI Text Medium'; font-size: 12px; line-height: 17px; color: #88D7FF;  }
.select-time-zone li a:hover, .select-time-zone li a.active { color: #fff; }

.chart-cotnent { width: 85%; margin-bottom: 30px;  }
.chart-cotnent img { width: 100%; height: 100%; object-fit: fill; object-position: center;  }

.Profilt-text-box p { display: flex; align-items: center; width: 100%; margin-bottom: 0px;  font-family: 'SF UI Text Medium'; font-size: 13px; line-height: 18px; color: #88D7FF; }
.Profilt-text-box p span { color: #88d7ff; }
.Profilt-text-box p img { width: 16px; height: 16px; margin: 0px 10px; display: inline-block;  }
.Profilt-text-box p span + img + span { color: #fff !important; }

.about-strategy-text { width: 100%; margin:25px 0px 30px; }
.sfp-title {font-family: 'SF UI Text Bold'; font-size: 18px; line-height: 25px; color: #88D7FF; margin-bottom: 12px; }
.about-strategy-text .sfp-text { font-weight: 400; font-size: 14px; line-height: 19px; color: #FFFFFF;  word-break: break-word;}

.trading-pairs-block { max-width: 800px; width: 100%; }
.trading-pairs-block .tpb-box { position: relative; background: linear-gradient(180deg, #0034A5 0%, rgba(0, 52, 165, 0) 100%); width: 156px; height: 156px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px; }
.trading-pairs-block .tpb-box::before { width: 100%; border-radius: 50%; height: 100%; position: absolute; content: ""; border: 1px solid transparent; background: linear-gradient(180deg, #467DF3 0%, rgba(156, 31, 255, 0.66) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: add, add; mask-composite: add, add; -webkit-mask-composite: xor; mask-composite: exclude;  }
.trading-pairs-block .tpb-per { font-size: 22px; font-family: 'SF UI Text Bold'; line-height: 28px; color: #FFFFFF; text-align: center; margin-bottom: 2px; }
.trading-pairs-block .tpb-time { font-size: 14px; font-family: 'SF UI Text Medium'; line-height: 17px; text-align: center; color: #88D7FF; margin-bottom: 5px; }
.trading-pairs-block .tpb-pair { font-size: 14px; font-family: 'SF UI Text Bold'; line-height: 19px; text-align: center; color: #FFFFFF; margin-bottom: 0px; }



.signal-top-content-block .signal-right-side { width: 100%; flex: 1; padding-top: 30px; }

.signal-right-side .sb-user { width: 100%; display: flex; align-items: center; margin-bottom: 15px; padding-left: 30px; }
.signal-right-side .sb-user .sbu-img { border-radius: 50%; width: 50px; height: 50px; margin-right: 12px; position: relative; }
.signal-right-side .sb-user .sbu-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%;}
.signal-right-side .sb-user .sbu-img .verified { width: 24px; height: 24px; border-radius: 50%; position: absolute; right: -5px; top: -5px; object-fit: contain; object-position: center; }
.signal-right-side .sb-user .sbu-name { font-size: 18px; line-height: 26px; color: #FFFFFF; margin-bottom: 0px; font-family: 'SF UI Text Medium';}

.signal-right-side .subscribe-btn { height: 110px; width: 200%; padding-left: 30px; position: relative; background: linear-gradient(180deg, rgba(0, 30, 72, 0) 0%, #002457 52.08%, rgba(0, 24, 57, 0) 100%); display: flex; align-items: center; }
/* .signal-right-side .subscribe-btn::before { width: 100%; background: linear-gradient(180deg, rgba(0, 30, 72, 0) 0%, #002457 52.08%, rgba(0, 24, 57, 0) 100%); height: 100%; left: 0; top: 0; height: 100%; position: absolute; content: ''; }
.signal-right-side .subscribe-btn::after { width: 100%; background: linear-gradient(180deg, rgba(0, 30, 72, 0) 0%, #002457 52.08%, rgba(0, 24, 57, 0) 100%); height: 100%; right: 0; top: 0; height: 100%; position: absolute; content: ''; }
 */

.signal-right-side .sb-row { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px;  padding-left: 30px;}
.signal-right-side .sb-row .sb-box { padding: 10px 8px 10px; width: 50%; margin-bottom: 10px; }
.signal-right-side .sb-row .sb-box .sb1.usdt-text { color: #fff;}
.signal-right-side .sb-row .sb-box .sb1 { font-size: 14px; font-family: 'SF UI Text Medium'; line-height: 19px; color: #23FFC2; margin-bottom: 5px; display: flex; align-items: center;}
.signal-right-side .sb-row .sb-box .sb1 img { width: 14px; height: 14px; margin-left: 5px;}
.signal-right-side .sb-row .sb-box .sb2 {font-family: 'SF UI Text Medium'; color: #88d7ff; font-size: 12px;line-height: 17px; margin-bottom: 0px;}

.signal-right-side .sb-common-btn { width: 100%; display: block; margin-bottom: 35px; padding-left: 30px; }
.signal-right-side .sb-common-btn .sbc-title { font-size: 18px; font-family: 'SF UI Text Bold'; line-height: 26px; color: #23FFC2; margin-bottom: 10px; }
.signal-right-side .sb-common-btn .sbc-text { font-family: 'SF UI Text Medium'; font-size: 14px; line-height: 19px; color: #88D7FF; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; }
.signal-right-side .sb-common-btn .sbc-text span { display: inline-block; padding-right: 10px; text-align: left; }
.signal-right-side .sb-common-btn .sbc-text span + span { color: #23FFC2; display: inline-block; text-align: right; }
.signal-right-side .sb-common-btn.basic-statistics-box { margin-bottom: 0px; }

/*  */

.performance-overview-block { width: 100%; display: block; margin-top: 50px; }
.performance-overview-block .per-ob-box { padding: 15px; display: block; width: 100%; background: #021631; min-height: auto; }
.performance-overview-block .per-ob-list { font-size: 14px; line-height: 19px;color: #88D7FF; font-family: 'SF UI Text Bold'; margin-bottom: 15px; }
.performance-overview-block .per-ob-list span.per-title { width: 250px; display: inline-block; }
.performance-overview-block .per-ob-list span + span { color: #fff;  }
.performance-overview-block .perover-chart-title { font-size: 18px; font-family: 'SF UI Text Bold'; line-height: 28px; color: #23FFC2; margin-bottom: 15px; }

.performance-overview-block .chart-image-block { max-width: 800px; width: 100%; display: block; }
.performance-overview-block .chart-image-block img { width: 100%; height: 100%; object-fit: fill; object-position: center;  }


/* modal */

.connect-account-modal .modal-dialog, .start-copying-modal .modal-dialog { max-width: 820px; }
.connect-account-modal .modal-header, .start-copying-modal .modal-header { padding-left: 30px; padding-right: 30px; }
.connect-account-modal .modal-header .modal-title, .start-copying-modal .modal-header .modal-title{ font-size:32px; line-height: 42px; color: #23FFC2; text-align: left; }
.connect-account-modal .modal-body, .start-copying-modal .modal-body{ padding: 0px 30px 30px; }
.modal-content-block .normal-text { font-size: 14px; line-height: 22px; color: #FFFFFF; margin-bottom: 30px; }
.modal-content-block small { font-size: 12px;line-height: 17px; color: #FFFFFF; display: block; margin-top: 10px; }
.modal-content-block .input-group-text { background: none !important; border: none !important; border-radius: 0px; border-bottom: 1px solid #467DF3 !important; font-size: 12px; line-height: 17px; text-align: right; color: #6BC8FB;  text-transform: uppercase; padding-right: 0px; }


.support-tickets-page .phb-btn .btn { width: 140px; }
.table td .action-btn-block .common-trading-btn{ font-size: 14px; padding: 10px 4px; }

/*  */

.swal2-title { font-size: 24px; color: #fff; margin-bottom: 20px; }
.swal2-icon { margin: 0.5em auto .6em;}
.swal2-html-container { margin: 0em 0.6em 0em;}

/* 5th milestone desgin */

.trader-fees-block { margin-left: auto; position:relative; width: 140px; }
.trader-fees-block h4 { font-family: 'SF UI Text Bold';  font-size: 18px; line-height: 28px; color: #88D7FF; position: relative; margin-bottom: 3px; }
.trader-fees-block p { font-family: 'SF UI Text Medium'; font-size: 12px; line-height: 19px; color: #FFFFFF; position: relative; margin-bottom: 3px; }
.trader-fees-block p span { font-family: 'SF UI Text Bold';  font-size: 16px; line-height: 24px;  }
.trader-fees-block p:last-child { margin-bottom: 0px; }
.trader-fees-block:before { width: 140px; height: auto; background: #022351; filter: blur(27px); position: absolute; content:""; }

.table-title { font-size: 18px; font-family: 'SF UI Text Bold'; line-height: 28px; color: #88D7FF; margin-bottom: 16px; }

table td .stname { font-size: 14px; font-family: 'SF UI Text Bold'; line-height: 19px; text-decoration-line: underline;  color: #23FFC2; }


/* dashboard page */

.dashboad-first-row { width: 100%; display: flex; align-items: center; }
.common-border-block{ position: relative;  height: 256px; backdrop-filter: blur(127px); border-radius: 10px;  width: 100%; padding: 20px; }
.common-border-block::before { width: 100%; border-radius: 10px; left: 0px; top: 0px; height: 100%; position: absolute; content: ""; border: 1px solid transparent; background: linear-gradient(136.8deg, #9820FF 0%, #0469FF 98.36%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: add, add; mask-composite: add, add; -webkit-mask-composite: xor; mask-composite: exclude;}
.common-border-block .dsfr-title { font-size: 18px; font-family: 'SF UI Text Bold';  line-height: 23px ; color: #23FFC2; margin-bottom: 18px; }

.dashboad-first-row .common-border-block.chart-block{ max-width: 318px;  display: flex; }
.dashboad-first-row .common-border-block.open-positions-block{ max-width: 323px; margin: 0px 12px; }
.dashboad-first-row .common-border-block.historic-block { max-width: 100%;}
.round-cart { width: 214px; height: 214px; margin: auto; }
.round-cart img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.op-status { font-family: 'SF UI Text Medium'; font-size: 12px; color:#fff; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; }
.op-status img { height: 17px; width: 161px; margin: 0px 10px; }
.op-status span.positive { color: #23FFC2; }
.op-status span.nagetive { color: #d73736; }

.open-positions-inside { max-height: 180px; width:100%; overflow-y: auto; word-break:break-all; z-index: 1; position: relative; }
.open-positions-inside { scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: #23FFC2 #04377D ; }
.open-positions-inside::-webkit-scrollbar { width: 3px;}
.open-positions-inside::-webkit-scrollbar-track { background: #04377D ;}
.open-positions-inside::-webkit-scrollbar-thumb { background-color: #23FFC2; border-radius: 6px; border: 3px solid #04377D; }


.dashboard-collepse-content-block { width: 100%; display: block; margin-top: 30px; }
.dashboard-collepse-content-block .common-border-block { height: 380px; }

.accordion-item {padding: 10px; border: none;  border-radius: 10px 10px 0px 0px !important; margin-bottom: 20px; position: relative; overflow: hidden; }
.accordion-item:before { position: absolute; content: ""; left: 0px; right: 0px; top: 0px; height: 100%; max-height: 269px; background: linear-gradient(180deg, #011127 0%, rgba(1, 17, 39, 0.598958) 67.71%, rgba(1, 17, 39, 0) 100%);   border-radius: 10px 10px 0px 0px !important; }


.accordion-button { padding: 0px; box-shadow: none !important; background: none !important; color:#fff; align-items: flex-start; position: relative; }
.accordion-button::after { background: url(../images/dwanarrow.png) no-repeat; background-size: 12px; background-position: center; }
.accordion-button:not(.collapsed)::after { background: url(../images/dwanarrow.png) no-repeat; background-size: 12px; background-position: center; }
.ab-title { font-size: 18px; font-family: 'SF UI Text Bold'; line-height: 28px; color: #88D7FF; margin-bottom: 10px; }
.exchange-amount { font-size: 24px; font-family: 'SF UI Text Bold'; line-height: 36px;  color: #FFFFFF; margin-bottom: 0px; }
.exchange-amount img { width: 30px; height: 30px; margin-right: 10px; }

.accordion-body { padding: 30px 0px 0px;  position: relative; /* color: #fff; */ }
.accordion-body .table-row, .dashborad-content-table .table-row { width:100%; display: flex; align-items: center; margin-bottom: 20px; }
.accordion-body .sub-title, .dashborad-content-table .sub-title  { font-size: 18px;  font-family: 'SF UI Text Bold'; line-height: 28px; color: #88D7FF; margin-bottom: 15px; }
.accordion-body .balacne-info , .dashborad-content-table .balacne-info { font-size: 18px;  font-family: 'SF UI Text Bold'; line-height: 28px; color: #FFFFFF; margin-left: auto; padding: 0px 5px; }


.active_performance_row { width: 100%; display: block; margin-bottom: 30px; }

.strategies-box .sb-bottom .sb-row{ align-items:flex-start; }

.trader-dashborad-page .profile-inside-content .pheading-block .phb-text{ width: 70%; }


/* .irs--flat .irs-line */

.range {width: 100%; padding-top: 10px;}
.irs--flat .irs-line { background-color: #467DF3; }
.irs--flat .irs-bar { background-color: #23FFC2; }
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { background:#23FFC2; color: #001D33; }
.irs--flat .irs-handle > i:first-child { width: 18px; height: 100%; background-color: #fff; border-radius: 50%;left:0; }
.irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before { border-top-color: #23FFC2; }
.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #fff;}
.irs--flat .irs-handle { cursor: pointer;}
.irs--flat .irs-min, .irs--flat .irs-max { color: #fff; background-color: #467DF3;}

/*  */


.nav.d-nav-pills { border-bottom: 1px solid  !important; margin-bottom: 30px; }
.nav.d-nav-pills .nav-link.active { background-color: #23FFC2 !important; color: #001D33 !important; border: none !important;     padding: 10px 15px; }
.upis-menu-bar .nav-pills.d-nav-pills .nav-link.active .upis-link-name { color: #001D33 !important;}
.upis-menu-bar .nav-pills.d-nav-pills .nav-link:first-child {  border: none !important;}
/* .dashboad-first-row .common-border-block.open-positions-block { margin-top: 30px !important; } */
.upis-menu-bar .nav-pills .nav-link { color: #fff !important; }
.nav.d-nav-pills .nav-link .arrow-image { display: none !important; }
.upis-menu-bar .nav-pills.d-nav-pills .nav-link { border: none !important; }

/* #v-pills-spot .common-border-block { margin: 0px !important; } */


/* responsive view */

/* .alertify-notifier.ajs-right .ajs-message.ajs-visible { z-index: 11111; } */

@media (min-width: 1200px) and (max-width: 1300px) {

.exchange-account-page .benefits-block .benefit-box {  max-width: 241px; width: 100%; margin-bottom: 56px; }
.add-strategies-page .footer-button-block p { max-width: 530px; font-size: 12px; line-height: 17px; }

.active-invested-strategy-page .profile-inside-content { padding: 20px 20px;  }
.sosb-right-box .sosb-info { padding: 15px 12px;}
.active-invested-strategy-page .invested-strategy-block .strategies-box{ max-width: 320px;}
.active-invested-strategy-page .strategies-box .sb-top { padding: 17px 15px;}
.sb-new-bottom { padding: 15px;}



}

@media (min-width: 1400px) {

}

@media (min-width: 1600px) and (max-width: 1700px) {

.signal-left-side { max-width: 1120px !important;}
.signal-right-side .sb-user, .signal-right-side .subscribe-btn, .signal-right-side .sb-row, .signal-right-side .sb-common-btn  { padding-left: 50px !important;}


}

@media (min-width: 1600px) {


.swal2-title { font-size: 30px; color: #fff; margin-bottom: 20px; }
.swal2-icon { margin: 0.5em auto .6em;}
.swal2-html-container {  font-size: 24px; line-height: 32px; text-align: center; color: #fff; font-family: 'SF UI Text Medium'; margin: 0px 10px; }

.container { max-width: 1250px !important; }

/* main css code */

header { width: 100%; padding: 12px 100px; display: block; }
.navbar-brand { width: 207px; height: 39px; display: block; margin: 0px; padding: 0px; }
.navbar-brand img { width: 100%;  height: 100%; object-fit: contain; object-position: center;  }

.navbar-nav .nav-link { font-size: 16px;  font-family: 'SF UI Text Semibold'; line-height: 20px; text-transform: uppercase; color: #FFFFFF; padding: 0px !important; margin-left: 30px; }
.navbar-nav .nav-link.signup-link { width: 100px; background: #23FFC2; border-radius: 4px; padding: 10px !important; display: block; text-align: center; color: #001D33; }

.nav-toggle { position: absolute; top: 15px; margin-left: -80px; cursor: pointer; }

/*  */

.home-banner-section { width: 100%; padding: 0px; height: 755px; position: relative; display: flex; flex-direction: column; }
.home-image-sction { width: 100%; height: 100%; background: url(../images/banner-image.jpg); background-position: center; background-size: cover; }
.home-video-sction { width: 100%; height: 100%; }
.home-video-sction video { width: 100%; height: 100%; }


.home-banner-content-block { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 24, 57, 0.7); display: flex; align-items: center; }
.home-banner-content-block::before { position: absolute; content: ""; width: 100%; height: 170px;  left: 0; right: 0; bottom: -5px; background: linear-gradient(0deg, #001839 43.22%, rgba(0, 24, 57, 0) 65.91%); }
.banner-content { text-align: center; max-width: 686px; width: 100%; margin: 0px auto; padding: 10px;  }
.bac-title { font-family: 'SF UI Text Bold'; font-size: 48px; line-height: 66px; text-align: center; color: #FFFFFF; margin-bottom: 10px; margin-bottom: 10px;}
.bac-title span { color: #23FFC2 ; }
.bac-description { font-size: 28px; line-height: 39px; text-align: center; color: #FFFFFF; font-family: 'SF UI Text Medium'; margin-bottom: 35px; }
.common-trading-btn { font-family: 'SF UI Text Semibold'; font-size: 16px; line-height: 18px; text-transform: uppercase; color: #001D33; min-width: 150px; background: #23FFC2; border-radius: 4px; display: inline-block; box-shadow: none !important; padding: 10px 8px; }

/* Top Strategies */

.top-strategies-section { height: 468px; padding: 20px; background: url(../images/XMLID_1.png), #001839; width: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: bottom; }
.heading-block { width: 100%; display: flex; align-items: center; margin-bottom: 30px; justify-content: space-between; }
.heading-block .section-heading { font-size: 40px; font-family: 'SF UI Text Bold'; line-height:55px; color: #23FFC2; margin-bottom: 0px; }
.heading-block .view-text { font-size: 16px; font-family: 'SF UI Text Semibold'; line-height: 22px; text-align: right; color: #8827FF !important; margin-bottom: 0px; }

.strategies-box { position: relative; border-radius: 10px; max-width: 486px; width: 100%; /* height: 284px; */ margin: 5px; }
.strategies-box::before { width: 100%; height: 100%; position: absolute; content: ""; border-radius: 10px; border:1px solid transparent; background:linear-gradient(136.8deg, #9820FF 0%, #0469FF 98.36%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.strategies-box .sb-top { width: 100%; padding:17px 20px; }
.strategies-box .sb-top .sbtitle{  font-family: 'SF UI Text Bold'; font-size: 20px; line-height: 28px; color: #FFFFFF; margin-bottom: 10px; }
.strategies-box .sb-top .sb-user { width: 100%; display: flex; align-items: center; }
.strategies-box .sb-top .sb-user .sbu-img { border-radius: 50%; width: 30px; height: 30px; margin-right: 10px; position: relative; }
.strategies-box .sb-top .sb-user .sbu-img .verified { width: 14px; height: 14px; border-radius: 50%; position: absolute; right: -5px; top: -5px; object-fit: contain; object-position: center; }
.strategies-box .sb-top .sb-user .sbu-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }
.strategies-box .sb-top .sb-user .sbu-name { font-size: 16px; line-height: 22px; color: #FFFFFF; margin-bottom: 0px; font-family: 'SF UI Text Medium'; }
.strategies-box .sb-row { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.strategies-box .sb-row .sb-box { padding: 10px 8px 0px; }
.strategies-box .sb-row .sb-box .sb1 { font-size: 14px;  font-family: 'SF UI Text Medium'; line-height: 19px; color: #23FFC2; margin-bottom: 5px; display: flex; align-items: center; }
.strategies-box .sb-row .sb-box .sb1.usdt-text { color: #fff; }
.strategies-box .sb-row .sb-box .sb1 img { width: 14px; height: 14px; margin-left: 5px; }
.strategies-box .sb-row .sb-box .sb2 {font-family: 'SF UI Text Medium'; color: #88d7ff; font-size: 12px; line-height: 17px; margin-bottom: 0px; }
.strategies-box .sb-bottom{ border-top: 1px dashed #02234E; padding: 0px /* 20px */ 5px; width: 100%; height: 130px; }
.strategies-box .sb-bottom .chart-img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.owl-nav { position: absolute; top: -66px; left: 34.5%; width: 75px; display: flex; align-items: center; justify-content: space-between; height: 26px; }
.owl-dots { display: block; }
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { font-size: 26px; color: #fff;}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover { color: #88d7ff; }


/* Your Benefits */

.your-benefits-section { width: 100%; display: block; padding: 60px 0px; position: relative; }
.your-benefits-section::before{ width: 100%; position: absolute; content: ""; height: 315px; left: 0px; top: 0;   background: linear-gradient(180deg, #001F49 0%, rgba(0, 24, 57, 0) 100%); }

.your-benefits-section .heading-block { justify-content: center; margin-bottom: 55px; position: relative; }

.benefits-block .benefit-box { width: 241px; min-height: 241px; position: relative; padding: 20px 0px; }
.benefits-block .benefit-box::before { width: 100%; height: 241px; position: absolute; content: ""; background: #022351; filter: blur(22px); z-index: -1; border-radius: 50%; }
.benefits-block .benefit-box .benefit-image { width: 62px; height: 62px; margin-bottom: 10px; }
.benefits-block .benefit-box .benefit-image img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.benefits-block .benefit-box .ben-title { font-size: 16px; font-family: 'SF UI Text Bold'; line-height: 22px; color: #23FFC2; margin-bottom: 5px; }
.benefits-block .benefit-box .ben-description { font-size: 13px; line-height: 18px; color: #FFFFFF; margin-bottom: 0px; }

.benefits-bottom-content { width: 100%; display: block; padding-top: 45px; }
.benefits-bottom-content .bbtext {   font-family: 'SF UI Text Medium Italic'; text-align: center; color: #fff; font-size: 16px; line-height: 22px; margin-bottom: 0px; margin-top: 28px; }

/*  */

.platform-performance-section { width: 100%; display: block; padding: 70px 0px; background: url(../images/jeremybg.png) no-repeat; background-position: center; background-size: cover; position: relative; }
.platform-performance-section::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 18, 44, 0.92);}
.platform-performance-block { position: relative; max-width: 810px; width: 100%; }
.platform-performance-block .heading-block { margin-bottom: 40px; }
.platform-performance-block .platform-box { text-align: center; }
.platform-performance-block .platform-box .pp-amount { font-size: 30px; font-family: 'SF UI Text Bold'; line-height: 42px; color: #23FFC2; margin-bottom: 10px; }
.platform-performance-block .platform-box .pp-title { font-size: 18px; font-family: 'SF UI Text Bold'; line-height: 25px; color: #6BC8FB; margin-bottom: 10px; }
.platform-performance-block .platform-box .pp-text { font-size: 14px;  font-family: 'SF UI Text Semibold'; line-height: 19px; color: #3293FF; margin-bottom: 0px; }
.platform-map { max-width: 606px; width: 100%; height: 299px; background: url(../images/map.png) no-repeat; position: absolute; right: 0; top: 50%; transform: translateY(-50%);  background-position: center; background-size: 100%; }

/*  */

.profit-share-section { width: 100%; display: block; padding: 30px 0px; }
.profit-share-section .ps-image { max-width: 1137px; width: 100%; height: 320px; margin: 0px auto; }
.profit-share-section .ps-image img { width: 100%; height: 100%; object-fit: contain; object-position: center; }



/*  */

.profitBoostr-section { width: 100%; display: block; padding: 50px 0px; }
.profitBoostr-block {  }
.profitBoostr-block .profit-box { max-width: 600px; height: 600px; border-radius: 15px; width: 100%; margin: 0px auto; position: relative; }
.profitBoostr-block .profit-box img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 15px;  }
.profitBoostr-block .profit-box .profit-overlay { border-radius: 0px 0px 12px 12px; background: linear-gradient(0deg, #001839 4.89%, rgba(0, 24, 57, 0.34) 79.1%, rgba(0, 24, 57, 0) 90.87%); position: absolute; bottom: 0px; width: 100%; left: 0; padding: 20px; height: 290px; display: flex; flex-direction: column; justify-content: flex-end; }
.profitBoostr-block .profit-box .heading {  font-size: 40px; font-family: 'SF UI Text Bold'; line-height: 55px; color: #23FFC2; margin-bottom: 0px; }
.profitBoostr-block .profit-box .description { font-size: 16px; line-height: 29px; color: #FFFFFF; font-family: 'SF UI Text Medium'; margin-bottom: 0px; }

/*  */

.how-to-start-section { position: relative; display: block; width: 100%; padding: 40px 0px 70px; background: url(../images/how-bg.jpg) no-repeat; background-size: cover; background-position: center; }
.how-to-start-section::before { width: 100%; height: 100%; top: 0; left: 0; position: absolute; content: ""; background: linear-gradient(180deg, #001839 0%, rgba(0, 24, 57, 0) 100%); }
.how-to-start-section .heading-block { display: block; text-align: center; position: relative; max-width: 420px; margin: 0px auto 30px;}
.how-to-start-section .description { font-size: 16px; line-height: 22px; text-align: center; color: #FFFFFF; margin-bottom: 0px; }
.how-to-start-section .site-logo { width: 207px;  height: 39px; margin: 0px auto 40px; position: relative; }
.how-to-start-section .site-logo img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; }

.how-start-block { max-width: 850px; width: 100%; margin: 0px auto;  }
.how-steps { max-width: 200px; width: 100%; margin: 0px auto; }
.how-steps .step-box { background: linear-gradient(180deg, #0034A5 0%, rgba(0, 52, 165, 0) 100%); width: 126px; height: 126px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto 20px; position: relative; }
.how-steps .step-box::before { width: 100%; border-radius: 50%; height: 100%;  position: absolute;  content: ""; border: 1px solid transparent; background: linear-gradient(180deg, #467DF3 0%, rgba(156, 31, 255, 0.66) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);  mask-composite: add, add;  -webkit-mask-composite: xor; mask-composite: exclude; }
.how-steps .step-box .icon { width: 60px; height: 60px; }
.how-steps .step-box .icon img { width: 100%; height: 100%; }
.how-steps .how-text { font-size: 16px; line-height: 22px; text-align: center; color: #FFFFFF; }
.how-steps .step-box .step-counter { width: 41px; height: 41px; background: #65E0FF; border-radius: 50%; font-size: 25px; line-height: 35px; font-family: 'SF UI Text Bold'; display: flex; align-items: center; color: #005B9E; position: absolute; top: -7px; left: -12px; justify-content: center; }

/*  */

.home-faq-section {position: relative; width: 100%; display: block; min-height: 633px; padding: 55px 0px; background: url(../images/faq-bg.png) no-repeat; background-position:top center; background-size: contain; }
.home-faq-section::before { height: 315px;position: absolute; content: ""; left: 0; top: 0;  width: 100%; background: linear-gradient(180deg, #001F49 0%, rgba(0, 24, 57, 0) 100%); }
.home-faq-section .faq-img { width: 400px; height: 400px; padding: 30px 0px; position: relative; }
.home-faq-section .faq-img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.que-img1{width: 98px; height: 98px;  background: #88D7FF; position: absolute; border-radius: 50%; font-size: 60px; font-family: 'SF UI Text Bold'; color: #FFFFFF; display: flex; align-items: center; justify-content: center; top: -30px; left: 85px; }
.que-img2{width: 72px; height: 72px;  background: #0088EC; position: absolute; border-radius: 50%; font-size: 50px; font-family: 'SF UI Text Bold'; color: #FFFFFF; display: flex; align-items: center; justify-content: center; right: 68px; top: 30px; }
.que-img3{width: 86px; height: 86px;  background: #23FFC2; position: absolute; border-radius: 50%; font-size: 50px; font-family: 'SF UI Text Bold'; color: #FFFFFF; display: flex; align-items: center; justify-content: center; bottom: 36px; left: 76px; }
.que-img4{width: 72px; height: 72px;  background: #002E50; position: absolute; border-radius: 50%; font-size: 50px; font-family: 'SF UI Text Bold'; color: #FFFFFF; display: flex; align-items: center; justify-content: center; bottom: 45px; right: 20px; }
.circle1 { position: absolute; width: 20px; height: 20px; background: #23FFC2; border-radius: 50%; top: 85px; left: 35px; }
.circle2 { position: absolute; width: 20px; height: 20px; background: #002E50; border-radius: 50%; top: 24px; left: 232px; }
.circle3 { width: 18px; height: 18px; background: #88D7FF; position: absolute; border-radius: 50%; right: 84px; bottom: 96px; }

.home-faq-section .heading-block { position: relative; margin-bottom: 60px; }

.faq-que-ans { width: 100%; display: block; margin-bottom: 30px; }
.faq-que-ans:last-child { margin-bottom: 0px; }
.faq-que-ans .que-text { font-size: 20px; line-height: 28px; color: #23FFC2; margin-bottom: 10px; }
.faq-que-ans .que-answer { font-size: 16px; line-height: 22px; color: #FFFFFF; margin-bottom: 10px; }
.faq-que-ans .que-answer:last-child { margin-bottom: 0px; }

/*  */

.footer-common-section { position: relative; width: 100%; display: block; padding: 38px 0px; background: url(../images/Maskgroup.png) no-repeat; background-size: cover; background-position: center; }
.footer-common-section::before { background: linear-gradient(90deg, rgba(0, 112, 255, 0.92) 0%, rgba(5, 31, 64, 0) 52.08%, rgba(5, 31, 64, 0) 59.38%, rgba(0, 112, 255, 0.92) 100%); width: 100%; height: 1px; position: absolute; content: ""; top: 0; left: 0; }
.footer-common-section:after{ background: linear-gradient(90deg, rgba(0, 112, 255, 0.92) 0%, rgba(5, 31, 64, 0) 52.08%, rgba(5, 31, 64, 0) 59.38%, rgba(0, 112, 255, 0.92) 100%);  width: 100%; height: 1px; position: absolute; content: ""; bottom: 0px; left: 0; }
.open-trading-block { max-width: 660px; width: 100%; display: block; margin: 0px auto; text-align: center; }
.open-trading-block .heading { text-align: center; font-size: 40px; line-height: 55px;  font-family: 'SF UI Text Bold'; color: #FFFFFF; margin-bottom: 20px; }
.open-trading-block .heading span { color: #23FFC2; }


/* footer */

footer { width: 100%; display: block; background: #001128; }
.footer-top { width: 100%; display: block; padding: 30px 0px; }
.footer-top .footer-logo { width: 207px; height: 39px; margin: 0px auto; }
.footer-top .footer-logo a { display: block; }
.footer-top .footer-logo a img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.footer-top .footer-menu { width: 100%; display: block; padding: 30px 0px; }
.footer-top .footer-menu ul{ width: 100%; display: flex; align-items: center; padding: 0px; margin: 0px;  list-style: none; justify-content: center; }
.footer-top .footer-menu ul li { margin: 0px 20px; }
.footer-top .footer-menu ul li a { font-family: 'SF UI Text Medium'; font-size: 16px; line-height: 33px; color: #4C617E !important; }

.footer-top .social_icons { width: 100%; display: flex; align-items: center; justify-content: center; list-style: none !important; padding: 0px; margin: 0px; }
.footer-top .social_icons li { margin: 0px 5px; }
.footer-top .social_icons li a { background: #7390B7; border-radius: 50%; width: 26px; height: 26px; color: #001128; display: flex; align-items: center; justify-content: center; }

.copy-right-row { font-size: 12px; line-height: 17px; text-align: center; color: #6F8DB6; border-top: 1px dashed #012353; padding: 14px 0px; }
.copy-right-row a{ font-size: 12px; line-height: 17px; color: #6F8DB6 !important; }

/* chat box */

.chat-box { width: 46px; height: 46px; cursor: pointer; background: linear-gradient(180deg, #0034A5 0%, rgba(0, 52, 165, 0) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: fixed; bottom: 85px; right: 20px; z-index: 1; }
.chat-box::before { width: 100%; height: 100%; position: absolute; content: ""; border-radius: 50%;
    border: 1px solid transparent; background: linear-gradient(180deg, #467DF3 0%, rgba(156, 31, 255, 0.66) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
      mask-composite: add, add; -webkit-mask-composite: xor; mask-composite: exclude; }
.chat-box img { width: 26px; height: 26px; object-position: center; object-fit: contain; }



/*  */

.contact-us-page { min-height: 80vh; padding: 65px 0px; }
.contact-us-page .cheading-block { max-width:567px; margin: 0px auto 30px; }
.contact-us-page .cheading-block .page-heading { font-size: 40px; line-height: 55px; margin-bottom: 10px; }
.contact-us-page .cheading-block .description { font-size: 20px; line-height: 28px; margin-bottom: 10px; }
.contact-form { max-width: 652px; border-radius: 9px; padding: 25px 55px; }
.contact-form .cf-heading { font-size: 40px; line-height: 55px; margin-bottom: 10px; }
.contact-form .form-group { margin-bottom: 20px; }
.contact-form .form-group .form-label { font-size: 14px; line-height: 19px; margin-bottom: 8px; }
.contact-form .form-group .form-control { padding: 17px; font-size: 14px; line-height: 19px;}
.contact-form .form-group .input-border {  max-width: 540px; width: 100%; }
.contact-form .common-trading-btn { max-width: 160px; margin: 15px auto 0px; }


/* about us page */

.about-us-page { width: 100%; display: block; padding: 65px 0px 0px; }
.static-common-heading-block { max-width: 567px; width: 100%; display: block; text-align: center; margin: 0px auto 50px; }
.static-common-heading-block .page-heading{ font-size: 40px;  font-family: 'SF UI Text Bold'; line-height: 55px; color: #FFFFFF; }
.static-common-heading-block .page-heading span { color: #23FFC2; }
.static-common-heading-block .p-text { font-size: 20px; font-family: 'SF UI Text Medium'; line-height: 28px; text-align: center; color: #FFFFFF; margin-bottom: 10px; }

.about-content-block { padding: 0px 0px 40px; width: 100%; margin: 0px auto; backdrop-filter: blur(127px); border-radius: 10px; position: relative; }
.about-content-block .row-one { width: 100%; position: relative; padding: 25px 25px 0px; }
.about-content-block::before { position: absolute; content: ""; border-radius:9px; width: 100%; height: 100%; border:1px solid transparent; background:linear-gradient(136.8deg, #9820FF 0%, #0469FF 98.36%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; left: 0; top: 0; }
.about-content-block .row-two { width: 100%; display: block; padding: 42px 25px; }
.about-content-block .row-two .about-text { padding-left: 20px; }
.about-content-block .tow-three { width: 100%; display: block; padding: 0px 25px;  }
.about-content-block .about-text h1 { font-size: 40px; font-family: 'SF UI Text Bold'; line-height: 55px; color: #23FFC2; margin-bottom: 12px; }
.about-content-block .about-text p { font-size: 16px; line-height: 22px; color: #FFFFFF; margin-bottom: 20px; }
.about-content-block .about-text p:last-child { margin-bottom: 0px; }
.about-content-block .image1 { width: 100%; display: block; background: url(../images/top-img.png) no-repeat; background-size: contain; background-position: right; }
.about-content-block .image1 img { width: 300px; height: 300px; object-fit: contain; object-position: left; }
.about-content-block .image2 { max-width: 290px; height: 400px; width: 100%; border-radius: 10px; }
.about-content-block .image2 img { width: 100%; height: 100%; object-position: center; object-fit: cover; border-radius: 10px; }

.teams-block { width: 100%; display: block; padding: 40px 0px 10px; }
.teams-block .heading-block { justify-content: center; }
.teams-block .teams-box-outside {  max-width: 300px; width: 100%; height: 100%; padding-bottom: 30px; }
.teams-block .teams-box-outside .teams-box { width: 100%; display: block; height: 100%; }
.teams-block .teams-box-outside .teams-image { width: 100%; height: 300px; border-radius: 10px; }
.teams-block .teams-box-outside .teams-image img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; object-position: center; }
.teams-block .teams-box-outside .teams-body { padding:20px 10px 10px; }
.teams-block .teams-box-outside .tname { font-size: 20px; font-family: 'SF UI Text Bold'; line-height: 28px; text-align: center; color: #23FFC2;  margin-bottom: 5px;}
.teams-block .teams-box-outside .tpost { font-size: 16px; line-height: 22px; text-align: center; color: #FFFFFF; margin-bottom: 0px; }

.footer-common-section { min-height: 247px; display: flex !important; align-items: center; }



/*  */

.tpf-pages { width: 100%; display: block; padding: 65px 0px; }
.faq-page .static-common-heading-block { margin-bottom: 30px; }
.tpf-page-content { width: 100%; display: block; padding:40px 25px 25px; border-radius: 10px; position: relative; }
.tpf-filter-block { backdrop-filter: blur(127px); height: 50%; position: absolute; z-index: -1; content: ""; border-radius: 10px 10px 0px 0px; width: 100%; border:1px solid transparent; background:linear-gradient(136.8deg, #9820FF 0%, #0469FF 98.36%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; left: 0; top: 0; border-bottom: 0px; }
.tpf-filter-block::before { position: absolute; content: ""; height: 314px; background: linear-gradient(180deg, #001F49 0%, rgba(0, 24, 57, 0) 100%); border-radius: 9px; top: 0; left: 0; }
.tpf-filter-block::after {  position: absolute; content: ""; height: 167px; background: linear-gradient(0deg, #001839 43.22%, rgba(0, 24, 57, 0) 65.91%); bottom: 0; left: 0; }

.tpf-page-content .tpf-content { margin-bottom: 30px; width: 100%; display: block; }
.tpf-page-content .tpf-content:last-child { margin-bottom: 0px; }
.tpf-page-content h3 { font-size: 24px;  font-family: 'SF UI Text Bold'; line-height: 33px; color: #23FFC2; margin-bottom: 10px; }
.tpf-page-content p { font-size: 14px; line-height: 19px; color: #FFFFFF; margin-bottom: 20px; }
.tpf-page-content p:last-child { margin-bottom: 0px; }

.faq-page .nav-pills { max-width: 282px; width: 100%; margin: 0px auto 30px; height: 40px; background: #1E3555; background: #23FFC2; border-radius: 50px; }
.faq-page .nav-pills .nav-item { width: 50%; }
.faq-page .nav-pills .nav-link { font-size: 16px; width: 100%; border-radius: 0; height: 100%; line-height: 19px; text-transform: uppercase; color: #001D33; box-shadow: none !important; font-family: 'SF UI Text Semibold'; padding: 10px; }
.faq-page .nav-pills .nav-link.active, .faq-page .nav-pills .show > .nav-link { background: #1E3555; color: #23FFC2; }
.faq-page .nav-pills .nav-item:first-child .nav-link.active{ border-radius: 50px 0px 0px 50px; }
.faq-page .nav-pills .nav-item:last-child .nav-link.active{ border-radius: 0px 50px 50px 0px; }

.tpf-page-content-inside { width: 100%; display: flex;  }
.tpf-page-content-inside .left-side-block { width: 30%; padding-right: 30px; }

.left-side-block .nav-pills .nav-link { padding:12px 0; font-size: 30px; color: #6bc8fb; font-family: 'SF UI Text Bold'; border-radius: 0px; border-bottom: 1px dashed #023A85; }
.left-side-block .nav-pills li:last-child .nav-link{ border: none !important; }
.left-side-block .nav-pills .nav-link span.number { color: #23FFC2 !important; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #23FFC2; background: none !important;  }


.tpf-page-content-inside .right-side-block { width: 70%; flex: 1; padding-left: 20px; }

/* blogs */

.blog-page { width: 100%; display: block; padding: 50px 0px; }
.blog-card { max-width: 280px; border-radius: 10px; width: 100%; /* height: 100%; */ padding-bottom: 40px; }
.blog-card-inside { display: flex; width: 100%; position: relative; background:url(../images/blog-img.jpg); background-position: top center; background-size: cover; box-shadow: 1px 1px 35px #002353; height: 100%; border-radius: 10px; padding-top: 165px; }
.blog-card-inside::before { width: 100%; height: 100%; display: block; position: absolute; content: ""; background: linear-gradient(0deg, #001839 43.22%, rgba(0, 24, 57, 0) 65.91%);  border-radius: 9px; left: 0; top: 0; }
.blog-card-inside::after { position: absolute; content: ""; border-radius:9px; width: 100%; height: 100%; border:1px solid transparent; background:linear-gradient(136.8deg, #9820FF 0%, #0469FF 98.36%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; left: 0; top: 0; }
.blog-card-inside .blog-content { position: relative; width: 100%; padding: 10px 15px; z-index: 1; }
.blog-card-inside .blog-content .blog-title {  font-size: 20px; font-family: 'SF UI Text Bold'; line-height: 28px; color: #FFFFFF; margin-bottom: 5px; }
.blog-card-inside .blog-content .category { font-size: 12px; line-height: 17px; color: #88D7FF; margin-bottom: 8px; }
.blog-card-inside .blog-content .blog-text { font-size: 12px; line-height: 17px; color: #FFFFFF; margin-bottom: 0px; }
.blog-card-inside .blog-content .read-box { width: 85px; padding: 5px; background: #001839;margin-left: auto; margin-bottom: -12px; }
.blog-card-inside .blog-content .read-box .read-text { font-size: 12px; line-height: 17px; color: #FFFFFF !important; display: flex; align-items: center; }
.blog-card-inside .blog-content .read-box .read-text img { width: 7px; height: auto; margin-left: 5px; }

.lds-spinner {display: block; position: relative; width: 34px; height: 34px; margin: auto; }
.lds-spinner div { transform-origin: 20px 20px; animation: lds-spinner 1.2s linear infinite; }
.lds-spinner div:after { content: " "; display: block; position: absolute; top: 0px; left: 18px; width: 3px; height: 8px; border-radius: 20px; background: #6bc8fb; }
.lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s;}
.lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }
.lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }
.lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s;}
.lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s;}
.lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s;}
.lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s;}
.lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s;}
.lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s;}
.lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s;}
.lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s;}
.lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }
@keyframes lds-spinner {
    0% { opacity: 1; }
    100% { opacity: 0; }
}


/* blogs-detail */

.blog-detail-banner { width: 100%; display: block; height: 385px; position: relative; background-repeat: no-repeat; }
.blog-detail-banner::before { width: 100%; height: 170px; left: 0px; bottom: -58px; position: absolute; content: "";
    background: linear-gradient(0deg, #001839 43.22%, rgba(0, 24, 57, 0) 65.91%); }

.blogs-detail { padding: 30px 0px 40px; display: block; width: 100%; position: relative; }
.blog-detail-content .blog-title { font-size: 40px;  font-family: 'SF UI Text Bold'; line-height: 55px; color: #FFFFFF; margin-bottom: 10px; }
.blog-detail-content .category-text { font-size: 12px; font-family: 'SF UI Text Medium'; line-height: 17px; color: #88D7FF; margin-bottom: 15px; }
.blog-detail-content .blog-text { font-size: 12px; line-height: 17px; color: #FFFFFF; margin-bottom: 20px; }
.blog-detail-content .blog-text:last-child { margin-bottom: 0px; }

.blogs-detail .blog-card { height: auto !important; }

.similer-title { font-size: 20px; font-family: 'SF UI Text Bold'; line-height: 28px; color: #FFFFFF; margin-bottom: 10px; }

.back-btn { text-align: right; margin-bottom: 10px; margin-top: 20px; }
.back-btn a { display: inline-flex; align-items: center; font-size: 12px; line-height: 17px; color: #FFFFFF; }
.back-btn a img { width: 7px; height: auto; margin-right: 20px; }

.share-and-update { display: flex; align-items: center; justify-content: flex-end; }
.share-and-update span { font-size: 12px;  font-family: 'SF UI Text Medium'; line-height: 17px; color: #88D7FF; }
.share-and-update img { width: 20px; height: 20px; margin-left: 10px; }

/* signup page */

.invester-signup-page { background-image: url(../images/invester-signup-bg.png); background-position: center; background-size: cover; }
.login-page { background-image: url(../images/login-bg.png); background-position: center; background-size: cover;  }
.trader-signup-page { background-image: url(../images/trader-signup-bg.png); background-position: center; background-size: cover;  }
.forgot-page { background-image: url(../images/forgot-bg.png); background-position: center; background-size: cover; }

.auth-form-section { width: 100%; display: flex; min-height: calc(100vh - 63px); }
.auth-form-section .left-side-content { max-width: 55%; /* margin-left: auto;  */width: 100%; padding: 30px 0px; display: flex; flex-direction: column; padding-left: 100px; }
.auth-form-section .benefits-block { max-width: 710px; /* margin-left: auto; */ width: 100%;  }
.auth-form-section .ben-title { font-size: 40px; font-family: 'SF UI Text Bold'; line-height: 55px;  color: #FFFFFF; margin-bottom: 10px; }
.auth-form-section .trader-links { width: 100%; display: flex; justify-content: center; align-items: center; margin: 100px 0px;  }
.auth-form-section .trader-links p { font-size: 30px; line-height: 42px; color: #fff; margin-bottom: 0px;  font-family: 'SF UI Text Bold'; margin-right: 20px; }
.auth-form-section .trader-links p span { color: #23FFC2; }
.auth-form-section .trader-links .signup-btn { width: 176px; padding: 18px; background: #23FFC2; border-radius: 6px; box-shadow: none !important; font-size: 18px; line-height: 21px; font-family: 'SF UI Text Semibold'; text-transform: uppercase; color: #001D33; }

.auth-form-block { width: 100%; max-width: 45%; /* height: 100%; */ background: rgba(0, 31, 73, 0.6); backdrop-filter: blur(23px); padding: 25px 50px; }

.auth-form { max-width: 540px; width: 100%; }
.auth-form .form-title { font-size: 40px; line-height: 55px; color: #FFFFFF; text-align: center; margin-bottom: 20px; font-family: 'SF UI Text Bold'; }
.auth-form .form-description { font-family: 'SF UI Text Semibold'; font-size: 14px; line-height: 17px; text-align: center; color: #FFFFFF; margin-bottom: 40px; margin-top: 34px; }
.auth-form .form-title span { color: #23FFC2;  }
.auth-form .social-signup { width: 100%; display: flex; align-items: center; margin-bottom: 30px;  }
.auth-form .social-signup .btn { position: relative; box-shadow: none !important; border: none !important; max-width: 253px; width: 100%; height: 53px; background: #04275B; border-radius: 4px; font-size: 14px; line-height: 19px; display: flex; align-items: center; color: #FFFFFF; padding: 10px 30px; }
.auth-form .social-signup .btn::before { width: 100%; left: 0; top: 0; height: 100%; position: absolute; content: ""; border-radius: 4px; border: 1px solid transparent; background: linear-gradient(180deg, #467DF3 0%, rgba(156, 31, 255, 0.66) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);  mask-composite: add, add; -webkit-mask-composite: xor; mask-composite: exclude; }

.auth-form .social-signup .btn img { width: 30px; height: 30px; margin-right: 10px;  }
.auth-form .social-signup .btn.facebook-btn { margin-right: 10px; }
/* .auth-form .social-signup .btn.google-btn { margin-left: auto; } */

.or-text { margin-bottom: 30px; position: relative; text-align: center; font-size: 14px; line-height: 19px; text-align: center; color: #FFFFFF; }
.or-text span { position: absolute; width: 35%; height: 1px; border-bottom: 1px dashed #042F72; left: 0; top: 50%; transform: translateY(-50%); }
.or-text span + span { left: auto; right: 0; }

.form-fields .form-group { margin-bottom: 30px; width: 100%; display: block; }
.form-fields .form-group label { font-size: 14px; line-height: 19px; color: #FFFFFF; margin-bottom: 2px; }
.form-fields .form-group .form-control { border: none !important; background: none !important; border-bottom: 1px solid #467DF3 !important; box-shadow: none !important; font-size: 14px; line-height: 19px;  color: #fff; padding:20px 15px; border-radius: 0; }
.form-fields .form-group .form-control::placeholder  {  color: #3A5B89; }
.form-fields input[type=file]::file-selector-button { border: 2px solid #6c5ce7; padding: 5px 10px; background-color: #a29bfe; transition: 1s;/*  width: 93px;  */background: linear-gradient(180deg, #88D7FF 0%, #3A91BD 100%); border: 1px solid #88D7FF; border-radius: 2px; color: #fff !important; }
/* for inner input element */
/* .strategies-field .input-group-text { border: none !important; background-color: transparent !important; border-bottom: 1px solid #467DF3 !important; color: #fff;  font-size: 14px; border-radius: 0; }
 */
.common-form-btn { display: block !important; margin: 40px auto 10px;  }

.go-other-page { font-size: 16px;line-height: 19px; text-align: center; text-transform: uppercase; color: #FFFFFF; margin: 30px 0px 10px; }
.go-other-page a { color: #fff !important; text-decoration: underline !important; }

.forgot-text { text-align: left !important; margin-top: 40px; }
.forgot-text a { text-decoration: none !important;  }

.login-page.auth-form-section .benefits-block .ben-title { margin-bottom: 30px; }
.login-page .how-steps{ display: flex; max-width: 100%; margin: 25px 0px 50px; align-items: center; padding-right: 100px; }
.login-page .how-steps .step-box { margin: 0px !important; margin-right: 20px !important; }
.login-page .how-steps .how-text { font-size: 26px; line-height: 36px; color: #FFFFFF; margin-bottom: 0px; text-align: left; flex: 1; }

.reset-content { margin-bottom: 0px; padding-left: 20px; padding-right: 100px; margin-top: 35px; }
.reset-content li { font-size: 16px; line-height: 22px; color: #FFFFFF; margin-bottom: 25px; }

.modal { background: rgba(0, 24, 57, 0.9); }
.modal-dialog { max-width: 680px; width: 100%; height: 410px; }
.modal-content { background: #001839; border: 1px solid #043983; box-sizing: border-box; box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.41); border-radius: 10px; }
.modal-header { border: none !important; padding: 40px 100px 10px; }
.modal-header .modal-title { width: 100%; font-size: 24px; line-height: 33px; text-align: center; color: #FFFFFF; font-family: 'SF UI Text Bold'; margin-bottom: 10px; }
.modal-header .btn-close { position: absolute; right: 10px; top: 10px; font-size: 24px; line-height: 19px; color: #fff !important; background: none; }
.varification-form .form-group { text-align: center; margin-bottom: 35px; }
.varification-form .vf-control { width: 45px; height: 60px; background: #032657; border: 1px solid #044399; box-sizing: border-box; border-radius: 6px; color: #fff !important; font-size: 20px; text-align: center; padding: 10px; }
.varification-form .submit-btn { max-width: 290px; width: 100%; height: 60px; background: #23FFC2; border-radius: 6px; font-family: 'SF UI Text Bold'; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #001D33; display: block; margin: 0px auto 20px;  }



/* profile page */

.navbar-nav .nav-link.dropdown-toggle { margin-right: 0px; width: 25px; height: 25px; border-radius: 50%; }
.navbar-nav .nav-link.dropdown-toggle img { width: 100%; height: 100%; display: block; border-radius: 50%; }

.after-login-section { width: 100%; display: flex; min-height: 100vh; }
.user-block {  width: 100%; padding: 20px 30px;  display: flex; align-items: center;}
.user-block .user-info { display: flex; align-items: center; padding-right: 10px; width: 270px; }
.user-block .user-info .user-img { width: 90px; height: 90px; border-radius: 50%; margin-right: 10px; }
.user-block .user-info .user-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }
.user-block .u-info { flex: 1; width: 100%; }
.user-block .u-info .name { font-family: 'SF UI Text Semibold'; font-size: 18px; line-height: 27px; color: #FFFFFF; margin-bottom: 0px; }
.user-block .u-info .email { font-size: 14px; color: #486996 !important;   }
.user-block .icon-setting { width: 52px; height: 52px; background: #143159; border-radius: 20px; padding: 10px; display: flex; align-items: center; justify-content: center; margin-left: auto; }
.user-block .icon-setting img { width: 20px; height: 20px; }
.ul-title { font-family: 'SF UI Text Semibold'; font-size: 18px; line-height:27px; color: #23FFC2; margin-bottom: 0px; padding: 10px 10px 20px; margin-left: 20px;  }

.after-login-section .side-nav-bar{ background: #0d2443; max-width: 400px; width: 100%;  transition: all 0.2s;   }
.side-nav-bar .side-nav-ul { list-style: none !important; padding: 0px; max-height: unset;  }
.side-nav-bar .side-nav-ul li { position: relative; }
.side-nav-bar .nav-toggle { position: absolute; top: -36px; margin-left: 25px; cursor: pointer; }
.side-nav-bar ul li a { display: flex; align-items: center; justify-content: flex-start; padding: 20px 30px; position: relative; border-top: 1px solid #001839; }
.side-nav-bar ul li:last-child a { border-bottom: 1px solid #001839; }
.side-nav-bar ul li a .icon-box{ width: 40px; height: 40px; padding: 5px; display: flex; align-items: center; justify-content: center; border-radius: 14px; margin-right: 20px; }
.side-nav-bar ul li a .icon-box.color1 { background: #6969DF;}
.side-nav-bar ul li a .icon-box.color2 { background: #32A7E2;}
.side-nav-bar ul li a .icon-box.color3 { background: #B548C6;}
.side-nav-bar ul li a .icon-box.color4 { background: #F95F59;}
.side-nav-bar ul li a .icon-box.color5 { background: #9C1FFF;}
.side-nav-bar ul li a .icon-box.color6 { background: #00B2FF;}
.side-nav-bar ul li a .icon-box.color7 { background: #22B07D;}
.side-nav-bar ul li a .icon-box.color8 { background: #FF8700;}
.side-nav-bar ul li a .icon-box img{ width: 20px; height: 20px;  }
.side-nav-bar ul li a span.link-label {  font-family: 'SF UI Text Semibold'; font-size: 19px; line-height: 25px; color: #FFFFFF; }
.side-nav-bar ul li a:hover, .side-nav-bar ul li a.active { background: #001839; }
.side-nav-bar.expanded .link-label { display: none;}
.side-nav-bar.expanded { max-width: 75px;}
.side-nav-bar.expanded .user-block { display: none; }
.side-nav-bar.expanded .ul-title { margin-left: 0;}
.side-nav-bar.expanded ul li a {  padding: 20px 17px;}
.side-nav-bar.expanded ul li a .icon-box { margin-right: 0px; }

.user-personal-information-section { width: 100%; display: flex; height: 100%; }

.upis-menu-bar { max-width: 400px; width: 100%; border-right: 1px solid #133562; height: 100%; }
.upis-menu-bar .nav-pills .nav-link { display: flex; align-items: center; padding: 20px; border-bottom: 1px solid #133562; border-radius: 0px !important; padding-left: 40px; }
.upis-menu-bar .nav-pills .nav-link:first-child {  border-top: 1px solid #133562; }
.upis-menu-bar .nav-pills .nav-link .icon-box{ width: 40px; height: 40px; padding: 5px; background: #103569; display: flex; align-items: center; justify-content: center; border-radius: 14px; margin-right: 20px; }
.upis-menu-bar .nav-pills .nav-link .icon-box img{ width: 20px; height: 20px; object-fit: contain; object-position: center; }
.upis-menu-bar .nav-pills .nav-link .icon-box img + img { display: none !important; }
.upis-menu-bar .nav-pills .nav-link .upis-link-name { font-size: 18px; line-height: 23px; color: #A2B9D9; text-align: left; }
.upis-menu-bar .nav-pills .nav-link .small-text { display: block; color: #5F85B8; font-size: 14px; line-height: 18px; }
.upis-menu-bar .nav-pills .nav-link .arrow-image { width: 16px; height: 16px; margin-left: auto; display: flex; align-items: center; justify-content: center; }
.upis-menu-bar .nav-pills .nav-link .arrow-image img { width: 100%; height: 100%; object-fit: contain; object-position: center;  }
.upis-menu-bar .nav-pills .nav-link .arrow-image img + img { display: none !important; }

.upis-menu-bar .nav-pills .nav-link.active .icon-box { background: #23FFC2; }
.upis-menu-bar .nav-pills .nav-link.active .icon-box img{ display: none !important; }
.upis-menu-bar .nav-pills .nav-link.active .icon-box img + img { display: inline-block !important; }
.upis-menu-bar .nav-pills .nav-link.active .upis-link-name { color: #fff; }
.upis-menu-bar .nav-pills .nav-link.active .arrow-image img { display: none !important; }
.upis-menu-bar .nav-pills .nav-link.active .arrow-image img + img { display: block !important; }

.right-side-contnet { width: 100%; flex: 1; background: #001839; margin-top: 63px; margin-left: 400px; }
.right-side-contnet.rsc-margin { margin-left: 75px;  }
.upis-content-block { width: 100%; height: 100%; display: flex; }
.profile-content .form-fields { width: 100%; height: 100%; display: flex; flex-direction: column; }

.profile-inside-content { width: 100%; padding: 25px 50px; }
.profile-inside-content .pheading-block { width: 100%; display: block; margin-bottom: 50px; }
.profile-inside-content .pheading-block .h-title { font-size: 30px; line-height: 42px; color: #FFFFFF;  font-family: 'SF UI Text Bold'; margin-bottom: 10px; }
.profile-inside-content .pheading-block .description { font-size: 16px; line-height: 21px; color: #5F85B8; margin-bottom: 10px; }
.upis-content-block .form-fields .form-group label { color: #3A5B89 !important;}
.upis-content-block .form-fields .form-group .form-control[readonly] { border: none !important; color: #fff !important; }

.user-image { width: 90px; height: 90px; border-radius: 50%; position: relative; margin-left: auto; }
.user-image .u-img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }
.user-image .camera-img { width: 26px; height: 26px; background: #65E0FF; border: 3px solid #001839; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; right: -5px; bottom: -5px;  }
.user-image .camera-img img { width: 14px; height: 14px; object-fit: contain; object-position: center; }

.footer-button-block { border-top: 1px solid #133562; padding: 25px 50px; display: block; width: 100%; margin-top: auto; }
.footer-button-block .discard-text { font-size: 16px; line-height: 19px; text-transform: uppercase; color: #054E85; margin-left: 40px; }

.verification-box .verification-image { width: 90px; height: 90px; margin: 0px auto 15px;  }
.verification-box .verification-image img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.verification-box .vtitle { font-size: 20px; line-height: 28px; text-align: center; color: #23FFC2; margin-bottom: 10px; font-family: 'SF UI Text Bold';  }
.verification-box .v-text { margin-bottom: 10px; text-align: center; font-size: 16px; line-height: 22px; color: #88D7FF; font-family: 'SF UI Text Semibold'; }

.pending-verification-box .pending-verification-image { width: 90px; height: 90px; margin: 0px auto 15px;  }
.pending-verification-box .pending-verification-image img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.pending-verification-box .pvtitle { font-size: 20px; line-height: 28px; text-align: center; color: #FFA412; margin-bottom: 10px; font-family: 'SF UI Text Bold';  }
.pending-verification-box .pv-text { margin-bottom: 10px; text-align: center; font-size: 16px; line-height: 22px; color: #88D7FF; font-family: 'SF UI Text Semibold'; }

.pending-block-second { width: 100%; display: block; padding-top: 50px; }
.pending-block-second .pbs-text { font-size: 16px; line-height: 21px; color: #5F85B8; margin-bottom: 40px; }
.upis-content-block  .form-fields .pending-block-second .form-group label { color: #fff !important;}

.pending-block-second .upload-file { width: 100%; display: block; padding-top: 30px; }
.pending-block-second .upload-file .up-title { font-size: 16px; line-height: 22px; color: #23FFC2; margin-bottom: 30px; }
.pending-block-second .upload-file .filename { font-size: 14px; line-height: 19px; color: #FFFFFF; }
.pending-block-second .upload-file .filename img { width: 20px; height: 20px; margin-right: 5px; }

.security-box .stitle{ font-size: 20px; line-height: 28px; color: #FFFFFF; margin-bottom: 15px;  font-family: 'SF UI Text Bold';   }
.security-box .s-sub-text { font-size: 18px; line-height: 25px ; color: #FFFFFF;  font-family: 'SF UI Text Medium'; margin-bottom: 15px; }

.switch-button { width: 100%; display: flex; align-items: center; list-style: none !important; padding: 0px; margin: 0px ; margin-top: 50px; }
.switch-button li { font-size: 16px; line-height: 19px; color: #FFFFFF; }
.switch-button .onoffswitch {  position: relative; width: 112px;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; margin: 0px 10px; }
.switch-button .onoffswitch-checkbox {  display: none;}
.switch-button .onoffswitch-label { margin-bottom: 0px; display: block; overflow: hidden; cursor: pointer; height: 42px; padding: 0; line-height: 42px; border: 1px solid #E6E6E6; border-radius: 30px; background: #65E0FF;  transition: background-color 0.3s ease-in; background: #001D33; }
.switch-button .onoffswitch-label:before { content: "";  display: block; width: 36px; height: 36px; margin: 0px; background: #02345A; position: absolute; top: 50%; transform: translateY(-50%); bottom: 0; right: 72px; border: 1px solid #FFFFFF; border-radius: 50%; transition: all 0.3s ease-in 0s;}
.switch-button .onoffswitch-checkbox:checked + .onoffswitch-label:before { right: 3px; background: #001D33; }
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label::before { background: #65E0FF; }

.custom-redio-button { width: 100%; display: flex; margin-bottom: 20px; flex-wrap: wrap; }
[type="radio"]:checked,
[type="radio"]:not(:checked) { position: absolute; left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; margin-bottom: 30px; margin-right: 20px; }
.custom-redio-button .binance-redio { width: 100%; }
[type="radio"]:checked + label img,
[type="radio"]:not(:checked) + label img { height: 60px; margin-left: 10px; }
[type="radio"]:checked + label img.img-t,
[type="radio"]:not(:checked) + label img.img-t { max-width: 190px; width: 100%; }
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border: 1px solid #1C63C3; border-radius: 100%; background: #002F6F;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #23FFC2; position: absolute; top:50%; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after { opacity: 1;-webkit-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%);}


.custom-check-box { width: 100%; display: block; margin-bottom: 20px; }
.check-boxs { width: 100%; margin-bottom: 18px; }
.custom-checks { background: none;padding-top: 0px; padding-bottom: 0px;  width: 100% !important;}
.checkbox { position: relative; padding-left: 30px; cursor: pointer; font-size: 18px; margin-bottom: 24px; font-family: 'SF UI Text Medium'; line-height: 26px;  -webkit-user-select: none; color: #fff !important;  -moz-user-select: none;-ms-user-select: none;user-select: none; margin-left: 0px; }
.checkbox a { color: #fff !important;  text-decoration: underline !important; }
.checkbox a:hover { color:#fff !important; }
.checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.checkmark { position: absolute; top: 5px; left: 0; height: 18px; width: 18px; background: #033373; border: none !important; border-radius: 4px; }
input:checked ~ .checkmark { background: #fff; }

.checkmark::after { display: none;}
.checkmark::after {content: "";position: absolute; left: 6px; top: 1px; width: 6px; height: 12px; border: solid #001839; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
input:checked ~ .checkmark::after { display: block;}


/* 3rd milestone */

.exchange-account-page {  }

.how-it-work-block {  max-width: 550px; width: 100%; }
.hiw-common-heading { font-size: 30px; line-height: 42px; color: #FFFFFF; font-family: 'SF UI Text Bold'; margin-bottom: 20px;  }
.hiw-img { max-width: 550px; height: 320px; width: 100%; border-radius: 6px; box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.38); margin-bottom: 80px; }
.hiw-img img { width: 100%; height: 100%; object-position: center; object-fit: cover; border-radius: 6px; }

.exchange-ai-steps { width: 100%; display: block; position: relative; }
.ecai-steps { width: 100%; display: flex;  padding-bottom: 48px; position: relative; }
.ecai-steps::before { content: ""; position: absolute; top: 0; left: 15px; height: 100%; width: 1px; border-left: 1px dashed #21475A;  }
.ecai-steps.step3::before {  display: none !important;}
.ecai-steps .count { width: 30px; height: 30px; background: #23FFC2; margin-right: 25px; font-weight: 600; font-size: 16px; line-height: 22px;color: #001839; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; }
.ecai-steps .ecai-content { flex: 1; width: 100%; }
.ecai-steps .ecai-title { font-family: 'SF UI Text Medium'; font-size: 18px; line-height: 25px; color: #FFFFFF; margin-bottom: 20px; }
.ecai-steps .ecai-title  span, .ecai-steps .ecai-title a { color: #23FFC2; }
.ecai-steps .ecai-description { font-size: 14px; color: #fff; line-height: 19px; margin-bottom: 10px; }
.ecai-steps .ecai-description:last-child{ margin-bottom: 0px !important; }
.exchange-account-info-block .input-group-text { background: none !important; border: none !important; border-radius: 0px !important; border-bottom: 1px solid #467DF3 !important; color: #fff; }

/* referral page */

.referral-page .profile-inside-content .referral-content-block-second .pheading-block { margin-bottom: 38px;}

.referral-cotnent-block { display: block; width: 100%; }

.video-block { max-width: 550px; width: 100%; position: relative; border-radius: 6px; }
.video-block img, .video-block video, .video-block iframe { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 6px; }
.video-block::before { width: 100%; height: 100%; left: 0; top: 0; position: absolute; content: ""; background: rgba(0, 24, 57, 0.41); }
.video-block .play-icon { width: 52px; height: 52px; background: rgba(35, 255, 194, 0.6); position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.video-block .play-icon img { width: 25px; height: 25px; object-fit: contain; object-position: center; margin-left: 4px; }

.contents-referral p { font-weight: 400; font-size: 16px; line-height: 22px; color: #FFFFFF; }

.referral-content-block-second .rcbs-content-block{ max-width: 550px; width: 100%; position: relative; margin-top: 45px; }
.rcbs-content-block .input-group { border-bottom: 1px solid #467DF3 !important;  align-items: center; }
.form-fields .rcbs-content-block .form-group .input-group .form-control { border-bottom: 0px !important; }
.rcbs-content-block .input-group .btn { width: 77px; border-radius: 2px !important; box-shadow: none !important; padding: 8px 5px; font-size: 14px; line-height: 16px; color: #001839; display: flex; align-items: center; justify-content: center; }
.rcbs-content-block .input-group .btn img { width: 16px; height: 16px; object-position: center; object-fit: contain; margin-right: 5px; }
.rcbs-content-block .input-group .btn.copy-btn {  background: linear-gradient(180deg, #23FFC2 0%, #60FFD3 100%); border: 1px solid #23FFC2; }
.rcbs-content-block .input-group .btn.share-btn { background: linear-gradient(180deg, #467DF3 0%, rgba(156, 31, 255, 0.66) 100%); border: 1px solid #5E33FB; color: #fff; margin-left: 10px !important; }

.rcbs-inside-payout-setting-block { padding: 0px !important; }
.rcbs-inside-payout-setting-block [type="radio"]:checked + label img, .rcbs-inside-payout-setting-block [type="radio"]:not(:checked) + label img { height: 46px; margin-left: 5px; }
.rcbs-inside-payout-setting-block [type="radio"]:checked + label, .rcbs-inside-payout-setting-block [type="radio"]:not(:checked) + label { margin-bottom: 20px; margin-right: 15px; }
.rcbs-inside-payout-setting-block [type="radio"]:checked + label img.img-t, .rcbs-inside-payout-setting-block [type="radio"]:not(:checked) + label img.img-t { max-width: 135px;}

.referral-info-block { margin-top: 45px; }
.ref-info-box { width: 163px; margin: 0px auto 25px; height: 100px; background: url(../images/info-bg.png) no-repeat;  background-position: bottom; background-size: contain; text-align: center; }
.ref-info-inside { height: 100%; display: flex; flex-direction: column; }
.ref-in-number { font-family: 'SF UI Text Bold'; font-size: 40px; line-height: 50px; color: #FFFFFF; }
.ref-info-title { font-family: 'SF UI Text Medium'; font-size: 14px; line-height: 19px ; color: #FFFFFF; margin: auto;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }


.referral-content-table { margin-top: 30px; display: block; width: 100%; }

thead { height: 62px; }
.table th { font-weight: normal; font-family: 'SF UI Text Bold'; font-size: 14px; line-height: 19px; color: #77CEFC; vertical-align: middle; background: #012470; }
.table th:first-child {  border-radius: 10px 0px 0px 0px; }
.table th:last-child { border-radius: 0px 10px 0px 0px;  }
.table th, .table td {  border: none !important; border-bottom: 6px solid #001839 !important; padding: 20px; }
.table td {  height: 69px; background: #011126; font-family: 'SF UI Text Medium'; font-size: 14px; line-height: 19px; color: #FFFFFF;}
.table td span.amount { color: #23FFC2; }

/*  */

.add-strategies-page .footer-button-block p { max-width: 704px; width: 100%; margin: auto; margin-bottom: 0px; height: 48px; font-style: italic; font-size: 14px; line-height:19px; display: flex; align-items: center; color: #FFFFFF; }
.add-strategies-page .pheading-block, .strategies-page .pheading-block {  margin-bottom: 30px !important; }
.phb-btn .btn { width: 222px; height: 40px; border-radius: 4px; font-size: 16px; line-height: 18px; padding: 10px;}
.add-strategies-page  .phb-btn .btn {width: 225px;}
.table td .action-btn a { width: 25px; height: 25px; border-radius: 50%; padding: 5px; }
.table td .action-btn a:first-child { margin-right: 6px; }
.table td .chart-img { width: 50px;  }


/* choose js */

.choices { font-size: 14px; color: #fff; }
.choices__inner { font-size: 14px; line-height: 19px; color: #fff; padding: 20px 15px !important; padding-left: 0px !important; background: no-repeat; border: none !important; border-radius: 0px !important; border-bottom: 1px solid #467DF3 !important;  }
.choices__list--single { line-height: 19px; padding: 0px !important; }
.choices[data-type*="select-one"]::after { right: 0px; margin-top: 0 !important; width: 20px; height: 20px; transform: translateY(-50%); background-image: url(../images/dwanarrow.png); background-repeat: no-repeat; border: none !important; background-position: center; background-size: 12px; }
.choices__list--dropdown { font-size: 14px; padding: 12px; border-radius: 0px !important;; box-sizing: border-box; box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.41);  }
.choices__placeholder { opacity: 1;}
.choices__list--dropdown .choices__item--selectable.is-highlighted {  background: #23FFC2; color: #001D33 !important; }
.choices__list--dropdown .choices__item--selectable::after { display: none !important; }
.choices[data-type*="select-one"].is-open::after {  border-color: none !important;}



/* 4th milestone  */

/* ticket page */

.table td .action-btn-block .common-trading-btn { width: 100%; min-width: auto !important; font-size: 16px;  max-width: 200px;}
.form-fields .form-group label span { color: #5F85B8; font-size: 12px; }
.support-tickets-page .phb-btn .btn,  .create-support-tickets-page .phb-btn .btn{ text-transform: uppercase; }
.ticket-history-page .phb-btn .btn { width: 250px !important; text-transform: uppercase; }
.phb-btn .btn.faq-btn { width: 82px !important; margin-right: 20px; text-transform: uppercase; }
.support-tickets-page .phb-btn .btn { width: 166px;}

.ticket-history-page .footer-button-block {  margin-top: 0px; border-top:none !important; border-bottom: 1px solid #133562; padding-top: 0px !important; }

.ticket-history-page .chat-content-block { width: 100%; display: block; padding: 25px 50px; }
.ticket-history-page .profile-content .form-fields { height: auto  !important; }
.ticket-history-page .chat-box-left { width: 80%; background: #002353; box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.38); border-radius: 10px; position: relative; padding: 10px 16px; margin-bottom: 38px; }
.ticket-history-page .chat-box-left::before { width: 100%; height: 100%; position: absolute; content: ""; border-radius: 10px; border:1px solid transparent; background:linear-gradient(180deg, #467DF3 0%, rgba(156, 31, 255, 0.66) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; left: 0; top: 0; }
.ticket-history-page .chat-box-right { width: 80%; margin-left: auto; filter: drop-shadow(2px 1px 4px rgba(0, 0, 0, 0.38)); border-radius: 10px; background: none !important; position: relative; margin-bottom: 38px; padding: 10px 16px; }
.ticket-history-page .chat-box-right::before { width: 100%; height: 100%; position: absolute; content: ""; border-radius: 10px; border:1px solid transparent; background:linear-gradient(90deg, #23FFC2 0.27%, rgba(54, 187, 255, 0.466004) 83.17%, rgba(193, 247, 147, 0.0001) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; left: 0; top: 0; }

.chat-content-block .chat-top { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; }
.chat-content-block .chat-top .byuser, .chat-content-block .chat-top .date { font-family: 'SF UI Text Bold'; font-size: 14px; line-height: 19px; color: #23FFC2; }
.chat-content-block .chat-text { font-weight: 400; font-size: 14px; line-height: 19px; color: #FFFFFF; }
.chat-content-block .file-download { width: 100%; margin-top: 5px; }
.chat-content-block .file-download .chat-title {  font-family: 'SF UI Text Bold'; font-size: 14px; line-height: 19px; color: #23FFC2; margin-bottom: 5px;}
.chat-content-block .file-download .file { display: flex; margin-bottom: 0px; align-items: center; }
.chat-content-block .file-download .file img { width: 15px; height: 15px; margin-right: 10px; object-fit: cover; object-position: center; }
.chat-content-block .file-download .file span { font-family: 'SF UI Text Semibold'; font-size: 14px; line-height: 17px; color: #88D7FF; }

/* top strategies page */

.topstrategies-page { width: 100%; display: block; padding: 45px 100px; }
.topstrategies-page .page-heading { font-family: 'SF UI Text Bold';  font-size: 40px; line-height: 55px; color: #23FFC2; }
.topstrategies-page .top-block { margin-bottom: 42px; display: flex; align-items: center; justify-content: space-between; }

.strategies-block .strategies-box { display: block; width: 100%; max-width: 100%; margin: 0px; margin-bottom: 0px !important; }
.strategies-block .strategies-box .sb-bottom .chart-img {  object-fit: fill;}

.strategies-filter-block { max-width: 850px; width: 100%; display: block; }
.strategies-filter-block .col-form-label { color: #fff;  }
.strategies-filter-block .row .row div + div.col-auto  { width: 146px; }
.strategies-filter-block  .padding-right { padding-right: 0px; }


/* active-invested-strategy-page */

.invested-strategy-block .strategies-box { display: block; margin: 0px; margin-bottom: 0px !important; height: auto !important; max-width: 500px; }
.invested-strategy-block .strategies-box::before { border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important;  }
.strategies-out-side-block { display: flex; width: 100%; }

.sosb-right-box { width: 140px; padding: 15px 0px; background: linear-gradient(180deg, rgba(156, 31, 255, 0.66) 0%, #467DF3 100%); border-radius: 0px 10px 10px 0px; display: flex; flex-direction: column; justify-content: center; }
.strategies-out-side-block .strategies-box .sb-bottom .chart-img {  object-fit: fill;}
.sosb-right-box .sosb-info { padding: 17px 21px; width: 100%; display: block;  }
.sosb-right-box .sosb-info .sosbi-title { font-family: 'SF UI Text Medium'; font-size: 14px;  line-height: 19px; color: #23FFC2; margin-bottom: 5px; }
.sosb-right-box .sosb-info .sosbi-text { font-size: 14px; font-family: 'SF UI Text Medium'; line-height: 19px; color: #FFFFFF; margin-bottom: 0px; }
.sosb-right-box .sosb-info .sosbi-text span { font-size: 12px; color: #88d7ff; }
.sosb-right-box .sosb-info:not(:last-child) { border-bottom: 1px dashed #521FA7; }

.sb-new-bottom { width: 100%; padding: 20px; display: flex; border-top: 1px dashed #02234E; justify-content: space-between; position: relative; z-index: 1; }
.sb-new-bottom p.copy-text { font-family: 'SF UI Text Medium'; font-size: 12px; line-height: 17px; color: #FFFFFF;  margin-bottom: 10px; }
.sb-new-bottom .copy-box { text-align: center; padding-left: 12px; width: 165px; }
.sb-new-bottom .stop-text { font-size: 12px; line-height: 14px; text-transform: uppercase; color: #88D7FF; font-family: 'SF UI Text Semibold'; display: inline-block; margin-top: 20px; }
.sb-new-bottom .stop-text:hover { text-decoration: underline !important; }


/*  */

.signals-finaxen-page { width: 100%; display: block; padding: 0px 100px 45px; overflow: hidden; }

.signal-top-content-block { display: flex; width: 100%; justify-content: space-between;  }
.signal-left-side { max-width: 1217px; width: 100%; display: block; }
.signal-top-content-block .signal-inside-block {  width: 100%; /* height: 608px; */ background: #001E48; backdrop-filter: blur(127px); -webkit-backdrop-filter: blur(127px);  border-radius: 0px 0px 255px 0px; padding: 50px 100px 35px; padding-left: 0px; position: relative; }
.signal-top-content-block .signal-inside-block::before { position: absolute; content: ""; left: -50%; width: 50%; height: 100%; background: #001E48; backdrop-filter: blur(127px); -webkit-backdrop-filter: blur(127px); top:0;  }
.signal-inside-block .heading { font-size: 40px; font-family: 'SF UI Text Bold'; line-height: 55px; color: #23FFC2; margin-bottom: 40px; }

.select-time-zone { width: 100%; display: flex; align-items: center; list-style: none !important; padding: 0px; margin: 20px 0px 80px; }
.select-time-zone li { margin: 0px 12px; }
.select-time-zone li:first-child { margin-left: 0px; }
.select-time-zone li a { font-family: 'SF UI Text Medium'; font-size: 12px; line-height: 17px; color: #88D7FF;  }
.select-time-zone li a:hover, .select-time-zone li a.active { color: #fff; }

.chart-cotnent { width: 100%; margin-bottom: 40px;  }
.chart-cotnent img { width: 100%; height: 100%; object-fit: fill; object-position: center;  }

.Profilt-text-box p { display: flex; align-items: center; width: 100%; margin-bottom: 0px;  font-family: 'SF UI Text Medium'; font-size: 13px; line-height: 18px; color: #88D7FF; }
.Profilt-text-box p span { color: #88d7ff; }
.Profilt-text-box p img { width: 16px; height: 16px; margin: 0px 10px; display: inline-block;  }
.Profilt-text-box p span + img + span { color: #fff !important; }

.about-strategy-text { width: 100%; margin: 30px 0px 40px; }
.sfp-title {font-family: 'SF UI Text Bold'; font-size: 20px; line-height: 28px; color: #88D7FF; margin-bottom: 15px; }
.about-strategy-text .sfp-text { font-weight: 400; font-size: 16px; line-height: 22px ; color: #FFFFFF; }

.trading-pairs-block { max-width: 800px; width: 100%; }
.trading-pairs-block .tpb-box { position: relative; background: linear-gradient(180deg, #0034A5 0%, rgba(0, 52, 165, 0) 100%); width: 156px; height: 156px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px; }
.trading-pairs-block .tpb-box::before { width: 100%; border-radius: 50%; height: 100%; position: absolute; content: ""; border: 1px solid transparent; background: linear-gradient(180deg, #467DF3 0%, rgba(156, 31, 255, 0.66) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: add, add; mask-composite: add, add; -webkit-mask-composite: xor; mask-composite: exclude;  }
.trading-pairs-block .tpb-per { font-size: 26px; font-family: 'SF UI Text Bold'; line-height: 36px; color: #FFFFFF; text-align: center; margin-bottom: 0px; }
.trading-pairs-block .tpb-time { font-size: 14px; font-family: 'SF UI Text Medium'; line-height: 19px; text-align: center; color: #88D7FF; margin-bottom: 5px; }
.trading-pairs-block .tpb-pair { font-size: 16px; font-family: 'SF UI Text Bold'; line-height: 22px; text-align: center; color: #FFFFFF; margin-bottom: 0px; }



.signal-top-content-block .signal-right-side { width: 100%; flex: 1;  padding-top: 50px; }

.signal-right-side .sb-user { width: 100%; display: flex; align-items: center; margin-bottom: 15px; padding-left: 80px; }
.signal-right-side .sb-user .sbu-img { border-radius: 50%; width: 60px; height: 60px; margin-right: 12px; position: relative; }
.signal-right-side .sb-user .sbu-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%;}
.signal-right-side .sb-user .sbu-img .verified { width: 28px; height: 28px; border-radius: 50%; position: absolute; right: -5px; top: -5px; object-fit: contain; object-position: center; }
.signal-right-side .sb-user .sbu-name { font-size: 20px; line-height: 28px; color: #FFFFFF; margin-bottom: 0px; font-family: 'SF UI Text Medium';}

.signal-right-side .subscribe-btn { height: 173px; padding-left: 80px; background: linear-gradient(180deg, rgba(0, 30, 72, 0) 0%, #002457 52.08%, rgba(0, 24, 57, 0) 100%); display: flex; align-items: center; }
.signal-right-side .sb-row { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; padding-left: 80px;}
.signal-right-side .sb-row .sb-box { padding: 10px 8px 10px; width: 50%; margin-bottom: 25px; }
.signal-right-side .sb-row .sb-box .sb1.usdt-text { color: #fff;}
.signal-right-side .sb-row .sb-box .sb1 { font-size: 14px; font-family: 'SF UI Text Medium'; line-height: 19px; color: #23FFC2; margin-bottom: 5px; display: flex; align-items: center;}
.signal-right-side .sb-row .sb-box .sb1 img { width: 14px; height: 14px; margin-left: 5px;}
.signal-right-side .sb-row .sb-box .sb2 {font-family: 'SF UI Text Medium'; color: #88d7ff; font-size: 12px;line-height: 17px; margin-bottom: 0px;}

.signal-right-side .sb-common-btn { width: 100%; display: block; margin-bottom: 80px; padding-left: 80px; }
.signal-right-side .sb-common-btn .sbc-title { font-size: 20px; font-family: 'SF UI Text Bold'; line-height: 28px; color: #23FFC2; margin-bottom: 10px; }
.signal-right-side .sb-common-btn .sbc-text { font-family: 'SF UI Text Medium'; font-size: 14px; line-height: 19px; color: #88D7FF; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; }
.signal-right-side .sb-common-btn .sbc-text span { display: inline-block; padding-right: 10px; text-align: left; }
.signal-right-side .sb-common-btn .sbc-text span + span { color: #23FFC2; display: inline-block; text-align: right; }
.signal-right-side .sb-common-btn.basic-statistics-box { margin-bottom: 0px; }

/*  */

.performance-overview-block { width: 100%; display: block; margin-top: 50px; }
.performance-overview-block .per-ob-box { padding: 15px; display: block; width: 100%; background: #021631; min-height: 442px; }
.performance-overview-block .per-ob-list { font-size: 14px; line-height: 19px;color: #88D7FF; font-family: 'SF UI Text Bold'; margin-bottom: 20px; }
.performance-overview-block .per-ob-list span.per-title { width: 250px; display: inline-block; }
.performance-overview-block .per-ob-list span + span { color: #fff;  }
.performance-overview-block .perover-chart-title { font-size: 20px; font-family: 'SF UI Text Bold'; line-height: 28px; color: #23FFC2; margin-bottom: 20px; }

.performance-overview-block .chart-image-block { max-width: 885px; width: 100%; display: block; }
.performance-overview-block .chart-image-block img { width: 100%; height: 100%; object-fit: fill; object-position: center;  }


/* modal */

.connect-account-modal .modal-dialog, .start-copying-modal .modal-dialog { max-width: 820px; }
.connect-account-modal .modal-header, .start-copying-modal .modal-header { padding-left: 30px; padding-right: 30px; }
.connect-account-modal .modal-header .modal-title, .start-copying-modal .modal-header .modal-title{ font-size: 40px; line-height: 55px; color: #23FFC2; text-align: left; }
.connect-account-modal .modal-body, .start-copying-modal .modal-body{ padding: 0px 30px 40px; }
.modal-content-block .normal-text { font-weight: 400; font-size: 16px; line-height: 22px; color: #FFFFFF; margin-bottom: 40px; }
.modal-content-block small { font-size: 12px;line-height: 17px; color: #FFFFFF; display: block; margin-top: 10px; }
.modal-content-block .input-group-text { background: none !important; border: none !important; border-radius: 0px; border-bottom: 1px solid #467DF3 !important; font-size: 12px; line-height: 17px; text-align: right; color: #6BC8FB;  text-transform: uppercase; padding-right: 0px; }


/* 5th milestone desgin */

.trader-fees-block { margin-left: auto; position:relative; width: 160px; }
.trader-fees-block h4 { font-family: 'SF UI Text Bold';  font-size: 20px; line-height: 28px; color: #88D7FF; position: relative; margin-bottom: 3px; }
.trader-fees-block p { font-family: 'SF UI Text Medium'; font-size: 14px; line-height: 19px; color: #FFFFFF; position: relative; margin-bottom: 3px; }
.trader-fees-block p span { font-family: 'SF UI Text Bold';  font-size: 18px; line-height: 24px;  }
.trader-fees-block p:last-child { margin-bottom: 0px; }
.trader-fees-block:before { width: 149px; height: 149px; background: #022351; filter: blur(27px); position: absolute; content:""; }

.table-title { font-size: 20px; font-family: 'SF UI Text Bold'; line-height: 28px; color: #88D7FF; margin-bottom: 16px; }

table td .stname { font-size: 14px; font-family: 'SF UI Text Bold'; line-height: 19px; text-decoration-line: underline;  color: #23FFC2; }


/* dashboard page */

.dashboad-first-row { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.common-border-block{ position: relative;  height: 265px; backdrop-filter: blur(127px); border-radius: 10px;  width: 100%; padding: 20px; }
.common-border-block::before { width: 100%; border-radius: 10px; left: 0px; top: 0px; height: 100%; position: absolute; content: ""; border: 1px solid transparent; background: linear-gradient(136.8deg, #9820FF 0%, #0469FF 98.36%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: add, add; mask-composite: add, add; -webkit-mask-composite: xor; mask-composite: exclude;}
.common-border-block .dsfr-title { font-size: 20px; font-family: 'SF UI Text Bold';  line-height: 28px ; color: #23FFC2; margin-bottom: 18px; }

.dashboad-first-row .common-border-block.chart-block{ max-width: 318px;  display: flex; }
.dashboad-first-row .common-border-block.open-positions-block{ max-width: 323px; margin: 0px 0px; }
.dashboad-first-row .common-border-block.historic-block { max-width: 50%;}
.round-cart { width: 214px; height: 214px; margin: auto; }
.round-cart img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.op-status { font-family: 'SF UI Text Medium'; font-size: 12px; color:#fff; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; }
.op-status img { height: 17px; width: 161px; margin: 0px 10px; }
.op-status span.positive { color: #23FFC2; }
.op-status span.nagetive { color: #d73736; }


.dashboard-collepse-content-block { width: 100%; display: block; margin-top: 40px; }
.dashboard-collepse-content-block .common-border-block { height: 380px; }

.accordion-item {padding: 10px; border: none;  border-radius: 10px 10px 0px 0px !important; margin-bottom: 20px; position: relative; overflow: hidden; }
.accordion-item:before { position: absolute; content: ""; left: 0px; right: 0px; top: 0px; height: 100%; max-height: 269px; background: linear-gradient(180deg, #011127 0%, rgba(1, 17, 39, 0.598958) 67.71%, rgba(1, 17, 39, 0) 100%);   border-radius: 10px 10px 0px 0px !important; }


.accordion-button { padding: 0px; box-shadow: none !important; background: none !important; color:#fff; align-items: flex-start; position: relative; }
.accordion-button::after { background: url(../images/dwanarrow.png) no-repeat; background-size: 12px; background-position: center; }
.accordion-button:not(.collapsed)::after { background: url(../images/dwanarrow.png) no-repeat; background-size: 12px; background-position: center; }
.ab-title { font-size: 20px; font-family: 'SF UI Text Bold'; line-height: 28px; color: #88D7FF; margin-bottom: 10px; }
.exchange-amount { font-size: 30px; font-family: 'SF UI Text Bold'; line-height: 42px;  color: #FFFFFF; margin-bottom: 0px; }
.exchange-amount img { width: 36px; height: 36px; margin-right: 10px; }

.accordion-body { padding: 30px 0px 0px;  position: relative; }
.accordion-body .table-row, .dashborad-content-table .table-row { width:100%; display: flex; align-items: center; margin-bottom: 20px; }
.accordion-body .sub-title, .dashborad-content-table .sub-title  { font-size: 20px;  font-family: 'SF UI Text Bold'; line-height: 28px; color: #88D7FF; margin-bottom: 15px; }
.accordion-body .balacne-info, .dashborad-content-table .balacne-info { font-size: 20px;  font-family: 'SF UI Text Bold'; line-height: 28px; color: #FFFFFF; margin-left: auto; padding: 0px 5px; }


.active_performance_row { width: 100%; display: block; margin-bottom: 40px; }
.nav.d-nav-pills .nav-link.active { background-color: #23FFC2 !important; color: #001D33 !important; border: none !important;     padding: 10px 30px; }
/* .dashboad-first-row .common-border-block.open-positions-block { margin-top: 30px !important; } */







}

@media (min-width: 1600px) {

}

@media (min-width: 1680px) {

}

@media (min-width: 2100px){

.owl-nav { left: 39.5%;}
.auth-form-section .benefits-block { margin: 0px auto;  }
.auth-form-section .left-side-content { padding-left: 0px !important; }

.topstrategies-page .col-lg-4 {width: 20%; }
.invested-strategy-block .col-xl-6 { width: 25%; }
.invested-strategy-block .strategies-box { max-width: 410px;}







}

@media (max-width: 1199px) {

header { padding: 12px 15px; }
.container { max-width: 100% !important;}
.home-banner-section { height: 600px;}
.navbar-nav .nav-link { font-size: 14px; line-height: 17px;}
.navbar-brand { width: 190px; height: 35px;}
.bac-title { font-size: 32px; line-height: 40px;}
.bac-description { font-size: 20px; line-height: 27px; margin-bottom: 26px;}
.common-trading-btn { font-size: 14px; line-height: 17px;}
.top-strategies-section { height: 390px; padding: 0px 15px 20px;}
.heading-block .section-heading { font-size: 26px; line-height: 36px;}
.owl-nav { top: -47px; left: 22%; width: 50px; height: 24px;}
.heading-block { margin-bottom: 20px;}
.your-benefits-section { padding: 30px 0px;}
.benefits-block .benefit-box { min-height: 210px; padding: 12px 0px;}
.benefits-block .benefit-box .benefit-image { width: 50px; height: 50px;}

.platform-performance-block .heading-block { margin-bottom: 20px;}
.platform-performance-block .platform-box .pp-amount { font-size: 22px; line-height: 30px;}
.platform-map { max-width: 340px; height: 240px;}
.profitBoostr-section { padding: 25px 0px;}

.profitBoostr-block .profit-box .heading { font-size: 24px; line-height: 32px; margin-bottom: 5px; }
.how-to-start-section { padding: 25px 0px 25px;}
.how-steps .step-box { width: 110px; height: 110px; margin: 0px auto 15px;}
.how-steps .how-text { font-size: 14px; line-height: 19px;}
.how-steps .step-box .step-counter { width: 35px; height: 35px; font-size: 20px; line-height: 30px; top: -7px; left: -7px;}
.home-faq-section { min-height: 490px;}
.faq-que-ans .que-text { font-size: 16px; line-height: 24px; margin-bottom: 6px;}
.faq-que-ans { margin-bottom: 20px; }
.home-faq-section .heading-block { margin-bottom: 30px;}
.open-trading-block .heading { font-size: 26px; line-height: 32px;}
.open-trading-block { max-width: 460px;}

.footer-top .footer-menu { padding: 22px 0px;}
.footer-top .footer-menu ul li a { font-size: 14px; line-height: 25px;}
.footer-top .footer-logo { width: 190px; height: 36px;}
.footer-top { padding: 25px 0px;}

.contact-us-page .cheading-block .page-heading { font-size: 28px; line-height: 36px;}
.contact-us-page .cheading-block .description { font-size: 14px;}
.contact-form .cf-heading { font-size: 28px; line-height: 36px;  margin-bottom: 12px;}
.contact-form .form-group .form-control { padding: 14px;}

.static-common-heading-block .page-heading { font-size: 28px; line-height: 36px;}
.static-common-heading-block .p-text { font-size: 14px;}
.about-content-block .about-text h1 { font-size: 28px; line-height: 32px; margin-bottom: 10px; }
.about-content-block .image1 img { width: 190px; height: 190px;}

.teams-block .teams-box-outside .tname { font-size: 16px; line-height: 21px;}
.teams-block .teams-box-outside .teams-body { padding: 15px 10px 10px;}
.about-us-page { padding: 25px 0px 0px;}

.left-side-block .nav-pills .nav-link { font-size: 22px;}
.tpf-page-content h3 { font-size: 18px;}
.tpf-pages { padding: 25px 0px;}


.blog-card-inside .blog-content .blog-title {  font-size: 16px; line-height: 22px; }

.blog-detail-banner { height: 250px;}
.blog-detail-content .blog-title { font-size: 26px; line-height: 36px;}
.back-btn { margin-top: 10px;}
.similer-title { font-size: 18px;}

.auth-form-section .ben-title { font-size: 26px; line-height: 36px;}
.auth-form .form-title {font-size: 26px; line-height: 36px;}
.auth-form-section .left-side-content { max-width: 50%; padding-left: 0px; }
.auth-form-block { max-width: 50%;}
.form-fields .form-group .form-control { padding: 12px 10px;}
.auth-form-section .trader-links .signup-btn { width: 140px; line-height: 21px; padding: 10px; }
.auth-form-section .trader-links p { font-size: 22px; line-height: 28px; margin-right: 18px;}
.auth-form-section .trader-links { margin: 50px 0px; margin-left: 0px;}
.auth-form-section .benefits-block { max-width: 100%; padding-left: 20px;}

.form-fields .form-group .form-control, .input-group-text { padding: 12px 10px;}

.login-page .how-steps .how-text { font-size: 18px; line-height: 26px;}


.reset-content { padding-right: 30px; margin-top: 16px;}
.auth-form .form-description { margin-bottom: 30px; margin-top: 20px;}
.modal-header .modal-title { font-size: 20px; line-height: 28px;}
.modal-dialog { max-width: 520px;}
.varification-form .submit-btn { max-width: 275px; height: 50px; font-size: 14px; line-height: 19px;}
.varification-form .vf-control {width: 42px; height: 50px;}


.profile-inside-content .pheading-block .h-title {font-size: 22px; line-height: 27px;}
.profile-inside-content .pheading-block { margin-bottom: 25px;}
.footer-button-block .discard-text { font-size: 14px; line-height: 17px; margin-left: 18px;}
.profile-inside-content { padding: 15px 20px;}

.upis-menu-bar { max-width: 280px;}
.upis-menu-bar .nav-pills .nav-link .icon-box { width: 32px; height: 32px; margin-right: 10px; }
.upis-menu-bar .nav-pills .nav-link { padding: 12px;}
.ul-title { font-size: 14px; line-height: 19px; padding: 8px 10px;}
.side-nav-bar.expanded ul li a { padding: 12px 15px;}
.side-nav-bar.expanded { max-width: 67px;}
.user-block { padding: 12px 15px;}
.side-nav-bar ul li a { padding: 12px 15px;}
.side-nav-bar ul li a span.link-label {font-size: 14px; line-height: 19px;}
.user-block .user-info .user-img { width: 60px; height: 60px;}
.user-block .icon-setting { width: 36px; height: 36px; border-radius: 10px; padding: 6px;}
.user-block .u-info .name { font-size: 14px; line-height: 19px;}
.after-login-section .side-nav-bar { max-width: 280px; top: 59px; }

.side-nav-bar.expanded { max-width: 67px;}
.right-side-contnet.rsc-margin { margin-left: 67px;}
.right-side-contnet { margin-left: 280px; margin-top: 59px; }
.side-nav-bar .nav-toggle { top: 22px; margin-left: 0; right: 52px;  }
.verification-box .vtitle { font-size: 16px; line-height: 21px; margin-bottom: 6px;}
.verification-box .verification-image { width: 60px; height: 60px; margin: 0px auto 10px;}
.pending-verification-box .pvtitle { font-size: 16px; line-height: 21px; margin-bottom: 6px;}
.pending-block-second { padding-top: 25px;}
.pending-block-second .pbs-text { font-size: 14px; line-height: 19px;  margin-bottom: 20px;}
.footer-button-block { padding: 15px 20px; }
.pending-block-second .upload-file { padding-top: 10px;}
.pending-block-second .upload-file .up-title { font-size: 14px; line-height: 22px; margin-bottom: 15px;}
.upis-menu-bar .nav-pills .nav-link .upis-link-name { font-size: 14px; line-height: 19px;}
.upis-menu-bar { max-width: 250px;}
.security-box .stitle { font-size: 16px; line-height: 20px; margin-bottom: 12px;}
.security-box .s-sub-text { font-size: 14px; line-height: 19px; margin-bottom: 10px;}
.switch-button { margin-top: 25px;}
[type="radio"]:checked + label img, [type="radio"]:not(:checked) + label img { height: 38px; margin-left: 0px; }
.checkbox { font-size: 14px; margin-bottom: 10px; line-height: 21px; padding-left: 28px; }
.user-image { width: 60px; height: 60px;}

.back-btn { margin-top: 0px; text-align: left;}
.share-and-update { justify-content: flex-start; margin-bottom: 10px;}
.similar-blogs { margin-top: 20px; }
.similer-title { font-size: 18px; text-align: center; margin-bottom: 20px;}
.blogs-detail { padding: 0px 0px 14px;}
.blogs-detail .blog-card { height: auto !important;}

.share-and-update .share-show { flex-direction: row;}
.email-icons { margin: 0px; margin-right: 5px; }
.at-share-btn-elements { display: flex; align-items: center; }
.at-style-responsive .at-share-btn { margin-bottom: 0px !important; }
.copylink { margin-bottom: 0px; margin-right: 5px; }




.add-strategies-page .footer-button-block p { max-width: 450px; font-size: 12px; line-height: 14px;}
.video-block { margin-bottom: 20px;}
.referral-info-block { margin-top: 25px;}
.referral-content-block-second .rcbs-content-block { max-width: 100%; margin-top: 25px;}
.how-it-work-block { max-width: 100%;}
.hiw-common-heading { font-size: 22px; line-height: 27px;}

.table { width: 950px; }
.add-strategies-page .pheading-block, .strategies-page .pheading-block { margin-bottom: 20px !important;}


.choices__inner { padding: 12px 15px !important; padding-left: 0px !important; }

.support-tickets-page .table {width: 1130px;}
.topstrategies-page { padding: 20px 20px;}
.topstrategies-page .page-heading { font-size: 26px; line-height: 32px;}
.signal-left-side { max-width: 720px;}
.signal-top-content-block .signal-inside-block { border-radius: 0px 0px 125px 0px;}
.chart-cotnent { width: 95%;}
.signals-finaxen-page { padding: 0px 15px 30px;}
.signal-inside-block .heading { font-size: 26px; line-height: 36px; margin-bottom: 16px;}
.signal-right-side .sb-common-btn .sbc-title { font-size: 16px; line-height: 22px; margin-bottom: 8px;}
.signal-right-side .sb-common-btn .sbc-title { margin-bottom: 8px;}
.trading-pairs-block .tpb-box {  width: 130px;  height: 130px; }
.sfp-title { font-size: 16px; line-height: 21px; margin-bottom: 10px;}
.signal-right-side .sb-user { margin-bottom: 5px;}
.trading-pairs-block .tpb-per { font-size: 18px; line-height: 24px;}
.performance-overview-block .per-ob-list { font-size: 12px; line-height: 17px; margin-bottom: 10px;}
.performance-overview-block .perover-chart-title { font-size: 16px; line-height: 24px; margin-bottom: 10px; margin-top: 20px;}

.active-invested-strategy-page .strategies-box { max-width: 100%;}
.sosb-right-box { width: 160px;}
.sosb-right-box .sosb-info .sosbi-text span { display: block;}
.select-time-zone { margin: 20px 0px 30px;}

.signal-right-side .sb-user .sbu-name {font-size: 16px; line-height: 21px;}
.connect-account-modal .modal-header .modal-title, .start-copying-modal .modal-header .modal-title { font-size: 26px; line-height: 32px;}
.modal-content-block .normal-text { margin-bottom: 20px;}
.connect-account-modal .modal-dialog, .start-copying-modal .modal-dialog { max-width: 700px;}
.ticket-history-page .chat-content-block { padding: 20px 20px;}


.nav-toggle { top: 10px; right: 40px;}

.share-and-update .share-show { transform: translate(0px, -58px); right: 0;}


.dashboad-first-row { flex-wrap: wrap; }
.dashboad-first-row .common-border-block.historic-block { margin-top: 20px;}
.dashboard-content-section .strategies-box { margin-bottom: 20px; }

.chart-img .apexcharts-canvas { margin: 0 -0px !important; }

.round-cart { height: auto !important;}

}

@media (max-width: 991px) {


.nav-toggle { display: none; }

.navbar-brand {width: 160px; height: 30px;}

.home-faq-section .faq-img {margin: 0px auto;}
.profitBoostr-block .profit-box { max-width: 385px; height: 385px;}
.profitBoostr-block .profit-box .profit-overlay {padding: 15px;}
.strategies-box { max-width: 425px; height: auto;}
.strategies-box .sb-bottom { padding: 0px/* 15px */ 5px; height: 110px;}
.owl-nav { left: 30%;}

.side-toggle { border: none !important; background: none !important; box-shadow: none !important; display: flex; flex-direction: column; border-radius: 5px; padding:8px 5px; }
.navbar-toggler-icon { width: 24px; height: 2px; background: #23FFC2; margin-bottom: 5px; }
.navbar-toggler-icon:last-child { margin-bottom: 0px; }
.navbar-toggler-icon:nth-child(1){width: 16px; }
.navbar-toggler-icon:nth-child(2){width: 20px; }

.navbar-nav .nav-link { color: #23FFC2; }
.navbar-nav .nav-link { color: #23FFC2; margin: 0px;}
.navbar-nav .nav-item { padding: 5px 10px;}
.offcanvas-body .navbar-nav .nav-item { padding: 12px 0px;}

.offcanvas { background: #0d2443; border-right: 1px solid #133562; }
.offcanvas-header .btn-close { filter: invert(); margin: 0px  !important; opacity: 1 !important; padding: 0px; color: #23FFC2; z-index: 1111111; }
.offcanvas-header  { padding-bottom: 0px !important; }

.about-content-block .image2 { max-width: 230px; height: 317px;}
.left-side-block .nav-pills .nav-link { font-size: 20px;}
.tpf-page-content-inside .left-side-block { width: 35%; padding-right: 10px;}
.tpf-page-content-inside .right-side-block { width: 65%; }
.tpf-page-content { padding: 25px 20px 20px;}
.tpf-page-content .tpf-content { margin-bottom: 20px;}

.blog-card { padding-bottom: 30px; margin: 0px auto; }


.auth-form-section { flex-wrap: wrap;}
.auth-form-section .left-side-content { max-width: 100%; padding: 20px; order: 2; }
.auth-form-section .benefits-block { max-width: 100%; padding-left: 0px;  }
.auth-form-section .trader-links { margin: 15px 0px;}
.auth-form-block { max-width: 100%; order: 1; }
.auth-form { max-width: 495px; margin: 0px auto;}

.login-page .how-steps { padding-right: 0px;}

.reset-content li { margin-bottom: 18px;}
.reset-content { padding-right: 0px;}

.form-fields .form-group { margin-bottom: 25px;}
.side-nav-bar .nav-toggle { display: none !important; }
.checkmark { top: 2px;}

.after-login-section .side-nav-bar { display: none !important; }


[type="radio"]:checked + label img.img-t,
[type="radio"]:not(:checked) + label img.img-t { max-width: 120px; width: 100%; }

.topstrategies-page .top-block { margin-bottom: 35px; display: block;}
.topstrategies-page .page-heading { margin-bottom: 20px; }
.topstrategies-page .justify-content-end { justify-content: flex-start !important; }
.strategies-filter-block .row .row div.col-auto { width: 110px; }
.strategies-filter-block .row .row div + div.col-auto { width: 146px; }
.signal-top-content-block .signal-inside-block { padding: 20px 20px 20px 0px; border-radius: 0px 0px 100px 0px; }
.trading-pairs-block .tpb-pair { font-size: 12px; line-height: 17px;}
.signal-left-side { max-width: 510px;}
.signal-right-side .sb-row .sb-box { margin-bottom: 5px;}
.signal-right-side .sb-common-btn { margin-bottom: 25px;}
.signal-right-side .subscribe-btn { height: 90px;}
.trading-pairs-block .tpb-box { width: 105px; height: 105px;}
.trading-pairs-block .tpb-time { font-size: 12px;}
.trading-pairs-block .tpb-per { font-size: 16px;}
.connect-account-modal .modal-dialog, .start-copying-modal .modal-dialog { max-width: 90%;}
.support-tickets-page .phb-btn .btn {width: 140px;}
.phb-btn .btn.faq-btn { width: 70px !important;}
.table td .action-btn-block .common-trading-btn { width: 100%;  min-width: auto !important; max-width: 160px;}

.right-side-contnet { margin-left: 0; margin-top: 56px;}


.swal2-html-container { font-size: 18px; line-height: 24px;}
.swal2-title {  padding: 10px 1em 0;  font-size: 26px; margin-bottom: 17px;}
.swal2-icon { width: 4em; height: 4em;}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] { top: 1.87em; width: 1.938em;}

.exchange-amount { font-size: 20px; line-height: 30px;}
.exchange-amount img { width: 24px; height: 24px; margin-right: 5px;}





}

@media (max-width: 767px) {

.home-banner-section { height: 430px;}
.bac-title { font-size: 26px; line-height: 34px;}
.bac-description { font-size: 16px; margin-bottom: 22px;}
.banner-content { max-width: 438px;}
.home-banner-content-block::before { height: 125px;}
.owl-nav { position: relative; top: 17px; left: 0; width: 100%; justify-content: center; }
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { margin: 0px 10px; }
.benefits-block .benefit-box { margin: 0px auto 20px;}
.platform-performance-block .platform-box { margin-bottom: 30px;}
.platform-performance-section { padding: 30px 0px 5px;}
.platform-performance-block .platform-box .pp-amount { font-size: 20px; line-height: 25px;}
.profit-share-section .ps-image { height: 175px;}
.heading-block .section-heading { font-size: 22px; line-height: 32px;}
.home-faq-section {  padding: 30px 0px;}
.open-trading-block .heading { font-size: 22px; line-height: 30px;}
.profitBoostr-block .profit-box .heading { font-size: 20px; line-height: 30px;}
.profitBoostr-block .profit-box .description { font-size: 14px; line-height: 20px;}
.profitBoostr-block .profit-box { max-width: 385px; height: 320px;}

.contact-us-page .cheading-block .page-heading {font-size: 22px; line-height: 30px;}
.contact-form .cf-heading { font-size: 22px; line-height: 30px;}
.contact-form {max-width: 540px;  padding: 25px 30px;}
.contact-us-page .cheading-block { margin: 0px auto 20px;}
.contact-us-page { padding: 30px 0px;}
.about-content-block .about-text h1 { font-size: 22px;  line-height: 32px; margin-bottom: 5px;}
.teams-block { padding: 30px 0px 10px;}

.static-common-heading-block .page-heading { font-size: 22px; line-height: 30px;}
.about-content-block .image1 { background: none !important; text-align: center; max-width: 100%; }
.about-content-block .image2 { margin-bottom: 20px;}
.about-content-block .row-two { padding: 25px 20px;}
.teams-block .teams-box-outside { max-width: 202px; }
.teams-block .teams-box-outside .teams-image { height: 202px;}
.teams-block .teams-box-outside .tname { font-size: 16px; line-height: 17px;}
.footer-common-section { min-height: 175px;}
.about-content-block .image1 img { width: 150px; height: 150px; margin-bottom: 10px; }
.about-content-block .about-text h1 { font-size: 22px;}
.about-content-block { padding: 0px 0px 25px;}
.teams-block .teams-box-outside { max-width: 202px; margin: 0px auto;}
.about-content-block .row-one {padding: 20px 20px 0px;  }
.about-content-block .tow-three { padding: 0px 20px; }

.tpf-page-content h3 { font-size: 16px; line-height: 24px; }
.tpf-pages { padding: 20px 0px;}
.faq-page .static-common-heading-block { margin-bottom: 20px;}
.left-side-block .nav-pills .nav-link { font-size: 18px; padding: 8px 0;}
.static-common-heading-block {  margin: 0px auto 25px;}

.blog-page { padding: 20px 0px;}
.blog-detail-content .blog-title { font-size: 22px; line-height: 32px;}
.blog-detail-banner { height: 167px;}

.auth-form-section .ben-title { font-size: 22px; line-height: 32px;}
.auth-form-section .trader-links p { font-size: 18px; line-height: 24px; margin-right: 15px;}
.auth-form .form-title { font-size: 22px; line-height: 32px;}
.auth-form  .common-form-btn {  margin: 30px auto 0px; }
.go-other-page { margin: 25px 0px 0px;}
.auth-form .social-signup .btn img { width: 26px; height: 26px;}
.auth-form { max-width: 440px;}

.login-page .how-steps .step-box { margin-right: 12px !important;}
.login-page .how-steps .how-text { font-size: 14px; line-height: 21px;}
.login-page .how-steps { margin: 10px 0px 20px;}

/* .upis-menu-bar .nav-pills .nav-link .upis-link-name {display: none !important; } */

.upis-menu-bar .nav-pills .nav-link .arrow-image {  display: none !important;}

.user-personal-information-section { display: block; }
.upis-menu-bar { max-width: unset; height: auto; border-bottom: 1px solid #133562; width: auto; display: flex; }
.upis-menu-bar .nav-pills { flex-direction: row !important; flex-wrap: nowrap !important; overflow: hidden; white-space: nowrap; }
.upis-menu-bar .nav-pills .nav-link { border: none !important; }
.profile-content .form-fields { height: auto;}
.profile-inside-content .pheading-block .h-title { font-size: 20px; line-height: 24px;}
.common-trading-btn { min-width: 140px;}
.ul-title { padding: 5px 5px;}
.side-nav-bar ul li a .icon-box { width: 30px; height: 30px; padding: 3px; border-radius: 4px;}
.side-nav-bar.expanded ul li a { padding: 10px 10px;}
.side-nav-bar.expanded { max-width: 52px;}
header { padding: 10px 10px;}


/*  */
.sright-button, .sleft-button { width: 28px; padding: 7px; cursor: pointer; z-index: 1; background: #001839; border: none; -webkit-text-fill-color: unset; display: flex !important; align-items: center;}
.sright-button img, .sleft-button img { width: 20px; height: 20px; object-fit: contain; object-position: center; }

.add-strategies-page .pheading-block, .strategies-page .pheading-block { flex-wrap: wrap;}
.phb-text { order: 2; width: 100%; }
.phb-btn { order: 1; margin-top: 0px; margin-bottom: 10px; }
.add-strategies-page .footer-button-block { display: block;}
.add-strategies-page .footer-button-block p { max-width: 100%; margin-top: 10px;}
.add-strategies-page .pheading-block, .strategies-page .pheading-block {  margin-bottom: 15px !important;}
.hiw-common-heading { font-size: 20px; line-height: 22px;}
.hiw-img { margin-bottom: 25px;}
.ecai-steps { padding-bottom: 30px;}
.ecai-steps .ecai-title { line-height: 18px; margin-bottom: 10px;}
.rcbs-inside-payout-setting-block [type="radio"]:checked + label img.img-t, .rcbs-inside-payout-setting-block [type="radio"]:not(:checked) + label img.img-t { max-width: 110px;}
.rcbs-inside-payout-setting-block [type="radio"]:checked + label img, .rcbs-inside-payout-setting-block [type="radio"]:not(:checked) + label img { height: 40px; margin-left: 5px;}
.referral-info-block { margin-top: 10px;}
.ref-in-number { font-size: 26px;}

.referral-content-block-second .rcbs-content-block {  margin-top: 12px;}

.strategies-filter-block .row .row div + div.col-auto { width: 100%;}
.topstrategies-page .page-heading { font-size: 22px; line-height: 27px;}
.topstrategies-page .strategies-box .sb-top { padding: 12px 10px;}
.topstrategies-page .strategies-box .sb-top .sbtitle { font-size: 16px;}
.topstrategies-page .strategies-box .sb-top .sb-user .sbu-name { font-size: 14px;}
.sosb-right-box { width: 180px;}
.sb-new-bottom p.copy-text { margin-bottom: 0px;}
.signal-top-content-block { display: block;}
.signal-left-side { max-width: 100%;}

.signal-inside-block .heading { font-size: 22px; line-height: 27px; margin-bottom: 10px;}
.Profilt-text-box p { font-size: 12px; line-height: 17px;}
.signal-right-side .sb-user, .signal-right-side .subscribe-btn, .signal-right-side .sb-row, .signal-right-side .sb-common-btn{ padding-left: 0px;  }
.signal-right-side .sb-row .sb-box {width: auto;}

.connect-account-modal .modal-header .modal-title, .start-copying-modal .modal-header .modal-title { font-size: 22px;line-height: 27px;}
.connect-account-modal .modal-body, .start-copying-modal .modal-body { padding: 0px 20px 30px;}
.connect-account-modal .modal-header, .start-copying-modal .modal-header { padding-left: 20px; padding-right: 20px;}

.sb-new-bottom .stop-text { margin-top: 10px;}
.sb-new-bottom { padding: 10px 20px;}

.dashboad-first-row .common-border-block.chart-block { max-width: 265px;}
.round-cart { width: 200px; height: 200px;}
.dashboad-first-row .common-border-block.open-positions-block { margin-right: 0px; }
.common-border-block .dsfr-title { font-size: 16px; line-height: 21px; margin-bottom: 15px;}
.common-border-block { height: 240px;}
.ab-title { font-size: 16px; line-height: 23px;}

.accordion-body .sub-title, .dashborad-content-table .sub-title { font-size: 16px; line-height: 23px;  margin-bottom: 12px;}
.strategies-box .sb-top .sbtitle { font-size: 16px;}
.strategies-box .sb-top .sb-user .sbu-name { font-size: 14px; line-height: 19px;}
.dashboard-collepse-content-block .common-border-block { height: 280px;}
.accordion-body .balacne-info, .dashborad-content-table .balacne-info { font-size: 16px; line-height: 23px;}
.accordion-body .table-row, .dashborad-content-table .table-row { margin-bottom: 15px;}

.trader-fees-block h4 { font-size: 16px; line-height: 21px;}
.trader-fees-block { width: 130px;   margin-left: 0;}
.trader-fees-block p span { font-size: 14px;}
.table-title { font-size: 16px; line-height: 23px;  margin-bottom: 12px;}
.trader-fees-block::before { width: 130px; height: 130px;}
.trader-dashboard-content-table { position: relative; }

.trader-dashborad-page .profile-inside-content .pheading-block .phb-text{ width: 100%; }

.pheading-block .common-trading-btn { min-width: 94px; padding: 8px; position: relative; }




}

@media (max-width: 700px) {

}

@media (max-width: 600px) {

.footer-top .footer-menu ul li { margin: 0px 12px;}
.modal-dialog { max-width: 90%; margin: 20px auto;}
.modal-header .modal-title { font-size: 18px; line-height: 25px;}
.modal-header { padding: 35px 100px 0px;}
.varification-form .form-group { margin-bottom: 30px;}
.varification-form .submit-btn{ margin: 0px auto 10px; }

.user-image { margin-left: 0; margin-bottom: 25px;}
.hiw-img { max-width: 410px; height: 220px;}
.video-block { max-width: 400px;}
.ecai-steps .count { margin-right: 15px;}

.ticket-history-page .chat-box-left { width: 90%; margin-bottom: 18px; }
.ticket-history-page .chat-box-right { width: 90%; margin-bottom: 18px; }
.phb-btn .btn.faq-btn { width: 60px !important;}
.signal-right-side .sb-user .sbu-name { font-size: 14px;}

.strategies-filter-block .padding-right { padding-right: 10px;}
.strategies-filter-block .row.align-items-center { width: auto !important; }

.dashboad-first-row .common-border-block.open-positions-block { max-width: 250px; margin: 0px 10px;}
.dashboad-first-row .common-border-block.chart-block { max-width: 245px;}

.common-border-block { height: auto; min-height: 240px; }


}

@media (max-width: 500px) {

.bac-title { font-size: 22px;  line-height: 30px;}
.heading-block .view-text { font-size: 12px;}
.strategies-box { max-width: 100%; margin: 0px; }
.strategies-box .sb-top { padding: 14px 15px;}
.strategies-box .sb-top .sb-user .sbu-name { font-size: 14px; line-height: 19px;}
.your-benefits-section .col-6 { width: 100%; }
.benefits-block .benefit-box { width: 100%;}
.benefits-block .benefit-box { min-height: 180px;}
.your-benefits-section .heading-block { margin-bottom: 19px;}
.platform-performance-section .col-6 { width: 100%; }
.profitBoostr-block .profit-box {margin-bottom: 25px;}
.profitBoostr-block .profit-box .heading { font-size: 18px; line-height: 27px;}
.how-steps { max-width: 200px; margin: 0px auto 35px;}
.how-to-start-section { padding: 25px 0px 10px;}
.home-faq-section .faq-img { width: 250px; height: 250px; padding: 20px 0px; margin-bottom: 20px; }
.que-img1 { width: 50px; height: 50px; font-size: 32px;left: 45px;}
.que-img2 { width: 40px; height: 40px; font-size: 28px; top: 30px; right: 36px; }
.que-img4 { width: 40px; height: 40px; font-size: 28px;  }
.que-img3 { width: 50px; height: 50px; font-size: 32px; left: 56px; }
.circle3 { right: 56px; bottom: 75px;}
.circle1 { top: 65px; left: 0px;}
.circle2 { top: 16px; left: 153px;}

.profitBoostr-section { padding: 25px 0px 10px;}

.footer-top .footer-menu ul { display: block;}
.footer-top .footer-menu ul li { margin: 6px 5px; text-align: center;}
.footer-top .footer-menu { padding: 14px 0px;}

.contact-form { max-width: 540px; padding: 20px 20px;}
.about-content-block .image2 { margin: 0px auto 20px;}
.about-us-page { padding: 20px 0px 0px;}
.static-common-heading-block { margin: 0px auto 25px;}
.teams-block .teams-box-outside .teams-image { height: 167px; }

.tpf-page-content { padding: 20px 15px 15px;}
.terms-page .nav-pills {  width: auto; display: block; overflow: hidden;overflow-y: scroll; margin-bottom: 20px; height: 140px; }
.tpf-page-content-inside { width: 100%; display: block;}
.tpf-page-content-inside .left-side-block { width: 100%; padding-right: 0;}
.tpf-page-content-inside .right-side-block { width: 100%; padding-left: 0px; }

.blog-page .col-6 { width: 100%;}
.similar-blogs .col-6 { width: 100%;}
.auth-form-section .col-6 { width: 100%;}
.auth-form-section .trader-links .signup-btn { width: 125px; font-size: 14px;}
.auth-form-block { padding: 20px 16px;}
.auth-form .social-signup { width: 100%; display: block;}
.auth-form .social-signup .btn {  max-width: 235px; margin:0px auto 10px !important; }
.auth-form .social-signup .btn.google-btn { margin: 0px auto !important;}
.how-steps .step-box .icon { width: 55px; height: 55px;}

.modal-header { padding: 35px 20px 0px;}

.profile-inside-content { padding: 15px 15px 5px;}
.footer-button-block { padding: 15px 15px;}
.footer-button-block .discard-text { display: block; text-align: center; margin-top: 15px; margin-left: 0px !important;}
.footer-button-block  .common-trading-btn { margin: 0px auto; display: block;}
.form-fields .form-group { margin-bottom: 20px;}
.user-image { margin-bottom: 20px;}
[type="radio"]:checked + label img, [type="radio"]:not(:checked) + label img { height: 28px;}
[type="radio"]:checked + label::before, [type="radio"]:not(:checked) + label::before { width: 20px; height: 20px;}
[type="radio"]:checked + label::after, [type="radio"]:not(:checked) + label::after { width: 10px; height: 10px;}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label { padding-left: 24px; margin-bottom: 15px; margin-right: 15px;}


.referral-page .col-4 { width: 50%; }
.exchange-account-page .col-6 { width: 100%;}

.rcbs-inside-payout-setting-block [type="radio"]:checked + label img, .rcbs-inside-payout-setting-block [type="radio"]:not(:checked) + label img { height: 30px;}
.rcbs-inside-payout-setting-block [type="radio"]:checked + label img.img-t, .rcbs-inside-payout-setting-block [type="radio"]:not(:checked) + label img.img-t { max-width: 80px;}
[type="radio"]:checked + label img.img-t, [type="radio"]:not(:checked) + label img.img-t { max-width: 85px;}

.strategies-out-side-block { display: block;}
.invested-strategy-block .strategies-box::before { border-radius: 10px 10px 0px 0px !important; }
.sosb-right-box { border-radius: 0px 0px 10px 10px; flex-direction: row; flex-wrap: wrap; width: 100%; padding: 5px 0px; }
.sosb-right-box .sosb-info { width: 33.33%; text-align: center; }
.sosb-right-box .sosb-info:last-child { width: 100%; }
.trading-pairs-block .col-3 { width: 50%; margin-bottom: 20px; }
.signal-top-content-block .signal-inside-block {  padding: 20px 0px 20px 0px;}
.chart-cotnent {width: 90%; margin-bottom: 20px;}
.select-time-zone li { margin: 0px 5px;}
.select-time-zone { margin: 20px 0px 30px;}
.performance-overview-block .per-ob-list span.per-title { width: 160px;}

.dashboad-first-row .common-border-block.chart-block { max-width: 100%; margin-bottom: 20px;}
.dashboad-first-row .common-border-block.open-positions-block { max-width: 100%; margin: 0px 0px;}
.accordion-body { padding: 20px 0px 0px;}
.accordion-body .table-row, .dashborad-content-table .table-row { display: block;}
.common-border-block { padding: 15px;}

.pheading-block .common-trading-btn { min-width: 70px; padding: 6px;}

.nav.d-nav-pills .nav-link.active {padding: 6px 12px;}

}

@media (max-width:375px) {



}


@media (max-width:320px) {

.referral-page .col-4 { width: 100%; }


}