/*hero section css start*/

.hero-sec{

	padding-top: 90px;

	padding-bottom: 130px;

}

.bg-hero-img{

	background: url(../img/bg-hero.svg);

  background-position: center;

  background-size: contain;

  background-repeat: no-repeat;

  text-align: center;

}

.one-time{

    max-width: 280px;

}
@media screen and (max-width: 420px){
  .one-time {
    max-width: 200px;
  }
}



/*hero section css end*/

/*clients logo slider */

.py-50{

	padding-top: 20px;

	padding-bottom: 20px;

	background: rgba(27, 28, 32, 1);

}

.logo-slider .slick-slide {

    padding: 0px 30px;

    display: flex !important;

    align-items: center;

    justify-content: center;

    min-height: 76px;

}

.logo-slider .slick-track{

    display: flex!important;

    align-items: center;

    justify-content: center;

}

@media(max-width:768px){

	.logo-slider .slick-slide {

	 	padding: 0px 20px;

	}

}

/*@media (min-width: 576px) {

  .container-sm, .container {

    max-width: 540px;

  }

}

@media (min-width: 768px) {

  .container-cst {

    max-width: 720px;

  }

}

@media (min-width: 992px) {

  .container-cst {

    max-width: 960px;

  }

}

@media (min-width: 1200px) {

  .container-cst {

    max-width: 1200px;

  }

}*/

@media (min-width: 1400px) {

  .container-cst {

    max-width: 1380px;

  }

}

/*supporting section css start*/

.supporting-card{

	background: #131518;

	border: 1px solid #47484C80;

	padding: 40px 20px;

  min-height: 291px;

}

.card-heading{

	font-size: 20px;

	font-weight: 500;

	line-height: 26px;

	margin: 24px 0px;



}

.card-discription{

font-size: 14px;

font-weight: 400;

line-height: 21px;



}

@media(max-width:768px){

	.supporting-card{

		min-height: auto;

	}

}

@media(max-width:1200px){

	.supporting-card{

		min-height: 268px;

	}

}

/*services cards css start*/

.services-card{

	background: linear-gradient(105.11deg, #232428 0.5%, #1B1C20 98.15%);

	padding: 32px 36px;

	border: 1px solid transparent; /* Use transparent to allow the gradient to show */

	border-image-source: linear-gradient(151.52deg, rgba(0, 0, 0, 0.2) -0.03%, rgba(240, 226, 231, 0.2) 99.4%);

	border-image-slice: 1; /* Ensures the gradient fills the border correctly */

	min-height: 410px;

}



.read-more{

	color: var(--btn-clr);

	text-decoration: none;

}



@media(max-width:768px){

	.services-card{

		min-height: auto;

	}

}



/*tabs*/

.tab-pane{

  background: rgba(15, 15, 18, 1);

  padding: 70px 55px;

  border: 1px solid rgba(71, 72, 76, 0.5);

  border-top: 0px;

}

.nav-tabs{

	border: 0px;

	flex-wrap: nowrap;

	height: 5rem;

}

.nav-tabs .nav-link img{

    max-width: 130px;

}

.nav-tabs .nav-link{

	border-radius: 0; 

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  border-bottom-color: #01122700;

  background-color: #131416;

  margin: 0px;

  background: rgba(23, 23, 26, 1);

  border: 1px solid rgba(71, 72, 76, 0.5);

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{

    border: 1px solid rgba(71, 72, 76, 0.5);

    background-color: #131416;

    border-bottom: 0;

    background: rgba(15, 15, 18, 1);

}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{

	border-color: rgba(71, 72, 76, 0.5);

}

@media(max-width:768px){

	.nav-tabs .nav-link img{

		max-width: 100%;

	}

}

@media(max-width:576px){

	.tab-pane {

	    padding: 70px 25px;

	}

}

/*experties section */

.py-130{

	padding-top: 130px;

	padding-bottom: 75px;

}

.grid-2{

    -ms-grid-columns: 1fr 1fr 1fr;

    grid-template-columns: 1fr 1fr 1fr;

    -ms-grid-rows: auto auto auto;

    grid-template-rows: auto auto auto;

    display: -ms-grid;

    display: grid;

    grid-row-gap: 16px;

    grid-column-gap: 16px;

}

.tf_column{

    display: flex;

    height: 100%;

    padding: 1rem .8rem;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    grid-row-gap: 1.5rem;

    border-radius: .5rem;

    border: 1px solid #47484C80;

    background-color: transparent;

    text-align: center;

}

.icon-lottie-number{

	overflow: visible;

    width: 100%;

    height: 60px;

    margin-bottom: 0;

    padding: 0;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    border-radius: 8px;

    background-color: transparent;

    text-align: center;

    -o-object-fit: fill;

    object-fit: fill;

}

@media(max-width:576px){

	.py-130,.hero-sec{

		padding-top: 60px;

		padding-bottom: 60px;

	}

		.grid-2{

	    -ms-grid-columns: 1fr 1fr;

	    grid-template-columns: 1fr 1fr;

	    

	}

}