@import url('https://fonts.googleapis.com/css2?family=Changa:wght@400;500;600&display=swap');
:root {
  --color-primary: #0BDA90;
  --color-secondary: #ff6363;
  --color-tertiary: #ac1de1;
  --color-gradient-start: /*#7b1fa2*/#5babde;
  --color-gradient-stop: /*#4762ff*/#0BDA90;
  /* --color-gradient-start: #4762ff;
  --color-gradient-stop: #ff798e; */
  --color-gradient-start-secondary: #0bccee;
  --color-gradient-stop-secondary: #ac1de1;
  --color-gradient-start-tertiary: #ffba83;
  --color-gradient-stop-tertiary: #ffa5cd;
}

body {
    font-family: 'Changa', sans-serif;
  font-size: 16px;
  line-height: 1.9em;
  color: #000000;
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6 .h6 {
    font-family: 'Changa', sans-serif;
  color: #060221;
}

.h1,
h1 {
  font-size: 50px;
  line-height: 1.4em;
}

.h2,
h2 {
  font-size: 44px;
  line-height: 1.4;
  letter-spacing: 0;
}

.h3,
h3 {
  font-size: 32px;
  line-height: 1.5em;
}

.h4,
h4 {
  font-size: 26px;
  line-height: 1.6em;
}

.h5,
h5 {
  font-size: 20px;
  line-height: 1.6em;
}

.h6,
h6 {
  font-size: 18px;
  line-height: 1.8;
}

.main-header .social-icon {
  /* font-size: 17px; */
  font-size: 24px;
}

.main-header .social-icon:not([class*=scheme-]) a,
.main-nav > li > a {
  color: rgba(255, 255, 255,1);
  /* color:#000; */
}

.main-header .social-icon:not([class*=scheme-]) a:hover,
.main-nav > li > a:hover {
  /* color: #000; */
  color: rgba(255, 255, 255, 1);
}

.main-nav > li > a {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
}


.nav-light .main-nav > li > a {
  color: rgba(255, 255, 255, 0.75);
}

.nav-light .main-nav > li > a .link-ext {
  background-color: #fff;
}

.nav-dark .main-nav > li > a {
  color: rgba(0, 0, 0, 0.75);
}

.nav-dark .main-nav > li.is-active > a,
.nav-dark .main-nav > li.current-menu-item > a,
.nav-dark .main-nav > li:hover > a,
.nav-dark .main-nav > li > a:hover {
  color: #000;
}

.main-footer {
  /* color: #98a2aa; */
  color:#ffffff;
  background:#000000!important
}

.main-footer a:not(.btn) {
  color:#ffffff;
}

.main-footer .reset-ul a:hover
/* .main-footer .social-icon a:hover */
 {
  color: #0BDA90!important;
  background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
    background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
}

@media (min-width: 1200px) {
  .main-header .is-stuck {
    background: #fff !important;
  }
  .mainbar-wrap.is-stuck .social-icon a,
  .mainbar-wrap.is-stuck .header-module .ld-module-trigger,
  .mainbar-wrap.is-stuck .main-nav > li > a,
  .mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input {
    /* color: rgba(0, 0, 0, 0.7); */
    color: rgba(0, 0, 0, 1);
  }
  .mainbar-wrap.is-stuck .social-icon a:hover,
  .mainbar-wrap.is-stuck .main-nav > li > a:hover {
    color: #000 !important;
  }
  .megamenu-heading {
    color: #3b91f7;
  }
  [data-megamenu-bg-scheme=light] .lqd-custom-menu a {
    color: #3e3f42;
  }
  .megamenu .lqd-custom-menu a:hover {
    color: #3b91f7;
  }
  .container {
    width: 1200px!important;
}
.tabs-nav-lg .tabs-nav a {
  padding: 1.2em 1.5em!important;
}
.desk-img{display:block}
.mob-img{display:none}

.main-nav > li.is-active > a .link-txt .txt,
.main-nav > li.current-menu-item > a,
.main-nav > li:hover > a,
.main-nav > li > a:hover .link-txt .txt,
.main-header .social-icon:not([class*=scheme-]) a:hover,
.main-nav > li > a:hover {
  color: #0BDA90!important;
  background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
    background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
}
.main-nav > li.is-active > a .link-txt .txt
{
  font-weight: 600;
}

}

.ld-pf-btns .material-icons, 
.submit-icon .material-icons,
.iconbox-icon-container .material-icons
{
  font-size:20px;
  vertical-align: middle!important;
}

.material-icons
{
  font-size:32px;
  vertical-align: middle!important;
}

.loc-icon .material-icons-outlined
{
font-size: 22px;
    vertical-align: middle!important;
    margin-left: -6px;
    padding-right: 5px;
}

.home-icon i{
  color:#000!important;
  opacity:1!important;
  font-size:40px!important;
}

.home-icon:hover i{
  color:#fff!important; 
}


.black-logo {
  width: 200px;
  height:auto;
  /* -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  fill:#000; */
}
.default-logo
{
  width:200px;
  height: auto;
}

.width-auto
{
  width:auto
}

.project-sec .iconbox .iconbox-icon-container .material-icons

{
  background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-stop)), to(var(--color-gradient-start)));
    background: linear-gradient(to right, var(--color-gradient-stop) 0%, var(--color-gradient-start) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
    width: 100%;
    height: 100%;    
}

