/*
@File: Aoriv 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 Style
** - Pre Loader style
** - Default Btn Style
** - Section Title Style
** - Navbar Style
** - Search Modal Style
** - Preloader Style
** - Page Banner Style
** - Banner Style
** - About Style
** - Team Style
** - Blog Style
** - Choose Style
** - Robotic Style
** - Testimonial Style
** - Partner Style
** - Services Style
** - Portfolio Style
** - Faq Style
** - Contact Style
** - Footer Style
*******************************************
*/
:root {
  --headingFont: "Exo 2", sans-serif;
  --bodyFont: "Inter", sans-serif;
  --headingColor: #ffffff;
  --gradientColor: linear-gradient(90deg, #5c00e5 0%, #59ebfd 100%);
  --gradientColorTwo: linear-gradient(90deg, #f6ae64 0%, #59c09d 100%);
  --mainColorOne: #59ebfd;
  --mainColorTwo: #f6ae64;
  --mainColorThree: #01c982;
  --mainColorFour: #D7004E;
  --secondaryColorOne: #5c00e5;
  --secondaryColorTwo: #59c09d;
  --secondaryColorThree: #457be8;
  --paragraphColor: #aaa8b1;
  --paragraphColorTwo: #364046;
  --blackColor: #060A14;
  --fontSize: 17px;
  --transition: all ease .5s;
}

/*Default-style
======================================================*/
body {
  color: var(--paragraphColor);
  font-family: var(--bodyFont);
  font-size: var(--fontSize);
  background-color: var(--blackColor);
  font-weight: 400;
}

img {
  max-width: 100%;
}

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

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

.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;
}

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

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

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

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

h1, h2, h3, h4, h5, h6 {
  color: var(--headingColor);
  font-family: var(--headingFont);
  font-weight: 700;
  line-height: 1.18;
}

p {
  margin-bottom: 15px;
  line-height: 1.7;
}
p:last-child {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

.owl-nav {
  margin-top: 0 !important;
}

.owl-dots {
  margin-top: 0 !important;
}

.form-control {
  height: 52px;
  border-radius: 5px;
  border: 1px solid #f1f1f1;
  padding-left: 15px;
  background-color: #f1f1f1;
  color: var(--paragraphColor);
}
.form-control::-moz-placeholder {
  color: var(--paragraphColor);
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.form-control::placeholder {
  color: var(--paragraphColor);
  transition: var(--transition);
}
.form-control:focus {
  border: 1px solid var(--mainColorOne);
  box-shadow: none;
}
.form-control:focus::-moz-placeholder {
  color: transparent;
}
.form-control:focus::placeholder {
  color: transparent;
}

textarea {
  height: auto !important;
}

.container-fluid {
  max-width: 1680px;
  padding-left: 30px;
  padding-right: 30px;
}

/*Default-btn
======================================================*/
.default-btn {
  color: var(--headingColor);
  padding: 16px 42px;
  position: relative;
  text-align: center;
  transition: var(--transition);
  display: inline-block;
  border-radius: 5px;
  border: unset;
  z-index: 1;
  overflow: hidden;
  background-color: var(--secondaryColorOne);
}
.default-btn:hover {
  background-color: var(--mainColorOne);
}
.default-btn.style2 {
  background-color: var(--mainColorOne);
  color: var(--blackColor);
}
.default-btn.style2:hover {
  background-color: var(--secondaryColorOne);
}
.default-btn.style3 {
  background-color: transparent;
  border: 1px solid var(--secondaryColorOne);
}
.default-btn.style3:hover {
  background-color: var(--secondaryColorOne);
}
.default-btn.style4 {
  background-color: var(--mainColorTwo);
  color: var(--blackColor);
}
.default-btn.style4:hover {
  background-color: var(--secondaryColorTwo);
}
.default-btn.style5 {
  background-color: var(--mainColorThree);
  color: var(--blackColor);
}
.default-btn.style5:hover {
  background-color: var(--secondaryColorThree);
}
.default-btn.style6 {
  background-color: var(--mainColorFour);
  color: var(--headingColor);
}
.default-btn.style6:hover {
  background-color: var(--secondaryColorThree);
}

/*Section Title Style
======================================================*/
.section-title {
  max-width: 750px;
  margin: auto auto 35px auto;
  text-align: center;
}
.section-title h2 {
  font-size: 48px;
  position: relative;
  margin-bottom: 0;
}
.section-title h2 span {
  background: var(--gradientColor);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section-title p {
  margin-top: 20px;
}
.section-title.text-start {
  margin: auto auto 35px 0;
  text-align: start;
}
.section-title.style2 h2 span {
  background: var(--gradientColorTwo);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section-title.style3 h2 {
  color: var(--blackColor);
  font-weight: 500;
}
.section-title.style3 h2 span {
  background: var(--blackColor);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.section-title.style3 p {
  color: var(--paragraphColorTwo);
}
.section-title.style3.white-color h2 {
  color: var(--headingColor);
}
.section-title.style3.white-color h2 span {
  background: var(--headingColor);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

.title-and-content {
  margin-bottom: 20px;
}
.title-and-content.style2 .title-content p {
  color: var(--paragraphColorTwo);
}

/*
Navbar Area Style
======================================================*/
.navbar-area {
  background-color: var(--blackColor);
  z-index: 999;
  padding-top: 18px;
  padding-bottom: 18px;
}
.navbar-area.is-sticky {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: var(--blackColor);
  position: sticky !important;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}
.navbar-area.is-sticky.aoriv-hide-adminbar {
  top: 32px;
}
.navbar-area .container-fluid {
  max-width: 1680px;
  padding-left: 30px;
  padding-right: 30px;
  margin: auto;
}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item a {
  color: var(--headingColor);
}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item a:hover, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item a:focus, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item a.active {
  color: var(--mainColorTwo);
}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item a:hover.dropdown-icon::before, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item a:focus.dropdown-icon::before, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item a.active.dropdown-icon::before {
  -webkit-text-fill-color: var(--mainColorTwo);
  color: var(--mainColorTwo);
}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item:hover a, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item:focus a, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--mainColorTwo);
}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item:hover a.dropdown-icon::before, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item:focus a.dropdown-icon::before, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item.active a.dropdown-icon::before {
  -webkit-text-fill-color: var(--mainColorTwo);
  color: var(--mainColorTwo);
}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: var(--headingColor);
}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover a, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:focus a, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--mainColorTwo);
}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover a.dropdown-icon::before, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:focus a.dropdown-icon::before, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a.dropdown-icon::before {
  color: var(--mainColorTwo);
}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: var(--headingColor);
}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover a, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:focus a, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColorTwo);
}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover a.dropdown-icon::before, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:focus a.dropdown-icon::before, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a.dropdown-icon::before {
  color: var(--mainColorTwo);
}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColorTwo);
}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--mainColorTwo);
}
.navbar-area.style2 .desktop-nav .navbar .others-options .option-item .search-btn a:hover {
  color: var(--mainColorTwo);
}
.navbar-area.style2 .desktop-nav .navbar .others-options .option-item .sidebar-menu:hover {
  color: var(--mainColorTwo);
}
.navbar-area.style3 {
  background-color: var(--headingColor);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item a {
  color: var(--blackColor);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-icon::before {
  color: var(--blackColor) !important;
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item a:hover, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item a:focus, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item a.active {
  color: var(--secondaryColorThree);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item a:hover.dropdown-icon::before, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item a:focus.dropdown-icon::before, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item a.active.dropdown-icon::before {
  -webkit-text-fill-color: var(--secondaryColorThree);
  color: var(--secondaryColorThree);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item:hover a, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item:focus a, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--secondaryColorThree);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item:hover a.dropdown-icon::before, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item:focus a.dropdown-icon::before, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item.active a.dropdown-icon::before {
  -webkit-text-fill-color: var(--secondaryColorThree);
  color: var(--secondaryColorThree);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  background-color: var(--headingColor);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: var(--blackColor);
  border-bottom: 1px dashed rgba(88, 86, 86, 0.1);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-icon::before {
  color: var(--blackColor);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover a, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:focus a, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--secondaryColorThree);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover a.dropdown-icon::before, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:focus a.dropdown-icon::before, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a.dropdown-icon::before {
  color: var(--secondaryColorThree);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: var(--blackColor);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover a, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:focus a, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: var(--secondaryColorThree);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover a.dropdown-icon::before, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:focus a.dropdown-icon::before, .navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a.dropdown-icon::before {
  color: var(--secondaryColorThree);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: var(--secondaryColorThree);
}
.navbar-area.style3 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--secondaryColorThree);
}
.navbar-area.style3 .desktop-nav .navbar .others-options .option-item .search-btn a {
  color: var(--blackColor);
}
.navbar-area.style3 .desktop-nav .navbar .others-options .option-item .search-btn a:hover {
  color: var(--secondaryColorThree);
}
.navbar-area.style3 .desktop-nav .navbar .others-options .option-item .sidebar-menu {
  color: var(--blackColor);
}
.navbar-area.style3 .desktop-nav .navbar .others-options .option-item .sidebar-menu:hover {
  color: var(--secondaryColorThree);
}

.navbar-brand {
  margin-right: 40px;
}

.desktop-nav .navbar {
  transition: all ease 0.5s;
  z-index: 2;
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.desktop-nav .navbar .navbar-brand {
  margin-right: 60px;
}
.desktop-nav .navbar ul {
  margin-bottom: 0;
  list-style-type: none;
}
.desktop-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-right: 0;
  padding-left: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item a {
  font-size: 16px;
  color: var(--headingColor);
  line-height: 1;
  position: relative;
  font-weight: 500;
  padding-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-left: 22px;
  margin-right: 22px;
}
.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-icon {
  padding-right: 16px;
}
.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-icon::before {
  content: "\f107";
  position: absolute;
  top: 2px;
  right: 0;
  font-family: "Font Awesome 6 Free";
  line-height: 1;
  font-weight: 600;
  font-size: 14px;
  opacity: 0.8;
  transition: var(--transition);
  color: var(--headingColor) !important;
}
.desktop-nav .navbar .navbar-nav .nav-item a:hover, .desktop-nav .navbar .navbar-nav .nav-item a:focus, .desktop-nav .navbar .navbar-nav .nav-item a.active {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item a:hover.dropdown-icon::before, .desktop-nav .navbar .navbar-nav .nav-item a:focus.dropdown-icon::before, .desktop-nav .navbar .navbar-nav .nav-item a.active.dropdown-icon::before {
  -webkit-text-fill-color: var(--mainColorOne);
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item:hover::before, .desktop-nav .navbar .navbar-nav .nav-item:focus::before, .desktop-nav .navbar .navbar-nav .nav-item.active::before {
  opacity: 1;
}
.desktop-nav .navbar .navbar-nav .nav-item:hover a, .desktop-nav .navbar .navbar-nav .nav-item:focus a, .desktop-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item:hover a.dropdown-icon::before, .desktop-nav .navbar .navbar-nav .nav-item:focus a.dropdown-icon::before, .desktop-nav .navbar .navbar-nav .nav-item.active a.dropdown-icon::before {
  -webkit-text-fill-color: var(--mainColorOne);
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
  background: #121320;
  position: absolute;
  visibility: hidden;
  border-radius: 0;
  display: block;
  width: 250px;
  border: none;
  z-index: 99;
  opacity: 0;
  top: 80px;
  left: 0;
  padding: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: var(--headingColor);
  padding: 15px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: block;
  white-space: unset;
  position: relative;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-icon::before {
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  position: absolute;
  top: 14px;
  right: 13px;
  line-height: 1;
  font-size: 14px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover::before, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:focus::before, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active::before {
  opacity: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover a, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:focus a, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--mainColorOne);
  background-color: var(--blackColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover a.dropdown-icon::before, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:focus a.dropdown-icon::before, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a.dropdown-icon::before {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  right: 250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: var(--mainColorOne);
  border-bottom: 1px dashed #ededed;
  font-size: 16px;
  font-weight: 500;
  white-space: unset;
  line-height: 1;
  position: relative;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::after {
  display: none;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::before {
  content: "\ea12";
  position: absolute;
  top: 14px;
  right: 13px;
  font-family: remixicon !important;
  line-height: 1;
  font-size: 17px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover::before, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:focus::before, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active::before {
  opacity: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover a, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:focus a, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover a.dropdown-icon::before, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:focus a.dropdown-icon::before, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a.dropdown-icon::before {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: 250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: -250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: -250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: -250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: -250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: var(--headingColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -1px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  top: -1px;
  visibility: visible;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  top: -15px;
  visibility: visible;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
  border-bottom: none;
}
.desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  top: 100%;
  opacity: 1;
  margin-top: 16px;
  transform: translateY(1);
  visibility: visible;
}
.desktop-nav .navbar .others-options {
  padding-left: 35px;
  margin-left: 40px;
  position: relative;
  top: 3px;
}
.desktop-nav .navbar .others-options .option-item {
  display: inline-block;
  margin-right: 25px;
}
.desktop-nav .navbar .others-options .option-item:last-child {
  margin-right: 0;
}
.desktop-nav .navbar .others-options .option-item .search-btn {
  background-color: unset;
  border: unset;
  font-size: 18px;
  position: relative;
  top: 1px;
  display: inline-block;
}
.desktop-nav .navbar .others-options .option-item .search-btn a {
  color: var(--headingColor);
  transition: var(--transition);
}
.desktop-nav .navbar .others-options .option-item .search-btn a:hover {
  color: var(--mainColorOne);
}
.desktop-nav .navbar .others-options .option-item .search-btn::before {
  position: absolute;
  content: "";
  height: 25px;
  width: 1px;
  background: rgba(255, 255, 255, 0.2);
  left: -32px;
  top: 50%;
  transform: translateY(-50%);
}
.desktop-nav .navbar .others-options .option-item .sidebar-menu {
  color: var(--headingColor);
  transition: var(--transition);
}
.desktop-nav .navbar .others-options .option-item .sidebar-menu:hover {
  color: var(--mainColorOne);
}

.top-header-area {
  padding-top: 15px;
  padding-bottom: 15px;
}
.top-header-area .top-header-social-list {
  padding-left: 0;
  margin-bottom: 0;
}
.top-header-area .top-header-social-list li {
  display: inline-block;
  margin-right: 25px;
}
.top-header-area .top-header-social-list li:last-child {
  margin-right: 0;
}
.top-header-area .top-header-social-list li a {
  color: var(--headingColor);
  transition: var(--transition);
}
.top-header-area .top-header-social-list li a:hover {
  color: var(--mainColorThree);
}
.top-header-area .top-header-social-list li a i {
  color: var(--mainColorThree);
  position: relative;
  top: 1px;
  margin-right: 2px;
}
.top-header-area .top-header-right-content {
  text-align: end;
}
.top-header-area .top-header-right-content ul {
  padding-left: 0;
  margin-bottom: 0;
}
.top-header-area .top-header-right-content ul li {
  display: inline-block;
  margin-right: 40px;
  position: relative;
}
.top-header-area .top-header-right-content ul li::before {
  position: absolute;
  content: "|";
  right: -26px;
  top: 2px;
  color: var(--headingColor);
}
.top-header-area .top-header-right-content ul li a {
  color: var(--headingColor);
  transition: var(--transition);
}
.top-header-area .top-header-right-content ul li a:hover {
  color: var(--mainColorThree);
}
.top-header-area .top-header-right-content ul li:last-child {
  margin-right: 0;
}
.top-header-area .top-header-right-content ul li:last-child::before {
  display: none;
}

/*
Search Modal Style CSS
======================================================*/
.searchmodal .modal-dialog {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0;
  display: table;
}
.searchmodal .modal-content {
  height: 100%;
  border-radius: 0;
  border: none;
  display: table-cell;
  vertical-align: middle;
  background-color: #1c253d;
  opacity: 0.77;
}
.searchmodal .modal-body {
  max-width: 700px;
  margin: auto;
  padding: 0;
}
.searchmodal .modal-header {
  border: none;
}
.searchmodal .modal-header button {
  position: relative;
}
.searchmodal .modal-header button.close {
  position: absolute;
  right: 25px;
  top: 25px;
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 55px;
  background-color: transparent;
  border-radius: 50px;
  color: var(--headingColor);
  border: none;
  font-size: 35px;
  transition: var(--transition);
}
.searchmodal .modal-header button.close i {
  position: relative;
  top: -4px;
  left: 0;
}
.searchmodal .modal-header button.close:hover, .searchmodal .modal-header button.close:focus {
  color: var(--mainColorOne);
}

.modal-search-form {
  position: relative;
}
.modal-search-form .search-field {
  background-color: transparent;
  height: 60px;
  padding: 8px 15px;
  border: 1px solid #484848;
  width: 100%;
  display: block;
  outline: 0;
  transition: var(--transition);
  border-radius: 10px;
  color: var(--headingColor);
}
.modal-search-form .search-field::-moz-placeholder {
  color: var(--headingColor);
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.modal-search-form .search-field::placeholder {
  color: var(--headingColor);
  transition: var(--transition);
}
.modal-search-form .search-field:focus {
  border-color: var(--mainColorOne);
}
.modal-search-form .search-field:focus::-moz-placeholder {
  color: transparent;
}
.modal-search-form .search-field:focus::placeholder {
  color: transparent;
}
.modal-search-form button {
  border: none;
  background-color: #eeeeee;
  color: var(--mainColorOne);
  height: 40px;
  width: 40px;
  position: absolute;
  right: 10px;
  padding: 0;
  transition: var(--transition);
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  border-radius: 5px;
  cursor: pointer;
}
.modal-search-form button i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.modal-search-form button:hover, .modal-search-form button:focus {
  background-color: var(--mainColorOne);
  color: var(--headingColor);
}

.offcanvas.sidebar-modal {
  background-color: #121320 !important;
  padding: 30px;
  width: 420px;
}
.offcanvas.sidebar-modal .offcanvas-header {
  padding: 100px 0 20px 0;
}
.offcanvas.sidebar-modal .btn-close {
  font-size: 24px;
  height: 40px;
  width: 40px;
  border-radius: 10px;
  line-height: 40px;
  text-align: center;
  background-image: unset;
  background-color: transparent;
  border: 1px solid var(--paragraphColorTwo);
  position: relative;
  top: -60px;
  right: 15px;
  opacity: 1;
  transition: var(--transition);
  color: var(--paragraphColor);
}
.offcanvas.sidebar-modal .btn-close i {
  color: var(--headingColor);
}
.offcanvas.sidebar-modal .btn-close:hover {
  background-color: var(--mainColorOne);
  color: var(--headingColor);
}
.offcanvas.sidebar-modal .about-content p {
  color: var(--paragraphColor);
  margin-bottom: 20px;
}
.offcanvas.sidebar-modal .about-content .author-info {
  margin-top: 20px;
  margin-bottom: 40px;
}
.offcanvas.sidebar-modal .about-content .author-info .content {
  margin-right: 60px;
  position: relative;
}
.offcanvas.sidebar-modal .about-content .author-info .content::before {
  position: absolute;
  content: "";
  height: 38px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  right: -30px;
  top: 10px;
}
.offcanvas.sidebar-modal .about-content .author-info .content h4 {
  font-size: 18px;
  margin-bottom: 5px;
}
.offcanvas.sidebar-modal .about-content .author-info .content span {
  color: var(--paragraphColor);
  font-size: 16px;
}
.offcanvas.sidebar-modal .contact-info h3 {
  font-size: 24px;
  position: relative;
  margin-bottom: 30px;
}
.offcanvas.sidebar-modal .contact-info h3::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 80px;
  background-color: var(--secondaryColorOne);
  left: 0;
  bottom: -8px;
}
.offcanvas.sidebar-modal .contact-info .info {
  padding-left: 0;
  margin-bottom: 0;
}
.offcanvas.sidebar-modal .contact-info .info li {
  list-style-type: none;
  margin-bottom: 23px;
}
.offcanvas.sidebar-modal .contact-info .info li h4 {
  font-size: 17px;
  margin-bottom: 8px;
}
.offcanvas.sidebar-modal .contact-info .info li a {
  transition: var(--transition);
}
.offcanvas.sidebar-modal .contact-info .info li a:hover {
  color: var(--mainColorOne);
}
.offcanvas.sidebar-modal .contact-info .info li span {
  color: var(--headingColor);
}
.offcanvas.sidebar-modal .contact-info .social-links {
  padding-left: 0;
  margin-bottom: 0;
}
.offcanvas.sidebar-modal .contact-info .social-links li {
  display: inline-block;
  margin-right: 10px;
}
.offcanvas.sidebar-modal .contact-info .social-links li:last-child {
  margin-right: 0;
}
.offcanvas.sidebar-modal .contact-info .social-links li a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  display: inline-block;
  border: 1px solid var(--paragraphColorTwo);
  color: var(--mainColorOne);
  transition: var(--transition);
}
.offcanvas.sidebar-modal .contact-info .social-links li a:hover {
  background-color: var(--mainColorOne);
  color: var(--headingColor);
}

/*
Others Option For Responsive Area Style
======================================================*/
.others-option-for-responsive {
  display: none !important;
}
.others-option-for-responsive .dot-menu {
  padding: 0 10px;
  height: 30px;
  cursor: pointer;
  z-index: 999;
  position: absolute;
  right: 60px;
  top: -40px;
}
.others-option-for-responsive .dot-menu .inner {
  display: flex;
  align-items: center;
  height: 30px;
}
.others-option-for-responsive .dot-menu .inner .circle {
  height: 5px;
  width: 5px;
  border-radius: 100%;
  margin: 0 2px;
  transition: all ease 0.5s;
  background-color: var(--mainColorOne);
}
.others-option-for-responsive .dot-menu:hover .inner .circle {
  background-color: var(--mainColorOne);
}
.others-option-for-responsive .container {
  position: relative;
}
.others-option-for-responsive .container .container {
  position: absolute;
  right: -2px;
  top: 18px;
  max-width: 260px;
  box-shadow: 0px 4px 25px rgba(79, 139, 173, 0.15);
  margin-left: auto;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
  transform: scaleY(0);
  z-index: 2;
  padding-left: 15px;
  padding-right: 15px;
}
.others-option-for-responsive .container .container.active {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.others-option-for-responsive .others-options {
  padding: 10px;
  background-color: #121320;
  text-align: center;
}
.others-option-for-responsive .others-options .option-item {
  margin-right: 20px;
}
.others-option-for-responsive .others-options .option-item:last-child {
  margin-right: 0;
}
.others-option-for-responsive .others-options .option-item .search-btn {
  background-color: unset;
  border: unset;
  font-size: 18px;
  position: relative;
  display: inline-block;
}
.others-option-for-responsive .others-options .option-item .search-btn a {
  color: var(--headingColor);
  transition: var(--transition);
}
.others-option-for-responsive .others-options .option-item .search-btn a:hover {
  color: var(--mainColorOne);
}
.others-option-for-responsive .others-options .option-item .sidebar-menu {
  color: var(--headingColor);
}

.mobile-responsive-nav {
  display: none;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes ripple {
  0% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.75);
    opacity: 0.6;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes movebounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(40px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes movebounce2 {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(30px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes rotateme {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@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%;
  }
}
/*
Preloader Area Style*/
.preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: var(--headingColor);
  top: 0;
  left: 0;
  z-index: 99999;
}
.preloader .lds-ripple {
  position: absolute;
  width: 80px;
  height: 80px;
  animation: spin-six 2.5s infinite cubic-bezier(0.17, 0.72, 0.55, 1.66);
  left: 50%;
  top: 50%;
  transform: translate(-40px, -50px);
}
.preloader .preloader-container {
  width: 80px;
  height: 80px;
}
.preloader .petal {
  position: absolute;
  width: 30%;
  height: 50%;
  bottom: 50%;
  left: 50%;
  transform-origin: bottom center;
  border-radius: 50%;
  z-index: 2;
}
.preloader .petal::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0%;
  left: 0%;
  transform-origin: bottom center;
  border-radius: 50%;
  background: var(--gradientColor);
  z-index: 2;
  animation: opacity-nine 0.8s infinite linear;
  opacity: 1;
  border-left: 1px solid var(--headingColor);
}
.preloader .petal:nth-of-type(6) {
  transform: translate(-50%, 0%) rotate(225deg);
}
.preloader .petal:nth-of-type(6)::before {
  background-color: transparent;
  animation-delay: 0.5s;
}
.preloader .petal:nth-of-type(7) {
  transform: translate(-50%, 0%) rotate(270deg);
}
.preloader .petal:nth-of-type(7)::before {
  background-color: transparent;
  animation-delay: 0.6s;
}
.preloader .petal:nth-of-type(8) {
  transform: translate(-50%, 0%) rotate(315deg);
}
.preloader .petal:nth-of-type(8)::before {
  background-color: transparent;
  animation-delay: 0.7s;
}
.preloader .petal:nth-of-type(1) {
  transform: translate(-50%, 0%);
}
.preloader .petal:nth-of-type(1)::before {
  animation-delay: 0s;
}
.preloader .petal:nth-of-type(2) {
  transform: translate(-50%, 0%) rotate(45deg);
}
.preloader .petal:nth-of-type(2)::before {
  animation-delay: 0.1s;
}
.preloader .petal:nth-of-type(3) {
  transform: translate(-50%, 0%) rotate(90deg);
}
.preloader .petal:nth-of-type(3)::before {
  animation-delay: 0.2s;
}
.preloader .petal:nth-of-type(4) {
  transform: translate(-50%, 0%) rotate(135deg);
}
.preloader .petal:nth-of-type(4)::before {
  animation-delay: 0.3s;
}
.preloader .petal:nth-of-type(5) {
  transform: translate(-50%, 0%) rotate(180deg);
}
.preloader .petal:nth-of-type(5)::before {
  animation-delay: 0.4s;
}
.preloader .petal-1 {
  position: absolute;
  width: 30%;
  height: 50%;
  bottom: 50%;
  left: 50%;
  transform-origin: bottom center;
  border-radius: 50%;
  z-index: -1;
}
.preloader .petal-1::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0%;
  left: 0%;
  transform-origin: bottom center;
  border-radius: 50%;
  background: var(--gradientcolor);
  z-index: 2;
  animation: opacity-nine 0.8s infinite linear;
  opacity: 1;
}
.preloader .petal-1:nth-of-type(9) {
  transform: translate(-50%, 0%) rotate(225deg);
}
.preloader .petal-1:nth-of-type(9)::before {
  animation-delay: 0.5s;
}
.preloader .petal-1:nth-of-type(10) {
  transform: translate(-50%, 0%) rotate(270deg);
}
.preloader .petal-1:nth-of-type(10)::before {
  animation-delay: 0.6s;
}
.preloader .petal-1:nth-of-type(11) {
  transform: translate(-50%, 0%) rotate(315deg);
}
.preloader .petal-1:nth-of-type(11)::before {
  animation-delay: 0.7s;
}
.preloader .ball {
  position: absolute;
  width: 28%;
  height: 28%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid var(--headingColor);
  background: var(--gradientcolor);
  z-index: 3;
}
.preloader.preloader-deactivate {
  visibility: hidden;
}
.preloader.preloader-img img {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}
.preloader .text-center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}

@keyframes opacity-nine {
  0% {
    opacity: 1;
  }
  95% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.2;
  }
}
/* --------------------------------------
Go Top CSS
-----------------------------------------*/
.go-top {
  position: fixed;
  cursor: pointer;
  bottom: -55px;
  right: 20px;
  color: var(--white-color);
  background-color: var(--main-color);
  z-index: 4;
  width: 45px;
  text-align: center;
  height: 45px;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  font-size: 22px;
  transition: var(--transition);
  overflow: hidden;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}
.go-top i {
  position: absolute;
  right: 0;
  left: 0;
  top: 45%;
  transform: translateY(-45%);
  text-align: center;
  font-size: 20px;
  margin-left: auto;
  margin-right: auto;
}
.go-top.active {
  opacity: 1;
  visibility: visible;
  bottom: 22px;
}
.go-top:hover {
  background-color: var(--main-color);
  color: var(--white-color);
  transition: var(--transition);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  transform: translateY(-5px);
}

/*
Page Banner Area Style
======================================================*/
.page-banner-area {
  background-color: #121320;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 180px;
  padding-bottom: 180px;
  position: relative;
  z-index: 1;
}
.page-banner-area::before {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, rgba(6, 10, 20, 0.3) 0%, rgba(6, 10, 20, 0.8) 35.42%, rgba(6, 10, 20, 0.8) 64.06%, rgba(6, 10, 20, 0) 85.42%);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

.page-banner-content h2, .page-banner-content h3 {
  font-size: 48px;
  margin-bottom: 10px;
  color: var(--headingColor);
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.page-banner-content ul {
  padding-left: 0;
  margin-bottom: 0;
}
.page-banner-content ul li {
  display: inline-block;
  margin-right: 25px;
  color: var(--headingColor);
  font-weight: 500;
  position: relative;
}
.page-banner-content ul li::before {
  position: absolute;
  color: var(--paragraphColor);
  content: "|";
  font-weight: 600;
  right: -18px;
  font-size: 14px;
  top: 2px;
}
.page-banner-content ul li:last-child {
  margin-right: 0;
}
.page-banner-content ul li:last-child::before {
  display: none;
}
.page-banner-content ul li a {
  color: var(--paragraphColor);
  transition: var(--transition);
}
.page-banner-content ul li a:hover {
  color: var(--mainColorOne);
}

/*
Banner Area Style
======================================================*/
.banner-area {
  padding-top: 195px;
  padding-bottom: 50px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}
.banner-area::before {
  position: absolute;
  content: "";
  background: rgba(6, 10, 20, 0.8);
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.banner-area .banner-image {
  position: absolute;
  right: 0;
  top: 0;
}

.banner-content {
  max-width: 800px;
  padding-bottom: 140px;
  z-index: 2;
  position: relative;
}
.banner-content h2 {
  font-size: 96px;
  margin-bottom: 20px;
}
.banner-content h2 span {
  background: var(--gradientColor);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner-content p {
  font-size: 17px;
  margin-bottom: 30px;
}

.banner-overly {
  position: relative;
}
.banner-overly .video-content {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.banner-overly .video-content .video-btn .icon {
  height: 75px;
  width: 75px;
  border-radius: 100%;
  background-color: var(--headingColor);
  line-height: 75px;
  font-size: 24px;
  color: var(--secondaryColorOne);
  text-align: center;
  margin-right: 8px;
  position: relative;
  transition: var(--transition);
}
.banner-overly .video-content .video-btn .icon::before {
  position: absolute;
  content: "";
  background-color: rgba(255, 255, 255, 0.1);
  top: -10px;
  bottom: -10px;
  right: -10px;
  left: -10px;
  border-radius: 100%;
  animation: ripple 4s linear infinite;
}
.banner-overly .video-content .video-btn .icon::after {
  position: absolute;
  content: "";
  background-color: rgba(255, 255, 255, 0.1);
  top: -10px;
  bottom: -10px;
  right: -10px;
  left: -10px;
  border-radius: 100%;
  animation: ripple 6s linear infinite;
}
.banner-overly .video-content .video-btn .icon i {
  position: relative;
  left: 2px;
}
.banner-overly .video-content .video-btn span {
  font-size: 24px;
  font-weight: 700;
  color: var(--headingColor);
  transition: var(--transition);
}
.banner-overly .video-content .video-btn:hover .icon {
  background-color: var(--secondaryColorOne);
  color: var(--headingColor);
}
.banner-overly .video-content .video-btn:hover span {
  color: var(--secondaryColorOne);
}
.banner-overly .social-link {
  transform: rotate(-90deg);
  position: absolute;
  right: -260px;
  top: 220px;
  z-index: 2;
}
.banner-overly .social-link li {
  display: inline-block;
  margin-right: 20px;
}
.banner-overly .social-link li a {
  color: var(--headingColor);
  transition: var(--transition);
}
.banner-overly .social-link li a:hover {
  color: var(--mainColorOne);
}

/*
Banner Two Area Style
======================================================*/
.banner-area-two {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 240px;
  padding-bottom: 50px;
  overflow: hidden;
}
.banner-area-two .content {
  max-width: 730px;
  position: absolute;
  background-color: rgba(6, 10, 20, 0.5);
  padding: 75px 150px 40px 85px;
  border-radius: 100px 0 0 0;
  bottom: 0;
  right: 0;
}
.banner-area-two .content p {
  font-size: 24px;
  color: var(--headingColor);
}

.banner-overly-two {
  position: relative;
}
.banner-overly-two .social-link {
  padding-left: 0;
  margin-bottom: 0;
}
.banner-overly-two .social-link li {
  display: inline-block;
  margin-right: 30px;
}
.banner-overly-two .social-link li a {
  color: var(--headingColor);
  transition: var(--transition);
}
.banner-overly-two .social-link li a i {
  position: relative;
  top: 2px;
}
.banner-overly-two .social-link li a:hover {
  color: var(--mainColorTwo);
}
.banner-overly-two .contact-info {
  transform: rotate(-90deg);
  position: absolute;
  right: -250px;
  top: 190px;
  z-index: 2;
}
.banner-overly-two .contact-info li {
  display: inline-block;
  margin-right: 40px;
  position: relative;
}
.banner-overly-two .contact-info li::before {
  position: absolute;
  content: "|";
  right: -25px;
  color: var(--headingColor);
}
.banner-overly-two .contact-info li:last-child {
  margin-right: 0;
}
.banner-overly-two .contact-info li:last-child::before {
  display: none;
}
.banner-overly-two .contact-info li a {
  color: var(--headingColor);
  transition: var(--transition);
}
.banner-overly-two .contact-info li a:hover {
  color: var(--mainColorOne);
}

.banner-content-two {
  max-width: 798px;
  margin-bottom: 190px;
}
.banner-content-two h2 {
  font-size: 96px;
}
.banner-content-two h2 span {
  display: inline-block;
  text-transform: uppercase;
  background-color: var(--secondaryColorTwo);
  color: var(--blackColor);
  border-radius: 15px;
  padding: 4px 20px;
  margin-top: 40px;
}

/*
Banner Three Area Style
======================================================*/
.banner-area-three {
  padding-top: 120px;
  background-size: cover;
  background-position: center center;
  background-color: var(--headingColor);
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 100px;
}
.banner-area-three::before {
  position: absolute;
  content: "";
  height: 100px;
  width: 100%;
  background-color: var(--headingColor);
  left: 0;
  bottom: -100px;
}
.banner-area-three .banner-image-area {
  position: relative;
  bottom: -100px;
}
.banner-area-three .banner-image-area img {
  border-radius: 25px;
}
.banner-area-three .banner-image-area .shape-one {
  position: absolute;
  top: -85px;
  left: 50%;
  transform: translateX(-50%);
}
.banner-area-three .banner-image-area .shape-two {
  position: absolute;
  right: 0;
  top: -165px;
}

.banner-content-three {
  max-width: 1030px;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
}
.banner-content-three h2 {
  font-size: 96px;
  font-weight: 500;
}
.banner-content-three h2 span {
  font-weight: 700;
}
.banner-content-three h2 img {
  position: relative;
  top: -5px;
}

/*
Partner Area Style
======================================================*/
.parner-title h3 {
  font-size: 20px;
}

.partner-slider.owl-carousel .owl-item img {
  margin: auto;
  width: auto;
}

.partners-area.style2 .partner-overly {
  position: relative;
  z-index: 1;
  padding-top: 120px;
  padding-bottom: 120px;
}
.partners-area.style2 .partner-overly::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  height: 100%;
  left: -150px;
  right: -150px;
  border-radius: 25px;
  background-color: #121320;
  z-index: -1;
}
.partners-area.style2 .partner-overly .shape_one {
  position: absolute;
  top: 20px;
  left: -130px;
}
.partners-area.style2 .partner-overly .shape_two {
  position: absolute;
  bottom: 20px;
  right: -130px;
}
.partners-area.style3 .partner-overly {
  position: relative;
  z-index: 1;
  padding-top: 120px;
  padding-bottom: 120px;
}
.partners-area.style3 .partner-overly::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  height: 100%;
  left: -150px;
  right: -150px;
  border-radius: 25px;
  background-color: #dbe9ea;
  z-index: -1;
}
.partners-area.style3 .partner-overly .shape_one {
  position: absolute;
  top: 20px;
  left: -130px;
}
.partners-area.style3 .partner-overly .shape_two {
  position: absolute;
  bottom: 20px;
  right: -130px;
}
.partners-area.style3 .partner-overly .parner-title h3 {
  color: var(--blackColor);
}

/*
About Area Style
======================================================*/
.about-left-content {
  margin-left: 100px;
}
.about-left-content p {
  font-size: 24px;
  font-weight: 600;
  color: var(--headingColor);
}
.about-left-content .author-part {
  margin-top: 25px;
}
.about-left-content .author-part .author-info {
  margin-right: 60px;
  position: relative;
}
.about-left-content .author-part .author-info::before {
  position: absolute;
  content: "";
  height: 38px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  right: -30px;
  top: 10px;
}
.about-left-content .author-part .author-info h3 {
  font-size: 18px;
  margin-bottom: 5px;
}
.about-left-content.style2 {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.about-left-content.style2::before {
  position: absolute;
  content: "";
  width: 200px;
  background-color: #f7f7f7;
  top: -15px;
  bottom: -20px;
  left: -100px;
  z-index: -1;
}
.about-left-content.style2 p {
  color: var(--blackColor);
}
.about-left-content.style2 .author-part .author-info::before {
  background-color: rgba(18, 19, 32, 0.5);
}
.about-left-content.style2 .author-part .author-info h3 {
  color: var(--blackColor);
}
.about-left-content.style2 .author-part .author-info span {
  color: var(--paragraphColorTwo);
}
.about-left-content.style2 .shape-one {
  position: absolute;
  right: -50px;
  bottom: -110px;
}

.about-right-content {
  margin-left: 60px;
}
.about-right-content .default-btn {
  margin-top: 20px;
}
.about-right-content.style2 {
  margin-bottom: 30px;
}
.about-right-content.style2 p {
  color: var(--paragraphColorTwo);
}

.about-left-content-two .about-img-one {
  margin-bottom: 25px;
}
.about-left-content-two .about-img-one img {
  border-radius: 15px;
}
.about-left-content-two .experience-content {
  padding: 20px;
  padding-left: 50px;
  background-color: var(--mainColorOne);
  border-radius: 10px;
}
.about-left-content-two .experience-content h2 {
  font-size: 48px;
  color: var(--blackColor);
  margin-right: 8px;
}
.about-left-content-two .experience-content h3 {
  font-size: 24px;
  color: var(--blackColor);
}
.about-left-content-two .experience-content.style2 {
  background-color: var(--secondaryColorTwo);
}

.about-right-content-two .section-title {
  margin-left: 80px;
}
.about-right-content-two .default-btn {
  margin-top: 20px;
}
.about-right-content-two .img-and-content .about-img-two img {
  border-radius: 15px;
}
.about-right-content-two .img-and-content .funfact-content {
  margin-top: 35px;
}
.about-right-content-two .img-and-content .funfact-content .funfact-item {
  margin-right: 50px;
}
.about-right-content-two .img-and-content .funfact-content .funfact-item h2 {
  color: var(--mainColorOne);
  font-size: 48px;
  margin-bottom: 5px;
}
.about-right-content-two .img-and-content.style2 .funfact-content .funfact-item h2 {
  color: var(--secondaryColorTwo);
}
.about-right-content-two.style2 {
  position: relative;
  z-index: 1;
}
.about-right-content-two.style2::before {
  position: absolute;
  content: "";
  height: 170px;
  width: 170px;
  background-color: var(--secondaryColorTwo);
  opacity: 0.8;
  filter: blur(100px);
  left: 60px;
  top: 0;
  z-index: -1;
}
.about-right-content-two.style2::after {
  position: absolute;
  content: "";
  height: 170px;
  width: 170px;
  background-color: var(--mainColorTwo);
  opacity: 0.8;
  filter: blur(100px);
  left: -50px;
  top: 60px;
  z-index: -1;
}

.about-area .about-shape {
  top: 10px !important;
}
.about-area.style2 {
  position: relative;
}
.about-area.style2 .shape-two {
  position: absolute;
  right: 130px;
  top: -40px;
}

/*
Robotic Area Style
======================================================*/
.single-robotic-item {
  margin-bottom: 30px;
  padding-left: 30px;
  border-left: 1px solid rgba(89, 230, 252, 0.3);
}
.single-robotic-item i {
  color: var(--mainColorOne);
  font-size: 60px;
}
.single-robotic-item h3 {
  font-size: 24px;
  margin-bottom: 15px;
}
.single-robotic-item.style2 {
  border-color: var(--secondaryColorTwo);
}
.single-robotic-item.style2 i {
  background: var(--gradientColorTwo);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.single-robotic-item.style3 {
  background-color: #f6f2ed;
  padding: 30px;
  border-radius: 15px;
  border-left: unset;
}
.single-robotic-item.style3 i {
  color: var(--secondaryColorThree);
}
.single-robotic-item.style3 h3 {
  color: var(--blackColor);
}
.single-robotic-item.style3 p {
  color: var(--paragraphColorTwo);
}
.single-robotic-item.style4 {
  background-color: #f6f2ed;
  padding: 30px;
  border-radius: 15px;
  border-left: unset;
}
.single-robotic-item.style4 i {
  color: var(--secondaryColorThree);
  font-size: 50px;
  line-height: 1;
  margin-bottom: 18px;
  display: inline-block;
}
.single-robotic-item.style4 h3 {
  color: var(--blackColor);
  font-size: 17px;
}
.single-robotic-item.style4 p {
  color: var(--paragraphColorTwo);
  margin-bottom: 0;
}

.robotic-overly {
  position: relative;
  margin-right: -200px;
  z-index: 1;
}

.robotics-img {
  position: relative;
}
.robotics-img img {
  border-radius: 25px 25px 0 0 !important;
}
.robotics-img .shape {
  position: absolute;
  right: -50px;
  top: -50px;
}

/*
Team Area Style
======================================================*/
.single-team {
  margin-bottom: 30px;
}
.single-team .team-img {
  position: relative;
  margin-bottom: 22px;
}
.single-team .team-img img {
  border-radius: 15px;
}
.single-team .team-img .social-link {
  position: absolute;
  margin-bottom: 0;
  left: 20px;
  bottom: 20px;
  transition: var(--transition);
  transform: scaleY(0);
}
.single-team .team-img .social-link li {
  margin-right: 5px;
}
.single-team .team-img .social-link li a {
  display: inline-block;
  color: var(--headingColor);
  background-color: var(--secondaryColorOne);
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 5px;
  text-align: center;
  transition: var(--transition);
}
.single-team .team-img .social-link li a:hover {
  color: var(--blackColor);
  background-color: var(--mainColorOne);
}
.single-team .team-content h3 {
  font-size: 18px;
  margin-bottom: 8px;
}
.single-team .team-content span {
  font-size: 16px;
}
.single-team:hover .team-img .social-link {
  transform: scaleY(1);
}
.single-team.style2 .team-img .social-link li a {
  background-color: var(--secondaryColorTwo);
}
.single-team.style2 .team-img .social-link li a:hover {
  background-color: var(--mainColorTwo);
}

/*
Choose Area Style
======================================================*/
.choose-overly {
  background-color: #121320;
  padding-top: 85px;
}

.choose-content {
  padding-left: 80px;
  margin-right: 50px;
}
.choose-content .single-choose-item {
  margin-bottom: 22px;
}
.choose-content .single-choose-item .icon {
  margin-right: 20px;
}
.choose-content .single-choose-item .icon i {
  font-size: 50px;
  color: var(--secondaryColorOne);
}
.choose-content .single-choose-item .content h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.choose-image {
  padding-right: 80px;
  position: relative;
  z-index: 1;
}
.choose-image::before {
  position: absolute;
  content: "";
  height: 148px;
  width: 148px;
  background-color: var(--secondaryColorOne);
  filter: blur(100px);
  bottom: 65px;
  left: -35px;
  z-index: -1;
}

.choose-two .choose-overly {
  border-radius: 25px;
}
.choose-two .choose-overly .choose-image img {
  border-radius: 15px 15px 0 0;
}

/*
Services Area Style
======================================================*/
.single-service-item {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.single-service-item .icon-and-title .icon {
  font-size: 50px;
  color: var(--secondaryColorOne);
  margin-right: 30px;
}
.single-service-item .icon-and-title h3 {
  font-size: 24px;
}
.single-service-item .icon-and-title h3 a {
  color: var(--headingColor);
  transition: var(--transition);
}
.single-service-item .icon-and-title h3 a:hover {
  color: var(--secondaryColorOne);
}
.single-service-item .content {
  position: relative;
}
.single-service-item .content .service-img {
  position: absolute;
  left: -30px;
  top: -35px;
  transition: var(--transition);
  opacity: 0;
  transform: scale(0);
}
.single-service-item .content .service-img img {
  transform: rotate(-10deg);
}
.single-service-item .service-btn {
  text-align: end;
}
.single-service-item:hover .content .service-img {
  opacity: 1;
  transform: scale(1);
  z-index: 1;
}

.see-all-btn {
  margin-top: 35px;
}
.see-all-btn a {
  color: var(--mainColorOne);
  text-decoration: underline !important;
}
.see-all-btn.style2 {
  margin-top: 15px;
}
.see-all-btn.style2 a {
  color: var(--mainColorTwo);
  text-decoration: underline;
}

.single-service-card {
  background-color: #121320;
  border: 1px solid #121320;
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 30px;
  transition: var(--transition);
}
.single-service-card .service-img {
  margin-bottom: 20px;
}
.single-service-card .service-img img {
  border-radius: 15px;
}
.single-service-card h3 {
  font-size: 24px;
  margin-bottom: 15px;
}
.single-service-card h3 a {
  color: var(--headingColor);
  transition: var(--transition);
}
.single-service-card h3 a:hover {
  color: var(--mainColorOne);
}
.single-service-card:hover {
  border-color: var(--secondaryColorTwo);
}
.single-service-card.style2 h3 a:hover {
  color: var(--secondaryColorTwo);
}

.service-slide-overly {
  overflow: hidden;
}
.service-slide-overly .marquee {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  transform: translate3d(0%, 0, 0);
  animation-name: marquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 59s;
}
.service-slide-overly .marquee a {
  display: inline-block;
  white-space: nowrap;
  padding-right: 100px;
  text-decoration: none;
  color: var(--headingColor);
  font-weight: 700;
  font-family: var(--headingFont);
  font-size: 48px;
  position: relative;
  margin-bottom: 40px;
}
.service-slide-overly .marquee a::before {
  content: "";
  position: absolute;
  top: 10px;
  transform: translateY(-50%);
  right: 42px;
  width: 1px;
  height: 75px;
  background-color: rgba(89, 192, 157, 0.5);
  border-radius: 50px;
  transform: rotate(20deg);
}
.service-slide-overly .marquee a:hover {
  color: var(--mainColorOne);
}
.service-slide-overly .marquee a:last-child {
  padding-right: 0;
}
.service-slide-overly .marquee a:last-child::before {
  display: none;
}
.service-slide-overly .marquee2 {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  transform: translate3d(0%, 0, 0);
  animation-name: marquee2;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 59s;
}
.service-slide-overly .marquee2 a {
  display: inline-block;
  white-space: nowrap;
  padding-right: 100px;
  text-decoration: none;
  font-family: var(--headingFont);
  color: var(--headingColor);
  font-size: 48px;
  font-weight: 700;
  position: relative;
}
.service-slide-overly .marquee2 a::before {
  content: "";
  position: absolute;
  top: 15px;
  transform: translateY(-50%);
  right: 42px;
  width: 1px;
  height: 75px;
  background-color: rgba(89, 192, 157, 0.5);
  border-radius: 50px;
  transform: rotate(20deg);
}
.service-slide-overly .marquee2 a:hover {
  color: var(--mainColorOne);
}
.service-slide-overly .marquee2 a:last-child {
  padding-right: 0;
}
.service-slide-overly .marquee2 a:last-child::before {
  display: none;
}
.service-slide-overly:hover .marquee {
  animation-play-state: paused !important;
}
.service-slide-overly:hover .marquee2 {
  animation-play-state: paused !important;
}

.service-details-content h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.service-details-content .gap-20 {
  margin-bottom: 30px;
}
.service-details-content img {
  border-radius: 15px !important;
}
.service-details-content .video-section {
  position: relative;
}
.service-details-content .video-section .video-btn {
  height: 75px;
  width: 75px;
  line-height: 75px;
  font-size: 24px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  background-color: var(--headingColor);
  color: var(--secondaryColorOne);
  position: absolute;
  top: 50%;
  left: 43%;
  transform: translateY(-50%);
  transition: var(--transition);
}
.service-details-content .video-section .video-btn i {
  position: relative;
  left: 3px;
}
.service-details-content .video-section .video-btn:hover {
  color: var(--headingColor);
  background-color: var(--secondaryColorOne);
}

.service-sidebar-widget {
  background-color: #121320;
  border-radius: 15px;
  padding: 30px;
  margin-bottom: 30px;
}
.service-sidebar-widget h3 {
  font-size: 24px;
  position: relative;
  margin-bottom: 30px;
}
.service-sidebar-widget h3::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 80px;
  background-color: var(--secondaryColorOne);
  left: 0;
  bottom: -8px;
}
.service-sidebar-widget.services ul {
  padding-left: 0;
  margin-bottom: 0;
}
.service-sidebar-widget.services ul li {
  margin-bottom: 15px;
  list-style-type: none;
}
.service-sidebar-widget.services ul li a {
  font-size: 17px;
  font-weight: 500;
  color: var(--headingColor);
  transition: var(--transition);
}
.service-sidebar-widget.services ul li a:hover, .service-sidebar-widget.services ul li a.active {
  color: var(--mainColorOne);
}
.service-sidebar-widget.services ul li:last-child {
  margin-bottom: 0;
}

.services-left-content {
  margin-right: 50px;
  position: relative;
}
.services-left-content .shape-two {
  position: absolute;
  left: -130px;
  top: -180px;
}
.services-left-content .shape-three {
  position: absolute;
  right: 0;
  bottom: -105px;
}

.services-right-content {
  position: relative;
  margin-bottom: 30px;
}
.services-right-content .shape-one {
  position: absolute;
  top: 0;
  right: 30px;
}

.single-service-card2 {
  padding: 25px;
  border-radius: 15px;
  border: 1px solid #dfe5e7;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
}
.single-service-card2::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 15px;
  background-color: var(--headingColor);
  left: 0;
  top: 0;
  z-index: -1;
  transition: var(--transition);
}
.single-service-card2 .icon {
  font-size: 60px;
  color: var(--secondaryColorThree);
  line-height: 1;
  margin-bottom: 15px;
  transition: var(--transition);
}
.single-service-card2 h3 {
  font-size: 17px;
  margin-bottom: 15px;
}
.single-service-card2 h3 a {
  color: var(--blackColor);
  transition: var(--transition);
}
.single-service-card2 h3 a:hover {
  color: var(--mainColorTwo);
}
.single-service-card2 p {
  color: var(--paragraphColorTwo);
  font-size: 16px;
  transition: var(--transition);
}
.single-service-card2 .view {
  color: var(--blackColor);
  transition: var(--transition);
}
.single-service-card2 .view i {
  font-size: 15px;
  margin-left: 5px;
}
.single-service-card2 .view:hover {
  color: var(--mainColorTwo);
}
.single-service-card2:hover .icon {
  color: var(--headingColor);
}
.single-service-card2:hover h3 a {
  color: var(--headingColor);
}
.single-service-card2:hover h3 a:hover {
  color: var(--mainColorThree);
}
.single-service-card2:hover p {
  color: var(--headingColor);
}
.single-service-card2:hover .view {
  color: var(--headingColor);
}
.single-service-card2:hover .view:hover {
  color: var(--mainColorThree);
}
.single-service-card2:hover::before {
  background-color: var(--secondaryColorThree);
  opacity: 0.9;
}

.col-md-6:nth-child(2) .single-service-card2 {
  top: 50px;
  position: relative;
}
.col-md-6:nth-child(4) .single-service-card2 {
  top: 50px;
  position: relative;
}

@keyframes marquee {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes marquee2 {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
/*
Portfolio Area Style
======================================================*/
.portfolio-area {
  overflow: hidden;
}
.portfolio-area .container-fluid {
  overflow: hidden;
  left: calc((90% - 1320px) / 2);
  position: relative;
  padding-left: 0;
}
.portfolio-area.style2 {
  background-color: #ebe4f6;
  position: relative;
}
.portfolio-area.style2 .portfolio-shape {
  position: absolute;
  left: 130px;
  top: 130px;
}

.single-portfolio-card {
  margin-bottom: 30px;
  position: relative;
}
.single-portfolio-card .content {
  padding: 30px;
  background-color: var(--blackColor);
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.single-portfolio-card .content h3 {
  font-size: 24px;
  margin-bottom: -20px;
  transition: var(--transition);
}
.single-portfolio-card .content h3 a {
  color: var(--headingColor);
  transition: var(--transition);
}
.single-portfolio-card .content h3 a:hover {
  color: var(--secondaryColorOne);
}
.single-portfolio-card .content .view-btn {
  color: var(--secondaryColorOne);
  text-decoration: underline;
  font-size: 16px;
  opacity: 0;
  transition: var(--transition);
}
.single-portfolio-card:hover .content h3 {
  margin-bottom: 8px;
}
.single-portfolio-card:hover .content .view-btn {
  opacity: 1;
}

.portfolio-slider.owl-carousel .owl-dots {
  text-align: start;
}
.portfolio-slider.owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: var(--secondaryColorOne);
  position: relative;
}
.portfolio-slider.owl-carousel .owl-dots .owl-dot span::before {
  position: absolute;
  content: "";
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  border: 1px solid var(--secondaryColorOne);
  border-radius: 100%;
  opacity: 0;
}
.portfolio-slider.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--gradientColor);
}
.portfolio-slider.owl-carousel .owl-dots .owl-dot.active span::before {
  opacity: 1;
}

.portfolio-slider2.owl-carousel .owl-dots {
  text-align: start;
}
.portfolio-slider2.owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: var(--secondaryColorThree);
  position: relative;
}
.portfolio-slider2.owl-carousel .owl-dots .owl-dot span::before {
  position: absolute;
  content: "";
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  border: 1px solid var(--secondaryColorThree);
  border-radius: 100%;
  opacity: 0;
}
.portfolio-slider2.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--secondaryColorThree);
}
.portfolio-slider2.owl-carousel .owl-dots .owl-dot.active span::before {
  opacity: 1;
}

.portfolio-details-content {
  margin-bottom: 30px;
}
.portfolio-details-content .gap-30 {
  margin-bottom: 30px;
}
.portfolio-details-content img {
  border-radius: 15px !important;
}
.portfolio-details-content h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.portfolio-details-content .list {
  padding-left: 0;
  margin-bottom: 25px;
}
.portfolio-details-content .list li {
  list-style-type: none;
  margin-bottom: 14px;
  position: relative;
  padding-left: 28px;
}
.portfolio-details-content .list li::before {
  position: absolute;
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  left: 0;
  color: var(--mainColorOne);
}

.portfolio-sidebar-widget {
  background-color: #121320;
  border-radius: 15px;
  padding: 30px;
  margin-bottom: 30px;
}
.portfolio-sidebar-widget h3 {
  font-size: 24px;
  position: relative;
  margin-bottom: 30px;
}
.portfolio-sidebar-widget h3::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 80px;
  background-color: var(--secondaryColorOne);
  left: 0;
  bottom: -8px;
}
.portfolio-sidebar-widget.information ul {
  padding-left: 0;
  margin-bottom: 0;
}
.portfolio-sidebar-widget.information ul li {
  list-style-type: none;
  margin-bottom: 14px;
}
.portfolio-sidebar-widget.information ul li:last-child {
  margin-bottom: 0;
}
.portfolio-sidebar-widget.information ul li strong {
  font-weight: 500;
  color: var(--headingColor);
}

.single-portfolio-item {
  background-color: #121320;
  border-radius: 25px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
}
.single-portfolio-item .portfolio-img {
  border-radius: 25px 0 25px 0;
  margin-bottom: 25px;
  margin-right: 100px;
  position: relative;
}
.single-portfolio-item .portfolio-img::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(18, 19, 32, 0.5);
  border-radius: 25px 0 25px 0;
}
.single-portfolio-item .portfolio-img img {
  border-radius: 25px 0 25px 0;
}
.single-portfolio-item .content {
  padding-left: 30px;
}
.single-portfolio-item .content h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
.single-portfolio-item .content h3 a {
  color: var(--headingColor);
  transition: var(--transition);
}
.single-portfolio-item .content h3 a:hover {
  color: var(--mainColorOne);
}
.single-portfolio-item .content .view-btn {
  font-size: 16px;
  text-decoration: underline;
  transition: var(--transition);
}
.single-portfolio-item .content .view-btn:hover {
  color: var(--mainColorOne);
}
.single-portfolio-item .number {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 48px;
  font-weight: 700;
  font-family: var(--headingFont);
  color: var(--headingColor);
}
.single-portfolio-item.style2 .content h3 a:hover {
  color: var(--mainColorTwo);
}
.single-portfolio-item.style2 .content .view-btn:hover {
  color: var(--mainColorTwo);
}

.single-portfolio-item2 {
  margin-bottom: 30px;
}
.single-portfolio-item2 img {
  border-radius: 15px !important;
}
.single-portfolio-item2 .content {
  margin-top: 20px;
}
.single-portfolio-item2 .content h3 {
  font-size: 24px;
  margin-bottom: 15px;
}
.single-portfolio-item2 .content h3 a {
  color: var(--blackColor);
  transition: var(--transition);
}
.single-portfolio-item2 .content h3 a:hover {
  color: var(--mainColorThree);
}
.single-portfolio-item2 .content .view-btn {
  color: var(--blackColor);
  transition: var(--transition);
}
.single-portfolio-item2 .content .view-btn i {
  font-size: 15px;
  margin-left: 5px;
}
.single-portfolio-item2 .content .view-btn:hover {
  color: var(--mainColorThree);
}

/*
Testimonial Area Style
======================================================*/
.testimonial-slide.owl-carousel img {
  width: auto;
}
.testimonial-slide.owl-carousel .owl-dots {
  margin-right: 280px;
}
.testimonial-slide.owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: var(--secondaryColorOne);
  position: relative;
}
.testimonial-slide.owl-carousel .owl-dots .owl-dot span::before {
  position: absolute;
  content: "";
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  border: 1px solid var(--secondaryColorOne);
  border-radius: 100%;
  opacity: 0;
}
.testimonial-slide.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--gradientColor);
}
.testimonial-slide.owl-carousel .owl-dots .owl-dot.active span::before {
  opacity: 1;
}
.testimonial-slide.style2.owl-carousel .owl-dots .owl-dot span {
  background: var(--secondaryColorTwo);
}
.testimonial-slide.style2.owl-carousel .owl-dots .owl-dot span::before {
  border: 1px solid var(--mainColorTwo);
}
.testimonial-slide.style2.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--gradientColorTwo);
}
.testimonial-slide.style2.owl-carousel .owl-dots .owl-dot.active span::before {
  opacity: 1;
}

.single-testimonial {
  background-color: #121320;
  padding: 50px;
  margin-bottom: 40px;
}
.single-testimonial .rating-icons {
  margin-bottom: 15px;
}
.single-testimonial .rating-icons i {
  color: #ffc400;
}
.single-testimonial p {
  margin-bottom: 30px;
}
.single-testimonial h3 {
  font-size: 18px;
  margin-bottom: 5px;
}
.single-testimonial span {
  font-size: 16px;
}
.single-testimonial .quote-icon {
  position: absolute;
  right: 50px;
  bottom: 60px;
}
.single-testimonial .quote-icon i {
  color: var(--secondaryColorOne);
  font-size: 50px;
}
.single-testimonial.style2 {
  border-radius: 15px;
  margin-bottom: 25px;
}
.single-testimonial.style3 {
  border-radius: 15px;
}
.single-testimonial.style3 .quote-icon i {
  color: var(--secondaryColorTwo);
}
.single-testimonial.style4 {
  background-color: #f6f2ed;
  border-radius: 15px;
}
.single-testimonial.style4 p {
  color: var(--paragraphColorTwo);
}
.single-testimonial.style4 h3 {
  color: var(--blackColor);
}
.single-testimonial.style4 span {
  color: var(--paragraphColorTwo);
}
.single-testimonial.style4 .quote-icon i {
  color: var(--mainColorThree);
}
.single-testimonial.style5 {
  background-color: #e6e9f5;
  border-radius: 15px;
}
.single-testimonial.style5 p {
  color: var(--paragraphColorTwo);
}
.single-testimonial.style5 h3 {
  color: var(--blackColor);
}
.single-testimonial.style5 span {
  color: var(--paragraphColorTwo);
}
.single-testimonial.style5 .quote-icon i {
  color: var(--mainColorThree);
}

.testimonial-area {
  position: relative;
}
.testimonial-area.style1 .container {
  margin-top: 30px;
  margin-left: auto;
  margin-right: -70px;
  padding-right: 0;
}
.testimonial-area.style1 .section-title {
  max-width: 620px;
  text-align: start;
  position: relative;
  left: 40px;
  z-index: 1;
}
.testimonial-area .testimonial-img {
  position: absolute;
  left: 0;
  top: 0;
}
.testimonial-area.style2 .testimonials-overly-one .container-fluid {
  overflow: hidden;
  left: calc((90% - 1320px) / 2);
  position: relative;
  padding-left: 0;
}
.testimonial-area.style2 .testimonials-overly-two .container-fluid {
  overflow: hidden;
  right: calc((90% - 1320px) / 2);
  position: relative;
  padding-right: 0;
}
.testimonial-area.style3 {
  z-index: 1;
}
.testimonial-area.style3 .testimonial-img img {
  border-radius: 0 25px 25px 0;
}
.testimonial-area.style3 .section-title {
  position: relative;
}
.testimonial-area.style3 .section-title::before {
  position: absolute;
  content: "";
  height: 195px;
  width: 195px;
  border-radius: 100%;
  left: 0;
  top: 120px;
  background-color: var(--secondaryColorTwo);
  opacity: 0.5;
  filter: blur(100px);
  z-index: -2;
}
.testimonial-area.style3 .section-title::after {
  position: absolute;
  content: "";
  height: 195px;
  width: 195px;
  border-radius: 100%;
  left: -150px;
  top: 140px;
  background-color: var(--mainColorTwo);
  opacity: 0.5;
  filter: blur(100px);
  z-index: -2;
}
.testimonial-area.bg-white {
  position: relative;
}
.testimonial-area.bg-white .testimonial-shape {
  position: absolute;
  left: 80px;
  top: 100px;
}

.testimonial-slide2.owl-carousel img {
  width: auto;
}
.testimonial-slide2.owl-carousel .owl-dots {
  margin-right: 260px;
}
.testimonial-slide2.owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: var(--secondaryColorOne);
  position: relative;
}
.testimonial-slide2.owl-carousel .owl-dots .owl-dot span::before {
  position: absolute;
  content: "";
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  border: 1px solid var(--secondaryColorOne);
  border-radius: 100%;
  opacity: 0;
}
.testimonial-slide2.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--gradientColor);
}
.testimonial-slide2.owl-carousel .owl-dots .owl-dot.active span::before {
  opacity: 1;
}

/*
Faq Area Style
======================================================*/
.faq-area.style1 .container-fluid {
  max-width: 1630px;
  padding-left: 30px;
  padding-right: 0;
  margin-left: auto;
  margin-right: 0;
  overflow: hidden;
}
.faq-area.style1 .faq-img {
  position: relative;
  margin-left: -20px;
}
.faq-area.style3 .faq-img img {
  border-radius: 25px 0 0 25px;
}
.faq-area.style4 {
  position: relative;
}
.faq-area.style4 .faq-shape2 {
  position: absolute;
  left: 130px;
  top: 0;
}

.faq-content {
  margin-right: 80px;
  margin-top: 80px;
}
.faq-content .section-title {
  margin-bottom: 20px;
}
.faq-content .accordion-item {
  margin-bottom: 15px;
  background-color: transparent;
  border-radius: 0;
  border: none;
}
.faq-content .accordion-item:last-child {
  margin-bottom: 0;
}
.faq-content .accordion-item .accordion-button {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
  font-weight: 700;
  font-size: 17px;
  color: var(--headingColor);
  padding: 20px 50px;
  position: relative;
}
.faq-content .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.faq-content .accordion-item .accordion-button:not(.collapsed) {
  border-bottom: 1px solid var(--mainColorOne);
  color: var(--mainColorOne);
  box-shadow: unset;
}
.faq-content .accordion-item .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.faq-content .accordion-item .accordion-button::after {
  background-image: unset;
  position: absolute;
  content: "+";
  font-family: "Font Awesome 6 Free";
  left: 0;
}
.faq-content .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}
.faq-content .accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 0;
}
.faq-content .accordion-item .accordion-body {
  padding: 20px 0 0 50px;
}
.faq-content .accordion-item .accordion-body p {
  color: var(--paragraphColor);
}
.faq-content.style2 {
  margin-top: 0;
}
.faq-content.style3 {
  margin-top: 0;
}
.faq-content.style3 .accordion-item .accordion-button:not(.collapsed) {
  border-bottom: 1px solid var(--mainColorTwo);
  color: var(--mainColorTwo);
}
.faq-content.style4 {
  margin-top: 0;
}
.faq-content.style4 .accordion-item .accordion-button {
  color: var(--blackColor);
  border-bottom: 1px solid #dfe5e7;
}
.faq-content.style4 .accordion-item .accordion-button:not(.collapsed) {
  border-bottom: 1px solid var(--mainColorThree);
  color: var(--mainColorThree);
}
.faq-content.style4 .accordion-item .accordion-body p {
  color: var(--paragraphColorTwo);
}

