body {

	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: "Inter", sans-serif;
	position: relative;
	overflow-x: hidden !important;
}
html {
    scroll-behavior: smooth;
}
.no-scroll {
    overflow: hidden;
}

:root {

  --dark-blue: #00224E;
  --soft-green: #08997F;
  --neon-mauve: #5F00E6;
  --midnight: #290572;
}


/* headline font family */  

/* Header Section Start */

header#headerSection {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: 9999;
    transition: background-color 0.5s ease, box-shadow 0.5s ease;
    
}
#headerSection.scrolled {
    background-color: #fff; /* background when scrolled */
    box-shadow: 0 1px 10px #a9a9a929;
}
#headerSection.hide-header {
    transform: translateY(-100%);
    transition: background-color 0.5s ease, box-shadow 0.5s ease;
}
.headermain-wrap {
    width: 100%;
}

.headercnt-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}

.hdr-logo {
    display: inline-flex;
    height: 60px;
}

.hdrfrst-sec {
    display: flex;
    align-items: center;
    column-gap: 112px;
}
.hdrnav-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 35px;
}

.hdrdwnIcon {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 6px;
    left: 2px;
}
.hdrdwnIcon svg {
    width: 20px;
    height: 20px;    
    position: absolute;
}

.hdrnav-link {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    letter-spacing: 0.2px;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.hdrnav-link:hover {
    color: var(--soft-green);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    text-decoration: none;
}
.hdrnav-link::after{
    position: absolute;
    content: '';
    width: 0%;
    height: 2px;
    background: var(--soft-green);
    bottom: -2px;
    right: 0;
    left: unset;
    border-radius: 5px;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.hdrnav-link:hover::after {
    right: unset;
    left: 0;
    width: 100%;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.hdrsubmenulink-cnt {
    width: calc(100% - 41px);
}
.hdrreq-btn {
        display: flex;
    align-items: center;
    justify-content: center;
    background: var(--soft-green);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    padding: 15px 20px 15px 20px;
    width: 180px;
    height: 42px;
    border-radius: 50px;
    margin-left: 25px;
    overflow: hidden;
    position: relative;
    transition: all 0.2s 
}
.hdrreq-btn:hover {
    color: rgb(255, 255, 255);
    background: rgb(33, 164, 140);
    text-decoration: none;
}
.reqbtn-arw {
    width: 18px;
    height: 18px;
    margin-left: 7px;
    position: relative;
    top: -3px;
}
.reqbtn-arw svg {
    width: 18px;
    height: 18px;
    color: #fff;
    fill: #fff;
}
.hdrreq-btn:hover svg {
    color: #ffffff;
    fill: #ffffff;
}
.hdrmenu-content {
    position: absolute;
    background: #fff;
    left: -50%;
    transition-property: all;
    max-width: 1020px;
    min-width: 1020px;
    width: 100%;
    visibility: hidden;
    z-index: 10;
    margin-top: 15px;
    height: auto;
    opacity: 0;
    display: flex;
    align-items: flex-start;
    padding: 30px 0px;
    padding-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    border-radius: 12px;
}
.hdrnav-item:hover .hdrmenu-content {
    opacity: 1;
    visibility: visible;
}

.hdrmenuMain-wrapper {
    display: flex;
}
.hdrnav-item{
    position: relative;
}
.hdrsubmenuwrp {
    flex: 0 0 50%;
    border-right: 1px solid #dddddd;
    padding: 0 15px;
}
.hdrsubmenulink-icon {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #202647;
    border-radius: 50px;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
}
.hdrsubmenulink-icon svg {
    width: 16px;
    height: 16px;
    color: #202647;
    fill: #202647;
}
.hdrsubmenuItem {
    width: 100%;
    display: block;
}
.hdrsubmenuLink {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    width: 100%;
    background: #fff;
    padding: 12px;
    border-radius: 11px;
    margin-bottom: 20px;
}
.hdrsubmenulist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hdrsubmenu-content {
    padding: 0 20px;
}

.hdrsubmenulk-title {
    color: #202647;
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
}
.hdrsubmenulk-nts {
    display: inline-block;
    font-size: 14px;
    color: #212529;
}

.hdrsubmenuLink:hover {
    background: #202647;
}
.hdrsubmenuLink:hover .hdrsubmenulk-title {

    color: #fff;
} 
.hdrsubmenuLink:hover .hdrsubmenulk-nts {
    color: #f0f0f0;
}
.hdrsubmenuLink:hover .hdrsubmenulink-icon {
    border-color: #fff;
    transform: rotate(45deg);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
}
.hdrsubmenuLink:hover .hdrsubmenulink-icon svg{
    color: #fff;
    fill: #fff;
}
.hdrsubmenu-title {
    font-size: 22px;
    color: #202647;
}
.hdrsubmenu-desc {
    font-size: 15px;
    line-height: 22px;
    color: #212529;
    margin-bottom: 15px;
    min-height: 90px;
    max-height: 132px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.hdrsubmenuImage {
    width: 100%;
    min-height: 235px;
    height: 320px;
    background: #efefef;
    border-radius: 12px;
    overflow-x: hidden;
}
.hdrsubmenuImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hdrsubmenuItem.active .hdrsubmenuLink{
    background: #202647;
}
.hdrsubmenuItem.active .hdrsubmenuLink .hdrsubmenulk-title {

    color: #fff;
} 
.hdrsubmenuItem.active .hdrsubmenuLink .hdrsubmenulk-nts {
    color: #f0f0f0;
}
.hdrsubmenuItem.active .hdrsubmenuLink .hdrsubmenulink-icon {
    border-color: #fff;
    transform: rotate(45deg);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
}
.hdrsubmenuItem.active .hdrsubmenuLink .hdrsubmenulink-icon svg{
    color: #fff;
    fill: #fff;
}
.hdrsubmenu-cnt-card {
    display: none;
}

#headerSection.subpage.scrolled .hdrnav-link{

    color: #202647;
}
#headerSection.scrolled .hdrnav-link{

    color: #000;
}
#headerSection.subpage .hdrnav-link{

    color: #ffffff;
}
.contactpge .hdrreq-btn {
    background: #202647;
    border: 1px solid #ffffff;
    color: #fff;
}
.subpage.scrolled .contactpge .hdrreq-btn {
    border-color: #202647;
    
}
.contactpge .hdrreq-btn:hover {
    color: #202647;
    background-color: #fff;
}
.contactpge .reqbtn-arw svg {
    color: #ffffff;
    fill: #ffffff;
}
.contactpge .hdrreq-btn:hover svg {
    color: #202647;
    fill: #202647;
}

/* Header Section Etart */

/* Hero Section Start */

#heroSection {
    width: 100%;   
    position: relative; 
    overflow: hidden;
}
.custBlogSwiper .swiper-wrapper  {
        padding-bottom: 25px;
    }
.heromain-wrap {
    width: 100%;
    height: 100vh;
    align-items: flex-start;
    display: flex;
    justify-content: center;
    padding-top: 110px;
}
.hero-cnt-card {
    width: 100%;
    height: calc(100vh - 135px);
    background: rgba(23, 32, 44, 0);
    border-radius: 15px;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.mainswip-section {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.herotxt-wrap {
    width: 45%;
    height: 100%;
    align-items: flex-start;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding-left: 50px;
    
}
.hero-mainTitle {
    font-size: 38px;
    color: #fff;
    margin-bottom: 25px;
    line-height: 64px;
    font-weight: 700;
}
.hero-mainDesc {
    color: #ffffff;
    font-size: 17px;
    line-height: 32px;
    margin-bottom: 25px;
    letter-spacing: 0.2px;
}
.herotuchbtn{
    display: inline-flex;
    height: 40px;
    background: #fff;
    width: 148px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    gap: 9px;
    border-radius: 50px;
    color: var(--dark-blue);
    font-size: 15px;
    font-weight: 500;
}
.herotuchbtn:hover {
    color: var(--soft-green);
}
.herotuchbtn .tucharw {
    width: 18px;
    height: 18px;
    position: relative;
    transition: 400ms;
    left: -2px;
}
.herotuchbtn:hover .tucharw{
    transform: translate(4px, -2px);
    transition: 400ms;
}
.herotuchbtn .tucharw svg {
    width: 18px;
    height: 18px;
    position: absolute;
    color: var(--dark-blue);
    fill: var(--dark-blue);
}
.herotuchbtn:hover svg {
    color: var(--soft-green);
    fill: var(--soft-green);
}
video#banner-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.heromainVido {

    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.heromainVido::after {
    content: '';
    position: absolute;
    border-radius: 0px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.336), rgb(32 38 71 / 40%)), linear-gradient(rgb(32 38 71 / 12%) 51.74%, rgb(32 38 71) 100%);
}
.herosect-sec {
    width: 100%;
    margin-top: 35px;
}
.headermin-content {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
}

h2.herosect-title {
    font-size: 21px;
    color: #fff;
}

.herosect-iconlist {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-top: 30px;
}

a.herosectIcon {
    height: 55px;
    display: inline-flex;
}

.herosect-titlewrap {
    width: 80%;
    padding-bottom: 5px;
    position: relative;
}
.herosect-titlewrap::after{
    bottom: 0;
    left: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255 / 0%) 100%);
}

.hero-progress-pagination {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  width: 93%;
  z-index: 10;
}

.progress-item {
  text-align: center;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.progress-bar {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 8px;
}

.progress-bar span {
  display: block;
  width: 0%;            /* start empty */
  height: 100%;
  background: #ffffff;
  opacity: 0.85;         /* inactive dim */
  transition: width linear 5s, opacity 0.3s; /* 5s = autoplay delay */
}

.progress-item.active .progress-bar span {
  opacity: 1;            /* active bar full white */
}

.progress-label {
  white-space: nowrap;
  opacity: 0.85;         /* inactive label */
  font-size: 16px;
  margin-top: 14px;
  transition: opacity 0.3s;
}

.progress-item.active .progress-label {
  opacity: 1;             /* active label */
}
.aiheroCnt {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 50px;
}
/* Hero Section End */

/* About Section Start */

section.cuts-sec {
    width: 100%;
    padding: 60px 0;
    overflow: hidden;
}
.abtlabl-txt{
    background: linear-gradient(90deg, rgb(0 34 78) 22% 22%, rgb(33 164 140) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
}
.aboutmain-title{
    margin-top: 15px;
    margin-bottom: 20px;
    font-family: "Inter", Sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 52px;
    color: var(--dark-blue);
}
.abtdesc{
    width: 100%;
    font-size: 18px;
    color: #545454;
    line-height: 27px;
}
.abtBtn{
    display: inline-flex;
    width: 200px;
    height: 45px;
    background: var(--soft-green);
    padding: 0 22px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #fff;
    text-decoration: none;
    margin: auto;
    font-weight: 600;
    font-size: 15px;
}
.abtBtn:hover{
    background: #21a48c;
    color: #fff;
    text-decoration: none;
}
.aboutIcon-list {
    width: 85%;
    padding-top: 30px;
    border-top: 1px solid #efefef;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 35px;
    justify-content: space-between;
}
.abt-listtxt-sec {
    
width: calc(100% - 70px);
}
.aboutIcon-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex: 0 0 calc((100% - 35px) / 2);
    cursor: pointer;
}
.abt-list-Icon {
    width: 64px;
    height: 64px;
    background: #e8f2f9;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.abt-list-Icon svg {
    color: #4294d0;
    fill: #4294d0;
    transition: 0.5s;
    position: relative;
    z-index: 1;
}
.abt-list-Icon::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: 0.5s;
    border-radius: 50%;
    background: #4294d0;
}
.abtxt-title {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 11px;
    color: var(--dark-blue);
}
.abtxt-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #545454;
}
.abtimg-sec {
    width: 100%;
    height: 540px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.abt-slide {
    position: absolute;
    left: 0;
    top: 25px;
    width: 100%;
    height: 100%;
}
.abt-slide  img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    -webkit-animation: inactiveImageAnimation1 0.9s forwards ease;
    animation: inactiveImageAnimation1 0.9s forwards ease;
    z-index: 2;
    border-radius: 15px;
}
.abt-slide.active img {
    -webkit-animation: activeImageAnimation1 0.9s forwards ease;
    animation: activeImageAnimation1 0.9s forwards ease;
}

.aboutIcon-item:hover .abtxt-title{
    color: #202647;
}
.aboutIcon-item:hover .abt-list-Icon::before{
    transform: scale(1);
}
.aboutIcon-item:hover .abt-list-Icon svg{
   color: #fff;
   fill: #fff;
}
.abtimgtwo-flat {
    width: 140px !important;
    height: 140px !important;
    border-radius: 50% !important;
    position: absolute;
    overflow: hidden;
    left: 130px;
    top: -60px;
    box-shadow: 10px 10px 30px #0003;
    animation: mover 2s infinite alternate;    
    object-fit: cover;
}
.abtimgtwo-flat  {
    width: 100%;
    height: 100%;
}

    .smpvism-sec {
        width: 100%;
        padding: 80px 0;
        padding-bottom:60px;
        position: relative;
        overflow:hidden
    }
     .smpvism-sec .tectbtm-patern {
        z-index: 1;
    }
    .visincntBox {
        width: 100%;
        display:flex;
    }
    .visincntBoxRght {
        width: 45%;
        padding-left: 100px;
        position: relative;
        z-index: 9;
    }
    /* ===== VISION CIRCLE ===== */
.viscir-outer {
    width: 665px;
    height: 700px;
    border: 2px dashed var(--soft-green);
    border-radius: 100%;
    display: flex;
    align-items: center;
}

.viscir-inner {
    width: 600px;
    height: 600px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    z-index: 9;
}

.viscir-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    top: 0;
    left: 0;
    position: relative;
}
/* IMPORTANT: target inner items */
.viscirimage-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease;
}

.viscirimage-wrap.active {
  opacity: 1;
}
/* default (hidden state = zoom OUT) */
.viscir-overlay {
  transform: scale(1.2);
  opacity: 0;
  transition: all 0.7s ease-in-out;
}

/* active (visible = zoom IN) */
.viscirimage-wrap.active .viscir-overlay {
  transform: scale(1);
  opacity: 1;
} 

/* ===== IMAGE ===== */
.viscir-img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

 

/* ===== OVERLAY CONTENT ===== */
.viscir-overlay {
    width: 80%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    position: relative;
    z-index: 99;
    text-align: center;
    color: #fff;
    margin: auto;
    bottom: 100px;
}

/* ===== TEXT ===== */
.viscir-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.viscir-desc {
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    margin-bottom: 0;
    min-height:145px;
}


    .viscir-img-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(23 44 69 / 28%) 7%, #00224eeb 95%);
}
.viscir-img-box {
    width: 100%;
    height:100%;
    position: relative;
    border-radius: 50%;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;

}
.viscir-img-box img {
    width: 100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transform: scale(1);
  transition: transform 4s ease;
}
.viscir-outer {
    position: relative; 
} 
.viscirimage-wrap.active .viscir-img-box img {
  transform: scale(1.15);
  
}
.viscir-img-box img {
  transition: transform 5s cubic-bezier(0.22, 1, 0.36, 1);
}
.viscir-outer::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -5px;
    width: 75%;
    height: 740px;
    background: #fff;
}
.actvisi-dot::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: #08997f;
    border-radius: 50%;
    margin: auto;
    right: 0;
    bottom: 0;
}
.visismpbx-line {
    position: absolute;
    width: 62px;
    height: 2px;
    background: #08997f;
    left: -60px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.visismpbx-line::after {
    content: '';
    position: absolute;
    top: 36px;
    left: -110px;
    height: 2px;
    background: #08997f;
    transform: rotate(324deg);
    width: 122px;
}
/* ===== VISION MISSION CARD ===== */
.vismis-card {
    padding: 20px;
    background: #fff;
    border: 1px solid #00224e0f;
    border-radius: 20px;
    box-shadow: 0 4px 12px 0 rgba(5, 5, 5, .08);
    position: relative;
    margin-bottom:60px
}
.vismis-card.visnCard-one {
    left:0;
}
.vismis-card.visnCard-two {
    margin-top: 20px;
    left: 30px;
}
.vismis-card.visnCard-three {
    left:0;
}
.vismis-dot {
    width: 20px;
    height: 20px;
    background: #08997f26;
    border-radius: 50%;
    position: absolute;
    left: -8px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.vismis-card-inner {
    display: flex;
    flex-direction: column;
}

/* ===== CARD HEADER ===== */
.vismis-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e7e7e796;
    margin-bottom: 15px;
}

.vismis-card-icon {
    flex-shrink: 0;
}

.vismis-card-icon svg {
    width: 42px;
    height: 42px;
    color: var(--dark-blue)
}
.vismis-card.visnCard-two .vismis-card-icon svg, .vismis-card.visnCard-three .vismis-card-icon svg{
    width: 38px;
    height:38px
}
.vismis-card-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--dark-blue);
    margin-bottom: 0;
}

/* ===== CARD DESC ===== */
.vismis-card-desc {
    font-size: 15px;
    color: #545454;
    margin: 0;
}
.vismis-dot::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #08997f;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
    border-radius: 50px;
}
.vismis-card::after {
    position: absolute;
    left: -61px;
    top: 0;
    bottom: 0;
    height: 2px;
    background: #08997f;
    border-radius: 2px;
    width: 60px;
    margin: auto;
    content:''
}
.vismis-card::before {
    content: '';
    position: absolute;
    width: 117px;
    height: 2px;
    background: #08997f;
    top: 60px;
    bottom: 0;
    margin: auto;
    left: -169px;
    transform: rotate(329deg);
}
.vismis-card.visnCard-two::before {
    width: 75px;
    left: -133px;
    top: 0px;
    transform: rotate(0deg);
}
.vismis-card.visnCard-three::before {
    transform: rotate(55deg);
}
.vismis-card.visnCard-three::before {
    transform: rotate(36deg);
    top: -56px;
    left: -148px;
    width: 96px;
}
.vismis-card:hover {
    /* background: linear-gradient(90deg, rgb(0 34 78) 0%, rgb(0 34 78) 21%, rgb(0 34 78) 55%, rgba(8, 153, 127, 1) 100%); */
    box-shadow: unset;
    /* background: #00224e12; */
    background: #f5f6f9;
    transition:0.3s all linear;
    cursor: pointer;
}
.vismis-card:hover .vismis-card-title {
    color: #000;
    transition:0.2s all linear;
}
.vismis-card:hover .vismis-card-icon svg {
    /* color:#fff; */
    color: var(--soft-green);
    transition:0.2s all linear;
}
.vismis-card:hover .vismis-card-header{
    border-color: #00224e1c;
    transition:0.2s all linear;
    
}
.vismis-card:hover .vismis-card-desc{
    color: #666;
    transition:0.2s all linear;
}
.viscirimage-wrap {
    z-index: 9;
}

/* About Section End */

/* Our Services Section Start */

.ourserv-section {
    width: 100%;
    padding: 90px 0;
    background: #E3F0FF;
    position: relative;
    overflow: hidden;
    
}
.ourserv-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/lgde.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.abtitle-sec {
    width: 100%;
    text-align: center;
}
.abt-wrapper {
    width: 100%;
    position: relative;
    z-index: 999;
}
.abtitle-lbl {
    background: linear-gradient(90deg, rgba(66, 148, 208, 1) 22%, rgba(102, 185, 69, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    min-width: 210px;
    text-align: center;
}
.about-txt {
    margin-top: 12px;
    margin-bottom: 0;
    font-family: "Inter", Sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 52px;
    color: var(--dark-blue);
}
.services-card-wrapper{

width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 65px;
}
.servicescard-head {
    padding: 20px;
    display: flex;
    width: 100%;
    transition: all 0.6s;
    align-items: center;
    gap: 20px;
    flex-direction: column;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

h3.servicescardTitle {
    font-size: 20px;
    font-weight: 600;
    color: rgb(255 255 255);
    text-align: center;
    line-height: 27px;
    transition: all 0.9s;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
.servcardIcon {
    display: none;
}
.servcard-cover {
    padding: 3rem 10px;
    position: relative;
    height: 425px;
    width: 20%;
    transition: all 0.6s;
}

.servicescard {
    border-radius: 20px;
    width: 100%;
    position: relative;
    background-color: #f4f6ff4f;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    cursor: pointer;
}
.servicescardbg-img::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: linear-gradient(180deg, rgb(32 38 71 / 70%) 0%, rgb(32 38 71 / 50%) 50%, rgb(12 57 87 / 70%) 100%); */
    background: linear-gradient(180deg, rgb(32 38 71 / 80%) 0%, rgb(32 38 71 / 60%) 50%, rgb(12 57 87 / 82%) 100%);
}
.servicescard-body {
    padding: 0px 20px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    min-height: 110px;
    transition: all 0.7s;
    z-index: 9;
    padding-bottom: 15px;
    text-align: center;
}
.servicescardbg-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.servicescardbg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 300ms ease;
    transform: scale(1);
}
.servcrd-subtitle {
    
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 15px;
    display: none;
}
p.servicescardDesc {
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
    letter-spacing: 0.1px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    min-height: 130px;
    display: -webkit-box;
    -webkit-line-clamp: 5;   /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    margin-bottom: 12px;
}
.servbdy-link {
    display: inline-flex;
    gap: 12px;
    color: #ffffff;
    opacity: 1;
    border: unset;
    background: var(--soft-green);
    height: 42px;
    width: 200px;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    text-decoration: none;
    border-radius: 37px;
    padding: 0 18px;
    font-weight: 600;
}
.servbdy-link img{
    position: absolute;
    width: 32px;
    height: 32px;
    right: 10px;
    top: 2px;
    bottom: 0;
    margin: auto;
    transform: rotate(0deg) scale(1);
    transition: 300ms all linear;
}

.servbdy-link:hover {
    color: #fff;
}

.servbdy-link:hover img{
    color: #fff;
    transform: rotate(180deg) scale(-1);
}
.sevcrdbtn-act {
    position: absolute;
    width: 12%;
    height: 1px;
    bottom: -10px;
    visibility: hidden;
    opacity: 0;
    background: linear-gradient(90deg, rgb(66 148 208 / 32%) 0%, #00335f33 49%, rgb(66 148 208 / 28%) 100%);
    transition: all 0.9s;
}
.servcard-cover.active {
    
width: 447px;    
padding-top: 0;    
padding-bottom: 0;
}
.servcard-cover:hover .servicescardbg-img img{
    transition: all 300ms ease;
    transform: scale(1.1);
}
.servcard-cover.active:hover .servicescardbg-img img{
    transition: all 300ms ease;
    transform: scale(1);
}
.servcard-cover.active .servicescard {
    background-color: #ffffff;
    border-color: #dfdfdf;
    background-color: #ffffff;
    box-shadow: 0 0 15px rgb(61 101 191 / 15%);
    border: 1px solid #ededed;
}
.servcard-cover.active .servicescard-head {
    top: 37%;
    transform: none;
    justify-content: flex-start;
    padding-top: 20px;
    flex-direction: row;
}

.servcard-cover.active .servicescard-body {
    opacity: 1;
    visibility: visible;
    width: 100%;
    transform: translateY(0);
    bottom: 0px;
}
.servcard-cover.active .servicescardTitle {
    font-size: 22px;
    text-align: center;
    min-height: auto;
    color: var(--dark-blue);
}
.servcard-cover.active .sevcrdbtn-act {
    visibility: visible;
    opacity: 1;
    width: 90%;
    bottom: 10px;
}
.servcard-cover.active p.servicescardDesc {
    visibility: visible;
    opacity: 1;
    color: #545454;
}

.servcardIcon svg {
    width: 40px;
    height: 40px;
    fill: #ffffff;
    color: #ffffff;
}
.servcard-cover.active .servicescardbg-img::after{

    background: linear-gradient(180deg, rgb(32 38 71 / 85%) 0%, rgb(32 38 71 / 74%) 50%, rgb(12 57 87 / 82%) 100%);
    opacity: 0.45;
}
.servcard-cover.active .servicescardbg-img {
    width: calc(100% - 20px);
    height: 150px;
    top: 10px;
    margin: auto;
    right: 0;
    border-radius: 12px;
    overflow: hidden;
}

/* Our Services Section End */

/* ourservice section start */

.ourserv-sec {
    width: 100%;
    height: 100%;
    padding: 90px 0;
    background: #f8f4f9;
}
.servProcess-wrapper {
    width: 100%;
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.servProcessItemRow {
    width: calc(100% / 3);
    margin-right: 15px;
}

.servporImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    transition: all 300ms ease;
    transform: scale(1);
    transition: all 0.4s;
}

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

.servProcessItem {
    width: 100%;
    height: 460px;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}
.servProcessItem::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.075);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.servProcessItem:hover::before{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.servProcessItem::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgb(0 34 78 / 65%) 0%, rgb(0 34 78 / 50%) 50%, rgb(8 153 127 / 50%) 100%);
    /* background: linear-gradient(180deg, rgb(0 34 78 / 88%) 0%, rgb(0 34 78 / 55%) 50%, rgb(8 153 127 / 55%) 100%); */
    /* background: linear-gradient(180deg, rgb(0 34 78) 0%, rgb(0 34 78 / 75%) 50%, rgb(8 153 127 / 73%) 100%); */
}

.servporImage-txt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 25px 20px;
    z-index: 9;
}

h3.servporTitle {
    font-size: 28px;
    line-height: 38px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 14px;
}

p.servporDesc {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}

.servporbtn {
    position: absolute;
    left: 15px;
    opacity: 1;
    backdrop-filter: blur(3px);
    border: unset;
    background: #ffffff40;
    width: calc(100% - 30px);
    height: 55px;
    padding: 15px;
    bottom: -70px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.4s;
}
span.servprobtnicon {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 15px;
    top: 2px;
    bottom: 0;
    margin: auto;
    transform: rotate(0deg) scale(1);
    transition: 300ms all linear;
}

.servprobtnicon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.servporbtn:hover span.servprobtnicon {
    transform: rotate(180deg) scale(-1);
} 
.servProcessItemRow:nth-child(odd) .servProcessItem {
    width: 100%;
    height: 380px;
}
.servProcessItemRow:nth-child(odd) .servProcessItem:last-child {
    width: 100%;
    height: 300px;
}
.servProcessItemRow:nth-child(even) .servProcessItem {
    width: 100%;
    height: 300px;
}
.servProcessItemRow:nth-child(even) .servProcessItem:last-child {
    width: 100%;
    height: 380px;
}
.servProcessItem:hover .servporImage {
    transform: scale(1.1);
    transition: all 0.4s;
}
.servProcessItem:hover .servporbtn {
    bottom: 15px;
    transition: all 0.4s;
    color: #fff;
}

/* ourservice section end */

/* Technology section start */

.techSection {
    width: 100%;
    padding: 80px 0;
    background-image: url(../images/tech-bg3.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}
.tecttop-patern {
    top: -16px;
    right: -35px;
    position: absolute;
    height: 52%;
    opacity: 0.15;
}

.tectbtm-patern {
    position: absolute;
    bottom: -134px;
    left: 0;
    height: 75%;
    opacity: 0.14;
}

.tecttop-patern img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tectbtm-patern img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.section-title {
    background: linear-gradient(90deg, rgb(0 34 78) 22% 22%, rgb(33 164 140) 100%);
    /* background: linear-gradient(90deg, rgba(66, 148, 208, 1) 22%, rgba(102, 185, 69, 1) 100%); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Inter", Sans-serif;
    font-weight: 600;
    display: inline-block;
    text-align: center;
}
.section-desc {
    font-size: 40px;
    margin-top: 12px;
    margin-bottom: 16px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 0;
    width: 70%;
    margin: auto;
    margin-top: 15px;
    line-height: 54px;
}
.sectitleWrapper {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 9;    
    margin-bottom: 65px;
}
.techcnt-wrap {
    width: 100%;
    width: 100%;
    display: flex;
    gap: 40px;
}
.techcntlink-list {
    flex: 0 0 calc(26% - 20px);
    position: relative;
}
.techcnt-card {
    flex: 0 0 calc(74% - 20px);
    min-height: 400px;
}
.techtab-btnlist {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 18px;
    
}
.techcntlink-list::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    opacity: .4;
    border-right: 1px solid;
    border-image-source: linear-gradient(0deg, rgba(217, 217, 217, 0.6) 0%, rgba(77, 103, 112, 0.4) 50%, rgba(217, 217, 217, 0.6) 100%);
    border-image-slice: 1;
}
.techtab-item {
    color: #000;
    padding: 0;
    background: #f6f6f8;
    border: 1px solid #ccc;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0);
    border-radius: 22px;
    padding: 10px 25px;
    cursor: pointer;
    min-width: 120px;
    text-align: center;
}
.techtab-item:hover {
    color: #fff;
    background: var(--soft-green);
    font-weight: 500;
    border-color: var(--soft-green);
}
.techtab-item.active {
    color: #fff;
    background: var(--soft-green);
    font-weight: 500;
    border-color: var(--soft-green);
}
p.techshrt-desc {
    font-size: 17px;
    margin-bottom: 0;
    width: min(775px, 100%);
    line-height: 27px;
    color: #545454;
}

.techIcon-link {
    display: inline-flex;
    background: #f6f6f8;
    box-shadow: 0px 2px 2px 0px rgba(29,35,115,.0196078431),0px 5px 5px 0px rgba(29,35,115,.0274509804),0px 11px 8px 0px rgba(29,35,115,.0352941176),0px 19px 15px 0px rgba(29,35,115,.0431372549),0px 35px 28px 0px rgba(29,35,115,.0509803922),0px 35px 67px 0px rgba(152,181,196,.2509803922);
    border-radius: 16px;
    border: none;
    height: 80px;
    align-items: center;
    justify-content: center;
}

.techicon-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px 15px;
    margin-top: 25px;
}

.techIcon-link img {
    height: 52px;
}
.tectab-content {
    width: 95%;
}
.tectab-content .tab-panel {
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

/* Show active tab */
.tectab-content .tab-panel.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    -webkit-transition: opacity 1s linear, -webkit-transform .5s linear;
    transition: opacity 1s linear, -webkit-transform .5s linear;
    transition: opacity 1s linear, transform .5s linear;
    transition: opacity 1s linear, transform .5s linear, -webkit-transform .5s linear;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}


/* Technology section end */

/* Footer Section Start */

section.footerSection {
    width: 100%;
    padding: 60px 0;
    background: #ffffff;
    padding-bottom: 0px;
    overflow: hidden;
}
.ftrbtm-sec {
    padding: 20px 0;
    background: linear-gradient(90deg, #00224E 50%, rgb(33 164 140) 100%);
}
.ftrtop-cnt, .ftrtoplst-cnt, .ftrbtm-sec {
    display: block;
    /* padding-left: 18px; */
    
}

.ftrtop-title {
    color: #00224E;
    font-size: 21px;
    margin-bottom: 25px;
    font-weight: 600;
}

.ftrtop-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--soft-green);
    border: 1px solid currentColor;   /* or a specific color, e.g. #00224E */
    border-radius: 50%;
    flex-shrink: 0;
}

