@font-face {
  font-family: 'Spoof';
  src: url('../fonts/Spoof-Thin.eot');
  src: local('../fonts/Spoof Thin'), local('Spoof-Thin'), url('../fonts/Spoof-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Spoof-Thin.woff2') format('woff2'), url('fonts/Spoof-Thin.woff') format('woff'), url('../fonts/Spoof-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spoof';
  src: url('../fonts/Spoof-Light.eot');
  src: local('../fonts/Spoof Light'), local('Spoof-Light'), url('../fonts/Spoof-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Spoof-Light.woff2') format('woff2'), url('../fonts/Spoof-Light.woff') format('woff'), url('../fonts/Spoof-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spoof';
  src: url('../fonts/Spoof-Regular.eot');
  src: local('../fonts/Spoof Regular'), local('Spoof-Regular'), url('../fonts/Spoof-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Spoof-Regular.woff2') format('woff2'), url('../fonts/Spoof-Regular.woff') format('woff'), url('../fonts/Spoof-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spoof';
  src: url('../fonts/Spoof-Medium.eot');
  src: local('../fonts/Spoof Medium'), local('Spoof-Medium'), url('../fonts/Spoof-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Spoof-Medium.woff2') format('woff2'), url('../fonts/Spoof-Medium.woff') format('woff'), url('../fonts/Spoof-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spoof';
  src: url('../fonts/Spoof-Bold.eot');
  src: local('../fonts/Spoof Bold'), local('Spoof-Bold'), url('../fonts/Spoof-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Spoof-Bold.woff2') format('woff2'), url('../fonts/Spoof-Bold.woff') format('woff'), url('../fonts/Spoof-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spoof';
  src: url('../fonts/Spoof-Black.eot');
  src: local('../fonts/Spoof Black'), local('Spoof-Black'), url('../fonts/Spoof-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Spoof-Black.woff2') format('woff2'), url('../fonts/Spoof-Black.woff') format('woff'), url('../fonts/Spoof-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
  --fs-64 : 4rem;
  --fs-56 : 3.5rem;
  --fs-48 : 3rem;
  --fs-42 : 2.625rem;
  --fs-38 : 2.375rem;
  --fs-34 : 2.125rem;
  --fs-32 : 2rem;
  --fs-30 : 1.875rem;
  --fs-28 : 1.75rem;
  --fs-26 : 1.625rem;
  --fs-24 : 1.5rem;
  --fs-22 : 1.375rem;
  --fs-20 : 1.25rem;
  --fs-18 : 1.125rem;
  --fs-16 : 1rem;
  --fs-14 : 0.875rem;
  --fs-13 : 0.8125rem;
  --fs-12 : 0.75rem;
  --fs-11 : 0.6875rem;
  --fs-10 : 0.625rem;

  --main-blue : #BA73FF;
  --blue2 : #CF9DFF;
  --blue3 : #E3C7FF;
  --light-bg-blue : #FBE9F5;
  --new-black : #252525;
  --light-bg : #E5F3FF;
  --gray-dark : #9B9B9B;
  --gray-medium : #D9D9D9;
  --gray-light : #EFEFEF;
  --gray-light2 : #f6f9ff;
  --green: #198754;
  --red: #dc3545;
  --yellow: #ffc107;
  --light-blue: #0dcaf0;
}

.fs-64 {
  font-size: var(--fs-64);
}

.text-white {
  color: #fff !important;
}


body {
/*  font-family: Spoof, Arial, Helvetica, sans-serif;*/
  font-family: 'Inter', Spoof, Arial, Helvetica !important;
  color: #111;
}

a {
  color: #0c0ccc;
  text-decoration: none;
 

}

a:hover {
  color: #0c0ccc;
  text-decoration: none;

}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'Inter', Spoof;
}
.text-white {
  color: #fff!important;
}

.color_one {
  color: #0c0ccc;
}
.color_two {
  color: #6a5e12;
}
.color_three {
  color: #464461;
}
.color_four {
  color: #417bc6;
}
.typed-cursor {
  color: #00abfb!important;
}

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader-spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1.5s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes animate-svg-fill-1 {
  10% {
    fill: transparent;
  }

  50% {
    fill: rgb(30, 117, 231);
  }
}

.svg-elem-1 {
    animation: animate-svg-fill-1 2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.2s both infinite ;
    animation-play-state: running; 
}

@keyframes animate-svg-fill-2 {
  10% {
    fill: transparent;
  }

  50% {
    fill: rgb(30, 117, 231);
    }
}

.svg-elem-2 {
    animation: animate-svg-fill-2 2.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.2s both infinite ;
    animation-play-state: running; 
    }

@keyframes animate-svg-fill-3 {
  10% {
    fill: transparent;
   }
  50% {
    fill: rgb(30, 117, 231);
  }
}
.svg-elem-3 {
    animation: animate-svg-fill-3 1.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.2s both infinite ;
    animation-play-state: running; 
  }


/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
  padding: 100px 0;
  overflow: hidden;
}

.section-header {
  text-align: center;
  padding-bottom: 40px;
}

.section-header h2 {
  font-size: var(--fs-42);
  line-height: 50px;
  color: #000;
  font-weight: 600;
}

.section-header h3 {
  font-size: var(--fs-34);
  line-height: 62px;
  font-weight: 400;
  color: #000;
}

.section-header p {
  font-size: var(--fs-18);
  font-weight: 500;
  margin: 0;
  color: #000;
}

@media (max-width: 768px) {
  section {
    padding: 30px 0;
  }
  .section-header {
    text-align: center;
    padding-bottom: 25px;
  }
  .section-header h2 {
    font-size: var(--fs-26);
    line-height: 30px;
    font-weight: 500;
  }
  .section-header h3 {
    font-size: var(--fs-20);
    line-height: 30px;
    font-weight: 400;
    color: #000;
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #0c0ccc;
  min-height: 40px;
  margin-top: 82px;
  color: #fff;
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 57px;
  }
}

.breadcrumbs h2 {
  font-size: var(--fs-28);
  font-weight: 500;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: var(--fs-14);
}

.breadcrumbs ol a {
  color: #fff;
  transition: 0.3s;
}

.breadcrumbs ol a:hover {
  text-decoration: underline;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #8894f6;
  content: "/";
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 105px;
  z-index: 99999;
  background: #000;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: var(--fs-24);
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #6776f4;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

.loader {
  --s: 10px;
  --b: 11px;
  height: calc(6*var(--s));
  width: 500px;
  aspect-ratio: 2.5;
  display: grid;
  padding: 20px;
  filter: blur(7px) contrast(20) hue-rotate(20deg);
  background: #fff;
  mix-blend-mode: darken;
}

.loader::before{
  content: "";
  background: #881fff;
  --_g: calc(-.6*var(--s)), #0000 calc(99% - var(--b)),#000 calc(101% - var(--b)) 99%,#0000 101%;
  --_r: calc(1.166*var(--s) + var(--b)/2) at left 50%;
  -webkit-mask:
    radial-gradient(var(--_r) bottom var(--_g)) 
      calc(50% - var(--s)) calc(50% - var(--s))/calc(4*var(--s)) calc(2*var(--s)),
    radial-gradient(var(--_r) top    var(--_g)) 
      calc(50% + var(--s)) calc(50% + var(--s))/calc(4*var(--s)) calc(2*var(--s));
  animation: m 1s infinite linear;
}
@keyframes m {
  to {
    -webkit-mask-position: 
      calc(50% - 5*var(--s)) calc(50% - var(--s)),
      calc(50% - 3*var(--s)) calc(50% + var(--s))
  }
}

/*--------------------------------------------------------------
# Disable aos
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
/*body [data-aos-delay='100'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='100'].aos-animate {
    transition-delay: 0 !important;
}
body [data-aos-delay='200'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='200'].aos-animate {
    transition-delay: 0 !important;
}
body [data-aos-delay='300'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='300'].aos-animate {
    transition-delay: 0 !important;
}
body [data-aos-delay='400'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='400'].aos-animate {
    transition-delay: 0 !important;
}
body [data-aos-delay='500'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='500'].aos-animate {
    transition-delay: 0 !important;
}
body [data-aos-delay='600'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='600'].aos-animate {
    transition-delay: 0 !important;
}
*/
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
  transition: all 0.5s;
  z-index: 999;
  padding: 6px 0 10px 0;
  background-color: #fff;
  
/*  background: #c2e7ff;*/
/* background-color:rgba(255,255,255,0.8);*/
}

.header.header-scrolled {
  background: #fff;
  padding: 6px 0 6px 0;
  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
}
.header.header-scrolled .logo img {
  height: 60px;
  transition: all 0.3s ease-in-out 0s;
}

.header .logo {
  line-height: 0;
  color: black;
}

.header .logo img {
  height: 65px;
  margin-right: 6px;
}

.header .logo span {
  font-size: var(--fs-30);
  font-weight: 700;
  letter-spacing: 1px;
  color: #111;
  font-family: "Nunito", sans-serif;
  margin-top: 3px;
}
.inner_Dark .header {
  background:#fff;
}
.inner_Dark .header .navbar a, .navbar a:focus,  {
  color: #fff;
}
.inner_Dark .navbar .dropdown ul a {
  color: ;
}
.inner_Dark .header.header-scrolled .navbar a, .navbar a:focus{
  color: #000;  
}
.inner_Dark .header .logo {
  color: #fff;
/*  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(200%) contrast(200%);*/
}
.inner_Dark .header.header-scrolled .logo {
  filter: invert(0%);
}
.btn-outline-secondary {
  border: none;
  padding: 0;
  background: none;
  font-size: var(--fs-12);
  color: #000;
}
.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn:first-child:active {
  background: none;
  color: #000;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

/*.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}*/

/*.navbar li {
  position: relative;
}*/

/*.navbar>ul>li {
  white-space: nowrap;
 
}*/
li.nav-item {
   padding: 0 25px;
}
li.nav-item a.getstarted {
  font-weight: 500!important;
  
}
.navbar-expand-lg .navbar-nav .nav-link {
  color: #111 ;
}
li.nav-item a.getstarted:before {
  width: 100%;
  height: 3px;
  background-color: #1a73e8;
  visibility: visible;
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0px;
  left: 0;
  transition: all 0.3s ease-in-out 0s;
  color: #111;
}
 li.nav-item a.getstarted:hover:before,
 li.nav-item a.getstarted:focus:hover:before{
  background-color: #000;
}

.nav-item a,
.nav-item a:focus {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: 'Inter', Spoof;
  font-size: var(--fs-15);
  font-weight: 300;
  color: #111;
  white-space: nowrap;
  transition: 0.3s;
}

.nav-item a i,
.nav-item a:focus i {
  font-size: var(--fs-12);
  line-height: 0;
  margin-left: 5px;
}
.nav-item a.btn.btn-start {
  color: #fff;
  font-size: var(--fs-22);
  text-decoration: none;
}
.nav-item a.btn.btn-start:hover {
  color: #111;
}

.nav-item a.nav-link:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0px;
  left: 0;
  background-color: #111;
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
}

.nav-item a.nav-link:hover:before,
.nav-item li:hover>a:before,
.nav-item a.nav-link.active:before {
  visibility: visible;
  width: 100%;
} 

.nav-item a.nav-link:hover,
.nav-item a.nav-link:active,
.nav-item a.nav-link:active:focus,
.nav-item a.nav-link li:hover>a {
  color: #000;
}


/*
.navbar .dropdown ul {
  display: block;
  position: absolute;
  right: 0;
  top: calc(100% + 30px);
  margin: 0;
  padding: 0px 0 0 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
  border: none;
}

.navbar .dropdown ul li {
  min-width: 200px;
  position: relative;
}
*/
.navbar .dropdown ul a {
  padding: 7px 3px;
  font-size: var(--fs-20);
  text-transform: none;
 
}

.navbar .dropdown ul a i {
  font-size: var(--fs-12);
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #000;
  font-weight: 600;
}

/*.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
  width: fit-content;
}*/

/*.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
  width: fit-content;
  max-width: fit-content;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}*/
.landing-header .navbar a,
.video-landing-header .navbar a:focus {
  color: #fff ;
}
.landing-header .header-scrolled .navbar a {
  color: #111;
}
.landing-header .header a.logo .logo-b-b {
  display: none;
}
.landing-header .header a.logo .logo-w-b {
  display: block;
}
.header a.logo .logo-w-b {
  display: none;
}
.landing-header .header.header-scrolled a.logo .logo-w-b  {
   display: none;
  }
.landing-header .header.header-scrolled a.logo .logo-b-b  {
  display: block;
}

.dash-image {
  -webkit-transition: transform 0.8s ease-in;
-moz-transition: transform 0.8s ease-in;
-ms-transition: transform 0.8s ease-in;
-o-transition: transform 0.8s ease-in;
transition: transform 0.8s ease-in;

}

.dash-image:hover{
  -webkit-transform: scale(0.9) rotate(1deg) translate(-1px, -11px) skew(-1deg, -1deg);
-moz-transform: scale(0.9) rotate(1deg) translate(-1px, -11px) skew(-1deg, -1deg);
-ms-transform: scale(0.9) rotate(1deg) translate(-1px, -11px) skew(-1deg, -1deg);
-o-transform: scale(0.9) rotate(1deg) translate(-1px, -11px) skew(-1deg, -1deg);
transform: scale(0.9) rotate(1deg) translate(-1px, -11px) skew(-1deg, -1deg);
-webkit-transition: transform 0.8s ease-in;
-moz-transition: transform 0.8s ease-in;
-ms-transition: transform 0.8s ease-in;
-o-transition: transform 0.8s ease-in;
transition: transform 0.8s ease-in;

}


@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #111;
  font-size: var(--fs-28);
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #000;
  font-size: 50px;
  z-index: 9;
  position: relative;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }
  /*.navbar ul {
    display:none;
  }*/
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0px;
  right: 0;
  left: 0;
  bottom: 0;
  /*background: rgba(1, 22, 61, 0.9);*/
  transition: 0.3s;

}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
  padding-top: 75px;
  text-align: center;
}
 .navbar-mobile ul .bi-box-arrow-in-right {
  font-size: 20px;
  margin-right: 5px;
 }
.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: var(--fs-16);
  color: #111;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #0c0ccc;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: var(--fs-12);
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #881fff;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}
@media (max-width: 768px) {
  .navbar>ul>li {
    padding: 10px;
  }
  .navbar-mobile a, .navbar-mobile a:focus {
    padding: 40px 10px;
    padding-bottom: 0;
/*    width: fit-content;*/
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    display: inline-block;
  }
  .header .logo img {
    height: 60px;
  }

  .navbar-toggler {
    position: absolute;
    right: 0;
    top: 9px;
    }

}
  
  .propmarker-pricing .fixed-top {
    background-color: #fff;
  }
  .promarker-home .fixed-top {
    background-color: #fff;
  }
  .header-scrolled .fixed-top,
  .propmarker-pricing .header.fixed-top.header-scrolled
   {
    background-color: #fff !important;
    box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
  }
  .propmarker-inner .fixed-top {
    background-color: #fff;
/*    padding: 6px 0 6px 0;*/
  }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  width: 100%;
/*   height: 85vh;*/
/*  height: 108vh;*/
  background-position: left  bottom;
/*  height: 100%;*/
  height: 100vh;
  padding: 0;
  background-size: contain;
  position: relative;
  object-fit: cover;
  overflow: hidden;
  background-position: bottom left!important;
  padding-top: 100px;
  padding-bottom: 60px;
    }

 .main-heading {
  font-family: spoof; font-weight: 100; color:#072550;
  line-height: 50px;
  font-size: var(--fs-42);
  letter-spacing: -1px;
  padding: 0 10px;
 } 
 .ai-heading-banner {
  font-size: var(--fs-34);
  line-height: 40px;
 }
 .pm-user ul.flex-scroll {
     scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
 }
 .pm-user ul.flex-scroll > li {
  min-width: 300px; /* Ensures each item has room when scrolling */
  scroll-snap-align: start;
}

 .pm-user ul li{
  list-style: none;
  position: relative;
  text-align: left;
  background-image: linear-gradient(148.62deg, #ffffffff, #ffffffff);
  padding:20px 20px 20px 20px;
  border-radius: 20px;
  width: 33%;
 }
 .pm-user ul li i{
  position: absolute;
  left: 4px; top: 10px;
 }
 .pm-ai-section{
  background: #0c0ccc url("../img/gradient_noise.png") center;
  padding: 25px;
/*  background: #0c0ccc;*/
/*  border:2px solid #0c0ccc;*/
  margin-top: 5px;
  z-index: 2;
  position: relative;
  min-height: 400px;

/*  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px 0px inset, rgba(17, 17, 26, 0.05) 0px 8px 32px 0px;*/
 }
 .pm-ai-section .btn-primary {
  background-color: #E57A00;
  color:#fff;
 }
 .btn.btn-orange {
  background-color: #E57A00;
  color:#fff;
  border-color:#E57A00;
 }
 .ai-l-logo {
  position: relative;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
 }
 .live-logo {

 }
 .live-logo img {
  max-width: 160px;
 }

 .expansion {
  font-weight: 900;
   }
  .bg-daimond {
    position: relative;
    padding: 40px 0 20px 0;
  }
  .bg-daimond .left-one {
    position: absolute;
    left: -267px;
    top: -50px;
    z-index: 0;
  }
  .bg-daimond .right-one {
    position: absolute;
    right: -425px;
    top: -255px;
    z-index: 0;
  }
  .ai_text {
    font-size: var(--fs-12);
    line-height: 14px;
  }
  .ai-sk-icons {
  margin-left: -80px;
 }

@keyframes blink {
  0% {opacity: 0}
  49%{opacity: 0}
  50% {opacity: 1}
}
.bg-daimond .blink {
    position: absolute;
    width: 198px;
    position: absolute;
    right: -125px;
    top: -72px;
    z-index: 0;
    animation: zoom-in-zoom-out 2s ease-out infinite;
/*    opacity: 0.4;*/
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    transform: scale(1, 1);
    opacity: 0.3;
  }
  100% {
    transform: scale(1, 1);
    opacity:inherit ;
  }
}

