@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');

body {
  font-family: "Plus Jakarta Sans", serif;
  font-style: normal;
  font-size: 16px;
  color: #7C7C7C;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Rajdhani", serif;
  ;
}

.ff-rajdhani {
  font-family: "Rajdhani", serif;
  font-style: normal;
}


.btn {
  padding: 15px 36px;
  font-size: 14px;
  border-radius: 10px;
  font-weight: 600;
  transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
}

.btn-primary {
  background-color: #BF2227;
  color: #fff;
  border-color: #BF2227;
}

.btn-primary:hover {
  background-color: transparent;
  color: #BF2227;
  border-color: #BF2227;
}

.btn-outline-primary {
  border-color: #0F0D1D;
  color: #0F0D1D;
}

.btn-outline-primary:hover {
  background-color: #0F0D1D;
  color: #fff;
  border-color: #0F0D1D;
}

.btn:first-child:active {
  background-color: #BF2227;
  border-color: #BF2227;
}

.btn-outline-primary:active {
  background-color: #BF2227
}

.pedding-sec {
  /* margin-top: 55px; */
  margin-top: 35;
  margin-bottom: 45;
}

/* header{
    
    position: sticky;
    z-index: 99;
    top: 0;
} */

.header-bg {
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 15%);
  padding: 15px 0px;
}

.header-cont {
  align-items: center;
}

.btn i {
  margin-left: 10px;
}

.navbar-toggler:focus {
  box-shadow: none;
  z-index: 1030;
}

/*button:focus:not(:focus-visible) {
  outline: 1px solid #BF2227;
}*/

/* .navbar-nav .nav-link {
  font-weight: 600;
  color: #0F0D1D;
  z-index: 1030;
} */

.navbar-nav .nav-link:focus {
  color: #BF2227;
  z-index: 1030;
}

.navbar-nav .nav-link.active {
  color: #BF2227;
  z-index: 1030; /* Matches Bootstrap default for sticky-top */
}

.navbar-expand-lg .navbar-collapse {
  justify-content: center;
  z-index: 1040; /* Higher than content, but below mute notice */
}

/* Main navigation links */
.navbar-nav .nav-link {
  font-weight: 600;
  color: #0F0D1D;
}

/* Active and focused states */
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active {
  color: #BF2227;
}

/* Ensure collapsed menu overlays correctly on small screens */
.navbar-expand-lg .navbar-collapse {
  justify-content: center;
  position: relative;
  z-index: 1040; /* Higher than page content, but below mute notice */
}

/* Optional: keep toggle button above collapsed nav */
.navbar-toggler {
  z-index: 1050; /* Above collapse panel and page content */
  position: relative;
}

.slider-sec {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 112px 0 225px 0;
  position: relative;
}

.hero-sec .bottom-vect {
  position: absolute;
  bottom: 0;
  background-size: cover;
  width: 100%;
}

.carousel-inner {
  overflow: visible;
}

.carousel-item.active {
  display: flex;
  align-items: center;
}

.carousel-inner .animate-img {
  animation-name: animation;
  animation-duration: 6s;
  float: left;
  animation-direction: normal;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

}

@keyframes animation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.modal-body .btn-close {
  position: absolute;
  right: -30px;
  top: 0;
  background-color: red;
}

.modal-body {
  position: relative;
  padding: 0px;
}

.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}


/*--------------------------------------------------------------
# Particles
--------------------------------------------------------------*/
#particles-js {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

canvas {
  display: block;
  vertical-align: bottom;
}

.count-particles {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles {
  font-size: 1.1em;
}

#stats,
.count-particles {
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles {
  border-radius: 0 0 3px 3px;
}


/*  Cookie Banner */
/* Basic styling for the cookie banner */
#cookieBanner {
  position: fixed;
  /* Ensures it stays at the bottom of the page */
  bottom: 0;
  /* Anchors the banner at the bottom */
  left: 0;
  /* Ensures it spans the full width */
  width: 100%;
  /* Full width of the viewport */
  background-color: rgba(0, 0, 0, 0.8);
  /* Semi-transparent black background */
  color: #ffffff;
  /* White text for readability */
  padding: 15px;
  /* Adds spacing inside the banner */
  text-align: center;
  /* Centers the text */
  display: none;
  /* Initially hidden */
  z-index: 1000;
  /* Ensures it appears above other elements */
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.5);
  /* Adds a shadow for visual separation */
}

