:root {
    --main-green: #3EB773;
    --secondary-green: #53C585;
    --army-green: #1E2A2B;
    --main-dark: #646464;
    --main-grey: #EFF0F0;
    --grey-dark: #959595;
    --main-grey-light: #F8F9F9;
    --white: #FFFFFF;
    --main-font: "Sora";
    --secondary-font: 'Clash';
    --black: #323232;
}

@font-face {
    font-family: "SoraVariable", sans-serif;;
    src: url('fonts/sora/Sora-VariableFont_wght.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
    font-weight: 500;
}

/*@font-face {*/
/*    font-family: 'SoraRegular';*/
/*    src: url('fonts/sora/Sora-Regular.ttf') format('truetype');*/
/*    !* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 *!*/
/*    font-weight: 500;*/
/*    !* font-style: italic; *!*/
/*    font-size: 14px;*/
/*}*/
/*@font-face {*/
/*    font-family: 'SoraLight';*/
/*    src: url('fonts/sora/Sora-Light.ttf') format('truetype');*/
/*    !* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 *!*/
/*    font-weight: 500;*/
/*    !* font-style: italic; *!*/
/*    font-size: 14px;*/
/*}*/
@font-face {
    font-family: 'Clash';
    src: url('fonts/ClashGrotesk-Variable.ttf') format('truetype');
}

body{
    font-family: "Sora", sans-serif !important;
    color: var(--army-green);
}

body, body p{
    font-size: 16px !important;
    font-family: "Sora", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Sora", sans-serif !important;
    margin-bottom: 0 !important;
    line-height: 1.2;
    font-weight: 700;
}

h1 {
    font-size: 45px;
    color: var(--army-green);
}

h2{
    color: var(--black);
    font-size: 36px;
}

h3 {
    font-size: 30px;
    color: var(--army-green);
}

h4 {
    font-size: 20px;
    color: var(--army-green);
}
h5{
    color: var(--army-green);
}

.home h1::after {
    display: block;
    content: "";
    border-top: .5rem solid var(--army-green);
    width: 4rem;
    margin-top: 30px;
    transform: translateY(-1rem);
}

h2::after,
    /*.pcontent h1:after,*/
.pcontent h3:after, div#title-hr h3:after {
    display: block;
    content: "";
    border-top: .5rem solid var(--main-green);
    width: 6rem;
    margin-top: 25px;
    transform: translateY(-1rem);
}

.pcontent h3.text-green:after {
    border: none !important;
}


/* header **/

#header-wrap {
    background-color: var(--army-green) !important;
    /*border-bottom: 5px solid var(--main-dark) !important;*/
}

#home-bg-green,
.home>.row:first-child {
    background-image: url('/tw_media/svg/background_hero_1280x800.svg');
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 2.5rem;
    display: inline-flex !important;
}