.service-sec .material-icons
{
  background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-stop)), to(var(--color-gradient-start)));
    background: linear-gradient(to right, var(--color-gradient-stop) 0%, var(--color-gradient-start) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}


.liquid-progressbar-bar, .btn-gradient-bg
{
  background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-stop)), to(var(--color-gradient-start)));
  background: linear-gradient(to right, var(--color-gradient-stop) 0%, var(--color-gradient-start) 100%);
}
.btn-gradient-bg-hover
{
	background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
  background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%);
}

.contact-form input[type=submit], .contact-form button[type=submit],.contact-form a
{
  background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
    background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%);
    border-radius: 2px;
    padding:0 1rem !important;   
    font-size: 1em;
    white-space: nowrap;
    transition: all .3s ease;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.05);
    border:0;
}

.contact-form input[type=submit]:hover, .contact-form button[type=submit]:hover, .contact-form a:hover
{
  background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-stop)), to(var(--color-gradient-start)));
    background: linear-gradient(to right, var(--color-gradient-stop) 0%, var(--color-gradient-start) 100%);
    background-size: 99.99%;
}

.main-nav
{
  margin-right:0;
}
#overview_content ul
{
	padding: 0;
}
#overview_content li
{
  /* display: block; */
  display: inline-flex;
	width:100%;
	font-size: 15px;
	line-height: 35px;
}
#overview_content li:before 
{
	content: "check";
	font-family: "Material Icons";
	margin-right: 15px;
/*	color: #4762ff !important;*/
	font-size:25px;
	vertical-align: middle; 
	background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-stop)), to(var(--color-gradient-start)));
	background: linear-gradient(to right, var(--color-gradient-stop) 0%, var(--color-gradient-start) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


@media screen and (max-width: 400px) {
 .content h2, .content .h2 {
    font-size: 20px!important;
    text-align:left;
}
}

@media screen and (max-width: 320px)
{
    
      .tabs-nav-side .tabs-nav, .tabs-nav-side .tabs-content {
    width: 88%!important;
}
}

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

  .content h2, .content .h2 {
    font-size: 28px!important;
}
	.content h3, .content .h3
	{
		font-size: 1em;
	}

  .tabs-nav-side .tabs-nav, .tabs-nav-side .tabs-content {
    width: 100%!important;
}
}

