@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Space+Grotesk:wght@300..700&display=swap');


html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  overflow-x: hidden;
  font-family: poppins, sans-serif;
}

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

html {
  scroll-behavior: smooth;

}


img {
  max-width: 100%;
}


ul,
li {
  list-style: none;
  font-family: "Space Grotesk";;
}

a {
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  font-family: "Space Grotesk";
  font-size: 15px;
}

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;

}

.hover_btn {
  position: relative;
  overflow: hidden !important;
  display: block;
  transition: 0.2s ease-in-out;
}

.hover_btn:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00000024;
  transform: rotate(45deg);
  display: inline-block;
  top: 0;
  bottom: 0;
  left: 83%;
  transition: 0.2s ease-in-out;
}

.hover_btn:hover:after {
  left: -87% !important;
  transition: 0.5s ease-in-out;
}

.btn_style {
  background: #00B9FE;
  color: #fff;
  border-radius: 30px;
  padding: 13px 30px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
}

button {
  /* WebKit */
  -webkit-appearance: none;

  /* Mozilla */
  -moz-appearance: none;

  /* Opera */
  -o-appearance: none;

  /* Internet Explorer */
  -ms-appearance: none;

  /* CSS3 */
  appearance: none;
}

h1,
h2,
h3,
h5,
h6 {
  font-family: "Space Grotesk";
}

h4 {
  font-size: 25px;
  font-weight: 700;
  margin: 0px 0px 10px;
  color: #2F343C;
  font-family: "Space Grotesk";
}

p {
  color: #464646;
  font-size: 15px;
  font-weight: 400;
  font-family: "Space Grotesk";
}

h1 {
  font-size: 66px;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
}

h2 {
  font-size: 35px;
  color: #000;
  font-weight: bold;
  line-height: 45px;
  margin-bottom: 30px;
}

h2 {
  font-size: 25px;
  color: #000;
  font-weight: bold;
  line-height: 34px;
}

.top_gap {
  margin-top: 90px;
}

@media(max-width: 991px) {
  .top_gap {
    margin-top: 33px;
  }

  h2 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 35px;
  }
}

input:focus,
textarea:focus,
select:focus {
  box-shadow: none !important;
  outline: none;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  box-shadow: none !important;
  border: none;
  outline: none;
}

.sub_heading {
  font-size: 15px;
  color: EE1C25;
  font-weight: 500;
  color: #EE1C25;
  margin-bottom: 21px;
}

header.HeaderSticky {
  z-index: 99;
  position: fixed;
}

header.HeaderSticky .top_section {
  display: none;
}

header.HeaderSticky nav ul li a {
  padding: 24px 12px;
}

main {
  overflow: clip;
}

.banner_sec .swiper-slide img {
  width: 100%;
}

.banner_sec {
  position: relative;
}

header.HeaderSticky nav ul ul li a {
  padding: 14px 12px;
}


/*=====header=====*/


/*======TopHeader=====*/
.top_section {
  background: #00B9FE;
  color: #fff;
}

.top_left ul {
  display: flex;
  gap: 29px;
}

.top_left ul li a {
  color: #fff;
  margin: 9px 0px;
  display: block;
}

li.textwithicon a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  border-right: 1px solid #ffffff4f;
  padding-right: 15px;
}

.top_left ul li a i {
  padding-right: 5px;
}

.top_right {
  text-align: end;
}

.top_right ul {
  display: flex;
  justify-content: end;
  gap: 10px;
}

.top_right ul li {
  padding-left: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.top_right ul li:first-child {
  border: none;
}

.top_right ul li a i {
  color: #fff;
}

div#sidebar {
  background: #ffffff;
}

header {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .16);
  position: sticky;
  top: 0;
  z-index: 9;
  width: 100%;
  background-color: #ffffff;
  transition: all 0.3s;
}


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

.FormobmenuHeader {
  display: none;
}

.headerMainWrapper {
  position: relative;
}

.menuHeaderinner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menuHeaderinner .logoheader {
  max-width: 90px;
  overflow: hidden;
  position: relative;
}

header nav ul.mainULnav {
  margin: 0px;
  padding: 0px;
}

header nav ul li {
  display: inline-block;
  position: relative;
  list-style: none;
  color: #003c6d;
}
header nav ul li:hover {

  color: #00B9FE;
}

header nav ul li a {
  font-size: 15px;
  font-weight: 500;
  color: #003C6D;
  text-transform: capitalize;
  font-style: normal;
  text-decoration: none;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  padding: 20px 12px;
}

header .sub-menu {
  background-color: #fff;
  position: absolute;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all ease 0.3s;
  top: calc(100% + 0px);
  width: auto;
  left: inherit;
  bottom: inherit;
}

header .sub-menu li {
  display: block;
}

header .sub-menu li a {
  font-size: 15px;
  font-weight: 500;
  color: #003C6D;
  padding: 0px;
  margin: 0;
  position: relative;
  display: block;
  text-transform: capitalize;
  min-height: auto;
  padding: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

header .sub-menu li:last-child a {
  border: 0px;
}

.hamburgerMenuBtn {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2300B9FE' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  margin: 0;
  cursor: pointer;
  display: none;
}

.HeaderMenuRhs {
  display: flex;
  align-items: center;
  gap: 15px;
}


.menuOverlay {
  background-color: rgba(0, 0, 0, 0.35);
  height: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  transition: all ease 0.3s;
  display: none;
}

body.sidebarMenuOpen .menuOverlay {
  display: block;
}


.top_right li a {
  color: #fff;
}




/*=========Header Search=====*/
/*=======min-width:1151px=======*/

@media (min-width: 1151px) {
  header .dropdownMenu .sub-menu {
    min-width: 240px;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    /* border-top: 3px solid #f3d014; */
  }

  header .dropdownMenu:hover .sub-menu {
    opacity: 1;
    z-index: 2;
    visibility: visible;
  }

  header nav ul li a:hover {
    color: #00b9fe;
  }

  header .sub-menu li a:hover {
    background-color: #00b9fe;
    color: #ffffff;
  }

  li.dropdownMenu>a:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='21' viewBox='0 0 17 21' fill='none'%3E%3Cpath d='M10.1099 11.3833L14.2266 7.26667L15.4099 8.43333L10.1099 13.7333L4.80994 8.43333L5.99327 7.26667L10.1099 11.3833Z' fill='%23003C6D'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-flex;
    right: 0px;
    top: 0px;
    position: relative;
    transition: all 0.3s !important;

  }

  li.dropdownMenu>a:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='21' viewBox='0 0 17 21' fill='none'%3E%3Cpath d='M10.1099 11.3833L14.2266 7.26667L15.4099 8.43333L10.1099 13.7333L4.80994 8.43333L5.99327 7.26667L10.1099 11.3833Z' fill='%2300b9fe'/%3E%3C/svg%3E");

  }

  .request_btn a {
    background: #ee1c25;
    color: #fff;
    border-radius: 30px;
    padding: 13px 30px;
    text-transform: uppercase;
    font-weight: 600;
  }

  input::placeholder,
  textarea::placeholder,
  select::placeholder {
    color: #ccc;
    font-size: 16px;
  }

  .headermenuparent {
    display: flex;
    align-items: center;
    gap: 30px;
  }
}

/*============max-width:1150px=========*/