/* Style for the Accept Cookies button */
#cookieBanner button#acceptCookies {
  background-color: #4caf50;
  /* Green background */
  color: #ffffff;
  /* White text */
  border: none;
  /* Removes the border */
  padding: 10px 20px;
  /* Adds padding for better clickability */
  font-size: 14px;
  /* Increases font size for readability */
  cursor: pointer;
  /* Shows a pointer cursor on hover */
  border-radius: 5px;
  /* Slightly rounded corners */
  margin-top: 10px;
  /* Space above the button */
}

#cookieBanner button#acceptCookies:hover {
  background-color: #45a049;
  /* Slightly darker green on hover */
}



.slider-sec .sub-title {
  padding: 12px 18px;
  border: 1px solid #2A3990;
  color: #2A3990;
  border-radius: 25px;
  font-weight: 600;
  display: inline-block;
}

.slider-sec .slide-left h1 {
  color: #0F0D1D;
  font-weight: 800;
  margin-top: 24px;
  margin-bottom: 13px;
  font-size: 68px;
}

.slider-sec .slide-left p {
  color: #342F5B;
  margin-bottom: 40px;
}

.slide-btn .btn-primary .btn-outline-primary {
  position: relative;
  z-index: 1000;
  /* Ensures it's always on top */
  margin-right: 24px;
}

.slide-btn a {
  position: relative;
  z-index: 1000;
  /* Ensures buttons stay above other content */
}

.slide-video {
  position: absolute;
  right: -50px;
  z-index: 2;
  bottom: -45px;
  overflow: hidden;
}

.slide-right {
  position: relative;
}

.title-sec {
  text-align: center;
}

.subtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.subtitle span {
  color: #2A3990;
  font-weight: 600;
  margin: 0px 12px;
  text-transform: uppercase;
}

.title-sec h2 {
  font-size: 48px;
  font-weight: 800;
  color: #0F0D1D;
  margin-bottom: 12px;
}

.title-sec p {
  color: #393F63;
  margin-bottom: 40px;
}

.service-sec .service-card {
  padding: 30px 24px;
  border: 1px solid #D3E5ED;
  background-color: #F5F7FF;
  border-radius: 15px;
  display: flex;
  margin-bottom: 24px;
  height: calc(100% - 25px);
}

/* .service-sec .service-card .body-cont{
    height: calc(100% - 12px);
} */
/* .service-sec .service-card .body-text{
    height: calc(100% - 30px);
} */
.service-sec .service-card img {
  margin-right: 20px;
}

.service-sec .service-card h3 {
  font-size: 24px;
  font-weight: 900;
  color: #0F0D1D;
  margin-bottom: 8px;
}

.service-sec .service-card p {
  font-size: 14px;
  color: #393F63;
}


.about-sec {
  background: linear-gradient(to right, #D3E5ED, #D3E6ED, #D4E8ED, #D3E5ED, #fff);
  padding: 133px 0px 45px 0px;
  position: relative;
}

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

.about-img {
  margin-left: 35px;
  border-radius: 25%;
}

.about-bottom {
  margin-top: 45px;
}

.aboutshap-top {
  position: absolute;
  right: 65px;
  top: -70px;
}

.whyus-sec p,
.quolity-sec .card p {
  color: #393F63;
}

.whyus-sec .card,
.quolity-sec .card {
  padding: 30px;
  border: none;
  border-radius: 15px;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 6%);
  margin-bottom: 24px;
  height: calc(100% - 20px);

}

.whyus-sec .card .icon-cont img {
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #D3E5ED;
  margin-bottom: 26px;
}

.whyus-sec .card h3,
.quolity-sec .card h3 {
  font-size: 24px;
  color: #0F0D1D;
  font-weight: 800;
  margin-bottom: 12px;
}