.fade-in {
	-webkit-animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

 @-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

.slide-in-bck-center
{
	-webkit-animation:slide-in-bck-center 2s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center 2s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}

.enquiry-btn {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 999;	
}

/*
.lqd-buy-now::after {
  animation: ripple 1.2s ease-out infinite;
  animation-delay: 1s;
}
*/

.lqd-buy-now {
  position: fixed;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 65px;
  width: 65px;
  cursor: pointer;
  border-radius: 100%;
  margin: 0 auto;
  bottom: 30px;
  right: 50px;
  z-index: 999
}
.lqd-buy-now img {
  position: relative;
  max-width: 100%!important
}
.lqd-buy-now::after {
  opacity: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  content: '';
  height: 100%;
  width: 100%;
  border: 5px solid rgba(0, 0, 0, .2);
  border-radius: 100%;
  -webkit-animation-name: ripple;
  animation-name: ripple;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(.65, 0, .34, 1);
  animation-timing-function: cubic-bezier(.65, 0, .34, 1);
  z-index: -1
}
.lqd-buy-now::before {
  opacity: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  content: '';
  height: 100%;
  width: 100%;
  border: 5px solid rgba(0, 0, 0, .2);
  border-radius: 100%;
  -webkit-animation-name: ripple;
  animation-name: ripple;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(.65, 0, .34, 1);
  animation-timing-function: cubic-bezier(.65, 0, .34, 1);
  z-index: -1
}
@-webkit-keyframes ripple {
  from {
    opacity: 1;
    -webkit-transform: scale3d(.95, .95, 1);
    transform: scale3d(.95, .95, 1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 1);
    transform: scale3d(2, 2, 1)
  }
}
@keyframes ripple {
  from {
    opacity: 1;
    -webkit-transform: scale3d(.95, .95, 1);
    transform: scale3d(.95, .95, 1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 1);
    transform: scale3d(2, 2, 1)
  }
}
/*
.liquid-progressbar-value
{
	position: absolute; right:0; top:50%;
}
*/

.ripple1 {
  margin: auto;
/*  margin-top: 10rem;*/
  background-color: #fff;
  width: 1rem;
  height: 1rem;
/*  border-radius: 50%;*/
  animation: ripple1 2s linear infinite;
}
@keyframes ripple1 {
  0% {
    box-shadow: 0 0 0 .7rem rgba(255,255,255, 0.2),
                0 0 0 1.5rem rgba(255,255,255, 0.2),
                0 0 0 5rem rgba(255,255,255, 0.2);
  }
  100% {
    box-shadow: 0 0 0 1.5rem rgba(255,255,255, 0.2),
                0 0 0 4rem rgba(255,255,255, 0.2),
                0 0 0 8rem rgba(255,255,255, 0);
  }
}
.shimmer{color:#fff;background:#fff -webkit-gradient(linear,100% 0,0 0,from(#fff),color-stop(.5,#acacac),to(#fff));background-position:-4rem top;background-repeat:no-repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation-name:shimmer;-webkit-animation-duration:3s;-webkit-animation-iteration-count:infinite;-webkit-background-size:4rem 100%}@-webkit-keyframes shimmer{0%{background-position:-4rem top}70%{background-position:12.5rem top}100%{background-position:12.5rem top}}

.yourstore-band .yourstore-inner a
{
/*	background-color:#FF7914;*/
	background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-stop)), to(var(--color-gradient-start)));
    background: linear-gradient(to left, var(--color-gradient-stop) 0%, var(--color-gradient-start) 100%);
	border-radius: 3px;
	padding: 5px 15px;
}

.yourstore-band .band-txt
{
	font-weight: 400;
	color: #fff;
	font-size: 1rem;
	line-height: 1.45;
	text-align: left;
	padding: 5px;
}

.yourstore-band .yourstore-logo
{
	width: 70px; height: auto;
	margin-bottom: 2.5px;
}


[data-mobile-nav-style=modern]:before {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-stop)), to(var(--color-gradient-start)))!important;
  background: linear-gradient(to right, var(--color-gradient-stop) 0%, var(--color-gradient-start) 100%)!important;

}

