/* SG Styles */

/* COLORS */

:root {
    --sg-green: #00bb73;
    --sg-blue: #263d91;
}


#page-title h1 {
    text-transform: unset !important;
    color: #fff;
}


#page-title.page-title-parallax {
    background-image: url('images/backgrounds/hero.jpg');
    padding: 240px 0px 190px 0px;
}


#top-social li {
    border: none !important;
}

.dark .top-links li > a {
    color: #fff;
}

.dark #top-social li a {
    color: #fff;
}

#page-title span {
    color: #fff !important;
    max-width: 75%;
}

.dark .breadcrumb a {
    color: #1abc9c;
}

.dark .breadcrumb-item.active {
    color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}

.dark .top-links li:hover {
    background-color: #1abc9c;
}

.slider-caption h1 {
    font-size: 4rem !important;
    letter-spacing: 2px;
    text-transform: unset;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}


#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title.current > a {
    color: #1abc9c;
}

#header.transparent-header + #page-title.page-title-parallax .breadcrumb {
    margin-top: 0 !important;
}


.sg-hero-title {
    height: 48em !important;
}

.sg-page-title {
    height: 35em;
}

@media (max-width: 992px) {
    .sg-page-title {
        height: 35em !important;
    }
}

@media(min-width:768px) {
    .sg-page-title .slider-title {
        padding-top: 4em !important;
    }
}

.slider-title h1 {
    /* font-size: 50px;
    line-height: 1.3;
    letter-spacing: -1px;
    font-weight: 700;
    margin-bottom: 0.2em;*/
}

.slider-title h2 {
    font-size: 22px;
    color: #fff;
}

.section-features .btn-link {
    font-size: 14px;
}

.section-features .card {
    border: 0;
    overflow: hidden;
    background: #FFF;
    background-clip: padding-box;
    box-shadow: 0 0 35px rgba(140, 152, 164, 0.2);
}

    .section-features .card:before {
        content: '';
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        margin-bottom: 0;
        height: 3px;
        width: 100%;
        background: linear-gradient(to right, blue, lightblue);
    }

    .section-features .card.border-color-pink:before {
        background: linear-gradient(to right, red, pink);
    }

    .section-features .card.border-color-yellow:before {
        background: linear-gradient(to right, teal, cyan);
    }

    .section-features .card.border-color-info:before {
        background: linear-gradient(to right, #111, #DDD);
    }


.slider-feature {
    position: relative;
    transform: translateY(-3em);
    z-index: 4;
}

    .slider-feature a {
        color: #222;
        transition: all .2s ease;
    }

        .slider-feature a:hover {
            background-color: #C6C09C;
            background-color: var(--themecolor);
            color: #fff;
            transform: translateY(-2px);
            z-index: 1;
        }

        .slider-feature a i {
            position: relative;
            top: 4px;
            font-size: 20px;
            padding-right: 6px;
        }

/* SVG Divider
----------------------------------------------------------------- */
.svg-line {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    width: 100%;
    height: 20px;
}

.button-svg {
    background-image: url('images/border.svg');
    background-repeat: no-repeat;
    background-position: center 120%;
    background-size: 100% 10px;
    color: #222;
    font-size: 16px;
}

#sg-cards .card {
    border-radius: 4em !important;
}

#sg-cards .card-body {
    font-size: 1.15em;
}

.sg-heading-noborder:after {
    display: none !important;
}

.feature-box h1, .feature-box h2, .feature-box h3, .feature-box h4, .feature-box h5, .feature-box h6 {
    text-transform: unset !important;
}



.contact-section {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    padding: 60px !important;
    z-index: 0;
}

.contact-image {
    position: relative;
    width: 60%;
    margin-top: 30px;
    z-index: 2;
    box-shadow: 0 0 40px rgba(0,0,0,.3);
}

@media (max-width: 991px) {
    .contact-section {
        position: relative;
        display: block;
        width: 100%;
        padding: 20px;
    }

    .contact-image {
        width: 100%;
        margin-top: 0;
    }
}


