.main-heading {
	font-size: 64px;
	text-align: center;
	max-width: 1068px;
	width: 100%;
	margin: 0 auto;
}

.font-size-18 {
	font-weight: 300;
	font-size: 18px;
}

.font-size-20 {
	font-size: 20px;
}

.font-size-22 {
	font-weight: 600;
	font-size: 22px;
}

.font-size-24 {
	font-size: 24px;
}

.font-size-25 {
	font-weight: 600;
	font-size: 25px;
}

.font-size-28 {
	font-weight: 700;
	font-size: 28px;
}

.font-size-30 {
	font-weight: 600;
	font-size: 30px;
}

.font-size-32700 {
	font-weight: 700;
	font-size: 32px;
}

.font-size-32600 {
	font-weight: 600;
	font-size: 32px;
}

.font-size-35 {
	font-weight: 700;
	font-size: 35px;
}

.font-size-36 {
	font-weight: 600;
	font-size: 36px;
}

.font-size-44 {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 38px;
    color: #ffffff;
    position: relative;
}
.font-size-44::after{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, #00ffff, #ff0080);
    border-radius: 2px;
}

.font-size-38 {
	font-weight: 700;
	font-size: 38px;
}

.font-size-40500 {
	font-weight: 500;
	font-size: 40px
}

.font-size-41 {
	font-weight: 700;
	font-size: 41px;
}

.banner-sec {
	padding: 80px 0 0
}


.banner-sec .banner-data {
	border: 1px solid rgba(255, 255, 255, 0.3607843137);
	border-radius: 16px;
	padding: 35px 45px 25px;
	text-align: center;
	margin-top: 60px;
}

.banner-sec .banner-data .banner-btn {
	display: flex;
	justify-content: center;
}


.react-clorback {
	background-image: radial-gradient(closest-side at 64% 44%, rgba(185, 159, 255, 0.3), rgba(185, 159, 255, 0.3), transparent)
}

.today-journey {
	background: url("../images/software-development-outsourcing/ai-powered.png");
	color: #fff;
	padding: 80px 0;
	background-size: cover;
}

.slick-prev:before,
.slick-next:before {
	font-size: 25px;
	color: #6a24fe
}

.partner-wrapper {
	background:rgb(234 235 237 / 21%);
	padding: 40px 0px;
	max-width: 100%;
	width: 100%;
}

.partner-wrapper .parternship {
	display: flex;
	align-items: center;
	gap: 74px;
	justify-content: center;
}

.partner-wrapper .parternship .partnership-content {
	max-width: 689px;
	width: 100%;
}

