* { 
    box-sizing:border-box; 
} 
body {
    margin:0;
    font-family:Trebuchet MS, Helvetica, sans-serif;
    background-color:floralwhite
}

img {

    object-fit:cover;
    width: 100%;

}

.nav-bar {

    background-color:chartreuse;
    position: sticky;
    top:0;
    display: flex;
    justify-content:space-between;
    align-items:center;

}

.phone {

    width:10rem;
    margin-right:1%;

}

.nav-bar-logo {

    width: 5rem;
    margin-left: 1%;

}

.hero-section {

    display: flex;
    flex-direction: row;
   
}


.hero-div-left, .hero-div-right {

    width: 50%;
    
}

.hero-div-left {
    padding: 1%;
    align-content: end;
    font-size:25px;

}

.h1-tag {

    font-family:Trebuchet MS, Helvetica, sans-serif;
    color:#0c0b0b;
    justify-content: center;
    align-items: center;

}


a {
    color: black;
    text-decoration:none;
}

.standard-button {

    background-color: cadetblue;
    color:white;
    padding: .5rem;
    font-size: 18px; 
    align-content: center;
    border: 5rem

}

.standard-button a {

    color: white;
    text-decoration:none;

}

.flex-item {

    display: flex;
    flex-direction: column;
    align-items: center; 

    
}

.flex-item-text {
   
    padding:5%;
}

.section-2 {

    display: flex;
    flex-direction: row;
    align-items: center;    

}

.section-2-images {

    width: 100%;
    margin:5%
}

.testimonial-widget {

    height: 40rem;
}

.FAQ-section {

    padding: 1%;
    margin-bottom: 5%;

}

.footer {

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    padding-left: 5%;
    padding-bottom: 5%;
    background-color:azure;
}

#ih5zuws {

    width: 30px;

}


@media (max-width: 580px){
        
.hero-section {

    display: flex;
    flex-direction: column-reverse;
   
}


.hero-div-left, .hero-div-right {

    width: 100%;
    
}

.hero-div-left {

    align-content: end;
    padding: 5%;

}


.section-2 {

    display: flex;
    flex-direction: column;
    align-items: center;    

}

.section-2-images {

    width: 100%;
    
}

.flex-item {

    
    display: flex;
    flex-direction: column;
    align-items: center; 
    justify-content: flex-start;
    
}

.flex-item-text {
   
    padding:5%;
}

.FAQ-section {

    padding: 5%;
    margin-bottom: 5%;

}

}


    
font-family:Trebuchet MS, Helvetica, sans-serif;
color:#0c0b0b;

class="hero-div"
class="hero-image"
class="phone"
class="section-1-div"
class="para-1"
class="list"
class="list-items"
class="section-2"
class="flex-item"
img id="i7itkv-3"
class="h2-tag"
class="card-para"
img id="i7itkv-2"
class="standard-button"
img id="i7itkv-4"
class="section-3"
img id="i3fh4g-3-3-2-2-2-10-2"
class="testimonial widget"
class="FAQ-section"
class="faq-set"
class="h3-tag"
class="footer"
class="left-hand-side"
class="h4-tag"
class="right-hand-side"
img id="ih5zuws"