.blink{
  /*animation: blink 1s infinite;
  opacity: 0; 
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); 
  transform-style: preserve-3d;*/
  
}

 .pm-video-wraper {
    position: relative;
 }
 .video-landing {
   min-width: 100%;
    min-height: 100vh;
    z-index: 1;
 }
 .video-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
  width: 100%;
 }
 .overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(45deg, rgba(0,0,0,.8) 50%, rgba(0,0,0,.9) 90%);
  background-size: 3px 3px;
  z-index: 2;
}

/*.wave {
  background-image: url(../img/bg_light.png);
  position: absolute;
  background-repeat: no-repeat;
  background-position:  bottom left ;
  width: 100%;
  height: 100%;
   background-size: cover;
  
  }*/

/*.wave {
  background-image: url(../img/lines1.svg);
  position: absolute;
  background-repeat: repeat-x;
  background-position: bottom -68px right;
  width: 900%;
  height: 100%;
  animation: wave 20s -3s linear infinite;
  transform: translate3d(0, 0, 0);
  display: none;
  }*/

.wave:nth-of-type(2) {
  bottom: 0;
/*  animation: wave 50s linear reverse infinite;*/
  
}

.wave:nth-of-type(3) {
  bottom: 0;
  animation: wave 20s -1s linear infinite;

}

@keyframes wave {
    0% {transform: translateX(0);}
    50% {transform: translateX(-25%);}
    100% {transform: translateX(-50%);}
}



.hero .z-index{
  z-index: 99;
}

.hero-108{
  height: 108vh;
}
.hero-75 {
  width: 100%;
  height: 75vh;
}
.ani_wrap {
 
}
.bg-white{
  background: #fff;
}

.bg-2 {
  background: #EEEFFC;
}
.home-bg{
  background: #c2e7ff;
}

.bg-3{
  background: #fff8f6 !important;
}

.bg-4{
  background: #f8f9fa !important;
}
.bg-5{
  background: #f1f3f4 !important;
}
.bg-6 {
  background: #fee082 !important;
}
.bg-7 {
  background: #fff7e1 !important; 
}
.bg-8 {
  background: #f3e8fd !important;
}
.bg-9 {
  background: #b1f2b4 !important;
}
.bg-10 {
  background: #00b9fb;
}
.bg-11 {
  background: #e2f6df;
}
.bg-12 {
  background: #ebe3da;
}
.bg-13 {
  background: #d5e3fc;
}
.bg-14 {
  background: #ace3c9;
}
.bg-15 {
  background: #febcd7;
}
.bg-16 {
  background: #b4d3fa;
}
.bg-17 {
  background: #fedba6;
}

.dark_bg1{
  background-color:#50462a;
}

.brand_bg{
  background-color: #0c0ccc;
}

.pm_blue {
  color: #0c53ba;
}
.pm_g_yellow {
  color: #745e02 !important;
}
.pm_g_yellow_bg_btn{
  background-color:#745e02 !important;
  border-color: #745e02 !important;
}
.pm_g_yellow_bg_btn:hover {
  color: #fff !important;
}
.pm_green {
  color: #216a38;
}
.pm_l_green {
  color: #0a9c11;
}
.pm_brown {
  color: #ad3400 !important;
}
.pm_l_blue {
  color: #003355 !important;
}
.pm_hash{
  color: #313131;
}
.pm_gold {
  color: #50462a;
}
.brand_blue_color {
  color: #0c0ccc !important;
}
.pm-ai-color{
  color: #072550;
}
.pm-ai-color:hover{
  color: #072550;
  text-decoration: underline;
}
.pm-orange-color {
  color: #E57A00;
}

.bi.bi-check2-circle {
  color: #6d9f29;
  font-size: 30px;
  vertical-align: top;
  display: flex;
}
.text-white {
  color: #fff !important;
}
.text_changing {
  padding: 10px 0;
  font-weight: 600;
  height: 85px;
}
.text_changing h2 {
  line-height: 40px;
  font-family: spoof !important;
}
.pattern_bg{
/*  background: #c2e7ff url(../img/bg_blue.png)  no-repeat;*/
  background-position: bottom -130px center;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
}


.hero h1, .hero-75 h1  {
  margin: 0;
  font-size: var(--fs-42);
 font-weight: 400;
  
}

.hero h4 { 
  color: #111;
  margin: 15px 0 0 0;
  font-size: var(--fs-22);
  line-height: 32px;
  font-weight: normal;
}

.hero .btn-start {
  padding: 25px 28px;
  border-radius: 50px;
  transition: 0.5s;
  color: #fff;
  border: 3px solid #0c0ccc;
  background: #0c0ccc;
  overflow: hidden;
  position: relative;
  font-weight: 500;

}

.hero .btn-start span {
  font-weight: 500;
  font-size: var(--fs-22);
}

.hero .btn-start:hover {
  transform: translateX(5px);
}
.landing-image-banner {
  background: url(../img/landing_page.jpg)  no-repeat;
  background-position: top left;
  background-size: cover;
  color: #fff !important;
  overflow: inherit !important;
  height: 82vh;
  padding-bottom: 100px;
  position: relative;
  z-index: 2;
}
.landing-image-banner .home-bg{
  background-color: rgba(194, 231, 255, 0.8) !important;
}

.landing-image-banner .elementor-background-overlay {
    background-color: transparent;
    background-image: linear-gradient(180deg,#003355 3%,#F1A01F00 120%);
    opacity: 2;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
     z-index: -1;
}

.landing-image-banner.landing-7dayf img.ring {
    top: 257px;
    right: -45px;
    background-color: #ffe082;
}
.landing-image-banner.landing-7dayf .pm-ai-brand {
    right: 15px;
    bottom: -10px;
}
 .landing-7dayf {
  
 }
.landing-7dayf .btn-start {
   position: relative;
   overflow: hidden;
}
.landing-7dayf .future_list {
   position: relative;

   
}
.pm_futures.landing-7dayf .future_list ul li{
    padding: 6px 40px;
    line-height: normal;
    font-weight: 500;
    font-size: 18px !important;
  }
.pm_futures.landing-7dayf .future_list ul li i {
  top: 0;

}
.pm_futures.landing-7dayf .future_list ul li i img {
  width: 32px;
}
.landing-7dayf .anim:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: 0px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 4s ease-in-out infinite;
}
.landing-7dayf .anim:hover{
  opacity: .7;
}
.landing-7dayf .anim:active{
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
    -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}
.landing-7dayf .pm-ai-brand {
  position: absolute;
  right: 10px;
  bottom: 35px;
  width: auto;
  height: 85px;

}

.landing-7dayf img.ring {
  position: absolute;
  bottom: -40px;
  right: -54px;
  width: 232px;
  height: 232px;
 
}

.home_chrome_btn {
 padding: 25px 0;
 position: relative;
/* background-color: #eaf7ff;*/
/* overflow: hidden;*/
 
}
.home_chrome_btn  .chrome_btn {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: inline-block;
}
.home_chrome_btn:hover .chrome_btn {
  transition: 0.3s;
  transform: translateX(-10px) translateY(-10px);

}
.home_chrome_btn .ovel {
  height: 350px;
  width: 350px;
  position: absolute;
  left: 160px;
  bottom: -237px;
  border-radius: 100%;
   z-index: -1;
}

.home_chrome_btn .ovel1 {
  height: 400px;
  width: 400px;
  position: absolute;
  left: 60%;
  right: 0;
  top: -280px;
  border-radius: 100%;
  z-index: -1;
}

.home_chrome_btn .ovel2 {
  height: 150px;
  width: 150px;
  position: absolute;
  right: 0px;
  top: 20px;
  border-radius: 100%;
  z-index: 0;
  
}
.home_chrome_btn h5{
  color: #0a9c11;
}

@media (max-width: 1400px) {
  .pm_futures.landing-7dayf .future_list ul li {
    font-size: var(--fs-18) !important;
  }
  .landing-7dayf img.ring {
    
  }
}

@media (max-width: 1200px) {
  .pm_futures.landing-7dayf .future_list ul li {
    font-size: var(--fs-16) !important;
  }
}

@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


.hero .btn-download {
  line-height: 0;
  padding: 8px 10px;
  border-radius: 50px;
  transition: 0.5s;
  color: #fff;
  background: none;
  border: 3px solid #fff;
  white-space: nowrap;
}

.hero .btn-download i {
  font-size: var(--fs-34);
  margin-right: 6px;
}

.hero .btn-download span {
/*  font-weight: 500;*/
  font-size: var(--fs-18);
}

.hero .btn-download:hover {
  transform: translateX(5px);
  color: #035;
  border: 3px solid #035;
  background: none;
}

.hero .btn-download:hover span,
.hero .btn-download:hover i {
  color: #035;
}
.hero .hero-img {
  text-align: right;
  z-index: 2;
}

.hero .anim-box {
  position: absolute;
  top: 0;
  left: 0;
}
.hero .hover-box {
  position: absolute;
  font-size: var(--fs-15);
  background: #fff;
  white-space: nowrap;
  font-weight: 400;
  color: #000;
  padding: 10px 10px;
  border-radius: 10px;
  box-shadow: 0px 5px 30px rgba(65, 84, 241, 0.3);
/*  border: 2px solid #fff;*/
  width: fit-content;
  z-index: 1;
}
.hero .hover-box.seven {
  animation: seven 27s ease infinite;
}
.ai_pmlogo img {
    width: 175px;
  }

