@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
:root{
   --bg:#0b0e1a;
  --panel:#111827;
  --rowA:#050B2A;
  --rowB:#0B1336;           /* subtle alt row */
  --muted:#9aa3b2;
  --text:#e5e7eb;
  --thead-13:#3A3E53;
  --yes:#22c55e;
  --row-h: 64px;            /* uniform row height */
  --td-border:#C2C7D4;
  }
body{
	line-height: 1.5;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*{
	margin:0;
	box-sizing: border-box;
}
:before,:after{
	box-sizing: border-box;
}

.row{
	display: flex;
	flex-wrap: wrap;
}
.v-center{
	align-items: center;
}
ul{
	list-style: none;
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
}
/* header */
.header{
/*	display: block;*/
	width: 100%;
	position: absolute;
	z-index: 99;
	padding:15px 0;
}
.header .item-left{
	flex:0 0 10%;
}
.header .logo a{
	font-size: 30px;
	color:#000000;
	font-weight: 700;
	text-decoration: none;
}
.header .item-center{
	flex:0 0 57%;
}
.header .item-right{
	flex:0 0 25%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.header .item-right a{ 
     text-decoration: none;
     font-size: 15px;
     color:#000;
     display: inline-block;
     margin-left: 15px;
     transition: color 0.3s ease;
}
.header .item-right a i{
	margin-right: 8px;
}
.header .menu > ul > li{
	display: inline-block;
	line-height: 50px;
	margin-left: 20px;
}
.header .menu > ul > li > a{
	font-size: 12px;
	font-weight: 500;
	color:#fff;
	position: relative;
font-style: normal;
font-weight: 500;
line-height: 103.607%; /* 12.433px */
letter-spacing: 0.84px;
text-transform: uppercase;

	transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu{
	position: absolute;
	z-index: 500;
	background-color:#ffffff;
	box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); 
	padding: 20px 30px;
	transition: all 0.5s ease;
	margin-top:25px;
	opacity:0;
	visibility: hidden;
}
@media(min-width: 992px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
	margin-top: 0;
	visibility: visible;
	opacity: 1;
	        background: #ebedf6;
        border-radius: 15px;
}
}
.header .menu > ul > li .sub-menu > ul > li{
	line-height: 1;
	text-align: left;
}
.header .menu > ul > li .sub-menu > ul > li > a{
	display: inline-block;
	padding: 10px 0;
	font-size: 14px;
	color: #000;
	transition: color 0.3s ease;
	text-decoration: none;
	text-transform: capitalize;
}
.header .menu > ul > li .single-column-menu{
	min-width: 280px;
	max-width: 350px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block; 
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
	padding:10px 0;
	display: inline-block;
	font-size: 12px;
	color:#000;
	font-weight: 400;
	transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title i{
	color: #F26527;
}
.header .menu > ul > li .sub-menu.mega-menu{ 
    left: 50%;
    transform: translateX(-50%);	
}

.header .menu > ul > li .sub-menu.mega-menu-column-4{
  max-width: 850px;
  width: 100%; 	
  display: flex;
  flex-wrap: wrap;
  padding:20px 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex:0 0 33.33%;
  padding:0 15px;
  text-align: left;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{
	    font-size: 14px;
    color: #000;
    font-weight: 600;
	line-height: 1;
	padding:10px 0 15px 0;
	
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
	text-align: center;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
	margin-top: 10px;
	
	object-fit: cover;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item ul{
	margin-bottom: 30px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a{
	color:#ea4636;
}


.mobile-menu-head,
.mobile-menu-trigger{
	display: none;
}

/*responsive*/
@media(max-width: 991px){

	.header .item-center{
		order:3;
		flex:0 0 100%;
	}
	.header .item-left,
	.header .item-right{
	
	}
	.onboarding-employee .empl-onboard-listing li .empl-onboard-inside .emp-onboard-cnt br{
		display: none;
	}
	.v-center{
		justify-content: space-between;
	}
	.header .mobile-menu-trigger{
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}
	.header .mobile-menu-trigger span{
		display: block;
		height: 2px;
		background-color: #fff;
		width: 24px;
		position: relative;
	}
	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after{
		content: '';
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
		background-color: #fff;
	}
	.header .mobile-menu-trigger span:before{
		top:-6px;
	}
	.header .mobile-menu-trigger span:after{
		top:6px;
	}
	.header .item-right{
		align-items: center;
	}

	.header .menu{
		position: fixed;
		width: 90%;
		background-color:#130936;
		left:0;
		top:0;
		height: 100%;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease;
		z-index: 1099;
	}
	.header .menu.active{
	   transform: translate(0%);	
	}
	.header .menu > ul > li{
		line-height: 1;
		margin:0;
		display: block;
		text-align: left;
	}
	.header .menu > ul > li > a{
		line-height: 50px;
		height: 50px;
		padding:0 50px 0 15px;
		display: block;
		border-bottom: 1px solid rgb(255 255 255 / 36%);
	}
	.header .menu > ul > li > a i{
		position: absolute;
		height: 50px;
		width: 50px;
		top:0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg);
	}
	.header .menu .mobile-menu-head{
		display: flex;
		height: 66px;
		border-bottom: 1px solid #777;
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #130936;
		top:0;
	}
	.header .menu .mobile-menu-head .go-back{
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#fff;
		font-size: 16px;
		display: none;
	}
	.header .menu .mobile-menu-head.active .go-back{
		display: block;
	}
	.header .menu .mobile-menu-head .current-menu-title{
		font-size: 15px;
		font-weight: 500;
	color: #fff;
		padding: 10px 0;
	}
	.header .menu .mobile-menu-head .mobile-menu-close{
	    height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#fff;	
		font-size: 25px;
	}
	.header .menu .menu-main{
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.header .menu > ul > li .sub-menu.mega-menu,
	.header .menu > ul > li .sub-menu{
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin:0;
		padding:15px;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top: 65px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}
.header .menu > ul > li .sub-menu.active{
	display: block;
	background: #120935;
}
@keyframes slideLeft{
	0%{
		opacity:0;
		transform: translateX(100%);
	}
	100%{
	    opacity:1;
		transform: translateX(0%);	
	}
}
@keyframes slideRight{
	0%{
		opacity:1;
		transform: translateX(0%);
	}
	100%{
	    opacity:0;
		transform: translateX(100%);	
	}
}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
		margin-top:0;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
		margin-bottom: 20px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
		margin-bottom:0px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
		flex: 0 0 100%;
        padding: 0px;
	}
	.header .menu > ul > li .sub-menu > ul > li > a,
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
		display: block;
		color: #fff;
	}
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
		margin-bottom: 0px;
	}
	.menu-overlay{
		position: fixed;
		background-color: rgba(0,0,0,0.5);
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity:0;
		transition: all 0.5s ease;
	}
	.menu-overlay.active{
	  visibility: visible;
	  opacity:1;	
	}
}


.logo img{
	max-width: 170px;
}
.header .item-right .header-btns{
color: #fff;
font-size: 12px;
font-style: normal;
font-weight: 500;

letter-spacing: 0.98px;
text-transform: uppercase;
}
.header .item-right .header-btns.clr-btnss{
background: #18a0db;
    padding: 10px 25px;
    border-radius: 20px;
    font-weight: 700;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

.header .item-right .header-btns.clr-btnss:hover{
	color: #fff;
	background: #fb530d;
}
.banner-main{
    position: relative;
    background: url(../images/banner-bg.webp);
    padding: 200px 0 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #120935;
}
.banner-main .banner-inside h1{
color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 115%; /* 57.5px */
margin-bottom: 20px;
}


.banner-main .banner-inside p{
color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 159%; /* 31.8px */
margin-bottom: 20px;
}
.banner-main .banner-inside .banner-fx{
	display: flex;
	gap: 20px;
	justify-content: center;
}
.banner-main .banner-inside .whitebtns {
color: #fff;

font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 103.607%; /* 14.505px */
letter-spacing: 0.98px;
text-transform: uppercase;
border-radius: 25px;
background: #fb530d;
padding: 18px 25px;
/*border:1px solid #fff;*/
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.banner-main .banner-inside .transparent-btns {
color: #fff;

font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 103.607%; /* 14.505px */
letter-spacing: 0.98px;
text-transform: uppercase;
border-radius: 25px;
background: transparent;
padding: 18px 25px;
}

.banner-main .banner-inside .transparent-btns:hover{
	color: #FB530D;
	background: #FFF;
	border:1px solid #fff;
}
.banner-main .banner-inside .whitebtns:hover{
	color: #fb530d;
	background: #fff;
/*	border:1px solid #fff;*/
}
.banner-main .banner-inside img{
	max-width: 950px;
	z-index: 10;
  position: relative;
}

.bg-gradient-all{
	background: linear-gradient(175deg, #130936 0.7%, #040628  77.39%);
	
  z-index: 9;
  position: relative;
}
.scroll-client-main{
	padding: 100px 0 30px 0;
}

.scroll-client-main h2{
	color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 103.607%; /* 20.721px */
text-transform: capitalize;
margin-bottom: 35px;
}

.scroll-animation-wrapper {
     position: relative;
    z-index: 1;
    overflow: hidden;
}

.scroll-animation.scroll-right-left {
    -webkit-animation: 80s linear infinite forwards scroll;
    -moz-animation: 80s linear infinite forwards scroll;
    animation: 80s linear infinite forwards scroll
}

.scroll-animation.scroll-left-right {
    -webkit-animation: 80s linear infinite forwards scrollLeft;
    -moz-animation: 80s linear infinite forwards scrollLeft;
    animation: 80s linear infinite forwards scrollLeft
}

.scroll-animation {
    display: flex;
    width: 7200px;
    position: relative;
    will-change: transform; /* Improves animation performance */
    backface-visibility: hidden; /* Fixes visual glitches during animation */
    transform-style: preserve-3d;
}

.scroll-animation .single-column-20 {
   padding: 0 10px;
    flex-shrink: 0; /* Prevents items from shrinking */
    position: relative;
    backface-visibility: hidden; /* Fixes visual glitches */
}

.rbt-testimonial-box {
    position: relative;
    z-index: 2;
    
}

.rbt-testimonial-box .inner {
   position: relative;
    padding: 10px;
    z-index: 2;
    text-align: center;
    background: transparent; /* Explicitly set background */
    transform: translateZ(0); /* Force hardware acceleration */
}
.rbt-testimonial-box .inner img{
	max-width: 170px;
}
@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-webkit-calc(-250px * 7));
        transform: translateX(-1750px)
    }
}

@-moz-keyframes scroll {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -moz-transform: translateX(-moz-calc(-250px * 7));
        transform: translateX(-1750px)
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-webkit-calc(-250px * 7));
        -moz-transform: translateX(-moz-calc(-250px * 7));
        transform: translateX(-1750px)
    }
}

