.bg-white{background: white !important;}
.services-section .services-icon svg{font-size: 85px !important; opacity: .75;}
.services-section .services-icon i{font-size: 40px !important; opacity: .75;}.svg-inline--fa {
    height: 2.5rem;
}
.text-cus-primary{color: #E5E900 !important;}
.text-black{color: #000 !important; opacity: 1 !important;}
.bg-black{background: black !important;border-color: #000 !important;}
/* navbar =STYLEING */
.navbar .navbar-brand .logo-white,.navbar.past-main .navbar-brand .logo-black{display:flex;}
.navbar .navbar-brand .logo-black,.navbar.past-main .navbar-brand .logo-white{display: none;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(255, 255, 255) !important;
}
.navbar-light.past-main .navbar-nav .nav-link:focus, .navbar-light.past-main .navbar-nav .nav-link:hover {
    color: rgb(0, 0, 0) !important;
}
a.nav-link {
    text-transform: capitalize;
}
.navbar-light .navbar-nav .nav-link {color: white;opacity: .75;}
.navbar-light .navbar-nav .nav-link:hover {color: white;opacity: 1;}
.btn.btn-white {
    color: #000 !important;
    background-color: #ffffff;
    border-color: #ffffff;
    transition: all .5s ease-in-out;
}
.navbar-default .navbar-nav > li > a.btn.btn-white:hover{
    color: #fff !important;
    background-color: #000000;
    border-color: #000000;
    transition: all .5s ease-in-out;
}
.btn.btn-primary {
    color: #ffffff !important;
    background: #207DB1 !important;
}
/* navbar =STYLEING */

/* ----- Hero Section Styling Starts ----- */
.hero-section.app-hero{background: #000 !important;}
/* ----- Hero Section Styling Ends ----- */
.navbar-light .navbar-toggler {
    background-color: #fff;
    /* color: white !important; */
}
@media only screen and (max-width: 992px){
.navbar-default .navbar-collapse {
    text-align: center;
    border-color: transparent;
    /* background-color: rgb(255, 255, 255); */
    color: white !important;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(0, 0, 0);
    opacity: 0.75;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(0, 0, 0) !important;
}
}
@media only screen and (min-width: 767px){
    .past-main .navbar-brand img{ margin-top: -8px !important; height: 47px;}
    .navbar-brand.grow img{ margin-top: -17px !important; height: 64px;}
    }
.btn.btn-primary.primary-cust{background-color: transparent !important;border-color: #E0E111 !important;color: #E5E900 !important;border-radius: 0px; border-width: 3px;}


.hero-section.app-hero .hero-content.app-hero-content h1,.h1-vw{font-size: calc(4vw) !important;}
.hero-section.app-hero .hero-content.app-hero-content h6{font-size: calc(3vw) !important;}
.flex-features h1,.h1-flex-features-vw{font-size: calc(5.5vw) !important;}
.flex-features .card{border-radius: 50px;}
.flex-features .card .flex-split .f-right{padding-left: 100px !important;}
@media only screen and (max-width: 992px){
.hero-section.app-hero .hero-content.app-hero-content a{margin-bottom: 24px !important;}
.flex-features h1,.h1-flex-features-vw{margin-bottom: 20px;}
.flex-features .card .flex-split .f-right{padding-left: 50px !important;}
}
@media only screen and (max-width: 767px){
    .hero-section.app-hero .hero-content.app-hero-content h1,.h1-vw{
        font-size: 50px !important;
    }
    .hero-section.app-hero .hero-content.app-hero-content h6{font-size:35px !important;}
.flex-features .card .flex-split .f-right{padding-left: 0px !important;}
}


.services-section .card-header .services-section .card-header,
.services-section .card-header
{background: transparent;border-color: transparent;}
p,.cus-p{letter-spacing: 1px !important; line-height: 1.5;}

.hero-section.app-hero {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../images/AssureBook_Header.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100%;
}
.glassmorphism{
background: rgba(0, 0, 0, 0.25);
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 6px );
-webkit-backdrop-filter: blur( 6px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
}