/*------------------------------------*\
    HERO CSS
\*------------------------------------*/



/* SCREENS */


/* LOCAL FIXES */
@media (min-width: 1441px) {
    [data-at-ab-fpwvsi="v1"] .welcome-video-wall-container.variant {
        --corner-radius: 44px;
    }
}

[data-at-ab-fpwvsi="v1"] .welcome-video-wall-container.variant {
	--corner-radius: 40px;
	height: 80vh;
	min-height: 680px;
	max-width: 1920px;
	max-height: 1260px;
	margin: 0 auto;
	width: 87.5%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
 }

@media (max-width: 1068px) {
    [data-at-ab-fpwvsi="v1"] .welcome-video-wall-container.variant {
        --corner-radius: 36px;
    }
}

@media (max-width: 734px) {
    [data-at-ab-fpwvsi="v1"] .welcome-video-wall-container.variant {
        --corner-radius: 28px;
        max-height: 960px;
    }
}


 [data-at-ab-fpwvsi="v1"] .section-welcome .welcome-video-wall-container.variant .welcome-video-content-container {
    border-radius: var(--corner-radius);
 }

 .welcome-video-wall-container.variant {display: none;}
 [data-at-ab-fpwvsi="v1"] .welcome-video-wall-container {display: none;}
 [data-at-ab-fpwvsi="v1"] .welcome-video-wall-container.variant {display: flex;}


/*------------------------------------*\
    END HERO CSS
\*------------------------------------*/

/*------------------------------------*\
    GET TO KNOW CSS
\*------------------------------------*/



/* SCREENS */


/* LOCAL FIXES */

@media only screen and (max-width:734px) {
    .feature-card-content .feature-card-image-container.image-center-center {
        top: 53%;
    }
}

@media only screen and (max-width:734px) {
    .section-select .product-tile-ctas .button + a, .section-select .product-tile-ctas .product-tile-current + a, .section-select .product-tile-ctas a + a, .section-select .product-tile-ctas button + a {
        margin-inline-start: 20px;
    }
}

@media only screen and (min-width: 1440px) {
    #feature-card-5 .feature-card-content .feature-card-image-container.image-bottom-center {
        bottom: -25px;
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    #feature-card-5 .feature-card-content .feature-card-image-container.image-bottom-center {
        bottom: -25px;
    }
}

.typography-modal-badge {
	font-size: 19px;
	line-height: 1.4211026316;
	font-weight: 400;
	letter-spacing: 0.012em;
	font-family:
		SF Pro Display,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.modal-content-wrapper .modal-badge {
	color: #6e6e73;
	margin-top: 15px;
}

@media only screen and (max-width: 1068px) {
	#overview-consider-mac-intelligence-siri-1 {
		bottom: -25px;
	}
}
@media only screen and (max-width: 734px) {
    #overview-consider-mac-intelligence-siri-1 {
        bottom: 0px;
    }
}
/*------------------------------------*\
    END GET TO KNOW CSS
\*------------------------------------*/

/*------------------------------------*\
    COMPARE CSS
\*------------------------------------*/



/* SCREENS */


/* LOCAL FIXES */

@media only screen and (max-width: 734px) {
    .section-select .product-tile .product-tile-ctas.product-tile-padding {
        padding-inline-end: 50px;
    }
}

/*------------------------------------*\
    END COMPARE CSS
\*------------------------------------*/

/*------------------------------------*\
    SWITCH TO MAC CSS
\*------------------------------------*/



/* SCREENS */


/* LOCAL FIXES */

@media only screen and (max-width: 1068px) {
	.section-switch .essential-card-text-container {
		margin: 0 0 .8em;
	}
}
@media only screen and (max-width: 1068px) {
	.section-switch .essential-card-text-container a.icon-wrapper {
		display: inline-block;
	}
}

/*------------------------------------*\
    END SWITCH TO MAC CSS
\*------------------------------------*/

/*------------------------------------*\
    WHY APPLE CSS
\*------------------------------------*/



/* SCREENS */


/* LOCAL FIXES */



/*------------------------------------*\
    END WHY APPLE CSS
\*------------------------------------*/

/*------------------------------------*\
    MAC ESSENTIALS CSS
\*------------------------------------*/



/* MAC ESSENTIALS HALF WIDTH */
/* SCREENS */
/* LOCAL FIXES */
/* END MAC ESSENTIALS HALF WIDTH */


/* STUDIO DISPLAY */
/* SCREENS */
/* LOCAL FIXES */
/* END STUDIO DISPLAY */



/*------------------------------------*\
    END MAC ESSENTIALS CSS
\*------------------------------------*/

/*------------------------------------*\
    A/B CTA CSS
\*------------------------------------*/


/*------------------------------------*\
    END A/B CTA CSS
\*------------------------------------*/