/* ecoupon icons */
.ICON {
  position: absolute;
  left: 17%;
}
@media (max-width: 600px) {
  .ICON {
    left: 10%;
  }
}

html {
  scroll-behavior: smooth;
}

/********************************************************************************************************
 ********************************************************************************************************
 * A&A Limited and Global payments logo 
 * 
 *
 */
.headerdiv {
  height: 32px;
  overflow: auto;
  width: 100%;
}

@media (max-width: 435px) {
  .headerdiv {
    height: 23px;
  }
}

.aalimited {
  float: left;
  width: 276px;
  height: 100%;
  object-fit: contain;
  margin-left: -55px;
  padding-bottom: 4px;
}

.supported-by {
  width: 84px;
  height: 19px;
  font-family: SourceHanSansTW;
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #9f9f9f;
  padding-top: 2px;
}

@media (max-width: 450px) {
  .supported-by {
    visibility: hidden;
  }
}

.globalpayments {
  width: 144px;
  height: 22px;
  object-fit: contain;
  float: right;
  padding-top: 4px;
  padding-bottom: 2px;
  margin-left: -30px;
}

/* Blue people background
 * 
 *
 */
.bluepeoplebackground {
  background-image: url("images/group-39@3x.jpg");
  overflow: auto;
  padding: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 0px;
  padding-right: 0px;
}

