/*
@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: "Outfit", Sans-serif;
  --bodyFont: "Inter", sans-serif;
  --headingColor: #ffffff;
  --gradientColor: #59ebfd;
  --gradientColorTwo: #59ebfd;
  --mainColorOne: #59ebfd;
  --mainColorTwo: #f6ae64;
  --mainColorThree: #01c982;
  --mainColorFour: #D7004E;
  --secondaryColorOne: #5c00e5;
  --secondaryColorTwo: #59ebfd;
  --secondaryColorThree: #457be8;
  --paragraphColor: #aaa8b1;
  --paragraphColorTwo: #364046;
  --blackColor: #060A14;
  --fontSize: 16px;
  --transition: all ease .5s;

  --H1_Size: clamp(46px, calc(41.73px + 1.472vw), 70px); /*70px - 46px*/
  --H2_Size: clamp(38px, calc(33.73px + 1.472vw), 62px); /*62px - 38px*/
  --H3_Size: clamp(30px, calc(26.798px + 1.104vw), 48px); /*48px - 30px*/
  --H4_Size: clamp(24px, calc(21.865px + 0.736vw), 36px); /*36px - 24px*/
  --H5_Size: clamp(20px, calc(18.933px + 0.368vw), 26px); /*26px - 20px*/
  --H6_Size: clamp(18px, calc(17.288px + 0.245vw), 22px); /*22px - 18px*/
}

/*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 {
  font-family: var(--headingFont);
  font-weight: 600;
  line-height: 1.2 !important;
  color: var(--headingColor);
  text-transform: capitalize;
}

h1 { font-size:var(--H1_Size); }
h2 { font-size:var(--H2_Size); }
h3 { font-size:var(--H3_Size); }
h4 { font-size:var(--H4_Size); }
h5 { font-size:var(--H5_Size); }
h6 { font-size:var(--H6_Size); }

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: 54px;
  border-radius: 6px;
  border: 1px solid #c3c3c3;
  padding: 10px 20px;
  background-color: #ffffff;
  color: var(--blackColor);
}
.form-control::-moz-placeholder {
  color: var(--paragraphColor);
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.form-control::placeholder {
  color: var(--blackColor);
  transition: var(--transition);
  opacity: 1;
}
.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: #060A14;
  padding: 16px 42px;
  position: relative;
  text-align: center;
  font-family: var(--headingFont);
  font-size: var(--font-size);
  font-weight: 500;
  transition: var(--transition);
  display: inline-block;
  border-radius: 6px;
  border: unset;
  z-index: 1;
  overflow: hidden;
  background-color: var(--mainColorFour);
}
.default-btn:hover {
  background-color: #AAA8B1;
  color: #060A14;
}
.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: #060A14;
}
.default-btn.style6:hover {
  background-color: #AAA8B1;
}

.navbar-area .navbar .navbar-nav .nav-item a.nav-link {
  background-color: #171721;
  font-family: var(--headingFont) !important;
  font-size: var(--font-size);
}

/*Section Title Style
======================================================*/
.section-title {
  max-width: 950px;
  margin: auto auto 35px auto;
  text-align: center;
}
.section-title h2 {
  position: relative;
  margin-bottom: 0;
}

.section-title p {
    margin-top: 20px;
    color: #ffffff;
}

.section-title.text-start {
  margin: auto auto clamp(25px, calc(23px + 0.625vw), 35px) 0;
  text-align: start;
}

.section-title.style3 h2 {
  color: var(--blackColor);
  font-weight: 500;
}

.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: 5px;
  padding-bottom: 5px;
}
.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;
  padding: 0;
}
.navbar-expand-md .navbar-collapse { justify-content: center; }