@media screen and (max-width: 1150px) {
  .headerMainWrapper {
    padding: 0px 0px;
  }

  .hamburgerMenuBtn {
    display: block;
  }

  .headerrhscontent {
    position: fixed;
    right: -280px;
    bottom: 0;
    top: 0;
    z-index: 4;
    width: 280px;
    -webkit-transition: right 0.5s ease;
    transition: right 0.5s ease;
    background-color: #222;
    width: 280px;
  }

  body.sidebarMenuOpen .headerrhscontent {
    right: 0px;
  }

  /*for mobile*/
  .FormobmenuHeaderWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
    position: relative;
    width: 100%;
  }

  .FormobmenuHeaderWrapper .logo {
    max-width: 90px;
  }

  .FormobmenuHeaderWrapper .logo img {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }

  .FormobmenuHeader {
    display: block;
    width: 100%;
  }

  header nav ul li a:not(header ul.sub-menu li a),
  header.HeaderSticky nav ul li a:not(header.HeaderSticky ul.sub-menu li a) {
    color: #fff!important;
    padding: 12px;
    width: 100%;
    font-weight: 500;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
  }

  .headerrhs {
    display: none;
  }

  .headerrhscontent {
    flex-direction: column;
    justify-content: flex-start;
  }

  .closeIcon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
  }

  header nav ul li {
    width: 100%;
  }

  header nav ul .dropdownMenu span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    right: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 4;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }

  header .sub-menu {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    transition: none;
    top: 0;
    display: none;
    min-width: 100%;
    position: relative;
    box-shadow: none;
    padding: 0px;
  }

  header .sub-menu li a {
    padding: 12px;
  }

  header .sub-menu li a:hover {
    color: #424242;
  }

  header nav {
    overflow-y: auto;
    height: calc(100% - 87px);
  }

  header nav::-webkit-scrollbar {
    display: none;
    width: 0px;
  }

  header nav ul li:last-child a:not(header ul.sub-menu li a),
  header.HeaderSticky nav ul li:last-child a:not(header.HeaderSticky ul.sub-menu li a) {
    border-bottom: 0px;
  }

  header nav ul .dropdownMenu span.hasSub.menuactve {
    transform: rotate(180deg);
  }

  .menuHeaderinner .logoheader {
    max-width: 74px;
    padding: 10px 0px;
  }

  .sidebarMenuOpen .HeaderSticky {
    animation: none;
  }

  .headerSearch {
    display: none;
  }

  .request_btn a {
    color: #ee1c25;
  }

  .top_left ul {
    gap: 6px;
    justify-content: space-between;
  }

  .top_left ul li a {
    font-size: 12px;
  }

  .top_right ul {
    justify-content: center;
    gap: 8px;
  }

  .top_right {
    display: none;
  }


}


/*======================header=========================*/





/*=======================footer================*/
footer {

  background: url("../images/footerbg.svg") no-repeat center center;
  background-size: cover;
}


.footerMenu {
  padding: 40px 0px;
  display: grid;
  grid-template-columns: 1.4fr 0.6fr 1fr 1fr;
  gap: 50px;
}

.ContactInfoIcon i {
  color: #ee1c25;
}

.SocialIcons h3 {
  font-size: 18px;
  font-family: 'Poppins';
  margin-bottom: 0;
}

.whatsapp_icon {
  position: fixed;
  bottom: 10%;
  right: 3%;
  z-index: 1;
}


.FooterWidget h4 {
  font-size: 20px;
  text-transform: capitalize;
  margin: 0px 0px 20px;
  color: #fff;
}

.ContactInfoText .list-unstyled a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  margin-top: 0;
  font-weight: 500;
  font-size: 14px;
}

.ContactInfoText .list-unstyled a:hover {
  background: #ee1c25;
  color: #fff !important;
}

.FooterWidget p,
.FooterWidget p a {
  color: #ffffff;
}

.footerLogo {
  max-width: 180px;
  margin: 0px 0px 30px;
}

.ContactInfoWrap {
  display: flex;
  gap: 10px;
  margin: 0px 0px 10px;
}

.ContactInfoText a {
  color: #ffffff;
  font-size: 15px;
}

.btn-custom {
  color: #000 !important;
  width: 100.434px;
  height: 31.956px;
  flex-shrink: 0;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);

}

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

.FooterWidget ul li a {
  display: block;
  margin: 10px 0px 0px;
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
  text-transform: capitalize;
}

.FooterWidget ul li a:hover {
  color: #00B9FE;
}

.SocialIcons {
  color: #fff;
  margin-top: 20px;
}

ul.socialfooters li a {
  margin-top: 0px;
}

.SocialIcons a {
  color: #ffffff;
  font-size: 18px;
  padding-left: 18px;
}

ul.socialfooters {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.SocialIcons a:hover {
  color: #ee1c25;
}

.SubFooter {
  /* background-color: #000; */
  padding: 16px 0px;
  text-align: center;
  border-top: 1px solid #a8a8a891;
}

.SubFooter p {
  margin: 0px;
  color: #ffffff;
}

.footer-btnx {
  margin-top: 40px;
}


.subscribe-section {
  display: flex;
  align-items: center;
	color:#fff;
}

/* Box */
.subscribe-box {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 400px;
  width: 100%;
}

/* Input */
.subscribe-input {
  width: 100%;
  padding: 14px 16px;
  border: none;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.4);
  /* dark background for input */
  color: #fff;
  font-size: 16px;
  outline: none;
}

.subscribe-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

/* Button */
.subscribe-btn {
  padding: 12px;
  border: none;
  border-radius: 3px;
  background: #00bfff;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
  transition: background 0.3s ease;
	width:100%;
}

.subscribe-btn:hover {
  background: #0099cc;
  /* darker blue on hover */
}

