body {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: 'DIN Next', sans-serif;
}

@font-face {
    font-family: 'DIN Next';
    src: url('../fonts/DINNextLTW23-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* English Bold */
@font-face {
    font-family: 'DIN Next';
    src: url('../fonts/DINNextLTW23-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Arabic Bold */
@font-face {
    font-family: 'DIN Next Arabic';
    src: url('../fonts/DINNextLTArabic-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'DIN Next', sans-serif;
}

html[lang="ar"],
.ar {
    font-family: 'DIN Next Arabic', sans-serif;
    direction: rtl;
}

:root{
  /* --- your existing base --- */
  --bg: #ffffff;
  --bg-soft: #f4f8f7;
  --bg-dark: #12627f;
  --text: #1c1333;
  --text-muted: #4b5a63;

  --gradient-start: #8fd0b9;
  --gradient-end:   #4f8fb8;
  --color-secondary: #4f8fb8;
  --color-dark:      #2e2550;
  --color-accent:    #9fdcb8;

  --gradient-main: linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%);

  --border: #e2e8e6;
  --shadow: rgba(28, 19, 51, 0.08);

  /* --- typography roles --- */
  --headline-color:   #0E4B77;   /* same as --text, but isolated so headings can move independently */
  --subheadline-color: #2e2550;  /* slightly softer than headline, ties to --color-dark */
  --paragraph-color:  #4b5a63;   /* body copy, same family as --text-muted */
  --link-color:       #4f8fb8;   /* matches --color-secondary */
  --link-hover-color: #2e2550;

  /* --- button roles --- */
  --btn-primary-bg:      #4f8fb8;
  --btn-primary-text:    #ffffff;
  --btn-primary-hover:   #3d7196;   /* darker shade of primary */

  --btn-secondary-bg:    #9fdcb8;
  --btn-secondary-text:  #1c1333;
  --btn-secondary-hover: #7fc9a0;

  --btn-outline-border:  #4f8fb8;
  --btn-outline-text:    #4f8fb8;
  --btn-outline-hover-bg: #f4f8f7;

  --btn-disabled-bg:     #e2e8e6;
  --btn-disabled-text:   #9aa6ab;

  /* --- icon roles --- */
  --icon-color:          #2e2550;   /* default icon tone */
  --icon-color-muted:    #4b5a63;   /* inactive/secondary icons */
  --icon-color-accent:   #4f8fb8;   /* highlighted/active icons */
  --icon-color-on-dark:  #ffffff;   /* icons sitting on --color-dark or gradient bg */
}

h1,h2,h3 {
    color: var(--headline-color);
    font-weight: 700; /* Bold */
}

h4,h5,h6 {
    color: var(--subheadline-color);
    font-weight: 600; /* Semi-Bold */
}

p {
  color: var(--paragraph-color);
}

a {
  color: var(--link-color);
}
.icon {
  color: var(--icon-color);
  fill: currentColor;
}
.icon-muted {
  color: var(--icon-color-muted);
}
.icon-accent {
  color: var(--icon-color-accent);
}


/* navbar Section start */

#deskNav{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    background: #fff;
    transition: transform .35s ease, background .35s ease;
}

#deskNav.nav-fixed{
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,.08);
    transform: translateY(-100%);
}

#deskNav.nav-fixed.nav-show{
    transform: translateY(0);
}
.navcnt-sec {
    width: 100%;
    display: flex;
}
.navlogo {
    display: inline-flex;
    height: 42px;
}
.navlogo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.navcntWrap {
    display: flex;
    align-items: center;
    gap: 65px;
}
.navcntlist {
    display: flex;
    list-style: none;
    gap: 40px;
    padding: 0;
    margin: 0;
}
.navcnt-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0;
}
.navcntlist-lik {
  color: var(--text);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}
.navcntlist-lik:hover {
  color: var(--color-secondary);
}
.app-btn-primary {
    width: 118px;
    background: var(--btn-primary-hover, #3d7196);
    height: 42px;
    align-items: center;
    justify-content: center;
    display: flex;
    text-decoration: none;
    border-radius: 8px;
    color: #ffffff;
    font-weight: 400;
    gap: 8px;
    font-family: 'DIN Next Arabic';
    position: relative;
    overflow: hidden;
}
.app-btn-primary::after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: -275px;
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 100px;
    transition: all 0.3s linear;
    pointer-events: none;
}
.app-btn-primary:hover::after {
    bottom: -55px;
    left: -27px;
}
.lagnavIcn {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lagnavIcn svg {
    width: 22px;
    height: 22px;
}
.lagnavTxt {
    
    position: relative;
    top: -2px;
}
/* navbar Section end */

/* Hero section start */
.heroSection {
    width: 100%;
    height: 115vh;
    overflow: hidden;
    position: relative;
}
.heroVid-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.heroVid-layer::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(28,28,28,.74);
    z-index: 2;
    /* background: linear-gradient(218deg, #033236d1 4.01%, #033236d1 70.24%); */
    /* background: linear-gradient(90deg, #01537f94 14.64%, #1b153740 100%); */
}
.heroVid-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.heroVid-layer video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    transition: opacity 0.8s ease;
    z-index: 1;
}
.heroVid-layer video.video-loaded {
    opacity: 1;
}
.hdrcnt-sec {
    width: 100%;
    display: flex;
    z-index: 999;
    position: relative;
    padding-top: 280px;
}
.hdrcnt-headline {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    line-height: 70px;
    margin-bottom: 20px;
}

.hdrcnt-headline span {
    color: #ffffff;
}

.hdrcnt-para {
    font-size: 22px;
    color: #fff;
}
.hdrbtm-nav {
    position: absolute;
    bottom: 0;
    z-index: 99;
    width: 100%;
    left: 0;
    /* background: rgba(0, 0, 0, .7); */
    /* background: linear-gradient( 135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100% ); */
    background: linear-gradient(180deg, rgb(227 240 255 / 0%) 0%, rgb(20 29 89 / 78%) 100%);
    /* background: #f9f9f938; */
    backdrop-filter: blur(0px);
    padding: 24px 0;
    
}
.hdrBtmnav-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 30px;
}
.hdrBtmnav-lik {
    text-decoration: none;
    padding-right: 30px;
    position: relative;
    display: block;
}
a.hdrBtmnav-lik::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #ffffff26;
    top: 0;
    right: 0px;
}
.hdrBtmnavSwiper .swiper-slide:last-child .hdrBtmnav-lik::after {
    display: none;
}
.hdrBtmnav-headline {
    color: #fff;
    font-weight: 500;
    width: calc(100% - 50px);
    margin-bottom: 18px;
    font-size: 27px;
    line-height: 35px;

}
/* Zoom headline when parent is hovered */

.hdrBtmnav {
    display: flex;
    justify-content: space-between;
}
.hdrBtmnav-btn {
    margin-bottom: 0;
    font-size: 18px;
    color: #ffffffbf;
    display: block;
}
.hdrBtmnav-itm {
    border-right: 1px solid #ffffff42;
    padding-right: 30px;
}
.hdrBtmnav-itm:last-child {
    border-right: none;
    padding-right: 0;
}
.hdrBtmnavIcn {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}
.hdrBtmnavIcn svg {
    color: #fff;
    width: 100%;
    height: 100%;
}
.heroContentSwiper .swiper-slide {
    opacity: 0 !important;
    visibility: hidden;
    transition: opacity 1.2s ease;
    
}
.heroContentSwiper .swiper-slide-active {
    opacity: 1 !important;
    visibility: visible;
}

.hdrBtmnavIcn img {
        width: 100%;
    height: 100%;
    object-fit: contain;
}
.hdrBtmnav-lik:hover .hdrBtmnavIcn{
    animation: chevronSlide 1.4s ease-in-out infinite;
}

@keyframes chevronSlide {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(12px);
    }
    100% {
        transform: translateX(0);
    }
}

/* .hdrBtmnav-lik:hover .hdrBtmnavIcn{
    animation: smoothSlideIn 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes smoothSlideIn {
    0% {
        opacity: 0;
        transform: translate3d(-50px, 0, 0);
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
} */

/* Hero section End */

/* Testimonial Section start */

