/*
@File: Arduix Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

******************************************* 
** - Default Area Style
** - Preloader Area Style
** - Go Top Area Style
** - Page navigation Area Style  
** - Video wave Style
** - Default Btn Area Style
** - Read More Area Style
** - Section Title Area Style 
** - Preloader Area Style
** - Keyframes Area Style
** - Nice Select Area Style
** --- HOME ONE STYLE --- **
** - Arduix Nav Area Style
** - Main Banner Area Style
** - Features Area Style
** - About Area Style 
** - Choose Us Area Style
** - Offer Area Style
** - Business  Area Style
** - Pricing Area Style
** - Industries  Area Style
** - Client Area Style
** - News Area Style
** - Footer Top Area Style
** - Footer Bottom Area Style
** --- HOME TWO STYLE --- **
** - Banner Two Area Style
** - Offer Area Two Style
** - Pricing Area Style
** - Newsletter Area Style
** - Industries Serve Area Style
** - Brand Area Serve Area Style 
** --- HOME THREE STYLE --- **
** - Main Banner Area Three Style
** - Team Area Three Style
** - Contact Area Three Style
** --- HOME FOUR STYLE --- **
** - Main Banner Four Area Style
** - Case Area Style
** - FAQ CSS
** --- HOME FOUR STYLE --- **
** - Banner Four Area Style
** - Bg Color Four Area Style
** - Home Four Section Title Color Area Style
** - About Area Four Style
** - Business Area Four Style
** - Offer Area Four Style
** - Industries Area Four Style
** - Team Area Four Style
** --- HOME FIVE STYLE --- **
** - Arduix SliderArea Style
** --- INNER PAGE STYLE --- **
** - Page Title Area Style
** - 404 Error Area Style
** - Coming Soon Area Style
** - Sign In & Log In  Area Style
** - Ask Question Area Style
** - Ask Question Area Style
** - Product Area Style
** - Checkout Area Style 
** - Cart Area Style
** - Shop Details Style
** - Blog Details Area Style
** - Contact Info Area Style
** - Main Contact Area Style
** - Contact Info Area Three Style 
** - Service Details Area Style

*******************************************
/*

/*
Default Style
============================*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&display=swap");
body {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  font-family: "Open Sans", sans-serif;
  color: #4d4d4d;
}

a {
  display: inline-block;
  transition: all 0.5s;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #212121;
}
a:focus {
  text-decoration: none;
}

button {
  outline: 0 !important;
  box-shadow: none;
  border: none;
  background-color: transparent;
}
button:focus {
  box-shadow: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #212121;
  font-family: "Dosis", sans-serif;
  font-weight: 700;
}

h3 {
  font-size: 22px;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

p {
  font-size: 15px;
  margin-bottom: 15px;
}
p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
}

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

.form-control {
  height: 50px;
  color: #212121;
  border: 1px solid #e8e8e8;
  background-color: #f7f7f7;
  border-radius: 0;
  padding: 0;
  font-size: 15px;
  padding: 10px 20px;
  width: 100%;
}
.form-control::-moz-placeholder {
  color: #495057;
  font-size: 13px;
}
.form-control::placeholder {
  color: #495057;
  font-size: 13px;
}
.form-control:focus {
  color: #000000;
  background-color: transparent;
  box-shadow: unset;
  outline: 0;
  border: 1px solid #1dd3f8;
}

.form-control:hover:focus,
.form-control:focus {
  box-shadow: unset;
}

textarea.form-control {
  height: auto;
  height: 250px;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.mb-30 {
  margin-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-100 {
  margin-top: 100px;
}

.mtb-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-minus-70 {
  margin-top: -70px;
}

.mb-minus-70 {
  margin-bottom: -70px;
}

.ml-30 {
  margin-left: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.fun-blue-bg {
  background-color: #24416b;
}

/*
Go Top Style
======================================================*/
.go-top {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 15px;
  background-color: #0315f2;
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  transition: 0.9s;
}
.go-top i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #ffffff;
  transition: 0.5s;
  font-size: 20px;
}
.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}
.go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #1dd3f8;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.go-top:hover {
  color: #ffffff;
  background-color: #1dd3f8;
}
.go-top:hover::before {
  opacity: 1;
  visibility: visible;
}
.go-top:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}
.go-top:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
.go-top:focus {
  color: #ffffff;
}
.go-top:focus::before {
  opacity: 1;
  visibility: visible;
}
.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}
.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top.active {
  top: 90%;
  transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
}

/*
Page-navigation Area Style
======================================================*/
.page-navigation-area {
  text-align: center;
  margin: 20px auto 0;
  display: table;
}
.page-navigation-area .page-link {
  color: #1dd3f8;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  width: 40px;
  height: 40px;
  border: 1px solid #ffffff;
  line-height: 25px;
  transition: all 0.5s;
  font-weight: 700;
  border-radius: 10px !important;
}
.page-navigation-area .page-link i {
  margin-right: -4px;
  font-size: 21px;
  line-height: 25px;
}
.page-navigation-area .page-link:hover {
  color: #ffffff;
  background-color: #1dd3f8;
  border: 1px solid #1dd3f8;
  animation: rubberBand 1s linear;
}
.page-navigation-area .page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: none;
}
.page-navigation-area .page-link.page-links i::before {
  margin-left: -4px;
}
.page-navigation-area .page-item {
  padding: 0 8px 0;
}
.page-navigation-area .page-item:first-child .page-link {
  border-radius: none;
}
.page-navigation-area .page-item:last-child .page-link {
  border-radius: none;
}
.page-navigation-area .page-item.active .page-link {
  z-index: 1;
  color: #ffffff;
  background-color: #1dd3f8;
  border-color: #1dd3f8;
}

/*
Video wave Style
======================================================*/
.video-btn {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 69px;
  text-align: center;
  border-radius: 50%;
  color: #1dd3f8;
  position: relative;
  top: 3px;
  z-index: 1;
  background-color: #ffffff;
}
.video-btn i {
  font-size: 30px;
  font-weight: 700;
  padding-left: 4px;
  color: #1dd3f8;
  position: relative;
  top: 5px;
  left: 0;
}
.video-btn::after,
.video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background-color: #ffffff;
}
.video-btn::before {
  animation: ripple 1.6s ease-out infinite;
}
.video-btn::after {
  animation: ripple 1.6s ease-out infinite;
}
.video-btn:hover {
  background-color: #1dd3f8;
}
.video-btn:hover i {
  color: #ffffff;
}

