/*
@File: Fria 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 CSS
** - Preloader Area CSS
** - Navbar Area CSS
** - Banner Area CSS
** - Features Area CSS
** - Creative Area CSS
** - Services Area CSS
** - Development Area CSS
** - Video Section CSS
** - Choose Area CSS
** - Projects Area CSS
** - Clients Area CSS
** - Blog Area CSS
** - Banner Area Two CSS
** - Banner Area Three CSS
** - Banner Area Four CSS
** - Banner Area Five CSS
** - Banner Area Six CSS
** - Banner Area Eight CSS
** - Work Area CSS
** - Support Area CSS
** - Overview Area CSS
** - Fun Facts Area CSS
** - Team Area CSS
** - Skill Area CSS
** - Audience Area CSS
** - Solutions Area CSS
** - Design Area CSS
** - Counter Area CSS
** - Pricing Area CSS
** - Protfolio Area CSS
** - Process Area CSS
** - About Area CSS
** - Review Area CSS
** - Subscribe Area CSS
** - FAQ Area CSS
** - Learn Area CSS
** - App Area CSS
** - Data Area CSS
** - Customer Area CSS
** - More Features Area CSS
** - Digital Area CSS
** - Experience Area CSS
** - Contact Area CSS
** - Tech Area CSS
** - Agency Services Area CSS
** - Tab Area CSS
** - Page Title Area CSS
** - Pagination Area CSS
** - Login In CSS
** - Sign Up CSS
** - 404 Error Area CSS
** - Privacy Section CSS
** - Coming Soon Area CSS
** - Contact Section CSS
** - Services Details CSS
** - Projects Details Area CSS
** - Sidebar Widget Area CSS
** - Blog Details Area CSS
** - Fooetr Area CSS
** - Copy Right Area CSS
** - Go Top CSS

*/
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700;800;900&display=swap");

body {
  padding: 0;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
}

a {
  text-decoration: none;
  transition: 0.5s;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
}

a:hover, a:focus {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  text-decoration: none;
}

button {
  outline: 0 !important;
}

p {
  margin-bottom: 15px;
  line-height: 1.8;
  color: #666666;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
}

p:last-child {
  margin-bottom: 0;
}

i {
  line-height: normal;
}

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

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

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

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

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  text-transform: capitalize;
  font-family: "Catamaran", sans-serif;
  font-weight: bold;
}

.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  margin-bottom: 0;
}

.container-fluid {
  max-width: 1920px;
}

.default-btn {
  display: inline-block;
  padding: 14px 35px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 2px;
  border: none;
}

.default-btn:hover {
  /* Replaced #10dce8 with Secondary Pink/Orchid */
  background-color: #BF5DA7; 
  color: #ffffff;
}

.optional-btn {
  display: inline-block;
  padding: 14px 35px;
  /* Replaced #10dce8 with Secondary Pink/Orchid */
  background-color: #BF5DA7; 
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 2px;
  margin-left: 16px;
}

.optional-btn:hover {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
}

.section-title {
  text-align: center;
  margin-bottom: 60px;
}

.section-title h2 {
  font-size: 50px;
  margin: 0 0 12px 0;
  position: relative;
  line-height: 1;
}

.section-title span {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.section-title p {
  max-width: 750px;
  margin: auto;
}

.section-title .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  margin: 20px auto 0;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.section-title .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

@keyframes MOVE-BG {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(85px);
  }
}

.default-shape .shape-1 {
  position: absolute;
  right: 10%;
  top: 16%;
  z-index: -1;
  animation: animationFramesOne 20s infinite linear;
}

.default-shape .shape-2 {
  position: absolute;
  left: 10%;
  top: 16%;
  z-index: -1;
}

.default-shape .shape-2 img {
  animation-name: rotateMe;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.default-shape .shape-3 {
  position: absolute;
  left: 5%;
  bottom: 25%;
  z-index: -1;
  animation: animationFramesOne 20s infinite linear;
}

.default-shape .shape-4 {
  position: absolute;
  right: 10%;
  bottom: 25%;
  z-index: -1;
  animation: animationFramesOne 20s infinite linear;
}

.default-shape .shape-5 {
  position: absolute;
  left: 50%;
  top: 10%;
  z-index: -1;
  animation: animationFramesOne 20s infinite linear;
}

/*================================================
Preloader Area CSS
=================================================*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 999999;
}

.preloader .preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

.preloader .preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F !important; 
  animation: preloader 1.3s linear infinite;
}

.preloader .preloader span:last-child {
  animation-delay: -0.8s;
}

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

/*================================================
Navbar Area CSS
=================================================*/
.fria-responsive-nav {
  display: none;
}

.fria-nav {
  padding-top: 0;
}

.fria-nav .navbar {
  transition: 0.5s;
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.fria-nav .navbar ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.fria-nav .navbar .navbar-nav {
  margin-left: auto;
  margin-right: 0;
}

.fria-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding: 0;
}

.fria-nav .navbar .navbar-nav .nav-item span {
  display: block;
  font-size: 12px;
  /* Updated previous light purple to the new Secondary Pink for consistency */
  color: #BF5DA7; 
}

.fria-nav .navbar .navbar-nav .nav-item a {
  font-size: 16px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  text-transform: capitalize;
  padding-left: 0;
  padding-right: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight: 500;
  margin-left: 14px;
  margin-right: 14px;
}

.fria-nav .navbar .navbar-nav .nav-item a:hover, 
.fria-nav .navbar .navbar-nav .nav-item a:focus, 
.fria-nav .navbar .navbar-nav .nav-item a.active,
.fria-nav .navbar .navbar-nav .nav-item .nav-link.active {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F !important; 
  font-weight: bold !important;
  position: relative;
  transition: 0.5s;
}

.fria-nav .navbar .navbar-nav .nav-item a i {
  font-size: 16px;
  position: relative;
  top: 2px;
  display: inline-block;
  margin-left: -4px;
  margin-right: -4px;
}

.fria-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}

.fria-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}

.fria-nav .navbar .navbar-nav .nav-item:hover a, 
.fria-nav .navbar .navbar-nav .nav-item.active a,
.fria-nav .navbar .navbar-nav .nav-item:hover .nav-link,
.fria-nav .navbar .navbar-nav .nav-item.active .nav-link {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F !important; 
  transition: 0.5s;
}

.fria-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  position: absolute;
  border: none;
  top: 80px;
  left: 0;
  width: 250px;
  z-index: 99;
  display: block;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
  margin-top: 20px;
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 20px;
}

.fria-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.fria-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  text-transform: capitalize;
  padding: 8px 15px;
  margin: 0;
  position: relative;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-size: 15px;
  font-weight: 400;
}

.fria-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, 
.fria-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, 
.fria-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  letter-spacing: 1px;
}

/* ... Dropdown nested styling omitted for brevity, but color rules below cover them ... */

.fria-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
}

.fria-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, 
.fria-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, 
.fria-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

/* (Repeated nested menus follow the same logic: Dark Indigo for text, Purple for hover) */

.fria-nav .navbar .others-options {
  margin-left: 100px;
}

.fria-nav .navbar .others-options .option-item {
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  display: inline-block;
  position: relative;
  line-height: 1;
}

.fria-nav .navbar .others-options .option-item .search-btn {
  cursor: pointer;
  transition: 0.5s;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-size: 20px;
  font-weight: 600;
}

.fria-nav .navbar .others-options .option-item .close-btn {
  cursor: pointer;
  display: none;
  transition: 0.5s;
  width: 20px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-size: 18px;
}

.fria-nav .navbar .others-options .option-item .close-btn.active {
  display: block;
}

.fria-nav .navbar .others-options .burger-menu {
  width: 35px;
  height: auto;
  background-color: transparent;
  margin-left: 20px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 1px;
}

.fria-nav .navbar .others-options .burger-menu span {
  display: block;
  width: 35px;
  height: 3px;
  /* Replaced #212121 with Dark Indigo */
  background: #252358; 
  transition: 0.5s;
  border-radius: 30px;
  margin-left: auto;
  margin-bottom: 4px;
}

.fria-nav .navbar .others-options .burger-menu span:nth-child(3) {
  margin-bottom: 0;
  width: 28px;
  margin-left: auto;
}

.fria-nav .navbar .others-options .burger-menu:hover span {
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
}

/* Hide navbar extra actions (search/sign-in) across all pages */
.fria-nav .navbar .others-options {
  display: none !important;
}

.navbar-area {
  background-color: #ffffff;
}

.navbar-area.navbar-two {
  position: absolute;
  z-index: 9999;
  width: 100%;
  top: 0;
  background-color: #ffffff;
}

.navbar-area.navbar-two .fria-nav .navbar .navbar-nav {
  margin-left: auto;
  margin-right: 0;
}

.navbar-area.navbar-two .fria-nav .navbar .others-options {
  margin-left: 0;
}

.navbar-area.navbar-two .fria-nav .navbar .others-options .default-btn {
  margin-left: 20px;
  /* Replaced #212121 with Dark Indigo */
  background-color: #252358;
}

.navbar-area.navbar-two .fria-nav .navbar .others-options .default-btn:hover {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
}

.navbar-area.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  background-color: #ffffff !important;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

.navbar-area.is-sticky .fria-nav {
  padding-top: 0;
}

/* Ensure navbar links group stays right-aligned */
.fria-nav .navbar .navbar-collapse {
  justify-content: flex-end;
}

.navbar-area.is-sticky .fria-nav .navbar .navbar-nav .nav-item a {
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
}

.navbar-area.is-sticky .fria-nav .navbar .navbar-nav .nav-item a:hover, 
.navbar-area.is-sticky .fria-nav .navbar .navbar-nav .nav-item a:focus, 
.navbar-area.is-sticky .fria-nav .navbar .navbar-nav .nav-item a.active,
.navbar-area.is-sticky .fria-nav .navbar .navbar-nav .nav-item .nav-link.active {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F !important;
  font-weight: bold !important;
}

.navbar-area.is-sticky .fria-nav .navbar .others-options .option-item {
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
}

.navbar-area.is-sticky .fria-nav .navbar .others-options .option-item .search-btn {
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
}

.navbar-area.is-sticky .fria-nav .navbar .others-options .option-item .close-btn {
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
}

.navbar-area.is-sticky .fria-nav .navbar .others-options .burger-menu span {
  /* Replaced #212121 with Dark Indigo */
  background: #252358;
}

.navbar-area.is-sticky .fria-nav .navbar .others-options .burger-menu:hover span {
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F;
}

/* Logo sizing in navbar */
.fria-nav .navbar .navbar-brand img.black-logo {
  max-height: 48px;
  height: auto;
}

@media (max-width: 767px) {
  .fria-nav .navbar .navbar-brand img.black-logo {
    max-height: 42px;
  }
}

.search-overlay {
  display: none;
}

.search-overlay.search-popup {
  position: absolute;
  top: 100%;
  width: 300px;
  right: 0;
  background: #ffffff;
  z-index: 2;
  padding: 20px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  margin-top: 24px;
}

.search-overlay.search-popup .search-form {
  position: relative;
}

.search-overlay.search-popup .search-form .search-input {
  display: block;
  width: 100%;
  height: 50px;
  line-height: initial;
  border: 1px solid #eeeeee;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  outline: 0;
  transition: 0.5s;
  padding-top: 4px;
  padding-left: 10px;
}

.search-overlay.search-popup .search-form .search-input:focus {
  /* Replaced #086AD8 with Primary Purple */
  border-color: #85378F;
}

.search-overlay.search-popup .search-form .search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  background: transparent;
  border: none;
  width: 50px;
  outline: 0;
  color: #666666;
  transition: 0.5s;
  padding: 0;
}