.faq-img.style2 {
  position: relative;
  margin-bottom: 30px;
}
.faq-img.style2 .main-img {
  border-radius: 25px;
}
.faq-img.style2 .faq-shape {
  position: absolute;
  left: -30px;
  bottom: -30px;
}

.faq-form-overly {
  padding: 100px;
  border-radius: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.faq-form-overly .contact-form {
  max-width: 650px;
  margin-right: 0;
  margin-left: auto;
}
.faq-form-overly .contact-form .form-group {
  margin-bottom: 20px;
}
.faq-form-overly .contact-form .form-group label {
  margin-bottom: 8px;
}
.faq-form-overly .contact-form .form-group .form-control {
  background-color: var(--blackColor);
  border: 1px solid var(--paragraphColorTwo);
  color: var(--headingColor);
}
.faq-form-overly .contact-form .form-group textarea {
  height: 150px !important;
}
.faq-form-overly .contact-form .default-btn {
  margin-top: 15px;
}

/*
Contact Area Style
======================================================*/
.contacts-info {
  background-color: #121320;
  padding: 35px;
  border-radius: 15px;
  margin-top: 10px;
}
.contacts-info h3 {
  font-size: 24px;
  margin-bottom: 45px;
  position: relative;
}
.contacts-info h3::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 80px;
  background-color: var(--secondaryColorOne);
  bottom: -8px;
  left: 0;
}
.contacts-info .info {
  padding-left: 0;
  margin-bottom: 0;
}
.contacts-info .info li {
  list-style-type: none;
  margin-bottom: 39px;
}
.contacts-info .info li h4 {
  font-size: 17px;
  margin-bottom: 5px;
}
.contacts-info .info li h4 i {
  color: var(--mainColorOne);
  margin-right: 5px;
}
.contacts-info .social-content {
  margin-top: 35px;
}
.contacts-info .social-content a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  margin-right: 8px;
  display: inline-block;
  border: 1px solid var(--paragraphColorTwo);
  color: var(--mainColorOne);
  transition: var(--transition);
}
.contacts-info .social-content a:hover {
  background-color: var(--mainColorOne);
  color: var(--headingColor);
}