@-webkit-keyframes scrollLeft {
    0% {
        -webkit-transform: translateX(-webkit-calc(-250px * 7));
        transform: translateX(-1750px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes scrollLeft {
    0% {
        -moz-transform: translateX(-moz-calc(-250px * 7));
        transform: translateX(-1750px)
    }

    to {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes scrollLeft {
    0% {
        -webkit-transform: translateX(-webkit-calc(-250px * 7));
        -moz-transform: translateX(-moz-calc(-250px * 7));
        transform: translateX(-1750px)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

.faq-section {
  position: relative;
  padding: 50px 0px 50px 0px;
}
.faq-section .rc-accordion{
  position:relative;
  padding-left: 0;
}
.faq-section {
  position: relative;
  padding: 50px 0;
}
.faq-section .faq-content{
	padding-right: 50px;
}
/* Accordion base */
.faq-section .rc-accordion {
  position: relative;
  padding-left: 0;

}

/* Each accordion item */
.faq-section .rc-accordion .rc-accordion__item {
  position: relative;
  margin-bottom: 15px;
  padding: 0 20px;
  list-style: none;
  border-radius: 10px;
  background: #fff;
}

.faq-section .rc-accordion .rc-accordion__item.is-open {
  background: #E9F9FF;
}

.faq-section .rc-accordion .rc-accordion__item:last-child {
  margin-bottom: 20px;
  border-bottom: none !important;
}

/* Trigger (header) */
.faq-section .rc-accordion .rc-accordion__trigger {
  position: relative;
  cursor: pointer;
  display: block;
}

.faq-section .rc-accordion .rc-accordion__trigger h3 {
  position: relative;
  display: block;
  padding: 25px 30px 26px 0;
  transition: all 500ms ease;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  line-height: 140.607%;
  letter-spacing: 0.18px;
  text-transform: capitalize;
}

.faq-section .rc-accordion .rc-accordion__trigger.active h3 {
  color: #000;
  padding: 20px 30px 5px 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140.607%;
}

/* Content area */
.faq-section .rc-accordion .rc-accordion__content {
  position: relative;
  display: none;
  padding-top: 6px;
  padding-bottom: 27px;
}

.faq-section .rc-accordion .rc-accordion__content.is-visible {
  display: block;
}

.faq-section .rc-accordion .rc-accordion__body {
  position: relative;
}

.faq-section .rc-accordion .rc-accordion__text {
  position: relative;
  display: block;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  padding-right: 40px;
}

.faq-section .rc-accordion .rc-accordion__text p {
  margin-bottom: 15px;
  color: #4F4E4E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150.107%;
  letter-spacing: 0.16px;
  text-transform: capitalize;
}

.faq-section .rc-accordion .rc-accordion__text a {
  color: #18A0DB;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150.107%;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}

/* If you use spans inside text (kept from your original) */
.faq-section .rc-accordion .rc-accordion__text span {
  border-right: 1px solid #54d0ff;
  padding-right: 5px;
  margin-right: 5px;
  color: #006895;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 103.607%;
  letter-spacing: 0.14px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-transform: capitalize;
}

.faq-section .rc-accordion .rc-accordion__text span:last-child {
  border-right: 0;
}

/* Icon styles */
.faq-section .rc-accordion .rc-accordion__icon {
  position: absolute;
  top: 21px;
  right: 0px;
  font-size: 14px;
  color: #000;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  transition: all 500ms ease;
  z-index: 1;
}

.faq-section .rc-accordion .rc-accordion__icon i {
  background: #ECECEC;
  border-radius: 50%;
  font-size: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

/* When active, we’ll flip plus → minus via JS */
.faq-section .rc-accordion .rc-accordion__trigger.active .rc-accordion__icon {
  color: #000;
}
.faq-section .rc-accordion .block .rc-accordion__trigger.active .rc-accordion__icon i{
background: #ECECEC;
    
    border-radius: 50%;
}
.faq-section .rc-accordion .block .rc-accordion__trigger .rc-accordion__icon i{
  background: #ECECEC;

  border-radius: 50%;
  font-size: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.faq-section .rc-accordion .block .rc-accordion__trigger.active .rc-accordion__icon i:before{
  position: relative;
  background: #ECECEC;
  font-size: 12px;
  color: #000;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin: 0px;
  content: "\f068";
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.faq-section .feature-image {
  opacity: 0; /* Initially hidden */
  transform: translateY(30px); /* Start from below */
  display: none; /* Ensure all images are hidden initially */
}

/* Apply the fadeInUp animation when active */
.faq-section .feature-image.active {
  opacity: 1;
  display: block; /* Show the image */
  animation: fadeInUp 0.6s ease-out forwards; /* Animation */
}
.frature-img {
  position: relative;
  overflow: hidden;
}

.frature-img .feature-image {
  display: none;
}

.frature-img .feature-image.active {
  display: block;
}
.padd-r-l-0{
	padding-inline: 0px;
}
.padd-r-l-0-1{
	padding-inline: 0px;
}
.padd-r-l-2{
	padding-inline: 0px 15px;
}
.feature-modules-main .frature-img {
	position: relative;
	
}
.feature-modules-main .frature-img img{
	
	    border-radius: 16px;
	width: 100%;
}
.feature-modules-main .feature-module-inside, .feature-modules-main .feature-module-heading{
/*	padding-left: 32px;*/
}

.feature-modules-main .feature-module-heading span{
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 18px */

margin-bottom: 5px;
}
.feature-modules-main .feature-module-heading h3{
	color: #FFF;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 42px */
margin-bottom: 45px;
}
.feature-modules-main .feature-module-heading h2{
	color: #FFF;
font-size: 28px;
font-style: normal;
font-weight: 	500;
line-height: 140%; /* 42px */
margin-bottom: 80px;
margin-top: 10px;
}



.spreadsheets-main{
	padding: 80px 0;
}
.spreadsheets-main .spreed-three{
	border-radius: 16px;
background: #F0DFCB;
padding: 45px 40px 0 30px;
margin-bottom: 15px;
}

/* Base link */
.learn-more-link {
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  cursor: pointer;
}

/* Arrow */
.learn-more-link .arrowss {
  transition: transform 0.3s ease;
  vertical-align: middle;
}

/* Text (hidden by default) */
.learn-more-link .textss {
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  margin-left: 8px; /* replaces gap */
  color: #F26428;
  vertical-align: middle;
  transition: 
    max-width 0.3s ease,
    opacity 0.2s ease;
}

/* Hover: reveal text */
.learn-more-link:hover .textss {
  max-width: 120px; /* adjust if text changes */
  opacity: 1;
}

/* Hover: move arrow */
.learn-more-link:hover .arrowss {
  transform: translateX(4px);
}

.learn-more-link .sme-c{
	
  margin-left: 8px; /* replaces gap */
  color: #F26428;
  vertical-align: middle;
  transition: 
    max-width 0.3s ease,
    opacity 0.2s ease;
}
.lm-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

/* Text always visible */
.lm-text {
  color: #F26428;
  font-weight: 600;
}

/* Arrow hidden by default */
.lm-arrowss {
  display: inline-flex;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

/* Hover reveal */
.lm-link:hover .lm-arrowss {
  opacity: 1;
  transform: translateX(0);
}

.spreadsheets-main .spreed-three h4{
color: var(--black-100, #000);
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 33.6px */
letter-spacing: -0.84px;
text-transform: capitalize;
}
.spreadsheets-main .spreed-three a{
	margin-bottom: 40px;
}
.spreadsheets-main .one-login {
	background: url(../images/one-login.webp);
	padding: 35px;
	border-radius: 16px;

  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  margin-bottom: 20px;
}
.spreadsheets-main .one-login h4{
	color: #FFF;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 33.6px */
text-transform: capitalize;
margin-bottom: 20px;
}
.spreadsheets-main .whatsapp-chat{
	border-radius: 16px;
background: #2B2B2B;
padding:60px 10px 0 25px;
margin-bottom: 20px;
}
.spreadsheets-main .whatsapp-chat .whatsapp-chat-insidde{
	display: flex;
	gap: 0px;

}
.spreadsheets-main .whatsapp-chat .whatsapp-chat-insidde .txt-arrw{
	margin-bottom: 45px;
}
.spreadsheets-main .whatsapp-chat .whatsapp-chat-insidde h4{
color: #FFF;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 33.6px */
text-transform: capitalize;
margin-bottom: 25px;
}
.spreadsheets-main .sales-force-inner{
	border-radius: 16px;
background: #EEE;
padding: 50px 0px 0 30px;
height: 100%;
}
.spreadsheets-main .sales-force-inner .sales-force-inside{
	display: flex;
	align-items: center;
	  width: 100%;
}
.spreadsheets-main .sales-force-inner .sales-force-inside .both-he{
	margin-bottom: 1.6rem;
}
.spreadsheets-main .sales-force-inner .sales-force-inside h4{
color: var(--black-100, #000);
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 33.6px */
letter-spacing: -0.84px;
text-transform: capitalize;
margin-bottom: 1.3rem;
}
.spreadsheets-main .col-lg-6 ,.spreadsheets-main .col-lg-4,.spreadsheets-main .col-lg-12{
	padding: 0 8px;
}
.spreadsheets-main .sales-force-inner .sales-force-inside p{
	color: #000;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150.107%; /* 24.017px */
letter-spacing: 0.16px;
text-transform: capitalize;
}
.spreadsheets-main .sales-force-inner .sales-force-inside > div:first-child {
 margin-bottom: 30px;

}

.spreadsheets-main .sales-force-inner .sales-force-inside img {
  max-width: 65%;

}
@supports (-webkit-appearance:none) {
  .sales-force-inside img {
    align-self: flex-end;
  }

}
.common-heading-top h2{
	color: #FFF;

font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 42px */
margin-bottom: 20px;
margin-top: 10px;
}
 .common-heading-top p{
	color: #fafafa;

leading-trim: both;
text-edge: cap;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 170.107%; /* 24.017px */
margin-bottom: 80px;
}
.common-heading-top span{
	color: #fafafa;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 100%;
margin-bottom: 10px;
}
.why-recurit{
	padding: 80px 0;
	 overflow: hidden;
}

.why-recurit .why-recurit-inside{
	position: relative;
  margin: 0 5px;
  border-radius: 20px;
  overflow: hidden;
  padding: 50px 0 0 30px;
}


.why-recurit .why-recurit-inside .why-recurit-content span{
	color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 27px */
margin: 0 auto 10px auto;
display: block;
text-align: center;
}
.why-recurit .why-recurit-inside .why-recurit-content h3{
color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 20px;
  padding-right: 30px;
}

.why-recurit .why-recurit-img {
    width: 100%;
   
    background-color: #E60000; /* red */
    border-radius: 8px;
    position: relative;
}

.bg-FDF0E3 {
 border-radius: 25px;

background: #2D4298;
}
.bg-E5EEFB {
 border-radius: 25px;
background: #5F74F7;

}
.bg-F3E6FA {
  border-radius: 25px;
background: #C48745;
}
.bg-ECF6FD{
border-radius: 25px;
background: #35A1E8
}
.why-recurit .why-recurit-inside .why-recurit-content p{
color: #fff;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 159%;
  padding-right: 30px;
 
}
.why-recurit .why-recurit-inside .why-recurit-content{
	height: 200px;
}
.why-recurit .why-recurit-inside{
	overflow: hidden;
	     
	    
}
.why-recurit .why-recurit-inside img{
	    transition: transform 0.9s ease-in-out, box-shadow 0.3s ease-in-out;
}


.why-recurit .why-recurit-inside:hover img{
	        transform: scale(1.1) ;
	       
}
.step-process{
	padding: 80px 0;
}
.step-process .step-btns{
	display: flex;
	gap: 20px;
	justify-content: center;
}
.step-process img{
	padding: 50px 0;
}
.step-btns .orange-btns{
color: #FB530D;

font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 103.607%; /* 14.505px */
letter-spacing: 0.98px;
text-transform: uppercase;
border-radius: 25px;
border: 2px solid #FB530D;

background: #FFF;
padding: 18px 25px;
}
.step-btns .blue-btns{
color: #18A0DB;

font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 103.607%; /* 14.505px */
letter-spacing: 0.98px;
text-transform: uppercase;
border-radius: 25px;
border: 2px solid #18A0DB;

background: #FFF;
padding: 18px 25px;
}

.step-process .step-process-inside{
	padding: 20px 0;
}
.process-radius{
	display: flex;
  justify-content: center;
  margin-bottom: 25px;
 
}
.process-radius .proces-radius-inside{
      width: 250px;
  height: 250px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  padding: 40px 20px;
  margin: 0 -6px;
  position: relative;
    
}
.process-radius .proces-radius-inside span{
    color: #fff;
    font-size: 25px;
    font-weight: 700;
}
.process-radius .proces-radius-inside h3{
      font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
  height: 40px;
}

.process-radius .proces-radius-inside p{
color: #FFF;
text-align: center;
font-size: 14px;
font-weight: 300;
line-height: 140.5%;
}
.process-radius .proces-radius-inside svg{
position: absolute;
    right: 0%;
    top: 50%;
    z-index: 999;
 }
.process-radius .proces-radius-inside.clr-1{
	background: #62C3ED;
}
.process-radius .proces-radius-inside.clr-2{background:#9AE0FD;}
.process-radius .proces-radius-inside.clr-3{background:#F6C042;}
.process-radius .proces-radius-inside.clr-4{background:#F69942;}
.process-radius .proces-radius-inside.clr-5{background:#F86D32}


.counter-list{
	text-align: center;
	padding: 20px 0;
}
.counter-list h3{
color: #fff;
font-family: Poppins;
font-size: 50px;
font-style: normal;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 20px;
}
.counter-list p{
color: #FFF;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150.107%; /* 24.017px */
letter-spacing: 0.16px;
text-transform: capitalize;	
}

.testimonial-main, .contact-main-us, .part-intergra{
padding: 60px 0;

position: relative;
}
.testimonial-main .testimonial-inside{
/*background: #fff;
  position: relative;
  padding: 50px 20px 20px 50px;
  border-radius: 0 15px 15px 0;
  height: 80%;*/

}
/*.testimonial-main .testimonial-inside .testimonial-cnt{
	max-width: 450px;
}*/
.testimonial-main .testimonial-inside .testimonial-cnt h2{
color: #fff;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 42px */
text-transform: capitalize;
margin-bottom: 80px;
}
.testimonial-main .testimonial-inside .testimonial-cnt p{
color: #4F4E4E;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 150.107%; /* 24.017px */
letter-spacing: 0.16px;
text-transform: capitalize;
margin-bottom: 30px;
}
.testimonial-main .testimonial-inside .testimonial-cnt a{
	color: #fff;

font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 103.607%; /* 14.505px */
letter-spacing: 0.98px;
text-transform: uppercase;

border-radius: 25px;
background: #18A0DB;

padding: 12px 25px;
}

.testimonial-main .testimonial-inside .testimonial-inside-img img{
	max-width: 400px;
	display: block; 
}

.testimonial-description{
	text-align: center;
	margin-bottom: 30px;
}
.testimonial-description svg{
	margin-bottom: 15px;
}
.testimonial-description p{

color: #FFF;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 170.107%; /* 24.017px */
letter-spacing: 0.16px;
text-transform: capitalize;
margin-bottom: 20px;
}
.testimonial-description h5{
	color: #FFF;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150.107%; /* 24.017px */
letter-spacing: 0.16px;
text-transform: capitalize;
}


.testimonial-main .testimonial-inside .testimonial-inside-img {
  margin-right: -50px; 
  margin-top: -78px; 
  float: right; 
}



.bg-started{
	background: linear-gradient(180deg, #010C27 0%, #00184F 100%);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 100px 0;
}
.bg-started .bg-started-inside{

}
.bg-started .bg-started-inside h3{
	color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 42px */
text-transform: capitalize;
}
.bg-started .bg-started-inside p{
	color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150.107%; /* 36.026px */
letter-spacing: 0.24px;
text-transform: capitalize;
margin-bottom: 30px;
}
.bg-started .bg-started-inside{
	
}
.bg-started .bgstart-btns{
	display: flex;
	gap: 20px;
	justify-content: center;
}
.bgstart-btns .orange-btns-1{
color: #18A0DB;

font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 103.607%; /* 14.505px */
letter-spacing: 0.98px;
text-transform: uppercase;
border-radius: 25px;
margin-bottom: 20px;


background: #FFF;
padding: 15px 35px;
}
.bgstart-btns .blue-btns-1{
color: #FB530D;

font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 103.607%; /* 14.505px */
letter-spacing: 0.98px;
text-transform: uppercase;
border-radius: 25px;
margin-bottom: 20px;

background: #FFF;
padding: 15px 35px;
}

.blog-recuritcamp{
	padding: 90px 0;
}
.blog-recuritcamp h2{
	color: #FFF;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 42px */

margin-bottom: 60px;
}
.blog-recuritcamp .blog-recuritcamp-inside .blog-camp-img{
	overflow: hidden;
	border-radius: 16px;
}
.blog-recuritcamp .blog-recuritcamp-inside .blog-camp-img:hover img{
transform: scale(1.1);
}
.blog-recuritcamp .blog-recuritcamp-inside .blog-camp-img img
{
	width: 100%;
  transition: 0.9s;
  border-radius: 16px;
}
.blog-recuritcamp .blog-recuritcamp-inside .blog-camp-content{
	padding: 20px 0;
}
.blog-recuritcamp .blog-recuritcamp-inside .blog-camp-content h3 {
	color: #FFF;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;

margin-bottom: 15px;
margin-top: 10px;

}
.blog-recuritcamp .blog-recuritcamp-inside .blog-camp-content a{
	color: #FFF;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
}
.blog-recuritcamp .blog-recuritcamp-inside .blog-camp-content span{
	color: #FFF;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 100%; /* 18px */
text-transform: capitalize;
margin-bottom: 5px;
}
.blog-recuritcamp .blog-recuritcamp-inside .blog-camp-content p{
	color: #FFF;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 150.107%; /* 24.017px */
letter-spacing: 0.16px;
text-transform: capitalize;
margin-bottom: 20px;
}


.blog-recuritcamp .blog-recuritcamp-inside .blog-camp-content a:hover{
	color: #18A0DB;
}
footer .spacei {
   padding: 60px 0 0px 0;
/*   border-top: 1px solid #464b60;*/
}

footer .footer-section h4 {
   color: #FFF;
   font-family: Poppins;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 103.607%; /* 12.433px */
   letter-spacing: 0.84px;
   text-transform: uppercase;
   margin-bottom: 30px;
   cursor: pointer;
}

footer .footer-section ul li {
   margin-bottom: 10px;
}

footer .footer-section ul li a {
   color: #A1A1A1;
   font-family: Poppins;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   
}

footer .footer-section {
   margin-bottom: 50px;
}

footer .footer-bottom {
   display: flex;
   justify-content: space-between;
   padding: 20px 0 20px 0;
   border-top: 1px solid #464b60;
}

footer .footer-bottom .social-mediass a {
   margin-right: 10px;
   color: #fff;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 150.4%; /* 21.056px */
}

footer .footer-bottom .social-mediass span {
   color: #fff;
}

footer .footer-bottom .right-reserved p {
   color: #FFF;
   text-align: center;
   font-family: Poppins;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 150.4%; /* 21.056px */
}




@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .spreadsheets-main .spreed-three .speed-linkss {
        margin-bottom: 70px;
    }
}

@-moz-document url-prefix() {
    .spreadsheets-main .spreed-three .speed-linkss {
        margin-bottom: 0;
    }
}

.slider-ar{
	position: relative;
}
.slider-ar .swiper-button-prev-custom,.slider-ar .swiper-button-next-custom{
	position: absolute;
	border: none;
	background: unset;
	padding: 0;
	font-size: 20px;
	color: rgba(242, 101, 39, 1);
}
.slider-ar .swiper-button-next-custom{
	left: 51%;
}
.slider-ar .swiper-button-prev-custom{
	right: 51%;
}


.hei-100{
	height: 100vh;
}
.bg-031236{
	background: #000;
}
.bg-031236-1{
	background: #031236;
}
/*onboardsoftware css*/


.onboarding-banner {
    position: relative;
    background:
        linear-gradient(0deg, #100934 23.56%, rgba(16, 9, 52, 0.00) 100%),
        url(../images/banner-onboarding.webp);
    background-repeat: no-repeat, no-repeat;
    background-position: center, left center;
    background-size: cover, cover; 
    padding: 140px 0 40px 0;
    background-color: #110935;
}

.onboarding-banner .onboarding-inside h1{
color: #FFF;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 57.5px */
margin-bottom: 50px;
}

.onboarding-banner .onboarding-inside .whitebtns {
color: #fff;   

font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 103.607%; /* 14.505px */
letter-spacing: 0.98px;
text-transform: uppercase;
border-radius: 25px;
background: #FB530D;
padding: 13px 25px;
transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease;
}
.onboarding-banner .onboarding-inside .transparent-btns {
color: #fff;

font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 103.607%; /* 14.505px */
letter-spacing: 0.98px;
text-transform: uppercase;
border-radius: 25px;
background: #FB530D;
padding: 13px 25px;
}

.onboarding-banner .onboarding-inside .transparent-btns:hover{
	color: #fff;
	background: #FB530D;
}
.onboarding-banner .onboarding-inside .whitebtns:hover{
	color: #FB530D;
	background: #fff;
	
}

.onboard-staffing{
	padding: 50px 0;
}
.onboard-staffing .onboard-staffing-inside{
	border-radius: 18px;
background: #0F1D52;
padding: 50px 40px 0 60px;
}

.onboard-staffing .onboard-staffing-inside .onboard-staffing-content{
	margin-right: 50px;margin-bottom: 80px;
}
.onboard-staffing .onboard-staffing-inside .onboard-staffing-content h2{
	color: #FFF;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 42px */
margin-bottom: 30px;
}
	.onboard-staffing .onboard-staffing-inside .onboard-staffing-content p{
color: #FaFaFa;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 170.107%; /* 27.019px */
letter-spacing: 0.18px;
margin-bottom: 25px;
	}
.onboard-staffing .onboard-staffing-inside .onboard-staffing-content a{
	color: #fff;

font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 103.607%; /* 14.505px */
letter-spacing: 0.98px;
text-transform: uppercase;
border-radius: 25px;
border:1px solid #fff;
padding: 13px 25px;
transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease;
}
.onboard-staffing .onboard-staffing-inside .onboard-staffing-content a:hover{
 background-color: #fff; /* White background on hover */
  color: #fb530d; /* Change text color on hover */
 border:1px solid #fff;;
}
.onboarding-employee{
	padding: 60px 0;
}
.onboarding-employeesss{
	padding-bottom: 120px;
}
.onboarding-employee .onboard-emp-img img{
	padding-right: 75px;
}

.onboarding-employee .empl-onboard-listing{
padding-right: 70px;
}
.onboarding-employee .empl-onboard-listing {

}

.onboarding-employee .empl-onboard-listing li .empl-onboard-inside{
display: flex;
  gap: 35px;
  align-items: center;
  margin-bottom: 20px;
  border-bottom: 1px dashed #9F9FA0;
  padding-bottom: 25px;
}
.onboarding-employee .empl-onboard-listing li:last-child .empl-onboard-inside {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.onboarding-employee .empl-onboard-listing li .empl-onboard-inside .emp-onboard-svg{

}
.onboarding-employee .empl-onboard-listing li .empl-onboard-inside .emp-onboard-cnt{

}
.onboarding-employee .empl-onboard-listing li .empl-onboard-inside .emp-onboard-cnt p{
margin-bottom: 0;
  color: #fff;
  color: #fafafa;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170.107%;
  letter-spacing: 0.16px;
}
.onboarding-employee .empl-onboard-listing li .empl-onboard-inside .emp-onboard-cnt p b{
	font-weight: 700;
	font-size: 18px;
	;
}
.onboarding-employee .empl-onboard-listing li .empl-onboard-inside .emp-onboard-cnt p span{
font-weight: 700;
font-size: 18px;	
}
.staff-agency-onboard{
padding: 60px 0;	
}
.staff-agency-onboard .staff-agency-inside-board{
	
}    


.staff-agency-onboard .staff-agaency-bx{
	border-radius: 18px;
  background: #0F1D52;
  padding:  35px 25px;
  flex: 1;
  transition: 
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease;
}
.staff-agency-onboard .staff-agaency-bx svg{
margin-bottom: 30px;
 transition: transform 0.35s ease;
}
.staff-agency-onboard .staff-agaency-bx:hover{
  transform: translateY(-8px);
  
  background: #132a73; /* slightly lighter shade */
}
.staff-agency-onboard .staff-agaency-bx:hover svg{
  transform: translateY(-4px) scale(1.05);
}
.staff-agency-onboard .staff-agaency-bx h3{
color: #FFF;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 20px;
   transition: color 0.3s ease;
}
.staff-agency-onboard .staff-agaency-bx p{
	color: #fafafa;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170.107%;
  letter-spacing: 0.16px;
  margin-bottom: 10px;
   transition: color 0.3s ease;
}
.staff-agency {
padding: 60px 0;
}
.staff-agency .staff-agency-inside{
	border-radius: 18px;
/*  background: #0F1D52;*/
  padding:  36px;
}    
.staff-agency .staff-agency-inside h2{
color: #FFF;
  font-family: Poppins;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 25px;
}
.staff-agency .staff-agency-inside p{
	color: #fafafa;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170.107%;
  letter-spacing: 0.16px;
  margin-bottom: 25px;
}


.staff-agency .staff-agency-inside .staff-agency-listing ul {
    list-style: none;
    padding-left: 0;
      
}

.staff-agency .staff-agency-inside .staff-agency-listing li {
    position: relative;
    padding-left: 1.8em; /* Space for the icon */
     font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170.1%;
  letter-spacing: 0.16px;
  margin-bottom: 25px;
  color: #fafafa;
}

.staff-agency .staff-agency-inside .staff-agency-listing li::before {
    content: "\f058"; 
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; 
    position: absolute;
    left: 0;
    color: #18A0DB; 
}


.best-onboard-software .best-onboard-software-main {
border-radius: 18px;
  background: #F8F0E7;
  padding: 50px 30px;
  margin-bottom: 20px;
}
.best-onboard-software .best-onboard-software-main .best-onboard-software-inside{
display: flex;
  gap: 30px;
} 

.best-onboard-software h2
{
color: #FFF;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 42px */
margin-bottom: 30px;
}
	
.best-onboard-software .best-onboard-software-main .best-onboard-software-inside-arrow
{
text-align: right;
}
.best-onboard-software .best-onboard-software-main .best-onboard-software-inside .best-onboard-software-inside-cnt h3{
	font-size: 18px;
	font-weight: 700;
}
.best-onboard-software .best-onboard-software-main .best-onboard-software-inside .best-onboard-software-inside-cnt p{
color: #000;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160.107%;
  
  margin-bottom: 0px;
}

.best-onboard-software {
padding: 60px 0;
}

.onboarding-experience{
	padding: 60px 0;
}
.onboarding-experience .onboarding-experience-main{
position: relative;
}

.onboarding-experience .onboarding-experience-main .onboarding-experience-inside{
	border-radius: 18px;
background: #0291CF;
padding: 60px 0 120px 0;
position: relative;
}

.onboarding-experience .onboarding-experience-main .onboarding-experience-inside .onboarding-experience-inside-cnt{
	text-align: center;

}
.onboarding-experience .onboarding-experience-main .onboarding-experience-inside .onboarding-experience-inside-cnt h3{
	color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 45px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 54px */
margin-bottom: 20px;
}
.onboarding-experience .onboarding-experience-main .onboarding-experience-inside .onboarding-experience-inside-cnt p{
	color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150.107%; /* 27.019px */
letter-spacing: 0.18px;
max-width: 900px;
margin: 0 auto 30px auto;

}

.onboarding-experience .onboarding-experience-main .onboarding-experience-inside .onboarding-experience-inside-btns{
	margin-bottom: 30px;
	text-align: center;
}
.onboarding-experience .onboarding-experience-main .onboarding-experience-inside .onboarding-experience-inside-btns a.bg-clr-btns
{
color: #18A0DB;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 103.607%;
  letter-spacing: 0.98px;
  text-transform: uppercase;
  border-radius: 25px;
  border: 1px solid #fff;
  padding: 13px 25px;
  background: #fff;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.onboarding-experience .onboarding-experience-main .onboarding-experience-inside .onboarding-experience-inside-btns a.bg-clr-transparent
{
color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 103.607%;
  letter-spacing: 0.98px;
  text-transform: uppercase;
  border-radius: 25px;
  border: 1px solid #fff;
  padding: 13px 25px;
  background: transparent;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.onboarding-experience .onboarding-experience-main .onboarding-experiecne-vector{
	
}
.onboarding-experience .onboarding-experience-main .onboarding-experiecne-vector .img-1
{
bottom: -3.5%;
  position: absolute;
  max-width: 200px;
  left: 2%;	
}
.onboarding-experience .onboarding-experience-main .onboarding-experiecne-vector .img-2
{
	position: absolute;
  left: 7%;
  bottom: 26%;
}
.onboarding-experience .onboarding-experience-main .onboarding-experiecne-vector .img-3
{
position: absolute;
  top: 2%;
  right: 1%;

}
.onboarding-experience .onboarding-experience-main .onboarding-experiecne-vector .img-3 img{
	max-width: 100px;
}


.faq-section-1 {
  position: relative;
  padding: 60px 0px 60px 0px;
}
.faq-section-1 h2{
	color: #FFF;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 42px */
margin-bottom: 30px;
}
.faq-section-1 .accordion-box{
  position:relative;
  padding-left: 0;
}

.faq-section-1 .accordion-box .block{
  position:relative;
  margin-bottom: 15px;
  
  list-style: none;
 border-bottom:1px solid #464b60;
}
 
.faq-section-1 .accordion-box .block:last-child{
  margin-bottom: 0px;
  border-bottom: unset !important;
}
    
.faq-section-1 .accordion-box .block .acc-btn h4{
  position:relative;
  display: block;
 
  
  padding: 20px 30px 20px 0px;
  cursor:pointer;
  transition: all 500ms ease;
  color: #fff;

 font-size: 18px;
  font-weight: 300;
  font-style: normal;

line-height: 103.607%; /* 18.649px */
letter-spacing: 0.18px;
text-transform: capitalize;
}

.faq-section-1 .accordion-box .block .acc-btn.active h4{
  color: #fff;
  padding:20px 30px 5px 0px;
 
  font-size: 18px;
font-style: normal;
font-weight: 400;
 
}

.faq-section-1 .accordion-box .block .acc-content{
  position:relative;
  display:none; 
  padding-top: 6px;
  padding-bottom: 27px;
}

.faq-section-1 .accordion-box .block .acc-content.current{
  display:block;  
}

.faq-section-1 .accordion-box .block .content .text{
  position:relative;
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170.107%;
  color: #fafafa;
  padding-right: 40px;
  
}
.faq-section-1 .accordion-box .block .content .text p{
margin-bottom: 15px;
color: #fafafa;
font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170.107%;
letter-spacing: 0.16px;
text-transform: capitalize;

}

.faq-section-1 .accordion-box .block .content .text span:last-child{
	border-right: 0px;
}
.faq-section-1 .accordion-box .block .acc-btn .icon-outer{
  position: absolute;
  top: 21px;
  right: 25px;
  font-size: 14px;
  color: #000;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  transition: all 500ms ease;
  z-index: 1;
}

.faq-section-1 .accordion-box .block .acc-btn.active .icon-outer{
  color: #fff;
}
.faq-section-1 .accordion-box .block .acc-btn.active .icon-outer i{
/*background: #ECECEC;
 border-radius: 50%;*/
    color: #fff;
}
.faq-section-1 .accordion-box .block .acc-btn .icon-outer i{


  color: #fff;
}

.faq-section-1 .accordion-box .block .acc-btn.active .icon-outer i:before{
  position: relative;
/*  background: #ECECEC;*/
  font-size: 12px;
  color: #000;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin: 0px;
  content: "\f068";
  color: #fff;
}

.grid-tbl{
  display:grid; gap:0px;
  grid-template-columns: repeat(6, 1fr);
}
.table-mains{
	padding: 120px 0;
}
.seg{ border-radius:12px; overflow:hidden; display:flex;  }
.seg table{ width:100%; border-collapse:separate; border-spacing:0; }

/* HEADERS: unify metrics across all three segments */
.seg thead th{
	color: #FFF;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150.4%; /* 42.112px */
  
  padding: 16px; margin:0; color:#fff; text-align:left;
}
.seg-1 thead th, .seg-3 thead th{
  background:var(--thead-13);
  border-top-left-radius:10px; border-top-right-radius:10px;
  border-bottom: 1px solid #3a3e53;
}

.seg-2 thead th{
  background:rgba(255,255,255,.12);
  border-top-left-radius:10px; border-top-right-radius:10px;
  height: 85px;
}
.seg tbody td{
  color:#fff;
  padding:0 30px;                
  height:101px;           
  vertical-align:middle;
  border:1px solid #2f396f;
  border-top: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  
  letter-spacing: 0.2px;
  text-transform: capitalize;
}
.seg tbody tr:last-child td{
/* border-bottom:0;*/
/*BORDER-RADIUS: 0 0 16px 16PX;*/
  }
.seg.seg-2 tbody tr:last-child td{
	height: 100px;
}
.seg-2 svg{
	margin-right: 10px;
}
.seg-2 span b{
	font-weight: 600;
}
.seg-2{
  background: rgba(6, 32, 147, 0.60);
    border: 1px solid #AABDC8;
    box-shadow: inset 0 0 60px rgba(6, 106, 255, 0.50);
    filter: drop-shadow(0 0 47px rgba(35, 82, 211, 0.65));
 
}


.seg-1{ grid-column:1 / span 2;margin-top:26px;margin-bottom:0px }
.seg-2{ grid-column:3 / span 2; }
.seg-3{ grid-column:5 / span 2;margin-top:26px;margin-bottom:0px }


.dot{ display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--yes); margin-right:8px; vertical-align:2px; }

@media (max-width: 992px){
  .grid-tbl {
    display: flex; /* Make the grid a flex container */
    overflow-x: auto; /* Enable horizontal scrolling */
    gap: 0px; /* Add some space between the segments */
  }

  .seg {
    flex: 0 0 auto; /* Ensure segments are aligned horizontally and do not shrink */
    width: 300px; /* Adjust width to fit each segment */
  }
}

  
 
  
  @media (max-width: 560px){
    .seg tbody tr {
    display: block;
    margin: 0;
    overflow: hidden;
  }

  /* Ensure each table cell takes up full width on small screens */
  .seg tbody td {
    display: block;
    padding: 15px 10px 15px 15px;
    height: 110px;
  }
  .seg {
    display: block;
    margin-bottom: 20px;
  }

  .seg table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }
  }

  .fnt-we-300{
  	font-weight: 300;
  }
  .fnt-we-700{
  	font-weight: 700 !important;
  }

.book-now-block{
	padding:60px 0 0 0;
}
.book-now-block img{
    margin-top: 0px;
    z-index: -1;
    position: relative;
}
.book-now-block .book-now-block-main .book-now-block-inside .book-now-block-inside-btns{
	margin-bottom: 30px;
	text-align: center;
}
.book-now-block .book-now-block-main .book-now-block-inside .book-now-block-inside-btns a.bg-clr-btns
{
color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 103.607%;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    border-radius: 25px;
/*    border: 1px solid #fff;*/
    padding: 13px 25px;
    background: #18a0db;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.book-now-block .book-now-block-main{
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}

.book-now-block .book-now-block-main .book-now-block-inside .book-now-block-inside-btns a.bg-clr-transparent
{
color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 103.607%;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    border-radius: 25px;
    border: 1px solid #fff;
    padding: 13px 25px;
    background: transparent;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.book-now-block .book-now-block-main .book-now-block-inside .book-now-block-inside-btns a.bg-clr-orange
{
color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 103.607%;
  letter-spacing: 0.98px;
  text-transform: uppercase;
  border-radius: 25px;
/*  border: 1px solid #fff;*/
  padding: 13px 25px;
  background: #FB530D;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.book-now-block .book-now-block-main .book-now-block-inside .book-now-block-inside-btns a.bg-clr-orange:hover{
	background: #fff;
	color: #FB530D;
}
.book-now-block .book-now-block-main .book-now-block-inside .book-now-block-inside-btns a.bg-clr-btns:hover{
	background: #fff;
	color: #18a0db;
}
.book-now-block h2 {
  color: #fff;
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: 700;
}
.book-now-block p{
	font-size: 14px;
	margin-bottom: 30px;
	font-weight: 300;
	color: #fafafa;
}

.parented {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(12, 1fr);
grid-column-gap: 25px;
grid-row-gap: 25px;
}

.div1re { grid-area: 1 / 1 / 13 / 5;
position: relative;
background: #F0DFCB;
 transform: scale(1);
 border-radius: 16px;
 transition: transform 0.45s ease, box-shadow 0.45s ease;

 }
.div2re 
{ 
	grid-area: 1 / 5 / 7 / 9; 
	background: url('../images/one-login.webp');
  border-radius: 16px;
  
  height: 100%;
  background-repeat: no-repeat;
 
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
   overflow: hidden;
}
.div3re 
{ 
	grid-area: 1 / 9 / 7 / 13;  
  	border-radius: 16px;
    background: url('../images/whatsapp-sms.webp');
    
   height: 100%;
  background-repeat: no-repeat;
 
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100%;
   overflow: hidden; 
}
.div4re { 
	grid-area: 7 / 5 / 13 / 13;border-radius: 16px;
    background: #EEE;
    position: relative;
    transform: scale(1);
    transition: transform 0.45s ease, box-shadow 0.45s ease;
     }



.div1re:hover .grid-dv-1 {
  transform: scale(1.05) translateY(-4px);
 }
.div1re:hover.grid-dv-1 {
    transform: scale(1.03);
   
}
.div1re .grid-dv-1{
  padding: 84px 30px 0 40px;
  border-radius: 16px;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  overflow: hidden; 

}
.grid-dv-1 h3{
  color: var(--black-100, #000);
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 33.6px */
letter-spacing: -0.84px;
text-transform: capitalize;
margin-bottom: 20px;
}
.grid-dv-1 p{
	font-size: 14px;
	line-height: 170%;
}
.div1re:hover.grid-dv-1 {
    transform: scale(1.03);
   
}
.div1re .grid-dv-1 p {
    opacity: 0;
    transform: translateX(-10%);
    transition: opacity 0.5s ease, transform 0.5s ease;
    
}
.div1re .grid-dv-1 a.dsn{
	opacity: 1;
    transform: translateX(0);

}
.div1re .grid-dv-1 a.dsb{
	opacity:0;
    transform: translateX(0);
    display: none;

   
}
.div1re:hover .grid-dv-1 a.dsn{
	opacity: 0;
    transform: translateX(0);
   
    display: none;
    
}
.div1re:hover .grid-dv-1 a.dsb{
	opacity:1;
    transform: translateX(0);
    display: block;

}
.div1re:hover .grid-dv-1 .hidden-paragraph {
    opacity: 1;
    transform: translateX(0);
}

.div1re .grid-dv-1 .grid-dv-1-img  {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.div1re:hover .grid-dv-1 .grid-dv-1-img  {
    opacity: 0;
    transform: translateX(40px); /* smooth right movement */
}



.div2re:hover{
	background: #0e2040;
	border-radius: 16px;
}
.div2re:hover .grid-dv-2 {
  transform: scale(1.05) translateY(-4px);
 }
.div2re:hover.grid-dv-2 {
    transform: scale(1.03);
   
}
.div2re .grid-dv-2{
  padding: 50px 40px;
  border-radius: 16px;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  overflow: hidden; 

}

.grid-dv-2 h3
{
  color: #FFF;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 33.6px */
text-transform: capitalize;
margin-bottom: 30px;
}
.grid-dv-2 p{
font-size: 14px;
color: #fff;
line-height: 170%;
}

.div2re:hover.grid-dv-2 {
    transform: scale(1.03);
   
}
.div2re .grid-dv-2 a,
.div2re .grid-dv-2 p {
    opacity: 0;
    transform: translateX(-10%);
    transition: opacity 0.5s ease, transform 0.5s ease;
    
}

.div2re:hover .grid-dv-2 a,
.div2re:hover .grid-dv-2 .hidden-paragraph {
    opacity: 1;
    transform: translateX(0);
}




.div3re:hover{
	background: #2c2b37;
	border-radius: 16px;
}
.div3re:hover .grid-dv-3 {
  transform: scale(1.05) translateY(-4px);
 }
.div3re:hover.grid-dv-3 {
    transform: scale(1.03);
   
}
.div3re .grid-dv-3{
padding: 50px 30px 30px 40px;
  border-radius: 16px;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  overflow: hidden; 

}

.grid-dv-3 h3
{
  color: #FFF;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 33.6px */
text-transform: capitalize;
margin-bottom: 30px;
}
.grid-dv-3 p{
font-size: 14px;
color: #fff;
line-height: 170%;
}

.div3re:hover.grid-dv-3 {
    transform: scale(1.03);
   
}
.div3re .grid-dv-3 a,
.div3re .grid-dv-3 p {
    opacity: 0;
    transform: translateX(-10%);
    transition: opacity 0.5s ease, transform 0.5s ease;
    
}

.div3re:hover .grid-dv-3 a,
.div3re:hover .grid-dv-3 .hidden-paragraph {
    opacity: 1;
    transform: translateX(0);
}

.div4re:hover .grid-dv-4 {
    transform: scale(1.05) translateY(-4px);
  }

.div4re .grid-dv-4 {    position: relative;
    overflow: hidden; 
    border-radius: 16px;
    padding-right: 30px; 
    transition: transform 0.5s ease, box-shadow 0.5s ease;
     padding: 40px 0px 77px 50px;
}

.div4re:hover.grid-dv-4 {
    transform: scale(1.03);
   
}
.div4re .grid-dv-4 h3{

    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.div4re .grid-dv-4 a,
.div4re .grid-dv-4 p {
    opacity: 0;
    transform: translateX(-10%);
    transition: opacity 0.5s ease, transform 0.5s ease;
    max-width: 80%;
}
.div4re .grid-dv-4 p{
	font-size: 14px;
}
.div4re:hover .grid-dv-4 a,
.div4re:hover .grid-dv-4 .hidden-paragraph {
    opacity: 1;
    transform: translateX(0);
}

.grid-dv-4-img-1 {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 440px;
}

.div4re .grid-dv-4 .grid-dv-4-img img {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.6s ease, transform 0.6s ease;
}


.div4re:hover .grid-dv-4 .grid-dv-4-img img {
    opacity: 0;
    transform: translateX(40px); 
    transition: opacity 0.6s ease, transform 0.6s ease;
}




@media (max-width: 991px) {
  .parented {
    grid-template-columns: 1fr;         
    grid-template-rows: auto;           
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .div1re, .div2re, .div3re, .div4re {
    grid-area: auto !important;         
    grid-column: 1 / -1 !important;     
    position: relative;                 
  }
}


.breadcrumbs {
 
  font-size: 14px;

  padding: 0px 0 10px 0;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #fff;
}

.breadcrumb-item a {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s ease;
  font-weight: 300;
}

.breadcrumb-item a:hover {
  color: #fff; 
}

.breadcrumb-item.active {
  color: #fff;
  font-weight: 300;
}

.breadcrumb-separator i {
  color: #fff;
  font-size: 12px;
}


@media (max-width: 600px) {
  .breadcrumbs {
    font-size: 14px;
    overflow-x: auto;
    white-space: nowrap;
  }

  .breadcrumb {
    gap: 4px;
  }

  .breadcrumb-separator i {
    font-size:12px;
  }
}


.stick-new-card{
	padding: 120px 0 100px 0;
}
.upgrade-talent-main,.four-step-segement,.two-step-segement-main, .vms-software-features{
	padding: 60px 0;
}
.stick-new-card .new-sticky-card-inside{
border: 1px solid #464b60;
  border-radius: 8px;
  padding: 36px;
  margin-bottom: 30px;
  flex: 1;
}
.stick-new-card .new-sticky-card-inside svg{
	margin-bottom: 20px;
}
.stick-new-card .new-sticky-card-inside h3{
	font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 20px;
}
.stick-new-card .new-sticky-card-inside p{
	color: #fff;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 170%; /* 42px */

}

.stick-new-card .main-stic{
	position: sticky;
	top: 5%;
	padding-right: 50px;

}
.stick-new-card .new-sticky-card-inside ul{
	    list-style: none;
    padding-left: 0;
    
}
.stick-new-card .new-sticky-card-inside li{
position: relative;
    padding-left: 1.3em;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
}
.stick-new-card .new-sticky-card-inside li:before{
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	left: 0;
	color: inherit
}
.cmm-btns{
	color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 103.607%;
  letter-spacing: 0.98px;
  text-transform: uppercase;
  border-radius: 25px;
  border: 1px solid #fff;
  padding: 13px 25px;
  background: transparent;
  transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease;
}
.cmm-btns:hover{
	color: #fb530d;
	background: #fff;
	border:1px solid #fff;
}
.border-r-16{
	border-radius: 16px;
}
.best-onboard-software img{
	object-fit: cover;
	border-radius: 16px;
}




.upgrade-talent-main .upgrade-talent-inside{
border-radius: 18px;
background: #231A48;
padding: 60px;
}
.upgrade-talent-main .upgrade-talent-inside .upgrade-talent-content-side,.staffing-industry .staffing-industry-listing ul{
	padding-right: 60px;
}
.upgrade-talent-main .upgrade-talent-inside .upgrade-talent-content-side h2{
color: #FFF;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 42px */
margin-bottom: 30px;
}
.upgrade-talent-main .upgrade-talent-inside .upgrade-talent-content-side p{
color: #fafafa;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 170.107%; /* 27.019px */
letter-spacing: 0.18px;
}
.upgrade-talent-main .upgrde-talent-listing ul, .two-step-segement-inside-img img{
padding-right: 60px;
}
.upgrade-talent-main .upgrde-talent-listing li .upgrde-talent-listing-inside{
display: flex;
  gap: 35px;
  align-items: center;
  margin-bottom: 20px;
  border-bottom: 1px dashed #9F9FA0;
  padding-bottom: 25px;
}
.upgrade-talent-main .upgrde-talent-listing li:last-child .upgrde-talent-listing-inside {
  border-bottom: 0;
  margin-bottom: 0;
}


.upgrade-talent-main .upgrde-talent-listing li .upgrde-talent-listing-inside .upgrde-talent-listing-cnt p{
margin-bottom: 0;
  color: #fff;
  color: #fafafa;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170.107%;
  letter-spacing: 0.16px;
}
.upgrade-talent-main .upgrde-talent-listing li .upgrde-talent-listing-inside .upgrde-talent-listing-cnt p span{
	font-weight: 700;
	font-size: 22px;
	margin-right: 10px;
}
.four-step-segement .four-step-segement-inside{
	
	margin-right: 20px;
	padding-right: 20px;
}

.brd-ri-four-step{
	border-right: 1px solid #464b60;
}
.four-step-segement .four-step-segement-inside h3{
color: #FFF;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 25.2px */
margin-bottom: 20px;
height: 50px;
}
.four-step-segement .four-step-segement-inside.heinot h3{
	height: unset !important;
}
.four-step-segement .four-step-segement-inside ul{
	list-style: none;
	padding-left: 0;
}
.four-step-segement .four-step-segement-inside li{
color: #fafafa;
font-size: 14px;
font-style: normal;
font-weight: 300;
margin-bottom: 10px;
letter-spacing: 0.16px;
padding-left: 1.6em;
position: relative;
}
.four-step-segement .four-step-segement-inside li::before{
  content: "\f0da";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  left: 0;
  color: inherit
}


.four-step-segement .four-step-segement-inside p{
	color: #FFF;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 170.107%; /* 24.017px */
letter-spacing: 0.16px;
}

.two-step-segement-main .two-step-segement-inside{
margin-bottom: 20px;
}
.two-step-segement-main .two-step-segement-inside h3{
	color: #FFF;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 25.2px */
margin-bottom: 15px;
}
.two-step-segement-main .two-step-segement-inside p{
	color: #fafafa;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 170.107%; /* 24.017px */
letter-spacing: 0.16px;
margin-bottom: 20px;
}
.two-step-segement-main .two-step-segement-inside svg{
margin-bottom: 20px;	
}


.mar-ri-0-pad{
	margin-right: 0 !important;
	padding-left: 50px;
}
.bg-231A48{
	background: #231A48 !important;
}

.vms-software-features .vms-software-features-dark-clr{
border-radius:18px 0 0 18px;
background: #171E37;
padding: 70px 50px 50px 50px;
}
.vms-software-features .vms-software-features-white-clr{
border-radius: 0 18px 18px 0;
background: #FFF;	
padding: 70px 50px 50px 50px;
}
.vms-software-features .vms-software-features-dark-clr h3{
color: #FFF;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 42px */
margin-bottom: 20px;
}
.vms-software-features .vms-software-features-dark-clr p{
color: #FFF;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150.107%; /* 27.019px */
letter-spacing: 0.18px;	
}
.vms-software-features .vms-software-features-white-clr .vms-software-features-white-inside{
	margin-bottom: 30px;
}
.vms-software-features .vms-software-features-white-clr .vms-software-features-white-inside h4{
color: #070B2C;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 25.2px */
}
.vms-software-features .vms-software-features-white-clr .vms-software-features-white-inside p{
color: #070B2C;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150.107%; /* 24.017px */
letter-spacing: 0.16px;
}


.advance-intelligence IMG{
	border-radius: 15px 15px 0 0;
}
.advance-intelligence .advance-intelligence-inside {
	background: #fff;
  padding: 25px 20px;
  border-radius:  0 0 15px 15px;
  margin-bottom: 20px;
  flex-grow: 1;
}
.advance-intelligence .advance-intelligence-inside h3{
color: #070B2C;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 20px;
}
.advance-intelligence .advance-intelligence-inside p{
color: #070B2C;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150.107%;
  letter-spacing: 0.18px;
  margin-bottom: 20px;
}


.advance-intelligence .advance-intelligence-inside ul{
list-style: none;
  padding-left: 0;
  

}

.advance-intelligence .advance-intelligence-inside li{
color: #4E5270;
font-size: 14px;
font-style: normal;
font-weight: 400;
margin-bottom: 10px;
letter-spacing: 0.16px;
padding-left: 1.6em;
position: relative;
}
.advance-intelligence .advance-intelligence-inside li::before{
  content: "\f058";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  left: 0;
  color:#18A0DB;
}

.staffing-solution-banner{
	position: relative;
    /*background:
        url(../images/staffing-solution-banner.png);
    background-repeat: no-repeat, no-repeat;
    background-position: center, left center;
    background-size: cover, cover;*/ 
    padding: 140px 0 20px 0;
}
.bg-gradient-all-1{
	background: linear-gradient(175deg, #130936 0.7%, #040628  77.39%);
	
  z-index: 9;
  position: relative;
}
.bg-gradient-all-2{
	background: linear-gradient(175deg, #130936 0.7%, #040628  77.39%);
	
}
.staff-banner-img{
background: url(../images/staffing-solution-banner.webp);	
}
.health-banner-img{
background: url(../images/health-care-banner.webp);	
}
.contract-banner-img{
background: url(../images/contract-solution-banner.webp);	
}
.permanet-banner-img{
background: url(../images/permanet-solution-banner.webp);	
}
.coperation-banner-img{
background: url(../images/coperation-solution-banner.webp);	
}

.staffing-solution-banner .staffing-solution-banner-inside{

background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
border-radius: 12px;
padding: 120px 90px ;
}

.staffing-solution-banner .staffing-solution-banner-inside .staffing-solution-banner-content h1
{
	color: #FFF;

font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 45px */
margin-bottom: 40px;
}

.staffing-solution-banner .staffing-solution-banner-inside .staffing-solution-banner-content .staf-whitebtns{
color: #FB530D;

font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 103.607%; /* 14.505px */
letter-spacing: 0.98px;
text-transform: uppercase;
border-radius: 25px;
background: #FFF;
padding: 14px 25px;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; 
}

.staffing-solution-banner .staffing-solution-banner-inside .staffing-solution-banner-content .staf-whitebtns:hover{
	color: #fff;
	background: transparent;
	border:1px solid #fff;
}

.elevate-hr-solution,.specialized-software,.staffing-industry,.staffing-wrk ,.feature-image-staff{
	padding: 60px 0;
}
.elevate-hr-solution .elevate-hr-inside{
text-align: center;
max-width: 900px;
margin: 0 auto;

}
.elevate-hr-solution .elevate-hr-inside h2{
	color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 42px */
margin-bottom: 25px;
}
.elevate-hr-solution .elevate-hr-inside p{
color: #fafafa;
text-align: center;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 170.107%; /* 24.017px */
letter-spacing: 0.16px;	
}
.specialized-software .specialized-software-inside{
border-radius: 15px;
background: #0B1541;
padding: 50px 25px;
flex: 1;
}
.specialized-software .specialized-software-inside h3{
 color: #FFF;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 25.2px */
margin-bottom: 20px;
}
.specialized-software .specialized-software-inside hr{
	    color: #38457F;
	    margin-bottom: 25px;
}

.specialized-software .specialized-software-inside p{
color: #FAFAFA;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 170.107%; /* 21.015px */
letter-spacing: 0.14px;
}
.specialized-software .specialized-software-inside h4{
color: #FFB703;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 170.107%; /* 21.015px */
letter-spacing: 0.14px;
margin-bottom: 10px;

}
.specialized-software .specialized-software-inside p.hei-110{
height: 130px;

}
.specialized-software .specialized-software-inside p.hei-150{
height: 150px;

}
.staffing-industry .staffing-industry-listing li .staffing-industry-listing-inside{
display: flex;
  
  margin-bottom: 20px;
  border-bottom: 1px dashed #464b60;
  padding-bottom: 25px;
  gap: 20px;
}
.staffing-industry .staffing-industry-listing li:last-child .staffing-industry-listing-inside {
  border-bottom: 0;
  margin-bottom: 0;
  padding: 0px;
}


.staffing-industry .staffing-industry-listing li .staffing-industry-listing-inside .staffing-industry-listing-cnt p{
margin-bottom: 0;

  color: #fafafa;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170.107%;
  letter-spacing: 0.16px;
}
.staffing-industry .staffing-industry-listing li .staffing-industry-listing-inside .staffing-industry-listing-cnt h3{
	color: #FFF;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150.107%; /* 27.019px */
letter-spacing: 0.18px;
}


.staffing-wrk .staffing-wrk-listing li .staffing-wrk-inside{

  margin-bottom: 30px;
  border-bottom: 1px solid #464b60;
  padding-bottom: 30px;
  gap: 20px;
}
.staffing-wrk .staffing-wrk-listing li:last-child .staffing-wrk-inside {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}


.staffing-wrk .staffing-wrk-listing li .staffing-wrk-inside  p{
margin-bottom: 0;

  color: #fafafa;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170.107%;
  letter-spacing: 0.16px;
}
.staffing-wrk .staffing-wrk-listing li .staffing-wrk-inside  h3{
	color: #FFF;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 33.6px */
    margin-top: 15px;
}
.staffing-wrk .staffing-wrk-listing li .staffing-wrk-inside   span{
	
    /* border-radius: 25px; */
    /* padding: 4px 14px; */
    color: #f36a2b;
    
    font-size: 14px;
    /* background: #f36a2b; */
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.pos-r{
	position: relative;
}
.feature-image-staff img{
	object-fit: cover;
    
    border-radius: 18px 0 0 18px;

}
.feature-image-staff h2{
	position: absolute;
  bottom: 15%;
  color: #fff;
  z-index: 1;
  right: 10%;
  left: 10%;
  font-size: 28px;
  color: #FFF;
  font-family: Poppins;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.feature-image-staff .feature-image-staff-inside{
border-radius: 0 18px 18px 0;
background: #FFF;	
padding: 70px 50px 50px 50px;
flex: 1;
}

.feature-image-staff .feature-image-staff-inside .feature-staff-inside-white{
	margin-bottom: 30px;
}
.feature-image-staff .feature-image-staff-inside .feature-staff-inside-white h4{
color: #070B2C;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 25.2px */
}
.vms-software-features .vms-software-features-white-clr .feature-staff-inside-white p{
color: #070B2C;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150.107%; /* 24.017px */
letter-spacing: 0.16px;
}


.sti-all{
	position: sticky;
	top: 5%;
	padding-right: 60px;
}

.testimonial-main .swiper-container {
  width: 100%;
 height: auto; 
}



.testimonial-main .slider-image-case img {
  width: 100%;
  height: auto; /* Maintain the image aspect ratio */
  object-fit: cover; /* Ensure images cover the area properly */
      border-radius: 16px;

}
.testimonial-main .slider-image-case {
    position: relative;
        margin: 0 -10px;
}

.testimonial-main .slider-image-case:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Adjust this value for the height of the overlay */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.60) 100%);
    z-index: 1;
    transition: opacity 0.25s ease;
    border-radius: 16px;
}

/* Initially set opacity to 0 for all content */
.testimonial-main .slider-image-case .testi-cont {
    opacity: 0;
    transition: opacity 0.5s ease; /* Smooth transition */
    visibility: hidden; /* Hide content initially */
    position: absolute;

}

/* When the slide is active, show the content */
.testimonial-main .swiper-slide-active .slider-image-case .testi-cont {
    opacity: 1;
    visibility: visible; /* Make content visible */
    position: absolute; bottom: 10%; left: 5%;
}
.testimonial-main .swiper-slide-active .slider-image-case .testi-cont img{
    max-width: 200px;
    border-radius: 0;
    z-index: 99;
    position: relative;
    margin-bottom: 22px;
}
.testimonial-main .swiper-slide-active .slider-image-case .testi-cont p {
    position: relative;
    
    z-index: 2;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
}

.testimonial-main .swiper-slide-active .slider-image-case .testi-cont svg {
    position: relative;
    
    z-index: 2;
}
.learn-more-wrap {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
}

/* Learn more text - hidden by default */
.learn-text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    opacity: 0;
    transform: translateX(-8px);
    transition: all 0.3s ease;
    white-space: nowrap;
    z-index: 99;
}

/* Arrow animation base */
.learn-more-wrap svg {
    transition: transform 0.3s ease;
}

/* Show text & animate on hover */
.testi-cont:hover .learn-text {
    opacity: 1;
    transform: translateX(0);
}

/* Small arrow move on hover */
.testi-cont:hover .learn-more-wrap svg {
    transform: translateX(4px);
}
.testimonial-main .swiper-container-3d .swiper-slide-shadow-left,
.testimonial-main .swiper-container-3d .swiper-slide-shadow-right {
    background-image: none;
}


.abt-heading-1{
	color: #fff;
    font-size: 28px;
    font-weight: 700;
}
.hiring-process-staffing,.history-staffing-solutions{
padding: 60px 0;
}
.hiring-process-staffing .hiring-process-staffing-inside{
    background: #fff;
    border-radius: 16px;
    padding: 50px 50px 70px 50px;
}
.hiring-process-staffing .hiring-process-staffing-inside h2{
    color: #100934;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;	
}
.hr-abt-process{
	
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.hiring-process-staffing .hiring-process-staffing-inside p{

color: #100934;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150.107%; /* 24.017px */
letter-spacing: 0.16px;
}

.hiring-process-staffing .hiring-process-img img{
	padding-left: 50px;
}
.hiring-process-staffing .hiring-process-staffing-inside p b{
	font-weight: 700;
}


.pbmit-timeline-style-1 .pbmit-timeline-year{
	font-size: 18px;
 
    margin-bottom: 10px;
    letter-spacing: 1px; 
    font-weight: 700;
    color: #f26428;
}
.pbmit-timeline-style-1 .pbmit-timeline-title{
	    font-size: 18px;
    line-height: 24px;
    padding: 0 50px;
   
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
}
.pbmit-timeline-style-1 .pbmit-timeline-desc{
	margin: 0;
	    padding: 0 30px;
    line-height: 170%;
    color: #fff;
    font-size: 14px;

}
.pbmit-timeline-style-1 .pbmit-timeline-wrapper{
	display: grid;
	width: 100%;
	height: auto;
	position: relative;
	justify-items: center;
	grid-template-rows: 1fr 1fr;
	text-align: center;
	grid-gap: 160px;
}
.pbmit-timeline-style-1 .pbmit-same-height.steps-content_wrap{
	justify-content: flex-start;
}
.pbmit-timeline-style-1 .pbmit-slide-even .pbmit-same-height.steps-content_wrap{
	justify-content: flex-end;
}
.pbmit-timeline-style-1 .steps-dot .dots{
	background-color: #fff;
	display: block;
	line-height: normal;
	font-size: 14px;
	margin: auto;
	width:  10px;
	height:  10px;
	transform: rotate(45deg);
	z-index: 2;
	position: relative;
}
.pbmit-timeline-style-1 .pbmit-timeline-wrapper .steps-dot{
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	height: -moz-fit-content;
	height: fit-content;
	margin: auto !important;
}
.pbmit-timeline-style-1 .steps-dot .dots::after{
	content: "";
	position: absolute;
	left: -11px;
	right: 0;
	bottom: 0;
	width: 1px;
	height: 40px;
	margin: 0;
	background: #fff;
	transform: rotate(-45deg);
}
.pbmit-timeline-style-1 .pbmit-slide-even .steps-dot .dots::after{
	left: 19px;
	top: 0;
	bottom: auto;
}
.pbmit-timeline-style-1 .steps-dot .steps-dot-line{
	color: transparent;
	line-height: 10px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
} 
.pbmit-timeline-style-1 .steps-dot .steps-dot-line::before,
.pbmit-timeline-style-1 .steps-dot .steps-dot-line::after{
	content: "";
	width: calc(50% + 10px * 100);
	height: 1px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background-repeat: no-repeat;
}
.pbmit-timeline-style-1 .steps-dot .steps-dot-line::after{
	left: 50%;
	background: linear-gradient(90deg, rgb(255 255 255), rgb(255 255 255));
}
.pbmit-timeline-style-1 .steps-dot .steps-dot-line::before{
	right: 50%;
	background: linear-gradient(90deg, rgb(255 255 255), rgb(255 255 255));
}
.pbmit-timeline-style-1 .pbmit-same-height{
	display: flex;
	flex-direction: column;
	justify-content: end;
}
.pbmit-timeline-style-1 .pbmit-slide-even.swiper-slide-duplicate:nth-last-child(2) .pbmit-feature-image{
	order: 0;
}
.pbmit-timeline-style-1 .pbmit-slide-even .pbmit-feature-image{
	order: 1;
	justify-content: start;
	transition: all 0.4s, opacity 0.4s 0.9s, transform 0.4s 0.9s;
	padding-left: 10px;

}
.pbmit-timeline-style-1 .pbmit-timeline-wrapper:not(.pbmit-slide-even) .pbmit-feature-image{
	transition: all 0.4s, opacity 0.4s 0.9s, transform 0.4s 0.9s;
} 
.pbmit-timeline-style-1 .pbmit-feature-image img{
	border-radius: 10px;
	max-width: 350px;

}
.pbmit-timeline-style-1 .steps-dot,
.pbmit-timeline-style-1 .pbmit-feature-image,
.pbmit-timeline-style-1 .steps-content_wrap{
	opacity: 1;
}


.history-slider-arrow{
	position: relative;
	right: 10%;
}

.history-slider-arrow .swiper-button-next ,
.history-slider-arrow .swiper-button-prev{
	position: static;
}

.history-slider-arrow .swiper-button-prev{
	margin-right: 10px;
	    right: 0;
    left: -25px;
}
.history-slider-arrow .swiper-button-next{
	
     right: 0px;
    left: 25px;
}
.history-slider-arrow .swiper-button-next, .history-slider-arrow .swiper-button-prev {
    position: absolute;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color:#fff;
    color: #090a2e;
    transition: all 500ms 
ease;
}
.history-slider-arrow .swiper-button-next, .history-slider-arrow .swiper-button-prev{
	background-image: none;
}

.history-slider-arrow .swiper-button-prev:after{
    content: '\f053';
     font-family: 'Font Awesome 5 Free';
  font-weight: 700;

    font-size: 16px;
    line-height: normal;
    background-image: none;
}
.history-slider-arrow .swiper-button-next:after{
    content: '\f054';
     font-family: 'Font Awesome 5 Free';
  font-weight: 700;
   
    font-size: 16px;
    line-height: normal;
    background-image: none;
}


.about-mission{
	padding: 100px 0;
	background: url('../images/mission.webp');
	    background-size: cover;
    background-repeat: no-repeat;
    margin: 60px 0;
}
.about-mission .about-inside-mission{
	    background: #fff;
    padding: 40px 35px;
    border-radius: 16px;
    max-width: 350px;
}
.about-mission .about-inside-mission h2{
color: #000;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 42px */
}

.about-mission .about-inside-mission p{
color: #000;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150.107%; /* 24.017px */
letter-spacing: 0.16px;
}

.make-different-rec,.driven-tech{
	padding: 60px 0;
}
.make-different-rec .make-different-rec-inside{
	    border-radius: 15px;
    background: #0B1541;
    padding: 30px;
    
}
.make-different-rec .make-different-rec-inside svg{
	margin-bottom: 15px;
}
.make-different-rec .make-different-rec-inside h3{
	color: #FFF;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 25.2px */
margin-bottom: 15px;
}
.make-different-rec .make-different-rec-inside p{
	color: #FFF;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150.107%; /* 21.015px */
letter-spacing: 0.14px;
}

.make-different-rec .about-ats{
	background: url('../images/about-ats.webp');
	    width: 100%;
    height: 100%;
    border-radius: 15px;
    position: relative;
        background-size: cover;
    background-repeat: no-repeat;

}
.make-different-rec .about-ats .about-ats-inside {
    position: absolute;
    bottom: 10%; /* Align content to the bottom */
    left: 0;
    right: 0;
    padding: 20px; /* Add some padding for spacing */
}
.make-different-rec .about-ats .about-ats-inside svg{
	margin-bottom: 15px;
}
.make-different-rec .about-ats .about-ats-inside h3{
color: #FFF;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 25.2px */
margin-bottom: 15px;
}
.make-different-rec .about-ats .about-ats-inside p{
color: #FFF;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150.10%;
}

.driven-tech .driven-tech-inside{
	background: #fff;
    border-radius: 16px;
    padding: 50px 50px 70px 50px;
}


.driven-tech .driven-tech-inside h2{

color: #100934;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 42px */
}
.driven-tech .driven-tech-inside .driven-cnt{
padding-right: 60px;
}
.driven-tech .driven-tech-inside .driven-cnt-1{
padding-left: 60px;
}
.driven-tech .driven-tech-inside .driven-cnt h3,.driven-tech .driven-tech-inside .driven-cnt-1 h3{
color: #100934;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 42px */
}
.driven-tech .driven-tech-inside .driven-cnt p,.driven-tech .driven-tech-inside .driven-cnt-1 p{
	color: #100934;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150.107%; /* 21.015px */
letter-spacing: 0.14px;
}

hr.foot-btm{
	color: #464b60;
	margin: 0;
	opacity: 1;
}

.clr-fff{
	color: #fff !important;
}

.btns-all{
	background: #fb530d;
	font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 103.607%;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    border-radius: 25px;
    color: #fff;
    padding: 10px 25px;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

.btns-all:hover{
	color:#fb530d ;
	background: #fff;
}
.seg-1 tbody tr:nth-last-child(2) td {
	border-radius: 0 0 0px 16PX;
}
 .seg-3 tbody tr:nth-last-child(2) td{
 	border-radius: 0 0 16PX 0;
 }

.seg-1 tbody tr:last-child td,.seg-3 tbody tr:last-child td{

 visibility: hidden;
}
.co-fx{
	display: flex;
	flex-direction: column;
	height: 100%;

}

.padd-ri-0{
	padding-right: 0;
}

.contact-main-us .contact-main-inside .contact-main-listing ul {
    list-style: none;
    padding-left: 0;
      
}
.contact-main-us .contact-main-inside .contact-main-listing
{
	margin-bottom: 60px;
}
.contact-main-us .contact-main-inside{
	padding-right: 60px;
}
.contact-main-us .contact-main-inside .contact-main-listing li {
    position: relative;
    padding-left: 1.8em; /* Space for the icon */
     font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170.1%;
  letter-spacing: 0.16px;
  margin-bottom: 25px;
  color: #d9d9d9;
}

.contact-main-us .contact-main-inside .contact-main-listing li::before {
    content: "\f058"; 
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; 
    position: absolute;
    left: 0;
    color: #18A0DB; 
}

.contact-main-us .contact-main-inside h2{
font-size: 28px;
  color: #fff;
  margin-bottom: 30px;
font-weight: 800;
  
}


.contact-main-us .contact-forms-only hr{
    color: #fff;
    padding-bottom: 1rem;
}
.contact-main-us .contact-forms-only{
    background: #231A48;
  padding: 50px 30px;
  border-radius: 18px;
}
.contact-main-us .contact-forms-only h3{
	color: #fff;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 700;
}
.contact-main-us .contact-forms-only p{
    color: #fff;
text-align: center;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
margin-bottom: 30px;
}
.contact-main-us .contact-forms-only .form-inner .form-group input[type='text'],
.contact-main-us .contact-forms-only .form-inner .form-group input[type='email'],
.contact-main-us .contact-forms-only .form-inner .form-group select,
.contact-main-us .contact-forms-only .form-inner .form-group input[type='date']{
  position: relative;
  width: 100%;
  height: 45px;
  background: transparent;
  padding: 10px 20px 10px 20px;
  font-size: 14px;
  font-weight: 300;
  border-radius: 4px;
  border: 1px solid #464b60;
  box-shadow: unset;
  transition: all 500ms ease;
  margin-bottom: 20px;     
  color: #fff;                                                                     
}
.contact-main-us .contact-forms-only .form-inner .form-group select:focus {
  background: transparent; 
  
}
.contact-main-us .contact-forms-only .form-inner .form-group textarea{
	 position: relative;
  width: 100%;
 background: transparent;
 padding: 10px 20px 10px 20px;
 font-size: 14px;
 font-weight: 500;
 border-radius: 4px;
 border: 1px solid #464b60;
 box-shadow: unset;
 transition: all 500ms ease;
 margin-bottom: 20px; 
height: 100px;
color: #fff;
}
.contact-main-us .contact-forms-only .form-inner label{
    color: #fff;
    margin-bottom: 7px;
    font-size: 14px;
  font-weight: 300;
}
.contact-main-us .contact-forms-only .form-inner .form-group input:focus,
.contact-main-us .contact-forms-only .form-inner .form-group textarea:focus{
  border-color: #4527a4;
}
.contact-main-us .contact-forms-only .form-inner .form-group select:focus {
  background: transparent;
  
}
.contact-main-us .contact-forms-only .form-inner .form-group select option {
  background-color: #031236; 
  color: #fff; 
}
.contact-main-us .contact-forms-only .form-inner .form-group select option:hover {
  background-color: #4527a4;
}

.btns-all-1{
	background: #fb530d;
	font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 103.607%;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    border-radius: 25px;
    color: #fff;
    padding: 15px 25px;
    border: none;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; 
}

.btns-all-1:hover{
	color:#fb530d ;
	background: #fff;
}
.contact-main-us .contact-main-contact-details h4{
font-size: 16px;
  color: #fb530d;
  font-weight: 700;
  margin-bottom: 15px;
}

.contact-main-us .contact-main-contact-details p a, .contact-main-contact-details p{
  color: #d9d9d9;
  font-size: 14px;
  line-height: 180%;
  font-weight: 300;
}
.contact-main-us .contact-main-contact-details .contact-lineer{
  margin-bottom: 20px;
  border-bottom: 1px dashed #9F9FA0;
  padding-bottom: 10px;;
}
.contact-main-us .contact-main-contact-details .contact-lineer.nt{
	border:none;
}

.get-a-quote-gradient{
	background: #231a48;
	position: relative;
	padding: 140px 0 60px 0;
}



.get-quote-main-us, .videos-pagess-main,.pricing-main{
	padding: 60px 0;
}
.get-quote-main-us .quote-forms-only hr{
    color: #fff;
    padding-bottom: 1rem;
}
.get-quote-main-us .quote-forms-only{
	position: relative;
    background: #091b48;
  padding: 50px 30px;
  border-radius: 18px;
  margin-top: -120px;
  z-index: 0;
}
.get-quote-main-us .quote-forms-only h3{
	color: #fff;
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: 700;
}
.get-quote-main-us .quote-forms-only p{
    color: #fff;

font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 24px */
margin-bottom: 30px;
}
.get-quote-main-us .quote-forms-only .form-inner .form-group input[type='text'],
.get-quote-main-us .quote-forms-only .form-inner .form-group input[type='email'],
.get-quote-main-us .quote-forms-only .form-inner .form-group select,
.get-quote-main-us .quote-forms-only .form-inner .form-group input[type='date']{
  position: relative;
  width: 100%;
  height: 45px;
  background: transparent;
  padding: 10px 20px 10px 20px;
  font-size: 14px;
  font-weight: 300;
  border-radius: 4px;
  border: 1px solid #464b60;
  box-shadow: unset;
  transition: all 500ms ease;
  margin-bottom: 20px;     
  color: #fff;                                                                     
}
.get-quote-main-us .quote-forms-only .form-inner .form-group select:focus {
  background: transparent; 
  
}
.get-quote-main-us .quote-forms-only .form-inner .form-group textarea{
	 position: relative;
  width: 100%;
 background: transparent;
 padding: 10px 20px 10px 20px;
 font-size: 14px;
 font-weight: 500;
 border-radius: 4px;
 border: 1px solid #464b60;
 box-shadow: unset;
 transition: all 500ms ease;
 margin-bottom: 20px; 
 color: #fff;
height: 100px;
}
.get-quote-main-us .quote-forms-only .form-inner label{
    color: #fff;
    margin-bottom: 7px;
    font-size: 14px;
  font-weight: 300;
}
.get-quote-main-us .quote-forms-only .form-inner .form-group input:focus,
.get-quote-main-us .quote-forms-only .form-inner .form-group textarea:focus{
  border-color: #4527a4;
}
.get-quote-main-us .quote-forms-only .form-inner .form-group select:focus {
  background: transparent;
  
}
.get-quote-main-us .quote-forms-only .form-inner .form-group select option {
  background-color: #031236; 
  color: #fff; 
}
.get-quote-main-us .contact-forms-only .form-inner .form-group select option:hover {
  background-color: #4527a4;
}
.check-quote-policy{
display: flex;

  gap: 10px;

  align-items: first baseline;
 
}
.sub-notes p, .sub-notes p a {
  color: #c4c8d0;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 150% !important;
  margin-bottom: 0 !important;
  
 
}
.sub-notes{
margin-top: -4px;	
}
.sub-notes p a {
  text-decoration: none; 
  display: inline-block; 
  position: relative; 
  color: #c4c8d0; /* Default link color */
}

.sub-notes p a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; /* Default underline visible */
  height: 1px; /* Underline thickness */
  background-color: #c4c8d0; /* Underline color */
  transition: width 0.3s ease; /* Smooth transition for width change */
}

.sub-notes p a:hover::after {
  width: 100%; /* Underline stays full width on hover */
}

.sub-notes p a:hover {
  color: #c4c8d0; /* Optional: Change link color on hover */
}
.get-quote-main-inside{
	padding-right: 60px;
}
.get-quote-main-inside h2{
	font-size: 28px;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 800;
  margin-bottom: 40px;

}
.get-quote-main-inside .quote-in{
margin-bottom: 20px;
    border-bottom: 1px dashed #9F9FA0;
    padding-bottom: 10px;
}
.get-quote-main-inside .quote-in.ntt{
	border:none;
}
.get-quote-main-inside .quote-in h3 , .get-quote-main-inside .quote-in h3 a{
	    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    color: #dad9d9;

}
.get-quote-main-inside .quote-in p{
	font-size: 12px;
    color: #fff;
    font-weight: 300;
}
.get-quote-main-inside .quote-in h3 a{
	text-decoration: underline;
}

.videos-inside{
	margin-bottom: 20px;
}


.table-containersss {
    width: 100%;
    overflow-x: auto;
    
}

.grid-containersss {
    display: grid;
     grid-template-columns: 1.6fr 1fr 1fr 1fr; /* First column is slightly wider */
    gap: 12px;
}



.comparison-table {
    width: 100%;
    border-collapse: collapse;
/*    background-color: #fff;*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* For columns to handle the spacing better */
.comparison-table th:nth-child(2),
.comparison-table th:nth-child(3),
.comparison-table th:nth-child(4) {
    margin-right: 20px; /* Add space between columns */
}

.comparison-table th {
    padding: 20px 10px;
    text-align: center;
    border: none;
    font-size: 18px;
    font-weight: 700;
    border-radius: 16px 16px 0 0;
    color: #fff;
}

.comparison-table td {
    padding: 15px;
    text-align: center;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    height: 70px;
    border-radius: 0;
}



.comparison-table thead{
	height: 80px;
}

.comparison-table.com-tb-1 td {
    background-color: #f4f4f4;
    font-weight: 600;
    font-size: 12px;
    color: #000;
}

.comparison-table.com-tb-2 td {
    background-color: #ffefdf;
}

.comparison-table.com-tb-3 td {
    background-color: #d7eaf3;
}

.comparison-table.com-tb-4 td {
    background-color: #f0e0f4;
}



.comparison-table.com-tb-1 th {
        background-color: #fff;
    color: #f26428;
}

.comparison-table.com-tb-2 th {
    background-color: #ff701b;
}

.comparison-table.com-tb-3 th {
    background-color: #18a0db;
}

.comparison-table.com-tb-4 th {
    background-color: #86247A;
}

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

.table-containersss::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.table-containersss::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.comparison-table td.impor-headin {
    font-size: 18px;
    font-weight: 700;
    color: #f26428;
    height: 85px;
    border-bottom:1px dashed #9F9FA0;
}
.comparison-table.com-tb-1 td{
	text-align: left;
}
.yes-iconss {
    color: green;
    font-size: 16px;
}

.no-iconss {
    color: red;
    font-size: 16px;
}
.cmm-btns-or{
	background: #f26428;
    padding: 11px 30px;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.cmm-btns-or:hover{
background: #18a0db;
  color: #fff;
  
}
.comparison-table.com-tb-1 tr:last-child td:last-child,.comparison-table.com-tb-2 tr:last-child td:last-child,
.comparison-table.com-tb-3 tr:last-child td:last-child,
.comparison-table.com-tb-4 tr:last-child td:last-child {
    border-radius: 0 0 16px 16px;
}

/* General Styles */
.mob-pricing-table-container {
    width: 100%;
    margin: 0 auto;
   
}

.mob-pricing-table {
    width: 100%;
/*    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;*/
}

.mob-main-heading {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}

/* Box Styling for Each Section */
.mob-section-box {
    background-color: #f9f9f9;
    border-radius: 16px;
    margin-bottom: 30px;
    padding: 30px 15px;
    
}

.mob-section-heading h4 {
   font-size: 28px;
    font-weight: 700;
    color: #031236;
    margin-bottom: 25px;
}

/* Sub-heading Styles */
.mob-sub-heading {
    margin-bottom: 20px;
   
    border-radius: 6px;
}

.mob-sub-heading-title {
    display: flex;
        justify-content: space-between;
    align-items: center;
    background-color: #c0ecfe;
    color: #000;
    padding: 20px 15px;
    cursor: pointer;
    border-radius: 6px;
    font-weight: bold;
    transition: background-color 0.3s;
    
}

.mob-sub-heading-title:hover {
    background-color: 010c27;
}

.mob-dropdown-icon {
    font-size: 18px;
    color: #000;
    transition: transform 0.3s ease;
}

/* Sub-heading Content */
.mob-sub-heading-content {
    display: none;
    padding-inline: 20px;
    padding-top: 10px;
}

.mob-sub-heading-content ul {
    list-style-type: none;
    padding: 0;
}

.mob-sub-heading-content li {
    padding: 10px 0;
        color: #000;
    font-weight: 700;
    font-size: 12px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .mob-main-heading {
        font-size: 28px;
    }

    .mob-sub-heading-title {
       
        font-size: 16px;
        color: #000;
    }

    .mob-sub-heading-content {
        padding-left: 15px;
    }

    .mob-sub-heading-content li {
                font-size: 12px;
        font-weight: 400;
    }
}
.mob-sub-heading-content li span{
	    color: #fb530d;
    font-weight: 700;
}


.blog-detail-main{
	position: relative;
}

 .blog-detail-main .blog-deatil-hero {
  z-index: 1;
/*  height: 100%;*/
  width: 100%;
}
.blog-detail-main .blog-deatil-hero .blog-deatil-hero-image{
min-height: 500px;
  width: 100%;
  background-size: cover;
  background-position: right center;
}
.blog-detail-main .blog-inside-main
{
	padding: 200px 0px 0 30px;
}

.blog-detail-main .blog-inside-main .breadcrumbs {
	margin-bottom: 20px;
}
.blog-detail-main .breadcrumbs .blog-inside-main h1{
	margin-bottom:  20px;
}
.blog-detail-main .blog-inside-main  span{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}

.blog-detail-main-cnt{
	padding: 60px 0;
}
.blog-detail-left-inside {
	padding-right:60px ;
}
.blog-detail-left-inside p{
font-size: 14px;
font-weight: 400;
line-height: 170%;
}

.blog-detail-left-inside h2{
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 15px;
}
.blog-detail-left-inside h3,.blog-detail-left-inside h3{
	font-size:18px;
	font-weight: 700;
	margin-bottom: 15px;
}
.blog-detail-left-inside ul{
	padding-left: 10px;
  margin-bottom: 20px;
}
.blog-detail-left-inside ul li{
color: #000;
  list-style: initial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 15px;
  padding-left: 10px;
}
.blog-detail-left-inside ul li b{
	font-weight: 700;
}
.blog-detail-right-side{
position: sticky;
  top: 2%;
}
.blog-detail-right-side img{
	width: 100%;
}
.blog-detail-right-side-cnt {
	 background: #031236;
  padding: 30px;
}
.blog-detail-right-side-cnt h3 a{
	color: #fff;
}
.blog-detail-right-side-cnt h3 {
	font-weight: 300;
 
  font-size: 18px;
  color: #fff;
  line-height: 170%;
  margin-bottom: 30px;
}


.input-container-blogss {
   position: relative;
   width: 100%;
   margin-bottom: 20px;
}

.form-controlss {
   width: 100%;
   padding: 10px 40px 10px 15px; /* Padding for the button inside */
   font-size: 16px;
   box-sizing: border-box; /* Prevents the button from affecting input size */
}

.submit-btn-blogss {
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
   background: transparent;
   border: none;
   cursor: pointer;
   font-size: 18px;
   color: #333; /* Default icon color */
}

.submit-btn-blogss i {
   pointer-events: auto; /* Allow clicking on the icon */
}

.submit-btn-blogss:hover i {
   color: #ff701b; /* Color on hover */
}
 .blog-detail-right-side-cnt p{
  font-size: 12px;
  color: #fff;
  line-height: 140%;
}
.blog-detail-right-side-cnt p a{
	color: #fff;
	text-decoration: underline;
}

.clr-000{
	color: #000 !important;
}


.success-story{
	position: relative;
	padding: 40px 0;
	
}
.success-story .success-left-side {
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    flex: 1;
    border-radius: 15px 0 0 15px;
}

.success-story .success-left-side .content-wrapper {
   /* display: flex;
    flex-direction: column;
    justify-content: space-between; /* Spaces out logo and heading */
    height: 100%;*/
}

.success-story .success-left-side img {
   max-width: 200px;
   margin-bottom: 35px;
}

.success-story .success-left-side h2 {
    color: #FFF;
    font-family: Poppins;
    font-size: 28px;
    font-weight: 700;
    line-height: 140%;
   
}
.success-story .success-right-side{
	    background: #fff;
    padding: 50px;
    border-radius: 0 15px 15px 0;
}
.success-story .success-right-side p{
    font-size: 14px;
    line-height: 170%;
    margin-bottom: 30px;
}
.success-story .success-right-side img{
width: 100%;
}
.succes-testi{
	border-radius: 15px;
  background: #F4F4F4;
  padding: 35px 50px;
  margin-top: 50px;
}

.succes-testi hr{
color: #848484;
  opacity: 1;
  border-width: 2px;

}
.succes-testi .success-testi-inside p{
  color: #0E0A32;
  font-family: Poppins;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 150.107%;
  letter-spacing: 0.14px;

}
.succes-testi .success-testi-inside h4{

  font-size: 14px;
  font-weight: 700;
}

.bg-5D46D0{
	
background: #5D46D0;
}

.bg-18A0DB{

background: #18A0DB;
}
.bg-AD4266{

background: #AD4266;
}

.succ-head{
	font-weight: 500 !important;
	text-transform: uppercase !important;
}
.bg-CA6217{
border-radius: 15px 0 0 15px;
background: #CA6217;
}

.partner-int-inside
{
	    
    padding: 50px;
    border-radius: 16px;
    flex:1;
}
.partner-int-inside.bg-171e37
{
background: #171e37;
border-radius:0 16px  16px 0;
}
.partner-int-inside.bg-fff
{
border-radius: 16px 0  0 16px;	

background: #fff;
}
.partner-int-inside.bg-171e37 h3,  .partner-int-inside.bg-171e37 .partner-int-inside-listing li{
	color: #fff;
}
.partner-int-inside.bg-fff h3,  .partner-int-inside.bg-fff  .partner-int-inside-listing li
{
	color: #000;
}
.partner-int-inside h3{
font-size: 18px;
    
    margin-bottom: 40px;
    font-weight: 700;
}

.partn-h3{
	font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
}
.align-base{
	align-items: baseline !important;
}
.partner-int-inside .partner-int-inside-listing ul{
	list-style: none;
	padding-left: 0;
}
.partner-int-inside .partner-int-inside-listing li{

font-size: 14px;
font-style: normal;
font-weight: 300;
margin-bottom: 20px;
letter-spacing: 0.16px;
padding-left: 1.6em;
position: relative;
}
.partner-int-inside .partner-int-inside-listing li b{
	font-weight: 700;
}
.partner-int-inside .partner-int-inside-listing li::before{
  content: "\f0da";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  left: 0;
  color: inherit
}



.unique-tabs {
  display: flex;
  justify-content: space-around;
  background-color: #0F1D52;
  padding: 25px 30px;
  border-radius: 16px 16px 0 0;
  color: #fff;
}

.unique-tab {
  padding: 8px 25px;
  cursor: pointer;
  text-align: center;
  border-radius: 20px;
  transition: background-color 0.3s;
  font-size: 14px;
  font-weight: 400;
}

.unique-tab:hover, .unique-tab.active {
  background-color: #fff;
  color: #0f1d52;
}

.unique-content {
  padding: 50px 30px;
  background: #fff;
  border-radius: 0 0 16px 16px;
}

.unique-tab-cnt-logo {
  border-radius: 16px;
  text-align: center;
/*  margin: 0 auto;*/
  display: none; /* Hide logos by default */
  margin-bottom: 15px;
}

.unique-tab-cnt-logo .logo {
/*max-width: 100%;
    box-shadow: 0 0 5px #0000006e;
    border-radius: 16px;
    padding: 20px;
    height: 150px;
    line-height: 120px;
    margin-bottom: 15px;*/

    max-width: 100%;
/* box-shadow: 0 0 5px #0000006e; */
border-radius: 8px;
padding: 34px;
/* height: 155px; */
line-height: 98px;
margin-bottom: 15px;
border: 1px solid #dadada;
}
.unique-tab-cnt-logo img{
	max-width: 100%;
}

.active-tab {
  display: block; /* Show logos when active */
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
  .unique-tabs {
    flex-direction: column;
  }

  .unique-tab {
    width: 100%;
    margin-bottom: 10px;
  }

  .unique-tab-cnt-logo img {
  
   
  }
  .unique-tab-cnt-logo .logo {
  	padding: 15px;
  }
}


.paricing-para{
	color: #fff;
    font-size: 14px;
    margin-top: 20px;
    line-height: 171%;
}

.specialized-software .specialized-software-inside h4 span{
	font-size: 18px;
}


.ii-2 {
  position: absolute;
  left: 8%;
  max-width: 220px;
  top: 13%;
  z-index: 2;

  /* initial state */
  opacity: 0;
  transform: translateY(30px);

  /* animation */
  animation: fadeUpsss 2s ease-out forwards;
  animation-timeline: view();
  animation-range: entry 30% cover 40%;
}

/* keyframes */
@keyframes fadeUpsss {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.test-quotess{
	background: #ffffff1c;
  padding: 40px;
  border-radius: 16px;
  box-shadow: 0 0 10px #031236b0;
  margin-bottom: 20px;
}

.test-quotess p{
	font-size: 14px;
  color: #fff;
  line-height: 170%;
  font-weight: 300;
  margin-bottom: 25px;
  font-style: italic;
}
.test-quotess span{
	font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.small-client-log{
	padding: 20px 0;
}
.small-client-log h3{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #fff;
}


.why-recurit-slid .swiper-slide {
  transform: scale(0.92);
  opacity: 0.5;
  transition: 
    transform 0.5s ease,
    opacity 0.5s ease,
    box-shadow 0.5s ease;
}

/* Active slide */
.why-recurit-slid .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
  
  z-index: 2;
}

/* Optional: Next & Prev slides (for depth effect) */
.why-recurit-slid .swiper-slide-prev,
.why-recurit-slid .swiper-slide-next {
  transform: scale(0.93);
  opacity: 1;
}



.parallax-bg{

  clear: both;
  width: 100%;
 
  
  margin-bottom: 60px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
    background-size: cover;
}
.vms-s-bg{
	background-image: linear-gradient(0deg, #0000008c 106%, rgb(0 0 0 / 68%) 100%), url(../images/vms-bg.webp);
}
.ats-s-bg{
	background-image: linear-gradient(0deg, #0000008c 106%, rgb(0 0 0 / 68%) 100%), url(../images/applicant-tracking-system-bg.webp);
}
.cc-s-bg{
	background-image: linear-gradient(0deg, #0000008c 106%, rgb(0 0 0 / 68%) 100%), url(../images/candidate-connect-bg.webp);
}
.bc-s-bg{
	background-image: linear-gradient(0deg, #0000008c 106%, rgb(0 0 0 / 68%) 100%), url(../images/branded-career-portal-bg.webp);
}
.email-s-bg{
	background-image: linear-gradient(0deg, #0000008c 106%, rgb(0 0 0 / 68%) 100%), url(../images/email-sms-bg.webp);
}
.interv-s-bg{
	background-image: linear-gradient(0deg, #0000008c 106%, rgb(0 0 0 / 68%) 100%), url(../images/interview-scheduling-bg.webp);
}
.agency-s-bg{
	background-image: linear-gradient(0deg, #0000008c 106%, rgb(0 0 0 / 68%) 100%), url(../images/recruitment-agency-bg.webp);
}
.rcrm-s-bg{
	background-image: linear-gradient(0deg, #0000008c 106%, rgb(0 0 0 / 68%) 100%), url(../images/recruitment-crm-bg.webp);
}
.report-s-bg{
	background-image: linear-gradient(0deg, #0000008c 106%, rgb(0 0 0 / 68%) 100%), url(../images/reports-and-dashboard-bg.webp);
}
.privacy-policy-main
{
	padding: 60px 0 ;
}
.privacy-policy-main h2{
	font-size: 28px;
  font-weight: 700;
  margin-bottom: 25px;
}

.privacy-policy-main span{
	font-size: 14px;
  font-weight: 500;
  color: #ff6c2b;
 

}
.privacy-policy-main h3{
	font-size: 18px;
  font-weight: 700;
  margin-bottom: 25px;
}
.privacy-policy-main h4{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px;
}
.privacy-policy-main p{
	font-size: 14px;
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 170%;
}
.privacy-policy-main a{
	color: #000;
}

.privacy-policy-main ul{
	list-style: disc;
	margin-left: 1rem;
	margin-bottom: 10px;
}
.privacy-policy-main ul li{
	font-size: 14px;
	margin-bottom: 15px;
	color: #000;
	line-height: 170%;
}



.fadein-up-img,
.fadein-up-content {
  opacity: 1;
  transform: none;
}

/* ===== Animate ONLY when JS is active ===== */
.js-animate .fadein-up-img,
.js-animate .fadein-up-content {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
}

/* Image smoother */
.js-animate .fadein-up-img {
  transition-duration: 1s;
}

/* Visible state */
.js-animate .fadein-up-img.is-visible,
.js-animate .fadein-up-content.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Mobile softer movement */
@media (max-width: 767px) {
  .js-animate .fadein-up-img,
  .js-animate .fadein-up-content {
    transform: translateY(20px);
 }
}

.faq-section .rc-accordion .rc-accordion__text a:hover
{color: #f26428;transition: color 0.3s ease;}


.banner-inside .fadein-up-content {
  transition-duration: 0.9s;
}


.new-sti-bg{
	background: #000000ad;
	border:unset !important;
}