.ftrtop-icon svg,
.adr-icon svg,
.link-icon svg {
    flex-shrink: 0;
    fill: currentColor;
    position: static;
}

.adr-icon{
    display: flex !important;
}

.ftrtop-list {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ftrtoplist-link {
    display: inline-block;
    font-size: 16px;
    color: #464646;
    position: relative;
    transition: all 0.2s;
    text-decoration: none;
    font-weight: 500;
}
.ftrtoplist-link:hover {
    text-decoration: none;
    color: var(--soft-green);
}
.ftrtoplist-link::before {
    position: absolute;
    content: '';
    width: 0%;
    height: 1px;
    background: var(--soft-green);
    bottom: 0;
    right: 0;
    left: unset;
    border-radius: 5px;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ftrtoplist-link:hover::before {
    right: unset;
    left: 0;
    width: 100%;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
a.ftrtopcmp-logo {
    display: inline-flex;
    height: 54px;
    margin-bottom: 20px;
}
.ftrtoplst-certf-list {
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 25px;
}

.ftrtoplst-certf-item {
    width: 90px;
    height: 95px;
    overflow: hidden;
    border-radius: 15px;
    padding: 8px;
    background: #fff;
    box-shadow: 0 4px 23px 0 rgba(174, 191, 210, 0.3);
}

.ftrtoplst-certf-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ftrmiddle-sec {
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid rgb(178 177 170 / 30%);
    border-bottom: 1px solid rgb(178 177 170 / 30%);
    margin-top: 25px;
    padding-bottom: 50px;
}
.ftrmdl-list {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 5px;
}
.ftrmid-socLink {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 40px;
    background: #dff2ee;
    color: var(--soft-green);
    border-radius: 7px;
    transition: all 0.7s cubic-bezier(.2, 1, .22, 1);
    
}
.ftrmid-socLink:hover{
    background: var(--soft-green);
    transition-duration: 0.3s;
}
.ftrmid-socLink svg{
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    color: var(--soft-green);
    fill: var(--soft-green);
    transform: scale(1);
}
.ftrmid-socLink:hover svg {
    
    transform: scale(1.1);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    color: #ffffff;
    fill: #ffffff;
}
.ftrmid-socLink.insta img {
    width: 22px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 22px;
}
.ftrmid-socLink.insta .insclricon {
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.3s;
}
.ftrmid-socLink.insta:hover .insclricon {
    opacity: 1;
    visibility: visible;
    transition-duration: 0.3s;
}
.ftrmid-socLink.insta .insnormal {
    opacity: 1;
    visibility: visible;
    transition-duration: 0.3s;
}
.ftrmid-socLink.insta:hover .insnormal {
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.3s;
}
.ftrmdlmail-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ftrmdlmailink {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    color: #464646;
    position: relative;
    transition: all 0.2s;
    text-decoration: none;
    font-weight: 500;
}
img.adr-countryflg {
    height: 30px;   
}

.adr-countrytxt {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-right: 8px;
}

span.adr-countryname {
    color: #464646;
    display: inline-flex;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.adr-details {
    display: flex;
    gap: 10px;
}
.adr-details-txt{
    color: #464646;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
}
.ftrbtm-left {
    display: flex;
    align-items: center;
    gap: 20px;
}
.ftrbtm-terms-link {
    color: #545454;
}

.ftrbtm-right {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ftrcopt-txt {
    
    color: #ffffff;
    margin-bottom: 0;
}
.ftrmdlmailink:hover {
    color: var(--soft-green);
}
.ftrbtm-terms-link:hover {
    color: var(--soft-green);
}

/* Footer Section End */

/* Contactus Section start */

.contact-section {

    width: 100%;
    padding: 65px 0;
    background-image: url(../images/contact-bg.webp);
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.contact-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #00224E 50%, rgb(33 164 140 / 70%) 100%);
    opacity: 0.89;
}
.contact-cnt-wrap {
    position: relative;
    z-index: 99;
}
.contact-cnt-wrapRow {
    align-items: center;
}
.contfrm-wrap {
    background-color: #fff;
    border-radius: 20px;
    height: 100%;
    margin-bottom: 0;
    border: 1px solid #eeee;
    padding: 20px 35px;
    min-height: 500px;
}
.cntfrm-title {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    width: 100%;
    line-height: 55px;
}
.cntfrm-title span {
    display: inline-block;
    background: linear-gradient(90deg, rgb(0 34 78) 22% 22%, rgb(33 164 140) 100%);
    /* background: linear-gradient(90deg, rgba(66, 148, 208, 1) 22%, rgba(102, 185, 69, 1) 100%); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cntfrm-desc {
    font-size: 17px;
    color: #464646;
    margin-bottom: 0;
}
.cntfrm-section {
    width: 100%;
    margin-top: 30px;
}
#contactForm .form-control{
    font-weight: 500;
    width: 100%;
    height: 50px;
    padding: 0;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(178, 177, 170, .3);
    outline: none;
    color: #000;
    line-height: 2.4285714286;
}
#contactForm .form-control:hover, #contactForm .form-control:focus{
    outline: unset;
    box-shadow: unset;
    border: unset;
    border-bottom: 1px solid rgba(178, 177, 170, .3);
}
.floating-label label {
    color: #464646;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0px;
    position: absolute;
    left: 0;
    top: 24px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    will-change: top;
}
.floating-label.input-focused label {
    top: -6px;
    left: 0 !important;
    opacity: .7;
    font-size: 12px;
}
.input-group.floating-label {

    width: 100%;
    margin-bottom: 30px;
}
.inpttwo-group {
    display: flex;
    align-items: center;
    gap: 30px;
}
.cntsubmit-btn {
        border-radius: 50px;
    border: unset;
    outline: unset;
    color: #fff;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    width: 250px;
    height: 50px;
    border-radius: 50px;
    font-size: 17px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--soft-green);
    gap: 10px;
}
.cntsubmit-btn::after{
    position: absolute;
    content: '';
    bottom: 8px;
    left: -275px;
    width: 300px;
    height: 300px;
    background: #ffffff14;
    z-index: 1;
    border-radius: 100px;
    transition: 0.3s all linear;
}
.cntsubmit-btn:hover::after{
    bottom: -55px;
    left: -27px;
    transition: 0.3s all linear;
}
span.calc-frmsec-lbl {
    color: #000000;
}
.cntsubmit-btn .cntsubmit-icon {
    width: 20px;
    height: 20px;
    top: 0px;
    bottom: 0;
    right: 0;
    transition: 0.2s all linear;
    z-index: 4;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cntsubmit-btn span svg {

    width: 20px;
    height: 20px;
    color: #fff;
    fill: #fff;
}
.calc-frmsec {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 400;
    position: relative;
    margin-bottom: 40px;
}

.calc-frmque-box {
    border: 1px solid #b2b1aa;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 4px 10px;
}

input.calcans-input {
    width: 75px;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875;
    padding: 0px 0px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    outline: none !important;
    text-align: center;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
input.calcans-input:focus {
    background-color: rgba(242, 242, 242, 0.863);
}
.privacy-policy-txt {
    width: 100%;
    margin-bottom: 35px;
}

#gform_wrapper_1 .gfield--type-html .privacy-policy-txt .pripoly-desc {
    margin-bottom: 0;
    line-height: 27px;
    font-size: 15px;
    color: #202647;
    width: 100%;
}
.privacy-policy-txt .pripoly-desc .pripoly-link {

    font-size: 14px;
    text-underline-offset: 4px;
    color: #464646;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;

}
.cofrim-group-sec {
    width: 100%;
    margin-bottom: 20px;
}
.cofrim-group-sec .custom-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-size: 15px;
  gap: 6px;
  user-select: none;
}
.cofrim-group-sec .custom-checkbox .checkmark {
  width: 18px;
  height: 18px;
  border: 1px solid #464646;
  border-radius: 4px;
  position: relative;
  transition: all 0.2s ease;
}
/* Hover */
.custom-checkbox:hover .checkmark {
  border-color: #4294d0; /* your primary color */
}

/* Checked state */
.custom-checkbox input:checked + .checkmark {
  background: #4294d0;
  border-color: #4294d0;
}
.custom-checkbox input{
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

/* Tick mark */
.custom-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.cntsubmit-txt {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    transition: 0.2s linear;
    z-index: 4;
}
/* Show tick */
.custom-checkbox input:checked + .checkmark::after {
  display: block;
}

h2.contactlft-title {
    font-size: 58px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 15px;
    line-height: 70px;
}

p.contactlft-desc {
    font-size: 16px;
    color: #fff;
    width: 85%;
    line-height: 26px;
    letter-spacing: 0.3px;
}
.cntusinf-icon {
    width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cntusinf-icon svg {
    width: 32px;
    height: 32px;
    color: var(--soft-green);
    fill: #fff;
}

.cntus-info-list {
    display: flex;
    gap: 17px;
}

p.cntusinf-lbl {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.2px;
    color: #f5f9f1;
    margin-bottom: 4px;
}

.cntusinf-val {
        font-size: 19px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #ffffff;
    line-height: 31px;
    letter-spacing: 0.2px;
    margin-top: 4px;
}

.cntusinf-txt {
    width: calc(100% - 82px);
}

.contactlftcnt-info {
    width: 100%;
    margin-top: 45px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.cntusinf-val.cntaddrval {
    width: 72%;
}
.cntusinflk-list {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 8px;
}

a.cntusinflink {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
    color: #ffffff;
    line-height: 27px;
    letter-spacing: 0.2px;
    text-decoration: none;
}

/* Contactus Section end */

/* Blog Section Start */

.blog-section {
    width: 100%;
    padding: 90px 0;
    background: linear-gradient(94deg, #0c395700 4.01%, #f8f4f9 70.24%);
}
.blogmain-wrapper {
    width: 100%;
}

.sidetitle-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 65px;
}
.titlelft-lbl {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    background: linear-gradient(90deg, rgba(66, 148, 208, 1) 22%, rgba(102, 185, 69, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.titlelft-txt {
    font-size: 40px;
    /* margin-bottom: 16px; */
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
    margin-top: 12px;
    line-height: 58px;
}
.sidetitle-lft {
    width: calc(100% - 50%);
}
.blgview-icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    position: relative;
    left: 12px;
}
.blgview-icon svg {
    width: 16px;
    height: 16px;
    color: #202647;
    fill: #202647;
}
.blgview-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 165px;
    height: 45px;
    font-size: 15px;
    font-weight: 500;
    color: #202647;
    text-decoration: none;
    border-radius: 50px;
    background: #fff;
    padding: 2px;
    overflow: hidden;
}
.blgview-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: conic-gradient(#6FB7E8, #4294D0, #3FA9A5, #66B945, #A8E063, #6FB7E8);
    animation: spin 3s linear infinite;
    z-index: 0;
    width: 165px;
    height: 165px;
    top: 0;
    left: 0;
    margin: auto;
}

/* Inner Background */
.blgview-btn::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: #ffffff;
  border-radius: inherit;
  z-index: -1;
  
  width: 100%;
  height: 100%;
}
/* Inner Button */

.blgview-btn .blgview-btn-inner {
    position: relative;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.blog-content-wrap {
    width: 100%;
}

.blog-card-image {
    overflow: hidden;
    height: 300px;
    width: 100%;
    border-radius: 8px;
    position: relative;
}
.blog-card-image::after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #000;
}


.blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.2s linear;
}

.blog-main-card {
    width: 100%;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    color: #212529;
}
.blogcnt-lbl {
    color: rgb(255, 255, 255);
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 12px;
    background: linear-gradient(-180deg, rgb(67, 186, 255) 0%, rgb(113, 65, 177) 100%);
    border-radius: 7px;
    padding: 12px 15px;
}

.blog-card-desc {
    font-size: 24px;
    line-height: 38px;
}

.blog-card-cnt {
    width: 95%;
    background: #fff;
    position: relative;
    top: -50px;
    margin: auto;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 4%);
    padding-bottom: 15px;
    border: 1px solid #f0f0f09c;
}

.blog-card-desc {
    width: 100%;
    font-size: 15px;
    color: #000;
    margin-bottom: 5px;
    letter-spacing: 0.3px;
    line-height: 26px;
    padding: 0 5px;
    min-height: 100px;
    max-height: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.blgrdm-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: #202647;
    border: 1px solid #202647;
    color: #fff;
    width: 165px;
    height: 42px;
    border-radius: 50px;
    font-size: 15px;
    margin: auto;
}
.blgviewmre-icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    position: relative;
    left: 12px;
    top: 1px;
}
.blgviewmre-icon svg {
    width: 16px;
    height: 16px;
    color: #ffffff;
    fill: #ffffff;
}
.blog-card-title {
    font-size: 21px;
    line-height: 33px;
    font-weight: 600;
    margin-bottom: 15px;
    background: linear-gradient(90deg, rgb(255 240 230 / 50%) 9.62%, rgba(255, 240, 230, .5) 26.86%, rgb(238 242 255) 63.37%, rgb(238 242 255) 82.64%);
    padding: 10px 12px;
    border-radius: 12px;
    position: relative;
}
.blgcrdtle-txt {
    display: block;
    width: calc(100% - 35px);
}
.blog-main-card:hover .blog-card-image img{
     transform: scale(1.1);
}
.blog-main-card:hover .blgcrdtle-txt{
     color: #202647;
}
.blfcrdtle-arw {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;    
    transform: rotate(0deg) scale(1);
    transition: 0.3s all linear;
    visibility: hidden;
    opacity: 0;
}
.blfcrdtle-arw svg {
    width: 35px;
    height: 35px;
    color: #4294d0;
    fill: rgb(66 148 208);
}
.blog-main-card:hover .blfcrdtle-arw {
    visibility: visible;
    opacity: 1;
    transform: rotate(180deg) scale(-1);
    transition: 0.3s all linear;
}

.blgcard-side {
    width: 100%;
    height: 522px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    display: block;
    overflow: hidden;
}

.blgcard-cnt h3 {
    color: #fff;
    font-size: 23px;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 32px;
}

.blgcard-cnt {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px;
}

.blgcard-cnt p {
    color: #ffffffe8;
    font-size: 17px;
    margin-bottom: 0;
    line-height: 27px;
    letter-spacing: 0.17px;
}
.blgcard-cnt p.blglargdesc {
    max-width: 400px;
}

.blgcardBg {
    width: 100%;
    height: 100%;
    position: relative;
}
.blgcardBg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #172C45;
    opacity: 0.48;
}
.blgcardBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
     transition: all 0.4s;
}
.padr-0 {
    padding-right: 0 !important;
}
.blgcardBg_large {
    margin-top: 12px;
}
.blgcardBg_heit {

    height: 275px;
}
.blgcardBg_lstheit {
    height: 235px;
}
.blgcardBg_lstheit .servporbtn {
    max-width: 350px;
}
.blgcard-side:hover .blgcardBg img {
     transform: scale(1.1);
     transition: all 0.4s;
}
.blgcard-side:hover {
     cursor: pointer;
}
.blgcard-side:hover .blgcard-cnt p{
     color: #fcfcfcfb;
}
.blgcard-side:hover .servporbtn {
    bottom: 15px;
    transition: all 0.4s;
    color: #fff;
}
.blgcard-side::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgb(0 34 78 / 65%) 0%, rgb(0 34 78 / 50%) 50%, rgb(8 153 127 / 50%) 100%);
}
.blgcard-side::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.075);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.blgcard-side:hover::before{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

/* Blog Section End */

/* newblog section Start */

section.custblg-sec {
    width: 100%;
    height: 100vh;
    padding: 80px 0;
    background: #E3F0FF;
    overflow: hidden;
}
a.custblg-card {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    height: 450px;
    border: 4px solid #fff;
    box-shadow: rgb(12 44 86 / 14%) 0px 8px 24px;
}

.custblg-image {
    width: 100%;
    height: 100%;
    position: relative;
}

.custblg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.65s ease-out;
}
.custblg-cnt {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.custblg-cnt p {
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}

.custblg-cnt h3 {
    font-size: 25px;
    color: #fff;
    margin-bottom: 12px;
    line-height: 36px;
}

.custblg-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(23, 44, 69, 0.00) 20%, #00224eeb 100%);
}
.custblg-image::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.205);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
a.custblg-card:hover .custblg-image::before{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

a.custblg-card:hover .custblg-image img{
    transform: scale(1.1);
    transition: all 0.65s ease-out;
}


/* newblog section End */

/* why deesnz section start */

.whydeenz-sec {
    width: 100%;
    position: relative;
    padding: 80px 0;
    /* background-image: url(../images/counter-bg.webp); */
    background-position: bottom left;
    background-size: cover;
    background: linear-gradient(145deg,rgba(0, 34, 78, 1) 0%, rgba(0, 34, 78, 1) 76%, rgba(8, 153, 127, 1) 100%);
    overflow: hidden;
}
.whyus-wrap {
    width: 100%;
}
.wditem-icon {
    width: 55px;
    height: 55px;
    display: flex;
    color: #fff;
    fill: #fff;
    margin-bottom: 30px;
    transition: all .9s;
    position: relative;
    z-index: 4;
}
.wditem-cnt {
    position: relative;
    z-index: 9;
}
.whydeenitem-card {
    background: #ffffff0d;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    margin-top: 30px;
    padding: 25px;
    position: relative;
    min-height: 280px;
    cursor: pointer;
    overflow: hidden;
}
.whydnzshape {
    position: absolute;
    right: -29px;
    top: 0;
    width: 100%;
    height: 176px;
    z-index: 99;
    opacity: 0;
}
.whydnzshape img {
    width: 100%;
    height: 100%;
    object-fit: contain;

}
h5.wditem-title {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
    letter-spacing: 0.2px;
    transition: all .4s ease-in-out;
}

p.wditem-txt {
    color: #ffffffcc;
    margin-bottom: 0;
    min-height: 96px;
    transition: all .4s ease-in-out;
}
.img-custom-anim-top {
    animation: img-anim-top 1.3s cubic-bezier(.645, .045, .355, 1) forwards;
}
.benefit-tour-image {
    border-radius: 10px;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    height: 280px;
    width: 100%;
}
.benefit-tour-image img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    transition: all 1.5s ease-out;
    transform: scale(1.02);
    object-fit: cover;
}
.benefit-tour-image:hover img {
    transform: scale(1.1);
}
.benefit-tour-image:after {
    content: "";
    z-index: 1;
    background-color: #ffffff4d;
    width: 200%;
    height: 0%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.benefit-tour-image:hover:after {
    background-color: #0000;
    height: 250%;
    transition: all .6s linear;
}
.wditem-icon svg {
    width: 55px;
    height: 55px;
}
.whydeenitem-card:before {
    content: "";
    background-color: #fff;
    opacity: 0;
    z-index: -1;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    transition: all .4s linear;
    position: absolute;
    inset: 0;
    transform: scaleX(.7) rotateX(20deg);
}
.whydeenitem-card:hover:before {
    opacity: 1;
    z-index: 1;
    transition: all .4s linear;
    transform: scaleX(1) rotateX(0);
}
.whydeenitem-card:hover .wditem-icon {
    transform: rotateY(360deg);
    color: #202647;
    fill: #202647;
}
.whydeenitem-card:hover h5.wditem-title {
   color: #202647;
}
.whydeenitem-card:hover p.wditem-txt {
    color: #000;
}
.whydeenitem-card:hover .whydnzshape {
    opacity: 0.5;
    transition: all .4s linear;
}

@keyframes revealUp {
  0% {
    clip-path: inset(0 0 100% 0); /* hide from bottom */
    opacity: 0;
    transform: translateY(-5%);
  }

  100% {
    clip-path: inset(0 0 0 0); /* fully visible */
    opacity: 1;
    transform: translateY(0);
  }
}

/* why deesnz section end */


/* Testimonial Section start */
 .test-section{
        width: 100%;
        position: relative;
        height: 73vh;
        overflow: hidden;
        background: linear-gradient(96deg, rgba(0, 34, 78, 1) 0%, rgba(0, 34, 78, 1) 45%, rgba(8, 153, 127, 1) 100%);
    }
.test-bg-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background: #fff;
    z-index: 99;
}
.test-bg-btm{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background: #fff;
    z-index: 99;
}
.testbg-grad {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 9;
    transform: scaleX(-1);
    display: none;
}
.testbg-grad img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
}
.testbg-wavegrad {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    opacity: 1;
    background-image: url(https://investsaudi.sa/success-stories/bg.webp);
    background-size: contain;
    background-position: right;
}
.testbg-wavegrad img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}
.b-services-announcements {
	height: 720px;
	overflow: hidden;
	position: relative;
}
.tech-title-Wrap {
    width: 100%;
    height: auto;
    align-items: flex-start;
    z-index: 99;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 80vh;
}

span.tech-title-txt {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    background: #ffffff26;
    padding: 5px 18px;
    border-radius: 4px;
    color: #fff;
}

h2.tech-title-desc {
    font-family: "Inter", Sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    margin-top: 12px;
    margin-bottom: 16px;
    color: #ffffff;
    margin-top: 15px;
    margin-bottom: 25px;
}
.tech-des-txt {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}

@media screen and (max-width: 1024px) {
	.b-services-announcements {
		height: 580px
	}
}

@media screen and (max-width: 767px) {
	.b-services-announcements {
		height: auto;
		margin: 0 -16px
	}
}

.b-services-announcements--title {
	font-size: 2.78em;
	line-height: 1.24em
}

@media screen and (max-width: 1024px) {
	.b-services-announcements--title {
		font-size: 2em;
		line-height: 1.25em
	}
}

@media screen and (max-width: 920px) {
	.b-services-announcements--title {
		font-size: 1.5em;
		line-height: 1.33em
	}
}

@media screen and (max-width: 767px) {
	.b-services-announcements--title {
		margin: 0 16px
	}
}

.b-services-announcements--description {
	font-size: 1.33em;
	line-height: 1.33em;
	margin-top: 24px
}

@media screen and (max-width: 1024px) {
	.b-services-announcements--description {
		font-size: 1.25em;
		line-height: 1.2em;
		margin-top: 16px
	}
}

@media screen and (max-width: 920px) {
	.b-services-announcements--description {
		font-size: 1.125em;
		line-height: 1.44em;
		margin-top: 8px
	}
}

@media screen and (max-width: 767px) {
	.b-services-announcements--description {
		margin: 8px 16px 0
	}
}

.b-services-announcements--collection {
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 864px;
	z-index: 9;
}
@media screen and (max-width: 767px) {
	.b-services-announcements--collection {
		height: 496px;
		left: auto;
		margin-top: 52px;
		overflow: hidden;
		position: relative;
		right: auto;
		top: auto;
		width: auto
	}
}

.b-services-announcements--collection:before {
	background: linear-gradient(272deg, rgba(0, 33, 77, 0) 0%, rgb(102 185 69 / 0%) 100%);
	bottom: 0;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	height: 100%;
	z-index: 8;
}