.testiSect {
    width: 100%;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    background: var(--bg-soft);
}
.testiSect.padbtm0 {
    padding-bottom: 0;
}
.testbtmLgo {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
    width: 217px;
    height: 350px;
    z-index: 99;
    opacity: 0.03;
}
.testbtmLgo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.testiTp-sec {
    width: 100%;
    margin-bottom: 60px;
}
.cmn-headline {
    font-size: 40px;
    line-height: 50px;
    color: var(--headline-color);
    font-weight: bold;
    margin-bottom: 15px;
}
.cmn-para {
    font-size: 18px;
}
.cmn-para.wid50 {
    width: 50%;
}
.testbtm-sec {
    width: 100%;
    position: relative;
}

  /* ===================== SWIPER SLIDE LAYOUT ===================== */
  .testimonial-slide{
    display: flex;
    align-items: stretch;
    min-height: 460px;
  }

  .testimonial-slide-img{
    flex: 0 0 60%;
    max-width: 60%;
    overflow: hidden;
    max-height: 585px;
  }

  .testimonial-slide-content{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 20px;
    position: relative;
    z-index: 99;
  }
  .custmobtst-image {
    width: 100%;
    height: 450px;
    overflow: hidden;
    padding: 0 20px;    
  }
  .custmobtst-warp {
    display: none;
  }
  .custmobtst-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
  }

  .testimonial-slide-content h3{
    font-size: 30px;
    font-weight: 500;
    color: var(--subheadline-color);
    line-height: 1.3;
    padding-bottom: 1.25rem;
  }

  .testimonial-slide-content .testi-quote{
    color: var(--paragraph-color);
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 30px;
    padding-bottom: 0;
  }
  .testi-cmpyLgo {
    display: inline-flex;
    width: 280px;
    overflow: hidden;
    margin-bottom: 50px;
  }
  .testi-cmpyLgo.invLgo {
    width: 200px;
  }
  .testi-cmpyLgo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .testimonial-author-label{
    color: #9a8f7f;
    font-size: 15px;
    padding-bottom: 0.25rem;
  }

  .testimonial-author-name{
    color: #1f2d3d;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
  }

  .testimonial-author-role{
    color: #1f2d3d;
    font-size: 16px;
    line-height: 1.4;
    padding-bottom: 1rem;
  }

  .testimonial-linkedin{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 30px;
  }

  .testimonial-linkedin svg{
    width: 32px;
    height: 32px;
    fill: #fff;
  }

  .testimonial-read-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--btn-primary-hover, #3d7196);
    color: #fff;
    background: var(--btn-primary-hover, #3d7196);
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    text-decoration: none;
    width: 150px;
    transition: background 0.2s ease, color 0.2s ease;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    z-index: 99;
  }
  .testimonial-read-btn::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff1f;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: 0.3s all linear;
}

  .testimonial-read-btn:hover::after {
    transform: translateX(100%);
    transition: 0.3s all linear;
  }
  .testimonial-slide-img.tstprw-video-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100%);
    opacity: 0.24;
    display: none;
}

  /* ===================== NAV ARROWS ===================== */
  .testimonial-nav{
    position: absolute;
    top: -75px;
    right: 20px;
    gap: 12px;
    display: flex;
    z-index: 5;
  }

  .testimonial-nav-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #4f8fb894;
    color: var(--btn-primary-bg);
    cursor: pointer;
    border-radius: 50px;
    transition: background 0.2s ease;
  }
  .testimonial-nav-btn.swiper-button-disabled {
    opacity: 0.7;
    background: #fff;
    border: 1px solid #d8d4cc;
    color: #4b5a63;
    cursor: not-allowed;
    pointer-events: none;
}

  .testimonial-nav-btn:hover{
    background: #3d719610;
  }

  .testimonial-nav-btn svg{
    width: 14px;
    height: 14px;
    color: var(--btn-primary-bg);
  }
.tstprw-video-wrap{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.tstprw-video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tstprw-close-btn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #1c1333;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
  z-index: 2;
  display: none;
}
.tstprw-play-btn::before {
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    animation: tstprwPulse 2s infinite;
}
@keyframes tstprwPulse {
    0% {
        box-shadow:
            0 0 0 0 rgba(255,255,255,.35),
            0 0 0 20px rgba(255,255,255,.25),
            0 0 0 40px rgba(255,255,255,.15);
    }

    100% {
        box-shadow:
            0 0 0 20px rgba(255,255,255,.25),
            0 0 0 40px rgba(255,255,255,.15),
            0 0 0 60px rgba(255,255,255,0);
    }
}
.tstprw-close-btn:hover{
  background: #ffffff;
  transform: translate(-50%, -50%) scale(1.08);
}

.tstprw-play-btn svg {
  width: 30px;
  height: 30px;
  position: relative;
  left: 2px;
  color: var(--headline-color);
  transition: 0.2s all linear;
}
.tstprw-close-btn svg{
  width: 26px;
  height: 26px;
}
.tstprw-play-btn:hover svg {
  transform: scale(1.1);
}

/* close button hidden until video is playing */
.tstprw-close-btn{
  display: none;
}

/* hide the video element itself when not playing — poster image shows via the wrap's own bg or video's poster attr */
.tstprw-video-wrap:not(.is-playing) .tstprw-video{
  display: none;
}

/* state: video playing */
.tstprw-video-wrap.is-playing .tstprw-play-btn{
  display: none;
}
.tstprw-video-wrap.is-playing .tstprw-close-btn{
  display: flex;
}

.tstprw-video-wrap{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #f4f8f7;
}

.tstprw-video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tstprw-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #1c1333;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
  z-index: 2;
  display: none;
}
.tstprw-close-btn{
    position: absolute;
    top: 42px;
    right: -10px;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: #1c1333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
    z-index: 2;
    left: unset;
}
/* close button hidden until video is playing */
.tstprw-close-btn{
  display: none;
}

/* hide the video element itself when not playing — poster image shows via the wrap's own bg or video's poster attr */
.tstprw-video-wrap:not(.is-playing) .tstprw-video{
  display: none;
}

/* state: video playing */
.tstprw-video-wrap.is-playing .tstprw-play-btn{
  display: none;
}
.tstprw-video-wrap.is-playing .tstprw-close-btn{
  display: flex;
}
.tstprw-poster,
.tstprw-video{
  width: 100%;
  height: 560px;
  object-fit: cover;
  display: block;
  position: relative;
  border-radius: 15px;
}
.testnew-wrp {
    position: relative;
    width: 100%;
}
.tstprw-video{
  display: none;
}

.tstprw-video-wrap.is-playing .tstprw-poster{
  display: none;
}
.tstprw-video-wrap.is-playing .tstprw-video{
  display: block;
}

/* Testimonial Section End */

/* Partner section Start */

.prtnr-sec {
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
    position: relative;
    background: var(--bg-soft);
}
.partnerSwiper {
    padding: 20px 0;
}

.partnerSwiper .swiper-wrapper{
    transition-timing-function: linear !important;
}

.partnerSwiper .swiper-slide {
    width:auto;
    margin-right:60px;
}
.prtnrlogo {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    box-shadow: 0 3px 10px rgb(29 35 115 / 10%);
    border-radius: 16px;
    border: none;
    padding: 20px;
    height: 120px;
    width: 100%;
}
.prtnrlogo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.prtnrcnt-sec {
    width: 100%;
    margin-top: 45px;
    position: relative;
}
.prtnrcnt-sec::after{
    content: '';
    position: absolute;
    top: 0;
    left: -9px;
    width: 89px;
    height: 100%;
    background: linear-gradient(90deg, rgb(244 248 247) 15%, rgb(255 255 255 / 0%) 100%);
    z-index: 99;
}
.prtnrcnt-sec::before{
    content: '';
    position: absolute;
    top: 0;
    right: -9px;
    width: 89px;
    height: 100%;
    background: linear-gradient(269deg, rgb(244 248 247) 15%, rgb(255 255 255 / 0%) 100%);
    z-index: 99;
}

/* Partner section End */

/* Contact Section Start */
.contactsec {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: linear-gradient( 135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100% );
}
.contactcrd {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}

.ue-contact-form .ue-field {
  margin-bottom: 30px;
  position: relative;
}

.ue-contact-form .ue-label {
  position: absolute;
  left: 0;
  top: 24px;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 400;
  color: var(--text-muted);
  transition: all 0.3s ease-in-out;
  cursor: text;
  z-index: 1;
  margin: 0;
}

.ue-contact-form .ue-label span {
  color: var(--text-muted);
  font-size: 14px;
}

.ue-contact-form textarea.ue-input ~ .ue-label {
  top: 14px;
  transform: none;
}