#sg-plan-comparison {
    -webkit-box-shadow: 0px 17px 62px -2px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 17px 62px -2px rgba(0,0,0,0.39);
    box-shadow: 0px 17px 62px -2px rgba(0,0,0,0.39);
    background-color: #ffffff;
}

    #sg-plan-comparison td {
        border-top-color: #1abc9c;
    }



.sg-breadcrumb {
    position: unset !important;
    margin: unset !important;
    background-color: transparent !important;
    padding: 0 0 .75em 0 !important;
    margin-bottom: .75em;
    font-size: 13px !important;
}


    .sg-breadcrumb i {
        margin-top: -2px;
    }


.slider-bottom-box {
    display: block;
    padding: 40px;
    background: #FFF;
    box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.1);
    border-radius: 3px;
}

    .slider-bottom-box li {
        font-weight: 500;
    }

.slider-box-wrap {
    position: relative;
    top: -50px;
    margin-bottom: -50px;
    z-index: 2;
}


.slider-element {
    height: 600px;
    overflow: visible;
    background-color: #44AAAC;
}

.overflow-visible {
    overflow: visible !important;
}

#sg-feature-box a {
    color: #1abc9c;
}

    #sg-feature-box a:hover {
        color: #000000;
    }

#sg-solutions img {
    box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.2);
}

#sg-cta {
    padding: 50px 0 100px 0;
}

.sg-accordion .card-header {
    background-color: #ffffff;
}

@media screen and (max-width:425px) {
    .retina-logo img, .standard-logo img {
        padding: 8% !important;
    }
}

#sg-about-feature-box .fbox-icon img {
    height: auto !important;
}








/* ---------------------------------------------------------------------------------------------------------------------
	THEME RESKIN STYLES MARCH 2020
----------------------------------------------------------------- */
#content p {
    line-height: 1.5;
}

.heading-block h3 {
    font-size: 50px;
}

.section {
    padding: 30px 0;
    margin: 0;
}

.bg-grey {
    background: #f8fafd;
}

.heading-block > span:not(.before-heading) {
    color: #4f5059;
}

.dark .heading-block:not(.not-dark) > span {
    color: #FFF;
}

.end-page h3 {
    font-size: 1.125em;
}

h3.big {
    font-size: 50px !important;
}

h3.t30 {
    font-size: 30px;
}

img.w80 {
    max-width: 80%;
}

#sg-feature-box a {
    color: #00bb73;
}

/* ----------------------------------------------------------------
	HERO AREA
----------------------------------------------------------------- */
.slider-element {
    height: 720px;
}

    .slider-element.hero-secondary-pages {
        height: 720px;
    }

.hero-seondary-pages #join-free {
    background-color: rgba(0,187,15,0.9);
}

    .hero-secondary-pages #join-free .button,
    .cta-sub-pages .button {
        color: #263d90;
    }


/* .slider-title {
    margin-top: 110px;
}*/

@media (min-width: 992px) {

    #header.transparent-header.floating-header + #slider {
        top: -230px;
        margin-bottom: -230px;
    }

        #header.transparent-header.floating-header + #slider.sg-sub-page-hero {
            top: -230px;
            margin-bottom: -230px;
        }
}

.hero-secondary-pages h1 {
    line-height: 1.3;
}

.hero-secondary-pages .feature-box.fbox-border .fbox-icon {
    border-color: #FFF;
    margin-top: 15px;
}

.hero-secondary-pages .feature-box .fbox-icon i, .feature-box .fbox-icon img {
    /* background-color: rgba(255,255,255,0.3) !important; */
    color: #FFF;
}




