html {
  scroll-behavior: smooth;
}
body {font-family: "Poppins", sans-serif; line-height: 1.7; color: #868686; font-weight: 300; font-size: 1.1rem; overflow-x: hidden; position: relative; margin: 0; padding: 0;transition: all 0.4s;}
a:hover {text-decoration: none;}

@media (min-width: 1200px) {
  .container {max-width: 1440px;}
}

p, ul li {font-size: 16px; font-weight: 500; color: #3c3c3c; position: relative; list-style-type: none;}

:root {
  --themeColor: linear-gradient(90deg, #1ee1d1 0%, #3583d5 100%);
  --text-sec-color: #3583d5;
}

ul.liarrow {margin: 0; padding: 0;}
ul.liarrow li {padding-left: 20px;}
ul.liarrow li::before {content: '\f101'; position: absolute; top: -4px; left: 0; font-family: 'fontAwesome'; font-size: 18px; color: #3c3c3c;}

.action-btn {font-size: 14px; font-weight: 500; text-transform: uppercase; text-align: center; position: relative; padding: 7px 30px 7px 30px; border: 0px #000 solid; border-radius: 10px; cursor: pointer; transition: 0.25s;}

.primary-btn {background: var(--themeColor); color: #FFF; border: 1px #ddd solid;}
.primary-btn:hover, .primary-btn:focus {--color: #FFF; --hover: #FCA338; border-color: var(--hover); color: #fff; box-shadow: inset 0 -3.25em 0 0 var(--hover);}

.secondary-btn {background: #FCA338; color: #FFF; border: 1px #FCA338 solid;}
.secondary-btn:hover, .secondary-btn:focus {--color: #FFF; --hover: #244572; border-color: var(--color); color: #fff; box-shadow: inset 0 -3.25em 0 0 var(--hover);}

.white-btn {background: #FFF; color: #000;}
.white-btn:hover, .white-btn:focus {--color: #FFF; --hover: #000; border-color: var(--color); color: #fff; box-shadow: inset 0 -3.25em 0 0 var(--hover);}

.dark-btn {background: #455a64; color: #FFF;}
.dark-btn:hover, .dark-btn:focus {--color: #FFF; --hover: #244572; border-color: var(--hover); color: #fff; box-shadow: inset 0 -3.25em 0 0 var(--hover);}

.outline-btn {background: transparent; color: #000; border: 2px var(--text-sec-color) solid;}
.outline-btn:hover, .outline-btn:focus {--color: #000; --hover: #25D366; border-color: var(--color); color: #000;}

.pricing-btn {background: #FFF2E4; color: #FCA338; border: 0px #ddd solid; height: 50px; padding: 15px 30px 15px 30px; box-shadow: inset 0 -3.8em 0 0 var(--hover);}
.pricing-btn:hover, .pricing-btn:focus {--color: #FFF; --hover: #FCA338; border-color: var(--hover); color: #fff; }

header {width: 100%; padding: 10px 80px; position: fixed; top: 63px; z-index: 2; transition: ease all 0.3s;}
header.sticky {position: fixed; top: 0; background: #FFF; box-shadow: 0px 0px 5px 0px #ccc; transition: ease all 0.3s;}

.topLine {background: var(--themeColor); font-size: 14px; font-weight: 500; text-align: center; color: #FFF; padding: 20px 0px;}

.topLine .container {display: flex; justify-content: space-between;}
.topHeader {display: flex; align-items: center; justify-content: space-between; column-gap: 20px;}
.topHeader .logo {width: 250px;}
.topBtn {display: flex; column-gap: 20px;}
.topLine .container a {color: #FFF; margin-left: 20px;}
.topLine .container a .fa {margin-right: 5px;}

.banner-animated-heading {
  min-width: 400px;
  max-width: 400px;
  height: 170px;
}
.banner-animated-heading h1 {
  font-size: 130px;
font-weight: 600;
color: #000; margin: 0;}

/* Desktop Navigation */
.main-nav, .main-nav * { margin: 0px 0px; padding: 0; list-style: none;}
.main-nav>ul>li { position: relative; white-space: nowrap; float: left;}
.main-nav a { display: block; position: relative; color: #000; padding: 20px 19px; transition: 0.3s; font-size: 15px; font-weight: 500;}
.main-nav a:hover, .main-nav .active>a, .main-nav li:hover>a {color: #000; text-decoration: none;}
.sticky .main-nav a {color: #000;}
.sticky .main-nav a:hover, .sticky .main-nav .active>a, .sticky .main-nav li:hover>a {color: #000000;}
.main-nav .drop-down ul {display: block; position: absolute; left: 0; top: calc(100% + 10px); z-index: 99; opacity: 0; visibility: hidden; padding: 0px 0; background: #fff; box-shadow: 0px 15px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s;}
.main-nav .drop-down:hover>ul {opacity: 1; top: 60px; visibility: visible;}

.main-nav .drop-down>ul.megaul {width: 700px; display: flex; flex-wrap: wrap;}
.main-nav .drop-down>ul.megaul li {width: 50%;}

.main-nav .drop-down ul li.more-tax-tools {width: 100% !important; background: #244572; text-align: center;}
.main-nav .drop-down ul li.more-tax-tools a {color: #FFF;}

.main-nav .drop-down>ul.megaul.guideul {width: 440px; column-gap: 20px;}
.main-nav .drop-down>ul.megaul.guideul li {width: 100%;}
.main-nav .drop-down>ul.megaul.guideul li.guideBox {width: 47%;}
.main-nav .drop-down>ul.megaul.guideul li.guideBox ul {opacity: 0; visibility: hidden; position: static; box-shadow: 0px 0px 0px 0px #CCC;}

.main-nav .drop-down:hover ul.megaul.guideul li.guideBox ul {opacity: 1; visibility: visible;}

/* .main-nav a:hover .main-nav .drop-down>ul.megaul.guideul li.guideBox {display: block;} */

.main-nav .drop-down ul a i {margin-right: 10px; position: absolute; top: 14px; left: 20px;}

.main-nav .drop-down ul h3 a {font-size: 16px; color: #000; font-weight: 600; padding: 10px 15px; border-bottom: 1px #CCC solid;}
.main-nav .drop-down li {min-width: 210px; position: relative;}
.main-nav .drop-down ul a {padding: 10px 15px 10px 35px; white-space: normal; font-size: 13px; color: #333; border-bottom: 1px #eee solid;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active>a, .main-nav .drop-down ul li:hover>a {color: #FFF; background: #244572;}
.main-nav .drop-down>a:after {content: "\f107"; font-family: FontAwesome; padding-left: 5px;}
.main-nav .drop-down .drop-down ul {top: 0; left: calc(100% - 30px);}
.main-nav .drop-down:hover>ul {opacity: 1; top: 65px; left: 0%;}
.main-nav .drop-down .drop-down:hover ul {top: 0; left: calc(100% - 30px);}
.main-nav .drop-down>a {padding-right: 35px;}
.main-nav .drop-down>a:after {content: "\f107"; position: absolute; right: 15px;}
/* Mobile Navigation */
.mobile-nav {position: fixed; top: 0; bottom: 0; z-index: 9999; overflow-y: auto; left: -260px; width: 260px; padding-top: 18px; background: rgb(53, 131, 213, 0.7); transition: 0.4s;}
.mobile-nav * {margin: 0; padding: 0; list-style: none;}

.mobile-nav .drop-down ul h3 {font-size: 16px; color: #000; font-weight: 600; padding: 10px 15px; border-bottom: 1px #CCC solid;}

.mobile-nav a {display: block; position: relative; color: #fff; font-weight: 400; padding: 10px 20px; font-weight: 400;}
.mobile-nav a:hover, .mobile-nav .active>a, .mobile-nav li:hover>a {color: #FFF; text-decoration: none;}
.mobile-nav .drop-down>a:after {content: "\f107"; font-family: FontAwesome; padding-left: 10px; position: absolute; right: 15px;}
.mobile-nav .active.drop-down>a:after {content: "\f106";}
.mobile-nav .drop-down>a {font-size:15px; padding-right: 35px;}
.mobile-nav a {font-size:15px;}
.mobile-nav a i {margin-right: 5px;}
.mobile-nav .drop-down ul h3 {color: #FFF;}
.mobile-nav .drop-down ul {display: none; overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle {position: fixed; right: 15px; top: 100px; z-index: 11001; border: 0; background: none; font-size: 24px; transition: all 0.4s; outline: none !important; line-height: 1; cursor: pointer; text-align: right;}
.mobile-nav-toggle i {margin: 20px 10px 0 0; color: #FFF;}
.mobile-nav-overly {width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: rgba(19, 39, 57, 0.8); overflow: hidden; display: none;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
.humburger {background: url('../images/humburger-close.png') no-repeat; background-size: cover; width: 24px; height: 23px; display: block;}
.humburgerOpen {background: url('../images/humburger-menu.png') no-repeat; background-size: cover; width: 34px; height: 21px; display: block;}

.desktopbtn {display: none !important;}
.mobileview {display: none;}

.banner {min-height: 650px; position: relative; display: flex; justify-content: center; align-items: center; padding-top: 70px;}
.banner::after{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('../images/banner-bg.png') no-repeat; background-size: cover; background-position: bottom;}
.banner .container {z-index: 1;}

.bannersubBox {margin: 50px 0px;}
.banner .row .col-md-6:nth-of-type(1) .bannersubBox {width: 100%; max-width: 600px;}
.bannersubBox h2 {font-size: 38px; font-weight: 800; color: #282828;}
.bannersubBox h2 span {color: #3583d5; display: block;}
.bannersubBox p {font-size: 18px; color: #282828;}
.bannersubBox img {width: 100%;}

.innerbanner .bannerBox h1 {font-size: 22px; margin: 20px 40px 20px 0px; background: #eee; color: #000; padding: 20px; border-radius: 5px;}

.section-title {width: 100%; max-width: 1180px; text-align: center; margin: 0px auto;}
.section-title h2 {font-size: 40px; font-weight: 600; color: #282828;}
.section-title h2 span {color: var(--text-sec-color);}
.section-title p {font-size: 22px; font-weight: 400; color: #000;}
.section-title h2 span.subtitle {font-size: 24px;}

.brandStrip {padding: 50px 0px 50px 0px;}
.brandStrip .section-title {margin: 0px auto 50px auto;}
.strip-con {display: flex; flex-wrap: wrap; justify-content: center; column-gap: 10px;}
.strip-img {width: 201px; height: 103px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; padding: 0px; border: 1px #DEDEDE solid;}
.strip-img img {width: auto; filter: grayscale(1);}

.bestBox {padding: 0px 30px;}
.bestBoxCon {padding: 50px 0px;}
.bestBoxCon img {width: 100%;}
.smscontainer {background: #E4F7FF; padding: 50px 0px;}

.bestBox .section-title h2 {font-size: 30px;}
.bestBox .section-title h2 span {display: block; font-size: 42px; font-weight: 800; text-transform: uppercase;}


.h-about-container {background: url('../images/h-about-bg.png') no-repeat #E4F7FF; background-size: contain; background-position: bottom left;}
.h-about-container img {width: 100%;}

.h-about-box {margin: 0px 0px 0px 0px; display: flex; ;flex-direction: column; width: 83%; height: 100%; justify-content: center; margin-left: auto;}
.h-about-box h2 {font-size: 36px; font-weight: 700; color: #282828;}
.h-about-box h2 span {color: var(--text-sec-color);}
.h-about-box span {font-weight: 600; color: var(--text-sec-color); text-transform: uppercase; margin: 10px 0px;}
.h-about-box p {color: #353535;}

.testimonialsCon {padding: 50px 0px;}


/* other slider */
.otheritems {
  background: #F5FCFF;
  background: linear-gradient(180deg, rgba(245, 252, 255, 1) 0%, rgba(197, 238, 255, 1) 100%);
  padding: 30px 0px 30px 30px;
  border-radius: 30px;
  box-shadow: 0px 5px 5px 0px #ccc;
  margin: 20px 0px;
}


.otheritems.slider1 {
  background: #F5FCFF;
  background: linear-gradient(180deg, rgba(245, 252, 255, 1) 0%, rgba(197, 238, 255, 1) 100%);
}
.otheritems.slider2 {
  background: #FFFDF6;
  background: linear-gradient(180deg, rgba(255, 253, 246, 1) 0%, rgba(255, 231, 197, 1) 100%);
}
.otheritems.slider3 {
  background: #EBFFF3;
  background: linear-gradient(180deg, rgba(235, 255, 243, 1) 0%, rgba(192, 255, 216, 1) 100%);
}


.owl-carousel.ourotherslider .owl-item img {
  width: 100%;
}

.ourotherslider .item {
  opacity: 0.4;
  margin: 0 20px;
  transform: scale(0.9);
  transition: transform 0.6s ease, opacity 0.6s ease;
}

/* Zoom effect for the active centered item */
.ourotherslider .owl-item.active.center .item {
  opacity: 1;
  transform: scale(1.09);
}

/* Fallback for single-item view */
.ourotherslider .owl-item.active .item {
  opacity: 1;
  transform: scale(1.09);
}

/* Responsive adjustments */
@media (max-width: 1000px) {
  .ourotherslider .item {
    margin: 0;
    transform: scale(0.9);
  }
}

.ourotherslider .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  padding: 20px 0px;
}

.ourotherslider .black .inner a {
  color: #000;
  border-color: rgba(0, 0, 0, 0.4);
}

.ourotherslider .black .inner a:hover {
  border-color: #000;
}

.ourotherslider .owl-nav {
  display: flex;
  justify-content: space-around;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.ourotherslider .owl-nav .owl-prev,
.ourotherslider .owl-nav .owl-next {
  width: 63px;
  height: 40px;
  pointer-events: auto;
}

.otheritems .section-title h2 {
  font-size: 23px;
}


.ourproductsslider {margin: 0px 0px;}
.ourproductsslider .item{opacity:0.4; transition:.4s ease all; margin:0 20px; transform:scale(1);}
@media(max-width:1000px){
  .ourproductsslider .item{margin:0; transform:scale(.9)}
}
.ourproductsslider .active .item{opacity:1; transform:scale(1);} 
.ourproductsslider .owl-item {-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0);}
.ourproductsslider .black .inner a{color:#000; border-color:rgba(0,0,0,0.4)}
.ourproductsslider .black .inner a:hover{border-color:#000;}
.ourproductsslider .owl-nav {display: flex; justify-content: space-around; position: absolute; width: 100%; top: 50%;}
.ourproductsslider .owl-nav .owl-prev,
.ourproductsslider .owl-nav .owl-next {width: 63px; height: 40px;}
/* .ourproductsslider .owl-nav .owl-prev {transform: rotate(180deg);} */
.testimonialsBox {width:100%; max-width: 900px; text-align: center; margin: 0px auto; padding: 60px;}
.owl-carousel .owl-item img {width: 100px; margin: 0px auto 20px auto;}
.testimonialsBox p {font-style: italic;}
.testimonialsBox .author-name span:nth-of-type(1) {font-size: 16px; color: #000; font-weight: 600; display: block;}
.testimonialsBox .author-name span:nth-of-type(2) {font-size: 14px; color: var(--text-sec-color); font-weight: 400;}

.brandStrip {padding: 50px 0px 50px 0px;}
.brandStrip .section-title {margin: 0px auto 50px auto;}
.strip-con {display: flex; flex-wrap: wrap; justify-content: center; column-gap: 10px;}
.strip-img {width: 201px; height: 103px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; padding: 0px; border: 1px #DEDEDE solid;}
.strip-img img {width: auto; filter: grayscale(1);}

.faqsection {padding: 25px 0px;}
.faqBox {position: relative; z-index: 1;}
.faqBox .section-title {margin-bottom: 20px;}
.faqsection .faq-drawer {margin-bottom: 20px; padding: 20px; background: #FFF; border-radius: 30px; border: 1px #DCDCDC solid;}
.faqsection .faq-drawer__content-wrapper {font-size: 1.25em; line-height: 1.4em; max-height: 0px; overflow: hidden; transition: 0.25s ease-in-out;}
.faqsection .faq-drawer__title {cursor: pointer; display: block; font-size: 14px; font-weight: 600; color: #000; padding: 0; position: relative; margin-bottom: 0; border-radius: 30px; transition: all 0.25s ease-out;}
.faqsection .faq-drawer__title::after {border-style: solid; border-width: 2px 2px 0 0; content: " "; display: inline-block; float: right; height: 10px; left: 2px; position: relative; color: #00ab6c; right: 20px; top: 2px; transform: rotate(135deg); transition: 0.35s ease-in-out; vertical-align: top; width: 10px;}

/* OPTIONAL HOVER STATE */
.faqsection .faq-drawer__title:hover {color: #4E4B52;}

.faqsection .faq-drawer__trigger:checked
  + .faq-drawer__title
  + .faq-drawer__content-wrapper {max-height: 350px;}

.faq-drawer__content p {font-size: 14px; font-weight: 400; line-height: 22px; color: #000; margin: 0;}
.faqsection .faq-drawer__trigger:checked + .faq-drawer__title::after {transform: rotate(-45deg); transition: 0.25s ease-in-out;}
.faqsection input[type="checkbox"] {display: none;}
.boxIcon {position: absolute; right: 0; top: 40%; background: #FFF; padding: 15px; border-radius: 15px; box-shadow: 0px 0px 10px 0px #ccc;}
.boxIcon img {width: 30px;}
.boxIcon.smsicon {left: 0px; right: auto;}

/* Privacy policy */

.innerbanner.banner.privacy-policy-section {min-height: 170px; text-align: center; margin-top: 85px;}

.innerbanner.banner.privacy-policy-section::before {content: ''; width: 107px; height: 195px; position: absolute; top: auto; bottom: 0; right: 0; background: url(../images/servicesBox-after.png) no-repeat; background-size: cover; background-position: bottom; opacity: 1; -webkit-transform: scaleX(-1); transform: scaleX(-1);}

.innerbanner.banner.privacy-policy-section::after {content: ''; width: 107px; height: 195px; position: absolute; top: auto; bottom: 0; right: 0; background: url(../images/servicesBox-after.png) no-repeat; background-size: cover; background-position: bottom; opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1);}

.innerbanner.banner.privacy-policy-section h1 {font-family: "Inria Serif"; font-size: 36px; font-weight: 600; color: #244572;}
.innerbanner.banner.privacy-policy-section h1 span {color: #FCA338;}
.privacy-policy {margin: 20px 0px; padding: 0px 0px;}
.privacy-policy h2 {font-size: 16px; font-weight: 600; color: #000;}
.privacy-policy h3 {font-size: 14px; font-weight: 500; color: #000; margin-left: 15px;}
.privacy-policy h3 + p {margin-left: 15px;}
.privacy-policy p {font-size: 14px; font-weight: 400; color: #555454; text-align: left;}
.privacy-policy ul {}
.privacy-policy ul li, .privacy-policy ol li {list-style-type: disc;font-size: 14px; font-weight: 400; color: #555454;}
.privacy-policy strong {font-weight: 500; color: #000;}
.privacy-policy img {margin: 20px 0px;}
.privacy-policy table th {font-size: 16px; font-weight: 600; color: #000;}
.privacy-policy table td {font-size: 14px; font-weight: 400; color: #000;}

/* Privacy policy */

.footerBottom {padding: 50px 0px;}
.callUs {min-height: 170px; padding: 20px; border-radius: 10px; border: 5px var(--text-sec-color) solid;}
.callUs span {font-size: 14px; font-weight: 500; color:var(--text-sec-color);}
.callUs p {font-size: 14px; font-weight: 400; color: #000;}
.callUs h3 {font-size: 18px; font-weight: 600; color: #000; margin: 0;}
.callUs small {font-size: 12px; font-weight: 400; color: #000;}
.writeUs {text-align: left;}

.faqsection {padding: 50px 0px 0px 0px;}

.weOffer {background: var(--themeColor); padding: 50px 0px;}
.featureBoxCon {display: flex; column-gap: 10px;}
.weOffer .featureBox {background: url('../images/featureBox-bg.png') no-repeat; background-size: contain; background-position: center; text-align: center; position: relative; border-radius: 30px; margin: 15px 0px; padding: 20px; width: 100%;}
.weOffer .featureBox span {font-size: 14px; font-weight: 500; line-height: 18px; color: #000; display: block; margin: 0px auto;}
.weOffer .featureBox img {width: 70px; height: 70px; object-fit: contain; margin: 10px 0px;}

footer {background: #E4F7FF; background: linear-gradient(180deg, #E4F7FF 0%, rgba(255, 255, 255, 1) 100%);}
.top-footer { padding: 20px 10px; display: flex; justify-content: center; column-gap: 30px;}
.top-footer img {width: 300px;}
.top-footer a {color: #FFF; font-size: 22px;}
.top-footer a img {margin-right: 10px;}
footer .middle-footer {}

footer .middle-footer {display: flex; flex-wrap: wrap; padding: 50px;}
footer .middle-footer .middleBox {width: 20%; margin-bottom: 30px;}
footer .middle-footer .middleBox:nth-of-type(3) {width: 60%;}
footer .middle-footer .middleBox:nth-of-type(3) ul.middleBoxl {display: flex; flex-wrap: wrap; column-gap: 20px;}
footer .middle-footer .middleBox:nth-of-type(3) ul.middleBoxl li {width: 47%;}
footer .middle-footer .middleBox h3 {font-size: 18px; font-weight: 600; color: #000;}
footer .middle-footer .middleBox h3 a {font-size: 18px; font-weight: 600; color: #000;}
footer .middle-footer .middleBox ul {margin: 0; padding: 0;}
footer .middle-footer .middleBox ul li {list-style-type: none;}
footer .middle-footer .middleBox ul li a {font-size: 14px; font-weight: 500; color: #7c7c7c; transition: all 0.4s;}
footer .middle-footer .middleBox ul li a:hover {color: #000; padding-left: 10px; transition: all 0.4s;}
footer .middle-footer .middleBox ul li a i {margin-right: 10px;}
.copyright { text-align: center; padding: 10px 0px;}
.copyright ul {margin: 0; padding: 0;}
.copyright ul li {list-style-type: none; display: inline; margin: 0px 10px;}
.copyright ul li a {font-size: 14px; font-weight: 500; color: #353535;}
.copyright p {font-size: 14px; font-weight: 500; color: #353535; margin: 20px 0px 0px 0px;}
.copyright ul li a:hover {color: #353535;}

.back-to-top{margin: 0 !important; padding: 0 !important; background: #fff; height: 0px; width: 0px; overflow: hidden; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; color: transparent; clear: both; visibility: hidden; position: fixed; cursor: pointer; display: block; border: none; right: 30px; bottom: 50px; font-size: 0px;  outline: 0 !important; z-index: 99; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.back-to-top:hover, .back-to-top:active, .back-to-top:focus{outline: 0 !important;}
.back-to-top::before, .back-to-top::after {content: ""; display: block; vertical-align: middle; border-bottom: solid 10px var(--text-sec-color); border-left: solid 10px transparent; line-height: 0; border-right: solid 10px transparent; height: 0; margin: 18px auto 0; width: 0; border-radius:20px; visibility: hidden;}
.back-to-top.show::after, .back-to-top.show::before{visibility: visible;}
.back-to-top::after {border-bottom-color:#fff; position: relative; top:-24px;}
.back-to-top.show {display: block; background: #fff; color: #00ab6c; font-size: 25px; right: 25px; bottom: 50px; height: 50px; width: 50px; visibility: visible; box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);}
.back-to-top.show:active {box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);}

.wallet-icon {background: #25d366; font-size: 16px; font-weight: 500; color: #FFF; display: flex; align-items: center; column-gap: 5px; padding: 5px 10px; border-radius: 5px;}
.wallet-icon img {width: 25px;} 

ul.liarrow {margin: 0; margin-bottom: 10px; padding: 0;}
ul.liarrow li {padding-left: 20px;}
ul.liarrow li::before {content: '\f101'; position: absolute; top: -4px; left: 0; font-family: 'fontAwesome'; font-size: 18px; color: #3c3c3c;}



.marquee-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
}
.marquee-wrap,
.marquee-wrap ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}

/* .marquee-wrap ul:nth-of-type(1) {} */
/* .marquee-wrap ul:nth-of-type(2) {background: blue;} */

.marquee-wrap > li {
  display: flex;
  align-items: center;
  width: var(--scroller-size);
  will-change: transform;
  animation: text-scroller 15000ms linear 0ms normal infinite;
  text-indent: 0;
  justify-content: space-around;
  -webkit-transition: all 3000ms linear 0ms;
  -moz-transition: all 3000ms linear 0ms;
  -ms-transition: all 3000ms linear 0ms;
  -o-transition: all 3000ms linear 0ms;
  transition: all 3000ms linear 0ms;
  white-space: nowrap;
}
@keyframes text-scroller {
  100% {
    transform: translateX(calc(var(--scroller-size)*-0.5));
  }
}

.marquee-wrap > li:nth-child(1) ul {
  /* background: rgb(28,235,209); background: linear-gradient(180deg, rgba(28,235,209,1) 0%, rgba(2,61,235,1) 100%);} */
}

.marquee-wrap > li:nth-child(1) {
  color: #FFF;
}


.marquee-wrap > li:nth-child(2) ul {
  /* background: rgb(28,235,209); background: linear-gradient(180deg, rgb(41, 41, 41) 0%, rgb(5, 5, 5) 100%);} */
}

.marquee-wrap > li:nth-child(2) {
  animation-direction: reverse;
  color: #FFF;
}
.marquee-wrap > li > ul li {
  display: inline-block;
  padding: 20px 30px;
  font-size: 36px;
}


:root {
  --scroller-size: 150vw;
}
@media only screen and (max-width: 600px) {
  :root {
    --scroller-size: 500vw;
  }
}

/* login */

.login {background: var(--themeColor);}
.login::after {background: url('../images/login-bg.png') no-repeat; background-size: cover;}

.login-form p {margin-bottom: 10px;}
.loginField {display: flex; align-items: center; background: #F6F6F6; padding: 5px 20px; position: relative; border-radius: 5px;}
.loginField > div:nth-of-type(1) {width: 50px;}
.loginField > div:nth-of-type(1) img {width: 30px;}
.loginField label {font-size: 12px; color: #333; margin: 0;}
.loginField > div:nth-of-type(2) {width: 100%;}
.loginField input {font-size: 15px; font-weight: 500; color:#FFF; background: transparent; height: auto; padding: 0; border: 0px #000 solid;}
.loginField input:focus { background: transparent !important; box-shadow: 0px 0px 0px #000 !important;}
.loginBtn {background: #262b49; color: #FFF; border-radius: 30px; border: 1px #373f72 solid;}
.loginBtn:focus {background: #262b49 !important; color: #FFF !important;}

/* login */

.buy-now {background: #fff; padding: 20px; border-radius: 20px; box-shadow: 0px 0px 5px 0px #ccc;}
.buy-nowcontainer {background: #e4f6fe; padding-top: 120px;}
.buy-nowcontainer .section-title {max-width: 100%; padding: 0px 15px;}
.buy-nowcontainer .form-control {height: auto; padding: 15px 15px;}

.innerpagebanner {margin-top:130px; padding:35px 0px; }
.innerpagebanner h1 {font-size: 54px; color: #3583d5; line-height: 48px; font-weight: 600;}
  
.innerpagebanner + .buy-nowcontainer {padding-top: 50px; padding-bottom: 50px;}
  
  .card-content h3 {font-size: 18px; color: #000; font-weight: 500; margin-top: 0px;}
  .card-content ol, .card-content ul {margin: 0; padding: 0;}
  .card-content ol li, .card-content ul li {font-size: 14px; font-weight: 400; margin: 0; padding:5px 25px 5px 15px; color: #000; position: relative;}
  .card-content ul li::before {content: ''; position: absolute; top: 13px; left: 0; background: #ef7640; border-radius: 50%; width: 8px; height: 8px;}
  .card-content p {width :100%; font-size: 14px; font-weight: 400; color: #000; margin:0px; padding: 5px 0px;}
  .card-content table {width:100%; margin: 10px 0px; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
  .card-content table tr th {min-width:100px; font-size: 16px; font-weight: 500; color: #FFF; vertical-align: top; background: #ef7640; padding: 10px; border: 1px #eee solid;}
  .card-content table tr td {min-width:100px; font-size: 14px; font-weight: 400; color: #000; padding: 10px; border: 1px #eee solid;}

.buy-now-pop-up {width:100%; max-width:500px; background:#fff; margin:20px; padding:20px; border-radius:10px; box-shadow: 0px 0px 5px 0px #CCC;}
.buy-now-pop-up h2 {font-size:24px; font-weight:600; color:#FFF; background: var(--themeColor); padding:10px; text-align: center;}

  .buy-now-pop-up .modal-title {font-size:18px; color:#000}
  .modal-header .close {position: absolute; right: -15px; background: #3583d5; top: -15px; opacity: 1; color: #FFF; width: 30px; height: 30px; border-radius: 25px; font-weight: 400; margin: 0; padding: 0;}
  .modal-header .close span {font-weight: 400;}
  .buy-now-pop-up label {font-size:14px; font-weight:500; color:#000; margin-bottom:0px;}
  .buy-now-pop-up input, .buy-now-pop-up select, .buy-now-pop-up textarea {height: auto; font-size:14px; padding:10px !important;}
  .buy-now-pop-up label span {color: #ff0000;}
  .querycontent img {width:100%;}

  
.thankyoucontainer {width: 100%; height: 100vh; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.thankyoucontainer::before { content: ''; position: absolute; top: 100px; left: 0; width: 450px; height: 500px; background: url('../images/before.png') no-repeat; background-size: cover;}
.thankyoucontainer::after { content: ''; position: absolute; top: 100px; right: 0; width: 350px; height: 500px; background: url('../images/after.png') no-repeat; background-size: cover;}
.thankyoucontainer {}
.thankyoubox {width: 100%; max-width: 1024px; text-align: center;}
.thankyoucontainer img {width: 100%; max-width: 600px;}
.thankyoucontainer h1 {font-size: 48px; font-weight: 900; color: #000; margin: 20px 0px;}
.thankyoucontainer h2 {font-size: 20px; font-weight: 500; color: #D821FF; margin: 20px 0px;}
.thankyoucontainer p {font-size: 14px; font-weight: 400; color: #000; margin: 20px 0px;}

.parsley-errors-list .parsley-required, .parsley-errors-list .parsley-custom-error-message {font-size: 12px; font-weight: 500; color: #ff0000; list-style-type: none;padding: 0;}
.parsley-errors-list li:before {display: none;}

@media (min-width: 320px) and (max-width: 767px) {
  .topLine {display: none;}
  .desktopbtn {display: block !important; margin: 5px 20px; }
  header {width:100%; position: fixed; z-index: 3; padding: 0; top: 0px;}
  .topHeader {display: flex; align-items: flex-start; column-gap: 20px; padding-top: 100px; padding-bottom: 20px;}
  .topBtn {display: flex; column-gap: 20px; position: absolute; width: 100%; justify-content: space-between; left: 0; top: 0; padding: 20px 20px; border-bottom: 1px #51DAB3 solid;}
  .logo {width: 200px;}
  .banner-animated-heading {min-width: 320px; max-width: 320px; height: 75px;}
  .banner-animated-heading h1 {font-size: 60px;}
  .mobile-nav-active .mobile-nav-toggle {top: 15px; right: 25px;}
  .topHeader .action-btn {width:100%; padding: 5px 20px; border-radius: 5px;}
  .topBtn {display: flex; column-gap: 5px; width: auto; position: static; padding: 10px 50px 10px 0px; border-bottom: 0px #000 solid;}
  .topHeader {align-items: center; padding-top: 20px; padding-left: 0px;}
  .mobile-nav-toggle {top: 27px;}
  .bannerContent {flex-direction: column;}
  .bannerContent .bannerBox:nth-of-type(1) {order: 2; margin-bottom: 10px;}
  .bannerContent .bannerBox:nth-of-type(2) {order: 1;}
  .bannerContent .bannerBox:nth-of-type(3) {order: 3;}
  .stepBox {flex-direction: column;}
  .stepBox > div {width: 100%; margin-bottom: 30px;}
  .stepBox::before {border-left: 2px dashed #FCA338; width: 1px; height: 90%; content: ''; position: absolute; top: 50px; left: 50%; z-index: -1;}
  .BestSubBox {flex-wrap: wrap;}
  .BestSubBox > div {width: 100%;}
  .bestBoxCon .row .col-md-4 img {width: 100%; margin: 20px 0px 0px 0px;}
  .refundConImg img {width: 100%;}
  .servicesCon::after {width: 100%;}
  .BenefitsSubBox > .BenefitsSubBox1:nth-of-type(1) > div:nth-of-type(1)::before, .BenefitsSubBox > .BenefitsSubBox1:nth-of-type(1) > div:nth-of-type(2)::before, .BenefitsSubBox > .BenefitsSubBox1:nth-of-type(3) > div:nth-of-type(1)::before, .BenefitsSubBox > .BenefitsSubBox1:nth-of-type(3) > div:nth-of-type(2)::before {display: none;}
  .BenefitsSubBox {flex-direction: column; margin: 20px 0px;}
  .BenefitsSubBox > .BenefitsSubBox1:nth-of-type(1) > div > div:nth-of-type(1) {order: 2; text-align: left;}
  .BenefitsSubBox > .BenefitsSubBox1:nth-of-type(1) > div > div:nth-of-type(2) {order: 1;}
  .bannerContent .bannerBox::after {display: none;}
  .banner {margin-top: 20px;}
  .bannersubBox img {margin-top: 20px;}
  .bannerContent .bannerBox {width: 100%; height: auto;}
  .BenefitsCon .BenefitsSubBox1:nth-of-type(1), .BenefitsCon .BenefitsSubBox1:nth-of-type(2), .BenefitsCon .BenefitsSubBox1:nth-of-type(3) {width: 100%;}
  footer .top-footer {flex-direction: column;}
  footer .middle-footer {padding: 20px 10px;}
  footer .middle-footer .middleBox, footer .middle-footer .middleBox:nth-of-type(3), footer .middle-footer .middleBox:nth-of-type(3) ul.middleBoxl li {width: 100%;}
  .bannerContent .bannerratingBox h2 {font-size: 18px;}
  .trustBox > div {display: flex; align-items: center;}
  .bannerContent .bannerBox img {width: 30px; margin: 0px 0px 0px 0px;}
  .trustBox h3 {font-size: 11px; margin: 0;}
  .bannerContent .bannersubBox img {margin: 10px 0px;}
  .bannerContent .bannerBox {padding: 20px;}
  .bannerContent .bannerBox h2 {font-size: 26px;}
  .bannerContent .bannerBox p {font-size: 16px;}
  .section-title h2 {font-size: 18px; margin-top: 20px;}
  .section-title p {font-size: 16px;}
  .refundtext {padding: 20px;}
  .refundtext h2 {font-size: 24px;}
  .refundtext p {font-size: 16px;}
  .serviceBox h3 {font-size: 22px;}
  .serviceBox {height: auto;}
  .serviceBox h3 br {display: none;}
  .strip-img {width: 30%; height: auto;}
  .strip-img img {width: 100%;}
  .brandStrip {padding: 20px 0px 30px 0px;}
  .BenefitsSubBox > .BenefitsSubBox1 > div {margin-bottom: 10px;}
  .top-footer .support {margin-bottom: 10px;}
  .top-footer .support img {width: 35px;}
  footer .top-footer a {font-size: 16px;}
  .stepBox > div:nth-of-type(1) {border-left: 2px #FCA338 solid;}
  .stepBox > div {border-right: 2px #FCA338 solid;}
  .bestBoxCon {padding: 0px 0px 20px 0px;}
  .servicesCon {padding: 50px 0px 0px 0px;}
  .BenefitsSubBox h2 {font-weight: 600;}
  .back-to-top.show {width: 35px; height: 35px; right: 10px; bottom: 10px;}
  .back-to-top::before, .back-to-top::after {margin: 12px auto 0;}
  .pricingTable {flex-direction: column;}
  .innerbanner::before {width: 100%;}
  .banner.innerbanner .bannerBox {padding: 0px;}
  form h1 {font-size: 16px; margin: 20px 0px;}
  .form-Subbox {width: 100%; display: block;}
  .radioBtn {width: 100px;}
  .radioBtn .check {left: 0;}
  .radioBtn label {padding: 0px 0px 0px 30px;}
  .consentBox {display: flex;}
  .consentBox label {width: 90%;}
  .consentBox input[type=checkbox] {margin: 7px .6em 0 0;}
  .iconBox {flex-wrap: wrap; column-gap: 15px;}
  .iconBox .box strong {font-size: 27px; font-weight: 600; line-height: 25px;}
  .iconBox .box {width: 45%; margin: 0px 0px 20px 0px;}
  ul.liarrow {margin-bottom: 10px;}
  .weOffer .featureBox {width: 48%;}
  .featureBoxCon {flex-wrap: wrap;margin-top: 20px;}
  .bannersubBox h2 {font-size: 24px; font-weight: 600;}
  .bestBox {padding: 0px 10px;}
  .boxIcon {right: 40%;}
  .boxIcon.smsicon {left: 40%;}
  .brandStrip .section-title {margin: 0px auto 20px auto;}
  .testimonialsCon {padding: 17px;}
  .testimonialsBox {padding: 20px 0px;}
  .h-about-box {width: 95%;}
  .smscontainer {padding: 20px 0px;}
  .faqsection {padding: 20px 0px 0px 0px;}
  .writeUs {margin-bottom: 10px;}
  .footerBottom {padding: 10px 0px 20px 0px;}
  .top-footer img {width: 200px; margin: 0px auto;}
  .ourproductsslider .owl-nav .owl-prev img, .ourproductsslider .owl-nav .owl-next img {width: 40px;}
  .ourproductsslider .owl-nav .owl-prev, .ourproductsslider .owl-nav .owl-next {width: auto;}
  .ourproductsslider .owl-nav .owl-prev {position: absolute; left: 0;}
  .ourproductsslider .owl-nav .owl-next {position: absolute; right: 0;}
  .bannersubBox h2 span {display: inline-block;}
  .topHeader .logo {width: 150px;}
  .wallet-icon {font-size: 14px; padding: 5px 5px;}
  .logoutbtn span {display: none;}
  .otheritems {padding: 30px 10px 30px 10px;}
  .otheritems .bestBox {padding: 0;}
  .innerpagebanner {margin-top: 100px; padding: 10px 0px;}
  .innerpagebanner h1 {font-size: 28px; line-height: 35px;}
  .innerpagebanner + .buy-nowcontainer {margin-top: 0; padding-top: 0px;}
  .modal {z-index: 11001;}
  .modal-dialog {margin: 1.5rem;}
  .buy-now-pop-up {margin: 0;}
}

@media (min-width: 768px) and (max-width: 1023px) {
  .topLine {display: none;}
  .topHeader {width: 100%; justify-content: space-between;}
  .mobile-nav-toggle {top: 30px;}
  .topBtn {margin-right: 0px;}
  header {top: 12px;}
  .bestBoxCon .row .col-md-6, .h-about-container .row .col-md-6 {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .h-about-box {width: 100%;}
}

@media (min-width: 992px) and (max-width: 1023px) {
  .main-nav a {font-size: 15px;}
  .action-btn {font-size: 14px; padding: 6px 35px 6px 15px;}
  .primary-btn::after {top: 10px;}
}

@media (min-width: 1024px) and (max-width: 1279px) {

}

@media (min-width: 320px) and (max-width: 510px) {
  .weOffer .featureBox {background-size: contain; padding: 5px; height: 135px; margin: 0px;}
  .weOffer .featureBox img {width: 40px; height: 40px;}
  .weOffer .featureBox span {font-size: 12px;}
}

@media (min-width: 320px) and (max-width: 510px) {
  .weOffer .featureBox {height: 132px;}
}

@media (min-width: 768px) and (max-width: 1024px) {
  .featureBoxCon {flex-wrap: wrap;}
  .weOffer .featureBox {width: 32%; height: 190px; margin: 0px 0px 5px 0px;}
  .weOffer .featureBox img {margin: 15px 0px 10px 0px;}
  .footerBottom .row .col-md-4 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}

@media (min-width: 992px) and (max-width: 1090px) {
  .main-nav a {padding: 20px 12px;}
}
  
@media (min-width: 1025px) and (max-width: 1260px) {
  .featureBoxCon {flex-wrap: wrap; justify-content: center;}
  .weOffer .featureBox {width: 24%; height: 180px;}
}