body, .fm-poppins{font-family: 'Poppins', sans-serif;
}

.fm-varela{
    font-family: 'Varela', sans-serif;
}

.banner-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 84.24%);
    border: 1px solid #000000;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    height: 500px;
}

.banner{
    background-image: url('../Images/Rectangle 1.jpg') ;
    background-repeat: no-repeat;
    background-size:auto;
    height: 500px;
}

.icon{
    width: 54px !important;
    height: 32px!important;
    fill: none !important;
}

.bg-black-opacity{
    background: rgba(40, 40, 40, 0.8);
}

.text-shadow{
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.consulting-services{
    background-image: url('../Images/Rectangle\ 8.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    height: 450px;
}

.top-40{
    top : 40% !important;
}

.end-10{
    right: 10px;
}

.bg-danger-700{
    background: #C72027;
}

.fs-sm-18 {
    font-size: 18px !important;
}

.-bottom-8{
    bottom: -8%;
}

.bg-gray-500{
  background: #F7F5F4;  
}

.bg-dark-500, .bg-dark-600{
    background: #303030;
}

.card-gradient{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 59.61%, #000000 100%);
}

.card-red-gradient{
    background: linear-gradient(180deg, rgba(199, 32, 39, 0.1) 0%, rgba(199, 32, 39, 0.7) 59.61%, #C72027 100%);
}

.insights-shadow{
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1);
}

.align-super {
    vertical-align: super;
}

.ps-35{
    padding-left: 35px;
}

.navbar .navbar-nav>li>a,
.navbar .navbar-nav>.active>a, footer div>.active>a, footer a:hover {
    color: white !important;
}

a:hover{
    text-decoration: underline !important;
}

.navbar-toggler{
    border-color: #fff;
    background: #fff;
}

.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus,
.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:hover,
.navbar .navbar-nav>.active>a:focus, 
footer div p>a:focus, footer div p>a:hover,
footer div>.active>a:focus, footer div>.active>a:hover, footer a:hover{
    color: red !important;
    text-decoration: underline !important;
}

@media (min-width: 640px){
    .border-sm-bottom-0 {
        border-bottom: 0px !important;
    }
    .w-sm-50 {
        width: 50% !important;
    }
}

@media (min-width: 991px) {
    .fs-36{
        font-size: 36px !important;
    }
    .fs-20{
        font-size: 20px !important;
    }
    .fs-14{
        font-size: 14px !important;
    }
    .fs-sm-18{
        font-size: 24px !important;
    }
    .border-lg-bottom-0{
        border-bottom: 0px !important;
    }
    .border-lg-bottom{
        border-bottom: 1px solid #fff !important;
    }
    .banner, .banner-gradient{
        height: 750px;
    }
    .consulting-services{
        height: 595px;
    }
    .bg-dark-600{
        background-color: transparent;
    }
    .navbar-toggler {
        border-color: transparent;
    }
}
@media (min-width: 1280px){
    .fs-18{
            font-size: 18px !important;
    }
}