@media (max-width: 991px) {


  .FooterWidget h4 {
    margin: 0px 0px 6px;
  }

  .FooterWidget p {
    margin-bottom: 0;
  }

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

/*=======================footer================*/

/*=======================================responsive================================================*/
/*=======media query======*/

@media (min-width: 992px) {
  .container {
    max-width: 1100px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1151px) {}

@media screen and (max-width: 1199px) {}

@media screen and (max-width: 1150px) {
  .container {
    max-width: 100%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 991px) {
  .footerMenu {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .footerLogo {
    max-width: 95px;
    margin: 0px 0px 20px;
  }

  .SubFooter {
    padding: 13px 0px;
  }

  .footerMenu {
    padding: 25px 0px;
  }

}




@media screen and (max-width: 767px) {}

@media screen and (max-width: 575px) {

  .footerMenu {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* ---------Home Page CSS----------  */
/* ----------Banner Section CSS---------- */

.homebanner {
  background-color: #003C6D;
}

.hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px 0px;
  gap: 40px;
  flex-wrap: wrap;

}

.hero-text {
  flex: 1 1 450px;
}

.tag {
  display: inline-block;
  background: #fff;
  color: #262626;
  font-size: 17px;
  padding: 11px 20px 9px;
  border-radius: 50px;
  margin-bottom: 20px;
  font-weight: 600;
}

.hero-text h1 {
  color: #FFF;
  font-family: "Space Grotesk";
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 68px;
  letter-spacing: -1px;
  text-transform: capitalize;
}

.review {
  margin-bottom: 25px;
}



.hero-text p {
  font-size: 18px;
  color: #dfe6e9;
  margin-bottom: 25px;
  max-width: 500px;
}

.hero-buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn {
  padding: 12px 24px;
  font-size: 15px;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
}

.btn-primary {
  background: #00B9FE;
  color: white;
}

.btn-primary:hover {
  background: #74b9ff;
}

.btn-outline {
  border: 1px solid white;
  color: white;
  background: transparent;
}

.btn-outline:hover {
  background: white;
  color: #0a3d62;
}

.hero-image {
  flex: 1 1 350px;
  text-align: center;
}

.hero-image img {
    max-width: 100%;
    height: auto;
    border-radius: 50px;
}

/* Responsive */
@media (max-width: 900px) {
  .hero {
    flex-direction: column-reverse;
    text-align: center;

  }

  .hero-text h1 {
    font-size: 28px;
    line-height: 45px;
    font-weight: 600;
  }

  .hero-buttons {
    justify-content: center;
  }
}


/* ----------Banner Section CSS End here---------- */





/* ------------Client Section CSS----------  */

.clients-section {
  background: #F5F6F7;
  padding: 45px 0px;
}

.swiper {
  width: 100%;

}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.client-card {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 237px;
  height: 136px;
}

.client-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.client-card img {
    max-width: 100%;
    height: 100px;
    object-fit: contain;
}

@media (max-width: 500px) {
  .client-card {

    width: 170px;
    height: 106px;
  }
}


/* ------------Client Section CSS End here----------  */

/* ------------About Section CSS----------  */
section.aboutus {
 margin: 50px 0px;
}

.aboutus-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 40px;
  margin: auto;

}

/* Left image area */
.aboutus-image-box {
  position: relative;
}

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

.aboutus-stats-card {
  position: absolute;
  bottom: 70px;
  left: -70px;
  background: #fff;
  padding: 15px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  width: 230px;
}

.insideabtcrd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.aboutus-stats-card h3 {
  margin: 5px 0;
  color: #00B9FE;
  font-size: 22px;
  font-weight: 700;
}

.aboutus-stats-card span {
  color: #666;
  font-size: 13px;
}

/* Right text area */
.aboutus-text-box h5 {
  color: #003C6D;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 700;
}

.aboutus-text-box h2 {
  font-size: 38px;
  margin: 8px 0px;
  color: #003C6D;
  line-height: 43px;
}

.aboutus-text-box p {

  line-height: 1.6;
  color: #585B6F;

  font-size: 15.832px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.145px;
}

ul.aboutus-list {
  padding: 0px;
}

.leftsidex p {
  margin-bottom: 8px;
}

.aboutus-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 30px;
  margin-bottom: 30px;
}

.aboutus-list li {
  color: #0A165E;
  font-family: "Space Grotesk";
  font-size: 16.763px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.214px;
  /* 144.444% */
  letter-spacing: -0.466px;
}

.aboutus-list li {
  position: relative;
  padding-left: 28px;
  /* add spacing for icon */
  list-style: none;
}

.aboutus-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.42506 2.46048L8.95573 1.87988C8.79845 1.68535 8.5019 1.68535 8.34462 1.87988L7.87528 2.46048C7.60429 2.79572 7.24181 3.04507 6.83184 3.17829C6.42188 3.3115 5.98206 3.32282 5.56578 3.2109L4.84478 3.01708C4.60324 2.95212 4.36327 3.12643 4.35039 3.37627L4.31198 4.12185C4.28978 4.55234 4.14309 4.96714 3.88972 5.31588C3.63634 5.66462 3.28718 5.9323 2.8846 6.08643L2.1874 6.35338C1.9538 6.44283 1.86217 6.72493 1.99855 6.93456L2.40571 7.56039C2.64079 7.9217 2.76593 8.3435 2.76593 8.77455C2.76593 9.20561 2.64079 9.6274 2.40571 9.98869L1.99855 10.6145C1.86212 10.8242 1.9538 11.1062 2.1874 11.1957L2.8846 11.4627C3.28718 11.6168 3.63634 11.8844 3.88972 12.2332C4.14309 12.582 4.28978 12.9968 4.31198 13.4272L4.35039 14.1728C4.36327 14.4227 4.60324 14.5969 4.84478 14.532L5.56578 14.3382C5.98205 14.2263 6.42188 14.2375 6.83184 14.3708C7.24181 14.504 7.60429 14.7533 7.87528 15.0886L8.34462 15.6692C8.5019 15.8638 8.79845 15.8638 8.95573 15.6692L9.42506 15.0886C9.69606 14.7533 10.0585 14.504 10.4685 14.3708C10.8785 14.2375 11.3183 14.2263 11.7345 14.3382L12.4556 14.532C12.6971 14.5969 12.937 14.4227 12.95 14.1728L12.9884 13.4272C13.0105 12.9968 13.1573 12.582 13.4106 12.2332C13.664 11.8844 14.0132 11.6168 14.4158 11.4627L15.1129 11.1957C15.3466 11.1062 15.4382 10.8242 15.3018 10.6145L14.8946 9.98869C14.6596 9.6274 14.5344 9.20561 14.5344 8.77455C14.5344 8.3435 14.6596 7.9217 14.8946 7.56039L15.3018 6.93456C15.4382 6.72493 15.3466 6.44283 15.1129 6.35338L14.4158 6.08643C14.0132 5.9323 13.664 5.66462 13.4106 5.31588C13.1573 4.96714 13.0105 4.55234 12.9884 4.12185L12.95 3.37627C12.937 3.12643 12.6971 2.95212 12.4556 3.01708L11.7345 3.2109C11.3183 3.32282 10.8785 3.3115 10.4684 3.17829C10.0585 3.04507 9.69605 2.79572 9.42506 2.46048ZM9.66865 1.30359C9.1445 0.65515 8.15585 0.65515 7.63169 1.30359L7.16236 1.8842C7.00294 2.0814 6.78971 2.22808 6.54855 2.30643C6.30738 2.38478 6.04866 2.39144 5.80378 2.32559L5.08283 2.13177C4.27762 1.91524 3.47779 2.49636 3.43487 3.32908L3.39646 4.07465C3.3834 4.32789 3.29711 4.57189 3.14806 4.77703C2.99901 4.98216 2.79361 5.13963 2.5568 5.23028L1.85959 5.49727C1.08088 5.79539 0.775389 6.73562 1.2301 7.43453L1.63731 8.06032C1.7756 8.27286 1.84921 8.52098 1.84921 8.77455C1.84921 9.02812 1.7756 9.27624 1.63731 9.48878L1.23014 10.1146C0.775389 10.8134 1.08088 11.7537 1.85959 12.0518L2.5568 12.3188C2.79361 12.4094 2.99901 12.5669 3.14805 12.7721C3.2971 12.9772 3.38339 13.2212 3.39646 13.4744L3.43487 14.22C3.47779 15.0527 4.27762 15.6338 5.08283 15.4173L5.80378 15.2235C6.04866 15.1577 6.30738 15.1643 6.54855 15.2427C6.78971 15.321 7.00294 15.4677 7.16236 15.6649L7.63169 16.2455C8.15585 16.894 9.1445 16.894 9.66865 16.2455L10.138 15.6649C10.2974 15.4677 10.5106 15.321 10.7517 15.2427C10.993 15.1643 11.2517 15.1577 11.4966 15.2235L12.2175 15.4173C13.0227 15.6338 13.8225 15.0527 13.8654 14.22L13.9039 13.4744C13.917 13.2212 14.0033 12.9772 14.1523 12.7721C14.3013 12.5669 14.5067 12.4094 14.7436 12.3188L15.4407 12.0518C16.2195 11.7537 16.525 10.8134 16.0702 10.1146L15.663 9.48878C15.5247 9.27624 15.4512 9.02812 15.4512 8.77455C15.4512 8.52098 15.5247 8.27286 15.663 8.06032L16.0702 7.43453C16.525 6.73562 16.2195 5.79539 15.4407 5.49727L14.7436 5.23028C14.5067 5.13963 14.3013 4.98216 14.1523 4.77703C14.0032 4.57189 13.917 4.32789 13.9039 4.07465L13.8654 3.32908C13.8225 2.49636 13.0227 1.91524 12.2175 2.13177L11.4966 2.32559C11.2517 2.39144 10.993 2.38478 10.7517 2.30643C10.5106 2.22808 10.2974 2.0814 10.138 1.8842L9.66865 1.30359Z" fill="%232562FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9889 6.4015C12.1665 6.58197 12.1641 6.87218 11.9835 7.04969L8.48884 10.4866C7.95805 11.0086 7.10234 10.9939 6.58969 10.4541L5.34912 9.14755C5.17481 8.96398 5.18232 8.67385 5.36589 8.4995C5.54945 8.32518 5.83958 8.3327 6.01389 8.5163L7.25451 9.82284C7.4142 9.99094 7.68071 9.9955 7.84603 9.8329L11.3408 6.39609C11.5212 6.21859 11.8115 6.22099 11.9889 6.4015Z" fill="%232562FF"/></svg>') no-repeat center;
  background-size: contain;
}


.aboutus-actions {
  display: flex;
  align-items: center;
  gap: 30px;
}

.aboutus-button {
  background: #00B9FE;
  color: #fff;
  padding: 12px 25px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 15px;
  transition: background 0.3s ease;

}

.aboutus-button:hover {
  background: #003c6d;
}
.hsstrorynavbtns.aboutus-button{
	display:block;
}
.aboutus-contact {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.lhsstrorynavbtns {
    margin-bottom: 16px;
}
.aboutus-contact strong {
  display: block;
  font-size: 16px;
  margin-top: 5px;
  color: #0A165E;
}

.aboutuscall-icon {
  background-color: #00b9fe;
  padding: 11px;
  border-radius: 57px;
}

.growstats {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #0A165E;
  font-weight: 500;
}

.growstats img {
  height: 20px;
  width: 16px;
}

.headingwithlinedark h5 {
  position: relative;
  padding-left: 60px;
  font-size: 16px;
  font-weight: 700;
  color: #003C6D;
}

.headingwithlinedark h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 51px;
  height: 14px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='51' height='14' viewBox='0 0 51 14' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.20522 13.939L0.758057 7.26284L7.43429 0.815674L12.7994 6.37141H50.3249V7.44598H13.8371L13.8814 7.49191L7.20522 13.939Z' fill='%23003C6D'/></svg>") no-repeat center;
  background-size: contain;
}

/* Responsive */

@media (max-width: 1326px) {
  .aboutus-stats-card {
    bottom: 21px;
    left: -25px;
  }
}

@media (max-width: 992px) {
  .aboutus-wrapper {
    grid-template-columns: 1fr;

  }
  .aboutus-text-box h2 {
    font-size: 30px;
    line-height: 40px;
}



  .aboutus-stats-card {
    bottom: -13px;
    left: -6px;
  }
}

@media (max-width: 557px) {

  .aboutus-list {
    grid-template-columns: 1fr;
  }

  .aboutus-button {
    padding: 10px 11px;
    font-size: 14px;

  }

  .aboutus-contact {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .aboutuscall-icon {
    background-color: #00b9fe;
    padding: 10px;
    border-radius: 57px;
  }

  .aboutus-contact strong {

    font-size: 14px;
    margin-top: 0px;

  }

  .aboutus-stats-card {



    padding: 10px 16px;
    border-radius: 12px;
    font-size: 13px;
    width: 211px;
  }

  .aboutus-stats-card h3 {
    margin-top: 2px;
    font-size: 19px;
    font-weight: 600;
  }

}

@media (max-width: 420px) {}


/* <-----service page----->   */
.services-section {
  padding: 70px 0px;
  background: #F5F6F7;
}


.headingwithlinelight h5 {
  position: relative;
  padding-left: 60px;
  font-size: 16px;
  font-weight: 700;
  color: #00B9FE;
  ;

}

.headingwithlinelight h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 51px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='15' viewBox='0 0 50 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.62784 13.5671L0.348999 7.06522L6.85093 0.786377L12.076 6.19706H48.6218V7.24358H13.0866L13.1297 7.28831L6.62784 13.5671Z' fill='%2300B9FE'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.servicescright {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.section-service h2 {
  font-size: 27px;
  font-weight: 700;
  color: #003C6D;
  line-height: 1.2;
  margin-bottom: 0px;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 20px;
}

.service-card {
  background: #fff;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.section-service {
  background: transparent;
  border-radius: 10px;
  padding: 0 0px 25px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
}

.innerservicescx {
  display: flex;
  gap: 25px;
}
.aliinxcenterc{
	  display: flex;
align-items:center;

}

.service-icon {
  width: 60px;
  height: 60px;
  background: #F5F6F7;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.service-icon img {
  width: 39px;
  height: 39px;
}

.service-card h4 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #003C6D;
}

.service-card p {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}

.service-card a {

  font-weight: bold;
  color: #003C6D;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.service-card a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .section-header h2 {
    font-size: 22px;
  }

  .section-service h2 {
    font-size: 23px;
    font-weight: 600;
  }
}

/* ------------Service page end here---------- */

/* --------stats section CSS----------   */

.statssection {
  background: #003C6D;
  padding: 100px 0px;
}



.statsdetails {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.statbox {
  text-align: center;
  transition: transform 0.3s ease;
}

.statbox:hover {
  transform: translateY(-10px);
}

.statbox h3 {
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 15px;
}

.statbox p {
  color: #fff;
  margin-bottom: 0px;
  font-size: 1.1rem;
}

@media (max-width: 991px) {
  .statsdetails {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width:500px) {
  .statbox h3 {
    font-size: 30px;
  }

}

/* ----------stats section CSS end here---------- */


/* ------------below-stats---------- */
section.belowstats {
  background: #00B9FE;
  padding: 15px 0px;
}

.fontcsxf h4 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-size: clamp(0.875rem, 2vw, 1.25rem);
  /* Responsive font size */
}

.infowithimg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  /* Changed from wrap to nowrap */
  gap: 20px;
  overflow-x: auto;
  /* Enable horizontal scrolling */
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on iOS */
  padding: 0 15px;
  /* Add padding to prevent content edge clipping */
}

.infowithimg::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

/* Icon container styling */
.currlylineicon,
.circularinniconx {
  flex-shrink: 0;
  /* Prevent icons from shrinking */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  /* Fixed width for consistency */
  height: 40px;
  /* Fixed height for consistency */
}

/* Responsive image sizing */
.currlylineicon img,
.circularinniconx img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Text container styling */
.fontcsxf {
  flex-shrink: 0;
  /* Prevent text containers from shrinking */
  white-space: nowrap;
  /* Prevent text wrapping */
  padding: 0 10px;
  /* Add spacing around text */
}

/* Media queries for different screen sizes */
@media (max-width: 768px) {
  .infowithimg {
    gap: 15px;
    /* Reduce gap on smaller screens */
  }

  .currlylineicon,
  .circularinniconx {
    width: 30px;
    /* Smaller icons on mobile */
    height: 30px;
  }
}

@media (max-width: 480px) {
  .infowithimg {
    gap: 10px;
    /* Further reduce gap */
    padding: 0 10px;
    /* Adjust padding */
  }

  .fontcsxf h4 {
    font-size: clamp(0.75rem, 3vw, 1rem);
    /* Smaller font size */
  }

  .currlylineicon,
  .circularinniconx {
    width: 25px;
    /* Even smaller icons */
    height: 25px;
  }
}


@media (max-width: 567px) {
	.services-grid {
    grid-template-columns: repeat(auto-fit, minmax(343px, 1fr));

}
}


/* ------------below-stats end here---------- */


/* --------------industry-page------------------ */
section.industriessxs {
  padding: 80px 0px;
}

.industry-section {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
  align-items: start;
}

.industry-left h6 {
  font-size: 14px;
  color: #00AEEF;
  margin-bottom: 10px;
  font-weight: 600;
}

.industry-left h2 {
  font-size: 27px;
  font-weight: 700;
  color: #003C6D;
  line-height: 1.2;
  margin-bottom: 15px;
}

.industry-left p {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 20px;
}

.industry-left .btn {
  display: inline-block;
  background: #00AEEF;
  color: #fff;
  padding: 12px 24px;
  font-size: 14px;
  text-decoration: none;
  border-radius: 6px;
  transition: 0.3s;
}

.industry-left .btn:hover {
  background: #008CBA;
}

.industry-right {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 20px;
}

.industry-card {
  background: #f9fcff;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 600;
  color: #0A165E;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid #e0f0ff;

}

.industry-card i {
  font-size: 14px;
  color: #0A165E;
  margin-right: 0px;
  font-weight: 400;
}

.industry-card span {
  display: flex;
  align-items: center;
  gap: 20px;
}

.industry-card:hover {
  background: #e8f6ff;
  transform: translateY(-3px);
}

@media (max-width: 900px) {
  .industry-section {
    grid-template-columns: 1fr;
  }
}

/* --------------industry-page------------------ */



/* ------------------testimonial------------------- */
section.testimoinal {
  background-color: aliceblue;
  padding: 60px 0px;
}

.testimonialtop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.testimonialcard {
    border-radius: 8.709px;
    border: 0.871px solid rgba(73, 112, 225, 0.33);
    background: #FFF;
    padding: 25px;
    max-height: 260px;
    overflow-y: auto;
	 scrollbar-width: thin; 
  scrollbar-color: #00B9FE #f1f1f1;
}


/* Chrome, Edge, Safari */
.testimonialcard::-webkit-scrollbar {
  width: 6px; /* scrollbar width */
}

.testimonialcard::-webkit-scrollbar-track {
  background: #f1f1f1; /* track color */
  border-radius: 10px;
}

.testimonialcard::-webkit-scrollbar-thumb {
  background-color: #4970e1; /* scrollbar thumb */
  border-radius: 10px;
}

.testimonialcard::-webkit-scrollbar-thumb:hover {
  background-color: #3456b2; /* darker on hover */
}
.innnercards {
 
  gap: 25px;
  min-height: 150px;
}
.left-img img {
    border-radius: 100%;
    height: 50px;
    width: 50px;
}
.belowreviewsc {
  display: flex;
  justify-content: space-between;
}

.clientinfo h4 {
  color: #0A165E;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 5px;
}

.rightcnt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-left: 70px;
}

.clientinfo p {
  margin-bottom: 0px;
}
.left-img {
    position: absolute;
}


/* Center nav buttons below cards */
.testimonial-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 50px;
}