.bg-soft-gradient-animated {
  background: linear-gradient(90deg, #EAF4F8, #F3F9FB, #FFFFFF, #F3F9FB, #EAF4F8);
  background-size: 300% 300%;
  animation: shimmer 10s ease infinite;
}

@keyframes shimmer {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}


.casstudy-sec.bg-light {
  background: none;
}

.casstudy-sec.bg-light .card {
  margin-bottom: 35px;
}

.casstudy-sec,
.benifit-sec {
  /* background: linear-gradient(to right, #D3E5ED, #D4E8ED, #D4E8ED, #D3E5ED, #D3E5ED, #FFFFFF); */
  background: linear-gradient(90deg, #EAF4F8, #F3F9FB, #FFFFFF, #F3F9FB, #EAF4F8);
  background-size: 300% 300%;
  animation: shimmer 10s ease infinite;
  /* padding: 104px 0px;
  position: relative; */
}

@keyframes shimmer {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.casstudy-sec .card {
  background-color: transparent;
  border: none;
}

.casstudy-sec .card h2 {
  font-size: 30px;
  font-weight: 700;
  color: #0F0D1D;
  margin-bottom: 12px;
}

.casstudy-sec .card img {
  margin-bottom: 12px;
}

.casstudy-sec .card p {
  color: #393F63;
}

.casstudy-sec .caseimg-bottom {
  position: absolute;
  bottom: 35px;
  /* left: 155px;   */
  left: 300px
}

.casstudy-sec .shap-top {
  position: absolute;
  top: 80px;
  /* right: 210px; */
  right: 300px;
}

.casstudy-sec .case-btn {
  text-align: end;
}

.wrapper {
  /* padding: 50px 0; */
  overflow-x: hidden;
}

.slick-dots li button {
  display: none;
}

.slickslider-sec .slide-logo {
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 6%);
  height: 96px;
  width: 150px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  object-fit: cover;
  /* Ensures images fill the dimensions without distortion */
  filter: grayscale(100%);
  /* Makes images grey */
}

/* .my-slider{
    padding: 0 70px;
  } */
.slick-initialized .slick-slide {
  color: #FFF;
  height: 130px;
  margin: 0 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}



.slick-next,
.slick-prev {
  z-index: 5;
}

.slick-next {
  right: 15px;
}

.slick-prev {
  left: 15px;
}

.slick-next:before,
.slick-prev:before {
  display: none;
}

.contact-sec {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 80px 0px 104px 0px;
}

.color-blue {
  color: #0F0D1D;
  font-weight: 700;
}

.nwesletter-cont {
  padding: 48px;
  background-color: #fff;
  margin-top: 10px;
}

.nwesletter-cont h3 {
  font-size: 30px;
  font-weight: 800;
  color: #0F0D1D;
  margin-bottom: 24px;
}

.nwesletter-cont .input-box {
  display: flex;
}

.nwesletter-cont textarea {
  padding: 15px;
  font-size: 16px;
  color: #393F63;
  border-radius: 8px;
  border: 1px solid #D3E5ED;
  margin-bottom: 28px;
  width: 100%;
}

.form-control {
  font-size: 16px;
  color: #393F63;
  border-radius: 8px;
  height: 56px;
  border-color: #D3E5ED;
  margin-bottom: 28px;
}

.nwesletter-cont textarea:focus-visible {
  border: transparent;
}

.form-control:focus,
.form-select:focus {
  border-color: #2A3990;
  box-shadow: none;
}

.form-select {
  font-size: 16px;
  color: #393F63;
  border-radius: 8px;
  height: 56px;
  border-color: #D3E5ED;
  margin-bottom: 28px;
}

.nwesletter-cont .input-box {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
}

.nwesletter-cont .input-box img {
  margin-left: 12px;
}

.nwesletter-cont .input-box .form-control {
  margin-bottom: 0;
}

.btn-verify a {
  background-color: #198754;
  border-color: #198754;
  height: 56px;
  width: 100%;
  transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
}

.btn-verify a:hover {
  background-color: transparent;
  border-color: #198754;
  color: #198754;
  height: 56px;
  width: 100%;
}

.nwesletter-cont .btn-submit {
  height: 56px;
  width: 100%;
}

.contact-sec.pedding-sec {
  margin-bottom: 0;
}

.foot-body {
  padding-top: 88px;
  padding-bottom: 55px;
  border-bottom: 1px solid #0f0d1d3a;
}

.foot-body .about-detail img {
  margin-bottom: 24px;
}

.foot-body .about-detail p {
  margin-bottom: 32px;
  color: #0F0D1D;
}

.foot-body .social-media a {
  height: 40px;
  width: 40px;
  display: inline-flex;
  border: 1px solid #0F0D1D;
  color: #0F0D1D;
  font-size: 22px;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}

.foot-body .social-media img {
  margin-bottom: 0;
  height: 16px;
  width: 16px;
}

.foot-body .links-detail .linktitle h3 {
  font-size: 24px;
  color: #0F0D1D;
  font-weight: 800;
  align-items: start;
  position: relative;
  padding: 0 0 18px 0;
  margin-bottom: 24px;
}

.foot-body .links-detail .linktitle h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 61px;
  height: 2px;
  background: linear-gradient(270deg, #2a399001, #2A3990 100%);
}

/* Default link style */
.foot-body .menu-detail a {
  text-decoration: none;
  color: #0F0D1D; /* Dark color for the link text */
  display: inline-flex; /* Ensures the text and image align horizontally */
  align-items: center; /* Centers image and text vertically */
  position: relative; /* Needed for the hover background effect */
}

/* Style for the list items */
.foot-body .menu-detail li {
  margin-bottom: 20px;
}

/* Styling for the image next to the menu item */
.foot-body .menu-detail a img {
  margin-right: 8px; /* Space between image and text */
  width: 16px; /* Adjust image size as needed */
}

/* Hover effect */
.foot-body .menu-detail a:hover {
  color: red; /* Change text color to red on hover */
  transition: color 0.3s ease; /* Smooth transition for text color */
}

/* Add a background color effect on hover */
.foot-body .menu-detail a:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 123, 255, 0.1); /* Light blue background */
  border-radius: 5px; /* Rounded corners for the background */
  z-index: -1; /* Ensure background is behind the text */
}