.mainheader {
  padding-top: 30px;
  color: white;
  text-align: center;
  font-family: SourceSansPro;
  font-family: sans-serif;
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.mainheaderquestion {
  padding-top: 50px;
  padding-bottom: 50px;
  color: white;
  text-align: center;
  font-family: SourceSansPro;
  font-family: sans-serif;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

/* Specialty Row */
.specialtyrow {
  overflow: auto;
}

/* Specialty Div */
.specialtydiv {
  text-align: center;
  height: 190px;
}

@media (max-width: 769px) {
  .mainheader {
    font-size: 30px;
  }

  .mainheaderquestion {
    font-size: 15px;
  }

  .specialtydiv {
    height: 120px;
  }
  .specialtytext {
    font-size: 10px;
    padding-top: 1px;
  }
}

/* Specialty Text */
.specialtytext {
  padding-top: 5px;
  color: white;
}

/* Request demo div */
.requestdemorow {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 70px;
}

.requestdemorow a {
  padding: 14px 59px;
  background-color: #613887;
  border-radius: 5px;
}

.requestdemorow span {
  color: white;
}

/********************************************************************************************************
 ********************************************************************************************************
 * Memership and Referral Programs 
 *
 *
 */
.mandrtitle {
  padding-top: 37px;
  padding-bottom: 30px;
  text-align: center;
  color: #4273af;
  font-family: SourceHanSansTW;
  font-size: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  font-family: sans-serif;
  /* -webkit-background-clip: text;
    background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
}

.mandr {
  text-align: center;
  margin: auto;
  padding: 20px 0;
  position: relative;
}

.secondarytitleandtext {
  text-align: left;
  padding: 0 10%;
}

.mandrsecondarytitle {
  padding-left: 15%;
  font-family: SourceHansSansTW;
  font-family: sans-serif;
  font-size: 26px;
}

.mandrtext {
  padding-left: 15%;
}

.icon {
  /* height: "20"; */
  position: absolute;
  top: 25px;
  left: 13%;
}

@media (max-width: 600px) {
  .icon {
    left: 7%;
  }
}

.mandrimagediv {
  text-align: center;
}

@media (max-width: 556px) {
  .mandrimagediv {
    height: 430px;
  }
}

.mandrimage {
  height: 100%;
}

/********************************************************************************************************
 ********************************************************************************************************
 *eCoupons
 *
 *
 */
.col-lg-12.col-md-12.col-sm-12.ecoupons {
  padding-right: 0px;
}

.ecouponsimagediv {
  height: 600px;
  background-image: linear-gradient(230deg, #147d76, #147d76, #1e64a8);
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}
@media (max-width: 1160px) {
  .ecouponsimagediv {
    height: 380px;
  }
}

.ecouponsimage {
  height: 100%;
  /* width: 100%; */
  /* width: 90%; */
  /* position: absolute;
     margin-top: -40px;
     margin-left: -240px; */
}

.ecouponsdidyouknow {
  margin-left: -60px;
}

.ecouponscoupon {
  margin-left: -65px;
  /* margin-right: 20px; */
}

@media (max-width: 380px){
  .ecouponphonedisappear{
    display: none;
  }
}


/* @media (min-width: 1280px){
    .ecouponsdidyouknow{
        margin-right: 30px;
    }
}

@media (min-width: 1600px){
    .ecouponsdidyouknow{
        margin-right: 35px;
    }
} */

.fa.fa-question-circl-o {
  padding-right: 5%;
}

@media (min-width: 400px) and (max-width: 429px) {
  .questionicon {
    top: 260px;
  }
}

@media (min-width: 879px) and (max-width: 1251) {
  .questionicon {
    top: 250px;
  }
}

@media (min-width: 430px) and (max-width: 1247px) {
  .questionicon {
    top: 194px;
  }
}

@media (min-width: 1783px) {
  .questionicon {
    top: 148px;
  }
}

.mandrsecondarytitle.question {
  font-size: 20px;
  padding-top: 20px;
}

/******************************************************************************************************** 
  ******************************************************************************************************** 
  * Word of mouth marketing
  *
  *
  */
.col-lg-12.col-md-12.col-sm-12.womdiv {
  background-image: url("images/group-40.png");
  overflow: auto;
  background-repeat: no-repeat;
  background-size: cover;
  /* height: 1500px; */
}

.womcontent {
  height: 200px;
}

.womimagediv {
  text-align: center;
  padding-top: 1%;
  padding-bottom: 1%;
  height: 600px;
}

.womimage {
  height: 100%;
}

@media (min-width: 1130px) {
  .womcontent {
    height: 100px;
  }
}

.womicon {
  position: absolute;
  top: 5px;
  left: 8%;
}

@media (max-width: 600px) {
  .womicon {
    left: 4%;
  }
}

@media (max-width: 540px) {
  .womimagediv {
    height: 400px;
  }
}

@media (max-width: 990px) {
  .womimagediv {
    padding-top: 25px;
  }
}

/* *******************************************************************************************************
 *********************************************************************************************************
 * Smart recommendation and recognition
 *
 *
 */
.srrdiv {
  background-image: url("images/group-41.png");
  overflow: auto;
  background-repeat: no-repeat;
  background-size: cover;
  /* height: 1500px; */
}

.srrimagediv {
  text-align: center;
}

@media (min-width: 574px) and (max-width: 991px) {
  .srrimagediv {
    padding-left: 30%;
  }
}

.srrimage {
  height: 100%;
}

@media (max-width: 991px) {
  .srrimagediv {
    height: 300px;
  }
}

.srricon {
  position: absolute;
  top: 8px;
  left: 11%;
}

.srrpicicon {
  position: absolute;
  top: 137px;
  left: 11%;
}

.virtualfitting {
  margin-left: -42px;
}

.virtualfittingnbsp {
  font-size: 15px;
}

@media (min-width: 200px) and (max-width: 460px) {
  .srrpicicon {
    position: absolute;
    top: 203px;
    left: 11%;
  }
}

@media (min-width: 461px) and (max-width: 574px) {
  .srrpicicon {
    position: absolute;
    top: 156px;
    left: 11%;
  }
}

@media (min-width: 575px) and (max-width: 8344px) {
  .srrpicicon {
    position: absolute;
    top: 200px;
    left: 11%;
  }
}

@media (min-width: 991px) and (max-width: 1630px) {
  .srrpicicon {
    position: absolute;
    top: 156px;
    left: 11%;
  }
}

@media (min-width: 1631px) and (max-width: 2000px) {
  .srrpicicon {
    position: absolute;
    top: 107px;
    left: 11%;
  }
}

.pr {
  padding-top: 5%;
}

.personalrecommendation {
  margin-left: -54px;
}

@media (max-width: 994px) {
  .prtext {
    font-size: 18px;
  }
  .vrtext {
    font-size: 18px;
  }
  .itext {
    font-size: 18px;
  }
}

@media (max-width: 670px) {
  .srricon {
    left: 6%;
  }
  .srrpicicon {
    left: 6%;
  }
}

.furniturediv {
  height: 400px;
}

@media (max-width: 609px) {
  .furniturediv {
    height: 250px;
  }
}

.furnitureimage {
  height: 100%;
}

/*********************************************************************************************************
 *********************************************************************************************************
 * AI Chatbot
 *
 *
 */
.aipurplediv {
  background-image: linear-gradient(to bottom, #5a3392, #213b9c);
  padding: 30px;
  text-align: center;
}

.aipurpleimagediv {
  height: 400px;
}

.aipurpleimage {
  height: 100%;
}

@media (max-width: 1555px) {
  .aipurpleimagediv {
    height: 200px;
  }
}

.aiicon {
  position: absolute;
  top: 5px;
  left: 9%;
}

.aiicontwo {
  position: absolute;
  top: 160px;
  left: 9%;
}

@media (min-width: 580px) and (max-width: 1330px) {
  aiicontwo {
    top: 150px;
  }
}

@media (max-width: 991px) {
  .secondaipurpleimage {
    margin-top: 25px;
  }
}

@media (max-width: 700px) {
  .aiicon {
    left: 4%;
  }
  .aiiicontwo {
    left: 4%;
  }
}

.aididyouknowdiv {
  margin-left: -43px;
}

.aididyouknow {
  margin-left: -1o0px;
  margin-right: 6%;
}

@media (min-width: 950px) {
  .aididyouknow {
    margin-right: 20px;
  }
}

/*********************************************************************************************************
 *********************************************************************************************************
 * One-click checkout
 *
 *
 */
.ocoimagediv {
  height: 500px;
  text-align: center;
}

@media (max-width: 1400px) {
  .ocoimagediv {
    height: 400px;
  }
}

@media (max-width: 1048px) {
  .ocoimagediv {
    height: 350px;
  }
}

/* @media (max-width: 800px) {
     .ocoimagediv {
         height: 250px;
     }
} */

@media (max-width: 750px) {
  .ocoimagediv {
    height: 230px;
  }
}

@media (max-width: 600px) {
  .ocoimagediv {
    height: 210px;
  }
}

.ocoimage {
  height: 100%;
  /* width: 100%; */
}

/* @media (max-width: 1183px){
     .ocoimage {
         width: 100%;
     }
 } */

.ocicon {
  position: absolute;
  top: 4px;
  left: 8%;
}
@media (max-width: 650px) {
  .ocicon {
    left: 4%;
  }
}

/*********************************************************************************************************
 *********************************************************************************************************
 * Request a demo
 *
 *
 */
.radcontentdiv {
  background-color: #f5f5f5;
  max-width: 100%;
  text-align: center;
}

.radformdiv {
  text-align: center;
  background-color: #f5f5f5;
  max-width: 100%;
}

.radtitle {
  color: #613887;
  text-align: center;
  padding-top: 50px;
}

.radtext {
  color: #613887;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 18px;
}

.formdiv {
  padding-left: 0px;
  padding-right: 0px;
}

.form {
  padding-left: 15%;
  padding-right: 15%;
  background-color: #f5f5f5;
}

.radbutton {
  margin-bottom: 5%;
  background-color: #472aa8;
  color: white;
  border-radius: 5px;
  padding: 10px 50px;
}

/*********************************************************************************************************
 *********************************************************************************************************
 * About A&A Limited
 *
 *
 */
.aboutaa {
  background-image: url("images/group-38@2x.png");
  /* background-image: url("images/group-40.png"); */
  /* max-width: 100%; */
  /* height: 375px; */
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: auto;
}

.aboutaatitle {
  font-family: SourceSansPro;
  font-family: sans-serif;
  font-size: 42px;
  font-weight: 450;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  padding-top: 5%;
}

.aboutaa {
  text-align: center;
  /* padding-bottom: 30px; */
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  font-family: SourceSansPro;
  font-family: sans-serif;
  font-size: 17px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

@media only screen and (min-width: 1366px) {
  .aboutaa {
    height: 375px;
  }
}

@media only screen and (max-width: 1016px) {
  .aboutaa {
    background-image: url("images/group-38@3x.png");
  }
}

@media only screen and (max-width: 1010px) {
  .aboutaa {
    font-size: 12px;
  }

  .aboutaatitle {
    font-size: 20px;
    padding-top: 1%;
  }
}

@media only screen and (max-width: 664px) {
  .aboutaa {
    padding-top: 7%;
    background-color: rgba(16, 119, 131, 0.71);
    background-image: none;
  }
}
/*
 *
 */

/********************************************************************************************************
  ********************************************************************************************************
  * Links Section
  *
  *
  */
.linksdiv {
  background-color: #e1eaf2;
  padding-top: 30px;
  padding-bottom: 70px;
  /* text-align: left; */
  /* padding-left: 50%; */
  /* height: 120px; */
}

.aalimitedlinkslogodiv {
  width: 165px;
  height: 35px;
  object-fit: contain;
  text-align: center;
  padding-left: 20%;
}

.globalpaymentslinkslogodiv {
  width: 132.3px;
  height: 20.3px;
  object-fit: contain;
  text-align: center;
  padding-left: 20%;
  margin-top: 18px;
  margin-bottom: 6x;
}

.linkslogo {
  height: 100%;
}

.companyinfo {
  text-align: left;
  padding-left: 10%;
}

@media (min-width: 800px) {
  .companyinfaa {
    padding-left: 0px;
  }
}

.links {
  padding-left: 12%;
  padding-top: 10px;
}

@media only screen and (min-width: 992px) {
  .linksdiv {
    height: 236px;
  }
}

@media (max-width: 992px) {
  .companyinfo.aa {
    padding-top: 14%;
  }
}

@media (max-width: 632px) {
  .companyinfo {
    padding-left: 0px;
  }
}

/*******************************************************************************************************
 */

body {
  height: 100%;
  width: 100%;
  margin: 0px;
}

.peoplebackground {
  /* background-image: {{ asset('images/path-3.png') }}; */
  /* <link href=" {{ asset('css/styles.css') }} " rel="stylesheet"> */
  background-image: url("images/rectangle-copy-6.png");
  background-size: cover;
  /* background-color: blue; */
  overflow: auto;
}

* {
  box-sizing: border-box;
}
h1 {
  margin-bottom: 15px;
}

/* Simple Responsive Framework. */
.row {
  width: 100%;
}
/********** Large devices only **********/
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
    /* Comment this out to remove the green lines */
    /* border: 1px solid green; */
  }
  .col-lg-1 {
    width: 8.33%;
  }
  .col-lg-2 {
    width: 16.66%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33%;
  }
  .col-lg-5 {
    width: 41.66%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33%;
  }
  .col-lg-8 {
    width: 66.66%;
  }
  .col-lg-9 {
    width: 74.99%;
  }
  .col-lg-10 {
    width: 83.33%;
  }
  .col-lg-11 {
    width: 91.66%;
  }
  .col-lg-12 {
    width: 100%;
  }
}
/********** Medium devices only **********/
@media (min-width: 992px) and (max-width: 1199px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
    /* Comment this out to remove the green lines */
    /* border: 1px solid green; */
  }
  .col-md-1 {
    width: 8.33%;
  }
  .col-md-2 {
    width: 16.66%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33%;
  }
  .col-md-5 {
    width: 41.66%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33%;
  }
  .col-md-8 {
    width: 66.66%;
  }
  .col-md-9 {
    width: 74.99%;
  }
  .col-md-10 {
    width: 83.33%;
  }
  .col-md-11 {
    width: 91.66%;
  }
  .col-md-12 {
    width: 100%;
  }
}

/********** Small devices only **********/
@media (min-width: 0px) and (max-width: 991px) {
  .col-s-1,
  .col-s-2,
  .col-s-3,
  .col-s-4,
  .col-s-5,
  .col-s-6,
  .col-s-7,
  .col-s-8,
  .col-s-9,
  .col-s-10,
  .col-s-11,
  .col-s-12 {
    float: left;
    /* Comment this out to remove the green line */
    /* border: 1px solid green; */
  }
  .col-s-1 {
    width: 8.33%;
  }
  .col-s-2 {
    width: 16.66%;
  }
  .col-s-3 {
    width: 25%;
  }
  .col-s-4 {
    width: 33.33%;
  }
  .col-s-5 {
    width: 41.66%;
  }
  .col-s-6 {
    width: 50%;
  }
  .col-s-7 {
    width: 58.33%;
  }
  .col-s-8 {
    width: 66.66%;
  }
  .col-s-9 {
    width: 74.99%;
  }
  .col-s-10 {
    width: 83.33%;
  }
  .col-s-11 {
    width: 91.66%;
  }
  .col-s-12 {
    width: 100%;
  }
}