@keyframes ripple {
  0%,
  35% {
    transform: scale(0);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
/*
Default Btn Area Style
======================================================*/
.default-btn {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  padding: 18px 35px;
  line-height: 1;
  transition: all 0.5s;
  z-index: 1;
  text-transform: capitalize;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  background-color: #1dd3f8;
}
.default-btn::before {
  content: "";
  position: absolute;
  top: -20px;
  left: -40px;
  width: 10px;
  height: 100px;
  background-color: #ffffff;
  opacity: 0.5;
  transition: all 0.5s;
  transform: rotate(45deg);
}
.default-btn::after {
  content: "";
  position: absolute;
  top: -20px;
  right: -40px;
  width: 10px;
  height: 100px;
  background-color: #ffffff;
  opacity: 0.5;
  transition: all 0.5s;
  transform: rotate(45deg);
}
.default-btn.active {
  background-color: #ffffff;
  color: #1dd3f8;
}
.default-btn.active:hover {
  color: #ffffff;
  background-color: #1dd3f8;
}
.default-btn:hover {
  color: #ffffff;
  transition: all 0.5s;
}
.default-btn:hover::before {
  left: 200px;
}
.default-btn:hover::after {
  right: 200px;
}

/*
Read More Area Style
======================================================*/
.read-more {
  color: #4d4d4d;
  font-weight: 600;
  transition: all 0.5s;
  display: block;
  font-size: 14px;
  border: 1px solid #4d4d4d;
  display: inline-block;
  padding: 2px 10px;
  border-radius: 4px;
}
.read-more i {
  position: relative;
  top: 3px;
  font-size: 18px;
  left: 3px;
  line-height: 19px;
  border-radius: 50%;
  transition: all 0.5s;
}
.read-more:hover {
  background-color: #1dd3f8;
  color: #ffffff;
  border-color: #1dd3f8;
}

/*
Section Title Area Style
======================================================*/
.section-title {
  max-width: 625px;
  margin: -9px auto 60px;
  text-align: center;
  position: relative;
}
.section-title span {
  font-size: 14px;
  color: #1dd3f8;
  display: inline-block;
  margin-bottom: 5px;
}
.section-title h2 {
  font-size: 40px;
  margin-bottom: 20px;
  position: relative;
  display: block;
}
.section-title h2:last-child {
  margin-bottom: 0;
}

/*
Preloader Area Style
======================================================*/
.preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #ffffff;
  top: 0;
  left: 0;
  z-index: 99999;
}
.preloader .lds-ripple {
  position: relative;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader .lds-ripple div {
  position: absolute;
  border: 4px solid #1dd3f8;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.preloader .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
/*
Keyframes Area Style
======================================================*/
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes movebounceShort {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes moVebounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  80% {
    transform: translate(-300px, 0px) rotate(360deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes focus-one {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes border-transform {
  0%,
  100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
/*
Nice Select Area Style
======================================================*/
.nice-select .option {
  display: block;
}
.nice-select .option:hover {
  background-color: #1dd3f8;
  color: #ffffff;
}
.nice-select .option.selected.focus {
  background-color: #212121;
  color: #1dd3f8;
}
.nice-select .list {
  width: 100%;
}

/*===== DEFAULT STYLE END ======*/
/*
Arduix Nav Area Style
======================================================*/
.arduix-nav-style .navbar-area .main-nav {
  position: unset;
  background-color: transparent;
  padding-top: 10px;
  padding-bottom: 10px;
}
.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a {
  font-weight: 500;
  font-size: 15px;
  color: #ffffff;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-left: 0;
  margin: 0 15px;
}
.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a i {
  font-size: 25px;
  line-height: 0;
  position: relative;
  top: 6px;
  transition: all 0.5s;
  transform: rotate(-90deg);
}
.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active {
  color: #1dd3f8;
}
.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active i {
  transform: rotate(0);
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  a.active::before {
  transform: scale(1);
}
.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item:hover a {
  color: #1dd3f8;
}
.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item:hover a i {
  transform: rotate(0);
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu {
  background-color: #ffffff;
  border: none;
  left: 0;
  padding: 0;
  border-radius: 4px;
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-top: 0;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  border-left: 8px solid transparent;
  top: -8px;
  left: 20px;
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a {
  font-size: 14px;
  color: #212121;
  position: relative;
  padding: 6px 15px;
  border-bottom: 1px dashed #eeeeee;
  margin-left: 0;
  margin-right: 0;
  text-transform: capitalize;
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #1dd3f8;
  transition: all 0.5s;
  transform: scale(0);
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a:hover {
  color: #1dd3f8;
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a:hover::before {
  transform: scale(1);
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a:hover
  i {
  opacity: 1;
  margin-left: 145px;
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a.active {
  color: #1dd3f8;
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a.active::before {
  transform: scale(1);
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a
  i {
  transform: rotate(-90deg);
  float: right;
  position: relative;
  top: 13px;
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li:hover
  a
  i {
  transform: rotate(0);
  color: #1dd3f8;
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li.active
  a
  i {
  transform: rotate(0);
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu {
  left: 98%;
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-top: 0;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  border-left: 8px solid transparent;
  top: 35px;
  left: -11px;
  transform: rotate(-86deg);
  display: none;
}
.arduix-nav-style
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li:last-child
  a {
  border-bottom: none;
}
.arduix-nav-style .dropdown-toggle::after {
  display: none;
}
.arduix-nav-style .others-option {
  position: relative;
  top: 3px;
}
.arduix-nav-style .others-option .default-btn {
  padding: 15px 35px;
}
.arduix-nav-style .others-option .default-btn i {
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.arduix-nav-style.wohust-nav-style-two
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  a.active {
  color: #ffffff;
}
.arduix-nav-style.wohust-nav-style-two
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  a:hover {
  color: #ffffff;
}
.arduix-nav-style.wohust-nav-style-two
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item:hover
  a {
  color: #ffffff;
}
.arduix-nav-style.wohust-nav-style-two
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a {
  color: #212121;
}
.arduix-nav-style.wohust-nav-style-two
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a:hover {
  color: #1dd3f8;
}
.arduix-nav-style.wohust-nav-style-two
  .navbar-area
  .main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a.active {
  color: #1dd3f8;
}
.arduix-nav-style#header {
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  transition: top 1s;
  z-index: 999;
}
.arduix-nav-style .navbar-area {
  transition: top 1s;
}
.arduix-nav-style .navbar-area.is-sticky .main-nav {
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  background-color: #04063c !important;
  z-index: 9999;
}

/*
Main Banner Area Style
======================================================*/
.main-banner-area {
  background-image: linear-gradient(#000322, #010843);
  padding-top: 150px;
  padding-bottom: 200px;
  position: relative;
  z-index: 1;
}
.main-banner-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://storage.googleapis.com/e4mevents/e4m-hybrid-ai-rt-2026/images/4.png);
  animation: focus-one 1s linear 1s infinite;
  z-index: -1;
}
.main-banner-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://storage.googleapis.com/e4mevents/e4m-hybrid-ai-rt-2026/images/4.png);
  animation: moVebounce 5s linear infinite;
  z-index: -1;
}
.main-banner-area .banner-text {
  position: relative;
}
.main-banner-area .banner-text .logo-box {
  width: 85vh;
  display: inline-block;
}
.main-banner-area .banner-text h1 {
  color: #ffffff;
  font-size: 50px;
  margin-bottom: 32px;
}
.main-banner-area .banner-text p {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 40px;
}
.main-banner-area .banner-text p span {
  background-color: #010032;
  padding: 10px 15px;
  border: 1px solid #40b5ca;
  border-radius: 5px;
}

.main-banner-area .banner-text .banner-btn .default-btn {
  margin-right: 15px;
}
.main-banner-area .banner-main-img {
  display: none;
}
.main-banner-area .white-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: movebounceShort 5s linear infinite;
}
.main-banner-area.main-banner-area-one {
  overflow: hidden;
  z-index: 1;
}
.main-banner-area.main-banner-area-one .banner-text {
  top: 60px;
}
.main-banner-area.main-banner-area-one .banner-img {
  position: relative;
  z-index: 1;
  top: 0;
}
.main-banner-area.main-banner-area-one .banner-img img {
  position: absolute;
}
.main-banner-area.main-banner-area-one .banner-img img:nth-child(1) {
  bottom: -440px;
  right: 0;
  left: 0;
  margin: auto;
}
.main-banner-area.main-banner-area-one .banner-img img:nth-child(2) {
  top: -170px;
  left: 0;
}
.main-banner-area.main-banner-area-one .banner-img img:nth-child(3) {
  top: -100px;
  left: 70px;
  animation: moVebounce 5s linear infinite;
}
.main-banner-area.main-banner-area-one .banner-img img:nth-child(4) {
  top: -33px;
  right: 65px;
}
.main-banner-area.main-banner-area-one .over-shape img {
  position: absolute;
  z-index: -1;
}
.main-banner-area.main-banner-area-one .over-shape img:nth-child(1) {
  top: 300px;
  left: 40px;
  animation: animationFramesOne 25s infinite linear;
}
.main-banner-area.main-banner-area-one .over-shape img:nth-child(2) {
  top: 200px;
  left: 800px;
  animation: animationFramesOne 40s infinite linear;
}
.main-banner-area.main-banner-area-one .over-shape img:nth-child(3) {
  top: 200px;
  right: 200px;
  animation: animationFramesOne 25s infinite linear;
}

/*
Features Area Style
======================================================*/
.single-features {
  text-align: center;
  padding: 30px;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  position: relative;
  transition: all 0.5s;
  margin-bottom: 30px;
}
.single-features i {
  width: 60px;
  height: 60px;
  text-align: center;
  position: relative;
  border: 2px dotted #1dd3f8;
  border-radius: 50%;
  font-size: 30px;
  color: #1dd3f8;
  animation: border-transform 7s linear infinite alternate forwards;
  transition: all 0.5s;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  display: inline-block;
  color: #1dd3f8;
}
.single-features h3 {
  margin-bottom: 12px;
}
.single-features p {
  margin-bottom: 10px;
}
.single-features .read-more-icon {
  color: #212121;
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
}
.single-features .read-more-icon span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: inline-block;
  font-weight: 600;
  transition: all 0.5s;
}
.single-features:hover {
  transform: scale(1.05);
  z-index: 1;
}
.single-features:hover i {
  background-color: #1dd3f8;
  color: #ffffff;
}
.single-features:hover .read-more-icon span {
  background-color: #1dd3f8;
  color: #ffffff;
}

.col-lg-4:nth-child(1) .single-features {
  border-radius: 4px 0 0 4px;
  position: relative;
}
.col-lg-4:nth-child(1) .single-features::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 80px;
  background-image: url(https://storage.googleapis.com/e4mevents/e4m-hybrid-ai-rt-2026/images/features-shape-left.png);
  background-position: left;
  background-repeat: no-repeat;
}
.col-lg-4:nth-child(2) .single-features {
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}
.col-lg-4:nth-child(3) .single-features {
  border-radius: 0 4px 4px 0;
  position: relative;
}
.col-lg-4:nth-child(3) .single-features::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background-image: url(https://storage.googleapis.com/e4mevents/e4m-hybrid-ai-rt-2026/images/features-shape-right.png);
  background-position: right;
  background-repeat: no-repeat;
}

/*
About Area Style
======================================================*/
.about-img {
  text-align: center;
}

.about-content {
  margin-top: -8px;
}
.about-content span {
  font-size: 14px;
  color: #1dd3f8;
  display: inline-block;
  margin-bottom: 8px;
}
.about-content h2 {
  font-size: 40px;
  margin-bottom: 20px;
}
.about-content ul li {
  font-family: "Dosis", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
}
.about-content ul li:last-child {
  margin-bottom: 0;
}
.about-content ul li i {
  position: absolute;
  top: 3px;
  left: 0;
  color: #1dd3f8;
  font-size: 14px;
  background-color: #d7eef8;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  text-align: center;
}
.about-content .default-btn {
  margin-top: 30px;
}

/*
Choose Us Area Style
======================================================*/
.features-area {
  position: relative;
  z-index: 1;
}
.features-area .container {
  padding-left: 30px;
  padding-right: 30px;
}

.choose-title {
  margin-top: -9px;
  margin-bottom: 50px;
}
.choose-title span {
  font-size: 14px;
  color: #1dd3f8;
  display: inline-block;
  margin-bottom: 8px;
}
.choose-title h2 {
  font-size: 40px;
  margin-bottom: 0;
}

.choose-content ul li {
  position: relative;
  padding-left: 120px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  transition: all 0.5s;
}
.choose-content ul li:last-child {
  margin-bottom: 0;
}
.choose-content ul li span {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  position: relative;
  border: 2px dotted #ffffff;
  border-radius: 50%;
  font-size: 30px;
  font-weight: 600;
  color: #212121;
  animation: border-transform 7s linear infinite alternate forwards;
  transition: all 0.5s;
  background-color: #dcddfa;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  display: inline-block;
  position: absolute;
  top: 35px;
  left: 30px;
}
.choose-content ul li span i {
  position: absolute;
  top: 50px;
  left: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: inline-block;
  font-size: 25px;
  color: #dcddfa;
}
.choose-content ul li h3 {
  margin-bottom: 10px;
}
.choose-content ul li:nth-child(2) span {
  background-color: #c8fbfa;
}
.choose-content ul li:nth-child(2) span i {
  color: #c8fbfa;
}
.choose-content ul li:nth-child(2) span {
  background-color: #bde5fa;
}
.choose-content ul li:nth-child(2) span i {
  color: #bde5fa;
}
.choose-content ul li:hover {
  transform: translateY(-5px);
}

/*
Offer Area Style
======================================================*/
.offer-area {
  background-color: #f2fefe;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.offer-area .offer-shape img {
  position: absolute;
  z-index: -1;
}
.offer-area .offer-shape img:nth-child(1) {
  bottom: 0;
  left: 0;
}
.offer-area .offer-shape img:nth-child(2) {
  top: 0;
  right: 0;
}
.offer-area .offer-shape img:nth-child(3) {
  top: 100px;
  left: 200px;
  animation: animationFramesOne 25s infinite linear;
}
.offer-area .offer-shape img:nth-child(4) {
  bottom: 80px;
  right: 200px;
  animation: animationFramesOne 20s infinite linear;
}
.offer-area .offer-shape img:nth-child(5) {
  top: 100px;
  right: 200px;
  animation: animationFramesOne 15s infinite linear;
}
.offer-area .offer-shape img:nth-child(6) {
  bottom: 80px;
  left: 500px;
  animation: animationFramesOne 10s infinite linear;
}
.offer-area .offer-shape img:nth-child(7) {
  top: 100px;
  left: 700px;
  animation: animationFramesOne 10s infinite linear;
}

.single-offer {
  position: relative;
  padding-right: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 80px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 2px dotted #1dd3f8;
  transition: all 0.5s;
  margin-bottom: 30px;
  min-height: 100px;
}
.single-offer i {
  position: absolute;
  left: 20px;
  top: 25px;
  background-color: #060542;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  font-size: 25px;
  color: #ffffff;
}
.single-offer img {
  position: absolute;
  left: 15px;
  top: 25px;
  background-color: #060542;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  font-size: 25px;
  color: #9898f0;
}
.single-offer img.talk-point {
  padding: 5px;

  /* border-radius: 50%; */
}
.single-offer h3 {
  margin-bottom: 10px;
}
.single-offer p {
  color: #000;
  font-size: 16px;
}
.single-offer:hover {
  transform: translateY(-5px);
}

.col-lg-4:nth-child(2) .single-offer {
  border-color: #76b8f5;
}
.col-lg-4:nth-child(2) .single-offer i {
  background-color: #060542;
  color: #ffffff;
}
.col-lg-4:nth-child(3) .single-offer {
  border-color: #1ccdca;
}
.col-lg-4:nth-child(3) .single-offer i {
  background-color: #060542;
  color: #ffffff;
}
.col-lg-4:nth-child(4) .single-offer {
  border-color: #f9ca54;
}
.col-lg-4:nth-child(4) .single-offer i {
  background-color: #060542;
  color: #ffffff;
}
.col-lg-4:nth-child(5) .single-offer {
  border-color: #ff896b;
}
.col-lg-4:nth-child(5) .single-offer i {
  background-color: #060542;
  color: #ffffff;
}
.col-lg-4:nth-child(6) .single-offer {
  border-color: #50d890;
}
.col-lg-4:nth-child(6) .single-offer i {
  background-color: #e7fdf1;
  color: #50d890;
}

/*
Business  Area Style
======================================================*/
.business-area {
  overflow: hidden;
}
.business-area .default-btn {
  margin-top: 10px;
}

.business-content h2 {
  font-size: 40px;
  margin-top: -9px;
  margin-bottom: 40px;
}

.single-business {
  padding-left: 55px;
  transition: all 0.5s;
  margin-bottom: 30px;
  position: relative;
}
.single-business i {
  position: absolute;
  left: 0;
  top: 5px;
  background-color: #eeeefe;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  font-size: 25px;
  color: #9898f0;
}
.single-business h3 {
  margin-bottom: 10px;
}
.single-business:hover {
  transform: translateY(-5px);
}

.single-counter {
  background-color: #e2e2fc;
  text-align: center;
  padding: 50px;
  border-radius: 4px;
  margin-bottom: 30px;
  transition: all 0.5s;
}
.single-counter h2 {
  margin-bottom: 0;
}
.single-counter h2 span {
  font-size: 50px;
  color: #6b6bd4;
  font-family: "Dosis", sans-serif;
  font-weight: 700;
  line-height: 1;
}
.single-counter h2 .target {
  line-height: 1;
  position: relative;
  top: 7px;
}
.single-counter p {
  font-family: "Dosis", sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.single-counter:hover {
  animation: rubberBand 1s linear;
}

.counter-nth:nth-child(2) .single-counter {
  margin-top: 30px;
  background-color: #cae5fe;
}
.counter-nth:nth-child(2) .single-counter h2 span {
  color: #3785ca;
}
.counter-nth:nth-child(3) .single-counter {
  background-color: #c0fedc;
  margin-top: -30px;
  margin-bottom: 0;
}
.counter-nth:nth-child(3) .single-counter h2 span {
  color: #23bc68;
}
.counter-nth:nth-child(4) .single-counter {
  background-color: #fbc7ba;
  margin-bottom: 0;
}
.counter-nth:nth-child(4) .single-counter h2 span {
  color: #c05234;
}

/*
Industries  Area Style
======================================================*/
.industries-area .industries-content h3 {
  margin-bottom: 20px;
}
.industries-area .industries-content .default-btn {
  margin: 18px auto -6px;
  display: table;
}
.industries-area .industries-content .industries-item {
  margin-top: 15px;
}
.industries-area .industries-content .industries-item li {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  font-family: "Dosis", sans-serif;
  margin-bottom: 15px;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  position: relative;
  padding-left: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 12px;
}
.industries-area .industries-content .industries-item li i {
  position: absolute;
  top: 13px;
  left: 17px;
  color: #1dd3f8;
}
.industries-area .industries-list-tab .tabs li {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 60px 0 0 60px;
  transition: all 0.5s;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 20px;
}
.industries-area .industries-list-tab .tabs li:last-child {
  margin-bottom: 0;
}
.industries-area .industries-list-tab .tabs li a {
  padding-top: 30px;
  padding-left: 80px;
  padding-right: 30px;
  padding-bottom: 30px;
}
.industries-area .industries-list-tab .tabs li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #1dd3f8;
  z-index: -1;
  border-radius: 60px 0 0 60px;
  transition: all 0.5s;
}
.industries-area .industries-list-tab .tabs li i {
  position: absolute;
  left: 30px;
  top: 32px;
  font-size: 40px;
  color: #1dd3f8;
  line-height: 1;
  transition: all 0.5s;
}
.industries-area .industries-list-tab .tabs li h3 {
  transition: all 0.5s;
}
.industries-area .industries-list-tab .tabs li span {
  margin-bottom: -3px;
  display: block;
  font-weight: 600;
  transition: all 0.5s;
  color: #4d4d4d;
}
.industries-area .industries-list-tab .tabs li:hover i {
  color: #ffffff;
  transform: rotate(360deg);
}
.industries-area .industries-list-tab .tabs li:hover h3 {
  color: #ffffff;
}
.industries-area .industries-list-tab .tabs li:hover span {
  color: #ffffff;
}
.industries-area .industries-list-tab .tabs li:hover a {
  right: 20px;
}
.industries-area .industries-list-tab .tabs li:hover::before {
  width: 100%;
  border-radius: 60px 0 0 60px;
}
.industries-area .industries-list-tab .tabs li.current i {
  color: #ffffff;
  transform: rotate(360deg);
}
.industries-area .industries-list-tab .tabs li.current h3 {
  color: #ffffff;
}
.industries-area .industries-list-tab .tabs li.current span {
  color: #ffffff;
}
.industries-area .industries-list-tab .tabs li.current a {
  right: 20px;
}
.industries-area .industries-list-tab .tabs li.current::before {
  width: 100%;
  border-radius: 60px 0 0 60px;
}
.industries-area .industries-img {
  text-align: center;
}

.tab .tabs_item {
  display: none;
}
.tab .tabs_item:first-child {
  display: block;
}

/*
Client Area Style
======================================================*/
.client-area {
  background-color: #192064;
}
.client-area .section-title h2 {
  color: #ffffff;
}
.client-area .owl-carousel .owl-item img {
  width: unset;
}

.single-client {
  text-align: center;
  background-color: #ffffff;
  position: relative;
  margin-top: 30px;
  margin-bottom: 165px;
  border-radius: 4px;
  padding-top: 50px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
.single-client .quotes {
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  color: #1dd3f8;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -30px;
}
.single-client ul li {
  display: inline-block;
}
.single-client ul li i {
  font-size: 20px;
  color: #1dd3f8;
}
.single-client::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-top: 45px solid #ffffff;
  border-right: 10px solid transparent;
  border-bottom: 0;
  border-left: 50px solid transparent;
  bottom: -24px;
  left: 20px;
}

.client-img {
  position: absolute;
  left: 30px;
  bottom: -170px;
}
.client-img img {
  border-radius: 10px;
  margin-bottom: 15px;
}
.client-img h3 {
  margin-bottom: 0;
  font-size: 20px;
  color: #ffffff;
}
.client-img span {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: #1dd3f8;
}

/*
News Area Style
======================================================*/
.single-news {
  margin-bottom: 30px;
}
.single-news .blog-img {
  position: relative;
  overflow: hidden;
}
.single-news .blog-img .dates {
  position: absolute;
  top: 0;
  left: -125px;
  font-size: 18px;
  background-color: #1dd3f8;
  padding: 5px 10px;
  color: #ffffff;
  transition: all 0.5s;
  border-radius: 4px;
}
.single-news .news-content-wrap {
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
}
.single-news .news-content-wrap ul {
  margin-bottom: 10px;
}
.single-news .news-content-wrap ul li {
  display: inline-block;
  padding-right: 10px;
}
.single-news .news-content-wrap ul li a {
  color: #4d4d4d;
}
.single-news .news-content-wrap ul li a i {
  color: #1dd3f8 !important;
  margin-right: 5px;
  display: inline-block;
}
.single-news .news-content-wrap ul li a:hover {
  color: #1dd3f8;
}
.single-news .news-content-wrap a h3 {
  margin-bottom: 20px;
  transition: all 0.5s;
}
.single-news .news-content-wrap p {
  margin-bottom: 25px;
}
.single-news:hover .blog-img .dates {
  left: 0;
}
.single-news:hover .news-content-wrap a h3 {
  color: #1dd3f8;
}
.single-news:hover .news-content-wrap .read-more {
  background-color: #1dd3f8;
  color: #ffffff;
  border-color: #1dd3f8;
}

/*
Footer Top Area Style
======================================================*/
.footer-top-area {
  background-color: #00042c;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.footer-top-area .footer-shape img {
  position: absolute;
}
.footer-top-area .footer-shape img:nth-child(1) {
  top: 35%;
  right: 0;
  z-index: -1;
  animation: rotation 20s linear infinite;
}
.footer-top-area .footer-shape img:nth-child(2) {
  top: 35%;
  right: 0;
  z-index: -1;
  animation: focus-one 1s linear 1s infinite;
}

.single-widget {
  margin-bottom: 30px;
}
.single-widget img {
  margin-bottom: 30px;
}
.single-widget p {
  color: #d9d6d6;
  margin-bottom: 30px;
}
.single-widget h3 {
  color: #ffffff;
  margin-bottom: 25px;
  font-size: 25px;
  position: relative;
  border-bottom: 2px solid #060c4a;
  padding-bottom: 10px;
}
.single-widget h3::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: #ffffff;
}
.single-widget ul li {
  margin-bottom: 15px;
}
.single-widget ul li:last-child {
  margin-bottom: 0;
}
.single-widget ul li a {
  color: #d9d6d6;
  position: relative;
  padding-left: 20px;
}
.single-widget ul li a .right-icon {
  font-size: 20px;
  position: absolute;
  top: 3px;
  left: 0;
}
.single-widget ul li a:hover {
  color: #1dd3f8;
  transform: translateX(5px);
}
.single-widget .information li {
  margin-bottom: 8px;
}
.single-widget .information li a {
  padding-left: 0;
  position: relative;
}
.single-widget .information li a:hover {
  transform: translateX(0);
}
.single-widget .information li.address {
  position: relative;
  padding-left: 30px;
  color: #d9d6d6;
}
.single-widget .information li.address i {
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 20px;
}
.single-widget .information li.address span {
  display: block;
  font-family: "Dosis", sans-serif;
  font-size: 20px;
  font-weight: 600;
}
.single-widget .social-icon {
  line-height: 1;
}
.single-widget .social-icon li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 0;
}
.single-widget .social-icon li a {
  width: 30px;
  height: 30px;
  line-height: 32px;
  background-color: #3955bc;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
  position: relative;
  padding-left: 0;
}
.single-widget .social-icon li a:hover {
  transform: translateX(0px);
  animation: rubberBand 1s linear;
}
.single-widget .social-icon li:nth-child(2) a {
  background-color: #1da1f2;
  color: #ffffff;
}
.single-widget .social-icon li:nth-child(3) a {
  background-color: #1da1f2;
  color: #ffffff;
}
.single-widget .social-icon li:nth-child(4) a {
  background-color: #d32f2f;
  color: #ffffff;
}
.single-widget .social-icon li:nth-child(4) a {
  background-color: #0077b5;
  color: #ffffff;
}
.single-widget .social-icon li:nth-child(5) a {
  background-color: #ff0000;
  color: #ffffff;
}

/*
Footer Bottom Area Style
======================================================*/
.footer-bottom-area {
  background-color: #0d1240;
  padding: 15px 0;
}
.footer-bottom-area .copy-right {
  color: #d9d6d6;
}
.footer-bottom-area .copy-right i {
  position: relative;
  top: 1px;
}
.footer-bottom-area .copy-right a {
  color: #1dd3f8;
}
.footer-bottom-area .copy-right a:hover {
  color: #ffffff;
}
.footer-bottom-area .designed {
  text-align: center;
  color: #d9d6d6;
}
.footer-bottom-area .designed i {
  position: relative;
  top: 2px;
  color: #1dd3f8;
  animation: heartBeat 1000ms infinite linear;
}
.footer-bottom-area .designed a {
  color: #1dd3f8;
}
.footer-bottom-area .privacy {
  text-align: center;
}
.footer-bottom-area .privacy ul li {
  display: inline-block;
  padding-right: 15px;
}
.footer-bottom-area .privacy ul li a {
  color: #d9d6d6;
  position: relative;
}
.footer-bottom-area .privacy ul li a::before {
  content: "";
  position: absolute;
  top: 13px;
  left: -14px;
  width: 10px;
  height: 1px;
  background-color: #d9d6d6;
}
.footer-bottom-area .privacy ul li a:hover {
  color: #1dd3f8;
}
.footer-bottom-area .privacy ul li:first-child a::before {
  display: none;
}

/*====================================================
HOME TWO STYLE
======================================================*/
/*
Banner Two Area Style
======================================================*/
.main-banner-area-two {
  background-image: url(../img/home-two-banner/banner-two-shape/banner-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 250px;
  overflow: hidden;
}
.main-banner-area-two .banner-text {
  top: 20px;
}
.main-banner-area-two .banner-img {
  position: relative;
  z-index: 1;
  top: 0;
}
.main-banner-area-two .banner-img .circle-img {
  top: -230px;
  position: relative;
}
.main-banner-area-two .banner-img .circle-img img {
  animation: rotation 20s linear infinite;
}
.main-banner-area-two .banner-img .square-img {
  position: relative;
  animation: movebounceShort 5s linear infinite;
  top: -70px;
}
.main-banner-area-two .banner-img img {
  position: absolute;
}
.main-banner-area-two .banner-img img:nth-child(1) {
  bottom: -440px;
  right: 0;
  left: 0;
  margin: auto;
}
.main-banner-area-two .banner-img img:nth-child(3) {
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.main-banner-area-two .banner-img img:nth-child(5) {
  top: -120px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  animation: focus-one 1s linear 1s infinite;
}
.main-banner-area-two .banner-img img:nth-child(6) {
  top: 10px;
  left: -135px;
}
.main-banner-area-two .banner-img img:nth-child(7) {
  top: -100px;
  right: -45px;
  width: 300px;
}
.main-banner-area-two .banner-img img:nth-child(8) {
  top: 280px;
  right: -30px;
}
.main-banner-area-two .banner-img img:nth-child(9) {
  top: -215px;
  right: -260px;
}
.main-banner-area-two .banner-img img:nth-child(10) {
  top: 170px;
  left: 90px;
}
.main-banner-area-two .over-shape img {
  position: absolute;
  z-index: -1;
}
.main-banner-area-two .over-shape img:nth-child(1) {
  top: 300px;
  left: 40px;
  animation: animationFramesOne 25s infinite linear;
}
.main-banner-area-two .over-shape img:nth-child(2) {
  top: 200px;
  left: 800px;
  animation: animationFramesOne 40s infinite linear;
}
.main-banner-area-two .over-shape img:nth-child(3) {
  top: 200px;
  right: 200px;
  animation: animationFramesOne 25s infinite linear;
}
.main-banner-area-two.main-banner-video {
  background: #00042c;
  position: relative;
  z-index: 1;
}
.main-banner-area-two.main-banner-video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #00042c;
  z-index: -1;
  opacity: 0.5;
  animation: focus-one 0s linear 0s infinite;
}
.main-banner-area-two.main-banner-video .background-video {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  z-index: -2;
}
.main-banner-area-two.main-banner-video .banner-text {
  position: relative;
  z-index: 3;
}

/*
Offer Area Two Style
======================================================*/
.offer-area-two .single-offer:hover {
  background-color: #1dd3f8;
}
.offer-area-two .single-offer:hover h3 {
  color: #ffffff;
}
.offer-area-two .single-offer:hover p {
  color: #ffffff;
}

/*
Pricing Area Style
======================================================*/
.single-pricing {
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 50px 0 50px 0;
  transition: all 0.5s;
}
.single-pricing .pricing-top-heading {
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
.single-pricing .pricing-top-heading h3 {
  font-size: 25px;
}
.single-pricing .pricing-top-heading p {
  font-weight: 600;
  font-size: 14px;
}
.single-pricing span {
  font-size: 30px;
  font-family: "Dosis", sans-serif;
  color: #212121;
  font-weight: 700;
  display: block;
  line-height: 1;
  margin: 0 auto 20px;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
}
.single-pricing span sub {
  font-size: 14px;
  color: #4d4d4d;
}
.single-pricing ul {
  text-align: left;
  max-width: 200px;
  margin: 0 auto 25px;
}
.single-pricing ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
  font-weight: 600;
}
.single-pricing ul li:last-child {
  margin-bottom: 0;
}
.single-pricing ul li i {
  font-size: 12px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #daf6fd;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 5px;
  left: 0;
  color: #1dd3f8;
}
.single-pricing .default-btn {
  padding: 15px 35px;
}
.single-pricing:hover {
  transform: translateY(-5px);
}

.popular {
  position: absolute;
  top: -15px;
  right: -50px;
  z-index: 1;
  background-color: red;
  color: #fff;
  padding: 35px 40px 10px 35px;
  transform: rotate(45deg);
}

.tab.quote-list-tab {
  text-align: center;
}
.tab.quote-list-tab .tabs {
  border-radius: 10px;
  display: inline-block;
  border: 1px solid #1dd3f8;
  margin-bottom: 30px;
}
.tab.quote-list-tab .tabs li {
  display: inline-block;
  padding: 0 10px;
  font-family: "Dosis", sans-serif;
  color: #212121;
  font-size: 20px;
  font-weight: 700;
}
.tab.quote-list-tab .tabs li a {
  color: #1dd3f8;
  padding: 10px 20px;
}
.tab.quote-list-tab .tabs .current {
  background-color: #1dd3f8;
  border-radius: 10px;
}
.tab.quote-list-tab .tabs .current a {
  color: #ffffff;
}

/*
Newsletter Area Style
======================================================*/
.newsletter-area {
  background-color: #060542;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.newsletter-area .newsletter-shape img {
  position: absolute;
}
.newsletter-area .newsletter-shape img:nth-child(1) {
  bottom: -40px;
  left: -25px;
  max-width: 260px;
  z-index: -1;
  opacity: 0.5;
}
.newsletter-area .newsletter-shape img:nth-child(2) {
  bottom: -40px;
  right: -25px;
  max-width: 260px;
  z-index: -1;
  opacity: 0.5;
}
.newsletter-area .newsletter-shape img:nth-child(3) {
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.5;
}

.newsletter-wrap h2 {
  font-size: 35px;
  margin-bottom: 30px;
  color: #ffffff;
}
.newsletter-wrap .newsletter-form {
  position: relative;
}
.newsletter-wrap .newsletter-form .form-control {
  border-radius: 10px;
  background-color: #ffffff;
}
.newsletter-wrap .newsletter-form .default-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.newsletter-wrap .newsletter-form #validator-newsletter {
  color: #dc3545;
  margin-top: 10px;
}

.call-us h2 {
  font-size: 35px;
  margin-bottom: 30px;
  color: #ffffff;
}
.call-us p {
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 0;
}
.call-us a {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  line-height: 1;
}
.call-us a:hover {
  color: #1dd3f8;
}

/*
Industries Serve Area Style
======================================================*/
.industries-serve-area {
  padding-bottom: 90px;
}

.single-industries {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 60px 0 0 60px;
  transition: all 0.5s;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 20px;
  padding-top: 30px;
  padding-left: 80px;
  padding-right: 30px;
  padding-bottom: 30px;
}
.single-industries.right-item {
  border-radius: 0 60px 60px 0;
}
.single-industries.right-item::before {
  border-radius: 0 60px 60px 0;
}
.single-industries.right-item:hover::before {
  border-radius: 0 60px 60px 0;
}
.single-industries::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #1dd3f8;
  z-index: -1;
  border-radius: 60px 0 0 60px;
  transition: all 0.5s;
}
.single-industries i {
  position: absolute;
  left: 30px;
  top: 32px;
  font-size: 40px;
  color: #1dd3f8;
  line-height: 1;
  transition: all 0.5s;
}
.single-industries .right-icon {
  position: absolute;
  right: 23px;
  top: 42px;
  font-size: 30px;
}
.single-industries .right-icon span {
  color: #e7e8e8;
}
.single-industries h3 {
  transition: all 0.5s;
}
.single-industries span {
  margin-bottom: -3px;
  display: block;
  font-weight: 600;
  transition: all 0.5s;
  color: #4d4d4d;
}
.single-industries:hover i {
  color: #ffffff;
  transform: rotate(360deg);
}
.single-industries:hover h3 {
  color: #ffffff;
}
.single-industries:hover span {
  color: #ffffff;
}
.single-industries:hover a {
  right: 20px;
}
.single-industries:hover::before {
  width: 100%;
  border-radius: 60px 0 0 60px;
}

/*
Brand Area Serve Area Style
======================================================*/
.brand-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.brand-list .single-brand {
  flex: 0 0 24%;
  max-width: 20%;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
}
.brand-list .single-brand a {
  display: block;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  transition: all 0.5s;
}
.brand-list .single-brand:nth-child(6) {
  margin-left: 20%;
}

/*====================================================
HOME THREE STYLE
======================================================*/
/*
Banner Three Area Style
======================================================*/
.main-banner-area-three {
  padding-bottom: 250px;
  overflow: hidden;
}
.main-banner-area-three .banner-text {
  top: 20px;
}
.main-banner-area-three .banner-text .banner-btn .default-btn.active {
  padding-left: 52px;
}
.main-banner-area-three .banner-text .banner-btn .default-btn.active i {
  position: absolute;
  font-size: 25px;
  top: 14px;
  left: 28px;
}
.main-banner-area-three .banner-img {
  position: relative;
  z-index: 1;
  top: 0;
}
.main-banner-area-three .banner-img img {
  position: absolute;
}
.main-banner-area-three .banner-img img:nth-child(1) {
  bottom: -440px;
  right: 0;
  left: 0;
  margin: auto;
}
.main-banner-area-three .banner-img img:nth-child(2) {
  top: -45px;
  left: 0;
  right: 0;
  margin: auto;
}
.main-banner-area-three .whites-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.main-banner-area-three .over-shape img {
  position: absolute;
  z-index: -1;
}
.main-banner-area-three .over-shape img:nth-child(1) {
  top: 300px;
  left: 40px;
  animation: animationFramesOne 25s infinite linear;
}
.main-banner-area-three .over-shape img:nth-child(2) {
  top: 200px;
  left: 800px;
  animation: animationFramesOne 40s infinite linear;
}
.main-banner-area-three .over-shape img:nth-child(3) {
  top: 150px;
  right: 800px;
  animation: animationFramesOne 20s infinite linear;
}
.main-banner-area-three .over-shape img:nth-child(4) {
  bottom: 200px;
  right: 800px;
  animation: animationFramesOne 30s infinite linear;
}
.main-banner-area-three .over-shape img:nth-child(5) {
  top: 200px;
  right: 200px;
  animation: animationFramesOne 10s infinite linear;
}

/*
Brand Three Area Style
======================================================*/
.brand-area-two {
  background-color: #f0fcfe;
}

/*
Case Area Style
======================================================*/
.case-area .owl-theme .owl-dots .owl-dot {
  margin-top: 20px;
}
.case-area .owl-theme .owl-dots .owl-dot span {
  width: 20px;
  height: 8px;
  margin: 0 7px;
  background: #d6d6d6;
}
.case-area .owl-theme .owl-dots .owl-dot.active span {
  background: #1dd3f8;
  width: 25px;
}

.case-wrap {
  text-align: center;
}
.case-wrap .single-case {
  position: relative;
  transition: all 0.5s;
  overflow: hidden;
  margin-bottom: 20px;
}
.case-wrap .single-case img {
  border-radius: 30px;
}
.case-wrap .single-case::before {
  content: "";
  position: absolute;
  top: 0;
  left: -420px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.8;
  transition: all 0.5s;
  border-radius: 30px;
}
.case-wrap .single-case .link-icon {
  position: absolute;
  top: -400px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  transition: all 0.5s;
}
.case-wrap .single-case .link-icon i {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 2px solid #1dd3f8;
  border-radius: 50%;
  text-align: center;
  font-size: 35px;
  color: #1dd3f8;
}
.case-wrap:hover .single-case::before {
  left: 0;
}
.case-wrap:hover .single-case .link-icon {
  top: 0;
}
.case-wrap h3 {
  margin-bottom: 0;
}

/*
FAQ CSS
======================================================*/
.faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.faq-accordion .accordion .accordion-item {
  border-radius: 5px;
  display: block;
  box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important;
  background: #ffffff;
  margin-bottom: 15px;
}
.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.faq-accordion .accordion .accordion-title {
  padding: 20px 60px 17px 25px;
  color: #212121;
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.faq-accordion .accordion .accordion-title i {
  position: absolute;
  right: 25px;
  top: 23px;
  font-size: 25px;
  transition: 0.5s;
}
.faq-accordion .accordion .accordion-title.active i {
  transform: rotate(180deg);
}
.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  margin-top: -5px;
  padding-bottom: 20px;
  padding-right: 60px;
  padding-left: 25px;
}
.faq-accordion .accordion .accordion-content p {
  line-height: 1.8;
}
.faq-accordion .accordion .accordion-content.show {
  display: block;
}

/*====================================================
HOME FOUR STYLE
======================================================*/
/*
Banner Four Area Style
======================================================*/
.main-banner-area-four {
  padding-bottom: 150px;
  overflow: hidden;
}
.main-banner-area-four .banner-text {
  top: 30px;
}
.main-banner-area-four .banner-text .banner-btn .default-btn.active {
  padding-left: 52px;
}
.main-banner-area-four .banner-text .banner-btn .default-btn.active i {
  position: absolute;
  font-size: 25px;
  top: 14px;
  left: 28px;
}
.main-banner-area-four .over-shape img {
  position: absolute;
  z-index: -1;
}
.main-banner-area-four .over-shape img:nth-child(1) {
  top: 300px;
  left: 40px;
  animation: animationFramesOne 25s infinite linear;
}
.main-banner-area-four .over-shape img:nth-child(2) {
  top: 200px;
  left: 800px;
  animation: animationFramesOne 40s infinite linear;
}
.main-banner-area-four .over-shape img:nth-child(3) {
  top: 150px;
  right: 800px;
  animation: animationFramesOne 20s infinite linear;
}
.main-banner-area-four .over-shape img:nth-child(4) {
  bottom: 200px;
  right: 800px;
  animation: animationFramesOne 30s infinite linear;
}
.main-banner-area-four .over-shape img:nth-child(5) {
  top: 200px;
  right: 200px;
  animation: animationFramesOne 10s infinite linear;
}

/*
Bg Color Four Area Style
======================================================*/
.bg-color-home-four {
  background-color: #010032;
}

/*
Home Four Section Title Color Area Style
======================================================*/
.home-four-section-title h2 {
  color: #ffffff;
}
.home-four-section-title p {
  color: #e7e7e7;
}

/*
About Area Four Style
======================================================*/
.about-area-four .about-content h2 {
  color: #ffffff;
}
.about-area-four .about-content p {
  color: #e7e7e7;
  font-size: 18px;
}
.about-area-four .about-content ul li {
  color: #e7e7e7;
}

/*
Business Area Four Style
======================================================*/
.business-area-four .business-content h2 {
  color: #ffffff;
}
.business-area-four .single-business h3 {
  color: #ffffff;
}
.business-area-four .single-business p {
  color: #e7e7e7;
}

/*
Offer Area Four Style
======================================================*/
.offer-area-four {
  background-color: #060542;
}
.offer-area-four .offer-shape img:nth-child(1) {
  opacity: 0.3;
}
.offer-area-four .offer-shape img:nth-child(2) {
  opacity: 0.3;
}

/*
Industries Area Four Style
======================================================*/
.industries-area-four .industries-content h3 {
  color: #ffffff;
}
.industries-area-four .industries-content p {
  color: #e7e7e7;
}

/*
Team Area Four Style
======================================================*/
.single-team {
  text-align: center;
  padding: 30px;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  transition: all 0.5s;
}
.single-team .team-single-img {
  position: relative;
  margin-top: 15px;
  margin-bottom: 40px;
}
.single-team .team-single-img .speak-img {
  width: 150px;
}
.single-team .team-single-img img {
  border-radius: 50%;
}
.single-team .team-single-img .team-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  animation: rotation 20s linear infinite;
}
.single-team .team-content h3 {
  color: #ffffff;
}
.single-team .team-content span {
  color: #1dd3f8;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
.single-team .team-content img {
  width: 100px;
  border-radius: 5px;
}
.single-team .team-content ul {
  line-height: 1;
}
.single-team .team-content ul li {
  display: inline-block;
  padding: 0 5px;
}
.single-team .team-content ul li a:hover {
  color: #ffffff;
  animation: rubberBand 1s linear;
}
.single-team:hover {
  background-color: #060542;
}

/*====================================================
HOME FIVE STYLE
======================================================*/
/*
Arduix SliderArea Style
======================================================*/
.arduix-slider-area {
  background-image: url(../../assets/img/home-five-slider/slider-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  position: relative;
  z-index: 1;
}
.arduix-slider-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #24416b;
  z-index: -1;
  opacity: 0.9;
}
.arduix-slider-area .owl-next {
  position: absolute;
  top: 50%;
  right: 30px;
  margin: 0 !important;
  border-radius: 0 !important;
  transition: all 0.5s;
  opacity: 0;
  transform: translateY(80px);
}
.arduix-slider-area .owl-next i {
  background-color: #1dd3f8;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  transition: all 0.5s;
  font-size: 26px;
  border-radius: 4px;
}
.arduix-slider-area .owl-next i:hover {
  background-color: #1dd3f8 !important;
}
.arduix-slider-area .owl-prev {
  position: absolute;
  top: 50%;
  left: 30px;
  margin: 0 !important;
  border-radius: 0 !important;
  transition: all 0.5s;
  opacity: 0;
  transform: translateY(80px);
}
.arduix-slider-area .owl-prev i {
  background-color: #1dd3f8 !important;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  transition: all 0.5s;
  font-size: 26px;
  border-radius: 4px;
}
.arduix-slider-area .owl-prev i:hover {
  background-color: #1dd3f8 !important;
}
.arduix-slider-area:hover .owl-prev {
  opacity: 1;
}
.arduix-slider-area:hover .owl-next {
  opacity: 1;
}
.arduix-slider-area .owl-theme .owl-nav {
  margin-top: 0 !important;
}
.arduix-slider-area .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: transparent;
}

.arduix-slider-item .arduix-slider-text {
  text-align: center;
  max-width: 700px;
  margin: 200px auto 0;
}
.arduix-slider-item .arduix-slider-text span {
  color: #ffffff;
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
}
.arduix-slider-item .arduix-slider-text h1 {
  font-size: 50px;
  color: #ffffff;
  margin-bottom: 30px;
}
.arduix-slider-item .arduix-slider-text p {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 45px;
}
.arduix-slider-item .arduix-slider-text .slider-btn .default-btn {
  margin: 0 20px;
}
.arduix-slider-item .arduix-slider-text .slider-btn .default-btn.white {
  color: #ffffff;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.overflow-hidden {
  overflow: hidden;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.one span {
  animation: 1s 0.1s fadeInUpBig both;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.one .video-btn-animat {
  animation: 1s 0.1s fadeInUpBig both;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.one h1 {
  animation: 2s 0.2s fadeInUpBig both;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.one p {
  animation: 3s 0.3s fadeInUpBig both;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.one .slider-btn {
  animation: 4s 0.4s fadeInUpBig both;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.two span {
  animation: 2s 0.2s fadeInDownBig both;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.two .video-btn-animat {
  animation: 2s 0.2s fadeInDownBig both;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.two h1 {
  animation: 2s 0.2s fadeInLeft both;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.two p {
  animation: 2s 0.2s fadeInRight both;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.two .slider-btn {
  animation: 2s 0.2s fadeInUpBig both;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.three span {
  animation: 2s 0.2s fadeInDown both;
}
.arduix-slider-area
  .owl-item.active
  .arduix-slider-text.three
  .video-btn-animat {
  animation: 2s 0.2s fadeInDown both;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.three h1 {
  animation: 2s 0.2s fadeInDown both;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.three p {
  animation: 2s 0.2s fadeInUp both;
}
.arduix-slider-area .owl-item.active .arduix-slider-text.three .slider-btn {
  animation: 2s 0.2s fadeInUp both;
}

/*==================================================== 
INNER PAGE STYLE
======================================================*/
/* 
Page Title Area Style
=====================================================*/
.page-title-area {
  position: relative;
  z-index: 1;
  padding-top: 200px;
  padding-bottom: 150px;
  background-color: #04063c;
  overflow: hidden;
  text-align: center;
}
.page-title-area .page-title-content h2 {
  margin-bottom: 30px;
  color: #ffffff;
  font-size: 40px;
  font-weight: 700;
}
.page-title-area .page-title-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 10px;
  margin-bottom: 0;
}
.page-title-area .page-title-content ul li {
  display: inline-block;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  padding-right: 10px;
  padding-left: 10px;
  color: #1dd3f8;
}
.page-title-area .page-title-content ul li::before {
  content: "";
  position: absolute;
  top: 12px;
  right: -3px;
  background-color: #1dd3f8;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.page-title-area .page-title-content ul li:last-child::before {
  display: none;
}
.page-title-area .page-title-content ul li a {
  color: #ffffff;
}
.page-title-area .page-title-content ul li a:hover {
  color: #1dd3f8;
}

/*
404 Error Area Style
=====================================================*/
.error-area {
  padding: 50px 0;
  height: 100vh;
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
}
.error-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  z-index: -1;
}
.error-area .error-content-wrap {
  z-index: 1;
  position: relative;
}
.error-area .error-content-wrap h1 {
  font-size: 300px;
  line-height: 1;
}
.error-area .error-content-wrap h1 span {
  background-image: linear-gradient(to bottom right, #ff416c, #fa4612);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.error-area .error-content-wrap h3 {
  margin: 30px 0 0;
  position: relative;
  color: #ff0000;
}
.error-area .error-content-wrap p {
  margin: 20px 0 20px;
  font-size: 19px;
}

/* 
Coming Soon Area Style
=====================================================*/
.coming-soon-area {
  position: relative;
  height: 100vh;
  z-index: 1;
  background-color: #00095e;
}
.coming-soon-area .coming-soon-content {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}
.coming-soon-area .coming-soon-content h1 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 60px;
  margin-top: -18px;
}
.coming-soon-area .coming-soon-content p {
  color: #f3f3f3;
  font-size: 14.5px;
  max-width: 600px;
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.coming-soon-area .coming-soon-content #timer {
  margin-top: 30px;
}
.coming-soon-area .coming-soon-content #timer div {
  display: inline-block;
  color: #ffffff;
  position: relative;
  margin-left: 35px;
  margin-right: 35px;
  font-size: 45px;
  font-weight: 700;
}
.coming-soon-area .coming-soon-content #timer div span {
  display: block;
  text-transform: capitalize;
  margin-top: -15px;
  font-size: 16px;
  font-weight: normal;
}
.coming-soon-area .coming-soon-content #timer div:last-child {
  margin-right: 0;
}
.coming-soon-area .coming-soon-content #timer div:last-child::before {
  display: none;
}
.coming-soon-area .coming-soon-content #timer div:first-child {
  margin-left: 0;
}
.coming-soon-area .coming-soon-content #timer div::before {
  content: "";
  position: absolute;
  right: -50px;
  top: -10px;
  font-size: 70px;
  color: #ffffff;
}
.coming-soon-area .coming-soon-content .newsletter-form {
  position: relative;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
  padding-left: 15px;
  color: #ffffff;
  outline: 0;
  transition: 0.5s;
  border-radius: 10px;
}
.coming-soon-area
  .coming-soon-content
  .newsletter-form
  .input-newsletter::-moz-placeholder {
  color: #ffffff;
}
.coming-soon-area
  .coming-soon-content
  .newsletter-form
  .input-newsletter::placeholder {
  color: #ffffff;
}
.coming-soon-area
  .coming-soon-content
  .newsletter-form
  .input-newsletter:focus {
  border-color: #1dd3f8;
}
.coming-soon-area .coming-soon-content .newsletter-form button {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  padding: 0 30px;
  text-transform: uppercase;
  outline: 0;
  color: #ffffff;
  transition: 0.5s;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
}
.coming-soon-area .coming-soon-content .newsletter-form button::after {
  border-radius: 0;
}
.coming-soon-area .coming-soon-content .newsletter-form button::before {
  border-radius: 0;
}
.coming-soon-area .coming-soon-content .newsletter-form button:hover {
  color: #ffffff;
}
.coming-soon-area .coming-soon-content .newsletter-form #validator-newsletter {
  color: #dc3545;
  font-size: 14px;
  position: absolute;
  left: 0;
  bottom: -30px;
  margin: 0 auto;
}

/*
Sign In & Log In  Area Style
=====================================================*/
.user-area-all-style {
  position: relative;
  z-index: 1;
}
.user-area-all-style .contact-form-action {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  padding: 40px;
  max-width: 570px;
  margin: auto;
}
.user-area-all-style .contact-form-action .form-heading {
  margin-bottom: 33px;
}
.user-area-all-style .contact-form-action .form-heading .form-title {
  font-size: 35px;
  color: #233d63;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.user-area-all-style .contact-form-action .form-heading .form-desc {
  font-size: 18px;
  color: #677286;
  font-weight: 500;
}
.user-area-all-style .contact-form-action .form-heading .reset-desc {
  line-height: 30px;
  margin-top: 15px;
}
.user-area-all-style .contact-form-action .form-heading .reset-desc a {
  color: #1dd3f8;
}
.user-area-all-style .contact-form-action .form-heading .reset-desc {
  font-size: 16px;
}
.user-area-all-style .contact-form-action .form-heading .reset-desc a {
  font-weight: 600;
}
.user-area-all-style .contact-form-action form .submit-btn {
  margin-top: 24px;
}
.user-area-all-style .contact-form-action form .default-btn {
  font-size: 14px;
  padding: 12px 20px;
  margin-bottom: 30px;
}
.user-area-all-style .contact-form-action form .default-btn.btn-two {
  display: table;
  margin: 0px auto 0;
  padding: 20px 35px;
}
.user-area-all-style
  .contact-form-action
  form
  .col-lg-4:nth-child(1)
  .default-btn {
  background-color: #ff5733;
}
.user-area-all-style
  .contact-form-action
  form
  .col-lg-4:nth-child(2)
  .default-btn {
  background-color: #3955bc;
  display: table;
  margin: auto;
}
.user-area-all-style
  .contact-form-action
  form
  .col-lg-4:nth-child(3)
  .default-btn {
  background-color: #1dd3f8;
  float: right;
}
.user-area-all-style .contact-form-action form .reset-btn {
  margin-top: 0;
}
.user-area-all-style .contact-form-action form .form-condition {
  margin-bottom: 20px;
}
.user-area-all-style .contact-form-action form .form-condition .agree-label {
  font-weight: 600;
}
.user-area-all-style .contact-form-action form .form-condition .agree-label a {
  color: #1dd3f8;
}
.user-area-all-style .contact-form-action form .form-group {
  margin-bottom: 30px;
}
.user-area-all-style .contact-form-action .account-desc {
  margin: 25px auto 0;
  display: table;
  font-weight: 600;
}
.user-area-all-style .contact-form-action .account-desc a {
  color: #1dd3f8;
  margin-left: 10px;
  font-weight: 600;
}
.user-area-all-style .contact-form-action #chb1 {
  position: relative;
  top: 1px;
}
.user-area-all-style .contact-form-action #chb2 {
  position: relative;
  top: 1px;
}
.user-area-all-style .contact-form-action .forget {
  float: right;
  color: #1dd3f8;
  font-weight: 600;
}
.user-area-all-style .contact-form-action .now-register {
  font-weight: 600;
  float: right;
  margin-bottom: 30px;
}
.user-area-all-style .contact-form-action .now-register a {
  color: #1dd3f8;
}
.user-area-all-style .contact-form-action .now-log-in {
  color: #1dd3f8;
  font-weight: 600;
}
.user-area-all-style .contact-form-action .now-log-in .font-q {
  font-weight: 600;
}

/*
Ask Question Area Style
=====================================================*/
.ask-question {
  background-color: #ffffff;
  box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
  padding: 50px;
}
.ask-question .section-title {
  margin: -9px auto 40px;
}
.ask-question h3 {
  margin-bottom: 20px;
}
.ask-question .form-group {
  margin-bottom: 30px;
}
.ask-question .form-group .form-control {
  border-radius: 4px;
}
.ask-question .default-btn {
  margin: auto;
  display: table;
}

.list-unstyled {
  color: #dc3545 !important;
  margin-top: 10px;
}

#msgSubmit {
  position: absolute;
  bottom: 8px;
  right: 15px;
}

.text-danger {
  color: #dc3545 !important;
}

.text-success {
  color: #28a745 !important;
}

.inner-client-page .single-client {
  margin-bottom: 193px;
}

/*
Ask Question Area Style
=====================================================*/
.team-inner-area .single-team {
  background-color: #060542;
}
.team-inner-area .single-team:hover {
  transform: translateY(-5px);
}

/*
Product Area Style
=====================================================*/
.product-area .woocommerce-topbar {
  margin-bottom: 40px;
}
.product-area .woocommerce-topbar .woocommerce-topbar-ordering {
  text-align: right;
}
.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select {
  background-color: #ffffff;
  color: #1dd3f8;
  border-radius: 0;
  border: none;
  box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
  float: unset;
  height: unset;
  line-height: initial;
  padding: 17px 35px 13px 20px;
  font-size: 16px;
}
.product-area
  .woocommerce-topbar
  .woocommerce-topbar-ordering
  .nice-select
  .list {
  background-color: #ffffff;
  box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.product-area
  .woocommerce-topbar
  .woocommerce-topbar-ordering
  .nice-select
  .list
  .option {
  transition: 0.6s;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
}
.product-area
  .woocommerce-topbar
  .woocommerce-topbar-ordering
  .nice-select
  .list
  .option:hover {
  background-color: #1dd3f8 !important;
  color: #ffffff;
}
.product-area
  .woocommerce-topbar
  .woocommerce-topbar-ordering
  .nice-select
  .list
  .option.selected {
  background-color: transparent;
  font-weight: 700;
}
.product-area
  .woocommerce-topbar
  .woocommerce-topbar-ordering
  .nice-select:after {
  right: 20px;
}
.product-area .single-product-box {
  text-align: center;
  margin-bottom: 30px;
  background-color: #ffffff;
  box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
}
.product-area .single-product-box .product-image {
  overflow: hidden;
  position: relative;
  text-align: left;
}
.product-area .single-product-box .product-image a img {
  transition: 0.6s;
}
.product-area .single-product-box .product-image .add-to-cart-btn {
  position: absolute;
  bottom: -46px;
  left: 0;
  width: 100%;
  background-color: #212121;
  color: #ffffff;
  padding: 18px 20px 13px;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
}
.product-area .single-product-box .product-image .add-to-cart-btn i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.product-area .single-product-box .product-image .add-to-cart-btn:hover {
  background-color: #1dd3f8;
  color: #ffffff;
}
.product-area .single-product-box .product-image .sale-btn {
  position: absolute;
  left: 20px;
  top: 20px;
  background-color: #1dd3f8;
  color: #ffffff;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border-radius: 50%;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}
.product-area .single-product-box .product-content {
  padding: 30px 25px;
}
.product-area .single-product-box .product-content h3 {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
}
.product-area .single-product-box .product-content h3 a {
  display: inline-block;
  color: #212121;
  text-decoration: none;
}
.product-area .single-product-box .product-content .price {
  color: #212121;
  font-weight: 600;
  font-size: 15px;
}
.product-area .single-product-box .product-content .price span {
  padding: 0 5px;
}
.product-area .single-product-box .product-content .price .old {
  text-decoration: line-through;
  color: #1dd3f8;
  font-size: 14px;
}
.product-area .single-product-box .product-content .rating {
  margin-top: 8px;
  color: #ffb708;
  font-size: 15px;
}
.product-area .single-product-box .product-content .rating i {
  margin-right: -1px;
}
.product-area .single-product-box:hover .product-image .add-to-cart-btn {
  bottom: 0;
  opacity: 1;
  visibility: visible;
  transition: 0.6s;
  text-decoration: none;
}

/* 
Checkout Area Style 
=====================================================*/
.checkout-area .user-actions {
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff;
  padding: 18px 20px 15px;
  margin-bottom: 65px;
  border-top: 3px solid #1dd3f8;
  position: relative;
  color: #1dd3f8;
}
.checkout-area .user-actions::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -35px;
  width: 100%;
  height: 1px;
  background: #eeeeee;
}
.checkout-area .user-actions i {
  color: #1dd3f8;
  margin-right: 2px;
  font-size: 20px;
  position: relative;
  top: 4px;
}
.checkout-area .user-actions span {
  display: inline-block;
  font-weight: 500;
  color: #212121;
}
.checkout-area .user-actions span a {
  display: inline-block;
  color: #1dd3f8;
  font-size: 15px;
}
.checkout-area .user-actions span a:hover {
  color: #1dd3f8;
}
.checkout-area .user-actions span a:focus {
  color: #1dd3f8;
}
.checkout-area .checkout-area .title {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 700;
}
.checkout-area .billing-details {
  background-color: #ffffff;
  padding: 30px;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
}
.checkout-area .billing-details .form-group {
  margin-bottom: 20px;
}
.checkout-area .billing-details .form-group label {
  display: block;
  color: #212121;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
}
.checkout-area .billing-details .form-group label .required {
  color: red;
}
.checkout-area .billing-details .form-group .nice-select {
  float: unset;
  line-height: 45px;
  color: #212121;
  padding-top: 0;
  padding-bottom: 0;
}
.checkout-area .billing-details .form-group .nice-select .list {
  background-color: #ffffff;
  box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.checkout-area .billing-details .form-group .nice-select .list .option {
  transition: 0.5s;
  padding-left: 20px;
  padding-right: 20px;
}
.checkout-area .billing-details .form-group .nice-select .list .option:hover {
  background-color: #1dd3f8 !important;
  color: #ffffff;
}
.checkout-area
  .billing-details
  .form-group
  .nice-select
  .list
  .option.selected {
  background-color: transparent;
}
.checkout-area .billing-details .form-group .nice-select:after {
  right: 20px;
}
.checkout-area .billing-details .form-group .nice-select .option:hover,
.checkout-area .billing-details .form-group .nice-select .option.focus,
.checkout-area
  .billing-details
  .form-group
  .nice-select
  .option.selected.focus {
  background-color: #1dd3f8 !important;
  color: #ffffff !important;
}
.checkout-area .billing-details .form-group textarea {
  padding-top: 13px;
}
.checkout-area .billing-details .form-check {
  margin-bottom: 20px;
}
.checkout-area .billing-details .form-check .form-check-label {
  color: #212121;
}
.checkout-area .billing-details .form-check label {
  position: relative;
  top: 1px;
  font-size: 14px;
  font-weight: 500;
}
.checkout-area .billing-details .col-lg-12:last-child .form-group {
  margin-bottom: 0;
}
.checkout-area .order-details .order-table {
  background-color: #ffffff;
  padding: 30px;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
}
.checkout-area .order-details .order-table table {
  margin-bottom: 0;
}
.checkout-area .order-details .order-table table thead tr th {
  border-bottom-width: 0;
  vertical-align: middle;
  border-color: #eaedff;
  padding-left: 20px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  font-weight: 700;
}
.checkout-area .order-details .order-table table tbody tr td {
  vertical-align: middle;
  color: #212121;
  border-color: #eaedff;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
}
.checkout-area .order-details .order-table table tbody tr td.product-name a {
  color: #212121;
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
}
.checkout-area
  .order-details
  .order-table
  table
  tbody
  tr
  td.product-name
  a:hover {
  color: #212121;
}
.checkout-area
  .order-details
  .order-table
  table
  tbody
  tr
  td.order-subtotal
  span {
  color: #212121;
  font-weight: 600;
}
.checkout-area
  .order-details
  .order-table
  table
  tbody
  tr
  td.order-shipping
  span {
  color: #212121;
  font-weight: 600;
}
.checkout-area .order-details .order-table table tbody tr td.total-price span {
  color: #212121;
  font-weight: 600;
}
.checkout-area .order-details .order-table table tbody tr td.shipping-price {
  font-weight: 600;
}
.checkout-area
  .order-details
  .order-table
  table
  tbody
  tr
  td.order-subtotal-price {
  font-weight: 600;
}
.checkout-area .order-details .order-table table tbody tr td.product-subtotal {
  font-weight: 600;
}
.checkout-area .order-details .payment-box {
  background-color: #ffffff;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  margin-top: 30px;
  padding: 30px;
}
.checkout-area
  .order-details
  .payment-box
  .payment-method
  p
  [type="radio"]:checked {
  display: none;
}
.checkout-area
  .order-details
  .payment-box
  .payment-method
  p
  [type="radio"]:checked
  + label {
  padding-left: 27px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  color: #1dd3f8;
  position: relative;
  margin-bottom: 8px;
}
.checkout-area
  .order-details
  .payment-box
  .payment-method
  p
  [type="radio"]:checked
  + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  background: #ffffff;
}
.checkout-area
  .order-details
  .payment-box
  .payment-method
  p
  [type="radio"]:checked
  + label::after {
  content: "";
  width: 12px;
  height: 12px;
  background: #1dd3f8;
  position: absolute;
  top: 6px;
  left: 3px;
  border-radius: 50%;
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.checkout-area
  .order-details
  .payment-box
  .payment-method
  p
  [type="radio"]:not(:checked) {
  display: none;
}
.checkout-area
  .order-details
  .payment-box
  .payment-method
  p
  [type="radio"]:not(:checked)
  + label {
  padding-left: 27px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  color: #212121;
  position: relative;
  margin-bottom: 8px;
}
.checkout-area
  .order-details
  .payment-box
  .payment-method
  p
  [type="radio"]:not(:checked)
  + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  background: #ffffff;
}
.checkout-area
  .order-details
  .payment-box
  .payment-method
  p
  [type="radio"]:not(:checked)
  + label::after {
  content: "";
  width: 12px;
  height: 12px;
  background: #1dd3f8;
  position: absolute;
  top: 6px;
  left: 3px;
  border-radius: 50%;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
}
.checkout-area .order-details .payment-box .btn.order-btn {
  display: block;
  margin-top: 25px;
}
.checkout-area .order-details .payment-box .default-btn {
  margin-top: 20px;
  display: block;
  text-align: center;
}

/* 
Cart Area Style
=====================================================*/
.cart-area .cart-table table {
  margin-bottom: 0;
}
.cart-area .cart-table table thead tr th {
  border-bottom-width: 0px;
  vertical-align: middle;
  padding: 15px 0 15px;
  text-transform: uppercase;
  border: none;
  font-weight: 700;
  font-size: 16px;
}
.cart-area .cart-table table tbody tr td {
  vertical-align: middle;
  color: #666666;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  border-color: #eaedff;
  border-left: none;
  border-right: none;
}
.cart-area .cart-table table tbody tr td.product-thumbnail img {
  width: 60px;
  height: 60px;
}
.cart-area .cart-table table tbody tr td.product-thumbnail a {
  display: block;
}
.cart-area .cart-table table tbody tr td.product-name a {
  color: #666666;
  font-weight: 600;
  display: inline-block;
}
.cart-area .cart-table table tbody tr td.product-name a:hover {
  color: #212121;
}
.cart-area .cart-table table tbody tr td.product-price span {
  font-weight: 500;
}
.cart-area .cart-table table tbody tr td.product-subtotal {
  overflow: hidden;
}
.cart-area .cart-table table tbody tr td.product-subtotal .remove {
  color: #666666;
  float: right;
  position: relative;
  top: 1px;
  transition: all 0.5s;
}
.cart-area .cart-table table tbody tr td.product-subtotal .remove i {
  font-size: 22px;
}
.cart-area .cart-table table tbody tr td.product-subtotal .remove:hover {
  color: red;
}
.cart-area .cart-table table tbody tr td.product-subtotal span {
  font-weight: 500;
}
.cart-area .cart-table table tbody tr td.product-quantity .input-counter {
  max-width: 130px;
  min-width: 130px;
  text-align: center;
  display: inline-block;
  position: relative;
}
.cart-area .cart-table table tbody tr td.product-quantity .input-counter span {
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  color: #212121;
  width: 40px;
  height: 100%;
  line-height: 48px;
  transition: 0.5s;
}
.cart-area
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  span:hover {
  color: #1dd3f8;
}
.cart-area
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  span.minus-btn {
  left: 0;
}
.cart-area
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  span.plus-btn {
  right: 0;
}
.cart-area .cart-table table tbody tr td.product-quantity .input-counter input {
  height: 45px;
  color: #212121;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
}
.cart-area
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  input::-moz-placeholder {
  color: #212121;
}
.cart-area
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  input::placeholder {
  color: #212121;
}
.cart-area .cart-buttons {
  margin-top: 30px;
}
.cart-area .cart-totals {
  background: #ffffff;
  padding: 40px;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  border-radius: 0;
  margin: auto;
  margin-top: 50px;
}
.cart-area .cart-totals h3 {
  margin-bottom: 25px;
  font-weight: 700;
}
.cart-area .cart-totals ul {
  padding: 0;
  margin: 0 0 25px;
  list-style-type: none;
}
.cart-area .cart-totals ul li {
  border: 1px solid #eaedff;
  padding: 14.9px 15px;
  color: #323232;
  overflow: hidden;
  font-weight: 700;
}
.cart-area .cart-totals ul li:first-child {
  border-bottom: none;
}
.cart-area .cart-totals ul li:last-child {
  border-top: none;
}
.cart-area .cart-totals ul li span {
  float: right;
  color: #666666;
  font-weight: normal;
}
.cart-area .cart-area .nice-select {
  height: 50px;
  line-height: 49px;
  border-radius: 0;
  width: 100%;
  margin-bottom: 18px;
}
.cart-area .cart-wraps {
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  padding: 40px;
}
.cart-area .coupon-wrap {
  margin-top: 50px;
  background-color: #ffffff;
  padding: 40px;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
}
.cart-area .coupon-wrap .nice-select .list {
  width: 100%;
}
.cart-area .coupon-wrap .nice-select .option {
  color: #212121 !important;
}
.cart-area .coupon-wrap .nice-select .option:hover {
  color: #ffffff !important;
  background-color: #1089d4 !important;
}
.cart-area .coupon-wrap select .option.focus,
.cart-area .coupon-wrap .nice-select .option.selected.focus {
  background-color: #1089d4 !important;
  color: #ffffff !important;
}
.cart-area .coupon-wrap h3 {
  padding-bottom: 25px;
}
.cart-area .coupon-wrap .form-group {
  margin-bottom: 30px;
}
.cart-area .coupon-wrap .nice-select {
  height: 50px;
  width: 100%;
  margin-bottom: 19px;
  border-radius: 0;
}
.cart-area .coupon-wrap .nice-select .current {
  position: relative;
  top: 4px;
}
.cart-area .default-btn.text-right {
  float: right;
}

label {
  margin-bottom: 12px;
}

/*
Shop Details Style
================================*/
.product-details-area .product-details-desc h3 {
  margin-bottom: 12px;
  font-weight: 700;
}
.product-details-area .product-details-desc p {
  margin-bottom: 0;
}
.product-details-area .product-details-desc .price {
  margin-bottom: 10px;
  color: #333333;
  font-weight: 700;
}
.product-details-area .product-details-desc .price span {
  padding: 0 5px;
}
.product-details-area .product-details-desc .price .old-price {
  text-decoration: line-through;
  color: #828893;
  font-size: 13px;
}
.product-details-area .product-details-desc .product-review {
  margin-bottom: 15px;
}
.product-details-area .product-details-desc .product-review .rating {
  display: inline-block;
  padding-right: 5px;
  font-size: 14px;
}
.product-details-area .product-details-desc .product-review .rating i {
  color: #ffba0a;
}
.product-details-area .product-details-desc .product-review .rating-count {
  display: inline-block;
  color: #333333;
  border-bottom: 1px solid #333333;
  line-height: initial;
}
.product-details-area
  .product-details-desc
  .product-review
  .rating-count:hover {
  color: #1dd3f8;
  border-color: #1dd3f8;
}
.product-details-area .product-details-desc .product-add-to-cart {
  margin-top: 20px;
}
.product-details-area
  .product-details-desc
  .product-add-to-cart
  .input-counter {
  max-width: 130px;
  min-width: 130px;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  position: relative;
}
.product-details-area
  .product-details-desc
  .product-add-to-cart
  .input-counter
  span {
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  color: #d0d0d0;
  width: 40px;
  height: 100%;
  line-height: 48px;
  transition: 0.5s;
}
.product-details-area
  .product-details-desc
  .product-add-to-cart
  .input-counter
  span:hover {
  color: #212121;
}
.product-details-area
  .product-details-desc
  .product-add-to-cart
  .input-counter
  span.minus-btn {
  left: 0;
}
.product-details-area
  .product-details-desc
  .product-add-to-cart
  .input-counter
  span.plus-btn {
  right: 0;
}
.product-details-area
  .product-details-desc
  .product-add-to-cart
  .input-counter
  input {
  height: 45px;
  color: #333333;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
}
.product-details-area
  .product-details-desc
  .product-add-to-cart
  .input-counter
  input::-moz-placeholder {
  color: #333333;
}
.product-details-area
  .product-details-desc
  .product-add-to-cart
  .input-counter
  input::placeholder {
  color: #333333;
}
.product-details-area .product-details-desc .product-add-to-cart .default-btn {
  border: none;
  cursor: pointer;
  float: right;
}
.product-details-area .product-details-desc .product-add-to-cart .btn {
  height: 45px;
  top: -2px;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
.product-details-area .product-details-desc .product-add-to-cart .btn i {
  margin-right: 2px;
}
.product-details-area .product-details-desc .buy-checkbox-btn {
  margin-top: 20px;
}
.product-details-area .product-details-desc .buy-checkbox-btn input {
  display: none;
}
.product-details-area .product-details-desc .buy-checkbox-btn .cbx {
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.product-details-area .product-details-desc .buy-checkbox-btn .cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.product-details-area
  .product-details-desc
  .buy-checkbox-btn
  .cbx
  span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #ebebeb;
  transition: all 0.2s ease;
  transition: 0.5s;
}
.product-details-area
  .product-details-desc
  .buy-checkbox-btn
  .cbx
  span:first-child
  svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
  transition: 0.5s;
}
.product-details-area
  .product-details-desc
  .buy-checkbox-btn
  .cbx
  span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #333333;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  transition: 0.5s;
}
.product-details-area
  .product-details-desc
  .buy-checkbox-btn
  .cbx
  span:last-child {
  padding-left: 4px;
  color: #57647c;
}
.product-details-area
  .product-details-desc
  .buy-checkbox-btn
  .cbx:hover
  span:first-child {
  border-color: #333333;
}
.product-details-area
  .product-details-desc
  .buy-checkbox-btn
  .inp-cbx:checked
  + .cbx
  span:first-child {
  background: #333333;
  border-color: #333333;
  animation: wave 0.4s ease;
}
.product-details-area
  .product-details-desc
  .buy-checkbox-btn
  .inp-cbx:checked
  + .cbx
  span:first-child
  svg {
  stroke-dashoffset: 0;
}
.product-details-area
  .product-details-desc
  .buy-checkbox-btn
  .inp-cbx:checked
  + .cbx
  span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}
.product-details-area
  .product-details-desc
  .buy-checkbox-btn
  .item:not(:first-child) {
  margin-top: 15px;
}
.product-details-area .product-details-desc .buy-checkbox-btn .btn {
  display: block;
  width: 100%;
}
.product-details-area .product-details-desc .buy-checkbox-btn .default-btn {
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.product-details-area .product-details-desc .custom-payment-options {
  margin-top: 20px;
}
.product-details-area .product-details-desc .custom-payment-options span {
  display: block;
  color: #57647c;
  margin-bottom: 15px;
}
.product-details-area
  .product-details-desc
  .custom-payment-options
  .payment-methods
  a {
  display: inline-block;
}
.product-details-area
  .product-details-desc
  .custom-payment-options
  .payment-methods
  a
  img {
  width: 40px;
  margin-right: 5px;
}
.product-details-area .product-details-image {
  text-align: center;
  background-color: #f7f7f7;
}
.product-details-area .tab .tabs_item {
  display: none;
}
.product-details-area .tab .tabs_item:first-child {
  display: block;
}
.product-details-area .products-details-tab {
  margin-top: 50px;
}
.product-details-area .products-details-tab .tabs {
  list-style-type: none;
  margin-bottom: -1px;
  padding-left: 0;
}
.product-details-area .products-details-tab .tabs li {
  display: inline-block;
  line-height: initial;
  margin-right: 5px;
}
.product-details-area .products-details-tab .tabs li a {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  color: #333333;
  border: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 30px;
  padding-left: 48px;
  font-weight: 700;
}
.product-details-area .products-details-tab .tabs li a .dot {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  width: 12px;
  height: 12px;
  border: 1px solid #333333;
  transition: 0.5s;
  border-radius: 50%;
}
.product-details-area .products-details-tab .tabs li a .dot::before {
  position: absolute;
  top: 0;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  background: #333333;
  margin: 2px;
  border-radius: 50%;
  transition: 0.5s;
}
.product-details-area .products-details-tab .tabs li a:hover {
  color: #ffffff;
  background-color: #1dd3f8;
  border-color: #1dd3f8;
}
.product-details-area .products-details-tab .tabs li a:hover .dot {
  border-color: #ffffff;
}
.product-details-area .products-details-tab .tabs li a:hover .dot::before {
  background: #ffffff;
}
.product-details-area .products-details-tab .tabs li a:focus {
  color: #ffffff;
  background-color: #1dd3f8;
  border-color: #1dd3f8;
}
.product-details-area .products-details-tab .tabs li a:focus .dot {
  border-color: #ffffff;
}
.product-details-area .products-details-tab .tabs li a:focus .dot::before {
  background: #ffffff;
}
.product-details-area .products-details-tab .tabs li:last-child {
  margin-right: 0;
}
.product-details-area .products-details-tab .tabs li.current a {
  color: #ffffff;
  background-color: #1dd3f8;
  border-color: #1dd3f8;
}
.product-details-area .products-details-tab .tabs li.current a .dot {
  border: 1px solid #ffffff;
}
.product-details-area .products-details-tab .tabs li.current a .dot::before {
  background: #ffffff;
}
.product-details-area .products-details-tab .tab_content {
  border: 1px solid #eeeeee;
  padding: 30px;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  p {
  margin-bottom: 20px;
  font-size: 14px;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  p:last-child {
  margin-bottom: 0;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .additional-information {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: left;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .additional-information
  li {
  border: 1px solid #eeeeee;
  border-bottom: none;
  padding: 10px 15px;
  color: #57647c;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .additional-information
  li:last-child {
  border-bottom: 1px solid #eeeeee;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .additional-information
  li
  span {
  display: inline-block;
  width: 30%;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  h3 {
  margin-bottom: 15px;
  font-weight: 700;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-title {
  position: relative;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-title
  .rating {
  display: inline-block;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-title
  .rating
  .fas.fa-star {
  color: #ffba0a;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-title
  .rating
  i {
  color: #ffba0a;
  font-size: 14px;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-title
  p {
  margin-bottom: 0;
  display: inline-block;
  padding-left: 5px;
  line-height: initial;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-title
  .btn {
  position: absolute;
  right: 0;
  bottom: 10px;
  padding: 10px 11px;
  font-size: 11px;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-title
  .btn:focus {
  border: none !important;
  box-shadow: none !important;
  border: 4px;
  background-color: #212121;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-comments {
  margin-top: 35px;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-comments
  .review-item {
  margin-top: 30px;
  position: relative;
  padding-right: 200px;
  border-top: 1px dashed #eeeeee;
  padding-top: 30px;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-comments
  .review-item
  .rating
  .fas.fa-star {
  color: #ffba0a;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-comments
  .review-item
  .rating
  i {
  font-size: 14px;
  color: #ffba0a;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-comments
  .review-item
  h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-comments
  .review-item
  span {
  margin-bottom: 10px;
  font-size: 13px;
  display: block;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-comments
  .review-item
  span
  strong {
  font-weight: 600;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-comments
  .review-item
  p {
  margin-bottom: 0;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-comments
  .review-item
  .review-report-link {
  position: absolute;
  right: 0;
  color: #57647c;
  top: 40px;
  text-decoration: underline;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-comments
  .review-item
  .review-report-link:hover {
  color: #ff4800;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-form {
  margin-top: 30px;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-form
  form
  .form-group {
  margin-bottom: 20px;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-form
  form
  .form-group
  label {
  color: #444444;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-form
  form
  .form-group
  textarea {
  padding-top: 15px;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-form
  form
  .form-group
  .form-control {
  font-size: 14px;
}
.product-details-area
  .products-details-tab
  .tab_content
  .tabs_item
  .products-details-tab-content
  .product-review-form
  .review-form
  form
  .btn:focus {
  box-shadow: none;
  border: none;
  border-radius: 0;
}

/*
Blog Details Area Style
=====================================================*/
.news-details-area {
  /*
  Sidebar Widget Area Style
  ================================*/
}
.news-details-area .blog-details-desc .article-image {
  position: relative;
  background-color: #212121;
}
.news-details-area .blog-details-desc .article-content {
  margin-top: 30px;
}
.news-details-area .blog-details-desc .article-content .entry-meta {
  margin-bottom: -10px;
}
.news-details-area .blog-details-desc .article-content .entry-meta ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.news-details-area .blog-details-desc .article-content .entry-meta ul li {
  position: relative;
  display: inline-block;
  color: #1dd3f8;
  margin-right: 21px;
  font-size: 14px;
}
.news-details-area .blog-details-desc .article-content .entry-meta ul li span {
  display: inline-block;
  color: #1dd3f8;
  font-weight: 500;
}
.news-details-area .blog-details-desc .article-content .entry-meta ul li a {
  display: inline-block;
  color: #666666;
  font-size: 13px;
}
.news-details-area
  .blog-details-desc
  .article-content
  .entry-meta
  ul
  li
  a:hover {
  color: #1dd3f8;
}
.news-details-area .blog-details-desc .article-content .entry-meta ul li i {
  color: #1dd3f8;
  margin-right: 2px;
}
.news-details-area
  .blog-details-desc
  .article-content
  .entry-meta
  ul
  li::before {
  content: "";
  position: absolute;
  top: 11px;
  right: -15px;
  width: 6px;
  height: 1px;
  background: #1dd3f8;
}
.news-details-area
  .blog-details-desc
  .article-content
  .entry-meta
  ul
  li:last-child {
  margin-right: 0;
}
.news-details-area
  .blog-details-desc
  .article-content
  .entry-meta
  ul
  li:last-child::before {
  display: none;
}
.news-details-area .blog-details-desc .article-content h3 {
  margin-bottom: 13px;
  margin-top: 25px;
}
.news-details-area
  .blog-details-desc
  .article-content
  .wp-block-gallery.columns-3 {
  padding-left: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.news-details-area
  .blog-details-desc
  .article-content
  .wp-block-gallery.columns-3
  li {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px;
}
.news-details-area
  .blog-details-desc
  .article-content
  .wp-block-gallery.columns-3
  li
  figure {
  margin-bottom: 0;
}
.news-details-area .blog-details-desc .article-footer {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.news-details-area .blog-details-desc .article-footer .article-tags {
  flex: 0 0 50%;
  max-width: 50%;
}
.news-details-area .blog-details-desc .article-footer .article-tags span {
  display: inline-block;
  color: #1dd3f8;
  font-size: 20px;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
.news-details-area .blog-details-desc .article-footer .article-tags a {
  display: inline-block;
  color: #666666;
  font-weight: 600;
}
.news-details-area .blog-details-desc .article-footer .article-tags a:hover {
  color: #1dd3f8;
}
.news-details-area .blog-details-desc .article-footer .article-share {
  flex: 0 0 50%;
  max-width: 50%;
}
.news-details-area .blog-details-desc .article-footer .article-share .social {
  padding-left: 0;
  list-style-type: none;
  text-align: right;
  margin-bottom: 0;
}
.news-details-area
  .blog-details-desc
  .article-footer
  .article-share
  .social
  li {
  display: inline-block;
}
.news-details-area
  .blog-details-desc
  .article-footer
  .article-share
  .social
  li
  span {
  display: inline-block;
  margin-right: 2px;
  font-weight: 500;
  color: #666666;
}
.news-details-area
  .blog-details-desc
  .article-footer
  .article-share
  .social
  li
  a {
  display: block;
  color: #ffffff;
  width: 32px;
  height: 32px;
  line-height: 33px;
  border-radius: 50%;
  background-color: #1dd3f8;
  text-align: center;
  font-size: 14px;
}
.news-details-area
  .blog-details-desc
  .article-footer
  .article-share
  .social
  li
  a:hover {
  animation: rubberBand 1s linear;
}
.news-details-area .blog-details-desc .post-navigation {
  margin-top: 30px;
}
.news-details-area blockquote {
  overflow: hidden;
  background-color: #f7f7f7;
  padding: 50px !important;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  margin-top: 20px;
  border-radius: 4px;
}
.news-details-area blockquote p {
  color: #212121;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 600;
  font-size: 17px !important;
}
.news-details-area blockquote cite {
  display: none;
}
.news-details-area blockquote::before {
  color: #1dd3f8;
  content: "\ed67";
  position: absolute;
  left: 50px;
  top: -50px;
  z-index: -1;
  font-family: "boxicons";
  font-size: 140px;
  font-weight: 900;
  opacity: 0.5;
}
.news-details-area blockquote::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #1dd3f8;
  margin-top: 20px;
  margin-bottom: 20px;
}
.news-details-area .post-navigation {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding-top: 20px;
  padding-bottom: 20px;
}
.news-details-area .post-navigation .navigation-links {
  display: flex;
  flex-wrap: wrap;
}
.news-details-area .post-navigation .navigation-links .nav-previous {
  flex: 0 0 50%;
  max-width: 50%;
}
.news-details-area .post-navigation .navigation-links .nav-previous a i {
  margin-right: 0;
  font-size: 20px;
  position: relative;
  top: 4px;
}
.news-details-area .post-navigation .navigation-links .nav-next {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: right;
}
.news-details-area .post-navigation .navigation-links .nav-next a i {
  margin-left: 0;
  font-size: 20px;
  position: relative;
  top: 4px;
}
.news-details-area .post-navigation .navigation-links div a {
  display: inline-block;
  font-weight: 600;
  color: #212121;
}
.news-details-area .post-navigation .navigation-links div a:hover {
  color: #1dd3f8;
}
.news-details-area .comments-area {
  padding: 25px;
  margin-top: 30px;
  box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
  background-color: #ffffff;
}
.news-details-area .comments-area .comments-title {
  position: relative;
  margin-bottom: 30px;
  line-height: initial;
  font-size: 22px;
}
.news-details-area .comments-area .comments-title::before {
  content: "";
  height: 25px;
  width: 3px;
  left: -25px;
  position: absolute;
  background: #1dd3f8;
  top: 50%;
  transform: translateY(-50%);
}
.news-details-area .comments-area ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.news-details-area .comments-area ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.news-details-area .comments-area .comment-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.news-details-area .comments-area .children {
  margin-left: 40px;
}
.news-details-area .comments-area .comment-body {
  border-bottom: 1px solid #eeeeee;
  padding-left: 65px;
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.news-details-area .comments-area .comment-body .reply {
  margin-top: 15px;
}
.news-details-area .comments-area .comment-body .reply a {
  border: 1px solid #ded9d9;
  color: #212121;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 30px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  font-size: 13px;
  font-weight: 600;
}
.news-details-area .comments-area .comment-body .reply a:hover {
  color: #ffffff;
  background-color: #1dd3f8;
  border-color: #1dd3f8;
}
.news-details-area .comments-area .comment-meta {
  margin-bottom: 0.8em;
}
.news-details-area .comments-area .comment-author {
  font-size: 16px;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}
.news-details-area .comments-area .comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
  border-radius: 50%;
}
.news-details-area .comments-area .comment-author .fn {
  font-weight: 600;
  color: #212121;
  font-size: 14px;
}
.news-details-area .comments-area .comment-author .says {
  display: none;
}
.news-details-area .comments-area .comment-metadata {
  color: #666666;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}
.news-details-area .comments-area .comment-metadata a {
  color: #666666;
  font-size: 11px;
}
.news-details-area .comments-area .comment-metadata a:hover {
  color: #1dd3f8;
}
.news-details-area .comments-area .comment-content p {
  font-size: 14px;
}
.news-details-area .comments-area .comment-respond {
  margin-top: 30px;
}
.news-details-area .comments-area .comment-respond .comment-reply-title {
  margin-bottom: 15px;
  position: relative;
  font-size: 22px;
}
.news-details-area
  .comments-area
  .comment-respond
  .comment-reply-title::before {
  content: "";
  height: 25px;
  width: 3px;
  left: -25px;
  position: absolute;
  background: #1dd3f8;
  top: 50%;
  transform: translateY(-50%);
}
.news-details-area
  .comments-area
  .comment-respond
  .comment-reply-title
  #cancel-comment-reply-link {
  display: inline-block;
}
.news-details-area .comments-area .comment-respond .comment-form {
  overflow: hidden;
}
.news-details-area .comments-area .comment-respond .comment-form-comment {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
.news-details-area .comments-area .comment-respond label {
  display: block;
  font-weight: 500;
  color: #212121;
  margin-bottom: 5px;
}
.news-details-area
  .comments-area
  .comment-respond
  input[type="datetime-local"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  transition: 0.5s;
}
.news-details-area
  .comments-area
  .comment-respond
  input[type="datetime-local"]:focus {
  border-color: #1dd3f8;
}
.news-details-area .comments-area .comment-respond input[type="week"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  transition: 0.5s;
}
.news-details-area .comments-area .comment-respond input[type="week"]:focus {
  border-color: #1dd3f8;
}
.news-details-area .comments-area .comment-respond input[type="month"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  transition: 0.5s;
}
.news-details-area .comments-area .comment-respond input[type="month"]:focus {
  border-color: #1dd3f8;
}
.news-details-area .comments-area .comment-respond input[type="text"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  transition: 0.5s;
}
.news-details-area .comments-area .comment-respond input[type="text"]:focus {
  border-color: #1dd3f8;
}
.news-details-area .comments-area .comment-respond input[type="email"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  transition: 0.5s;
}
.news-details-area .comments-area .comment-respond input[type="email"]:focus {
  border-color: #1dd3f8;
}
.news-details-area .comments-area .comment-respond input[type="url"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  transition: 0.5s;
}
.news-details-area .comments-area .comment-respond input[type="url"]:focus {
  border-color: #1dd3f8;
}
.news-details-area .comments-area .comment-respond input[type="password"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  transition: 0.5s;
}
.news-details-area
  .comments-area
  .comment-respond
  input[type="password"]:focus {
  border-color: #1dd3f8;
}
.news-details-area .comments-area .comment-respond input[type="search"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  transition: 0.5s;
}
.news-details-area .comments-area .comment-respond input[type="search"]:focus {
  border-color: #1dd3f8;
}
.news-details-area .comments-area .comment-respond input[type="tel"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  transition: 0.5s;
}
.news-details-area .comments-area .comment-respond input[type="tel"]:focus {
  border-color: #1dd3f8;
}
.news-details-area .comments-area .comment-respond input[type="number"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  transition: 0.5s;
}
.news-details-area .comments-area .comment-respond input[type="number"]:focus {
  border-color: #1dd3f8;
}
.news-details-area .comments-area .comment-respond textarea {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  transition: 0.5s;
}
.news-details-area .comments-area .comment-respond textarea:focus {
  border-color: #1dd3f8;
}
.news-details-area .comments-area .comment-respond .comment-form-author {
  float: left;
  width: 50%;
  padding-right: 10px;
  margin-bottom: 20px;
}
.news-details-area .comments-area .comment-respond .comment-form-email {
  float: left;
  width: 50%;
  padding-left: 12px;
  margin-bottom: 20px;
}
.news-details-area .comments-area .comment-respond .comment-form-url {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.news-details-area
  .comments-area
  .comment-respond
  .comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}
.news-details-area
  .comments-area
  .comment-respond
  .comment-form-cookies-consent
  input {
  position: absolute;
  left: 0;
  top: 6px;
}
.news-details-area
  .comments-area
  .comment-respond
  .comment-form-cookies-consent
  label {
  display: inline-block;
  margin: 0;
  color: #666666;
  font-weight: normal;
}
.news-details-area .comments-area .comment-respond .form-submit {
  float: left;
  width: 100%;
}
.news-details-area .comments-area .comment-respond .form-submit input {
  background: #1dd3f8;
  border: none;
  color: #ffffff;
  padding: 14px 30px 12px;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  border-radius: 0;
  text-transform: uppercase;
  transition: 0.5s;
  font-weight: 500;
  font-size: 14px;
}
.news-details-area .comments-area .comment-respond .form-submit input:hover {
  color: #ffffff;
  background-color: #212121;
}
.news-details-area .comments-area .comment-respond .form-submit input:focus {
  color: #ffffff;
  background-color: #1dd3f8;
}
.news-details-area .widget-area .widget {
  margin-top: 35px;
  background-color: #ffffff;
  box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
}
.news-details-area .widget-area .widget .post-wrap {
  padding: 30px;
}
.news-details-area .widget-area .widget:first-child {
  margin-top: 0;
}
.news-details-area .widget-area .widget .widget-title {
  text-transform: capitalize;
  position: relative;
  font-size: 20px;
  margin-bottom: 0;
  background-color: #f7f7f7;
  padding: 10px 20px;
  color: #212121;
  position: relative;
}
.news-details-area .widget-area .widget .widget-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #1dd3f8;
}
.news-details-area .widget-area .widget_search form {
  position: relative;
}
.news-details-area .widget-area .widget_search form label {
  display: block;
  margin-bottom: 0;
}
.news-details-area .widget-area .widget_search form .screen-reader-text {
  display: none;
}
.news-details-area .widget-area .widget_search form .search-field {
  background-color: transparent;
  height: 50px;
  padding: 6px 15px;
  border: 1px solid #eeeeee;
  width: 100%;
  display: block;
  outline: 0;
  transition: 0.5s;
}
.news-details-area .widget-area .widget_search form .search-field:focus {
  border-color: #1dd3f8;
}
.news-details-area .widget-area .widget_search form button {
  position: absolute;
  right: 0;
  outline: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  border: none;
  color: #ffffff;
  background-color: #1dd3f8;
  transition: 0.5s;
  cursor: pointer;
}
.news-details-area .widget-area .widget_search form button:hover {
  background-color: #212121;
}
.news-details-area .widget-area .widget-peru-posts-thumb {
  position: relative;
  overflow: hidden;
}
.news-details-area .widget-area .widget-peru-posts-thumb .item {
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #efefef;
}
.news-details-area .widget-area .widget-peru-posts-thumb .item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
.news-details-area .widget-area .widget-peru-posts-thumb .item .thumb {
  float: left;
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 80px;
  margin-right: 15px;
}
.news-details-area
  .widget-area
  .widget-peru-posts-thumb
  .item
  .thumb
  .fullimage {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
  position: relative;
  background-color: #212121;
}
.news-details-area
  .widget-area
  .widget-peru-posts-thumb
  .item
  .thumb
  .fullimage.bg1 {
  background-image: url(../../assets/img/blog-details/popular-posts-1.png);
}
.news-details-area
  .widget-area
  .widget-peru-posts-thumb
  .item
  .thumb
  .fullimage.bg2 {
  background-image: url(../../assets/img/blog-details/popular-posts-2.png);
}
.news-details-area
  .widget-area
  .widget-peru-posts-thumb
  .item
  .thumb
  .fullimage.bg3 {
  background-image: url(../../assets/img/blog-details/popular-posts-3.png);
}
.news-details-area
  .widget-area
  .widget-peru-posts-thumb
  .item
  .thumb
  .fullimage.bg4 {
  background-image: url(../../assets/img/blog-details/popular-posts-4.png);
}
.news-details-area .widget-area .widget-peru-posts-thumb .item .info {
  overflow: hidden;
}
.news-details-area .widget-area .widget-peru-posts-thumb .item .info span {
  display: block;
  color: #666666;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
}
.news-details-area .widget-area .widget-peru-posts-thumb .item .info .title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 600;
}
.news-details-area .widget-area .widget-peru-posts-thumb .item .info .title a {
  display: inline-block;
  color: #474c40;
}
.news-details-area
  .widget-area
  .widget-peru-posts-thumb
  .item
  .info
  .title
  a:hover {
  color: #1dd3f8;
}
.news-details-area .widget-area .widget_recent_entries ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.news-details-area .widget-area .widget_recent_entries ul li {
  position: relative;
  margin-bottom: 12px;
  color: #666666;
  padding-left: 17px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 600;
}
.news-details-area .widget-area .widget_recent_entries ul li:last-child {
  margin-bottom: 0;
}
.news-details-area .widget-area .widget_recent_entries ul li::before {
  background: #1dd3f8;
  position: absolute;
  height: 7px;
  width: 7px;
  content: "";
  left: 0;
  top: 7px;
}
.news-details-area .widget-area .widget_recent_entries ul li .post-date {
  display: block;
  font-size: 13px;
  color: #666666;
  margin-top: 4px;
}
.news-details-area .widget-area .widget_categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.news-details-area .widget-area .widget_categories ul li {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #666666;
  padding-left: 17px;
  font-size: 15px;
  font-weight: 600;
  border-bottom: 1px solid #efefef;
}
.news-details-area .widget-area .widget_categories ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.news-details-area .widget-area .widget_categories ul li::before {
  background: #1dd3f8;
  position: absolute;
  height: 10px;
  width: 10px;
  content: "";
  left: 0;
  top: 8px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.news-details-area .widget-area .widget_categories ul li a {
  display: block;
  color: #666666;
  font-weight: normal;
  font-size: 14px;
}
.news-details-area .widget-area .widget_categories ul li a span {
  float: right;
  font-size: 13px;
}
.news-details-area .widget-area .widget_categories ul li a:hover {
  color: #1dd3f8;
}
.news-details-area .widget-area .widget_categories ul li .post-count {
  float: right;
}
.news-details-area .widget-area .widget_meta ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.news-details-area .widget-area .widget_meta ul li {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #666666;
  padding-left: 17px;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #efefef;
}
.news-details-area .widget-area .widget_meta ul li a {
  color: #4d4d4d;
}
.news-details-area .widget-area .widget_meta ul li a:hover {
  color: #1dd3f8;
}
.news-details-area .widget-area .widget_meta ul li:last-child {
  margin-bottom: 0;
}
.news-details-area .widget-area .widget_meta ul li::before {
  background: #1dd3f8;
  position: absolute;
  height: 10px;
  width: 10px;
  content: "";
  left: 0;
  top: 8px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.news-details-area .widget-area .widget_tag_cloud .widget-title {
  margin-bottom: 0;
}
.news-details-area .widget-area .tagcloud a {
  display: inline-block;
  color: #666666;
  font-weight: normal;
  font-size: 14px !important;
  padding: 7px 10px;
  border: 1px dashed #eeeeee;
  margin-top: 10px;
  margin-right: 10px;
}
.news-details-area .widget-area .tagcloud a:hover {
  background-color: #1dd3f8;
  color: #ffffff;
}
.news-details-area .widget-area .tagcloud a:focus {
  background-color: #1dd3f8;
  color: #ffffff;
  border-color: #1dd3f8;
}
.news-details-area .widget-area .widget_services_list ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
  background-color: #ffffff;
}
.news-details-area .widget-area .widget_services_list ul li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 35px;
  color: #5d6576;
  z-index: 1;
  font-weight: 500;
}
.news-details-area .widget-area .widget_services_list ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #252920;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.news-details-area .widget-area .widget_services_list ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.news-details-area .widget-area .widget_services_list ul li a:hover {
  background-color: #1dd3f8;
  color: #ffffff;
  padding-left: 20px;
}
.news-details-area .widget-area .widget_services_list ul li a:hover::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}
.news-details-area .widget-area .widget_services_list ul li a.active {
  background-color: #1dd3f8;
  color: #ffffff;
  padding-left: 20px;
}
.news-details-area .widget-area .widget_services_list ul li a.active::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}
.news-details-area .widget-area .widget_services_list ul li:last-child a {
  border-bottom: none;
}
.news-details-area .widget-area .widget_download ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
  background-color: #ffffff;
}
.news-details-area .widget-area .widget_download ul li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 35px;
  color: #5d6576;
  z-index: 1;
  font-weight: 500;
}
.news-details-area .widget-area .widget_download ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #252920;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.news-details-area .widget-area .widget_download ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.news-details-area .widget-area .widget_download ul li a:hover {
  background-color: #1dd3f8;
  color: #ffffff;
  padding-left: 20px;
}
.news-details-area .widget-area .widget_download ul li a:hover::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}
.news-details-area .widget-area .widget_download ul li a.active {
  background-color: #1dd3f8;
  color: #ffffff;
  padding-left: 20px;
}
.news-details-area .widget-area .widget_download ul li a.active::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}
.news-details-area .widget-area .widget_download ul li:last-child a {
  border-bottom: none;
}
.news-details-area .widget-area .info time {
  font-size: 13px;
  color: #929292;
  display: block;
  margin-bottom: 4px;
}

/*
Contact Info Area Style 
================================*/
.contact-info-area .single-contact-info {
  text-align: center;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  margin-bottom: 30px;
  padding: 30px;
  transition: all 0.5s;
  border-radius: 4px;
}
.contact-info-area .single-contact-info i {
  display: block;
  color: #1dd3f8;
  transition: all 0.5s;
  font-size: 25px;
  width: 50px;
  height: 50px;
  margin: 0 auto 15px;
  line-height: 50px;
  border: 2px dotted #1dd3f8;
  border-radius: 50%;
}
.contact-info-area .single-contact-info h3 {
  transition: all 0.5s;
}
.contact-info-area .single-contact-info a {
  color: #4d4d4d;
  transition: all 0.5s;
  display: block;
}
.contact-info-area .single-contact-info:hover {
  background-color: #1dd3f8;
}
.contact-info-area .single-contact-info:hover i {
  color: #ffffff;
  border-color: #ffffff;
}
.contact-info-area .single-contact-info:hover h3 {
  color: #ffffff;
}
.contact-info-area .single-contact-info:hover a {
  color: #ffffff;
}

.map-area iframe {
  width: 100%;
  height: 500px;
  border: none;
  border: none !important;
  display: block;
}
.map-area.map-area-hight iframe {
  height: 448px;
}

/*
Main Contact Area Style
=====================================================*/
.main-contact-area .contact-wrap {
  max-width: unset;
}
.main-contact-area .contact-wrap .section-title {
  text-align: center !important;
  max-width: 600px;
}
.main-contact-area .contact-wrap .section-title h2 {
  margin-bottom: 10px;
}
.main-contact-area .contact-wrap .form-group {
  margin-bottom: 30px;
}
.main-contact-area .contact-wrap .default-btn {
  margin: auto;
  display: table;
  cursor: pointer;
}
.main-contact-area .contact-wrap .contact-form {
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 50px;
  border-radius: 4px;
}
.main-contact-area .contact-wrap .contact-form #msgSubmit {
  position: unset;
  text-align: center;
  margin-top: 20px;
}
.main-contact-area .contact-wrap .contact-form .hidden {
  display: none;
}
.main-contact-area .contact-wrap .form-control {
  border-radius: 4px !important;
}

textarea.textarea-hight {
  height: unset !important;
}

/*
Contact Info Area Three Style
=====================================================*/
.contact-info-three .contact-wrap .contact-form {
  padding: 48px;
}

.features-area-inner-style .single-features {
  margin-bottom: 40px;
}

/*
Service Details Area Style
=====================================================*/
.service-sidebar-area .service-details-title {
  background-color: #eeeeee;
  color: #212121;
  padding: 15px 20px;
  margin-bottom: 20px;
}
.service-sidebar-area .service-card {
  margin-bottom: 30px;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}
.service-sidebar-area .service-list ul li {
  border-bottom: 1px dashed #eeeeee;
  padding: 15px 20px;
  font-weight: 500;
  transition: all 0.5s;
}
.service-sidebar-area .service-list ul li:last-child {
  border-bottom: none;
}
.service-sidebar-area .service-list ul li a {
  color: #212121;
  display: block;
}
.service-sidebar-area .service-list ul li i {
  float: right;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #1dd3f8;
  border-radius: 50%;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  transition: all 0.5s;
}
.service-sidebar-area .service-list ul li:hover {
  background-color: #1dd3f8;
  color: #ffffff;
}
.service-sidebar-area .service-list ul li:hover i {
  background-color: #ffffff;
  color: #1dd3f8;
}
.service-sidebar-area .service-list ul li:hover a {
  color: #ffffff;
}
.service-sidebar-area .service-faq .faq-accordion .accordion .accordion-item {
  box-shadow: none;
}
.service-sidebar-area .service-faq .faq-accordion .accordion .accordion-title {
  font-size: 17px;
  font-weight: 600;
}
.service-sidebar-area
  .service-faq
  .faq-accordion
  .accordion
  .accordion-title
  span {
  top: 11px;
}
.service-sidebar-area .paint {
  margin-bottom: 15px;
}

.service-details-wrap .mb-30 {
  margin-bottom: 30px;
}
.service-details-wrap .service-img {
  margin-bottom: 30px;
}
.service-details-wrap h3 {
  margin-bottom: 20px;
}
.service-details-wrap ul {
  margin-top: 30px;
  margin-bottom: 30px;
}
.service-details-wrap ul li {
  display: inline-block;
  font-weight: 600;
  color: #212121;
  font-size: 14px;
  padding-left: 35px;
  position: relative;
}
.service-details-wrap ul li i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-color: #1dd3f8;
  border-radius: 50%;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  position: absolute;
  top: 4px;
  position: absolute;
  top: 0px;
  left: 0;
}
.service-details-wrap ul .paint {
  margin-right: 30px;
}
.service-details-wrap .car-service-list-wrap {
  margin-bottom: 35px;
}
.service-details-wrap .car-service-list-wrap .car-service-list ul {
  margin: 0;
}
.service-details-wrap .car-service-list-wrap .car-service-list ul li {
  margin-bottom: 15px;
  font-size: 13px;
}
.service-details-wrap
  .car-service-list-wrap
  .car-service-list
  ul
  li:last-child {
  margin-bottom: 0;
}
.service-details-wrap .list-unstyled {
  margin: 0;
}
.service-details-wrap .list-unstyled li {
  color: #dc3545;
  padding-left: 0 !important;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
}
.service-details-wrap #msgSubmit {
  top: 60px;
  left: 0;
  right: 0;
  text-align: center;
}

.single-privacy {
  max-width: 1020px;
  margin: auto;
} /*# sourceMappingURL=style.css.map */

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: "";
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.container-t {
  padding: 10px 40px;
  position: relative;
  width: 50%;
}

/* The circles on the timeline */
.container-t::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: white;
  border: 4px solid #0315f2;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #ffffff;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #ffffff;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 31px;
  border: medium solid #ffffff;
  border-width: 10px 10px 10px 0;
  border-color: transparent #ffffff transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -12px;
}

/* The actual content */
.content {
  padding: 20px 30px;
  background-color: #ffffff;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
    left: 31px;
  }

  /* Full-width containers */
  .container-t {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

  /* Make sure that all arrows are pointing leftwards */
  .container-t::before {
    left: 62px;
    border: medium solid #ffffff;
    border-width: 10px 10px 10px 0;
    border-color: transparent #ffffff transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .left::after,
  .right::after {
    left: 7px;
  }

  /* Make all right containers behave like the left ones */
  .right {
    left: 0%;
  }
}

@media screen and (max-width: 600px) {
  .main-banner-area .banner-text .logo-box {
    width: 40vh;
    margin-bottom: 15px;
  }
}