.contact-form .form .form-group {
  margin-bottom: 20px;
}
.contact-form .form .form-group label {
  margin-bottom: 8px;
}
.contact-form .form .form-group .form-control {
  background-color: var(--blackColor);
  border: 1px solid var(--paragraphColorTwo);
  color: var(--headingColor);
}
.contact-form .form .form-group textarea {
  height: 150px !important;
}
.contact-form .form .default-btn {
  margin-top: 15px;
}

.map-area .container-fluid {
  max-width: 1920px;
}
.map-area .container-fluid iframe {
  height: 600px;
}

/*
Blog Area Style
======================================================*/
.single-blog-card {
  padding: 30px;
  position: relative;
  z-index: 1;
  border: 1px solid #121320;
}
.single-blog-card .blog-content .category a {
  color: var(--blackColor);
  background-color: var(--mainColorOne);
  font-size: 14px;
  padding: 3px 7px;
  transition: var(--transition);
  display: inline-block;
  margin-bottom: 15px;
}
.single-blog-card .blog-content .category a:hover {
  color: var(--headingColor);
  background-color: var(--secondaryColorOne);
}
.single-blog-card .blog-content .info li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
}
.single-blog-card .blog-content .info li::before {
  position: absolute;
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 100%;
  background-color: var(--paragraphColor);
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
}
.single-blog-card .blog-content .info li a {
  text-transform: capitalize;
}
.single-blog-card .blog-content .info li:last-child {
  margin-right: 0;
}
.single-blog-card .blog-content .info li:last-child::before {
  display: none;
}
.single-blog-card .blog-content h3 {
  font-size: 24px;
  margin-bottom: 18px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.single-blog-card .blog-content h3 a {
  color: var(--headingColor);
  transition: var(--transition);
}
.single-blog-card .blog-content h3 a:hover {
  color: var(--mainColorOne);
}
.single-blog-card .blog-content p {
  margin-bottom: 30px;
}
.single-blog-card::before {
  position: absolute;
  content: "";
  background-color: #121320;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  transition: var(--transition);
}
.single-blog-card:hover {
  border: 1px solid var(--secondaryColorOne);
}
.single-blog-card:hover::before {
  background: rgba(18, 19, 32, 0.9);
}

.single-blog {
  margin-bottom: 30px;
  background-color: #121320;
  border-radius: 15px;
}
.single-blog .blog-content {
  padding: 30px;
}
.single-blog .blog-content .category a {
  color: var(--blackColor);
  background-color: var(--mainColorOne);
  font-size: 14px;
  padding: 3px 7px;
  transition: var(--transition);
  display: inline-block;
  margin-bottom: 15px;
}
.single-blog .blog-content .category a:hover {
  color: var(--headingColor);
  background-color: var(--secondaryColorOne);
}
.single-blog .blog-content .info li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
}
.single-blog .blog-content .info li::before {
  position: absolute;
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 100%;
  background-color: var(--paragraphColor);
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
}
.single-blog .blog-content .info li a {
  text-transform: capitalize;
}
.single-blog .blog-content .info li:last-child {
  margin-right: 0;
}
.single-blog .blog-content .info li:last-child::before {
  display: none;
}
.single-blog .blog-content h3 {
  font-size: 24px;
  margin-bottom: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.single-blog .blog-content h3 a {
  color: var(--headingColor);
  transition: var(--transition);
}
.single-blog .blog-content h3 a:hover {
  color: var(--mainColorOne);
}
.single-blog .blog-content p {
  margin-bottom: 30px;
}
.single-blog .blog-img {
  margin-left: 30px;
  border-radius: 15px 0 15px 0;
  overflow: hidden;
  transition: var(--transition);
}
.single-blog .blog-img img {
  border-radius: 15px 0 15px 0;
  overflow: hidden;
  transition: var(--transition);
}
.single-blog:hover .blog-img img {
  transform: scale(1.1);
}
.single-blog.sticky {
  background-color: #13141e;
}
.single-blog.style2 .blog-content {
  padding: 30px;
}
.single-blog.style2 .blog-content .category a {
  background-color: var(--mainColorTwo);
}
.single-blog.style2 .blog-content .category a:hover {
  background-color: var(--secondaryColorTwo);
}
.single-blog.style2 .blog-content h3 a:hover {
  color: var(--mainColorTwo);
}
.single-blog.style3 {
  background-color: var(--headingColor);
  border: 1px solid #dfe5e7;
}
.single-blog.style3 .blog-content .category a {
  color: var(--blackColor);
  background-color: var(--mainColorThree);
}
.single-blog.style3 .blog-content .category a:hover {
  color: var(--headingColor);
  background-color: var(--secondaryColorThree);
}
.single-blog.style3 .blog-content .info li {
  color: var(--paragraphColorTwo);
}
.single-blog.style3 .blog-content .info li a {
  color: var(--paragraphColorTwo);
}
.single-blog.style3 .blog-content .info li::before {
  background-color: var(--paragraphColorTwo);
}
.single-blog.style3 .blog-content h3 a {
  color: var(--blackColor);
}
.single-blog.style3 .blog-content h3 a:hover {
  color: var(--mainColorThree);
}
.single-blog.style3 .blog-content p {
  color: var(--paragraphColorTwo);
}

.blog-details-content {
  background-color: #121320;
  padding: 30px;
  border-radius: 15px;
  padding-bottom: 0;
}
.blog-details-content .category a {
  color: var(--blackColor);
  background-color: var(--mainColorOne);
  font-size: 14px;
  padding: 3px 7px;
  transition: var(--transition);
  display: inline-block;
  margin-bottom: 15px;
}
.blog-details-content .category a:hover {
  color: var(--headingColor);
  background-color: var(--secondaryColorOne);
}
.blog-details-content .info {
  padding-left: 0;
  margin-bottom: 20px;
}
.blog-details-content .info li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
}
.blog-details-content .info li::before {
  position: absolute;
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 100%;
  background-color: var(--paragraphColor);
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
}
.blog-details-content .info li a {
  text-transform: capitalize;
}
.blog-details-content .info li:last-child {
  margin-right: 0;
}
.blog-details-content .info li:last-child::before {
  display: none;
}
.blog-details-content .blog-details-img {
  margin-bottom: 30px;
}
.blog-details-content .blog-details-img img {
  border-radius: 15px;
}
.blog-details-content .content img {
  border-radius: 15px !important;
}
.blog-details-content .content h1 {
  font-size: 48px;
  margin-bottom: 20px;
}
.blog-details-content .content h2 {
  font-size: 36px;
  margin-bottom: 20px;
}
.blog-details-content .content h3 {
  font-size: 32px;
  margin-bottom: 20px;
}
.blog-details-content .content h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
.blog-details-content .content h5 {
  font-size: 20px;
  margin-bottom: 20px;
}
.blog-details-content .content h6 {
  font-size: 18px;
  margin-bottom: 20px;
}
.blog-details-content .content ul {
  margin-bottom: 20px;
}
.blog-details-content .content ul li {
  margin-bottom: 14px;
  position: relative;
}
.blog-details-content .content .wp-block-quote {
  background-color: var(--blackColor);
  padding: 30px;
  border-left: 2px solid var(--secondaryColorOne);
  border-radius: 15px;
}
.blog-details-content .tag-social {
  margin-top: 40px;
  margin-bottom: 30px;
  padding-bottom: 20px;
  padding-top: 20px;
  clear: both;
  border-top: 1px solid var(--paragraphColorTwo);
  border-bottom: 1px solid var(--paragraphColorTwo);
}
.blog-details-content .tag-social .tag-list a {
  display: inline-block;
  padding: 8px 15px;
  border: 1px solid var(--paragraphColorTwo);
  border-radius: 3px;
  margin-right: 5px;
  transition: var(--transition);
}
.blog-details-content .tag-social .tag-list a:hover {
  background-color: var(--mainColorOne);
  color: var(--blackColor);
  border-color: var(--mainColorOne);
}
.blog-details-content .tag-social .social-list {
  padding-left: 0;
  margin-bottom: 0;
}
.blog-details-content .tag-social .social-list li {
  display: inline-block;
  margin-right: 15px;
}
.blog-details-content .tag-social .social-list li:last-child {
  margin-right: 0;
}
.blog-details-content .tag-social .social-list li a {
  transition: var(--transition);
}
.blog-details-content .tag-social .social-list li a i {
  position: relative;
  top: 2px;
}
.blog-details-content .tag-social .social-list li a:hover {
  color: var(--mainColorOne);
}