.home>.row:nth-child(2) {
    background-image: url('/tw_media/svg/background_pattern1_1280x1280.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.home>.row:nth-child(5) {
    background-color: var(--main-grey) !important;
    background-image: url(/tw_media/svg/background_pattern1_1280x1280.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
}

.home>.row:last-child {
    border-top: 5px solid var(--grey-dark) !important;
    padding-top: 2rem;
}

.home>.row {
    margin: 0 !important;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.home p {
    line-height: 1.5 !important;
    font-size: 20px !important;
}
.home .min-h-client-name p{
    font-size: 16px !important;
}

#home-bg-green .ge-content,
#home-bg-green h1,
#home-bg-green p {
    color: var(--white) !important
}

#home-bg-grey {
    background: var(--main-grey);
    background-image: url(/tw_media/svg/background_pattern02_1280x800.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.home.container-fluid,
.pcontent.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* #content.container-fluid>.row>.column,
#content.container-fluid .page-content>.row>.column {
    padding-left: 0 !important;
} */

#page-content .row {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.pcontent {
    background-image: url(/tw_media/svg/background_pattern1_1280x1280.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.pcontent .page-content>.row:nth-child(even), .grey-bg, #grey-bg {
    background-color: var(--main-grey) !important;
}

.pcontent .page-content>.row, .scontent .page-content>.row {
    margin: 0 !important;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.pcontent .page-content>.row:last-child, .scontent .page-content>.row:last-child {
    padding-bottom: 1rem !important;
}

section.portfolio {
    background: var(--main-grey) !important;
}

.latest-work {
    margin: 0 -15px;
}

.text-font-700 {
    font-family: "Sora", sans-serif;
    font-weight: 700;
}

.text-font-700-italics {
    font-family: "Sora", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.text-font-500 {
    font-family: "Sora", sans-serif;
    font-weight: 500;
}

.text-font-500-italics {
    font-family: "Sora", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.text-bold {
    font-weight: bold !important;
}

.text-green {
    color: var(--main-green) !important;
}

.text-army {
    color: var(--army-green) !important;
}

a{
    color: var(--army-green);
}

/** Hover effects **/
a.text:hover,
a.hover:hover {
    color: var(--main-green) !important;
    font-weight: bold;
}

.btn.bg-green {
    background: var(--main-green) !important;
    color: var(--white) !important;
}
.bg-army-green{
    background: var(--army-green);
}

.btn.bg-green:hover {
    background: var(--army-green) !important;
    color: var(--white) !important;
}

.btn.bg-white {
    background: var(--white) !important;
    color: var(--army-green) !important;
}

.btn.bg-white:hover {
    background: var(--white) !important;
    color: var(--main-green) !important;
}

.btn-rounded-1 {
    border-radius: 2rem !important;
}

.bg-dark .icon.bg-green {
    background: var(--main-green) !important;
    color: var(--army-green) !important;
}

.bg-dark .icon.bg-green:hover {
    background: var(--white) !important;
}

.bg-white .icon.bg-green {
    background: var(--main-green) !important;
    color: var(--white) !important;
}

.bg-white .icon.bg-green:hover {
    background: var(--army-green) !important;
}

.bg-icon .bg-tw {
    background: transparent url(/tw_media/svg/social_tw_50x50.svg) center no-repeat;
    display: block;
}

.bg-icon .bg-tw:hover {
    background: transparent url(/tw_media/svg/social_tw_50x50_hover.svg) center no-repeat;
}

.bg-icon .bg-be {
    background: transparent url(/tw_media/svg/social_be_50x50.svg) center no-repeat;
    display: block;
}

.bg-icon .bg-be:hover {
    background: transparent url(/tw_media/svg/social_be_50x50_hover.svg) center no-repeat;
}

.bg-icon .bg-li {
    background: transparent url(/tw_media/svg/social_in_50x50.svg) center no-repeat;
    display: block;
}

.bg-icon .bg-li:hover {
    background: transparent url(/tw_media/svg/social_in_50x50_hover.svg) center no-repeat;
}

.bg-icon .bg-in {
    background: transparent url(/tw_media/svg/social_insta_50x50.svg) center no-repeat;
    display: block;
}

.bg-icon .bg-in:hover {
    background: transparent url(/tw_media/svg/social_insta_50x50_hover.svg) center no-repeat;
}

.bg-icon .bg-bsky {
    background: transparent url(/tw_media/svg/social_bsky_50x50.svg) center no-repeat;
    display: block;
}

.bg-icon .bg-bsky:hover {
    background: transparent url(/tw_media/svg/social_bsky_50x50_hover.svg) center no-repeat;
}

.bg-icon .social-icon{
    margin-right:20px !important;
}
a.hover.phone img:last-child{
    display:none;
}
a.hover.phone:hover img:last-child{
    display:inline-flex;
}
a.hover.phone:hover img:first-child{
    display:none;
}
a.hover.email img:last-child{
    display:none;
}
a.hover.email:hover img:last-child{
    display:inline-flex;
}
a.hover.email:hover img:first-child{
    display:none;
}
/*a {*/
/*    color: var(--main-green) !important;*/
/*}*/

a:hover {
    color: var(--main-green);
}


/* Menu **/

#primary-menu ul ul li:hover>a,
#primary-menu ul li.current>a,
#primary-menu ul li>a:hover {
    color: var(--main-green) !important;
}

#primary-menu ul li>a {
    color: var(--white) !important;
    text-transform: capitalize !important;
    font-family: var(--secondary-font) !important;
    font-weight: 400 !important;
    padding: 20px 15px !important;
    font-size: 20px;
}

.footer-widgets-wrap .font-clash{
    font-family: "Clash", sans-serif;
    font-size: 16px !important;
}

footer .widget p,
.footer p {
    margin-bottom: 0;
}

footer ul {
    list-style: none;
}
#footer a:hover{
    font-weight: normal !important;
}

footer {
    border-top: 8px solid var(--main-green) !important;
}

footer.bg-img,
#footer {
    /*background: var(--army-green);*/
    background: var(--army-green) url(/tw_media/footer_pattern_1280x800_dark.svg) no-repeat center center / cover !important;
    /*background-image: url(/tw_media/svg/footer_pattern_1280x800.svg) !important;*/
    /*background-size: cover !important;*/
    /*background-repeat: no-repeat !important;*/
    color: var(--white);
}

#footer h4,
#footer a {
    color: var(--white) !important;
}