.desktop-nav .navbar ul {
  margin-bottom: 0;
  list-style-type: none;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
}
.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;
}
.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 {
  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;
  min-width: 40px;
  border-radius: 50%;
  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(--blackColor);
}
.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 {
  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 {
  content: "";
  height: 1px;
  width: 80px;
  background-color: #59EBFD;
  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: var(--H6_Size);
  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: -43px;
}
.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 {  
  background-size: 300px !important;
}

.preloader.preloader-img img {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  display: none !important;
}
.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(--bs-body-color);
  background-color: var(--main-color);
  z-index: 4;
  width: 55px;
  text-align: center;
  height: 55px;
  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(--bs-body-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: 100px;
  padding-bottom: 100px;
  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: var(--H1_Size);
  margin-bottom: 14px;
  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 {
  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 {
  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 {
    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 {
    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;
}
.services-six-area{
  padding: clamp(40px, calc(32px + 2.5vw), 80px) 0px !important;
}

/*
Scrolling Customn Styles
======================================================*/

.elementor-widget-Aoriv_Choose.scrolling-card {
  position: sticky;
  top: 0;
  height: fit-content;
}

.elementor-widget-Aoriv_Choose.scrolling-card .choose-area .container {
  width: 100%;
  max-width: 1640px;
}

.elementor-widget-Aoriv_Choose.scrolling-card .choose-area .container .choose-overly {
  padding: clamp(20px, calc(14px + 1.875vw), 50px);
  padding-left: clamp(20px, calc(5px + 4.688vw), 95px);
  border-radius: clamp(20px, calc(12px + 2.5vw), 60px);
  border: 1px solid #3a3a3a;
}

.elementor-widget-Aoriv_Choose.scrolling-card .choose-area .container .choose-overly .row {
  align-items: center;
}

.elementor-widget-Aoriv_Choose.scrolling-card .choose-area .container .choose-overly .row .choose-image {
  padding-right: 0;
  height: 100%;
  max-height: clamp(400px, calc(360px + 12.5vw), 600px);
  object-fit: cover;
}

.elementor-widget-Aoriv_Choose.scrolling-card .choose-area .container .choose-overly .row .choose-image img {
  object-fit: cover;
}

.elementor-widget-Aoriv_Choose.scrolling-card .choose-area .container .choose-overly .row .choose-content {
  padding-left: 0; 
  margin-right: clamp(20px, calc(14px + 1.875vw), 50px);
}

.elementor-widget-Aoriv_Choose.scrolling-card .choose-area .container .choose-overly .row .choose-content .section-title p {
  font-family:var(--headingFont);
  font-size: var(--H4_Size); 
  font-weight: 600;
  margin-top: 0;
}

.elementor-widget-Aoriv_Choose.scrolling-card .choose-area .container .choose-overly .row .choose-content .single-choose-item:not(:last-child) {
  margin-bottom: 35px;
}


/*
Robotic Area Style
======================================================*/

.single-robotic-item {
  margin-bottom: 30px;
  padding-left: 30px;
  border-left: 1px solid rgba(89, 230, 252, 0.3);
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
}
.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);
}
.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: #212529;
  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: 25px;
  color: #59EBFD;
}
.choose-content .single-choose-item .content h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
.choose-image {
  padding-right: 80px;
  position: relative;
  z-index: 1;
  border-radius: 20px;
}
.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);
}
.see-all-btn.style2 {
  margin-top: 15px;
}
.see-all-btn.style2 a {
  padding: 16px 42px;
  position: relative;
  text-align: center;
  font-family: var(--headingFont);
  font-size: var(--font-size);
  font-weight: 500;
  transition: var(--transition);
  display: inline-block;
  border-radius: 6px;
  border: unset;
  z-index: 1;
  overflow: hidden;
  background-color: var(--mainColorFour);
  color: var(--blackColor);
}

.see-all-btn.style2 a:hover {
  background-color: var(--blackColor);
  color: var(--headingcolor);
}

.services-area .container {
  max-width: 1640px;
}

.services-area .section-title {
  margin: auto auto 45px auto;
}

.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 {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 25px;
}
.single-service-card .service-img img {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: var(--transition);
}
.single-service-card:hover .service-img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-service-card h3 {
  font-size: var(--H5_Size);
  margin-bottom: 15px;
}
.single-service-card h3 a {
  pointer-events: none !important;
  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-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 {
  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: #59EBFD;
  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-size: var(--H6_Size);
  font-weight: 600;
  color: var(--headingColor);
  padding: clamp(12px, calc(10px + 0.625vw), 22px) 0 22px clamp(35px, calc(31px + 1.25vw), 55px);
  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";
  background-color: var(--mainColorOne);
}
.faq-content .accordion-item .accordion-button::after {
  content: "+";
  font-size: 0.8em;
  background-image: unset;
  position: absolute;
  font-family: "Font Awesome 6 Free";
  left: 0;
  width: clamp(25px, calc(24px + 0.313vw), 30px);
  height: clamp(25px, calc(24px + 0.313vw), 30px);
  background-color: #EFEFEF;
  color: var(--blackColor);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.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 0;
}
.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
======================================================*/

.contact-area .contact-form {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: var(--mainColorOne);
  padding: clamp(20px, calc(12px + 2.5vw), 60px);
  border-radius: 30px;
}
.contact-area .contact-form .section-title { 
  margin: 0; 
}
.contact-area .contact-form .wpcf7-form .form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.contact-area .contact-form .wpcf7-form .form .form-group {
  margin-bottom: 0;
}
.contact-area .contact-form .wpcf7-form .form .form-group:nth-child(3),
.contact-area .contact-form .wpcf7-form .form .form-group:nth-child(4),
.contact-area .contact-form .wpcf7-form .form .form-group .default-btn {
  grid-column: 1 / 3;
}
.contacts-info {
  background-color: #1F1F29;
  padding: 35px;
  border-radius: 30px;
}
.contacts-info h3 {
  position: relative;
  font-size: var(--H4_Size);
  margin-bottom: 45px;
}
.contacts-info h3::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 80px;
  background-color: #59EBFD;
  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: var(--H5_Size);
  font-weight: 500;
  margin-bottom: 14px;
}
.contacts-info .info li h4 i {
  color: var(--mainColorOne);
  margin-right: 10px;
}
.contacts-info .info a {
  transition: var(--transition);
}
.contacts-info .info a:hover {
  color: var(--mainColorOne);
}
.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 {
  border: 1px solid #c3c3c3;
  color: var(--headingColor);
}
.contact-form .form .form-group textarea {
  height: 150px !important;
}
.contact-form .form .default-btn {
  max-width: fit-content;
  background-color: var(--blackColor);
  color: var(--headingColor);
  margin-top: 10px;
}
.contact-form .form .default-btn:hover {
  background-color: var(--paragraphColorTwo);
}
.map-area .container-fluid {
  max-width: 1920px;
}
.map-area .container-fluid iframe {
  height: 600px;
}

