@charset "utf-8";
/* CSS Document */

/*==Fonts==*/
 /*==Fonts==*/
 @font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaPro-Regular.eot');
  src: url('../fonts/SofiaPro-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SofiaPro-Regular.woff2') format('woff2'),
      url('../fonts/SofiaPro-Regular.woff') format('woff'),
      url('../fonts/SofiaPro-Regular.ttf') format('truetype'),
      url('../fonts/SofiaPro-Regular.svg#SofiaPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaPro-Light.eot');
  src: url('../fonts/SofiaPro-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SofiaPro-Light.woff2') format('woff2'),
      url('../fonts/SofiaPro-Light.woff') format('woff'),
      url('../fonts/SofiaPro-Light.ttf') format('truetype'),
      url('../fonts/SofiaPro-Light.svg#SofiaPro-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaPro-Medium.eot');
  src: url('../fonts/SofiaPro-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SofiaPro-Medium.woff2') format('woff2'),
      url('../fonts/SofiaPro-Medium.woff') format('woff'),
      url('../fonts/SofiaPro-Medium.ttf') format('truetype'),
      url('../fonts/SofiaPro-Medium.svg#SofiaPro-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

*/
html, body { 
    height: 100%;
}
body {
	font-family: 'Sofia Pro', sans-serif; 
	font-size: 16px;
	line-height: 25px;
	color:#1B1922;
 }
body, a, .btn, .fa, section, div, .navbar-toggler {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
a, a:hover{
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6, p, span, li, ul, div{
	font-family: 'Sofia Pro';
	font-weight: 900;
	color:#1B1922;

}
h1{
	font-size:48px;
	line-height:56px;
	margin-bottom:20px;
}
h2{
	font-size:40px;
	line-height:48px;
	margin-bottom:15px;
}

h6{
	font-size:14px;
}
p{
	font-size:16px;
	color:#1B1922;
	opacity: 0.7;
}
.btn1{
	color:#000;
	background:#fff;
	border:1px solid #D0D5DD;
	padding: 5px 11.5px;
	font-size:14px;
}
.btn1:hover{
	color:#fff;
	background:#0075ff;
}
.btn2{
	color:#1554EF;
	background:#fff !important;
	border-radius:44px;
	padding: 11.5px 23px;
}
.btn2:hover{
	color:#1554EF;
}
.btn3{
	font-size:16px;
	line-height:24px;
	color:#fff;
	background:#1554EF;
	border-radius:44px;
	padding: 10px 16px;
}
.btn3:hover{
	color:#fff;
	background: #1554EF;
}
a.btn.btn3:hover i {
    padding-left: 4px;
}
a.btn.btn2:hover i {
    padding-left: 4px;
}
.btn3 .fa{
	font-size: 12px;
}
.btn4{
	font-size:16px;
	color:#ffffff !important;
	padding:10px 24px 10px 12px;
	min-height:48px;
	
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.02) 100%);
	border:1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius:40px;
	display:inline-flex;
	align-items:center;
}
.btn4:hover{
	background: linear-gradient(-90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.02) 100%);
}
.btn4 img{
	margin-right:8px;
}
/*==Header==*/
.hdr{
	position:fixed;
	top:0;
	left:0; 
	right:0;
	z-index:999;
}
.hdr .bg-light{
	background: transparent !important;
    padding:10px 0;
}
.navbar-custom .navbar-collapse{
	margin-left:15%;
	position:relative;
}
.navbar-custom .navbar-nav .dropdown-menu.product-menu-sec{
	min-width: 900px;
	z-index:9999;
}

.navbar-collapse .navbar-brand, .navbar-custom .navbar-collapse .close{
	display:none;
}
.navbar-custom .nav-link{
	color:#ffffff;
}
.navbar-custom .navbar-nav .nav-link.active, .navbar-custom .navbar-nav .nav-link.show{
	color:#ffffff;
}
.navbar-custom .dropdown-toggle::after{
	border:0;
	content: "\f107";
	font: normal normal normal 14px/1 FontAwesome;
	margin-left: .5em;
    vertical-align: inherit;
}
.navbar-custom .dropdown-toggle.show::after{
	content: "\f106";
}

.nav-content-row{
	margin-bottom: 24px;
	display: flex !important;
	align-items: center !important;
}
.nav-content-row:hover .nav-icon{
	
}
.nav-content .nav-content-row:last-child{
	margin-bottom:0;
}
.navbar-custom .nav-content h6{
	font-size:12px;
}
.navbar-custom .nav-content .nav-icon{
	width: 40px;
	height: 40px;
	padding: 8px;
	display: block;
	text-align: center;
	border-radius: 8px;
	background: #E8EEFD;
}
.navbar-custom .nav-content .nav-title h2{
	font-size: 14px;
    line-height: 18px;
    margin-bottom: 3px;
}
.navbar-custom .nav-content .nav-title p{
	font-size: 10px;
    line-height: 14px;
    color: #475467;
    margin-bottom: 0;
    font-weight: 400;
}
.d-list-menu{
	list-style:none;
	padding:0;
	margin:0;
}
.d-list-menu li{
	font-size: 14px;
    line-height: 18px;
	border-bottom:1px solid #d9dfee;
}
.d-list-menu li:last-child{
	border-bottom:0;
}
.d-list-menu li a{
	padding:8px 0;
	color: #1B1922;
	display:block;
}
.navbar-nav .nav-item{
	position:relative;
}
.main-body{
	overflow:hidden;
}
.g-bg{
	min-height:700px;
}
.navbar-custom .navbar-toggler{
	background:rgba(255, 255, 255, 0.2);
	border-radius:6px;
	padding:5px;
	width:30px;
	height:30px;
	line-height: 8px;
	border:1px solid rgba(255, 255, 255, 0.4);
}
.navbar-custom .navbar-toggler:hover{
	background:rgba(255, 255, 255, 0.4);
}

.navbar-custom .navbar-toggler-icon{
	width:auto;
	height:auto;
	background:none;
}

/*==Scrolled Header==*/
.mousescroll .navbar-brand .logo{
	display:block;
}
.mousescroll .navbar-brand .logo-black{
	display:none;
}
.mousescroll.scrolled .navbar-brand .logo{
	display:none;
}
.mousescroll.scrolled .navbar-brand .logo-black{
	display:block;
}
.scrolled .hdr .bg-light{
	background: #fff !important;
	border-bottom:1px solid #d0d5dd;
}
.scrolled .navbar-custom .nav-link{
	color:#101828;
}
.scrolled .navbar-custom .navbar-nav .nav-link.active, .scrolled .navbar-custom .navbar-nav .nav-link.show{
	color:#101828;
}
.scrolled .navbar-custom .navbar-toggler {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.4);
}
.scrolled .navbar-toggler:focus{
	/*#7fb9fe*/
}