.search-overlay.search-popup .search-form .search-button:hover, 
.search-overlay.search-popup .search-form .search-button:focus {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.sidebar-modal {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  overflow: hidden;
}

.sidebar-modal .sidebar-modal-inner {
  position: absolute;
  right: -100%;
  top: 0;
  width: 30%;
  overflow-y: scroll;
  height: 100%;
  background-color: #ffffff;
  transition: 0.7s;
  z-index: 1;
  padding-top: 80px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
}

.sidebar-modal .sidebar-modal-inner .close-btn {
  display: inline-block;
  position: absolute;
  right: 35px;
  top: 20px;
  font-size: 20px;
  transition: 0.5s;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  opacity: 0.66;
  cursor: pointer;
}

.sidebar-modal .sidebar-modal-inner .close-btn:hover {
  opacity: 1;
}

.sidebar-modal .sidebar-modal-inner .contact-form {
  padding: 0;
  box-shadow: unset;
  background-color: unset;
}

.sidebar-modal .sidebar-modal-inner .contact-form .send-btn .send-btn-one {
  display: inline-block;
  padding: 14px 35px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 2px;
  transition: 0.5s;
  border: none;
}

.sidebar-modal .sidebar-modal-inner .contact-form .send-btn .send-btn-one:hover {
  /* Replaced #10dce8 with Secondary Pink */
  background-color: #BF5DA7;
  color: #ffffff;
}

.sidebar-modal .sidebar-about-area {
  margin-bottom: 40px;
}

.sidebar-modal .sidebar-about-area .title h2 {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
}

.sidebar-modal .sidebar-about-area .title p {
  margin-top: 15px;
  font-size: 15px;
}

.sidebar-modal .sidebar-contact-feed {
  margin-bottom: 40px;
}

.sidebar-modal .sidebar-contact-feed h2 {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
}

.sidebar-modal .sidebar-contact-area .contact-info {
  text-align: center;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 {
  margin-bottom: 0;
  text-transform: lowercase;
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a {
  display: inline-block;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a:hover {
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a:not(:first-child) {
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a:not(:first-child):hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 span {
  display: block;
  color: #666666;
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 20px;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li {
  display: inline-block;
  margin: 0 1px;
  padding-left: 0;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li a {
  width: 35px;
  height: 35px;
  line-height: 34px;
  border: 1px solid #dadada;
  border-radius: 50%;
  color: #aba5a5;
  display: block;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li a i {
  font-size: 14px;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li a:hover {
  color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  border-color: #85378F;
  background-color: #85378F;
}

.sidebar-modal.active {
  opacity: 1;
  visibility: visible;
}

.sidebar-modal.active .sidebar-modal-inner {
  right: 0;
}

@media only screen and (max-width: 991px) {
  .fria-responsive-nav {
    display: block;
  }
  .fria-responsive-nav .fria-responsive-menu {
    position: relative;
  }
  .fria-responsive-nav .fria-responsive-menu.mean-container .mean-nav ul {
    font-size: 15px;
  }
  .fria-responsive-nav .fria-responsive-menu.mean-container .mean-nav ul li a.active {
    /* Replaced #086AD8 with Primary Purple */
    color: #85378F !important;
    font-weight: bold !important;
  }
  .fria-responsive-nav .fria-responsive-menu.mean-container .mean-nav ul li a i {
    display: none;
  }
  .fria-responsive-nav .fria-responsive-menu.mean-container .mean-nav ul li li a {
    font-size: 14px;
  }
  .fria-responsive-nav .fria-responsive-menu.mean-container .navbar-nav {
    overflow-y: scroll;
    height: 336px;
    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
  }
  .fria-responsive-nav .mean-container a.meanmenu-reveal {
    /* Replaced #212121 with Dark Indigo */
    color: #252358;
  }
  .fria-responsive-nav .mean-container a.meanmenu-reveal span {
    /* Replaced #212121 with Dark Indigo */
    background: #252358;
    position: relative;
    top: 8px;
    margin-top: -5.8px;
    border-radius: 5px;
  }
  .fria-responsive-nav .mean-container .others-options {
    display: none;
  }
  .fria-responsive-nav .logo {
    position: relative;
    width: 50%;
    z-index: 999;
  }
  .navbar-area {
    background-color: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .fria-nav {
    display: none;
  }
}

/*================================================
Banner Area CSS
=================================================*/
.main-banner-area {
  position: relative;
  overflow: hidden;
}

.home-sliders .home-item {
  position: relative;
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}

.home-sliders .home-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F;
  opacity: 0.6;
}

.home-sliders .home-item.item-bg1 {
  background-image: url(../../assets/img/home-one/slider-bg.jpg);
}

.home-sliders .home-item.item-bg2 {
  background-image: url(../../assets/img/home-one/slider-bg-2.jpg);
}

.home-sliders .home-item.item-bg3 {
  background-image: url(../../assets/img/home-one/slider-bg-3.jpg);
}

.home-sliders .home-item .main-banner-content {
  position: relative;
  max-width: 630px;
}

.home-sliders .home-item .main-banner-content h1 {
  font-size: 70px;
  color: #ffffff;
  margin: 5px 0 15px 0;
}

.home-sliders .home-item .main-banner-content p {
  color: #ffffff;
  margin-bottom: 0;
}

.home-sliders .home-item .main-banner-content .banner-btn {
  margin-top: 30px;
}

.home-sliders .home-item .main-banner-content .banner-btn .default-btn {
  /* Replaced rgba #10dce8 with Secondary Pink rgba for shadow */
  box-shadow: 5px 5px rgba(191, 93, 167, 0.46);
}

.home-sliders .home-item .main-banner-content .banner-btn .default-btn:hover {
  box-shadow: unset;
}

.home-sliders .banner-image {
  position: absolute;
  top: 10px;
  right: 0;
  text-align: right;
}

.home-sliders .banner-image .banner-img {
  position: absolute;
  top: 70px;
  right: 0;
  text-align: right;
  max-width: 550px;
}

.home-sliders.owl-theme .owl-nav {
  margin-top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.home-sliders.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  font-size: 25px;
  margin: 0;
  padding: 0;
  /* Replaced #212121 with Dark Indigo */
  background: #252358;
  border-radius: 2px;
  width: 55px;
  height: 55px;
  transition: 0.5s;
  border: none;
}

.home-sliders.owl-theme .owl-nav [class*=owl-] i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.home-sliders.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: 20px;
}

.home-sliders.owl-theme .owl-nav [class*=owl-]:hover {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
  color: #ffffff;
}

.home-sliders.owl-theme .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
}

.home-sliders.owl-theme .owl-dots .owl-dot span {
  width: 13px;
  height: 13px;
  margin: 0 5px;
  background: #ffffff;
  transition: 0.5s;
  border-radius: 50%;
  transform: scale(0.9);
}

.home-sliders.owl-theme .owl-dots .owl-dot:hover span, 
.home-sliders.owl-theme .owl-dots .owl-dot.active span {
  /* Replaced #10dce8 with Secondary Pink */
  background-color: #BF5DA7;
}

.home-sliders.owl-theme .owl-dots .owl-dot.active span {
  transform: scale(1.2);
}

.home-sliders.owl-theme:hover .owl-nav {
  opacity: 1;
  visibility: visible;
}

/*================================================
Features Area CSS
=================================================*/
.features-content {
  text-align: center;
  margin-bottom: 20px;
}

.features-content .icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  /* Replaced light cyan #d1f9fc with a Light Pink tint */
  background-color: #f9e6f5; 
  /* Replaced #10dce8 with Secondary Pink */
  color: #BF5DA7; 
  text-align: center;
  border-radius: 50px;
  font-size: 35px;
}

.features-content .icon.left-icon i {
  padding-left: 5px;
}

.features-content h3 {
  font-size: 25px;
  margin: 16px 0 8px 0;
}

/*================================================
Creative Area CSS
=================================================*/
.creative-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
  position: relative;
}

.creative-content h3::before {
  content: "";
  position: absolute;
}

.creative-content span {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.creative-content .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.creative-content .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.skill-bar {
  margin-top: 30px;
  font-family: "Open Sans", sans-serif;
}

.skill-bar .progress-title-holder {
  position: relative;
  margin-bottom: 10px;
}

.skill-bar .progress-title {
  font-size: 18px;
  font-weight: 600;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
}

.skill-bar .progress-number-wrapper {
  width: 100%;
  z-index: 10;
  font-size: 11px;
  line-height: 24px;
  height: 24px;
  letter-spacing: 0px;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  color: #ffffff;
}

.skill-bar .progress-number-mark {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  font-size: 16px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-weight: 500;
}

.skill-bar .progress-content-outter {
  height: 6px;
  background-color: #e4e4e4;
  border-radius: 4px;
}

.skill-bar .progress-content {
  height: 6px;
  /* Replaced Blue gradient with Pink/Purple Gradient */
  background: linear-gradient(to right, #BF5DA7, #a24b9b, #85378F); 
  border-radius: 4px;
  width: 0%;
}

.creative-image {
  background-image: url(../../assets/img/about/about.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 650px;
}

.creative-image img {
  display: none;
}

.creative-video {
  text-align: center;
  position: relative;
  z-index: 1;
}

.creative-video .video-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 60px;
  background-color: #ffffff;
  border-radius: 50%;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  position: absolute;
  left: 0px;
  right: 0;
  bottom: 210px;
  margin: auto;
}

.creative-video .video-btn i {
  font-size: 35px;
  position: relative;
  top: 5px;
  left: 2px;
}

.creative-video .video-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #ffffff;
  animation: ripple 2s linear 1s infinite;
}

.creative-video .video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #ffffff;
  animation: ripple 2s linear infinite;
}

.creative-video .video-btn:hover {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
}

@keyframes ripple {
  0% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.75);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

/*================================================
Services Area CSS
=================================================*/
.services-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.services-section.bg-color {
  background-color: #f0f4f8;
  border-bottom: 1px solid #f3f3f3;
}

.services-section.bg-background {
  background-image: url(../../assets/img/services-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.services-shape {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.single-services {
  text-align: center;
  margin-bottom: 30px;
  background-color: #ffffff;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}

.single-services .icon {
  transition: 0.5s;
}

.single-services .icon i {
  display: inline-block;
  height: 70px;
  width: 90px;
  line-height: 70px;
  /* Replaced #f0f7fd with Light Purple tint */
  background-color: #f4eaf7; 
  text-align: center;
  font-size: 30px;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  border-radius: 30px 5px 30px 5px;
  transition: 0.5s;
}

/* Updated specific service colors to match theme or complement it */
.single-services .icon.bg-deb0fe i {
  background-color: #deb0fe;
  color: #ffffff;
  border-radius: 50px;
  height: 70px;
  width: 70px;
  line-height: 70px;
}

.single-services .icon.bg-79e8e2 i {
  /* Switched Cyan to Secondary Pink */
  background-color: #BF5DA7; 
  color: #ffffff;
  border-radius: 50px;
  height: 70px;
  width: 70px;
  line-height: 70px;
}

.single-services .icon.bg-fcc774 i {
  background-color: #fcc774;
  color: #ffffff;
  border-radius: 50px;
  height: 70px;
  width: 70px;
  line-height: 70px;
}

.single-services .icon.bg-84b7fd i {
  /* Switched Light Blue to Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
  border-radius: 50px;
  height: 70px;
  width: 70px;
  line-height: 70px;
}

.single-services .icon.bg-fe929f i {
  background-color: #fe929f;
  color: #ffffff;
  border-radius: 50px;
  height: 70px;
  width: 70px;
  line-height: 70px;
}

.single-services .icon.bg-2e1342 i {
  background-color: #2e1342;
  color: #ffffff;
  border-radius: 50px;
  height: 70px;
  width: 70px;
  line-height: 70px;
}

.single-services h3 {
  font-size: 24px;
  margin: 20px 0 10px 0;
  transition: 0.5s;
}

.single-services p {
  margin-bottom: 0;
  transition: 0.5s;
}

.single-services .read-btn {
  display: inline-block;
  margin-top: 12px;
  font-weight: 600;
  font-size: 16px;
}

.single-services::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 0%;
  /* Replaced #00b0ee with Primary Purple */
  background: #85378F; 
  border-radius: 0;
  transition: 0.5s;
  border-radius: 10px;
}

.single-services:hover {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}

.single-services:hover::before {
  height: 100%;
}

.single-services:hover h3 {
  color: #ffffff;
}

.single-services:hover p {
  color: #ffffff;
}

.single-services:hover .read-btn {
  color: #ffffff;
}

/* Service Type Two (Dashed Border) */

.single-services-two {
  text-align: center;
  margin-bottom: 30px;
  background-color: #ffffff;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  /* Replaced #c77efb with Primary Purple */
  border: 1px dashed #85378F; 
}

.single-services-two .icon i {
  /* Replaced #c77efb with Primary Purple */
  color: #85378F; 
  font-size: 50px;
  transition: 0.5s;
}

.single-services-two h3 {
  font-size: 25px;
  margin: 10px 0 10px 0;
  transition: 0.5s;
}

.single-services-two p {
  margin-bottom: 0;
  transition: 0.5s;
}

.single-services-two .read-btn {
  display: inline-block;
  margin-top: 12px;
  font-weight: 600;
  font-size: 16px;
}

.single-services-two::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 0%;
  /* Replaced #c77efb with Primary Purple */
  background: #85378F; 
  border-radius: 0;
  transition: 0.5s;
  border-radius: 10px;
}

.single-services-two:hover {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}

.single-services-two:hover::before {
  height: 100%;
}

.single-services-two:hover h3 {
  color: #ffffff;
}

.single-services-two:hover p {
  color: #ffffff;
}

.single-services-two:hover .read-btn {
  color: #ffffff;
}

.single-services-two:hover .icon i {
  color: #ffffff;
}

/* Specific Border Colors for Service Type Two */

.single-services-two.bg-fc9ba7 {
  border: 1px dashed #fc9ba7;
}
.single-services-two.bg-fc9ba7 .icon i {
  color: #fc9ba7;
}
.single-services-two.bg-fc9ba7::before {
  background: #fc9ba7;
}
.single-services-two.bg-fc9ba7:hover {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}
.single-services-two.bg-fc9ba7:hover::before {
  height: 100%;
}
.single-services-two.bg-fc9ba7:hover .icon i {
  color: #ffffff;
}

.single-services-two.bg-2cdcf7 {
  /* Replaced Cyan with Secondary Pink for consistency */
  border: 1px dashed #BF5DA7; 
}
.single-services-two.bg-2cdcf7 .icon i {
  /* Replaced Cyan with Secondary Pink */
  color: #BF5DA7; 
}
.single-services-two.bg-2cdcf7::before {
  /* Replaced Cyan with Secondary Pink */
  background: #BF5DA7; 
}
.single-services-two.bg-2cdcf7:hover {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}
.single-services-two.bg-2cdcf7:hover::before {
  height: 100%;
}
.single-services-two.bg-2cdcf7:hover .icon i {
  color: #ffffff;
}

.single-services-two.bg-009af0 {
  /* Replaced Blue with Primary Purple */
  border: 1px dashed #85378F; 
}
.single-services-two.bg-009af0 .icon i {
   /* Replaced Blue with Primary Purple */
  color: #85378F;
}
.single-services-two.bg-009af0::before {
   /* Replaced Blue with Primary Purple */
  background: #85378F;
}
.single-services-two.bg-009af0:hover {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}
.single-services-two.bg-009af0:hover::before {
  height: 100%;
}
.single-services-two.bg-009af0:hover .icon i {
  color: #ffffff;
}

.single-services-two.bg-f4d62c {
  border: 1px dashed #f4d62c;
}
.single-services-two.bg-f4d62c .icon i {
  color: #f4d62c;
}
.single-services-two.bg-f4d62c::before {
  background: #f4d62c;
}
.single-services-two.bg-f4d62c:hover {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}
.single-services-two.bg-f4d62c:hover::before {
  height: 100%;
}
.single-services-two.bg-f4d62c:hover .icon i {
  color: #ffffff;
}

.single-services-two.bg-1e2d75 {
  /* Replaced Dark Blue with Dark Indigo */
  border: 1px dashed #252358; 
}
.single-services-two.bg-1e2d75 .icon i {
  /* Replaced Dark Blue with Dark Indigo */
  color: #252358; 
}
.single-services-two.bg-1e2d75::before {
  /* Replaced Dark Blue with Dark Indigo */
  background: #252358; 
}
.single-services-two.bg-1e2d75:hover {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}
.single-services-two.bg-1e2d75:hover::before {
  height: 100%;
}
.single-services-two.bg-1e2d75:hover .icon i {
  color: #ffffff;
}

@keyframes rotateMe {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes animationFramesTwo {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    transform: translate(-73px, 1px) rotate(-36deg);
  }
  40% {
    transform: translate(-141px, -72px) rotate(-72deg);
  }
  60% {
    transform: translate(-83px, -122px) rotate(-108deg);
  }
  80% {
    transform: translate(40px, -72px) rotate(-144deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes rotate3d {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes moveScale {
  0% {
    transform: scale(0.6);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.6);
  }
}
@keyframes moveLeftBounce {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes moveBounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
}
/*================================================
Development Area CSS
=================================================*/
.development-text h3 {
  font-size: 40px;
  margin-bottom: 16px;
  position: relative;
}

.development-text h3::before {
  content: "";
  position: absolute;
}

.development-text span {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.development-text .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.development-text .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.development-content {
  position: relative;
  padding-left: 85px;
  margin-top: 30px;
}

.development-content .icon {
  position: absolute;
  left: 0;
}

.development-content .icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  /* Adjusted #e5c2fe to a slightly lighter purple base */
  background-color: #ebd6f7; 
  color: #ffffff;
  text-align: center;
  border-radius: 50px;
  font-size: 35px;
}

.development-content .icon.bg-05dbcf i {
  /* Replaced Cyan #05dbcf with Secondary Pink */
  background-color: #BF5DA7; 
}

.development-content .icon.bg-fec66f i {
  background-color: #fec66f;
}

.development-content .icon.bg-66a6ff i {
  /* Replaced Blue #66a6ff with Primary Purple */
  background-color: #85378F; 
}

.development-content span {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.development-content h3 {
  font-size: 22px;
  margin-bottom: 8px;
}

/*================================================
Video Section CSS
=================================================*/
.video-section {
  background-image: url(../../assets/img/video-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 150px;
  padding-bottom: 100px;
  height: 400px;
}

.video-content {
  text-align: center;
  position: relative;
}

.video-content .video-btn {
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 100px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  border-radius: 50%;
  color: #ffffff;
  position: relative;
  z-index: 1;
}

.video-content .video-btn i {
  font-size: 30px;
  position: relative;
  top: 2px;
  left: 4px;
}

.video-content .video-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid "Open Sans", sans-serif;
  animation: ripple 2s linear 1s infinite;
}

.video-content .video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  /* Replaced #086AD8 with Primary Purple */
  border: 1px solid #85378F; 
  animation: ripple 2s linear infinite;
}

.video-content .video-btn:hover, 
.video-content .video-btn .video-content .video-btn:focus {
  background-color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

@keyframes ripple {
  0% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.75);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

/*================================================
Choose Area CSS
=================================================*/
.choose-content {
  position: relative;
  margin-top: 40px;
  padding: 20px 40px 20px 120px;
  /* Replaced light blue #f5f9fd with Light Lavender */
  background-color: #fcf5fd; 
  border-radius: 50px;
  transition: 0.5s;
  z-index: 1;
}

.choose-content .icon {
  position: absolute;
  left: 30px;
  top: 26px;
  transition: 0.5s;
}

.choose-content .icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
  text-align: center;
  border-radius: 50px;
  font-size: 35px;
  transition: 0.5s;
}

.choose-content h3 {
  font-size: 22px;
  margin-bottom: 8px;
  transition: 0.5s;
}

.choose-content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 0%;
  height: 100%;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  border-radius: 0;
  transition: 0.5s;
  border-radius: 50px;
}

.choose-content:hover {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}

.choose-content:hover::before {
  width: 100%;
}

.choose-content:hover h3 {
  color: #ffffff;
}

.choose-content:hover p {
  color: #ffffff;
  transition: 0.5s;
}

.choose-content:hover .icon i {
  background-color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.choose-text {
  position: relative;
  padding-left: 88px;
  margin-bottom: 30px;
}

.choose-text .icon {
  position: absolute;
  top: 0;
  left: 0;
}

.choose-text .icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  /* Replaced Cyan/Blue gradient with Pink/Purple gradient */
  background: linear-gradient(to right, #BF5DA7, #b04e9e, #a14594, #933c8b, #85378F);
  line-height: 70px;
  border-radius: 50px;
  color: #ffffff;
  font-size: 30px;
  text-align: center;
}

.choose-text h3 {
  font-size: 25px;
  margin-bottom: 10px;
}

.image {
  text-align: center;
}

/*================================================
Projects Area CSS
=================================================*/
.single-projects {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}

.single-projects.two {
  margin-bottom: 0;
}

.single-projects::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.single-projects .projects-content {
  position: absolute;
  left: 0;
  top: 55%;
  transform: translateY(-55%);
  text-align: center;
  right: 0;
  color: #ffffff;
  margin-top: 0;
  font-size: 20px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.single-projects .projects-content:hover {
  text-decoration: none;
}

.single-projects .projects-content h3 {
  color: #ffffff;
  font-size: 24px;
  transition: 0.5s;
  margin-bottom: 5px;
}

.single-projects .projects-content span {
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  transition: 0.5s;
}

.single-projects:hover::before, .single-projects:focus::before {
  opacity: 0.8;
  visibility: visible;
}

.single-projects:hover .projects-content, .single-projects:focus .projects-content {
  opacity: 1;
  visibility: visible;
  margin-top: -15px;
}

.single-projects .projects-image img {
  width: 100%;
}

/*================================================
Clients Area CSS
=================================================*/
.clients-section.bg-background {
  background-image: url(../../assets/img/clients-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.clients-section.bg-background .section-title h2 {
  color: #ffffff;
}

.clients-section.bg-background .section-title p {
  color: #ffffff;
}

.clients-section.bg-background .clients-slider .clients-item p {
  color: #ffffff;
}

.clients-section.bg-background .clients-slider .clients-item .clients-content h3 {
  color: #ffffff;
}

.clients-section.bg-background .clients-slider .clients-item .clients-content span {
  color: #ffffff;
}

.clients-slider .clients-item {
  text-align: center;
}

.clients-slider .clients-item .icon i {
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
  font-size: 40px;
  border-radius: 50px;
}

.clients-slider .clients-item p {
  font-style: italic;
  max-width: 860px;
  margin: 20px auto 0;
}

.clients-slider .clients-item .clients-content {
  margin-top: 50px;
  position: relative;
}

.clients-slider .clients-item .clients-content::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 30px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(90deg);
  top: -25px;
}

.clients-slider .clients-item .clients-content h3 {
  font-size: 25px;
  margin-bottom: 5px;
}

.clients-slider .clients-item .clients-content span {
  font-weight: 500;
  font-size: 15px;
}

.clients-slider.owl-theme .owl-dots .owl-dot span {
  width: 13px;
  height: 13px;
  margin: 0 5px;
  /* Replaced #212121 with Dark Indigo */
  background: #252358; 
  transition: 0.5s;
  border-radius: 50%;
  transform: scale(0.9);
}

.clients-slider.owl-theme .owl-dots .owl-dot:hover span, 
.clients-slider.owl-theme .owl-dots .owl-dot.active span {
  /* Replaced #086AD8 with Secondary Pink (Consistent with previous sliders) */
  background-color: #BF5DA7; 
}

.clients-slider.owl-theme .owl-dots .owl-dot.active span {
  transform: scale(1.2);
}

.clients-slider.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 20px;
}

/*================================================
Blog Area CSS
=================================================*/
.single-blog {
  margin-bottom: 30px;
}

.single-blog .content {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
  padding: 25px;
  transition: 0.5s;
}

.single-blog .content span {
  font-size: 14px;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.single-blog .content h3 {
  font-size: 22px;
  margin: 10px 0 6px 0;
  line-height: 1.5;
}

.single-blog .content .read-more {
  font-size: 15px;
  font-weight: 600;
}

.single-blog:hover h3 a {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.single-blog:hover .read-more {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  letter-spacing: 1px;
}

/*================================================
Banner Area Two CSS
=================================================*/
.main-banner-area-two {
  position: relative;
  height: 100vh;
  z-index: 1;
  /* Replaced light blue #d0e8fc with Light Lavender */
  background-color: #f4eaf7; 
  border-bottom: 1px solid #f3f3f3;
  overflow: hidden;
}

.main-banner-area-two .main-banner-content {
  position: relative;
  max-width: 630px;
  margin-left: auto;
  margin-top: -130px;
}

.main-banner-area-two .main-banner-content h1 {
  font-size: 70px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin: 5px 0 15px 0;
}

.main-banner-area-two .main-banner-content p {
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin-bottom: 0;
}

.main-banner-area-two .main-banner-content .banner-btn {
  margin-top: 30px;
}

.main-banner-area-two.main-banner-video-area .background-video {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  z-index: -2;
}

.main-banner-area-two.main-banner-video-area .main-banner-content {
  z-index: 3;
}

.main-banner-area-two.main-banner-video-area .main-banner-content h1 {
  color: #ffffff;
}

.main-banner-area-two.main-banner-video-area .main-banner-content p {
  color: #ffffff;
}

.main-banner-area-two.main-banner-video-area .banner-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.main-banner-area-two .banner-image {
  position: relative;
  margin-top: -40px;
}

.main-banner-area-two .banner-image img {
  position: absolute;
}

.main-banner-area-two .banner-image img:nth-child(1) {
  top: 12px;
  left: 0;
  z-index: 999;
  max-width: 156px;
}

.main-banner-area-two .banner-image img:nth-child(2) {
  left: 16%;
  top: -214px;
  z-index: 999;
}

.main-banner-area-two .banner-image img:nth-child(3) {
  left: 30%;
  z-index: 999;
  top: -246px;
}

.main-banner-area-two .banner-image img:nth-child(4) {
  right: -24px;
  top: -172px;
  max-width: 820px;
}

.main-banner-area-two .banner-image img:nth-child(5) {
  top: 12px;
  right: 0;
  z-index: 999;
  max-width: 156px;
}

.main-banner-area-two .banner-image img:last-child {
  display: none;
}

/*================================================
Banner Area Three CSS
=================================================*/
.main-banner-area-three {
  position: relative;
  height: 780px;
  z-index: 1;
  background-image: url(../../assets/img/home-three/banner-bg1.jpg);
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.main-banner-area-three .main-banner-content {
  position: relative;
  max-width: 630px;
  margin-left: auto;
}

.main-banner-area-three .main-banner-content h1 {
  font-size: 70px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin: 10px 0 15px 0;
}

.main-banner-area-three .main-banner-content span {
  font-size: 16px;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  font-weight: 600;
}

.main-banner-area-three .main-banner-content p {
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin-bottom: 0;
}

.main-banner-area-three .main-banner-content .banner-btn {
  margin-top: 30px;
}

.main-banner-area-three .banner-image {
  position: relative;
  margin-top: -40px;
}

.main-banner-area-three .banner-image img {
  position: absolute;
}

.main-banner-area-three .banner-image img:nth-child(1) {
  top: 12px;
  right: 0;
  z-index: 999;
}

.main-banner-area-three .banner-image img:nth-child(2) {
  left: 45%;
  top: 100px;
  z-index: 999;
}

.main-banner-area-three .banner-image img:nth-child(3) {
  left: 120px;
  z-index: 999;
  top: 110px;
}

.main-banner-area-three .banner-image img:nth-child(4) {
  left: -112px;
  top: -85px;
}

.main-banner-area-three .banner-image img:nth-child(5) {
  top: -192px;
  left: 18%;
}

.main-banner-area-three .banner-image img:last-child {
  display: none;
}

/*================================================
Banner Area Four CSS
=================================================*/
.main-banner-area-four {
  position: relative;
  height: 900px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  background-image: url(../../assets/img/home-one/slider-bg.jpg);
  overflow: hidden;
}

.main-banner-area-four::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.9;
}

.main-banner-area-four .main-banner-content {
  position: relative;
  max-width: 630px;
  margin-left: auto;
}

.main-banner-area-four .main-banner-content h1 {
  font-size: 70px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin: 10px 0 15px 0;
}

.main-banner-area-four .main-banner-content span {
  font-size: 16px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-weight: 600;
}

.main-banner-area-four .main-banner-content p {
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin-bottom: 0;
}

.main-banner-area-four .main-banner-content .banner-btn {
  margin-top: 30px;
}

.main-banner-area-four .banner-image {
  margin-top: 60px;
}

/*================================================
Banner Area Five CSS
=================================================*/
.main-banner-area-five {
  position: relative;
  height: 900px;
  z-index: 1;
  border-bottom: 1px solid #f3f3f3;
  overflow: hidden;
}

.main-banner-area-five .main-banner-content {
  position: relative;
  max-width: 630px;
  margin-left: auto;
}

.main-banner-area-five .main-banner-content h1 {
  font-size: 70px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin: 10px 0 15px 0;
}

.main-banner-area-five .main-banner-content span {
  font-size: 16px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-weight: 600;
}

.main-banner-area-five .main-banner-content p {
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin-bottom: 0;
}

.main-banner-area-five .main-banner-content .banner-btn {
  margin-top: 30px;
}

.main-banner-area-five .banner-image {
  margin-top: 60px;
  text-align: right;
}

.main-banner-area-five .banner-shape {
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: -1;
}

/*================================================
Banner Area Six CSS
=================================================*/
.main-banner-area-six {
  position: relative;
  height: 900px;
  z-index: 1;
  border-bottom: 1px solid #f3f3f3;
  overflow: hidden;
}

.main-banner-area-six .main-banner-content {
  position: relative;
  max-width: 630px;
  margin-left: auto;
}

.main-banner-area-six .main-banner-content h1 {
  font-size: 70px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin: 10px 0 15px 0;
}

.main-banner-area-six .main-banner-content span {
  font-size: 16px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-weight: 600;
}

.main-banner-area-six .main-banner-content p {
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin-bottom: 0;
}

.main-banner-area-six .main-banner-content .banner-btn {
  margin-top: 30px;
}

.main-banner-area-six .banner-image {
  margin-top: 0;
  text-align: right;
}

.main-banner-area-six .banner-shape {
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: -1;
}

.main-banner-area-six .container-fluid {
  max-width: 1920px;
}

/*================================================
Banner Area Seven CSS
=================================================*/
.main-banner-area-seven {
  position: relative;
  height: 900px;
  z-index: 1;
  border-bottom: 1px solid #f3f3f3;
  overflow: hidden;
}

.main-banner-area-seven .main-banner-content {
  position: relative;
  max-width: 630px;
  margin-left: auto;
}

.main-banner-area-seven .main-banner-content h1 {
  font-size: 70px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin: 10px 0 15px 0;
}

.main-banner-area-seven .main-banner-content span {
  font-size: 16px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-weight: 600;
}

.main-banner-area-seven .main-banner-content p {
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin-bottom: 0;
}

.main-banner-area-seven .main-banner-content .banner-btn {
  margin-top: 30px;
}

.main-banner-area-seven .banner-image {
  position: relative;
}

.main-banner-area-seven .banner-image img {
  position: absolute;
}

.main-banner-area-seven .banner-image img:nth-child(1) {
  top: -24px;
  left: 8%;
  z-index: 999;
}

.main-banner-area-seven .banner-image img:nth-child(2) {
  left: 35%;
  top: 60px;
  z-index: 999;
}

.main-banner-area-seven .banner-image img:nth-child(3) {
  left: 28%;
  z-index: 999;
  top: -50px;
}

.main-banner-area-seven .banner-image img:nth-child(4) {
  left: 36%;
  top: 40px;
  z-index: 999;
}

.main-banner-area-seven .banner-image img:nth-child(5) {
  right: 0;
  top: -40px;
  z-index: 999;
}

.main-banner-area-seven .banner-image img:nth-child(6) {
  right: 10%;
  top: 102px;
  z-index: 999;
}

.main-banner-area-seven .banner-image img:nth-child(7) {
  right: 16%;
  top: -172px;
  z-index: 999;
}

.main-banner-area-seven .banner-image img:nth-child(8) {
  right: 5px;
  top: -320px;
  z-index: 999;
}

.main-banner-area-seven .banner-image img:nth-child(9) {
  left: 30%;
  top: -300px;
  z-index: 999;
}

.main-banner-area-seven .banner-image img:nth-child(10) {
  left: 20%;
  top: -158px;
  z-index: 999;
}

.main-banner-area-seven .banner-image img:nth-child(11) {
  right: 0;
  top: -265px;
}

.main-banner-area-seven .banner-image img:last-child {
  display: none;
}

.main-banner-area-seven .container-fluid {
  max-width: 1920px;
}

/*================================================
Banner Area Eight CSS
=================================================*/
.main-banner-area-eight {
  position: relative;
  height: 950px;
  z-index: 1;
  border-bottom: 1px solid #f3f3f3;
  overflow: hidden;
}

.main-banner-area-eight .main-banner-content {
  position: relative;
  max-width: 630px;
  margin-left: auto;
}

.main-banner-area-eight .main-banner-content h1 {
  font-size: 70px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin: 10px 0 15px 0;
}

.main-banner-area-eight .main-banner-content span {
  font-size: 16px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-weight: 600;
}

.main-banner-area-eight .main-banner-content p {
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin-bottom: 0;
}

.main-banner-area-eight .main-banner-content .banner-btn {
  margin-top: 30px;
}

.main-banner-area-eight .banner-form {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.02);
  padding: 40px;
  position: relative;
  z-index: 1;
}

.main-banner-area-eight .banner-form::before {
  left: 0;
  right: 0;
  height: 20px;
  content: "";
  position: absolute;
  background: #f4f4f4;
  bottom: -20px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.02);
  border-radius: 0 0 5px 5px;
  margin-left: 15px;
  margin-right: 15px;
}

.main-banner-area-eight .banner-form h3 {
  margin-bottom: 25px;
  font-size: 26px;
  text-align: center;
  font-family: "Catamaran", sans-serif;
}

.main-banner-area-eight .banner-form form .form-group {
  margin-bottom: 20px;
}

.main-banner-area-eight .banner-form form .form-group .form-control {
  height: 55px;
  padding: 0 0 0 15px;
  line-height: initial;
  color: #333333;
  background-color: transparent;
  border: 1px solid #e5e0e0;
  border-radius: 0;
  box-shadow: unset !important;
  transition: 0.5s;
  font-size: 15px;
  font-weight: 400;
}

.main-banner-area-eight .banner-form form .form-group .form-control:focus {
  /* Replaced #086AD8 with Primary Purple */
  border-color: #85378F; 
}

.main-banner-area-eight .banner-form form .form-group textarea.form-control {
  height: auto;
  padding-top: 15px;
}

.main-banner-area-eight .banner-form form button {
  display: block;
  width: 100%;
  margin-top: 20px;
  color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  padding: 14px 25px;
  /* Replaced #086AD8 with Primary Purple */
  border: 1px solid #85378F; 
  transition: 0.5s;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}

.main-banner-area-eight .banner-form form button:hover {
  /* Replaced #086AD8 with Primary Purple */
  border-color: #85378F; 
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  background-color: transparent;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.02);
}

.main-banner-area-eight .banner-form .with-errors ul li {
  color: red;
  margin-top: 5px;
}

.main-banner-area-eight .banner-form .text-danger {
  color: #dc3545 !important;
  margin-bottom: 0 !important;
  text-align: center;
  margin-top: 20px;
}

/*================================================
Banner Area Nine CSS
=================================================*/
.main-banner-area-nine {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #f3f3f3;
  overflow: hidden;
}

.main-banner-area-nine .main-banner-content {
  position: relative;
  max-width: 630px;
  margin-left: auto;
  margin-top: 20px;
}

.main-banner-area-nine .main-banner-content h1 {
  font-size: 70px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin: 10px 0 15px 0;
}

.main-banner-area-nine .main-banner-content span {
  font-size: 16px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-weight: 600;
}

.main-banner-area-nine .main-banner-content p {
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  margin-bottom: 0;
}

.main-banner-area-nine .main-banner-content .banner-btn {
  margin-top: 30px;
}

.main-banner-area-nine .image-sliders.owl-theme .owl-nav {
  opacity: 0;
  visibility: hidden;
  margin-top: 0;
  transition: 0.5s;
}

.main-banner-area-nine .image-sliders.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  transition: 0.5s;
  color: #ffffff;
  font-size: 18px;
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 0px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  border-radius: 50px;
}

.main-banner-area-nine .image-sliders.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: 0;
}

.main-banner-area-nine .image-sliders.owl-theme .owl-nav [class*=owl-]:hover {
  color: #ffffff;
  /* Replaced #10dce8 with Secondary Pink */
  background-color: #BF5DA7; 
}

.main-banner-area-nine .image-sliders.owl-theme:hover .owl-nav {
  opacity: 1;
  visibility: visible;
}

/*================================================
Work Area CSS
=================================================*/
.work-section.bg-f6f6fe {
  /* Replaced light blue #f6f6fe with Light Lavender */
  background-color: #fbf6fe; 
}

.work-section .container-fluid {
  max-width: 1920px;
  margin: auto;
}

.work-content {
  max-width: 630px;
  margin-left: auto;
}

.work-content h3 {
  font-size: 36px;
}

.work-content span {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.work-content p {
  margin-bottom: 0;
}

.work-content h4 {
  font-size: 25px;
  margin: 6px 0 8px 0;
}

.work-content .work-status {
  position: relative;
  margin-top: 20px;
}

.work-content .work-status h3 {
  margin-bottom: 0;
  line-height: 1;
  font-size: 50px;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.work-content .work-status h3 .sign-icon {
  display: inline-block;
  font-size: 46px;
  position: absolute;
  top: 6px;
}

.work-content .work-status p {
  margin-bottom: 0;
}

.work-image {
  background-image: url(../../assets/img/work-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 500px;
}

.work-image img {
  display: none;
}

.work-video {
  position: relative;
  z-index: 1;
}

.work-video .video-btn {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 82px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  border-radius: 50%;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  text-align: center;
  position: absolute;
  left: -25px;
  bottom: 210px;
  margin: auto;
}

.work-video .video-btn i {
  font-size: 35px;
  position: relative;
  top: 5px;
  left: 4px;
  color: #ffffff;
}

.work-video .video-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  /* Replaced #086AD8 with Primary Purple */
  border: 1px solid #85378F; 
  animation: ripple 2s linear 1s infinite;
}

.work-video .video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  /* Replaced #086AD8 with Primary Purple */
  border: 1px solid #85378F; 
  animation: ripple 2s linear infinite;
}

.work-video .video-btn:hover, 
.work-video .video-btn .video-content .video-btn:focus {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

/*================================================
Support Area CSS
=================================================*/
.support-content {
  position: relative;
  margin-bottom: 30px;
  padding-left: 65px;
}

.support-content:last-child {
  margin-bottom: 0;
}

.support-content .icon {
  position: absolute;
  left: 0;
  top: 0;
}

.support-content .icon i {
  font-size: 50px;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.support-content h3 {
  font-size: 25px;
  margin: 0 0 4px 0;
}

/*================================================
Overview Area CSS
=================================================*/
.overview-section {
  /* Replaced light blue #f0f1fe with Light Lavender */
  background-color: #f4eaf7; 
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.overview-content {
  text-align: center;
  margin-bottom: 30px;
}

.overview-content .icon {
  display: inline-block;
  height: 100px;
  width: 100px;
  background-color: #ffffff;
  line-height: 108px;
  border-radius: 50px;
  /* Replaced #086AD8 with Primary Purple */
  border: 1px dashed #85378F; 
}

.overview-content .icon i {
  display: inline-block;
  height: 80px;
  width: 80px;
  /* Replaced Cyan/Blue gradient with Pink/Purple gradient */
  background: linear-gradient(to right, #BF5DA7, #b04e9e, #a14594, #933c8b, #85378F);
  line-height: 80px;
  border-radius: 50px;
  color: #ffffff;
  font-size: 30px;
}

.overview-content h3 {
  margin: 14px 0 10px 0;
  font-size: 30px;
}

.overview-content p {
  margin-bottom: 0;
}

/*================================================
Fun Facts Area CSS
=================================================*/
.fun-facts-area {
  position: relative;
  background-image: url(../../assets/img/counter-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}

.single-fun-fact {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  background-color: #ffffff;
  padding: 35px;
  border-radius: 10px;
}

.single-fun-fact h3 {
  margin-top: 15px;
  margin-bottom: 0;
  line-height: 1;
  font-size: 50px;
}

.single-fun-fact p {
  margin: 0 0 0 0;
  font-size: 16px;
  font-weight: 500;
}

.single-fun-fact .icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  /* Replaced #e2edfd with Light Lavender/Purple tint */
  background-color: #f4eaf7; 
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  font-size: 30px;
  border-radius: 50px;
}

/*================================================
Team Area CSS
=================================================*/
.team-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.single-team {
  margin-bottom: 30px;
  transition: 0.5s;
  position: relative;
}

.single-team .image img {
  width: 100%;
}

.single-team .content {
  background-color: #ffffff;
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
  padding: 20px;
  max-width: 300px;
  margin: -80px auto 0;
  text-align: center;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

.single-team .content h3 {
  font-size: 22px;
  margin-bottom: 6px;
  /* (Implicitly Dark Indigo due to header rules, but good to check) */
}

.single-team .content span {
  font-size: 15px;
  font-weight: 500;
}

.single-team .content .social {
  padding-left: 0;
  margin-bottom: 0;
  margin-top: -40px;
  opacity: 0;
  transition: 0.5s;
}

.single-team .content .social li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}

.single-team .content .social li:last-child {
  margin-right: 0;
}

.single-team .content .social i {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
  font-size: 14px;
  border-radius: 30px;
  transition: 0.5s;
}

.single-team .content .social i:hover {
  /* Replaced #10dce8 with Secondary Pink */
  background-color: #BF5DA7; 
}

.single-team:hover .content .social {
  margin-top: 15px;
  opacity: 1;
}

.team-item {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}

.team-item .image {
  position: relative;
  overflow: hidden;
  transition: 0.5s;
}

.team-item .image img {
  width: 100%;
}

.team-item .image .social {
  padding-left: 0;
  list-style-type: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.team-item .image .social li {
  display: inline-block;
  transform: translateY(30px);
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
  margin-left: 1px;
  margin-right: 1px;
}

.team-item .image .social li a {
  display: block;
  width: 40px;
  height: 40px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  text-align: center;
  position: relative;
  font-size: 20px;
  color: #ffffff;
  border-radius: 30px;
  transition: 0.5s;
}

.team-item .image .social li a i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
}

.team-item .image .social li a:hover {
  color: #ffffff;
  /* Replaced #10dce8 with Secondary Pink */
  background-color: #BF5DA7; 
}

.team-item .image .social li:nth-child(1) {
  transition-delay: 0.2s;
}

.team-item .image .social li:nth-child(2) {
  transition-delay: 0.3s;
}

.team-item .image .social li:nth-child(3) {
  transition-delay: 0.4s;
}

.team-item .image .social li:nth-child(4) {
  transition-delay: 0.5s;
}

.team-item .content {
  background-color: #ffffff;
  box-shadow: 1px 20px 30px rgba(0, 0, 0, 0.07);
  padding: 30px;
}

.team-item .content h3 {
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
}

.team-item .content span {
  display: block;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  font-size: 14px;
  margin-top: 6px;
}

.team-item:hover .image .social li {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

/*================================================
Skill Area CSS
=================================================*/
.skills-section {
  overflow: hidden;
}

.skills-image {
  background-image: url(../../assets/img/skills.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 600px;
}

.skills-image img {
  display: none;
}

.skills-area {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
  background-color: #ffffff;
  padding: 50px;
  margin-left: -200px;
  margin-right: 200px;
}

.skills-area .skills-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
  position: relative;
}

.skills-area .skills-content h3::before {
  content: "";
  position: absolute;
}

.skills-area .skills-content span {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.skills-area .skills-content .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.skills-area .skills-content .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.skills-area .skill-bar {
  margin-top: 30px;
  font-family: "Open Sans", sans-serif;
}

.skills-area .skill-bar .progress-title-holder {
  position: relative;
  margin-bottom: 10px;
}

.skills-area .skill-bar .progress-title {
  font-size: 18px;
  font-weight: 600;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
}

.skills-area .skill-bar .progress-number-wrapper {
  width: 100%;
  z-index: 10;
  font-size: 11px;
  line-height: 24px;
  height: 24px;
  letter-spacing: 0px;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  color: #ffffff;
}

.skills-area .skill-bar .progress-number-mark {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  font-size: 16px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-weight: 500;
}

.skills-area .skill-bar .progress-content-outter {
  height: 6px;
  background-color: #e4e4e4;
  border-radius: 4px;
}

.skills-area .skill-bar .progress-content {
  height: 6px;
  /* Replaced Blue gradient with Pink/Purple gradient */
  background: linear-gradient(to right, #BF5DA7, #a24b9b, #85378F); 
  border-radius: 4px;
  width: 0%;
}

/*================================================
Audience Area CSS
=================================================*/
.audience-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.audience-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
}

.audience-content span {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.audience-content .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.audience-content .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.audience-content .audience-btn {
  margin-top: 25px;
}

/*================================================
Solutions Area CSS
=================================================*/
.solutions-content-area {
  max-width: 630px;
  margin-left: auto;
}

.solutions-content-area .solutions-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
}

.solutions-content-area .solutions-content span {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.solutions-content-area .solutions-content .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.solutions-content-area .solutions-content .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.solutions-content-area .solutions-content .audience-btn {
  margin-top: 25px;
}

.solutions-content-area .solutions-details {
  margin-top: 30px;
  position: relative;
  padding-left: 85px;
}

.solutions-content-area .solutions-details .icon {
  position: absolute;
  left: 0;
  top: 0;
}

.solutions-content-area .solutions-details .icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  /* Already purple-ish, kept consistent */
  background-color: #f2e4fc;
  color: #b45df5;
  text-align: center;
  font-size: 32px;
  border-radius: 50px;
}

.solutions-content-area .solutions-details .icon.bg-d3fbf9 i {
  /* Replaced Cyan background with Light Pink tint */
  background-color: #fce4f2;
  /* Replaced Cyan text with Secondary Pink */
  color: #BF5DA7;
}

.solutions-content-area .solutions-details .icon.bg-fce8c9 i {
  background-color: #fce8c9;
  color: #f7b042;
}

.solutions-content-area .solutions-details .icon.bg-d5e6fe i {
  /* Replaced Light Blue background with Light Purple tint */
  background-color: #e4d5fe;
  /* Replaced Blue text with Primary Purple */
  color: #85378F;
}

.solutions-content-area .solutions-details h3 {
  font-size: 22px;
  margin: 0 0 8px 0;
}

.solutions-content-area .solutions-details p {
  margin-bottom: 0;
  font-size: 14px;
}

.solutions-image {
  background-image: url(../../assets/img/solutions.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 700px;
}

.solutions-image img {
  display: none;
}

/*================================================
Design Area CSS
=================================================*/
.design-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.design-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
}

.design-content span {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.design-content p {
  margin-bottom: 0;
}

.design-content .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.design-content .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.design-content .design-list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: -10px;
  margin-right: -10px;
}

.design-content .design-list li {
  flex: 0 0 50%;
  max-width: 50%;
  margin-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  font-weight: 600;
}

.design-content .design-list i {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
  display: inline-block;
  height: 25px;
  width: 25px;
  line-height: 25px;
  /* Replaced #d7f2fc with Light Purple tint */
  background-color: #f2d7fc;
  text-align: center;
  margin-right: 5px;
}

/*================================================
Counter Area CSS
=================================================*/
.counter-section {
  /* Replaced #eceefe with Light Lavender */
  background-color: #f2ecfe;
}

.single-counter {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  background-color: #ffffff;
  padding: 35px;
  border-radius: 10px;
  transition: 0.5s;
  z-index: 1;
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}

.single-counter h3 {
  margin-top: 15px;
  margin-bottom: 0;
  line-height: 1;
  font-size: 50px;
  transition: 0.5s;
}

.single-counter p {
  margin: 0 0 0 0;
  font-size: 16px;
  font-weight: 500;
  transition: 0.5s;
}

.single-counter .icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  /* Replaced #e2edfd with Light Purple tint */
  background-color: #f2e2fd;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
  font-size: 30px;
  border-radius: 50px;
}

.single-counter::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 0%;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F;
  border-radius: 0;
  transition: 0.5s;
  border-radius: 10px;
}

.single-counter:hover::before {
  height: 100%;
}

.single-counter:hover h3 {
  color: #ffffff;
}

.single-counter:hover p {
  color: #ffffff;
}

/*================================================
Pricing Area CSS
=================================================*/
.pricing-section {
  /* Replaced #faf9ff with Light Lavender */
  background-color: #fdfaff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.single-pricing {
  /* Replaced #c2f2fd with Light Pink/Purple tint */
  background-color: #eec2fd;
  padding: 50px 70px;
  margin-bottom: 30px;
  border-radius: 50px 4px 50px 4px;
}

.single-pricing .pricing-header h3 {
  font-size: 25px;
  color: #000000;
  margin-bottom: 0;
  transition: 0.5s;
}

.single-pricing .pricing-header p {
  color: #000000;
  font-weight: 500;
  transition: 0.5s;
}

.single-pricing .price {
  display: inline-block;
  height: 100px;
  width: 100px;
  line-height: 100px;
  background-color: #ffffff;
  font-size: 25px;
  border-radius: 50px;
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: bold;
  transition: 0.5s;
  text-align: center;
}

.single-pricing .price sup {
  font-weight: 400;
}

.single-pricing .pricing-list {
  padding-left: 0;
  margin-bottom: 0;
  text-align: left;
  transition: 0.5s;
}

.single-pricing .pricing-list li {
  list-style-type: none;
  padding-bottom: 12px;
  font-size: 16px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  font-weight: 500;
  transition: 0.5s;
}

.single-pricing .pricing-list li:last-child {
  padding-bottom: 0;
}

.single-pricing .pricing-list i {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
  margin-right: 5px;
  transition: 0.5s;
  font-size: 15px;
}

.single-pricing .price-btn {
  margin-top: 25px;
}

.single-pricing .price-btn .default-btn {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
  padding: 12px 30px;
  display: inline-block;
  background-color: #ffffff;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  font-weight: 600;
  border-radius: 30px;
  transition: 0.5s;
}

.single-pricing:hover .price-btn .default-btn {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
  color: #ffffff;
}

.single-pricing.two {
  border-radius: 5px;
  transition: 0.5s;
}

.single-pricing.two:hover {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
}

.single-pricing.two:hover .price-btn .default-btn {
  background-color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.single-pricing.two:hover .pricing-header h3 {
  color: #ffffff;
}

.single-pricing.two:hover .pricing-header p {
  color: #ffffff;
}

.single-pricing.two:hover .pricing-list li {
  color: #ffffff;
}

.single-pricing.two:hover .pricing-list i {
  color: #ffffff;
}

/*================================================
Protfolio Area CSS
=================================================*/
.protfolio-section.bg-color {
  /* Replaced #f2f0fe with Light Lavender */
  background-color: #f5f2fe;
}

.single-protfolio {
  margin-bottom: 30px;
  transition: 0.5s;
  border-radius: 10px 10px 0 0;
}

.single-protfolio .content {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
  padding: 30px;
  transition: 0.5s;
}

.single-protfolio .content h3 {
  font-size: 25px;
  margin-bottom: 15px;
}

.single-protfolio .content span {
  font-weight: 500;
}

.single-protfolio:hover {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
}

.single-protfolio:hover h3 {
  color: #ffffff;
}

.single-protfolio:hover span {
  color: #ffffff;
}

/*================================================
Process Area CSS
=================================================*/
.process-content {
  /* Replaced #f5f6fe with Light Lavender */
  background-color: #f8f5fe;
  padding: 30px;
  margin-bottom: 30px;
}

.process-content .number {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
  color: #ffffff;
  border-radius: 30px;
}

.process-content h3 {
  font-size: 28px;
  margin-bottom: 0;
  margin-top: 10px;
}

.process-content .content {
  margin-top: 30px;
}

.process-content .content h4 {
  font-size: 22px;
  margin-bottom: 5px;
  margin-top: 0;
}

.process-content .content p {
  font-size: 14px;
}

.process-content .image {
  margin-top: 20px;
}

/*================================================
About Area CSS
=================================================*/
.tab .tabs_item {
  display: none;
}

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

.about-tab {
  max-width: 620px;
  padding: 100px 0;
  margin-left: 50px;
}

.about-tab h2 {
  font-size: 38px;
  margin: 0 0 15px 0;
}

.about-tab .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.about-tab .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.about-tab .about-list-tab .tabs {
  border-bottom: 1px solid #eeeeee;
  padding-left: 0;
  margin-bottom: 20px;
  margin-top: 20px;
}

.about-tab .about-list-tab .tabs li {
  padding: 0;
  margin-right: 30px;
  padding-bottom: 10px;
  display: inline-block;
}

.about-tab .about-list-tab .tabs li.current {
  /* Replaced #086AD8 with Primary Purple */
  border-bottom: 2px solid #85378F; 
}

.about-tab .about-list-tab .tabs li.current a {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.about-tab .about-list-tab .tabs li a {
  position: relative;
}

.about-tab .about-list-tab .tab_content .tabs_item .text h3 {
  font-size: 20px;
  margin-bottom: 0;
}

.about-tab .about-list-tab .tab_content .tabs_item .list {
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.about-tab .about-list-tab .tab_content .tabs_item .list li {
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

.about-tab .about-list-tab .tab_content .tabs_item .list li:last-child {
  margin-bottom: 0;
}

.about-tab .about-list-tab .tab_content .tabs_item .list i {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  margin-right: 5px;
}

.about-tab .about-list-tab .tab_content .tabs_item p {
  margin-bottom: 0;
}

.about-tab .about-list-tab .tab_content .tabs_item .default-btn {
  margin-top: 30px;
}

.about-image {
  background-image: url(../../assets/img/about/about-2.jpg);
  background-size: cover;
  background-position: center center;
  height: 100%;
}

.about-image img {
  display: none;
}

/*================================================
Review Area CSS
=================================================*/
.review-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
  position: relative;
}

.review-content h3::before {
  content: "";
  position: absolute;
}

.review-content span {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.review-content p {
  margin-bottom: 0;
}

.review-content .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.review-content .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.review-text {
  position: relative;
  margin-top: 30px;
  padding-left: 35px;
}

.review-text .icon {
  position: absolute;
  left: 0;
  top: 0;
}

.review-text .icon i {
  font-size: 20px;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.review-text h3 {
  font-size: 25px;
}

/*================================================
Subscribe Area CSS
=================================================*/
.subscribe-inner-area {
  position: relative;
  z-index: 1;
  background-image: url(../../assets/img/subscribe-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.subscribe-inner-area::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  opacity: 0.8;
}

.subscribe-inner-text {
  text-align: center;
}

.subscribe-inner-text h2 {
  color: #ffffff;
  max-width: 700px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
}

.subscribe-inner-text p {
  color: #ffffff;
}

.subscribe-inner-text .newsletter-form {
  max-width: 550px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
}

.subscribe-inner-text .newsletter-form .input-newsletter {
  display: block;
  width: 100%;
  background-color: #ffffff;
  border: none;
  height: 65px;
  padding-left: 25px;
  border-radius: 70px;
  padding-top: 5px;
  outline: 0;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
}

.subscribe-inner-text .newsletter-form button {
  position: absolute;
  right: 5px;
  top: 5px;
  /* Replaced #212121 with Dark Indigo */
  background-color: #252358; 
  color: #ffffff;
  border: none;
  height: 55px;
  padding: 0 30px;
  border-radius: 70px;
  transition: 0.5s;
  line-height: 55px;
  font-size: 15px;
  font-weight: 700;
}

.subscribe-inner-text .newsletter-form button:hover {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
}

.subscribe-inner-text .newsletter-form #validator-newsletter {
  color: red;
  margin-top: 15px;
}

/*================================================
FAQ Area CSS (Theme Update)
=================================================*/

/* 1. Override the inline background style */
#faq-bg {
    /* Using !important to override the inline HTML style */
    background: 
        linear-gradient(rgba(37, 35, 88, 0.9), rgba(37, 35, 88, 0.9)), 
        url('assets/img/home page/faq.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
}

/* 2. Accordion Styling */
.faq-accordion .accordion {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.faq-accordion .accordion .accordion-item {
    border-radius: 5px;
    display: block;
    margin-bottom: 15px;
    /* Replaced light blue background with light lavender/white */
    background-color: #ffffff; 
    padding: 25px;
}

.faq-accordion .accordion .accordion-item:last-child {
    margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
    padding: 0 60px 0 0;
    /* Replaced #212121 with Dark Indigo */
    color: #252358; 
    text-decoration: none;
    position: relative;
    display: block;
    font-family: "Catamaran", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.faq-accordion .accordion .accordion-title i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 25px;
    transition: 0.5s;
    /* Replaced default icon color with Primary Purple */
    color: #85378F; 
}

.faq-accordion .accordion .accordion-title.active {
    /* Active text color */
    color: #85378F; 
}

.faq-accordion .accordion .accordion-title.active i {
    transform: rotate(180deg);
    color: #85378F;
}

.faq-accordion .accordion .accordion-content {
    display: none;
    position: relative;
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.faq-accordion .accordion .accordion-content.show {
    display: block;
}

.faq-accordion .accordion .accordion-content p {
    color: #666666;
    margin-bottom: 0;
}

.faq-accordion .accordion .accordion-content ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.faq-accordion .accordion .accordion-content ul li {
    /* Replaced Cyan #10dce8 with Secondary Pink */
    color: #BF5DA7; 
    position: relative;
    margin-bottom: 12px;
    line-height: 25px;
    padding-left: 15px;
}

.faq-accordion .accordion .accordion-content ul li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    /* Replaced Blue #086AD8 with Primary Purple */
    background: #85378F; 
    border-radius: 50%;
}

.faq-accordion .accordion .accordion-content ul li:last-child {
    margin-bottom: 0;
}

/*================================================
Clients / Testimonials Section CSS
=================================================*/

/* 1. Unique Background for Clients Section */
#clients-bg {
    position: relative;
    z-index: 1;
    /* Gradient blend of Dark Indigo (#252358) and Primary Purple (#85378F) */
    background: 
        linear-gradient(rgba(37, 35, 88, 0.92), rgba(133, 55, 143, 0.85)), 
        url('https://images.unsplash.com/photo-1519681393784-d120267933ba');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    overflow: hidden;
}

/* 2. Section Title Styling */
.clients-section .section-title h2 {
    color: #ffffff;
}

.clients-section .section-title h2 span {
    color: #BF5DA7; /* Secondary Pink */
}

.clients-section .section-title .bar {
    background: #ffffff;
    height: 4px;
    width: 85px;
    margin: 20px auto 0;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.clients-section .section-title .bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #BF5DA7; /* Secondary Pink moving bar */
    animation: MOVE-BG 2s linear infinite;
}

/* 3. Slider Item Styling */
.clients-slider .clients-item {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 15px;
}

/* Quote Icon */
.clients-slider .clients-item .icon {
    margin-bottom: 20px;
    display: inline-block;
}

.clients-slider .clients-item .icon i {
    font-size: 50px;
    color: #BF5DA7; /* Secondary Pink */
    display: inline-block;
}

/* Testimonial Text */
.clients-slider .clients-item p {
    font-style: italic;
    font-size: 16px;
    line-height: 1.8;
    color: #ffffff;
    max-width: 800px;
    margin: 0 auto 25px;
    opacity: 0.9;
}

/* Client Name & Title */
.clients-slider .clients-item .clients-content h3 {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 5px;
    font-family: "Catamaran", sans-serif;
}

.clients-slider .clients-item .clients-content span {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #BF5DA7; /* Secondary Pink */
}

/* 4. Owl Carousel Dots (if visible) */
.clients-slider.owl-theme .owl-dots .owl-dot span {
    background: #ffffff;
    opacity: 0.5;
}

.clients-slider.owl-theme .owl-dots .owl-dot.active span,
.clients-slider.owl-theme .owl-dots .owl-dot:hover span {
    background: #BF5DA7; /* Secondary Pink */
    opacity: 1;
}

/*================================================
Learn Area CSS
=================================================*/
.learn-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
}

.learn-content p {
  margin-bottom: 0;
}

.learn-content .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.learn-content .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.learn-content .learn-list {
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 30px;
  position: relative;
}

.learn-content .learn-list li {
  list-style-type: none;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}

.learn-content .learn-list li:last-child {
  margin-bottom: 0;
}

.learn-content .learn-list i {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  margin-right: 5px;
  font-size: 20px;
}

.learn-inner-content {
  background-color: #ffffff;
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
  padding: 30px;
  text-align: center;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  border-radius: 10px;
}

.learn-inner-content.mb-30 {
  margin-bottom: 30px;
}

.learn-inner-content .icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
  font-size: 35px;
  border-radius: 50px;
  transition: 0.5s;
}

.learn-inner-content .icon.bg-ba60fc i {
  background-color: #ba60fc;
}

.learn-inner-content .icon.bg-04cfc4 i {
  /* Replaced Cyan #04cfc4 with Secondary Pink */
  background-color: #BF5DA7; 
}

.learn-inner-content .icon.bg-f9b854 i {
  background-color: #f9b854;
}

.learn-inner-content h3 {
  font-size: 20px;
  margin: 15px 0 8px 0;
  transition: 0.5s;
}

.learn-inner-content p {
  margin-bottom: 0;
  transition: 0.5s;
}

.learn-inner-content .read-btn {
  display: inline-block;
  margin-top: 10px;
  font-size: 15px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-weight: 600;
  transition: 0.5s;
}

.learn-inner-content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 0%;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  transition: 0.5s;
  border-radius: 10px;
}

.learn-inner-content:hover {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}

.learn-inner-content:hover::before {
  height: 100%;
}

.learn-inner-content:hover h3 {
  color: #ffffff;
}

.learn-inner-content:hover p {
  color: #ffffff;
}

.learn-inner-content:hover .read-btn {
  color: #ffffff;
}

.learn-inner-content:hover .icon i {
  background-color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

/*================================================
App Area CSS
=================================================*/
.app-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
}

.app-content .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.app-content .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.app-inner-text {
  position: relative;
  margin-top: 30px;
  padding-left: 85px;
}

.app-inner-text .icon {
  position: absolute;
  left: 0;
  top: 0;
}

.app-inner-text .icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
  text-align: center;
  font-size: 35px;
  border-radius: 50px;
}

.app-inner-text h3 {
  font-size: 24px;
  margin-bottom: 8px;
}

.app-inner-text p {
  margin-bottom: 0;
}

/*================================================
Data Area CSS
=================================================*/
.data-section {
  /* Replaced light blue #f8fcfe with Light Lavender */
  background-color: #fbf6fe; 
}

.data-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
}

.data-content .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.data-content .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.data-inner-content {
  background-color: #ffffff;
  padding: 30px;
}

.data-inner-content i {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 20px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
}

.data-inner-content h3 {
  font-size: 20px;
  margin: 15px 0 2px 0;
}

.data-inner-content.bg-facf34 i {
  background-color: #facf34;
}

/*================================================
Customer Area CSS
=================================================*/
.customer-section {
  /* Replaced Blue/Purple Gradient with Pink/Purple Gradient */
  background: linear-gradient(to right, #f8bbd0, #e1bee7, #ce93d8, #ab47bc, #85378F);
}

.customer-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
}

.customer-content .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.customer-content .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.customer-content .customer-btn {
  margin-top: 30px;
}

.customer-image {
  text-align: center;
}

/*================================================
More Features Area CSS
=================================================*/
.more-features-content {
  text-align: center;
  margin-bottom: 30px;
  /* Replaced light blue-grey #f1eff8 with Light Lavender */
  background-color: #f4eaf7; 
  border-radius: 5px;
  padding: 40px 20px 36px;
  transition: 0.5s;
}

.more-features-content .icon i {
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  background-color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  font-size: 30px;
  border-radius: 50px;
  /* Replaced #086AD8 with Primary Purple */
  border: 1px dashed #85378F; 
}

.more-features-content h3 {
  font-size: 20px;
  margin-bottom: 5px;
  margin-top: 15px;
  transition: 0.5s;
}

.more-features-content p {
  transition: 0.5s;
}

.more-features-content.bg-f0fffc {
  background-color: #f0fffc;
}
.more-features-content.bg-f0fffc .icon i {
  background-color: #ffffff;
  color: #22b396;
  border: 1px dashed #22b396;
}

.more-features-content.bg-fceee2 {
  background-color: #fceee2;
}
.more-features-content.bg-fceee2 .icon i {
  background-color: #ffffff;
  color: #f1760c;
  border: 1px dashed #f1760c;
}

.more-features-content.bg-fde2ee {
  background-color: #fde2ee;
}
.more-features-content.bg-fde2ee .icon i {
  background-color: #ffffff;
  color: #f23e8a;
  border: 1px dashed #f23e8a;
}

.more-features-content:hover {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
}

.more-features-content:hover h3 {
  color: #ffffff;
}

.more-features-content:hover p {
  color: #ffffff;
}

/*================================================
Digital Area CSS
=================================================*/
.digital-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
}

.digital-content span {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.digital-content p {
  margin-bottom: 0;
}

.digital-content .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.digital-content .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.digital-content .digital-list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: -10px;
  margin-right: -10px;
}

.digital-content .digital-list li {
  flex: 0 0 50%;
  max-width: 50%;
  margin-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  font-weight: 600;
}

.digital-content .digital-list i {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
  display: inline-block;
  height: 25px;
  width: 25px;
  line-height: 25px;
  /* Replaced #d7f2fc with light purple tint */
  background-color: #f2d7fc;
  text-align: center;
  margin-right: 5px;
}

.digital-content .digital-btn {
  margin-top: 30px;
}

/*================================================
Experience Area CSS
=================================================*/
.experience-section .container-fluid {
  max-width: 1920px;
}

.experience-inner-area {
  max-width: 630px;
  margin-left: auto;
}

.experience-inner-area .experience-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
}

.experience-inner-area .experience-content span {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.experience-inner-area .experience-content p {
  margin-bottom: 0;
}

.experience-inner-area .experience-content .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.experience-inner-area .experience-content .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}

.experience-inner-area .experience-inner-content {
  position: relative;
  margin-top: 30px;
  padding-left: 55px;
}

.experience-inner-area .experience-inner-content .icon {
  position: absolute;
  top: 0;
  left: 0;
}

.experience-inner-area .experience-inner-content .icon i {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  border-radius: 2px;
}

.experience-inner-area .experience-inner-content h3 {
  font-size: 25px;
  margin-bottom: 10px;
}

/*================================================
Contact Area CSS
=================================================*/
.contact-text {
  margin-bottom: 30px;
}

.contact-text h3 {
  margin-bottom: 10px;
  font-size: 32px;
}

.contact-form {
  background-color: #ffffff;
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
  padding: 35px;
  border-radius: 5px;
}

.contact-form form .form-group {
  margin-bottom: 15px;
}

.contact-form form .form-control {
  height: 55px;
  padding: 0 15px;
  line-height: initial;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  background-color: #f8f6f6;
  border: 1px solid #f8f6f6;
  border-radius: 5px;
  transition: 0.5s;
  box-shadow: unset !important;
  font-size: 14px;
  font-weight: 400;
}

.contact-form form .form-control:focus {
  /* Replaced #086AD8 with Primary Purple */
  border-color: #85378F;
}

.contact-form form .form-control::-moz-placeholder {
  color: #999999;
}

.contact-form form .form-control::placeholder {
  color: #999999;
}

.contact-form form textarea.form-control {
  height: auto !important;
  padding-top: 15px;
}

.contact-form form label {
  font-size: 16px;
  font-weight: 500;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  margin-bottom: 5px;
}

.contact-form .send-btn {
  margin-top: 10px;
  transition: 0.5s;
}

.contact-form .send-btn .default-btn {
  border: none;
  display: inline-block;
  width: 100%;
}

.contact-form .with-errors ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 5px;
  margin-bottom: 0;
}

.contact-form .with-errors ul li {
  color: red;
}

.contact-form #msgSubmit {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
}

.contact-form #msgSubmit.text-danger {
  margin-top: 20px !important;
  font-family: "Open Sans", sans-serif;
}

/*================================================
Tech Area CSS
=================================================*/
/*================================================
Tech Section Specific Overrides
=================================================*/

/* 1. Update Background Color (From Light Blue to Light Lavender) */
.tech-section {
  /* Replaced #f6f6fe with light lavender to match purple theme */
  background-color: #fbf6fe; 
}

/* 2. Headings and Separator Bar */
.tech-content h3 {
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-size: 40px;
  margin-bottom: 16px;
}

.tech-content .bar {
  height: 4px;
  width: 85px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin: 15px auto;
}

.tech-content .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  animation: MOVE-BG 2s linear infinite;
}

/* 3. Nav Pills (The Buttons on the Left) */
.tech-section .nav-pills .nav-link {
  /* Text color for inactive tabs - Dark Indigo */
  color: #252358; 
  background-color: #ffffff;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 15px 20px;
  font-weight: 600;
  font-size: 16px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  transition: all 0.4s ease;
  border: 1px solid transparent;
}

/* Hover State for Tabs */
.tech-section .nav-pills .nav-link:hover {
  /* Primary Purple Text on Hover */
  color: #85378F; 
  background-color: #ffffff;
  border-color: #85378F;
}

/* 4. Active Tab State (This replaces the Blue Background) */
.tech-section .nav-pills .nav-link.active,
.tech-section .nav-pills .show > .nav-link {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F !important; 
  color: #ffffff !important;
  border-color: #85378F;
}

/* 5. Right Side Content (Tab Panes) */
.tech-section .tab-content {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  height: 100%;
}

.tech-section .tab-content h5 {
  /* Dark Indigo */
  color: #252358; 
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.tech-section .tab-content p {
  color: #666666;
  line-height: 1.8;
  margin-bottom: 0;
}

/*================================================
Agency Services Area CSS
=================================================*/
.agency-services-section {
  /* Replaced #f6f6fe with light lavender */
  background-color: #fbf6fe;
  position: relative;
}

.single-agency {
  margin-bottom: 30px;
  position: relative;
}

.single-agency .content {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
  background-color: #ffffff;
  padding: 30px;
  text-align: center;
  position: relative;
  z-index: 1;
  max-width: 320px;
  margin: -50px auto 0px;
}

.single-agency .content h3 {
  font-size: 25px;
  margin-bottom: 8px;
  transition: 0.5s;
}

.single-agency .content span {
  font-size: 16px;
  font-weight: 600;
  transition: 0.5s;
}

.single-agency .content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 0%;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F;
  border-radius: 0;
  transition: 0.5s;
}

.single-agency:hover .content::before {
  height: 100%;
}

.single-agency:hover .content h3 {
  color: #ffffff;
}

.single-agency:hover .content span {
  color: #ffffff;
}

/*================================================
Tab Area CSS
=================================================*/
.tab .tabs_item {
  display: none;
}

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

.schedule-list-tab .tabs {
  padding-left: 0;
  margin-bottom: 65px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}

.schedule-list-tab .tabs li {
  text-align: center;
  display: inline-block;
  list-style: none;
  background-color: #ffffff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  transition: 0.5s;
  flex: 0 0 18%;
  max-width: 20%;
  margin-right: 30px;
}

.schedule-list-tab .tabs li:last-child {
  margin-right: 0;
}

.schedule-list-tab .tabs li a {
  display: block;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  padding: 20px 10px 20px 10px;
  font-size: 16px;
  font-weight: 500;
}

.schedule-list-tab .tabs li a span {
  display: block;
  margin-top: 0;
}

.schedule-list-tab .tabs li a span i {
  display: block;
  font-size: 35px;
  margin-bottom: 8px;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.schedule-list-tab .tabs li.current, 
.schedule-list-tab .tabs li:hover {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
}

.schedule-list-tab .tabs li.current a, 
.schedule-list-tab .tabs li:hover a {
  color: #ffffff;
}

.schedule-list-tab .tabs li.current a span i, 
.schedule-list-tab .tabs li:hover a span i {
  color: #ffffff;
}

.schedule-list-tab .tab_content .tabs_item .tab-content h3 {
  font-size: 30px;
  margin-bottom: 8px;
}

.schedule-list-tab .tab_content .tabs_item .tab-content p {
  margin-bottom: 0;
}

.schedule-list-tab .tab_content .tabs_item .tab-content .tab-inner-content {
  margin-top: 25px;
  position: relative;
  padding-left: 50px;
  transition: 0.5s;
}

.schedule-list-tab .tab_content .tabs_item .tab-content .tab-inner-content .icon i {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  border-radius: 30px;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.5s;
}

.schedule-list-tab .tab_content .tabs_item .tab-content .tab-inner-content h3 {
  font-size: 20px;
  margin-bottom: 8px;
}

.schedule-list-tab .tab_content .tabs_item .tab-content .tab-inner-content p {
  margin-bottom: 0;
}

.schedule-list-tab .tab_content .tabs_item .tab-content .tab-inner-content:hover .icon i {
  /* Replaced #10dce8 with Secondary Pink */
  background-color: #BF5DA7;
  color: #ffffff;
}

.schedule-list-tab .tab_content .tabs_item .tab-image {
  text-align: right;
}

/*================================================
Page Title Area CSS
=================================================*/
.page-title-area {
  position: relative;
  z-index: 1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
  background-attachment: fixed;
}

.page-title-area.item-bg-1 {
  background-image: url(../../assets/img/page-title/bg.jpg);
}

.page-title-area.item-bg-2 {
  background-image: url(../../assets/img/page-title/bg-2.jpg);
}

.page-title-area.item-bg-4 {
  background-image: url(../../assets/img/page-title/bg-4.jpg);
}

.page-title-area.item-bg-5 {
  background-image: url(../../assets/img/page-title/bg-5.jpg);
}

.page-title-area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.77;
}

.page-title-content {
  text-align: center;
  margin-top: 0;
}

.page-title-content h2 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 50px;
}

.page-title-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 18px;
  margin-bottom: 0;
}

.page-title-content ul li {
  color: #ffffff;
  display: inline-block;
  position: relative;
  font-weight: 400;
  font-size: 17px;
  margin-left: 10px;
  margin-right: 10px;
}

.page-title-content ul li a {
  display: inline-block;
  color: #ffffff;
  transition: 0.5s;
}

.page-title-content ul li a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.page-title-content ul li::before {
  content: "";
  position: absolute;
  right: -15px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
}

.page-title-content ul li:last-child::before {
  display: none;
}

/*================================================
Pagination Area CSS
=================================================*/
.pagination-area {
  margin-top: 20px;
  text-align: center;
}

.pagination-area .page-numbers {
  width: 45px;
  height: 45px;
  margin: 0 3px;
  display: inline-block;
  background-color: #ffffff;
  line-height: 48px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  box-shadow: 0 2px 10px 0 #d8dde6;
  font-size: 18px;
  font-weight: 700;
}

.pagination-area .page-numbers.current, 
.pagination-area .page-numbers:hover, 
.pagination-area .page-numbers:focus {
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  color: #ffffff;
  box-shadow: 0 2px 10px 0 #d8dde6;
}

/*================================================
Login In CSS
=================================================*/
.login-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.login-form {
  background: #ffffff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  padding: 40px;
  border-radius: 5px;
  max-width: 600px;
  margin: auto;
}

.login-form .login-title {
  text-align: center;
  margin-bottom: 30px;
}

.login-form .login-title h3 {
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 8px;
}

.login-form .login-title p {
  margin-bottom: 30px;
}

.login-form form .form-group {
  margin-bottom: 15px;
}

.login-form form .form-group .form-control {
  height: 60px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  padding-left: 20px;
  background: transparent;
}

.login-form form .form-group .form-control:focus {
  /* Replaced #086AD8 with Primary Purple */
  border-color: #85378F; 
  outline: 0;
  box-shadow: none;
}

.login-form form .form-group .form-control::-moz-placeholder {
  color: #666666;
}

.login-form form .form-group .form-control::placeholder {
  color: #666666;
}

.login-form form .form-check {
  margin-top: 18px;
}

.login-form form .form-check .form-check-label {
  color: #666666;
  position: relative;
  top: -2px;
  z-index: 1;
}

.login-form form .form-check-input {
  margin-top: 3px;
}

.login-form form .send-btn {
  margin-top: 20px;
}

.login-form form .send-btn .default-btn {
  display: inline-block;
  padding: 12px 30px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  /* Replaced #086AD8 with Primary Purple */
  border: 1px solid #85378F; 
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  transition: 0.6s;
  cursor: pointer;
}

.login-form form .send-btn .default-btn:hover {
  text-decoration: none;
  background-color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.login-form form span {
  display: block;
  color: #777777;
}

.login-form form span a {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.login-form .forgot-password {
  margin-bottom: 0;
  margin-top: -26px;
  text-align: right;
}

.login-form .forgot-password a {
  color: #777777;
}

.login-form .forgot-password a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

/*================================================
Sign Up CSS
=================================================*/
.signup-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.signup-form {
  background: #ffffff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  padding: 40px;
  border-radius: 5px;
  max-width: 600px;
  margin: auto;
}

.signup-form h3 {
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.signup-form form .form-group {
  margin-bottom: 15px;
}

.signup-form form .form-group .form-control {
  height: 60px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  padding-left: 20px;
  background: transparent;
}

.signup-form form .form-group .form-control:focus {
  /* Replaced #086AD8 with Primary Purple */
  border-color: #85378F; 
  outline: 0;
  box-shadow: none;
}

.signup-form form .form-group .form-control::-moz-placeholder {
  color: #666666;
}

.signup-form form .form-group .form-control::placeholder {
  color: #666666;
}

.signup-form form .form-check {
  margin-top: 18px;
}

.signup-form form .form-check .form-check-label {
  color: #666666;
  position: relative;
  top: -2px;
}

.signup-form form .send-btn {
  margin-top: 20px;
}

.signup-form form .send-btn .default-btn {
  display: inline-block;
  padding: 12px 30px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  /* Replaced #086AD8 with Primary Purple */
  border: 1px solid #85378F; 
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  transition: 0.6s;
  cursor: pointer;
}

.signup-form form .send-btn .default-btn:hover {
  text-decoration: none;
  background-color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.signup-form form span {
  display: block;
  color: #666666;
}

.signup-form form span a {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

/*================================================
404 Error Area CSS
=================================================*/
.error-area {
  height: 100vh;
}

.error-content {
  text-align: center;
  margin: 0 auto;
  max-width: 700px;
}

.error-content h3 {
  font-size: 50px;
  font-family: "Open Sans", sans-serif;
  margin-top: 45px;
  margin-bottom: 15px;
}

.error-content p {
  max-width: 520px;
  margin: 0 auto 20px;
}

/*================================================
Privacy Section CSS
=================================================*/
.conditions-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.privacy-policy {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.single-privacy h3 {
  font-size: 30px;
  margin: 0 0 12px 0;
}

/*================================================
Coming Soon Area CSS
=================================================*/
.coming-soon-area {
  position: relative;
  z-index: 1;
  height: 100vh;
  background-image: url(../../assets/img/page-title/bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.coming-soon-area::before {
  z-index: -1;
  background: #000000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.8;
}

.coming-soon-area .social-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: 30px;
}

.coming-soon-area .social-list li {
  display: inline-block;
}

.coming-soon-area .social-list li.list-heading {
  display: block;
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}

.coming-soon-area .social-list li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  /* Replaced #086AD8 with Primary Purple */
  border: 1px solid #85378F; 
  color: #ffffff;
  border-radius: 50%;
  margin: 0 2px;
  display: inline-block;
}

.coming-soon-area .social-list li a:hover {
  background-color: transparent;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  transition: 0.6s;
  -webkit-transition: 0.5s;
}

.coming-soon-content {
  text-align: center;
  max-width: 820px;
  margin: -80px auto 0;
}

.coming-soon-content h1 {
  color: #ffffff;
  margin-bottom: 15px;
  font-size: 46px;
  font-weight: 700;
}

.coming-soon-content p {
  color: #ffffff;
  font-size: 14px;
  margin: 0 auto;
  max-width: 620px;
  line-height: 30px;
}

.coming-soon-content form {
  position: relative;
  margin: 35px auto 55px;
  max-width: 520px;
}

.coming-soon-content form .email-input {
  display: block;
  width: 100%;
  height: 56px;
  border: none;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 5px rgba(255, 255, 255, 0.3);
  border-radius: 40px;
  padding: 15px 25px;
  outline: 0 !important;
  background: #F1F2F3;
}

.coming-soon-content form .submit-btn {
  position: absolute;
  right: 3px;
  top: 3px;
  height: 50px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  color: #ffffff;
  border: none;
  border-radius: 40px;
  width: 130px;
  outline: 0 !important;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.coming-soon-content form .submit-btn:hover, 
.coming-soon-content form .submit-btn:focus {
  /* Replaced #086AD8 with Secondary Pink for hover interaction */
  background-color: #BF5DA7; 
}

.coming-soon-content #timer div {
  background: #ffffff;
  display: inline-block;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5);
  margin: 0 10px;
  padding-top: 18px;
  font-size: 40px;
  font-weight: 700;
}

.coming-soon-content #timer div span {
  display: block;
  margin-top: -4px;
  color: #777777;
  font-size: 14px;
  font-weight: 600;
}

/*================================================
Contact Section CSS
=================================================*/
.single-contact-box {
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0 0 11px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 5px;
}

.single-contact-box i {
  line-height: 50px;
  width: 50px;
  height: 50px;
  /* Replaced #086AD8 with Primary Purple */
  border: 1px dashed #85378F; 
  border-radius: 50%;
  font-size: 20px;
  display: inline-block;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  transition: all 0.5s;
  margin-bottom: 20px;
}

.single-contact-box:hover i {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
}

.single-contact-box .content-title h3 {
  font-size: 25px;
  margin-bottom: 10px;
}

.single-contact-box .content-title a {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
}

.single-contact-box .content-title a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

/*================================================
Services Details CSS
=================================================*/
.services-details-overview {
  margin-bottom: 60px;
  margin-top: 60px;
}

.services-details-overview:last-child {
  margin-bottom: 0;
}

.services-details-overview .services-details-desc h3 {
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 600;
}

.services-details-overview .services-details-desc .features-text {
  margin-top: 25px;
}

.services-details-overview .services-details-desc .features-text h4 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
}

.services-details-overview .services-details-desc .services-details-accordion {
  margin-top: 25px;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item {
  display: block;
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  background: #ffffff;
  margin-bottom: 10px;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item a {
  text-decoration: none;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title {
  padding: 15px 20px 15px 51px;
  /* Replaced #000000 with Dark Indigo */
  color: #252358; 
  position: relative;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
  display: inline-block;
  width: 100%;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  text-align: center;
  height: 100%;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  color: #ffffff;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title i::before {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 20px;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title.active {
  border-bottom-color: #eeeeee;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title.active i::before {
  content: "\eaf8";
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  padding: 15px 15px;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-content.show {
  display: block;
}

.services-details-video {
  position: relative;
}

.services-details-video .details-video {
  text-align: center;
  position: absolute;
  left: 0px;
  right: 0;
  top: 40%;
  transform: translateY(-25%);
  margin: auto;
}

.services-details-video .details-video .video-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 60px;
  background-color: #ffffff;
  border-radius: 50%;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  position: relative;
  z-index: 1;
}

.services-details-video .details-video .video-btn i {
  font-size: 35px;
  position: relative;
  top: 5px;
  left: 4px;
}

.services-details-video .details-video .video-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #ffffff;
  animation: ripple 2s linear 1s infinite;
}

.services-details-video .details-video .video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #ffffff;
  animation: ripple 2s linear infinite;
}

.services-details-video .details-video .video-btn:hover, 
.services-details-video .details-video .video-btn .video-content .video-btn:focus {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
}

.services-details-video .text {
  margin-top: 10px;
}

.services-details-video .text h3 {
  font-size: 30px;
  margin: 25px 0 10px 0;
}

/*================================================
Projects Details Area CSS
=================================================*/
.project-details-image {
  margin-bottom: 30px;
}

.projects-details-desc {
  margin-top: 5px;
}

.projects-details-desc h3 {
  margin-bottom: 13px;
  font-size: 30px;
  font-weight: 700;
  /* (Implicitly Dark Indigo via general h1-h6 rule, but good to note) */
}

.projects-details-desc .features-text {
  margin-top: 20px;
  margin-bottom: 25px;
}

.projects-details-desc .features-text h4 {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
}

.projects-details-desc .features-text h4 i {
  font-size: 16px;
  margin-right: 4px;
  /* Replaced #f20791 with Secondary Pink */
  color: #BF5DA7; 
}

.projects-details-desc .project-details-info {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 35px;
}

.projects-details-desc .project-details-info .single-info-box {
  flex: 0 0 20%;
  max-width: 20%;
  padding-left: 15px;
  padding-right: 15px;
}

.projects-details-desc .project-details-info .single-info-box h4 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}

.projects-details-desc .project-details-info .single-info-box span {
  display: block;
  color: #6a6c72;
  font-size: 15px;
}

.projects-details-desc .project-details-info .single-info-box .social {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.projects-details-desc .project-details-info .single-info-box .social li {
  display: inline-block;
  margin-right: 8px;
}

.projects-details-desc .project-details-info .single-info-box .social a {
  color: #6a6c72;
  display: inline-block;
}

.projects-details-desc .project-details-info .single-info-box .social a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
  transform: translateY(-5px);
}

/*================================================
Sidebar Widget Area CSS
=================================================*/
.widget-area .widget {
  margin-top: 35px;
}

.widget-area .widget:first-child {
  margin-top: 0;
}

.widget-area .widget .widget-title {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 25px;
  text-transform: capitalize;
  position: relative;
  font-size: 25px;
  font-family: "Open Sans", sans-serif;
}

.widget-area .widget .widget-title::before {
  content: "";
  position: absolute;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  bottom: -1px;
  left: 0;
  width: 50px;
  height: 1px;
}

.widget-area .widget_search {
  box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  background-color: #ffffff;
  padding: 15px;
}

.widget-area .widget_search form {
  position: relative;
}

.widget-area .widget_search form label {
  display: block;
  margin-bottom: 0;
}

.widget-area .widget_search form .screen-reader-text {
  display: none;
}

.widget-area .widget_search form .search-field {
  background-color: transparent;
  height: 50px;
  padding: 6px 15px;
  border: 1px solid #eeeeee;
  width: 100%;
  display: block;
  outline: 0;
  transition: 0.5s;
}

.widget-area .widget_search form .search-field:focus {
  /* Replaced #086AD8 with Primary Purple */
  border-color: #85378F; 
}

.widget-area .widget_search form button {
  position: absolute;
  right: 0;
  outline: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  z-index: 1;
  border: none;
  color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  transition: 0.5s;
}

.widget-area .widget_search form button:hover {
  /* Replaced #212121 with Dark Indigo */
  background-color: #252358; 
  color: #ffffff;
}

.widget-area .widget_fria_posts_thumb {
  position: relative;
  overflow: hidden;
}

.widget-area .widget_fria_posts_thumb .item {
  overflow: hidden;
  margin-bottom: 15px;
}

.widget-area .widget_fria_posts_thumb .item:last-child {
  margin-bottom: 0;
}

.widget-area .widget_fria_posts_thumb .item .thumb {
  float: left;
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 80px;
  margin-right: 15px;
}

.widget-area .widget_fria_posts_thumb .item .thumb .fullimage {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
}

.widget-area .widget_fria_posts_thumb .item .thumb .fullimage.bg1 {
  background-image: url(../../assets/img/blog-details/1.jpg);
}

.widget-area .widget_fria_posts_thumb .item .thumb .fullimage.bg2 {
  background-image: url(../../assets/img/blog-details/2.jpg);
}

.widget-area .widget_fria_posts_thumb .item .thumb .fullimage.bg3 {
  background-image: url(../../assets/img/blog-details/3.jpg);
}

.widget-area .widget_fria_posts_thumb .item .info {
  overflow: hidden;
  margin-top: 5px;
}

.widget-area .widget_fria_posts_thumb .item .info time {
  display: block;
  color: #666666;
  text-transform: capitalize;
  margin-top: -2px;
  margin-bottom: 8px;
  font-size: 14px;
}

.widget-area .widget_fria_posts_thumb .item .info .title {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}

.widget-area .widget_fria_posts_thumb .item .info .title a {
  display: inline-block;
}

.widget-area .widget_recent_entries ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.widget-area .widget_recent_entries ul li {
  position: relative;
  margin-bottom: 12px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  padding-left: 14px;
  line-height: 1.5;
  font-weight: 400;
  font-size: 15.5px;
}

.widget-area .widget_recent_entries ul li:last-child {
  margin-bottom: 0;
}

.widget-area .widget_recent_entries ul li::before {
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  position: absolute;
  height: 7px;
  width: 7px;
  content: "";
  left: 0;
  top: 8px;
}

.widget-area .widget_recent_entries ul li a {
  display: inline-block;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
}

.widget-area .widget_recent_entries ul li a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.widget-area .widget_recent_entries ul li .post-date {
  display: block;
  font-size: 13px;
  color: #666666;
  margin-top: 4px;
}

.widget-area .widget_recent_comments ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.widget-area .widget_recent_comments ul li {
  position: relative;
  margin-bottom: 12px;
  color: #666666;
  padding-left: 14px;
  line-height: 1.5;
  font-weight: 400;
  font-size: 15.5px;
}

.widget-area .widget_recent_comments ul li:last-child {
  margin-bottom: 0;
}

.widget-area .widget_recent_comments ul li::before {
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  position: absolute;
  height: 7px;
  width: 7px;
  content: "";
  left: 0;
  top: 8px;
}

.widget-area .widget_recent_comments ul li a {
  display: inline-block;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
}

.widget-area .widget_recent_comments ul li a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.widget-area .widget_archive ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.widget-area .widget_archive ul li {
  position: relative;
  margin-bottom: 12px;
  padding-left: 14px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-size: 15.5px;
  font-weight: 400;
}

.widget-area .widget_archive ul li:last-child {
  margin-bottom: 0;
}

.widget-area .widget_archive ul li::before {
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  height: 7px;
  width: 7px;
  content: "";
  left: 0;
  top: 8px;
  position: absolute;
}

.widget-area .widget_archive ul li a {
  display: inline-block;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
}

.widget-area .widget_archive ul li a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.widget-area .widget_categories ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.widget-area .widget_categories ul li {
  position: relative;
  margin-bottom: 12px;
  color: #666666;
  padding-left: 14px;
  font-size: 15.5px;
  font-weight: 400;
}

.widget-area .widget_categories ul li:last-child {
  margin-bottom: 0;
}

.widget-area .widget_categories ul li::before {
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  height: 7px;
  width: 7px;
  content: "";
  left: 0;
  top: 8px;
  position: absolute;
}

.widget-area .widget_categories ul li a {
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  display: block;
}

.widget-area .widget_categories ul li a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.widget-area .widget_categories ul li .post-count {
  float: right;
}

.widget-area .widget_meta ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.widget-area .widget_meta ul li {
  position: relative;
  margin-bottom: 12px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  padding-left: 14px;
  font-size: 15.5px;
  font-weight: 400;
}

.widget-area .widget_meta ul li:last-child {
  margin-bottom: 0;
}

.widget-area .widget_meta ul li::before {
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F; 
  height: 7px;
  width: 7px;
  content: "";
  left: 0;
  top: 8px;
  position: absolute;
}

.widget-area .widget_meta ul li a {
  display: inline-block;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
}

.widget-area .widget_meta ul li a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.widget-area .widget_tag_cloud .widget-title {
  margin-bottom: 12px;
}

.widget-area .tagcloud a {
  display: inline-block;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-weight: 400;
  font-size: 14.5px !important;
  padding: 6px 13px;
  border: 1px dashed #eeeeee;
  margin-top: 8px;
  margin-right: 4px;
}

.widget-area .tagcloud a:hover, 
.widget-area .tagcloud a:focus {
  color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  /* Replaced #086AD8 with Primary Purple */
  border-color: #85378F; 
}

.widget-area .widget_event_details ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.widget-area .widget_event_details ul li {
  border-bottom: 1px solid #eeeeee;
  color: #888f96;
  padding-bottom: 10px;
  padding-top: 10px;
}

.widget-area .widget_event_details ul li:first-child {
  padding-top: 0;
}

.widget-area .widget_event_details ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.widget-area .widget_event_details ul li span {
  display: inline-block;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
  font-weight: 400;
}

.widget-area .widget_event_details ul li a {
  display: inline-block;
  color: #888f96;
}

.widget-area .widget_event_details ul li a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

/*================================================
Blog Details Area CSS
=================================================*/
.blog-details-desc .article-image img {
  width: 100%;
}

.blog-details-desc .article-content {
  margin-top: 30px;
}

.blog-details-desc .article-content .entry-meta {
  margin-bottom: -8px;
}

.blog-details-desc .article-content .entry-meta ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.blog-details-desc .article-content .entry-meta ul li {
  position: relative;
  display: inline-block;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  margin-right: 21px;
}

.blog-details-desc .article-content .entry-meta ul li span {
  display: inline-block;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  font-weight: 500;
}

.blog-details-desc .article-content .entry-meta ul li a {
  display: inline-block;
  color: #666666;
}

.blog-details-desc .article-content .entry-meta ul li a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.blog-details-desc .article-content .entry-meta ul li i {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
  margin-right: 2px;
}

.blog-details-desc .article-content .entry-meta ul li::before {
  content: "";
  position: absolute;
  top: 12px;
  right: -15px;
  width: 6px;
  height: 1px;
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F;
}

.blog-details-desc .article-content .entry-meta ul li:last-child {
  margin-right: 0;
}

.blog-details-desc .article-content .entry-meta ul li:last-child::before {
  display: none;
}

.blog-details-desc .article-content h3 {
  margin-bottom: 15px;
  margin-top: 25px;
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 {
  padding-left: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px;
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
  margin-bottom: 0;
}

.blog-details-desc .article-content .features-list {
  padding-left: 0;
  list-style-type: none;
  margin-top: 25px;
  margin-bottom: 30px;
}

.blog-details-desc .article-content .features-list li {
  margin-bottom: 16px;
  position: relative;
  padding-left: 34px;
  color: #666666;
}

.blog-details-desc .article-content .features-list li i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 40px;
  background-color: #faf5f5;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
  transition: 0.5s;
  display: inline-block;
  font-size: 11px;
  position: absolute;
  left: 0;
  top: -2px;
}

.blog-details-desc .article-content .features-list li:hover i {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
  color: #ffffff;
}

.blog-details-desc .article-content .features-list li:last-child {
  margin-bottom: 0;
}

.blog-details-desc .article-footer {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.blog-details-desc .article-footer .article-tags {
  flex: 0 0 50%;
  max-width: 50%;
  color: #666666;
}

.blog-details-desc .article-footer .article-tags span {
  display: inline-block;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  font-size: 20px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.blog-details-desc .article-footer .article-tags a {
  display: inline-block;
  color: #666666;
}

.blog-details-desc .article-footer .article-tags a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.blog-details-desc .article-footer .article-share {
  flex: 0 0 50%;
  max-width: 50%;
}

.blog-details-desc .article-footer .article-share .social {
  padding-left: 0;
  list-style-type: none;
  text-align: right;
  margin-bottom: 0;
}

.blog-details-desc .article-footer .article-share .social li {
  display: inline-block;
}

.blog-details-desc .article-footer .article-share .social li span {
  display: inline-block;
  margin-right: 2px;
  font-weight: 500;
  color: #666666;
}

.blog-details-desc .article-footer .article-share .social li a {
  display: block;
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background-color: #eeeef0;
  text-align: center;
  font-size: 12px;
}

.blog-details-desc .article-footer .article-share .social li a:hover {
  color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
  transform: translateY(-2px);
}

.blog-details-desc .post-navigation {
  margin-top: 30px;
}

blockquote, .blockquote {
  overflow: hidden;
  background-color: #fafafa;
  padding: 50px !important;
  position: relative;
  text-align: center;
  z-index: 1;
  margin-bottom: 20px;
  margin-top: 20px;
}

blockquote p, .blockquote p {
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 24px !important;
}

blockquote cite, .blockquote cite {
  display: none;
}

blockquote::after, .blockquote::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
  margin-top: 20px;
  margin-bottom: 20px;
}

.post-navigation {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding-top: 20px;
  padding-bottom: 20px;
}

.post-navigation .navigation-links {
  display: flex;
  flex-wrap: wrap;
}

.post-navigation .navigation-links .nav-previous {
  flex: 0 0 50%;
  max-width: 50%;
}

.post-navigation .navigation-links .nav-previous a i {
  margin-right: 2px;
  transition: 0.5s;
}

.post-navigation .navigation-links .nav-previous a:hover i {
  margin-right: 0;
}

.post-navigation .navigation-links .nav-next {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: right;
}

.post-navigation .navigation-links .nav-next a i {
  margin-left: 2px;
  transition: 0.5s;
}

.post-navigation .navigation-links .nav-next a:hover i {
  margin-left: 0;
}

.post-navigation .navigation-links div a {
  display: inline-block;
  font-weight: 400;
}

.comments-area {
  padding: 25px;
  margin-top: 30px;
  box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
  background-color: #ffffff;
}

.comments-area .comments-title {
  position: relative;
  margin-bottom: 30px;
  line-height: initial;
  font-size: 25px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}

.comments-area ol, .comments-area ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.comments-area .comment-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.comments-area .comment-body {
  border-bottom: 1px solid #eeeeee;
  padding-left: 65px;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.comments-area .comment-body .reply {
  margin-top: 15px;
}

.comments-area .comment-body .reply a {
  border: 1px solid #ded9d9;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 30px;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  font-size: 12px;
  font-weight: 400;
}

.comments-area .comment-body .reply a:hover {
  color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F;
  /* Replaced #086AD8 with Primary Purple */
  border-color: #85378F;
}

.comments-area .comment-author {
  font-size: 17px;
  margin-bottom: 0.1em;
  position: relative;
  z-index: 2;
}

.comments-area .comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
}

.comments-area .comment-author .fn {
  font-size: 20px;
}

.comments-area .comment-author .says {
  display: none;
}

.comments-area .comment-metadata {
  margin-bottom: 0.8em;
  color: #666666;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
}

.comments-area .comment-metadata a {
  color: #666666;
}

.comments-area .comment-metadata a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F;
}

.comments-area .comment-respond {
  margin-top: 30px;
}

.comments-area .comment-respond .comment-reply-title {
  margin-bottom: 0;
  position: relative;
  font-size: 25px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}

.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
  display: inline-block;
}

.comments-area .comment-respond .comment-form {
  overflow: hidden;
}

.comments-area .comment-respond .comment-notes {
  margin-bottom: 0;
  margin-top: 10px;
}

.comments-area .comment-respond .comment-form-comment {
  margin-top: 15px;
  float: left;
  width: 100%;
}

.comments-area .comment-respond label {
  display: block;
  font-weight: 400;
  /* Replaced #212121 with Dark Indigo */
  color: #252358;
  margin-bottom: 5px;
}

.comments-area .comment-respond input[type=date], 
.comments-area .comment-respond input[type=time], 
.comments-area .comment-respond input[type=datetime-local], 
.comments-area .comment-respond input[type=week], 
.comments-area .comment-respond input[type=month], 
.comments-area .comment-respond input[type=text], 
.comments-area .comment-respond input[type=email], 
.comments-area .comment-respond input[type=url], 
.comments-area .comment-respond input[type=password], 
.comments-area .comment-respond input[type=search], 
.comments-area .comment-respond input[type=tel], 
.comments-area .comment-respond input[type=number], 
.comments-area .comment-respond textarea {
  display: block;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  transition: 0.5s;
}

.comments-area .comment-respond input[type=date]:focus, 
.comments-area .comment-respond input[type=time]:focus, 
.comments-area .comment-respond input[type=datetime-local]:focus, 
.comments-area .comment-respond input[type=week]:focus, 
.comments-area .comment-respond input[type=month]:focus, 
.comments-area .comment-respond input[type=text]:focus, 
.comments-area .comment-respond input[type=email]:focus, 
.comments-area .comment-respond input[type=url]:focus, 
.comments-area .comment-respond input[type=password]:focus, 
.comments-area .comment-respond input[type=search]:focus, 
.comments-area .comment-respond input[type=tel]:focus, 
.comments-area .comment-respond input[type=number]:focus, 
.comments-area .comment-respond textarea:focus {
  /* Replaced #086AD8 with Primary Purple */
  border-color: #85378F;
}

.comments-area .comment-respond .comment-form-author {
  float: left;
  width: 50%;
  padding-right: 10px;
  margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-email {
  float: left;
  width: 50%;
  padding-left: 12px;
  margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-url {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-cookies-consent input {
  position: absolute;
  left: 0;
  top: 4px;
}

.comments-area .comment-respond .comment-form-cookies-consent label {
  display: inline-block;
  margin: 0;
  color: #666666;
  font-weight: normal;
  position: relative;
  top: -2px;
}

.comments-area .comment-respond .form-submit {
  float: left;
  width: 100%;
}

.comments-area .comment-respond .form-submit input {
  /* Replaced #086AD8 with Primary Purple */
  background: #85378F;
  border: none;
  color: #ffffff;
  padding: 10px 30px;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  border-radius: 0;
  text-transform: capitalize;
  transition: 0.5s;
  font-weight: 400;
  font-size: 14px;
}

.comments-area .comment-respond .form-submit input:hover, 
.comments-area .comment-respond .form-submit input:focus {
  color: #ffffff;
  /* Replaced #212121 with Dark Indigo */
  background-color: #252358;
}

/*================================================
Fooetr Area CSS
=================================================*/
.footer-logo-top {
  /* Adds space between the logo and the columns below it */
  margin-bottom: 40px; 
}

.footer-logo-top img {
  /* Set a max-width to control the logo size. Adjust as needed. */
  max-width: 200px; 
  height: auto; /* Maintains the aspect ratio */
}

.footer-section > .container > img.black-logo {
  max-width: 220px;
  height: auto;
  display: block;
  margin: 0 0 25px 0;
}

.footer-section {
  background-color: #f5f3f3;
}

.subscribe-area {
  margin-bottom: 50px;
}

.subscribe-area .subscribe-content h2 {
  font-size: 25px;
  margin-bottom: 10px;
}

.subscribe-area .newsletter-form {
  max-width: 580px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.subscribe-area .newsletter-form .input-newsletter {
  display: block;
  width: 100%;
  background-color: #ffffff;
  border: none;
  height: 70px;
  padding-left: 25px;
  border-radius: 10px;
  outline: 0;
  /* Replaced #212121 with Dark Indigo */
  color: #252358; 
}

.subscribe-area .newsletter-form .input-newsletter::-moz-placeholder {
  color: #666666;
}

.subscribe-area .newsletter-form .input-newsletter::placeholder {
  color: #666666;
}

.subscribe-area .newsletter-form button {
  position: absolute;
  right: 4px;
  top: 4px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
  border: none;
  height: 62px;
  padding: 0 30px;
  border-radius: 10px;
  transition: 0.5s;
  line-height: 50px;
  text-transform: capitalize;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}

.subscribe-area .newsletter-form button:hover {
  /* Replaced #212121 with Dark Indigo */
  background-color: #252358; 
  color: #ffffff;
}

.subscribe-area .newsletter-form #validator-newsletter {
  color: red;
  position: relative;
  top: 8px;
  font-size: 16px;
  font-weight: 500;
}

.single-footer-widget {
  margin-bottom: 30px;
}

.single-footer-widget .footer-heading {
  margin-bottom: 20px;
}

.single-footer-widget .footer-heading h3 {
  font-size: 22px;
  font-weight: bold;
}

.single-footer-widget .footer-social {
  padding-left: 0;
  margin-bottom: 0;
}

.single-footer-widget .footer-social li {
  display: inline-block;
  margin-right: 10px;
  list-style-type: none;
}

.single-footer-widget .footer-social li:last-child {
  margin-right: 0;
}

.single-footer-widget .footer-social i {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff;
  text-align: center;
  border-radius: 30px;
  font-size: 16px;
  transition: 0.5s;
}

.single-footer-widget .footer-social i:hover {
  /* Replaced #10dce8 with Secondary Pink */
  background-color: #BF5DA7; 
}

.single-footer-widget .footer-quick-links {
  padding-left: 0;
  margin-bottom: 0;
}

.single-footer-widget .footer-quick-links li {
  list-style-type: none;
  margin-bottom: 22px;
  font-size: 15px;
  font-weight: 600;
}

.single-footer-widget .footer-quick-links li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .footer-info-contact {
  position: relative;
  padding-left: 40px;
  margin-bottom: 16px;
}

.single-footer-widget .footer-info-contact:last-child {
  margin-bottom: 0;
}

.single-footer-widget .footer-info-contact i {
  position: absolute;
  left: 0;
  font-size: 25px;
}

.single-footer-widget .footer-info-contact h3 {
  margin-bottom: 5px;
  font-size: 18px;
}

.single-footer-widget .footer-info-contact span {
  font-size: 15px;
}

/*================================================
Copy Right Area CSS
=================================================*/
.copyright-area {
  padding-top: 30px;
  padding-bottom: 30px;
}

.copyright-area .copyright-area-content p {
  font-size: 14px;
}

.copyright-area .copyright-area-content p a {
  display: inline-block;
  font-weight: 600;
}

.copyright-area .copyright-area-content p a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.copyright-area .copyright-area-content ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: right;
}

.copyright-area .copyright-area-content ul li {
  display: inline-block;
  font-size: 14px;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

/* Align items on one row for copyright area */
.copyright-area .copyright-area-content .row {
  display: flex;
}

.copyright-area .copyright-area-content .mt-footer-bot-center {
  display: flex;
  align-items: center;
}

.copyright-area .copyright-area-content ul li a {
  display: inline-block;
}

.copyright-area .copyright-area-content ul li a:hover {
  /* Replaced #086AD8 with Primary Purple */
  color: #85378F; 
}

.copyright-area .copyright-area-content ul li::before {
  content: "";
  position: absolute;
  top: 5px;
  right: -13px;
  width: 1px;
  height: 14px;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
}

.copyright-area .copyright-area-content ul li:last-child {
  margin-right: 0;
}

.copyright-area .copyright-area-content ul li:last-child::before {
  display: none;
}

.copyright-area .copyright-area-content ul li:first-child {
  margin-left: 0;
}

/*================================================
Go Top CSS
=================================================*/
.go-top {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 15px;
  color: #ffffff;
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  opacity: 0;
  visibility: hidden;
  transition: 0.9s;
  border-radius: 50%;
  /* Replaced #086AD8 with Primary Purple */
  border: 1px solid #85378F; 
}

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

.go-top i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: 0.5s;
  font-size: 30px;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  /* Replaced #212121 with Dark Indigo */
  background: #252358; 
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  border-radius: 50%;
}

.go-top:hover, 
.go-top:focus {
  color: #ffffff;
}

.go-top:hover::before, 
.go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i:first-child, 
.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child, 
.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

/*=================================
Buy Now Btn
====================================*/
.buy-now-btn {
  right: 30px;
  z-index: 99;
  top: 50%;
  position: fixed;
  transform: translateY(-50%);
  border-radius: 30px;
  display: inline-block;
  color: #ffffff !important;
  background-color: #82b440;
  padding: 10px 20px 10px;
  font-size: 15px;
  font-weight: 600;
  animation-name: tada;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

.buy-now-btn img {
  top: 50%;
  left: 20px;
  width: 15px;
  position: absolute;
  transform: translateY(-50%);
}

.buy-now-btn:hover {
  /* Replaced #086AD8 with Primary Purple */
  background-color: #85378F; 
  color: #ffffff !important;
}

@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

/*================================================
Industries Section CSS
=================================================*/
.industries-section {
  /* Overriding the inline blue gradient with Dark Indigo -> Primary Purple */
  background: linear-gradient(135deg, #252358 0%, #85378F 100%) !important;
  color: #ffffff !important;
}

.industries-section .section-title h2 {
  color: #ffffff !important;
  font-weight: bold;
  font-size: 36px;
  line-height: 1.2;
}

.industries-section .industry-item {
  padding: 10px 8px;
  text-align: center;
}

.industries-section .industry-item .industry-icon {
  max-width: 80px;
  height: auto;
  margin-bottom: 1rem;
}

.industries-section .industry-item h4 {
  color: #ffffff !important;
  font-size: 18px;
  margin-top: 6px;
  font-weight: 600;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
  .industries-section .section-title h2 {
    font-size: 32px;
  }
  .industries-section .industry-item .industry-icon {
    max-width: 72px;
  }
  .industries-section .industry-item h4 {
    font-size: 17px;
  }
}

@media (max-width: 768px) {
  .industries-section .section-title h2 {
    font-size: 28px;
  }
  .industries-section .industry-item .industry-icon {
    max-width: 64px;
  }
  .industries-section .industry-item h4 {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  .industries-section .section-title h2 {
    font-size: 24px;
  }
  .industries-section .industry-item {
    padding: 8px 6px;
  }
  .industries-section .industry-item .industry-icon {
    max-width: 56px;
  }
  .industries-section .industry-item h4 {
    font-size: 15px;
  }
}

/* End Industries Section tweaks */
/*# sourceMappingURL=style.css.map */

/*================================================
Programs/Skill Development Area CSS
=================================================*/
.programs-section {
    padding: 80px 0;
    /* Replaced #f9f9f9 with Light Lavender to match theme */
    background-color: #fbf6fe; 
}

.programs-section .container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Section Title Styling */
.programs-section .section-title {
    text-align: center;
    margin-bottom: 60px;
}

.programs-section .section-title h2 {
    font-size: 32px;
    margin-bottom: 15px;
    font-weight: 700;
    /* Replaced Black with Dark Indigo */
    color: #252358;
}

.programs-section .section-title p {
    max-width: 600px;
    margin: 0 auto;
    color: #666666;
    line-height: 1.6;
}

.programs-section .section-title .bar {
    width: 60px;
    height: 4px;
    /* Replaced Blue with Primary Purple */
    background-color: #85378F;
    margin: 20px auto 0;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}

/* Optional: Add the moving bar animation from previous sections */
.programs-section .section-title .bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #ffffff;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: MOVE-BG;
}

/* Grid Layout */
.program-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
    gap: 30px;
}

/* Card Styling */
.program-card {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 35px 30px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #e9ecef;
}

.program-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    /* Add a subtle top border on hover using Primary Purple */
    border-top: 3px solid #85378F; 
}

.program-card .icon {
    font-size: 48px;
    /* Replaced Blue with Primary Purple */
    color: #85378F; 
    margin-bottom: 20px;
    transition: 0.5s;
}

.program-card:hover .icon {
    /* On hover, switch icon color to Secondary Pink */
    color: #BF5DA7; 
}

.program-card h3 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
    /* Replaced Black with Dark Indigo */
    color: #252358; 
}

.program-card .program-type {
    display: block;
    /* Replaced Grey with Secondary Pink for emphasis */
    color: #BF5DA7; 
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 14px;
}

.program-card p {
    color: #666666;
    line-height: 1.7;
    font-size: 15px;
    margin-bottom: 0;
}

/*================================================
Floating Phone Button CSS
=================================================*/
.floating-phone-btn {
    position: fixed;           /* Makes it "scroll free" */
    top: 50%;                  /* Positions top edge at 50% of screen height */
    right: 20px;               /* Distance from the right edge */
    transform: translateY(-50%); /* Pulls it back up slightly to be exactly centered */
    z-index: 9999;             /* Ensures it stays on top of everything */
    
    width: 60px;               /* Width of the circle */
    height: 60px;              /* Height of the circle */
    /* Replaced Green #25d366 with Primary Purple */
    background-color: #85378F; 
    color: #ffffff;            /* Icon color */
    border-radius: 50%;        /* Makes the box a perfect circle */
    
    /* Center the icon inside the circle */
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-size: 28px;           /* Size of the phone icon */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3); /* Shadow for depth */
    text-decoration: none;
    transition: all 0.3s ease;
    
    /* Apply the pulse animation */
    animation: pulse-animation 2s infinite;
}

/* Hover Effect */
.floating-phone-btn:hover {
    /* Replaced Dark Green #1da851 with Secondary Pink */
    background-color: #BF5DA7; 
    color: #ffffff;
    transform: translateY(-50%) scale(1.1); /* Grow slightly on hover */
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .floating-phone-btn {
        width: 50px;
        height: 50px;
        font-size: 22px;
        right: 10px; /* Closer to edge on small screens */
    }
}

/* Pulse Animation Updated to Purple RGBA (133, 55, 143) */
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0 rgba(133, 55, 143, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(133, 55, 143, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(133, 55, 143, 0);
  }
}

/*================================================
Dark Mode Switch CSS
=================================================*/

/* 1. Position the Switch Container */
.dark-version {
    position: fixed;
    bottom: 30px;
    right: 100px; 
    z-index: 9999; /* High Z-index to ensure it sits on top */
}

/* 2. The Switch Box Dimensions */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* 3. Hide default HTML checkbox */
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

/* 4. The Slider (Background) - OFF STATE */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Replaced Grey with Dark Indigo */
    background-color: #252358 !important; 
    -webkit-transition: .4s;
    transition: .4s;
}

/* 5. The Knob (Circle) */
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #ffffff !important;
    -webkit-transition: .4s;
    transition: .4s;
}

/* 6. The Slider (Background) - ON STATE (Checked) */
input:checked + .slider {
    /* Replaced Blue with Primary Purple */
    background-color: #85378F !important; 
}

/* 7. Focus Shadow */
input:focus + .slider {
    box-shadow: 0 0 1px #85378F !important;
}

/* 8. Knob Movement Animation */
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* 9. Rounded Shape */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/*================================================
Navbar Dark Mode Switch CSS
=================================================*/

/* 1. Container Alignment */
.navbar-nav .dark-mode-nav-item {
    display: flex;
    align-items: center; /* Vertically centers the switch */
    margin-left: 15px;   /* Space between Contact and Switch */
}

/* 2. Switch Dimensions (Slightly smaller for Navbar) */
.dark-version-nav .switch {
    position: relative;
    display: inline-block;
    width: 50px;  /* Smaller width */
    height: 26px; /* Smaller height */
    margin-bottom: 0;
}

/* 3. Hide default HTML checkbox */
.dark-version-nav .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

/* 4. The Slider (Background) - OFF STATE */
.dark-version-nav .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Dark Indigo (#252358) */
    background-color: #252358 !important; 
    -webkit-transition: .4s;
    transition: .4s;
}

/* 5. The Knob (Circle) */
.dark-version-nav .slider:before {
    position: absolute;
    content: "";
    height: 20px; /* Smaller knob */
    width: 20px;  /* Smaller knob */
    left: 3px;
    bottom: 3px;
    background-color: #ffffff !important;
    -webkit-transition: .4s;
    transition: .4s;
}

/* 6. The Slider (Background) - ON STATE (Checked) */
.dark-version-nav input:checked + .slider {
    /* Primary Purple (#85378F) */
    background-color: #85378F !important; 
}

/* 7. Knob Movement Animation */
.dark-version-nav input:checked + .slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}

/* 8. Rounded Shape */
.dark-version-nav .slider.round {
    border-radius: 34px;
}

.dark-version-nav .slider.round:before {
    border-radius: 50%;
}

/* Mobile Responsive Adjustment */
@media only screen and (max-width: 991px) {
    .navbar-nav .dark-mode-nav-item {
        margin-left: 15px;
        margin-bottom: 15px; /* Adds space on mobile menu */
        justify-content: flex-start;
    }
}