.ue-contact-form .ue-field:focus-within .ue-label,
.ue-contact-form .ue-field.ue-has-value .ue-label {
  top: -6px;
  font-size: 12px;
  opacity: 0.7;
}

.ue-contact-form .ue-input {
  width: 100%;
  height: 50px;
  padding: 0;
  background: none;
  border: none;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  outline: none;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
}

.ue-contact-form textarea.ue-input {
  height: auto;
  min-height: 85px;
  padding-top: 20px;
  padding-left: 0;
  padding-bottom: 15px;
  resize: none;
  overflow: hidden;
}

.ue-contact-form .ue-input:focus,
.ue-contact-form .ue-input:hover {
  background: none;
  border-color: transparent;
  border-bottom: 1px solid var(--color-secondary);
  outline: none;
  box-shadow: none !important;
}

.ue-contact-form .ue-input.is-invalid {
  border-bottom: 1px solid #e74c3c !important;
}

.ue-contact-form .ue-error {
  color: #e74c3c;
  font-size: 12px;
  margin-top: 4px;
  display: none;
}

.ue-contact-form .ue-error.d-block {
  display: block;
}

/* File Upload */
.ue-contact-form .ue-file-input {
  display: none;
}

.ue-contact-form .ue-file-label {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px dashed #ccc;
    background: 
    #fafafa;
    border-radius: 10px;
    padding: 12px 15px;
    min-height: 54px;
}


.ue-contact-form .ue-file-label svg {
  width: 18px;
  height: 18px;
  fill: var(--text-muted);
}

.ue-contact-form .ue-file-name {
      font-size: 15px;
    color: var(--text-muted);
    margin: 5px 0 0;
    padding-left: 10px;
}

.ue-contact-form .ue-file-error {
  color: #e74c3c;
  font-size: 14px;
  margin: 5px 0 0;
  display: none;
}

/* Privacy */
.ue-contact-form .ue-privacy {
  font-size: 15px;
  color: var(--text-muted);
}

.ue-contact-form .ue-privacy a {
  color: var(--text-muted);
  text-decoration: underline;
}
/* Submit Button */
.ue-contact-form .ue-submit-btn {
  width: 250px;
  height: 50px;
  border-radius: 10px;
  border: none;
  background: var(--btn-primary-hover, #3d7196);
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s linear;
}
.ue-contact-form .ue-submit-btn::after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: -275px;
  width: 300px;
  height: 300px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 100px;
  transition: all 0.3s linear;
  pointer-events: none;
}
.ue-contact-form .ue-submit-btn:hover {
  background: var(--btn-primary-hover, #3d7196);
}
.ue-contact-form .ue-submit-btn:hover::after {
  bottom: -55px;
  left: -27px;
}
.contfrmlft {
    width: 100%;
    padding: 50px 40px 50px 50px;
    background: #f9f9f9;
}
.ue-contact-title {
    font-size: 35px;
    line-height: 50px;
    color: var(--subheadline-color);
}
.ue-contact-title span {
      color: var(--headline-color);
}
.contfrm-para {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 40px;
}
.riht-contact-area {
    background: #fff;
    height: 100%;
    position: relative;
    padding: 50px 40px 50px 35px;
    overflow: hidden;
}
.rihtclipped-image {
    position: absolute;
    width: 101%;
    height: 101%;
    top: -1px;
    right: -5px;
    clip-path: polygon(0 90%, 90% 0%, 100% 0%, 100% 100%, 0% 100%);
    /* background: url(https://investsaudi.sa/unlocking/human.webp); */
    background: url(../images/ue-contact-bg.png);
    background-size: cover;
    background-position: 60% 0;
}
.ritcnt-lst {
    padding: 0;
    list-style: none;
    margin: 0;
}
.ritcnt-itm {
    display: block;
    margin-bottom: 22px;
}
.ritcnt-lik {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}
.ritcntlikIcn {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4f8fb81f;
    border-radius: 6px;
}
.ritcntlikIcn svg {
    width: 22px;
    height: 22px;
    color: #4f90b8;
    transform: 0.2s all linear;
}
.ritcntliktxt {
    margin-bottom: 0;
    font-size: 18px;
    color: var(--subheadline-color);
    position: relative;
    top: -3px;
}
.riht-contact-cnt {
    width: 70%;
}
.riht-contact-title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px;
}
.ritcnt-lik:hover .ritcntlikIcn{
    background: #4f90b8;
}
.ritcnt-lik:hover .ritcntlikIcn svg{
    color: #ffffff;
}
.ritcnt-lik:hover .ritcntliktxt{
    color: #4f90b8;
}

/* Contact Section End */

/* Footer Section Start */

  .sitftr-wrap{
    background: var(--bg-soft);
    padding: 80px 0;
    padding-bottom: 0;
  }

  /* ===================== TOP ROW: LOGO + SOCIAL ===================== */
  .sitftr-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 3rem;
  }

  .sitftr-logo{
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--color-secondary);
    text-decoration: none;
    letter-spacing: -0.5px;
  }

  .sitftr-social{
    display: flex;
    gap: 0.6rem;
  }

  .sitftr-social-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: var(--icon-bg);
    border-radius: 3px;
    color: #fff;
    transition: background 0.2s ease;
  }

  .sitftr-social-link:hover{
    background: var(--color-secondary);
  }

  .sitftr-social-link svg{
    width: 16px;
    height: 16px;
    fill: #fff;
  }

  /* ===================== COLUMN HEADINGS ===================== */
  .sitftr-heading {
    font-size: 24px;
    font-weight: 500;
    color: var(--text);
    padding-bottom: 10px;
    margin-bottom: 0;
    position: relative;
  }
 .sitftr-heading::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 2px;    
    background: var(--color-secondary);
 }
 .ftrcnt-sec {
    width: 100%;
    padding-left: 50px;
  }

  /* ===================== LINK COLUMNS ===================== */
  .sitftr-links{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 25px;
  }

  .sitftr-links li{
    padding-bottom: 20px;
  }

  .sitftr-links a{
    color: var(--text-muted);
    text-decoration: none;
    font-size: 16px;
    transition: color 0.2s ease;
  }

  .sitftr-links a:hover{
    color: #141a46;
  }

  /* ===================== LEGAL ROW ===================== */
  .sitftr-legal-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid var(--border);
    padding-top: 1.75rem;
    gap: 1rem;
  }

  .sitftr-legal-links{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
  }

  .sitftr-legal-links a{
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.85rem;
    transition: color 0.2s ease;
  }

  .sitftr-legal-links a:hover{
    color: var(--color-secondary);
  }

  .sitftr-legal-sep{
    color: var(--border);
    font-size: 0.85rem;
  }

  .sitftr-region{
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-muted);
    font-size: 0.85rem;
    cursor: pointer;
    white-space: nowrap;
  }

  .sitftr-region svg{
    width: 12px;
    height: 12px;
  }
.sitftr-col-group {
    margin-bottom: 40px;
}
  /* ===================== COPYRIGHT ===================== */
  .sitftr-copyright{
    color: var(--text-muted);
    font-size: 15px;
  }
.ftrsrt-logo {
    display: inline-flex;
    height: 45px;
    margin-bottom: 20px;
}
.ftrsrt-logo img {
    width: 100%;
    object-fit: contain;
}
.ftrsrt-info {
    margin-bottom: 0;
}
.ftradrs-sec {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 25px;
}

.ftradrs-itm {
    display: inline-block;
    margin-bottom: 20px;
}

.ftradrs-lik {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none;
    color: var(--text-muted);
}
.ftradrs-icn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.ftradrs-icn svg {
    width: 20px;
    height: 20px;
}

