.section{
    margin-top: 45px;
}

.sectionTitle{
    color: #fff;
    display: flex;
    align-items: center;
    gap: 20px;
}

.sectionTitle h2{
    /* color: #0069D9; */
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
}

.sectionTitleHr{
    display: inline-block;
    height: 40px;
    width: 4px;
    border-radius: 20px;
    /* background: #0069D9; */
    background: #fff;
}

.sectionTitle p{
    width: 50%;
}

@media(min-width: 320px) and (max-width: 550px){
    .sectionTitle{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .sectionTitle h2{
        width: 100%;
    }
    
    .sectionTitleHr{
        height: 4px;
        width: 100px;
    }
    
    .sectionTitle p{
        width: 100%;
    }     
}

.btnContainerCenter{
    display: flex;
    justify-content: center;
    margin-top: 45px;
}

.btn{
    text-align: center;
    display: inline-block;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 60px;
    transition: .4s;
}

.mainBtn{
    /* background: #007BFF; */
    /* border: 1px solid #007BFF; */
    background: #0B1E34;
    border: 1px solid #0B1E34;
    color: #fff;
}

.mainBtn:hover{
    /* background: #00438a;
    border: 1px solid #00438a; */
    background: #091727;
    border: 1px solid #091727;
}

.secondBtn{
    border: 1px solid #fff;
    color: #fff;
}

.secondBtn:hover{
    background: #fff;
    /* color: #007BFF; */
    color: #0B1E34;
}

.btnArrow{
    position: relative;
}

.btnArrow::before{
    content: "";
    position: relative;
    float: right;
    margin: 3px 0 0 12px;
    width: 13px;
    height: 13px;
    background: url('../img/icons/white_arrow.svg') no-repeat;
}

.btnArrow:hover::before{
    content: "";
    position: relative;
    float: right;
    margin: 3px 0 0 12px;
    width: 13px;
    height: 13px;
    background: url('../img/icons/white_arrow_hover.svg') no-repeat;
}

.pageSection, .home{
    margin-top: 135px;
}

.breadCrumbs{
    display: flex;
}

.breadCrumbs a{
    color: #007BFF;
    font-size: 16px;
    margin-right: 10px;
    transition: .4s;
}

.breadCrumbs a::after{
    content: '/';
    margin-left: 10px;
}

.breadCrumbs a:hover{
    color: #00438a;
}

.breadCrumbs p{
    color: #ccc;
    font-size: 16px;
}

.pageTitleSection h1{
    /* color: #007BFF; */
    color: #fff;
    font-size: 42px;
    margin-top: 5px;
}


.section,
.homeContent,
.menuItem,
.aboutContainer,
.pageSection,
.questionsContainer {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.6s ease-out;
}

.visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-in-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 0.6s ease-out;
}

.fade-in-left.visible {
    opacity: 1;
    transform: translateX(0);
}

.fade-in-right {
    opacity: 0;
    transform: translateX(50px);
    transition: all 0.6s ease-out;
}

.fade-in-right.visible {
    opacity: 1;
    transform: translateX(0);
}

.btn {
    /* transition: transform 0.3s ease; */
}

.btn.visible {
    transform: scale(1.05);
}

.menuItem {
    transition: all 0.6s ease-out;
    transform: translateY(30px);
}

.menuItem.visible {
    transform: translateY(0);
}