/*==Banner==*/
.banner{
overflow-x: hidden;
}
.banner{
	/*padding-top:50px;
	padding-bottom: 44px;*/
	padding-top:0;
	padding-bottom:0;
	position:relative;
}
.position{
	/*position:absolute;*/
	position:relative;
	top:0;
	width:100%;
}
.banner .container {
  top: 57px;
  padding-bottom: 0;
  position: absolute;
  z-index:90;
  bottom:0;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}	
.banner .content-sec{
	max-width:546px;
}
.banner p{
	font-size:18px;
	color:#799DF6;
}
.banner h1{
	font-family: 'Sofia Pro';
	font-size:48px;
	line-height:56px;
	color:#ffffff;
}
.banner .banner-img1{
	width:50%;
	position:absolute;
	left:-100px;
	top:51%;
	z-index:10;
	-ms-transform: translate(0, -36%);
    transform: translate(0, -36%);
}
.banner .banner-img2{
	width:1150px;
	position:absolute;
	left:0;
	top:0;
	z-index:9;
}
/*==Banner==*/
.banner{
	/*padding-top:50px;
	padding-bottom: 44px;*/
	padding-top:0;
	padding-bottom:0;
	position:relative;
}
.position{
	/*position:absolute;*/
	position:relative;
	top:0;
	width:100%;
}
.banner .container {
  top: 57px;
  padding-bottom: 0;
  position: absolute;
  z-index:90;
  bottom:0;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}	
.banner .content-sec{
	max-width:546px;
}
.banner p{
	font-size:18px;
	color:#799DF6;
	color:#fff;
	opacity: unset;
}
.banner h1{
	font-family: 'Sofia Pro';
	font-size:48px;
	line-height:56px;
	color:#ffffff;
}


/*==Logo Slider==*/
.partner-logos{
	padding:100px 0 0 0;
}
.partner-logos .owl-carousel .owl-item .item{
	text-align:center;
}
.partner-logos .owl-carousel .owl-item img{
	display:inline-block;
	width: auto;
	filter: grayscale(100%);
}
.partner-logos .owl-carousel .owl-item:hover img{
	filter: grayscale(0%);
	cursor:pointer;
}
.partner-logos .owl-theme .owl-dots, .partner-logos .owl-theme .owl-nav{
	display:none;
}

/*==Logo Slider==*/
/*==Section 2==*/
.sec2{
	padding:50px 0 50px 0;
}
.sec2 h1{
	font-size:40px;
	line-height:48px;
	margin-bottom:15px;
}
.sec2 p{
	font-size:20px;
	line-height:28px;
}
	
/*==Section 3==*/
.sec3{
	padding:100px 0;
	position:relative;
	background: url("../images/sec3-bg.jpg") top center no-repeat;
	background-size:cover;
	color:#ffffff;
}
.sec3 h1{
	color:#fff;
   
}
.spocto-value-sec{
	margin-bottom:20px;
}
.spocto-value{
	margin-bottom:20px;
}
.spocto-value .row-top{
	padding-left:25px;
	font-size:48px;
	line-height:30px;
	font-weight:700;
	font-family: 'Sofia Pro';
	border-left:1px solid #7A9DF7; 
	margin-bottom:15px;
    font-weight: bold;
}
.spocto-value .row-top sup{
	font-size:24px;
	font-family: 'Sofia Pro';
	font-weight: 300;
	margin-right:5px;
	
}
.spocto-value .row-top span.sub{
	font-size:24px;
	font-family: 'Sofia Pro';
	font-weight: 300;
	margin-left:3px;
}
.spocto-value .row-btm{
	padding-left:25px;
	font-size:14px;	
	line-height:18px;
	min-height:50px;
}
.spocto-impact-sec p{
	font-size:14px;
	line-height:24px;
	color:#fff;
	opacity: unset;
    font-weight: 400;
}
.spocto-impact-sec .btn2{
	padding: 7.2px 20px;
}
/*==Section 4==*/
.sec4{
	padding:70px 0;
	position:relative;
}
.spoctox-features h1{
	color:#061844;
}
.spoctox-features p{
	font-size: 18px;
	font-weight: 600;
}
.list1{
	list-style:none;
	margin:0;
	padding:0;
}
.list1 li{
	font-size:18px;
	line-height:32px;
	margin-bottom:15px;
	position:relative;
	padding-left:34px;
	opacity: 0.7;
}
.list1 li::before{
	position:absolute;
	left:0;
	top:4px;
	content: "\f00c";
	color:#1554EF;
	font: normal normal normal 14px/1 FontAwesome;
	font-weight:300;
	line-height:24px;
	background:#BCCEFA;
	width:24px;
	height:24px;
	border-radius:50%;
	text-align:center;
	
}
/*==Tab Content==*/
.custom-tab .tab-content {
  position: relative;
  overflow: hidden;
  height: auto;
  padding:15px 15px 30px 15px;
  
}