@media screen and (max-width: 1280px) {
	.b-services-announcements--collection:before {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.b-services-announcements--collection:before {
		background: linear-gradient(180deg, hsla(30, 20%, 98%, 0), #fbfaf9);
		display: block;
		height: 24px;
		left: 0;
		right: 0;
		top: 108px;
		width: auto
	}
}

.b-services-announcements--collection:after {
	background: #fbfaf9;
	content: "";
	display: none;
	height: 24px;
	left: 0;
	position: absolute;
	right: 0;
	top: 132px;
	z-index: 8
}

.b-services-announcements--collection--inside {
	height: 1024px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1024px;
	z-index: 4
}

@media screen and (max-width: 1024px) {
	.b-services-announcements--collection--inside {
		height: 832px;
		width: 832px
	}
}

@media screen and (max-width: 767px) {
	.b-services-announcements--collection--inside {
		height: 496px;
		left: 50%;
		top: 400px;
		transform: translateX(-50%) translateY(0);
		width: 496px
	}
}

.b-services-announcements--collection--circle {
	height: 1024px;
	left: 50%;
	overflow: visible;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1024px;
	z-index: 4
}

.b-services-announcements--collection--circle {
	background: linear-gradient(270deg, rgb(8 153 127 / 62%) 0%, rgb(8 153 127 / 62%) 100%);
	border-radius: 50%;
	fill: none;
}

@media screen and (max-width: 1024px) {
	.b-services-announcements--collection--circle {
		height: 832px;
		width: 832px
	}
}

@media screen and (max-width: 767px) {
	.b-services-announcements--collection--circle {
		height: 496px;
		transform: translate(-50%, -50%) rotate(90deg);
		width: 496px
	}
}

.b-services-announcements--collection--circle--inside {
	fill: none;
	stroke: #ffffff;
	stroke-width: 3;
	stroke-miterlimit: 32
}

@media screen and (max-width: 767px) {
	.b-services-announcements--collection--circle--inside {
		stroke-width: 2;
	}
    .cntusinf-val, a.cntusinflink{
        font-size: 13px !important;
        line-height: 20px !important;
    }
}

.b-services-announcements--clause {
	background-color: #fbfaf9;
	border-radius: 100%;
	height: 48px;
	position: absolute;
	width: 48px;
	z-index: 8
}

.b-services-announcements--clause--picture {
	border-radius: 100%;
	height: 80px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
	width: 80px;
	z-index: 8
}

.b-services-announcements--clause--picture--entity {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.b-services-announcements--clause--picture--progress {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 16
}

.b-services-announcements--clause--picture--progress--entity {
	stroke-dasharray: 640 640;
	stroke-dashoffset: 640;
	z-index: 16;
	fill: none;
	stroke: #08997f;
	stroke-width: 3;
}

.b-services-announcements--clause---current .b-services-announcements--clause--picture--progress--entity {

	animation: grow 6s linear forwards;
}

@keyframes grow {
	from {
		stroke-dashoffset: 634;
	}

	to {
		stroke-dashoffset: 0;
	}
}

.b-services-announcements--clause--title {
	background: #fbfaf9;
	color: rgba(48, 46, 45, .72);
	left: 50%;
	padding: 48px 0 8px;
	position: absolute;
	text-align: center;
	top: 0;
	transform: translateX(-50%);
	transition: .3s;
	width: 220px;
	z-index: 4
}

@media screen and (max-width: 767px) {
	.b-services-announcements--clause--title {
		display: none
	}
}

.b-services-announcements--clause---current {
	z-index: 16
}

.b-services-announcements--clause---current .b-services-announcements--clause--title {
	opacity: 0
}

.b-services-announcements--clause---current .b-services-announcements--clause--picture {
	background: #e6e1dc;
	height: 208px;
	width: 208px
}

@media screen and (max-width: 1024px) {
	.b-services-announcements--clause---current .b-services-announcements--clause--picture {
		height: 144px;
		width: 144px
	}
}

@media screen and (max-width: 767px) {
	.b-services-announcements--clause---current .b-services-announcements--clause--picture {
		height: 112px;
		width: 112px
	}
}

.b-services-announcements--clause---current .b-services-announcements--clause--picture:before {
	border: 6px solid #ffffff;
	border-radius: 100%;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 8
}

@media screen and (max-width: 1024px) {
	.b-services-announcements--clause---current .b-services-announcements--clause--picture--progress {
		height: 141px;
		width: 141px
	}
}

@media screen and (max-width: 767px) {
	.b-services-announcements--clause---current .b-services-announcements--clause--picture--progress {
		height: 109px;
		width: 109px
	}
}

.b-services-announcements--clause---current .b-services-announcements--clause--picture--progress--entity {
	animation: grow 15s ease-out;
	animation-delay: .3s;
	animation-fill-mode: forwards
}

.b-services-announcements--clause--details {
	background: #fbfaf9;
	left: 100%;
	margin-left: 120px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s;
	width: 30em;
	z-index: 12;
	border-color: #dfdfdf;
	background-color: #ffffff;
	box-shadow: 0 0 20px rgb(61 101 191 / 7%);
	border: 1px solid #ededed;
	padding: 20px;
	border-radius: 13px;
}

.b-services-announcements--clause--picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 1024px) {
	.b-services-announcements--clause--details {
		margin-left: 80px;
		width: 38vw;
	}
}

@media screen and (max-width: 920px) {
	.b-services-announcements--clause--details {
		margin-left: 80px;
		width: 19.5em
	}
}

@media screen and (max-width: 767px) {
	.b-services-announcements--clause--details {
		display: none;
        height: auto;
        left: 50%;
        margin: 60px 0 0;
        opacity: 1;
        padding-top: 12px;
        text-align: center;
        top: 100%;
        transform: translateX(-50%);
        transition: 0s;
        width: 300px;
	}

	.b-services-announcements--clause--details:before {
		background: #fbfaf9;
		bottom: 0;
		content: "";
		position: absolute;
		right: 100%;
		top: 0;
		width: 160px
	}

	.b-services-announcements--clause--details:after {
		background: #fbfaf9;
		bottom: 0;
		content: "";
		left: 100%;
		position: absolute;
		top: 0;
		width: 160px
	}
}

.b-services-announcements--clause--details--title {
	font-size: 20px;
	line-height: 32px;
	color: var(--dark-blue);
	margin-bottom: 4px;
}

@media screen and (max-width: 767px) {
	.b-services-announcements--clause--details--title {
		margin: 0 auto;
		max-width: 320px;
		text-align: center
	}
}

.b-services-announcements--clause--details--service {
	margin-top: 4px;
    opacity: 1;
    color: #212529;
}

@media screen and (max-width: 767px) {
	.b-services-announcements--clause--details--service {
		display: block;
		margin: 4px auto 0;
		max-width: 320px;
		text-align: center
	}
}

.b-services-announcements--clause--details--contents {
	font-size: 16px;
	margin-bottom: 0;
	width: min(775px, 100%);
	line-height: 24px;
	color: #545454;
}

@media screen and (max-width: 767px) {
	.b-services-announcements--clause--details--contents {
		margin: 0 auto 0;
		max-width: 320px;
		text-align: center;
		margin-bottom: 16px;
	}
}

.b-services-announcements--clause--details--link {
	border-bottom: 1px solid transparent;
	color: #c36247;
	display: inline-block;
	margin-top: 24px;
	text-decoration: none
}

.b-services-announcements--clause--details--link:hover {
	border-bottom: 1px solid #c36247
}

.b-services-announcements--clause---current .b-services-announcements--clause--details {
	opacity: 1
}

@media screen and (max-width: 767px) {
	.b-services-announcements--clause---current .b-services-announcements--clause--details {
		display: block
	}
}

#svg.b-services-announcements--collection--circle {
	z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 870px) {
    .b-services-announcements--collection {
        width: 400px;
    }

    .b-services-announcements--clause--details {
        width: 20em;
        margin-left: 55px;
    }
    .test-bg-top, .test-bg-btm {
        height: 50px;
    }
    .b-services-announcements--collection:before {
        display: none;
    }
    h2.tech-title-desc {
        font-size: 30px;
        line-height: 42px;
        width: 90%;
    }
}
@media screen and (min-width: 871px) and (max-width: 991px) {
    .b-services-announcements--collection {
        width: 460px;
    }

    .b-services-announcements--clause--details {
        width: 20em;
        margin-left: 55px;
    }
    .test-bg-top, .test-bg-btm {
        height: 50px;
    }
    .b-services-announcements--collection:before {
        display: none;
    }
    h2.tech-title-desc {
        font-size: 28px;
        line-height: 40px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1299px) {
    .b-services-announcements--collection {
        width: 560px;
    }

    .b-services-announcements--clause--details {
        width: 24em;
        margin-left: 95px;
    }
    .test-bg-top, .test-bg-btm {
        height: 50px;
    }
    .b-services-announcements--collection:before {
        display: none;
    }
     h2.tech-title-desc {
        font-size: 32px;
        line-height: 42px;
        width: 80%;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1499px) {
    .b-services-announcements--collection {
        width: 660px;
    }

    .b-services-announcements--clause--details {
        width: 29em;
        margin-left: 110px;
    }
    .test-bg-top, .test-bg-btm {
        height: 50px;
    }
    .b-services-announcements--collection:before {
        display: none;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1699px) {
    .b-services-announcements--collection {
        width: 760px;
    }

    .b-services-announcements--clause--details {
        width: 30em;
        margin-left: 110px;
    }
    .test-bg-top, .test-bg-btm {
        height: 50px;
    }
    .b-services-announcements--collection:before {
        display: none;
    }
}


/* Testimonial Section end */

/* animation style Start */

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-8px);
    }
}

@keyframes inactiveImageAnimation1 {
  0% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
}

@keyframes activeImageAnimation1 {
  0% {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* animation style End */

/* Case-study Section Start */

.casesty-section {
    width: 100%;
    padding: 90px 0;
    position: relative;
    background-color: transparent;
    background-image: radial-gradient(at top left, #f4f9fc  0%, rgb(255, 255, 255)30%);
    overflow: hidden;
}
.casesty-section::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: linear-gradient(90.13deg, rgb(245 250 255) 0.12%, rgb(238 242 255 / 40%) 98.69%);
}
.csesty-cnt-wrapper {
    position: relative;
    z-index: 9;
    width: 100%;
}
.casesty-slidebtn-list {
    width: 100%;
    display: flex;
    gap: 25px;
}
.casesty-btn-wrap {
    position: relative;    
    flex: 0 0 calc(20% - 20px);
    height: 140px;
}
.casesty-btn-wrap .casesty-slider-btn {
    text-align: center;
    position: relative;
    z-index: 1;
    padding-bottom: 25px;
    border-radius: 15px;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    overflow: hidden;
    transition: 0.5s;
    width: 100%;
    height: 140px;
    padding-top: 20px;
    z-index: 99;
    box-shadow: 0 0 15px rgb(61 101 191 / 15%);
}
.casesty-btn-wrap:hover .casesty-slider-btn {
    border-color: #4facfe;
}
.casesty-btn-wrap.active .casesty-slider-btn {
    border-color: #4facfe;
}
.casesty-slider-btn .casestbg-image {

    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.casesty-slider-btn .casestbg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;    
    transition: 0.5s;
}
.casesty-slider-btn .casestbg-image::before {
    background: linear-gradient(173deg, #4294d042 10%, #1f4f72 100%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.cstysldIcon {
    width: 65px;
    height: 65px;
    background-color: rgba(255, 255, 255, 0.4);
    line-height: 70px;
    position: relative;
    z-index: 1;
    border-radius: 38px;
    border-width: 2px;
    border-style: solid;
    border-color: #4294d0;
    border-image: initial;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cstysldIcon::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    transform: scale(0);
    background: #4294d0;
    border-radius: 50%;
    transition: 0.5s;
   
}
.cstysldIcon svg {
    width: 35px;
    height: 35px;
    color: #4294d0;
    fill: #4294d0;
    transition: 0.5s;
    position: relative;
     z-index: 3;
}
.csty-feature-title {
    font-size: 18px;
    color: rgb(255 255 255);
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 15px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 12px;    
    transition: 0.5s;
    z-index: 10;
}
.csty-featureactive {
    width: 20px;
    height: 20px;
    background: linear-gradient(135deg, #4facfe, #00f2fe);
    transform: rotate(45deg);
    margin: 50px;
    position: absolute;
    bottom: -0px;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}
.casesty-btn-wrap:hover .cstysldIcon::after{
    transform: scale(1);
}
.casesty-btn-wrap:hover .cstysldIcon svg  {
    color: #fff;
    fill: #fff;
}
.casesty-btn-wrap:hover .csty-feature-title{

    bottom: 50px;
}
.swiper-slide-active .csty-feature-title{

    bottom: 50px;
}
.casesty-btn-wrap:hover .csty-featureactive{
    bottom: -10px;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
.casesty-btn-wrap.active .csty-featureactive{
    bottom: -10px;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
.swiper-slide-active .casesty-slider-btn{

   border-color: #4294d0;
}
.casesty-btn-wrap:hover .casestbg-image img, .swiper-slide-active .casesty-slider-btn .casestbg-image img {
    transform: scale(1.1);
}
.casesty-slide-main {
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #f3f3f3;
    border-radius: 25px;
    padding-right: 0;
    box-shadow: 0 0px 6px 2px rgb(0 0 0 / 5%);
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transform: translateY(38px);
    transform: translateY(38px);
    background: #fff;
}
.casesty-slide-main.active {
    opacity: 1;    
    padding: 10px;
    visibility: visible;
    height: auto;
    -webkit-transition: opacity 1s linear,
    -webkit-transform .4s linear;
    transition: opacity 1s linear,
    -webkit-transform .4s linear;
    transition: opacity 1s linear,
    transform .4s linear;
    transition: opacity 1s linear,
    transform .4s linear,
    -webkit-transform .4s linear;
    -webkit-transform: translateY(14px);
    transform: translateY(14px); 
    
}
.casesty-slide-image {
    width: 50%;
    overflow: hidden;
    border-radius: 20px;
    height: 590px;
}

.casesty-slide-context {
    width: 48%;
}

.casesty-grd-title {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 14px;
}

.casesty-grd-subtxt {
    color: #fff;
    margin-bottom: 0;
}

.casesty-desc-list {
    width: 100%;
    padding-left: 26px;
    margin-top: 30px;
}

.casesty-grd-card {
    background: linear-gradient(160deg, rgba(66, 148, 208, 1) 0%, rgba(102, 185, 69, 1) 100%);
    padding: 30px 35px 30px 26px;
    border-radius: 0px 30px 30px 0px;
    width: 100%;
}

p.casesty-text {
    font-size: 16px;
    color: #212529;
    width: 85%;
    line-height: 26px;
}

ul.casesty-desc-points {
    padding: 0;
    margin: 0;
    list-style: none;
}

li.casesty-pint-item {
    font-size: 16px;
    color: #505D67;
    line-height: 26px;
    margin-bottom: 15px;
}

.casesty-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
span.casesty-point {
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
    position: relative;
    top: 1px;
}

span.casesty-point svg {
    width: 14px;
    height: 14px;
}

/* Case-study Section End */

/* registeration section start */

.abtresgis-sec {
    width: 100%;
    padding: 80px 0;
    background-image: url(../images/our-team-promise-bg.jpg);
}

.regcrd-wrap {
    position: relative;
    width: 100%;
}
h2.regsec-title {
    font-size: 40px;
    margin-top: 0px;
    font-weight: 600;
    color: var(--dark-blue);
    margin-bottom: 20px;
}

p.regsec-desc {
    font-size: 17px;
    text-align: center;
    line-height: 27px;
    width: 83%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 0;
    color: rgb(84, 84, 84);
}

.regsectitleWrapper {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 9;
    margin-bottom: 100px;
}
.regcnt-card {
    position: relative;
    width: 100%;
    text-align: center;
}
.col-md-4:last-child .regcnt-card::after {
    display: none;
}
.regcnt-card.dwnprmisLine::before {
    position: absolute;
    content: "";
    width: 60%;
    height: 100px;
    top: 32px;
    right: 75%;
    opacity: .75;
    background: url(../images/our-team-promise-line-1.svg) no-repeat;
    background-size: 100% auto;
}
.regcnt-card.topprmisLine::before {
    position: absolute;
    content: "";
    width: 60%;
    height: 100px;
    opacity: .75;
    top: 0;
    left: -33%;
    background: url(../images/our-team-promise-line-2.svg) no-repeat;
    background-size: 100% auto;
}
.regcnt-icon {
    width: 120px;
    height: 120px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 67%;
    padding: 15px;
    background: var(--dark-blue);
    box-shadow: 0 0px 6px 2px rgb(0 0 0 / 5%);;
}

.regcnt-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 300ms ease-in;
}

p.regcnt-card-desc {
    width: 80%;
    margin: auto;
    line-height: 27px;
}

h4.regcnt-title {
    margin-top: 25px;
    color: var(--dark-blue);
    font-weight: 600;
    margin-bottom: 18px;
} 
.regcnt-card:hover img {
    animation: regicon-bounce 0.8s ease-in-out forwards;
}

@keyframes regicon-bounce {
    0%   { transform: scale(0.8); }
    50%  { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* registeration section end */

 /* vision mision section start  */

 .vi-mi-section {

    width: 100%;
    padding: 90px 0;
    background: #fff;
    position: relative;
 }
.vimi-cnt-wrap {
    width: 100%;
    position: relative;
    display: flex;
    row-gap: 25px;
    flex-direction: column;
}

.visinmain-card {
    margin: 0;
    padding: 35px;
    background: url(../images/arrow-bg.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    overflow: hidden;
    border-radius: 25px;
    border-radius: 25px;
    background-size: cover;
    min-height: 315px;
    height: 315px;
    position: sticky;
    top: 80px; 
}

span.vismisn-lbl {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
}
div.visibg-ptrn {
    position: absolute;
    bottom: -10px;
    left: -87px;
    transform: scaleX(-1);
    width: 60%;
    height: 300px;
    opacity: 0.065;
}

.visibg-ptrn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
h3.vismisn-title {
    font-size: 38px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
}

p.vismisn-desc {
    font-size: 17px;
    color: #fff;
    line-height: 32px;
}

.visinmain-cnt {
    display: block;
    width: 55%;
    position: relative;
    z-index: 9;
}

.visinmain-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(148deg, rgba(0, 34, 78, 1) 0%, rgb(8 153 127 / 20%) 53%, rgb(8 153 127 / 12%) 100%);
}

 /* vision mision section end  */

/* aboutus Page Start */

/* industry section start */


.industryabt-sec {
    width: 100%;
    padding: 90px 0;
    background: linear-gradient(230deg,rgba(251, 249, 252, 1) 0%, rgba(248, 244, 249, 1) 100%);
    position: relative;
    overflow: hidden;
    
}
.indusabt-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50px;
    z-index: 9;
    border-radius: 50%;
}

.industb-btn {
    height: 270px;
    cursor: pointer;
    padding: 12px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

p.induscnt-lbl {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 8px;
}

span.induscnt-txt {
    width: 100%;
    display: block;
    color: #fff;
    font-size: 15px;
    line-height: 24px;
}
.indusbg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.indusbg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.indusbg-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(23 44 69 / 22%) 39.29%, #172C45 100%);
}
.indusbg-img::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.industab-list {
    width: 55%;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 4 per row */
    gap: 10px;
}
.indusabt-icon svg{
    width: 24px;
    height: 24px;
    position: relative;
    left: -2px;
    fill: #172c45;
    color: #172c45;
}
.indusabtab-cnt {
    position: relative;
    z-index: 9;
    top: 57px;
    transition: 0.5s;
}
.industb-btn:hover .indusbg-img::before {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.industb-btn:hover .indusabtab-cnt {
    top: 0px;
}
.industb-btn:hover .indusbg-img img  {
    transform: scale(1.1);
}
.industb-btn.active .indusbg-img img  {
    transform: scale(1.1);
}
.industb-btn.active .indusabtab-cnt {
   top: 0px;
}
.industb-btn.active .indusbg-img::after {
    background: linear-gradient(2deg, rgb(66 148 208 / 85%) 22%, rgb(102 185 69 / 85%) 100%);
    opacity: 0.7;  

}
.industab-cnt-list {
    width: 45%;
    background-color: #ffffff00;
    min-height: 550px;
    padding: 0px;
    padding-left: 11px;
    padding-top: 0px;
    padding-bottom: 0;
}
.induscard-wrap {

    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background: #fff;
    border-radius: 25px;
    border: 1px solid #f3f3f3;
    box-shadow: 0 0px 6px 2px rgb(0 0 0 / 5%);
}
.industab-crdtitle {
    font-size: 28px;
    margin-top: 0px;
    font-weight: 600;
    color: #202647;
    margin-bottom: 13px;
    line-height: 40px;
    position: relative;
    z-index: 9;
}
.industab-crdtitle span {
    display: inline-block;
    background: linear-gradient(90deg, rgba(66, 148, 208, 1) 22%, rgba(102, 185, 69, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.industab-crdesc {

    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #000000;
    margin-bottom: 25px;
    position: relative;
    z-index: 9;
    letter-spacing: 0.2px;
}
.industab-crd-info {
    width: 100%;
}
.industab-info-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.industab-info-item {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
    position: relative;
    z-index: 9;
    color: #000000;
}
.indsulist-icon {
        width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.indsulist-icon img{
     width: 20px;
    height: 20px;
    object-fit: contain;
}

.industab-info-item:last-child {
    margin-bottom: 0;
}
.industab-cnt-card {
    overflow: hidden;
    width: 100%;
    min-height: 550px;
    min-height: 550px;
    background: linear-gradient(169deg, #F9F9FD 71.75%, #f0f0ffeb 93.96%);
    padding: 20px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #f0f0ff;
}
.industabmain {

    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transform: translateY(55px);
    transform: translateY(55px);
}

.industabmain.active {

    opacity: 1;
    visibility: visible;
    height: auto;
    max-height: 550px;
    -webkit-transition: opacity 1s linear,
     -webkit-transform .4s linear;
    transition: opacity 1s linear,
     -webkit-transform .4s linear;
    transition: opacity 1s linear, transform .4s linear;
    transition: opacity 1s linear, transform .4s linear,
     -webkit-transform .4s linear;   
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.sumbg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.sumbg img {
    
    width: 100%;
    height: 100%;
    object-fit: cover;

}
.sumbg::after {
    background: linear-gradient(115deg, rgb(66 148 208 / 85%) 22%, rgb(102 185 69 / 70%) 100%);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* industry section end */

/* Banner image section start */

.bnrimagesection {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 650px;
    display: flex;
    align-items: flex-end;
    background-size: cover;
    background-repeat: no-repeat;
}
.aiherowrap {
    height: 650px;
}
.bnrimagesection::after {

    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(270deg, rgb(23 44 69 / 6%) 0%, rgb(23 44 69 / 85%) 60.83%);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.banner-title {
    color: #fff;
    font-size: 46px;
    margin-bottom: 25px;
    font-weight: 600;
    line-height: 65px;
}

.bannertitlesec {
    width: 100%;
    position: relative;
    z-index: 99;
}

.banner-desc {
    color: #fff;
    max-width: 730px;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 60px;
}

/* Banner image section end */

/* aboutpage about section */
.aboutPage-abt .abt-slide{
    border-radius: 100% !important;
    overflow: hidden;
    top: 0;
}
.aboutPage-abt .abtimg-sec {
    border-radius: 100% !important;
    overflow: unset;
    width: 440px;
    height: 440px;
}
.aboutPage-abt .aboutIcon-list {
    border: unset;
}
.aboutIcon-item {
    align-items: center;
}
.abtimg-sec-circle {
    position: absolute;
    bottom: -15px;
    left: -20px;
    width: 60px;
    height: 60px;
    background: #e4f0f8;
    border-radius: 100%;
}
.abtimg-sec-circleimage {
    position: absolute;
    top: 0;
    left: -41px;
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 100%;
    z-index: 9;
    border: 4px solid #fff;
    box-shadow: -3px -3px 6px 2px rgb(228 240 248 / 65%);
}
.abtimg-sec-circleimage img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.abtimg-sec-plan {
    width: 115px;
    position: absolute;
    bottom: 5px;
    right: -15px;
    height: auto;
    animation: floatAnimation 3s ease-in-out infinite;
}
.abtimg-sec-plan img {

    width: 100%;
    height: 100%;
    object-fit: contain;
}
@keyframes floatAnimation {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-8px); /* move up */
    }
    100% {
        transform: translateY(0px); /* back to original */
    }
}
.aboutPage-abt  .aboutmain-title{
   font-size: 40px;
}
.abt-txt-sec {
    background-image: url(../images/contact-shape.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* aboutpage about section */

/* our Client section start */

.ourclient-sec {
    
    width: 100%;
    padding: 90px 0;
    background-image: url(../images/tech-bg3.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    min-height: 80vh;
}
.clientcard-wrap {
    width: 100%;
}
.clientbx-wrap {
    display: inline-flex;
    background: #ffffff;
    box-shadow: 0px 2px 2px 0px rgba(29, 35, 115, .0196078431), 0px 1px 5px 0px rgba(29, 35, 115, .0274509804), 0px 0px 8px 0px rgba(29, 35, 115, .0352941176), 0px 19px 10px 0px rgb(29 35 115 / 3%), 0px 5px 6px 0px rgb(29 35 115 / 3%), 0px 1px 8px 0px rgb(152 181 196 / 11%);
    border-radius: 16px;
    border: none;
    height: 145px;
    align-items: center;
    justify-content: center;
    width: 200px;
    padding: 15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 24px;
}
.clientbox {
   width: 100%;
    height: 100%;
    position: relative;
    height: 100%;
    width: 100%;
    transform-style: preserve-3d;
    transition: all 1s;
}
.clientbox.active {
   transform: rotateY(180deg);
}
.clientbox img {
    height: 100px;
    object-fit: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.clientfront-box {
    position: absolute;
    z-index: 9;
}
.clientfront-box, .clientbckbox {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
}
.clientbckbox {
    display: block;
    transform: rotateY(180deg);
    box-sizing: border-box;
}

/* our Client section end */

/* custserv section start */

section.cutserv-section {
    width: 100%;
    padding: 80px 0;
    background: var(--dark-blue);
    position: relative;
    
}
.cutserv-section::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/dt-bg-pattern.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.custserv-cnt-wrap {
    width: 100%;
    position: relative;
    z-index: 9;
}
.servmain-title {
    color: #fff;
}
.custservlist {
    position: relative;
   display: block;
   width: 100%;
}
.custservlftImage {
    margin-top: 45px;
    line-height: 0;
    border-radius: 21px;
    overflow: hidden;
    margin-left: -125px;
    width: 461px;
    height: 426px;
    position: relative;
    border: 3px solid #fff;
}
.custservlftImage::after {
    position: absolute;
    content: '';
    inset: 0;
    background: linear-gradient(180deg, rgba(176, 153, 217, 0.00) 43.74%, #6F42C1 124.05%);
    top: 0;
    left: 0;
}
.custlg-badge-serv {
    width: 58px;
    height: 58px;
    position: absolute;
    bottom: 14px;
    right: 14px;
    opacity: 0.85;
}
.custservlftImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.custimg-crd {
    position: sticky;
    top: 120px;
    border-radius: 32px;
    padding: 40px 75px 40px 40px;
    /* background: linear-gradient(180deg, #FFF 0%, #F0EDF5 100%); */
    background: linear-gradient(155deg, #F9F9FD 75.75%, #e3e3ff 93.96%);
    display: flex;
    gap: 50px;
    width: 85%;
    margin: 75px auto 50px auto;
    min-height: 585px;
}
.custimg-crd:last-child {
    
    margin-bottom: 0;
    margin-top: 375px;
}
.custimg-crd:nth-child(5), .custimg-crd:nth-child(4){
    margin-top: 375px;
}

.custimg-crd:first-child {
    margin-top: 75px;
}

.custserlftPart {
    max-width: 379px;
    width: 100%;
    flex-shrink: 0;
}
.custservcnt-itemtxt {
    width: calc(100% - 45px);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
h2.custservlfttitle {
    text-align: left;
    color: #00224e;
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    position: relative;
}
.custsertitxt {
    display: inline-block;
    z-index: 9;
    position: relative;
}
h2.custservlfttitle::after {
    content: '';
    width: 105%;
    height: 52px;
    position: absolute;
    visibility: visible;
    opacity: 1;    
    top: -9px;
    left: -15px;
    background: linear-gradient(90deg, rgb(218 238 235) 0%, rgb(219 239 237) 9%, rgb(8 153 127 / 0%) 100%);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
p.custserrightDesc {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0;
}
.servcrdbtn {
    background: #08997f;
    width: 190px;
    display: inline-flex;
    height: 47px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 500;
    color: #fff;
}
.aiservcrdbtn {
    width: 220px;
}
.servcrdbtn:hover {
    color: rgb(255, 255, 255);
    background: rgb(33, 164, 140);
    text-decoration: none;
}

.servcrdbtn .disknmicon {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 7px;
    top: 2px;
    transition: 400ms;
}
.servcrdbtn:hover .disknmicon {
    
    transform: translate(4px, -3px);
    transition: 400ms;
}
.servcrdbtn .disknmicon img {
    width: 100%;
    height: 100%;
}
.custserRightpart {
    max-width: 635px;
    width: 100%;
    margin-left: 0px;
}

ul.custservcnt-list {
    width: 100%;
    margin-top: 50px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
}

li.custservcnt-item {
    position: relative;
    margin-top: 30px;
    font-size: 20px;
    line-height: 35px;
    display: flex;
    align-items: flex-start;
}
.custblutIcon {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: relative;
    top: 7px;
    color: var(--soft-green);
    fill: var(--soft-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.custblutIcon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.custservcnt-item strong {
    margin-right: 2px;
    color: #0d2741;
}
.custservcnt-btn {

    font-size: 27px;
    line-height: 38px;
    font-weight: 400;
    color: #0d2741;
    position: relative;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    justify-content: flex-end;
    position: relative;
    float: right;
}
.custservcnt-btn::after {
    position: relative;
    content: '';
    width: 55px;
    height: 55px;
    display: inline-block;
    flex-shrink: 0;
    background: var(--soft-green) url(../images/arrow_outward.svg) no-repeat center / 30px;
    border-radius: 50%;
    margin-left: 30px;
    transition: all 0.2s linear;
}
.custservcnt-btn:hover {
    color: var(--dark-blue);
}
.custservcnt-btn:hover::after{

 background: var(--dark-blue) url(../images/arrow_outward.svg) no-repeat 20px 12px / 35px;
 transition: all 0.2s linear;
}
.servtitle-lbl {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    color: var(--soft-green);
}

/* custserv section end/

/* aboutus Page End */


/* custabt section start */

section.custAbt-section {
    width: 100%;
    padding: 80px 0;
    background: #ffffff;
    overflow: hidden;
}
/* Image Box */
.dtz-image-box {
    position: relative;
    min-height: 635px;
    z-index: 1;
}

/* First Image */
.dtz-image.image_one {
    height: 427px;
    width: 400px;
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
}

.dtz-image.image_one img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Second Image (Overlapping Image) */
.dtz-image.image_two {
    position: absolute;
    right: 30px;
    bottom: 0;
    width: 322px; /* adjust if needed */
    height: 307px;
    z-index: 2;
}

.dtz-image.image_two img {
    width: 100%;
    height: auto;
    display: block;
}
span.dtzsub-title {
    font-size: 18px;
    line-height: 1;
    color: #08997f;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

span.dtzsub-title::before {
    font-size: 20px;
    line-height: 1;
    background: #08997f;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    content: unset;
    position: absolute;
    width: 11px;
    height: 11px;
    left: -2px;
    top: 3px;
    z-index: 99;
    border-radius: 20px;
}

p.dtzsub-txtdesc {
    font-size: 16px;
    width: 100%;
    color: rgb(84, 84, 84);
    line-height: 26px;
    margin-bottom: 50px;
    margin-top: 20px;
}


.dtz-iconic-img {
    display: inline-flex;
    width: 56px;
    height: 56px;
    margin-bottom: 15px;
    transition: 0.2s all linear;

}
.dtz-iconic-box:hover .abtitl_icn .dtz-iconic-img {
    transform: scale(1.08);
    transition: 0.2s all linear;
}
.dtz-iconic-box:hover {
    cursor: pointer;
}
.dtz-iconic-img img {width: 100%;height: 100%;object-fit: contain;}

.dtzdesc-abtcontent p {
    font-size: 16px;
    width: 100%;
    color: rgb(84, 84, 84);
    line-height: 26px;
    margin-bottom: 50px;
    margin-top: 20px;
}

h5.dtzdesc-abtcntitle {
    margin-bottom: 15px;
}

.dtz-button .theme-btn{
    background: #08997f;
    width: 190px;
    display: inline-flex;
    height: 47px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 500;
    color: #fff;
}
.dtz-button .theme-btn .disknmicon {

    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 7px;
    top: 2px;
    transition: 400ms;
}
.dtz-button .theme-btn .disknmicon img {

    width: 100%;
    height: 100%;
}
.dtz-button .theme-btn:hover .disknmicon {
    transform: translate(4px, -3px);
    transition: 400ms;
}
.dtz-button .theme-btn:hover {
    color: rgb(255, 255, 255);
    background: rgb(33, 164, 140);
    text-decoration: none;
}
.dtzsub-mintitle {    
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 42px;
    font-weight: 700;
    line-height: 56px;
    color: var(--dark-blue);
}
.dtz-imageline-sec {
    position: absolute;
    top: 0;
    right: 45px;
    height: 300px;
    width: 45px;
}

span.dtz-igm.igmdark {
    width: 4px;
    height: 74%;
    display: block;
    background: var(--dark-blue);
    border-radius: 30px;
    position: absolute;
    bottom: 11px;
    left: 0;
}

span.dtz-igm.igmsecond {
    width: 4px;
    height: 74%;
    display: block;
    background: var(--soft-green);
    border-radius: 30px;
    position: absolute;
    bottom: 70px;
    right: 6px;
}
.dtabtBadge {
    border-radius: 0;
    display: flex;
    width: 184px;
    height: 150px;
    align-items: center;
    justify-content: center;
    background: #efefef00;
    position: absolute;
    bottom: 100px;
    left: 70px;
    border: 1px dashed #08997f40;
    border-bottom-left-radius: 12px;
}

.dtabtBadge img {
    width: 98px;
    height: 98px;
    object-fit: contain;
    position: absolute;
    bottom: -52px;
    left: -49px;
    animation: floatLShape 8s ease-in-out infinite;

}
/* Smooth Floating Animation */
@keyframes floatLShape {

    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    25% {
        transform: translate(0, -62px) rotate(2deg);
    }

    50% {
        transform: translate(0, 0) rotate(0deg);
    }

    75% {
        transform: translate(67px, 0px) rotate(0deg);
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}
/* custabt section end */

/* career page start */

/* interview process start */

.interprcs-sec {

    width: 100%;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
    background: #f6f7fc;
    padding-bottom: 80px;
}
.interprcs-sec::after {

    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:url(../images/footer-bg-2.png);    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.3;
}
.interprcs-main-wrapper {
    width: 100%;
    z-index: 9;
}
.titleft-wrap {
       width: 100%;
    margin-bottom: 60px; 
}
.titleft-main-title {
        font-size: 40px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
    width: 100%;
    line-height: 55px;
    text-align: center;
    margin-bottom: 12px;
}
.titleft-main-title span {
    color: #4294d0;
}
.titleft-desc {
    font-size: 16px;
    text-align: center;
    margin-bottom: 0;
    line-height: 26px;
}

.interproces-icon {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    margin: auto;
    margin-bottom: 25px;
    position: relative;
    z-index: 9;
}
.interproces-icon::before {

    background: linear-gradient(115deg, rgb(66 148 208) 22%, rgb(102 185 69) 100%);
    transition: all 0.35s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
}
.interproces-icon::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    height: 16px;
    width: 16px;
    background: rgb(66 148 208);
    box-shadow: rgb(0 0 0 / 24%) 0px 1px 3px;
    z-index: -1;
    border-radius: 50%;
    animation: rotateCircle 10s linear infinite;
    margin-left: -8px;
    margin-top: -8px;
    border: 2px solid #fff;
    transition: all 0.35s ease-in-out;
}

.interproces-icon svg {

    width: 50px;
    height: 50px;
    color: #fff;
    fill: #fff;
}

.interproces-card {
    width: 100%;
    text-align: center;
}

p.interproces-title {
    font-size: 22px;
    font-weight: 700;
    color: #202647;
    margin-bottom: 12px;
    width: 100%;
    text-transform: capitalize;
}

span.interproces-desc {
    font-weight: 400;
    font-family: DM Sans, sans-serif;
    font-size: 16px;
    display: inline-block;
    line-height: 26px;
    width: 85%;
}
.interview-processwrap {

    width: 100%;
    position: relative;
    z-index: 9;
}
.interview-processwrap::after {

    background: linear-gradient(90deg, hsl(0deg 0% 0%), #000000 48.44%, hsl(0deg 0% 0% / 15.2%) 99.99%, hsl(0deg 0% 0% / 0%));
    top: 60px;
    content: "";
    height: 1px;
    left: 10%;
    right: 10%;
    opacity: .2;
    position: absolute;
}
.careerscnd-card .custposinter-image img{
    object-position: center;
}
.careerscnd-card:hover .custposinter-image img {
    object-position: center
}
.career-cardbg::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(115deg, rgba(66, 148, 208, 1) 22%, rgb(102 185 69 / 60%) 100%);
    top: 0;
    left: 0;
    opacity: 0.59;
}

@keyframes rotateCircle {
    0% {
        transform: rotate(0deg) translateX(57px);
    }

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

/* Submit cv Section start  */

.sbmtcv-sec {

    width: 100%;
    padding: 90px 0;
    position: relative;
    overflow: hidden;
    padding-top: 155px;
}
.sbmtcv-card {
    width: 100%;
    height: 250px;
    border-radius: 25px;
    /* overflow: hidden; */
    background-image: url(https://dnhm2py0jncte.cloudfront.net/mission_Vision_Bg_a5627575f9.svg);
    background-size: cover;
    background-position: center;
    /* box-shadow: 0 0 15px rgb(61 101 191 / 15%); */
    border: 1px solid #eff3ff;
    position: relative;
}
.sbmtcv-card::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(90.13deg, rgb(255 240 230 / 0%) 0.12%, rgb(238 242 255) 98.69%);
    border-radius: 25px;
}
.menbgcareercv-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 460px;
    height: 400px;
    z-index: 9;
}

.sbncontet-sec {
    width: 100%;
    padding: 31px;
    position: relative;
    z-index: 9;
}

h2.sbncontet-title {
    font-size: 40px;
    font-weight: 600;
    color: #000;
    margin: auto;
    line-height: 54px;
}

a.sbncontet-btn {
    border-radius: 50px;
    border: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 36px rgba(0, 0, 0, .06);
    font-size: 17px;
    font-weight: 300;
    position: relative;
    white-space: nowrap;
    transition: .8s;
    height: 55px;
    width: 220px;
    cursor: pointer;
    color: #202647;
    background-color: #fff;
    font-weight: 400;
    margin-top: 30px;
    text-decoration: none;
    justify-content: center;
}
.cvarw-icon svg {
    width: 22px;
    height: 22px;
}

span.cvarw-icon {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 12px;
}

/* Submit cv Section end  */

/* interview process end */

/* Hiring section start */

.hiringSection {

    width: 100%;
    padding: 90px 0;
    background: #E3F0FF;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    padding-bottom: 56px;
}
.section-subdesc-txt {

    font-size: 18px;
    margin-bottom: 0;
    width: min(775px, 100%);
    line-height: 27px;
    color: #464646; 
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.titgrad-txt {
    display: inline-block;
    /* background: linear-gradient(90deg, rgba(66, 148, 208, 1) 22%, rgba(102, 185, 69, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: var(--soft-green);
}

.titlesubdes-link{
    display: inline-block;
    text-decoration: none;
    color: var(--dark-blue);
    font-weight: 600;
    margin-left: 3px;
}
.titlesubdes-link:hover{
    color: var(--soft-green);
}
.hirsec-title {
    margin-top: 0;
    margin-bottom: 20px;
}
.hiringcnt-card{
        background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    padding: 25px;
    transition: all .2s ease-in-out 0s;
    margin-bottom: 24px;
}
.hiringtechologo {
    width: 65px;
    height: 65px;
    overflow: hidden;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #d3d3d3;
}

.hiringtechologo img {
    width: 45px;
    height: 45px;
    object-fit: contain;
}

.hiringcnttp-sec {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 16px;
    margin-bottom: 15px;
}

.hirtecinfo {
    display: flex;
    gap: 15px;
    width: calc(100% - 55px);
}

ul.hiringtech-info-list {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: anchor-center;
    gap: 17px;
    margin-bottom: 0;
}
h3.hiringtech-title {
    font-size: 24px;
    color: #000;
    margin-bottom: 13px;
}

li.hiringtech-info-itm {
    font-size: 15px;
    font-weight: 500;
    color: rgba(36, 64, 52, .7);
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
}

.hiringtecho-text {
    padding-top: 0;
    width: calc(100% - 85px);
}

p.hirtechbtm-desc {
    color: #464646;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}
.hrishare-btn {
        display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50px;
    border: 1px solid #4294d033;
    color: #cbcbcb;
    background: #fff;
}
.hrishare-btn svg {
    width: 20px;
    height: 20px;
    fill: #4295d0;
    color: #4295d0;
}
.hirtechbtm-info {
    width: 100%;
}
.hirtechbtm-desc {
        margin-bottom: 0;
    font-size: 16px;
    color: rgb(36 64 52 / 70%);
    font-weight: 400;
    line-height: 26px;
}
.hirbtm-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.hirereq-txt {
        margin-bottom: 0;
    font-size: 16px;
    color: rgb(36 64 52 / 70%);
    font-weight: 400;
    line-height: 26px;
}
.hirereq-txt span {
     color: rgb(0 0 0 / 70%);
    font-weight: 600;
    font-size: 16px;
    margin-left: 3px;
    line-height: 26px;
}
.hiringaply-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: var(--soft-green);
    border: 1px solid var(--soft-green);
    color: #fff;
    width: 110px;
    height: 40px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 500;
}

.hiringaply-btn:hover {
    background: rgb(33, 164, 140);
    border-color: rgb(33, 164, 140);
    color: #fff;
    text-decoration: none;
}

.hiringaply-icon {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 6px;
    top: 1px;
    transition: 400ms;
}

.hiringaply-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hiringaply-btn:hover .hiringaply-icon {
    transform: translate(4px, -3px);
    transition: 400ms;
}

/* Hiring section end */

/* careerAbout section start */

.careerAbt-sec {
    width: 100%;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 80px;
}
.careertitle-sec {
    width: 100%;
    margin-bottom: 50px;
}
.titleft-wrap {
     width: 100%;
}
.career-main-title{
    font-size: 38px;
    font-weight: 600;
    color: #000;
    margin-bottom: 25px;
    line-height: 54px;
    position: relative;
}
.careercrd-wrap {
    width: 100%;
    overflow: hidden;
    position: relative;
}
h2.career-main-title:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 85px;
    height: 3px;
    background: linear-gradient(115deg, rgb(66 148 208) 22%, rgb(102 185 69) 100%);
}
.career-main-desc {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 52px;
    display: block;
}
.career-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-height: 475px;
    height: 475px;
    border-radius: 28px;
}
.career-cardbg {
    width: 100%;
    height: 100%;
}
.career-cardbg  img {

    width: 100%;
    height: 100%;
    object-fit: cover;
}
.career-crdtop-title {
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    font-size: 28px;
    color: #fff;
    transition: all 0.4s ease-in;
}
.career-crdtop-cnt {
    position: absolute;
    bottom: -120px;
    opacity: 0;
    left: 0;
    background: linear-gradient(115deg, rgb(66 148 208 / 88%) 22%, rgb(102 185 69 / 64%) 100%);
    width: 100%;
    height: 100%;
    padding: 20px;
    transition: all 0.4s ease-in;
    text-align: center;
}
.cercnt-title {
        text-align: center;
    color: #fff;
    font-size: 25px;
    margin-bottom: 14px;
}
.cercnt-desc {
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    margin: 0;
    text-align: center !important;
}
.career-card:hover .career-crdtop-title{
    top: -50px;
    transition: all 0.4s ease-in;
}
.career-card:hover .career-crdtop-cnt{
    opacity: 1;
    bottom: 0;
    transition: all 0.4s ease-in;
}
.career-card:hover {
    background: transparent;
}
.careerscnd-card {
    width: 100%;
    min-height: 475px;
    height: 475px;
}
.career-imagecard {
    transition: all 1.1s ease-in-out;
    max-height: 345px;
    height: 100%;
    overflow: hidden;
    border-radius: 28px;
    height: 345px;
    min-height: 345px;
}
.career-imagecard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.career-cntcard.career-cntcard-btm {
    padding: 25px;
    background: #000;
    border-radius: 28px;
    margin-top: 24px;
    max-height: 106px;
    transition: all 0.8s ease-in-out;
    overflow: hidden;
}
.career-cntcard-btm .cercnt-desc{
    visibility: hidden;
    opacity: 0;
}
.career-cntcard.career-cntcard-btm {
    padding-top: 40px;
}
.careerscnd-card:hover .career-imagecard {
    max-height: 106px;
    height: 106px;
    min-height: 106px;
    transition: all 1.1s ease-in-out;
    height: 100%;
}
.careerscnd-card:hover .career-cntcard-btm {
    max-height: 345px;
    height: 345px;
    transition: all 1.1s ease-in-out;
}
.careerscnd-card:hover .cercnt-desc{
    visibility: visible;
    opacity: 1;
    transition: all 0.4s ease-in-out;
}
.crbtmimg .career-cntcard-btm {
    margin-top: 0;
    margin-bottom: 24px;
}
.career-cntcard.career-cntcard-btm.topchg-clr {
   background: rgb(255 240 230);
   text-align: center;
}
.career-cntcard.career-cntcard-btm.btnchg-clr {
   background: rgb(238 242 255);
   text-align: center;
}
.career-cntcard.career-cntcard-btm.btnchg-clr .cercnt-title , .career-cntcard.career-cntcard-btm.btnchg-clr .cercnt-desc{
   color: rgb(6, 8, 33);
   text-align: center;
}
.career-cntcard.career-cntcard-btm.topchg-clr .cercnt-title , .career-cntcard.career-cntcard-btm.topchg-clr .cercnt-desc{
   color: rgb(6, 8, 33);
   text-align: center;
}

/* careerAbout section end */

/* career page end */


/* services page start */
section.servcnt-sec {
    width: 100%;
    padding: 90px 0;
    position: relative;
    padding-bottom: 30px;
}
.servcontact-title-Wrap {
    width: 80%;
    margin: auto;
}
.servcontact-image-wrap {
    width: 100%;
    height: 430px;
    overflow: hidden;
    position: relative;
    z-index: 9;
}
.servcnt-image {
    width: 100%;
    height: 100%;
}
.servcnt-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.servcnt-image img.active {
    opacity: 1;
}
.servcontac-text-sec {
    width: 100%;
    position: relative;
    z-index: 9;
}
.servcontact-desc {

    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #000000;
    margin-bottom: 30px;
    position: relative;
    z-index: 9;
    letter-spacing: 0.2px;
    margin-top: 17px;
}
.servcnt-main-title {
    line-height: 55px;
}
.servcnt-main-title span{
   color: rgb(66 148 208);
}
span.servcntbtn-icon.servcnt-whts-btn {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
}

span.servcntbtn-icon {
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
}

a.servcntbtn-main {
    width: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    border: 1px solid;
    border-radius: 50px;
    gap: 12px;
    text-decoration: none;
    transition: 1.1s cubic-bezier(.16, .84, .442, .98);
}

.servcnotactbtn-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}
.servcnt-whts-btn {
    color: #4ee464;
    border-color: #4ee464;
} 
.servcnt-whts-btn:hover {
    color: #ffffff;
    border-color: #4ee464;
    background-color: #4ee464;
} 
.servcnt-whts-btn:hover svg{
    color: #ffffff;
    fill: #ffffff;
} 
.servcnt-contact-btn {
    color: #4294d0;
    border-color: #4294d0;
} 
.servcnt-contact-btn:hover {
    color: #ffffff;
    border-color: #4294d0;
    background-color: #4294d0;
} 
.servcnt-contact-btn:hover svg{
    color: #ffffff;
    fill: #ffffff;
}
section.servcnt-sec::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-image: url(../images/bg-wave.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    opacity: 0.088;
} 
section.servcnt-sec::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255 / 30%) 54%, rgb(255 255 255 / 0%) 100%);
} 
section.servcnt-sec span.tech-title-txt {
    background: linear-gradient(96deg,rgba(0, 34, 78, 1) 0%, rgba(0, 34, 78, 1) 52%, rgba(8, 153, 127, 1) 100%);
}
section.servcnt-sec .servcnt-main-title {
    
    color: #00224E;
}
section.servcnt-sec .tech-title-txt {
    
    display: none;
}
section.servcnt-sec .servcnt-main-title span {
    color: var(--soft-green);
}

/* services cat section start */

.servcat-sec {
    width: 100%;
    padding: 80px 0;
    /* background: linear-gradient(145deg,rgba(0, 34, 78, 1) 0%, rgba(0, 34, 78, 1) 76%, rgba(8, 153, 127, 1) 100%); */
    background: var(--dark-blue);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
     min-height: 100vh;
    display: flex;
    align-items: center;
    padding-bottom: 0;
}
.digiServ {
    overflow: hidden;
}
section.servcat-sec::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/dt-bg-pattern.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity: 0.52;
}
.scroller {
    min-height: 100vh;
}
.images {
    position: relative; /* NOT sticky */
    width: 100%;
    height: 100vh;
    padding: 0;
    display: flex;
    align-items: center;     /* ✅ Vertical center */
    justify-content: center; /* ✅ Horizontal center */

    z-index: 99;
}


/* IMAGE ITEM */

.images .image-block {
    position: absolute; /* stacked */
    top: 0;
    width: 100%;
    height: 680px; /* control size */
    opacity: 0;
    border-radius: 15px;
    overflow: hidden;
}

.image-block::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(0 34 78 / 30%) 0%, rgb(0 95 206 / 0%) 100%);
}
/* IMAGE */

.images .image-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.images .first-image {
    opacity: 1;
}
.servcat-cnt-sec {
    position: relative;
    z-index: 1;
    padding: 0;
    height: fit-content;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 100px;
}
.servcat-cnt-title {
    font-size: 40px;
    margin-top: 15px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 20px;
}
.servcat-cnt-title span{
    color: var(--soft-green);
}
.servcat-cnt-desc {
    font-size: 16px;
    color: #ffffff;
    width: 95%;
    line-height: 26px;
}
.service-cat-wrap {
    width: 80%;    
    position: relative;
    margin: auto;
    z-index: 9;
}
.texts {
    width: 100%;
}

.text-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 70vh;
    padding: 35px 96px 65px 42px;
    box-sizing: border-box;
}
.serviceswrptxt-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.service-catbg-img {
    position: relative;
    width: 100%;
    height: 195px;
    overflow: hidden;
    border-radius: 20px;
}
.service-catbg-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(150deg, rgb(0 0 0 / 12%) 0%, rgb(0 0 0 / 89%) 94%);
}
.service-catbg-img img {

    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-catitle-card {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    z-index: 99;
}
.servcat-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.servcat-icon svg {
    width: 52px;
    height: 52px;
}
.servcat-title {
    color: #fff;
    font-size: 38px;
    margin-bottom: 10px;
}
.servcat-desc {
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 15px;
    position: relative;
    letter-spacing: 0.2px;
    width: 100%;
}
.servcat-cnt-sec:after {
    content: '';
    position: absolute;
    bottom: -43px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgb(255 255 255 / 8%) 0%, rgb(255 255 255 / 32%) 50%, rgb(255 255 255 / 8%) 100%);
}
/* services cat section end */

/* Services technology start */

.servtech-sec {
    width: 100%;
    padding: 80px 0;
    position: relative;
    padding-bottom: 110px;
    overflow: hidden;
}
span.tech-title-lbl {
    font-size: 18px;
    line-height: 1;
    color: #08997f;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 0px;
}
span.tech-title-lbl::before {
    font-size: 20px;
    line-height: 1;
    background: #08997f;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    content: unset;
    position: absolute;
    width: 11px;
    height: 11px;
    left: -2px;
    top: 3px;
    z-index: 99;
    border-radius: 20px;
}

h2.texhtitle-text {
    font-size: 40px;
    margin-top: 12px;
    margin-bottom: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
    width: 90%;
    margin-top: 15px;
    line-height: 54px;
}

.texhtitle-text span {
    display: inline-block;
    background: linear-gradient(90deg, rgb(0 34 78) 22% 22%, rgb(33 164 140) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

p.techsub-desc {
    font-size: 17px;
    line-height: 27px;
    width: 83%;
    margin-bottom: 0;
}

/* Main Wrapper */
.techrotatemain-wrap {
    display: flex;
    justify-content: center;
    margin: 70px 0 0;
}

/* Solar Wrapper */
.tectrtsolar-wrap {
    width: 24.6875rem;
    height: 24.6875rem;
    background: #4295d000;
    border: 0.0625rem dashed #4294d0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Tech List */
.tectrtsolar-wrap .techslr-list {
    position: absolute;
    width: 24.6875rem;
    height: 24.6875rem;
    border-radius: 50%;
    animation: rot 50s 0s infinite;
    list-style: none;
}

/* Tech List Items */
.tectrtsolar-wrap .techslr-list li {
    margin-bottom: 3.75rem;
    width: 50%;
    position: absolute;
}

/* Headings */
.tectrtsolar-wrap .techslr-list li h6 {
    color: #000;
    text-align: right;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    min-width: 3.75rem;
    position: absolute;
    left: -5.625rem;
    top: 1rem;
    max-width: 9.375rem;
    animation: rot2 50s 0s infinite;
}

/* Image */
.tectrtsolar-wrap .techslr-list li div.tectrotate-image {
    width: 4.5625rem;
    height: 4.5625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    max-width: 6.75rem;
    border-radius: 50%;
    filter: drop-shadow(0 0.5rem 1.5rem rgba(136, 136, 136, 0.25));
    animation: rot2 50s 0s infinite;
    padding: 15px;
}
.tectrtsolar-wrap .techslr-list li div.tectrotate-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Positions */
.tectrtsolar-wrap .techslr-list li:nth-child(1) {
    left: 0.625rem;
    top: 2.0625rem;
}

.tectrtsolar-wrap .techslr-list li:nth-child(2) {
    left: -2.3125rem;
    top: 10.625rem;
}

.tectrtsolar-wrap .techslr-list li:nth-child(3) {
    bottom: -1.875rem;
    left: 1.1875rem;
}

.tectrtsolar-wrap .techslr-list li:nth-child(4) {
    right: 0.625rem;
    top: 2.0625rem;
}

.tectrtsolar-wrap .techslr-list li:nth-child(4) h6,
.tectrtsolar-wrap .techslr-list li:nth-child(5) h6,
.tectrtsolar-wrap .techslr-list li:nth-child(6) h6 {
    left: 110%;
    top: 1rem;
}

.tectrtsolar-wrap .techslr-list li:nth-child(4) .tectrotate-image,
.tectrtsolar-wrap .techslr-list li:nth-child(5) .tectrotate-image,
.tectrtsolar-wrap .techslr-list li:nth-child(6) .tectrotate-image {
    margin-left: auto;
}

.tectrtsolar-wrap .techslr-list li:nth-child(5) {
    right: -2.3125rem;
    top: 10.625rem;
}

.tectrtsolar-wrap .techslr-list li:nth-child(6) {
    bottom: -1.875rem;
    right: 1.1875rem;
}

.tectrtsolar-wrap .techslr-list li:nth-child(7) {
    left: 10rem;
    top: -2.5625rem;
}

.tectrtsolar-wrap .techslr-list li:nth-child(7) h6 {
    left: -0.6875rem;
    top: -3.75rem;
}

.tectrtsolar-wrap .techslr-list li:nth-child(8) {
    left: 10rem;
    bottom: -5.75rem;
}

.tectrtsolar-wrap .techslr-list li:nth-child(8) h6 {
    left: 47px;
    top: 76px;
}

/* Inner Circles */
.tectrtsolar-wrap .inner {
    width: 15.875rem;
    height: 15.875rem;
    border: 0.0625rem solid #4294d0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tectrtsolar-wrap .inner2 {
    width: 8.875rem;
    height: 8.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    filter: drop-shadow(0 0.5rem 1.5rem rgba(136, 136, 136, 0.25));
}

/* Profile Section */
.prof {
    display: flex;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

/* Profile Items */
.prof li {
    width: 4.5625rem;
    height: 4.5625rem;
    background: #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
    color: #000;
    font-family: Poppins;
    font-size: 1.25rem;
    cursor: pointer;
    font-weight: 600;
    line-height: 4.0625rem;
}

/* Profile Images */
.prof li img {
    height: 80%;
}

/* Z-Index & Backgrounds */
.prof li:nth-child(1) {
    background: #d7edc6;
    z-index: 4;
}

.prof li:nth-child(2) {
    z-index: 3;
}

.prof li:nth-child(3) {
    background: rgba(227, 231, 235, 1);
    z-index: 2;
}

.prof li:nth-child(4) {
    background: #fc9611;
    pointer-events: none;
    z-index: 1;
}

/* Overlap */
.prof li + li {
    margin-left: -0.875rem;
}

/* Active State */
.prof li.active {
    z-index: 9;
}

.prof li.active::before {
    content: "";
    height: 113%;
    width: 113%;
    border: 0.125rem solid #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 4;
}
@keyframes rot {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rot2 {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

/* Services technology end */

/* services page end */

/* contact page start */

.contactpage-section {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 80px 0;
}
.pgecontfrm-wrap {
    box-shadow: rgb(0 0 0 / 14%) 0px 20px 50px -12px;
    background: rgb(255, 255, 255);
    border-radius: 24px;
    border: 1px solid #ededed;
    overflow: hidden;
    transition: 0.3s;
    height: 100%;
    margin-bottom: 0;
}
.contacpagecfcard.contactForm-card{
    padding: 35px 25px;
}
.cnt-console-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 25px;
    border-bottom: 1px solid #f1f5f9;
    background: rgb(240 247 251);
}
.contactfrm-title {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
    width: 100%;
    line-height: 32px;
}
.cntconsole-security {
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    gap: 0.5rem;
    margin-top: 28px;
    justify-content: center;
}
.cntdesc-locitem {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 30px;
}

span.cntdesc-locitem-icon {
    width: 25px;
    height: 25px;
}

.cntdesc-locitem-icon svg {
    width: 25px;
    height: 25px;
    color: #66b945;
    fill: #66b945;
}

span.cntdesc-locitem-text {
    font-size: 16px;
    line-height: 26px;
}
.cntpage .contactlft-desc {
    color: #20264d;
    margin-bottom: 35px;
}
.cntconsole-security svg.icon {
    width: 22px;
    height: 22px;
}
.cnt-console-dots{
    display: flex;
    gap: 6px;
}
.cnt-console-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.cnt-console-dot.red {
    background: rgba(239, 68, 68, 0.8);
}
.cnt-console-dot.yellow {
    background: rgba(251, 191, 36, 0.8);
}
.cnt-console-dot.green {
    background: rgba(34, 197, 94, 0.8);
}
.file-upload {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
}

label.upload-btn {
    display: flex;
    color: #464646;
    align-items: center;
    gap: 5px;
}

#fileName {
       margin-bottom: 0;
    font-size: 15px;
    color: #202647;
    max-width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.upload-btn-txt {
    text-decoration: underline;
    font-weight: 500;
    font-size: 14px;
}
.upload-icon {
    width: 18px;
    height: 18px;
    display: flex;
    color: #464646;
    fill: #464646;
}
.upload-icon svg {
    width: 18px;
    height: 18px;
    display: flex;
    color: #464646;
    fill: #464646;
}
.cntfile-upload {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    border: 1px dashed #ccc;
    background: #fafafa;
    border-radius: 10px;
    padding: 15px 20px;
}
.upload-btn:hover {
    color: #202647;
    cursor: pointer;
}
.upload-btn:hover .upload-icon svg{
    color: #202647;
    fill: #202647;
}

/* GRAVITY FORM SECTION Start */

/* ===== GRAVITY FORM FILE UPLOAD ===== */

/* ===== CONFIRMATION ===== */
.gfcnfrm-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0;
    max-width: 560px;
    margin: 0 auto;
}

.gfcnfrm-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 0px;
}

.gfcnfrm-icon svg {
    width: 80px;
    height: 80px;
} 

.gfcnfrm-title {
    font-size: 26px;
    font-weight: 700;
    color: #202647;
    margin-bottom: 0px;
    line-height: 1.3;
}

.gfcnfrm-desc {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 0px;
}

.gfcnfrm-desc strong {
    color: #202647;
    font-weight: 600;
} 

.gfcnfrm-btn:hover {
    opacity: 0.88;
    color: #fff;
}

@media (max-width: 576px) {
    .gfcnfrm-wrap  { padding: 30px 16px; }
    .gfcnfrm-title { font-size: 20px; }
}
#field_1_10 {
    margin-bottom: 0 !important;
    width: 100%;
}

#field_1_10 .gfield_label {
    display: none;
}

#field_1_10 .ginput_container_fileupload {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    border: 1px dashed #ccc;
    background: #fafafa;
    border-radius: 10px;
    padding: 15px 20px;
    min-height: 54px;
}

/* Hide default file input */
#field_1_10 input[type="file"] {
    display: none !important;
}

/* Hide file rules */
#field_1_10 .gform_fileupload_rules {
    display: none;
}

/* Validation message */
#field_1_10 .gfield_validation_message {
    font-size: 12px;
    color: #e74c3c;
    margin-top: 4px;
}

/* ===== UPLOAD BUTTON ===== */
.gf-upload-btn {
    display: flex;
    color: #464646;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.gf-upload-btn:hover {
    color: #202647;
    cursor: pointer;
}

.gf-upload-btn:hover .gf-upload-icon svg {
    color: #202647;
    fill: #202647;
}

.gf-upload-icon {
    width: 18px;
    height: 18px;
    display: flex;
    color: #464646;
    fill: #464646;
}

.gf-upload-icon svg {
    width: 18px;
    height: 18px;
    display: flex;
    color: #464646;
    fill: #464646;
}
label[for="input_1_10"] {
    display: flex;
    color: #464646;
    align-items: center;
    gap: 5px;
}
.gf-upload-btn-txt {
    text-decoration: underline !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}
#field_1_10 .gfield_validation_message {
    position: absolute;
    bottom: 0px;
    left: 8px;
}

/* ===== FILE NAME ===== */
.gf-file-name {
    margin-bottom: 0 !important;
    font-size: 15px !important;
    color: #202647 !important;
    max-width: 210px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}
/* ===== GF FILE UPLOAD PREVIEW ===== */
#gform_preview_1_10 {
    margin-top: 10px;
    width: 100%;
    position: absolute;
    bottom: 12px;
    left: 0;
    padding-left: 8px;
    padding-right: 8px;
}

#gform_preview_1_10 .ginput_preview {
    width: 100%;
}

/* ===== FILE NAME ===== */
#gform_preview_1_10 .gfield_fileupload_filename {
    font-size: 13px !important;
    color: #202647;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    display: block;
}

/* ===== PROGRESS BAR (hide after complete) ===== */
#gform_preview_1_10 .gfield_fileupload_progress {
    display: none !important;
}

/* ===== DELETE BUTTON ===== */
#gform_preview_1_10 .gform_delete_file {
    width: 15px !important;
    height: 15px !important;
    min-width: unset;
     
}

/* ===== TRASH ICON ===== */
#gform_preview_1_10 .gform_delete_file .dashicons-trash {
    width: 15px !important;
    height: 15px !important;
    font-size: 15px;
    color: #e74c3c;
}
#gform_preview_1_10 .gform_delete_file .dashicons-trash::before {
    width: 15px !important;
    height: 15px !important;
    font-size: 15px;
    color: #e74c3c;
}

/* ===== SCREEN READER TEXT (hide visually) ===== */
#gform_preview_1_10 .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* GRAVITY FORM SECTION END */


/* SECOND GRAVITY FORM START */

gfmdl2-close/* ===== GF MODAL 2 ===== */
.gfmdl2-modal .modal-dialog {
    max-width: 580px;
    width: 100%;
}
.gfmdl2-modal .gform_title {
    display: none !important;
}

.gfmdl2-content {
    border: none;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    padding: 0;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
}

/* ===== CLOSE BUTTON ===== */
.gfmdl2-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    background: var(--dark-blue);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background 0.2s ease;
    padding: 0;
}
.custgf2title-wrp {
    position: relative;
    width: 100%;
    padding: 0 15px;
    padding-top: 20px;
}
h3.custgfmdl2-title {
    margin-bottom: 0;
    position: relative;
    padding: 10px;
    font-size: 22px;
    color: #000;
    background: linear-gradient(90deg, rgb(218 238 235) 0%, rgb(219 239 237 / 70%) 9%, rgb(8 153 127 / 0%) 100%);
    font-weight: 600;
}
.gfmdl2-close:hover {
    background: var(--dark-blue);
}

.gfmdl2-close svg {
    width: 16px;
    height: 16px;
    color: #fff;
}

/* ===== MODAL BODY ===== */
.gfmdl2-body {
    padding: 25px;
    max-height: 65vh;    
    padding-top: 20px;
}

/* ===== SCROLLBAR ===== */
.gfmdl2-body::-webkit-scrollbar {
    width: 4px;
}

.gfmdl2-body::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.gfmdl2-body::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

/* ===== GRAVITY FORM 2 FIELDS STYLE ===== */

/* Input Fields */
#gform_wrapper_2 input[type="text"],
#gform_wrapper_2 input[type="email"],
#gform_wrapper_2 input[type="tel"] {
    font-weight: 500;
    width: 100%;
    height: 50px;
    padding: 0;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(178, 177, 170, .3);
    outline: none;
    color: #000;
    box-shadow: none;
    border-radius: 0;
    font-size: 14px;
}

#gform_wrapper_2 input[type="text"]:hover,
#gform_wrapper_2 input[type="text"]:focus,
#gform_wrapper_2 input[type="email"]:hover,
#gform_wrapper_2 input[type="email"]:focus,
#gform_wrapper_2 input[type="tel"]:hover,
#gform_wrapper_2 input[type="tel"]:focus {
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(178, 177, 170, .3);
    background: none;
}

/* Textarea */
#gform_wrapper_2 textarea {
    font-weight: 500;
    width: 100%;
    min-height: 85px !important;
    height: 85px;
    padding: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(178, 177, 170, .3);
    outline: none;
    color: #000;
    resize: none;
    box-shadow: none;
    border-radius: 0;
    font-size: 14px;
    overflow: hidden;
}
div#gform_fields_2 {
    row-gap: 0;
}