@keyframes seven {
 0% {
    transform: scale(1, 1);
    /*background: linear-gradient(145deg, #862cfe, #7fbff5);*/
    background-color: #ffeee8;
    color: #000;
  } 
  25% {
    transform: scale(1.2, 1.2);
    background-color: #ffeee8;
  }
  90% {
    transform: scale(1, 1);
    color: #000;
    background-color: #ffeee8;
  }
  100% {
     background-color: #ffeee8;
     transform: scale(1, 1);
      animation: ease infinite;
  }
}

.hero .hover-box.six {
  /*animation: six 16s  ease infinite;*/
  animation: six 5s ease infinite;
  
}
@keyframes six {
  0% {
    transform: scale(1, 1);
    /*background: linear-gradient(135deg, #d7299b, #fc9d8d);*/
    background-color: #ffefca;
    color: #000;
  } 
  25% {
    transform: scale(1.2, 1.2);
    background-color: #ffefca;
  }
  90% {
    transform: scale(1, 1);
    color: #000;
    background-color: #ffefca;
  }
  100% {
     background-color: #ffefca;
     transform: scale(1, 1);
      animation: ease infinite;
  }
 
}

.hero .hover-box.five {
 /* animation: five 32s  ease infinite;*/
 animation: five 10s ease infinite;

}
@keyframes five {
 0% {
    transform: scale(1, 1);
    /*background: linear-gradient(145deg, #862cfe, #7fbff5);*/
    background-color: #e2f6df;
    color: #000;
  } 
  25% {
    transform: scale(1.2, 1.2);
    background-color: #e2f6df;
  }
  90% {
    transform: scale(1, 1);
    color: #000;
    background-color: #e2f6df;
  }
  100% {
     background-color: #e2f6df;
     transform: scale(1, 1);
      animation: ease infinite;
  }
}

.hero .hover-box.four {
  animation: four 7s  ease infinite;
}
@keyframes four {
  0% {
    transform: scale(1, 1);
/*    background: linear-gradient(135deg, #d7299b, #fc9d8d);*/
    background-color: #ffe082;
    color: #000;
  } 
  25% {
    transform: scale(1.2, 1.2);
    background-color: #ffe082;
  }
  90% {
    transform: scale(1, 1);
    color: #000;
    background-color: #ffe082;
  }
  100% {
     background-color: #ffe082;
     transform: scale(1, 1);
      animation: ease infinite;
  }
 }


.hero .hover-box.three {
  animation: three 12s  ease infinite;
}
@keyframes three {
 0% {
    transform: scale(1, 1);
/*    background: linear-gradient(145deg, #862cfe, #7fbff5);*/
    background-color: #f3e8fd;
    color: #000;
  } 
  25% {
    transform: scale(1.2, 1.2);
    background-color: #f3e8fd;
  }
  90% {
    transform: scale(1, 1);
    color: #000;
    background-color: #f3e8fd;
  }
  100% {
     background-color: #f3e8fd;
     transform: scale(1, 1);
      animation: ease infinite;
  }
}

.hero .hover-box.two {
  animation: two 8s  ease infinite;
  
}
@keyframes two {
  0% {
    transform: scale(1, 1);
    /*background: linear-gradient(135deg, #d7299b, #fc9d8d);*/
    background-color: #b1f2b4;
    color: #000;
  } 
  25% {
    transform: scale(1.2, 1.2);
    background-color: #b1f2b4;
  }
  90% {
    transform: scale(1, 1);
    color: #000;
    background-color: #b1f2b4;
  }
  100% {
     background-color: #b1f2b4;
     transform: scale(1, 1);
      animation: ease infinite;
  }
}

.hero .hover-box.one {
  animation: one 16s  ease infinite;
  
   
}
@keyframes one {
  0% {
    transform: scale(1, 1);
  /* background: linear-gradient(145deg, #862cfe, #7fbff5);*/
    background-color: #c2e7ff;
    color: #000;
  } 
  25% {
    transform: scale(1.2, 1.2);
    background-color: #c2e7ff;
  }
  90% {
    transform: scale(1, 1);
    color: #000;
    background-color: #c2e7ff;
  }
  100% {
     background-color: #c2e7ff;
     transform: scale(1, 1);
      animation: ease infinite;
  }
 }

.main_b_img .img-fluid{
/*  width: 800px !important;*/
  max-width: 100%;
}
#image_Sc {
/*  width: 800px !important;*/
  max-width: 100%;
 }

.hero .banner_image .img-fluid{
  width: 470px;
  height: auto;
}
.hero .img-fluid {
  z-index: 99;
/*  max-width: none;*/
}
.hero .b_wraper {
 height: 100%;
 display: block;
}

.hover-box.one {
  left: -80px;
  top: 0px;
}
.hover-box.two {
  top: 100px;
  left: -10px;
}
.hover-box.three {
  top: -40px;
  left: 195px;
  /*color: #fff;
  background: linear-gradient(145deg, #862cfe, #7fbff5);*/
}
.hover-box.four {
  top: -29px;
  left: 500px;
}
.hover-box.five {
  top: 400px;
  left: -28px;
}
.hover-box.six {
  top: 515px;
  left: 260px;
  /*color: #fff;
  background: linear-gradient(135deg, #d7299b, #fc9d8d);*/
}
.hover-box.seven {
  top: 332px;
  left: 495px;
}

.hero .line-box {
  position: absolute;
  background: transparent;
  z-index: -2;
}
.hero .line-box svg {
  width: 550px;
  height: 500px;
}
.hero .line-box.line-1 {
  top: 0px;
  left: -70px;
}
.hero .line-box.line-2 {
  top: -45px;
  left: 20px;
}
.hero .line-box.line-3 {
  top: 310px;
  left: -15px;
}
.hero .line-box.line-4 {
  top: 357px;
  left: 295px;
}

.hero .banner-over {
  position: absolute;
  top: -85px;
  left: -320px;
  width: 1000px;
}

.hero .path {
  stroke-dashoffset: 1000;
  animation: dash 30s linear infinite;
}
.pm_futures {
/* background-image: linear-gradient(to right top, #e8f3ff, #dfeeff, #d7eafe, #cee5fe, #c5e0fd);*/
}

.pm_futures .home-bg {
  background: #a4daff;
  background-position: left bottom;
  background-size: cover;
  height: 100%;
}
.pm_futures .future_list {
  padding: 0 25px;
  border-radius: 15px;
}

.pm_futures .future_list ul {
  list-style: none;
  padding: 0 0 0 0px;
  margin: 0;
}
.pm_futures .future_list ul li{
  padding: 0 20px 0 30px;
  position: relative;
  line-height: 25px;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: var(--fs-18);
  font-weight: 500;
}
.pm_futures .future_list ul li i {
  position: absolute;
  left: 0;
  top: 6px;
  color: #216a38;
}
.pm_futures h2 {
  font-size: var(--fs-42);
  font-weight: 600;
}
.pm_futures .future_list ul li i img {
    width: 26px;
    transition: 0.3s;
}
.pm_futures .future_list ul li i .tick-w{
    width: 32px !important;
    transition: 0.3s;
    position: relative;
    top: -3px;
}
.pm_futures .future_list .future_list_wraper {
/*  padding-left: 30px;*/
/*  border: 2px dashed #000 ;*/
    border-radius: 15px;
    padding: 15px;
}
.pm_futures .future_image {
  max-width: 100%;
}
.pm_futures .future_image img {
  max-width: 100%;
}

@keyframes dash {
  from {
    stroke-dashoffset: 822;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@media (min-width: 1024px) {
  .hero {
/*    background-attachment: fixed;*/
  }
}

@media (max-width: 991px) {
  .hero {
    height: auto;
    padding: 80px 0 15px 0;
/*    background: url(../img/inner_bg.png) no-repeat center bottom;*/
  }
  .pattern_bg {
    position: inherit;
  }
  .main_b_img .img-fluid{
  max-width:100%;
  }
  
}
@media (min-width: 1024px) {
  .hero .hero-img {
    transform:scale(0.9) ;
  }

}
@media (min-width: 991px) {
  .hero .hero-img {
    transform:scale(0.9) !important ;
  }

}
@media (max-width: 1200px) {
  .hero h1 {
    font-size: var(--fs-32) !important;
  }
  .hero h2 {
    font-size: var(--fs-24);
  }
  #changingword {
    font-size: 28px;
    line-height: 1.2 !important;
    display: block;
  }
  .text_changing {
    height: 100px;
    padding: 0;
  }
  .hero h4 {
    line-height: 1.2;
  }
   .ai-sk-icons {
    margin-left: 0px;
    text-align: left;
  }
}
@media (max-width: 1400px) {
  .hero h1 {
    font-size: var(--fs-34) !important;
    line-height: 35px;
    }
    #typed {
      font-size: var(--fs-34) !important;
    }
    .text_changing {
      height: 80px;
    }
  }

@media (max-width: 768px) {
  .pm-user ul li{
    font-size: var(--fs-12);
    
  }
  .inner_bg .btn-start {
    padding: 10px !important;
  }

  .ai_pmlogo img {
    width: 150px;
  }
  .ai_text {
    font-size: var(--fs-12);
  }
  .text_changing{
    justify-content: center!important;
    min-height: 80px;
  }
  .hero {
    text-align: center;
  }
  .hero h1 {
    font-size: var(--fs-24) !important;
    font-weight: 600;
    line-height: normal;
  }
  .hero h4 {
    font-size: var(--fs-16);
  }
  .hero h2 {
    font-size: var(--fs-24);
  }
  .hero .hero-img {
/*    display: none;*/
  }
  .hero .hero-img img {
    width: 100%;
    height: auto;
  }
  #image_Sc {
    width: 100% !important;
  }
  .hero .line-box {
    display: none;
  }

  .hero .anim-box {
    height: 100%;
    width: 100%;
  }
  .-banner_image {
    margin-top: 40px;
  }

  .hover-box.one, .hover-box.two,
  .hover-box.three, .hover-box.four,
  .hover-box.five, .hover-box.six, .hover-box.seven {
    width: 100px;
    height: 100px;
    text-align: center;
    white-space: initial;
    padding: 5px;
    border-radius: 100% !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
    display: table;
    vertical-align: middle;
  }
  .hover-box span {
    display: table-cell;
    vertical-align: middle;
  }

  .hover-box.one {
    left: 80px;
    top: 20px;
    }
  .hover-box.two {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .hover-box.three {
    top: 0;
    left: 15px;
    bottom: 0;
    margin: auto;
    /*color: #fff;
    background: linear-gradient(145deg, #862cfe, #7fbff5);*/
  }
  .hover-box.four {
    top: auto;
    bottom: 12px;
    left: 80px;
  }
  .hover-box.five {
    top: auto;
    bottom: 12px;
    right: 80px;
    left: auto;
  }
  .hover-box.six {
    top: 15px;
    right: 80px;
    left: auto;
    
    /*color: #fff;
    background: linear-gradient(135deg, #d7299b, #fc9d8d);*/
  }
  .hover-box.seven {
    top: 0;
    right: 15px;
    left: auto;
    bottom: 0;
    margin: auto;
  }

  .hero .btn-start {
    padding: 10px 30px !important;
    margin: 20px 0!important;

  }
  .hero .btn-start span {
    font-size: var(--fs-18);
  }
  .hero .btn-download {
    margin: 12px 0px 0!important;
    padding: 14px 20px;
  }
  .hero .btn-download span {
    font-size: var(--fs-18);
  }
  .hero .btn-download i {
    font-size: var(--fs-18);
    margin-right: 10px;
  }
  .pm_futures .future_list .future_list_wraper {
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
  }
  .pm_futures {
    text-align: center;
  }
  .pm_futures h2 {
     font-size: var(--fs-24);
     margin-bottom: 30px !important;
     margin-top: 20px !important;
  }
  .pm_futures .future_list ul li{
     font-size: var(--fs-16) !important;
     line-height: normal;
     padding: 8px 0;
  }
  .pm_futures .future_list ul li .tick-icon {
    width: 20px;
    height: 20px;
  }
  .pm_futures h5 {
    font-size: 16px;
  }
  .landing-7dayf {
    padding-top: 70px !important;
  }
  .landing-7dayf h1.display-3 {
    font-size: var(--fs-28);
  }
  .landing-7dayf h3 {
    font-size: var(--fs-14);
  }
  .landing-7dayf .p-5 {
    padding: 15px !important;
  }
  .home_chrome_btn {
    text-align: center;
    padding: 0px 10px;
  }
  .home_chrome_btn h3 {
    font-size: var(--fs-20) !important;
  }
  .home_chrome_btn h4 {
    font-size: var(--fs-14) !important;
  }

}
@media (max-width: 1300px) {
    .pm_futures .future_list ul li{
     font-size: var(--fs-18) !important;
     line-height: normal;
    }
  }

@media (max-width: 1180px) {
  .hero .btn-start {
    padding: 22px 10px;
    margin: 3px 0 15px 0;
    font-size: 18px;
  }
.ai-heading-banner {
  font-size: var(--fs-30);
  line-height: 30px;
}

}

@media(max-width: 991px){
.bg-daimond {
    padding: 0 15px!important;
  }
  .ai-heading-banner {
    font-size: var(--fs-26);
    line-height: normal;
  }
  .ai-l-logo {
    padding: 0;
  }
  .ai-sk-icons {
    padding: 0;
    margin-bottom: 15px;
  }
  .inner_bg {
    padding-left: 15px;
    padding-right: 15px;
  }
  .hero .btn-start {
   
  }
}

