@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
*
{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    scroll-behavior: smooth;
}
.section-padding
{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
nav
{
    height:40px;
}

.navbar-nav
{
    margin: auto;
    gap:4rem;
}

.navbar-brand
{
    font-size:1.8rem;
    font-family: 'Courier New', Courier, monospace;
    color:yellow;
    font-weight: 600;
}
.navbar-brand:hover
{
    color:yellow;
}

.text
{
    color:white;
    font-size:2.3rem;
    font-family: 'Dancing Script', cursive;
}

.nav-link
{
    font-size: 1rem;
    font-weight: 600;
    color:whitesmoke;
    font-family: Arial, Helvetica, sans-serif;
}

.nav-link:hover
{
    color:yellow;
}

.text1
{
    font-size:3rem;
    color:yellow;
    font-weight: 500;
    text-transform: uppercase;
}

.text2
{
    font-size: 2rem;
    font-family:'Times New Roman', Times, serif;
    color:white;
    font-weight: 900;
}

.btn.btn-outline-success
{
    background-color: yellow;
    color:black;
}

.btn.btn-outline-success:hover
{
    color:black;
}

.carousel-control-prev
{   
    width: auto;
    height: 28px;
    margin: auto;
    font-size: 2rem;
    opacity: .8;
    text-decoration: none;
    margin-left: 2rem;
}

.carousel-control-next
{ 
    width: auto;
    height: 28px;
    margin: auto;
    font-size: 2rem;
    opacity: .8;
    text-decoration: none;
    margin-right: 2rem;
}

.carousel-item
{
    height: 100vh;
    min-height: 300px;
}

.carousel-caption
{
    top: 230px;
    z-index: 2;
}

.carousel-inner::before
{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.w-100
{
    height: 100vh;
    width: 100vw;
    max-width: 100%;
}

/* services */

.services .card-body i
{
    font-size: 50px;
}

.card
{
    padding:1rem;
}

/* responsive css */

@media screen and (max-width: 1280px){
    nav
    {
        height:50px;
    }
    .navbar-nav
    {
        margin: auto;
        gap: 2rem;
    }
    a.nav-link
    {
        font-size: 0.8rem;
    }
    .text1
    {
        font-size: 2rem;
        font-weight: 600;
    }
    .text2
    {
        font-size: 1.5rem;
    }
    .carousel-caption
    {
        top:280px;
    }
    .carousel-control-next
    {
        font-size: 1.5rem;
    }
    .carousel-control-prev
    {
        font-size: 1.5rem;
    }
    .navbar-brand
    {
        font-size: 1.1rem;
        font-weight: 600;
    }
    .text
    {
        font-size: 1.5rem;
        font-family: 'Dancing Script', cursive;
    }
    .services .card
    {
        margin-top: 4rem;
        padding: 10px 20px;
    }
    .team .card
    {
        padding:10px 8px;
    }
    .team .card-title
    {
        font-size: 1rem;
    }
    .team .card .socials
    {
        font-size: 1.3rem;
    }

}

@media only screen and (max-width: 991px)
{   

    nav
    {
        max-height:35px;
    }

    .w-100
    {
        width: 100%;
        height: 100vh;
    }
    .carousel-control-prev
    {
        font-size: 1rem;
    }
    .carousel-control-next
    {
        font-size: 1rem;
    }
    a.navbar-brand
    {
        font-size: 1.1rem;
        position: fixed;
        top:-0.2rem;
        left:5px;
        font-weight: 600;
    }
    .text
    {
        font-size: 1.3rem;
        font-family: 'Dancing Script', cursive;
    }
    .text1
    {
        font-size: 1.5rem;
        font-weight: 600;
        letter-spacing: 2px;
    }
    .text2
    {
        font-size: 1.2rem;
        word-spacing: 4px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .carousel-caption
    {
        top:300px;
    }
    .btn.btn-warning
    {
        padding:5px;
    }
    nav
    {
        height: 45px;
    }
    .text5
    {
        font-size: 1rem;
    }

    .services .card-body
    {
        margin-top: 5rem;
    }
    .text6 p
    {
        font-size: 1rem;
    }

}

@media only screen and (max-width: 425px)
{
    nav
    {
        height:36px;
    }
    
    a.navbar-brand
    {
        font-weight: 600;
        left:5px;
        top:-0.2rem;
    }

    .carousel-control-next
    {
        font-size: 10px;
        margin-right: 1rem;
    }
    .carousel-control-prev
    {
        font-size: 10px;
        margin-left: 1rem;
    }
    .carousel-caption
    {
        top:245px;
    }
    .text
    {
        font-family: 'Dancing Script', cursive;
    }
    .text1
    {
        font-size: 1rem;
        letter-spacing: 2px;
        line-height: 20px;
    }
    .text2
    {
        font-size: 1rem;
        font-weight: 600;
        word-spacing: 10px;
        margin-top: 1rem;
    }
    .btn.btn-warning
    {
        padding: 2px;
        font-size: 15px;
        margin-top:1rem ;
    }
    .accordion-body
    {   
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .accordion-body img
    {
        width: 80%;
    }
    .accordion-body .text6
    {
        font-size:5px; 
    }

}

.about.section-padding
{
    margin-top: 15rem;
}

.accordion-body
{
    height:550px;  
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.accordion-body .text6
{
    margin-left: 3rem;
    font-size: 1.5rem;
}

.accordion-collapse
{
    transition: height 0.3s ease-in;
}

.text4
{
    text-align: center;
    margin-bottom: 2rem;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 600;
    color:rgb(39, 35, 35);
}

.accordion-button
{
    padding:2.3rem;
    display: block;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
}

.accordion-button::after
{
    display: flex;
}

.about-text
{
    text-align: center;
}

.services.section-padding
{
    margin-top: 8rem;
}

.text5
{
    background-color: rgb(230, 255, 140);
    border-radius: 20px;
    padding: 5px 30px;
    font-family:Arial, Helvetica, sans-serif;
    box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.4);
    color:black;
    font-weight: 600;
}

.socials
{
    font-size: 1.5rem;
    letter-spacing: 5px;
}

.socials:hover
{
    cursor: pointer;
}

.services .card-body
{
    box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2);
    padding: 1rem 0.4rem;
}

.services .row 
{
    box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.4);
    border-radius: 1rem;
}
    
.services .section-header
{
    padding:1rem;
}

.services .section-header p
{
    width: 80%;
    margin: auto;
}

.projects.section-padding
{
    margin-top: 8rem;
}

.properties.section-padding
{
    margin-top: 8rem;
}

.team.section-padding
{
    margin-top: 6rem;
}

.team
{
    margin-top: 6rem;
}

.team .card
{
    box-shadow: 15px 15px 15px rgba(151, 148, 148, 0.822);
}

.projects .accordion
{
    box-shadow: 15px 15px 40px rgba(184, 180, 180, 0.4);
}

.contact.section-padding
{   
    margin-top: 8rem;
}