@import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300;400;500;600;700&display=swap');
@import url('owl.carousel.min.css');
* {
  margin: 0;
  padding: 0;
}
body {
  color: #505056;
  font-size: 18px;
  font-weight: 400;
  background: #FFF;
  overflow-x: hidden;
  font-family: 'Google Sans Text', Arial, sans-serif;
}
a, i, .btn, button, img, span, .dropdown-item, .hover-translate {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
dl, ol, ul {
  margin-bottom: 0;
}
a {
  color: #777575;
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  padding-bottom: 20px;
  margin: 0;
}
h1 {
  font-size: 46px;
  font-weight: 700;
}
h2 {
  font-size: 40px;
  font-weight: 700;
}
p {
  line-height: 1.5;
  padding-bottom: 20px;
  margin: 0;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
.container {
  max-width: 1220px;
}
/******              HEADER           ******/
.headerwrapp {
  
  position: relative;
  z-index: 1;
/*  clip-path: polygon(0% 0%, 100% 0%, 100% 67.75%, 100% 94%, 0% 100%);*/
}
.header {
	background: #0F0F0F;
}
.header .navbar {
  padding: 13px 0;
  border-bottom: 1px solid rgb(255 255 255 / 12%);
}
.header a.navbar-brand span {
  color: #0788EE;
  font-weight: 400;
}
.header a.navbar-brand {
  font-size: 32px;
  font-weight: 700;
  color: #FFF;
  padding: 0;
}
.headerbg {
  position: absolute;
  top: 0;
  z-index: -1;
}
.menutext ul li a {
  font-size: 16px;
  color: #FFF;
  padding: 0 25px !important;
	font-weight: 500;
}
.login-text a {
  border-radius: 7px;
background: var(--default-btn, linear-gradient(90deg, #3F3EED 0%, #C21BFC 100%));
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 17px;
	margin-left: 15px;
}
.login-text a:hover {
  background: #071321;
  color: #fff;
}
.menutext ul li a:hover {
  color: #0676CF;
}
/******              HEADER END          ******/
.bannerwrapp {
  color: #000;
  padding: 50px 0 0;
	background:#E9F0FE center bottom no-repeat;
	background-size: cover;
	position: relative;
}

#canvas {
  display: block;
	position: absolute; width: 100%; height: 100%;
	left: 0; top: 0; right: 0;
	bottom: 0;
	opacity: 0.7
}
.bannerwrapp .container{ z-index: 99; position: relative;}
.bannerwrapp h1 {
  font-size: 65px;
  font-weight: 700;
  line-height: 120%;
  padding: 0 0 20px 0;
}
.bannerwrapp p {
  font-size: 18px;
  font-weight: 500;
  padding: 0 0 25px 0;
	color: #474747;
}
.trialtxt a {
  font-size: 20px;
  padding: 10px 0;
  max-width: 190px;
  width: 100%;
  display: inline-block;
  color: #FFF;
  border: 1px solid #FFF;
  text-align: center;
  border-radius: 7px;
}
.trialtxt a.starttrial {
  font-weight: 600;
  border-radius: 7px;
  background: var(--default-btn, linear-gradient(90deg, #3F3EED 0%, #C21BFC 100%));
	border: 0px;
  margin: 0 30px 0 0;
}
.trialtxt a.starttrial:hover {
  background: #3F3EED;
  color: #fff;
}
.trialtxt a:hover {
 background: var(--default-btn, linear-gradient(90deg, #3F3EED 0%, #C21BFC 100%));
	border: 1px solid rgb(255 255 255 / 0%);
}
.trialtxt {
  margin: 0 0 20px 0;
}
.detailtxt {
  font-size: 16px;
  font-weight: 500;
}
.detailtxt p {
  padding: 0;
  color: #A1AFBF;
  margin: 0 18px;
}
.detailtxt p span {
  margin: 0 0 0 11px;
}
.overPerformers{
	background: linear-gradient(90deg, #3F3EED 0%, #C21BFC 100%);
	text-align: center;
	color: #FFF;
	font-size: 22px;
	font-weight: 600;
	line-height: 140%; /* 139.13% */
	padding: 15px 0;
}
 

.designewrapp {
  background: #071321;
  z-index: -1;
	padding: 60px 0 65px;
/*  margin: -290px 0 0 0;*/
}
.designewrapp .owl-stage {
  padding: 46px 0 0;
}
.addimg {
  z-index: 1;
  position: relative;
}
.addimg img {
  margin: 0 0 52px 0;
}
.addimg h6 {
  font-size: 23px;
  font-weight: 600;
  color: #070026;
  padding: 0 0 102px 0;
}
.designewrapp h6 span {
  font-weight: 900;
  color: #2B70FA;
  font-size: 26px;
}
.designehead h2 {
  font-size: 42px;
  color: #fff;
  font-weight: 700;
}
.designehead h2 span {
  display: block;
}
.designehead p {
  font-size: 16px;
  font-weight: 500;
  padding: 0;
	color: #A1AFBF;
}
.owl-carousel .item img {
  width: auto;
  /* margin: 0 auto; */
}
.designewrapp .item {
  border-radius: 15px;
  background: #111C2A;
  padding: 30px 20px;
  transition: all 3s ease-in-out;
}
.designewrapp .owl-carousel.owl-drag .owl-item {
	margin: 0 10px !important;
}

.designeiconmain {
  max-width: 70px;
  margin: 0 auto;
  position: relative;
}
.designeicon {
  border-radius: 10px;
  background: rgba(45, 67, 95, 0.40);
  height: 70px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 20px 0;
}
.owl-carousel .designeicon img {
  margin: 0 auto;
}
.designeno {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background: #0788EE;
  color: #FFF;
  font-size: 22px;
  font-weight: 600;
  position: absolute;
  right: -15px;
  top: -15px;
  border: 1.5px solid #FFFFFF;
}
.designewrapp .item:hover{
	background: var(--default-btn, linear-gradient(90deg, #3F3EED 0%, #C21BFC 100%));
	transition: all 3s ease-in-out;
}
.designewrapp .item h6 {
  font-size: 22px;
  font-weight: 700;
  color: #0788EE;
  padding: 0 0 17px 0;
}
.designewrapp .item p {
  font-size: 16px;
  padding: 0;
	color: #A1AFBF;
}
.designewrapp .item:hover h6 {
	color: #fff;
} 

.designewrapp .item:hover p{
	color: rgba(255, 255, 255, 0.75);
}



.headwrapp h2 {
 	font-size: 80px;
 	font-weight: 700;
 	line-height: 120%;
	color: #000;
}
.headwrapp h2 span {
  background: var(--default-btn, linear-gradient(90deg, #3F3EED 0%, #C21BFC 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.headwrapp p {
  padding: 0 0 35px 0;
  font-weight: 500;
	color: #505056;
}
.syncwrapp {
  padding: 60px 0;
}
.syncimg {
  background: #C9FFDE;
  border-radius: 10px;
  text-align: center;
  padding: 15px;
}
.syncimg2 {
  background: #EAD2FF;
}
.installnowmain {
  padding: 60px 0 0 0;
}
.installnowmain h5 {
  font-size: 28px;
  font-weight: 500;
  line-height: 26px;
  color: #000000;
  padding: 0 0 32px 0;
}
.installnow a {
  display: inline-block;
  border: 1px solid #ACA9B9;
  padding: 10px 0;
  font-size: 24px;
  font-weight: 600;
  max-width: 245px;
  width: 100%;
  color: #0676CF;
}
.installnow a img {
  margin: 0 15px 0 0;
}
.wrapp3 {
  background: #FAF9FC;
  padding: 172px 0 80px 0;
}
.wrapp3 .row {
  align-items: center;
}
.extentionimg {
  position: relative;
  text-align: center;
}
.helpwrapp {
  padding: 76px 0;
}
.purplebg {
  background: #071321;
  color: #FFF;
}
.helphead {
  padding: 0 0 54px 0;
}
.HelpCompany{ padding: 60px 0; width: 100%;}
.HelpCompany h3 {
 	color: #000;
	font-size: 65px;
	font-weight: 700;
	line-height: 120%; /* 78px */
}
.helphead p {
  max-width: 575px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: rgb(255 255 255 / 79%);
}
.helpicon {
  margin: 0 0 26px 0;
}
.HelpCompany ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack:
    justify;
  -ms-flex-pack:
    justify;
  justify-content: space-between;
  padding: 0;
}
.HelpCompany ul li p {
  font-size: 17px;
  font-weight: 500;
}
.HelpCompany ul li {
  list-style: none;
  display: inline-block;
  width: 100%;
  border: 1px solid #C4C3CE;
  background: #FCFCFF;
  padding: 46px 32px;
  margin: 0 0 20px 0;
  min-height: 300px;
  max-width: 385px;
	border-radius: 15px;
}
.HelpCompany ul li.helpiconbg {
  max-width: 790px;
}
.HelpCompany ul li.helpiconbg, .HelpCompany ul li:hover {
  background: rgb(7 136 238 / 15%);
  border-color: #0788EE;
  cursor: default;
}
.HelpCompany ul li h4 {
  font-size: 24px;
  font-weight: 700;
  padding: 0 0 15px 0;
	color: #443DEE;	
}
.headwrapppl .headwrapp {
  padding: 0;
}
.headwrapp h2 em {
  font-style: normal;
}
.headwrapp h2 em {
  font-style: normal;
  background: url(../img/linevector.webp) no-repeat;
  background-position: bottom center;
}
.wrapp3 .headwrapp p {
  font-size: 16px;
  font-weight: 500;
  padding: 0 110px 26px 0;
}
.extentionimg1-1-2 {
  right: 48px;
}
.monitoringt-p {
  padding: 120px 0 0 0;
}
.interfacewrapp {
  padding: 50px 0 40px 0;
}
.interfacewrapp h2{
	font-size: 55px;
 	font-weight: 700;
 	line-height: 120%;
	color: #000;
}


.interfacewrapp .owl-item.active.center {
  opacity: 100%;
  transform: scale(1);
}
.interfacewrapp .owl-item {
  opacity: 1;
/*  transform: scale(0.95);*/
}
.interfacewrapp .owl-carousel .owl-dots button.active {
  background: #0676CF;
}
.interfacewrapp .owl-carousel .owl-dots {
  display: none;
}
.testimonialswrapp {
  padding: 60px 0;
}
.testimonialswrapp .headwrapp h2 {
  font-size: 55px;
  color: #FFF;
  padding: 0 0 10px 0;
}
.testimonialswrapp .headwrapp h2 {
  color: #FFF;
  padding: 0 0 18px 0;
}
.headwrapp42 h2 {
  font-size: 55px;
}
.testimonialswrapp .headwrapp p {
  color: #A1AFBF;
}
 

.interfacewrapp .owl-nav { width: 100%; text-align: center; margin: 30px 0 0;}
.interfacewrapp .owl-nav button.owl-prev{    background: #08042E;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    border-radius: 7px;
    color: #fff;
    line-height: 0;
    font-size: 32px; vertical-align: top;}

.interfacewrapp .owl-nav button.owl-next{    background: #08042E;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    border-radius: 7px;
    color: #fff;
    line-height: 0;
    font-size: 32px; vertical-align: top;}

.interfacewrapp .owl-nav button.owl-prev span{ display: block; width: 100%; height: 100%; line-height: 35px; vertical-align: top;} 
.interfacewrapp .owl-nav button.owl-next span{ display: block; width: 100%; height: 100%; line-height: 35px; vertical-align: top;}


.interfacewrapp .owl-nav button.owl-prev:hover, .interfacewrapp .owl-nav button.owl-next:hover{ background: #0676CF;}



.wrapp3.growbusiness{ background: #071321 url("../img/businessbg.png") center top no-repeat; background-size: cover; width: 100%; position: relative;}
.wrapp3.growbusiness h2{
	color: #FFF;
	font-size: 50px;
	font-weight: 600;
	line-height: 130%; /* 65px */
}
.wrapp3.growbusiness p{
	color: #A1AFBF;
	font-size: 18px;
	font-weight: 400;
	line-height: 170%; /* 30.6px **/
}

.testimonialswrapp .owl-nav { width: 100%; text-align: center; margin: 30px 0 0;}
.testimonialswrapp .owl-nav button.owl-prev{    background:#443DEE;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    border-radius: 7px;
    color: #fff;
    line-height: 0;
    font-size: 32px; vertical-align: top;}

.testimonialswrapp .owl-nav button.owl-next{    background: #443DEE;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    border-radius: 7px;
    color: #fff;
    line-height: 0;
    font-size: 32px; vertical-align: top;}


.testimonialswrapp .owl-nav button.owl-prev span{ display: block; width: 100%; height: 100%; line-height: 35px; vertical-align: top;} 
.testimonialswrapp .owl-nav button.owl-next span{ display: block; width: 100%; height: 100%; line-height: 35px; vertical-align: top;}
.testimonialswrapp .owl-nav button.owl-prev:hover, .testimonialswrapp .owl-nav button.owl-next:hover{ background: #C21BFC;}


.testimonialsarea {
  border-radius: 15px;
  background: #111C2A;
  color: #838289;
  padding: 26px 40px;
  min-height: 350px;
}
.testimonialsimg {
  margin: 0 0 14px 0;
}
.testimonialsarea h6 {
  font-size: 20px;
  font-weight: 600;
  color: #FFF;
  padding: 0 0 10px 0;
}
.testimonialsarea h5 {
  color: #A1AFBF;
  font-size: 15px;
  font-weight: 500;
  padding: 0 0 20px 0;
}
.staricon {
  margin: 0 0 22px 0;
}
.testimonialsarea p {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
	color: #A1AFBF;
}
.owl-carousel .owl-dots button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #D9D9D9;
  margin: 0 5px;
}
.owl-carousel .owl-dots button.active {
  background: #FFF;
}
.owl-carousel .owl-dots {
  margin: 52px 0 0 0;
  text-align: center;
}
.pricingwrapp {
  padding: 60px 0;
  background: rgba(241, 241, 241, 0.61);
}
.headwrapp h2 strong {
  color: #0788EE;
  font-weight: 700;
}
.pricingwrapp .headwrapp h2 {
  padding: 0;
  font-size: 55px;
  font-weight: 700;
  line-height: 150%; /* 82.5px */
}
.pricingwrapp .nav-tabs {
  border: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 66px 0;
}
.pricingwrapp .nav-tabs button {
  border: 0;
}
.pricingwrapp .nav-tabs button.nav-link {
  border: 0;
  padding: 12px 33px;
  background: #08042E;
	border-radius: 0;
  color: #FFF;
}
.pricingwrapp .nav-tabs button.nav-link.firsttab{ border-radius: 10px 0 0 10px;}
.pricingwrapp .nav-tabs button.nav-link.secotab{ border-radius: 0 10px 10px 0;}
.pricingwrapp .nav-tabs button.active {
  background: var(--default-btn, linear-gradient(90deg, #3F3EED 0%, #C21BFC 100%));
  color: #FFF;
}
.planwidth {
  border-radius: 15px;
  border: 2px solid #E8E4F8;
  background: #FFF;
  padding: 25px;
  width: 49%;
  min-height: 720px;
}
.planryt h5 {
  font-size: 20px;
  font-weight: 500;
  padding: 0 0 10px;
  color: #555;
}
.planryt {
  padding: 0 0 0 20px;
}
.planryt h4 {
  font-size: 24px;
  font-weight: 700;
  padding: 0;
  color: #2B70FA;
}
.planhead {
  margin: 0 0 20px 0;
}
.planwidth p {
  font-size: 20px;
  font-weight: 400;
  color: #555555;
}
.prizingtxt h6 {
  font-size: 55px;
  font-weight: 700;
  padding: 0 0 10px 0;
  color: #0788EE;
}
.prizingtxt h6 span {
  font-size: 20px;
  color: #555555;
  font-weight: 500;
  display: inline-block;
}
.gettxt {
	margin: 20px 0 0;
}
.gettxt h5 {
  font-size: 24px;
  font-weight: 700;
  color: #0788EE;
  padding: 0 0 24px 0;
}
.gettxt ul {
  padding: 0;
}
.gettxt ul li {
  font-size: 18px;
  font-weight: 500;
	color: #748292;
  list-style: none;
  margin: 0 0 15px 0;
}
.gettxt ul li span {
  display: inline-block;
  margin: 0 10px 0 0;
}
.gettxt ul li span img {
  width: 16px;
  height: auto;
}
.gettxtsave {
  margin: 24px 0 34px;
}
.gettxtsave h5 {
  padding: 0 0 17px 0;
}
.mobileimg {
  display: none;
}
.faqwrapp {
  background: #F6F4FE;
  padding: 0 0 80px 0;
}
.faqwrapp .accordion {
  max-width: 1204px;
  margin: 0 auto;
}
.faqwrapp .accordion-item {
  background: #fff;
  margin: 0 0 15px 0;
  border: 0;
  border-radius: 15px;
}
.faqwrapp .accordion-item button {
	background: none;
	border: 0px;
	box-shadow: none;
}
.faqwrapp .accordion-item button.accordion-button.collapsed {
  font-size: 18px;
  font-weight: 500;
  color: #071321;
  background: none;
  box-shadow: none;
  padding: 15px 20px;
}
.faqwrapp .accordion-item button.accordion-button{
	color: #0788EE;
	font-size: 18px;
    font-weight: 500;
}

.faqwrapp .accordion-item h2 {
  padding: 0;
}
.faqwrapp .accordion-body {
  padding: 0 23px 23px 23px;
}
.faqwrapp .accordion-body p {
  padding: 0;
  font-size: 16px;
  line-height: 180%;
  color: #748292;
}
.faqwrapp .accordion-button::after {
  width: 22px;
  height: 22px;
  background: url(../img/arrowicon.svg) no-repeat;
  background-position: center;
}
.faqwrapp .accordion-item:last-child {
  margin: 0;
}
.faqwrapp .headwrapp h2 {
  padding: 0 0 40px 0;
}
.getwrapp {
  padding: 60px 0 70px 0;
  position: relative;
  z-index: 1;
	background:#071321  url(../img/businessbg.png) center top no-repeat;
	background-size: 100%;
}
.getwrapp h2 {
  font-size: 55px;
  font-weight: 700;
  padding: 0 0 20px 0;
}
.getwrapp p {
  font-size: 18px;
  font-weight: 500;
  padding: 0 0 40px 0;
	color: #748292;
}
.getbg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.footer {
  padding: 30px 0;
}
.footer p {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  padding: 0;
}
/* Inner Hero Area */
.innerhero {
  color: #FFF;
  padding: 60px 0 30px;
	background: #071321  url(../img/businessbg.png) center top no-repeat;
	background-size: cover;
}
.innerhero h1 {
  font-size: 1.5rem;
  font-weight: 500;
  padding: 0;
  text-transform: uppercase;
}
.innerhero h2 {
  font-size: 2.22rem;
  font-weight: 700;
  padding: 0 0 20px;
}
.innerhero p {
  font-size: 20px;
  font-weight: 500;
  padding: 0 0 59px 0;
}
.pricingwrapp.pt60 {
  padding-top: 55px;
}
.testimonialswrapp.pagetest .testimonialsarea {
  background: #F5F4FB;
}
.pricingwrapp a.starttrial {
  font-weight: 600;
  background: #0676CF;
  border: 1px solid #0676CF;
  display: inline-block;
  padding: 15px 45px;
  color: #fff;
  width: 100%;
}
.pricingwrapp a.starttrial:hover {
  background: #FFF;
  color: #0676CF;
}
/* Check out page */
.checoutpage {
  width: 100%;
  padding: 50px 0;
  background: url("../img/headerbg1.webp") center top no-repeat
}
.checoutpage .alert {
  font-size: 15px;
  margin-bottom: 30px;
}
.checoutpage .alert a {
  font-weight: 600;
  color: #08042E;
}
.checoutpage h2 {
  margin-bottom: 15px;
  color: #08042E;
  font-size: 24px;
  font-weight: 600;
  padding: 0px;
}
.checoutpage h3 {
  margin-bottom: 15px;
  color: #08042E;
  font-size: 22px;
  font-weight: 600;
  padding: 0px;
}
.checoutpage h4 {
  margin-bottom: 15px;
  color: #08042E;
  font-size: 17px;
  font-weight: 500;
  padding: 0px;
}
.form-group {
  position: relative;
  margin-bottom: 15px;
}
.form-group label {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 8px;
}
.form-group .form-control {
  height: 54px;
  border-radius: 8px;
  font-size: 15px;
  background: #FAF9FC;
  border: 2px solid #ddd;
}
.form-group .form-control:focus {
  box-shadow: inherit;
  border-color: #0676CF;
}
.form-group .form-control.message {
  height: 150px;
}
.form-group .form-control.arrow{
	background:#FAF9FC url(../img/arrow-dwon.png) 95% 22px no-repeat;
	background-size: 13px;
}
 


.orderTable {
  width: 100%;
  margin-bottom: 20px;
  background: #070026;
  padding: 20px;
  border-radius: 10px;
}
.orderTable table tr td {
  font-size: 16px;
  padding: 20px 0;
  border-bottom: 1px solid rgb(242 242 242 / 25%);
  color: #fff;
}
.orderTable table tr td.text-right {
  text-align: right;
}
.checoutpage p {
  font-size: 16px;
  line-height: 170%;
}
.checoutpage p a {
  font-weight: 600;
}
.orderdetail {
  margin-bottom: 20px;
  padding-top: 32px;
}
.orderdetail h4 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 10px;
}
.orderdetail p {
  font-size: 18px;
  font-weight: 400;
  color: #666;
}
.order-btn {
  font-weight: 600;
  background: #0676CF;
  border: 1px solid #0676CF;
  display: inline-block;
  padding: 15px 45px;
  color: #fff;
  width: 100%;
  border-radius: 8px;
}
.order-btn:hover {
  background: #070026;
  color: #fff;
}
.font15 {
  font-size: 16px;
  font-weight: 500;
}
.loginwrap {
  width: 100%;
  padding: 8% 0;
  background: #070026 url("../img/headerbg1.webp") center top no-repeat;
}

.loginwrap .container{ width: 100%; max-width: 1100px; margin: 0 auto; background: #f0f0f8 url("../img/blurry.png") center -75px no-repeat; border-radius: 10px; padding: 5% 35px; background-size: 95%;}
.key{ background: url("../img/key.svg") right bottom no-repeat;}
.loginwrap .logo{
	padding-top: 10%;
}
.loginwrap h2 {
	font-size: 32px;
	font-weight: 700;
	line-height: 160%;
	color: #0676CF;
}
.loginwrap p{ 
	font-size: 16px; 
	color: #232323;
	line-height: 28px;
}
.loginwrap p a{ color: #070026; font-weight: 500; text-decoration: underline;}

.account-txt {
  margin: 25px 0 15px;
  font-size: 18px;
  color: #333;
  text-align: center;
}
.account-txt a {
  font-weight: 700;
  color: #0676CF;
}
.loginwrap .form-group .form-control {
  height: 52px;
  border-radius: 5px;
  font-size: 16px;
	background: #fff;
}
.loginwrap .order-btn {
  border-radius: 5px;
}
.iti {
  position: relative;
  display: block;
}
/* toggle */
.countrytoggle {
  margin: 0 0 30px 0;
}
.countrytoggle .switch {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 34px;
  margin: 0 20px;
}
.countrytoggle .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.countrytoggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 20px;
}
.countrytoggle .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}
.countrytoggle input:checked + .slider {
  background-color: #2196F3;
}
.countrytoggle input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.countrytoggle input:checked + .slider:before {
  -webkit-transform: translateX(46px);
  -ms-transform: translateX(46px);
  transform: translateX(46px);
}
/* Rounded sliders */
.countrytoggle .slider.round {
  border-radius: 34px;
}
.countrytoggle .slider.round:before {
  border-radius: 50%;
}
.countrytoggle h6 {
  color: #2B70FA;;
  font-weight: 600;
}
.countrytoggle h6 span {
  display: block;
  font-weight: 400;
}
.countrytoggle h6, .countrytoggle h5 {
  padding: 0;
  font-size: 16px;
}
/* toggle */
.countrytoggle .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.countrytoggle .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.countrytoggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.countrytoggle .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.countrytoggle input:checked + .slider {
background: var(--default-btn, linear-gradient(90deg, #3F3EED 0%, #C21BFC 100%));
}
.countrytoggle input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.countrytoggle input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.countrytoggle .slider.round {
  border-radius: 34px;
}
.countrytoggle .slider.round:before {
  border-radius: 50%;
}

.buywrap a{ width: 100%; display: block; border-radius: 10px; padding: 15px 10px; color: #fff; font-size: 18px; font-weight: 500; background: var(--default-btn, linear-gradient(90deg, #3F3EED 0%, #C21BFC 100%));}
.buywrap a:hover{ background: #232323;}