/*--------------------------------------------------------------
# Index Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content {
  background-color: #f6f9ff;
  padding: 40px;
}

.about h3 {
  font-size: var(--fs-14);
  font-weight: 700;
  color: #881fff;
  text-transform: uppercase;
}

.about h2 {
  font-size: var(--fs-24);
  font-weight: 700;
  color: #111;
}

.about p {
  margin: 15px 0 30px 0;
  line-height: 24px;
}

.about .btn-read-more {
  line-height: 0;
  padding: 15px 40px;
  border-radius: 4px;
  transition: 0.5s;
  color: #fff;
  background: #881fff;
  box-shadow: 0px 5px 25px rgba(65, 84, 241, 0.3);
}

.about .btn-read-more span {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  font-size: var(--fs-16);
  letter-spacing: 1px;
}

.about .btn-read-more i {
  margin-left: 5px;
  font-size: var(--fs-18);
  transition: 0.3s;
}

.about .btn-read-more:hover i {
  transform: translateX(5px);
}

/*--------------------------------------------------------------
# Values
--------------------------------------------------------------*/
.values .box {
  transition: 0.3s;
  height: 100%;
/*  border: 5px solid #fff;*/
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 15px;
}
.values .col-lg-4:nth-child(1) .box{
  border-color: #1a73e8;
}
.values .col-lg-4:nth-child(2) .box{
  border-color: #111;
}
.values .col-lg-4:nth-child(3) .box{
  border-color: #1a73e8;
}

.values .box img {
  padding: 30px 50px;
  transition: 0.5s;
  transform: scale(1.1);
}

.values .box h3 {
  font-size: var(--fs-20);
  color: #111;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  line-height: 25px;
}

.values .box p {
  font-size: var(--fs-16);
  color: #111;
  font-weight: 400;
  margin-bottom: 0px;
}

.values .box i {
  font-size: 35px;
  margin-top: -10px;
  margin-right: 5px;
  transition: 0.3s;
  -webkit-text-stroke: thin;
}
.values .box:hover i {
  transform: translateX(5px);
}

.values .box:hover {
  transform: translateY(-5px);
}
.how {
  padding-top: 30px!important;
   background: url(../img/bg-dot.png)  no-repeat;
  padding-bottom: 30px;
}
.h-350 {
  height: 570px;
}
.rounded-lg {
  border-radius: 20px;
}
.rounded-lg-r-t-0 {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.rounded-lg-l-b-0 {
  border-bottom-left-radius: 0!important;
  border-top-left-radius: 0!important;
}

.how h3 {
  font-size: var(--fs-42);
  color: #000;
  font-size: 37px;
}
.how p {
  font-size: var(--fs-18);
  color: #000;
  font-weight: 400;
  width: 80%;
}
.how .btn-dark {
  font-weight: 400;
  font-size: var(--fs-28);
  margin-top: 20px;
  line-height: 0;
  padding: 20px 45px;
  border-radius: 15px;
  transition: 0.5s;
  color: #fff;
  border: 3px solid #111;
  background: #111;
  box-shadow: 0px 5px 30px rgba(65, 84, 241, 0.3);
}
.how .btn-dark:hover {
  border: 3px solid #111;
  background: #000;
  transform: translateX(5px);
}
.how .carousel-control-next, .how .carousel-control-prev {
  position: absolute;
  top: 45%;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  background: #fff;
  opacity: 1;
  box-shadow: 0px 5px 30px rgba(65, 84, 241, 0.3);
}
.how .carousel {
  text-align: -webkit-center;
}
.how .carousel-control-prev-icon {
  background-image: url("../img/svg/left_Dotted_arrow-34.svg");
  margin-left: -10px;
}

.how .carousel-control-next-icon {
  background-image: url("../img/svg/right_Dotted_Arrow-32.svg");
  margin-left: 10px;
}

.how .carousel-control-next {
  right: 0px;
}

.how .carousel-control-prev {
  left: 0px;
}
.how select.form-select {
  padding: 14px 30px;
    font-size: var(--fs-20);
  border-radius: 50px;
  border: 2px solid;
}

.video-container .ratio {
  cursor: pointer;
  border-radius: 20px;
  overflow: hidden;
}

.video-container video::-webkit-media-controls-enclosure {
/*  visibility: hidden !important;*/
}

@media (max-width: 1200px) {
  .how h3 {
    width: 100%;
    font-size: var(--fs-22);
    }
    .how p {
      width: 100%;
    }
    .h-350 {
    height: auto;
    }

  }


@media (max-width: 768px) {
  .how {
     padding-bottom: 20px !important;
     padding-top: 0 !important;
  }
  .how h3 {
    font-size: var(--fs-24);
    color: #000;
    width: 100%;
    text-align: center;
  }
  .how p {
    font-size: var(--fs-18);
    color: #000;
    width: 100%;
    text-align: center;
  }
  .how .btn-start {
    margin: 0 !important;
    font-size: var(--fs-16);
    line-height: normal;
    white-space: normal;
    padding: 10px;
  }
  .how .btn-dark {
    font-size: var(--fs-16);
    margin-top: 0;
    margin-bottom: 25px;
    padding: 25px;
    display: none;
  }
  .how .carousel-control-next {
    right: 0;
  }
  .how .carousel-control-prev {
    left: 0;
  }
  .how select.form-select {
    padding: 10px 20px;
    font-size: var(--fs-16);
    margin-bottom: 15px;
  }
  .values.pattern_bg {
    margin-top: 20px;
  }
  .values .box h3 {
    font-size: var(--fs-20);
    font-weight: 600;
  }
  .values .box p {
    font-size: var(--fs-14);
  }
  
}

/*--------------------------------------------------------------
# Parallax
--------------------------------------------------------------*/
.parallax {
  position: relative;
  overflow: hidden;
}

.parallax video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 0;
}

.parallax .content {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
/*  padding: 60px;*/
}

/*.parallax {
  background:url("../img/data-video.mp4") center no-repeat;
  background-size: contain;
  max-height: 100%;
  padding: 60px 0;  
}*/
.parallax .content {
/*  background-color: #11111130;*/
  padding: 15px 0;
}
.parallax h2 {
  font-size: var(--fs-30);
  font-weight:600;
  }
.parallax h3 {
  font-size: var(--fs-32);
  }
.parallax h4 {
  font-size: var(--fs-32);
  color: #000;
}
.btn-start {
  line-height: 0;
  padding: 25px 15px;
  border-radius: 50px;
  transition: 0.5s;
  color: #fff;
  white-space: nowrap;
  border: 3px solid #0c0ccc;
  background: #0c0ccc;
  font-weight: 500;
  font-size: var(--fs-22);
}

.btn-start:hover {
  transform: translateX(5px);
  color: #0c0ccc;
  border: 3px solid #0c0ccc;
  background: #fff;
}
@media (max-width: 768px) {
  .parallax {
    background: url("../img/cta-bg.jpg") center center; 
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
/*  background-attachment: fixed;*/
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
  }
  .parallax h2 {
    font-size: var(--fs-30);
    font-weight:400;
    text-align: center;
  }
  .parallax h3 {
    font-size: var(--fs-20);
    width: 100%;
  }
  .btn-start {
    padding: 10px 10px;
    font-size: var(--fs-16);
    width: 100%;
    line-height: normal;
    white-space: normal;
  }
  .algorithm .alg_call_to_act {
    margin-top: 15px;
  }
}

/*--------------------------------------------------------------
# algorithm
--------------------------------------------------------------*/
.algorithm {
  padding-bottom: 130px;
}
.algorithm .left-box {
  position: absolute;
  background: #b1f2b4;
  background-position: left bottom;
  background-size: cover;
  left: -400px;
  width: 800px;
  height: 550px;
  z-index: -1;
}
.algorithm .left-img {
  position: absolute;
  background-image: url(../img/banner-5.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  top: 335px;
  width: 60%;
  height: 550px;
  z-index: 0;
  background-size: cover;
}
.algorithm .left-content {
  z-index: 2;
  position: relative;
  top: 545px;
}
.algorithm .left-content .text {
  background: #ffe082;
  padding: 30px;
  padding-right: 50px;
  color: #000;
  min-height: 340px;
  width: 275px;
  margin-left: 30px;
}
.algorithm .left-content .text h3 {
  font-size: var(--fs-20);
  font-weight: 500;
}
.algorithm .left-content .text p {
  font-size: var(--fs-18);
  font-weight: 500;
  
}
.algorithm .left-content img.ring {
  position: absolute;
  top: -75px;
  left: 270px;
  width: 275px;
}

.algorithm .bg-box {
}
.algorithm .bg-box::before {
  content: "";
  position: absolute;
  height: 100%;
  width: calc(100% - 48px);
/*  background: linear-gradient(135deg, #d7299b, #fc9d8d);*/
  z-index: -1;
  margin-top: 15px;
  margin-left: 15px;
  border-radius: 25px;
}
.algorithm .bg-box.c_1::before {
  background: #0a58d2;
  
}
.algorithm .bg-box.c_2::before {
  background: #6a5e12;
  
}
.algorithm .bg-box.c_3::before {
  background: #464461;
  
}
.algorithm .bg-box.c_4::before {
  background: #417bc6;
  
}

.algorithm .box {
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  padding: 25px;
  background: #fff;
  border-radius: 15px;
  transition: 0.3s;
  min-height: 325px;
}

.algorithm .box:hover {
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  transition: 0.3s;
  transform: translateX(-10px) translateY(-10px);
}

.algorithm .box .icon {
  font-size: var(--fs-48);
  position: relative;
  transition: 0.3s;
}

.algorithm .box img {
  margin-bottom: 20px;
  width: 95px;
}

.algorithm .box h3 {
  font-size: var(--fs-22);
  font-weight: 600;
}

.algorithm .box p {
  font-size: var(--fs-16);
  margin-bottom: 0;
}

.algorithm .box .read-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--fs-16);
  padding: 8px 20px;
}

.algorithm .box .read-more i {
  line-height: 0;
  margin-left: 5px;
  font-size: var(--fs-18);
}
.algorithm .alg_call_to_act {
  margin-top: 110px;
}

@media (max-width: 768px) {
  .left-sec {
    display: none;
  }
  .algorithm {
    padding: 30px 15px;
  }
  .algorithm .box h3 {
    font-size: var(--fs-22);
    font-weight: 500;
  }
  .algorithm .box img {
/*    width: 60px;*/
  }
  .algorithm .box {
   padding: 20px 20px 5px 20px;
    border-radius: 10px;
    text-align: center;
  }
  .algorithm .bg-box::before {
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 20px;
  }
  .algorithm .ai-mob {
    margin: 10px 0 0 0;
    padding: 0;
  }
  .algorithm .box {
    background: transparent;
  }
  .algorithm .bg-box::before {
    width: calc(100% - 20px);
  }
  .algorithm .bg-box.c_1::before{
    opacity: inherit;
    background-color: #c2e7ff;
  }
  .algorithm .bg-box.c_2::before{
    background-color: #b1f2b4;
    opacity: inherit;
  }
  .algorithm .bg-box.c_3::before{
    background-color: #eddbfe;
    opacity: inherit;
  }
  .algorithm .bg-box.c_4::before{
    background-color: #f3e8fd;
    opacity: inherit;
  }
  .algorithm .alg_call_to_act {
    margin-top: 10px;
  }
  .algorithm h4{
    font-size: 16px;
  }
}
@media (max-width: 1180px) {
  .left-sec {
/*    display: none;*/
  }
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .service-box {
/*  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);*/
  height: 100%;
  padding: 30px;
  transition: 0.3s;
  border-radius: 15px;
/*border-top: 10px solid #111;*/
  border:2px solid #c2e7ff;
/*  background-image: linear-gradient(180deg, rgba(251, 251, 251, 0) 0.01%, #c2e7ff 99.95%);*/
}
.services .service-box:hover {
/*  border-top: 10px solid #0c0ccc;*/
  transform: translateY(-10px);
}
.services .service-box span {
  display: block;
  
}

.services .service-box img {
  width: 40%;
  margin-bottom: 10px;
  transition: 0.3s;
  color: #003355;
/*  filter: invert(26%) sepia(85%) saturate(7212%) hue-rotate(267deg) brightness(70%) contrast(6%);*/
}

.services .service-box .icon {
  font-size: var(--fs-48);
  position: relative;
  transition: 0.3s;
}

.services .service-box h3 {
  color: #111;
  font-size: var(--fs-18);
  font-weight: 600;
/*  color: #0c0ccc;*/
}

.services .service-box p {
  font-size: var(--fs-16);
  margin-bottom: 0;
}

.services .service-box .read-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--fs-16);
  padding: 8px 20px;
}

.services .service-box .read-more i {
  line-height: 0;
  margin-left: 5px;
  font-size: var(--fs-18);
}

@media (max-width: 768px) {
  .services .service-box {
    padding: 15px;
  }
  .services .service-box h3 {
    font-size: var(--fs-18);
  }
  .services .service-box h3 {
    font-size: var(--fs-16);
  }
  .services .service-box span {
    
  }
  .services .service-box img.planning_ico {
    width: 55% !important;
  }
  .services .service-box p {
    text-align: left;
  }
}
@media (max-width: 1180px) {
  .services .service-box span {
    
  }
}

/*--------------------------------------------------------------
# help
--------------------------------------------------------------*/
.help {
/*  background: #f3e8fd;*/
  }
.help .image_height {
  height: 300px;
}
.help h2 {
  font-size: var(--fs-42);
  color: #111;
  
}
.help h3 {
  font-size: var(--fs-24);
  font-weight: 500;
  color: #111;
}
.help a {
  display: inline-block;
  overflow: hidden;
}
.help a span {
  display: block;
  }

 .help a.chrome_btn img {
    width: 60%;
  }