#gform_wrapper_2 textarea:hover,
#gform_wrapper_2 textarea:focus {
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(178, 177, 170, .3);
    background: none;
}

/* Select Dropdown */
#gform_wrapper_2 select {
    font-weight: 500;
    width: 100%;
    height: auto;
    padding: 0;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(178, 177, 170, .3);
    outline: none;
    color: #000;
    box-shadow: none;
    border-radius: 0;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23464646' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 4px center;
}

#gform_wrapper_2 select:focus {
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(178, 177, 170, .3);
    background-color: none;
}

/* ===== FLOATING LABEL ===== */
#gform_wrapper_2 .gfield {
    position: relative;
    margin-bottom: 30px;
    padding: 0;
}
#gform_wrapper_2 .gfield#field_2_5, #gform_wrapper_2 .gfield#field_2_6{
    margin-top: 20px;
}
#gform_wrapper_2 .gfield_label {
    color: #464646;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0px;
    position: absolute;
    left: 0;
    top: 24px;
    transform: translate(0%, -50%);
    transform-origin: top;
    transition: all .3s ease-in-out;
    will-change: top;
    margin: 0;
    cursor: text;
    z-index: 1;
}

#gform_wrapper_2 .gfield--input-type-textarea .gfield_label {
    top: 14px;
    transform: none;
}

#gform_wrapper_2 .gfield--input-type-select .gfield_label {
    top: 14px;
    transform: none;
}

#gform_wrapper_2 .gfield:focus-within .gfield_label,
#gform_wrapper_2 .gfield.gfield--has-value .gfield_label {
    top: -6px;
    left: 0;
    opacity: .7;
    font-size: 12px;
}

/* ===== REQUIRED ASTERISK ===== */
#gform_wrapper_2 .gfield_required {
    display: inline !important;
}

#gform_wrapper_2 .gfield_required .gfield_required_text {
    display: none !important;
}

#gform_wrapper_2 .gfield_required::before {
    content: '*';
    color: #e74c3c;
    font-size: 14px;
    font-weight: 500;
    margin-left: 2px;
}

/* ===== VALIDATION ERROR ===== */
#gform_wrapper_2 .gfield_error input,
#gform_wrapper_2 .gfield_error textarea,
#gform_wrapper_2 .gfield_error select {
    border-bottom: 1px solid #e74c3c !important;
}

#gform_wrapper_2 .validation_message {
    color: #e74c3c;
    font-size: 12px;
    margin-top: 4px;
    position: absolute;
    left: 0;
    bottom: -22px;
}

#gform_wrapper_2 .gform_validation_errors {
    display: none;
}

/* ===== FILE UPLOAD ===== */
#field_2_8 {
    margin-bottom: 0 !important;
    width: 100%;
}

#field_2_8 .gfield_label {
    display: none;
}

