@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;}

:root{
    --blue-color:#094174;
    --maroon-color:#C20000;
    --subheading-grey:#848484;
    ---white:#fff;
    --tablightblue:#DEEFFF;
    --tabgrey:#EEEEEE;
}

.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: 10px; padding: 12px 14px; font-size: 16px; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; min-width: auto;}
.btn-primary .bi-arrow-right{margin-left: 4px;}
.modal-body .btn-w-140{min-width: 140px;}
.modal-body .btn-secondary{padding:12px 14px;float:right;border-radius: 10px;}
.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:#273b7d;border-color:#273b7d;}
.btn-outline-dark:hover{background-color:#c20000; border-color:#c20000;}
.btn-outline-primary {color: #1E90FF; border-color: #1E90FF; border-radius: 10px; padding: 12px 14px; font-size: 16px; display: inline-flex; align-items: center; justify-content: center; min-width: auto;}
.btn-outline-primary:hover {color: #fff; background-color: #273b7d; border-color: #273b7d;}

.min-w-160 {min-width: 160px;}
.loader-load img {width: auto;max-width: 210px; margin-left: auto; margin-right: auto;}
.table-dropdown-main {
    border: 1px solid #000;
    width: 38px;
    height: 38px;
    color: #000;
    border-radius: 8px;
    padding: 0 6px;
    font-size: 14px;
    display: flex; align-items: center; justify-content: center;
    min-width: auto; text-align: center;
}
.btn-outline-danger.vcard-remove-field {
    padding: 12px 10px;
    font-size: 16px;
    border-radius: 10px;
}
.dropdown-dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #222;
    margin: 0 2px;
    border-radius: 100%;
}
.input-error{border: 1px solid red !important;}
.vcard-phone-numbers {
    display: flex;
    align-items: flex-start;
}
.add-phone-numbers {
    flex: 0 0 100px;
    max-width: 100px;
}
.phone-numbers-fields {
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
    padding-right: 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.loader-fade{opacity: 1;transition: opacity 0.3s ease;}
.loader-fade.hidden {opacity: 0;}

.card-header{background-color:transparent;}
.dropdown-menu.dropdown-menu-left {right: 0px;}


body {font-family: "Inter", serif; font-weight: 600; font-size: 16px; font-style: normal; background-color: #F8F8F8;}
.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:10px;padding: 12px 14px; width: 130px; font-size: 16px; font-weight: 400; }
.ext{text-align:right; padding-right:6px;color:blue;}
.colorgreen{background-color:green;}
.bg-orange2{background-color:#dbe8ff;}

.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: var(--banner-image); 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 */
#cc-main .cc--anim .cm__btn.rejectBtn {background-color: #ccc;}
#cc-main .cc--anim .cm__btn, #cc-main .cc--anim .cm__close {transition: background-color .15s,border-color .15s,color .15s;color: #fff;background-color: #1E90FF;border-radius: 10px;padding: 12px 14px;font-size: 16px;font-weight: 400;min-width: auto;}
.mr142{margin-top: 142px;}
.three-step {padding: 177px 0px 10px;background-color: #fff;}
.bg-gray-over{background-color: #f8f8f8 !important;}
.three-step .aero{margin: 0;position: absolute; top: 50%; transform: translateY(-50%); left: -16px;}
.three-step div[class*="col-"]{position: relative;}
.three-step .num1 {
  margin: 0; position:absolute; top: -4px; left: 50%; transform: translateX(-50%); background-color: #fff; width:54px; 
  height:54px; box-shadow:0px 2px 10px 2px #888888;border-radius:14px;padding:16px; display: flex; align-items: center; justify-content: center;
}
.three-step .num1 p{margin: 0;}
.pd25{padding: 25px;}
.three-step .three-box{border: solid 1px #ccc; border-radius: 10px;  height: 100%; min-height: 260px; padding: 70px 32px 48px;}
.three-step .three-box img{height: 40px;}
.three-step .three-box p{padding-top: 8px;}
.three-step .three-box span.colorgrey{
  color: #959595; font-size: 14px; line-height: 1.5; display: block; font-weight: 500; margin-top: -6px;
}
.three-step .Track p{font-size: 38px; font-weight: 900; text-align:center; margin-bottom: 50px;}
.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: 40px;}
.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: 122px;}
.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; margin-bottom: 40px;}
.marb{margin-bottom: 122px; margin-top: 64px;}
.Explore-Amazi .dist-box {
  background-color: #fff;
  padding: 0;
  width: 100%; min-height: 180px; display: flex;
  /* box-shadow: 0px 2px 3px rgb(0 0 0 / 10%); */
  transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;
  border: solid 1px #ccc;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; align-items: center; padding: 32px 24px; width: 100%;
}
.Explore-Amazi .dist-box .details-box .explore{font-size: 16px; margin-bottom: 8px;}
.Explore-Amazi .dist-box .details-box .explore2{font-size: 14px; margin-bottom: 0;}
.Explore-Amazi .dist-box .details-box .explore-59{margin-top: 0;}
.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:0 0 0 8px;}
.Explore-Amazi .dist-box .details-box .dist-price span:last-child {font-size: 20px;font-weight: bold;color: var(--primary-color);}
.Explore-Amazi .dist-box:hover{border-color: #1E90FF; box-shadow: 0px 1px 10px #00000026;}
.explore-59{margin-top: 59px;}
/* Start Explore QR Code Use*/
.Explore-QR {background-image: url(../../qr-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; margin-bottom: 40px;}
.Explore-QR .dist-box {
  background-color:#131422; color: #fff; 
  min-width:184px; 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;}

.footer-menu .btn-wh {display: flex; align-items: center; justify-content: center;}
.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; margin-bottom: 0;}
.Clients .cl-m{margin-top: 40px; margin-bottom: 122px;}
.Clients .slick-prev, .item-box .slick-next{z-index: 1;}
.cl-m{margin-top:39px; margin-bottom: 122px;}
.Clients .slick-prev{/*left: -15px;*/ left: 0px;}
.Clients .slick-next{/*right: -27px;*/ right: 0px;}
.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 #8249FF29;text-align:left;border-radius: 17px;padding: 15px;
  font-size: 16px; color: black; margin-left: auto; margin-right: auto; box-shadow: 0px 10px 26px #8249FF0F;}
  .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;}
.Clients .cc-fl img {
    border-radius: 50%;
}
.Clients .cc-fl .ctext1.rating-txt{
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
    padding: 0px 0px 0px 15px;
    margin-bottom: 0px;
}
.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(../../qr-images/bt-bn.png); width: 100%; height: 500px; background-size: cover;}
.Excited .Track p{font-size: 38px; font-weight: 900;color: #fff; margin-top: 122px;}
.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;}

  .Explore-QR .gen{width:155px;}

  .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: 32px;}
  .three-step .Track span{line-height: 32px;}
  .mr142{margin-top: 20px;}
  /* .three-step .num1{margin-left: 38%;} */
  .Explore-Amazi .dist-box .details-box{padding: 32px 16px;}
  .TrackQR.mr122{margin-top:20px}
  .TrackQR .Track p{font-size:20px; margin-bottom:32px;}
  .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:56px; margin-bottom:32px;} 
   .mr5-mob{margin-top: 16px;}
   /* .marb {margin-bottom: 50px;margin-top: 0px;} */
   .Explore-QR .Track p{font-size:20px; margin-top: 40px; margin-bottom:32px;}
   .Explore-QR{height: auto;}
   .Clients .Track p {font-size: 20px;margin-top: 56px;}