.chrome_ext a.chrome_btn{
  border: 1px solid #111;
}
.chrome_ext .list{
  position: relative;
  padding-left: 25px;
  cursor: auto;
}
.chrome_ext .list:hover {
  transition: 0.3s;
  transform: translateX(-10px) translateY(-10px);
}
.chrome_ext .chrome_list {

}
.chrome_ext .list .strip{
  position: absolute;
  width: 12px;
  left: 0;
  top: 0;
  bottom: 0;
  }
  .chrome_ext .list .strip.color1{
    background-color: #c2e7ff;
  }
  .chrome_ext .list .strip.color2{
    background-color: #b1f2b4;
  }
  .chrome_ext .list .strip.color3{
    background-color: #ffe082;
  }
  .chrome_ext .list .strip.color4{
    background-color: #e4f5df;
  }
  .chrome_ext .list .strip.color5{
    background-color: #f5e8ff;
  }
  .chrome_ext .list .strip.color6{
    background-color: #a8dab5;
  }

@media (max-width: 768px) {
  .help h2 {
    font-size: var(--fs-24);
    font-weight: 400;
    color: #111;
    margin-bottom: 10px!important;
  }
  .help h3 {
    font-size: var(--fs-18);
    font-weight: 500;
    color: #111;
  }
  .help h4, h5, p{
/*    text-align: center;*/
  }
  .help a.chrome_btn {
    text-align: center;
    display: block;
  }
  .help a.chrome_btn img {
    width: 75%;
  }
.c-screenshot {
  display: none;
}
.chrome_ext {
  text-align: center;
}
.chrome_ext a.chrome_btn {
  border: none;
}
}
.mt-100 {
  margin-top: 100px;
}
@media (max-width: 992px) {
    .c-screenshot {
      display: none;
    }
  }

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features h3 {
  font-size: var(--fs-48);
  color: #000;
  font-weight: 600;
  margin-bottom: 25px;
}
.features h4 {
  font-size: var(--fs-26);
  color: #000;
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 15px;
}
.features .card {
  border: none;
  padding: 25px;
  border-radius: 15px;
/*  box-shadow: 10px 10px 30px rgb(1 41 112 / 8%);*/
}

.features .report-img {
  padding: 0 140px;
}
.features_head {
  position: relative;
}
.features_head:before {
  position: absolute;
  content: "";
  bottom: -6px;
  left: 0;
  background-color: #111;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
  height: 1px;
  width: 100%;
}

.features .btn-sample {
  line-height: 0;
  position: absolute;
  top: 50%;
  left: 90px;
  padding: 28px 45px;
  border-radius: 50px;
  transition: 0.5s;
  color: #fff;
  white-space: nowrap;
  border: 3px solid #1a73e8;
  background: #1a73e8;
  font-weight: 600;
  font-size: var(--fs-24);
}

.features .btn-sample:hover {
  transform: translateX(5px);
  color: #1a73e8;
  border: 3px solid #1a73e8;
  background: #fff;
}

.features p {
  font-size: var(--fs-16);
  color: #000;
  font-weight: 400;
}

.features .feature-box h3 {
  font-size: var(--fs-16);
  color: #000;
  font-weight: 300;
  margin: 0;
/*  text-transform: uppercase;*/
}

.features .feature-box {
  padding: 5px 0px;
  transition: 0.3s;
  height: 100%;

}

.features .feature-box img {
  margin-right: 5px;
  width: 24px;
  transition: 0.3s;
}

.features .feture-tabs {
  margin-top: 120px;
 }

.features .feture-tabs h3 {
  color: #111;
  font-weight: 700;
  font-size: var(--fs-32);
  margin-bottom: 10px;
}

.features .feture-tabs .nav-pills {
  border-bottom: 1px solid #eee;
}

.features .feture-tabs .nav-link {
  background: none;
  text-transform: uppercase;
  font-size: var(--fs-16);
  font-weight: 600;
  color: #111;
  padding: 12px 0;
  margin-right: 25px;
  margin-bottom: -2px;
  border-radius: 0;
}

.features .feture-tabs .nav-link.active {
  color: #881fff;
  border-bottom: 3px solid #881fff;
}

.features .feture-tabs .tab-content h4 {
  font-size: var(--fs-18);
  margin: 0;
  font-weight: 700;
  color: #111;
}

.features .feture-tabs .tab-content i {
  font-size: var(--fs-24);
  line-height: 0;
  margin-right: 8px;
  color: #881fff;
}

.features .feature-icons {
  margin-top: 120px;
}

.features .feature-icons h3 {
  color: #111;
  font-weight: 700;
  font-size: var(--fs-32);
  margin-bottom: 20px;
  text-align: center;
}

.features .feature-icons .content .icon-box {
  display: flex;
}

.features .feature-icons .content .icon-box h4 {
  font-size: var(--fs-20);
  font-weight: 700;
  margin: 0 0 10px 0;
  color: #111;
}

.features .feature-icons .content .icon-box i {
  font-size: var(--fs-44);
  line-height: 44px;
  color: #0245bc;
  margin-right: 15px;
}

.features .feature-icons .content .icon-box p {
  font-size: var(--fs-16);
  color: #848484;
}
.features .btn-download  {
  border: 0;
  color:#0c0ccc;
  font-size: var(--fs-20);
  text-decoration: underline;
  font-weight: normal;
}
.features .btn-download:hover {
   background-color:none;
   color: #0c0ccc;
}