.error-content h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.error-content p {
  margin-bottom: 25px;
}

.pagination-area {
  margin-top: 20px;
}
.pagination-area .page-numbers {
  height: 54px;
  width: 54px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid var(--secondaryColorOne);
  font-weight: 700;
  display: inline-block;
  line-height: 52px;
  color: var(--headingColor);
  position: relative;
  transition: var(--transition);
  margin-right: 5px;
  z-index: 1;
}
.pagination-area .page-numbers:last-child {
  margin-right: 0;
}
.pagination-area .page-numbers:hover, .pagination-area .page-numbers.current {
  color: var(--headingColor);
  background-color: var(--secondaryColorOne);
}
.pagination-area .page-numbers:hover::before, .pagination-area .page-numbers.current::before {
  opacity: 1;
}
.pagination-area .page-numbers.next i, .pagination-area .page-numbers.prev i {
  position: relative;
  top: 0px;
}
.pagination-area .page-numbers.next.prev i, .pagination-area .page-numbers.prev.prev i {
  left: 0;
}

/*
Footer Area Style
======================================================*/
.footer-area.style2 {
  background-color: #0c0d1a;
}
.footer-area.style2 .footer-widget.widget_aoriv_newsletter h2 span {
  background: var(--headingColor);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer-area.style3 {
  background-color: #0c0d1a;
}
.footer-area.style3 .footer-widget.widget_aoriv_newsletter h2 span {
  background: var(--gradientColorTwo);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer-area.style3 .footer-widget.widget_aoriv_newsletter .newsletter-form .default-btn {
  background-color: var(--mainColorTwo);
  color: var(--blackColor);
}
.footer-area.style3 .footer-widget.widget_aoriv_newsletter .newsletter-form .default-btn:hover {
  background-color: var(--secondaryColorTwo);
}
.footer-area.style3 .footer-widget.widget_aoriv_footer_info .logo.one {
  display: none !important;
}
.footer-area.style3 .footer-widget.widget_aoriv_footer_info .logo.two {
  display: block !important;
}
.footer-area.style3 .footer-widget.widget_aoriv_footer_info .phone-and-mail li span i {
  color: var(--mainColorTwo);
}
.footer-area.style3 .footer-widget a:hover {
  color: var(--mainColorTwo);
}
.footer-area.style4 {
  background-color: #0c0d1a;
  position: relative;
}
.footer-area.style4::before {
  position: absolute;
  content: "";
  background-color: #e4eff0;
  width: 100%;
  height: 305px;
  left: 0;
  top: 0;
}
.footer-area.style4 .footer-widget.widget_aoriv_newsletter {
  margin-bottom: 200px;
}
.footer-area.style4 .footer-widget.widget_aoriv_newsletter h2 {
  color: var(--blackColor);
  margin-left: 120px;
}
.footer-area.style4 .footer-widget.widget_aoriv_newsletter h2 span {
  background: var(--blackColor);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer-area.style4 .footer-widget.widget_aoriv_newsletter .newsletter-form .form-control {
  color: var(--blackColor);
  max-width: 670px;
}
.footer-area.style4 .footer-widget.widget_aoriv_newsletter .newsletter-form .default-btn {
  background-color: var(--mainColorThree);
  color: var(--blackColor);
}
.footer-area.style4 .footer-widget.widget_aoriv_newsletter .newsletter-form .default-btn:hover {
  background-color: var(--secondaryColorThree);
}
.footer-area.style4 .footer-widget.widget_aoriv_footer_info .logo.one {
  display: none !important;
}
.footer-area.style4 .footer-widget.widget_aoriv_footer_info .logo.two {
  display: none !important;
}
.footer-area.style4 .footer-widget.widget_aoriv_footer_info .logo.three {
  display: block !important;
}
.footer-area.style4 .footer-widget.widget_aoriv_footer_info .phone-and-mail li span i {
  color: var(--mainColorThree);
}
.footer-area.style4 .footer-widget a:hover {
  color: var(--mainColorThree);
}
.footer-area.style4 .shape-1 {
  position: absolute;
  left: 300px;
  top: 100px;
}
.footer-area.style4 .shape-2 {
  position: absolute;
  right: 100px;
  top: 230px;
}

.footer-widget.widget_aoriv_newsletter {
  width: 100%;
  flex: 100%;
  display: flex;
  margin-bottom: 100px;
}
.footer-widget.widget_aoriv_newsletter h2 {
  font-size: 48px;
  position: relative;
  margin-bottom: 0;
}
.footer-widget.widget_aoriv_newsletter h2 span {
  background: var(--gradientColor);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer-widget.widget_aoriv_newsletter .newsletter-form {
  width: 100%;
  position: relative;
  margin-top: 20px;
}
.footer-widget.widget_aoriv_newsletter .newsletter-form .form-control {
  height: 75px;
  max-width: 760px;
  margin-right: 0;
  margin-left: auto;
  border-radius: 5px;
  border: 1px solid var(--paragraphColor);
  background-color: transparent;
  color: var(--headingColor);
}
.footer-widget.widget_aoriv_newsletter .newsletter-form .default-btn {
  position: absolute;
  height: 54px;
  right: 10px;
  top: 10px;
  bottom: 10px;
}
.footer-widget.widget_aoriv_footer_info {
  width: 34%;
  flex: 34%;
}
.footer-widget.widget_aoriv_footer_info p {
  margin-bottom: 22px;
  margin-top: 28px;
  max-width: 330px;
}
.footer-widget.widget_aoriv_footer_info .phone-and-mail {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-widget.widget_aoriv_footer_info .phone-and-mail li {
  display: inline-block;
  margin-right: 45px;
}
.footer-widget.widget_aoriv_footer_info .phone-and-mail li:last-child {
  margin-right: 0;
}
.footer-widget.widget_aoriv_footer_info .phone-and-mail li span {
  display: block;
  font-size: 17px;
  font-weight: 700;
  color: var(--headingColor);
  margin-bottom: 3px;
}
.footer-widget.widget_aoriv_footer_info .phone-and-mail li span i {
  color: var(--mainColorOne);
  margin-right: 6px;
  position: relative;
  top: 2px;
}
.footer-widget .footer-widget-title {
  font-size: 24px;
  margin-bottom: 25px;
}
.footer-widget a {
  color: var(--paragraphColor);
}
.footer-widget a:hover {
  color: var(--mainColorOne);
}
.footer-widget span {
  color: var(--paragraphColor);
}
.footer-widget p {
  color: var(--paragraphColor);
}
.footer-widget ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-widget ul li {
  margin-bottom: 13px;
  list-style-type: none;
}
.footer-widget ul li:last-child {
  margin-bottom: 0;
}

.copy-right-area {
  background-color: #0c0d1a;
  padding-top: 30px;
  padding-bottom: 30px;
}
.copy-right-area p {
  color: var(--paragraphColor);
}
.copy-right-area p strong {
  color: var(--mainColorOne);
}
.copy-right-area p a {
  color: var(--secondaryColorOne);
}
.copy-right-area.style2 {
  background-color: var(--blackColor);
}
.copy-right-area.style3 {
  background-color: var(--blackColor);
}
.copy-right-area.style3 p strong {
  color: var(--mainColorTwo);
}
.copy-right-area.style3 p a {
  color: var(--secondaryColorTwo);
}
.copy-right-area.style4 {
  background-color: var(--blackColor);
}
.copy-right-area.style4 p strong {
  color: var(--secondaryColorThree);
}
.copy-right-area.style4 p a {
  color: var(--mainColorThree);
}

/*
Home Four & Five Area Style
=========================================================================================================
=========================================================================================================*/
.banner-area-four {
  background-color: var(--headingColor);
  padding-top: 180px;
  padding-bottom: 100px;
}

.banner-four-top-content {
  text-align: center;
  margin-bottom: 80px;
}
.banner-four-top-content h2 {
  font-size: 96px;
  color: var(--blackColor);
}
.banner-four-top-content h2 img {
  margin-top: -92px;
  position: relative;
}
.banner-four-top-content h2 span {
  display: inline-block;
  font-weight: 400;
}

.banner-four-left-content {
  position: relative;
  margin-right: 50px;
}
.banner-four-left-content .social {
  position: absolute;
  left: 0;
  bottom: 0;
}
.banner-four-left-content .social span {
  color: var(--paragraphColorTwo);
  display: inline-block;
  margin-bottom: 15px;
}
.banner-four-left-content .social .social-link {
  padding-left: 0;
  margin-bottom: 0;
}
.banner-four-left-content .social .social-link li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
}
.banner-four-left-content .social .social-link li::before {
  position: absolute;
  content: "|";
  color: #D9D9D9;
  right: -14px;
  top: 2px;
  font-size: 15px;
}
.banner-four-left-content .social .social-link li a {
  color: var(--blackColor);
}
.banner-four-left-content .social .social-link li a:hover {
  color: var(--mainColorFour);
}
.banner-four-left-content .social .social-link li:last-child {
  margin-right: 0;
}
.banner-four-left-content .social .social-link li:last-child::before {
  display: none;
}

.banner-four-right-content {
  position: relative;
  margin-left: -50px;
}
.banner-four-right-content .quote-content {
  background-color: #55E8AE;
  border-radius: 25px;
  padding: 40px 50px 50px 48px;
  position: relative;
}
.banner-four-right-content .quote-content h3 {
  font-size: 24px;
  color: var(--blackColor);
  margin-bottom: 15px;
}
.banner-four-right-content .quote-content p {
  color: var(--paragraphColorTwo);
  font-size: 17px;
}
.banner-four-right-content .quote-content .author-part .author-info {
  margin-right: 60px;
  position: relative;
}
.banner-four-right-content .quote-content .author-part .author-info h4 {
  font-size: 18px;
  color: var(--blackColor);
}
.banner-four-right-content .quote-content .author-part .author-info span {
  display: inline-block;
  color: var(--paragraphColorTwo);
  font-size: 16px;
}
.banner-four-right-content .quote-content .author-part .author-info::before {
  position: absolute;
  content: "";
  height: 38px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.25);
  right: -30px;
  top: 10px;
}
.banner-four-right-content .quote-content .quote-shape {
  height: 170px;
  width: 170px;
  border-radius: 100%;
  background-color: var(--headingColor);
  position: absolute;
  right: 30px;
  bottom: -85px;
}
.banner-four-right-content .quote-content .quote-shape .round-shape {
  animation: rotateme 20s linear infinite;
}
.banner-four-right-content .quote-content .quote-shape .middle-shape {
  position: absolute;
  right: 35px;
  top: 35px;
}
.banner-four-right-content .help-content {
  margin-top: 23px;
  width: 275px;
  background: linear-gradient(0deg, #E8E1D6 0%, #E8E1D6 100%);
  padding: 30px;
  padding-top: 23px;
  border-radius: 25px;
  text-align: center;
}
.banner-four-right-content .help-content h4 {
  font-size: 24px;
  color: var(--blackColor);
  margin-bottom: 5px;
}
.banner-four-right-content .help-content p {
  font-size: 17px;
  color: var(--blackColor);
}
.banner-four-right-content .contact-info {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: end;
}
.banner-four-right-content .contact-info ul {
  padding-left: 0;
  margin-bottom: 0;
}
.banner-four-right-content .contact-info ul li {
  list-style-type: none;
  margin-bottom: 12px;
  position: relative;
  padding-right: 25px;
}
.banner-four-right-content .contact-info ul li i {
  position: absolute;
  right: 0;
  top: 4px;
  color: var(--mainColorFour);
}
.banner-four-right-content .contact-info ul li:last-child {
  margin-bottom: 0;
}
.banner-four-right-content .contact-info ul li a {
  color: var(--blackColor);
  font-weight: 600;
  font-size: 17px;
}
.banner-four-right-content .contact-info ul li a:hover {
  color: var(--mainColorFour);
}

@keyframes rotateme {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.about-right-content-four .section-title.text-start {
  margin: auto auto 25px 0;
}
.about-right-content-four .funfact-item {
  margin-right: 190px;
  position: relative;
}
.about-right-content-four .funfact-item::before {
  position: absolute;
  content: "";
  height: 60px;
  width: 1px;
  background: rgba(255, 255, 255, 0.2);
  right: -95px;
  top: 20px;
}
.about-right-content-four .funfact-item h2 {
  font-size: 48px;
  color: var(--mainColorFour);
}
.about-right-content-four .funfact-item p {
  color: var(--paragraphColor);
}
.about-right-content-four .funfact-item:last-child {
  margin-right: 0;
}
.about-right-content-four .funfact-item:last-child::before {
  display: none;
}

.about-right-content-five .funfact-content {
  background-color: #04462F;
  display: inline-block;
  max-width: 472px;
  margin: auto;
  margin-top: -50px;
  position: relative;
  padding: 10px 25px;
}
.about-right-content-five .funfact-content .funfact-item {
  position: relative;
}
.about-right-content-five .funfact-content .funfact-item::before {
  position: absolute;
  content: "";
  height: 60px;
  width: 1px;
  background-color: var(--headingColor);
  opacity: 0.2;
  right: -55px;
  top: 15px;
}
.about-right-content-five .funfact-content .funfact-item h2 {
  font-size: 48px;
  color: #11CD8A;
  margin-bottom: 5px;
}
.about-right-content-five .funfact-content .funfact-item span {
  display: inline-block;
  color: var(--headingColor);
  font-size: 17px;
}

.blog-three-area .section-title h2 {
  font-weight: 600;
  color: var(--blackColor);
}
.blog-three-area .section-title h2 p {
  display: inline-block;
  font-weight: 400;
}

.single-blog-item {
  padding: 45px;
  padding-bottom: 60px;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  z-index: 1;
}
.single-blog-item::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 25px;
  -webkit-clip-path: polygon(1% 0, 100% 0, 100% 20%, 100% 80%, 80% 100%, 0 100%, 0 81%, 0% 20%);
          clip-path: polygon(1% 0, 100% 0, 100% 20%, 100% 80%, 80% 100%, 0 100%, 0 81%, 0% 20%);
  background-color: #EFEFEF;
  z-index: -1;
}
.single-blog-item .blog-content .category a {
  color: var(--blackColor);
  background-color: var(--mainColorFour);
  font-size: 14px;
  padding: 1px 7px;
  transition: var(--transition);
  color: var(--headingColor);
  display: inline-block;
  margin-bottom: 15px;
  border-radius: 3px;
}
.single-blog-item .blog-content .category a:hover {
  color: var(--headingColor);
  background-color: var(--secondaryColorOne);
}
.single-blog-item .blog-content .info li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
  color: var(--paragraphColorTwo);
}
.single-blog-item .blog-content .info li::before {
  position: absolute;
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 100%;
  background-color: var(--paragraphColor);
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
}
.single-blog-item .blog-content .info li a {
  text-transform: capitalize;
  color: var(--paragraphColorTwo);
}
.single-blog-item .blog-content .info li:last-child {
  margin-right: 0;
}
.single-blog-item .blog-content .info li:last-child::before {
  display: none;
}
.single-blog-item .blog-content h3 {
  font-size: 24px;
  margin-bottom: 18px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.single-blog-item .blog-content h3 a {
  color: var(--blackColor);
  transition: var(--transition);
}
.single-blog-item .blog-content h3 a:hover {
  color: var(--mainColorFour);
}
.single-blog-item .blog-content p {
  margin-bottom: 30px;
  color: var(--paragraphColorTwo);
}
.single-blog-item:hover::before {
  background-color: #E8F1EC;
}
.single-blog-item:hover .view-btn {
  background-color: var(--mainColorFour);
}
.single-blog-item .view-btn {
  position: absolute;
  height: 90px;
  width: 90px;
  line-height: 70px;
  text-align: center;
  color: var(--headingColor);
  background-color: var(--blackColor);
  right: -10px;
  bottom: -10px;
  border-radius: 100%;
  border: 10px solid var(--headingColor);
  transition: var(--transition);
}

.single-blog-item2 {
  margin-bottom: 30px;
}
.single-blog-item2 .blog-content {
  margin-top: 25px;
}
.single-blog-item2 .blog-content .category a {
  color: var(--blackColor);
  background-color: var(--mainColorThree);
  font-size: 14px;
  padding: 1px 7px;
  transition: var(--transition);
  display: inline-block;
  margin-bottom: 15px;
}
.single-blog-item2 .blog-content .category a:hover {
  color: var(--headingColor);
  background-color: var(--mainColorTwo);
}
.single-blog-item2 .blog-content .info li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
  color: var(--paragraphColorTwo);
}
.single-blog-item2 .blog-content .info li::before {
  position: absolute;
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 100%;
  background-color: var(--paragraphColor);
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
}
.single-blog-item2 .blog-content .info li a {
  text-transform: capitalize;
  color: var(--paragraphColorTwo);
}
.single-blog-item2 .blog-content .info li:last-child {
  margin-right: 0;
}
.single-blog-item2 .blog-content .info li:last-child::before {
  display: none;
}
.single-blog-item2 .blog-content h3 {
  font-size: 24px;
  margin-bottom: 18px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.single-blog-item2 .blog-content h3 a {
  color: var(--blackColor);
  transition: var(--transition);
}
.single-blog-item2 .blog-content h3 a:hover {
  color: var(--mainColorTwo);
  text-decoration: underline;
}
.single-blog-item2 .blog-content p {
  margin-bottom: 30px;
  color: var(--paragraphColorTwo);
}

.faq-content.style4.style5 .accordion-item .accordion-button {
  border-bottom: 1px dashed #D9D9D9;
  padding-bottom: 15px;
}
.faq-content.style4.style5 .accordion-item .accordion-button:not(.collapsed) {
  color: var(--mainColorFour);
  border-bottom: 1px dashed #D9D9D9;
}
.faq-content.style4.style6 {
  margin-right: 0;
}
.faq-content.style4.style6 .accordion-item {
  margin-bottom: 20px;
}
.faq-content.style4.style6 .accordion-item .accordion-button {
  border-bottom: none;
  padding-bottom: 15px;
  color: var(--headingColor);
  padding-right: 10px;
  position: relative;
}
.faq-content.style4.style6 .accordion-item .accordion-button::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, transparent 50%, #AAA8B1 50%);
  background-size: 10px 100%;
}
.faq-content.style4.style6 .accordion-item .accordion-button:not(.collapsed) {
  color: var(--mainColorTwo);
}
.faq-content.style4.style6 .accordion-item .accordion-body p {
  color: var(--paragraphColor);
}

.faq-three-area {
  position: relative;
  z-index: 1;
}
.faq-three-area .bg-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  margin-left: 150px;
  height: 100%;
  width: 92%;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.faq-form-three {
  background-color: var(--mainColorTwo);
  padding: 30px;
  padding-bottom: 10px;
  margin-right: 110px;
}
.faq-form-three h2 {
  font-size: 24px;
  color: var(--blackColor);
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.faq-form-three h2::before {
  position: absolute;
  content: "";
  width: 80px;
  height: 1px;
  background-color: var(--blackColor);
  left: 0;
  bottom: 0;
}
.faq-form-three .form-group {
  margin-bottom: 15px;
}
.faq-form-three .form-group label {
  color: var(--blackColor);
  margin-bottom: 5px;
}
.faq-form-three .form-group .form-control {
  background-color: #E19A50;
  border-color: #E19A50;
  height: 54px;
  color: var(--paragraphColorTwo);
  border-radius: 0;
}
.faq-form-three .form-group .form-control::-moz-placeholder {
  color: var(--paragraphColorTwo);
}
.faq-form-three .form-group .form-control::placeholder {
  color: var(--paragraphColorTwo);
}
.faq-form-three .form-group textarea {
  height: 100px !important;
}
.faq-form-three .default-btn {
  padding: 13px 42px;
  margin-top: 10px;
  border-radius: 0;
}

.testimonial-four-content {
  background-color: #55E8AE;
  border-radius: 25px;
  padding: 45px;
}

.single-testimonial-style4 {
  position: relative;
  margin-bottom: 40px;
}
.single-testimonial-style4 .rating-icons {
  margin-bottom: 10px;
}
.single-testimonial-style4 .rating-icons i {
  color: #D7004E;
  font-size: 14px;
}
.single-testimonial-style4 p {
  color: var(--blackColor);
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.5;
}
.single-testimonial-style4 .bottom-content .client-1 {
  width: auto;
}
.single-testimonial-style4 .bottom-content h3 {
  font-size: 18px;
  color: var(--blackColor);
}
.single-testimonial-style4 .bottom-content span {
  color: var(--paragraphColorTwo);
}
.single-testimonial-style4 .quote-icon {
  position: absolute;
  right: 0;
  bottom: -20px;
}
.single-testimonial-style4 .quote-icon i {
  font-size: 50px;
  color: var(--blackColor);
}

.testimonial-slide3.owl-carousel img {
  width: auto;
}
.testimonial-slide3.owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: var(--paragraphColorTwo);
  position: relative;
}
.testimonial-slide3.owl-carousel .owl-dots .owl-dot span::before {
  position: absolute;
  content: "";
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  border: 1px solid var(--paragraphColorTwo);
  border-radius: 100%;
  opacity: 0;
}
.testimonial-slide3.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--paragraphColorTwo);
}
.testimonial-slide3.owl-carousel .owl-dots .owl-dot.active span::before {
  opacity: 1;
}

.testimonial-four-img {
  position: relative;
  text-align: center;
}
.testimonial-four-img .title {
  position: absolute;
  bottom: 30px;
  left: 50px;
  right: 50px;
}
.testimonial-four-img .title h2 {
  color: var(--headingColor);
  font-size: 48px;
  font-weight: 500;
}
.testimonial-four-img .title h2 span {
  color: var(--mainColorFour);
  display: inline-block;
  font-weight: 700;
}

.testimonials-style2 .single-testimonial {
  margin-bottom: 25px;
  border-radius: 0;
}

.single-service-card3 {
  padding: 20px;
  padding: 25px;
  margin-bottom: 26px;
  position: relative;
  z-index: 1;
}
.single-service-card3::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 25px;
  -webkit-clip-path: polygon(1% 0, 100% 0, 100% 20%, 100% 75%, 87% 100%, 0 100%, 0 81%, 0% 20%);
          clip-path: polygon(1% 0, 100% 0, 100% 20%, 100% 75%, 87% 100%, 0 100%, 0 81%, 0% 20%);
  background-color: #EFEFEF;
  z-index: -1;
}
.single-service-card3 .content {
  margin-top: 30px;
}
.single-service-card3 .content h3 {
  font-size: 24px;
  margin-bottom: 15px;
}
.single-service-card3 .content h3 a {
  color: var(--blackColor);
  transition: var(--transition);
}
.single-service-card3 .content h3 a:hover {
  color: var(--mainColorFour);
}
.single-service-card3 .content p {
  font-size: 17px;
  color: var(--paragraphColorTwo);
}
.single-service-card3 .view-btn {
  position: absolute;
  height: 90px;
  width: 90px;
  line-height: 70px;
  text-align: center;
  color: var(--headingColor);
  background-color: var(--blackColor);
  right: -10px;
  bottom: -10px;
  border-radius: 100%;
  border: 10px solid var(--headingColor);
  transition: var(--transition);
}
.single-service-card3 .view-btn:hover {
  background-color: var(--mainColorFour);
}
.single-service-card3.bg2::before {
  background-color: #E8E7EC;
}
.single-service-card3.bg3::before {
  background-color: #EEECFF;
}
.single-service-card3.bg4::before {
  background-color: #E8F1EC;
}

