/* ===========================
Index Of css

01. Common CSS
02. Header CSS
03. Hero CSS
04. About CSS
05. Service CSS
06. Process CSS
07. Pricing CSS
08. Testimonial CSS
09. Team CSS
10. Subscribe CSS
11. Blog CSS
12. Contact CSS
13. Footer CSS

========================== */
/*===========================
    01. Common CSS
===========================*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap");
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #090a0c;
  overflow-x: hidden;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.navbar-toggler:focus,
a:focus,
input:focus,
textarea:focus,
button:focus,
.btn:focus,
.btn.focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a:hover {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #3763eb;
}

a:focus,
a:hover {
  text-decoration: none;
}

button {
  cursor: pointer;
}

i,
span,
a {
  display: inline-block;
  text-decoration: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: #051441;
  margin: 0px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 40px;
}

@media (max-width: 767px) {
  h2 {
    font-size: 31px;
  }
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 25px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

ul,
ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #090a0c;
  margin: 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 767px) {
  p {
    font-size: 16px;
    line-height: 26px;
  }
}

.img-bg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 450px;
  }
}

.gray-bg {
  background: #eff2f9;
}

.alert-link {
  font-weight: 600;
}

.alert h4 {
  margin-bottom: 10px;
}

.page-404-content h2 {
  font-size: 120px;
  font-weight: 900;
  color: #3763eb;
}

.page-404-content h4 {
  font-size: 40px;
  color: #090a0c;
}

/*===== All Button Style =====*/
.theme-btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 16px 48px;
  font-size: 18px;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  z-index: 5;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: none;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#3763eb),
    color-stop(50.39%, #6f58e8),
    to(#3763eb)
  );
  background: linear-gradient(
    to left,
    #3763eb 0%,
    #6f58e8 50.39%,
    #3763eb 100%
  );
  background-size: 200% auto;
  overflow: hidden;
}

.theme-btn:hover,
.theme-btn:focus {
  background-position: right center;
  color: #fff;
  -webkit-box-shadow: 0px 0px 30px rgba(46, 87, 217, 0.45);
  box-shadow: 0px 0px 30px rgba(46, 87, 217, 0.45);
}

.theme-btn.border-btn {
  padding: 14px 40px;
  background: transparent;
  border: 1.5px solid #3763eb;
  color: #090a0c;
  font-size: 18px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.scroll-top {
  width: 45px;
  height: 45px;
  background: #3763eb;
  text-align: center;
  line-height: 45px;
  font-size: 20px;
  color: #fff;
  border-radius: 5px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.scroll-top:hover {
  background: rgba(55, 99, 235, 0.7);
  color: #fff;
}

@-webkit-keyframes animation1 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0.29;
  }
  50% {
    -webkit-transform: translateY(-700px);
    transform: translateY(-700px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0;
  }
}

@keyframes animation1 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0.29;
  }
  50% {
    -webkit-transform: translateY(-700px);
    transform: translateY(-700px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0;
  }
}

/*===== All Section Title Style =====*/
.section-title span {
  font-size: 25px;
  font-weight: 700;
  color: #3763eb;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .section-title span {
    font-size: 20px;
  }
}

.section-title h2 {
  line-height: 55px;
  font-weight: 600;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .section-title h2 {
    line-height: 41px;
  }
}

.section-title p {
  font-size: 18px;
}

/*===== All Preloader Style =====*/
.preloader {
  /* Body Overlay */
  position: fixed;
  top: 0;
  left: 0;
  display: table;
  height: 100%;
  width: 100%;
  /* Change Background Color */
  background: #fff;
  z-index: 99999;
}

.preloader .loader {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.preloader .loader .ytp-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  margin-left: -32px;
  z-index: 18;
  pointer-events: none;
}

.preloader .loader .ytp-spinner .ytp-spinner-container {
  pointer-events: none;
  position: absolute;
  width: 100%;
  padding-bottom: 100%;
  top: 50%;
  left: 50%;
  margin-top: -50%;
  margin-left: -50%;
  -webkit-animation: ytp-spinner-linspin 1568.2353ms linear infinite;
  animation: ytp-spinner-linspin 1568.2353ms linear infinite;
}

.preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1)
    infinite both;
  animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
    both;
}

.preloader
  .loader
  .ytp-spinner
  .ytp-spinner-container
  .ytp-spinner-rotator
  .ytp-spinner-left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  right: 50%;
}

.preloader
  .loader
  .ytp-spinner
  .ytp-spinner-container
  .ytp-spinner-rotator
  .ytp-spinner-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  left: 50%;
}

.preloader .loader .ytp-spinner-circle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 100%;
  border-style: solid;
  /* Spinner Color */
  border-color: #3763eb #3763eb #f4eefb;
  border-radius: 50%;
  border-width: 6px;
}

.preloader .loader .ytp-spinner-left .ytp-spinner-circle {
  left: 0;
  right: -100%;
  border-right-color: #f4eefb;
  -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1)
    infinite both;
  animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite
    both;
}

.preloader .loader .ytp-spinner-right .ytp-spinner-circle {
  left: -100%;
  right: 0;
  border-left-color: #f4eefb;
  -webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite
    both;
  animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

/* Preloader Animations */
@-webkit-keyframes ytp-spinner-linspin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes ytp-spinner-linspin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes ytp-spinner-easespin {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

@keyframes ytp-spinner-easespin {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

@-webkit-keyframes ytp-spinner-left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}

@keyframes ytp-spinner-left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}

@-webkit-keyframes ytp-right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}

@keyframes ytp-right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*===========================
    02. Header CSS 
===========================*/
/*===== NAVBAR =====*/
.navbar-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  padding: 0;
}

.sticky {
  position: fixed;
  z-index: 99;
  -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background: white;
  padding: 0px 0;
}

.sticky .navbar {
  padding: 10px 0;
}

.navbar {
  /* padding: 20px 0; */
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.navbar-brand {
  padding: 0;
}

.navbar-brand img {
  max-width: 150px;
}

.navbar-toggler {
  padding: 0px;
}

.navbar-toggler .toggler-icon {
  width: 30px;
  height: 2px;
  background-color: #222;
  display: block;
  margin: 5px 0;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.navbar-toggler.active .toggler-icon:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 7px;
}

.navbar-toggler.active .toggler-icon:nth-of-type(2) {
  opacity: 0;
}

.navbar-toggler.active .toggler-icon:nth-of-type(3) {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: -7px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    max-height: 350px;
    overflow-y: scroll;
  }
}

@media (max-width: 767px) {
  .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 20, 65, 0.1);
    box-shadow: 0px 15px 20px 0px rgba(5, 20, 65, 0.1);
    padding: 5px 12px;
    max-height: 350px;
    overflow-y: scroll;
  }
}

.navbar-nav .nav-item {
  position: relative;
  z-index: 1;
}

/* Scroll ke baad - sticky navbar ke links */
/* .sticky .navbar-nav .nav-item a {
    color: #3763EB; 
}

/* Hover effect sticky ke liye */
/* .sticky .navbar-nav .nav-item:hover a {
    color: #ff6b6b; 
} */

.navbar-nav .nav-item:hover a {
  color: #3763eb;
}