#field_2_8 .ginput_container_fileupload {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    border: 1px dashed #ccc;
    background: #fafafa;
    border-radius: 10px;
    padding: 15px 20px;
    min-height: 54px;
}

#field_2_8 input[type="file"] {
    display: none !important;
}

#field_2_8 .gform_fileupload_rules {
    display: none;
}

#field_2_8 .gfield_validation_message {
    font-size: 12px;
    color: #e74c3c;
    margin-top: 4px;
}

label[for="input_2_8"] {
    display: flex;
    color: #464646;
    align-items: center;
    gap: 5px;
}
/* ===== GF FILE UPLOAD PREVIEW ===== */
#gform_preview_2_8 {
    margin-top: 10px;
    width: 100%;
    position: absolute;
    bottom: 12px;
    left: 0;
    padding-left: 8px;
    padding-right: 8px;
}

#gform_preview_2_8 .ginput_preview {
    width: 100%;
}

/* ===== FILE NAME ===== */
#gform_preview_2_8 .gfield_fileupload_filename {
    font-size: 13px !important;
    color: #202647;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    display: block;
}

/* ===== PROGRESS BAR (hide after complete) ===== */
#gform_preview_2_8 .gfield_fileupload_progress {
    display: none !important;
}

/* ===== DELETE BUTTON ===== */
#gform_preview_2_8 .gform_delete_file {
    width: 15px !important;
    height: 15px !important;
    min-width: unset;
     
}

/* ===== TRASH ICON ===== */
#gform_preview_2_8 .gform_delete_file .dashicons-trash {
    width: 15px !important;
    height: 15px !important;
    font-size: 15px;
    color: #e74c3c;
}
#gform_preview_2_8 .gform_delete_file .dashicons-trash::before {
    width: 15px !important;
    height: 15px !important;
    font-size: 15px;
    color: #e74c3c;
}

/* ===== SCREEN READER TEXT (hide visually) ===== */
#gform_preview_2_8 .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
#gform_wrapper_2 #field_2_5 .gfield_label,
#gform_wrapper_2 #field_2_6 .gfield_label {
    top: -15px;
}
#field_2_8 .gfield_validation_message {
    bottom: 32px;
    position: relative;
    left: 7px;
}


/* ===== SUBMIT BUTTON ===== */
#gform_wrapper_2 .gform-footer {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    padding: 0;
    width: 100%;
    background: #fff;
    position: absolute;
    bottom: 20px;
    left: 0;
}
#gform_wrapper_2 .gform-body.gform_body {
    min-height: 458px;
    overflow-y: auto;
}
.gfmdl2-content .gfmdl2-body {
    position: relative;
    min-height: 560px;
}
#gform_wrapper_2 .gform_button {
    border-radius: 50px;
    border: none;
    outline: none;
    color: #fff;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    width: 250px;
    height: 50px;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--soft-green);
    cursor: pointer;
    transition: 0.3s all linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

#gform_wrapper_2 .gform_button::after {
    position: absolute;
    content: '';
    bottom: 8px;
    left: -275px;
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.08);
    z-index: 1;
    border-radius: 100px;
    transition: 0.3s all linear;
    display: block;
    pointer-events: none;
}

#gform_wrapper_2 .gform_button:hover::after {
    bottom: -55px;
    left: -27px;
}

/* SECOND GRAVITY FORM END */

.cntinfcrd-wrap {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 25px;
}
.cntinfo-card  {
    width: 42%;
    padding: 15px;
    border: 0;
    border-radius: 10px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff2f0;
    border: 1px solid #f0f0f0;
}
.cntcrdtitle-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
}
.cntinfo-cust-icon {
        width: 55px;
        height: 55px;
        background: #fffffffa;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
}
.cntinfo-cust-icon svg {
    width: 55px;
    height: 55px;
    position: relative;
    top: 1px;
    color: #ff6900;
    fill: #ff6900;
}
.cntinfo-cust-cnt {
    width: 100%;
    padding-left: 5px;
}
.cntinfo-cnt-title {
        font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.2px;
    color: #25245d;
    margin-bottom: 4px;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 6px;
}
.cntinfo-cnt-link {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
    color: #ffffff;
    line-height: 27px;
    letter-spacing: 0.2px;
    text-decoration: none;
    background-image: linear-gradient(115deg, rgba(66, 148, 208, 1) 22%, rgb(102, 185, 69) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: inline-block;
    width: 100%;
    margin: 0;
    min-height: 80px;
    display: flex;
    align-items: center;
}

.cntinfcrd-wrap .cntinfo-card:nth-child(2){
    background-color: #fdf8ff !important;
}

.cntinfcrd-wrap .cntinfo-card:nth-child(3) {
    background: #f2f8ff !important;
}
.cntinfcrd-wrap .cntinfo-card:nth-child(4) {
    background: #ebfcf8 !important ;
}
.contacinfodetail-box {
    width: 90%;
    height: 330px;
    margin-bottom: 0;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.contacinfodetail-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.contacinfodetail-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.contacinfodetail-image::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgb(0 79 76 / 27%) 40.47%, rgb(0 79 76 / 27%) 40.47%, rgb(0 79 76 / 82%) 91.67%);
    z-index: 1;
}

.contacinfodetail-content {
    width: 60%;
    position: absolute;
    top: 38px;
    left: 35px;
    z-index: 9;
}
.cntcontent-list {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 21px;
    padding-bottom: 18px;    
    position: relative;
}

.cntcontent-list::after{
    content: '';
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(90deg, rgb(255 255 255 / 45%) 0%, rgb(255 255 255 / 2%) 100%);
    height: 1px;
}
.contacinfodetail-content .cntcontent-list:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom:unset;
}
.contacinfodetail-content .cntcontent-list:last-child::after {
    content: unset;
}
.cntcontent-list-icon {
    width: 40px;
    height: 40px;
    transition: 0.2s all linear;
    
}

.cntcontent-list-text {
    width: calc(100% - 60px);
}

.cntcontent-list-text span {
    color: #fff;
    display: inline-block;
    margin-bottom: 4px;
    font-size: 15px;
}

.cntcontent-list-text a{
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    display: block;
    text-decoration: none;
    letter-spacing: 0.1px;
    font-family: DM Sans, sans-serif;
    transition: 0.2s all linear;
}
.cntcontent-list:hover .cntcontent-list-text a{
    transform: scale(1.06);
    transition: 0.2s all linear;
}
.cntcontent-list:hover .cntcontent-list-icon {
   transform: scale(1.08);
    transition: 0.2s all linear;
}
@keyframes shakeLR {
    0%   { transform: translateX(0); }
    20%  { transform: translateX(-6px); }
    40%  { transform: translateX(6px); }
    60%  { transform: translateX(-4px); }
    80%  { transform: translateX(4px); }
    100% { transform: translateX(0); }
}
/* contact page end */


/* serviceprov countery section start */

.coutrylist-sec{
    width: 100%;
    padding: 80px 0;
    /* background: linear-gradient(90.13deg, rgba(255, 240, 230, 0.8) 0.12%, rgba(238, 242, 255, 0.8) 98.69%); */
    background: linear-gradient(90.13deg, rgb(232 242 255) 0.12%, rgba(238, 242, 255, 0.8) 98.69%);
    overflow: hidden;
}
.cntytle-sec {
    position: relative;
    z-index: 1;
    padding: 0;
    height: fit-content;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 80px;
}
.count-cnt-title {
   font-size: 40px;
    margin-top: 0px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 25px;
}
.count-cnt-title span {

    color: var(--soft-green);
}
p.count-cnt-desc {
    font-size: 16px;
    color: #545454;
    width: 80%;
    line-height: 26px;
    margin: auto;
}
.main-coutry-card {

    width: 100%;
    position: absolute;
    z-index: 9;
    bottom: 16px;
    left: 0;
    padding: 0 22px;
}
.maincty-title {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}
.maincty-title h3{
    font-weight: 700;
    font-size: 30px;
    font-family: Poppins, sans-serif;
    color: #fff;
    margin-bottom: 0;
}
.maincty-img {
    display: flex;
    width: 45px;
    height: 45px;
}
.maincty-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.maincty-cnt {
    width: 100%;
}
.maincty-cnt p {
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 18px;
    margin-bottom: 12px;
}
.maincty-cnt span {
   font-size: 17px;
    line-height: 27px;
    display: block;
    color: #fff;
}
.countryimg-card {
    width: 100%;
    overflow: hidden;
    height: 360px;
    border-radius: 20px;
    position: relative;
}
.cutryImage {
        width: 100%;
    height: 100%;
    position: relative;
}
.cutryImage::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.cutryImage::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(23 44 69 / 16%) 39.29%, #172c45eb 100%);
}
.cutryImage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}
.countryname-title {
    position: absolute;
    z-index: 9;
    bottom: 10px;
    transition: 0.5s;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 8px;
    text-align: center;
    width: 100%;
    left: 0;
}
.countryimg-card:hover  {
    cursor: pointer;
}
.countryimg-card:hover .cutryImage img {
    transform: scale(1.1);
}
.countryimg-card:hover .cutryImage::before  {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.countryimg-card:hover .countryname-title  {
    bottom: 45%;
}

/* serviceprov countery section end */

/* how we work page section Start */
.hhwsection{
    width: 100%;
    padding: 90px 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(230deg,rgba(251, 249, 252, 1) 0%, rgba(248, 244, 249, 1) 100%);
}
.howeWork-pge .aboutmain-title{
    width: 80%;
}
.howeWork-pge .abtdesc{
    font-family: DM Sans, sans-serif;
}
.aboutPage-abt.howeWork-pge {
    padding: 90px 0;
}
.secsub-desc {
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    font-family: DM Sans, sans-serif;
    margin-bottom: 0;
    margin-top: 12px;
}
.section-desc .section-descClr {
    color: #4294d0;
}
.hhwcntslide-sec {
    display: flex;
}

.hworkimage-wrp {
    width: 345px;
    height: 572px;
    border-radius: 12px;
    position: relative;
}

.hworkimage-wrp::after {
    content: '';
    position: absolute;
    top: 18px;
    width: 300px;
    height: 570px;
    border-radius: 12px;
    background: #164ac8;
    left: -18px;
}

.hworkimage-list {
    width: 345px;
    height: 570px;
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    z-index: 9;
}

.hworkimage-item {
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px;
    overflow: hidden;
    transition: width .75s cubic-bezier(.645,.045,.355,1);
}

.hworkimage-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hworkimage-item.active {
    width: 100%;
    z-index: 2;
}
.hworkimage-item::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.hworkimage-item:hover::before {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.hworktitle-wrp {
    flex: 1;
    margin-left: 45px;
    padding-top: 0px;
    border-left: 1px solid #d8d9da;
    position: relative;
}

h4.hworkTitletxt {
    color: #202647;
    padding-left: 45px;
    margin-bottom: 12px;
    position: relative;
    cursor: pointer;
    height: 53px;
    display: flex;
    align-items: center;
    border-bottom-right-radius: 35px;
    border-top-right-radius: 35px;
    transition: 0.3s all linear;
}
.hwrkbg-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom-right-radius: 35px;
    border-top-right-radius: 35px;
    transition:  .75s all linear;  
    z-index: -1;  
}
.hworkTitletxt::before {
    
    content: "";
    opacity: 0;
    position: absolute;
    top: 50%;
    left: -9px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 2px solid transparent;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(182deg, rgba(66, 148, 208, 1) 13%, rgba(102, 185, 69, 1) 100%) border-box;
    transition: all .3s linear 0s;
}
h4.hworkTitletxt::after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 50%;
    left: -5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: translateY(-50%);
    background: linear-gradient(
    182deg,
    rgba(66, 148, 208, 1) 13%,
    rgba(102, 185, 69, 1) 100%
  );
  transition: all .3s linear 0s;
    z-index: 2;
}
.hworkdesc-wrp {
    width: 520px;
    height: 580px;
    position: relative;
}

/* Slide styling */
.hworkSwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hworkdesc-card {
    width: 100%;
    height: 100%;
    padding: 35px;
    background: #fff;
    border-radius: 15px;
    backface-visibility: hidden;
}
h2.hworkdesc-title {
    font-size: 30px;
    line-height: 35px;
    color: rgb(10, 17, 25);
    padding-bottom: 24px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgb(205, 205, 205);
}
.hworkdesc-txt {
    font-size: 17px;
    color: #212020;
    font-family: DM Sans, sans-serif;
    line-height: 27px;
}
ul.hwdec-infolist {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 35px;
}

span.hwdec-infoicn {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

li.hwdec-infoitem {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
    color: #505D67;
}

.hwdec-infoicn svg {
    width: 20px;
    height: 20px;
    color: #505D67;
    fill: #505D67;
}

span.hwdec-infotxt {
    display: inline-block;
    width: calc(100% - 35px);
    position: relative;
    top: -3px;
}
.active.hworkTitletxt::after, .active.hworkTitletxt::before {
    transition: all .3s linear 0s;
    opacity: 1;
}
.active.hworkTitletxt  {
      
    color: #fff;
    background: linear-gradient(160deg, rgba(66, 148, 208, 1) 0%, rgba(102, 185, 69, 1) 100%);
    z-index: 2;
    transition: 0.3s all linear;
}
.hworkSwiper .swiper-slide-visible {
    border-color: #dfdfdf;
    background-color: #ffffff;
    box-shadow: 0 0 15px rgb(61 101 191 / 12%);
    border: 1px solid #ededed;
    border-radius: 15px;
}


/* how we work page section End */


.container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}

/* Content Container Start */

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

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

@media (min-width: 1300px) and (max-width: 1399px) {
    .container {
        max-width: 1270px;
    }
}

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


/* Content Container End */

.b-services-announcementsbg {
    position: absolute;
    width: 1024px;
    height: 1024px;
    top: 0;
    left: 4px;
    overflow: hidden;
    border-radius: 100%;
    left: 504px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);

}
.b-services-announcementsbg  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center left;
    opacity: 0.2;
}


