:root {
  --gray: #3C3C3C;
  --color-primary: rgb(18, 194, 53);
  --color-light-grey: #EFF1F2;
  --text-grey: #718087;
  --text-white:#fff;
}

.btn-primary {
  background: #023F75;
}

body {
  text-shadow: none;
  font-family: 'Roboto', sans-serif;
}

.text-bg-dark {
  background-color: var(--gray-dark) !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.zIndex {
  z-index: 9 !important;
}
.zIndex99 {
  z-index: 999 !important;
}

a {
  text-decoration: none;
}

p {
  font-family: 'Roboto', sans-serif;

  font: normal normal 300 16px/25px;
  letter-spacing: 0px;
}


.btn {
  border: 1px solid var(--white);
  padding: 5px 20px 2px;
  position: relative;
  transition: all 0.5s ease;
}

.fw-medium {
  font-weight: 500 !important;
}

.btn-primary:hover {
  border-color: var(--white);
  transform: scale(1.05);
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: var(--white);
  background-color: transparent;
  border-color: var(--white);
}


/*Header  */
.header .topbar {
  background: var(--gray);
}

.header {
  transition: all 0.5s ease;
  background: rgba(255, 255, 255, 0.9);
}

.header .btn-primary {
  margin-left: 15px;
  width: 131px;
  height: 36px;
  
background: linear-gradient(184deg, rgba(18,194,53,1) 0%, rgba(18,194,53,1) 49%, rgba(11,148,39,1) 100%);
  box-shadow: 0px 6px 16px rgba(41, 242, 88, 0.277);
}

.header .right-list li {
  padding: 8px;
}
.header .right-list a.sociallink{color: var(--text-white); transition: 0.5s all ease;}

.header .right-list a.sociallink:hover{color: var(--color-primary);}

/*Header  */


/* HomePage */
.tophero {
  padding: 110px 0 173px;
  background: url(../images/Lines.svg) top center no-repeat;
  background-attachment: fixed;
  overflow-x: hidden;
}

.tophero::before{position: absolute; left: -25px; content: ''; background: url(../images/shape1.svg) top center no-repeat;
width: 145px; height: 280px; top: 0; }
.tophero::after{position: absolute; right: -25px; content: ''; background: url(../images/shape2.svg) top center no-repeat;
  width: 145px; height: 280px; bottom: 0; }
.tophero h4 {
  color: var(--color-primary);
}

.tophero h1 {
  font-size: 54px;
}

.tophero p {
  font-size: 18px;
}

.tophero .btn-primary {
  width: 216px;
  height: 50px;
  box-shadow: 0px 12px 16px rgba(39, 21, 236, 0.186);
}

.btn_icon {
  width: 48px;
}

.tophero .swiper-button-prev {
  width: 50px;
  border-radius: 0 5px 5px 0;
}

.tophero .swiper-button-next {
  width: 50px;
  border-radius: 5px 0 0 5px;
  border-right: 0 !important;
  
}

.tophero .swiper-button-prev::after,
.tophero .swiper-button-next::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.589' height='14.925' viewBox='0 0 18.589 14.925'%3E%3Cpath id='Icon_awesome-angle-double-left' data-name='Icon awesome-angle-double-left' d='M11.014,13.416l6.341-6.341a1.114,1.114,0,0,1,1.581,0L19.99,8.129a1.114,1.114,0,0,1,0,1.581l-4.49,4.5L19.995,18.7a1.114,1.114,0,0,1,0,1.581l-1.054,1.058a1.114,1.114,0,0,1-1.581,0L11.019,15A1.116,1.116,0,0,1,11.014,13.416ZM2.062,15,8.4,21.343a1.114,1.114,0,0,0,1.581,0l1.054-1.054a1.114,1.114,0,0,0,0-1.581l-4.49-4.5,4.495-4.495a1.114,1.114,0,0,0,0-1.581L9.989,7.075a1.114,1.114,0,0,0-1.581,0L2.067,13.416a1.116,1.116,0,0,0,0,1.585Z' transform='translate(-1.734 -6.746)' fill='%233c3c3c'/%3E%3C/svg%3E%0A");
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  width: 19px;
  height: 15px;
}