.navbar-nav .nav-item a {
  font-size: 20px;
  color: #141a46;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: relative;
  padding: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar-nav .nav-item a {
    padding: 20px 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-nav .nav-item a {
    color: #051441;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
  }
}

@media (max-width: 767px) {
  .navbar-nav .nav-item a {
    color: #051441;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
  }
}

.navbar-nav .nav-item a.active {
  color: #3763eb;
}

.navbar-nav .nav-item a.dd-menu {
  padding-right: 34px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar-nav .nav-item a.dd-menu {
    padding-right: 30px;
  }
}

.navbar-nav .nav-item a.dd-menu::after {
  content: "\ea58";
  font: normal normal normal 1em/1 "LineIcons";
  position: absolute;
  right: 18px;
  font-size: 12px;
  margin-left: 5px;
  margin-top: 0px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar-nav .nav-item a.dd-menu::after {
    right: 13px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-nav .nav-item a.dd-menu::after {
    right: 0;
  }
}

@media (max-width: 767px) {
  .navbar-nav .nav-item a.dd-menu::after {
    right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-nav .nav-item a.show::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media (max-width: 767px) {
  .navbar-nav .nav-item a.show::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.navbar-nav .nav-item:hover > .sub-menu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-nav .nav-item:hover > .sub-menu {
    visibility: hidden;
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .navbar-nav .nav-item:hover > .sub-menu {
    visibility: hidden;
    opacity: 0;
  }
}

.navbar-nav .nav-item:hover > .sub-menu .sub-menu {
  left: 100%;
  top: 0;
}

.navbar-nav .nav-item .sub-menu {
  min-width: 400px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 110%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  padding: 0;
}

.navbar-nav .nav-item .sub-menu.left-menu {
  left: -100%;
}

.navbar-nav .nav-item .sub-menu::after {
  content: "";
  position: absolute;
  background: #fff;
  width: 20px;
  height: 20px;
  top: -10px;
  left: 20%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-nav .nav-item .sub-menu {
    position: static;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
  }
  .navbar-nav .nav-item .sub-menu.show {
    max-height: 1000px;
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  .navbar-nav .nav-item .sub-menu::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .navbar-nav .nav-item .sub-menu {
    position: static;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
  }
  .navbar-nav .nav-item .sub-menu.show {
    max-height: 1000px;
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  .navbar-nav .nav-item .sub-menu::after {
    display: none;
  }
}

.navbar-nav .nav-item .sub-menu > li {
  display: block;
  margin-left: 0;
}

.navbar-nav .nav-item .sub-menu > li:last-child {
  border: none;
}

.navbar-nav .nav-item .sub-menu > li.active > a,
.navbar-nav .nav-item .sub-menu > li:hover > a {
  color: #3763eb;
}

.navbar-nav .nav-item .sub-menu > li:first-child a {
  border-top: none;
}

.navbar-nav .nav-item .sub-menu > li > a {
  font-weight: 400;
  display: block;
  padding: 10px 15px;
  font-size: 14px;
  color: #222;
  border-top: 1px solid rgba(0, 0, 0, 0.03);
}

.navbar-nav .nav-item .sub-menu > li > a:hover {
  background: rgba(0, 0, 0, 0.05);
}

.search-form {
  position: relative;
  width: 236px;
  height: 56px;
  border-radius: 50px;
  margin-left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search-form {
    width: 220px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search-form {
    width: 100%;
    margin: 10px 0;
  }
}

@media (max-width: 767px) {
  .search-form {
    width: 100%;
    margin: 10px 0;
  }
}

.search-form input {
  width: 100%;
  height: 100%;
  padding: 0 25px;
  border: 1px solid #f4eefb;
  background: #fff;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.search-form input:focus {
  -webkit-box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45);
  box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45);
}

.search-form button {
  background: none;
  border: none;
  position: absolute;
  right: 25px;
  top: 17px;
}

/*===========================
    03. Hero CSS
===========================*/
/*===========================
    03. Hero CSS
===========================*/
.hero-section {
  position: relative;
  overflow: hidden;
  padding-top: 100px;
  background: #051441;
}

/* 🔹 Background Video */
.hero-section .hero-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* 🔹 Overlay for readability */
.hero-section .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
}

/* 🔹 Content Styling */
.hero-section .hero-content-wrapper {
  position: relative;
  z-index: 2;
  padding-top: 150px;
  padding-bottom: 290px;
  color: #fff;
  text-align: left;
}

@media only screen and (min-width: 1400px) {
  .hero-section .hero-content-wrapper {
    padding-top: 130px;
    padding-bottom: 230px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-section .hero-content-wrapper {
    padding-top: 130px;
    padding-bottom: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-section .hero-content-wrapper {
    padding: 90px 0;
  }
}

@media (max-width: 767px) {
  .hero-section .hero-content-wrapper {
    padding: 80px 15px 60px;
    text-align: center;
  }
}

/* 🔹 Headings and Paragraph */
.hero-section .hero-content-wrapper h1 {
  font-weight: bold;
  font-size: 45px;
  line-height: 58px;
  color: #fff;
  margin-bottom: 25px;
  font-family: cursive;
}

@media (max-width: 767px) {
  .hero-section .hero-content-wrapper h1 {
    font-size: 32px;
    line-height: 44px;
  }
}

.hero-section .hero-content-wrapper p {
  font-size: 17px;
  line-height: 26px;
  color: #e0e0e0;
  opacity: 0.9;
  margin-bottom: 30px;
}

/* 🔹 Hide hero image */
.hero-section .hero-img {
  display: none;
}

/* 🔹 Buttons */
.hero-section.hero-section-2 .border-btn:hover {
  background: rgba(55, 99, 235, 0.7);
  color: #fff;
}

/* ✅ Keep video visible on mobile (Fix for iOS/Android) */
.hero-section video {
  display: block !important;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 0;
}

.client-logo-section .client-logo-wrapper .client-logo-carousel .client-logo {
  padding: 10px;
  text-align: center;
  margin: auto;
}

.client-logo-section
  .client-logo-wrapper
  .client-logo-carousel
  .client-logo
  img {
  max-width: 220px;
  width: 100%;
  opacity: 0.3;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.client-logo-section
  .client-logo-wrapper
  .client-logo-carousel
  .client-logo
  img:hover {
  opacity: 1;
}

.box-style {
  padding: 40px 30px;
  border: 1px solid #f4eefb;
  border-radius: 10px;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.box-style:hover {
  -webkit-box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45);
  box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45);
}

.box-style:hover .box-icon-style {
  color: #fff;
  border-color: transparent;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#3763eb),
    to(#6f58e8)
  );
  background: linear-gradient(#3763eb 0%, #6f58e8 100%);
}

.box-style:hover .box-icon-style::after {
  opacity: 1;
  visibility: visible;
}

.box-style .box-icon-style {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  margin-bottom: 25px;
  background: #fff;
  border: 2px solid #3763eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #3763eb;
  font-size: 40px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: relative;
}

.box-style .box-icon-style::after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#3763eb),
    to(#6f58e8)
  );
  background: linear-gradient(#3763eb 0%, #6f58e8 100%);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: -1;
  border-radius: 50%;
  border: 1px solid transparent;
}

.box-style .box-content-style h4 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 20px;
}

/*===========================
    04. About CSS 
===========================*/
.about-section {
  background: #eff2f9;
  /* padding: 180px 0; */
  padding: 70px 0;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-section {
    padding: 120px 0;
  }
}

@media (max-width: 767px) {
  .about-section {
    padding: 120px 0;
  }
}

.about-section .about-img-wrapper {
  position: absolute;
  left: 0;
  top: 50%;
  width: 46%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-section .about-img-wrapper {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .about-section .about-img-wrapper {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    margin-bottom: 50px;
  }
}

.about-section .about-img-wrapper img {
  width: 100%;
}

.about-section .about-img-wrapper .about-experience {
  width: 300px;
  border-radius: 27px;
  background: -webkit-gradient(
    linear,
    right bottom,
    left top,
    from(#3763eb),
    to(#6f58e8)
  );
  background: linear-gradient(to top left, #3763eb 0%, #6f58e8 100%);
  border: 5px solid #eff2f9;
  padding: 40px 20px;
  position: absolute;
  right: -40px;
  bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-section .about-img-wrapper .about-experience {
    right: 40px;
  }
}

@media (max-width: 767px) {
  .about-section .about-img-wrapper .about-experience {
    right: 40px;
  }
}

.about-section .about-img-wrapper .about-experience h3 {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 15px;
}

.about-section .about-img-wrapper .about-experience p {
  color: #fff;
}

.about-section .about-content-wrapper .about-content .counter-up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-content .counter-up {
    display: block;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .about-section .about-content-wrapper .about-content .counter-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.about-section .about-content-wrapper .about-content .counter-up .counter {
  margin-right: 10px;
}

.about-section
  .about-content-wrapper
  .about-content
  .counter-up
  .counter:last-child {
  margin-right: 0;
}

.about-section .about-content-wrapper .about-content .counter-up .counter span {
  font-size: 40px;
  font-weight: 600;
  color: #3763eb;
  display: block;
  margin-bottom: 8px;
}

.about-section .about-content-wrapper .about-content .counter-up .counter h4 {
  font-weight: 500;
  margin-bottom: 10px;
}

.time-line {
  position: relative;
}

.time-line .row {
  position: relative;
}

.time-line::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  background: #f4eefb;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .time-line::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .time-line::after {
    display: none;
  }
}

.time-line .box-icon-style {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #f4eefb;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .time-line .box-icon-style {
    position: static;
    -webkit-transform: translate(0);
    transform: translate(0);
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .time-line .box-icon-style {
    position: static;
    -webkit-transform: translate(0);
    transform: translate(0);
    margin-bottom: 30px;
  }
}

.time-line .box-icon-style i {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  font-size: 20px;
  padding: 2px;
  color: #3763eb;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .time-line .single-timeline {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .time-line .single-timeline {
    margin-bottom: 50px;
  }
}

.time-line .single-timeline:hover .box-icon-style {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#3763eb),
    to(#6f58e8)
  );
  background: linear-gradient(#3763eb 0%, #6f58e8 100%);
  color: #fff;
  border-color: transparent;
}

.time-line .single-timeline:hover .box-icon-style i {
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .time-line .single-timeline .timeline-img {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .time-line .single-timeline .timeline-img {
    margin-bottom: 30px;
  }
}

.time-line .single-timeline .timeline-img img {
  width: 100%;
}

/*===========================
    05. Service CSS 
===========================*/
.service-section .service-box-style-2 {
  padding: 0;
  text-align: center;
}

.service-section .service-box-style-2 .service-thumbnail img {
  width: 100%;
  border-radius: 10px 10px 0 0;
}

.service-section .service-box-style-2 .box-icon-style {
  margin-left: auto;
  margin-right: auto;
  width: 54px;
  height: 54px;
  border: 2px solid #fff;
  font-size: 25px;
  margin-top: -27px;
  background: #fff;
  position: relative;
  z-index: 9;
}

.service-section .service-box-style-2 .box-icon-style i {
  color: transparent;
  -webkit-background-clip: text;
  -ms-background-clip: text;
  background-clip: text;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#3763eb),
    to(#6f58e8)
  );
  background-image: linear-gradient(#3763eb 0%, #6f58e8 100%);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.service-section .service-box-style-2:hover .box-icon-style {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#3763eb),
    to(#6f58e8)
  );
  background: linear-gradient(#3763eb 0%, #6f58e8 100%);
}

.service-section .service-box-style-2:hover .box-icon-style i {
  color: #fff;
}

.service-section .service-box-style-2 .box-content-style {
  padding: 0 30px 35px;
}

/*===========================
    06. Process CSS 
===========================*/
.process-section .process-img-wrapper {
  position: relative;
  z-index: 1;
}

.process-section .process-img-wrapper::before {
  content: "";
  position: absolute;
  left: -100px;
  bottom: -50px;
  width: 463px;
  height: 552px;
  border-radius: 10px 10px 231px 231px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f37da7),
    to(#fed9b4)
  );
  background: linear-gradient(#f37da7 0%, #fed9b4 100%);
  opacity: 0.1;
}

.process-section .process-img-wrapper .process-img-top {
  margin-bottom: 20px;
  text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-section .process-img-wrapper .process-img-top {
    text-align: center;
  }
}

.process-section .process-img-wrapper .process-img-top .img-1 {
  border-radius: 275px 275px 0 0;
}

@media (max-width: 767px) {
  .process-section .process-img-wrapper .process-img-top .img-1 {
    width: 100%;
  }
}

.process-section .process-img-wrapper .process-img-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-section .process-img-wrapper .process-img-bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.process-section .process-img-wrapper .process-img-bottom .img-2 {
  border-radius: 10px;
  margin-right: 20px;
  vertical-align: top;
}

.process-section .process-img-wrapper .process-img-bottom .img-3 {
  border-radius: 0 0 250px 250px;
}

/*===========================
    07. Pricing CSS 
===========================*/
.pricing-section .pricing-btn ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid #f4eefb;
  border-radius: 50px;
}

@media (max-width: 767px) {
  .pricing-section .pricing-btn ul {
    margin-bottom: 40px;
  }
}

.pricing-section .pricing-btn ul li.nav-item a {
  background: #fff;
  padding: 24px 35px;
  font-size: 16px;
  font-weight: 700;
  color: #051441;
  -webkit-box-shadow: 0px 0px 47px rgba(161, 192, 255, 0.16);
  box-shadow: 0px 0px 47px rgba(161, 192, 255, 0.16);
}

@media (max-width: 767px) {
  .pricing-section .pricing-btn ul li.nav-item a {
    padding: 20px;
    font-size: 14px;
  }
}

.pricing-section .pricing-btn ul li.nav-item a.active {
  color: #fff;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#3763eb),
    color-stop(50.39%, #6f58e8),
    to(#3763eb)
  );
  background: linear-gradient(
    to left,
    #3763eb 0%,
    #6f58e8 50.39%,
    #3763eb 100%
  );
  background-size: 200%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.pricing-section .pricing-btn ul li.nav-item:first-child .nav-link {
  border-radius: 50px 0 0 50px;
}

@media (max-width: 767px) {
  .pricing-section .pricing-btn ul li.nav-item:first-child .nav-link {
    border-radius: 50px;
    padding: 20px 35px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .pricing-section .pricing-btn ul li.nav-item:first-child .nav-link {
    border-radius: 50px 0 0 50px;
    padding: 20px 30px;
  }
}

.pricing-section .pricing-btn ul li.nav-item:last-child .nav-link {
  border-radius: 0 50px 50px 0;
}

@media (max-width: 767px) {
  .pricing-section .pricing-btn ul li.nav-item:last-child .nav-link {
    border-radius: 50px;
    padding: 20px 35px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .pricing-section .pricing-btn ul li.nav-item:last-child .nav-link {
    border-radius: 0 50px 50px 0;
    padding: 20px 30px;
  }
}

.pricing-section .single-pricing {
  text-align: center;
  padding: 50px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 47px rgba(161, 192, 255, 0.16);
  box-shadow: 0px 0px 47px rgba(161, 192, 255, 0.16);
  position: relative;
  z-index: 1;
}

.pricing-section .single-pricing h4 {
  margin-bottom: 25px;
  color: #090a0c;
  font-weight: 600;
}

.pricing-section .single-pricing h3 {
  margin-bottom: 25px;
  font-weight: 600;
  font-size: 40px;
}

.pricing-section .single-pricing ul {
  margin-bottom: 30px;
}

.pricing-section .single-pricing ul li {
  font-size: 16px;
  line-height: 40px;
}

.pricing-section .single-pricing a {
  margin-bottom: 20px;
}

.pricing-section .single-pricing a.border-btn:hover {
  background: rgba(55, 99, 235, 0.8);
  color: #fff;
}

.pricing-section .single-pricing.active {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  z-index: 2;
}

.pricing-section .single-pricing.active h3 {
  color: #3763eb;
}

/* ==========CARD-DESGIN==== */

/* Section Styling */
.pricing-section {
  /* background: linear-gradient(135deg, #f6f9ff 0%, #edf1ff 100%); */
  text-align: center;
  padding-top: 120px;
  padding-bottom: 100px;
}

.section-subtitle {
  color: #3763eb;
  font-weight: 600;
  letter-spacing: 1px;
}

.section-title {
  font-size: 36px;
  font-weight: 700;
  margin: 15px 0;
  color: #051441;
}

.section-desc {
  color: #090a0c;
  font-size: 16px;
  margin-bottom: 40px;
}

/* Pricing Cards */
.pricing-card {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(15px);
  border-radius: 20px;
  padding: 50px 30px;
  box-shadow: 0 10px 40px rgba(55, 99, 235, 0.1);
  transition: all 0.4s ease;
  position: relative;
}

.pricing-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 60px rgba(55, 99, 235, 0.2);
}

.pricing-card h4 {
  color: #090a0c;
  font-weight: 600;
  margin-bottom: 10px;
}

.pricing-card h3 {
  font-size: 42px;
  font-weight: 700;
  color: #051441;
  margin-bottom: 25px;
}

.pricing-card h3 span {
  font-size: 18px;
  color: #090a0c;
}

.pricing-card ul {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.pricing-card ul li {
  padding: 8px 0;
  color: #333;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* Button */
.btn-pricing {
  display: inline-block;
  background: transparent;
  color: #3763eb;
  border: 2px solid #3763eb;
  border-radius: 30px;
  padding: 10px 30px;
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
}

.btn-pricing:hover,
.btn-pricing.active {
  background: linear-gradient(135deg, #3763eb, #6f58e8);
  color: #fff;
  border-color: transparent;
}

/* Featured (Middle) Card */
.pricing-card.featured {
  border: 2px solid #3763eb;
  transform: scale(1.05);
}

.pricing-card .badge {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #3763eb;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 10px;
  border-radius: 30px;
  letter-spacing: 0.5px;
}

@media (max-width: 767px) {
  .pricing-card {
    margin-bottom: 30px;
  }
  .pricing-card.featured {
    transform: none;
  }
}

/*===========================
    08. Testimonial CSS 
===========================*/
.testimonial-section {
  background-color: #eff2f9;
  -webkit-clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 89%);
  clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 89%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-section {
    -webkit-clip-path: polygon(0% 8%, 100% 2%, 100% 98%, 0 92%);
    clip-path: polygon(0% 8%, 100% 2%, 100% 98%, 0 92%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section {
    -webkit-clip-path: polygon(0% 8%, 100% 2%, 100% 98%, 0 92%);
    clip-path: polygon(0% 8%, 100% 2%, 100% 98%, 0 92%);
  }
}

@media (max-width: 767px) {
  .testimonial-section {
    -webkit-clip-path: polygon(0% 8%, 100% 2%, 100% 98%, 0 92%);
    clip-path: polygon(0% 8%, 100% 2%, 100% 98%, 0 92%);
  }
}

.testimonial-section .testimonial-logo-wrapper {
  margin-bottom: 60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial-section .testimonial-logo-wrapper {
    margin-bottom: 0;
  }
}

.testimonial-section .testimonial-logo-wrapper .img {
  margin-right: 40px;
  width: 116px;
}

.testimonial-section .testimonial-logo-wrapper .img:last-child {
  margin-right: 0;
}

.testimonial-section .testimonial-logo-wrapper .img img {
  width: 100%;
}

.testimonial-section .testimonial-wrapper .single-testimonial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px;
}

.testimonial-section .testimonial-wrapper .single-testimonial .testimonial-img {
  margin-right: 60px;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .testimonial-section
    .testimonial-wrapper
    .single-testimonial
    .testimonial-img {
    display: none;
  }
}

.testimonial-section
  .testimonial-wrapper
  .single-testimonial
  .testimonial-img
  img {
  width: 100%;
  width: 133px;
  height: 133px;
  border-radius: 50%;
}

.testimonial-section .testimonial-content .quote {
  margin-bottom: 30px;
}

.testimonial-section .testimonial-content p {
  font-size: 20px;
  font-weight: 500;
  color: #051441;
  font-style: italic;
}

.testimonial-section .testimonial-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.testimonial-section .testimonial-info .testimonial-meta h5 {
  margin-bottom: 5px;
}

.testimonial-section .testimonial-info .testimonial-meta span {
  font-size: 16px;
  color: #090a0c;
}

.testimonial-wrapper {
  position: relative;
}

.testimonial-wrapper .tns-controls {
  position: absolute;
  bottom: -40px;
  left: 0px;
  z-index: 99;
}

.testimonial-wrapper .tns-controls button {
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 2;
  color: #090a0c;
  font-size: 20px;
  background: white;
  border: 1px solid #f4eefb;
  padding: 2px 5px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.testimonial-wrapper .tns-controls button:hover {
  color: #fff;
  background: #3763eb;
}

.testimonial-wrapper .tns-controls button:first-child {
  margin-right: 20px;
}

.portfolio-section .portfolio-btn-wrapper {
  margin-bottom: 50px;
}

.portfolio-section .portfolio-btn-wrapper button {
  padding: 10px 24px;
  font-size: 20px;
  font-weight: 500;
  border: none;
  background: #eff2f9;
  color: #051441;
  border-radius: 50px;
  margin-right: 30px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.portfolio-section .portfolio-btn-wrapper button.active {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#3763eb),
    to(#6f58e8)
  );
  background-image: linear-gradient(to right, #3763eb 0%, #6f58e8 100%);
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-section .portfolio-btn-wrapper button {
    margin-right: 10px;
    padding: 7px 18px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .portfolio-section .portfolio-btn-wrapper button {
    margin-right: 10px;
    padding: 7px 18px;
    font-size: 16px;
  }
}

.portfolio-section .portfolio-btn-wrapper button:last-child {
  margin-right: 0;
}

.portfolio-item-wrapper {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
}

.portfolio-item-wrapper:hover .portfolio-overlay {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.portfolio-item-wrapper .portfolio-img img {
  width: 100%;
}

.portfolio-item-wrapper .portfolio-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 10px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(55, 99, 235, 0.94)),
    to(rgba(111, 88, 232, 0.94))
  );
  background: linear-gradient(
    rgba(55, 99, 235, 0.94) 0%,
    rgba(111, 88, 232, 0.94) 100%
  );
  padding: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-item-wrapper .portfolio-overlay {
    padding: 30px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-item-wrapper .portfolio-overlay {
    padding: 30px 20px;
  }
}

.portfolio-item-wrapper .portfolio-overlay .overlay-content h4 {
  color: #fff;
  margin-bottom: 20px;
}

.portfolio-item-wrapper .portfolio-overlay .overlay-content p {
  color: #fff;
  margin-bottom: 35px;
}

.portfolio-item-wrapper .portfolio-overlay .overlay-content .border-btn {
  padding: 8px 27px;
  color: #fff;
  border: 2px solid #fff;
}

.portfolio-item-wrapper .portfolio-overlay .overlay-content .border-btn:hover {
  color: #3763eb;
  background: #fff;
}

.single-portfolio .single-portfolio-img {
  border-radius: 10px;
  overflow: hidden;
}

.single-portfolio .single-portfolio-img img {
  width: 100%;
}

.project-info-box ul li {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}

.project-info-box ul li:last-child {
  margin-bottom: 0;
}

.project-info-box ul li .destination {
  width: 40%;
  color: #051441;
  text-transform: uppercase;
}

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

.team-section.img-bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #eff2f9;
  z-index: -1;
  -webkit-clip-path: polygon(0 0, 100% 12%, 100% 75%, 0 95%);
  clip-path: polygon(0 0, 100% 12%, 100% 75%, 0 95%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-section.img-bg::before {
    -webkit-clip-path: polygon(0 3%, 100% 12%, 100% 88%, 0 97%);
    clip-path: polygon(0 3%, 100% 12%, 100% 88%, 0 97%);
  }
}

@media (max-width: 767px) {
  .team-section.img-bg::before {
    -webkit-clip-path: polygon(0 3%, 100% 12%, 100% 88%, 0 97%);
    clip-path: polygon(0 3%, 100% 12%, 100% 88%, 0 97%);
  }
}

.team-section .single-team {
  border-radius: 10px;
  background: #fff;
  border: 1px solid #f4eefb;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.team-section .single-team:hover {
  -webkit-box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45);
  box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45);
}

.team-section .single-team:hover .team-img .team-social {
  opacity: 1;
  visibility: visible;
}

.team-section .single-team .team-img {
  overflow: hidden;
  position: relative;
}

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

.team-section .single-team .team-img .team-social {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  border-radius: 10px 10px 0px 0px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    color-stop(78.23%, rgba(74, 114, 237, 0.9)),
    to(#3763eb)
  );
  background: linear-gradient(
    rgba(255, 255, 255, 0) 0%,
    rgba(74, 114, 237, 0.9) 78.23%,
    #3763eb 100%
  );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.team-section .single-team .team-img .team-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.team-section .single-team .team-img .team-social ul li a {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  margin: 0 5px;
  font-size: 14px;
}

.team-section .single-team .team-img .team-social ul li a:hover {
  background: #fff;
  color: #3763eb;
}

.team-section .single-team .team-info {
  padding: 25px;
}

.team-section .single-team .team-info h4 {
  margin-bottom: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-section .single-team .team-info h4 {
    font-size: 20px;
  }
}

.team-section .single-team .team-info span {
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
}

/*===========================
    10. Subscribe CSS 
===========================*/
.subscribe-section {
  position: relative;
}

.subscribe-section .subscribe-form {
  position: relative;
}

.subscribe-section .subscribe-form input {
  border: 2px solid transparent;
  border-radius: 50px;
  width: 100%;
  font-size: 16px;
  padding: 18px 30px;
  background: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.subscribe-section .subscribe-form input:focus {
  -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.15);
}

.subscribe-section .subscribe-form button {
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  border: none;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#3763eb),
    color-stop(50.39%, #6f58e8),
    to(#3763eb)
  );
  background: linear-gradient(
    to left,
    #3763eb 0%,
    #6f58e8 50.39%,
    #3763eb 100%
  );
  background-size: 200%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: absolute;
  height: 54px;
  width: 54px;
  top: 5px;
  right: 5px;
}

.subscribe-section .subscribe-form button:hover {
  background-position: right center;
}

/*===========================
    11. Blog CSS
===========================*/
.blog-section .single-blog {
  border-radius: 10px;
  /* background: #fff; */
  border: 1px solid #f4eefb;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.blog-section .single-blog:hover {
  -webkit-box-shadow: 0px 0px 47px rgba(161, 192, 255, 0.16);
  box-shadow: 0px 0px 47px rgba(161, 192, 255, 0.16);
}

.blog-section .single-blog .blog-img {
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  position: relative;
  padding-bottom: 40px;
}

.blog-section .single-blog .blog-img a {
  display: block;
  overflow: hidden;
}

.blog-section .single-blog .blog-img img {
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.blog-section .single-blog .blog-img .date-meta {
  position: absolute;
  bottom: 20px;
  left: 30px;
  border: 1px solid #f4eefb;
  padding: 8px 16px;
  border-radius: 30px;
  background: #fff;
  display: inline-block;
  z-index: 2;
}

.blog-section .single-blog:hover .blog-img img {
  -webkit-transform: scale(1.3) rotate(-7deg);
  transform: scale(1.3) rotate(-7deg);
}

.blog-section .single-blog:hover .blog-img.blog-img-2 img {
  -webkit-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}

.blog-section .single-blog .blog-content {
  padding: 0 20px 35px 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-section .single-blog .blog-content {
    padding: 0 20px 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-section .single-blog .blog-content {
    padding: 0 20px 35px;
  }
}

@media (max-width: 767px) {
  .blog-section .single-blog .blog-content {
    padding: 0 20px 35px;
  }
}

.blog-section .single-blog .blog-content h4 {
  margin-bottom: 25px;
  font-weight: 600;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-section .single-blog .blog-content h4 {
    font-size: 25px;
  }
}

@media (max-width: 767px) {
  .blog-section .single-blog .blog-content h4 {
    font-size: 25px;
  }
}

.blog-section .single-blog .blog-content p {
  margin-bottom: 30px;
}

.blog-section .single-blog .blog-content p.quote {
  font-weight: 500;
  padding: 20px 30px;
  background: #eff2f9;
  color: #051441;
  border-radius: 0 5px 5px 0;
  border-left: 5px solid #3763eb;
}

.blog-section .single-blog .blog-content .read-more-btn {
  display: inline-block;
  font-size: 18px;
  color: #090a0c;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.blog-section .single-blog .blog-content .read-more-btn i {
  padding-left: 7px;
}

.blog-section .single-blog .blog-content .read-more-btn:hover {
  color: #3763eb;
}

.blog-section .blog-style-2 {
  padding: 0;
  border: none;
}

.blog-section .blog-style-2:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blog-section .blog-style-2 .blog-img {
  padding-bottom: 0px;
  margin-bottom: 30px;
  border-radius: 10px;
}

.blog-section .blog-style-2 .blog-img img {
  border-radius: 10px;
}

.blog-section .blog-style-2 .blog-content {
  padding: 0;
}

.blog-section .blog-style-2 .blog-content h4 {
  margin-bottom: 18px;
}

.blog-section .blog-style-2 .blog-content p {
  margin-bottom: 20px;
}

.blog-section .blog-style-2 .blog-content .blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blog-section .blog-style-2 .blog-content .blog-meta .read-more-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .blog-section .blog-style-2 .blog-content .blog-meta .read-more-btn {
    font-size: 16px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog-section .blog-style-2 .blog-content .blog-meta .read-more-btn {
    font-size: 18px;
  }
}

.blog-section .blog-style-2 .blog-content .blog-meta .read-more-btn i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #eff2f9;
  padding-right: 5px;
  margin-left: 10px;
  font-size: 15px;
}

.blog-section .blog-style-2 .blog-content .blog-meta .comment {
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .blog-section .blog-style-2 .blog-content .blog-meta .comment {
    font-size: 16px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog-section .blog-style-2 .blog-content .blog-meta .comment {
    font-size: 18px;
  }
}

.blog-section .blog-style-2 .blog-content .blog-meta .comment i {
  margin-right: 10px;
}

.blog-section .pagination {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-section .pagination {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .blog-section .pagination {
    margin-bottom: 60px;
  }
}

.blog-section .pagination ul li a {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eff2f9;
  color: #090a0c;
  margin: 0 5px;
}

@media (max-width: 767px) {
  .blog-section .pagination ul li a {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog-section .pagination ul li a {
    width: 50px;
    height: 50px;
  }
}

.blog-section .pagination ul li a.active,
.blog-section .pagination ul li a:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#3763eb),
    to(#6f58e8)
  );
  background: linear-gradient(#3763eb 0%, #6f58e8 100%);
  color: #fff;
  -webkit-box-shadow: 0px 0px 3ppx rgba(46, 87, 217, 0.45);
  box-shadow: 0px 0px 3ppx rgba(46, 87, 217, 0.45);
}

.left-side-wrapper {
  margin-right: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .left-side-wrapper {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .left-side-wrapper {
    margin-right: 0px;
  }
}

@media (max-width: 767px) {
  .left-side-wrapper {
    margin-right: 0px;
  }
}

.sidebar-wrapper .sidebar-box {
  padding: 30px;
  border: 1px solid #f4eefb;
  border-radius: 10px;
  background: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

@media (max-width: 767px) {
  .sidebar-wrapper .sidebar-box {
    padding: 30px 20px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sidebar-wrapper .sidebar-box {
    padding: 30px;
  }
}

.sidebar-wrapper .sidebar-box:hover {
  -webkit-box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45);
  box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45);
}

.sidebar-wrapper .sidebar-box.search-form-box {
  padding: 20px 25px;
}

.sidebar-wrapper .sidebar-box.search-form-box .search-form {
  width: 100%;
  position: relative;
  margin: 0;
}

.sidebar-wrapper .sidebar-box.search-form-box .search-form input {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.sidebar-wrapper .sidebar-box.search-form-box .search-form input:focus {
  border-color: #3763eb;
}

.sidebar-wrapper .sidebar-box.recent-blog-box .recent-blog-items .recent-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sidebar-wrapper
  .sidebar-box.recent-blog-box
  .recent-blog-items
  .recent-blog
  .recent-blog-img {
  border-radius: 10px;
  width: 100%;
  max-width: 100px;
  height: 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar-wrapper
    .sidebar-box.recent-blog-box
    .recent-blog-items
    .recent-blog
    .recent-blog-img {
    max-width: 90px;
    height: 90px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-wrapper
    .sidebar-box.recent-blog-box
    .recent-blog-items
    .recent-blog
    .recent-blog-img {
    max-width: 90px;
    height: 90px;
  }
}

@media (max-width: 767px) {
  .sidebar-wrapper
    .sidebar-box.recent-blog-box
    .recent-blog-items
    .recent-blog
    .recent-blog-img {
    max-width: 80px;
    height: 80px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sidebar-wrapper
    .sidebar-box.recent-blog-box
    .recent-blog-items
    .recent-blog
    .recent-blog-img {
    max-width: 90px;
    height: 90px;
  }
}

.sidebar-wrapper
  .sidebar-box.recent-blog-box
  .recent-blog-items
  .recent-blog
  .recent-blog-img
  img {
  width: 100%;
}

.sidebar-wrapper
  .sidebar-box.recent-blog-box
  .recent-blog-items
  .recent-blog
  .recent-blog-content {
  margin-left: 20px;
}

.sidebar-wrapper
  .sidebar-box.recent-blog-box
  .recent-blog-items
  .recent-blog
  .recent-blog-content
  h5 {
  font-weight: 500;
  margin-bottom: 8px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar-wrapper
    .sidebar-box.recent-blog-box
    .recent-blog-items
    .recent-blog
    .recent-blog-content
    h5 {
    font-size: 18px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-wrapper
    .sidebar-box.recent-blog-box
    .recent-blog-items
    .recent-blog
    .recent-blog-content
    h5 {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .sidebar-wrapper
    .sidebar-box.recent-blog-box
    .recent-blog-items
    .recent-blog
    .recent-blog-content
    h5 {
    font-size: 18px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sidebar-wrapper
    .sidebar-box.recent-blog-box
    .recent-blog-items
    .recent-blog
    .recent-blog-content
    h5 {
    font-size: 20px;
  }
}

.sidebar-wrapper .sidebar-box.catagories-box ul li {
  margin-bottom: 20px;
  padding-left: 25px;
  position: relative;
}

.sidebar-wrapper .sidebar-box.catagories-box ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #090a0c;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.sidebar-wrapper .sidebar-box.catagories-box ul li:hover::before {
  background: #3763eb;
}

.sidebar-wrapper .sidebar-box.catagories-box ul li:hover a {
  color: #3763eb;
}

.sidebar-wrapper .sidebar-box.catagories-box ul li:last-child {
  margin-bottom: 0;
}

.sidebar-wrapper .sidebar-box.catagories-box ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 18px;
  color: #090a0c;
}

.sidebar-wrapper .sidebar-box.tags-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -20px;
}

.sidebar-wrapper .sidebar-box.tags-box ul li {
  margin-right: 20px;
}

@media (max-width: 767px) {
  .sidebar-wrapper .sidebar-box.tags-box ul li {
    margin-right: 15px;
  }
}

.sidebar-wrapper .sidebar-box.tags-box ul li:last-child {
  margin-right: 0px;
}

.sidebar-wrapper .sidebar-box.tags-box ul li a {
  font-size: 18px;
  padding: 12px 23px;
  border-radius: 30px;
  background: #eff2f9;
  margin-bottom: 15px;
  color: #090a0c;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar-wrapper .sidebar-box.tags-box ul li a {
    font-size: 16px;
    padding: 12px 18px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-wrapper .sidebar-box.tags-box ul li a {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .sidebar-wrapper .sidebar-box.tags-box ul li a {
    font-size: 16px;
    padding: 12px 18px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sidebar-wrapper .sidebar-box.tags-box ul li a {
    font-size: 18px;
  }
}

.sidebar-wrapper .sidebar-box.tags-box ul li a:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#3763eb),
    to(#6f58e8)
  );
  background: linear-gradient(#3763eb 0%, #6f58e8 100%);
  color: #fff;
}

.sidebar-wrapper .sidebar-box h4 {
  margin-bottom: 35px;
}

/*===========================
    12. Contact CSS 
===========================*/
.contact-section {
  position: relative;
  z-index: 3;
}

.contact-section.cta-bg {
  -webkit-clip-path: polygon(0 0, 100% 12%, 100% 88%, 0 100%);
  clip-path: polygon(0 0, 100% 12%, 100% 88%, 0 100%);
  z-index: 3;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-section.cta-bg {
    -webkit-clip-path: polygon(0 3%, 100% 12%, 100% 88%, 0 97%);
    clip-path: polygon(0 3%, 100% 12%, 100% 88%, 0 97%);
  }
}

@media (max-width: 767px) {
  .contact-section.cta-bg {
    -webkit-clip-path: polygon(0 3%, 100% 12%, 100% 88%, 0 97%);
    clip-path: polygon(0 3%, 100% 12%, 100% 88%, 0 97%);
  }
}

.contact-section.cta-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(111, 88, 232, 0.18)),
    to(#3763eb)
  );
  background: linear-gradient(
    to left,
    rgba(111, 88, 232, 0.18) 0%,
    #3763eb 100%
  );
}

.contact-section .contact-item-wrapper .contact-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #f4eefb;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 30px;
  padding: 20px 30px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.contact-section .contact-item-wrapper .contact-item:hover {
  -webkit-box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45);
  box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45);
}

.contact-section .contact-item-wrapper .contact-item:hover .contact-icon {
  -webkit-box-shadow: 0px 0px 30px rgba(46, 87, 217, 0.45);
  box-shadow: 0px 0px 30px rgba(46, 87, 217, 0.45);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-section .contact-item-wrapper .contact-item {
    padding: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-section .contact-item-wrapper .contact-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .contact-section .contact-item-wrapper .contact-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.contact-section .contact-item-wrapper .contact-item .contact-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 22px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#3763eb),
    to(#6f58e8)
  );
  background: linear-gradient(#3763eb 0%, #6f58e8 100%);
  color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.contact-section .contact-item-wrapper .contact-item .contact-content {
  margin-left: 25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-section .contact-item-wrapper .contact-item .contact-content {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-section .contact-item-wrapper .contact-item .contact-content {
    margin-left: 0px;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .contact-section .contact-item-wrapper .contact-item .contact-content {
    margin-left: 0px;
    margin-top: 20px;
  }
}

.contact-section .contact-item-wrapper .contact-item .contact-content h4 {
  font-size: 20px;
  color: #3763eb;
  margin-bottom: 10px;
}

.comment-form-wrapper,
.contact-form-wrapper {
  padding: 50px 40px;
  background: #fff;
  border: 1px solid #f4eefb;
  margin-left: 0px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.comment-form-wrapper:hover,
.contact-form-wrapper:hover {
  -webkit-box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45);
  box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .comment-form-wrapper,
  .contact-form-wrapper {
    margin-left: 30px;
  }
}

.comment-form-wrapper .comment-form input,
.comment-form-wrapper .comment-form textarea,
.comment-form-wrapper .contact-form input,
.comment-form-wrapper .contact-form textarea,
.contact-form-wrapper .comment-form input,
.contact-form-wrapper .comment-form textarea,
.contact-form-wrapper .contact-form input,
.contact-form-wrapper .contact-form textarea {
  padding: 18px 25px;
  border-radius: 30px;
  border: 1px solid #f4eefb;
  margin-bottom: 25px;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

@media (max-width: 767px) {
  .comment-form-wrapper .comment-form input,
  .comment-form-wrapper .comment-form textarea,
  .comment-form-wrapper .contact-form input,
  .comment-form-wrapper .contact-form textarea,
  .contact-form-wrapper .comment-form input,
  .contact-form-wrapper .comment-form textarea,
  .contact-form-wrapper .contact-form input,
  .contact-form-wrapper .contact-form textarea {
    padding: 12px 25px;
  }
}

.comment-form-wrapper .comment-form input:focus,
.comment-form-wrapper .comment-form textarea:focus,
.comment-form-wrapper .contact-form input:focus,
.comment-form-wrapper .contact-form textarea:focus,
.contact-form-wrapper .comment-form input:focus,
.contact-form-wrapper .comment-form textarea:focus,
.contact-form-wrapper .contact-form input:focus,
.contact-form-wrapper .contact-form textarea:focus {
  border-color: #3763eb;
}

.comment-form-wrapper .comment-form textarea,
.comment-form-wrapper .contact-form textarea,
.contact-form-wrapper .comment-form textarea,
.contact-form-wrapper .contact-form textarea {
  border-radius: 18px;
}

.comment-form-wrapper .comment-form .theme-btn,
.comment-form-wrapper .contact-form .theme-btn,
.contact-form-wrapper .comment-form .theme-btn,
.contact-form-wrapper .contact-form .theme-btn {
  font-weight: 500;
  padding: 18px 90px;
}

.page-banner-section {
  margin-top: 107px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-banner-section {
    margin-top: 94px;
  }
}

.page-banner-section .banner-content h2 {
  margin-bottom: 20px;
}

.page-banner-section .banner-content .page-breadcrumb nav ol {
  background: none;
  padding: 0;
}

.page-banner-section .banner-content .page-breadcrumb nav ol li {
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
  font-weight: 500;
}

.page-banner-section .banner-content .page-breadcrumb nav ol li::before {
  color: #fff;
}

.page-banner-section .banner-content .page-breadcrumb nav ol li a {
  color: #fff;
}

.carousel-section-wrapper {
  position: relative;
  z-index: 3;
}

.carousel-section-wrapper .carousel-section {
  position: relative;
  z-index: 3;
}

.carousel-section-wrapper .carousel-section.clip-bg {
  -webkit-clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 89%);
  clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 89%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .carousel-section-wrapper .carousel-section.clip-bg {
    -webkit-clip-path: polygon(0% 8%, 100% 2%, 100% 98%, 0 92%);
    clip-path: polygon(0% 8%, 100% 2%, 100% 98%, 0 92%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-section-wrapper .carousel-section.clip-bg {
    -webkit-clip-path: polygon(0% 8%, 100% 2%, 100% 98%, 0 92%);
    clip-path: polygon(0% 8%, 100% 2%, 100% 98%, 0 92%);
  }
}

@media (max-width: 767px) {
  .carousel-section-wrapper .carousel-section.clip-bg {
    -webkit-clip-path: polygon(0% 8%, 100% 2%, 100% 98%, 0 92%);
    clip-path: polygon(0% 8%, 100% 2%, 100% 98%, 0 92%);
  }
}

.carousel-section-wrapper .carousel-section.clip-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(111, 88, 232, 0.8)),
    to(#3763eb)
  );
  background: linear-gradient(
    to right,
    rgba(111, 88, 232, 0.8) 0%,
    #3763eb 100%
  );
}

.carousel-section-wrapper
  .carousel-section.carousel-item
  .carousel-content
  .section-title
  h2 {
  margin-bottom: 25px;
}

.carousel-section-wrapper
  .carousel-section.carousel-item
  .carousel-content
  .section-title
  p {
  margin-bottom: 40px;
}

.carousel-section-wrapper
  .carousel-section.carousel-item
  .carousel-content
  .border-btn {
  border-color: #fff;
  color: #fff;
}

.testi {
  font-size: 20px !important;
}

.carousel-section-wrapper
  .carousel-section.carousel-item
  .carousel-content
  .border-btn:hover {
  background: rgba(255, 255, 255, 0.2);
}

.carousel-section-wrapper .carousel-control {
  background: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #f4eefb;
  color: #fff;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
}

.carousel-section-wrapper .carousel-control:hover {
  background: #fff;
  color: #3763eb;
}

.carousel-section-wrapper .carousel-control.carousel-control-next {
  left: auto;
  right: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-section-wrapper .carousel-control {
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    bottom: 80px;
    margin: auto;
  }
  .carousel-section-wrapper .carousel-control.carousel-control-prev {
    left: 42%;
  }
  .carousel-section-wrapper .carousel-control.carousel-control-next {
    left: 10%;
  }
}

@media (max-width: 767px) {
  .carousel-section-wrapper .carousel-control {
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    bottom: 80px;
    margin: auto;
  }
  .carousel-section-wrapper .carousel-control.carousel-control-prev {
    left: 30%;
  }
  .carousel-section-wrapper .carousel-control.carousel-control-next {
    left: 30%;
  }
}

.carousel-section-wrapper .carousel-control span {
  background: none;
}

.map-section {
  margin-top: -130px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .map-section {
    margin-top: 130px;
  }
}

@media (max-width: 767px) {
  .map-section {
    margin-top: 130px;
  }
}

.accordion-style .single-accordion {
  border: 1px solid #f4eefb;
  border-radius: 5px;
}

.accordion-style .single-accordion .accordion-btn button {
  background: #fff;
  border: none;
  padding: 12px 30px;
  font-weight: 500;
  border-radius: 5px;
  position: relative;
}

.accordion-style .single-accordion .accordion-btn button::after {
  content: "\ea5e";
  font: normal normal normal 1em/1 "LineIcons";
  position: absolute;
  right: 30px;
  top: 15px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.accordion-style .single-accordion .accordion-btn button.collapsed::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion-style .single-accordion .accordion-content {
  padding: 20px 30px;
}

.accordion-style.theme-accordion .single-accordion .accordion-btn button {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#3763eb),
    to(#6f58e8)
  );
  background: linear-gradient(to left, #3763eb 0%, #6f58e8 100%);
  color: #fff;
}

.accordion-style.theme-accordion
  .single-accordion
  .accordion-btn
  button::after {
  color: #fff;
}

/*===========================
    13. Footer CSS 
===========================*/
.footer {
  position: relative;
  z-index: 2;
  background: #eff2f9;
}

.footer .footer-widget .footer-desc {
  line-height: 30px;
}

.footer .footer-widget h4 {
  margin-bottom: 35px;
  font-weight: 500;
  text-align: left;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer .footer-widget h4 {
    font-size: 22px;
  }
}

.footer .footer-widget ul.footer-links li a {
  color: #090a0c;
  display: block;
  line-height: 35px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer .footer-widget ul.footer-links li a:hover {
  color: #3763eb;
}

.footer .footer-widget ul {
  padding-left: 20px;
}

.footer .footer-widget ul li {
  list-style: disc;
}

.footer .footer-widget .footer-contact li p {
  line-height: 35px;
}

.footer .copyright-area {
  border-top: 2px solid rgba(106, 124, 146, 0.44);
  padding: 25px 0;
  font-size: 16px;
  position: relative;
  z-index: 2;
}

.footer .copyright-area p {
  text-align: right;
}

@media (max-width: 767px) {
  .footer .copyright-area p {
    font-size: 14px;
    text-align: center;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .footer .copyright-area p {
    font-size: 15px;
  }
}

.footer .copyright-area p a {
  color: #090a0c;
}

.footer .copyright-area p a:hover {
  color: #3763eb;
}

@media (max-width: 767px) {
  .footer-social-links {
    margin-bottom: 15px;
  }
}

.footer-social-links ul {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media (max-width: 767px) {
  .footer-social-links ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.footer-social-links ul li {
  display: inline-block;
}

.footer-social-links ul li a {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-align: center;
  line-height: 45px;
  background: rgba(106, 124, 146, 0.1);
  display: block;
  font-size: 18px;
  color: #090a0c;
  margin-right: 15px;
}

@media (max-width: 767px) {
  .footer-social-links ul li a {
    padding: 0 7px;
    margin-right: 10px;
  }
}

.footer-social-links ul li a:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#3763eb),
    to(#6f58e8)
  );
  background: linear-gradient(#3763eb 0%, #6f58e8 100%);
  color: #fff;
}
/*# sourceMappingURL=main.css.map */

/* Card container */
.carousel-card {
  background: #fff;
  border-radius: 16px;
  padding: 24px 28px;
  /* box-shadow: 0 10px 30px rgba(22, 28, 37, 0.08);
    border: 1px solid rgba(18, 24, 31, 0.04); */
}

/* Header */
.carousel-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
}
.carousel-header h2 {
  font-size: 20px;
  margin: 0;
  font-weight: 600;
}
.carousel-header p {
  margin: 4px 0 0;
  color: #6b7280;
  font-size: 14px;
}

/* Carousel Items */
.vendor-carousel .item {
  padding: 10px;
  outline: none;
}
.vendor-card {
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid rgba(15, 23, 42, 0.04);
  height: 140px;
}
.vendor-card img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
.vendor-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 36px rgba(16, 24, 40, 0.08);
}

/* Navigation buttons */
.owl-nav button {
  background: #0ea5a4;
  border: none;
  color: white;
  padding: 8px 14px;
  border-radius: 8px;
}
.owl-nav button.owl-prev {
  margin-right: 8px;
}
.owl-nav button:focus {
  outline: none;
}
/* .owl-dots {margin-top:16px;} */
.owl-dots {
  display: none;
}

/* Owl Carousel nav buttons - base style */
.vendor-carousel.owl-carousel .owl-nav button {
  background: transparent !important;
  color: #141a46 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  border: 2px solid #545454 !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
}

.vendor-carousel.owl-carousel .owl-nav button:hover {
  background: #545454 !important;
  color: #fff !important;
  transform: scale(1.1) !important;
}

.vendor-carousel.owl-carousel .owl-nav button.owl-prev {
  margin-right: 12px !important;
}

/* ====================== Responsive adjustments ====================== */
@media (max-width: 992px) {
  .vendor-carousel.owl-carousel .owl-nav button {
    font-size: 20px !important;
    width: 40px !important;
    height: 40px !important;
    border: 1.5px solid #545454 !important;
  }
}

@media (max-width: 768px) {
  .vendor-carousel.owl-carousel .owl-nav button {
    font-size: 18px !important;
    width: 36px !important;
    height: 36px !important;
    border: 1.2px solid #545454 !important;
  }
}

@media (max-width: 480px) {
  .vendor-carousel.owl-carousel .owl-nav button {
    font-size: 16px !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #545454 !important;
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .vendor-card {
    height: 100px;
  }
  .carousel-card {
    padding: 16px 20px;
  }
  .carousel-header h2 {
    font-size: 18px;
  }
  .carousel-header p {
    font-size: 13px;
  }
}

.progress {
  height: 5px;
}

.progress .progress-bar {
  transition: 4s;
}

.progress-bar {
  width: 0%;
  transition: width 2s ease-in-out;
}
.skill.wow.fadeInUp.in-view .progress-bar {
  width: 100%;
}

/* Smooth width animation */
.progress-bar {
  width: 0%;
  transition: width 1.6s ease-in-out;
}
/* Optional subtle shadow/rounded look */
.progress {
  height: 12px;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.06);
}
.skill {
  /* small spacing tweak */
  will-change: transform;
}

.footer-contact-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #333;
}

.footer-contact-table td {
  padding: 8px 12px;
  vertical-align: middle;
}

.footer-contact-table td i {
  font-size: 18px;
  color: #141a46; /* Icon color as requested */
}

/* Links styling */
.footer-contact-table a {
  color: #090a0c;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-contact-table a:hover {
  color: #3763eb;
}

/* Responsive */
@media (max-width: 768px) {
  .footer-contact-table td {
    display: block;
    padding: 6px 0;
  }
  .footer-contact-table td i {
    margin-bottom: 4px;
  }
}

/* =========== Services Tab Section ========*/

.our-services-area {
  padding-top: 115px;
}

.section-title {
  margin-bottom: 50px;
}

.section-title h6 {
  color: var(--theme-color);
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.section-title h4 {
  font-size: 32px;
  font-weight: 700;
  color: var(--black);
}

.section-title h4 span {
  color: var(--theme-color);
}

.our-services-tab .nav {
  /* border-bottom: 2px solid var(--border-color); */
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}

.our-services-tab .nav-item {
  margin: 10px;
}

.our-services-tab .nav a {
  color: var(--body-color);
  padding: 17px 30px;
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: none;
  transition: 0.3s;
}

.our-services-tab .nav a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--theme-color);
  left: 0;
  bottom: -2px;
  opacity: 0;
  transition: 0.3s;
}

.our-services-tab .nav a i {
  font-size: 40px;
}

.our-services-tab .nav a span {
  font-size: 14px;
  font-family: var(--font-2);
  font-weight: 500;
  padding-left: 15px;
}

.our-services-tab .nav a.active {
  color: var(--theme-color);
}

.our-services-tab .nav a.active::before {
  opacity: 1;
}

.our-services-content .services-title {
  font-size: 28px;
  color: var(--black);
  font-weight: 600;
}

.our-services-content .services-title span {
  color: var(--theme-color);
  font-weight: 400;
}

.our-services-content .text {
  margin-top: 20px;
  line-height: 1.7;
}

.our-services-image img {
  width: 100%;
  border-radius: 8px;
}

.our-services-progress {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.our-services-progress .circle {
  width: 70px;
  height: 70px;
  background-color: var(--theme-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 22px;
}

.progress-content {
  padding-left: 20px;
}

.progress-title {
  font-size: 18px;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 768px) {
  .our-services-content .services-title {
    font-size: 22px;
  }

  .our-services-tab .nav a {
    padding: 10px 15px;
  }

  .our-services-tab .nav a i {
    font-size: 28px;
  }
}

.our-services-tab .nav {
  /* border-bottom: 2px solid #e5e5e5; */
}

@media (max-width: 575px) {
  .our-services-tab .nav {
    border-bottom: 0;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .our-services-tab .nav {
    border-bottom: 2px solid #e5e5e5;
  }
}

.our-services-tab .nav .nav-item {
}

@media (max-width: 575px) {
  .our-services-tab .nav .nav-item {
    width: 50%;
  }
}

@media (min-width: 576px) {
  .our-services-tab .nav .nav-item {
    width: auto;
  }
}

.our-services-tab .nav .nav-item a {
  color: #090a0c;
  padding: 17px 30px;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.3s ease;
}

@media (min-width: 768px) and (max-width: 991px) {
  .our-services-tab .nav .nav-item a {
    padding: 17px 15px;
  }
}

@media (max-width: 575px) {
  .our-services-tab .nav .nav-item a {
    padding: 17px 15px;
    border-bottom: 2px solid #e5e5e5;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .our-services-tab .nav .nav-item a {
    padding: 17px 10px;
    border-bottom: 0;
  }
}

.our-services-tab .nav .nav-item a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #0066ff;
  left: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.3s ease;
}

.our-services-tab .nav .nav-item a i {
  font-size: 50px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .our-services-tab .nav .nav-item a i {
    font-size: 40px;
  }
}

@media (max-width: 575px) {
  .our-services-tab .nav .nav-item a i {
    font-size: 34px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .our-services-tab .nav .nav-item a i {
    font-size: 28px;
  }
}

.our-services-tab .nav .nav-item a span {
  font-size: 18px;
  font-weight: 500;
  padding-left: 15px;
  font-family: "Poppins", sans-serif;
}

@media (min-width: 576px) and (max-width: 767px) {
  .our-services-tab .nav .nav-item a span {
    padding-left: 10px;
  }
}

.our-services-tab .nav .nav-item a.active {
  color: #0066ff;
}

.our-services-tab .nav .nav-item a.active::before {
  opacity: 1;
}

/* ---- Content Section ---- */

.our-services-tab .our-services-content .services-title {
  font-size: 40px;
}

@media (max-width: 575px) {
  .our-services-tab .our-services-content .services-title {
    font-size: 22px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .our-services-tab .our-services-content .services-title {
    font-size: 26px;
  }
}

.our-services-tab .our-services-content .services-title span {
  font-weight: 400;
  display: contents;
}

.our-services-tab .our-services-content .text {
  margin-top: 35px;
}

.our-services-tab .our-services-content .our-services-progress .circles-text {
  font-size: 24px !important;
  font-weight: 700;
  color: #000;
  font-family: "Roboto", sans-serif;
}

.our-services-tab
  .our-services-content
  .our-services-progress
  .progress-content {
  padding-left: 30px;
}

.our-services-tab
  .our-services-content
  .our-services-progress
  .progress-content
  .progress-title {
  font-size: 18px;
}

/* Services Content Area Background */
.our-services-content {
  background-color: #afd8ff; /* Yahan apna desired color daalein */
  padding: 40px; /* Optional: spacing add karne ke liye */
  border-radius: 10px; /* Optional: thoda rounded look ke liye */
}

/* ======= Service tab Section End =========== */

/*======================================
	Mail Success CSS
========================================*/
.mail-success {
  text-align: center;
  background: #fff;
  border-top: 1px solid #eee;
}

.mail-success .siccess-text {
  display: inline-block;
  text-align: left;
  margin-top: 50px;
  padding-left: 50px;
}

.mail-success .siccess-text h2 {
  font-size: 30px;
  display: block;
  margin-bottom: 30px;
  color: #081828;
  font-weight: 700;
}

.mail-success .siccess-text h2 span {
  color: #3763eb;
  display: block;
  margin-bottom: 10px;
  font-size: 25px;
}

.mail-success .siccess-text p {
  display: block;
  margin-bottom: 30px;
}

/* submenu own code */

/* === EBMGS: Scoped accordion styles (unique names) === */
.ebmgs-accordion {
  padding: 18px 0;
  background: transparent;
  /* keep parent bg if any */
  --eb-card-bg: #ffffff;
  --eb-accent: #0066cc;
  --eb-text: #222;
  --eb-muted: #6b7280;
  --eb-radius: 12px;
  --eb-gap: 18px;
}

/* container spacing inside accordion */
.ebmgs-accordion__content {
  padding: 8px 16px;
}

/* row uses flex for equal height cards, but maintain Bootstrap grid fallback */
.ebmgs-row {
  display: flex;
  gap: var(--eb-gap);
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -8px;
}

/* column wrapper — uses flex-basis with responsive fallback */
.ebmgs-col {
  padding: 8px;
  box-sizing: border-box;
  flex: 1 1 280px;
  /* min width 280px, grow available */
  max-width: 33.3333%;
}

/* For projects using bootstrap, the col-md-4 will still apply; ebmgs-col just scopes styling */
/* Card */
.ebmgs-card {
  background: var(--eb-card-bg);
  border-radius: var(--eb-radius);
  padding: 18px;
  height: 100%;
  box-shadow: 0 6px 20px rgba(8, 15, 30, 0.06);
  border: 1px solid rgba(15, 23, 42, 0.04);
  transition: transform 220ms ease, box-shadow 220ms ease;
  display: flex;
  flex-direction: column;
}

/* Hover / focus effect */
.ebmgs-card:hover,
.ebmgs-card:focus-within {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(8, 15, 30, 0.1);
}

/* Title */
.ebmgs-card__title {
  font-size: 1rem;
  margin: 0 0 8px 0;
  color: var(--eb-text);
  font-weight: 700;
  letter-spacing: 0.2px;
  position: relative;
  padding-bottom: 10px;
}

/* Accent line below title */
.ebmgs-card__title::after {
  content: "";
  display: block;
  width: 44px;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--eb-accent), rgba(0, 102, 204, 0.65));
  margin-top: 8px;
}

/* Text */
.ebmgs-card__text {
  margin: 0;
  color: #090a0c;
  line-height: 1.6;
  /* paragraph spacing smooth */
  font-size: 0.95rem;
  text-align: left;
  /* ensure left aligned */
  word-wrap: break-word;
  /* long words wrap */
}

/* Responsive: stack columns on small screens */
@media (max-width: 767px) {
  .ebmgs-col {
    max-width: 100%;
    flex: 1 1 100%;
  }

  .ebmgs-row {
    gap: 12px;
  }

  .ebmgs-card {
    padding: 14px;
    border-radius: 10px;
  }

  .ebmgs-card::before {
    width: 36px;
  }
}

/* Accessibility / reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .ebmgs-card,
  .ebmgs-card:hover {
    transition: none;
    transform: none;
  }
}

/* =======Table Css */

.ebmgs-table-container {
  width: 100%;
  overflow-x: auto;
  margin: 20px 0;
}

.ebmgs-table-title {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 15px;
  color: #222;
}

.ebmgs-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 300px;
}

.ebmgs-table th,
.ebmgs-table td {
  padding: 12px 15px;
  text-align: left;
  border: 1px solid #ddd;
}

.ebmgs-table th {
  background-color: #f4f4f4;
  font-weight: 600;
}

.ebmgs-table tr:nth-child(even) {
  background-color: #fafafa;
}

@media (max-width: 768px) {
  .ebmgs-table th,
  .ebmgs-table td {
    padding: 10px;
    font-size: 0.9rem;
  }
}
.ebmgs-table tr:hover {
  background-color: #e0f7fa; /* light blue highlight */
  transition: 0.3s;
}

/* =========Services Page============ */

/* ===========================
   service-ebmgs.css (Full Responsive)
   Elite Business Management Services
=========================== */

/* Section Wrapper */
.service-ebmgs-section {
  background: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%);
  padding: 100px 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* Decorative Element (optional wave style) */
.service-ebmgs-section::before {
  content: "";
  position: absolute;
  top: -80px;
  left: 0;
  width: 100%;
  height: 120px;
  background: url("../img/shape/wave-top.svg") no-repeat center;
  background-size: cover;
  opacity: 0.3;
  z-index: 0;
}

/* Section Title */
.service-ebmgs-section .section-title {
  margin-bottom: 40px;
  position: relative;
}

.service-ebmgs-section .section-title span {
  color: #007bff;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  margin-bottom: 10px;
}

.service-ebmgs-section .section-title h2 {
  font-size: 38px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.3;
}

.service-ebmgs-section .section-title .highlight {
  color: #007bff;
  font-weight: 700;
}

/* Image Styling */
.service-ebmgs-section .service-img img {
  border-radius: 16px;
  /* box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08); */
  transition: all 0.4s ease;
  width: 100%;
}

.service-ebmgs-section .service-img img:hover {
  transform: scale(1.04);
}

/* Text Content */
.service-ebmgs-section p {
  color: #090a0c;
  font-size: 17px;
  line-height: 1.8;
  margin-bottom: 25px;
}

.service-ebmgs-section h4 {
  font-size: 22px;
  font-weight: 700;
  color: #222;
  margin-bottom: 10px;
}

/* Animation Style */
.service-ebmgs-section .wow {
  visibility: visible !important;
}

/* Tablet Responsive (768px - 992px) */
@media (max-width: 992px) {
  .service-ebmgs-section {
    padding: 70px 0;
  }

  .service-ebmgs-section .section-title h2 {
    font-size: 30px;
  }

  .service-ebmgs-section .section-title span {
    font-size: 15px;
  }

  .service-ebmgs-section .service-img-wrapper {
    text-align: center;
    margin-bottom: 40px;
  }

  .service-ebmgs-section p {
    font-size: 16px;
    text-align: center;
  }

  .service-ebmgs-section h4 {
    text-align: center;
  }
}

/* Mobile Responsive (below 768px) */
@media (max-width: 768px) {
  .service-ebmgs-section {
    padding: 60px 0;
  }

  .service-ebmgs-section .section-title h2 {
    font-size: 26px;
    line-height: 1.4;
  }

  .service-ebmgs-section .section-title span {
    font-size: 14px;
  }

  .service-ebmgs-section p {
    font-size: 15px;
    text-align: justify;
  }

  .service-ebmgs-section h4 {
    font-size: 20px;
  }

  .service-ebmgs-section .service-img img {
    border-radius: 12px;
  }
}

/* Small Mobile (below 480px) */
@media (max-width: 480px) {
  .service-ebmgs-section {
    padding: 50px 0;
  }

  .service-ebmgs-section .section-title h2 {
    font-size: 22px;
  }

  .service-ebmgs-section p {
    font-size: 14px;
    line-height: 1.7;
  }

  .service-ebmgs-section h4 {
    font-size: 18px;
  }
}

/* ===========================
   service-cards-section.css
   (Separate CSS for Service Page)
=========================== */

.service-cards-section {
  background: #f9fbff;
  padding: 100px 0;
}

.service-cards-section .section-title {
  margin-bottom: 50px;
}

.service-cards-section .section-title h2 {
  font-size: 38px;
  font-weight: 700;
  color: #111;
}

.service-cards-section .section-title .highlight {
  color: #007bff;
}

.service-cards-section .section-title p {
  color: #666;
  max-width: 600px;
  margin: 10px auto 0;
  font-size: 16px;
}

/* Card Design */
.service-cards-section .service-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  text-align: center;
  padding: 25px 20px;
  transition: all 0.3s ease;
  height: 100%;
}

.service-cards-section .service-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 20px;
}

.service-cards-section .service-card h4 {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  margin-bottom: 10px;
}

.service-cards-section .service-card p {
  color: #090a0c;
  font-size: 15px;
  line-height: 1.6;
}

/* Hover Effects */
.service-cards-section .service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

/* Responsive */
@media (max-width: 992px) {
  .service-cards-section {
    padding: 80px 0;
  }
  .service-cards-section .section-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 768px) {
  .service-cards-section {
    padding: 60px 0;
  }
  .service-cards-section .service-card img {
    height: 160px;
  }
}

@media (max-width: 480px) {
  .service-cards-section {
    padding: 50px 0;
  }
  .service-cards-section .section-title h2 {
    font-size: 24px;
  }
  .service-cards-section .service-card {
    padding: 20px;
  }
}

/* ===========================
   EBMG Upgraded Card
   Completely Separate CSS
=========================== */
/* =========================
   EBMG Upgraded Cards - Full Responsive
========================= */

/* Card Container */
.ebmgs-upgraded-card {
  background: linear-gradient(145deg, #ffffff, #f0f4ff);
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  padding: 25px 20px;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; /* ensures all cards in a row have equal height */
  position: relative;
}

/* Hover effect */
.ebmgs-upgraded-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

/* Header */
.ebmgs-card-header h4 {
  font-size: 22px;
  font-weight: 700;
  color: #007bff;
  text-align: center;
  margin-bottom: 15px;
  position: relative;
}

.ebmgs-card-header h4::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background: #007bff;
  margin: 10px auto 0;
  border-radius: 2px;
}

/* Service List */
.ebmgs-service-list {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
  flex-grow: 1; /* list takes remaining space */
  overflow-y: auto; /* scroll if too long */
}

.ebmgs-service-list li {
  font-size: 15px;
  color: #333;
  line-height: 1.8;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  transition: color 0.3s;
}

.ebmgs-service-list li .ebmgs-bullet {
  color: #007bff;
  margin-right: 10px;
  font-size: 18px;
}

/* Authority */
.ebmgs-authority {
  font-size: 14px;
  color: #fff;
  background: #007bff;
  padding: 10px 12px;
  border-radius: 12px;
  text-align: center;
  font-weight: 600;
  margin-top: 10px;
}

/* Scrollbar for long lists */
.ebmgs-service-list::-webkit-scrollbar {
  width: 6px;
}

.ebmgs-service-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 123, 255, 0.5);
  border-radius: 3px;
}

/* Responsive Adjustments */

/* Tablet (<=992px) */
@media (max-width: 992px) {
  .ebmgs-card-header h4 {
    font-size: 20px;
  }
  .ebmgs-service-list li {
    font-size: 14px;
  }
}

/* Mobile (<=768px) */
@media (max-width: 768px) {
  .ebmgs-upgraded-card {
    padding: 20px 15px;
  }
  .ebmgs-card-header h4 {
    font-size: 18px;
  }
  .ebmgs-service-list li {
    font-size: 13px;
  }
  .ebmgs-authority {
    font-size: 13px;
    padding: 8px 10px;
  }
}

/* Small Mobile (<=480px) */
@media (max-width: 480px) {
  .ebmgs-card-header h4 {
    font-size: 16px;
  }
  .ebmgs-service-list li {
    font-size: 12px;
  }
  .ebmgs-authority {
    font-size: 12px;
    padding: 6px 8px;
  }
}

.mainland-benefits {
  padding: 50px;
}

.benefit-image img {
  width: 100%;
  /* border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1); */
  height: 100%;
  object-fit: cover;
}

.benefit-content {
  padding-left: 20px;
}

.benefit-content h3 {
  font-size: 26px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
}

.benefit-item {
  margin-bottom: 20px;
}

.benefit-item h4 {
  font-size: 18px;
  font-weight: 600;
  color: #0052cc;
  margin-bottom: 6px;
}

.benefit-item p {
  font-size: 16px;
  color: #090a0c;
  margin: 0;
}

/* Responsive */
@media (max-width: 991px) {
  .benefit-content {
    padding-left: 0;
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .benefit-item h4 {
    font-size: 16px;
  }
  .benefit-item p {
    font-size: 14px;
  }
}

/* =============================
   Document List Styling (Responsive)
============================= */
.document-list {
  list-style: none; /* Remove default bullets */
  padding-left: 0;
  margin: 0;
}

.document-list li {
  position: relative;
  padding-left: 35px; /* Space for custom bullet */
  margin-bottom: 14px;
  font-size: 16px;
  color: black;
  line-height: 1.6;
  transition: all 0.3s ease;
}

/* Main bullet using pseudo-element */
.document-list li::before {
  content: "📌"; /* Main bullet emoji */
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #007bff; /* Bullet color */
  line-height: 1.6;
}

/* Nested lists */
.document-list li ul {
  padding-left: 20px; /* Indent nested lists */
  margin-top: 6px;
}

.document-list li ul li::before {
  content: "•"; /* Dot for nested items */
  color: #090a0c;
  font-size: 14px;
  left: 0;
}

/* Tablet (768px - 992px) */
@media (max-width: 992px) {
  .document-list li {
    padding-left: 30px;
    font-size: 15px;
    margin-bottom: 12px;
  }
  .document-list li::before {
    font-size: 16px;
  }
  .document-list li ul li::before {
    font-size: 12px;
  }
}

/* Mobile (below 768px) */
@media (max-width: 768px) {
  .document-list li {
    padding-left: 25px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .document-list li::before {
    font-size: 15px;
  }
  .document-list li ul li::before {
    font-size: 12px;
  }
}

/* Small Mobile (below 480px) */
@media (max-width: 480px) {
  .document-list li {
    padding-left: 22px;
    font-size: 13px;
    margin-bottom: 8px;
  }
  .document-list li::before {
    font-size: 14px;
  }
  .document-list li ul li::before {
    font-size: 11px;
  }
}

/* ======================================
   EBMGS Brand Section
====================================== */
.ebmgs-brand-section {
  padding: 100px 0;
  background-color: #fff;
}

.ebmgs-brand-title {
  margin-bottom: 30px;
  padding-right: 50px;
}

.ebmgs-brand-title span {
  color: var(--theme-color, #007bff);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

.ebmgs-brand-title h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
}

.ebmgs-brand-title p {
  color: #090a0c;
  line-height: 1.7;
}

/* ============ Logo List ============ */
.ebmgs-brand-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* border: 1px solid #eee; */
  position: relative;
}

.ebmgs-brand-list::before {
  content: "";
  position: absolute;
  /* background: #eee; */
  width: 100%;
  height: 1px;
  top: 50%;
}

.ebmgs-brand-list li {
  flex: 1 1 33.33%;
  max-width: 33.33%;
}

.ebmgs-brand-list li a {
  display: block;
  /* border-right: 1px solid #eee; */
  text-align: center;
  height: 130px;
  line-height: 130px;
  transition: all 0.3s ease;
}

.ebmgs-brand-list li a:hover {
  background-color: #f6f9fc;
}

.ebmgs-brand-list li a img {
  max-width: 250px;
  transition: all 0.4s ease;
  opacity: 0.6;
  transform: scale(0.9);
}

.ebmgs-brand-list li a:hover img {
  opacity: 1;
  transform: scale(1);
}

/* Remove border for last elements */
.ebmgs-brand-list li:nth-child(3n) a,
.ebmgs-brand-list li:last-child a {
  border-right: none;
}

/* ================= Responsive ================= */
@media (max-width: 991px) {
  .ebmgs-brand-title {
    padding-right: 0;
    text-align: center;
  }

  .ebmgs-brand-title h2 {
    font-size: 24px;
  }

  .ebmgs-brand-list li {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

@media (max-width: 575px) {
  .ebmgs-brand-list li {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ebmgs-brand-list li a {
    height: 100px;
    line-height: 100px;
  }

  .ebmgs-brand-title h2 {
    font-size: 20px;
  }
}

/* ======================================
   Dark Version for Brand Section
====================================== */
.ebmgs-dark-bg {
  background: #0d0d0d; /* deep matte black */
  color: #f0f0f0;
}

.ebmgs-dark-bg .ebmgs-brand-title span {
  color: #00bcd4; /* accent blue */
}

.ebmgs-dark-bg .ebmgs-brand-title h2 {
  color: #ffffff;
}

.ebmgs-dark-bg .ebmgs-brand-title p {
  color: #bbb;
}

.ebmgs-dark-bg .ebmgs-brand-list {
  /* border: 1px solid rgba(255, 255, 255, 0.1); */
}

.ebmgs-dark-bg .ebmgs-brand-list::before {
  /* background: rgba(255, 255, 255, 0.1); */
}

.ebmgs-dark-bg .ebmgs-brand-list li a {
  /* border-right: 1px solid rgba(255, 255, 255, 0.1); */
  background-color: transparent;
}

.ebmgs-dark-bg .ebmgs-brand-list li a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.ebmgs-dark-bg .ebmgs-brand-list li a img {
  /* opacity: 0.7;
  filter: brightness(0) invert(1);
  transform: scale(0.9); */
}

.ebmgs-dark-bg .ebmgs-brand-list li a:hover img {
  opacity: 1;
  transform: scale(1);
}

/* Border remove for last elements */
.ebmgs-dark-bg .ebmgs-brand-list li:nth-child(3n) a,
.ebmgs-dark-bg .ebmgs-brand-list li:last-child a {
  border-right: none;
}

/* ======================================
   EBMGS Newsletter Section
====================================== */
.ebmgs-newsletter-section {
  background-color: #f6f9fc;
  padding: 80px 0;
}

/* ===== Subscribe Box ===== */
.ebmgs-subscribe-box {
  background-color: #3763eb;
  color: #fff;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(111, 111, 111, 0.1);
  height: 100%;
}

.ebmgs-subscribe-box h6 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.elite-act li {
  color: black !important;
}

.ebmgs-subscribe-box p {
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.6;
}

.ebmgs-newsletter-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.ebmgs-input {
  flex: 1;
  min-width: 220px;
  height: 53px;
  border: none;
  background-color: #fff;
  color: #081828;
  border-radius: 30px;
  padding: 0 25px;
  outline: none;
  transition: all 0.3s ease;
}

.ebmgs-input:focus {
  box-shadow: 0 0 0 3px rgba(55, 99, 235, 0.3);
}

/* Button */
.ebmgs-btn-wrapper {
  display: inline-block;
}

.ebmgs-btn {
  background-color: transparent;
  color: #fff;
  border: 1px solid #eee;
  height: 53px;
  padding: 0 30px;
  border-radius: 30px;
  transition: all 0.3s ease;
  font-weight: 500;
}

.ebmgs-btn:hover {
  background-color: #fff;
  color: #3763eb;
  border-color: transparent;
}

/* ===== Mini Call To Action ===== */
.ebmgs-mini-cta {
  background-color: #fff;
  color: #081828;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(111, 111, 111, 0.1);
  height: 100%;
}

.ebmgs-mini-cta h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 20px;
}

.ebmgs-mini-cta p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 25px;
}

/* ================= Modern List Style ================= */
.list-style {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-style li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  line-height: 1.8;
  color: #ffffff; /* default text color */
  font-weight: 400;
  font-size: 16px;
  transition: all 0.3s ease;
}

/* 🔹 Custom glowing bullet */
.list-style li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--theme-color, #00bcd4);
  font-size: 22px;
  line-height: 1.4;
  transition: all 0.3s ease;
  text-shadow: 0 0 8px rgba(0, 188, 212, 0.7);
}

/* ✨ Hover effect for premium feel */
.list-style li:hover {
  color: #081828;
  transform: translateX(3px);
}

.list-style li:hover::before {
  text-shadow: 0 0 12px rgba(0, 188, 212, 1);
}

/* Nested list style */
.list-style li ul {
  margin-top: 8px;
  padding-left: 20px;
}

.list-style li ul li::before {
  content: "–";
  color: var(--theme-color, #00bcd4);
  font-size: 18px;
  text-shadow: 0 0 6px rgba(0, 188, 212, 0.6);
}

/* ================= Responsive ================= */
@media (max-width: 991px) {
  .ebmgs-newsletter-section {
    padding: 60px 15px;
  }

  .ebmgs-subscribe-box,
  .ebmgs-mini-cta {
    margin-bottom: 25px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  .ebmgs-newsletter-section .row {
    flex-direction: column;
  }

  .list-style li {
    font-size: 15px;
    padding-left: 25px;
  }

  .list-style li ul li {
    font-size: 14px;
    padding-left: 20px;
  }
}

@media (max-width: 575px) {
  .ebmgs-subscribe-box h6 {
    font-size: 20px;
  }

  .ebmgs-mini-cta h4 {
    font-size: 17px;
  }
}

/* ========== Offshore Section ========== */
.offshore-section {
  padding: 100px 0;
  background: #f8f9fc;
}

.offshore-title h5 {
  font-size: 26px;
  color: #002147;
  font-weight: 700;
  margin-bottom: 60px;
  text-transform: capitalize;
}

.offshore-card {
  background: #fff;
  border-radius: 16px;
  padding: 35px 25px;
  margin-bottom: 40px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);
  text-align: left;
  transition: all 0.4s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.offshore-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.1);
}

.offshore-card h4 {
  font-size: 20px;
  color: #0b1f4d;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.4;
}

.offshore-card ul {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}

.offshore-card ul li {
  color: #090a0c;
  font-size: 15px;
  line-height: 1.8;
  padding-left: 5px;
}

.offshore-btn {
  display: inline-block;
  border: 2px solid #002147;
  color: #002147;
  padding: 10px 26px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
  text-align: center;
  align-self: flex-start;
}

.offshore-btn.primary {
  background: #002147;
  color: #fff;
}

.offshore-btn:hover {
  background: #002147;
  color: #fff;
}

/* ========== Responsive Design ========== */
@media (max-width: 991px) {
  .offshore-section {
    padding: 70px 0;
  }
  .offshore-card {
    padding: 30px 20px;
  }
  .offshore-title h5 {
    font-size: 22px;
    margin-bottom: 40px;
  }
}

@media (max-width: 575px) {
  .offshore-card {
    padding: 25px 18px;
  }
  .offshore-card h4 {
    font-size: 18px;
  }
  .offshore-btn {
    width: 100%;
    text-align: center;
  }
}

/* ===============
  Sub menu Bar Elite
======================= */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Navigation Bar */
.elite-navbar {
  background: transparent;
  padding: 20px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  box-shadow: none;
  transition: all 0.4s ease;
}

/* Scrolled State */
.elite-navbar.scrolled {
  background: white;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
  padding: 10px 0;
}

.elite-navbar.scrolled .elite-nav-item a {
  color: black;
}

.elite-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

.elite-nav-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.elite-logo img {
  height: 75px;
}

/* Mobile Toggle */
.elite-mobile-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 10px;
  background: #625ae8;
  border-radius: 5px;
}

.elite-toggle-line {
  width: 28px;
  height: 3px;
  background: white;
  transition: 0.3s;
}

.elite-mobile-toggle.active .elite-toggle-line:nth-child(1) {
  transform: rotate(45deg) translate(7px, 7px);
}

.elite-mobile-toggle.active .elite-toggle-line:nth-child(2) {
  opacity: 0;
}

.elite-mobile-toggle.active .elite-toggle-line:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

/* Navigation Menu */
.elite-nav-menu {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
}

.elite-nav-item a {
  color: white !important;
  text-decoration: none;
  padding: 12px 20px;
  display: block;
  transition: 0.3s;
  border-radius: 5px;
}

.elite-nav-item a:hover {
  color: #4f7efc;
  background: rgba(79, 126, 252, 0.1);
}

/* Services Dropdown */
.elite-services-wrapper {
  position: relative;
}

.elite-services-trigger {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

.elite-arrow {
  font-size: 10px;
  transition: 0.3s;
}

.elite-services-wrapper:hover .elite-arrow {
  transform: rotate(180deg);
}

/* Mega Menu Panel */
.elite-mega-panel {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 1200px;
  max-width: 95vw;
  background: linear-gradient(
    135deg,
    rgba(2, 2, 2, 0.98),
    rgba(10, 10, 47, 0.98)
  );
  backdrop-filter: blur(20px);
  border: 2px solid rgba(79, 126, 252, 0.3);
  border-radius: 15px;
  padding: 25px;
  margin-top: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);
  z-index: 999;
}

.elite-mega-panel::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  height: 20px;
  background: transparent;
}

.elite-services-wrapper:hover .elite-mega-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Grid Layout */
.elite-services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}

/* Service Card */
.elite-service-box {
  background: rgba(79, 126, 252, 0.05);
  border: 2px solid rgba(79, 126, 252, 0.2);
  border-radius: 12px;
  padding: 5px;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.elite-service-box::before {
  content: "";
  position: absolute;
  top: -100%;
  left: -100%;
  width: 200%;
  height: 200%;
  background: radial-gradient(
    circle,
    rgba(79, 126, 252, 0.15),
    transparent 70%
  );
  transition: 0.6s;
  opacity: 0;
}

.elite-service-box:hover::before {
  opacity: 1;
  top: -50%;
  left: -50%;
}

.elite-service-box:hover {
  transform: translateY(-5px);
  border-color: rgba(79, 126, 252, 0.6);
  background: rgba(79, 126, 252, 0.1);
  box-shadow: 0 15px 35px rgba(79, 126, 252, 0.3);
}

/* Icon and Title Container - SIDE BY SIDE */
.elite-service-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
  justify-content: flex-start;
}

/* Icon */
.elite-service-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    rgba(79, 126, 252, 0.2),
    rgba(0, 198, 255, 0.2)
  );
  border: 2px solid rgba(79, 126, 252, 0.4);
  border-radius: 50%;
  transition: 0.5s;
}

.elite-service-icon i {
  font-size: 20px;
  color: white;
  text-shadow: 0 0 15px rgba(79, 126, 252, 0.8);
}

.elite-service-box:hover .elite-service-icon {
  transform: rotate(360deg) scale(1.1);
}

/* Title */
.elite-service-title {
  font-family: "Newsreader", serif;
  font-size: 15px;
  font-weight: 800;
  color: white;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 10px rgba(79, 126, 252, 0.5);
  flex: 1;
  line-height: 1.3;
}

.elite-service-box:hover .elite-service-title {
  color: #4f7efc;
}

/* Divider */
.elite-divider {
  width: 50px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #4f7efc, transparent);
  margin: 0 0 15px 0;
  transition: 0.4s;
}

.elite-service-box:hover .elite-divider {
  width: 80px;
  box-shadow: 0 0 10px rgba(79, 126, 252, 0.8);
}

/* Links */
.elite-service-links {
  display: flex;
  flex-direction: column;
}

.elite-service-link {
  color: #d4d4d4;
  text-decoration: none;
  font-family: "Roboto Slab", serif;
  font-size: 13px;
  border-radius: 8px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  padding: 5px !important;
}

.elite-service-link::before {
  content: "◆";
  color: #4f7efc;
  font-size: 10px;
  transition: 0.3s;
  margin-right: 8px;
}

.elite-service-link:hover {
  background: rgba(79, 126, 252, 0.15);
  color: #4f7efc;
  border-color: rgba(79, 126, 252, 0.4);
  transform: translateX(5px);
}

.elite-service-link:hover::before {
  transform: scale(1.3) rotate(45deg);
}

/* Icon Colors */
.elite-service-box:nth-child(1) .elite-service-icon i {
  color: #ff6b6b;
}

.elite-service-box:nth-child(2) .elite-service-icon i {
  color: #4ecdc4;
}

.elite-service-box:nth-child(3) .elite-service-icon i {
  color: #ffd93d;
}

.elite-service-box:nth-child(4) .elite-service-icon i {
  color: #ff5757;
}

.elite-service-box:nth-child(5) .elite-service-icon i {
  color: #1fab89;
}

.elite-service-box:nth-child(6) .elite-service-icon i {
  color: #ff8c42;
}

.elite-service-box:nth-child(7) .elite-service-icon i {
  color: #ffe602;
}

/* Button */
.elite-cta-btn {
  background: linear-gradient(135deg, #4f7efc, #00c6ff);
  color: white;
  padding: 12px 30px;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
  box-shadow: 0 5px 15px rgba(79, 126, 252, 0.4);
}

.elite-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(79, 126, 252, 0.6);
}

/* Responsive */
@media (max-width: 1200px) {
  .elite-services-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 992px) {
  .elite-services-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .elite-mobile-toggle {
    display: flex;
  }

  .elite-nav-menu {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #020202, #0a0a2f);
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    transform: translateX(-100%);
    transition: 0.3s;
    overflow-y: auto;
  }

  .elite-nav-menu.active {
    transform: translateX(0);
  }

  .elite-nav-item {
    width: 100%;
  }

  .elite-nav-item a {
    width: 100%;
  }

  .elite-services-wrapper {
    width: 100%;
  }

  .elite-services-trigger {
    background: rgba(79, 126, 252, 0.1);
    border-radius: 8px;
    justify-content: space-between;
    width: 100%;
  }

  .elite-mega-panel {
    position: static;
    width: 100%;
    transform: none;
    max-height: 0;
    padding: 0;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    transition: max-height 0.5s ease, padding 0.5s ease;
  }

  .elite-services-wrapper.mobile-open .elite-mega-panel {
    max-height: 3000px;
    padding: 20px 10px;
  }

  .elite-services-wrapper.mobile-open .elite-arrow {
    transform: rotate(180deg);
  }

  .elite-services-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .elite-service-box {
    padding: 20px 15px;
  }

  .elite-cta-btn {
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
}

.elite-mega-panel {
  pointer-events: none;
}
.elite-services-wrapper:hover .elite-mega-panel,
.elite-services-wrapper.mobile-open .elite-mega-panel {
  pointer-events: auto;
}
.elite-service-link,
.elite-service-title a {
  position: relative;
  z-index: 1001;
}

/* === ELITE NAVBAR WHITE VERSION === */
.elite-navbar-white {
  background: white !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  padding: 10px 0 !important;
  transition: all 0.4s ease;
}

/* Navbar Links - dark text */
.elite-navbar-white .elite-nav-item a {
  color: #000 !important;
}

.elite-navbar-white .elite-nav-item a:hover {
  color: #4f7efc !important;
  background: rgba(79, 126, 252, 0.05);
}

/* Submenu (mega panel) untouched but link colors stay white */
.elite-navbar-white .elite-mega-panel {
  background: linear-gradient(
    135deg,
    rgba(2, 2, 2, 0.98),
    rgba(10, 10, 47, 0.98)
  ) !important;
}

.elite-navbar-white .elite-mega-panel .elite-service-link,
.elite-navbar-white .elite-mega-panel .elite-service-title,
.elite-navbar-white .elite-mega-panel .elite-service-link::before {
  color: white !important;
}

/* Navbar background always white */
.navbar {
  background-color: white !important;
}

/* Navbar links color (normal screen) */
.navbar .nav-link {
  color: #000 !important;
}

/* Navbar links hover */
.navbar .nav-link:hover {
  color: #007bff !important; /* optional blue hover */
}

/* Dropdown menu background white */
.navbar .dropdown-menu {
  background-color: white !important;
}

/* Dropdown menu links */
.navbar .dropdown-menu a {
  color: #000 !important;
}

/* Dropdown hover */
.navbar .dropdown-menu a:hover {
  background-color: #f8f9fa !important;
}

/* Mobile responsive (collapsed navbar) fix */
@media (max-width: 992px) {
  .navbar-collapse {
    background-color: white !important;
  }

  .navbar-toggler {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }
}

/* Desktop links black */
.elite-navbar-white .elite-nav-item a {
  color: black !important;
}

/* Mobile / Tablet view links white */
@media (max-width: 992px) {
  .elite-navbar-white .elite-nav-item a {
    color: white !important;
  }
}

/* ================
    Elite Bodies Start
================== */

/* ========================= ebmgs-client-logo-section start ========================= */
.ebmgs-client-logo-section {
  background-color: #fff;
}

.ebmgs-client-logo-section
  .ebmgs-client-logo-wrapper
  .ebmgs-client-logo-carousel
  .ebmgs-client-logo {
  padding: 10px;
  text-align: center;
  margin: auto;
}

.ebmgs-client-logo-section
  .ebmgs-client-logo-wrapper
  .ebmgs-client-logo-carousel
  .ebmgs-client-logo
  img {
  max-width: 220px;
  width: 100%;
  opacity: 0.3;
  transition: all 0.3s ease-out;
}

.ebmgs-client-logo-section
  .ebmgs-client-logo-wrapper
  .ebmgs-client-logo-carousel
  .ebmgs-client-logo
  img:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* Responsive tweaks */
@media (max-width: 992px) {
  .ebmgs-client-logo-section
    .ebmgs-client-logo-wrapper
    .ebmgs-client-logo-carousel {
    flex-wrap: wrap;
  }

  .ebmgs-client-logo-section
    .ebmgs-client-logo-wrapper
    .ebmgs-client-logo-carousel
    .ebmgs-client-logo {
    flex: 1 1 33%;
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .ebmgs-client-logo-section
    .ebmgs-client-logo-wrapper
    .ebmgs-client-logo-carousel
    .ebmgs-client-logo {
    flex: 1 1 50%;
  }
  .ebmgs-client-logo-section
    .ebmgs-client-logo-wrapper
    .ebmgs-client-logo-carousel
    .ebmgs-client-logo
    img {
    max-width: 140px;
  }
}

/* ========================= ebmgs-client-logo-section end ========================= */

/* ========================= box-style start ========================= */
.ebmgs-box-style {
  padding: 40px 30px;
  border: 1px solid #f4eefb;
  border-radius: 10px;
  margin-bottom: 30px;
  transition: all 0.3s ease-out;
}

.ebmgs-box-style:hover {
  box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45);
}

.ebmgs-box-style:hover .ebmgs-box-icon-style {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(#3763eb 0%, #6f58e8 100%);
}

.ebmgs-box-style:hover .ebmgs-box-icon-style::after {
  opacity: 1;
  visibility: visible;
}

.ebmgs-box-style .ebmgs-box-icon-style {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  margin-bottom: 25px;
  background: #fff;
  border: 2px solid #3763eb;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3763eb;
  font-size: 40px;
  transition: all 0.3s ease-out;
  position: relative;
}

.ebmgs-box-style .ebmgs-box-icon-style::after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(#3763eb 0%, #6f58e8 100%);
  transition: all 0.3s ease-out;
  z-index: -1;
  border-radius: 50%;
  border: 1px solid transparent;
}

.ebmgs-box-style .ebmgs-box-content-style h4 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 20px;
}

.ebmgs-client-logo-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.ebmgs-client-logo-carousel {
  display: flex;
  gap: 80px;
  animation: ebmgs-logo-scroll 30s linear infinite;
  will-change: transform;
}

.ebmgs-client-logo {
  flex: 0 0 auto;
}

.ebmgs-client-logo img {
  width: 140px;
  height: auto;
  filter: grayscale(100%);
  opacity: 0.8;
  transition: all 0.3s ease;
}

.ebmgs-client-logo img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.05);
}

@keyframes ebmgs-logo-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Responsive tuning */
@media (max-width: 768px) {
  .ebmgs-client-logo-carousel {
    gap: 50px;
    animation-duration: 20s;
  }
  .ebmgs-client-logo img {
    width: 100px;
  }
}

/* ========================= 
Elite Bodies  end
 ========================= */
.client-logo-carousel img {
  max-width: 160px;
  width: 100%;
  opacity: 0.6;
  transition: all 0.4s ease-in-out;
  margin: auto;
}

.client-logo-carousel img:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* ===========
    creative-headi
=========== */

.creative-heading {
  font-size: 36px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  color: #333;
  padding-bottom: 10px;
  margin-bottom: 40px;
}

/* Bottom Line */
.creative-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0%;
  height: 4px;
  background: linear-gradient(90deg, #3763eb, #6f58e8);
  border-radius: 2px;
  transition: width 0.5s ease-in-out;
}

/* Hover / Animate on load */
.creative-heading:hover::after {
  width: 100%;
}

/* Optional: animate on page load */
@keyframes line-grow {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

.creative-heading.animate::after {
  animation: line-grow 1s forwards;
}

/* ================
icon Heading
==================== */
.ebmgs-heading-underline {
  position: relative;
  display: inline-block;
  font-size: 22px;
  font-weight: 600;
  color: #1e1e1e;
  padding-bottom: 10px;
}

/* ✨ Animated Gradient Underline */
.ebmgs-heading-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, #3763eb, #7b5cff, #3763eb);
  animation: underlineFlow 2.5s infinite ease-in-out;
}

/* 🌈 Animation Keyframes */
@keyframes underlineFlow {
  0% {
    width: 0%;
    left: 0;
    box-shadow: 0 0 6px rgba(55, 99, 235, 0.3);
  }
  50% {
    width: 100%;
    left: 0;
    box-shadow: 0 0 12px rgba(123, 92, 255, 0.5);
  }
  100% {
    width: 0%;
    left: 100%;
    box-shadow: 0 0 6px rgba(55, 99, 235, 0.3);
  }
}

/* ============
  liquid company

============= */

.reason-list {
  max-width: 800px;
  margin: 0 auto;
}

.reason-list li {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px 18px;
  font-size: 17px;
  font-weight: 500;
  color: #222;
  border-radius: 12px;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  transition: all 0.4s ease;
}

.reason-list li:hover {
  background: linear-gradient(90deg, #2563eb, #3b82f6);
  color: #fff;
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.25);
}

.icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(135deg, #e0e7ff, #c7d2fe);
  color: #2563eb;
  font-size: 20px;
  flex-shrink: 0;
  transition: all 0.4s ease;
}

.reason-list li:hover .icon-wrap {
  background: #fff;
  color: #2563eb;
  transform: rotate(12deg);
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .reason-list li {
    font-size: 15px;
    padding: 12px 15px;
  }
  .icon-wrap {
    width: 38px;
    height: 38px;
    font-size: 18px;
  }
  .reason-list {
    padding: 0 10px;
  }
}

/* Account Cards  */

:root {
  --elite-bg: #0f1724;
  --elite-card-bg: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.03),
    rgba(255, 255, 255, 0.01)
  );
  --elite-accent: #473bf0;
  --elite-accent2: #7b5cff;
  --elite-muted: black;
  --elite-radius: 14px;
  --elite-gap: 22px;
  --elite-max-width: 1200px;
  --elite-transition: 220ms cubic-bezier(0.2, 0.9, 0.3, 1);
}

/* Section */
.elite-account-section {
  padding: 80px 20px;
  background: linear-gradient(180deg, #071129 0%, #071226 60%);
  color: balck;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial;
}
.elite-account-container {
  max-width: var(--elite-max-width);
  margin: 0 auto;
  padding: 0 20px;
}

/* Title */
.elite-account-title {
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  padding: 0 20px;
}
.elite-account-title span {
  display: inline-block;
  color: var(--elite-accent);
  font-weight: 700;
  letter-spacing: 0.6px;
  font-size: 30px;
}
.elite-account-title h2 {
  font-size: 28px;
  margin: 14px 0 8px;
  line-height: 1.1;
  font-weight: 800;
  color: #fff;
}
.elite-account-title p {
  color: var(--elite-muted);
  font-size: 14px;
  max-width: 820px;
  margin: 0 auto;
}
.elite-account-overlay {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 64px;
  letter-spacing: 8px;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.04);
  opacity: 0.08;
  pointer-events: none;
  user-select: none;
}

/* Grid */
.elite-account-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--elite-gap);
  align-items: stretch;
}
@media (max-width: 992px) {
  .elite-account-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .elite-account-overlay {
    font-size: 48px;
    top: -18px;
  }
}
@media (max-width: 600px) {
  .elite-account-grid {
    grid-template-columns: 1fr;
  }
  .elite-account-title h2 {
    font-size: 22px;
  }
  .elite-account-overlay {
    font-size: 40px;
    top: -10px;
  }
}

/* Card */
.elite-account-card {
  background: var(--elite-card-bg);
  border-radius: var(--elite-radius);
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(6px);
  transition: transform var(--elite-transition),
    box-shadow var(--elite-transition);
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 220px;
  box-shadow: 0 6px 22px rgba(3, 7, 18, 0.6);
}
.elite-account-card:hover {
  transform: translateY(-8px) scale(1.01);
  box-shadow: 0 20px 40px rgba(7, 9, 28, 0.7);
}

/* Card header */
.elite-account-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.elite-account-serial {
  display: inline-block;
  color: #fff;
  padding: 8px 12px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 13px;
}

/* Texts */
.elite-account-card h4 {
  margin: 4px 0 0;
  font-size: 18px;
  font-weight: 700;
}
.elite-account-link {
  color: #fff;
  text-decoration: none;
}
.elite-account-link:hover {
  text-decoration: underline;
}
.elite-account-desc {
  color: var(--elite-muted);
  font-size: 14px;
  line-height: 1.45;
  flex-grow: 1;
}

/* Button */
.elite-account-btn {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--elite-accent), var(--elite-accent2));
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  align-self: flex-start;
  transition: transform var(--elite-transition),
    box-shadow var(--elite-transition);
  box-shadow: 0 6px 18px rgba(75, 55, 200, 0.14);
}
.elite-account-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(75, 55, 200, 0.18);
}

.elite-account-card {
  background: #fff;
  border-radius: 16px;
  padding: 30px 25px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  text-align: left;
}

.elite-account-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 4px;
  background: linear-gradient(90deg, #4f46e5, #6d28d9);
  transition: width 0.4s ease;
}

.elite-account-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.elite-account-card:hover::after {
  width: 100%;
}

.elite-account-serial {
  font-size: 40px;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke: 1.8px #4f46e5;
  display: inline-block;
  transition: all 0.4s ease;
}

.elite-account-card:hover .elite-account-serial {
  color: #4f46e5;
  -webkit-text-stroke: 0;
}

.elite-account-link {
  font-weight: 600;
  color: #1e1e1e;
  display: block;
  margin-top: 10px;
  font-size: 20px;
  transition: color 0.3s ease;
}

.elite-account-card:hover .elite-account-link {
  color: #4f46e5;
}

.elite-account-desc {
  color: black;
  font-size: 15px;
  margin: 15px 0 20px;
  line-height: 1.6;
}

/* ========================= eligibility-section start ========================= */
.eligibility-section {
  background: #f9fafb;
}

.eligibility-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.eligibility-table th,
.eligibility-table td {
  padding: 15px 18px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  vertical-align: top;
}

.eligibility-table th {
  background: #2563eb;
  color: #fff;
  font-weight: 600;
}

.eligibility-table tbody tr:last-child td {
  border-bottom: none;
}

/* ✅ make table scrollable on small devices */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive::-webkit-scrollbar {
  height: 6px;
}
.table-responsive::-webkit-scrollbar-thumb {
  background: #2563eb;
  border-radius: 10px;
}

/* ✅ responsive text adjustments */
@media (max-width: 768px) {
  .eligibility-table th,
  .eligibility-table td {
    padding: 12px;
    font-size: 14px;
  }

  .eligibility-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .eligibility-table td:nth-child(3) {
    min-width: 220px; /* ensures notes column scrolls nicely */
  }
}

/* ✅ very small screens */
@media (max-width: 480px) {
  .eligibility-table th,
  .eligibility-table td {
    padding: 10px 8px;
    font-size: 13px;
  }
}
/* ========================= eligibility-section end ========================= */

/* ===== Elite IT Dark Animated Section ===== */
/* =============Elite It Solutions Started */
/* ===== Button Styles ===== */
.btn-primary {
  background-color: #0ea5e9;
  border-color: #0ea5e9;
  color: #ffffff;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);
}
.btn-primary:hover {
  background-color: #0284c7;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(14, 165, 233, 0.4);
}

.btn-elite {
  background: linear-gradient(135deg, #0ea5e9, #06b6d4);
  color: #ffffff;
  font-weight: 600;
  padding: 12px 35px;
  border-radius: 50px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);
}
.btn-elite:hover {
  background: linear-gradient(135deg, #06b6d4, #0ea5e9);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(6, 182, 212, 0.4);
}

/* ===== Elite IT Section ===== */
.elite-it-section {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  padding: 120px 20px;
  color: #f8fafc;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
  animation: bgGradient 15s ease infinite alternate;
}

#elite-particles,
#eliteNetworkBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.elite-it-section .container {
  position: relative;
  z-index: 2;
}

.elite-it-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
}

.elite-it-content h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #38bdf8;
  text-shadow: 0 0 30px rgba(56, 189, 248, 0.3);
}

.elite-it-content p,
.elite-it-content li {
  color: #e2e8f0;
  line-height: 1.8;
  font-size: 1.05rem;
}

/* ===== Text Gradient ===== */
.text-gradient {
  background: linear-gradient(90deg, #38bdf8, #06b6d4, #0ea5e9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.text-primary-elite {
  color: white !important;
  font-weight: 600;
}

/* ===== Elite Card ===== */
.elite-card {
  background: linear-gradient(
    135deg,
    rgba(30, 41, 59, 0.8),
    rgba(51, 65, 85, 0.6)
  );
  border: 1px solid rgba(56, 189, 248, 0.2);
  border-radius: 18px;
  padding: 25px;
  text-align: left;
  transition: all 0.4s ease;
  height: 100%;
  backdrop-filter: blur(10px);
}
.elite-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(56, 189, 248, 0.3);
  border-color: #38bdf8;
  background: linear-gradient(
    135deg,
    rgba(30, 41, 59, 0.9),
    rgba(51, 65, 85, 0.7)
  );
}
.elite-card h4 {
  color: #38bdf8;
  font-weight: 600;
  font-size: 1.4rem;
}
.elite-card p {
  color: #e2e8f0;
  margin-bottom: 0;
  line-height: 1.7;
}

/* ===== Elite IT Overlay ===== */
.elite-it-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(rgba(56, 189, 248, 0.15) 1px, transparent 1px);
  background-size: 50px 50px;
  animation: moveDots 20s linear infinite;
  z-index: 1;
}

/* ===== Elite IT List ===== */
.elite-it-list {
  list-style: none;
  padding: 0;
  margin-top: 15px;
}

.elite-it-list li {
  font-size: 1.1rem;
  margin: 8px 0;
  color: #e2e8f0;
  padding-left: 25px;
  position: relative;
}

.elite-it-list li::before {
  content: "▶";
  color: #38bdf8;
  font-weight: bold;
  position: absolute;
  left: 0;
  font-size: 0.9rem;
}

/* ===== Elite Design Section ===== */
.elite-design-section {
  position: relative;
  background: linear-gradient(
    135deg,
    #3a62ebc2 0%,
    #3d50ff9c 50%,
    #6b58e8b0 100%
  );
  color: #f8fafc;
  overflow: hidden;
  padding: 100px 20px;
}

.elite-design-section #eliteNetworkBg {
  opacity: 0.4;
}

.elite-design-section::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(
    from 180deg at 50% 50%,
    #38bdf8,
    #06b6d4,
    #0ea5e9,
    #38bdf8
  );
  animation: rotateGlow 12s linear infinite;
  opacity: 0.15;
  z-index: 0;
  filter: blur(150px);
}

.elite-design-content,
.elite-branding-content {
  position: relative;
  z-index: 2;
}

.elite-design-content h2,
.elite-branding-content h2 {
  color: #38bdf8;
  font-weight: 700;
  text-shadow: 0 0 30px rgba(56, 189, 248, 0.2);
}

.elite-design-content p,
.elite-branding-content p {
  color: black;
  line-height: 1.8;
  font-size: 1.05rem;
}

.elite-design-list li {
  color: black;
  margin-bottom: 8px;
  transition: 0.3s;
  padding-left: 20px;
  position: relative;
}

.elite-design-list li::before {
  /* content: "✓"; */
  color: #38bdf8;
  font-weight: bold;
  position: absolute;
  left: 0;
}

.elite-design-list li:hover {
  color: white;
  transform: translateX(5px);
}

/* ===== Animations ===== */
@keyframes bgGradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

@keyframes moveDots {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100px 100px;
  }
}

@keyframes rotateGlow {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* ===== Responsive Design ===== */
@media (max-width: 768px) {
  .elite-it-section {
    padding: 80px 15px;
  }

  .elite-it-section h2,
  .elite-it-content h2 {
    font-size: 1.8rem;
  }

  .elite-it-section p,
  .elite-it-content p {
    font-size: 1rem;
  }

  .elite-design-section {
    padding: 80px 20px;
  }

  .elite-card {
    padding: 25px 20px;
  }
}

/* It Solution Ended */

/* ========

    UI/UX design Pages Start

========= */

/* ===== Elite IT Section ===== */
.elite-it-section {
  position: relative;
  min-height: 100vh;
  padding: 120px 20px;
  overflow: hidden;
}

/* Animated Grid Background */
.grid-background {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
      rgba(56, 189, 248, 0.05) 1px,
      transparent 1px
    ),
    linear-gradient(90deg, rgba(56, 189, 248, 0.05) 1px, transparent 1px);
  background-size: 50px 50px;
  animation: gridMove 20s linear infinite;
  z-index: 1;
}

@keyframes gridMove {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(50px, 50px);
  }
}

/* Floating Orbs */
.floating-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.3;
  animation: float 15s ease-in-out infinite;
  z-index: 1;
}

.orb-1 {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, #38bdf8, transparent);
  top: 10%;
  left: -10%;
  animation-delay: 0s;
}

.orb-2 {
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, #06b6d4, transparent);
  top: 60%;
  right: -5%;
  animation-delay: 5s;
}

.orb-3 {
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, #0ea5e9, transparent);
  bottom: 10%;
  left: 40%;
  animation-delay: 10s;
}

@keyframes float {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  25% {
    transform: translate(30px, -30px) scale(1.1);
  }
  50% {
    transform: translate(-20px, 20px) scale(0.9);
  }
  75% {
    transform: translate(20px, 30px) scale(1.05);
  }
}

/* Canvas */
#eliteItBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* Content */
.elite-it-section .container {
  position: relative;
  z-index: 3;
}

/* Gradient Text */
.text-primary-elite {
  background: linear-gradient(135deg, black, #000000, #000000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
  text-shadow: 0 0 30px rgba(56, 189, 248, 0.3);
}

.text-light {
  color: #e2e8f0 !important;
}

/* Image Container */
.elite-it-image {
  position: relative;
  animation: floatImage 6s ease-in-out infinite;
}

.elite-it-image::before {
  content: "";
  position: absolute;
  inset: -20px;
  background: linear-gradient(135deg, #38bdf8, #06b6d4);
  border-radius: 20px;
  opacity: 0.2;
  filter: blur(30px);
  z-index: -1;
  animation: pulse 3s ease-in-out infinite;
}

@keyframes floatImage {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes pulse {
  0%,
  100% {
    opacity: 0.2;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(1.05);
  }
}

.elite-it-image img {
  box-shadow: 0 20px 60px rgba(56, 189, 248, 0.3);
  transition: transform 0.5s ease;
}

.elite-it-image:hover img {
  transform: scale(1.05) rotate(2deg);
}

/* Content */
.elite-it-content h2 {
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}

.elite-it-content p {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #cbd5e1;
}

/* Elite List */
.elite-it-list {
  list-style: none;
  padding: 0;
}

.elite-it-list li {
  /* padding: 12px 0; */
  font-size: 1.1rem;
  color: #e2e8f0;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  position: relative;
  padding-left: 15px;
}

.elite-it-list li::before {
  content: "";
  position: absolute;
  left: 0;
  width: 3px;
  height: 0;
  background: linear-gradient(180deg, #38bdf8, #06b6d4);
  transition: height 0.3s ease;
}

.elite-it-list li:hover {
  transform: translateX(10px);
  color: #38bdf8;
}

.elite-it-list li:hover::before {
  height: 100%;
}

.elite-it-list li i {
  font-size: 1.4rem;
  margin-right: 12px;
  background: linear-gradient(135deg, #38bdf8, #06b6d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: iconPulse 2s ease-in-out infinite;
}

@keyframes iconPulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

/* Elite IT Cards */
.elite-it-card {
  background: linear-gradient(
    135deg,
    rgba(30, 41, 59, 0.8),
    rgba(51, 65, 85, 0.6)
  );
  border: 1px solid rgba(56, 189, 248, 0.2);
  border-radius: 20px;
  padding: 40px 30px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
  height: 100%;
}

.elite-it-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(56, 189, 248, 0.1),
    transparent
  );
  transition: left 0.5s ease;
}

.elite-it-card:hover::before {
  left: 100%;
}

.elite-it-card:hover {
  transform: translateY(-15px) scale(1.02);
  border-color: #38bdf8;
  box-shadow: 0 20px 60px rgba(56, 189, 248, 0.3);
  background: linear-gradient(
    135deg,
    rgba(30, 41, 59, 0.95),
    rgba(51, 65, 85, 0.8)
  );
}

.elite-it-card .icon {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #38bdf8, #06b6d4);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  transition: all 0.4s ease;
  position: relative;
}

.elite-it-card .icon::after {
  content: "";
  position: absolute;
  inset: -5px;
  background: linear-gradient(135deg, #38bdf8, #06b6d4);
  border-radius: 15px;
  opacity: 0;
  filter: blur(15px);
  transition: opacity 0.4s ease;
  z-index: -1;
}

.elite-it-card:hover .icon {
  transform: rotateY(360deg) scale(1.1);
}

.elite-it-card:hover .icon::after {
  opacity: 0.6;
}

.elite-it-card .icon i {
  font-size: 2rem;
  color: #ffffff;
}

.elite-it-card h5 {
  color: #38bdf8;
  font-size: 1.4rem;
  margin-bottom: 15px;
  font-weight: 700;
}

.elite-it-card p {
  color: #cbd5e1;
  line-height: 1.7;
  font-size: 1rem;
  margin: 0;
}

/* Animations */
.fadeInLeft {
  animation: fadeInLeft 1s ease-out;
}

.fadeInRight {
  animation: fadeInRight 1s ease-out;
}

.fadeInUp {
  animation: fadeInUp 1s ease-out;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 991px) {
  .elite-it-content h2 {
    font-size: 2rem;
  }
  .elite-it-section {
    padding: 80px 20px;
  }
}

@media (max-width: 767px) {
  .elite-it-content h2 {
    font-size: 1.7rem;
  }
  .elite-it-card {
    padding: 30px 20px;
  }
}

/* =======================
   🌐 Fully Responsive Fixes
   ======================= */

/* Base Typography Scaling */
.elite-it-content h2 {
  font-size: clamp(1.8rem, 2.5vw + 1rem, 2.8rem);
  margin-bottom: 1.5rem;
  line-height: 1.2;
}

.elite-it-content p {
  font-size: clamp(1rem, 1vw + 0.5rem, 1.15rem);
  line-height: 1.7;
  color: #cbd5e1;
}

/* Responsive Section Padding */
.elite-it-section {
  padding: clamp(70px, 8vw, 120px) 20px;
}

/* Card Responsiveness */
.elite-it-card {
  padding: clamp(25px, 3vw, 40px) clamp(20px, 2.5vw, 30px);
  border-radius: 18px;
}

/* Card Heading & Text */
.elite-it-card h5 {
  font-size: clamp(1.1rem, 1.2vw + 0.6rem, 1.4rem);
}

.elite-it-card p {
  font-size: clamp(0.9rem, 0.8vw + 0.4rem, 1rem);
}

/* Icon size scaling */
.elite-it-card .icon {
  width: clamp(55px, 5vw, 70px);
  height: clamp(55px, 5vw, 70px);
}

.elite-it-card .icon i {
  font-size: clamp(1.4rem, 1.8vw, 2rem);
}

/* List items scaling */
.elite-it-list li {
  font-size: clamp(0.95rem, 1vw + 0.3rem, 1.1rem);
  /* padding: 10px 0 10px 15px; */
}

/* Responsive Animations Safe Zone */
@media (max-width: 991px) {
  .elite-it-content h2 {
    text-align: center;
  }
  .elite-it-content p {
    text-align: center;
  }
  .elite-it-card {
    margin-bottom: 25px;
  }
}

@media (max-width: 767px) {
  .elite-it-section {
    padding: 60px 15px;
  }
  .elite-it-content h2 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .elite-it-content p {
    font-size: 1rem;
  }
  .elite-it-card {
    padding: 25px 18px;
  }
}

@media (max-width: 480px) {
  .elite-it-content h2 {
    font-size: 1.4rem;
  }
  .elite-it-content p {
    font-size: 0.95rem;
  }
  .elite-it-card h5 {
    font-size: 1.1rem;
  }
  .elite-it-card p {
    font-size: 0.9rem;
  }
  .elite-it-card .icon {
    width: 50px;
    height: 50px;
  }
}

/* =========================
   🌟 Elite Design Section
   ========================= */
#elite-design {
  position: relative;
  padding: clamp(70px, 8vw, 120px) 20px;
  overflow: hidden;
}

/* Background Particles / Visual Layer */
#elite-particles {
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* Content Layer */
#elite-design .container {
  position: relative;
  z-index: 2;
}

/* Gradient Text */
.text-gradient {
  background: linear-gradient(135deg, #38bdf8, #06b6d4, #0ea5e9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Section Title */
#elite-design h2 {
  font-size: clamp(1.8rem, 2.8vw, 2.8rem);
  font-weight: 700;
  line-height: 1.2;
}

#elite-design p.lead {
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.2rem);
  color: #e2e8f0;
  line-height: 1.8;
  margin-bottom: 1.2rem;
}

/* Cards Styling */
.elite-card {
  background: linear-gradient(
    135deg,
    rgba(30, 41, 59, 0.85),
    rgba(51, 65, 85, 0.7)
  );
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 18px;
  padding: clamp(25px, 3vw, 35px);
  text-align: center;
  color: #e2e8f0;
  transition: all 0.4s ease;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(56, 189, 248, 0.1);
  height: 100%;
  position: relative;
  overflow: hidden;
}

.elite-card h4 {
  font-size: 21px;
  font-weight: 600;
  color: #38bdf8;
  margin-bottom: 0;
}

.elite-card:hover {
  transform: translateY(-10px) scale(1.02);
  border-color: #38bdf8;
  box-shadow: 0 20px 40px rgba(56, 189, 248, 0.25);
}

/* Why Choose Us Section */
#elite-design h3 {
  font-size: clamp(1.4rem, 1.8vw + 0.6rem, 2.2rem);
  font-weight: 700;
}

#elite-design p.text-light {
  color: #cbd5e1;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  line-height: 1.8;
}

/* Button */
.btn-elite {
  background: linear-gradient(135deg, #38bdf8, #06b6d4);
  color: #fff;
  font-weight: 600;
  padding: 12px 28px;
  border-radius: 10px;
  transition: all 0.3s ease;
  display: inline-block;
}

.btn-elite:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 25px rgba(56, 189, 248, 0.4);
}

/* Responsive Layout Tweaks */
@media (max-width: 991px) {
  #elite-design h2 {
    text-align: center;
  }
  #elite-design p.lead {
    text-align: center;
  }
  .elite-card {
    margin-bottom: 25px;
  }
}

@media (max-width: 767px) {
  #elite-design {
    padding: 60px 15px;
  }
  #elite-design h2 {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .elite-card {
    padding: 25px 20px;
  }
}

@media (max-width: 576px) {
  #elite-design h2 {
    font-size: 1.4rem;
  }
  #elite-design p.lead {
    font-size: 0.95rem;
  }
  .elite-card h4 {
    font-size: 1rem;
  }
  .btn-elite {
    font-size: 0.9rem;
    padding: 10px 20px;
  }
  .mb-40 {
    margin-bottom: 25px !important;
  }
}

/* -----------------

              UI/UX css End

        ------------------------- */

/* -------------------------
       Elite Development — Single File Styles
       All classes start with elite-develop-*
       ------------------------- */

:root {
  --elite-blue: #004aad;
  --elite-accent: #00b0ff;
  --card-radius: 18px;
  --glass-bg: rgba(255, 255, 255, 0.92);
}

/* Animated gradient background with your provided colors */
.elite-develop-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(135deg, #3c62eb 0%, #485fea 50%, #6a59e8 100%);
  opacity: 1;
}

.elite-develop-gradient-shift {
  position: absolute;
  inset: -10% -20%;
  background: radial-gradient(
      circle at 30% 30%,
      rgba(255, 255, 255, 0.08) 0%,
      transparent 70%
    ),
    linear-gradient(45deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.05));
  filter: blur(80px);
  transform-origin: center;
  mix-blend-mode: screen;
  z-index: 0;
  animation: gradMove 18s ease-in-out infinite;
}

@keyframes gradMove {
  0% {
    transform: translate3d(-8%, 0, 0) rotate(0deg);
    opacity: 0.95;
  }

  50% {
    transform: translate3d(8%, 3%, 0) rotate(10deg);
    opacity: 1;
  }

  100% {
    transform: translate3d(-8%, 0, 0) rotate(0deg);
    opacity: 0.95;
  }
}

/* SECTION WRAPPER */
.elite-develop-section {
  position: relative;
  padding: 80px 18px;
  overflow: hidden;
}

/* Animated gradient layer (behind canvas) */
.elite-develop-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(
    120deg,
    #071033 0%,
    #082246 30%,
    #07283f 60%,
    #021425 100%
  );
  opacity: 1;
}

.elite-develop-gradient-shift {
  position: absolute;
  inset: -10% -20%;
  background: linear-gradient(
    45deg,
    rgba(0, 74, 173, 0.12),
    rgba(0, 176, 255, 0.08),
    rgba(255, 255, 255, 0.02)
  );
  filter: blur(60px);
  transform-origin: center;
  mix-blend-mode: screen;
  z-index: 0;
  animation: gradMove 20s linear infinite;
}

@keyframes gradMove {
  0% {
    transform: translate3d(-10%, 0, 0) rotate(0deg);
  }

  50% {
    transform: translate3d(10%, 4%, 0) rotate(10deg);
  }

  100% {
    transform: translate3d(-10%, 0, 0) rotate(0deg);
  }
}

/* Canvas particles sits above gradient */
#elite-particles {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  opacity: 0.9;
  mix-blend-mode: screen;
}

/* Container */
.elite-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

/* Header */
.elite-develop-title {
  font-size: 34px;
  color: var(--elite-blue);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 8px 0;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

.elite-develop-title::after {
  content: "";
  display: block;
  height: 4px;
  width: 110px;
  background: linear-gradient(90deg, var(--elite-blue), var(--elite-accent));
  border-radius: 3px;
  margin-top: 12px;
}

.elite-develop-subtitle {
  max-width: 900px;
  color: #ffffff;
  margin-top: 18px;
  margin-bottom: 40px;
  font-size: 18px;
}

/* Card base */
.elite-develop-card {
  background: var(--glass-bg);
  border-radius: var(--card-radius);
  padding: 36px;
  display: flex;
  gap: 24px;
  align-items: center;
  box-shadow: 0 12px 40px rgba(2, 12, 37, 0.45);
  margin-bottom: 42px;
  transform-origin: center;
  overflow: hidden;
}

/* Alternate layout for reverse (we'll use .reverse on row) */
.elite-row {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.elite-col {
  flex: 0 0 48%;
  max-width: 48%;
}

.elite-col--img {
  text-align: center;
  flex: 0 0 48%;
  max-width: 48%;
}

.elite-develop-heading {
  font-size: 20px;
  font-weight: 700;
  color: var(--elite-blue);
  margin: 0 0 10px 0;
}

.elite-develop-text {
  color: black;
  margin-bottom: 12px;
  font-size: 15px;
}

/* Lists */
.elite-develop-list {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}

.elite-develop-list li {
  font-weight: 600;
  color: #0b1220;
  background: linear-gradient(
    90deg,
    rgba(0, 176, 255, 0.06),
    rgba(0, 74, 173, 0.03)
  );
  display: inline-block;
  padding: 8px 12px;
  border-radius: 12px;
  margin: 6px 8px 6px 0;
  font-size: 14px;
  color: #06314f;
}

/* Image */
.elite-develop-img {
  max-width: 100%;
  border-radius: 14px;
  /* box-shadow: 0 12px 30px rgba(2, 12, 37, 0.18); */
  transition: transform 0.6s ease;
  display: inline-block;
  transform: translateZ(0);
}

.elite-develop-img:hover {
  transform: scale(1.03);
}

/* ERP list special (bullets) */
.elite-develop-list--ver {
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
  color: #0b1220;
}

.elite-develop-list--ver li {
  margin-bottom: 8px;
  padding-left: 6px;
  font-weight: 600;
  color: #07213a;
  font-size: 15px;
  position: relative;
}

.elite-develop-list--ver li::before {
  content: "•";
  color: var(--elite-accent);
  position: absolute;
  left: -14px;
  top: 0;
  font-weight: 700;
}

/* Divider */
.elite-develop-divider {
  height: 1px;
  width: 95%;
  margin: 36px auto;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.06),
    transparent
  );
  border-radius: 2px;
  z-index: 3;
}

/* Responsive */
@media (max-width: 992px) {
  .elite-develop-card {
    padding: 28px;
  }

  .elite-col,
  .elite-col--img {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .elite-develop-title {
    font-size: 28px;
  }

  .elite-develop-subtitle {
    font-size: 14px;
  }
}

/* Small screens */
@media (max-width: 520px) {
  .elite-develop-card {
    padding: 20px;
    border-radius: 14px;
  }

  .elite-develop-title {
    font-size: 22px;
  }
}

/* Tiny micro-animations (fallback smoothing) */
.micro-glow {
  box-shadow: 0 6px 18px rgba(0, 176, 255, 0.07);
  transition: box-shadow 0.4s ease, transform 0.4s ease;
}

.micro-glow:hover {
  box-shadow: 0 18px 48px rgba(0, 176, 255, 0.14);
  transform: translateY(-6px);
}

/* ========================= ELITE DEVELOPMENT GRADIENT BACKGROUND ========================= */
.elite-develop-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(135deg, #3c62eb 0%, #485fea 50%, #6a59e8 100%);
  overflow: hidden;
}

/* Soft animated glow and depth */
.elite-develop-gradient-shift {
  position: absolute;
  inset: -10% -20%;
  background: radial-gradient(
      circle at 30% 30%,
      rgba(255, 255, 255, 0.08) 0%,
      transparent 70%
    ),
    linear-gradient(45deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.05));
  filter: blur(80px);
  transform-origin: center;
  mix-blend-mode: screen;
  z-index: 0;
  animation: gradMove 18s ease-in-out infinite;
}

@keyframes gradMove {
  0% {
    transform: translate3d(-8%, 0, 0) rotate(0deg);
    opacity: 0.95;
  }

  50% {
    transform: translate3d(8%, 3%, 0) rotate(10deg);
    opacity: 1;
  }

  100% {
    transform: translate3d(-8%, 0, 0) rotate(0deg);
    opacity: 0.95;
  }
}

/* ========================= LIGHT SHEEN EFFECT ========================= */
.elite-develop-sheen {
  position: absolute;
  top: 0;
  left: -150%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, 0.15) 50%,
    transparent 100%
  );
  transform: skewX(-20deg);
  animation: lightSheen 12s linear infinite;
  z-index: 1;
  pointer-events: none;
}

