/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/
:root {
  --primary-color: #25507C;
  --secondary-color: #F58F29;
  --text-color: #283132;
  --text-white: #fff;
  --text-black: #202231;
  --text-error:#F04438;
  --text-warning:#F79009;
  --text-success:#12B76A;
  --accent-color: #7C877F;
  --white-color: #FFFFFF;
  --dark-bg:#202231;
  --white-bg:#FFFFFF;
  --divider-color: #EAF0EC;
  --dark-divider-color: #FFFFFF1A;
  --light-gray: #EBEEF0;
  --body-bg: #f4f4fb;
  --weight-regular: normal;
  --weight-light: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: bold;
  --weight-black: 900;
  --white-05: rgba(255, 255, 255, 0.05);
  --white-15: rgba(255, 255, 255, 0.15);
  --white-20: rgba(255, 255, 255, 0.2);
  --white-25: rgba(255, 255, 255, 0.25);
  --white-30: rgba(255, 255, 255, 0.3);
  --white-35: rgba(255, 255, 255, 0.35);
  --white-40: rgba(255, 255, 255, 0.4);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-75: rgba(255, 255, 255, 0.75);
  --white-85: rgba(255, 255, 255, 0.85);
  --white-95: rgba(255, 255, 255, 0.95);
  /*#202231*/
  --navy-05: rgba(32, 34, 49, 0.05);
  --navy-15: rgba(32, 34, 49, 0.15);
  --navy-25: rgba(32, 34, 49, 0.25);
  --navy-50: rgba(32, 34, 49, 0.5);
  --navy-75: rgba(32, 34, 49, 0.75);
  --navy-90: rgba(32, 34, 49, 0.9);
  --gray-08: rgba(136, 136, 137, 0.08);
  --gray-25: rgba(183, 183, 183, 0.25);
  --gray-30: rgba(136, 136, 137, 0.3);
  --blue-05: rgba(37, 80, 124, 0.05);
  --blue-10: rgba(37, 80, 124, 0.10);
  --blue-15: rgba(37, 80, 124, 0.15);
  --blue-25: rgba(37, 80, 124, 0.25);
  --blue-98: #f4f4fb;
  --orange-31: rgba(245, 143, 41, 0.31);
  --default-fontsize: 16px;
  --default-font: "SF Pro Display", sans-serif;
}

/************************************/
/***        02. General css        ***/
/************************************/
/* General link styling */
a,
a:hover {
  text-decoration: none;
}

/* Body styling */
body {
  font-family: var(--default-font);
  font-size: var(--default-fontsize);
  font-weight: var(--weight-light);
  line-height: 1.6em;
  background-color: var(--body-bg);
  color: var(--text-color);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Hero background for the body */
body {
  background: url("../images/hero-bg.png"), #f4f3fb;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}

/* Overlay pattern for hero section */
body::before {
  content: "";
  background: url("../images/hero-pattern.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 109%;
  width: 100%;
  z-index: 2;
}

/* List reset */
ul {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}

/* Headings and paragraphs margin reset */
h2, p {
  margin-bottom: 0;
}

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

/* Input and textarea reset */
input, textarea {
  background: none;
  border: none;
  outline: none;
}

/* Image styling */
img {
  max-width: 100%;
  max-height: 100%;
}

/* Keyframe animations */
/* Animation for scaling */
@keyframes animation-5 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.aniamtion-key-5 {
  position: relative;
  animation-name: animation-5;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  transition: all 0.4s ease-in-out;
}

/* Animation for rotating */
@keyframes animation-7 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1000deg);
  }
}
.keyframe5 {
  position: relative;
  animation-name: animation-7;
  animation-duration: 90s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
}

/* Vertical translation animation */
@keyframes animation-1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(30px);
  }
}
.aniamtion-key-1 {
  position: relative;
  animation-name: animation-1;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Horizontal translation animation */
@keyframes animation-2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50px);
  }
}
.aniamtion-key-2 {
  position: relative;
  animation-name: animation-2;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Vertical translation animation (more pronounced) */
@keyframes animation-3 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(60px);
  }
}
.aniamtion-key-3 {
  position: relative;
  animation-name: animation-3;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Vertical translation animation */
@keyframes animation-4 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(40px);
  }
}
.aniamtion-key-4 {
  position: relative;
  animation-name: animation-4;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Another vertical translation animation */
@keyframes animation-6 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(50px);
  }
}
.aniamtion-key-6 {
  position: relative;
  animation-name: animation-6;
  animation-duration: 1.9s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Padding animation for left shift */
@keyframes animation-8 {
  0% {
    padding-left: 0px;
  }
  100% {
    padding-left: 50px;
  }
}
.aniamtion-key-7 {
  position: relative;
  animation-name: animation-8;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Pulse border animation */
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.pulse-border {
  position: relative;
  animation-name: pulse-border;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Body and html styling */
html,
body {
  width: 100%;
  overflow-x: clip;
}

/* Container gutter control */
.container-fluid {
  --bs-gutter-x: 4.6rem;
}

/* Image animation */
.image-anime {
  position: relative;
  overflow: hidden;
}
.image-anime:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: var(--white-30);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}
.image-anime:hover:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

/************************************/
/***        03. Reveal & Loading    ***/
/************************************/
/* Reveal element - used for hiding and revealing images */
.reveal {
  position: relative;
  display: inline-flex;
  visibility: hidden; /* Hidden by default */
  overflow: hidden;
  /* Image styling inside reveal */
}
.reveal img {
  height: 100%;
  width: 100%;
  display: inline-block;
  -o-object-fit: cover;
  object-fit: cover;
  transform-origin: left;
}

/* Loading animation - rotating effect */
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Custom cursor styling for specific elements */
/**************************************/
/***         Preloader & Loading     ***/
/**************************************/
/* Preloader container */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: var(--primary-color); /* Background color */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Loading container for the circle animation */
.loading-container {
  height: 100px;
  position: relative;
  width: 100px;
  border-radius: 100%;
  margin: 40px auto;
}
.loading-container:hover .loading {
  transition: all 0.5s ease-in-out; /* Smooth transition on hover */
}
.loading-container .loading {
  transition: all 0.5s ease-in-out;
}

/* Loading circle animation */
.loading {
  height: 100px;
  position: relative;
  width: 100px;
  border-radius: 100%;
  border: 1px solid transparent;
  border-color: transparent var(--white-color) transparent var(--white-color);
  animation: rotate-loading 1.5s linear 0s infinite normal; /* Infinite rotate */
  transform-origin: 50% 50%;
}

/* Icon within the loader */
#loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 66px;
  transform: translate(-50%, -50%);
}

/**************************************/
/***         Section Layout         ***/
/**************************************/
/* Section row styling */
.section-row {
  margin-bottom: 50px;
}

/* Section title adjustment */
.section-row .section-title {
  margin-bottom: 0;
}

/* Section button alignment */
.section-btn {
  text-align: end;
}

/**************************************/
/***        Section Title Styles    ***/
/**************************************/
/* Title content */
.section-title-content {
  margin-left: 120px;
}
.section-title-content p {
  margin: 0;
}

/* Section title styling */
.section-title {
  margin-bottom: 40px;
  /* Heading 1 (large) styling */
  /* Heading 2 styling */
  /* Heading 1 and 2 with accent color */
  /* Paragraph inside section title */
}
.section-title .subheading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 1.6em;
  color: var(--text-black);
  padding: 5px 16px 6px 32px;
  margin-bottom: 20px;
  background: var(--navy-05);
  border: 1.33px solid var(--navy-15);
  border-radius: 133px;
  /* Before content in the heading */
  /* Dot indicator inside the title */
}
.section-title .subheading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url("../images/icon-sub-heading.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  width: 24px;
  height: 5px;
}
.section-title .subheading span.dot {
  width: 8px;
  height: 8px;
  background-color: var(--secondary-color);
  border-radius: 50rem;
  position: absolute;
  left: 15px;
  box-shadow: 0 0 0px 3px var(--orange-31);
}
.section-title h1 {
  font-size: 78px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}
.section-title h2 {
  font-size: 54px;
  font-weight: var(--weight-bold);
  color: var(--text-black);
  margin-bottom: 0;
}
.section-title h1 span, .section-title h2 span {
  color: var(--accent-color); /* Accent color applied */
}
.section-title p {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
  word-wrap: break-word;
}

/**************************************/
/***        Common Button & Icon    ***/
/**************************************/
/************************************/
/***        Buttons & Icons         ***/
/************************************/
/* Default button style */
.btn-default {
  position: relative;
  display: inline-block;
  background: var(--primary-color);
  color: var(--white-color);
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 24px;
  border: none;
  padding: 16px 20px;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  z-index: 0;
  border-radius: 50rem;
  /* Icon inside the button */
  /* Button hover effects */
  /* Arrow icon before the button */
  /* Background effect after the button */
}
.btn-default .icon {
  transition: all 0.5s ease-in-out;
  margin-left: 5px;
}
.btn-default:hover {
  background: var(--secondary-color);
  color: var(--white-color);
}
.btn-default:hover::before {
  transform: translate(-18px, -50%);
}
.btn-default:hover::after {
  width: 100%;
  transform: skew(0deg);
  left: 0;
  background-color: var(--secondary-color);
}
.btn-default:hover .icon {
  transform: rotate(45deg);
}
.btn-default::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: url(../images/arrow-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: translate(-20px, -50%);
  transition: all 0.4s ease-in-out;
}
.btn-default::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15%;
  right: 0;
  width: 0;
  height: 106%;
  background: var(--primary-color);
  transform: skew(45deg);
  transition: all 0.4s ease-in-out;
  z-index: -1;
}

/* Highlighted button */
.btn-default.btn-highlighted {
  background-color: var(--white-color);
  color: var(--accent-color);
  /* Change arrow icon for highlighted button */
  /* Change background color for highlighted button */
}
.btn-default.btn-highlighted:hover {
  color: var(--white-color);
}
.btn-default.btn-highlighted:hover::before {
  filter: brightness(0) invert(1);
}
.btn-default.btn-highlighted::before {
  background-image: url(../images/arrow-accent.svg);
}
.btn-default.btn-highlighted::after {
  background-color: var(--accent-color);
}

/* Secondary button style */
.btn-secondary {
  position: relative;
  display: inline-block;
  background: var(--white-25);
  border: 1px solid var(--white-75);
  color: var(--white-color);
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 24px;
  padding: 14px 20px;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  z-index: 0;
  border-radius: 50rem;
  /* Icon inside the button */
  /* Secondary button hover effects */
  /* Arrow icon before the button */
  /* Background effect after the button */
}
.btn-secondary .icon {
  transition: all 0.5s ease-in-out;
  margin-left: 5px;
}
.btn-secondary:hover {
  background: var(--secondary-color);
  color: var(--white-color);
}
.btn-secondary:hover::before {
  transform: translate(-18px, -50%);
}
.btn-secondary:hover::after {
  width: 100%;
  transform: skew(0deg);
  left: 0;
  background-color: var(--secondary-color);
}
.btn-secondary:hover .icon {
  transform: rotate(45deg);
}
.btn-secondary::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: url(../images/arrow-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: translate(-20px, -50%);
  transition: all 0.4s ease-in-out;
}
.btn-secondary::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15%;
  right: 0;
  width: 0;
  height: 106%;
  background: var(--primary-color);
  transform: skew(45deg);
  transition: all 0.4s ease-in-out;
  z-index: -1;
}

.btn-primary-outline {
  position: relative;
  display: inline-block;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 24px;
  padding: 14px 20px;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  z-index: 0;
  border-radius: 50rem;
  /* Icon inside the button */
  /* Secondary button hover effects */
  /* Arrow icon before the button */
  /* Background effect after the button */
}
.btn-primary-outline .icon {
  transition: all 0.5s ease-in-out;
  margin-left: 5px;
}
.btn-primary-outline .icon.icon-send {
  stroke: var(--primary-color);
}
.btn-primary-outline:hover {
  background: var(--primary-color);
  color: var(--white-color);
}
.btn-primary-outline:hover::before {
  transform: translate(-18px, -50%);
}
.btn-primary-outline:hover::after {
  width: 100%;
  transform: skew(0deg);
  left: 0;
  background-color: var(--primary-color);
}
.btn-primary-outline:hover .icon {
  transform: rotate(45deg);
}
.btn-primary-outline:hover .icon.icon-send {
  stroke: var(--white-color);
}
.btn-primary-outline::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: url(../images/arrow-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: translate(-20px, -50%);
  transition: all 0.4s ease-in-out;
}
.btn-primary-outline::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15%;
  right: 0;
  width: 0;
  height: 106%;
  background: var(--primary-color);
  transform: skew(45deg);
  transition: all 0.4s ease-in-out;
  z-index: -1;
}

/* Round button with play icon */
.btn-round .fa-play {
  padding-left: 3px;
}

/* Icon size and margin */
.icon {
  width: 24px;
  height: 24px;
  margin-bottom: 1px;
}
.icon.icon-send {
  stroke: var(--white-color);
}

/************************************/
/***        Arrow Buttons           ***/
/************************************/
/* Arrow button style */
.arrow-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--white-color);
  border-radius: 50rem;
  padding: 0;
  /* Arrow button hover effect */
  /* Icon inside the arrow button */
}
.arrow-btn a:hover .icon {
  transform: none;
}
.arrow-btn a:hover .icon.icon-send {
  stroke: var(--white-color);
}
.arrow-btn a .icon {
  margin-left: 0;
  transform: rotate(45deg);
}
.arrow-btn a .icon.icon-send {
  stroke: var(--text-black);
}

/************************************/
/***        Links & Navbar         ***/
/************************************/
/* Read more link style */
a.read-more-link {
  font-size: 20px;
  font-weight: var(--weight-light);
  color: var(--text-black);
}

/* Section padding */
section {
  padding: 80px 0;
}

/* Navbar toggle button */
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler .navbar-toggler-icon {
  filter: invert(1);
  opacity: 1;
}

/************************************/
/***        Breadcrumbs            ***/
/************************************/
nav ol.breadcrumb {
  margin-top: 20px;
}
nav ol li.breadcrumb-item {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 1.5em;
  text-transform: capitalize;
  color: var(--white-color);
}
nav ol li.breadcrumb-item a {
  color: var(--navy-75);
}
nav ol li.breadcrumb-item.active {
  color: var(--secondary-color);
}
nav ol li.breadcrumb-item em, nav ol li.breadcrumb-item i {
  font-weight: 600;
}
nav ol li.breadcrumb-item + .breadcrumb-item:before {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  margin-top: 9px;
}

/************************************/
/***        Cloud Animation        ***/
/************************************/
.cloud-section .cloud {
  /* Optional animation */
  position: absolute;
  top: 90px;
  z-index: 1;
  opacity: 0.9;
}
.cloud-section .cloud.x1 {
  left: 0;
}
.cloud-section .cloud.x2 {
  animation-duration: 2s;
  right: 0;
}

/* Cloud movement animation */
@keyframes move {
  50% {
    transform: translateY(-15px);
  }
}
/************************************/
/***        Dark Section           ***/
/************************************/
/* Dark theme background */
.bg-theme-black {
  background-color: var(--text-black);
}
.bg-theme-black .section-title .subheading {
  color: var(--white-color);
  background: var(--white-15);
  border: 1px solid var(--white-25);
  border-radius: 30px;
}
.bg-theme-black .section-title .subheading span.dot {
  box-shadow: 0 0 0px 3px var(--orange-31);
}
.bg-theme-black .section-title h2 {
  color: var(--white-color);
}
.bg-theme-black .section-title p {
  color: rgba(255, 255, 255, 0.75);
}
.bg-theme-black .post-item .post-item-content h3 a {
  color: var(--white-color);
}
.bg-theme-black .post-item .post-item-content p {
  color: var(--white-50);
}
.bg-theme-black .post-item .post-item-category a, .bg-theme-black .post-item .post-item-category .category-label {
  color: var(--white-color);
  background: var(--gray-08);
  border-radius: 7px;
}
.bg-theme-black .case-section .section-heading {
  color: var(--secondary-color);
}
.bg-theme-black .case-section .section-subheading {
  color: var(--white-color);
}
.bg-theme-black .case-section .section-text p {
  color: var(--white-75);
}

.bg-white .post-item .post-item-category a, .bg-white .post-item .post-item-category .category-label {
  color: var(--text-black);
  background: var(--gray-08);
  border-radius: 7px;
}

/************************************/
/***        Highlishted Box       ***/
/************************************/
.highlight-box {
  background: url("../../assets/images/sub-container.png") no-repeat top;
  background-size: auto;
  padding: 45px 33px;
  text-align: left;
  border-radius: 20px;
}
.highlight-box .highlight-content {
  max-width: 1190px;
  margin: auto;
}
.highlight-box .highlight-content h3 {
  font-weight: var(--weight-bold);
  font-size: 54px;
  line-height: 66px;
  color: var(--text-black);
  margin-bottom: 15px;
}
.highlight-box .highlight-content p {
  font-weight: var(--weight-light);
  font-size: 22px;
  line-height: 28px;
  color: var(--navy-75);
  margin-bottom: 30px;
}

/************************************/
/***        Social Links           ***/
/************************************/
.social-links .social-link-title {
  margin-bottom: 20px;
}
.social-links .social-link-title h3 {
  font-size: 22px;
  font-weight: var(--weight-medium);
  text-transform: capitalize;
  color: var(--text-black);
}
.social-links ul li {
  display: inline-flex;
  margin-right: 10px;
}
.social-links ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--navy-25);
  border-radius: 50%;
  height: 40px;
  width: 40px;
  transition: all 0.3s ease-in-out;
}
.social-links ul li a i {
  font-size: var(--default-fontsize);
  color: var(--text-black);
  transition: all 0.3s ease-in-out;
}
.social-links ul li a:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.social-links ul li a:hover i {
  color: var(--white-color);
}

/************************************/
/***        Key Counter            ***/
/************************************/
.key-counter {
  text-align: center;
  position: relative;
  padding: 0 10px;
  /* Heading (h3) styles */
  /* Paragraph (p) styles */
  /* Vertical line after the counter */
}
.key-counter h3 {
  font-size: 48px;
  font-weight: var(--weight-bold);
  line-height: 60px;
  color: var(--text-black);
  margin-bottom: 10px;
}
.key-counter p {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
}
.key-counter:after {
  content: "";
  background-color: var(--navy-25);
  width: 1px;
  height: 70px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

/************************************/
/***        Sub Container          ***/
/************************************/
.sub-container {
  margin-top: 110px;
  background: var(--white-75);
  border: 2px solid var(--white-color);
  border-radius: 40px;
  padding: 50px 26px 24px;
  position: relative;
  z-index: 3;
  /* Section title inside the sub-container */
  /* Handle the last swiper slide case */
}
.sub-container .section-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-container .section-title span.trusted-text, .sub-container .section-title h3 {
  color: #1a1a1a;
  border: 1.33px solid var(--white-color);
  box-shadow: 0px 2.66667px 4px var(--gray-25);
  -webkit-backdrop-filter: blur(3.33333px);
          backdrop-filter: blur(3.33333px);
  border-radius: 30px;
  background: var(--white-40);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px 8px 15px;
  position: relative;
  font-size: 20px;
  font-weight: var(--weight-medium);
  margin-bottom: 0;
  /* Left arrow before the section title */
  /* Right arrow after the section title */
}
.sub-container .section-title span.trusted-text::before, .sub-container .section-title h3::before {
  content: "";
  background: url("../../assets/images/abstract-arrow-left.png") no-repeat;
  filter: drop-shadow(0px 2.66667px 4px var(--gray-25));
  position: absolute;
  left: -22px;
  top: 50%;
  z-index: -1;
  width: 54px;
  height: 33px;
  transform: translate(-50%, -50%);
}
.sub-container .section-title span.trusted-text::after, .sub-container .section-title h3::after {
  content: "";
  background: url("../../assets/images/abstract-arrow-right.png") no-repeat;
  filter: drop-shadow(0px 2.66667px 4px var(--gray-25));
  position: absolute;
  right: -76px;
  top: 50%;
  z-index: -1;
  width: 54px;
  height: 33px;
  transform: translate(-50%, -50%);
}
.sub-container .swiper-slide:last-child .key-counter {
  /* Remove the after pseudo-element (vertical line) on the last slide */
}
.sub-container .swiper-slide:last-child .key-counter::after {
  content: none;
}

/************************************/
/***         Card Style 3          ***/
/************************************/
.card-style-3 {
  padding: 25px;
  border: 1px solid var(--white-40);
  background: var(--white-05);
  border-radius: 8px;
  margin-bottom: 25px;
  /* Item Icon */
  /* Item Title */
  /* Item Text */
  /* Read More Link */
}
.card-style-3 .item-icon {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white-05);
  border: 1px solid var(--white-25);
  border-radius: 8px;
  padding: 14px;
}
.card-style-3 .item-icon .icon {
  width: auto;
  height: auto;
  fill: var(--white-color);
}
.card-style-3 .item-title {
  font-size: 30px;
  font-weight: var(--weight-medium);
  line-height: 44px;
  margin-bottom: 15px;
  color: var(--white-color);
  transition: all 0.2s ease-in-out;
}
.card-style-3 .item-title:hover a {
  color: var(--secondary-color);
}
.card-style-3 .item-title a {
  color: var(--white-color);
  transition: all 0.2s ease-in-out;
}
.card-style-3 .item-text {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--white-75);
  transition: all 0.2s ease-in-out;
}
.card-style-3 .read-more-link {
  display: block;
  margin-top: 40px;
  color: var(--white-color);
}

/************************************/
/***          Sidebar              ***/
/************************************/
.sidebar {
  margin: 0 auto 30px;
  padding: 0;
  position: sticky;
  top: 110px;
  /* Search Box */
  /* Categories */
  /* Sidebar Footer */
}
.sidebar .search-box .form-control {
  border-radius: 8px;
  font-size: 20px;
  font-weight: var(--weight-light);
  padding: 14px 45px 14px 18px;
  background: url("../../assets/images/search-normal.svg") no-repeat, var(--navy-05);
  background-position: right 15px center;
  border: none;
}
.sidebar .search-box .form-control:focus {
  box-shadow: none;
  border-color: var(--text-black);
}
.sidebar .categories {
  margin-bottom: 1.5rem;
}
.sidebar .categories h4 {
  font-size: 22px;
  font-weight: var(--weight-bold);
  line-height: 29px;
  margin-bottom: 15px;
}
.sidebar .categories .categories-list ul li {
  margin-bottom: 10px;
}
.sidebar .categories .categories-list ul li:last-child {
  margin-bottom: 0;
}
.sidebar .categories .categories-list ul li a {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-90);
  transition: all 0.2s ease-in-out;
}
.sidebar .categories .categories-list ul li a.active {
  color: var(--secondary-color);
}
.sidebar .categories .categories-list ul li a:hover {
  color: var(--secondary-color);
}
.sidebar .sidebar-footer {
  padding-right: 56px;
}
.sidebar .sidebar-footer .dev-logo {
  margin-bottom: 20px;
}
.sidebar .sidebar-footer p {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-75);
  margin-bottom: 25px;
}
.sidebar .divider {
  border-top: 1px solid #ddd;
  margin: 30px 0;
}
.sidebar p {
  color: #6c757d;
  font-size: 0.875rem;
}

/************************************/
/***    Categories Button (Mobile) ***/
/************************************/
.categories-button {
  display: none;
}
.categories-button .navbar-toggler {
  position: relative;
}
.categories-button i {
  color: var(--white-color);
}
.categories-button h6 {
  font-size: 22px;
  font-weight: var(--weight-bold);
  line-height: 29px;
  margin-bottom: 15px;
}

/************************************/
/***        Case Info              ***/
/************************************/
.section-title .case-info {
  display: flex;
  gap: 40px;
  margin: 30px 0;
}
.section-title .case-info .case-item {
  border-top: 1px solid var(--navy-25);
  padding-top: 15px;
}
.section-title .case-info .case-item .case-name {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-75);
  margin-bottom: 5px;
}
.section-title .case-info .case-item p {
  font-size: 20px;
  font-weight: var(--weight-medium);
  line-height: 24px;
  color: var(--text-black);
  margin-top: 0;
}

/************************************/
/***        Two Column Container   ***/
/************************************/
.two-column-container {
  margin-bottom: 50px;
  /* Title */
  /* Description */
}
.two-column-container .title {
  flex-basis: 40%;
}
.two-column-container .title h3 {
  font-size: 40px;
  font-weight: var(--weight-bold);
  line-height: 56px;
  color: var(--white-color);
}
.two-column-container .description {
  flex-basis: 60%;
}
.two-column-container .description p {
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--white-75);
}

/************************************/
/***        Video Play Button      ***/
/************************************/
.video-play-button.style-1 .button-outer-circle {
  background: var(--white-20);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  outline: 1px solid var(--white-25);
  outline-offset: 11px;
}
.video-play-button.style-1 a {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  background-color: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 1px solid var(--white-25);
  outline-offset: 5px;
  z-index: 1;
}
.video-play-button.style-1 a::before, .video-play-button.style-1 a::after {
  content: "";
  position: absolute;
  top: -39%;
  left: -39%;
  width: 160%;
  height: 160%;
  border: 50px solid var(--white-color);
  opacity: 60%;
  border-radius: 50%;
  transform: scale(0.6);
  z-index: -1;
  animation: border-zooming 1.2s infinite linear;
}
.video-play-button.style-1 a::after {
  animation-delay: 0.3s;
}
.video-play-button.style-1 a .icon {
  fill: var(--primary-color);
}
.video-play-button.style-2 .button-outer-circle {
  background: var(--white-20);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.video-play-button.style-2 a {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background: var(--white-25);
  box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.24);
}
.video-play-button.style-2 a:before, .video-play-button.style-2 a:after {
  display: none;
}
.video-play-button.style-2 a .icon {
  width: 27px;
  height: 33px;
  margin-left: 5px;
  fill: var(--white-color);
}

/************************************/
/***        Pagination            ***/
/************************************/
.page-pagination {
  margin-top: 20px;
  text-align: center;
}
.page-pagination ul {
  padding: 0;
  margin: 0;
}
.page-pagination ul li a,
.page-pagination ul li span {
  display: flex;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  background: var(--white-color);
  color: var(--text-black);
  border-radius: 8px;
  width: 46px;
  height: 46px;
  margin: 0 5px;
  font-weight: var(--weight-light);
  font-size: 20px;
  line-height: 24px;
  transition: all 0.3s ease-in-out;
}
.page-pagination ul li.active a,
.page-pagination ul li a:hover {
  background: var(--primary-color);
  color: var(--white-color);
}

/************************************/
/***       Floating Button         ***/
/************************************/
.floating-button {
  position: absolute;
  left: -100px;
  top: 0;
  background-color: var(--blue-05);
  border-radius: 50rem;
  padding: 20px 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.floating-button .social-links ul li {
  display: block;
  margin-right: 0;
  margin-bottom: 12px;
}
.floating-button .social-links ul li:last-child {
  margin-bottom: 0;
}

/************************************/
/***    Common Background Colors   ***/
/************************************/
.bg-clay {
  background: radial-gradient(50% 50% at 50% 50%, #E0C3B5 0%, #B69586 100%);
}

.bg-brown {
  background: radial-gradient(50% 50% at 50% 50%, #C59EA0 0%, #976E70 100%);
}

.bg-purple {
  background: radial-gradient(50% 50% at 50% 50%, #D4CBD9 0%, #9C8DA9 100%);
}

.bg-water {
  background: radial-gradient(50% 50% at 50% 50%, #C2E7F0 0%, #85AAB3 100%);
}

.bg-green {
  background: radial-gradient(50% 50% at 50% 50%, #D1DBCA 0%, #9AAA8D 100%);
}

.bg-gray {
  background: radial-gradient(50% 50% at 50% 50%, #C3CDD3 0%, #8B9DAC 100%);
}

.bg-aqua {
  background: radial-gradient(50% 50% at 50% 50%, #B6D7D3 0%, #79AAA3 100%);
}

.bg-orange {
  background: radial-gradient(50% 50% at 50% 50%, #D4A88E 0%, #C6886D 100%);
}

.bg-blue {
  background: radial-gradient(50% 50% at 50% 50%, #B2BEEF 0%, #7A93D3 100%);
}

/************************************/
/***      Dark Mode Toggle Button  ***/
/************************************/
.theme-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: var(--surface-color);
  color: var(--text-color-primary);
  border: 1px solid var(--text-color-secondary);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  z-index: 1001;
  transition: background-color var(--transition-speed) ease, color var(--transition-speed) ease, border-color var(--transition-speed) ease, opacity 0.2s ease;
  overflow: hidden;
}

.theme-toggle:hover {
  opacity: 0.8;
}

.theme-toggle svg {
  width: 24px;
  height: 24px;
  transition: fill var(--transition-speed) ease;
  fill: currentColor;
}

/************************************/
/***        ScrollUp Button        ***/
/************************************/
.scrollup-btn {
  width: 60px;
  height: 60px;
  box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.06);
  position: fixed;
  right: 30px;
  bottom: 50px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  z-index: 1500;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--white-color);
  background-color: var(--white-color);
}
.scrollup-btn::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  border-radius: inherit;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0.6);
  animation: scale_full 3s cubic-bezier(0.28, 1.84, 0.55, -0.11) infinite;
}
.scrollup-btn svg {
  position: relative;
  z-index: 1;
}
.scrollup-btn.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  cursor: pointer;
}

/************************************/
/***       Video Modal Popup       ***/
/************************************/
.cs_video_popup {
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
  height: 100%;
  left: -100%;
  transition-delay: 0.2s;
}
.cs_video_popup.active {
  left: 0;
  transition-delay: 0s;
}
.cs_video_popup.active .cs_video_popup-overlay {
  opacity: 0.8;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.cs_video_popup.active .cs_video_popup-content {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.cs_video_popup .cs_video_popup-overlay {
  position: absolute;
  left: 0;
  right: 0;
  background: #000;
  transition: all 0.4s ease-out;
  opacity: 0;
}
.cs_video_popup .cs_video_popup-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  font-size: 0;
  text-align: center;
  transition: all 0.4s ease-out;
  transform: translateY(100px);
  opacity: 0;
  visibility: hidden;
  padding: 15px;
}
.cs_video_popup .cs_video_popup-content:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.cs_video_popup .cs_video_popup-container {
  display: inline-block;
  position: relative;
  text-align: left;
  background: #fff;
  max-width: 1380px;
  width: 100%;
  vertical-align: middle;
}
.cs_video_popup .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
}
.cs_video_popup .embed-responsive-16by9::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.cs_video_popup .embed-responsive iframe, .cs_video_popup .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.cs_video_popup .cs_video_popup-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: #d90d0d;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.cs_video_popup .cs_video_popup-close:before, .cs_video_popup .cs_video_popup-close:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  margin-left: -10px;
  transition: all 0.4s ease-in-out;
}
.cs_video_popup .cs_video_popup-close:before {
  transform: rotate(-45deg);
}
.cs_video_popup .cs_video_popup-close:after {
  transform: rotate(45deg);
}
.cs_video_popup .cs_video_popup-layer {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
.cs_video_popup .cs_video_popup-align {
  overflow: hidden;
}

/*End Video Popup*/
/************************************/
/***       Media Card Design -    ***/
/************************************/
.media-card {
  position: relative;
  margin-bottom: 30px;
  border-radius: 16px;
  display: flex;
  height: calc(100% - 30px);
  margin-top: auto;
  margin-bottom: auto;
  flex-direction: column;
  align-items: stretch;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  height: 448px;
}
.media-card:hover .media-card-image img {
  transform: scale(1.1);
}
.media-card .media-card-image figure {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 105%);
  height: 100%;
  width: 100%;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}
.media-card .media-card-image figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 85%);
  height: 100%;
  width: 100%;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.media-card .media-card-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1.36;
  transition: all 0.4s ease-in-out;
}
.media-card .media-card-body {
  transition: all 0.4s ease-in-out;
  z-index: 1;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
}
.media-card .media-card-body .media-card-title h4 {
  font-size: 30px;
  font-weight: var(--weight-medium);
  line-height: 38px;
  color: var(--white-color);
  margin-bottom: 10px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
.media-card .media-card-body .media-card-text {
  overflow: hidden;
  display: none;
}
.media-card .media-card-body .media-card-text p {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--white-color);
  margin-bottom: 0;
}

/************************************/
/***       Nav Tab Design -    ***/
/************************************/
.h-navtab.dark-tab .nav-tabs {
  border-bottom-color: var(--navy-25);
}
.h-navtab.dark-tab .nav-tabs .nav-link {
  color: var(--text-black);
}
.h-navtab.dark-tab .nav-tabs .nav-link.active, .h-navtab.dark-tab .nav-tabs .nav-link:hover {
  color: var(--primary-color);
}
.h-navtab.dark-tab .nav-tabs .nav-link:before {
  background-color: var(--primary-color);
}
.h-navtab .nav-tabs {
  margin-top: 40px;
  border-bottom: 1px solid var(--white-50);
  justify-content: center;
  padding: 0 15px;
}
.h-navtab .nav-tabs .nav-item {
  margin-right: 30px;
}
.h-navtab .nav-tabs .nav-item:last-child {
  margin-right: 0;
}
.h-navtab .nav-tabs .nav-link {
  font-size: 20px;
  font-weight: var(--weight-light);
  color: var(--white-color);
  border: none;
  border-radius: 0;
  border-bottom: 1px solid transparent;
  min-width: 200px;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.h-navtab .nav-tabs .nav-link::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translate(-50%);
  margin: 0 auto;
  width: 0;
  height: 2px;
  background-color: var(--secondary-color);
  transition: all 0.4s ease-in-out;
  transition: opacity 0.3s ease, width 0.3s ease;
  -ms-transition: opacity 0.3s ease, width 0.3s ease;
}
.h-navtab .nav-tabs .nav-link.active, .h-navtab .nav-tabs .nav-link:hover {
  background-color: transparent;
  color: var(--secondary-color);
}
.h-navtab .nav-tabs .nav-link.active:before, .h-navtab .nav-tabs .nav-link:hover:before {
  width: 100%;
}

/* Search Box */
.search-box .form-control {
  border-radius: 8px;
  font-size: 20px;
  font-weight: var(--weight-light);
  padding: 14px 45px 14px 18px;
  background: url("../../assets/images/search-normal.svg") no-repeat, var(--navy-05);
  background-position: right 15px center;
  border: none;
}
.search-box .form-control:focus {
  box-shadow: none;
  border-color: var(--text-black);
}

.form-select {
  border-radius: 8px;
  font-size: 20px;
  font-weight: var(--weight-light);
  padding: 14px 45px 14px 18px;
  background: url("../../assets/images/arrow-down.svg") no-repeat, var(--navy-05);
  background-position: right 15px center;
  border: none;
}
.form-select:focus {
  box-shadow: none;
  border-color: var(--text-black);
}

/************************************/
/*** Load More Button Design -    ***/
/************************************/
.load-more-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px 0;
}
.load-more-wrap .load-more-btn {
  background-color: var(--primary-color);
  padding: 10px 40px 10px 20px;
  max-width: 360px;
  text-align: center;
  border: 0.983548px solid var(--primary-color);
  border-radius: 12px;
  text-transform: uppercase;
  font-weight: var(--weight-medium);
  position: relative;
  cursor: pointer;
  transition: all 0.5s ease;
  color: var(--white-color);
}
.load-more-wrap .load-more-btn:hover {
  background-color: transparent;
  color: #25507c;
}
.load-more-wrap .load-more-btn:hover:after {
  color: var(--primary-color);
}
.load-more-wrap .load-more-btn:after {
  content: "\f107";
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-size: var(--default-fontsize);
  font-weight: var(--weight-bold);
  color: var(--white-color);
  right: 16px;
  top: 12px;
}

/* Info Section Industries */
.info-section-subtitle {
  text-align: center;
  font-size: 36px;
  font-weight: var(--weight-bold);
  color: var(--text-black);
  margin-bottom: 30px;
}