.ftradrs-txt {
    font-size: 16px;
    position: relative;
    display: inline-block;
    top: -5px;
    width: calc(100% - 30px);
}
.ftradrs-lik:hover {
    color: var(--color-secondary);
}
.ftradrshvr {
    position: relative;
}
.ftradrshvr::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    width: 15%;
    background: var(--color-secondary);
    opacity: 0;
    transition: 0.2s all linear;
}
.ftradrs-lik:hover .ftradrshvr::after {
    opacity: 1;
    width: 100%;
    transition: 0.2s all linear;
}
.ftrbtm-sec {
    width: 100%;
    padding: 17px 0;
    border-top: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ftrsocial-sec {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ftrsclIcn {
    width: 32px;
    height: 32px;
    display: flex;
}
.ftrsclIcn svg {
    width: 100%;
    height: 100%;
}

/* Footer Section End */

/* Aboutus Section Start */

.abtSec {
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
    position: relative;
}
.abtSec::after{
    content: '';
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 720px auto;
    background-image: url(../images/logo/service-bg-dot-image.png);
}
.abtrhtImage {
    width: 100%;
    height: 350px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    z-index: 9;
}
.abtrhtImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
span.abtCnt-lbl {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--headline-color);
    margin-bottom: 2px;
}
.abtCnt-title {
    font-size: 40px;
    line-height: 50px;
    color: var(--subheadline-color);
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 8px;
}
.abtCnt-title span {

    display: inline-block;
    background: linear-gradient( 135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100% );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.abtCnt-para {
    font-size: 17px;
    width: 90%;
}
.line-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.abtLine{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
}

.line-wrap span {
    background: linear-gradient( 135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100% );
    height: 2px;
    border-radius: 5px;
}
.abtLine .line-wrap span:nth-child(1) {
    width: 40px;
}
.abtLine .line-wrap span:nth-child(2) {
    width: 10px;
}
.abtLine .line-wrap span:nth-child(3) {
    width: 5px;
}
.abtBtm-crd{
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #dcf1e1;
    border-radius: 30px;
    padding: 25px;
    /* background: linear-gradient(308deg, #88d49840 0%, #3db5b00a 30%, #0e5e9600 65%, #15104d00 100%); */
    background: #fff;
    margin-top: 65px;
    position: relative;
}
.abtBtmNum {
    display: inline-block;
    font-size: 69px;
    font-weight: 700;
    background: linear-gradient(135deg, #88d498 0%, #3db5b0 15%, #0e5e96 78%, #15104d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    position: absolute;
    right: 12px;
    top: 0;
    opacity: 0.09;
}
p.abtBtm-para {
    font-size: 17px;
    margin-bottom: 0;
}
.abtBtm-title {
    color: var(--headline-color);
}
.abtBtm-crd.abtLst {
    border-top: unset;
    margin-top: 0;
    height: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: linear-gradient(135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100%);
    width: 96%;
    position: relative;
    right: 0px;
    top: -1px;
}
.abtBtm-crd.abtLst .abtBtmNum{
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 15%, #ffffff 78%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0.15;
}
.abtBtm-crd.abtLst .abtBtm-title, .abtBtm-crd.abtLst p.abtBtm-para {
    color: #fff;
}
.abtBtmIcn {
    display: inline-flex;
    width: 58px;
    height: 58px;
    margin-bottom: 25px;
    position: relative;
    z-index: 9;
}
.abtBtmIcn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    transition: all .4s ease;
}
.abtBtmIcn .abtBtmIcnwite, .abtBtm-crd.abtLst .abtBtmIcndrk {
    opacity: 0;
    visibility: hidden;
}
.abtBtm-crd.abtLst .abtBtmIcnwite {
    opacity: 1;
    visibility: visible;
}
 
/* Aboutus Section End */

/* cust our Services section start */

.custmin-serv {
    width: 100%;
    position: relative;
    /* background-image: url(../images/Shadow0006.webp); */
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    padding: 80px 0;
    background: linear-gradient(7deg, rgb(244 248 247 / 1%) 0%, rgb(244 248 247) 50%, rgb(244 248 247) 100%);
}
.custm-serv-wrap {
    width: 100%;
    margin-top: 110px;
    position: relative;
}
.cstservCard {
    padding: 15px;
    background: #fff;
    border-radius: 35px;
    border: 1px solid #efefef;
}
.cstservCard-image {
    width: 100%;
    height: 485px;
    border-radius: 15px;
    overflow: hidden;
}
.cstservCard-cnt {
    width: 100%;
    padding: 20px;
    height: 100%;
    padding-top: 30px;
}
.cstservCard-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cstservCard-striky {
    top: 100px;
    position: sticky;
}
.mt-80 {
    margin-top: 80px;
}
/* cust our Services section end */

/* services Section start */

.servcSectin {
    width: 100%;
    position: relative;
    background-image: url(../images/Shadow0006.webp);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    padding: 80px 0;
}
.servcSectin::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 360px;
    background: url(../images/bg2.svg) repeat-x top;
    background-size: auto 360px;
    pointer-events: none;
}
.servcSectin-head {
    width: 100%;
    text-align: center;
    position: relative;
}
.servcSectin-head::before{
    content: '';
    position: absolute;
    bottom: -35px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgb(255 255 255 / 8%) 0%, rgb(234 219 211 / 60%) 50%, rgb(255 255 255 / 8%) 100%);

}
.servcSectin-head .cmn-para{
    width: 80%;
    margin: auto;
}
.servCntlst {
    width: 100%;
    margin-top: 110px;
    position: relative;
    display: flex;
    gap: 20px;
}
.servCntcrd {
    width: 100%;
    padding-bottom: 60px;
}
.srvcrdtle {
    font-size: 32px;
    margin-bottom: 20px;
    color: var(--subheadline-color);
}
.srvcrdlst .srvcrditm:last-child {
    display: none;
}
.srvcrdpara {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 25px;
}
ul.srvcrdlst {
    padding: 0;
    margin: 0;
    list-style: none;
}
.srvcrditm {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}
.srvcrditm-icn {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
span.srvcrditm-icn svg {
    width: 18px;
    height: 18px;
    position: relative;
    top: 7px;
    color: var(--headline-color);
}
.srvcrditm-txt {
    font-size: 17px;
    margin-bottom: 0;
    width: calc(100% - 32px);
    line-height: 25px;
}
.srvcrditm-txt span {
    font-weight: 600;
    color: var(--headline-color);
}
.serlftArea,
.serihtArea {
    width: calc(50% - 10px);
}
.servposImage {
    width: 85%;
    height: 580px;
    overflow: hidden;
    margin: auto;
    top: 180px;
    position: relative;
    aspect-ratio: 604 / 464;
    border-radius: 1rem;
    margin: 0 auto;
}
.servposImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    display: block;
}
.servposImage-wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 20%;
    transform: translateY(-30%);
    height: -moz-fit-content;
    height: fit-content;
}
.serv_featureImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity .5s ease-in-out;
    border-radius: 1rem;
}
.serv_featureImage.active {
    opacity: 1;
}
.servItem.active .srvcrditm-icn svg {
    color: var(--headline-color);
    fill: currentColor;
    transition: all 0.3s ease;
}

.servItem.active .srvcrditm-txt span {
    color: var(--headline-color);
    transition: all 0.3s ease;
}

/* services Section end */

/* crty section Start */

.mincrd-sec {
    width: 100%;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}
.crtyiconBg {
    background-image: url(../images/line-logo.png);
    background-size: 115px;
    background-repeat: no-repeat;
    position: absolute;
    width: 115px;
    height: 214px;
    bottom: 85px;
    left: 45px;
    opacity: 0.2;
    display: none;
}
.bgLayerImg img {
    position: absolute;
    opacity: 0.12;
    height: 520px;
    object-fit: cover;
    bottom: -150px;
    width: 100%;
}
.minCard {
     width: 100%;
    height: 755px;
    display: flex;
    gap: 20px;
    border-radius: 25px;
    overflow: hidden;
    /* background: linear-gradient(270deg, rgba(255, 240, 230, 0.8) 0.12%, rgba(238, 242, 255, 0.8) 98.69%); */
    background: linear-gradient(270deg, rgb(255 244 236) 0.12%, rgb(241 244 255) 98.69%);
    z-index: 9;
    position: relative;
}
.minCrd-lft {
    width: calc(65% - 10px);
    padding: 50px 50px 50px 35px;
}

.minCrd-rit {
    width: calc(35% - 10px);
    padding-right: 30px;
}
.minCrdlgo {
    display: inline-flex;
    height: 42px;
    margin-bottom: 30px;

}
.minCrdlgo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.minCrd-desc {
    margin-bottom: 18px;
}
.crtyifo-wrap {
    display: flex;
    gap: 12px;
}
.minCrdHead {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    z-index: 9;
}
.crtyifo-card {
    width: 100%;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #e7e7e7;
}