/* Override Swiper’s default absolute positioning */
.testimonial-nav .swiper-button-prev,
.testimonial-nav .swiper-button-next {
  position: static;
  /* remove absolute positioning */
  flex-shrink: 0;
  /* keep equal spacing */
}

.testimonial-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 50px;
}

.testimonial-nav .swiper-button-prev::after,
.testimonial-nav .swiper-button-next::after {
  content: "";
  /* remove default */
}

.testimonial-nav .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='19' viewBox='0 0 17 19' fill='none'%3E%3Cpath d='M6.01576 9.15305H14.1645V10.4911H6.01576L9.61512 14.0771L8.66511 15.0271L3.46008 9.82208L8.66511 4.61705L9.61512 5.56707L6.01576 9.15305Z' fill='white'/%3E%3C/svg%3E");
  background-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #00B9FE;
}

.testimonial-nav .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='19' viewBox='0 0 17 19' fill='none'%3E%3Cpath d='M11.2674 9.84695L3.1187 9.84695L3.1187 8.5089L11.2674 8.5089L7.66808 4.92292L8.6181 3.9729L13.8231 9.17792L8.6181 14.3829L7.66808 13.4329L11.2674 9.84695Z' fill='white'/%3E%3C/svg%3E");
  background-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #00B9FE;
}

