/*
Theme Name: DalTech
Author: Modina Theme
Author URI: https://themeforest.net/user/modinatheme/
Description: IT Solution & Technology HTML Template
Version: 1.1.0
*/
/*CSS Table Of Content Ends Here*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Kode+Mono:wght@400..700&display=swap");
:root {
  --body: #fff;
  --black: #000;
  --white: #fff;
  --theme: #166FD3;
  --theme2: #4E29B7;
  --header: #222222;
  --base: #166FD3;
  --text: #5E5F63;
  --text2: #8A8C94;
  --border: #EEEFF4;
  --border2: #D7D7D7;
  --button: #1C2539;
  --button2: #030734;
  --ratting: #F09815;
  --bg: #F6F3EE;
  --bg2: #F6F6F6;
  --bg3: #F5F6FD;
  --bg4: #020001;
  --bg5: #F8F8F8;
  --bg6: #020626;
  --bg7: #EDEEEE;
  --color-gradient-1: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19.36%, rgba(15, 116, 230, 0.55) 71.26%, #166FD3 100%);
  --color-gradient-2: linear-gradient(180deg, rgba(0, 0, 0, 0.31) 0%, rgba(0, 0, 0, 0.78) 100%);
  ---box-shadow: 0px 9px 21px rgba(0, 0, 0, 0.04);
}

.theme-btn {
  background-color: var(--theme);
  font-weight: 700;
  color: var(--white);
  transition: all 0.4s ease-in-out;
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  padding: 24px 45px;
  border-radius: 7px;
  z-index: 9;
  display: inline-block;
  line-height: 1;
}
.theme-btn i {
  margin-left: 8px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .theme-btn i {
    margin-left: 3px;
    font-size: 12px;
  }
}
.theme-btn span {
  position: relative;
  z-index: 9;
}
.theme-btn::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 0;
  content: "";
  background-color: var(--header);
  transition: all 0.4s ease-in-out;
  border-radius: 0 7px 7px 0;
  z-index: 1;
}
.theme-btn::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 0;
  content: "";
  background-color: var(--header);
  transition: all 0.4s ease-in-out;
  border-radius: 7px 0 0 7px;
  z-index: 1;
}
.theme-btn:hover {
  color: var(--white);
}
.theme-btn:hover::before {
  height: 100%;
}
.theme-btn:hover::after {
  height: 100%;
}
.theme-btn:hover i {
  transform: translate(5px);
}
.theme-btn.hover-white::before, .theme-btn.hover-white::after {
  background-color: var(--white);
}
.theme-btn.hover-white:hover {
  color: var(--header);
}

.theme-btn.hover-white:hover i {
  transform: translate(5px);
  color: var(--header);
}
.theme-btn.bg-white {
  color: var(--header);
}
.theme-btn.bg-white:hover {
  color: var(--white);
}
.theme-btn.bg-white:hover i {
  transform: translate(5px);
  color: var(--white);
}
.theme-btn.theme-btn-2 {
  background-color: var(--theme2);
}
.theme-btn.line-height {
  line-height: 1.3;
}
@media (max-width: 767px) {
  .theme-btn {
    padding: 22px 30px;
  }
}
@media (max-width: 575px) {
  .theme-btn {
    padding: 18px 30px;
  }
  .theme-btn span {
    font-size: 14px;
  }
}

.link-btn {
  text-transform: capitalize;
  font-size: 16px;
  color: var(--header);
  font-weight: 600;
}
.link-btn span {
  background-image: linear-gradient(var(--theme), var(--theme));
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.link-btn i {
  margin-left: 10px;
  font-size: 16px;
  transition: all 0.4s ease-in-out;
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 25px;
  background-color: var(--theme);
  text-align: center;
  color: var(--white);
}
.link-btn:hover span {
  color: var(--theme);
  background-size: 100% 1px;
}
.link-btn.link-btn-2 span {
  background-image: linear-gradient(var(--theme2), var(--theme2));
}
.link-btn.link-btn-2 i {
  background-color: var(--theme2);
}
.link-btn.link-btn-2:hover span {
  color: var(--theme2);
}

/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  color: var(--text);
  background-color: var(--white);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

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

button {
  border: none;
  background-color: transparent;
  padding: 0;
}

input:focus {
  color: var(--white);
  outline: none;
}

input {
  color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter", sans-serif;
  margin: 0px;
  padding: 0;
  color: var(--header);
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}

h1 {
  font-size: 85px;
  font-weight: 600;
  line-height: 106%;
}

h2 {
  /* font-size: 48px; */
  /* C(19) */
  font-size: 46px;
  line-height: 115%;
  font-weight: 700;
}
@media (max-width: 1199px) {
  h2 {
    font-size: 42px;
  }
}
@media (max-width: 991px) {
  h2 {
    /* font-size: 32px; */
    /* C(19) */
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  h2 {
    font-size: 26px;
  }
}

h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 121%;
}
@media (max-width: 575px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 575px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: 20px;
  font-weight: 600;
}

h6 {
  font-size: 18px;
  font-weight: 600;
  line-height: 156%;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: var(--header);
  transition: all 0.4s ease-in-out;
}

p {
  margin: 0px;
  transition: all 0.4s ease-in-out;
}

.preloader {
  align-items: center;
  cursor: default;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
}
.preloader .animation-preloader {
  z-index: 1000;
}
.preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: var(--theme);
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em;
}
@media (max-width: 767px) {
  .preloader .animation-preloader .spinner {
    width: 7.5em;
    height: 7.5em;
    margin: 0 auto 1.5em auto;
  }
}
.preloader .animation-preloader .txt-loading {
  font: bold 5em "Inter", sans-serif, "Inter", sans-serif;
  text-align: center;
  user-select: none;
}
@media (max-width: 767px) {
  .preloader .animation-preloader .txt-loading {
    font-size: 2.5em;
  }
}
.preloader .animation-preloader .txt-loading .letters-loading {
  color: var(--theme);
  position: relative;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
  animation-delay: 0.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
  animation-delay: 0.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
  animation-delay: 0.6s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
  animation-delay: 0.8s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
  animation-delay: 1s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
  animation-delay: 1.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
  animation-delay: 1.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading::before {
  animation: letters-loading 4s infinite;
  color: var(--header);
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  font-family: "Inter", sans-serif;
  position: absolute;
  top: -3px;
  transform: rotateY(-90deg);
}
.preloader p {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: var(--theme);
}
.preloader .loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 1;
  pointer-events: none;
}
.preloader .loader .row {
  height: 100%;
}
.preloader .loader .loader-section {
  padding: 0px;
}
.preloader .loader .loader-section .bg {
  background-color: #fff;
  height: 100%;
  left: 0;
  width: 100%;
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
.preloader.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
.preloader.loaded .loader-section .bg {
  width: 0;
  transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}

.search-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background-color: rgba(255, 255, 255, 0.9);
}
.search-wrap .search-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.search-wrap .search-cell {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.search-wrap .search-field-holder {
  width: 50%;
  margin: auto;
  position: relative;
  animation: slideInUp 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search-wrap .search-field-holder {
    width: 70%;
  }
}
@media (max-width: 575px) {
  .search-wrap .search-field-holder {
    width: 80%;
  }
}
.search-wrap .main-search-input {
  width: 100%;
  height: 70px;
  border: 0;
  padding: 0 50px;
  text-transform: capitalize;
  background: transparent;
  font-size: 25px;
  color: var(--header);
  border-bottom: 2px solid var(--header);
  text-align: center;
  letter-spacing: 2px;
}

@media (max-width: 575px) {
  .search-wrap .main-search-input {
    height: 50px;
    padding: 0 0;
    line-height: 50px;
    font-size: 18px;
  }
}
.search-wrap input.form-control,
.search-wrap input.form-control:focus {
  background-color: var(--header);
}

input.main-search-input::placeholder {
  color: var(--header);
  opacity: 1;
  font-size: 25px;
}

@media (max-width: 575px) {
  input.main-search-input::placeholder {
    font-size: 18px;
  }
}
.search-close {
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 30px;
  color: var(--theme);
  cursor: pointer;
}

.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}
@media (max-width: 767px) {
  .mouse-cursor {
    display: none;
  }
}

.cursor-inner {
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: var(--theme);
  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.cursor-inner.cursor-hover {
  margin-left: -35px;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  background-color: var(--theme);
  opacity: 0.3;
}

.cursor-outer {
  margin-left: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--theme);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.5;
  -webkit-transition: all 0.08s ease-out;
  -o-transition: all 0.08s ease-out;
  transition: all 0.08s ease-out;
}

.cursor-outer.cursor-hover {
  opacity: 0;
}

.section-title {
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
  margin-top: -6px;
}
@media (max-width: 767px) {
  .section-title {
    margin-bottom: 0;
  }
}
.section-title span {
  color: var(--theme);
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  text-decoration-line: underline;
}
.section-title span.color-style {
  color: var(--theme);
}
.section-title h2 {
  text-transform: capitalize;
}
.section-title.style-2 span {
  color: var(--theme2);
  text-decoration: none;
  letter-spacing: 0;
}
.section-title.style-2 h2 {
  text-transform: uppercase;
}
.section-title.style-2 h2 span {
  color: var(--theme2);
  letter-spacing: 0;
  text-decoration: none;
}

.title-section-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .title-section-area {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    text-align: center;
  }
}

.center {
  text-align: center;
  margin: 0 auto;
}

.section-bg {
  background-color: var(--bg);
}

.section-bg-2 {
  background-color: var(--bg5);
}

.section-bg-3 {
  background-color: var(--bg6);
}

.section-bg-4 {
  background-color: var(--bg7);
}

.section-bg-5 {
  background-color: #191919;
}

.footer-bg {
  background-color: var(--bg4);
}

.section-padding {
  padding: 120px 0;
}
@media (max-width: 1199px) {
  .section-padding {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .section-padding {
    padding: 80px 0;
  }
}

@-webkit-keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes toggle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes moveCursor1 {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes moveCursor1 {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes moveCursor2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes moveCursor2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(15deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.animation__rotate {
  animation: rotate 40s linear infinite;
}

@keyframes rotateY {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.animation__rotateY {
  animation: rotateY 40s linear infinite;
}

@keyframes rounded {
  50% {
    transform: rotate(30deg);
  }
}
@keyframes handed {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes right-image-bounce {
  0% {
    transform: translateX(8px);
  }
  50% {
    transform: translateX(-12px);
  }
  100% {
    transform: translateX(8px);
  }
}
@keyframes top-image-bounce {
  0% {
    transform: translateY(8px);
  }
  50% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(8px);
  }
}
@-webkit-keyframes scale-up-one {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-one {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@keyframes float-bob-y {
  0% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@-webkit-keyframes video-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes video-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
.header-top-section {
  background-color: var(--bg4);
  padding: 10px 0;
  position: relative;
  z-index: 9;
}
@media (max-width: 991px) {
  .header-top-section {
    display: none;
  }
}
.header-top-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--theme);
  z-index: -1;
  left: 73%;
}
@media (max-width: 1899px) {
  .header-top-section::before {
    display: none;
  }
}

.header-top-section-2 {
  background-color: var(--bg7);
}
@media (max-width: 1199px) {
  .header-top-section-2 {
    display: none;
  }
}

.header-top-section-3 {
  background-color: #F1F5FF;
}
@media (max-width: 1199px) {
  .header-top-section-3 {
    display: none;
  }
}
.header-top-section-3 .container-fluid {
  padding: 0 100px;
}
@media (max-width: 1399px) {
  .header-top-section-3 .container-fluid {
    padding: 0;
  }
}

.header-top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-top-wrapper .contact-list {
  display: flex;
  align-items: center;
  gap: 25px;
}
.header-top-wrapper .contact-list li {
  font-size: 15px;
  color: var(--text2);
}
.header-top-wrapper .contact-list li a {
  color: var(--text2);
}
.header-top-wrapper .contact-list li i {
  color: var(--theme);
  margin-right: 10px;
}
.header-top-wrapper .top-right {
  display: flex;
  align-items: center;
  gap: 65px;
}
.header-top-wrapper .top-right .social-icon {
  gap: 15px;
}
.header-top-wrapper .top-right .social-icon a {
  color: var(--text2);
}
.header-top-wrapper .top-right .social-icon a:hover {
  color: var(--theme);
}
.header-top-wrapper .top-right .header-menu {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header-top-wrapper .top-right .header-menu li a {
  color: var(--white);
  background-image: linear-gradient(var(--white), var(--white));
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.header-top-wrapper .top-right .header-menu li a:hover {
  background-size: 100% 1px;
}
@media (max-width: 1899px) {
  .header-top-wrapper .top-right .header-menu li a {
    color: var(--text2);
    background-image: linear-gradient(var(--text2), var(--text2));
  }
}
.header-top-wrapper.style-2 .contact-list {
  display: initial;
}
.header-top-wrapper.style-2 .contact-list li {
  color: var(--header);
  font-weight: 500;
}
.header-top-wrapper.style-2 .contact-list li .line-none {
  text-decoration: none !important;
}
.header-top-wrapper.style-2 .top-left {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header-top-wrapper.style-2 .flag-wrap {
  position: relative;
  width: 160px;
}
.header-top-wrapper.style-2 .flag-wrap .nice-select {
  padding: 10px 7px 10px 55px;
  background: transparent;
  border: none;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 999;
}
.header-top-wrapper.style-2 .flag-wrap .nice-select span {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--header);
}
.header-top-wrapper.style-2 .flag-wrap .flag {
  position: absolute;
  top: 9px;
  left: 15px;
  z-index: 1;
}
@media (max-width: 767px) {
  .header-top-wrapper.style-2 .flag-wrap .flag {
    display: none;
  }
}
.header-top-wrapper.style-2 .flag-wrap .flag img {
  width: 100%;
  height: 100%;
  border: 4px solid var(--white);
  border-radius: 50%;
}
.header-top-wrapper.style-2 .top-right {
  gap: 35px;
}
.header-top-wrapper.style-2 .top-right .header-menu {
  padding: 15px 25px;
  background-color: var(--theme);
}
@media (max-width: 1899px) {
  .header-top-wrapper.style-2 .top-right .header-menu li a {
    color: var(--white);
    background-image: linear-gradient(var(--white), var(--white));
  }
}
.header-top-wrapper.style-2 .top-right .social-icon {
  gap: 20px;
}
.header-top-wrapper.style-2 .top-right .social-icon a {
  color: var(--header);
}
.header-top-wrapper.style-2 .top-right .social-icon a:hover {
  color: var(--theme);
}
.header-top-wrapper.style-3 .top-left {
  display: initial;
}
.header-top-wrapper.style-3 .top-left .contact-list {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media (max-width: 1600px) {
  .header-top-wrapper.style-3 .top-left .contact-list {
    gap: 10px;
  }
}
.header-top-wrapper.style-3 .top-left .contact-list li {
  font-size: 15px;
  color: var(--header);
  font-weight: 500;
}
@media (max-width: 1600px) {
  .header-top-wrapper.style-3 .top-left .contact-list li {
    font-size: 14px;
  }
}
.header-top-wrapper.style-3 .top-left .contact-list li:not(:last-child) {
  border-right: 1px solid var(--border2);
  padding-right: 20px;
}
@media (max-width: 1600px) {
  .header-top-wrapper.style-3 .top-left .contact-list li:not(:last-child) {
    padding-right: 10px;
  }
}
.header-top-wrapper.style-3 .top-left .contact-list li span {
  font-size: 13px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--theme2);
  padding: 5px 10px;
  color: var(--white);
  margin-right: 10px;
}
.header-top-wrapper.style-3 .top-left .contact-list li a {
  text-decoration: underline;
  color: var(--header);
}
.header-top-wrapper.style-3 .top-left .contact-list li a:hover {
  color: var(--theme2);
}
.header-top-wrapper.style-3 .top-left .contact-list li i {
  color: var(--theme2);
  margin-right: 10px;
}
.header-top-wrapper.style-3 .top-right {
  gap: 5px;
}
.header-top-wrapper.style-3 .top-right .nice-select.style-2 {
  background: transparent;
  border: none;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 999;
  padding: 0 30px;
}
.header-top-wrapper.style-3 .top-right .social-icon {
  background-color: var(--theme2);
  padding: 18px 25px;
}
.header-top-wrapper.style-3 .top-right .social-icon a {
  color: var(--white);
}
.header-top-wrapper.color-style .top-left {
  display: initial;
}
.header-top-wrapper.color-style .top-left .contact-list li span {
  background-color: var(--theme);
}
.header-top-wrapper.color-style .top-left .contact-list li a:hover {
  color: var(--theme);
}
.header-top-wrapper.color-style .top-left .contact-list li i {
  color: var(--theme);
}
.header-top-wrapper.color-style .top-right .social-icon {
  background-color: var(--theme);
}

.middle-header-wrapper {
  padding: 30px 0;
  display: flex;
  align-items: center;
  gap: 80px;
}
@media (max-width: 1199px) {
  .middle-header-wrapper {
    display: none;
  }
}
.middle-header-wrapper .header-contact-items {
  display: flex;
  align-items: center;
  gap: 80px;
}
.middle-header-wrapper .header-contact-items .contact-info-items {
  display: flex;
  align-items: center;
  gap: 18px;
}
.middle-header-wrapper .header-contact-items .contact-info-items .icon {
  font-size: 36px;
  color: var(--theme);
}
.middle-header-wrapper .header-contact-items .contact-info-items .content h6 {
  font-size: 16px;
  margin-bottom: 5px;
}
.middle-header-wrapper .header-contact-items .contact-info-items .content p, .middle-header-wrapper .header-contact-items .contact-info-items .content a {
  font-size: 15px;
  color: var(--header);
}

.header-section-1 {
  position: relative;
  background-color: var(--white);
  box-shadow: var(---box-shadow);
  z-index: 999;
}
.header-section-1::before {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 110px;
  content: "";
  background-color: var(--theme);
  z-index: -1;
}
@media (max-width: 1899px) {
  .header-section-1::before {
    display: none !important;
  }
}

.header-section-2 {
  position: relative;
}
.header-section-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg5);
  z-index: -1;
  top: 50%;
}

@media (max-width: 991px) {
  .menu-thumb {
    display: none !important;
  }
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .header-main {
    padding: 15px 0px;
  }
}
.header-main .main-menu ul {
  margin-bottom: 0;
}
.header-main .main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-inline-end: 40px;
}
.header-main .main-menu ul li:last-child {
  margin-inline-end: 0;
}
.header-main .main-menu ul li a {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  padding: 35px 0;
  text-align: left;
  position: relative;
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li a i {
  font-size: 15px;
  font-weight: 600;
  margin-left: 5px;
}
.header-main .main-menu ul li a:hover {
  color: var(--theme) !important;
}
.header-main .main-menu ul li .submenu {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  min-width: 240px;
  background: var(--white);
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transform-origin: top center;
  color: var(--header);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  transform: translateY(10px);
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.header-main .main-menu ul li .submenu li a {
  position: relative;
  z-index: 11;
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  padding: 0 25px;
  padding-bottom: 11px;
  padding-top: 11px;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
}
.header-main .main-menu ul li .submenu li:last-child a {
  border: none;
}
.header-main .main-menu ul li .submenu li .submenu {
  inset-inline-start: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.header-main .main-menu ul li .submenu li:hover > a {
  background: var(--theme);
  color: var(--white) !important;
}
.header-main .main-menu ul li .submenu li:hover > a::after {
  color: var(--theme);
}
.header-main .main-menu ul li .submenu li:hover > .submenu {
  -webkit-transform: translateY(1);
  -moz-transform: translateY(1);
  -ms-transform: translateY(1);
  -o-transform: translateY(1);
  transform: translateY(1);
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--theme);
}
.header-main .main-menu ul li .has-home-menu {
  width: 1000px;
  padding: 30px 30px 10px 30px;
  opacity: 0;
  left: -250px;
  visibility: hidden;
  padding: 30px 30px 10px 30px;
}
.header-main .main-menu ul li .has-home-menu .home-menu {
  position: relative;
}
.header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb {
  position: relative;
}
.header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb .demo-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  gap: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  margin-top: 20px;
}
.header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb .demo-button .theme-btn {
  padding: 14px 20px;
  color: var(--white) !important;
  width: initial;
  font-size: 14px;
  text-align: center;
  border-radius: 0px !important;
}
.header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb .demo-button .theme-btn:hover {
  color: var(--white) !important;
}
.header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb .demo-button .theme-btn:hover::before, .header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb .demo-button .theme-btn:hover::after {
  border-radius: 0px;
}
.header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb::before {
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, var(--theme2) 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  content: "";
}
.header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb:hover.home-menu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}
.header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb img {
  width: 100%;
}
.header-main .main-menu ul li .has-home-menu .home-menu .home-menu-title {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
  font-size: 16px;
}
.header-main .main-menu ul li:hover > a {
  color: var(--theme);
}
.header-main .main-menu ul li:hover > a::after {
  color: var(--theme);
}
.header-main .main-menu ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}

.header-1 .container-fluid {
  padding: 0 50px;
}
@media (max-width: 470px) {
  .header-1 .container-fluid {
    padding: 0 15px;
  }
}
@media (max-width: 1199px) {
  .header-1 .mega-menu-wrapper .header-main {
    gap: 20px;
  }
}
.header-1 .mega-menu-wrapper .header-main .header-left {
  display: flex;
  align-items: center;
  gap: 180px;
}
@media (max-width: 1899px) {
  .header-1 .mega-menu-wrapper .header-main .header-left {
    gap: 100px;
  }
}
@media (max-width: 1399px) {
  .header-1 .mega-menu-wrapper .header-main .header-left {
    gap: 90px;
  }
}
@media (max-width: 1199px) {
  .header-1 .mega-menu-wrapper .header-main .header-left {
    gap: 60px;
  }
}
.header-1 .mega-menu-wrapper .header-main .header-right {
  gap: 90px;
}
@media (max-width: 1899px) {
  .header-1 .mega-menu-wrapper .header-main .header-right {
    gap: 30px;
  }
}
@media (max-width: 1399px) {
  .header-1 .mega-menu-wrapper .header-main .header-right {
    gap: 50px;
  }
}
@media (max-width: 1199px) {
  .header-1 .mega-menu-wrapper .header-main .header-right {
    gap: 40px;
  }
}
.header-1 .mega-menu-wrapper .header-main .header-right .contact-info {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1399px) {
  .header-1 .mega-menu-wrapper .header-main .header-right .contact-info {
    display: none !important;
  }
}
.header-1 .mega-menu-wrapper .header-main .header-right .contact-info .content p {
  text-transform: uppercase;
}
.header-1 .mega-menu-wrapper .header-main .header-right .contact-info .content h6 {
  font-size: 16px;
}
@media (max-width: 1199px) {
  .header-1 .mega-menu-wrapper .header-main .header-right .header-button {
    display: none !important;
  }
}
.header-1 .mega-menu-wrapper .header-main .header-right .search-icon {
  color: var(--white);
}
@media (max-width: 1899px) {
  .header-1 .mega-menu-wrapper .header-main .header-right .search-icon {
    color: var(--theme);
  }
}
@media (max-width: 991px) {
  .header-1 .mega-menu-wrapper .header-main .header-right .search-icon {
    display: none !important;
  }
}
.header-1 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle {
  color: var(--theme);
}

@media (max-width: 1899px) {
  .header-2 {
    background-color: var(--theme);
  }
}
@media (max-width: 991px) {
  .header-2 {
    padding: 15px 0;
  }
}
.header-2 .mega-menu-wrapper .header-main {
  background-color: var(--theme);
  padding: 0 40px;
  border-radius: 5px;
}
@media (max-width: 1899px) {
  .header-2 .mega-menu-wrapper .header-main {
    padding: 0;
  }
}
.header-2 .mega-menu-wrapper .header-main .logo {
  display: none;
}
@media (max-width: 991px) {
  .header-2 .mega-menu-wrapper .header-main .logo {
    display: block;
  }
}
.header-2 .mega-menu-wrapper .header-main .header-left .main-menu ul li a {
  color: var(--white);
}
.header-2 .mega-menu-wrapper .header-main .header-left .main-menu ul li a:hover {
  color: var(--white) !important;
}
.header-2 .mega-menu-wrapper .header-main .header-left .main-menu ul li .has-home-menu {
  left: -40px;
}
.header-2 .mega-menu-wrapper .header-main .header-left .main-menu ul li .submenu li a {
  color: var(--header);
}
.header-2 .mega-menu-wrapper .header-main .header-right {
  gap: 40px;
}
.header-2 .mega-menu-wrapper .header-main .header-right .search-icon {
  color: var(--white);
}
.header-2 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle {
  color: var(--white);
}
.header-2 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar {
  position: relative;
  width: 31px;
  height: 18px;
}
.header-2 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar span {
  position: absolute;
  width: 100%;
  height: 2px;
  display: inline-block;
  transition: all 0.3s;
  left: 0;
  background: var(--white);
  overflow: hidden;
}
.header-2 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar span:first-child {
  top: 0;
  background: var(--white);
  left: 16px;
  width: 15px;
}
.header-2 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar span:nth-child(2) {
  top: 44%;
  background: var(--white);
  width: 30px;
}
.header-2 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar span:last-child {
  bottom: 0;
  background: var(--white);
  width: 15px;
}
.header-2 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar.active span:first-child {
  transform: rotate(45deg) translate(3px, 9px);
}
.header-2 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar.active span:nth-child(2) {
  opacity: 0;
}
.header-2 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar.active span:last-child {
  transform: rotate(-45deg) translate(3px, -9px);
}
.header-2 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar:hover {
  cursor: pointer;
}
.header-2 .header-main .main-menu ul li a {
  padding: 25px 0px;
}

.header-3 .container-fluid {
  padding: 0 100px;
}
@media (max-width: 1399px) {
  .header-3 .container-fluid {
    padding: 0 20px;
  }
}
.header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li a:hover {
  color: var(--theme2) !important;
}
.header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li .submenu li:hover > a {
  background: var(--theme2);
  color: var(--white) !important;
}
.header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li .submenu li:hover > a::after {
  color: var(--theme2);
}
.header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li .submenu li.has-dropdown > a::after {
  color: var(--theme2);
}
.header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li:hover > a {
  color: var(--theme2);
}
.header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li:hover > a::after {
  color: var(--theme2);
}
.header-3 .mega-menu-wrapper .header-main .header-right {
  gap: 30px;
}
.header-3 .mega-menu-wrapper .header-main .header-right .header-button {
  line-height: 1;
}
@media (max-width: 1199px) {
  .header-3 .mega-menu-wrapper .header-main .header-right .header-button {
    display: none;
  }
}
.header-3 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle {
  color: var(--header);
}
.header-3 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar span {
  background: var(--header);
}
.header-3 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar span:first-child {
  background: var(--header);
}
.header-3 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar span:nth-child(2) {
  background: var(--header);
}
.header-3 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar span:last-child {
  background: var(--header);
}
.header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li a:hover {
  color: var(--theme) !important;
}
.header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li .submenu li:hover > a {
  background: var(--theme);
  color: var(--white) !important;
}
.header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li .submenu li:hover > a::after {
  color: var(--theme);
}
.header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li .submenu li.has-dropdown > a::after {
  color: var(--theme);
}
.header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li:hover > a {
  color: var(--theme);
}
.header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li:hover > a::after {
  color: var(--theme);
}

.header-4 .header-left {
  display: flex;
  align-items: center;
  gap: 70px;
}
@media (max-width: 1399px) {
  .header-4 .header-left {
    gap: 30px;
  }
}
.header-4 .header-left .header-logo-2 {
  display: none;
}
.header-4 .header-main .main-menu ul li a {
  color: var(--white);
}
.header-4 .header-main .header-right {
  display: flex;
  align-items: center;
  gap: 50px;
}
.header-4 .header-main .header-right .contact-info-items {
  gap: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1399px) {
  .header-4 .header-main .header-right .contact-info-items {
    display: none;
  }
}
.header-4 .header-main .header-right .contact-info-items .icon i {
  font-size: 30px;
  color: var(--white);
}
.header-4 .header-main .header-right .contact-info-items .content p {
  margin-bottom: 5px;
  font-weight: 500;
  color: var(--white);
}
.header-4 .header-main .header-right .contact-info-items .content h6 a {
  color: var(--white);
}
@media (max-width: 1199px) {
  .header-4 .header-main .header-right .header-button {
    display: none;
  }
}
.header-4 .header-main .header-right .sidebar__toggle {
  color: var(--theme);
}

.header-section-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.header-section-4 .container-fluid {
  padding: 0 50px;
}
@media (max-width: 470px) {
  .header-section-4 .container-fluid {
    padding: 0 15px;
  }
}

.top-header-2 {
  padding: 15px 0;
  background-color: var(--theme);
}
@media (max-width: 1199px) {
  .top-header-2 {
    display: none;
  }
}
.top-header-2 .top-header-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-header-2 .top-header-items .contact-list {
  display: flex;
  align-items: center;
  gap: 40px;
}
.top-header-2 .top-header-items .contact-list li {
  color: var(--white);
}
.top-header-2 .top-header-items .contact-list li a {
  color: var(--white);
}
.top-header-2 .top-header-items .contact-list li i {
  margin-right: 10px;
  color: var(--white);
}
.top-header-2 .top-header-items .header-right {
  display: flex;
  align-items: center;
  gap: 40px;
}
.top-header-2 .top-header-items .header-right .social-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}
.top-header-2 .top-header-items .header-right .social-icon li a {
  color: var(--white);
}
.top-header-2 .top-header-items .header-right .support-list {
  gap: 30px;
}
.top-header-2 .top-header-items .header-right .support-list li {
  color: var(--white);
}

.sidebar__toggle {
  cursor: pointer;
}
.sidebar__toggle .header-bar {
  position: relative;
  width: 31px;
  height: 18px;
}
.sidebar__toggle .header-bar span {
  position: absolute;
  width: 100%;
  height: 2px;
  display: inline-block;
  transition: all 0.3s;
  left: 0;
  background: var(--white);
  overflow: hidden;
}
.sidebar__toggle .header-bar span:first-child {
  top: 0;
  background: var(--white);
  left: 16px;
  width: 15px;
}
.sidebar__toggle .header-bar span:nth-child(2) {
  top: 44%;
  background: var(--white);
  width: 30px;
}
.sidebar__toggle .header-bar span:last-child {
  bottom: 0;
  background: var(--white);
  width: 15px;
}
.sidebar__toggle .header-bar.active span:first-child {
  transform: rotate(45deg) translate(3px, 9px);
}
.sidebar__toggle .header-bar.active span:nth-child(2) {
  opacity: 0;
}
.sidebar__toggle .header-bar.active span:last-child {
  transform: rotate(-45deg) translate(3px, -9px);
}
.sidebar__toggle .header-bar:hover {
  cursor: pointer;
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: var(--white);
  box-shadow: var(---box-shadow);
  transition: all 0.9s;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky.header-1 .mega-menu-wrapper .header-main .header-right .search-icon {
  color: var(--theme);
}
.sticky.header-1 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle {
  color: var(--theme);
}
.sticky.header-2 {
  background-color: var(--theme);
}
.sticky.header-2 .mega-menu-wrapper .header-main {
  padding: 0;
}
.sticky.header-2 .mega-menu-wrapper .header-main .logo {
  display: block;
}
.sticky.header-4 .header-main .main-menu ul li a {
  color: var(--header) !important;
}
.sticky.header-4 .header-main .header-right .contact-info-items .icon i {
  color: var(--header);
}
.sticky.header-4 .header-main .header-right .contact-info-items .content p {
  color: var(--text);
}
.sticky.header-4 .header-main .header-right .contact-info-items .content h6 a {
  color: var(--header);
}
@media (max-width: 1199px) {
  .sticky.header-4 .header-main .header-right .header-button {
    display: none;
  }
}
.sticky.header-4 .header-main .header-right .sidebar__toggle {
  color: var(--theme);
}
.sticky.header-4 .header-left .header-logo-1 {
  display: none;
}
.sticky.header-4 .header-left .header-logo-2 {
  display: block;
}

.offcanvas__info {
  background: var(--white) none repeat scroll 0 0;
  border-left: 2px solid var(--theme);
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 9999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.offcanvas__info::-webkit-scrollbar {
  display: none;
}

.offcanvas__info.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}
.offcanvas__wrapper .offcanvas__content .text {
  color: var(--text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme);
  position: relative;
  z-index: 9;
  cursor: pointer;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
  color: var(--white);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
  margin-top: 50px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul {
  margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
  margin-bottom: 15px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
  margin-right: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i {
  color: var(--theme);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn {
  width: 100%;
  padding: 20px 40px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {
  margin-top: 30px;
  gap: 10px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  display: block;
  background: transparent;
  color: var(--header);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  border: 1px solid var(--border);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
}

.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}

.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

@media (max-width: 450px) {
  .offcanvas__info {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.breadcrumb-wrapper {
  position: relative;
  overflow: hidden;
}
.breadcrumb-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(16, 10, 47, 0.58);
}
.breadcrumb-wrapper .layer-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .layer-shape {
    display: none;
  }
}
.breadcrumb-wrapper .layer-shape img {
  width: 100%;
  height: 100%;
}
.breadcrumb-wrapper .breadcrumb-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.breadcrumb-wrapper .breadcrumb-shape img {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .breadcrumb-shape {
    display: none;
  }
}
.breadcrumb-wrapper .page-heading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
}
@media (max-width: 767px) {
  .breadcrumb-wrapper .page-heading {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
}
.breadcrumb-wrapper .page-heading h1 {
  color: var(--white);
  font-size: 70px;
  position: relative;
  z-index: 9;
  line-height: 1.3;
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .page-heading h1 {
    font-size: 50px;
  }
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .page-heading h1 {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .breadcrumb-wrapper .page-heading h1 {
    font-size: 36px;
  }
}
.breadcrumb-wrapper .page-heading .breadcrumb-items {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li {
  font-size: 18px;
  color: var(--white);
  font-weight: 500;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading .breadcrumb-items li {
    font-size: 16px;
  }
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a {
  color: var(--theme);
  transition: all 0.4s ease-in-out;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a:hover {
  color: var(--theme);
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li i {
  font-size: 18px;
  color: var(--theme);
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading .breadcrumb-items li i {
    font-size: 16px;
  }
}

.error-items .error-image {
  margin-bottom: 50px;
  max-width: 500px;
  text-align: center;
  margin: 0 auto;
}
.error-items .error-image img {
  width: 100%;
  height: 100%;
}

.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mean-container .mean-nav > ul .home-menu {
  position: relative;
}
.mean-container .mean-nav > ul .home-menu .home-menu-thumb {
  position: relative;
  width: 280px;
}
.mean-container .mean-nav > ul .home-menu .home-menu-thumb .demo-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  gap: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.mean-container .mean-nav > ul .home-menu .home-menu-thumb .demo-button .theme-btn {
  padding: 10px 30px;
  color: var(--white) !important;
  width: initial;
  font-size: 14px;
  text-align: center;
}
.mean-container .mean-nav > ul .home-menu .home-menu-thumb .demo-button .theme-btn:hover {
  color: var(--white) !important;
}
.mean-container .mean-nav > ul .home-menu .home-menu-thumb::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(99, 92, 92, 0)), to(#292930));
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #292930 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.mean-container .mean-nav > ul .home-menu .home-menu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}
.mean-container .mean-nav > ul .home-menu .home-menu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.mean-container .mean-nav > ul .home-menu .home-menu-thumb:hover .home-menu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}
.mean-container .mean-nav > ul .home-menu .home-menu-thumb img {
  width: 100%;
}
.mean-container .mean-nav > ul .home-menu .home-menu-content .home-menu-title {
  margin-top: 15px;
  display: inline-block;
  font-size: 16px;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: var(--header);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--theme2);
}

.mean-container .mean-nav ul li a:last-child {
  border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--theme2);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}

.mean-container .mean-nav ul li .mega-menu li a {
  height: 200px;
  width: 100%;
  padding: 0;
  border-top: 0;
  margin-bottom: 20px;
}

.hero-1 .slide-bg {
  padding: 200px 0;
  position: relative;
}
@media (max-width: 1199px) {
  .hero-1 .slide-bg {
    padding: 150px 0;
  }
}
@media (max-width: 767px) {
  .hero-1 .slide-bg {
    padding: 130px 0;
  }
}
@media (max-width: 575px) {
  .hero-1 .slide-bg {
    padding: 100px 0;
  }
}
.hero-1 .slide-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--color-gradient-2);
}
.hero-1 .hero-content {
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
  .hero-1 .hero-content {
    text-align: center;
    margin: 0 auto;
  }
}
.hero-1 .hero-content h4 {
  color: var(--white);
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 575px) {
  .hero-1 .hero-content h4 {
    font-size: 20px;
  }
}
.hero-1 .hero-content h4::before {
  position: absolute;
  bottom: -10px;
  left: 10px;
  content: "";
  background-image: url(../img/hero/bar.png);
  width: 241px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 575px) {
  .hero-1 .hero-content h4::before {
    left: 50%;
    transform: translateX(-50%);
  }
}
.hero-1 .hero-content h1 {
  color: var(--white);
}
@media (max-width: 1399px) {
  .hero-1 .hero-content h1 {
    font-size: 74px;
  }
}
@media (max-width: 1199px) {
  .hero-1 .hero-content h1 {
    font-size: 70px;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-content h1 {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-content h1 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-content h1 {
    font-size: 32px;
    line-height: 120%;
  }
}
.hero-1 .hero-content .hero-button {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .hero-1 .hero-content .hero-button {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-content .hero-button {
    margin-top: 30px;
  }
}
.hero-1 .frame-shape {
  position: relative;
  z-index: 1;
  animation: rounded 6s linear infinite;
}
@media (max-width: 575px) {
  .hero-1 .frame-shape {
    display: none;
  }
}
.hero-1 .single-slide [data-animation-in] {
  opacity: 0;
  animation-duration: 1s;
  transition: opacity 0.5s ease 0.3s;
  transition: 1s;
}
.hero-1 .slick-nav {
  width: 44px;
  height: 44px;
  position: absolute;
  cursor: pointer;
  top: calc(50% - 44px);
}
.hero-1 .slick-nav.prev-arrow {
  left: 3%;
  transform: scaleX(-1);
  z-index: 999;
}
.hero-1 .slick-nav.next-arrow {
  left: auto;
  right: 3%;
}
.hero-1 .slick-nav i {
  display: block;
  position: absolute;
  margin: -10px 0 0 -10px;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
}
.hero-1 .slick-nav i:before, .hero-1 .slick-nav i:after {
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  margin: -1px 0 0 -5px;
  display: block;
  transform-origin: 9px 50%;
}
@media (max-width: 767px) {
  .hero-1 .slick-nav i:before, .hero-1 .slick-nav i:after {
    display: none;
  }
}
.hero-1 .slick-nav i:before {
  transform: rotate(-40deg);
}
.hero-1 .slick-nav i:after {
  transform: rotate(40deg);
}
.hero-1 .slick-nav::before, .hero-1 .slick-nav::after {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.12);
}
@media (max-width: 767px) {
  .hero-1 .slick-nav::before, .hero-1 .slick-nav::after {
    display: none;
  }
}
.hero-1 .slick-nav svg {
  width: 44px;
  height: 44px;
  display: block;
  position: relative;
  z-index: 1;
  color: #fff;
  stroke-width: 2px;
  stroke-dashoffset: 126;
  stroke-dasharray: 126 126 0;
  transform: rotate(0deg);
}
.hero-1 .slick-nav.animate svg {
  animation: stroke 1s ease forwards 0.3s;
}
.hero-1 .slick-nav.animate i {
  animation: arrow 1.6s ease forwards;
}
.hero-1 .slick-nav.animate i:before {
  animation: arrowUp 1.6s ease forwards;
}
.hero-1 .slick-nav.animate i:after {
  animation: arrowDown 1.6s ease forwards;
}
.hero-1 .animated {
  transition: all 0.5s ease-in-out;
}

.hero-2 {
  background-color: var(--bg5);
  padding: 50px 0;
}
.hero-2 .text-transparent {
  position: absolute;
  top: 75%;
  left: -5%;
  transform: translateY(-50%) rotate(-90deg);
}
.hero-2 .text-transparent h2 {
  font-size: 80px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--text);
  -webkit-text-fill-color: transparent;
  opacity: 0.2;
}
@media (max-width: 1899px) {
  .hero-2 .text-transparent {
    display: none;
  }
}
@media (max-width: 991px) {
  .hero-2 {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-content {
    padding-top: 40px;
  }
}
@media (max-width: 1199px) {
  .hero-2 .hero-content {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .hero-2 .hero-content {
    text-align: center;
    padding-top: 30px;
  }
}
.hero-2 .hero-content h5 {
  font-weight: bold;
  border-bottom: 2px solid var(--theme);
  display: inline-block;
  color: var(--theme);
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .hero-2 .hero-content h5 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.hero-2 .hero-content h1 {
  font-size: 70px;
  line-height: 114%;
  margin-bottom: 30px;
}
@media (max-width: 1399px) {
  .hero-2 .hero-content h1 {
    font-size: 64px;
  }
}
@media (max-width: 1199px) {
  .hero-2 .hero-content h1 {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .hero-2 .hero-content h1 {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-content h1 {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .hero-2 .hero-content h1 {
    font-size: 28px;
    margin-bottom: 15px;
  }
}
.hero-2 .hero-content h1 span {
  position: relative;
}
.hero-2 .hero-content h1 span::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 190px;
  height: 11px;
  background-image: url(../img/hero/line.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .hero-2 .hero-content h1 span::before {
    display: none;
  }
}
.hero-2 .hero-content .hero-button {
  display: flex;
  align-items: center;
  gap: 33px;
  margin-top: 50px;
}
@media (max-width: 575px) {
  .hero-2 .hero-content .hero-button {
    margin-top: 30px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.hero-2 .hero-image {
  width: 730px;
  height: 803px;
  margin-left: -100px;
  position: relative;
  z-index: 9;
  margin-bottom: -50px;
}
@media (max-width: 1899px) {
  .hero-2 .hero-image {
    margin-left: -250px;
  }
}
@media (max-width: 1399px) {
  .hero-2 .hero-image {
    width: 550px;
    height: 630px;
    margin-left: -150px;
  }
}
@media (max-width: 1199px) {
  .hero-2 .hero-image {
    margin-left: -220px;
  }
}
@media (max-width: 991px) {
  .hero-2 .hero-image {
    text-align: center;
    max-width: 600px;
    height: initial;
    width: initial;
    margin-left: 0;
    margin: 0 auto;
  }
}
@media (max-width: 575px) {
  .hero-2 .hero-image {
    text-align: center;
    max-width: 420px;
  }
}
.hero-2 .hero-image img {
  width: 100%;
  height: 100%;
}
.hero-2 .hero-image .circle-shape {
  position: absolute;
  top: 12%;
  left: 15%;
  width: 582px;
  height: 582px;
  z-index: -1;
  animation: handed 18s linear infinite;
}
@media (max-width: 1399px) {
  .hero-2 .hero-image .circle-shape {
    left: -3%;
  }
}
@media (max-width: 1199px) {
  .hero-2 .hero-image .circle-shape {
    left: 8%;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-image .circle-shape {
    left: -2%;
    top: 0;
  }
}
@media (max-width: 575px) {
  .hero-2 .hero-image .circle-shape {
    display: none;
  }
}
.hero-2 .hero-image .frame-shape {
  width: 86px;
  position: absolute;
  top: 30%;
  left: 12%;
  animation: rounded 4s linear infinite;
}
@media (max-width: 575px) {
  .hero-2 .hero-image .frame-shape {
    display: none;
  }
}
.hero-2 .hero-image .frame-shape-2 {
  position: absolute;
  width: 84px;
  top: 15%;
  right: 12%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 575px) {
  .hero-2 .hero-image .frame-shape-2 {
    display: none;
  }
}
.hero-2 .hero-image .frame-shape-3 {
  position: absolute;
  width: 67px;
  top: 40%;
  right: 0%;
  animation: rounded 6s linear infinite;
}
@media (max-width: 575px) {
  .hero-2 .hero-image .frame-shape-3 {
    display: none;
  }
}

.hero-3 {
  position: relative;
}
@media (max-width: 767px) {
  .hero-3 .slider-button {
    display: none;
  }
}
.hero-3 .slider-button .hero-nav-prev {
  font-size: 18px;
  color: var(--white);
  position: absolute;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid var(--border2);
  text-align: center;
  transition: all 0.4s ease-in-out;
}
.hero-3 .slider-button .hero-nav-prev:hover {
  background-color: var(--theme2);
  color: var(--white);
  border: 1px solid transparent;
}
.hero-3 .slider-button .hero-nav-next {
  font-size: 18px;
  color: var(--white);
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid var(--border2);
  text-align: center;
  transition: all 0.4s ease-in-out;
}
.hero-3 .slider-button .hero-nav-next:hover {
  background-color: var(--theme2);
  color: var(--white);
  border: 1px solid transparent;
}
.hero-3 .slide-bg {
  position: relative;
  padding: 190px 0;
}
@media (max-width: 1199px) {
  .hero-3 .slide-bg {
    padding: 160px;
  }
}
@media (max-width: 1191px) {
  .hero-3 .slide-bg {
    padding: 120px;
  }
}
@media (max-width: 991px) {
  .hero-3 .slide-bg {
    padding: 100px 0px;
  }
}
@media (max-width: 767px) {
  .hero-3 .slide-bg {
    padding: 100px 0px;
  }
}
.hero-3 .slide-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(16, 10, 47, 0.58);
}
.hero-3 .slide-bg .hero-content {
  position: relative;
  z-index: 9;
  text-align: center;
}
@media (max-width: 991px) {
  .hero-3 .slide-bg .hero-content br {
    display: none;
  }
}
.hero-3 .slide-bg .hero-content h4 {
  color: var(--white);
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .hero-3 .slide-bg .hero-content h4 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .hero-3 .slide-bg .hero-content h4 {
    font-size: 16px;
  }
}
.hero-3 .slide-bg .hero-content h4::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/hero/line-circle.png);
  width: 330px;
  height: 50px;
}
.hero-3 .slide-bg .hero-content h1 {
  color: var(--white);
}
@media (max-width: 1399px) {
  .hero-3 .slide-bg .hero-content h1 {
    font-size: 70px;
  }
}
@media (max-width: 1199px) {
  .hero-3 .slide-bg .hero-content h1 {
    font-size: 68px;
  }
}
@media (max-width: 1191px) {
  .hero-3 .slide-bg .hero-content h1 {
    font-size: 56px;
  }
}
@media (max-width: 991px) {
  .hero-3 .slide-bg .hero-content h1 {
    font-size: 42px;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .hero-3 .slide-bg .hero-content h1 {
    font-size: 32px;
  }
}
.hero-3 .slide-bg .hero-content .hero-button {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .hero-3 .slide-bg .hero-content .hero-button {
    margin-top: 30px;
  }
}

.hero-4 {
  position: relative;
  padding: 250px 0 150px;
}
@media (max-width: 1199px) {
  .hero-4 {
    padding: 190px 0 140px;
  }
}
@media (max-width: 991px) {
  .hero-4 {
    padding: 150px 0 100px;
  }
}
.hero-4 .circle-shape {
  position: absolute;
  right: 10%;
  top: 33%;
  animation: rotate 15s linear infinite;
}
@media (max-width: 1199px) {
  .hero-4 .circle-shape {
    display: none;
  }
}
.hero-4 .hero-content {
  position: relative;
}
@media (max-width: 575px) {
  .hero-4 .hero-content {
    text-align: center;
    margin: 0 auto;
  }
}
.hero-4 .hero-content .head-title {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  width: 285px;
  padding: 15px 15px;
  color: var(--white);
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .hero-4 .hero-content .head-title {
    text-align: center;
    margin: 0 auto 30px;
  }
}
.hero-4 .hero-content h1 {
  color: var(--white);
  margin-bottom: 25px;
  text-transform: initial;
}
@media (max-width: 1399px) {
  .hero-4 .hero-content h1 {
    font-size: 62px;
  }
}
@media (max-width: 1199px) {
  .hero-4 .hero-content h1 {
    font-size: 52px;
  }
}
@media (max-width: 991px) {
  .hero-4 .hero-content h1 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .hero-4 .hero-content h1 {
    font-size: 32px;
    line-height: 120%;
  }
}
.hero-4 .hero-content h6 {
  color: var(--white);
}
.hero-4 .hero-content .hero-button {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px) {
  .hero-4 .hero-content .hero-button {
    justify-content: center;
    gap: 15px;
  }
}
.hero-4 .hero-content .hero-button .theme-btn-2 {
  color: var(--white);
  text-decoration: underline;
}
.hero-4 .hero-content .hero-button .theme-btn-2 i {
  color: var(--white);
}
.hero-4 .hero-content .hero-button .theme-btn-2:hover {
  color: var(--theme);
}
.hero-4 .hero-content .hero-button .theme-btn-2:hover i {
  color: var(--theme);
}
.hero-4 .hero-image {
  margin-left: 30px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .hero-4 .hero-image {
    margin-left: 0;
  }
}
.hero-4 .hero-image img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.feature-section {
  position: relative;
}
.feature-section .shape-image {
  position: absolute;
  top: 0;
  left: 0;
}

.single-feature-items {
  padding: 40px 35px;
  background-color: var(--bg2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 9;
}
.single-feature-items::before {
  position: absolute;
  right: 0;
  width: 20%;
  height: 100%;
  bottom: 0;
  top: 0;
  content: "";
  background-color: var(--theme);
  transition: all 0.4s ease-in-out;
  z-index: -1;
}
@media (max-width: 767px) {
  .single-feature-items {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .single-feature-items {
    padding: 20px 20px;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    text-align: center;
  }
}
.single-feature-items .content span {
  letter-spacing: 0.11em;
  text-transform: uppercase;
  font-size: 15px;
  color: var(--theme);
  font-weight: 700;
  margin-bottom: 5px;
  display: inline-block;
}
.single-feature-items .icon {
  position: relative;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  background-color: var(--white);
  box-shadow: var(---box-shadow);
  text-align: center;
}
@media (max-width: 575px) {
  .single-feature-items .icon {
    width: 85px;
    height: 85px;
    line-height: 85px;
  }
}
.single-feature-items:hover::before {
  background-color: #DCB49A;
}
.single-feature-items.active::before {
  background-color: #DCB49A;
}

.trusted-client-wrapper .trusted-client-image {
  width: 917px;
  height: 826px;
  margin-left: -70%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .trusted-client-wrapper .trusted-client-image {
    margin-left: -90%;
  }
}
@media (max-width: 1199px) {
  .trusted-client-wrapper .trusted-client-image {
    margin-left: 0;
    width: inherit;
    max-width: 900px;
  }
}
@media (max-width: 767px) {
  .trusted-client-wrapper .trusted-client-image {
    height: 600px;
  }
}
@media (max-width: 575px) {
  .trusted-client-wrapper .trusted-client-image {
    height: 500px;
  }
}
.trusted-client-wrapper .trusted-client-image .counter-main-area {
  padding-top: 0;
  width: 875px;
  height: 1063px;
  position: absolute;
  top: -97px;
  left: 146px;
  bottom: 17px;
  transform: rotate(-90deg);
}
@media (max-width: 1399px) {
  .trusted-client-wrapper .trusted-client-image .counter-main-area {
    left: 400px;
  }
}
@media screen and (max-width: 1270px) {
  .trusted-client-wrapper .trusted-client-image .counter-main-area {
    left: 420px;
  }
}
@media (max-width: 1199px) {
  .trusted-client-wrapper .trusted-client-image .counter-main-area {
    left: 90px;
  }
}
@media (max-width: 767px) {
  .trusted-client-wrapper .trusted-client-image .counter-main-area {
    transform: initial;
    width: initial;
    height: initial;
    bottom: 0;
    left: 0;
    top: initial;
    right: 0;
  }
}
.trusted-client-wrapper .trusted-client-image .counter-main-area .counter-area {
  padding: 50px 120px;
  background-color: var(--theme);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .trusted-client-wrapper .trusted-client-image .counter-main-area .counter-area {
    padding: 40px 50px;
    gap: 50px;
  }
}
.trusted-client-wrapper .trusted-client-image .counter-main-area .counter-area .counter-items:not(:last-child) {
  border-right: 2px solid #3282DD;
  padding-right: 90px;
}
@media (max-width: 767px) {
  .trusted-client-wrapper .trusted-client-image .counter-main-area .counter-area .counter-items:not(:last-child) {
    border: none;
    padding-right: 0;
  }
}
.trusted-client-wrapper .trusted-client-image .counter-main-area .counter-area .counter-items h2 {
  font-size: 48px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
  -webkit-text-fill-color: transparent;
  transition: all 0.4s ease-in-out;
}
.trusted-client-wrapper .trusted-client-image .counter-main-area .counter-area .counter-items h3 {
  color: var(--white);
  font-weight: normal;
}
.trusted-client-wrapper .trusted-client-image .icon-box {
  position: absolute;
  bottom: 4%;
  left: 28%;
}
@media (max-width: 767px) {
  .trusted-client-wrapper .trusted-client-image .icon-box {
    left: 50%;
    bottom: 0;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 575px) {
  .trusted-client-wrapper .trusted-client-image .icon-box {
    display: none;
  }
}
.trusted-client-wrapper .trusted-client-image .icon-box .text-circle {
  animation: cir36 10s linear infinite;
}
.trusted-client-wrapper .trusted-client-image .icon-box .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 154px;
  height: 154px;
  line-height: 154px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .trusted-client-wrapper .trusted-client-image .icon-box .icon {
    top: 33%;
  }
}
.trusted-client-wrapper .trusted-content {
  margin-left: 80px;
}
@media (max-width: 1199px) {
  .trusted-client-wrapper .trusted-content {
    margin-left: 0;
  }
}
.trusted-client-wrapper .trusted-content .single-tab-items {
  margin-top: 50px;
}
@media (max-width: 575px) {
  .trusted-client-wrapper .trusted-content .single-tab-items {
    margin-top: 30px;
  }
}
.trusted-client-wrapper .trusted-content .single-tab-items .nav {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px) {
  .trusted-client-wrapper .trusted-content .single-tab-items .nav {
    gap: 15px;
  }
}
.trusted-client-wrapper .trusted-content .single-tab-items .nav .nav-link {
  text-align: center;
  padding: 10px 40px;
  background-color: #EBEBEB;
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--header);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .trusted-client-wrapper .trusted-content .single-tab-items .nav .nav-link {
    padding: 14px 45px;
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .trusted-client-wrapper .trusted-content .single-tab-items .nav .nav-link {
    padding: 12px 20px;
    font-size: 14px;
  }
}
.trusted-client-wrapper .trusted-content .single-tab-items .nav .nav-link.active {
  position: relative;
  background-color: var(--theme);
  color: var(--white);
}
.trusted-client-wrapper .trusted-content .single-tab-items .nav .nav-link.active::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid var(--theme);
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 0.4s ease-in-out;
  z-index: -1;
}
.trusted-client-wrapper .trusted-content .single-tab-items .tab-content {
  margin-top: 50px;
}
@media (max-width: 575px) {
  .trusted-client-wrapper .trusted-content .single-tab-items .tab-content {
    margin-top: 30px;
  }
}
.trusted-client-wrapper .trusted-content .single-tab-items .tab-content .tab-content-items ul li {
  font-size: 18px;
}
.trusted-client-wrapper .trusted-content .single-tab-items .tab-content .tab-content-items ul li:not(:last-child) {
  margin-bottom: 10px;
}
.trusted-client-wrapper .trusted-content .single-tab-items .tab-content .tab-content-items ul li i {
  color: var(--theme);
  margin-right: 5px;
}
.trusted-client-wrapper .trusted-content .single-tab-items .tab-content .tab-content-items .icon-area {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 35px;
}
@media (max-width: 767px) {
  .trusted-client-wrapper .trusted-content .single-tab-items .tab-content .tab-content-items .icon-area {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.trusted-client-wrapper .trusted-content .single-tab-items .tab-content .tab-content-items .icon-area .icon-items .icon {
  width: 70px;
  height: 70px;
  line-height: 75px;
  border-radius: 50%;
  background-color: var(--bg3);
  text-align: center;
  color: var(--theme);
  font-size: 32px;
}
.trusted-client-wrapper .trusted-content .single-tab-items .tab-content .tab-content-items .pro-items {
  width: 100%;
  margin-top: 40px;
}
.trusted-client-wrapper .trusted-content .single-tab-items .tab-content .tab-content-items .pro-items .pro-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.trusted-client-wrapper .trusted-content .single-tab-items .tab-content .tab-content-items .pro-items .pro-head .title {
  font-size: 18px;
}
.trusted-client-wrapper .trusted-content .single-tab-items .tab-content .tab-content-items .pro-items .pro-head .point {
  font-size: 18px;
  color: var(--text);
  font-weight: 600;
  color: var(--header);
}
.trusted-client-wrapper .trusted-content .single-tab-items .tab-content .tab-content-items .pro-items .progress {
  background: var(--bg2);
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  display: flex;
  height: 10px;
  width: 100%;
}
.trusted-client-wrapper .trusted-content .single-tab-items .tab-content .tab-content-items .pro-items .progress-value {
  animation: load 3s normal forwards;
  border-radius: 10px;
  background: var(--theme);
  height: 10px;
  width: 0;
}
@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 75%;
  }
}

.feature-icon-box-wrapper {
  padding: 80px 50px;
  background-color: var(--white);
  box-shadow: var(---box-shadow);
  position: relative;
  z-index: 9;
  margin-top: -120px;
}
@media (max-width: 575px) {
  .feature-icon-box-wrapper {
    padding: 50px 30px;
  }
}
.feature-icon-box-wrapper .icon-box-items {
  display: flex;
  align-items: center;
  gap: 30px;
  position: relative;
}
.feature-icon-box-wrapper .icon-box-items::before {
  position: absolute;
  bottom: -75%;
  left: 0;
  height: 2px;
  width: 100%;
  content: "";
  background: var(--theme);
  transition: 0.3s;
  opacity: 0;
}
@media (max-width: 1399px) {
  .feature-icon-box-wrapper .icon-box-items::before {
    display: none;
  }
}
@media (max-width: 575px) {
  .feature-icon-box-wrapper .icon-box-items {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
}
.feature-icon-box-wrapper .icon-box-items .icon {
  font-size: 42px;
  width: 107px;
  height: 107px;
  line-height: 115px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--bg3);
  color: var(--theme);
}
@media (max-width: 575px) {
  .feature-icon-box-wrapper .icon-box-items .icon {
    width: 80px;
    height: 80px;
    line-height: 90px;
    font-size: 32px;
  }
}
.feature-icon-box-wrapper .icon-box-items .content {
  flex-basis: 62%;
}
@media (max-width: 1199px) {
  .feature-icon-box-wrapper .icon-box-items .content {
    flex-basis: 50%;
  }
}
.feature-icon-box-wrapper .icon-box-items .content h3 {
  margin-bottom: 10px;
}
.feature-icon-box-wrapper .icon-box-items:hover::before {
  opacity: 1;
}
.feature-icon-box-wrapper .icon-box-items.active::before {
  opacity: 1;
}

.feature-icon-box-area-2 {
  position: relative;
}
.feature-icon-box-area-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg5);
  top: 45%;
}

.counter-section {
  position: relative;
}
.counter-section .line-shape {
  position: absolute;
  top: -15%;
  left: 0;
}
@media (max-width: 1399px) {
  .counter-section .line-shape {
    top: 0;
  }
}
@media (max-width: 1199px) {
  .counter-section .line-shape {
    display: none;
  }
}
.counter-section .line-shape img {
  width: 100%;
  height: 100%;
}

.counter-wrapper .counter-items {
  position: relative;
  padding-bottom: 45px;
}
.counter-wrapper .counter-items::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--white);
  border-radius: 9px;
  top: 60px;
  height: initial;
}
.counter-wrapper .counter-items .icon {
  width: 106px;
  height: 106px;
  line-height: 115px;
  background-color: var(--white);
  color: var(--theme);
  text-align: center;
  border-radius: 50%;
  font-size: 50px;
  position: relative;
  z-index: 9;
  box-shadow: var(---box-shadow);
  transition: all 0.4s ease-in-out;
}
.counter-wrapper .counter-items .icon img {
  transition: all 0.4s ease-in-out;
}
.counter-wrapper .counter-items .content {
  margin-top: 30px;
  position: relative;
  z-index: 9;
}
.counter-wrapper .counter-items .content h2 {
  font-size: 65px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .counter-wrapper .counter-items .content h2 {
    font-size: 52px;
  }
}
@media (max-width: 575px) {
  .counter-wrapper .counter-items .content h2 {
    font-size: 48px;
  }
}
.counter-wrapper .counter-items .content p {
  font-size: 18px;
  font-weight: 500;
}
.counter-wrapper .counter-items:hover .icon {
  background-color: var(--theme);
  color: var(--white);
}

.counter-section-2 {
  position: relative;
}
.counter-section-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg6);
  z-index: -1;
  top: 60%;
}

.counter-wrapper-2 {
  padding: 65px 105px;
  background-color: var(--theme2);
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .counter-wrapper-2 {
    flex-wrap: wrap;
    padding: 50px 50px;
    gap: 30px;
  }
}
@media (max-width: 470px) {
  .counter-wrapper-2 {
    justify-content: center;
    text-align: center;
  }
}
.counter-wrapper-2 .counter-items:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.1019607843);
  padding-right: 80px;
}
@media (max-width: 1199px) {
  .counter-wrapper-2 .counter-items:not(:last-child) {
    padding-right: 20px;
  }
}
@media (max-width: 991px) {
  .counter-wrapper-2 .counter-items:not(:last-child) {
    border: none;
    padding-right: 0;
  }
}
.counter-wrapper-2 .counter-items .icon {
  font-size: 52px;
  color: var(--white);
}
.counter-wrapper-2 .counter-items .content {
  margin-top: 25px;
}
@media (max-width: 575px) {
  .counter-wrapper-2 .counter-items .content {
    margin-top: 15px;
  }
}
.counter-wrapper-2 .counter-items .content h2 {
  font-size: 50px;
  color: var(--white);
  font-weight: 600;
}
@media (max-width: 575px) {
  .counter-wrapper-2 .counter-items .content h2 {
    font-size: 38px;
  }
}
.counter-wrapper-2 .counter-items .content p {
  color: var(--white);
  margin-top: 10px;
  font-size: 18px;
}
@media (max-width: 575px) {
  .counter-wrapper-2 .counter-items .content p {
    font-size: 16px;
  }
}

.woeking-process {
  position: relative;
}
.woeking-process .left-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}
.woeking-process .right-shape {
  position: absolute;
  top: 0;
  right: 0;
}

.process-items {
  text-align: center;
  width: 290px;
  height: 290px;
  position: relative;
  text-align: center;
  margin: 30px auto;
}
@media (max-width: 1399px) {
  .process-items {
    width: 260px;
    height: 260px;
  }
}
@media (max-width: 767px) {
  .process-items {
    width: 240px;
    height: 240px;
  }
}
@media (max-width: 575px) {
  .process-items {
    width: 190px;
    height: 190px;
  }
}
.process-items::before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 2px dotted rgba(255, 255, 255, 0.16);
  content: "";
  border-radius: 50%;
  position: absolute;
  animation: rotate 20s linear infinite;
}
.process-items .icon {
  font-size: 60px;
  color: var(--theme);
}
@media (max-width: 575px) {
  .process-items .icon {
    font-size: 48px;
  }
}
.process-items .content {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 100%;
}
.process-items .content h3 {
  color: var(--white);
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .process-items .content h3 {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .process-items .content h3 {
    font-size: 16px;
  }
}
.process-items .process-number {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  background-color: var(--theme);
  color: var(--white);
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 30px;
  z-index: 1;
}

.grow-wrapper .title-section-area {
  border-bottom: 1px solid rgba(230, 230, 230, 0.1);
  padding-bottom: 30px;
}
@media (max-width: 1199px) {
  .grow-wrapper .title-section-area {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.grow-wrapper .circle-progress-bar-wrapper {
  display: flex;
  align-items: center;
  margin-top: 50px;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .grow-wrapper .circle-progress-bar-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }
}
@media (max-width: 575px) {
  .grow-wrapper .circle-progress-bar-wrapper {
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 20px;
  }
}
.grow-wrapper .circle-progress-bar-wrapper .single-circle-bar {
  display: flex;
  gap: 30px;
}
.grow-wrapper .circle-progress-bar-wrapper .single-circle-bar span {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}
.grow-wrapper .circle-progress-bar-wrapper .single-circle-bar .content h6 {
  display: block;
  margin-bottom: 10px;
  color: var(--white);
}
@media (max-width: 575px) {
  .grow-wrapper .circle-progress-bar-wrapper .single-circle-bar .content br {
    display: block;
  }
}
.grow-wrapper .circle-progress-bar-wrapper .single-circle-bar .circle-bar {
  position: relative;
  height: 120px;
  width: 120px;
}
.grow-wrapper .circle-progress-bar-wrapper .single-circle-bar .circle-bar div {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.grow-wrapper .circle-progress-bar-wrapper .single-circle-bar .circle-bar div span {
  position: absolute;
  font-size: 22px;
  line-height: 92px;
  height: 90px;
  width: 90px;
  left: 5px;
  top: 5px;
  font-weight: 700;
  text-align: center;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--black);
}
@media (max-width: 575px) {
  .grow-wrapper .circle-progress-bar-wrapper .single-circle-bar .circle-bar div span {
    font-size: 24px;
  }
}
.grow-wrapper .circle-progress-bar-wrapper .single-circle-bar .circle-bar div span:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  border-radius: 50%;
  border: 8px solid var(--bg6);
}
.grow-wrapper .circle-progress-bar-wrapper .single-circle-bar .circle-bar .background {
  background-color: var(--white) !important;
}
.grow-wrapper .circle-progress-bar-wrapper .single-circle-bar .circle-bar .rotate {
  clip: rect(0 50px 100px 0);
  background-color: var(--theme2) !important;
}
.grow-wrapper .circle-progress-bar-wrapper .single-circle-bar .circle-bar .left {
  clip: rect(0 50px 100px 0);
  opacity: 1;
  background-color: var(--white) !important;
}
.grow-wrapper .circle-progress-bar-wrapper .single-circle-bar .circle-bar .right {
  clip: rect(0 50px 100px 0);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0;
  background-color: var(--theme2) !important;
}

.manage-it-wrapper .single-tab-items .nav {
  display: flex;
  align-items: center;
  gap: 80px;
  --bs-nav-link-padding-x: 0;
  border-bottom: 1px solid var(--border2);
  margin-right: 100px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .manage-it-wrapper .single-tab-items .nav {
    gap: 30px;
  }
}
@media (max-width: 575px) {
  .manage-it-wrapper .single-tab-items .nav {
    gap: 20px;
  }
}
.manage-it-wrapper .single-tab-items .nav .nav-link {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--header);
  transition: all 0.3s ease-in-out;
}
.manage-it-wrapper .single-tab-items .nav .nav-link.active {
  position: relative;
  color: var(--theme);
}
.manage-it-wrapper .single-tab-items .nav .nav-link.active::before {
  position: absolute;
  bottom: -21px;
  left: 0;
  height: 2px;
  width: 100%;
  content: "";
  background: var(--theme);
  transition: 0.3s;
}
.manage-it-wrapper .single-tab-items .tab-content-items .list-area {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 70px;
  margin-bottom: 40px;
}
@media (max-width: 575px) {
  .manage-it-wrapper .single-tab-items .tab-content-items .list-area {
    margin-top: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 20px;
  }
}
.manage-it-wrapper .single-tab-items .tab-content-items .list-area ul li {
  color: var(--header);
  font-weight: 500;
}
.manage-it-wrapper .single-tab-items .tab-content-items .list-area ul li:not(:last-child) {
  margin-bottom: 10px;
}
.manage-it-wrapper .single-tab-items .tab-content-items .list-area ul li i {
  color: var(--theme);
  margin-right: 8px;
}
.manage-it-wrapper .single-tab-items .tab-content-items .theme-btn {
  line-height: 1.2;
}
.manage-it-wrapper .manage-image {
  max-width: 550px;
  height: 645px;
  position: relative;
}
.manage-it-wrapper .manage-image .counting-shape {
  position: absolute;
  bottom: 5%;
  left: -20%;
  animation: top-image-bounce 3s infinite ease-in-out;
}
@media (max-width: 991px) {
  .manage-it-wrapper .manage-image .counting-shape {
    left: 0;
  }
}

.feature-single-wrapper .single-feature-content .feature-items {
  display: flex;
  gap: 20px;
  padding: 35px 50px;
  border: 1px solid var(--border);
  transition: all 0.4s ease-in-out;
}
.feature-single-wrapper .single-feature-content .feature-items:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .feature-single-wrapper .single-feature-content .feature-items {
    flex-wrap: wrap;
    padding: 30px 40px;
    justify-content: center;
  }
}
.feature-single-wrapper .single-feature-content .feature-items.active {
  background-color: var(--white);
  box-shadow: 0px 10px 60px rgba(167, 167, 167, 0.25);
  border: 1px solid transparent;
}
@media (max-width: 575px) {
  .feature-single-wrapper .single-feature-content .feature-items .content {
    text-align: center;
    margin: 0 auto;
  }
}
.feature-single-wrapper .single-feature-content .feature-items .content h3 {
  margin-bottom: 10px;
}
.feature-single-wrapper .single-feature-content .feature-items:hover {
  background-color: var(--white);
  box-shadow: 0px 10px 60px rgba(167, 167, 167, 0.25);
  border: 1px solid transparent;
}
.feature-single-wrapper .single-feature-image {
  margin-left: 40px;
  position: relative;
}
@media (max-width: 1399px) {
  .feature-single-wrapper .single-feature-image {
    margin-top: 140px;
  }
}
@media (max-width: 1199px) {
  .feature-single-wrapper .single-feature-image {
    margin-top: 180px;
  }
}
@media (max-width: 991px) {
  .feature-single-wrapper .single-feature-image {
    margin-left: 0;
    margin-top: 0;
  }
}
.feature-single-wrapper .single-feature-image .quote-img {
  position: absolute;
  bottom: 7%;
  left: 12%;
}
@media (max-width: 991px) {
  .feature-single-wrapper .single-feature-image .quote-img {
    display: none;
  }
}
.feature-single-wrapper .single-feature-image .feature-image {
  max-width: 300px;
}
@media (max-width: 767px) {
  .feature-single-wrapper .single-feature-image .feature-image {
    text-align: center;
    margin: 0 auto;
  }
}
.feature-single-wrapper .single-feature-image .feature-image img {
  width: 100%;
  height: 100%;
}
.feature-single-wrapper .single-feature-image .feature-image-2 {
  max-width: 300px;
  margin-top: 150px;
}
@media (max-width: 767px) {
  .feature-single-wrapper .single-feature-image .feature-image-2 {
    text-align: center;
    margin: 30px auto 0;
  }
}
.feature-single-wrapper .single-feature-image .feature-image-2 img {
  width: 100%;
  height: 100%;
}

.about-section {
  position: relative;
}
.about-section .left-shape {
  position: absolute;
  top: -34%;
  left: 0;
}
.about-section .left-shape img {
  width: 100%;
}
.about-section .line-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.about-section .line-shape img {
  width: 100%;
  height: 100%;
}
.about-section .shape {
  position: absolute;
  bottom: -15%;
  right: 0;
}
@media (max-width: 1600px) {
  .about-section .shape {
    display: none;
  }
}

.about-wrapper .about-image-items {
  position: relative;
  padding-left: 25px;
}
.about-wrapper .about-image-items::before {
  position: absolute;
  top: 100px;
  left: 0;
  content: "";
  height: 210px;
  width: 4px;
  background-color: var(--theme);
  content: "";
}
.about-wrapper .about-image-items .border-shape {
  position: absolute;
  bottom: -30px;
  right: 22%;
  z-index: 1;
}
@media (max-width: 575px) {
  .about-wrapper .about-image-items .border-shape {
    display: none;
  }
}
.about-wrapper .about-image-items .circle-shape {
  position: absolute;
  bottom: -40px;
  left: -40px;
  z-index: 2;
}
@media (max-width: 991px) {
  .about-wrapper .about-image-items .circle-shape {
    top: 0;
    left: 0;
  }
}
.about-wrapper .about-image-items .circle-shape .text-circle {
  animation: cir36 10s linear infinite;
}
@media (max-width: 767px) {
  .about-wrapper .about-image-items .circle-shape .text-circle {
    display: none;
  }
}
.about-wrapper .about-image-items .circle-shape .award-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .about-wrapper .about-image-items .circle-shape .award-img {
    top: 0;
    left: 0;
    transform: initial;
  }
}
@media (max-width: 767px) {
  .about-wrapper .about-image-items .circle-shape .award-img {
    width: 155px;
    left: 10px;
  }
  .about-wrapper .about-image-items .circle-shape .award-img img {
    width: 100%;
    height: 100%;
  }
}
.about-wrapper .about-image-items .about-image {
  width: 437px;
  height: 530px;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
  .about-wrapper .about-image-items .about-image {
    max-width: 430px;
    width: initial;
    height: 400px;
  }
}
.about-wrapper .about-image-items .about-image .about-image-2 {
  position: absolute;
  bottom: -100px;
  right: -100px;
}
@media (max-width: 1399px) {
  .about-wrapper .about-image-items .about-image .about-image-2 {
    right: -50px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-image-items .about-image .about-image-2 {
    right: 0;
  }
}
@media (max-width: 991px) {
  .about-wrapper .about-image-items .about-image .about-image-2 {
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .about-wrapper .about-image-items .about-image .about-image-2 {
    bottom: 0;
    right: 0;
    width: 250px;
  }
  .about-wrapper .about-image-items .about-image .about-image-2 img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .about-wrapper .about-image-items .about-image .about-image-2 {
    width: 200px;
  }
}
.about-wrapper .about-content .circle-progress-bar-wrapper {
  display: flex;
  align-items: center;
  gap: 70px;
  margin-top: 50px;
  flex-wrap: wrap;
}
@media (max-width: 1399px) {
  .about-wrapper .about-content .circle-progress-bar-wrapper {
    gap: 30px;
  }
}
@media (max-width: 991px) {
  .about-wrapper .about-content .circle-progress-bar-wrapper {
    margin-top: 40px;
    gap: 70px;
  }
}
@media (max-width: 991px) {
  .about-wrapper .about-content .circle-progress-bar-wrapper {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .about-wrapper .about-content .circle-progress-bar-wrapper {
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 10px;
  }
}
.about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar {
  display: flex;
  align-items: center;
  gap: 10px;
}
.about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar span {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}
.about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .content h6 {
  display: block;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .content br {
    display: block;
  }
}
.about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar {
  position: relative;
  height: 120px;
  width: 120px;
}
.about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar div {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar div span {
  position: absolute;
  font-size: 30px;
  line-height: 92px;
  height: 90px;
  width: 90px;
  left: 5px;
  top: 5px;
  font-weight: 700;
  text-align: center;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--header);
}
@media (max-width: 575px) {
  .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar div span {
    font-size: 24px;
  }
}
.about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .background {
  background-color: var(--bg) !important;
}
.about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .rotate {
  clip: rect(0 50px 100px 0);
  background-color: var(--theme) !important;
}
.about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .left {
  clip: rect(0 50px 100px 0);
  opacity: 1;
  background-color: var(--bg) !important;
}
.about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .right {
  clip: rect(0 50px 100px 0);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0;
  background-color: var(--theme) !important;
}
.about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar {
  display: flex;
  align-items: center;
  gap: 10px;
}
.about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar span {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}
.about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .content h6 {
  display: block;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .content br {
    display: block;
  }
}
.about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar {
  position: relative;
  height: 120px;
  width: 120px;
}
.about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar div {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar div span {
  position: absolute;
  font-size: 30px;
  line-height: 92px;
  height: 90px;
  width: 90px;
  left: 5px;
  top: 5px;
  font-weight: 700;
  text-align: center;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--header);
}
@media (max-width: 575px) {
  .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar div span {
    font-size: 24px;
  }
}
.about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar .background {
  background-color: var(--bg) !important;
}
.about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar .rotate {
  background-color: var(--theme2) !important;
}
.about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar .left {
  clip: rect(0 50px 100px 0);
  opacity: 1;
  background-color: var(--bg) !important;
}
.about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar .right {
  background-color: var(--theme2) !important;
}
.about-wrapper .about-content .about-list {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .about-wrapper .about-content .about-list {
    margin-top: 0;
  }
}
.about-wrapper .about-content .about-list li {
  font-weight: 600;
  font-size: 18px;
}
@media (max-width: 991px) {
  .about-wrapper .about-content .about-list li {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .about-list li {
    font-size: 15px;
  }
}
.about-wrapper .about-content .about-list li:not(:last-child) {
  margin-bottom: 10px;
}
.about-wrapper .about-content .about-list li i {
  color: var(--theme);
}
.about-wrapper .about-content .about-author {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-top: 40px;
}
@media (max-width: 1399px) {
  .about-wrapper .about-content .about-author {
    gap: 40px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .about-author {
    flex-wrap: wrap;
  }
}
.about-wrapper .about-content .about-author .author-image {
  display: flex;
  align-items: center;
  gap: 10px;
}
.about-wrapper .about-content .about-author .author-image .content p {
  font-size: 14px;
  color: var(--theme);
  font-weight: 500;
  margin-top: -10px;
}
@media (max-width: 575px) {
  .about-wrapper.style-2 .about-image-items {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .about-wrapper.style-2 .about-image-items .about-image {
    max-width: 525px;
  }
}
.about-wrapper.style-2 .about-image-items .about-image .experience-text-area {
  position: absolute;
  bottom: -140px;
  left: -25%;
  padding: 35px 45px;
  background-color: var(--theme);
  width: 320px;
}
@media (max-width: 1399px) {
  .about-wrapper.style-2 .about-image-items .about-image .experience-text-area {
    bottom: 0px;
    left: 0;
  }
}
@media (max-width: 991px) {
  .about-wrapper.style-2 .about-image-items .about-image .experience-text-area {
    padding: 30px 20px;
    width: 264px;
  }
}
.about-wrapper.style-2 .about-image-items .about-image .experience-text-area h2 {
  font-size: 65px;
  color: var(--white);
}
@media (max-width: 575px) {
  .about-wrapper.style-2 .about-image-items .about-image .experience-text-area h2 {
    font-size: 32px;
  }
}
.about-wrapper.style-2 .about-image-items .about-image .experience-text-area h6 {
  font-size: 16px;
  color: var(--white);
  position: relative;
}
.about-wrapper.style-2 .about-image-items .about-image .experience-text-area h6::before {
  position: absolute;
  bottom: -5px;
  left: 34%;
  transform: translateX(-50%);
  content: "";
  width: 147px;
  height: 5px;
  background-image: url(../img/about/bar.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.about-wrapper.style-2 .about-image-items .about-image .experience-text-area .star {
  margin-top: 15px;
}
.about-wrapper.style-2 .about-image-items .about-image .experience-text-area .star span {
  font-size: 15px;
  color: var(--white);
}
.about-wrapper.style-2 .about-image-items .about-image .experience-text-area .ratting {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 15px 20px;
  text-align: center;
  background-color: var(--white);
  z-index: 9;
}
@media (max-width: 575px) {
  .about-wrapper.style-2 .about-image-items .about-image .experience-text-area .ratting {
    padding: 15px;
  }
}
.about-wrapper.style-2 .about-image-items .about-image .experience-text-area .ratting span {
  font-size: 18px;
  font-weight: 600;
  color: var(--theme);
}
@media (max-width: 575px) {
  .about-wrapper.style-2 .about-image-items .about-image .experience-text-area .ratting span {
    font-size: 15px;
  }
}
.about-wrapper.style-2 .about-image-items .about-image .experience-text-area .ratting::after {
  position: absolute;
  right: 4px;
  top: 0px;
  font-family: "Font Awesome 5 Pro";
  content: "\f005";
  font-size: 14px;
  color: var(--theme);
}
.about-wrapper.style-2 .about-image-items .about-image .experience-text-area .ratting::before {
  position: absolute;
  top: 8px;
  left: -8px;
  right: 0px;
  width: 94%;
  height: 100%;
  content: "";
  border: 1px solid var(--white);
  z-index: -1;
}
.about-wrapper.style-2 .about-image-items .about-image .about-image-2 {
  bottom: -140px;
}
@media (max-width: 1399px) {
  .about-wrapper.style-2 .about-image-items .about-image .about-image-2 {
    bottom: initial;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .about-wrapper.style-2 .about-content {
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .about-wrapper.style-2 .about-content {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .about-wrapper.style-2 .about-content .section-title h2 {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .about-wrapper.style-2 .about-content .section-title h2 {
    font-size: 24px;
  }
}
.about-wrapper.style-2 .about-content .icon-area {
  margin-top: 30px;
  gap: 30px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border);
  padding-bottom: 25px;
  margin-bottom: 25px;
}
@media (max-width: 470px) {
  .about-wrapper.style-2 .about-content .icon-area {
    flex-wrap: wrap;
  }
}
.about-wrapper.style-2 .about-content .icon-area .icon-items .icon {
  font-size: 52px;
  color: var(--theme);
  margin-bottom: 20px;
}
.about-wrapper.style-2 .about-content .icon-area .icon-items .content h5 {
  margin-bottom: 10px;
}
.about-wrapper.style-2 .about-content .about-author .author-image {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-wrapper.style-2 .about-content .about-author .author-image .content p {
  font-weight: 600;
  color: var(--text);
  margin-top: 10px;
  position: relative;
}
.about-wrapper.style-2 .about-content .about-author .author-image .content p::before {
  position: absolute;
  bottom: -5px;
  left: 34%;
  transform: translateX(-50%);
  content: "";
  width: 124px;
  height: 5px;
  background-image: url(../img/about/bar-2.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.about-wrapper.style-2 .about-content .all-client {
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  z-index: 99;
}
@media (max-width: 575px) {
  .about-wrapper.style-2 .about-content .all-client {
    justify-content: center;
  }
}
.about-wrapper.style-2 .about-content .client-img {
  margin-left: -8px;
}

.about-wrapper-2 .about-image-items {
  position: relative;
}
.about-wrapper-2 .about-image-items .circle-shape {
  position: absolute;
  bottom: -80px;
  left: 60px;
  z-index: 2;
  width: 200px;
}
@media (max-width: 991px) {
  .about-wrapper-2 .about-image-items .circle-shape {
    right: 20%;
    top: 0;
    bottom: initial;
    left: initial;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-image-items .circle-shape {
    right: 0;
    width: 140px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-image-items .circle-shape {
    display: none;
  }
}
.about-wrapper-2 .about-image-items .circle-shape img {
  width: 100%;
}
.about-wrapper-2 .about-image-items .circle-shape .text-circle {
  animation: cir36 10s linear infinite;
}
.about-wrapper-2 .about-image-items .circle-shape .about-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.about-wrapper-2 .about-image-items .circle-shape .about-title h2 {
  font-size: 57px;
  color: var(--white);
}
@media (max-width: 991px) {
  .about-wrapper-2 .about-image-items .circle-shape .about-title h2 {
    font-size: 36px;
  }
}
.about-wrapper-2 .about-image-items .circle-shape .about-title p {
  font-size: 14px;
  color: var(--white);
  line-height: 1.5;
}
.about-wrapper-2 .about-image-items .about-image-1 {
  max-width: 387px;
  height: 467px;
  border-radius: 10px;
  position: relative;
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-image-items .about-image-1 {
    max-width: 550px;
  }
}
.about-wrapper-2 .about-image-items .about-image-1 .about-image-2 {
  height: 489px;
  max-width: 376px;
  position: absolute;
  right: -45%;
  bottom: -32%;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .about-wrapper-2 .about-image-items .about-image-1 .about-image-2 {
    right: -30%;
    height: 400px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-image-items .about-image-1 .about-image-2 {
    height: 390px;
    right: -10%;
  }
}
@media (max-width: 991px) {
  .about-wrapper-2 .about-image-items .about-image-1 .about-image-2 {
    bottom: -40px;
    right: -50%;
    height: 400px;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-image-items .about-image-1 .about-image-2 {
    bottom: 0;
    right: -30%;
    height: 350px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-image-items .about-image-1 .about-image-2 {
    height: 280px;
    right: 0;
  }
}
.about-wrapper-2 .about-image-items .about-image-1 .about-image-2 img {
  width: 100%;
  height: 100%;
}
.about-wrapper-2 .about-content .about-tabs-area {
  margin-top: 40px;
}
.about-wrapper-2 .about-content .about-tabs-area .about-list-items {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-content .about-tabs-area .about-list-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.about-wrapper-2 .about-content .about-tabs-area .about-list-items .video-image {
  position: relative;
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
}
.about-wrapper-2 .about-content .about-tabs-area .about-list-items .video-image .video-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.about-wrapper-2 .about-content .about-tabs-area .about-list-items .video-image .video-box .video-btn {
  background-color: var(--theme2);
  color: var(--white);
  display: inline-block;
  font-size: 16px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
}
.about-wrapper-2 .about-content .about-tabs-area .about-list-items ul li:not(:last-child) {
  margin-bottom: 5px;
}
.about-wrapper-2 .about-content .about-tabs-area .about-list-items ul li i {
  color: var(--theme2);
  margin-right: 5px;
}
.about-wrapper-2 .about-content .about-tabs-area .about-author {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 55px;
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-content .about-tabs-area .about-author {
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
  }
}
.about-wrapper-2 .about-content .about-tabs-area .about-author .author-image {
  display: flex;
  align-items: center;
  gap: 10px;
}
.about-wrapper-2 .about-content .about-tabs-area .about-author .author-contact {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-wrapper-2 .about-content .about-tabs-area .about-author .author-contact .content p {
  text-transform: uppercase;
  font-size: 14px;
}
.about-wrapper-2 .about-content .about-tabs-area .about-author .author-contact .content h6 {
  font-size: 16px;
}
.about-wrapper-2 .about-content .all-client {
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  z-index: 99;
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-content .all-client {
    justify-content: center;
  }
}
.about-wrapper-2 .about-content .all-client .client-img {
  margin-left: -10px;
  width: 36px;
}
.about-wrapper-2 .about-content .all-client .client-img img {
  width: 100%;
}
.about-wrapper-2 .about-content .single-tab-items {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-content .single-tab-items {
    margin-top: 30px;
  }
}
.about-wrapper-2 .about-content .single-tab-items .nav {
  display: flex;
  align-items: center;
  gap: 30px;
  border-bottom: 1px solid var(--header);
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-content .single-tab-items .nav {
    gap: 0;
  }
}
.about-wrapper-2 .about-content .single-tab-items .nav .nav-link {
  text-align: center;
  padding: 10px 40px;
  background-color: transparent;
  border-radius: 4px 4px 0px 0px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--header);
  transition: all 0.3s ease-in-out;
  letter-spacing: 0.05em;
  font-size: 14px;
}
@media (max-width: 991px) {
  .about-wrapper-2 .about-content .single-tab-items .nav .nav-link {
    padding: 14px 45px;
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-content .single-tab-items .nav .nav-link {
    padding: 12px 20px;
    font-size: 14px;
  }
}
.about-wrapper-2 .about-content .single-tab-items .nav .nav-link.active {
  position: relative;
  background-color: var(--theme2);
  color: var(--white);
}

.single-about-wrapper-2 {
  margin-top: 60px;
}
.single-about-wrapper-2 .about-image-item {
  z-index: 9;
}
.single-about-wrapper-2 .about-image-item .about-image-1 {
  max-width: 300px;
  margin-top: 45px;
}
@media (max-width: 991px) {
  .single-about-wrapper-2 .about-image-item .about-image-1 {
    margin-top: 0;
  }
}
@media (max-width: 575px) {
  .single-about-wrapper-2 .about-image-item .about-image-1 {
    margin: 0 auto 30px;
    text-align: center;
  }
}
.single-about-wrapper-2 .about-image-item .about-image-1 img {
  width: 100%;
  height: 100%;
}
.single-about-wrapper-2 .about-image-item .about-image-2 {
  max-width: 300px;
}
@media (max-width: 575px) {
  .single-about-wrapper-2 .about-image-item .about-image-2 {
    margin: 0 auto;
    text-align: center;
  }
}
.single-about-wrapper-2 .about-image-item .about-image-2 img {
  width: 100%;
  height: 100%;
}
.single-about-wrapper-2 .about-image-item .circle-shape {
  position: absolute;
  top: 25%;
  left: 15%;
  z-index: -1;
  animation: rotate 15s linear infinite;
}
@media (max-width: 1199px) {
  .single-about-wrapper-2 .about-image-item .circle-shape {
    display: none;
  }
}
.single-about-wrapper-2 .about-image-item .bg-shape {
  position: absolute;
  top: -20%;
  left: 0;
  z-index: -1;
}
@media (max-width: 1199px) {
  .single-about-wrapper-2 .about-image-item .bg-shape {
    display: none;
  }
}
.single-about-wrapper-2 .about-content {
  margin-left: 40px;
}
@media (max-width: 1600px) {
  .single-about-wrapper-2 .about-content {
    margin-left: 20px;
  }
}
@media (max-width: 1199px) {
  .single-about-wrapper-2 .about-content {
    margin-left: 10px;
  }
}
@media (max-width: 991px) {
  .single-about-wrapper-2 .about-content {
    margin-left: 0;
  }
}
.single-about-wrapper-2 .about-content .text {
  color: var(--header);
  font-weight: 500;
  margin-bottom: 40px;
}
@media (max-width: 575px) {
  .single-about-wrapper-2 .about-content .text {
    text-align: center;
  }
}
.single-about-wrapper-2 .about-content .text a {
  color: var(--theme);
  text-decoration-line: underline;
  font-weight: 600;
}
.single-about-wrapper-2 .about-content .single-system-item {
  display: flex;
  gap: 30px;
  background-color: var(--white);
  box-shadow: 0px 10px 60px rgba(167, 167, 167, 0.25);
  padding: 30px 40px;
}
.single-about-wrapper-2 .about-content .single-system-item:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .single-about-wrapper-2 .about-content .single-system-item {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .single-about-wrapper-2 .about-content .single-system-item .content {
    text-align: center;
    margin: 0 auto;
  }
}
.single-about-wrapper-2 .about-content .single-system-item .content h4 {
  margin-bottom: 10px;
}

.service-wrapper {
  padding: 0 60px;
}
@media (max-width: 1399px) {
  .service-wrapper {
    padding: 0;
  }
}
.service-wrapper .service-card-items {
  margin-top: 30px !important;
  display: flex;
  background-color: var(--white);
  position: relative;
}
@media (max-width: 991px) {
  .service-wrapper .service-card-items br {
    display: none;
  }
}
.service-wrapper .service-card-items .service-content {
  padding: 50px 45px;
  background-color: var(--white);
  flex-basis: 70%;
  position: relative;
}
.service-wrapper .service-card-items .service-content .icon {
  font-size: 70px;
  color: var(--theme);
}
.service-wrapper .service-card-items .service-content .content {
  position: absolute;
  bottom: 50px;
  left: 45px;
}
@media (max-width: 991px) {
  .service-wrapper .service-card-items .service-content .content {
    left: 30px;
  }
}
@media (max-width: 767px) {
  .service-wrapper .service-card-items .service-content .content {
    left: 50px;
  }
}
@media (max-width: 575px) {
  .service-wrapper .service-card-items .service-content .content {
    left: 30px;
  }
}
.service-wrapper .service-card-items .service-content .content h4 {
  color: var(--theme);
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .service-wrapper .service-card-items .service-content .content h4 {
    font-size: 20px;
  }
}
.service-wrapper .service-card-items .service-content .content h3 {
  margin-bottom: 10px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .service-wrapper .service-card-items .service-content .content h3 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .service-wrapper .service-card-items .service-content .content h3 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .service-wrapper .service-card-items .service-content .content h3 {
    font-size: 20px;
  }
}
.service-wrapper .service-card-items .service-content .content h3 a:hover {
  color: var(--theme);
}
.service-wrapper .service-card-items .service-image {
  width: 260px;
  height: 570px;
  position: relative;
}
@media (max-width: 991px) {
  .service-wrapper .service-card-items .service-image {
    height: 480px;
  }
}
@media (max-width: 575px) {
  .service-wrapper .service-card-items .service-image {
    height: 400px;
  }
}
.service-wrapper .service-card-items .service-image .arrow-icon {
  width: 65px;
  height: 135px;
  border-radius: 30px;
  background-color: var(--bg);
  display: inline-block;
  text-align: center;
  line-height: 135px;
  position: absolute;
  top: 50%;
  left: -16%;
  transform: translateY(-50%);
  transition: all 0.4s ease-in-out;
}
.service-wrapper .service-card-items .service-image .arrow-icon i {
  transform: rotate(-30deg);
  color: var(--header);
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .service-wrapper .service-card-items .service-image .arrow-icon {
    width: 50px;
    height: 100px;
    line-height: 100px;
  }
}
.service-wrapper .service-card-items .service-image .arrow-icon:hover {
  background-color: var(--theme);
}
.service-wrapper .service-card-items .service-image .arrow-icon:hover i {
  color: var(--white);
  transform: rotate(0deg);
}
.service-wrapper .service-carousel-active .slick-slide {
  margin: 0 15px;
}
.service-wrapper .service-carousel-active .slide-dots {
  text-align: center;
}
.service-wrapper .service-carousel-active .slide-dots li {
  display: inline-block;
  margin: 0px 3px;
  padding-top: 50px;
}
.service-wrapper .service-carousel-active .slide-dots li button {
  position: relative;
  text-indent: -9999px;
  border-radius: 32px;
  width: 65px;
  height: 5px;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
}
.service-wrapper .service-carousel-active .slide-dots li button:hover {
  background-color: var(--theme);
}
.service-wrapper .service-carousel-active .slide-dots li.slick-active button {
  background-color: var(--theme);
  border-color: var(--theme);
}
.service-wrapper .service-carousel-active .slick-list {
  margin: 0 -15px;
}

.service-section {
  position: relative;
}
.service-section .shape-image {
  position: absolute;
  left: 0;
  top: 0;
}
.service-section .left-shape {
  position: absolute;
  top: 0;
  left: 0;
}
.service-section .right-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
.service-section .line-shape-2 {
  position: absolute;
  left: 0;
  bottom: 8%;
}
.service-section .bottom-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
.service-section .bg-shape {
  position: absolute;
  top: -20%;
  left: 0;
  z-index: -1;
}
@media (max-width: 1199px) {
  .service-section .bg-shape {
    display: none;
  }
}

.service-section-2 {
  position: relative;
}
.service-section-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg5);
  z-index: -1;
  top: 68%;
}

.service-box-items {
  position: relative;
  margin-top: 30px;
  background-color: var(--white);
  box-shadow: var(---box-shadow);
  padding: 45px 35px;
  z-index: 9;
  overflow: hidden;
}
@media (max-width: 575px) {
  .service-box-items {
    padding: 30px 25px;
    text-align: center;
  }
}
.service-box-items::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--theme);
  transform: scale(1, 0);
  transition: transform 500ms ease;
  transform-origin: bottom center;
  z-index: -1;
}
.service-box-items::after {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  width: 100%;
  height: 320px;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/service/line-shape.png);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.service-box-items .icon {
  position: relative;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  font-size: 60px;
  color: var(--theme);
}
.service-box-items .icon::before {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(8, 106, 216, 0.08);
  content: "";
}
.service-box-items .content {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .service-box-items .content {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .service-box-items .content {
    margin-top: 20px;
  }
}
.service-box-items .content h3 {
  margin-bottom: 20px;
  font-size: 21px;
}
@media (max-width: 575px) {
  .service-box-items .content h3 {
    margin-bottom: 10px;
  }
}
.service-box-items .arrow-icon {
  transform: rotate(-50deg);
  display: inline-block;
  color: var(--theme);
  margin-top: 50px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .service-box-items .arrow-icon {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .service-box-items .arrow-icon {
    margin-top: 20px;
  }
}
.service-box-items:hover::before {
  transform: scale(1, 1);
  transform-origin: top center;
}
.service-box-items:hover::after {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}
.service-box-items:hover .icon {
  color: var(--white);
  transform: scaleX(-1);
}
.service-box-items:hover .content h3 a {
  color: var(--white);
}
.service-box-items:hover .content p {
  color: var(--white);
}
.service-box-items:hover .arrow-icon {
  color: var(--white);
  transform: initial;
}
.service-box-items.active::before {
  transform: scale(1, 1);
  transform-origin: top center;
}
.service-box-items.active::after {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}
.service-box-items.active .icon {
  color: var(--white);
}
.service-box-items.active .content h3 a {
  color: var(--white);
}
.service-box-items.active .content p {
  color: var(--white);
}
.service-box-items.active .arrow-icon {
  color: var(--white);
  transform: initial;
}
.service-box-items.style-2 {
  text-align: center;
  margin: 0 auto;
  padding: 50px 20px;
  width: 100%;
}
.service-box-items.style-2::before {
  background-color: var(--theme2);
}
.service-box-items.style-2::after {
  position: absolute;
  bottom: -50px;
  left: 5px;
  width: 12px;
  height: 12px;
  content: "";
  background-repeat: initial;
  background-size: initial;
  background-image: initial;
  background: rgba(255, 255, 255, 0.23);
}
.service-box-items.style-2 .icon {
  font-size: 70px;
  color: var(--theme2);
}
.service-box-items.style-2 .content h6 {
  font-weight: bold;
}
.service-box-items.style-2:hover::after {
  bottom: 5px;
}
.service-box-items.style-2:hover .icon {
  color: var(--white);
}
.service-box-items.style-2:hover .content h6 a {
  color: var(--white);
}
.service-box-items.style-2.active::after {
  bottom: 5px;
}
.service-box-items.style-2.active .icon {
  color: var(--white);
}
.service-box-items.style-2.active .content h6 a {
  color: var(--white);
}

.service-wrapper-2 .service-content {
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .service-wrapper-2 .service-content {
    text-align: center;
  }
}
.service-wrapper-2 .service-content .service-button {
  margin-top: 40px;
}
.service-wrapper-2 .service-box-items-2 {
  background-color: var(--white);
  box-shadow: var(---box-shadow);
  border-radius: 10px;
  padding: 35px 50px;
  border: 2px solid transparent;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .service-wrapper-2 .service-box-items-2 {
    padding: 35px 40px;
  }
}
@media (max-width: 1199px) {
  .service-wrapper-2 .service-box-items-2 {
    padding: 30px;
  }
}
@media (max-width: 991px) {
  .service-wrapper-2 .service-box-items-2 {
    padding: 35px 50px;
  }
}
@media (max-width: 575px) {
  .service-wrapper-2 .service-box-items-2 {
    text-align: center;
    padding: 30px;
  }
}
.service-wrapper-2 .service-box-items-2 .icon {
  font-size: 50px;
  color: var(--theme);
  margin-bottom: 30px;
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
@media (max-width: 575px) {
  .service-wrapper-2 .service-box-items-2 .icon {
    margin-bottom: 20px;
  }
}
.service-wrapper-2 .service-box-items-2 .content h3 {
  margin-bottom: 10px;
}
.service-wrapper-2 .service-box-items-2 .content h3 a:hover {
  color: var(--theme);
}
.service-wrapper-2 .service-box-items-2:hover {
  border: 2px solid var(--theme);
}
.service-wrapper-2 .service-box-items-2:hover .icon {
  transform: scaleX(-1);
}
.service-wrapper-2 .service-box-items-2.active {
  border: 2px solid var(--theme);
}

.service-counter-section {
  position: relative;
}
.service-counter-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg6);
  z-index: -1;
  top: 55%;
}

.service-counter-wrapper {
  background-color: var(--theme);
  padding: 85px;
}
@media (max-width: 1199px) {
  .service-counter-wrapper {
    padding: 50px 35px;
  }
}
@media (max-width: 991px) {
  .service-counter-wrapper {
    padding: 85px;
  }
}
@media (max-width: 575px) {
  .service-counter-wrapper {
    padding: 40px 30px;
  }
}
@media (max-width: 991px) {
  .service-counter-wrapper .service-counter-content {
    text-align: center;
    margin: 0 auto;
  }
}
.service-counter-wrapper .service-counter-items {
  text-align: center;
  position: relative;
  z-index: 9;
  padding-bottom: 50px;
  overflow: hidden;
}
.service-counter-wrapper .service-counter-items::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #1974DA;
  border-radius: 9px;
  z-index: -1;
  top: -50px;
  height: initial;
  transition: all 0.4s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.service-counter-wrapper .service-counter-items .icon {
  width: 100px;
  height: 100px;
  line-height: 105px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--white);
  font-size: 50px;
  color: var(--theme);
  text-align: center;
  margin: 40px auto;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .service-counter-wrapper .service-counter-items .icon {
    font-size: 38px;
    width: 85px;
    height: 85px;
    line-height: 100px;
    margin: 30px auto;
  }
}
.service-counter-wrapper .service-counter-items .content h2 {
  font-size: 55px;
  color: var(--white);
}
@media (max-width: 1399px) {
  .service-counter-wrapper .service-counter-items .content h2 {
    font-size: 42px;
  }
}
@media (max-width: 991px) {
  .service-counter-wrapper .service-counter-items .content h2 {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .service-counter-wrapper .service-counter-items .content h2 {
    font-size: 42px;
  }
}
.service-counter-wrapper .service-counter-items .content p {
  color: var(--white);
  font-size: 18px;
  margin-top: 20px;
}
@media (max-width: 575px) {
  .service-counter-wrapper .service-counter-items .content p {
    margin-top: 0;
  }
}
.service-counter-wrapper .service-counter-items:hover::before {
  top: 20%;
  visibility: visible;
  opacity: 1;
}
.service-counter-wrapper .service-counter-items:hover .icon {
  transform: scaleX(-1);
}
.service-counter-wrapper .service-counter-items.active::before {
  top: 20%;
  visibility: visible;
  opacity: 1;
}

.service-wrapper-3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 25px;
  margin-top: 30px;
}
@media (max-width: 1399px) {
  .service-wrapper-3 {
    flex-wrap: wrap;
  }
}

.service-text-area .link-btn-2 span {
  color: var(--theme2);
  background-size: 100% 1px;
}

.service-details-wrapper .service-details-items .details-image img {
  width: 100%;
  height: 100%;
}
.service-details-wrapper .service-details-items .details-content {
  margin-top: 30px;
}
@media (max-width: 575px) {
  .service-details-wrapper .service-details-items .details-content {
    margin-top: 20px;
  }
}
.service-details-wrapper .service-details-items .details-content h3 {
  font-size: 28px;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .service-details-wrapper .service-details-items .details-content h3 {
    font-size: 22px;
  }
}
.service-details-wrapper .service-details-items .details-content h4 {
  margin-bottom: 15px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .service-details-wrapper .service-details-items .details-content h4 {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .service-details-wrapper .service-details-items .details-content h4 {
    margin-top: 20px;
  }
}
.service-details-wrapper .service-details-items .details-content .service-details-video {
  margin-top: 30px;
  margin-bottom: 40px;
}
@media (max-width: 575px) {
  .service-details-wrapper .service-details-items .details-content .service-details-video {
    margin-top: 25px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .service-details-wrapper .service-details-items .details-content .service-details-video {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.service-details-wrapper .service-details-items .details-content .service-details-video .details-video-content ul {
  margin-top: 20px;
}
.service-details-wrapper .service-details-items .details-content .service-details-video .details-video-content ul li:not(:last-child) {
  margin-bottom: 10px;
}
.service-details-wrapper .service-details-items .details-content .service-details-video .details-video-content ul li i {
  color: var(--theme);
  margin-right: 5px;
}
.service-details-wrapper .service-details-items .details-content .service-details-video .video-image {
  position: relative;
}
.service-details-wrapper .service-details-items .details-content .service-details-video .video-image img {
  width: 100%;
  height: 100%;
}
.service-details-wrapper .service-details-items .details-content .service-details-video .video-image .video-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.service-details-wrapper .service-details-items .details-content .service-details-video .video-image .video-box .video-btn {
  background-color: var(--white);
  width: 80px;
  line-height: 80px;
  height: 80px;
  text-align: center;
  color: var(--theme);
  border-radius: 50%;
  display: inline-block;
}
.service-details-wrapper .service-details-items .details-content .service-details-video .video-image .video-box .ripple::before, .service-details-wrapper .service-details-items .details-content .service-details-video .video-image .video-box .ripple::after {
  box-shadow: 0 0 0 0 rgba(22, 111, 211, 0.6);
}
.service-details-wrapper .service-details-items .details-content .details-image-2 {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .service-details-wrapper .service-details-items .details-content .details-image-2 {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .service-details-wrapper .service-details-items .details-content .details-image-2 {
    margin-top: 20px;
  }
}
.service-details-wrapper .service-details-items .details-content .details-image-2 img {
  width: 100%;
  height: 100%;
}
.service-details-wrapper .service-details-items .faq-content {
  margin-top: 50px;
}
.service-details-wrapper .service-details-items .faq-content .accordion-item {
  border-radius: 0;
}
.service-details-wrapper .service-details-items .faq-content .accordion-item .accordion-header .accordion-button {
  font-weight: 600;
}
.service-details-wrapper .main-sidebar .single-sidebar-widget {
  background-color: var(--bg5);
  padding: 30px;
  margin-bottom: 30px;
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .service-category {
  margin-top: 30px;
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .service-category a {
  position: relative;
  display: inline-block;
  padding: 16px 20px;
  background-color: var(--white);
  width: 100%;
  font-weight: 600;
  z-index: 9;
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .service-category a:not(:last-child) {
  margin-bottom: 10px;
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .service-category a i {
  font-size: 18px;
  color: var(--header);
  position: absolute;
  top: 25px;
  right: 20px;
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .service-category a::before {
  background-color: var(--theme);
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: -1;
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .service-category a:hover {
  color: var(--white);
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .service-category a:hover i {
  color: var(--white);
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .service-category a:hover::before {
  visibility: visible;
  opacity: 1;
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .service-category a.active {
  color: var(--white);
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .service-category a.active i {
  color: var(--white);
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .service-category a.active::before {
  visibility: visible;
  opacity: 1;
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .message-form {
  margin-top: 30px;
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .message-form .single-form-input input, .service-details-wrapper .main-sidebar .single-sidebar-widget .message-form .single-form-input textarea {
  border: none;
  padding: 16px 20px;
  background-color: var(--white);
  width: 100%;
  text-transform: capitalize;
  color: var(--text);
}
.service-details-wrapper .main-sidebar .single-sidebar-widget .message-form .single-form-input textarea {
  padding: 16px 20px 120px;
}

.single-service-style-2 {
  background-color: var(--white);
  box-shadow: 0px 10px 60px rgba(167, 167, 167, 0.25);
  margin-top: 30px;
  padding: 35px;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .single-service-style-2 {
    padding: 30px 20px;
  }
}
.single-service-style-2 .icon {
  transition: all 0.4s ease-in-out;
}
.single-service-style-2 .content {
  margin-top: 25px;
}
.single-service-style-2 .content p {
  margin-top: 15px;
  margin-bottom: 15px;
}
.single-service-style-2 .content .theme-btn-2 i {
  margin-left: 5px;
}
.single-service-style-2:hover:hover {
  background-color: var(--theme);
}
.single-service-style-2:hover:hover .icon {
  filter: brightness(0) invert(1);
}
.single-service-style-2:hover:hover .content h3 a {
  color: var(--white);
}
.single-service-style-2:hover:hover .content p {
  color: var(--white);
}
.single-service-style-2:hover:hover .content .theme-btn-2 {
  color: var(--white);
  text-decoration: underline;
}
.single-service-style-2:hover:hover .content .theme-btn-2 i {
  color: var(--white);
}
.single-service-style-2.active {
  background-color: var(--theme);
}
.single-service-style-2.active .icon {
  filter: brightness(0) invert(1);
}
.single-service-style-2.active .content h3 a {
  color: var(--white);
}
.single-service-style-2.active .content p {
  color: var(--white);
}
.single-service-style-2.active .content .theme-btn-2 {
  color: var(--white);
  text-decoration: underline;
}
.single-service-style-2.active .content .theme-btn-2 i {
  color: var(--white);
}

.service-provide {
  position: relative;
}
.service-provide::before {
  position: absolute;
  top: 59%;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #191919;
}
.service-provide .line-shape {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
}
@media (max-width: 1199px) {
  .service-provide .line-shape {
    display: none;
  }
}

.single-it-service-provide {
  position: relative;
}
.single-it-service-provide .arrow-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 11;
}
@media (max-width: 1399px) {
  .single-it-service-provide .arrow-shape {
    display: none;
  }
}
.single-it-service-provide .arrow-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
}
@media (max-width: 1399px) {
  .single-it-service-provide .arrow-shape-2 {
    display: none;
  }
}
.single-it-service-provide .service-bg {
  padding: 130px 110px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .single-it-service-provide .service-bg {
    padding: 80px 80px;
  }
}
@media (max-width: 767px) {
  .single-it-service-provide .service-bg {
    padding: 60px 30px;
  }
}
.single-it-service-provide .service-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: linear-gradient(90deg, #002FF5 0%, rgba(0, 47, 245, 0) 100%);
}
.single-it-service-provide .service-bg .single-provide-content {
  display: flex;
  align-items: center;
  gap: 180px;
  position: relative;
  z-index: 9;
}
@media (max-width: 991px) {
  .single-it-service-provide .service-bg .single-provide-content {
    gap: 100px;
  }
}
@media (max-width: 767px) {
  .single-it-service-provide .service-bg .single-provide-content {
    flex-wrap: wrap;
    gap: 80px;
    justify-content: center;
  }
}
.single-it-service-provide .service-bg .single-provide-content .section-content {
  max-width: 550px;
}
@media (max-width: 767px) {
  .single-it-service-provide .service-bg .single-provide-content .section-content {
    text-align: center;
    margin: 0 auto;
  }
}
.single-it-service-provide .service-bg .single-provide-content .section-content .sub-cont {
  margin-bottom: 10px;
  color: var(--white);
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
}
.single-it-service-provide .service-bg .single-provide-content .section-content h2 {
  margin-bottom: 25px;
  color: var(--white);
}
.single-it-service-provide .service-bg .single-provide-content .section-content p {
  margin-bottom: 35px;
  color: var(--white);
}
.single-it-service-provide .service-bg .single-provide-content .section-content .bg-style-3::before, .single-it-service-provide .service-bg .single-provide-content .section-content .bg-style-3::after {
  background-color: var(--theme);
}
.single-it-service-provide .service-bg .single-provide-content .video-btn {
  position: relative;
  text-align: center;
  display: inline-block;
  z-index: 2;
}
.single-it-service-provide .service-bg .single-provide-content .video-btn a {
  position: relative;
  color: var(--black);
  font-size: 16px;
  z-index: 1;
  background-color: var(--white);
  width: 90px;
  height: 90px;
  line-height: 90px;
  border-radius: 50%;
  display: block;
  transition: 0.4s;
}
.single-it-service-provide .service-bg .single-provide-content .video-btn a i {
  color: var(--theme);
}

.service-provide-2 {
  position: relative;
}
.service-provide-2 .line-shape-2 {
  position: absolute;
  bottom: -85%;
  right: 0;
}
@media (max-width: 1199px) {
  .service-provide-2 .line-shape-2 {
    display: none;
  }
}
.service-provide-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #191919;
}

.single-service-provide-card {
  background: rgba(255, 255, 255, 0.05);
  padding: 40px;
  margin-top: 30px;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  z-index: 9;
}
.single-service-provide-card::before {
  position: absolute;
  top: 0;
  right: -50%;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url(../img/home-4/service/item-shape.png);
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .single-service-provide-card::before {
    right: -70%;
  }
}
@media (max-width: 767px) {
  .single-service-provide-card::before {
    right: -70%;
  }
}
.single-service-provide-card .content {
  margin-top: 30px;
  position: relative;
  z-index: 9;
}
.single-service-provide-card .content h4 {
  margin-bottom: 20px;
}
.single-service-provide-card .content h4 a {
  color: var(--white);
}
.single-service-provide-card .content p {
  color: var(--white);
  margin-bottom: 20px;
}
.single-service-provide-card:hover {
  background-color: var(--theme);
}
.single-service-provide-card:hover::before {
  background-image: url(../img/home-4/service/item-shape2.png);
}
.single-service-provide-card:hover p {
  color: var(--white);
}
.single-service-provide-card.active {
  background-color: var(--theme);
}
.single-service-provide-card.active::before {
  background-image: url(../img/home-4/service/item-shape2.png);
}
.single-service-provide-card.active p {
  color: var(--white);
}

.single-case-study-wrapper {
  padding: 0 70px;
  position: relative;
}
.single-case-study-wrapper::before {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 130%;
  content: "";
  background-color: #191919;
  top: -77%;
  z-index: -1;
}
@media (max-width: 767px) {
  .single-case-study-wrapper {
    padding: 0 0;
  }
}
.single-case-study-wrapper .it-case-study-carousel-active .slick-slide {
  margin: 0 15px;
}
.single-case-study-wrapper .it-case-study-carousel-active .slide-dots {
  text-align: center;
  border: 1px dotted var(--theme);
  width: 145px;
  height: 40px;
  line-height: 40px;
  border-radius: 30px;
  margin: 0 auto;
  margin-top: 30px;
}
.single-case-study-wrapper .it-case-study-carousel-active .slide-dots li {
  display: inline-block;
  margin: 13px 5px;
}
.single-case-study-wrapper .it-case-study-carousel-active .slide-dots li button {
  position: relative;
  text-indent: -9999px;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
  border: 2px solid var(--theme);
}
.single-case-study-wrapper .it-case-study-carousel-active .slide-dots li button:hover {
  background-color: var(--theme);
}
.single-case-study-wrapper .it-case-study-carousel-active .slide-dots li.slick-active button {
  background-color: var(--theme);
  border-color: var(--theme);
}
.single-case-study-wrapper .it-case-study-carousel-active .slick-list {
  margin: 0 -15px;
}

.single-it-case-study .case-study-image {
  position: relative;
}
.single-it-case-study .case-study-image img {
  width: 100%;
  height: 100%;
}
.single-it-case-study .case-study-image .case-study-content {
  position: absolute;
  bottom: 30px;
  left: 40px;
  right: 40px;
  background-color: var(--white);
  padding: 40px 50px;
}
@media (max-width: 575px) {
  .single-it-case-study .case-study-image .case-study-content {
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding: 25px;
  }
}
.single-it-case-study .case-study-image .case-study-content .arrow-shape {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .single-it-case-study .case-study-image .case-study-content .arrow-shape {
    display: none;
  }
}
.single-it-case-study .case-study-image .case-study-content .icon {
  margin-bottom: 20px;
}
.single-it-case-study .case-study-image .case-study-content .icon img {
  width: initial;
  height: initial;
}
.single-it-case-study .case-study-image .case-study-content h4 a:hover {
  color: var(--theme);
}
.single-it-case-study .case-study-image .case-study-content p {
  margin-bottom: 15px;
}

.case-studies-1 {
  position: relative;
}
.case-studies-1::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg);
  top: 70%;
}

.case-studies-wrapper .case-studies-content-area {
  margin-right: -200px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1399px) {
  .case-studies-wrapper .case-studies-content-area {
    margin-right: -100px;
  }
}
@media (max-width: 1199px) {
  .case-studies-wrapper .case-studies-content-area {
    margin-right: 0;
  }
}
.case-studies-wrapper .case-studies-content-area .case-studies-items {
  padding: 160px 100px;
  background-color: var(--theme);
  margin-top: 50px;
  position: relative;
}
.case-studies-wrapper .case-studies-content-area .case-studies-items::before {
  width: 0px;
  height: 0;
  border-top: 55px solid var(--theme);
  border-left: 200px solid transparent;
  content: "";
  right: 0px;
  position: absolute;
  top: -53px;
  transform: rotate(-181deg);
}
@media (max-width: 1399px) {
  .case-studies-wrapper .case-studies-content-area .case-studies-items {
    padding: 120px 60px;
  }
}
@media (max-width: 1199px) {
  .case-studies-wrapper .case-studies-content-area .case-studies-items {
    padding: 100px 80px;
  }
}
@media (max-width: 991px) {
  .case-studies-wrapper .case-studies-content-area .case-studies-items {
    padding: 80px 50px;
  }
}
@media (max-width: 767px) {
  .case-studies-wrapper .case-studies-content-area .case-studies-items {
    padding: 60px 40px;
  }
}
.case-studies-wrapper .case-studies-content-area .case-studies-items .case-studies-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .case-studies-wrapper .case-studies-content-area .case-studies-items .case-studies-content {
    gap: 30px;
    flex-wrap: wrap;
  }
}
.case-studies-wrapper .case-studies-content-area .case-studies-items .case-studies-content:not(:last-child) {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .case-studies-wrapper .case-studies-content-area .case-studies-items .case-studies-content:not(:last-child) {
    margin-bottom: 30px;
  }
}
.case-studies-wrapper .case-studies-content-area .case-studies-items .case-studies-content .content h5 {
  color: var(--white);
}
.case-studies-wrapper .case-studies-content-area .case-studies-items .case-studies-content .content h3 a {
  color: var(--white);
}
.case-studies-wrapper .case-studies-image {
  width: 878px;
  height: 933px;
  margin-top: -80px;
  position: relative;
}
@media (max-width: 1399px) {
  .case-studies-wrapper .case-studies-image {
    margin-top: 0;
  }
}
@media (max-width: 1199px) {
  .case-studies-wrapper .case-studies-image {
    max-width: 1000px;
    width: initial;
    height: 600px;
  }
}
@media (max-width: 767px) {
  .case-studies-wrapper .case-studies-image {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .case-studies-wrapper .case-studies-image {
    height: 400px;
  }
}
.case-studies-wrapper .case-studies-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-studies-wrapper .case-studies-image .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9;
  color: var(--theme);
  font-size: 160px;
  transform: rotate(45deg) translate(-50%, -5%);
}
@media (max-width: 1399px) {
  .case-studies-wrapper .case-studies-image .icon {
    font-size: 100px;
  }
}
@media (max-width: 767px) {
  .case-studies-wrapper .case-studies-image .icon {
    font-size: 70px;
  }
}

.case-studies-wrapper-2 {
  padding: 0 50px;
}
@media (max-width: 1199px) {
  .case-studies-wrapper-2 {
    padding: 0;
  }
}
.case-studies-wrapper-2 .case-studies-items {
  margin-top: 30px !important;
  overflow: hidden;
}
.case-studies-wrapper-2 .case-studies-items .case-studies-image {
  position: relative;
}
.case-studies-wrapper-2 .case-studies-items .case-studies-image::before {
  background-image: var(--color-gradient-1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  content: "";
}
.case-studies-wrapper-2 .case-studies-items .case-studies-image img {
  width: 100%;
  height: 100%;
}
.case-studies-wrapper-2 .case-studies-items .case-studies-image .case-studies-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  padding: 30px 35px;
  background-color: var(--white);
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .case-studies-wrapper-2 .case-studies-items .case-studies-image .case-studies-content {
    left: 10px;
    right: 10px;
    bottom: 20px;
    padding: 25px;
  }
}
.case-studies-wrapper-2 .case-studies-items .case-studies-image .case-studies-content p {
  color: var(--theme);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.case-studies-wrapper-2 .case-studies-items .case-studies-image .icon {
  position: absolute;
  top: 0;
  left: 50%;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  line-height: 95px;
  background-color: var(--white);
  text-align: center;
  color: var(--theme);
  font-size: 20px;
  transform: translate(-50%, -50%) rotate(-40deg);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 575px) {
  .case-studies-wrapper-2 .case-studies-items .case-studies-image .icon {
    width: 60px;
    height: 60px;
    line-height: 65px;
  }
}
.case-studies-wrapper-2 .case-studies-items .case-studies-image .icon:hover {
  background-color: var(--theme);
  color: var(--white);
  transform: translate(-50%, -50%) rotate(0);
}
.case-studies-wrapper-2 .case-studies-items:hover .case-studies-image::before {
  opacity: 1;
  visibility: visible;
}
.case-studies-wrapper-2 .case-studies-items:hover .case-studies-image .icon {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
.case-studies-wrapper-2 .case-studies-items:hover .case-studies-image .case-studies-content {
  background-color: transparent;
}
.case-studies-wrapper-2 .case-studies-items:hover .case-studies-image .case-studies-content h4 a {
  color: var(--white);
}
.case-studies-wrapper-2 .case-studies-items:hover .case-studies-image .case-studies-content p {
  color: var(--white);
}

.case-studies-carousel-active .slick-slide, .case-studies-carousel-active-2 .slick-slide {
  margin: 0 15px;
}
.case-studies-carousel-active .slick-list, .case-studies-carousel-active-2 .slick-list {
  margin: 0 -15px;
}
.case-studies-carousel-active .case-study-items.slick-slide.slick-current.slick-active .case-study-image, .case-studies-carousel-active-2 .case-study-items.slick-slide.slick-current.slick-active .case-study-image {
  filter: initial;
}
.case-studies-carousel-active .case-study-items.slick-slide.slick-current.slick-active .case-study-content h3 a, .case-studies-carousel-active-2 .case-study-items.slick-slide.slick-current.slick-active .case-study-content h3 a {
  color: var(--theme2);
}
.case-studies-carousel-active .case-study-items.slick-slide.slick-current.slick-active .case-study-content .icon, .case-studies-carousel-active-2 .case-study-items.slick-slide.slick-current.slick-active .case-study-content .icon {
  background-color: var(--theme2);
  color: var(--white);
  transform: rotate(0);
}

.case-study {
  background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
}

.case-study-wrapper {
  padding: 0 70px;
  margin-bottom: -24px;
}
@media (max-width: 1199px) {
  .case-study-wrapper {
    padding: 0;
  }
}
.case-study-wrapper .case-study-items {
  margin-top: 30px !important;
}
.case-study-wrapper .case-study-items .case-study-image {
  filter: grayscale(100%);
  transition: all 0.4s ease-in-out;
}
.case-study-wrapper .case-study-items .case-study-image img {
  width: 100%;
  height: 100%;
}
.case-study-wrapper .case-study-items .case-study-content {
  padding: 20px 15px;
  position: relative;
}
.case-study-wrapper .case-study-items .case-study-content h3 {
  font-size: 24px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .case-study-wrapper .case-study-items .case-study-content h3 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .case-study-wrapper .case-study-items .case-study-content h3 {
    font-size: 20px;
  }
}
.case-study-wrapper .case-study-items .case-study-content h3 a:hover {
  color: var(--theme2);
}
.case-study-wrapper .case-study-items .case-study-content .icon {
  position: absolute;
  top: 30px;
  right: 15px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: var(--white);
  border-radius: 50%;
  box-shadow: var(---box-shadow);
  display: inline-block;
  text-align: center;
  color: var(--theme2);
  transform: rotate(-40deg);
  transition: all 0.4s ease-in-out;
}
.case-study-wrapper .case-study-items .case-study-content .icon:hover {
  background-color: var(--theme2);
  color: var(--white);
  transform: rotate(0);
}
.case-study-wrapper .case-study-items:hover .case-study-image, .case-study-wrapper .case-study-items .active .case-study-image {
  filter: initial;
}
.case-study-wrapper .case-study-items:hover .case-study-content h3 a, .case-study-wrapper .case-study-items .active .case-study-content h3 a {
  color: var(--theme2);
}
.case-study-wrapper .case-study-items:hover .case-study-content .icon, .case-study-wrapper .case-study-items .active .case-study-content .icon {
  background-color: var(--theme2);
  color: var(--white);
  transform: rotate(0);
}

.project-image {
  position: relative;
  height: 450px;
}
.project-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-image::before {
  background-image: var(--color-gradient-1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  content: "";
}
.project-image .icon {
  font-size: 60px;
  color: var(--white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.project-image .project-content {
  position: absolute;
  bottom: -50px;
  left: 50px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.project-image .project-content h3 {
  font-size: 27px;
}
.project-image .project-content h3 a {
  color: var(--white);
}
.project-image .project-content p {
  color: var(--white);
  margin-top: 5px;
}
.project-image:hover::before {
  opacity: 1;
  visibility: visible;
}
.project-image:hover .icon {
  opacity: 1;
  visibility: visible;
}
.project-image:hover .project-content {
  bottom: 50px;
  opacity: 1;
  visibility: visible;
}

.project-details-wrapper .project-title-content {
  margin-top: -5px;
}
.project-details-wrapper .project-title-content .text {
  margin-bottom: 10px;
  color: var(--theme);
  font-weight: bold;
  display: inline-block;
}
.project-details-wrapper .project-title-content h2 {
  font-weight: 600;
  margin-bottom: 25px;
}
.project-details-wrapper .project-title-content p {
  margin-bottom: 30px;
}
.project-details-wrapper .details-info {
  padding: 50px;
  background-color: #F5FAFF;
}
.project-details-wrapper .details-info .info-items h5 {
  margin-bottom: 5px;
}
.project-details-wrapper .details-info .info-items a {
  color: var(--theme);
  text-decoration: underline;
}
.project-details-wrapper .project-details-image {
  margin-top: 60px;
}
.project-details-wrapper .project-details-image img {
  width: 100%;
  height: 100%;
}
.project-details-wrapper .project-details-image .details-image {
  height: 505px;
}
.project-details-wrapper .project-details-image .details-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-details-wrapper .project-details-content {
  margin-top: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid var(--border2);
}
.project-details-wrapper .project-details-content .title-content h2 {
  font-size: 36px;
  font-weight: 600;
}
.project-details-wrapper .project-details-content .details-content .list-items {
  display: flex;
  align-items: center;
  gap: 70px;
  margin-top: 30px;
}
.project-details-wrapper .project-details-content .details-content .list-items li {
  font-weight: 600;
  color: var(--header);
}
.project-details-wrapper .project-details-content .details-content .list-items li:not(:last-child) {
  margin-bottom: 10px;
}
.project-details-wrapper .project-details-content .details-content .list-items li i {
  margin-right: 5px;
  color: var(--theme);
}
.project-details-wrapper .project-details-content.style-2 {
  border: none;
}
.project-details-wrapper .project-details-content.style-2 .details-content .list-items-area {
  margin-top: 30px;
}
.project-details-wrapper .project-details-content.style-2 .details-content .list-items-area .icon {
  font-size: 20px;
  font-weight: 600;
  color: var(--header);
  margin-bottom: 10px;
}
.project-details-wrapper .project-details-content.style-2 .details-content .list-items-area .icon i {
  color: var(--theme);
  font-size: 24px;
  margin-right: 10px;
}
.project-details-wrapper .project-details-content.style-2 .details-content .list-items-area p {
  padding-right: 100px;
}
.project-details-wrapper .previous-button {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project-details-wrapper .previous-button .preview-button i {
  font-size: 14px;
  margin-left: 5px;
}
.project-details-wrapper .previous-button .preview-button h4 {
  margin-top: 5px;
  font-weight: 600;
}
.project-details-wrapper .previous-button .preview-button h4 a {
  background-image: linear-gradient(var(--theme), var(--theme));
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: all 0.4s ease-in-out;
}
.project-details-wrapper .previous-button .preview-button h4 a:hover {
  color: var(--theme);
  background-size: 100% 2px;
}
.project-details-wrapper .previous-button .preview-button.style-2 {
  text-align: right;
}
.project-details-wrapper .previous-button .icon {
  font-size: 32px;
  color: var(--theme);
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--theme);
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--theme);
  border-radius: 10px;
}

.fix {
  overflow: hidden;
}

.ralt {
  position: relative;
}

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

.video-pulse::after,
.video-pulse::before {
  position: absolute;
  content: "";
  width: 90px;
  height: 90px;
  border: 1px solid var(--white);
  opacity: 0.7;
  left: 0;
  top: 0;
  border-radius: 50%;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: video-animation;
  animation-name: video-animation;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.video-pulse::before {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.ripple {
  position: relative;
}
.ripple::before, .ripple::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(78, 41, 183, 0.5);
  -webkit-animation: rippleOne 3s infinite;
  animation: rippleOne 3s infinite;
}
.ripple::before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}
.ripple::after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

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

@media (max-width: 991px) {
  br {
    display: none;
  }
}

/* background */
.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
}

.nice-select {
  color: var(--text);
  background-color: transparent;
  font-size: 16px;
  width: unset;
  outline: none;
  padding: 18px 30px;
  border: none;
  border: 1px solid #E4E4E4;
  font-weight: 500;
  color: var(--text);
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .nice-select {
    padding: 12px 20px;
  }
}
.nice-select span {
  color: var(--text);
  font-size: 16px;
  margin-bottom: 0 !important;
  font-weight: 500;
}
.nice-select:hover::after {
  border-bottom: 1px solid var(--text);
  border-right: 1px solid var(--text);
}

.nice-select option {
  color: var(--text);
}

.nice-select .current {
  margin-right: 12px;
}

.nice-select:after {
  right: 23px;
  border-bottom: 1px solid var(--text);
  border-right: 1px solid var(--text);
  width: 10px;
  height: 10px;
}

.nice-select.open .list {
  background: var(--bg);
  margin-top: 16px;
  width: 100%;
  text-transform: capitalize;
  color: var(--text);
}

.nice-select .option.selected.focus {
  background: var(--bg);
  outline: none;
  color: var(--theme);
  text-transform: capitalize;
  font-size: 16px;
}

.nice-select .option {
  border: none;
}

.nice-select .option:hover {
  background: transparent;
}

.head-color {
  color: var(--header);
}

.theme-color-1 {
  color: var(--theme) !important;
}

.border-none {
  border-top: none !important;
}

.mbm-10 {
  margin-bottom: -20px;
}

.single-team-items {
  margin-top: 30px;
}
.single-team-items .team-image {
  position: relative;
}
.single-team-items .team-image img {
  width: 100%;
  height: 100%;
}
.single-team-items .team-image .social-profile {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 2;
  display: flex;
  overflow: hidden;
  font-size: 22px;
  align-items: center;
}
.single-team-items .team-image .social-profile ul {
  transform: translateX(-100px);
  transition: all 0.6s ease-in-out;
  opacity: 0;
  visibility: hidden;
  display: flex;
  margin-top: 21px;
}
.single-team-items .team-image .social-profile ul li a {
  padding: 8px 15px;
  text-align: center;
  font-size: 14px;
  display: block;
  background: var(--white);
  color: var(--header);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  margin: 0 auto;
  color: var(--text);
}
.single-team-items .team-image .social-profile ul li a:hover {
  color: var(--theme);
}
.single-team-items .team-image .social-profile .plus-btn {
  z-index: 2;
  cursor: pointer;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  background: var(--theme);
  color: var(--white);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.single-team-items .team-image .social-profile:hover ul {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.single-team-items .team-image .social-profile.active a {
  opacity: 1;
  visibility: visible;
}
.single-team-items .team-content {
  margin-top: 25px;
}
.single-team-items .team-content p {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: var(--theme);
  margin-top: 5px;
}
.single-team-items .team-join-content {
  position: relative;
}
.single-team-items .team-join-content .circle-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.single-team-items .team-join-content .dot-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.single-team-items .team-join-content h2 {
  background-color: var(--bg3);
  padding: 20px;
  border-radius: 18px;
  margin-bottom: 20px;
}
.single-team-items .team-join-content h2 span {
  color: var(--theme);
}
.single-team-items .team-join-content h3 {
  font-weight: 600;
  color: var(--theme);
}
.single-team-items.style-2 .team-content h5 a {
  color: var(--white);
}
.single-team-items.style-2 .team-content h5 a:hover {
  color: var(--theme);
}

.team-card-items {
  margin-top: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
}
.team-card-items .team-content {
  padding: 40px;
}
.team-card-items .team-content h4 {
  margin-bottom: 5px;
}
.team-card-items .team-content h4 a {
  color: var(--white);
}
.team-card-items .team-image {
  position: relative;
  padding: 0 20px 20px 20px;
}
.team-card-items .team-image img {
  width: 100%;
  height: 100%;
}
.team-card-items .team-image .social-profile {
  position: absolute;
  left: 20px;
  bottom: 20px;
  content: "";
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 2;
  display: flex;
  overflow: hidden;
  font-size: 22px;
  align-items: center;
}
.team-card-items .team-image .social-profile ul {
  transform: translateX(-100px);
  transition: all 0.6s ease-in-out;
  opacity: 0;
  visibility: hidden;
  display: flex;
  margin-top: 21px;
}
.team-card-items .team-image .social-profile ul li a {
  padding: 8px 15px;
  text-align: center;
  font-size: 14px;
  display: block;
  background: var(--white);
  color: var(--header);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  margin: 0 auto;
  color: var(--text);
}
.team-card-items .team-image .social-profile ul li a:hover {
  color: var(--theme2);
}
.team-card-items .team-image .social-profile .plus-btn {
  z-index: 2;
  cursor: pointer;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  background: var(--theme2);
  color: var(--white);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-card-items .team-image .social-profile:hover ul {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.team-wrapper {
  margin-bottom: -10px;
}

.team-details-wrapper .team-image {
  height: 525px;
}
@media (max-width: 575px) {
  .team-details-wrapper .team-image {
    height: 400px;
  }
  .team-details-wrapper .team-image img {
    object-fit: cover;
  }
}
.team-details-wrapper .team-details-content .star a {
  font-size: 14px;
  color: var(--header);
}
.team-details-wrapper .team-details-content .star a i {
  color: var(--ratting);
}
.team-details-wrapper .team-details-content h3 {
  margin-bottom: 5px;
  font-size: 44px;
}
@media (max-width: 767px) {
  .team-details-wrapper .team-details-content h3 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .team-details-wrapper .team-details-content h3 {
    font-size: 24px;
  }
}
.team-details-wrapper .team-details-content span {
  font-weight: 500;
  margin-bottom: 15px;
  display: block;
}
.team-details-wrapper .team-details-content .social-icon {
  margin-top: 40px;
  gap: 15px;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .team-details-wrapper .team-details-content .social-icon {
    margin-top: 20px;
  }
}
.team-details-wrapper .team-details-content .social-icon a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  display: block;
  background: var(--bg);
  color: var(--text);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
}
.team-details-wrapper .team-details-content .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
}

.team-skill {
  background-color: var(--theme);
}

.team-skill-wrapper .team-skill-content h3 {
  color: var(--white);
  font-size: 40px;
  font-weight: 600;
  line-height: 125%;
}
@media (max-width: 1199px) {
  .team-skill-wrapper .team-skill-content h3 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .team-skill-wrapper .team-skill-content h3 {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .team-skill-wrapper .team-skill-content h3 {
    font-size: 24px;
  }
}
.team-skill-wrapper .progress-wrap .pro-items:not(:last-child) {
  margin-bottom: 20px;
}
.team-skill-wrapper .progress-wrap .pro-items .pro-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.team-skill-wrapper .progress-wrap .pro-items .pro-head .point {
  font-size: 18px;
  font-weight: 700;
  color: var(--white);
}
.team-skill-wrapper .progress-wrap .pro-items .pro-head .title {
  color: var(--white);
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}
.team-skill-wrapper .progress-wrap .pro-items .progress {
  background: var(--white);
  justify-content: flex-start;
  border-radius: 0;
  align-items: center;
  position: relative;
  display: flex;
  height: 6px;
  width: 100%;
}
.team-skill-wrapper .progress-wrap .pro-items .progress-value {
  animation: load 3s normal forwards;
  box-shadow: 0 10px 40px -10px var(--white);
  border-radius: 0;
  background: var(--white);
  height: 6px;
  width: 0;
}
.team-skill-wrapper .progress-wrap .pro-items .style-two {
  animation: load2 3s normal forwards;
}
@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 65%;
  }
}
@keyframes load2 {
  0% {
    width: 0;
  }
  100% {
    width: 75%;
  }
}

.team-contact-wrapper .get-touch-items .get-touch-title h2 {
  margin-bottom: 10px;
}
.team-contact-wrapper .get-touch-items .contact-items {
  margin-top: 50px;
  display: flex;
  align-items: center;
  gap: 100px;
}
@media (max-width: 575px) {
  .team-contact-wrapper .get-touch-items .contact-items {
    margin-top: 20px;
    gap: 30px;
    flex-wrap: wrap;
  }
}
.team-contact-wrapper .get-touch-items .contact-items .contact-info h4 {
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 10px;
  font-size: 22px;
}
.team-contact-wrapper .get-touch-items .contact-items .contact-info h5 {
  text-transform: capitalize;
  font-size: 18px;
}
.team-contact-wrapper .get-touch-items .contact-items .contact-info .social-icon {
  gap: 15px;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .team-contact-wrapper .get-touch-items .contact-items .contact-info .social-icon {
    margin-top: 20px;
  }
}
.team-contact-wrapper .get-touch-items .contact-items .contact-info .social-icon a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  display: block;
  background: var(--bg);
  color: var(--text);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
}
.team-contact-wrapper .get-touch-items .contact-items .contact-info .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
}

.team-button {
  text-align: center;
  margin-top: 30px;
}

.team-section {
  position: relative;
}
.team-section .dot-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
}

.single-team-style-1 {
  background-color: var(--white);
}
.single-team-style-1 .team-image img {
  width: 100%;
  height: 100%;
}
.single-team-style-1 .team-image .icon-list {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 30px;
  background-color: var(--theme);
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.single-team-style-1 .team-image .icon-list ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
.single-team-style-1 .team-image .icon-list ul li {
  transform: scaleX(0);
  transition: all 0.5s ease-in-out;
}
.single-team-style-1 .team-image .icon-list ul li a i {
  color: var(--white);
  font-size: 16px;
}
.single-team-style-1 .team-content {
  background-color: var(--white);
  box-shadow: 0px 10px 60px rgba(167, 167, 167, 0.25);
  padding: 25px 10px;
  margin: -50px 20px 0;
  position: relative;
  z-index: 9;
}
.single-team-style-1 .team-content h3 {
  position: relative;
  font-size: 22px;
}
.single-team-style-1 .team-content h3::before {
  position: absolute;
  bottom: -20px;
  left: 50%;
  content: "";
  width: 50px;
  height: 3px;
  background-color: var(--theme);
  transform: translate(-50%, -50%);
}
.single-team-style-1 .team-content h3 a:hover {
  color: var(--theme);
}
.single-team-style-1 .team-content p {
  margin-top: 35px;
}
.single-team-style-1:hover .team-image .icon-list {
  opacity: 1;
}
.single-team-style-1:hover .team-image .icon-list ul li {
  transform: scaleX(1) !important;
}
.single-team-style-1.active .team-image .icon-list {
  opacity: 1;
}
.single-team-style-1.active .team-image .icon-list ul li {
  transform: scaleX(1) !important;
}

.faq-content .accordion-item {
  border: 0;
  margin-top: 20px;
  border-radius: 10px;
  background-color: var(--white);
  border: 1px solid var(--border2);
  border-radius: 9px;
  padding: 16px 30px;
}
@media (max-width: 575px) {
  .faq-content .accordion-item {
    margin-top: 10px;
  }
}
.faq-content .accordion-item .accordion-header .accordion-button {
  font-weight: bold;
  color: var(--header);
  letter-spacing: -0.2px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  padding: 10px 0;
  font-size: 20px;
}
.faq-content .accordion-item .accordion-header .accordion-button::after {
  content: "\f067";
  background: transparent;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  transition: all 0.3s ease-in-out !important;
  color: var(--header);
}
.faq-content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "\f068";
  background: transparent;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}
.faq-content .accordion-item .accordion-collapse .accordion-body {
  padding-right: 30px;
  padding-left: 0;
  padding-top: 5px;
  color: var(--text);
}
@media (max-width: 1199px) {
  .faq-content .accordion-item .accordion-collapse .accordion-body {
    padding-right: 0;
  }
}
.faq-content.style-2 .accordion-item {
  background-color: var(--white);
  box-shadow: 0px 14px 50px #E4E9F1;
  border: 1px solid var(--border);
  border-radius: 4px;
}
.faq-content.style-2 .accordion-item .accordion-header .accordion-button::after {
  content: "\f078";
  width: 37px;
  height: 37px;
  background-color: var(--theme2);
  text-align: center;
  line-height: 37px;
  color: var(--white);
  border-radius: 4px;
}
.faq-content.style-2 .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "\f077";
  background: #00205B;
}
.faq-content.style-2 .accordion-item .accordion-collapse .accordion-body {
  color: #5A627D;
}
.faq-content.style-color .accordion-item .accordion-header .accordion-button::after {
  background-color: var(--theme);
}
.faq-content.style-color .accordion-item .accordion-collapse .accordion-body {
  color: #5A627D;
}

.faq-section-2 {
  background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
}

.faq-wrapper .single-tab-items .nav {
  display: flex;
  align-items: center;
  gap: 15px;
}
.faq-wrapper .single-tab-items .nav .nav-link {
  text-align: center;
  padding: 8px 25px;
  background-color: #EDF2F6;
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--header);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .faq-wrapper .single-tab-items .nav .nav-link {
    padding: 14px 45px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .faq-wrapper .single-tab-items .nav .nav-link {
    padding: 14px 30px;
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .faq-wrapper .single-tab-items .nav .nav-link {
    padding: 12px 20px;
    font-size: 14px;
  }
}
.faq-wrapper .single-tab-items .nav .nav-link.active {
  position: relative;
  background-color: var(--theme);
  color: var(--white);
}
.faq-wrapper .faq-content .accordion-item {
  border-radius: 0;
  border-bottom: 1px solid var(--border2) !important;
  border: 0;
  padding: 20px 0;
  margin-top: 0;
}
.faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button {
  font-weight: 600;
}

.faq-images img {
  width: 100%;
  height: 100%;
}

.cta-banner-section {
  position: relative;
}
.cta-banner-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: var(--color-gradient-2);
   /* background-image: none !important; */
}

.cta-banner-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .cta-banner-wrapper {
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    text-align: center;
  }
}

.cta-chat-wrapper {
  background-color: var(--theme);
  padding: 55px 40px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .cta-chat-wrapper {
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .cta-chat-wrapper {
    text-align: center;
  }
}
.cta-chat-wrapper .chat-items {
  display: flex;
  align-items: center;
  gap: 35px;
}
@media (max-width: 1199px) {
  .cta-chat-wrapper .chat-items {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
}
.cta-chat-wrapper .chat-items .icon {
  font-size: 52px;
  color: var(--white);
}
.cta-chat-wrapper .chat-items .content h3 {
  font-size: 36px;
  color: var(--white);
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .cta-chat-wrapper .chat-items .content h3 {
    font-size: 28px;
  }
}
.cta-chat-wrapper .chat-items .content p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.52);
}
.cta-chat-wrapper.style-2 {
  background-color: var(--theme2);
}

.cta-chat-section-2 {
  position: relative;
}
.cta-chat-section-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg6);
  z-index: -1;
  height: 50%;
}

.cta-banner-2 {
  background-color: var(--theme);
  max-width: 800px;
  margin: 60px auto;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 30px;
  position: relative;
  z-index: 9;
}
@media (max-width: 767px) {
  .cta-banner-2 {
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }
}
.cta-banner-2 .cta-items {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 767px) {
  .cta-banner-2 .cta-items {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.cta-banner-2 .cta-items .content p {
  font-weight: 600;
  color: #C5C3C3;
}
@media (max-width: 470px) {
  .cta-banner-2 .cta-items .content p {
    text-align: center;
  }
}
.cta-banner-2 .cta-items .content h6 {
  font-size: 16px;
  color: var(--white);
}
.cta-banner-2 .theme-btn {
  line-height: 1;
}

.cta-discuss-section {
  position: relative;
}
.cta-discuss-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg5);
  z-index: -1;
  left: 55%;
  width: initial;
}
@media (max-width: 991px) {
  .cta-discuss-section::before {
    left: 0;
  }
}

.cta-discuss-wrapper {
  padding: 65px 30px;
  display: flex;
  align-items: center;
  gap: 65px;
}
@media (max-width: 991px) {
  .cta-discuss-wrapper {
    flex-wrap: wrap;
    padding: 50px 30px;
    gap: 30px;
    justify-content: center;
    text-align: center;
  }
}
.cta-discuss-wrapper .cta-discuss-image {
  position: relative;
}
.cta-discuss-wrapper .cta-discuss-image .icon {
  width: 85px;
  height: 85px;
  line-height: 90px;
  background-color: var(--theme);
  color: var(--white);
  font-size: 38px;
  text-align: center;
  position: absolute;
  top: -30px;
  left: 20px;
}
.cta-discuss-wrapper .cta-discuss-image .icon::before {
  width: 0;
  height: 0;
  border-top: 30px solid var(--theme);
  border-right: 22px solid transparent;
  content: "";
  left: -21px;
  position: absolute;
  top: 0px;
  transform: rotate(-180.509deg);
}
.cta-discuss-wrapper .cta-discuss-content .section-title span i {
  padding-right: 10px;
  transform: rotate(-40deg);
}
.cta-discuss-wrapper .cta-discuss-content .section-title h2 {
  font-weight: 600;
}
.cta-discuss-wrapper .cta-discuss-content .section-title h2 span {
  color: var(--header);
  letter-spacing: initial;
  text-transform: capitalize;
}
.cta-discuss-wrapper .cta-discuss-content .cta-button {
  margin-top: 10px;
}

.cta-banner-style-1 {
  position: relative;
  z-index: 99;
  padding: 60px 100px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .cta-banner-style-1 {
    flex-wrap: wrap;
    padding: 55px;
  }
}
@media (max-width: 991px) {
  .cta-banner-style-1 {
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .cta-banner-style-1 {
    padding: 50px;
  }
}
@media (max-width: 575px) {
  .cta-banner-style-1 {
    padding: 40px;
  }
}
.cta-banner-style-1::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--theme);
  opacity: 0.9;
}

.cta-banner-section-4 {
  position: relative;
  z-index: 9;
}
.cta-banner-section-4::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg4);
  top: 50%;
  z-index: -1;
}

.marque-section {
  position: relative;
}

.marquee-wrapper {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .marquee-wrapper {
    margin-top: -25px;
  }
}

.text-slider {
  font-size: 114px;
  height: 110px;
  line-height: 90px;
  font-weight: 500;
  text-transform: capitalize;
  margin-right: 20px;
  color: rgba(61, 66, 92, 0.2);
}
.text-slider.style-height {
  height: 65px;
  line-height: 0;
}
.text-slider.style-height-2 {
  height: 71px;
  line-height: 0;
}
@media (max-width: 575px) {
  .text-slider.style-height-2 {
    line-height: 70px;
  }
}
@media (max-width: 575px) {
  .text-slider {
    font-size: 50px;
    height: 70px;
    line-height: 65px;
    margin-bottom: -10px;
  }
}
.text-slider.style-border {
  position: relative;
  padding-left: 65px;
}
.text-slider.style-border::before {
  position: absolute;
  bottom: 30px;
  left: 0;
  content: "";
  width: 60px;
  height: 8px;
  background-color: rgba(61, 66, 92, 0.2);
}

.marquee-inner {
  position: absolute;
  display: inline-flex;
  width: 200%;
}

.marquee-list {
  float: left;
  width: 50%;
}

.marquee-item {
  float: left;
  transition: animation 0.2s ease-out;
}
.marquee-item.style-2 .text-slider {
  text-transform: capitalize;
  font-size: 65px;
  color: var(--header);
  margin-right: 40px;
  line-height: 0;
  height: 65px;
}
@media (max-width: 767px) {
  .marquee-item.style-2 .text-slider {
    font-size: 42px;
  }
}
.marquee-item.style-2 .text-style {
  transition: all 0.4s ease-in-out;
  background-image: linear-gradient(var(--theme), var(--theme));
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
}
.marquee-item.style-2 .text-style:hover {
  color: var(--theme);
  background-size: 100% 3px;
}
.marquee-item.style-2 .text-style-2 {
  transition: all 0.4s ease-in-out;
  background-image: linear-gradient(var(--theme2), var(--theme2));
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
}
.marquee-item.style-2 .text-style-2:hover {
  color: var(--theme2);
  background-size: 100% 3px;
}
.marquee-item.style-3 .text-slider {
  text-transform: uppercase;
  font-size: 18px;
  color: var(--white);
  margin-right: 20px;
  line-height: 0;
  height: 65px;
}

.marque-section .container-fluid {
  padding: 0 100px;
}
@media (max-width: 1199px) {
  .marque-section .container-fluid {
    padding: 0;
  }
}

.marque-section-2 {
  background-color: var(--theme);
}

.marquee-inner.to-left {
  animation: marqueeLeft 25s linear infinite;
}

@keyframes marqueeLeft {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
.marquee-inner.to-right {
  animation: marqueeRight 25s linear infinite;
}

@keyframes marqueeRight {
  0% {
    right: 0;
  }
  100% {
    right: -100%;
  }
}
.testimonial-card-items {
  margin-top: 30px !important;
  border: 1px solid var(--border);
  padding: 45px 35px;
  position: relative;
}
.testimonial-card-items::before {
  position: absolute;
  right: 40px;
  top: 40px;
  content: "";
  width: 32px;
  height: 24px;
  background-image: url(../img/testimonial/quote.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.testimonial-card-items .author-items {
  display: flex;
  align-items: center;
  gap: 23px;
}
.testimonial-card-items .author-items .author-image {
  width: 75px;
  height: 75px;
  border-radius: 50%;
}
.testimonial-card-items .author-items .author-content h5 {
  margin-bottom: 5px;
}
.testimonial-card-items p {
  margin-top: 30px;
  font-size: 18px;
}
.testimonial-card-items ul {
  margin-top: 40px;
}
.testimonial-card-items ul li {
  padding: 15px;
  background-color: var(--theme);
  color: var(--white);
  font-weight: 500;
  position: relative;
}
.testimonial-card-items ul li::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 35px solid var(--theme);
  position: absolute;
  top: -15px;
  left: 50px;
  right: 0;
  transition: all 0.4s ease-in-out;
  z-index: -1;
}

.testimonial-section {
  position: relative;
}
.testimonial-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: linear-gradient(180deg, rgba(246, 242, 237, 0) 0%, #F6F2ED 100%);
  z-index: -1;
  top: 10%;
}

.testimonial-carousel-active .slick-slide {
  margin: 0 15px;
}
.testimonial-carousel-active .slide-dots {
  text-align: center;
  border: 1px dotted var(--theme);
  width: 145px;
  height: 40px;
  line-height: 40px;
  border-radius: 30px;
  margin: 0 auto;
  margin-top: 30px;
}
.testimonial-carousel-active .slide-dots li {
  display: inline-block;
  margin: 13px 5px;
}
.testimonial-carousel-active .slide-dots li button {
  position: relative;
  text-indent: -9999px;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
  border: 2px solid var(--theme);
}
.testimonial-carousel-active .slide-dots li button:hover {
  background-color: var(--theme);
}
.testimonial-carousel-active .slide-dots li.slick-active button {
  background-color: var(--theme);
  border-color: var(--theme);
}
.testimonial-carousel-active .slick-list {
  margin: 0 -15px;
}

.testimonial-carousel-active-2 .slick-slide {
  margin: 0 15px;
}
.testimonial-carousel-active-2 .slick-list {
  margin: 0 -15px;
}
.testimonial-carousel-active-2 .slide-dots {
  margin: 40px auto;
  text-align: center;
}
.testimonial-carousel-active-2 .slide-dots li {
  display: inline-block;
  margin: 13px 8px;
}
.testimonial-carousel-active-2 .slide-dots li button {
  text-indent: -9999px;
  width: 8px;
  height: 8px;
  transition: 0.6s;
  background-color: #D6D1D1;
  opacity: 1;
  border-radius: 10px;
  position: relative;
}
.testimonial-carousel-active-2 .slide-dots li button:hover {
  background-color: var(--theme);
}
.testimonial-carousel-active-2 .slide-dots li.slick-active button {
  background-color: var(--theme);
  transition: 0.6s;
  position: relative;
}
.testimonial-carousel-active-2 .slide-dots li.slick-active button::before {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: -6px;
  left: -6px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid var(--theme);
  content: "";
}

.testimonial-card-items-2 {
  margin-top: 30px;
  text-align: center;
  border-radius: 5px;
  padding: 35px 50px;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .testimonial-card-items-2 {
    padding: 30px;
  }
}
.testimonial-card-items-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--white);
  z-index: -1;
  top: 20%;
  border-radius: 5px;
  height: initial;
}
.testimonial-card-items-2 .testimonial-image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
}
.testimonial-card-items-2 .testimonial-content {
  margin-top: 20px;
}
.testimonial-card-items-2 .testimonial-content .star {
  margin-bottom: 10px;
}
.testimonial-card-items-2 .testimonial-content .star span {
  font-size: 14px;
  color: var(--ratting);
}
.testimonial-card-items-2 .testimonial-content .star span.color-2 {
  color: #DED9D1;
}
.testimonial-card-items-2 .testimonial-content .author-name {
  margin-top: 30px;
}
@media (max-width: 575px) {
  .testimonial-card-items-2 .testimonial-content .author-name {
    margin-top: 20px;
  }
}

.testimonial-section-3 {
  position: relative;
}
.testimonial-section-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg6);
  top: 70%;
}
.testimonial-section-3 .container-fluid {
  padding: 0 110px;
}
@media (max-width: 1399px) {
  .testimonial-section-3 .container-fluid {
    padding: 0 15px;
  }
}

.testimonial-wrapper-3 {
  padding: 120px 220px;
  position: relative;
  background-color: var(--bg2);
}
@media (max-width: 1399px) {
  .testimonial-wrapper-3 {
    padding: 120px 60px;
  }
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 {
    padding: 80px 50px;
  }
}
@media (max-width: 767px) {
  .testimonial-wrapper-3 {
    padding: 50px 40px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-3 {
    padding: 40px 30px;
  }
}
.testimonial-wrapper-3 .testimonial-items {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-3 .testimonial-items {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 0;
  }
}
.testimonial-wrapper-3 .testimonial-items .testimonial-image-area {
  flex-basis: 100%;
}
.testimonial-wrapper-3 .testimonial-items .testimonial-image-area .testimonial-image {
  max-width: 300px;
  height: 300px;
  border-radius: 50%;
  position: relative;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-items .testimonial-image-area .testimonial-image {
    max-width: 250px;
    height: 250px;
  }
}
@media (max-width: 767px) {
  .testimonial-wrapper-3 .testimonial-items .testimonial-image-area .testimonial-image {
    max-width: 230px;
    height: 230px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-3 .testimonial-items .testimonial-image-area .testimonial-image {
    max-width: 140px;
    height: 140px;
  }
}
.testimonial-wrapper-3 .testimonial-items .testimonial-image-area .testimonial-image .icon {
  width: 100px;
  height: 100px;
  line-height: 110px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--white);
  box-shadow: var(---box-shadow);
  color: var(--theme2);
  font-size: 42px;
  position: absolute;
  top: 0;
  right: -15px;
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-items .testimonial-image-area .testimonial-image .icon {
    font-size: 38px;
    width: 85px;
    height: 85px;
    line-height: 95px;
  }
}
@media (max-width: 767px) {
  .testimonial-wrapper-3 .testimonial-items .testimonial-image-area .testimonial-image .icon {
    font-size: 32px;
    width: 70px;
    height: 70px;
    line-height: 80px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-3 .testimonial-items .testimonial-image-area .testimonial-image .icon {
    font-size: 22px;
    width: 50px;
    height: 50px;
    line-height: 60px;
  }
}
.testimonial-wrapper-3 .testimonial-items .testimonial-image-area .star {
  width: 200px;
  text-align: center;
  margin: 30px auto;
  border: 1px solid var(--border2);
  border-radius: 45px;
  height: 45px;
  line-height: 45px;
  position: relative;
}
.testimonial-wrapper-3 .testimonial-items .testimonial-image-area .star::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--border2);
  background-color: transparent;
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 0.4s ease-in-out;
  z-index: 1;
}
.testimonial-wrapper-3 .testimonial-items .testimonial-image-area .star span {
  color: var(--ratting);
}
.testimonial-wrapper-3 .testimonial-items .testimonial-content h3 {
  font-size: 30px;
  font-weight: 500;
  line-height: 170%;
  border-bottom: 1px solid var(--border2);
  padding-bottom: 50px;
}
@media (max-width: 1399px) {
  .testimonial-wrapper-3 .testimonial-items .testimonial-content h3 {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  .testimonial-wrapper-3 .testimonial-items .testimonial-content h3 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .testimonial-wrapper-3 .testimonial-items .testimonial-content h3 {
    font-size: 20px;
    padding-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-3 .testimonial-items .testimonial-content h3 {
    font-size: 16px;
    padding-bottom: 20px;
  }
}
.testimonial-wrapper-3 .testimonial-items .testimonial-content .athor-name {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-3 .testimonial-items .testimonial-content .athor-name {
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-3 .testimonial-items .testimonial-content .athor-name {
    margin-top: 20px;
  }
}
.testimonial-wrapper-3 .testimonial-items .testimonial-content .athor-name p {
  font-size: 14px;
}
.testimonial-wrapper-3 .slider-button {
  position: absolute;
  bottom: 20%;
  right: 20%;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-3 .slider-button {
    bottom: 4%;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .slider-button {
    display: none;
  }
}
.testimonial-wrapper-3 .testimonial-nav-prev, .testimonial-wrapper-3 .testimonial-nav-next {
  display: inline-block;
  height: 60px;
  width: 60px;
  text-align: center;
  color: var(--black);
  background-color: #F1F1F1;
  line-height: 60px;
  font-size: 18px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  font-weight: 700;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .testimonial-wrapper-3 .testimonial-nav-prev, .testimonial-wrapper-3 .testimonial-nav-next {
    width: 50px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
  }
}
.testimonial-wrapper-3 .testimonial-nav-prev.slick-disabled, .testimonial-wrapper-3 .testimonial-nav-next.slick-disabled {
  background-color: #b8b8b8 !important;
}
.testimonial-wrapper-3 .testimonial-nav-prev:hover, .testimonial-wrapper-3 .testimonial-nav-next:hover {
  background-color: var(--theme2);
  color: var(--white);
}
.testimonial-wrapper-3.style-2 {
  background-color: var(--white);
}
@media (max-width: 1199px) {
  .testimonial-wrapper-3.style-2 {
    margin-bottom: -5px;
  }
}
.testimonial-wrapper-3.style-2 .slider-button {
  position: absolute;
  bottom: 0;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-3.style-2 .slider-button {
    display: none;
  }
}
.testimonial-wrapper-3.style-2 .testimonial-nav-prev:hover, .testimonial-wrapper-3.style-2 .testimonial-nav-next:hover {
  background-color: var(--theme);
}
.testimonial-wrapper-3.style-2 .testimonial-items .testimonial-image-area .testimonial-image .icon {
  color: var(--theme);
}

.testimonial-section-4 {
  position: relative;
}
@media (max-width: 1199px) {
  .testimonial-section-4 {
    margin-top: -40px;
  }
}
.testimonial-section-4::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg5);
  z-index: -1;
  top: 30%;
}
.testimonial-section-4::after {
  position: absolute;
  bottom: 11%;
  right: 20%;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  background-color: #FFB302;
  content: "";
  z-index: -1;
}
.testimonial-section-4 .client-1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
  width: 90px;
  height: 90px;
  animation: scale-up-one 3s infinite linear;
}
@media (max-width: 1399px) {
  .testimonial-section-4 .client-1 {
    display: none;
  }
}
.testimonial-section-4 .client-1 img {
  width: 100%;
  height: 100%;
}
.testimonial-section-4 .client-2 {
  position: absolute;
  bottom: 10%;
  right: 10%;
  animation: scale-up-one 4s infinite linear;
}
@media (max-width: 1399px) {
  .testimonial-section-4 .client-2 {
    display: none;
  }
}
.testimonial-section-4 .slider-button {
  position: absolute;
  bottom: 12%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 991px) {
  .testimonial-section-4 .slider-button {
    display: none;
  }
}
.testimonial-section-4 .slider-button .testimonial-nav-prev, .testimonial-section-4 .slider-button .testimonial-nav-next {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid var(--theme);
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.testimonial-section-4 .slider-button .testimonial-nav-prev:hover, .testimonial-section-4 .slider-button .testimonial-nav-next:hover {
  background-color: var(--theme);
  color: var(--white);
}

.testimonial-wrapper-4 {
  position: relative;
}
.testimonial-wrapper-4 .testimonial-items {
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-4 .testimonial-items {
    padding: 30px;
  }
}
.testimonial-wrapper-4 .testimonial-items::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--white);
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.07);
  top: 40px;
  z-index: 1;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items::before {
    top: 70px;
  }
}
.testimonial-wrapper-4 .testimonial-items .testimonial-image {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  z-index: 9;
}
.testimonial-wrapper-4 .testimonial-items .client-info {
  margin-top: 20px;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .testimonial-wrapper-4 .testimonial-items .client-info {
    margin-top: 10px;
  }
}
.testimonial-wrapper-4 .testimonial-items .client-info h5 {
  font-size: 18px;
  text-transform: uppercase;
}
.testimonial-wrapper-4 .testimonial-items .client-info h6 {
  font-size: 16px;
  margin-top: 5px;
}
.testimonial-wrapper-4 .testimonial-items .client-info h6 span {
  color: var(--theme);
}
.testimonial-wrapper-4 .testimonial-items .testimonial-content {
  max-width: 950px;
  text-align: center;
  margin: 50px auto;
  position: relative;
  z-index: 9;
}
@media (max-width: 991px) {
  .testimonial-wrapper-4 .testimonial-items .testimonial-content {
    margin: 30px auto;
  }
}
@media (max-width: 767px) {
  .testimonial-wrapper-4 .testimonial-items .testimonial-content {
    margin: 20px auto;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-4 .testimonial-items .testimonial-content {
    margin: 10px auto;
  }
}
.testimonial-wrapper-4 .testimonial-items .testimonial-content h3 {
  font-size: 30px;
  line-height: 180%;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items .testimonial-content h3 {
    font-size: 25px;
  }
}
@media (max-width: 991px) {
  .testimonial-wrapper-4 .testimonial-items .testimonial-content h3 {
    font-size: 24px;
    line-height: 170%;
  }
}
@media (max-width: 767px) {
  .testimonial-wrapper-4 .testimonial-items .testimonial-content h3 {
    font-size: 20px;
    line-height: 165%;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-4 .testimonial-items .testimonial-content h3 {
    font-size: 18px;
    line-height: 160%;
  }
}
.testimonial-wrapper-4 .testimonial-items .testimonial-content .star {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .testimonial-wrapper-4 .testimonial-items .testimonial-content .star {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-4 .testimonial-items .testimonial-content .star {
    margin-top: 10px;
  }
}
.testimonial-wrapper-4 .testimonial-items .testimonial-content .star span {
  font-size: 14px;
  color: var(--ratting);
}

.testimonial-carousel-active-2 .slide-dots {
  margin-bottom: -10px !important;
}
.testimonial-carousel-active-2 .slide-dots li {
  margin: 0px 8px 0px !important;
}

.single-testimonial-style-2 .single-testimonial-items-2 {
  background-color: #F8F8F8;
  padding: 40px 55px;
  margin-top: 30px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .single-testimonial-style-2 .single-testimonial-items-2 {
    padding: 35px 25px;
  }
}
.single-testimonial-style-2 .single-testimonial-items-2 .ratting-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.single-testimonial-style-2 .single-testimonial-items-2 .ratting-items .client-ratting ul {
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.single-testimonial-style-2 .single-testimonial-items-2 .ratting-items .client-ratting ul li i {
  color: var(--theme);
}
.single-testimonial-style-2 .single-testimonial-items-2 .text {
  font-size: 20px;
  position: relative;
  margin-left: 25px;
}
.single-testimonial-style-2 .single-testimonial-items-2 .text::before {
  position: absolute;
  content: "";
  left: -25px;
  top: -10px;
  background-image: url(../img/home-4/testimonial/comma.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.single-testimonial-style-2 .single-testimonial-items-2 .client-info {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px) {
  .single-testimonial-style-2 .single-testimonial-items-2 .client-info {
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin-top: 25px;
  }
}
.single-testimonial-style-2 .single-testimonial-items-2 .client-info .image {
  border-radius: 50%;
  border: 1px solid var(--theme);
  text-align: center;
  padding: 5px;
}
@media (max-width: 575px) {
  .single-testimonial-style-2 .single-testimonial-items-2 .client-info .content {
    text-align: center;
  }
}
.single-testimonial-style-2 .single-testimonial-items-2:hover {
  background-color: var(--white);
  box-shadow: 0px 10px 60px rgba(167, 167, 167, 0.25);
}

.testimonial-section-5 {
  position: relative;
}
.testimonial-section-5 .shape {
  position: absolute;
  right: 0;
  top: 25%;
}
@media (max-width: 1600px) {
  .testimonial-section-5 .shape {
    display: none;
  }
}
.testimonial-section-5 .bg-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
}
.testimonial-section-5 .bg-shape img {
  width: 100%;
  height: 100%;
}
.testimonial-section-5 .testimonial-carousel-active-5 .slick-slide {
  margin: 30px 15px 30px;
}
.testimonial-section-5 .testimonial-carousel-active-5 .slide-dots {
  text-align: center;
  border: 1px dotted var(--theme);
  width: 145px;
  height: 40px;
  line-height: 40px;
  border-radius: 30px;
  margin: 0 auto;
  margin-top: 30px;
}
.testimonial-section-5 .testimonial-carousel-active-5 .slide-dots li {
  display: inline-block;
  margin: 13px 5px;
}
.testimonial-section-5 .testimonial-carousel-active-5 .slide-dots li button {
  position: relative;
  text-indent: -9999px;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
  border: 2px solid var(--theme);
}
.testimonial-section-5 .testimonial-carousel-active-5 .slide-dots li button:hover {
  background-color: var(--theme);
}
.testimonial-section-5 .testimonial-carousel-active-5 .slide-dots li.slick-active button {
  background-color: var(--theme);
  border-color: var(--theme);
}
.testimonial-section-5 .testimonial-carousel-active-5 .slick-list {
  margin: 0 -15px;
}

.brand-wrapper h6 {
  font-size: 14px;
  position: relative;
  margin-bottom: 50px;
}
.brand-wrapper h6::before {
  position: absolute;
  top: 10px;
  left: 35px;
  content: "";
  height: 1px;
  width: 480px;
  background-color: var(--border);
}
@media (max-width: 1399px) {
  .brand-wrapper h6::before {
    display: none;
  }
}
.brand-wrapper h6::after {
  position: absolute;
  top: 10px;
  right: 35px;
  content: "";
  height: 1px;
  width: 480px;
  background-color: var(--border);
}
@media (max-width: 1399px) {
  .brand-wrapper h6::after {
    display: none;
  }
}
.brand-wrapper .brand-image {
  text-align: center;
  filter: grayscale(100%);
  transition: all 0.4s ease-in-out;
}
.brand-wrapper .brand-image:hover {
  filter: initial;
}
.brand-wrapper.style-2 .brand-carousel-active-2 .slick-slide {
  margin: 0 15px;
}
.brand-wrapper.style-2 .brand-carousel-active-2 .slick-list {
  margin: 0 -15px;
}
.brand-wrapper.style-2 .brand-image {
  padding: 30px 20px;
}
@media (max-width: 767px) {
  .brand-wrapper.style-2 .brand-image {
    padding: 30px 0;
  }
}
.brand-wrapper.style-2 .brand-image img {
  text-align: center;
  margin: 0 auto;
}
.brand-wrapper.style-2 .brand-image:hover {
  background-color: var(--white);
}

.brand-wrapper-3 {
  padding: 70px 0;
  border-bottom: 1px solid var(--border);
}
.brand-wrapper-3 .brand-image {
  text-align: center;
  filter: grayscale(100%);
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
}
.brand-wrapper-3 .brand-image img {
  text-align: center;
  margin: 0 auto;
}
.brand-wrapper-3 .brand-image:hover {
  filter: initial;
  opacity: 1;
}

.brand-section-2 {
  padding: 80px 0;
  margin-top: -68px;
}
@media (max-width: 767px) {
  .brand-section-2 {
    padding: 60px 0;
  }
}
@media (max-width: 575px) {
  .brand-section-2 {
    padding: 40px 0;
  }
}

.brand-section-3 {
  position: relative;
}
.brand-section-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg5);
}

.pricing-items {
  margin-top: 30px;
  border-radius: 18px;
  border: 1px solid #DEE4F3;
  padding: 55px 40px;
  transition: all 0.4s ease-in-out;
}
.pricing-items .pricing-header {
  border-bottom: 1px solid #E9E6E6;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .pricing-items .pricing-header {
    padding-bottom: 30px;
  }
}
.pricing-items .pricing-header h2 {
  font-size: 52px;
}
.pricing-items .pricing-header h2 sub {
  font-size: 22px;
  font-weight: 500;
  margin-left: -10px;
}
@media (max-width: 767px) {
  .pricing-items .pricing-header h2 sub {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .pricing-items .pricing-header h2 sub {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .pricing-items .pricing-header h2 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .pricing-items .pricing-header h2 {
    font-size: 36px;
  }
}
.pricing-items .pricing-header .offer-text-area {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.pricing-items .pricing-header .offer-text-area h4 {
  font-weight: 500;
}
.pricing-items .pricing-header .offer-text-area .offer {
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  border-radius: 5px;
  color: var(--white);
  background-color: var(--theme2);
  padding: 8px 12px;
  display: inline-block;
}
.pricing-items .pricing-list {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .pricing-items .pricing-list {
    margin-top: 20px;
  }
}
.pricing-items .pricing-list li {
  font-size: 18px;
  color: #565463;
}
@media (max-width: 1199px) {
  .pricing-items .pricing-list li {
    font-size: 15px;
  }
}
.pricing-items .pricing-list li:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .pricing-items .pricing-list li:not(:last-child) {
    margin-bottom: 10px;
  }
}
.pricing-items .pricing-list li i {
  color: var(--theme2);
}
.pricing-items .pricing-button {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .pricing-items .pricing-button {
    margin-top: 30px;
  }
}
.pricing-items .pricing-button .theme-btn {
  background-color: transparent;
  color: var(--black);
  border: 1px solid #F2F2F2;
  padding: 20px 40px;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .pricing-items .pricing-button .theme-btn {
    padding: 22px 40px;
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .pricing-items .pricing-button .theme-btn {
    padding: 20px 25px;
    font-size: 14px;
  }
}
.pricing-items .pricing-button .theme-btn i {
  transition: all 0.4s ease-in-out;
  color: var(--black);
}
.pricing-items .pricing-button .theme-btn:hover {
  color: var(--white);
}
.pricing-items .pricing-button .theme-btn:hover::before, .pricing-items .pricing-button .theme-btn:hover::after {
  background-color: var(--theme2);
}
.pricing-items .pricing-button .theme-btn:hover i {
  color: var(--white);
}
.pricing-items:hover {
  transform: translateY(-10px);
}
.pricing-items.active {
  background-color: var(--theme2);
}
.pricing-items.active .pricing-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
}
.pricing-items.active .pricing-header h2 {
  color: var(--white);
}
.pricing-items.active .pricing-header h2 sub {
  color: var(--white);
}
.pricing-items.active .pricing-header .offer-text-area h4 {
  color: var(--white);
}
.pricing-items.active .pricing-header .offer-text-area .offer {
  color: var(--white);
  background: rgba(255, 255, 255, 0.15);
}
.pricing-items.active .pricing-list li {
  color: var(--white);
}
.pricing-items.active .pricing-list li i {
  color: var(--white);
}
.pricing-items.active .pricing-button {
  margin-top: 50px;
}
.pricing-items.active .pricing-button .theme-btn {
  background-color: var(--white);
  color: var(--black);
  border: 1px solid transparent;
}
.pricing-items.active .pricing-button .theme-btn i {
  color: var(--black);
}
.pricing-items.active .pricing-button .theme-btn:hover {
  border: 1px solid var(--black);
  color: var(--white);
}
.pricing-items.active .pricing-button .theme-btn:hover::before, .pricing-items.active .pricing-button .theme-btn:hover::after {
  background-color: var(--black);
}
.pricing-items.active .pricing-button .theme-btn:hover i {
  color: var(--white);
}

.single-pricing-items {
  padding: 50px 60px;
  background-color: var(--white);
  margin-top: 30px;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.single-pricing-items.active-tag {
  position: relative;
}
.single-pricing-items.active-tag::before {
  position: absolute;
  content: "";
  right: -68%;
  top: 13px;
  background-image: url(../img/home-4/pricing/tag.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
@media (max-width: 1399px) {
  .single-pricing-items.active-tag::before {
    right: -63%;
  }
}
@media (max-width: 1199px) {
  .single-pricing-items.active-tag::before {
    right: -71%;
  }
}
@media (max-width: 991px) {
  .single-pricing-items.active-tag::before {
    right: -81%;
  }
}
@media (max-width: 767px) {
  .single-pricing-items.active-tag::before {
    right: -76%;
  }
}
@media (max-width: 575px) {
  .single-pricing-items.active-tag::before {
    top: 0;
  }
}
@media (max-width: 450px) {
  .single-pricing-items.active-tag::before {
    right: -70%;
    top: 0;
  }
}
@media (max-width: 575px) {
  .single-pricing-items {
    padding: 40px 30px;
  }
}
.single-pricing-items .content {
  margin-top: 20px;
}
.single-pricing-items .content h3 {
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .single-pricing-items .content {
    margin-top: 15px;
  }
}
.single-pricing-items .price-plan {
  margin-top: 30px;
}
@media (max-width: 575px) {
  .single-pricing-items .price-plan {
    margin-bottom: 20px;
  }
}
.single-pricing-items .price-plan h2 {
  font-size: 60px;
  font-weight: 600;
  color: var(--theme);
}
@media (max-width: 575px) {
  .single-pricing-items .price-plan h2 {
    font-size: 48px;
  }
}
.single-pricing-items .price-plan h2 sub {
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: var(--text);
  bottom: 0;
  margin-left: -10px;
}
.single-pricing-items ul {
  margin-top: 20px;
}
.single-pricing-items ul li {
  font-weight: 500;
}
.single-pricing-items ul li:not(:last-child) {
  margin-bottom: 20px;
}
.single-pricing-items ul .icon {
  color: var(--header);
}
.single-pricing-items ul .icon i {
  color: var(--theme);
  margin-right: 15px;
}
.single-pricing-items ul .icon-2 {
  color: var(--text);
}
.single-pricing-items ul .icon-2 i {
  color: var(--text);
  margin-right: 15px;
}
.single-pricing-items:hover {
  transform: translateY(-10px);
}

.pricing-section {
  position: relative;
}
.pricing-section .dot-shape {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1199px) {
  .pricing-section .dot-shape {
    display: none;
  }
}
.pricing-section .arrow-shape {
  position: absolute;
  left: 0;
  top: 25%;
}
@media (max-width: 1600px) {
  .pricing-section .arrow-shape {
    display: none;
  }
}
.pricing-section .dot-shape-2 {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 1199px) {
  .pricing-section .dot-shape-2 {
    display: none;
  }
}

.single-news-items {
  margin-top: 30px;
}
.single-news-items .news-image {
  height: 388px;
  position: relative;
}
.single-news-items .news-image .icon {
  width: 140px;
  height: 140px;
  line-height: 140px;
  border-radius: 50%;
  background-color: var(--theme);
  color: var(--white);
  display: inline-block;
  text-align: center;
  font-size: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 767px) {
  .single-news-items .news-image .icon {
    font-size: 24px;
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}
.single-news-items .news-image .icon i {
  transform: rotate(-30deg);
  transition: all 0.4s ease-in-out;
}
.single-news-items .news-image .icon:hover {
  background-color: var(--white);
  color: var(--theme);
}
.single-news-items .news-image .icon:hover i {
  transform: rotate(0);
}
.single-news-items .news-content {
  margin-top: 20px;
}
.single-news-items .news-content .post-date li {
  font-size: 14px;
  font-weight: 600;
  color: var(--header);
  text-transform: uppercase;
}
.single-news-items .news-content h3 {
  margin-top: 20px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 20px;
}
.single-news-items .news-content h3 a:hover {
  color: var(--theme);
}
.single-news-items:hover .news-image .icon {
  visibility: visible;
  opacity: 1;
}
.single-news-items.active .news-image .icon {
  visibility: visible;
  opacity: 1;
}

.news-card-items {
  margin-top: 30px !important;
  padding-bottom: 60px;
}
.news-card-items .news-image {
  height: 388px;
  max-width: 420px;
}
@media (max-width: 1199px) {
  .news-card-items .news-image {
    max-width: 550px;
  }
}
@media (max-width: 767px) {
  .news-card-items .news-image {
    text-align: center;
    margin: 0 auto;
  }
}
.news-card-items .news-content {
  margin-top: -100px;
  margin-left: 30px;
  margin-right: 30px;
  padding: 25px;
  background-color: var(--white);
  box-shadow: var(---box-shadow);
  position: relative;
  z-index: 9;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
  .news-card-items .news-content {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  .news-card-items .news-content {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 991px) {
  .news-card-items .news-content {
    margin-left: 0;
    margin-right: 0;
  }
}
.news-card-items .news-content .post-area {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}
.news-card-items .news-content .post-area li {
  transition: all 0.4s ease-in-out;
}
.news-card-items .news-content .post-area li i {
  color: var(--theme);
  margin-right: 5px;
  transition: all 0.4s ease-in-out;
}
.news-card-items .news-content h5 {
  margin-bottom: 20px;
}
.news-card-items .news-content .link-btn {
  transition: all 0.4s ease-in-out;
}
.news-card-items .news-content .link-btn:hover {
  color: var(--white);
}
.news-card-items:hover .news-content, .news-card-items .active .news-content {
  background-color: var(--theme);
  box-shadow: 0px 11px 39px rgba(22, 111, 211, 0.54);
}
.news-card-items:hover .news-content .post-area li, .news-card-items .active .news-content .post-area li {
  color: var(--white);
}
.news-card-items:hover .news-content .post-area li i, .news-card-items .active .news-content .post-area li i {
  color: var(--white);
}
.news-card-items:hover .news-content h5 a, .news-card-items .active .news-content h5 a {
  color: var(--white);
}
.news-card-items:hover .news-content .link-btn span, .news-card-items .active .news-content .link-btn span {
  color: var(--white);
  background-image: linear-gradient(var(--white), var(--white));
}
.news-card-items:hover .news-content .link-btn i, .news-card-items .active .news-content .link-btn i {
  background-color: var(--white);
  color: var(--theme);
}

.news-carousel-active .slick-slide {
  margin: 0 15px;
}
.news-carousel-active .slide-dots {
  margin: 0 auto;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
}
.news-carousel-active .slide-dots li {
  display: inline-block;
  margin: 13px 8px;
}
.news-carousel-active .slide-dots li button {
  text-indent: -9999px;
  width: 8px;
  height: 8px;
  transition: 0.6s;
  background-color: #D6D1D1;
  opacity: 1;
  border-radius: 10px;
  position: relative;
}
.news-carousel-active .slide-dots li button:hover {
  background-color: var(--theme);
}
.news-carousel-active .slide-dots li.slick-active button {
  background-color: var(--theme);
  transition: 0.6s;
  position: relative;
}
.news-carousel-active .slide-dots li.slick-active button::before {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: -6px;
  left: -6px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid var(--theme);
  content: "";
}
.news-carousel-active .slick-list {
  margin: 0 -15px;
}
.news-carousel-active .news-card-items.slick-slide.slick-current.slick-active .news-content {
  background-color: var(--theme);
  box-shadow: 0px 11px 39px rgba(22, 111, 211, 0.54);
}
.news-carousel-active .news-card-items.slick-slide.slick-current.slick-active .news-content .post-area li {
  color: var(--white);
}
.news-carousel-active .news-card-items.slick-slide.slick-current.slick-active .news-content .post-area li i {
  color: var(--white);
}
.news-carousel-active .news-card-items.slick-slide.slick-current.slick-active .news-content h5 a {
  color: var(--white);
}
.news-carousel-active .news-card-items.slick-slide.slick-current.slick-active .news-content .link-btn span {
  color: var(--white);
  background-image: linear-gradient(var(--white), var(--white));
}
.news-carousel-active .news-card-items.slick-slide.slick-current.slick-active .news-content .link-btn i {
  background-color: var(--white);
  color: var(--theme);
}

.single-news-items-2 {
  margin-top: 30px;
}
.single-news-items-2 .news-image {
  max-width: 408px;
  height: 270px;
  position: relative;
}
@media (max-width: 1199px) {
  .single-news-items-2 .news-image {
    max-width: 550px;
  }
}
.single-news-items-2 .news-image .post-date {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 30px;
  background-color: var(--theme2);
  text-align: center;
}
.single-news-items-2 .news-image .post-date h4 {
  color: var(--white);
}
.single-news-items-2 .news-image .post-date h4 span {
  color: var(--white);
  text-transform: uppercase;
  font-size: 15px;
}
.single-news-items-2 .news-content {
  padding-top: 25px;
}
.single-news-items-2 .news-content p {
  color: var(--theme2);
  margin-bottom: 10px;
  font-weight: 500;
}
.single-news-items-2 .news-content h4 {
  margin-bottom: 20px;
}
.single-news-items-2 .news-content h4 a {
  background-image: linear-gradient(var(--theme2), var(--theme2));
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: all 0.4s ease-in-out;
}
.single-news-items-2 .news-content h4 a:hover {
  color: var(--theme2);
  background-size: 100% 2px;
}

.news-section-2 {
  padding-bottom: 50px;
}
@media (max-width: 1199px) {
  .news-section-2 {
    padding-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .news-section-2 {
    padding-bottom: 10px;
  }
}

.single-news-style-1 {
  background-color: var(--white);
  margin-top: 30px;
  box-shadow: 0px 10px 60px rgba(149, 149, 149, 0.25);
}
.single-news-style-1 .news-image {
  padding: 0;
  position: relative;
}
.single-news-style-1 .news-image img {
  width: 100%;
  height: 100%;
}
.single-news-style-1 .news-image .post-date {
  position: absolute;
  right: 15px;
  bottom: 15px;
  background-color: var(--theme);
  padding: 12px 20px;
}
.single-news-style-1 .news-image .post-date h3, .single-news-style-1 .news-image .post-date p {
  text-align: center;
  color: var(--white);
}
.single-news-style-1 .news-image .post-date p {
  font-weight: 600;
}
.single-news-style-1 .news-image .post-cat {
  position: absolute;
  bottom: 0;
  right: 8%;
}
.single-news-style-1 .news-image .post-cat .cat-name {
  color: var(--white);
  font-weight: 500;
  padding: 10px 24px;
  background-color: var(--theme);
  display: inline-block;
  transition: all 0.4s ease-in-out;
  font-size: 16px;
}
.single-news-style-1 .news-image .post-cat .cat-name:hover {
  background-color: var(--button);
}
@media (max-width: 575px) {
  .single-news-style-1 .news-image .post-cat .cat-name {
    font-size: 14px;
    padding: 10px 12px;
  }
}
.single-news-style-1 .news-content {
  padding: 30px 35px;
}
.single-news-style-1 .news-content .author-item {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1399px) {
  .single-news-style-1 .news-content .author-item {
    gap: 15px;
    flex-wrap: wrap;
  }
}
@media (max-width: 575px) {
  .single-news-style-1 .news-content .author-item {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.single-news-style-1 .news-content .author-item .post-cat {
  padding: 8px 13px;
  background-color: var(--theme);
  cursor: pointer;
  gap: 12px;
  transition: all 0.3s ease-in-out;
}
.single-news-style-1 .news-content .author-item .post-cat a {
  font-size: 14px;
  color: var(--white);
  font-weight: 500;
}
.single-news-style-1 .news-content .author-item .post-cat:hover {
  background-color: var(--header);
}
.single-news-style-1 .news-content .author-item .post-author {
  gap: 12px;
}
.single-news-style-1 .news-content .author-item .post-author p {
  font-weight: 500;
}
.single-news-style-1 .news-content h3 {
  margin-bottom: 15px;
  font-size: 22px;
}
.single-news-style-1 .news-content h3 a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin: 0;
  text-transform: none;
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.single-news-style-1 .news-content h3 a:hover {
  background-size: 100% 2px;
  background-image: linear-gradient(var(--theme), var(--theme));
  color: var(--theme);
}
@media (max-width: 575px) {
  .single-news-style-1 .news-content {
    padding: 25px 30px;
  }
}
.single-news-style-1 .news-content .link-btn:hover {
  color: var(--theme);
}

.blog-wrapper h1, .blog-wrapper h2, .blog-wrapper h3, .blog-wrapper h4, .blog-wrapper h5, .blog-wrapper h6 {
  font-weight: 600;
}
.blog-wrapper .single-blog-post {
  margin-bottom: 40px;
  position: relative;
}
.blog-wrapper .single-blog-post .video__button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.blog-wrapper .single-blog-post .video__button .video__btn__wrp {
  margin-bottom: 0;
}
.blog-wrapper .single-blog-post.post-details.format-quote .post-content {
  position: relative;
  background: transparent;
  border: none;
}
.blog-wrapper .single-blog-post.post-details .post-content {
  border: none;
}
.blog-wrapper .single-blog-post.post-details .post-content img {
  margin-top: 20px;
  margin-bottom: 20px;
}
.blog-wrapper .single-blog-post.post-details .post-content .single-post-image {
  width: 100%;
  height: 100%;
}
.blog-wrapper .single-blog-post.post-details .post-content h1 {
  font-size: 36px;
  line-height: 1.4;
}
.blog-wrapper .single-blog-post.post-details .post-content h1, .blog-wrapper .single-blog-post.post-details .post-content h2, .blog-wrapper .single-blog-post.post-details .post-content h3, .blog-wrapper .single-blog-post.post-details .post-content h4, .blog-wrapper .single-blog-post.post-details .post-content h5, .blog-wrapper .single-blog-post.post-details .post-content h6 {
  margin-top: 10px;
}
.blog-wrapper .single-blog-post.post-details .post-content table {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post.post-details .post-content h1 {
    font-size: 28px;
  }
  .blog-wrapper .single-blog-post.post-details .post-content h3 {
    font-size: 20px;
  }
}
.blog-wrapper .single-blog-post.post-details blockquote, .blog-wrapper .single-blog-post.post-details .wp-block-quote {
  background-color: var(--theme);
  color: var(--white);
  font-size: 26px;
  line-height: 1.4;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  padding: 60px;
  text-align: center;
  margin: 40px 0px;
  position: relative;
  z-index: 1;
}
.blog-wrapper .single-blog-post.post-details blockquote a, .blog-wrapper .single-blog-post.post-details .wp-block-quote a {
  color: var(--white);
}
.blog-wrapper .single-blog-post.post-details blockquote a:hover, .blog-wrapper .single-blog-post.post-details .wp-block-quote a:hover {
  color: var(--text);
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post.post-details blockquote, .blog-wrapper .single-blog-post.post-details .wp-block-quote {
    padding: 30px 15px;
    font-size: 18px;
    line-height: 1.5;
  }
}
.blog-wrapper .single-blog-post.post-details blockquote::before, .blog-wrapper .single-blog-post.post-details .wp-block-quote::before {
  right: 30px;
  font-size: 110px;
  line-height: 1;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  content: "\f10d";
  bottom: -20px;
  color: var(--white);
  z-index: -1;
  opacity: 0.1;
  font-weight: 900;
}
.blog-wrapper .single-blog-post.format-video .post-featured-thumb, .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb {
  z-index: 1;
  position: relative;
}
.blog-wrapper .single-blog-post.format-video .post-featured-thumb::before, .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  background-color: #282835;
  opacity: 0.3;
  z-index: -1;
}
.blog-wrapper .single-blog-post.quote-post .post-content, .blog-wrapper .single-blog-post.format-quote .post-content {
  position: relative;
  background-color: var(--theme);
  border: none;
}
.blog-wrapper .single-blog-post.quote-post .post-content::before, .blog-wrapper .single-blog-post.format-quote .post-content::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(../img/quotepost.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.blog-wrapper .single-blog-post.quote-post .quote-content, .blog-wrapper .single-blog-post.format-quote .quote-content {
  overflow: hidden;
  padding: 50px;
}
@media (max-width: 585px) {
  .blog-wrapper .single-blog-post.quote-post .quote-content, .blog-wrapper .single-blog-post.format-quote .quote-content {
    text-align: center;
    font-size: 24px;
    padding: 30px;
  }
}
.blog-wrapper .single-blog-post.quote-post .quote-content .icon, .blog-wrapper .single-blog-post.format-quote .quote-content .icon {
  font-size: 70px;
  line-height: 80px;
  float: left;
  overflow: hidden;
  margin-right: 30px;
}
@media (max-width: 585px) {
  .blog-wrapper .single-blog-post.quote-post .quote-content .icon, .blog-wrapper .single-blog-post.format-quote .quote-content .icon {
    float: none;
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 50px;
    line-height: 60px;
  }
}
.blog-wrapper .single-blog-post.quote-post .quote-content .quote-text, .blog-wrapper .single-blog-post.format-quote .quote-content .quote-text {
  overflow: hidden;
}
.blog-wrapper .single-blog-post.quote-post .quote-content h2, .blog-wrapper .single-blog-post.format-quote .quote-content h2 {
  margin-top: -2px;
  font-size: 36px;
  color: var(--white);
}
.blog-wrapper .single-blog-post.quote-post .quote-content .post-meta, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta {
  margin-top: 10px;
}
.blog-wrapper .single-blog-post.quote-post .quote-content .post-meta span, .blog-wrapper .single-blog-post.quote-post .quote-content .post-meta i, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta span, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta i {
  color: var(--white);
}
.blog-wrapper .single-blog-post:last-child {
  margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-featured-thumb {
  height: 450px;
  width: 100%;
  position: relative;
  margin-bottom: -2px;
}
.blog-wrapper .single-blog-post .post-featured-thumb .post-date {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 15px 30px;
  background-color: var(--theme);
  text-align: center;
}
.blog-wrapper .single-blog-post .post-featured-thumb .post-date h4 {
  color: var(--white);
}
.blog-wrapper .single-blog-post .post-featured-thumb .post-date h4 span {
  color: var(--white);
  text-transform: uppercase;
  font-size: 15px;
}
@media (max-width: 991px) {
  .blog-wrapper .single-blog-post .post-featured-thumb {
    height: 280px;
  }
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-featured-thumb {
    height: 230px;
  }
}
.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn .play-video {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
}
.blog-wrapper .single-blog-post .post-content {
  padding-top: 30px;
  overflow: hidden;
  box-sizing: border-box;
}
@media (max-width: 575px) {
  .blog-wrapper .single-blog-post .post-content {
    padding-top: 20px;
  }
}
.blog-wrapper .single-blog-post .post-content h2 {
  line-height: 1.4;
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .blog-wrapper .single-blog-post .post-content h2 {
    font-size: 28px;
  }
}
.blog-wrapper .single-blog-post .post-content h2 a:hover {
  color: var(--theme);
}
.blog-wrapper .single-blog-post .post-content p {
  font-size: 16px;
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content {
    padding: 30px 10px;
  }
}
@media (max-width: 414px) {
  .blog-wrapper .single-blog-post .post-content h2 {
    font-size: 22px;
  }
}
.blog-wrapper .single-blog-post .post-content .post-cat a {
  color: var(--white);
  display: inline-block;
  background-color: var(--theme);
  padding: 14px 18px 12px;
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  margin-bottom: 20px;
  text-transform: capitalize;
  font-family: "Inter", sans-serif;
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .post-cat a {
    font-size: 12px;
  }
}
.blog-wrapper .single-blog-post .post-content .post-cat a:hover {
  background-color: var(--header);
}
.blog-wrapper .single-blog-post .post-content ul {
  margin-bottom: 0;
  list-style-type: disc;
  margin-top: 30px;
}
.blog-wrapper .single-blog-post .post-content ul ol {
  margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ul ul {
  margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ul li {
  line-height: 1.5;
  margin-top: 10px;
  list-style-type: disc;
  color: var(--text);
  position: relative;
  font-size: 18px;
  padding-left: 30px;
}
.blog-wrapper .single-blog-post .post-content ul li::before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  color: var(--theme);
}
.blog-wrapper .single-blog-post .post-content ol {
  margin-bottom: 0;
  list-style-type: decimal;
}
.blog-wrapper .single-blog-post .post-content ol ul {
  margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ol ol {
  margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ol li {
  line-height: 1.5;
  margin-top: 10px;
  list-style-type: decimal;
}
.blog-wrapper .single-blog-post .post-content p {
  margin-top: 15px;
}
.blog-wrapper .single-blog-post .post-content .post-meta {
  margin-bottom: 10px;
}
.blog-wrapper .single-blog-post .post-content .post-meta span {
  color: var(--text);
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .post-meta span {
    font-size: 15px;
  }
}
.blog-wrapper .single-blog-post .post-content .post-meta span i {
  margin-right: 5px;
  color: var(--theme);
  font-weight: 700;
}
.blog-wrapper .single-blog-post .post-content .author-info {
  overflow: hidden;
}
.blog-wrapper .single-blog-post .post-content .author-info .author-img {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #f2f2f2;
  margin-right: 15px;
  float: left;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .author-info .author-img {
    margin-right: 5px;
  }
}
.blog-wrapper .single-blog-post .post-content .author-info h5 {
  display: inline-block;
  line-height: 1;
  font-size: 16px;
  margin-top: 9px;
}
.blog-wrapper .single-blog-post .post-content .author-info h5 a:hover {
  color: var(--theme);
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .author-info h5 {
    font-size: 14px;
  }
}
.blog-wrapper .single-blog-post .post-content .post-link a {
  font-weight: 700;
}
.blog-wrapper .single-blog-post .post-content .post-link a:hover {
  color: var(--theme);
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .post-link a {
    font-size: 14px;
  }
}
.blog-wrapper .single-blog-post .post-content .post-link a i {
  margin-right: 5px;
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .post-link a i {
    margin-right: 3px;
  }
}

@media (min-width: 991px) {
  .news-area .main-sidebar {
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .news-area .main-sidebar {
    margin-top: 40px;
  }
}
.news-area .main-sidebar .single-sidebar-widget {
  border: 2px solid #ededed;
  box-sizing: border-box;
  padding: 30px;
  margin-bottom: 40px;
}
.news-area .main-sidebar .single-sidebar-widget ul {
  padding-left: 0;
}
.news-area .main-sidebar .single-sidebar-widget ul > li {
  margin-bottom: 10px;
}
.news-area .main-sidebar .single-sidebar-widget ul > li a {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
}
.news-area .main-sidebar .single-sidebar-widget ul > li a:hover {
  color: var(--theme);
}
.news-area .main-sidebar .single-sidebar-widget ul ul {
  padding-left: 20px;
}
.news-area .main-sidebar .single-sidebar-widget ul ul li {
  margin-top: 5px;
}
.news-area .main-sidebar .single-sidebar-widget:last-child {
  margin-bottom: 0;
}
.news-area .main-sidebar .single-sidebar-widget .wid-title {
  margin-bottom: 25px;
  padding-left: 45px;
  position: relative;
}
.news-area .main-sidebar .single-sidebar-widget .wid-title::before {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 18px;
  border-radius: 5px;
  position: absolute;
  background-color: var(--theme);
}
.news-area .main-sidebar .single-sidebar-widget .wid-title::after {
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 50%;
  position: absolute;
  background-color: var(--theme);
}
.news-area .main-sidebar .single-sidebar-widget .wid-title h4 {
  font-size: 24px;
  font-weight: 600;
}
.news-area .main-sidebar .single-sidebar-widget .social-link a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--bg);
  font-size: 14px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.news-area .main-sidebar .single-sidebar-widget .social-link a:hover {
  background-color: var(--theme);
  color: var(--white);
}

.search_widget form {
  width: 100%;
  position: relative;
}
.search_widget form input {
  background-color: var(--bg);
  font-size: 15px;
  padding: 20px;
  width: 100%;
  border: none;
  text-transform: capitalize;
  color: var(--header);
}
.search_widget form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  font-size: 18px;
  height: 100%;
  background-color: var(--theme);
  color: var(--white);
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.search_widget form button:hover {
  background-color: var(--header);
}

.popular-posts .single-post-item, .popular_posts .single-post-item {
  overflow: hidden;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f2f2f2;
}
.popular-posts .single-post-item:last-child, .popular_posts .single-post-item:last-child {
  margin-bottom: 0;
  border: none;
  padding-bottom: 0;
}
.popular-posts .single-post-item .thumb, .popular_posts .single-post-item .thumb {
  height: 95px;
  width: 95px;
  background-color: #f2f2f2;
  float: left;
  overflow: hidden;
  margin-right: 20px;
}
.popular-posts .single-post-item .post-content, .popular_posts .single-post-item .post-content {
  overflow: hidden;
}
.popular-posts .single-post-item .post-content h5, .popular_posts .single-post-item .post-content h5 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
}
.popular-posts .single-post-item .post-content h5 a:hover, .popular_posts .single-post-item .post-content h5 a:hover {
  color: var(--theme);
}
.popular-posts .single-post-item .post-content .post-date, .popular_posts .single-post-item .post-content .post-date {
  margin-top: 10px;
  color: var(--theme);
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize;
}
.popular-posts .single-post-item .post-content .post-date i, .popular_posts .single-post-item .post-content .post-date i {
  margin-right: 7px;
}

.widget_categories ul li {
  display: block;
}
.widget_categories ul li:last-child a {
  margin-bottom: 0;
}
.widget_categories ul li a {
  position: relative;
  background: var(--bg);
  padding: 17px 20px;
  line-height: 1;
  font-size: 14px;
  display: block;
  margin-bottom: 12px;
  font-weight: 500;
  transition: all 0.4s ease-in-out;
}
.widget_categories ul li a:hover {
  color: var(--theme);
}
.widget_categories ul li a i {
  margin-right: 10px;
}
.widget_categories ul li a span {
  position: absolute;
  width: 60px;
  line-height: 55px;
  height: 100%;
  content: "";
  background-color: var(--theme);
  right: 0;
  top: 0;
  text-align: center;
  color: var(--white);
}

.tagcloud a {
  display: inline-block;
  padding: 12px 22px;
  line-height: 1;
  font-weight: 600;
  background: var(--bg);
  margin-right: 10px;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.tagcloud a:last-child {
  margin-right: 0;
}
.tagcloud a:hover {
  background-color: var(--theme);
  color: var(--white);
}

.widget_categories ul li {
  display: block;
  margin-bottom: 10px;
}

p.sticky-label {
  position: absolute;
  right: 0;
  background: var(--theme);
  color: var(--white);
  padding: 10px 40px;
  z-index: -1;
  top: 0;
  font-weight: 700;
}

.page-nav-wrap ul li {
  display: inline-block;
}
.page-nav-wrap ul li .page-numbers {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  background: #f6f6f6;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  margin: 0 2px;
}
.page-nav-wrap ul li .page-numbers.current {
  background-color: var(--theme);
  color: var(--white);
}
@media (max-width: 767px) {
  .page-nav-wrap ul li .page-numbers {
    margin-top: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
.page-nav-wrap ul li .page-numbers i {
  margin-top: 2px;
}
.page-nav-wrap ul li .page-numbers:hover {
  background-color: var(--theme);
  color: var(--white);
}

.social-share a {
  margin-left: 10px;
  transition: all 0.4s ease-in-out;
}
.social-share a:hover {
  color: var(--theme);
}

.tag-share-wrap {
  padding-bottom: 50px;
}
.tag-share-wrap h4 {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .tag-share-wrap h4 {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .tag-share-wrap .tagcloud {
    margin-bottom: 20px;
  }
}

.comments-section-wrap {
  overflow: hidden;
}

.comments-heading h3, .related-post-wrap h3, .comment-form-wrap h3 {
  font-size: 26px;
}
@media (max-width: 767px) {
  .comments-heading h3, .related-post-wrap h3, .comment-form-wrap h3 {
    font-size: 20px;
  }
}

.comments-item-list .single-comment-item {
  margin-top: 30px;
}
.comments-item-list .single-comment-item ul {
  margin-bottom: 15px;
}
.comments-item-list .single-comment-item p, .comments-item-list .single-comment-item span {
  font-size: 16px;
}
.comments-item-list .single-comment-item .author-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  float: left;
  overflow: hidden;
  margin-right: 30px;
}
@media (max-width: 991px) {
  .comments-item-list .single-comment-item .author-img {
    width: 80px;
    height: 80px;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .comments-item-list .single-comment-item .author-img {
    width: 70px;
    height: 70px;
    margin-right: 15px;
  }
}
@media (max-width: 585px) {
  .comments-item-list .single-comment-item .author-img {
    float: none;
    margin-bottom: 20px;
  }
}
.comments-item-list .single-comment-item .author-info-comment {
  overflow: auto;
  padding-bottom: 25px;
  border-bottom: 1px solid #e2e2e2;
}
.comments-item-list .single-comment-item .author-info-comment .info {
  position: relative;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn {
  padding: 10px 18px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: var(--text);
  border: 1px solid #ebebeb;
  background: transparent;
  border-radius: 0;
  transition: all 0.4s ease-in-out;
  box-shadow: inherit;
}
@media (max-width: 767px) {
  .comments-item-list .single-comment-item .author-info-comment .info .theme-btn {
    font-size: 12px;
  }
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn i {
  margin-right: 10px;
  margin-left: 0px !important;
  transition: all 0.4s ease-in-out;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn::before, .comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn::after {
  background-color: initial;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover {
  background-color: var(--theme);
  color: var(--white);
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover a {
  color: var(--white) !important;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover i {
  transform: translate(0);
}
.comments-item-list .single-comment-item .author-info-comment .info h5 {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .comments-item-list .single-comment-item .author-info-comment .info h5 {
    font-size: 16px;
  }
}
.comments-item-list .single-comment-item .author-info-comment span {
  color: var(--theme);
  font-weight: 500;
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn {
  padding: 7px 18px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .comments-item-list .single-comment-item .author-info-comment .theme-btn {
    font-size: 12px;
  }
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn i {
  margin-right: 5px;
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn:hover a {
  color: var(--white);
}
.comments-item-list .single-comment-item .author-info-comment .comment-text {
  margin-top: 15px;
}

.comment-form {
  background-color: var(--white);
  width: 100%;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .comment-form {
    padding: 30px;
  }
}
@media (max-width: 585px) {
  .comment-form {
    padding: 30px 15px;
  }
}
.comment-form label {
  margin-bottom: 4px;
}
.comment-form input, .comment-form textarea {
  margin-bottom: 20px;
  outline: none;
  padding: 20px 30px;
  line-height: 1;
  font-size: 16px;
  width: 100%;
  border: none;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--header);
  background-color: var(--bg);
}
@media (max-width: 585px) {
  .comment-form input, .comment-form textarea {
    padding: 15px;
  }
}
.comment-form textarea {
  height: 200px;
  line-height: 1.3;
  border: none;
}
@media (max-width: 767px) {
  .comment-form textarea {
    height: 120px;
  }
}
.comment-form .theme-btn {
  display: inline-block;
  line-height: 1.2;
  padding: 24px 60px;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .comment-form .theme-btn {
    padding: 20px 40px;
  }
}
@media (max-width: 585px) {
  .comment-form .theme-btn {
    padding: 15px 40px;
    font-size: 14px;
  }
}
.comment-form .theme-btn i {
  margin-right: 10px;
}
.comment-form .theme-btn:hover i {
  transform: translate(0);
}

.comment ul {
  list-style-type: disc;
}
.comment ul ol {
  margin-bottom: 0;
}
.comment ul li {
  line-height: 1.5;
  margin-top: 10px;
  list-style-type: disc;
}
.comment ol ul {
  margin-bottom: 0;
}
.comment ol ol {
  margin-bottom: 0;
}
.comment ol li {
  line-height: 1.5;
  margin-top: 10px;
}

.site_info_widget .single-contact-info {
  overflow: auto;
  margin-bottom: 20px;
}
.site_info_widget .single-contact-info span {
  display: block;
  color: var(--theme);
}
.site_info_widget .single-contact-info .icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: var(--white);
  background-color: var(--theme);
  float: left;
  text-align: center;
  overflow: hidden;
  font-size: 16px;
  margin-right: 20px;
}
.site_info_widget .single-contact-info:nth-child(2n) .icon {
  background-color: var(--theme);
}
.site_info_widget .single-contact-info:nth-child(3n) .icon {
  background-color: var(--theme);
}
.site_info_widget .social-link {
  margin-top: 35px;
}
.site_info_widget .social-link a {
  margin-right: 8px !important;
}

.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.contact-section {
  position: relative;
}
.contact-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg3);
  left: 20%;
}
@media (max-width: 1399px) {
  .contact-section::before {
    left: 0;
  }
}

.contact-wrapper {
  position: relative;
}
.contact-wrapper .shape-image {
  position: absolute;
  top: -55px;
  left: -20%;
}
@media (max-width: 1399px) {
  .contact-wrapper .shape-image {
    display: none;
  }
}
.contact-wrapper .contact-image {
  height: 779px;
  width: 850px;
  margin-left: -50%;
  position: relative;
}
@media (max-width: 1399px) {
  .contact-wrapper .contact-image {
    margin-left: 0;
    max-width: 800px;
    width: initial;
    height: 600px;
  }
}
@media (max-width: 767px) {
  .contact-wrapper .contact-image {
    height: 500px;
  }
}
@media (max-width: 575px) {
  .contact-wrapper .contact-image {
    height: 400px;
  }
}
.contact-wrapper .contact-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--theme);
  z-index: -1;
  top: -55px;
}
.contact-wrapper .contact-image .shape-image-2 {
  position: absolute;
  top: -22px;
  left: 0;
}
@media (max-width: 1399px) {
  .contact-wrapper .contact-image .shape-image-2 {
    display: none;
  }
}

.contact-form-items .form-clt input, .contact-form-items .form-clt textarea {
  padding: 18px 30px;
  border: none;
  outline: none;
  background-color: var(--white);
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  color: var(--header);
  border-radius: 5px;
}
@media (max-width: 575px) {
  .contact-form-items .form-clt input, .contact-form-items .form-clt textarea {
    padding: 14px 20px;
  }
}
.contact-form-items .form-clt input::placeholder, .contact-form-items .form-clt textarea::placeholder {
  color: var(--header);
}
.contact-form-items .form-clt textarea {
  padding: 18px 30px 110px;
}
@media (max-width: 575px) {
  .contact-form-items .form-clt textarea {
    padding: 14px 20px 90px;
  }
}

.contact-section-2 {
  position: relative;
  z-index: 9;
}
.contact-section-2 .contact-image {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  animation: right-image-bounce 3s infinite ease-in-out;
}

.contact-wrapper-2 .contact-content .contact-info-area {
  margin-top: 50px;
}
.contact-wrapper-2 .contact-content .contact-info-area .contact-info-items {
  display: flex;
  align-items: center;
  gap: 30px;
}
.contact-wrapper-2 .contact-content .contact-info-area .contact-info-items .icon {
  font-size: 32px;
  color: var(--theme2);
}
.contact-wrapper-2 .contact-content .contact-info-area .contact-info-items .content p {
  color: var(--theme2);
}
.contact-wrapper-2 .contact-content .contact-info-area .contact-info-items .content h3 {
  font-size: 22px;
  margin-top: 5px;
  text-transform: initial;
}
.contact-wrapper-2 .contact-content .contact-info-area .contact-info-items.style-2 .icon {
  color: var(--theme);
}
.contact-wrapper-2 .contact-content .contact-info-area .contact-info-items.style-2 .content p {
  color: var(--theme);
}

.contact-box {
  background-color: var(--white);
  box-shadow: var(---box-shadow);
  border-radius: 5px;
  padding: 60px 45px;
}
.contact-box .contact-title {
  text-align: center;
  margin-bottom: 30px;
}
.contact-box .contact-title h3 {
  font-size: 27px;
}
.contact-box .contact-title p {
  color: var(--black);
  margin-top: 5px;
}
.contact-box .contact-form-items .form-clt {
  position: relative;
}
.contact-box .contact-form-items .form-clt input, .contact-box .contact-form-items .form-clt textarea {
  border: 1px solid #E4E4E4;
  color: var(--text);
  font-weight: 500;
}
.contact-box .contact-form-items .form-clt input::placeholder, .contact-box .contact-form-items .form-clt textarea::placeholder {
  color: var(--text);
}
@media (max-width: 575px) {
  .contact-box .contact-form-items .form-clt input, .contact-box .contact-form-items .form-clt textarea {
    padding: 12px 20px;
  }
}
.contact-box .contact-form-items .form-clt .icon {
  position: absolute;
  top: 18px;
  right: 30px;
}
.contact-box .contact-form-items textarea {
  padding: 18px 30px 90px;
}
@media (max-width: 575px) {
  .contact-box .contact-form-items textarea {
    padding: 12px 20px 90px !important;
  }
}
.contact-box .contact-form-items .theme-btn-2 {
  display: inherit;
  text-align: center;
  line-height: 1;
  margin: 0 auto;
}

.contact-main-wrapper .contact-content {
  margin-right: 30px;
}
@media (max-width: 1399px) {
  .contact-main-wrapper .contact-content {
    margin-right: 0;
  }
}
.contact-main-wrapper .contact-content .info-items {
  display: flex;
  gap: 25px;
}
.contact-main-wrapper .contact-content .info-items .icon {
  font-size: 22px;
  color: var(--theme);
}
.contact-main-wrapper .contact-content .info-items .content h5 {
  margin-bottom: 5px;
}
.contact-main-wrapper .contact-content .info-items .content a {
  color: var(--text);
}
.contact-main-wrapper .contact-content .info-items .content .social-icon {
  gap: 15px;
  position: relative;
  z-index: 9;
  margin-top: 10px;
}
.contact-main-wrapper .contact-content .info-items .content .social-icon a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  display: block;
  background: transparent;
  color: var(--text);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  border: 1px solid var(--border2);
}
.contact-main-wrapper .contact-content .info-items .content .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border: 1px solid transparent;
}
.contact-main-wrapper .contact-content .contact-image {
  margin-top: 50px;
}
.contact-main-wrapper .contact-content .contact-image img {
  width: 100%;
  height: 100%;
}
.contact-main-wrapper .contact-form-items {
  background-color: var(--bg5);
  padding: 55px 45px;
}
.contact-main-wrapper .contact-form-items .contact-title {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .contact-main-wrapper .contact-form-items .contact-title {
    margin-bottom: 20px;
  }
}
.contact-main-wrapper .contact-form-items .contact-title h3 {
  font-size: 38px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .contact-main-wrapper .contact-form-items .contact-title h3 {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .contact-main-wrapper .contact-form-items .contact-title h3 {
    font-size: 28px;
  }
}
.contact-main-wrapper .contact-form-items .form-clt {
  position: relative;
}
.contact-main-wrapper .contact-form-items .form-clt .icon {
  position: absolute;
  top: 18px;
  left: 0;
}
@media (max-width: 575px) {
  .contact-main-wrapper .contact-form-items .form-clt .icon {
    display: none;
  }
}
.contact-main-wrapper .contact-form-items .form-clt .icon i {
  color: var(--header);
}
.contact-main-wrapper .contact-form-items .form-clt input, .contact-main-wrapper .contact-form-items .form-clt textarea {
  width: 100%;
  outline: none;
  border-radius: 0;
  border: none;
  padding: 20px 30px;
  color: var(--text);
  background-color: transparent;
  text-transform: capitalize;
  font-weight: 500;
  border-bottom: 1px solid var(--border2);
}
@media (max-width: 575px) {
  .contact-main-wrapper .contact-form-items .form-clt input, .contact-main-wrapper .contact-form-items .form-clt textarea {
    padding: 15px 20px;
  }
}
.contact-main-wrapper .contact-form-items .form-clt input::placeholder, .contact-main-wrapper .contact-form-items .form-clt textarea::placeholder {
  color: var(--text);
}
.contact-main-wrapper .contact-form-items .form-clt textarea {
  padding: 20px 30px 110px;
}
.contact-main-wrapper .contact-form-items .theme-btn i {
  margin-right: 10px;
}
.contact-main-wrapper .contact-form-items .theme-btn:hover i {
  transform: translate(0);
}

.google-map iframe {
  width: 100%;
  height: 500px;
}

.footer-section {
  position: relative;
}

.footer-top {
  padding: 80px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(230, 230, 230, 0.1);
}
@media (max-width: 991px) {
  .footer-top {
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .footer-top {
    padding: 40px 0;
  }
}
.footer-top ul {
  display: flex;
  align-items: center;
  gap: 55px;
}
@media (max-width: 767px) {
  .footer-top ul {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.footer-top ul li i {
  color: var(--theme);
  margin-right: 5px;
}
.footer-top ul li a {
  color: var(--white);
  font-weight: 500;
}

.footer-widgets-wrapper {
  padding: 90px 0 120px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper {
    padding: 60px 0 90px;
  }
}
@media (max-width: 991px) {
  .footer-widgets-wrapper {
    padding: 50px 0 70px;
  }
}
.footer-widgets-wrapper .single-footer-widget {
  margin-top: 30px;
}
.footer-widgets-wrapper .single-footer-widget .widget-head {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .widget-head {
    margin-bottom: 20px;
  }
}
.footer-widgets-wrapper .single-footer-widget .widget-head h5 {
  text-transform: capitalize;
  margin-top: 10px;
  color: var(--white);
}
.footer-widgets-wrapper .single-footer-widget .widget-head h3 {
  font-size: 32px;
  text-transform: capitalize;
  color: var(--white);
  margin-top: 10px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content p {
  color: var(--text2);
}
@media (max-width: 1399px) {
  .footer-widgets-wrapper .single-footer-widget .footer-content br {
    display: none;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-content span {
  font-weight: 500;
  margin-top: 15px;
  display: inline-block;
  color: var(--text2);
}
@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .footer-content span {
    margin-top: 10px;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-content .link {
  font-size: 16px;
  font-weight: 700;
  color: var(--theme);
  margin-top: 15px;
  display: inline-block;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .footer-content .link {
    margin-top: 10px;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
  margin-top: 40px;
  gap: 15px;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
    margin-top: 20px;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  display: block;
  background: rgba(92, 92, 91, 0.1);
  color: var(--text2);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
}
.footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1399px) {
  .footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .form-clt {
  flex-basis: 70%;
}
@media (max-width: 991px) {
  .footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .form-clt {
    flex-basis: 100% !important;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .form-clt input {
  position: relative;
  padding: 18px 30px;
  border: none;
  outline: none;
  background: rgba(255, 255, 255, 0.03);
  border: 1.2px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  width: 100%;
  font-size: 16px;
  color: var(--text);
  border-radius: 5px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .theme-btn {
  padding: 24px 40px;
}
@media (max-width: 991px) {
  .footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .theme-btn {
    width: 100%;
    text-align: center;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .theme-btn span {
  margin-top: 0;
  color: var(--white);
  transition: all 0.4s ease-in-out;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .theme-btn:hover span {
  color: var(--header);
}
.footer-widgets-wrapper .single-footer-widget .footer-content .label-text {
  color: var(--text2);
  font-weight: 500;
  margin-top: 15px;
  font-size: 16px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .label-text a {
  color: var(--white);
  text-decoration: underline;
}
.footer-widgets-wrapper .single-footer-widget .list-items li {
  text-transform: capitalize;
}
.footer-widgets-wrapper .single-footer-widget .list-items li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-widgets-wrapper .single-footer-widget .list-items li a {
  font-size: 16px;
  color: var(--text2);
  position: relative;
}
.footer-widgets-wrapper .single-footer-widget .list-items li a::before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  content: "";
  border-radius: 50%;
  background-color: var(--theme);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.footer-widgets-wrapper .single-footer-widget .list-items li a:hover {
  padding-left: 20px;
  color: var(--theme);
}
.footer-widgets-wrapper .single-footer-widget .list-items li a:hover::before {
  opacity: 1;
  visibility: visible;
}
.footer-widgets-wrapper .single-footer-widget .footer-address-text p {
  color: var(--text2);
}
.footer-widgets-wrapper .single-footer-widget .footer-address-text h5 {
  padding: 20px 0;
  color: var(--white);
}
.footer-widgets-wrapper .single-footer-widget .footer-address-text h5 a {
  color: var(--white);
}
.footer-widgets-wrapper .single-footer-widget .footer-address-text .link-mail {
  color: var(--text2);
  font-size: 16px;
}
.footer-widgets-wrapper .single-footer-widget .footer-apps-items h5 {
  font-weight: 400;
  color: var(--text);
}
.footer-widgets-wrapper .single-footer-widget .footer-apps-items .apps-image {
  margin-top: 30px;
  gap: 10px;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .footer-apps-items .apps-image {
    margin-top: 20px;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-apps-items .support-text {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .footer-apps-items .support-text {
    margin-top: 20px;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-apps-items .support-text p {
  color: var(--white);
  margin-bottom: 15px;
}
.footer-widgets-wrapper .single-footer-widget .footer-apps-items .support-text h3 {
  font-size: 28px;
}
.footer-widgets-wrapper .single-footer-widget .footer-apps-items .support-text h3 a {
  color: var(--theme);
}

.footer-bottom {
  padding: 20px 0;
  position: relative;
  z-index: 9;
  background-color: var(--theme);
}
@media (max-width: 991px) {
  .footer-bottom .footer-wrapper {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center !important;
    margin-top: 30px;
  }
}
.footer-bottom .footer-wrapper p {
  color: var(--white);
}
.footer-bottom .footer-wrapper p a {
  color: var(--white);
}
.footer-bottom .footer-wrapper .footer-menu {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-bottom .footer-wrapper .footer-menu li a {
  color: var(--white);
  background-image: linear-gradient(var(--white), var(--white));
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.footer-bottom .footer-wrapper .footer-menu li a:hover {
  background-size: 100% 1px;
}
.footer-bottom .scroll-icon {
  position: absolute;
  left: 50%;
  top: -40px;
  transform: translateX(-50%);
  width: 70px;
  height: 70px;
  line-height: 60px;
  background-color: var(--theme);
  border-radius: 50%;
  text-align: center;
  color: var(--white);
  border: 5px solid var(--white);
  display: inline-block;
}
.footer-bottom.style-2 {
  padding: 0;
  background-color: transparent;
  text-align: center;
  padding-bottom: 30px;
  margin-top: -10px;
}
.footer-bottom.style-2 .footer-wrapper {
  display: initial !important;
}

.newsletter-area {
  position: relative;
  z-index: 9;
}
.newsletter-area .newsletter-title {
  text-align: center;
}
.newsletter-area .newsletter-title h2 {
  color: var(--white);
  margin-bottom: 10px;
}
.newsletter-area .newsletter-title p {
  color: var(--white);
}
.newsletter-area .shape-1 {
  position: absolute;
  left: -15%;
  bottom: 4%;
  animation: rounded 6s linear infinite;
}
@media (max-width: 1399px) {
  .newsletter-area .shape-1 {
    display: none;
  }
}
.newsletter-area .shape-2 {
  position: absolute;
  right: -15%;
  bottom: 4%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .newsletter-area .shape-2 {
    display: none;
  }
}
.newsletter-area .newsletter-items {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1399px) {
  .newsletter-area .newsletter-items {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    gap: 20px;
  }
}
.newsletter-area .newsletter-items .form-clt {
  flex-basis: 70%;
}
@media (max-width: 767px) {
  .newsletter-area .newsletter-items .form-clt {
    flex-basis: 100%;
  }
}
.newsletter-area .newsletter-items .form-clt input {
  position: relative;
  padding: 18px 30px;
  border: none;
  outline: none;
  background-color: var(--white);
  width: 100%;
  font-size: 16px;
  color: var(--text);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .newsletter-area .newsletter-items .form-clt input {
    padding: 14px 30px;
  }
}
@media (max-width: 575px) {
  .newsletter-area .newsletter-items .form-clt input {
    padding: 14px 25px;
  }
}
.newsletter-area .newsletter-items .theme-btn {
  padding: 24px 50px;
}
@media (max-width: 767px) {
  .newsletter-area .newsletter-items .theme-btn {
    width: 100%;
    padding: 20px 40px;
  }
}
@media (max-width: 575px) {
  .newsletter-area .newsletter-items .theme-btn {
    padding: 18px 25px;
  }
}/*# sourceMappingURL=main.css.map */
/* ......................................................................... */






/* customization starts */
/* ................................................................... */

.woeking-process .process-items .content p {
    color: rgba(255, 255, 255, 0.8) !important;
}
.center-cta {
    margin-top: 140px;
}
.center-cta .cta-banner-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.center-cta .section-title {
    width: 100%;
}
.center-cta h2 {
    margin: 0 auto;
}
/* Gap between sections */
.feature-icon-box-wrapper {
    margin-bottom: 140px;
}
.process-items::before {
    border: 1px dashed rgba(255, 255, 255, 0.4);
    background: transparent;
}
.circle-bar span,
.circle-bar div:not(.circle-icon) {
    display: none !important;
}
.circle-progress-bar-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}
/* Each item */
.single-circle-bar {
    display: flex;
    align-items: center;
    gap: 25px; /* spacing between icon & text */
    width: 30%;
}
/* Tablet */
@media (max-width: 992px) {
    .single-circle-bar {
        width: 45%;
    }
}
/* Mobile */
@media (max-width: 576px) {
    .single-circle-bar {
        width: 100%;
    }
}
/* Gap between rows */
.circle-progress-bar-wrapper + .circle-progress-bar-wrapper {
    margin-top: 60px !important;
}
.grow-section .circle-bar {
    position: relative;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    background: #ffffff;
    
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Dotted outer ring */
.grow-section .circle-bar::after {
    content: "";
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;

    border: 2px dashed #9ca3af;
    border-radius: 50%;
    opacity: 0.6;
}
/* Icon */
.circle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.circle-icon i {
    font-size: 22px;
    color: #166FD3;
}
/* Text */
.single-circle-bar .content h6 {
    color: #fff;
    margin: 0;
    font-size: 18px;
}
.single-circle-bar .content p {
    display: none;
}
/* Hover */
.circle-bar:hover {
    transform: scale(1.08);
    transition: 0.3s ease;
}
/* FORCE smaller circle */
.grow-section .circle-bar {
    height: 75px !important;
    width: 75px !important;
}
/* FORCE dotted border size */
.grow-section .circle-bar::after {
    top: -8px !important;
    left: -8px !important;
    right: -8px !important;
    bottom: -8px !important;
}
/* FORCE icon size */
.grow-section .circle-icon i {
    font-size: 16px !important;
}
.grow-section.section-bg-3 {
    position: relative;
    background-color: #F8F8F8;
    overflow: hidden;
    padding: 100px 0;
}
/* Glow effects */
.grow-section.section-bg-3::before,
.grow-section.section-bg-3::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(30, 80, 160, 0.5), transparent 70%);
    transform: translateY(-50%);
    filter: blur(80px);
    z-index: 0;
}
.grow-section.section-bg-3::before {
    left: -250px;
}
.grow-section.section-bg-3::after {
    right: -250px;
}
/* Keep content above */
.grow-section .container {
    position: relative;
    z-index: 1;
}
/* Text styling */
.grow-section .section-title {
    text-align: center !important;
}
.grow-section .section-title p {
    color: #ffffff !important;
}
.grow-section .section-title h5 {
    color:#E5E5E5!important;
    font-size: 16px;
    line-height: 1.5;
}
.grow-section .title-section-area {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.grow-section .theme-btn {
    width: 220px;
    padding: 14px 20px;
    text-align: center;
    background-color: #ffffff !important;
    color: #222222 !important;
    border: none !important;
}
.grow-section .theme-btn i {
    color: #222222 !important;
}
.grow-section .theme-btn:hover {
    background-color: #f3f4f6 !important;
}
/* areas of impact */
.case-studies .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
/* 3-column layout */
.case-studies .col-lg-4 {
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
}
/* Remove bootstrap padding */
.case-studies .col-lg-4,
.case-studies .col-md-6 {
    padding: 0 !important;
}
/* Image fix */
.case-studies-items img {
    width: 100%;
    height: auto;
    display: block;
}
/* Responsive */
@media (max-width: 992px) {
    .case-studies .col-lg-4 {
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
}
@media (max-width: 576px) {
    .case-studies .col-lg-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
/* areas of impact section */
 .case-studies {
    background-color: var(--bg2); /* same as technology */
}
.case-studies {
    position: relative;
    overflow: hidden;
}
/* texture image positioning */
.case-studies .line-shape-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.case-studies .line-shape-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.15; /* 👈 control texture visibility */
    pointer-events: none;
}
/* keep content above */
.case-studies .container {
    position: relative;
    z-index: 2;
}
/* who we serve */
/* CARD LAYOUT */
.single-circle-bar {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 30px 50px;   /* ✅ more width */
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(0, 170, 255, 0.2);
    backdrop-filter: blur(6px);
    transition: all 0.4s ease;
    width: 100%;
    height: 100%;
}
/* HOVER EFFECT */
.single-circle-bar:hover {
    transform: translateY(-6px);
    border-color: #00aaff;
    box-shadow: 0 0 20px rgba(0, 170, 255, 0.4);
}
/* ICON WRAPPER */
.circle-bar {
    position: relative;
    flex-shrink: 0;   /* ✅ prevents shape breaking */
}
/* PERFECT CIRCLE ICON */
.circle-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;   /* ✅ important fix */
    border-radius: 50%;
    background: #ffffff;
    color: #0b1c3d;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
/* PERFECT DOTTED CIRCLE (CENTERED FIX) */
.circle-bar::before {
    content: "";
    position: absolute;
    width: 74px;
    height: 74px;
    border: 2px dashed rgba(255,255,255,0.3);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  /* ✅ FIXED alignment */
}
/* TEXT AREA CONTROL */
.content {
    flex: 1;
}
/* TEXT STYLE */
.single-circle-bar .content h6 {
    color: #222222;
    font-size: 18px;
    margin: 0;
    font-weight: 500;
    line-height: 1.4;
}
/* HOVER ICON EFFECT */
.single-circle-bar:hover .circle-icon {
    background: #00aaff;
    color: #fff;
}
/* Hide last 2 counters */
.counter-wrapper-2 .counter-items:nth-child(3),
.counter-wrapper-2 .counter-items:nth-child(4) {
    display: none;
}
/* Align remaining 2 counters to right */
.counter-wrapper-2 {
    display: flex;
    justify-content: flex-end;
    gap: 30px;
}
.custom-metrics-section {
    padding: 100px 0;
}
/* LEFT TEXT */
.custom-metrics-section .section-title span {
    color: #2a7de1;
    font-weight: 600;
    letter-spacing: 1px;
}
.custom-metrics-section .section-title h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}
.custom-metrics-section p {
    color: #666;
    max-width: 520px;
}
/* FULL WIDTH BOX WRAPPER */
.full-width-counter-box {
    margin-top: 50px;
}
/* DARK FULL WIDTH BOX */
.custom-metrics-section .counter-wrapper-2 {
   background: #F8F8F8;
    border-radius: 16px;
    padding: 50px 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
/* COUNTERS */
.custom-metrics-section .counter-items {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
}
/* ICON */
.custom-metrics-section .icon {
    font-size: 28px;
    color: #fff;
}
/* NUMBER */
.custom-metrics-section .counter-items h2 {
    font-size: 40px;
    margin: 0;
    color: #fff;
    min-width: 140px;
    white-space: nowrap;
    text-align: right;
}
/* TEXT */
.custom-metrics-section .counter-items p {
    margin: 0;
    color: #ccc;
}
/* DIVIDER */
.custom-metrics-section .counter-items:first-child {
    border-right: 1px solid rgba(255,255,255,0.2);
    padding-right: 40px;
}
.custom-metrics-section .counter-items:last-child {
    padding-left: 40px;
}
.section-title h2 {
    white-space: nowrap;
}
.custom-metrics-section .single-circle-bar {
     background:#F8F8F8;
    padding: 30px 20px;
    border-radius: 12px;

    text-align: center;

    transition: 0.3s ease;
}
/* HOVER EFFECT */
.custom-metrics-section .single-circle-bar:hover {
    transform: translateY(-6px);
}
/* ICON WRAPPER */
.custom-metrics-section .circle-bar {
    margin-bottom: 15px;
}
/* ICON */
.custom-metrics-section .circle-icon {
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,0.1); /* subtle circle */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
/* ICON COLOR */
.custom-metrics-section .circle-icon i {
    color: #fff;
    font-size: 22px;
}
/* TEXT */
.custom-metrics-section .single-circle-bar h6 {
    color: #222222;
    margin-top: 10px;
    font-size: 22px;
    font-weight: 500;
}
/* Parent card */
.single-circle-bar {
    display: flex;
    align-items: center;   /* vertical align everything */
}
/* Content wrapper */
.single-circle-bar .content {
    flex: 1;
    display: flex;
    align-items: center;   /* vertical center */
    justify-content: center; /* horizontal center */
}
/* Remove default heading spacing */
.single-circle-bar .content h6 {
    margin: 0;
}
/* Parent */
.single-circle-bar {
    display: flex;
    align-items: center; /* vertical center */
}
/* Icon spacing control */
.single-circle-bar .circle-bar {
    margin-right: 15px; /* adjust gap between icon & text */
}
/* Text content */
.single-circle-bar .content {
    flex: 1;
    display: flex;
    align-items: center;   /* vertical center */
    justify-content: flex-start; /* move text near icon */
}
/* Remove default margin */
.single-circle-bar .content h6 {
    margin: 0;
}
/* FULL WIDTH BACKGROUND */
/* COMPACT DARK BOX */
.full-width-counter-box {
    background:#EEEEEE;
    border-radius: 16px;
    margin-top: 40px;
    padding: 25px 40px; /* reduced from 50px 60px */
}
/* INNER FLEX LAYOUT */
.counter-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
/* LEFT TEXT */
.metrics-center-text {
    max-width: 450px;
}
.metrics-center-text h3 {
    color: #222222;
    font-size: 28px;
    margin-bottom: 10px;
}
.metrics-center-text p {
    color: #2E2E2E;
    margin: 0;
}
/* RIGHT COUNTER */
.counter-wrapper-2 {
    display: flex;
    align-items: center;
    gap: 30px;
}
/* COUNTER ITEMS */
.counter-items {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
}
/* ICON */
.counter-items .icon {
    font-size: 26px;
}
/* NUMBER */
.counter-items h2 {
    font-size: 22px;
    margin: 0;
}
/* TEXT */
.counter-items p {
    margin: 0;
    color: #ccc;
}
/* DIVIDER */
.counter-items:first-child {
    border-right: 1px solid rgba(255,255,255,0.2);
    padding-right: 25px;
}
.counter-items:last-child {
    padding-left: 25px;
}
/* PUSH COUNTERS MORE TO RIGHT */
.counter-wrapper-2 {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* move to right */

    gap: 15px; /* reduce space between counters */
}
/* MAKE EACH COUNTER COMPACT */
.counter-items {
    gap: 8px; /* reduce icon-text gap */
}
/* REDUCE DIVIDER SPACE */
.counter-items:first-child {
    padding-right: 15px;
}
.counter-items:last-child {
    padding-left: 15px;
}
/* FULL SECTION BACKGROUND FIX */
.custom-metrics-section {
    background: #EEEEEE !important;
}
/* FORCE WHITE HEADING */
.custom-metrics-section .section-title h2 {
    color: #222222 !important;
}
/* SUBTEXT (SOFT WHITE) */
.custom-metrics-section .mt-3 {
    color: rgba(36, 33, 33, 0.7) !important;
}
/* CENTER EVERYTHING PROPERLY */
.custom-metrics-section .section-title {
    text-align: center;
    width: 100%;
}
/* CENTER HEADING EXACTLY */
.custom-metrics-section .section-title h2 {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}
/* CENTER PARAGRAPH */
.custom-metrics-section .mt-3 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
/* CHANGE COUNTER NUMBER COLOR */
.custom-metrics-section .counter-items h2 {
    color: #222222 !important;
}
.custom-metrics-section .counter-items p {
    color: #3A3A3A;
}
/* CHANGE COUNTER LABEL TEXT */
.custom-metrics-section .counter-items p {
    color: #222222 !important;
}
/* CHANGE ICON COLOR */
.custom-metrics-section .counter-items .icon i {
    color: #222222 !important;
}
/* DARK CIRCLE BACKGROUND */
.custom-metrics-section .circle-bar {
    background: #C8C8C8 !important;
    border-radius: 50%;
}
.custom-metrics-section .circle-bar {
    background: #166FD3 !important;
    border: 1px solid #B5B5B5;
}
/* CHANGE "Who We Serve" HEADING COLOR */
.grow-section .section-title h2 {
    color: #F6F6F6!important;
}
/* CUSTOM DARK BLUE BACKGROUND (SAFE) */
.custom-dark-blue {
    background-color: #020626 !important;
}
/* Override white text */
.grow-section .section-title h2 {
    color: #222222 !important;
}
/* Fix heading color in CTA section */
.custom-dark-blue .section-title.style-2 h2 {
    color: #fff !important;
}
/* FORCE override theme */
.single-it-case-study .case-study-content h4,
.single-it-case-study .case-study-content h4 a {
    font-size: 16px !important;
    line-height: 1.3;
}
.forecast-box-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}
/* Individual Box */
.forecast-box {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 22px;
    border-radius: 12px;
    background: #f4f7ff; /* light blue background */
    border: 1px solid #dbe4ff;
    color: #166FD3; /* main theme blue */
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    cursor: pointer;
}
/* Icon */
.forecast-box i {
    font-size: 16px;
}
/* Hover Effect (Premium Feel) */
.forecast-box:hover {
    background: #166FD3;
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(47, 61, 199, 0.25);
}
.trusted-client-section .forecast-box-wrapper {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 30px;
}
/* BOX STYLE */
.trusted-client-section .forecast-box {
    padding: 18px 22px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(22, 111, 211, 0.15);

    transition: all 0.3s ease;
}
/* TITLE ROW */
.trusted-client-section .forecast-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
/* ICON */
.trusted-client-section .forecast-title i {
    color: #166FD3;
    font-size: 16px;
}
/* TITLE TEXT (USES THEME FONT) */
.trusted-client-section .forecast-title span {
    color: #222222;
    font-weight: 600;
    font-size: 16px;
}
/* SUB POINTS */
.trusted-client-section .forecast-sub {
    padding-left: 22px;
    margin: 0;
}
.trusted-client-section .forecast-sub li {
    font-size: 14px;
    color: #555;
    margin-bottom: 4px;
}
/* HOVER EFFECT */
.trusted-client-section .forecast-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(22, 111, 211, 0.15);
    border-color: #166FD3;
}
/* technology approach section */
.tech-approach-section {
    background: #EEEEEE; /* cream background */
    padding: 80px 0;
}
/* LEFT SIDE */
.tech-left h2 {
    font-size: 38px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 15px;
}
.tech-left p {
    color: #555;
    font-size: 16px;
}
/* RIGHT SIDE WRAPPER */
.tech-box-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* BOX DESIGN */
.tech-box {
    padding: 20px 25px;
    border-radius: 12px;
    background: #ffffff;
    border-left: 4px solid #166FD3;

    transition: 0.3s ease;
}
/* TITLE */
.tech-box h4 {
    color: #222222;
    font-size: 18px;
    margin-bottom: 8px;
}
/* SUB POINTS */
.tech-box ul {
    padding-left: 18px;
    margin: 0;
}
.tech-box ul li {
    font-size: 14px;
    color: #555;
    margin-bottom: 5px;
}
/* HOVER EFFECT */
.tech-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(22, 111, 211, 0.15);
    border-left: 4px solid #166FD3;
}
/* healthcare section */
.healthcare-platform-section {
    text-align: center;
    background-color: #EEEEEE;
}
/* MAIN HEADING */
.main-heading {
    font-size: 42px;
    font-weight: 700;
    color: #222;
    margin-bottom: 40px;
}
/* BUTTONS */
.toggle-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}
.tab-btn {
    padding: 14px 30px;
    border-radius: 10px;
    border: none;
    background: #fff;
    color: #222;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}
/* ACTIVE BUTTON */
.tab-btn.active {
    background: #166FD3;
    color: #fff;
}
/* CONTENT */
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
/* Button base */
.tab-btn {
    position: relative;
}
/* Arrow ONLY for active button */
.tab-btn.active::after {
    content: "";
    position: absolute;
    bottom: -10px;   /* distance below button */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #166FD3;  /* same as button color */
}
/* BOX */
.tech-box {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #eee;
    transition: 0.3s;
}
.tech-box h4 {
    font-size: 18px;
    margin-bottom: 10px;
}
.tech-box p {
    color: #666;
}
/* HOVER */
.tech-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
.custom-right-heading {
    width: 100%;
    text-align: right;
    margin-bottom: 40px;
}
.custom-right-heading h2 {
    margin-bottom: 10px;
}
.custom-right-heading h4 {
    color: #666;
    font-weight: 400;
}
/* Optional mobile fix */
@media (max-width: 768px) {
    .custom-right-heading {
        text-align: center;
    }
}
.tags {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    justify-content: center; /* center align */
    flex-wrap: nowrap; /* ❗ FORCE one line */
    overflow-x: auto; /* safety for small screens */
}
/* small pill */
.tags span {
    font-size: 11px;          /* smaller text */
    padding: 4px 10px;        /* compact size */
    border-radius: 6px;
    background: #f1f5f9;
    color: #166FD3;
    border: 1px solid #dbeafe;
    font-weight: 600;
    white-space: nowrap;      /* ❗ prevent breaking */
}
/* hover */
.tags span:hover {
    background: #166FD3;
    color: #fff;
}
.carbon-box {
    margin-top: 40px;
    width: 100%;
    background: #ffffff;
    /* background: #166FD3; */
    /* background: #020626; */
    border-radius: 16px;
    padding: 18px 20px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}
/* TEXT */
.carbon-box p {
    margin: 0;
    font-size: 16px;
    font-weight: 350;
    /* color: #EEEEEE; */
    color:#5E5F63
}
.carbon-box h4 {
  /* color: #fff; */
  color:#222222
}
/* HEADER ABOVE CARDS */
.custom-service-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
/* LEFT */
.header-left span {
    display: block;
    margin-bottom: 6px;
    color: #166FD3;
    font-weight: 600;
}
.header-left h2 {
    margin: 0;
}
/* RIGHT BUTTON */
.header-right {
    text-align: right;
}
/* RESPONSIVE */
@media (max-width: 768px) {
    .custom-service-header {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    .header-right {
        text-align: center;
    }
}
/* FIX TEXT OVERLAY ISSUE */
.service-wrapper-2 {
    position: relative;
    z-index: 5;
}
/* Push background shapes behind */
.line-shape-2,
.left-shape,
.right-shape {
    position: absolute;
    z-index: 1;
}
/* Fix overlay only */
.service-wrapper-2 {
    position: relative;
    z-index: 5;
}
.line-shape-2,
.left-shape,
.right-shape {
    position: absolute;
    z-index: 1;
}
.custom-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;   /* 🚨 THIS IS THE KEY FIX */
    width: 100%;
}
.header-text {
    display: flex;
    flex-direction: column;
}
.header-text h2 {
    margin: 0;
    white-space: nowrap; /* optional: keeps heading in one line */
}
.header-btn {
    margin-left: auto;
}
/* Prevent button going down */
.header-btn .theme-btn {
    white-space: nowrap;
}
.custom-list {
    list-style: none;
    padding-left: 0;
    text-align: left; 
}
.custom-list li{
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
}
.single-service-style-2:hover .custom-list li {
    color: #ffffff;
}
.custom-list li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #28a745; /* green tick */
    font-weight: bold;
}
/* custom gap */
.custom-carousel-gap .single-it-case-study {
    padding: 0 25px;  /* creates gap effect */
}
/* fix outer alignment */
.custom-carousel-gap {
    margin: 0 -20px;
}
.custom-carousel-gap .owl-stage {
    display: flex;
}
.custom-carousel-gap .owl-item {
    width: 420px !important;   /* increase this */
}
.custom-carousel-gap .single-it-case-study {
    width: 100%;
}
/* government heading */
.gov-section .header-text h2 {
    font-size: 38px;   /* reduce size */
    line-height: 1.3;
}
/* optional: adjust for mobile */
@media (max-width: 768px) {
    .gov-section .header-text h2 {
        font-size: 26px;
    }
}
/* cards */
.custom-feature-card {
    /* background: #eeeeee; */
    background: #fff;
    padding: 25px 20px;
    border-radius: 12px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    transition: all 0.3s ease;
    border: 1px solid #eee;
}
/* icon styling */
.custom-feature-card .icon {
    font-size: 40px;
    color: #0d6efd;
}
/* content */
.custom-feature-card .content h3 {
    font-size: 20px;
    margin-bottom: 8px;
}
.custom-feature-card .content p {
    font-size: 14px;
    color: #666;
}
/* hover effect like bottom cards */
.custom-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
/* active state */
.custom-feature-card.active {
    border-color: #0d6efd;
}
.custom-card-width-wrapper .row {
    justify-content: flex-start; /* align left */
}
.custom-card-width-wrapper .col-lg-6 {
    flex: 0 0 75%;   /* 3/4 width */
    max-width: 75%;
}
.custom-section-title {
    font-size: 22px;
    font-weight: 600;
    color: #222222;
    display: flex;
    align-items: center;
    gap: 8px;
    
}
/* mobile */
@media (max-width: 768px) {
    .single-it-case-study .case-study-content {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%);
        width: 90% !important;
        padding: 15px !important;
    }

}
/* case studies card */
.single-it-case-study .case-study-content {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
    width: 80%;   /* control width */
}
/* MOBILE ADJUSTMENT */
@media (max-width: 768px) {
    .single-it-case-study .case-study-content {
        width: 90%;
        padding: 15px !important;
    }
}
/* /card position */
.single-it-case-study .case-study-content {
    top: 50% !important;
    bottom: auto !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: 80%;
}
.custom-metrics-section-2 {
    padding: 100px 0;
}
/* LEFT TEXT */
.custom-metrics-section-2 .section-title span {
    color: #2a7de1;
    font-weight: 600;
    letter-spacing: 1px;
}
.custom-metrics-section-2 .section-title h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}
.custom-metrics-section-2 p {
    color: #666;
    max-width: 520px;
}
/* FULL WIDTH BOX WRAPPER */
.full-width-counter-box {
    margin-top: 50px;
}
/* DARK FULL WIDTH BOX */
.custom-metrics-section-2 .counter-wrapper-2 {
   background: #F8F8F8;
    border-radius: 16px;
    padding: 50px 70px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 100%;
}
/* COUNTERS */
.custom-metrics-section-2 .counter-items {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
}
/* ICON */
.custom-metrics-section-2 .icon {
    font-size: 28px;
    color: #fff;
}
/* NUMBER */
.custom-metrics-section-2 .counter-items h2 {
    font-size: 40px;
    margin: 0;
    color: #fff;
}
/* TEXT */
.custom-metrics-section-2 .counter-items p {
    margin: 0;
    color: #ccc;
}
/* DIVIDER */
.custom-metrics-section-2 .counter-items:first-child {
    border-right: 1px solid rgba(255,255,255,0.2);
    padding-right: 40px;
}
.custom-metrics-section-2 .counter-items:last-child {
    padding-left: 40px;
}
.section-title h2 {
    white-space: nowrap;
}
/* technology cards */
/* CARD */
.custom-metrics-section-2 .single-circle-bar {
     background:#F8F8F8;
    padding: 30px 20px;
    border-radius: 12px;

    text-align: center;

    transition: 0.3s ease;
}
/* HOVER EFFECT */
.custom-metrics-section-2 .single-circle-bar:hover {
    transform: translateY(-6px);
}
/* ICON WRAPPER */
.custom-metrics-section-2 .circle-bar {
    margin-bottom: 15px;
}
/* ICON */
.custom-metrics-section-2 .circle-icon {
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,0.1); /* subtle circle */
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto;
}
/* ICON COLOR */
.custom-metrics-section-2 .circle-icon i {
    color: #fff;
    font-size: 22px;
}
/* TEXT */
.custom-metrics-section-2 .single-circle-bar h6 {
    color: #222222;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 500;
}
/* FULL SECTION BACKGROUND FIX */
/* .custom-metrics-section-2 {
    background: #EEEEEE !important;
} */
/* FORCE WHITE HEADING */
.custom-metrics-section-2 .section-title h2 {
    color: #222222 !important;
}
/* SUBTEXT (SOFT WHITE) */
.custom-metrics-section-2 .mt-3 {
    color: rgba(36, 33, 33, 0.7) !important;
}
/* CENTER EVERYTHING PROPERLY */
.custom-metrics-section-2 .section-title {
    text-align: center;
    width: 100%;
}
/* CENTER HEADING EXACTLY */
.custom-metrics-section-2 .section-title h2 {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}
/* CENTER PARAGRAPH */
.custom-metrics-section-2 .mt-3 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
/* CHANGE COUNTER NUMBER COLOR */
.custom-metrics-section-2 .counter-items h2 {
    color: #222222 !important;
}
.custom-metrics-section-2 .counter-items p {
    color: #3A3A3A;
}
/* CHANGE COUNTER LABEL TEXT */
.custom-metrics-section-2 .counter-items p {
    color: #222222 !important;
}
/* CHANGE ICON COLOR */
.custom-metrics-section-2 .counter-items .icon i {
    color: #222222 !important;
}
/* DARK CIRCLE BACKGROUND */
.custom-metrics-section-2 .circle-bar {
    background: #C8C8C8 !important;
    border-radius: 50%;
}
.custom-metrics-section-2 .circle-bar {
    background: #166FD3 !important;
    border: 1px solid #B5B5B5;
}
/* ends */
/* ............................................................................................ */





/* ............................................................................................. */
/* web products page starts */
/* qr section */
.qr2-assembly-section {
    padding: 100px 0;
    color: #fff;
    position: relative;
    z-index: 5;
}
.qr2-bg {
    background: url("../img/qr-code-bg.png") center/cover no-repeat;
    position: relative;
}
.qr2-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 0;
}
.qr2-assembly-section .container {
    position: relative;
    z-index: 2;
}
/* QR BOX */
.qr2-scan-box {
    position: relative;
    display: inline-block;
    padding: 20px;
    border-radius: 20px;
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(8px);
}
.qr2-img {
    width: 220px;
    border-radius: 10px;
}
/* SCAN LINE */
.qr2-scan-line {
    position: absolute;
    left: 10%;
    width: 80%;
    height: 3px;
    background: #4da3ff;
    animation: qr2-scan 2s infinite linear;
}
@keyframes qr2-scan {
    0% { top: 10%; }
    50% { top: 80%; }
    100% { top: 10%; }
}
/* CONTENT */
.qr2-content h2 {
    font-size: 34px;
    margin-bottom: 20px;
    color: #F1F1F1;
}
.qr2-content p {
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    color: #dcdcdc;
}
.qr2-list {
    list-style: none;
    padding: 0;
}
.qr2-list li {
    margin-bottom: 12px;
    padding-left: 22px;
    position: relative;
    color: #dcdcdc;
}
.qr2-list li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #4da3ff;
}
/* virtual event section */
.ve-split-section {
    padding: 100px 20px;
    background: #f8fbff;
    font-family: 'Poppins', sans-serif;
}
/* HEADER */
.ve-header {
    text-align: center;
    margin-bottom: 60px;
}
.ve-header h2 {
    font-size: 36px;
    font-weight: 600;
    color: #222;
}
/* ROW STRUCTURE */
.ve-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 80px;
}
/* ALTERNATE */
.ve-row.reverse {
    flex-direction: row-reverse;
}
/* TEXT */
.ve-text {
    flex: 1;
}
.ve-text h3 {
    font-size: 26px;
    margin-bottom: 15px;
    color: #222;
}
.ve-text p {
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    color: #555;
}
/* IMAGE */
.ve-image {
    flex: 1;
    text-align: center;
}
.ve-image img {
    width: 100%;
    max-width: 450px;
    border-radius: 25px;   /* CURVED CORNERS */
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
/* HOVER */
.ve-image img:hover {
    transform: scale(1.03);
}
/* tablet */
@media (max-width: 992px) {
    .ve-split-section {
        padding: 80px 20px;
    }
    .ve-header h2 {
        font-size: 30px;
    }
    .ve-row {
        gap: 40px;
        margin-bottom: 60px;
    }
    .ve-text h3 {
        font-size: 22px;
    }
    .ve-text p {
        font-size: 15px;
    }
    .ve-image img {
        max-width: 380px;
    }
}
/* mobile  */
@media (max-width: 768px) {
    .ve-split-section {
        padding: 60px 15px;
    }
    .ve-row,
    .ve-row.reverse {
        flex-direction: column;
        text-align: center;
        gap: 25px;
        margin-bottom: 50px;
    }
    .ve-header h2 {
        font-size: 26px;
    }
    .ve-text h3 {
        font-size: 20px;
    }
    .ve-text p {
        font-size: 14px;
        text-align: justify;
    }
    .ve-image img {
        max-width: 100%;
        border-radius: 20px;
    }
}
/* small mobile */
@media (max-width: 576px) {
    .ve-header h2 {
        font-size: 24px;
    }
    .ve-text h3 {
        font-size: 18px;
    }
    .ve-text p {
        font-size: 13.5px;
    }
    .ve-row {
        margin-bottom: 40px;
    }
}
/* visitor section */
.visitor-left-section {
    padding: 100px 0;
    background: url("../img/smart-bg.png") center/cover no-repeat;
}
/* LEFT CONTENT (HALF WIDTH) */
.visitor-left-content {
    width: 50%;
    text-align: left;
}
/* TITLE */
.visitor-title {
    font-size: 32px;
    margin-bottom: 20px;
    color: #fff;
}
/* TEXT */
.visitor-text {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 30px;
    color: #f1f5f9; 
}
.visitor-text {
    text-align: justify;
    text-justify: inter-word;
}
/* BOX GRID */
.visitor-boxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
/* BOX */
.visitor-box {
    padding: 15px 18px;
    background: rgba(255, 255, 255, 0.95); /* slight transparency looks premium */
    border-radius: 10px;
    font-size: 15px;
    color: #333;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: 0.3s;
}
/* HOVER */
.visitor-box:hover {
    transform: translateY(-5px);
}
/* tablet */
@media (max-width: 992px) {
    .visitor-left-content {
        width: 70%;
    }
    .visitor-title {
        font-size: 28px;
        color: #222;
    }
    .visitor-text {
        font-size: 15px;
        color: #222;
    }
}
/* mobile */
@media (max-width: 768px) {
    .visitor-left-section {
        padding: 70px 20px;
        background: #f2f2f2 !important;
    }
    .visitor-left-content {
        width: 100%;
    }
    .visitor-boxes {
        grid-template-columns: 1fr;
    }
    .visitor-title {
        font-size: 24px;
        color: 222;
    }
    .visitor-text {
        font-size: 14px;
        color: #444;
    }
}
/* small mobile */
@media (max-width: 576px) {
    .visitor-title {
        font-size: 22px;
        color: #222;
        
    }
    .visitor-box {
        font-size: 14px;

    }
    .visitor-text {
        font-size: 14px;
        color: #222;
    }
}

/* web products page ends */
/* ............................................................................................... */




/* ................................................................................................. */
/* service web page starts */

.webapp-section {
    position: relative;
    padding: 120px 20px;
    background: url("../img/web-bg.png") center/cover no-repeat;
    z-index: 1;
}
/* 🔥 DARK BLUE OVERLAY */
.webapp-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(10, 40, 120, 0.2); /* dark blue shade */
    z-index: 0;
}
/* KEEP CONTENT ABOVE OVERLAY */
.webapp-container {
    position: relative;
    z-index: 2;
}
/* ================= CONTAINER ================= */
.webapp-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 60px;
}
/* ================= LEFT ================= */
.webapp-left {
    flex: 1;
    display: flex;
    justify-content: center;
}
/* BORDER BOX */
.webapp-box {
    padding: 30px;
    border: 2px solid rgba(0,0,0,0.1);
    border-radius: 25px;
     background: transparent;
     /* 🔥 GLASS EFFECT */
    background: rgba(255, 255, 255, 0.08);   /* very light transparent */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    /* 🔥 BLENDED BORDER */
    border: 1px solid rgba(255, 255, 255, 0.2);
    /* 🔥 SOFT SHADOW */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
     /* bg for image */
    /* background: rgba(255,255,255,0.6);
    backdrop-filter: blur(8px); */
}
/* WRAPPER */
.webapp-wrapper {
    position: relative;
    width: 400px;
    height: 400px;
}
/* CENTER IMAGE */
.webapp-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.webapp-center img {
    width: 220px;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}
/* ================= ICONS ================= */
.web-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    animation: floatZoom 4s infinite ease-in-out;
}
/* COLORFUL ICONS */
.web-icon1 { background: #ff6b6b; top: 0; left: 50%; transform: translateX(-50%); animation-delay: 0s; }
.web-icon2 { background: #4dabf7; top: 15%; right: 0; animation-delay: 0.3s; }
.web-icon3 { background: #51cf66; top: 50%; right: -10px; transform: translateY(-50%); animation-delay: 0.6s; }
.web-icon4 { background: #f59f00; bottom: 15%; right: 0; animation-delay: 0.9s; }
.web-icon5 { background: #845ef7; bottom: 0; left: 50%; transform: translateX(-50%); animation-delay: 1.2s; }
.web-icon6 { background: #20c997; bottom: 15%; left: 0; animation-delay: 1.5s; }
.web-icon7 { background: #fa5252; top: 50%; left: -10px; transform: translateY(-50%); animation-delay: 1.8s; }
.web-icon8 { background: #339af0; top: 15%; left: 0; animation-delay: 2.1s; }
.web-icon9 { background: #e64980; top: 5%; left: 25%; animation-delay: 2.4s; }
/* FLOAT + ZOOM ANIMATION */
@keyframes floatZoom {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-12px) scale(1.1);
    }
}
/* ================= RIGHT ================= */
.webapp-right {
    flex: 1;
}
.webapp-right h2 {
    font-size: 34px;
    margin-bottom: 20px;
    color: #222;
    
}
.webapp-right p {
    font-size: 16px;
    line-height: 1.7;

     text-align: justify;        /* ✅ MAIN */
    text-justify: inter-word;
    margin-bottom: 20px;
}
.webapp-right ul {
    list-style: none;
    padding: 0;
}
.webapp-right ul li {
    margin-bottom: 10px;
}
/* tablet */
@media (max-width: 992px) {
    .webapp-container {
        flex-direction: column;
        text-align: center;
    }
    .webapp-wrapper {
        width: 320px;
        height: 320px;
    }
    .webapp-center img {
        width: 180px;
    }
}
/* mobile */
@media (max-width: 576px) {
    /* REMOVE ICONS */
    .web-icon {
        display: none !important;
    }
    .webapp-wrapper {
        width: 100%;
        height: auto;
    }
    .webapp-center {
        position: static;
        transform: none;
    }
    .webapp-center img {
        width: 100%;
        max-width: 260px;
    }
    .webapp-box {
        padding: 20px;
    }
    .webapp-right h2 {
        font-size: 24px;
    }
    .webapp-right p {
        font-size: 14px;
        text-align: justify;
    }
}

/* service web page ends */
/* ................................................................................................ */




/* ................................................................................................ */
/* service mobile page starts */

.mobileapp-box {
    padding: 30px;
    border-radius: 25px;
    /* 🔥 GLASS EFFECT */
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    /* 🔥 SOFT BORDER */
    border: 1px solid rgba(255, 255, 255, 0.25);
    /* 🔥 DEPTH */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}
.mobileapp-section {
    position: relative;
    padding: 120px 20px;
    background: url("../img/web-bg.png") center/cover no-repeat;
    z-index: 1;
}
/* 🔥 DARK BLUE OVERLAY */
.mobileapp-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(10, 40, 120, 0.2);
    z-index: 0;
}
/* KEEP CONTENT ABOVE */
.mobileapp-container {
    position: relative;
    z-index: 2;

    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 60px;
}
/* ================= LEFT ================= */
.mobileapp-left {
    flex: 1;
    display: flex;
    justify-content: center;
}
/* GLASS BORDER BOX */
.mobileapp-box {
    padding: 30px;
    border-radius: 25px;

    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border: 1px solid rgba(255, 255, 255, 0.2);

    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}
/* WRAPPER */
.mobileapp-wrapper {
    position: relative;
    width: 400px;
    height: 400px;
}
/* CENTER IMAGE */
.mobileapp-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mobileapp-center img {
    width: 220px;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}
/* ================= ICONS ================= */
.mobile-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    animation: floatZoom 4s infinite ease-in-out;
}
/* COLORFUL ICONS */
.mobile-icon1 { background: #ff6b6b; top: 0; left: 50%; transform: translateX(-50%); animation-delay: 0s; }
.mobile-icon2 { background: #4dabf7; top: 15%; right: 0; animation-delay: 0.3s; }
.mobile-icon3 { background: #51cf66; top: 50%; right: -10px; transform: translateY(-50%); animation-delay: 0.6s; }
.mobile-icon4 { background: #f59f00; bottom: 15%; right: 0; animation-delay: 0.9s; }
.mobile-icon5 { background: #845ef7; bottom: 0; left: 50%; transform: translateX(-50%); animation-delay: 1.2s; }
.mobile-icon6 { background: #20c997; bottom: 15%; left: 0; animation-delay: 1.5s; }
.mobile-icon7 { background: #fa5252; top: 50%; left: -10px; transform: translateY(-50%); animation-delay: 1.8s; }
.mobile-icon8 { background: #339af0; top: 15%; left: 0; animation-delay: 2.1s; }
.mobile-icon9 { background: #e64980; top: 5%; left: 25%; animation-delay: 2.4s; }
/* ANIMATION */
@keyframes floatZoom {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-12px) scale(1.1);
    }
}
/* ================= RIGHT ================= */
.mobileapp-right {
    flex: 1;
}
.mobileapp-right h2 {
    font-size: 34px;
    margin-bottom: 20px;
    color: #222;
}
.mobileapp-right p {
    font-size: 16px;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-word;
    margin-bottom: 20px;
}
.mobileapp-right ul {
    list-style: none;
    padding: 0;
}
.mobileapp-right ul li {
    margin-bottom: 10px;
}
/* tablet */
@media (max-width: 992px) {
    .mobileapp-container {
        flex-direction: column;
        text-align: center;
    }
    .mobileapp-wrapper {
        width: 320px;
        height: 320px;
    }
    .mobileapp-center img {
        width: 180px;
    }
    .mobileapp-right h2 {
        font-size: 28px;
    }
    .mobileapp-right p {
        font-size: 15px;
        text-align: justify;
    }
}
/* mobile */
@media (max-width: 576px) {
    /* REMOVE ICONS */
    .mobile-icon {
        display: none !important;
    }
    .mobileapp-wrapper {
        width: 100%;
        height: auto;
    }
    .mobileapp-center {
        position: static;
        transform: none;
        text-align: center;
    }
    .mobileapp-center img {
        width: 100%;
        max-width: 260px;
    }
    .mobileapp-box {
        padding: 20px;
    }
    .mobileapp-right h2 {
        font-size: 24px;
    }
    .mobileapp-right p {
        font-size: 14px;
        text-align: justify;
    }
}

/* service mobile page ends */
/* ................................................................................................. */





/* .................................................................................................. */
/* service hrms page starts */

.erp-main-section {
padding: 100px 20px;
font-family: 'Poppins', sans-serif;
}
/* BACKGROUND OVERLAY */
.erp-bg {
position: relative;
}
.erp-bg::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.12);
z-index: 0;
}
/* MAIN CONTAINER */
.erp-main-container {
position: relative;
z-index: 1;
max-width: 1200px;
margin: auto;
display: flex;
align-items: center;
gap: 50px;
}
/* LEFT */
.erp-left {
flex: 1;
position: relative;
}
/* LEFT OVERLAY */
.erp-left::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.22);
border-radius: 20px;
z-index: 0;
}
/* RIGHT */
.erp-right {
flex: 1;
}
.erp-right h2 {
font-size: 32px;
margin-bottom: 20px;
}
.erp-right p {
font-size: 16px;
line-height: 1.7;
margin-bottom: 15px;
text-align: justify;
}
.erp-right ul {
list-style: none;
padding: 0;
}
.erp-right ul li {
margin-bottom: 10px;
}
/* circle section */
.erp-circle-section {
position: relative;
z-index: 1;
padding: 40px 20px;
}
.erp-circle-container {
max-width: 600px;
margin: auto;
position: relative;
height: 500px;
}
/* CENTER IMAGE */
.erp-circle-center {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.erp-circle-center img {
width: 220px;
border-radius: 20px;
}
/* TEXT BELOW IMAGE */
.erp-circle-info-text {
position: absolute;
top: 65%;
left: 50%;
transform: translateX(-50%);
z-index: 5;
}
#erp-circle-text {
font-size: 18px;
font-weight: 600;
color: #1f4fa3;
background: rgba(255,255,255,0.9);
padding: 6px 14px;
border-radius: 6px;
}
/* CENTER LINE */
.erp-circle-container::before {
content: "";
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 3px;
background: #1f4fa3;
transform: translateX(-50%);
}
/* ROWS */
.erp-circle-top,
.erp-circle-bottom {
position: absolute;
width: 100%;
display: flex;
justify-content: space-between;
}
.erp-circle-top { top: 0; }
.erp-circle-bottom { bottom: 0; }
/* ITEMS */
.erp-circle-item {
width: 120px;
display: flex;
justify-content: center;
position: relative;
}
/* CIRCLE */
.erp-circle {
width: 120px;
height: 120px;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
color: #fff;
font-size: 12px;
text-align: center;
transition: 0.4s;
}
/* ACTIVE ANIMATION */
.erp-circle.active {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(31,79,163,0.5);
}
/* COLORS */
.red { background: #ff5c5c; }
.blue { background: #1f4fa3; }
.green { background: #2ecc71; }
.purple { background: #9b59b6; }
/* CONNECTORS */
/* alt section starts */
.alt-section {
    padding: 100px 0;
}
/* EACH ROW FULL WIDTH STRIP */
.alt-row {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 60px 20px;   /* 🔥 gives section feel */
}
/* GREY BACKGROUND */
.alt-grey {
    background: #e7e8e9;
}
/* ALTERNATE */
.alt-row.reverse {
    flex-direction: row-reverse;
}
/* IMAGE */
.alt-img {
    flex: 1;
}
.alt-img img {
    width: 100%;
    border-radius: 15px;
}
/* TEXT */
.alt-text {
    flex: 1;
}
.alt-text h3 {
    margin-bottom: 15px;
}
.alt-text p {
    line-height: 1.7;
    text-align: justify;
}
/* tablet */
@media (max-width: 992px) {
    .alt-row,
    .alt-row.reverse {
        flex-direction: column;
        text-align: center;
    }
    .alt-row {
        padding: 40px 20px;
    }
}
/* mobile */
@media (max-width: 576px) {
    .alt-row {
        padding: 30px 15px;
    }
    .alt-text p {
        font-size: 14px;
    }
}
/* tablet */
@media (max-width: 992px) {
.erp-main-container {
flex-direction: column;
text-align: center;
}
.erp-left,
.erp-right {
width: 100%;
}
/* CLEAN CARD */
.erp-circle-top,
.erp-circle-bottom {
display: none !important;
}
.erp-circle-container::before {
display: none;
}
.erp-circle-container {
height: auto;
padding: 20px;
border: 1.5px solid rgba(31,79,163,0.15);
border-radius: 15px;
background: #fff;
}
.erp-circle-center {
position: static;
transform: none;
margin-bottom: 15px;
}
.erp-circle-info-text {
position: static;
transform: none;
}
/* ALT */
.alt-row {
flex-direction: column;
text-align: center;
}
.alt-row.reverse {
flex-direction: column;
}
}
/* mobile */
@media (max-width: 576px) {
.erp-circle {
display: none;
}
#erp-circle-text {
font-size: 15px;
}
.erp-right h2 {
font-size: 24px;
}
.erp-right p {
font-size: 14px;
}
}

/* service hrms page ends */
/* .................................................................................................... */




/* .................................................................................................... */
/* service erp page starts */

.erp-section {
padding: 100px 20px;
font-family: 'Poppins', sans-serif;
}
/* BACKGROUND OVERLAY */
.erp-bg {
position: relative;
}
.erp-bg::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.12);
z-index: 0;
}
/* CONTAINER */
.erp-container {
max-width: 600px;
margin: auto;
position: relative;
height: 500px;
z-index: 1;
}
/* CENTER IMAGE */
.erp-center {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.erp-center img {
width: 220px;
border-radius: 20px;
}
/* TEXT BELOW IMAGE */
.erp-info-text {
position: absolute;
top: 65%;
left: 50%;
transform: translateX(-50%);
z-index: 5;
}
#erp-text {
font-size: 18px;
font-weight: 600;
color: #1f4fa3;
background: rgba(255,255,255,0.9);
padding: 6px 14px;
border-radius: 6px;
}
/* CENTER LINE */
.erp-container::before {
content: "";
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 3px;
background: #1f4fa3;
transform: translateX(-50%);
}
/* ROWS */
.erp-top,
.erp-bottom {
position: absolute;
width: 100%;
display: flex;
justify-content: space-between;
}
.erp-top { top: 0; }
.erp-bottom { bottom: 0; }
/* ITEMS */
.erp-item {
width: 130px;
display: flex;
justify-content: center;
position: relative;
}
/* 🔥 RECTANGLE BOX (MAIN CHANGE) */
.erp-box {
width: 130px;
height: 90px;
border-radius: 18px; /* curved corners */
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
color: #fff;
font-size: 12px;
text-align: center;
transition: 0.4s;
}
/* ACTIVE */
.erp-box.active {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(31,79,163,0.5);
}
/* COLORS */
.red { background: #ff5c5c; }
.blue { background: #1f4fa3; }
.green { background: #2ecc71; }
.purple { background: #9b59b6; }
/* CONNECTORS */
.erp-top .erp-item::after {
content: "";
position: absolute;
top: 90px;
left: 50%;
height: 70px;
border-left: 2px dashed #666;
transform: translateX(-50%);
}
.erp-bottom .erp-item::before {
content: "";
position: absolute;
bottom: 90px;
left: 50%;
height: 70px;
border-left: 2px dashed #666;
transform: translateX(-50%);
}
/* tablet */
@media (max-width: 992px) {
.erp-top,
.erp-bottom {
display: none !important;
}
.erp-container::before {
display: none;
}
.erp-container {
height: auto;
padding: 20px;
border: 1.5px solid rgba(31,79,163,0.15);
border-radius: 15px;
background: #fff;
}
.erp-center {
position: static;
transform: none;
margin-bottom: 15px;
}
.erp-info-text {
position: static;
transform: none;
}
}
/* mobile */
@media (max-width: 576px) {
.erp-box {
display: none;
}
#erp-text {
font-size: 15px;
}
}

/* service erp page ends */
/* ...................................................................................................... */





/* ..................................................................................................... */
/* service crm page starts */

.crm-section-v2 {
  padding: 120px 40px;
  background: #f4f6fb;
  font-family: 'Poppins', sans-serif;
}
.crm-container-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: auto;
  gap: 60px;
}
/* LEFT */
.crm-left-v2 {
  width: 50%;
  display: flex;
  justify-content: center;
}
/* GLASS BOX */
.crm-glass-box {
  position: relative;
  width: 500px;
  height: 500px;
  border-radius: 25px;
  background: rgba(255,255,255,0.25);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,0.4);
  box-shadow: 0 10px 40px rgba(31,79,163,0.15);
  overflow: hidden;
  animation: floatBox 6s ease-in-out infinite;
}
/* DOT OVERLAY */
.crm-dots {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(#d0d7f5 1px, transparent 1px);
  background-size: 20px 20px;
  opacity: 0.4;
}
/* FLOAT */
@keyframes floatBox {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}
/* CIRCLE */
.crm-circle {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 60px;
}
/* CENTER IMAGE */
.crm-center-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.crm-center-img img {
  width: 180px;
  border-radius: 20px;
}
.crm-center-img h3 {
  margin-top: 10px;
  color: #1f4fa3;
}
/* NODE */
.crm-node {
  position: absolute;
  width: 110px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* ICON */
.crm-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: auto;
  animation: zoomPulse 4s infinite;
}
/* TEXT */
.crm-node span {
  margin-top: 8px;
  font-size: 13px;
  color: #444;
}
/* COLORS */
.red { background: #ff5c5c; }
.blue { background: #1f4fa3; }
.green { background: #2ecc71; }
.purple { background: #9b59b6; }
.orange { background: #f39c12; }
.pink { background: #e84393; }
.dark { background: #2d3436; }
/* ZOOM */
.node1 .crm-icon { animation-delay: 0s; }
.node2 .crm-icon { animation-delay: 0.5s; }
.node8 .crm-icon { animation-delay: 1s; }
.node3 .crm-icon { animation-delay: 1.5s; }
.node4 .crm-icon { animation-delay: 2s; }
.node5 .crm-icon { animation-delay: 2.5s; }
.node6 .crm-icon { animation-delay: 3s; }
.node7 .crm-icon { animation-delay: 3.5s; }
@keyframes zoomPulse {
  0%, 80%, 100% { transform: scale(1); }
  40% { transform: scale(1.25); }
}
/* POSITIONS */
.node1 { top: 10px; left: 48%; transform: translateX(-50%); }
.node2 { top: 80px; right: 30px; }
.node8 { top: 80px; left: 30px; }
.node3 { top: 48%; right: 10px; transform: translateY(-50%); }
.node4 { bottom: 80px; right: 30px; }
.node5 { bottom: 10px; left: 48%; transform: translateX(-50%); }
.node6 { bottom: 80px; left: 30px; }
.node7 { top: 48%; left: 10px; transform: translateY(-50%); }
/* RIGHT TEXT */
.crm-right-v2 {
  width: 50%;
  max-width: 550px;
}
.crm-right-v2 h2 {
  font-size: 32px;
  color: #1f4fa3;
  margin-bottom: 20px;
}
.crm-right-v2 p {
  font-size: 15px;
  color: #444;
  line-height: 1.8;
  margin-bottom: 15px;
  text-align: justify;
}
/* mobile */
@media (max-width: 992px) {
  /* REMOVE SIDE PADDING ONLY HERE */
  .crm-section-v2 {
    padding: 80px 0;
  }
  .crm-container-v2 {
    flex-direction: column;
    gap: 30px;
  }
  .crm-left-v2 {
    width: 100%;
    justify-content: center;
  }
  .crm-glass-box {
    width: 280px;
    height: 280px;
  }
  /* 🔥 KEY FIX */
  .crm-right-v2 {
    width: 100%;
  max-width: 100%;
  padding: 0 15px; /* NO SIDE PADDING */
  }
  .crm-right-v2 h2 {
    font-size: 24px;
  }
  .crm-right-v2 p {
    font-size: 14px;
    text-align: justify;
  }
  /* HIDE ICONS */
  .crm-node {
    display: none;
  }
}

/* service crm page ends  */
/* ........................................................................................................ */





/* ......................................................................................................... */
/* enterprise erp page starts */
/* ai feature section */
.ai-feature-section,
.ai-feature-section-rev {
padding: 100px 20px;
}
/* WRAPPER */
.ai-feature-wrapper,
.ai-feature-wrapper-rev {
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
}
/* IMAGE SIDE */
.ai-image,
.ai-image-rev {
flex: 1;
position: relative;
}
.ai-image img,
.ai-image-rev img {
width: 100%;
border-radius: 20px;
}
/* SMALL OVERLAY IMAGE */
.ai-image-overlay,
.ai-image-overlay-rev {
position: absolute;
bottom: -20px;
right: -20px;
}
.ai-image-overlay img,
.ai-image-overlay-rev img {
width: 120px;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
/* CONTENT */
.ai-content,
.ai-content-rev {
flex: 1;
}
/* TAG */
.tag {
display: inline-block;
background: rgba(31,79,163,0.1);
color: #1f4fa3;
padding: 6px 14px;
border-radius: 20px;
font-size: 13px;
margin-bottom: 10px;
}
/* HEADING */
.ai-content h2,
.ai-content-rev h2 {
font-size: 34px;
margin-bottom: 15px;
}
/* TEXT */
.ai-content p,
.ai-content-rev p {
font-size: 16px;
line-height: 1.7;
margin-bottom: 20px;
text-align: justify;
}
/* LIST */
.ai-list,
.ai-list-rev {
list-style: none;
padding: 0;
}
.ai-list li,
.ai-list-rev li {
margin-bottom: 10px;
font-size: 15px;
position: relative;
padding-left: 20px;
}
.ai-list li::before,
.ai-list-rev li::before {
content: "✔";
position: absolute;
left: 0;
color: #1f4fa3;
}
/* reverse handling */
.ai-feature-wrapper-rev {
flex-direction: row-reverse;
}
/* tablet */
@media (max-width: 992px) {
.ai-feature-wrapper,
.ai-feature-wrapper-rev {
flex-direction: column;
text-align: center;
gap: 40px;
}
.ai-image-overlay,
.ai-image-overlay-rev {
position: static;
margin-top: 10px;
}
.ai-image-overlay img,
.ai-image-overlay-rev img {
width: 100px;
}
.ai-content h2,
.ai-content-rev h2 {
font-size: 28px;
}
.ai-content p,
.ai-content-rev p {
font-size: 15px;
}
}
/* mobile */
@media (max-width: 576px) {
.ai-feature-section,
.ai-feature-section-rev {
padding: 60px 15px;
}
.ai-content h2,
.ai-content-rev h2 {
font-size: 24px;
}
.ai-content p,
.ai-content-rev p {
font-size: 14px;
}
.ai-list li,
.ai-list-rev li {
font-size: 14px;
}
}

/* enterprise erp page ends */
/* .......................................................................................................... */





/* .......................................................................................................... */
/* digital platforms page starts */

.platform-section {
padding: 120px 20px;
background: #f4f7ff;
}
/* HEADER */
.section-header {
text-align: center;
margin-bottom: 60px;
}
.section-header h5 {
color: #1f4fa3;
font-size: 14px;
letter-spacing: 2px;
}
.section-header h3 {
font-size: 32px;
margin-top: 10px;
}
/* WRAPPER */
.platform-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
position: relative;
}
/* CENTER CARD */
.platform-card {
flex: 1;
max-width: 380px;
background: #fff;
padding: 30px;
border-radius: 20px;
box-shadow: 0 15px 40px rgba(0,0,0,0.1);
text-align: center;
}
.platform-content p {
font-size: 15px;
line-height: 1.7;
}
/* SIDE */
.side {
flex: 1;
display: flex;
flex-direction: column;
gap: 40px;
}
/* ITEM */
.side-item {
display: flex;
align-items: center;
gap: 15px;
position: relative;
}
/* LEFT ALIGN */
.left .side-item {
justify-content: flex-end;
text-align: right;
}
/* RIGHT ALIGN */
.right .side-item {
justify-content: flex-start;
}
/* ICON */
.icon-circle {
width: 55px;
height: 55px;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
z-index: 2;
}
.icon-circle img {
width: 28px;
}
/* TEXT BOX */
.side-box {
background: #fff;
padding: 10px 16px;
border-radius: 20px;
font-size: 13px;
box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
/* ================= DOTTED CONNECTOR ================= */
/* LEFT LINE */
.left .side-item::after {
content: "";
position: absolute;
right: -40px;
top: 50%;
width: 60px;
border-top: 2px dashed #bbb;
transform: translateY(-50%);
}
/* RIGHT LINE */
.right .side-item::before {
content: "";
position: absolute;
left: -40px;
top: 50%;
width: 60px;
border-top: 2px dashed #bbb;
transform: translateY(-50%);
}
/* animation */
.animate-item {
opacity: 0;
transform: translateY(30px);
transition: all 0.6s ease;
}
.animate-item.show {
opacity: 1;
transform: translateY(0);
}
/* tablet */
@media (max-width: 992px) {
.platform-wrapper {
flex-direction: column;
gap: 50px;
}
.side {
width: 100%;
align-items: center;
}
.side-item {
justify-content: center !important;
text-align: center !important;
}
/* REMOVE LINES */
.side-item::before,
.side-item::after {
display: none !important;
}
.platform-card {
max-width: 100%;
}
}
/* mobile */
@media (max-width: 576px) {
.platform-section {
padding: 60px 15px;
}
.section-header h3 {
font-size: 24px;
}
.side {
gap: 25px;
}
.icon-circle {
width: 50px;
height: 50px;
}
.side-box {
font-size: 12px;
padding: 8px 12px;
}
}

/* digital platforms page ends */
/* ........................................................................................................... */





/* .......................................................................................................... */
/* certifications page starts */
/* ================= SECTION ================= */
.certificate-section {
    padding: 120px 20px;
    background: #f4f7ff;
    text-align: center;
    overflow: hidden;
}

/* ================= WRAPPER ================= */
.certificate-wrapper {
    max-width: 1000px;
    margin: auto;
}

/* ================= SLICK FIX ================= */
.certificate-carousel .slick-track {
    display: flex;
    align-items: center;
}

/* 🔥 VERY IMPORTANT FIX */
.certificate-carousel .slick-slide {
    display: block !important;          /* FIX layout */
    width: 100% !important;             /* FIX small width (261px issue) */
    padding: 20px 10px;
}

/* REMOVE ANY OLD EFFECTS */
.certificate-carousel .slick-slide {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* ================= ITEM ================= */
.certificate-item {
    display: flex;
    flex-direction: column;             /* STACK IMAGE + TEXT */
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}

/* ================= IMAGE ================= */
.certificate-item img {
    width: 100%;
    max-width: 750px;                  /* BIG clean look */
    height: auto;
    border-radius: 14px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2);
    transition: 0.3s ease;
    cursor: pointer;
}

/* HOVER */
.certificate-item img:hover {
    transform: scale(1.02);
}

/* ================= TEXT ================= */
.certificate-item h4 {
    margin-top: 18px;
    font-size: 22px;
    color: #1f4fa3;
    font-weight: 600;
}

.certificate-item span {
    font-size: 15px;
    color: #666;
}

/* ================= DOTS FIX ================= */
.slick-dots {
    bottom: -30px;
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.slick-dots li button:before {
    font-size: 10px;
    color: #1f4fa3;
}

/* ================= MODAL ================= */
.cert-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    inset: 0;
    background: rgba(0,0,0,0.92);
    justify-content: center;
    align-items: center;
}

.cert-modal img {
    max-width: 90%;
    max-height: 85%;
    border-radius: 12px;
}

.cert-modal .close {
    position: absolute;
    top: 25px;
    right: 35px;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
}

/* ================= RESPONSIVE ================= */

/* TABLET */
@media (max-width: 992px) {
    .certificate-section {
        padding: 80px 20px;
    }

    .certificate-wrapper {
        max-width: 90%;
    }

    .certificate-item img {
        max-width: 500px;
    }

    .certificate-item h4 {
        font-size: 20px;
    }
}

/* MOBILE */
@media (max-width: 576px) {
    .certificate-section {
        padding: 60px 15px;
    }

    .certificate-item img {
        max-width: 100%;
    }

    .certificate-item h4 {
        font-size: 16px;
    }

    .certificate-item span {
        font-size: 13px;
    }
}
/* certifications page ends */
/* .......................................................................................................... */





/* ....................................................................................................... */
/* ai product page starts */
/* invoice section */
/* SECTION BACKGROUND */
/* SECTION BACKGROUND */
.invoice-section {
    padding: 100px 0;
    position: relative;
    background: url('../img/bg-ai-product.png') no-repeat center center/cover;
}

/* OVERLAY (UPDATED TO SOFT GREY LIKE SENTIMENT) */
.invoice-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(238, 241, 245, 0.70); /* ✅ soft grey overlay */
    z-index: 0;
}

/* KEEP THIS */
.invoice-section .container {
    position: relative;
    z-index: 2;
}
/* HEADER */
.invoice-header {
    margin-bottom: 50px;
}
.invoice-heading {
    font-size: 32px;
    font-weight: 600;
}
.invoice-subtext {
    max-width: 600px;
    margin: 10px auto;
    color: #222;
    font-size: 15px;
}
/* FLOW WRAPPER */
.invoice-flow {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
}
/* SVG LINE (CENTER FIXED) */
.flow-line {
    position: absolute;
    top: 0.1px; /* perfectly through icon center */
    left: 0;
    width: 100%;
    height: 120px;
    z-index: 1;
}
/* FLOW ITEM */
.flow-item {
    text-align: center;
    position: relative;
    z-index: 2;
    width: 150px;
}
/* ICON */
.icon-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    color: #fff;
    font-size: 22px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
/* TEXT */
.flow-item h6 {
    margin-top: 10px;
    font-weight: 600;
}
.flow-item p {
    font-size: 13px;
    color: #222;
}
/* COLORS (IMPORTANT - THIS FIXES WHITE ICON ISSUE) */
.blue { background: #1f4fa3; }
.light-blue { background: #3b82f6; }
.cyan { background: #06b6d4; }
.green { background: #22c55e; }
.pink { background: #ec4899; }
.yellow { background: #f59e0b; }
/* tablet */
@media (max-width: 992px) {
    .invoice-flow {
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
    }
    .flow-line {
        display: none;
    }
}
/* mobile */
@media (max-width: 576px) {
    .invoice-section {
        padding: 60px 20px;
    }
    .invoice-heading {
        font-size: 24px;
        line-height: 1.3;
    }
    .invoice-subtext {
        font-size: 14px;
        padding: 0 10px;
    }
    .invoice-flow {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }
    .flow-item {
        width: 100%;
        max-width: 220px;
    }
    .icon-circle {
        width: 60px;
        height: 60px;
        font-size: 18px;
    }
}
@keyframes floatIcon {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
    100% { transform: translateY(0px); }
}
.icon-circle {
    animation: floatIcon 2.5s ease-in-out infinite;
}
/* animation */
@keyframes glowPulse {
    0% {
        box-shadow: 0 10px 25px rgba(0,0,0,0.15);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 25px rgba(59,130,246,0.6),
                    0 0 40px rgba(59,130,246,0.4);
        transform: scale(1.08);
    }
    100% {
        box-shadow: 0 10px 25px rgba(0,0,0,0.15);
        transform: scale(1);
    }
}
/* APPLY SEQUENCE (FAST LOOP) */
.flow-item:nth-child(2) .icon-circle { animation-delay: 0s, 0s; }
.flow-item:nth-child(3) .icon-circle { animation-delay: 0.2s, 0.2s; }
.flow-item:nth-child(4) .icon-circle { animation-delay: 0.4s, 0.4s; }
.flow-item:nth-child(5) .icon-circle { animation-delay: 0.6s, 0.6s; }
.flow-item:nth-child(6) .icon-circle { animation-delay: 0.8s, 0.8s; }
.flow-item:nth-child(7) .icon-circle { animation-delay: 1s, 1s; }
/* combine animations */
.icon-circle {
    animation: floatIcon 2.5s ease-in-out infinite,
               glowPulse 1.5s ease-in-out infinite;
}
/* invoice section ends */
/* ml section starts*/
.ml-section {
    padding: 100px 0;
    background: #0b1d3a; /* DARK BLUE */
}
/* HEADER */
.ml-header {
    text-align: center;
    margin-bottom: 50px;
}
.ml-title {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
}
.ml-subtext {
    color: #cbd5e1;
}
/* WRAPPER (KEEP IMAGE RIGHT) */
.ml-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}
/* IMAGE */
.ml-image img {
    width: 100%;
    border-radius: 15px;
}
/* STEPS GRID */
.ml-steps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}
/* STEP BOX */
.ml-step {
    display: flex;
    gap: 15px;
    align-items: center; /* center vertically */
    background: #12284d;
    padding: 18px 22px; /* more horizontal padding */
    border-radius: 14px;
    transition: 0.3s ease;

    min-height: 90px;
}
/* OPTIONAL: increase width feel */
.ml-steps {
    gap: 20px 30px; /* more horizontal spacing */
}
/* HOVER */
.ml-step:hover {
    transform: translateY(-4px);
    background: #163266;
}
/* NUMBER */
.ml-step span {
    font-size: 20px;
    font-weight: bold;
    color: #4da3ff;
    min-width: 35px;
}
/* TEXT */
.ml-step h6 {
    margin-bottom: 5px;
    color: #fff;
}
.ml-step p {
    font-size: 13px;
    color: #cbd5e1;
    /*ml justify */
    /* text-align: justify; */
}
.ml-step:nth-child(1) { order: 1; }
.ml-step:nth-child(3) { order: 2; }
.ml-step:nth-child(5) { order: 3; }
.ml-step:nth-child(2) { order: 4; }
.ml-step:nth-child(4) { order: 5; }
.ml-step:nth-child(6) { order: 6; }
@media (max-width: 992px) {
    .ml-wrapper {
        flex-direction: column;
    }
}
/* MOBILE */
@media (max-width: 576px) {
    .ml-section {
        padding: 70px 15px;
    }
    .ml-title {
        font-size: 26px;
    }
    .ml-steps {
        grid-template-columns: 1fr; /* SINGLE COLUMN */
    }
}
/* ml section ends */
/* sentiment section */
.sentiment-section {
    padding: 100px 0;
    position: relative;
    z-index: 1;
    background: #e9ecef;
}
.sentiment-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}
.sentiment-content {
    text-align: justify;
}
.sentiment-content h2 {
    font-size: 32px;
    margin-bottom: 10px;
}
.subtext,
.desc,
.features li {
    color: #000;
}
.subtext {
    margin-bottom: 10px;
}
.desc {
    margin-bottom: 15px;
}
.features {
    list-style: none;
    padding: 0;
}
.features li {
    margin-bottom: 8px;
}
.sentiment-visual {
    position: relative;
    width: 360px;
    height: 300px;
    margin: 0 auto;   /* center block */
}
/* IMAGE BOX */
.circle-img {
    position: absolute;
    width: 160px;
    height: 110px;
    border-radius: 12px;
    overflow: hidden;
    animation: floatUpDown 3s ease-in-out infinite;
}
/* IMAGE FIT */
.circle-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* TOP CENTER (with FIXED animation transform) */
.positive {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    animation: floatUpDownX 3s ease-in-out infinite;
}
/* BOTTOM LEFT */
.neutral {
    bottom: 40px;
    left: 0;
    animation-delay: 0.5s;
}
/* BOTTOM RIGHT */
.negative {
    bottom: 40px;
    right: 0;
    animation-delay: 1s;
}
@keyframes floatUpDown {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}
/* FIX for centered top image */
@keyframes floatUpDownX {
    0% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-10px); }
    100% { transform: translateX(-50%) translateY(0); }
}
/* tablet */
@media (max-width: 992px) {
    .ml-wrapper,
    .sentiment-wrapper {
        flex-direction: column;
        text-align: center;
    }
}
/* mobile */
@media (max-width: 576px) {
    .sentiment-section {
        padding: 60px 20px;
    }
    .sentiment-visual {
        position: static;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
        width: 100%;
        height: auto;
    }
    .circle-img {
        position: static;
        width: 45%;
        height: 100px;
        animation: none; /* optional: remove float for stability */
    }
    .positive {
        width: 100%;
        max-width: 130px;
        margin: 0 auto;   /* ✅ centers horizontally */
        transform: none;  /* ❌ remove translateX issue */
    }
}
/* sentiment section */
/* ai products page ends */
/* ........................................................................................................ */





/* .......................................................................................................... */
/* agriculture platforms page starts */
.custom-split-section {
padding: 100px 0;
position: relative;
overflow: hidden;
}
/* default background */
.custom-split-section::before {
content: "";
position: absolute;
inset: 0;
background: url('../img/bg-pattern.png') no-repeat center/cover;
opacity: 0.15;
z-index: 0;
}
.custom-split-section::after {
content: "";
position: absolute;
inset: 0;
background: rgba(10, 25, 60, 0.25);
z-index: 1;
}
/* agriculture bg only for reveal */
.custom-split-section.reveal::before {
background: url('../img/agriculture/bg.avif') no-repeat center/cover;
opacity: 1;
}
.custom-split-section.reveal::after {
background: rgba(10, 25, 60, 0.4);
}
/* remove bg */
.custom-split-section.no-bg::before,
.custom-split-section.no-bg::after {
display: none;
}
/*container */
.split-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 80px;
position: relative;
z-index: 2;
}
.split-wrapper.reverse {
flex-direction: row-reverse;
}
/* text */
.split-text {
flex: 1;
text-align: justify;
}
.split-text h2 {
font-size: 34px;
font-weight: 600;
margin-bottom: 15px;
color: #fff;
text-align: left;
}
.split-text p {
font-size: 16px;
line-height: 1.7;
color: #e5e7eb;
text-align: justify;
}
/* image */
.split-image {
flex: 1;
text-align: center;
}
.split-image img {
width: 100%;
max-width: 450px;
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0,0,0,0.3);
transition: transform 0.4s ease;
}
.split-image img:hover {
transform: scale(1.05);
}
/* reveal animation */
.reveal {
opacity: 0;
transform: translateY(60px);
transition: all 0.8s ease;
}
.reveal.show {
opacity: 1;
transform: translateY(0);
}
/* tablet */
@media (max-width: 992px) {
.split-wrapper {
flex-direction: column !important;
gap: 40px;
text-align: center;
}
.split-text {
text-align: justify;
}
.split-text h2 {
font-size: 28px;
text-align: center;
}
.split-text p {
font-size: 15px;
text-align: justify;
}
.split-image img {
max-width: 380px;
}
}
/* mobile */
@media (max-width: 576px) {
.custom-split-section {
padding: 60px 20px;
}
.split-text {
text-align: justify;
}
.split-text h2 {
font-size: 24px;
text-align: center;
}
.split-text p {
font-size: 14px;
text-align: justify;
}
.split-image img {
max-width: 100%;
border-radius: 15px;
}
}
.custom-split-section.no-bg .split-text h2 {
color: #111;
}
.custom-split-section.no-bg .split-text p {
color: #555;
}
@media (max-width: 576px) {
.supply-mobile-fix .row {
display: flex;
flex-direction: column;
}
.supply-mobile-fix .row > div:first-child {
order: 2;
}
.supply-mobile-fix .row > div:last-child {
order: 1;
}
}
/* agriculture platforms page ends */
/* ............................................................................................................ */





/* ........................................................................................ */
/* about us page changes starts  */
/* about quantbit technologies section heading font size and responsive */
/* ===== ABOUT HERO ===== */
.about-hero-custom .section-title h2{font-size:36px!important;line-height:1.3;white-space:normal!important;max-width:600px;}
.about-hero-custom .section-title{margin-bottom:15px;}
.about-hero-custom p{max-width:550px;}

@media(max-width:991px){
.about-hero-custom .section-title h2{font-size:28px!important;text-align:center;margin:0 auto;}
.about-hero-custom p{text-align:center;margin:10px auto;}
.about-hero-custom .section-title span,.about-hero-custom .about-button{text-align:center;}
.about-hero-custom .about-button .theme-btn{display:inline-block;margin:15px auto 0;}
.about-hero-custom .about-author{flex-direction:column;align-items:center;gap:15px;}
}
@media(max-width:575px){
.about-hero-custom .section-title h2{font-size:22px!important;line-height:1.4;padding:0 10px;}
}

/* ===== VISION ===== */
.vision-custom .section-title,
.vision-custom .section-title h2,
.vision-custom .section-title span,
.vision-custom span{text-align:center;}

.vision-custom .section-title h2{white-space:normal!important;max-width:700px;margin:0 auto;line-height:1.3;}
.vision-custom .service-content p{max-width:650px;margin:10px auto 0;text-align:center;}

.vision-custom .row.g-4{display:flex;flex-wrap:wrap;justify-content:center;}
.vision-custom .row.g-4>div,.vision-custom .col-lg-3{display:flex;}
.vision-custom .col-lg-3 .service-box-items-2{flex:1;}

.vision-custom .service-box-items-2{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;padding:30px 20px;border-radius:12px;}
.vision-custom .service-box-items-2 .content{flex-grow:1;text-align:center;}
.vision-custom .service-box-items-2 .icon{text-align:center;margin-bottom:10px;}
.vision-custom .service-box-items-2 .content p{text-align:center!important;}

@media(max-width:991px){
.vision-custom .section-title h2{font-size:32px!important;text-align:center;}
.vision-custom .col-lg-3{flex:0 0 50%;max-width:50%;}
.vision-custom .service-box-items-2{min-height:220px;}
}
@media(max-width:575px){
.vision-custom .section-title h2{font-size:24px!important;text-align:center;padding:0 10px;}
.vision-custom .col-lg-3{flex:0 0 100%;max-width:100%;}
}

/* ===== DIFFERENTIATION ===== */
@media(min-width:992px){
.differentiation-fix .service-box-items-2 .content h3{
font-size:18px;line-height:1.3;white-space:normal;display:-webkit-box;
-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:46px;text-align:center;}
}

/* ===== TECH APPROACH ===== */
.tech-approach-custom .section-title h2{white-space:normal!important;max-width:700px;margin:0 auto;line-height:1.3;}

@media(max-width:991px){
.tech-approach-custom .section-title h2{font-size:30px!important;text-align:center;}
}
@media(max-width:575px){
.tech-approach-custom .section-title h2{font-size:24px!important;text-align:center;padding:0 10px;}
}

/* ===== DARK THEME ===== */
.about-dark-theme{background:linear-gradient(135deg,#0b1d3a,#071427);color:#fff;}
.about-dark-theme .section-title h2{color:#fff;}
.about-dark-theme .section-title span{color:#6ea8ff;}
.about-dark-theme p{color:#c9d4e5;}
.about-dark-theme .theme-btn{background:#1f6feb;color:#fff;}
.about-dark-theme .about-image{opacity:.95;}

/* ===== TECH DARK ===== */
.tech-dark-bg{background:linear-gradient(135deg,#0b1d3a,#071427)!important;}
.tech-dark-bg .section-title h2{color:#fff!important;}
.tech-dark-bg .section-title+p{color:#d0dcf5!important;}
.tech-dark-bg .single-circle-bar{background:#10264d;}
.tech-dark-bg .single-circle-bar h6{color:#fff;}

/* ===== SCALABILITY ===== */
.tech-dark-bg .full-width-counter-box{background:#0b1f3f;}
.tech-dark-bg .metrics-center-text h3{color:#fff;}
.tech-dark-bg .metrics-center-text p{color:#b8c6df;}

.tech-dark-bg .counter-wrapper-2,
.tech-dark-bg .counter-items{background:#10264d!important;}

.tech-dark-bg .counter-items h2{color:#fff!important;}
.tech-dark-bg .counter-items p{color:#c9d4e5!important;}
.tech-dark-bg .counter-items .icon i{color:#fff!important;}

/* ===== SCALABILITY RESPONSIVE ===== */
@media(max-width:991px){
.scalability-custom .counter-inner{display:flex!important;flex-direction:column!important;align-items:center!important;gap:20px;}
.scalability-custom .metrics-center-text{text-align:center;max-width:600px;margin:0 auto;}
.scalability-custom .counter-wrapper-2{display:flex!important;justify-content:center!important;gap:40px;width:100%;}
}
@media(max-width:575px){
.scalability-custom .counter-wrapper-2{gap:6px!important;}
.scalability-custom .full-width-counter-box{padding:10px!important;max-width:260px;}
.scalability-custom .counter-items{padding:4px 2px;}
.scalability-custom .counter-items h2{font-size:22px!important;}
.scalability-custom .counter-items p{margin-top:1px;line-height:1.2;}
}

/* ===== CORE SOLUTION MOBILE ===== */
@media(max-width:575px){
.woeking-process .row{gap:20px!important;}
.process-items{width:240px;height:240px;margin:0 auto 10px;}
.process-items .content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:15px;text-align:center;}
.process-items .icon i{font-size:28px;}
.process-items .content h3{font-size:17px;line-height:1.3;}
.process-items .content p{font-size:13px;max-width:180px;}
.process-items .process-number{width:40px;height:40px;font-size:14px;top:-10px;left:50%;transform:translateX(-50%);}
}
/* about us page section ends */
/* ................................................................................ */





/* ................................................................................ */
/* crm detail page starts */

.crm-features-section {
    padding: 100px 20px;
}

/* ROW */
.crm-feature-row {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-bottom: 100px;
}

.crm-feature-row.reverse {
    flex-direction: row-reverse;
}

/* IMAGE */
.crm-img {
    flex: 1;
}

.crm-img img {
    width: 100%;
    border-radius: 18px;
    display: block;
}

/* CONTENT */
.crm-content {
    flex: 1;
}

.crm-content h3 {
    font-size: 26px;
    margin-bottom: 12px;
}

.crm-content p {
    font-size: 15.5px;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 20px;
    color: #555;
}

/* POINTS */
.crm-points {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 20px;
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
}

.crm-points li {
    position: relative;
    padding-left: 22px;
    font-size: 14.5px;
}

/* TICK */
.crm-points li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #166FD3; /* theme accent */
    font-size: 13px;
}

/* RESULT BOX */
.crm-result {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    background: #f3f4f6;
    padding: 10px 14px;
    border-radius: 8px;
    display: inline-block;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .crm-feature-row {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 70px;
    }

    .crm-feature-row.reverse {
        flex-direction: column;
    }

    .crm-points {
        grid-template-columns: 1fr;
    }
}
/* crm detail page ends */
/* ................................................................................. */





/* ................................................................................. */
/* hrms new page starts */
.hrms-section {
    padding: 100px 20px;
}

/* ROW → 2 COLUMN */
.hrms-row {
    display: flex;
    gap: 60px;
    margin-bottom: 100px;
    align-items: center;
}

/* REVERSE */
.hrms-row.reverse {
    flex-direction: row-reverse;
}

/* LEFT CONTENT */
.hrms-left {
    flex: 1;
}

.hrms-left h2 {
    font-size: 30px;
    margin-bottom: 15px;
}

.hrms-left p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 25px;
    text-align: justify;
}

/* CARDS INSIDE LEFT */
.hrms-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* IMAGE SIDE */
.hrms-image {
    flex: 1;
    border-radius: 16px;
    overflow: hidden;
}

.hrms-image img {
    width: 100%;
    border-radius: 16px;
    transition: 0.3s ease;
}

.hrms-image img:hover {
    transform: scale(1.05);
}

/* CARD */
.hrms-card {
    background: #f9fafb;
    padding: 22px;
    border-radius: 14px;
    transition: 0.3s ease;
}

.hrms-card:hover {
    transform: translateY(-6px);
}

/* TITLE */
.hrms-card h4 {
    margin-bottom: 12px;
    font-size: 18px;
}

/* LIST */
.hrms-card ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.hrms-card li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 10px;
    font-size: 14.5px;
}

/* TICK */
.hrms-card li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #166FD3;
    font-size: 13px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .hrms-row {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 70px;
    }

    .hrms-row.reverse {
        flex-direction: column;
    }

    .hrms-left h2 {
        font-size: 24px;
    }

    .hrms-image {
        width: 100%;
    }
}
/* special div */
/* ===============================
   ONLY FOR THESE 2 SECTIONS
================================= */

.hrms-align {
    display: flex;
    gap: 40px;
    margin-top: 30px;
    align-items: stretch;
}

/* cards */
.hrms-align .hrms-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* equal height cards */
.hrms-align .hrms-card {
    flex: 1;
    background: #f9fafb;
    padding: 25px;
    border-radius: 14px;
}

/* image */
.hrms-align .hrms-image {
    flex: 1;
    display: flex;
}

.hrms-align .hrms-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

/* reverse support */
.hrms-row.reverse .hrms-align {
    flex-direction: row-reverse;
}

/* ===============================
   RESPONSIVE
================================= */

@media (max-width: 992px) {
    .hrms-align {
        flex-direction: column;
    }

    .hrms-row.reverse .hrms-align {
        flex-direction: column;
    }

    .hrms-align .hrms-image {
        height: 300px;
    }
}
/* ===============================
   CARD BORDER STYLE (REFERENCE LIKE IMAGE)
================================= */

.hrms-card {
    background: #f9fafb;
    padding: 22px;
    border-radius: 14px;

    /* NEW BORDER */
    border: 2px solid transparent;

    /* smooth transition */
    transition: all 0.3s ease;
}

/* DEFAULT subtle border */
.hrms-card {
    border: 1.5px solid #e5e7eb;
}

/* HOVER / ACTIVE EFFECT */
.hrms-card:hover {
    border-color: #2563eb; /* blue */
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.15);
    transform: translateY(-6px);
}

/* OPTIONAL: Highlight specific cards like reference */
.hrms-card.active {
    border: 2px solid #2563eb;
    box-shadow: 0 10px 30px rgba(37, 99, 235, 0.2);
}
/* always border */
/* .hrms-card {
    background: #f9fafb;
    padding: 22px;
    border-radius: 14px;
    border: 2px solid #2563eb;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.08);
    transition: 0.3s ease;
}
.hrms-card:hover {
    transform: translateY(-4px); 
} */

/* hrms new page ends */
/* .................................................................................. */





/* ................................................................................... */
/* agri sugar new page starts */
/* ===============================
   SECTION
================================= */
.erp-new {
    padding: 120px 20px;
    background: #f8fafc;
}
.erp-full-image {
    width: 100%;
    height: 200px;
    border-radius: 16px;
    overflow: hidden;
}

.erp-full-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
}

/* WRAPPER */
.erp-new-wrapper {
    max-width: 1300px;
    margin: auto;
    display: flex;
    gap: 40px;
}

/* SIDEBAR */
.erp-new-sidebar {
    width: 280px;
    background: #fff;
    padding: 20px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    height: fit-content;
}

/* MENU ITEMS */
.erp-new-item {
    padding: 12px;
    margin-bottom: 10px;
    border-radius: 8px;
    background: #f1f5f9;
    cursor: pointer;
    transition: 0.3s;
}

.erp-new-item:hover {
    background: #e0e7ff;
}

.erp-new-item.active {
    background: #2563eb;
    color: #fff;
}

/* CONTENT */
.erp-new-content {
    flex: 1;
    background: #fff;
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* TABS */
.erp-tab {
    display: none;
}

.erp-tab.active {
    display: block;
}

/* TITLE */
.erp-title {
    font-size: 22px;
    margin-bottom: 20px;
    color: #111827;
}

/* IMAGE ROW (DESKTOP: 2 IMAGES) */
.erp-image-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 25px;
}

/* IMAGE STYLE */
.erp-image-row img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.erp-image-row img:hover {
    transform: scale(1.03);
}

/* GRID */
.erp-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 20px;
}

.erp-grid p {
    background: #f9fafb;
    padding: 12px;
    border-radius: 8px;
}

/* BACK BUTTON (HIDDEN BY DEFAULT → DESKTOP SAFE) */
.erp-back-btn {
    display: none;
}

/* ===============================
   TABLET
================================= */
@media(max-width: 992px){

    .erp-new-wrapper {
        flex-direction: column;
    }

    .erp-new-sidebar {
        width: 100%;
    }

    .erp-grid {
        grid-template-columns: 1fr;
    }
}

/* ===============================
   MOBILE (APP STYLE)
================================= */
@media(max-width:768px){

    /* MENU FIRST */
    .erp-new-wrapper {
        flex-direction: column;
    }

    .erp-new-sidebar {
        width: 100%;
    }

    /* CONTENT HIDDEN INITIALLY */
    .erp-new-content {
        display: none;
        width: 100%;
    }

    /* SHOW BACK BUTTON ONLY ON MOBILE */
    .erp-back-btn {
        display: block;
        margin-bottom: 15px;
        padding: 10px 14px;
        background: #2563eb;
        color: #fff;
        border: none;
        border-radius: 8px;
        cursor: pointer;
    }

    /* KEEP 2 IMAGES EVEN ON MOBILE */
    .erp-image-row {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .erp-image-row img {
        height: 160px;
    }

    /* POINTS SINGLE COLUMN */
    .erp-grid {
        grid-template-columns: 1fr;
    }
}
/*full size image plot */
/* FULL WIDTH IMAGE (ONLY FOR PLOT STYLE) */
.erp-full-image {
    width: 100%;
    margin-bottom: 25px;
}

.erp-full-image img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
@media(max-width:768px){
    .erp-full-image img {
        height: 200px;
    }
}
/* center one image agri */
/* SINGLE CENTER IMAGE */
.erp-image-center {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.erp-image-center img {
    width: 100%;
    max-width: 420px; /* SAME as farmer image */
    height: 260px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.erp-image-center img:hover {
    transform: scale(1.03);
}
@media(max-width:768px){
    .erp-image-center img {
        height: 200px;
    }
}
.erp-title-center {
    text-align: center;
}
.erp-grid p {
    position: relative;
    padding-left: 28px; /* space for tick */
}

/* TICK ICON */
/* .erp-grid p::before {
    content: "✔";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #2563eb;
    font-size: 14px;
    font-weight: bold;
} */
.erp-grid p::before {
    content: "✓"; /* updated clean tick */
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: #e0f2fe; /* light blue like image */
    color: #2563eb; /* blue tick */
    border-radius: 5px; /* square with soft corners */
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.erp-grid p:hover {
    transform: translateY(-3px);
    background: #eef2ff;
}
/* .erp-tab {
    animation: fadeIn 0.4s ease;
} */

@keyframes fadeIn {
    from {opacity: 0; transform: translateY(10px);}
    to {opacity: 1; transform: translateY(0);}
}
/* icons sugar agri */
/* POINT WRAPPER */
/* .erp-point {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f9fafb;
    padding: 12px;
    border-radius: 8px;
} */

/* ICON */
/* .erp-icon {
    width: 22px;
    height: 22px;
    background: #414040;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
} */

/* TEXT */
.erp-point p {
    margin: 0;
}
/* SIDEBAR HEADING */
.erp-new-sidebar h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #111827;
}

/* IMPROVE SIDEBAR CONTAINER */
.erp-new-sidebar {
    background: #f8fafc;
    padding: 25px;
    border-radius: 20px;
}

/* MENU ITEMS ENHANCED */
.erp-new-item {
    padding: 16px 18px;
    margin-bottom: 12px;
    border-radius: 14px;
    background: #e5e7eb;
    font-size: 16px;
    font-weight: 500;
    color: #374151;
    transition: all 0.3s ease;
}

/* HOVER EFFECT (SOFT LIKE IMAGE) */
.erp-new-item:hover {
    background: #dbeafe;
    transform: translateX(4px);
}

/* ACTIVE ITEM (BLUE ONE LIKE YOUR IMAGE) */
.erp-new-item.active {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #fff;
    font-weight: 600;
    box-shadow: 0 6px 15px rgba(37, 99, 235, 0.3);
}
/* agri sugar new page ends */
/* ................................................................................ */




/* ................................................................................ */
/* helpdesk page starts */

/* ===============================
   HELP DESK SECTION
================================= */
.helpdesk-new {
    padding: 100px 20px;
    background: #f8fafc;
    font-family: 'Poppins', sans-serif;
}

/* CONTAINER */
.helpdesk-container {
    max-width: 1200px;
    margin: auto;
}

/* HEADER */
.helpdesk-header {
    text-align: center;
    margin-bottom: 80px;
}

.helpdesk-header h2 {
    font-size: 36px;
    font-weight: 700;
    color: #1e293b;
}

.helpdesk-header p {
    font-size: 18px;
    color: #64748b;
    margin-top: 10px;
}

/* ROW */
.helpdesk-row {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-bottom: 100px;
}

/* REVERSE */
.helpdesk-row.reverse {
    flex-direction: row-reverse;
}

/* IMAGE */
.helpdesk-image img {
    width: 100%;
    max-width: 500px;
}

/* CONTENT */
.helpdesk-content {
    flex: 1;
}

.helpdesk-content h3 {
    font-size: 26px;
    margin-bottom: 20px;
    color: #0f172a;
}

/* POINTS GRID */
.helpdesk-points {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 30px;
}

.helpdesk-points p {
    font-size: 15px;
    color: #475569;
    position: relative;
    padding-left: 18px;
}

/* BULLET STYLE */
.helpdesk-points p::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #2563eb;
    font-size: 12px;
}

/* ===============================
   RESPONSIVE
================================= */
@media (max-width: 992px) {
    .helpdesk-row {
        flex-direction: column;
        text-align: center;
    }

    .helpdesk-row.reverse {
        flex-direction: column;
    }

    .helpdesk-points {
        grid-template-columns: 1fr;
    }

    .helpdesk-image img {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .helpdesk-header h2 {
        font-size: 28px;
    }

    .helpdesk-content h3 {
        font-size: 22px;
    }
}
/* HIDE ALL TABS INITIALLY */
.erp-tab {
    display: none;
    opacity: 0;
    transform: translateX(40px); /* comes from right */
}

/* ACTIVE TAB ANIMATION */
.erp-tab.active {
    display: block;
    animation: slideFadeIn 0.5s ease forwards;
}

/* ANIMATION KEYFRAME */
@keyframes slideFadeIn {
    0% {
        opacity: 0;
        transform: translateX(60px) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}
/* helpdesk page ends */
/* ................................................................................ */




/* .................................................................................. */
/* industry specific page css starts */
/* =========================
   INDUSTRY SECTION
========================= */
.industry-section {
    padding: 100px 20px;
    background: #ffffff; /* middle stays white */
}

.industry-container {
    max-width: 1200px;
    margin: auto;
}

/* =========================
   ROW
========================= */
.industry-row {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
}

/* ALTERNATE */
.industry-row.reverse {
    flex-direction: row-reverse;
}

/* =========================
   FULL WIDTH LIGHT GREY BG
========================= */

/* FIRST (Manufacturing) */
.industry-row:first-child::before {
    content: "";
    position: absolute;
    top: -40px;              /* 👈 extra space above */
    left: -100vw;
    width: 200vw;
    height: calc(100% + 80px); /* 👈 total extra (top + bottom) */
    background: #dedfe2;
    z-index: -1;
}

/* LAST (Sugar) */
.industry-row:last-child::before {
    content: "";
    position: absolute;
    top: -40px;
    left: -100vw;
    width: 200vw;
    height: calc(100% + 80px);
    background: #dedfe2;
    z-index: -1;
}

/* =========================
   IMAGE
========================= */
.industry-image {
    flex: 1;
}

.industry-image img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
}

/* =========================
   CONTENT
========================= */
.industry-content {
    flex: 1;
}

.industry-content h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #0f172a;
}

/* TEXT */
.industry-content p {
    font-size: 16px;
    color: #475569;
    margin-bottom: 20px;
    
    line-height: 1.9;
}

/* =========================
   LIST
========================= */
.industry-content ul {
    padding: 0;
    margin: 0;
}

.industry-content ul li {
    list-style: none;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    font-size: 15px;
    color: #334155;
    
    line-height: 1.8;
}

/* ICON */
.industry-content ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background: #2563eb;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =========================
   RESPONSIVE
========================= */

/* TABLET (≤ 992px) */
@media (max-width: 992px) {

    .industry-row {
        flex-direction: column;
        gap: 30px;
    }

    .industry-row.reverse {
        flex-direction: column;
    }

    .industry-content {
        text-align: left;
    }

    .industry-content h2 {
        font-size: 28px;
    }

    .industry-content p {
        text-align: justify;
        line-height: 1.8;
    }

    .industry-content ul li {
        text-align: justify;
    }
}

/* MOBILE (≤ 568px) */
@media (max-width: 568px) {

    .industry-section {
        padding: 70px 15px;
    }

    .industry-content h2 {
        font-size: 24px;
    }

    .industry-content p {
        font-size: 14px;
        
        line-height: 1.7;
    }

    .industry-content ul li {
        font-size: 14px;
        text-align: left;
    }

    /* FIX FULL WIDTH BG */
    .industry-row:first-child::before,
    .industry-row:last-child::before {
        left: -20px;
        width: calc(100% + 40px);
    }

    @media (max-width: 568px) {
    .industry-row:first-child::before,
    .industry-row:last-child::before {
        top: -20px;
        height: calc(100% + 40px);
        left: -20px;
        width: calc(100% + 40px);
    }
}
}
/* REMOVE EXTRA SPACE FROM FIRST SECTION TOP */
.industry-section {
    padding-top: 0;
}

/* REMOVE GAP ABOVE FIRST ROW */
.industry-row:first-child {
    margin-top: 0;
}

/* REMOVE GAP BELOW LAST ROW */
.industry-row:last-child {
    margin-bottom: 0;
}

/* KEEP INTERNAL SPACING USING ::before (already added) */
.industry-row:first-child::before,
.industry-row:last-child::before {
    top: -30px;
    height: calc(100% + 60px);
}
@media (max-width: 568px) {
    .industry-row:first-child::before,
    .industry-row:last-child::before {
        top: -15px;
        height: calc(100% + 30px);
    }
}
/* FORCE JUSTIFY FOR ALL SCREENS */


/* industry specific page css ends */
/* ................................................................................... */





/* ................................................................................... */
/* header footer */
.footer-section {
    background: #020c2a;
    padding-top: 80px;
}

.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.footer-widgets-wrapper {
    padding-top: 40px;
}

.footer-section h3,
.footer-section h5 {
    color: #fff;
}

.footer-section p,
.footer-section a {
    color: #a0a8c0;
}

.footer-bottom {
    background: #2d6cdf;
    padding: 20px;
    text-align: center;
    margin-top: 50px;
}
/* header footer ends */
/* ................................................................................... */




/* .................................................................................... */
/* agri sugar 2 page css starts */
/* ===== SUGAR SECTION ===== */

.sugar-section {
padding: 80px 20px;
background: #ffffff;
font-family: 'Segoe UI', sans-serif;
}

.sugar-row {
display: flex;
align-items: center;
gap: 60px;
padding: 60px 40px;
margin-bottom: 60px;
border-radius: 16px;
transition: 0.3s;
}

.sugar-row:hover {
transform: translateY(-5px);
}

/* Alternate */
.sugar-row:nth-child(odd) {
background: #F4F8FC;
}

.sugar-row:nth-child(even) {
background: #ffffff;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.sugar-row.reverse {
flex-direction: row-reverse;
}

/* Image */
.sugar-img {
flex: 1;
}

.sugar-img img {
width: 100%;
border-radius: 12px;
transition: 0.4s;
}

.sugar-img img:hover {
transform: scale(1.05);
}

/* Content */
.sugar-content {
flex: 1;
}

.sugar-content h2 {
font-size: 32px;
margin-bottom: 15px;
}

.sugar-content p {
font-size: 16px;
line-height: 1.7;
margin-bottom: 18px;
}

/* Colors */
.sugar-row:nth-child(odd) h2 { color: #1E3A8A; }
.sugar-row:nth-child(even) h2 { color: #111827; }

.sugar-row:nth-child(odd) p { color: #334155; }
.sugar-row:nth-child(even) p { color: #4b5563; }

/* List */
.sugar-content ul {
list-style: none;
padding: 0;
}

.sugar-content ul li {
display: flex;
gap: 10px;
margin-bottom: 8px;
font-size: 16px;
}

.sugar-row:nth-child(odd) li { color: #1F2937; }
.sugar-row:nth-child(even) li { color: #374151; }

.sugar-content ul li i {
font-size: 14px;
margin-top: 4px;
}

.sugar-row:nth-child(odd) i { color: #2563EB; }
.sugar-row:nth-child(even) i { color: #059669; }

/* Responsive */
@media (max-width: 992px) {
.sugar-row {
flex-direction: column;
padding: 40px 20px;
}

.sugar-row.reverse {
flex-direction: column;
}

.sugar-content h2 {
font-size: 26px;
}
}

@media (max-width: 576px) {
.sugar-section {
padding: 50px 15px;
}

.sugar-content {
text-align: center;
}

.sugar-content h2 {
font-size: 22px;
}

.sugar-content p,
.sugar-content ul li {
font-size: 14px;
}
}
.sugar-row {
  position: relative;
  overflow: hidden;
}

/* subtle glass effect */
.sugar-row:nth-child(odd) {
  background: linear-gradient(135deg, #F4F8FC, #EAF2FB);
}

/* border highlight */
.sugar-row::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,0.04);
  pointer-events: none;
}
.sugar-content ul li i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 12px;
}

/* alternate icon bg */
.sugar-row:nth-child(odd) i {
  background: rgba(37, 99, 235, 0.1);
  color: #2563EB;
}

.sugar-row:nth-child(even) i {
  background: rgba(5, 150, 105, 0.1);
  color: #059669;
}
.sugar-content h2 {
  position: relative;
  padding-left: 14px;
}

.sugar-content h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  height: 70%;
  width: 4px;
  border-radius: 4px;
  background: linear-gradient(to bottom, #2563EB, #059669);
}
.sugar-content ul li {
  margin-bottom: 12px;
}
.sugar-img img {
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}
.sugar-row {
  opacity: 0;
  transform: translateY(40px);
  animation: fadeUp 0.6s ease forwards;
}

.sugar-row:nth-child(2) { animation-delay: 0.2s; }
.sugar-row:nth-child(3) { animation-delay: 0.4s; }
.sugar-row:nth-child(4) { animation-delay: 0.6s; }

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* agri sugar 2 page css ends */
/* .................................................................................... */




/* .................................................................................... */
/* industries page css starts */
/*manufacturing section starts*/
.industry-new { padding: 80px 20px; overflow-x: hidden; }
.health-features-new {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.health-card-new {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 15px;
    color: #333;
    background: #f5f5f5;
    padding: 14px 18px;
    border-radius: 10px;
}
.hero-bg-custom {
    background-image: url('../img/empower_bg.png'); /* your image path */
    background-size: cover;
    background-position: right center; /* image more visible on right */
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

/* Optional overlay for better text visibility */
.hero-bg-custom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* adjust darkness */
    z-index: -1;
}
/* Make ALL text white inside hero */
.hero-bg-custom h1,
.hero-bg-custom h5,
.hero-bg-custom p,
.hero-bg-custom a {
    color: #ffffff;
}
.health-card-new::before {
    content: "\f058"; /* solid check-circle */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #3aabec;
    font-size: 18px;
}
/* HEADER */
.industry-header-new { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 40px; flex-wrap: wrap; }
.industry-heading-new { font-size: 36px; font-weight: 700; }
.industry-subheading-new { color: #555; max-width: 600px; text-align: justify; text-justify: inter-word; line-height: 1.6; }

/* MAIN LAYOUT */
.industry-main-new { display: flex; gap: 40px; align-items: flex-start; }

/* LEFT SIDE */
.industry-left-new { width: 40%; display: flex; flex-direction: column; gap: 25px; margin-top: -20px; }

/* LEFT CARD */
.industry-left-card-new { display: flex; align-items: flex-start; gap: 15px; background: rgb(223, 231, 240); padding: 20px; border-radius: 12px; transition: all 0.3s ease; cursor: pointer; min-height: 180px; }
.industry-left-card-new img { width: 45px; transition: 0.3s; }
.industry-left-card-new h3 { font-size: 20px; margin-bottom: 5px; }
.industry-left-card-new p { font-size: 15px; color: #555; line-height: 1.6; }

/* LEFT CARD HOVER */
.industry-left-card-new:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,0.08); background: #fff; }
.industry-left-card-new:hover img { transform: scale(1.1) rotate(3deg); }

/* RIGHT SIDE */
.industry-right-new { width: 60%; display: flex; flex-direction: column; }

/* RIGHT GRID */
.industry-right-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; align-items: stretch; margin-top: 5px; }

/* RIGHT CARD */
.industry-card-new { background: #f9fafb; padding: 25px; border-radius: 12px; transition: all 0.3s ease; cursor: pointer; min-height: 185px; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; }
.industry-card-new h3 { font-size: 22px; margin-bottom: 10px; min-height: 50px; }
.industry-card-new p { color: #555;  line-height: 1.6; }

/* RIGHT CARD HOVER */
.industry-card-new:hover { transform: translateY(-6px); box-shadow: 0 10px 25px rgba(0,0,0,0.04);; background: #fff; }
.industry-card-new:hover h3 { color: #2563eb; }

/* SIDE TITLES */
.industry-side-title { font-size: 18px; font-weight: 600; margin-bottom: 20px; min-height: 40px; display: flex; align-items: center; }

/* RESPONSIVE */
@media (max-width: 992px) {
    .industry-heading-new { font-size: 26px; }
    .industry-main-new { flex-direction: column; gap: 30px; }
    .industry-left-new, .industry-right-new { width: 100%; }
    .industry-right-grid { grid-template-columns: 1fr !important; }
    .industry-card-new { width: 100%; }
    .industry-side-title { margin-top: 10px; margin-bottom: 15px; }
}
/* manufacturing section ends */
/* sugar section starts */

/* ===============================
   SUGAR SECTION FIX (NON-CONFLICT)
================================= */

/* 1️⃣ RESPONSIVE HEADING */
.sugar-fix .industry-title {
    line-height: 1.2;
}

/* 2️⃣ RESPONSIVE FIXES */
@media (max-width: 992px) {

    /* make heading responsive */
    .sugar-fix .industry-title {
        font-size: 26px;
        text-align: center;
    }

    /* center paragraph only in mobile */
    .sugar-fix .header-text p {
        text-align: center;
        margin: 10px auto 0;
    }

    /* 3️⃣ MOVE BUTTON BELOW TEXT */
    .sugar-fix .row.align-items-center {
        flex-direction: column-reverse;
        text-align: center;
        gap: 20px;
    }

    .sugar-fix .header-btn {
        margin-top: 10px;
    }

}

/* 4️⃣ EQUAL CARD HEIGHT (DESKTOP ONLY) */
@media (min-width: 992px) {

    .sugar-fix .single-service-style-2 {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .sugar-fix .single-service-style-2 .content {
        flex-grow: 1;
    }

}
/* FIX SUGAR HEADING WRAP (MOBILE ONLY) */

@media (max-width: 992px) {

    .sugar-fix .header-text h2 {
        white-space: normal !important; /* 🔥 allow wrapping */
        word-break: break-word;
    }

}
/* MAKE HEADING SINGLE LINE (MOBILE CLEAN) */

@media (max-width: 992px) {

    .sugar-fix .header-text h2 {
        font-size: 23px;        /* 🔥 reduce size */
        white-space: nowrap;    /* force single line */
        overflow: hidden;
        text-overflow: ellipsis; /* optional: ... if too long */
        text-align: center;
    }

}
/* REDUCE CARD TITLE SIZE (SUGAR SECTION ONLY) */

.sugar-fix .single-service-style-2 h3 a {
    font-size: 23px;   /* 🔥 reduce from default */
}
/* SPACE BETWEEN TITLE & POINTS */

.sugar-fix .single-service-style-2 h3 {
    margin-bottom: 12px;  /* 🔥 space below heading */
}

/* SPACE BETWEEN LIST ITEMS */
.sugar-fix .single-service-style-2 .custom-list li {
    margin-bottom: 8px;
}

/* sugar section ends */
/* agri section starts */
/* ===============================
   AGRI SECTION RESPONSIVE FIX
================================= */

@media (max-width: 992px) {

    /* center everything properly */
    .custom-header-row {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 15px;
    }

    .header-text {
        text-align: center;
        width: 100%;
    }

    /* heading responsive */
    .header-text .industry-title {
        font-size: 24px;
        line-height: 1.3;
        white-space: normal; /* important fix */
    }

    /* paragraph responsive */
    .header-text p {
        font-size: 14px;
        line-height: 1.6;
        padding: 0 10px;
    }

    /* button alignment */
    .header-btn {
        text-align: center;
        width: 100%;
    }
}
/* AGRI GRID */
.agri-grid-new {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* CARD */
.agri-card-new {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}

/* IMAGE */
.agri-card-new img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    transition: 0.4s ease;
}

/* OVERLAY */
.agri-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: #fff;
}

/* TEXT */
.agri-overlay h4 {
    font-size: 20px;
    margin-bottom: 5px;
}

.agri-overlay p {
    font-size: 14px;
}

/* HOVER */
.agri-card-new:hover img {
    transform: scale(1.05);
}

/* RESPONSIVE */
@media (max-width: 992px) {

    .custom-header-row {
        flex-direction: column;
        text-align: center;
    }

    .header-text {
        text-align: center;
    }

    .agri-grid-new {
        grid-template-columns: 1fr;
    }
}
/* ===============================
   AGRI CARD TEXT VISIBILITY FIX
================================= */

/* DARK GRADIENT OVERLAY */
.agri-card-new::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.4) 40%,
        rgba(0, 0, 0, 0.1) 70%,
        transparent 100%
    );
    z-index: 1;
}

/* ENSURE TEXT ABOVE OVERLAY */
.agri-overlay {
    position: absolute;
    z-index: 2;
}

/* TEXT IMPROVEMENT */
.agri-overlay h4 {
    color: #fff;
    font-weight: 600;
    text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

.agri-overlay p {
    color: rgba(255,255,255,0.9);
    text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

/* OPTIONAL: GLASS EFFECT (PREMIUM LOOK) */
.agri-overlay {
    backdrop-filter: blur(2px);
}

/* HOVER ENHANCE */
.agri-card-new:hover::before {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.85),
        rgba(0, 0, 0, 0.5),
        transparent
    );
}

/* agri section ends */
/* govt section starts */

/* ===============================
   GOV SECTION RESPONSIVE FIX
================================= */
/* ===============================
   GOVERNMENT SECTION FONT TUNE
================================= */
.header-right-custom {
    text-align: right;
}

.header-right-custom .industry-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 10px;
}

.header-right-custom p {
    font-size: 16px;
    color: #d1d5db; /* soft gray for dark bg */
    max-width: 480px;
    margin-left: auto; /* 🔥 keeps it aligned nicely */
}
@media (max-width: 991px) {
    .header-right-custom {
        text-align: center;  /* center on tablet/mobile */
        margin-top: 20px;
    }

    .header-right-custom p {
        margin: 0 auto;  /* center paragraph */
    }

    .header-right-custom .industry-title {
        font-size: 32px;
    }
}

@media (max-width: 576px) {
    .header-right-custom .industry-title {
        font-size: 26px;
    }

    .header-right-custom p {
        font-size: 14px;
    }
}
.section-dark.custom-gov-bg {
    background: linear-gradient(135deg, #0f172a, #1e3a8a);
}
/* heading */
.gov-feature-section .icon-box-items h3 {
    font-size: 18px;   /* reduce from default */
    line-height: 1.3;
}

/* paragraph */
.gov-feature-section .icon-box-items p {
    font-size: 14px;   /* smaller clean text */
    line-height: 1.6;
}
@media (max-width: 992px) {

    /* 1️⃣ HEADER STACK + CENTER */
    .gov-section .row.align-items-center {
        flex-direction: column-reverse;
        text-align: center;
        gap: 15px;
    }

    .gov-section .header-text {
        text-align: center;
    }

    /* 2️⃣ HEADING RESPONSIVE */
    .gov-section .industry-title {
        font-size: 26px;
        line-height: 1.3;
        white-space: normal !important; /* remove nowrap issue */
    }

    /* 3️⃣ SUBHEADING SPACING */
    .gov-section .header-text p {
        margin-top: 10px;
        line-height: 1.6;
        padding: 0 10px;
    }

    /* 4️⃣ BUTTON POSITION */
    .gov-section .header-btn {
        margin-top: 10px;
    }

    /* 5️⃣ 🔥 FIX OVERLAP ISSUE */
    .gov-feature-section {
        margin-top: 40px; /* creates gap from above */
    }

    /* ALSO REMOVE NEGATIVE / TIGHT SPACING */
    .feature-icon-box-wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

}

/* govt section ends */

/* healthcare section starts */
/* ===============================
   HEALTHCARE SECTION - FINAL CLEAN
================================= */

/* LAYOUT */
.health-layout-new {
    display: flex;
    gap: 40px;
    align-items: center;
    width: 100%;
}

/* LEFT IMAGE */
.health-image-new {
    width: 42%;
    display: flex;
}

.health-image-new img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    object-fit: contain;
}

/* RIGHT CONTENT */
.health-content-new {
    width: 58%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* HIGHLIGHT BOX */
.health-highlight-new {
    background: #fff;
    padding: 22px;
    border-radius: 12px;
}

.health-highlight-new h3 {
    font-size: 20px;
    margin-bottom: 8px;
}

.health-highlight-new p {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
}

/* FEATURE LIST */
.health-features-new {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

/* CARDS (FULL WIDTH NOW) */
.health-card-new {
    width: 100%;
    background: #f9fafb;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;

    transition: 0.3s;
    cursor: pointer;
    box-sizing: border-box;
}

/* HOVER (UNCHANGED STYLE) */
.health-card-new:hover {
    background: #fff;
    transform: translateX(5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

/* ===============================
   RESPONSIVE
================================= */

@media (max-width: 992px) {

    .health-layout-new {
        flex-direction: column;
        gap: 25px;
    }

    .health-image-new,
    .health-content-new {
        width: 100%;
    }

    .health-content-new {
        align-items: center;
        text-align: center;
    }

    .health-features-new {
        width: 100%;
    }

    .health-card-new {
        width: 100%;
        padding: 12px 14px;
        font-size: 13.5px;
        white-space: normal;
    }
}
/* healthcare scetion ends */

/* energy section starts */

/* ===============================
   COMPACT SYSTEM ITEMS (FIX)
================================= */

/* reduce box size */
.single-system-item {
    padding: 14px 18px !important;   /* 🔥 reduced height */
    margin-bottom: 15px;
    border-radius: 10px;
    transition: 0.3s;
}

/* align properly */
.single-system-item .content h4 {
    font-size: 18px;   /* slightly smaller */
    margin: 0;
    line-height: 2;
}

/* icon size balance */
.single-system-item .icon img {
    width: 32px;   /* slightly smaller */
}

/* keep hover same but subtle */
.single-system-item:hover {
    transform: translateY(-3px);
}

/* ===============================
   RESPONSIVE
================================= */

@media (max-width: 992px) {

    .single-system-item {
        padding: 12px 15px !important;
    }

    .single-system-item .content h4 {
        font-size: 15px;
    }

    .single-system-item .icon img {
        width: 28px;
    }
}
/* ===============================
   ENERGY SECTION HEADER FIX
================================= */

.energy-header-text {
    display: flex;
    justify-content: flex-end; /* push to right */
}

.energy-header-inner {
    max-width: 520px;
    width: 100%;
}

/* heading */
.energy-title {
    text-align: right;
    margin: 0;
}

/* paragraph */
.energy-subtext {
    text-align: right;
    margin-top: 10px;
}

/* ===============================
   RESPONSIVE FIX
================================= */

@media (max-width: 992px) {

    .energy-header-text {
        justify-content: center;
        text-align: center;
    }

    .energy-title,
    .energy-subtext {
        text-align: center;
    }

    .energy-header-inner {
        max-width: 100%;
    }
}
.energy-header-inner {
    max-width: none;   /* ❌ remove limit */
    width: auto;
}
.energy-title {
    white-space: nowrap;
}
@media (max-width: 1200px) {
    .energy-title {
        white-space: normal; /* allow wrap on smaller screens */
    }
}
/* energy section ends */
/* industry background starts*/

/* ===============================
   SECTION BACKGROUND SYSTEM
================================= */

/* LIGHT SECTION (WHITE / SOFT GREY) */
.section-light {
    background: #ffffff;
}

/* ALTERNATE SECTION (PREMIUM DARK GREY BLUE TONE) */
.section-dark {
    background: #0f172a; /* deep blue-grey */
    color: #ffffff;
}

/* optional: softer grey version (if needed) */
.section-soft {
    background: #f5f7fa;
}
.section-dark h1{
    color: #fff;
}
.section-dark h2{
    color: #fff;
}
.section-dark h3,
.section-dark h4{
    color: #222;
}
.section-dark h5{
    color: #fff;
}
.section-dark h6{
    color: #222;
}
.section-dark p {
    color: #fff;
}
.section-dark .custom-desc {
  color: #000000;
}
/* buttons remain same */
.section-dark .theme-btn {
    background: #2563eb;
}
/*light boxes bg rgb(223, 231, 240) */
/* industry background ends */
/* ........................................................................ */




/* ......................................................................... */
/* products page css starts */
/* enterprise erp solutions section */
/* Equal height ERP */
.products-equal-box{display:flex;flex-wrap:wrap}.products-equal-box>div{display:flex}.products-equal-box .service-box-items-2{display:flex;flex-direction:column;height:100%;width:100%;padding:30px}.products-equal-box .service-box-items-2 .content{flex-grow:1}

/* Equal height Industry */
.products-industry-equal{display:flex;flex-wrap:wrap}.products-industry-equal>div{display:flex}.products-industry-equal .single-service-style-2{display:flex;flex-direction:column;height:100%;width:100%;padding:30px}.products-industry-equal .content{flex-grow:1}

/* Industry heading */
@media(min-width:992px){.products-industry-heading .section-title h3{font-size:38px;font-weight:700}.products-industry-heading .section-title span{font-size:18px}}

/* Forecast layout */
.forecast-row{display:flex;align-items:stretch}.forecast-image-col{display:flex}.forecast-image-box{width:100%;height:100%;min-height:400px;background:url('../img/ai-enabled-products.png') center/cover no-repeat;border-radius:12px}.trusted-content{display:flex;flex-direction:column;justify-content:center;height:100%}.forecast-box-wrapper{margin-top:25px}
@media(max-width:991px){.forecast-row{flex-direction:column}.forecast-image-box{height:300px;margin-bottom:20px}}

/* Forecast heading responsive */
.forecast-custom .section-title h2{white-space:normal!important;word-break:break-word}
@media(max-width:991px){.forecast-custom .section-title h2{font-size:26px}}
@media(max-width:576px){.forecast-custom .section-title h2{font-size:22px}}

/* Healthcare */
.products-healthcare .main-heading{font-size:42px;font-weight:700}.products-healthcare .products-tab-btn{padding:14px 28px;border-radius:12px;font-weight:600;margin:5px}.products-healthcare-row{display:flex;flex-wrap:wrap}.products-healthcare-row>div{display:flex}.products-healthcare .tech-box{display:flex;flex-direction:column;justify-content:center;height:100%;padding:30px;border-radius:14px;transition:.3s}.products-healthcare .tech-box h4{min-height:60px}.products-healthcare .tech-box:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(0,0,0,.1)}
@media(max-width:991px){.products-healthcare .main-heading{font-size:28px}}
@media(max-width:576px){.products-healthcare .main-heading{font-size:24px}.products-healthcare .products-tab-btn{width:100%}}

/* Healthcare new */
.products-healthcare-new{background:#fff}.products-healthcare-new .tech-box{background:#f4f7fb;border:1px solid #e5e7eb}.products-healthcare-new .tech-box:hover{background:#2563eb;color:#fff}.products-healthcare-new .tech-box:hover h4,.products-healthcare-new .tech-box:hover p{color:#fff}

/* Healthcare tabs */
.products-tab-btn{background:transparent;color:#111827!important;border:1px solid #d1d5db}.products-tab-btn:hover{background:#2563eb;color:#fff!important}.products-tab-btn.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb}

/* AI section */
@media(min-width:992px){.products-ai .section-title h3{font-size:40px;font-weight:700}.products-ai .section-title span{font-size:18px}}
.products-ai-row{display:flex;flex-wrap:wrap}.products-ai-row>div{display:flex}
.products-ai .service-box-items-2{display:flex;flex-direction:column;height:100%;width:100%;padding:28px;transition:.3s}
.products-ai .service-box-items-2 h3{font-size:18px;min-height:55px}
.products-ai .service-box-items-2 p{font-size:14px}
.products-ai .service-box-items-2 .content{flex-grow:1}
.products-ai .service-box-items-2:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(0,0,0,.1)}
.products-ai .carbon-box{width:100%;margin-top:20px;padding:25px;border-radius:14px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.products-ai .carbon-box h4{font-size:20px;font-weight:600}
.products-ai .carbon-box p{font-size:14px}
@media(max-width:991px){.products-ai .section-title h3{font-size:28px}}
@media(max-width:576px){.products-ai .section-title h3{font-size:24px}.products-ai .service-box-items-2 h3{font-size:16px}}

/* ERP fix */
.products-erp-fix{padding-top:120px!important}
.products-erp-fix .section-title h2{font-size:34px;white-space:nowrap}
@media(max-width:991px){.products-erp-fix .section-title h2{white-space:normal;font-size:26px}}
.products-erp-fix .forecast-title span{color:#fff!important}
.products-erp-fix .forecast-box{background:rgba(255,255,255,.08)}

/* Field section */
.products-field .section-title h2{font-size:34px}
.products-field-row{display:flex;flex-wrap:wrap}.products-field-row>div{display:flex}
.products-field .single-service-style-2{display:flex;flex-direction:column;height:100%;width:100%;padding:28px;transition:.3s}
.products-field .single-service-style-2 h3{min-height:55px;font-size:18px}
.products-field .content{flex-grow:1}
.products-field .single-service-style-2:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(0,0,0,.1)}
.products-field .section-title{margin-top:30px}
@media(max-width:991px){.products-field .section-title h2{font-size:26px}}
@media(max-width:576px){.products-field .section-title h2{font-size:22px}.products-field .single-service-style-2 h3{font-size:16px}}

/* Dark theme */
.products-dark{background:#111827;color:#fff}.products-dark h1,.products-dark h2,.products-dark h3,.products-dark h4{color:#fff}.products-dark p,.products-dark span{color:#cbd5e1}.products-dark a{color:#fff}
.products-dark .service-box-items-2,.products-dark .single-service-style-2,.products-dark .tech-box,.products-dark .health-card-new,.products-dark .forecast-box{background:#374151;color:#fff;border-radius:12px}
.products-dark .service-box-items-2 p,.products-dark .single-service-style-2 p{color:#d1d5db}
.products-dark .theme-btn{background:#fff;color:#111827}
.products-dark .tags span{background:rgba(255,255,255,.1);color:#fff}
.products-dark .service-box-items-2:hover,.products-dark .single-service-style-2:hover{background:#4b5563}
.products-dark .forecast-title i{color:#fff}

/* Industry fix */
.products-industry-fix{background:linear-gradient(135deg,#0f172a,#111827)!important}
.products-industry-fix h3,.products-industry-fix span{color:#fff!important}
.products-industry-fix .single-service-style-2{background:#fff;color:#111827}
.products-industry-fix .single-service-style-2:hover{background:#2563eb;color:#fff}
.products-industry-fix .single-service-style-2:hover h3,.products-industry-fix .single-service-style-2:hover p{color:#fff}

/* Agriculture button */
.products-agri-fix .theme-btn{background:#2563eb!important;color:#fff!important}
.products-agri-fix .theme-btn span{color:#fff!important}
.products-agri-fix .theme-btn:hover{background:#1d4ed8!important}

/* Field fix */
.products-field-fix{padding-top:100px!important}
.products-field-fix .section-title{margin-top:50px}
.products-field-fix .single-service-style-2{background:#fff;color:#111827}
.products-field-fix .single-service-style-2 h3,.products-field-fix .single-service-style-2 h3 a{color:#111827!important}
.products-field-fix .single-service-style-2 p{color:#374151!important}
.products-field-fix .single-service-style-2 .tags span{color:#2563eb!important;border-color:#2563eb}
.products-field-fix .single-service-style-2:hover{background:#2563eb;color:#fff}
.products-field-fix .single-service-style-2:hover h3,
.products-field-fix .single-service-style-2:hover h3 a,
.products-field-fix .single-service-style-2:hover p,
.products-field-fix .single-service-style-2:hover .tags span{color:#fff!important}
.products-field-fix .single-service-style-2:hover .tags span{border-color:#fff!important}

/* Spacing polish */
.section-padding.pt-0{padding-top:80px!important}
@media(max-width:768px){.products-erp-fix{padding-top:80px!important}.products-field-fix{padding-top:60px!important}}

/* ........................ */


/* ........................ */
/* features */
/* ===============================
   RESET OLD BACKGROUND ISSUES
   =============================== */
.custom-split-section {
    background-image: none !important;
    position: relative;
    padding: 80px 20px;
}

/* ===============================
   CONTAINER
   =============================== */
.custom-split-section .container {
    max-width: 1200px;
    margin: auto;
}

/* ===============================
   FLEX LAYOUT
   =============================== */
.split-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    flex-wrap: wrap;
}

.split-wrapper.reverse {
    flex-direction: row-reverse;
}

/* ===============================
   TEXT
   =============================== */
.split-text {
    flex: 1;
}

.split-text h2 {
    font-size: 32px;
    margin-bottom: 15px;
}

.split-text p {
    font-size: 16px;
    line-height: 1.7;
}

/* ===============================
   IMAGE
   =============================== */
.split-image {
    flex: 1;
}

.split-image img {
    width: 100%;
    border-radius: 15px;
    display: block;
}

/* ===============================
   DARK SECTION
   =============================== */
.dark-bg {
    background: #0f172a !important;
    color: #ffffff;
}

.dark-bg h2,
.dark-bg p {
    color: #ffffff;
}

/* ===============================
   LIGHT SECTION
   =============================== */
.light-bg {
    background: #ffffff !important;
    color: #222;
}

.light-bg h2 {
    color: #111;
}

.light-bg p {
    color: #555;
}

/* ===============================
   MOBILE RESPONSIVE
   =============================== */
@media (max-width: 768px) {
    .split-wrapper {
        flex-direction: column !important;
        text-align: center;
    }

    .split-text h2 {
        font-size: 26px;
    }
}
.service-provide::before {
    display: none !important;
}


/* ............................................................................... */



/* ............................................................................... */
/* main css starts */
/* hrms page css starts */

/* CTA WRAPPER FIX */
.cta-chat-wrapper {
    background: #166FD3;
    border-radius: 14px;
    padding: 30px 40px;   /* reduced height */
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

/* LEFT CONTENT */
.chat-items {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    max-width: 65%;
}

.chat-items .icon i {
    font-size: 32px;
    color: #fff;
}

.chat-items .content h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 8px;
}

.chat-items .content p {
    color: #dbeafe;
    font-size: 14px;
    margin: 0;
}

/* ACTION BUTTONS */
.cta-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* MAIN BUTTON */
.cta-actions .theme-btn {
    padding: 12px 22px;
    font-size: 14px;
}

/* WHATSAPP BUTTON */
.whatsapp-btn {
    width: 45px;
    height: 45px;
    background: #25D366;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: 0.3s;
}

.whatsapp-btn:hover {
    transform: scale(1.1);
}

/* CALL BUTTON */
.call-btn {
    width: 45px;
    height: 45px;
    background: #1e293b;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: 0.3s;
}

.call-btn:hover {
    background: #0f172a;
    transform: scale(1.1);
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .cta-chat-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .chat-items {
        max-width: 100%;
        flex-direction: column;
        align-items: center;
    }
}

/* ===== HRMS HERO CUSTOM ===== */

.hrms-hero-custom {
    display: flex;
    align-items: center;
    min-height: 85vh;
}

/* CENTER FULL CONTENT */
.hrms-hero-custom .container {
    display: flex;
    justify-content: center;
}

.hrms-hero-custom .row {
    justify-content: center;
    width: 100%;
}

/* TEXT CENTER */
.hrms-hero-custom .hero-content {
    text-align: center;
    max-width: 700px;
    margin: auto;
}

/* SMALL HEADING */
.hrms-hero-custom .hero-content h1 {
    font-size: 50px;
    line-height: 1.3;
    margin-bottom: 12px;
}

/* SUBTEXT */
.hrms-hero-custom .head-title {
    font-size: 15px;
    margin-bottom: 18px;
}

/* BUTTON ALIGN */
.hrms-hero-custom .hero-button {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* REMOVE EMPTY RIGHT SPACE */
.hrms-hero-custom .col-xl-6:last-child {
    display: none;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .hrms-hero-custom {
        min-height: auto;
        padding: 80px 20px;
    }

    .hrms-hero-custom .hero-content h1 {
        font-size: 24px;
    }
}
/* ===== PERFECT CENTER HERO ===== */

.hrms-hero-custom {
    min-height: 80vh;
    display: flex;
    align-items: center;
}

/* REMOVE BOOTSTRAP EFFECT */
.hrms-hero-custom .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* REMOVE ROW BEHAVIOR */
.hrms-hero-custom .row {
    width: 100%;
    justify-content: center;
}

/* MAIN CENTER FIX */
.hrms-hero-custom .col-xl-6,
.hrms-hero-custom .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

/* CONTENT */
.hrms-hero-custom .hero-content {
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
}

/* HEADING */
.hrms-hero-custom .hero-content h1 {
    font-size: 43px;
    line-height: 1.3;
    margin-bottom: 18px;
}

/* SUBHEADING CLEAN */
.hrms-hero-custom .head-title {
    font-size: 17px;
    margin-bottom: 25px;

    background: none !important;
    padding: 0 !important;
    display: block !important;
    text-align: center;
}

/* BUTTONS */
.hrms-hero-custom .hero-button {
    display: flex;
    justify-content: center;
    gap: 16px;
}

/* REMOVE EMPTY RIGHT COLUMN */
.hrms-hero-custom .col-xl-6:last-child {
    display: none;
}
/* CLEAN CENTERED SUBTEXT */
.hero-subtext {
    font-size: 17px;
    color: #d1d5db;
    text-align: center;
    max-width: 650px;
    margin: 15px auto 25px auto;
    line-height: 1.6;
}
/* ===== GAP BETWEEN ROWS ===== */

/* Remove dependency on <br> */
.products-field-row {
    margin-bottom: 30px;  /* space between rows */
}

/* GAP BETWEEN CARDS */
.products-field-row .col-xl-4 {
    margin-bottom: 20px;
}

/* MOBILE SPACING IMPROVEMENT */
@media (max-width: 768px) {

    .products-field-row {
        margin-bottom: 20px;
    }

    .products-field-row .col-md-6 {
        margin-bottom: 18px; /* subtle gap between cards */
    }

    .single-service-style-2 {
        padding: 25px 18px; /* breathing space */
    }
}
/* ===== HRMS HEADING RESPONSIVE FIX ===== */

.hrms-heading-fix h2 {
    white-space: normal !important;   /* allow wrapping */
    word-break: break-word;
    line-height: 1.3;
}

/* MOBILE OPTIMIZATION */
@media (max-width: 768px) {
    .hrms-heading-fix h2 {
        font-size: 22px;
        text-align: left;  /* or center if you want */
    }
}

/* EXTRA SMALL DEVICES */
@media (max-width: 480px) {
    .hrms-heading-fix h2 {
        font-size: 20px;
        line-height: 1.4;
    }
}
/* ===== PRICING HEADING FIX ===== */

.hrms-pricing-heading-fix h2 {
    white-space: normal !important;   /* allow wrapping */
    word-break: break-word;
    line-height: 1.3;
}

/* TABLET */
@media (max-width: 768px) {
    .hrms-pricing-heading-fix h2 {
        font-size: 22px;
        text-align: center;
    }
}

/* MOBILE */
@media (max-width: 480px) {
    .hrms-pricing-heading-fix h2 {
        font-size: 20px;
        line-height: 1.4;
        padding: 0 10px; /* prevent edge touching */
    }
}

/* hrms page css ends */
/* ................................................................................ */



/* sugar page css starts */

/* =========================
   HEADING FIX (NO CONFLICT)
========================= */

.custom-heading-fix h2 {
    white-space: normal !important;   /* FIX MAIN ISSUE */
    word-break: break-word;
    overflow-wrap: break-word;

    line-height: 1.3;
    max-width: 100%;
    margin: 0 auto;

    text-align: center;
}

/* DESKTOP */
@media (min-width: 1200px) {
    .custom-heading-fix h2 {
        font-size: 34px;
        max-width: 800px;
    }
}

/* TABLET */
@media (max-width: 991px) {
    .custom-heading-fix h2 {
        font-size: 26px;
        max-width: 90%;
    }
}

/* MOBILE */
@media (max-width: 576px) {
    .custom-heading-fix h2 {
        font-size: 20px;
        line-height: 1.4;
        padding: 0 10px;
    }
}
/* =========================
   FINAL HEADING FIX (STRONG)
========================= */

.title-section-area {
    display: block !important;   /* 🔥 break flex causing stretch */
    text-align: center;
}

.custom-heading-fix-2 {
    width: 100%;
}

/* MAIN FIX */
.custom-heading-fix-2 h2 {
    white-space: normal !important;   /* 🔥 override nowrap */
    display: block;

    max-width: 650px;   /* 🔥 controls width */
    margin: 0 auto;

    line-height: 1.3;
    text-align: center;

    word-break: break-word;
    overflow-wrap: break-word;
}

/* DESKTOP */
@media (min-width: 1200px) {
    .custom-heading-fix-2 h2 {
        font-size: 34px;
    }
}

/* TABLET */
@media (max-width: 991px) {
    .custom-heading-fix-2 h2 {
        font-size: 26px;
        max-width: 90%;
    }
}

/* MOBILE */
@media (max-width: 576px) {
    .custom-heading-fix-2 h2 {
        font-size: 20px;
        padding: 0 10px;
    }
}
/* =========================
   PERFECT EQUAL HEIGHT FIX
========================= */

.custom-pricing-ui .row {
    display: flex;
    flex-wrap: wrap;
}

/* 🔥 MAKE COLUMNS FLEX */
.custom-pricing-ui .row > div {
    display: flex;
}

/* 🔥 MAKE CARD FULL HEIGHT */
.custom-pricing-ui .single-pricing-items {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;   /* 👈 IMPORTANT */

    border-radius: 18px;
    padding: 28px 22px;

    background: #fff;
    box-shadow: 0 6px 25px rgba(0,0,0,0.05);

    transition: all 0.3s ease;
}

/* PUSH BUTTON TO BOTTOM */
.custom-pricing-ui .theme-btn {
    margin-top: auto;
}

/* HOVER */
.custom-pricing-ui .single-pricing-items:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

/* TEXT SIZE CLEAN */
.custom-pricing-ui .content h3 {
    font-size: 19px;
}

.custom-pricing-ui .content p {
    font-size: 13px;
    color: #777;
}

.custom-pricing-ui .price-plan h2 {
    font-size: 26px;
}

.custom-pricing-ui ul li {
    font-size: 13px;
    line-height: 1.5;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {
    .custom-pricing-ui .row {
        display: block;
    }

    .custom-pricing-ui .row > div {
        display: block;
    }
}
/* sugar page css ends */


/* crm page css starts */

/* CRM Heading Fix - No Conflict */
.crm-heading-fix h2 {
    white-space: normal !important;   /* allow wrapping */
    max-width: 900px;                 /* control width */
    margin: 0 auto;                   /* center */
    line-height: 1.3;                 /* better readability */
    font-size: 36px;                  /* desktop size */
    font-weight: 700;
    color: #222;
}

/* Tablet */
@media (max-width: 991px) {
    .crm-heading-fix h2 {
        font-size: 28px;
        max-width: 100%;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .crm-heading-fix h2 {
        font-size: 22px;
        line-height: 1.4;
        padding: 0 10px;
    }
}

/* crm page css ends */




/* fleet page css starts */

/* ============================= */
/* FLEET PROBLEM UI (NEW CLASS) */
/* ============================= */

.fleet-problem-ui .service-box-items-2 {
    padding: 22px 18px; /* reduced padding */
    border-radius: 14px;
    transition: all 0.3s ease;
}

/* ICON */
.fleet-problem-ui .service-box-items-2 .icon {
    margin-bottom: 12px;
}

/* HEADING */
.fleet-problem-ui .service-box-items-2 h3 {
    font-size: 18px; /* smaller clean */
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 8px;
}

/* PARAGRAPH */
.fleet-problem-ui .service-box-items-2 p {
    font-size: 13.5px;
    line-height: 1.6;
    color: #666;
}

/* HOVER (premium subtle) */
.fleet-problem-ui .service-box-items-2:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* ============================= */
/* DESKTOP OPTIMIZATION ONLY */
/* ============================= */

@media (min-width: 992px) {
    .fleet-problem-ui .service-box-items-2 {
        min-height: 230px; /* equal clean cards */
    }

    .fleet-problem-ui .service-box-items-2 h3 {
        font-size: 17px; /* slightly tighter */
    }

    .fleet-problem-ui .service-box-items-2 p {
        font-size: 13px;
    }
}

/* ============================= */
/* TABLET */
/* ============================= */

@media (max-width: 991px) {
    .fleet-problem-ui .service-box-items-2 {
        padding: 20px;
    }

    .fleet-problem-ui .service-box-items-2 h3 {
        font-size: 17px;
    }
}

/* ============================= */
/* MOBILE */
/* ============================= */

@media (max-width: 576px) {
    .fleet-problem-ui .service-box-items-2 {
        padding: 18px;
    }

    .fleet-problem-ui .service-box-items-2 h3 {
        font-size: 16px;
    }

    .fleet-problem-ui .service-box-items-2 p {
        font-size: 13px;
    }
}
/* Space between icon and text */
.fleet-problem-ui .service-box-items-2 .icon {
    margin-bottom: 18px; /* increase spacing */
}

/* Optional: slightly tighter heading alignment */
.fleet-problem-ui .service-box-items-2 .content {
    margin-top: 4px;
}
.fleet-problem-ui .service-box-items-2 .icon {
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fleet-problem-ui .service-box-items-2 h3 {
    margin-top: 6px;
}
/* ============================= */
/* EQUAL CARDS + BIG IMAGE FIX */
/* ============================= */

.fleet-card-equal .news-carousel-active .news-card-items {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* 🔥 KEEP IMAGE BIG (same for all) */
.fleet-card-equal .news-card-items .news-image {
    height: 260px; /* increase from 220 → looks better */
    width: 100%;
    flex-shrink: 0;
}

/* CONTENT FLEX */
.fleet-card-equal .news-card-items .news-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 22px;
}

/* TEXT AREA GROWS */
.fleet-card-equal .news-card-items h5 {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 12px;
}

/* PUSH BUTTON DOWN */
.fleet-card-equal .news-card-items .link-btn {
    margin-top: auto;
}

/* ============================= */
/* DESKTOP ONLY */
/* ============================= */

@media (min-width: 992px) {
    .fleet-card-equal .news-carousel-active .news-card-items {
        min-height: 420px; /* ensures equal card height */
    }
}

/* fleet page css ends */


/* ................................................................................. */





/* ................................................................................. */
/* industries section 1 manufacturing page css */
/* ===== NEW INDUSTRY CARD FIX ===== */
/* ===== LIST STYLING ===== */
.industry-list-new {
    list-style: none;
    padding: 0;
    margin-top: 10px;
    text-align: left;
}

.industry-list-new li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 13.5px;
    line-height: 1.4;
    color: #6c757d;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.industry-list-new li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 1px;
    color: #28a745;
    font-size: 11px;
}

/* ===== CARD STRUCTURE ===== */
.industry-card-fix {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 20px 18px; /* reduced height */
}

/* ===== CONTENT WIDTH (INCREASE CARD WIDTH FEEL) ===== */
.industry-content-fix {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    max-width: 300px; /* increased from 260px */
    margin: 0 auto;
}

/* ===== SUBHEADING (2 LINE FIX) ===== */
.header-text p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    max-width: 520px;
    margin-left: auto; /* keeps right alignment */
}

/* ===== CLICKABLE CARD ===== */
.industry-link {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

/* ===== EQUAL HEIGHT FIX ===== */
.service-section .row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0; /* vertical spacing reduced */
}

.service-section .col-xl-4,
.service-section .col-lg-4,
.service-section .col-md-6 {
    display: flex;
}

/* ===== REDUCE OVERALL CARD HEIGHT ===== */
.single-service-style-2 {
    padding: 25px 20px !important;
}

/* ===== OPTIONAL: CONTROL LIST HEIGHT (PERFECT ALIGNMENT) ===== */
.industry-list-new {
    min-height: 130px;
}
/* ================= RESPONSIVE FIX ================= */

/* ---------- TABLET (≤ 992px) ---------- */
@media (max-width: 992px) {

    /* Stack properly */
    .service-section .row {
        flex-direction: row;
    }

    /* 2 cards per row */
    .service-section .col-xl-4,
    .service-section .col-lg-4,
    .service-section .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* Content width adjust */
    .industry-content-fix {
        max-width: 100%;
        padding: 0 10px;
    }

    /* Heading alignment center */
    .header-text {
        text-align: center !important;
    }

    .header-text p {
        margin: 10px auto 0;
        text-align: center;
    }

    /* Button center */
    .header-btn {
        text-align: center;
        margin-bottom: 20px;
    }
}


/* ---------- MOBILE (≤ 576px) ---------- */
@media (max-width: 576px) {

    /* 1 card per row */
    .service-section .col-xl-4,
    .service-section .col-lg-4,
    .service-section .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Reduce padding */
    .single-service-style-2 {
        padding: 20px 15px !important;
    }

    /* Smaller titles */
    .single-service-style-2 h3 {
        font-size: 18px;
    }

    /* List text smaller */
    .industry-list-new li {
        font-size: 13px;
        line-height: 1.4;
    }

    /* Remove fixed height for better flow */
    .industry-list-new {
        min-height: auto;
    }

    /* Subheading full width */
    .header-text p {
        -webkit-line-clamp: unset;
        max-width: 100%;
    }

    /* Better spacing */
    .service-section .row {
        gap: 15px;
    }
}


/* ---------- EXTRA SMALL (≤ 400px) ---------- */
@media (max-width: 400px) {

    .single-service-style-2 h3 {
        font-size: 16px;
    }

    .industry-list-new li {
        font-size: 12.5px;
    }

    .theme-btn {
        font-size: 13px;
        padding: 10px 16px;
    }
}
/* ===== HOVER TEXT VISIBILITY FIX ===== */

/* Default smooth transition */
.industry-card-fix,
.industry-card-fix h3,
.industry-card-fix li,
.industry-card-fix li::before {
    transition: all 0.3s ease;
}

/* On hover - change background */
.industry-link:hover .industry-card-fix {
    background: #166FD3; /* your blue tone */
}

/* Heading color */
.industry-link:hover .industry-card-fix h3 {
    color: #ffffff;
}

/* List text color */
.industry-link:hover .industry-card-fix li {
    color: #ffffff;
}

/* Tick color */
.industry-link:hover .industry-card-fix li::before {
    color: #90ee90; /* light green for visibility */
}

/* Optional: icon color invert (if SVG supports) */
.industry-link:hover .industry-card-fix .icon img {
    filter: brightness(0) invert(1);
}
/* industries section 1 manufacturing page css ends */
/* ...................................................................................... */





/* ...................................................................................... */
/* industries section 2 trading page css starts */

/* ===== REMOVE HOVER FROM FEATURE CARDS ===== */
.trade-card {
    background: #f5f5f5;
    padding: 14px 18px;
    border-radius: 10px;

    display: flex;
    align-items: center;
    gap: 12px;

    font-size: 15px;
    color: #333;

    transition: none; /* ❌ remove animation */
}

/* REMOVE hover */
.trade-card:hover {
    background: #f5f5f5;
    color: #333;
}

.trade-card i {
    color: #2b6cb0;
}


/* ===== STRONG HOVER FOR MAIN CLICKABLE HEADING ===== */
.trade-heading a {
    text-decoration: none;
    color: #1a1a1a;
    position: relative;
    transition: 0.3s ease;
}

/* underline animation */
.trade-heading a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0%;
    height: 2px;
    background: #2b6cb0;
    transition: width 0.3s ease;
}

/* hover effect */
.trade-heading a:hover {
    color: #2b6cb0;
}

.trade-heading a:hover::after {
    width: 100%;
}
/* ===== REMOVE GAP BETWEEN HEADER & CONTENT ===== */

/* remove top margin from main section */
.health-new-section .mt-5 {
    margin-top: 10px !important; /* reduce from large gap */
}

/* reduce header bottom spacing */
.health-new-section .header-text {
    margin-bottom: 10px;
}

/* remove extra space from row */
.health-new-section .row {
    margin-bottom: 0;
}

/* tighten layout spacing */
.health-layout-new {
    margin-top: 0;
    padding-top: 0;
}

/* optional: reduce section padding */
.health-new-section {
    padding-top: 60px;  /* adjust if still large */
    padding-bottom: 60px;
}
/* ===== FINAL FORCE FIX USING GRID ===== */
.trading-header-final {
    display: grid !important;
    grid-template-columns: 1fr auto;  /* TEXT LEFT | BUTTON RIGHT */
    align-items: center;
    width: 100%;
}

/* TEXT LEFT */
.trading-header-final .header-text {
    text-align: left;
}

/* BUTTON RIGHT */
.trading-header-final .header-btn {
    justify-self: end;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {

    .trading-header-final {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 15px;
    }

    .trading-header-final .header-text {
        text-align: center;
    }

    .trading-header-final .header-btn {
        justify-self: center;
    }
}
/* industries section 2 trading page css ends  */
/* .................................................................................... */




/* .................................................................................... */
/* industries section 3 retail page css starts  */
/* ===== RETAIL SECTION DARK BG ===== */
.retail-dark-section {
    background: #0f172a;
}

/* ===== HEADER ===== */
.retail-title {
    color: #ffffff;
}

.retail-subtext {
    color: #cbd5e1;
    max-width: 600px;
    line-height: 1.6;
}

/* ===== GRID ===== */
.retail-grid-new {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

/* ===== CARD DEFAULT (PURE WHITE) ===== */
.retail-card-new {
    background: #ffffff;
    border-radius: 12px;
    padding: 25px;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    transition: all 0.3s ease;

    /* REMOVE GREY SOURCE */
    background-image: none;
    box-shadow: none;
}

/* REMOVE ANY OVERLAY */
.retail-card-new::before,
.retail-card-new::after {
    display: none;
}

/* clickable */
.retail-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

/* ===== TEXT DEFAULT ===== */
.retail-card-new h4 {
    color: #1a1a1a;
    margin-bottom: 12px;
}

.retail-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.retail-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #6c757d;
    line-height: 1.5;
    transition: 0.3s;
}

/* tick */
.retail-list li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #22c55e;
    font-size: 12px;
    transition: 0.3s;
}

/* ===== HOVER (WORKING NOW 🔥) ===== */
.retail-card-link:hover .retail-card-new {
    background: #166FD3;  /* your blue */
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.3);
}

/* heading on hover */
.retail-card-link:hover .retail-card-new h4 {
    color: #ffffff;
}

/* list text on hover */
.retail-card-link:hover .retail-list li {
    color: #ffffff;
}

/* tick on hover */
.retail-card-link:hover .retail-list li::before {
    color: #bbf7d0;
}

/* ===== RESPONSIVE ===== */

/* tablet */
@media (max-width: 992px) {
    .retail-grid-new {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* mobile */
@media (max-width: 768px) {
    .retail-grid-new {
        grid-template-columns: 1fr;
    }

    .retail-card-new {
        padding: 20px;
    }

    .retail-card-new h4 {
        font-size: 18px;
    }

    .retail-list li {
        font-size: 13px;
    }
}

/* small mobile */
@media (max-width: 480px) {
    .retail-card-new h4 {
        font-size: 16px;
    }

    .retail-list li {
        font-size: 12.5px;
    }
}
.custom-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

    /* THIS LINE WILL FLIP EVERYTHING */
    flex-direction: row-reverse;
}
.custom-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 350px; /* 🔥 spacing between button & text */
}
@media (max-width: 992px) {
    .custom-header-row {
        flex-direction: column; /* stack properly */
        align-items: center;
        text-align: center;
        gap: 20px;
    }

    .header-text {
        text-align: center;
        margin: 0;
    }

    .header-btn {
        margin: 0;
    }
}


/* RIGHT SIDE TEXT */
.header-text {
    text-align: right;
    margin-left: auto; /* pushes text nicely to right */
    max-width: 600px;
}

/* BUTTON SIDE */
.header-btn {
    margin-right: auto; /* keeps button properly on left */
}

/* industries section 3 retail page css ends  */
/* .................................................................................... */



/* ..................................................................................... */
/* industries section 4 logistics page css starts */
@media (max-width: 768px) {

    .logistics-header-reverse {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* TEXT FIRST */
    .logistics-header-reverse .header-text {
        order: 1 !important;
        width: 100%;
        text-align: center !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* SUBTEXT */
    .logistics-subtext {
        text-align: center !important;
        margin: 0 auto !important;
    }

    /* BUTTON LAST */
    .logistics-header-reverse .header-btn {
        order: 2 !important;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }
}
@media (max-width: 768px) {

    .logistics-header-reverse .header-btn {
        width: 100%;
        display: flex;
        justify-content: center !important;
        align-items: center;
    }

    .logistics-header-reverse .header-btn a {
        margin: 0 auto;
        display: inline-block;
    }
}
/* ===== HEADER REVERSE ===== */
.logistics-header-reverse {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* ===== FIX BUTTON FULL LEFT ===== */
.logistics-header-reverse .header-btn {
    margin-right: auto;
    margin-left: 0;
    display: flex;
    justify-content: flex-start;
}

/* ===== KEEP TEXT RIGHT ===== */
.logistics-header-reverse .header-text {
    margin-left: auto;
    text-align: left;
        padding-left: 100px; /* adjust 10–20px as needed */

}

/* ===== SUBTEXT ===== */
.logistics-subtext {
    max-width: 550px;
    margin-left: auto;
    text-align: left;
}

/* ===== GRID (EQUAL HEIGHT USING FLEX) ===== */
.logistics-grid-new {
    display: flex;
    gap: 25px;
}

/* each card column */
.logistics-card-link {
    flex: 1;
    display: flex;
    text-decoration: none;
    color: inherit;
}

/* ===== CARD ===== */
.logistics-card-new {
    background: #ffffff;
    border-radius: 12px;
    padding: 25px;
    width: 100%;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    transition: all 0.3s ease;
}

/* ===== TEXT ===== */
.logistics-card-new h4 {
    color: #1a1a1a;
    margin-bottom: 12px;
}

/* ===== LIST ===== */
.logistics-list {
    list-style: none;
    padding: 0;
    margin: 0;
    flex-grow: 1;
}

.logistics-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #6c757d;
    line-height: 1.5;
}

/* tick */
.logistics-list li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #22c55e;
    font-size: 12px;
}

/* ===== HOVER ===== */
.logistics-card-link:hover .logistics-card-new {
    background: #166FD3;
    transform: translateY(-5px);
}

.logistics-card-link:hover h4,
.logistics-card-link:hover li {
    color: #ffffff;
}

.logistics-card-link:hover li::before {
    color: #bbf7d0;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
    .logistics-grid-new {
        gap: 20px;
    }
}

@media (max-width: 768px) {

    /* stack cards */
    .logistics-grid-new {
        flex-direction: column;
    }

    /* header stack */
    .logistics-header-reverse {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .logistics-header-reverse .header-text {
        text-align: left;
        margin-left: 0;
    }

    .logistics-subtext {
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .logistics-card-new {
        padding: 20px;
    }

    .logistics-card-new h4 {
        font-size: 16px;
    }

    .logistics-list li {
        font-size: 13px;
    }
}

/* industries section 4 logistics page css ends */
/* ...................................................................................... */



/* ..................................................................................... */
/* industries section 5 construction page css starts */
/* ===== FACILITY DARK SECTION ===== */
/* MOBILE / TABLET ONLY */

@media (max-width: 992px) {

    /* REMOVE right push */
    .header-reverse .col-lg-6:last-child {
        justify-content: center !important;
        display: flex;
    }

    /* CENTER TEXT */
    .header-reverse .section-title {
        text-align: center;
        width: 100%;
    }

    /* EXTRA SAFE (heading + paragraph) */
    .header-reverse h2,
    .header-reverse p {
        text-align: center;
    }
}
@media (max-width: 992px) {

    .header-reverse {
        display: flex;
        flex-direction: column;
    }

    /* TEXT first */
    .header-reverse .col-lg-6:last-child {
        order: 1;
    }

    /* BUTTON goes below */
    .header-reverse .col-lg-6:first-child {
        order: 2;
    }

    /* center align button nicely */
    .header-btn {
        text-align: center;
        margin-top: 15px;
    }
}
/* FORCE RIGHT SIDE TEXT BLOCK PROPERLY */
.header-reverse .col-lg-6:last-child {
    display: flex;
    justify-content: flex-end;
}

/* MAIN FIX */
.header-reverse .section-title {
    width: 100%;
    max-width: 500px;   /* 🔥 reduce width so heading doesn't stretch */
    text-align: left;
}

/* EXTRA CONTROL (VERY IMPORTANT) */
.header-reverse .industry-title {
    width: 100%;
    line-height: 1.2;
}
.facility-dark-section {
    background: #0f172a !important;
}

/* ===== HEADING ===== */
.facility-dark-section h2 {
    color: #ffffff;
}

/* ===== PARAGRAPH ===== */
.facility-dark-section p {
    color: #e2e8f0; /* soft white for readability */
}
/* ===== FIX SUBTEXT CUTTING ISSUE (GLOBAL SAFE FIX) ===== */
.trade-subtext,
.header-text p {
    display: block !important;
    overflow: visible !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}
.trade-subtext {
    max-width: 650px; /* control width instead of cutting */
    line-height: 1.6;
}
/* ===== CONSTRUCTION SECTION ALIGN FIX (SCOPED) ===== */
.construct-section-fix .header-text {
    text-align: left;
}

.construct-section-fix .trade-subtext {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

/* override any center alignment coming from theme */
.construct-section-fix .header-text p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

/* RIGHT SIDE BLOCK */
.header-reverse .col-lg-6:last-child {
    display: flex;
    justify-content: flex-end;
}

/* TEXT BLOCK CONTROL */
.header-reverse .section-title {
    max-width: 520px;     /* 🔥 controls width */
    width: 100%;
    text-align: right;    /* ✅ RIGHT ALIGN TEXT */
}

/* HEADING */
/* ===== FINAL HEADING FIX ===== */
.construction-fix .industry-title {
    display: inline-block;
    white-space: nowrap !important;
    width: max-content;
    
    font-size: 34px;
    font-weight: 600;
    line-height: 1.2;

    /* optional slight shift if needed */
    position: relative;
    right: 80px; /* adjust 20–60px if needed */
    
}

/* PARAGRAPH */
.construction-fix p {
    margin: 0;
}

/* industries section 5 construction page css ends */
/* ..................................................................................... */




/* ...................................................................................... */
/* industries section 6 agri page css starts */
/* ===== HEADER ROW ===== */
/* MOBILE / TABLET ONLY */
@media (max-width: 992px) {

    .agri-header-row {
        display: flex;
        flex-direction: column;
    }

    /* TEXT FIRST */
    .agri-header-row .col-lg-6:last-child {
        order: 1;
    }

    /* BUTTON BELOW TEXT */
    .agri-header-row .col-lg-6:first-child {
        order: 2;
    }

    /* CENTER BUTTON */
    .agri-header-row .header-btn {
        text-align: center;
        margin-top: 15px;
    }
}
@media (max-width: 992px) {
    .agri-section .agri-header-row {
        flex-direction: column !important;
    }
}
.sugar-fix .agri-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ===== BUTTON COLUMN (LEFT ALIGN WITH CARDS) ===== */
.sugar-fix .agri-btn-col {
    display: flex;
    justify-content: flex-start;
    padding-left: 0 !important;   /* align with container */
}

/* remove any unwanted spacing */
.sugar-fix .agri-btn-col .header-btn {
    margin-left: 0;
}

.sugar-fix .agri-btn-col .theme-btn {
    margin-left: 0;
}

/* ===== TEXT COLUMN (RIGHT ALIGN WITH LAST CARD) ===== */
.sugar-fix .agri-text-col {
    display: flex;
    justify-content: flex-end;
    padding-right: 0 !important;  /* align with container */
}

/* ===== TEXT BLOCK ===== */
.sugar-fix .agri-text-col .header-text {
    max-width: 600px;

    margin-left: auto;
margin-right: 40px;   /* 🔥 increase this to push LEFT */   /* 🔥 KEY FIX (remove manual shift) */

    text-align: right;
}

/* ===== HEADING ===== */
.sugar-fix .agri-text-col h2 {
    color: #ffffff;
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 10px;
}

/* ===== SUBTEXT ===== */
.sugar-fix .agri-text-col p {
    color: #cbd5e1;
    max-width: 520px;
    margin-left: auto;
    line-height: 1.6;
}

/* ============================= */
/* 📱 RESPONSIVE FIXES */
/* ============================= */

/* ===== TABLET ===== */
@media (max-width: 992px) {

    .sugar-fix .agri-header-row {
        flex-direction: column;
        gap: 25px;
        text-align: center;
    }

    .sugar-fix .agri-btn-col {
        justify-content: center;
    }

    .sugar-fix .agri-text-col {
        justify-content: center;
    }

    .sugar-fix .agri-text-col .header-text {
        margin: 0 auto;
        text-align: center;
    }
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {

    .sugar-fix .agri-text-col h2 {
        font-size: 26px;
        text-align: center;
    }

    .sugar-fix .agri-text-col p {
        text-align: center;
        max-width: 90%;
        margin: 0 auto;
    }
}
/* ===== AGRI SECTION LIGHT BACKGROUND ONLY ===== */
.section-padding.section-bg-2.sugar-fix.section-dark:has(.agri-header-row) {
    background-color: #f5f7fa !important;
}
.agri-section .industry-title {
    color: #0f172a !important;
}

.agri-section p {
    color: #475569 !important;
}
/* ===== NEW SWAP LAYOUT ===== */
.swap-header .agri-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* TEXT → LEFT */
.swap-header .agri-text-col {
    order: 1;
    display: flex;
    justify-content: flex-start;
    padding-left: 0 !important;
}

.swap-header .agri-text-col .header-text {
    margin: 0;
    text-align: left;
}

/* BUTTON → RIGHT */
.swap-header .agri-btn-col {
    order: 2;
    display: flex;
    justify-content: flex-end;
    padding-right: 0 !important;
}

.swap-header .agri-btn-col .header-btn,
.swap-header .agri-btn-col .theme-btn {
    margin: 0;
}
/* FORCE BOTH COLUMNS SAME HEIGHT */
.swap-header .agri-header-row {
    display: flex;
    align-items: stretch;   /* 🔥 important */
}

/* TEXT COLUMN */
.swap-header .agri-text-col {
    display: flex;
    align-items: center;    /* center text vertically */
}

/* BUTTON COLUMN */
.swap-header .agri-btn-col {
    display: flex;
    align-items: center;    /* center button vertically */
    justify-content: flex-end;
}
/* override bootstrap alignment */
.swap-header .agri-header-row {
    align-items: center !important;
}

/* make both columns behave same */
.swap-header .agri-text-col,
.swap-header .agri-btn-col {
    display: flex;
    align-items: center;   /* 🔥 THIS FIXES IT */
}

/* keep text left */
.swap-header .agri-text-col {
    justify-content: flex-start;
}

/* keep button right */
.swap-header .agri-btn-col {
    justify-content: flex-end;
}

/* REMOVE extra spacing causing shift */
.swap-header .header-text h2,
.swap-header .header-text p {
    margin: 0;
}
/* industries section 6 agri page css ends */
/* ..................................................................................... */



/* ...................................................................................... */
/* industries section 7 healthcare page css starts */
/* ===== SECTION ===== */
.health-pro-section {
    background: rgb(15, 23, 42);
    padding: 80px 0;
}

/* ===== HEADING + SUBTEXT WHITE (NEW CLASS) ===== */
.health-pro-heading h2 {
    color: #ffffff;
}

.health-pro-heading p {
    color: #e2e8f0; /* slightly lighter white */
    max-width: 600px;
    line-height: 1.6;
}
/* Desktop (already working - keep it) */
#healthcare .industry-title {
    display: block !important;
    width: 100% !important;
    right: 0 !important;
    text-align: right !important;
}

/* Mobile only */
@media (max-width: 576px) {
    #healthcare .industry-title {
        text-align: center !important;
    }

    #healthcare .section-title p {
        text-align: center !important;
    }
}
/* ===== MAIN LAYOUT ===== */
.health-pro-layout {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-top: 50px;
}

/* ===== IMAGE ===== */
.health-pro-image img {
    width: 100%;
    max-width: 420px;
    border-radius: 12px;
}

/* ===== CONTENT ===== */
.health-pro-content {
    flex: 1;
}

/* ===== HIGHLIGHT ===== */
.health-pro-highlight h3 {
    color: #ffffff;
    margin-bottom: 10px;
}

.health-pro-highlight p {
    color: #94a3b8;
    margin-bottom: 20px;
}

/* ===== FEATURES ===== */
.health-pro-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

/* ===== FEATURE ITEMS ===== */
.health-pro-item {
    background: rgba(255, 255, 255, 0.06);
    color: #e2e8f0;
    padding: 12px 14px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.5;
    transition: 0.2s ease;
}

/* hover */
.health-pro-item:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {

    .health-pro-layout {
        flex-direction: column;
    }

    .health-pro-features {
        grid-template-columns: 1fr;
    }
}
/* ===== CLICKABLE HEADING LINK ===== */
.health-pro-link {
    color: #ffffff;
    text-decoration: none;
    transition: 0.2s ease;
}

/* hover effect */
.health-pro-link:hover {
    color: #60a5fa; /* soft blue highlight */
}
/* ===== SECTION ===== */
.health-pro-section {
    background: rgb(15, 23, 42);
    padding: 80px 0;
}

/* ===== HEADING ===== */
.health-pro-heading h2 {
    color: #ffffff;
    
}

.health-pro-heading p {
    color: #e2e8f0;
    max-width: 600px;
    line-height: 1.6;
    
}

/* ===== LAYOUT ===== */
.health-pro-layout {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-top: 50px;
}

/* ===== IMAGE ===== */
.health-pro-image img {
    width: 100%;
    max-width: 420px;
    border-radius: 12px;
}

/* ===== CONTENT ===== */
.health-pro-content {
    flex: 1;
}

/* ===== HIGHLIGHT ===== */
.health-pro-highlight h3 {
    margin-bottom: 10px;
}

.health-pro-link {
    color: #ffffff;
    text-decoration: none;
}

.health-pro-link:hover {
    color: #60a5fa;
}

.health-pro-highlight p {
    color: #94a3b8;
    margin-bottom: 20px;
}

/* ===== FEATURES GRID ===== */
.health-pro-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

/* ===== FEATURE ITEMS ===== */
.health-pro-item {
    background: rgba(255, 255, 255, 0.06);
    color: #e2e8f0;
    padding: 14px 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.6;
    transition: 0.2s ease;
}

/* hover */
.health-pro-item:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {

    .health-pro-layout {
        flex-direction: column;
        gap: 30px;
    }

    .health-pro-features {
        grid-template-columns: 1fr;
    }

    .health-pro-heading {
        text-align: center;
    }
    
}

/* industries section 7 healthcare page css starts */
/* ...................................................................................... */




/* ........................................................................................*/
/* industries section 8 restuarant page css starts */

/* ===== SECTION ===== */
.restrox-section {
    background: #f5f7fa;
    padding: 80px 0;
}

/* ===== HEADER TEXT ===== */
.restrox-header-text {
    max-width: 600px;
    margin-left: auto;
}

.restrox-title {
    color: #0f172a;
    font-size: 38px;
    line-height: 1.2;
}

.restrox-subtext {
    color: #475569;
    line-height: 1.6;
}

/* ===== LAYOUT ===== */
.restrox-layout {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-top: 50px;
}

/* ===== CONTENT ===== */
.restrox-content {
    flex: 1;
}

/* ===== HIGHLIGHT ===== */
.restrox-highlight h3 {
    margin-bottom: 10px;
}

.restrox-link {
    color: #0f172a;
    text-decoration: none;
}

.restrox-link:hover {
    color: #2563eb;
}

.restrox-highlight p {
    color: #64748b;
    margin-bottom: 20px;
}

/* ===== FEATURES ===== */
.restrox-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

/* ===== ITEMS ===== */
.restrox-item {
    background: #ffffff;
    color: #1e293b;
    padding: 14px 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: 0.2s ease;
}

.restrox-item:hover {
    transform: translateY(-2px);
}

/* ===== IMAGE ===== */
.restrox-image img {
    width: 100%;
    max-width: 420px;
    border-radius: 12px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {

    .restrox-layout {
        flex-direction: column;
    }

    .restrox-features {
        grid-template-columns: 1fr;
    }

    .restrox-header-text {
        text-align: center;
        margin: 0 auto;
    }
}
/* ===== FORCE ORDER FIX (WORKING) ===== */
@media (max-width: 992px) {

    .restrox-section .row.align-items-center {
        display: flex;
        flex-direction: column;
    }

    /* TEXT COLUMN (SECOND IN HTML → MAKE FIRST) */
    .restrox-section .row.align-items-center > div:nth-child(2) {
        order: 1;
        text-align: center;
        margin-bottom: 15px;
    }

    /* BUTTON COLUMN (FIRST IN HTML → MAKE SECOND) */
    .restrox-section .row.align-items-center > div:nth-child(1) {
        order: 2;
        text-align: center;
    }

}

/* industries section 8 restuarant page css ends */



/* ................................................................................ */
/* prodcuts final page css starts */

/* ===== PRODUCT CARD STYLE ===== */

.product-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 20px;
    height: 100%;
    text-align: center;
    transition: all 0.3s ease;
}

/* Icon */
.product-card .icon {
    margin-bottom: 15px;
}

.product-card .icon img {
    width: 50px;
    height: 50px;
}

/* Title */
.product-card h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}

/* Description */
.product-card p {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 15px;
}

/* CTA */
.product-card .view-btn {
    font-size: 14px;
    font-weight: 500;
    color: #166FD3;
}

/* Hover */
.product-link:hover .product-card {
    background: #166FD3;
}

.product-link:hover h3,
.product-link:hover p,
.product-link:hover .view-btn {
    color: #fff;
}

.product-link:hover .icon img {
    filter: brightness(0) invert(1);
}
/* ===== PRODUCT ICON STYLE ===== */

.product-card .icon {
    margin-bottom: 15px;
}

/* Icon size + color */
.product-card .icon i {
    font-size: 42px;
    color: #166FD3;
    display: inline-block;
    transition: all 0.3s ease;
}

/* Hover effect */
.product-link:hover .icon i {
    color: #ffffff;
    transform: scale(1.1);
}
/* OPTIONAL: better icon size on small screens */
@media (max-width: 576px) {
    .product-card .icon i {
        font-size: 34px;
    }
}
/* ===== PREMIUM ICON DESIGN ===== */

.product-card .icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: rgba(22, 111, 211, 0.08); /* light blue bg */

    transition: all 0.3s ease;
}

/* Icon */
.product-card .icon i {
    font-size: 30px;
    color: #166FD3;
    transition: all 0.3s ease;
}

/* Hover - card */
.product-link:hover .product-card {
    background: #166FD3;
}

/* Hover - icon circle */
.product-link:hover .icon {
    background: rgba(255, 255, 255, 0.2);
}

/* Hover - icon */
.product-link:hover .icon i {
    color: #ffffff;
    transform: scale(1.1);
}
/* ===== CLEAN 3D HOVER ONLY ===== */

.product-card {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Hover effect */
.product-link:hover .product-card {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

/* ===== CTA NORMAL ===== */
.product-card .view-btn {
    display: inline-block;
    transition: all 0.3s ease;
}

/* ===== HOVER POP EFFECT ===== */
.product-link:hover .view-btn {
    transform: translateY(-3px) scale(1.05);
    letter-spacing: 0.5px;
}
.product-card .view-btn {
    transition: all 0.3s ease;
}

.product-link:hover .view-btn {
    transform: translateY(-3px) scale(1.05);
}

.product-link:hover .view-btn::after {
    margin-left: 5px;
}
/* ===== CATEGORY HEADINGS ===== */

.category-heading {
    margin-bottom: 30px;
}

.category-heading h3 {
    font-size: 26px;
    font-weight: 600;
    color: #1a1a1a;
    border-left: 4px solid #166FD3;
    padding-left: 12px;
}
/* slider */
/* ===== CATEGORY SLIDER ===== */

.category-slider {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding: 20px 15px;

    width: 100%;         /* ADD THIS */
    max-width: 100%;     /* ADD THIS */
}

/* Hide scrollbar */
.category-slider::-webkit-scrollbar {
    display: none;
}

/* IMPORTANT: add end spacing so last item is visible */
.category-slider::after {
    content: "";
    flex: 0 0 20px; /* creates right spacing */
}

/* Item */
.cat-item {
    flex: 1;                /* auto adjust width */
    min-width: 0;           /* allow shrinking */
    max-width: 160px;       /* control size */

    text-align: center;
    padding: 18px 10px;

    background: #fff;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,0.05);
}
/* Icon */
.cat-item i {
    font-size: 22px;
    color: #166FD3;
    margin-bottom: 8px;
    display: block;
}

/* Text */
.cat-item span {
    font-size: 14px;
    font-weight: 500;
}

/* Hover */
.cat-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* ===== RESPONSIVE ===== */

@media (max-width: 992px) {
    .category-slider {
        flex-wrap: wrap;
        justify-content: center;
    }

    .cat-item {
        flex: 0 0 30%; /* 3 per row */
    }
}

@media (max-width: 768px) {
    .category-slider {
        gap: 15px;
        padding: 15px 12px;
    }

    .cat-item {
        min-width: 115px;
        padding: 14px 10px;
    }

    .cat-item i {
        font-size: 20px;
    }

    .cat-item span {
        font-size: 13px;
    }
}
@media (max-width: 576px) {
    .category-slider {
        flex-direction: column; /* STACK */
        align-items: center;
    }

    .cat-item {
        width: 100%;          /* full width */
        max-width: 320px;     /* nice centered card */
    }
}
@media (max-width: 480px) {
    .cat-item {
        min-width: 100px;
        padding: 12px 8px;
    }

    .cat-item i {
        font-size: 18px;
    }

    .cat-item span {
        font-size: 12px;
    }
}

/* Smooth scroll globally */
html {
    scroll-behavior: smooth;
}

/* products final page css ends */
/* ................................................................................ */




/* market page css starts */
/* india */
/* ===== GLOBAL ===== */
body{
  font-family: 'Segoe UI', sans-serif;
  background:#f8f8f6;
  color:#1a1a18;
}

section{
  padding:70px 0;
}

h1,h2{
  font-weight:600;
}

/* ===== HERO ===== */
.india-hero{
  background:#0f172a;
  color:#fff;
  text-align:center;
  padding:100px 20px;
}
.india-hero h1 {
    color: #ffffff !important;
     font-size: 55px !important;
}
.india-hero p{
  color:#cfcfcf;
}

/* BUTTON */
.btn-main{
  background:#fff;
  color:#1a1a18;
  padding:12px 25px;
  border-radius:6px;
  margin:10px;
  display:inline-block;
  text-decoration:none;
}

/* LIGHT */
.light-section{
  background:#fff;
}

/* DARK */
.dark-section{
  background: #0f172a;
  color:#fff;
}

.dark-section p{
  color:#cfcfcf;
}

/* GRID */
.grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:30px;
}

/* CARD */
.card-box{
  background:#fff;
  padding:20px;
  border-radius:10px;
  border:1px solid #eee;
  transition:.3s;
}

.card-box:hover{
  transform:translateY(-5px);
}

/* DARK CARD */
.dark-section .card-box{
  background:#fff;
  border:none;
}
.card-box {
    color: #000000 !important;
}
/* INDUSTRY */
.industry-card{
  padding:20px;
  border:1px solid #eee;
  border-radius:10px;
  background:#fff;
  text-decoration:none;
  color:#1a1a18;
  transition:.3s;
}

.industry-card:hover{
  transform:translateY(-5px);
}

/* DARK INDUSTRY */
.dark-section .industry-card{
  background:#2a2a28;
  color:#fff;
}

/* CTA */
.final-cta{
  text-align:center;
}

/* RESPONSIVE */
@media(max-width:768px){
  .grid{
    grid-template-columns:1fr;
  }
}
.india-hero h1 {
    font-size: 48px !important;
}

@media (max-width: 992px) {
    .india-hero h1 {
        font-size: 36px !important;
    }
}

@media (max-width: 576px) {
    .india-hero h1 {
        font-size: 28px !important;
    }
}
.dark-section {
    color: #fff;
}

.dark-section h1,
.dark-section h2,
.dark-section h3 {
    color: #ffffff !important;
}

.dark-section p {
    color: #d1d1d1 !important;
}
/* ===== SECTION ===== */
.problem-section {
    background: #f1f1f1;
}

/* ===== HEADING ===== */
.problem-section .category-heading h3 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
}

/* ===== CARD ===== */
.problem-card {
    background: #ffffff;
    padding: 40px 25px;
    border-radius: 14px;
    text-align: center;
    border: 1px solid #eee;
    height: 100%;
    transition: all 0.3s ease;
}

/* ICON */
.problem-card .icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    background: #eef3f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.problem-card .icon i {
    font-size: 26px;
    color: #2a7de1;
}

/* TITLE */
.problem-card h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #1a1a18;
}

/* TEXT */
.problem-card p {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
}

/* ===== RESPONSIVE ===== */

/* Tablet */
@media (max-width: 992px) {
    .problem-section .category-heading h3 {
        font-size: 24px;
    }

    .problem-card {
        padding: 30px 20px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .problem-section .category-heading h3 {
        font-size: 22px;
    }

    .problem-card {
        padding: 25px 18px;
    }

    .problem-card .icon {
        width: 60px;
        height: 60px;
    }

    .problem-card .icon i {
        font-size: 22px;
    }
}
/* india page ends */




/* case studies page css */
/* RESET */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', sans-serif;
    background: #f5f7fb;
    color: #1f2937;
}

/* CONTAINER */
.container {
    width: 90%;
    max-width: 1100px;
    margin: auto;
}

/* HERO */
.hero {
    background: #111827;
    color: #fff;
    text-align: center;
    padding: 80px 20px;
}

.hero h1 {
    font-size: 42px;
    margin-bottom: 10px;
}

.hero p {
    color: #d1d5db;
    font-size: 18px;
}

/* SECTION */
.section {
    padding: 50px 0;
}

.section h2 {
    font-size: 26px;
    margin-bottom: 25px;
    border-left: 4px solid #166FD3;
    padding-left: 10px;
}

/* GRID */
.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/* CARD */
.card {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    transition: 0.3s;
}

.card:hover {
    transform: translateY(-5px);
    border-color: #166FD3;
}

/* TAG */
.tag {
    display: inline-block;
    background: #eef2ff;
    color: #166FD3;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
    margin-bottom: 10px;
}

/* TEXT */
.card h3 {
    margin-bottom: 10px;
    font-size: 20px;
}

.card p {
    margin: 6px 0;
    font-size: 14px;
}

/* READ MORE */
.read-more {
    display: inline-block;
    margin-top: 10px;
    color: #166FD3;
    text-decoration: none;
    font-weight: 600;
}

.read-more:hover {
    text-decoration: underline;
}

/* RESPONSIVE */
@media (max-width: 768px) {

    .hero h1 {
        font-size: 30px;
    }

    .grid {
        grid-template-columns: 1fr;
    }

    .section h2 {
        font-size: 22px;
    }
}
.case-hero h1 {
    color: #fff;
}
/* case studies page css ends */




/* careers page css starts */

/* ===== CAREERS SECTION ===== */

.careers-section {
    padding: 80px 20px;
    background: #ffffff; /* dark modern theme */
    color: #fff;
}

.careers-container {
    max-width: 1100px;
    margin: auto;
    text-align: center;
}

.careers-content h2 {
    font-size: 42px;
    margin-bottom: 15px;
    font-weight: 600;
}

.careers-content p {
    font-size: 17px;
    color: #222222;
    max-width: 600px;
    margin: 0 auto 30px;
    line-height: 1.6;
}

/* BUTTONS */
.careers-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.primary-btn {
    background: #166fd3;
    color: #fff;
    padding: 14px 28px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
}

.primary-btn:hover {
    background: #166FD3;
    transform: translateY(-2px);
}

.secondary-btn {
    border: 1px solid #94a3b8;
    color: #166FD3;
    padding: 14px 28px;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s;
}

.secondary-btn:hover {
    background: rgba(255,255,255,0.1);
}

/* NOTE */
.note {
    display: block;
    margin-top: 12px;
    font-size: 13px;
    color: #94a3b8;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .careers-content h2 {
        font-size: 30px;
    }

    .careers-content p {
        font-size: 15px;
    }
}


/* careers page css ends */



/* compare erp tally page css starts*/
/* ===== COMPARE SECTION ===== */
.compare-section {
    padding: 80px 0;
    background: #f9fafc;
}

.compare-header {
    text-align: center;
    margin-bottom: 40px;
}

.compare-header h2 {
    font-size: 34px;
    font-weight: 600;
    color: #1a1a1a;
}

.compare-header p {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}

/* ===== TABLE ===== */
.compare-table-wrapper {
    overflow-x: auto;
}

.compare-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.compare-table th,
.compare-table td {
    padding: 16px 18px;
    text-align: left;
    border-bottom: 1px solid #eee;
    font-size: 15px;
}

.compare-table th {
    background: #f4f6f9;
    font-weight: 600;
}

/* Highlight ERPNext column */
.compare-table .highlight {
    background: #f0f7ff;
    font-weight: 500;
}

/* Hover effect */
.compare-table tbody tr:hover {
    background: #fafafa;
}

/* ===== CTA ===== */
.compare-cta {
    text-align: center;
    margin-top: 40px;
}

.btn-primary {
    display: inline-block;
    padding: 12px 28px;
    background: #007bff;
    color: #fff;
    border-radius: 6px;
    margin-right: 10px;
    text-decoration: none;
}

.btn-primary:hover {
    background: #0056b3;
}

.btn-secondary {
    display: inline-block;
    padding: 12px 28px;
    border: 1px solid #007bff;
    color: #007bff;
    border-radius: 6px;
    text-decoration: none;
}

.btn-secondary:hover {
    background: #007bff;
    color: #fff;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {

    .compare-header h2 {
        font-size: 26px;
    }

    .compare-table th,
    .compare-table td {
        font-size: 14px;
        padding: 12px;
    }

    .btn-primary,
    .btn-secondary {
        display: block;
        margin: 10px auto;
        width: 80%;
        text-align: center;
    }
}
/* ===== CENTER CTA (SAFE - NO CONFLICT) ===== */
.compare-cta-center {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
/* ===== CTA CENTER WRAPPER ===== */
.compare-cta-center {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    padding: 0 15px; /* mobile spacing */
}

/* Prevent extra spacing issues */
.compare-cta-center .hero-button {
    margin: 0;
    width: auto;
}

/* ===== MOBILE OPTIMIZATION ===== */
@media (max-width: 768px) {

    .compare-cta-center {
        margin-top: 30px;
    }

    .compare-cta-center .hero-button {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .compare-cta-center .theme-btn {
        width: 100%;
        max-width: 280px; /* keeps it neat */
        text-align: center;
        padding: 14px 20px;
        font-size: 15px;
    }
}

/* ===== SMALL MOBILE (EXTRA SAFE) ===== */
@media (max-width: 480px) {

    .compare-cta-center .theme-btn {
        max-width: 240px;
        font-size: 14px;
        padding: 12px 18px;
    }
}

/* compare erp tally page css ends */



/* market page css starts */

/* ===== Market Cards Section ===== */
.market-cards-section {
    background: #ffffff;
    padding: 80px 0;
}

/* Grid Layout */
.market-cards-section .market-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-top: 40px;
}

/* Card */
.market-cards-section .market-card {
    background: #f9fafc;
    border-radius: 12px;
    text-align: center;
    padding: 30px 20px;
    text-decoration: none;
    transition: 0.3s ease;
    border: 1px solid #eee;
}

/* Icon */
.market-cards-section .market-card .icon {
    font-size: 28px;
    color: #166FD3;
    margin-bottom: 12px;
}

/* Title */
.market-cards-section .market-card h4 {
    margin: 0;
    font-size: 16px;
    color: #222;
}

/* Hover */
.market-cards-section .market-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    background: #fff;
}

/* Responsive */
@media (max-width: 992px) {
    .market-cards-section .market-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .market-cards-section .market-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .market-cards-section .market-grid {
        grid-template-columns: 1fr;
    }
}


/* market page css ends */



/* faqs page css starts */

/* ===== FAQ Section ===== */
.faq-section {
    background: #f9fafc;
    padding: 80px 0;
}

.faq-section .section-title p {
    max-width: 700px;
    margin: 0 auto 40px;
}

/* FAQ Wrapper */
.faq-wrapper {
    max-width: 800px;
    margin: 0 auto;
}

/* FAQ Item */
.faq-item {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    border: 1px solid #eee;
    overflow: hidden;
    transition: 0.3s;
}

/* Question */
.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 20px;
    cursor: pointer;
}

.faq-question h4 {
    font-size: 16px;
    margin: 0;
    color: #222;
}

.faq-icon {
    font-size: 20px;
    color: #4f46e5;
}

/* Answer */
.faq-answer {
    display: none;
    padding: 0 20px 18px;
}

.faq-answer p {
    margin: 0;
    font-size: 14px;
    color: #555;
}

/* Active */
.faq-item.active .faq-answer {
    display: block;
}

.faq-item.active .faq-icon {
    transform: rotate(45deg);
}

/* Hover */
.faq-item:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

/* Responsive */
@media (max-width: 768px) {
    .faq-question h4 {
        font-size: 14px;
    }
}


/* faqs page css ends */
/* Only this specific heading */
.case-title {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.3;
}

/* Mobile optimization */
@media (max-width: 575px) {
    .case-title {
        font-size: 20px;
        white-space: nowrap;   /* Force single line */
        overflow: hidden;
        text-overflow: ellipsis; /* Optional: adds ... if too long */
    }
}
.crm-responsive-fix h2 {
    font-size: 28px;
    line-height: 1.4;
    
    white-space: normal;        /* Allow line break */
    overflow: visible;          /* Remove clipping */
    text-overflow: unset;       /* Remove ... */
    
    word-break: break-word;     /* Break long words */
}

/* Tablet */
@media (max-width: 991px) {
    .crm-responsive-fix h2 {
        font-size: 24px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .crm-responsive-fix h2 {
        font-size: 20px;
        padding: 0 10px;        /* Small spacing for better look */
    }
}

/* Extra small */
@media (max-width: 400px) {
    .crm-responsive-fix h2 {
        font-size: 18px;
    }
}
/* Custom Heading Fix - No Conflict */
.custom-responsive-title h2 {
    font-size: 30px;
    line-height: 1.4;

    white-space: normal !important;   /* Override nowrap */
    overflow: visible;
    text-overflow: unset;

    word-break: break-word;
    max-width: 850px;
    margin: 0 auto;
}

/* Tablet */
@media (max-width: 991px) {
    .custom-responsive-title h2 {
        font-size: 26px;
        max-width: 90%;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .custom-responsive-title h2 {
        font-size: 22px;
        padding: 0 10px;
    }
}

/* Extra small */
@media (max-width: 400px) {
    .custom-responsive-title h2 {
        font-size: 20px;
    }
}
/* Reusable Heading Fix */
.fix-heading-wrap h2 {
    font-size: 30px;
    line-height: 1.4;

    white-space: normal !important;   /* Override theme */
    overflow: visible;
    text-overflow: unset;

    word-break: break-word;
    max-width: 850px;
    margin: 0 auto;
}

/* Tablet */
@media (max-width: 991px) {
    .fix-heading-wrap h2 {
        font-size: 26px;
        max-width: 90%;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .fix-heading-wrap h2 {
        font-size: 22px;
        padding: 0 12px;
    }
}

/* Extra small */
@media (max-width: 400px) {
    .fix-heading-wrap h2 {
        font-size: 20px;
    }
}
/* UNIVERSAL HEADING FIX */
.fix-heading-wrap h2 {
    font-size: 30px;
    line-height: 1.4;

    white-space: normal !important;   /* Override nowrap */
    overflow: visible;
    text-overflow: unset;

    word-break: break-word;
    max-width: 850px;
    margin: 0 auto;
}

/* Tablet */
@media (max-width: 991px) {
    .fix-heading-wrap h2 {
        font-size: 26px;
        max-width: 90%;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .fix-heading-wrap h2 {
        font-size: 22px;
        padding: 0 12px;
    }
}

/* Small devices */
@media (max-width: 400px) {
    .fix-heading-wrap h2 {
        font-size: 20px;
    }
}



/* universal heaidng fix */


/* UNIVERSAL HEADING WRAPPER */
.universal-heading-wrap {
    width: 100%;
    padding: 0 12px;              /* safe spacing on mobile */
    box-sizing: border-box;
}

.universal-heading-wrap h1,
.universal-heading-wrap h2,
.universal-heading-wrap h3,
.universal-heading-wrap h4,
.universal-heading-wrap h5,
.universal-heading-wrap h6 {

    /* Core Fix */
    white-space: normal !important;   /* override nowrap */
    overflow-wrap: break-word;
    word-break: break-word;

    /* Layout Control */
    max-width: 100%;
    margin: 0 auto;
    line-height: 1.4;

    /* Prevent overflow */
    overflow: hidden;
}

/* Desktop optimization */
@media (min-width: 992px) {
    .universal-heading-wrap h1,
    .universal-heading-wrap h2,
    .universal-heading-wrap h3 {
        max-width: 900px;   /* keeps heading readable */
    }
}

/* Tablet */
@media (max-width: 991px) {
    .universal-heading-wrap h1 { font-size: 32px; }
    .universal-heading-wrap h2 { font-size: 26px; }
    .universal-heading-wrap h3 { font-size: 22px; }
}

/* Mobile */
@media (max-width: 576px) {
    .universal-heading-wrap h1 { font-size: 26px; }
    .universal-heading-wrap h2 { font-size: 22px; }
    .universal-heading-wrap h3 { font-size: 20px; }
}

/* use?? universal */
/* <div class="universal-heading-wrap"> */


/* ONLY MOBILE FIX - Desktop untouched */
@media (max-width: 576px) {
    .industry-heading-wrap .industry-title {

        /* Override problematic desktop styles */
        display: block !important;
        width: 100% !important;
        right: 0 !important;
        position: static !important;

        /* Allow wrapping */
        white-space: normal !important;
        word-break: break-word;

        /* Responsive font */
        font-size: 22px !important;
        line-height: 1.3;

        /* Optional UI improvement */
        text-align: center;
        padding: 0 10px;
    }
}

/* Extra small mobile */
@media (max-width: 400px) {
    .industry-heading-wrap .industry-title {
        font-size: 20px !important;
    }
}
#healthcare .section-title {
    max-width: 100% !important;   /* remove 520px restriction */
}
#healthcare .header-reverse {
    justify-content: flex-end;
}

/* home features starts */
.features-section {
    background: #ffffff;
    padding: 80px 0;
}

/* HEADING FIX */
.features-title {
    color: #222222;
    font-size: 36px;
    font-weight: 700;
}

/* CARD FIX */
.feature-card {
    background: #ffffff;
    padding: 40px 20px;
    border-radius: 16px;
    text-align: center;
    margin-bottom: 30px;
    border: 1px solid #eee;
    transition: all 0.3s ease;
    height: 220px; /* important for equal size */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ICON */
.feature-card i {
    font-size: 45px;
    color: #166fd3;
    margin-bottom: 15px;
}

/* TEXT */
.feature-card h4 {
    font-size: 20px;
    font-weight: 600;
    color: #222222;
}

/* HOVER EFFECT */
.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

/* RESPONSIVE FIX */
@media (max-width: 768px) {
    .feature-card {
        height: auto;
        padding: 30px;
    }
}


/* home features ends */
/* home section 3 starts*/

.quantbit-hero {
    background: #0f172a;
    padding: 100px 0;
}

/* HEADING */
.qb-title {
    color: #ffffff;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* SUBTITLE */
.qb-subtitle {
    color: #e2e8f0;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 50px;
}

/* POINTS GRID */
.qb-points {
    margin-top: 20px;
}

/* SINGLE POINT */
.qb-point {
    background: rgba(255, 255, 255, 0.05);
    padding: 15px 20px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 20px;
    transition: 0.3s;
    border: 1px solid rgba(255,255,255,0.08);
}

/* HOVER */
.qb-point:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-5px);
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .qb-title {
        font-size: 28px;
    }

    .qb-subtitle {
        font-size: 15px;
    }

    .quantbit-hero {
        padding: 70px 20px;
    }
}

/* home section 3 ends */
/* home case starts */
.case-study-items {
    background: #ffffff;
    padding: 40px 25px;
    border-radius: 16px;
    text-align: center;
    transition: 0.3s;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

/* ICON STYLE */
.case-study-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: #166fd3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case-study-icon i {
    color: #fff;
    font-size: 32px;
}

/* HOVER */
.case-study-items:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

/* TEXT */
.case-study-content h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.case-study-content p {
    font-size: 15px;
    color: #555;
}
/* bg prominent section */
.quantbit-hero {
    background: url('../img/home-images/home-page/services.jpg') no-repeat center center/cover;
    padding: 100px 0;
    position: relative;
    z-index: 1;
}

/* DARK OVERLAY (IMPORTANT for readability) */
.quantbit-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(15, 23, 42, 0.75),
        rgba(15, 23, 42, 0.55)
    );
    z-index: -1;
}

/* TEXT */
.qb-title {
    color: #ffffff;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
}

.qb-subtitle {
    color: #e2e8f0;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 50px;
}

/* POINT CARDS */
.qb-point {
    background: rgba(15, 23, 42, 0.6);
    padding: 15px 20px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 20px;
    border: 1px solid rgba(255,255,255,0.1);
    transition: 0.3s;
}

.qb-point:hover {
    background: rgba(255,255,255,0.15);
    transform: translateY(-5px);
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .qb-title {
        font-size: 28px;
    }

    .qb-subtitle {
        font-size: 15px;
    }

    .quantbit-hero {
        padding: 70px 20px;
    }
}

/* GLASS EFFECT + BORDER */
.qb-point {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 12px;

    padding: 16px 22px;
    color: #ffffff;
    font-size: 16px;

    transition: all 0.3s ease;
}

/* HOVER GLOW EFFECT */
.qb-point:hover {
    background: rgba(22, 111, 211, 0.25); /* your brand blue */
    border-color: #166fd3;

    transform: translateY(-6px) scale(1.02);

    box-shadow: 0 10px 30px rgba(22, 111, 211, 0.35);
}

/* ICON / CHECK ALIGN (if using ✔) */
.qb-point::before {
   
    margin-right: 10px;
    color: #38bdf8;
    font-weight: bold;
}
.qb-title {
    text-shadow: 0 3px 15px rgba(0,0,0,0.5);
}

.qb-subtitle {
    text-shadow: 0 2px 10px rgba(0,0,0,0.4);
}
.qb-subtitle {
    max-width: 750px;
    margin: 0 auto 50px;
}
/* hero universal */
/* REDUCE HERO HEIGHT */
.hrms-hero-custom {
    min-height: 75vh;   /* earlier it feels like 100vh */
    display: flex;
    align-items: center;
    padding: 60px 0;   /* reduce top-bottom spacing */
}

/* CONTROL TEXT WIDTH (better fit) */
.hero-content {
    max-width: 600px;
}

/* MOBILE FIX */
@media (max-width: 768px) {
    .hrms-hero-custom {
        min-height: auto;
        padding: 80px 20px 60px;
    }
}

/* products card space */
/* REDUCE ALL SECTION SPACING */
.section-padding {
    padding: 60px 0 !important;   /* from 120px → 60px */
}

/* DEFAULT SECTION FIX */
section {
    padding: 50px 0 !important;   /* override base */
}

/* FIX FOR SMALL SCREENS */
@media (max-width: 991px) {
    .section-padding {
        padding: 40px 0 !important;
    }

    section {
        padding: 35px 0 !important;
    }
}
/* alternate bg for products */
/* Alternating section backgrounds */
.section-dark-alt {
    background-color: #0f172a; /* dark */
    color: #ffffff;
}

.section-dark-alt h3,
.section-dark-alt p {
    color: #ffffff;
}

.section-light-alt {
    background-color: #ffffff; /* white */
    color: #222222;
}

.section-light-alt h3,
.section-light-alt p {
    color: #222222;
}
/* Dark section */
.section-dark-alt {
    background-color: #0f172a;
    color: #ffffff; /* for headings outside cards */
}

/* KEEP CARDS WHITE */
.section-dark-alt .product-card {
    background: #ffffff;
    color: #222222;
}

/* FORCE TEXT INSIDE CARD TO DARK */
.section-dark-alt .product-card h3,
.section-dark-alt .product-card p,
.section-dark-alt .product-card span {
    color: #222222 !important;
}

/* ICON FIX */
.section-dark-alt .product-card .icon i {
    color: #2563eb; /* nice blue */
}

/* VIEW BUTTON */
.section-dark-alt .product-card .view-btn {
    color: #2563eb !important;
}
.header-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.header-logo img {
    width: 180px;   /* control size here */
    height: auto;
}
/* header css starts*/
/* ================= BASE ================= */

.header-1 .main-menu ul li.has-dropdown {
    position: static !important;
}


.header-1 .main-menu ul li .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;

    background: #fff;
    padding: 20px 50px;

    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: all 0.2s ease;

    border-top: 2px solid #166fd3;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);

    z-index: 9999;
}

.header-1 .main-menu ul li:hover > .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ================= PRODUCTS GRID (6 PER ROW) ================= */

.header-1 .submenu.product-mega-menu {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px 30px;
}

/* ================= INDUSTRIES GRID ================= */

.header-1 .submenu.industries-menu {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px 30px;
}

/* ================= ITEM ================= */

.header-1 .submenu li {
    list-style: none;
}

/* 🔥 ICON LEFT + TEXT RIGHT (MAIN FIX) */
.header-1 .submenu li a {
    display: flex;
    align-items: center;
    gap: 10px;

    font-size: 14px;
    color: #222;
    font-weight: 500;

    padding: 6px 4px;

    white-space: nowrap;
}

/* Hover */
.header-1 .submenu li a:hover {
    color: #166fd3;
}

/* ================= ICON ================= */

.menu-icon {
    width: 24px;
    height: 24px;

    background: #e8f1fd;
    border-radius: 6px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #166fd3;
    font-size: 12px;

    flex-shrink: 0;
}

/* REMOVE DOT */
.menu-icon::before {
    content: none !important;
}

/* ================= NESTED (COMPARE) ================= */

.header-1 .submenu li.has-dropdown {
    position: relative;
}

.header-1 .submenu li.has-dropdown > .submenu {
    position: absolute;
    top: 0;
    left: 100%;

    min-width: 180px;
    padding: 10px;

    background: #fff;

    opacity: 0;
    visibility: hidden;
    transform: translateX(6px);
    transition: all 0.2s ease;

    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.header-1 .submenu li.has-dropdown:hover > .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Prevent cut */
.header-1 .submenu {
    overflow: visible !important;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 1200px) {
    .header-1 .submenu.product-mega-menu,
    .header-1 .submenu.industries-menu {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .header-1 .main-menu ul li .submenu {
        position: relative;
        width: 100%;
        padding: 15px;
    }

    .header-1 .submenu.product-mega-menu,
    .header-1 .submenu.industries-menu {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .header-1 .submenu.product-mega-menu,
    .header-1 .submenu.industries-menu {
        grid-template-columns: 1fr;
    }
}
/* FORCE INLINE ICON + TEXT */
.header-1 .submenu li a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    padding: 4px 2px !important;

    font-size: 14px;
    font-weight: 500;
    color: #222;

    white-space: nowrap;
}

/* REMOVE COLUMN / BLOCK BEHAVIOR */
.header-1 .submenu li a span,
.header-1 .submenu li a i {
    display: inline-flex !important;
}

/* FORCE ICON LEFT */
.menu-icon {
    width: 20px !important;
    height: 20px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #e8f1fd;
    border-radius: 5px;

    font-size: 11px;
    color: #166fd3;

    flex-shrink: 0;
}

/* REMOVE ANY BLOCK TEXT BELOW */
.header-1 .submenu li a br {
    display: none !important;
}

/* REMOVE CENTER ALIGNMENT */
.header-1 .submenu li {
    text-align: left !important;
}
/* ABOUT + RESOURCES GRID FIX */
.header-1 .submenu:not(.product-mega-menu):not(.industries-menu) {
    display: grid !important;
    grid-template-columns: repeat(4, auto);
    gap: 12px 30px;

    justify-content: start;
}

/* Keep items inline (icon + text) */
.header-1 .submenu li a {
    display: flex !important;
    align-items: center;
    gap: 8px;
}

/* Prevent full width stretching */
.header-1 .submenu li {
    width: auto !important;
}
/* Tablet */
@media (max-width: 992px) {
    .header-1 .submenu:not(.product-mega-menu):not(.industries-menu) {
        grid-template-columns: repeat(2, auto);
    }
}

/* Mobile */
@media (max-width: 576px) {
    .header-1 .submenu:not(.product-mega-menu):not(.industries-menu) {
        grid-template-columns: 1fr;
    }
}
/* ABOUT + RESOURCES SPREAD FULL WIDTH */
.header-1 .submenu:not(.product-mega-menu):not(.industries-menu) {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr); /* equal width */
    gap: 20px;

    width: 100%;
}

/* center each item nicely */
.header-1 .submenu:not(.product-mega-menu):not(.industries-menu) li {
    display: flex;
    justify-content: center;
}
/* Parent fix */
.header-1 .submenu li.has-dropdown {
    position: relative;
}

/* Submenu of compare */
.header-1 .submenu li.has-dropdown > .submenu {
    position: absolute;
    top: 0;
    left: 100%;

    min-width: 200px;
    padding: 10px;

    background: #fff;

    opacity: 0;
    visibility: hidden;
    transform: translateX(8px);
    transition: all 0.25s ease;

    z-index: 99999;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* SHOW on hover */
.header-1 .submenu li.has-dropdown:hover > .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* VERY IMPORTANT (prevents cutting) */
.header-1 .submenu {
    overflow: visible !important;
}
/* Keep hover active */
.header-1 .submenu li.has-dropdown {
    position: relative;
    display: inline-block; /* IMPORTANT */
}
/* Compare submenu */
.header-1 .submenu li.has-dropdown > .submenu {
    position: absolute !important;

    top: 0;
    right: 100%;   /* open LEFT */
    left: auto;

    min-width: 200px;
    background: #fff;

    opacity: 0;
    visibility: hidden;

    transform: translateX(-10px);
    transition: all 0.25s ease;

    z-index: 999999 !important;
}

/* SHOW */
.header-1 .submenu li.has-dropdown:hover > .submenu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0);
}
/* Prevent grid cutting submenu */
.header-1 .submenu {
    overflow: visible !important;
}

.header-1 .submenu li {
    overflow: visible !important;
}
/* Make header always on top */
.header-1 {
    position: relative;
    z-index: 999999 !important;
}
/* Submenu must be above all */
.header-1 .submenu {
    z-index: 999999 !important;
    position: absolute !important;
}
/* Prevent hero section from hiding menu */
.hero-section,
.banner-section,
.section-padding {
    position: relative;
    z-index: 1;
}
/* Compare submenu LEFT */
.header-1 .submenu li.has-dropdown > .submenu {
    right: 100%;
    left: auto;
    top: 0;
}
/* ===== COMPARE FINAL FIX ===== */

/* Parent */
.header-1 .submenu li.has-dropdown {
    position: relative;
}

/* Submenu (ONLY ONE CLEAN VERSION) */
.header-1 .submenu li.has-dropdown > .submenu {
    position: absolute;
    top: 0;

    right: 100%;   /* open LEFT */
    left: auto;

    min-width: 200px;
    padding: 10px;

    background: #fff;
    border-radius: 6px;

    opacity: 0;
    visibility: hidden;
    transform: translateX(-8px);
    transition: all 0.2s ease;

    z-index: 999999;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

/* SHOW */
.header-1 .submenu li.has-dropdown:hover > .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.header-1 .submenu {
    overflow: visible !important;
}
/* ICON + TEXT INLINE FIX */
.header-1 .submenu li a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* REMOVE VERTICAL STACKING */
.header-1 .submenu li a span,
.header-1 .submenu li a i {
    display: inline-flex !important;
}

/* SMALL ICON */
.menu-icon {
    width: 18px !important;
    height: 18px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #e8f1fd;
    border-radius: 4px;

    font-size: 10px;
    color: #166fd3;

    flex-shrink: 0;
}
.header-1 .main-menu ul li.has-dropdown {
    position: static !important;
}
/* ONLY top level should be static */
.header-1 .main-menu > ul > li.has-dropdown {
    position: static !important;
}

/* nested submenu must be relative */
.header-1 .submenu li.has-dropdown {
    position: relative !important;
}
/* Compare submenu */
.header-1 .submenu li.has-dropdown > .submenu {
    position: absolute;
    top: 0;

    right: 100%;   /* open LEFT */
    left: auto;

    min-width: 200px;
    background: #fff;

    opacity: 0;
    visibility: hidden;

    transform: translateX(-6px);
    transition: all 0.2s ease;

    z-index: 99999;
}

/* SHOW */
.header-1 .submenu li.has-dropdown:hover > .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.header-1 .submenu {
    overflow: visible !important;
}
/* who we serve new css starts */
.who-serve-new {
    background: linear-gradient(135deg, #071427, #0b1d3a);
    padding: 80px 0;
}

.who-serve-new .section-title h2 {
    color: #ffffff;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 50px;
}

/* GRID */
.industry-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* CARD */
.industry-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* ICON */
.industry-card {
    background: linear-gradient(145deg, #0f2747, #0b1d3a);
    border-radius: 14px;
    padding: 22px 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,0.08);
}

/* ICON */
/* ICON WRAPPER */
.industry-card i {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;

    /* faint background */
    background: #166FD3;
      /* background: 166fd3; */

    /* icon color */
    color: #ffffff;

    /* clean border */
    border: 1px solid rgba(22, 111, 211, 0.25);

    border-radius: 10px; /* 👈 square soft look instead of circle */
    font-size: 18px;
box-shadow: 0 0 8px rgba(22,111,211,0.15);
    transition: all 0.3s ease;
}
.industry-card:hover i {
    background: #166fd3;
    color: #ffffff;
    border-color: #166fd3;
    transform: scale(1.08);
}
.industry-card {
    text-decoration: none;
    color: inherit;
}
html {
    scroll-behavior: smooth;
}

/* TEXT */
.industry-card span {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;  /* important */
}

/* HOVER */
.industry-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(22,111,211,0.25);
    border-color: rgba(22,111,211,0.5);
}

/* =========================
   RESPONSIVE
========================= */

/* Tablet */
@media (max-width: 992px) {
    .industry-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 576px) {
    .industry-grid {
        grid-template-columns: 1fr;
    }

    .who-serve-new .section-title h2 {
        font-size: 28px;
    }
}
/* home responsive */
@media (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }
}
/* contact css */
/* New scoped class */
.custom-contact-form .form-clt {
    position: relative;
}

.custom-contact-form .form-clt input,
.custom-contact-form .form-clt textarea {
    width: 100%;
    padding: 14px 45px 14px 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 14px;
}

/* Icons */
.custom-contact-form .form-clt .icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}

/* Textarea height */
.custom-contact-form textarea {
    height: 130px;
    resize: none;
}

/* Responsive */
@media (max-width: 768px) {
    .custom-contact-form .row > div {
        width: 100%;
    }
}
/* New class - no conflicts */
.custom-btn-inline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    height: auto;
    border-radius: 10px;
}

/* Fix inner span */
.custom-btn-inline span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 3;
}

/* Icon alignment */
.custom-btn-inline i {
    font-size: 14px;
}
/* products hover white fioxed */
/* Scoped only to dark section */
.section-dark-alt .service-box,
.section-dark-alt .product-card,
.section-dark-alt .card-item {
    transition: all 0.3s ease;
}

/* On hover → make everything white */
.section-dark-alt .service-box:hover,
.section-dark-alt .product-card:hover,
.section-dark-alt .card-item:hover {
    color: #ffffff !important;
}

/* Force all inner text white */
.section-dark-alt .service-box:hover *,
.section-dark-alt .product-card:hover *,
.section-dark-alt .card-item:hover * {
    color: #ffffff !important;
}

/* Optional: icon also white */
.section-dark-alt .service-box:hover i,
.section-dark-alt .product-card:hover i,
.section-dark-alt .card-item:hover i {
    color: #ffffff !important;
}
/* case studies new css filter*/
/* SECTION */
.case-section {
    padding: 80px 0;
    background: #f8fafc;
}

/* FILTER BAR */
.filter-bar {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

/* SELECT DROPDOWN */
.filter-bar select {
    padding: 12px 18px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    color: #0f172a;
    font-weight: 500;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* HOVER / FOCUS */
.filter-bar select:hover,
.filter-bar select:focus {
    border-color: #166fd3;
    box-shadow: 0 4px 12px rgba(22, 111, 211, 0.15);
}

/* GRID */
.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* CARD */
.card {
    background: #ffffff;
    padding: 25px;
    border-radius: 16px;
    transition: all 0.3s ease;
    border: 1px solid #f1f5f9;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    position: relative;
    overflow: hidden;
}

/* CARD HOVER */
.card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    border-color: #e2e8f0;
}

/* TAG */
.tag {
    display: inline-block;
    font-size: 13px;
    background: rgba(22, 111, 211, 0.1);
    color: #166fd3;
    padding: 6px 14px;
    border-radius: 50px;
    margin-bottom: 12px;
    font-weight: 500;
}

/* HEADING */
.card h3 {
    margin-bottom: 12px;
    color: #0f172a;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

/* TEXT */
.card p {
    font-size: 14px;
    color: #475569;
    margin-bottom: 6px;
    line-height: 1.6;
}

/* STRONG TEXT */
.card p strong {
    color: #0f172a;
}

/* OPTIONAL READ MORE */
.card a {
    display: inline-block;
    margin-top: 10px;
    color: #166fd3;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s;
}

.card a:hover {
    color: #0f172a;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .grid {
        grid-template-columns: 1fr;
    }

    .filter-bar {
        flex-direction: column;
    }
}
/* uae css */
/* ===== LIGHT SECTION ===== */
.section-light {
    background: #ffffff;
    color: #1a1a18;
}

/* TEXT */
.section-light p {
    color: #555;
}

/* CARDS */
.section-light .card-box,
.section-light .problem-card {
    background: #ffffff;
    color: #1a1a18;
    border: 1px solid #eee;
}

/* ===== DARK SECTION ===== */
.section-dark {
    background: #020c2a;
    color: #ffffff;
}

/* TEXT */
.section-dark p {
    color: #cbd5e1;
}

/* HEADINGS */


/* CARDS */
.section-dark .card-box,
.section-dark .problem-card {
    background: #1e293b;
    color: #ffffff;
    border: none;
}

/* FORCE TEXT WHITE INSIDE */
.section-dark .card-box *,
.section-dark .problem-card * {
    color: #ffffff;
}

/* DESCRIPTION */
.section-dark .problem-card p {
    color: #cbd5e1;
}

/* ===== CTA SPECIAL (LIGHT ALWAYS) ===== */
.final-cta {
    background: #f8fafc;
    color: #1a1a18;
    border-top: 1px solid #e5e7eb;
}

/* ===== HOVER (PREMIUM FEEL) ===== */
.card-box:hover,
.problem-card:hover {
    transform: translateY(-6px);
    transition: 0.3s ease;
}

/* DARK HOVER */
.section-dark .card-box:hover,
.section-dark .problem-card:hover {
    background: #2563eb;
}
/* REMOVE LINK STYLE */
.card-link {
    text-decoration: none;
    display: block;
}

/* MAKE WHOLE CARD CLICKABLE */
.card-link:hover {
    text-decoration: none;
}

/* OPTIONAL: POINTER CURSOR */
.card-link .problem-card {
    cursor: pointer;
}
/* helpdesk internal */
/* ===== HELP DESK SECTION ===== */
.helpdesk-section {
    max-width: 850px;
    margin: auto;
}

/* PARAGRAPH TEXT */
.helpdesk-section p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
}

/* SECOND LINE (CTA STYLE) */
.helpdesk-section p:last-child {
    font-size: 17px;
    color: #1a1a18;
}

/* LINKS → MAKE THEM LOOK IMPORTANT */
.helpdesk-section a {
    font-weight: 600;
    color: #2563eb;
    text-decoration: none;
    position: relative;
    transition: 0.3s ease;
}

/* UNDERLINE EFFECT (MODERN UI) */
.helpdesk-section a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    left: 0;
    bottom: -2px;
    background: #2563eb;
    transition: 0.3s ease;
}

/* HOVER EFFECT */
.helpdesk-section a:hover::after {
    width: 100%;
}

/* HOVER COLOR */
.helpdesk-section a:hover {
    color: #1d4ed8;
}

/* OPTIONAL: MAKE LINKS LOOK CLICKABLE */
.helpdesk-section a {
    cursor: pointer;
}

/* SPACING DIV */
.section-space {
    height: 80px;
    background: #ffffff;
}
/* ===== AGRI SECTION ===== */

/* ===== MANUFACTURING SECTION (CLEAN) ===== */
.manufacturing-section {
    max-width: 900px;
    margin: auto;
}

/* TEXT */
.manufacturing-section p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    letter-spacing: 0.2px;
}

/* FIRST PARA (IMPORTANT) */
.manufacturing-section p:first-child {
    font-size: 17px;
    color: #1a1a18;
}

/* LAST PARA (SLIGHT EMPHASIS) */
.manufacturing-section p:last-child {
    font-weight: 500;
    color: #1a1a18;
}

/* LINK STYLE (MAIN CTA FEEL) */
.manufacturing-section a {
    font-weight: 600;
    color: #2563eb;
    text-decoration: none;
    position: relative;
    transition: 0.3s ease;
}

/* UNDERLINE ANIMATION */
.manufacturing-section a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    left: 0;
    bottom: -2px;
    background: #2563eb;
    transition: 0.3s ease;
}

/* HOVER */
.manufacturing-section a:hover::after {
    width: 100%;
}

.manufacturing-section a:hover {
    color: #1d4ed8;
}

/* OPTIONAL SUBTLE ARROW (VERY LIGHT) */
.manufacturing-section a::before {
    content: "→";
    margin-right: 6px;
    opacity: 0;
    transition: 0.3s;
}

.manufacturing-section a:hover::before {
    opacity: 1;
}

/* MOBILE */
@media (max-width: 576px) {
    .manufacturing-section p {
        font-size: 15px;
    }
}
/* ===== SOLUTION LINKS ===== */
.solution-links p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
}

/* LINKS */
.solution-links a {
    font-weight: 600;
    color: #2563eb;
    text-decoration: none;
    transition: 0.3s ease;
    position: relative;
}

/* UNDERLINE EFFECT */
.solution-links a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    left: 0;
    bottom: -2px;
    background: #2563eb;
    transition: 0.3s ease;
}

/* HOVER */
.solution-links a:hover::after {
    width: 100%;
}

.solution-links a:hover {
    color: #1d4ed8;
}

/* SEPARATOR */
.solution-links .sep {
    margin: 0 8px;
    color: #aaa;
}

/* MOBILE STACK (VERY IMPORTANT) */
@media (max-width: 576px) {
    .solution-links p {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .solution-links .sep {
        display: none;
    }
}
/* ===== SOLUTION LINKS ===== */
.solution-links p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
}

/* LINKS */
.solution-links a {
    font-weight: 600;
    color: #2563eb;
    text-decoration: none;
    position: relative;
    transition: 0.3s ease;
}

/* UNDERLINE ANIMATION */
.solution-links a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    left: 0;
    bottom: -2px;
    background: #2563eb;
    transition: 0.3s ease;
}

/* HOVER */
.solution-links a:hover::after {
    width: 100%;
}

.solution-links a:hover {
    color: #1d4ed8;
}

/* SEPARATOR */
.solution-links .sep {
    margin: 0 8px;
    color: #aaa;
}

/* MOBILE STACK */
@media (max-width: 576px) {
    .solution-links p {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .solution-links .sep {
        display: none;
    }
}
/* SEPARATOR */
.sep {
    margin: 0 8px;
    color: #aaa;
}

/* MOBILE STACK */
@media (max-width: 576px) {
    .manufacturing-section p:first-child {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .sep {
        display: none;
    }
}
/* SEPARATOR */
.sep {
    margin: 0 8px;
    color: #aaa;
}

/* MOBILE STACK */
@media (max-width: 576px) {
    .manufacturing-section p:first-child {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .sep {
        display: none;
    }
}
/* ===== AGRI HIGHLIGHT SECTION ===== */
.agri-highlight {
    max-width: 900px;
    margin: auto;
}

/* TEXT */
.agri-highlight p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
}

/* LINK (MAIN FOCUS) */
.agri-highlight a {
    color: #166fd3;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    transition: 0.3s ease;
}

/* UNDERLINE EFFECT */
.agri-highlight a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    left: 0;
    bottom: -2px;
    background: #166fd3;
    transition: 0.3s ease;
}

/* HOVER */
.agri-highlight a:hover::after {
    width: 100%;
}

.agri-highlight a:hover {
    color: #0f5bb5;
}

/* MOBILE */
@media (max-width: 576px) {
    .agri-highlight p {
        font-size: 15px;
    }
}
/* footer css */
.product-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px 15px;
}

.product-list li {
    list-style: none;
}

.product-list li a {
    font-size: 14px;
    color: #ccc;
    transition: 0.3s;
}

.product-list li a:hover {
    color: #166fd3; /* your brand blue */
}

/* Mobile Responsive */
@media (max-width: 576px) {
    .product-list {
        grid-template-columns: 1fr; /* 1 column on small screens */
    }
}