.info-section-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.info-section-grid .info-card {
  background: var(--white-color);
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  flex: 1;
}
.info-section-grid .info-card .info-card-content {
  padding: 46px 26px;
}
.info-section-grid .info-card.info-card-image {
  display: flex;
  flex-basis: 100%;
}
.info-section-grid .info-card.info-card-image .info-card-content {
  flex: 1;
}
.info-section-grid .info-card.info-card-image .info-card-image {
  flex: 1;
  transition: all 0.4s ease-in-out;
  position: relative;
  overflow: hidden;
}
.info-section-grid .info-card.info-card-image .info-card-image:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: var(--white-30);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}
.info-section-grid .info-card.info-card-image .info-card-image:hover:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
.info-section-grid .info-card.info-card-image .info-card-image.img-1 {
  background: url("../../assets/images/industries-1.jpg");
  background-position: center center;
  background-size: cover;
}
.info-section-grid .info-card.info-card-image .info-card-image.img-2 {
  background: url("../../assets/images/industries-2.jpg");
  background-position: center center;
  background-size: cover;
}
.info-section-grid .info-card.info-card-image .info-card-image.img-3 {
  background: url("../../assets/images/industries-3.jpg");
  background-position: center center;
  background-size: cover;
}
.info-section-grid .info-card.info-card-image .info-card-image.img-4 {
  background: url("../../assets/images/industries-4.jpg");
  background-position: center center;
  background-size: cover;
}
.info-section-grid .info-card.info-card-image .info-card-image.img-5 {
  background: url("../../assets/images/industries-5.jpg");
  background-position: center center;
  background-size: cover;
}
.info-section-grid .info-card.info-card-image .info-card-image.img-6 {
  background: url("../../assets/images/industries-6.jpg");
  background-position: center center;
  background-size: cover;
}
.info-section-grid .info-card.info-card-image .info-card-image.img-7 {
  background: url("../../assets/images/industries-7.jpg");
  background-position: center center;
  background-size: cover;
}
.info-section-grid .info-card.info-card-image .info-card-image.img-8 {
  background: url("../../assets/images/industries-8.jpg");
  background-position: center center;
  background-size: cover;
}
.info-section-grid .info-card.info-card-image .info-card-image.img-9 {
  background: url("../../assets/images/industries-9.jpg");
  background-position: center center;
  background-size: cover;
}
.info-section-grid .info-card.info-card-image .info-card-image.img-10 {
  background: url("../../assets/images/industries-10.jpg");
  background-position: center center;
  background-size: cover;
}
.info-section-grid .info-card.info-card-image .info-card-image.img-11 {
  background: url("../../assets/images/industries-11.jpg");
  background-position: center center;
  background-size: cover;
}
.info-section-grid .info-card.info-card-image .info-card-image.img-12 {
  background: url("../../assets/images/industries-12.jpg");
  background-position: center center;
  background-size: cover;
}
.info-section-grid .info-card.info-card-image .info-card-image.align-right {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.info-section-grid .info-card.info-card-image .info-card-image.align-left {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.info-section-grid .info-card .info-card-number {
  position: relative;
  height: 60px;
  width: 60px;
  background-color: var(--blue-10);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  transition: all 0.4s ease-in-out;
  color: var(--primary-color);
  font-size: var(--weight-medium);
  font-size: 26px;
  margin-bottom: 26px;
}
.info-section-grid .info-card .info-card-number:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--primary-color);
  border-radius: 50%;
  height: 100%;
  width: 100%;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
}
.info-section-grid .info-card .info-card-text {
  color: var(--text-black);
  font-size: var(--weight-light);
  font-size: 26px;
  line-height: 30px;
}

.section-btn {
  margin-top: 40px;
  text-align: center;
  display: block;
}

/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. Topbar css
03. Header css
04. Hero css
05. Services css
06. We are DEV IT css
07. About Us css
08. Latest Project css
09. Achievement css
10. Testimonial css
11. Our Blog css
12. Quick Inquiry css
13. InnerPages --- Cloud Services css
14. InnerPages --- Cloud Services sub pages css
15. InnerPages --- Case Studies Pages css
16. InnerPages --- Blog Pages css
17. InnerPages --- Leadership Team Page css
18. InnerPages --- Board of Directors Page css

-------------------------------------------------------------------------------------- */
body.in-iframe header, body.in-iframe .topbar, body.in-iframe footer {
  display: none !important;
}

#casestudyModal .btn-close {
  position: absolute;
  right: 65px;
  top: 35px;
  z-index: 1;
  background-color: var(--white-color);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 12px;
  opacity: 1;
}
#casestudyModal iframe {
  border-radius: 15px;
}

/************************************/
/**** 	   02. Topbar css		 ****/
/************************************/
.topbar {
  background-color: var(--white-40);
  z-index: 2;
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid rgba(225, 225, 225, 0.4901960784);
}
.topbar .topbar-menu-links {
  text-align: right;
}
.topbar .topbar-menu-links ul li {
  padding: 0 10px;
  border-right: 1px solid rgba(37, 80, 124, 0.1803921569);
  display: inline-block;
}
.topbar .topbar-menu-links ul li:last-child {
  margin-right: 0;
  border-right: none;
}
.topbar .topbar-menu-links ul li a {
  font-size: 16px;
  font-weight: var(--weight-light);
  color: var(--navy-90);
}
.topbar .topbar-menu-links ul li a:hover {
  color: var(--primary-color);
}
.topbar .topbar-menu-links ul li a em, .topbar .topbar-menu-links ul li a i {
  font-weight: 600;
}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/
header.main-header {
  position: relative;
  z-index: 100;
  background-color: var(--white-40);
}
header.main-header.navbar-sticky-on {
  position: fixed;
  z-index: 1020;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--white-color);
  animation: fadeInDown 0.5s;
  width: 100%;
}
header.main-header .header-sticky {
  position: relative;
  top: 0;
  z-index: 100;
  transition: all 0.3s ease;
}
header.main-header .header-sticky.hide {
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
  border-radius: 0;
}
header.main-header .header-sticky.active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  transform: translateY(0);
  border-bottom: 1px solid var(--dark-divider-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
header.main-header .header-sticky.active .navbar {
  border-bottom: none;
}

.navbar {
  padding: 17px 0 0;
  align-items: center;
  border-bottom: 1px solid var(--dark-divider-color);
}

.navbar-brand {
  padding: 0 0 17px;
  margin: 0;
}

.header-btn {
  margin-bottom: 17px;
}

.main-menu .nav-menu-wrapper {
  flex: 1;
  text-align: center;
  margin-left: 40px;
}
.main-menu .nav-menu-wrapper > ul {
  align-items: center;
  display: inline-flex;
}
.main-menu ul > li {
  margin: 0 6px;
}
.main-menu ul > li.nav-item > a {
  font-family: var(--default-font);
  font-size: 18px;
  font-weight: var(--weight-light);
  padding: 17px 14px 30px;
  color: var(--navy-75);
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}
.main-menu ul > li.nav-item > a:hover {
  color: var(--text-black);
}
.main-menu ul > li.nav-item > a:focus {
  color: var(--text-black);
}
.main-menu ul > li a.dropdown-toggle:after {
  content: none;
}
.main-menu ul > li:hover > ul, .main-menu ul > li:hover > .mega-menu {
  visibility: visible;
  opacity: 1;
  transform: scaleY(1);
  pointer-events: auto;
}
.main-menu ul li.submenu > a i {
  font-size: 16px;
  margin-left: 5px;
}
.main-menu ul li.submenu ul li.submenu > a:after {
  content: "\f105";
  float: right;
}
.main-menu ul ul, .main-menu ul .mega-menu {
  visibility: hidden;
  opacity: 0;
  z-index: 3;
  transform: scaleY(0.8);
  transform-origin: top;
  padding: 0;
  margin: 0;
  list-style: none;
  border-radius: 20px;
  position: absolute;
  left: 0;
  top: 100%;
  background-color: var(--white-color);
  transition: all 0.3s ease-in-out;
  text-align: left;
}
.main-menu ul .mega-menu {
  z-index: 999;
  pointer-events: none;
}
.main-menu ul .mega-menu ul {
  top: 0;
  text-align: left;
  opacity: 1;
  visibility: visible;
  position: relative;
  transform: scaleY(1);
  margin-bottom: 20px;
}
.main-menu ul .mega-menu li {
  margin-bottom: 10px;
}
.main-menu ul .mega-menu li a {
  font-family: var(--default-font);
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}
.main-menu ul .mega-menu li a:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%) scaleX(0);
  width: 13px;
  height: 2px;
  background: var(--primary-color);
  transform-origin: left;
  transition: transform 0.3s ease, color 0.3s ease;
}
.main-menu ul .mega-menu li a:hover {
  color: var(--primary-color);
  transform: translateX(15px);
}
.main-menu ul .mega-menu li a:hover:before {
  transform: translateY(-50%) scaleX(1);
}
.main-menu ul .mega-menu li a:focus {
  color: var(--primary-color);
  transform: translateX(15px);
}
.main-menu ul .mega-menu li a:focus:before {
  transform: translateY(-50%) scaleX(1);
}

.dd-menu-left-content {
  height: 100%;
  display: flex;
  background-color: #202231;
  flex-direction: column;
  padding: 80px 20px;
  border-radius: 10px 0 0 10px;
  justify-content: center;
}
.dd-menu-left-content .learnmore-btn {
  display: flex;
  justify-content: start;
  align-items: start;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dashed #666 svg;
  border-top-width: 20px;
  border-top-height: 20px path;
  border-top-height-stroke: #000;
}
.dd-menu-left-content p {
  font-size: 18px;
  font-weight: 400;
  color: var(--white-color);
}
.dd-menu-left-content .dd-menu-name {
  line-height: 1.2;
  font-size: 2.75rem;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--white-color);
  margin-bottom: 16px;
  border-bottom: #8e909f dashed 1px;
  padding-bottom: 16px;
}

.dd-menu-right-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 30px 20px;
}
.dd-menu-right-content .company-product-logo {
  padding-right: 40px;
}
.dd-menu-right-content .company-product-logo a:hover {
  left: 0;
}
.dd-menu-right-content .company-product-logo .cta {
  width: auto;
  max-width: inherit;
  display: table;
}
.dd-menu-right-content .company-product-logo .cta:before {
  right: -20px;
}
.dd-menu-right-content .company-product-logo .cta:hover svg {
  fill: none;
}
.dd-menu-right-content .company-product-logo .cta:hover:before {
  right: 16px;
}
.dd-menu-right-content .company-product-logo .top-product-menu {
  margin-right: 0;
  margin-left: 6px;
}
.dd-menu-right-content a {
  display: block;
}
.dd-menu-right-content a.read-more-link {
  margin-top: 15px;
  padding: 0;
  display: inline-block;
}
.dd-menu-right-content a.read-more-link .icon.icon-send {
  stroke: var(--text-black);
}
.dd-menu-right-content .col-md-6:last-child h4, .dd-menu-right-content .col-md-6:nth-last-child(2) h4 {
  border-bottom: none;
}
.dd-menu-right-content ul li {
  padding-left: 0;
}
.dd-menu-right-content p {
  font-size: 16px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #ccc;
  color: #696f73;
}
.dd-menu-right-content img {
  height: 38px;
  width: auto;
}
.dd-menu-right-content .cta {
  margin-top: 30px;
  max-width: 210px;
  padding: 0;
  color: #696f73;
}
.dd-menu-right-content .cta:before {
  right: 25px;
  background: #d2d9dd;
}
.dd-menu-right-content .cta:hover {
  color: #f58f29;
}
.dd-menu-right-content .cta:hover:before {
  width: 37px;
  background: #f5dec5;
  right: 60px;
}
.dd-menu-right-content .cta:hover svg {
  transform: translateX(0);
  fill: #f58f29;
}
.dd-menu-right-content .cta:hover svg g [stroke] {
  stroke: #f58f29;
}
.dd-menu-right-content .dd-nav-menu-name {
  color: #202231;
  margin-bottom: 15px;
  font-size: 1.3rem;
  border-bottom: 1px #b0bbc8 dashed;
  padding-bottom: 15px;
}
.dd-menu-right-content .dd-nav-menu-name a {
  color: #202231;
  font-weight: 700;
  font-size: 1.3rem;
  transition: all 0.2s ease-in-out;
}
.dd-menu-right-content .dd-nav-menu-name a span {
  font-weight: normal;
  display: block;
  font-size: 16px;
  margin-top: 3px;
  color: #696f73;
}
.dd-menu-right-content .dd-nav-menu-name a:hover:before {
  display: none;
}
.dd-menu-right-content .dd-nav-menu-name:hover a {
  color: var(--primary-color);
}

.responsive-menu {
  display: none;
  top: 0;
  position: relative;
}

.navbar-toggler {
  display: none;
}
.navbar-toggler.slicknav_btn[aria-expanded=true] .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
  transform: rotate(-45deg) translate(-5px, 5px);
}
.navbar-toggler.slicknav_btn[aria-expanded=true] .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
  opacity: 0;
}
.navbar-toggler.slicknav_btn[aria-expanded=true] .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
  transform: rotate(45deg) translate(-5px, -5px);
}

.slicknav_btn {
  background: var(--primary-color);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin: 0;
  border-radius: 0;
  margin-bottom: 17px;
  border-radius: 5px;
}

.slicknav_icon .slicknav_icon-bar {
  display: block;
  width: 100%;
  height: 3px;
  width: 22px;
  background-color: var(--white-color);
  border-radius: 6px;
  margin: 4px auto !important;
  transition: all 0.1s ease-in-out;
}
.slicknav_icon .slicknav_icon-bar:first-child {
  margin-top: 0 !important;
}
.slicknav_icon .slicknav_icon-bar:last-child {
  margin-bottom: 0 !important;
}

.slicknav_menu {
  position: absolute;
  width: 100%;
  padding: 0;
  background: var(--primary-color);
}
.slicknav_menu ul ul {
  margin: 0;
}
.slicknav_menu ul ul li a {
  padding: 10px 20px 10px 30px;
}

.slicknav_nav .slicknav_row {
  position: relative;
  font-family: var(--default-font);
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 10px 20px;
  color: var(--accent-color);
  line-height: normal;
  margin: 0;
  border-radius: 0 !important;
  transition: all 0.3s ease-in-out;
}
.slicknav_nav .slicknav_row:hover {
  background-color: var(--accent-color);
  color: var(--accent-color);
}
.slicknav_nav li a {
  position: relative;
  font-family: var(--default-font);
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 10px 20px;
  line-height: normal;
  margin: 0;
  border-radius: 0 !important;
  transition: all 0.3s ease-in-out;
}
.slicknav_nav a:hover {
  background-color: transparent;
}
.slicknav_nav a:focus {
  background-color: transparent;
}

.slicknav_arrow {
  font-size: 0 !important;
}
.slicknav_arrow:after {
  content: "\f107";
  font-family: var(--default-font);
  font-weight: 900;
  font-size: 12px;
  margin-left: 8px;
  color: var(--accent-color);
  position: absolute;
  right: 15px;
  top: 15px;
  transition: all 0.3s ease-out;
}

.slicknav_open > a .slicknav_arrow:after {
  transform: rotate(-180deg);
  color: var(--accent-color);
}

/************************************/
/***        04. Hero css	      ***/
/************************************/
.hero {
  position: relative;
  padding: 220px 0 30px;
  margin-top: -118px;
}
.hero .row {
  position: relative;
}

.hero.hero-video .hero-bg-video {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.hero.hero-video .hero-bg-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero.hero-slider-layout {
  background: none;
  padding: 0;
}
.hero.hero-slider-layout .hero-slide {
  position: relative;
  padding: 280px 0 250px;
  min-height: 100vh;
}
.hero.hero-slider-layout .hero-slide::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(25, 35, 36, 0) 0%, rgba(25, 35, 36, 0.4) 80.94%);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.hero.hero-slider-layout .hero-slide .hero-slider-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.hero.hero-slider-layout .hero-slide .hero-slider-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero.hero-slider-layout .hero-pagination {
  position: absolute;
  bottom: 50px;
  text-align: left;
  padding-left: calc((100vw - 1300px) / 2);
  z-index: 2;
}
.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--white-color);
  opacity: 1;
  transition: all 0.3s ease-in-out;
  margin: 0 5px;
}
.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color);
}

.hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
}
.hero-content .section-title .section-label {
  color: #1a1a1a;
  border: 1.33333px solid var(--white-color);
  box-shadow: 0px 2.66667px 4px rgba(183, 183, 183, 0.25);
  border-radius: 30px;
  background: var(--white-40);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 20px 6px 38px;
  position: relative;
  font-size: 20px;
  line-height: 1.6em;
  font-weight: var(--weight-light);
  margin-bottom: 20px;
}
.hero-content .section-title .section-label span.dot {
  width: 8px;
  height: 8px;
  background-color: var(--secondary-color);
  border-radius: 50rem;
  position: absolute;
  left: 15px;
  box-shadow: 0 0 0px 3px rgba(245, 143, 41, 0.31);
}
.hero-content .section-title .section-label::before {
  content: "";
  background: url("../../assets/images/Union.png") no-repeat;
  background-size: contain;
  width: 187px;
  position: absolute;
  left: -109px;
  height: 58px;
  top: -7px;
  transform: none;
}
.hero-content .section-title .section-label::after {
  content: "";
  background: url("../../assets/images/Union2.png") no-repeat;
  background-size: contain;
  width: 187px;
  position: absolute;
  right: -109px;
  height: 58px;
  top: -7px;
  transform: none;
}
.hero-content .section-title .section-label em, .hero-content .section-title .section-label i {
  font-weight: 600;
}
.hero-content .section-title .section-label-secondary {
  color: #1a1a1a;
  border: 1.33333px solid var(--white-color);
  box-shadow: 0px 2.66667px 4px rgba(183, 183, 183, 0.25);
  border-radius: 30px;
  background: var(--white-40);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 20px 6px 38px;
  position: relative;
  font-size: 20px;
  line-height: 1.6em;
  font-weight: var(--weight-light);
  margin-bottom: 20px;
}
.hero-content .section-title .section-label-secondary span.dot {
  width: 8px;
  height: 8px;
  background-color: var(--secondary-color);
  border-radius: 50rem;
  position: absolute;
  left: 15px;
  box-shadow: 0 0 0px 3px rgba(245, 143, 41, 0.31);
}
.hero-content .section-title .section-label-secondary em, .hero-content .section-title .section-label-secondary i {
  font-weight: 600;
}
.hero-content .section-title h1 {
  color: var(--text-black);
}
.hero-content .section-title h1 span {
  color: var(--secondary-color);
  position: relative;
  display: inline-block;
}
.hero-content .section-title p {
  color: var(--navy-75);
  width: 100%;
  font-weight: var(--weight-light);
}
.hero-content .btn-default.btn-highlighted {
  margin-left: 30px;
}
.hero-content .btn-play {
  height: 53px;
  width: 53px;
  line-height: 53px;
  border-radius: 50%;
  padding: 0;
  text-align: center;
  outline: 1px solid var(--blue-15);
  outline-offset: 6px;
  background-color: var(--primary-color);
  transition: all 0.3s ease-in-out;
  color: var(--white-color);
}
.hero-content .btn-play:hover {
  box-shadow: 0 0 0 8px var(--blue-25);
  outline: none;
}
.hero-content .hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 20px;
}

.section-label-secondary {
  color: #1a1a1a;
  border: 1.33333px solid var(--white-color);
  box-shadow: 0px 2.66667px 4px rgba(183, 183, 183, 0.25);
  border-radius: 30px;
  background: var(--white-40);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 20px 6px 38px;
  position: relative;
  font-size: 20px;
  line-height: 1.6em;
  font-weight: var(--weight-light);
  margin-bottom: 20px;
}
.section-label-secondary span.dot {
  width: 8px;
  height: 8px;
  background-color: var(--secondary-color);
  border-radius: 50rem;
  position: absolute;
  left: 15px;
  box-shadow: 0 0 0px 3px rgba(245, 143, 41, 0.31);
}
.section-label-secondary em, .section-label-secondary i {
  font-weight: 600;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}
.header-btn .icon {
  margin-top: -4px;
}

.global-brand-slider .company-logo {
  text-align: center;
}
.global-brand-slider .company-logo img {
  width: auto;
  max-height: 70px;
}
.global-brand-slider .swiper-wrapper {
  align-items: center;
  transition-timing-function: linear !important;
}

/************************************/
/***        05. Services css	  ***/
/************************************/
.our-services {
  padding: 65px 0;
  background: var(--blue-98);
  position: relative;
}
.our-services .all-services-btn {
  text-align: center;
  margin-top: 20px;
}
.our-services .button-container {
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.our-services .button-container .swiper-button-next, .our-services .button-container .swiper-button-prev {
  background-color: var(--white-color);
  border-radius: 50rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  top: 60%;
}
.our-services .button-container .swiper-button-next {
  right: 74px;
}
.our-services .button-container .swiper-button-next:after {
  content: "";
  background: url("../../assets/images/arrow-left.svg") no-repeat;
  width: 25px;
  height: 25px;
}
.our-services .button-container .swiper-button-prev {
  left: 74px;
}
.our-services .button-container .swiper-button-prev:after {
  content: "";
  background: url("../../assets/images/arrow-right.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.service-item {
  position: relative;
  height: calc(100% - 30px);
  margin-bottom: 30px;
}
.service-item .service-image a {
  display: block;
}
.service-item .service-image a figure {
  border-radius: 8px;
}
.service-item .service-image a figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 45%);
  height: 100%;
  width: 100%;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.service-item .service-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1.36;
  transition: all 0.4s ease-in-out;
}
.service-item:hover .service-image a figure:before {
  -webkit-backdrop-filter: blur(27px);
          backdrop-filter: blur(27px);
}
.service-item:hover .service-image img {
  transform: scale(1.1);
}
.service-item:hover .service-content .service-list, .service-item:hover .service-btn {
  opacity: 1;
  visibility: visible;
}
.service-item .service-btn {
  position: absolute;
  bottom: 20px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  z-index: 1;
  left: 40px;
}
.service-item .service-btn .btn-secondary {
  font-size: 18px;
  padding: 10px 15px;
  line-height: 24px;
}
.service-item .service-content {
  position: absolute;
  top: 40px;
  left: 40px;
  right: 40px;
  z-index: 1;
}
.service-item .service-content h3 {
  font-size: 36px;
  font-weight: var(--weight-medium);
  line-height: 44px;
  text-transform: capitalize;
  color: var(--white-color);
  margin-bottom: 10px;
}
.service-item .service-content h3 a {
  color: inherit;
}
.service-item .service-content p {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--white-75);
  margin-bottom: 0;
}
.service-item .service-content .service-list {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin-top: 25px;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.service-item .service-content .service-list ul {
  padding-left: 16px;
}
.service-item .service-content .service-list ul li {
  list-style-type: disc;
  color: var(--white-color);
  margin-bottom: 5px;
}
.service-item .service-content .service-list ul li a {
  font-size: 16px;
  font-weight: var(--weight-light);
  color: var(--white-color);
  position: relative;
  padding-bottom: 5px;
}
.service-item .service-content .service-list ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--white-color);
  transition: width 0.25s ease-out;
}
.service-item .service-content .service-list ul li a:hover:before {
  width: 100%;
}

/************************************/
/***        06. We are DEV IT css  ***/
/************************************/
.we-are-devit {
  width: 100%;
  padding: 320px 0 268px;
  position: relative;
  background-color: var(--text-black);
  clip-path: polygon(0 100%, 0 30%, 0% 12%, 100% 0%, 100% 100%);
  margin-top: -260px;
  background-position: center 295px;
  /* Overlay Image */
  /* Company Info */
  /* Divider Container */
}
.we-are-devit .stats-card {
  border-radius: 8px;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  flex-direction: column;
  align-items: stretch;
  background: url("../../assets/images/bg-abstract.png") no-repeat center top, var(--white-color);
  /* Stats Divider */
  /* Stats Highlight */
}
.we-are-devit .stats-card .stats-body {
  position: relative;
}
.we-are-devit .stats-card .stats-body .stats-top {
  padding: 30px 30px 20px;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  flex-direction: column;
  align-items: stretch;
  height: 307px;
  position: relative;
}
.we-are-devit .stats-card .stats-body .stats-bottom {
  padding: 40px 30px;
}
.we-are-devit .stats-card .stats-number-label {
  font-size: 30px;
  font-weight: var(--weight-light);
  line-height: 1;
  margin-bottom: 120px;
}
.we-are-devit .stats-card .stats-content {
  color: #202231;
  position: absolute;
  bottom: 10px;
  left: 30px;
  right: 30px;
  /* Stats Description */
}
.we-are-devit .stats-card .stats-content .stats-title {
  font-size: 30px;
  font-weight: var(--weight-medium);
  line-height: 1;
  margin: 0 0 10px 0;
}
.we-are-devit .stats-card .stats-content .stats-description {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  margin-top: 4px;
  flex: 1;
  color: var(--navy-75);
}
.we-are-devit .stats-card .stats-divider {
  width: 100%;
  stroke-width: 1px;
  margin: 0;
  stroke: var(--navy-25);
  border: none;
  height: 1px;
  background-color: var(--navy-25);
}
.we-are-devit .stats-card .stats-highlight {
  font-size: 72px;
  font-weight: var(--weight-bold);
  line-height: 1;
  align-self: flex-start;
  margin-bottom: 0;
}
.we-are-devit .bottom-heading {
  text-align: right;
}
.we-are-devit .section-heading {
  font-size: 200px;
  font-weight: var(--weight-bold);
  color: var(--white-color);
  margin: 0;
  line-height: 135px;
}
.we-are-devit .overlay-image {
  aspect-ratio: 1.81;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  z-index: 1;
  margin-top: -645px;
  max-width: 1515px;
  position: relative;
}
.we-are-devit .company-info {
  margin-top: 60px;
  width: 100%;
  position: relative;
  z-index: 2;
}
.we-are-devit .company-info .info-content {
  display: flex;
  margin-top: 30px;
  width: 100%;
  align-items: flex-start;
  gap: 24px;
  font-family: var(--default-font);
  font-size: 18px;
  color: var(--white-color);
  font-weight: var(--weight-light);
  justify-content: flex-start;
  flex-wrap: wrap;
  /* Read More Container */
}
.we-are-devit .company-info .info-content .info-heading {
  font-size: 30px;
  font-weight: var(--weight-medium);
  line-height: 38px;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
  width: 288px;
}
.we-are-devit .company-info .info-content .info-description {
  color: var(--white-color);
  line-height: 24px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 671px;
  margin: 0;
}
.we-are-devit .company-info .info-content .read-more-container {
  display: flex;
  padding-top: 16px;
  align-items: flex-end;
  text-align: center;
  line-height: 1;
  justify-content: flex-end;
  flex-grow: 1;
  flex-shrink: 1;
  /* Read More Link */
  /* Read More Text and Icon Container */
  /* Read More Text */
  /* Read More Icon */
}
.we-are-devit .company-info .info-content .read-more-container .read-more-link {
  border-radius: 100px;
  background-color: var(--white-25);
  border: 1px solid var(--white-75);
  display: flex;
  padding: 16px 20px;
  transition: background-color 0.3s ease;
}
.we-are-devit .company-info .info-content .read-more-container .read-more-link:hover {
  background-color: var(--white-35);
  color: var(--white-color);
}
.we-are-devit .company-info .info-content .read-more-container .read-more-link {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: flex-start;
}
.we-are-devit .company-info .info-content .read-more-container .read-more-text {
  align-self: stretch;
  margin-top: auto;
  margin-bottom: auto;
}
.we-are-devit .company-info .info-content .read-more-container .read-more-icon {
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 24px;
  align-self: stretch;
  margin-top: auto;
  margin-bottom: auto;
  flex-shrink: 0;
}
.we-are-devit .divider-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.we-are-devit .divider-container .divider-wrapper {
  align-self: stretch;
  min-width: 38px;
  margin-top: auto;
  margin-bottom: auto;
  min-height: 2px;
  width: 100%;
  padding-top: 1px;
  flex: 1;
}
.we-are-devit .divider-container .divider-wrapper .horizontal-divider {
  border-top: 1px solid var(--white-25);
  display: flex;
  min-height: 1px;
  width: 100%;
  margin: 0;
}
.we-are-devit .threeD-animation {
  display: flex;
  align-items: center;
  justify-content: center;
}
.we-are-devit .threeD-animation img {
  animation: spinner 55s infinite linear;
  z-index: 1;
  position: absolute;
  top: 20%;
}

/************************************/
/***        07. About Us css      ***/
/************************************/
.about-us {
  padding-bottom: 65px;
  padding-top: 20px;
}
.about-us .about-us-image {
  margin-top: -172px;
  z-index: 3;
  position: relative;
}
.about-us .about-us-image:hover figure img {
  transform: scale(1.1);
}
.about-us .about-us-image figure {
  border-radius: 10px;
  width: 97%;
}
.about-us .about-us-image figure img {
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease-in-out;
  border-radius: 10px;
  width: 100%;
}
.about-us .about-us-content .section-title {
  margin-bottom: 20px;
}
.about-us .about-us-content .about-us-content-body {
  margin-bottom: 90px;
}
.about-us .about-us-content .about-us-content-body .about-us-content-list {
  margin-bottom: 21px;
}
.about-us .about-us-content .about-us-content-body .about-us-content-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.about-us .about-us-content .about-us-content-body .about-us-content-list ul li {
  position: relative;
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
  padding-left: 20px;
  margin-bottom: 15px;
  display: inline-block;
}
.about-us .about-us-content .about-us-content-body .about-us-content-list ul li:last-child {
  margin-bottom: 0;
}
.about-us .about-us-content .about-us-content-body .about-us-content-list ul li:before {
  content: "\f00c";
  position: absolute;
  font-family: "FontAwesome";
  font-size: 16px;
  font-weight: 900;
  line-height: normal;
  color: var(--secondary-color);
  display: inline-block;
  top: 5px;
  left: 0;
}
.about-us .about-us-content .social-links .social-link-title {
  margin-bottom: 20px;
}
.about-us .about-us-content .social-links .social-link-title h3 {
  font-size: 22px;
  font-weight: var(--weight-medium);
  text-transform: capitalize;
  color: var(--text-black);
}
.about-us .about-us-content .social-links ul li {
  display: inline-flex;
  margin-right: 10px;
}
.about-us .about-us-content .social-links ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--navy-25);
  border-radius: 50%;
  height: 40px;
  width: 40px;
  transition: all 0.3s ease-in-out;
}
.about-us .about-us-content .social-links ul li a i {
  font-size: 16px;
  color: var(--text-black);
  transition: all 0.3s ease-in-out;
}
.about-us .about-us-content .social-links ul li a:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.about-us .about-us-content .social-links ul li a:hover i {
  color: var(--white-color);
}

/************************************/
/***     08. Latest Project css   ***/
/************************************/
.latest-project {
  position: relative;
}

.masonary.odd .col-lg-6:nth-child(odd) {
  position: relative;
  padding-top: 130px;
}
.masonary.odd .col-lg-6:nth-child(odd):nth-last-child(2) {
  margin-bottom: 0;
}
.masonary.even .col-lg-6:nth-child(even) {
  position: relative;
  padding-top: 130px;
}
.masonary.even .col-lg-6:nth-child(even):last-child {
  margin-bottom: 0;
}

.post-item {
  height: calc(100% - 30px);
  margin-bottom: 30px;
  position: relative;
  padding: 0 22px;
}
.post-item .post-featured-image {
  margin-bottom: 20px;
  border-radius: 10px;
  position: relative;
}
.post-item .post-featured-image figure {
  display: block;
  border-radius: 10px;
}
.post-item .post-featured-image figure a {
  display: block;
  border-radius: 10px;
}
.post-item .post-featured-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease-in-out;
  border-radius: 10px;
}
.post-item .post-featured-image .arrow-btn {
  position: absolute;
  bottom: 35px;
  right: 35px;
  z-index: 1;
}
.post-item:hover .post-featured-image img {
  transform: scale(1.1);
}
.post-item:hover .post-featured-image .arrow-btn a {
  background-color: var(--secondary-color);
}
.post-item:hover .post-featured-image .arrow-btn a .icon {
  transform: none;
}
.post-item:hover .post-featured-image .arrow-btn a .icon.icon-send {
  stroke: var(--white-color);
}
.post-item .post-item-content {
  margin-bottom: 25px;
}
.post-item .post-item-content h3 {
  margin-bottom: 10px;
}
.post-item .post-item-content h3 a {
  color: var(--text-black);
  font-size: 30px;
  font-weight: var(--weight-medium);
  line-height: 1.4em;
}
.post-item .post-item-content p {
  color: var(--navy-50);
  line-height: 24px;
  font-size: 18px;
}
.post-item .post-item-category {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
}
.post-item .post-item-category a, .post-item .post-item-category .category-label {
  padding: 6px 15px;
  font-size: 14px;
  font-weight: var(--weight-light);
  color: var(--text-black);
  line-height: 20px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  background: var(--gray-08);
  border-radius: 7px;
}
/************************************/
/***     09. Achievement css      ***/
/************************************/
.achievement {
  position: relative;
}

.awards-container .award-card {
  border-radius: 16px;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  flex-direction: column;
  align-items: stretch;
  background-color: #f0f0f0;
  padding: 25px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  position: relative;
  height: 452px;
}
.awards-container .award-card:hover .award-content .arrow-btn a {
  background-color: var(--primary-color);
}
.awards-container .award-card:hover .award-content .arrow-btn a .icon {
  stroke: var(--white-color);
  transform: none;
}
.awards-container .award-card .award-content {
  position: relative;
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 25px;
}
.awards-container .award-card .award-content .award-title {
  font-size: 22px;
  font-weight: var(--weight-bold);
  line-height: 29px;
  margin-bottom: 16px;
  color: var(--text-black);
}
.awards-container .award-card .award-content .award-description {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-75);
  margin-bottom: 16px;
}
.awards-container .award-card .award-content .arrow-btn a {
  background-color: var(--blue-15);
}
.awards-container .award-card .award-content .arrow-btn a .icon {
  stroke: var(--primary-color);
}

