@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


*::after,
*::before{box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0px; padding: 0px;}

:active,
:focus, .form-control:focus{outline: 0px !important; box-shadow: none;
outline-offset: 0;}
.form-floating>.form-control, .form-floating>.form-select{height: 45px; border-radius: 5px !important;}

a:hover{text-decoration: none; color: var(--blue-color);}
ul, ol{margin: 0px; padding: 0px;}

.btn-primary {color: #fff;background-color: #1E90FF; border-radius: 14px; font-size: 15px;padding: 14px 14px 14px 14px; font-weight:400;}
.btn-primary:hover, .btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #273b7d;
    border-color:#273b7d;
    box-shadow:none;
}
.btn-primary02{padding: 10px 16px 10px 16px!important;}
.anual-monthly-btn{padding: 12px 50px 12px 50px;}
.c-black{color: #000;}

.btn-outline-dark{color:#094174;border-color:#094174;}
:root{
    --blue-color:#094174;
    --maroon-color:#C20000;
    --subheading-grey:#848484;
    ---white:#fff;
    --tablightblue:#DEEFFF;
    --tabgrey:#EEEEEE;
}
.btn-outline-dark:hover{background-color:#c20000; border-color:#c20000;}
.card-header{background-color:transparent;}
body {
    font-family: "Inter", serif;
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    background-color: #fff;
}
.navbar{padding-top: 17px; padding-bottom: 17px;}
.navbar-light .navbar-nav .nav-link{color: #000; font-size: 16px;}
.tollfree{text-decoration:none;font-size: 27px;font-weight: bold;color: #303591;}
.heading h1{font-size: 30px; font-weight: 600; padding-bottom: 25px;}
.bdn{border:none; background-color: white; font-weight: 600;}
.colorgrey{color:#4A4A4A;}
.colorblack{color:#000;}
.colorred{color:red;}
.colorgreenc{color:green;}
.colorblue{color:blue;}
.fright{float:right;}
.dd{display: inline-block;}
.bdr14{border-radius:14px;padding: 14px 14px 14px 14px; width: 123px; font-size: 15px; font-weight: 400; }
.ext{text-align:right; padding-right:6px;color:blue;}
.colorgreen{background-color:green;}
.bg-orange2{background-color:#dbe8ff;}
.dropdown-menu{min-width:80px !important;}
.dd .dropdown-toggle::after{content: none;}
.bdrn{border-right: none !important;}
/* Main banner Css */
.bg-bn{background-color: #EAF6FE;}
.search-sec{position: relative; min-height: 400px;}
.search-sec .container{position: relative; z-index: 1;}
.search-sec::after{content: ""; position: absolute; top: -12px; width: 100%; height:693px;
   background-image: url(../Images/banner.png); background-repeat: no-repeat; background-position: center center;background-size: cover;}
   .search-sec .search-box .shadow{ box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
   .mr-50 {margin-right: 50px;}
.banner-sec{margin-top:76px; color: #000; font-weight:800;}
.banner-sec p{font-size: 56px; line-height: 66px;}
.banner-sec span{display:inline-block; text-align: center;}
.create{font-size: 22px!important; font-weight: 600; line-height: 65px!important;}
.path1{position:absolute;margin-top:-118px;padding-left:21%;}
.gen{width: 260px; height: 62px;font-size: 18px; padding: 14px 14px 14px 14px; font-weight: 600;}
.navbar-expand-lg .navbar-nav .nav-link{padding-right: 20px;padding-left:20px;}


/* Top Three step Css */
.mr142{margin-top: 142px;}
.three-step {padding: 177px 0px 10px;background-color: #fff;}
.three-step .aero{margin-top: 8%;position: absolute;margin-left: -3%;}
.three-step .num1 {margin:-30px 0px 0px 133px; position:absolute; background-color: #fff; width:62px; 
  height:62px; box-shadow:0px 2px 10px 2px #888888;border-radius:14px;padding:19px;}
.pd25{padding: 25px;}
.three-step .three-box{border: solid 1px #ccc; border-radius: 10px;  height: 260px; padding: 50px 3px;}
.three-step .Track p{font-size: 38px; font-weight: 900; text-align:center; margin-bottom: 81px;}
.three-step .Track span{display:block; text-align: center; line-height: 48px;}


/*Start Track QR Codes with Ease*/
.TrackQR{margin: 0px;}
.TrackQR.mr122{margin-top: 122px;}
.TrackQR .Track p{font-size: 38px; font-weight: 900; text-align:center; margin-bottom: 39px;}
.TrackQR .Track span{display:block; text-align: center; line-height: 48px;}
.item-box .item{ padding: 0px;}
.item-box .item .img-box img{border-radius: 30px;}
.item-box .slick-prev, .item-box .slick-next{z-index: 1;}
.item-box .slick-prev{left: -25px;}
.item-box .slick-next{right: -25px;}
.item-box .slick-next:before {content: "\f105";}
.item-box .slick-prev:before {content: "\f104";}
.item-box .slick-prev:before, .item-box .slick-next:before{font-family: "Font Awesome 6 Free";font-weight:600;color:#000;font-size:25px;opacity: 1;}
.item-box .slick-prev.slick-disabled, .item-box .slick-next.slick-disabled { cursor: no-drop;}
.item-box .slick-prev.slick-disabled:before, .item-box .slick-next.slick-disabled:before {color:#000;opacity: 0.5;}
.card {
  box-sizing: border-box;width:130px;height:130px;background:#fff;border-radius: 17px;
  text-align: center;cursor: pointer;transition: all 0.5s;align-items: center;justify-content: center; user-select: none; 
  font-size: 13px;font-weight:bold;color: black;
}

.card:active {border: 1px solid #1E90FF!important;}
.card:hover { border: 1px solid #1E90FF!important; }
.gl2{background-color: #FAF8FE; border-radius: 50px; padding: 20px;}
/* web */
.web .Track p{font-size: 38px; font-weight: 900;}
.web-text{font-weight: 400;
  font-size: 16px;
  color: #4A4A4A;}

/* start */
.web-mr30{margin-top: 30px; margin-bottom: 70px;}
.web-mr30 .pd90{ padding: 70px 0px 0px 65px;}

/* Start Explore-Amazing */
.Explore-Amazi {padding:0px 0px;background:#EAF6FE;width: 100%;}
.Explore-Amazi .Track p{font-size: 38px; font-weight: 900; text-align:center; margin-top: 122px;}
.marb{margin-bottom: 116px; margin-top: 50px;}
.Explore-Amazi .dist-box {
  background-color: #fff;
  padding:0px 2px 0px 13px;
  width: 100%; min-height: 199px;
  box-shadow: 0px 2px 3px rgb(0 0 0 / 10%);
  transition: all 0.5s ease-out 0s;
  border: solid 1px #1E90FF;border-radius: 10px;
}
.explore{font-size: 17px; font-weight: 500;}
.explore2{font-size: 16px; color: #4A4A4A;font-weight: normal;}
.top-dist .dist-box:hover {box-shadow: 0px 2px 15px rgb(0 0 0 / 40%);}
.Explore-Amazi .dist-box a {transition: all 0.5s ease-out 0s;}
.Explore-Amazi .dist-box .img-box img {width: 100%;height: auto;}
.Explore-Amazi .dist-box .details-box {display: flex;justify-content: space-between;}
.Explore-Amazi .dist-box .details-box .dist-name {font-size: 20px;font-weight: bold;}
.Explore-Amazi .dist-box .details-box .dist-price {display: flex;flex-direction: column;font-size: 12px;text-align: right; padding:59px 6px 37px 10px;}
.Explore-Amazi .dist-box .details-box .dist-price span:last-child {font-size: 20px;font-weight: bold;color: var(--primary-color);}
.explore-59{margin-top: 59px;}
/* Start Explore QR Code Use*/
.Explore-QR {background-image: url(../Images/Explore-QR-bg.png);width: 100%;  background-size: cover;}
.Explore-QR .Track p{font-size: 38px; font-weight: 900; text-align:center; color: #fff; margin-top: 122px;}
.Explore-QR .dist-box {
  background-color:#131422; color: #fff; 
  min-width:184px; height: 80px;box-shadow: 0px 2px 3px rgb(0 0 0 / 10%);
  transition: all 0.5s ease-out 0s;
  border: solid 1px #646771;border-radius: 10px;
}
.Explore-QRfont{font-size: 15px;font-weight: normal;  padding:22px 0px 12px 12px;}
.eq{display:flex; padding:17px 0px 12px 12px;}
.eqimg{width:24px;height:24px; margin-top: 10px;}
.btn-wh {color: #000; background-color: #fff; font-weight: 500;border-radius: 14px;font-size: 18px;}
.ex-b{ margin-bottom: 140px; margin-top:30px;}

/* -------Start Clients--------- */
.Clients .item{ padding: 10px;}
.Clients .item .img-box img{border-radius: 30px;}
.Clients .Track p{font-size: 38px; font-weight: 900; text-align:center; color: #000; margin-top: 122px;}
.Clients .slick-prev, .item-box .slick-next{z-index: 1;}
.cl-m{margin-top:39px; margin-bottom: 122px;}
.Clients .slick-prev{left: -15px;}
.Clients .slick-next{right: -27px;}
.Clients .slick-next:before {content: "\f105";}
.Clients .slick-prev:before {content: "\f104";}
.Clients .slick-prev:before, .item-box .slick-next:before{font-weight:600;color:#000;font-size:25px;opacity: 1;}
.Clients .slick-prev.slick-disabled, .item-box .slick-next.slick-disabled { cursor: no-drop;}
.Clients .slick-prev.slick-disabled:before, .item-box .slick-next.slick-disabled:before {color:#000;opacity: 0.5;}
.Clients .card {width:267px;height:290px;background:#fff;border: 1px solid #1E90FF;text-align:left;border-radius: 17px;padding: 15px;
  font-size: 16px; color: black;}
  .ctext{color: #4A4A4A; font-weight: normal; font-size: 16px;}
  .ctext1{color: #000; font-weight: bold; font-size: 18px;}
  .rating-txt{display: grid; padding: 5px;}
  .w50{width: 50px; height: 50px;}
  .ctext2{color: #4A4A4A; font-weight: normal; font-size: 14px;}
.Clients .card:hover { border: 1px solid black;}
.cc-fl{display: flex;}
.nav .nav-item button.active {background-color: transparent;color: #1E90FF !important;}
.text-primary{color: rgba(0,0,0,50% )!important;}
.nav .nav-item button.active::after {
  content: "";
  border-bottom: 4px solid #1E90FF;
  color: #848484;width: 100%;position: absolute;left: 0;bottom: -1px; border-radius: 5px 5px 0 0;
}
.nav .nav-item button.active::after{border-left:none;}
.accordion-button:not(.collapsed){background-color: #fff;}
.accordion-button{border-radius:10px 10px 10px 10px!important;}
.accordion-item{border-radius: 10px 10px 10px 10px!important;}
.colsp{font-size: 18px; color: #000; font-weight: 600;}
.colsp2{font-size: 18px; color: #4A4A4A !important;  font-weight: 400;}
.curi{background-color: #1E90FF; padding: 20px; border-radius: 20px!important;}
.f30{font-size: 30px; color: #fff;}
.f18sp{font-size: 18px; color: #ffffff; font-weight: 400;}
/* FAQ Section*/
.mr51{margin-top: 51px;}
.faq-rd{ border-radius: 20px; margin-bottom: 122px;}


/* Start Excited to Begin*/
.Excited {padding:0px; background-image: url(../Images/bt-bn.png); width: 100%; height: 500px; background-size: cover;}
.Excited .Track p{font-size: 38px; font-weight: 900;color: #fff; margin-top: 111px;}
.Excited .Track span{font-size: 18px; font-weight:300;color: #fff;}
.bt109{margin-bottom: 109px;}
.ex2{margin-top: 42px; margin-bottom: 109px;}
.width200{width: 200px;}

@media (max-width: 1024px) {
.three-step .aero{margin-left:-4%;}
.card{width: 112px;}
.Clients .card{width: 220px; height: 355px;}
.gen{width: 190px;}

}
@media (max-width: 768px) {
  .Explore-QR .Track p{ margin-top: 10px; font-size: 20px;}
  .Explore-QR{height: 100%;}
  .three-step .aero{margin-left: -5%;}
}

@media (max-width: 767px) {
  .con-ce{text-align: center;}
  .Explore-Amazi {height:auto;}
  .banner-sec p{font-size: 22px; line-height: 30px;}
  .create{font-size:16px!important;}
  .gen{width:155px;height:40px;font-size:15px;padding:7px 7px 7px 7px;}
  .path1{margin-left: -17%; margin-top: -90px;}
  .aeroic{width: 74px;}
  .search-sec::after{height: 280px; top: 0px;}
  .search-sec{min-height: 268px;}
  .three-step{padding: 45px 0px 10px;}
  .three-step .Track p{font-size:20px; margin-bottom: 20px;}
  .three-step .Track span{line-height: 32px;}
  .mr142{margin-top: 20px;}
  .three-step .num1{margin-left: 38%;}
  .TrackQR.mr122{margin-top:20px}
  .TrackQR .Track p{font-size:20px; margin-bottom:20px;}
  .card{width: 125px; height: 130px;}
  .item-box .slick-next{right: 5px;}
  .item-box .slick-prev{left: 0px;}
   .Explore-Amazi .Track p{font-size: 20px; margin-top:20px; margin-bottom:0px;} 
   .mr5-mob{margin-top: 10px;}
   .marb {margin-bottom: 50px;margin-top: 0px;}
   .Explore-QR .Track p{font-size:20px; margin-top: 30px;}
   .Explore-QR{height: auto;}
   .Clients .Track p {font-size: 20px;margin-top: 20px;}
   .Clients .card{width: 100%;}
   .cl-m { margin-top:0px;margin-bottom:20px;}
    .f30{font-size: 25px;}
    .Excited .Track p{font-size: 20px;margin-top: 50px;}
    .Excited{height: auto;}
    .ex2{margin-bottom:40px;}
    .w100{width: 100%;}
    .faq-rd{margin-bottom: 50px;}
    .ex-b {margin-bottom: 40px;margin-top: 40px;}
    .Explore-QR .dist-box{margin-bottom: 10px;}
    .web-mr30 .pd90{padding: 41px 8px 6px 20px;}
    .Explore-Amazi .dist-box{padding: 10px 6px; min-height: 141px;}
    .Clients .item{padding: 0px 6px 0px 2px;}
    .faqmfont{font-size: 12px;}
    .nav .nav-item button.active::after{border-bottom: 2px solid #1E90FF;}
    .colsp{font-size: 13px;}
    .colsp2{font-size: 13px;}
    .fot-20{margin-bottom: 20px; margin-top: 20px;}

    }

    @media (max-width: 390px) {
      .card{width: 117px;}
      .Explore-QR .dist-box{min-width: 175px; margin-bottom: 10px;}
    }

/*Start Footer */

footer {background-color:#0E1924;position: relative;padding: 50px 0px; z-index: 1;}
  footer p {margin-bottom: 0px;text-align: justify;color: #C6C6C6;}
  footer .row:first-child {border-bottom: 1px solid #2f323c;padding-bottom: 30px;}
  footer .footer-about img {height: 57px;width: 65px;}
  footer .footer-about p { font-size:15px;line-height:18px;font-weight:400;} 
  footer .footer-menu h3 {font-size: 20px;color: #fff;padding: 0px 0px;margin-bottom: 20px !important;}
  footer .footer-menu ul {margin: 0px;padding: 0px;display: flex;flex-direction: column; list-style: none;}
  footer .footer-menu ul.help-number { margin: 0px 0px 15px;padding: 0px;}
  footer .footer-menu ul li {margin: 0px;padding: 0px 0px 10px;}
  footer .footer-menu ul li a {margin: 0px;padding: 0px;text-decoration: none;-webkit-transition-duration: .3s;transition-duration: .3s;}
  footer p,
  footer .footer-menu ul.help-number li,
  footer .footer-menu ul.support-mail li,
  footer .footer-menu ul li a {color: #B3BAC2;}
  footer .footer-menu ul li a i {
    opacity: 0;
    -webkit-transition-duration: .9s;
    transition-duration: .9s;
    color: #C6C6C6;
  }
  
  footer .footer-menu ul li a:hover {color: #fff;padding-left: 5px;}
  footer .footer-menu ul li a:hover i { opacity: 1;}
  footer .footer-menu ul.help-number li,
  footer .footer-menu ul.support-mail li {font-size: 14px;font-weight: 600;}
  footer .footer-menu ul.help-number li a,
  footer .footer-menu ul.support-mail li a {padding-left: 0px;}
  footer .footer-menu ul.help-number li:last-child a,
  footer .footer-menu ul.support-mail li:last-child a {font-weight: bold;font-size: 18px;color: #fff;}
  footer .footer-menu ul.help-number li:first-child,
  footer .footer-menu ul.support-mail li:first-child {padding: 0px 0px 5px;}
  footer .row:last-child p {
    padding-top: 20px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
  }
  
  footer .row:last-child p:last-child {
    padding-top: 15px 0px;
    font-weight: 400;
    font-size: 14px;
    color: #C6C6C6;
    text-align: center;
  }
  .color-white{color:#fff;}
  @keyframes slide {
    from {
      background-position: 0 0;
    }
  
    to {
      background-position: 1920px 0;
    }
  }
  
  @-webkit-keyframes slide {
    from {
      background-position: 0 0;
    }
  
    to {
      background-position: 1920px 0;
    }
  }
  
  @media (max-width: 991px) {
    footer {
      padding: 10px 0px;
    }
  
    
  }
  
  /* End Footer */

  /* Start login page */
  
  .login-pd{padding: 110px 100px 0px 160px;}
  .login .Track p{font-size: 38px; font-weight: 900;margin-bottom: 0px;}
  .login span{font-weight: 600;font-size: 14px;color: #4A4A4A;}
  .login .gen{width: 100%; height: 46px;font-size: 15px;padding: 10px 10px 10px 10px;}
  .b2{border: solid 1px #ccc;padding: 14px 14px 14px 14px;border-radius: 14px;}
  .input-group-text{background-color: #fff; border-radius: 10px 0px 0px 10px;}
  .cr .input-group{height: 52px;}
  .inputiradius{border-radius: 0px 10px 10px 0px;}
  .inputiradius2{border-radius: 0px 10px 10px 0px;}
  .inputiradius1{border-radius: 0px 0px 0px 0px;}
  .textde{text-decoration: none;}
  .or{border-bottom:solid 1px #D5D5D5; width: 415px; }
  .or2{background-color: #fff;position: absolute;margin-top: -13px;text-align: center;width:40px;margin-left: 200px; font-weight: 400;color: #4A4A4A;font-size: 14px;}
  .font14{font-size:14px; font-weight: 600;}
  .pdr001{padding-right: 0px;}
 .hh{width: 100%; min-height:700px;}
 .try{color: #4A4A4A; text-decoration: none;}

@media (max-width: 767px) {
  .login-pd{padding: 20px 10px 0px 10px;}
  .pdr001{padding-right: 0px; padding-left: 0px;}
  .hh{width: 100%; min-height: auto;}
}
@media (max-width: 768px) {
  .pdr001{padding-right: 0px; padding-left: 0px;}
  
}
@media (max-width: 1024px) {
.login-pd {padding: 20px;}
}

/* QRcode-empty page */
.QRcode-empty{margin: 0px;}
.QRcode-empty .navbar-nav ul li a{font-size: 14px;}


/* Start Pricing page */

.accordion-button:not(.collapsed){box-shadow: inset 0 -1px 0 rgba(255,255,255,.125)!important;}
.pricing{margin-top: 40px;}
.pricing p { font-size: 48px; color: #000000; font-weight: 800;}
.pricing span {font-size:16px; color:#4A4A4A; font-weight: 400;}
.mon .nav-link{display: inline-block; margin-top:40px;}
.pricing .tabcol{background-color: #E8F4FF;color: #000; border-color: #e8f4ff;}
.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.minus10{margin-left: -20px;}
.pricing .bd1{border: solid 1px #E4E7EC; border-radius: 14px;} 
.pricing .bd1 p{font-size: 34px; color: #000; font-weight: 600; margin-bottom: 0px; margin-top: 38px;} 
.pricing .bd1 span{font-size: 16px; color: #000; font-weight: 400;} 
.pricing .bd1 button{font-size: 18px; padding:14px 14px 14px 14px; width: 90%;border-radius: 14px;} 
.pricing .bd1 .smf{font-size: 14px; color: #4A4A4A; font-weight: 300; list-style: none; line-height: 35px;} 
.pricing .bd1 .smf-free{font-size: 14px; color: #4A4A4A; font-weight: 300; list-style: none; line-height: 35px;} 
.pricing .f-40{font-size: 40px !important;}
.tb01{border-top: solid 2px #E4E7EC;}
.pricing .t82{margin-top: 109px;}
.pricing .t82-starter{margin-top:57px;}
.pricing .t82-starter2{margin-top:61px;}
.pricing .t82-starter-02{margin-top:38px;}
.pricing .t82-starterb{margin-top:26px;}
.pricing .pd070{padding-bottom: 70px;}
.pricing .mb107{margin-bottom: 107px;}
.t85{margin-top: 85px!important;}
.t85-starter{margin-top: 35px!important;}

.pricing-standred-bg{background-color: #EAF6FE;}
.ddblock{display: inline-block;}
.top-standred{background-color: blueviolet;border-radius: 10px;margin-top: -44px;padding-left:3px;padding-right:3px;padding-bottom: 5px;}
.top-standred-f{font-size: 16px;color: #fff;padding: 8px;}
.pricingvisa{margin: 0px;}
.pricingvisa p{font-size: 26px; font-weight: 600;color: #000;}

@media (max-width: 767px) {
  .pricing .tab{padding-left: 10%;}
  .pricing p { font-size: 30px;}
  .mon {margin-top: 40px;}
  .t85{margin-top: 25px!important;}
  .mob-mt5{margin-top:5px;}
  .top-standred{margin-top: 0px;}
  .pricing .t82{margin-top: 15px;}
  .pricing .bd1{min-height: 100%;}
  .pricing .pd070{padding-bottom: 10px;}
  .anual-monthly-btn{padding: 12px 45px 12px 45px!important;}
} 
/* Start FAQ Page*/
.Faq {padding:0px 0px;background:#fff;width: 100%;}
.Faq .Track p{font-size: 48px; font-weight: 900; text-align:center; margin-top: 70px; margin-bottom: 70px;}
@media (max-width: 767px) {
  .Faq .Track p{font-size: 30px;}
  }

/* Start About us Page*/
.About {padding:0px 0px;width: 100%;background: rgb(255,255,255); 
  background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(30,144,255,0.05) 100%);}
.About .Track p{font-size: 48px; font-weight: 900; margin-top:112px; display: grid; padding:0px 50px 0px 100px;}
.About .Track span{font-size: 16px; font-weight: 400;color: #4A4A4A;}
.About .cont-pad{padding:73px 20px 0px 75px;}
.About .btn-primary{ width:260px; font-size:18px; color: #fff; margin-top:40px;}
.About .rightimg{margin-top:19px;}
.Offer{margin: 0px;}
.Offer .Track p{font-size: 38px; font-weight: 900; margin-top:100px; margin-bottom:30px; text-align: center;}
.Offer .mt46{margin-top: 46px;}
.Offer .mt71{margin-top: 71px;}
.Offer .te{font-size: 18px; color:#000; margin-top:30px;}
.Offer .te2{font-size: 16px; color:#4A4A4A; font-weight: 400; padding-right: 97px; margin-top: 10px;}
.Offer .te3{display: block;padding-top: 10px;}
.Offer .te4{font-size: 18px; color:#000; margin-top:0px;}
.Offer .te5{font-size: 18px; color:#000; margin-top:104px;}
.Offer .te6{font-size: 16px; color:#4A4A4A; font-weight: 400;margin-top: 10px; margin-bottom: 84px;}
.offer-bdr{border: solid 1px #ccc; border-radius:14px;padding: 88px 0px 0px 30px;}
.offer-bdr2{border: solid 1px #ccc; border-radius:14px;padding: 85px 0px 76px 30px;}
.offer-bdr3{border: solid 1px #ccc; border-radius:14px;padding: 85px 0px 84px 30px;}
.mission{margin-top:100px; margin-bottom:100px;}
.mission .Track p{font-size: 38px; font-weight: 900; margin-top: 40px;}
.mission .web-text{font-weight: 400;font-size: 16px;color: #4A4A4A; display: grid; }
.value {padding:0px 0px;background:#EAF6FE;width: 100%;}
.value .Track p{font-size: 38px; font-weight: 900; margin-top: 215px;}
.vbt{margin-top: 40px; margin-bottom: 215px;}
.vbt-img{margin-top: 10px; margin-bottom: 100px;}
@media (max-width: 767px) {
  .About .Track p {font-size:30px; margin-top:20px;margin-bottom:20px;padding:0px 15px 0px 15px; text-align: justify;}
  .Offer .Track p{font-size:22px;margin-top:30px;margin-bottom:30px;text-align: left;}
  .offer-bdr{padding: 15px 0px 0px 15px; margin-top: 5px;}
  .Offer .te5{margin-top: 30px;}
  .Offer .te6{margin-bottom: 30px;}
  .value .Track p{margin-top:20px;}
  .vbt{margin-top:20px;margin-bottom: 20px;}
  .offer-bdr2{padding: 30px 0px 15px 30px;}
  .mission{margin-bottom: 50px;}
  .mission .Track p{font-size: 22px;}
  .mission .web-text{text-align: justify;}
  .value .Track p{font-size: 22px;}
  .web-text{text-align: justify;}
  .mon .nav-link{margin-top: 20px;}
}
/* End About us Page*/

/* Start Contact us Page*/
.contact {padding:0px 0px;background:#fff;width: 100%;}
.contact .Track p{font-size: 48px; font-weight: 900; text-align:center; margin-top: 70px; margin-bottom:38px; display: grid;}
.contact .Track span{font-size: 16px; font-weight: 400; text-align:center; color: #4A4A4A;}
.contact .box{border: solid 1px #DAC8FF; border-radius: 10px;}
.contact .box p{font-size: 38px; font-weight: 900;}
.contact .fheight{height: 52px; border-radius: 14px;}
.contact .fheight2{height: 120px; border-radius: 14px;}
.contact .cont81{margin-top: 81px;}
.con-sec{padding: 0px 155px 0px 155px;}
.contact .cont-pad{padding:73px 20px 0px 75px;}
.call {padding:0px 0px;background:#EAF6FE;width: 100%;}
.call .Track p{font-size: 38px; font-weight: 900; text-align:center; margin-top: 122px;}
.call .card { 
  box-sizing: border-box;width:100%;height:220px;background:#fff;border: 1px solid #EAF6FE;
  box-shadow: 12px 17px 51px rgba(234, 246, 254, 0.11);backdrop-filter: blur(6px);border-radius: 17px;
  text-align: center;cursor: pointer;transition: all 0.5s;align-items: center;justify-content: center; user-select: none; font-size: 14px;font-weight: bolder;color: black;
}
.callmt100{margin-top: 100px;}
.call .card.tt{margin-top: 100px; margin-bottom: 100px;}
.call .card:hover { border: 1px solid #96d2f9;transform: scale(1.05);}
.call .card:active {transform: scale(0.95) rotateZ(1.7deg);}
.call .gl2 {background-color: #fff; padding: 10px;}
.call p{line-height: 27px; font-size: 18px; font-weight: 600; color: #000;}
.call span{font-size: 18px; font-weight: 400;}
@media (max-width: 767px) {
.contact .Track p{font-size: 30px;}
.contact .Track span{font-size: 14px;}
.contact .cont-pad{padding: 10px 20px 0px 10px;}
.contact .box p{font-size: 25px;}
.call .card.tt{margin-top: 30px; margin-bottom: 30px;}
.con-sec{padding: 0px;}
}
/* Privacy policy and terms and conditions page */
 .Privacy {padding:0px 0px;background:#fff;width: 100%;}
.Privacy .Track p{font-size: 48px; font-weight: 900; text-align:center; margin-top: 70px; margin-bottom: 31px;}
.Privacy .mt70{margin-top: 70px; margin-bottom: 100px;}
.Privacy p{font-size: 24px; color: #000; font-weight: 600;}
.Privacy span{font-size: 16px; color: #000; font-weight: 400;}
.Privacy .infor p{font-size: 18px; color: #000; font-weight: 600; margin-top: 2rem;}
.text2{font-size: 16px!important; font-weight: 600!important; margin-bottom:5px;}
.text3{font-size: 16px!important; font-weight: 600!important; margin-bottom:2rem;margin-top: 0px!important;}
.text4{margin-bottom: 0px;}
.text5{margin-top:2rem;}

/* Feature page */
.Feature {padding:0px 0px;width: 100%;background: rgb(255,255,255); 
  background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(30,144,255,0.05) 100%);}
.Feature .Track p{font-size: 48px; font-weight: 900; margin-top:50px; display: grid; padding:0px 50px 0px 100px;}
.Feature .Track span{font-size: 16px; font-weight: 400;color: #4A4A4A;}
.Feature .cont-pad{padding:73px 20px 0px 75px;}
.Feature .btn-primary{ width:260px; font-size:18px; color: #fff; margin-top:40px;}
.Feature .rightimg{margin-top:19px;}
.Code-Management{margin-top:100px; margin-bottom:50px;}
.Code-Management .Track p{font-size: 38px; font-weight: 900;}
.Code-Management .web-text{font-weight: 400;font-size: 16px;color: #4A4A4A; display: grid; }
.Code-Management .rtext1{padding:68px 0px 0px 50px;}

@media (max-width: 767px) {
.Feature .Track p{padding: 0px 15px 0px 15px; font-size: 30px; text-align: justify;}
.Code-Management {margin-top:50px; margin-bottom:50px;}
.Code-Management .Track p {font-size: 22px;font-weight: 900;}
.Code-Management .rtext1 {padding:40px 15px 0px 15px;}
.Code-Management .web-text{text-align: justify;}
}

/* Start Select qr type-1  New pages */

.Select-qr-type1{background-color: #F8F8F8;}
.Select-qr-type1 .quick{font-size: 38px; font-weight: 800; color: #000; text-align: center; padding: 30px 0px 0px 0px;}
.Select-qr-type1 p{font-size: 20px; color: #000;}
.select-qr .cir{background-color:#1E90FF;border-radius:50px;padding:5px 9px 5px 10px; font-weight: 600;color: #fff;}
.select-qr .cir2{background-color:#797979;border-radius:50px;padding:5px 9px 5px 10px; font-weight: 600;color: #fff;}
.select-qr .type{color: #1E90FF; font-size: 15px; font-weight: 500; margin-left:10px;}
.select-qr .type2{color: #797979; font-size: 15px; font-weight: 500; margin-left:10px;}
.card-select-qr {
 position: relative;display: -webkit-box;
 display: -webkit-flex; display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;flex-direction: column;
 min-width: 0;word-wrap: break-word;background-clip: border-box; border-radius: 0;padding: 20px 5px 20px 10px;
}
.card-select-qr .bg2{border-right: solid 3px #e9edf4;background-color: #fff; padding:25px 25px 10px 25px; border-radius:6px;}
.card-select-qr .dist-box {
 background-color:#1E90FF38; color: #fff; box-shadow: 5px 5px 6px 5px rgb(165 211 253 / 20%); transition: all 0.5s ease-out 0s; border: solid 1px #1E90FF;border-radius: 8px;}
.card-select-qr .dist-box2 {
 background-color:#fff; color: #fff; box-shadow: 5px 5px 6px 5px rgb(165 211 253 / 20%);
 transition: all 0.5s ease-out 0s; border: solid 1px #1E90FF;border-radius: 8px;
}
.qrf12{font-size:12px;}
.card-select-qr .Explore-QRfont{font-size: 14px;font-weight: normal;  padding:22px 0px 22px 4px;}
.card-select-qr .Explore-QRfont.eq {display: flex}
.card-select-qr .dist-box span{display: grid;}
.card-select-qr .dist-box2 span{display: grid;}
.card-select-qr .qr01{font-size: 16px; font-weight: 600; color: #000;}
.card-select-qr .qr02{font-size: 13px; font-weight: 400; color:#6B6B6B;}
.card-select-qr .webc{width: 40px; background-color: #fff;border-radius: 30px; height: 40px; padding: 6px;}
.card-select-qr .webc2{width: 40px; background-color: #FAF8FE;border-radius: 30px; height: 40px; padding: 6px;}
.dashboard-content2{padding:25px 5px 50px 5px!important;}
.card-select-qr .qr03{font-size: 12px; font-weight: 400; color:#6B6B6B;}
.bn{padding: 50px 0px 10px;}

@media (max-width: 767px) {
 .f26 {font-size: 18px;}
 .select-qr .cir{background-color:#1E90FF;border-radius:50px;padding:5px 9px 5px 10px; font-weight: 600;color: #fff;}
.select-qr .cir2{background-color:#797979;border-radius:50px;padding:5px 9px 5px 10px; font-weight: 600;color: #fff;}
.select-qr .type{color: #1E90FF; font-size: 15px; font-weight: 500; margin-left:10px;}
.select-qr .type2{color: #797979; font-size: 15px; font-weight: 500; margin-left:10px;}
.a-width{width: 100%;margin-left: -10px;}
.select-qr .cir-mob {background-color:#1E90FF;padding: 5px 9px 5px 9px;font-size: 11px;border-radius: 50px;color: #fff; margin-left: -18px;}
.select-qr .cir2-mob {background-color:#797979;padding: 5px 7px 6px 9px;font-size: 11px; border-radius: 15px;color: #fff; margin-left: -18px;}
.mob-t1{display: block;font-size: 11px;}
.mob-d1{display: ruby;}
.mob-aemar{margin-left: 12px;}
.mobf11{font-size: 11px;}
.selected-qr-01{margin-top: 10px;}
.Select-qr-type1 p{margin-bottom: 5px;}
.mob-py{margin-left: -30px;}
.mob-py2{margin-left: 10px;}
.card-select-qr .bg2{padding: 25px 10px 10px 10px;}
}

/* End Select qr type-1  New pages */

/* Start add-content-1  New pages */
.add-content-1 .bg {
  border-right: solid 3px #e9edf4;
  background-color: #fff;
  padding: 25px 25px 10px 25px;
  border-radius: 6px;
}
.add-content-1 .bdr10 {border-radius: 10px;padding: 10px 20px 10px 20px;}
.pbottom{ position: fixed; bottom: 5px; width: 100%; background-color: #fff; box-shadow: 0 -5px 5px -5px #e2e1e1;padding: 10px;}
.exit-pr{background-color: #fff;color: #000;border-radius:14px;}
.cm-pd{padding: 9px 17px 9px 11px; border-radius: 14px;margin-top: 5px;}
@media (max-width: 767px) {
.add-content-1 .bdr10{padding: 5px;}
.type-7{color: #1E90FF;}
.btn-primary02-mob{padding:9px 2px 9px 6px !important;border-radius:14px; font-size: 12px;}
.btn-primary03-mob{padding:9px 9px 9px 9px !important;border-radius:14px; font-size: 12px;}
.Select-qr-type1{background-color: #fff;}
.add-content-1 .bg{border: solid 1px #ccc;}
.add-content-1 .mr20{margin-top: 20px!important;}
.mob-db{display: block;}

}

/* Start qr-design-frame-1  New pages */
.qr-design-frame-1 .bg {
  border-right: solid 3px #e9edf4;
  background-color: #fff;
  padding: 25px 25px 10px 25px;
  border-radius: 6px;
}
.qr-design-frame-1 .bdr10 {
  border-radius: 10px;
  padding: 10px 20px 10px 20px;
}
.qr-design-frame-1 .bt-scrorll{height: 212px; overflow: scroll;}
.qr-design-frame-1 .sc-1{font-size: 18px; color: #000; font-weight: 600; display: grid;margin-bottom: 0px;}
.qr-design-frame-1 .sc-1 span{color: #6B6B6B; font-size: 14px; font-weight: 400;}
.qr-design-frame-1 .accordion-button:not(.collapsed){background-color: #fff;}
.qr-design-frame-1 .inputiradius {border-radius: 10px 10px 10px 10px;}
@media (max-width: 767px) {
  qr-design-frame-1 .bdr10{padding: 5px;}

}


/* Start qr-design-pattern-1  New pages */
.bt-scrorll-pt{height: 110px; overflow:scroll;}
 .pattern-bg{background-color: #F7F7F7; border-radius: 10px; padding: 20px;}
 .sc-pt{font-size: 18px; color: #000; font-weight: 600; display: grid;}
 .sc-pt2 {color: #6B6B6B; font-size: 14px; font-weight: 400; padding-left: 0px;}
 .sc-pt3 {color: #6B6B6B; font-size: 14px; font-weight: 400; padding-left: 0px;margin-left: 15px;}
 .swith-btn{width: 40px!important; height: 18px!important; }
 .swith-c1{border-radius:15px;position:absolute;background-color: #000;padding:10px 15px 11px 15px; margin-top:-48px;margin-left:3px;}
 .pd57{padding-left: 57px;}
 .gr-qr{ border:solid 1px #1E90FF; padding: 4px;}
 
/* Start qr-design-pattern-1  New pages */
 .corner{background-color: #fff; width:45px; height:45px; border-radius:6px; padding:9px 11px 9px 11px;border: solid 1px #1E90FF;}
 .corner2{background-color: #fff; width:45px; height:45px; border-radius:6px; padding:9px 11px 9px 11px;}
 .sc-1{font-size: 18px; color: #000; font-weight: 600; display: grid;margin-bottom: 0px;}
 .sc-1 span{color: #6B6B6B; font-size: 14px; font-weight: 400;}
 .qrbdt {border-top: solid 1px #ccc;}
 .modal-content{border-radius: 10px;}
 .modal-dialog {max-width: 385px;}
 .popup .modal-body { padding: 10px 53px 0px 50px;}
 .popup .createn { color: #000;font-size: 22px;font-weight: 600;}
 .popwidth {width: 100%;}
 .popup .cn2 {
  background-color: #1E90FF;
  padding: 14px 14px 14px 14px;
  border-radius: 14px;
  width: 140px;
  font-size: 15px;
}
.popup .cn3 {
  background-color: #fff;
  color: #000;
  border-color: #1E90FF;
  padding: 14px 14px 14px 14px;
  border-radius: 14px;
  width: 140px;
  font-size: 15px;
}
.popup .modal-footer {
  border-top: none;
}
.ppblock {
  display: block;
}
.popupcolor {
  font-weight: 600;
  color: #000;
  font-size: 13px;
}
.modal-body .form-select{ font-size: 12px;}


.qr-design-download-qr-1{ background-color: #F8F8F8;}
  .qr-design-download-qr-1 .Track p{font-size: 34px; font-weight: 900;margin-bottom: 0px;}
  .qr-design-download-qr-1 span{font-weight: 600;font-size: 14px;color: #4A4A4A;}
  .qr-design-download-qr-1 .gen{width: 100%; height: 46px;font-size: 15px;padding: 10px 10px 10px 10px;}
  .qr-design-download-qr-1 .card-select-qr{padding: 0px;}
  .or2-download1 {
    background-color: #f8f8f8;
    position: absolute;
    margin-top: -13px;
    text-align: center;
    width: 40px;
    margin-left: 200px;
    font-weight: 400;
    color: #4A4A4A;
    font-size: 14px;
}
.downfont{font-size: 16px; font-weight: 600; color: #000;}
.downfont2{font-size: 14px!important; color: #000; font-weight: 300 !important; padding-bottom: 10px;}
@media (max-width: 767px) {
.qr-design-download-qr-1 span{font-size: 11px;}
.qr-design-download-qr-1 .card-select-qr{padding: 20px 5px 20px 10px;}
.qr-design-download-qr-1 .Track p{font-size: 20px;}
.qr-design-download-qr-1 .type-7 {
  color: #1E90FF;
}
}