/*
Theme Name: Backtick
Version: 1.0.0

*/


@font-face {
    font-family: 'AvertaCYRegular';
    src: url('assets/fonts/AvertaCY-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'AvertaCYBold';
    src: url('assets/fonts/AvertaCY-Bold.ttf') format('truetype');
}

html {
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0;
    font-family: AvertaCYRegular;
    height: 100%;
}

.main {
    width: 100%;
    overflow: hidden;
}

.home {
    width: 100%;
}

/* .main nav {
    padding: 2vw 5vw;
} */





.main nav .logo {
    width: 100px;
    cursor: pointer;
}

.main nav a {
    font-family: AvertaCYRegular;
    font-weight: normal;
    letter-spacing: -1px;
}

.menu-icon {
    width: 30px;
}

.home .hero h5 {
    /* font-size: 1.5vw; */
    font-weight: 300;
}

.home .hero h1 {
    color: transparent;
    -webkit-text-stroke: 1px #000;
    line-height: 1;
    font-family: AvertaCYBold;
    font-weight: 900;
}

.home .hero h1:hover {
    color: black;
    cursor: pointer;
}



.home .description::selection {
    color: white;
    background-color: #494949;
}

#featured {
    /* padding: 10vw 15vw; */
}


.fheading>h1 {
    line-height: 1;
    font-weight: 400;
}

.fheading>h1:nth-child(2) {
    color: transparent;
    -webkit-text-stroke: 1px #000;
}

#fimages {
    /* display: flex;
    justify-content: space-between; */
    width: 100%;
    height: 100vh;
    margin-top: 5vw;
}

#fleft {
    overflow: hidden;
    /* width: 45%; */
    height: inherit;
}

.fleftelm {
    /* display: flex;
    flex-direction: column;
    justify-content: center; */
    width: 100%;
    height: inherit;
}

.fleftelm h1 {
    /* font-size: 2.5vw; */
    line-height: 1;
    font-weight: 400;
    text-transform: capitalize;
    margin: 1.5vw 0;
}

.fleftelm h3 {
    /* font-size: 1.3vw; */
    font-weight: 400;
}

.fleftelm h4 {
    opacity: .5;
}

#fright {
    display: flex;
    align-items: center;
    /* justify-content: flex-end; */
    /* width: 45%; */
    height: inherit;
}

#fright .images {
    /* width: 90%; */
    /* height: 90%; */
}

#fright .images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btndiv {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btndiv button {
    padding: 1.3vw 2.5vw;
    border-radius: 100px;
    border: 2px solid #e6e6e6;
    background-color: #fff;
    /* font-size: 1vw; */
    font-weight: 500;
    letter-spacing: -1px;
}

.featured .headings h2:nth-child(2) {
    color: transparent;
    -webkit-text-stroke: 1px #000;
}





.footer-link {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 42px;
}

.footer-link span {
    display: block;
    transition: .45s cubic-bezier(.19, 1, .22, 1);
}

.footer-link span:last-child {
    position: absolute;
    left: 0;
    top: 100%;
}

.footer-link:hover span:first-child {
    transform: translateY(-100%);
}

.footer-link:hover span:last-child {
    transform: translateY(-100%);
}

.social {
    width: 64px;
    height: 64px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, .08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: .35s;
}

.social:hover {
    background: #fff;
    color: #000;
    transform: translateY(-6px);
}



.testimonial-track {

    animation: marquee 35s linear infinite;

}

.testimonial-track:hover {

    animation-play-state: paused;

}

@keyframes marquee {

    from {

        transform: translateX(0);

    }

    to {

        transform: translateX(-50%);

    }

}