/* ----------------------------------------------------------------
	TOP BAR
----------------------------------------------------------------- */
#header {
    height: 125px;
}

    #header #top-bar.green-topbar,
    #header #top-bar .container {
        background: #00bb73 !important;
        opacity: 1;
    }

        #header #top-bar.green-topbar .top-links li > a {
            display: block;
            padding: 0 12px;
            font-size: 10px;
            font-weight: 400;
            font-family: 'Montserrat', sans-serif;
            text-transform: uppercase;
            height: 44px;
            color: #FFF;
        }

        #header #top-bar.green-topbar .top-links li:hover {
            background-color: transparent;
        }


        #header #top-bar.green-topbar #top-social li a {
            color: #FFF;
        }

    #header #header-wrap .container {
        box-shadow: none;
    }

    #header #header-wrap,
    #header.sticky-header #header-wrap {
        background: rgba(255,255,255,0.9);
    }

    #header.transparent-header.floating-header .container {
        background-color: transparent;
    }

    #header.sticky-header:not(.static-sticky),
    #header.sticky-header:not(.static-sticky) #header-wrap,
    #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
        height: 80px;
    }

    #header.sticky-header #header-wrap {
        position: fixed;
        top: 45px;
        left: 0;
        width: 100%;
        /* background-color: #FFF; */
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    #header.sticky-header #top-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }


/* ----------------------------------------------------------------
	MEGA MENU
----------------------------------------------------------------- */
#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content {
    border: 1px solid #e7ebef;
    border-top: 2px solid #00bb73;
}


    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover {
        color: #00bb73;
    }

#primary-menu ul ul li:hover > a {
    background-color: #F9F9F9;
    padding-left: 18px;
    color: #00bb73;
}

/* ----------------------------------------------------------------
	BUTTONS
----------------------------------------------------------------- */
.button {
    background-color: #00bb73;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 0.875em;
}

.button-green { /* SUPPLIER */
    background-color: #00bb73;
}

.button-blue { /* BUYER */
    background-color: #263d91;
}


.button.button-rounded {
    border-radius: 24px;
}

.button.button-custom {
    font-size: 1.5em;
    font-weight: 400;
}



    .button.button-custom span {
        display: inline-block;
        border-right: 1px solid;
        line-height: 1.1em;
        padding-right: 1.5em;
        margin-right: 0em;
    }

    .button.button-custom i {
        font-size: 30px;
        top: 4px;
        margin-right: 0;
        margin-left: 5px;
    }



.hero-solutions #join-free {
    background-color: rgba(38,61,144,0.9);
}

    .hero-solutions #join-free .button {
        color: #00bb73;
    }



/* ----------------------------------------------------------------
	FORM
----------------------------------------------------------------- */
#email-form .form-control {
    display: block;
    width: 60%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #FFF;
    background-color: transparent;
    background-clip: padding-box;
    border: 2px solid #e9e9e9;
    border-radius: 24px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-right: 2em;
}

#email-form .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child),
.form-contact input, .form-contact textarea {
    /* border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;*/
    border-radius: 24px;
}

input#email::placeholder,
input#email::-webkit-input-placeholder,
input#email:-ms-input-placeholder {
    color: #FF0000 !important;
}



/* ----------------------------------------------------------------
	MENU
----------------------------------------------------------------- */
#primary-menu ul li > a {
    color: #292a34;
}

#primary-menu ul li:hover > a,
#primary-menu ul li.current > a {
    color: #00bb73;
}

#clients-horizontal-slider.owl-carousel .owl-item {
    /*padding-left: 50px;
    padding-right: 50px;
     border-right: 1px solid #e7ebef;*/
}

    #clients-horizontal-slider.owl-carousel .owl-item.active:last-child {
        border-right: none !important;
    }


/* ----------------------------------------------------------------
	HOME HERO
----------------------------------------------------------------- */
.home-hero-img {
    margin-top: 150px;
}

.hero-home .slider-title p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.125em;
    line-height: 1.4;
    margin-bottom: 1em;
    color: #4f5059;
}

    .hero-home .slider-title p strong {
        font-weight: 700;
    }

#slider #buyer-supplier {
    background-color: rgba(255,255,255,0.9);
}