.partner-wrapper .parternship .partnership-content .web-app-btn {
	background: linear-gradient(90deg, #932BE5 0%, #7340FE 100%);
	color: #fff;
	padding: 12px 15px;
	border-radius: 8px;
}

.discovery-call {
	background: #151614;
	text-align: center;
	color: #fff;
	padding: 40px;
}

.discovery-call .corner-image-right {
	position: absolute;
	bottom: 0;
	right: 0
}

.discovery-call .corner-image-left {
	position: absolute;
	top: 0;
	left: 0
}

.discovery-call .discovery-content {
	max-width: 747px !important;
	width: 100%;
	font-size: 22px;
	font-weight: 400;
	line-height: 31.79px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.react-core .features-card {
	background: #f5f7ff;
	border-radius: 12px;
	padding: 25px;
	min-height: 328px;
	margin-bottom: 12px;
}

.react-core .features-card .feature-img {
	width: 90px;
	height: 50px;
	background: linear-gradient(180deg, #797979 0%, #2a1d30 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	margin-bottom: 15px;
	margin-right: 16px;
	padding: 33px;
}

.testimonial-section {
	width: 100%;
	display: flex;
	background: #fff;
	margin: 150px 0 100px;
	border-top: 1px solid #b69cff;
	border-bottom: 1px solid #b69cff;
}

.testimonial-section .left-section {
	width: 600px;
	height: 474px;
	background: #d2d2d2;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	-webkit-clip-path: polygon(0% 0, 100% 0, 71% 101%, 0% 100%);
	clip-path: polygon(0% 0, 100% 0, 71% 101%, 0% 100%)
}

.testimonial-section .left-section .half-circle {
	position: absolute;
	left: 0
}

.testimonial-section .profile-img {
	width: 50%;
	border-radius: 50%;
	z-index: 1
}

.testimonial-section .right-section {
	flex: 1;
	background: #fff;
	color: #000;
	padding: 2rem;
	position: relative;
	display: flex;
	align-items: center;
	clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%)
}

.testimonial-section .right-section .testimonial-content .quotes-two {
	position: absolute;
	right: 147px;
	bottom: 160px
}

.testimonial-section .testimonial-content {
	max-width: 613.88px;
	text-align: left
}

.testimonial-section .testimonial-content .quotes-one {
	margin-bottom: 55px
}

.testimonial-section .quote {
	font-size: 3rem;
	color: var(--color_6);
	margin-bottom: 1rem
}

.testimonial-section .author {
	font-size: 32px;
	font-weight: 700;
	line-height: 46.24px;
	color: var(--color_7)
}

.testimonial-section .designation {
	font-size: 22px;
	font-weight: 500;
	color: var(--color_7);
	line-height: 22px
}

.reactjs-section {
	position: relative
}

.reactjs-section .highlight {
	background-color: var(--background-color_3);
	padding: 0 10px;
	border-radius: 10px;
	clip-path: polygon(25% -135%, 100% 0, 95% 100%, 0% 97%)
}

.reactjs-section .top-title {
	font-size: 44px;
	font-weight: 600;
	line-height: 63.58px;
	text-align: left
}

.reactjs-section .para {
	font-size: 18px;
	font-weight: 400;
	line-height: 26.01px;
	text-align: center;
	color: var(--color_1);
}

.reactjs-section .custom-img {
	width: 100%;
	max-width: 400px;
	border: 3px solid #e0e0e0;
	border-radius: 10px
}

.build-advance-sec {
	background: rgba(115, 64, 254, .02);
	padding: 60px 0
}

.build-advance-sec .react-lborder {
	margin-bottom: 30px
}

.build-advance-sec .stats-section .card {
	padding: 20px;
	border-radius: 12px;;
	min-height: 241px;
	height: 100%;
	border: 1px solid #c721ed;
    background: #ffffff00;
}

.build-advance-sec .stats-section .card .card-body .title-we-deliver {
	font-size: 24px;
	font-weight: 600;
	line-height: 43px;
}

.build-advance-sec .stats-section .card .card-body p {
	margin-top: 5px;
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	margin-bottom: 0
}

.why-choose-agicent {
	padding: 80px 0;
}

.why-choose-agicent .title {
	font-size: 44px;
	font-weight: 600;
	line-height: 63.58px;
	text-align: center;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

.why-choose-agicent .slider .card-org {
	background: #ff69b42e;
	margin: 0 20px;
	border-radius: 25px;
	border: 1px solid rgba(255, 255, 255, 0.3607843137);
	padding: 20px 40px;
	min-height: 256px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    margin-bottom: 18px;
}

.why-choose-agicent .slider .card-org .card-title {
	font-size: 28px;
	font-weight: 600;
	line-height: 34.68px;
	text-align: center;
}

.why-choose-agicent .slider .card-org .para {
	font-size: 18px;
	font-weight: 300;
	line-height: 26.01px;
	text-align: center;
}

.services-reactjs .title {
	font-size: 44px;
	font-weight: 600;
	line-height: 63.58px;
	max-width: 985px;
	width: 100%;
	margin: 0 auto;
	margin-top: 90px;
	margin-bottom: 10px;
}

.services-reactjs .para {
	font-size: 18px;
	line-height: 26.79px;
}

.services-reactjs .half-cut-cir {
	position: absolute;
	left: 0px;
	top: 0
}

.services-reactjs .botm-half-cut-cir {
	position: absolute;
	right: 0;
	bottom: 0
}

.services-reactjs .services-rect-pdbtm {
	padding-bottom: 90px
}

.services-reactjs .card {
	border: none;
	border-radius: 8px;
	min-height: 301px;
	height: 100%;
	padding: 41px 47px;
	border: 1px solid #c721ed;
	background: rgba(115, 64, 254, .02);
}


.services-reactjs .card-body {
	padding: 0
}

.services-reactjs .card-body .title-box {
	font-size: 26px;
	font-weight: 700;
	line-height: 31.79px;
	margin-bottom: 20px;
	color: #ffffff;
}

.services-reactjs .card-body p {
	font-size: 18px;
	font-weight: 300;
	line-height: 29.01px;
}

.services-reactjs .feature .features-card {
	margin: 10px;
	padding: 20px;
	border-radius: 15px;
	height: 240px;
	display: flex;
	background: #f5f7ff00;
	width: 100% !important;
    border:1px solid rgba(255, 255, 255, 0.3607843137);
}
.services-reactjs .feature .features-card .feature-content{
    padding: 0;
    transform: skew(0deg);
}
.services-reactjs .feature .features-card .feature-content:hover{
    box-shadow: 0 0 0 0 ;
}

.services-reactjs .feature .features-card .card-title {
	font-size: 28px;
	font-weight: 600;
	line-height: 34.68px !important;
	text-align: left;
}

.services-reactjs .feature .features-card .para {
	font-size: 18px;
	font-weight: 300;
	line-height: 28.9px;
	text-align: left;
	color: #ffffff;
}

.services-reactjs .feature .features-card .feature-img {
	height: 46px;
	background: linear-gradient(180deg, #797979 0%, #2a1d30 100%);
	align-items: center;
	border-radius: 50px;
	margin-bottom: 15px;
	margin-right: 16px;
	padding: 11px
}

.services-reactjs .key-title {
	font-size: 44px;
	font-weight: 600;
	line-height: 63.58px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	margin-top: 90px;
	margin-bottom: 60px;
}

.services-reactjs .key-title span {
	color: var(--color_6)
}

.services-reactjs .key-feature-para .para {
	font-size: 28px;
	font-weight: 500;
	line-height: 40.46px;
	text-align: center;
	color: var(--color_1) 2;
	margin-bottom: 40px;
	margin-top: 190px;
}

.services-reactjs .key-feature-para {
	margin-top: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.services-reactjs .book-call-btn {
	padding: 10px;
	background: #fe7a36;
	font-size: 24px;
	font-weight: 700;
	line-height: 34.68px;
	text-align: center;
	width: 480px;
	color: var(--color_2);
	margin-bottom: 111px;
}

.services-reactjs .line {
	position: absolute;
	right: 0;
	bottom: 460px
}

.stats-section {
	padding: 80px 20px;
	display: flex;
	justify-content: center
}

.stats-section .stats-container {
	display: flex;
	flex-wrap: wrap;
	backdrop-filter: blur(20px);
	background: hsla(0, 0%, 100%, 0);
	border-radius: 25px;
	overflow: hidden;
	max-width: 1100px;
	width: 100%;
	box-shadow: 0 4px 0 4px rgba(188, 188, 188, .3);
}

.stats-section .stats-container .stat-box {
	flex: 1;
	min-width: 220px;
	padding: 40px 20px;
	text-align: center;
	transition: all .3s ease
}

.stats-section .stats-container .stat-box:last-child {
	border-right: none
}

.stats-section .stats-container .stat-box:hover {
	transform: translateY(-8px)
}

.stats-section .stats-container .stat-box h3 {
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #ffffff;
}

.stats-section .stats-container .stat-box p {
	font-size: 18px;
	letter-spacing: .5px;
}

.why-agicent {
	padding: 80px 20px;
	color: #ffffff;
    background: #ffffff11;
}

.why-agicent .heading {
	max-width: 800px;
	margin: auto
}

.why-agicent .heading h2 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 15px;
}

.why-agicent .heading p {
	font-size: 18px;
}

.why-agicent .agicent-list {
	margin-top: 20px;
	padding-left: 0;
	list-style: none
}

.why-agicent .agicent-list li {
	margin-bottom: 15px;
	padding-left: 25px;
	position: relative;
	font-size: 18px;
}

.why-agicent .agicent-list li::before {
	content: "✔";
	position: absolute;
	left: 0;
	color: #7340fe;
	font-size: 18px;
}

.why-agicent .stats-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px
}

.why-agicent .stats-grid .stat-card {
	background: hsla(0, 0%, 100%, .05);
	padding: 30px;
	border-radius: 15px;
	text-align: center;
	backdrop-filter: blur(10px);
	transition: .3s
}

.why-agicent .stats-grid .stat-card:hover {
	transform: translateY(-6px);
	background: hsla(0, 0%, 100%, .1)
}

.why-agicent .stats-grid .stat-card h3 {
	font-size: 32px;
	margin-bottom: 8px;
	color: #7340fe;
}

.why-agicent .stats-grid .stat-card p {
	font-size: 18px;
}

.contact-us-now {
	background: url("../../../images/reactjs-development-company/contact-us-background.png");
	height: 90vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 0%;
	display: flex;
	justify-content: center;
	align-items: center
}

.contact-us-now .contact-us-title {
	text-align: center;
	color: var(--color_2);
}

.contact-us-now .contact-us-title .title {
	font-size: 36px;
	font-weight: 600;
	line-height: 52.02px;
}

.contact-us-now .contact-us-title .para {
	font-size: 24px;
	font-weight: 400;
	line-height: 34.68px;
	text-align: center;
	width: 427px;
	margin: 25px auto 50px;
}

.contact-us-now .contact-us-title .book-call-btn {
	padding: 10px;
	background: #fe7a36;
	font-size: 24px;
	font-weight: 700;
	line-height: 34.68px;
	text-align: center;
	width: 350px;
	color: var(--color_2);
}

.tested-react-sec .nav-tabs {
	border-bottom: 0;
	margin-bottom: 55px
}

.tested-react-sec .nav-tabs .nav-item {
	border:1px solid rgba(255, 255, 255, 0.3607843137);
	border-radius: 8px;
	margin-right: 10px;
	margin-bottom: 12px
}

.tested-react-sec .nav-tabs .nav-link {
	color: #ffffff;
	font-size: 20px
}

.tested-react-sec .nav-tabs .nav-link.active {
	color: #fff;
	background: #ffffff00;
	border-radius: 8px;
	border: 1px solid #7340fe5b;
}

.tested-react-sec .tested-wrapper {
	border: 1px solid rgba(255, 255, 255, 0.3607843137);
	padding: 35px 20px
}

.tested-react-sec .feature-img {
	width: 72px;
	height: 72px;
	background: linear-gradient(180deg, #797979 0%, #2a1d30 100%);
	align-items: center;
	border-radius: 5px;
	margin-bottom: 15px;
	margin-right: 16px;
	padding: 11px;
	justify-content: center;
	display: flex;
	font-size: 40px;
	color: #fff;
	font-weight: 600
}

.tested-react-sec .circle {
	width: 50px;
	height: 50px;
	background-color: var(--background-color_6);
	color: var(--color_5);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 1.25rem;
}

.tested-react-sec .title {
	font-size: 44px;
	font-weight: 600;
	line-height: 63.58px;
	text-align: center;
}

.tested-react-sec .lead {
	font-size: 18px;
	line-height: 31.79px;
	max-width: 1180px;
	width: 100%;
	margin: 20px auto;
	margin-bottom: 60px;
}

.tested-react-sec .card {
	padding: 15px;
	border-left: 3px dashed #6a24fe;
	width: 370px;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
    background: #ffffff1a;
}

.tested-react-sec .card .card-body {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.tested-react-sec .card .card-body .card-title {
	font-size: 20px;
	font-weight: 600;
}

.schedule-a-technical {
	margin-top: 190px;
	margin-bottom: 40px
}

.schedule-a-technical .schedule-img-svg {
	position: absolute;
	bottom: 0;
	left: 0
}

.schedule-a-technical .dobble-img-svg {
	position: absolute;
	top: 0;
	right: 0
}

.schedule-a-technical .schedule-content {
	background: rgba(0, 0, 0, .88);
	border: 6px solid #fe7a36;
	color: var(--color_2);
	border-radius: 10px
}

.schedule-a-technical .schedule-content .key-feature-para .para {
	font-size: 28px;
	font-weight: 500;
	line-height: 40.46px;
	text-align: center;
	color: #fff;
	margin-bottom: 40px;
	width: 937px
}

.schedule-a-technical .schedule-content .key-feature-para {
	margin-top: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.schedule-a-technical .schedule-content .book-call-btn {
	padding: 10px;
	background: #fe7a36;
	font-size: 24px;
	font-weight: 700;
	line-height: 34.68px;
	text-align: center;
	width: 480px;
	color: var(--color_2);
	margin-bottom: 111px
}

.industries-section {
	margin-top: 100px;
	padding: 80px 0;
	background: #f8f8f8;
}

.industries-section h2 {
	font-size: 44px;
	font-weight: 600;
	line-height: 63.58px;
	text-align: center;
}

.industries-section h2 span {
	text-decoration-line: underline;
	text-decoration-style: solid;
	color: var(--color_7);
}

.industries-section p {
	font-size: 18px;
	font-weight: 400;
	line-height: 26.01px;
	text-align: center;
	margin-bottom: 38px;
}

.industry-item {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px
}

.industry-item img {
	width: 60px;
	height: 60px
}

.industry-item span {
	font-size: 18px;
	color: var(--color_1) 5
}

.flexible-sec {
	margin: 70px 0
}

.flexible-sec .card {
	border-radius: 15px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1)
}

.flexible-sec .flex-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flexible-sec .flex-title .title {
	font-size: 44px;
	font-weight: 600;
	line-height: 90.58px;
	text-align: center
}

.flexible-sec .flex-title .para {
	font-size: 18px;
	font-weight: 400;
	line-height: 26.01px;
	text-align: center;
	margin-bottom: 100px;
}

.flexible-sec .flex-card {
	box-shadow: 0px 0px 9px 0px #ffebdf;
	padding: 10px;
	position: relative;
	margin-bottom: 60px;
}

.flexible-sec .flex-card .flex-top-img {
	position: absolute;
	top: -29px
}

.flexible-sec .flex-card .flex-card-body ul {
	list-style: none;
	margin-left: -33px
}

.flexible-sec .flex-card .flex-card-body ul li {
	margin-bottom: 15px
}

.flexible-sec .flex-card .flex-card-body ul li img {
	margin-right: 10px
}

.flexible-sec .flex-card .flex-card-footer {
	border-top: 1px solid #ddd;
	padding: 20px
}

.flexible-sec .flex-card .flex-card-footer .start-at {
	font-size: 18px;
	font-weight: 500;
	color: var(--color_1)
}

.flexible-sec .flex-card .flex-card-footer h4 {
	font-size: 52.74px;
	font-weight: 500;
	color: var(--color_7)
}

.flexible-sec .flex-card .flex-card-footer h4 span {
	font-size: 36.92px;
	font-weight: 400;
	color: var(--color_1)
}

.flexible-sec .flex-card-header {
	padding: 20px 20px 0;
	font-size: 26px;
	font-weight: 600;
	line-height: 37.57px;
}

.flexible-sec .flex-card-header img {
	width: 40px;
	height: 40px;
	margin-right: 10px
}

.flexible-sec .flex-card-body {
	padding: 20px;
	height: 325px;
}

.reactjs-process {
	background-color: var(--background-color_8);
	margin-top: 100px;
}

.reactjs-process .process-title {
	font-size: 2rem;
	font-weight: bold;
	color: var(--color_1) 7;
}

.reactjs-process .right-card .process-card .process-details {
	margin-left: 45px
}

.reactjs-process .right-card .process-card .process-details h5 {
	font-size: 16px;
	font-weight: 700;
	color: #202020;
}

.reactjs-process .right-card .process-card .process-details ul li {
	font-size: 16px;
	font-weight: 700;
	line-height: 23.12px;
}

.reactjs-process .process-description {
	font-size: 18px;
	color: var(--color_1) 8;
}

.reactjs-process .process-card {
	border-radius: 10px;
	background-color: var(--background-color_8);
	text-align: left;
	min-height: 500px;
	height: 100%;
}

.reactjs-process .process-card .number {
	background: linear-gradient(180deg, #797979 0%, #2a1d30 100%);
	color: #fff;
	font-size: 35px;
	font-weight: 500;
	width: 75px;
	height: 60px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 12px;
}

.reactjs-process .process-step-title {
	font-size: 32px;
	font-weight: 700;
	color: #ffffff;
}

.reactjs-process .process-step-description {
	font-size: 18px;
	font-weight: 300;
	margin: 20px 0;
	color: #ffffff;
}

.reactjs-process .process-details li {
	font-size: 1rem;
	margin-bottom: 28px
}


.why-reactjs {
	background: #7340fe;
}

.why-reactjs .section-title {
	font-size: 66.1px;
	font-weight: 700;
	line-height: 95.51px;
	color: #fff;
}

.why-reactjs .highlight {
	text-decoration: underline
}

.why-reactjs .section-description {
	font-size: 20px;
	font-weight: 500;
	line-height: 28.9px;
	color: var(--color_2);
}

.why-reactjs .tagline {
	background: #fff;
	border-radius: 50px;
	font-size: 22px;
	max-width: 885px;
	width: 100%;
	padding: 10px 20px;
}

.illustration {
	position: relative;
	text-align: center
}

.unmatch-speed {
	padding: 100px 0
}

.unmatch-speed .unmatch-speed-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.unmatch-speed .unmatch-speed-content {
	max-width: 844px;
	width: 100%;
}

.unmatch-speed .unmatch-speed-content .subheading {
	font-size: 32px;
	font-weight: 600;
	line-height: 54.91px;
	position: relative;
}

.unmatch-speed .unmatch-speed-content .description {
	font-size: 20px;
	font-weight: 400;
	line-height: 28.9px;
	padding-bottom: 20px;
	color: #5e5e5e;
}

.unmatch-speed .unmatch-speed-content .description-left {
	font-size: 20px;
	font-weight: 400;
	line-height: 28.9px;
	padding-bottom: 20px;
}

.footer-sec {
	background: url("../images/reactjs-development-company/footer.png");
	background-size: cover;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	min-height: 311px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 180px;
}

.footer-sec .start-today-btn {
	background: linear-gradient(90deg, #932BE5 0%, #7340FE 100%);
	padding: 12px 30px;
	text-align: center;
	border-radius: 8px;
	color: var(--color_2);;
	font-size: 20px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonial-sec {
	padding: 50px 0
}

.testimonial-sec .title {
	font-size: 44px;
	font-weight: 600;
	line-height: 63.58px;
	text-align: center;
	max-width: 993px;
	width: 100%;
	margin: 0 auto 68px;
}

.testimonial-sec .title .text-org {
	color: #fe7a36
}

.testimonial-sec .paragharp-sec {
	font-size: 18px;
	font-weight: 400;
	line-height: 26.01px;
	text-align: left;
	margin-top: 110px;
	margin-bottom: 70px;
}

.testimonial-sec .paragharp-sec span {
	color: #00f2ff
}

.testimonial-sec .description {
	font-size: 18px;
	font-weight: 400;
	line-height: 26.01px;
	text-align: center;
	max-width: 993px;
	width: 100%;
	margin: 0 auto;
}

.testimonial-sec .test-card {
	position: relative;
	display: flex;
	justify-content: center;
}

.testimonial-sec .test-card .test-card-body {
	background: rgba(0, 0, 0, .8);
	padding: 25px;
	color: var(--color_2);
	position: absolute;
	bottom: -60px;
	width: 100%;
	border-radius: 12px;
	max-width: 1133px;
}

.testimonial-sec .test-card .test-card-body .card-title {
	font-size: 44px;
	font-weight: 600;
	line-height: 63.58px;
	text-align: center;
	color: var(--color_2);
	max-width: 941px;
	width: 100%;
	margin: 0 auto;
}

.testimonial-sec .test-card .test-card-body .card-title .text-croy {
	color: var(--color_2)
}

.testimonial-sec .testimoinal-card {
	position: relative
}

.testimonial-sec .testimoinal-card .client-img {
	position: absolute;
	bottom: 0;
	text-align: center;
	margin-top: 50px
}

.testimonial-sec .testimoinal-card .client-img .text-org {
	color: #fe7a36;
	font-weight: 600
}

.testimonial-sec .testimoinal-card .client-img .text-green {
	color: #009688;
	font-weight: 600
}

.testimonial-sec .testimoinal-card .client-img .text-blue {
	color: #626fff;
	font-weight: 600
}

.testimonial-sec .testimoinal-card .client-img .client-name {
	padding-left: 12px;
}

.testimonial-sec .testimoinal-card .box-border {
	border-radius: 25px;
	padding: 20px;
	text-align: center;
	position: relative;;
	min-height: 533px;
	height: 100%;
	box-shadow:5px 5px 5px 0px rgb(240 46 170 / 32%);
	justify-content: center;
	display: flex
}

.testimonial-sec .testimoinal-card .box-border .qoute-img {
	position: absolute;
	top: -11px;
	left: 7px
}

.testimonial-sec .testimonial-fotter {
	background: #fff
}

.ai-intregation-sec {
	background: #f7f1ff;
	padding: 100px 0
}

.ai-intregation-sec .title h2 {
	font-size: 44px;
	font-weight: 700;
	line-height: 63.58px;
	text-align: center
}

.ai-intregation-sec .title .AI-text {
	color: var(--color_2);
	background: linear-gradient(180deg, #797979 0%, #2a1d30 100%);
	border-radius: 16px;
	padding: 0px 14px;
}

.ai-intregation-sec .title .para {
	font-size: 18px;
	font-weight: 400;
	line-height: 26.01px;
	text-align: center;
	max-width: 1017px;
	width: 100%;
	margin: 0 auto;
}

.ai-intregation-sec .ai-card {
	background: #fff;
	color: var(--color_3);
	padding: 25px;
	border-top-left-radius: 70px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border: 3px solid rgba(106, 36, 254, .65);
}

.ai-intregation-sec .ai-card .ai-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 46.24px;
}

.ai-intregation-sec .ai-card p {
	font-size: 18px;
	font-weight: 400;
	line-height: 26.01px;
}

.ai-intregation-sec .ai-card .ai-img {
	width: 73px;
	height: 73px;
	border-radius: 50px;
	background: #fff;
	box-shadow: 0px 0px 10.13px 0px rgba(235, 100, 236, .59);
	padding: 20px;
	margin-bottom: 20px
}

.modal-sec {
	background: linear-gradient(277.13deg, #6A24FE 5.48%, #C721ED 94.36%);
	padding: 127px 0 50px;
	position: relative;
}

.modal-sec .think-girl {
	position: absolute;
	right: 113px;
	top: 11px
}

.modal-sec .wrapper-modal {
	background: rgba(0, 0, 0, .3);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 70px;
	padding: 50px 50px;
	position: relative;
}

.modal-sec .wrapper-modal .heading {
	font-size: 38px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	border-bottom: 1px dashed #fff;
	margin-bottom: 21px;
}

.modal-sec .modal-card {
	border-radius: 12px;
	margin-bottom: 25px;
	padding: 25px;
	background: #fff;
	color: #000;
	width: 100%;
}

.modal-sec .modal-card h6 {
	color: var(--color_7);
	font-size: 24px;
	font-weight: 600;
	line-height: 34.68px;
}

.modal-sec .modal-card p {
	font-size: 18px;
	font-weight: 500;
	line-height: 26.01px
}

.modal-sec .modal-half-circle {
	max-width: 600px;
	width: 100%;
	height: 318px;
	border-top-left-radius: 300px;
	border-top-right-radius: 300px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: #ffe7db;
	color: var(--color_3);
	position: absolute;
	top: 33%;
	left: 27%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 42px;
	font-weight: 600;
	text-align: center
}

.modal-sec .modal-half-circle p {
	max-width: 418px;
	width: 100%;
	margin-top: 28px;
}

.feature-sec {
	padding-top: 90px
}

.feature-sec .bg-gray-back {
	border:1px solid rgba(255, 255, 255, 0.3607843137);
	padding: 40px 30px;
	margin-top: 20px;
	border-radius: 6px
}

.feature-sec .feature-customer {
	padding: 30px 60px 30px 0;
	border-radius: 30px
}

.feature-sec .feature-customer .number {
	background: linear-gradient(180deg, #797979 0%, #2a1d30 100%);
	color: #fff;
	font-size: 40px;
	font-weight: 500;
	width: 60px;
	height: 60px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 12px
}

.feature-sec .feature-customer .feature-title {
	font-size: 36px;
	font-weight: 700;
	line-height: 52.02px;
	margin-bottom: 25px
}

.feature-sec .feature-customer .feature-wrap {
	display: flex;
	margin-bottom: 20px
}

.feature-sec .feature-customer .fture-accord-title {
	font-size: 18px;
	line-height: 26.01px;
	color: #ffffff;
	padding-left: 12px;;
	padding-left: 0
}

.feature-sec .feature-customer .fture-accord-para {
	font-size: 18px;
	font-weight: 400;
	line-height: 35.01px
}

.feature-sec .fture-accord-title {
	padding: 0
}
.our-ai-sec {
	margin-top: 80px
}

.our-ai-sec .our-ai-wrapper {
	border-radius: 25px
}

.our-ai-sec .our-ai-wrapper .our-ai-development {
	margin-bottom: 80px;
	text-align: center
}

.our-ai-sec .our-ai-wrapper .mvp-strategy {
	background: #ffffff00 !important;
	padding: 25px;
	border-radius: 12px;
	margin-bottom: 20px;
    border:1px solid rgba(255, 255, 255, 0.3607843137);
}

/* .our-ai-sec .our-ai-wrapper .mvp-strategy .solution-icon {
	width: 55px;
	height: 55px;
	background: linear-gradient(180deg, #797979 0%, #2a1d30 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	margin-bottom: 15px
} */

.our-ai-sec .key-features .mvp-strategy {
	background: #f5f7ff !important;
	padding: 25px;
	border-radius: 12px;
	margin-bottom: 20px
}

.our-ai-sec .key-features .mvp-strategy .key-icon {
	width: 55px;
	height: 55px;
	background: linear-gradient(180deg, #797979 0%, #2a1d30 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	margin-bottom: 15px
}

.why-choose-sec {
	margin-top: 100px
}

.why-choose-sec .why-choose-agicent-title {
    background: #ffffff00;
	padding: 35px 75px 12px;
	box-shadow: 0 0 10px 0 gray;
	border-radius: 15px;
	text-align: center;
	font-size: 32.18px;
	font-weight: 600;
	line-height: 46.5px;
	margin-bottom: 25px;
}

.agicent-apart-sec {
	background: url("../images/software-development-outsourcing/what-sets-agicent-apart.png") !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	height: 90vh;
	background-position: 100% 0%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.agicent-apart-sec .contact-us-title {
	text-align: center;
	color: #fff;
}

.agicent-apart-sec .contact-us-title .para {
	width: unset !important;
	font-size: 22px !important;
	margin: 25px auto 0px !important;
}

.agicent-apart-sec .contact-us-title .title {
	font-size: 32px !important;
	font-weight: 600;
	line-height: 52.02px;
}

.websecurity-wrapper {
	padding: 100px 0px;
	max-width: 100%;
	width: 100%
}

.websecurity-wrapper .web-num {
	font-size: 102px;
	font-weight: 500;
	line-height: 92.02px;
	text-align: center;
	color: #7340fe;
}

.websecurity-wrapper .websecurity-title {
	font-size: 32px;
	font-weight: 600;
	line-height: 48px;
	text-align: left
}

.feature-http-wrapper-table {
	background:  linear-gradient(180deg, #797979 0%, #2a1d30 100%);
	padding: 5px 8px 0;
	border-radius: 16px;
	border-top: none;
	width: 100%;
	overflow: hidden;
	height: auto;
	margin-top: 36px
}

.feature-http-wrapper-table table thead {
	overflow: hidden;
	padding: 8px
}

.feature-http-wrapper-table table thead tr .border-left {
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 22px;
	background: rgba(0, 0, 0, 0)
}

.feature-http-wrapper-table table .table-head {
	font-weight: 600;
	line-height: 30px;
	text-align: left;
	color: #151614;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;;
	background: #fff;
	font-size: 20px
}

.feature-http-wrapper-table table .grey-table-border {
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background: #fff;
	font-size: 18px
}

.feature-http-wrapper-table table tr th {
	padding: 24px !important;
	color: #fff;
	font-size: 22px
}

.feature-http-wrapper-table table tr td {
	padding: 24px 25px !important
}

@media(max-width: 1499px) {
	.react-developmet-sec {
		margin-top: -122px
	}
}

@media(max-width: 1399px) {
	.modal-sec .modal-half-circle {
		max-width: 500px
	}

	.modal-sec .modal-bottom-left-card {
		left: -8%
	}

	.modal-sec .modal-left-card {
		left: 18px
	}

	.modal-sec .modal-card h6 {
		font-size: 22px
	}

	.core-slider .swiper .swiper-wrapper .swiper-slide .features-card .card-title {
		font-size: 18px
	}

	.core-slider .swiper .swiper-wrapper .swiper-slide .features-card .para {
		font-size: 16px
	}
}

@media(max-width: 1199px) {
	.reactjs-process .process-img-card {
		display: none
	}

	.reactjs-process .process-img-card-right {
		display: none
	}

	.swiper-button-prev {
		right: -80%
	}

	.modal-sec .modal-half-circle-dn {
		display: none !important
	}

	.modal-sec .modal-left-card {
		position: unset
	}

	.modal-sec .modal-right-card {
		position: unset
	}

	.modal-sec .modal-bottom-left-card {
		position: unset
	}

	.modal-sec .modal-bottom-right-card {
		position: unset
	}

	.modal-sec .modal-card {
		margin-bottom: 30px
	}

	.modal-sec .modal-card-centent {
		position: unset
	}

	.modal-sec .wrapper-modal {
		min-height: 790px;
		border-radius: 40px
	}

	.ai-intregation-sec .left-card-ai {
		position: unset;
		margin-bottom: 100px
	}

	.ai-intregation-sec .right-card-ai {
		position: unset
	}

	.ai-intregation-sec .ai-mrgn-btm {
		margin-bottom: 100px
	}

	.ai-intregation-sec .ai-card {
		margin-bottom: 100px
	}
}

@media(max-width: 1099px) {
	.unmatch-speed .unmatch-speed-wrapper {
		flex-direction: column
	}

	.unmatch-speed .speed-wrapper-mob {
		flex-direction: column-reverse
	}

	.unmatch-speed .unmatch-speed-content .subheading .subhead-img {
		display: none
	}

	.unmatch-speed .unmatch-speed-content .subheading .subhead-img-left {
		display: none
	}

	.unmatch-speed .unmatch-speed-content .description {
		padding-right: 0
	}
}

@media(max-width: 991px) {
	.feature-http-wrapper-table table .table-head {
		font-size: 16px
	}

	.feature-http-wrapper-table table thead tr .border-left {
		font-size: 16px
	}

	.feature-http-wrapper-table table .grey-table-border {
		font-size: 16px
	}

	.feature-http-wrapper-table table tr th {
		font-size: 16px;
		padding: 15px
	}

	.feature-http-wrapper-table table tr td {
		padding: 7px 10px !important
	}

	.react-developmet-sec .dev-inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	.react-developmet-sec .dev-inner .title {
		text-align: center
	}

	.react-developmet-sec .dev-inner .para {
		max-width: unset;
		width: 100%
	}

	.react-developmet-sec {
		margin-top: -93px
	}

	.button-container {
		margin-bottom: 30PX
	}

	.testimonial-section {
		display: block
	}

	.reactjs-section .top-title {
		text-align: center
	}

	.why-choose-agicent .ready-to-experiance-heading .para {
		width: 100%;
		font-size: 16px
	}

	.why-choose-agicent .ready-to-experiance-heading .title {
		font-size: 28px;
		margin-bottom: 0
	}

	.why-choose-agicent .ready-to-experiance-heading .book-call-btn {
		font-size: 16px;
		width: 200px;
		padding: 5px
	}

	.tested-react-sec .lead {
		width: 100%
	}

	.core-slider .swiper .swiper-wrapper .swiper-slide .features-card {
		width: 85%;
		height: 328px
	}

	.swiper-button-prev {
		right: -74%
	}

	.swiper-rtl .swiper-button-next {
		right: -74%
	}

	.contact-us-now {
		background-position: 55% 0%
	}

	.contact-us-now .contact-us-title .para {
		line-height: 22.68px !important
	}

	.agicent-apart-sec .contact-us-title .para {
		font-size: 18px !important
	}
    .font-size-44 {
        text-align: center;
        font-size: 26px;
    }

	.font-size-35 {
		font-size: 26px
	}
    .font-size-36{
        font-size: 22px;
    }
   
	.schedule-a-technical .schedule-content .key-feature-para .para {
		width: 100%;
		font-size: 20px;
		line-height: 22.46px
	}

	.schedule-a-technical .schedule-content .book-call-btn {
		width: unset;
		font-size: 18px;
		line-height: 22px
	}

	.schedule-a-technical {
		margin-top: 90px
	}

	.services-reactjs .feature .features-card {
		display: block
	}

	.services-reactjs .feature .features-card .para {
		font-size: 16px
	}

	.services-reactjs .feature .features-card .card-title {
		font-size: 20px
	}

	.services-reactjs .feature .features-card .feature-img {
		width: 51px !important;
		height: 51px !important
	}

	.services-reactjs .botm-half-cut-cir {
		display: none
	}

	.core-compet-sec .core-img {
		margin-top: 0
	}

	.reactjs-process .right-card .process-card .process-details {
		margin-left: 0
	}

	.why-reactjs .tagline {
		width: 100%;
		font-size: 16px
	}

	.testimonial-sec {
		padding: 0 0 50px
	}

	.testimonial-sec .test-card .test-card-body .card-title {
		font-size: 30px;
		line-height: 41.58px
	}

	.testimonial-sec .testimonial-fotter .testimoinal-card-body {
		margin-bottom: 85px !important
	}

	.ai-intregation-sec {
		padding: 40px 0 0
	}

	.ai-intregation-sec .ai-card {
		margin-bottom: 38px
	}

	.discovery-call .corner-image-right {
		display: none
	}

	.discovery-call .corner-image-left {
		display: none
	}

	.why-choose-sec .why-choose-agicent-title {
		padding: 20px 24px 22px
	}
}

@media(max-width: 767px) {
	.testimonial-section .right-section .testimonial-content .quotes-two {
		right: 84px;
		bottom: 120px
	}

	.core-slider .swiper .swiper-wrapper .swiper-slide .features-card {
		width: 75%;
		padding: 22px
	}

	.core-slider .swiper .swiper-wrapper .swiper-slide .features-card .card-title {
		font-size: 18px
	}

	.core-slider .swiper .swiper-wrapper .swiper-slide .features-card .para {
		font-size: 16px
	}

	.swiper-button-prev {
		right: -60%
	}

	.swiper-rtl .swiper-button-next {
		right: -60%
	}

	.tested-react-sec .card {
		border-top: 3px dashed #ffd7c3;
		border-left: 0px dashed #ffd7c3
	}

	.tested-react-sec .card .card-body {
		text-align: center
	}

	.tested-react-sec .card .card-body .circle {
		margin: 0 auto
	}

	.schedule-a-technical .schedule-content .key-feature-para .para {
		font-size: 18px
	}

	.schedule-a-technical .schedule-content .book-call-btn {
		font-size: 16px;
		line-height: 22px
	}

	.industries-section p {
		text-align: left
	}

	.flexible-sec .flex-title .title {
		line-height: 60.58px
	}

	.why-reactjs .section-title {
		font-size: 40.1px;
		line-height: 60.51px
	}

	.unmatch-speed .unmatch-speed-wrapper {
		flex-direction: column;
		justify-content: start;
		align-items: baseline
	}

	.unmatch-speed .speed-wrapper-mob {
		flex-direction: column-reverse;
		align-items: end
	}

	.unmatch-speed .unmatch-speed-content {
		margin-top: 30px
	}

	.unmatch-speed .unmatch-speed-content .description {
		padding-left: 10px
	}

	.unmatch-speed .unmatch-speed-content .subheading {
		padding-left: 10px
	}

	.unmatch-speed .unmatch-speed-content .description-left {
		padding-left: 10px
	}

	.footer-sec .start-today-btn {
		font-size: 20px
	}

	.testimonial-sec .test-card .test-card-body .card-title {
		font-size: 20px;
		line-height: 25.58px
	}

	.back-arrow-wrapper {
		position: absolute;
		top: -58px
	}
}

@media(max-width: 567px) {
	.feature-http-wrapper-table {
		overflow-x: scroll
	}

	.purple-btn {
		display: flex
	}

	.main-heading {
		font-size: 42px !important
	}

	.banner-sec .banner-data {
		padding: 25px 19px 25px
	}

	.banner-sec .banner-data .banner-btn {
		display: grid !important
	}

	.feature-sec .feature-customer {
		padding: 30px 0 30px 0
	}

	.testimonial-section .left-section .half-circle {
		display: none
	}

	.testimonial-section .right-section .testimonial-content .quotes-two {
		right: 48px;
		bottom: 120px
	}

	.testimonial-section {
		margin: 50px 0
	}

	.testimonial-section .author {
		font-size: 22px
	}

	.testimonial-section .designation {
		line-height: 0;
		font-size: 16px
	}

	.react-developmet-sec .dev-inner .title {
		font-size: 32px;
		line-height: 35.58px
	}

	.react-developmet-sec .dev-inner .para {
		font-size: 13.97px;
		line-height: 23.94px
	}

	.react-developmet-sec {
		margin-top: -159px
	}

	.btn {
		font-size: 12px
	}

	.reactjs-section .top-title {
		font-size: 22px;
		line-height: 30.58px
	}

	.reactjs-section .para {
		font-size: 16px;
		line-height: 22.01px
	}

	.reactjs-section .stats-section .stat-number {
		font-size: 22px;
		line-height: 16.24px
	}

	.reactjs-section .stats-section p {
		font-size: 15px;
		line-height: 18px
	}

	.reactjs-section .react-lborder {
		border-left: 0
	}

	.reactjs-section .half-cut-cir {
		display: none
	}

	.why-choose-agicent .ready-to-experiance-heading {
		width: 95%
	}

	.why-choose-agicent .ready-to-experiance-heading .title {
		font-size: 20px
	}

	.why-choose-agicent .ready-to-experiance-heading .para {
		font-size: 14px;
		line-height: 22.68px
	}

	.why-choose-agicent .ready-to-experiance-heading .book-call-btn {
		font-size: 14px;
		width: 155px
	}

	.why-choose-agicent .title {
		font-size: 24px;
		line-height: 36.58px
	}

	.why-choose-agicent .slider .card-org .card-title {
		font-size: 18px
	}

	.why-choose-agicent .slider .card-org .para {
		font-size: 14px;
		line-height: 20.01px
	}

	.why-choose-agicent .slider .card-org {
		min-height: 300px
	}

	.swiper-button-prev {
		right: -46%
	}

	.swiper-rtl .swiper-button-next {
		right: -54%
	}

	.font-size-35 {
		font-size: 20px
	}

	.contact-us-now {
		height: 90vh;
		background-position: 74% 0%
	}

	.contact-us-now .contact-us-title .para {
		line-height: 20.68px !important
	}

	.contact-us-now .contact-us-title .title {
		font-size: 24px;
		font-weight: 600;
		line-height: 40.02px
	}

	.contact-us-now .contact-us-title .book-call-btn {
		font-size: 20px;
		width: 216px
	}

	.services-reactjs .title {
		font-size: 32px;
		line-height: 42px
	}

	.services-reactjs .book-call-btn {
		width: 100%;
		margin-bottom: 60px;
		font-size: 20px
	}

	.services-reactjs .key-feature-para {
		margin-top: 0
	}

	.services-reactjs .key-feature-para .para {
		margin-top: 20px;
		font-size: 20px;
		line-height: 30.46px
	}

	.services-reactjs .line {
		display: none
	}

	.services-reactjs .para {
		font-size: 18px;
		line-height: 25.79px
	}

	.services-reactjs .feature .features-card .para {
		font-size: 18px;
		line-height: 23.9px
	}

	.services-reactjs .feature .features-card .card-title {
		font-size: 20px;
		line-height: 30.68px;
		width: 100%
	}

	.services-reactjs .feature .features-card {
		height: 300px
	}

	.schedule-a-technical .schedule-content .book-call-btn {
		font-size: 18px
	}

	.industries-section h2 {
		font-size: 24px;
		line-height: 43px
	}

	.industries-section p {
		font-size: 16px
	}

	.tested-react-sec .title {
		font-size: 32px
	}

	.tested-react-sec .lead {
		font-size: 18px;
		line-height: 25.79px
	}

	.tested-react-sec .card {
		width: 100%
	}

	.core-compet-sec .title {
		font-size: 30px;
		line-height: 32.58px
	}

	.industry-item img {
		width: 44px;
		height: 44px
	}

	.industry-item span {
		font-size: 16px
	}

	.reactjs-process .right-card {
		padding: 0
	}

	.reactjs-process .process-step-title {
		font-size: 26px
	}

	.reactjs-process .process-step-description {
		font-size: 16px
	}

	.unmatch-speed .unmatch-speed-content .subheading {
		font-size: 30px;
		line-height: 39px
	}

	.unmatch-speed .unmatch-speed-content .description {
		font-size: 16px
	}

	.unmatch-speed .unmatch-speed-content .description-left {
		font-size: 16px
	}

	.testimonial-sec .test-card .test-card-body .card-title {
		font-size: 16px;
		line-height: 20.58px
	}

	.testimonial-sec .title {
		font-size: 32px;
		line-height: 43.58px
	}

	.ai-intregation-sec .title h2 {
		font-size: 28px;
		line-height: 46.58px
	}

	.ai-intregation-sec .title .para {
		font-size: 16px
	}

	.ai-intregation-sec .ai-card h5 {
		font-size: 22px;
		line-height: 30.24px
	}

	.ai-intregation-sec .ai-card p {
		font-size: 16px;
		line-height: 24.01px
	}

	.ai-intregation-sec .ai-card .ai-img {
		width: 88px;
		height: 88px
	}

	.back-arrow-wrapper {
		position: absolute;
		top: -44px
	}

	.font-size-44 {
		font-size: 30px
	}

	.agicent-apart-sec .contact-us-title .para {
		font-size: 16px !important
	}
}

@media(max-width: 412px) {
	.tested-react-sec .feature-img {
		width: 43px;
		height: 43px;
		font-size: 20px
	}

	.font-size-44 {
		font-size: 30px !important
	}

	.purple-btn {
		font-size: 16px !important
	}

	.purple-btn-outline {
		font-size: 16px !important
	}

	.font-size-20 {
		font-size: 16px !important
	}

	.discovery-call .discovery-content {
		font-size: 12px !important
	}

	.why-choose-agicent .ready-to-experiance-heading .title {
		line-height: 28.58px;
		margin-bottom: 12px
	}

	.modal-sec .wrapper-modal {
		padding: 20px
	}

	.modal-sec .wrapper-modal .heading {
		font-size: 24px
	}

	.services-reactjs .card {
		padding: 30px 20px
	}

	.services-reactjs .feature .features-card {
		height: 390px;
		height: 300px
	}

	.services-reactjs .feature .features-card .feature-img {
		width: 100px
	}

	.services-reactjs .card-body h5 {
		font-size: 16px;
		margin-bottom: 7px
	}

	.services-reactjs .card-body p {
		line-height: 22.01px
	}

	.services-reactjs .para {
		margin-bottom: 10px
	}

	.tested-react-sec .title {
		font-size: 22px
	}

	.tested-react-sec .lead {
		font-size: 16px;
		line-height: 23.79px
	}

	.flexible-sec .flex-title .title {
		line-height: 42.58px;
		font-size: 32px
	}

	.flexible-sec .flex-card .flex-card-footer h4 {
		font-size: 36px
	}

	.flexible-sec .flex-card .flex-card-body ul li {
		margin-bottom: 8px;
		font-size: 14px
	}

	.flexible-sec .flex-card-header {
		font-size: 22px
	}

	.flexible-sec .flex-card-body {
		height: 300px
	}

	.why-reactjs .section-title {
		font-size: 32.1px;
		line-height: 44.51px
	}

	.footer-sec .start-today-btn {
		padding: 4px 12px;
		font-size: 16px
	}

	.core-slider .swiper .swiper-wrapper .swiper-slide .features-card .card-title {
		font-size: 16px
	}

	.core-slider .swiper .swiper-wrapper .swiper-slide .features-card .para {
		font-size: 14px
	}

	.font-size-24 {
		font-size: 18px !important
	}
}

@media(max-width: 399px) {
	.agicent-apart-sec .contact-us-title {
		margin-top: 62px
	}
}

/*# sourceMappingURL=style.css.map */