.custom-tab .tab-pane {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translateX(100%);
  /*transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;*/
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.custom-tab .tab-pane.left {
  transform: translateX(-100%);
}
.custom-tab .tab-pane.right {
  transform: translateX(100%);
}

.custom-tab .tab-pane.active.left {
	transform: translateX(0);
}
.custom-tab .tab-pane.active.right {
	 transform: translateX(0);
}
.custom-tab .tab-pane.active {
  opacity: 1;
  transform: translateX(0) !important;
  position: relative;
}
.custom-tab .tab-content > .tab-pane {
  display: block;
}
/*==Tab Content==*/

/*==Custom Tab ==*/
.custom-tab .nav-tabs{
	position: relative;
	border-bottom:0;	
	justify-content: left;
	padding-bottom: 10px;
	display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.custom-tab .nav-tabs li.nav-item{
	margin-right:10px;
}
.custom-tab .nav-tabs li.nav-item:last-child{
	margin-right:0px;
}
.custom-tab .nav-tabs .nav-link{
	font-size:18px;
	line-height:32px;
	font-weight:500;
	color:#000000;
	/*border:1px solid #CCCBCC;*/
	border:0;
	border-radius:32px;
	padding: 5.2px 20px;
}
.custom-tab .nav-tabs .nav-link.active, .custom-tab .nav-tabs .nav-link.active:hover{
	color:#fff;
	background:none;
}
.custom-tab .nav-tabs .nav-link:hover{
	color:#666666;
	background:none;
	/*border:1px solid #1554EF;*/
}
.custom-tab .tab-pane .card{
	border-radius:16px;	
	background:#fff;
	-webkit-box-shadow: 0px 15px 15px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 15px 15px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 15px 15px 2px rgba(0,0,0,0.2);
	border:0;
}
.custom-tab .card-body{
	padding:40px 20px;
}

/*==Scrolable Tab==*/

/*-------Smooth custom-tab-------*/


.custom-tab .nav-tabs > li {
  position: relative;
  z-index: 10;
}
.custom-tab .nav-tabs > li > a {
  margin-top: 10px;
  padding: 10px 40px;
  display: block;
  font-size: 18px;
  color: #000;
  border: none;
  text-decoration: none;
  border-radius: 10px;
  transition: color 0.5s ease;
}
.custom-tab .nav-tabs > li > a.active {
  color: #FFF;
}
.custom-tab .nav-tabs > .active-highlight {
  display: block;
  position: absolute;
  background:#1554EF;
  border-radius: 32px;
}

/*==Feature List==*/
.features-list .fl-icon{
	width: 80px;
	height: 80px;
	padding: 14.4px;
	display: block;
	text-align: center;
	border-radius: 12px;
	background: #E8EEFD;
}
.fl-content h2{
	font-size:20px;
	line-height:28px;
	margin-bottom:5px;
}
.fl-content p{
	font-size:16px;
	line-height:24px;
	margin-bottom:0;
}
.hr1 hr{
	border-top:1px solid #799DF6;
	margin:20px 0;
}

/*==Section 5==*/
.sec5{
	padding:60px 0;
	position:relative;
	background:#ffffff;
}
.sec5 h1{
	color:#092466;
	
}
.sec5 .elements{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:50px;
	overflow:hidden;
	z-index:1;
	background: #F3F5F9;
}
.sec5 .elements .lft{
	width:1250px;
	height:1148px;
	position:absolute;
	left:-350px;
	top:-125px;
}
.sec5 .elements .rgt{
	width:1250px;
	height:1148px;
	position:absolute;
	right: -670px;
    top: -415px;
}
.sec5 .container{
	position:relative;
	z-index:9;
}
.debt-recovery-sec{
	
}
.dr-icon{
  width: 100px;
  height: 100px;
  padding: 10px;
  display: block;
  text-align: center;
  /*border-radius: 12px;
  border: 1px solid #1248CD;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 0px 4px rgba(227,233,249,1);
  -moz-box-shadow: 0px 0px 0px 4px rgba(227,233,249,1);
  box-shadow: 0px 0px 0px 4px rgba(227,233,249,1);*/
  margin:auto;
}
.card5{
	text-align:center;
	border-radius:8px;
	background:#fff;
	-webkit-box-shadow: 4px 5px 40px -20px rgba(0,0,0,0.6);
	-moz-box-shadow: 4px 5px 40px -20px rgba(0,0,0,0.6);
	box-shadow: 4px 5px 40px -20px rgba(0,0,0,0.6);
	border:0;
}
.card5 .card-body{
	padding:53px 25px;
}
.debt-recovery-sec p{
	font-size:18px;
	line-height:26px;
}
/*==Section 6==*/
.sec6{
	padding:70px 0;
}

/*==Section 7==*/
.sec7{
	background: url("../images/sec7-bg.jpg") top center no-repeat;
	background-size:cover;
	position:relative;
	padding:80px 0;
}
.sec7 p{
	font-size:32px;
	line-height:40px;
	color:#fff;
	font-weight:700;
	margin-bottom:0;
	opacity: unset;
}
/*==Section 8==*/
.sec8{
	padding:130px 0;
	background:#F7F9FC;
}
.sec8 p{
	font-size:20px;
	line-height:28px;
}
.efficient-keys{
	max-width:480px;
	border-radius:8px;
	margin-bottom:30px;
}
.efficient-keys .card{
	border-radius:8px;
	background:#fff;
	-webkit-box-shadow: 4px 5px 40px -20px rgba(0,0,0,0.6);
	-moz-box-shadow: 4px 5px 40px -20px rgba(0,0,0,0.6);
	box-shadow: 4px 5px 40px -20px rgba(0,0,0,0.6);
	border:0;
}
.efficient-keys .card .card-body{
	padding: 20px;
	position:relative;
}
.efficient-keys .card .card-body:before{
	content:"";
	background:#1554EF;
	width:2px;
	top:16px;
	bottom:16px;
	left:0;
	position:absolute;
}

.efficient-keys .ek-icon{
	width:85px;
	height:85px;
	padding: 10px;
	display:block;
	text-align:center;
	/*border-radius:12px;
	border:1px solid #1248CD;
	background:#ffffff;
	
	-webkit-box-shadow: 0px 0px 0px 4px rgba(227,233,249,1);
-moz-box-shadow: 0px 0px 0px 4px rgba(227,233,249,1);
box-shadow: 0px 0px 0px 4px rgba(227,233,249,1);*/
}
.efficient-keys .ek-content{
	font-size:18px;
	line-height:26px;
}

/*==Section 9==*/
.sec9{
	background: url("../images/sec9-bg.jpg") top center no-repeat;
	background-size:cover;
	position:relative;
}
.sec9 .titlesec{
	padding:130px 0;
}
.sec9 h1{
	font-weight:500;
	color:#F7F9FC;
  
}
.sec9 p{
	font-size:20px;
	line-height:28px;
	font-weight:normal;
	color:#F7F9FC;
	opacity: unset;
}

/*==Section 10==*/
.sec10{
	position:relative;
	background:#fafafa;
	padding:170px 0;
	overflow:hidden;
}
.sec10:before{
	content:"";
	height:438px;
	top:0;
	left:0;
	right:0;
	position:absolute;
	background: rgb(171,177,177);
	background: linear-gradient(180deg, rgba(171,177,177,0) 0%, rgba(181,187,187,0.32) 97%, rgba(250,250,250,1) 100%); 
}
.sec10 .x-element1{
	width:890px;
	height:782px;
	position:absolute;
	left:-70px;
	top:-70px;
	z-index:1;
}
.sec10 .x-element2{
	width:890px;
	height:782px;
	position:absolute;
	right:-70px;
	top:-70px;
	z-index:1;
}
.sec10 .container{
	z-index:9;
	position:relative;
}
.card10{
	background: url("../images/sec10-bg.jpg") top center no-repeat;
	background-size:cover;
	position:relative;
	border-radius:12px;
}
.card10 .card-body{
	padding:80px 60px;
}
.card10 .card-body{
	
}
.card10 p{
	font-size:24px;
	line-height:28px;
	font-weight:600;
	color:#ffffff;
	margin-bottom:25px;
	opacity: unset;
}
.card10 .element1{
	width:301px;
	height:494px;
	position:absolute;
	right: 35px;
    top: -120px;
}
.card10 .element2{
	width:134px;
	height:168px;
	position:absolute;
	right: 295px;
	bottom: -110px;
}
/*==Footer==*/ 
.footer-light
{
 color:#cdced3 !important;
}
footer{
	background: #141A22;
	padding:90px 0;
	position: relative;
    overflow: hidden;
	color:#cdced3;	
}
footer a{
	color:#cdced3;
}	
footer a:hover{
	color:#1554EF !important;
}
footer .btm-line{
	border-bottom:2px solid #1D273D;
}
footer h6{
	font-weight:500;
	color:#799DF6;
	margin-bottom:35px;
}
footer p{
	color:#fff;
    opacity: 1;
}
.footer-opa
{
   opacity: 0.7;
}
footer .line-logo{
	width: 890px;
	height: 782px;
	position: absolute;
	right: -138px;
	bottom: -305px;
	z-index:1;
}
footer .container{
	z-index:9;
	position:relative;
}
footer .letstalk{
	border-radius:44px;
	padding:8px 24px 8px 10px;
	background:#ffffff;
	color:#1554EF;
	border:12px solid #0C1A3D;
	
	display: inline-flex !important;
	align-items: center;
}

footer .letstalk .crcle{
	width:32px;
	height:32px;
	background:#1554EF;
	border-radius:50%;
	display:inline-block;
	margin-right:5px;
}
footer .letstalk:hover{
	color:#1554EF;
	border:12px solid #1554EF;
	background:#ffffff;
}
footer .letstalk:hover .crcle{
	background:#1554EF;
}
footer .min-h{
	min-height:50px;
}
footer .link-list{
	padding-right:70px;
	display:inline-block;
}
footer .link-list a{
	display:block;
	margin-bottom:20px;
}
footer .link-list a:last-child{
	margin-bottom:0;
}
.social-icons .icon{
	width:50px;
	height:50px;
	background:#132552;
	border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-right:24px;
	line-height: 37px;
	padding:4px;
}
.social-icons .icon img{
	max-width:100%;
}
.social-icons .icon:hover{
	background:#1554EF;
	text-align:center;
}
footer .ftr-link{
	display:flex;
	justify-content:right;
	align-items: center;
	height:100%;
	font-size:14px;
}
footer .ftr-link a{
	
	margin-left:20px;
}
footer .ftr-btm{
	font-size:12px;
}
footer .ftr-btm, footer .ftr-btm a{
	
}
/*-------Smooth custom-tab-------*/

.nav-tabs {
	position: relative;
	justify-content: center;
	padding-bottom: 10px;
  }
  .nav-tabs > li {
	position: relative;
	z-index: 10;
  }
  .nav-tabs > li > a {
	margin-top: 10px;
	padding: 10px 40px;
	display: block;
	font-size: 18px;
	color: #000;
	border: none;
	text-decoration: none;
	border-radius: 10px;
	transition: color 0.5s ease;
  }
  .nav-tabs > li > a.active {
	color: #FFF;
  }
  
  .nav-tabs > .active-highlight {
	display: block;
	position: absolute;
	background:#1554EF;
	border-radius: 32px;
  }
  
/*==Media Query==*/

@media screen and (max-width:1399px) {
	.navbar-custom .navbar-nav .dropdown-menu.product-menu-sec {
	  min-width: 862px;
	}
	.banner .content-sec {
	  max-width: 460px;
	}
	
	.card10 .element1{
		top: -100px;
	}
	.custom-tab .nav-tabs .nav-link {
		font-size: 16px;
		padding: 5.2px 18px;
	}
}

@media screen and (max-width:1199px) {
	h1 {
	  font-size: 42px;
	  line-height: 50px;
	}
	.navbar-custom .navbar-nav .dropdown-menu.product-menu-sec {
	  min-width: 750px;
	}
	.navbar-custom .navbar-collapse {
		margin-left: 10%;
	}
	.banner h1{
		font-size: 45px;
		line-height: 50px;
	}
	.banner .banner-img1 {
	   /*width: 320px;
	   height: 374px;*/
       width:50%;
	   left: -110px;
	}
	.banner .banner-img2 {
	  width: 900px;
	  height: 593px;
	}
	.g-bg {
	  max-height: 540px;
	  min-height: auto;
	}
	.sec2 h1{
		font-size:30px;
		line-height:38px;
	}
	.sec2 p{
		font-size:18px;
		line-height:25px;
	}
	.custom-tab .nav-tabs .nav-link{
		padding: 5.2px 16px;
	}
	.social-icons .icon{
		width: 40px;
		height: 40px;
		margin-right: 10px;
	    line-height: 30px;
	    padding: 2px;
	}
	
}

@media screen and (max-width:991px) {
	h1{
		font-size: 32px;
		line-height: 42px;
	  }
	.navbar-custom .navbar-collapse{
		margin-left:0;		
		position: fixed;
		background: rgba(255, 255, 255, 0.99);
		left: 0;
		right: 0;
		top: 0;
		border-radius: 0;
		padding: 15px 25px;
		z-index:999;
		-webkit-box-shadow: 0px 15px 20px 2px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 15px 20px 2px rgba(0,0,0,0.2);
		box-shadow: 0px 15px 20px 2px rgba(0,0,0,0.2);
	}
	.navbar-custom .navbar-collapse.show{
		height:100%;
		overflow-y:scroll;
	}
	.nav-content-row {
		margin-bottom: 10px;
		
	}
	.navbar-custom .navbar-collapse .navbar-brand, .navbar-custom .navbar-collapse .close{
		display:inline-block;
	}
	.navbar-custom .navbar-collapse .close{
		right:25px;
		top:15px;
		z-index:1000;
		font-size: 2rem;
		opacity: 1;
		font-weight: 300;
	}
	.navbar-custom .navbar-collapse  .nav-link{
		color:#000 !important;
	}
	.navbar-custom .navbar-nav .dropdown-menu.product-menu-sec{
		max-width:100%;
		min-width:auto;
	}
	.g-bg {
		max-height: 500px;
	}
	  .banner .content-sec {
		max-width: 350px;
	  }
	   .banner h1 {
		font-size: 34px;
		line-height: 40px;
	  }
	  .banner .banner-img1 {
		/*width: 300px;
		height: 350px;*/
        width: 50%;
		left: -90px;
	  }
	  .banner .banner-img2 {
		width: 820px;
		height: 541px;
	  }	  
	.sec2 h1{
		font-size: 26px;
		line-height: 34px;
	}
	.sec2 p{
		font-size:16x;
		line-height:23px;
	} 
	.sec3{
		padding:80px 0;	
	}
	.spoctox-features{
		margin-bottom:40px;
	}
	.custom-tab .tab-content {
	  margin-top: 40px;
	}
	.list1 li{
		font-size: 18px;
		line-height: 30px;
	}
	.sec8 {
		padding: 90px 0;
	}
	.sec9 .titlesec {
		padding: 100px 0;
	}
	
	.sec10{
		padding: 150px 0;
	}
	.card10 p {
	  font-size: 20px;
	  line-height: 24px;
	}
	.social-icons{
		text-align:center;
		margin-bottom:20px;
	}
	.social-icons .icon{
		margin:0 5px;
	}
	footer .ftr-link{
		justify-content: center;
	}
	footer .ftr-link a{
		margin:0 10px;
	}
	footer .link-list {
		padding-right: 40px;
	}
	.features-list .fl-icon {
	  width: 50px;
	  height: 50px;
	  padding: 7.5px;  
	}	
	
	.efficient-keys .ek-icon{
	  width: 80px;
	  height: 80px;
	  padding: 12px;
	}
	.sec5 .container{
		max-width: 90%;
	}
	.card5 .card-body {
	  padding: 40px 15px;
	}
	.dr-icon {
	  width: 85px;
	  height: 85px;
	  padding: 12px;
	}
     .debt-recovery-sec .owl-carousel .owl-stage-outer {
		height: 280px;
	  }
}
@media screen and (max-width:768px){
	h1{
		font-size: 24px;
		line-height: 32px;
		margin-bottom:15px;
	}
	.banner p{
		 margin-bottom: 5px;
	 }
	.banner .content-sec {
		max-width: 100%;
		padding: 30px 0 10px 0;
	}
	.banner .banner-img1 {
		/*width: 250px;
		height: 292px;*/
        width: 50%;
		position: relative;
		left: auto;		
		top: auto;
		-ms-transform: translate(-16px, 65px);
		transform: translate(-0px, 65px);
	}
	.banner .banner-img2 {
		width: 600px;
		height: 396px;
		top: 0px;
		left: 80px;
	  }
	  .g-bg {
		height: 650px;
		max-height: none;
		min-height: 650px;
	  }
	.partner-logos{
		padding:80px 0 0 0;
	}
   .sec2 h1{
		font-size: 22px;
		line-height: 30px;
	}
	.sec2 p{
		font-size:15px;
		line-height:23px;
	} 
	  .sec3 {
		padding: 60px 0;
	  }
	  .spocto-value .row-top{
		  font-size: 38px;
		  line-height: 20px;
		  padding-left: 0;
		  border-left:0;
	  }
	  .spocto-value .row-top sup, .spocto-value .row-top span.sub {
		  font-size: 19.2px;
	  }
	  .spocto-value .row-btm {
		  padding-left: 0;
	  }
	  .custom-tab .tab-content {
		margin-top: 20px;
	  }
	  .custom-tab .nav-tabs .nav-link {
			font-size: 15px;
	  }
	  .card5{
		  margin-bottom: 20px;
	  }
	  .sec6 {
		padding: 60px 0;
	  }
	  .sec7{
		background-position: left;
		padding: 50px 0;
	  }
	  .sec7 p {
		  font-size: 24px;
		  line-height: 32px;		  
	  }
	  .sec8 {
		  padding: 60px 0;
	  }
	  .sec8 h1{
		  font-size: 20px;
		  line-height: 26px;
	  }
	  .sec8 p {
		  font-size: 14px;
		  line-height: 22px;
		}
	  .sec9 p{
		font-size: 14px;
		line-height: 24px;
	  }
	 .sec9 .titlesec {
		padding: 60px 0 15px;
		padding-right: 0px;
	  }
	.sec10{
		padding:170px 0 130px 0;
	}
	.card10{
		background-position: 60%;
	}
	.card10 .card-body {
	  padding: 100px 30px 40px 30px;
	}
	 .card10 p {
		font-size: 16px;
		line-height: 24px;
	  }
	  .card10 .element1{
		top: -130px;
		width: 170px;
		height: 243px;
		right: -50px;
	  }
	.card10 .element2 {
	  width: 120px;
	  height: 150px;
	  right: 80px;
	  bottom: -90px;
	}
	
	footer h6{
		margin-bottom: 25px;
	}
	footer, footer p{
		font-size:12px;
		line-height:20px;
	}
	footer .min-h {
	    min-height: 25px;
	}
	footer .link-list {
		padding-right: 15px;
		width: 49%;
        margin-top: -10px;
	}
	footer .link-list a:last-child{
		margin-bottom: 20px;
	}
	footer .ftr-link{
		font-size:12px;
		display:block;
	}
	footer .ftr-link a{
		display:inline-block;
		margin:0 5px;
	}
	.social-icons .icon{
		width: 50px;
		height: 50px;
		line-height: 37px;
		padding: 4px;
	}	
	/*.sec5 .elements {
		top: 127px !important;
	}*/
	.social-icons .icon{
		width: 50px;
		height: 50px;
		line-height: 37px;
		padding: 4px;
	}	
	.sec5 .container {
		max-width: 100%;
		padding:0;
	  }
	.debt-recovery-sec .owl-carousel .owl-item{
		width:240px !important;
		margin:0 5px !important;
	}
	.debt-recovery-sec .owl-theme .owl-dots{
		display:none;
	}
    
}

@media screen and (max-width: 575px) {
	h1{
	  font-size:18px;
	  line-height:26px;
	}
	p{
	  font-size:14px;
	  line-height:22px;
	}
	.banner .content-sec{
		padding: 30px 0 0 0;
	}
  .banner .banner-img1{
	-ms-transform: translate(-25px, 40px);
    transform: translate(-0px, 40px);
  }
  .banner .banner-img2 {
	width: 530px;
	top:-12px;
  }
  .g-bg {
    height: 580px;
    min-height: 580px;
  }
	.sec2 h1{
		font-size: 18px;
		line-height: 26px;
	}
	.sec2 p{
		font-size:14px;
		line-height:22px;
	} 
	.spocto-value .row-btm {
	  font-size: 12px;
	  line-height: 16px;
	  min-height: 30px;
	}
	.list1 li {
		font-size: 14px;
		line-height: 26px;
	  }
	.custom-tab .nav-tabs .nav-link {
		font-size: 13px;
		padding: 5px 14px;
	  }
	.fl-content h2 {
	  font-size: 15px;
	  line-height: 20px;
	}
	.fl-content p {
	  font-size: 12px;
	  line-height: 16px;
	}
	.sec5 .elements {
		top: 127px;
	}
     h1 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }
sec5 .elements {
		top: 127px !important;
	}
}

@media screen and (max-width: 480px) {
	 .banner h1 {
		font-size: 25px;
		line-height: 27px;
	  }
	  .banner p {
       font-size: 16px;
	   margin-bottom: 5px;
	  }
	.custom-tab .card-body {
	  padding: 30px 15px;
	}
	.custom-tab .nav-tabs li.nav-item{
		margin-bottom:10px;
	}
	.custom-tab .nav-tabs .nav-link {
		font-size: 12px;
		line-height: 26px;
		padding: 4.2px 8px;
	}
	.efficient-keys .ek-icon {
	  width: 80px;
	  height: 80px;
	}
	.efficient-keys .ek-content {
	  font-size: 14px;
	  line-height: 22px;
	}
	.custom-tab .nav-tabs li.nav-item {
	  margin-right: 5px;
	}
	.custom-tab .nav-tabs .nav-link {
		font-size: 12px;
	}
   .custom-tab .nav-tabs .nav-link {
	padding: 4.2px 8px;
  }
  .sec5 .elements {
	top: 127px;
}

}

@media screen and (max-width: 400px) {
	.tab-sec{
		overflow-x:auto;
	}
	.custom-tab .nav-tabs{
		min-width: 361px;
	}
    sec5 .elements {
		top: 127px;
	}
}

/*==Modal==*/

.modal-open {
	overflow: hidden;
  }
  .modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
  }
  .fade {
	opacity: 0;
	transition: opacity 0.15s linear;
  }
  .fade.show {
	opacity: 1;
  }
  .modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	outline: 0;
  }
  .modal-dialog {
	position: relative;
	width: auto;
	/* margin: 0.5rem; */
	pointer-events: none;
	margin-top:150px;
  }
  .modal.show .modal-dialog {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
  }
  .modal.fade .modal-dialog {
	transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	-webkit-transform: translate(0, -25%);
	transform: translate(0, -25%);
  }
  .modal-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
  }
  .modal-body {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
	padding-top:20px;
  }
  .close {
	/*float: right;*/
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	right: 5px;
	top: -3px;
	position:absolute;
  }
  button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
  }
  .close:not(:disabled):not(.disabled) {
	cursor: pointer;
  }
  .embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
  }
  .embed-responsive-16by9::before {
	padding-top: 56.25%;
  }
  .embed-responsive::before {
	display: block;
	content: "";
  }
  .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
  }
  .modal-backdrop{
	  background-color: rgba(0, 0, 0, 0.6);
  }
  .modal-backdrop {
    --bs-backdrop-zindex: unset !important;
  }
  @media (min-width: 576px) {
	.modal-dialog {
	  max-width: 575px;
	  margin: 1.75rem auto;
	  margin-top:180px;
	}
	/*.sec4 {
		padding: 35px 0 !important;	
	}*/
	
   
}
.image1{
	content:url('../images/Connect-1.svg');
}
.image1:hover{
	content:url('../images/Loop_Icon_01.gif');
	width: 75px;
	height:75px;
}
.image2{
	content:url('../images/RecommendationGuru-1.svg');
}
.image2:hover{
	content:url('../images/Loop_Icon_02.gif');
	width: 75px;
	height:75px;
}
.image3{
	content:url('../images/SpoctoScore-1.svg');
}
.image3:hover{
	content:url('../images/Loop_Icon_03.gif');
	width: 75px;
	height:75px;
}
.image4{
	content:url('../images/Group427321683.svg');
}
.image4:hover{
	content:url('../images/Loop_Icon_09.gif');
	width: 80px;
	height: 80px;
}
.image5{
	content:url('../images/Group427321684.svg');
}
.image5:hover{
	content:url('../images/Loop_Icon_06.gif');
	width: 80px;
	height: 80px;
}
.image6{
	content:url('../images/Group427321685.svg');
}
.image6:hover{
	content:url('../images/Loop_Icon_05.gif');
	width: 80px;
	height: 80px;
}
.eff-img1{
	content:url('../images/Group427321646.svg');
}
.eff-img1:hover{
	content:url('../images/Loop_Icon_04.gif');
	width: 80px;
	height: 80px;
}
.eff-img2{
	content:url('../images/Group427321686.svg');
}
.eff-img2:hover{
	content:url('../images/Loop_Icon_08.gif');
	width: 80px;
	height: 80px;
}
.eff-img3{
	content:url('../images/Group427321687.svg"');
}
.eff-img3:hover{
	content:url('../images/Loop_Icon_07.gif');
	width: 80px;
	height: 80px;
}
.smart-legal{
	content:url('../images/SmartLegal-1.svg');
 
}
.smart-legal:hover{
	content:url('../images/Hover_Icon_02.gif');
	width: 80px;
	height: 80px;
}
.smart-settle
{
	content:url('../images/SmartSettle-1.svg');
  
}
.smart-settle:hover
{
	content:url('../images/Hover_Icon_15.gif');
	width: 80px;
	height: 80px;
}
.pay-dues
{
	content:url('../images/PayDues-1.svg');
   
}
.pay-dues:hover
{
	content:url('../images/Hover_Icon_16.gif');
	width: 80px;
	height: 80px;
}
.fieldplus
{
	content:url('../images/FieldPlus-1.svg');
  
}
.fieldplus:hover
{
	content:url('../images/Hover_Icon_12.gif');
	width: 80px;
	height: 80px;
}
.callplus
{
	content:url('../images/CallPlus-1.svg');
 
}
.callplus:hover
{
	content:url('../images/Hover_Icon_13.gif');
	width: 80px;
	height: 80px;
}
.smartcollect
{
	content:url('../images/SmartCollect-1.svg');
    
}
.smartcollect:hover
{
	content:url('../images/Hover_Icon_14.gif');
	width: 80px;
	height: 80px;
}
.bhasaa
{
	content:url('../images/Bhaasa-1.svg');
   
}
.bhasaa:hover
{
	content:url('../images/Hover_Icon_05.gif');
	width: 80px;
	height: 80px;
}
.vigil
{
	content:url('../images/Vigil-1.svg');
   
}
.vigil:hover
{
	content:url('../images/Hover_Icon_10.gif');
	width: 80px;
	height: 80px;
}
@media screen and (max-width: 400px) {
    .custom-tab .nav-tabs {
        min-width: 361px;
    }
}