@media screen and (min-width: 992px) and (max-width: 1024px) {
   .b-services-announcementsbg {
    height: 920px;
   }
   h2.tech-title-desc {
        font-size: 28px;
        line-height: 40px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
   .b-services-announcementsbg {
    height: 920px;
   }
}
@media screen and (max-width: 767px) {
    .b-services-announcements--collection {
        height: 100%;
        left: auto;
        margin-top: 0px;
        overflow: hidden;
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
    }
    .b-services-announcementsbg {
        overflow: hidden;
        border-radius: 100%;
        height: 512px;
        left: 50%;
        top: 400px;
        transform: translateX(-50%) translateY(0);
        width: 512px;
    }
    .tech-title-Wrap {
    height: auto;
    margin-top: 40px;
    padding: 0 12px;
   }
    .test-section {
        height: 100vh;
    }
    
   .b-services-announcements--clause--details:before, .b-services-announcements--clause--details:after {
    background: transparent;
    display: none;
   }
   .b-services-announcements--collection:before {
    display: none;
   }
    .b-services-announcements--collection--circle {
        height: 496px;
        width: 496px;
    }
    span.tech-title-txt, .section-title {
    font-size: 16px;
    line-height: 26px;
    }
    h2.tech-title-desc, .section-desc {
     font-size: 22px;
     line-height: 36px;
     width: 100%;
    }
}

/* scroll industry section end */

.srcl-cntCard {
    width: 100%;
    position: relative;
    height: auto;
}
.indsec_wrapper {
    height: 560px;
    min-height: 560px;
    overflow: hidden;
    position: relative;
    transition: none;
    border-radius: 30px;
    overflow: hidden;
}

/* Tabs */

.scrlindus-sec {
    width: 100%;
    padding: 80px 0;
    background: #E3F0FF;
    overflow: hidden;
}
.indsec_tabs {
    position: relative;
    display: flex;
    list-style: none;
    z-index: 99;
    padding: 0 6px;
    margin-bottom: 25px;
    justify-content: space-between;
    border-bottom: 2px solid #CCE3FF;
    margin-block: -5px 25px;
    gap: 15px;
}

.indsec_tabs li {
    font-size: 18px;
    font-weight: 400;
    color: #202647;
    position: relative;
    min-height: 42px;
    cursor: pointer;
    transition: 0.3s all linear;
    padding: 0 16px;
    margin-bottom: 0;
}
.indsec_tabs li::before {
    content: "";
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 4px;
    position: absolute;
    background-color: var(--soft-green);
    transition: 0.3s all linear;
    border-radius: 1px;
    opacity: 0;
    transition-delay: .35s;
}
.indsec_tabs li::after {
    content: "";
    width: 0;
    height: 0;
    top: 100%;
    left: 50%;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 9px solid var(--soft-green);
    transform: translate(-50%, 0);
    transition:  0.3s all linear;
    opacity: 0;
    transition-delay: .35s;
}
.indsec_tabs li.indsec_active:not(.slick-slide)::before, .indsec_tabs li.indsec_active:not(.slick-slide)::after {
    opacity: 1;
}
.indsec_tabs li.indsec_active {
  color:var(--soft-green);
}

/* Grid */
.indsec_grid {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Cards */
.indsec_item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  transform-origin: top;
}

/* Image */
.indsec_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Overlay */
.indsec_content {
  position: absolute;
  bottom: 50px;
  left: 50px;
  color: #fff;
  z-index: 2;
}

.indsec_content h2 {
  font-size: 40px;
  margin: 0;
}
.indsectorcrd {
    display: flex !important;
    align-items: flex-start;
    min-height: 560px;
    padding: 45px 50px;
    position: sticky; 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: none !important;
    border-radius: 30px;
    overflow: hidden;
    transition: none;
    z-index: 1; 
    
}
.indsectorcrd::before{
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(270deg, rgba(2, 57, 124, 0) 0, rgb(0 95 206 / 40%) 15.47%, #00224e 100%);
    pointer-events: none;
    z-index: 1;
}
.indsectorcrd-box {
    position: relative;
    z-index: 2;
    width: 50%;
}
.scrlhead-idus {
    text-align: left;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    line-height: 43px;
    position: relative;
    margin-bottom: 18px;
}
.scrldesc-idus {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0;
    color: #fff;
}
ul.scrlpint-lst {
    width: 100%;
    margin-top: 15px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
}
li.scrlpint-item {
    position: relative;
    margin-top: 30px;
    font-size: 20px;
    line-height: 35px;
    display: flex;
    align-items: flex-start;
}
span.scrlpintIcon {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: relative;
    top: 7px;
    color: var(--soft-green);
    fill: var(--soft-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.scrlpintIcon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.scrlpint-itemtxt {
    width: calc(100% - 45px);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
}
.scrlpint-itemtxt strong {
    margin-right: 2px;
    color: #ffffff;
}

/* scroll industry section end */

/* aiAbout section start */

.aiabtsec {

    width: 100%;
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}
.aiabtimage-lrg {
    height: auto;
    width: 410px;
    border-radius: 30px;
    overflow: hidden;
}
.aiabtimage-lrg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aiabtimage-sml {
    position: absolute;
    bottom: 35px;
    right: -100px;
}

.aiabtimage-wrap {
    height: auto;
    width: 410px;
    position: relative;
}
.aiabtimage-sml img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.aiabtimage-wrap .dtz-imageline-sec {
    height: 220px;
    right: -80px;
}
span.aiabtsub-title {
    font-size: 18px;
    line-height: 1;
    color: #08997f;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

span.aiabtsub-title::before {
    font-size: 20px;
    line-height: 1;
    background: #08997f;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    content: unset;
    position: absolute;
    width: 11px;
    height: 11px;
    left: -2px;
    top: 3px;
    z-index: 99;
    border-radius: 20px;
}

p.aiabtsub-txtdesc {
    font-size: 16px;
    width: 100%;
    color: rgb(84, 84, 84);
    line-height: 26px;
    margin-bottom: 50px;
    margin-top: 20px;
}


.aiabt-iconic-img {
    display: inline-flex;
    width: 56px;
    height: 56px;
    margin-bottom: 15px;
    transition: 0.2s all linear;
}

.aiabt-iconic-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.aiabt-iconic-box:hover .aiabtitle-sec .aiabt-iconic-img {
    transform: scale(1.08);
    transition: 0.2s all linear;
}
.aiabtdesc-abtcontent p {
    font-size: 16px;
    width: 100%;
    color: rgb(84, 84, 84);
    line-height: 26px;
    margin-bottom: 50px;
    margin-top: 0px;
}

h5.aiabtdesc-abtcntitle {
    margin-bottom: 15px;
}
.aiabtsub-mintitle {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 42px;
    font-weight: 700;
    line-height: 56px;
    color: var(--dark-blue);
}
.aiabtitle-sec {
    display: flex;
    align-items: center;
    gap: 20px;
}
.aiabtimage-wrap span.dtz-igm.igmsecond{
   bottom: 50px;
}

/* aiAbout section end */

/* Ai Services Section Start */

.aicustserv-sec {
    width: 100%;
    padding: 80px 0;
    /* background: linear-gradient(145deg,#004a91 0%,#002254 50%,#002254 100%); */
    background: var(--dark-blue);
    position: relative;
    padding-bottom: 150px;
    overflow: hidden;
}
.aicustserv-sec::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/dt-bg-pattern.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity: 0.52;
}
h2.aiserv-title {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    margin: auto;
    margin-top: 15px;
    line-height: 54px;
    text-align: center;
}

.aiservcust-wrap {
    width: 100%;
    position: relative;
}

.aiserv-titlesec {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 9;
    margin-bottom: 100px;

}
p.aiserv-desc {
    font-size: 17px;
    color: #fff;
    text-align: center;
    line-height: 27px;
    width: 83%;    
    margin: auto;
    margin-top: 20px;
    margin-bottom: 0;
}
.aiserv-titlesec:after {
    content: '';
    position: absolute;
    bottom: -32px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgb(255 255 255 / 8%) 0%, rgb(255 255 255 / 32%) 50%, rgb(255 255 255 / 8%) 100%);
}
.aicntlft-sec {
    width: 100%;
    position: relative;
}
.aicntlft-title {
    color: #fff;
    font-size: 38px;
    margin-bottom: 0px;
}
.aicntlft-dsc {
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 20px;
    position: relative;
    letter-spacing: 0.2px;
    width: 80%;
}
.aicntlft-dsc-list {
    width: 100%;
    margin-top: 15px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
    width: 80%;
}
.aicntlft-dsc-item .aicnt-dstxt strong {
    margin-right: 2px;
    color: #fff;
}
.aicntlft-dsc-item {
    position: relative;
    margin-top: 30px;
    font-size: 20px;
    line-height: 35px;
    display: flex;
    align-items: flex-start;
}
.aicnt-dstxt {
    width: calc(100% - 45px);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
    margin-bottom: 0;
}
.aicntrhtIamge-sec {
    position: relative;
    max-width: 450px;
    height: 575px;
    width: 100%;
    line-height: 0;
    border-radius: 21px;
}
/* .aicntrhtIamge-sec::before {
        position: absolute;
    width: 20px;
    height: 20px;
    content: "";
    bottom: 235px;
    border-bottom-left-radius: 21px;
    box-shadow: -10px 10px 0 10px #002254;
    background: transparent;
    z-index: 1;
    left: 0px;
}
.aicntrhtIamge-sec::after {
    position: absolute;
    width: 20px;
    height: 20px;
    content: "";
    bottom: 0px;
    right: 220px;
    border-bottom-left-radius: 21px;
    box-shadow: -10px 10px 0 10px #002254;
    background: transparent;
} */
.aicntrhtIamge-lrg {
    position: relative;
    max-width: 450px;
    height: 575px;
    width: 100%;
    line-height: 0;
    border-radius: 21px;
    overflow: hidden;
}
.aicntrhtIamge-lrg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aicntrhtIamgeSml {
    width: 285px;
    height: 260px;
    line-height: 0;
    position: absolute;
    left: -100px;
    bottom: -30px;
    border-radius: 21px;
    overflow: hidden;
    outline: 12px solid #F0EDF5;
}
.aicntrhtIamgeSml img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aicuserv-icn {
    width: 65px;
    height: 65px;
    background: #08997f;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin-bottom: 30px;
}
.aicuserv-icn svg {
    color: #fff;
    width: 36px;
    height: 36px;
}
.aicnt-dsicn {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: relative;
    top: 7px;
    color: var(--soft-green);
    fill: var(--soft-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.aicnt-dsicn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.aicntser-sec {
    display: flex;
    flex-direction: column;
    row-gap: 150px;
    position: relative;
    z-index: 9;
}
.aicntser-card.aicntcrd-swap .aicntrhtIamgeSml {
    left: unset;
    right: -100px;
}

.aicntser-card.aicntcrd-swap .aicntlft-sec {
    padding-left: 100px;
}

.aicntser-card.aicntcrd-swap .aicntlft-dsc {
    width: 100%;
}

.aicntser-card.aicntcrd-swap .aicntlft-dsc-list {
    width: 100%;
}

/* Ai Services Section End */

/* ai-ml Section start */

.aiml-custsec {
    width: 100%;
    padding: 80px 0;
}
.custaiml-title-wrap {
    width: 100%;
    position: relative;
    margin-bottom: 65px;
}
.custaiml-title {
    font-size: 40px;
    font-weight: 700;
    color: var(--dark-blue);
    width: 100%;
    margin: auto;
    margin-top: 15px;
    line-height: 54px;
    text-align: center;
}
.custaiml-desc {
    font-size: 17px;
    color: rgb(84, 84, 84);
    text-align: center;
    line-height: 27px;
    width: 83%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 0;
}
.custalmi-image {
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.custalmi-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.aitechtitle-wrap {
    width: 100%;
    position: relative;
    z-index: 9;
    margin-bottom: 65px;
    text-align: center;
}

.aitech-sec {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    min-height: 80vh;
}

.aitech-title span {
    display: inline-block;
    background: linear-gradient(90deg, rgb(0 34 78) 22% 22%, rgb(33 164 140) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.aitech-title {
    font-size: 40px;
    font-weight: 700;
    color: var(--dark-blue);
    width: 100%;
    margin: auto;
    margin-top: 15px;
    line-height: 54px;
}

.aitech-desc {
    font-size: 17px;
    color: rgb(84, 84, 84);
    text-align: center;
    line-height: 27px;
    width: 83%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 0;
}
.aitechWrap {
    width: 100%;
    position: relative;
}
.aitch-card {
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}
.aitchImage {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.aitchImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}
.aitchImage::before{
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.aitchImage::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(23 44 69 / 16%) 39.29%, #172c45eb 100%);
}
.aitch-card:hover .aitchImage::before {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.aitchNme {
    font-size: 22px;
    position: absolute;
    bottom: 6px;
    left: 0;
    z-index: 9;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    font-weight: 600;
    transition: all 400ms linear;
}
.aitch-card:hover .aitchImage img{
    transform: scale(1.1);
}
.aitch-card:hover .aitchNme {
    bottom: 45%;
}

/* ai-ml Section end */

/* services latest section start */

.servlst-sec {
    width: 100%;
    position: relative;
    padding: 80px 0;
    background: linear-gradient(145deg,rgba(0, 34, 78, 1) 0%, rgba(0, 34, 78, 1) 76%, rgba(8, 153, 127, 1) 100%);
    overflow: hidden;
}
.nwservice-wrp {
    width: 100%;
    position: relative;
}
.servlstitle-wrap {
    position: relative;
    z-index: 1;
    padding: 0;
    height: fit-content;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 100px;
}
.servlstitle-wrap::after{
    content: '';
    position: absolute;
    bottom: -43px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgb(255 255 255 / 8%) 0%, rgb(255 255 255 / 32%) 50%, rgb(255 255 255 / 8%) 100%);
}
.servlstitle {
    font-size: 40px;
    margin-top: 0px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 20px;
}
.servlstitle span {
    color:  var(--soft-green);
}
.servlstDesc {
    font-size: 16px;
    color: #ffffff;
    width: 95%;
    line-height: 26px;
    margin: auto;
}
.nmlcuserv-icn {
    width: 65px;
    height: 65px;
    background: #08997f;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin-bottom: 30px;
}
.nmlcuserv-icn svg {
    color: #fff;
}
.nmlcuserv-title {
    color: var(--dark-blue);
    font-size: 38px;
    margin-bottom: 0px;
}
.nmlcuserv-desc {
    color: rgb(84, 84, 84);
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 20px;
    position: relative;
    letter-spacing: 0.2px;
}
.servlstCnt-lft .aicntlft-dsc-list {
       width: 90%; 
}
.curserv-wrap {
    display: flex;
    gap: 50px;
    height: 520px;
    min-height: 520px;
    position: relative;
    transition: none;
    border-radius: 30px;
    overflow: hidden;
    align-items: flex-start;
}
.curservGrid {
    width: 100%;
    display: flex;
    width: max-content;
}
.servlstIgm-wrap {
    position: relative;
    top: 0px;
    width: 40%;
    margin-left: 65px;
}
.curserv-wrapper{
    overflow: hidden;
}
.curservGrid {
    display: flex;
}

.serv-slide {
    flex-shrink: 0;
}
.servlstCnt-image {
     
    overflow: hidden;
    margin: auto;
    border-radius: 20px;
    position: absolute;  
    top: 0;
    left: 0;
    width: 460px;
    height: 530px;
    opacity: 1;
    transition: opacity 0.5s ease;
}
.servlstCnt-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.servImgWrapper  {
    width: 100%;
    overflow: hidden;
    margin: auto;
    height: 100%;
    border-radius: 25px;
    position: relative;
}
.servcrdImage {
    position: absolute;
    inset: 0;
    --f: 0%;
    z-index: 1;
    width: 100%;
    height: 100%;
    /* ✅ correct mask */
    mask-image: radial-gradient(circle at center, black var(--f), transparent calc(var(--f) + 1%));
    -webkit-mask-image: radial-gradient(circle at center, black var(--f), transparent calc(var(--f) + 1%));
}
.servcrdImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.servcrdImage.active {
    z-index: 2;
}
.servmin-crdwrp {
    width: 100%;
    padding: 30px;
    background: #fff;
    border-radius: 30px;
}
.myservSwiper {
  height: 560px;
  padding-top: 5px;
}
.myservSwiper .swiper-slide {
  height: 100% !important;
  padding-left: 65px;
} 
.myservSwiper  .swiper-pagination {
    left: 0;
    right: unset;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.myservSwiper .swiper-pagination-bullet {
    background: #08997f; 
    display: inline-block;
    height: 10px;
    opacity: 0.3;
    width: 10px;
    margin: 7px 0 !important;
    position: relative;
}
.myservSwiper span.swiper-pagination-bullet::after{
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    background: #fff;
    width: 2px;
    height: 3px;
    border-radius: 50px;
    opacity: 0;
}
.myservSwiper span.swiper-pagination-bullet.swiper-pagination-bullet-active::after{  
    width: 7px;
    height: 7px; 
    opacity: 1;
}
.myservSwiper span.swiper-pagination-bullet.swiper-pagination-bullet-active {  
    width: 15px;
    height: 15px; 
    opacity: 1;
}
.myservSwiper span.swiper-pagination-bullet.swiper-pagination-bullet-active{ 
    opacity: 1;
}
p.servcrdIm-count { 
    font-style: normal;
    font-weight: 700;
    font-size: 145px;
    line-height: 129px;
    letter-spacing: 0.03em;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.48;
    text-align: left;
    position: absolute;
    bottom: 0px;
    right: 5px;
    z-index: 9;
}
.servcrdImage::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(0 34 78 / 40%) 0%, rgb(0 95 206 / 18%) 100%);
}
.srvcntlft-dsc-list  {
    margin-top: 15px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
    width: 90%;
}
.srvcntlft-dsc-item{
    position: relative;
    margin-top: 30px;
    font-size: 20px;
    line-height: 35px;
    display: flex;
    align-items: flex-start;
}
.srvcntlft-dsc-item .srvcnt-dstxt strong{
    margin-right: 2px;
    color: var(--dark-blue);
}
.srvcnt-dsicn  {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: relative;
    top: 7px;
    color: var(--soft-green);
    fill: var(--soft-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.srvcnt-dsicn  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.srvcnt-dstxt  {
    width: calc(100% - 45px);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #202647;
    margin-bottom: 0;
}
p.abtmarb {
    margin-bottom: 0;
}

.serviceswrptxt-box .aicntlft-dsc-list {
    width: 100%;
}
.uiuxlft-sec .aicntlft-dsc-list{

    width: 100%;
}
.uiuxlft-sec .aicntlft-dsc {

    width: 100%;
}
.uiuxcntrhtIamge-sec {
    margin-left: auto;
}
section.uiuxserv-sec::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/dt-bg-pattern.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity: 0.52;
}
.uixNub {
    font-style: normal;
    font-weight: 700;
    font-size: 120px;
    line-height: 160px;
    letter-spacing: 0.03em;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.45;
    position: relative;
    top: 0;
}
/* services latest section end */

/* hww abt section start */
.hwwAbtsec {
    width: 100%;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(156deg, rgba(227, 240, 255, 1) 26%, rgb(227 240 255 / 18%) 50%, rgba(255, 255, 255, 1) 100%);
    
}
.hwwAbtsecBg {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
}

.hwwAbtsecBg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
span.howrklbl {
    font-size: 18px;
    line-height: 1;
    color: #08997f;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

span.howrklbl::before {
    font-size: 20px;
    line-height: 1;
    background: #08997f;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    content: unset;
    position: absolute;
    width: 11px;
    height: 11px;
    left: -2px;
    top: 3px;
    z-index: 99;
    border-radius: 20px;
}

h2.howrklbl-title {
    font-size: 40px;
    margin-top: 12px;
    margin-bottom: 16px;
    font-weight: 600;
    color: var(--dark-blue);
    margin-bottom: 30px;
    width: 100%;
    line-height: 54px;
}

p.howrklbl-dsc {
    font-size: 17px;
    line-height: 27px;
    width: 90%; 
}
.hwarht-frst-cir {
    position: relative;
    width: 220px;
    height: 220px;
    text-align: center;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    margin-left: 17%;
    z-index: 1;
    margin-top: 11px;
}

.cirmin-cnt {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    transition: transform 0.8s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cirfrnt {
    padding: 24px;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    -webkit-box-shadow: 0 2px 22px rgba(110, 123, 129, .2);
    -moz-box-shadow: 0 2px 22px rgba(110,123,129,.2);
    box-shadow: 0 2px 22px rgba(110, 123, 129, .2);
    overflow: hidden;
    /* background-color: #1D73ED; */
    background: var(--dark-blue);

}

.cirbck {
    padding: 24px;
    font-size: 14px;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    -webkit-box-shadow: 0 2px 22px rgba(110, 123, 129, .2);
    -moz-box-shadow: 0 2px 22px rgba(110,123,129,.2);
    box-shadow: 0 2px 22px rgba(110, 123, 129, .2);
    overflow: hidden;
    /* background-color: #0C57AD; */
    background: var(--dark-blue);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.cirfrnt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -.003em;
    color: #FFF;
}

.cirfrnt h5 {
    font-weight: 700;
    font-size: 22px;
    margin-top: 25px;
    margin-bottom: 13px;
    line-height: 32px;
}
.hwarht-frst-cir:hover .cirmin-cnt {
    webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.hwarht-frst-cir.hwarhtSecond {
    margin-left: auto;
    margin-top: -140px;
    margin-right: 11.229135%;
}
.hwarhtSecond .cirfrnt {
    /* background: #AF3FAC; */
    background: var(--soft-green);
}
.hwarhtSecond .cirbck {
    /* background: #831980; */
    background: var(--soft-green);
}
.hwarht-frst-cir.hwarhtThree {
    margin-right: -8%;
    width: 204px;
    height: 204px;
    margin-top: -259px;
    margin-left: auto;
}
.hwarhtThree .cirfrnt {
    /* background: #41D48C; */
    background: var(--dark-blue);

}
.hwarhtThree .cirbck {
    /* background: #26B16D; */
    background: var(--dark-blue);
}
.hwarhtThree .cirfrnt h5{
   font-size: 20px; 
}
.hwarht-frst-cir.hwarhtfour {
    width: 211px;
    height: 211px;
    margin-left: auto;
        margin-top: -26px;
    margin-right: 18%;
}
.hwarhtfour .cirfrnt {
    /* background: #4DC1B9; */
    background: var(--soft-green);
}
.hwarhtfour .cirbck {
    /* background: #37ACA4; */
    background: var(--soft-green);
}
.hwabtcntrht-card {
    margin-top: -8%;
    z-index: 0;
    max-width: 431px;
    position: relative;
    background-color: #FFF;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    /* box-shadow: 0 2px 22px rgba(110,123,129,.2); */
    min-height: auto;
    margin-bottom: 125px;
}
p.hwabtrhtIcon-desc {
    color: #6E7B81;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.081px;
}
.hwabtrhtIcon {
    /* background-color: #84B9F5; */
    background: #efefef;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    position: absolute;
    top: -18px;
    left: 25px;
    padding: 6px 10px 6px 15px;
    white-space: nowrap;
    gap: 8px;
    display: flex;
    align-items: center;
}
.hwabtrhtIcon img {
    width: 22px;
    height: 25px;
    object-fit: contain;
}
.hwabtrhtIcontitle {
    color: #222;
    margin-bottom: 10px;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
   letter-spacing: -.116px;
}
.custhww-section {
    width: 100%;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    background: var(--dark-blue);
}
.custhww-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/dt-bg-pattern.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity: 0.52;
}
.custhwwtlt-sec {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 9;
    margin-bottom: 100px;
}
.custhwwtlt-sec::after{
    content: '';
    position: absolute;
    bottom: -32px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgb(255 255 255 / 8%) 0%, rgb(255 255 255 / 32%) 50%, rgb(255 255 255 / 8%) 100%);
}
.custhwwtlt-sec .custhwwTitle {
    font-size: 40px;
    margin-top: 0px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 20px;
}
.custhww-desc {
    font-size: 16px;
    width: 100%;
    line-height: 26px;
    color: #ffffff;
}
p.hwwflwDesc {
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 20px;
    position: relative;
    letter-spacing: 0.2px;
}
.custflwCard {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 50px;
    transition: all 0.4s ease;
}
ul.hwwflwList {
    color: rgb(84, 84, 84);
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 20px;
    position: relative;
    letter-spacing: 0.2px;
    padding-left: 0;
    padding: 24px;
    background: #ffffff14;
    border-radius: 20px;
}
.hwwflwItem:first-child {
    margin-top: 0;
}
li.hwwflwItem {
    position: relative;
    margin-top: 30px;
    font-size: 20px;
    line-height: 35px;
    display: flex;
    align-items: flex-start;
}

span.hwwflwItemIcn {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: relative;
    top: 7px;
    color: var(--soft-green);
    fill: var(--soft-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hwwflwItemIcn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

span.hwwflwItem-txt {
    width: calc(100% - 45px);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #ffffff;
    margin-bottom: 0;
}

h3.hwwflwTitle {
    color: #ffffff;
    font-size: 38px;
    margin-bottom: 0px;
}

.hwwflwcontent {
    padding-left: 75px;
    width: 100%;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 50px;
}
.custflw-sec {
    width: 100%;
    position: relative;
    z-index: 9;
}
.hwwflwImage {
    width: 500px;
    height: 600px;
    overflow: hidden;
    border-radius: 20px;
    padding: 3px;
    background: #fff;
    margin-right: auto;
    margin-left: 40px;
}

.hwwflwImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
}
.hwwflwcnt-count {
    position: absolute;
    top: 0;
    left: -50px;
    right: auto;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px dashed #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ffffff00;
    font-size: 55px;
    font-weight: 700;
    letter-spacing: 4px;
    color: transparent;
    -webkit-text-stroke: 2px #ffffff;
    background: #00224e;
    z-index: 9;
    font-family: "Montserrat", sans-serif;
    /* Transparent fill */
    color: transparent;
    /* Text outline */
    -webkit-text-stroke: 1px #ffffff;
}
.hwwflwcontent::after {
    content: '';
    position: absolute;
    top: 104px;
    left: 0;
    width: 1px;
    height: 90%;
    border-left: 2px dashed #fff;
}
.hwwflwcontent::before {
    content: '';
    position: absolute;
    top: 104px;
    left: 0;
    width: 2px;
    height: 0%;
    border-left: 2.5px solid var(--soft-green);
    transition: height 0.75s ease;
    z-index: 3;
}

/* Active → full height */
.custflwCard.active .hwwflwcontent::before {
    height: 90%;
}
.custflwCardRht .hwwflwcontent {
    padding-left: 0;
    padding-right: 70px;
}

.custflwCardRht .hwwflwImage {
    margin: unset;
    margin-left: auto;
    margin-right: 40px;
}

.custflwCardRht .hwwflwcnt-count {
    left: unset;
    right: -75px;
}

.custflwCardRht .hwwflwcontent::after {
    left: unset;
    right: -25px;
} 
.custflwCardRht .hwwflwcontent::before {
    left: unset;
    right: -25px;
} 

.custflwCardlst .hwwflwcontent::after, .custflwCardlst .hwwflwcontent::before  {
    left: unset;
    right: -25px;
    content: unset;
}
.custflwCard.active .hwwflwcnt-count{
    background: #08997f;
    -webkit-text-stroke: 1.5px #ffffff;
    border: 2px dashed #08997f;
    
    transition: 0.2s linear;
}


/* ===== IMAGE STACK FIX ===== */
.hwrkritImage {
    width: 95%;
    height: 520px;
    margin-left: auto;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.hwrkritImage img,
.hwrkritImage .servcrdImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    z-index: 1;
    opacity: 1;
    --f: 0%;
    -webkit-mask-image: linear-gradient(to right, black var(--f), transparent var(--f));
    mask-image: linear-gradient(to right, black var(--f), transparent var(--f));
}

.hwrkritImage::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(180deg, rgb(23 44 69 / 15%) 60%, #00224e85 100%);
    z-index: 3;
}

.hwrkritImage .servcrdImage::after {
    content: unset;
}

/* ===== CONTENT SWIPER ===== */
.hwabtContentSwiper {
    overflow: hidden;
}

.hwabtContentSwiper .swiper-slide {
    opacity: 0;
    transition: opacity 0.5s ease;
    height: auto;
    overflow: hidden;
    border-radius: 15px;
}

.hwabtContentSwiper .swiper-slide-active {
    opacity: 1;
}

/* ===== CARD ===== */
.hwabtcntrht-card {
    position: absolute;
    bottom: 10px;
    left: -65px;
    width: 480px;
    max-width: unset;
    z-index: 9;
    margin-bottom:0;
}
.hwabtContentSwiper .swiper-slide .hwerk-bgbox{
    
    padding: 25px 20px;
    width: 100%;
    height: 100%;
    background: rgba(230, 246, 246, 0.6);
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}
.hwerk-bgbox2 {
    background: rgba(246, 233, 240, 0.6);
}
.hwerk-bgbox3 {
    background: rgba(235, 235, 243, 0.6);
}
.hwerk-bgbox4 {
    background: rgba(242, 237, 245, 0.6);
}

@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.09); /* zoom in */
    }
    100% {
        transform: scale(1); /* back to normal */
    }
}

.hwabtcntrht-card .howlg-badge-serv {
    width: 58px;
    height: 58px;
    position: absolute;
    bottom: 2px;
    right: 4px;
    opacity: 0.3;
    animation: zoomInOut 2s ease-in-out infinite;
}

.hwabtcntrht-card .howlg-badge-serv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ===== ICON ===== */
.hwabtrhtIcon img {
    width: 18px;
    height: 22px;
    object-fit: contain;
}

.hwabtrhtIcontitle {
    font-size: 21px;
}

/* ===== CONTENT WIDTH ===== */
.hwabtcnt-sec {
    width: 95%;
}

.hwwAbtsecBg {
    display: none;
}

/* ===== BORDER DESIGN ===== */
.hwabdrsec {
    position: absolute;
    top: 0;
    left: -60px;
    height: 300px;
    width: 45px;
}

.hwabtpBdr {
    width: 4px;
    height: 66%;
    background: var(--dark-blue);
    border-radius: 30px;
    position: absolute;
    bottom: 30px;
    left: 0;
}

.hwabtmBdr {
    width: 4px;
    height: 70%;
    background: var(--soft-green);
    border-radius: 30px;
    position: absolute;
    bottom: 80px;
    right: 6px;
}

/* ===== BACKGROUND SHAPES ===== */
.hwwAbtbg-shape {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 52%;
    height: 54%;
    opacity: 0.027;
    pointer-events: none;
}

.hwwAbtbg-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hwabtdnzshape {
    position: absolute;
    right: 0;
    top: 0px;
    width: 50%;
    height: 135px;
    z-index: 9;
    opacity: 0.8;
}

.hwabtdnzshape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hwerk-titsec {
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom: 12px;
}
.hwerk-titsec .hwabtrhtIcontitle {
    margin-bottom:0;
}
.hwewrkIcon {
    width: 50px;
    height:50px;
}
.hwewrkIcon img{
    width: 100%;
    height:100%;
    object-fit:contain;
}
/* hww abt section end */

/* uiux page Start */

   
.uiuxserv-sec {
  min-height: 100vh; /* ✅ FIX */
  height: auto;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  background:  var(--dark-blue);
}

/* layout */
.services__items {
  display: flex;
  width: 100%;
}

/* LEFT NAV */
.uiservices-thumb {
   position: absolute;
  width: 80px;
  height: 300px; /* ✅ FIX */
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 99;
}

.uiservices-thumb .swiper-slide {
  text-align: center;
  opacity: 0.4;
  cursor: pointer;
}

.uiservices-thumb .swiper-slide-thumb-active {
  opacity: 1;
  font-weight: bold;
}

/* RIGHT CONTENT */
.services-main {
  height: 100vh;
  width: 100%;
}
.services-main .swiper-wrapper {
  height: 100%;
}
.uisld-content {
  width: 100%;
}
.services-main .swiper-slide {
  height: 100vh !important;
  display: flex;
  align-items: center;
}
/* Scroll indicator */
.scroll-text {
      position: absolute;
    left: 6%;
    display: flex;
    gap: 10px;
    color: #fff;
    align-items: center;
    flex-direction: column;
    height: 80px;
    top: 0px;
    bottom: 0;
    margin: auto;
    z-index: 99;
    cursor: pointer;
}

.servscrlmouse {
  width: 24px;
  height: 38px;
  border: 2px solid #ffffff52;
  border-radius: 20px;
  position: relative;
}
.uiuxsdenum {
    color: #fff;
    font-size: 23px;
    font-weight: 500;
}
.swiper-slide-thumb-active .uiuxsdenum {
    font-size: 26px;
    font-weight: 600;
}
.servscrlhead {
    opacity: 0.38;
}
.servscrlmove {
  width: 3px;
  height: 7px;
  background: #ffffff52;
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  animation: scrollMove 1.5s infinite;
  border-radius: 14px;
}

@keyframes scrollMove {
  0% { opacity: 0; transform: translate(-50%, 0); }
  50% { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%, 16px); }
}

.swiper-button-prev,
.swiper-button-next {
  display: none;
}
 .ordnrml {
        display: block;
    }
    .ordTab {
        display: none;
    }
/* uiux page End */


/* ===== BLG PREFIX CLASSES ===== */
.blg-wrapper {
  padding: 80px 0;
  width: 100%;
  position: relative;
  background: #f8f4f9;
}

/* Left Sidebar */
.blg-left-sidebar {
  position: sticky;
  top: 120px;
}
.blg-subtitle-nav {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  overflow: hidden;
}
.blg-subtitle-nav-header {
        background: var(--dark-blue);
    color: #fff;
    padding: 14px 18px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.blg-subtitle-nav ul {
  list-style: none;
  margin: 0;
  padding: 10px 0;
}
.blg-subtitle-nav ul li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
    font-size: 15px;
    color: var(--soft-green);
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: all 0.2s;
}
.blg-subtitle-nav ul li a:hover,
.blg-subtitle-nav ul li a.blg-nav-active {
  color: var(--dark-blue);
    background: #08997f1a;
    border-left: 3px solid #08997f;
    font-weight: 500;
}
.blg-subtitle-nav ul li a .blg-nav-num {
   width: 35px;
    height: 35px;
    background: #d5eee9;
    border-radius: 50%;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #08997f;
    font-weight: 600;
    flex-shrink: 0;
}

.blg-category-badge {
    display: inline-block;
    background: #E3F0FF;
    color: var(--dark-blue);
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0px;
    position: absolute;
    top: 15px;
    right: 15px;
}

/* Main Content */
.blg-main-content {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  padding: 25px;
}
.blg-hero-img {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 24px;
  position: relative;
}
.blg-hero-img img {
  width: 100%;
  object-fit: cover;
}
.blg-main-title {
  font-size: 24px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 14px;
}
.blg-intro-text {
  font-size: 15px;
  color: #545454;
  line-height: 1.8;
  margin-bottom: 20px;
}

.blg-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 28px;
}
.blg-list li {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #545454;
  line-height: 1.7;
  width: 100%;
}
.blg-list li .aicnt-dsicn {
    margin-right: 0;
    width: 14px;
    height: 14px;
}
.blg-list li .blgsbTxt {
  width: calc(100% - 20px);
}
.blg-secondary-img {
  border-radius: 10px;
  overflow: hidden;
  margin: 28px 0 20px;
}
.blg-secondary-img img {
  width: 100%;
  object-fit: cover;
}

.blg-section-heading {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 24px 0 14px;
}
.blg-point-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--dark-blue);
  margin: 20px 0 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.blg-point-title .blg-point-icon {
  width: 28px;
  height: 28px;
  background: #ebe9ff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c63ff;
  font-size: 13px;
  flex-shrink: 0;
}
.blg-point-text {
  font-size: 14px;
  color: #545454;
  line-height: 1.8;
  margin-bottom: 14px;
}
.blgsubTitle {
    font-size: 18px;
    color: #000;
}
.blg-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  /* background: linear-gradient(135deg, #6c63ff, #a18bfa); */
  background: linear-gradient(135deg, #08997f, #00224e);
  color: #fff;
  padding: 10px 22px;
  border-radius: 25px;
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 500;
  margin-top: 30px;
  transition: opacity 0.2s;
}
.blg-back-btn:hover {
  opacity: 0.9;
  color: #fff;
}

/* Right Sidebar */
.blg-right-sidebar {
  position: sticky;
  top: 120px;
}
.blg-widget {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  margin-bottom: 22px;
  overflow: hidden;
}
.blg-widget-header {
    background: #eef5ff;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #cce3ff4a;
    /* text-transform: uppercase; */
    letter-spacing: 0.4px;
}

/* Related Posts */
.blg-related-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
  text-decoration: none;
  transition: background 0.15s;
}
.blg-related-item:last-child {
  border-bottom: none;
}
.blg-related-item:hover {
  background: #fafafa;
}
.blg-related-thumb {
  width: 100%;
  height: 180px;
  border-radius: 6px;
  background: #ddd;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}
.blg-related-thumb::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(23, 44, 69, 0.00) 20%, #00224eeb 100%);
}
.blg-related-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blg-related-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9;
  padding: 0 15px;
}
.blg-related-title {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}
.blg-related-date {
  font-size: 14px;
  color: #fff;
} 
ul.blgbreadcrus {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style-type: none;
}
.blogBnr-sec {
    height: 500px;
}
.blgpage-headings {
    position: relative;
    z-index: 9;
    bottom: 60px;
}
.blgmin-title {
    color: #fff;
    font-size: 46px;
    margin-bottom: 25px;
    font-weight: 600;
    line-height: 65px;
}
.blgmin-desc {
    color: #fff;
    max-width: 730px;
    font-size: 16px;
    line-height: 26px;
    margin: auto;
}
.blgbreadcrus a {
    display: inline-flex;
    text-decoration: none;
    color: #000;
}

li.blgbread-active {
    color: #08997f;
}

li.blgbread-active a {
    color: #08997f;
}

/* Responsive */
@media (max-width: 991px) {
  .blg-left-sidebar,
  .blg-right-sidebar {
    position: static;
    margin-bottom: 24px;
  }
}


/* Mobile Menu Start */

.mobHead {
    width: 100%;
    padding: 15px 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    background: rgb(0 0 0 / 22%);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.mobnvlogo {
    display: inline-flex;
    height: 52px;
}
.mobmnuToggle {
      width: 40px;
    height: 32px;
    cursor: pointer;
    position: relative;
    background: var(--dark-blue);
    border-radius: 5px;
    padding: 0 4px;
    padding-top: 2px;
    text-align: center;
    padding-top: 3px;
}
.mobnavCnt {
    position: absolute;
    background: #fff;
    left: 0;
    transition-property: all;
    margin: auto;
    width: 95%;
    visibility: hidden;
    z-index: 10;
    margin-top: 15px;
    height: auto;
    opacity: 0;
    display: flex;
    align-items: flex-start;
    padding: 15px;
    padding-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    border-radius: 12px;
    transform: translateY(-20px) scale(0.98);
    top: 65px;
    right: 0;
}
.mobnavCnt {
        top: 67px;
    right: 0;
    box-shadow: rgb(0 0 0 / 8%) -0.050000000000000044px 7px 9px 1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.mobnavCnt.open {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) scale(1);
}
.mobmnuToggle span {
  display: block;
    height: 2px;
    width: 22px;
    background: #ffffff;
    margin: 5px auto;
    transition: 0.3s ease;
}
.headrmobnav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.mobnavCnt-item {
    width: 100%;
    padding: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 12px;
}
.mobnavCnt-link {
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    letter-spacing: 0.2px;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    width: 100%;
}
.hdrdwnmobIcon {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 0px;
}
.hdrdwnmobIcon svg {
        width: 18px;
    height: 18px;
    position: absolute;
}
.mobnavCnt-list {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 0.1rem solid #dddddda1;
    padding-left: 6px;
}
.mobnavCnt-item .mobnavCnt-list:last-child {
    border-color: transparent;
    padding-bottom: 0;
}
ul.mobsubList {
    width: 100%;
    padding: 0;
    margin: 0;
    background: #E3F0FF;
    padding: 18px 15px;
    margin-top: 10px;
    border-radius: 12px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

li.mobsubItem {
    position: relative;
    padding-bottom: 12px;
    border-bottom: 1px solid #fff;
    padding-left: 8px;
}

a.mobsubLink {
    font-size: 15px;
    display: block;
    text-decoration: none;
    color: var(--dark-blue);
}
.mobsubList .mobsubItem:last-child {
    border-color: transparent;
    padding-bottom: 0;
}
/* ACTIVE STATE (turn into X) */
.mobmnuToggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.mobmnuToggle.active span:nth-child(2) {
  opacity: 0;
}
.mobmnuToggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}
.mobmnuToggle.active span {
    width: 20px;
}
.servsubMbmenu {
    max-height: 35px; /* collapsed height */
    overflow: hidden;
    transition: max-height 0.4s ease;
}

/* OPEN STATE */
.servsubMbmenu.active {
    max-height: 500px; /* enough to fit content */
}
.hdrdwnmobIcon {
    display: inline-block;
    transition: transform 0.3s ease;
}
.servsubMbmenu.active .hdrdwnmobIcon {
    transform: rotate(180deg);
}
.mobnavCnt-link:hover{
    color: var(--soft-green);
}
.mobHead.scrolled {
    background-color: #fff;
    box-shadow: 0 1px 10px #a9a9a929;
}
.mobHead.hide-header {
    transform: translateY(-100%);
    transition: background-color 0.5s ease, box-shadow 0.5s ease;
}

/* Mobile Menu End */

/* Gravity Form Section Start */

/* ===== GRAVITY FORM WRAPPER ===== */
#gform_wrapper_1 .gform_heading .gform_title {
    display: none;
}

/* ===== FIELD CONTAINER ===== */
#gform_wrapper_1 .gform_body {
    width: 100%;
    margin-top: 0px;
}

#gform_wrapper_1 .gform_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
    padding: 0;
    list-style: none;
    margin: 0;
}

/* ===== TWO COLUMN LAYOUT (Name+Email / Company+Phone) ===== */
#gform_wrapper_1 #field_1_3,
#gform_wrapper_1 #field_1_4,
#gform_wrapper_1 #field_1_5,
#gform_wrapper_1 #field_1_6 {
    width: calc(50% - 15px);
    flex: 0 0 calc(50% - 15px);
}

/* ===== FULL WIDTH FIELDS (Message, Captcha, Submit) ===== */
#gform_wrapper_1 #field_1_7,
#gform_wrapper_1 #field_1_8,
#gform_wrapper_1 #field_1_1 {
    width: 100%;
    flex: 0 0 100%;
}

/* ===== INPUT & TEXTAREA ===== */
#gform_wrapper_1 .gfield {
    margin-bottom: 30px;
    position: relative;
    padding: 0;
}
#gform_wrapper_1 .gfield.gfield--type-html {
    margin-bottom: 15px;
    width: 100%;
}

#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"] {
    font-weight: 500;
    width: 100%;
    height: 50px;
    padding: 0;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(178, 177, 170, .3);
    outline: none;
    color: #000;
    line-height: 2.4285714286;
    box-shadow: none;
    border-radius: 0;
    font-size: 14px;
}

#gform_wrapper_1 input[type="text"]:hover,
#gform_wrapper_1 input[type="text"]:focus,
#gform_wrapper_1 input[type="email"]:hover,
#gform_wrapper_1 input[type="email"]:focus,
#gform_wrapper_1 input[type="tel"]:hover,
#gform_wrapper_1 input[type="tel"]:focus {
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(178, 177, 170, .3);
    background: none;
}

#gform_wrapper_1 textarea {
    font-weight: 500;
    width: 100%;
    min-height: 85px;
    padding: 0;
    padding-top: 20px;
    padding-left: 0;
    padding-bottom: 15px;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(178, 177, 170, .3);
    outline: none;
    color: #000;
    resize: none;
    box-shadow: none;
    border-radius: 0;
    font-size: 14px;
    overflow: hidden;
}

#gform_wrapper_1 textarea:hover,
#gform_wrapper_1 textarea:focus {
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(178, 177, 170, .3);
    background: none;
}

/* ===== FLOATING LABEL ===== */
#gform_wrapper_1 .gfield_label {
    color: #464646;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0px;
    position: absolute;
    left: 0;
    top: 24px;
    transform: translate(0%, -50%);
    transform-origin: top;
    transition: all .3s ease-in-out;
    will-change: top;
    margin: 0;
    cursor: text;
    z-index: 1;
}

#gform_wrapper_1 .gfield--input-type-textarea .gfield_label {
    top: 14px;
    transform: none;
}

/* Float label up when focused or filled */
#gform_wrapper_1 .gfield:focus-within .gfield_label,
#gform_wrapper_1 .gfield.gfield--has-value .gfield_label {
    top: -6px;
    left: 0;
    opacity: .7;
    font-size: 12px;
}

/* Hide (Required) text */
#gform_wrapper_1 .gfield_required {
    display: inline !important;
}

#gform_wrapper_1 .gfield_required .gfield_required_text {
    display: none !important;
}

#gform_wrapper_1 .gfield_required::before {
    content: '*';
    color: #464646;
    font-size: 14px;
    font-weight: 500;
    margin-left: -2px !important;
}

/* ===== VALIDATION ERROR ===== */
#gform_wrapper_1 .gfield_error input,
#gform_wrapper_1 .gfield_error textarea {
    border-bottom: 1px solid #e74c3c !important;
}

#gform_wrapper_1 .validation_message {
    color: #e74c3c;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

#gform_wrapper_1 .gform_validation_errors {
    display: none;
}

/* ===== PRIVACY POLICY TEXT ===== */
#gform_wrapper_1 .gfield--type-html p {
    font-size: 13px;
    color: #464646;
}

/* ===== CAPTCHA ===== */
#gform_wrapper_1 #field_1_8 .gfield_label {
    display: none;
}

/* ===== SUBMIT BUTTON ===== */
#gform_wrapper_1 .gform-footer {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    padding: 0;
}
#gform_wrapper_1 .gform_button {
    border-radius: 50px;
    border: none;
    outline: none;
    color: #fff;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    width: 250px;
    height: 50px;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--soft-green);
    gap: 10px;
    cursor: pointer;
    transition: 0.3s all linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
#gform_wrapper_1 .gform_button:hover {

    color: rgb(255, 255, 255);
    background: rgb(33, 164, 140);
    font-size: 18px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
#gform_wrapper_1 .gform_button::after {
    position: absolute !important;
    content: '' !important;
    bottom: 8px;
    left: -275px;
    width: 300px !important;
    height: 300px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    z-index: 1 !important;
    border-radius: 100px !important;
    transition: 0.3s all linear !important;
    display: block !important;          /* force render */
    pointer-events: none;
}

#gform_wrapper_1 .gform_button:hover::after {
    bottom: -55px !important;
    left: -27px !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 767px) {
    #gform_wrapper_1 #field_1_3,
    #gform_wrapper_1 #field_1_4,
    #gform_wrapper_1 #field_1_5,
    #gform_wrapper_1 #field_1_6 {
        width: 100%;
        flex: 0 0 100%;
    }
}
/* Gravity Form Section End */

/* RESPONSIVE START */