@media (max-width: 768px) {
  .features {
    text-align: center;
  }
  .features h3 {
    font-size: var(--fs-24);
    font-weight: 500;
    margin-bottom: 15px;
  }
  .features h4 {
    font-size: var(--fs-22);
    font-weight: 400;
    margin-bottom: 15px;
  }
  .features .card {
    padding: 15px;
  }
  .features p {
    font-size: var(--fs-16);
  }
  .features .report-img {
    padding: 20px;
  }
  .features .btn-sample {
    left: 5%;
    padding: 20px 35px;
    font-size: var(--fs-16);
  }
  .features .features_head {
    margin: 0!important;
    padding-bottom: 0!important;
    font-size: var(--fs-30);
  }
  .features .features_head:before {
    display: none;
  }

  .features .feature-box {
    padding: 8px 10px;
    transition: 0.3s;
    height: 100%;
    text-align: left;
  }
  .features .feature-box img {
    margin-right: 10px;
    width: 20px;
  }
  .features .feature-box h3 {
    font-size: var(--fs-16);
  }
  .features .report_mobile {
    background: none;
    padding: 0;
    margin-top: 5px;
  }
  .features .report_mobile .img-fluid {
    height: 200px;
  }
   .features .report_mobile .py-5 {
      padding: 0 !important;
   }
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing {
  overflow: hidden;
  
}
 .pricing .section-header {
    z-index: 4;
    position: relative;
  }
.price-top-sec {
  padding-top: 100px;
}
.price-back.bg1 {
  position: absolute;
  right: 70px;
  top: 125px;
  z-index: 1;
}
.price-back.bg2 {
  position: absolute;
  top: 280px;
  z-index: 1;
  left: 70px;
}
.pricing .price_boxex {
  position: relative;
  z-index: 2;
}
.pricing .box {
  padding: 30px 10px;
  text-align: center;
/*  box-shadow: 0px 0 20px rgba(1, 10, 70, 10%);*/
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  position: relative;
  transition: 0.3s;
  border: 3px solid #fff;
/*  min-height: 580px;*/
  max-height: 100%;
  max-width: 300px;
  margin: 0 auto;
  z-index: 2;
}
.pricing .box.col-new-2 {
  padding: 10px 25px;
  min-width: 100%;
/*  min-height: 660px;*/
  min-height: 600px;
  margin: 0;
  position: relative;  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.pricing .box.col-new-2._first{
  }
.pricing .box.col-new-2._sec{
 }
.pricing .box.col-new-2._third{
 }
.pricing .p-v-text {
  color:#072550; font-family: spoof; font-weight: 600; color:#072550;
}
.pricing .box.col-new-2 p {
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: normal;
}
.pricing .box.col-w{
  max-width: 100%;
  
}
.pricing .col-w ul li {
  font-size: 14px;
  line-height: 20px;
}
.pricing .box:hover {
  /*transform: scale(1.03);
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);*/
 }

.pricing .p-tick {
  width: 28px;
  height: auto;
  position: inherit;
  /*left: 0;
  top: 0;*/
}

.pricing .pkg {
  font-weight: 700;
  font-size: var(--fs-20);
  margin-bottom: 10px;
  line-height: normal;

}
.pricing h3 {
  font-weight: 700;
  font-size: var(--fs-18);
  margin-bottom: 22px;
 
}

.pricing p {
  font-weight: 600;
  font-size: var(--fs-20);
  color: #111111;
  line-height: 24px;
  margin-bottom: 22px;
}

.pricing .price {
  font-size: var(--fs-48);
  font-weight: 700;
/*  font-family: "Poppins", sans-serif;*/
  position: relative;
  width: max-content;
  margin: 0 auto;
}
.pricing .price-now {
  position: absolute;
  left: 0;
  top: -8px;
  font-size: var(--fs-12);
}
.pricing .price.red {
  color: #993804;
  position: relative;
  font-size: var(--fs-28);
}
.pricing .price.red::after {
   content: " ";
   display: block;
   width: 100%;
   border-top: 3px solid #993804;
   height: 4px;
   position: absolute;
   bottom: 18px;
   left: 0px;
   transform: rotate(8deg);
}
.pricing .price.p-tick {
  display: block;
  text-align: center;
  
}
.pricing .price img.tickico {
  width: 60px;
  height: auto;
   position: inherit;
   margin: 0;
}

.pricing .price sup {
  font-size: var(--fs-20);
  top: 0px;
  left: -3px;
}

.pricing .price span {
  color: #000;
  font-size: var(--fs-16);
  font-weight: 300;
}

.pricing .box img {
    width: 26px;
    height: auto;
    margin-right: 5px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.pricing ul {
  padding: 0;
  list-style: none;
  color: #111;
  text-align: left;
  line-height: 26px;
  font-size: var(--fs-16);
  margin-bottom: 0px;
  padding-bottom: 10px;
/*  border-bottom: 1px dashed;*/
}

.pricing ul li {
  padding-bottom: 8px;
  color: #000;
  font-weight: 600;
  position: relative;
  padding-left: 30px;
  background:none;
  border:none;
  padding-top: 1px;
  padding-right: 0;
}

.pricing ul .na {
  color: #000;
  text-decoration: line-through;
}
.pricing .btn-free {
  display: inline-block;
  padding: 7px 10px;
  border-radius: 50px;
  white-space: nowrap;
  color: #035 !important;
  transition: none;
  font-size: var(--fs-14);
  font-weight: 400;
  transition: 0.3s;
  border: 2px solid #035;
  display: block;
  
}
.pricing .box .btn-free.color2{
  border: 2px solid #464461;
  color: #464461 !important;
}
.pricing .box .btn-free.color3{
  border:2px solid #50462a;
  color: #50462a !important;
}
.pricing .box .btn-free.color4{
  border: 2px solid #136d2f;
  color: #136d2f !important;
}
.pricing .box .btn-free.color5{
  border: 2px solid #993804;
  color: #993804 !important;
}

.pricing .btn-buy {
  display: inline-block;
  width: 75%;
  padding: 10px 10px;
  border-radius: 50px;
  white-space: nowrap;
  color: #000;
  transition: none;
  font-size: var(--fs-18);
  font-weight: 500;
  transition: 0.3s;
  border: 1px solid #E57A00;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: 0 auto;
}
.pricing .box:hover .btn-buy {
  transform: scale(1.05);
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}
.pricing .box:hover a.btn {
  transform: scale(0.9);
   transition: 0.3s;
    background-color:#E57A00;
}
.pricing .box .btn-buy.color1 {
  background-color:#E57A00;
  border: 1px solid #E57A00;
  color: #fff;
}
/*.pricing .btn-buy:hover {
  background: #1a73e8;
  color: #fff;
}*/

.pricing .box .btn-buy.color2{
  background-color: #464461;
  border: 1px solid #464461;
  color: #fff;
}
.pricing .box .btn-buy.color3{
  background-color: #50462a;
  border:1px solid #50462a;
  color: #fff !important;
}
.pricing .box .btn-buy.color4{
  background-color: #136d2f;
  border: 1px solid #136d2f;
  color: #fff !important;
}

.pricing .box .btn-buy.color5{
  background-color: #993804;
  border: 1px solid #993804;
  color: #fff;
  margin-top: 10px !important;
}

.pricing .featured {
  width: 200px;
  border-radius: 50px;
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  z-index: 1;
  font-size: var(--fs-14);
  padding: 6px;
/*  background: linear-gradient(135deg, #d7299b, #fc9d8d);*/
  background: #0c0ccc;
  color: #fff;
  margin: 0 auto;
  font-weight: 500;
}

.pricing i.bi-arrow-down-circle-fill {
  font-size: 60px;
}
.pricing .pm_arrow_down {
  text-align: center;
  margin: 30px 0;
}

.pricing .hide {
  /*opacity: 0.3;
  filter: blur(6px);*/
  display: none;
}

.package_features {
  z-index: 0;
  position: relative;
 
}
.package_features .z-index-1 {
  z-index: 1;
}

.package_features .box {
  background-color: #fff;
  
}
    .bg-image {
      background: url("../img/aboutpage-banner.png") center;
      background-repeat: no-repeat;
      background-size: contain;
    }

    .bg-image1 {
      background: url("../img/bg-dotted.png") center;
      background-repeat: no-repeat;
      background-size: contain;
    }
    .bg-image1-1 {
      background: url("../img/bg-dotted1.png") center;
      background-repeat: no-repeat;
      background-size: contain;
    }
    .bg-image2 {
      background: url("../img/pricing-banner.png") center;
      background-repeat: no-repeat;
      background-size: contain;
    }
     .bg-image3 {
      background: url("../img/home-banner.png") center;
      background-repeat: no-repeat;
      background-size: contain;
    }
    .bg-image4 {
      background: url("../img/webbanner.jpeg") center;
      background-repeat: no-repeat;
      background-size: contain;
    }
    .bg-image5 {
      background: url("../img/award-bg.jpg") center;
      background-repeat: no-repeat;
      background-size: contain;
    }
     .bg-image6 {
      background: url("../img/hero-bg-05.svg") center;
      background-repeat: no-repeat;
      background-size: contain;
    }

 .no-before::before {
   display: none !important;
     content: none !important;
 }

#blog_container .swiper-slide {
  background-color: #fff;
  color: #272727;

}

.package_features .included_future {
/*  padding: 25px;*/
 /*  background:#fff url("../img/bg_.png") center center; */
}
.package_features .included_future ul.futures_enterprice li {
    padding-top: 0;
}

.package_features .included_future  i{
  font-size: 30px;
  margin-right: 2px;
  vertical-align: middle;
  text-align: left;
  color: #0c0ccc;
}

.lite_bg {
  background-color: #f5e8ff !important;
}

.basic_bg {
  background-color: #c2e7ff !important;
}
.advanced_bg {
  background-color: #b1f2b4 !important;
}
.premium_bg {
  background-color: #ffe082 !important;
}
.enterprise_bg {
  background-color: #b1f2b4 !important;
}
.dealsourcing_bg {
  background-color: #ffdbcc !important;
}
.package_features .highlight_heading {
  position: relative;
}

/*.package_features .highlight_heading::after {
    position: absolute;
    top: 50%;
    width: 65%;
    height: 1px;
    content: '';
    background-color: #000;
    margin-left: 0.5%;
 }*/

.package_features .included_future i.bi-check-all{
  color: #881fff;
}
.package_features .included_future .col_p_2 {
  padding: 8px 10px;
  text-align: left;
  height: 55px;
 }
 /*.package_features .included_future .col_p_3 span {
  font-size: 16px;
  padding-top: 10px;
  display: block;
 }*/
.package_features .included_future .col_p_1 {
  padding: 14px 10px;
 }
.package_features .included_future .col_p_3 {
  background-color: #f4f4f4;
  padding: 6px 10px;
}

.package_features .included_future ul li {
  font-size: var(--fs-20);
  font-weight: 500;
  position: relative;
  line-height: auto;
  margin-bottom: 6px  ;
  border-radius: 8px;
  border: none;
  padding: 5px 10px;
  /*background-color: #f1f3f4;*/
  position: relative;
  background-image: linear-gradient(148.62deg, #ffffff80, #ffffff26);
}

.package_features .included_future ul li i{
  margin-right: 10px;
  position: absolute;
  left: 10px;
  top: 7px;
  font-size: var(--fs-24);
}

.pricing .btn-start {
  line-height: 0;
  padding: 28px;
  border-radius: 50px;
  transition: 0.5s;
  color: #fff;
  white-space: nowrap;
  /*border:none;
  background: none;*/
  font-weight: 300;
  font-size: var(--fs-24);
  
}

.pricing .btn-start:hover {
  transform: translateX(5px);
  color: #0c0ccc;
  /*border: none;
  background: none;
  text-decoration: underline;*/
}

.pricing .future-list {
  padding: 60px;
 }

.price-future a.pm-future {
    margin-right: 25px;
    font-weight: 500;
    font-size: var(--fs-22);
    position: relative;
    font-family: spoof;
  }
.price-future a.pm-future .p-tick  {
    
 }

.newyear-offer {
  color: #993804;
  position: relative;
 }
 .newyear-offer span {
/*  font-family: 'Cedarville Cursive', cursive;*/
  font-size: var(--fs-36);
  }
.newyear-offer  .star {
  position: absolute;
  left: -5%;
  top: 50%;
 }
 .newyear-offer  .star1 {
  position: absolute;
  left: -1%;
  top: 40%;
 }
.newyear-offer  .festival {
  position: absolute;
  left: 4%;
  top: 2%;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.newyear-offer .star1{
  text-decoration: blink;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease-in-out;
  -webkit-animation-direction: alternate;
}


.tooltip-p {
  position: relative;
  cursor: pointer;
}

.tooltip-p:hover .tooltip-content {
  display: block;
  background-color: red;
  position: absolute;
  left: 0;
  right: auto;
  bottom: 36px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
   z-index: 999;
   font-size: var(--fs-14);
   font-weight: 400;
   width: 350px;
   font-size: 13px;
}
  

.tooltip-p .tooltip-content {
  display: none;
}
.tooltip-p .tooltip-content span {
  border:2px solid #c2e7ff ;
  margin-right: 1px;
  padding-left: 2px;
}
.tooltip-p .tooltip-content::after {
  content: '';
  position: absolute;
  bottom: -20px;
  right: 145px;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #fff transparent transparent  transparent;
}


@media (max-width: 768px) {
  img.price-back {
    display: none;
  }
  .pricing {
    padding-top: 70px;
    height: auto;
  }

  .pricing .box {
    padding: 20px;
    min-height: auto;
    margin-bottom: 10px;
  }
  .pricing .featured {
    /*width: auto;*/
/*    position: unset;*/
    border-radius: 5px;
    margin-bottom: 20px;
  }
  .price-future a.pm-future {
    display: block;
    margin-right: 15px;
    text-align: left;
    font-size: var(--fs-13);
  }
  .pricing .section-header {
    margin-bottom: 0!important;
    z-index: 4;
  }
  .newyear-offer {
  font-size: var(--fs-20) !important;
  padding: 0 10px;
 }
 .newyear-offer span {
  font-size: var(--fs-20);
  }
  .newyear-offer  .star {
   display: none;
 }
 .newyear-offer  .star1 {
  display: none;
 }
.newyear-offer  .festival {
  display: none;
    }
  .pricing .future-list {
  padding: 40px 30px 40px 30px;
 }

.pricing .btn-start {
   white-space: initial;
   line-height: normal;
   padding: 5px 5px;
   font-size: var(--fs-18);
  }
  
 .pricing .home_chrome_btn {
  padding: 0 10px;
 }

 .tooltip-p:hover .tooltip-content {
   width: 300px;
   left: -24px;
   right: 0;
   z-index: 99;
}
/*.pricing .pcol {
    display: block !important;
  }
  .pricing .p-col-1 {
    width: 100%;
  }*/
.pricing .box.col-new-2._one {
  left: 0;
}
.tooltip-p:hover .tooltip-content {
  font-size: 11px;
}
.tooltip-p:hover .tooltip-content  {
  left: 0;
  right: 0;
  margin: 0 auto;
}

}

@media (min-width: 1400px) {
  .pricing .col-xxl-2 {
    width: 19%;
  }
}
@media (max-width: 1220px) {
  .pricing .box.col-new-2._sec {
  min-height: 450px;
  padding: 10px 10px;
  }
  .pricing .pcol {
    
  }
  .pricing .box.col-new-2 {
    padding: 10px 10px;
  }
  
  }
/*@media (max-width: 1040px) {
.pricing .pcol {
    display: block !important;
  }
  .pricing .p-col-1 {
    width: 100%;
  }
}*/

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {
  background: #fff;
  padding: 60px 0;
}

.team .all-team {
  position: absolute;
  top: 0;
  left: 0;
}

.team p {
  font-size: var(--fs-22);
  color: #000;
  font-weight: 400;
  width: 80%;
}

.team .member {
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  transition: 0.3s;
  padding: 20px;
}

.team .member .member-img {
  position: relative;
  overflow: hidden;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  overflow: hidden;
  width: 275px;
  height: 275px;
  padding: 20px;
  margin: 0 auto;
}

.team .member .member-img:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: url(../img/team-shape.svg) no-repeat center bottom;
  background-size: contain;
  z-index: 1;
}

.team .member .member-info {
  padding: 20px;
}

.team .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: var(--fs-20);
  color: #111;
}

.team .member .member-info span {
  display: block;
  font-size: var(--fs-14);
  font-weight: 400;
  color: #6f6f6f;
}

.team .member .member-info p {
  font-size: var(--fs-14);
  width: 100%;
  padding-top: 15px;
  line-height: 20px;
  color: #111111;
}

.team .member .member-info i {
  font-size: var(--fs-22);
}

.team .member:hover {
  transform: scale(1.04);
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}


/*--------------------------------------------------------------
# ROI
--------------------------------------------------------------*/

.roi_wraper {
   padding-top: 100px;
   padding-bottom: 100px;
   background: #ace3c9 url(../img/ukhome.avif) ;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: left center;
   
 }
.roi_wraper .grid {
  margin-bottom: 15px;
}

.roi_wraper .roi_i_box{
  height: 75px;
  padding: 0 15px;
}
.roi_wraper .roi_img {
  overflow: hidden;
  border-radius: 10%;
  padding: 5px;
/*  border:3px dashed #4c9aff;*/
  width: 40%;
}
@media (max-width: 768px) {
.roi_wraper {
  padding-top: 10px;
   padding-bottom: 10px;
  }
  .roi_wraper .p-5  {
    padding: 15px !important;
  }
  .roi_wraper  h2 {
    font-size: var(--fs-18);
  }
  .roi_wraper  span.fs-5 {
    font-size: var(--fs-14) !important;
    line-height: normal;
  }
  .roi_wraper  .fs-5 {
     font-size: var(--fs-16) !important;
  }
  .roi_wraper  p.fs-6 {
    font-size: var(--fs-13) !important;
    line-height: normal;

  }
}


/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  padding: 100px 0 100px 0px;
/*  background-color: #fff8f6 ;*/
/*  background-image: linear-gradient(180deg, rgba(251, 251, 251, 0) 0.05%, #DEEBFF 99.95%);*/
/*  border-top: 1px solid #c2e7ff;*/
/*background: url(../img/waves.svg) no-repeat bottom 0 center;*/
}

.clients .logos {
  min-height: 62px;
  display: grid;
  place-content: center;
  margin-bottom: 20px;
  border-radius: 10px;
}

.clients .logos img {
  transition: 0.3s;
  width: max-content;
  height: 56px;
  padding: 10px;
}

.clients .logos img:hover {
  transform: scale(1.05);
}

@media (max-width: 1200px) {
  .clients .logos img {
    width: auto;
    height: auto;
    padding: 0;
  }
}

@media (max-width: 768px) {
  .clients .logos {
    min-height: 55px;
  }
}


/*--------------------------------------------------------------
# Blog Posts
--------------------------------------------------------------*/
.swiper-slide {
  position: relative;
}

.swiper-slide .tag {
  position: absolute;
  left: -8px;
  top: 0;
  display: inline-block;
  border-radius: 6px;
  clip-path: polygon(20px 0px, 100% 0px, 100% 100%, 0% 100%, 0% 20px);
  background: var(--color-front);
  padding: 4px 15px 4px 25px;
  margin: 0 8px;
  font-size: 18px;
  color: #fff;
  transition: clip-path 500ms;
  z-index: 4;
  background-color: #0c0ccc;

}

.swiper-slide .tag:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #00b9fb;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); 
  border-radius: 0 0 6px 0;
  transition: transform 500ms;
}

.swiper-slide .tag:hover {
  clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%, 0% 0px);
}

.swiper-slide .tag:hover:after {
  transform: translate(-100%, -100%);
}

.blog-posts .post-box {
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  transition: 0.3s;
  height: 100%;
  overflow: hidden;
  padding: 15px;
  border-radius: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: left;
}

.blog-posts .post-box .post-img {
  overflow: hidden;
  margin: 0 0 20px 0;
  position: relative;
  max-height: 235px;
  width: 100%;
  border-radius: 8px;
}

.blog-posts .post-box .post-img img {
  transition: 0.5s;
  height: 235px;
  width: 100%;
  object-fit: cover;
}

.blog-posts .post-box .post-date {
  font-size: var(--fs-14);
  font-weight: 500;
  color:#000;
  display: block;
  margin-bottom: 10px;
}

.blog-posts .post-box .post-title {
  font-size: var(--fs-18);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 600;
  margin-bottom: 2px;
  position: relative;
  transition: 0.3s;
  height: 50px; 
  line-height: 23px;
}

.blog-posts .post-box .post-text {
  font-size: var(--fs-14);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 400;
  margin-bottom: 0px;
  position: relative;
  transition: 0.3s;
}

.blog-posts .post-box .readmore {
  transition: 0.3s;
  font-size: var(--fs-12);
  margin-top: 5px; 
  text-decoration: underline; 
}

.blog-posts .post-box span:hover {
  text-decoration: underline;
}

.blog-posts .post-box span.readmore{
  font-size: var(--fs-14);
  color: #111;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 4px;
  width: max-content;
  color: #0c0ccc; 
  text-decoration: underline; 
}

.blog-posts .post-box .readmore i {
  line-height: 0;
  margin-left: 4px;
  font-size: var(--fs-18);
}

.blog-posts .post-box:hover .post-title {
  color: #0c0ccc;
}