#slider #buyer-supplier {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#buyer-supplier .buyer-supplier-tabs {
    height: 200px;
}


    #buyer-supplier .buyer-supplier-tabs .tab-container {
        border: 1px solid #e7ebef;
        padding: 1em;
    }

    #buyer-supplier .buyer-supplier-tabs .side-tabs ul.tab-nav {
        margin-right: 3em;
    }

    #buyer-supplier .buyer-supplier-tabs ul.tab-nav.tab-nav2 li a {
        border-radius: 24px;
    }

        #buyer-supplier .buyer-supplier-tabs ul.tab-nav.tab-nav2 li a.button-blue,
        #buyer-supplier .buyer-supplier-tabs ul.tab-nav.tab-nav2 li.ui-state-active a.button-blue {
            background-color: #263d90;
            color: #FFF;
        }

        #buyer-supplier .buyer-supplier-tabs ul.tab-nav.tab-nav2 li a.button-green,
        #buyer-supplier .buyer-supplier-tabs ul.tab-nav.tab-nav2 li.ui-state-active a.button-green {
            background-color: #00bb73;
            color: #FFF;
        }


    #buyer-supplier .buyer-supplier-tabs .ul.tab-nav:not(.tab-nav-lg) li a {
        color: #FFF !important;
    }

    #buyer-supplier .buyer-supplier-tabs .tab-content {
        color: #263d90;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 1.125em;
    }

        #buyer-supplier .buyer-supplier-tabs .tab-content p {
            margin-bottom: 0;
        }

.hero-home-img {
    margin-top: 200px;
    opacity: 0.9;
}

#buyer-supplier .button.button-custom i {
    font-size: 14px;
    top: 1px;
}

#buyer-supplier .button.button-custom span {
    width: 140px;
}



/* ----------------------------------------------------------------
	FOOTER
----------------------------------------------------------------- */
#footer {
    color: #FFF;
    background: #3a3a3a url('/images/backgrounds/bg-footer.svg') no-repeat;
    background-size: cover;
}

.footer-tagline h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.2;
    color: #FFF;
}

.footer-tagline p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 0.875em;
    line-height: 1.5;
    color: #FFF;
}


#footer .feature-box {
    padding-left: 5.625em;
    height: 3.875em;
}

    #footer .feature-box h3 {
        color: #FFF;
        font-size: 1.125em;
        padding-top: 0.6em;
    }

    #footer .feature-box p {
        color: #FFF;
        font-size: 1em;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        margin-top: 0;
    }

    #footer .feature-box.fbox-light .fbox-icon i,
    #footer .feature-box.fbox-light .fbox-icon img {
        color: #00bb73;
        background-color: #f8fafd;
    }

    #footer .feature-box.fbox-light .fbox-icon > i {
        background-color: rgba(248, 250, 253, 0.14);
    }

    #footer .feature-box a,
    #footer .feature-box a:hover {
        color: #FFF;
    }

#email-form .input-group-text {
    background: #3a3a3a;
    color: #FFF;
}

#email-form .email {
    height: 40px;
}


#copyrights {
    padding: inherit;
    background: #686868;
}


    #copyrights p {
        margin-bottom: 0;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 0.875em;
    }

/* .app-store div{
    padding: 0 6em;
} */

.app-store img {
    max-width: 160px;
}

/* ----------------------------------------------------------------
	TESTIMONIAL
----------------------------------------------------------------- */
.testimonials h3 {
    font-size: 40px;
}

.testimonial {
    position: relative;
    padding: 20px;
    background-color: inherit;
    border: none;
    border-radius: 0px;
    box-shadow: none;
}

    .testimonial .testi-content p {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.5 !important;
        font-family: 'Montserrat', sans-serif;
    }

    .testimonial .testi-content .testi-meta {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5 !important;
    }

        .testimonial .testi-content .testi-meta span {
            font-size: 14px;
            font-weight: 500;
            line-height: 1.5 !important;
        }

