.icon-container {

    display: flex;

    flex-direction: row;

}



.child-container {

    display: inline-block;

    vertical-align: middle;

}







.child-container img {

    width: 50px;

    height: 50px;

    border-radius: 100%;

    margin-right: 10px;

}



/* Add custom styles for the Navbar */

.navbar-brand {

    font-weight: bold;

}



.nav-link {

    font-size: 18px;

    padding: 10px;

    margin: 0 10px;

    color: #2D3756;

    font-weight: bold;

}



.nav-link:hover {

    color: #fff;

    background-color: rgba(255, 255, 255, 0.2);

}

#nav-bar-id{
    /* border-bottom: #2D3756; */
    /* border-bottom-style: solid; */
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}





.icon-container {

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    margin-top: 20px;

    /* add some margin from the top */

}



.icon-container div {

    margin-left: 10px;

    font-size: 1.5em;

    /* adjust the spacing between icons as needed */

}



#hero {

    text-align: right;

    background-image: url("img/hero img.jpg");
    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding-right: 20px;

    height: 500px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-end;

}



#hero h2 {

    font-size: 3em;

    color: #ffffff;

    text-align: right;

}



#hero h3 {

    color: #ffffff;

    text-align: right;

    font-weight: 300;

    /* font-size: 1.5em; */

}



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

    #hero {

        text-align: center;

        padding: 0 10px;

        height: auto;

        min-height: 60vh;

        align-items: center;
        padding: 10%;

    }



    #hero h2 {

        font-size: 3em;

        text-align: center;

    }



    #hero h3 {

        font-size: 1.2em;

        text-align: center;

    }



    .icon-container {

        justify-content: center;

    }



    .icn {

        margin: 0 10px;

    }

}







#welcome {

    display: flex;

    flex-direction: column;

    text-align: center;

    padding: 7% 5%;

    background-color: #DCA91B;

    color: #fff;

    justify-content: center;

    align-items: center;

    max-height: 200px;

}



#welcome h1 {

    font-size: 60px;

}







.icn {

    width: 50px;

    height: 50px;

    border-radius: 100%;

    margin-right: 10px;

    background-color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 1.5em;

}



.fa {

    font-size: 20px;

}



#consult-btn {

    background-color: #2D3756;

    color: #fff;

    border: none;

    padding: 10px 20px;

    border-radius: 5px;

    font-size: 20px;

    font-weight: bold;

    margin-top: 20px;

    min-width: 600px;

    min-height: 50;

}



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

    #welcome {

        padding: 10% 5%;

        min-height: 300px;
        height: auto;



    }



    #welcome h1 {

        font-size: 2em;

    }



    #consult-btn {

        font-size: 20px;

        padding: 8px 16px;

        min-width: 80%;

        min-height: 50px;

    }







}





#about-btn {

    background-color: #2D3756;

    color: #fff;

    border: none;

    padding: 10px 20px;

    border-radius: 5px;

    font-size: 20px;

    font-weight: bold;

    margin-top: 20px;

    width: 600px;

    min-height: 50;

}





#about {

    padding: 10% 5%;

    display: flex;

    flex-direction: column;

    background-image: url("img/honeycomb.png");

    background-position: right;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    width: 100%;





}



.about-text {

    font-size: 25px;

    font-weight: 300;

    color: #2D3756;

}



#about h2 {

    font-size: 70px;

    margin-left: -10px;

    color: #2D3756;

}



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



    /* Reduce padding and font size on small screens */

    .nav-link {

        font-size: 16px;

        padding: 5px;

        margin: 0;

    }



    #about-review {

        margin-top: 20px;

        max-width: 90%;
        border-color: #fff;
        border-width: 3px;
        border-style: solid;

    }



    #about {

        padding: 20px;

        text-align: center;

        justify-content: center;

        align-items: center;

        height: auto;

    }



    #about h2 {

        font-size: 18px;

    }



    .about-text {

        font-size: 20px;

    }



    .review-text {

        font-size: 18px;

    }



    #about-btn {

        font-size: 20px;

        padding: 8px 16px;

        width: 80%;

        min-height: 50px;

    }

}



#about-review {

    width: 600px;

    padding: 20px;

    border-radius: 10px;

    background-color: #DCA91B;

    margin-top: 50px;

}



.review-text {

    font-size: 20px;

    font-weight: 300;

    color: #2D3756;

}

#services-header {

    text-align: center;

    padding: 3% 3%;

    background-color: #2D3756;

    color: #fff;

    justify-content: center;

    align-items: center;

    height: auto;

    /* max-height: 200px; */

}



#services-header h2 {

    font-size: 60px;

}

#services-btn {

    background-color: #2D3756;

    color: #fff;

    border: none;

    padding: 10px 20px;

    border-radius: 5px;

    font-size: 20px;

    font-weight: bold;

    margin-top: 20px;

    width: 100%;

    min-height: 50;

}

#services-btn:hover {

    transform: scale(1.1);

    transition: transform 0.2s ease-in-out;

}


#consult-btn:hover {

    transform: scale(1.1);

    transition: transform 0.2s ease-in-out;

}

#about-btn:hover {

    transform: scale(1.1);

    transition: transform 0.2s ease-in-out;

}





#team {

    /* margin-top: 50px;

    margin-bottom: 50px; */

    padding: 5% 5%;

    display: flex;

    flex-direction: column;

    background-image: url("img/Bezts\ Logo\ Revised\ 2.png");

    background-position: right;

    background-repeat: no-repeat;

    background-size: 40%;

    background-color: white;

    height: auto;

    width: 100%;

    border-radius: 20PX;
    border-style: solid;
    border-color: #2D3756;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);

}


#team-img img{
    visibility: hidden;
    width: 0px;
    height: 0px;
}



#team h2 {

    font-size: 40px;

    /* margin-left: -10px; */

    color: #2D3756;

}



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

    #team {

        /* padding-top: 20%; */

        text-align: center;

        justify-content: end;

        align-items: center;

        height: auto;

        width: 90%;

        background-position: top;
        background-image: none;

    }
    #team-img{

        visibility: visible;
        height: auto;

    
    }

    #team-img img{
        visibility: visible;

        width: 100%;
        height: auto;
    }



    #team h2 {

        font-size: 18px;

    }



}

#blogs h2 {

    font-size: 40px;

    margin-left: -10px;

    color: #2D3756;

}

#blogs {

    margin-top: 10vh;

    margin-bottom: 10vh;

}

#footer {

    background-color: #2D3756;

}

#footer a {

    color: #DCA91B;

}



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

    #footer {

        padding: 20px;

        text-align: center;

        justify-content: center;

        align-items: center;

        height: auto;

        width: 100%;



    }

    #policies {

        text-align: center;

    }

}

@media screen and (min-width: 768px) {

    #policies {

        text-align: right;
    }







}



#blogs a {

    background-color: #2D3756;

    border: none;

}

#blogimg{
    max-width: 80%;
}

.icon-container a {
    color: #2D3756;
}