.blog-posts .post-box:hover .post-img img {
  transform: rotate(3deg) scale(1.1);
}
.blog-posts .more-blog {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-align: center;
  padding-top: 50px;
}
.blog-posts .btn-light {
  font-weight: 400;
  border-radius: 50px;
  transition: 0.5s;
  color: #000;
  font-size: var(--fs-24);
  transform: translateX(5px);
  background-color: #fff;
  padding: 5px 30px;
  text-decoration: underline;
  border: none;
}
.blog-posts .btn-light:hover {
   color:#0c0ccc;
   border:none;
}
@media (max-width: 768px) {
  .blog-posts .post-box {
    margin-bottom: 15px;
  }
  .blog .entry .entry-content p {
    text-align: left;
  }
  .blog-posts-list .section-header h2 {
    margin-top: 45px;
  }
}

.blog-des-short{
  padding: 0 0 0 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis; 
   display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  transition: 0.3s;
}
.blog-des-short{
  font-size: var(--fs-14);
  }

/*--------------------------------------------------------------
# ct-form
--------------------------------------------------------------*/
.ct-form {
/*  background: #f6f6f6;*/
}
.ct-form .white-row {
  background: #fff;
  padding: 75px 30px;
  padding-right: 100px;
  text-align: center;
  border-radius: 15px;
  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
}

.ct-form .bor-right {
  border-right: 1px solid #ccc;
}
.ct-form .ct-form-logos img {
  height: 50px;
  padding: 0 5px;
  margin: 20px 0;
}
.ct-form h3 {
  font-size: var(--fs-22);
  border-bottom: 3px solid;
  display: inline-block;
  color: #111;
  font-weight: 500;
  margin-bottom: 10px;
}

.ct-form p {
  line-height: 22px;
  font-size: var(--fs-16);
  color: #111;
  font-weight: 400;
}

.ct-form .form {
  background: #fff;
  padding: 30px;
  margin-left: -95px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
  z-index: 1;
}
.ct-form .form .ct-logo {
/*  background: linear-gradient(145deg, #862cfe, #7fbff5);*/
  background: #011f3d;
  margin: -30px;
  margin-bottom: 30px;
  padding: 15px;
}
.ct-form .form p {
  line-height: 20px;
  font-size: var(--fs-14);
  font-weight: 400;
  color: #111;
  text-align: left;
}
.ct-form .form .ct-logo img{
  height: 40px;
  filter: brightness(0) invert(1);
}
.ct-form .form .btn-light {
  line-height: 0;
  font-size: 24px;
  font-weight: 400;
  padding: 25px 45px;
  border-radius: 50px;
  transition: 0.5s;
  color: #fff;
  background: #000;
  border: 3px solid #000;
}
.ct-form .form .btn-light:hover {
  border: 3px solid #111;
  background: #000;
  transform: translateX(5px);
}
.ct-form .form .form-control {
  padding: 10px;
  color: #212529;
/*  border: 1.5px solid #111;*/
}
.ct-form .form label {
  color: #111;
}

/*animation element*/
.animation-element {
  opacity: 0;
  z-index: -1;
}

/*animation element sliding right*/

.animation-element.slide-right {
  opacity: 0;
  transition: all 800ms linear;
  transform: translate3d(1000px, 0, 0);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

@media (max-width: 768px) {
  .ct-form {
    padding: 100px 0 20px 0;
  }
  .ct-form .bor-right {
    border: none;
  }
  .ct-form .white-row {
    /*padding: 25px;
    padding-bottom: 80px;*/
  }
  .ct-form .form {
    margin-left: 0;
    margin-top: -65px;
  }
  .ct-logo img {
    
  }
}
/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog_details header {
  background-color: #fff;
}
.blog {
/*  padding: 40px 0 20px 0;*/
}

.blog .entry {
  padding: 30px 0;
  margin-bottom: 60px;
/*  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);*/
}

.blog .entry .entry-img {
  max-height: 440px;
  margin: 0px 0px 30px 0px;
  overflow: hidden;
}
.blog .entry .entry-img .img-fluid {
  object-fit: contain;
  width: 100%;
}

.blog .entry .entry-title {
  font-size: var(--fs-28);
  font-weight: bold;
  padding: 0;
  margin: 0 0 20px 0;
}

.blog .entry .entry-title a {
  color: #111;
  transition: 0.3s;
}

.blog .entry .entry-title a:hover {
  color: #0c0ccc;
}

.blog .entry .entry-meta {
  margin-bottom: 15px;
  color: #4084fd;
}

.blog .entry .entry-meta ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
}

.blog .entry .entry-meta ul li+li {
  padding-left: 20px;
}

.blog .entry .entry-meta i {
  font-size: var(--fs-16);
  margin-right: 8px;
  line-height: 0;
}

.blog .entry .entry-meta a {
  color: #777777;
  font-size: var(--fs-14);
  display: inline-block;
  line-height: 1;
}

.blog .entry .entry-content p {
  line-height: 24px;
}

.blog .entry .entry-content .read-more {
  -moz-text-align-last: right;
  text-align-last: right;
}

.blog .entry .entry-content .read-more a {
  display: inline-block;
  background: #881fff;
  color: #fff;
  padding: 6px 20px;
  transition: 0.3s;
  font-size: var(--fs-14);
  border-radius: 4px;
}

.blog .entry .entry-content .read-more a:hover {
  background: #5969f3;
}

.blog .entry .entry-content h3 {
  font-size: var(--fs-18);
  margin-top: 30px;
  font-weight: 500;
}

.blog .entry .entry-content blockquote {
  overflow: hidden;
  background-color: #fafafa;
  padding: 60px;
  position: relative;
  text-align: center;
  margin: 20px 0;
}

.blog .entry .entry-content blockquote p {
  color: #111;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: var(--fs-22);
}

.blog .entry .entry-content blockquote::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #111;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog .entry-single {
  margin-bottom: 30px;
}