.testimonial-left h2 {
  color: #003C6D;
}

/* ------------------testimonial------------------- */



/* ----------Success Stories Section CSS----------  */
section.sucessstories {
  padding: 60px 0px;
}

.text-center h2 {
  color: #003C6D;
}

.toplightboth {
  text-align: center;
  position: relative;
  display: inline-block;
  width: 100%;
}

.toplightboth h5 {
  display: inline-block;
  font-size: 1.2rem;
  /* responsive font */
  font-weight: 600;
  color: #00B9FE;
  position: relative;
  margin: 0;
  padding: 0 3rem;
  /* space for icons */
  white-space: nowrap;
}

.toplightboth h5::before,
.toplightboth h5::after {
  content: "";
  position: absolute;
  top: 60%;
  height: 12px;
  width: 12vw;
  /* responsive width (shrinks on mobile) */
  max-width: 50px;
  min-width: 20px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.3s ease;
}

.toplightboth h5::before {
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='14' viewBox='0 0 50 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.78703 12.5561L0.61853 6.16851L7.0062 0L12.1394 5.3156H48.043V6.34373H13.1323L13.1747 6.38767L6.78703 12.5561Z' fill='%2300B9FE'/%3E%3C/svg%3E");
}

.toplightboth h5::after {
  right: -5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='14' viewBox='0 0 49 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.7287 12.5561L47.8972 6.16851L41.5096 0L36.3763 5.3156H0.472778V6.34373H35.3834L35.3411 6.38767L41.7287 12.5561Z' fill='%2300B9FE'/%3E%3C/svg%3E");
}


.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #003c6d;
}

.storycard {
  display: flex;
  background-color: #F5F6F7;
  justify-content: space-between;
  border-radius: 9px;

}

.rightstrcrd {
  padding: 20px;
}

.rightstrcrd h4 {
  color: #0A165E;
  margin-bottom: 20px;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* show only 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rightstrcrd p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* show only 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 40px;
}

a.readmorebtn {
  background: #00b9fe;
  color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: fit-content;
}
.imgstry img {
    height: 293px;
    object-fit: cover;
    width: 850px;
}

a.readmorebtn:hover {
  background: #003c6d;
}

/* navigation section below */
.story-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
}

.story-navigation .swiper-button-prev,
.story-navigation .swiper-button-next {
  position: static;
  /* remove default absolute positioning */
  color: #00b9fe;
  background: #f0faff;
  padding: 8px 12px;
  border-radius: 50%;
  font-size: 14px;
}

.story-navigation .swiper-pagination {
  position: static;
}

.swiper-pagination-bullet-active {
  background: #00b9fe;
}

.belowsucess {
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
  align-items: center;
}

.story-navigation .swiper-button-prev::after,
.story-navigation .swiper-button-next::after {
  content: "";
  /* remove default */
}

.story-navigation .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='19' viewBox='0 0 17 19' fill='none'%3E%3Cpath d='M6.01576 9.15305H14.1645V10.4911H6.01576L9.61512 14.0771L8.66511 15.0271L3.46008 9.82208L8.66511 4.61705L9.61512 5.56707L6.01576 9.15305Z' fill='white'/%3E%3C/svg%3E");
  background-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #00B9FE;
  transition: transform 0.3s ease;
}

.story-navigation .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='19' viewBox='0 0 17 19' fill='none'%3E%3Cpath d='M11.2674 9.84695L3.1187 9.84695L3.1187 8.5089L11.2674 8.5089L7.66808 4.92292L8.6181 3.9729L13.8231 9.17792L8.6181 14.3829L7.66808 13.4329L11.2674 9.84695Z' fill='white'/%3E%3C/svg%3E");
  background-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #00B9FE;
  transition: transform 0.3s ease;
}



.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #003c6d;

}