/* Optional: Change the image color on hover */
.foot-body .menu-detail a:hover img {
  filter: invert(50%) sepia(100%) saturate(200%) hue-rotate(180deg); /* Adjust the image color */
  transition: filter 0.3s ease; /* Smooth transition for image color */
}


.foot-body .contact-detail ul {
  display: flex;
}

.foot-body .contact-detail img {
  margin-right: 12px;
}

.foot-body .contact-detail .text-black {
  color: #0F0D1D;
}

.foot-body .email-cont .email-input {
  width: 100%;
  padding: 17px 16px;
  background-color: #fff;
  border-radius: 8px;
  border: none;
}

.foot-body .email-cont {
  position: relative;
  margin-top: 25px;
}

.foot-body .email-cont .btn-primary i {
  margin-left: 0;
}

.foot-body .email-cont .btn-primary {
  position: absolute;
  right: 5px;
  top: 3px;
  color: #fff;
  background-color: #2A3990;
  border-radius: 8px;
  border: none;
  padding: 15px 20px;
}

.copyright-cont {
  color: #0F0D1D;
  padding: 18px 0;
}

.copyright-cont .terms-cont {
  text-align: end;
}

.copyright-cont .terms-cont a {
  text-decoration: none;
  color: #0F0D1D;
  border-right: 1px solid #0F0D1D;
  margin-right: 32px;
  padding-right: 32px;
}

.copyright-cont .terms-cont a:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}



/* ................SERVICE................... */

.service-slide {
  padding: 60px 0;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.service-slide h1 {
  font-size: 62px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 16px;
}

.service-slide ul li a {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  margin: 5px;
}

.service-slide ul {
  display: flex;
  justify-content: center;
}

.quolity-sec .card .icon {
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-left: 20px;
  margin-top: 20px;
}

.quolity-sec .card .icon::before {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
  content: "";
  width: 98px;
  height: 98px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/sericiconbg.svg);
  z-index: -1;
  transition: all 0.4s ease-in-out;
}

.workforce-sec {
  position: relative;
}

.left-shap {
  position: absolute;
  z-index: -1;
  left: 0px;
  max-width: 847px;
  height: 685px;
}

.left-shap img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.right-shap {
  position: absolute;
  right: 0;
}

/* .left-shap img{
    height: 710px;
  } */
.inform-sec .counter-cont {
  background-color: #2A3990;
  padding: 20px 30px;
  display: flex;
  position: absolute;
  bottom: 5px;
  left: 40px;
}

.inform-sec .counter-cont .count {
  font-size: 40px;
}

.inform-sec .counter-cont .icon {
  margin-right: 16px;
}