.testi-meta {
    margin-top: 40px;
}

    .testi-meta:before {
        content: '';
    }

.owl-carousel .owl-stage {
    padding: 10px 0;
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    width: 12px;
    height: 12px;
    margin: 0px 4px 0 4px;
    border-radius: 50%;
    background-color: #FFF;
    border: 2px solid #00bb73;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .owl-carousel .owl-dots .owl-dot.active {
        background-color: #00bb73;
    }


/* ----------------------------------------------------------------
	OUR PLATFORM
----------------------------------------------------------------- */
.our-platform {
    /*  padding-bottom: 85px;*/
}

    .our-platform .item {
        font-weight: 300;
        font-size: 16px;
    }

        .our-platform .item > div {
            box-shadow: 0 11px 40px rgba(0, 0, 0, 0.05);
        }

        .our-platform .item img {
            margin-bottom: 30px;
        }

        .our-platform .item h4 {
            max-width: 70%;
            margin-bottom: 15px;
        }

        .our-platform .item p {
            margin-bottom: 0;
        }

        .our-platform .item div {
            background: #FFF;
            padding: 20px;
            height: 100%;
        }


/* ----------------------------------------------------------------
	OUR FEATURES
----------------------------------------------------------------- */
.our-features {
    background: #FFF;
}

    .our-features .item > div {
        padding: 25px;
    }

    .our-features div.counter  {
        font-size: 64px;
        font-weight: 700;
        color: #00bb73;
        line-height: 1;
        margin-bottom: 0;
    }

    .our-features .sub-text {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 15px;
    }



/* ----------------------------------------------------------------
	PARTNER SUB PAGE HERO
----------------------------------------------------------------- */
.partner-sub-page-hero .slider-title p,
.hero-partner-pages .slider-title p 
{
    font-size: 1.125em;
    font-weight: 400!important;
    line-height: 1.2;
    color: #000!important;
}

    .hero-partner-pages .slider-title h2{
        color:#000!important
}
    /* ----------------------------------------------------------------
	SUB PAGE HERO 
----------------------------------------------------------------- */
    .sg-sub-page-hero .slider-title p,
    .hero-secondary-pages .slider-title p {
        font-size: 1.125em;
        font-weight: 700;
        line-height: 1.2;
        color: #FFF;
    }

.hero-secondary-pages .slider-title h2 {
    color: #000 !important
}
.hero-secondary-pages .button-custom {
}

.sg-sub-page-hero li {
    list-style: none;
    position: relative;
}

    .sg-sub-page-hero li i {
        font-size: 1em;
    }

    .sg-sub-page-hero li a {
        font-weight: 700;
        font-size: 1.125em;
        color: #FFF;
        display: inline-block;
        margin-left: 15px;
    }

.hero-feature-links .feature-box {
    padding-left: 30px;
}

    .hero-feature-links .feature-box .fbox-icon {
        width: 28px;
        height: 28px;
        top: -2px;
    }

        .hero-feature-links .feature-box .fbox-icon i {
            font-size: 28px;
            line-height: 1;
        }


    .hero-feature-links .feature-box a {
        margin-left: 10px;
        position: relative;
        display: inline-block;
        color: #FFF;
        padding-right: 22px;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .hero-feature-links .feature-box a:hover {
            padding-right: 26px;
        }

        .hero-feature-links .feature-box a i {
            position: absolute;
            right: 0;
            top: 2px;
        }

#join-free {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    padding-top: 2em;
}

    #join-free h3 {
        font-size: 2.5em;
    }

    #join-free p {
        font-weight: 700;
    }

.hero-join-free {
    position: relative;
}

#join-free .button {
    background: #fff;
    position: absolute;
    right: 0;
    top: 40px;
}


/* ----------------------------------------------------------------
	ABOUT PAGE 
----------------------------------------------------------------- */


.hero-about .slider-title p {
    font-size: 1.625em;
    font-weight: 700;
    line-height: 1.4;
    color: #292a34;
}

