* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body{
  font-family: "Open Sans", sans-serif;
}

a {
  text-decoration: none;
  font-size: 16px;
}

.form-control:focus {
  box-shadow: none;
}

p {
  font-size: 16px;
}

h1,h3{
       font-family: "Alexandria", sans-serif;
}

.alignRow{
  align-items: center;
}

/* navbar */

.navbar.myNabvarMain{
  height: 79px;
  background: #fff;
}

.navbar-brand img{
  width: 150px;
}

.myNavBarLnk .nav-item .nav-link{
  color: #000;
  font-weight: 400;
  font-size: 16px;  
  transition: ease-in 0.2s;
  padding-left: 15px;
  padding-right: 15px;
  font-weight:600;
}

.myNavBarLnk .nav-item .nav-link:hover{
  color: #660733;
  font-weight: 600;
}

.myNavBarLnk .nav-item .nav-link.activeNav{
color: #660733;
font-weight: 600;
}

.navbarApp img{
  width: 120px;
}

/* .myNavBarLnk.myNavBarLnkMiddle{
  margin-right: -120px;
} */

/* banner */

.home-bnrBg1{
background: url(../img/home/banner1.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 75vh;
padding-bottom: 50px;
}

.home-bnrBg2{
background: url(../img/home/banner2.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 75vh;
padding-bottom: 50px;
}

.home-bnrBg3{
background: url(../img/home/banner2.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 82vh;
padding-bottom: 50px;
}


.bannerTxtBox{
  display: flex;
  align-items: center;
  height: 70vh;
  justify-content: space-between;
} 
.bannerText1 h1{
  color: #fff;
    font-family: "Alexandria", sans-serif;
    font-size:75px;
  font-weight: 700;
}

.bannerText1 h1 span{
  color: #ecbd48;
}

.bannerText1 h3{
  color: #fff;
  margin-bottom: 25px;
    font-size: 35px;
}


.bannerbtn{
  background: #fff;
  color: #660733;
  padding: 11px 20px;
  border-radius: 80px;
  display: inline-block;
}


.bannerimg1 img{
  width: 90%;
}


.bannerimg2 img{
  width:63%;
}

.bannerText2 h1{
    font-family: "DM Serif Display", serif;
 color: #fff;
    font-size: 45px;
  font-weight: 700;
}

.bannerText2 p{
  color: #fff;
  font-size: 18px;
}


.bannerText2 h1 span{
  color: #00bcd4;
}


.carousel-control-next, .carousel-control-prev {
    width: 7%;
}

/* end banner */




/* banner bottom */





.homeBnrBotmNav{
  width: 100%;
 background: #fff;
  border-radius: 80px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  text-align: center;
      position: relative;
    margin-top: -44px;
    overflow: hidden;
}

.homebanrBotmWrap{
  width: 100%;
  height: 100%;
  display: block;
}

.homebanrBotmWrap ul{
  display: block;
  margin: 0 auto;
  height: 100%;
  text-align: center;
      padding-left: 0;
}

.homebanrBotmWrap ul li{
  display:inline-block;
  text-align: center;
  border:none;
  position: relative;
  transition: all ease-in-out .2s;
  border-right: 1px solid #ddd;
}

.homebanrBotmWrap ul li:last-child{
  border-right: none
}

.homebanrBotmWrap ul li a{
 color: #660733;
  display: block;
 padding: 20px 25px;
  text-decoration: none;
  font-weight:bold;
}

.homebanrBotmWrap ul li a span{
  color: #888;
}

.homebanrBotmWrap ul li a:hover{
  color: #660733;
}

 /*end banner bottom */





/* 1sec qr stand */



.homeQrStandImg{
  text-align: center;
}
.homeQrStandImg img{
  width:25%;
  margin: auto;
  border-radius: 30px;
}

.qrStandBg{
background: url(../img/home/qrCrcleBg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
overflow: hidden;
border-radius: 30px;
padding: 30px 0;
}


/* crcle mobile */


.qr-mobileCircleAniBox {
  min-height:70vh;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
      justify-content: center;
}
.qr-mobileCircleAni {
margin-left: 40px;
  width:455px;
  height:455px;
  position: relative;
}
.qr-big-circle {
  height: 100%;
  width: 100%;
  position: relative;
  border:1px solid #ddd;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  animation: qr-Rotate 20s linear infinite;
  -webkit-animation: qr-Rotate 20s linear infinite;
}
.qr-icon-block {
  text-align: center;
  width:70px;
  height:70px;
  position: absolute;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background: #660733;
  box-shadow: 0 2px 4px 0 #3e5ada;
  -webkit-box-shadow: 0 2px 4px 0 #3e5ada;
}
.qr-icon-block img {
  margin: 0px auto;
  width:60%;
}

.qriconBlock{
  position: absolute;
  animation: qr-Rotate-reverse 20s linear infinite;
  -webkit-animation: qr-Rotate-reverse 20s linear infinite;
}

.qr-icon-block-title{
      top: 68px;
    left: 50%;
    transform: translate(-50%, -50%);
  position: absolute;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
color: #fff;
font-size:18px;
    margin: 0px auto;

}



.qr-icon-block:first-child {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}



.qr-icon-block:nth-child(2) {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
}
.qr-icon-block:nth-child(3) {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
}
.qr-icon-block:nth-child(4) {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
/* circle content */


.qr-circle {
  animation: qr-circle-rotate 20s linear infinite;
  -webkit-animation: qr-circle-rotate 20s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  width:73%;
  height: 73%;
  border: 1px dashed #ddd;
  border-radius: 50%;
}

 .qr-circle .qr-icon-block img {
  animation: qr-img-rotate 20s linear infinite;
  -webkit-animation: qr-img-rotate 20s linear infinite;
}  



.qriconBlockSmll{
    position: absolute;
    animation: qr-circle-rotate 20s linear infinite;
  -webkit-animation: qr-circle-rotate 20s linear infinite;
}


/* center logo */
.qr-center-logo {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-27%, -50%);
    border-radius: 15px;
    overflow: hidden;
    padding-bottom: 20px;
}

.qr-center-logo img {
  width: 100%;
  border-radius: 15px;
}

/* keyframe animation */

@keyframes qr-Rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes qr-Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes qr-Rotate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes qr-Rotate-reverse {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes qr-circle-rotate {
  from {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(405deg);
  }
}

@-webkit-keyframes qr-circle-rotate {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(405deg);
  }
}

@keyframes qr-img-rotate {
  from {
    transform: rotate(-45deg);
  }
  to {
    transform: rotate(-405deg);
  }
}

@-webkit-keyframes qr-img-rotate {
  from {
    -webkit-transform: rotate(-45deg);
  }
  to {
    -webkit-transform: rotate(-405deg);
  }
} 

.qrStandCircleText{
  padding: 50px;
}
 
.qrStandCircleText h1{
 background: linear-gradient(108deg,#0090F7,#fff 34%,#F2416B 68%,#F55600);
 background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 70px;
}

.qrStandCircleText p{
  color: #ddd;
  font-size: 20px;
}

/* end circle mobile */

/* end 1sec qr stand */





/* slider 2 */

.section1Mt{
  margin-top:70px;
}

.hHdr1{
      color: #888;
    font-weight: 600;
    font-size:45px;
}
.hHdr1 span{
  color: #904d6c;
 background: linear-gradient(108deg,#0090F7,#BA62FC 34%,#F2416B 68%,#F55600);
 background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.sliderCardMt{
  margin-top:40px;
  margin-left: 100px;
}

.slider1ImgBox{
  position: relative;
  margin:10px
}

.slider1Img1{
  width: 100%;
  border-radius: 25px;
}


.slider1Text1{
  position: absolute;
  top: 20px;
  left: 20px;
}


.slider1Text1 p{
  color: #fff;
    font-size: 17px;
    line-height: 1.2353641176;
    font-weight: 600;
    letter-spacing: -0.014em;
}

.slider1Text1 h3{
  color: #fff;
      font-weight: 500;
}


.slider1Slick .slick-prev, .slider1Slick .slick-next {
        top: inherit;
    bottom: -75px;
    width:40px;
    height:40px;
    border-radius: 100%;
    padding: 0;
    background: #dfdfe3b2;
}
.slider1Slick .slick-prev:hover, .slider1Slick .slick-prev:focus, .slider1Slick .slick-next:hover, .slider1Slick .slick-next:focus {
    color: transparent;
    outline: none;
    background: #dfdfe3b2;
}

.slider1Slick .slick-prev {
    left: inherit;
    right:90px;
}

.slider1Slick .slick-next {
    right: 40px;
}


.slider1Slick .slick-prev:before, .slider1Slick .slick-next:before {
    color:#000000a3;
}




/* end slider 2*/



/* sec3 wallet*/


.wallletHdrMb{
  margin-bottom: 40px;
}

.walletBg{
  background: #eee;
  padding:30px;
  border-radius: 30px;
}

.peWalletImg{
  text-align: center;
}
.peWalletImg img{
  width:60%;

}

.peWalletImg.peWalletImg1{
  text-align: right;
}

.peWalletImg.peWalletImg1 img{
  width:53%;
  margin-top: 50px;
}

.peWalletImg.peWalletImg2{
  text-align: left;
}
.peWalletImg.peWalletImg2 img{
  width:53%;
  margin-top: 50px;
}


/* end sec3 wallet */


/* sec4 */

.exRewardDashBox a{
position: relative;
display: block;
margin: 10px;
border-radius: 18px;
box-shadow: 2px 4px 12px #00000014;
transform: scale3d(1.01, 1.01, 1.01);
}

.exRewardDashBox a:hover{
    box-shadow: 2px 4px 16px #00000029;
    transform: scale3d(1.01, 1.01, 1.01);
}

.exRewardDashImg1 {
    width: 100%;
    border-radius: 18px;
}


.exRewardDashText1{
      position: absolute;
    top: 20px;
    left: 20px;
}

.exRewardDashText1 p {
  font-size: 17px;
font-weight: 600;
    background-image: linear-gradient(108deg, #0090f7 0, #ba62fc 34%, #f2416b 68%, #f55600 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.exRewardDashText1 h3 {
    color: #fff;
    font-weight: 500;
}

.exRewardDashText2{
      position: absolute;
    top: 20px;
    left: 20px;
}

.exRewardDashText2 p {
font-size: 17px;
font-weight: 600;
letter-spacing: -0.014em;
background-image: linear-gradient(108deg, #006bb9 0, #903fcf 32%, #cf0f3c 84%, #b84100 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.exRewardDashText2 h3 {
    color: #000;
    font-weight: 500;
}

/* end sec4 */



/* sec5 */

.secureScamHdrTxt{
  font-size: 20px;
  width: 60%;
}

.secureScamPaymntBg{
  background: #eee;
  padding:30px 20px;
  border-radius: 30px;
  margin-top: 30px;
}
.secScamPayText{
  padding: 50px;
}
.secScamPayText h1{
  font-size: 50px;
}

.secScamPayImg img{
  width:85%;
}

/* end sec5 */



/* sec6 */

.voiceBasBox{
    position: relative;
    margin: 10px;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding:30px 50px 30px;
    height: 100%;
}
.VoiceBasImg {
  margin-top: 20%;
}
.VoiceBasImg img{
  width: 100%;
}

.voiceBasText h3{
color: #622aff;
font-size: 22px;
}

.voiceBasText p{
    font-size: 19px;
    font-weight: 600;
    color: #1d1d1f;
}

.multilingualVoiceBox{
      background-image: linear-gradient(to bottom right, #622aff, #c3adff);
      position: relative;
    margin: 10px;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding:30px 50px 30px;
    height: 100%;
}


.multilingualVoiceText h3{
color: #fff;
font-size: 22px;
}
.multilingualVoiceText p{
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}
.multilingualVoiceImg{
  text-align: center;
}
.multilingualVoiceImg img{
  width:55%;
  margin: auto;
}


/* end sec6 */



/* sec7 */

.dailySpendsBg{
   background-image: url(../img/home/dailySpendsBg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
width: 100%;
padding:35px 0;
border-radius: 30px;
position: relative;
}

.dailySpendsBgOverlay{
background: #1A2447;
background: linear-gradient(358deg,rgba(26, 36, 71, 0.07) 0%, rgba(255, 255, 255, 0.13) 100%);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.dailSpendImgBox{
  width: 70%;
  margin: auto;
}

.dailySpendImgBox1{
  text-align: right;
}
.dailySpendImgBox2{
  text-align: center;
}

.dailySpendImgBox3{
  text-align: left;
}

.dailSpendImg1{
    width: 75%;
    margin-right: -50px;
    margin-top: 26px;
}

.dailSpendImg2{
  width:82%;
  z-index: 99;
  display: block;
  margin: auto;
}

.zIndex{
  z-index: 9;
}

.dailSpendImg3{
    width: 75%;
    margin-left: -50px;
    margin-top: 26px;
}

/* end sec7 */


/* sec8 */

.storeBox{
    background: #000;
    position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 0px 0;
    height: 100%;
    overflow: hidden;
}

.storeImg1{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
}



.store1Box{
    background:#fff;
      position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 0px 0px;
    height: 100%;
       overflow: hidden;
}
.store1Img1Box{
  text-align: center;
   padding-bottom: 20px;
}
.store1Img1Box img{
  width:36%;
}

.hmstoreText{
  padding: 0px;
  text-align: center;
}
.hmstoreText h1{
  color: #fff;
  font-weight: 600;
}

.hmstoreText p{
  color: #ddd;
}

.hmstore1Text{
  padding:0 40px 0px;
  text-align: center;
}

.hmstore1Text h1{
color: #000;
font-weight: 600;
}

.hmstore1Text p{
  color: #444;
}

.storesImgHom{
  text-align: center;
  padding-bottom: 20px;
}
.storesImgHom img{
  width:36%;
}

/* end sec8 */

/* footer */

footer{
  background: #000;
  margin-top: 80px;
}

.footer-Logo-Bg{
  background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.8)),url(../img/footer-logo-bg.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 50px 15px 0;
}

.footer-logo{
  width: 105px;
  margin-bottom: 40px;
}


.footer-About-text h3{
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}

.footer-About-text p{
  color: #fff;
  font-weight: 200;
  font-size: 14px;
}

.footerLink.footerLink-logo{
  display: flex;
 justify-content: space-between;
 margin-top: 20px;
}

.footerLink.footerLink-logo a{
  color: #fff;
  font-size: 13px;
}

.footer-social-media a{
  color: #fff;
  margin-right: 15px;
}



.footerLinkRow{
  margin-top: 50px;
}


.footerLink ul{
  padding-left: 0;
}

.footerLink ul h3{
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  margin-bottom: 25px;
}

.footerLink ul h3::after{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 50px;
    height: 2px;
  background: #0090F7;
}

.footerLink ul li{
  list-style: none;
  margin-bottom: 9px;
}

.footerLink ul li a{
  color: #878787;
  font-weight: 400;
  font-size: 14px;
  transition: all ease-out 0.2s;
}
.footerLink ul li a:hover{
  color:#95fa4f;
}

.ftrAppTxt{
  color: #878787;
}

.footerAppImg{
  width: 150px;
}

.textCopyryt{
 color: #fff;
 font-size: 11px;
 font-weight: 200;
 margin-top: 60px;
}

.textCopyryt span{
  font-size: 28px;
  position: relative;
  top: 4px;
}


/* end footer */
/************************************************* end home page******************************************************/



/************************************************* Privacy page******************************************************/



.privacyBnrBg{
  background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../img/privacy/privacyBnr.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding: 100px;
}

.privacyBnrTxt{
       background: linear-gradient(108deg, #0090F7, #fff 34%, #F2416B 68%, #F55600);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.privacyText1 h1{
    color: #000;
    font-weight: 600;
    font-size: 35px;
}

.privacyText1 h1 span{
    color: #660733;
    font-weight: 700;
}

.privacyText1 h3{
color: #000;
    font-size: 20px;
}

.privacyText1 h3 span{
  color: #888;
  font-weight:300;
}

.privacyText1 p{
  color: #444;
}

.privacyTxtBtitle{
  color: #006bb9;
    font-size: 22px;
  display: inline-block;
    border-bottom: 2px solid #006bb9;
    padding-bottom: 5px;
    margin-top: 15px;
    margin-bottom:10px;
}



.privacyTxtpra p{
    color: #444;
}

.privacyTxttitle{
  color: #000;
    font-size: 20px;
}

.privcyTxtMarlft{
  margin-left:22px;
}





/************************************************* end Privacy page******************************************************/





/************************************************* terms & conditions page******************************************************/

.termsConditionsBnr{
  width: 100%;
}
.termsCondiList ul li{
  color: #444;
}


/************************************************* end terms & conditions page******************************************************/




.section2Mt{
  margin-top: 100px;
}

/************************************************* login page******************************************************/


.loginBg{
  background-color: rgb(248 244 242);
  position: relative;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-logo{
  justify-content: center;
  display: flex;
  align-items: center;
}

.login-logo img{
    width: 110px;
    margin-bottom: 12px;
}

.login-logo span{
  color: #020066;
  margin-left:10px;
  font-size: 40px;
  font-weight: 600;
}


.loginBit {
  margin: 20px auto;
  padding: 40px 50px;
  width: 420px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
  .loginBit input {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin: 10px 0;
    padding: 14px 12px;
    font-size: 16px;
    border-radius: 2px; 
  }

.loginBit input[type=text],
.loginBit input[type=password] {
  border: 1px solid #c0c0c0;
  transition: .2s;
}

.loginBit input[type=text]:hover, .loginBit input[type=password]:hover {
  border-color: #020066;
  outline: none;
  transition: all .2s ease-in-out;
} 

.loginBitBtn{
  border: none;
  background: #080808;
  background: linear-gradient(95deg, rgba(8, 8, 8, 0.6) 0%, rgba(9, 31, 81, 0.76) 54%);
  color: white;
  font-weight: bold;  
  transition: 0.2s;
  margin: 20px 0px;
      width: 100%;
    padding: 11px 15px;
}

.loginBitBtn:hover {
  background: #080808;
  background: linear-gradient(95deg, rgba(9, 31, 81, 0.76) 0%,rgba(8, 8, 8, 0.6) 50%);
}

.loginHdr{
  text-align: center;
}

  .loginHdr h2 {
    margin: 20px 0 0; 
    color: #020066;
    font-size: 28px;
    text-align: center;
  }

.loginHdr p {
  margin-bottom: 40px;
}

.loginBitLink {
  display: table;
  width: 100%;  
  box-sizing: border-box;
  border-top: 1px solid #c0c0c0;
  margin-bottom: 10px;
}

.loginBitLink a {
  display: block;
  text-align: center;
  padding-top: 10px;
}


.loginBitLink a {
  text-decoration: none;  
  font-size: .8em;
}

.loginBitLink a:visited {
  color: inherit;
}

.loginBitLink a:hover {
  text-decoration: underline;
}



/************************************************* end login page******************************************************/




/************************************************* stores page******************************************************/

.carousel-indicators{
  display: none;
}

.stores-bnrBg1{
background: url(../img/stores/storeBanner1.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 75vh;
padding-bottom: 50px;
}

.stores-bnrBg2{
background: url(../img/home/banner2.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 75vh;
padding-bottom: 50px;
}

.stores-bnrBg3{
background: url(../img/home/banner2.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 82vh;
padding-bottom: 50px;
}


.storesBnrText1 h1{
    background: linear-gradient(108deg, #0090F7, #fff 34%, #F2416B 68%, #F55600);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 70px;
}
.storesBnrText1 p{
  color: #ddd;
  font-size: 18px;
}

.homebanrBotmWrap.storesBnrBotmWrap ul li .storesBnrBtmIcon{
    color: #000;
    font-size:35px;
    margin-top: 15px;
}

.homebanrBotmWrap.storesBnrBotmWrap ul li img{
  width: 40px;
}

.storebnrBtmIconLast{
  width: 45px!important;
}

  .homebanrBotmWrap.storesBnrBotmWrap ul li a{
     padding:0 20px 0px;
  }

  .homebanrBotmWrap.storesBnrBotmWrap ul li{
    padding: 5px 0;
  }

.homeBnrBotmNav.storesBnrBotmNav{
margin-top: -40px;
}

.storGeoTraText h3 {
    color: #622aff;
    font-size: 22px;
}
.storGeoTraText p {
    font-size: 17px;
    font-weight: 400;
    color: #1d1d1f;
}

.storGeoTraList{
  padding-left:16px;
}

.storGeoTraList h3{
  font-size: 22px;
  margin-left: -16px;
}

.storGeoTraList li{
      font-size: 17px;
    font-weight: 400;
    color: #1d1d1f;
    margin-bottom: 15px;
}


.storGeoTraImg{
  position: relative;
}
.storGeoTraImg img{
  width: 100%;
  border-radius: 30px;
}

.geoTrackMsgStoreBox{
  position: absolute;
  right: 10%;
  top: 10%;
}


.geoTrackMsgStore {
    position: relative;
    max-width: 238px;
    margin: 0 auto;
    background: #fff;
    padding: 20px 17px;
    text-align: center;
    border-radius: 3%;
  -webkit-box-shadow: -7px 0px 0px -2px rgba(71,71,71,0.2);
  -moz-box-shadow: -7px 0px 0px -2px rgba(71,71,71,0.2);
  box-shadow: -7px 0px 0px -2px rgba(71,71,71,0.2);
}

.geoTrackMsgStoreTxt h1 {
    font-size:16px;
    margin: 2px 0 6px 0;
    font-weight: normal;
}

.geoTrackMsgStoreTxt p {
  font-size: 0.8em;
  margin-bottom: 0;
}

.LocatonIconcircle {
    position: absolute;
    padding: 6px 10px;
    background: #73c242;
    border-radius: 50%;
    text-align: center;
    top: -25px;
    left: 96px;
}

.LocatonIconcircle i {
  color: white;
  margin: 0;
  font-size: 30px;
}

.instantPersonalizedImgBox1{
  position: relative;
  margin-top: 10px;
  height: 100%;
}

.instantPersonalizedImgBox1 img{
  width: 100%;
   border-radius: 18px;
     height: 100%;
}

.instantPersonalizedTxt1{
  position: absolute;
  top: 30px;
  left: 50px;
}

.instantPersonalizedTxt1 h3{
  color: #fff;
    font-size: 22px;
}

.instantPersonalizedTxt1 p{
  color: #ddd;
  font-size: 17px;
  width: 90%;
}

.instantPersonalizedTxt2 h3{
      color: #622aff;
    font-size: 22px;
}

.instantPersonalizedTxt2 p{
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1f;
}

.instantPersonalizedImg2{
  margin-top: 20px;
}

.instantPersonalizedImg2 img{
    width:80%;
}

.instantPersonalizedBox2{
    position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 50px 0px;
    height: 100%;
      margin-top: 10px;
}


.productSuggestionsKnowBox{
  background: #fff;
      box-shadow: 2px 4px 12px #00000014;
      border-radius: 20px;
      overflow: hidden;
}


.productSuggesTxtBox{
  padding: 50px;
}

.productSuggestionsImg1{
  background:url(../img/stores/productSuggestionsBg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
   border-radius: 30px 0 0 30px;
}

.productSuggestionsImg1 img{
  width:83%;
  border-radius: 30px 0 0 30px;
}

.productSuggesSubBox{
  margin-top:60px;
}

.productSuggesSubTxtBox h3{
       color: #622aff;
    font-size:17px;
    text-align: center;
}

.productSuggesSubImg{
  text-align: center;
  margin-bottom: 20px;
}

.productSuggesSubImg img{
  width: 100px;
}


.productDiscoveryStrBox1{
     background-image: linear-gradient(to right, #fbc2eb 0%, #a6c1ee 51%, #fbc2eb 100%);
    position: relative;
    margin-top: 10px;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    height: 100%;
}

.productDiscoveryStrBox3{
      background-image: linear-gradient(to bottom right, #622aff, #c3adff);
    position: relative;
    margin: 10px;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    height: 100%;
}
.productDiscoveryText{
        padding: 30px 50px 30px;
}

.productDiscoveryText h3{
    color: #fff;
    font-size: 22px;
}

.productDiscoveryText p{
    font-size: 17px;
    font-weight:400;
    color: #fff;
}
.productDiscoveryImg1 img{
  width: 100%;
}
.productDiscoveryImg img{
width: 100%;
}


.productDescoverImgBoxCenter img{
  width: 100%;
  -webkit-animation: productDescovermover 1s infinite  alternate;
    animation: productDescovermover 1s infinite  alternate;
}
@-webkit-keyframes productDescovermover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes productDescovermover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}


.storeOferDiscountBox2 {
  background: #fff;
    position: relative;
    margin-top: 10px;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 50px 30px;
    height: 100%;
    overflow: hidden;
}



.storeOferDiscountText2{
  text-align: center;
}

.storeOferDiscountHdrText2 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.storeOferDiscountHdrText2 h1 {
    font-size: 32px;
  font-weight: 600;
  color: transparent;
  background-image: linear-gradient(to right ,#553c9a, #ee4b2b, #00c2cb, #ff7f50, #553c9a);
  -webkit-background-clip: text;
  background-clip: text;    
  background-size: 200%;
  background-position: -200%;
  animation: Txtanimated-gradient 2s infinite alternate-reverse;      
}
@keyframes Txtanimated-gradient{
  to{
    background-position: 200%;
  }
}




.storeOferDiscountText2 p {
    font-size: 19px;
    font-weight: 600;
    color: #1d1d1f;
}

.storeOferDiscountImg1 img{
  width:85%;
}


.storeOferDiscountBox1{
       background: linear-gradient(90deg, #ff3a82, #5233ff);
    position: relative;
    margin: 10px;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 50px 30px;
    height: 100%;
}

.storeOferDiscountText1{
  text-align: center;
}

.storeOferDiscountText1 h3 {
    color: #fff;
    font-size: 22px;
}

.storeOferDiscountText1 p {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}
.storeOferDiscountImg2{
  text-align: right;
  margin-top: 40px;
}
.storeOferDiscountImg2 img{
  width:78%;
}

.offersDiscountFixedImg1{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 180px;
}

.offersDiscountFixedImg2{
  position: absolute;
  bottom: 0;
  left: 0;
    width: 330px;
    rotate: -10deg;
}






.storeDeliveryOptionsBox1{
 background-color: #f9b234;
     position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 50px 30px;
    height: 100%;
}

.storeDeliveryOptionsBox2{
  background-color: #cd3e94;
      position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 50px 30px;
    height: 100%;
}

.storeDeliveryOptionsBox3{
  background-color: #952aff;
      position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 50px 30px;
    height: 100%;
}


.storeDeliveryOptionsText h3{
    margin: 0 0 15px;
    overflow: hidden;
    font-weight: 600;
    font-size: 30px;
    color: #FFF;
    z-index: 2;
    position: relative;
}

.storeDeliveryOptionsText p{
      font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.storeDeliveryOptionsImg1 img{
  width: 100%;
}


.storeDeliveryOptionsImg3{
  margin-top: 50px;
}
.storeDeliveryOptionsImg3 img{
  width: 100%;
}



/*animation background*/

/* .nearStoresDistnceWrap{
  overflow: hidden;
} */

.storenearDistanceTextBox{
      position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding:40px 20px 30px;
    height:100%;
}
.storenearDistanceText h3 {
       color: #622aff;
    font-size: 29px;
    margin-bottom: 20px;
        font-family: 'Alexandria';
}
.storenearDistanceText p {
    font-size: 17px;
    font-weight:400;
    color: #1d1d1f;
}


.storeNearStore1{
  position: absolute;
  right: 50px;
  top: 20px;
  width: 30%;
  display: inline-block;
  z-index: 999;
}


.storeNearStore2{
  position: absolute;
  left: 50px;
  top: 20px;
  width: 32%;
  display: inline-block;
  z-index: 999;
}

.storeNearStore3{
   position: absolute;
  left:35%;
  bottom: 10px;
  width:25%;
  display: inline-block;
  z-index: 999;
}











.nearLocatnStore{
  position: relative;
  background: #fff;
            color: white;
            height:76vh;
            display: flex;
            align-items: center;
            justify-content: center;
              border-radius: 18px;
            overflow: hidden;
       
}

        .nearLocatnStoreBg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;

        }

        .gradient-sphere {
            position: absolute;
            border-radius: 50%;
            filter: blur(60px);
        }

        .sphere-1 {
            width:27vw;
            height:27vw;
            background: linear-gradient(40deg, rgba(255, 0, 128, 0.8), rgba(255, 102, 0, 0.4));
            top: 10%;
            left: 10%;
            animation: float-1 15s ease-in-out infinite alternate;
        }

        .sphere-2 {
            width: 25vw;
            height: 25vw;
            background: linear-gradient(240deg, rgba(72, 0, 255, 0.8), rgba(0, 183, 255, 0.4));
            bottom: 20%;
            right: 10%;
            animation: float-2 18s ease-in-out infinite alternate;
        }

        .sphere-3 {
            width: 30vw;
            height: 30vw;
            background: linear-gradient(120deg, rgba(133, 89, 255, 0.5), rgba(98, 216, 249, 0.3));
            top: 60%;
            left: 20%;
            animation: float-3 20s ease-in-out infinite alternate;
        }

        .noise-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.05;
            z-index: 5;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
        }

        @keyframes float-1 {
            0% {
                transform: translate(0, 0) scale(1);
            }
            100% {
                transform: translate(10%, 10%) scale(1.1);
            }
        }

        @keyframes float-2 {
            0% {
                transform: translate(0, 0) scale(1);
            }
            100% {
                transform: translate(-10%, -5%) scale(1.15);
            }
        }

        @keyframes float-3 {
            0% {
                transform: translate(0, 0) scale(1);
                opacity: 0.3;
            }
            100% {
                transform: translate(-5%, 10%) scale(1.05);
                opacity: 0.6;
            }
        }

        .grid-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: 40px 40px;
            background-image: 
                linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            z-index: 2;
        }

        .glow {
            position: absolute;
            width: 40vw;
            height: 40vh;
            background: radial-gradient(circle, rgba(72, 0, 255, 0.15), transparent 70%);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            animation: pulse 8s infinite alternate;
            filter: blur(30px);
        }

        @keyframes pulse {
            0% {
                opacity: 0.3;
                transform: translate(-50%, -50%) scale(0.9);
            }
            100% {
                opacity: 0.7;
                transform: translate(-50%, -50%) scale(1.1);
            }
        }

        .particles-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 3;
            pointer-events: none;
        }

        .particle {
            position: absolute;
            background: white;
            border-radius: 50%;
            opacity: 0;
            pointer-events: none;
        }


/************************************************* end stores page******************************************************/

 
/************************************************* 1store page******************************************************/

.pe1storeBnr1{
  background: #000;
  background-image: url(../img/store1/banner1.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}



.store1Text1Store p{
  font-size: 18px;
  color: #444;
}



/* 1store */



.about1StroeWrap{
  position: relative;
  padding: 135px 0 60px;
}

.store1AboutHdrBx{
  position:relative;
  margin-bottom:60px;
}

.store1AboutHdrBx .store1AboutHdr-title{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #00aeef;
  font-weight: 500;
  margin-bottom: 15px;
}

.store1AboutHdrBx h1:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  width:50px;
  height:3px;
  background-color:#d1d2d6;
}


.store1AboutTextPra p{
  color: #444;
  font-size: 17px;
}



.store1AboutList{
position:relative;
margin-bottom: 30px;
margin: 0;
padding: 0;
list-style: none;
}

.store1AboutList li{
  position:relative;
  font-size:16px;
  line-height:26px;
  color: #222222;
  font-weight:400;
  padding-left:35px;
  margin-bottom: 12px;
}

.store1AboutList li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    font-size: 18px;
    padding: 0px;
    color: green;
    font-weight: 600;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.6;
    font-family: "Font Awesome 5 Free";
}


.store1Btn1{
  display: inline-block;
  font-size: 17px;
  line-height: 30px;
  color: #ffffff;
  padding: 10px 30px;
  font-weight: 600;
  overflow: hidden;
  letter-spacing: 0.02em;
  background-color: #00aeef;
  border-radius: 80px;
}

.store1Btn1:hover{
  background-color: #0794c9;
  color: #ffffff;
}



.store1AboutImg1Box{
  position: relative;
  padding-left: 80px;
  padding-bottom: 0px;
}


.store1AboutImg1Box:before{
content: '';
position: absolute;
width: calc(50% + 59px);
    height: calc(90% + 160px);
    top: -54px;
left: -3px;
background: transparent;
z-index: 0;
border: 44px solid #00aeef;
border-radius: 58px;
}


.store1AboutImg1{
  position: relative;
}

.store1AboutImg1 img{
  box-shadow: 0 30px 50px rgba(8,13,62,.15);
      border-radius:30px;
      max-width:70%;
    height: auto;
}


/* sec2 */
.store1Img3{
  text-align: center;
}
.store1Img3 img{
  width: 80%;
}

.store1SeamlessTxtPraBox{
      position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    height: 100%;
    margin-top: 10px;
}

.store1SeamlessTxtPra{
    padding: 30px 50px 0px;
}

.store1SeamlessTxtPra h3 {
    color: #622aff;
    font-size: 22px;
}

.store1SeamlessTxtPra p {
    font-size: 16px;
    font-weight:500;
    color: #1d1d1f;
}


.store1exclueOfrBox1{
      background-color: #f9b234;
    position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 15px 30px;
    height: 100%;
}

.store1exclueOfrBox2{
      background-color: #cd3e94;
    position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 15px 30px;
    height: 100%;
}

.store1exclueOfrBox3{
      background-color: #952aff;
    position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 15px 30px;
    height: 100%;
}


.store1exclueOfrBox4{
      background-color: #F55600;
    position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 15px 30px;
    height: 100%;
}

.store1exclueOfrText1 h3 {
    margin: 0 0 15px;
    overflow: hidden;
    font-weight: 600;
    font-size:18px;
    color: #FFF;
    z-index: 2;
    position: relative;
}

.store1exclueOfrText1 p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.storesBnrBotmWrap.store1BnrBotmLink ul li{
padding:14px 0;
}

.storesBnrBotmWrap.store1BnrBotmLink ul{
display: flex;
align-items: center;
justify-content: center;
}

/************************************************* end 1store page******************************************************/


/************************************************* solutions page******************************************************/

.sloutionSubHdr{
  width: 70%;
  margin: auto;
  color: #444;
}

.solutionImg1Box{
  position: relative;
}


.solutionImg1-column{
  position: relative;
  padding-left: 120px;
  padding-bottom: 125px;
}

.solutionImg1-column:before{
  position: absolute;
  left: -75px;
  top: 65px;
  height: 520px;
  width: 520px;
  background-image:url(https://i.ibb.co/fxJ1jtC/about-circle-1.png);
  content: "";
}

.solutionImg1-1{
  position: relative;
}

.solutionImg1-2{
  position: absolute;
  left: 0;
  bottom: 0;
}

.solutionImg1-2 img,
.solutionImg1-1 img{
  box-shadow: 0 30px 50px rgba(8,13,62,.15);
    max-width: 100%;
    height: auto;
        border-radius: 30px;
}




.solutionPraBox1{
    position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    height: 100%;
    margin-top: 10px;
}

.solutionTxtPra1{
  padding:30px;
}

.solutionTxtPra1 h3{
    color: #622aff;
    font-size: 22px;
}

.solutionTxtPra1 p{
    font-size: 16px;
    font-weight: 400;
    color: #666;
}

.secureScamResiImg{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.secureScamResiImg img{
  width: 50%;
}





.smartStrNaviBox1{
      background-color: #fff;
    position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 15px 30px;
    height: 100%;
}

   
.smartStrNaviText1 h3 {
    margin: 0 0 15px;
    overflow: hidden;
    font-weight: 600;
    font-size: 18px;
    color: #622aff;
    z-index: 2;
    position: relative;
}

.smartStrNaviText1 p {
    font-size: 16px;
    font-weight: 400;
    color: #666;
}


.solSacnPayGoTxtBox1{
      background: linear-gradient(90deg, #ff3a82, #5233ff);
    position: relative;
    margin: 10px;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px;
    height: 100%;
}

.solSacnPayGoText1 h3 {
    color: #fff;
    font-size: 22px;
    display: inline-block;
    position: relative;
    margin-bottom: 25px;
}

.solSacnPayGoText1 h3::after{
  content: "";
position:absolute;
bottom: -10px;
left: 0;
width: 100px;
height: 3px;
background: #ffc107;
}


.solSacnPayGoText1 p {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}


.solSacnPayGoText2 h1{
  color: #000;
  font-size: 30px;
}

.solSacnPayGoText2 p{
  font-size: 17px;
    font-weight: 600;
    color: #666;
}





.solSmartMallSubHdr p{
  width: 60%;
      color: #444;
    font-size: 17px;
}

.solSmartMallBox1{
      background: #fff;
    position: relative;
    margin-top: 10px;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding:20px 20px;
    height: 100%;
    overflow: hidden;
}

.solSmartMallImg1{
  margin-bottom: 30px;
}

.solSmartMallImg1 img{
  width: 100%;
}

.solSmartMallbxTxt1 h3{
  font-size: 22px;
}

.solSmartMallbxTxt1 p{
      color: #444;
    font-size: 16px;
}





.solSmartGeoNotiImgBox{
      position: relative;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 30px 50px 0px;
    height: 100%;
    margin-top: 10px;
}


.solSmartGeoNotiImg img{
  width: 100%;
}



.solSmartGeoNotiTxtBg{
     background:url(../img/solutions/smartGeofencingBG.png);
     background-position:center;
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
    position: relative;
    margin: 10px;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 50px;
    height: 100%;
}

.solSmartGeoNotiTxt1 p{
    color: #ddd;
    font-size: 17px;
}
.solSmartGeoNotiTxt1 p b{
    color: #fff;
}





.solSmartbarCodSubHdr{
  text-align: center;
}

.solSmartbarCodSubHdr p{
  width: 70%;
  color: #eee;
  margin: auto;
}

.solSmartbarCodIBxcon1{
  text-align: center;
  width: 80px;
  height: 80px;
  border-radius:20px;
  border: 1px solid #fff;
  line-height:76px;
}

.solSmartbarCodIBxcon1 img{
  width:37px;
}


.solSmartbarCodBoxText{
  margin-top:20px;
}


.solSmartbarCodBoxText h3{
    font-weight: 600;
    color: white;
    letter-spacing: -0.02em;
    line-height: 40px;
    font-style: normal;
    font-size: 22px;
    padding-bottom: 8px;
}

.solSmartbarCodBoxText p{
    font-weight: 600;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    max-width: 470px;
}

.solSmartbarCodBox{
  position: relative;
  border: 1px solid #444;
  /* background: linear-gradient(71deg, #080509, #1a171c, #080509); */
  background-clip: padding-box;
    border-radius: 20px;
    padding: 23px;
        height: 100%;
}

.solSmartbarCodCard {
  border: 0;
  background: transparent;
          height: 100%;
}

.solSmartbarCodBg{
    background: rgb(0, 212, 255);
    background: linear-gradient(90deg, rgba(0, 212, 255, 1) 0%, rgba(9, 9, 121, 1) 0%, rgba(2, 0, 36, 1) 33%);
  padding: 60px 0;
  margin-top: 80px;
}

.smartbarCodImgBx{
  margin-top:70px;
}

.smartbarCodImgBx img{
  width: 100%;
}

/* 
.bg-green-box,
.bg-white-box,
.bg-yellow-box,
.bg-blue-box {
  position: relative;
}

.bg-green-box::after,
.bg-white-box::after,
.bg-yellow-box::after,
.bg-blue-box::after {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  content: "";
  z-index: -1;
  border-radius: 45px;
}

.bg-green-box::after {
  background: linear-gradient(71deg, #0d1212, #3da077, #0d1212);
}

.bg-white-box::after {
  background: linear-gradient(71deg, #121013, #b0afb0, #121013);
}

.bg-yellow-box::after {
  background: linear-gradient(71deg, #110e0e, #afa220, #110e0e);
}

.bg-blue-box::after {
  background: linear-gradient(71deg, #0c0a0e, #5f6fad, #0c0a0e);
} */


/************************************************* end solutions page******************************************************/