.crtyifo-video-wrap {
    width: 100%;
    height: 220px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.crtIamge {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.crtyifo-video-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.crtyifo-video {
    height: 228px;
    max-width: 100%;
    border-radius: 16px;
    display: block;
}

.crtyifo-content {
    padding: 20px;
    padding-top: 10px;
}

.crtyifo-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 6px;
    color: var(--subheadline-color);
}

.crtyifo-desc {
    font-size: 17px;
    line-height: 26px;
    color: var(--paragraph-color);
    margin: 0;
}
.crtyifoSwiper {
    position: relative;
    padding-top: 70px;
    bottom: 70px;
}

.crtyifoSwiper .swiper-slide {
    height: auto;
}

.crtyifo-pagination {
    text-align: center;
    margin-top: 10px;
}

.crtyifo-pagination .swiper-pagination-bullet {
    width: 22px;
    height: 7px;
    border-radius: 11px;
}
.swiper-pagination-bullet-active{
    width: 36px !important;
    background: var(--btn-primary-hover);
}
.crtyifo-next,
.crtyifo-prev {
    width: 38px;
    height: 38px;
    border: 1px solid #3d719696;
    background: #ffffff00;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.crtyifo-next svg, .crtyifo-prev svg {
    width: 13px;
    height: 13px;
    color: #5f89a7;
}
.crtnvbtn-sec {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}

/* busiCard */

.businCrd {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.businCrd-col--large {
    flex: 1;
}

.businCrd-col--small {
    flex: 0.8;
}

.businCrd-track {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.businCrd-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
    object-fit: cover;
}
.animate-scroll-up {
    animation: scrollUp 20s linear infinite;
    will-change: transform;
}

@keyframes scrollUp {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-50%);
    }
}
.animate-scroll-dwn {
    animation: scrollDown 20s linear infinite;
    will-change: transform;
}

@keyframes scrollDown {
    from {
        transform: translateY(-50%);
    }
    to {
        transform: translateY(0);
    }
}

/* crty section End */

/* Industry Section Start */

.induSec {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: var(--bg-soft);
}
.indushead-title {
    text-align: center;
    font-size: 48px;
    line-height: 58px;
    color: var(--subheadline-color);
    margin-bottom: 15px;
}
.indushead-title span{
    display: inline-block;
    background: linear-gradient(135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
p.indushead-desc {
    width: 80%;
    text-align: center;
    margin: auto;
    font-size: 17px;
}
.indushead-sec {
    width: 100%;
    margin-bottom: 60px;
}
.indusmin-crd {
    width: 100%;
    border-radius: 15px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.indusbg-wrap {
    width: 100%;
    min-height: 700px;
    height: 715px;
    overflow: hidden;
    padding: 20px;
    position: relative;
}
.induscnt-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.induscnt-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity .4s ease, transform .4s ease;
}
.induscnt-image img.hide{
    opacity: 0;
    transform: scale(1.05);
}

.induscnt-image img.show{
    opacity: 1;
    transform: scale(1);
}
.induslft-cnt {
    width: 100%;
    padding: 30px;
    padding-left: 30px;
    padding-right: 0px;
    padding-bottom: 0px;
    height: 100%;
}
h3.induslft-title {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 0px;
    padding-right: 10px;
}
p.induslft-desc {
    font-size: 17px;
    margin-bottom: 0;
    display: none;
}
.sectr-new-list {
    width: 100%;
    margin-top: 25px;
}
.induscnt-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 40px;
    z-index: 1;
    transform: translateY(10px);
    opacity: 0;
    transition: opacity 0.1s ease, transform 0.1s ease;
}
.induscnt-itm.active .induscnt-txt {
    transform: translateY(0);
    opacity: 1;
    transition: opacity 0.8s ease, transform 0.8s ease;
    transition-delay: 0.1s;
}
.induscnt-itm.active {
    opacity: 1;
    visibility: visible;
    transition:
        opacity .6s ease,
        transform .6s ease,
        visibility 0s;
}
.induscnt-itm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.08);
    transition: transform .8s ease;
}