#footer .footer-widgets-wrap {
    padding: 0 !important;
}

#footer .widget h4 {
    letter-spacing: 0 !important;
    font-weight: 700;
    font-size: 20px;
}

#logo a.retina-logo {
    display: inline-block;
}

#top-bar.bgcolor,
.bgcolor {
    background-color: white !important;
}

#logo img {
    height: 55px !important;
}

#content {
    overflow: initial !important;
    margin-top: -1px !important;
    margin: 0 auto;
}

#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content {
    border-top: 2px solid #8EC63F;
}

#page-title h1,
.page-title {
    font-family: "Sora", sans-serif !important;
    font-weight: 700;
}

#gotoTop:hover {
    background: var(--main-green) !important;
    background-color: var(--main-green) !important;
}
.ge-content ol,blockquote{
    padding: 0 0 0 15px !important;
}


/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
    .home>.row {
        margin: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .pcontent .page-content>.row, .scontent .page-content>.row {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .max-w-title {
        max-width: 400px;
    }
}

@media (max-width: 575.98px) {
    .container,
    #header.full-header .container,
    .container-fullwidth,
    .home>.row,
    .pcontent .page-content>.row, .pcontent .page-content>.row {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    /*.latest-work>div,*/
    .pcontent .page-content>.row>.column {
        padding: 0;
    }
    .home>.row>.column>.row>.column {
        padding: 0;
    }
    .latest-work {
        padding: 1rem !important;
    }
}


/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */

@media (min-width: 768px) {
    .home>.row {
        margin: 0 !important;
        /* padding-left: 3rem !important;
        padding-right: 3rem !important; */
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .pcontent .page-content>.row {
        /* padding-left: 3.5rem !important;
        padding-right: 3.5rem !important; */
    }
    .pcontent .page-content>.row, .scontent .page-content>.row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #content {
        margin-top: -1px;
    }
    .min-h-client-name {
        min-height: 50px;
    }

    .px-md-9 {
        padding-left: 15rem !important;
        padding-right: 15rem !important;
    }
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    #logo {
        position: relative;
        float: left;
        font-size: 36px;
        line-height: 100%;
        margin: 0;
    }
    #header,
    #header-wrap,
    #logo img {
        /*height: 86px !important;*/
        border-bottom: none;
        margin-top: -5px !important;
    }
    #header.sticky-style-2 {
        height: 60px;
    }
    #home-bg-green,
    .home>.row:first-child {
        width: 100% !important;
    }
    #header-wrap .container-fluid,
    #footer .container-fluid {
        max-width: 970px;
    }
    #content>.page-content>.row>.column {
        width: 100%;
    }
    #content>.row>.column>.row,
    #content>.page-content>.row>.column>.row,
    #content .page-title {
        /*max-width: 970px;*/
        max-width: 1170px;
        margin: 0 auto !important;
    }
    .page-content>.row>.column {
        padding: 0 !important;
    }
}

