/* home-section-start */
@import url(https://db.onlinewebfonts.com/c/cbbdf9a695b4bc3886f69c42ced98ceb?family=FSP+DEMO+-+Bion+Medium+Cond);

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

* {
  box-sizing: border-box;
}

.desktop {
  display: block;
}

.mobile {
  display: none;
}

@media only screen and (max-width: 768px) {

  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

}





ul {
  /*  list-style: none;*/
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none !important;
}

/*header*/


/* .dropdown-item:hover::after {
    content: url(../img/arrow.svg);
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%) rotate(360deg);
    } */

.header-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* padding: 10px 0; */
  border-radius: 4px;
}



.header .logo {
  background-color: #0C111F;
  width: fit-content;
  padding: 15px 25px;
}

.header .logo a {
  font-size: 30px;
  text-transform: capitalize;
  color: #e91e63;
  font-weight: 600;
}

.header .nav-menu {
  padding: 0 15px;
}

.header .menu>.menu-item {
  display: inline-block;
  margin-left: 30px;
  position: relative;
}

.header .menu>.menu-item>a {
  display: block;
  padding: 12px 0;
  font-size: 16px;
  color: black;
  text-transform: capitalize;
  font-weight: 600;
  transition: all 0.3s ease;
}

.header .menu>.menu-item>a .plus {
  display: inline-block;
  height: 12px;
  width: 12px;
  position: relative;
  margin-left: 5px;
}

.header .menu>.menu-item>a .header .menu>.menu-item>a {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  background-color: #ffffff;
  height: 2px;
  width: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}


.header .menu>.menu-item>.sub-menu>.header .menu> {
  color: #000000;
}

.header .menu>.menu-item>.sub-menu {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 250px;
  position: absolute;
  left: -80px;
  top: 100%;
  background-color: #ffffff;
  padding: 25px 19px;
  border-top: 3px solid #ffffff;
  transform: translateY(10px);
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  border-radius: 17px;
  display: flex;
  /* margin-left: 20px; */
}

@media (max-width: 992px) {
  .header .menu>.menu-item>.sub-menu {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    width: 250px;
    position: absolute;
    left: -80px;
    top: 100%;
    background-color: #ffffff;
    padding: 25px 19px;
    border-top: 3px solid #ffffff;
    transform: translateY(10px);
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    display: flex;
    /* margin-left: 20px; */
  }
}


@media (min-width: 992px) {
  .header .menu>.menu-item-has-children:hover>.sub-menu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }

}

.header .menu>.menu-item>.sub-menu>.menu-item {
  display: block;
}

.header .menu>.menu-item>.sub-menu>.menu-item>a {
  display: block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  transition: all 0.3s ease;
  text-transform: capitalize;
}

/* .header .menu > .menu-item > .sub-menu > .menu-item > a:hover{
  background-color:#DCF3E3;
  color:#61A375;
  border-radius: 7px;
} */
.header .open-nav-menu {
  height: 34px;
  width: 40px;
  margin-right: 15px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}




.header .open-nav-menu span {
  display: block;
  height: 3px;
  width: 24px;
  background-color: #fff;
  position: relative;
}

.header .open-nav-menu span:before,
.header .open-nav-menu span:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  box-sizing: border-box;
}

.header .open-nav-menu span:before {
  top: -7px;
}

.header .open-nav-menu span:after {
  top: 7px;
}

.header .close-nav-menu {
  height: 40px;
  width: 40px;
  background-color: #ffffff;
  margin: 0 0 15px 15px;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
}

.header .close-nav-menu img {
  width: 16px;
}

