#sp-header {
    background: rgb(255 255 255 / 50%);
    margin-bottom: -90px;
    height: 90px;
    box-shadow: none;
}

#sp-header .logo {
    height: 90px;
}

#sp-header  .logo-image {
    height:50px;
}

#sp-header .sp-megamenu-parent>li>a{
    color:#000;
    text-transform:uppercase;
    font-weight:400;
    transition:0.5s;
    line-height:1.8;
    padding-top:10px;
    padding-bottom:10px;
    border-radius:10px 10px 0 0 ;
}

#sp-header .sp-megamenu-parent>li:hover>a{
    color:#0a175a;
    scale:1.05;
}

#sp-header .sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a{
    color:#0a175a;
    font-weight:400;
}

#sp-header.header-sticky {
    height: 90px;
    background: rgb(255 255 255 / 50%);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#sp-header.header-sticky .logo {
    height: 90px;
}

#sp-header.header-sticky  .logo-image {
    height:50px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #fff;
    padding: 10px 20px;
    box-shadow: none;
    position:relative;
    transform:translateX(-3px);
    border-radius:0 10px 10px 10px;
    text-transform:uppercase;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{
    color:#0a175a;
}

.sp-menu-item.sp-has-child:hover a{
    background:#fff;
}


/* Offcanvas*/
.offcanvas-menu {
    background-image: linear-gradient(45deg, rgb(194 225 254 / 80%), rgb(222 239 255 / 0%));
    background-color:rgb(255 255 255 /80%);
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span{
    text-transform:uppercase;
    padding:15px 0;
    font-size:16px;
    color:#222;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus{
     color:#0a175a !important;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a{
    color:#0a175a !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li ul.menu-child{
    margin-bottom:20px;
    margin-top:15px;
}


/* Page Title */
.sp-page-title {
    height: 500px;
    background-size: cover;
    background-position: 50% 70%;
    padding: 175px 0 0 0;
}

.sp-page-title .float-start {
    display: none;
}

.sp-page-title .sp-page-title-heading {
    font-size: 40px;
    font-weight: 700;
    color: #222;
    text-transform:uppercase;
}

.sp-page-title .breadcrumb-item a, .sp-page-title .breadcrumb-item:before{
    color: #222 !important;
    text-transform:uppercase;
}

.sp-page-title .breadcrumb-item.active{
    color:#0a175a !important;
    text-transform:uppercase;
}

.sp-page-title .breadcrumb{
    padding-left:3px;
}



/* Body */
.body-innerwrapper {overflow: hidden;}



/* Scroll Up */
.sp-scroll-up {
    bottom: 25px;
    right: 100px;
}



/* Bottom */
#sp-bottom {
    background: url(/images/0_project/home/home-bg-004.jpg);
    padding-top:200px;
    padding-bottom:0px;
    background-size:cover;
}

#sp-bottom .sp-module .sp-module-title{
    color:#000;
    text-transform:uppercase;
}

#sp-bottom .sp-module ul>li>a{
    color:#000;
}
#sp-bottom1 img {
    width: 150px;
    height: auto;
}

#sp-bottom4 p, #sp-bottom4 a{
    color:#000;
}

#sp-bottom4 .sppb-row-column{
    padding:0;
}



/* Footer */

#sp-footer{        
    background:#2367ce;
    margin-top:0px;
}

#sp-footer .container-inner{
    text-align:center;
    color:#000 !important;
    border-top:1px solid #000;
}

#sp-footer .container-inner a{
    color:#000;
}



/* Responsive */
@media (min-width:1400px){
    #sp-bottom{
        padding-bottom:100px;
    }
    #sp-footer{
        background:transparent;
        height: 80px;
        margin-top: -80px;
    }
}

@media (max-width:991px){
    /* Header */
    #sp-header {
        margin-bottom: -80px;
        height: 80px;
        box-shadow: none;
    }
    
    #sp-header .logo {
        height: 80px;
    }
    
    #sp-header  .logo-image {
        height:50px;
    }

    #sp-header.header-sticky {
        height: 80px;
        background: rgb(255 255 255 / 50%);
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    
    #sp-header.header-sticky .logo {
        height: 80px;
    }
    
    #sp-header.header-sticky  .logo-image {
        height:50px;
    }
    
    /* Page Title */
    .sp-page-title {
        height: 400px;
        padding: 150px 0 0 0;
    }
    .sp-page-title .sp-page-title-heading {
        font-size: 32px;
    }
    
    /* Bottom */
    #sp-bottom {
        padding-top:210px;
        padding-bottom:0px;
        background-position:70% 100%;
    }
    #sp-bottom2, #sp-bottom3{
        width:50%;
    }
    #sp-bottom .sp-module .sp-module-title{
        margin-bottom:15px;
    }
    #sp-bottom1 img {
        width: 120px;
        height: auto;
        margin-bottom:15px;
    }
    #sp-footer{
        background:#2367ce;
        margin-top:0px;
        padding-bottom:45px;
    }
    #sp-bottom4{
        margin-top:15px;
    }
}

@media (max-width:767px){
    #sp-header {
        margin-bottom: -70px;
        height: 70px;
        box-shadow: none;
    }
    
    #sp-header .logo {
        height: 70px;
    }
    
    #sp-header  .logo-image {
        height:40px;
    }
    #sp-header.header-sticky {
        height: 70px;
        background: rgb(255 255 255 / 50%);
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    
    #sp-header.header-sticky .logo {
        height: 70px;
    }
    
    #sp-header.header-sticky  .logo-image {
        height: 40px;
    }

    /* Page Title */
    .sp-page-title {
        height: 330px;
        padding: 100px 0 0 0;
    }
    .sp-page-title .sp-page-title-heading {
        font-size: 28px;
    }
}