.tophero .swiper-button-next::after {
  transform: rotate(-180deg);
}

/* HomePage */

/* ABout Us Section */
.aboutus {
  background: linear-gradient(#fff 0%, #f2f9ff 100%);
  padding: 70px 0;
}

.aboutus .card {
  border-radius: 15px;
  box-shadow: 0px 3px 18px rgba(0, 0, 0, 0.13);
}

.aboutus .card:hover {
  box-shadow: 0px 11px 8px rgba(0, 0, 0, 0.13);
}

.aboutus .card:before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-radius: 0.5px;

  background: linear-gradient(90deg, rgba(242, 41, 91, 0) 0%, rgb(13, 13, 126) 49%, rgba(248, 148, 79, 0) 100%);
}

.aboutus .card .iconbox {
  background: var(--color-light-grey);
  width: 55px;
  height: 55px;
}

.aboutus .card p {
  color: var(--text-grey);
}

.aboutus .card p:before {
  content: '';
  left: 0;
  top: 0;
  width: 3px;
  position: absolute;
  height: 100%;
  background: var(--color-light-grey);
  border-radius: 25px;
}

.aboutus .card p:after {
  content: '';
  left: 0;
  top: 0;
  width: 3px;
  position: absolute;
  height: 35px;
  background: #F9C78B;
  box-shadow: 0px 6px 16px rgba(242, 41, 91, 0.36);
  border-radius: 25px;
}



.aboutus .head h5 {
  color: var(--color-primary);
}

.aboutus strong.textbig {
  font-size: 154px;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--color-light-grey);
  line-height: 64px;
}
/* ABout Us Section */


.services{padding: 85px 0;}
.services h6{border-left: 3px solid var(--color-primary); color: var(--color-primary);}
.services p{color: var(--text-grey);}
.services .card{background: var(--color-light-grey);transition: 0.5s all ease; min-height: 202px;}
.services .card:hover{transform: scale(1.05); background: var(--text-white); position: relative; z-index: 1;
  box-shadow: 0px 8px 42px rgba(133, 133, 133, 0.1); border: none !important; border-radius: 10px;}
.services .serviceicon{max-height: 65px; }


.instantcash .innercolorbox{width: 90px; height: 90px; border-radius: 20px;}
.instantcash .card:after{position: absolute; content: '';  height:3px; border-top: 3px dashed #EBEBEB;
  left: calc(50% + 62px); right: 0px;top: 45px;}
  .instantcash .card:before{position: absolute; content: '';  height:3px; border-top: 3px dashed #EBEBEB;
    right: calc(50% + 65px); left: 0px;top: 45px;}