/************************************/
/***     10. Testimonial css      ***/
/************************************/
.testimonial {
  width: 100%;
  padding: 420px 0 92px;
  position: relative;
  background-color: var(--text-black);
  clip-path: polygon(0 100%, 0 30%, 0% 16%, 100% 0%, 100% 100%);
  margin-top: -330px;
}
.testimonial .testimonial-slider .swiper-slide {
  width: 57%;
}
.testimonial .testimonial-box {
  padding-left: calc((100vw - 1572px) / 2);
}
.testimonial .testimonial-card {
  border-radius: 8px;
  background-color: var(--gray-08);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.testimonial .testimonial-card .testimonial-content {
  flex-basis: 80%;
  padding: 0 30px 0 14px;
}
.testimonial .testimonial-card .testimonial-header {
  width: 100%;
}
.testimonial .testimonial-card .testimonial-header .logo-container .logo-image {
  aspect-ratio: 2.79;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 120px;
}
.testimonial .testimonial-card .testimonial-quote {
  color: var(--white-color);
  margin-top: 40px;
  width: 100%;
  padding-right: 40px;
  font-size: 24px;
  font-weight: var(--weight-light);
  line-height: 34px;
  transition: all 0.2s linear;
}
.testimonial .testimonial-card .testimonial-footer {
  display: flex;
  margin-top: 33px;
  min-height: 140px;
  width: 100%;
  padding-top: 61px;
  align-items: flex-end;
  font-weight: var(--weight-light);
  justify-content: flex-start;
  background-color: transparent;
}
.testimonial .testimonial-card .testimonial-footer .author-info {
  align-self: stretch;
  margin-top: auto;
  margin-bottom: auto;
}
.testimonial .testimonial-card .testimonial-footer .author-name {
  color: var(--white-color);
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
  margin: 0;
}
.testimonial .testimonial-card .testimonial-footer .author-details {
  margin-top: 8px;
  font-size: var(--default-fontsize);
  font-weight: var(--weight-light);
  color: var(--white-75);
}
.testimonial .testimonial-card .testimonial-footer .author-title, .testimonial .testimonial-card .testimonial-footer .author-location {
  margin: 0;
}
.testimonial .testimonial-card .testimonial-image-container {
  border-radius: 8px;
  display: flex;
  width: 349px;
  height: 538px;
  max-height: 538px;
  max-width: 349px;
  align-items: center;
  overflow: hidden;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0;
  flex: 1 0 auto;
}
.testimonial .testimonial-card .testimonial-image-container .testimonial-image {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  align-self: stretch;
  margin-top: auto;
  margin-bottom: auto;
}
.testimonial .button-container {
  position: relative;
}
.testimonial .button-container .swiper-button-next, .testimonial .button-container .swiper-button-prev {
  background-color: var(--white-color);
  border-radius: 50rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  top: -40px;
}
.testimonial .button-container .swiper-button-next {
  right: 0;
}
.testimonial .button-container .swiper-button-next:after {
  content: "";
  background: url("../../assets/images/arrow-left.svg") no-repeat;
  width: 25px;
  height: 25px;
}
.testimonial .button-container .swiper-button-prev {
  left: auto;
  right: 70px;
  background: rgba(136, 136, 137, 0.12);
}
.testimonial .button-container .swiper-button-prev:after {
  content: "";
  background: url("../../assets/images/arrow-right.svg") no-repeat;
  width: 25px;
  height: 25px;
  filter: invert(1);
}

/************************************/
/***     11. Our Blog css         ***/
/************************************/
.our-blog {
  position: relative;
}

.blog-card .blog-image {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 100%;
}
.blog-card figure {
  display: block;
  border-radius: 8px;
}
.blog-card figure a {
  display: block;
  border-radius: 8px;
}
.blog-card figure a img {
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease-in-out;
  border-radius: 8px;
}
.blog-card .blog-content {
  margin-top: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}
.blog-card .blog-content .blog-meta {
  display: flex;
  align-items: start;
  font-size: var(--default-font);
  color: var(--text-black);
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--navy-15);
}
.blog-card .blog-content .blog-meta a {
  color: var(--text-black);
}
.blog-card .blog-content .blog-meta .blog-date {
  text-align: right;
}
.blog-card .blog-content .blog-text-content {
  margin-top: 12px;
  color: var(--text-black);
}
.blog-card .blog-content .blog-text-content .blog-title a {
  color: var(--text-black);
  font-size: 22px;
  font-weight: var(--weight-bold);
  line-height: 29px;
  margin: 0;
}
.blog-card .blog-content .blog-text-content .blog-description {
  color: var(--text-black);
  font-size: 18px;
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.blog-card .blog-content .blog-text-content .read-more-link .icon {
  stroke: var(--text-black);
}
.blog-card .blog-read-more {
  margin-top: 12px;
  color: var(--text-black);
}
.blog-card .blog-read-more .read-more-link .icon {
  stroke: var(--text-black);
}
.blog-card:hover .blog-content .blog-text-content .blog-title a {
  color: var(--primary-color);
}
.blog-card:hover .blog-content .blog-text-content .read-more-link {
  color: var(--primary-color);
}
.blog-card:hover .blog-content .blog-text-content .read-more-link .icon {
  stroke: var(--primary-color);
}
.blog-card:hover .blog-content .blog-meta a {
  color: var(--primary-color);
}
.blog-card:hover .blog-content .blog-read-more .read-more-link {
  color: var(--primary-color);
}
.blog-card:hover .blog-content .blog-read-more .read-more-link .icon {
  stroke: var(--primary-color);
}
.blog-card:hover figure a img {
  transform: scale(1.1);
}

/************************************/
/***     12. Quick Inquiry css    ***/
/************************************/
.quick-inquiry {
  position: relative;
  background-color: #EBEEF0;
}
.quick-inquiry .section-title .section-label-secondary {
  color: #1a1a1a;
  border: 1.33333px solid var(--white-color);
  box-shadow: 0px 2.66667px 4px rgba(183, 183, 183, 0.25);
  border-radius: 30px;
  background: var(--white-40);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 20px 6px 38px;
  position: relative;
  font-size: 20px;
  line-height: 1.6em;
  font-weight: var(--weight-light);
  margin-bottom: 20px;
}
.quick-inquiry .section-title .section-label-secondary span.dot {
  width: 8px;
  height: 8px;
  background-color: var(--secondary-color);
  border-radius: 50rem;
  position: absolute;
  left: 15px;
  box-shadow: 0 0 0px 3px rgba(245, 143, 41, 0.31);
}
.quick-inquiry .section-title .section-label-secondary em, .quick-inquiry .section-title .section-label-secondary i {
  font-weight: 600;
}
.quick-inquiry .quick-inquiry-content {
  padding: 20px 6rem 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-right: 6rem;
}
.quick-inquiry .inquiry-form {
  position: relative;
  z-index: 1;
}
.quick-inquiry .inquiry-form .blue-circle, .quick-inquiry .inquiry-form .orange-circle {
  filter: blur(112px);
  position: absolute;
  width: 282px;
  height: 282px;
  opacity: 0.3;
  z-index: -1;
}
.quick-inquiry .inquiry-form .blue-circle {
  background: linear-gradient(180deg, #0674E5 0%, #0674E5 100%);
  top: -60px;
  right: -50px;
}
.quick-inquiry .inquiry-form .orange-circle {
  background: linear-gradient(180deg, #F58F29 0%, #F58F29 100%);
  bottom: -40px;
  left: -50px;
}
.quick-inquiry .inquiry-form .form-area {
  background: rgba(255, 255, 255, 0.4);
  border: 1.33333px solid #FFFFFF;
  box-shadow: 0px 2px 4px rgba(183, 183, 183, 0.25);
  border-radius: 16px;
  padding: 22px;
}
.quick-inquiry .inquiry-form form {
  background-color: #fff;
  padding: 15px;
  border-radius: 16px;
}
.quick-inquiry .inquiry-form form h3 {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  font-weight: 500;
}
.quick-inquiry .inquiry-form form input, .quick-inquiry .inquiry-form form select, .quick-inquiry .inquiry-form form textarea {
  color: #333;
  width: 100%;
  box-sizing: border-box;
  padding: 4px 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  z-index: 2;
  font-size: 16px;
}
.quick-inquiry .inquiry-form form select:focus-visible {
  outline: none;
}
.quick-inquiry .inquiry-form form .input-effect {
  margin-bottom: 20px;
}
.quick-inquiry .inquiry-form form .input-effect p label {
  font-size: 18px;
  font-weight: 500;
}
.quick-inquiry .inquiry-form form .input-effect p span.wpcf7-form-control-wrap {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.quick-inquiry .inquiry-form form .input-effect p span.wpcf7-form-control-wrap:after {
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  right: 0;
  transform: scaleX(0);
  transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  border-bottom: 2px solid var(--primary-color);
}
.quick-inquiry .inquiry-form form .input-effect p span .wpcf7-not-valid-tip {
  font-size: 15px;
}
.quick-inquiry .inquiry-form form .input-effect:hover span.wpcf7-form-control-wrap:after {
  transform: scaleX(1);
}
.quick-inquiry .inquiry-form form input[type=submit] {
  position: relative;
  display: inline-block;
  background: var(--primary-color);
  color: var(--white-color);
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 24px;
  border: none;
  padding: 16px 20px;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  z-index: 0;
  border-radius: 50rem;
}
.quick-inquiry .inquiry-form form input[type=submit]:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: url(../images/arrow-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: translate(-20px, -50%);
  transition: all 0.4s ease-in-out;
}
.quick-inquiry .inquiry-form form input[type=submit]:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15%;
  right: 0;
  width: 0;
  height: 106%;
  background: var(--primary-color);
  transform: skew(45deg);
  transition: all 0.4s ease-in-out;
  z-index: -1;
}
.quick-inquiry .inquiry-form form input[type=submit]:hover:before {
  transform: translate(-18px, -50%);
}
.quick-inquiry .inquiry-form form input[type=submit]:hover:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15%;
  right: 0;
  width: 0;
  height: 106%;
  background: var(--primary-color);
  transform: skew(45deg);
  transition: all 0.4s ease-in-out;
  z-index: -1;
}
.quick-inquiry .inquiry-form form .recaptcha {
  margin-bottom: 30px;
  display: block;
}

/************************************/
/***     Footer css    ***/
/************************************/
.main-footer {
  padding: 50px 0 0;
  background: var(--text-black);
  margin-top: auto;
  position: relative;
  z-index: 2;
}
.main-footer .footer-header {
  padding-bottom: 50px;
  border-bottom: 1px solid var(--white-50);
}
.main-footer .footer-header .certificate-area {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 45px;
}
.main-footer .footer-header .certificate-area .certificate-item {
  border-right: 1px solid var(--white-25);
  flex: 1 0 auto;
}
.main-footer .footer-header .certificate-area .certificate-item:last-child {
  border: none;
}
.main-footer .footer-header .certificate-area .certificate-item .certificate-title {
  font-size: 22px;
  font-weight: var(--weight-medium);
  color: var(--white-color);
  margin-bottom: 15px;
}
.main-footer .footer-body {
  padding: 100px 0;
}
.main-footer .footer-body .footer-devit {
  padding-right: 100px;
}
.main-footer .footer-body .footer-devit .footer-logo {
  margin-bottom: 12px;
}
.main-footer .footer-body .footer-devit .footer-text {
  margin-bottom: 24px;
}
.main-footer .footer-body .footer-devit .footer-text p {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--white-75);
}
.main-footer .footer-body .footer-devit .footer-location .location-title {
  font-size: 20px;
  font-weight: var(--weight-medium);
  color: var(--white-color);
  margin-bottom: 5px;
}
.main-footer .footer-body .footer-devit .footer-location p {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--white-75);
}
.main-footer .footer-links h3 {
  font-size: 22px;
  font-weight: var(--weight-medium);
  text-transform: capitalize;
  color: var(--white-color);
  margin-bottom: 20px;
}
.main-footer .footer-links ul li {
  color: var(--white-75);
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  margin-bottom: 10px;
}
.main-footer .footer-links ul li:HOVER {
  color: var(--white-color);
}
.main-footer .footer-links ul li a {
  font-size: 18px;
  font-weight: var(--weight-light);
  display: block;
  color: inherit;
  transition: all 0.3s ease-in-out;
}
.main-footer .footer-links ul li a:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%) scaleX(0);
  width: 13px;
  height: 2px;
  background: var(--white-color);
  transform-origin: left;
  transition: transform 0.3s ease, color 0.3s ease;
}
.main-footer .footer-links ul li a:hover {
  color: var(--white-color);
  transform: translateX(15px);
}
.main-footer .footer-links ul li a:hover:before {
  transform: translateY(-50%) scaleX(1);
}
.main-footer .footer-links ul li a:focus {
  color: var(--white-color);
  transform: translateX(15px);
}
.main-footer .footer-links ul li a:focus:before {
  transform: translateY(-50%) scaleX(1);
}
.main-footer .footer-links ul.menu {
  position: relative;
  top: 0;
  left: 0;
  transform: none;
}
.main-footer .footer-latest-news h3 {
  font-size: 22px;
  font-weight: var(--weight-medium);
  text-transform: capitalize;
  color: var(--white-color);
  margin-bottom: 20px;
}
.main-footer .footer-latest-news .footer-newsletter-info p {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--white-75);
  margin-bottom: 15px;
}
.main-footer .footer-copyright {
  border-top: 1px solid var(--white-50);
  padding: 30px 0;
}
.main-footer .footer-copyright .footer-copyright-text p {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: #AAB0B3;
}
.main-footer .footer-copyright .footer-menu {
  text-align: right;
}
.main-footer .footer-copyright .footer-menu ul li {
  display: inline-block;
  margin-right: 30px;
}
.main-footer .footer-copyright .footer-menu ul li:last-child {
  margin-right: 0;
}
.main-footer .footer-copyright .footer-menu ul li a {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: #AAB0B3;
  transition: all 0.3s ease-in-out;
}
.main-footer .footer-copyright .footer-menu ul li a:hover {
  color: var(--white-color);
}
.main-footer .footer-copyright .footer-menu ul.menu {
  position: relative;
  top: 0;
  left: 0;
  transform: none;
}

/***************************************************/
/***     13. InnerPages --- Cloud Services css   ***/
/***************************************************/
.inner-pages {
  /*Blog Details page Start*/
  /*Blog Details page End*/
  /* Hero Banner */
  /* DEVLABS */
  /* About us */
  /* Our Services Inner */
}
.inner-pages .single-news-page .post-content {
  margin: 30px 0;
}
.inner-pages .single-news-page .post-content .entry-title {
  font-size: 72px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.inner-pages .single-news-page .post-content .post-date-content em {
  color: #1a1a1a;
  border: 1.33333px solid var(--white-color);
  box-shadow: 0px 2.66667px 4px rgba(183, 183, 183, 0.25);
  border-radius: 30px;
  background: var(--white-40);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 25px;
  position: relative;
  font-size: 18px;
  line-height: 1.6em;
  font-weight: var(--weight-light);
  margin-bottom: 20px;
  font-weight: 600;
}
.inner-pages .single-news-page .post-content p {
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-90);
  margin-bottom: 20px;
}
.inner-pages .single-news-page .post-content h2, .inner-pages .single-news-page .post-content h3 {
  font-size: 2rem;
  margin-bottom: 20px;
  margin-top: 0;
  font-weight: 600;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
.inner-pages .single-news-page .post-content ul, .inner-pages .single-news-page .post-content ol {
  padding-left: 30px;
}
.inner-pages .single-news-page .post-content ul li, .inner-pages .single-news-page .post-content ol li {
  list-style-type: disc;
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 24px;
  margin-bottom: 15px;
  color: var(--navy-90);
}
.inner-pages .single-news-page .post-content .post-feature-image {
  margin-bottom: 20px;
}
.inner-pages .hero .hero-image-container {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 45%;
  width: auto;
  transform: translate(0, -49%);
}
.inner-pages .hero .hero-image-container .hero-image-section img {
  max-width: 562px;
}
.inner-pages .hero-content {
  text-align: left;
}
.inner-pages .hero-content .section-title h1 {
  font-size: 62px;
}
.inner-pages .hero-content .section-title h3::before, .inner-pages .hero-content .section-title h3::after {
  content: none;
}
.inner-pages .hero-content .section-title p {
  padding-right: 5rem;
}
.inner-pages .feature-slider {
  margin: 25px 0;
  display: flex;
  justify-content: center;
}
.inner-pages .feature-slider .feature-item {
  text-align: center;
  position: relative;
  padding: 0 30px;
}
.inner-pages .feature-slider .feature-item:last-child:after {
  content: none;
}
.inner-pages .feature-slider .feature-item p {
  margin-top: 0;
}
.inner-pages .feature-slider .feature-item .feature-title {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 400;
}
.inner-pages .feature-slider .feature-item:after {
  content: "";
  background-color: var(--navy-25);
  width: 1px;
  height: 70px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.inner-pages .feature-slider .feature-item .feature-desc {
  padding: 0;
}
.inner-pages .about-us {
  padding: 80px 0 70px;
  position: relative;
}
.inner-pages .about-us .about-us-image {
  margin-top: 0;
}
.inner-pages .about-us .about-us-content-body {
  margin-bottom: 0;
}
.inner-pages .our-services-inner {
  counter-reset: section;
}
.inner-pages .our-services-inner .services-card {
  border-radius: 8px;
  background-color: #282a38;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  gap: 50px;
  position: sticky;
  top: 105px;
  margin-bottom: 30px;
  margin-left: 80px;
}
.inner-pages .our-services-inner .services-card:before {
  content: counter(section, decimal-leading-zero);
  counter-increment: section;
  position: absolute;
  left: -90px;
  top: 0;
  color: var(--white-color);
  font-size: 22px;
  font-weight: var(--weight-light);
  z-index: 1;
  background-color: #282a38;
}
.inner-pages .our-services-inner .services-card .services-content {
  flex-basis: 80%;
  padding: 0 0 0 14px;
}
.inner-pages .our-services-inner .services-card .services-content .services-header h3 {
  font-size: 36px;
  font-weight: var(--weight-medium);
  color: var(--white-color);
  margin-bottom: 26px;
}
.inner-pages .our-services-inner .services-card .services-content .services-info p {
  font-size: 18px;
  color: var(--white-75);
  margin-bottom: 20px;
}
.inner-pages .our-services-inner .services-card .services-content-list {
  margin-bottom: 125px;
}
.inner-pages .our-services-inner .services-card .services-content-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.inner-pages .our-services-inner .services-card .services-content-list ul li {
  position: relative;
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--white-75);
  padding-left: 20px;
  margin-bottom: 15px;
  display: inline-block;
}
.inner-pages .our-services-inner .services-card .services-content-list ul li:last-child {
  margin-bottom: 0;
}
.inner-pages .our-services-inner .services-card .services-content-list ul li:before {
  content: "\f00c";
  position: absolute;
  font-family: "FontAwesome";
  font-size: 16px;
  font-weight: 900;
  line-height: normal;
  color: var(--secondary-color);
  display: inline-block;
  top: 5px;
  left: 0;
}
.inner-pages .our-services-inner .services-card .services-image-container {
  border-radius: 8px;
  display: flex;
  width: 572px;
  height: 567px;
  max-height: 567px;
  max-width: 572px;
  align-items: center;
  overflow: hidden;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0;
  flex: 1 0 auto;
}
.inner-pages .our-services-inner .services-card .services-image-container .services-image {
  border-radius: 8px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  align-self: stretch;
  margin-top: auto;
  margin-bottom: auto;
}
.inner-pages .our-services-inner .cloud-advisory-wrapper {
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
}
.inner-pages .our-services-inner .cloud-advisory-wrapper .cloud-advisory-content {
  position: relative;
}
.inner-pages .our-services-inner .card-container .col-xl-4:last-child .card-style-3 {
  margin-bottom: 0;
}

/* DEVLABS */
.feature-slider {
  margin: 25px 0;
  display: flex;
  justify-content: center;
}
.feature-slider .feature-item {
  text-align: center;
  position: relative;
  padding: 0 30px;
}
.feature-slider .feature-item:last-child:after {
  content: none;
}
.feature-slider .feature-item p {
  margin-top: 0;
}
.feature-slider .feature-item .feature-title {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 400;
}
.feature-slider .feature-item:after {
  content: "";
  background-color: var(--navy-25);
  width: 1px;
  height: 70px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.feature-slider .feature-item .feature-desc {
  padding: 0;
}

/* Progress Line */
.progress-line {
  width: 2px;
  height: 100vh;
  position: sticky;
  top: 0;
  left: 0;
}

.progress-line-border-line {
  background-color: #606567;
  width: 3px;
  height: 128%;
  position: absolute;
  top: -14%;
  left: 0%;
  right: auto;
}

.progress-fill {
  z-index: 0;
  color: var(--white-color);
  background-color: var(--secondary-color);
  justify-content: center;
  align-items: center;
  width: 3px;
  height: 190px;
  font-size: 18px;
  display: flex;
  position: absolute;
  top: 0;
  left: -7%;
  transform: translate(10%);
  transition: all 0.2s ease-in-out;
}

/* Sticky */
.sticky-target {
  position: sticky;
  top: 0;
  z-index: 10;
  background: white;
}

.sticky-target.stuck::after {
  content: "";
  position: absolute;
  left: -70px;
  top: 25px;
  width: 2px;
  height: 3px;
  width: 100%;
  background: yellow;
}

/* Case Studies */
.case-studies {
  position: relative;
}

/************************************************************/
/***     14. InnerPages --- Cloud Services Sub Page css   ***/
/************************************************************/
/* Advisory Section */
.advisory-card {
  border-radius: 8px;
  background-color: #f8f9fa;
  padding: 2rem;
  margin-bottom: 20px;
  display: flex;
  gap: 24px;
  position: relative;
  height: calc(100% - 20px);
}
.advisory-card .advisory-content {
  flex: 1;
  z-index: 1;
  position: relative;
}
.advisory-card .advisory-content .advisory-icon {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}
.advisory-card .advisory-content .advisory-title {
  font-size: 36px;
  font-weight: var(--weight-medium);
  line-height: 44px;
  margin-bottom: 10px;
  color: var(--text-black);
  transition: all 0.2s ease-in-out;
}
.advisory-card .advisory-content .advisory-subtitle {
  font-size: 22px;
  font-weight: var(--weight-medium);
  margin-bottom: 15px;
  color: var(--text-black);
  transition: all 0.2s ease-in-out;
}
.advisory-card .advisory-content .advisory-text {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
  margin-bottom: 20px;
  transition: all 0.2s ease-in-out;
}
.advisory-card .advisory-content .more-offering-list {
  margin-bottom: 20px;
}
.advisory-card .advisory-content .more-offering-list h6 {
  font-size: 22px;
  font-weight: var(--weight-bold);
  line-height: 29px;
  margin-bottom: 10px;
}
.advisory-card .advisory-content .more-offering-list ul li {
  font-size: var(--default-font);
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--text-black);
  margin-bottom: 5px;
  transition: all 0.2s ease-in-out;
  padding-left: 20px;
  position: relative;
}
.advisory-card .advisory-content .more-offering-list ul li:before {
  content: "\f00c";
  position: absolute;
  font-family: "FontAwesome";
  font-size: 16px;
  font-weight: 900;
  line-height: normal;
  color: var(--secondary-color);
  display: inline-block;
  top: 5px;
  left: 0;
}
.advisory-card .advisory-content .advisory-link {
  display: block;
  color: var(--text-black);
  text-decoration: none;
  margin-bottom: 0.5rem;
}
.advisory-card .advisory-content .advisory-link .icon {
  stroke: var(--text-black);
  width: 18px;
  height: 18px;
}
.advisory-card .advisory-content .read-more-link .icon {
  stroke: var(--text-black);
  width: 18px;
  height: 18px;
  transition: all 0.2s ease-in-out;
}
.advisory-card .advisory-image-container {
  flex: 1;
  z-index: 1;
  position: relative;
}
.advisory-card .advisory-image-container figure {
  border-radius: 10px;
}
.advisory-card .advisory-image-container img {
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease-in-out;
  border-radius: 10px;
  width: 100%;
}
.advisory-card .advisory-image-container:hover img {
  transform: scale(1.1);
}

.cloud-banner {
  background: url("../../assets/images/sub-container.png") no-repeat top;
  background-size: auto;
  padding: 55px 15px;
  text-align: center;
  border-radius: 20px;
}
.cloud-banner .cloud-content {
  max-width: 1190px;
  margin: auto;
}
.cloud-banner .cloud-content h3 {
  font-weight: var(--weight-bold);
  font-size: 54px;
  line-height: 66px;
  color: var(--text-black);
  margin-bottom: 15px;
}
.cloud-banner .cloud-content p {
  font-weight: var(--weight-light);
  font-size: 22px;
  line-height: 28px;
  color: var(--navy-75);
  margin-bottom: 30px;
}

/* Services Benefits Section */
.services-benefits {
  padding-top: 268px;
  margin-top: -250px;
}
.services-benefits .benefits-item {
  position: relative;
  margin-bottom: 30px;
  border-radius: 16px;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  flex-direction: column;
  align-items: stretch;
  background-color: #f0f0f0;
  padding: 30px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
  transition: all 0.2s ease-in-out;
  height: 445px;
}
.services-benefits .benefits-item:hover {
  border-color: #d8d8d8;
}
.services-benefits .benefits-item:hover .benefits-container .benefits-content h3 {
  color: var(--primary-color);
}
.services-benefits .benefits-item .benefits-logo .icon {
  width: 65px;
  height: 65px;
}
.services-benefits .benefits-container {
  transition: all 0.4s ease-in-out;
  z-index: 1;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
}
.services-benefits .benefits-container .benefits-content h3 {
  font-size: 25px;
  font-weight: var(--weight-medium);
  line-height: 28px;
  color: var(--text-black);
  margin-bottom: 10px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
.services-benefits .benefits-container .benefits-detail p {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--text-black);
  margin-bottom: 0;
}

/* Key Benefits Section */
.key-benefits {
  width: 100%;
  padding: 320px 0 90px;
  position: relative;
  background-color: var(--text-black);
  background: url("../../assets/images/bg-wave.png") no-repeat, var(--text-black);
  clip-path: polygon(0 100%, 0 40%, 0% 12%, 100% 0%, 100% 100%);
  margin-top: -340px;
  background-position: bottom center;
}
.key-benefits .card-style-3 {
  height: calc(100% - 25px);
}
.key-benefits .card-container {
  padding-bottom: 55px;
  border-bottom: 1px solid var(--white-75);
}
.key-benefits .key-benefits-footer {
  margin-top: 90px;
}
.key-benefits .key-benefits-footer .section-title h3 {
  font-size: 54px;
  font-weight: var(--weight-bold);
  color: var(--white-color);
  margin-bottom: 0;
}

/* Technology Section */
.technologies .nav-tabs {
  margin-top: 40px;
  border-bottom: 1px solid var(--white-50);
  justify-content: center;
  padding: 0 15px;
}
.technologies .nav-tabs .nav-item {
  margin-right: 30px;
}
.technologies .nav-tabs .nav-item:last-child {
  margin-right: 0;
}
.technologies .nav-tabs .nav-link {
  font-size: 20px;
  font-weight: var(--weight-light);
  color: var(--white-color);
  border: none;
  border-radius: 0;
  border-bottom: 1px solid transparent;
  min-width: 200px;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.technologies .nav-tabs .nav-link::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translate(-50%);
  margin: 0 auto;
  width: 0;
  height: 2px;
  background-color: var(--secondary-color);
  transition: all 0.4s ease-in-out;
  transition: opacity 0.3s ease, width 0.3s ease;
  -ms-transition: opacity 0.3s ease, width 0.3s ease;
}
.technologies .nav-tabs .nav-link.active, .technologies .nav-tabs .nav-link:hover {
  background-color: transparent;
  color: var(--secondary-color);
}
.technologies .nav-tabs .nav-link.active:before, .technologies .nav-tabs .nav-link:hover:before {
  width: 100%;
}
.technologies .technologies-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 40px 20px 0;
  gap: 25px;
}
.technologies .technologies-grid .item {
  text-align: center;
  padding: 0 22px;
}
.technologies .technologies-grid .item img {
  margin-bottom: 8px;
  max-height: 44px;
}
.technologies .technologies-grid .item .technologies-title {
  font-size: 20px;
  font-weight: var(--weight-medium);
  line-height: 30px;
  color: var(--white-95);
}
.technologies .technologies-grid .item .subtitle {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--white-50);
}

/* FAQ Section */
.faq-section .faq-title {
  margin-bottom: 40px;
  margin: auto;
  width: 100%;
}
.faq-section .faq-title h2 {
  font-size: 54px;
  font-weight: var(--weight-bold);
  line-height: 66px;
  color: var(--text-black);
  text-align: center;
}
.faq-section .faq-image {
  background: url("../../assets/images/faq-bg.jpg") no-repeat;
  background-size: cover;
  max-width: 468px;
  margin-top: 40px;
  padding: 24px;
  border-radius: 10px;
  margin: 40px auto 0;
}
.faq-section .faq-image h3 {
  font-size: 30px;
  font-weight: var(--weight-bold);
  line-height: 38px;
  color: var(--white-color);
  margin-bottom: 45px;
  padding-right: 120px;
}
.faq-section .faq-accordion .accordion-item {
  border-bottom: 1px solid var(--divider-color);
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.faq-section .faq-accordion .accordion-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.faq-section .faq-accordion .accordion-item .accordion-button::after, .faq-section .faq-accordion .accordion-item .accordion-button.collapsed::after {
  content: "+";
  font-family: "Font Awesome 6 Free";
  font-size: 18px;
  font-weight: var(--weight-medium);
  color: var(--text-black);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s ease-in-out;
  width: 45px;
  height: 45px;
  border-radius: 50rem;
  background-color: #EDF0F2;
}
.faq-section .faq-accordion .accordion-item .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-size: 18px;
  font-weight: var(--weight-bold);
  font-family: "Font Awesome 6 Pro";
  background-color: var(--text-black);
  color: var(--white-color);
}
.faq-section .faq-accordion .accordion-header .accordion-button {
  font-size: 22px;
  font-weight: var(--weight-light);
  line-height: 1.2em;
  color: var(--text-black);
  transition: all 0.3s ease-in-out;
}
.faq-section .faq-accordion .accordion-header .accordion-button span {
  margin-right: 7px;
}
.faq-section .faq-accordion .accordion-header .accordion-button:not(.collapsed) {
  padding-bottom: 18px;
}
.faq-section .faq-accordion .accordion-body {
  padding-right: 35px;
  padding-bottom: 46px;
}
.faq-section .faq-accordion .accordion-body p {
  margin: 0;
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-75);
}

/* Features Section */
.features {
  position: relative;
}
.features .button-container {
  position: relative;
  display: inline-flex;
  gap: 30px;
  bottom: 60px;
  position: absolute;
}
.features .button-container .swiper-button-next, .features .button-container .swiper-button-prev {
  background-color: var(--white-color);
  border-radius: 50rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  bottom: 0;
}
.features .button-container .swiper-button-next:before, .features .button-container .swiper-button-prev:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--primary-color);
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.4s ease-in-out;
}
.features .button-container .swiper-button-next:hover:before, .features .button-container .swiper-button-prev:hover:before {
  transform: scale(1);
}
.features .button-container .swiper-button-next:hover:after, .features .button-container .swiper-button-prev:hover:after {
  filter: invert(1);
}
.features .button-container .swiper-button-next {
  right: 0;
}
.features .button-container .swiper-button-next:after {
  content: "";
  background: url("../../assets/images/arrow-left.svg") no-repeat;
  width: 25px;
  height: 25px;
}
.features .button-container .swiper-button-prev {
  left: auto;
  right: 70px;
}
.features .button-container .swiper-button-prev:after {
  content: "";
  background: url("../../assets/images/arrow-right.svg") no-repeat;
  width: 25px;
  height: 25px;
}

/* Organization Section */
.organization-container {
  padding-left: calc((100vw - 1472px) / 2);
  margin-top: 80px;
}
.organization-container .swiper-slide {
  width: 44%;
}
.organization-container .organization-item .organization-icon {
  margin-bottom: 30px;
}
.organization-container .organization-item .organization-icon .icon {
  width: auto;
  height: auto;
  max-width: 90px;
  max-height: 90px;
}
.organization-container .organization-item .organization-icon .icon circle {
  fill: #ccc;
}
.organization-container .organization-item .content h3 {
  font-size: 36px;
  font-weight: var(--weight-medium);
  line-height: 44px;
  color: var(--text-black);
  margin-bottom: 18px;
}
.organization-container .organization-item .content p {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-75);
  margin-bottom: 30px;
}
.organization-container .organization-item .content a.read-more-link .icon {
  stroke: var(--text-black);
}

/* Latest Case Studies Section */
.latest-case-studies {
  position: relative;
}
.latest-case-studies .project-single-content {
  margin-bottom: 80px;
}
.latest-case-studies .post-item {
  margin-bottom: 80px;
}

/* Sidebar Section */
#sidebarcontent .navbar-toggler {
  display: none;
  position: absolute;
  right: 25px;
  top: 20px;
  background-color: transparent;
  padding: 0;
  width: auto;
  height: auto;
}
#sidebarcontent .slicknav_icon .slicknav_icon-bar {
  height: 2px;
  width: 17px;
  background-color: #283132;
  margin: 5px auto !important;
}

/************************************************************/
/***     15. InnerPages --- Case Studies Pages css   ***/
/************************************************************/
/* Case Studies Detail Section */
.case-studies-detail {
  padding-top: 30px;
  padding-bottom: 230px;
  position: relative;
}
.case-studies-detail.bg-theme-black {
  background-color: transparent;
}
.case-studies-detail:before {
  clip-path: polygon(-140% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 81%);
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 11%;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: var(--text-black);
}
.case-studies-detail .project-single-image {
  margin-bottom: 50px;
}
.case-studies-detail .project-single-image figure {
  border-radius: 10px;
}
.case-studies-detail .project-single-image figure img {
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease-in-out;
  border-radius: 10px;
  width: 100%;
}
.case-studies-detail .project-single-image:hover figure img {
  transform: scale(1.1);
}
.case-studies-detail .project-entry .project-info h2 {
  font-size: 54px;
  font-weight: var(--weight-bold);
  line-height: 66px;
  color: var(--text-black);
  margin-bottom: 20px;
}
.case-studies-detail .project-entry .project-info h3 {
  font-size: 30px;
  font-weight: var(--weight-medium);
  line-height: 38px;
  color: var(--text-black);
  margin-bottom: 20px;
}
.case-studies-detail .project-entry .project-info p {
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 28px;
  color: var(--navy-75);
}
.case-studies-detail .case-studies-video .video-container {
  margin-bottom: 50px;
}
.case-studies-detail .case-studies-video .video-container:after {
  content: "";
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.case-studies-detail .case-studies-video p {
  font-size: 22px;
  font-weight: var(--weight-medium);
  line-height: 28px;
  color: var(--white-color);
}
.case-studies-detail .highlight-box {
  margin-bottom: 0;
}
.case-studies-detail .case-section {
  padding-top: 80px;
}

.case-section {
  padding-top: 105px;
}
.case-section .case-content {
  margin-bottom: 50px;
}
.case-section .section-heading {
  font-size: 30px;
  font-weight: var(--weight-medium);
  line-height: 38px;
  color: var(--secondary-color);
  margin-bottom: 20px;
}
.case-section .section-subheading {
  font-size: 54px;
  font-weight: var(--weight-bold);
  line-height: 66px;
  color: var(--text-black);
  margin-bottom: 20px;
}
.case-section .section-text p {
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 28px;
  color: var(--navy-75);
  margin-bottom: 15px;
}
.case-section .section-text p:last-child {
  margin-bottom: 0;
}

.client-need {
  padding-bottom: 0;
  position: relative;
}
.client-need:before {
  clip-path: polygon(-60% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 79%);
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: var(--text-black);
}
.client-need .two-column-container .title {
  position: sticky;
  top: 95px;
}
.client-need .image-container {
  margin-bottom: 80px;
  z-index: 1;
  position: relative;
}
.client-need .image-container figure {
  border-radius: 10px;
}

.case-block-container {
  padding-top: 0;
}
.case-block-container .two-column-container .title {
  position: sticky;
  top: 95px;
}
.case-block-container .two-column-container .title h3 {
  color: var(--text-black);
}
.case-block-container .two-column-container .description p {
  color: var(--navy-75);
}
.case-block-container .two-column-container .description ul {
  padding-left: 20px;
}
.case-block-container .two-column-container .description ul li {
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-75);
  list-style-type: disc;
}
.case-block-container .technologies-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 25px;
}
.case-block-container .technologies-grid .item {
  flex-basis: 30.33%;
}
.case-block-container .technologies-grid .item img {
  margin-bottom: 8px;
  max-height: 64px;
}
.case-block-container .technologies-grid .item .technologies-title {
  font-size: 20px;
  font-weight: var(--weight-medium);
  line-height: 30px;
  color: var(--text-black);
}
.case-block-container .technologies-grid .item .subtitle {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-50);
}
.case-block-container .case-item-container {
  margin-bottom: 30px;
}
.case-block-container .case-item-container:last-child {
  margin-bottom: 0;
}

/* Video Section */
.video-container {
  position: relative;
}
.video-container figure {
  border-radius: 10px;
}
.video-container figure img {
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease-in-out;
  border-radius: 10px;
  width: 100%;
}
.video-container:hover figure img {
  transform: scale(1.1);
}

/************************************************************/
/***     16. InnerPages --- Blog Pages css   ***/
/************************************************************/
/* Blog Top Section */
.blog-top {
  position: relative;
  padding-top: 0;
}
.blog-top .blog-meta {
  display: flex;
  align-items: start;
  font-size: var(--default-font);
  color: var(--navy-75);
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--navy-15);
}
.blog-top .blog-meta .blog-date {
  text-align: right;
}

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

/* Recent Blogs Section */
.recent-blogs {
  padding-top: 20px;
}
.recent-blogs .page-pagination {
  margin-top: 80px;
}
.recent-blogs .page-pagination .prev-page a, .recent-blogs .page-pagination .next-page a {
  background-color: transparent;
}
.recent-blogs .page-pagination .prev-page a:hover, .recent-blogs .page-pagination .next-page a:hover {
  color: var(--primary-color);
}

.blog-single-post {
  padding-top: 0;
  position: relative;
}
.blog-single-post .post-image {
  margin-bottom: 34px;
}
.blog-single-post .post-content {
  position: relative;
  display: flex;
  gap: 30px;
}
.blog-single-post .post-content .floating-button {
  position: sticky;
  margin-left: -100px;
  top: 100px;
  align-self: flex-start;
}
.blog-single-post .post-content .post-body-content {
  margin-bottom: 30px;
}
.blog-single-post .post-content .post-body-content .faq-section p:empty, .blog-single-post .post-content .post-body-content .faq-section br:empty {
  display: none;
}
.blog-single-post .post-content .post-body-content .faq-section h2 {
  font-size: 36px;
  font-weight: var(--weight-bold);
  line-height: 44px;
  color: var(--text-black);
  margin-bottom: 20px;
}
.blog-single-post .post-content .post-body-content .faq-section h2.accordion-header {
  line-height: normal;
  margin-bottom: 0;
}
.blog-single-post .post-content .post-body-content .faq-section .faq-accordion .accordion-body {
  padding-bottom: 15px;
}
.blog-single-post .post-content .post-body-content .faq-section .faq-accordion .accordion-body p {
  margin-bottom: 15px;
}
.blog-single-post .post-content .post-body-content .faq-section .faq-accordion .accordion-item {
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 11px;
}
.blog-single-post .post-content .post-body-content .cloud-banner {
  margin: 40px 0;
}
.blog-single-post .post-content .post-body-content .cloud-banner .cloud-content h3 {
  font-size: 45px;
  line-height: 47px;
}
.blog-single-post .post-content .post-body-content .cloud-banner .cloud-content p:empty, .blog-single-post .post-content .post-body-content .cloud-banner .cloud-content br:empty {
  display: none;
}
.blog-single-post .post-content .post-body-content .cloud-banner .cloud-content p a br:empty {
  display: none;
}
.blog-single-post .post-content .post-body-content .cloud-banner .cloud-content p:last-child {
  margin-bottom: 0;
}
.blog-single-post .post-content .post-entry {
  margin-bottom: 50px;
}
.blog-single-post .post-content .post-entry h2 {
  font-size: 36px;
  font-weight: var(--weight-bold);
  line-height: 44px;
  color: var(--text-black);
  margin-bottom: 20px;
}
.blog-single-post .post-content .post-entry p {
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-90);
  margin-bottom: 20px;
}
.blog-single-post .post-content .post-entry p:last-child {
  margin-bottom: 0;
}
.blog-single-post .post-content .post-entry .list-title {
  font-size: 22px;
  font-weight: var(--weight-bold);
  line-height: 34px;
  color: var(--navy-90);
  margin-bottom: 10px;
}
.blog-single-post .post-content .post-entry ul {
  padding-left: 30px;
}
.blog-single-post .post-content .post-entry ul li {
  list-style-type: disc;
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 24px;
  margin-bottom: 15px;
  color: var(--navy-90);
}
.blog-single-post .post-content .post-entry ul li strong {
  font-weight: var(--weight-medium);
  display: inline-block;
}
.blog-single-post .post-content .post-entry .content-div {
  margin-bottom: 50px;
}
.blog-single-post .post-content .post-tag-links {
  border-top: 1px solid var(--navy-25);
  padding-top: 30px;
}
.blog-single-post .post-content .post-tag-links .row {
  justify-content: space-between;
}
.blog-single-post .post-content .post-tag-links .next-area {
  text-align: right;
}
.blog-single-post .post-content .post-tag-links .prev-area:hover .navigation-btn a, .blog-single-post .post-content .post-tag-links .next-area:hover .navigation-btn a {
  color: var(--primary-color);
}
.blog-single-post .post-content .post-tag-links .prev-area:hover .navigation-btn a .icon, .blog-single-post .post-content .post-tag-links .next-area:hover .navigation-btn a .icon {
  stroke: var(--primary-color);
}
.blog-single-post .post-content .post-tag-links .prev-area:hover .post-name, .blog-single-post .post-content .post-tag-links .next-area:hover .post-name {
  color: var(--primary-color);
}
.blog-single-post .post-content .post-tag-links .navigation-btn a {
  font-size: 18px;
  font-weight: var(--weight-medium);
  line-height: 28px;
  color: var(--navy-75);
  margin-bottom: 10px;
  transition: all 0.2s ease-in-out;
}
.blog-single-post .post-content .post-tag-links .navigation-btn a .icon {
  stroke: var(--text-black);
}
.blog-single-post .post-content .post-tag-links .post-name {
  font-size: 18px;
  font-weight: var(--weight-medium);
  line-height: 28px;
  color: var(--text-black);
  margin-bottom: 10px;
}