/*
Blog Area Style
======================================================*/

body .blog-area #secondary:has(> .widget),
body .blog-details-area #secondary:has(> .widget) {
  position: sticky;
  top: 100px;
  height: fit-content;
}

body .blog-area .col-lg-8 .row {
  position: sticky;
  top: 100px;
  height: fit-content;
}

.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: #1F1F29;
  padding: clamp(20px, calc(18px + 0.625vw), 30px);
  border-radius: 15px;
}
.single-blog .blog-content {
  padding-bottom: clamp(20px, calc(18px + 0.625vw), 30px);
}
.single-blog .blog-content ul.info {
  flex-wrap: wrap;
  gap: 10px;
}
.single-blog .blog-content .category a {
  color: var(--blackColor);
  background-color: var(--mainColorOne);
  font-family: var(--headingFont);
  font-size: 14px;
  padding: 2px 16px;
  transition: var(--transition);
  display: inline-block;
  margin-bottom: 15px;
  border-radius: 6px;
}
.single-blog .blog-content .category a:hover {
  color: var(--blackColor);
  background-color: #fff;
}
.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: -23px;
  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: var(--H5_Size);
  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 {
  border-radius: 15px;
  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: #1F1F29;
  padding: clamp(20px, calc(14px + 1.875vw), 50px);
  border-radius: 20px;
  padding-bottom: 20px;
}
.blog-details-content .category a {
  color: var(--blackColor);
  background-color: var(--mainColorOne);
  font-family: var(--headingFont);
  font-size: 14px;
  padding: 2px 16px;
  transition: var(--transition);
  display: inline-block;
  margin-bottom: 15px;
  border-radius: 6px;
}
.blog-details-content .category a:hover {
  color: var(--blackColor);
  background-color: #fff;
}
.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: #252528 !important;
   font-family: var(--headingFont) !important;
}
.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_nav_menu,
.footer-widget.widget_aoriv_footer_social {
  background-color: #1F1F29;
  padding: 30px;
  border-radius: 30px;
  margin: 0 10px;
}

.footer-widget.widget_aoriv_footer_info {
  width: 12%;
  flex: 12%;
}
.footer-widget.widget_aoriv_footer_info p {
  max-width: 350px;
  margin-bottom: 30px;
  margin-top: 15px;
}
.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: flex;
  font-size: var(--H5_Size);
  font-weight: 600;
  line-height: normal;
  color: var(--headingColor);
  margin-bottom: 10px;
  align-items: center;
}
.footer-widget.widget_aoriv_footer_info .phone-and-mail li span i {
  position: relative;
  width: 36px;
  height: 36px;
  font-size: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--mainColorFour);
  color: var(--blackColor);
  border-radius: 50%;
  margin-right: 10px;
}
.footer-widget .footer-widget-title {
  font-size: var(--H5_Size);
  margin-bottom: 25px;
}
.footer-widget a {
  color: var(--paragraphColor);
  transition: var(--transition);
}
.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;
  font-family: var(--headingFont);
}
.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: clamp(20px, calc(16px + 1.25vw), 40px);
  padding-bottom: clamp(40px, calc(32px + 2.5vw), 80px);
}

.banner-four-bottom-content .banner-four-left-content {
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
}

.banner-four-bottom-content .banner-four-left-content img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 250px;
  object-fit: cover;
  object-position: center;
  border-radius: 30px;
}

.banner-four-top-content {
  text-align: center;
  margin-bottom: clamp(20px, calc(16px + 1.25vw), 40px);
}