/* Mobile View */
@media (max-width: 576px) {
    .dtz-image.image_one{
        width: 100%;
        height: 280px;
    }
    .dtabtBadge {
        display: none;
    }
    .dtz-image.image_two {
        width: 260px;
        height: 300px;
        padding-top: 0px;
        right: 0;
        left: 0;
        bottom: -60px;
        margin: auto;
    }
    .dtz-image-box, .aiabtimage-wrap {
        min-height: 370px;
    }
    .custalmi-image {
        height: 160px !important;
    }    
    .aiabtimage-wrap, .aiabtimage-lrg {
        width: 100%;
    }
    .aiabtimage-sml {
        width: 260px !important;
        height: 300px !important;
        padding-top: 70px !important;
        right: 0 !important;
        left: 0 !important;
        margin: auto !important;
        bottom: -32px !important;
    }
    .aicntrhtIamgeSml {
        display: none;
    }
    .aicntser-sec {
     gap: 0px !important;   
    }
    .indsec_wrapper {
        max-height: 800px !important;
        height: 800px !important;
    }
    .scrlindus-sec {
        padding: 40px 0;
    }    
    li.scrlpint-item {
        margin-top: 16px;
    }
    ul.scrlpint-lst {
        margin-bottom: 0;
    }
    .indsectorcrd::before {
        background: linear-gradient(270deg, rgb(2 57 124 / 97%) 0, rgb(0 95 206 / 53%) 15.47%, #00224e 100%);
    }
    .techIcon-link {
       width: calc((100% - 15px) / 2) !important;
    }
    .techtab-item {
            width: auto;
    }
    .techtab-btnlist {
        justify-content: flex-start !important;
    }
    
  .clientFrontSwiper .clientfrontmb-box{
    width: 100% !important;
  }
  .indsectorcrd_mob {
    padding: 25px !important;
  }
  h2.scrlhead-idus_mob {
    font-size: 22px !important;
    line-height: 36px !important;
  }
  .mobnvlogo {
    display: inline-flex;
    height: 45px;
}
.servcrdbtn {
    width: 100%;
}
.ftrtoplst-certf-item {
    width: 33%;
    height: 120px;
}
a.sbncontet-btn {
    width: 100%;
}
.section-subdesc-txt {
flex-direction: column;
gap: 20px;
}
.titlesubdes-link {
    animation: plusPulse 2s infinite ease-in-out;
}
@keyframes plusPulse {
  0%   { transform: translateY(-50%) scale(1); }
  50%  { transform: translateY(-50%) scale(1.09); }
  100% { transform: translateY(-50%) scale(1); }
}

.cercnt-desc {
    font-size: 16px;
    line-height: 26px;
}
.career-crdtop-title, .cercnt-title {
    font-size: 22px;
}
.career-card {
    height: 335px;
}
.career-imagecard {
    height: 300px;
    min-height: 300px;
}
.career-crdtop-cnt {
    padding: 25px 15px;
}
.careerscnd-card {
    min-height: 430px;
    height: auto;
}
.careerscnd-card:hover .career-cntcard-btm {
    max-height: 345px;
    height: 345px;
}

#indsec_travel {
    background-position: left;
}
.contacpagecfcard.contactForm-card {
       padding: 20px !important;
    }
    .cntconsole-security svg.icon {
        display: none;
    }
    .cntconsole-security {
        text-align: center;
    }
    
.blgpage-headings {
    bottom: 10px;
}
.hwrkritImage {
    height: 420px;
}
.MobileRgt-image-slde {
    width: 100% !important;
    height: 500px !important;
}
.MobileRgt-cnt-slde {

width: calc(100% - 30px) !important;
}

}
@media (min-width: 577px) and (max-width: 767px) {
    .dtabtBadge {
        left: 3px;
    }
      .clientFrontSwiper .clientfrontmb-box{
    width: 100% !important;
  }
    .cercnt-desc {
    font-size: 16px;
    line-height: 26px;
}
.career-crdtop-title, .cercnt-title {
    font-size: 22px;
}
.career-card {
    height: 270px;
}
.career-imagecard {
    height: 270px;
    min-height: 270px;
}
.career-crdtop-cnt {
    padding: 25px 15px;
}
.careerscnd-card {
    min-height: 380px;
    height: auto;
}
.careerscnd-card:hover .career-cntcard-btm {
    max-height: 270px;
    height: 270px;
}
}
@media (max-width: 767px) {
    .dtz-imageline-sec {
        display: none;
    }
    .progress-label {
        display: none;
    }
    
    .herotxt-wrap {
        width: 100%;
        padding: 0 20px;
        height: 90%;
        justify-content: flex-end;
    }
    .hero-mainTitle {
        font-size: 25px;
        line-height: 37px;
    }
    .hero-mainDesc {
        font-size: 16px;
        line-height: 26px;
    }
    .herosect-iconlist {
        gap: 30px;
    }
    
    .custalmi-image {
        height: 320px;
    }
    
    .aicntrhtIamgeSml {
        display: none;
    }
    
    .tech-title-Wrap {
       text-align: center;
       align-items: center;
       justify-content: center;
    }
    .tech-des-txt {
        font-size: 15px;
    }
    .hwabtcntrht-card {
        max-width: 95%;
        left: 0;
        margin: auto;
        right: 0;
    }
    p.hwabtrhtIcon-desc {
    margin-bottom: 0;
}
.hwabtrhtIcontitle {
    font-size: 18px;
}
    ul.hiringtech-info-list {
        flex-wrap: wrap;
        gap: 12px;
    }    
    .hirtecinfo {
        flex-direction: column;
    width: 100%;
    }    
    .hiringtecho-text {
        width: 100%;
    }
    .hirbtm-sec {
        align-items: center !important;
        justify-content: center !important;
    }
    p.howrklbl-dsc {
        width: 100% !important;
    }
    
.ftrtop-list, .ftrtoplst-sec, .ftradrs-list, .ftrmdlmail-list, .ftrmdl-list {
    padding-top: 15px;
}

.hiringcnttp-sec {
    position: relative;
}
.hiringtechologo {
    position: absolute;
    right: 0;
    top: 0;
}
.hiringtecho-text {
    padding-top: 0;
    width: calc(100% - 55px);
}
h3.hiringtech-title {
    font-size: 22px;
}
h4.ftrtop-title {
    font-size: 18px;
}

.about-txt, .section-desc, .dtzsub-mintitle, h2.tech-title-desc, .count-cnt-title, .cntfrm-title, h2.sbncontet-title, .servlstitle, h2.texhtitle-text, .servcat-cnt-title, h2.regsec-title{
    font-size: 28px !important;
    line-height: 40px;
}
 .nmlcuserv-title, .servcat-title, .aicntlft-title {
    font-size: 24px !important;
 }
 .mbewdietm-titlesec {
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}
.mbewdietm-titlesec h5.wditem-title {
    font-size: 20px;
    margin-bottom: 0 !important;
    width: calc(100% - 60px);
}
.whydeenitem-card {
    min-height: 195px;
}
.whydnzshape {
    width: 40%;
}
p.wditem-txt {
    min-height: auto;
}
.mbewdietm-titlesec .wditem-icon {
    margin-bottom: 0;
}
.benefit-tour-image {
    height: 250px;
}
/* How WE Work About */


.MobileRgt-sechwk {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top:10px;
}
.MobileRgt-sechwk .hwabdrsec {
    left:135px;
}
.MobileRgt-image-slde {
    width: 450px;
    margin: auto;
    height: 600px;
    position: relative;
}

.swiper.hwkmobiamgeSwiper {
    width: 100%;
    height: 100%;
}

.mobhwkIamge {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow:hidden;
}
.mobhwkIamge img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow:hidden;
    object-fit:cover;
}
.hwktileIcn-sec {
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px
}
.hwkmobsldIcon {
    width: 50px;
    height:50px;
}
.hwkmobsldIcon img{
    width: 100%;
    height:100%;
    object-fit:contain;
}
.hwkmobsld-title {
    color: #222;
    margin-bottom: 10px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -.116px;
    width: calc(100% - 70px);
}
.mobhwksld-desc{
    color: #6E7B81;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.081px;
    margin-bottom:0px;       
}
.MobileRgt-cnt-slde {
    padding: 20px;
    width: 420px;
    position: absolute;
    background-color: #FFF;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0 2px 22px rgba(110, 123, 129, .2);
    min-height: auto;
    left:0;
    right:0;
    bottom: 15px;
    margin: auto;
    z-index: 9;
}

.howlg-badge-serv {
    animation: zoomInOut 2s ease-in-out infinite;
    width: 58px;
    height: 58px;
    position: absolute;
    bottom: 2px;
    right: 4px;
    opacity: 0.3;
}

.howlg-badge-serv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.MobileRgt-sechwk .hwabdrsec {
    display: none;
}
.hwwAbtbg-shape {
    width: 100%;
    height: 32%;
}

/* How WE Work About */

}

@media (min-width: 768px) and (max-width: 991px) {
    .dtz-image.image_two {
       right: 200px;
    }
    .mobnavCnt{
        width: 70%;
    }
    .hwabtcntrht {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hwarht-frst-cir {
    width: 48%;
    border-radius: 12px;
    top: 0;
    left: 0;
    margin-left: 0px; 
    min-height: 175px;
    height: 175px;
    margin-bottom: 42px;
    margin-top: 0 !important;
}
.hwarht-frst-cir.hwarhtSecond{
    
    margin-left: 20px !important;
}
.hwabtcntrht-card {
    text-align: center;
}
    .cirfrnt, .cirbck {
    width: 100%;
    border-radius: 15px;
} 
.hwarhtfour {
    margin-left: 20px !important;
}   
    .hwarht-frst-cir.hwarhtfour {
    width: 48%;
    position: relative;
    min-height: 220px;
    margin-left: 20px;
}
    .hwarht-frst-cir.hwarhtThree {
    margin-right: 0;
    width: 48%;
    margin-top: 0;
    margin-left: 0px;
    margin-bottom: 25px;
    min-height: 220px;
    }
    
.hwarht-frst-cir.hwarhtThree, .hwarht-frst-cir.hwarhtfour {
    min-height: 175px;
    height : 175px;
}
.cercnt-desc {
    font-size: 16px;
    line-height: 26px;
}
.cercnt-title {
    font-size: 22px;
}
.career-crdtop-cnt {
    padding: 20px 10px;
}
.careerscnd-card:hover .career-cntcard-btm, .career-card {
    height: 225px;
    max-height: 225px;
}
 .career-imagecard {
    height: 225px;
    min-height: 225px;
}
.careerscnd-card {
    height: 355px;
    min-height: 355px;
}
.servcat-cnt-sec:after {
    bottom: -22px;
}
.aicntser-card .mobuiIgm-sec {
    margin-bottom: 50px;
}
.test-section, .tech-title-Wrap {
    height: 65vh;
}
.tech-title-Wrap {
    padding-left: 20px !important;
}
.tech-des-txt {
    font-size: 15px;
}
.mbewdietm-titlesec {
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}
.mbewdietm-titlesec h5.wditem-title {
    font-size: 22px;
    margin-bottom: 0 !important;
    width: calc(100% - 60px);
}
.whydeenitem-card {
    min-height: 195px;
}
.whydnzshape {
    width: 40%;
}
p.wditem-txt {
    min-height: auto;
}
.mbewdietm-titlesec .wditem-icon {
    margin-bottom: 0;
}
.benefit-tour-image {
    height: 250px;
}
.blgpage-headings {
    bottom: 35px;
}

/* How WE Work About */


.MobileRgt-sechwk {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top:30px;
}
.MobileRgt-sechwk .hwabdrsec {
    left:135px;
}
.MobileRgt-image-slde {
    width: 450px;
    margin: auto;
    height: 600px;
    position: relative;
}

.swiper.hwkmobiamgeSwiper {
    width: 100%;
    height: 100%;
}

.mobhwkIamge {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow:hidden;
}
.mobhwkIamge img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow:hidden;
    object-fit:cover;
}
.hwktileIcn-sec {
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px
}
.hwkmobsldIcon {
    width: 50px;
    height:50px;
}
.hwkmobsldIcon img{
    width: 100%;
    height:100%;
    object-fit:contain;
}
.hwkmobsld-title {
    color: #222;
    margin-bottom: 10px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -.116px;
    width: calc(100% - 70px);
}
.mobhwksld-desc{
    color: #6E7B81;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.081px;
    margin-bottom:0px;       
}
.MobileRgt-cnt-slde {
    padding: 20px;
    width: 420px;
    position: absolute;
    background-color: #FFF;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0 2px 22px rgba(110, 123, 129, .2);
    min-height: auto;
    left:0;
    right:0;
    bottom: 15px;
    margin: auto;
    z-index: 9;
}

.howlg-badge-serv {
    animation: zoomInOut 2s ease-in-out infinite;
    width: 58px;
    height: 58px;
    position: absolute;
    bottom: 2px;
    right: 4px;
    opacity: 0.3;
}

.howlg-badge-serv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.MobileRgt-sechwk .hwabdrsec {
    left: 0px;
}
.hwwAbtbg-shape {
    width: 100%;
    height: 32%;
}

/* How WE Work About */

}
@media (max-width: 991px) {
    /* Home Page Start */

    section.custblg-sec{
        height: auto;
        padding: 40px 0;
    }
    .servtech-sec {
        padding: 40px 0;
    }
    .career-main-desc {
        margin-bottom: 35px;
    }
    .section-desc {
        width: 100%;
    }
    .contactlft-content {
        margin-bottom: 50px;
    }
    a.custblg-card{
        margin-bottom: 30px;
        height: 420px;
    }
    .custblg-card.lstcustblg{
        margin-bottom: 0;
    }
    p.contactlft-desc {
        width: 100%;
    }
    .cntusinf-val.cntaddrval {
        width: 100%;
    }
    .techcnt-wrap {
        flex-direction: column;
    }
    .techSection {
        height: auto;
        padding: 40px 0;
        min-height: auto;
    }
    .techicon-list {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }
    .techIcon-link {
        min-width: 145px;
    }
    .custimg-crd {
    flex-direction: column;
    width: 100%;
    padding: 15px; 
    gap: 15px;
    border-radius: 15px;
    position: relative;
    top: 0;
    margin-top: 0;
    margin-bottom: 25px;
    }
    .custservlftImage {

    width: 100%;
    height: 280px;
    margin-left: 0; 
    }
    ul.custservcnt-list {
        margin-top: 0;
    }
    li.custservcnt-item {
        margin-top: 20px;
    }
    .custservcnt-itemtxt {
        font-size: 14px;
        line-height: 27px;
        width: calc(100% - 20px);
    }
    .custsertitxt {
        padding-left: 10px;
        font-size: 20px;
    }
    h2.custservlfttitle::after {
    top: -9px;
    left: 0;
    height: 50px;
    }
    .custserRightpart {
        max-width: 100%;
    }
    h2.custservlfttitle {
    top: 20px;
    font-size: 20px;
    }
    p.custserrightDesc {
        font-size: 15px;
        line-height: 24px;
    }
    .custimg-crd:nth-child(5), .custimg-crd:nth-child(4), .custimg-crd:last-child{
        margin-top: 0;
    }
    .custimg-crd:first-child {
        margin-top: 50px;
    }
    section.cutserv-section {
        padding: 40px 0;
        overflow: hidden;
    }
    .custserlftPart{
        max-width: 100%;
    }
    .about-txt, .section-desc, .dtzsub-mintitle, h2.tech-title-desc, .count-cnt-title, .cntfrm-title, h2.sbncontet-title, .servlstitle, h2.texhtitle-text, .servcat-cnt-title, h2.regsec-title, h2.howrklbl-title{
        font-size: 30px;
        line-height: 40px;
    }
     h2.sbncontet-title{
        font-size: 24px;
        line-height: 36px;
    }
    .techcntlink-list::after {
        content: unset;
    }
    h2.contactlft-title {
        font-size: 38px;
        line-height: 55px;
    }
    .cntusinf-val, a.cntusinflink{
        font-size: 15px;
        line-height: 27px;
    }
    .contactlftcnt-info {
        gap: 25px;
    }
    .contfrm-wrap {
        padding: 20px;
    }
    .inpttwo-group {
        width: 100%;
        flex-direction: column;
        gap: 20px;
    }
    .calc-frmsec {
        flex-direction: column;
        align-items: flex-start;
    }
    .contact-section {
        padding: 40px 0;
    }
    section.custAbt-section {
        padding: 40px 0;
    }
    .dtzdesc-abtcontent p {
        margin-bottom: 25px;
    }
    .custblg-cnt h3 {
        font-size: 20px;
        line-height: 30px;
    }
    span.dtzsub-title {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
    }
    .herotxt-wrap {
        width: 100%;
        padding: 0 20px;
        height: 100%;
        justify-content: center;
    }
    .hero-mainTitle {
        font-size: 35px;
        line-height: 57px;
    }
    .hero-mainDesc {
        font-size: 17px;
    }
    .herosect-iconlist {
        gap: 60px;
    }
    .ftrtoplst-cnt {
        margin-bottom: 20px;
    } 
    .custBlogSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: var(--soft-green);
    }
    .custBlogSwiper .swiper-pagination-bullet {
        width: 40px;
        height: 5px;
        border-radius: 3px;
    }
    .custBlogSwiper .swiper-pagination {
        bottom: -3px;
    }
    .custBlogSwiper .swiper-wrapper  {
        padding-bottom: 10px;
    }
    .tectab-content {
        width: 100%;
    }
    .techtab-btnlist {
        justify-content: center;
        column-gap: 10px;
        row-gap: 12px;
    }
    .techIcon-link {
        width: calc((100% - 30px) / 3);
    }
    .tech-title-Wrap {
        padding-left: 0px;
        padding: 0;
    }
    .aicntlft-dsc-item {
        margin-top: 20px;
    }
    /* Home Page End */

    /* Contact Page Start */
    .banner-title, .blgmin-title {
    width: 100% !important;
    font-size: 28px;
    margin-bottom: 25px;
    line-height: 40px;
    }
    .banner-desc, .blgmin-desc {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 25px;
    }
    .contactpage-section {
        padding: 40px 0;
    }
    .contacinfodetail-box {
        width: 100%;
        height: 290px;
    }
    .contacinfodetail-content {
        width: 100%;
        top: 25px;
        left: 20px;
    }
    .cntcontent-list-text a {
        font-size: 17px;
        font-weight: 600;
        letter-spacing: 0.5px;
    }
    .cntcontent-list-icon {
        width: 35px;
        height: 35px;
    }
    .cntcontent-list-icon svg{
        width: 35px !important;
        height: 35px !important;
    }
    .contacpagecfcard.contactForm-card {
       padding: 20px;
    }
    .cntconsole-security {
        margin-bottom: 20px;
    }
    .coutrylist-sec{
        padding: 40px 0;
    }
    .countryimg-card {
        margin-bottom: 25px;
    }
    .countryimg-card.lstcntycrd {
        margin-bottom: 0;
    }
    p.count-cnt-desc {
        width: 100%;
    }

    /* Contact Page End */

    /* Career Page Start */

    .careerAbt-sec{

        padding: 40px 0;
    }
    .career-main-title{
        font-size: 25px;
        line-height: 40px;
    }
    h2.career-main-title:after{
        bottom: -8px;
        left: 7px; 
    }
    .career-card {
        margin-bottom: 25px;
    }
    .careerscnd-card.crbtmimg, .lstcareer-card {
        margin-top: 25px;
    }
    .careertitle-sec {
        margin-bottom: 20px;
    }
    .hiringSection {
        padding: 40px 0;
    }
    .sectitleWrapper{
        margin-bottom: 30px;
    }    
    .hirbtm-sec {
        flex-direction: column;
    gap: 25px;
    }
    .hiringaply-btn {
        width: 100%;
    }
    .sbmtcv-sec {
        padding: 40px 0;
    }
    .sbncontet-sec{
        padding: 20px;
        overflow: hidden;
    }
    .menbgcareercv-img{
        right: -25px;
        width: 285px;
        height: 255px;
    }
    .whydeenz-sec, .abtresgis-sec{
        padding: 40px 0;
    }
    .servcat-cnt-desc, p.regsec-desc {
        font-size: 15px;
        width: 100%;
    }
    .servcat-cnt-sec {
        margin-bottom: 50px;
    }
    .regcnt-card.dwnprmisLine::before, .regcnt-card.topprmisLine::before{
        content: unset;
    }
    .regsectitleWrapper {
        margin-bottom: 50px;
    }
    .smpvism-sec .regsectitleWrapper, .abtresgis-sec .regsectitleWrapper {
        margin-bottom: 30px;
    }
    .regcnt-card{
        margin-bottom: 30px;
    }    
    .hwwAbtsecBg {
     display: none;
    }
    /* Career Page End */

    /* How-we-Work  Page Start */

   .hwwflwcontent {
        padding: 0 !important;
        margin-top: 30px;
    }
    .custhwwtlt-sec {
        margin-bottom: 50px;
    }
    .custhww-section {
        padding: 40px 0;
    }
    .custhwwtlt-sec .custhwwTitle{
        font-size: 27px;
    line-height: 44px;
    }
    .hwwflwImage {
    width: 100%;
    height: 400px;
    margin-right: 0;
    margin-left: 0; 
    }
    h3.hwwflwTitle {
        font-size: 25px;
    }
    span.hwwflwItem-txt {
        width: calc(100% - 20px);
        font-size: 15px;
    }
    p.hwwflwDesc {
        font-size: 15px;
        line-height: 27px;
    }
   .custflwCard {
        margin-bottom: 25px;
    }

    p.howrklbl-dsc {
        font-size: 15px;
        line-height: 27px;
        width: 100%; 
        width: 100%;
    }    
    h2.howrklbl-title {
        margin-bottom: 20px;
    }
    .cirbck {
        font-size: 16px;
        line-height: 26px;
    }
    .hwarht-frst-cir.hwarhtSecond {
        margin-top: 0;
        margin-right: 0;
    }
   

.hwarht-frst-cir.hwarhtfour {
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.hwabtrhtIcon {
    width: 170px;
    left: 0;
    right: 0;
    margin: auto;
}
.hwwflwcontent::before, .hwwflwcontent::after {
    content: unset;
}
.hwwflwcnt-count {
    top: -120px;
    left: unset;
    right: 12px !important;
    width: 75px;
    height: 75px;
    font-size: 40px;
    border: unset;
}
.hwwflwcontent {
    height: auto;
}
span.howrklbl {
    margin-bottom: 0;
}
.hwwAbtsec {
    padding: 40px 0;
}
.col-md-12.col-lg-7.mobOrder {
    order: 2;
}
.aitech-title{
            font-size: 27px;
        line-height: 40px;
}
.aitech-desc {
    width: 100%;
    font-size: 16px;
    line-height: 26px;
}
.aitech-sec {
    padding: 40px 0;
}
.aitechtitle-wrap {
    margin-bottom: 50px;
}
.indsectorcrd-box {
    width: 100%;
}
.indsectorcrd {
    padding: 25px;
}
.scrlhead-idus {
    font-size: 20px;
    line-height: 32px;
}
.indsec_tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    white-space: nowrap;
    scroll-behavior: smooth;
  }

  .indsec_tabs::-webkit-scrollbar {
    display: none;
  }

  .indsec_tabs li {
    flex: 0 0 auto;
    font-size: 15px;
    padding: 10px 14px;
    min-height: 50px;
  }
  .indsec_tabs li::before {
    bottom: 0px;
  }
  .indsec_tabs li::after {
    content: unset;
  }
  .scrldesc-idus {
  font-size: 15px;
  line-height: 25px;
 }
 .scrlpint-itemtxt {
    width: calc(100% - 16px);
 }
 .aitch-card{
    height: 320px;
 }
 .servlstDesc {
    font-size: 15px;
    width: 100%;
 }
 .nmlcuserv-title, .servcat-title, .aicntlft-title {
    font-size: 28px;
    width: calc(100% - 80px);
 }
 .uiuxlft-sec .aicntlft-title {
    width: 100%;
 }
 span.tech-title-lbl {
    font-size: 16px;
    font-weight: 600;
 }
 .srvcntlft-dsc-list {
    width: 100%;
 }
 .nmlcuserv-desc {
    font-size: 15px;
    line-height: 25px;
 }
 .srvcnt-dstxt {
    width: calc(100% - 20px);
    font-size: 15px;
    line-height: 26px;
 }
 .myservSwiper .swiper-slide{
    padding-left: 0;
 }
 p.techsub-desc {
    width: 100%;
    font-size: 15px;
    line-height: 25px;
 }
 .tectrtsolar-wrap .inner2 {
    width: 100px;
    height: 100px;
 }
 .tectrtsolar-wrap .inner2 img {
    width: 80px;
    object-fit: contain;
 }
 .tectrtsolar-wrap .techslr-list li h6 {
    display: none;
    visibility: hidden;
 }
 
    .tectrtsolar-wrap .techslr-list {
        width: 300px;
        height: 300px;
    }
    .tectrtsolar-wrap {
        width: 310px;
        height: 310px;
    }
    .tectrtsolar-wrap .techslr-list li {
        transform: scale(0.7);
    }
    .tectrtsolar-wrap .techslr-list li:nth-child(2){
        left: -3.3125rem;
    }
    .tectrtsolar-wrap .techslr-list li:nth-child(8) {
    left: 5rem;
    bottom: -6.75rem;
   }
   .tectrtsolar-wrap .techslr-list li:nth-child(5) {
    right: -3.3125rem;
    top: 7.625rem;
}
.tectrtsolar-wrap .techslr-list li:nth-child(7){
    left: 6rem;
}
.servmin-crdwrp{
    padding: 15px;
}
.servcrdImage {
    position: relative !important;
    opacity: 1 !important;
    z-index: 1 !important;
  }
  .servcrdImage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
   .myservSwiper {
    height: auto;
    padding-bottom: 20px;
   }
   .cusmbhme-serv .myservSwiper {
        padding-bottom: 50px;
    }
   .myservSwiper .swiper-pagination {
        flex-direction: row;
    justify-content: center;
   }
   .myservSwiper .swiper-pagination-bullet {
        margin: 0 5px !important;
        width: 44px;
        border-radius: 4px;
        height: 5px;
   }
   .myservSwiper span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 44px;
        border-radius: 4px;
        height: 5px;
   }
   .myservSwiper span.swiper-pagination-bullet::after {
    content: unset;
   }
    .servlst-sec {
        padding: 40px 0;
    }
    .uiservices-thumb {
        display: none;
    }
    .scroll-text {
        display: none !important;
    }
    .aicntrhtIamge-sec, .aicntrhtIamge-lrg {
        width: 100%;
        height: 300px;
        margin: unset !important;
        max-width: 100%;
    }
    .aicntlft-dsc {
        font-size: 15px;
        line-height: 25px;
    }
    .aicnt-dstxt {
        font-size: 15px;
        width: calc(100% - 20px);
    }
    .aiheroCnt .herotxt-wrap {
        padding: 0;
    }
    .aiabtsec {
        padding: 40px 0;
    }
    .aiabtsub-mintitle{
        font-size: 25px;
        line-height: 40px;
    }
    .aiabtdesc-abtcontent p {
        margin-bottom: 25px;
    }
    h2.aiserv-title, .custaiml-title {
        font-size: 25px;
        line-height: 40px;
        margin-top: 0;
    }
    p.aiserv-desc, .custaiml-desc {
        font-size: 15px;
        width: 100%;
    }
    .aicustserv-sec, .aiml-custsec {
        padding: 40px 0;
    }
    .custaiml-desc {
        margin-bottom: 35px;
    }
    .custalmi-image {
        height: 310px;
    }
    
    .aiabtimage-sml {
       position: absolute;
        right: -150px;
        bottom: 0px;
        width: 280px;
        height: 307px;
        z-index: 2;
    }
    span.aiabtsub-title {
        margin-bottom: 0;
        margin-top: 60px;
    }    
    .aicntser-card.aicntcrd-swap .aicntlft-sec {
        padding-left: 0;
    }
    .aicntlft-dsc, .aicntlft-dsc-list {
        width: 100%;
        margin-bottom: 0;
    }
    .aicntser-card.aicntcrd-swap .row .col-xl-5{
        order: 2;
    }
    .aicntser-card.aicntcrd-swap .aicntlft-dsc-list {
        margin-bottom: 0px;
    }
    .aicntrhtIamge-lrg{
        margin-top: 30px !important;
    }
    .mobuiIgm-sec .aicntrhtIamge-lrg{
        margin-top: 15px !important;
    }
    .aicntser-sec {
        gap: 0px;
    }
    .aicntlft-title {
        font-size: 24px;
        line-height: 40px;
    }
    .aicntrhtIamgeSml {
        width: 190px;
        height: 160px;
        bottom: -15px;
        outline: 7px solid #F0EDF5;
    }
    .aicntser-card.aicntcrd-swap .aicntrhtIamgeSml {
        right: 0;
    }
    .aicntrhtIamgeSml{
        left: unset;
        right: 0;
    }
    .text-block {
      padding: 35px 0 0 0;  
    }
    .servcat-desc {
        padding-top: 25px;
        margin-top: 0;
    }
    .servcat-sec {
        padding: 40px 0;
    }
    .servcat-title {
       font-size: 19px;
        line-height: 32px;
        margin-bottom: 0;
    }
    .services-main {
        height: auto;
    }
    .services__items {
        display: block;
        height: auto;
    }
    .uixNub {
        font-size: 70px;
        line-height: 90px;
    }
    .uiuxserv-sec {
        height: 100%;
        padding: 40px 0;
    }
    .services-mainNav .swiper-button-next, .services-mainNav .swiper-button-prev {
        width: 40px;
        height: 40px;
        background: #ffffff00;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border: 1px solid #fff;
        border-radius: 50px;
    }
    .services-mainNav .swiper-button-next svg, .services-mainNav .swiper-button-prev svg {
        width: 18px;
        height: 18px;
        color: #fff;
    }
    .uiuxcntrhtIamge-sec .aicntrhtIamgeSml {
        display: none;
    }
    .services-mainNav {
        position: absolute;
        top: 20px;
        width: 110px;
        right: 20px;
        height: 50px;
        z-index: 99;
    }
    .ftrtop-cnt {
        margin-bottom: 30px;
    }
    .clientFrontSwiper .clientfrontmb-box {
    display: inline-flex;
    background: #ffffff;
    box-shadow: 0px 2px 2px 0px rgba(29, 35, 115, .0196078431), 0px 1px 5px 0px rgba(29, 35, 115, .0274509804), 0px 0px 8px 0px rgba(29, 35, 115, .0352941176), 0px 19px 10px 0px rgb(29 35 115 / 3%), 0px 5px 6px 0px rgb(29 35 115 / 3%), 0px 1px 8px 0px rgb(152 181 196 / 11%);
    border-radius: 16px;
    border: none;
    height: 145px;
    align-items: center;
    justify-content: center;
    width: 200px;
    padding: 15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 24px;
}
.ourclient-sec {
    min-height: auto;
    padding: 40px 0;
}
.clientFrontSwiper {
    padding: 10px;
    padding-bottom: 0;
}

.clientFrontSwiper img {
    max-height: 100%;
    width: auto;
}
.indsec_wrapper {
    min-height: 450px;
    height: 450px;
}
.scrlindus-sec {
   padding: 40px 0; 
}
.dtabtBadge {
    left: 0;
}
    .hirbtm-sec {
    align-items: flex-start ;
    justify-content: flex-start ;
    }
    .hirtecinfo {
    width: 100%;
    }