.header .menu-overlay {
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

/*home section*/
.home-section {
  width: 100%;
  display: block;
  min-height: 100vh;
  background-image: url("../img/herobanner.jpg");
  background-position: center top;
  background-size: cover;
}

/* .au-tab{
  display: flex;
  justify-content: center;
} */

.title {
  color: var(--neutral-600, #6f6c90);
  font-feature-settings: "clig" off, "liga" off;
  font-family: Plus Jakarta Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 1.44px;
  text-transform: uppercase;
  /*  margin-bottom: 30px;*/
}

.head-a {
  color: #558c65;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.head-b {
  padding: 0 !important;
}

.head-whole {
  color: var(--neutral-800, #170f49);
  font-feature-settings: "clig" off, "liga" off;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 90px;
}

.head-b1 {
  display: none;
}

/* retailer-------------------------------------------------------- */

/*hide the inputs/checkmarks and submenu*/
/* input, ul.submenu1 {
  display: none;
} */

/*position the label*/
/* label {
  position: relative;
  display: block;
  cursor: pointer;
} */

/*show the submenu when input is checked*/
/* input:checked~ul.submenu1 {
  display: block;
} */

/* retailer-------------------------------------------------------- */


/* responsive */

@media (max-width: 991px) {
  .header .menu-overlay.active {
    visibility: visible;
    opacity: 1;
  }

  .header .nav-menu {
    position: fixed;
    right: -280px;
    visibility: hidden;
    width: 280px;
    height: 100%;
    top: 0;
    overflow-y: auto;
    background-color: #83a06f;
    z-index: 1000;
    padding: 15px 0;
    transition: all 0.5s ease;
  }

  .header .nav-menu.open {
    visibility: visible;
    right: 0px;
  }

  .header .menu>.menu-item {
    display: block;
    margin: 0;
  }

  .header .menu>.menu-item-has-children>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .header .menu>.menu-item>a {
    color: #000;
    padding: 12px 15px;
    border-bottom: 1px solid #333333;
  }

  .header .menu>.menu-item:first-child>a {
    border-top: 1px solid #333333;
  }

  .header .menu>.menu-item>a .plus:before,
  .header .menu>.menu-item>a .plus:after {
    background-color: #ffffff;
  }

  .header .menu>.menu-item-has-children.active>a .plus:after {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  .header .menu>.menu-item>.sub-menu {
    width: 100%;
    position: relative;
    opacity: 1;
    visibility: visible;
    border: none;
    background-color: #ffffff;
    box-shadow: none;
    transform: translateY(0px);
    padding: 0px;
    left: auto;
    top: auto;
    max-height: 0;
    overflow: hidden;
    display: block;
    /* margin-left: 10px; */
  }

  .header .menu>.menu-item>.sub-menu>.menu-item>a {
    padding: 12px 45px;
    color: #0a0a0a;
    border-bottom: 1px solid #333333;
  }

  .header .close-nav-menu,
  .header .open-nav-menu {
    display: flex;
  }

  .title {
    color: var(--neutral-600, #6f6c90);
    font-feature-settings: "clig" off, "liga" off;
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    margin-top: 8px;
  }

  .head-a {
    color: #000000;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
  }

  /* .head-b{
	padding: 0!important;
} */

  .head-whole {
    color: var(--neutral-800, #170f49);
    font-feature-settings: "clig" off, "liga" off;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    /* line-height: 20px;  */
  }

  /* .head-logo{
	width: 200px;
} */

  .list-item {
    border-right: none;
  }

  .list-item1 {
    margin-left: 0;
  }

  .head-b {
    display: none;
  }

  .head-b1 {
    display: block;
  }

  .list-item1 {
    display: none;
  }

  .title {
    display: none;
  }
}

/* navbar-start */

.home-schedule {
  border-radius: 57px;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  border: none;
  padding: 10px 25px 10px 25px;
  /* background: linear-gradient(280deg, #057E72 0%, #38C280 100%); */
  background: #41945A;
  color: #fff;
}

.home-schedules {
  border-radius: 57px;
  background: #fff;
  color: #151e32;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  border: none;
  padding: 10px 25px 10px 25px;
  display: none;
}

@media only screen and (max-width: 768px) {
  .home-schedules {
    border-radius: 5px;
    margin-left: 10px;
    background: #fff;
    color: #151e32;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    border: none;
    padding: 10px 15px 10px 15px;
    margin-top: 10px;
    display: block;
  }

  .home-schedule {
    border-radius: 57px;
    background: #fff;
    color: #151e32;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    border: none;
    padding: 10px 25px 10px 25px;
    display: none;
  }
}

.why {
  color: #fff;
  border-radius: 100px;
  background: #41945A;
  padding: 12px 35px 12px 35px;
  font-weight: 700;
  margin-top: 25px;
  margin-bottom: 30px;
  outline: none;
  border: none;
  display: flex;
  gap: 10px;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .why {
    color: #fff;
    border-radius: 100px;
    background: #41945A;
    padding: 10px 30px 10px 30px;
    font-weight: 700;
    margin-top: 25px;
    outline: none;
    border: none;
    margin: auto;
    display: flex;
    gap: 10px;
    align-items: center;
  }
}

.home-hero-image {
  background-image: url("../img/backbannercurve.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -130px;
  padding-bottom: 200px;
}

.nav-header {
  position: relative;
}

.navbar-nav .dropdown-menu {
  position: absolute;
}

/* 
.home-logo-style {
  background-color: #2a344a;
  width: fit-content;
  padding: 25px 25px;
} */

.drop-btun {
  color: #fff;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  background-color: #202c46;
  /* text-decoration: none; */
  border: none;
}

.drop-btun:hover {
  color: #fff;
}

.dropdown-menu {
  border-radius: 10.296px;
  background: #fff;
}

/* .dropdown-item.active,
.dropdown-item:active {
  background-color: #156a8f36 !important;
  color: #156a8f !important;
  border-radius: 5px;
} */

/* .dropdown-item:focus,
.dropdown-item:hover {
  background: rgba(45, 180, 125, 0.10) !important;
  color: #306B52 !important;
  border-radius: 5px;
} */

.dropdown-item {
  color: #8F8F8F;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 100% */
  padding: 10px 10px 10px 10px !important;
  transition: background-color 0.3s;
  position: relative;
  width: 110% !important;
}

/* navbar-end */

/* home-banarhead-start */

.home-phone {
  width: 100%;
}

.nav-item {
  margin: 5px 15px 5px 15px;
}

.nav-link:hover {
  color: #fff;
}

.home-banarhead {
  color: #000000;
  font-family: Outfit;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 55px;
  /* 141.667% */
}

.home-banarhead-finger {
  color: #41945A;
  font-family: Outfit;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 55px;
  /* 141.667% */
}

@media only screen and (max-width: 992px) {
  .dropdown-item {
    color: #8F8F8F;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 100% */
    padding: 10px 10px 10px 10px !important;
    transition: background-color 0.3s;
    position: relative;
    width: 100% !important;
  }
}

@media only screen and (max-width: 768px) {
  .home-banarhead {
    color: #000000;
    font-family: "Outfit";
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    line-height: 48px;
    text-transform: capitalize;
  }

  .home-banarhead-finger {
    color: #41945A;
    font-family: Outfit;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    /* 141.667% */
  }

  .home-hero-image {
    background-image: url("../img/backbannercurve.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -130px;
    padding-bottom: 120px;
  }

}

.navbar-toggler {
  background-color: #ffff;
}

.jewellery-store {
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.10);
  color: #D7B56D;
  font-family: Outfit;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 1px;
  text-transform: uppercase;
  /* width: 230px; */
  padding: 10px 10px 10px 10px;
}

.friend-span {
  color: #7E7E7E;
  text-align: left;
  font-family: Plus Jakarta Sans;
  font-size: 15.975px;
  font-style: normal;
  font-weight: 400;
  line-height: 160.5%;
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  .friend-span {
    color: #7E7E7E;
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 15.975px;
    font-style: normal;
    text-align: center;
    font-weight: 400;
    line-height: 219.5%;
  }


  .jewellery-store {
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.10);
    color: #D7B56D;
    font-family: Outfit;
    margin: auto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 1px;
    text-transform: uppercase;
    /* width: 230px; */
    padding: 10px 10px 10px 10px;
    text-align: center;
  }
}

.more {
  margin-top: 130px;
}

.gpay_group {
  display: flex;
  align-items: center;
  margin-top: 25px;
  justify-content: center;
  gap: 20px;
}



/* home-banarhead-end */

.home-scalable {
  color: #161616;
  font-family: Outfit;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
  /* 125% */
}


.tabs {
  overflow: hidden;
}

.tabs .tab-header {
  float: left;
  width: 100%;
  height: 100%;
  border-right: 1px solid #ccc;
  padding: 50px 0px;
}

.tabs .tab-header>div img {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

.tabs .tab-header.fontstyle {
  border-bottom: 1px solid black;
}

/* home-section-end */


/* real-time-start */




.home-manu {
  color: #1A1A1A;
  font-family: Outfit;
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: 51px;
  /* 145.714% */
  text-transform: capitalize;
}

.home-sp {
  color: #191919;
  font-family: Outfit;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: 56.5px;
  text-transform: capitalize;
}

.home-mana {
  color: #575757;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}

@media only screen and (max-width: 768px) {
  .home-manu {
    color: #1a1a1a;
    font-family: Outfit;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    /* 161.429% */
    text-transform: capitalize;
  }

  .home-sp {
    color: #191919;
    font-family: Outfit;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-transform: capitalize;
  }

  .home-mana {
    color: #8b8b8b;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    /* 150% */
  }

  .tickicon {
    width: 33px;
  }

  .m-res {
    display: none;
  }
}

/* real-time-end */


/* More than 5+ teams-start */

.head-team {
  color: #1a1a1a;
  text-align: center;
  font-family: Plus Jakarta Sans;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}


/* marquee slider start */

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px * 7));
  }
}

.company {
  background: white;
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
}

.company::before,
.company::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}

.company::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.company::before {
  left: 0;
  top: 0;
}

.company .track-company {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}

.company .slide-company {
  height: 100px;
  width: 250px;
}

/* company slider end */



.cards {
  width: 100%;
  background-color: white;
  color: black;
  border: 1px solid #ccc;
  padding: 30px 30px 30px 30px;
  text-align: center;
  transition: background-color 0.3s, color 0.3s;
  border-radius: 30px;
}

.cards:hover {
  background-color: rgb(12, 17, 31);
  color: white;
}

.cards-title {

  text-align: center;
  font-family: Outfit;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.cards-paragraph {
  text-align: center;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 144.444% */
  text-transform: capitalize;
}

.card-link {
  color: black;
  text-decoration: none;
  transition: color 0.3s;
}

.cards:hover .card-link {
  color: white;
}



.home-time {
  color: #1a1a1a;
  text-align: center;
  font-family: Plus Jakarta Sans;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  /* 120% */
  text-transform: capitalize;
}


@media only screen and (max-width: 768px) {
  .home-time {
    color: #1a1a1a;
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 41px;
    /* 120% */
    text-transform: capitalize;
  }
}


/* Why AURum?-start */

.all-module-erp {
  margin-top: 60px;
}

.module-erp {
  color: #131313;
  font-family: Outfit;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 57.6px;
  /* 120% */
}

.module-erp-pra {
  color: #181818;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}

.module-erp-tech {
  color: #101010;
  text-align: center;
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}






/* Why AURum?-end */


/* slider-section-start  */

.our-clients {
  color: #4A4A4A;
  font-family: Outfit;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.our-clients-one {
  color: #0B8774;
  font-family: Outfit;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}

.our-clients-two {
  color: #4A4A4A;
  font-family: Outfit;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}

.our-clients-testmonial {
  color: #525252;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
  /* 181.25% */
}

.client-name {
  color: #000;
  font-family: Lexend;
  font-size: 13.024px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.tabs {
  display: flex;
  overflow-x: scroll;
  gap: 50px;
  align-items: center;

}

.tabs::-webkit-scrollbar {
  display: none;
}

.tab {
  padding: 10px 20px;
  cursor: pointer;
}

.tab-content {
  display: none;
  border-bottom: 2px solid gray;
  text-align: center;

}

.tab-content.active {
  display: block;
}

.scroll-btn {
  cursor: pointer;
  width: 50px;
  /* padding: 10px; */
  border: 2px solid;
  border-radius: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.have-to-say-right-bar {
  border-right: solid;
  border-image: linear-gradient(180deg, #FFF 0%, #D9D9D9 53.65%, #FFF 100%) 1;
  border-right-width: 4px;
  height: 300px;
}


.have-to-say {
  display: flex;
  gap: 23px;
  justify-content: center;
  top: 80px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .have-to-say-right-bar {
    border-right: solid;
    border-image: linear-gradient(180deg, #FFF 0%, #D9D9D9 53.65%, #FFF 100%) 1;
    border-right-width: 4px;
    height: 250px;
  }

  .have-to-say {
    display: flex;
    gap: 23px;
    justify-content: center;
    top: 20px;
    position: relative;
  }

    .module-erp {
      color: #131313;
      font-family: Outfit;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 45px;
      /* 120% */
    }

    .all-module-erp {
      margin-top: 40px;
    }
}

/* slider-section-end */


/* Get in Touch-start */

.advanced-jewel {
  color: #1A1A1A;
  text-align: center;
  font-family: Outfit;
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.advanced-jewel-title {
  color: #1A1A1A;
  text-align: center;
  font-family: Outfit;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.advanced-jewel-pra {
  color: #575757;
  text-align: center;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  text-transform: capitalize;
}

.lets-talk {
  background-image: url(./lets-talk.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 30px 30px 30px 30px;
  border-radius: 20px;
  text-align: center;

}

.lets-talk-title {
  color: #FFF;
  text-align: center;
  font-family: Outfit;
  font-size: 33px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  /* 109.091% */
}

.lets-talk-pra {
  color: #CBCBCB;
  text-align: center;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  /* 200% */
}


.lets-talk-button {
  border-radius: 100px;
  background: linear-gradient(280deg, #057E72 0%, #38C280 100%);
  margin: auto;
  padding: 10px 10px 10px;
  border: none;
  outline: none;
  color: #ffff;
  font-weight: 600;
}






/*frequently_asked start*/

.frequently_asked {
  color: #0B2238;
  text-align: center;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.frequently_asked_questien {
  color: #0B8774;
  text-align: center;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}






.accordion {
  margin: auto;
  width: 100%;
}

.accordion input {
  display: none;
}

.box {
  position: relative;
  border-radius: 8.826px;
  background: #F6F6F6;
  height: 64px;
  transition: all .15s ease-in-out;
}

.box::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}


.box-title {
  color: #0B2238;
  font-family: Outfit;
  font-size: 17.652px;
  font-style: normal;
  font-weight: 500;
  line-height: 62px;
  width: calc(100% - 40px);
  height: 64px;
  padding: 0 20px;
  display: inline-block;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.box-content {
  width: calc(100% - 40px);
  padding: 30px 20px;
  font-size: 11pt;
  color: rgba(0, 0, 0, .54);
  display: none;
}

.box-close {
  position: absolute;
  height: 64px;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
}

input:checked+.box {
  height: auto;
  /*  margin: 16px 0;*/
  /*    box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);*/
}

input:checked+.box .box-title {
  border-bottom: 1px solid rgba(0, 0, 0, .18);
}

input:checked+.box .box-content,
input:checked+.box .box-close {
  display: inline-block;
}

.arrows section .box-title {
  padding-left: 25px!important;
  width: calc(100% - 0px);
}

.arrows section .box-title:before {
  position: absolute;
  display: block;
  content: '\203a';
  font-size: 18pt;
  right: 20px;
  top: -2px;
  transition: transform .15s ease-in-out;
  color: rgba(0, 0, 0, .54);
}

input:checked+section.box .box-title:before {
  transform: rotate(90deg);
}























/* footer-start */

.footer-back {
  background-color: #F2F2F2;
  padding: 30px 0px 30px 10px;
}

.foot-title-know-more-back {
  border-radius: 11px;
  background: #DDDDDD7D;
  padding: 15px 10px 15px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.foot-title-know-more {
  color: #202020;
  font-variant-numeric: lining-nums tabular-nums;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.foot-title-know-more-get-demo {
  border-radius: 6.526px;
  background: #41945A;
  color: #fff;
  font-family: Outfit;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  padding: 10px 10px 10px 10px;
  border: none;
  outline: none;
}

.foot-pra {
  color: #20202096;
  font-variant-numeric: lining-nums tabular-nums;
  font-family: Outfit;
  font-size: 14.815px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 20.741px */
}

.footer-pra-menu-title {
  color: #202020;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.16px;
  text-transform: uppercase;
}

.footer-pra-menu-title-pra {
  color: #202020;
  font-family: Outfit;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 114.286% */
}

.footer-social-media {
  display: flex;
  gap: 10px;
  justify-content: end;
}

@media only screen and (max-width: 768px) {
  .footer-social-media {
    display: flex;
    gap: 10px;
    justify-content: center;
  }
}

.footer-copy-right {
  color: #A1A9C2;
  font-variant-numeric: lining-nums tabular-nums;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.64px;
  text-transform: capitalize;
  text-align: center;
}







/* footer-end */







/*retailer start*/


.home-hero-image_one {
  /* background-image: url(/assets/img/hero_banner.jpg); */
  /*  background-image: url("../img/navigation_top.jpg");*/
  background: #0C111F;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -130px;
}


.retailer-min-title {
  color: #5EA071;
  text-align: left;
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.retailer-main-title {
  color: #FFF;
  font-family: Outfit;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 68px;
  /* 113.333% */
  text-transform: capitalize;
}


@media only screen and (max-width: 768px) {
  .retailer-main-title {
    color: #FFF;
    font-family: Outfit;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    text-transform: capitalize;
  }
}

.serivce-retailer {
  color: #0C8774;
  text-align: center;
  font-family: Outfit;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.the-ultimate-stock {
  color: #1A1A1A;
  text-align: center;
  font-family: Outfit;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  /* 120% */
}

.the-ultimate-stock-pra {
  color: #454545;
  text-align: center;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
}

.the-ultimate-stock-min-box {
  color: #2E2E2E;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 21.108px;
  /* 87.951% */
}

.the-ultimate-stock-min-box-pra {
  color: #454545;
  text-align: center;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 33px;
}






.total-products-tabs {
  background: #f0f0f0;
  padding: 10px 10px 10px 10px;
  border-radius: 100px;
}


@media only screen and (max-width: 768px) {

  .total-products-tabs {
    background: #f0f0f0;
    padding: 10px 10px 10px 10px;
    border-radius: 0px;
  }
}

.wrapper {
  background-color: white;
}

.buttonWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.product-name {
  margin-top: 0px;
  width: 100%;
  border-radius: 74.584px;
  border: none;
  padding: 10px;
  color: #232c3d;
  cursor: pointer;
  transition: 0.5s;
  font-size: 28px;
  font-weight: 500;
}

@media only screen and (max-width: 768px) {
  .product-name {
    margin-top: 30px;
    width: 100%;
    border-radius: 74.584px;
    border: none;
    padding: 10px;
    color: #232c3d;
    cursor: pointer;
    transition: 0.5s;
    font-size: 28px;
    font-weight: 500;
  }
}

.product-name.actives {
  width: 100%;
  border-radius: 74.584px;
  background: linear-gradient(180deg, #0C111F 0%, #3A4564 100%);
  color: #fff;
  font-family: "FSP DEMO - Bion Medium Cond";
}

.actives {
  background-color: #ffffff;
}



.product-content {
  display: none;
  padding: 10px 20px;
}

.product-content.actives {
  display: block;
}

.aupay-content {
  color: #454545;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 37px;
}
















.accordion-retailer {
  display: flex;
  flex-direction: column;
  margin: 20px auto;
}

.accordion-item-retailer {
  margin-bottom: 8px;
  overflow: hidden;
}

.accordion-headers {

  border-radius: 4.444px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(243, 243, 243, 0.25);
  padding: 10px;
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-content {
  padding: 10px;
  display: none;
}

.accordion-item-retailer.active .accordion-content {
  display: block;
}

.arrow {
  transition: transform 0.3s;
}

.accordion-item-retailer.active .arrow {
  transform: rotate(180deg);
}

.purchease-mangement-title {
  color: #161616;
  font-family: Outfit;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.333px;
  /* 149.123% */
}






/*retailer end*/





/*about_us start*/


.about-hero-image {
  background-color: rgba(241, 249, 244, 1);
  margin-top: -130px;
}

.about-header-p {
  color: #0C8774;
  text-align: center;
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.about-heading {
  color: #1E1E1E;
  text-align: center;
  font-family: Outfit;
  font-size: 55px;
  font-style: normal;
  font-weight: 500;
  line-height: 65px;
  /* 118.182% */
  text-transform: capitalize;
}

.about-heading-bold {
  color: #1E1E1E;
  font-family: Outfit;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 65px;
  text-transform: capitalize;
}


@media screen and (max-width: 480px) {
  .about-heading {
    color: #1E1E1E;
    text-align: center;
    font-family: Outfit;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    /* 118.182% */
    text-transform: capitalize;
  }

  .about-heading-bold {
    color: #1E1E1E;
    font-family: Outfit;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    text-transform: capitalize;
  }

}


.about-auram {
  color: #454545;
  font-family: Lato;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  /* 200% */
}

.about-product {
  color: #161616;
  font-family: Outfit;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 65px;
  /* 162.5% */
  text-transform: capitalize;
}

.about-num {
  color: #0C8774;
  font-family: Outfit;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}


.about-product-count {
  color: #161616;
  font-family: Outfit;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.about-ausales-head {
  color: #0C8774;
  text-align: center;
  font-family: Outfit;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}


.about-we-do {
  color: #1A1A1A;
  text-align: center;
  font-family: Outfit;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  /* 120% */
}


.about-ausales {
  color: #3A3A3A;
  text-align: center;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.5px;
  /* 184.375% */
}

.about-ausales-p {
  color: #454545;
  text-align: center;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 37px;
}

.about-connect {
  background-image: url(../img/about-back.jpg);
  background-repeat: no-repeat;
  background-size: cover;

}

.about-talk {
  color: #FFF;
  text-align: center;
  font-family: Outfit;
  font-size: 33px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  /* 109.091% */
}

.about-talk-p {
  color: #CBCBCB;
  text-align: center;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  /* 200% */
}

.about-connect-button {
  border-radius: 100px;
  background: linear-gradient(280deg, #057E72 0%, #38C280 100%);
  border: none;
  padding: 10px;

}

.about-connect-button a {
  color: #FFF;
  font-family: Outfit;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 120% */
}


.about-fundamental {
  color: #1A1A1A;
  text-align: center;
  font-family: Outfit;
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  /* 137.143% */
  text-align: center;
}

.about-customer {
  color: #1A1A1A;
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  /* 160% */
}


.about-customer-p {
  color: #454545;
  font-family: Lato;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
  /* 195.455% */
}



@media screen and (max-width: 768px) {
  .about-product {
    color: #161616;
    font-family: Outfit;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    /* 162.5% */
    text-transform: capitalize;
    text-align: center;
  }
  .about-we-do {
    color: #1A1A1A;
    text-align: center;
    font-family: Outfit;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    /* 120% */
  }

}

/*about_us end*/







/*au-sales start*/


.au-shop-head {
  color: #0C8774;
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 83.5px;
  /* 278.333% */
  text-decoration-line: underline;
}

.au-shop-Luxurious {
  color: #161616;
  font-family: Outfit;
  font-size: 55px;
  font-style: normal;
  font-weight: 500;
  line-height: 67px;
  /* 113.333% */
  text-transform: capitalize;
}

.au-shop-Luxurious-one::after {
  position: absolute;
  content: url(../img/spark.svg);
  margin-top: -55px;
  margin-left: -46px;

}

@media screen and (max-width: 480px) {
  .au-shop-Luxurious-one::after {

    display: none;

  }

  .au-shop-Luxurious {
    font-size: 35px;
    line-height: 50px;
    /* 113.333% */



  }

}




sup {
  vertical-align: super;
  margin-left: -35px;
}

@media screen and (max-width: 980px) {

  sup {
    display: none;

  }

}


.aushop-means {
  color: #0C8774;
  font-family: Outfit;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}


.aushop-means-stock {
  color: #1A1A1A;
  font-family: Outfit;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  /* 120% */
}

.aushop-means-p {
  color: #454545;
  font-family: Lato;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
  /* 190.909% */
}


.au-shop-impore {
  color: #191A15;
  font-family: Outfit;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.tick {
  display: flex;
  gap: 20px;
  align-items: center;
}

.tick-p {
  color: #191A15;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 166.667% */
}


.au-shop-fluid {
  color: #0C8774;
  font-family: Outfit;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.au-shop-design {
  color: #1A1A1A;
  font-family: Outfit;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  /* 120% */
}

.au-shop-design-p {
  color: #3A3A3A;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.5px;
  /* 184.375% */
}

.au-shop-card {
  /*  color: #161616;*/
  font-family: Outfit;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.333px;
  /* 149.123% */
}

.au-shop-cardlist {
  /*  color: #5F5F5F;*/
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.card {
  border-radius: 4.444px !important;
  border: 1px solid #E6E6E6 !important;
  background: #FFF !important;
  box-shadow: 0px 4px 4px 0px rgba(243, 243, 243, 0.25) !important;
  height: 100% !important;
}

.au-shop-Frequently {
  color: #0B2238;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.au-shop-questions {
  color: #0C8774;
  text-align: center;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.au-shop-Something {
  color: #0B2238;
  font-family: Outfit;
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  /* 102.857% */
}


.cards-au {
  width: 100%;
  background-color: white;
  color: black;
  border: 1px solid #ccc;
  padding: 30px 30px 30px 30px;
  text-align: left;
  transition: background-color 0.3s, color 0.3s;
  border-radius: 5px;
}

.cards-au:hover {
  background-color: rgb(12, 17, 31);
  color: white;
}





/*au-sales end*/






#show-more {
  border-radius: 100px;
  background: linear-gradient(280deg, #057E72 0%, #38C280 100%);
  padding: 10px;
  width: 150px;

}


#show-more a {

  color: white !important;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 133.333% */

}

#show-less {
  border-radius: 100px;
  background: linear-gradient(280deg, #057E72 0%, #38C280 100%);
  padding: 10px;
  width: 150px;
}


#show-less a {

  color: white !important;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 133.333% */

}






/*contact us start*/

.home-hero-image_contact {

  /* background-image: url(/assets/img/hero_banner.jpg); */

  background-color: rgba(241, 249, 244, 1);
  margin-top: -110px;
  padding-bottom: 120px;

}

.contact-title {
  color: #1A1A1A;
  font-family: Outfit;
  font-size: 46px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  /* 130.435% */
  text-transform: capitalize;
}

.contact-title-pra {
  color: #111;
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  /* 200% */
  text-transform: capitalize;
}

.request-demo-btn {
  width: 100%;
  padding: 10px 10px 10px;
  border-radius: 10px;
  background: #0C8774;
  color: #fff;
}






/* Style the tab */
.contact-tab {
  border-radius: 10px;
  border: 1px solid #E4E4E4;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(220, 220, 220, 0.25);
  padding: 10px 10px 10px 10px;
}

/* Style the buttons inside the tab */
.contact-tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 100%;
}



/* Create an active/current contact-tab link class */
.contact-tab button.active {
  border-radius: 10px;
  background: #41945A;
  width: 100%;
  color: #fff;
}

/* Style the contact-tab  content */
.contact-tab content {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.get-in-touch-title {
  color: #1A1A1A;
  font-family: Outfit;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.get-in-touch-title-pra {
  color: #000;
  font-family: Lato;
  font-size: 14.883px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.514px;
  /* 171.429% */
  letter-spacing: 0.149px;
}

.contact-call {
  color: #1D1D1D;
  font-family: Lato;
  font-size: 17.677px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.contact-call-input {
  width: 100%;
  border: 1px solid gray;
  outline: none;
  padding: 10px 10px 10px 10px;
  border-radius: 50px;
}

.contact-call-button {
  border-radius: 39px;
  background: #41945A;
  width: 100%;
  padding: 10px 10px 10px 10px;
  outline: none;
  border: none;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  width: 100%;

}





/*contact us end*/



















/* New css Start */

.home-padd {
  padding-top: 190px;
  padding-bottom: 50px;
}


.head-menu {
  color: #170F49;
  font-family: Outfit;
  ;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}

.head-menu-au {
  color: #6F6C90;
  font-family: Outfit;
  ;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.head-menu-main {
  color: #170F49;
  font-family: Outfit;
  ;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
}

.head-menu-bac {
  background-color: #F7F7FB;
  border-radius: 10px;
}

.home-all {
  color: var(--Shades-Green, #61A375);
  font-family: Plus Jakarta Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}

.home-allpara {
  color: var(--Shades-black, #1A1A1A);
  font-family: Plus Jakarta Sans;
  font-size: 35px;
  font-weight: 700;
  line-height: 55px;
}


.au-sale-bac {
  width: 160px;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #656565;
}

.au-sale {
  color: #161616;
  font-family: Plus Jakarta Sans;
  font-size: 35px;
  font-weight: 700;
  line-height: 55px;
  margin: 0px;
}


.au-sale-bac:hover {
  width: 160px;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #656565;
  background-color: #0C111F;
  color: #fff !important;
}

.au-sale-bac:hover .au-sale {
  color: #fff;
}



.au-icon {
  display: flex;
  justify-content: end;
  align-items: center;
}

.au-icon1 {
  display: flex;
  justify-content: center;
  align-items: center;
}


.au-icon2 {
  display: flex;
  justify-content: start;
  align-items: center;
}


.here-what {
  color: #4A4A4A;
  font-family: Outfit;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
}


.here-client {
  color: #0B8774;
  font-family: Outfit;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
}

.to-say {
  color: #4A4A4A;
  font-family: Outfit;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
}



.active {
  background-color: #0C111F;
  color: #fff;
}




.accordion-button:not(.collapsed){
  background-color: transparent!important;
}



@media screen and (max-width: 768px) {

  .home-padd {
    padding-top: 120px;
    padding-bottom: 50px;
  }

  .home-allpara {
    color: var(--Shades-black, #1A1A1A);
    font-family: Plus Jakarta Sans;
    font-size: 21px;
    font-weight: 700;
    line-height: 35px;
  }

  .au-icon {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .au-icon1 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
  }


  .au-icon2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
  }

  .dotimg {
    display: none;
  }


  .resimg {
    width: 60%;
  }
}



/* New css end */





/* Marquee-left-start */
.pic{
  display: flex;
  justify-content: center;
  align-items: center;
}


#marquee {
  padding: 20px 0px;
  width: 100%;
}

#marquee .container {
  overflow: hidden;
  width: 100%;
}

#marquee .pic-container {
  display: flex;
  animation: marquee 10s infinite linear;
}

/* #marquee:hover {
  animation-play-state: paused;
} */

#marquee .pic-container .pic {
  flex-basis: 20%;
  flex-shrink: 0;
  margin: 0 20px 0 20px;
}

#marquee img {
  width: 100%;
  /* object-fit: cover;
  border: 1px solid rgba(238, 231, 231, 0.9); */
}


.pic{
 background: #f0f0f0c2;
 border-radius: 10px;
 padding: 20px!important;
}

@media (max-width: 1024px) {
  #marquee .pic-container .pic {
      flex-basis: 25%;
  }
}

@media (max-width: 768px) {
  #marquee .pic-container .pic {
      flex-basis: 33.33%;
      margin: 0 10px 0 10px;
  }


  .pic{
   background: #f0f0f0c2;
   border-radius: 10px;
   padding: 5px!important;
 }
}

@keyframes marquee {
  0% {
      transform: translateX(0);
  }

  100% {
      transform: translateX(-100%);
  }
}

@media (max-width: 1024px) {
  @keyframes marquee {
      0% {
          transform: translateX(0);
      }

      100% {
          transform: translateX(-125%);
      }
  }
}

@media (max-width: 768px) {
  @keyframes marquee {
      0% {
          transform: translateX(0);
      }

      100% {
          transform: translateX(-186.65%);
      }
  }
  #marquee {
      padding: 10px 0px;
      width: 100%;
  }
}

/* Marquee-left-end */