@media (max-width: 600px) {
  .toplightboth h5 {
    font-size: 1rem;
    padding: 0 2rem;
  }

  .toplightboth h5::before,
  .toplightboth h5::after {
    width: 8vw;
    max-width: 30px;
    height: 10px;
  }



}


@media (max-width: 768px) {

  /* Make the storycard stack vertically */
  .storycard {
    flex-direction: column;
  }

  /* Adjust image to be full width on mobile */
  .imgstry {
    width: 100%;
  }

  .imgstry img {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 0 0;
    object-fit: cover;
  }

  /* Adjust content padding for mobile */
  .rightstrcrd {
    padding: 15px;
  }

  /* Adjust text for better mobile readability */
  .rightstrcrd h4 {
    font-size: 1.1rem;
    margin-bottom: 15px;
  }

  .rightstrcrd p {
    font-size: 0.9rem;
    margin-bottom: 20px;
  }

  /* Adjust button styling */
  a.readmorebtn {
    padding: 8px 12px;
    font-size: 0.9rem;
  }

  /* Make belowsucess section stack vertically */
  .belowsucess {
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
  }

  .lhsstrorynavbtns {
    text-align: center;
  }

  .aboutus-button {
    display: inline-block;
  }

  /* Center navigation buttons */
  .story-navigation {
    justify-content: center;
  }

  /* Adjust navigation button size */
  .story-navigation .swiper-button-prev,
  .story-navigation .swiper-button-next {
    width: 35px;
    height: 35px;
  }
}

/* ------------contact-form-section-------- */

.contacthome-section {
  position: relative;
  background: url("/assets/images/contact-bg-home.png") no-repeat center/cover;
  padding: 80px 0px;
  z-index: 1;
}

.contacthome-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(153 150 150 / 10%);
  z-index: -1;
}

.innercnthomne {
  display: flex;
  gap: 40px;
  justify-content: space-between;
 
  flex-wrap: wrap;
}

.left-cnt {
  flex: 1;
  min-width: 300px;
}

.left-cnt h2 {
  font-size: 28px;
  margin: 10px 0;
}

.left-cnt p a {

  color: #235680;
  font-weight: 600;

}

.left-cnt p a:hover {

  color: #00B9FE;

}

.contact-details {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 20px;
  margin-top: 25px;
}

.contact-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.contact-item h5 {
  color: #424040D4;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}

.contact-item .icon {
  font-size: 20px;
}



.map img {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #ddd;
}

.right-cnt {
  flex: 1;
  min-width: 300px;
  background: #fff;
  padding: 25px;
  border-radius: 8px;
  border: 0.711px solid rgba(54, 114, 255, 0.19);
  background: #FFF;
}

/* .contact-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
} */

.contact-form input, .contact-form select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #6e6e6b;
    font-size: 17px;
    font-weight: 500;
    margin-top: 15px;
}

.contact-form button {
  background: #00B9FE;
  color: #fff;
  border: none;
  padding: 13px 22px;
  border-radius: 6px;
  cursor: pointer;
  width: fit-content;
}

.contact-form button:hover {
  background: #0A165E;
}


span.iconxc {
  background: #00B9FE;
  padding: 12px;
  border-radius: 100px;
}

span.iconxc img {
  height: 25px;
  width: 25px;
}

/* Responsive */
@media (max-width: 768px) {
  .innercnthomne {
    flex-direction: column;
  }

  .right-cnt {
    margin-top: 30px;
    min-width: 100%;
  }
}

/* ------------contact-form-section-------- */



/* -----------------OutTeam-page-css------------------------- */

.inner-banner {

  background-size: cover;
  background-position: top;
  padding: 120px 0;
  position: relative;
}

.inner-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(25deg, rgba(0, 60, 109, 0.59) 0%, rgba(0, 61, 111, 0.00) 100%);
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.innerbannerheading h1 {
  color: white;
  font-size: 36px;
  position: relative;
  display: inline-block;
}



.inner-breadcrum ol {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0px;
	flex-wrap: wrap;
}

.inner-breadcrum li {
  color: white;
  font-size: 16px;
}

.inner-breadcrum li.home {
  position: relative;
  padding-right: 30px;

}

.inner-breadcrum li.home::after {
  content: "";
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.071 5.657L1.414 -3.93831e-06L-9.89101e-07 1.414L4.95 6.364L-1.23616e-07 11.314L1.414 12.728L7.071 7.071C7.25847 6.88347 7.36379 6.62916 7.36379 6.364C7.36379 6.09883 7.25847 5.84452 7.071 5.657Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}


.inner-breadcrum li.home a {
  color: white;
  text-decoration: none;
  position: relative;
  padding-left: 60px;
  display: inline-block;
  font-size: 16px;
}
.inner-breadcrum li.median a{color:#00B9FE;}
.inner-breadcrum li.home a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='14' viewBox='0 0 50 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.44716 13.1233L0 6.44717L6.67623 0L12.0414 5.55573H49.5669V6.63031H13.0791L13.1233 6.67623L6.44716 13.1233Z' fill='%2300B9FE'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
li.median {
    position: relative;
    padding-right: 30px;
}
.inner-breadcrum li.median::after {
  content: "";
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.071 5.657L1.414 -3.93831e-06L-9.89101e-07 1.414L4.95 6.364L-1.23616e-07 11.314L1.414 12.728L7.071 7.071C7.25847 6.88347 7.36379 6.62916 7.36379 6.364C7.36379 6.09883 7.25847 5.84452 7.071 5.657Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.inner-breadcrum li.active {
  color: #ffffff;
}

.inner-breadcrum li.home a:hover {
  color: #00B9FE;
}




@media (max-width: 992px) {
  .inner-banner {
    padding: 95px 0px;
  }

  .innerbannerheading h1 {
    font-size: 33px;
    line-height: 50px;
  }

}

@media (max-width: 767px) {
  .inner-banner {
    padding: 80px 0px;
  }

  .innerbannerheading h1 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 0px;
  }
}

@media (max-width: 567px) {
  .inner-banner {
    padding: 67px 0px 5px;
    background-position: 37%;
  }

  .innerbannerheading h1 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 0px;
  }
}

section.ourteam {
  padding: 60px 0px;
}

section.ourteams {
  padding: 60px 0px;
}
section.ourteams h2 {
    margin-bottom: 0px;
}
.innerwidthfull h4 {
    color: #0A165E;
    font-weight: 700;
    margin-bottom: 15px;
}
.teamsimglists {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
margin-top: 50px;
}