@media (min-width: 768px) and (max-width: 991px)
{  
  body{overflow-x: hidden;}
  .mb-view h2
  {
    margin-bottom:1rem!important;
    text-align: center;
  }

  .mb-view .btn{width:auto!important;}

  /* .mb-view .ld-fancy-heading{text-align: center;} */

  .yourstore-band
  {
    margin-bottom:1rem!important
  }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .main-footer
  {
    padding-top:30px!important
  }

  .service-sec .pr-7
  {
    padding-right: 1rem !important;
  }

  .service-sec .mr-7
  {
   margin-right: 1rem !important;
  }

  .contact-sec .titlebar-col
  {
    padding-top:50px;
  }

  .contact-sec .lqd-column.pull-up
  {
    margin-top: -25%!important;
  }

  .liquid-progressbar-values-inside .liquid-progressbar-title,
.liquid-progressbar-values-inside .liquid-progressbar-percentage {
  font-size: 14px;
}

.service-head-pd
{
  padding-bottom: 30px!important;
}

.titlebar-md .titlebar-inner
{
  padding-top:90px!important;
  padding-bottom: 30px!important;
}

.slider{height:100%!important;overflow:visible!important}
/* #about-us{padding-top:800px!important} */
.desk-img{display:none}
.mob-img{display:block}
.col-md-12{width:100%!important}

.down-btn-center{width:40%!important;}
.lang .material-icons {font-size: 24px!important;}

.abt-mob .tabs-nav-side .tabs-content
{
  padding: 30px 30px 0!important;
}

.abt-mob .tabs-nav-side .tabs-content .fancy-title
{
  margin-top:1rem;
  margin-bottom: 0!important;
}

}

.social-icon a .material-icons
{
  font-size:24px!important;
}
.bg-charade {
  background: #222734 !important;
}

#activity .iconbox .iconbox-icon-container img
{
  width:50px!important;
  height:auto!important;
}

#activity .iconbox-heading-sm h3{
  font-size:14px;
  text-transform: uppercase;
}


.iconbox .iconbox-icon-container i
{
color: #0BDA90!important;
background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; 

}

.iconbox-filled-hover:hover i{
  color: #fff!important;
  -webkit-text-fill-color: #fff; 
}

.iconbox-filled-hover:before
{
  background: #0BDA90;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
background-image: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%);
}

.iconmar-m
{
  margin-left:-7px;
}

.navbar-brand{padding:0!important}

.mainbg-overlay
{
  position: absolute;
    height: 100%;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.bubble-pin {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  position: relative;
}

.bubble-pin .dot {
  height: 1.25rem;
  width: 1.25rem;
  /* background-color: #2dc9d7; */
  background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
  background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%);
  border-radius: 50%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-animation: bubble-pin-pulse-sm 2s infinite;
  animation: bubble-pin-pulse-sm 2s infinite;
}

.bubble-pin .dashed-line {
  height: 48px;
}

/*bubble pin*/

