:root {
    /* Main Fonts */
    --poppins-font: "Poppins", sans-serif;
    --manrope-font: "Manrope", sans-serif;
    /* Colors */
    --main-color: #fff; /* White */
    --secondary-color:#000; /* Black */
    --gray-52 : #ffffff52;  /* white + 60 Black  */
    --gray:#939393; /* gray 100 */
    --gray-60 :#ffffff99; /* gray 60 */
}

body {
    font-family: var(--poppins-font);
    background-color: var(--secondary-color);
    color: var(--main-color);
}

/* navbar */
.navbar{
    margin-bottom: 123px;
    border-bottom: 1px solid var(--gray-52);
}
.navbar .container button{
    filter: invert(1);
}
.navbar .container div ul .nav-item .nav-link{
    color: var(--main-color);
    font-family: var(--poppins-font);
    font-size: 0.875rem;
}
/* end navbar */
/* hero section*/
.hero-section{
    background-image: url("../assets/landing-background.svg");
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: var(--manrope-font);
}
.hero-section .hero-para{
    font-size: 1.375rem;
    font-weight: 600;

}
.hero-section .hero-title{
    font-size: 4rem;
    font-weight: 500;
    margin-bottom: 24px;
}
.hero-section .hero-title h1{
    margin: 0;
}
.hero-section .hero-subtitle{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: var(--gray-60);
}

.hero-section .hero-subtitle p{
    margin: 0;
}
.hero-section .hero-links{
    margin-top: 48px;
    font-family: var(--poppins-font);
    gap: 28px;
    text-align: center;
}
.link1,.link2{
    display: inline-block;
}
.hero-section .hero-links .link1 a{
    color: var(--main-color);
    text-decoration: none;
    background-color: transparent;
    padding: 14px 34px;
    border-radius: 55px;
    font-size: 16px;
    border: 1.4px solid #FFF;
}

.hero-section .hero-links .link1 a:hover{
    filter: invert(1);
    background-color: #000;
}

.hero-section .hero-links .link2 a{
    color: var(--secondary-color);
    text-decoration: none;
    background-color: var(--main-color);
    padding: 14px 34px;
    border-radius: 55px;
    border: 1.4px solid #FFF;
}

.hero-section .hero-links .link2 a:hover{
    filter: invert(1);
    background-color: transparent;
}

.space{
    height: 235px;
}
/* end hero*/

/* start gallery */

.gallery-section{
    margin-top: 153px;
    text-align: center;
}
.gallery-section .gallery-title{
    font-family: var(--manrope-font);
    margin-bottom: 28px;
}

.gallery-section .gallery-subtitle{
    font-family: var(--poppins-font);
    color: var(--gray-60);
}
.gallery-section .gallery-subtitle p{  
    margin: 0;
}
.gallery-section .gallery-images{
    margin-top: 124px;
}
.gallery-section .gallery-images img{
    animation: all 0.3s;
}
.gallery-section .gallery-images img:hover{
    transform: scale(1.05) ;
    box-shadow: 0 0 10px #ffffff;
}

/* end gallery */
/* start features */

.feature-section .feature-title h1{
    color: var(--gray);
    font-family: var(--manrope-font);
    font-size: 50px;
}
.feature-section .feature-title {
    margin-bottom: 28px;
}
.feature-section .feature-header {
    border-bottom: 1px solid  var(--gray-60);
    margin-bottom: 61px;
}

.container .row .content .content-head{
    font-family: var(--manrope-font);
    font-size: 20px;
    margin-bottom: 15px;
}
.container .row .content .content-text{
    font-family: var(--manrope-font);
    color: var( --gray-52);
    font-size: 16px;
    padding-right:50px;
    animation: all 0.3s;
}
.container .row .content:hover{
    transform: scale(1.05) ;
}
/* end features */

/* start footer*/
.footer-section .get-started {
    padding: 108px 161px;
    text-align: center;
    background-image: url("../assets/footer-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 19px;
    margin-bottom: 137px;
}

.footer-section .get-started .get-started-title {
    font-family: var(--second-font);
    font-size: 48px;
    font-weight: 600;
}

.footer-section .get-started a{
    margin-top: 58px;
    background: var(--main-color);
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    color: #000;
    padding: 14px 34px;
    border-radius: 55px;
    border: 1px solid var(--main-color);
    transition: all .3s;
}


footer .get-started a:hover {
    background-color: transparent;
    color: var(--main-color);
}


footer .copyright p {
    margin: 0;
    font-size: 20px;
    font-family: var(--second-font);
    text-align: center;
    padding: 34px 0;
    border-top: 1px solid #ffffff52;
}

/* end footer*/





@media (max-width: 992px){
    .navbar{
        margin-bottom: 60px;
    }
    .space{
        height: 115px;
    }
    .lonely-img img{
        margin-bottom: 20px;
    }
    .footer-section .get-started {
        padding: 24px;
        margin-bottom: 48px;
    }
    .footer-section .get-started h1.first{
        margin: 0;
        padding: 0;
    }
    .footer-section .get-started .get-started-title {
        font-size: 24px;
        font-weight: 600;
        /* margin-left: -80px; */
    }

    .footer-section .get-started a {
        margin-top: 24px;
        padding: 8px 16px;
        font-size: 14px;
    }

    .footer-section .copyright p {
        font-size: 16px;
        padding: 16px 0;
    }
}