@keyframes lightSheen {
  0% {
    left: -150%;
  }

  50% {
    left: 150%;
  }

  100% {
    left: 150%;
  }
}

/* ======= Digital Start====== */

/* ========================= Elite Digital Section Style ========================= */
.elite-digital-section {
  background: linear-gradient(135deg, #3c62eb, #1e293b);
  color: #f8fafc;
  overflow: hidden;
  position: relative;
}

#elite-digital-bg {
  background: radial-gradient(
      circle at 20% 30%,
      rgba(56, 91, 248, 0.15),
      transparent 60%
    ),
    radial-gradient(
      circle at 80% 70%,
      rgba(147, 51, 234, 0.15),
      transparent 60%
    );
  z-index: 0;
}

.elite-digital-title {
  font-size: 2.5rem;
  color: #ffffffff;
}

.elite-digital-subtitle {
  color: #cbd5e1;
  font-size: 1.05rem;
  line-height: 1.7;
}

.elite-digital-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 30px;
  transition: all 0.4s ease;
  position: relative;
  z-index: 2;
}

.elite-digital-card:hover {
  transform: translateY(-8px);
  background: rgba(56, 189, 248, 0.1);
  border-color: rgba(56, 189, 248, 0.3);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.elite-digital-card-title {
  font-weight: 700;
  color: #ffffffff;
  margin-bottom: 15px;
}

.elite-digital-list {
  list-style: none;
  padding-left: 0;
}

.elite-digital-list li {
  color: #e2e8f0;
  margin-bottom: 6px;
  font-size: 0.95rem;
  transition: color 0.3s;
}

.elite-digital-list li:hover {
  color: #38bdf8;
}

/* Responsive */
@media (max-width: 767px) {
  .elite-digital-title {
    font-size: 1.8rem;
  }

  .elite-digital-card {
    padding: 20px;
  }
}

/* ========================= Elite Digital Section ========================= */
.elite-digital-area {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: #f8fafc;
  overflow: hidden;
}

.elite-digital-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #38bdf8;
}