.what-we-do p {
    font-size: 1.125em;
    font-weight: 300;
}

.what-we-do li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.125em;
    font-weight: 700;
    color: #00bb74;
}

.our-mission {
    background: url('/images/backgrounds/bg-green.svg') no-repeat;
    background-size: cover;
}


    .our-mission h3 {
        font-size: 2.5em;
    }

    .our-mission p {
        font-size: 1.125em;
        font-weight: 700;
    }


.clients-grid li:before,
.testimonials-grid li:before {
    border-left: 1px solid #e7ebef;
}

.clients-grid li:after,
.testimonials-grid li:after {
    border-bottom: 1px solid #e7ebef;
}

body:not(.device-touch) .clients-grid li {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    body:not(.device-touch) .clients-grid li:hover {
        background: #FFF;
        box-shadow: 0 0 35px rgba(140, 152, 164, 0.2);
    }


.clients-grid li a img {
    width: 50%;
}


/* ----------------------------------------------------------------
	BUYERS SOLUTIONS 
----------------------------------------------------------------- */

.column-content p {
    font-size: 1.125em;
    font-weight: 300;
}

.column-content a {
    font-size: 1em;
}

.column-content h3 {
    font-size: 30px;
}


#oc-manage-tool .oc-item .col-lg-4 {
    padding-bottom: 4em;
}

/* little hack using feature box look but aligning it to left as per design */
#oc-manage-tool .oc-item .feature-box.fbox-center {
    text-align: left;
}

    #oc-manage-tool .oc-item .feature-box.fbox-center .fbox-icon {
        margin-left: 0;
    }

    #oc-manage-tool .oc-item .feature-box.fbox-center:not(.fbox-bg) h3:after {
        display: none;
    }

#oc-manage-tool .oc-item .header-item {
    text-align: left;
    font-size: 50px;
}

#oc-manage-tool .oc-item p a {
    display: inline-block;
    position: relative;
    padding-right: 10px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    #oc-manage-tool .oc-item p a:hover {
        padding-right: 14px;
    }

    #oc-manage-tool .oc-item p a i {
        position: absolute;
        top: 2px;
        right: 0px;
    }

#oc-manage-tool .oc-item h3 {
    font-size: 1.125em;
    margin-bottom: 10px;
}

#oc-manage-tool .oc-item p {
    font-weight: 300;
    font-size: 1em;
}

    #oc-manage-tool .oc-item p a {
        font-weight: 700;
    }

/* ----------------------------------------------------------------
	SUPPLIERS
----------------------------------------------------------------- */
.hero-suppliers #join-free {
    background-color: rgba(0,187,15,0.9);
}

    .hero-suppliers #join-free .button,
    .cta-sub-pages .button {
        color: #263d90;
    }


.plan-details {
    background-color: #FFF;
}

#sg-plan-comparison td {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border-top-color: #e7ebef;
}

.table-comparison, .table-comparison th {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}




/* ----------------------------------------------------------------
	CONTACT
----------------------------------------------------------------- */
.address-container .feature-box address,
.address-container .feature-box p {
    color: #FFF;
    font-weight: 300;
    font-size: 1.125em;
    margin-top: 8px;
}

.address-container .feature-box h3 {
    padding-top: 0.3em;
    font-size: 1.375em;
}

.address-container a {
    color: #FFF;
}

/* ----------------------------------------------------------------
	FAQ
----------------------------------------------------------------- */
.faq-content .card-header {
    background: rgba(0,187,115,0.8);
}

    .faq-content .card-header h5 a {
        font-weight: 500;
        font-size: 1.125em;
    }

    .faq-content .card-header h5 a {
        color: #fff;
    }

.faq-content .card-body p {
    font-weight: 300;
}


#sg-feature-box li i {
    color: #00bb73;
    left: -25px;
}

#sg-feature-box p {
    font-size: 18px;
    font-weight: 300;
}