.induscnt-itm.active img {
    transform: scale(1);
}
.induscnt-itm {
     position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    margin: auto;
    border-radius: 15px;
    overflow: hidden !important;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity .6s ease,
        transform .6s ease,
        visibility 0s linear .6s;
}
.induscnt-itm::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    /* background: linear-gradient(177deg, #15104d3b 0%, #3db5b01a 30%, #0e5e96ab 65%, #15104df0 100%); */
    /* background: linear-gradient(177deg, #15104d3b 0%, #3db5b01a 30%, #15104d9e 65%, #15104d9e 100%); */
    background: linear-gradient(177deg, #15104d3b 0%, #3db5b01a 30%, #15104da8 65%, #15104d9e 100%);
    z-index: 0;
}
h4.induscnt-txt-title {
    font-size: 25px;
    color: #fff;
    margin-bottom: 12px;
}
p.induscnt-txt-para {
    color: #fff;
    margin-bottom: 0;
}
.sectr-new-list-wrap {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 12px;
    position: relative;
}
.sectr-new-list-item {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 20px;
    cursor: pointer;
    height: 124px;
    border-radius: 10px;
    flex: 0 0 calc((100% - 24px) / 3);

}
.sectr-new-list-item::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    /* background: linear-gradient(217deg, #0c395757 13.01%, #34173f 114.24%); */
    background: linear-gradient(177deg, #15104d45 13.01%, #15104dbd 114.24%);
    z-index: 1;
}
.sectr-new-list-item .commTabImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(0);
    /* transition: opacity 0.8s ease, transform 0.8s ease; */
    transition: 0.3s all ease;
}
.sectr-new-list-item:hover .commTabImg {
    filter: grayscale(0);
    transition: 0.5s all ease;
    transform: scale(1.1) rotate(1deg);
}
.sectr-new-list-item h6 {
    position: relative;
    z-index: 2;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    top: 8px;
    text-align: center;
    display: block;
    width: 100%;
}
.sectrbtn-wrap {
    display: none;
    align-items: center;
    gap: 12px;
}
.sectrbtn-wrap a {
    width: 38px;
    height: 38px;
    display: inline-flex;
    border: 1px solid #4f8fb8;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}
.sectrbtn-wrap a svg{
    width: 20px;
    height: 20px;
    color: #4f8fb8;
}

/* Industry Section End */

/* Crty New Section Start */

.crtcutsec {
    width: 100%;
    padding: 80px 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.custcrty-headline {
    text-align: center;
    margin-bottom: 56px;
    font-size: 48px;
    line-height: 58px;
    color: var(--subheadline-color);
}
.custcrty-headline span {
    display: inline-block;
    background: linear-gradient(135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.custcrtyCrd {
    background-color: #f9f9f9;
    border-radius: 15px;
    place-items: center;
    padding: 35px;
    padding-bottom: 40px;
    position: relative;
    overflow: hidden;
}
.crty-featcard-title {
    font-size: 30px;
}
.crty-featcard-desc {
    margin-bottom: 0;
    font-size: 18px;
    min-height: 82px;
}
.custcrtycd-image {
    width: 100%;
    height: 325px;
    margin-bottom: 25px;
}
.custcrtycd-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .4s ease;
}
.custcrtyCrd:hover .custcrtycd-image img {
    transform: scale(1.06) !important;
}
.custcrtyCrd.custmarB {
    margin-top: 25px;
}
.custcrty-Btm {

    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 80px;
}
h3.cryrit-title {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 15px;
    color: var(--subheadline-color);
}
p.cryrit-desc {
    font-size: 18px;
    margin-bottom: 25px;
}
h3.cryrit-title span {
    display: inline-block;
    background: linear-gradient(135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
ul.cryrit-list {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 25px;
}
li.cryrit-itm {
    display: flex;
    gap: 9px;
    margin-bottom: 16px;
}
.cryritIcn {
    width: 18px;
    height: 18px;
    position: relative;
    top: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cryritIcn svg{
    color: var(--headline-color);
    fill: currentColor;
    transition: all 0.3s ease;
}
p.cryrit-txt {
    font-size: 17px;
    margin-bottom: 0;
    width: calc(100% - 32px);
    line-height: 25px;
}
.cryrit-txt span {
    color: var(--headline-color);
    font-weight: 600;
}
.crtybtm-rit-cnt {
    width: 100%;
    padding-left: 20px;
}
.crtybtm-lft-crd {
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgb(255 244 236) 0.12%, rgb(241 244 255) 98.69%);
    border-radius: 20px;
    overflow: hidden;
}
.crtycard-main {
    margin-bottom: 10px;
    width: 100%;
    min-height: 425px;
    height: 425px;
}

.crtycard-main img {
    width: 100%;
    max-width: 400px;
    display: block;
    margin: auto;
    margin-top: 20px;
}

.crtycard-thumb {
    width: 75px;
    height: 64px;
    border-radius: 10px;
    object-fit: contain;
    cursor: pointer;
    /* border: 2px solid #e3e3e3; */
}
.crtycard-thumb.active {
    border-color: #3d7196;
}


.crtycardThumbSwiper .swiper-slide {
    width: auto;
}
.crtycardThumbSwiper .swiper-slide {
    display: flex;
    justify-content: center;
}
.crtycard-showcase {
    width: 100%;
    padding-bottom: 20px;
}
.crtycardThumbSwiper {
    width: 80%;
}

.crtycardThuigm {
    width: 80px;
    height: 80px;
    border: 2px solid #e3e3e3;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crtycardThuigm.active{
    border-color: #3d7196;
    background: linear-gradient(135deg, #88d49847 0%, #3db5b03b 30%, #0e5e9645 65%, #15104d3d 100%);
}

/* Crty New Section End */

/* Technology section Start */

.techsec {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 80px 0;
}
.techstk-headline {
    font-size: 40px;
    line-height: 50px;
    color: var(--headline-color);
    font-weight: bold;
    margin-bottom: 15px;
    position: relative;
    z-index: 9;
}
.techstk-desc {
    font-size: 18px;
    width: 80%;
    position: relative;
    z-index: 9;
    margin-bottom: 0;
}
.techstk-rit {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    position: relative;
    z-index: 9;
    padding-right: 135px;
}
.techvert-txt {
    transform: translateX(100%) rotate(-90deg);
    margin: 0 0 0 -95px;
    font-size: 17px;
    font-weight: 600;
    line-height: 35px;
    color: #111;
    opacity: 1;
    position: absolute;
    right: 18px;
    bottom: 45px;
    
}
.techcnt {
    position: relative;
    display: inline-flex;
}
span.techcnt-num {
    background-color: #fff0;
    color: #FFF;
    font-size: 120px;
    -webkit-text-stroke-width: 7px;
    stroke-width: 7px;
    -webkit-text-stroke-color: #fff0;
    stroke: #fff0;
    background-image: linear-gradient( 135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100% );
    white-space: nowrap;
    -webkit-background-clip: text;
    line-height: 130px;
    height: 130px;
    position: relative;
    display: inline-block;
}

span.techcnt-suffix {
    background-color: #fff0;
    color: #FFF;
    font-size: 120px;
    -webkit-text-stroke-width: 7px;
    stroke-width: 7px;
    -webkit-text-stroke-color: #fff0;
    stroke: #fff0;
    background-image: linear-gradient( 135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100% );
    white-space: nowrap;
    -webkit-background-clip: text;
    line-height: 130px;
    height: 130px;
    position: relative;
    display: inline-block;
}
.techsecmain-sec {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.techsecmain-sec .techsec-bg{
    width: 760px;
    height: 370px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}
.techsecmain-sec .techsec-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.custech-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 14px;
    justify-content: center;
}
.custech-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    border: 1px solid var(--headline-color);
    border-radius: 50px;
    min-width: max-content;
    font-size: 16px;
    line-height: 1;
    transition: all 0.3s ease;
    color: var(--subheadline-color);
    min-width: 115px
}
.custech-item img {
    width: auto;
    height: 25px;
    object-fit: contain;
    display: block;
}
.custech {
    width: 100%;
    margin-top: 60px;
    position: relative;
    z-index: 9;
}

/* Technology section End */

/* FAQ Section Start */

.faq-sec {
    width: 100%;
    position: relative;
    padding: 80px 0;
}
.fqlft-headline {
    font-size: 38px;
    line-height: 52px;
    color: var(--headline-color);
    font-weight: bold;
    margin-bottom: 15px;
}
.fqlft-headline span {
    display: inline-block;
    background: linear-gradient(135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fqlft-desc {
    font-size: 18px;
    margin-bottom: 25px;
}
.faqlft-image {
    width: 100%;
    height: 400px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.faqlft-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.faqlft-image::after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(177deg, #15104d14 0%, #3db5b01a 30%, #0e5e9626 65%, #15104dba 100%);
}
.faqQuestionWrap{
    background-color: #f7fbfb;
    width: 90%;
    margin: auto;
}
.faqQuestionWrap .card-header, .faqQuestionWrap .card{
    background-color: transparent;
    border: unset;
    padding: 0;
    border-bottom: 1px solid #f2ebfd;
    border-radius: unset;
}
.faqQuestionWrap .card {
    transition: 300ms all ease-in;
}
.faqQuestionWrap .card:has(.collapse.show) {
    background-color: #f4f8f7 !important;
    transition: 300ms all ease-in;
}
.faqQuestionWrap .card:has(.collapse.show) .card-header{
    border-bottom: 1px solid #f4f8f7 !important;
    transition: 300ms all ease-in;
}
.faqQuestionWrap .card:has(.collapse.show) .btn-link{
    color: var(--subheadline-color);
}
.faqQuestionWrap .card-body{
    padding-top: 0;
}
.faqQuestionWrap .card-body{
    color: var(--paragraph-color) !important;
    font-size: 17px;
    line-height: 26px;
    padding-left: 80px;
    padding-bottom: 35px;
}
.faqQuestionWrap .btn-link{
    padding: 0;
    width: 100%;
    text-align: left;
    min-height: 45px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: var(--headline-color);
    padding: 20px;
    padding-left: 70px;
    text-decoration: none;
    position: relative;
    padding-top: 32px;
    padding-bottom: 25px;
    white-space: normal;
}
.faqQuestionWrap .btn-link .faqCount{
    position: absolute;
    left: 20px;
    top: 34px;
    display: inline-block;
    font-size: 30px;
    color: #d9c7e3;
    font-weight: 600;
}
.faqIconBtn{
    position: absolute;
    right: 18px;
    left: unset;
    background: #fff;
    color: #0c3957;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 7px #00000029;
    top: 22px;
}
.faqIconBtn svg{
    width: 18px;
    height: 18px;
}
.faqQuestionWrap .btn-link.collapsed .faqIconBtn svg{
    rotate: 0deg;
    transition: 300ms all ease-in;
}
.faqQuestionWrap .card ul li{
    margin: 5px 0;
    position: relative;
    padding-left: 20px;
}
.faqQuestionWrap .card ul li::after{
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 5px;
    left: 0px;
    background-color: var(--btn-primary-hover, #3d7196);
    border-radius: 100%;
}
.faqQuestionWrap .btn-link.collapsed .faqIconBtn{
    background-color: #fff;
    color: var(--btn-primary-hover, #3d7196);
}
.faqQuestionWrap .btn-link .faqIconBtn {
    background: var(--btn-primary-hover, #3d7196);
    color: #fff;
}
.faqQuestionWrap .btn-link .faqIconBtn svg{
    rotate: 45deg;
    transition: 300ms all ease-in;
}
.faqContentWrap{
    position: sticky;
    top: 10px;
}
/* FAQ Section End */

/* Captcha Starts */
.ue-captcha-label {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 400;
  color: var(--text-muted);
}

.captcha-row {
  align-items: flex-start;
  gap: 30px;
}

.captcha-box {
  display: flex;
}

.captcha-bg {
    background: linear-gradient(135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100%);
    color: #fff;
    text-align: center;
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: bold;
    padding: 12px;
    float: left;
    width: 100%;
    background-size: cover;
    user-select: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.captcha-refresh {
    padding: 10px 15px;
    background: #0c4171;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.captcha-refresh img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

#contactMessageBox{
    margin-bottom:25px;
}

.cntct-alert{
    padding:16px 22px;
    border-radius:10px;
    font-size:15px;
    font-weight:500;
    animation:fadeIn .3s ease;
}

.cntct-alert.success{
    background:#e9f8f1;
    color:#0f7a46;
    border-left:5px solid #23b26d;
}

.cntct-alert.error{
    background:#fff3f3;
    color:#c62828;
    border-left:5px solid #ef5350;
}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(-10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
/* Captcha Ends */

/* Mobile responsive  */

.mobnav-sec {
    display: none;
}

/* Small Devices (Landscape Phones) */

@media (max-width: 576px) {

    .rihtclipped-image {
        background-position: bottom !important;
    }
    .cstservCard-image {
        height: 250px;
    }
    .cstservCard-striky {
        position: relative;
        top: 0;
    }
    .hdrcnt-headline{
        font-family: 25px;
        line-height: 30px;
    }
     .sitftr-copyright {
        text-align: center !important;
    }
    .abtCnt-title span {
        display: inline;
    }
    .custmobtst-image {
        height: 300px;
    }
    .tstprw-poster {
      height: 270px;
    }
   

}
@media (min-width: 577px) and (max-width: 767px) {
    .cstservCard-striky {
        position: relative;
        top: 0;
    }
        .cstservCard-image {
        height: 350px;
    }
    .custmobtst-image {
        height: 390px;
    }
    .tstprw-poster {
        height: 400px;
    }
}
@media (max-width: 991px) {

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    #deskNav {
        display: none;
    }
    #mobNav {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    transform: translateY(0);
    transition: transform .35s ease, background .35s ease;
   }
   #mobNav.nav-hide{
    transform: translateY(-100%);
}
    #mobNav.nav-fixed{
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        box-shadow: 0 8px 30px rgba(0,0,0,.08);
    }
    #mobNav.nav-fixed, #mobNav.active {
    background:#fff;
}
    .mobnav-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 20px 0;
    }
    .mbnv-main-logo {
        display: inline-flex;
        height: 42px;
        position: relative;
        width: 185px;
    }
    .mbnv-main-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mbnv-main-logo .mobnvlog-white {
        opacity: 1;
        visibility: visible;
    }
    .mbnv-main-logo .mobnvlog-dark {
        opacity: 0;
        visibility: hidden;
    }
    #mobNav.nav-fixed .mbnv-main-logo .mobnvlog-white {
        opacity: 0;
        visibility: hidden;
    }
    #mobNav.nav-fixed .mbnv-main-logo .mobnvlog-dark {
         opacity: 1;
        visibility: visible;
    }
    #mobNav.nav-fixed.nav-show{
        transform: translateY(0);
    }
     .mobhdrnav-sec {
        position:absolute;
        top:100%;
        left:0;
        width: 100%;
        background:#fff;
        border-radius:0 0 18px 18px;
        opacity:0;
        visibility:hidden;
        transform:translateY(-20px);
        transition:.35s;
        z-index:100;
        margin: auto;
        right: 0;
     }
    .mobhdrnav-sec .app-btn-primary {
        margin: auto;
        margin-bottom: 25px;
    }
    /* .mobhdrnav-list li:last-child .mobhdrnav-lik{
        border-bottom: unset;
    } */
    .mobhdrnav-list {
        width: 100%;
        padding: 0;
        margin: 0;
        margin-bottom: 30px;
        margin-top: 25px;
    }

    .mobhdrnav-itm {
        display: block;
        margin-bottom: 12px;
        padding: 0 12px;
    }

    a.mobhdrnav-lik {
        font-size: 17px;
        text-decoration: none;
        display: block;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 12px;
        color: #19163c;
    }
    .menu-toggle{
        width: 42px;
        height: 42px;
        border: 0;
        background: transparent;
        padding: 0;
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:6px;
        cursor:pointer;
        z-index:999999;
        position:relative;
    }

    .menu-toggle span{
        width:28px;
        height:2px;
        background:#fff;
        transition:.35s;
        border-radius:20px;
    }
    .hdrcnt-sec {
        padding-top: 125px;
    }

    /* White header = dark icon */
    #mobNav.nav-fixed .menu-toggle span,
    #mobNav.active .menu-toggle span{
        background:#222;
    }

    /* X Animation */
    #mobNav.active .menu-toggle span:nth-child(1){
        transform:translateY(8px) rotate(45deg);
    }

    #mobNav.active .menu-toggle span:nth-child(2){
        opacity:0;
    }

    #mobNav.active .menu-toggle span:nth-child(3){
        transform:translateY(-8px) rotate(-45deg);
    }
    body.menu-open{
      overflow: hidden;
    }
    .navbg-ovrly{
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.45);
        opacity:0;
        visibility:hidden;
        transition:.35s;
        z-index:50;
        height: calc(100vh - 82px);
        top: 83px;
   }
    #mobNav.active{
        background:#fff;
    }

    #mobNav.active .navbg-ovrly{
        opacity:1;
        visibility:visible;
    }

    #mobNav.active .mobhdrnav-sec{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }

    #mobNav.active .mobnvlog-white{
        opacity:0;
        visibility:hidden;
    }

    #mobNav.active .mobnvlog-dark{
        opacity:1;
        visibility:visible;
    }
    .hdrcnt-headline {
         font-size: 30px;
        line-height: 41px;
    }
    .abtSec, .servcSectin, .testiSect, .induSec, .techsec, .prtnr-sec, .faq-sec, .contactsec, .crtcutsec, .custmin-serv {
        padding: 60px 0;
    }
    .cmn-para.wid50, .servcSectin-head .cmn-para, p.indushead-desc, .techstk-desc {
        width: 100%;
    }
    .abtCnt-title {
        font-size: 35px;
        line-height: 46px;
    }
    .cmn-headline, .fqlft-headline, .ue-contact-title, .techstk-headline {
     font-size: 30px;
     line-height: 40px;
    }
    .abtCnt-title, .indushead-title, .custcrty-headline{
        font-size: 30px !important;
        line-height: 40px !important;
    }
    .custcrty-headline {
    margin-bottom: 30px;
    }
    .abtCnt {
        margin-bottom: 25px;
    }
    .crtycard-main {
        min-height: 410px;
        height: 410px;
    }
    .abtrhtImage {
        height: 265px;
    }
    .abtBtm-crd, .abtBtm-crd.abtLst {
        margin-top: 20px;
        border-radius: 15px;
    }
    .testiTp-sec {
        margin-top: 15px;
    }
    .testimonial-slide {
        width: 100%;
        display: block;
    }
    .testimonial-slide-img {
       max-width: 100%;
    }
    .testimonial-slide {
        height: auto;
    }
    .custcrtyCrd {
        padding: 15px;
    }
    .custcrtycd-image {
        height: 212px;
    }
    .crtybtm-rit-cnt {
        padding-left: 0;
        margin-top: 15px;
    }
    h3.cryrit-title {
        font-size: 25px;
        line-height: 36px;
    }
    .custcrty-Btm {
        margin-top: 25px;
    }
    .ftradrs-itm {
        display: block;
    }
    .ftrcnt-sec {
        padding-left: 0;
        margin-top: 20px;
    }
    .ftrbtm-sec {
        flex-direction: column;
        gap: 15px;
    }
    .sitftr-col-group {
        margin-bottom: 12px;
        padding: 0 8px;
    }
    .faqQuestionWrap {
        width: 100%;
        margin-top: 20px;
    }
    .faqQuestionWrap .btn-link {
        font-size: 18px;
        padding-right: 45px;
    }
    .faqQuestionWrap .card-body {
        padding-left: 25px;
        padding-bottom: 25px;
    }
    .faqlft-image {
        height: 300px;
    }
    .contfrmlft {
        padding: 30px;
    }
    .riht-contact-cnt {
        width: 100%;
        z-index: 99;
        position: relative;
    }    
    .rihtclipped-image {
        width: 95%;
        height: 97%;
        top: 0;
        right: 0;
        clip-path: unset;
        background-size: cover;
        background-position: 0px -367px;
        margin: auto;
        left: 0;
        border-radius: 15px;
        overflow: hidden;
    }
    .rihtclipped-image::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background: #000;
        top: 0;
        left: 0;
        opacity: 0.4;

    }
    .riht-contact-title {
        color: #fff;
    }
    .ritcntliktxt {
        color: #fff;
    }
    .ritcntlikIcn {
        background: #ffffff33;
    }
    .ritcntlikIcn svg{
        color: #ffffff;
    }
    .induscnt-txt {
        padding: 20px;
    }
    .indusbg-wrap {
        height: 600px;
        min-height: 600px;
    }
    .servCntlst {
        margin-top: 30px;
        flex-direction: column;
        gap: 0;
    }
    .servposImage-wrap {
        position: relative;
        display: none;
    }
    .servCntcrd {
        margin-bottom: 0;
        padding-bottom: 35px;
    }
     .servCntcrd:last-child{
        padding-bottom: 0;
     }
    .serlftArea, .serihtArea {
        width: 100%;
    }
    .srvcrdtle  {
        font-size: 28px;
        line-height: 38px;
    }
    h3.induslft-title {
        font-size: 25px;
        line-height: 38px;
        padding-right: 0;
    }
    .sectrbtn-wrap {
        display: flex;
        position: absolute;
        top: -50px;
        right: 15px;

    }
    .mobsrvImage {
        width: 100%;
        height: 500px;
        border-radius: 15px;
        overflow: hidden;        
        object-fit: cover;
        margin-bottom: 15px;
    }
    .sectr-new-list{
     margin-top: 0;
     padding-top: 65px;
    }
    .induslft-cnt {
        padding: 15px !important;
    }
    .sectr-new-list-item {
        flex: 0 0 calc((100% - 12px) / 2);
    }
    .sectr-new-list-wrap {
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
        margin-bottom: 0;
    }
    .indusbg-wrap {
        padding: 15px;
    }
    .sectmn-wrap {
        width: 100%;
        position: relative;
    }
    .induscnt-itm::after {
        background: linear-gradient(177deg, #15104d78 0%, #0e4b77b5 30%, #15104da8 65%, #15104d9e 100%);
    }    
    .crtycardThumbSwiper {
        width: 93%;
    }
    .custcrtyCrd {
        margin-top: 15px !important;
    }
    .hdrBtmnav-lik {
        padding-right: 0;
    }
    a.hdrBtmnav-lik::after {
        content: unset;
    }
    .heroSection {
        height: 580px;
    }
    .abtBtm-crd.abtLst {
        width: 100%;
        top: 0;
    }
    .crty-featcard-desc {
        min-height: 135px;
    }
     .cstservCard-striky.mt-80 {
        margin-top: 15px !important;
    }
    .cstservCard-cnt {
        padding: 0 8px;
        padding-top: 12px;
    }
    .srvcrdtle {
        margin-bottom: 8px;
    }
    .cstservCard {
        padding: 12px;
        border-radius: 20px;
    }
    .tstprw-close-btn {
        top: 40px;
        right: 0px;
        width: 45px;
        height: 45px;
    }
    .sitftr-wrap {
        padding-top: 60px;
    }
    .testimonial-slide-img {
        display: none;
    }
    .custmobtst-warp {
    display: block;
    }
    .testimonial-slide-content {
        padding-left: 0;
    }
    .testimonial-slide-content h3 {
        margin-top: 12px;
    }
    .testi-cmpyLgo {
        margin: auto;
        margin-bottom: 45px;
    }
    .testimonial-slide-content .testimonial-read-btn {
        margin: auto;
    }
    .testimonial-nav {
        top: -55px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .crtycard-main {
        min-height: 410px;
        height: 410px;
    }
    .indusbg-wrap {
        height: 500px;
        min-height: 500px;
    }
    .techstk-rit {
        padding-right: 50px;
    }
    .techstk-desc {
        width: 90%;
    }
    .rihtclipped-image {
        background-position: 0px -491px !important;
    }

     .cstservCard-striky {
        position: relative;
        top: 0;
    }
        .cstservCard-image {
        height: 400px;
    }
    .tstprw-poster {
        height: 500px;
    }

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

   .abtBtm-crd.abtLst {
    width: 100%;
    border: 1px solid #dcf1e1;
    height: auto;
    margin-top: 10px;
    top: 0;
    border-radius: 30px;
   }
   .abtBtm-crd {
    margin-top: 10px;
   }
   .abtBtm-title {
    min-height: 58px;
   }
   .abtBtm-para {
    min-height: 128px;
   }
   .crty-featcard-desc {
    min-height: 108px;
   }
   .ritcntliktxt {
    font-size: 16px;
   }
   .riht-contact-area {
    padding-left: 25px;
   }
    .testiTp-sec {
        margin-bottom: 8px;
    }
      .heroSection {
        height: 580px;
    }
    .tstprw-poster {
        height: 630px;
    }
    .testimonial-slide-content h3 {
        margin-top: 15px;
    }
    .testi-cmpyLgo {
        margin: auto;
        margin-bottom: 45px;
    }
    .testimonial-slide-content .testimonial-read-btn {
        margin: auto;
    }

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

.testimonial-slide-content h3 {
    font-size: 25px;
    padding-bottom: 10px;
}
.testimonial-slide-content .testi-quote {
    font-size: 17px;
}

    .hdrcnt-headline {
         font-size: 38px;
        line-height: 50px;
    }
        .hdrcnt-sec {
        padding-top: 175px;
    }

}
@media (min-width: 1200px) and (max-width: 1399px) {
    .abtBtm-crd {
        margin-top: 10px;
    }
    .abtBtm-crd.abtLst {
       top: -42px; 
    }
    .testimonial-slide-content h3 {
        font-size: 28px;
    }
    .tstprw-poster, .tstprw-video {
        height: 540px;
    }
}


@media (min-width: 1200px) and (max-width: 1499px) {

 .hdrcnt-headline {
         font-size: 45px;
        line-height: 58px;
    }
        .hdrcnt-sec {
        padding-top: 250px;
    }

}

@media (max-width: 767px) {

    
    .hdrcnt-headline, .ue-contact-title, .fqlft-headline, .abtCnt-title, .cmn-headline{
        font-size: 28px !important;
        line-height: 38px !important;
    }
    .srvcrdtle, .crty-featcard-title  {
        font-size: 24px !important;
        line-height: 34px !important;
    }
    .crtybtm-rit-cnt .testimonial-read-btn {
        display: flex;
        margin: auto;
    }
    .hdrcnt-sec {
        padding-top: 140px;
    }
    .hdrcnt-para {
        font-size: 20px;
        line-height: 26px;
    }
    .custm-serv-wrap {
        margin-top: 65px;
    }
    .srvcrdpara, .contfrm-para {
        line-height: 24px;
    }
    .testi-cmpyLgo {
        margin: auto;
    margin-bottom: 40px;
    }
    .testimonial-slide-content .testimonial-read-btn{
        margin: auto;
    }
    .techstk-rit {
        padding-right: 60px;
        justify-content: center;
        align-items: center;
    }
    .prtnrcnt-sec{
        margin-top: 0;
    } 
    .hdrBtmnav-headline {
        font-size: 24px;
        line-height: 30px;
        min-height: 65px;
    }  
    .induscnt-itm {
     width: calc(100% - 25px);
     height: calc(100% - 25px);
    }
    .heroSection {
        height: 550px !important;
    }
    .hdrBtmnavIcn{
        position: relative;
        left: -15px;
        animation: chevronSlide 1.4s ease-in-out infinite;
    }
    .hdrBtmnav-headline {
        width: calc(calc(100% - 70px));
    }

}

@media (max-width: 1199px) {

    .abtBtmIcn .abtBtmIcnwite {
    opacity: 0;
    visibility: hidden;
}
.abtBtm-crd.abtLst .abtBtmIcnwite {
    opacity: 0;
    visibility: hidden;
}
 .abtBtm-crd.abtLst .abtBtmIcndrk {
    opacity: 1;
    visibility: visible;
 }
.abtBtm-crd:hover .abtBtmIcnwite {
    opacity: 1;
    visibility: visible;
} 
.abtBtm-crd:hover .abtBtmIcndrk {
    opacity: 0;
    visibility: hidden;
}
.abtBtm-crd.abtLst {
    background: #fff;
}
.abtBtm-crd.abtLst .abtBtmNum{
    background: linear-gradient(135deg, #88d498 0%, #3db5b0 15%, #0e5e96 78%, #15104d 100%);
    opacity: 0.09;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.abtBtm-crd.abtLst .abtBtm-title {
    color: var(--headline-color);
}
.abtBtm-crd.abtLst p.abtBtm-para {
    color: var(--paragraph-color);
}
.abtBtm-crd:hover {
    background: linear-gradient(135deg, #88d498 0%, #3db5b0 30%, #0e5e96 65%, #15104d 100%);
}
.abtBtm-crd:hover .abtBtm-title, .abtBtm-crd:hover p.abtBtm-para {
    color: #fff;
}
.abtBtm-crd:hover .abtBtmNum {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 15%, #ffffff 78%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0.15;
}

}

@media (max-width: 390px) {
  .crtycard-main {
        min-height: 360px;
        height: 360px;
    }
  .crtycardThuigm {
        width: 70px;
        height: 70px;
    }
    .crtycard-thumb {
        width: 70px;
        height: 60px;
    }
    .crtycardThumbSwiper {
        width: 95%;
    }
}