.custom-tab .nav-tabs {
    border-bottom: 0;
}
@media screen and (max-width: 400px) {
    .tab-sec {
        overflow-x: auto;
    }
}
/* Hide scrollbar for Chrome, Safari and Opera */
.tab-sec ::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.tab-sec {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
@media screen and (max-width: 991px) {
    .card5 .card-body {
        padding: 40px 15px;
    }
}
.debt-recovery-sec .owl-carousel .owl-item{
	padding-bottom:30px;
	min-width:235px !important;
}
.card5 .card-body{
	padding:53px 25px;
}
.debt-recovery-sec p{
	font-size:18px;
	line-height:26px;
}
.nav-content a:hover {
    background: #e7e9ee;
    padding: 4px 0 4px 0;
}
.opacity-unset
{
opacity: unset;
}
@media screen and (max-width: 1199px) {
    .debt-recovery-sec p {
        font-size: 14px;
        line-height: 22px;
    }
    section.sec7 {
    display: none;
    }
}
/* big landscape tablets, laptops, and desktops */
@media (min-width:1025px) { 
.fixed-h-cards {
    max-height: 690px;
    min-height: 690px;
}
}
/* hi-res laptops and desktops */
@media (min-width:1281px) { 
.fixed-h-cards {
    max-height: 690px;
    min-height: 690px;
}
}
.navbar-nav li.nav-item {
    padding-right: 8px;
}


/* Home page 20205*/
/* only desktop view*/
@media (min-width: 992px) { /* Apply only for large screens and above */
	.custom-width {
	  max-width: 800px;
	}
  }
  .banner-2025 {
	background: 
	radial-gradient(circle at top right,    /* shape & position */
	#fff 5%,
	transparent 20%)     /* fade to transparent */
	top right no-repeat,   /* anchor corner, no repeat */
radial-gradient(circle at bottom right,
	#FCE2C2 20%,
	transparent 80%)
	bottom right no-repeat,
	radial-gradient(circle at center left,    /* shape & position */
	#EEF4FD 10%,
	transparent 30%)     /* fade to transparent */
	top right no-repeat, 
#FFFFFF; /* fallback background color */

/* 
1) Make the top-left gradient larger (60% width & height)
2) Make the bottom-right gradient smaller (30% width & height)
*/
background-size: 60% 60%, 30% 30%, auto;
  }
section.banner-2025 h1 {
    font-size: 58px;
    font-weight: 900;
    line-height: 68px;
	font-family: 'Sofia Pro';
	color: #1D3159;
}
  section.banner-2025 p {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
	font-family: 'Sofia Pro';
	color: #141A22;
}
.btn5 {
    color: #fff ;
    background: #FD7149;
    border: 1px solid #FD7149;
    padding: 5px 11.5px;
    font-size: 14px;
	line-height:24px;
	border-radius:6px;
	padding: 10px 16px;
	width: 100%;
    display: flow;
}
 /* Text Section */
/* Parent container must be relative for absolute positioning */
.text-scroll-effect {
    position: relative; /* Ensures absolute child elements stay within this section */
    width: 100%;
    /*height: 50vh;*/ /* Adjust height as needed */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
	top: -650px;
    left: 50%;
    transform: translate(-50%, -50%); 
}

/* Absolute positioning with centering */
text-scroll-effect .scroll-section {
    position: absolute;
    /* top: -650px;
    left: 50%; */
    transform: translate(-50%, -50%); /* Centers it exactly */
    width: 80%; /* Limits width for better readability */
    max-width: 900px; /* Prevents it from stretching too wide */
}

/* Text styling */
.scroll-text span {
    font-size: clamp(1.8rem, 4vw, 3rem); /* Responsive font size */
    font-weight: bold;
    color: #4D6D9B; /* Default Gray */
    transition: color 0.5s ease-in-out;
    margin: 0 5px;
}

section.text-scroll-effect p{
    font-size: 16px;
	font-weight: bold;
}

lottie-player.img-fluid.background-loti {
    margin-top: -440px;
}

section.banner-2025 {
    margin-top: 120px;
}
/* lottie-player.img-fluid.background-loti {
    height: 1800px;
	width:100%;
} */
.blue-sec-2025
{
	background: #213056;
	padding: 60px 0;
    margin-top: -500px;
}
.text-white-2025
{
	color: #fff;
}
.card-height1  {
    max-height: 500px !important;
    height: 500px !important;
}

.row>* {
    padding-right: unset !important;
}
.scroll-paragraphs p {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
	color: #1D3159 !important;
	font-size: 18px !important;
	font-weight: 500 !important;
}
img.img-fluid.img-top {
    margin-top: -102px;
    overflow:hidden;
}
.faq-sec, .comp-sec, .workplace-sec, .counter-blue
{
 padding-top: 80px;
}
 /* Section Title */
 .section-title {
	font-weight: bold;
	text-align: center;
	color: #1C3C6B;
	font-size: 28px;
	margin-bottom: 30px;
}

/* Feature Card Styling */
.feature-card {
	border: 5px solid #E5E7EB;
	border-radius: 10px;
	/*padding: 20px;*/
	background: #fff;
	transition: all 0.3s ease-in-out;
	/*box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);*/
}

.feature-card h6 {
	font-size: 16px;
	font-weight: bold;
	color: #1C3C6B;
	margin-bottom: 10px;
}

.feature-card p {
	font-size: 14px;
	color: #555;
	margin: 0;
}

/* Map Section */
.map-section {
	border: 9px solid #E3E8EF;
	border-radius: 10px;
	margin-top: 50px;
}

.map-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.map-text {
	width: 50%;
}

.map-image {
	width: 45%;
}

.map-image img {
	max-width: 100%;
}

/* Highlighted Info Boxes */
.counter-blue {
	background: linear-gradient(37.54deg, #0075FF -46.03%, #1B1C48 41.83%);
	color: white;
    border-radius:16px;
}
.highlight-box {
	padding: 15px;
	border-radius: 10px;
	background: white;
	margin-bottom: 15px;
	width: 350px;
}

.highlight-box h6 {
	font-size: 16px;
	font-weight: bold;
	color: #1C3C6B;
}

.highlight-box p {
	font-size: 14px;
	color: #555;
	margin: 0;
}
.stats-section {
	padding: 60px 20px;
	text-align: center;
}

.stats-heading {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 40px;
}

.stat-box {
	padding: 10px;
}

.stat-number {
	font-size: 48px;
    font-weight: 800;
    color: #81AFF2;
    margin-bottom: 5px;
    font-family: 'Sofia Pro';
}

.stat-text {
	font-size: 18px;
	color: #fff;
	font-family: 'Sofia Pro';
	font-weight: 500;
}

.highlight {
	color: #E55337;
	font-weight: bold;
}


.grey-bg-sec
{
  padding: 60px 0;
  background-image: linear-gradient(to bottom right, #fff, #e6e6e6);
}
@media (max-width: 768px) {
.card-testi {
    width:95% !important;
    height: 450px !important;
    }
	.stat-number {
		font-size: 26px;
	}
	.stat-text {
		font-size: 14px;
	}
	
	.text-scroll-effect {
        height: auto; /* Let content dictate height */
        padding: 50px 15px;
    }
    
    .scroll-section {
        position: static; /* Remove absolute on mobile for better flow */
        transform: none;
        width: 100%;
    }
    
    .scroll-text span {
        font-size: clamp(1.5rem, 3.5vw, 2.5rem); /* Slightly smaller text for mobile */
    }
	section.banner-2025 h1 {
		font-size: 30px;
		font-weight: 700;
		line-height: 32px;
	}
	.testimonial-section, .comp-sec-80, .test-comp-sec-80
	{
		width:100%;
	}

lottie-player.img-fluid.background-loti {
    margin-top: -250px;
}
.text-scroll-effect {

    top: 12px;
}

img.img-fluid.img-top {
    margin-top: -36px;
    }
    .homepage-h2 {
    font-size: 24px !important;
    line-height: 32px !important;
    }
     .testimonial-card {
        bottom: unset !important;
        margin-right: 1px !important;
        margin-top: -62px !important;
    }
}

  /* Base card styling */
  .card-testi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	transform-origin: left center; /* Mimic a page turning from left */
	backface-visibility: hidden; /* Hide backside during flip */
	transform-style: preserve-3d;
	opacity: 0;
  }
  /* Stack cards with slight left offsets and descending z-index */
  /*.card-testi:nth-child(1) { z-index: 4; left: 0; }
  .card-testi:nth-child(2) { z-index: 3; left: 15px; }
  .card-testi:nth-child(3) { z-index: 2; left: 30px; }
  .card-testi:nth-child(4) { z-index: 1; left: 45px; }*/

  /* BookFlip keyframes – adjust percentages as needed */
  @keyframes bookFlip {
	0% {
	  opacity: 0;
	  transform: rotateY(90deg);
	}
	10% {
	  opacity: 1;
	  transform: rotateY(0deg);
	}
	40% {
	  opacity: 1;
	  transform: rotateY(0deg);
	}
	50% {
	  opacity: 0;
	  transform: rotateY(-90deg);
	}
	100% {
	  opacity: 0;
	  transform: rotateY(-90deg);
	}

	
  }
  /* Apply animation on all cards with staggered delays */
  .card-testi {
	animation: bookFlip 12s infinite ease-in-out;
  }
  .card-testi:nth-child(2) { animation-delay: 3s; }
  .card-testi:nth-child(3) { animation-delay: 6s; }
  .card-testi:nth-child(4) { animation-delay: 9s; }

  /* Card content styling */
  .card-testi-body {
	padding: 20px;
  }
  .card-testi-body p {
	margin-bottom: 1rem;
  }
  .card-testi-body strong {
	display: block;
	margin-top: 1rem;
  }
  .right {
	flex: 1;
	position: relative;
	width: 100%;
	height: 350px;
	margin: 0 auto;
	perspective: 1000px;
    margin-bottom: -80px;
  }
.comp-sec-80 {
    max-width: 800px !important;
	
}
.card.p-5.card-height1 h3 {
    font-size: 18px;
    font-weight: bold;
}
.accordion-button:not(.collapsed), .accordion-button
{
	color: #121926 !important;
	font-size: 16px;
	font-weight: 600;
	background: transparent !important;

}
.accordion-button:focus {
    border-color: transparent !important; 
	 box-shadow: none !important;
}
.accordion-body {
    font-size: 14px;
    color: #4B5565;
}
.image-container {
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
	overflow: hidden;
	border-radius: 10px;
}

.image-container img {
	/* position: absolute; */
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
	transition: opacity 0.8s ease-in-out; /* Smooth fade transition */
	z-index: 1;
	opacity: 0;
}

.image-container img.active {
	opacity: 1;
	z-index: 2;
}
.test-comp-sec-80, .testimonial-section {
    max-width: 1000px !important;
}
button.accordion-button {
    padding: 30px 0;
}
.accordion-body {
  padding-left: unset !important;
}
.accordion-item {
    border-left: none !important;
    border-right: none !important;
}
.clients .col-2 {
    padding: 10px !important;
}
.homepage-h2
{
font-family: 'Sofia Pro';
font-weight: 900;
font-size: 30px;
line-height: 36px;
letter-spacing: 0%;
color: #4D6D9B;
}
.homepage-h5
{
font-family: 'Sofia Pro';
font-weight: 500;
font-size: 16px;
line-height: 16px;
letter-spacing: 0%;
color: #1B1C48;
}
section.blog-home {
    padding: 180px 0 80px 0;
}
.card-height1 {
    padding: 24px;
}
.faq-sec button.accordion-button::after {
    display: none;
}
div#counter {
    border: #fff solid 10px;
}
h2.text-white-2025 {
    color: #fff;
    font-size: 32px !important;
    font-weight: 900;
}

  .card-stack {
            max-width: 600px;
            margin: 60px auto;
            position: relative;
        }
        .testimonial-card {
            position: absolute;
            width: 100%;
            background-color: #ffffff;
            border-radius: 10px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            padding: 20px;
            right: 0; /* Aligns the cards to the right edge */
        }
        .testimonial-card.back-2 {
            transform: scale(0.95);
            z-index: 3;
            top: 20px;
            right: 20px; /* Adjusts right position for reverse descending format */
        }
        .testimonial-card.back-1 {
            transform: scale(0.98);
            z-index: 2;
            top: 10px;
            right: 10px; /* Adjusts right position for reverse descending format */
        }
        .testimonial-card.main {
            z-index: 1;
        }
        .testimonial-header img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            margin-bottom: 15px;
        }
        .testimonial-content {
            font-size: 1rem;
        }
        .testimonial-author {
            display: flex;
            align-items: center;
            margin-top: 20px;
        }
        .author-info {
            margin-left: 10px;
        }
        .author-name {
            font-weight: bold;
            margin-bottom: 0;
        }
        .author-title {
            color: #888888;
            margin-bottom: 0;
        }
        .testimonial-heading {
    font-size: 40px;
    font-weight: bold;
    color: #4D6D9B;
    text-align: left;
}
.dot-line
{
padding: 20px;
border: #c9ced5 2px solid;
border-radius: 3px;
}

.dot-line-sm {
    padding: 20px;
    border: #c9ced5 2px solid;
    border-radius: 6px;
}
.clients img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.home-section-1 p, .home-section-1 h3, .home-section-1 span, .mc-section-1 p, .mc-section-1 h3, .mc-section-1 span .product-section-1 p, .product-section-1 h3, .product-section-1 span, .sx-section-1 p, .sx-section-1 h1, .sx-section-1 h2, .sx-section-1 span .sx-section-1 h3, .dark-blue p, .dark-blue h1, .dark-blue h2, .dark-blue h3, .dark-blue h4, .dark-blue h5, .dark-blue span, .hero-section-blue h1, .hero-section-blue p, .hero-section-blue span
    {
      color: #fff !important;
    }