/* ---- token utility --- */
.container-custom {
            display: flex;
            flex-direction: column;
            gap: 15px;
            max-width: 900px;
            width: 100%;
            margin: auto;
            margin-bottom:50px;
        }
        .item-row {
            display: flex;
            align-items: flex-start; /* Align items to the top of the row */
        }
        .icon-box {
            flex-shrink: 0; /* Prevent icon box from shrinking */
            width: 60px; /* Fixed width for icon box */
            height: 60px; /* Fixed height for icon box */
            background-color: #38c172; /* Green background for icons */
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 15px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            position: relative;
            z-index: 1;
        }
        .icon-box i {
            color: white;
            font-size: 24px;
        }
        .content-box {
            flex-grow: 1; /* Allow content box to take remaining space */
            background-color: #fff; /* Darker green for content box */
            border-radius: 8px;
            padding: 15px 20px 20px;
            color: white;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            position: relative;
            margin-top: 0; /* Ensure content box starts at the top */
        }
        .content-box h5 {
            color: #38c172; /* Green for titles */
            font-weight: bold;
            margin-bottom: 5px;
        }
        .content-box p {
            font-size: 0.9rem;
            line-height: 1.4;
            margin-bottom: 0;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .item-row {
                flex-direction: column;
                align-items: center;
            }
            .icon-box {
                margin-right: 0;
                margin-bottom: 10px;
            }
            .content-box {
                width: 100%;
                text-align: center;
            }
            .container-custom {
                gap: 20px; /* Increase gap between items for mobile */
            }
        }
/* --------------- Menu --------------- */
.navbar {
  position: absolute;
  z-index: 1;
  padding: 0;
  margin: 0;
  background: transparent;
  inline-size: 100%;
  inset-block-start: 30px;
  inset-inline-start: 0;
}

.navbar.nav-scroll {
  position: fixed;
  padding: 0;
  backdrop-filter: blur(10px);
  inset-block-start: -80px;
  padding-block: 15px;
  padding-inline: 0;
  transform: translateY(80px);
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}

.navbar.nav-scroll {
  position: fixed;
  padding: 0;
  backdrop-filter: blur(10px);
  inset-block-start: -80px;
  padding-block: 15px;
  padding-inline: 0;
  transform: translateY(80px);
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}

.navbar.nav-scroll .logo,
.navbar.nav-scroll .topnav .butn {
  border: solid 1px #ddd6d6 !important;
}

.navbar .logo {
  border: solid 1px #ddd6d6 !important;
  border-radius: 30px;
  background: #fff;
  padding-block: 7px;
  padding-inline: 15px;
}

.navbar .logo img {
  inline-size: 170px;
}

.navbar .navbar-nav {
  border: 1px solid rgba(255, 255, 255, 30%);
  border-radius: 30px;
  margin-inline-start: 15px;
  padding-block: 2px;
  padding-inline: 5px;
}

.navbar .navbar-nav .nav-link {
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding-block: 5px;
  padding-inline: 20px;
}

.navbar .navbar-nav .nav-link.active {
  background: rgba(255, 255, 255, 10%);
}

.navbar .topnav .butn {
  border: solid 1px #ddd6d6 !important;
  background: #fff;
  color: #1d1d1d;
  margin-inline-end: 15px;
  padding-block: 7px;
  padding-inline: 20px;
}

.butn.butn-rounded {
  border-radius: 30px;
}

.butn .icon {
  inline-size: 18px;
}

/* --------------- Menu --------------- */
.hamenu {
  position: fixed;
  z-index: 99999999999;
  overflow: hidden;
  background: #1d1d1d;
  block-size: 100vh;
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: -100%;
  transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
}

.hamenu::after {
  position: absolute;
  background-image: url("../imgs/menu-shape.png");
  background-repeat: repeat;
  background-size: contain;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  opacity: 0.5;
  pointer-events: none;
}

.hamenu .close-menu {
  position: absolute;
  z-index: 4;
  border: 1px solid rgba(255, 255, 255, 20%);
  border-radius: 50%;
  block-size: 60px;
  cursor: pointer;
  inline-size: 60px;
  inset-block-start: 30px;
  inset-inline-end: 40px;
  line-height: 60px;
  text-align: center;
}

.hamenu .close-menu {
  color: #fff;
  opacity: 0;
  transform: translateY(-100px);
  transition: all 0.4s;
}

.hamenu.open .close-menu {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1s;
}

.hamenu.open .menu-links .main-menu > li .link {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1s;
}

.hamenu.open .cont-info {
  transform: translateX(0);
}

.hamenu.open .cont-info .text-center {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.4s;
}

.hamenu .menu-links {
  display: -webkit-box;
  display: flexbox;
  display: flex;
  overflow: auto;
  align-items: center;
  background: #111;
  block-size: 100vh;
  -webkit-box-align: center;
  color: #fff;
  -ms-flex-align: center;
  inline-size: 100%;
  padding-block-start: 80px;
  padding-inline: 80px;
}

.hamenu .menu-links::-webkit-scrollbar {
  inline-size: 5px;
}

.hamenu .menu-links::-webkit-scrollbar-track {
  background: #111;
}

.hamenu .menu-links::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(255, 255, 255, 20%);
}

.hamenu .menu-links .main-menu {
  position: relative;
  z-index: 2;
  inline-size: 100%;
}

.hamenu .menu-links .main-menu ul {
  padding: 0;
  margin: 0;
}

.hamenu .menu-links .main-menu > li {
  transition: all 0.5s;
}

.hamenu .menu-links .main-menu > li .link {
  position: relative;
  display: block;
  font-size: 20px;
  font-weight: 300;
  inline-size: 100%;
  line-height: 1;
  opacity: 0;
  padding-block: 15px;
  padding-inline: 30px;
  transform: translateY(100px);
  transition: all 0.7s;
}

.hamenu .menu-links .main-menu > li .link i {
  position: absolute;
  inline-size: 90px;
  inset-block: 0;
  inset-inline-end: 0;
}

.hamenu .menu-links .main-menu > li .link i::before {
  position: absolute;
  background: #fff;
  block-size: 16px;
  content: "";
  inline-size: 1px;
  inset-block-start: 30%;
  inset-inline-start: 50%;
}

.hamenu .menu-links .main-menu > li .link i::after {
  position: absolute;
  background: #fff;
  block-size: 1px;
  content: "";
  inline-size: 16px;
  inset-block-start: calc(30% + 8px);
  inset-inline-start: calc(50% - 8px);
}

.hamenu .menu-links .main-menu > li .link.dopen i::before {
  opacity: 0;
}

.hamenu .menu-links .main-menu > li .link .fill-text {
  position: relative;
  color: rgba(255, 255, 255, 40%);
}

.hamenu .menu-links .main-menu > li .link .fill-text::after {
  position: absolute;
  overflow: hidden;
  color: #fff;
  content: attr(data-text);
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  transition: inline-size 0.75s cubic-bezier(0.63, 0.03, 0.21, 1);
  white-space: nowrap;
}

.hamenu .menu-links .main-menu > li.hoverd .link .fill-text::after {
  inline-size: 0;
}

.hamenu .menu-links .main-menu > li .sub-dmenu {
  background: rgba(255, 255, 255, 0.9%);
  font-size: 30px;
  font-weight: 500;
  letter-spacing: normal;
  padding-inline-start: 50px;
  text-transform: capitalize;
}

.hamenu .menu-links .main-menu .sub-menu {
  display: none;
  padding-block: 10px;
  padding-inline: 0;
}

.hamenu .menu-links .main-menu .sub-menu.no-bord {
  padding: 0;
  border-block-start: 0;
}

.hamenu .menu-links .main-menu .sub-menu li {
  padding: 0;
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}

.hamenu .menu-links .main-menu .sub-menu li a {
  display: block;
  color: #fff;
  font-size: 18px;
  opacity: 0.6;
  padding-block: 5px;
  padding-inline: 40px 12px;
  transition: all 0.4s;
}

.hamenu .menu-links .main-menu .sub-menu li a:hover {
  opacity: 1;
}

.hamenu .menu-links .main-menu .sub-menu2 {
  display: none;
  padding-block: 10px 20px;
  padding-inline: 0;
}

.hamenu .menu-links .main-menu .sub-menu2 li {
  padding: 0;
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}

.hamenu .menu-links .main-menu .sub-menu2 li a {
  opacity: 0.6;
  padding-block: 12px;
  padding-inline: 70px 12px;
  transition: all 0.4s;
}

.hamenu .menu-links .main-menu .sub-menu2 li a:hover {
  opacity: 1;
}

.hamenu .cont-info {
  background: #1d1d1d;
  color: #fff;
  inline-size: 70%;
  padding-inline-start: 30px;
}

.hamenu .cont-info .logo img {
  margin: auto;
  inline-size: 200px;
}

.hamenu .cont-info .social-icon a {
  margin-block: 0;
  margin-inline: 15px;
}

.hamenu .cont-info .text-center {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.4s;
}

.hamenu .cont-info .text-center h5 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.7;
}

.hamenu.open .cont-info {
  transform: translateX(0);
}

.hamenu .cont-info {
  background: #1d1d1d;
  color: #fff;
  inline-size: 70%;
  padding-inline-start: 30px;
}

.cont-info .social-icon .fa-brands {
  color: rgb(0, 179, 85);
}