.bubble-pin .dashed-line path,.dash-ticker-line-down path,
.icon-bubble-pin .dashed-line path{
stroke-dashoffset:8;-webkit-animation:dash-ticker-down 5s linear infinite;
animation:dash-ticker-down 5s linear infinite}
@-webkit-keyframes dash-ticker-down{from{stroke-dashoffset:112}to{stroke-dashoffset:0}}
@keyframes dash-ticker-down{from{stroke-dashoffset:112}to{stroke-dashoffset:0}}
@-webkit-keyframes dash-ticker-up{from{stroke-dashoffset:8}to{stroke-dashoffset:112}}
@keyframes dash-ticker-up{from{stroke-dashoffset:8}to{stroke-dashoffset:112}}
.bubble-pin .dashed-line path,.dash-ticker-line-down path,
.icon-bubble-pin .dashed-line path{stroke-dashoffset:8;-webkit-animation:dash-ticker-down 5s linear infinite;
animation:dash-ticker-down 5s linear infinite}
.dash-ticker-line-up path{stroke-dashoffset:8;
-webkit-animation:dash-ticker-up 5s linear infinite;animation:dash-ticker-up 5s linear infinite}
@-webkit-keyframes bubble-pin-pulse-small{0%{-webkit-transform:scale(.95) translate(-50%,-50%);
transform:scale(.95) translate(-50%,-50%);
box-shadow:0 0 0 0 rgba(45,201,215,.7)}70%{-webkit-transform:scale(.95) translate(-50%,-50%);
transform:scale(.95) translate(-50%,-50%);
box-shadow:0 0 0 50px rgba(45,201,215,0)}100%{-webkit-transform:scale(.95) translate(-50%,-50%);
transform:scale(.95) translate(-50%,-50%);box-shadow:0 0 0 0 rgba(45,201,215,0)}}
@keyframes bubble-pin-pulse-small{0%{-webkit-transform:scale(.95) translate(-50%,-50%);
transform:scale(.95) translate(-50%,-50%);
box-shadow:0 0 0 0 rgba(45,201,215,.7)}70%{-webkit-transform:scale(.95) translate(-50%,-50%);
transform:scale(.95) translate(-50%,-50%);
box-shadow:0 0 0 50px rgba(45,201,215,0)}
100%{-webkit-transform:scale(.95) translate(-50%,-50%);
transform:scale(.95) translate(-50%,-50%);box-shadow:0 0 0 0 rgba(45,201,215,0)}}
@-webkit-keyframes bubble-pin-pulse{0%{-webkit-transform:scale(.95) translate(-50%,-50%);
transform:scale(.95) translate(-50%,-50%);box-shadow:0 0 0 0 rgba(45,201,215,.7)}70%{-webkit-transform:scale(1.1) translate(-50%,-50%);
transform:scale(1.1) translate(-50%,-50%);box-shadow:0 0 0 50px rgba(45,201,215,0)}100%{-webkit-transform:scale(.95) translate(-50%,-50%);
transform:scale(.95) translate(-50%,-50%);box-shadow:0 0 0 0 rgba(45,201,215,0)}}
@keyframes bubble-pin-pulse{0%{-webkit-transform:scale(.95) translate(-50%,-50%);
transform:scale(.95) translate(-50%,-50%);
box-shadow:0 0 0 0 rgba(45,201,215,.7)}
70%{-webkit-transform:scale(1.1) translate(-50%,-50%);
transform:scale(1.1) translate(-50%,-50%);
box-shadow:0 0 0 50px rgba(45,201,215,0)}100%{-webkit-transform:scale(.95) translate(-50%,-50%);
transform:scale(.95) translate(-50%,-50%);box-shadow:0 0 0 0 rgba(45,201,215,0)}}
.icon-bubble-pin{height:7.75rem;width:7.75rem;position:relative;display:-webkit-flex;
display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
-webkit-align-items:center;-ms-flex-align:center;align-items:center;
padding:.5rem;
/* background-color:#2dc9d7; */
background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%);
border-radius:50%;margin-left:auto;margin-right:auto;margin-top:3.39062rem;margin-bottom:7.0625rem}
.icon-bubble-pin::after{position:absolute;top:50%;left:50%;content:'';
border-radius:50%;background-color:rgba(45,201,215,.3);height:175%;width:175%;
-webkit-transform:scale(1) translate(-50%,-50%);
-ms-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);
-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;
-webkit-animation:bubble-pin-pulse-small 2s infinite;animation:bubble-pin-pulse-small 2s infinite}
@media print,screen and (min-width:40em){
.icon-bubble-pin::after{-webkit-animation:bubble-pin-pulse 2s infinite;animation:bubble-pin-pulse 2s infinite}}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.icon-bubble-pin::after{-webkit-animation:none;animation:none}}
.icon-bubble-pin.line-top{margin-top:7.0625rem;margin-bottom:3.39062rem}
.icon-bubble-pin.line-top .dashed-line{top:unset;bottom:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);
transform:translateX(50%)}.icon-bubble-pin img{width:100%;max-width:4.5rem;max-height:4.5rem;position:relative;z-index:2}
.icon-bubble-pin .dashed-line{height:10.9375rem;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);transform:translateX(-50%)}
@-webkit-keyframes bubble-pin-pulse-sm{0%{-webkit-transform:scale(.95);
transform:scale(.95);box-shadow:0 0 0 0 rgba(45,201,215,.7)}70%{-webkit-transform:scale(1.1);
transform:scale(1.1);box-shadow:0 0 0 20px rgba(45,201,215,0)}100%{-webkit-transform:scale(.95);
transform:scale(.95);box-shadow:0 0 0 0 rgba(45,201,215,0)}}
@keyframes bubble-pin-pulse-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);
box-shadow:0 0 0 0 rgba(45,201,215,.7)}70%{-webkit-transform:scale(1.1);transform:scale(1.1);
box-shadow:0 0 0 20px rgba(45,201,215,0)}100%{-webkit-transform:scale(.95);transform:scale(.95);
box-shadow:0 0 0 0 rgba(45,201,215,0)}}
.text-cta.with-repeater .section-content{margin-bottom:1.5rem}
@media print,screen and (min-width:40em){.text-cta.with-repeater .section-content{margin-bottom:2.91667rem}}

