@font-face {
  font-family: 'amazon';
  src: url(../fonts/amazon-ember-display.otf);
}

@font-face {
  font-family: 'amazon-heavy';
  src: url(../fonts/amazon-ember-heavy.otf);
  }
  
  @font-face {
  font-family: 'amazon-bold';
  src: url(../fonts/amazon-ember-bold.ttf);
  }
@font-face {
  font-family: 'amazon-medium';
  src: url(../fonts/amazon-ember-medium.ttf);
}
@font-face {
  font-family: 'amazon-light';
  src: url(../fonts/amazon-ember-light.ttf);
  }  

body, p, li { font-family: 'amazon-light'; font-weight:800; color: #303c4a; }
a {  color: #f26222; text-decoration: none; font-weight:800; }
a:hover { color: #f26222; text-decoration: none;}
h1, h2, h3 { font-family: 'amazon-heavy';}
h4, h5, h6 { font-family: 'amazon-bold';}
p { margin-top: 0; margin-bottom: 1rem;  font-size: 18px;}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #213b52;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover { background: #0faaa1;  color: #fff;}
.back-to-top.active { visibility: visible; opacity: 1;}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }

}
@media only screen and (max-width: 600px) {
.accelerate-heading { padding: 0px 30px; font-weight: bold;}
}





/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/
.faq-bg {  background: #f3f5f7;}
div#accordionExample {  background: #f3f5f7;}
.accordion-item {background:none }
button.accordion-button { background: #f3f5f7;}
.accordion-button::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
      transform: scale(1) !important;
    }
    .accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    }

.accordion-button:not(.collapsed) { color: #303c4a; background-color:none!important; box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);}
.accordion-button:not(.collapsed) { box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);}
.accordion-body { border-radius: 10px;}
.accordion-item { border: 0px solid rgba(0,0,0,.125);} #accordionExample .accordion-button:not(.collapsed), #faq .accordion-button:not(.collapsed), button.accordion-button {background-color:rgba(0,0,0,0)!important;} 


 .amazon-accordian .accordion-body{border:1px solid #23303f;  border-radius:10px;  } .amazon-accordian .accordion-button:not(.collapsed){box-shadow:none} .amazon-accordian .accordion-button{font-family: 'amazon-medium';} .amazon-accordian .accordion-body ul li{ padding-top:4px; padding-bottom:20px; padding-left:40px} .amazon-accordian .accordion-body ul li{position:relative} .amazon-accordian .accordion-body ul li::before{content:'\f26e'; width:28px; height:28px; background:#f26222; border-radius:50%; position:absolute;  left:0px; top:0px; font-family: bootstrap-icons !important; color:#fff; text-align:center; font-size:20px } .howdoes-sec{background:#24303f} .faq-accordian .accordion-header span{color:#00a59c; margin-right:20px;  } .faq-accordian .accordion-header{font-family: 'amazon-bold'; border-bottom:1px solid #d1d3d6;  padding-bottom: 25px; padding-top: 25px; } #features .accordion-button::after{ transform: scale(.7) !important;} .accordion-button:not(.collapsed){box-shadow:none!important} .smartCommerce p{color:#fff} .together-card-body h3{font-family: 'amazon-bold'; } .accelerate{background:url(../images/amazon-app-bg.png) no-repeat center right} .accelerate-app{position:relative} .explore-smartecommerce p{color:#24303f} .smartCommerce .presenting-smartecommerce .btn:hover{color:#f26222} .footer-content{border-bottom:1px solid #dddddd} .footer-legal a{color:#848585; display:inline;  padding:20px} .copyright{color:#848585; font-size:14px} .footer-legal a:hover, .together-card a:hover, .faq-accordian .accordion-header .accordion-button:hover, .amazon-accordian .accordion-button:hover, .menu-right ul li:last-child a:hover, .menu-right-mob a:hover{color:#f26222} .footer-content img{width:200px} .together-card a{color:#24303f} .menu-right ul li a:hover{color:#01a59c} .menu-right ul li:last-child a:hover, .menu-right-mob a:hover{background:none} .menu-right ul li:last-child a, .menu-right-mob a{border:1px solid #f26222} .howdoes-sec h2, .white-text p{color:#fff;} .step-icon{opacity:0;width: 60px;height: 60px;  padding:10px; border-radius:50%;  background:#fff;  margin:0px auto; margin-bottom:20px} .step-tab h6{font-size:20px; } .step-tab p{font-weight:300} #blog-inn table {
 border-collapse: collapse; margin-bottom:30px } #blog-inn td { padding: 20px;    border: 1px solid #23303f;   text-align: left;} .blog-inner h2, .blog-inner h1, .blog-inner h3, .blog-inner h4, .blog-inner h5, .blog-inner img{padding-bottom:15px; padding-top:5px} .blog-inner h2, .blog-inner h3, .blog-inner h4, .blog-inner h5{ font-family: 'amazon-heavy';} .blog-inner table{margin-top:10px} .blog-inner table th{background:#23303f; color:#fff!important;  padding-top:10px; padding-bottom:10px} .blog-inner table stong{font-family: 'amazon-heavy';} .blog-inner .amazon-cta {margin-top:10px;  float: left;} .blog-inner img{width:100%} p.note{background:#c9ebe9;  padding:30px} .blog-inner table th{text-align:left;  padding-left:20px} #blog-inn td,  #blog-inn th{width:auto}








@media (max-width: 767px)  {
  .pt120{padding-top:80px} .pt100{padding-top:60px} .pt80{padding-top:50px} .pt60{padding-top:50px} .pt40{padding-top:40px} .pt20{padding-top:20px} .pb120{padding-bottom:80px} .pb100{padding-bottom:60px} .pb80{padding-bottom:50px} .pb60{padding-bottom:50px} .pb40{padding-bottom:40px} .pb20{padding-bottom:20px} 
  
  .menu-right{display:none} .app-box{padding-top:40px} .intro-mobile.content p{font-size:30px} .intro-offer h3{font-size:20px} .amazon-accordian .accordion-button{padding-left:20px} .amazon-accordian .accordion-body{ padding:50px 30px} .faq-accordian .accordion-header .accordion-button{font-size:19px;  padding-left:0px;  padding-bottom:0px} .together-card-body h3{ font-size:20px} #faq .section-header h2, .accelerate-heading, h2.together-text, .howdoes-sec h2  {font-size:34px} .intro-circle, .fwola, .accelerate-app, section.accelerate{margin-bottom:60px} #hero h2, #hero h3{text-align:center} #hero h2::after, .howdoes-sec h2::after{left:50%; transform:translateX(-50%)} .together-card{width:100%!important;} .together-button-ly { padding:5px; } .accelerate-heading { padding: 0px 0px;} section.accelerate { padding:10px;} section.accelerate{margin-top:60px } section.together-bg{ padding: 60px 20px;} .intro-offer, .explore-smartecommerce { padding: 60px 40px;} .small-cta:hover, .amazon-cta:hover, .small-cta.cta-black, .small-cta, .inoffer{ text-align:center} .tbanner-copy {padding-bottom: 80px!important;}  .no-flex{display: inline-block!important; padding:0px}  .img-intro { max-width: 100%;} .together-button, .together-button a{width:100%} #sync2{display:none} .tesp-cloum{padding:20px} #sync1 .owl-nav{display:none}.hwpt3{padding-top: 1rem!important;} .hide-mob{display:none} #hero h2.banner-text{padding-bottom: 0px;} .footer-content img{margin-bottom:20px} .footer-content.pb-5{text-align:center}  
   
  
  
}

 @media (max-width:900px)  {
  #hero h2::after{left:50%; transform:translateX(-50%)} .fwola::before{display:none} .mobile-nav-toggle{left:220px;}
 }
@media (max-width: 700px)  {
  .howdoes-sec h2::after{left:50%; transform:translateX(-50%)} .fwola::before{display:none} .mobile-nav-toggle{left: 200px;}
 }
 @media (max-width: 800px)  {
  .intro-c{ margin-bottom:40px} 
  
}
@media (min-width: 768px){
  .pt120{padding-top:100px} .pt100{padding-top:80px} .pt80{padding-top:60px} .pt60{padding-top:50px} .pt40{padding-top:40px} .pb120{padding-bottom:100px} .pb100{padding-bottom:80px} .pb80{padding-bottom:60px} .pb60{padding-bottom:50px} .pb40{padding-bottom:40px} 
  .app-box{padding-top:60px} .app-box a{ margin-right:40px} .intro-offer {margin-top:70px; margin-bottom:70px} .intro-c{/* margin-top:-150px; *//*margin-bottom:-160px; bottom: -30px; */} .intro-mobile.content p{font-size:40px} .intro-offer h3{font-size: 30px;} .amazon-accordian .accordion-button{padding-left:40px} .amazon-accordian .accordion-body { padding:40px} .faq-accordian .accordion-body{ padding:40px 40px 0px 40px} .faq-accordian .accordion-header .accordion-button{font-size:22px; padding-left:0px;  padding-bottom:0px} .together-card-body h3{ font-size:20px} #faq .section-header h2, .accelerate-heading, h2.together-text, .howdoes-sec h2  {font-size:44px}  .together-button-ly {padding:20px;} section.together-bg { padding: 80px 0px;} .intro-offer {padding: 40px 60px;}  .howdoes-sec h2::after{left:50%;}  .menu-right-mob{display:none} .img-intro { max-width: 60%;} .step-mobile{display:none}
  
  
  
}


@media (min-width: 1000px){
  #hero h2::after{left:0px;}
} 
  @media (min-width: 1024px){
  .pt120{padding-top:120px} .pt100{padding-top:100px} .pt80{padding-top:80px} .pt60{padding-top:60px} .pt40{padding-top:40px} .pb120{padding-bottom:120px} .pb100{padding-bottom:100px} .pb80{padding-bottom:80px} .pb60{padding-bottom:60px} .pb40{padding-bottom:40px}
  
  .app-box{padding-top:50px} .app-box a:first-child{position:relative; } .app-box a:first-child::after{content:''; width:2px; height:46px;  background:#fff; position: absolute;
    right: -20px; transform: rotateZ(30deg);  } #about h5{padding-right:30%} .intro-mobile.content p{font-size:40px} .intro-c img{width:100%; max-width: 100%;} .why-icon{ padding-left:20px;  padding-right:20px} .amazon-accordian .accordion-button{padding-left:40px} .amazon-accordian .accordion-body{ padding:40px 40px 50px 40px}   #faq .section-header h2, .accelerate-heading, h2.together-text, .howdoes-sec h2  {font-size:54px} .faq-accordian .accordion-header .accordion-button{font-size:24px; padding-left:0px;  padding-bottom:0px} .together-card-body h3{ font-size:22px} .accelerate a.small-cta{ margin-right:30px} .accelerate-app .app-box{position:absolute;  right:-80px;  bottom:40px}  
  
  
  
}

@media (min-width: 1366px){
  .app-box{padding-top:30px} .intro-mobile.content p{font-size: 45px;}
  
  
  
}
.faq-know-more {
    padding: 10px 0px;
} #bannerCarousel{overscroll-behavior: auto; overscroll-behavior: contain;}



.orange {
    color: #f2682a;
}
.contact.plr40 {
    padding: 50px 0px;
}