body.page-template-template-win-airpods .t7-main-header {
    position: relative !important;
    background-color: transparent !important;
}
body.page-template-template-win-airpods .t7-main-header .t7-btn-quote {
    height: 46px;
    padding: 0 24px;
    line-height: 42px;
    border: 1px solid #FFF !important;
}

body.page-template-template-win-airpods .t7-main-content {
    clear: initial;
}

.migration-page-wrap {
    padding: 0;
}

.hero-win-section {
    height: 100dvh;
    margin-top: -72px;
    position: relative;
    background: #0C0C0C;
}

.hero-win-section__video {
    width: 516px;
    height: 375px;
    overflow: hidden;
    border-radius: 12px;
    position: absolute;
    top: calc(50% - 187px);
    left: calc(50% - 258px);
    z-index: 2;
}
.hero-win-section__video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-win-section__video-shadow {
    width: 960px;
    height: 805px;
    position: absolute;
    top: calc(50% - 402px);
    left: calc(50% - 480px);
    background: url(../img/hero-win-video-shadow.png) no-repeat center;
    opacity: 0;
    animation: fadeInOut 3.6s linear infinite;
    animation-delay: 3s;
}

.hero-win-section__info {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 114px;
    left: 0;
    z-index: 3;
}

.hero-win-section .info-box {
    padding: 33px 24px;
    border-radius: 80px;
    border: 1px solid #FFF;
    box-shadow: 3px 3px 0 0 #000;
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    letter-spacing: -1.6px;
}

.hero-win-section .info-box.info-box--1 {
    margin-right: -6px;
}

.hero-win-section .info-box.info-box--2 {
    margin-left: -6px;
}

.hero-win-section .title {
    width: 100%;
    position: absolute;
    top: calc(50% - 70px);
    left: 0;
    z-index: 3;
    mix-blend-mode: difference;
}

.hero-win-section .title h1 {
    color: #fff;
    font-size: 110px !important;
    font-style: normal;
    text-align: center;
    font-weight: 500 !important;
    line-height: 100% !important;
}

.hero-win-section .subtitle {
    position: absolute;
    right: 0;
    bottom: 119px;
    left: 0;
    z-index: 3;
    color: #FFF;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -1.6px;
}

.grow_ny-section {
    position: relative;
    z-index: 3;
    margin: 0 0 95px;
    mix-blend-mode: difference;
}

.grow_ny-section .info {
    max-width: 1420px;
    margin: 0 auto;
}

.grow_ny-section .pretitle {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.96px;
}

.grow_ny-section h2 {
    color: #fff;
    text-align: center;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -2.4px;
    margin: 40px 0;
}

.grow_ny-section h2 del {
    text-decoration: underline;
}

.grow_ny-section .note {
    max-width: 404px;
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.2px;
}

.grow_ny-section .note span {
    color: #FA6E18;
}

@keyframes fadeInOut {
    0% { opacity: 0; }
    16.7% { opacity: 1; }
    83.3% { opacity: 1; }
    100% { opacity: 0; }
}

@media only screen and (min-width: 992px) {
    body.page-template-template-win-airpods .t7-nav-menu-primary .nav-menu > li > a,
    body.page-template-template-win-airpods #nav-menu-primary > .menu-item-has-children:after {
        color: #fff !important;
    }
}

@media only screen and (max-width: 1680px) {
    .hero-win-section .title h1 {
        font-size: 80px !important;
    }
}

@media only screen and (max-width: 1320px) {
    .hero-win-section .hero-win-section__video {
        width: 416px;
        height: 302px;
        top: calc(50% - 151px);
        left: calc(50% - 208px);
    }

    .hero-win-section .hero-win-section__video-shadow {
        width: 860px;
        height: 721px;
        top: calc(50% - 360px);
        left: calc(50% - 430px);
        background-size: cover;
    }

    .hero-win-section .hero-win-section__info {
        top: 80px;
    }

    .hero-win-section .info-box {
        padding: 26px 15px;
        font-size: 30px;
        letter-spacing: -1.2px;
    }

    .hero-win-section .info-box.info-box--1 {
        margin-right: -4px;
    }

    .hero-win-section .info-box.info-box--2 {
        margin-left: -4px;
    }

    .hero-win-section .title {
        top: calc(50% - 35px);
    }

    .hero-win-section .title h1 {
        font-size: 60px !important;
    }

    .hero-win-section .subtitle {
        font-size: 36px;
    }

    .grow_ny-section h2 {
        font-size: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .grow_ny-section {
        padding: 0 10px;
    }

    .grow_ny-section h2,
    .grow_ny-section .pretitle,
    .grow_ny-section .note {
        text-align: left;
    }

    .grow_ny-section .note {
        max-width: none;
    }
}

@media only screen and (max-width: 480px) {
    .hero-win-section .hero-win-section__video {
        width: 294px;
        height: 213px;
        top: calc(52% - 106px);
        left: calc(50% - 147px);
    }

    .hero-win-section .hero-win-section__video-shadow {
        width: 570px;
        height: 478px;
        top: calc(52% - 239px);
        left: calc(50% - 285px);
    }

    .hero-win-section .hero-win-section__info {
        top: 90px;
    }

    .hero-win-section .title {
        top: 26.5%;
    }

    .hero-win-section .title h1 {
        font-size: 40px !important;
    }

    .hero-win-section .subtitle {
        max-width: 200px;
        margin: 0 auto;
        font-size: 30px;
        bottom: 50px;
    }

    .grow_ny-section {
        margin: 111px 0 111px;
    }

    .grow_ny-section .pretitle {
        font-size: 20px;
        letter-spacing: -0.8px;
    }

    .grow_ny-section h2 {
        font-size: 40px;
        letter-spacing: -1.92px;
    }

    .grow_ny-section .note {
        letter-spacing: -0.8px;
        opacity: .5;
    }

    .grow_ny-section .note span {
        color: #fff;
    }
}