@media (max-width: 991.98px) {
    #logo {
        display: block;
        height: 60px !important;
        text-align: left;
    }
    #primary-menu-trigger {
        top: 8px !important;
        left: auto;
        right: 0;
    }
    #primary-menu-trigger .icon-reorder {
        font-size: 30px;
    }
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li.current a {
        color: var(--main-green) !important;
    }
    #header, #header-wrap, #header.sticky-style-2, #header.sticky-style-3, #header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap{
        height: 100px !important;
    }
    #header.sticky-style-2 #header-wrap{
        position: fixed;
        width: 100%;
    }
    #content{
        padding-top:0 !important;
    }
}


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    .container-full {
        max-width: 95%;
    }
}


#header.sticky-header:not(.static-sticky) #header-wrap{
    height: 100px !important;
}
#content.home{
    margin-top: -90px !important;
    padding-top: 40px !important;
}

a.btn.bg-white {
    font-family: "Sora", sans-serif !important;
    font-weight: 700;
    font-size: 20px;
    padding: 10px 40px;
}

.btn-rounded-2{
    border-radius: 2rem !important;
}
.btn-sm{
    font-size: 20px;
    font-family: "Sora", sans-serif !important;
    font-weight: bold;
    padding: 10px 40px;
}
a.btn:hover{
    background-color: var(--army-green);
}
.italic{
    font-style: italic;
}
.container-box{
    max-width: 750px;
}

.ge-content ul, #bg-green ul {
    list-style: none; /* remove default bullets */
    padding-left: 1.2em; /* add spacing manually */
}

.ge-content ul li {
    position: relative;
    color: var(--army-green); /* your main text color */
}

.bg-green ul li, #bg-green ul li {
    position: relative;
    color: var(--army-green);
}

.ge-content ul li::before {
    content: "•"; /* Unicode bullet */
    position: absolute;
    left: -1.2em;
    color: var(--main-green);
}

.bg-green ul li:before, #bg-green ul li::before {
    content: "•"; /* Unicode bullet */
    position: absolute;
    left: -1.2em;
    color: var(--white);
}

.bg-green, #bg-green{
    background-color: var(--main-green);
}
.box-border #box-border{
    border: 2px solid var(--main-green);
}
.box-border-round #box-border-round{
    border-radius: 2rem;
}
.font-soravariable{
    font-family: "Sora", sans-serif !important;
}

.bg-img-title {
    background-image: url('/tw_media/svg/background_hero_1280x800.svg');
    background-size: cover;
    background-repeat: no-repeat;
    /*display: inline-flex !important;*/
}

#header.sticky-header:not(.static-sticky).sticky-style-2, #header.sticky-header:not(.static-sticky).sticky-style-3{
    height:90px;
}

.pcontent .page-content>.row:first-child, .pconent .portfolio-desc>.row:first-child{
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.img-title{
    height: 120px;
}
.no-top-border, .no-top-border:after{
    border-top: 0 !important;
}

.portfolio-desc h3:after, .portfolio-desc h2:after, .portfolio-desc h4:after, .portfolio-desc h5:after, .service h3:after, .service h2:after, .service h4:after, .service h5:after{
    border-top:0 !important;
}

#content p.text-green{
    margin-bottom: 0 !important;
}

.scontent .page-content>.row:nth-child(even), .grey-bg, #grey-bg {
    background-color: var(--main-grey) !important;
    background-image: url(/tw_media/svg/background_pattern1_1280x1280.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
}
.no-bg{
    background-color: none !important;
}

.px-9 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
}

.service-desc h3:after{
    border-top: 0;
    margin-top: 10px;
}
.service-desc div#border{
    border: 3px solid #3EB773;
    border-radius: 20px;
    padding-top: 10px;
    margin-bottom: 30px;
}

.service-desc div#bg-green{
    margin-bottom: 30px;
    color: white;
    padding-top: 10px;
    border-radius: 20px;
}

.portfolio-desc, .portfolio .page-content{
    background-color: var(--white);
}
#primary-menu-trigger{
    color: var(--white);
}

#primary-menu{
    background-color: var(--army-green);
}

/*//http://rhinobytes.co.uk.test/tw_media//RB_Logo_Main@2x.png*/