.banner-four-top-content h2 {
  font-size: 96px;
  color: var(--blackColor);
}

.banner-four-top-content h2 img {
  margin-top: -92px;
  position: relative;
}

.banner-four-left-content {
  position: relative;
}

.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: 12px;
  font-family: var(--headingFont);
  font-size: var(--H6_Size);
  font-weight: 600;
  line-height: normal;
}

.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 {
  font-family: var(--headingFont);
  color: var(--blackColor);
  transition: all .3s ease;
}

.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;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.banner-four-right-content .quote-content {
  position: relative;
  grid-column: 1 / 3;
  background-color: var(--mainColorFour);
  border-radius: 30px;
  padding: 40px;
}

.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);
  margin-bottom: 30px;
}

.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 {
    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(--bs-body-bg);
  position: absolute;
  right: 30px;
  bottom: -100px;
  padding: 5px;
  border: 1px solid #000;
}

.banner-four-right-content .quote-content .quote-shape .round-shape {
  animation: rotateme 20s linear infinite;
  filter: brightness(0);
}
.banner-four-right-content .quote-content .quote-shape .middle-shape {
  position: absolute;
  width: 102px;
  right: 30px;
  top: 34px;
  left: 34px;
}
.banner-four-right-content .help-content {
  grid-column: 1 / 2;
}
.banner-four-right-content .help-content h4 {
  font-size: 24px;
  color: var(--blackColor);
  margin-bottom: 5px;
}
.banner-four-right-content .help-content p {
  color: var(--blackColor);
}
.banner-four-right-content .contact-info {
  grid-column: 2 / 3;
}
.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: 16px;
  position: relative;
  padding-right: 0;
  text-align: left;
}
.banner-four-right-content .contact-info ul li i {
  position: relative;
  width: 30px;
  height: 30px;
  font-size: 14px;
  background-color: #060A14;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.banner-four-right-content .contact-info ul li:last-child {
  margin-bottom: 0;
}
.banner-four-right-content .contact-info ul li a {
  font-family: var(--headingFont);
  color: var(--blackColor);
  font-size: 18px;
  font-weight: 500;
  transition: all .3s ease;
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-four-right-content .contact-info ul li a:hover {
  color: var(--mainColorFour);
}

.banner-four-right-content .help-content img,
.banner-four-right-content .contact-info img { 
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
  margin: auto;
}

@keyframes rotateme {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.about-right-content-four .section-title.text-start {
  margin: auto auto clamp(20px, calc(13px + 2.188vw), 55px) 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);
}

.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;
}
.blog-three-area .justify-content-center:has(> div .single-blog-item) {
  margin-bottom: -30px;
}
.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;
  background-color: #EFEFEF;
  z-index: -1;
}
.single-blog-item .blog-content .category a {
  color: var(--blackColor);
  background-color: var(--mainColorFour);
  font-family: var(--headingFont);
  font-size: 14px;
  padding: 2px 16px;
  transition: var(--transition);
  color: var(--headingColor);
  display: inline-block;
  margin-bottom: 15px;
  border-radius: 6px;
}
.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);
  color: var(--blackColor);
}
.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;
  color: var(--headingColor);
  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(--mainColorOne);
}
.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(--mainColorOne);
  padding: clamp(20px, calc(16px + 1.25vw), 40px);
  margin-right: 40px;
  border-radius: 30px;
}
.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 {
  height: 54px;
  color: var(--paragraphColorTwo);
  border-radius: 6px;
}
.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 {
  background-color: var(--blackColor);
  color: var(--headingColor);
  margin-top: 10px;
}
.faq-form-three .default-btn:hover {
  background-color: var(--paragraphColorTwo);
}
.testimonial-four-content {
  background-color: #EFEFEF;
  border-radius: 30px;
  padding: clamp(20px, calc(13px + 2.188vw), 55px);
}

.single-testimonial-style4 {
  position: relative;
  margin-bottom: 40px;
}
.single-testimonial-style4 .rating-icons {
  margin-bottom: 20px;
}
.single-testimonial-style4 .rating-icons i {
  color: #D7004E;
  font-size: var(--H6_Size);
}
.single-testimonial-style4 p {
  font-family: var(--headingFont);
  font-size: var(--H6_Size);
  font-weight: 500;
  line-height: 1.65;
  color: var(--blackColor);
  margin-bottom: 35px;
}
.single-testimonial-style4 .bottom-content .client-1 {
  display: none !important;
  width: auto;
}
.single-testimonial-style4 .bottom-content .ms-3 {
  margin: 0 !important;
}
.single-testimonial-style4 .bottom-content h3 {
  font-size: var(--H6_Size);
  color: var(--blackColor);
  margin-bottom: 6px;
}
.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: var(--H1_Size);
  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;
  z-index: 1;
}
.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;
}