.inform-sec .counter-cont h3,
.inform-sec .counter-cont p {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.inform-sec .inform-img {
  position: relative;
}

.workforce-detail .title-sec,
.inform-sec .title-sec {
  text-align: left;
}

.workforce-detail .title-sec .subtitle,
.inform-sec .subtitle {
  justify-content: left;
}

.workforce-detail .title-sec p {
  margin-bottom: 25px;
}

.workforce-detail .title-sec ul {
  color: #393F63;
  font-size: 16px;
}

.workforce-sec .work-img img {
  width: 500px;
}

.workforce-sec .work-img {
  display: flex;
  justify-content: end;
}

.breadcrumb {
  justify-content: center;
}

.breadcrumb .breadcrumb-item a,
.breadcrumb-item {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
}

.breadcrumb-item.active {
  color: #ffff;
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: #ffffff;
  content: var(--bs-breadcrumb-divider, "/");
}







/* ................ABOUT............... */

.inform-sec {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 104px 0px;
}

.inform-sec .inform-detail .icon-item {
  display: flex;
}

.inform-sec .icon-item .icon {
  width: 115px;
  height: 68px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.inform-sec .icon-item .content h3 {
  font-size: 24px;
  font-weight: 700;
  color: #0F0D1D;
  margin-bottom: 2px;
}

#slider {
  width: auto;
  margin: 0 auto 10px;
}

.slide-item {
  img {
    width: auto;
  }
}

.marque-sec .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list .slide-item {
  color: #0F0D1D;
  font-size: 48px;
  font-weight: 700;
  display: inline;
}

.slick-list .slide-item img,
.slick-list .slide-item span {
  margin-right: 32px;
}

.slickslider-sec .brand-title {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #0F0D1D;
  position: relative;
}

.slickslider-sec .brand-title::before {
  position: absolute;
  top: 15px;
  left: 35px;
  content: "";
  height: 1px;
  width: 480px;
  background-color: #2A3990;
}

.slickslider-sec .brand-title::after {
  position: absolute;
  top: 15px;
  right: 35px;
  content: "";
  height: 1px;
  width: 480px;
  background-color: #2A3990;
}



/* ..............WHY US............... */


.video-sec {
  position: relative;
}

.video-sec .video-btn {
  height: 80px;
  width: 80px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 40%);
  backdrop-filter: blur(6px);
  border: 3px solid #fff;
  color: #fff;
  font-size: 25px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.video-btn.btn {
  padding: 0;
}

.benifit-sec .outer-content {
  position: relative;
  margin-bottom: 95px;
}

.benifit-sec .card {
  border: none;
  background-color: transparent;
}

.benifit-sec .benifit-content {
  background-color: #fff;
  padding: 24px;
  position: absolute;
  margin: 24px;
  bottom: -95px;
  border-radius: 15px;
}

.benifit-sec .benifit-content h3 {
  margin-bottom: 12px;
  color: #0F0D1D;
  font-weight: 700;
}


/* ................DEMO............. */

.request-form .card {
  border: none;
  background-color: transparent;
}

.request-form .nwesletter-cont {
  padding: 48px 32px;
  margin-top: 0;
  background-color: #D3E5ED;
  border-radius: 20px;
}

.request-form .nwesletter-cont p {
  color: #393F63;
}

.request-form .nwesletter-cont .form-control {
  border-color: rgba(42, 57, 144, 50%);
}

.request-form .nwesletter-cont textarea {
  padding: 15px;
  font-size: 16px;
  color: #393F63;
  border-radius: 8px;
  border: 1px solid rgba(42, 57, 144, 50%);
  margin-bottom: 28px;
  width: 100%;
}

.request-form .card {
  height: calc(100% - 0px);
}



/* ......................TERMS CONDITION..................... */

.terms-sec {
  background-color: #F5F5F5;
  padding: 94px 0;
}

.terms-sec h2 {
  margin-bottom: 64px;
}

.terms-sec p {
  color: #393F63;
  margin-bottom: 5px;
}

.terms-sec h3 {
  font-size: 24px;
  color: #0F0D1D;
  font-weight: 700;
  margin-bottom: 8px;
  margin-top: 40px;
}

.terms-sec .main-contect {
  padding-left: 15px;
  margin-bottom: 40px;
}

.terms-sec .sub-contect {
  padding-left: 15px;
  list-style: disc;
  color: #393F63;
}

.terms-sec ul {
  margin-bottom: 0;
}

.terms-sec ul li {
  color: #393F63;
  margin: 8px;
}

.terms-sec .text-bold {
  font-weight: 600;
}

.terms-sec span {
  color: #393F63;
  margin-bottom: 5px;
}

.terms-sec .inform {
  font-size: 20px;
  font-weight: 600;
}

.terms-sec .main-head {
  font-weight: 700;
}



/* Back to top button style */
#backToTopBtn {
  position: fixed;
  bottom: 20px;
  left: 30px;
  display: none;
  z-index: 100;
  background-color: transparent;
  color: #BF2227;
  border: 2px solid #BF2227;
  border-radius: 50%;
  padding: 10px 18px;
  font-size: 20px;
  cursor: pointer;
}



