/* general font size */
body{
    font-size:14px;
    line-height:1.6 !important;
    letter-spacing:0.4px !important;
}
h1 {
    font-size: 42px !important;
    font-weight:700;
}
h2 {
    font-size: 32px !important;
    font-weight:700;
}
h3 {
    font-size: 24px !important;
    font-weight:700;
}
h4 {
    font-size: 20px !important;
    font-weight:700;
}

@media (max-width:991px){
    h1 {
        font-size:28px !important;
    }
    h2 {
        font-size:24px !important;
    }
    h3 {
        font-size:20px !important;
    }
    h4 {
        font-size:18px !important;
    }
}



/* header */
#sp-header {
    background: rgb(255 255 255 / 0%);
    margin-bottom:-100px;
    box-shadow: none;
    height:100px;
}
@media (max-width: 991px) {
    #sp-header {
        height: 90px !important;
    }
}
#sp-header .logo-image {
    height: auto;
    width: 130px;
    transform:translateY(10px);
    margin: -5px 0px;
}
@media (max-width: 991px){
    #sp-header .logo-image{
        width: 100px;
        transform: translateY(17px);
}}

#sp-header.header-sticky{
    background: linear-gradient(135deg, #52796f, #2f3e46);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
#sp-header .sp-menu-item a {
    color: #fff;
    transition: 0.3s;
}
#sp-header .sp-menu-item a:hover,#sp-header .sp-menu-item a:focus {
    color: #84a98c;
}
#sp-header .sp-menu-item.current-item.active a {
    color: #84a98c;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background-color: #ffffffc7;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-menu-item{
    padding:10px;
}
.sp-dropdown.sp-dropdown-main.sp-menu-right {
    width: 150px !important;
}
.sp-dropdown-inner .sp-menu-item{
    height:40px;
    transition: 0.3s;
}
.sp-dropdown-inner .sp-menu-item a{
    color: #2f3e46 !important;
    transition: 0.3s;
  	padding: 0 !important;
}
.sp-dropdown-inner .sp-menu-item:hover a,.sp-dropdown-inner .sp-menu-item:focus a{
    color: #84a98c !important;
}
.sp-dropdown-inner .sp-menu-item:hover,.sp-dropdown-inner .sp-menu-item:focus{
    background: #ffffff;
}
/* off-canvas */
.burger-icon span {
    background-color: #84a98c !important;
}
.offcanvas-menu.border-menu .offcanvas-inner a{
    color: #52796f !important;
    opacity: 1 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a{
    color: #2f3e46 !important;
    opacity: 1 !important;
}
.offcanvas-menu.border-menu .offcanvas-inner li:hover a,.offcanvas-menu.border-menu .offcanvas-inner li:focus a{
    opacity: 0.7 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active:hover a,.offcanvas-menu .offcanvas-inner ul.menu li.active:focus a{
    opacity: 0.7 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu li ul.menu-child{
    margin:0 10px!important;
}
.offcanvas-menu .offcanvas-inner ul.menu li .menu-child li{
    padding: 10px;
}
.offcanvas-menu .offcanvas-inner ul.menu li .menu-child li a{
    color: #84a98c !important;
    opacity: 1 !important;
    transition:0.3s;
}
.offcanvas-menu .offcanvas-inner ul.menu li .menu-child li:hover a,.offcanvas-menu .offcanvas-inner ul.menu li .menu-child li:focus a{
    opacity: 0.7 !important;
}



/* bottom */
#sp-bottom{
    background: linear-gradient(135deg, #52796f, #2f3e46) ;
}
#sp-bottom1 img {
    height: 150px;

    transform: translateX(-20px) translateY(-30px);
}
#sp-bottom .sp-module {
    margin-bottom: 0px;
}
#sp-bottom2,#sp-bottom3,#sp-bottom4{
    margin-bottom:30px;
}
@media (max-width:767px){
#sp-bottom2,#sp-bottom3,#sp-bottom4{
    margin-bottom:50px;
}}
#sp-bottom a{
    color: #ffffff !important;
}
#sp-bottom a:hover,#sp-bottom a:focus{
    color: #84a98c !important;
}



/* footer */
#sp-footer .container-inner{
    text-align:center;
    padding: 30px 0;
}
@media (max-width:767px){
#sp-footer .container-inner{
    padding: 30px 0 100px 0;
}}
#sp-footer{
    background: #2f3e46;
}
#sp-footer .sp-copyright, #sp-footer a{
    color: #84a98c !important;
}



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



/* social media */
#sp-bottom .social-icon-001 ul>li {
    margin:0px;
}

#sp-bottom .social-icon-001 .sppb-row-column  {
    padding:0px !important;
}

#sp-bottom .social-icon-001{
    transform: translateX(-10px) translateY(-40px);
}

.fa-book:before {
    content: url(/images/0_project/icon/xhs-icon-001.png) !important;
}

i.fas.fa-book {
    transform: scale(0.15);
    transform-origin: left top;
    top: 18px;
    left: 130px;
    position: absolute;
    transition:0.5s;
}

i.fas.fa-book:hover,i.fas.fa-book:focus{
    opacity: 0.5;
}



/*page-title*/
.sp-page-title {
    background: linear-gradient(135deg, rgb(82, 121, 111) 0%, rgb(47, 62, 70) 100%);
    padding: 135px 0 50px 0;
    text-align:center;
}
.sp-page-title .breadcrumb {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.sp-page-title .breadcrumb .float-start{
    display: none;
}