html {
    scroll-behavior: smooth;
}

body.com-sppagebuilder {
    position: relative;
}

.com-sppagebuilder.home:before {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    top: 8.91%;
    bottom: 55%;
    background-image: url("/images/2022/12/02/hexa_top.png"); /* live server */
    /*background-image: url("/joomla/images/2022/12/02/hexa_top.png");*/ /* localhost */
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 1;
}
/*
.com-sppagebuilder.home:after {
    position: absolute;
    content: "";
    right: 0;
    top: 48.6%;
    bottom: 10%;
    width: 100%;
    background-image: url("/images/2022/12/02/hexa_bottom.svg"); /* live server * /
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: 1;
}
*/
.logo img {
    width: auto;
}


/* fix sp page builder editor */
#sppb-section-parent-1669820764044.sp-pagebuilder-section-parent, #sppb-section-parent-1669823704057.sp-pagebuilder-section-parent,
#sppb-section-parent-1639034437320.sp-pagebuilder-section-parent, #sppb-section-parent-1669821946889.sp-pagebuilder-section-parent,
#sppb-section-parent-1669823704044.sp-pagebuilder-section-parent {
    z-index: 2;
}

.sppb-slide-item-bg, .sppb-slideshow-fullwidth-item-bg {
    opacity: 0.8;
}

#sp-header.has-slideshow {
    position: fixed;
    top: 0;
}

#sp-header {
    background: #000 !important;
    height: 134px !important;
    display: flex;
    align-items: center;
}

#sp-header > .container > .row, #sp-header > .row {
    display: flex;
    align-items: center;
}

#sp-header > .row {
    padding: 0 2em;
}

.sp-megamenu-parent {
    display: flex;
    flex-wrap: wrap;
}

.sp-megamenu-parent .sp-menu-item a {
    font-size:16px;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    background: unset;
    color: #ffd600;
}

.sp-megamenu-parent {
    display: flex;
    align-items: center;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background-color: #000000;
    border-top: 3px solid #ffd600;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #ffffff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background-color: #000000;
    color: #ffd600;
}

.sp-megamenu-parent > li > a {
    padding: 0 20px;
}

.sp-megamenu-parent > li:last-child {
    background-color: #ffd600;
    border-radius: 70px;
    height: 50px;
    margin: 0 27px;
    border: #ffd600 2px solid;
    display: flex;
    align-items: center;
}

.sp-megamenu-parent > li:last-child:hover {
    background-color: #000000;
    border-radius: 70px;
}

.sp-megamenu-parent > li:last-child a {
    line-height: unset !important;
    color: #000000;
    font-weight: 700;
    padding: 14px 28px;
}

.sp-megamenu-parent > li:last-child:hover a {
    color: #ffd600;
}

.offcanvas-menu {
    font-family: Montserrat, sans-serif;
    width: 350px;
    background-color: #000000;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a {
    background-color: #000000;
    color: #ffd600;
}


.reference-item {
    font-weight: 600;
}

.yellow-button {
    font-weight: 700;
}

.about h2 {
    margin-bottom: 0 !important;
}

.sp-page-builder .page-content #home {
    background-size: auto calc(100vh - 200px);
    min-height: calc(100vh - 134px);
}

#home h1 {
    line-height: 73px !important;
}

#home h1 .yellow-text {
    color: #ffd600;
}

.services-item a img {
    transition: transform .2s;
}

.services-item a:hover img {
    transform: scale(1.1);
}

#section-id-1481090204 {
    background-position: 50% 0 !important;
}

.sppb-addon-news .sppb-row {
    justify-content: center;
}

.sppb-addon-news .sppb-row .news {
    padding: 28px;
    background-color: #ffffff;
    border-radius: 7.66265px;
    max-width: 32%;
    margin: 7px;
    height: unset;
}

.sppb-addon-news .sppb-row .news .news-inner .news-img {
    /*height: 80%;*/
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    aspect-ratio: 3 / 2;
}

