@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo/Cairo-VariableFont_wght.ttf');
}

*{
    font-family: 'Cairo' !important;
  
}
:root{
    --bs-primary: #1271b7;
    --bs-second:#ffcd28;
    --bs-third:#b9d986;
    --footer-primary: #10558a;
    --footer-second: #0b3b5f;

    
}
.carousel-header .carousel-inner .carousel-item .carousel-caption {
    left: 0;

}



.bg-third {
    background-color: var(--bs-third) !important;
}
.btn-primary{
    color: rgb(255, 255, 255);
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    font-size: 10px;
}
.btn-primary:hover{
    color: var(--bs-primary);
    background-color: white;
    border-color: var(--bs-primary);
}

.color-primary{
    color: var(--bs-primary);

}
.text-second{
    color:var(--bs-second);
}
.text-second:hover{
    color: white;
   
}
.text-primary{
    color:var(--bs-primary) !important;
}

.fa-classic, .fa-regular, .fa-solid, .far, .fas{
    font-family: "Font Awesome 6 Free" !important;
    direction: ltr;

}

.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
    font-weight: var(--fa-style, 900);
    direction: ltr;

}
.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands"!important;
    direction: ltr;
}

.hidden-detail{
    font-family: 'Cairo' !important;
    font-size: 17px;
}





.btn-second{
    background-color: white;    
}

.btn-second .item{
    color:  var(--bs-primary);

}

.btn-second:hover{
    border: 1px solid white !important;
    background-color: var(--bs-primary)
}

.btn-second:hover .item{
    color:  white;
}