/* Start custom CSS for html, class: .elementor-element-bc15348 *//* ===========================
   AYT ACADEMY FULL WIDTH
=========================== */

.ayt-academy-page{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:90px 30px;
    background:#F4F8FB;
    box-sizing:border-box;
    overflow:hidden;
}

/* Main Containers */

.ayt-academy-hero,
.ayt-section-heading,
.ayt-grid,
.ayt-split,
.ayt-dashboard,
.ayt-final-cta{
    width:100%;
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
}

/* Hero */

.ayt-academy-hero{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
    margin-bottom:90px;
}

/* Section spacing */

.ayt-section-heading{
    margin-bottom:50px;
    text-align:center;
}

.ayt-grid{
    margin-bottom:80px;
}

/* 3 column sections */

.ayt-grid.three{
    display:grid;
    grid-template-columns:repeat(3,minmax(320px,1fr));
    gap:28px;
}

/* 4 column sections */

.ayt-grid.four{
    display:grid;
    grid-template-columns:repeat(4,minmax(260px,1fr));
    gap:24px;
}

/* 6 learning journey */

.ayt-grid.six{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
}

/* Free / Premium */

.ayt-split{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

/* Dashboard */

.ayt-dashboard{
    width:100%;
}

.ayt-dashboard-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

/* Cards */

.ayt-card,
.ayt-feature,
.ayt-dashboard,
.ayt-final-cta{
    width:100%;
    box-sizing:border-box;
}

/* Image */

.ayt-academy-image img{
    width:100%;
    height:auto;
    display:block;
    border-radius:30px;
}

/* ===========================
   TABLET
=========================== */

@media(max-width:1200px){

.ayt-grid.four{
grid-template-columns:repeat(2,1fr);
}

.ayt-grid.six{
grid-template-columns:repeat(3,1fr);
}

}

/* ===========================
   MOBILE
=========================== */

@media(max-width:768px){

.ayt-academy-page{
padding:60px 18px;
}

.ayt-academy-hero{
grid-template-columns:1fr;
gap:35px;
}

.ayt-grid.three,
.ayt-grid.four,
.ayt-grid.six,
.ayt-split,
.ayt-dashboard-grid{
grid-template-columns:1fr;
}

.ayt-section-heading h2{
font-size:36px;
}

.ayt-academy-text h1{
font-size:48px;
}

}/* End custom CSS */