.services-five-area .section-title h2 .color {
  background: var(--mainColorFour);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.services-five-area .service-button {
  color: var(--mainColorFour);
  display: inline-block;
  border-bottom: 1px solid var(--mainColorFour);
  padding-bottom: 0;
  line-height: 1;
}

.default-btn.style6 {
  background-color: var(--mainColorFour);
  color: var(--headingColor);
}
.default-btn.style6:hover {
  background-color: var(--secondaryColorThree);
}

.navbar-area.style4 {
  background-color: #171721;
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item a {
  font-weight: 400;
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item a:hover, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item a:focus, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item a.active {
  color: var(--mainColorFour);
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item a:hover.dropdown-icon::before, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item a:focus.dropdown-icon::before, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item a.active.dropdown-icon::before {
  -webkit-text-fill-color: var(--mainColorFour);
  color: var(--mainColorFour);
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item:hover a, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item:focus a, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--mainColorFour);
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item:hover a.dropdown-icon::before, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item:focus a.dropdown-icon::before, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item.active a.dropdown-icon::before {
  -webkit-text-fill-color: var(--mainColorFour);
  color: var(--mainColorFour);
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  background-color: var(--headingColor);
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: var(--blackColor);
  border-bottom: 1px dashed rgba(88, 86, 86, 0.1);
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-icon::before {
  color: var(--blackColor);
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover a, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:focus a, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--mainColorFour);
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover a.dropdown-icon::before, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:focus a.dropdown-icon::before, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a.dropdown-icon::before {
  color: var(--mainColorFour);
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: var(--blackColor);
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover a, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:focus a, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColorFour);
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover a.dropdown-icon::before, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:focus a.dropdown-icon::before, .navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a.dropdown-icon::before {
  color: var(--mainColorFour);
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColorFour);
}
.navbar-area.style4 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--mainColorFour);
}
.navbar-area.style4 .desktop-nav .option-item .sidebar-menu {
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 54px;
  border-radius: 100%;
  font-size: 15px;
  background-color: #1F1F29;
  text-align: center;
}
.navbar-area.style4 .desktop-nav .option-item .sidebar-menu:hover {
  background-color: var(--mainColorFour);
  color: var(--headingColor);
}
.navbar-area.style5 {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.navbar-area.style5.aoriv-hide-adminbar {
  top: 32px;
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item a {
  font-weight: 400;
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item a:hover, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item a:focus, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item a.active {
  color: var(--mainColorThree);
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item a:hover.dropdown-icon::before, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item a:focus.dropdown-icon::before, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item a.active.dropdown-icon::before {
  -webkit-text-fill-color: var(--mainColorThree);
  color: var(--mainColorThree);
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item:hover a, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item:focus a, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--mainColorThree);
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item:hover a.dropdown-icon::before, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item:focus a.dropdown-icon::before, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item.active a.dropdown-icon::before {
  -webkit-text-fill-color: var(--mainColorThree);
  color: var(--mainColorThree);
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  background-color: var(--headingColor);
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: var(--blackColor);
  border-bottom: 1px dashed rgba(88, 86, 86, 0.1);
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-icon::before {
  color: var(--blackColor);
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover a, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:focus a, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--mainColorThree);
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover a.dropdown-icon::before, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:focus a.dropdown-icon::before, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a.dropdown-icon::before {
  color: var(--mainColorThree);
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: var(--blackColor);
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover a, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:focus a, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColorThree);
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover a.dropdown-icon::before, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:focus a.dropdown-icon::before, .navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a.dropdown-icon::before {
  color: var(--mainColorThree);
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColorThree);
}
.navbar-area.style5 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--mainColorThree);
}
.navbar-area.style5 .desktop-nav .option-item .sidebar-menu {
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 54px;
  border-radius: 100%;
  font-size: 15px;
  background-color: #F6AE64;
  text-align: center;
}
.navbar-area.style5 .desktop-nav .option-item .sidebar-menu:hover {
  background-color: var(--mainColorThree);
  color: var(--headingColor);
}
.navbar-area.style5 .default-btn {
  border-radius: 0;
}
.navbar-area.style5.is-sticky {
  background-color: #171721;
}

.footer-area.style5 {
  background-color: #171721;
}
.footer-area.style5 .footer-widget.widget_aoriv_newsletter {
  display: none;
}
.footer-area.style5 .footer-widget.widget_aoriv_footer_info .logo.one {
  display: none !important;
}
.footer-area.style5 .footer-widget.widget_aoriv_footer_info .logo.four {
  display: block !important;
}
.footer-area.style5 .footer-widget.widget_aoriv_footer_info .phone-and-mail li span i {
  color: var(--mainColorFour);
}
.footer-area.style5 .footer-widget a:hover {
  color: var(--mainColorFour);
}
.footer-area.style6 {
  background-color: #003C25;
}
.footer-area.style6 .footer-widget.widget_aoriv_newsletter {
  display: none;
}
.footer-area.style6 .footer-widget.widget_aoriv_footer_info .logo.one {
  display: none !important;
}
.footer-area.style6 .footer-widget.widget_aoriv_footer_info .logo.five {
  display: block !important;
}
.footer-area.style6 .footer-widget.widget_aoriv_footer_info .phone-and-mail li span i {
  color: var(--mainColorTwo);
}
.footer-area.style6 .footer-widget a:hover {
  color: var(--mainColorTwo);
}
.footer-area .alert-danger {
  text-align: end;
  background-color: transparent;
  border: unset;
  padding: 0;
  padding-top: 8px;
}

.copy-right-area.style5 {
  background-color: #1F1F29;
}
.copy-right-area.style5 p strong {
  color: var(--headingColor);
}
.copy-right-area.style5 p a {
  color: var(--mainColorFour);
}
.copy-right-area.style6 {
  background-color: #04462F;
}
.copy-right-area.style6 p strong {
  color: var(--headingColor);
}
.copy-right-area.style6 p a {
  color: var(--mainColorTwo);
}

.newsletter-overly {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  position: relative;
}
.newsletter-overly h2 {
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 40px;
}
.newsletter-overly h2 span {
  font-weight: 700;
}
.newsletter-overly .newsletter-form {
  max-width: 872px;
  margin: auto;
}
.newsletter-overly .newsletter-form .form-control {
  height: 75px;
  border-radius: 5px;
  border: 1px solid var(--paragraphColor);
  background-color: transparent;
  color: var(--headingColor);
}
.newsletter-overly .newsletter-form .default-btn {
  position: absolute;
  right: 11px;
  top: 11px;
  padding: 14px 42px;
}
.newsletter-overly .newsletter-form .mchimp-errmessage {
  color: var(--mainColorFour);
}
.newsletter-overly .social {
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 30px;
}
.newsletter-overly .social li {
  display: inline-block;
  list-style-type: none;
  margin-right: 5px;
}
.newsletter-overly .social li a {
  height: 50px;
  width: 50px;
  line-height: 54px;
  display: inline-block;
  border-radius: 100%;
  background-color: #1F1F29;
  transition: var(--transition);
  color: var(--headingColor);
}
.newsletter-overly .social li a:hover {
  background-color: var(--mainColorFour);
  color: var(--headingColor);
}
.newsletter-overly .shape1 {
  position: absolute;
  left: -120px;
  top: 90px;
  z-index: 2;
}
.newsletter-overly .shape2 {
  position: absolute;
  right: -140px;
  top: 110px;
  z-index: 2;
}
.newsletter-overly.style2 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border: unset;
}
.newsletter-overly.style2 h2 {
  font-weight: 700;
}
.newsletter-overly.style2 .newsletter-form .form-control {
  border-color: var(--mainColorThree);
  border-radius: 0;
  background-color: rgba(4, 70, 47, 0.5);
}
.newsletter-overly.style2 .newsletter-form .default-btn {
  border-radius: 0;
}
.newsletter-overly.style2 .social li a {
  background-color: #04462F;
  border: 1px solid var(--mainColorThree);
  color: var(--headingColor);
}
.newsletter-overly.style2 .social li a:hover {
  background-color: var(--mainColorThree);
  color: var(--headingColor);
}

.footer-newsletter.style2 {
  position: relative;
}
.footer-newsletter.style2::before {
  position: absolute;
  content: "";
  background-color: #003C25;
  height: 50%;
  width: 100%;
  left: 0;
  bottom: 0;
}

.single-text1 {
  background-color: #55E8AE;
  padding-top: 12px;
  padding-bottom: 12px;
}
.single-text1 .marquee {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  transform: translate3d(0%, 0, 0);
  animation-name: marquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 59s;
}
.single-text1 .marquee a {
  display: inline-block;
  white-space: nowrap;
  padding-right: 100px;
  text-decoration: none;
  color: var(--blackColor);
  font-weight: 600;
  font-family: var(--headingFont);
  font-size: 48px;
  position: relative;
}
.single-text1 .marquee a::before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  right: 42px;
  width: 1px;
  height: 75px;
  background-color: var(--blackColor);
  border-radius: 50px;
  transform: rotate(20deg);
}
.single-text1 .marquee a:last-child {
  padding-right: 0;
}
.single-text1 .marquee a:last-child::before {
  display: none;
}
.single-text1 .marquee:hover {
  animation-play-state: paused !important;
}

.single-text2 {
  background-color: #E8E1D6;
  padding-top: 12px;
  padding-bottom: 12px;
}
.single-text2 .marquee2 {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  transform: translate3d(0%, 0, 0);
  animation-name: marquee2;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 59s;
}
.single-text2 .marquee2 a {
  display: inline-block;
  white-space: nowrap;
  padding-right: 100px;
  text-decoration: none;
  font-family: var(--headingFont);
  color: var(--blackColor);
  font-size: 48px;
  font-weight: 600;
  position: relative;
}
.single-text2 .marquee2 a::before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  right: 42px;
  width: 1px;
  height: 75px;
  background-color: var(--blackColor);
  border-radius: 50px;
  transform: rotate(20deg);
}
.single-text2 .marquee2 a:last-child {
  padding-right: 0;
}
.single-text2 .marquee2 a:last-child::before {
  display: none;
}
.single-text2 .marquee2:hover {
  animation-play-state: paused !important;
}

.education-area .section-title {
  max-width: 1096px;
}
.education-area .section-title.style3 .color {
  background-color: var(--mainColorFour);
  display: inline-block;
}

.education-content .container-fluid {
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  margin-right: auto;
}
.education-content .education-content {
  margin-left: 90px;
}
.education-content .education-content h2 {
  color: var(--blackColor);
  font-weight: 500;
  font-size: 48px;
  margin-bottom: 35px;
}
.education-content .education-content h2 span {
  font-weight: 700;
  display: inline-block;
}
.education-content .education-content ul {
  padding-left: 0;
  margin-bottom: 0;
}
.education-content .education-content ul li {
  margin-bottom: 25px;
  padding-left: 30px;
  position: relative;
  list-style-type: none;
  font-size: 17px;
  color: var(--paragraphColorTwo);
}
.education-content .education-content ul li span {
  font-weight: 700;
}
.education-content .education-content ul li img {
  position: absolute;
  left: 0;
  top: 6px;
}
.education-content .education-iamge {
  margin-left: auto;
  margin-right: 18px;
}
.education-content.two .container-fluid {
  margin-left: auto;
  margin-right: 0;
}
.education-content.two .education-content {
  margin-left: 0;
  margin-right: 90px;
}
.education-content.two .education-iamge {
  text-align: end;
  margin-left: 18px;
  margin-right: auto;
}

.success-image {
  position: relative;
  margin-left: -150px;
}
.success-image h2 {
  position: absolute;
  font-size: 48px;
  left: 50px;
  right: 40px;
  bottom: 40px;
}

.success-content {
  margin-left: 90px;
  margin-top: 185px;
}
.success-content .success-progress {
  margin-bottom: 22px;
}
.success-content .success-progress .progress, .success-content .success-progress .progress-stacked {
  background-color: #E8E1D6;
  height: 10px;
  border-radius: 0;
}
.success-content .success-progress .pg-content {
  position: relative;
}
.success-content .success-progress .pg-content span {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--paragraphColorTwo);
}
.success-content .success-progress .pg-content .progress-shown {
  position: absolute;
  right: 0;
}
.success-content .success-progress .progress-bar {
  background-color: var(--mainColorTwo);
  border-radius: 0;
}