.other-offering {
  padding-bottom: 60px;
}
.other-offering .card-style-3 {
  padding: 20px;
  height: calc(100% - 25px);
  margin-bottom: 0;
}
.other-offering .card-style-3 .item-title {
  line-height: 38px;
  margin-bottom: 10px;
}
.other-offering .card-style-3 .item-links {
  margin-bottom: 0;
}
.other-offering .card-style-3 .item-links a, .other-offering .card-style-3 .item-links span {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--white-75);
  text-decoration: underline;
}
.other-offering .card-style-3 .item-links a:hover, .other-offering .card-style-3 .item-links span:hover {
  color: var(--white-color);
}
.other-offering .card-style-3 .item-links span {
  text-decoration: none;
}
.other-offering .card-style-3 .item-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  min-height: auto;
  justify-content: space-between;
  height: calc(100% + 20px);
}
.other-offering .card-style-3 .item-content .item-body-content {
  margin-bottom: 20px;
}

/************************************************************/
/***     17. InnerPages --- Leadership Team css   ***/
/************************************************************/
.page-team {
  padding: 10px 0 80px;
}

.team-item {
  height: calc(100% - 30px);
  margin-bottom: 30px;
}
.team-item .team-image {
  position: relative;
  margin-bottom: 20px;
  border-radius: 8px;
  overflow: hidden;
}
.team-item .team-image:before {
  content: "";
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
}
.team-item .team-image figure, .team-item .team-image a {
  display: block;
  margin-bottom: 0;
}
.team-item .team-image img {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease-in-out;
}
.team-item .team-image .team-description {
  padding: 20px 20px 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  z-index: 3;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
}
.team-item .team-image .team-description p {
  transform: translateY(30px);
  opacity: 0;
  transition: all 0.3s ease-out;
  font-size: 17px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--text-black);
  margin-bottom: 0;
}
.team-item .team-content {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.team-item .team-content .team-detail {
  flex: 1;
}
.team-item .team-content .team-detail h2 {
  font-size: 26px;
  font-weight: var(--weight-medium);
  color: var(--text-black);
  text-transform: capitalize;
  margin-bottom: 10px;
}
.team-item .team-content .team-detail h2 a {
  color: inherit;
}
.team-item .team-content .team-detail p.designation {
  font-size: 18px;
  font-weight: var(--weight-medium);
  line-height: 24px;
  color: var(--navy-85);
}
.team-item .team-content .team-detail p.department {
  font-size: 16px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-75);
  font-style: normal;
}
.team-item .team-content .team-social-icon ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.team-item .team-content .team-social-icon ul li {
  display: inline-block;
  margin-left: 10px;
}
.team-item .team-content .team-social-icon ul li a {
  width: 50px;
  height: 50px;
  border-radius: 50rem;
  color: var(--white-color);
  background: var(--blue-15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out;
}
.team-item .team-content .team-social-icon ul li a:hover {
  background: var(--primary-color);
}
.team-item .team-content .team-social-icon ul li a:hover i {
  color: var(--white-color);
}
.team-item .team-content .team-social-icon ul li a i {
  color: var(--primary-color);
  font-size: 20px;
}

.leadership-canvas .offcanvas {
  width: 450px;
}
.leadership-canvas .offcanvas .team-detailinfo {
  padding: 0 15px;
}
.leadership-canvas .offcanvas .team-detailinfo p {
  color: var(--navy-75);
  margin-bottom: 15px;
}
.leadership-canvas .offcanvas-header {
  position: absolute;
  z-index: 2;
  right: 5px;
  top: 10px;
}
.leadership-canvas .offcanvas-header .btn-close {
  background-color: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background-size: 13px;
}
.leadership-canvas .offcanvas-body {
  padding: 0;
}
.leadership-canvas .offcanvas-body .team-item .team-image {
  border-radius: 0;
}
.leadership-canvas .offcanvas-body .team-item .team-image figure {
  text-align: center;
}
.leadership-canvas .offcanvas-body .team-item .team-content {
  padding: 0 15px;
}
.leadership-canvas .offcanvas-body .team-item img {
  height: 450px;
  width: 450px;
}

/************************************************************/
/***     18. InnerPages --- Board of Directors page css   ***/
/************************************************************/
/*--------- Board of Directors ---------*/
.bod-section .floating-button {
  position: absolute;
  right: 0;
  width: auto;
  display: flex;
  left: auto;
  padding: 10px 10px;
}
.bod-section .floating-button .social-links ul li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 0px;
}
.bod-section .floating-button .social-links ul li:last-child {
  margin-right: 0;
}

.bod-about-box {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 40px;
  margin-bottom: 100px;
}
.bod-about-box:nth-child(even) {
  flex-direction: row-reverse;
}
.bod-about-box:last-child {
  margin-bottom: 0;
}
.bod-about-box .bod-single-image {
  width: 36%;
  border-radius: 8px;
  align-self: flex-start;
}
.bod-about-box .bod-single-image figure {
  display: block;
  margin: 0;
  border-radius: 8px;
}
.bod-about-box .bod-single-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bod-about-box .bod-about-content {
  flex: 1;
  position: relative;
}
.bod-about-box .bod-about-content .bod-name {
  font-size: 48px;
  font-weight: var(--weight-bold);
  color: var(--primary-color);
  margin-bottom: 10px;
  line-height: 45px;
}
.bod-about-box .bod-about-content .bod-designation {
  font-size: 20px;
  font-weight: var(--weight-light);
  color: var(--white-75);
  margin-bottom: 25px;
  line-height: 18px;
}
.bod-about-box .bod-about-content .bod-description p {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
  margin-bottom: 18px;
}
.bod-about-box .bod-about-content .bod-description p:last-child {
  margin-bottom: 0;
}

/************************************************************/
/***     19. InnerPages --- Independent Directors page css   ***/
/************************************************************/
.independent-director .row > [class^=col-] {
  margin-bottom: 25px;
}

.director-card {
  background-color: #f9f9fc;
  border-radius: 1rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
  border: none;
  padding: 30px;
  margin-bottom: 25px;
}
.director-card .director-photo {
  width: 300px;
  height: 200px;
  position: relative;
  margin-bottom: 20px;
  border-radius: 8px;
  overflow: hidden;
}
.director-card .director-photo figure, .director-card .director-photo a {
  display: block;
  margin-bottom: 0;
}
.director-card .director-photo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s ease-in-out;
}
.director-card .director-name {
  font-size: 30px;
  font-weight: var(--weight-bold);
  color: var(--primary-color);
  margin-bottom: 0.25rem;
}
.director-card .director-designation {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--text-black);
}
.director-card .director-description {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
}
.director-card hr {
  border: 1px dashed var(--blue-25);
}

.open nav {
  top: 0;
}

.open button {
  opacity: 1;
}

button.menu-toggle {
  opacity: 0.6;
  background-color: transparent;
  position: fixed;
  z-index: 2;
  top: 24px;
  left: 24px;
  border: none;
  width: 36px;
  height: 30px;
  outline: none;
  transition: opacity 0.2s ease-out;
}

ul.menu {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  backface-visibility: hidden;
  perspective: 1000;
  color: white;
}
@keyframes menu-animation {
  0% {
    opacity: 0;
    transform: scale(0.04) translateY(300%);
  }
  40% {
    transform: scale(0.04) translateY(0);
    transition: ease-out;
  }
  40% {
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    transform: scale(0.02) translateY(0px);
  }
  61% {
    transform: scale(0.04);
  }
  99.9% {
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    transform: scale(2);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}
/************************************************************/
/***     20. InnerPages --- About us page css   ***/
/************************************************************/
.video-wrapper {
  padding: 20px 0 80px;
}

.vision-mission {
  padding-bottom: 0;
  position: relative;
  margin-top: -360px;
  padding: 360px 0 100px;
}
.vision-mission::before {
  clip-path: polygon(0 100%, 0 30%, 0% 12%, 100% 0%, 100% 100%);
  content: "";
  width: 100%;
  height: 77%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: var(--text-black);
}
.vision-mission p {
  margin-bottom: 25px;
}
.vision-mission .vision-mission-slider {
  margin-top: 50px;
}
.vision-mission .vision-image figure {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 105%);
  height: 100%;
  width: 100%;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  display: block;
}
.vision-mission .vision-image figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 85%);
  height: 100%;
  width: 100%;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.vision-mission .vision-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1.36;
  transition: all 0.4s ease-in-out;
}
.vision-mission .vision-item {
  position: relative;
  margin-bottom: 30px;
  border-radius: 16px;
  display: flex;
  height: calc(100% - 30px);
  margin-top: auto;
  margin-bottom: auto;
  flex-direction: column;
  align-items: stretch;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  height: 540px;
}
.vision-mission .vision-container {
  transition: all 0.4s ease-in-out;
  z-index: 1;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
}
.vision-mission .vision-container .vision-content h4 {
  font-size: 30px;
  font-weight: var(--weight-medium);
  line-height: 38px;
  color: var(--white-color);
  margin-bottom: 10px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
.vision-mission .vision-container .vision-detail p {
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--white-75);
  margin-bottom: 0;
}

.cloud-sec {
  background: url("../../assets/images/sub-container.png") no-repeat top;
  background-size: cover;
  padding: 55px 15px;
}
.cloud-sec .cloud-banner {
  background: none;
  padding: 0;
}

.horizontal-slider {
  padding: 0 0 20px;
}

.devit_horizontal_slider_wrapper {
  overflow-x: hidden;
}
.devit_horizontal_slider_wrapper .devit_horizontal_slider_in {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 100%;
}
.devit_horizontal_slider_wrapper .devit_project_list {
  display: flex;
  gap: 30px;
  margin: 0 15px;
  animation-direction: reverse;
  align-items: center;
}
.devit_horizontal_slider_wrapper .devit_project_list .devit_card.devit_style_1 {
  transition: all 0.6s ease-in-out;
}
.devit_horizontal_slider_wrapper .devit_project_list .devit_card.devit_style_1.small {
  width: 345px;
  height: 255px;
}
.devit_horizontal_slider_wrapper .devit_project_list .devit_card.devit_style_1.large {
  width: 345px;
  height: 466px;
}
.devit_horizontal_slider_wrapper .devit_project_list .devit_card.devit_style_1 > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  -o-object-position: center 20%;
     object-position: center 20%;
  transition: all 0.6s ease-in-out;
}
.devit_horizontal_slider_wrapper .devit_project_list .devit_card.devit_style_1 .devit_card_btn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: var(--primary-color);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg) scale(1);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.devit_horizontal_slider_wrapper .devit_project_list .devit_card .devit_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-us-inner .about-us-image figure img {
  width: 684px;
  max-height: 740px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.about-us-inner .about-us-content {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.about-us-inner .about-us-content-body {
  margin-bottom: 90px;
}
.about-us-inner .about-us-content-body h3 {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 10px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
}
.about-us-inner .about-us-content-body .about-us-content-list {
  margin-bottom: 21px;
}
.about-us-inner .about-us-content-body .about-us-content-list.full-list ul {
  grid-template-columns: repeat(1, 1fr);
}
.about-us-inner .about-us-content-body .about-us-content-list.full-list ul li {
  margin-bottom: 10px;
}
.about-us-inner .about-us-content-body .about-us-content-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.about-us-inner .about-us-content-body .about-us-content-list ul li {
  position: relative;
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
  padding-left: 20px;
  margin-bottom: 15px;
  display: inline-block;
}
.about-us-inner .about-us-content-body .about-us-content-list ul li:last-child {
  margin-bottom: 0;
}
.about-us-inner .about-us-content-body .about-us-content-list ul li:before {
  content: "\f00c";
  position: absolute;
  font-family: "FontAwesome";
  font-size: 16px;
  font-weight: 900;
  line-height: normal;
  color: var(--secondary-color);
  display: inline-block;
  top: 5px;
  left: 0;
}

.milestone-journey {
  width: 100%;
  padding: 320px 0 80px;
  position: relative;
  clip-path: polygon(0 100%, 0 40%, 0% 22%, 100% 0%, 100% 100%);
  margin-top: -300px;
}
.milestone-journey .milestone-carousel {
  padding: 20px 20px 0;
  position: relative;
}
.milestone-journey .milestone-carousel .button-container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 80px;
  gap: 15px;
}
.milestone-journey .milestone-carousel .button-container .swiper-button-next, .milestone-journey .milestone-carousel .button-container .swiper-button-prev {
  background-color: var(--white-color);
  border-radius: 50rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  margin-top: 0;
}
.milestone-journey .milestone-carousel .button-container .swiper-button-next:after {
  content: "";
  background: url("../../assets/images/arrow-left.svg") no-repeat;
  width: 25px;
  height: 25px;
}
.milestone-journey .milestone-carousel .button-container .swiper-button-prev:after {
  content: "";
  background: url("../../assets/images/arrow-right.svg") no-repeat;
  width: 25px;
  height: 25px;
}
.milestone-journey .milestone-swiper-slider:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, rgb(32, 34, 49) 0%, rgba(0, 0, 0, 0) 55%);
  height: 100%;
  width: 18%;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.milestone-journey .milestone-swiper-slider:after {
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0;
  background: linear-gradient(-90deg, rgb(32, 34, 49) 0%, rgba(0, 0, 0, 0) 55%);
  height: 100%;
  width: 18%;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.milestone-journey .milestone-swiper {
  position: relative;
  padding-top: 20px;
}
.milestone-journey .milestone-swiper .timeline-item {
  position: relative;
  text-align: left;
}
.milestone-journey .milestone-swiper .timeline-item .dot {
  width: 16px;
  height: 16px;
  background: #fff;
  border: 3px solid var(--white-color);
  border-radius: 50%;
  z-index: 2;
  position: relative;
  top: 91px;
  box-shadow: 0 0 0 8px var(--white-15);
}
.milestone-journey .milestone-swiper .timeline-item .content {
  padding-left: 0;
  display: flex;
  flex-direction: column;
}
.milestone-journey .milestone-swiper .timeline-item .content .year {
  font-size: 36px;
  font-weight: var(--weight-medium);
  color: var(--white-color);
  margin-bottom: 45px;
}
.milestone-journey .milestone-swiper .timeline-item .content p {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--white-75);
  margin-top: 45px;
  line-height: 1.5;
}
.milestone-journey .swiper-wrapper {
  padding: 0px 0px 0 10%;
}
.milestone-journey .timeline-line {
  background: url("../../assets/images/gradient-line.svg") no-repeat;
  position: absolute;
  top: 118px;
  left: 0;
  height: 3px;
  width: 100%;
  background-size: 100% 100%;
  z-index: -1;
}

.career-section {
  padding-bottom: 0;
}
.career-section .career-image {
  text-align: right;
}
.career-section .career-image figure {
  margin-bottom: 0;
}
.career-section .career-image figure img {
  width: 684px;
  max-height: 853px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.career-section .career-content {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.career-section .career-content .career-content-body {
  margin-bottom: 60px;
}
.career-section .career-content .logo-container {
  display: flex;
  gap: 80px;
}
.career-section .career-content .logo-container a {
  border-right: 1px solid #999999;
  padding-right: 80px;
}
.career-section .career-content .logo-container a:last-child {
  border-right: 0;
  padding-right: 0px;
}

.scrollbar {
  margin-left: 30px;
  float: left;
  height: 300px;
  width: 65px;
  background: #fff;
  overflow-y: scroll;
  margin-bottom: 25px;
}

.force-overflow {
  min-height: 450px;
}

.scrollbar-primary::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #4285f4;
}

.scrollbar-danger::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.scrollbar-danger::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #ff3547;
}
.scrollbar-danger::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  border-radius: 10px;
}

.scrollbar-warning::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.scrollbar-warning::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #ff8800;
}
.scrollbar-warning::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  border-radius: 10px;
}

.scrollbar-success::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.scrollbar-success::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #00c851;
}
.scrollbar-success::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  border-radius: 10px;
}

.scrollbar-info::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.scrollbar-info::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #33b5e5;
}
.scrollbar-info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  border-radius: 10px;
}

.scrollbar-default::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.scrollbar-default::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #2bbbad;
}
.scrollbar-default::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  border-radius: 10px;
}

.scrollbar-secondary::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.scrollbar-secondary::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #aa66cc;
}
.scrollbar-secondary::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  border-radius: 10px;
}

/************************************************************/
/***     21. InnerPages --- Career Page css   ***/
/************************************************************/
.career-top {
  padding: 0;
}
.career-top .section-title {
  padding-left: 50px;
}
.career-top .section-title h3 {
  color: #1a1a1a;
  border: 1.3px solid var(--white-color);
  box-shadow: 0px 2.66667px 4px rgba(183, 183, 183, 0.25);
  border-radius: 30px;
  background: var(--white-40);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 20px 6px 38px;
  position: relative;
  font-size: 20px;
  font-weight: var(--weight-light);
}
.career-top h5 {
  font-size: 30px;
  font-weight: var(--weight-medium);
  color: var(--text-black);
  line-height: 38px;
}
.career-top .career-img {
  width: 466px;
  height: 474px;
}
.career-top .career-img figure {
  height: 100%;
}
.career-top .career-img figure img {
  border-radius: 10px;
}
.career-top .career-img-small {
  width: 229px;
  height: 207px;
  margin-left: auto;
  margin-top: -18rem;
}
.career-top .career-img-small figure {
  height: 100%;
}
.career-top .career-img-small figure img {
  border-radius: 10px;
}

.career-page .horizontal-slider {
  padding: 115px 0 150px;
}
.career-page .we-are-devit {
  margin-top: 0;
  clip-path: none;
  padding: 100px 0;
}
.career-page .we-are-devit .threeD-animation img {
  top: 12%;
}
.career-page .career-job-cards {
  padding-bottom: 0;
}
.career-page .career-job-cards h3 {
  font-size: 36px;
  font-weight: var(--weight-bold);
  line-height: 44px;
  color: var(--text-black);
  margin-bottom: 50px;
}
.career-page .job-card {
  background-color: var(--white-color);
  border-radius: 15px;
  padding: 20px;
  height: calc(100% - 35px);
  margin-bottom: 35px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.career-page .job-card .job-title-location-info {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--blue-15);
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 20px;
}
.career-page .job-card .job-title-location-info .job-title {
  font-size: 26px;
  font-weight: var(--weight-bold);
  color: var(--primary-color);
  margin-right: 8px;
}
.career-page .job-card .job-title-location-info .job-location {
  background-color: var(--blue-15);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: var(--default-fontsize);
  font-weight: var(--weight-light);
}
.career-page .job-card .job-basic-info {
  margin-bottom: 15px;
}
.career-page .job-card .job-basic-info .title-info {
  font-size: var(--default-fontsize);
  font-weight: var(--weight-medium);
  color: var(--text-black);
  margin-right: 10px;
}
.career-page .job-card .job-basic-info .yr-skills-details {
  font-size: var(--default-fontsize);
  font-weight: var(--weight-light);
  color: var(--navy-75);
}
.career-page .job-card .main-des-apply-btn {
  border-top: var(--blue-15) 1px solid;
  padding-top: 20px;
  margin-top: auto;
}
.career-page .job-card .main-des-apply-btn a {
  margin-right: 10px;
}
.career-page .job-card .main-des-apply-btn a:last-child {
  margin-right: 0;
}

.brand-area {
  padding-bottom: 40px;
}

.brand-items {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  animation: slide-left 150s linear infinite;
}
.brand-items .item {
  position: relative;
  white-space: nowrap;
}
.brand-items h2 {
  font-size: 132px;
  margin: 0 100px;
  font-weight: var(--weight-bold);
  line-height: 1.4;
  color: var(--blue-25);
}
.brand-items h2:after {
  position: absolute;
  right: -40px;
  top: 50%;
  content: "";
  height: 80px;
  width: 80px;
  background: url("../../assets/images/logo-gray.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  transform: translateY(-50%);
}

.job-description-model .modal-content {
  border-radius: 20px;
}
.job-description-model .modal-content .modal-body {
  padding: 40px 40px 0;
}
.job-description-model .modal-header {
  background-color: var(--blue-05);
  display: inline-block;
  padding: 40px 70px 30px 40px;
  position: relative;
}
.job-description-model .modal-header a.btn-close-custom {
  position: absolute;
  right: 30px;
  top: 40px;
  background-color: var(--primary-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease-in-out;
  border: none;
  z-index: 2;
}
.job-description-model .modal-header a.btn-close-custom:hover:before {
  transform: scale(1);
}
.job-description-model .modal-header a.btn-close-custom:hover .icon {
  z-index: 1;
}
.job-description-model .modal-header a.btn-close-custom:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  transform: scale(0);
  transition: all 0.4s ease-in-out;
}
.job-description-model .modal-header a.btn-close-custom .icon {
  width: 18px;
  height: 18px;
  stroke: var(--white-color);
}
.job-description-model .modal-header .job-title-location-info {
  margin-bottom: 12px;
}
.job-description-model .modal-header .job-title-location-info .job-title {
  font-size: 26px;
  font-weight: var(--weight-bold);
  color: var(--primary-color);
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
  max-width: 100%;
}
.job-description-model .modal-header .job-title-location-info .job-location {
  background-color: var(--blue-15);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: var(--default-fontsize);
  font-weight: var(--weight-light);
}
.job-description-model .modal-header .job-basic-info {
  margin-bottom: 10px;
  display: flex;
}
.job-description-model .modal-header .job-basic-info .title-info {
  font-size: var(--default-fontsize);
  font-weight: var(--weight-light);
  color: var(--text-black);
  margin-right: 10px;
}
.job-description-model .modal-header .job-basic-info .yr-skills-details {
  font-size: var(--default-fontsize);
  font-weight: var(--weight-light);
  color: var(--navy-75);
}
.job-description-model .modal-header .job-basic-info .model-position1 {
  margin-right: 15px;
}
.job-description-model .new-job-summary .sum-title {
  font-weight: var(--weight-medium);
  font-size: 26px;
  margin-bottom: 10px;
  text-transform: capitalize;
  color: var(--primary-color);
}
.job-description-model .new-job-summary .job-sum-details {
  margin-bottom: 20px;
}
.job-description-model .new-job-summary .job-sum-details p {
  font-weight: var(--weight-light);
  font-size: 18px;
  line-height: 1.37;
  color: var(--navy-75);
}
.job-description-model .new-job-summary .job-sum-details ul {
  padding-left: 20px;
}
.job-description-model .new-job-summary .job-sum-details ul li {
  font-weight: var(--weight-light);
  font-size: 18px;
  line-height: 1.37;
  color: var(--navy-75);
  list-style-type: disc;
}
.job-description-model .new-job-summary table thead th {
  background-color: #f4f6f8;
  vertical-align: top;
  white-space: nowrap;
  font-weight: var(--weight-medium);
  color: var(--text-black);
}
.job-description-model .new-job-summary table tbody td {
  color: var(--navy-75);
}
.job-description-model .modal-footer {
  justify-content: flex-start;
  padding: 20px 40px;
}

.basic-modal .job-description-model .modal-header {
  padding: 20px 40px;
  display: flex;
  align-items: center;
}
.basic-modal .job-description-model .modal-header .job-title-location-info {
  margin-bottom: 0;
}
.basic-modal .job-description-model .modal-header .job-title-location-info .job-title {
  margin-bottom: 0;
}
.basic-modal .job-description-model .modal-header .job-title-location-info .btn-close-custom {
  top: 16px;
}

/************************************************************/
/***     22. InnerPages --- Investor Relations css   ***/
/************************************************************/
.fy-performance {
  padding: 0 0 100px;
}

.report-card {
  background: rgba(255, 255, 255, 0.4);
  border: 1.33333px solid #FFFFFF;
  box-shadow: 0px 2px 4px rgba(183, 183, 183, 0.25);
  border-radius: 16px;
  padding: 10px;
  text-align: center;
  transition: transform 0.2s ease-in-out;
}
.report-card .report-card-detail {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(183, 183, 183, 0.25);
  border-radius: 10px;
  padding: 20px 40px;
}
.report-card:hover {
  transform: translateY(-5px);
}
.report-card .icon-circle {
  width: 70px;
  height: 70px;
  border-radius: 50rem;
  background-color: var(--blue-10);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto auto 15px;
}
.report-card .report-title {
  font-weight: var(--weight-bold);
  font-size: 30px;
  color: var(--primary-color);
}
.report-card .report-subtitle {
  font-weight: var(--weight-light);
  font-size: 18px;
  color: var(--navy-75);
}

.stock-card {
  background: rgba(255, 255, 255, 0.4);
  border: 1.33333px solid #FFFFFF;
  box-shadow: 0px 2px 4px rgba(183, 183, 183, 0.25);
  border-radius: 16px;
  padding: 10px;
  text-align: center;
  transition: transform 0.2s ease-in-out;
  height: 100%;
}
.stock-card .stock-card-detail {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(183, 183, 183, 0.25);
  border-radius: 10px;
  padding: 20px 40px;
  height: 100%;
}
.stock-card:hover {
  transform: translateY(-5px);
}
.stock-card .stock-price {
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: var(--weight-medium);
  color: var(--text-success);
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  flex-wrap: wrap;
}
.stock-card .stock-price .change {
  font-size: var(--default-fontsize);
  font-weight: var(--weight-light);
  color: var(--navy-75);
}
.stock-card .stock-price.plus {
  color: var(--text-success);
}
.stock-card .stock-price.minus {
  color: var(--text-error);
}
.stock-card .stock-price.minus .arrow {
  transform: rotate(180deg);
}
.stock-card .exchange-name {
  font-weight: var(--weight-bold);
  font-size: 30px;
  color: var(--primary-color);
  margin-bottom: 10px;
  line-height: 38px;
}
.stock-card .delay {
  line-height: 20px;
}

.about-us.v2 .about-us-content {
  padding: 20px 6rem 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.about-us.v2 .about-us-image figure {
  margin: auto;
}

.financial-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.financial-wrapper .financial-card {
  flex: 1;
  min-height: 220px;
}
.financial-wrapper .financial-card,
.financial-wrapper .report-download {
  background: #F4F4FB;
  /* Absolute/White */
  border: 1.33333px solid var(--white-color);
  box-shadow: 0px 2px 4px rgba(183, 183, 183, 0.25);
  border-radius: 16px;
  padding: 10px;
  text-align: center;
  transition: transform 0.2s ease-in-out;
}
.financial-wrapper .financial-card .financial-card-body,
.financial-wrapper .report-download .financial-card-body {
  padding: 20px 40px;
  background: var(--white-color);
  box-shadow: 0px 0px 10px rgba(183, 183, 183, 0.25);
  border-radius: 10px;
  height: 100%;
  width: 100%;
}
.financial-wrapper .financial-card .title,
.financial-wrapper .report-download .title {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
  margin-bottom: 20px;
}
.financial-wrapper .financial-card .value,
.financial-wrapper .report-download .value {
  font-size: 48px;
  font-weight: var(--weight-bold);
  color: var(--primary-color);
  line-height: 38px;
  margin-bottom: 15px;
}
.financial-wrapper .financial-card .value small,
.financial-wrapper .report-download .value small {
  font-size: 30px;
  font-weight: var(--weight-bold);
  margin-left: 2px;
  color: var(--primary-color);
}
.financial-wrapper .financial-card .note,
.financial-wrapper .report-download .note {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
}
.financial-wrapper .report-download {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.financial-wrapper .report-download .text {
  font-size: 36px;
  font-weight: var(--weight-bold);
  color: var(--primary-color);
  line-height: 44px;
  text-align: center;
  margin-bottom: 17px;
}
.financial-wrapper .report-download .arrow-btn a {
  background-color: var(--blue-15);
}

.investor-compliance {
  padding: 5rem 1rem 3rem;
  color: #fff;
}
.investor-compliance .disclosure-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}
.investor-compliance .disclosure-group {
  flex: 1;
}
.investor-compliance .disclosure-group h3 {
  font-size: 22px;
  font-weight: var(--weight-medium);
  line-height: 29px;
  color: var(--white-color);
  padding-top: 20px;
  border-top: 1px solid var(--white-25);
  margin-bottom: 15px;
}
.investor-compliance .disclosure-group ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 35px;
}
.investor-compliance .disclosure-group ul li {
  margin-bottom: 10px;
}
.investor-compliance .disclosure-group ul li a {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--white-75);
  transition: all 0.3s ease-in-out;
}
.investor-compliance .disclosure-group ul li a:hover {
  color: var(--white-color);
}
.investor-compliance .disclosure-group ul.bullet-list {
  list-style: disc;
  padding-left: 28px;
  margin-top: 15px;
}
.investor-compliance .disclosure-group ul.bullet-list li {
  list-style: disc;
  margin-bottom: 6px;
  color: #d3d3d3;
}

.cta-contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.cta-contact-item:hover {
  background-color: transparent;
}
.cta-contact-item:hover .icon-box:before {
  transform: scale(1);
}
.cta-contact-item:hover .icon-box .icon {
  stroke: var(--white-color);
}
.cta-contact-item .icon-box {
  position: relative;
  height: 58px;
  width: 58px;
  background-color: var(--blue-10);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  transition: all 0.4s ease-in-out;
}
.cta-contact-item .icon-box:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--primary-color);
  border-radius: 50%;
  height: 100%;
  width: 100%;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
}
.cta-contact-item .icon-box .icon {
  position: relative;
  transition: all 0.3s ease-in-out;
  z-index: 1;
  stroke: var(--primary-color);
  fill: none;
}
.cta-contact-item .cta-contact-item-content {
  width: calc(100% - 78px);
}

.address-box .left-box h3 {
  font-size: 36px;
  font-weight: var(--weight-bold);
  line-height: 32px;
  color: var(--text-black);
  margin-bottom: 20px;
}
.address-box .left-box h3 span {
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-75);
}
.address-box .left-box p, .address-box .left-box a {
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-75);
}
.address-box .left-box .cta-contact {
  margin-top: 40px;
}
.address-box .left-box .cta-contact .cta-contact-item {
  margin-bottom: 20px;
}
.address-box .left-box .cta-contact .cta-contact-item:last-child {
  margin-bottom: 0;
}
.address-box .left-box .cta-contact .cta-contact-item-content p {
  font-size: 20px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
}

.tab-body {
  margin-top: 80px;
}

.inquiry-form.right-box .report-card {
  padding: 20px;
}
.inquiry-form.right-box .report-card-detail {
  padding: 40px;
}
.inquiry-form.right-box .report-card-detail p {
  font-size: 30px;
  font-weight: var(--weight-light);
  line-height: 38px;
  color: var(--text-black);
  text-align: left;
}
.inquiry-form.right-box .report-card-detail p strong {
  font-weight: var(--weight-medium);
}
.inquiry-form.right-box .report-card-detail .cta-contact .cta-contact-item {
  margin-bottom: 20px;
}
.inquiry-form.right-box .report-card-detail .cta-contact .cta-contact-item:last-child {
  margin-bottom: 0;
}
.inquiry-form.right-box .report-card-detail .cta-contact .cta-contact-item-content p, .inquiry-form.right-box .report-card-detail .cta-contact .cta-contact-item-content a {
  font-size: 22px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
}
.inquiry-form.right-box .report-card-detail .cta-contact .cta-contact-item-content a {
  transition: all 0.2s ease-in-out;
}
.inquiry-form.right-box .report-card-detail .cta-contact .cta-contact-item-content a:hover {
  color: var(--primary-color);
}

.filters-sec .col-form-label {
  font-size: 20px;
  color: var(--navy-75);
}
.filters-sec hr {
  margin: 30px 0;
  color: var(--navy-50);
}

.accordion-v2 {
  margin-bottom: 80px;
}
.accordion-v2 .accordion-item {
  margin-bottom: 15px;
}
.accordion-v2 .accordion-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.accordion-v2 .accordion-item .accordion-button::after, .accordion-v2 .accordion-item .accordion-button.collapsed::after {
  content: "";
  background: url("../../assets/images/arrow-down.svg") no-repeat;
  background-position: right center;
  width: 24px;
  height: 24px;
  background-size: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s ease-in-out;
}
.accordion-v2 .accordion-item .accordion-button:not(.collapsed)::after {
  content: "";
  background: url("../../assets/images/arrow-up.svg") no-repeat;
  background-position: right center;
  width: 24px;
  height: 24px;
  background-size: auto;
}
.accordion-v2 .accordion-header {
  background-color: #D5E0EA;
  border-radius: 8px;
  padding: 17px 12px;
}
.accordion-v2 .accordion-header .accordion-button {
  font-size: 20px;
  font-weight: var(--weight-medium);
  line-height: 1.2em;
  color: var(--text-black);
  transition: all 0.3s ease-in-out;
}
.accordion-v2 .accordion-header .accordion-button span {
  margin-right: 7px;
}
.accordion-v2 .accordion-body {
  padding: 10px 0 5px;
}
.accordion-v2 .accordion-body .table {
  margin-bottom: 0;
  vertical-align: middle;
  border-radius: 8px;
}
.accordion-v2 .accordion-body .table.table-bordered {
  border-color: #D5E0EA;
}
.accordion-v2 .accordion-body .table thead th {
  background-color: #F3F3F3;
  font-size: 20px;
  font-weight: var(--weight-medium);
  padding: 15px 10px;
}
.accordion-v2 .accordion-body .table thead th.center-col {
  text-align: center;
}
.accordion-v2 .accordion-body .table tbody td {
  padding: 10px 10px;
  font-size: 18px;
  font-weight: var(--weight-light);
}
.accordion-v2 .accordion-body .table tbody td.center-col {
  text-align: center;
}
.accordion-v2 .accordion-body .table tbody td.center-col button {
  margin: auto;
}
.accordion-v2 .accordion-body p {
  margin: 0;
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-75);
}

.download-button {
  width: 40px;
  height: 40px;
  border-radius: 50rem;
  background-color: var(--blue-15);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: auto;
}
.download-button .icon {
  width: 18px;
  height: 18px;
  stroke: var(--primary-color);
}
.download-button:hover {
  background-color: var(--primary-color);
}
.download-button:hover .icon {
  stroke: var(--white-color);
}

.our-offices {
  position: relative;
  background-color: var(--light-gray);
}
.our-offices .left-box h4 {
  margin-bottom: 10px;
}
.our-offices .left-box p {
  color: var(--text-black);
}

.life-at-devit .row:nth-child(odd) .services-first-box {
  padding-right: 35px;
}
.life-at-devit .row:nth-child(even) .services-first-box {
  padding-left: 35px;
}
.life-at-devit .services-first-box h2 {
  font-size: 54px;
  font-weight: var(--weight-medium);
  color: var(--text-black);
  margin-bottom: 30px;
}
.life-at-devit .services-first-box h2 strong {
  font-weight: var(--weight-bold);
  display: block;
}
.life-at-devit .services-first-box h3 {
  font-size: 26px;
  font-weight: var(--weight-medium);
  color: var(--text-black);
  margin-bottom: 15px;
}
.life-at-devit .services-first-box p {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--text-black);
  line-height: 24px;
  margin-bottom: 30px;
}