.teamcardsx {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.teamimgx img {
  border-radius: 35px;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}

.teamimgx {
  margin-bottom: 25px;
}

.teamnamex h5 {
  color: #0A165E;
  font-weight: 600;
  margin-bottom: 5px;
}
.teamregniation p {
    text-align: center;
    margin-bottom: 0px;
}
@media (max-width: 992px) {
  .teamsimglists {
    grid-template-columns: repeat(3, 1fr);
  }

}

@media (max-width: 767px) {
  .teamsimglists {
    grid-template-columns: repeat(2, 1fr);
  }

  .teamimgx img {
    height: 201px;
  }
}

@media (max-width: 650px) {
  .teamsimglists {
    grid-template-columns: repeat(1, 1fr);
  }
}


/* ------About-page--------- */
.fullimgx img {
  border-radius: 40px;
  border: 5px solid #71d7ff;
  height: 385px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

section.full-width-img {
  margin: 0px 0px 60px;
}

@media (max-width: 991px) {
  .fullimgx img {
    height: 320px;
  }
}

@media (max-width: 767px) {
  .fullimgx img {
    border-radius: 30px;
    height: 250px;
  }
}


@media (max-width: 500px) {
  .fullimgx img {
    border-radius: 20px;
    height: 200px;
  }
}

.whychicon {
  border-radius: 10px;
  background: #F5F6F7;
  width: 200px;
  padding: 10px;
  height: 64px;
}

.whychcntcrd h4 {
  color: #0A165E;
  line-height: 34px;
}

.chsincard {
  border-radius: 10px;
  border: 1px solid #E5EAFF;
  background: rgba(255, 255, 255, 0.97);
  padding: 20px;
  display: flex;
  gap: 20px;
}

.inerwhy-chs {
  display: grid;
  gap: 3%;
  grid-template-columns: 37% 60%;
}

.whychcntcrd p {
  margin-bottom: 0px;
}

.whychicon img {
  height: 46px;
  width: 194px;
}


.right-chs {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

section.why-ch-us {
  margin-bottom: 60px;
}

@media (max-width: 992px) {
  .inerwhy-chs {
    gap: 3%;
  }
}

@media (max-width: 767px) {
  .inerwhy-chs {
    display: grid;
    gap: 30px;
    grid-template-columns: 100%;
  }
}


.teamsimglistsabt {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
margin-top: 50px;
}

.teamcardsxabt {
  border-radius: 8.797px;
  border: 0.88px solid rgba(54, 114, 255, 0.19);
  background: #FFF;
  padding: 10px;
}

.teamimgxabt img {
  width: 100%;
  height: 301px;
  object-fit: cover;
  object-position: top;
  border-radius: 5px;
}

.teamnamexabt {
  margin-top: 18px;
}

.teamnamexabt h5 {
  color: #0A165E;
  font-weight: 600;
}
.whychcntcrd a {
    color: #00b9fe;
    text-decoration: underline;
}
.xvhu {
  margin-top: 45px;
  text-align: center;
}

@media (max-width: 992px) {
 .teamsimglistsabt {
  
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
 }
}

@media (max-width: 600px) {
 .teamsimglistsabt {
  
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;
 }
}




/* -------------Manufacturing------- */
.manuicons {
    background-color: #003C6D;
    border-radius: 135px;
    padding: 10px 0px 16px;
    height: 100px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    shape-outside: content-box;
}
.facturingname h5 {
    color: #0A165E;
    text-align: center;
    font-style: normal;
    font-weight: 700;
}
.manufactgrid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;
}

.manufactgrid-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0px;
}
.manufact {
    margin-bottom: 50px;
}
.facturingname {
    margin-top: 15px;
}
@media (max-width: 992px) {
.manufactgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

}
}

@media (max-width: 600px) {
.manufactgrid {
    grid-template-columns: repeat(1, 1fr);

}
}

.ernextgrp {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  padding: 20px;
}

.erpnextcrd {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 25px;
  text-align: left;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.erpnextcrd:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.erpnexticoncrd {
  width: 60px;
  height: 60px;
  margin-bottom: 15px;
}

.erpnexticoncrd img {
  width: 100%;
  height: auto;
  animation: float 3s ease-in-out infinite;
    padding: 10px;
    border-radius: 10px;
    border-radius: 8.947px;
    background: #F5F6F7;
}

.erpcnt h6 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #0A165E;
}

.erpcnt p {
  font-size: 14px;
  line-height: 1.6;
  color: #6b7280;
}

/* Floating animation for icons */
@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0px); }
}

/* Mobile adjustments */
@media (max-width: 600px) {
  .erpnextcrd {
    padding: 20px;
  }
  .erpcnt h6 {
    font-size: 16px;
  }
}




.manufacturing-section {
  padding: 0px 0px 50px;
}

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

.manufacturing-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: start;
}

.sub-title {
  color: #00B9FE;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.left-content h2 {
color: #0A165E;
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: 45px; 
letter-spacing: -0.893px;
    margin-bottom: 20px;
}

.left-content p {
  font-size: 16px;
  line-height: 1.6;
  color: #475569;
}

.feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.feature-list li {
  position: relative;
  padding-left: 50px;
  margin-bottom: 25px;
}

.feature-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 34px;
  height: 34px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'><path d='M29.75 14.1667V27.625C29.75 28.1886 29.5261 28.7291 29.1276 29.1276C28.7291 29.5261 28.1886 29.75 27.625 29.75H6.375C5.81141 29.75 5.27091 29.5261 4.8724 29.1276C4.47388 28.7291 4.25 28.1886 4.25 27.625V6.375C4.25 5.81141 4.47388 5.27091 4.8724 4.8724C5.27091 4.47388 5.81141 4.25 6.375 4.25H21.25' stroke='%2300B9FE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M11.3335 14.1666L18.4168 19.8333L29.0418 4.95825' stroke='%2300B9FE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center center;
  background-size: contain;
}

.feature-list h4 {
  color: #0A165E;
font-size: 26px;
font-weight: 700;
line-height: 34px;
}