/* ................OFCANVAS.............. */

.offcanvas-header h2 {
  font-size: 28px;
  font-weight: 700;
}

.offcanvas-header button {
  font-size: 12px;
}

.offcanvas-body h3 {
  font-size: 18px;
  font-weight: 700;
}

.offcanvas-body p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}

.offcanvas-body ul li,
span {
  font-size: 14px;
  font-weight: 500;
}

/* CAPTCHA Styling */
/* .captcha-box {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eee;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 3px;
  user-select: none;
  margin-bottom: 10px;
} */

/* #recaptcha-checkbox:checked + label img {
  transform: scale(1.1);
}

#refresh-captcha {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  margin-left: 10px;
} */

.error-message {
  color: red;
  font-size: 14px;
  display: none;
}


/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/
.clients {
  padding: 40px 0;
}

.clients .swiper {
  padding: 10px 0;
}

.clients .swiper-slide img {
  transition: 0.3s;
  filter: grayscale(1);
  opacity: 1;
  border-radius: 8px;
}

.clients .swiper-slide img:hover {
  transform: scale(1.1);
}

.clients .swiper-pagination {
  margin-top: 10px;
  position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  background-color: #ddd;
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-primary);
}


/*--------------------------------------------------------------
# Sections & Section Header
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section {
  scroll-margin-top: var(--navbar-height);
  padding: 60px 0;
  overflow: hidden;
  background: var(--light-color);
}

.section-grey {
  padding: 90px 0;
  overflow: hidden;
  background: var(--theme-color-dark);
}

.sections-bg {
  background-color: var(--theme-color-dark);
}

.section-header {
  text-align: center;
  padding-bottom: 20px;
}

.section-header h2 {
  font-size: 32px;
  position: relative;
  color: var(--color-primary);
}

.section-header p {
  margin-bottom: 0;
  color: #b8651d;
}

img {
  transition: 0.3s;
}

img:hover {
  transform: scale(1.1);
}

.fill-btn {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 14px 40px;
  border-radius: 50px;
  border: 0;
  transition: 0.3s;
  color: var(--text-white-color);
  background: linear-gradient(45deg, var(--color-primary), var(--color-secondary));
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}

.fill-btn:hover {
  background: linear-gradient(45deg, var(--color-secondary), var(--color-primary));
  color: var(--text-white-color);
}


/* General Styling for Testimonial Box */
.static-testimonial {
  background-color: #f8f9fa;
  /* Light background */
  padding: 30px;
  border-left: 5px solid #007bff;
  /* Blue left border */
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6;
  /* Better text spacing */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 900px;
  /* Prevents content from being too wide */
  margin: 0 auto;
  /* Centers the content */
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
  /* Subtle shadow */
  min-height: 400px;
  /* Ensures enough space */
  height: auto;
  /* Allows expansion if needed */
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Image inside the testimonial */
.static-testimonial img {
  max-width: 60px;
  margin-bottom: 15px;
}

/* Testimonial Content */
.static-testimonial span {
  display: block;
  text-align: justify;
  max-width: 95%;
}

/* Styling the title */
.static-testimonial strong {
  font-size: 1rem;
  color: #444;
}

/* Name and designation */
.static-testimonial .author {
  font-size: 0.8rem;
  color: #444;
  font-weight: bold;
}

.nav-link:hover,
.nav-link:focus {
  color: #ad0a0a !important;
  text-decoration: underline;
  transition: color 0.3s ease-in-out;
  outline: none;
}

.testimonial-img {
  /* border-radius: 50%; */
  width: 25px;
  /* or use responsive units like 5rem */
  height: auto;
  max-width: 100%;
  object-fit: contain;
  opacity: 0.9;
  /* optional soft fade */
}

.carousel-indicators-wrapper {
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.carousel-indicators {
  display: inline-flex;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  margin: 0 auto;
}

.carousel-indicators [data-bs-target] {
  background-color: #0a75ad;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  opacity: 0.6;
  transition: opacity 0.3s ease;
  border: none;
}

.carousel-indicators .active {
  opacity: 1;
  transform: scale(1.2);
}