@media (max-width: 360px)
{
  .tabs-nav-lg .tabs-nav a
  {
    font-size:0.875rem!important;
  }
  .contact-form button[type=submit], .contact-form a
  {
    padding: 0 0.75rem !important;
  }
}

@media (max-width: 767px)
{
  .mb-view h2
  {
    margin-bottom:1rem!important;
    text-align: center;
  }

  .mb-view .btn{width:auto!important;}

  .mb-view .ld-fancy-heading{text-align: center;}

  .yourstore-band
  {
    margin-bottom:1rem!important
  }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .main-footer
  {
    padding-top:30px!important
  }

  .service-sec .pr-7
  {
    padding-right: 1rem !important;
  }

  .service-sec .mr-7
  {
   margin-right: 1rem !important;
  }

  .contact-sec .titlebar-col
  {
    padding-top:50px;
  }

  .contact-sec .lqd-column.pull-up
  {
    margin-top: -25%!important;
  }

  .liquid-progressbar-values-inside .liquid-progressbar-title,
.liquid-progressbar-values-inside .liquid-progressbar-percentage {
  font-size: 14px;
}

.service-head-pd
{
  padding-bottom: 30px!important;
}

.titlebar-md .titlebar-inner
{
  padding-top:90px!important;
  padding-bottom: 30px!important;
}

.slider{height:100%!important;overflow:visible!important}
/* #about-us{padding-top:400px!important} */

.desk-img{display:none}
.mob-img{display:block}

.mob-bg-trans
{
  background: transparent!important;
  box-shadow: none!important;
  margin-top: -90px;
}

.lqd-particles-bg-wrap
{ 
  height: 100vh!important;
  opacity: 0.4;
}

#products .abt-mob{padding:0 10px;}
.abt-mob{padding:0 25px;}
.abt-mob p{font-size:16px!important;}

.pd-sm-0
{
  padding:0!important
}

.tabs-nav a,.tabs-content p,
.fancy-title p
{
  font-size:1rem!important
}

.tabs-content p{padding:0 15px;}


#activity .iconbox .iconbox-icon-container img
{
  width:40px!important;
  height:auto!important;
}

#activity .iconbox-heading-sm h3{
  font-size:12px!important;
}

.social-icon-fixed
{
  left:20px!important
}


.px-md-4 {
  padding-right:0rem !important;
  padding-left:0!important
}

.lang{display: block!important;}
.lang .material-icons {
  font-size: 22px!important;
}