.Clients .cl-m{margin-top: 32px; margin-bottom: 56px;}
   .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;}
    .login span.lost-remember-password {display: flex;flex-wrap: wrap;justify-content: space-between;}
    .login span.lost-remember-password label:first-child {max-width: 140px;}
    .login span.lost-remember-password label:nth-child(2) {flex: 0 0 calc(100% - 140px);max-width: calc(100% - 140px);padding-left: 10px;text-align: right;}
@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; height: 100%;} 
.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:12px 14px 12px 14px; width: 90%;border-radius: 14px; font-weight: 600;} 
.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 .t82-starterb a{text-decoration: underline; color: #000000;}
.pricing .t82-starterb a span{text-decoration: none; display: inline-block; margin-right: 4px; font-weight: 600;}
.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%; margin-bottom: 48px;}
.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{padding: 0 16px;}
.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;}
.rowWrapper:first-child {background: #f7fbff;padding-top: 68px;margin-bottom: 68px;padding-bottom: 68px;}
.Code-Management{margin-top:100px; margin-bottom:50px;}
.dynamic-codeManagemanet-container .text-justify ol , .dynamic-codeManagemanet-container .text-justify ul{padding-left: 20px;margin-top: 5px;}
.dynamic-codeManagemanet-container .text-justify ul li p{margin-bottom: 0px;}
.dynamic-codeManagemanet-container .text-justify strong{margin-top: 15px;margin-bottom: 10px;}
.Code-Management.dynamic-codeManagemanet-sec .dynamic-codeManagemanet-container .row:first-child {margin-bottom: 68px;}
.Code-Management.dynamic-codeManagemanet-sec .rowWrapper:first-child .dynamic-codeManagemanet-container .row:first-child {margin-bottom: 0px !important;}
.py-68 {padding-top: 68px; padding-bottom: 68px;}
.mb-68 {margin-bottom: 68px}
.Code-Management.dynamic-codeManagemanet-sec .rowWrapper.py-68 .dynamic-codeManagemanet-container .row:first-child {margin-bottom: 0px;}
.Code-Management.dynamic-codeManagemanet-sec {margin-top:0px;}
.Code-Management .dynamic-subheading{font-size: 16px!important;font-weight: 600!important;color: #4A4A4A;text-align: left;}
.Code-Management .container .row + .row{margin-top: 48px;}
.Code-Management .container .row .rtext1 div.mt-3{margin-top: 32px !important;}
.Code-Management .Track p{font-size: 38px; font-weight: 900;}
.Code-Management .Track h1, .Code-Management .Track h2{font-size: 38px; font-weight: 900;}
.Code-Management .web-text,
.Code-Management .web-text p {font-weight: 400;font-size: 16px;color: #4A4A4A; display: grid; }
.Code-Management .rtext1{padding:68px 0px 0px 0px;}
.text-justify{text-align: justify;}
.Feature .Track.feature-first p {
    padding-left: 0px;
    padding-right: 0px;
}

section.Code-Management.dynamic-codeManagemanet-sec .Track.rtext1 {
    padding-top: 0px;
}

.qaTabsMain{border-bottom: none;}
.qaTabsMain > *:not(:last-child){margin-right: 8px;}
.qaTabsMain .slick-list .slick-track .slick-slide .nav-link{background: transparent;}
.qaTabsMain .slick-list .slick-track .slick-slide + .slick-slide .nav-link{margin-left: 8px;}
.qaTabsMain .slick-list .slick-track .slick-slide .nav-link.active .card{border-color: #1E90FF;}

@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 .Track h1, .Code-Management .Track h2{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: #EAF6FE;}
.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;}
.stepsMain{display: flex; align-items: center; justify-content: flex-end;}
.stepsMain em{font-style: normal;}
.stepsMain .select-qr .cir,
.stepsMain .select-qr .cir2{width: 30px; height: 30px; font-size: 16px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%;}
.stepsMain .select-qr .type{color: #1E90FF; font-size: 16px; font-weight: 500; margin-left:10px; white-space: nowrap}
.stepsMain .select-qr .type2{color: #797979; font-size: 16px; font-weight: 500; margin-left:10px; white-space: nowrap}
.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; max-width: 100%;}
.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; text-align: left;}
.card-select-qr .Explore-QRfont.eq {display: flex; height: 100%;}
.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: 0; display: inline-flex; align-items: center; justify-content: center;}
.card-select-qr .webc img{width: 24px;}
.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;}

.welcomeAlert .alert{margin-top: 12px;}
.welcomeAlert .alert{position: relative; border-radius: 8px;}
.welcomeAlert .alert .close{position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background: transparent; border: none; font-size: 24px;}
.welcomeAlert .alert svg{margin-right: 10px; font-size: 16px;}

.previewModalMain .modal-body{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.previewModalMain .modal-body .pdfViewer-wrapper{width: 240px;}
.previewModalMain .modal-footer{justify-content: center;}
.modal-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.65);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.modal-loading-overlay .spinner-border {width: 3rem;height: 3rem;}

@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;}
.mobf11.mStepLast{text-align: right; padding-right: 18px;}
.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;}

	.stepsMobile{position: absolute; left: 0; bottom: -76px; width: 100%; background: #ffffff; padding: 8px 32px;}
	.stepsMain{position: absolute; left: 0; top: 82px; z-index: 99; background: #ffffff; width: 100%; padding: 16px; justify-content: center; border-top: 1px solid #ccc;}
	.stepsMain.withoutLogin{top: 77px;}
	.stepsMain .joinSteps{display: flex; flex-direction: column; align-items: center; justify-content: center; font-style: normal;}
	.stepsMain .select-qr{display: flex; align-items: center; justify-content: center; margin: 0;}
	.stepsMain .select-qr .cir,
	.stepsMain .select-qr .cir2{width: 20px; height: 20px; font-size: 13px; font-weight: 500;}
	.stepsMain .select-qr span img{width: 30px;}
    .stepsMain .select-qr .joinSteps + span img{width: 30px;}
	/*.stepsMain .select-qr .joinSteps + span img{width: 12px;}*/
	.stepsMain .select-qr .type,
	.stepsMain .select-qr .type2{font-size: 12px; margin-left: 6px;}
	.stepsMain .select-qr .joinSteps .type,
	.stepsMain .select-qr .joinSteps .type2{font-size: 11px; margin-left: 0; margin-top: 6px;}
	.modal-dialog.previewModalMain{padding: 16px;}
	
}

/* 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: absolute; 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: 500px;}
 .popup .modal-body {/*  padding: 10px 53px 0px 50px;*/ padding: 10px;}
 .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;
}
}