.elite-digital-subtitle {
  color: #cbd5e1;
  font-size: 1.05rem;
  line-height: 1.7;
}

.elite-digital-card {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 20px;
  overflow: hidden;
  transition: 0.4s ease-in-out;
  position: relative;
}

.elite-digital-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px rgba(56, 189, 248, 0.25);
}

.elite-digital-img img {
  width: 100%;
  border-radius: 16px;
  transition: transform 0.5s ease;
}

.elite-digital-card:hover img {
  transform: scale(1.05);
}

.elite-digital-content {
  padding: 20px 25px;
}

.elite-digital-content h4 {
  color: #38bdf8;
  font-weight: 700;
  margin-bottom: 10px;
}

.elite-digital-content p {
  color: #e2e8f0;
  font-size: 0.98rem;
  margin-bottom: 12px;
}

.elite-digital-content ul {
  list-style: none;
  padding: 0;
}

.elite-digital-content ul li {
  margin-bottom: 6px;
  color: #cbd5e1;
  font-size: 0.95rem;
  transition: color 0.3s;
}

.elite-digital-content ul li:hover {
  color: #38bdf8;
}

/* Responsive */
@media (max-width: 991px) {
  .elite-digital-content {
    text-align: center;
  }

  .elite-digital-card {
    margin-bottom: 40px;
  }

  .elite-digital-title {
    font-size: 1.9rem;
  }
}

