.mckayla-hero{

    position:relative;

    height:760px;

    overflow:hidden;

}

.mckayla-slider,
.mckayla-slider .swiper-slide{

    height:100%;

}

.mckayla-slide-bg{

    position:absolute;

    inset:0;

}

.mckayla-slide-bg img{

    width:100%;

    height:100%;

    object-fit:cover;

    transform:scale(1);

}

.mckayla-slide-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
    90deg,

    rgba(255,255,255,.92) 0%,

    rgba(255,255,255,.65) 35%,

    rgba(255,255,255,.15) 65%,

    transparent);

}

.mckayla-slide-content{

    position:relative;

    z-index:20;

    max-width:560px;

    padding-top:180px;

}

.mckayla-subtitle{

    display:block;

    color:#c79b45;

    letter-spacing:4px;

    font-size:16px;

    margin-bottom:30px;

}

.mckayla-slide-content h1{

    font-family:"Cormorant Garamond",serif;

    font-size:78px;

    line-height:1;

    color:#b8872d;

    font-weight:400;

}

.mckayla-slide-content h1 span{

    display:block;

}

.mckayla-slide-content p{

    margin:35px 0;

    font-size:20px;

    color:#555;

    line-height:1.8;

}

.mckayla-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:220px;

    height:60px;

    border-radius:40px;

    border:2px solid #c79b45;

    color:#b8872d;

    text-decoration:none;

    transition:.4s;

}

.mckayla-btn:hover{

    background:#c79b45;

    color:#fff;

}

.mckayla-pagination{

    bottom:40px !important;

}

.mckayla-pagination .swiper-pagination-bullet{

    width:12px;

    height:12px;

    background:#fff;

    opacity:.5;

}

.mckayla-pagination .swiper-pagination-bullet-active{

    opacity:1;

    background:#c79b45;

}
@keyframes mckaylaKenBurns{

0%{

transform:scale(1);

}

100%{

transform:scale(1.12);

}

}

.swiper-slide-active
.mckayla-slide-bg img{

animation:mckaylaKenBurns 6s linear forwards;

}
.mckayla-slide-content>*{

opacity:0;

transform:translateY(40px);

transition:all .8s;

}

.swiper-slide-active
.mckayla-slide-content>*{

opacity:1;

transform:none;

}

.swiper-slide-active
.mckayla-subtitle{

transition-delay:.2s;

}

.swiper-slide-active h1{

transition-delay:.4s;

}

.swiper-slide-active p{

transition-delay:.6s;

}

.swiper-slide-active .mckayla-btn{

transition-delay:.8s;

}

@media(max-width:991px){

.mckayla-hero{

height:620px;

}

.mckayla-slide-content{

padding-top:140px;

max-width:100%;

}

.mckayla-slide-content h1{

font-size:58px;

}

}

@media(max-width:767px){

.mckayla-hero{

height:560px;

}

.mckayla-slide-overlay{

background:rgba(255,255,255,.72);

}

.mckayla-slide-content{

text-align:center;

padding-top:120px;

}

.mckayla-slide-content h1{

font-size:42px;

}

.mckayla-slide-content p{

font-size:16px;

}

.mckayla-btn{

width:220px;

height:54px;

}

}