.testimonial-four-area .testimonial-four-img::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, transparent, var(--blackColor) 50%);
  background-size: 100% 40%, 100% 100%;
  background-position: 100% 100%, 100% 100%;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.9;
  z-index: 0;
  margin: auto;
}

.testimonial-four-area .testimonial-four-img,
.testimonial-four-area .testimonial-four-img img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  object-fit: cover;
}

.testimonial-four-img.reveal.active {
  border-radius: 30px;
}
.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;
  background-color: #EFEFEF;
  z-index: -1;
}
.single-service-card3 div:has(> .content) {
  display: flex;
  align-items: center;
}
.single-service-card3 .content {
  margin-top: 0;
}
.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 {
  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: #EFEFEF;
}
.single-service-card3.bg3::before {
  background-color: #EFEFEF;
}
.single-service-card3.bg4::before {
  background-color: #EFEFEF;
}

.services-five-area .section-title h2 .color {
  font-weight: 700;
}

.services-five-area .service-button {
  position: relative;
  display: inline-block;
  font-family: var(--headingFont);
  font-weight: 500;
  text-align: center;
  background-color: var(--mainColorFour);
  color: #060A14;
  padding: 16px 42px;
  transition: var(--transition);
  border-radius: 6px;
}

.services-five-area .service-button:hover {
  background-color: #060A14;
  color: #ffffff;
}

.default-btn.style6 {
  background-color: var(--mainColorFour);
  color: #060A14;
}

.default-btn.style6:hover {
  background-color: #AAA8B1;
}

.navbar-area.style4 {
  background-color: #171721;
  font-family: var(--headingFont);
}
.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(--blackColor);
}
.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;
}

.navbar-area .navbar .navbar-brand img {
  width: 100%;
  max-width: 300px;
}
.footer-area .footer-widget.widget_aoriv_footer_info .logo a img { width: 100%; }
.offcanvas.sidebar-modal .offcanvas-header a img {
  width: 100%;
}


.footer-area.style5 {
  background-color: #171721;
  font-family: var(--headingFont);
}
.footer-area .container {
  max-width: 1640px !important;
}
.footer-area.style5 .footer-widget.widget_aoriv_newsletter {
  display: none;
}
.footer-area .footer-widget.widget_aoriv_footer_info .logo.one {
  display: none !important;
}
.footer-area .footer-widget.widget_aoriv_footer_info .logo.four,
.footer-area.style5 .footer-widget.widget_aoriv_footer_info .logo.four {
  display: block !important;
}
.footer-area .footer-widget.widget_aoriv_footer_info .logo,
.footer-area.style5 .footer-widget.widget_aoriv_footer_info .logo {
  width: 100%;
  max-width: 300px;
}
.footer-area.style5 .footer-widget.widget_aoriv_footer_info .phone-and-mail li span i {
  position: relative;
  width: 36px;
  height: 36px;
  font-size: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--mainColorFour);
  color: var(--blackColor);
  border-radius: 50%;
  margin-right: 10px;
}
.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: var(--mainColorFour);
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-slide-area { overflow: hidden; }

.text-slide-area .marquee,
.text-slide-area .marquee2 {
    display: flex;
    width: max-content;
    animation: marquee-left 90s linear infinite;
}

/* second row goes the opposite way */
.text-slide-area .marquee2 {
    animation-name: marquee-right;
}

.text-slide-area .marquee-group {
    display: flex;
    flex-shrink: 0;
}

.text-slide-area .marquee-group a {
    white-space: nowrap;
    padding: 0 30px;
}

/* pause on hover (optional) */
.text-slide-area .single-text1:hover .marquee,
.text-slide-area .single-text2:hover .marquee2 {
    animation-play-state: paused;
}

@keyframes marquee-left  { from { transform: translateX(0); }    to { transform: translateX(-50%); } }
@keyframes marquee-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }

.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: 42px;
  position: relative;
}

.single-text1 .marquee a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  width: 1px;
  height: clamp(40px, calc(36px + 1.25vw), 60px);
  background-color: var(--blackColor);
  transform: rotate(20deg);
  margin: auto;
}

.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: #EFEFEF;
  padding-top: 20px;
  padding-bottom: 20px;
}

.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: 42px;
  font-weight: 600;
  position: relative;
}

.single-text2 .marquee2 a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  width: 1px;
  height: clamp(40px, calc(36px + 1.25vw), 60px);
  background-color: var(--blackColor);
  transform: rotate(20deg);
  margin: auto;
}

.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: 40px;
}

.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: 40px;
  position: relative;
  list-style-type: none;
  color: var(--paragraphColorTwo);
  align-items: flex-start;
}