/* ----------------------------------------------------------------
	RESPONSIVE
----------------------------------------------------------------- */
@media (max-width: 510px) {
    #footer button {
        margin-top: 1em !important;
    }
}


@media (min-width: 0px) {

    #logo img {
        padding: 20px 0;
    }

    .hero-home,
    .hero-about {
        height: auto;
    }

        .hero-home .slide-content-wrap,
        .hero-about .slide-content-wrap {
            padding: 1em;
            margin: 1em 0;
            background: rgba(255,255,255,0.9);
        }

    .slider-title {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    h1 {
        font-size: 60px;
    }

    h3 {
        font-size: 50px;
    }

    .clients-grid.grid-3 li {
        width: 50%;
    }

    #join-free {
        height: auto;
        min-height: 200px;
    }

        #join-free .button {
            position: static;
            margin-bottom: 40px;
        }
}

@media (min-width: 576px) {

    #logo img {
        padding: 15px 0;
    }

    .app-store div {
        display: inline-block;
    }
}

@media (min-width: 768px) {

    .clients-grid.grid-3 li {
        width: 33.33%;
    }
}


@media (min-width: 992px) {

    .hero-home {
        height: 720px;
        margin-top: 150px;
    }

    .slider-title {
        margin-top: 150px;
    }

    .hero-home .slide-content-wrap,
    .hero-about .slide-content-wrap {
        padding: 0;
        margin: 0;
        background: none;
    }

    .hero-about {
        height: 640px;
        margin-top: 150px;
    }

    .sg-sub-page-hero {
        margin-top: 150px;
    }

    #join-free h3 {
        margin-top: 40px;
    }

    #join-free .button {
        position: absolute;
    }
}

.sg-blue {
    color: #263d91 !important;
}

    .sg-blue i {
        background-color: #263d91 !important;
    }

        .sg-blue i:hover {
            background-color: #2f6a96 !important;
        }

.sg-green {
    color: #00bb73 !important;
}

    .sg-green i {
        background-color: #00bb73 !important;
    }

        .sg-green i:hover {
            background-color: #1abc9c !important;
        }

.sg-gold {
    color: #fab70b !important;
}

    .sg-gold i {
        background-color: #fab70b !important;
    }

        .sg-gold i:hover {
            background-color: #f7c961 !important;
        }


@media(prefers-color-scheme:dark) {
    .smart-banner {
        background: -webkit-linear-gradient(top, #000000 0%,#1f1f1f 100%) !important;
    }

    #swb-save {
        color: lightskyblue !important;
    }

    #swb-info strong {
        color: #fff !important;
    }

    #swb-close {
        color: #fff !important;
    }
}

.smart-banner {
    position: absolute;
    left: 0;
    top: -82px;
    width: 100%;
    height: 78px;
    font-family: 'Helvetica Neue',sans-serif;
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%);
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none;
}

#swb-save {
    position: absolute;
    right: 20px;
    top: 24px;
    width: 10%;
    min-width: 58px;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
}

    #swb-save:active {
        line-height: 25px;
        background: -webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%);
    }

.smart-glossy-icon {
    width: 60px;
    height: 60px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    position: absolute;
    left: 30px;
    top: 10px;
    display: block;
}



#swb-close {
    position: absolute;
    box-sizing: unset;
    left: 6px;
    top: 30px;
    display: block;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #000;
    text-decoration: none;
    text-shadow: none;
    border-radius: 14px;
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: normal;
}

    #swb-close:active {
        color: #aaa;
    }

#swb-info {
    position: absolute;
    left: 98px;
    top: 14px;
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    color: #6a6a6a;
}

    #swb-info strong {
        display: block;
        font-size: 13px;
        color: #4d4d4d;
    }

    #swb-info em {
        font-style: normal;
        text-transform: uppercase;
    }

.amazon-business h2{
 
           font-size:28px!important;
   
}

.bg-sg-blue {
    background-color: #263d91;
}

.bg-sg-green {
    background-color: #00bb73;
}