.blog .blog-author {
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .blog-author img {
  width: 120px;
  margin-right: 20px;
}

.blog .blog-author h4 {
  font-weight: 600;
  font-size: var(--fs-22);
  margin-bottom: 0px;
  padding: 0;
  color: #111;
}

.blog .blog-author .social-links {
  margin: 0 10px 10px 0;
}

.blog .blog-author .social-links a {
  color: rgba(1, 41, 112, 0.5);
  margin-right: 5px;
}

.blog .blog-author p {
  font-style: italic;
  color: #b7b7b7;
}

.blog .blog-comments {
  margin-bottom: 30px;
}

.blog .blog-comments .comments-count {
  font-weight: bold;
}

.blog .blog-comments .comment {
  margin-top: 30px;
  position: relative;
}

.blog .blog-comments .comment .comment-img {
  margin-right: 14px;
}

.blog .blog-comments .comment .comment-img img {
  width: 60px;
}

.blog .blog-comments .comment h5 {
  font-size: var(--fs-16);
  margin-bottom: 2px;
}

.blog .blog-comments .comment h5 a {
  font-weight: bold;
  color: #111;
  transition: 0.3s;
}

.blog .blog-comments .comment h5 a:hover {
  color: #881fff;
}

.blog .blog-comments .comment h5 .reply {
  padding-left: 10px;
  color: #111;
}

.blog .blog-comments .comment h5 .reply i {
  font-size: var(--fs-20);
}

.blog .blog-comments .comment time {
  display: block;
  font-size: var(--fs-14);
  color: #013ca3;
  margin-bottom: 5px;
}

.blog .blog-comments .comment.comment-reply {
  padding-left: 40px;
}

.blog .blog-comments .reply-form {
  margin-top: 30px;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .blog-comments .reply-form h4 {
  font-weight: bold;
  font-size: var(--fs-22);
}

.blog .blog-comments .reply-form p {
  font-size: var(--fs-14);
}

.blog .blog-comments .reply-form input {
  border-radius: 4px;
  padding: 10px 10px;
  font-size: var(--fs-14);
}

.blog .blog-comments .reply-form input:focus {
  box-shadow: none;
  border-color: #a0aaf8;
}

.blog .blog-comments .reply-form textarea {
  border-radius: 4px;
  padding: 10px 10px;
  font-size: var(--fs-14);
}

.blog .blog-comments .reply-form textarea:focus {
  box-shadow: none;
  border-color: #a0aaf8;
}

.blog .blog-comments .reply-form .form-group {
  margin-bottom: 25px;
}

.blog .blog-comments .reply-form .btn-primary {
  border-radius: 4px;
  padding: 10px 20px;
  border: 0;
  background-color: #111;
}

.blog .blog-comments .reply-form .btn-primary:hover {
  background-color: #111;
}

.blog .blog-pagination {
  color: #024ed5;
}

.blog .blog-pagination ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

.blog .blog-pagination li {
  margin: 0 5px;
  transition: 0.3s;
}

.blog .blog-pagination li a {
  color: #111;
  padding: 7px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog .blog-pagination li.active,
.blog .blog-pagination li:hover {
  background: #881fff;
}

.blog .blog-pagination li.active a,
.blog .blog-pagination li:hover a {
  color: #fff;
}

.blog .sidebar {
  padding: 30px;
  margin: 0 0 60px 20px;
/*  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);*/
}

.blog .sidebar .sidebar-title {
  font-size: var(--fs-20);
  font-weight: 700;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  color: #111;
  position: relative;
}

.blog .sidebar .sidebar-item {
  margin-bottom: 30px;
}

.blog .sidebar .recent-posts .post-item+.post-item {
  margin-top: 15px;
}

.blog .sidebar .recent-posts img {
  width: 80px;
  float: left;
}

.blog .sidebar .recent-posts h4 {
  font-size: var(--fs-16);
  margin-left: 95px;
  font-weight: bold;
}

.blog .sidebar .recent-posts h4 a {
  color: #111;
  transition: 0.3s;
}

.blog .sidebar .recent-posts h4 a:hover {
  color: #0c0ccc;
}

.blog .sidebar .recent-posts time {
  display: block;
  margin-left: 95px;
  font-style: italic;
  font-size: var(--fs-14);
  color: #aaaaaa;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

.contact_bg {
  background: url(../img/contact-us.jpg) top center no-repeat;
  object-fit: contain;
}

.contact {
/*  margin-top: -650px;*/
  padding-top: 75px;
}
.contact .white-box {
  padding: 0px;
/*  background: #fff;*/
/*  border-radius: 15px;*/
/*  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);*/
}
.contact .left-box {
  border-radius: 10px;
  color: #000;
  padding: 10px 10px 30px 10px ;
/*  background: linear-gradient(180deg, #0c0ccc, #c2e7ff);*/
/*  background: #0c0ccc;*/
}
.contact .left-box .ct-logo {
  text-align: right;
}
.contact .left-box .ct-logo img{
  height: 65px;
/*  filter: brightness(0) invert(1);*/
  margin-bottom: 30px;
}

.contact .left-box h4 {
  margin-bottom: 25px;
  border-bottom: 3px solid #fff;
  position: relative;
  display: inline-flex;
}
.contact p {
  margin-bottom: 0;
}
.contact p i {
 /* display: flex;
  align-items: center;*/
  margin-right: 5px;
  color: #fff;
}
/*.contact .content i {
  background: #fff;
  color: blue;
  margin: auto 0;
  margin-right: 15px;
  display: grid;
  place-content: center;
  font-size: 20px;
  padding: 20px;
  width: 0px;
  height: 0px;
  border-radius: 50px;
}*/

.contact .social-links {
  text-align: center;
}
.contact .ct-bg {
  width: 100%;
}

.contact .social-links a {
  font-size: var(--fs-18);
  display: inline-block;
  background-color: #fff;
  line-height: 0;
  margin-right: 10px;
  transition: 0.3s;
  border:1px solid #f4f4f4;
  vertical-align: middle;
  padding: 5px;
  border-radius: 5px;
}

.contact .social-links a:hover {
  color: #000;
  background-color: #f7f7f7;
}

.contact .right-box {
  
}
.contact .right-box h3 {
  color: #0c0ccc;
  font-size: 30px;
  font-weight: 600;
/*  border-bottom: 3px solid #fff;*/
  position: relative;
  display: inline-flex;
}
.contact .right-box .form-control {
  padding: 10px;
  color: #212529;
  margin-bottom: 15px;
/*  border: 1.5px solid #111;*/
}

.contact .btn-dark {
  font-weight: 400;
  font-size: var(--fs-24);
  margin-top: 30px;
  line-height: 0;
  padding: 28px 45px;
  border-radius: 50px;
  transition: 0.5s;
  color: #fff;
  background: #E57A00;
}
.contact .btn-dark:hover {
  background: #E57A00;
  transform: translateX(5px);
}

@media (max-width: 768px) {
  .contact {    
  }
  .contact .btn-dark {
    font-size: var(--fs-16);
  }
}


/*--------------------------------------------------------------
# Subscription
--------------------------------------------------------------*/

.subscription {
  padding-top: 150px;
}
.subscription .white-box {
  padding: 50px 50px 50px 50px;
  border: 1px solid #f1f2f3;
}
.subscription .btn-dark {
  font-weight: 400;
  font-size: var(--fs-24);
  margin-top: 10px;
  line-height: 0;
  padding: 28px 45px;
  border-radius: 50px;
  transition: 0.5s;
  color: #fff;
  border: 3px solid #111;
  background: #111;
}
.subscription h5 {
  font-weight: 300;
}
.subscription h4 {
  font-weight: 300;
}
.subscription strong {
  font-weight: 500;
}
.subscription ul{
  list-style: none;
  padding: 0;
  margin:0 ;
}
.subscription ul li{
   position: relative;
   text-align: left;
   padding-left: 30px;
   margin: 5px 0;
  }
.subscription ul li i {
  position: absolute;
  left: 0;
  top: -2px;
}
.subscription ul li i img {
  width: 25px;
  transition: 0.3s;
}

/*--------------------------------------------------------------
# Common-pages
--------------------------------------------------------------*/
.common {
  margin-top: -650px;
}
.common .content-box {
  padding: 50px;
  border-radius: 15px;
/*  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);*/
}
.p_common {
  padding-top: 120px;
  padding-bottom: 100px;
}
.p_common .section-header {
  padding-bottom: 10px;
}
.p_common .content-box {
  padding: 50px;
  border-radius: 15px;
/*  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);*/
}

.pm_captcha {
  text-align: -webkit-center !important;
}
.p_common p{
  font-size: var(--fs-12);
}
.p_common h6{
  font-size: var(--fs-12);
  text-decoration: underline;
}
.p_common ul li{
   font-size: var(--fs-12);
   
}
.p_common ul li a{
  color: #000;
  }
.p_common ul li:hover a{
  color: #0c0ccc;
  }
  
scroll-padding:20%;

/*--------------------------------------------------------------
# Common-inner_pages
--------------------------------------------------------------*/

.deal_listing ul {
  padding-left: 0 !important;
  margin: 0;

 }

.deal_listing ul li {
  padding: 0px 3px;
  margin: 2px 0;
  list-style: none;
  width: 49%;
  display: inline-block;
  border-radius: 15px;
  background: #b1f2b4;
  font-weight: 600;
}
.deal_listing .bi.bi-check2-circle {
  display: inline-block;
  vertical-align: middle;
}

.p_inner_pages {
  padding-bottom: 0;
  padding-top: 50px;
}
.p_inner_pages .floor_plan_img {
  
}
.p_inner_pages .floor_plan_img img{
  max-height: 100%;
  max-width:100%;
  height: auto;
  }
.p_inner_pages .floor_plan_img .floor_sample_images {
  margin-top: 25px;
  padding: 25px;
 }
.p_inner_pages .floor_plan_img .floor_sample_images h4{
  margin-bottom: 35px;
}
.p_inner_pages .right_col_info {
  padding: 35px;
  border-radius: 15px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-100 {
 margin-top: 100px;
}

.inner_key_list {
  padding-top: 30px;
}
.inner_key_list ul {
  padding: 0;
  margin: 0;
}
.inner_key_list ul li {
  list-style: none;
  padding: 2px 0;
  margin: 0;
  display: flex;
}
.inner_key_list ul li i {
  margin-right: 8px;
  }
.inner_bg {
  background: url(../img/innner-banner.jpg ) repeat center bottom;
/*  background-size: contain;*/
  /* background-color: #d9e2ff;*/
 background-size: cover;
  height: 80vh;
  transition: background .3s,border-radius .3s,opacity .3s;
}
.inner_bg1 {
  background: url(../img/blue-lines.png ) repeat center bottom;
/*  background-size: contain;*/
  /* background-color: #d9e2ff;*/
 background-size: contain;
  height: 80vh;
  transition: background .3s,border-radius .3s,opacity .3s;
}

.inner_bg .btn-start {
  background-color: #035;
  border: 1px solid #035;
}
.inner_bg .btn-start:hover {
  background-color: #fff;
  border: 3px solid #0c0ccc;
 
}
.inner_bg1 {
  /*background: url(../img/inner_bg.png) no-repeat center bottom;
  background-size: cover;*/
}
.inner_bg.yellow_bg {
  background-color: #ffe082 !important;
}
.inner_bg.yellow_bg h1, .inner_bg.yellow_bg h5 {
   color: #50462a ;
}
.inner_bg.green_bg {
  background-color: #b1f2b4 !important;
}
.inner_bg.green_bg h1, .inner_bg.green_bg h5 {
   color: #50462a ;
}
.inner_bg.blue_bg {
  background-color: #c2e7ff !important;
}
.inner_bg.dark_blue_bg {
  background-color: #00b9fb !important;
}
.inner_bg.blue_bg h1, .inner_bg.blue_bg h5 {
   color: #464461;
}
.inner_bg.grey_bg {
  background-color: #ebe3da !important;
}
.inner_bg.grey_bg h1, .inner_bg.grey_bg h5 {
   color: #744b4a ;
}


.inner_bg h1, .inner_bg h4 {
    /* text-shadow: -15px 5px 20px #ccc;*/
    transition: all 0.25s ease-out;
    font-weight: 500;
}
.inner_bg h1 {
  font-size: var(--fs-56);
  font-weight: 600;
  color: #fff !important;
}
.inner_bg h5 {
  font-size: var(--fs-28);
   color: #fff !important;
}
.inner_bg h1:hover {
/*  text-shadow: -16px 6px 15px #ced0d3;*/
}
.inner_bg img.screenshot {
/*  max-width: 100%; */
 height: 600px;
}
.pm_content_inner {
/*  background: #b1f2b4;*/
  border-radius: 15px;
}
.pm_content_inner p {
  font-weight: normal;
}
.inner_more_list .box-key-bg {
  background: #ffe082;
  color: #000;
}
.px-50 {
  padding:0 50px;
}
.mb1 {
  margin-bottom: 1px;
}
ul.keyword_listing  {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.keyword_listing li {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #000;
  color: #fff;
  margin: 2px;
}

.p_inner_pages .inner_download {
  width: 100%;
  height: 250px;
  margin: 0 auto;
  text-align: center;
}
.p_inner_pages .inner_download .report-img {
  width: 250px;
  height: auto;
}
.p_inner_pages  .btn-download {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: 10px;
    border-radius: 50px;
    transition: 0.5s;
    color: #1a73e8;
    white-space: normal;
    border: 3px solid #1a73e8;
    background: #fff;
    font-weight: 600;
    font-size: var(--fs-18);
    line-height: normal;
}

.p_inner_pages  .btn-download i {
  font-size: var(--fs-34);
  margin-right: 10px;
}

.p_inner_pages  .btn-download span {
/*  font-weight: 500;*/
  font-size: var(--fs-18);
}

.p_inner_pages  .btn-download:hover {
  transform: translateX(5px);
  color: #fff;
  border: 3px solid #1a73e8;
  background: #1a73e8;
}

.p_inner_pages  .btn-download i{
  vertical-align: middle;
}
@media (max-width: 768px) {
.inner_bg {
   padding-top:70px !important;
   height: auto;
  }

  .inner_bg img.screenshot {
    height: auto;
  }
 .inner_bg .list-group-item+.list-group-item {
    text-align: left;
  }
  .p_inner_pages .btn-download {
    left: 0;
    right: auto;
  }
  
  .inner_bg h5 {
     font-size: var(--fs-18) !important;
  }
  
  .p_inner_pages .floor_plan_img {
    text-align: center;
    padding: 0 10px!important;
  }
  .p_inner_pages .floor_plan_img .floor_sample_images {
    padding: 0px 10px;
  }
  .p_inner_pages .right_col_info {
    padding: 10px;
  }
  .pm_content_inner {
    padding: 10px !important;
    text-align: center;
  }
  .pm_content_inner p {
    text-align: center;
  }
  .inner_more_list {
    padding: 0 10px !important;
  }
  .p_inner_pages .right_col_info .btn-start {
    width: 100%;
  }
  .p_inner_pages .list-group-item+.list-group-item h5 {
    text-align: left;
  }
  .p_inner_pages .right_col_info p {
    text-align: left;
  }
  .p_inner_pages .floor_plan_img img {
    padding: 0 10px;
  }
  .inner_bg h1 {
    font-size: 24px !important;
    line-height: 30px;
    padding-top: 15px;
  }

}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  padding: 0 0 10px 0;
  font-size: var(--fs-14);
/*  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);*/
  
}

.footer .footer-logo{
  
}

.footer .footer-logo img{
  height: 65px;
}

.footer .footer-main {
  padding: 0px 0 30px 0;
}

@media (max-width: 992px) {
  .footer .footer-main {
    background-position: center bottom;
  }
}

.footer .footer-main .footer-info {
  margin-bottom: 30px;
}

.footer .footer-main .footer-info {
  line-height: 0;
  margin-bottom: 15px;
  padding-right: 100px;
}

.footer .footer-main .footer-info img {
  max-height: 45px;
  margin-bottom: 15px;
}

.footer .footer-main .footer-info p {
  font-size: var(--fs-16);
  color: #111;
  line-height: 24px;
  font-weight: 500;
  text-align: left;
}

.footer .footer-main .social-links a {
  font-size: var(--fs-20);
  display: inline-block;
  color: #111;
  line-height: 0;
  margin-right: 10px;
  transition: 0.3s;
  border:1px solid #e7e7e7;
  padding: 5px;
  vertical-align: top;
  border-radius: 5px;
}

.footer .footer-main .social-links a:hover {
  color: #111;
  background-color: #f7f7f7;
  text-decoration: none;
}

.footer .footer-main h3 {
  font-size: var(--fs-18);
  font-weight: bold;
  color: #111;
  position: relative;
}

.footer .footer-main h4 {
  font-size: var(--fs-16);
  font-weight: bold;
  color: #111;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
}

.footer .footer-main .footer-links {
  margin-bottom: 30px;
}

.footer .footer-main .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer-main .footer-links ul i {
  padding-right: 2px;
  color: #d0d4fc;
  font-size: var(--fs-12);
  line-height: 0;
}

.footer .footer-main .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
  font-weight: 500;
}

.footer .footer-main .footer-links ul li:first-child {
  padding-top: 0;
}

.footer .footer-main .footer-links ul a {
  color: #111;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

.footer .footer-main .footer-links ul a:hover {
  color: #881fff;
}

.footer .footer-main .footer-contact p {
  line-height: 26px;
}

.footer .copyright {
  text-align: center;
  padding-top: 25px;
  color: #111;
}

.market-btn {
    display: inline-block;
    padding: 0.3125rem 0.875rem;
    padding-left: 2.8125rem;
    -webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    border: 1px solid #e7e7e7;
    background-position: center left 0.75rem;
    background-color: #fff;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    text-decoration: none;
}
.market-btn .market-button-title {
    display: block;
    color: #222;
    font-size: 1.125rem;
}
.market-btn .market-button-subtitle {
    display: block;
    margin-bottom: -0.25rem;
    color: #888;
    font-size: 0.75rem;
}
.market-btn:hover {
    background-color: #f7f7f7;
    text-decoration: none;
}

.apple-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiMyZTJlMmUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.google-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

@media (max-width: 768px) {
  .footer .footer-main .footer-info {
    padding-right: 15px;
  }
}
.extention_strip {
  background-color: #e2effd;
  color: #111;
  padding: 3px 0;
}
.extention_strip .extention_btn button {
  background-color: #111;
  color: #fff;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .extention_strip {
    font-size: 12px;
    text-align: left;
  }
  .extention_strip p {
    text-align: left;
    font-size: 10px;
  }
  .extention_strip h4 {
    font-size: 14px;
    text-align: left;
  }
  .extention_strip .extention_btn button {
    font-size: 12px;
  }
  .back-to-top {
    bottom: 80px;
  }
}

 .swiper-container {
  position: relative;
  display: flex;
  }
    .swiper-slide {
      text-align: center;
      font-size: 16px;
      background: #072550;
      box-sizing: content-box;
      border-radius: 15px;
      text-align: center;
      display: table;
      min-height: 270px;
      justify-items: center;
      color: #fff;
      }
      .swiper-slide .box {
        padding: 50px;
        display: table-cell;
        vertical-align: middle;
        position: relative;
        border-radius: 15px;
      }
      .swiper-slide .box span {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        margin-top: 8px;
        display: block;
      }
      .swiper-slide .box small {
        display: block;
        text-transform: capitalize;
        color: #7b7b7b;
      } 
    .testimonials-rounded-icon {
    height: 105px;
    width: 105px;
    line-height: 100px;
    overflow: hidden;
    box-shadow: 0 0 25px rgba(0, 0, 0, .05);
    position: absolute;
    top: 0;
    left: 10%;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transition: all 0.3s ease-in-out;
    background: #F80;

  }
  .text-gradient-light-purple-light-orange {
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 55px;
  }



.switch-wrapper {
  position: relative;
  display: inline-flex;
  padding: 4px;
  border: 1px solid #fff;
  margin-bottom: 10px;
  border-radius: 30px;
  background: #fff;
  width: 100%;
  z-index: 22;
}

.switch-wrapper [type="radio"] {
  position: absolute;
  left: -9999px;
}

.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"],
.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"] {
  color: #fff;
}

.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"]:hover,
.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"]:hover {
  background: transparent;
}

.switch-wrapper
  [type="radio"]:checked#monthly
  + label[for="yearly"]
  ~ .highlighter {
  transform: none;
}

.switch-wrapper
  [type="radio"]:checked#yearly
  + label[for="monthly"]
  ~ .highlighter {
  transform: translateX(100%);
}

.switch-wrapper label {
  font-size: 16px;
  z-index: 1;
  min-width: 50%;
  line-height: 32px;
  cursor: pointer;
  border-radius: 30px;
  transition: color 0.25s ease-in-out;
}

/*.switch-wrapper label:hover {
  background: transparent;
}
*/
.switch-wrapper .highlighter {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  border-radius: 30px;
  background: #136d2f;
  transition: transform 0.25s ease-in-out;
}


/* common */
.ribbon {
  width: 155px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #0d2a54;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #0c0ccc;
  box-shadow: 0 2px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 14px/1 'spoof', inter;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 24px;
}
.ribbon-top-left::after {
  bottom: 19px;
  left: 0;
}
.ribbon-top-left span {
  right: -13px;
  top: 35px;
  transform: rotate(-45deg);
}

.icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ace3c9;
  border: 1px solid #ace3c9;
  font-size: 16px;
  margin-right: 12px;
  }

  .stats-box {
      text-align: center;
      border:2px solid #0c0ccc;
      padding: 25px;
      border-radius: 20px;
      background-color: #c2e7ff;
    }
    .stats-box-cta {
      background: #0c0ccc;
      color: #fff;
    }