/** {margin: 0; padding: 0; box-sizing: border-box;}*/
/*body {font-family: Poppins, sans-serif; line-height: 1.2;}*/
/*body p {line-height: 1.2;}*/
/*h1,h2,h3,h4,h5,h6 {margin: 0;}*/
section {display: block; padding: 60px 0;}
.no-pb {padding-bottom:0!important;}
.nrow {display: block; width: 100%; max-width: 1200px; margin: 0 auto;}
.mb60 {margin-bottom:60px;}
.mx30 {margin: 20px 0;}
.nrow.nd-flex {display: flex;}
.col-w40 {width: 45%;}
.col-w60 {width: 55%;}
.col-w100 {width: 100%; display: block;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}

.dview {display:block;} 
.mview {display:none;}

.home-first-fold h1 {font-size: 65px; margin-bottom: 0; font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; line-height:1; margin: 30px 0 20px;}
.home-first-fold h1 span {background: rgb(236,74,53); background: linear-gradient(90deg, rgba(236,74,53,1) 0%, rgba(22,52,111,1) 100%); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;}
.home-first-fold h4 {font-size: 24px; font-weight:600;}
.home-first-fold h5 {font-size: 20px; font-weight:600; padding-top:24px;}
img {width: 100%; height: auto;}
.nrow.flex-v-center {align-items: center;}
.btn-block {padding: 40px 0 20px;}
.btn-block-lg {padding: 60px 0 40px;}
.btn-orange, .btn-orange:hover {background: #ec4a35; padding: 20px 40px; color: #fff; text-decoration:none; font-size: 24px; font-weight: 600; border-radius: 60px;}
.btn-orange.btn-small {font-size: 16px; padding: 20px 60px;}
.txt-blue {color: #033275; }
.txt-blue span {color: #ec4a35;}
.txt-orange {color: #ec4a35;}
.text-right {text-align:right;}
.gray {color: #595959;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs28 {font-size: 28px;}
.fs36 {font-size: 36px;}
.fs48 {font-size: 48px;}
.circle-graph ul {display:flex; justify-content: space-between;}
.circle-graph li {width: 35%; text-align: left; list-style:none;}
.bg-gray {background: #f7f7f7;}
.text-center {text-align: center;}
.fold-two h2 {font-size: 36px; font-weight:700; margin-bottom: 20px;}
.fold-two h2 span {color: #ec4a35; display: block;}
.fold-two h5 {font-weight:600;}
.home-first-fold .nrow {display: flex;}
.bg-blue {background: #16346f;}
.bg-blue h3 {color: #fff;}

/* Homepage - Third Fold */
.txt-light {color: #fff;}

.col-three {width: 30%;}
.col-forty {width: 40%;}
.fold-four .col-three p {font-size:20px;}
.ncoin-fea {position:relative; padding:0 30px; height:230px;}
.ncoin-fea:before {position:absolute; content:''; width:40px; height:2px; background:#b8b8b8; left:30px; top:-10px;}
.ncoin-fea.right:before {left:auto; right:30px;}

.navia-products-link {list-style: none; display: flex; text-decoration: none; padding:20px 0 40px;}
.navia-products-link li {border: solid 1px #ccc; padding: 10px 15px 10px 40px; border-radius: 8px; margin-right: 10px; position: relative;}
.navia-products-link li::before {content: ''; position: absolute; background: url('../png/equity-icon.png') no-repeat; background-size: cover; width: 30px; height: 30px; left: 5px; top: 5px;}
.navia-products-link li:hover::before {content: ''; position: absolute; background: url('../png/equity-icon-1.png') no-repeat; background-size: cover; width: 30px; height: 30px; left: 5px; top: 5px;}
.navia-products-link li a {text-decoration: none; color: #7f8ca0; font-size: 14px; font-weight: 600;}
.navia-products-link li:hover a {color: #000;}

.tech-features {display: flex; flex-wrap: wrap; margin: 30px 0;}
.tech-features li {width: 33%; border-bottom: solid 1px #e1e1e1; border-right:solid 1px #e1e1e1; flex-wrap: wrap; list-style: none; padding: 30px;}
.tech-features li:nth-child(1), .tech-features li:nth-child(4), .tech-features li:nth-child(7) {padding-left: 0;}
.tech-features li:nth-child(3), .tech-features li:nth-child(6), .tech-features li:nth-child(9) {border-right:none;}
.tech-features li:nth-child(7), .tech-features li:nth-child(8), .tech-features li:nth-child(9) {border-bottom:none;}
.tech-features li img, .brocker-timeline li img {width: 60px; height: 60px; margin-bottom: 10px;}
.tech-features li img, .tech-features li p {display: block;}


.compare-brokers, .compares .numbers {display: flex; justify-content: space-around;}
.compares {width: 50%; background: #fff; margin: 0 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: solid 6px #ec4a35; padding: 30px;}
.compares h3 {font-size: 28px; color: #16346f; margin: 10px 0 30px;}
.compares .numbers {font-size: 20px; color: #686868;}
.brokerage {font-size: 50px; color: #ec4a35; font-weight: 700; line-height: 1;}
.brokerage span {font-size: 20px; color: #686868; display: block; margin: 15px 0;}
.brokerage span.gray {line-height: 1;}
.plus {font-size: 50px; color: #16346f; font-weight: 700; line-height: 1;}

.brocker-timeline {list-style: none; margin: 60px auto; position: relative; max-width: 800px;}
.brocker-timeline::before {position: absolute; width: 2px; height: 100%; content: ''; background: #e7e2e1; left: 50%;}
.brocker-timeline li {padding: 0 40px; margin-left: 50%; position: relative; width: 380px;}
.brocker-timeline li::before {width: 15px; height: 15px; border-radius: 50%; background: #ec4a35; position: absolute; content: ''; left: -6px; top: 78px;}
.brocker-timeline li::after {width: 25px; height: 25px; border-radius: 50%; border:solid 2px #ec4a35; position: absolute; content: ''; left: -11px; top: 73px;}
.brocker-timeline li:nth-child(even) {margin-left: auto; text-align: right; margin-right: calc(50% - 8px);}
.brocker-timeline li:nth-child(even)::before {left:auto; right: 0;}
.brocker-timeline li:nth-child(even)::after {left:auto; right: -5px;}
.brocker-timeline li:last-child {padding-bottom: 30px;}
.brocker-timeline li p {font-size:18px; font-weight: 500;}
.owl-carousel.owl-drag .owl-item {background: #fff;}
.client-testimonials {padding: 80px 0 50px; text-align: center; color: #8b8b8b;}
.client-testimonials img {width: 90px!important; height: 90px!important;}
.client-testimonials h4 {color: #3f4d8d; font-size: 24px; font-weight: 700;}
.client-testimonials h6 {color: #8b8b8b; margin-bottom: 30px; font-weight: 600; font-size: 18px;}
.client-testimonials p {color: #8b8b8b;}
.txt-client-testimonials {position: relative;}
.txt-client-testimonials::before {position: absolute; content: 'Client testimonials'; font-size: 140px;
    text-align: center;
    left: 50%;
    top: 100px;
    transform: translate(-50%, -50%);
    font-weight: 700;
    color: #2b4981;
    width: 1400px;}
.txt-client-testimonials .owl-carousel .owl-stage {display: flex;}
.txt-client-testimonials .item {box-sizing: border-box; padding: 30px;}
.txt-client-testimonials .owl-carousel .owl-item img {display: inline-block; margin-bottom: 30px;}

.footer-menus {display:flex; justify-content: space-between; padding-top: 50px; border-top: solid 1px #fff;}

.nfaqs .accordion {background:#fff!important;}
.nfaqs .accordion:after {display:none;}
.accordion .accordion-item {
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
    border-radius: 15px;
    padding: 10px 40px;
    text-align: left;
  }
  
  .accordion .accordion-item button[aria-expanded='true'] {
    border-bottom: 1px solid #ebebeb;
  }
  
  .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: #292929;
    font-size:22px;
    font-weight: 600;
    border: none;
    background: none;
    outline: none;
  }
  
  .accordion button:hover,
  .accordion button:focus {
    cursor: pointer;
    color: #ec4a35;
  }
  
  .accordion button:hover::after,
  .accordion button:focus::after {
    cursor: pointer;
    color: #ec4a35;
    border: 1px solid #ec4a35;
  }
  
  .accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
  }
  
  .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    border-radius: 22px;
  }
  
  .accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
  }
  .accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
  }
  .accordion button[aria-expanded='true'] {
    color: #ec4a35;
  }
  .accordion button[aria-expanded='true'] .icon::after {
    width: 0;
  }
  .accordion button[aria-expanded='true'] + .accordion-content {
    opacity: 1;
    max-height: 9em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content p {
    font-size: 20px;
    font-weight: 300;
    margin: 20px 0;
  }
  
  
  @media screen and (max-width: 600px) {
      .col-w40, .col-w60 {width: 100%; display: block;}
      .home-first-fold .nrow {flex-direction:column; text-align: center;}
      .home-first-fold h1 {font-size:36px;}
  .compare-brokers {flex-direction:column;}
  .dview {display:none;}
  .mview {display:block;}
}