.feature-list p {
  font-size: 15px;
  color: #475569;
  line-height: 1.5;
}
section.service-main-content {
    margin-bottom: 50px;
}
/* Responsive */
@media (max-width: 991px) {
  .manufacturing-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

section.ourteamsxz {
    margin: 50px 0px;
}

.inside-full-para {
    display: grid;
    grid-template-columns: 60% 35%;
    gap: 5%;
}

@media (max-width: 1055px) {
.inside-full-para {
 
    grid-template-columns: 55% 40%;
    gap: 5%;
}
}
@media (max-width: 926px) {
.inside-full-para {
    grid-template-columns: 50% 45%;
    gap: 5%;
}
}

@media (max-width: 830px) {
.inside-full-para {
    grid-template-columns: 40% 55%;
    gap: 5%;
}
}
@media (max-width: 700px) {
.inside-full-para {
    grid-template-columns: 100% ;
}
}





.card-alt {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.card-body {
    padding: 20px;
}
.info-item {
    display: flex;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}
.info-label {
    font-weight: 600;
    color: #0A165E;
    min-width: 180px;
    padding-right: 4px;
}
.info-value {
    color: #585B6F;
    flex: 1;
}
.card-alt .card-header {
    background-color: #00B9FE;
    color: white;
}
.card-header {
    background-color: #a3c9f1;
    color: #333;
    padding: 16px 20px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

@media (max-width: 500px) {
.info-label {
    font-weight: 600;
    color: #0A165E;
    min-width: 162px;
    padding-right: 1px;
    font-size: 14px;
}
}
section.fullwidth-cnt {
    margin: 60px 0px;
}
.innerwidthfull h3 {
    color: #0A165E;
    font-weight: 700;
    margin-bottom: 18px;
	margin-top:25px
}

.innerwidthfull ul li {
    list-style: disc;
    color: #585B6F;
    font-family: "Space Grotesk";
    font-size: 15.287px;
    font-weight: 400;
    line-height: 35px;
}
.innerwidthfull ul {
    padding: 0px 18px;
}
p.paauplist {
    margin-bottom: 4px;
}


/* -----contact-us----- */
section.contactformx {
    margin-bottom: 69px;
}

.contactusmainsx {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: auto;
}
.cnt-background-img {
    padding: 120px 120px 280px 120px;
}
    /* Form Box */
    .contact-form {
      background: #fff;
      padding: 25px;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

   .contact-form h2 {
    margin-bottom: 20px;
    color: #0A165E;
    text-align: center;
    font-weight: 700;
    line-height: 32px;

}

    .contact-form input,
    .contact-form textarea {
      width: 100%;
      padding: 12px;
      margin-bottom: 12px;
      border: 1px solid #ddd;
      border-radius: 6px;
      font-size: 14px;
    }

    .contact-form textarea {
      height: 100px;
      resize: none;
      margin-top: 12px;
    }

    .contact-form button {
      width: 100%;
      padding: 12px;
      background: #00aaff;
      color: #fff;
      font-size: 16px;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      transition: background 0.3s;
    }

    .contact-form button:hover {
      background: #008ecc;
    }

    /* Map & Address */
   .contact-info {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    overflow: hidden;
    position: relative;
    top: 120px;
}

    .map {
      width: 100%;
  
    }

    iframe {
      width: 100%;

      border: 0;
    }

    .address-box {
      padding: 20px;
    }

   .address-box h3 {
    font-size: 16px;
    color: #0A165E;
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    

}
.midlinex {
    color: aliceblue;
    border: 1px solid #a9a1a1;
    border-radius: 5px;
    width: 90%;
    margin: auto;
    
}
    .address-box p {
      font-size: 14px;
      color: #555;
      margin: 4px 0;
    }
.imgfootercntus {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 17px;
}
.newcntries {
    margin-top: 20px;
}
    .address-box a {
      color: #00aaff;
      text-decoration: none;
      font-size: 14px;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .contactusmainsx {
        grid-template-columns: 1fr;
      }
      .cnt-background-img {
    padding: 20px 20px 40px 20px;
}
  .contact-info {
   
    top: 20px;

    }
		 .contact-form {
      background: #fff;
      padding: 7px;
 
  
    }
		.right-cnt {

    padding: 12px;
   
}
  }

.submit-btn {
    background-color: #03b8fd;
    color: #fff!important;
}




/* ----------Blog-page---------- */


        .inner-blog-listing {
            display: flex;
            gap: 30px;
        }

        .blog-cardsx {
            flex: 2;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
        }

        .blog-card {
            background-color: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .blog-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        }

        .blog-card-image {
            height: 200px;
            overflow: hidden;
        }

        .blog-card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

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

      .blog-card-content {
    padding: 20px 20px 30px;
}

        .admin-date {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 14px;
    color: #6c757d;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 14px;
}


        .admin-date i {
            margin-right: 5px;
        }

        .admin-date .admin {
            margin-right: 15px;
        }
h3.blog-card-title {
    line-height: 27px!important;
}
      .blog-card-title a {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 12px;
            line-height: 1.4;
            color: #003C6D;
        }

        .blog-card-excerpt {
            font-size: 16px;
            color: #6c757d;
            margin-bottom: 40px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

.success-btnx{
	position: absolute;
    bottom: 12px;
}

        .blog-sidebar {
            flex: 1;
        }

        .sidebar-widget {
            background-color: #fff;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 25px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }

        .sidebar-title {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
            color: #2c3e50;
        }

        .recommended-posts {
            list-style: none;
        }
a.recommended-post-link {
    display: flex;
}
        .recommended-post {
      
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
        }

        .recommended-post:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        .recommended-post-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 15px;
            flex-shrink: 0;
        }

        .recommended-post-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .recommended-post-content {
            flex: 1;
        }

        .recommended-post-title {
            font-size: 16px;
            font-weight: 600;
            line-height: 1.4;
            margin-bottom: 5px;
            color: #003C6D;
        }
ul.recommended-posts {
    padding-left: 0px;
}
        .recommended-post-date {
            font-size: 12px;
            color: #6c757d;
        }

section.blog-listing-page {
    margin-bottom: 70px;
}
.blog-cardsx-inn {
    flex: 2;
}
.blog-cardsx-inn {
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.blg-details-img {
    text-align: center;
}
.blg-details-img img {
	height:400px;
object-fit:cover;
}
.blog-in-cnt {
    border-top: 1px solid #e6e6e6;
}
h2.blog-card-title-inner {
    color: #003C6D;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
}
.blog-card-full-description h3 {
    color: #585B6F;  
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 15px;
    margin-top: 21px;
}
.blog-card-full-description h4 {
    color: #585B6F;  
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 21px;
}
.blog-card-full-description ul li{list-style-type:disc;}
.blog-card-full-description strong{
    color: #585b6f;
}
.blog-card-full-description a{
	color: rgb(0 185 254);}
.blog-card-full-description p {
    
    font-size: 16px;
    
}
h4.recommended-post-title:hover {
    color: #02b9fe;
}
        /* Responsive Design */
        @media (max-width: 992px) {
            .inner-blog-listing {
                flex-direction: column;
            }

            .blog-sidebar {
                width: 100%;
            }

            .blog-cardsx {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .blog-cardsx {
                grid-template-columns: 1fr;
            }
        }

        /* Sticky Sidebar for Desktop */
        @media (min-width: 993px) {
            .blog-sidebar {
                position: sticky;
                top: 20px;
                height: fit-content;
            }
        }
section.scuccess-stories {
    margin-bottom: 70px;
}
.innergridx-success {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
}
.success-strcards {
    border-radius: 0 20px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
	position:relative;
}
.succes-crd-cnt {
    padding: 20px 20px 30px;
}
.succes-crd-img img {
    height: 250px;
    object-fit: cover;
    width: 100%;
}
  @media (max-width: 992px) {
           .innergridx-success {
    grid-template-columns: repeat(2,1fr);
  
}
 }
  @media (max-width: 650px) {
           .innergridx-success {
    grid-template-columns: repeat(1,1fr);
  
}
 }

 /* -----------------last-css--------------- */

  .inn-serv-plain-cnt h4 {
    color: #003C6D;
}
.inn-serv-plain-cnt p strong{

  color:#003C6D;;
  font-weight:700;
}
.service-rightxc {
    display: flex;
    gap: 20px;
	flex-wrap: wrap;	margin-top:60px;
	margin-bottom:60px;
}



.industry-card i {
  transition: transform 0.3s ease;
}
.serice-side-box img {
    max-height: 750px;
    object-fit: cover;
}
.accordion {
  width: calc(50% - 20px);
}
.accordion-content {
  display: none;
  padding: 12px 15px;
  background: #f9f9f9;
  font-size: 14px;
  color: #444;
      border-radius: 10px;
}

.accordion.active .accordion-content {
  display: block;
}

.accordion.active .industry-card i {
  transform: rotate(180deg);
}
.service-rightxc .industry-card:hover {
    transform: translateY(0px);
    background: #f9fcff;
}
.accordion.active {
    border-radius: 10px;
}
.accordion-content p {
    margin-bottom: 0px;
}
ul.list-explain {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
@media (max-width: 767px) {
	.service-rightxc {
    display: flex;
		flex-direction:column;
    gap: 20px;
	flex-wrap: nowrap;
	margin-bottom:60px;
}
	.accordion {
    width: 100%;
}

}
.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: absolute!important;
}
.wpcf7 form .wpcf7-response-output {
    margin: 1em 0px 0px !important;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
}
.contact-form br {
    display: none;
}
.wpcf7-response-output {
    text-align: center;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    top: 33px;
    left: 6px;
}
.imgfootercntus a {
    color: #585B6F;
}
.cnt-frm-page input.wpcf7-form-control.wpcf7-submit {
    background-color: #01bafc;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.subscribe-section p{
	margin:0px;
}
.subscribe-section .wcf7-response-output {
    border-color: #ffb900;
    color: #fff;
	font-size:13px;
}

.client-img-ftr {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
}
.client-img-ftr img {
    width: 100%;
	 border-radius: 7px;
}
.social_text {
    width: 90%;
}

a.page-numbers {
    background: #00b9fe;
    color: #fff;
    padding:3px 15px;
    border-radius: 5px;    margin: 0px 5px;
}
span.page-numbers.current {
    background: #ffffff;
    padding: 5px 10px;
    border: 1px solid #00b9fe;
    border-radius: 5px;
}