/* Update Style */

.pt-45 {
  padding-top: 45px !important;
}

.card-select-qr .qr02 {
    flex: 0 0 calc(100% - 42px);
    max-width: calc(100% - 42px);
    padding-left: 8px;
}

/* mobile preview show css start*/

/* Update style 31-05-2025 */

/* Before Login section Start */

.btn:focus {box-shadow: none !important;}
.w_full {width: 100%;}

.custom_btn_default {border-radius: 14px; font-size: 15px; padding: 14px 14px 14px 14px; font-weight: 400;}
.qr_beforeLogin_innerContainer .card {width: 100%; height: auto; display: block; text-align: left;}
.qr_beforeLogin_innerContainer .card .form-group label {display: block; margin-bottom: 10px; text-align: left; background: #F2F9FE; border-color: #D8EAFC; transition: ease all .5s; -webkit-transition: ease all .5s;}
.qr_beforeLogin_innerContainer .card .foreground_type_group .form-group label,
.qr_beforeLogin_innerContainer .card .foreground_type_group .form-group label:hover,
.qr_beforeLogin_innerContainer .card .form-group .accordion-body label,
.qr_beforeLogin_innerContainer .card .form-group .accordion-body label:hover,
.qr_beforeLogin_innerContainer .card .form-group label.textOnly,
.qr_beforeLogin_innerContainer .card .form-group label.textOnly:hover{background: transparent;}
.qr_beforeLogin_innerContainer .card .form-group label .custom-control-input{display: none;}
.qr_beforeLogin_innerContainer .card .form-group label:hover{background: #d3e9ff;}
.qr_beforeLogin_innerContainer .card .form-group label.active{border-color: #1E90FF; outline: 1px solid #1E90FF; border-width: 1px;}

.qr_beforeLogin_innerContainer input.altum-file-input {width: 100%; border: 1px solid #ccc; border-radius: 10px;}
.qr_beforeLogin_innerContainer small.form-text.text-muted {display: block; text-align: left; margin-bottom: 5px;}

.qr_beforeLogin_innerContainer .card .custom-control.custom-switch {display: flex; align-items: center; gap: 10px;}
.qr_beforeLogin_innerContainer .card .custom-control.custom-switch label.custom-control-label {margin-bottom: 0px;}
.qr_beforeLogin_innerContainer .card .form-control {border-radius: 10px; font-size: 16px;}
.input-group-append span.input-group-text {height: 100%; border-radius: 0px 10px 10px 0px;}


/* Before Login section End */

/* After Login section Start */

.hide-radioBtn {display: none !important;}
.px-10-select,
.px-10-select .select2-container {padding-left: 10px !important; padding-right: 10px !important}


.qr_codeCreate_boxes {background-color: transparent; display: flex ; flex-wrap: wrap; flex-direction: row; justify-content: space-between; padding-left: 0px; padding-right: 0px; gap: 10px;}
.qr_beforeLogin_innerContainer:has(> .sticky-footer-btn){padding-bottom: 54px;}
.qr_codeCreate_boxes .qr_codeCreate_leftBox {flex: 0 0 calc(100% - 300px); max-width: calc(100% - 300px); background-color: #fff; border: 1px solid rgba(0, 0, 0, .125); padding: 30px !important; border-radius: 6px; min-height: 525px;}
.beforeLoginQRSteps .qr_codeCreate_boxes .qr_codeCreate_leftBox{min-height: 535px; margin-bottom: 60px;}
.withPrevQR.qr_codeCreate_boxes .qr_codeCreate_leftBox{min-height: 545px;}

.qr_codeCreate_boxes .qr_codeCreate_leftBox .card {padding: 0px; border-radius: 6px; border: 0px !important;}
.qr_codeCreate_boxes .qr_codeCreate_leftBox .card:hover,
.qr_codeCreate_boxes .qr_codeCreate_leftBox .card:focus {border-color: rgba(0, 0, 0, .125) !important;}
.qr_codeCreate_boxes .qr_codeCreate_leftBox .card .card-body {padding: 0px;}
.qr_codeCreate_leftBox .select-qr-tabBox{margin-bottom: 12px;}
.qr_codeCreate_leftBox .select-qr-tabBox a {display: block; background: transparent; padding: 0; height: 100%;}
.qr_codeCreate_leftBox .select-qr-tabBox .dist-box2{box-shadow: 0px 0px 8px rgba(0,0,0,.1); border: solid 1px #e9e9e9; max-width: 100%; height: 100%;}
.qr_codeCreate_leftBox .select-qr-tabBox .dist-box2:hover{border-color: #1E90FF;}

.qr_codeCreate_rightBox-wrapper {padding: 35px 0px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, .125); display: flex ; justify-content: center; position: fixed; right: 20px; width: 290px; margin: 0;}
.withPrevQR .qr_codeCreate_rightBox-wrapper{padding: 20px 0;}

.qr_codeCreate_boxes .qr_codeCreate_rightBox {flex: 0 0 230px; max-width: 230px; padding-left: 0px !important; padding-right: 0px !important; border: 0px !important; border-radius: 0px !important; padding-bottom: 0;}
.qr_inMobileframe_box {position: fixed; width: 260px;}
.qr_codeCreate_beforeLogin{margin-bottom: 60px;}
.qr_codeCreate_beforeLogin .qr_inMobileframe_box {position: relative;}

.pdfViewer-posi_fixed {position: relative !important; display: flex; flex-direction: column;}

.beforeLogin_innerMobile_qrGenerate .qr_codeCreate_beforeLogin .qr_inMobileframe_box {position: sticky; top: 30px;}
.beforeLogin_innerMobile_qrGenerate .pdfViewerInner {display: flex; align-items: center;}

.qr_image_inMobile .pdfViewerInner {/*background-color: #1783ff;*/ background-color: #fff; display: flex; align-items: center;}
.qr_image_inMobile .pdfViewerInner img {background-color: #fff; border-radius: 15px;}

.card-select-qr .qr01 {word-break: break-all;}
.card-add-content .bg.pdfViewerCol {padding-left: 10px;padding-right: 10px;}
.pdfViewer-wrapper,
.qurCodeViewer-wrapper {position: relative;  background-image: url('../../qr-images/phone1.png'); background-size: 100% 100%; background-repeat: no-repeat; 
  width: 100%; height: 450px; z-index: 2; padding: 6px 8px 0px 8px; margin-left: auto; margin-right: auto;}
.withPrevQR .pdfViewer-wrapper,
.withPrevQR .qurCodeViewer-wrapper{height: 440px;}
.pdfViewerInner {position: relative; width: 100%; height: calc(100% - 40px); overflow: hidden; border-radius: 36px 36px 10px 2px;}
.pdfViewerInner .statusBarStrip{position: absolute; top: 0; left: 0; width: 100%; z-index: 99; margin: 0;}
.withPrevQR .pdfViewerInner{height: calc(100% - 36px);}
.iframeWrapper {position: relative;width: 100%;height: 100%;}
.iframeBox {position: relative;width: 100%;height: 100%;}
.iframeBox iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
.iframeBox, .iframeIn {position: relative;width: 100%;height: 100%;}

.form-control {padding: 14px 14px 14px 14px;}
.btn-gray-200 {background-color: #e5e7eb;}

.select2.select2-container {position: relative; flex: 0 0 100%; width: 100% !important; min-width: 0; font-size: 14px; display: block; font-weight: 400; line-height: 1.5; color: #212529;
    background-color: #fff; border: 1px solid #ced4da; background-clip: padding-box; padding: 14px; border-radius: 8px;}

.input-group .select2.select2-container {position: relative; flex: 1 1 auto; width: 1% !important; min-width: 0; font-size: 14px; display: block; font-weight: 400; line-height: 1.5; color: #212529;
    background-color: #fff; border: 1px solid #ced4da; background-clip: padding-box; padding: 14px; border-radius: 0px 10px 10px 0px;}

.select2-container--default .select2-selection--single .select2-selection__arrow {border: solid #ccc; border-width: 0 2px 2px 0; display: none; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: auto !important; height: auto !important; position: absolute; top: 13px; right: 10px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none !important;}
.select2-container {z-index: 1;}
span.select2-container.select2-container--default.select2-container--open {z-index: 99999;}
.select2-dropdown {background: #fff !important; border: 1px solid #ccc; border-radius: 10px 10px 10px 10px; box-shadow: 0px 3px 6px #00000029; padding-bottom: 10px;}
.select2-dropdown .select2-results {padding-left: 10px; padding-right: 5px;}
.select2-results__options li.select2-results__option {padding-top: 5px; padding-bottom: 5px;}

.card-select-qr .dist-box2:hover {background-color: #1E90FF38;}


.qrCode-optionBoxes.btn-group-toggle {display: grid ; grid-template-columns: repeat(10, 1fr); margin: 0px; gap: 5px;} 
.qr-pattern-icon {/*width: 70px; height: 70px;*/ width: 100%; height: 100%; border-radius: 6px; display: flex; justify-content: center; padding: 5px; align-items: center; background: #F2F9FE; transition: ease all .5s; -webkit-transition: ease all .5s;}
.qr_beforeLogin_innerContainer .card .form-group label:hover .qr-pattern-icon{background: #d3e9ff;}
.qr-pattern-icon img {width: auto; max-width: 100%; }
.qr-switch-box {border: 2px solid #1e90ff; width: auto; border-radius: 20px; overflow: hidden; margin-left: auto; margin-right: auto; justify-content: center; margin-bottom: 6px; padding: 2px 3px; height: 40px; display: flex; align-items: center;}
.qr-switch-box-wlogin {flex-direction: column;}
.mx-auto {margin-left: auto; margin-right: auto;}

.qr-switch-box li .switch-type {padding: 4px 10px; border: 0px; border-radius: 16px; background: #fff; outline: 0px !important; width: 80px; height: 32px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap;} 
.navbar.nav-wlogin{padding-top: 7px; padding-bottom: 7px; position: fixed; left: 0px; width: 100%; z-index: 9;top: 0;}
.main-wlogin-wrp {
  padding-top: 74px;
}
.qr-switch-box li .switch-type:focus {
  box-shadow: none !important;
}
.qr-switch-box li .switch-type.active {
    color: #fff !important;
    background: #1e90ff;
}
.main-wlogin-wrp .qr_codeCreate_leftBox,
.main-wlogin-wrp .qr_codeCreate_rightBox-wrapper {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.main-wlogin-wrp .sticky-footer-btnBox {
  flex: 0 0 calc(100% - 345px);
  max-width: calc(100% - 345px);
}  

/*.main-wlogin-wrp .qr_codeCreate_rightBox-wrapper {
  position: sticky; top: 90px;
}*/             

/* Responsive Layout */

@media screen and (max-width: 1600px) {
  /*.qr_codeCreate_boxes .qr_codeCreate_leftBox {flex: 0 0 calc(100% - 345px); max-width: calc(100% - 345px);}
  .qr_codeCreate_rightBox-wrapper {flex: 0 0 335px; max-width: 335px;}*/

  .qrCode-optionBoxes.btn-group-toggle {display: grid ; grid-template-columns: repeat(8, 1fr);}
}

@media screen and (max-width: 1400px) {
  /*.qr_codeCreate_boxes .qr_codeCreate_leftBox {flex: 0 0 calc(100% - 310px); max-width: calc(100% - 310px);}
  .qr_codeCreate_rightBox-wrapper {flex: 0 0 300px; max-width: 300px;}*/

  .qrCode-optionBoxes.btn-group-toggle {display: grid ; grid-template-columns: repeat(7, 1fr);}
}

@media screen and (max-width: 1300px) {
  .qr_codeCreate_boxes {/*padding-left: 0px; padding-right: 0px;*/ padding-left: 15px; padding-right: 15px;}
/*  .qr_codeCreate_boxes .qr_codeCreate_leftBox {flex: 0 0 calc(100% - 290px); max-width: calc(100% - 290px); padding-right: 20px !important; margin-right: 30px;}*/

  .qr_codeCreate_boxes.qr_codeCreate_beforeLogin {padding-left: 0px; padding-right: 0px; min-height: unset;}
}
@media screen and (min-width: 768px) and (max-width: 1090px) {
	.qr_codeCreate_boxes .qr_codeCreate_leftBox,
	.withPrevQR.qr_codeCreate_boxes .qr_codeCreate_leftBox,
	.beforeLoginQRSteps .qr_codeCreate_boxes .qr_codeCreate_leftBox{max-width: 100%; flex: 0 0 100%; min-height: auto;}
	.qr_codeCreate_rightBox-wrapper{position: relative; right: auto; width: 100%;}
}

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

  .qr_codeCreate_boxes {flex-direction: column;}
  .qr_codeCreate_boxes .qr_codeCreate_rightBox {margin-left: auto; margin-right: auto;}
  .qr_inMobileframe_box {position: relative;}
  .qr_codeCreate_boxes.qr_codeCreate_beforeLogin {padding-left: 0px; padding-right: 0px; margin-top: 24px;}

  .qrCode-optionBoxes.btn-group-toggle {display: grid ; grid-template-columns: repeat(4, 1fr);}

}

@media screen and (max-width: 575px) {
  .modal-dialog {margin-left: auto;margin-right: auto;}
}

/* mobile preview show css end*/



/* Update 29-05-2025  */

/* Before Login */

.beforeLogin-middleSection-wrapper {background: #F8F8F8;}
.sticky-footer-btnBox {flex: 0 0 calc(100% - 440px); max-width: calc(100% - 440px);}
.f26 {font-size: 18px; margin: 0;}
.qr-type-details {
    display: inline-block;
    margin-right: 5px !important;
    font-size: 13px;
}
.addnew_folderBox {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 5px;
    width: 100px;
    height: 80px;
    background: #fff;
    border-radius: 8px;
    border: 1px dashed #ccc;
}
.addNew_folderText{color: #1E90FF;font-size: 13px;}
.td-actionBtnBox .btn-outline-primary{ padding: 8px 12px; font-size: 14px;}
.beforLogin-frame-main-qrp {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 0px;
    gap: 25px;
    align-items: center;
}



.select2-search.select2-search--dropdown {padding: 5px;}
.lng_dropBox .dropdown-toggle{display: inline-flex; align-items: center;}
.lng_dropBox .dropdown-toggle img{margin: 0 4px;}
.lng_dropBox .dropdown-menu{
  min-width: auto; width: 150px; 
  margin-top: 12px;border: none; 
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15); 
  border-radius: 8px; margin-left: 4px;
    top: 16px;
    /*left: -119px;*/
    right: auto;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    min-width: 110px;
}
.lng_dropBox:hover ul.dropdown-menu {
    display: block;
}
.TrackQR.mr122 a {text-decoration: none !important;}
.slick-dots li {width: 10px; height: 10px;}
.slick-dots li button {width: 10px; height: 10px; background: #edf2fa; font-size: 0px !important; border-radius: 50%;}
.slick-dots li.slick-active button {background: #1e90ff;}
.slick-dots li button:before {width: 10px; height: 10px; content: ''; }
.pricing .mon {display: flex; width: auto; max-width: 200px; margin: 40px auto 0px; border-radius: 50px; background: #e8f4ff; align-items: center; justify-content: center; border: 1px solid #1e90ff; }
.pricing .mon button.nav-link {flex: 0 0 50%; max-width: 50%; margin-top: 0px; border-radius: 50px; box-shadow: none !important; margin-left: 0px;}

.Explore-QR-boxes.helpDiv {display: grid; grid-template-columns: repeat(6, 1fr); column-gap: 12px; row-gap: 12px;}
.Explore-QR .Explore-QR-boxes .dist-box {min-width: auto; width: 100%; margin-bottom: 0px; position: relative;}
.Explore-QR .Explore-QR-boxes .dist-box .clickDistBox{
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; text-decoration: none;
  color: #ffffff;
}
.Explore-QR .Explore-QR-boxes .dist-box .clickDistBox:hover{color: #ffffff;}
.Explore-QR .Explore-QR-boxes .dist-box .details-box{position: relative; width: 100%; height: 100%;}
.Explore-QRfont,
.Explore-QRfont.eq {display: flex; align-items: center; font-size: 12px; padding: 16px 8px; margin: 0;}
.Explore-QRfont .eqimg{width: 20px; height: 20px; margin-top: 0;}
.Explore-QRfont span.p-2,
.Explore-QRfont span.p-1{padding: 0 12px !important;}
.modal-dialog.qr_menuCode.popup {max-width: 550px;}
.qr_menuCode_box {background-color: #fff;color: #fff;border-radius: 8px;border: solid 1px #1E90FF;margin-bottom: 10px;}
.qr_menuCode_box a.btn {display: flex;align-items: center;justify-content: space-between;}
.menu-heading-wrp {display: flex;flex-wrap: wrap;align-items: center;flex: 0 0 calc(100% - 20px);max-width: calc(100% - 20px);}
.menu-heading {flex: 0 0 calc(100% - 40px);max-width: calc(100% - 40px);padding-left: 10px;text-align: left;}
a, .btn, button, .cursor-pointer{cursor: pointer;}

.card-qr-header .form-control {padding: 8px 12px;}
.card-qr-header select.form-control,
.card-qr-header .select2.select2-container{padding: 8px 32px 8px 12px;}

.qr-action-dropdown.dropdown-menu {z-index: 9999 !important; border-color: #D2D2D2; border-radius: 8px !important; box-shadow: 0px 3px 6px #00000029; padding-top: 10px; padding-bottom: 10px;}
.qr-action-dropdown.dropdown-menu .dropdown-item {padding: 10px 50px 10px 20px;}
.dropdown-item.dropdown-deleteItem {color: #FF0000;}


/*.modal-backdrop {z-index: 9999;}*/
.modal.qr-modalStyle {z-index: 99999;}
.qr-modalStyle .modal-dialog {max-width: 520px; padding: 10px;}
.qr-modalStyle .modal-content {padding: 0px;}
.qr-modalStyle .modal-content .modal-body {padding: 40px 50px;}
.qr-modalStyle .modal-content .modal-body .modal-title {font-size: 22px; color: #000000; font-weight: 600;}
.qr-modalStyle .btn-close {position: absolute; top: 20px; right: -30px; padding: 0px; width: 16px; height: 16px; box-shadow: none;}
.qr-modalStyle .modal-content .modal-body .btn {border-radius: 14px; font-size: 15px; font-weight: 400; padding: 11px 13px 11px 13px; max-width: 190px;width: 100%;margin-left: auto;margin-right: auto;}

.qr-code-closeBtn {position: absolute; width: 20px; height: 20px; cursor: pointer; padding: 0;}
.border-border {border-bottom: 0px !important;}
.open-hours-selectBoxes {flex: 0 0 400px; max-width: 400px;}
.btn.custom-btn-plus {padding: 14px 5px; border-radius: 10px; display: flex; justify-content: center; align-items: center; min-width: 40px; font-size: 22px; line-height: 23px; text-align: center; }

.badge-infoBox-main {flex: 0 0 calc(100% - 410px); max-width: calc(100% - 410px); display: flex; flex-wrap: wrap; gap: 8px;}
.badge-infoBox-main .badge-infoBox {flex: 0 0 147px; max-width: 147px; margin-bottom: 5px;}

.badge-infoBox {display: flex; justify-content: space-between; align-items: center; gap: 8px;}
.badge-infoText {background-color: #e9edf4; display: flex; justify-content: space-between; align-items: center; padding-left: 3px; padding-right: 3px;}
.btn.custom-text-danger-btn {background-color: #fff; border: 1px solid #dc3545; padding: 13px 5px; border-radius: 10px; display: flex; justify-content: center; align-items: center; min-width: 40px; font-size: 22px; line-height: 23px; text-align: center; }
.input-group.social-link .input-group-text {border-radius: 8px 0px 0px 8px !important;}

.frame-main-qrp .row {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  margin: 0px;
  gap: 25px;
  align-items: center;
}
.frame-main-qrp .row .col {
  display: block;
  flex: none;
  border-radius: 4px;
  padding: 0px;  
}
.frame-main-qrp .row .col label {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background-color: #F2F9FE; border: 1px solid #D8EAFC;
}
.frame-main-qrp .row .col label:hover {
  background-color: #d3e9ff;
}
.frame-main-qrp .row .col label.active {
  border-color: #1E90FF; outline: 1px solid #1E90FF;
}
.colorInputGroup .input-group .form-control {border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important;}
.colorInputGroup .input-group .input-group-prepend .input-group-text{width: 42px; height: 100%; border-radius: 0 !important; border: none;}
.colorInputGroup .input-group .pickr{position: absolute; top: 0; left: 0; height: 100%; border-top-left-radius: 8px; border-bottom-left-radius: 8px; overflow: hidden;}
.colorInputGroup .input-group .pickr .pcr-button{height: 100% !important; width: 42px !important;}
.colorInputGroup .input-group .pickr .pcr-button:before,
.colorInputGroup .input-group .pickr .pcr-button:after{border-radius: 0px !important;}

.selectArrow{position: relative;}
.selectArrow:before{content: ""; position: absolute; bottom: 24px; right: 32px; display: inline-block; z-index: 1; box-sizing: border-box;
  height: 14px;
  width: 14px;
  border-style: solid;
  border-color: black;
  border-width: 0px 1px 1px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;}
.planMain{background: #ffffff; padding: 32px 0; margin-bottom: 32px;}

.customUploadFile{cursor: auto;}
.customUploadFile .accordion-body{padding: 0; display: flex; align-items: baseline;}
.customUploadFile .accordion-body small.form-text.text-muted{display: inline-block; margin: 0;}
.customUploadFile .accordion-body label.upload-box{display: inline-flex; position: relative; border: 1px solid #ccc; border-radius: 8px; padding: 8px; margin-bottom: 0; margin-right: 8px;}
.customUploadFile .accordion-body label.upload-box img{margin: 0;}
.customUploadFile .accordion-body label.upload-box .actionBtn{position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); display: flex; align-items: center;}
.customUploadFile .accordion-body label.upload-box .actionBtn > *{margin: 0}
.customUploadFile .accordion-body label.upload-box .actionBtn > *:not(:last-child){margin-right: 8px;}
.customUploadFile .accordion-body label.upload-box .actionBtn .clickBtn > *{display: inline-flex; width: 30px; height: 30px; border: 1px solid #ccc; border-radius: 100%; align-items: center; justify-content: center; background: #ffffff; margin: 0}
.customUploadFile .accordion-body label.upload-box .actionBtn .clickBtn > * svg{width: 15px;}
.customUploadFile .accordion-body label.upload-box .actionBtn .clickBtn > *.remove svg{color: red;}
.customUploadFile .showPreview{display: flex; flex-wrap: wrap; margin-top: 12px;}
.customUploadFile .showPreview > *{position: relative; margin-top: 12px;}
.customUploadFile .showPreview > *:not(:last-child){margin-right: 16px;}
.customUploadFile .showPreview > * button{top: -8px; right: -8px; font-size: 16px; display: flex; align-items: center; justify-content: center;}
.customUploadFile + .custom-switch-wrp{margin-top: 24px;}

.socialBtnmain{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 16px;}
.socialBtnmain .btn{width: 64px; height: 64px;}
.socialBtnmain .btn svg{font-size: 32px;}

.opening-row{display: flex; align-items: center;}
.opening-row > *{margin: 0}
.opening-row > *:not(:last-child){margin-right: 8px;}
.opening-row span{width: 100px; flex: none;}
.opening-row .form-control{width: 150px;}
.opening-row:not(:last-child){margin-bottom: 8px;}

#vcard_phone_numbers .form-group label,
#vcard_phone_numbers .form-group label:hover{background: transparent;}
.formatSizeModal .modal-dialog .modal-content{padding: 0;}
.formatSizeModal .modal-dialog .modal-content .modal-header .close{position: absolute; right: 8px; top: 8px; border: none; border-radius: 100%; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;}
.formatSizeModal .modal-dialog .modal-content .modal-header .close span{font-size: 22px; position: relative; top: -1px;}
.formatSizeModal .modal-dialog .modal-content .modal-body{display: flex; align-items: center; justyify-content: center; flex-direction: column;}
.formatSizeModal .modal-dialog .modal-content .modal-body > *{margin: 0;}
.formatSizeModal .modal-dialog .modal-content .modal-body > *:not(:last-child){margin-bottom: 16px;}
.formatSizeModal .modal-dialog .modal-content .modal-body .formatSizeBox{width: 100%;}
.formatSizeModal .modal-dialog .modal-content .modal-body .formatSizeBox label.btn{display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px;}
.formatSizeModal .modal-dialog .modal-content .modal-body .formatSizeBox label.btn > *{margin: 0;}
.formatSizeModal .modal-dialog .modal-content .modal-body .formatSizeBox label.btn > *:not(:last-child){margin-bottom: 12px;}
.formatSizeModal .modal-dialog .modal-content .modal-body .formatSizeBox label.btn .formatIcon{width: 54px; height: 54px; border-radius: 100%; background: #e1f2ff; display: flex; align-items: center; justify-content: center;}
.formatSizeModal .modal-dialog .modal-content .modal-footer{background: transparent; border: none; padding: 16px; display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap;}
.formatSizeModal .modal-dialog .modal-content .modal-footer .sizeDropdown{width: 250px;}
.formatSizeModal .modal-dialog .modal-content .modal-footer .formatActionBtn{width: 300px; display: flex;}
.formatSizeModal .modal-dialog .modal-content .modal-footer .formatActionBtn > *{margin: 0; flex: 1;}
.formatSizeModal .modal-dialog .modal-content .modal-footer .formatActionBtn > *:not(:last-child){margin-right: 16px;}
.formatSizeModal .modal-dialog .modal-content .modal-footer .formatActionBtn .btn:first-child{flex: 2;}

.create-qr-login-direct{margin-top: 80px;}
.create-qr-login-direct .qr_codeCreate_rightBox-wrapper{position: relative; right: auto; padding: 35px 16px;}

.registerQRCode{position: relative; width: 100%; padding: 104px 32px 64px 32px; display: flex; align-items: center; justify-content: center;}
.registerQRCode img{width: 30vw;}

.registerQRList{position: relative; width: 100%; padding: 5px 0 48px; display: flex; flex-direction: column;}
.registerQRList > *,
.registerQRList ul > *{margin: 0;}
.registerQRList > *:not(:last-child){margin-bottom: 16px;}
.registerQRList h3{font-size: 16px; font-weight: bold;}
.registerQRList ul{display: flex; flex-direction: column;}
.registerQRList ul > *:not(:last-child){margin-bottom: 8px;}
.registerQRList ul li{display: flex; font-size: 14px; font-weight: 500;}
.registerQRList ul li svg{position: relative; top: 3px; margin-right: 8px; font-size: 16px; color: rgba(var(--bs-success-rgb));}

.sixDropdown{padding-right: 64px;}
.sixDropdown .sixDropdownBtn{position: absolute; right: 6px; bottom: 3px; width: auto;}

.pieChartBox{display: flex; align-items: center; flex-wrap: wrap; padding-right: 8px;}
.pieChartBox > *{flex: 1; margin: 0;}
.pieChartBox ul li{display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 500;}
.pieChartBox ul > *:not(:last-child){padding-bottom: 8px;}
.pieChartBox ul li > *:not(:last-child){padding-right: 8px;}
.remove-single-img {position: absolute;background: red;color: white;border: none;border-radius: 100%;width: 20px;height: 20px;cursor: pointer;line-height: 18px;text-align: center;font-size: 14px;padding: 0;
}
.single-upload-img{
  width: 100px; height: 100px; object-fit: cover; border: 1px solid rgb(204, 204, 204); border-radius: 6px;
}

/* Responsive Style */

@media screen and (1600px) {
  .qr_codeCreate_boxes .qr_codeCreate_leftBox {
    flex: 0 0 calc(100% - 330px);
    max-width: calc(100% - 330px);
    padding-left: 0px !important;
  }

  .sticky-footer-btnBox {flex: 0 0 calc(100% - 340px); max-width: calc(100% - 340px);}
}

@media screen and (max-width: 1400px) {
  .sticky-footer-btnBox {flex: 0 0 calc(100% - 310px); max-width: calc(100% - 310px);}
}

@media screen and (max-width: 1300px) {
  .badge-infoBox-main {flex: 0 0 100%; max-width: 100%; display: flex ; flex-wrap: wrap; gap: 8px; padding-left: 105px;}
	.registerQRList{padding: 80px 0 48px;}
}

@media screen and (max-width: 1199px) {
  .sticky-footer-btnBox {flex: 0 0 100%; max-width: 100%;}
	.frame-main-qrp .row {gap: 10px;}
}

@media screen and (min-width: 1023px) and (max-width: 1300px) {
	.login-pd{padding: 80px 48px 0px 48px;}
}

@media screen and (max-width: 1023px) {
  .min-w-160 {min-width: 120px;}

  .qr-modalStyle .modal-content .modal-body {padding: 30px 20px;}
  .qr-modalStyle .btn-close {right: 0px;}
}

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

  .Explore-QR-boxes.helpDiv {grid-template-columns: repeat(3, 1fr);}
  .Explore-Amazi .dist-box {margin-bottom: 15px;}
  .call .card.tt {margin-top: 10px; margin-bottom: 10px; height: auto; padding-top: 15px; padding-bottom: 15px;}
  section.call.callmt100 {padding-top: 30px; padding-bottom: 30px;}
  .navbar-custom-toggler{padding: 10px 6px; font-size: 18px;}
}

@media screen and (max-width: 767px) {
  .login-welcome-alert .welcomeAlert .alert {top: 50px;}
  .Explore-QR-boxes.helpDiv {grid-template-columns: repeat(2, 1fr); column-gap: 12px;}
  .Explore-QR .Explore-QR-boxes .dist-box {height: auto;}
  .Explore-QRfont {padding: 12px 5px 12px 12px; margin-bottom: 0px !important;}
  .Explore-QRText {display: inline-block; word-break: break-all;}
  .footer-menu .gen {max-width: 155px;}
  .Explore-Amazi .dist-box {margin-bottom: 0px;}
  .Privacy .Track p {font-size: 28px; margin-top: 40px; margin-bottom: 11px;}
  .Privacy .mt70 {margin-top: 30px; margin-bottom: 50px;}

  .qr-modalStyle .modal-content .modal-body .btn {min-width: 120px;}
  .planMain{padding: 32px 16px;}
  .planMain .tab-content .tab-pane .row > *:not(:last-child){margin-bottom: 16px;}
  .qr_codeCreate_boxes .qr_codeCreate_leftBox{padding: 24px 16px !important; margin-top: 24px;}
  .qr_beforeLogin_innerContainer:has(> .sticky-footer-btn){padding-bottom: 40px;}
  .btn-primary,
  .btn-outline-primary{border-radius: 8px;}
  .qr_beforeLogin_innerContainer .card .form-control{font-size: 16px!important; padding-left: 16px!important;}
  .qr_codeCreate_boxes .qr_codeCreate_leftBox,
  .beforeLoginQRSteps .qr_codeCreate_boxes .qr_codeCreate_leftBox{flex: 0 0 100%; max-width: 100%; min-height: unset;width: 100%;}
  .qr_codeCreate_rightBox-wrapper {flex: 0 0 100%; max-width: 100%; width: 100%; position: relative; right: auto; width: auto;}
  .frame-main-qrp .row{grid-template-columns: repeat(2, 1fr);}
  #opening-hours{overflow: auto;}
  .opening-row .form-control{width: 140px;}

  .formatSizeModal .modal-dialog .modal-content{margin: 0 16px;}
  .formatSizeModal .modal-dialog .modal-content .modal-footer > *{margin: 0;}
  .formatSizeModal .modal-dialog .modal-content .modal-footer > *:not(:last-child){margin-bottom: 16px;}
  .formatSizeModal .modal-dialog .modal-content .modal-footer .sizeDropdown,
  .formatSizeModal .modal-dialog .modal-content .modal-footer .formatActionBtn{width: 100%;}
  
  .web-mr30{margin-bottom: 40px;}
  .marb{margin-bottom: 56px;}

  .td-actionBtnBox .btn-outline-primary{ padding: 4px 6px; font-size: 13px; border-radius: 12px;}
  .td-actionBtnBox .actionBtn-box{justify-content: flex-start !important;}
  .table-dropdown-main{width: 34px; height: 29px;}
  	.create-qr-login-direct{margin-top: 100px;}
	.create-qr-login-direct .container{padding: 0;}
	.dashboard-toolbar .row .hef > *:not(:last-child){margin-right: 8px;}
	.registerQRList{padding: 48px 0 0;}
	.registerQRCode{padding: 24px 16px 44px;}
	.registerQRCode img{width: 60vw;}
	.sixDropdown{padding-right: 0;}
	.sixDropdown .sixDropdownBtn{position: relative; right: auto; bottom: auto; width: 100%;}
}


@media screen and (max-width: 479px) {
  .lng_dropBox {
    margin-top: 10px;
  }

  .Explore-Amazi .nav button.nav-link,
  .Faq .nav button.nav-link {padding: .5rem 0.3rem;}

  .phone-numbers-fields {
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
  }

  .min-w-160 {
    min-width: 100px;
  }
  .headersec .btn.btn-outline-primary, .headersec .btn.btn-primary {
    padding: 6px !important;
    font-size: 14px !important;
  }
  .menu-toggle svg {
    font-size: 23px;
    color: #273b7d;
  }
}
@media screen and (max-width: 400px) {
  .headersec .btn.btn-outline-primary, .headersec .btn.btn-primary {
    font-size: 12px !important;
  } 
}
@media screen and (max-width: 370px) {
  .stepsMain .select-qr .cir, 
  .stepsMain .select-qr .cir2{width: 16px; height: 16px; font-size: 10px;}
  .stepsMain .select-qr .type,
  .stepsMain .select-qr .type2{font-size: 11px; margin-left: 2px;}
  .stepsMain .select-qr .joinSteps .type,
  .stepsMain .select-qr .joinSteps .type2{font-size: 10px; margin-left: 0; margin-top: 6px;}

 
}

/* 17-07-2025  */

.before-login-qr-steps .beforeLoginQRSteps .sticky-footer-btn {
   padding: 8px 0px 8px 0px;
    width: 100%;
    margin-left: 0;
    left: 0px;
}

.before-login-qr-steps .sticky-footer-btn .footerBtns {
    width: 100%;
    max-width: calc(100% - 320px);
    padding-left: 26px;
}


/* without login QR select page  */
/* Before login lending */

.navbar.nav-wlogin .container-fluid {
    padding-left: 60px;
    padding-right: 60px;
}

section.three-step.bn {
    margin-top: 80px;
    padding-bottom: 40px;
}

.Explore-Amazi .Track p {
    margin-top: 92px;
}

.Explore-Amazi .tab-content>.active,
.without-login-qr-type .tab-pane.active {
    background: transparent;
    border-top: 0px;
    color: #000 !important;
    border-left: 0px;
}


@media screen and (min-width: 1091px) {

  .before-login-qr-steps .beforeLoginQRSteps .qr_codeCreate_boxes .qr_codeCreate_leftBox {
      /*min-height: 586px;*/
      margin-bottom: 60px;
  }
  .before-login-qr-steps .bg-white.qr_codeCreate_rightBox-wrapper.d-none.d-sm-flex {
      position: sticky;
      right: auto;
      top: 90px;
      align-self: flex-start;
  }
}

@media screen and (min-width: 768px) and (max-width: 1090px) {
  .before-login-qr-steps .beforeLoginQRSteps .qr_codeCreate_boxes .qr_codeCreate_leftBox {
      margin-bottom: 10px;
  }
}

@media screen and (max-width: 1199px) {
.navbar.nav-wlogin .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
}
section.three-step.bn {
    margin-top: 0px;
  }
  .Explore-Amazi .Track p {
    margin-top: 40px;
}
}
@media screen and (max-width: 1090px) {
  .before-login-qr-steps .qr_codeCreate_boxes.qr_codeCreate_beforeLogin {
    padding-bottom: 60px;
  }

  .before-login-qr-steps .sticky-footer-btn .footerBtns {  
    max-width: 100%;
    padding-right: 20px;
  }
}

@media screen and (max-width: 991px) {
  .Code-Management.dynamic-codeManagemanet-sec .dynamic-codeManagemanet-container .row:first-child {
    margin-bottom: 0px;
}
  .rowWrapper:first-child {padding-top: 0px;margin-bottom: 0px;}
  .Code-Management .rtext1 {padding: 50px 0px;}
  section.Code-Management.dynamic-codeManagemanet-sec .Track.rtext1 {padding-top: 50px;}
  section.Code-Management.dynamic-codeManagemanet-sec .rowWrapper:nth-child(2) .Track.rtext1, 
  section.Code-Management.dynamic-codeManagemanet-sec .rowWrapper.py-68 .Track.rtext1 {padding-top: 0px;}
  section.Code-Management.dynamic-codeManagemanet-sec .Track.rtext1 {padding-top: 50px;}
  section.Code-Management.dynamic-codeManagemanet-sec .rowWrapper:first-child .Track.rtext1 {padding-top: 50px;}
  .img-box.first.rightimg {margin-top: 0px;}

  .mb-68 {margin-bottom: 38px;}
  .py-68 {
      padding-top: 38px;
      padding-bottom: 38px;
  }
  .Code-Management .rtext1 {
        padding-top: 0px;
  }
  .rowWrapper:first-child {
      margin-top: 0px !important;
      margin-bottom: 45px !important;
      padding-bottom: 38px !important;
  }
  .rowWrapper.mb-68 {
      margin-top: 45px;
  }
  .Code-Management .rowWrapper  .rtext1 {
      padding: 50px 0px 45px;
  }
  .rowWrapper:last-child.mb-68 {
      margin-bottom: 45px !important;
  }

  .Feature .btn-primary {
    min-width: 190px;
    margin-top: 20px;
    height: 40px;
    font-size: 15px;
    padding: 7px 7px 7px 7px;
    width: fit-content;
    display: inline-block;
}
}
@media screen and (min-width: 1300px) {
  .rowWrapper {min-height: 200px;}
}

@media screen and (min-width: 992px) {
  .rowWrapper .col-lg-6 {max-width: calc(50% - 25px);}
  .Code-Management .col-lg-6 {max-width: calc(50% - 25px);}
}