﻿

.much-box {
	background-color: #efeefe;
	padding: 30px 50px;
	position: relative;
	margin-bottom: -80px;
}
  .ready{
	background: #fff url(../images/ready-section.png) center center no-repeat;
	padding: 40px 0px 40px 0px;
  }
@media (min-width:1200px) {
}

@media (max-width:1200px) {
}

@media (max-width: 1024px) {
}

@media (max-width:991px) {
}

@media (max-width:768px) {
}

@media (max-width:767px) {
}

@media (min-width:768px) {
}

@media only screen and (max-width: 360px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 768px) {
}

@media (max-width: 576px) {
}

@media only screen and (max-width:400px) {
}

.bg {
	background: linear-gradient(90deg, #018F2C 0%, #00999026 26.5%, #00999000 100%);
	background: linear-gradient(90deg, #018F2C 0.01%, #018F2C82 41%, #0099902b 68%, #002B9900 99.99%);
	z-index: -1;
	display: flex;
	align-items: center;
	border-radius: 20px 0px 0px 20px;
	color: #fff;
}

@media (min-width: 991px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {

}

@media (max-width: 400px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width:400px) {
}

ul.features-td-list {
	margin: 0px;
	padding: 0px;
  }
  ul.features-td-list li {
	list-style: none;
	background: url(../images/features-td-list.png) center left no-repeat;
	  background-position-x: left;
	  background-position-y: center;
	min-height: 46px;
	padding-left: 55px;
	background-position: 0px 3px;

	margin-bottom: 20px;
  }

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 576px) {

}

.match-section {
	background: url(../images/differnce-bg-sec.png) center top no-repeat !important;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 100px;
	background-attachment: fixed !important;
  }

  .match-section .main-title {
	font-size: 70px;
	font-weight: 800;
	line-height: 90px;
  }

  .match-section .inner-content li {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0 0 10px 0px;
	background-size: 40px;
	margin-bottom: 10px;
  }

  .match-section .inner-content li img {
	margin-right: 15px;
  }

  .match-section .inner-content li span {
	font-size: 24px;
	line-height: 38px;
	font-weight: 400;
	color: #000000;
  }

  .match-tool-description {
border-radius: 10px;
  border: 1px solid rgb(111, 73, 239);
  padding: 40px 25px;
  padding: 5px 25px;
  background-image: linear-gradient(0deg,rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);

  }

  .match-tool-description .image {
	padding-top: 12px;
  }

  .match-point {
padding: 20px 20px 30px 20px;
  margin-top: 30px;
  background-color: transparent;

  }

  .match-point .title {
	font-size: 50px;
	line-height: 90px;
	font-weight: 800;
	color: #FF1D48;
	text-align: center;
  }

  .match-tool-description .inner-content {
	padding-left: 0px;
  }

  .match-section .inner-content li {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0 0 10px 0px;
	background-size: 40px;
	margin-bottom: 10px;
  }

  @media only screen and (max-width: 1024px) {
	.match-section .main-title {
	  font-size: 57px;
	  font-weight: 800;
	  line-height: 80px;
	}

	.match-section .inner-content li span {
	  font-size: 23px;
	  line-height: 38px;
	  font-weight: 400;
	  color: #000000;
	}
  }

  @media only screen and (max-width:991px) {
	.match-section {
	  padding-top: 40px;
	  padding-bottom: 40px;
	}

	.match-section .main-title {
	  font-size: 50px;
	  font-weight: 800;
	  line-height: 75px;
	}

	.match-section .inner-content li span {
	  font-size: 20px;
	  line-height: 38px;
	  font-weight: 400;
	  color: #000000;
	}
  }

  @media only screen and (max-width:768px) {

	.match-point {
background-color: transparent;;
	  border-radius: 48px;
	  padding: 10px 10px 10px 15px;
	  margin-top: 30px;
	}

	.match-section .main-title {
	  font-size: 45px;
	  font-weight: 800;
	  line-height: 65px;
	}

	.match-section .inner-content li span {
	  font-size: 23px;
	  line-height: 38px;
	  font-weight: 400;
	  color: #000000;
	}
  }

  @media only screen and (max-width:576px) {
	.match-section {
	  padding-top: 35px;
	  padding-bottom: 40px;
	}

	.match-section .main-title {
	  font-size: 27px;
	  font-weight: 800;
	  line-height: 43px;
	}

	.match-point .title {
	  font-size: 29px;
	  line-height: 72px;
	  font-weight: 800;
	  color: #FF1D48;
	  text-align: center;
	}

	.match-section .inner-content li img {
	  margin-right: 15px;
	  width: 50px;
	}

	.match-section .inner-content li span {
	  font-size: 15px;
	  line-height: 32px;
	  font-weight: 400;
	  color: #000000;
	}

	.match-section .match-point .inner-content li {
	  padding: 0 0 10px 0px;
	  margin-bottom: 9px;
	}
  }

  @media only screen and (max-width:400px) {
	.match-section {
	  padding-top: 25px;
	  padding-bottom: 30px;
	}
  }

  @media only screen and (max-width:360px) {

  }

.ai-feature-box{

  max-width: 1040px;
  margin: 1px auto;
    padding:0;

    position:relative;

    overflow:hidden;

}

.feature-top{
/* display: flex;
  justify-content: space-between;
  align-items: center; */
  /* padding: 0px 100px; */
  /* flex-wrap: wrap;
  gap: 10px; */

}

.feature-item{
display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 20px;
  font-weight: 800;

}

.icon-circle{

width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background: linear-gradient(180deg,#30104d,#160523);
  border: 3px solid #d95cff;
  color: #fff;
  box-shadow: 0 0 20px rgba(209,81,255,.55);

}

.zero{
font-size: 20px;
  font-weight: 900;
  color: #cf58ff;

}

.text{

color:#000000;

}

.divider{

width:1px;

height:65px;

background:

linear-gradient(180deg,
transparent,
rgba(255,255,255,.45),
transparent);

}

.feature-bottom{
padding: 20px 10px 20px 10px;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,.08);

}

.headline{

font-size: 20px;
  font-weight: 900;
  color: #fff;
  line-height: 1.4;

}

.purple-pill{

display: inline-block;
  padding: 5px 10px;
  margin: 0 8px;
  border-radius: 10px;
  background: linear-gradient(180deg,#b54fff,#6d2eff);

}

.purple-pill.light{

background:

linear-gradient(180deg,#da6cff,#954bff);

}

.subheadline{
margin-top: 18px;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  line-height: 1.6;

}

.pink{


font-size: 20px;
  font-weight: 800;
  color: #fff;
  line-height: 1.6;
}

@media(max-width:991px){

.feature-top{

justify-content:center;

}

.divider{

display:none;

}

.feature-item{

width:45%;

justify-content:center;

}

.headline{

font-size:26px;

}

.subheadline{

font-size:22px;

}

}

@media(max-width:767px){

.ai-feature-box{

border-radius:18px;

}

.feature-top{

padding:20px;

gap:18px;

}

.feature-item{

width:100%;

justify-content:flex-start;

font-size:20px;

}

.icon-circle{

width:58px;

height:58px;

font-size:24px;

}

.zero{

font-size:24px;

}

.feature-bottom{

padding:22px;

}

.headline{

font-size:20px;

line-height:1.8;

}

.purple-pill{

display:inline-block;

margin:8px 4px;

padding:8px 14px;

}

.subheadline{

font-size:18px;

}

}

