@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
25*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}
.f-light {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
}
.f-regular {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}
.f-medium {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
.f-semibold {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.f-bold {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

body a:hover {
    text-decoration: none;
    color: #fff;
}
body li {
    list-style: none;
}
.f-light {
    font-weight: 200;
}
.f-regular {
    font-weight: 300;
}
.f-medium {
    font-weight: 400;
}
.f-semibold {
    font-weight: 500;
}
.f-bold {
    font-weight: 600;
}
.f-Extrabold {
    font-weight: 700;
}
.f-black {
    font-weight: 800;
} 
a {
    text-decoration: none;
}
button:focus {
    outline: 0;
    box-shadow: none;
}
header {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 0px 0 0px;;
    background: transparent;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    transition: all 0.3s ease-in-out;
}
header.fixtop {
    background: rgba(255, 255, 255, 0.20);
}
header.shrink {
    background: rgba(0, 0, 0, 0.20);
}
@supports (-webkit-backdrop-filter: blur(0px)) {
    header.fixtop, header.shrink {
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
}
.heads-up {
    transform: translateY(0rem);
    transform: translate3d(0,0rem,0);
}
header .container {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
}
header .header {
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
    opacity: 1;
    z-index: 1;
    position: relative;
}
header .header-white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
header .mobile-navbar {
    position: relative;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
}
.navbar-expand-md {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 51px 0 0px;
    width: 93%;
    transition: all 0.5s ease;
    margin: 0 auto;
}
header.fixtop .navbar-expand-md {padding: 15px 0;}
/*header.shrink .navbar-expand-md .navbar-nav .nav-item {padding: 5px 5px 20px;}*/
.navbar-expand-md .navbar-nav {
    border: 1px solid #fff;
    border-radius: 5.556vw;
    /*background: rgba(255, 255, 255, 0.20);*/
    background: linear-gradient(130deg, #1876F4, #4A97FF);
    column-gap: 0.3vw;
    /*backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(10px);*/
    /*transition: all 0.3s ease;*/
}
header.fixtop .navbar-expand-md .navbar-nav {backdrop-filter: unset; background: transparent;}
.navbar-expand-md .navbar-nav .nav-item {padding: 5px;}
.navbar-expand-md .navbar-nav .nav-link {
    font-size: 0.781vw;
    line-height: 0.75vw;
    color: #fff;
    padding: 0;
    transition: all 0.3s ease-in-out;
    position: relative;
    font-weight: 500;
    /* margin: 0px 19px; */
    /* margin-top: 33px; */
    position: relative;
    padding: 0.397vw 0.54vw;
    border-radius: 4.96vw;
    transition: all 0.5s ease;
}
.navbar-expand-md .navbar-nav .nav-link.active {background: #fff; color: #1876F4;}
header.shrink .navbar-expand-md .navbar-nav .nav-link,
header.shrink .navbar-expand-md .navbar-nav .nav-item:nth-child(7) .nav-link {color: #343434;}
header .dropdown-item.active {background: transparent !important;}
header .dropdown-item.focus{
    background: transparent;
}
header .dropdown-item.active .span1 {
    color: #ffffff;
    font-weight: 700;
}
header.fixtop .navbar-expand-md .navbar-nav .dropdown-menu {left: 23vw; top: calc(2vw + 2px);}
/*, header.shrink .dropdown-item .span1*/
/*header.shrink .navbar-expand-md .navbar-nav .dropdown-menu {background: #0000005c;}*/
header .get-btn-new .text-btn {transition: all 1.2s; opacity: 0;}
header a.nav-link.get-btn .plus {
    /* padding: 6px; */
    background: #fff;
    border-radius: 50px;
    color: #357AF8;
    height: 34px;
    font-size: 25px;
    width: 33px;
    display: flex;
    align-items: center;
    margin-left: 10px;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: -12px;
}
.desktop-btn {
    position: relative;
    /* font-size: 1.19vw; */
    font-size: 0.833vw;
    line-height: 1.75vw;
    font-weight: 400;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5.556vw;
    /* background: rgba(255, 255, 255, 0.20); */
    background: linear-gradient(130deg, #1876F4, #4A97FF);
    /* padding: 0.794vw 1.984vw; */
    padding: 0.1vw 0.984vw;
    overflow: hidden;
    margin-bottom: 0px;
    transition: color 0.7s ease;
}
.desktop-btn:hover{
    background: #fff;
    color: #1876F4 !important;
}
.desktop-btn:before {
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(145deg, #1876F4, #4A97FF);
    border-radius: 5.556vw;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.7s ease;
}
header.fixtop .desktop-btn {background: transparent; backdrop-filter:unset; color: #fff !important;}
header.shrink .desktop-btn {color: #343434; background: transparent; backdrop-filter:unset;}
header.shrink .desktop-btn:hover {color: #fff;}
/* margin-bottom: 15px;*/
/*.desktop-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: linear-gradient(145deg, #1876F4, #4A97FF);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: all 0.3s ease-in-out;
    color: #fff;
}*/
header.shrink .desktop-btn:hover {
    background: #fff;
    color: #1876F4 !important;
}
.desktop-btn:hover:before {opacity: 1;}
header .container-fluid {
    width: 100%;
    padding: 0 106px;
/*    border-bottom: 1px solid #ffffff3d;*/
/*    padding-bottom: 19px;*/
}
header .navbar-expand-md .navbar-nav .nav-link.active {color: #1876F4;}
.navbar-brand {padding: 0;}
/*header.shrink .navbar-brand {padding: 0 0 15px;}*/
.navbar-brand img {width: 11.905vw; width: 100%; transition: all 0.5s ease;}
header.shrink .navbar-brand img {filter: invert(1);}
.foot-top .common-btn{
    background: rgba(0, 0, 0, 1);
    color: #fff;
    z-index: 1;
}
.main-footer .footer-wrapp {
    display: flex;
   
    flex-wrap: wrap;
    width: 100%;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}
footer {position: relative; padding: 15px;}
footer .footer-wrapper {background: linear-gradient(145deg, #1876F4, #4A97FF); border-radius: 24px;}
.main-footer {
    padding: 1.976vw 0px 0.587vw;
}
.main-footer .container-fluid {padding: 0 7.259vw;}
.column:nth-child(1) {
    width: 28.7vw;
    margin-right: 0;
    margin-bottom: 2.646vw;
}
.column:nth-child(1) p, .column:nth-child(1) a {
    color: #fff;
    margin-top: 2px;
    font-size:0.625vw;
    line-height: 1.323vw;
    font-weight: 400;
    letter-spacing: calc(0.794vw * -0.04);
    margin-bottom: 0;
    margin-left: 0;
}
.column:nth-child(1) .footer-contact {margin-top: 3vw; margin-bottom: 0;}
.column:nth-child(1) .footer-contact img {width: 1.319vw !important; height: 1.319vw; margin-right: 0;}
.column:nth-child(1) img {
    width: 11.492vw;
}
.column:nth-child(1) a {
    font-size: 0.923vw;
    line-height: 1.319vw;
    letter-spacing: calc(0.923vw* -0.04);
    margin-top: 0;
}
.column a {
    display: block;
    /*padding-bottom: 2.513vw;*/
    padding-bottom: 3.15vw;
    line-height: 1.323vw;
    color: #fff;
    font-size: 0.729vw;
    font-weight: 400;
    width: fit-content;
}
.column:last-child a {font-size: 1.058vw; font-weight: 400; padding-bottom: 1.15vw;}
.footer-contact img {width: 0.595vw; margin-right: 0.331vw;}
.footer-contact p {margin-top: 0 !important;}
.social {display: flex; column-gap: 1.075vw; align-items: flex-end; justify-content: flex-start;}
.btm-strip {color:#fff; padding: 0 2.646vw 2.315vw;}
.btm-strip .container-fluid {position: relative; border-top: 1px solid #ffffff36; padding: 0.827vw 5.5vw 0;}
.btm-strip p, .btm-strip a {color: #ffffff; font-size: 0.625vw; font-weight: 300;}
.footer-top .container-fluid {padding: 0 8.077vw 6.614vw;}
.footer-top-wrapper {
    /*background: #fff;*/
    padding: 2.646vw 4.299vw;
    position: relative;
    z-index: 1;
    border: 2px solid #1876F4;
    border-radius: 36px;
    box-shadow:
    0 103px 30px 0 rgb(49 118 244 / 0%),
    0 69px 28px 0 rgb(49 118 244 / 2%),
    0 39px 23px 0 rgb(49 118 244 / 8%),
    0 17px 17px 0 rgb(49 118 244 / 13%),
    0 4px 9px 0 rgb(49 118 244 / 15%);
}
.footer-inner-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.footer-inner-wrapper:before {
    content: '';
    position: absolute;
    left: 24.074vw;
    height: 100%;
    width: 1px;
    background: linear-gradient(0deg, #1876F4, #4A97FF);
    opacity: .2;
}
.footer-top-wrapper img {width: 18.783vw;}
.footer-top-wrapper h3 {
    color: #343434;
    margin-bottom: 0.794vw;
    font-size: 2.604vw;
    line-height: 3.958vw;
    font-weight: 500;
}
.footer-top-wrapper p {font-size: 1.25vw; margin-bottom: 3.307vw; color: #888888}
.footer-top .form-box {position: relative; width: calc(100% - 10.582vw - 18.783vw); text-align: center;}
.footer-top .form-box form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.794vw;
    justify-content: center;
    margin: 0 auto;
}
.footer-top-wrapper .form-control {
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid #1876F4;
    padding: 0.692vw 2.381vw;
    border-radius: 2.646vw;
    font-size: 0.938vw;
    font-weight: 300;
    color: #1876f4;
    width: 25.431vw;
}
.footer-top .form-box button {
    background: linear-gradient(145deg, #1876F4, #4A97FF);
    border: 0;
    border-radius: 5.754vw;
    color: #fff;
    width: fit-content;
    padding: 0.4vw 1.5vw;
    font-size: 1.25vw;
    font-weight: 400;
    /* letter-spacing: 1px; */
}
#newsemail-error {text-align: left; color: red !important; width: 100%; padding-left: 2.25vw;}
::placeholder{
    color: #1876f4 !important;
    font-weight: 300;
}








.social-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 21px;
}
.social-box .twitter, .social-box .insta, .social-box .facebook, .social-box .linkedin {
    color: #fff;
    font-size: 29px;
    margin-right: 23px;
}
.column:nth-child(2) {
    width: 52%;
    position: relative;
    /* padding-left: 54px; */
    /* padding-left: 5.026vw; */
    /* width: 42.989vw; */
    display: flex;
    align-items: center;
    /* justify-content: flex-end; */
    gap: 1.339vw;
}
.column h4 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 14px;
}
.column:nth-child(3) {
    /*width: 25%;*/
    /*padding-left: 54px;*/
    /*padding-left: 5.541vw;*/
    width: 28.3vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.column:nth-child(3) .d-none.d-md-flex {justify-content: start;}
.column:nth-child(3) .footer-contact.d-none.d-md-flex {justify-content: flex-start;}
.column:nth-child(3) .d-none.d-md-flex .footer-contact img {width: .8vw; margin-right: 0.331vw;}
.column:nth-child(4) {
    /*width: 24%;*/
    /*padding-left: 5.541vw;*/
    width: 44.69vw;
    display: flex;
    justify-content: flex-start;
}
.column:nth-child(5) {
    width: 28%;
}
.column:nth-child(5) p {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin: 13px 0px;
}
.btm-strip .row {
    align-items: center;
}
.Contact-wrapper a img{
    margin-right: 10px;
}
.Contact-wrapper a{
    display: flex;
    align-items: center;
    color: #90A0AA;
}
.footerlogo {
    width: 55%;
}
.column p {
    color: #FFFFFF;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
      margin-bottom: 20px;
}
.footer-contact {
    display: flex;
    align-items: center;
    margin-bottom: 0.426vw;
    /*padding-bottom: 2.2vw;*/
    /*padding-bottom: 2.75vw;*/
    margin-right: 4vw;
}
footer a,
footer p {
    color: #a8a4a4;
    font-size: 16px;
}
footer p {
    margin-bottom: 0;
}
.common-btn {
    width: 147px;
    height: 46px;
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: center;
    color: #357AF8;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    position: relative;
    transform: perspective(1px) translateZ(0);
    transition-duration: 0.3s;
    overflow: hidden;
    outline: none;
    border-radius: 30px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1.5px;
    font-weight: 400;
    text-transform: uppercase;
}
.common-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: linear-gradient(145deg, #1876F4, #4A97FF);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: all 0.3s ease-in-out;
    color: #fff;
}
.address-wrapper {
    display: flex;
    align-items: flex-start;
    margin-top: 24px;
}
.common-btn:hover:before{
    transform:scaleX(1);
}
.common-btn span {
    font-size: 10px;
    align-items: center;
    justify-content: center;
    color: #ffffffc4;
    transform: rotate(323deg);
    position: relative;
    top: 1px;
}
.footer-contact a {
    font-size: 0.625vw;
    letter-spacing: calc(0.794vw* -0.04);
    padding-bottom: 0px !important;
}
.footer-contact span {
    padding-right: 5px;
    color: #5EC434;
}

/*.navbar-expand-md .navbar-nav .nav-item:nth-child(7) .nav-link {
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 9px 30px;
    color: #00339C;
    font-size: 13px;
    margin-top: 16px;
}*/
.caption-left {
    position: absolute;
   top: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}

.social-links a {
    margin: 0px 20px;
}
.social-links {
  display:flex;
}
.text-right{
  text-align:right;
}

/*home page*/
.slider-section, .banner-section {
    position: relative;
    overflow:hidden;
    padding: 15px;
}
.slider-section .home-slider, .banner-section .home-slider {border-radius: 1.587vw; overflow: hidden;}
.slider-section .caption, .banner-section .caption {
    position: absolute;
    /* top: auto; */
    top: 50%;
    /* left: 5.952vw; */
    left: 7.8vw;
    /* bottom: 9.854vw; */
    transform: translateY(calc(-50% + 6.006vw));
    z-index: 1;
}
#inner-banner .caption{
    top: 59%;
}
#home-banner .caption {
    left: 8.5vw;
    transform: translateY(calc(-50% + 12.006vw));    
}
.slider-section .home-slider .item, .banner-section .home-slider .item {position: relative; border-radius: 1.587vw; overflow: hidden;}
.slider-section .home-slider .item img {
    /* height: 960px; */
    height: calc(100vh - (15px * 2));
    object-fit: cover;
}
.slider-section .home-slider .item:before, .banner-section .home-slider .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/banner-slider-overlay.webp');
    background-size: cover;
    background-position: center;
    border-radius: 1.587vw;
}
.slider-section .home-slider .item:before{
    display: none;
}
/*.slider-section .home-slider .item img {transform: scale(0.9);}
.slider-section .home-slider .owl-item.active .item img {transform: scale(1);}*/
.slider-section .caption h1, .slider-section .caption h2, .banner-section .caption h1 {
    font-size: 5.208vw;
    line-height: 4.275vw;
    letter-spacing: calc(6.614vw * -0.04);
    margin-bottom: 0;
    font-weight: 600;
}
.slider-section .caption h1 span, .slider-section .caption h2 span, 
.banner-section .caption h1 span {font-weight: 200; letter-spacing: calc(6.614vw * -0.06);}
/*.slider-section .caption p, .banner-section .caption p {font-size: 1.984vw; line-height: 2.778vw; margin: 0.794vw 0px 0;}*/
.slider-section .caption p, .banner-section .caption p {
    font-size: 1.042vw;
    line-height: 1.354vw;
    margin: 1.2vw 0px 0;
    letter-spacing: calc(1.323vw * -0.04);
    
}


#inner-banner .caption p br, #main-product.payment-usp-wrapp .heading br {display: none;}
#inner-banner.payment-banner .caption p br, #inner-banner.contact-banner .caption p br {display: block;}
.slider-section .common-btn, .banner-section .common-btn {
    background: linear-gradient(145deg, #1876F4, #4A97FF);
    color: #fff;
    margin-top: 0.926vw;
    box-shadow: 0 0 6px 0 #ffffffb3;
    border: 1px solid #ffffffb3;
    text-transform: capitalize;
    font-size: 0.833vw;
    font-weight: 400;
    letter-spacing: calc(1.058vw* -0.04);
    height: auto;
    width: fit-content;
    padding: 0.41vw 1vw;
    border-radius: 5.754vw;
}
.slider-section .home-slider .owl-dots {
    margin: 0 0 2.976vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.slider-section .owl-theme .owl-dots .owl-dot span {width: 0.625vw; height: 0.625vw; margin: 5px 3px;}
.slider-section .owl-theme .owl-dots .owl-dot.active span,
.slider-section .owl-theme .owl-dots .owl-dot:hover span {background: linear-gradient(145deg, #1876F4, #4A97FF);}
.slider-section .mini-slider {
    position: absolute;
    right: 2.315vw;
    bottom: 2.315vw;
    /*width: 26.455vw;*/
    width: 18.455vw;
    padding: 1.058vw 1.852vw 1.058vw 1.323vw;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 1.587vw;
}
.slider-section .mini-slider h2 {
    font-weight: 400;
    font-size: 1.042vw;
    line-height: 1.354vw;
    margin-bottom: 0.397vw;
    letter-spacing: calc(1.323vw* -0.04);
}
.slider-section .mini-slider p {
    font-size: 0.625vw;
    line-height: 0.938vw;
    margin-bottom: 0px;
    letter-spacing: calc(0.794vw* -0.04);
}
.slider-section .mini-slider .owl-dots {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0.397vw;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
}
.slider-section .mini-slider.owl-theme .owl-dots .owl-dot span {width: 4px; height: 4px; margin: 3px 0px;}
.subheading {
    color: #1876F4;
    font-size: 1.563vw;
    font-weight: 600;
    line-height: 1.667vw;
    text-transform: uppercase;
    margin-bottom: 0.529vw;
    letter-spacing: calc(1.984vw* -0.04);
    font-weight: 600;
}
.heading {
    font-weight: 500;
    font-size: 3.125vw;
    line-height: 3.958vw;
    margin-bottom: 0.794vw;
    letter-spacing: calc(3.968vw* -0.04);
    color: #343434;
}
.headpara {
    font-size: 1.25vw;
    margin-bottom: 0;
    letter-spacing: calc(1.587vw* -0.04);
    font-weight: 400;
    color: #888888;
}
.banner-section .home-slider .owl-nav {display: none !important;}

.first-section {padding: 9.921vw 4.431vw 6.614vw;}
/*#prime {padding: 0 4.431vw 6.614vw;}*/
#prime {padding: 0 11.146vw 6.614vw;}
#prime .prime-wrapp>img, .first-section .first-section-title-wrapp>img {
    /*width: 33.069vw;*/
    width: 19.132vw;
    margin: 0 auto;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.first-section .first-section-title-wrapp>img {
    /* width: 33.069vw; */
    width: 19.132vw;
    margin: 0 auto;
    position: absolute;
    top: -14%;
    left: 50%;
    transform: translateX(-53%);
}
.prime-wrapper {
    display: grid;
    grid-template-rows: repeat(10, 1fr);
    /*grid-template-columns: repeat(3, 1fr);*/
    /*grid-template-columns: 28.439vw 35.053vw 24.471vw;*/
    grid-template-columns: 31.2% 38.5% 26.9%;
    gap: 24px;
    margin-top: 5.291vw;
    position: relative;
}
.prime-card {
    border-radius: 2.381vw;
    border: 1px solid #1876f44d;
    border-style: inset;
    background: #fff;
    min-height: 5.908vw;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    box-shadow:
    0 359px 100px 0 rgb(49 118 244 / 0%),
    0 230px 92px 0 rgb(49 118 244 / 1%),
    0 129px 78px 0 rgb(49 118 244 / 2%),
    0 57px 57px 0 rgb(49 118 244 / 3%),
    0 14px 32px 0 rgb(49 118 244 / 4%);
}
.prime-card2 {
    grid-row: 1 / span 5;
    grid-column: 1;
    display: flex
;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: center;
    /* justify-content: space-between; */
    justify-content: center;
    max-height: 26.5vw;
}
.prime-card2 .paycard-icon {margin: 0 auto; width: 60%;}
.prime-card1 {
    grid-row: span 7;
    grid-column: 2;
    display: flex;
    align-items: flex-end;
    max-height: 40vw;
}
.prime-card3 {
    grid-row: 1 / span 5;
    grid-column: 3;
    max-height: 26.5vw;
}
.prime-card4 {
    grid-row: 6 / span 5;
    grid-column: 1;
    padding-top: 40px;
    max-width: 26.5vw;
    margin-top: -2vw;
}
.prime-card .number {
    color: #666666;
    font-size: 1.587vw;
    position: absolute;
    left: 18px;
    top: 18px;
    width: 14px;
}
.prime-card5 {grid-row: span 3; grid-column: 2;}
/*background: radial-gradient(#1876f48f -100%, #fff 83%); backdrop-filter: blur(139.93px);*/
.prime-card6 {
    grid-row: 6 / span 5;
    grid-column: 3;
    margin-top: -2vw;
}
.prime-card img#primebg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.prime-card img.prod-img {
    position: relative;
    margin: 0 auto;
    transition: all 0.5s ease;
    z-index: 1;
}
.prime-card3 img.prod-img {width: 100%; height: fit-content; padding-top: 1vw;}
/*.prime-card1 img:nth-child(2) {width: 21.759vw;}*/
.prime-card1 img:nth-child(2) {width: 30vw;}
.prime-card4 img.prod-img {width: 100%; height: fit-content; margin-left: 3rem;}
/*.prime-card:hover img.prod-img {transform: scale(1.1);}*/
/*.prime-contnet {margin-top: 1.124vw; margin-bottom: 1.984vw;}*/
/*.prime-contnet {margin-top: 2.124vw; margin-bottom: 1.984vw;}*/
.prime-contnet {margin-top: 0.124vw; margin-bottom: 1.984vw;}
.prime-card2 .prime-contnet {margin-top: 2.5vw; margin-bottom: 0vw;}
/*.prime-card3 .prime-contnet {margin-top: 2.124vw; margin-bottom: 0.984vw;}*/
.prime-card3 .prime-contnet {margin-top: 0.124vw; margin-bottom: 0.016vw;}
.prime-card6 .prime-contnet {margin-top: 2.124vw; margin-bottom: -0.016vw;}
.prime-contnet h4 {font-size: 1.458vw; line-height: 1.875vw; letter-spacing: -1.5px; color: #343434; font-weight: 500;}
.prime-contnet p {
    font-size: 0.833vw;
    line-height: 1.146vw;
    color: #AAAAAA;
    margin-bottom: 0;
}
.prime-card5, .paycard4 {display: flex; align-items: center; justify-content: center;}
.prime-wrapper .paycard4 {
    overflow: hidden;
    grid-row: span 3;
    grid-column: 2;
}
.prime-wrapper .paycard4 .chargnexa {
    text-align: center;
}
.chargnexa {
    width: 25.794vw;
    height: 6.878vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chargne-wrapp:before {
    content: '';
    position: absolute;
    right: 6vw;
    top: 0;
    width: 19.841vw;
    height: 100%;
    background: #fff;
    z-index: 1;
    animation: chargnex infinite 6s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.chargnexa .chargne {
    position: relative;
    left: 0%;
    width: 19.841vw;
    z-index: 0;
    animation: chargnetext infinite 6s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.chargnexa .chargnex {position: absolute; width: 5.55vw; z-index: 2;}
.chargnexa .xleft {right: 5%; animation: chargnexleft infinite 6s ease; will-change: transform, opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.chargnexa .xright {right: 0; animation: chargnexright infinite 6s ease; will-change: transform, opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
@keyframes chargnetext {
    0% {opacity: 1;}
    80% {opacity: 1;}
    90% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes chargnex {
    0% {width: 19.841vw; opacity: 1;}
    10% {width: 19.841vw; opacity: 1;}
    20% {width: 0vw; opacity: 1;}
    80% {width: 0vw; opacity: 0;}
    90% {width: 19.841vw; opacity: 1;}
    100% {width: 19.841vw; opacity: 1;}
}
@keyframes chargnexleft {
    0% {top: 53%; transform: translate(-160%, -250%); opacity: 0;}
    10% {top: 53%; transform: translate(-160%, -50%); opacity: 1;}
    20% {top: 53%; transform: translate(0%, -53%); opacity: 1;}
    80% {top: 53%; transform: translate(0%, -53%); opacity: 1;}
    90% {top: 53%; transform: translate(-160%, -50%); opacity: 1;}
    100% {top: 53%; transform: translate(-160%, -250%); opacity: 0;}
}
@keyframes chargnexright {
    0% {top: 50%; transform: translate(-160%, 250%); opacity: 0;}
    10% {top: 50%; transform: translate(-160%, -53%); opacity: 1;}
    20% {top: 50%; transform: translate(0%, -53%); opacity: 1;}
    80% {top: 50%; transform: translate(0%, -53%); opacity: 1;}
    90% {top: 50%; transform: translate(-160%, -53%); opacity: 1;}
    100% {top: 50%; transform: translate(-160%, 250%); opacity: 0;}
}



#compatibility .compatibility-wrapper {
    padding: 5.291vw 1.349vw 115px;
}
#compatibility .compatibility-wrapper .row {
    gap: 5.291vw 2.968vw;
}
.compcard {
    flex: 1;
    min-width: 0;
    padding: 8px 8px 0;
    border-radius: 1.587vw;
    box-shadow:
    0 64px 229px 0 rgb(49 118 244 / 0%),
    0 59px 147px 0 rgb(49 118 244 / 1%),
    0 50px 83px 0 rgb(49 118 244 / 3%),
    0 37px 37px 0 rgb(49 118 244 / 4%),
    0 20px 9px 0 rgb(49 118 244 / 5%);
    position: relative;
}
.compcard .compcard-img-top {
    position: relative;
    height:10.365vw;
    width: 100%;
    background: #fff;
    border-radius: 1.058vw;
    overflow: hidden;
    z-index: 0;
}
.compcard .compcard-title img {width: 2.381vw; height: 2.381vw; aspect-ratio: 1 / 1; margin-right: 12px;}
.compcard .compcard-img-top span {
    font-size:2.083vw;
    font-weight: 400;
    letter-spacing: 6px;
    color: #1876F4;
    text-transform: uppercase;
    text-align: center;
    line-height: 3.175vw;
}
.compcard .gradient-circle {
    height: 30vw;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: radial-gradient(#1876F4 -100%, #fff 83%);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: -1;
}
.compcard img.comp-big {
    width: 4.167vw;
    height: 4.167vw;
    border-radius: 50%;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    transition: all 0.5s ease;
}
.compcard .compcard-img-bottom {
    width: 4.167vw;
    height: 4.167vw;
    background: #fff;
    aspect-ratio: 1 / 1;
    border-bottom: 2px solid #4A97FF;
    border-radius: 50%;
    position: absolute;
    bottom: -1.6455vw;
    left: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%);
    z-index: 1;
}
.compcard .compcard-img-bottom img:nth-child(1) {opacity: 0; width: 2.381vw; height: 2.381vw; aspect-ratio: 1 / 1; transition: opacity 0.5s ease;}
.compcard .compcard-img-bottom img:nth-child(2) {position: absolute; top: 0; width: 100%; border-radius: 50%; transition: transform 0.5s ease;}
.compcard:hover .compcard-img-bottom img:nth-child(1), .compcard.animate .compcard-img-bottom img:nth-child(1) {opacity: 1;}
.compcard:hover .compcard-img-bottom img:nth-child(2), .compcard.animate .compcard-img-bottom img:nth-child(2) {transform: translateY(-100%);}
.charging-software .compcard:hover .compcard-img-bottom img:nth-child(2), .charging-software .compcard.animate .compcard-img-bottom img:nth-child(2) {transform: translateY(-175%);}
.compcard:hover img.comp-big, .compcard.animate img.comp-big {top: 0%; border-radius: 0px; height: 100%; width: 100%; transform: translate(-50%, 0%);}
.compcard .compcard-content {margin-top: 2.704vw;}
.compcard .compcard-content h4 {
    font-size: 1.25vw;
    line-height: 1.25vw;
    color: #343434;
    margin-bottom: 13px;
    font-weight: 500;
}
.compcard .compcard-content p {
    font-size: 0.833vw;
    color: #aaaaaa;
    margin-bottom: 0;
    min-height: 4.762vw;
    padding: 0 0.157vw;
}


#payments .container-fluid {
    padding: 0 10.862vw 5.921vw;
}
.payment-wrapper {
    margin-top: 5.291vw;
    padding: 0 21px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(7, 1fr);
    gap: 24px;
    width: 100%;
}
/*.payment-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    box-shadow:
    0 359px 100px 0 rgb(49 118 244 / 0%),
    0 230px 92px 0 rgb(49 118 244 / 1%),
    0 129px 78px 0 rgb(49 118 244 / 2%),
    0 57px 57px 0 rgb(49 118 244 / 3%),
    0 14px 32px 0 rgb(49 118 244 / 4%);
}*/
.paycard {
    background-color: #fff;
    border: 1px solid #1876f44d;
    border-radius: 1.984vw;
    border-style: inset;
    padding: 1.984vw 1.058vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 2.381vw;
    min-height: 7.937vw;
    box-shadow:
    0 359px 100px 0 rgb(49 118 244 / 0%),
    0 230px 92px 0 rgb(49 118 244 / 1%),
    0 129px 78px 0 rgb(49 118 244 / 2%),
    0 57px 57px 0 rgb(49 118 244 / 3%),
    0 14px 32px 0 rgb(49 118 244 / 4%);
}
.paycard1 {
    grid-column: span 2;
    grid-row: span 3;
    display: flex;
    flex-direction: row;
    padding: 1.984vw 3.902vw;
}
/*.paycard.paycard1 p span.d-md-block {display: inline-block !important;}*/
.paycard2 {grid-column: 3; grid-row: span 3;}
.paycard3 {grid-column: 1; grid-row: 4 / span 4;}
.paycard4 {grid-column: 2; grid-row: 4; overflow: hidden;}
.paycard5 {grid-column: 3; grid-row: 4 / span 4;}
.paycard6 {grid-column: 2; grid-row: 5 / span 3;}
.paycard-icon {width: 9.921vw; aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center;}
.paycard1 .paycard-icon {min-width: 15.608vw; margin-right: 2.381vw;}
.paycard-content h4 {
    font-size: 3.307vw;
    line-height: 3.968vw;
    font-weight: 200;
    margin-bottom: 1.323vw;
}
.paycard-content p {
    font-size: 1.323vw;
    line-height: 1.984vw;
    font-weight: 200;
    margin-bottom: 0;
}
.paycard4 .chargnexa {
    width: 21.825vw;
    height: 10vw;
    background: #ffffff;
    overflow: hidden;
}
.paycard4 .chargne-wrapp:before {
    right: 4.5vw;
    top: 0;
    width: 19vw;
    animation: paychargnex infinite 9s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.paycard4 .chargnexa .chargne {
    position: relative;
    left: 0%;
    width: 17vw;
    z-index: 0;
    animation: paychargnetext infinite 9s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.paycard4 .chargnexa .chargnex {position: absolute; width: 4.452vw; z-index: 2;}
.paycard4 .chargnexa .xleft {right: 5%; animation: paychargnexleft infinite 9s ease; will-change: transform, opacity; -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
.paycard4 .chargnexa .xright {right: 0; animation: paychargnexright infinite 9s ease; will-change: transform, opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
#paymentmode {
    letter-spacing: -1.25px;
    font-size: 1.852vw;
    font-weight: 300;
    line-height: 2.116vw;
    text-align: center;
    color: #1876F4;
    margin: 0;
    position: absolute;
    top: 37%;
    left: 15%;
    animation: paytext infinite 9s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@keyframes paytext {
    0% {transform: translateY(-210%); opacity: 0;}
    50% {transform: translateY(-210%); opacity: 1;}
    60% {transform: translateY(-30%);}
    80% {transform: translateY(-30%);}
    90% {transform: translateY(200%); opacity: 1;}
    91% {transform: translateY(200%); opacity: 0;}
    100% {transform: translateY(-210%); opacity: 0;}
}
@keyframes paychargnetext {
    0% {opacity: 0; transform: translateY(0%); }
    5% {opacity: 1;}
    20% {opacity: 1;}
    40% {transform: translateY(0%); opacity: 1;}
    50% {transform: translateY(275%); opacity: 1;}
    80% {transform: translateY(275%); opacity: 1;}
    90% {opacity: 0;}
    100% {opacity: 0; transform: translateY(275%);}
}
@keyframes paychargnex {
    0% {width: 19vw; opacity: 1;}
    10% {width: 19vw; opacity: 1;}
    20% {width: 0vw; opacity: 1;}
    40% {width: 0vw; opacity: 1;}
    50% {width: 0vw; opacity: 1;}
    80% {width: 0vw; opacity: 0;}
    90% {width: 0vw; opacity: 0;}
    100% {width: 0vw; opacity: 0;}
}
@keyframes paychargnexleft {
    0% {top: 53%; transform: translate(-160%, -250%); opacity: 0;}
    10% {top: 53%; transform: translate(-160%, -50%); opacity: 1;}
    20% {top: 53%; transform: translate(0%, -53%); opacity: 1;}
    40% {top: 53%; transform: translate(0%, -53%); opacity: 1;}
    50% {top: 53%; transform: translate(0%, 100%); opacity: 1;}
    80% {top: 53%; transform: translate(0%, 100%); opacity: 0;}
    90% {top: 53%; transform: translate(-160%, -50%); opacity: 0;}
    100% {top: 53%; transform: translate(-160%, -250%); opacity: 0;}
}
@keyframes paychargnexright {
    0% {top: 50%; transform: translate(-160%, 250%); opacity: 0;}
    10% {top: 50%; transform: translate(-160%, -53%); opacity: 1;}
    20% {top: 50%; transform: translate(0%, -53%); opacity: 1;}
    40% {top: 50%; transform: translate(0%, -53%); opacity: 1;}
    50% {top: 50%; transform: translate(0%, 100%); opacity: 1;}
    80% {top: 50%; transform: translate(0%, 100%); opacity: 0;}
    90% {top: 50%; transform: translate(-160%, -53%); opacity: 0;}
    100% {top: 50%; transform: translate(-160%, 250%); opacity: 0;}
}


#nfc-card1 {opacity: .2; animation: nfcanimate1 infinite 3s;}
#nfc-card2 {opacity: .2; animation: nfcanimate2 infinite 3s;}
#nfc-card3 {transform: scale(.8) translate(8%, 14%); animation: nfcanimate3 infinite 3s ease;}
@keyframes nfcanimate1 {
    0% {opacity: .2;}
    25% {opacity: .2;}
    25.33% {opacity: 1;}
    50% {opacity: 1;}
    50.66% {opacity: 1;}
    99.99% {opacity: 1;}
    100% {opacity: .2;}
}
@keyframes nfcanimate2 {
    0% {opacity: .2;}
    25% {opacity: .2;}
    25.33% {opacity: .2;}
    50% {opacity: .2;}
    50.66% {opacity: 1;}
    99.99% {opacity: 1;}
    100% {opacity: .2;}
}
@keyframes nfcanimate3 {
    0% {transform: scale(.8) translate(8%, 14%);}
    25% {transform: scale(.8) translate(8%, 14%);}
    25.33% {transform: scale(.9) translate(4%, 6%);}
    50% {transform: scale(.9) translate(4%, 6%);}
    50.66% {transform: scale(1) translate(0%, 0%);}
    99.99% {transform: scale(1) translate(0%, 0%);}
    100% {transform: scale(.8) translate(8%, 14%);}
}





#future-section .container-fluid {padding: 0 8.077vw 150px;}
#future-section .future-wrapp {
    border: 2px solid #1876F4;
    border-radius: 2.8vw;
    padding: 2.381vw 1.458vw 1.458vw;
    box-shadow:
    0 362px 101px 0 rgb(49 118 244 / 0%),
    0 232px 93px 0 rgb(49 118 244 / 1%),
    0 130px 78px 0 rgb(49 118 244 / 3%),
    0 58px 58px 0 rgb(49 118 244 / 6%),
    0 10px 32px 0 rgb(49 118 244 / 6%);
}
#future-section .future-wrapp p {font-size:1.25vw; margin-bottom: 2.968vw;}
.future-location {overflow: hidden;}
.future-location .fur-icon {position: absolute; z-index: 1;}
.future-location .fur-icon img {width: 2.294vw; transition: all 0.5s ease-in-out; opacity: 1;}
.future-location .fur-icon img:nth-child(2) {position: absolute; top: 0; left: 0; opacity: 0;}
.future-location .fur-icon#pin1 {left: 11.75vw; top: 61%;}
.future-location .fur-icon#pin2 {left: 20.5vw; top: 43%;}
.future-location .fur-icon#pin3 {left: 36.25vw; top: 8%;}
.future-location .fur-icon#pin4 {left: 50vw; top: 10%;}
.future-location .fur-icon#pin5 {left: 40.75vw; top: 80%;}
.future-location .fur-icon#pin6 {left: 49.75vw; top: 41%;}
.future-location .fur-icon#pin7 {left: 61.75vw; top: 34%;}
.future-location .fur-icon#pin8 {left: 66.5vw; bottom: 23%;}
.future-location .fur-icon:hover img:nth-child(1) {opacity: 0;}
.future-location .fur-icon:hover img:nth-child(2) {opacity: 1;}

.future-location .fur-card.fur-card-big {
    padding: 0px 0px 16px;
    border-radius: 1.455vw;
    background: #fff;
    overflow: hidden;
    width: 25.132vw;
    position: absolute;
    border-bottom: 1px solid #4A97FF;
    opacity: 0;
    bottom: -5%;
    transition: all 0.5s ease;
    z-index: 0;
}


.future-location .fur-card {
    padding: 0px 0px 16px;
    border-radius: 1.455vw;
    background: #fff;
    overflow: hidden;
    width: 15.741vw;
    position: absolute;
    border-bottom: 1px solid #4A97FF;
    opacity: 0;
    bottom: -5%;
    transition: all 0.5s ease;
    z-index: 0;
}

.future-location .fur-card.animate {opacity: 1;}
.future-location .fur-card img {width: 14.55vw; border-radius: 1.5vw; padding: 0.529vw; overflow: hidden;}
.future-location .fur-content {padding: 0 1vw;}
.future-location .fur-card.fur-card-big h4 {
    font-size: 1.042vw;
    line-height: 1.563vw;
    margin: 0;
    color: #343434;
    margin-bottom: 9px;
}
.future-location .fur-card h4 {
    font-size: 1.042vw;
    line-height: 1.563vw;
    margin: 0;
    color: #343434;
}

#future-section .future-location .fur-card p {
    font-size: 0.833vw;
    line-height: 1.25vw;
    color: #AAAAAA;
    margin: 0;
}

#future-section .future-location .fur-card.fur-card-big p {
      font-size: 0.833vw;
    line-height: 1.25vw;
    color: #AAAAAA;
    margin: 0;
}
.future-location .fur-card#furcard1 {left: 5.688vw;}
.future-location .fur-card#furcard2 {left: 14.484vw;}
.future-location .fur-card#furcard3 {left: 29.5vw;}
.future-location .fur-card#furcard4 {left: 43vw;}
.future-location .fur-card#furcard5 {left: 34.854vw;}
.future-location .fur-card#furcard6 {left: 43.651vw;}
.future-location .fur-card#furcard7 {left: 54.987vw;}
.future-location .fur-card#furcard8 {left: 59.987vw;}
.fur-card#furcard1.animate {bottom: 40.70%; animation: bounce 1.5s ease;}
.fur-card#furcard2.animate {bottom: 59.7%; animation: bounce 1.5s ease;}
.fur-card#furcard3.animate {top: 18%; bottom: unset; animation: bounceInDown 1.5s ease;}
.fur-card#furcard4.animate {top: 20%; bottom: unset; animation: bounceInDown 1.5s ease;}
.fur-card#furcard5.animate {bottom: 22.7%; animation: bounce 1.5s ease;}
.fur-card#furcard6.animate {bottom: 57.7%; animation: bounce 1.5s ease;}
.fur-card#furcard7.animate {bottom: unset; top: 45%; animation: bounceInDown 1.5s ease;}
/*bottom: 64%;*/
.fur-card#furcard8.animate {bottom: 34.7%; animation: bounce 1.5s ease;}





p.errors {
    color: #ff0000 !important;
    font-size: 14px !important;
    letter-spacing: normal !important;
    margin: 5px 0 !important;
    display: none;
}
.column:nth-child(1) img.footer-logo {
    width: 48%;
}
header .dropdown-menu {
    border: 0;
    border-radius: 0;
    padding: 0px 0px;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}
header .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
    /*left: 25%;
    width: 50%;*/
    /*left: 5vw;*/
    /*width: 18.519vw;*/
    border-radius: 0px;
    /*top: 3vw;*/
    left: 23vw;
    top: calc(2vw + 1px);
    /*background: rgba(255, 255, 255, 0.36);*/
    background: linear-gradient(130deg, #1876F4, #4A97FF);
    /*backdrop-filter: blur(10px);*/
    /*-webkit-backdrop-filter: blur(10px);*/
    border-radius: 1.587vw;
    /*padding: 1.323vw 1.587vw;*/
    padding: 1vw 1vw;
}
/*header.shrink .navbar-expand-md .navbar-nav .dropdown-menu {background: rgba(0, 0, 0, 0.13);}*/
.dropdown {position: static !important;}
header .dropdown-item,
header .dropdown-item:hover,
header .dropdown-item:focus {
    display: block;
    font-size: 1.058vw;
    padding: 0;
    opacity: 1;
    background: unset !important;
}
header .dropdown-item {opacity: 0.5;}
header .dropdown-item.active {opacity: 1;}
header .navbar-expand-md .navbar-nav .dropdown-menu li:last-child .span1 {margin-bottom: 0;}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    opacity: 0;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0.25rem;
    transition: unset;
    top: auto;
    /*margin-top: 44px;*/
}
.dropdown-item:hover {background: transparent !important;}
header .dropdown-item .span1 {
    color: #ffffff;
    display: block;
    /*font-size: 1.058vw;*/
    font-size: 0.781vw;
    padding: 0;
    font-weight: 400;
    margin-bottom: 7px;
    position: relative;
    width: fit-content;
}
.dropdown:hover .dropdown-menu{
    display: block; 
    visibility: visible;
    opacity: 1;
    /*  margin-top: 15px;*/
}
.sitemap, .common-page {
    padding: 60px 0px 40px;
}
.common-page{
    margin-top: 5%;
}
.sitemap a, .sitemap a:hover {
    display: block;
    color: #000;
    margin-bottom: 10px;
    font-size: 18px;
}
.sitemap h4 {
    font-size: 23px;
    font-weight: 700;
}
.error-btns .common-btn {
    margin-right: 10px;
    background: #256fe6;
    color: #fff;
}
.error-btns{
    display: flex;
    align-items: center;
    justify-content: center;
}
.error-btns .common-btn{
    margin-right: 10px;
}
header .navbar-expand-md .navbar-nav .service-dropdown .dropdown-menu {
    position: absolute;
    left: 1px;
    width: 100%;
    border-radius: 0px;
    display: flex;
    /* opacity: 1; */
    align-items: center;
    /* justify-content: center; */
    top: 78px;
    box-shadow: 0px 0px 10px #ccc;
}
header .navbar-expand-md .navbar-nav .service-dropdown .dropdown-menu li {
    width: 33%;
    border-right: 1px solid #ccc;
    padding: 26px 14px;
    padding-left: 29px;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1628px;}
}


/*prepaid-percentage*/
.prepaid-percentage {animation: sliderotate infinite 2.5s; transform-origin: 110px 110px;}
.charger-lightning {animation: sliderotate2 infinite 2.5s; transform-origin: 23px 122px;}
@keyframes sliderotate {
    0% { transform: translateX(100%);}
    10% { transform: translateX(0%);}
    30% { transform: translateX(0%) rotate(0deg);}
    35% { transform: translateX(0%) rotate(-180deg);}
    90% { transform: translateX(0%) rotate(-180deg);}
    100% { transform: translateX(100%) rotate(-180deg);}
}

@keyframes sliderotate2 {
    0% { transform: translateX(-100%);}
    10% { transform: translateX(0%);}
    30% { transform: translateX(0%) rotate(0deg);}
    35% { transform: translateX(0%) rotate(-180deg);}
    90% { transform: translateX(0%) rotate(-180deg);}
    100% { transform: translateX(-100%) rotate(-180deg);}
}

.rfid1 {animation: nfcanimate1 infinite 4s;}
.rfid2 {animation: nfcanimate2 infinite 4s;}
.rfid3 {animation: nfcanimate333 infinite 4s;}
.rfid4 {animation: nfcanimate44 infinite 4s;}
/*rfid animation*/
@keyframes nfcanimate1 {
    0% {opacity: .2; transform: translateX(0%);}
    20% {opacity: .2;}
    20.5% {opacity: 1;}
    90% {opacity: 1; transform: translateX(0%);}
    95% {opacity: 1; transform: translateX(100%);}
    100% {opacity: 1; transform: translateX(0%);}
}
@keyframes nfcanimate2 {
    0% {opacity: .2; transform: translateX(0%);}
    40% {opacity: .2;}
    40.5% {opacity: 1;}
    90% {opacity: 1; transform: translateX(0%);}
    95% {opacity: 1; transform: translateX(100%);}
    100% {opacity: 1; transform: translateX(0%);}
}
@keyframes nfcanimate333 {
    0% {opacity: .2; transform: translateX(0%);}
    60% {opacity: .2;}
    60.5% {opacity: 1;}
    90% {opacity: 1; transform: translateX(0%);}
    95% {opacity: 1; transform: translateX(100%);}
    100% {opacity: 1; transform: translateX(0%);}
}
@keyframes nfcanimate44 {
    0% {opacity: .2; transform: translateX(0%);}
    80% {opacity:.2;}
    80.5% {opacity: 1;}
    90% {opacity: 1; transform: translateX(0%);}
    95% {opacity: 1; transform: translateX(100%);}
    100% {opacity: 1; transform: translateX(0%);}
}

.wd1 {animation: wdanimate1 infinite 4s;}
.wd2 {animation: wdanimate2 infinite 4s;}
.wd3 {animation: wdanimate3 infinite 4s;}
.wd4 {transform-origin: 4.9605vw 4.9605vw; animation: wdzoom infinite 4s; transition: transform 4s ease;}
/*wearable device*/
@keyframes wdanimate1 {
    0% {opacity: 1; transform: translateY(0%);}
    9% {opacity: 1;}
    10% {opacity: .2;}
    30% {opacity: .2;}
    30.5% {opacity: 1;}
    90% {opacity: 1; transform: translateY(0%);}
    95% {opacity: 1; transform: translateY(-100%);}
    100% {opacity: 1; transform: translateY(0%);}
}
@keyframes wdanimate2 {
    0% {opacity: 1; transform: translateY(0%);}
    29.5% {opacity: 1;}
    30.5% {opacity: .2;}
    50.5% {opacity: .2;}
    51% {opacity: 1;}
    90% {opacity: 1; transform: translateY(0%);}
    95% {opacity: 1; transform: translateY(-100%);}
    100% {opacity: 1; transform: translateY(0%);}
}
@keyframes wdanimate3 {
    0% {opacity: 1; transform: translateY(0%);}
    50% {opacity: 1;}
    51% {opacity: .2;}
    71% {opacity: .2;}
    71.5% {opacity: 1;}
    90% {opacity: 1; transform: translateY(0%);}
    95% {opacity: 1; transform: translateY(-100%);}
    100% {opacity: 1; transform: translateY(0%);}
}
@keyframes wdzoom{
    0% {transform: scale(0.9);}
    9% {transform: scale(0.9);}
    10% {transform: scale(1);}
    90% {transform: scale(1);}
    95% {transform: scale(0.9);}
    100% {transform: scale(0.9);}
}

#qrborder {animation: qrzoom infinite 7s; transform-origin: 65px 65px; transition: transform 7s ease;}
#qrline {animation: qrline infinite 7s; transition: transform 7s ease;}
.qrdots {animation: qrdots infinite 7s; transition: opacity 7s ease-in-out;}
@keyframes qrzoom {
    0% {transform: scale(1.3);}
    24% {transform: scale(1.3);}
    25% {transform: scale(0.7);}
    74% {transform: scale(0.7);}
    75% {transform: scale(0.9);}
    99% {transform: scale(0.9);}
    100% {transform: scale(1.3);}
}
@keyframes qrline {
    0% {transform: translateY(0);}
    39% {transform: translateY(0);}
    40% {transform: translateY(-14px);}
    49% {transform: translateY(-14px);}
    50% {transform: translateY(14px);}
    59% {transform: translateY(14px);}
    60% {transform: translateY(0);}
    100% {transform: translateY(0);}
}
@keyframes qrdots {
    0% {opacity: 0;}
    38% {opacity: 0;}
    40% {opacity: 1;}
    73% {opacity: 1;}
    75% {opacity: 0;}
    100% {opacity: 0;}
}

.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
}


/*solution pages*/
#inner-banner h1 span {
    font-size: 4.167vw;
    letter-spacing: -0.265vw;
}
/*#hwpd {
    position: absolute;
    top: 4vw;
    right: 0vw;
    width: 44%;
}*/
#main-product.first-section {
    padding: 4.921vw 3.452vw 2.614vw;
}
/*#main-product .first-section-title-wrapp>img {z-index: 2;}*/
.main-prod-wrapp {display: flex; justify-content: space-between; margin-top: 1.614vw; position: relative; z-index: 1;}
.main-prod-wrapp:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(#4a97ff29, #FFFFFF 60%);
    z-index: -1;
}
.product-point {
    width: 23.81vw;
    /*padding: 1.058vw 1.587vw;*/
    padding: 0.661vw 1.5vw 0.661vw 1.587vw;
    border: 1px solid #BCBCBC;
    border-radius: 1.19vw;
    position: relative;
    transition: all .7s ease;
    z-index: 2;
    background: #fff;
}
.product-point:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.19vw;
    background: linear-gradient(180deg, #FFFFFF 60%, #4a97ff78);
    opacity: 0;
    z-index: -1;
    transition: all .7s ease;
}
.psline {position: absolute; left: 100%; top: 50%; transform: translateY(-50%); transition: all .2s ease;}
.right-pointers .psline {left: unset; right: 100%;}
.product-point span {width: 2.91vw; height: 2.91vw; position: absolute; top: -1.455vw; left: -1.455vw;}
.product-point span img {width: 100%; transition: all .7s ease; border: 1px solid #BCBCBC; border-radius: 50%; background: #fff; position: absolute; left: 0; top: 0;}
.product-point span img:nth-child(2) {position: absolute; width: 100%; top: 0; left: 0; opacity: 0; transition: opacity 0.5s ease;}
.product-point h4 {
    font-size: 1.25vw;
    line-height: 1.563vw;
    color: #343434;
    margin-bottom: 4px;
    letter-spacing: calc(1.852vw* -0.04);
    transition: all .7s ease;
    font-weight: 500;
}
.product-point p {font-size:0.625vw; line-height: normal; color: #AAAAAA; margin-bottom: 0; letter-spacing: calc(1.19vw * -0.04);}
.product-point:hover, #main-product.animate .product-point, .product-point:hover span img, #main-product.animate .product-point span img {border-color: #1876F4;}
.product-point:hover:before, #main-product.animate .product-point:before {opacity: 1}
.product-point:hover h4, #main-product.animate .product-point h4 {color: #1876F4;}
.product-point:hover span img:nth-child(2), #main-product.animate .product-point span img:nth-child(2) {opacity: 1;}
.product-point:hover .psline, #main-product.animate .product-point .psline {filter: invert(36%) sepia(30%) saturate(6944%) hue-rotate(204deg) brightness(100%) contrast(92%);}

.left-pointers .product-point:nth-child(1) {
    top: 8%;
    left: 85%;
    width: fit-content;
}
.left-pointers .product-point:nth-child(2) {
    top: 14%;
    left: 85%;
    width:fit-content;
}
.right-pointers .product-point:nth-child(2) .psline {
    top: 48%;
    width: 95%;
}
.left-pointers .product-point:nth-child(3) {
    top: 20%;
    left: 85%;
    width: fit-content;
}
.right-pointers .product-point:nth-child(3) .psline {
    width: 74%;
}
img.psline.psline-ev.img-fluid {
    width: 63%;
}
.right-pointers .product-point:nth-child(1) {top: 10%; right: 20%;}
.right-pointers .product-point:nth-child(2) {top: 19%; right: 1.455vw;}
.right-pointers .product-point:nth-child(3) {top: 30%; right: 20%;}
.left-pointers .product-point:nth-child(4) {
    top: 26.75%;
    left:85%;
    width:fit-content;
}
.right-pointers .product-point:nth-child(1) {
    top: 9.3%;
    right:74%;
    width: fit-content;
}
.left-pointers .product-point:nth-child(2) .psline {
    width: 84%;
    top: 50%;
}
.left-pointers .product-point:nth-child(3) .psline {
    width: 102%;
    top: 7%;
}
.left-pointers .product-point .new-line {
    top: 22%;
    width: 79%;
}

img.psline.psline-ev.img-fluid {
    width: 81%;
}
.right-pointers .product-point:nth-child(1) .psline {
    width: 72%;
    top: 47%;
}
.right-pointers .product-point:nth-child(2) .psline {
    width: 100%;
    top: 47%;
}
.right-pointers .product-point:nth-child(2) {
    top: 13.25%;
    right: 54%;
    width: fit-content;
}
.right-pointers .product-point:nth-child(3) {
    top: 19%;
    right: 69%;
   width: fit-content;
}
.right-pointers .product-point:nth-child(4) {
    width: fit-content;
    top: 26.75%;
    right:61%;
}

#product-wrapp {margin-bottom: 9.921vw;}
#product-wrapp .container-fluid, #product-thumb-wrapp .container-fluid {padding: 0 7.011vw;}
.product-card {
    min-height: 46.91vw;
    padding: 2.729vw 6.283vw 0 2vw;
    margin-top: 5.291vw;
    border: 1.5px solid #1876F4;
    /* border-style: inset; */
    border-radius: 3.175vw;
    box-shadow: 0 226px 63px 0 rgb(49 118 244 / 0%), 0 144px 58px 0 rgb(49 118 244 / 1%), 0 81px 49px 0 rgb(49 118 244 / 3%), 0 36px 36px 0 rgb(49 118 244 / 4%), 0 9px 20px 0 rgb(49 118 244 / 5%);
    overflow: hidden;
}
#product-wrapp img.xdesign {
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 31.069vw;
}
#product-wrapp .d-flex {justify-content: space-between;}
#product-wrapp .img-wrapp {
    width: 28%;
    display: flex;
    align-items: center;
}
#product-wrapp .img-wrapp img {
    position: relative;
    /*top: 6vw;*/
    /* transform: scale(1.3); */
    transition: transform 0.5s ease;
}
#product-wrapp .img-wrapp img:nth-child(1) {transform: scale(1.1);}
#product-wrapp .img-wrapp img:nth-child(2) {transform: scale(1);}
.product-content {
    /* padding-left: 19vw; */
    width: 50%;
}
#product-wrapp .product-card:nth-child(3) .img-wrapp, #product-wrapp .product-card:nth-child(4) .img-wrapp {width: 50%; display: block; text-align: center;}
#product-wrapp .product-card:nth-child(3) .img-wrapp img, #product-wrapp .product-card:nth-child(4) .img-wrapp img {width: 65%;}
/*.product-card .product-content-list {width: 42.25vw;}*/
.product-content-title {margin-bottom: 1.381vw;}
.product-content-title h4, h4.product-card-title {
    font-size: 4.233vw;
    line-height: 5.556vw;
    color: #343434;
    margin-bottom: 0;
    letter-spacing: -0.169vw;
}
h4.product-card-title {
    text-align: center;
    font-size: 3.125vw;
    line-height: 3.968vw;
    margin-bottom: 3rem;
    padding-left: 4.283vw;
}
.product-content-title p {
    font-size: 1.323vw;
    line-height: 1.323vw;
    color: #aaa;
    padding-left: 5px;
    margin-bottom: 0;
    letter-spacing: -0.053vw;
}
.product-content-list ul {
    padding-left: 17px;
    margin: 0;
}
.product-content-list li {
    padding-left: 0;
    margin-bottom: 1.2vw;
    position: relative;
    list-style-type: auto;
}
.product-content-list li::before {
    position: absolute;
    content: "";
    background: #000;
    height: 9px;
    width: 9px;
    border-radius: 50px;
    top: 12px;
    left: 17px;
    display: none;
}
.product-content-list li img {
    width: 1.323vw;
    height: auto;
    margin-right: 0.529vw;
    position: absolute;
    left: 0;
    top: 0.625vw;
}
.product-content-list li h5 {
    font-size: 1.042vw;
    letter-spacing: -0.063vw;
    color: #343434;
    margin-bottom: 2px;
    font-weight: 500;
}
.product-content-list li p {
    font-size: 0.729vw;
    /* line-height: 1.587vw; */
    letter-spacing: -0.048vw;
    color: #888888;
    margin-bottom: 0;
    /*text-align: justify;*/
}
/*#product-wrapp .product-card:nth-child(3) .d-flex {flex-direction: row-reverse;}
#product-wrapp .product-card:nth-child(3) .img-wrapp img {
    position: relative;
    top: 0vw;
    transform: scale(1);
}*/
#product-wrapp .common-btn {
    /* font-size: 1.587vw; */
    font-size: 1.25vw;
    font-weight: 400;
    letter-spacing: -0.96px;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    min-height: 2.968vw;
    width: 71%;
    margin: 2.307vw auto 0;
    /*padding: 1.587vw 0;*/
    padding: 0.4vw 1.5vw;
    background: linear-gradient(145deg, #1876F4, #4A97FF);
    border-radius: 3.77vw;
    box-shadow: 0 65px 18px 0 rgb(49 118 244 / 0%), 0 42px 17px 0 rgb(49 118 244 / 1%), 0 23px 14px 0 rgb(49 118 244 / 5%), 0 10px 10px 0 rgb(49 118 244 / 9%), 0 3px 6px 0 rgb(49 118 244 / 10%);
    transition: all 0.5s ease-in-out;
    opacity: 1;
}
#product-wrapp .common-btn:hover {font-size: 1.375vw;}
/*.product-card:hover .img-wrapp img, .product-card.animate .img-wrapp img {transform: scale(1.4) !important;}*/
/*.product-card:nth-child(3):hover .img-wrapp img, .product-card:nth-child(3).animate .img-wrapp img {transform: scale(1.2) !important;}*/
/*#product-wrapp .product-card:hover .common-btn, #product-wrapp .product-card.animate .common-btn {opacity: 1; transform: translateY(0%);}*/
/*animation: bounceInUp 1s forwards;*/
/*.product-card.animate .common-btn {
    animation: bounceInUp 1s forwards;
    transform: translateY(0vw);*/
/*    animation: slideinup .5s ease forwards;*/
/*}*/
@keyframes slideinup {
    0% {transform: translateY(10vw); opacity: 0;}
    80% {transform: translateY(-1vw); opacity: 1;}
    100% {transform: translateY(0vw); opacity: 1;}
}
.prod-btns-wrapp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
#product-wrapp .prod-btns-wrapp .common-btn:nth-child(2) {
    background: transparent;
    color: #000;
    border: 1px solid;
}
#product-wrapp .prod-btns-wrapp .common-btn:nth-child(2):hover {
    color: #fff;
    border: 1px solid transparent;
}
.prod-redirect-cards {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2vw;
}
.prod-redirect-cards a.prod-tumb-cards {
    border: 1.5px solid #1876F4;
    border-radius: 3.175vw;
    box-shadow: 0 226px 63px 0 rgb(49 118 244 / 0%), 0 144px 58px 0 rgb(49 118 244 / 1%), 0 81px 49px 0 rgb(49 118 244 / 3%), 0 36px 36px 0 rgb(49 118 244 / 4%), 0 9px 20px 0 rgb(49 118 244 / 5%);
    overflow: hidden;
    width: calc(33.33%);
    padding: 2vw;
    margin: 4.921vw 0;
    text-align: center;
    color: #343434;
}
.prod-redirect-cards a.prod-tumb-cards img {padding: 0 3vw 2vw; transform: scale(1); transition: transform 0.5s ease-in-out;}
.prod-redirect-cards a.prod-tumb-cards:hover img {transform: scale(1.1);}
.prod-redirect-cards a.prod-tumb-cards h3 {font-size: 1.5vw;}

/*Sotware page*/
#compatibility.charging-software .compatibility-wrapper .row {flex-wrap: wrap;}
.charging-software .compcard {border: 1px solid #1876f412;}
.charging-software .compcard .compcard-title img {transform: translateX(-460%); width: 4.381vw; height: 4.381vw; margin-right: 5px;}
.charging-software .compcard {flex: 1 1 calc(33.33% - 3.968vw); padding: 8px;}
.charging-software .compcard .compcard-title span {position: relative; left: -2vw; transition: left .2s .3s ease;}
.charging-software .compcard .compcard-content h4 {line-height: 2.116vw;}
.charging-software .compcard .compcard-img-bottom img:nth-child(1) {transform: translateY(150%); opacity: 1; transition: all 0.5s ease;}
.charging-software .compcard .compcard-img-bottom img:nth-child(2) {top: 50%; width: 3.5vw; height: 3.5vw; transform: translateY(-50%);}
.charging-software .compcard:hover .compcard-title img, .charging-software .compcard.animate .compcard-title img {animation: bounceInLeft 1s forwards;}
.charging-software .compcard:hover .compcard-title span, .charging-software .compcard.animate .compcard-title span {left: 0vw}
.charging-software .compcard:hover .compcard-img-bottom img:nth-child(1),
.charging-software .compcard.animate .compcard-img-bottom img:nth-child(1) {transform: translateY(0%);}
.prime-software .prime-card h4 {color: #1876F4;}
.prime-software .prime-card img.prod-img {transform: scale(1) !important; transition: unset !important;}
.prime-software .prime-card1 img.prod-img {width: 85%;}
.prime-software .prime-card2 {justify-content: flex-start !important;}
.prime-software .prime-card2 img.prod-img {width: 90%; margin-top: 1rem;}
.prime-software .prime-card2 .prime-contnet {margin-top: 1.124vw; margin-bottom: .5vw;}
.prime-software .prime-card1 .prime-contnet, .prime-software .prime-card3 .prime-contnet {margin-top: 0vw;}
.prime-software .prime-card4 img.prod-img {object-fit: cover;}
.prime-software .prime-card5 {display: inline-flex; align-items: flex-start; justify-content: flex-end;}
.prime-software .prime-card5 picture {text-align: right; height: 100%;}
.prime-software .prime-card5 img.prod-img {width: 90%; margin: 0 !important;}
.prime-software .prime-card6 {display: flex; align-items: center;}
.prime-software .prime-card6 img.prod-img {width: 80%; margin-top: 3rem;}
.prime-software .prime-card.prime-card1:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 80%;
    background: radial-gradient(#4a97ff5c, #FFFFFF 70%);
    z-index: 0;
}
.software-usp {width: 62.235vw; margin: 5.291vw auto 0; overflow: hidden;}
.software-usp-top, .software-usp-bottom {display: flex; column-gap: 1.587vw;}
.software-usp-bottom {justify-content: flex-end; margin-top: 1.587vw;}
.software-usp-single {background: linear-gradient(180deg, #FFFFFF 60%, #4a97ff59); border: 1px solid #1876F426; border-radius: 1.587vw;}
.software-usp-single.big-card {padding: 3.439vw 3.4vw; width: 33.069vw;}
.software-usp-single.small-card {padding: 3.439vw 1.25vw; width: 23.81vw;}
.software-usp-single img {height: 4.233vw; width: auto; margin-bottom: 1.323vw;}
.software-usp-single h4 {font-size: 2.116vw; line-height: 2.646vw; color: #1876F4; margin-bottom: 0.529vw;}
.software-usp-single p {font-size: 1.323vw; line-height: 1.852vw; color: #888888; margin-bottom: 0;}
#main-product.software-usp-wrapp .first-section-title-wrapp>img {z-index: -1;}
.charging-software .headpara br {display: none;}






/*contact page*/
.contactus {
    padding: 4.167vw 0px 6.921vw;
}
.contactus .container-fluid {padding: 0 12.1429vw;}
.contactus .heading {
    font-size: 3.125vw;
    line-height: 3.906vw;
    font-weight: 200;
    margin-bottom: 1.0582vw;
    margin-bottom: 0.75vw !important;
}
.contactus .heading span {
    font-weight: 600;
    background: linear-gradient(130deg, #1876F4, #4A97FF);
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 5.9524vw;
    line-height: 5.2910vw;
    letter-spacing: calc(5.9524vw* -0.04);
    padding-right: 5px;
}
.contact-wrapper {
    display: flex;
    justify-content: space-between;
    column-gap: 3.175vw;
    align-items: stretch;
}
.contact-wrapper .contact-left {
    width: 48.148vw;
    row-gap: .9vw;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
}
.contact-wrapper .contact-left img {width: 23.75vw}
.contact-wrapp {width: 100%; margin-bottom: 3.073vw;}
.contact-wrapper .contact-right {width: 34.392vw;}
.contacts-heading {display: flex; margin-bottom: 0.5vw; align-items: center;}
/*margin-bottom: 1.323vw;*/
.contacts-heading h4 {font-size: 1.25vw; line-height: 2.381vw; font-weight: 500; margin: 0;}
.contact-wrapper .contacts-heading img {
    margin-right: 2px;
    width: 1.3vw;
    height: 1.3vw;
}
#contactlink{
    text-decoration: none;
}
.contact-single {
    /*padding: 2.381vw 2.381vw 2.381vw 1.984vw;*/
    padding: 2vw 2.381vw 1.5vw 1.984vw;
    border: 1px solid #1876f480;
    border-radius: 1.984vw;
    margin: 0px 0px 1.587vw;
    box-shadow:
    0 34px 10px 0 rgb(49 118 244 / 0%),
    0 22px 9px 0 rgb(49 118 244 / 0%),
    0 12px 7px 0 rgb(49 118 244 / 1%),
    0 5px 5px 0 rgb(49 118 244 / 2%),
    0 1px 3px 0 rgb(49 118 244 / 2%);
}
.contactus .contact-single h6 {
    font-size: 1.979vw;
    color: #007AFF;
    line-height: 2.917vw;
    margin-bottom: 0;
    letter-spacing: calc(2.513vw * -0.04);
}
.contactus .contact-single p, .contactus .contact-single a {
    color:#AAAAAA;
    font-size: 1.190vw;
    line-height: 1.852vw;
    margin-bottom: 0;
    letter-spacing: calc(1.190vw * -0.04);
    text-decoration: underline;
}
.contactus .contact-single p{
    text-decoration: none;
}
.contact-div {display: flex; width:100%; column-gap: 1.587vw;}
.contact-div .contact-single {margin-bottom: 0;}
.contact-wrapp .contact-div h6 {
    margin-bottom: 0px;
    font-size: 1.720vw;
    line-height: 1.852vw;
    letter-spacing: calc(1.720vw* -0.04);
}
.contact-form {
    border: 1px solid #1876f480;
    padding:2vw 1.984vw;
    border-radius: 1.984vw;
    box-shadow:
    0 34px 10px 0 rgb(49 118 244 / 0%),
    0 22px 9px 0 rgb(49 118 244 / 0%),
    0 12px 7px 0 rgb(49 118 244 / 1%),
    0 5px 5px 0 rgb(49 118 244 / 2%),
    0 1px 3px 0 rgb(49 118 244 / 2%);
}
.contact-form h4 {
    font-size:2.396vw;
    line-height: 2.083vw;
    letter-spacing: calc(3.042vw * -0.04);
    margin-bottom: 5px;
}
.contact-form p {font-size: 0.833vw; letter-spacing: calc(1.058vw * -0.04); color:#AAAAAA; margin-bottom: 1.684vw;}
.contact-form .form-control {
    border: 1px solid #1876f480;
    border-radius: 0.76vw;
    padding: 0.70vw 1.058vw;
    margin-bottom: 1.190vw;
    font-size: 0.833vw;
    letter-spacing: calc(1.058vw* -0.04);
}
.contact-form .form-control#email, #cta-form #ctaemail {padding-left: calc(1.058vw + 1.587vw); position: relative;}
.contact-form #emailico, #cta-form #ctaemailico {
    position: absolute;
    left: 1.75vw;
    top: 1vw;
    width: 1.190vw;
    filter: invert(67%) sepia(92%) saturate(12%) hue-rotate(325deg) brightness(99%) contrast(100%);
}
.contact-form .intl-tel-input {margin-bottom: 1.190vw;}
.contact-form .intl-tel-input .selected-flag {
    width: 3.5vw !important;
    padding: 0 0 0 1.058vw !important;
    background: none !important;
}
.contact-form .intl-tel-input .selected-flag .iti-flag {display: none !important;}
.contact-form .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 0px !important;
    position: relative !important;
    color: #212529 !important;
    padding-right: 1vw;
    font-size: 1.058vw;
}
.contact-form .intl-tel-input.separate-dial-code .selected-dial-code:before {
    content: '';
    height: 60%;
    width: 1px;
    position: absolute;
    right: -10%;
    top: 20%;
    background: #cacaca;
}
.contact-form .common-btn {
    width: 90%;
    font-size:1.042vw;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0.661vw;
    color: #fff;
    background: linear-gradient(145deg, #1876F4, #4A97FF);
    border: 0;
    border-radius: 5.754vw;
    text-transform: capitalize;
    height: auto;
}
.contact-terms {
    color: #aaa !important;
    text-align: center;
    line-height: 1.587vw;
    margin: 0.529vw auto 0 !important;
    width: 70%;
}


.locations {padding-bottom: 7.921vw;}
.locations .container-fluid {padding: 0 9.656vw;}
.locations .row {
    border: 1px solid #1876F4;
    border-radius: 3.175vw;
    padding: 1.984vw;
    box-shadow: 0 105px 29px 0 rgb(49 118 244 / 0%), 0 67px 27px 0 rgb(49 118 244 / 1%), 0 38px 23px 0 rgb(49 118 244 / 3%), 0 17px 17px 0 rgb(49 118 244 / 4%), 0 4px 9px 0 rgb(49 118 244 / 5%);
    min-height: 39.388vw;
}
.locations .row .col-md-6 {padding: 0;}
.locations .map {height: 100%;}
.map iframe {border-radius: 1.587vw;}
.location-info {padding: 1.563vw 1.302vw 0 3.302vw;}
.location-info ul {
    display: block;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.location-info h3 {
    margin-bottom: 1.984vw;
    font-size: 1.5vw;
     font-weight: 300; 
}
.location-info h3 span {
    color: #1876F4;
    font-size: 2.604vw;
}
.locationscontent {
    border: 1px solid #1876f433 !important;
    border-radius: 1.323vw !important;
    padding: 1.39vw 1.323vw;
    margin-bottom: 1.058vw !important;
    cursor: pointer;
    transition: background 0.5s ease;
    box-shadow: 0 47px 13px 0 rgb(49 118 244 / 0%), 0 30px 12px 0 rgb(49 118 244 / 0%), 0 17px 10px 0 rgb(49 118 244 / 2%), 0 8px 8px 0 rgb(49 118 244 / 3%), 0 2px 4px 0 rgb(49 118 244 / 3%);
}
.locationscontent:hover, .locationscontent.active {background-color: rgb(24 118 244 / 5%) !important;}
.locations h5 {
    font-size: 1.25vw;
    /* line-height: 3.571vw; */
    line-height: 2vw;
    color: #1876F4;
    margin-bottom: 0.529vw;
    font-weight: 500;
    letter-spacing: calc(1.587vw* -0.04);
    margin-bottom: 0;
}
.locations h5 img{
    margin-right: 10px;
}
.locations p {
    font-size: 1.058vw;
    line-height: 1.455;
    letter-spacing: calc(1.058vw * -0.04);
    margin-bottom: 0;
    color: #aaa;
    padding-right: 1rem;
    /* opacity: 0; */
    /* height: 0px; */
    transition: all 1s;
    position: relative;
    /* top: -24px; */
    z-index: -1;
}
/*.locationscontent:hover p {
    opacity: 1;
    height: auto;
    top: 0px;
}*/
.locationscontent.nav-link.active p{
    opacity: 1;
    height: auto;
    top: 0px;
}
.charging-process .x-icon {
    width: 33.069vw;
    margin: 0 auto;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}
.charging-process {
    padding: 9.921vw 4.431vw 6.614vw;
    position:relative;
}
.production-excellence .common-btn:hover {
   font-family: 'Poppins', sans-serif;
    font-weight: 300;
}
.contact-div .contact-single {
    width: 50%;
}
/*.contact-terms span {
    color: #777777;
}*/
.locations .tab-content {
    height: 33.854vw;
}
.locations .container {
    border: 1px solid #1876f426;
    border-radius: 40px;
    padding: 0px;
    height: inherit;
}
/*.modal-bottom {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin: 0;
    transition: transform 0.3s ease;
    transform: translate(-50%, 100%) !important;
}*/
/*.modal.show .modal-bottom {transform: translate(-50%, -25%) !important;}*/
#inner-banner .owl-nav, #inner-banner .owl-dots {display: none !important;}
.modal-content {border: unset !important; border-radius: 1.984vw !important;}
.modal-body {padding: 0;}
.modal-body .contact-form {border: 1.5px solid #1876f426; padding: 1.984vw;}
.modal-body .contact-form h4 {
    font-size: 3.347vw;
    line-height: 2.910vw;
    letter-spacing: calc(3.347vw* -0.04);
    margin-bottom: 8px;
}
.modal-body .contact-form p {
    font-size: 1.058vw;
    line-height: normal;
    letter-spacing: calc(1.058vw* -0.04);
    color: #AAAAAA;
    margin-bottom: 1.116vw;
    margin-top: 14px;
}
.contact-form .form-control::placeholder {color: #cacaca !important;}
.modal-body .btn-close {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background-color: #272727;
    color: #fff;
    filter: invert(1);
    opacity: 1;
    position: absolute;
    top: 1.984vw;
    right: 1.984vw;
}
.modal-body .contact-terms {
    font-size: 1.058vw;
    line-height: 1.587vw;
    width: 55%;
}


/*payment page*/
.payment-usp-wrapp {padding-top: 7.937vw;}
.payment-usp { margin: 5.291vw 4vw 0; padding: 0 0; position: relative;}
.single-pay-usp {
    width: 24.471vw;
    padding: 0.794vw 0.794vw 0.794vw 1.058vw;
    border: 1px solid #4A97FF;
    background: linear-gradient(180deg, #FFFFFF 60%, #4a97ff59);
    border-radius: 1.429vw;
    display: flex;
    align-items: flex-start;
    transition: all .5s ease;
    opacity: 1;
}
.single-pay-usp.onetime {opacity: 0;}
.single-pay-usp h4, .single-pay-usp .single-pay-content span {
    display: flex;
    align-items: center;
   font-size: 2.2vw;
    line-height: 3vw;
    letter-spacing: calc(2.513vw* -0.04);
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    color: transparent;
    margin-right: 0.794vw;
    margin-bottom: 0;
    background: linear-gradient(130deg, #1876F4, #4A97FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.single-pay-usp span {margin-right: 0;}
.single-pay-usp span img {height: 2.381vw; max-width: unset; margin: 0 0.661vw 0 0;}
.single-pay-content p {
    font-size: 1.19vw;
    color: #AAAAAA;
    line-height: 1.72vw;
    letter-spacing: calc(1.19vw* -0.04);
    margin-bottom: 0;
    padding-right: 2px;
}
.payment-usp-top, .payment-usp-bottom {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.payment-usp-bottom {top: unset; bottom: 0.5vw; flex-direction: row-reverse;}
/*.payment-usp-design {margin: 0 auto; width: 35.463vw; position: relative;}*/
.payment-usp-design {margin: 0 auto; width: 26vw; position: relative;}
#main-circle {width: 100%; position: relative; transition: transform .5s ease;}
#inner-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    transition: transform .5s ease;
    /*width: 22.833vw;
    height: 22.833vw;*/
    width: 17.833vw;
    height: 17.833vw;
}
#animated-circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 8px;
    z-index: -1;
    transform: rotate(45deg);
    transition: transform .5s ease;
    display: none;
}
#animated-circle.animate {transform: rotate(0deg);}
#inner-circle.animate {transform: translate(-50%, -50%) rotate(45deg);}
.payment-usp-images {
     width: 14vw;
    height: 14vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.payment-usp-images img {
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0);
    transition: transform 0.5s ease;
}
.payment-usp-images img.animate {transform: scale(1); transition: transform 0.5s ease;}
.payment-usp-design h5 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 3vw;
    line-height: 3.5vw;
    letter-spacing: calc(3.519vw * -0.04);
    color: #343434;
    text-align: center;
}

.mobile-br{
    display: none;
}

.compcard .number {
    color: #1876F4;
    font-size: 1.587vw;
    position: absolute;
    left: 24px;
    top: 14px;
}




#compatibility.payment-cards .compatibility-wrapper {padding: 5.291vw 1.021vw 150px;}
#compatibility.payment-cards .compatibility-wrapper .row {
    gap: 2.4vw;
}
#compatibility.payment-cards .compcard {flex: 1 1 calc(30% - 3.968vw); padding: 12px 12px 00px; border-radius: 1.984vw;}
#compatibility.payment-cards .compcard .compcard-img-bottom {
    width: 4.167vw;
    height: 4.167vw;
    bottom: -2.107vw;
}
#compatibility.payment-cards .compcard .compcard-img-bottom img:nth-child(1) {width: 2vw; height: 2vw;}
#compatibility.payment-cards .compcard .compcard-img-bottom img:nth-child(2) {width: 2vw; height: 2vw; top: 50%; transform: translateY(-50%);}
#compatibility.payment-cards .compcard:hover .compcard-img-bottom img:nth-child(2),
#compatibility.payment-cards .compcard.animate .compcard-img-bottom img:nth-child(2) {transform: translateY(-200%);}
#compatibility.payment-cards .compcard .compcard-content {
    margin-top: 3vw;
}
#compatibility.payment-cards .compcard .compcard-content h4 {
    font-size: 1.25vw;
    line-height: 1.667vw;
    margin-bottom: 8px;
}
#compatibility.payment-cards .compcard .compcard-content p {
    font-size: 0.833vw;
}
#compatibility.payment-cards .compcard-title {
    position: relative;
    overflow: hidden; /* Hide overflow */
    width: 100% !important;
    flex-direction: row;
}
#compatibility.payment-cards .compcard-title span {
/*    position: absolute;*/
    opacity: 0;
/*    transform: translateX(100%);*/
/*     Start off-screen to the right */
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

#compatibility.payment-cards .compcard-title span.active {
    opacity: 1;
/*    transform: translateX(0); /* Move to its original position*/
} 
#compatibility.payment-cards .compcard .compcard-img-top {
    height: 10.365vw;
    border-radius: 1.323vw;
}
/*#compatibility.payment-cards .compcard .compcard-img-top span {font-size: 2.381vw; line-height: 2.381vw; letter-spacing: calc(2.381vw* 0.15); left: 0;}*/
#compatibility.payment-cards .compcard .compcard-img-top span {
    font-size:1.905vw; 
    line-height: 2.381vw; 
    letter-spacing: calc(2.381vw* 0.15);
    left: 0%;
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
}
#compatibility.payment-cards .compcard .compcard-title img {
    transform: translateX(0%);
    width: 13.55vw;
    height: 4.937vw;
    margin: 0px auto;
    animation: bounceInRight 1s forwards;
}
.bounceInRight {
    animation: bounceInRight 1s ease forwards; /* Use keyframes for slide-in */
}
#compatibility.payment-cards .compcard#card3 .compcard-img-top span, #compatibility.payment-cards .compcard#card4 .compcard-img-top span {
    transform: scale(1);
    transition: transform 1s ease;
}
/*#compatibility.payment-cards .compcard#card3:hover .compcard-img-top span, #compatibility.payment-cards .compcard#card4:hover .compcard-img-top span,
#compatibility.payment-cards .compcard#card3.animate .compcard-img-top span, #compatibility.payment-cards .compcard#card4.animate .compcard-img-top span {transform: scale(1.4);}*/
.single-row {padding: 0 12px; display: flex;}
.contact-form .single-row .col-6:nth-child(odd) {padding-right: 11px;}
.contact-form .single-row .col-6:nth-child(even) {padding-left: 11px;}
.software-comcard{
    padding-top: 6vw;
}


.chargnex-core .box {
    border-radius: 2.381vw;
    margin-bottom: 25px;
    border: 1px solid #1876f44d;
    border-style: inset;
    background: #fff;
    min-height: 5.908vw;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-top: 2.5vw;
    height: 15.417vw;
    align-items: stretch;
    box-shadow: 0 359px 100px 0 rgb(49 118 244 / 0%), 0 230px 92px 0 rgb(49 118 244 / 1%), 0 129px 78px 0 rgb(49 118 244 / 2%), 0 57px 57px 0 rgb(49 118 244 / 3%), 0 14px 32px 0 rgb(49 118 244 / 4%);
}
.chargnex-core .box h4 {
    color: #000;
    font-size: 1.563vw;
    line-height: 2.031vw;
    font-weight: 500;
}
.chargnex-core .icon-box p {
    font-size: 0.938vw;
    color: #888888;
    margin-top: 1.6vw;
    margin-bottom: 0;
    line-height: 1.146vw;
}
.chargnex-core .icon-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}
.chargnex-core .icon-box .icon1 {
    margin: 38px 48px;
}
.chargnex-core .icon-box .icon1 img {
    /*height: 57px;*/
    height: 2.981vw;
}
.chargnex-core .big-box .icon1 img {
    /*height: 55px;
    width: 55px;*/
    height: 2.877vw;
    width: 2.877vw;
}
.chargnex-core .number {
    color: #1876F4;
    font-size: 1.587vw;
    position: absolute;
    left: 18px;
    top: 18px;
    width: 14px;
}
.chargnex-core .big-box {
    height: 34.9vw;
    padding-top: 4vw;
    margin-bottom: 1vw;
}
.chargnex-core {
    padding-top: 1vw;
    padding-bottom: 7vw;
}
.chargnex-core .big-box h4 {
    margin-bottom: 1.5vw;
}
.chargnex-core .big-box .icon1 {
    margin: 38px 22px;
}
.chargnex-core .big-box2 .icon1 {
    margin: 46px 0px;
    width: 32%;
}
.chargnex-core .row1 {
    margin-top: 4vw;
}
.payment-single {
    border-radius: 2.381vw;
    margin-bottom: 25px;
    border: 1px solid #1876f44d;
    border-style: inset;
    background: #fff;
    min-height: 5.908vw;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-top: 2.5vw;
    /*height: 25.577vw;*/
    align-items: stretch;
    /*box-shadow: 0 359px 100px 0 rgb(49 118 244 / 0%), 0 230px 92px 0 rgb(49 118 244 / 1%), 0 129px 78px 0 rgb(49 118 244 / 2%), 0 57px 57px 0 rgb(49 118 244 / 3%), 0 14px 32px 0 rgb(49 118 244 / 4%);*/
}
.payment-single img, .payment-single svg {width: 9.921vw; height: 9.921vw; aspect-ratio: 1 / 1;}
.payment-single h5 {
    font-size: 2.604vw;
    line-height: 3.571vw;
    color: #343434;
    margin-top: 0.984vw;
    margin-bottom: 0.323vw;
    letter-spacing: calc(2.7vw* -0.04);
}
.payment-single p {
    font-size: 1.042vw;
    line-height: 1.563vw;
    color: #AAAAAA;
    padding: 0px 2.992vw;
    letter-spacing: calc(1.323vw* -0.04);
    margin-bottom: 1.8vw;
}
.payment-single .number {
    color: #1876F4;
    font-size: 1.587vw;
    position: absolute;
    left: 30px;
    top: 20px;
}
#payments .row {
    width: 100%;
    margin: 0 auto;
    margin-top: 4vw;
}
/*.payment-new-usp {display: flex; flex-wrap: wrap;}
.payment-new-usp .col-lg-4, 
.payment-new-usp .col-md-6 {flex: 1 1 33.33%; padding: 15px;}
.payment-new-usp .payment-mode {order: 1;}*/
section#payments {
    margin-top: -8vw;
}
.contactus .social {column-gap: 1.25vw; align-items: flex-start;}
.contactus .social img {
    filter: invert(53%) sepia(62%) saturate(2584%) hue-rotate(195deg) brightness(100%) contrast(105%);
    width: 1.7vw;
}
.contactus .social h3 {
    color: #1876F4;
    margin-bottom: 0;
    line-height: 2vw;
    font-size: 1.563vw;
}
.contactus .social {
    padding: 30px 0px;
    width: 100%;
}
.contactus .social a {width: 4%;}
.contactus select {
    background: url(../images/down-arrow.png) no-repeat !important;
    background-position: center !important;
    background-size: 10% 20% !important;
    -webkit-appearance: none !important;
    background-position-x: 95% !important;
    color: #d0c8c8;
}


.common-page{
    padding: 4vw 0;
}
.common-page ul li {
    font-size: 1.058vw;
    line-height: 1.455vw;
    color: #AAAAAA;
    margin-bottom: 15px;
    list-style-type: auto;
}
/*.charging-software .compcard.upi-card .compcard-img-bottom img:nth-child(1) {
    transform: unset;
}*/
#compatibility.payment-cards .compcard#card3:hover .compcard-img-top span{
    transform: unset;
}
.chargnex-core .box .paycard{
    border-top: 0;
    height: calc(100% + 2.5vw);
    top: -2.5vw;
}
.chargnex-core .prime-card{
    border:1px solid #ffffff00;
}

/*.chargnex-core .box #paymentmode {
    letter-spacing: -1.25px;
    font-size: 1.852vw;
    font-weight: 300;
    line-height: 2.116vw;
    text-align: center;
    color: #1876F4;
    margin: 0;
    position: absolute;
    top: 37%;
    left: 15%;
    animation: paytext2 infinite 9s ease;
}
@keyframes paytext2 {
    0% {transform: translateY(-210%); opacity: 0;}
    50% {transform: translateY(-210%); opacity: 1;}
    60% {transform: translateY(-30%);}
    80% {transform: translateY(-30%);}
    90% {transform: translateY(200%); opacity: 1;}
    91% {transform: translateY(200%); opacity: 0;}
    100% {transform: translateY(-210%); opacity: 0;}
}


#paymentmode2 {
    letter-spacing: -1.25px;
    font-size: 1.852vw;
    font-weight: 300;
    line-height: 2.116vw;
    text-align: center;
    color: #1876F4;
    margin: 0;
    position: absolute;
    top: 37%;
    left: 15%;
    animation: paytext2 infinite 12s ease;
}
@keyframes paytext2 {
    0% {transform: translateY(-210%); opacity: 0;}
    50% {transform: translateY(-210%); opacity: 1;}
    60% {transform: translateY(-30%);}
    80% {transform: translateY(200%);}
    90% {transform: translateY(200%); opacity: 1;}
    91% {transform: translateY(200%); opacity: 0;}
    100% {transform: translateY(-210%); opacity: 0;}
}*/

.compcard .number {
    color: #1876F4;
    font-size: 1.587vw;
    position: absolute;
    left: 24px;
    top: 14px;
}
.compcard:hover .number{
    opacity: 0;
}

.payment-single.animation-box {
    height: 23.9vw;
}
/*.payment-single.animation-box .chargne {
    width: 11.841vw;
    left: 25%;
    animation: paychargnetext3 infinite 6s ease;
}
@keyframes paychargnetext3 {
    0% {opacity: 0; transform: translateY(0%); }
    5% {opacity: 1;}
    20% {opacity: 1;}
    40% {transform: translateY(-5%); opacity: 1;}
    50% {transform: translateY(275%); opacity: 1;}
    80% {transform: translateY(275%); opacity: 1;}
    90% {opacity: 0;}
    100% {opacity: 0; transform: translateY(275%);}
}*/
.payment-single.animation-box .xleft {
    right: 28%;
    animation: chargnexleft3 infinite 6s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.payment-single.animation-box .xright {
    right: 22%;
    animation: chargnexright3 infinite 6s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.payment-single.animation-box .chargnex {
    width: 4.55vw;
}
.prime-card2 .prime-contnet {
    top: -13.5vw;
    position: relative;
}
.flexible-slider p {
    font-size: 0.938vw;
    /* line-height: 1.455vw; */
    color: #666666;
    margin-bottom: 0;
}
.flexible-slider img {
    width: 26% !important;
    margin: 0 auto 36px;
}
.flexible-slider {
    position: relative;
    top: 25%;
}
.payment-single .chargnexa{
    height: 100%;
}

@keyframes chargnexleft3 {
    0% {top: 53%; transform: translate(-160%, -250%); opacity: 0;}
    10% {top: 53%; transform: translate(-160%, -50%); opacity: 1;}
    20% {top: 53%; transform: translate(0%, -53%); opacity: 1;}
    80% {top: 53%; transform: translate(0%, -53%); opacity: 1;}
    90% {top: 53%; transform: translate(-160%, -50%); opacity: 1;}
    100% {top: 53%; transform: translate(-160%, -250%); opacity: 0;}
}
@keyframes chargnexright3 {
    0% {top: 50%; transform: translate(-160%, 250%); opacity: 0;}
    10% {top: 50%; transform: translate(-160%, -53%); opacity: 1;}
    20% {top: 50%; transform: translate(0%, -53%); opacity: 1;}
    80% {top: 50%; transform: translate(0%, -53%); opacity: 1;}
    90% {top: 50%; transform: translate(-160%, -53%); opacity: 1;}
    100% {top: 50%; transform: translate(-160%, 250%); opacity: 0;}
}
.footer-page header .navbar-brand img {
    filter: invert(1);
}
.footer-page header .navbar-expand-md {
    padding: 27px 0 27px;
}
.footer-page header .navbar-expand-md .navbar-nav {
    backdrop-filter: unset;
    background: transparent;
}
.footer-page header{
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.contact-form p a {
    color: #aaaaaa;
    font-weight: 500;
}


section.common-page p {
    color: #adadad;
    font-size: 18px;
}





.chargnex-core .paycard4 .chargne-wrapp:before {
    right: 4.5vw;
    top: 0;
    width: 19vw;
    animation: paychargnex2 infinite 16s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.chargnex-core .paycard4 .chargnexa .chargne {
    position: relative;
    left: 0%;
    width: 17vw;
    z-index: 0;
    animation: paychargnetext2 infinite 16s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.chargnex-core .paycard4 .chargnexa .chargnex {position: absolute; width: 4.452vw; z-index: 2;}
.chargnex-core .paycard4 .chargnexa .xleft {
    right: 5%;
    animation: paychargnexleft2 infinite 16s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.chargnex-core .paycard4 .chargnexa .xright {
    right: 0;
    animation: paychargnexright2 infinite 16s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.chargnex-core #img-animation {
    position: absolute;
    left: 0%;
    width: 16vw;
    z-index: 0;
    animation: paychargneimg infinite 16s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.chargnex-core #paymentmode2 {
    letter-spacing: -1.25px;
    font-size: 1.852vw;
    font-weight: 300;
    line-height: 2.116vw;
    text-align: center;
    color: #1876F4;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 37%;
    left: 50%;
    animation: paytext22 infinite 16s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.chargnex-core #paymentmode {
    letter-spacing: -1.25px;
    font-size: 1.852vw;
    font-weight: 300;
    line-height: 2.116vw;
    text-align: center;
    color: #1876F4;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 37%;
    left: 50%;
    animation: paytext2 infinite 16s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@keyframes paychargneimg {
    0% {transform: translateY(-210%); opacity: 0;}
    75% {transform: translateY(-210%); opacity: 1;}
    80% {transform: translateY(0%); opacity: 1;}
    90% {transform: translateY(0%); opacity: 1;}
    98% {transform: translateY(200%); opacity: 1;}
    99% {transform: translateY(200%); opacity: 0;}
    100% {transform: translateY(-210%); opacity: 0;}
}
@keyframes paytext22 {
    0% {transform: translate(-50%, -210%); opacity: 0;}
    50% {transform: translate(-50%, -210%); opacity: 1;}
    55% {transform: translate(-50%, -30%);}
    65% {transform: translate(-50%, -30%);}
    75% {transform: translate(-50%, 200%);}

    75% {transform: translate(-50%, 200%); opacity: 1;}
    91% {transform: translate(-50%, 200%); opacity: 0;}
    100% {transform: translate(-50%, -210%); opacity: 0;}
}
@keyframes paytext2 {
    0% {transform: translate(-50%, -210%); opacity: 0;}
    25% {transform: translate(-50%, -210%); opacity: 1;}
    30% {transform: translate(-50%, -30%);}
    45% {transform: translate(-50%, -30%);}
    50% {transform: translate(-50%, 200%); opacity: 1;}

    91% {transform: translate(-50%, 200%); opacity: 0;}
    100% {transform: translate(-50%, -210%); opacity: 0;}
}
@keyframes paychargnetext2 {
    0% {opacity: 0; transform: translateY(0%); }
    5% {opacity: 0;}
    10% {opacity: 1;}
    20% {transform: translateY(0%); opacity: 1;}
    25% {transform: translateY(275%); opacity: 1;}

    80% {transform: translateY(275%); opacity: 1;}
    90% {opacity: 0;}
    100% {opacity: 0; transform: translateY(275%);}
}
@keyframes paychargnex2 {
    0% {width: 19vw; opacity: 1;}
    5% {width: 19vw; opacity: 1;}
    10% {width: 0vw; opacity: 1;}
    20% {width: 0vw; opacity: 1;}
    25% {width: 0vw; opacity: 1;}
    80% {width: 0vw; opacity: 0;}
    90% {width: 0vw; opacity: 0;}
    100% {width: 0vw; opacity: 0;}
}
@keyframes paychargnexleft2 {
    0% {top: 53%; transform: translate(-160%, -250%); opacity: 0;}
    5% {top: 53%; transform: translate(-160%, -50%); opacity: 1;}
    10% {top: 53%; transform: translate(0%, -53%); opacity: 1;}
    20% {top: 53%; transform: translate(0%, -53%); opacity: 1;}
    25% {top: 53%; transform: translate(0%, 100%); opacity: 1;}

    80% {top: 53%; transform: translate(0%, 100%); opacity: 0;}
    90% {top: 53%; transform: translate(-160%, -50%); opacity: 0;}
    100% {top: 53%; transform: translate(-160%, -250%); opacity: 0;}
}
@keyframes paychargnexright2 {
    0% {top: 50%; transform: translate(-160%, 250%); opacity: 0;}
    5% {top: 50%; transform: translate(-160%, -53%); opacity: 1;}
    10% {top: 50%; transform: translate(0%, -53%); opacity: 1;}
    20% {top: 50%; transform: translate(0%, -53%); opacity: 1;}
    25% {top: 50%; transform: translate(0%, 100%); opacity: 1;}

    80% {top: 50%; transform: translate(0%, 100%); opacity: 0;}
    90% {top: 50%; transform: translate(-160%, -53%); opacity: 0;}
    100% {top: 50%; transform: translate(-160%, 250%); opacity: 0;}
}


/*payment animation*/
.payment-single.animation-box {
    height: 23.9vw;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment-single.animation-box img {aspect-ratio: unset; height: auto;}
.payment-single.animation-box .chargnexa {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    height: 14.526vw;
    width: 21.794vw;
    overflow: hidden;
}
.payment-single.animation-box .chargne-wrapp {width: 75%;}
.payment-single.animation-box .chargne-wrapp:before {
    animation: paychargnex3 infinite 12s ease;
    width: 100%;
    right: 4vw;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.payment-single.animation-box .chargne {
    aspect-ratio: unset;
    animation: paychargnetext3 infinite 12s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.payment-single.animation-box .xleft {
    animation: paychargnexleft3 infinite 12s ease;
    right: 7%;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.payment-single.animation-box .xright {
    animation: paychargnexright3 infinite 12s ease;
    right: 2.5%;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.payment-single.animation-box #paymentmode {
    animation: paytext3 infinite 12s ease;
    left: 50%;
    width: 100%;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.payment-single.animation-box #paymentmode2 {
    left: 50%;
    aspect-ratio: unset;
    margin: 0 auto;
    position: absolute;
    padding: 0;
    width: 100%;
    height: auto;
    border-radius: 17px;
    overflow: hidden;
    animation: paychargneimg3 infinite 12s ease;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.payment-single.animation-box #paymentmode2 img {width: 100%; height: auto; border-radius: 17px;}
@keyframes paychargneimg3 {
    0% {transform: translate(-50%, -210%); opacity: 0;}
    65% {transform: translate(-50%, -210%); opacity: 1;}
    70% {transform: translate(-50%, 0%);}
    89% {transform: translate(-50%, 0%);}
    90% {transform: translate(-50%, 200%); opacity: 1;}

    91% {transform: translate(-50%, 200%); opacity: 0;}
    100% {transform: translate(-50%, -210%); opacity: 0;}
}
@keyframes paytext3 {
    0% {transform: translate(-50%, -230%); opacity: 0;}
    35% {transform: translate(-50%, -230%); opacity: 1;}
    40% {transform: translate(-50%, -30%);}
    61% {transform: translate(-50%, -30%);}
    66.66% {transform: translate(-50%, 210%); opacity: 1;}

    91% {transform: translate(-50%, 210%); opacity: 0;}
    100% {transform: translate(-50%, -230%); opacity: 0;}
}
@keyframes paychargnetext3 {
    0% {opacity: 0; transform: translateY(0%); }
    5% {opacity: 0;}
    10% {opacity: 1;}
    28% {transform: translateY(0%); opacity: 1;}
    33.33% {transform: translateY(310%); opacity: 1;}

    80% {transform: translateY(310%); opacity: 1;}
    90% {opacity: 0;}
    100% {opacity: 0; transform: translateY(310%);}
}
@keyframes paychargnex3 {
    0% {width: 100%; opacity: 1;}
    5% {width: 100%; opacity: 1;}
    10% {width: 0vw; opacity: 1;}
    28% {width: 0vw; opacity: 1;}
    33.33% {width: 0vw; opacity: 1;}

    80% {width: 0vw; opacity: 0;}
    90% {width: 0vw; opacity: 0;}
    100% {width: 0vw; opacity: 0;}
}
@keyframes paychargnexleft3 {
    0% {top: 53%; transform: translate(-160%, -250%); opacity: 0;}
    5% {top: 53%; transform: translate(-160%, -58%); opacity: 1;}
    10% {top: 53%; transform: translate(0%, -58%); opacity: 1;}
    28% {top: 53%; transform: translate(0%, -58%); opacity: 1;}
    33.33% {top: 53%; transform: translate(0%, 140%); opacity: 1;}

    80% {top: 53%; transform: translate(0%, 140%); opacity: 0;}
    90% {top: 53%; transform: translate(-160%, -50%); opacity: 0;}
    100% {top: 53%; transform: translate(-160%, -250%); opacity: 0;}
}
@keyframes paychargnexright3 {
    0% {top: 50%; transform: translate(-160%, 250%); opacity: 0;}
    5% {top: 50%; transform: translate(-160%, -53%); opacity: 1;}
    10% {top: 50%; transform: translate(0%, -53%); opacity: 1;}
    28% {top: 50%; transform: translate(0%, -53%); opacity: 1;}
    33.33% {top: 50%; transform: translate(0%, 140%); opacity: 1;}

    80% {top: 50%; transform: translate(0%, 140%); opacity: 0;}
    90% {top: 50%; transform: translate(-160%, -53%); opacity: 0;}
    100% {top: 50%; transform: translate(-160%, 250%); opacity: 0;}
}

/**/
.contact-banner .home-slider .item img{
    height: auto;
}
.contact-banner .home-slider .item:before {display: none;}
.contact-banner .home-slider .caption p{
    color: #888888 !important;
}
.contact-banner .home-slider .caption{
    top: 31%;
}
.contact-banner .home-slider .caption .common-btn{
    margin: 0 auto;
    margin-top: 0.926vw;
}
.contact-banner .home-slider .caption h1{
    color: #1876F4 !important;
    text-align: center;
    font-size: 4.167vw;
}
.contact-form .contact-statement{
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 0.833vw;
}
.contact-banner .home-slider .caption{
    top: 37% !important;
    left: 50%;
    transform: translateX(-50%);
}
.contact-banner .home-slider .caption p{text-align: center;}
.chargnex-core .row {
    display: flex;
    flex-wrap: wrap;
}
.chargnex-core .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.circle-box h2 {
    color: #1876F4;
    margin-bottom: 0;
    font-size: 1.875vw;
}
.circle-box p {
    font-size: 1.875vw;
    line-height: 2.604vw;
    color: #1876F4;
    font-weight: 100;
    margin-bottom: 0;
    text-align: center;
}
.circle-box p img {
    margin-right: 3px;
    width: 23px;
    height: 23px;
}
.circle-box {
    width: 10.417vw;
    height: 10.417vw;
    border: 1px dashed #ccc;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    margin: 0 auto 20px;
    background: #fff;
}
.hidden-img {
    position: absolute;
    bottom: -81%;
    transition: all 0.6s;
}
.quick-charge-single h5{
    color: #1876F4;
    font-size: 1.25vw;
    line-height: 1.667vw;
    font-weight: 500;
}
.quick-charge-single .text-box p {
    color: #aaaaaa;
    margin-bottom: 0;
    width: 75%;
    margin: 0 auto;
    font-size:0.938vw;
    line-height: 1.354vw;
}
.quick-charge-single:hover .hidden-img, .quick-charge-single.animate .hidden-img {
    bottom: 0;
}
.quick-charge-single.halfanimate .hidden-img {
    bottom: -100%;
}
.quick-charge-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.quick-charge-single{
    position: relative;
}
.quick-charge-single::before {
    position: absolute;
    content: "";
    background: url(../images/payment-line-down.svg) no-repeat;
    height: 100%;
    width: 100%;
    top: -20%;
    left: 78%;
    background-size: 48% 100%;
}
.quick-charge-single:nth-child(2)::before {
    position: absolute;
    content: "";
    background: url(../images/payment-line-up.svg) no-repeat;
    height: 100%;
    width: 100%;
    top: -25% !important;
    left: 76%;
    background-size: 43% 90%;
}
.quick-charge-single:nth-child(4)::before{
    display: none;
}
.software-banner#inner-banner .caption {
    top: 47%;
}
.chargnex-core .container{
    max-width: 1453px;
}
.compatibility-wrapp{
    position: relative;
}
.compatibility-wrapp .xicon {
    width: 19.132vw;
    margin: 0 auto;
    position: absolute;
    top: -13%;
    left: 50%;
    transform: translateX(-50%);
}
#compatibility .row {
    padding: 0px 4.9vw;
}
.social a {
    display: inline-block;
    width: 8%;
}
.hardware-solutions .first-section-title-wrapp>img{
    z-index: -2;
}
#compatibility.payment-cards .compcard .compcard-content p br{
    display: none;
}
.charging-software{
    padding: 6.921vw 4.431vw 6.614vw;
}
#main-product.first-section .first-section-title-wrapp>img{
    top: 0%;
}
#main-product.first-section.payment-usp-wrapp .first-section-title-wrapp>img{
    top: -1%;
    width: 21.132vw;
}

.hardware-solutions .first-section-title-wrapp>img {
    top: 0%;
}
.big-box2 {
    margin-top: -19vw;
}

#cta-section {margin: 0 0 10.938vw; position: relative; padding-top: 5.833vw;}
#cta-section a.common-btn {
    background: linear-gradient(145deg, #1876F4, #4A97FF);
    color: #fff;
    margin: 3.125vw auto 0;
    box-shadow: 0 0 6px 0 #ffffffb3;
    border: 1px solid #ffffffb3;
    text-transform: capitalize;
    font-size: 0.833vw;
    font-weight: 400;
    letter-spacing: calc(1.058vw* -0.04);
    height: auto;
    width: fit-content;
    padding: 0.781vw 2.448vw;
    border-radius: 5.754vw;
}
#cta-section img {position: absolute;}
#cta-section #cta-line1 {top: -3%; right: 21.25%; width: 19.557vw;}
#cta-section #cta-line2 {top: 53%; left: 14.25%; width: 25.391vw;}
#cta-section #cta-line3 {top: 68%; right: 17.25%; width: 22.161vw;}
#error-img {width: 7%;}

.btm-strip .col-6 p.text-right, .btm-strip .col-6 p.text-right a {
    font-size: 13px;
}