.sppb-addon-news .sppb-row .news .news-inner h3 {
    line-height: 31px;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 8px;
    color: #000000;
    font-family: Montserrat, sans-serif;
}

.sppb-addon-news .sppb-row .news .news-inner h4 {
    font-size: 14px;
    line-height: 29px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-block: 8px;
}

.sppb-addon-news .sppb-row .news .news-inner h4 .news-icon {
    margin-right: 12px;
}

.footer {
    background: url("/images/2022/12/02/footer.png") no-repeat; /* live server */
    /*background: url("/joomla/images/2022/12/02/footer.png") no-repeat;*/ /*localhost*/
    overflow: hidden;
    background-size: cover;
    height: 100vh;
}


#sp-footer {
    /* display: none */
	
	padding: 0px;
	background-size: cover;
	overflow: hidden;
	 background-image: url("/images/2022/12/02/footer.png"); /* live server */
	/*width: max-content; */
	background-color: #ffd600;
	position: relative;
	z-index: 1;
	/*height: 100vh; */
}

.onepage-contact-wrapper .sppb-column .onepage-contact-form .sppb-ajax-contact-content form input, .onepage-contact-wrapper .sppb-column .onepage-contact-form .sppb-ajax-contact-content form textarea {
    color: black;
    background-color: white;
}

.sppb-ajax-contact-content {
    z-index: 1000;
}

.sppb-btn-success {
    background-color: #ffd600;
    border-color: #ffd600;
}

.features-hexa .sppb-addon-feature .sppb-feature-box-title {
    margin-top: 20px;
}

.onepage-contact-wrapper .sppb-column .onepage-contact-form .sppb-ajax-contact-content {
    height: auto;
}

.service_img {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

#sppb-addon-1481090200 {
    position: relative;
}

#sppb-addon-1539634352032 {
    position: absolute;
    z-index: 1000;
    top: 60%;
    left: 50%;
}

.search .search-query {
    opacity: 0.75;
    color: #000;
    border: 1px #ef4136;
}

.page-content > section {
    position: relative;
    z-index: 2;
}

#news, #clients, #section-id-1639034437320, #section-id-1669821946889, #section-id-1669823704044 {
    z-index: unset !important;
}


@media (max-width: 991px) {
    .sppb-addon-news .sppb-row .news {
        max-width: 100%;
    }

    #home h1 {
        font-size: 42px !important;
        line-height: 55px !important;
    }

    #home .sppb-section-background-video, #home .sppb-row-overlay {
        display: none;
    }

    #sppb-addon-wrapper-1669826025086 {
        order: 3;
    }

    .reference-img {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    body:before {
        bottom: 10%;
    }

    body:after {
        bottom: 12% !important;
    }

    #sppb-addon-1539634352032 {
        margin-left: -100px !important;
    }

    #section-id-1669718624525 {
        padding: 100px 30px !important;
    }

    #home {
        padding-top: 50px !important;
    }

    #home h1 {
        font-size: 42px !important;
        line-height: 55px !important;
    }

    .reference-item {
        margin-top: 8px;
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 480px) {
    h2.sppb-addon-title {
        font-size: 28px !important;
        line-height: 39px;
    }
}

.entry-image {
    max-height: 20%;
}

#sp-search .search {
    margin-top: 25px;
}

@media (max-width: 1199px) {
    #sp-search .search {
        margin-top: 15px;
    }

    .logo img {
        padding-top: 6px;
        max-height: 50px;
    }

    #sp-logo {
        width: 100%;
    }

    #sp-menu {
        position: inherit;
    }

    #sp-header .container .row {
        display: flex;
    }

}

@media (min-width: 1200px) {
    #sp-header {
        position: fixed;
        top: 0;
        z-index: 999;
        -webkit-transition: 400ms;
        -o-transition: 400ms;
        transition: 400ms;
        width: 100%;
    }

    #sp-main-body {
        padding-top: 134px !important;
    }

    .page-content > section {
        scroll-margin-top: 134px;
    }
}