/*SEO PAGE*/
.features-seoarea .section-header {
	display: grid;
	gap: 20px 60px;
	grid-template-columns: 1fr 430px;
	align-items: center
}

@media only screen and (max-width: 1199px) {
	.features-seoarea .section-header {
		grid-template-columns: 1fr 330px
	}
}

@media only screen and (max-width: 991px) {
	.features-seoarea .section-header {
		grid-template-columns: 1fr
	}
}

.features-seoarea .section-title {
	max-width: 670px
}

.features-seoarea .features-wrapper-box {
	margin-top: 92px
}

@media only screen and (max-width: 1919px) {
	.features-seoarea .features-wrapper-box {
		margin-top: 72px
	}
}

@media only screen and (max-width: 1399px) {
	.features-seoarea .features-wrapper-box {
		margin-top: 52px
	}
}
.features-seoarea .feature-box .title {
    line-height: 1.1;
    color: #010101;
}
.features-seoarea .feature-box .text {
    margin-top: 16px;
    max-width: 250px;
    color: #555555;
}

.features-seoarea .features-wrapper {
	display: grid;
	gap: 40px 30px;
	grid-template-columns: repeat(4, 1fr)
}

@media only screen and (max-width: 991px) {
	.features-seoarea .features-wrapper {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media(max-width: 575px) {
	.features-seoarea .features-wrapper {
		grid-template-columns: repeat(1, 1fr)
	}
}

.features-seoarea .feature-box .title {
	font-size: 24px;
	font-weight: 500
}

.features-seoarea .feature-box .content {
	margin-top: 41px
}

@media only screen and (max-width: 1199px) {
	.features-seoarea .feature-box .content {
		margin-top: 21px
	}
}

.features-seoarea .feature-box .text {
	margin-top: 16px;
	max-width: 250px
}

@media(max-width: 575px) {
	.features-seoarea .feature-box .text {
		max-width: 100%
	}
}

.about-seoarea .thumbs {
	width: 100%;
	aspect-ratio: 100/118;
	position: relative;
	max-width: 610px
}

.about-seoarea .thumbs img {
	border-radius: 5px
}

.about-seoarea .thumbs .img-1 {
	width: 49%;
	position: absolute;
	top: 9%;
	inset-inline-start: 0
}

.about-seoarea .thumbs .img-2 {
	position: absolute;
	inset-inline-end: 0;
	top: 0;
	width: 41%
}

.about-seoarea .thumbs .img-3 {
	position: absolute;
	bottom: 0;
	inset-inline-start: 26%;
	width: 59%
}

.about-seoarea .about-area-inner {
	display: grid;
	gap: 50px 60px;
	grid-template-columns: 610px 444px;
	justify-content: space-between;
	align-items: center
}

@media only screen and (max-width: 1399px) {
	.about-seoarea .about-area-inner {
		grid-template-columns: 510px 444px
	}
}

@media only screen and (max-width: 1199px) {
	.about-seoarea .about-area-inner {
		grid-template-columns: 410px 400px
	}
}

@media only screen and (max-width: 991px) {
	.about-seoarea .about-area-inner {
		grid-template-columns: 1fr
	}
}

.about-seoarea .section-content .text-wrapper {
	margin-top: 33px
}

@media only screen and (max-width: 1199px) {
	.about-seoarea .section-content .text-wrapper {
		margin-top: 23px
	}
}

.about-seoarea .section-content .btn-wrapper {
	margin-top: 43px;
	display: flex;
	gap: 30px;
	align-items: center
}

@media only screen and (max-width: 1199px) {
	.about-seoarea .section-content .btn-wrapper {
		margin-top: 33px
	}
}

.about-seoarea .experience-box {
	margin-top: 55px
}

@media only screen and (max-width: 1199px) {
	.about-seoarea .experience-box {
		margin-top: 35px
	}
}

.about-seoarea .experience-box .number {
	font-size: 100px;
	font-weight: 500;
	display: flex;
	align-items: flex-start
}

@media only screen and (max-width: 1199px) {
	.about-seoarea .experience-box .number {
		font-size: 70px
	}
}

.about-seoarea .experience-box .number i {
	font-size: 18px;
	margin-top: 12px;
	margin-inline-start: 9px
}

@media only screen and (max-width: 1199px) {
	.about-seoarea .experience-box .number i {
		margin-top: 10px
	}
}

.about-seoarea .experience-box .info {
	font-size: 18px;
	line-height: 1.2;
	max-width: 180px;
	font-weight: 600;
	margin-top: 10px
}


/*nextsection*/
.about-seoarea2 {
    background-color: var(--primary)
}

.dark .about-seoarea2 {
    background-color: #1b1b1b
}

.about-seoarea2-inner {
    padding-top: 130px;
    padding-bottom: 143px
}

@media only screen and (max-width: 1919px) {
    .about-seoarea2-inner {
        padding-top: 100px;
        padding-bottom: 113px
    }
}

@media only screen and (max-width: 767px) {
    .about-seoarea2-inner {
        padding-top: 60px;
        padding-bottom: 63px
    }
}

.about-seoarea2 .section-subtitle {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--white-2)
}

.about-seoarea2 .section-title {
    color: var(--white)
}

.about-seoarea2 .section-header {
    padding-bottom: 91px;
    display: grid;
    gap: 20px 60px;
    grid-template-columns: auto 850px
}

@media only screen and (max-width: 1919px) {
    .about-seoarea2 .section-header {
        padding-bottom: 61px
    }
}

@media only screen and (max-width: 1199px) {
    .about-seoarea2 .section-header {
        grid-template-columns: auto 690px
    }
}

@media only screen and (max-width: 991px) {
    .about-seoarea2 .section-header {
        grid-template-columns: auto
    }
}

.about-seoarea2 .image-wrapper img {
    width: 100%
}

.dir-rtl .about-seoarea2 .image-wrapper img {
    transform: rotateY(180deg)
}

.about-seoarea2 .text-wrapper {
    margin-top: 59px
}

.about-seoarea2 .text-wrapper .text {
    color: var(--white-2);
    max-width: 330px;
    margin-inline-start: 62%
}

@media only screen and (max-width: 767px) {
    .about-seoarea2 .text-wrapper .text {
        margin-inline-start: 0;
        max-width: 100%
    }
}
 .about-seoarea2 h2 .span {
        font-weight: 700;
    }