.down-btn-center
{
  text-align: center;
}

.abt-mob .tabs-nav-side .tabs-content
{
  padding: 30px 0px 0!important;
}

.abt-mob .tabs-nav-side .tabs-content .fancy-title
{
  margin-top:1rem;
  margin-bottom: 0!important;
}

.contact-sec .iconbox
{
  padding: 25px 25px!important;
}
.m-mob-0{margin:0}

}

@media (min-width: 1200px)
{
  .lang{display: none!important;}
}


@media (min-width:992px) and (max-width: 1024px)
{
  .contact-sec .titlebar-col
  {
    padding-top:80px;
  }

  .contact-sec .lqd-column.pull-up
  {
    margin-top: -15%!important;
  }
}

.titlebar-md .titlebar-inner
{
	padding-top: 0;
	padding-bottom: 0;
}
.ld-media-item img
{
	visibility: visible !important;
}


.contact-form a {
  display: -webkit-inline-box;
  display: inline-flex;
  width: auto;
  height: 50px;
  margin-bottom: 0;
  padding: 0 2.8em;
  /* border: 1px solid var(--color-primary); */
  background-color: var(--color-primary);
  -webkit-box-align: center;
  align-items: center;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.contact-form a:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
}

@media (min-width:992px)
{
.service-head-pd
{
  padding-top: 0!important; padding-bottom: 50px!important;
}
.text-md-right {
  text-align: left !important;
}
.text-md-left {
  text-align: right !important;
}
}

html
{
scrollbar-color:#0BDA90 #FFFFFF;
scrollbar-width: thin !important;
}
html::-webkit-scrollbar {width: 4px;height:10px;border-radius: 20px;background-color:transparent;}
html::-webkit-scrollbar-thumb {background: #0BDA90;border-radius: 20px;}
/*button spinner*/
button .box {
display: inline-block;
margin-left: 10px;
width:100%;
}
button .spinner {
height: 20px;
width: 20px;
background: transparent;
border-radius: 50%;
border-top: 2px solid #fff;
border-right: 2px solid transparent;
animation: spin 700ms linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}


table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

table thead tr th{
  /* background:rgba(23, 80, 158,1); */
  color:#fff;
  text-align:center;
  font-size:14px;
}

th, td {
  text-align: center;
  /* padding: 8px; */
  padding: 0.45em 0.5em!important;
}

tr:nth-child(even){background-color: #f2f2f2}
.contact-form {
  margin-bottom: 0em!important;
}

.tabs-nav-lg .tabs-nav a
{
  font-weight:700;
  color:rgba(0,0,0,0.64)!important;
  
}

.tabs-nav li.active a, .text-grad
{
  color: #0BDA90!important;
  background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
    background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
  display: inline-block;
}

.tabs-nav-active-underlined .tabs-nav li:after
{
  background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)))!important;
    background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%)!important;
}

@media screen and (max-width: 768px)
{
.tabs-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: inherit;
  flex-flow: nowrap;
  display: -webkit-box;
  overflow-x: auto;
}
.tabs-nav-lg .tabs-nav a {
  padding: 0.5em 1em;
}

.tab-grad
{
  display: none;
  width:30px;height:42px;
  position: absolute;right:0px;top:0;
  z-index: -1;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(204,204,204,0.5) 100%);

}

.social-icon-fixed
{
 left:30px!important
}
.m-mob-0{margin:0}

}

/*Social icons*/

.social-icon-fixed
{
  position: absolute;
 left:60px;
  top:45%;
  z-index:999
}

.branded [class*=fa-instagram],
.branded [class*=fa-facebook],
.branded [class*=fa-twitter]
 {
  background-color: #ffffff;
  box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 8%);
}

.social-icon.round.branded a i
{
  color:#000;
}

.social-icon.branded a:hover [class*=fa-instagram],
.social-icon.branded a:hover [class*=fa-facebook],
.social-icon.branded a:hover [class*=fa-twitter]
{
background-color:#0BDA90!important;
background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%);
}

