@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

html {
  scroll-behavior: smooth;
  margin: 0 !important;
  overflow-x: clip; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block; }

*,
*::before,
*::after {
  box-sizing: border-box; }

:focus {
  outline: none; }

:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px; }

:root {
  --primary-color: rgba(46, 211, 168, 1);
  --secondary-color: rgba(26, 67, 113, 1);
  --header-color: rgba(16, 24, 50, 1);
  --text-black: rgba(107, 114, 128, 1);
  --light-blue:rgba(238, 242, 255, 1);
  --light-gray:rgba(241, 241, 241, 1);
  --radial-primary-gradient: radial-gradient(50% 50% at 50% 50%, #2ED3A8 0%, rgba(46, 211, 168, 0) 100%);
  --slicknav-bg-color: #ffffff;
  --slicknav-text-color: #000000;
  --slicknav-hover-bg: #f5f5f5;
  --slicknav-active-color: #007bff;
  --slicknav-border-color: #e5e5e5;
  --slicknav-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
  --slicknav-menu-width: 300px;
  --slicknav-menu-height: calc(100vh - 90px);
  --slicknav-icon-size: 30px;
  --slicknav-icon-color: #000000;
  --slicknav-font-size: 16px;
  --slicknav-font-family: var(--helvetica-medium-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
  --slicknav-transition: all 0.3s ease-in-out;
  --poppins-fonts: "Poppins", sans-serif;
  --dm-sans-fonts: "DM Sans", sans-serif;
  --gutter-35: clamp(10px, 3vw, 35px);
  --gutter-25: clamp(10px, 2vw, 25px); }

p.small-text {
  font-size: 14px; }

.desc-mb-0 p:last-of-type {
  margin-bottom: 0; }

.primary-color {
  color: var(--primary-color); }

.secondary-color {
  color: var(--secondary-color); }

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

.text-black-color {
  color: var(--text-black); }

.radial-green {
  background: radial-gradient(50% 50% at 50% 50%, #2ED3A8 0%, rgba(46, 211, 168, 0) 100%); }

.bg-gradient {
  background: linear-gradient(97.35deg, rgba(26, 67, 113, 0.8) 10.11%, rgba(46, 211, 168, 0.8) 81.64%); }

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

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

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

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

ul {
  list-style: none; }

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

body {
  margin: 0;
  font-family: var(--poppins-fonts);
  color: var(--text-black);
  font-size: 16px;
  line-height: 1.7;
  background: var(--white); }

h1, h2, h3, h4, h5 {
  font-family: var(--dm-sans-fonts);
  line-height: 1.2;
  font-weight: 700;
  color: var(--header-color); }

/* Responsive headings using clamp() */
h1 {
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  /* ~40px  72px */ }

h2 {
  font-size: clamp(2rem, 4vw, 3.5rem);
  /* ~32px  56px */ }

h3 {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  /* ~24px  32px */ }

h4 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  /* ~20px  24px */ }

h5 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  /* ~16px  20px */ }

a {
  text-decoration: none;
  color: var(--primary-color); }

.fw-medium {
  font-weight: 500; }

.br-10 {
  border-radius: 10px; }

.br-20 {
  border-radius: clamp(10px, 1vw, 24px); }

.br-30 {
  border-radius: clamp(10px, 1.5vw, 30px); }

.bullet-list {
  list-style: disc;
  padding-left: 20px; }
  .bullet-list li {
    margin-bottom: 8px; }

.pre-title {
  display: inline-block;
  position: relative;
  padding-left: 24px; }
  .pre-title p {
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: 500; }
  .pre-title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 18px;
    background: url("../images/pre-title-arrow.png") no-repeat center/contain; }

.section-head {
  margin-bottom: clamp(1.5rem, 4vw, 3.75rem);
  /* ~24px  60px */ }

.block {
  padding: clamp(2rem, 6vw, 3.75rem) 0;
  /* ~32px  60px */ }

.row.custom-gutter-20 {
  margin-inline: calc(var(--gutter-25) * -1); }

.row.custom-gutter-20 > [class*="col"] {
  padding-inline: var(--gutter-25); }

.row.custom-gutter-35 {
  margin-inline: calc(var(--gutter-35) * -1); }

.row.custom-gutter-35 > [class*="col"] {
  padding-inline: var(--gutter-35); }

.img-hover {
  overflow: hidden; }
  .img-hover img {
    transition: transform 0.4s ease-in-out;
    will-change: transform; }
  .img-hover:hover img {
    transform: scale(1.08);
    filter: brightness(0.95); }

.img-fit, .img-fit-cover, .img-fit-contain {
  width: 100%;
  height: 100%;
  object-position: center; }

.img-fit-cover {
  object-fit: cover; }

.img-fit-contain {
  object-fit: contain; }

img {
  display: block; }

.p-sticky {
  position: sticky;
  top: clamp(80px, 10vw, 120px); }

/*---------header-css---------*/
.slicknav_menu {
  display: none; }

header {
  background: #fff; }
  header ul {
    display: flex;
    align-items: center;
    justify-content: center; }
    header ul li a {
      padding: 8px 15px !important;
      transition: .4s ease;
      font-family: var(--manrope-font);
      color: #000 !important; }
      header ul li a:hover {
        color: var(--primary-color) !important; }
    header ul li.menu-item-has-children {
      position: relative; }
      header ul li.menu-item-has-children a {
        padding-right: 25px !important; }
      header ul li.menu-item-has-children:after {
        content: '\f107';
        position: absolute;
        right: 10px;
        top: 1px;
        font-family: FontAwesome;
        font-size: 14px;
        transition: .6s ease;
        color: #000; }
      header ul li.menu-item-has-children > ul {
        padding: 8px;
        position: absolute;
        left: 0;
        top: 35px;
        flex-direction: column;
        width: 300px;
        background: #fff;
        align-items: flex-start;
        opacity: 0;
        border-radius: 10px;
        overflow: hidden;
        visibility: hidden;
        transition: .6s ease;
        box-shadow: 1px 4px 16px 0 rgba(0, 0, 0, 0.24); }
        header ul li.menu-item-has-children > ul li {
          width: 100%;
          transition: .4s ease;
          border-radius: 5px;
          overflow: hidden; }
          header ul li.menu-item-has-children > ul li:not(:last-of-type) a {
            border-bottom: 1px solid rgba(69, 69, 69, 0.28); }
          header ul li.menu-item-has-children > ul li a {
            padding: 8px 20px;
            display: inline-block;
            width: 100%;
            transition: .6s ease; }
          header ul li.menu-item-has-children > ul li:hover {
            background: var(--primary-color); }
            header ul li.menu-item-has-children > ul li:hover a {
              color: #fff !important; }
      header ul li.menu-item-has-children:hover > ul {
        visibility: visible;
        opacity: 1; }
      header ul li.menu-item-has-children:hover:after {
        transform: rotate(180deg);
        color: var(--primary-color); }
    header ul li.current-menu-item a {
      color: var(--primary-color); }
    header ul li.menu-btn a {
      padding: 12px 30px;
      background: var(--secondary-color);
      margin-left: 62px;
      color: #fff;
      border-radius: 2px; }
    header ul li.menu-btn:hover a {
      background: var(--primary-color);
      color: #fff; }

#header-wrapper {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 15px 0; }

#header-wrapper.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 0;
  box-shadow: 1px 0 12px 0 rgba(0, 0, 0, 0.45);
  animation: slideDownFade 0.8s ease forwards;
  z-index: 999; }

#header-wrapper.sticky .top-header {
  height: 0;
  visibility: hidden; }

.body-wrapper {
  margin-top: 77px; }

@keyframes slideDownFade {
  from {
    transform: translateY(-100%);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }
/*---------header-css-end--------*/
/* ========== BTN HELPERS ========== */
.btn-primary {
  color: #fff !important;
  border: none;
  border-radius: 84px;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  background: linear-gradient(90deg, #1A4371 0%, #2ED3A8 118.41%);
  transition: transform .4s, box-shadow .2s;
  display: inline-block; }
  .btn-primary.with-arrow {
    position: relative;
    padding-right: 80px; }
    .btn-primary.with-arrow:after {
      content: '\f105';
      position: absolute;
      font-family: FontAwesome;
      font-size: 26px;
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%) rotate(-45deg);
      right: 8px;
      background: var(--secondary-color);
      height: 45px;
      width: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: .3s ease; }
    .btn-primary.with-arrow:hover:after {
      transform: translateY(-50%) rotate(0deg); }

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(46, 125, 50, 0.3); }

input[type="submit"] {
  color: #fff !important;
  border: none;
  border-radius: 84px !important;
  padding: 16px 24px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  background: linear-gradient(90deg, #1A4371 0%, #2ED3A8 118.41%) !important;
  transition: transform .4s, box-shadow .2s;
  display: inline-block; }

/* ========== common css ========== */
.common-banner-section {
  height: clamp(20rem, 5vh, 28.125rem);
  position: relative; }

.common-banner-section:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(97.35deg, rgba(47, 91, 255, 0.8) 10.11%, rgba(46, 211, 168, 0.8) 81.64%);
  z-index: 2; }

.common-banner-section figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top; }

.common-banner-section .banner-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1; }

.common-banner-section .text {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 3; }

.common-banner-section .text p {
  line-height: 1.5; }

.common-banner-section .text h1, .common-banner-section .text p {
  color: #fff; }

.breadcrumbs ul {
  display: flex;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none; }

.breadcrumbs ul li {
  font-weight: 500;
  font-size: 18px;
  color: #dddddd; }

.breadcrumbs ul li a {
  font-size: 18px;
  font-weight: 500;
  color: #dddddd;
  transition: .2s ease; }
  .breadcrumbs ul li a:hover {
    color: #fff; }

.breadcrumbs ul li:not(:first-of-type) {
  position: relative;
  padding-left: 24px; }

.breadcrumbs ul li:not(:first-of-type):after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px; }

input, select, textarea {
  width: 100% !important;
  background-color: rgba(159, 159, 159, 0.15) !important;
  border: 1px solid rgba(241, 238, 246, 0.5) !important;
  border-radius: 6px !important;
  padding: 16px 20px !important; }

input[type="radio"], input[type="checkbox"] {
  width: auto !important; }

::placeholder {
  color: #686a6f; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'><polyline points='6 9 12 15 18 9'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px !important; }

/* ========== common css end ========== */
/* ========== header css ========== */
header ul {
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0; }
  header ul li a {
    color: var(--header-color);
    font-weight: 500; }

/* ========== header css ========== */
/* ========== Home css ========== */
.banner-section {
  min-height: 700px; }

.banner-card {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: slideInLeft 0.8s ease-out; }

.banner-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12); }

.banner-image {
  animation: slideInRight 0.8s ease-out; }

.floating-element {
  animation: float 3s ease-in-out infinite; }

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(50px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
@keyframes float {
  0%, 100% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-20px); } }
.stat-number h2 {
  color: var(--header-color);
  font-size: 96px;
  font-weight: 400; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
.section-header {
  animation: fadeInDown 0.6s ease-out; }

.badge {
  background-color: #dbeafe !important;
  color: #1e40af !important;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.5px; }

.service-card {
  border: 1px solid #dddddd;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(30, 64, 175, 0.15);
  background: linear-gradient(132.19deg, #1A4371 30.68%, #2ED3A8 112.34%);
  color: #fff; }

.service-icon {
  transition: all 0.3s ease; }

.service-link {
  color: var(--secondary-color); }

.service-card:hover .service-icon {
  transform: scale(1.1); }
  .service-card:hover .service-icon svg {
    fill: #fff; }
    .service-card:hover .service-icon svg path {
      fill: #fff; }

.service-title {
  transition: color 0.3s ease; }

.service-card:hover .service-title {
  color: #fff; }

.service-description {
  color: var(--text-black); }

.service-card:hover .service-description {
  color: #fff; }

.service-link {
  transition: all 0.3s ease; }

.service-card:hover .service-link {
  transform: translateX(8px);
  color: #fff; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-30px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
.partners-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); }

.partners-slider {
  position: relative; }

.partners-slider .slick-slide {
  padding: 0 15px; }

.partner-logo-wrapper {
  background: #ffffff;
  border: 1px solid #e0f2fe;
  transition: all 0.3s ease;
  min-height: 120px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); }

.partner-logo-wrapper:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(30, 64, 175, 0.15);
  border-color: #0ea5e9; }

.partner-logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none; }

.partner-logo-link img {
  transition: all 0.3s ease;
  filter: grayscale(100%); }

.partner-logo-wrapper:hover .partner-logo-link img {
  filter: grayscale(0%);
  transform: scale(1.05); }

/* Slick Slider Controls */
.partners-slider .slick-prev,
.partners-slider .slick-next {
  width: 50px;
  height: 50px;
  background: #1e40af;
  color: #ffffff;
  border: none;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  transition: all 0.3s ease; }

.partners-slider .slick-prev:hover,
.partners-slider .slick-next:hover {
  background: #0ea5e9;
  transform: translateY(-50%) scale(1.1); }

.partners-slider .slick-prev {
  left: -70px; }

.partners-slider .slick-next {
  right: -70px; }

.partners-slider .slick-prev::before,
.partners-slider .slick-next::before {
  content: ''; }

.testimonials-section {
  padding: 80px 0;
  background: #ffffff; }

.testimonials-slider {
  position: relative; }

.testimonials-slider .slick-slide {
  padding: 0 15px; }

.testimonial-card {
  background: linear-gradient(135deg, #f8f9fa 0%, #f0f2f5 100%);
  border: 1px solid #e9ecef;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  min-height: 350px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); }

.testimonial-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(30, 64, 175, 0.15);
  background: #ffffff;
  border-color: #0ea5e9; }

.star {
  font-size: 1.1rem;
  margin-right: 4px;
  transition: all 0.3s ease; }

.testimonial-card:hover .star {
  transform: rotate(20deg) scale(1.2); }

.testimonial-text {
  line-height: 1.6;
  font-style: italic;
  color: #495057; }

.author-image img {
  border: 3px solid #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

.author-name {
  color: #1e40af; }

/* Slick Slider Controls */
.testimonials-slider .slick-prev,
.testimonials-slider .slick-next {
  width: 50px;
  height: 50px;
  background: #1e40af;
  color: #ffffff;
  border: none;
  border-radius: 50%;
  top: -80px;
  z-index: 10;
  transition: all 0.3s ease; }

.testimonials-slider .slick-prev:hover,
.testimonials-slider .slick-next:hover {
  background: #0ea5e9;
  transform: scale(1.1); }

.testimonials-slider .slick-prev {
  right: 60px;
  left: auto; }

.testimonials-slider .slick-next {
  right: 0; }

.testimonials-slider .slick-prev::before,
.testimonials-slider .slick-next::before {
  content: ''; }

/* Dots */
.testimonials-slider .slick-dots {
  bottom: -50px; }

.testimonials-slider .slick-dots li button::before {
  color: #0ea5e9;
  font-size: 12px; }

.testimonials-slider .slick-dots li.slick-active button::before {
  color: #1e40af;
  font-size: 14px; }

.cta-content {
  animation: slideInLeft 0.8s ease-out; }

.cta-title {
  line-height: 1.2;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }

.cta-image-wrapper {
  animation: slideInRight 0.8s ease-out; }

.floating-badge {
  animation: float 3s ease-in-out infinite;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); }

.floating-badge-circle {
  bottom: -50px;
  left: 50px;
  animation: float 3s ease-in-out infinite;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  border-radius: 100%;
  height: 130px;
  width: 130px;
  background: var(--primary-color);
  border: 4px solid #fff;
  color: #000;
  display: flex;
  align-items: center;
  text-align: center; }

.btn-light {
  background-color: #ffffff;
  color: #1e40af;
  font-weight: 600;
  transition: all 0.3s ease; }

.btn-light:hover {
  background-color: #f8f9fa;
  color: #0ea5e9;
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); }

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(50px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
@keyframes float {
  0%, 100% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-20px); } }
.step-number span {
  font-weight: 700;
  color: #fff;
  font-size: 66px;
  -webkit-text-stroke: 1px #101832; }

.step-card {
  position: relative; }

.step-card:after {
  content: '';
  position: absolute;
  left: 0;
  top: 120px;
  width: calc(100% + 30px);
  height: 1px;
  background: linear-gradient(90deg, #2F5BFF 0%, #2ED3A8 100%); }

.step-card:before {
  content: '';
  position: absolute;
  left: 0;
  top: 114px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--primary-color);
  z-index: 5; }

/* ========== Home css end ========== */
/* ========== about css ========== */
.services-wrapper {
  position: relative; }
  .services-wrapper:after {
    content: '';
    position: absolute;
    left: -60px;
    top: -140px;
    background: radial-gradient(50% 50% at 50% 50%, #2ED3A8 0%, rgba(46, 211, 168, 0) 100%);
    height: 615px;
    width: 615px;
    z-index: 1; }
  .services-wrapper > * {
    position: relative;
    z-index: 3; }

.badge.clients {
  background: transparent !important;
  animation: float 3s ease-in-out infinite; }

.badge.clients h2 {
  color: transparent;
  -webkit-text-stroke: 1px var(--primary-color); }

.list-items ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px; }
  .list-items ul li:after {
    content: '\f00c';
    position: absolute;
    left: 0;
    top: 6px;
    height: 16px;
    width: 16px;
    font-family: FontAwesome;
    font-size: 8px;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--secondary-color); }

.exp {
  background: linear-gradient(96.18deg, #2ED3A8 0%, #1A4371 93.92%);
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .exp:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url("../images/exp-bg.png");
    background-size: cover;
    background-position: center;
    z-index: 2; }
  .exp:before {
    content: '';
    position: absolute;
    right: 30px;
    bottom: 30px;
    background: url("../images/target.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
    z-index: 4; }
  .exp > * {
    position: relative;
    z-index: 3; }
  .exp h2 {
    font-size: 64px;
    font-weight: 400;
    color: #fff; }

/* ========== about css ========== */
/* ========== Service css ========== */
.service-item {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  transition: all .4s ease-in-out; }
  .service-item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 4px 12px 0 var(--secondary-color); }

/* ========== Service css ========== */
/* ========== Contact css ========== */
.contact-wrapper {
  position: relative;
  overflow: hidden; }
  .contact-wrapper:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 77%;
    top: 50%;
    height: 110%;
    width: 110%;
    transform: translate(-50%, -50%);
    background: radial-gradient(50% 50% at 50% 50%, #2ED3A8 0%, rgba(46, 211, 168, 0) 100%); }
  .contact-wrapper > * {
    position: relative;
    z-index: 3; }
  .contact-wrapper .img-plane {
    position: absolute;
    top: 80px;
    left: 40%;
    width: 450px; }
  .contact-wrapper .img-girl {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 360px; }

.contact-details ul li a {
  color: #fff; }
  .contact-details ul li a:hover {
    color: var(--primary-color); }
.contact-details .social ul li a {
  border-radius: 50%;
  background: #fff;
  margin-right: 10px;
  padding: 10px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #101832;
  font-size: 18px;
  transition: .4s ease; }
  .contact-details .social ul li a:hover {
    box-shadow: 0px 4px 8px 0px var(--primary-color);
    transform: translateY(-5px); }

/* ========== Contact css end========== */
/* ========== Service page css start========== */
.services-outcome-section .details ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 6px; }
  .services-outcome-section .details ul li:after {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: 4px;
    left: 3px;
    font-size: 16px;
    color: #2f5bff; }

.call svg {
  height: 30px; }
  .call svg path {
    fill: #f1f1f1;
    stroke: #000;
    stroke-width: 31px; }

/* ========== Service page css end========== */
.blog-card {
  box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease; }
  .blog-card figure {
    aspect-ratio: 358 / 238; }
    .blog-card figure img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center; }
  .blog-card .info {
    background: whitesmoke;
    border-radius: 100px;
    padding: 12px 30px;
    color: #646464; }
  .blog-card .date {
    top: 30px;
    left: 30px;
    background: var(--secondary-color);
    padding: 8px;
    width: clamp(70px, 2vw, 90px);
    aspect-ratio: 1 / 1; }
    .blog-card .date .day {
      font-weight: 700;
      margin-bottom: 0;
      line-height: 1.1; }
  .blog-card .action {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    position: relative; }
    .blog-card .action svg {
      border-radius: 50%;
      height: 16px;
      height: 16px;
      width: 16px;
      padding: 8px;
      background: var(--secondary-color);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 70%;
      margin-left: 12px;
      transform: translateY(-50%) rotate(-45deg);
      transition: transform 0.3s ease; }
      .blog-card .action svg path {
        fill: white; }
  .blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(30, 64, 175, 0.15); }
    .blog-card:hover .action svg {
      transform: translateY(-50%) rotate(0deg); }

/* ========== careers css ========== */
.careers-wrapper {
  padding: 24px 50px 34px 45px;
  border-radius: 50px;
  box-shadow: 0px 4px 8px 0px rgba(47, 91, 255, 0.08);
  transition: .4s ease; }
  .careers-wrapper:hover {
    box-shadow: 0px 4px 8px 0px #2f5bff; }
  .careers-wrapper .time p {
    margin-bottom: 0;
    color: #1a4371;
    background: #e7ecff;
    border-radius: 8px;
    display: inline-block;
    padding: 8px 10px;
    line-height: 1; }
  .careers-wrapper .details ul {
    display: flex;
    align-items: center; }

/* ========== careers css ========== */
/* ========== footer css ========== */
footer .container {
  max-width: 1400px;
  overflow: clip; }

.footer-inner {
  position: relative;
  border-radius: clamp(20px, 3vw, 50px);
  background: var(--secondary-color);
  margin: 0 auto;
  padding: clamp(40px, 8vw, 80px) clamp(20px, 5vw, 40px) clamp(10px, 3vw, 20px); }
  .footer-inner:before {
    content: '';
    position: absolute;
    background-image: url("../images/footer_vector.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 80px;
    left: 26%;
    height: clamp(250px, 40vw, 425px);
    width: clamp(280px, 50vw, 445px);
    z-index: 1; }
  .footer-inner:after {
    content: '';
    position: absolute;
    left: 40%;
    top: 0px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(46, 211, 168, 0.6) 0%, rgba(46, 211, 168, 0) 100%);
    width: clamp(280px, 50vw, 555px);
    aspect-ratio: 1 / 1;
    z-index: 1; }
  .footer-inner > * {
    position: relative;
    z-index: 3; }
  .footer-inner ul li, .footer-inner a {
    color: #fff;
    margin-bottom: 12px; }
  .footer-inner h4 {
    font-weight: 600;
    color: #fff; }
  .footer-inner a {
    transition: .4s ease; }
    .footer-inner a:hover {
      color: var(--primary-color); }

.top-footer .social ul li a {
  display: inline-block;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-right: 10px !important;
  transition: .4s ease; }
  .top-footer .social ul li a:hover {
    box-shadow: 0px 4px 8px 0px var(--primary-color);
    transform: translateY(-5px); }

.mid-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: clamp(30px, 2vw, 40px) 0; }
  .mid-footer .quicklinks ul {
    column-count: 2; }
  .mid-footer .footer-email .email, .mid-footer .footer-phone .number {
    padding: clamp(12px, 1vw, 15px) clamp(18px, 1.5vw, 24px);
    background: rgba(242, 241, 246, 0.1);
    transition: all .4s ease; }
  .mid-footer .footer-email .email:hover, .mid-footer .footer-phone .number:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 16px 0 rgba(46, 211, 168, 0.56); }

.bottom-footer {
  padding-top: 20px; }
  .bottom-footer p {
    color: #fff; }
  .bottom-footer .copy a {
    color: var(--primary-color);
    transition: .4s ease; }
    .bottom-footer .copy a:hover {
      color: var(--primary-color); }

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

/*# sourceMappingURL=styles.css.map */