.servcrdbtnWrp {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.servhdrSec {
   display: flex;
    align-items: center;
    gap: 15px; 
}
.nmlcuserv-icn, .aicuserv-icn {
    margin-bottom: 0;
}
.cntytle-sec {
    margin-bottom: 35px;
}

.visincntBox {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.visincntBoxRght {
    width: 100%;
    padding: 0;
    margin-top: 50px;
}

.viscir-outer {
    width: 450px;
    height: 450px;
    align-items: center;
    justify-content: center;
}

.viscir-inner {
    width: 425px;
    height: 425px;
}

.viscir-overlay {
    bottom: 0;
    width: 80%;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
}

.vismis-card.visnCard-two {
    margin-top: 0;
    left: 0;
}

.vismis-card {
    margin-bottom: 25px;
}

.vismis-card::before {
    content: unset;
}

.vismis-card::after {
    content: unset;
}

.vismis-dot {
    display: none;
}

section.smpvism-sec {
    padding: 40px 0;
}

.smpvism-wrap .tecttop-patern {
    height: 22% !important;
} 

.tecttop-patern {
    height: 35%;
}
.tectbtm-patern {
    height: 40%;
}
.vismis-card.visnCard-three {
    margin-bottom: 0;
}
.viscir-title {
        font-size: 22px;
    }
    .viscir-outer::after {
        content: unset;
    }
    .cusmbhme-serv {
        width: 100%;
        margin-top: 45px;
    }
    .aiserv-titlesec {
        margin-bottom: 80px;
    }
    .srvcntlft-dsc-item {
        margin-top: 15px;
    }
    .hwrkritImage {
        margin-top: 25px;
        width: 100%;
    }
    .services-main .swiper-slide {
        height: auto !important;
    }
    .custaiml-title-wrap {
        margin-bottom: 30px;
    }
    .hiremain-wrapper .row .col-lg-6:last-child .hiringcnt-card {
    margin-bottom: 0;
}
.blg-wrapper {
    padding: 40px 0;
}
    
    /* How-we-Work  Page End */
}

/* ===== RESPONSIVE ===== */
 

@media (max-width: 408px) {
    .viscir-outer {
        width: 345px !important;
        height: 345px !important;
    }

    .viscir-inner {
        width: 315px !important;
        height: 315px !important;
    } 
    .viscir-title, .vismis-card-title {
        font-size: 20px;
    }

    .viscir-desc {
        font-size: 12px !important;
        line-height: 20px;
    } 
}
@media (max-width: 576px) {
    .viscir-outer {
        width: 395px;
        height: 395px;
    }

    .viscir-inner {
        width: 365px;
        height: 365px;
    } 
    .viscir-title, .vismis-card-title {
        font-size: 20px;
    }

    .viscir-desc {
        font-size: 14px;
        line-height: 22px;
    }
    .vismis-card-desc {
        font-size: 14px;
    }
    .cusmbhme-serv .servmin-card .swiper-slide .servlstCnt-lft .srvcntlft-dsc-list {
        min-height: 350px;
    }
    .cusmbhme-serv .servmin-card .swiper-slide .servlstCnt-lft .nmlcuserv-desc {
        min-height: 102px;
    }
    .cusmbhme-serv .myservSwiper {
        padding-bottom: 50px;
    }
    .servmin-card .swiper-slide .servcrdmoIg {
        height: 200px !important;
    }
    .nmlcuserv-icn, .aicuserv-icn {
        width: 58px !important;
        height: 58px !important;
    }
    .techtab-btnlist {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    gap: 10px;
    padding-bottom: 10px;

    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }

  .techtab-btnlist::-webkit-scrollbar {
    display: none; /* optional: hide scrollbar */
  }

  .techtab-item {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .techcnt-wrap {
    gap: 18px;
  }

}

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

.viscir-outer {
  width: 445px;
  height: 480px;
}
.viscir-inner {
    width: 400px;
    height: 400px;
}
.viscir-overlay {
    bottom:50px
}
.visincntBoxRght {
    width: 48%;
    padding-left: 30px;
}
.viscir-outer::after {
    width: 66%;
    height: 500px;
}
.vismis-card::before {
    width: 48px;
    left: -105px;
    top: 23px;
}
.vismis-card.visnCard-one, .vismis-card.visnCard-two, .vismis-card.visnCard-three{
    top: -60px;
}
.vismis-card {
    margin-bottom:30px;
}
.vismis-card.visnCard-two::before {
    width: 60px;
    left: -64px;
    top: 0px;
}
.smpvism-sec {
    padding-bottom: 0;
}
} 
@media (min-width: 1013px) and (max-width: 1057px) {

.viscir-outer {
  width: 445px;
  height: 480px;
}
.viscir-inner {
    width: 400px;
    height: 400px;
}
.viscir-overlay {
    bottom:50px
}
.visincntBoxRght {
    width: 48%;
    padding-left: 30px;
}
.viscir-outer::after {
    width: 66%;
    height: 500px;
}
    .vismis-card::before {
        width: 44px;
        left: -101px;
        top: 23px;
    }
.vismis-card.visnCard-one, .vismis-card.visnCard-two, .vismis-card.visnCard-three{
    top: -60px;
}
.vismis-card.visnCard-two {
    left:35px;
}
.vismis-card {
    margin-bottom:30px;
}
.vismis-card.visnCard-two::before {
    width: 60px;
    left: -64px;
    top: 0px;
}
.vismis-card.visnCard-three::before {
    transform: rotate(36deg);
    top: -46px;
    left: -133px;
    width: 80px;
}
.smpvism-sec {
    padding-bottom: 0;
}
} 
@media (min-width: 1058px) and (max-width: 1199px) {

.viscir-outer {
  width: 445px;
  height: 480px;
}
.viscir-inner {
    width: 400px;
    height: 400px;
}
.viscir-overlay {
    bottom:50px
}
.visincntBoxRght {
    width: 48%;
    padding-left: 30px;
}
.viscir-outer::after {
    width: 66%;
    height: 500px;
}
        .vismis-card::before {
        width: 58px;
        left: -114px;
        top: 29px;
    }
.vismis-card.visnCard-one, .vismis-card.visnCard-two, .vismis-card.visnCard-three{
    top: -60px;
}
.vismis-card.visnCard-two {
    left:35px;
}
.vismis-card {
    margin-bottom:30px;
}
.vismis-card.visnCard-two::before {
    width: 60px;
    left: -64px;
    top: 0px;
}
    .vismis-card.visnCard-three::before {
        transform: rotate(36deg);
        top: -37px;
        left: -119px;
        width: 64px;
    }
.smpvism-sec {
    padding-bottom: 0;
}
} 
@media (max-width: 767px) {
    .dtz-imageline-sec {
        display: none;
    }
    .progress-label {
        display: none;
    }
    .service-cat-card.text-block {
        padding-bottom: 40px !important;
    }
    .herotxt-wrap {
        width: 100%;
        padding: 0 20px;
        height: 90%;
        justify-content: flex-end;
    }
    .hero-mainTitle {
        font-size: 25px;
        line-height: 37px;
    }
    .hero-mainDesc {
        font-size: 16px;
        line-height: 26px;
    }
    .herosect-iconlist {
        gap: 30px;
    }
    .ftrbtm-right{
       padding-top: 0 !important; 
    }
    .ftrtop-title {
        margin-bottom: 5px;
    }
    .ftrtop-cnt {
        margin-bottom: 30px;
        padding-left: 0;
    }
    .tecttop-patern, .tectbtm-patern {
        height: 25%;
    }
    .cntfile-upload {
        flex-direction: column;
        gap: 20px;
        justify-content: center;
    }
    .sbmtcv-card {
        height: 510px;
    }
    .menbgcareercv-img {
        right: 0;
        width: 300px;
        height: 285px;
        left: 0;
        margin: auto;
    }
    .regcnt-card.dwnprmisLine::before, .regcnt-card.topprmisLine::before {
        content: unset;
    }
    .servcat-cnt-sec, .aiserv-titlesec {
        margin-bottom: 55px;
    }
    .servcat-cnt-sec:after {
        bottom: -22px;
    }
    .regsectitleWrapper {
        margin-top: 50px;
    }
    .abtresgis-sec .regsectitleWrapper, .smpvism-sec .regsectitleWrapper{
        margin-top: 0px;
    }
    p.regcnt-card-desc {
        width: 100%;
    }
    .regcnt-card {
        margin-bottom: 25px;
    }
    .b-services-announcements--clause--details {
        top: -425px;
    }
    .indsectorcrd-box_mob {
        width: 100% !important;
    }
    
    .hwarht-frst-cir {
       width: 100%;
    border-radius: 12px;
    height: 165px;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-bottom: 25px; 
    }
    .hwarht-frst-cir.hwarhtThree, .hwarht-frst-cir.hwarhtfour {
        height: 165px;
    }
    .hwarht-frst-cir.hwarhtSecond {
        margin-bottom: 42px;
    }
    .cirfrnt, .cirbck {
        width: 100%;
        border-radius: 15px;
    }    
    .hwarht-frst-cir.hwarhtfour {
        width: 100%;
        position: relative;
    }
    .hwarht-frst-cir.hwarhtThree {
        margin-right: 0;
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 25px;
    }
    
    .ftrcopt-txt {
        text-align: center;
    }
    

}
.mobIndustries {
    display: none;
}
@media (max-width: 1199px) {
    .ftrtop-cnt, .ftrtoplst-cnt{
        padding-left: 0;
        margin-bottom: 35px;
    }
    h5.dtzdesc-abtcntitle {
        font-size: 22px;
    }
    h4.ftrtop-title {
        position: relative;
        padding: 12px;
        background: linear-gradient(90deg, rgb(218 238 235) 0%, rgb(219 239 237) 9%, rgb(8 153 127 / 0%) 100%);
    }
.ftrmiddle-sec {
    margin: 0;
    padding-bottom: 0;
}
.adr-details-txt {
    line-height: 27px;
}
.ftradrs-list, .ftrmdlmail-list, .ftrtop-list, .ftrmdl-list {
    padding-left: 8px;
}
  .swiper-button-prev,
  .swiper-button-next {
    display: block;
  }
  .scrlindus-sec {
    display: none;
  }
  .mobIndustries {
    display: block;
    padding: 40px 0;
    background: #E3F0FF;
    overflow: hidden;
  }
  .mobinduscnt-wrap {
    width: 100%;
    position: relative;
    height: auto;
}
.mobindTab {
    position: relative;
    display: flex;
    list-style: none;
    z-index: 99;
    padding: 0 6px;
    margin-bottom: 20px;
    justify-content: space-between;
    gap: 15px;
}
.mobindTab li {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #202647;
    position: relative;
    min-height: 42px;
    cursor: pointer;
    transition: 0.3s all linear;
    padding: 0 16px;
    margin-bottom: 0;
    z-index: 9;
}

.indsectorcrd_mob {
    display: flex !important;
    align-items: flex-start;
    padding: 45px 50px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: none !important;
    border-radius: 30px;
    overflow: hidden;
    transition: none;
    z-index: 1;
}
.indsectorcrd_mob::after{
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(359deg, #00224e 0, rgb(0 95 206 / 75%) 15.47%, #00224e 100%);
    pointer-events: none;
    z-index: 1;
}
h2.scrlhead-idus_mob {
    text-align: left;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    line-height: 43px;
    position: relative;
    margin-bottom: 18px;
}
p.scrldesc-idus_mob {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0;
    color: #fff;
}
ul.scrlpint-lst_mob {
    width: 100%;
    margin-top: 15px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0px;
}
.indsectorcrd-box_mob {
    position: relative;
    z-index: 9;
    width: 75%;
}
.mobindTab {
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 2px solid #CCE3FF;
    flex-wrap: nowrap;
    white-space: nowrap;
    scroll-behavior: smooth;
    padding-bottom: 0;
    height: 43px;
}
.mobindTab::-webkit-scrollbar {
    display: none;
}
.mobindTab li::before {
    content: "";
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 4px;
    position: absolute;
    background-color: var(--soft-green);
    transition: 0.3s all linear;
    border-radius: 1px;
    opacity: 0;
    transition-delay: .35s;
}
.mobindTab li::after {
    content: "";
    width: 0;
    height: 0;
    top: 99%;
    left: 50%;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 9px solid var(--soft-green);
    transform: translate(-50%, 0);
    transition: 0.3s all linear;
    opacity: 0;
    transition-delay: .35s;
}
.mobindTab li.indsec_active::after {
    opacity: 1;
}
.mobindTab li.indsec_active::before {
    opacity: 1;
}
.indusmob-nav {
    position: absolute;
    top: 0;
    width: 100px;
    right: 13px;
    height: 50px;
}

.indusmob-nav .swiper-button-prev, .indusmob-nav .swiper-button-next {
    width: 36px;
    height: 36px;
    background: #ffffff00;
    border-radius: 50px;
    border: 1px solid var(--dark-blue);
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobIndustrySwiper {
    padding-top: 60px;
}
.indusmob-nav .swiper-button-prev svg.swiper-navigation-icon, .indusmob-nav .swiper-button-next svg.swiper-navigation-icon {
    width: 16px;
    height: 16px;
    color: var(--dark-blue);
    top: 0;
    left: 0;
    position: relative;
}
.servlstDesc {
    width: 100%;
}
.dtz-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

  .servcrdmoIg {
    width: 100%;
    overflow: hidden;
    margin: auto;
    height: 235px;
    border-radius: 25px;
    position: relative;
    margin-top: 20px;
  }
  .servcrdmoIg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .servcrdmoIg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(0 34 78 / 55%) 0%, rgb(0 95 206 / 18%) 100%);
  }
   .servcrdmoIg .servcrdIm-countmob {
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 48px;
    letter-spacing: 0.03em;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.48;
    text-align: left;
    position: absolute;
    bottom: 0px;
    right: 10px;
    z-index: 9;
   }
   .service-cat-card.text-block, .aicntser-card {
    padding: 0;
    padding-bottom: 45px;
    position: relative;
    margin-bottom: 10px;
   }
   .service-cat-card.text-block:last-child, .aicntser-card:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .service-cat-card.text-block::after, .aicntser-card::after {
    content: '';
    position: absolute;
    bottom: 23px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgb(255 255 255 / 10%) 0%, rgb(255 255 255 / 35%) 50%, rgb(255 255 255 / 10%) 100%);
}
   .service-cat-card.text-block:last-child::after, .aicntser-card:last-child::after{
      content: unset;
    }
    .servcrdbtnWrp {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    }
.serviceswrptxt-box .aicntlft-dsc-list {
    margin-bottom: 0px;
}
.servhdrSec {
   display: flex;
    align-items: center;
    gap: 15px; 
}
.nmlcuserv-icn, .aicuserv-icn {
    margin-bottom: 0;
}
.blg-widget {
    margin-top: 24px;
}

.abtitl_icn .dtz-iconic-img {
    width: 52px;
    height: 52px;
    margin-bottom: 0;
}
.abtitl_icn {
    display: flex;
    align-items: center;
    gap: 15px;
}

.abtitl_icn .dtzdesc-abtcntitle {
    margin-bottom: 0;
    width: calc(100% - 60px);
}
.dtzdesc-abtcontent p {
    margin-top: 12px;
}
.row > .col-md-6:last-child .abtmarb {
    margin-bottom: 0 !important;
}
.hwrkritImage.swiper {
    width: 100%;
    height: 300px; /* adjust as needed */
}

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

.hwrkritImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hwabtcnt-sec {
    width: 100%;
}
h2.texhtitle-text{
    width: 100%;
}
}
@media (max-width: 409px) {
      .test-section {
        height: 125vh;
    }
    h2.howrklbl-title {
    width: 100% !important;
    }
    .sbmtcv-card {
        height: 545px !important;
    }
    #gform_wrapper_2 .gform-footer {
        padding: 15px 0;
        z-index: 99;
        padding-bottom: 15px;
        bottom: 0;
    }
    #gform_wrapper_2 .gform-body.gform_body {
      min-height: 345px;
      max-height: 345px;

    }
    .gfmdl2-content .gfmdl2-body {
        min-height: 425px;
    }
    .gf2-upload-btn .gf-upload-btn-txt {
    font-size: 12px !important;
    }
    #field_2_8 .ginput_container_fileupload{
        padding: 10px;
    }

}
@media (min-width: 410px) and (max-width: 639px) {
    #gform_wrapper_2 .gform-footer {
        padding: 15px 0;
        z-index: 99;
        padding-bottom: 15px;
        bottom: 0;
    }
    #gform_wrapper_2 .gform-body.gform_body {
      min-height: 590px;
      max-height: 590px;

    }
    .gfmdl2-content .gfmdl2-body {
        min-height: 675px;
    }
    .gf2-upload-btn .gf-upload-btn-txt {
    font-size: 12px !important;
    }
    #field_2_8 .ginput_container_fileupload{
        padding: 10px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .clientbx-wrap {
        width: 100%;
    }
    .hdr-logo {
        height: 50px;
    }
    .hdrnav-link {
        font-size: 15px;
    }
    .hdrmenu-content{
     max-width: 510px;
     min-width: 510px;
    }
    .ftrtoplst-certf-item {
        width: 110px;
    height: 115px;
    }
    
    .hdrfrst-sec {
        column-gap: 0px;
        width: 100%;
        justify-content: space-between;
    }
    .hdrsubmenuwrp{
        flex: 0 0 100%;
    }
    .hdrsubmenu-content {
        display: none;
    }
    .dtz-image.image_two {
        right: 22%;
    }
    .dtz-image.image_one {
        margin: auto;
    }
    .dtabtBadge {
        left: 32%;
    }
    .herotxt-wrap {
        width: 60%;
    }
    .custimg-crd {
        width: 100%;
        padding: 40px;
        overflow: hidden;
    }
     .custservlftImage {
        margin-left: -10px;
        width: 390px;
        height: 390px;
    }
    .techcnt-wrap {
        flex-direction: column;
    }
    .techSection {
        height: auto;
        min-height: auto;
    }
    .techcntlink-list::after {
        content: unset;
    }
    p.techshrt-desc {
        width: 100%;
    }
    .techtab-btnlist {
        justify-content: center;
        column-gap: 10px;
        row-gap: 12px;
    }
    .techSection {
        padding: 80px 0;
        height: 100vh;
    }
    section.custblg-sec {
        height: auto;
        padding-bottom: 60px;
    }
    .tech-des-txt {
        width: 80%;
    }
    .tech-title-Wrap {
        padding-left: 20px;
        height: 60vh;
    }
    .test-section {
        height: 58vh;
    }
    .tectab-content {
        width: 100%;
    }
    .cntusinf-val.cntaddrval {
        width: 100%;
    }
    p.contactlft-desc {
        width: 100%;
    }
    h2.contactlft-title {
        font-size: 42px;
    }
    .hirtecinfo {
        width: 100%;
    }
    .hiringtechologo {
        position: absolute;
        right: 0;
        top: 0;
    }
    .hiringcnttp-sec {
        position: relative;
    }
    ul.hiringtech-info-list {
        flex-wrap: wrap;
        align-self: flex-start;
        justify-content: flex-start;
        width: 100%;
    }
    li.hiringtech-info-itm {
        width: 45%;
    }
    p.hirtechbtm-desc {
        min-height: 113px;
    }
    p.hirtechbtm-desc {
        font-size: 15px;
    }
    h2.sbncontet-title {
        font-size: 30px;
        line-height: 48px;
    }
    .ordnrml {
        display: none;
    }
    .ordTab {
        display: block;
    }    
    .aicntser-card.aicntcrd-swap .row .col-xl-5{
        order: 2;
    }
    .aicntrhtIamge-sec, .aicntrhtIamge-lrg {
        height: 470px;
        width: 100%;
        max-width: 100%;
    } 
    .aicntrhtIamge-sec.uiuxcntrhtIamge-sec .aicntrhtIamge-lrg, .aicntrhtIamge-sec.uiuxcntrhtIamge-sec {
        height: 570px;
    }  
    .aicntser-card.aicntcrd-swap .aicntrhtIamgeSml {
        right: 0;
    }
    .aicntrhtIamgeSml{
        left: unset;
        right: 0;
    }
    .aicntser-card.aicntcrd-swap .aicntlft-sec {
        padding-left: 0;
    }
    .aicntlft-dsc {
        width: 100%;
    }
    .aicntlft-dsc-list {
        width: 100%;
    }
    .aicntser-sec {
        gap: 45px;
    }
    .uiservices-thumb, .scroll-text {
        display: none;
    }
    .aicntlft-title {
        font-size: 30px;
        margin-top: 12px;
    }
    .banner-title{
        font-size: 40px;
    }
    .uixNub {
        font-size: 95px;
        line-height: 100px;
    } 
    .tectbtm-patern{
        height: 40%;
    }
    .tecttop-patern {
        height: 32%;
    }
    h2.howrklbl-title {
        width: 65%;
    }
    p.howrklbl-dsc{
        width: 100%;
    }
    .hwabtcntrht {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 15px;
    }
    .cirbck{
        font-size: 16px;
        line-height: 26px;
    }
    .hwabtrhtIcontitle  {
        font-size: 24px;
    }
    p.hwabtrhtIcon-desc{
        font-size: 16px;
    }
    .hwarht-frst-cir {
        width: 49%;
        margin-left: 0;
        min-height: 220px;
        margin-top: 0;
    }

    .hwarht-frst-cir.hwarhtSecond {
        margin-left: 0px;
        margin-right: 0;
        margin-top: 0;
    }
    .cirfrnt, .cirbck {
        border-radius: 12px;
        font-size: 18px;
    }
    .hwabtcntrht-card {
        margin-top: 45px;
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 25px;
        overflow: hidden;
    }
    .hwarht-frst-cir.hwarhtThree {
        margin-right: 0;
        width: 49%;
        margin-top: 0;
        margin-left: 0;
        min-height: 220px;
    }
    .hwabtrhtIcon {
        right: 0;
        margin: auto;
        width: 180px;
    }
    .hwarht-frst-cir.hwarhtfour {
        width: 49%;
        margin-top: 0;
        margin-right: 0;
    }
    .hwwflwImage {
        width: 100%;
        margin-left: 0;
        height: 500px;
    }
    .hwwflwcontent::before, .hwwflwcontent::after {
        content: unset;
    }
    .hwwflwcnt-count {
        top: unset;
        bottom: 20px;
        width: 90px;
        height: 90px;
        font-size: 50px;
        left: -130px;
    }
    .custflwCardRht .hwwflwcnt-count{
        left: unset;
        right: -130px;
    }
    .hwwflwcontent {
        padding-top: 0;
        padding-left: 10px;
    }
    .custflwCardRht .hwwflwcontent {
        padding-right: 10px;
    }
    .custflwCard.custflwCardlst {
        margin-bottom: 0;
    }
    .cercnt-desc {
    font-size: 16px;
    line-height: 27px;
    }
    .careerscnd-card:hover .career-cntcard-btm {
        max-height: 300px;
    height: 250px;
    padding: 15px;
    }
    .career-card {
        height: 385px;
    }
    .career-imagecard {
        min-height: 200px;
        height: 255px;
    }
    .careerscnd-card {
    width: 100%;
    min-height: 420px;
    height: 420px;
    }
    .uiuxserv-sec {
        height: 75vh;
    }
    .nmlcuserv-title, .servcat-title, .aicntlft-title {
        font-size: 28px;
    }
    .aicntser-card .mobuiIgm-sec {
        margin-top: 20px;
    margin-bottom: 65px;
}
.mbewdietm-titlesec {
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}
.mbewdietm-titlesec h5.wditem-title {
    font-size: 22px;
    margin-bottom: 0 !important;
    width: calc(100% - 60px);
}
.whydeenitem-card {
    min-height: 205px;
}
p.wditem-txt {
    min-height: auto;
}
.benefit-tour-image {
    height: 250px;
}
.whydnzshape {
    width: 40%;
}
.mbewdietm-titlesec .wditem-icon {
    margin-bottom: 0;
}
.blg-related-item {
    width: calc(100% / 2);
    float: left;
}
.blg-related-item:first-child {
    padding-right: 0;
    border-bottom: unset;
}
.blg-related-item:last-child  {
    padding-left: 0;
}

/* How WE Work About */


.MobileRgt-sechwk {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top:30px;
}
.MobileRgt-sechwk .hwabdrsec {
    left:135px;
}
.MobileRgt-image-slde {
    width: 450px;
    margin: auto;
    height: 600px;
    position: relative;
}

.swiper.hwkmobiamgeSwiper {
    width: 100%;
    height: 100%;
}

.mobhwkIamge {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow:hidden;
}
.mobhwkIamge img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow:hidden;
    object-fit:cover;
}
.hwktileIcn-sec {
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px
}
.hwkmobsldIcon {
    width: 50px;
    height:50px;
}
.hwkmobsldIcon img{
    width: 100%;
    height:100%;
    object-fit:contain;
}
.hwkmobsld-title {
    color: #222;
    margin-bottom: 10px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -.116px;
    width: calc(100% - 70px);
}
.mobhwksld-desc{
    color: #6E7B81;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.081px;
    margin-bottom:0px;       
}
.MobileRgt-cnt-slde {
    padding: 20px;
    width: 420px;
    position: absolute;
    background-color: #FFF;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0 2px 22px rgba(110, 123, 129, .2);
    min-height: auto;
    left:0;
    right:0;
    bottom: 15px;
    margin: auto;
    z-index: 9;
}

.howlg-badge-serv {
    animation: zoomInOut 2s ease-in-out infinite;
    width: 58px;
    height: 58px;
    position: absolute;
    bottom: 2px;
    right: 4px;
    opacity: 0.3;
}

.howlg-badge-serv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* How WE Work About */

}
@media (min-width: 992px) and (max-width: 1299px) {
        
    .myservSwiper .swiper-slide {
        padding-left: 45px;
    }
    .myservSwiper {
     height: 610px;
    }
    .hero-mainTitle {
        font-size: 35px;
    }
 }
@media (min-width: 992px) and (max-width: 1399px) {
    .hdrreq-btnPrt {
        display: none;
    }
    .cercnt-title {
        font-size: 22px;
    }
    p.hirtechbtm-desc {
        min-height: 115px;
    }
    .techcntrl-txt {
        margin-bottom: 60px;
    }    
    .nmlcuserv-title {
        font-size: 28px;
    }
    span.aiabtsub-title {
        margin-bottom: 0;
        margin-top: 30px;
    }
    .aiabtimage-wrap {
        margin: auto;
    }
    
    .uiservices-thumb, .scroll-text {
        display: none;
    }
    
    .uiuxserv-sec {
        height: 80vh;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .hdrmenu-content {
       left: -420px;
    }
    .dtabtBadge {
        left: 0;
    }
    .dtz-imageline-sec {
        display: none;
    }
    .herotxt-wrap {
        width: 55%;
    }
    .clientcard-wrap {
        width: 70%;
        margin: auto;
    }
    .clientbx-wrap {
        width: 100%;
    }
    .whydeenitem-card {
        padding: 15px;
    }
    h5.wditem-title {
        font-size: 20px;
    }
    .indsec_tabs li {
        font-size: 15px;
    }
    .aicntser-card.aicntcrd-swap .aicntrhtIamgeSml {
    left: unset;
    right: -60px;
   }
   .indsectorcrd-box {
    width: 55%;
   }
   .hwarht-frst-cir {
    margin-left: 6%;
    margin-top: -65px;
    }
    .hwarht-frst-cir.hwarhtfour{
        margin-top: -60px;
    margin-right: 20%;
    }
    .cirmin-cnt {
        transform:scale(0.8);
    }
    .aiabtimage-sml {
       bottom: 0;
    right: -25px; 
    }
}
@media (min-width: 1200px) and (max-width: 1299px) {
    
    .hwwflwImage{
        width: 465px;
    }
    .hwwflwcnt-count {
        width: 92px;
        height: 92px;
        font-size: 50px;
    }
    .hwwflwImage {
        margin-left: 0px;
    }
    h3.hwwflwTitle {
        font-size: 38px;
    }
    .hwwflwcnt-count {
        left: -75px;
    }
    .hwwflwcontent::before, .hwwflwcontent::after{
        left: -30px;
    }
    .custflwCardRht .hwwflwcnt-count {
        right: -40px;
    }
    .custflwCardRht .hwwflwcontent::before, .custflwCardRht .hwwflwcontent::after {
        right: 7px;
    }
    .custflwCardRht .hwwflwImage {
        margin-right: 0px;
        margin-left: 52px;
    }
    .hwwflwcontent {
        padding-left: 45px;
    }
    .careerscnd-card:hover .career-cntcard-btm {
    padding: 15px;
    }
    .careerscnd-card:hover .career-cntcard-btm {
    max-height: 355px;
    height: 355px;
}
    .careerscnd-card {
    min-height: 500px;
    height: 500px;
    }
    .career-crdtop-title {
        font-size: 24px;
    }
    .vismis-card::before { 
      width: 110px;
      top: 58px;
      left: -163px;
    }
    .vismis-card.visnCard-three::before {
       top: -79px;
       left: -180px;
        width: 133px;
    }
    .vismis-card.visnCard-two {
        left: 0px;
    }
    .vismis-card.visnCard-two::before {
      width: 42px;
      left: -102px;
      top: 0px;
    }
    .viscir-inner {
        width: 580px;
        height: 600px;
    }
    p.hwabtrhtIcon-desc {
        margin-bottom: 0;
    }
    .hwabtcntrht-card {
        width: 417px;
    }
}
@media (min-width: 1300px) and (max-width: 1398px) {
    .vismis-card::before {
        width: 113px;
        top: 59px;
        left: -165px;
    }
    .vismis-card.visnCard-three::before {
    transform: rotate(36deg);
    top: -68px;
    left: -165px;
    width: 117px;
    }
    .hwabtcntrht-card {
        width: 450px;
    }
}
@media (min-width: 1300px) and (max-width: 1399px) {
    
    .hwwflwImage{
        width: 465px;
    }
    .hwwflwcnt-count {
        width: 92px;
        height: 92px;
        font-size: 50px;
    }
    h3.hwwflwTitle {
        font-size: 38px;
    }
    .hwwflwcnt-count {
        left: -75px;
    }
    .hwwflwcontent::before, .hwwflwcontent::after{
        left: -30px;
    }
    .custflwCardRht .hwwflwcnt-count {
        right: -40px;
    }
    .custflwCardRht .hwwflwcontent::before, .custflwCardRht .hwwflwcontent::after {
        right: 7px;
    }
    .custflwCardRht .hwwflwImage {
       margin: auto;
    }
    .hwwflwcontent {
        padding-left: 45px;
    }
}
@media (min-width: 1400px) and (max-width: 1650px) {
    .hdrmenu-content {
       left: -320px;
    }
    .techrotatemain-wrap {
        position: relative;
        right: 50px;
    }
    .aicntlft-sec{
        padding-left: 140px;
    }
    .hwarht-frst-cir.hwarhtThree {
        margin-right: 0;
    }
    .hwwflwcontent {
        padding-top: 0;
    }
    .uiuxserv-sec {
        height: 80vh;
    }
}
@media (min-width: 1650px) {
    .b-services-announcements--collection {
        right:-15px;
    }
}
@media (min-width: 768px) {
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }
}

/* RESPONSIVE END */