.instantcash p{color: var(--text-grey);}
.bg-purple{background: #9672FF; }
.bg-purple:after{content: ''; position: absolute; width: 12px; height: 12px; background: #9672FF; border-radius: 50%; right: -30px;
top: calc(50% - 6px); z-index: 1;}
.bg-purple:before{content: ''; position: absolute; width: 12px; height: 12px; background: #9672FF; border-radius: 50%; left: -30px;
  top: calc(50% - 6px); z-index: 1;}

.bg-lightblue{background: #4DDFFD;}
.bg-lightblue:after{content: ''; position: absolute; width: 12px; height: 12px; background: #4DDFFD; border-radius: 50%; right: -30px; top: calc(50% - 6px); z-index: 1;}
.bg-lightblue:before{content: ''; position: absolute; width: 12px; height: 12px; background: #4DDFFD; border-radius: 50%; left: -30px; top: calc(50% - 6px); z-index: 1;}

.bg-lightgreen{background: #9AFBAD;}
.bg-lightgreen:after{content: ''; position: absolute; width: 12px; height: 12px; background: #9AFBAD; border-radius: 50%; right: -30px; top: calc(50% - 6px); z-index: 1;}
.bg-lightgreen:before{content: ''; position: absolute; width: 12px; height: 12px; background: #9AFBAD; border-radius: 50%; left: -30px; top: calc(50% - 6px); z-index: 1;}
.bg-lightpink{background: #F2B8EC;}
.bg-lightpink:before{content: ''; position: absolute; width: 12px; height: 12px; background: #F2B8EC; border-radius: 50%; 
  left: -30px; top: calc(50% - 6px); z-index: 1;}
  .bg-lightpink:after{content: ''; position: absolute; width: 12px; height: 12px; background: #F2B8EC; border-radius: 50%; 
    right: -30px; top: calc(50% - 6px); z-index: 1;}



.whychoose .bottomboxbg{background: rgb(18,194,53);
  background: linear-gradient(74deg, rgba(18,194,53,0) 32%, rgba(162,208,255,0.28895308123249297) 100%);}
  .btn-success{background: #12C235;}

  .whychoose .bottomboxbg .bigtext{
    font-size: 127px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ddd;
    position: absolute;
    
    top: calc(50% - 91px);
    left:-182px;
    height: 182px;
    transform: rotate(270deg);
    line-height: 182px;}


.videobox{
  background: var(--color-light-grey);
  padding: 80px 0;
}
.videobox iframe{margin: 0;}


.appscreenshot{padding: 80px 0; }
.appscreenshot .swiper-slide{border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
.appscreenshot .swiper-button-prev{background: #ddd; color: var(--gray); width: 40px; height: 40px; border-radius: 4px;}
.appscreenshot .swiper-button-prev:after{font-size: 20px; font-weight: 700;}
.appscreenshot .swiper-button-next{background: #ddd; color: var(--gray); width: 40px; height: 40px; border-radius: 4px;}
.appscreenshot .swiper-button-next:after{font-size: 20px; font-weight: 700;}


.rateus{padding: 80px 0;}

.footer{padding-top: 50px; background:#1e252f;}
.footer .form-group{    background: #343f4e; border: none; border-radius: 5px;}
.footer .form-control{    background: transparent; border: none; color: #fff;}
.footer .sociallink_list svg{width: 20px; height: 20px;}
.footer .btn-primary{width: 170px; background: #4687C6;}
.copyright{border-top: 1px solid #2D3640; color: #718087;}





.innerbanner{height: 300px; color: #fff; background-size:100% 100% !important;}
.innerbanner::before{position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0; background-color: rgb(22, 63, 118,0.6);}

/* Responsive */
@media (max-width : 1199px) {
  .header .navbar-brand {
    max-width: 210px;
    margin: 0;
  }
  .header .navbar-brand img{width: 100%;}
  .navbar-expand-lg .navbar-nav .nav-link{font-size: 14px !important; padding:8px 0 ;}
  .header .btn-primary{    width: 110px;}
  
}
@media (max-width : 991px) {
  .instantcash .card{margin-bottom: 40px;}
  .tophero {
    padding: 80px 0;
}
.header .navbar-brand {
  max-width: 210px;
  margin: 0;
}
.header .navbar-brand img{width: 100%;}
.header .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.header {border-bottom: 1px solid #ddd;}
.header .navbar-collapse{position: absolute;

  left: 0;
  right: 0;
  top:62px;
  background: rgba(255,255,255,0.85);
  padding-bottom: 15px;
  border-top: 1px solid #ddd;}


}
@media (max-width : 767px) {
  .videobox,.appscreenshot,.rateus {
    padding: 40px 0;
}
.header .navbar-brand {
  max-width: 210px;
  margin: 0;
}
.header .navbar-brand img{width: 100%;}
.tophero h4{margin-top: 30px;}
.videobox h2{font-size: 32px !important;}
.tophero h1{font-size: 36px;}
}