/*@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/*=======font-family: "Albert Sans", sans-serif;==========*/


:root {
  --primary-color: #D81212;
  --secondery-color: #FCCACA;
  --link-color:#D81212;
  --body-text: #595959;
  --white-bg: #fff;
  --black-bg: #222222;
}


/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: "Albert Sans", sans-serif; font-size: 18px; font-weight: 400; color: var(--body-text); overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {font-weight: bold; margin:0 0 25px; padding:0; color: var(--black-bg); font-family: "Albert Sans", sans-serif; line-height: 1.1; }
main{overflow-x: hidden; position: relative;}
h1{ font-size: 80px}
/*---------70px to 34px---------*/
h2{ font-size: 55px; margin-bottom: 30px; font-weight: bold;}
/*---------60px to 30px---------*/
h3{ font-size: 36px; }
/*---------24px to 20px---------*/
h4{ font-size: 24px;}
/*---------20px to 18px---------*/
h5{ font-size: 20px;}
/*---------18px to 16px---------*/
h6{ font-size:18px;}
p{ margin:0 0 20px; line-height: 1.6; font-size: 18px;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: var(--link-color); outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}
p:last-child{margin-bottom: 0;}
.gap-6 { gap: 3.6rem !important; }


input, textarea, select{font-weight: 400; outline: none;}
input[type="submit"]{font-weight: 700; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none !important; -webkit-appearance: none !important; padding-right: 40px !important; background-image: url('../images/select-arw.svg') !important; background-repeat: no-repeat !important; background-position: 96% center !important; border: transparent !important; border-bottom: 1px solid var(--body-text) !important; box-shadow: none !important; border-radius: 0 !important; color: var(--primary-color) !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; padding: 12px 15px !important; }
/* input:not([type="submit"]) {height: 67px !important;} */
input.form-control, textarea.form-control { border: transparent; border-bottom: 1px solid var(--body-text) !important; box-shadow: none !important; border-radius: 0; color: var(--black-bg) !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
textarea.form-control{height: 120px !important;}
ul{padding-left: 0; margin-bottom: 0;}
li{list-style: none;}
a.underline{text-decoration: underline;}
hr { margin: 0; color: #595959; border: 0; border-top: var(--bs-border-width) solid; opacity: 1; }
input::placeholder { color: #939393 !important; opacity: 1; /* Firefox */ }
input::-ms-input-placeholder { /* Edge 12-18 */ color: #939393; }
textarea::placeholder { color: #939393 !important; opacity: 1; /* Firefox */ }
textarea::-ms-input-placeholder { /* Edge 12-18 */ color: #939393; }
.contact-form form input.btn { font-weight: 500; }
/* --- for placeholder color --- */

.form-control::-moz-placeholder{color:#939393;}
.form-control:-ms-input-placeholder{color:#939393;}
.form-control::-webkit-input-placeholder{color:#939393;}

/* --- for placeholder color --- */


/* --- Button Styles --- */

.btn { padding: 15px 35px; font-size: 20px; min-width: 240px; border: 0 !important; border-radius: 10px; background: var(--primary-color); color: var(--white-bg)!important; font-weight: 800; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; -o-transition: 0.3s ease-in-out all; text-transform: capitalize; }
.btn:hover { box-shadow: rgb(216 18 18 / 30%) 0px 4px 6px; background: var(--primary-color); color: var(--white-bg)!important;}
.btn.btn-line {border: 1px solid var(--primary-color) !important; background: transparent; color: var(--primary-color)!important;}
.btn.btn-line:hover {background-color: var(--primary-color); color: var(--white-bg)!important; }

.btn.btn-white {background: var(--white-bg) !important; color: var(--secondery-color) !important; border: 1px solid var(--white-bg) !important;}
.btn.btn-white:hover {background: var(--black-bg) !important; border: 1px solid var(--black-bg) !important; color: var(--white-bg) !important;}
.btn-inline .btn{margin-right: 15px;}
.btn-inline .btn:last-child{margin-right: 0;}

/* --- Button Styles --- */

/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/
.t-white, .t-white h1, .t-white h2, .t-white h3, .t-white h4, .t-white h5, .t-white h6, .t-white p {color: #fff;}
.common-padd { padding-top: 70px; padding-bottom: 70px; }
.common-padd-lg{padding-top: 90px; padding-bottom: 90px;}
.form-control { padding: 10px 15px; }
.center-heading-sec {text-align: center; max-width: 1117px; margin: 0 auto; margin-bottom: 50px; }
.img-box img{width: 100%;height: 100%;object-fit: cover;}

/*..............common styles..............*/


/*-----scroll-bar-design----------*/

/* width */
::-webkit-scrollbar {width: 8px; }

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px var(--primary-color); }
 
/* Handle */
::-webkit-scrollbar-thumb {background: var(--secondery-color); border-radius: 10px; }


/*-----scroll-bar-design----------*/

/*for header css*/
header.main-header.header-with-bg {background-color: #3B3B3C; background: rgb(59,59,60);background: linear-gradient(180deg, rgba(59,59,60,1) 0%, rgba(59,59,60,1) 65%, rgba(59,59,60,1) 100%);}
header.main-header.header-with-bg.fixed{background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.5) 100%);}
.main-header { z-index: 999; left: 0; right: 0; top: 0; position: fixed; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; padding: 10px 0; }
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }


header.main-header.no-banner-header .container.header-row { border-bottom: 1px solid #ccc; }
header.main-header.no-banner-header.fixed .container.header-row { border-bottom: 0; }
.main-header .logo { width: 100%; max-width: 100px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-header.fixed .logo {max-width: 70px;}
.main-header.fixed { background: #edf9ff96; left: 0; position: fixed; top: 0; width: 100%; transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; backdrop-filter: blur(6px); }




/*for header css*/
.img-box{overflow: hidden;}
.common-heading h2 {text-transform: capitalize;}
/*=====home page====*/

.banner-sec { overflow: hidden; position: relative; padding: 134px 0 0; }
.banner-sec .left-box-bg{position: absolute; left: 0; top: 0; max-width: 650px;}
.banner-sec .left-box-bg .img { width: 100%; }
.banner-sec .right-box-bg { position: absolute; right: 0; top: 0; max-width: 1150px; }
.banner-sec .right-box-bg img{width: 100%;}
.banner-content-box { max-width: 760px; }
.banner-sec .banner-right-img {   position: relative; z-index: 3; max-width: 600px;  text-align: right; transition: 0.5s ease-in-out all; -webkit-transition: 0.5s ease-in-out all; -moz-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; -o-transition: 0.5s ease-in-out all; -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate;}
.banner-sec .banner-right-img img.banner-screen1{position: absolute; left: 0; bottom: 35px; z-index: -1; width: 324px;}
.banner-sec .banner-right-img img.banner-screen2 { width: 385px; }
.banner-content:hover .arrow-top-box{transform: translateX(-70px); -webkit-transform: translateX(-70px); -moz-transform: translateX(-70px); -ms-transform: translateX(-70px); -o-transform: translateX(-70px);}


.banner-sec .main-banner-img-box{position: relative;}
.banner-sec .arrow-top-box { position: absolute; display: flex ; align-items: end; transform: translateX(-50px); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); bottom: 180px; transition: 0.5s ease-in-out all; -webkit-transition: 0.5s ease-in-out all; -moz-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; -o-transition: 0.5s ease-in-out all;  }
.banner-sec .arrow-top-box .arrow-main { background: var(--secondery-color); width: 160px; height: 160px; padding: 20px; border-radius: 50%; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; }
.banner-sec .main-banner-img { padding-bottom: 30px; }





.subscription-sec { position: relative; overflow: hidden;     padding-bottom: 210px; }
.subscription_card_outer{background-image: linear-gradient(180deg, #fff 90%, #f9eaea 100%); padding: 5px;  border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; border: 2px solid #f7e0e0; margin-bottom: 20px; -webkit-box-shadow: -1px 0px 43px -6px rgba(0,0,0,0.12); -moz-box-shadow: -1px 0px 43px -6px rgba(0,0,0,0.12); box-shadow: -1px 0px 43px -6px rgba(0,0,0,0.12);}
.subscription-card { padding: 30px 30px;  background-color: #fff;    text-align: center; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;}
.subscription-icon {  width: 90px;  height: 90px; background: linear-gradient(190deg, rgba(255, 255, 255, 1) 40%, rgba(255, 0, 0, 0.06) 100%); border-radius: 50%; /* Makes it a circle */ box-shadow: 0px 6px 8px 2px rgba(255, 0, 0, 0.09); margin: 0 auto 30px auto; display: flex; align-items: center; justify-content: center; transition: 0.3S ease-in-out all; -webkit-transition: 0.3S ease-in-out all; -moz-transition: 0.3S ease-in-out all; -ms-transition: 0.3S ease-in-out all; -o-transition: 0.3S ease-in-out all; }
.subscription-card h3 { margin-bottom: 0; font-size: 55px; font-weight: 700; }
.subscription_card_outer:hover .subscription-icon { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }



.about-sec { position: relative; overflow: hidden; background-color: var(--white-bg); }
.about-sec .about-corner-partical { position: absolute; bottom: 0; right: 0; }
.about-img-box { position: relative; overflow: hidden; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; -o-transition: 0.3s ease-in-out all; padding-bottom: 20px;}
.about-img-box .about-partical { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; -o-transition: 0.3s ease-in-out all; }
.about-main-img { position: relative; z-index: 1; text-align: center; transition: 0.5s ease-in-out all; -webkit-transition: 0.5s ease-in-out all; -moz-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; -o-transition: 0.5s ease-in-out all; -webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite alternate; top: 10px;}
.about-sec:hover .about-partical { transform: rotate(5deg) translateY(-50%); -webkit-transform: rotate(5deg) translateY(-50%); -moz-transform: rotate(5deg) translateY(-50%); -ms-transform: rotate(5deg) translateY(-50%); -o-transform: rotate(5deg) translateY(-50%); }
.about-sec:hover .about-main-img { transform: rotate(2deg); -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); }
.about-content .common-heading {margin-bottom: 0;}
.about-main-img img.single-phone { max-width: 340px; margin-left: -100px; }
.about-main-img img.single-screen { position: absolute; bottom: 95px; right: 68px; }



@keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}


.scannerapp-solution { overflow: hidden; position: relative; }
.left-bottom-box-bg .left-circle { position: absolute; left: 0; bottom: 0; }
.left-line { position: absolute; top: 0; left: 0; z-index: 1; }
.scannerapp-content ul{margin: 0; padding: 0; list-style: none; display: flex;}
.scannerapp-content ul li:not(:last-child){margin-right: 20px;}
.scannerapp-content ul li{display: inline-block; border-radius: 20px; overflow: hidden; }
.scannerapp-content ul li a { display: flex; background-color: #fff; height: 100%; padding: 8px 15px; width: 250px; justify-content: center; align-items: center; }
.app-content{background-color: #000;  background: radial-gradient(ellipse 130% 80% at top center, rgb(151, 17, 18) 19%, rgb(62, 16, 19) 44%, rgb(15, 16, 19) 79% ); border-radius: 36px; padding-bottom: 145px;
  padding-top: 145px;}
.scannerapp-img { text-align: right; margin-top: 0; position: absolute; bottom: 0; right: -30px; width: auto;  max-width: 665px; }
.scannerapp-content { padding-left: 90px; }


.feature-icon {  width: 90px;  height: 90px; background: linear-gradient(190deg, rgba(255, 255, 255, 1) 40%, rgba(255, 0, 0, 0.06) 100%); border-radius: 50%; /* Makes it a circle */ box-shadow: 0px 6px 8px 2px rgba(255, 0, 0, 0.09); margin-bottom: 30px; margin-left: auto; display: flex; align-items: center; justify-content: center; transition: 0.3S ease-in-out all; -webkit-transition: 0.3S ease-in-out all; -moz-transition: 0.3S ease-in-out all; -ms-transition: 0.3S ease-in-out all; -o-transition: 0.3S ease-in-out all; }
.feature_col:hover .feature-icon { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.feature-section .feature_inner { background: url(../images/bg-1.png)no-repeat; border-radius: 60px; background-size: cover; }
.feature-icon img { width: 40px; height: 40px; }
.ph-mock-wrap { max-width: 440px; margin: 0 auto; transition: 0.5s ease-in-out all; -webkit-transition: 0.5s ease-in-out all; -moz-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; -o-transition: 0.5s ease-in-out all; -webkit-animation: mover 1s infinite  alternate; animation: mover 1.5s infinite alternate;}
.ph-mock-wrap{margin-top: -230px;}
.feature_cnt { text-align: right; }
.feature_col{margin-bottom: 45px;}
.feature-section .col-lg-3:last-child .feature_cnt {text-align: left;}
.feature-section .col-lg-3:last-child .feature-icon{margin-right: auto; margin-left: 0;}



footer {background-color: #070707; padding: 70px 0 0; }
footer .footer-menu-box { margin-top: 20px; }
footer .footer-menu-box h4 {margin-bottom: 25px; color: var(--white-bg);}
footer .footer-menu-box ul li {font-size: 18px; padding-bottom: 10px; }
footer .footer-menu-box ul li a {color: var(--white-bg); position:relative; word-wrap: break-word;}
footer .footer-menu-box ul li a:hover {color: var(--primary-color);}
footer .footer-menu-box ul {padding: 0; margin: 0; list-style: none; }
footer ul.media {display: flex ; gap: 20px; }
footer .footer-menu-box .row .col-lg-3.col-md-6:last-child { padding-left: 50px; }
footer .footer-menu-box ul.media li{}
footer .footer-menu-box ul.media li a {width: 36px; height: 36px; border: 1px solid var(--white-bg); border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: transparent;  transition: 0.5s ease-in-out all; -webkit-transition: 0.5s ease-in-out all; -moz-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; -o-transition: 0.5s ease-in-out all;  }
footer .footer-menu-box ul.media li a:hover{background-color: var(--primary-color);  border: 1px solid var(--primary-color); }
footer .copy-right-text { padding: 20px 0; margin-top: 0; }
footer .copy-right-text a:hover{color: var(--secondery-color); }
footer .footer-logo { margin-bottom: 35px; width: 110px; }
footer .left-box p { margin-bottom: 60px; }
footer .left-box p{color: #fff;}
.bottom-footer{background-color: #100E0E;}






.no-banner main { padding-top: 120px; padding-bottom: 50px;}
.error404.no-banner main{padding-top: 150px; padding-bottom: 70px;}
.wpcf7-form span.wpcf7-form-control-wrap {
  margin-bottom: 20px;
  display: block;
}
.wpcf7-form .form-label { color: #000;}
.wpcf7 form .wpcf7-response-output { font-size: 16px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #d81212;}



/*Media Query css*/


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

  .error404.no-banner .common-padding {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  

}

@media only screen and (min-width: 1700px) {
  .main-header .container.header-row { max-width: 1880px; }
  .container { max-width: 1620px; }
}

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

  body{max-width: 1920px!important; margin: 0 auto;}
  header { max-width: 1920px; margin: 0 auto; }
  
  }



@media only screen and ( max-width:1699px ) {
 
  h1{ font-size: 70px}
  /*---------70px to 34px---------*/
  h2{ font-size: 45px; margin-bottom: 30px; font-weight: bold;}
  /*---------60px to 30px---------*/
  h3{ font-size: 32px; }
  /*---------24px to 20px---------*/
  h4{ font-size: 22px;}
  /*---------20px to 18px---------*/
  h5{ font-size: 18px;}
  .common-padd-lg { padding-top: 70px; padding-bottom: 70px; }
  .banner-content-box { max-width: 630px; }
  .banner-sec .right-box-bg { max-width: 990px; }
  .subscription-card h3 { font-size: 45px;}
  .banner-sec { padding: 110px 0 0; }
  .banner-sec .banner-right-img img.banner-screen1 { width: 285px; }
  .banner-sec .banner-right-img img.banner-screen2 { width: 350px; }
  .subscription-sec { padding-bottom: 180px; }
  .feature-section .col-lg-3 { width: 28%; }
  .ph-mock-wrap { margin-top: -220px;    max-width: 380px; }
  .about-img-box .about-partical { left: 0;  width: 620px;}
  .about-main-img img.single-screen {  bottom: 90px; right: 70px; width: 370px; }
  .scannerapp-content ul li a { padding: 5px 15px; width: 230px;}

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

}
@media only screen and ( max-width:1399px ) {
  .main-header .logo { max-width: 90px;}
  .main-header.fixed .logo{ max-width: 50px;}
  p { line-height: 1.5; font-size: 16px; }
  h1{ font-size: 60px}
  h2{ font-size: 36px; }
  h3{ font-size: 28px; }
  h4{ font-size: 20px;}
  h5{ font-size: 16px;}
  .common-padd-lg { padding-top: 70px; padding-bottom: 70px; }
  .btn { padding: 15px 25px; font-size: 18px; min-width: 210px;}
  .gap-6 { gap: 2rem !important; }
  .banner-sec .arrow-top-box .arrow-main { width: 130px; height: 130px;}
  .banner-content-box { max-width: 540px; }
  .banner-sec .right-box-bg { max-width: 830px; }
  .banner-sec .arrow-top-box { transform: translateX(-35px); -webkit-transform: translateX(-35px); -moz-transform: translateX(-35px); -ms-transform: translateX(-35px); -o-transform: translateX(-35px);}
  .banner-content:hover .arrow-top-box { transform: translateX(-50px); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); }
  .subscription-card h3 { font-size: 36px;}
  .feature-section .col-lg-3 { width: 30%; }
  .banner-sec { padding: 110px 0 0; }
  .banner-sec .banner-right-img img.banner-screen1 { width: 245px; }
  .banner-sec .banner-right-img img.banner-screen2 { width: 310px; }
  .ph-mock-wrap { margin-top: -150px;    max-width: 380px; }
  .about-img-box .about-partical { width: 540px;}
  .about-main-img img.single-screen {  bottom: 90px; right: 60px; width: 325px; }
  .scannerapp-content ul li a { padding: 5px 15px; width: 230px;}
  .feature-icon { width: 76px; height: 76px; margin-bottom: 22px;}
  .subscription-sec { padding-bottom: 140px; }
  .subscription-icon { width: 76px; height: 76px; margin-bottom: 22px;}
  .subscription-icon img { width: 40px; }
  .feature-icon img { width: 40px; }
  .feature_cnt h4 { margin-bottom: 15px; }
  .scannerapp-img { max-width: 525px;     right: -15px; }
  .app-content { padding-bottom: 100px; padding-top: 95px; }
  .scannerapp-content { padding-left: 50px;}
  .scannerapp-content ul li { border-radius: 15px;}
  .scannerapp-content ul li a { padding: 5px 15px; width: 180px; }
  footer .footer-logo { margin-bottom: 25px; width: 90px; }
  footer .footer-menu-box ul li { font-size: 16px; padding-bottom: 5px; }
  footer .footer-menu-box .row .col-lg-3.col-md-6:last-child { padding-left: 0; }
  footer ul.media { gap: 12px; }
  .copy-right-text p{font-size: 14px;}

 
}

@media only screen and ( max-width:1199px ) {
  h1{ font-size: 45px}
  h2{ font-size: 30px;   margin-bottom: 25px;}
  h3{ font-size: 24px; }
  .common-padd { padding-top: 50px; padding-bottom: 50px; }
  .btn { padding: 15px 25px; font-size: 16px; min-width: 180px; }
  .banner-sec .right-box-bg { max-width: 680px; }
  .banner-sec .banner-right-img img.banner-screen2 { width: 240px; }
  .banner-content-box { max-width: 430px; }
  .banner-sec .banner-right-img img.banner-screen1 { width: 200px; bottom: 20px; left: 10px; }
  .banner-sec .arrow-top-box .arrow-main { width: 90px; height: 90px; }
  .banner-sec .arrow-top-box {  bottom: 110px; transform: translateX(-15px); -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -o-transform: translateX(-15px); }
  .banner-content:hover .arrow-top-box { transform: translateX(-25px); -webkit-transform: translateX(-25px); -moz-transform: translateX(-25px); -ms-transform: translateX(-25px); -o-transform: translateX(-25px); }
  .subscription-sec { padding-bottom: 80px; }
  .ph-mock-wrap { margin-top: -190px;}
  .feature-section .col-lg-3 { width: 31%; }
  .scannerapp-img { max-width: 390px;  right: 0;}
  .app-content { padding-bottom: 50px; padding-top: 50px; }
  .about-main-img img.single-phone { max-width: 270px; }
  .about-main-img img.single-screen { bottom: 70px; right: 55px; width: 275px; }
  .about-img-box .about-partical { width: 450px; }
  .scannerapp-content ul li a img { width: 120px; }
  .scannerapp-content ul li a { padding: 5px 15px; width: 155px; }
  .scannerapp-content ul li { border-radius: 10px; }
  .subscription-card h3 { font-size: 30px; }
}

@media only screen and ( max-width: 991px ) {
  .gap-6 { gap: 0rem !important; }
  .common-padd-lg { padding-top: 50px; padding-bottom: 50px; }
  .banner-sec .right-box-bg { max-width: 450px; } 
  .banner-sec { padding: 140px 0 0; }
  .banner-sec .banner-right-img { max-width: 420px; margin: 50px auto 0 auto;}
  .banner-sec .banner-right-img img.banner-screen2 { width: 270px; }
  .banner-sec .banner-right-img img.banner-screen1 { width: 220px;}
  .banner-sec .arrow-top-box { left: 21%; transform: translateX(-21%); -webkit-transform: translateX(-21%); -moz-transform: translateX(-21%); -ms-transform: translateX(-21%); -o-transform: translateX(-21%); }
  .banner-content:hover .arrow-top-box{left: 19%; transform: translateX(-19%); -webkit-transform: translateX(-19%); -moz-transform: translateX(-19%); -ms-transform: translateX(-19%); -o-transform: translateX(-19%);}
  .about-img-box .about-partical { width: 100%; right: 0; margin: 0 auto;}
  .about-main-img img.single-screen { bottom: 70px; right: 110px; width: 295px; }
  .about-main-img img.single-phone { max-width: 290px; }
  .app-content { padding-bottom: 0;}
  .scannerapp-img { max-width: 380px; position: relative; width: auto; margin-left: auto; right: 0; margin-top: 20px; }
  .scannerapp-content { padding-left: 20px; padding-right: 20px; }
  .subscription-sec { padding-bottom: 40px; }
  .ph-mock-wrap { margin-top: 0; max-width: 300px; }
  .feature-icon { margin-left: 0; }
  .feature_cnt { text-align: left; }
  .feature-section .col-lg-3 { width: 90%; order: 2; }
  .feature-section .col-lg-3:last-child{order: 3;}
  .feature-section .col-lg-4 { order: 1; }
  .scannerapp-solution{padding-top: 0;}
  footer .left-box p { margin-bottom: 30px; }
  .bottom-footer { margin-top: 40px; }

  .feature-icon { margin-left: auto; margin-right: auto;}
  .feature_cnt {  text-align: center;}
  .feature-section .col-lg-3:last-child .feature-icon { margin-right: auto; margin-left: auto;}
  .feature-section .col-lg-3:last-child .feature_cnt {  text-align: center;}

}
@media only screen and ( max-width: 767px ) {
  h1{ font-size: 36px}
  h2{ font-size: 26px;  margin-bottom: 25px;}
  h3{ font-size: 22px; }
  .subscription-card h3 { font-size: 26px; }
  .banner-sec .right-box-bg { max-width: 300px; }
  .about-main-img img.single-screen { right: 30px; width: 285px;}
  .ph-mock-wrap { max-width: 250px; }
  .banner-sec .banner-right-img { max-width: 320px;}
  .banner-sec .banner-right-img img.banner-screen2 { width: 210px; }
  .banner-sec .banner-right-img img.banner-screen1 { width: 180px;}
  .banner-sec .arrow-top-box { left: 21%; transform: translateX(-21%); -webkit-transform: translateX(-21%); -moz-transform: translateX(-21%); -ms-transform: translateX(-21%); -o-transform: translateX(-21%); }
  .banner-content:hover .arrow-top-box{left: 19%; transform: translateX(-19%); -webkit-transform: translateX(-19%); -moz-transform: translateX(-19%); -ms-transform: translateX(-19%); -o-transform: translateX(-19%);}
  .about-main-img img.single-phone { max-width: 230px; }
  .footer-menu-col{margin-bottom: 40px;}
  footer .footer-menu-box h4 { margin-bottom: 15px;}
  .banner-content-box { margin: 0 auto; text-align: center;}

  .about-content a.btn { margin: 0 auto; text-align: center; display: block; width: 180px;}
  .about-content {  text-align: center;}
  .scannerapp-content { text-align: center;}
  .scannerapp-content ul {  justify-content: center;}
  .store_btnwrap.mt-5 { margin-top: 2rem !important;}
  footer .left-box { text-align: center;}
  footer .footer-logo { margin-left: auto; margin-right: auto;}
  .footer-menu-col { text-align: center;}
  footer ul.media { justify-content: center;}
  .common-pg-sec h1 { text-align: center;}
  .contact-submit-form input.wpcf7-form-control { display: block; margin: 0 auto;}


}
@media only screen and ( max-width: 575px ) {
  .btn-inline a.btn { display: block; width: 180px; margin-right: auto; margin-left: auto; margin-bottom: 10px;}
  .btn-inline .btn:last-child { margin-right: auto;}
  .banner-sec .right-box-bg { max-width: 210px; }
  .banner-sec .main-banner-img-box { position: relative; max-width: 320px; margin: 0 auto; }
  .banner-sec .banner-right-img img.banner-screen1 { width: 160px; }
  .banner-sec .banner-right-img img.banner-screen2 { width: 200px; }
  .main-header .logo { max-width: 60px; }

  .scannerapp-img { max-width: 330px; right: 10px;}
  .banner-content-box {  max-width: 95%;  text-align: center; }
  .banner-sec .arrow-top-box { left: 1%; transform: translateX(-1%); -webkit-transform: translateX(-1%); -moz-transform: translateX(-1%); -ms-transform: translateX(-1%); -o-transform: translateX(-1%); }
  .banner-content:hover .arrow-top-box{left: 0%; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%);}
  .about-main-img img.single-phone { max-width: 190px; }
  .about-main-img img.single-screen { right: 10px; width: 190px; }
  .scannerapp-content ul { display: block; }
  .scannerapp-content ul li{margin-right: auto; margin-left: auto;  display: block; margin-bottom: 10px; width: 180px;}
  .scannerapp-content ul li:not(:last-child) { margin-right: auto; margin-left: auto;}
  .scannerapp-content ul li a { width: 100%; }
  footer .footer-logo { width: 100px; }
  .ph-mock-wrap { margin-bottom: 20px; }
  .about-main-img { max-width: 280px; margin: 0 auto; }
  .about-img-box .about-partical { width: 90%;}
  .about-img-box{padding-bottom: 40px;}
  .error404.no-banner main { padding-top: 110px; padding-bottom: 50px;}
  .no-banner main {padding-top: 70px;}
}
@media only screen and ( max-width: 480px ) {


}

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

}

/*Media Query css*/