body{ font-size:16px; position:relative;    font-family:'aktivgrotesk-Regular';color:#000; overflow-x: hidden; background-color: #f6f6f9;}
ul{list-style:none; padding:0; margin:0;}
ul li{font-size:14px;}
a{-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
figure{margin:0;}
img{max-width:100%; height: auto; -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}

.btn:focus, .btn.focus{outline:0; box-shadow:none;}
.btn-primary{ outline:0;   position:relative;  text-align:center; padding:10px 15px; font-family:'Gilroy-SemiBold'; font-size:17px;  color:#fff; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; border-radius:30px;  border:none; z-index: 2;  overflow: hidden;background: linear-gradient(to right, rgb(20, 52, 68) 0%,rgb(10, 27, 36) 100%); letter-spacing: 1px;
  }
.btn-primary::after{position:absolute; opacity:0; visibility:hidden; top:0; left:0; border-radius:30px; content:''; width:0; height:100%; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;  overflow:hidden;
  background: linear-gradient(to right,  rgba(10,116,218,1) 0%,rgba(74,166,255,1) 100%);
  }
.btn-primary:hover::after{width:100%; opacity:1; visibility:visible; z-index:-1;}
.btn-primary.btn.active, .btn-primary.btn:active, .btn-primary.btn.focus, .btn-primary.btn:focus{outline:0; box-shadow:none; border:none; color: #fff;   background: linear-gradient(to right,  rgba(10,116,218,1) 0%,rgba(74,166,255,1) 100%);}
.btn-primary:hover{   background: linear-gradient(to right,  rgba(74,166,255,1) 0%,rgba(10,116,218,1) 100%);  color: #fff
    ;}

.whiteBg-primary.btn-primary:hover{background-color: #fff; color: #262B31;}
.btn-primary.whiteBg-primary::after{background-color: #fff;}
.whiteBg-primary.btn-primary:hover img {
  filter: invert(0.85);
}


.btn-border{border: 1px solid #0A74DA; background-color: #F5F5F5; letter-spacing: 1px;  outline:0;   position:relative;  text-align:center;     padding: 16px 25px; font-family:'Gilroy-SemiBold'; font-size:18px;  color:#0A74DA; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; border-radius:60px; z-index: 2;  overflow: hidden;   }

.btn-border::before{position:absolute; opacity:0; visibility:hidden; top:0; left:0; border-radius:30px; content:''; width:0; height:100%; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;  overflow:hidden;
background: linear-gradient(to right,  rgba(10,116,218,1) 0%,rgba(74,166,255,1) 100%);
}
.btn-border:hover::before{width:100%; opacity:1; visibility:visible; z-index:-1;}

.btn-border::after{position:absolute; opacity:0; visibility:hidden; top:0; right:0; border-radius:30px; content:''; width:0; height:100%; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;  overflow:hidden;
  background: linear-gradient(to left,  rgba(10,116,218,1) 0%,rgba(74,166,255,1) 100%);
  }
  .btn-border:hover::after{width:100%; opacity:1; visibility:visible; z-index:-1;}


.btn-border.btn.active, .btn-border.btn:active, .btn-border.btn.focus, .btn-border.btn:focus{outline:0; box-shadow:none; background: linear-gradient(to right,  rgba(10,116,218,1) 0%,rgba(74,166,255,1) 100%); color: #fff; border: 1px solid #0A74DA; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.btn-border:hover{color: #fff;}
.btn-border:focus img{filter: brightness(0) invert(1);}
.btn-border:hover img{filter: brightness(0) invert(1); margin-left: 0px;}


    .btn-secondary{background-color:#fff; outline:0;   position:relative;  text-align:center; padding:15px 30px; font-size:18px;  color:#4AA6FF; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; border-radius:30px;  border:none; z-index: 2;  overflow: hidden;}
    .btn-secondary::after{position:absolute; opacity:0; visibility:hidden; top:0; left:0; border-radius:30px; content:''; width:0; height:100%; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; background-color:#4AA6FF; overflow:hidden;}
    .btn-secondary:hover::after{width:100%; opacity:1; visibility:visible; z-index:-1;}

    

    .btn-secondary.btn.active, .btn-secondary.btn:active, .btn-secondary.btn.focus, .btn-secondary.btn:focus{outline:0; box-shadow:none; background-color:#4AA6FF; border:none; color: #fff; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
    .btn-secondary:hover{background-color: #4AA6FF; color: #fff; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.btn-primary img{display: inline-flex;}
.colorOrange{color:#FF4500; font-weight: 700;}




header{    flex-wrap: wrap;background-color: transparent;   position: fixed; top: 0; transform: translateY(0px); width: 100%; left: 0; z-index: 99; -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
  header.sticky{background-color: #0A1B24; transform: translateY(-48px); }

.headerTop{background-color: #0A1B24; padding: 12px 0px;}
.toplink{display: flex; align-items: center; gap: 36px; justify-content: flex-end;}
.toplink li{position: relative;}
.toplink li.signInLink a{color: #fff; letter-spacing: 1px; display: flex; align-items: center; position: relative; font-size: 16px; text-decoration: none;       font-family:'aktivgrotesk-Medium';}
.toplink li.signInLink a img{margin-right: 8px; filter: brightness(0) invert(0.9);}
.toplink > li:after{position: absolute; top:3px; right: -18px; background-color: #fff; opacity: 0.33; content: ''; height: 16px; width: 2px;}
.toplink li:last-child::after{display: none;}
.toplink li.signInLink a:hover{color: #4AA6FF;}
.toplink li.signInLink a:hover img{filter: inherit;}

.langSelect{display: flex; align-items: center;}
.langSelect img{margin-right: 9px;  animation: rotation infinite 3s linear;}
.langSelect .status__btn { width: 38px;  background-image: url(../images/down-arrow-white.svg);     background-size: 8px;      padding: 0px; text-transform: uppercase; color: #fff;  font-family:'aktivgrotesk-Medium'; background-repeat: no-repeat; background-color: transparent; border: none; outline: none;     background-position: right center; box-shadow: none; text-align: left;}
.langSelect .status__btn:after{display: none;}
.langSelect .status_change.dropdown-menu {
  min-width: 60px;
  margin-top: 10px !important;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0 12px 32px 0 rgba(25, 41, 66, .07);
  box-shadow: 0 12px 32px 0 rgba(25, 41, 66, .07);
  border: .0625em solid #eaecee;
}
.langSelect .dropdown-item{font-family:'aktivgrotesk-Medium';}

@keyframes rotation{
  from{
    transform:rotate(0deg);
  }
  
  to{
    transform:rotate(360deg);
  }
}

.headerNavigation{position: relative; z-index: 1; padding: 5px 0px;}
header.sticky .headerNavigation:after{display: none;}
.headerNavigation:after{position: absolute; top:0px; left: 0px; content: ''; height: 100%; width: 100%; background-image: url(../images/header-overlay-bg.svg); background-repeat: no-repeat; z-index: -1; -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s; background-position: center top; }
.headerNav{  display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.fx-bull-Navigation .flexnav li > a{border: none;     text-transform: capitalize; font-family:'Gilroy-Regular';     letter-spacing: 1px; font-size: 17px; text-transform: uppercase;     box-shadow: none;text-decoration: none;     position: relative;     color: #fff; padding:0; background-color: transparent;}
header.sticky .fx-bull-Navigation > .flexnav li > a{color: #fff;}
header.sticky .fx-bull-Navigation .flexnav li:hover > a{color: #4AA6FF;}
header.sticky .logo img{max-width: 125px;}
header.sticky .headerNavigation{padding: 10px 0px;}

.headerNavigation .headerRight{ display: flex; align-items: center; gap: 42px;}

.banner-section{ min-height: 720px;  position: relative; }
.bannerContent{max-width: 640px; position: absolute; top:0px; left: 0px; width: 100%; flex-direction: column; padding: 100px 0px 0px 70px; height: 100%; display: flex; z-index: 2; justify-content: center; text-align: left;}
.bannerContent h1{color: #fff; display: block;  font-family:'Gilroy-SemiBold'; letter-spacing: 1px;  font-size: 70px; margin: 0px 0px 20px; padding: 0px; line-height: 70px;}
.bannerContent p{margin: 0px; padding: 0px; color: #fff; font-size: 18px; letter-spacing: 1px;  line-height: 25px;    font-family:'Gilroy-Light';}
.bannerContent .btn-primary{margin-top: 40px;     padding: 17px 24px; display: inline-flex; max-width: 36%;}
.bannerContent .btn-primary::after{background-color:#fff;}
.bannerContent .btn-primary img{filter: brightness(0) invert(1);}
 .btn-primary img{margin-left: 20px;}
.btn-primary:hover img{margin-left: 10px;}


.SliderImage{min-height: 720px; position: relative; z-index: 1; background-size: cover !important;}
.SliderImage:after{position: absolute; top:0px; left: 0px; content: ''; opacity: 0.50; background-color: #010508; z-index: -1; height: 100%; width: 100%;}
.slideshow .slick-dots{position: absolute; bottom: 20px; left: 0px; width: 100%; display: flex; gap: 6px; align-items: center; justify-content: center;}
.slideshow .slick-dots li button {
  background-color: #B9B9B9;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  padding: 0px;
  display: block;
  font-size: 0;
  border: 1px solid transparent;
  -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;
}
.slideshow .slick-dots li button:hover{background-color: #fff;}
.slideshow .slick-dots li.slick-active button{border: 1px solid #6D6E72;}

.slideshow {
  position: relative;
  z-index: 1;}
  .slideshow * {
    outline: none;
  }
 
  .slideshow .item {
    height: 100%;
    position: relative;
    z-index: 1;
  }

  .currencySlider{background-color: #0A1B24; padding: 13px 0px;}
.currencyFlex{display: flex; align-items: center; gap: 24px; padding: 0px 18px;     border-right: 1px solid rgba(255, 255, 255, 0.5);}
.currencyFlex span{color: #fff; font-size: 18px; letter-spacing: 1px;}
.currencyName{font-family:'aktivgrotesk-Bold';}
.currencyName b{   font-family:'aktivgrotesk-Medium'; font-weight: normal; padding-left: 4px;} 
.currencyResult {font-family:'aktivgrotesk-Medium';}
.redColor{color: #D73342 !important;}
.greenColor{color: #08967F !important;}

h2.headingTitle {font-size: 40px; letter-spacing: 1px; margin: 0px 0px 14px; padding: 0px; display: block; font-family:'Gilroy-Bold';  line-height: 40px; color: #000000;}
p.paragraphLine{color: #243143; letter-spacing: 1px; font-size: 22px; margin: 0px 0px 20px; display: block; line-height: 30px;     font-family:'aktivgrotesk-Light';}



.stocksection{padding: 100px 0px;}
.stocksInfoList {padding-top: 20px;}
.stocksInfoList li{width: 25%;}
.StockBox{border: 1px solid rgba(112, 112, 112, .39); position: relative; z-index: 1; padding: 26px; border-radius: 20px; height: 100%; overflow: hidden;
background: linear-gradient(to bottom,  rgba(245,245,245,1) 60%,rgba(229,229,229,1) 100%); box-shadow: 0px 0px 10px rgba(36, 49, 67, .16); -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.StockBox figure{height: 80px; display: flex; align-items: center; margin-bottom: 20px;}
.StockBox strong{display: block; font-weight: normal; letter-spacing: 1px; padding-bottom: 12px; color: #000; font-size: 20px; font-family:'aktivgrotesk-Bold'; -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.StockBox p{color: #243143; font-size: 16px; line-height: 22px; margin: 0px; letter-spacing: 1px;    font-family:'aktivgrotesk-Light'; -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.StockBox::after{position: absolute; bottom: 0px; left: 0px; width: 100%; height: 6px; background-color: #ddd; content: '';   -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s; z-index: -1;}

.StockBox.yellowBorder::after{ background-color: #D6D24E;}
.StockBox.greenBorder::after{ background-color: #46B483;}
.StockBox.orangeBorder::after{ background-color: #D18451;}
.StockBox.blueBorder::after{ background-color: #5F82DB;}

.StockBox.orangeBorder:hover{border: 1px solid #9b4e1b; border-radius: 10px; box-shadow: 0px 0px 30px rgba(209, 132, 81, .56);}
.StockBox.yellowBorder:hover{border: 1px solid #918f1c; border-radius: 10px; box-shadow: 0px 0px 30px rgba(214, 210, 78, .56);}
.StockBox.greenBorder:hover{border: 1px solid #076B3E; border-radius: 10px; box-shadow: 0px 0px 30px rgba(7, 107, 62, .56);}
.StockBox.blueBorder:hover{border: 1px solid #2046A7; border-radius: 10px; box-shadow: 0px 0px 30px rgba(95, 130, 219, .56);}

.StockBox:hover:after{height: 100%;}
.StockBox:hover strong{color: #fff;}
.StockBox:hover p{color: rgba(255, 255, 255, 0.747);}


.counter-section{background-color: #E8E8E8; padding: 30px 0px 30px; margin: 60px 0px 110px; position: relative; z-index: 1;}
.counter-section .headingTitle  h2{font-weight: 300;}
.counterBox {text-align: center;}
.counterBox strong{ color: #243143; display: inline-flex; font-size: 60px; font-weight: normal; letter-spacing: 1px;   font-family:'aktivgrotesk-Thin'; line-height: 70px;justify-content: center;}
.counterBox .Counterparagraph{color: #243143; font-size: 18px; }
.counterlist{display: flex; align-items: center; width: 100%; padding-top: 50px; position: relative; z-index: 2;}
.counterlist li{width: 25%; text-align: center; position: relative;}
.counterlist li:after{position: absolute; top:0px; right: 0px; height: 110px; width: 1px; background-color: #C1C3C7;  content: ''; bottom: 0px; margin: auto;}
.counterBox .plus{ color: #243143; font-size: 60px; line-height: 70px; display: inline-flex; font-family:'aktivgrotesk-Thin';}
.counterlist li:last-child:after{display: none;}
.counterWrapper{  position: absolute; z-index: 1; bottom: -40px;  left: 0px; background-image: url(../images/counter-bg-line.png); background-repeat: repeat-x; background-position: bottom center; height: 233px; width: 100%; content: ''; opacity: 0.6;}


.counter-section:before{position: absolute; top:-80px; left: 0px; width: 100%; height:200px; z-index: -1; content: '';  background-image: url(../images/curve-shape.svg); background-repeat: no-repeat; background-position: center; }
.counter-section:after{position: absolute; bottom:-80px; left: 0px; width: 100%; height:200px; z-index: -1; content: '';  background-image: url(../images/curve-shape.svg); background-repeat: no-repeat; transform: rotate(-180deg); background-position: center;}


.ourProduct-section{margin-bottom: 50px;}
.tabsection{ background-color: #F5F5F5; margin-top: 40px; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0, 0, 0, .10); display: flex;}
.tabsection .nav-pills{background-color: #132934; width: 280px; padding: 16px 0px 16px 16px;}
.tabsection  .tab-content{width: calc(100% - 280px);}

.tabsection .nav-pills .nav-link{font-size: 24px; margin-bottom: 14px;  letter-spacing: 1px;    font-family:'Gilroy-Light';  color: #f6f6f9EEE; text-align: left;     padding: 13px 16px; border-radius: 0px;   -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.tabsection .nav-pills .nav-link.active{background-color: #F4F4F4; border-radius: 15px 0px 0px 15px;color: #FF4500;     font-family:'Gilroy-Bold';}
.tabsection .nav-pills .nav-link:last-child{margin-bottom: 0;}
.tabsection .nav-pills .nav-link:hover{background-color: #F4F4F4; border-radius: 15px 0px 0px 15px;color: #FF4500;}


.productWrapper {align-items: center; padding: 20px;}
.productWrapper .LeftTabproduct{width: 60%; padding-left: 30px;   padding-right: 30px; }
.productWrapper .RightTabproduct{width: 40%;}
.productWrapper .RightTabproduct figure{text-align: right; margin: 0px;}

.productWrapper h3{font-size: 40px; letter-spacing: 1px; margin: 0px 0px 22px; padding: 0px; display: block; font-family:'Gilroy-Bold';  line-height: 40px; color: #0A74DA;}
.productWrapper  p{color: #243143; letter-spacing: 1px; font-size: 18px; margin: 0px 0px 20px; display: block; line-height:30px;     font-family:'aktivgrotesk-Light';}


.TopWrapperSection{background-color: #E8E8E8; position: relative; z-index: 2;  margin: 50px 0px 0px;}
.TopWrapperSection:before{position: absolute; top:-80px; left: 0px; width: 100%; height:200px; z-index: -1; content: '';  background-image: url(../images/curve-shape.svg); background-repeat: no-repeat; background-position: center; }
.TopWrapperSection:after{position: absolute; bottom:-80px; left: 0px; width: 100%; height:200px; z-index: -1; content: ''; background-image: url(../images/curve-shape.svg); background-repeat: no-repeat; transform: rotate(-180deg); background-position: center;}


.AccountSection{ padding: 40px 0px 40px; background-image: url(../images/account-bg.png); background-repeat: no-repeat; min-height: 720px; background-position: center top; }
.accountPlanList{max-width: 1280px; margin: auto; padding-top: 50px;}
.accountPlanList li{width: 33.33%;}
.AccountBox {box-shadow: 0px 0px 10px rgba(0, 0, 0, .15);
  border: 1px solid #E2E2E2;
  border-radius: 20px; 
  padding: 24px;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: linear-gradient(to bottom,  rgba(249,249,249,1) 42%,rgba(236,236,236,1) 100%);
  }
  .AccountBox::after{position: absolute; top: 0px; left: 0px; width: 100%; height: 6px; background-color: #ddd; content: '';   -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s; z-index: -1;}
  .AccountBox h3{font-size: 30px; color: #000000; margin: 0px 0px 10px; padding: 0px; display: block; letter-spacing: 1px; font-family:'Gilroy-Bold';}
  .AccountBox figure{margin-bottom: 30px;}
  .AccountBox h3 strong{font-weight: normal;}
  .standardAccount h3 strong{color: #00A7E9;}
  .ProAccount h3 strong{color: #F5CA6C;}
  .ProAccount2 h3 strong{color: #F5CA6C;}
  .ECNAccount h3 strong{color: #AD38FB;}
  .AccountBox p{color: #243143; letter-spacing: 1px; max-width: 310px; font-size: 18px; margin: 0px 0px 20px; display: block; line-height:28px;     font-family:'aktivgrotesk-Light';}

  .AccountBox.standardAccount:after{ background-color: #00A7E9;}
  .AccountBox.ProAccount:after{ background-color: #F5CA6C;}
  .AccountBox.ProAccount2:after{ background-color: #F5CA6C;}
  .AccountBox.ECNAccount:after{ background-color: #AD38FB;}
  .AccountBox.ProAccount {
    z-index: 2;
}
.AccountBox.ProAccount{background-color: transparent; box-shadow: none; border: none; overflow: inherit; border-radius: 0px;     padding: 20px 13px 0px;}
.AccountBox.ProAccount:after{display: none;}
.ProAccount .ZoomBox{position: absolute; top:0px; left: 0px; height: 100%; width: 100%;  background: linear-gradient(to bottom,  rgba(249,249,249,1) 42%,rgba(236,236,236,1) 100%); transform: scaleY(1.17) scaleX(1.11); box-shadow: 0px 0px 10px rgba(103, 53, 5, .20);   border-radius: 20px; 
  border: 1px solid rgba(245, 202, 108, .60); z-index: -1;  overflow: hidden;}
  .ProAccount .ZoomBox::after{position: absolute; top: 0px; left: 0px; width: 100%; height: 5px; background-color: #F5CA6C; content: '';   -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s; z-index: -1;}
.AccountBox.ProAccount p{max-width: 100%;}
.AccountBox.ProAccount  figure{margin-bottom: 20px;}
.AccountBox.ECNAccount{padding-left: 50px;}

.AccountBox.ProAccount h3{ font-size: 34px;}
.AccountBox.ProAccount p{ font-size: 20px;}
.AccountBox.ProAccount  .InfoList {padding-top: 20px;}
.AccountBox.ProAccount  .InfoList span{ font-size: 20px;}

  .InfoList{padding-top: 12px;}
  .InfoList span{color: #243143; font-size: 18px; letter-spacing: 1px; padding-left: 32px; margin-bottom: 13px; position: relative;     font-family:'aktivgrotesk-Medium';}
  .InfoList span:after{position: absolute; left: 0px; top:2px; content: ''; height: 23px; width: 23px;  background-image: url(../images/separate-icon.svg); background-repeat: no-repeat;}
  .InfoList span:last-child{margin-bottom: 0px;}
  .InfoList span b{font-weight: normal; color: #0A74DA;}



.WhiteBoxPanel{box-shadow: 0px 0px 10px rgba(0, 0, 0, .15);
  border-radius: 20px; 
  padding: 24px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: linear-gradient(to bottom,  rgba(249,249,249,1) 42%,rgba(236,236,236,1) 100%);}
.fx-aboutsection{margin: 10px 0px 10px;}

.aboutFlex-row{align-items: center; padding: 55px 70px;}
.aboutFlex-row .LeftCol-panel{width: 45%;}
.aboutFlex-row .RightCol-panel{width: 55%; text-align: right;}
.headlineTop{display: block; font-size: 20px; letter-spacing: 1px; margin-bottom: 22px; color: #243143;  font-family:'aktivgrotesk-Light';}
.LeftCol-panel h2.headingTitle{margin-bottom: 26px; line-height: 50px;}
.LeftCol-panel p.paragraphLine{font-size: 18px;}
.LeftCol-panel .btn-border{margin-top: 22px;}

.fx-tradingsection .aboutFlex-row{position: relative; z-index: 1;}
.fx-tradingsection .aboutFlex-row:after{position: absolute; top:0px; left: 0px; height: 100%; width: 100%; content: ''; background-image: url(../images/curve-line-bg.svg); background-repeat: no-repeat;  background-position: top right; z-index: -1; }





.partner-section{padding: 20px 0px 32px;}

.partnerSlider .slick-list{padding: 30px 0px 40px; margin: auto; display: flex; justify-content: center;}
.partnerSlider .slick-list .slick-track{margin: auto; display: flex; width: auto !important;}
.partnerSlider .slick-slide{padding: 0px 10px;}
.partnerFlex{background-color: #F6F6F6; width: 212px; box-shadow: 0px 0px 10px rgba(0, 0, 0, .10); border-radius: 10px; height: 97px; display: flex; align-items: center; justify-content: center;  -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.partnerFlex img{filter: grayscale(1); opacity: 0.6;}
.partnerFlex:hover{ box-shadow: 0px 0px 50px rgba(0, 0, 0, .10);}


.testimonial-section{padding: 86px 0px 10px; position: relative; z-index: 1; min-height: 620px;}
.testimonial-section::after{position: absolute; top:0px; left: 0px; content: ''; height: 690px; width: 100%; background-image: url(../images/testimonial-bg.svg); background-repeat: no-repeat; z-index: -1; opacity: 0.08;}
.testimonialSlider {padding: 0px 80px;}
.testimonialSlider  .slick-slide{padding: 0px 16px;}
.testimonialSlider .slick-list{padding: 20px 0px 40px;}
.testimonialFlex{background-color: #F5F5F5; padding: 34px; border-radius: 20px; box-shadow: 0px 4px 20px rgba(0, 0, 0, .07);}
.testimonialFlex h3{margin: 0px 0px 12px; padding: 0px; display: block; letter-spacing: 1px; color: #000000; font-size: 22px;  font-family:'aktivgrotesk-Medium'; line-height: 25px;}
.testimonialFlex p{margin: 0px 0px 30px; padding: 0px; display: block; letter-spacing: 1px; color: #243143; font-size: 18px; line-height: 24px; font-family:'aktivgrotesk-Light';}
.testimonialBottom{display: flex; align-items: center; gap: 10px; border-top: 1px solid  rgba(112, 112, 112, .10); padding-top: 28px;}
.testimonialBottom .lefttestimonial {flex-grow: 1;}
.testimonialBottom .lefttestimonial {align-items: center; gap: 18px;}
.testimonialBottom .lefttestimonial  figure{overflow: hidden; height: 60px; width: 60px; border-radius: 50%;}
.testimonialBottom .lefttestimonial  figure img{height: 100%; width: 100%; object-fit: cover;}
.testimonialname{width: calc(100% - 60px);}
.testimonialname strong{display: block; font-size: 20px; font-family:'aktivgrotesk-Medium'; color: #243143; letter-spacing: 1px;} 
.testimonialname  span{display: block; letter-spacing: 1px; color: #243143; font-size: 18px; line-height: 24px; font-family:'aktivgrotesk-Light';}

.arrowslider .slick-arrow{height: 47px; width: 47px; top:0px; bottom: 0px; margin: auto; position: absolute; border-radius: 50%; background-color: #F5F5F5; box-shadow: 0px 4px 20px rgba(0, 0, 0, .07); background-size: 7px; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; font-size: 0; border: none; background-position: center; z-index: 4;} 
.arrowslider .slick-arrow.slick-prev {left: 0px; background-image: url(../images/arrow-blue.svg);  transform: rotate(-180deg);    }
.arrowslider .slick-arrow:hover{}
.arrowslider .slick-arrow.slick-next {right: 0px; background-image: url(../images/arrow-blue.svg);  }
.arrowslider .slick-disabled.slick-arrow{
  filter: grayscale(1);
  opacity: 0.6;
  cursor: not-allowed;
}


.blog-section{padding: 70px 0px 100px;  position: relative; z-index: 1;}
.blog-section::before {
  position: absolute;
  top: -31px;
  left: 0px;
  content: '';
  height: 105px;
  width: 100%;
  background-image: url(../images/blogtop-bg-curve.png);
  background-repeat: no-repeat;
  z-index: 1;
  background-position: center;
}
.blog-section::after{position: absolute; top:0px; left: 0px; content: ''; height: 100%; width: 100%; background-image: url(../images/blog-bg.svg); background-repeat: no-repeat; z-index: -1; filter: grayscale(1);}
.blog-section .headingWrapper{display: flex; padding: 0px 90px; padding-bottom: 10px; align-items: center; justify-content: space-between; gap: 10px; position: relative; z-index: 2;}
.blog-section .headingWrapper .headingTitle{flex-grow: 1; margin-bottom: 0;}
.blogSlider {padding: 0px 80px;}
.blogSlider  .slick-slide{padding: 0px 16px;}
.blogSlider .slick-list{padding: 20px 0px;}

.blogFlex{background-color: #F5F5F5; overflow: hidden;  border-radius: 20px; box-shadow: 0px 2px 20px rgba(0, 0, 0, .06);}
.blogFlex figure{position: relative; z-index: 1; overflow: hidden; }
.blogFlex figure img{width: 100%;}
.blogFlex figure::before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.1));
  transform: skewX(-25deg);
  -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  z-index:1;
}
.blogFlex:hover figure::before {
  animation: hoverShine 1s;
}
.blogFlex:hover figure img{    -webkit-transform: scale(1.2);
  transform: scale(1.2);}

@keyframes hoverShine {
to {
  left:125%
}
}
.blogContent{padding: 25px 25px 60px; position: relative;}
.blogAuthor{font-size: 15px; padding-bottom: 12px; color: #243143; letter-spacing: 1px; font-family:'aktivgrotesk-Light';}
.blogAuthor span{color: #0A74DA; font-family:'aktivgrotesk-Medium';}
.blogContent h3{margin: 0px; padding: 0px 0px 15px; color: #243143; font-size: 22px; line-height: 26px; font-family:'aktivgrotesk-Medium'; display: block; letter-spacing: 1px;}
.blogContent h3 a{color: #243143; text-decoration: none;}
.blogContent p{margin: 0px; padding: 0px 0px 14px; color: #243143; display: block; letter-spacing: 1px; font-size: 18px; line-height: 26px; letter-spacing: 1px; font-family:'aktivgrotesk-Light';}
.blogContent .redmoreLink{display: flex; align-items: center; position: absolute; bottom: 25px; left: 25px; text-decoration: none;  font-family:'Gilroy-Bold'; color: #0A74DA; font-size: 18px; line-height: 20px;}
.blogContent .redmoreLink img{margin-left: 4px; max-width: 6px; position: relative; top:1px;}
.blogFlex:hover .blogContent .redmoreLink img{margin-left: 7px;}
.blogFlex:hover h3 a:hover{color: #FF4500;}




.newsletterflex{ background-color: #FF4500; width: 90%; margin: auto; display: flex; gap: 40px;  border-radius: 20px; padding: 40px; position: relative; z-index: 3; margin-top: -55px;}
.newsletterflex .headingWrapper h2.headingTitle{color: #f6f6f9EEE; margin-bottom: 5px;}
.newsletterflex .headingWrapper p{color: #f6f6f9EEE; margin: 0px;}
.newsletterflex  .newsletterForm{flex-grow: 1;}
.newsletterForm .form-control{height: 70px; border-radius: 40px; color: #243143; font-size: 18px; font-family:'aktivgrotesk-Medium'; background-color: #F5F5F5; padding: 20px 170px 20px 40px;}
.newsletterForm .form-control::placeholder{color: #243143; font-size: 18px; font-family:'aktivgrotesk-Light';}
.newsletterForm .form-group{position: relative;}
.newsletterForm .form-group .btn-primary{position: absolute; top:3px; right: 3px; background: #0A74DA; font-size: 18px; width: 155px; height: 64px; border-radius: 40px; display: flex; align-items: center; justify-content: center; color: #fff;}

/*** footer ***/
/*footer{background-color: #132934; position: relative; z-index: 1; }*/
/*footer::before{position: absolute; top:-120px; left: 0px; width: 100%; height:247px; z-index: -1; content: '';  background-image: url(../images/footershape.svg); background-repeat: no-repeat; background-position: center; }*/
/*footer::after{position: absolute; top:-40px; left: 0px; width: 100%; height:100%; z-index: -1; content: '';  background-image: url(../images/footer-bg.svg); background-repeat:repeat-x;     -webkit-animation: mover 1s infinite alternate;*/
/*  animation: mover 1s infinite alternate;  }*/
  @-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
.footerTop{display: flex; padding: 50px 0px 22px; margin-bottom: 35px; gap: 25px; align-items: center; justify-content: space-between; }
.borderLine{background-color: #fff; opacity: 0.3; height: 1px; width: 70%; margin: auto;}
.socialLink{display: flex; align-items: center; gap: 10px;}
.socialLink li a{height: 33px; width: 33px; border: 1px solid transparent;  display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.socialLink li a:hover{background-color: #fff; border: 1px solid #FF4500;}
.socialLink li a img{filter: brightness(0) invert(1);}
.socialLink li a:hover img{filter: brightness(1) invert(0);}
.socialLink li a.twitterIcon{background-color: #fff;}
.socialLink li a.twitterIcon:hover{background-color: #FF4500;}
.socialLink li a.twitterIcon:hover img{filter: brightness(0) invert(1);}
.socialLink li a.twitterIcon img{filter:inherit;}

.footerContent{display: flex; width: 100%; padding-bottom: 12px;}
.footerContent .footerabout{width: 40%;}
.footerContent .footerSpecifications{width: 25%;}
.footerContent .footerTrading{width: 35%;}
.footerabout .footerLink {display: flex; flex-wrap: wrap; margin: 0px -10px;}
.footerabout .footerLink li{width: 33.33%; padding: 0px 10px;}


.footerContent h2{color: #fff; font-size: 20px;      font-family:'Gilroy-Bold'; margin: 0px; padding: 0px 0px 16px;}
.footerLink li{margin-bottom: 12px;}
.footerLink li:last-child{margin: 0;}
.footerLink li { position: relative; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; padding-left: 0px;}
.footerLink li a{color: #B5B5B5; text-decoration: none; font-size: 16px;     line-height: 22px; font-family:'aktivgrotesk-Light';}
.footerLink li a:hover{color: #FF4500;}
.footerLink li:hover { padding-left: 14px;}
.footerLink li:after{width: 0; content: ''; height: 2px; position:absolute; left: 0px; top:12px;  background-color: #FF4500; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; opacity: 0; visibility: hidden; }
.footerLink li:hover:after{width: 8px; visibility: visible; opacity: 1;}

.halfDivide.footerLink{display: flex; flex-wrap: wrap;}
.halfDivide.footerLink li{width: 50%; padding-right: 10px;}
.footerSpecifications .footerLink{display: grid;grid-template-columns: 2fr 2fr; }


.footerBottom{border-top: 1px solid rgba(255, 255, 255, .30); padding-top: 30px; padding-bottom: 30px; margin-top: 20px; display: flex; align-items: center; justify-content: center;}
.footerBottom p{margin: 0px; padding: 0px; font-size: 15px; color: rgba(255, 255, 255, .50); display: flex; gap: 30px; flex-wrap: nowrap;}
.footerBottom p.copyright{display: block;}
.footerBottom p a{color: rgba(255, 255, 255, .50);  position: relative; text-decoration: none; outline: none;}
.footerBottom p a:after{position: absolute; top: 7px; right: -15px; content: ''; width: 1px; background-color: rgba(255, 255, 255, .50); height: 20px; }
.footerBottom p a:last-child:after{display: none;}
.footerBottom p a:hover{color: #4AA6FF;}


@media (min-width:1200px){
  .container-fluid{padding: 0px 35px;}

}

@media (min-width:1520px){
  .container-fluid{padding: 0px 70px;}
  
}



@media (min-width:992px){
  .login-button .btn-primary  img {display: none;}
  #nav-menus{display: none;}
  .flexnav .touch-button{display: none;}
  .fx-bull-Navigation  .flexnav{display: flex;  align-items: center; flex-wrap: wrap; margin: 0px; padding: 0;  max-height: inherit !important;    position: relative;z-index: 9;}
  .fx-bull-Navigation .flexnav li{ position: relative; margin-right: 38px;     float: none; width: auto; background-color: transparent;padding: 1em 0;}
  .fx-bull-Navigation .flexnav li:last-child{margin-right: 0;}
  
  .fx-bull-Navigation .flexnav li.active > a{color: #4AA6FF;}
  .fx-bull-Navigation .flexnav > li:hover > a{     color: #4AA6FF;}
  .fx-bull-Navigation .flexnav > li > a{display: flex; align-items: center;}
  /*.fx-bull-Navigation .flexnav li > a .toggledrop{padding: 0;display: flex;
            margin-left: 5px;
            font-size: 14px;
            width: 24px;
            height: 10px;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }*/
        .fx-bull-Navigation .flexnav li > a .toggledrop {
          padding: 0;
          display: flex;
          margin-left: 0px;
          font-size: 15px;
          width: 14px;
          height: 24px;
          align-items: center;
          justify-content: center;
          line-height: 1;
          position: absolute;
          top: 0px;
          right: -20px;
      }


  
  .fx-bull-Navigation .flexnav li > ul:before {
            content: "";
            width: 0;
            height: 0;
            border-right: 0 solid transparent;
            border-top: 0 solid transparent;
            position: absolute;
            left: 30px;
            border-color: transparent transparent #fff;
            border-left: 20px solid transparent;
            border-bottom: 20px solid #fff;
            top: -17px;
        }
  .fx-bull-Navigation .flexnav li > ul:after {
            border-color: transparent transparent #eaecee;
            border-left: 21px solid transparent;
            border-bottom: 21px solid #eaecee;
            top: -20px;
            z-index: -1;
        }
  .fx-bull-Navigation .flexnav li > ul:after, .fx-bull-Navigation .flexnav li > ul:before {
            content: "";
            width: 0;
            height: 0;
            border-right: 0 solid transparent;
            border-top: 0 solid transparent;
            position: absolute;
            left: 30px;
            -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;
        }
  .fx-bull-Navigation .flexnav li > ul{
        padding: 1em 0;
        background: #fff;
        -webkit-box-shadow: 0 12px 32px 0 rgba(25, 41, 66, .07);
        box-shadow: 0 12px 32px 0 rgba(25, 41, 66, .07);
        width: 23em;
        border-radius: 8px;
        border: .0625em solid #eaecee;
        z-index: 99;
        top: 100%;
        max-height: inherit !important;
  
  
  
    }
  
  .fx-bull-Navigation .flexnav li > ul li{  
       padding: 0 2em;
        margin-right: 0;     
        position: relative; }
  .fx-bull-Navigation .flexnav li > ul li a{padding: 0; display: block ;     font-family:'Gilroy-Medium'; letter-spacing: 0;     padding: .4em 0; font-size: 18px;     color: #0C171F;     font-weight: 500;     position: relative; }
  
  .fx-bull-Navigation .flexnav li > ul li a span{    position: relative;
    display: inline-block;
    font-size: .875em;
    -webkit-transition: .3s ease-in-out;
    transition: all .3s ease-in-out;}
    .fx-bull-Navigation .flexnav li > ul li a:hover span{padding-left: 20px;  color: #4AA6FF;}
    .fx-bull-Navigation .flexnav li > ul li a:hover span:after {opacity: 1;
        width: 10px;     background: #4AA6FF;}
    .fx-bull-Navigation .flexnav li > ul li a span:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 12px;
        display: block;
        opacity: 0;
        width: 0;
        height: 2px;
        background: #5f6168;
        -webkit-transition: .3s ease-in-out;
        transition: all .3s ease-in-out;
    }



  }
  @media (min-width:1600px){
    .fx-bull-Navigation .flexnav li{margin-right: 44px;}
  }

  @media (min-width:1400px) and (max-width:1550px) {
     .headingTitle h2{font-size: 50px; line-height: 65px;}
     .fx-bull-Navigation .flexnav li > a{font-size: 16px;}
     .fx-bull-Navigation .flexnav li{margin-right: 34px;}
     .headerNavigation .headerRight{    gap: 30px;}
     .TopWrapperSection:after{bottom: -90px;}
  }
  @media (min-width:1300px) and (max-width:1399px) {
    .fx-bull-Navigation .flexnav li a, .login-button .btn-secondary{font-size: 15px;}
    .fx-bull-Navigation .flexnav li{margin-right: 30px;}
    .headerNavigation .headerRight{    gap: 20px;}
    .fx-bull-Navigation .flexnav li > a .toggledrop{        height: 22px;
      font-size: 10px;
      right: -16px;}
    .container-fluid {
      padding: 0px 30px;
  }
  .logo img {
    max-width: 130px;
}
.fx-bull-Navigation .flexnav li > ul li a {font-size: 16px;}
.fx-bull-Navigation .flexnav li > ul li a span{font-size: 14px;}
.counterBox strong,.counterBox .plus{font-size: 50px; line-height: 60px;}
.productWrapper .LeftTabproduct{padding-left: 0px; padding-right: 0px;}
.productWrapper{padding-left: 10px;}
.productWrapper .RightTabproduct, .productWrapper .LeftTabproduct {
  width: 50%;
}
.TopWrapperSection:after{bottom: -96px;}
.partner-section{padding-bottom: 10px;}
  }
  @media (min-width:1200px) and (max-width:1299px) {
    .login-button .btn-primary{font-size: 15px;}
    .fx-bull-Navigation .flexnav li{margin-right: 30px;}
    .headerNavigation .headerRight{    gap: 20px;}
    .fx-bull-Navigation .flexnav li a, .login-button .btn-secondary{font-size: 14px;}
    .fx-bull-Navigation .flexnav li > a .toggledrop{        height: 22px;
      font-size: 10px;
      right: -16px;}
    .container-fluid {
      padding: 0px 30px;
  }
  .logo img {
    max-width: 130px;
}
.footerLink li a{font-size: 16px;}
.footerSpecifications .footerLink{margin: 0px -6px;}
.footerSpecifications .footerLink li{padding: 0px 6px;}
.footerSpecifications .footerLink li:hover {
  padding-left: 12px;
}
.halfDivide.footerLink li {
  padding-right: 16px;
}
.fx-bull-Navigation .flexnav li > ul li a {font-size: 16px;}
.fx-bull-Navigation .flexnav li > ul li a span{font-size: 14px;}
.counterBox strong,.counterBox .plus{font-size: 50px; line-height: 60px;}
.productWrapper .LeftTabproduct{padding-left: 0px; padding-right: 0px;}
.productWrapper{padding-left: 10px;}
.productWrapper .RightTabproduct, .productWrapper .LeftTabproduct {
  width: 50%;
}
.TopWrapperSection:after{bottom: -96px;}
.partner-section{padding-bottom: 10px;}

  }



  @media (min-width:992px) and (max-width:1199px) {
.fx-bull-Navigation .flexnav li{margin-right: 22px;}
.fx-bull-Navigation .flexnav li a, .login-button .btn-primary{font-size: 12px;}
.container-fluid {padding: 0px 16px;}
.logo img {max-width: 100px;}
.bannerContent{padding-left: 16px;}
.headerNavigation .headerRight{    gap: 12px;}
.fx-bull-Navigation .flexnav li > a .toggledrop{ right: -16px;height: 18px;font-size: 10px;}
.fx-bull-Navigation .flexnav li > ul li a span{font-size: 15px;}
.headerNavigation:after{height: 102px;}
header.sticky .logo img {max-width: 90px;}
.currencyFlex span{font-size: 16px;}
h2.headingTitle{font-size: 32px;}
.stocksection{padding: 50px 0px;}
p.paragraphLine{font-size: 18px; line-height: 26px;}
.StockBox strong{font-size: 16px;}
.StockBox {padding: 20px;}
.StockBox p{font-size: 15px; line-height: 22px;}
.counterBox .plus,.counterBox strong{font-size: 40px; line-height: 40px;}
.tabsection .nav-pills .nav-link{font-size: 20px;}
.productWrapper h3{font-size: 30px; margin-bottom: 12px;}
.productWrapper p{font-size: 16px; line-height: 26px;}
.counter-section{margin-bottom: 60px;}
.productWrapper .LeftTabproduct{    padding-left:0px;padding-right:0px;}
  .productWrapper .LeftTabproduct,.productWrapper .RightTabproduct{width: 50%;}
  .ourProduct-section{margin-bottom: 16px;}
  .TopWrapperSection{margin-top: 70px;}
  .banner-section,.SliderImage{min-height: 640px;}
.toplink li.signInLink a,.langSelect .status__btn{font-size: 14px;}
.AccountBox h3{font-size: 22px;}
.AccountBox.ProAccount h3{font-size: 26px;}
.AccountBox p{font-size: 16px; line-height: 25px;}
.InfoList span{    font-size: 15px;}
.AccountBox{padding: 20px;}
.AccountBox.ProAccount p{font-size: 16px; line-height: 25px;}
.AccountBox.ProAccount .InfoList span{font-size: 16px; line-height: 25px;}
.AccountSection{padding-bottom: 0px;}
.fx-aboutsection{margin-top: 0px;}
.aboutFlex-row {
  align-items: center;
  padding: 30px 30px;
}
.LeftCol-panel h2.headingTitle {
  margin-bottom: 17px;
  line-height: 30px;
  font-size: 24px;
}
.headlineTop{font-size: 16px; margin-bottom: 8px;}
.LeftCol-panel .btn-border{font-size: 16px;}
.LeftCol-panel p.paragraphLine{font-size: 16px; line-height: 24px; margin-bottom: 0px;}
.aboutFlex-row .LeftCol-panel{padding-right: 22px;}
.fx-aboutsection{margin-bottom: 20px;}
.TopWrapperSection:after{bottom: -110px;}
.partner-section{padding-bottom: 0px;}
.testimonial-section{padding-top: 80px;}
.partnerSlider .slick-list{padding-bottom: 20px;}
.testimonial-section h2.headingTitle{margin-bottom: 5px !important;}
.testimonialFlex h3{font-size: 18px;}
.testimonialFlex p{line-height: 22px; font-size: 16px;}
.testimonialname strong,.testimonialname span{font-size: 16px;}
.Righttestimonial img{max-width: 30px;}
.testimonialFlex{padding: 25px;}
.blogContent h3{font-size: 18px;}
.blogContent p{line-height: 22px; font-size: 16px;}
.blog-section::before{    top: -34px;}
.blog-section{padding-top: 40px; padding-bottom: 120px;}
.newsletterflex{padding: 22px;     margin-top: -86px;}


.footerTop{padding-bottom: 10px; margin-bottom: 10px; padding-top: 16px;}
.footerContent .footerabout{width: 100%;}
.footerContent .footerTrading,.footerContent .footerSpecifications {width: 50%; margin-top: 16px;}
.footerLink li a{font-size: 14px;}
.footerContent {
  flex-wrap: wrap;
}
.footerBottom{margin-top: 10px; padding: 12px 0px;}

  }

@media (max-width:991px){
  .container-fluid{padding: 0px 16px;}
  #nav-menus {
    width: 32px;
    height: 30px;
    margin: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;

}

#nav-menus span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#nav-menus span:first-child {
    top: 0
}

#nav-menus span:nth-child(2),#nav-menus span:nth-child(3) {
    top: 10px
}

#nav-menus span:nth-child(4) {
    top: 20px
}

#nav-menus.open span:first-child {
    top: 10px;
    width: 0%;
    left: 50%
}

#nav-menus.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#nav-menus.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#nav-menus.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}


 header{padding: 0px 0px; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
 header, header.sticky{transform: inherit;}
header.open{background-color: #0C171F;}
nav.mobilenavbar {position: relative; text-align: right; margin-top: 5px;         width: 32px;}
.logo {flex-grow: 1;}.fx-bull-Navigation {order: 3;}
.stop_scroll{overflow: hidden;}
.mobilenavbar .flexnav{background-color: #0C171F; position: fixed; right:-100%; top: 60px; height: calc(100vh - 60px); width: 100%; padding:0;  opacity: 0; visibility: hidden; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; overflow-y: auto; max-height: 100% !important; text-align: left;}
.mobilenavbar.open .flexnav{opacity: 1; visibility: visible; right: 0;}
.fx-bull-Navigation .flexnav li > a {
      padding: 16px 20px;
      font-size: 16px;
      border-top: 1px solid rgba(255, 255, 255, .04);
  }
  .flexnav .touch-button{height: 57px;    width: 57px;        background: rgba(255, 255, 255, .02);}
  .fx-bull-Navigation .flexnav li > a span.toggledrop {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 57px;
    width: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .flexnav .touch-button .navicon{display: none;}
  .flexnav li.singleItem .touch-button{display: none;}
  .fx-bull-Navigation .flexnav li ul{background-color: #fff;}
  .fx-bull-Navigation .flexnav li ul li a{color: #0C171F; border-top: 1px solid rgba(0, 0, 0, .04);}
  .fx-bull-Navigation .flexnav li ul.show{max-height: 400px !important;}


  
  header{padding: 10px 0px;}
  .headerNavigation:after{    top: -14px;}
  .headerNavigation{padding: 0px;}
  header.sticky .headerNavigation{padding: 0px;}
  .bannerContent h1{font-size: 50px; line-height: 60px}
  .bannerContent p{font-size: 16px;}
  .bannerContent .btn-primary{margin-top: 12px;}
  .fx-bull-Navigation .flexnav li a, .login-button .btn-primary{font-size: 12px;}
  .logo img,  header.sticky .logo img {max-width: 70px;}
  .bannerContent{padding-left: 16px;}
  .headerNavigation .headerRight{    gap: 12px;}
  .fx-bull-Navigation .flexnav li > a .toggledrop{ right: -16px;height: 18px;font-size: 10px;}
  .fx-bull-Navigation .flexnav li > ul li a span{font-size: 15px;}
  .headerNavigation:after{height: 102px;}
  .currencyFlex span{font-size: 16px;}
  h2.headingTitle{font-size: 26px; margin-bottom: 5px; line-height: 32px;}
  .stocksection{padding: 30px 0px 0px;}
  p.paragraphLine{font-size: 16px; line-height: 24px;}
  .stocksInfoList{    overflow-x: auto;}
  .stocksInfoList li{width: auto;}
  .StockBox strong{font-size: 16px; padding-bottom: 6px;}
  .StockBox {padding: 20px; width: 300px;}
  .StockBox p{font-size: 15px; line-height: 18px;}
  .counterBox .plus,.counterBox strong{font-size: 30px; line-height: 30px;}
  .counterBox .Counterparagraph{font-size: 16px;}
  .tabsection{margin-top: 16px; display: block;}
  .tabsection .nav-pills{width: 100%;         display: flex;
    flex-wrap: nowrap;
    flex-direction: row !important;         overflow-x: auto;}
  .tabsection .nav-pills .nav-link{font-size: 18px; white-space: nowrap; margin-bottom: 0px;         padding: 8px 20px;}
  .tabsection  .tab-content {
    width: 100%;
}
.productWrapper .RightTabproduct figure{text-align: left;}
  .tabsection .nav-pills .nav-link.active{    border-radius: 5px;}
  .productWrapper h3{font-size: 30px; margin-bottom: 12px;}
  .productWrapper p{font-size: 16px; line-height: 26px;}
  .counter-section{margin-bottom: 40px;}
  .productWrapper .LeftTabproduct{    padding-left:0px;padding-right:0px;}
    .productWrapper .LeftTabproduct,.productWrapper .RightTabproduct{width: 100%;}
    .ourProduct-section{margin-bottom: 16px;}
    .TopWrapperSection{margin-top: 70px;}
    .banner-section,.SliderImage{min-height: 520px;}
  .toplink li.signInLink a,.langSelect .status__btn{font-size: 14px;}

  .accountPlanList {
    max-width: 100%;
    padding-top: 20px;
    overflow-x: auto;
    flex-wrap: nowrap;
    gap: 35px;
}
.accountPlanList li {
  width: auto;
  margin-bottom:16px;
}
.ProAccount .ZoomBox{    transform: scale(1);}
.AccountBox.ProAccount{padding: 30px;}
.AccountBox.ProAccount figure{margin-bottom: 20px;}
.AccountBox.ProAccount .InfoList{padding-top: 12px;}
  .AccountBox h3{font-size: 22px;}
  .AccountBox.ProAccount h3{font-size: 26px;}
  .AccountBox p{font-size: 16px; line-height: 25px; max-width: 100%;}
  .InfoList span{    font-size: 15px;}
  .AccountBox{padding: 30px;     width: 400px;}
  .AccountBox.ProAccount p{font-size: 16px; line-height: 25px;}
  .AccountBox.ProAccount .InfoList span{font-size: 16px; line-height: 25px;}
  .AccountSection{padding-bottom: 30px; min-height: inherit;         background-size: cover;}
  .fx-aboutsection{margin-top: 0px;}
  .aboutFlex-row {
    align-items: center;
    padding: 30px 30px;
    flex-wrap: wrap;
  }
  .LeftCol-panel h2.headingTitle {
    margin-bottom: 17px;
    line-height: 30px;
    font-size: 24px;
  }
  .headlineTop{font-size: 16px; margin-bottom: 8px;}
  .LeftCol-panel .btn-border{font-size: 16px; }
  .LeftCol-panel p.paragraphLine{font-size: 16px; line-height: 24px; margin-bottom: 0px;}
  .aboutFlex-row .LeftCol-panel{padding-right: 0px; width: 100%;}
  .aboutFlex-row .RightCol-panel{width: 100%; text-align: center; padding-top: 30px;}
  .LeftCol-panel .btn-border img{max-width: 6px;}
  .fx-aboutsection{margin-bottom: 20px;}
  .TopWrapperSection:after{bottom: -110px;}
  .partner-section{padding-bottom: 0px;}
  .testimonial-section{padding-top: 80px;     min-height: 550px;}
  .testimonial-section::after{height: 570px;}
  .partnerSlider .slick-list{padding-bottom: 20px;}
  .testimonial-section h2.headingTitle{margin-bottom: 5px !important;}
  .testimonialFlex h3{font-size: 18px;}
  .testimonialFlex p{line-height: 22px; font-size: 16px;}
  .testimonialname strong,.testimonialname span{font-size: 16px;}
  .Righttestimonial img{max-width: 30px;}
  .testimonialFlex{padding: 25px;}
  .blogContent h3{font-size: 18px;}
  .blogContent p{line-height: 22px; font-size: 16px;}
  .blog-section::before{    top: -50px;}
  .blog-section{padding-top: 40px; padding-bottom: 120px;}
  .newsletterflex{padding: 22px;     margin-top: -96px; width: 100%; flex-wrap: wrap; justify-content: center; gap: 20px;}
  .testimonial-section::after{    background-position: center;}
  .blog-section::after{    background-position: center;}
  .footerTop{padding-bottom: 10px; margin-bottom: 10px; padding-top: 22px;}
  .footerContent .footerabout{width: 100%;}
  .footerContent .footerTrading,.footerContent .footerSpecifications {width: 50%; margin-top: 16px;}
  .footerLink li a{font-size: 14px;}
  .footerContent {
    flex-wrap: wrap;
  }
  footer::before{top: -210px;}
  .blog-section .headingWrapper{    padding: 0px 16px;}
  .footerBottom{margin-top: 10px; padding: 12px 0px;}
  


.mobilelinkAction.toplink li.signInLink a{font-size: 0px;}
.mobilelinkAction .langSelect img{display: none;}
.mobilelinkAction.toplink{gap: 20px;}
.login-button .btn-primary {font-size: 0;}
.toplink > li:after{right: -8px;}
.login-button .btn-primary{height: 35px; width: 35px; display: flex; margin-left: 0px; align-items: center; justify-content: center; padding: 7px;}
.login-button .btn-primary img{margin: 0px; margin-right: -6px;}
.toplink li.signInLink a img{margin-right: 0px;}
.langSelect .status__btn{    width: 32px;}
}


@media (max-width:767px){

p {
  font-size: 16px;
  margin: 0px 0px 10px;
  line-height: 27px;
}

.AccountSection{padding-top: 20px;}
.footerLink li a{font-size: 16px;}
.footerContent .footerSpecifications {
  width: 100%;
  margin-top: 30px;
}
.footerContent .footerabout {
  width: 100%;
  margin-top: 30px;
}
.footerContent .footerLeft {
  width: 100%;
}
.footerContent {
  flex-wrap: wrap;
}

.footerTop .footerLogo{display: none;}
.footerTop{    padding: 16px 0px; margin-bottom:0px; order: 2; border-top: 1px solid rgba(255, 255, 255, .30); border-bottom: 0px;}
.footerContent{padding-top: 20px;}
footer .container-fluid{display: flex; flex-direction: column; flex-wrap: wrap;}
.footerBottom{order: 3; margin-top: 0px; display: block; padding: 10px 0px;}

.counterlist{flex-wrap: wrap;         align-items: flex-start;}
.counterlist li:after{height: 100%;}
.counterlist li{width: 50%; border-bottom: 0.5px solid #8A8A8B; padding-bottom: 30px; padding-top: 30px;}
.counterlist li:nth-child(2):after{display: none;}
.counterlist li:last-child{border: none;}
.counterlist li:nth-last-child(2){border: none;}
.counterBox .Counterparagraph {
  font-size: 14px;
  line-height: 18px;
}
.counterBox strong {
  font-size: 32px;
  line-height: 40px;
}
.bannerContent h1{text-align: center; font-size: 30px; line-height: 36px; }
.bannerContent h1 br{display: none;}
.bannerContent p{text-align: center; font-size: 18px; line-height: 22px;}
.bannerContent {
  max-width: 100%;
  padding-top: 22px;
  text-align: center;
  align-items: center;
  padding-left:  12px;
  padding-right: 12px;
}
.bannerContent .btn-primary {
  margin-top: 20px;
  padding: 12px 20px;
}
.banner-section, .SliderImage {
  min-height: 430px;
}
header.sticky #nav-menus span{background-color: #fff;}
header.sticky.open #nav-menus span{background-color: #fff;}
header.sticky .fx-bull-Navigation .flexnav li > a {
  color: #fff;
}
header.sticky .fx-bull-Navigation .flexnav li ul li a {
  color: #0C171F;
}

.paragraph {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 30px;
}
.blog-section::before {
  top: -84px;
}
.blog-section{padding-top: 10px;}
.footerabout .footerLink{    margin: 0px;}
.footerabout .footerLink li{width: 50%; padding: 0px;}
.testimonialSlider,.blogSlider {
  padding: 0px 0px;
}
.footerContent .footerTrading, .footerContent .footerSpecifications {
  width: 100%;
  margin-top: 16px;
}
.testimonial-section::after {
  height: 700px;
}
.borderLine{display: none;}
.footerTop{justify-content: center;}
.btn-border{font-size: 16px; padding: 10px 22px;}
.newsletterForm .form-group .btn-primary{    width: 100%;
 height: 50px;    position: relative;
 top: 0px;
 right: 0px;
 font-size: 16px;
  border-radius: 0px 0px 20px 20px;}
  .newsletterForm .form-control {
    height: 56px;
    border-radius: 20px 20px 0px 0px;
    color: #243143;
    font-size: 16px;
    font-family: 'aktivgrotesk-Medium';
    background-color: #F5F5F5;
    padding: 20px 20px 20px 20px;
}
footer::before {
  top: -240px;
}
.testimonialFlex h3 {
  font-size: 16px;
  line-height: 20px;
}
.newsletterflex .headingWrapper,.newsletterflex .newsletterForm {width: 100%;}
.newsletterflex{ margin-top: -102px;}
.newsletterflex .headingWrapper h2.headingTitle,.newsletterflex .headingWrapper p{text-align: center;}
.newsletterForm .form-control::placeholder{    font-size: 16px;}

.partnerFlex{width: 150px; margin: auto;}

}

@media (max-width:479px){

  .footerSpecifications .footerLink{display: block; margin-bottom: 12px;}
 

}