.success-four-area {
  position: relative;
  margin-top: -153px;
}

.services-six-left-content .service-button {
  color: var(--mainColorThree);
  display: inline-block;
  border-bottom: 1px solid var(--mainColorThree);
  padding-bottom: 0;
  line-height: 1;
}
.services-six-left-content .ser-img {
  margin-top: 40px;
}

.services-six-right-content .top-content {
  text-align: end;
  margin-bottom: 100px;
  margin-top: 50px;
}
.services-six-right-content .top-content span {
  display: block;
  color: var(--headingColor);
  margin-bottom: 15px;
}
.services-six-right-content .top-content a {
  color: var(--mainColorThree);
}
.services-six-right-content .top-content a i {
  color: var(--headingColor);
  margin-right: 15px;
}
.services-six-right-content .service-item {
  padding-left: 105px;
  position: relative;
  margin-bottom: 32px;
}
.services-six-right-content .service-item .icon {
  height: 88px;
  width: 88px;
  line-height: 78px;
  border-radius: 100%;
  text-align: center;
  border: 0.5px solid #F6AE64;
  position: absolute;
  top: 6px;
  left: 0;
}
.services-six-right-content .service-item .icon::before {
  content: "";
  position: absolute;
  left: 42px;
  bottom: 86px;
  height: 75px;
  width: 0.5px;
  background-color: #F6AE64;
}
.services-six-right-content .service-item .content h3 {
  font-size: 24px;
  margin-bottom: 15px;
}
.services-six-right-content .service-item .content h3 a {
  color: var(--headingColor);
}
.services-six-right-content .service-item .content p {
  font-size: 17px;
}
.services-six-right-content .service-item.one .icon::before {
  display: none;
}

