/* Main section styles */

main {
    padding-left: 10vw;
    padding-right: 10vw;
}

main > p {
    margin: 0 0 48px;
    font-size: 1.25rem;
}

main > p:last-child {
    margin: 0;
}

@media (max-width: 425px) {
    main {
	padding-left: 8px;
	padding-right: 8px;
    }

    main > p {
	margin: 0 0 20px;
    }
}

/* Feature list section styles */

.feature-list-section {
    padding: 60px 10vw;
}

.feature-container {
    margin: 0 0 140px;
    display: flex;
    align-items: center;
    column-gap: 4vw;
}

.feature-container:last-child {
    margin: 0;
}

.feature-heading {
    color: var(--secondary-color);
}

.feature-heading {
    margin: 0 0 28px;
    font-size: 32px;
    font-weight: 800;
}

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

.feature-1-img {
    width: 320px;
}

.feature-2-img {
    width: 512px;
}

.feature-3-img {
    width: 540px;
}

@media (max-width: 1024px) {
    .feature-container > img {
	max-width: 100%;
	object-fit: cover;
    }

    .feature-1-img {
	width: calc((0.425 * 100vw) - 114.717px);
	height: 419.2px;
	object-position: calc((0.248 * 100vw) - 253.585px);
    }

    .feature-2-img {
	width: calc((0.877 * 100vw) - 386.415px);
	height: 321.5px;
    }

    .feature-3-img {
	width: calc((0.943 * 100vw) - 426.038px);
	height: 361.4px;
	object-position: calc((0.189 * 100vw) - 193.208px) 0;
    }
}

@media (max-width: 600px) {
    .feature-container {
	margin: 0 0 40px;
	flex-direction: column;
    }

    .feature-container:nth-child(2) {
	flex-direction: column-reverse;
    }

    .feature-container > img {
	width: 100%;
	object-position: center;
    }

    .feature-1-img {
	height: 300px;
	object-position: 0 -70px !important;
    }

    .feature-heading {
	margin: 0 0 20px;
	font-size: 2.75rem;
	line-height: 2.75rem;
    }

    .feature-body {
	margin: 0 0 20px;
	font-size: 1.4rem;
    }
}

@media (max-width: 425px) {
    .feature-list-section {
	padding: 40px 8px 0;
    }

    .feature-container > img {
	width: calc(100% + 16px);
	max-width: unset;
    }
}