/* ========================= Elite Digital Section Style ========================= */
.elite-digital-section {
  position: relative;
  overflow: hidden;
  /* background: linear-gradient(270deg, #0f172a, #1e293b, #0f172a);
  background-size: 600% 600%; */
  animation: gradientMove 12s ease infinite;
  color: #f8fafc;
}

@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.elite-digital-title {
  color: #ffffffff;
  font-size: 2.4rem;
}

.elite-digital-subtitle {
  color: #cbd5e1;
  max-width: 750px;
  line-height: 1.7;
  font-size: 1.05rem;
}

.elite-digital-content h3 {
  color: #ffffffff;
  font-weight: 700;
  margin-bottom: 10px;
}

.elite-digital-content p {
  color: #e2e8f0;
  margin-bottom: 12px;
}

.elite-digital-content ul {
  list-style: none;
  padding: 0;
}

.elite-digital-content ul li {
  margin-bottom: 6px;
  color: #cbd5e1;
  transition: color 0.3s ease;
}

.elite-digital-content ul li:hover {
  color: #38bdf8;
}

/* Image Style */
.elite-digital-section img {
  border-radius: 16px;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.elite-digital-section img:hover {
  transform: scale(1.04);
  box-shadow: 0 10px 30px rgba(56, 189, 248, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
  .elite-digital-title {
    font-size: 1.9rem;
  }

  .elite-digital-subtitle {
    font-size: 1rem;
  }

  .elite-digital-content {
    text-align: center;
  }
}

.digital-section {
  position: relative;
  padding: 100px 0;
  color: #fff;
  overflow: hidden;
}

#digital-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.digital-section .container {
  position: relative;
  z-index: 2;
}

.text-blue-700 {
  color: #00aaff;
}

/* Responsive Styles */
@media (max-width: 992px) {
  .elite-digital-title {
    font-size: 2rem;
  }

  .elite-digital-content {
    padding: 20px;
    margin-top: 10px;
  }

  .elite-digital-section img {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .elite-digital-title {
    font-size: 1.7rem;
  }

  .elite-digital-subtitle {
    font-size: 1rem;
    padding: 0 15px;
  }

  .elite-digital-content {
    padding: 18px;
    text-align: left;
  }

  .elite-digital-content h3 {
    font-size: 1.3rem;
  }

  .elite-digital-content p,
  .elite-digital-content li {
    font-size: 0.95rem;
  }

  .row.align-items-center {
    flex-direction: column !important;
    text-align: center;
  }

  .row.flex-row-reverse {
    flex-direction: column !important;
  }

  .elite-digital-section img {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .elite-digital-title {
    font-size: 1.5rem;
  }

  .elite-digital-subtitle {
    font-size: 0.95rem;
  }

  .elite-digital-content {
    padding: 15px;
  }
}

/* =========================
   Business Power Banner (Unique)
========================= */
.bizpower-banner {
  position: relative;
  overflow: hidden;
  height: 400px;
  background: linear-gradient(180deg, #0b3a6b 0%, #276fbf 60%, #0f1724 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Animated Glow Grid Lines */
.bizpower-network::before,
.bizpower-network::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background-image: linear-gradient(
      transparent 96%,
      rgba(255, 215, 0, 0.07) 97%
    ),
    linear-gradient(90deg, transparent 96%, rgba(255, 215, 0, 0.07) 97%);
  background-size: 50px 50px;
  transform: rotate(2deg);
  animation: bizpowerMoveGrid 20s linear infinite;
}

.bizpower-network::after {
  animation-direction: reverse;
  opacity: 0.4;
}

@keyframes bizpowerMoveGrid {
  from {
    transform: translate(0, 0) rotate(2deg);
  }
  to {
    transform: translate(-50px, -50px) rotate(2deg);
  }
}

/* Floating Dots Background */
.bizpower-network {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    circle,
    rgba(255, 215, 0, 0.25) 1px,
    transparent 2px
  );
  background-size: 80px 80px;
  animation: bizpowerFloatDots 25s linear infinite;
  opacity: 0.45;
}

@keyframes bizpowerFloatDots {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 200px 200px;
  }
}

/* Banner Text Content */
.bizpower-content {
  position: relative;
  z-index: 2;
  color: #fff;
  padding: 20px;
}

/* Banner Title */
.bizpower-title {
  font-size: 48px;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 0 25px rgba(255, 255, 255, 0.6);
  animation: bizpowerFadeUp 1.5s ease;
  margin-bottom: 15px;
}

@keyframes bizpowerFadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Breadcrumb Section */
.bizpower-breadcrumb {
  background: none !important;
  margin-top: 10px;
}

.bizpower-breadcrumb .breadcrumb {
  background: transparent;
  justify-content: center;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.bizpower-breadcrumb .breadcrumb-item {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}

.bizpower-breadcrumb .breadcrumb-item a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.bizpower-breadcrumb .breadcrumb-item a:hover {
  color: #fff;
}

.bizpower-breadcrumb .breadcrumb-item.active {
  color: #ddd;
}

/* =========================
   Responsive Design
========================= */
@media (max-width: 991px) {
  .bizpower-banner {
    height: 300px;
    padding: 60px 15px;
  }

  .bizpower-title {
    font-size: 34px;
  }

  .bizpower-breadcrumb .breadcrumb-item {
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .bizpower-banner {
    height: 260px;
    padding: 40px 10px;
  }

  .bizpower-title {
    font-size: 26px;
    line-height: 1.3;
  }

  .bizpower-breadcrumb .breadcrumb-item {
    font-size: 13px;
  }
}

/* Heading Premium  */

/* --- PREMIUM MAIN HEADING --- */
.elite-premium-heading {
  font-family: "Inter", sans-serif;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.2;
  color: #0a0a0a;
  margin-bottom: 20px;
}

/* --- PREMIUM HIGHLIGHT WORDS --- */
.elite-premium-heading .elite-premium-highlight {
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: 400;
  color: #0057ff;
}

/* --- RESPONSIVE BREAKPOINTS --- */
@media (max-width: 992px) {
  .elite-premium-heading {
    font-size: 2.6rem;
  }
}

@media (max-width: 768px) {
  .elite-premium-heading {
    font-size: 2.2rem;
  }
}

@media (max-width: 480px) {
  .elite-premium-heading {
    font-size: 1.9rem;
  }
}

.elite-premium-subheading {
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
  color: #0a0a0a;
  margin-bottom: 18px;
}

.elite-premium-subheading .elite-premium-highlight {
  font-family: Georgia, serif;
  font-style: italic;
  color: #0057ff;
}

/* Responsive */
@media (max-width: 768px) {
  .elite-premium-subheading {
    font-size: 1.5rem;
  }
}

/* ===========
   solid Heading (Responsive)
=========== */

.solid-heading {
  font-size: 30px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  color: #333;
  padding-bottom: 10px;
  text-align: center;
}

/* Bottom Line Animation */
.solid-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 60%;
  height: 4px;
  background: linear-gradient(90deg, #3763eb, #6f58e8);
  border-radius: 2px;
  transition: width 0.5s ease-in-out;
}

/* Hover Effect (Optional) */
.solid-heading:hover::after {
  width: 100%;
}

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

/* Tablet Screens */
@media (max-width: 992px) {
  .solid-heading {
    font-size: 32px;
  }
  .solid-heading::after {
    width: 50%;
  }
}

/* Mobile Screens */
@media (max-width: 768px) {
  .solid-heading {
    font-size: 28px;
  }
  .solid-heading::after {
    width: 45%;
  }
}

/* Small Mobile Screens */
@media (max-width: 576px) {
  .solid-heading {
    font-size: 24px;
    margin-bottom: 25px;
    padding-bottom: 8px;
  }
  .solid-heading::after {
    width: 40%;
    height: 3px;
  }
}

/* Extra Small Devices */
@media (max-width: 400px) {
  .solid-heading {
    font-size: 22px;
  }
  .solid-heading::after {
    width: 35%;
  }
}

/* Base solid heading */
.solid-heading {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: #333;
}

/* Tablet (992px) */
@media (max-width: 992px) {
  .solid-heading {
    font-size: 18px;
  }
}

/* Mobile (768px) */
@media (max-width: 768px) {
  .solid-heading {
    font-size: 17px;
  }
}

/* Small Mobile (576px) */
@media (max-width: 576px) {
  .solid-heading {
    font-size: 16px;
  }
}

/* Extra Small (400px) */
@media (max-width: 400px) {
  .solid-heading {
    font-size: 15px;
  }
}

/* Ub heading Start */

/* ============================
   UB Heading — scoped & safe
   Prefix: .ub- (avoids collisions)
   ============================ */

/* Base variables scoped to the class (safe — won't pollute :root) */
.ub-heading {
  --ub-font-size: clamp(1.25rem, 2.5vw, 2.25rem); /* responsive size */
  --ub-weight: 700;
  --ub-color: #0f1724; /* text color */
  --ub-accent: linear-gradient(
    90deg,
    #06b6d4,
    #7c3aed
  ); /* underline gradient */
  --ub-underline-height: 6px;
  --ub-gap: 0.65rem; /* gap between text and underline */
  --ub-max-width: 100%; /* can be limited by modifier */
  display: inline-block; /* keeps underline width to content */
  font-size: var(--ub-font-size);
  font-weight: var(--ub-weight);
  color: var(--ub-color);
  line-height: 1.05;
  position: relative;
  margin: 0.3em 0;
  padding: 0; /* do not use global padding */
  box-sizing: border-box;
  max-width: var(--ub-max-width);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* center / full-width modifiers (explicit, not global) */
.ub-heading--center {
  display: block;
  text-align: center;
}
.ub-heading--full {
  display: block;
  width: 100%;
}

/* smaller size modifier */
.ub-heading--small {
  --ub-font-size: clamp(1rem, 2.2vw, 1.125rem);
  --ub-underline-height: 4px;
}

/* Underline element using pseudo-element (isolated) */
.ub-heading::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: var(--ub-underline-height);
  bottom: calc(-1 * var(--ub-gap));
  border-radius: 999px;
  background: var(--ub-accent);
  transform-origin: left center;
  transform: scaleX(1);
  transition: transform 0.36s cubic-bezier(0.2, 0.9, 0.3, 1), opacity 0.36s;
  opacity: 1;
  pointer-events: none; /* doesn't affect clicks */
  z-index: 0;
}

/* If you want the underline to be only as wide as the text (shrinking) */
.ub-heading[data-ub-style="text-width"] {
  display: inline-block;
}
.ub-heading[data-ub-style="text-width"]::after {
  left: 0;
  right: auto;
  width: 100%;
}

/* Hover / focus subtle animation (won't affect other elements) */
.ub-heading:hover::after,
.ub-heading:focus::after {
  transform: scaleX(1.02);
  opacity: 1;
}

/* Alternative: thin line above text (use data attribute) */
.ub-heading[data-ub-style="top"]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(-1 * var(--ub-gap));
  height: 3px;
  border-radius: 6px;
  background: var(--ub-accent);
  z-index: 0;
}

/* Ensure text sits above the pseudo-element */
.ub-heading,
.ub-heading * {
  position: relative;
  z-index: 1;
}

/* Small responsive tweak for very small screens */
@media (max-width: 380px) {
  .ub-heading {
    --ub-gap: 0.45rem;
    --ub-underline-height: max(3px, calc(var(--ub-underline-height) * 0.75));
  }
}

/* MAIN HEADING */
.elite-ul h3.elite-premium-heading.ebmgs-heading-underline {
  font-family: "Inter", sans-serif;
  font-size: 30px !important;
  font-weight: 600 !important;
  line-height: 1.2;
  color: #0a0a0a !important;
  margin-bottom: 20px;
}

/* HIGHLIGHT */
.elite-ul
  h3.elite-premium-heading.ebmgs-heading-underline
  .elite-premium-highlight {
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: 400 !important;
  color: #0057ff !important;
}

/* MOBILE RESPONSIVE FONT */
@media (max-width: 768px) {
  .elite-ul h3.elite-premium-heading.ebmgs-heading-underline {
    font-size: 22px !important;
  }
}

/* bg-renewals */

.renewal {
  color: white;
}

.renewal h4 {
  color: white;
}

.renewal h5 {
  color: white;
}

.renewal p {
  color: white;
  font-weight: 500;
}

.renewal ul li {
  color: white;
}

/* Wrapper (jo tumne diya hai) */
.banking-elite-about-image {
  max-width: 1070px; /* desktop pe max 1070 */
  margin: 0 auto; /* center align */
}

/* Image */
.banking-elite-about-image img {
  width: 100%; /* responsive width */
  height: auto; /* apna 1070x450 ratio khud maintain karegi */
  display: block;
}

/* Agar kabhi kisi screen pe height mess ho rahi ho toh safe cap */
@media (min-width: 1200px) {
  .banking-elite-about-image img {
    max-height: 450px; /* bada desktop pe 450 se upar na jaaye */
    object-fit: cover; /* extra area ho toh halka crop, stretch nahi */
  }
}

/* Tablet/Mobile tuning (optional but recommended) */
@media (max-width: 992px) {
  .banking-elite-about-image {
    padding: 0 15px; /* thoda side gap for small screens */
  }
}

@media (max-width: 576px) {
  .banking-elite-about-image img {
    max-height: 260px; /* chhote mobile pe thoda kam height */
    object-fit: cover;
  }
}


/* ==== MOBILE FIX ==== */
@media (max-width: 767px) {
    .about-section .about-img-wrapper .about-experience {
        position: relative !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 20px auto 0 auto !important;
        width: 90% !important;
        text-align: center;
    }

    .about-section .about-img-wrapper {
        text-align: center;
    }

    .about-section .about-img-wrapper img {
        width: 100%;
        border-radius: 15px;
    }
}

/* ==== TABLET FIX ==== */
@media (min-width: 768px) and (max-width: 991px) {
    .about-section .about-img-wrapper .about-experience {
        position: relative !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 20px auto 0 auto !important;
        width: 80% !important;
        text-align: center;
    }
}

/* Hide on Mobile + Tablet */
@media (max-width: 991px) {
    .about-experience {
        display: none !important;
    }
}


/* ========== Map Section Styles ========== */
.map-section {
    width: 100%;
    padding: 60px 20px;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
    box-sizing: border-box;
}

.map-container {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.map-box {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.map-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.map-embed {
    position: relative;
    width: 100%;
    padding-bottom: 60%;
    overflow: hidden;
}

.map-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.map-info {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 25px;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
}

.map-icon {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.map-icon svg {
    color: #ffffff;
}

.map-details {
    flex: 1;
}

.map-title {
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.3;
}

.map-location {
    margin: 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
}

/* ========== Tablet Responsive (1024px) ========== */
@media (max-width: 1024px) {
    .map-section {
        padding: 50px 15px;
    }
    
    .map-container {
        gap: 25px;
    }
    
    .map-title {
        font-size: 16px;
    }
}

/* ========== Mobile Landscape (768px) ========== */
@media (max-width: 768px) {
    .map-section {
        padding: 40px 15px;
    }
    
    .map-container {
        grid-template-columns: 1fr;
        gap: 25px;
        max-width: 600px;
    }
    
    .map-embed {
        padding-bottom: 65%;
    }
    
    .map-info {
        padding: 18px 20px;
        gap: 12px;
    }
    
    .map-icon {
        width: 45px;
        height: 45px;
    }
    
    .map-title {
        font-size: 16px;
    }
    
    .map-location {
        font-size: 13px;
    }
}

/* ========== Mobile Portrait (480px) ========== */
@media (max-width: 480px) {
    .map-section {
        padding: 30px 12px;
    }
    
    .map-container {
        gap: 20px;
    }
    
    .map-box {
        border-radius: 12px;
    }
    
    .map-embed {
        padding-bottom: 70%;
    }
    
    .map-info {
        flex-direction: column;
        text-align: center;
        padding: 15px;
        gap: 10px;
    }
    
    .map-icon {
        width: 40px;
        height: 40px;
    }
    
    .map-icon svg {
        width: 20px;
        height: 20px;
    }
    
    .map-title {
        font-size: 15px;
    }
    
    .map-location {
        font-size: 12px;
    }
}

/* ========== Extra Small Devices (360px) ========== */
@media (max-width: 360px) {
    .map-section {
        padding: 25px 10px;
    }
    
    .map-embed {
        padding-bottom: 75%;
    }
    
    .map-info {
        padding: 12px;
    }
    
    .map-title {
        font-size: 14px;
    }
}