.portfolio-four-area {
  background-size: 93% 80%;
  background-position: top left center;
  background-repeat: no-repeat;
  padding-top: 100px;
  position: relative;
}
.portfolio-four-area::before {
  position: absolute;
  content: "";
}
.portfolio-four-area .portfolio-top-section-title .section-title {
  max-width: unset;
  position: relative;
  margin-right: -25px;
}

.portfolio-four-left-content .portfolio-tabs-four {
  display: block;
  padding-left: 0;
  margin-bottom: 0;
  border: unset;
}
.portfolio-four-left-content .portfolio-tabs-four .nav-item {
  display: block;
  margin-bottom: 10px;
  border: unset;
}
.portfolio-four-left-content .portfolio-tabs-four .nav-item .nav-link {
  background-color: unset;
  border: unset;
  padding: 0;
  display: inline-block;
  font-size: 24px;
  color: var(--headingColor);
  font-weight: 700;
}
.portfolio-four-left-content .portfolio-tabs-four .nav-item .nav-link i {
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 100%;
  border: 1px solid var(--headingColor);
  margin-right: 15px;
}
.portfolio-four-left-content .portfolio-tabs-four .nav-item .nav-link.active {
  color: var(--mainColorTwo);
}
.portfolio-four-left-content .portfolio-tabs-four .nav-item .nav-link.active i {
  border-color: var(--mainColorTwo);
}