.education-content .education-content ul li span {
  font-weight: 700;
}

.education-content .education-content ul li img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 25px;
  max-width: 25px;
  margin-right: 10px;
}

.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: 40px;
}

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


.services-six-right-content .top-content {
  text-align: end;
  margin-bottom: 0;
}
.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: 125px;
  position: relative;
}
.services-six-right-content .service-item:not(:last-child) {
  margin-bottom: 32px;
}
.services-six-right-content .service-item .icon {
  height: 88px;
  width: 88px;
  line-height: 78px;
  border-radius: 100%;
  text-align: center;
  border: 1px solid var(--main-color);
  position: absolute;
  top: 6px;
  left: 0;
  background-color: #1F1F29;
}

.services-six-right-content .service-item .icon img {
  filter: hue-rotate(50deg);
}

.services-six-right-content .service-item .icon::before {
  content: "";
  position: absolute;
  left: 42px;
  bottom: 86px;
  height: 75px;
  width: 0.5px;
  background-color: var(--main-color);
  z-index: -1;
}

.services-six-right-content .service-item .content h3 {
  font-size: var(--H5_Size);
  margin-bottom: 15px;
}

.services-six-right-content .service-item .content h3 a {
  pointer-events: none;
  color: var(--headingColor);
}

.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-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 span.white {
    color: #ffffff;
}
.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: -210px;
  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;
    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;
    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);
  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: .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: .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%);
  will-change: transform;
}

.reveal3 {
  position: relative;
  transition: .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: .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;
}

.services-five-area{
  padding: clamp(40px, calc(32px + 2.5vw), 80px) 0px !important;
}

.portfolio-five-area{
 padding: clamp(40px, calc(32px + 2.5vw), 80px) 0px !important;
}
.testimonial-four-area{
   padding: clamp(40px, calc(32px + 2.5vw), 80px) 0px !important;
}
.blog-three-area{
  padding: clamp(40px, calc(32px + 2.5vw), 80px) 0px !important;
}
/*# sourceMappingURL=aoriv-main-style.css.map */