.valign {
  display: -webkit-box;
  display: flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.full-width {
  inline-size: 100% !important;
}

.text-center {
  text-align: center !important;
}

.mt-40 {
  margin-block-start: 40px !important;
}

.rest {
  padding: 0 !important;
  margin: 0 !important;
}

.hamenu .main-menu {
  max-inline-size: 400px;
}
.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown.toggle > input {
  display: none;
}
.dropdown > a, .dropdown.toggle > label {
  border-radius: 2px;
}
.dropdown ul {
  list-style-type: none;
  display: block;
  margin: 6px 0 0;
  padding: 0;
  position: absolute;
  width: 100%;
  box-shadow: 1px 6px 5px -2px rgba(0,0,0,0.3);
  overflow: hidden;
  border-radius: 5px;
}
.dropdown ul li a, .dropdown.toggle > label {
  display: block;
  padding: 0 0 0 10px;
  text-decoration: none;
  line-height: 40px;
  color: #999;
  background-color: #FFF;
}
.dropdown li {
  height: 0;
  overflow: hidden;
  transition: all 500ms;
}
.dropdown.hover li {
  transition-delay: 300ms;
}
.dropdown a:hover, .dropdown.toggle > label:hover, .dropdown.toggle > input:checked ~ label {
  background-color: #EEE;
  color: #666;
}
.dropdown > a:hover::after, .dropdown.toggle > label:hover::after, .dropdown.toggle > input:checked ~ label::after {
  border-top-color: #AAA;
}
.dropdown li:first-child a:hover::before {
  border-bottom-color: #EEE;
}
.dropdown.hover:hover li, .dropdown.toggle > input:checked ~ ul li {
  height: 40px;
}
.margin-bottom{ margin-bottom:25px; }
@media screen and (max-width: 768px) {
  .hamenu.open .cont-info {
    display: none;
  }

  .hamenu .menu-links {
    padding-block-start: 15px;
    padding-inline: 15px;
  }

  .hamenu .menu-links .main-menu {
    inline-size: 100%;
  }

  .hamenu .menu-links .main-menu > li .link {
    font-size: 30px;
  }
}

.cursor-pointer {
  cursor: pointer;
}

.hamenu .social-icon .fa {
  color: #00b355;
}

.hamenu .social-icon .fa:hover {
  color: #056432;
}
form a{ color:#00b355}
form a:hover{ color:#666}
form a:active{ color:#666}
/* ========= End hamenu  ========= */
.pt-50{
padding-top:50px!important;
}
.pb-50{
padding-bottom:50px!important;
}
.pt-100{
padding-top: 100px!important;
}
.pb-100{
padding-bottom: 100px!important;
}
.sponsor-section{
    border-bottom: 1px solid #00b355;
}
/* ========= Loader ============ */
.loader-page {
  position: fixed;
  z-index: 99999999;
  background-color: #fff;
  block-size: 100%;
  inline-size: 100%;
  inset: 0;
  transition: all 0.5s ease-out;
}

.loader-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: auto;

  /* border: 1px solid steelblue; */
  inline-size: 600px;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
}

.loader {
  position: relative;
  background-color: #f5f7fa;
  block-size: 5px;
  inline-size: 500px;
}

.loader-fill {
  position: absolute;
  background-color: #00b355;
  block-size: 100%;
  inline-size: 0;
}

.loader-counter {
  position: absolute;
  z-index: 9;
  color: #00b355;
  font-family: Lato;
  font-size: 5rem;
  font-weight: 300;
  letter-spacing: -5px;
}

/* ========= End Loader ========== */
.container-roadmap {
  position: relative;
  overflow: hidden;
  inline-size: 100%;
  margin-block: 50px;
  margin-inline: auto;
  padding-block: 50px;
  padding-inline: 0;
}

.container-roadmap::before {
  position: absolute;
  z-index: 0;
  background: #ccd1d9;
  block-size: 100%;
  content: "";
  inline-size: 2px;
  inset-block-start: 0;
  inset-inline-start: 50%;
  margin-inline-start: -1px;
}

.timeline-block {
  display: -webkit-box;
  display: flex;
  display: -moz-box;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  clear: both;
  inline-size: calc(50% + 8px);
}

.timeline-block-right {
  float: inline-end;
}

.timeline-block-left {
  direction: rtl;
  float: inline-start;
}

.marker {
  z-index: 9999;
  border: 2px solid #f5f7fa;
  border-radius: 50%;
  background: #4fc1e9;
  block-size: 16px;
  inline-size: 16px;
  margin-block-start: 10px;
}

.timeline-content {
  color: #666;
  inline-size: 95%;
  padding-block: 0;
  padding-inline: 15px;
}

.timeline-content h3 {
  font-size: 25px;
  font-weight: 500;
  margin-block: 5px;
}

.timeline-content span {
  color: #a4a4a4;
  font-size: 15px;
}

.timeline-content p {
  color: #888;
  font-size: 14px;
  line-height: 1.5em;
  word-spacing: 1px;
}

@media screen and (max-width: 768px) {
  .container-roadmap::before {
    inline-size: 2px;
    inset-inline-start: 8px;
  }

  .timeline-block {
    inline-size: 100%;
    margin-block-end: 30px;
  }

  .timeline-block-right {
    float: none;
  }

  .timeline-block-left {
    direction: ltr;
    float: none;
  }
}
h2.title-center { text-align: center; }
h2 span { color: #00b355; }
h3 b { color: #00b355; }

.company-one_block_inner .fa::before {
  display: block;
  color: #00b355;
  padding-block-start: 12px;
}

.company-one_block_inner .fa:hover {
  color: #175e38;
}

#screenshot .text-screen {
  margin-block-end: 32px;
}

/************ Header ******************/
.inner-page-header {
  background-image: url("../images/home3/06.png");
  background-position: bottom;
  background-repeat: no-repeat;
}
.inner-page-header-about {
  position: relative;
  background: url("../images/enviro18-1.jpg") no-repeat scroll bottom center;
  background-size: auto;
  background-size: cover;
}
.page-title-inner {
  margin-block-start: 80px;
}

.inner-page-header h1 {
  color: #00b355;
  font-size: 30px;
}
.inner-page-header h1 a{
  color: #222323;
  font-size: 30px;
}
.section-padding {
  padding-block: 100px;
  padding-inline: 0;
}

.clearfix::before,
.clearfix::after {
  display: table;
  content: " ";
}

.heading-wrapper {
  margin-block-end: 30px;
}
.heading-wrapper .h1{
  font-size: 45px;
}
.lead-text,
.lead-text p {
  color: #fff;
  font-size: 20px;
  line-height: 1.6;
}

.st-breadcrumb {
  display: table;
  border-radius: 4px;
  background: rgba(0, 0, 0, 8%);
  font-size: 17px;
  font-weight: 600;
  margin-block: 0;
  margin-inline: auto;
  padding-block: 10px;
  padding-inline: 30px;
  text-transform: uppercase;
}

.st-breadcrumb li {
  display: inline-block;
  padding-block: 0;
  padding-inline: 0;
}

.st-breadcrumb li a {
  padding-block: 0;
  padding-inline: 5px;
}

.style-dark a {
  color: #fff;
}

.st-breadcrumb li:not(.active)::after {
  content: "/";
  margin-block: 0;
  margin-inline: 10px;
}

.clearfix::after {
  clear: both;
}

/************ Membership plan *********/

/* Service Block Four */

.service-block_four {
  position: relative;
  margin-block-end: 30px;
}

.service-block_four-inner {
  position: relative;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 5%);
  color: #fff;
  padding-block: 40px 70px;
  padding-inline: 40px;
}

.color::before {
  position: absolute;
  z-index: 1;
  background: rgba(255, 255, 255, 10%);
  block-size: 40%;
  content: "";
  inline-size: 100%;
  inset-block-end: 0;
  inset-inline-start: 0;
  transform: skewY(-5deg) scale(1.5);
}

.col-sm-6:nth-child(1) .color,
.col-sm-6:nth-child(1) .more-detail,
.col-sm-6:nth-child(1) .service-block_four-icon {
  background: linear-gradient(-45deg, #f403d1, #64b5f6);
}

.col-sm-6:nth-child(2) .color,
.col-sm-6:nth-child(2) .more-detail,
.col-sm-6:nth-child(2) .service-block_four-icon {
  background: linear-gradient(-45deg, #ffec61, #f321d7);
}

.col-sm-6:nth-child(3) .color,
.col-sm-6:nth-child(3) .more-detail,
.col-sm-6:nth-child(3) .service-block_four-icon {
  background: linear-gradient(-45deg, #24ff72, #9a4eff);
}

.col-sm-6:nth-child(4) .color,
.col-sm-6:nth-child(4) .more-detail,
.col-sm-6:nth-child(4) .service-block_four-icon {
  background: hsla(216deg, 71%, 57%, 100%);
  background: linear-gradient(45deg, hsla(216deg, 71%, 57%, 100%) 0%, hsla(199deg, 71%, 81%, 100%) 100%);
  background: linear-gradient(45deg, hsla(216deg, 71%, 57%, 100%) 0%, hsla(199deg, 71%, 81%, 100%) 100%);
  background: linear-gradient(45deg, hsla(216deg, 71%, 57%, 100%) 0%, hsla(199deg, 71%, 81%, 100%) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#4583E0", endColorstr="#ABDBF1", GradientType=1);
}

.col-sm-6:nth-child(5) .color,
.col-sm-6:nth-child(5) .more-detail,
.col-sm-6:nth-child(5) .service-block_four-icon {
  background: #2a7b9b;
  background: linear-gradient(47deg, rgba(42, 123, 155, 100%) 0%, rgba(87, 199, 133, 100%) 50%, rgba(237, 221, 83, 100%) 100%);
}

.col-sm-6:nth-child(6) .color,
.col-sm-6:nth-child(6) .more-detail,
.col-sm-6:nth-child(6) .service-block_four-icon {
  background: #020024;
  background: linear-gradient(19deg, rgba(2, 0, 36, 100%) 0%, rgba(9, 9, 121, 100%) 35%, rgba(0, 212, 255, 100%) 100%);
}

.service-block_four-icon {
  position: relative;
  display: block;
  border-radius: 50px;
  background-color: #000;
  block-size: 100px;
  inline-size: 100px;
  margin-block: 0;
  margin-inline: auto;
}

.service-block_four-icon img {
  max-inline-size: 100px;
}

.service-block_four-title {
  position: relative;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin-block-start: 25px;
  text-align: center;
}

.service-block_four-text {
  position: relative;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  margin-block-start: 10px;
  text-align: center;
}

.service-block_four-list {
  position: relative;
  margin-block-start: 20px;
  margin-inline-start: 0;
}

.service-block_four-list li {
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin-block-end: 20px;
  padding-block: 3px;
  padding-inline: 0;
  padding-inline-start: 50px;
}

.service-block_four-list li::before {
  position: absolute;
  border-radius: 50px;
  background-color: #ccc;
  block-size: 30px;
  color: #000;
  content: "\2713";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  inline-size: 30px;
  inset-block-start: 0;
  inset-inline-start: 0;
  line-height: 30px;
  text-align: center;
}

.service-block_four-button {
  position: relative;
  margin-block-start: 30px;
  text-align: center;
  z-index:10;
}

.service-block_four-button .more-detail {
  position: relative;
  display: inline-block;
  border-radius: 5px;
  background-color: #ccc;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding-block: 17px;
  padding-inline: 32px;
}

.service-block_four-button .more-detail .arrow {
  position: relative;
  display: inline-block;
  transform: rotate(-45deg);
  transition: all 300ms ease;
}

.service-block_four-button .more-detail:hover {
  background-color: #ccc;
  color: #fff;
}

.service-block_four-button .more-detail:hover .arrow {
  transform: rotate(0deg);
}

.service-block_four-button .more-detail .arrow {
  position: relative;
  display: inline-block;
  transform: rotate(-45deg);
  transition: all 300ms ease;
}

/************ Membershi plan **********/

/************ tokens distribution ****/
#container {
  min-block-size: 500px;
}

/************ tokens distribution ****/

/********** how its works *****/
.company-one_block {
  position: relative;
  margin-block-end: 40px;
}

.company-one_block_inner {
  position: relative;
  border-radius: 25px;
  background: #1d7d52;
  background: linear-gradient(47deg, rgba(42, 123, 155, 100%) 0%, rgba(87, 199, 133, 100%) 50%, rgba(21, 228, 149, 100%) 100%);
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-block: 45px;
  padding-inline: 45px;
}

.company-one_block_heading {
  position: relative;
  color: #fff;
  font-family: var(--font-family-FiraSans);
  font-size: 22px;
  font-weight: 700;
  margin-block: 20px;
}

.company-one_block_arrow {
  position: relative;
  display: inline-block;
  border-radius: 50px;
  background-color: #fff;
  block-size: 46px;
  color: #000;
  font-size: 20px;
  inline-size: 46px;
  line-height: 48px;
  text-align: center;
}

.company-one_block_heading {
  position: relative;
  color: #fff;
  font-family: var(--font-family-FiraSans);
  font-size: 22;
  font-weight: 700;
  margin-block: 20px;
}

.company-one_block_text {
  position: relative;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  margin-block-end: 25px;
}

.company-one_block_arrow {
  position: relative;
  display: inline-block;
  border-radius: 50px;
  background-color: #fff;
  block-size: 46px;
  color: #000;
  font-size: 20px;
  inline-size: 46px;
  line-height: 48px;
  text-align: center;
}

.company-one_block_overlay {
  position: absolute;
  border-radius: 25px;
  background-color: var(--color-fiftysix);
  background-position: right bottom;
  background-repeat: no-repeat;
  inset-block: -55px -30px;
  inset-inline: 0;
  padding-block: 45px;
  padding-inline: 45px;
  transform: rotateX(90deg);
  transition: all 500ms ease;
}

/********** how its works End *****/

/********** New Footer starts ********/
footer {
  background-color: #222023;
  background-image: linear-gradient(top, #222023, #1e2c47);
  background-image: linear-gradient(to bottom, #222023, #1e2c47);
  color: #fff;
  font-size: 17px;
  padding-block: 220px;
  padding-inline: 0;
}

footer h3 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
}

footer h4 {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-block-end: 2px;
}

.about-footer li i {
  position: absolute;
  inset-inline-start: 0;
}

.about-footer li {
  position: relative;
  margin-block-end: 40px;
  padding-inline-start: 40px;
}

.about-footer ul {
  margin-block-start: 40px;
}

footer .logo img {
  max-inline-size: 180px;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #00b355;
}

.footer-title {
  border-block-end: 2px solid #00b355;
  margin-block-end: 35px;
  padding-block-end: 25px;
}

ul.footer-social {
  float: inline-start;
}

ul.footer-social li {
  display: inline;
  margin-inline-end: 16px;
}

ul.footer-social i {
  border-radius: 30px;
  background: #fff;
  block-size: 30px;
  color: #222025;
  font-size: 16px;
  font-weight: 800;
  inline-size: 30px;
  line-height: 30px;
  text-align: center;
  transition: all 0.5s;
}

ul.footer-social li:last-child {
  margin-inline-end: 0;
}

ul.footer-social i:hover {
  background: #00b355;
  color: #fff;
}

.page-more-info li {
  margin-block-end: 10px;
}

footer .table td:first-child {
  font-weight: 600;
  padding-inline-start: 33px;
}

footer .table td:last-child { text-align: end; }

footer .table td {
  padding: 0;
  border: 0;
}

footer .table td i {
  position: absolute;
  font-size: 21px;
  inset-block-start: 6px;
  inset-inline-start: 0;
}

footer .table td {
  position: relative;
  padding-block: 4px;
  padding-inline: 0;
}

.footer-logo td {
  padding-inline-end: 4px !important;
}

.footer-logo td:last-child {
  padding-inline-end: 0 !important;
}

footer hr {
  border-color: #9294a0;
}

.footer-bottom p {
  text-align: end;
}

.footer-bottom {
  margin-block-start: 30px;
}

.open-hours hr {
  margin-block: 30px;
  margin-inline: 0;
}

footer {
  a,
  a:hover,
  a:focus,
  a:active {
    outline: none;
    text-decoration: none;
  }

  a,
  a:active,
  a:focus {
    color: #f1f1f1;
    text-decoration: none;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
  }

  ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  img {
    block-size: auto;
  }

  .btn {
    padding-block: 14px;
    padding-inline: 25px;
    text-transform: uppercase;
    transition: all 0.8s;
  }
  .footer-top { padding-block-end: 15px; }
}

/******** clients ********/
.owl-stage {
  padding-inline: 0;
}

.owl-stage img {
  display: block;
  margin: auto;
}

.company-one_block_inner .com-img{
width: auto;
  height: 40px;
  margin: auto;
  display: block;
}
/******** clients ends *****/
.image-wrapper img{
  width:100%;
}
.merchants .heading-wrapper {
  margin-top: 50px;
}
.call-action h2 {
  font-size: 100px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
}
.call-action h2 .buton {
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: #14e296;
  position: absolute;
  top: -104px;
  right: 8%;
  font-size: 25px;
  color: #fff;
}
.call-action a.let{
 color:#000;
}
.call-action a.con span{
 color:#000;
}
.call-action a:hover{
 color:#000;
}
/********** New footer Ends *******/
.blog-bradcrumb li,
.blog-bradcrumb li a { display: inline-block; color: #999; font-size: 13px; line-height: 32px; text-decoration: none; }
html { overflow-x: hidden; }
body { position: relative; background-color: #fff; font-family: Poppins, sans-serif; font-size: 15px; overflow-x: hidden; }
body.home-style-two { padding: 0 !important; }
body.home-style-two.modal-open .navbar { padding-block: 15px 0 !important; padding-inline: 0 !important; }
body.home-style.three { padding: 0 !important; }
body.home-style.three.modal-open .navbar { padding-block: 15px 0 !important; padding-inline: 0 !important; }
section { padding-block: 100px; }
h1 { color: #18e7d3; font-size: 63px; font-weight: 300; line-height: 28px; margin-block: 25px 40px; text-transform: uppercase; }
h2 { color: #444; font-size: 30px; font-weight: 300; letter-spacing: 4px; line-height: 28px; margin-block-end: 32px; text-transform: uppercase; }
h3 { color: #444; font-size: 16px; font-weight: 600; letter-spacing: 1px; line-height: 28px; margin-block-start: 30px; text-transform: capitalize; }
h4 { font-size: 15px; font-weight: 400; line-height: 28px; margin-block-end: 0; }
h5 { color: #777; font-size: 14px; font-weight: 400; letter-spacing: 0.1em; line-height: 28px; margin-block: 15px 0; text-transform: uppercase; }
h6 { color: #777; font-size: 12px; letter-spacing: 0.1em; line-height: 28px; text-transform: uppercase; }
[class*="col-"] { position: relative; }
.form-check-input { position: absolute; inset-block-start: -2px; inset-inline-start: 0; }
.form-check-input:checked { border-color: #2bd4df; background-color: #2bd4df; }
.form-check-input:focus { border-color: rgba(43, 212, 223, 30%); box-shadow: 0 0 0 0.25rem rgba(43, 212, 223, 20%); }
.hire-us .nav-link { position: absolute; border-radius: 25px 0 0 25px; background-color: #fff; font-weight: 500; inset-block-start: -40px; inset-inline-end: 0; letter-spacing: 1px; padding-block: 9px; padding-inline: 25px 10px; }
p { color: #777; font-size: 15px; letter-spacing: 0.03em; line-height: 1.8em; text-transform: capitalize; }
p.landing-caption { font-size: 30px; line-height: 1.5; }
p.landing-caption span { color: #444; font-weight: 600; }
a { text-decoration: none; color:#00b355}
a:hover { color: #777; text-decoration: none; }
a:focus { color: #777; text-decoration: none; }
section { overflow: hidden; }
.navbar-light .default-nav .navbar-nav .nav-link { color: #777; font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: uppercase; }

@keyframes btn-animation {
  0% { transform: translateX(4px); }
  50% { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}

@keyframes btn-animation {
  0% { transform: translateX(4px); }
  50% { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}
.vertical-scrolling.active .price-block { animation: pulse 1s ease-in-out; }
.vertical-scrolling.active .contact-subscribe { animation: slideInLeft 1s ease-in-out; }
.vertical-scrolling.active .feature-style li:nth-child(3) { margin-block-end: 0; }
.vertical-scrolling.active .bottom-section .footer-style { animation: fadeIn 1.5s ease-in-out; }
.vertical-scrolling.active .map iframe { animation: fadeIn 1.5s ease-in-out; }
#map { block-size: 400px; inline-size: 100%; }
.home { position: relative; display: block; background-image: url("../images/1.png"); background-position: bottom; background-repeat: no-repeat; background-size: cover; block-size: 100vh !important; inline-size: 100vw; margin-block-start: 0; }
.home .fp-tableCell { display: block; }
.gmap3 { border: 1px dashed #c0c0c0; block-size: 500px; inline-size: 1000px; margin-block: 20px; margin-inline: auto; }
.overflow-hidden { overflow: hidden; }

.recent-thumb {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
}
.recent-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 6px;
}
.news-details-area .blog-post-details .single-blog-post .post-featured-thumb {
  height: 400px;
    border-radius: 8px;
}
.main-sidebar .single-sidebar-widget {
  padding: 40px 30px;
  background-color: var(--bg);
  margin-bottom: 30px;
    border-radius: 8px;
}
.main-sidebar .single-sidebar-widget .wid-title {
  margin-bottom: 25px;
}
.main-sidebar .single-sidebar-widget .wid-title h3 {
  position: relative;
  padding-bottom: 15px;
}
.main-sidebar .single-sidebar-widget .wid-title h3::before {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 83px;
  content: "";
  background-color: var(--theme);
}
.main-sidebar .single-sidebar-widget .search-widget form {
  width: 100%;
  position: relative;
}
.main-sidebar .single-sidebar-widget .search-widget form input {
  background-color: var(--white);
  font-size: 15px;
  padding: 20px;
  width: 100%;
  border: none;
    border-radius: 4px 0px 0px 4px;

  color: var(--text);
}
.main-sidebar .single-sidebar-widget .search-widget form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  font-size: 18px;
  height: 100%;
  background-color: var(--theme);
  color: var(--white);
  text-align: center;
  transition: all 0.3s ease-in-out;
    border-radius: 0px 4px 4px 0px;
}
.main-sidebar .single-sidebar-widget .search-widget form button:hover {
  background-color: var(--header);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background-color: var(--white);
  font-weight: 500;
  transition: all 0.4s ease-in-out;
    border-radius: 4px;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li a {
  color: var(--header);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li span {
  transition: all 0.4s ease-in-out;
  color: var(--header);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:not(:last-child) {
  margin-bottom: 12px;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover {
  background-color: var(--theme);
  color: var(--white);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover a {
  color: var(--white);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover span {
  color: var(--white);
}

.main-sidebar .single-sidebar-widget .news-widget-categories ul li.active {
  background-color: var(--theme);
}

.main-sidebar .single-sidebar-widget .news-widget-categories ul li.active a {
  color: var(--white);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li.active span {
  color: var(--white);
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items:not(:last-child) {
  margin-bottom: 20px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul {
  margin-bottom: 8px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul li i {
  color: var(--theme);
  margin-right: 5px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 {
  font-weight: 700;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 a:hover {
  color: var(--theme);
}
.main-sidebar .single-sidebar-widget .tagcloud a {
  display: inline-block;
  padding: 11px 20px;
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  background: var(--white);
  margin-right: 5px;
  text-transform: capitalize;
  margin-bottom: 10px;
  transition: all 0.4s ease-in-out;
    border-radius: 4px;
}
.main-sidebar .single-sidebar-widget .tagcloud a:last-child {
  margin-right: 0;
}

.main-sidebar .single-sidebar-widget .tagcloud .active {
    background-color: var(--theme);
    color: var(--white);
}
.main-sidebar .single-sidebar-widget .tagcloud a:hover {
  background-color: var(--theme);
  color: var(--white);
}

.recent-thumb {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
}

.recent-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 6px;
}

.news-details-area .blog-post-details .single-blog-post .post-featured-thumb {
  height: 400px;
    border-radius: 8px;
}
ul.social-icons{margin: 0;}
ul.social-icons li{display: inline-block; margin-right:5px}
.blog__item-content{ margin-top:20px;}
.blog-text{margin: 20px 0;}
.blog-text a{ color:#00b355}
.blog-text a:hover{ color:#777}
.blog-page section { padding-block: 80px; }
.blog-page .media h5 { color: #444; font-weight: 600; text-transform: capitalize; }
.blog-page .media p { font-size: 14px; line-height: 24px; margin-block-end: 0; }
.leave-coment { margin-block-start: 30px; }
.leave-coment h3 { font-size: 18px; text-transform: uppercase; }
.breadcrumb { padding-block: 0.75rem; padding-inline: 1rem; }
.breadcrumb-bg { background-color: #f7f7f7; margin-block: 0; margin-inline: auto; padding-block: 15px; }
.breadcrumb-bg h2 { margin: 0; padding-block: 0.75rem; padding-inline: 0; }
.blog-bradcrumb { float: inline-end; }
.page-margin { margin-block-start: 125px; }
ul { list-style-type: none; }
.f-bold { font-weight: 700; }
.f-color { color: #444; }
.ms-10 { margin-inline-start: 10px; }
.btn { background-color: #18e7d3;
  font-size: 12px;
  border-color: #1D7D52;}
  .btn:hover { background-color: #444;}
.theme-link { color: #19d0de; transition: all 0.3s ease; }

.theme-link:hover,
.theme-link:focus { color: #2cc6ff; transition: all 0.3s ease; }
.form-group { position: relative; }
.form-group .show-hide { position: absolute; inset-block-start: 50%; inset-inline-end: 20px; transform: translateY(-50%); }
.form-group .show-hide .show::after { position: absolute; background: #444; block-size: 35px; content: ""; inline-size: 1px; inset-block-start: -11px; inset-inline-start: 5px; opacity: 1; transform: rotate(30deg); }
.form-group .show-hide span { border-radius: 50%; background: #18e7d3; block-size: 12px; cursor: pointer; float: inline-end; font-size: 0; inline-size: 12px; line-height: 12px; }
.form-group .show-hide span::before { position: absolute; border-radius: 50%; margin: auto; background: #444; block-size: 6px; content: ""; inline-size: 6px; inset: 0; }
.btn-custom { border: none; border-radius: 50px; background-size: 300% 100%; color: #fff; cursor: pointer; font-size: 14px; padding-block: 10px; padding-inline: 25px; text-transform: uppercase; transition: all 0.4s ease-in-out; }
.btn-custom.theme-color { background-image: -webkit-gradient(linear, left top, right top, from(#19d3dc), color-stop(#18e7d3), color-stop(#18e7d3), to(#19d2dd)); background-image: linear-gradient(to right, #19d3dc, #18e7d3, #18e7d3, #19d2dd); }
.btn-custom:hover { background-position: 100% 0; transition: all 0.4s ease-in-out; }
.btn-custom:focus { outline: none; }
.btn-back:hover i { animation: btn-animation 1s linear infinite; transform: scale(2); }
.tap-top { position: fixed; z-index: 99; display: none; border: 1px solid #fff; border-radius: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#18e7d3), to(#2bd4df)); background: linear-gradient(to top, #18e7d3, #2bd4df); block-size: 50px; color: #fff; cursor: pointer; font-size: 22px; inline-size: 50px; inset-block-end: 150px; inset-inline-end: 30px; line-height: 2.2; text-align: center; }
.m-width { max-inline-size: 1580px; }
.back-img { background-image: url("../images/lannd-bg.png"); background-position: bottom; background-repeat: no-repeat; background-size: cover; block-size: 100vh; }
.landing-circle { position: absolute; inset-block-start: 20px; inset-inline-start: 20px; }
.landing-circle1 { animation: movebounce 2.8s linear infinite; }
.landing-circle1 img { position: absolute; inset-block-start: 204px; inset-inline-start: 260px; }
.landing-circle2 { animation: movebounce 3s linear infinite; }
.landing-circle2 img { position: absolute; inset-block-start: 235px; inset-inline-start: 125px; }
.landing-page .fadeInLeft-land-caption img { block-size: 50px; }
.landing-circle3 { animation: movebounce 3.9s linear infinite; }
.landing-circle3 img { position: absolute; inset-block-start: 102px; inset-inline-start: 124px; }
.pt-70 { padding-block-start: 70px; }
.landing-title { color: #333; font-weight: 700; letter-spacing: 1px; margin-block-end: 20px; text-align: center; }
.border-shape { position: relative; display: block; block-size: 4px; inline-size: 80px; inset-block-start: 0; inset-inline: 0; margin-block: 15px; margin-inline: auto; text-align: center; }
.demo-description { line-height: 26px; text-align: center; }
.mt-35 { margin-block-start: 35px; }
.pc-bg { position: relative; display: inline-block; background-image: url("../images/screen1.png"); background-repeat: no-repeat; block-size: 290px; inline-size: 515px; }
.pc-bg:hover .img-scroll { background-position: center 100% !important; }
.img-scroll { position: absolute; background-position: center 0; background-repeat: no-repeat; background-size: cover; block-size: calc(100% - 47px); inline-size: calc(100% - 50px); inset-block-start: 15px; inset-inline-start: 25px; transition: all 9s ease-out 0s; }
.home-demo-wrapper { align-items: center; justify-content: center; -webkit-box-align: center; -webkit-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center; }
.demo-title { color: #333; font-size: 18px; font-weight: 700; letter-spacing: 1px; line-height: 1; margin-block: 20px 0; }
.color-variation { margin-block-start: 10px; }
.color-variation span { display: inline-block; border-radius: 50%; block-size: 20px; inline-size: 20px; margin-inline-end: 0.5rem; }
.bg_grad { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #18e7d3), color-stop(99%, #19d0de)); background: linear-gradient(#18e7d3 0, #19d0de 99%); }
.bg_light-blue { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #21edff), color-stop(99%, #2cc6ff)); background: linear-gradient(#21edff 0, #2cc6ff 99%); }
.bg_green { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #20f98a), color-stop(99%, #11d89c)); background: linear-gradient(#20f98a 0, #11d89c 99%); }
.border-shape-two { background-color: #ddd; block-size: 1px; inline-size: 100%; margin-block: 55px 10px; margin-inline: auto; }
.border-shape-two span { display: block; background-color: #ddd; block-size: 7px; inline-size: 100%; inset-inline-start: 0; margin-block: 4px; margin-inline: auto; text-align: center; }
.features-bg { background-color: #eee; }
.margin-top-bottom { margin-block-start: 70px; }
.features-title { color: #777; font-size: 18px; font-weight: 700; margin-block-start: 25px; text-align: center; text-transform: uppercase; }
.features-img { inline-size: 383px; }
.template-bg { background: #333; }
.tapl-title { color: #fff; font-size: 36px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.rounded-5 { border-radius: 5px !important; }
.tamp-d-flex { display: -webkit-box; display: flexbox; display: flex; align-items: center; justify-content: center; block-size: 100%; -webkit-box-align: center; -webkit-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center; }
.rating-title { color: #333; font-size: 36px; font-weight: bold; letter-spacing: 1px; line-height: 1; margin-block: 10px; margin-inline: auto; text-align: center; text-transform: uppercase; }
.rating-star { animation: fadeIn 1.5s ease-in-out; margin-block-start: 0; }
.rating-star img { margin-inline-end: 25px; }
.theme-nav .navbar { background-color: transparent; }
.theme-nav .nav-item { color: #777; font-size: 14px; letter-spacing: 1px; padding-block: 20px; padding-inline: 7px 0; text-transform: uppercase; }
.theme-nav .nav-item .nav-link { transition: all 0.3s ease; }
.theme-nav .nav-item:hover .nav-link { color: #18e7d3; transition: all 0.3s ease; }
.theme-nav .nav-item.dropdown .dropdown-menu { display: none; overflow: hidden; padding: 20px; border: 0; border-radius: 0; border-radius: 3px; margin: 0; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 17%); inset-inline: 15px 0; min-inline-size: 200px; opacity: 0; transition: all 0.6s ease-in; visibility: hidden; }
.theme-nav .nav-item.dropdown .dropdown-menu .nav-item .nav-link { padding: 5px; cursor: pointer; font-size: 13px; letter-spacing: 0.3px; text-transform: capitalize; transition: all 0.3s ease; }
.theme-nav .nav-item.dropdown .dropdown-menu .nav-item .nav-link.active { color: #18e7d3 !important; }
.theme-nav .nav-item.dropdown .dropdown-menu .nav-item .nav-link:hover { color: #18e7d3 !important; transition: all 0.3s ease; }
.theme-nav .nav-item.dropdown:hover .dropdown-menu { display: block; opacity: 1; visibility: visible; }
.theme-nav .nav-item:last-child .dropdown-menu { inset-inline: auto 0; }
.theme-nav .nav-item:first-child .dropdown-menu { inset-inline-start: 15px; }
.theme-nav .dropdown-menu .nav-item { padding: 0; font-size: 13px; padding-block: 5px; padding-inline: 10px; }
.theme-nav .dropdown-menu .nav-link { color: #777 !important; }
.theme-nav.darkHeader { padding-block: 0; }
.theme-nav.darkHeader .dropdown-menu .nav-item { padding: 0; }
.theme-nav.darkHeader .dropdown-menu .nav-item .nav-link.active { color: #18e7d3; transition: all 0.3s ease-in-out; }
.theme-nav .dropdown-menu .nav-item { padding: 0; }
.theme-nav > li.dropdown { position: relative; }
.theme-nav.darkHeader .dropdown-menu .nav-item { padding: 0; }
.theme-nav .navbar-nav .active > .nav-link { color: #18e7d3; cursor: pointer; letter-spacing: 1px; }

.home-style-two .navbar-light .navbar-nav .nav-link,
.three .navbar-light .navbar-nav .nav-link { color: #fff; opacity: 0.95; }

.home-style-two .navbar-light .navbar-nav .nav-link.active,
.three .navbar-light .navbar-nav .nav-link.active { opacity: 1; }

.home-style-two .navbar-brand,
.three .navbar-brand { filter: brightness(0) invert(1); }

.home-style-two .darkHeader .navbar-brand,
.three .darkHeader .navbar-brand { filter: none; }

.home-style-two .darkHeader.navbar-light .navbar-nav .nav-link,
.three .darkHeader.navbar-light .navbar-nav .nav-link { color: #444; }

.home-style-two .darkHeader.navbar-light .navbar-nav .active > .nav-link,
.three .darkHeader.navbar-light .navbar-nav .active > .nav-link { color: #fff; }

.home-style-two .home-contain,
.three .home-contain { color: #fff; }

.home-style-two.navbar-light .navbar-nav .nav-link:focus,
.three.navbar-light .navbar-nav .nav-link:focus { color: #fff !important; }

.home-style-two .theme-nav .navbar-nav .active > .nav-link,
.three .theme-nav .navbar-nav .active > .nav-link { color: #fff; }

.home-style-two .navbar-nav .dropdown-menu .nav-link:hover,
.three .navbar-nav .dropdown-menu .nav-link:hover { color: #18e7d3 !important; }

.home-style-two .navbar ul.navbar li.nav-item a,
.three .navbar ul.navbar li.nav-item a { color: #fff; }
.home-style .navbar-brand { filter: brightness(0) invert(1); }
.home-style nav.navbar .navbar-nav .nav-link { letter-spacing: 1px; }
.home-style nav.navbar .navbar-nav .active > .nav-link { color: #fff; }
.home-style nav.darkHeader .navbar-nav .nav-link { color: #444; }
.home-style nav.darkHeader .navbar-nav .nav-link.active { color: #18e7d3; }
.home-style nav.darkHeader .navbar-nav .active > .nav-link { color: #18e7d3; }
.home-style .darkHeader .navbar-brand { filter: none; }
.fixed-top { padding-block: 15px; transition: all 0.3s ease; }
.darkHeader { padding: 0; background: #fff; box-shadow: 1px 1px 12px 1px rgba(221, 221, 221, 40%); transition: all 0.3s ease; }
.darkHeader.theme-nav .nav-item { padding-block: 20px; padding-inline: 7px 0; }
.store { margin-block-start: 10px; }
.animated-circle.three img { inset-block-end: 180px; inset-inline-start: 70px; }
.animated-circle.three::before { animation: 2.5s anim-effect-front 0s linear infinite; box-shadow: 0 0 0 80px #e8e8e8; inset-block-end: 198px; inset-inline-start: 87px; }
.animated-circle.three::after { animation: 2.5s anim-effect-back 0s linear infinite; box-shadow: 0 0 0 10px #f4f4f4; inset-block-end: 210px; inset-inline-start: 98px; }
.animated-circle::before { position: absolute; z-index: 0; border-radius: 50%; animation: 2.5s anim-effect-front 0s linear infinite; block-size: 60px; box-shadow: 0 0 0 80px #e8e8e8; content: ""; inline-size: 60px; inset-block-end: 188px; inset-inline-start: 97px; }
.animated-circle::after { position: absolute; z-index: 0; border-radius: 50%; animation: 2.5s anim-effect-back 0s linear infinite; block-size: 35px; box-shadow: 0 0 0 10px #f4f4f4; content: ""; inline-size: 35px; inset-block-end: 205px; inset-inline-start: 108px; }
.home-two { background-image: url("../images/home2/home2-slider.png"); background-position: bottom; }
.home-two .slide-cap-desc { color: #fff; }
.home-two .contain { position: absolute; inset-block-start: calc(50% + 5px); inset-inline-start: calc(50% + 10px); margin-inline-end: -50%; transform: translate(-50%, -100%); }
.home-three { background-image: url("../images/home3/home3-slider.png"); background-position: top; background-size: contain; }
.home-three .home-right { transform: translateY(175px); }
.home-three .contain { position: absolute; inset-block-start: calc(50% - 10px); inset-inline-start: 50%; margin-inline-end: -50%; transform: translate(-50%, -100%); }
.home-decor .home-circle1 { position: absolute; inset-block-start: 185px; inset-inline-start: 75px; }
.home-decor .home-circle2 { position: absolute; inset-block-start: 180px; inset-inline-end: 188px; }
.home-decor .home-circle3 { position: absolute; inset-block-start: 280px; inset-inline-end: 203px; }
.home-contain { display: -webkit-box; display: flexbox; display: flex; align-items: center; block-size: calc(100vh - 74px); -webkit-box-align: center; -ms-flex-align: center; margin-block-start: -27px; }
.home-contain h4 { font-size: 18px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.home-right { inline-size: 100%; margin-block-start: -70px; transform: translateY(90px); }
.slide-cap-desc { color: #fff; }

@keyframes anim-effect-front {
  0% { box-shadow: 0 0 0 15px #e0e0e0; opacity: 1; }
  50% { box-shadow: 0 0 0 30px rgba(224, 224, 224, 60%); opacity: 1; }
  100% { box-shadow: 0 0 0 40px rgba(224, 224, 224, 0%); opacity: 0; }
}

@keyframes anim-effect-front {
  0% { box-shadow: 0 0 0 15px #e0e0e0; opacity: 1; }
  50% { box-shadow: 0 0 0 30px rgba(224, 224, 224, 60%); opacity: 1; }
  100% { box-shadow: 0 0 0 40px rgba(224, 224, 224, 0%); opacity: 0; }
}

@keyframes anim-effect-back {
  0% { box-shadow: 0 0 0 30px #ececec; opacity: 1; }
  50% { box-shadow: 0 0 0 50px rgba(236, 236, 236, 60%); opacity: 1; }
  100% { box-shadow: 0 0 0 80px rgba(236, 236, 236, 0%); opacity: 1; }
}

@keyframes anim-effect-back {
  0% { box-shadow: 0 0 0 20px rgba(236, 236, 236, 11%); opacity: 1; }
  50% { box-shadow: 0 0 0 50px rgba(236, 236, 236, 11%); opacity: 1; }
  100% { box-shadow: 0 0 0 70px rgba(236, 236, 236, 11%); opacity: 1; }
}
.about { position: relative; align-items: center; background-image: url("../images/about-bg.png"); background-repeat: no-repeat; background-size: cover; -webkit-box-align: center; -ms-flex-align: center; inline-size: 100vw; margin-block-start: 0; }
.about-decor .about-circle1 { position: absolute; inset-block: auto 170px; inset-inline-end: 140px; }
.about-decor .about-circle2 { position: absolute; inset-block: auto 20px; inset-inline-end: 5px; }
.about-contain { display: -webkit-box; display: flexbox; display: flex; align-items: center; block-size: 100%; -webkit-box-align: center; -ms-flex-align: center; }
.about-right { display: -webkit-box; display: flexbox; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #18e7d3; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #18e7d3), color-stop(99%, #19d0de)); background: linear-gradient(to bottom, #18e7d3 0, #19d0de 99%); block-size: 600px; -webkit-box-align: center; -webkit-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center; float: inline-end; inline-size: 600px; }
.about-icon { position: absolute; inset-inline-start: 8px; }
.icon-hover { padding: 10px; border: 1px solid #e6e6e6; border-radius: 50%; block-size: 45px; inline-size: 45px; text-align: center; transition: all 0.3s ease; }
.about-style { margin-block-end: 20px; }
.about-style li { margin-block-end: 27px; }
.about-style li:last-child { margin-block-end: 0; }
.top-margin { margin-block-start: 7px; }
.feature { position: relative; display: -webkit-box; display: flexbox; display: flex; align-items: center; background-image: url("../images/feature-bg.png"); background-position: 0; background-repeat: no-repeat; background-size: cover; -webkit-box-align: center; -ms-flex-align: center; inline-size: 100vw; margin-block-start: 0; min-block-size: 855px; }
.feature-style { padding: 0; margin-block-end: 0; }
.feature-style p { margin-block: 10px 0; }
.feature-style li { position: relative; margin-block-end: 45px; }
.feature-icon { position: absolute; padding: 0; inset-block-start: 0; }
.feature-phone { position: absolute; inset-block-start: 100px; inset-inline-start: 325px; }
.feature-phone img { block-size: 750px; inline-size: auto; }
.screenshot { position: relative; align-items: center; background-image: url("../images/screenshot-bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-box-align: center; -ms-flex-align: center; margin-block-start: 0; }
.screenshot .col-sm-12 { position: relative; }
.screenshot-contain { display: -webkit-box; display: flexbox; display: flex; align-items: center; block-size: 630px; -webkit-box-align: center; -ms-flex-align: center; }
.screenshot-decor{
    position:absolute;
}
.screenshot-decor .screenshot-circle1 { 
  position: absolute;
  top: auto;
  right: 645px;
}
.screenshot-decor .screenshot-circle2 { 
  position: absolute;
  top: 100px;
  right: 675px;
}
.screenshot-decor .screenshot-circle3 { 
  position: absolute;
  top: auto;
  left: 35%;
  bottom: 0px;
} 
.mob-mocup { position: absolute; z-index: 2; inline-size: 234px; inset-inline-start: 453px; }
.mobile-light-left { position: absolute; z-index: 9; animation: 2s ease-in 0s normal none infinite running highlight-left; inline-size: auto; inset-block-end: 50px; inset-inline-start: 38.4%; }
.mobile-light-right { position: absolute; z-index: 9; animation: 2s ease-in 0s normal none infinite running highlight-right; inline-size: auto; inset-block-start: 0; inset-inline-end: 38%; }
.owl-carousel { z-index: 1; }

@keyframes highlight-left {
  0% { inset-block-start: 320px; opacity: 0; }
  70% { opacity: 1; }
  100% { inset-block-start: 0; opacity: 0; }
}

@keyframes highlight-left {
  0% { inset-block-start: 320px; opacity: 0; }
  70% { opacity: 1; }
  100% { inset-block-start: 0; opacity: 0; }
}

@keyframes highlight-right {
  0% { inset-block-end: 100px; opacity: 0; transform: scale(0); }
  70% { opacity: 1; transform: scale(1); }
  100% { inset-block-start: 280px; opacity: 0; transform: scale(0); }
}

@keyframes highlight-right {
  0% { inset-block-end: 100px; opacity: 0; transform: scale(0); }
  70% { opacity: 1; transform: scale(1); }
  100% { inset-block-start: 400px; opacity: 0; transform: scale(0); }
}
.team { position: relative; background-image: url("../images/team-bg.png"); background-position: 0 10%; background-repeat: no-repeat; background-size: cover; inline-size: 100vw; }
.team .team-circle1 { position: absolute; inset-block: auto 300px; inset-inline-start: 100px; }
.team .team-circle2 { position: absolute; inset-block: auto 180px; inset-inline-start: 180px; }
.team .team-circle3 { position: absolute; inset-block: auto -150px; inset-inline-start: 0; }
.team-block { background-color: #fff; block-size: auto; inline-size: 100%; padding-block: 40px; padding-inline: 15px; }
.team-block .team-social { inset-inline: 0; text-align: center; }
.team-block .team-social li a { border: 1px solid #ddd; border-radius: 100%; color: #59f7df; padding-block: 7px; padding-inline: 8px; text-align: center; transition: all 0.3s ease; }
.team-block .team-social li a i { color: #444; font-size: 14px; inline-size: 20px; }
.team-block .team-social li a:hover { border: 1px solid #59f7df; background-color: #59f7df; transition: all 0.3s ease; }
.team-box { padding: 5px; background-color: #fff; }
.team-box .overlay { position: relative; }
.team-box .team-avtar img { border-radius: 100%; block-size: 170px; inline-size: 170px !important; margin-block: 0; margin-inline: auto; }
.team-text h3 { font-size: 14px; letter-spacing: 0.1em; line-height: 1; margin-block: 30px 13px; text-align: center; text-transform: uppercase; }
.team-text h6 { line-height: 1; margin-block: 0 15px; text-align: center; }
.team-social { position: absolute; align-items: center; margin: 0; -webkit-box-align: center; -ms-flex-align: center; padding-block-end: 0; padding-inline-start: 0; transition: 0.3s ease-in-out; }
.team-social > li { display: inline-block; margin-block: 0; margin-inline: 2px; }
.team-social li a:hover i { color: #fff; }
.team-carousel { margin-block-start: 12px; }
.team-carousel .owl-dots { position: absolute; inset-block-start: -80px; inset-inline-end: 0; }
.team-carousel.owl-theme .owl-dots .owl-dot span { border: 1px solid #fff; background: #18e7d3; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #18e7d3), to(#19d0de)); background: linear-gradient(to bottom, #18e7d3 0, #19d0de 100%); transition: all 0.3s ease; }
.team-carousel.owl-theme .owl-dots .owl-dot.active span { background: #18e7d3; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #18e7d3), to(#19d0de)); background: linear-gradient(to bottom, #18e7d3 0, #19d0de 100%); inline-size: 25px; transition: all 0.3s ease; }
.team-carousel button:focus { outline: 0; }
.blog-carousel { margin-block-start: 12px; }
.blog-carousel .owl-dots { position: absolute; inset-block-start: -80px; inset-inline-end: 0; }
.blog-carousel.owl-theme .owl-dots .owl-dot span { background: #18e7d3; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #18e7d3), to(#19d0de)); background: linear-gradient(to bottom, #18e7d3 0, #19d0de 100%); transition: all 0.3s ease; }
.blog-carousel.owl-theme .owl-dots .owl-dot.active span { background: #18e7d3; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #18e7d3), to(#19d0de)); background: linear-gradient(to bottom, #18e7d3 0, #19d0de 100%); inline-size: 25px; transition: all 0.3s ease; }
.blog-carousel button:focus { outline: 0; }
.price-carousel .price-item { margin: 3px; }
.price-carousel.owl-theme .owl-dots .owl-dot span { background: #18e7d3; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #18e7d3), to(#19d0de)); background: linear-gradient(to bottom, #18e7d3 0, #19d0de 100%); transition: all 0.3s ease; }
.price-carousel.owl-theme .owl-dots .owl-dot.active span { background: #18e7d3; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #18e7d3), to(#19d0de)); background: linear-gradient(to bottom, #18e7d3 0, #19d0de 100%); inline-size: 25px; transition: all 0.3s ease; }
.testimonial-carousel.owl-theme .owl-dots .owl-dot.active span { background: #18e7d3; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #18e7d3), to(#19d0de)); background: linear-gradient(to bottom, #18e7d3 0, #19d0de 100%); inline-size: 25px; transition: all 0.3s ease; }
.testimonial-carousel.owl-theme .owl-nav [class*="owl-"]:hover { background: none; }
.testimonial-carousel.owl-carousel button.owl-prev { position: absolute; display: -webkit-box; display: flexbox; display: flex; align-items: center; block-size: 100%; -webkit-box-align: center; -ms-flex-align: center; inset-block-start: 0; inset-inline-start: -170px; }
.testimonial-carousel.owl-carousel button.owl-next { position: absolute; display: -webkit-box; display: flexbox; display: flex; align-items: center; block-size: 100%; -webkit-box-align: center; -ms-flex-align: center; inset-block-start: 0; inset-inline-end: -170px; }
.testimonial-carousel button:focus { outline: 0; }
.overlay { padding-block: 15px 30px; }
.d-align-center { align-items: center; -webkit-box-align: center; -ms-flex-align: center; }
.blog { align-items: center; -webkit-box-align: center; -ms-flex-align: center; inline-size: 100vw; margin-block-start: 0; }
.blog-block { padding: 15px; background-image: url("../images/team-img-bg.png"); block-size: auto; inline-size: 100%; }
.blog-block:hover img { transform: rotate(3deg) scale(1.15); transition: all 0.3s ease; }
.blog-box { padding: 5px; background-color: #fff; }
.blog-box img { overflow: hidden; opacity: 1; transition: 0.3s ease-in-out; }
.blog-text h3 { font-size: 17px; line-height: 24px; margin-block: 15px; }
.blog-text p { font-size: 14px; margin-block-start: 15px; }
.blog-text h5 { display: inline-block; margin: 0; font-weight: 600; line-height: 1; text-transform: capitalize; }
.blog-text h6 { margin-block: 20px 0; }
.blog-pagin { margin: 0; }
.blog-pagin .page-item:first-child a.page-link { border-end-start-radius: unset !important; border-start-start-radius: unset !important; }
.blog-pagin .page-item:last-child .page-link { border-end-end-radius: unset !important; border-start-end-radius: unset !important; }
.blog-pagin a.page-link { border: 1px solid #eee; color: #18e7d3; font-size: 16px; transition: all 0.3s ease; }
.blog-pagin a.page-link:hover { border-color: #18e7d3; background-color: #18e7d3; color: #fff !important; text-decoration: none; transition: all 0.3s ease; }
.blog-pagination { margin-block-start: 50px; }
.blog-pagination li.page-item { border-radius: unset; }

.sidebar img,
.reply-comment img { border-radius: 5px; }
.sidebar-space { margin-block-end: 50px; }
.blog-title { color: #444; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; }
.blog-divider { background-color: #eee; block-size: 1px; inline-size: 100%; margin-block: 12px; }
.blog-description { margin-block: 20px; margin-inline: auto; }
.blog-cat-detail ul { padding: 0; margin: 0; }
.blog-cat-detail ul li a { color: #777; font-size: 14px; font-weight: 500; text-decoration: none; text-transform: capitalize; transition: 0.3s ease; }
.blog-cat-detail ul li a:hover { color: #18e7d3; transition: 0.3s ease; }
.blog-cat-detail ul li i { margin-inline-end: 15px; }
.blog-cat-detail .marg-15 { margin-block: 15px; margin-inline: auto; }
.marg-20 { margin-block: 20px; margin-inline: auto; }
.reply-comment { margin-block: 30px; margin-inline: auto; }
.reply-comment > div + div { margin-block-start: 20px; }
.price { position: relative; align-items: center; background-repeat: no-repeat; background-size: cover; -webkit-box-align: center; -ms-flex-align: center; inline-size: 100vw; margin-block-start: 0; }
.price-block { padding: 20px; background-color: #fff; box-shadow: 0 5px 27px 0 rgba(0, 0, 0, 5%); text-align: center; transition: 0.3s ease; }
.price-block:hover .mrp h2 { color: #18e7d3; transition: all 0.3s ease; }
.price-block .btn-custom { font-weight: 700; inline-size: 100%; letter-spacing: 2px; padding-block: 15px; padding-inline: 25px; }
.price-type { padding: 20px; background-image: url("../images/price-bg.png"); background-size: cover; }
.price-type h2 { padding: 10px; background-color: #fff; color: #18e7d3; font-size: 24px; font-weight: 700; letter-spacing: 0.1em; margin-block-end: 0; text-align: center; }
.mrp h2 { color: #333; font-size: 36px; font-weight: bold; letter-spacing: 0.1em; line-height: 1; margin-block: 30px 0; transition: all 0.3s ease; }
.mrp h6.user-type { color: #444; font-weight: 400; line-height: 1; margin-block-end: 25px; }
.price-year { margin: 5px; font-weight: 700; line-height: 1; margin-block-end: 30px; }
.price-devide { background-color: #eee; block-size: 1px; inline-size: 245px; margin-block: 0; margin-inline: auto; }
.price-feature { padding: 0; margin-block: 25px; margin-inline: auto; }
.price-feature li { padding: 10px; color: #777; text-transform: capitalize; }
.testimonial { position: relative; align-content: center; background-image: url("../images/testimonial-bg.png"); background-size: contain; -ms-flex-line-pack: center; inline-size: 100vw; margin-block-start: 0; padding-block: 100px; }
.testimonial-decor .testi-circle1 { position: absolute; inset-block-end: 160px; inset-inline-start: 247px; }
.testimonial-decor .testi-circle2 { position: absolute; inset-block: auto 0; inset-inline-start: 50px; }
.testimonial-block { position: relative; padding: 80px; padding-block-end: 0; padding-inline: 30px; }
.testimonial-avtar { position: absolute; padding: 15px; border-radius: 100%; background-image: url("../images/Testimonial.png"); background-size: cover; block-size: 120px; inline-size: 120px; inset-block-start: 20px; inset-inline: 0; margin-block: 0; margin-inline: auto; text-align: center; }
.testimonial-avtar img { border-radius: 100%; block-size: 90px; }
.testimonial-avtar::before { position: absolute; z-index: 0; border-radius: 50%; animation: 2.5s anim-effct-testi 0s linear infinite; block-size: 120px; box-shadow: 0 0 0 80px #e8e8e8; content: ""; inline-size: 120px; inset-block-start: 0; inset-inline-start: 0; }
.testimonial-avtar::after { position: absolute; z-index: 0; border-radius: 50%; animation: 2.5s anim-effct-testi-back 0s linear infinite; block-size: 120px; box-shadow: 0 0 0 10px #f4f4f4; content: ""; inline-size: 120px; inset-block-start: 0; inset-inline-start: 0; }
.testimonial-text { background-color: #fff; box-shadow: 0 0 65px 0 rgba(170, 170, 170, 25%); margin-block-end: 100px; padding-block: 100px 40px; padding-inline: 40px; text-align: center; }
.testimonial-text h3 { color: #18e7d3; margin-block-end: 0; }
.testimonial-text h6 { margin: 0; text-transform: capitalize; }
.testimonial-text p { letter-spacing: 0; }

@keyframes anim-effct-testi {
  0% { box-shadow: 0 0 0 8px #e0e0e0; opacity: 1; }
  50% { box-shadow: 0 0 0 15px rgba(224, 224, 224, 60%); opacity: 1; }
  100% { box-shadow: 0 0 0 25px rgba(224, 224, 224, 0%); opacity: 0; }
}

@keyframes anim-effct-testi {
  0% { box-shadow: 0 0 0 8px #e0e0e0; opacity: 1; }
  50% { box-shadow: 0 0 0 15px rgba(224, 224, 224, 60%); opacity: 1; }
  100% { box-shadow: 0 0 0 25px rgba(224, 224, 224, 0%); opacity: 0; }
}

@keyframes anim-effct-testi-back {
  0% { box-shadow: 0 0 0 8px rgba(236, 236, 236, 11%); opacity: 1; }
  50% { box-shadow: 0 0 0 15px rgba(236, 236, 236, 11%); opacity: 1; }
  100% { box-shadow: 0 0 0 25px rgba(236, 236, 236, 11%); opacity: 1; }
}

@keyframes anim-effct-testi-back {
  0% { box-shadow: 0 0 0 8px rgba(236, 236, 236, 11%); opacity: 1; }
  50% { box-shadow: 0 0 0 15px rgba(236, 236, 236, 11%); opacity: 1; }
  100% { box-shadow: 0 0 0 25px rgba(236, 236, 236, 11%); opacity: 1; }
}
.contact { position: relative; overflow: hidden; background-repeat: no-repeat; background-size: cover; }
.contact .contact-us { display: -webkit-box; display: flexbox; display: flex; align-items: center; block-size: 100%; -webkit-box-align: center; -ms-flex-align: center; }
.contact-decor .contact-circle1 { position: absolute; inset-block-end: 210px; inset-inline-start: 280px; }
.contact-decor .contact-circle2 { position: absolute; inset-block-end: 20px; inset-inline-start: 175px; }
.contact-decor1 .contact-circle1 { position: absolute; top:35vh; inset-block-end: 210px; inset-inline-start: 280px; }
.contact-decor1 .contact-circle2 { position: absolute; top:42vh; inset-block-end: 20px; inset-inline-start: 175px; }

.theme-form { margin-block-start: 45px; }
.theme-form .form-control { border: none; border-radius: 20px; box-shadow: 0 0 5px 0 rgba(170, 170, 170, 15%); font-size: 12px; padding-block: 12px; padding-inline: 30px; }
.theme-form .btn-custom { padding-block: 10px; padding-inline: 40px; }
.theme-form input::input-placeholder { color: #aaa !important; }
.theme-form textarea::input-placeholder { color: #aaa !important; }
.theme-form .form-button { text-align: end; }
.theme-form .form-group { margin-block: 25px; margin-inline: auto; }
.footer-text { text-align: center; }
.footer-text h2 { margin-block: 25px; margin-inline: auto; }
.footer-text p { margin-block-end: 25px; padding-inline: 50px; }
.footer-text .footer-form { padding: 0; }
.footer-text .footer-form .form-control { border-radius: 50px; margin-block-end: 25px; padding-block: 20px; }
.footer-form { padding-inline: 50px; }
.footer-form .form-group { margin-block-end: 20px; }
.footer-form .btn-custom { padding-block: 10px; padding-inline: 40px; }
.footer-form .form-button { text-align: center; }
.footer-form .form-control { border: 2px solid #eee; border-radius: 35px; font-size: 12px; padding-block: 15px; text-align: center; text-transform: uppercase; }
.footer-form input::input-placeholder { color: #aaa !important; font-size: 13px; letter-spacing: 0.1em; text-align: center; }
.address-bar { display: -webkit-box; display: flexbox;
    display: flex; align-items: center; justify-content: center;
    margin: 0; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #19d0de), to(#18e7d3));
    background: linear-gradient(to top, #19d0de 0, #18e7d3 100%); -webkit-box-align: center; -webkit-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center;
padding:0px}
.footer-icon { position: absolute; inset-block-start: -3px; }
.footer-style { padding: 0; margin: 0; }
.footer-style li { position: relative; }
.footer-style li + li { margin-block-start: 50px; }
.footer-style li:nth-last-child(1) .footer-icon { margin-block-end: 0; }
.fadin-blog { animation: fadeIn 1.5s ease-in-out; }
.fade-button { animation: fadeIn 1.5s ease-in-out; }
.fadinup { animation: fadeIn 1.5s ease-in-out; }
.home-circle3 { animation: movebounce 3.9s linear infinite; }
.about-circle2 { animation: movebounce 3.9s linear infinite; }
.screenshot-circle3 { animation: moveleftbounce 3.9s linear infinite; }
.team-circle3 { animation: movebounce 3.9s linear infinite; }
.contact-circle2 { animation: moveleftbounce 3.9s linear infinite; }
.home-circle1 { animation: movebounce 3s linear infinite; }
.about-circle1 { animation: movebounce 3s linear infinite; }
.feature-circle1 { animation: movebounce 3s linear infinite; }
.screenshot-circle1 { animation: movebounce 3s linear infinite; }
.team-circle2 { animation: movebounce 3s linear infinite; }
.testi-circle2 { animation: movebounce 3s linear infinite; }
.contact-circle1 { animation: moveleftbounce 3s linear infinite; }
.home-circle2 { animation: movebounce 2.8s linear infinite; }
.screenshot-circle2 { animation: movebounce 2.8s linear infinite; }
.team-circle1 { animation: movebounce 2.8s linear infinite; }
.testi-circle1 { animation: movebounce 2.8s linear infinite; }

@keyframes movebounce {
  0% { transform: translateY(0); }
  50% { transform: translateY(20px); }
  100% { transform: translateY(0); }
}

@keyframes movebounce {
  0% { transform: translateY(0); }
  50% { transform: translateY(20px); }
  100% { transform: translateY(0); }
}

@keyframes moveleftbounce {
  0% { transform: translateX(0); }
  50% { transform: translateX(20px); }
  100% { transform: translateX(0); }
}

@keyframes moveleftbounce {
  0% { transform: translateX(0); }
  50% { transform: translateX(20px); }
  100% { transform: translateX(0); }
}
.color-1 { background: #18e7d3; background: -webkit-gradient(linear, left top, right top, from(#18e7d3), to(#14bdb4)); background: linear-gradient(to right, #18e7d3, #14bdb4); }
.color-2 { background: -webkit-gradient(linear, left top, right top, color-stop(0, #21edff), color-stop(99%, #2cc6ff)); background: linear-gradient(to right, #21edff 0, #2cc6ff 99%); }
.color-3 { background: #11d89c; }
.color-picker { position: fixed; z-index: 9; inline-size: 190px; inset-block-start: 200px; inset-inline-end: -190px; transition: all 0.3s ease; }
.color-picker .settings-header { background: -webkit-gradient(linear, left top, left bottom, from(#18e7d3), to(#18e7d3)); background: linear-gradient(#18e7d3, #18e7d3); padding-block: 5px; padding-inline: 15px; }
.color-picker .settings-header h3 { margin: 0; color: #fff; font-size: 20px; padding-block: 4px; padding-inline: 9px; }
.color-picker .section { overflow: auto; padding: 20px; border: 1px solid #18e7d3; background: #fff; }
.color-picker .section i { font-size: 16px; margin-inline-end: 10px; }
.color-picker a.handle { position: absolute; z-index: -1; display: -webkit-box; display: flexbox; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 50%; background: #18e7d3; block-size: 49px; -webkit-box-align: center; -webkit-box-pack: center; color: #fff; -ms-flex-align: center; -ms-flex-pack: center; font-size: 25px; inline-size: 50px; inset-block-start: -80px; inset-inline-end: 190px; text-decoration: none; transition: all ease-in 0.3s; }
.color-picker .colors a { block-size: 35px; float: inline-start; inline-size: 35px; margin-block: 0; margin-inline: 7px; transition: all ease-in 0.3s; }
.color-picker .skin a { display: block; border: 2px transparent solid; block-size: 30px; float: inline-start; inline-size: 70px; line-height: 30px; margin-block-start: 0; margin-inline: 0 5px; text-align: center; }
.color-picker .skin a.actt { border: 2px #fff solid; }
.handle i { animation: ring-rotate 3s infinite linear; }
.handle:hover { background-color: #fff; }

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

@keyframes ring-rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.sec-position { position: relative; inset-block-start: -80px; }
.title span { font-weight: 700; }
img.main-logo { margin-block-end: 45px; }
.authcard .logo {
  display: block;
  margin: auto;
  padding: 10px 0;
}
.pages-space > div + div + div + div { margin-block-start: 50px; }
.features li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; justify-content: center; border-block-end: 1px solid #ddd; border-inline-end: 1px solid #ddd; -webkit-box-align: center; -webkit-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center; padding-block: 50px; padding-inline: 0; text-align: center; }
.features li:nth-child(4) { border-inline-end: none; }
.features li:nth-child(8) { border-inline-end: none; }
.features li:nth-child(12) { border-inline-end: none; }
.features li:nth-child(13) { border-block-end: none; }
.features li:nth-child(14) { border-block-end: none; }
.features li:nth-child(15) { border-block-end: none; }
.features li:nth-child(16) { border-block-end: none; }
.features li:last-child { border-inline-end: none; }
.features li img { transition: all 0.9s ease-out; }
.features li h3 { transition: all 0.9s ease-out; }
.features li:hover img { box-shadow: 0 0 35px #33333326; transition: all 0.3s ease-in-out; }
.features li:hover h3 { color: #333; transition: all 0.3s ease; }
.garb-img ul li { display: inline-block; }
.navbar-nav > li.dropdown { position: relative; }
.navbar-light .default-nav .navbar-nav .nav-link.active { color: #18e7d3; }
.navbar-light .navbar-nav > .nav-link { color: #444; cursor: pointer; transition: all 0.3s ease-in-out; }
.navbar-light .navbar-nav > .nav-link.active { color: #fff; }
.navbar-light.darkHeader .navbar-nav .nav-link.active { color: #18e7d3; transition: all 0.3s ease-in-out; }

.home-style-two .navbar-light .default-nav .navbar-nav .nav-link.active,
.three .navbar-light .default-nav .navbar-nav .nav-link.active { color: #fff; }

.home-style-two .navbar-light.darkHeader .default-nav .navbar-nav .nav-link.active,
.three .navbar-light.darkHeader .default-nav .navbar-nav .nav-link.active { color: #18e7d3; }
.three .navbar-nav .dropdown-menu .nav-link:hover { color: #18e7d3 !important; }
.video-play .modal-content { border: none; background-color: transparent; }
iframe.video-play { border: none; block-size: 700px; inline-size: 1200px; margin-block: 0; margin-inline: auto; }
.play-button img { position: absolute; z-index: 9; inset-block-end: 170px; inset-inline-start: 80px; }
.abt-hover:hover .icon-hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #18e7d3), to(#19d0de)); background: linear-gradient(to bottom, #18e7d3 0, #19d0de 100%); transition: all 0.2s ease; }
.abt-hover:hover img { filter: brightness(0) invert(1); transition: all 0.2s ease; }
.about-text h3 { margin: 0; padding-block: 7px; padding-inline-start: 20px; }
.feature-decor .feature-circle1 { position: absolute; inset-block: auto 100px; inset-inline-end: 100px; }
.feature-subtitle h3 { margin-block-start: 8px; padding-inline-start: 35px; }
.screenshot-carousel .owl-item.active { filter: grayscale(100%); }
.screenshot-carousel .owl-item.active.center { filter: grayscale(0%); opacity: 1; }
.screenshot-carousel .owl-item.cloned { filter: grayscale(100%); }
.blog-list > div + div + div .blog-item { margin-block-start: 50px; }
.blog-detail .blog-text h3 { font-size: 18px; }
.page-item.active .page-link { border: 1px solid #18e7d3; border-color: transparent; background-color: #18e7d3; color: #fff; }
.tags .badge-theme { background-color: #18e7d3; color: #fff; font-size: 12px; font-weight: 400; margin-block-end: 5px; margin-inline-end: 2px; padding-block: 5px; padding-inline: 7px; transition: 0.3s ease; }
.tags .badge-theme:hover { background-color: #444; transition: 0.3s ease; }
.recent-blog .media { align-items: center; -webkit-box-align: center; -ms-flex-align: center; margin-block-end: 15px; }
.recent-blog .media h5 { overflow: hidden; color: #444; font-size: 14px; font-weight: 600; letter-spacing: 1px; line-height: 24px; max-inline-size: 50%; text-overflow: ellipsis; text-transform: capitalize; white-space: nowrap; }
.recent-blog .media p { color: #777; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; }
.bottom-section iframe { border: 0; block-size: 100%; inline-size: 100%; }
.footer-address a { display: block; color: #fff !important; letter-spacing: 0.03em; line-height: 22px; margin-block-end: 0; padding-inline-start: 35px; }
.copyright-section p { padding: 15px; inline-size: 100%; margin-block-end: 0; text-align: center; }
.social-btns .btn { margin-block: 0; margin-inline: 10px; }
.social-btns .fb { background-color: #3b5998; background-image: -webkit-gradient(linear, left top, right top, from(#3b5998), color-stop(#3c769c), color-stop(#3b5b98), to(#3c749c)); background-image: linear-gradient(to right, #3b5998, #3c769c, #3b5b98, #3c749c); }
.social-btns .ggl { background-color: #d85040; background-image: -webkit-gradient(linear, left top, right top, from(#d85040), color-stop(#ff6e63), color-stop(#d85040), to(#f9695d)); background-image: linear-gradient(to right, #d85040, #ff6e63, #d85040, #f9695d); }
.authentication-form { display: -webkit-box; display: flexbox; display: flex; align-items: center; justify-content: center; background: #fafafa; background-image: url("../images/auth-bg.jpg"); background-repeat: no-repeat; -webkit-box-align: center; -webkit-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center; min-block-size: 100vh; }
.authentication-form .or-saparator { position: relative; padding-block: 10px; padding-inline: 0; text-align: center; }
.authentication-form .or-saparator::before { position: absolute; z-index: 1; background: rgba(40, 56, 76, 10%); block-size: 1px; content: ""; inline-size: 100%; inset-block-start: 50%; inset-inline-start: 0; margin-block-start: 1px; }
.authentication-form .or-saparator span { position: relative; z-index: 2; display: inline-block; background: #fff; color: #868686; font-size: 0.81em; padding-block: 0; padding-inline: 8px; text-transform: uppercase; }
.authentication-form .card { border: 0; border-radius: 0; border-block-start: 3px solid #1ad7dd; inline-size: 500px; margin-block: 0; margin-inline: auto; padding-block: 30px 50px; padding-inline: 30px; }
.authentication-form .title { margin-block-end: 0px; margin-block-start: 0px;}
.authentication-form p { margin-block: 0 30px; margin-inline: auto; }
.authentication-form .theme-form { margin-block-start: 0; }
.card-header h4, .card-header a{
  color: #57C785;
  font-size: 16px;
  line-height: 28px;
}
.form-span{
  float: right;
  margin-top: 10px;
}
.authentication-form .theme-form .form-control { box-shadow: 0 0 5px 0 rgba(170, 170, 170, 35%); }
.authentication-form .innerpage-decor .innerpage-circle1 { inset-block-end: 180px; }
.authentication-form .innerpage-decor .innerpage-circle2 { inset-block-end: 20px; }
.error-font { color: #18e7d3; font-size: 230px; font-weight: 900; letter-spacing: -32px; line-height: 1; }
.error-font span { display: inline-block; color: #444; }
.sub-content { font-weight: 600; }
.innerpage-decor .innerpage-circle1 { position: absolute; animation: movebounce 2s linear infinite; inset-block-end: 250px; inset-inline-start: 247px; }
.innerpage-decor .innerpage-circle2 { position: absolute; animation: movebounce 4s linear infinite; inset-block: auto 80px; inset-inline-start: 50px; }
.margin-bottom > div + div + div + div .review-box { margin-block-start: 30px; }
.review-box { padding: 30px; background-color: #fff; box-shadow: 0 11px 35px 2px rgba(0, 0, 0, 10%); text-align: center; }
.review-box img { border-radius: 100%; block-size: 60px; }
.review-box h5 { color: #19d0de; font-size: 18px; font-weight: 600; margin-block: 20px 5px; text-transform: capitalize; }
.review-box p { font-size: 14px; margin-block-start: 10px; }
.review-box i { color: #eeb829; }
.faq .card { border-color: #f1f1f1; border-radius: 25px; }
.faq .accordion-collapse { border: none; }
.faq a i { float: inline-end; font-size: 20px; padding-block-start: 3px; transition: all 0.3s ease; }
.faq .card-body { line-height: 1.7; padding-block: 15px; padding-inline: 35px; }
.faq .card-header { border-radius: 25px; background-color: transparent; border-block-end: 1px solid #f1f1f1; cursor: pointer; padding-block: 15px; padding-inline: 35px; }
.faq .card-header a { color: #797979; font-size: 16px; font-weight: 600; }
.faq .card-header[aria-expanded="true"] a { color: #2bd4df; }
.faq .card-header[aria-expanded="true"] a i::before { content: "\f106"; }
.thanks-section img { margin-block-end: 15px; }
.thanks-section h2 { font-weight: 600; }
.thanks-section h3 { font-weight: 400; }
.full-page { overflow: hidden; background-color: #e9eff0; block-size: 100vh; max-block-size: 100vh; }
.download .downlod-img { margin-block-end: 50px; }
.download h2 { font-weight: 600; line-height: 1.5; }
.download h3 { font-weight: 400; }
.manual-down { color: #00bac3; text-decoration: underline; }
.manual-down:hover { color: #444; text-decoration: underline; }
.footer-bg { background-color: #fff; }
.light-footer .copyright-section { background-color: #f8f9fa !important; }
.login-form { display: -webkit-box; display: flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; min-block-size: 770px; padding-block-end: 0; }
.main { padding: 30px; background-color: #fff; box-shadow: 0 11px 35px 2px rgba(0, 0, 0, 10%); text-align: center; }
.main .custom-select.is-valid { border-color: #ddd; }
.main .custom-select.is-invalid { border-color: #ddd; }
.form-control.is-valid { border-color: #ddd; }
.was-validated .custom-select:valid { border-color: #ddd; }
.was-validated .custom-select:invalid { border-color: #ddd; }
.was-validated .form-control:valid { border-color: #ddd; }
.was-validated .form-control:invalid { border-color: #ddd; }
.form-control.is-invalid { border-color: #ddd; }
.thanks-bg { background-color: #e9eff0; text-align: center; }
.bg-thanks { background: #e9eff0; }
.bg-thanks p { color: #444; }
.clock-box h3 { font-size: 28px; margin-block-end: 10px; }
.clock-box li { display: inline-block; inline-size: 100px; margin-block: 0 20px; margin-inline: 10px; }
.clock-box li span { display: block; border-radius: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#19d3dc), color-stop(#18e7d3), to(#18e7d3)); background-image: linear-gradient(to right, #19d3dc, #18e7d3, #18e7d3); block-size: 100px; font-size: 44px; inline-size: 100px; line-height: 2.3; margin-block-end: 10px; }
.coming-soon { position: relative; }
.coming-soon .logo { block-size: 50px; }
.theme-form .alert { margin-inline-start: 15px; }