.portfolio-simple-card {
  background-color: #003C25;
  padding: 45px 50px;
  position: relative;
  margin-top: 210px;
  z-index: 2;
}
.portfolio-simple-card h4 {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 12px;
}
.portfolio-simple-card h4 a {
  color: var(--mainColorTwo);
}
.portfolio-simple-card h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
.portfolio-simple-card h3 a {
  color: var(--headingColor);
}
.portfolio-simple-card h3 a:hover {
  color: var(--mainColorTwo);
}
.portfolio-simple-card p {
  margin-bottom: 25px;
}
.portfolio-simple-card .btns {
  color: var(--headingColor);
  font-weight: 400;
}
.portfolio-simple-card .btns i {
  position: relative;
  top: 1px;
  margin-left: 10px;
}
.portfolio-simple-card .btns:hover {
  color: var(--mainColorTwo);
}

.portfolio-top-section-title .portfolio-btn {
  text-align: end;
}
.portfolio-top-section-title .portfolio-btn .default-btn {
  border-radius: 0;
  padding: 13px 30px;
}

.portfolio-four-top-section {
  padding-bottom: 25px;
  margin-bottom: 25px;
  position: relative;
}
.portfolio-four-top-section .section-title {
  margin-bottom: 20px;
}
.portfolio-four-top-section .portfolio-right-con {
  margin-bottom: 20px;
}
.portfolio-four-top-section::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, transparent 50%, #5D5D64 50%);
  background-size: 10px 100%;
}

.portfolio-cards .portfolio-single-item {
  padding-bottom: 25px;
  margin-bottom: 25px;
  position: relative;
}
.portfolio-cards .portfolio-single-item::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, transparent 50%, #5D5D64 50%);
  background-size: 10px 100%;
}
.portfolio-cards .portfolio-single-item h2 {
  font-size: 64px;
  transition: var(--transition);
}
.portfolio-cards .portfolio-single-item h2 span {
  transition: var(--transition);
  display: inline-block;
  color: #5D5D64;
  font-size: 48px;
  margin-right: 30px;
  position: relative;
  top: -5px;
}
.portfolio-cards .portfolio-single-item h2 a {
  color: #5D5D64;
  transition: var(--transition);
}
.portfolio-cards .portfolio-single-item h2:hover span {
  color: var(--mainColorFour);
}
.portfolio-cards .portfolio-single-item h2:hover a {
  color: var(--headingColor);
}
.portfolio-cards .portfolio-single-item .small-card {
  max-width: 425px;
  padding: 20px;
  position: absolute;
  right: 50px;
  top: -15px;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.portfolio-cards .portfolio-single-item .small-card img {
  border-radius: 15px;
}
.portfolio-cards .portfolio-single-item .small-card .con {
  padding: 30px;
  padding-bottom: 50px;
  position: relative;
}
.portfolio-cards .portfolio-single-item .small-card .con h4 {
  font-size: 24px;
  margin-bottom: 15px;
}
.portfolio-cards .portfolio-single-item .small-card .con h4 a {
  color: var(--headingColor);
}
.portfolio-cards .portfolio-single-item .small-card .con h4 a:hover {
  color: var(--mainColorFour);
}
.portfolio-cards .portfolio-single-item .small-card .view-btn {
  position: absolute;
  height: 90px;
  width: 90px;
  line-height: 70px;
  text-align: center;
  color: var(--headingColor);
  background-color: var(--mainColorFour);
  right: -10px;
  bottom: -10px;
  border-radius: 100%;
  border: 10px solid #171721;
  transition: var(--transition);
  z-index: 1;
}
.portfolio-cards .portfolio-single-item .small-card .view-btn:hover {
  background-color: var(--mainColorFour);
}
.portfolio-cards .portfolio-single-item .small-card::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 25px;
  -webkit-clip-path: polygon(1% 0, 100% 0, 100% 20%, 100% 84%, 89% 100%, 0 100%, 0 81%, 0% 20%);
          clip-path: polygon(1% 0, 100% 0, 100% 20%, 100% 84%, 89% 100%, 0 100%, 0 81%, 0% 20%);
  background-color: #1F1F29;
  z-index: -1;
}
.portfolio-cards .portfolio-single-item:hover .small-card {
  opacity: 1;
  visibility: visible;
}

.banner-area-five {
  padding-top: 170px;
  background-size: 100% 75%;
  background-position: top left center;
  background-repeat: no-repeat;
  position: relative;
}

.banner-five-top-content {
  margin-bottom: 80px;
}
.banner-five-top-content .banner-five-left-content h2 {
  font-size: 96px;
}
.banner-five-top-content .banner-five-right-content {
  text-align: end;
  max-width: 462px;
  margin-right: 0;
  margin-left: auto;
  margin-top: 50px;
}
.banner-five-top-content .banner-five-right-content .img-con {
  position: relative;
  margin-bottom: 35px;
}
.banner-five-top-content .banner-five-right-content .img-con img {
  animation: rotateme 20s linear infinite;
}
.banner-five-top-content .banner-five-right-content .img-con h2 {
  font-size: 48px;
  color: var(--mainColorThree);
  position: absolute;
  top: 50px;
  right: 40px;
}
.banner-five-top-content .banner-five-right-content p {
  color: var(--headingColor);
  font-size: 17px;
  text-align: start;
}

.banner-five-bottom-content {
  position: relative;
}
.banner-five-bottom-content .main-img {
  position: relative;
  margin-right: -140px;
}
.banner-five-bottom-content .help-content {
  position: absolute;
  left: 50px;
  top: 40px;
  text-align: center;
}
.banner-five-bottom-content .help-content h4 {
  font-size: 24px;
  margin-bottom: 10px;
  margin-bottom: 5px;
}
.banner-five-bottom-content .help-content p {
  color: var(--headingColor);
  margin-bottom: 10px;
}
.banner-five-bottom-content .contact-info {
  position: absolute;
  top: 80px;
  right: 0;
  text-align: right;
}
.banner-five-bottom-content .contact-info ul li {
  list-style-type: none;
  margin-bottom: 20px;
}
.banner-five-bottom-content .contact-info ul li a {
  color: var(--headingColor);
}
.banner-five-bottom-content .contact-info ul li a i {
  color: var(--mainColorTwo);
  margin-right: 15px;
}

.reveal {
  position: relative;
  transition: 1.6s;
  overflow: hidden;
  left: -60px;
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.reveal.active {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  left: 0;
}

.reveal2 {
  position: relative;
  transition: 1.5s;
  top: -60px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 5%, 0 4%);
          clip-path: polygon(0 0, 100% 0, 100% 5%, 0 4%);
  overflow: hidden;
}
.reveal2.active {
  top: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.reveal3 {
  position: relative;
  transition: 1.6s;
  overflow: hidden;
  -webkit-clip-path: polygon(49% 0, 49% 0, 49% 100%, 49% 100%);
          clip-path: polygon(49% 0, 49% 0, 49% 100%, 49% 100%);
}
.reveal3.active {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.reveal4 {
  position: relative;
  transition: 1.6s;
  overflow: hidden;
  right: -60px;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
          clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.reveal4.active {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  right: 0;
}/*# sourceMappingURL=aoriv-main-style.css.map */