.elementor-column.alter-version:before, .elementor-column.alter-version:after {
  z-index: 0 !important;
  background-image: linear-gradient(45deg, transparent, transparent, #59EBFD, #55E8AE, #E8E1D6) !important;
}

.elementor-column.alter-version .elementor-widget-wrap { z-index: 1;}

.section-title p{
   background: linear-gradient(80deg, #59EBFD 0%, #55E8AE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


.highlight-text {
  display: inline-block;
  font-size: var(--H3_Size);
  font-weight: 500;
  padding: 6px 25px;
  /*background: linear-gradient(110deg, #ff8a00 0%, #ff9d87 45%, #f3a5dd 100%);*/
  background: linear-gradient(110deg, #59EBFD 0%, #59EBFD 0%, #f3a5dd 100%);
  color: #080808;
  transform: rotate(1deg);
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  margin: 10px 0;
}

.bottom-image-effect .elementor-widget-container {
  position: relative;
}

.bottom-image-effect .elementor-widget-container::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, transparent, var(--blackColor) 90%);
  background-size: 100% 50%, 100% 100%;
  background-position: 100% 100%, 100% 100%;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  z-index: 2;
  margin: auto;
}

.bottom-image-effect .elementor-widget-container::after {
  content: '';
  position: absolute;
  width: clamp(200px, calc(170px + 9.375vw), 350px);
  height: clamp(200px, calc(170px + 9.375vw), 350px);
  background-color: #1F1F29;
  top: -190px;
  right: -100%;
  bottom: 0;
  left: -100%;
  border-radius: 50%;
  margin: auto;
  z-index: 0;
}

.bottom-image-effect .elementor-widget-container img {
  position: relative;
  z-index: 1;
}


/* Qode Element Timeline Widget */

.elementor-widget-qi_addons_for_elementor_timeline .qodef-qi-timeline.qodef-timeline-layout--horizontal-alternating .qodef-e-content-holder,
.elementor-widget-qi_addons_for_elementor_timeline .qodef-qi-timeline.qodef-timeline-layout--horizontal-alternating .qodef-e-item.qodef-reverse .qodef-e-content-holder {
  justify-content: center; 
}

.elementor-widget-qi_addons_for_elementor_timeline .qodef-qi-timeline .qodef-e-item .qodef-e-image {
  border: 1px solid var(--main-color);
  margin: clamp(10px, calc(6px + 1.25vw), 30px);
}

.elementor-widget-qi_addons_for_elementor_timeline .qodef-qi-timeline .qodef-e-item .qodef-e-image img {
  padding: 30px;
  border-radius: 50%;
}

.elementor-widget-qi_addons_for_elementor_timeline .qodef-qi-timeline .qodef-e-item .qodef-e-content-holder {
  text-align: center;
}

.elementor-widget-qi_addons_for_elementor_timeline .qodef-qi-timeline .qodef-e-item .qodef-e-date {
  font-family: var(--headingFont);
  font-size: var(--H1_Size);
  line-height: normal;
  -webkit-text-stroke: 1px var(--main-color);
  color: transparent;
}

.elementor-widget-qi_addons_for_elementor_timeline .qodef-qi-timeline .qodef-e-item .qodef-e-date {
  display: inline-block !important;
  position: relative;
  translate: none;
  rotate: none;
  scale: none;
  transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -webkit-animation: animation-txt 3.5s cubic-bezier(0.72, 0, 0.18, 1) infinite;
  animation: animation-txt 3.5s cubic-bezier(0.72, 0, 0.18, 1) infinite;
  -webkit-text-stroke: 1px var(--main-color);
  -webkit-text-fill-color: transparent;
  text-transform: initial;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(45deg, var(--main-color), var(--main-color));
  background-repeat: no-repeat;
  background-position: bottom;
}

@keyframes animation-txt {
  0% {
      transform: translate(0px,0px);
      -webkit-transform: translate(0px,0px);
      background-size: 100% 0px;
      background-position: bottom;
  }

  20% {
      transform: translate3d(0px,0px,0px) scale(1,0.6862) translate(0%,-0.3549%);
      -webkit-transform: translate3d(0px,0px,0px) scale(1,0.862) translate(0%,-0.3549%);
      background-size: 100% 50px;
      background-position: bottom;
  }

  30% {
      transform: translate(0%,1.8549%) scale(1,1.2862);
      -webkit-transform: translate(0%,1.8549%) scale(1,1.2862);
      background-size: 100% 100px;
      background-position: bottom;
  }

  35% {
      transform: translate(0%,0%) scale(1,1);
      -webkit-transform: translate(0%,0%) scale(1,1);
      background-size: 100% 50px;
      background-position: bottom;
  }

  40% {
      transform: translate(0%,0%) scale(1,1);
      -webkit-transform: translate(0%,0%) scale(1,1);
      background-size: 100% 0px;
      background-position: bottom;
  }

  45% {
      transform: translate(0%,0%) scale(1,1);
      -webkit-transform: translate(0%,0%) scale(1,1);
      background-size: 100% 50px;
      background-position: bottom;
  }

  50% {
      transform: translate(0%,0%) scale(1,1.05);
      -webkit-transform: translate(0%,0%) scale(1,1.05);
      background-size: 100% 100px;
      background-position: bottom;
  }

  55% {
      transform: translate(0%,0%) scale(1,0.9);
      -webkit-transform: translate(0%,0%) scale(1,0.9);
      background-size: 100% 50px;
      background-position: bottom;
  }

  60% {
      transform: translate(0%,0%) scale(1,1);
      -webkit-transform: translate(0%,0%) scale(1,1);
      background-size: 100% 0px;
      background-position: bottom;
  }

  100% {
      transform: translate(0px,0px);
      -webkit-transform: translate(0px,0px);
      background-size: 100% 0px;
      background-position: bottom;
  }
}

@keyframes animation-txt {
  0% {
      transform: translate(0px,0px);
      -webkit-transform: translate(0px,0px);
      background-size: 100% 0px;
      background-position: bottom;
  }

  20% {
      transform: translate3d(0px,0px,0px) scale(1,0.6862) translate(0%,-0.3549%);
      -webkit-transform: translate3d(0px,0px,0px) scale(1,0.862) translate(0%,-0.3549%);
      background-size: 100% 50px;
      background-position: bottom;
  }

  30% {
      transform: translate(0%,1.8549%) scale(1,1.2862);
      -webkit-transform: translate(0%,1.8549%) scale(1,1.2862);
      background-size: 100% 100px;
      background-position: bottom;
  }

  35% {
      transform: translate(0%,0%) scale(1,1);
      -webkit-transform: translate(0%,0%) scale(1,1);
      background-size: 100% 50px;
      background-position: bottom;
  }

  40% {
      transform: translate(0%,0%) scale(1,1);
      -webkit-transform: translate(0%,0%) scale(1,1);
      background-size: 100% 0px;
      background-position: bottom;
  }

  45% {
      transform: translate(0%,0%) scale(1,1);
      -webkit-transform: translate(0%,0%) scale(1,1);
      background-size: 100% 50px;
      background-position: bottom;
  }

  50% {
      transform: translate(0%,0%) scale(1,1.05);
      -webkit-transform: translate(0%,0%) scale(1,1.05);
      background-size: 100% 100px;
      background-position: bottom;
  }

  55% {
      transform: translate(0%,0%) scale(1,0.9);
      -webkit-transform: translate(0%,0%) scale(1,0.9);
      background-size: 100% 50px;
      background-position: bottom;
  }

  60% {
      transform: translate(0%,0%) scale(1,1);
      -webkit-transform: translate(0%,0%) scale(1,1);
      background-size: 100% 0px;
      background-position: bottom;
  }

  100% {
      transform: translate(0px,0px);
      -webkit-transform: translate(0px,0px);
      background-size: 100% 0px;
      background-position: bottom;
  }
}


/* Register Form */

.form.icube-registration-form {
  background-color: var(--mainColorOne);
  padding: clamp(20px, calc(12px + 2.5vw), 60px);
  border-radius: 30px;
}

.form.icube-registration-form h2 {
  color: var(--blackColor);
  text-align: center;
  margin-bottom: 30px;
}

.form.icube-registration-form > div:not(:last-child) {
  margin-bottom: clamp(10px, calc(8px + 0.625vw), 20px);
}

.form.icube-registration-form > .form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(10px, calc(8px + 0.625vw), 20px);
}

.form.icube-registration-form > .course-title h4 {
  color: var(--blackColor);
  text-align: center;
  margin: 0;
}

.form.icube-registration-form textarea.form-control {
  height: 150px !important;
}

.form.icube-registration-form .course-options .wpcf7-form-control-wrap .wpcf7-checkbox {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: 15px;
}

.form.icube-registration-form .course-options .wpcf7-form-control-wrap .wpcf7-checkbox label {
  display: inline-flex; 
  align-items: center; 
  gap: 10px; 
  color: var(--blackColor); 
}

.form.icube-registration-form .course-options .wpcf7-form-control-wrap .wpcf7-checkbox [type="checkbox"] {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  top: 1px;
  border: 1px solid var(--blackColor);
  -webkit-transform: translateY(-0.075em);
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  opacity: 1;
  padding: 4px;
}

.form.icube-registration-form .course-options .wpcf7-form-control-wrap .wpcf7-checkbox [type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  -webkit-transform: scale(0);
  transform: scale(0);
  transform-origin: bottom left;
  -webkit-transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--blackColor);
}