.ldit-gallery {
  position: relative;
}
.ldit-gallery .ladi-accordion {
  width: 100%;
  max-width: 1080px;
  min-height: 500px;
  overflow: hidden;
  margin: 50px auto;
}
.ldit-gallery .ladi-accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}
.ldit-gallery .ladi-accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  min-height: 500px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;
  background-size: cover;
}
.ldit-gallery .ladi-accordion ul li:focus {
  outline: none;
}
.ldit-gallery .ladi-accordion ul li .ladi-accordion-content {
  display: block;
  overflow: hidden;
  width: 100%;
  border-right: 1px #fff solid;
}
.ldit-gallery .ladi-accordion ul li .ladi-accordion-content .ladi-accordion-content-inner {
  display: block;
  min-height: 500px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: Open Sans, sans-serif;
  transition: all 200ms ease;
}
.ldit-gallery .ladi-accordion ul li .ladi-accordion-content .ladi-accordion-content-inner h2 {
  text-overflow: clip;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 250px 10;
  color: #fff;
  display: none;
}
.ldit-gallery .ladi-accordion ul li .ladi-accordion-content .ladi-accordion-content-inner p {
  top: 250px 10;
  display: none;
  font-size: 13.5px;
}
.ldit-gallery .ladi-accordion ul li .ladi-accordion-content-inner * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  transform: translateX(-20px);
  transition: all 400ms ease;
}
.ldit-gallery .ladi-accordion ul.yearly-spotlight-gallery li:nth-child(1) {
  background-image: url("../images/lifeatdevit/yearly/yearly-spotlight-img1.jpg");
}
.ldit-gallery .ladi-accordion ul.yearly-spotlight-gallery li:nth-child(2) {
  background-image: url("../images/lifeatdevit/yearly/yearly-spotlight-img2.jpg");
}
.ldit-gallery .ladi-accordion ul.yearly-spotlight-gallery li:nth-child(3) {
  background-image: url("../images/lifeatdevit/yearly/yearly-spotlight-img3.jpg");
}
.ldit-gallery .ladi-accordion ul.yearly-spotlight-gallery li:nth-child(4) {
  background-image: url("../images/lifeatdevit/yearly/yearly-spotlight-img4.jpg");
}
.ldit-gallery .ladi-accordion ul.yearly-spotlight-gallery li:nth-child(5) {
  background-image: url("../images/lifeatdevit/yearly/yearly-spotlight-img5.jpg");
}
.ldit-gallery .ladi-accordion ul.yearly-spotlight-gallery li:nth-child(6) {
  background-image: url("../images/lifeatdevit/yearly/yearly-spotlight-img6.jpg");
}
.ldit-gallery .ladi-accordion ul.yearly-spotlight-gallery li:nth-child(7) {
  background-image: url("../images/lifeatdevit/yearly/yearly-spotlight-img7.jpg");
}
.ldit-gallery .ladi-accordion ul.sport-spotlight-gallery li:nth-child(1) {
  background-image: url("../images/lifeatdevit/Sport/sport-event-img1.jpg");
}
.ldit-gallery .ladi-accordion ul.sport-spotlight-gallery li:nth-child(2) {
  background-image: url("../images/lifeatdevit/Sport/sport-event-img2.jpg");
}
.ldit-gallery .ladi-accordion ul.sport-spotlight-gallery li:nth-child(3) {
  background-image: url("../images/lifeatdevit/Sport/sport-event-img5.jpg");
}
.ldit-gallery .ladi-accordion ul.sport-spotlight-gallery li:nth-child(4) {
  background-image: url("../images/lifeatdevit/Sport/sport-event-img4.jpg");
}
.ldit-gallery .ladi-accordion ul.sport-spotlight-gallery li:nth-child(5) {
  background-image: url("../images/lifeatdevit/Sport/sport-event-img3.jpg");
}
.ldit-gallery .ladi-accordion ul.sport-spotlight-gallery li:nth-child(6) {
  background-image: url("../images/lifeatdevit/Sport/sport-event-img6.jpg");
}
.ldit-gallery .ladi-accordion ul.sport-spotlight-gallery li:nth-child(7) {
  background-image: url("../images/lifeatdevit/Sport/sport-event-img7.jpg");
}
.ldit-gallery .ladi-accordion ul.escape-spotlight-gallery li:nth-child(1) {
  background-image: url("../images/lifeatdevit/escape/escape-event-img1.jpg");
}
.ldit-gallery .ladi-accordion ul.escape-spotlight-gallery li:nth-child(2) {
  background-image: url("../images/lifeatdevit/escape/escape-event-img2.jpg");
}
.ldit-gallery .ladi-accordion ul.escape-spotlight-gallery li:nth-child(3) {
  background-image: url("../images/lifeatdevit/escape/escape-event-img5.jpg");
}
.ldit-gallery .ladi-accordion ul.escape-spotlight-gallery li:nth-child(4) {
  background-image: url("../images/lifeatdevit/escape/escape-event-img4.jpg");
}
.ldit-gallery .ladi-accordion ul.escape-spotlight-gallery li:nth-child(5) {
  background-image: url("../images/lifeatdevit/escape/escape-event-img3.jpg");
}
.ldit-gallery .ladi-accordion ul.escape-spotlight-gallery li:nth-child(6) {
  background-image: url("../images/lifeatdevit/escape/escape-event-img6.jpg");
}
.ldit-gallery .ladi-accordion ul.escape-spotlight-gallery li:nth-child(7) {
  background-image: url("../images/lifeatdevit/escape/escape-event-img7.jpg");
}
.ldit-gallery .ladi-accordion ul.heartfelt-spotlight-gallery li:nth-child(1) {
  background-image: url("../images/lifeatdevit/heartfelt/heartfelt-event-img1.jpg");
}
.ldit-gallery .ladi-accordion ul.heartfelt-spotlight-gallery li:nth-child(2) {
  background-image: url("../images/lifeatdevit/heartfelt/heartfelt-event-img2.jpg");
}
.ldit-gallery .ladi-accordion ul.heartfelt-spotlight-gallery li:nth-child(3) {
  background-image: url("../images/lifeatdevit/heartfelt/heartfelt-event-img5.jpg");
}
.ldit-gallery .ladi-accordion ul.heartfelt-spotlight-gallery li:nth-child(4) {
  background-image: url("../images/lifeatdevit/heartfelt/heartfelt-event-img4.jpg");
}
.ldit-gallery .ladi-accordion ul.heartfelt-spotlight-gallery li:nth-child(5) {
  background-image: url("../images/lifeatdevit/heartfelt/heartfelt-event-img3.jpg");
}
.ldit-gallery .ladi-accordion ul.heartfelt-spotlight-gallery li:nth-child(6) {
  background-image: url("../images/lifeatdevit/heartfelt/heartfelt-event-img6.jpg");
}
.ldit-gallery .ladi-accordion ul.heartfelt-spotlight-gallery li:nth-child(7) {
  background-image: url("../images/lifeatdevit/heartfelt/heartfelt-event-img7.jpg");
}
.ldit-gallery .ladi-accordion ul:hover li, .ldit-gallery .ladi-accordion ul:focus-within li {
  width: 8%;
}
.ldit-gallery .ladi-accordion ul:hover li {
  width: 8% !important;
}
.ldit-gallery .ladi-accordion ul:hover li .ladi-accordion-content-inner * {
  opacity: 0 !important;
}
.ldit-gallery .ladi-accordion ul:hover li:hover {
  width: 60% !important;
}
.ldit-gallery .ladi-accordion ul:hover li:hover .ladi-accordion-content-inner {
  background: rgba(0, 0, 0, 0.1);
}

.ladi-accordion ul:hover li:hover, .ladi-accordion ul li:focus, .ladi-accordion ul:focus-within li:focus {
  width: 60%;
}

.ladi-accordion ul:hover li:hover .ladi-accordion-content-inner, .ladi-accordion ul li:focus .ladi-accordion-content-inner,
.ladi-accordion ul:focus-within li:focus .ladi-accordion-content-inner {
  background: rgba(0, 0, 0, 0.4);
}

.ladi-accordion ul:hover li:hover .ladi-accordion-content-inner *, .ladi-accordion ul li:focus .ladi-accordion-content-inner *, .ladi-accordion ul:focus-within li:focus .ladi-accordion-content-inner * {
  opacity: 1;
  transform: translateX(0);
}

.life-at-devit-tag {
  background: url("../images/lifeatdevit/bg.png") no-repeat, var(--primary-color);
  background-size: cover;
  padding: 80px;
  text-align: center;
}
.life-at-devit-tag h2 {
  font-size: 54px;
  font-weight: var(--weight-bold);
  margin-bottom: 25px;
  color: var(--white-color);
}
.life-at-devit-tag h3 {
  font-size: 26px;
  font-weight: var(--weight-medium);
  margin-bottom: 15px;
  color: var(--white-color);
}
.life-at-devit-tag p {
  font-size: 18px;
  font-weight: var(--weight-light);
  margin-bottom: 15px;
  color: var(--white-75);
}
.life-at-devit-tag .social-links {
  margin-top: 25px;
}
.life-at-devit-tag .social-links ul li a {
  border-color: var(--white-color);
}
.life-at-devit-tag .social-links ul li a:hover {
  background-color: var(--white-color);
}
.life-at-devit-tag .social-links ul li a:hover i {
  color: var(--primary-color);
}
.life-at-devit-tag .social-links ul li a i {
  color: var(--white-color);
}

/*solution offering */
.solution-offering h3 {
  font-size: 30px;
  font-weight: var(--weight-bold);
  margin-bottom: 30px;
}
.solution-offering .offerings a {
  font-size: 20px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
  border-bottom: 1px solid var(--navy-15);
  padding: 15px 0;
  margin-right: 10px;
  display: block;
  transition: all 0.3s ease-in-out;
}
.solution-offering .offerings a:hover {
  color: var(--primary-color);
}
.solution-offering .offerings a:hover .icon {
  stroke: var(--primary-color);
}
.solution-offering .offerings a .icon {
  stroke: var(--navy-75);
}

/*Policy Page*/
.policy-wrapper, .policies {
  counter-reset: section;
}
.policy-wrapper p, .policies p {
  font-size: 22px;
  font-weight: var(--weight-light);
  color: var(--navy-90);
  line-height: 28px;
  margin-bottom: 30px;
}
.policy-wrapper .policy-section, .policy-wrapper ol, .policies .policy-section, .policies ol {
  position: relative;
  list-style-type: none;
}
.policy-wrapper .policy-section div.section-heading, .policy-wrapper ol div.section-heading, .policies .policy-section div.section-heading, .policies ol div.section-heading {
  font-size: 26px;
  font-weight: var(--weight-medium);
  color: var(--text-black);
  margin-bottom: 10px;
  padding-left: 43px;
}
.policy-wrapper .policy-section div.section-heading:before, .policy-wrapper ol div.section-heading:before, .policies .policy-section div.section-heading:before, .policies ol div.section-heading:before {
  counter-increment: section;
  content: counter(section, decimal-leading-zero) " ";
  color: var(--text-black);
  font-weight: var(--weight-medium);
  position: absolute;
  left: 0;
}
.policy-wrapper .policy-section p.section-paragraph, .policy-wrapper ol p.section-paragraph, .policies .policy-section p.section-paragraph, .policies ol p.section-paragraph {
  padding-left: 43px;
}
.policy-wrapper .policy-section p.section-paragraph a, .policy-wrapper ol p.section-paragraph a, .policies .policy-section p.section-paragraph a, .policies ol p.section-paragraph a {
  color: var(--secondary-color);
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
.policy-wrapper .policy-section p.section-paragraph a:hover, .policy-wrapper ol p.section-paragraph a:hover, .policies .policy-section p.section-paragraph a:hover, .policies ol p.section-paragraph a:hover {
  text-decoration: none;
  color: var(--primary-color);
}
.policy-wrapper .note ol li h5, .policies .note ol li h5 {
  font-size: 26px;
  font-weight: var(--weight-medium);
  color: var(--text-black);
  margin-bottom: 10px;
  padding-left: 15px;
}
.policy-wrapper .note ol li h5:before, .policies .note ol li h5:before {
  counter-increment: section;
  content: counter(section, decimal-leading-zero) " ";
  color: var(--text-black);
  font-weight: var(--weight-medium);
  position: absolute;
  left: 0;
}
.policy-wrapper .note ol li p, .policies .note ol li p {
  margin-left: 15px;
}
.policy-wrapper .note ol li p a, .policies .note ol li p a {
  color: var(--primary-color);
}

.note ol li h5 {
  font-size: 26px;
  font-weight: var(--weight-medium);
  color: var(--text-black);
  margin-bottom: 10px;
  padding-left: 15px;
}
.note ol li h5:before {
  counter-increment: section;
  content: counter(section, decimal-leading-zero) " ";
  color: var(--text-black);
  font-weight: var(--weight-medium);
  position: absolute;
  left: 0;
}
.note ol li p {
  margin-left: 15px;
}

.our-services-inner.innovation .services-card .services-image-container {
  height: 295px;
}
.our-services-inner.innovation .services-card:last-child {
  margin-bottom: 0;
}
.our-services-inner.innovation .cloud-advisory-wrapper {
  padding-top: 10px;
  padding-bottom: 0;
}

.innovation-hub-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.technology-section {
  padding-top: 30px;
}
.technology-section h2 {
  font-size: 54px;
  font-weight: var(--weight-bold);
  line-height: 66px;
  color: var(--text-black);
  margin-bottom: 25px;
}
.technology-section p {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--text-black);
}

.technology-card {
  position: relative;
  border-radius: 16px;
  flex-direction: column;
  align-items: stretch;
  background-color: var(--white-color);
  padding: 30px;
  border: 1px solid transparent;
  transition: all 0.2s ease-in-out;
  height: 400px;
}
.technology-card:hover {
  transform: translateY(-12px);
  box-shadow: 0px 4px 25px -7px #e7e7e7;
}
.technology-card:hover .technology-container .technology-content h3 a {
  color: var(--primary-color);
}
.technology-card .technology-logo .icon {
  width: 65px;
  height: 65px;
}
.technology-card .technology-container {
  transition: all 0.4s ease-in-out;
  z-index: 1;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
}
.technology-card .technology-container .technology-content h3 a, .technology-card .technology-container .technology-content h3 span {
  font-size: 36px;
  font-weight: var(--weight-medium);
  line-height: 44px;
  color: var(--text-black);
  margin-bottom: 15px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
.technology-card .technology-container .technology-detail {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-75);
  margin-bottom: 0;
}

.innovation-hub {
  padding-bottom: 0;
}

.about-us-image.center-img figure {
  text-align: center;
  margin: auto;
  width: 95%;
}

/* News Card */
.news-page h1.page-title {
  font-size: 54px;
  font-weight: var(--weight-bold);
  color: var(--text-black);
  margin-bottom: 0;
  cursor: none;
}

.news-card .news-meta {
  display: flex;
  align-items: start;
  font-size: var(--default-font);
  color: var(--text-black);
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--navy-15);
}
.news-card img.wp-post-image {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.news-card h3.news-title {
  color: var(--text-black);
  font-size: 22px;
  font-weight: var(--weight-bold);
  line-height: 29px;
  margin: 0;
}
.news-card p .news-excerpt {
  color: var(--text-black);
  font-size: 18px;
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.news-card .read-more-link .icon {
  stroke: var(--text-black);
}

.news-grid .blog-card {
  background: rgba(255, 255, 255, 0.4);
  border: 0.983548px solid #FFFFFF;
  box-shadow: 0px 1.47532px 2.95064px rgba(183, 183, 183, 0.25);
  border-radius: 12px;
  padding: 17px;
}
.news-grid .blog-card img {
  min-height: 270px;
  max-height: 270px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Awards */
.awards-wrapper {
  overflow: hidden;
  padding: 15px 0;
}
.awards-wrapper .awards-header {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--navy-25);
  margin-bottom: 30px;
}
.awards-wrapper .awards-header .year-title {
  color: #000;
  font-size: 48px;
  font-weight: var(--weight-bold);
  color: var(--text-black);
  margin-bottom: 0;
}
.awards-wrapper .awards-year-block {
  margin-bottom: 75px;
}
.awards-wrapper .awards-year-block .swiper-slide {
  background: rgba(255, 255, 255, 0.4);
  border: 0.983548px solid #FFFFFF;
  box-shadow: 0px 1.47532px 2.95064px rgba(183, 183, 183, 0.25);
  border-radius: 12px;
  padding: 10px;
  height: auto;
}
.awards-wrapper .awards-year-block .swiper-slide img {
  border-radius: 8px;
  width: 100%;
  max-height: 280px;
}
.awards-wrapper .awards-year-block p {
  font-size: 22px;
  font-weight: 500;
  line-height: 29px;
  color: var(--text-black);
  padding: 10px;
}
.awards-wrapper .awards-year-block .slider-nav {
  gap: 20px;
}
.awards-wrapper .awards-year-block .slider-nav .swiper-button-prev, .awards-wrapper .awards-year-block .slider-nav .swiper-button-next {
  width: 56px;
  height: 56px;
  font-size: 16px;
  left: 0;
  right: 0;
}

/************************************************************/
/***     23. InnerPages --- Industries css   ***/
/************************************************************/
.proposal-sec {
  padding: 80px 0;
}

.approach-section {
  padding-top: 0;
}
.approach-section .steps-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.approach-section .steps-container .step-card {
  text-align: center;
  position: relative;
}
.approach-section .steps-container .step-card:nth-child(odd) {
  margin-top: 35px;
}
.approach-section .steps-container .step-card:nth-child(odd) .step-header {
  top: -20px;
  margin-bottom: 20px;
}
.approach-section .steps-container .step-card:nth-child(odd):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 103.5%;
  height: 45%; /* as the half of the width */
  background-color: transparent;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  border: 10px solid #000;
  border-bottom: 0;
}
.approach-section .steps-container .step-card:nth-child(odd) .step-icon {
  margin-bottom: 15px;
}
.approach-section .steps-container .step-card:nth-child(even) {
  margin-bottom: 35px;
}
.approach-section .steps-container .step-card:nth-child(even) .step-header {
  bottom: -15px;
  margin-top: 20px;
}
.approach-section .steps-container .step-card:nth-child(even):before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 103.4%;
  height: 45%; /* as the half of the width */
  background-color: transparent;
  border-radius: 0 0 50% 50%/0 0 100% 100%;
  border: 10px solid #000;
  border-top: 0;
}
.approach-section .steps-container .step-card:nth-child(even) .step-icon {
  margin-top: 15px;
}
.approach-section .steps-container .step-card:nth-child(1):before {
  border-top-color: #F73B5E;
  border-right-color: #F73B5E;
  border-left-color: #F73B5E;
}
.approach-section .steps-container .step-card:nth-child(2):before {
  border-bottom-color: #FF9A32;
  border-left-color: #FF9A32;
  border-right-color: #FF9A32;
}
.approach-section .steps-container .step-card:nth-child(3):before {
  border-top-color: #FF6E3F;
  border-right-color: #FF6E3F;
  border-left-color: #FF6E3F;
}
.approach-section .steps-container .step-card:nth-child(4):before {
  border-bottom-color: #01C0A1;
  border-left-color: #01C0A1;
  border-right-color: #01C0A1;
}
.approach-section .steps-container .step-card:nth-child(5):before {
  border-top-color: #0066B8;
  border-right-color: #0066B8;
  border-left-color: #0066B8;
}
.approach-section .steps-container .step-card:hover .step-header .step-number {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.approach-section .steps-container .step-card .step-header {
  display: inline-block;
  z-index: 2;
  position: relative;
}
.approach-section .steps-container .step-card .step-header .step-number {
  background: #FFFFFF;
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--weight-medium);
  font-size: 26px;
  color: var(--primary-color);
  width: 50px;
  height: 50px;
  transition: all 0.2s ease-in-out;
}
.approach-section .steps-container .step-card .step-icon {
  width: 161px;
  height: 161px;
  background: rgba(37, 80, 124, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  transition: all 0.2s ease-in-out;
}
.approach-section .steps-container .step-card .step-content .step-title {
  font-weight: var(--weight-medium);
  font-size: 20px;
  color: var(--text-black);
  margin-bottom: 5px;
}
.approach-section .steps-container .step-card .step-content .step-text {
  font-weight: var(--weight-light);
  font-size: 18px;
  color: var(--navy-50);
}
@media (max-width: 992px) {
  .approach-section .steps-container .step {
    flex: 1 1 calc(45% - 10px);
  }
}
@media (max-width: 600px) {
  .approach-section .steps-container .step {
    flex: 1 1 100%;
  }
}

.industries-benefits {
  padding-top: 150px;
}
.industries-benefits .industries-item {
  position: relative;
  margin-bottom: 30px;
  border-radius: 16px;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  flex-direction: column;
  align-items: stretch;
  background-color: var(--white-color);
  padding: 30px;
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.05);
  border: 1px solid transparent;
  transition: all 0.2s ease-in-out;
  height: 452px;
}
.industries-benefits .industries-item:hover {
  border-color: #d8d8d8;
}
.industries-benefits .industries-item:hover .industries-container .industries-content h3 a {
  color: var(--primary-color);
}
.industries-benefits .industries-item .industries-logo .icon {
  width: 65px;
  height: 65px;
}
.industries-benefits .industries-container {
  transition: all 0.4s ease-in-out;
  z-index: 1;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
}
.industries-benefits .industries-container .industries-content h3 a {
  font-size: 25px;
  font-weight: var(--weight-medium);
  line-height: 28px;
  color: var(--text-black);
  margin-bottom: 15px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
.industries-benefits .industries-container .industries-detail p {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--text-black);
  margin-bottom: 0;
}
.industries-benefits .industries-container .industries-detail ul li {
  font-size: 16px;
  font-weight: var(--weight-light);
  line-height: 24px;
  color: var(--navy-75);
  margin-bottom: 0;
  list-style-type: disc;
}
.industries-benefits .button-container {
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.industries-benefits .button-container .swiper-button-next, .industries-benefits .button-container .swiper-button-prev {
  background-color: var(--white-color);
  border-radius: 50rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  top: 65%;
}
.industries-benefits .button-container .swiper-button-next {
  right: 74px;
}
.industries-benefits .button-container .swiper-button-next:after {
  content: "";
  background: url("../../assets/images/arrow-left.svg") no-repeat;
  width: 25px;
  height: 25px;
}
.industries-benefits .button-container .swiper-button-prev {
  left: 74px;
}
.industries-benefits .button-container .swiper-button-prev:after {
  content: "";
  background: url("../../assets/images/arrow-right.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.main-Industries ul#menu-industries {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.industries-sec.key-benefits {
  clip-path: polygon(0 100%, 0 40%, 0% 10%, 155% 0%, 100% 100%);
}
.industries-sec.key-benefits .card-container {
  padding-bottom: 0;
  border: none;
}
.industries-sec.key-benefits .card-container .card-style-3 {
  padding: 20px;
  height: calc(100% - 25px);
  margin-bottom: 0;
}
.industries-sec.key-benefits .card-container .card-style-3 .item-title {
  line-height: 38px;
  margin-bottom: 10px;
}
.industries-sec.key-benefits .card-container .card-style-3 .item-links {
  margin-bottom: 20px;
}
.industries-sec.key-benefits .card-container .card-style-3 .item-links a, .industries-sec.key-benefits .card-container .card-style-3 .item-links span {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--white-75);
  text-decoration: underline;
}
.industries-sec.key-benefits .card-container .card-style-3 .item-links a:hover, .industries-sec.key-benefits .card-container .card-style-3 .item-links span:hover {
  color: var(--white-color);
}
.industries-sec.key-benefits .card-container .card-style-3 .item-links span {
  text-decoration: none;
}
.industries-sec.key-benefits .card-container .card-style-3 .item-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  min-height: 296px;
  justify-content: space-between;
}
.industries-sec.key-benefits .card-container .card-style-3 .item-content .item-body-content {
  margin-bottom: 20px;
}
.industries-sec.key-benefits .about-us-content p {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: var(--weight-light);
  color: var(--white-color);
}
.industries-sec.key-benefits .about-us-content .section-subtitle {
  margin-top: 20px;
  margin-bottom: 25px;
  font-size: 25px;
  font-weight: var(--weight-medium);
  color: var(--white-color);
}
.industries-sec.about-us {
  clip-path: polygon(0 100%, 0 40%, 0% 10%, 155% 0%, 100% 100%);
}
.industries-sec.about-us .about-us-content p {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: var(--weight-light);
  color: var(--navy-75);
}
.industries-sec.why-devit {
  background: url(../../assets/images/bg-wave.png) no-repeat, var(--text-black);
  background-position: bottom center;
}
.industries-sec.why-devit .card-style-3 {
  height: calc(100% - 25px);
  margin-bottom: 0;
}
.industries-sec.why-devit .card-style-3 .item-title {
  font-weight: var(--weight-bold);
  font-size: 48px;
}
.industries-sec.why-devit .card-style-3 .item-text {
  color: var(--white-75);
  font-size: 20px;
}
.industries-sec.why-devit .card-style-3 .item-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  min-height: 177px;
  justify-content: space-between;
  gap: 20px;
}
.industries-sec.why-devit .card-style-3 .item-content .item-body-content {
  bottom: 20px;
  display: inline-block;
  position: relative;
}

.solution-section {
  background: url(../../assets/images/bg-wave.png) no-repeat, var(--text-black);
  background-position: center 270%;
  background-size: 100% 84%;
}

.module-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.module-grid .module-item {
  padding: 20px;
  border: 1px solid var(--white-40);
  background: var(--white-05);
  border-radius: 8px;
  text-align: center;
  flex: 0 0 calc(20% - 20px);
  transition: all 0.2s linear;
  position: relative;
}
.module-grid .module-item:hover {
  border-color: var(--white-color);
}
.module-grid .module-item .module-icon {
  margin-bottom: 26px;
}
.module-grid .module-item .module-title {
  font-size: 20px;
  font-weight: var(--weight-medium);
  color: var(--white-color);
}

.devit-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}

.devit-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
  font-weight: inherit;
}

.devit-words-wrapper b.is-visible {
  position: relative;
}

.no-js .devit-words-wrapper b {
  opacity: 0;
}

.no-js .devit-words-wrapper b.is-visible {
  opacity: 1;
}

.devit-headline.clip span {
  display: inline-block;
  transition: none;
}

.devit-headline.clip .devit-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.devit-headline.clip .devit-words-wrapper::after {
  top: 10px;
  right: 0;
  width: 4px;
  content: "";
  height: 80%;
  position: absolute;
  background-color: var(--secondary-color);
}

.devit-headline.clip b {
  opacity: 0;
}

.devit-headline.clip b.is-visible {
  opacity: 1;
}

