@font-face {
    font-family: 'poppins';
    src: url('./Poppins/Poppins-Regular.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'poppins-semibold';
    src: url('./Poppins/Poppins-SemiBold.ttf');
    font-style: semibold;
}

p{
    font-size: 16px;
}

html
html,
body,
div,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span{
    font-family: 'poppins', sans-serif;
}

.nav-link:hover{
    color: #FF9900 !important;
}

.text-primary-orange{
    color: #f90;
}

hr#hr-tryit{
    width: 100px; 
    border: none; 
    border-top: 3px solid;
    color: #FF9900; 
    opacity: 1; 
    margin-top: 32px;
}

.article-title{
    font-weight: 800;
    font-size: 25px;
}

.bio-pic{
    width: 100%;
}

.bio-pic2{
    width: 100%;
}

.image-container{
    width: 90%;
    margin: 0 auto;
}

#bio-desc{
    font-size: 16px;
    font-weight: 400;
    
    text-align: left;
    display: block;
    /* margin: 40px auto 0; */
}


.title-cnt{
    width: 90%; 
    margin-top: 100px;
}

.title-cnt h2{
   font-size: 30px;
}

.text-cont{
    width: 90%; 
    margin-top: 50px;
    font-size: 30px;
}

button.article-view-more{
    width: fit-content;
    display: block;
    height: 4rem;
    background-color: #FF9900; 
    color: white;
    border: none; 
    border-radius: 20px;
    margin: 64px auto 0;
    padding: 16px 21px;
    font-size: 22px;
    font-weight: 400;
}

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

    .title-cnt{
        width: 90%; 
        margin-top:30px;
    }

    .text-cont{
        width: 90%; 
        margin-top: 20px;
    }


    .image-container{
        width: 85%;
        margin: 0 auto;
        overflow-x: scroll;
        scrollbar-width: none;
    }

    #bio-desc{
        font-size: 12px;
        font-weight: 400;

        text-align: left;
        display: block;

    }

    .bio-desc{
        overflow-x: scroll;
    }
    p{
        font-size: 12px;
    }
    .carousel{
        height: 375px;
    }

    .carousel-caption h3{
        font-weight: 800;
        font-size: 23px;
        text-align: center;
    }

    .carousel-caption h3 span{
        font-weight: 800;
        font-size: 23px;
        text-align: center;
    }

    .carousel-caption p{
        width: 100%;
        font-size: 12px;
        text-align: center;
    }

    .button-on-carousel{
        height: 34px;
        width: 118px; 
        background-color: #FF9900; 
        border: none; 
        border-radius: 10px;
        display: block;
        margin: 0 auto;
        font-size: 12px;
    }

    .button-on-carousel img{
        width: 16px;
        margin-left: 0;
        float: left;
        margin-top: 0px;
        margin-right: 7px !important;
    }

    #why-choose-us-text{
        width: 100%;
    }

    
    .bio-section{
        height: 740 px; 
        display: block;
    }
    
    
    .bio-section-row{
        width: 90%;
        margin-top: 32px;
    }
    
    #why-choose-us-text{
        text-align: center;
    }
    
    .bio-section-row hr{
        margin: 0 auto;
    }

    .bio-pic{
        width: 750px;
    }
    
    #bio-pic-2{
        display: block;
        margin: 0 ;
        width: 100%;
    }
    
    .bio-section-row p:nth-child(4){
        text-align: justify;
    }

    .bio-feature-list{
        margin-top: 20px !important; 
    }

    .bio-feature-list img{
        width: 32px;   
        height: 32px;     
    }

    .bio-feature-list h3{
        font-size: 14px;       
    }

    .bio-feature-list p{
        font-size: 12px;       
    }

}