.form.icube-registration-form .course-options .wpcf7-form-control-wrap .wpcf7-checkbox [type="checkbox"]:checked:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.form.icube-registration-form .form-group.register-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
}

.form.icube-registration-form .form-group.register-button .default-btn {
  background-color: var(--blackColor);
  color: #fff;
}

.form.icube-registration-form .form-group.register-button .default-btn:hover {
  background-color: #484c56;
  color: #fff;
}

.form.icube-registration-form .form-group.register-button .wpcf7-spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}


/* Portfolio Gallery Styles */

.pfg-gallery-wrapper .pfg-filters--buttons {
  gap: 15px;
  margin-bottom: clamp(25px, calc(22px + 0.938vw), 40px);
}

.pfg-gallery-wrapper .pfg-filters--buttons .pfg-filter {
  font-family: var(--headingFont);
  font-size: var(--font-size);
  font-weight: 500;
  text-transform: capitalize;
  padding: 10px 32px;
}

.pfg-gallery-wrapper .pfg-grid .pfg-item { background: transparent; }

.pfg-gallery-wrapper .pfg-grid .pfg-item .pfg-item-link {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.pfg-gallery-wrapper .pfg-grid .pfg-item .pfg-item-link::before { 
  content: '';
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 20px;
  z-index: 1;
}

.pfg-gallery-wrapper .pfg-grid .pfg-item:hover .pfg-item-link::before { 
  visibility: visible;
  opacity: 0.5;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.pfg-gallery-wrapper .pfg-grid .pfg-item:nth-child(even) .pfg-item-link .pfg-item-image {
  min-height: 350px;
  object-fit: cover;
}


.elementor-widget-qi_addons_for_elementor_image_gallery_masonry .qodef-qi-image-gallery-masonry.qodef-qi-grid.qodef-layout--qi-masonry.qodef-items--fixed .qodef-image-wrapper .qodef-e-inner {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.elementor-widget-qi_addons_for_elementor_image_gallery_masonry .qodef-qi-image-gallery-masonry.qodef-qi-grid.qodef-layout--qi-masonry.qodef-items--fixed .qodef-image-wrapper .qodef-popup-item::before { 
  content: '';
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 20px;
  z-index: 1;
}

.elementor-widget-qi_addons_for_elementor_image_gallery_masonry .qodef-qi-image-gallery-masonry.qodef-qi-grid.qodef-layout--qi-masonry.qodef-items--fixed .qodef-image-wrapper:hover .qodef-popup-item::before { 
  visibility: visible;
  opacity: 0.5;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}