.social-icon.round.branded a:hover i,
.social-icon.round.branded a:hover i
{
color:#fff!important;
}

.abt-sec-bg
{
  background-color:#000000;
  /* background-color:#0BDA90!important;
background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%); */
}

/*Howitworks*/
.tabs-nav-side .tabs-nav
{
  width: 22.5%;
  padding: 50px 0 50px!important;
}

.tabs-nav-side .tabs-content {
  width: 77.5%;
  padding: 0 30px!important;
}

.tabs-nav-side .tabs-nav a
{
  padding: 20px 40px!important;
  color:#000!important
}

.tabs-nav-side .tabs-nav a:after
{
  background-color:#0BDA90!important;
  background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
  background: linear-gradient(to bottom, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%);
}

/*Contact form*/
.contact-form select, .contact-form input, .contact-form textarea, .contact-form .ui-selectmenu-button
{
  color:#000!important;
  text-align: right;
}
/* do not group these rules */


.contact-form select:focus, .contact-form .ui-selectmenu-button:focus
{
  border: 0px;
  border-bottom: 2px solid;
  border-image: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
  border-image: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%);
  border-image-slice: 1;
  transition: 0.4s;
}
input{color: #333; width: 100%; box-sizing: border-box;}
.effect-2 ~ .focus-border{
  position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; 
  background-color:#0BDA90!important;
  background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop)));
  background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%);
   transition: 0.4s;
}
.effect-2:focus ~ .focus-border{width: 100%; transition: 0.4s; left: 0;}

.contact-form select, .contact-form input, .contact-form textarea, .contact-form .ui-selectmenu-button
{
  margin-bottom:0!important;
}

.contact-form button[disabled]
{
  background: #B0B4B8!important;
  color:rgba(0, 0, 0, 0.24)!important;
}
.mat-check::before {
  content: "check";
 font-family: "Material Icons";
 color: #000000 !important;
 font-size:25px!important;
 color:#0BDA90!important;
 vertical-align: middle;
 padding-right: 10px;
}

.bg-light {
   background: rgba(176, 180, 184, 0.14)!important;
}

.iconbox .contents {
    max-width: 100%;
    text-align: right!important;
}

.ui-selectmenu-text
{
  margin-left:20px;
  margin-right:auto!important;
}

@media screen and (max-width: 1199px)
{
.navbar-header .navbar-toggle {
    -webkit-box-pack: end;
    justify-content: flex-end!important;
}
html[dir=rtl] [data-mobile-nav-trigger-alignment=right] .navbar-header .navbar-brand {
  -webkit-box-pack: start;
  justify-content: flex-start!important;
}
}

@media not all and (min-resolution:.001dpcm)
{
.is-stuck {
  -webkit-animation:none!important;
  animation:none!important;
}
.navbar-header > * {
  -webkit-box-flex:0 auto;
  flex: 0 auto!important;
}
}
@media screen and (max-width: 768px){
.upr{
 position: relative;
bottom:235px;
right:30px;
}

}
.navbar-toggle {
margin-top:-40px;
    
}
@media screen and (max-width: 768px){
[data-mobile-nav-style=modern] .navbar-collapse-inner{
    margin-top: -140px;
    padding-bottom: 130px;
    padding-top: 220px;

}
}
@media screen and (max-width: 480px){
.social-icon-fixed {
    margin-top: 230px;
    padding-left: 80px;
}}
@media screen and (max-width: 480px) {
  .upr1 {
   display:none;
  }
}
@media screen and (max-width: 480px) {
  .upr {
padding-top: 20px;
    padding-right: 120px;

  }
}
@media screen and (max-width: 480px) {
.material-icons{
    color:black;
}}
.pl-2{
    color:white;
}
@media screen and (max-width: 480px) {
.nts{

    display:none;
}}
@media screen and (min-width: 768px) {
.nts1{

    display:none;
}}