@keyframes line1 {
  0% {
    top: 0px;
    opacity: 1;
  }
  50% {
    top: 50%;
  }
  100% {
    top: 100%;
    opacity: 1;
  }
}
@keyframes line2 {
  0% {
    opacity: 1;
    bottom: 0px;
  }
  50% {
    bottom: 50%;
  }
  100% {
    bottom: 100%;
    opacity: 1;
  }
}
@media (min-width: 1500px) {
  .container {
    max-width: 1512px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1400px) {
  .container {
    max-width: 1360px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .organization-container {
    padding-left: calc((100vw - 1070px) / 2);
    padding-right: 20px;
  }
  .organization-container .organization-item .content h3 {
    font-size: 25px;
    line-height: 34px;
  }
  .organization-container .organization-item .organization-icon .icon {
    max-width: 80px;
    max-height: 80px;
  }
}
@media only screen and (min-width: 1501px) and (max-width: 1700px) {
  .we-are-devit .stats-card .stats-highlight {
    font-size: 52px;
  }
  .we-are-devit .stats-card .stats-content .stats-title {
    font-size: 25px;
  }
  .we-are-devit .stats-card .stats-body .stats-bottom {
    padding: 30px 30px;
  }
  .inner-pages .hero .hero-image-container .hero-image-section {
    bottom: calc(100% + 70px);
  }
  .inner-pages .industries-slider {
    padding: 0 80px;
  }
  .inner-pages .industries-benefits .industries-item {
    height: 412px;
  }
  .inner-pages .industries-benefits .button-container .swiper-button-next {
    right: 24px;
  }
  .inner-pages .industries-benefits .button-container .swiper-button-prev {
    left: 24px;
  }
  .video-wrapper .video-container {
    width: 91.6%;
    margin: auto;
  }
  .our-services-slider {
    width: 87%;
    margin: auto;
  }
  .our-services .button-container .swiper-button-prev {
    left: 24px;
  }
  .our-services .button-container .swiper-button-next {
    right: 24px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .section-title h1, .inner-pages .hero-content .section-title h1 {
    font-size: 45px;
  }
  .section-title p, .inner-pages .hero-content .section-title p {
    margin-bottom: 20px;
  }
  .section-title h2, .inner-pages .hero-content .section-title h2 {
    font-size: 40px;
  }
  .section-title .subheading, .inner-pages .hero-content .section-title .subheading {
    font-size: 18px;
  }
  section, .proposal-sec {
    padding: 40px 0;
  }
  .we-are-devit {
    margin-top: -210px;
    clip-path: polygon(0 100%, 0 30%, 0% 5%, 100% 0%, 100% 100%);
    padding: 270px 0 188px;
  }
  .we-are-devit .section-heading {
    font-size: 155px;
    line-height: 96px;
  }
  .we-are-devit .stats-card .stats-body .stats-top {
    padding: 30px 15px 20px;
  }
  .we-are-devit .stats-card .stats-body .stats-bottom {
    padding: 20px 15px;
  }
  .we-are-devit .stats-card .stats-highlight {
    font-size: 52px;
  }
  .we-are-devit .stats-card .stats-content {
    left: 15px;
    right: 15px;
  }
  .container {
    max-width: 1280px;
  }
  .testimonial .testimonial-slider .swiper-slide {
    width: 77%;
  }
  .post-item {
    padding: 0 10px;
  }
  .about-us {
    padding-top: 80px;
  }
  .about-us .about-us-image {
    margin-top: -425px;
  }
  .about-us .about-us-content .about-us-content-body {
    margin-bottom: 50px;
  }
  .about-us .about-us-content .about-us-content-body .about-us-content-list ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 10px;
  }
  .about-us.v2 .about-us-content {
    padding-right: 1rem;
  }
  .our-services .button-container .swiper-button-next, .our-services .button-container .swiper-button-prev {
    top: 95%;
  }
  .our-services .button-container .swiper-button-prev {
    left: 43%;
  }
  .our-services .button-container .swiper-button-next {
    right: 43%;
  }
  .our-services .our-services-slider .service-content {
    top: 20px;
    left: 20px;
    right: 20px;
  }
  .our-services .our-services-slider .service-content h3 {
    font-size: 25px;
    line-height: 30px;
  }
  .our-services .our-services-slider .service-btn {
    left: 20px;
    bottom: 10px;
  }
  .our-services .our-services-slider .service-image a figure:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 65%);
  }
  .dd-menu-left-content .dd-menu-name {
    font-size: 2rem;
  }
  .dd-menu-right-content .dd-menu-name {
    font-size: 2rem;
  }
  .main-footer {
    padding: 30px 0 0;
  }
  .main-footer .footer-header {
    padding-bottom: 20px;
  }
  .main-footer .footer-header .certificate-area {
    gap: 15px;
  }
  .main-footer .footer-header .certificate-area .certificate-item {
    padding-bottom: 20px;
  }
  .main-footer .footer-header .certificate-area .certificate-item .certificate-images img {
    width: auto;
    height: 42px;
  }
  .main-footer .footer-body {
    padding: 40px 0;
  }
  .main-footer .footer-body .footer-devit {
    padding-right: 0;
  }
  .main-footer .footer-body .footer-devit .footer-location {
    margin-bottom: 50px;
  }
  .main-footer .footer-body .footer-devit .footer-location p {
    font-size: var(--default-fontsize);
  }
  .main-footer .footer-body .footer-devit .footer-text p {
    font-size: var(--default-fontsize);
  }
  .main-footer .footer-body .footer-links {
    margin-bottom: 50px;
  }
  .main-footer .footer-latest-news h3 {
    font-size: 20px;
  }
  .main-footer .footer-latest-news .footer-newsletter-info p {
    font-size: var(--default-fontsize);
  }
  .main-footer .footer-links h3 {
    font-size: 20px;
  }
  .main-footer .footer-links ul li a {
    font-size: var(--default-fontsize);
  }
  .main-footer .footer-copyright {
    padding: 30px 0 20px;
  }
  .main-footer .footer-copyright .footer-copyright-text {
    margin-bottom: 10px;
  }
  .main-footer .footer-copyright .footer-copyright-text p {
    font-size: var(--default-fontsize);
  }
  .main-footer .footer-copyright .footer-menu ul li a {
    font-size: var(--default-fontsize);
  }
  .btn-default, .btn-secondary {
    padding: 13px 20px;
    font-size: 18px;
  }
  .inner-pages .key-counter {
    padding: 0 10px;
  }
  .inner-pages .key-counter p {
    font-size: 16px;
  }
  .inner-pages .hero {
    padding-top: 160px;
    padding-bottom: 50px;
  }
  .inner-pages .hero .hero-image-container .hero-image-section {
    width: 42%;
    bottom: calc(100% + 110px);
  }
  .inner-pages .hero .hero-image-container .hero-image-section img {
    max-width: 480px;
  }
  .inner-pages .hero .sub-container {
    margin-top: 12px;
  }
  .inner-pages .our-services-inner {
    padding-bottom: 0;
  }
  .inner-pages .our-services-inner .services-card {
    align-items: flex-start;
    gap: 20px;
  }
  .inner-pages .our-services-inner .services-card .services-image-container {
    width: 320px;
    height: auto;
    max-height: 437px;
    max-width: 320px;
  }
  .inner-pages .our-services-inner .services-card .services-content-list {
    margin-bottom: 65px;
  }
  .inner-pages .our-services-inner .services-card .services-content-list ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .inner-pages .our-services-inner .cloud-advisory-wrapper {
    padding: 80px 1.5rem;
  }
  .inner-pages .our-services-inner .cloud-advisory-wrapper .progress-line-border-line {
    top: 0;
    height: 100%;
    overflow: hidden;
  }
  .inner-pages .about-us {
    padding: 40px 0;
  }
  .inner-pages .about-us .about-us-content .about-us-content-body {
    margin-bottom: 0;
  }
  .inner-pages .technologies .nav-tabs {
    justify-content: space-around;
  }
  .inner-pages .technologies .nav-tabs .nav-link {
    min-width: auto;
  }
  .inner-pages .key-benefits .key-benefits-footer .section-title h3 {
    font-size: 40px;
  }
  .organization-container {
    padding-left: calc((100vw - 1100px) / 2);
  }
  .organization-container .organization-item .content h3 {
    font-size: 25px;
    line-height: 34px;
  }
  .organization-container .organization-item .organization-icon .icon {
    max-width: 80px;
    max-height: 80px;
  }
  body {
    background-size: 100% 100vh;
  }
  body:before {
    background-size: 100% 100%;
  }
  .dd-menu-right-content .dd-nav-menu-name {
    color: #202231;
    margin-bottom: 15px;
    font-size: 1.1rem;
    padding-bottom: 5px;
  }
  .dd-menu-right-content .dd-nav-menu-name a {
    font-size: 1.1rem;
  }
  .main-menu ul .mega-menu li {
    margin-bottom: 5px;
  }
  .main-menu ul .mega-menu li a {
    font-size: 16px;
  }
  .career-top .career-img {
    width: 316px;
    height: 353px;
  }
  .career-top .section-title {
    padding-left: 20px;
    margin-bottom: 0;
  }
  .career-top .career-img-small {
    width: 149px;
    height: 137px;
    margin-right: 95px;
  }
  .career-page .horizontal-slider {
    padding: 30px 0 50px;
  }
  .career-page .we-are-devit .threeD-animation img {
    height: 78%;
  }
  .brand-items h2 {
    font-size: 72px;
    margin: 0 70px;
  }
  .brand-items h2:after {
    width: 50px;
    height: 50px;
    right: -30px;
  }
  .section {
    padding: 60px 0;
  }
  .faq-section .faq-title {
    margin: 0;
    width: 95%;
  }
  .faq-section .faq-title h2 {
    font-size: 44px;
    line-height: 46px;
  }
  .faq-section .faq-accordion .accordion-item .accordion-button::after, .faq-section .faq-accordion .accordion-item .accordion-button.collapsed::after {
    font-size: 16px;
    width: 35px;
    height: 35px;
  }
  .faq-section .faq-accordion .accordion-item .accordion-button:not(.collapsed)::after {
    font-size: 18px;
  }
  .scrollup-btn {
    width: 50px;
    height: 50px;
  }
  .case-studies-detail {
    padding-top: 0;
    padding-bottom: 120px;
  }
  .case-studies-detail .project-entry .project-info h2 {
    font-size: 35px;
    line-height: 36px;
  }
  .case-studies-detail .project-entry .project-info h3 {
    font-size: 22px;
    font-weight: var(--weight-medium);
    line-height: 28px;
    color: var(--text-black);
    margin-bottom: 20px;
  }
  .case-studies-detail .project-entry .project-info p {
    font-size: 18px;
  }
  .case-studies-detail:before {
    bottom: 0px;
    clip-path: polygon(-30% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 95%);
    height: 93%;
    top: auto;
  }
  .case-studies-detail .case-studies-video .video-container {
    margin-bottom: 30px;
  }
  .case-studies-detail .case-studies-video p {
    font-size: 20px;
  }
  .case-section {
    padding-top: 40px;
  }
  .case-section .section-heading {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .case-section .section-subheading {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 10px;
  }
  .case-section .section-text p {
    font-size: 20px;
  }
  .case-section .case-content:last-child {
    margin-bottom: 0;
  }
  .highlight-box {
    padding: 25px 25px;
  }
  .highlight-box .highlight-content h3 {
    font-size: 45px;
    line-height: 50px;
  }
  .highlight-box .highlight-content p {
    font-size: 20px;
    line-height: 25px;
  }
  /*--- BOD CSS Start ---*/
  .industries-sec.key-benefits {
    clip-path: polygon(0 100%, 0 40%, 0% 10%, 205% 0%, 100% 100%);
  }
  .industries-sec.why-devit .card-style-3 {
    padding: 20px;
  }
  .industries-sec.why-devit .card-style-3 .item-title {
    font-size: 32px;
  }
  .industries-sec.why-devit .card-style-3 .item-text {
    font-size: 18px;
  }
  .industries-benefits .button-container .swiper-button-next {
    right: 24px;
  }
  .industries-benefits .button-container .swiper-button-prev {
    left: 24px;
  }
  .info-section-grid .info-card .info-card-text {
    font-size: 20px;
    line-height: 26px;
  }
  .info-section-grid .info-card .info-card-number {
    width: 50px;
    height: 50px;
    font-size: 22px;
    margin: 0 15px 15px 0;
  }
  .info-section-grid .info-card .info-card-content {
    padding: 20px 20px;
  }
  .info-section-grid .info-card .info-card-content .info-card-number {
    flex: 1 0 auto;
  }
  .module-grid .module-item {
    flex: 22%;
  }
  .card-style-3 .item-title {
    font-size: 26px;
    line-height: 34px;
  }
  .approach-section .steps-container .step-card:nth-child(odd):before {
    width: 104.6%;
  }
  .approach-section .steps-container .step-card:nth-child(odd) .step-header {
    margin-bottom: 10px;
  }
  .approach-section .steps-container .step-card:nth-child(even):before {
    width: 104.6%;
  }
  .approach-section .steps-container .step-card:nth-child(even) .step-header {
    margin-top: 10px;
  }
  .approach-section .steps-container .step-card .step-icon {
    width: 80px;
    height: 80px;
  }
  .approach-section .steps-container .step-card .step-icon img {
    width: 40px;
  }
  .approach-section .steps-container .step-card .step-header {
    margin-top: 0;
    margin-bottom: 0;
  }
  .approach-section .steps-container .step-card .step-content .step-title {
    font-size: 18px;
  }
  .approach-section .steps-container .step-card .step-content .step-text {
    font-size: 16px;
  }
  /*--- END ---*/
  /*--- BOD CSS Start ---*/
  .bod-section .floating-button {
    padding: 10px 15px;
  }
  .bod-section .floating-button .social-links ul li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 5px;
  }
  .bod-section .bod-about-box {
    display: inline-block;
    gap: 20px 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
  }
  .bod-section .bod-about-box:last-child {
    border: none;
    padding: 0;
    margin-bottom: 0;
  }
  .bod-section .bod-about-box .bod-single-image {
    width: auto;
    float: left;
    margin-right: 20px;
  }
  .bod-section .bod-about-box .bod-about-content {
    flex: 0 1 auto;
  }
  /*--- BOD CSS End ---*/
  .quick-inquiry {
    padding: 40px 0;
  }
  .quick-inquiry .inquiry-form {
    height: 100%;
    display: flex;
  }
  .quick-inquiry .inquiry-form figure {
    margin-bottom: 0;
  }
  .quick-inquiry .address-block .inquiry-form {
    display: block;
  }
  .advisory-card .advisory-content .advisory-title {
    font-size: 28px;
    line-height: 34px;
  }
  .cloud-banner .cloud-content h3 {
    font-size: 40px;
  }
  .cloud-banner .cloud-content p {
    font-size: 20px;
  }
  .technologies .technologies-grid {
    gap: 15px;
  }
  .technologies .technologies-grid .item img {
    max-height: 50px;
  }
  .technologies .technologies-grid .item .subtitle {
    font-size: 16px;
  }
  .card-style-3 .item-icon {
    width: 60px;
    height: 60px;
    padding: 10px;
  }
  .team-item .team-image .team-description p {
    font-size: 15px;
  }
  .team-item .team-content .team-detail h2 {
    font-size: 22px;
  }
  .team-item .team-content .team-detail p.department {
    font-size: 16px;
  }
  .team-item .team-content .team-social-icon ul li a {
    width: 40px;
    height: 40px;
  }
  .team-item .team-content .team-social-icon ul li a i {
    font-size: 16px;
  }
  .h-navtab .nav-tabs .nav-link {
    font-size: 18px;
    min-width: 150px;
  }
  .h-navtab .nav-tabs .nav-item {
    margin-right: 10px;
  }
  /* solution section */
  .solution-section {
    background-position: bottom center;
    background-size: 100%;
  }
  .about-us-inner .about-us-content .about-us-content-body {
    margin-bottom: 0;
  }
  .about-us-inner .about-us-content .about-us-content-body .about-us-content-list ul {
    grid-template-columns: repeat(2, 1fr);
  }
  /* News */
  .news-grid .blog-card {
    flex: 0 0 31.4%;
    width: 100% !important;
  }
  .technology-card {
    font-size: 44px;
    line-height: 47px;
  }
  .technology-card .technology-container .technology-content h3 a, .technology-card .technology-container .technology-content h3 span {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .technologies .nav-pills {
    justify-content: flex-start;
    padding: 0;
  }
  .technologies .nav-pills .nav-link {
    min-width: auto;
    width: 100%;
  }
  .technologies .technologies-grid {
    padding-bottom: 40px;
  }
  .technologies .technologies-grid .item {
    flex: 20%;
    padding: 0 5px;
  }
  .financial-wrapper .financial-card {
    min-height: auto;
  }
  .blog-single-post .post-content .post-body-content .cloud-banner {
    padding: 35px 15px;
  }
  .blog-single-post .post-content .post-body-content .cloud-banner .cloud-content h3 {
    font-size: 40px;
    line-height: 50px;
  }
  .blog-single-post .post-content .post-body-content .cloud-banner .cloud-content p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .container {
    max-width: 1140px;
  }
  .inner-pages .industries-sec.key-benefits {
    padding-top: 400px;
  }
  .industries-benefits .button-container .swiper-button-next, .industries-benefits .button-container .swiper-button-prev {
    top: 99%;
    margin: 0 -20px;
  }
  .industries-benefits .button-container .swiper-button-prev {
    left: 45%;
  }
  .industries-benefits .button-container .swiper-button-next {
    right: 45%;
  }
  .fy-performance {
    padding: 0 0 80px;
  }
}
@media (max-width: 1199px) {
  .post-item {
    padding: 0;
  }
  .organization-container {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
  }
  .organization-container .organization-item .content h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .organization-container .organization-item .organization-icon .icon {
    max-width: 70px;
    max-height: 70px;
  }
  .other-offering {
    padding-bottom: 20px;
  }
  .features .button-container {
    position: relative;
    bottom: 0;
  }
  .scrollup-btn {
    width: 50px;
    height: 50px;
    right: 20px;
    bottom: 20px;
  }
  .main-footer .footer-body .footer-devit .footer-logo img {
    width: 140px;
  }
  /*----- job-description-model Start ----- */
  .job-description-model .modal-header {
    padding: 20px 20px 10px;
  }
  .job-description-model .modal-header a.btn-close-custom {
    width: 35px;
    height: 35px;
    right: 20px;
    top: 25px;
  }
  .job-description-model .modal-header a.btn-close-custom .icon {
    width: 16px;
    height: 16px;
  }
  .job-description-model .modal-content .modal-body {
    padding: 20px 20px 0;
  }
  .job-description-model .new-job-summary .sum-title {
    font-size: 22px;
  }
  .job-description-model .new-job-summary .job-sum-details ul li {
    font-size: var(--default-fontsize);
  }
  .job-description-model .new-job-summary .job-sum-details p {
    font-size: var(--default-fontsize);
  }
  .job-description-model .modal-footer {
    padding: 20px;
  }
  .job-description-model .modal-dialog {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  /*----- job-description-model End ----- */
  /*--- Investor Relations Start ---*/
  .investor-compliance .disclosure-group {
    flex: calc(33% - 80px);
  }
  .financial-wrapper {
    gap: 20px;
  }
  .financial-wrapper .financial-card .value, .financial-wrapper .report-download .value {
    font-size: 35px;
  }
  .financial-wrapper .financial-card .text, .financial-wrapper .report-download .text {
    font-size: 30px;
    line-height: 34px;
  }
  .financial-wrapper .financial-card {
    min-height: auto;
    flex: 31%;
  }
  .financial-wrapper .financial-card .financial-card-body, .financial-wrapper .report-download .financial-card-body {
    padding: 20px 15px;
  }
  .fy-performance {
    padding: 0;
  }
  .report-card {
    margin-bottom: 20px;
  }
  .h-navtab .nav-tabs {
    margin-top: 0;
  }
  .h-navtab .nav-tabs .nav-item {
    margin-right: 10px;
    padding: 0 5px;
    flex: 1;
  }
  .h-navtab .nav-tabs .nav-link {
    font-size: 18px;
    min-width: auto;
    height: 100%;
  }
  .h-navtab .address-box .left-box h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .h-navtab .address-box .left-box p, .h-navtab .address-box .left-box a {
    font-size: 18px;
  }
  .h-navtab .address-box .left-box .cta-contact {
    margin-top: 30px;
  }
  .h-navtab .address-box .left-box .cta-contact-item p {
    font-size: 18px;
  }
  .h-navtab .address-box .left-box .cta-contact-item .icon-box {
    height: 45px;
    width: 45px;
  }
  .h-navtab .address-box .left-box .cta-contact-item .icon-box .icon {
    width: 20px;
    height: 20px;
  }
  .h-navtab .tab-body {
    margin-top: 25px;
    padding: 0 10px;
  }
  .h-navtab .tab-body .inquiry-form {
    margin-top: 0;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card {
    margin-bottom: 20px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail {
    padding: 20px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail p {
    font-size: 20px;
    line-height: 28px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail .cta-contact-item p, .h-navtab .tab-body .inquiry-form.right-box .report-card-detail .cta-contact-item a {
    font-size: 20px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail .cta-contact-item .icon-box {
    height: 45px;
    width: 45px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail .cta-contact-item .icon-box .icon {
    width: 20px;
    height: 20px;
  }
  .h-navtab .nav-pills {
    justify-content: flex-start;
    padding: 0;
  }
  .h-navtab .nav-pills .nav-link {
    min-width: auto;
    width: 100%;
  }
  /*--- Investor Relations End ---*/
  /* solution section */
  .solution-section {
    background-position: bottom center;
    background-size: 100%;
  }
  .our-services .our-services-slider .service-content .service-list {
    margin-bottom: 15px;
  }
  .our-services .our-services-slider .service-image a figure:before {
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .our-services .our-services-slider .service-image img {
    transform: scale(1);
  }
  .our-services .our-services-slider .service-content .service-list, .our-services .our-services-slider .service-btn {
    opacity: 1;
    visibility: visible;
  }
  /* Award */
  .awards-wrapper .awards-header .year-title {
    font-size: 30px;
  }
  .awards-wrapper .awards-year-block p {
    font-size: 20px;
    padding-bottom: 0;
  }
  .awards-wrapper .awards-year-block .slider-nav .swiper-button-prev, .awards-wrapper .awards-year-block .slider-nav .swiper-button-next {
    width: 46px;
    height: 46px;
    top: 10px;
  }
  .blog-single-post .post-content .post-entry .content-div {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1199px) {
  .section-title h1, .inner-pages .hero-content .section-title h1 {
    font-size: 55px;
  }
  .section-title p, .inner-pages .hero-content .section-title p {
    margin-bottom: 20px;
  }
  .section-title h2, .inner-pages .hero-content .section-title h2 {
    font-size: 40px;
  }
  .section-title .subheading, .inner-pages .hero-content .section-title .subheading {
    font-size: 18px;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1260px;
  }
  .hero-content .section-title br {
    display: none;
  }
  .hero-content .section-title .cd-headline br {
    display: block;
  }
  .our-services .button-container .swiper-button-next, .our-services .button-container .swiper-button-prev {
    top: 95%;
  }
  .our-services .button-container .swiper-button-prev {
    left: 43%;
  }
  .our-services .button-container .swiper-button-next {
    right: 43%;
  }
  .our-services .our-services-slider .service-content {
    top: 20px;
    left: 20px;
    right: 20px;
  }
  .our-services .our-services-slider .service-content h3 {
    font-size: 25px;
    line-height: 30px;
  }
  .our-services .our-services-slider .service-content p {
    font-size: 17px;
  }
  .our-services .our-services-slider .service-btn {
    left: 20px;
    bottom: 10px;
  }
  .our-services .our-services-slider .service-image img {
    aspect-ratio: 1/1.5;
  }
  .career-top .career-img {
    width: 316px;
    height: 353px;
  }
  .career-top .section-title {
    padding-left: 20px;
    margin-bottom: 0;
  }
  .career-top .career-img-small {
    width: 149px;
    height: 137px;
    margin-right: 95px;
  }
  .career-page .horizontal-slider {
    padding: 30px 0 50px;
  }
  .career-page .we-are-devit .threeD-animation img {
    height: 78%;
  }
  .brand-items h2 {
    font-size: 72px;
    margin: 0 70px;
  }
  .brand-items h2:after {
    width: 50px;
    height: 50px;
    right: -30px;
  }
  .we-are-devit {
    margin-top: -190px;
    clip-path: polygon(0 100%, 0 30%, 0% 5%, 100% 0%, 100% 100%);
    padding: 270px 0 188px;
  }
  .we-are-devit .section-heading {
    font-size: 115px;
    line-height: 76px;
  }
  .we-are-devit .company-info .info-content .info-heading {
    width: 100%;
  }
  .we-are-devit .company-info .info-content .info-description {
    width: 100%;
  }
  .we-are-devit .company-info .info-content .read-more-container {
    justify-content: flex-start;
  }
  .we-are-devit .stats-card .stats-body .stats-top {
    padding: 30px 15px 20px;
  }
  .we-are-devit .stats-card .stats-body .stats-bottom {
    padding: 20px 15px;
  }
  .we-are-devit .stats-card .stats-highlight {
    font-size: 62px;
  }
  .we-are-devit .stats-card .stats-content {
    left: 15px;
    right: 15px;
  }
  .quick-inquiry .quick-inquiry-content {
    padding-right: 0;
  }
  .quick-inquiry .inquiry-form {
    margin-top: 20px;
  }
  .about-us {
    padding-bottom: 60px;
  }
  .about-us .about-us-image {
    margin-top: -285px;
  }
  .about-us .about-us-content {
    margin-top: 20px;
  }
  .about-us .about-us-content .about-us-content-body {
    margin-bottom: 30px;
  }
  .about-us .about-us-content .about-us-content-body .about-us-content-list ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-us.v2 .about-us-content {
    padding-top: 0;
    margin-top: 0;
    padding-right: 0;
  }
  .about-us.v2 .about-us-content .about-us-content-body {
    margin-bottom: 0;
  }
  .testimonial {
    padding: 320px 0 60px;
    margin-top: -300px;
    clip-path: polygon(0 100%, 0 30%, 0% 16%, 170% 0%, 100% 100%);
  }
  .main-menu ul .mega-menu.show {
    display: block;
  }
  .main-footer {
    padding: 30px 0 0;
  }
  .main-footer .footer-header {
    padding-bottom: 20px;
  }
  .main-footer .footer-header .certificate-area {
    gap: 15px;
  }
  .main-footer .footer-header .certificate-area .certificate-item {
    padding-bottom: 20px;
  }
  .main-footer .footer-header .certificate-area .certificate-item .certificate-title {
    font-size: 16px;
  }
  .main-footer .footer-header .certificate-area .certificate-item .certificate-images img {
    width: auto;
    height: 42px;
  }
  .main-footer .footer-body {
    padding: 40px 0;
  }
  .main-footer .footer-body .footer-devit {
    padding-right: 0;
  }
  .main-footer .footer-body .footer-devit .footer-location {
    margin-bottom: 50px;
  }
  .main-footer .footer-body .footer-links {
    margin-bottom: 50px;
  }
  .main-footer .footer-copyright .footer-copyright-text {
    text-align: center;
    margin-bottom: 10px;
  }
  .main-footer .footer-copyright .footer-copyright-text p {
    font-size: var(--default-fontsize);
  }
  .main-footer .footer-copyright .footer-menu {
    text-align: center;
  }
  .main-footer .footer-copyright .footer-menu ul li a {
    font-size: var(--default-fontsize);
  }
  section {
    padding: 40px 0;
  }
  /* Industries Section */
  .industries-benefits .button-container .swiper-button-next, .industries-benefits .button-container .swiper-button-prev {
    top: 100%;
    margin: 0 10px;
  }
  .industries-benefits .button-container .swiper-button-prev {
    left: 40%;
  }
  .industries-benefits .button-container .swiper-button-next {
    right: 40%;
  }
  .industries-benefits .industries-item {
    height: 400px;
  }
  .industries-sec.key-benefits {
    padding-bottom: 15px;
  }
  .industries-sec.key-benefits .about-us-content .section-subtitle {
    font-size: 22px;
    line-height: 28px;
  }
  .industries-sec.key-benefits .about-us-content p {
    font-size: 18px;
  }
  .industries-sec.key-benefits .about-us {
    padding-bottom: 60px;
  }
  .industries-sec.about-us {
    clip-path: none;
  }
  .industries-sec.why-devit .card-style-3 .item-title {
    font-size: 40px;
    line-height: 45px;
  }
  .industries-sec.why-devit .card-style-3 .item-text {
    font-size: 20px;
  }
  .info-section-grid .info-card .info-card-text {
    font-size: 20px;
    line-height: 26px;
  }
  .info-section-grid .info-card .info-card-number {
    width: 50px;
    height: 50px;
    font-size: 22px;
    margin: 0 15px 15px 0;
  }
  .info-section-grid .info-card .info-card-content {
    padding: 20px 20px;
  }
  .info-section-grid .info-card .info-card-content .info-card-number {
    flex: 1 0 auto;
  }
  .module-grid .module-item {
    flex: 31%;
  }
  .approach-section .steps-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .approach-section .steps-container .step-card {
    text-align: left;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 0 0 40px 50px;
  }
  .approach-section .steps-container .step-card:nth-child(odd), .approach-section .steps-container .step-card:nth-child(even) {
    margin: 0;
  }
  .approach-section .steps-container .step-card:nth-child(odd):before, .approach-section .steps-container .step-card:nth-child(even):before {
    border-radius: 0;
    border-width: 0 0 0 10px;
    height: 100%;
    left: 10px;
  }
  .approach-section .steps-container .step-card:nth-child(odd) .step-header {
    top: -5px;
    margin-bottom: 20px;
    left: -5px;
  }
  .approach-section .steps-container .step-card:nth-child(even) {
    flex-direction: row-reverse;
  }
  .approach-section .steps-container .step-card:nth-child(even) .step-header {
    top: 0;
    margin-top: 0;
    left: -5px;
  }
  .approach-section .steps-container .step-card:nth-child(even) .step-icon {
    margin-top: 0;
  }
  .approach-section .steps-container .step-card .step-header {
    position: absolute;
  }
  .approach-section .steps-container .step-card .step-header .step-number {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
  .approach-section .steps-container .step-card .step-icon {
    min-width: 55px;
    min-height: 55px;
    width: 55px;
    height: auto;
    margin: 0;
  }
  .approach-section .steps-container .step-card .step-icon img {
    width: 55%;
  }
  .proposal-sec {
    padding: 40px 0;
  }
  /* End Section */
  .masonary.odd .col-lg-6:nth-child(odd) {
    position: relative;
    padding-top: 100px;
  }
  .inner-pages .about-us {
    padding: 20px 0;
  }
  .inner-pages .hero .hero-image-container {
    display: none;
  }
  .inner-pages .hero .hero-image-container .hero-image-section {
    width: 50%;
  }
  .inner-pages .our-services-inner .services-card {
    position: relative;
    align-items: flex-start;
    display: inline-block;
    top: 55px;
  }
  .inner-pages .our-services-inner .services-card .services-image-container {
    max-width: 250px;
    max-height: 100%;
    height: auto;
    float: left;
    margin-right: 20px;
  }
  .inner-pages .our-services-inner .services-card .services-content {
    flex-basis: 100%;
    padding: 0;
  }
  .inner-pages .our-services-inner .services-card .services-content-list {
    margin-bottom: 50px;
  }
  .inner-pages .our-services-inner .services-card .services-content-list ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .inner-pages .our-services-inner .services-card::before {
    left: -68px;
  }
  .inner-pages .our-services-inner .cloud-advisory-wrapper {
    padding-top: 20px;
    padding-bottom: 80px;
  }
  .inner-pages .our-services-inner .cloud-advisory-wrapper .progress-line-border-line {
    top: 0;
    left: 22px;
    height: 100%;
    overflow: hidden;
  }
  .inner-pages .our-services-inner.innovation .cloud-advisory-wrapper {
    padding: 0 15px 40px;
  }
  .inner-pages .our-services-inner.innovation .services-card {
    top: 40px;
  }
  .inner-pages .our-services-inner.innovation .services-card .services-content .services-header h4 {
    font-size: 25px;
  }
  .inner-pages .our-services-inner.innovation .services-card .services-content .services-info p {
    margin-bottom: 0;
  }
  .inner-pages .cloud-banner {
    padding: 35px 15px;
  }
  .inner-pages .cloud-banner .cloud-content h3 {
    font-size: 40px;
    line-height: 50px;
  }
  .inner-pages .cloud-banner .cloud-content p {
    font-size: 20px;
    line-height: 28px;
  }
  .inner-pages .key-benefits {
    padding: 230px 0 40px;
    clip-path: polygon(0 100%, 0 40%, 0% 5%, 100% 0%, 100% 100%);
    margin-top: -210px;
  }
  .inner-pages .key-benefits .key-benefits-footer {
    margin-top: 40px;
  }
  .inner-pages .key-benefits .key-benefits-footer .section-title h3 {
    font-size: 40px;
  }
  .inner-pages .faq-section .faq-title h2 {
    font-size: 40px;
    line-height: 45px;
    text-align: left;
  }
  .inner-pages .faq-section .faq-image {
    margin: 10px 0 40px;
  }
  .inner-pages .faq-section .faq-accordion .accordion-button::after, .inner-pages .faq-section .faq-accordion .accordion-button.collapsed::after {
    font-size: 16px;
    width: 35px;
    height: 35px;
  }
  .inner-pages .faq-section .faq-accordion .accordion-button:not(.collapsed)::after {
    font-size: 18px;
  }
  .inner-pages .advisory-card {
    padding: 1rem;
  }
  .inner-pages .advisory-card .advisory-content .advisory-title {
    font-size: 26px;
    line-height: 24px;
  }
  .inner-pages .advisory-card .advisory-content .advisory-subtitle {
    font-size: 20px;
  }
  .inner-pages .technologies .nav-tabs {
    justify-content: space-around;
  }
  .inner-pages .technologies .nav-tabs .nav-link {
    min-width: auto;
  }
  .inner-pages .latest-case-studies {
    padding-bottom: 10px;
  }
  .inner-pages .latest-case-studies .project-single-content {
    margin-bottom: 30px;
  }
  .inner-pages .latest-case-studies .post-item {
    margin-bottom: 30px;
  }
  .inner-pages .latest-case-studies .social-links ul li {
    margin-right: 4px;
  }
  .inner-pages .industries-sec.key-benefits {
    padding-top: 280px;
  }
  .inner-pages .technologies .nav-pills {
    justify-content: flex-start;
    padding: 0;
  }
  .inner-pages .technologies .nav-pills .nav-link {
    min-width: auto;
    width: 100%;
  }
  .inner-pages .technologies .technologies-grid {
    padding-bottom: 40px;
  }
  .inner-pages .technologies .technologies-grid .item {
    flex: 20%;
    padding: 0 5px;
  }
  .inner-pages .about-us-inner .about-us-content-body {
    margin-bottom: 0;
  }
  .case-studies-detail {
    padding-top: 0;
    padding-bottom: 120px;
  }
  .case-studies-detail .project-entry .project-info h2 {
    font-size: 35px;
    line-height: 36px;
  }
  .case-studies-detail .project-entry .project-info h3 {
    font-size: 22px;
    font-weight: var(--weight-medium);
    line-height: 28px;
    color: var(--text-black);
    margin-bottom: 20px;
  }
  .case-studies-detail .project-entry .project-info p {
    font-size: 18px;
  }
  .case-studies-detail:before {
    bottom: 0px;
    clip-path: polygon(-30% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 95%);
    height: 93%;
    top: auto;
  }
  .case-studies-detail .case-studies-video .video-container {
    margin-bottom: 30px;
  }
  .case-studies-detail .case-studies-video p {
    font-size: 20px;
  }
  .case-section {
    padding-top: 40px;
  }
  .case-section .section-heading {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .case-section .section-subheading {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 10px;
  }
  .case-section .section-text p {
    font-size: 20px;
  }
  .highlight-box {
    padding: 25px 25px;
  }
  .highlight-box .highlight-content h3 {
    font-size: 45px;
    line-height: 50px;
  }
  .highlight-box .highlight-content p {
    font-size: 20px;
    line-height: 25px;
  }
  /*--- Blog Single Start ---*/
  .blog-single-post {
    padding-bottom: 0;
  }
  .blog-single-post .post-image {
    margin-bottom: 0;
  }
  .blog-single-post .post-content {
    gap: 20px;
  }
  .blog-single-post .post-content .post-entry {
    margin-bottom: 30px;
  }
  .blog-single-post .post-content .post-entry h2 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .blog-single-post .post-content .post-entry p {
    font-size: 18px;
  }
  .blog-single-post .post-content .post-entry ul li {
    font-size: 18px;
  }
  .blog-single-post .post-content .post-tag-links .next-area, .blog-single-post .post-content .post-tag-links .prev-area {
    width: 50%;
  }
  .blog-single-post .post-content .post-tag-links .navigation-btn a {
    font-size: var(--default-fontsize);
  }
  .blog-single-post .post-content .post-tag-links .post-name {
    font-size: 16px;
    line-height: 24px;
  }
  .blog-single-post .post-content .post-body-content {
    margin-bottom: 0;
  }
  .blog-single-post .post-content .post-body-content .faq-section h2 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .blog-single-post .post-content .post-body-content .cloud-banner {
    padding: 35px 15px;
  }
  .blog-single-post .post-content .post-body-content .cloud-banner .cloud-content h3 {
    font-size: 40px;
    line-height: 50px;
  }
  .blog-single-post .post-content .post-body-content .cloud-banner .cloud-content p {
    font-size: 20px;
    line-height: 28px;
  }
  .blog-single-post .post-content .floating-button {
    z-index: 290;
    margin-left: -90px;
  }
  /*--- Blog Single End---*/
  body:before {
    background-size: auto;
  }
  /*--- BOD CSS Start ---*/
  .bod-section .bod-about-box {
    gap: 20px 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
    display: inline-block;
  }
  .bod-section .bod-about-box:last-child {
    border: none;
    padding: 0;
  }
  .bod-section .bod-about-box .bod-single-image {
    width: 42%;
    float: left;
    margin-right: 20px;
  }
  .bod-section .bod-about-box .bod-about-content {
    flex: 0 1 auto;
  }
  .bod-section .bod-about-box:nth-child(even) {
    flex-direction: row;
  }
  /*--- BOD CSS End ---*/
  .video-wrapper {
    padding: 20px 0 40px;
  }
  .vision-mission {
    margin-top: -290px;
    padding: 260px 0 60px;
  }
  .vision-mission .vision-mission-slider {
    margin-top: 0;
  }
  .vision-mission .vision-item {
    height: 400px;
  }
  .vision-mission .two-column-container .description p {
    font-size: 18px;
  }
  .vision-mission .vision-container {
    left: 20px;
    right: 20px;
  }
  .vision-mission .vision-container .vision-content h4 {
    font-size: 27px;
  }
  .vision-mission .vision-container .vision-detail p {
    font-size: 18px;
    color: var(--white-95);
  }
  .devit_horizontal_slider_wrapper .devit_project_list .devit_card.devit_style_1.large {
    width: 265px;
    height: 366px;
  }
  .about-us-inner .about-us-content {
    padding-bottom: 0;
  }
  .about-us-inner .about-us-content .section-title p {
    font-size: 18px;
  }
  .about-us-inner .about-us-content .about-us-content-body .about-us-content-list ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .career-section .career-image figure img {
    width: 454px;
  }
  .career-section .career-content {
    padding: 0;
  }
  .milestone-journey {
    padding-bottom: 60px;
    clip-path: polygon(0 100%, 0 40%, 0% 20%, 100% 10%, 100% 100%);
  }
  .milestone-journey .swiper-wrapper {
    padding: 0px 0px 0 2%;
  }
  .milestone-journey .timeline-line {
    top: 108px;
  }
  .milestone-journey .milestone-swiper .timeline-item .dot {
    width: 10px;
    height: 10px;
    top: 85px;
    box-shadow: 0 0 0 6px var(--white-15);
  }
  .milestone-journey .milestone-swiper .timeline-item .content .year {
    font-size: 35px;
    margin-bottom: 35px;
  }
  .milestone-journey .milestone-swiper .timeline-item .content p {
    font-size: 18px;
    margin-top: 60px;
  }
  .milestone-journey .milestone-swiper-slider:after, .milestone-journey .milestone-swiper-slider:before {
    width: 8%;
  }
  .btn-default {
    padding: 13px 20px;
  }
  /* Life At Devit */
  .life-at-devit .row:nth-child(odd) .services-first-box {
    padding-right: 0;
  }
  .life-at-devit .row:nth-child(even) .services-first-box {
    padding-left: 0;
  }
  .life-at-devit .services-first-box {
    position: relative;
    padding-bottom: 0;
    padding-right: 0;
  }
  .life-at-devit .services-first-box h2 {
    font-size: 40px;
    margin-bottom: 10px;
  }
  .life-at-devit .services-first-box h3 {
    font-size: 30px;
  }
  .life-at-devit .services-first-box p {
    font-size: 18px;
  }
  .ldit-gallery .ladi-accordion {
    margin: 0 auto 40px;
  }
  /* dEVLABS */
  .innovation-hub-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .innovation-hub-wrapper .technology-card .technology-container .technology-content h3 a, .innovation-hub-wrapper .technology-card .technology-container .technology-content h3 span {
    font-size: 30px;
    line-height: 34px;
  }
  .technology-section {
    padding-top: 0;
  }
  .technology-section h2 {
    font-size: 45px;
    line-height: 50px;
  }
  .our-services-inner.innovation .progress-line-border-line {
    height: 108%;
  }
  .our-services-inner.innovation .progress-fill {
    top: 0;
  }
  .advisory-card .advisory-content h4 {
    font-size: 18px;
  }
  /* News */
  .news-grid .blog-card {
    flex: 0 0 48%;
    width: 100% !important;
  }
  .technologies .technologies-grid .item .technologies-title {
    font-size: 18px;
  }
  /* Case Studies */
  .two-column-container .title h3 {
    font-size: 30px;
    line-height: 40px;
  }
  .blog-top .blog-us-content .section-title h2 {
    font-size: 32px;
  }
  .sidebar .sidebar-footer {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .section-title h1, .inner-pages .hero-content .section-title h1 {
    font-size: 45px;
  }
  .section-title p, .inner-pages .hero-content .section-title p {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .section-title h2, .inner-pages .hero-content .section-title h2 {
    font-size: 40px;
  }
  .section-title .subheading, .inner-pages .hero-content .section-title .subheading {
    font-size: 18px;
  }
  .page-team {
    padding: 10px 0 10px;
  }
  .btn-default, .btn-secondary {
    padding: 13px 20px;
    font-size: 18px;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1260px;
  }
  .section-row {
    margin-bottom: 30px;
  }
  .awards-container .award-card .award-logo {
    margin-bottom: 70px;
  }
  .arrow-btn a {
    width: 45px;
    height: 45px;
  }
  .hero {
    padding-top: 160px;
  }
  .hero-content .section-title .section-label {
    font-size: var(--default-fontsize);
  }
  .hero-content .section-title .section-label:before {
    width: 167px;
    left: -99px;
  }
  .hero-content .section-title .section-label:after {
    width: 167px;
    right: -99px;
  }
  .hero-content .section-title h1 span {
    display: inline-block;
  }
  .hero-content .section-title br {
    display: none;
  }
  .hero-content .section-title .cd-headline br {
    display: block;
  }
  .hero-content .section-title .section-label-secondary {
    font-size: 18px;
  }
  .hero-content .btn-play {
    width: 51px;
    height: 51px;
  }
  .cloud-section .cloud {
    top: 30%;
    width: 40%;
  }
  .cloud-sec {
    padding: 35px 15px;
  }
  .navbar-toggle {
    padding: 0 0 17px;
  }
  .responsive-menu, .navbar-toggle {
    display: block;
  }
  .mega-menu {
    max-height: 55vh;
    overflow-y: auto;
    overflow-x: hidden;
    width: 95vw;
    margin: auto;
  }
  .mega-menu .dd-menu-left-content {
    padding: 15px 1rem 15px;
    border-radius: 0;
    text-align: left;
    justify-content: flex-start;
  }
  .mega-menu .dd-menu-left-content .dd-menu-name {
    font-size: 1.8rem;
  }
  .mega-menu .dd-menu-left-content p {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .mega-menu .dd-menu-right-content {
    padding: 15px;
    text-align: left;
    background-color: var(--white-color);
  }
  .mega-menu .dd-menu-right-content .dd-nav-menu-name {
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
  }
  .mega-menu .dd-menu-right-content a {
    text-align: left;
    line-height: 20px;
    padding: 0;
  }
  .mega-menu .dd-menu-right-content ul {
    margin-bottom: 20px;
  }
  .mega-menu .dd-menu-right-content ul li {
    padding-left: 0;
    margin: 0 0 5px 0;
    text-align: left;
  }
  .mega-menu .dd-menu-right-content ul li a {
    font-size: 16px;
    padding: 4px 0;
    color: var(--text-black);
  }
  .main-header .navbar-collapse {
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: var(--primary-color);
  }
  .main-menu .nav-menu-wrapper {
    margin-left: 0;
    text-align: left;
  }
  .main-menu .nav-menu-wrapper > ul {
    width: 100%;
  }
  .main-menu .nav-menu-wrapper > ul > li {
    width: 100%;
  }
  .main-menu .nav-menu-wrapper > ul > li.nav-item > a {
    padding: 10px 14px 10px;
    color: var(--white-color);
  }
  .main-menu .nav-menu-wrapper > ul > li.nav-item > a::after {
    content: none;
  }
  .main-menu ul li > a.dropdown-toggle {
    position: relative;
  }
  .main-menu ul li > a.dropdown-toggle i {
    position: absolute;
    right: 20px;
    top: 17px;
  }
  .main-menu ul .mega-menu {
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
    pointer-events: auto;
    position: static !important;
    width: 95%;
    margin: auto;
    display: none;
  }
  .main-menu ul .mega-menu.show {
    display: block;
  }
  .header-btn a.btn-default {
    background-color: var(--secondary-color);
    margin: 15px 15px 0;
    padding: 10px 15px;
  }
  .global-brand-slider {
    padding: 50px 26px 36px;
  }
  .global-brand-slider .section-title {
    text-align: center;
  }
  .global-brand-slider .section-title h3 {
    padding: 8px 10px 8px 10px;
    font-size: 18px;
  }
  .our-services .button-container .swiper-button-next, .our-services .button-container .swiper-button-prev {
    top: 95%;
    margin: 0 10px;
  }
  .our-services .button-container .swiper-button-prev {
    left: 40%;
  }
  .our-services .button-container .swiper-button-next {
    right: 40%;
  }
  .our-services .our-services-slider .service-content {
    top: 20px;
    left: 15px;
    right: 15px;
  }
  .our-services .our-services-slider .service-content h3 {
    font-size: 30px;
    line-height: 35px;
  }
  .our-services .our-services-slider .service-content p {
    font-size: 16px;
  }
  .our-services .our-services-slider .service-btn {
    left: 20px;
    bottom: 10px;
  }
  .our-services .our-services-slider .service-image img {
    aspect-ratio: auto;
  }
  .we-are-devit {
    margin-top: -240px;
    clip-path: polygon(0 100%, 0 30%, 0% 5%, 100% 0%, 100% 100%);
    padding: 350px 0 280px;
  }
  .we-are-devit .section-heading {
    font-size: 115px;
    line-height: 76px;
  }
  .we-are-devit .company-info .info-content .info-heading {
    width: 100%;
  }
  .we-are-devit .company-info .info-content .info-description {
    width: 100%;
  }
  .we-are-devit .company-info .info-content .read-more-container {
    justify-content: flex-start;
  }
  .we-are-devit .stats-card .stats-body .stats-top {
    padding: 30px 15px 20px;
  }
  .we-are-devit .stats-card .stats-body .stats-bottom {
    padding: 20px 15px;
  }
  .we-are-devit .stats-card .stats-highlight {
    font-size: 62px;
  }
  .we-are-devit .stats-card .stats-content {
    left: 15px;
    right: 15px;
  }
  .about-us {
    padding-bottom: 40px;
  }
  .about-us .about-us-content {
    margin-top: 20px;
  }
  .about-us .about-us-content .about-us-content-body {
    margin-bottom: 30px;
  }
  .about-us .about-us-content .about-us-content-body .about-us-content-list ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .about-us .about-us-image figure {
    width: 100%;
  }
  .about-us.v2 .about-us-content {
    padding-right: 1rem;
  }
  .masonary.odd .col-lg-6:nth-child(odd) {
    position: relative;
    padding-top: 0;
  }
  .masonary.odd .col-lg-6:nth-child(odd):nth-last-child(2) {
    margin-bottom: 0;
  }
  .masonary.even .col-lg-6:nth-child(even) {
    top: 0;
  }
  .masonary.even .col-lg-6:nth-child(even):last-child {
    margin-bottom: 0;
  }
  .latest-project .col-lg-6:last-child .post-item {
    margin-bottom: 0;
  }
  .container-fluid {
    --bs-gutter-x: 1.5rem;
  }
  .testimonial {
    padding: 240px 0 60px;
    clip-path: polygon(0 100%, 0 30%, 0% 5%, 100% 0%, 100% 100%);
    margin-top: -210px;
  }
  .testimonial .testimonial-card {
    flex-wrap: wrap;
  }
  .testimonial .testimonial-card .testimonial-content {
    padding: 0;
    flex-basis: 100%;
    order: 2;
  }
  .testimonial .testimonial-card .testimonial-quote {
    padding-right: 0;
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
  }
  .testimonial .testimonial-card .testimonial-footer {
    padding-top: 0px;
  }
  .testimonial .testimonial-card .testimonial-image-container {
    max-height: 120px;
    margin-bottom: 30px;
    justify-content: flex-start;
    order: 1;
    width: 100%;
    max-width: 100%;
  }
  .testimonial .testimonial-card .testimonial-image-container .testimonial-image {
    -o-object-position: left;
       object-position: left;
  }
  .testimonial .testimonial-card .testimonial-footer {
    min-height: auto;
  }
  .testimonial .testimonial-card .testimonial-footer .author-info {
    margin: 0;
  }
  .testimonial .button-container .swiper-button-next, .testimonial .button-container .swiper-button-prev {
    width: 50px;
    height: 50px;
  }
  .quick-inquiry .quick-inquiry-content {
    padding-right: 0;
    padding-top: 0;
  }
  .quick-inquiry .inquiry-form {
    margin-top: 20px;
  }
  .quick-inquiry .inquiry-form figure {
    margin-bottom: 0;
  }
  .main-footer {
    padding: 30px 0 0;
  }
  .main-footer .footer-header {
    padding-bottom: 0;
    border-bottom: none;
  }
  .main-footer .footer-header .certificate-area {
    gap: 15px;
  }
  .main-footer .footer-header .certificate-area .certificate-item {
    padding-bottom: 20px;
    border-bottom: 1px solid #404040;
    border-right: none;
  }
  .main-footer .footer-header .certificate-area .certificate-item:last-child {
    border: none;
    padding-bottom: 0;
  }
  .main-footer .footer-header .certificate-area .certificate-item .certificate-title {
    font-size: 16px;
  }
  .main-footer .footer-header .certificate-area .certificate-item .certificate-images img {
    width: auto;
    height: 42px;
  }
  .main-footer .footer-body {
    padding: 40px 0;
  }
  .main-footer .footer-body .footer-devit {
    padding-right: 0;
  }
  .main-footer .footer-body .footer-devit .footer-location {
    margin-bottom: 50px;
  }
  .main-footer .footer-body .footer-links {
    margin-bottom: 50px;
  }
  .main-footer .footer-copyright .footer-copyright-text {
    text-align: center;
    margin-bottom: 10px;
  }
  .main-footer .footer-copyright .footer-copyright-text p {
    font-size: var(--default-fontsize);
  }
  .main-footer .footer-copyright .footer-menu {
    text-align: center;
  }
  .main-footer .footer-copyright .footer-menu ul li a {
    font-size: var(--default-fontsize);
  }
  /* Industries Section */
  .industries-benefits .button-container .swiper-button-next, .industries-benefits .button-container .swiper-button-prev {
    top: 100%;
    margin: 0 10px;
  }
  .industries-benefits .button-container .swiper-button-prev {
    left: 40%;
  }
  .industries-benefits .button-container .swiper-button-next {
    right: 40%;
  }
  .industries-benefits .industries-item {
    height: 400px;
  }
  .industries-sec.key-benefits {
    padding-bottom: 15px;
  }
  .industries-sec.key-benefits .card-container .card-style-3 {
    height: auto;
    margin-bottom: 25px;
  }
  .industries-sec.key-benefits .card-container .card-style-3 .item-content {
    min-height: auto;
  }
  .industries-sec.key-benefits .card-container .card-style-3 .item-links {
    margin-bottom: 0;
  }
  .industries-sec.about-us {
    clip-path: none;
  }
  .industries-sec.why-devit .card-style-3 .item-title {
    font-size: 35px;
    line-height: 34px;
  }
  .industries-sec.why-devit .card-style-3 .item-text {
    font-size: 18px;
  }
  .info-section-grid .info-card .info-card-text {
    font-size: 18px;
    line-height: 24px;
  }
  .info-section-grid .info-card .info-card-number {
    width: 45px;
    height: 45px;
    font-size: 20px;
    margin: 0 15px 15px 0;
  }
  .info-section-grid .info-card .info-card-content {
    padding: 20px 15px;
  }
  .info-section-grid .info-card .info-card-content .info-card-number {
    flex: 1 0 auto;
  }
  .approach-section .steps-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .approach-section .steps-container .step-card {
    text-align: left;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 0 0 40px 50px;
  }
  .approach-section .steps-container .step-card:nth-child(odd), .approach-section .steps-container .step-card:nth-child(even) {
    margin: 0;
  }
  .approach-section .steps-container .step-card:nth-child(odd):before, .approach-section .steps-container .step-card:nth-child(even):before {
    border-radius: 0;
    border-width: 0 0 0 10px;
    height: 100%;
    left: 10px;
  }
  .approach-section .steps-container .step-card:nth-child(odd) .step-header {
    top: -5px;
    margin-bottom: 20px;
    left: -5px;
  }
  .approach-section .steps-container .step-card:nth-child(even) {
    flex-direction: row-reverse;
  }
  .approach-section .steps-container .step-card:nth-child(even) .step-header {
    top: 0;
    margin-top: 0;
    left: -5px;
  }
  .approach-section .steps-container .step-card:nth-child(even) .step-icon {
    margin-top: 0;
  }
  .approach-section .steps-container .step-card .step-header {
    position: absolute;
  }
  .approach-section .steps-container .step-card .step-header .step-number {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
  .approach-section .steps-container .step-card .step-icon {
    min-width: 55px;
    min-height: 55px;
    width: 55px;
    height: auto;
    margin: 0;
  }
  .approach-section .steps-container .step-card .step-icon img {
    width: 55%;
  }
  .module-grid .module-item {
    flex: 31%;
  }
  .proposal-sec {
    padding: 40px 0;
  }
  /* End Section */
  .inner-pages .hero .hero-image-container {
    display: none;
  }
  .inner-pages .hero-content .section-title p {
    padding-right: 0;
  }
  .inner-pages .sub-container {
    padding: 35px 26px 16px;
    margin-top: 80px;
  }
  .inner-pages .key-counter h3 {
    font-size: 38px;
    line-height: 40px;
  }
  .inner-pages .about-us {
    padding: 50px 0;
  }
  .inner-pages .about-us .about-us-content .about-us-content-body {
    margin-bottom: 0;
  }
  .inner-pages .our-services-inner .section-title.text-center {
    text-align: left !important;
  }
  .inner-pages .our-services-inner .services-card {
    padding: 15px;
    flex-wrap: wrap;
    margin-left: 50px;
    position: relative;
    gap: 20px;
  }
  .inner-pages .our-services-inner .services-card::before {
    left: -48px;
  }
  .inner-pages .our-services-inner .services-card .services-image-container {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: auto;
  }
  .inner-pages .our-services-inner .services-card .services-content-list {
    margin-bottom: 60px;
  }
  .inner-pages .our-services-inner .services-card .services-content-list ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .inner-pages .our-services-inner .services-card .services-content {
    flex-basis: 100%;
    padding: 0;
  }
  .inner-pages .our-services-inner .services-card .services-content .services-header h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .inner-pages .our-services-inner .cloud-advisory-wrapper {
    padding: 0 15px 120px;
  }
  .inner-pages .our-services-inner .cloud-advisory-wrapper .progress-line-border-line {
    top: 0;
    left: 12px;
    height: 100%;
  }
  .inner-pages .our-services-inner.innovation .cloud-advisory-wrapper {
    padding: 0 15px 80px;
  }
  .inner-pages .technologies .nav-pills {
    justify-content: flex-start;
    padding: 0;
  }
  .inner-pages .technologies .nav-pills .nav-link {
    min-width: auto;
    width: 100%;
  }
  .inner-pages .technologies .technologies-grid {
    padding-bottom: 40px;
  }
  .inner-pages .technologies .technologies-grid .item {
    flex: 20%;
    padding: 0 5px;
  }
  .inner-pages .technologies .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
  .inner-pages .technologies .accordion-button {
    font-size: 18px;
    background-color: transparent;
    color: var(--white-color);
    box-shadow: none;
    border-bottom: 1px solid var(--white-color);
    padding: 12px 0;
  }
  .inner-pages .technologies .accordion-button.collapsed {
    color: var(--white-color);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .inner-pages .technologies .accordion-button:focus {
    box-shadow: none;
  }
  .inner-pages .technologies .accordion-button:after {
    filter: brightness(0) invert(1);
    background-size: 15px;
    background-position: center center;
  }
  .inner-pages .cloud-banner {
    padding: 35px 15px;
  }
  .inner-pages .cloud-banner .cloud-content h3 {
    font-size: 40px;
    line-height: 50px;
  }
  .inner-pages .cloud-banner .cloud-content p {
    font-size: 20px;
    line-height: 28px;
  }
  .inner-pages .key-benefits {
    padding: 230px 0 40px;
    clip-path: polygon(0 100%, 0 40%, 0% 5%, 100% 0%, 100% 100%);
    margin-top: -210px;
  }
  .inner-pages .key-benefits .key-benefits-footer {
    margin-top: 40px;
  }
  .inner-pages .key-benefits .key-benefits-footer .section-title h3 {
    font-size: 40px;
  }
  .inner-pages .key-benefits .card-style-3 {
    height: auto;
  }
  .inner-pages .key-benefits .card-container {
    padding-bottom: 35px;
  }
  .inner-pages .faq-section .faq-title h2 {
    font-size: 40px;
    line-height: 45px;
    text-align: left;
  }
  .inner-pages .faq-section .faq-image {
    margin: 10px 0 40px;
  }
  .inner-pages .faq-section .faq-accordion .accordion-button::after, .inner-pages .faq-section .faq-accordion .accordion-button.collapsed::after {
    font-size: 16px;
    width: 35px;
    height: 35px;
  }
  .inner-pages .faq-section .faq-accordion .accordion-button:not(.collapsed)::after {
    font-size: 18px;
  }
  .inner-pages .industries-sec.key-benefits {
    padding-bottom: 15px;
    clip-path: polygon(0 100%, 0 40%, 0% 3%, 130% 0%, 100% 100%);
    padding-top: 270px;
  }
  .inner-pages .industries-sec.key-benefits .card-container {
    padding-bottom: 0;
  }
  .masonary.odd.row > [class^=col-]:last-child .post-item {
    margin-bottom: 0;
  }
  section {
    padding: 40px 0;
  }
  nav ol li.breadcrumb-item {
    font-size: 16px;
  }
  nav ol li.breadcrumb-item + .breadcrumb-item:before {
    margin-top: 6px;
  }
  /*--- sidebar start--- */
  .sidebar {
    position: fixed;
    padding: 50px 25px 10px;
    top: 0;
    right: 0;
    border-radius: 0;
    background: #e1e4f9;
    min-width: 290px;
    width: 100%;
    height: 100%;
    transform: translateX(100%);
    transition: all ease-in-out 0.3s;
    z-index: 150;
    overflow-y: auto;
  }
  .sidebar.show {
    transform: translateX(0);
  }
  .categories-button {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .categories-button h6 {
    font-size: 24px;
  }
  #sidebarcontent .navbar-toggler {
    display: block;
  }
  #sidebarcontent .search-box {
    margin-top: 1rem;
  }
  /*--- sidebar end--- */
  /*case studies */
  .case-studies-detail {
    padding-top: 0;
    padding-bottom: 120px;
  }
  .case-studies-detail .project-entry .project-info h2 {
    font-size: 35px;
    line-height: 36px;
  }
  .case-studies-detail .project-entry .project-info h3 {
    font-size: 22px;
    font-weight: var(--weight-medium);
    line-height: 28px;
    color: var(--text-black);
    margin-bottom: 20px;
  }
  .case-studies-detail .project-entry .project-info p {
    font-size: 18px;
  }
  .case-studies-detail:before {
    bottom: 0px;
    clip-path: polygon(-30% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 96%);
    height: 93%;
    top: auto;
  }
  .case-studies-detail .case-studies-video .video-container {
    margin-bottom: 30px;
  }
  .case-studies-detail .case-studies-video p {
    font-size: 18px;
  }
  .case-studies-detail .case-section {
    padding-top: 40px;
  }
  .case-section {
    padding-top: 40px;
  }
  .case-section .section-heading {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .case-section .section-subheading {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  .case-section .section-text p {
    font-size: 18px;
  }
  .case-section .case-content:last-child {
    margin-bottom: 0;
  }
  .highlight-box {
    padding: 25px 25px;
  }
  .highlight-box .highlight-content h3 {
    font-size: 35px;
    line-height: 40px;
  }
  .highlight-box .highlight-content p {
    font-size: 18px;
    line-height: 25px;
  }
  .latest-case-studies {
    padding-bottom: 10px;
  }
  .latest-case-studies .project-single-content {
    margin-bottom: 30px;
  }
  .latest-case-studies .post-item {
    margin-bottom: 30px;
  }
  .latest-case-studies #sidebarcontent .navbar-toggler {
    display: block;
  }
  .case-studies-detail .project-entry .project-info h2 {
    font-size: 35px;
    line-height: 36px;
  }
  .case-studies-detail .project-entry .project-info h3 {
    font-size: 22px;
    font-weight: var(--weight-medium);
    line-height: 28px;
    color: var(--text-black);
    margin-bottom: 20px;
  }
  .case-studies-detail .project-entry .project-info p {
    font-size: 18px;
  }
  .two-column-container {
    margin-bottom: 40px;
  }
  .two-column-container .description p {
    font-size: 18px;
  }
  .two-column-container .title h3 {
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 40px;
  }
  .case-block-container .technologies-grid {
    gap: 30px 16px;
  }
  .case-block-container .technologies-grid .item .subtitle {
    font-size: 16px;
  }
  .case-block-container .two-column-container .description ul li {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .client-need:before {
    clip-path: polygon(-60% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 91%);
  }
  .client-need .image-container {
    margin-bottom: 30px;
  }
  .case-info .case-item p {
    font-size: 18px;
  }
  /*case studies end */
  /*--- Blog Single Start ---*/
  .blog-single-post {
    padding-bottom: 0;
  }
  .blog-single-post .post-image {
    margin-bottom: 0;
  }
  .blog-single-post .post-content {
    flex-direction: column;
  }
  .blog-single-post .post-content .post-entry {
    margin-bottom: 30px;
  }
  .blog-single-post .post-content .post-entry h2 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .blog-single-post .post-content .post-entry p {
    font-size: 18px;
  }
  .blog-single-post .post-content .post-entry ul li {
    font-size: 18px;
  }
  .blog-single-post .post-content .post-tag-links .next-area, .blog-single-post .post-content .post-tag-links .prev-area {
    width: 50%;
  }
  .blog-single-post .post-content .post-tag-links .navigation-btn a {
    font-size: var(--default-fontsize);
  }
  .blog-single-post .post-content .post-tag-links .post-name {
    font-size: 16px;
    line-height: 24px;
  }
  .blog-single-post .post-content .post-body-content {
    margin-bottom: 0;
  }
  .blog-single-post .post-content .post-body-content .faq-section h2 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .blog-single-post .post-content .post-body-content .cloud-banner {
    padding: 35px 15px;
  }
  .blog-single-post .post-content .post-body-content .cloud-banner .cloud-content h3 {
    font-size: 40px;
    line-height: 50px;
  }
  .blog-single-post .post-content .post-body-content .cloud-banner .cloud-content p {
    font-size: 20px;
    line-height: 28px;
  }
  .blog-single-post .post-content .floating-button {
    position: relative;
    margin-left: 0;
    align-self: flex-start;
    right: 0;
    z-index: 290;
    left: auto;
    padding: 7px 10px;
    top: 10px;
  }
  .blog-single-post .post-content .floating-button .social-links ul li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 5px;
  }
  .blog-single-post .post-content .floating-button .social-links ul li a {
    height: 35px;
    width: 35px;
  }
  .blog-single-post .post-content .floating-button .social-links ul li a i {
    font-size: 14px;
  }
  /*--- Blog Single End---*/
  /*--- BOD CSS Start ---*/
  .bod-section .bod-about-box {
    gap: 20px 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
    display: inline-block;
  }
  .bod-section .bod-about-box:last-child {
    border: none;
    padding: 0;
    margin-bottom: 0;
  }
  .bod-section .bod-about-box .bod-single-image {
    width: 42%;
    float: left;
    margin-right: 20px;
  }
  .bod-section .bod-about-box .bod-about-content {
    flex: 0 1 auto;
  }
  .bod-section .bod-about-box .bod-name {
    font-size: 38px;
  }
  .bod-section .bod-about-box:nth-child(even) {
    flex-direction: row;
  }
  /*--- BOD CSS End ---*/
  /*----- Career Page ----- */
  .career-top .career-img {
    width: 100%;
    height: 100%;
  }
  .career-top .career-img figure {
    margin-bottom: 40px;
  }
  .career-top .section-title {
    padding-left: 0;
    margin-bottom: 0;
  }
  .career-top .section-title .subheading {
    font-size: 18px;
  }
  .career-top .career-img-small {
    display: none;
  }
  .career-page .career-job-cards h4 {
    font-size: 30px;
  }
  .career-page .job-card {
    height: calc(100% - 25px);
    margin-bottom: 25px;
  }
  .career-page .job-card .job-title-location-info {
    flex-wrap: wrap;
    gap: 15px;
  }
  .career-page .job-card .job-title-location-info .job-title {
    font-size: 23px;
  }
  .career-page .horizontal-slider {
    padding: 30px 0 50px;
  }
  .career-page .we-are-devit {
    padding: 60px 0;
  }
  .career-page .we-are-devit .threeD-animation img {
    height: 78%;
  }
  .brand-area {
    padding-bottom: 0;
  }
  .brand-items h2 {
    font-size: 62px;
    margin: 0 50px;
  }
  .brand-items h2:after {
    width: 50px;
    height: 50px;
    right: -30px;
  }
  /* ----- Other Offering */
  .other-offering .card-style-3 .item-content {
    display: block;
    min-height: auto;
  }
  /*----- Career Page End ----- */
  .director-card {
    padding: 20px;
  }
  .director-card .director-name {
    font-size: 22px;
  }
  .video-wrapper {
    padding: 20px 0 40px;
  }
  .vision-mission {
    margin-top: -290px;
    padding: 260px 0 60px;
  }
  .vision-mission .vision-mission-slider {
    margin-top: 0;
  }
  .vision-mission .vision-container {
    left: 20px;
    right: 20px;
  }
  .vision-mission .vision-container .vision-item {
    height: 440px;
  }
  .vision-mission .vision-container .vision-content h4 {
    font-size: 27px;
  }
  .vision-mission .vision-container .vision-detail p {
    font-size: 18px;
  }
  .devit_horizontal_slider_wrapper .devit_project_list .devit_card.devit_style_1.large {
    width: 265px;
    height: 366px;
  }
  .about-us-inner .about-us-content {
    padding-bottom: 0;
  }
  .about-us-inner .about-us-content .about-us-content-body .about-us-content-list ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-us-inner .about-us-image figure img {
    width: auto;
    max-height: 470px;
  }
  .about-us-inner .about-us-content-list.full-list ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .about-us-inner .about-us-content-list.full-list ul li {
    margin-bottom: 10px;
  }
  .career-section .career-image {
    text-align: left;
  }
  .career-section .career-image figure img {
    width: 454px;
  }
  .career-section .career-content {
    padding: 0;
  }
  .milestone-journey {
    padding-bottom: 60px;
    clip-path: polygon(0 100%, 0 40%, 0% 20%, 100% 10%, 100% 100%);
  }
  .milestone-journey .swiper-wrapper {
    padding: 0px 0px 0 2%;
  }
  .milestone-journey .timeline-line {
    top: 108px;
  }
  .milestone-journey .milestone-swiper .timeline-item .dot {
    width: 10px;
    height: 10px;
    top: 85px;
    box-shadow: 0 0 0 6px var(--white-15);
  }
  .milestone-journey .milestone-swiper .timeline-item .content .year {
    font-size: 30px;
    margin-bottom: 35px;
  }
  .milestone-journey .milestone-swiper .timeline-item .content p {
    font-size: 16px;
    margin-top: 60px;
  }
  .milestone-journey .milestone-swiper-slider:after, .milestone-journey .milestone-swiper-slider:before {
    width: 8%;
  }
  /*--- Investor Relations Start ---*/
  .investor-compliance .disclosure-group {
    flex: calc(50% - 100px);
  }
  .investor-compliance .disclosure-group ul {
    margin-bottom: 15px;
  }
  .financial-wrapper {
    gap: 20px;
  }
  .financial-wrapper .financial-card .value, .financial-wrapper .report-download .value {
    font-size: 30px;
  }
  .financial-wrapper .financial-card .text, .financial-wrapper .report-download .text {
    font-size: 30px;
    line-height: 34px;
  }
  .financial-wrapper .financial-card {
    min-height: auto;
    flex: 48%;
  }
  .financial-wrapper .financial-card .financial-card-body, .financial-wrapper .report-download .financial-card-body {
    padding: 20px 15px;
  }
  .fy-performance {
    padding: 0;
  }
  .report-card {
    margin-bottom: 20px;
  }
  .h-navtab .address-box .left-box h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .h-navtab .address-box .left-box p, .h-navtab .address-box .left-box a {
    font-size: 20px;
  }
  .h-navtab .address-box .left-box .cta-contact {
    margin-top: 30px;
  }
  .h-navtab .address-box .left-box .cta-contact-item p {
    font-size: 20px;
  }
  .h-navtab .address-box .left-box .cta-contact-item .icon-box {
    height: 45px;
    width: 45px;
  }
  .h-navtab .address-box .left-box .cta-contact-item .icon-box .icon {
    width: 20px;
    height: 20px;
  }
  .h-navtab .tab-body {
    margin-top: 25px;
    padding: 0 10px;
  }
  .h-navtab .tab-body .inquiry-form {
    margin-top: 30px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card {
    margin-bottom: 20px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail {
    padding: 20px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail p {
    font-size: 20px;
    line-height: 28px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail .cta-contact-item p, .h-navtab .tab-body .inquiry-form.right-box .report-card-detail .cta-contact-item a {
    font-size: 20px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail .cta-contact-item .icon-box {
    height: 45px;
    width: 45px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail .cta-contact-item .icon-box .icon {
    width: 20px;
    height: 20px;
  }
  .h-navtab .tab-content > .tab-pane {
    display: block;
    opacity: 1;
    margin-bottom: 10px;
  }
  .h-navtab.dark-tab .accordion-header {
    background-color: #25507c;
    padding: 0 10px;
    border-bottom: 0;
    border-radius: 5px;
  }
  .h-navtab .nav-pills {
    justify-content: flex-start;
    padding: 0;
  }
  .h-navtab .nav-pills .nav-link {
    min-width: auto;
    width: 100%;
  }
  .h-navtab .accordion-button {
    font-size: 18px;
    background-color: transparent;
    color: var(--white-color);
    box-shadow: none;
    padding: 12px 0;
  }
  .h-navtab .accordion-button.collapsed {
    color: var(--white-color);
  }
  .h-navtab .accordion-button:focus {
    box-shadow: none;
  }
  .h-navtab .accordion-button:after {
    filter: brightness(0) invert(1);
    background-size: 15px;
    background-position: center center;
  }
  .our-offices .h-navtab .address-box {
    margin-bottom: 30px;
  }
  /*--- Investor Relations End ---*/
  /* Life At Devit */
  .life-at-devit .row.align-items-center {
    align-items: flex-start !important;
  }
  .life-at-devit .row:nth-child(odd) .services-first-box {
    padding-right: 0;
  }
  .life-at-devit .row:nth-child(even) .services-first-box {
    padding-left: 0;
  }
  .life-at-devit .services-first-box {
    position: relative;
    padding-bottom: 0;
    padding-right: 0;
  }
  .life-at-devit .services-first-box h2 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .life-at-devit .services-first-box h3 {
    font-size: 20px;
  }
  .life-at-devit .services-first-box p {
    font-size: 16px;
  }
  .ldit-gallery {
    height: auto;
  }
  .ldit-gallery .ladi-accordion {
    margin: 0 auto 40px;
    height: auto;
  }
  .ldit-gallery .ladi-accordion ul li {
    min-height: auto;
    border-bottom: 1px #fff solid;
  }
  .ldit-gallery .ladi-accordion {
    min-height: auto;
  }
  .ldit-gallery .ladi-accordion ul li {
    min-height: auto;
    width: 100%;
    height: 80px;
    border-bottom: 1px #fff solid;
  }
  .ldit-gallery .ladi-accordion ul li .ladi-accordion-content {
    border-right: none;
  }
  .ldit-gallery .ladi-accordion ul:hover li:hover, .ldit-gallery .ladi-accordion ul:hover li:focus {
    width: 100% !important;
    height: 300px;
  }
  .ldit-gallery .ladi-accordion ul:focus-within li {
    width: 100% !important;
  }
  .ldit-gallery .ladi-accordion ul:focus-within li:focus {
    width: 100% !important;
    height: 300px;
  }
  .ldit-gallery .ladi-accordion ul.yearly-spotlight-gallery li, .ldit-gallery .ladi-accordion ul.sport-spotlight-gallery li, .ldit-gallery .ladi-accordion ul.escape-spotlight-gallery li, .ldit-gallery .ladi-accordion ul.heartfelt-spotlight-gallery li {
    height: 60px;
    width: 100% !important;
    display: block;
  }
  .life-at-devit-tag {
    padding: 40px 15px;
    background-size: 100%;
  }
  .life-at-devit-tag h2 {
    font-size: 40px;
  }
  /*privacy policy*/
  .policy-wrapper p, .policies p {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .policy-wrapper .policy-section h5.section-heading, .policies .policy-section h5.section-heading {
    font-size: 22px;
  }
  .policy-wrapper .note ol li h5, .policies .note ol li h5 {
    font-size: 22px;
  }
  /* dEVLABS */
  .innovation-hub-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .innovation-hub-wrapper .technology-card .technology-container .technology-content h3 a, .innovation-hub-wrapper .technology-card .technology-container .technology-content h3 span {
    font-size: 25px;
    line-height: 34px;
  }
  .technology-section {
    padding-top: 0;
  }
  .technology-section h2 {
    font-size: 35px;
    line-height: 40px;
  }
  .our-services-inner.innovation .progress-line-border-line {
    height: 108%;
  }
  .our-services-inner.innovation .progress-fill {
    top: 0;
  }
  .advisory-card {
    flex-wrap: wrap;
  }
  .advisory-card .advisory-image-container {
    flex: 100%;
  }
  .advisory-card .advisory-content .advisory-title {
    font-size: 30px;
  }
  /* solution section */
  .solution-section {
    background-position: bottom center;
    background-size: 100%;
  }
  /* News */
  .news-grid .blog-card {
    flex: 0 0 48%;
    width: 100% !important;
  }
  .technologies .technologies-grid .item .technologies-title {
    font-size: 16px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  section {
    padding: 40px 0;
  }
  #casestudyModal .btn-close {
    right: 7px;
    top: 5px;
    background-color: #e3e9fb;
    width: 24px;
    height: 25px;
    font-size: 10px;
    border: 1px solid #c6cee5;
  }
  #casestudyModal iframe {
    border-radius: 5px;
  }
  /*----- Vision Mission ------ */
  .video-wrapper {
    padding: 20px 0 20px;
  }
  .vision-mission {
    margin-top: -155px;
    padding: 160px 0 60px;
  }
  .vision-mission:before {
    clip-path: polygon(0 100%, 0 30%, 0% 6%, 100% 0%, 100% 100%);
  }
  .vision-mission .vision-item {
    height: 400px;
  }
  .vision-mission .vision-container .vision-content h4 {
    font-size: 24px;
  }
  .vision-mission .vision-container .vision-detail p {
    font-size: 18px;
    line-height: 22px;
  }
  .video-play-button.style-2 a {
    width: 50px;
    height: 50px;
  }
  .video-play-button.style-2 a .icon {
    width: 17px;
    height: 23px;
  }
  /*----- Career Main Page ----- */
  .career-top .career-img {
    width: 100%;
    height: 100%;
  }
  .career-top .career-img figure {
    margin-bottom: 40px;
  }
  .career-top .section-title {
    padding-left: 0;
    margin-bottom: 0;
  }
  .career-top .section-title .subheading {
    font-size: var(--default-fontsize);
  }
  .career-top .career-img-small {
    display: none;
  }
  .career-page .career-job-cards h4 {
    font-size: 30px;
  }
  .career-page .job-card {
    height: calc(100% - 25px);
    margin-bottom: 25px;
  }
  .career-page .job-card .job-title-location-info {
    flex-wrap: wrap;
    gap: 15px;
  }
  .career-page .job-card .job-title-location-info .job-title {
    font-size: 23px;
  }
  .career-page .horizontal-slider {
    padding: 30px 0 50px;
  }
  .career-page .we-are-devit {
    padding: 60px 0;
  }
  .career-page .we-are-devit .threeD-animation img {
    height: 78%;
  }
  .brand-area {
    padding-bottom: 0;
  }
  .brand-items h2 {
    font-size: 52px;
    margin: 0 50px;
  }
  .brand-items h2:after {
    width: 50px;
    height: 50px;
    right: -30px;
  }
  .job-description-model .modal-header .job-title-location-info .job-title {
    font-size: 24px;
  }
  /*----- Career Page End ----- */
  /*----- Industries Inner Start ----- */
  .info-section-subtitle {
    font-size: 25px;
  }
  .info-section-grid .info-card {
    flex: 0 1 auto;
  }
  .info-section-grid .info-card .info-card-text {
    font-size: 18px;
    line-height: 24px;
  }
  .info-section-grid .info-card .info-card-number {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }
  .info-section-grid .info-card .info-card-content {
    display: flex;
    order: 2;
    padding: 20px 15px;
  }
  .info-section-grid .info-card .info-card-content .info-card-number {
    flex: 1 0 auto;
  }
  .info-section-grid .info-card.info-card-image {
    flex-wrap: wrap;
  }
  .info-section-grid .info-card.info-card-image .info-card-content, .info-section-grid .info-card.info-card-image .info-card-image {
    flex: 0 1 auto;
  }
  .info-section-grid .info-card.info-card-image .info-card-image {
    height: 200px;
    width: 100%;
    order: 1;
  }
  .info-section-grid .info-card.info-card-image .info-card-image.align-left, .info-section-grid .info-card.info-card-image .info-card-image.align-right {
    border-radius: 0;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
  }
  .module-grid .module-item {
    flex: 47%;
  }
  /*----- Industries Inner End ----- */
  .devit_horizontal_slider_wrapper .devit_project_list .devit_card.devit_style_1.small {
    width: 345px;
    height: 235px;
  }
  .devit_horizontal_slider_wrapper .devit_project_list .devit_card.devit_style_1.large {
    width: 205px;
    height: 306px;
  }
  .about-us-inner .about-us-content {
    padding-bottom: 0;
  }
  .about-us-inner .about-us-content .about-us-content-body {
    margin-bottom: 0;
  }
  .about-us-inner .about-us-content .about-us-content-body .about-us-content-list ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .milestone-journey {
    clip-path: polygon(0 100%, 0 40%, 0% 18%, 190% 0%, 100% 100%);
    padding-bottom: 40px;
  }
  .milestone-journey .milestone-swiper .timeline-item .dot {
    width: 10px;
    height: 10px;
    top: 95px;
    box-shadow: 0 0 0 6px var(--white-15);
  }
  .milestone-journey .milestone-swiper .timeline-item .content .year {
    font-size: 30px;
  }
  .milestone-journey .milestone-swiper .timeline-item .content p {
    font-size: 16px;
  }
  .milestone-journey .milestone-carousel .button-container .swiper-button-next, .milestone-journey .milestone-carousel .button-container .swiper-button-prev {
    width: 46px;
    height: 46px;
  }
  .milestone-journey .swiper-wrapper {
    padding: 0px 0px 0 4%;
  }
  .career-section .career-content {
    padding: 0;
  }
  .career-section .career-content .logo-container {
    gap: 50px;
  }
  .career-section .career-content .logo-container a {
    padding-right: 50px;
  }
  .media-card {
    height: 370px;
  }
  .media-card .media-card-body {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
  .media-card .media-card-body .media-card-title h4 {
    font-size: 25px;
  }
  .media-card .media-card-body .media-card-text p {
    font-size: 18px;
  }
  .page-pagination ul li a, .page-pagination ul li span {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
  .recent-blogs .page-pagination {
    margin-top: 50px;
  }
  /*--- Topbar Start --- */
  .topbar {
    padding: 5px 0;
  }
  .topbar .topbar-menu-links ul li a {
    font-size: 14px;
  }
  /*--- Topbar Start --- */
  /*--- Sidebar Start --- */
  .sidebar {
    position: fixed;
    padding: 50px 25px;
    top: 0;
    right: 0;
    border-radius: 0;
    background: #e1e4f9;
    min-width: 290px;
    width: 100%;
    height: 100%;
    transform: translateX(100%);
    transition: all ease-in-out 0.3s;
    z-index: 150;
    overflow-y: auto;
  }
  .sidebar.show {
    transform: translateX(0);
  }
  .categories-button {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #sidebarcontent .navbar-toggler {
    display: block;
  }
  #sidebarcontent .search-box {
    margin-top: 1rem;
  }
  /*--- Sidebar End --- */
  .latest-case-studies {
    padding-bottom: 10px;
  }
  .latest-case-studies .project-single-content {
    margin-bottom: 30px;
  }
  .latest-case-studies .post-item {
    margin-bottom: 30px;
  }
  .post-item .post-item-content h3 a {
    font-size: 25px;
  }
  /*--- Case Studies Start --- */
  .case-studies-detail {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .case-studies-detail .project-entry .project-info h2 {
    font-size: 35px;
    line-height: 36px;
  }
  .case-studies-detail .project-entry .project-info h3 {
    font-size: 22px;
    font-weight: var(--weight-medium);
    line-height: 28px;
    color: var(--text-black);
    margin-bottom: 20px;
  }
  .case-studies-detail .project-entry .project-info p {
    font-size: 18px;
  }
  .case-studies-detail:before {
    top: 95px;
    clip-path: polygon(-100% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 97%);
  }
  .case-studies-detail .case-studies-video .video-container {
    margin-bottom: 30px;
  }
  .case-studies-detail .case-studies-video p {
    font-size: 18px;
  }
  .case-studies-detail .case-section {
    padding-top: 40px;
  }
  .case-section {
    padding-top: 80px;
  }
  .case-section .section-heading {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .case-section .section-subheading {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px;
  }
  .case-section .section-text p {
    font-size: 18px;
  }
  .case-section .case-content:last-child {
    margin-bottom: 0;
  }
  .highlight-box {
    padding: 25px 15px;
  }
  .highlight-box .highlight-content h3 {
    font-size: 30px;
    line-height: 36px;
  }
  .highlight-box .highlight-content p {
    font-size: 18px;
    line-height: 25px;
  }
  .two-column-container {
    margin-bottom: 20px;
  }
  .two-column-container .description p {
    font-size: 18px;
  }
  .two-column-container .title h3 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px;
  }
  .case-block-container .technologies-grid {
    display: grid;
    gap: 30px 16px;
    grid-template-columns: repeat(2, 1fr);
  }
  .case-block-container .technologies-grid .item .subtitle {
    font-size: 16px;
  }
  .case-block-container .two-column-container .description ul li {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .case-block-container .col-lg-10 .case-item-container:last-child .two-column-container {
    margin-bottom: 0;
  }
  .client-need:before {
    clip-path: polygon(-60% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 91%);
  }
  .client-need .image-container {
    margin-bottom: 10px;
  }
  .case-info .case-item p {
    font-size: 18px;
  }
  /*--- Case Studies End --- */
  /*--- Blog Section Start --- */
  .blog-us-content .section-title {
    margin-bottom: 20px;
  }
  .blog-us-content .section-title h2 {
    font-size: 28px;
  }
  .blog-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .recent-blogs .section-title {
    margin-bottom: 20px;
  }
  /*--- Blog Section End --- */
  /*--- Blog Single Start ---*/
  .blog-single-post {
    padding-bottom: 0;
  }
  .blog-single-post .post-image {
    margin-bottom: 0;
  }
  .blog-single-post .post-content {
    flex-direction: column;
  }
  .blog-single-post .post-content .post-entry {
    margin-bottom: 30px;
  }
  .blog-single-post .post-content .post-entry h2 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .blog-single-post .post-content .post-entry p {
    font-size: 18px;
  }
  .blog-single-post .post-content .post-entry ul li {
    font-size: 18px;
  }
  .blog-single-post .post-content .post-tag-links .next-area, .blog-single-post .post-content .post-tag-links .prev-area {
    width: 50%;
  }
  .blog-single-post .post-content .post-tag-links .navigation-btn a {
    font-size: var(--default-fontsize);
  }
  .blog-single-post .post-content .post-tag-links .post-name {
    font-size: 16px;
    line-height: 24px;
  }
  .blog-single-post .post-content .post-body-content {
    margin-bottom: 0;
  }
  .blog-single-post .post-content .post-body-content .faq-section h2 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .blog-single-post .post-content .post-body-content .cloud-banner {
    padding: 25px 15px;
  }
  .blog-single-post .post-content .post-body-content .cloud-banner .cloud-content p {
    font-size: 18px;
    line-height: 25px;
  }
  .blog-single-post .post-content .post-body-content .cloud-banner .cloud-content h3 {
    font-size: 30px;
    line-height: 36px;
  }
  .blog-single-post .post-content .floating-button {
    position: relative;
    margin-left: 0;
    align-self: flex-start;
    right: 0;
    z-index: 290;
    left: auto;
    padding: 7px 10px;
    top: 10px;
  }
  .blog-single-post .post-content .floating-button .social-links ul li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 5px;
  }
  .blog-single-post .post-content .floating-button .social-links ul li a {
    height: 35px;
    width: 35px;
  }
  .blog-single-post .post-content .floating-button .social-links ul li a i {
    font-size: 14px;
  }
  /*--- Blog Single End---*/
  /*--- Common CSS Start ---*/
  .section-title h1, .inner-pages .hero-content .section-title h1 {
    font-size: 45px;
  }
  .section-title p, .inner-pages .hero-content .section-title p {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .btn-default, .btn-secondary, .btn-primary-outline {
    padding: 13px 20px;
    font-size: 18px;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 760px;
  }
  .section-row {
    margin-bottom: 30px;
  }
  .section-row .text-end {
    text-align: left !important;
  }
  /*--- Common CSS End ---*/
  /*--- BOD CSS Start ---*/
  .bod-about-box {
    flex-direction: column;
    gap: 20px 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
  }
  .bod-about-box:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .bod-about-box:nth-child(even) {
    flex-direction: column;
  }
  .bod-about-box .bod-single-image {
    width: 100%;
    order: 1;
  }
  .bod-about-box .floating-button {
    order: 3;
    margin-left: 0;
    align-self: flex-start;
    right: 0;
    z-index: 290;
    left: auto;
    padding: 7px 10px;
  }
  .bod-about-box .floating-button .social-links ul li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 5px;
  }
  .bod-about-box .floating-button .social-links ul li a {
    height: 35px;
    width: 35px;
  }
  .bod-about-box .floating-button .social-links ul li a i {
    font-size: 14px;
  }
  .bod-about-box .bod-about-content {
    order: 2;
  }
  .bod-about-box .bod-about-content .bod-name {
    font-size: 32px;
  }
  .bod-about-box .bod-about-content .bod-designation {
    font-size: 18px;
  }
  /*--- BOD CSS End ---*/
  .director-card {
    margin-bottom: 0;
  }
  .director-card .director-name {
    font-size: 22px;
  }
  .page-team {
    padding: 10px 0 10px;
  }
  .awards-container .award-card {
    padding: 15px;
  }
  .awards-container .award-card .award-logo {
    margin-bottom: 70px;
  }
  .arrow-btn a {
    width: 45px;
    height: 45px;
  }
  .hero {
    padding-top: 160px;
  }
  .hero-content .section-title .section-label {
    font-size: var(--default-fontsize);
  }
  .hero-content .section-title .section-label:before {
    width: 167px;
    left: -99px;
  }
  .hero-content .section-title .section-label:after {
    width: 167px;
    right: -99px;
  }
  .hero-content .section-title h1 span {
    display: inline-block;
  }
  .hero-content .section-title br {
    display: none;
  }
  .hero-content .section-title .cd-headline br {
    display: block;
  }
  .hero-content .section-title .section-label-secondary {
    font-size: 18px;
  }
  .hero-content .btn-play {
    width: 51px;
    height: 51px;
  }
  .cloud-section .cloud {
    top: 30%;
    width: 40%;
  }
  .navbar-toggle {
    padding: 0 0 17px;
  }
  .responsive-menu, .navbar-toggle {
    display: block;
  }
  .mega-menu {
    max-height: 55vh;
    overflow-y: auto;
    overflow-x: hidden;
    width: 95vw;
    margin: auto;
  }
  .mega-menu .dd-menu-left-content {
    padding: 15px 1rem 15px;
    border-radius: 0;
    text-align: left;
    justify-content: flex-start;
  }
  .mega-menu .dd-menu-left-content .dd-menu-name {
    font-size: 1.8rem;
  }
  .mega-menu .dd-menu-left-content p {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .mega-menu .dd-menu-right-content {
    padding: 15px;
    text-align: left;
    background-color: var(--white-color);
  }
  .mega-menu .dd-menu-right-content .dd-nav-menu-name {
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
  }
  .mega-menu .dd-menu-right-content a {
    text-align: left;
    line-height: 20px;
    padding: 0;
    margin-bottom: 0;
  }
  .mega-menu .dd-menu-right-content .company-product-logo {
    margin-bottom: 20px;
  }
  .mega-menu .dd-menu-right-content ul {
    margin-bottom: 20px;
  }
  .mega-menu .dd-menu-right-content ul li {
    padding-left: 0;
    margin: 0 0 5px 0;
    text-align: left;
  }
  .mega-menu .dd-menu-right-content ul li a {
    font-size: 16px;
    padding: 4px 0;
    color: var(--text-black);
  }
  .main-header .navbar-collapse {
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: var(--primary-color);
  }
  .main-menu .nav-menu-wrapper {
    margin-left: 0;
    text-align: left;
  }
  .main-menu .nav-menu-wrapper > ul {
    width: 100%;
  }
  .main-menu .nav-menu-wrapper > ul > li {
    width: 100%;
  }
  .main-menu .nav-menu-wrapper > ul > li.nav-item > a {
    padding: 10px 14px 10px;
    color: var(--white-color);
  }
  .main-menu .nav-menu-wrapper > ul > li.nav-item > a::after {
    content: none;
  }
  .main-menu ul li > a.dropdown-toggle {
    position: relative;
  }
  .main-menu ul li > a.dropdown-toggle i {
    position: absolute;
    right: 20px;
    top: 17px;
  }
  .main-menu ul .mega-menu {
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
    pointer-events: auto;
    position: static !important;
    width: 95%;
    margin: auto;
    display: none;
  }
  .main-menu ul .mega-menu.show {
    display: block;
  }
  .header-btn a.btn-default {
    background-color: var(--secondary-color);
    margin: 15px 15px 0;
    padding: 10px 15px;
  }
  .sub-container {
    padding: 50px 26px 36px;
  }
  .sub-container .section-title {
    text-align: center;
    left: 42%;
    transform: translate(-35%, -50%);
  }
  .sub-container .section-title span.trusted-text, .sub-container .section-title h3 {
    padding: 8px 10px 8px 10px;
    font-size: 18px;
  }
  .section-title h2 {
    font-size: 35px;
  }
  .section-title .subheading {
    font-size: 18px;
  }
  .about-us .about-us-image {
    margin-top: -122px;
  }
  .our-services .button-container .swiper-button-next, .our-services .button-container .swiper-button-prev {
    top: 97%;
    margin: 0 -20px;
  }
  .our-services .button-container .swiper-button-prev {
    left: 40%;
  }
  .our-services .button-container .swiper-button-next {
    right: 40%;
  }
  .our-services .our-services-slider .service-item .service-content {
    top: 20px;
    left: 20px;
    right: 20px;
  }
  .our-services .our-services-slider .service-item .service-content h3 {
    font-size: 25px;
  }
  .our-services .our-services-slider .service-item .service-content p {
    line-height: 20px;
    font-size: 16px;
  }
  .our-services .our-services-slider .service-item .service-content .service-list {
    margin-top: 15px;
  }
  .our-services .our-services-slider .service-item .service-btn {
    left: 20px;
    bottom: 10px;
  }
  /* Industries Section */
  .industries-benefits {
    padding-top: 90px;
  }
  .industries-benefits .button-container .swiper-button-next, .industries-benefits .button-container .swiper-button-prev {
    top: 99%;
    margin: 0 -20px;
  }
  .industries-benefits .button-container .swiper-button-prev {
    left: 40%;
  }
  .industries-benefits .button-container .swiper-button-next {
    right: 40%;
  }
  .industries-sec.key-benefits {
    padding-bottom: 15px;
  }
  .industries-sec.key-benefits .card-container .card-style-3 {
    height: auto;
    margin-bottom: 25px;
  }
  .industries-sec.key-benefits .card-container .card-style-3 .item-content {
    min-height: auto;
  }
  .industries-sec.key-benefits .card-container .card-style-3 .item-links {
    margin-bottom: 0;
  }
  .industries-sec.about-us {
    clip-path: none;
  }
  .industries-sec.why-devit .card-style-3 {
    margin-bottom: 25px;
  }
  .industries-sec.why-devit .card-style-3 .item-content {
    min-height: auto;
  }
  .industries-sec.why-devit .card-style-3 .item-content .item-body-content {
    bottom: 0;
  }
  .industries-sec.why-devit .card-style-3 .item-title {
    font-size: 28px;
    line-height: 34px;
  }
  .industries-sec.why-devit .card-style-3 .item-text {
    font-size: 18px;
  }
  .approach-section .steps-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .approach-section .steps-container .step-card {
    text-align: left;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 0 0 40px 50px;
  }
  .approach-section .steps-container .step-card:nth-child(odd), .approach-section .steps-container .step-card:nth-child(even) {
    margin: 0;
  }
  .approach-section .steps-container .step-card:nth-child(odd):before, .approach-section .steps-container .step-card:nth-child(even):before {
    border-radius: 0;
    border-width: 0 0 0 10px;
    height: 100%;
    left: 10px;
  }
  .approach-section .steps-container .step-card:nth-child(odd) .step-header {
    top: -5px;
    margin-bottom: 20px;
    left: -5px;
  }
  .approach-section .steps-container .step-card:nth-child(even) {
    flex-direction: row-reverse;
  }
  .approach-section .steps-container .step-card:nth-child(even) .step-header {
    top: 0;
    margin-top: 0;
    left: -5px;
  }
  .approach-section .steps-container .step-card:nth-child(even) .step-icon {
    margin-top: 0;
  }
  .approach-section .steps-container .step-card .step-header {
    position: absolute;
  }
  .approach-section .steps-container .step-card .step-header .step-number {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
  .approach-section .steps-container .step-card .step-icon {
    min-width: 55px;
    min-height: 55px;
    width: auto;
    height: auto;
    margin: 0;
  }
  .approach-section .steps-container .step-card .step-icon img {
    width: 55%;
  }
  .proposal-sec {
    padding: 40px 0;
  }
  /* End Section */
  .we-are-devit {
    margin-top: -150px;
    clip-path: polygon(0 100%, 0 30%, 0% 5%, 100% 0%, 100% 100%);
    padding: 270px 0 188px;
  }
  .we-are-devit .section-heading {
    font-size: 115px;
    line-height: 76px;
  }
  .we-are-devit .company-info .info-content .info-heading {
    width: 100%;
  }
  .we-are-devit .company-info .info-content .info-description {
    width: 100%;
  }
  .we-are-devit .company-info .info-content .read-more-container {
    justify-content: flex-start;
  }
  .we-are-devit .stats-card .stats-body .stats-top {
    padding: 30px 15px 20px;
  }
  .we-are-devit .stats-card .stats-body .stats-bottom {
    padding: 20px 15px;
  }
  .we-are-devit .stats-card .stats-highlight {
    font-size: 50px;
  }
  .we-are-devit .stats-card .stats-content {
    left: 15px;
    right: 15px;
  }
  .we-are-devit .stats-card .stats-content .stats-title {
    font-size: 27px;
  }
  .about-us {
    padding-bottom: 30px;
  }
  .about-us .about-us-content {
    margin-top: 20px;
  }
  .about-us .about-us-content .about-us-content-body {
    margin-bottom: 30px;
  }
  .about-us .about-us-content .about-us-content-body .about-us-content-list ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-us .about-us-image figure {
    width: 100%;
  }
  .latest-project .col-lg-6:last-child .post-item {
    margin-bottom: 0;
  }
  .latest-project, .achievement, .our-blog, .quick-inquiry, .our-services {
    padding: 40px 0;
  }
  .container-fluid {
    --bs-gutter-x: 1.5rem;
  }
  .testimonial {
    padding: 240px 0 40px;
    clip-path: polygon(0 100%, 0 30%, 0% 5%, 100% 0%, 100% 100%);
    margin-top: -210px;
  }
  .testimonial .testimonial-card {
    flex-wrap: wrap;
  }
  .testimonial .testimonial-card .testimonial-content {
    padding: 0;
    flex-basis: 100%;
    order: 2;
  }
  .testimonial .testimonial-card .testimonial-quote {
    padding-right: 0;
    font-size: 20px;
    margin-top: 20px;
    line-height: 28px;
  }
  .testimonial .testimonial-card .testimonial-footer {
    padding-top: 0px;
  }
  .testimonial .testimonial-card .testimonial-image-container {
    max-height: 120px;
    margin-bottom: 30px;
    justify-content: flex-start;
    order: 1;
    width: 100%;
    max-width: 100%;
  }
  .testimonial .testimonial-card .testimonial-image-container .testimonial-image {
    -o-object-position: left;
       object-position: left;
  }
  .testimonial .testimonial-card .testimonial-footer {
    min-height: auto;
  }
  .testimonial .testimonial-card .testimonial-footer .author-info {
    margin: 0;
  }
  .testimonial .button-container .swiper-button-next, .testimonial .button-container .swiper-button-prev {
    width: 50px;
    height: 50px;
    top: -127px;
  }
  .advisory-card {
    padding: 1rem;
    flex-direction: column;
  }
  .advisory-card .advisory-content .advisory-title {
    font-size: 26px;
    line-height: 34px;
  }
  .advisory-card .advisory-content .advisory-subtitle {
    font-size: 18px;
  }
  .quick-inquiry .quick-inquiry-content {
    padding: 0;
  }
  .quick-inquiry .inquiry-form {
    margin-top: 20px;
  }
  .quick-inquiry .inquiry-form figure {
    margin-bottom: 0;
  }
  .post-item .post-featured-image .arrow-btn {
    bottom: 15px;
    right: 15px;
  }
  /*--- Main Footer Start ---*/
  .main-footer {
    padding: 30px 0 0;
  }
  .main-footer .footer-header {
    padding-bottom: 0;
    border-bottom: none;
  }
  .main-footer .footer-header .certificate-area {
    gap: 15px;
  }
  .main-footer .footer-header .certificate-area .certificate-item {
    padding-bottom: 20px;
    border-bottom: 1px solid #404040;
    border-right: none;
  }
  .main-footer .footer-header .certificate-area .certificate-item:last-child {
    border: none;
    padding-bottom: 0;
  }
  .main-footer .footer-header .certificate-area .certificate-item .certificate-title {
    font-size: 16px;
  }
  .main-footer .footer-header .certificate-area .certificate-item .certificate-images img {
    width: auto;
    height: 42px;
  }
  .main-footer .footer-body {
    padding: 40px 0;
  }
  .main-footer .footer-body .footer-devit {
    padding-right: 0;
  }
  .main-footer .footer-body .footer-devit .footer-location {
    margin-bottom: 50px;
  }
  .main-footer .footer-body .footer-links {
    margin-bottom: 30px;
  }
  .main-footer .footer-copyright {
    padding: 10px 0;
  }
  .main-footer .footer-copyright .footer-copyright-text {
    text-align: center;
    margin-bottom: 10px;
  }
  .main-footer .footer-copyright .footer-copyright-text p {
    font-size: var(--default-fontsize);
  }
  .main-footer .footer-copyright .footer-menu {
    text-align: center;
  }
  .main-footer .footer-copyright .footer-menu ul li {
    margin: 0 5px;
  }
  .main-footer .footer-copyright .footer-menu ul li a {
    font-size: var(--default-fontsize);
  }
  .main-footer .footer-links ul li {
    margin-bottom: 5px;
  }
  /*--- Main Footer End ---*/
  /*--- Inner Pages Start ---*/
  .inner-pages .hero .hero-image-container {
    display: none;
  }
  .inner-pages .hero-content .section-title p {
    padding-right: 0;
  }
  .inner-pages .sub-container {
    padding: 35px 26px 16px;
    margin-top: 50px;
  }
  .inner-pages .key-counter h3 {
    font-size: 38px;
    line-height: 40px;
  }
  .inner-pages .about-us {
    padding: 40px 0;
  }
  .inner-pages .about-us .about-us-content .about-us-content-body {
    margin-bottom: 0;
  }
  .inner-pages .our-services-inner {
    padding-bottom: 120px;
  }
  .inner-pages .our-services-inner .section-title.text-center {
    text-align: left !important;
  }
  .inner-pages .our-services-inner .services-card {
    padding: 15px;
    flex-wrap: wrap;
    margin-left: 50px;
    position: relative;
    gap: 20px;
  }
  .inner-pages .our-services-inner .services-card::before {
    left: -48px;
  }
  .inner-pages .our-services-inner .services-card .services-image-container {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: auto;
  }
  .inner-pages .our-services-inner .services-card .services-content-list {
    margin-bottom: 60px;
  }
  .inner-pages .our-services-inner .services-card .services-content-list ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .inner-pages .our-services-inner .services-card .services-content {
    flex-basis: 100%;
    padding: 0;
  }
  .inner-pages .our-services-inner .services-card .services-content .services-header h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .inner-pages .our-services-inner .cloud-advisory-wrapper {
    padding: 0 15px;
  }
  .inner-pages .our-services-inner .cloud-advisory-wrapper .progress-line-border-line {
    top: 0;
    left: 12px;
    height: 100%;
  }
  .inner-pages .our-services-inner.innovation .progress-fill {
    top: 0;
  }
  .inner-pages .our-services-inner.innovation .services-card {
    top: 50px;
  }
  .inner-pages .our-services-inner.innovation .cloud-advisory-wrapper {
    padding: 0px 15px 40px;
  }
  .inner-pages .cloud-banner {
    padding: 25px 15px;
  }
  .inner-pages .cloud-banner .cloud-content p {
    font-size: 18px;
    line-height: 25px;
  }
  .inner-pages .cloud-banner .cloud-content h3 {
    font-size: 30px;
    line-height: 36px;
  }
  .inner-pages .cloud-sec {
    padding: 25px 15px;
  }
  .inner-pages .services-benefits {
    margin-top: -268px;
  }
  .inner-pages .key-benefits {
    clip-path: polygon(0 100%, 0 40%, 0% 2%, 100% 0%, 100% 100%);
    margin-top: -160px;
    padding: 180px 0 40px;
  }
  .inner-pages .key-benefits .key-benefits-footer {
    margin-top: 30px;
  }
  .inner-pages .key-benefits .key-benefits-footer .section-title h3 {
    font-size: 35px;
  }
  .inner-pages .key-benefits .card-style-3 {
    height: auto;
  }
  .inner-pages .key-benefits .card-container {
    padding-bottom: 20px;
  }
  .inner-pages .card-style-3 .item-title {
    font-size: 26px;
    line-height: 34px;
  }
  .inner-pages .faq-section .faq-title h2 {
    font-size: 34px;
    line-height: 45px;
    text-align: left;
  }
  .inner-pages .faq-section .faq-image {
    margin: 5px 0;
  }
  .inner-pages .faq-section .faq-image h3 {
    padding-right: 50px;
  }
  .inner-pages .faq-section .faq-content {
    margin-top: 40px;
  }
  .inner-pages .faq-section .faq-content .faq-accordion .accordion-header .accordion-button {
    font-size: 20px;
  }
  .inner-pages .faq-section .faq-content .faq-accordion .accordion-button::after, .inner-pages .faq-section .faq-content .faq-accordion .accordion-button.collapsed::after {
    font-size: 16px;
    width: 35px;
    height: 35px;
  }
  .inner-pages .faq-section .faq-content .faq-accordion .accordion-button:not(.collapsed)::after {
    font-size: 18px;
  }
  .inner-pages .technologies .nav-pills {
    justify-content: flex-start;
    padding: 0;
  }
  .inner-pages .technologies .nav-pills .nav-link {
    min-width: auto;
    width: 100%;
  }
  .inner-pages .technologies .technologies-grid {
    padding: 30px 10px 30px;
  }
  .inner-pages .technologies .technologies-grid .item {
    flex: 30%;
    padding: 0 5px;
  }
  .inner-pages .technologies .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
  .inner-pages .technologies .accordion-button {
    font-size: 18px;
    background-color: transparent;
    color: var(--white-color);
    box-shadow: none;
    border-bottom: 1px solid var(--white-color);
    padding: 12px 0;
  }
  .inner-pages .technologies .accordion-button.collapsed {
    color: var(--white-color);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .inner-pages .technologies .accordion-button:focus {
    box-shadow: none;
  }
  .inner-pages .technologies .accordion-button:after {
    filter: brightness(0) invert(1);
    background-size: 15px;
    background-position: center center;
  }
  .inner-pages .industries-sec.key-benefits {
    padding-bottom: 15px;
    padding-top: 210px;
  }
  .inner-pages .industries-sec.key-benefits .card-container {
    padding-bottom: 0;
  }
  .inner-pages .industries-sec.key-benefits .about-us-content .section-subtitle {
    font-size: 22px;
    line-height: 28px;
  }
  .inner-pages .industries-sec.key-benefits .about-us-content p {
    font-size: 18px;
  }
  .inner-pages .feature-slider {
    flex-wrap: wrap;
    gap: 20px 0;
  }
  .inner-pages .feature-slider .feature-item:after {
    height: 100%;
  }
  .inner-pages .feature-slider .feature-item .feature-title {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .inner-pages .feature-slider .feature-item .feature-desc {
    font-size: 17px;
    margin-bottom: 0;
  }
  .feature-slider {
    flex-wrap: wrap;
    gap: 20px 0;
  }
  .feature-slider .feature-item:after {
    height: 100%;
  }
  .feature-slider .feature-item .feature-title {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .feature-slider .feature-item .feature-desc {
    font-size: 17px;
    margin-bottom: 0;
  }
  /*--- Inner Pages End ---*/
  /*--- Masonary Case studies Start ---*/
  .masonary.odd.row > [class^=col-]:last-child .post-item {
    margin-bottom: 0;
  }
  .masonary.odd .col-lg-6:nth-child(odd) {
    position: relative;
    padding-top: 0;
  }
  .masonary.odd .col-lg-6:nth-child(odd):nth-last-child(2) {
    margin-bottom: 0;
  }
  .masonary.even .col-lg-6:nth-child(even) {
    padding-top: 0;
  }
  .masonary.even .col-lg-6:nth-child(even):last-child {
    margin-bottom: 0;
  }
  .masonary .post-item .post-featured-image img {
    height: 400px;
  }
  /*--- Masonary Case studies End ---*/
  .organization-container {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
  }
  .organization-container .organization-item .content h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .organization-container .organization-item .organization-icon .icon {
    max-width: 70px;
    max-height: 70px;
  }
  .other-offering {
    padding-bottom: 20px;
  }
  .other-offering .card-style-3 .item-content {
    display: block;
    min-height: auto;
  }
  .features .button-container {
    position: relative;
    bottom: 0;
  }
  /*--- Breadcrumb Start ---*/
  nav ol li.breadcrumb-item {
    font-size: 16px;
  }
  nav ol li.breadcrumb-item + .breadcrumb-item:before {
    margin-top: 6px;
  }
  /*--- Breadcrumb End ---*/
  .report-card {
    margin-bottom: 20px;
  }
  .fy-performance {
    padding: 0;
  }
  .about-us.v2 .about-us-content {
    padding-right: 0;
  }
  .about-us.v2 .about-us-content .about-us-content-btn {
    margin-bottom: 10px;
  }
  .financial-wrapper {
    gap: 20px;
  }
  .financial-wrapper .financial-card, .financial-wrapper .report-download {
    flex: 100%;
  }
  .financial-wrapper .financial-card .value, .financial-wrapper .report-download .value {
    font-size: 30px;
  }
  .financial-wrapper .financial-card .text, .financial-wrapper .report-download .text {
    font-size: 25px;
    line-height: 34px;
  }
  .financial-wrapper .financial-card .title, .financial-wrapper .report-download .title {
    margin-bottom: 15px;
  }
  .financial-wrapper .financial-card {
    min-height: auto;
    flex: 48%;
  }
  .financial-wrapper .financial-card .financial-card-body, .financial-wrapper .report-download .financial-card-body {
    padding: 20px 15px;
  }
  .investor-compliance {
    padding: 2.5rem 0;
  }
  .investor-compliance .disclosure-content {
    gap: 20px;
  }
  .investor-compliance .disclosure-group {
    flex: auto;
  }
  .investor-compliance .disclosure-group ul {
    margin-bottom: 0;
  }
  .h-navtab .address-box .left-box h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .h-navtab .address-box .left-box p, .h-navtab .address-box .left-box a {
    font-size: 18px;
  }
  .h-navtab .address-box .left-box .cta-contact {
    margin-top: 30px;
  }
  .h-navtab .address-box .left-box .cta-contact-item p {
    font-size: 18px;
  }
  .h-navtab .address-box .left-box .cta-contact-item .icon-box {
    height: 45px;
    width: 45px;
  }
  .h-navtab .address-box .left-box .cta-contact-item .icon-box .icon {
    width: 20px;
    height: 20px;
  }
  .h-navtab .tab-body {
    margin-top: 15px;
    padding: 0 10px;
  }
  .h-navtab .tab-body .inquiry-form {
    margin-top: 30px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card {
    margin-bottom: 20px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail {
    padding: 20px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail p {
    font-size: 20px;
    line-height: 28px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail .cta-contact-item p, .h-navtab .tab-body .inquiry-form.right-box .report-card-detail .cta-contact-item a {
    font-size: 20px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail .cta-contact-item .icon-box {
    height: 45px;
    width: 45px;
  }
  .h-navtab .tab-body .inquiry-form.right-box .report-card-detail .cta-contact-item .icon-box .icon {
    width: 20px;
    height: 20px;
  }
  .h-navtab .tab-content > .tab-pane {
    display: block;
    opacity: 1;
    margin-bottom: 10px;
  }
  .h-navtab.dark-tab .accordion-header {
    background-color: #25507c;
    padding: 0 10px;
    border-bottom: 0;
    border-radius: 5px;
  }
  .h-navtab .nav-pills {
    justify-content: flex-start;
    padding: 0;
  }
  .h-navtab .nav-pills .nav-link {
    min-width: auto;
    width: 100%;
  }
  .h-navtab .accordion-button {
    font-size: 18px;
    background-color: transparent;
    color: var(--white-color);
    box-shadow: none;
    padding: 12px 0;
  }
  .h-navtab .accordion-button.collapsed {
    color: var(--white-color);
  }
  .h-navtab .accordion-button:focus {
    box-shadow: none;
  }
  .h-navtab .accordion-button:after {
    filter: brightness(0) invert(1);
    background-size: 15px;
    background-position: center center;
  }
  .investors-regulations .search-box {
    margin-top: 20px;
  }
  .responsive_table table {
    border: 0;
  }
  .responsive_table table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .responsive_table table tr {
    display: block;
    border-color: #ccc;
    border-bottom: 0;
  }
  .responsive_table table tr:nth-child(even) td {
    background-color: #F3F3F3;
  }
  .responsive_table table td {
    display: flex;
    font-size: var(--default-fontsize);
  }
  .responsive_table table td:before {
    content: attr(data-label);
    text-align: left;
    min-width: 50%;
    max-width: 50%;
    padding-right: 5px;
    font-weight: var(--weight-medium);
    color: var(--text-black);
  }
  .responsive_table table td:last-child {
    border-bottom: 0;
  }
  .responsive_table table td span {
    text-align: left;
  }
  .accordion-v2 .accordion-body .table tbody td.center-col button {
    margin: 0;
  }
  /* Life At Devit */
  .life-at-devit .row:nth-child(odd) .services-first-box {
    padding-right: 0;
  }
  .life-at-devit .row:nth-child(even) .services-first-box {
    padding-left: 0;
  }
  .life-at-devit .row:nth-child(even) .life-at-devit-gallery-content {
    order: 1;
  }
  .life-at-devit .row:nth-child(even) .ldit-gallery {
    order: 2;
  }
  .life-at-devit .services-first-box {
    position: relative;
    padding-bottom: 0;
    padding-right: 0;
  }
  .life-at-devit .services-first-box h2 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .life-at-devit .services-first-box h3 {
    font-size: 20px;
  }
  .life-at-devit .services-first-box .btn-default {
    position: absolute;
    top: 0;
    right: 0;
  }
  .life-at-devit .services-first-box p {
    font-size: 16px;
    margin-bottom: 0;
  }
  .ldit-gallery {
    height: auto;
  }
  .ldit-gallery .ladi-accordion {
    margin: 20px auto 40px;
    height: auto;
  }
  .ldit-gallery .ladi-accordion ul li {
    min-height: auto;
    border-bottom: 1px #fff solid;
  }
  .ldit-gallery .ladi-accordion {
    min-height: auto;
  }
  .ldit-gallery .ladi-accordion ul li {
    min-height: auto;
    width: 100%;
    height: 80px;
    border-bottom: 1px #fff solid;
  }
  .ldit-gallery .ladi-accordion ul li .ladi-accordion-content {
    border-right: none;
  }
  .ldit-gallery .ladi-accordion ul:hover li:hover, .ldit-gallery .ladi-accordion ul:hover li:focus {
    width: 100% !important;
    height: 80vw;
  }
  .ldit-gallery .ladi-accordion ul:focus-within li {
    width: 100% !important;
  }
  .ldit-gallery .ladi-accordion ul:focus-within li:focus {
    width: 100% !important;
    height: 210px;
  }
  .ldit-gallery .ladi-accordion ul.yearly-spotlight-gallery li, .ldit-gallery .ladi-accordion ul.sport-spotlight-gallery li, .ldit-gallery .ladi-accordion ul.escape-spotlight-gallery li, .ldit-gallery .ladi-accordion ul.heartfelt-spotlight-gallery li {
    height: 60px;
    width: 100% !important;
    display: block;
  }
  .life-at-devit-tag {
    padding: 40px 15px;
    background-image: none;
  }
  .life-at-devit-tag h2 {
    font-size: 30px;
  }
  .life-at-devit-tag h3 {
    font-size: 20px;
  }
  .life-at-devit-tag p {
    font-size: 16px;
  }
  /*privacy policy*/
  .policy-wrapper p, .policies p {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .policy-wrapper .policy-section h5.section-heading, .policies .policy-section h5.section-heading {
    font-size: 22px;
  }
  .policy-wrapper .note ol li h5, .policies .note ol li h5 {
    font-size: 22px;
  }
  .innovation-hub-wrapper {
    grid-template-columns: 1fr;
  }
  .innovation-hub-wrapper .technology-card .technology-container .technology-content h3 a, .innovation-hub-wrapper .technology-card .technology-container .technology-content h3 span {
    font-size: 25px;
    line-height: 34px;
  }
  .technology-section {
    padding-top: 0;
  }
  .technology-section h2 {
    font-size: 35px;
    line-height: 40px;
  }
  /*---- Download Butoon */
  .download-button {
    margin: 0;
  }
  .team-item .team-content .team-detail {
    flex: auto;
  }
  .team-item .team-content .team-social-icon {
    margin-top: 12px;
  }
  .team-item .team-content .team-social-icon ul li {
    margin-left: 0;
    margin-right: 10px;
  }
  /* Technologies */
  .technologies .technologies-grid .item .subtitle {
    font-size: 16px;
  }
  /* main-Industries */
  .main-Industries ul#menu-industries {
    grid-template-columns: repeat(1, 1fr);
  }
  .nav-item.submenu {
    overflow: hidden; /* FIX: container empty height remove */
  }
  .mega-menu {
    display: none !important;
  }
  .mega-menu.show {
    display: block !important;
  }
  /* solution section */
  .solution-section {
    background-position: bottom center;
    background-size: 100%;
  }
  /* News */
  .news-grid .blog-card {
    flex: 1;
    width: 100% !important;
  }
  .news-grid .blog-card img {
    -o-object-position: top;
       object-position: top;
    min-height: auto;
  }
  .awards-wrapper .awards-header .year-title {
    font-size: 30px;
  }
  .awards-wrapper .awards-year-block .swiper-slide {
    height: 100%;
  }
  .awards-wrapper .awards-year-block p {
    font-size: 20px;
    padding-bottom: 0;
  }
  .awards-wrapper .awards-year-block .slider-nav .swiper-button-prev, .awards-wrapper .awards-year-block .slider-nav .swiper-button-next {
    width: 46px;
    height: 46px;
    top: 10px;
  }
  .technologies .technologies-grid .item .technologies-title {
    font-size: 16px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 540px) {
  .section-title h1, .inner-pages .hero-content .section-title h1 {
    font-size: 35px;
  }
  .we-are-devit .section-heading {
    font-size: 86px;
    line-height: 56px;
  }
  .our-services .our-services-slider .service-item .service-content h3 {
    font-size: 30px;
  }
  .our-services .our-services-slider .service-item .service-image img {
    transform: scale(1);
  }
  .our-services .our-services-slider .service-item .service-content .service-list, .our-services .our-services-slider .service-item .service-btn {
    opacity: 1;
    visibility: visible;
  }
  .key-counter:after {
    content: none;
  }
  .about-us .about-us-content .about-us-content-body .about-us-content-list ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .stock-card {
    height: auto;
    margin: 10px 0;
  }
  .inner-pages .technologies .technologies-grid .item {
    flex: 46%;
  }
  .inner-pages .faq-section .faq-content .faq-accordion .accordion-header .accordion-button {
    font-size: 20px;
  }
  .inner-pages .feature-slider .feature-item {
    flex: 0 0 calc(50% - 10px);
  }
  .inner-pages .feature-slider .feature-item:nth-child(2n):after {
    content: none;
  }
  .feature-slider .feature-item {
    flex: 0 0 calc(50% - 10px);
    padding: 0 20px;
  }
  .feature-slider .feature-item:nth-child(2n):after {
    content: none;
  }
  .module-grid .module-item {
    flex: 100%;
  }
  .masonary .post-item .post-featured-image img {
    height: 300px;
  }
}
@media screen and (min-width: 1920px) {
  .progress-line {
    height: 87vh;
  }
  .progress-fill {
    left: 0%;
  }
  .progress-line-border-line {
    height: 121%;
    top: -10%;
  }
}/*# sourceMappingURL=main.css.map */