﻿  
body {
    margin: 0;
    padding: 0;
    font-family: 'SF UI Display';
}
 
@font-face {
    font-family: 'fontawesome-webfont';
    src: url('fonts/fontawesome-webfont.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'fontawesome-webfont';
    src: url('fonts/fontawesome-webfont.svg') format('svg');
}

@font-face {
    font-family: 'fontawesome-webfont';
    src: url('fonts/fontawesome-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'fontawesome-webfont';
    src: url('fonts/fontawesome-webfont.woff') format('woff');
}

@font-face {
    font-family: 'fontawesome-webfont';
    src: url('fonts/fontawesome-webfont.woff2') format('woff2');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/FontAwesome.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display';
    src: url('fonts/sf-ui-display-light-58646b33e0551.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display Ultralight';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/sf-ui-display-heavy-586470160b9e5.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display Light';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/sf-ui-display-light-58646b33e0551.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display Medium';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/sf-ui-display-medium-58646be638f96.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display Semibold';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/sf-ui-display-semibold-58646eddcae92.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display Thin';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/sf-ui-display-thin-58646e9b26e8b.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display Ultralight';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/sf-ui-display-ultralight-58646b19bf205.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display';
    src: url('fonts/sf-ui-display-light-58646b33e0551.woff') format('woff');
}

@font-face {
    font-family: 'SF UI Display Heavy';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/sf-ui-display-heavy-586470160b9e5.woff') format('woff');
}

@font-face {
    font-family: 'SF UI Display Light';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/sf-ui-display-light-58646b33e0551.woff') format('woff');
}

@font-face {
    font-family: 'SF UI Display Medium';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/sf-ui-display-medium-58646be638f96.woff') format('woff');
}

@font-face {
    font-family: 'SF UI Display Semibold';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/sf-ui-display-semibold-58646eddcae92.woff') format('woff');
}

@font-face {
    font-family: 'SF UI Display Thin';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/sf-ui-display-thin-58646e9b26e8b.woff') format('woff');
}

@font-face {
    font-family: 'SF UI Display Ultralight';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/sf-ui-display-ultralight-58646b19bf205.woff') format('woff');
}

@font-face {
    font-family: 'Outfit-Medium';
    src: url('fonts/Outfit-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Mont-HeavyDEMO';
    src: url('fonts/Mont-HeavyDEMO.otf') format('opentype');
}







.bg_image_header {
    background-image: url('../image/green_background.png');
    width: 100%;
    /*height: 78vh;*/
    height: 1%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.about-box {
    margin-top: 15px;
}





@media(max-width:480px) {

    .carousel-item img {
        height: 210px;
        object-fit: cover;
    }

    .vdo_iframe {
        padding: 0px 20px !important;
    }
    .about-box .about-sec {
        margin-bottom: 15px;
    }
    .about-box {
        margin-top: 15px;
    }

    .bg_image_header {
        /*height: 90vh;*/
        height: 1%;
    }

    .footer-section {
        padding-top: 27% !important;
    }

    .left-sec {
        margin-top: 10% !important;
    }

    .heading-text {
        font-size: 2.5rem !important;
    }

    .para_text_orange {
        font-size: 1.063rem !important;
    }

    .heading-text1 {
        font-size: 1.875rem !important;
    }

    .para_text_green {
        font-size: 1.25rem !important;
    }

    .para_font {
        font-size: 1.125rem !important;
    }

    .para_font2 {
        font-size: 1.125rem !important;
    }

    .para_font3 {
        font-size: 1.125rem !important;
    }

    .redboxbg p {
        font-size: 1.125rem !important;
    }

    .para_font4 {
        font-size: 1.125rem !important;
    }

    .para_font7 {
        font-size: 1.125rem !important;
    }

    .para_font6 {
        font-size: 1.75rem !important;
    }
}

@media(min-width:481px) and (max-width:767px) {

    .carousel-item img {
        height: 210px;
        object-fit: cover;
    }

    .bg_image_header {
        /*height: 110vh;*/
        height: 1%;
    }
    .vdo_iframe {
        padding: 0px 20px !important;
    }

    .about-box .about-sec {
        margin-bottom: 15px;
    }

    .about-box {
        margin-top: 15px;
    }
}

@media(min-width:768px) and (max-width:990px) {

    .carousel-item img {
        height: 210px;
        object-fit: cover;
    }
    .about_blue_box {
        font-size: .8rem;
    }
    .about_orange_box {
        font-size: .8rem;
    }
    .about_red_box {
        font-size: .8rem;
    }
    .about-box {
        margin-top: 15px;
    }
    .img-pt {
        padding-top: 50px;
    }

    .bg_image_header {
        /*height: 44vh;*/
        height: 1%;
    }

    .heading-text {
        font-size: 2.4rem !important;
    }

    .para_text_orange {
        font-size: 1rem !important;
    }

    .heading-text1 {
        font-size: 2rem !important;
    }

    .para_text_green {
        font-size: 1.5rem !important;
    }

    .para_font2 {
        font-size: 2rem !important;
    }
}

@media(min-width:1200px) and (max-width:1299px) {
    .bg_image_header {
        /*height: 99vh;*/
        height: 1%;
    }

    .footer-section {
        padding-top: 6% !important;
    }
}

.bg_image_footer {
    background-image: url('../image/white_background.png');
    width: 100%;
    height: 30vh;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.header-bottom {
    margin-top: 3.125rem;
}

.footer-top {
    margin-top: 3.125rem;
}
.header {
    background: linear-gradient(to right, rgb(102 153 62), rgb(26 124 122));
    padding-top: 10px;
}
.bg_none { background:none;
}
.font-bold { font-weight:bold;
}

.sticky {
    background-image: linear-gradient(to right, #66993e, #1a7c7a);
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 10px 10px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    z-index: 9;
}

.navbar a {
    color: #ffffff;
    padding: 14px 8px;
    text-decoration: none;
    /*font-size: 18px;*/
    font-size: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: 'SF UI Display Medium';
}

    .navbar a:hover {
        color: #fff;
    }

.btn-orange {
    background: #f4911d !important;
    color: #fff !important;
    border-radius: 0px;
    width: 105px;
    margin-right: 5px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: 'SF UI Display Light';
    border: 1px solid #f4911d;
}

    .btn-orange:hover {
        background: #fff !important;
        color: #f4911d !important;
        border: 1px solid #f4911d;
    }

.btn-white {
    background: #fff !important;
    color: #111 !important;
    border-radius: 0px;
    width: 125px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: 'SF UI Display Light';
}

    .btn-white:hover {
        background: #111 !important;
        color: #fff !important;
    }

.btn-red {
    background: #bc290a !important;
    color: #fff !important;
    width: 140px;
    margin-right: 10px;
    border-radius: 5px;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 14px;
    font-family: 'SF UI Display Light';
}

.btn-red:hover {
    background: #fff !important;
    color: #bc290a !important;
    border-color: #bc290a;
}

.btn-red:focus {
    background: #fff !important;
    color: #bc290a !important;
    border-color: #bc290a;
}

.contact_btn {
    text-transform:uppercase;
}

.btn-green {
    background: #78a22f !important;
    color: #fff !important;
    width: 140px;
    margin-right: 10px;
    border-radius: 5px;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 14px;
    font-family: 'SF UI Display Light';
}

.btn-green:hover {
    background: #fff !important;
    color: #78a22f !important;
    border-color: #78a22f;
}

btn-green:focus {
    background: #fff !important;
    color: #78a22f !important;
    border-color: #78a22f;
}

.icon-input {
    position: relative;
    max-width: 200px;
    margin-right: 5px;
}

.text-field {
    width: 100%;
    padding: 5px 30px 5px 5px;
}

.search-icon {
    position: absolute;
    top: 50%;
    right: 20px;
    color: #ff8400;
    transform: translateY(-50%);
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

header.header-section.bg_image_inner {
    padding-top: 0px;
}


@media(max-width:767px) {
    .navbar {
        justify-content: unset;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .navbar {
        justify-content: flex-end;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .navbar a {
        font-size: 0.91rem;
    }
}

.navbar-link:hover::after {
    width: 100%;
}

.navbar-link:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: orange;
    transition: width .3s;
}

.header-section {
    padding-top: 10px;
}

.para_text_orange {
    text-transform: uppercase;
    color: #f4911d;
    /*font-size: 21px;*/
    font-size: 1.313rem;
    letter-spacing: 5px;
    font-family: 'Mont-HeavyDEMO';
}

.para_text_green {
    color: #78a22f;
    /*font-size: 27px;*/
    font-size: 1.688rem;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: 'SF UI Display Medium';
}

.heading-text {
    /*font-size: 64px;*/
    font-size: 4rem;
    font-weight: 500;
    color: #fff;
    font-family: 'Outfit-Medium';
}

.heading-text1 {
    /*font-size: 44px;*/
    font-size: 2.75rem;
    letter-spacing: 1px;
    font-weight: 300;
    color: #505761;
    font-family: 'SF UI Display Light';
}

.left-sec {
    margin-top: 20%;
}

.para_font {
    /*font-size: 22px;*/
    font-size: 1.375rem;
    font-weight: 300;
    margin-top: 20px;
    color: #2e2e2e;
    font-family: 'SF UI Display Light';
}

.rectangle_sec_img {
    background-image: url('../image/Rectangle_box.png');
    width: 75%;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.rectangle_sec {
    text-align: center;
    padding: 50px 30px;
}

.para_font2 {
    /*font-size: 36px;*/
    font-size: 2.25rem;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    font-family: 'SF UI Display Semibold';
}

.para_font3 {
    /*font-size: 24px;*/
    font-size: 1.5rem;
    color: #1f1f1f;
    font-weight: 300;
    letter-spacing: 1px;
    font-family: 'SF UI Display Light';
}

.red_box {
    background-image: url('../image/red_box.png');
    width: 100%;
    display: inline-flex;
    margin-top: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.redboxbg {
    background-image: url('../image/img3.jpg');
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.6;
}

    .redboxbg p {
        /*font-size: 30px;*/
        font-size: 1.875rem;
        padding: 10% 15% 5% 15%;
        font-weight: 300;
        color: #f6f6f6;
        font-family: 'SF UI Display Light';
    }

    .redboxbg p span{
        padding-top: 5%;
        display: block;
    }

.para_font4 {
    /*font-size: 24px;*/
    font-size: 1.5rem;
    padding-top: 20px;
    letter-spacing: 0px;
    font-weight: 300;
    color: #17222a;
    font-family: 'SF UI Display Light';
}

.para_font5 {
    /*font-size: 24px;*/
    font-size: 1.5rem;
    letter-spacing: 0px;
    font-weight: bold;
    color: #17222a;
    font-family: 'SF UI Display Semibold';
}

.Glasgow_pd {
    padding: 8% 15%;
}

.para_font6 {
    /*font-size: 30px;*/
    font-size: 1.875rem;
    padding-top: 20px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #bc290a;
    font-family: 'SF UI Display Semibold';
}

.para_font7 {
    /*font-size: 24px;*/
    font-size: 1.5rem;
    letter-spacing: 0px;
    font-weight: 300;
    color: #17222a;
    font-family: 'SF UI Display Light';
}


ul li {
    list-style: none;
    margin-left: -30px;
}
.footer-before.before {
    background: #fbc958;
    height: 70px;
    z-index: 1;
    margin-top: 50px;
}

.before {
    width: 100%;
    height: 50px;
    margin-bottom: -115px;
    background: #c12e2b;
    transform: skew(-1.5deg) rotate(-1.5deg);
    -webkit-transform: skew(-1.5deg) rotate(-1.5deg);
    -moz-transform: skew(-1.5deg) rotate(-1.5deg);
}
.footer-section {
    padding-top: 8%;
}

    .footer-section p {
        /*font-size: 18px;*/
        font-size: 1.125rem;
        letter-spacing: 0px;
        padding-top: 20px;
        color: #3c3c3c;
        font-family: 'SF UI Display Light';
    }

    .footer-section ul li {
        /*font-size: 18px;*/
        font-size: 1.125rem;
        color: #3c3c3c;
        font-weight: 300;
        font-family: 'SF UI Display Light';
    }

.footer-menu a {
    color: #3c3c3c;
    text-decoration: none;
}

.footer-logo {
    margin-left: 55px;
    margin-bottom: 50px;
}

.bg_image_inner {
    width: 100%;
    height: 1%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background: linear-gradient(90deg, #619841 0%, #619841 12%, #117980 98%);
}


.width100 { width:100%;
}


@media(max-width:767px) {
    .footer-menu {
        margin-left: 0px;
    }

    .about_red_box {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .about_orange_box {
        margin-bottom: 15px;
    }

    .about_blue_box {
        margin-bottom: 15px;
    }

    .resources_box .about_red_box {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .resources_box .about_orange_box {
        margin-bottom: 0px;
    }

    .resources_box .about_blue_box {
        margin-bottom: 0px;
    }
}

@media(max-width:990px) {
    .footer-menu {
        margin-left: 0px;
    }
     
    .first {
        order: 2;
    }

    .second {
        order: 1;
    }

    .logo_pos {
        float: right;
    }

    .navbar1 {
        margin-top: 0px;
        position: absolute;
        top: 0px;
    }

    .rectangle_sec_img {
        width: 98%;
    }
    .remove_outerlayer{
        position:relative;
        z-index:99;
    }
}

.footer-navbar {
    position: relative;
    display: grid;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.footer-navbar a {
    color: #3c3c3c;
    padding: 1px 16px;
    width: fit-content;
    margin-left: -15px;
    text-decoration: none;
    /*font-size: 18px;*/
    font-size: 1.125rem;
    letter-spacing: 0px;
    font-family: 'SF UI Display Light';
}

.heading-text-about {
    font-size: 3rem;
    font-weight: 500;
    font-family: 'Outfit-Medium';
}

.about-sec p {
    font-size: 1.375rem;
    font-weight: 300;
    margin-top: 20px;
    font-family: 'SF UI Display Light';
}

ul.tools_text li {
    font-size: 1.375rem;
    font-weight: 300;
    margin-top: 20px;
    font-family: 'SF UI Display Light';
}
ul.tools_text li img {
    width:100%;
}
ul.tools_text li span {
    font-family: 'Mont-HeavyDEMO';
   
}
ul.tools_text li a {
   font-family: 'SF UI Display Medium';
    text-decoration: none;
    color: #78a22f;
}
    ul.tools_text li a:hover {
        color: #bc290a;
    }
.about-sec p a {
    font-family: 'SF UI Display Medium';
    text-decoration: none;
    color: #78a22f;
}
    .about-sec p a:hover {
        color: #bc290a;
    }
.tick_icon li:before {
    content: "✔";
    margin-right: 10px;
    background: transparent;
}

.tick_icon li:before {
    margin-left: -30px;
    color: #78a22f;
}

.about-sec h4 {
    font-family: 'Mont-HeavyDEMO';
}

.w_110{
    width:110px;
}

.ul_margin {
    margin-left: 2rem;
}

.about-box .about-sec {
    border: 2px solid #f4911d;
    padding: 15px;
    border-radius: 10px;
}

.about_image_box {
    height: 230px;
    border: 2px solid #f4911d;
    display: flex;
    justify-content: center;
    border-radius: 15px;
}

.about-box .tools_text li {
    margin-top: 10px;
}

.about_red_box:hover {
    background-color: #ffffff;
    color: #000;
    border: 2px solid #bc290a;
}

.about_orange_box:hover {
    background-color: #ffffff;
    color: #000;
    border: 2px solid #f4911d;
}

.about_blue_box:hover {
    background-color: #ffffff;
    color: #000;
    border: 2px solid #00728f;
}


.about_red_box {
    background-color: #bc290a;
    border-radius: 15px;
    padding: 5px;
    text-align: center;
    display: flex;
    height: 230px;
    color: #fff;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Outfit-Medium';
    transition: .3s linear .5s;
    border: 2px solid #bc290a;
}

.about_orange_box {
    background-color: #f4911d;
    border-radius: 15px;
    padding: 5px;
    text-align: center;
    display: flex;
    height: 230px;
    color: #fff;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Outfit-Medium';
    transition: .3s linear .5s;
    border: 2px solid #f4911d;
}

.about_blue_box {
    background-color: #00728f;
    border-radius: 15px;
    padding: 5px;
    text-align: center;
    display: flex;
    height: 230px;
    color: #fff;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Outfit-Medium';
    transition: .3s linear .5s;
    border: 2px solid #00728f;
}

.about_red_box a {
    color: #fff;
}

.about_orange_box a {
    color: #fff;
}

.about_blue_box a {
    color: #fff;
}

.about_red_box:hover a {
    color: #0d6efd;
    transition: .3s linear .5s;
}

.about_orange_box:hover a {
    color: #0d6efd;
    transition: .3s linear .5s;
}

.about_blue_box:hover a {
    color: #0d6efd;
    transition: .3s linear .5s;
}


.about_image_box img {
    object-fit: contain;
}

.vdo_iframe {
    padding: 50px 20px;
    background-color: #f4911d;
    border-radius: 25px;
}

.click_purchase a{
    font-family: 'SF UI Display';
    text-decoration: none;
    color: #78a22f;
}

.click_purchase a:hover{
    color: #bc290a;
}



@media(min-width:991px) {
    .mobview {
        display: none;
    }
}


@media(max-width:990px) {
    .desktopview {
        display: none;
    }

    .navbar1 {
        width: 100%;
        /*box-shadow: 0 1px 4px rgb(146 161 176 / 15%);*/
    }

    .nav-container {
        display: block;
        position: relative;
        height: 0px;
        z-index: 999;
    }

    .mobview nav {
        position: relative;
    }

    .cust_master {
        top: 5px;
    }

    .navbar1 .menu-items {
        display: flex;
    }

    .navbar1 .nav-container li {
        list-style: none;
    }

    .navbar1 .nav-container a {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        font-family: 'SF UI Display Medium';
    }

    .navbar1 .nav-container a:hover {
        font-weight: bolder;
    }

    .nav-container .checkbox {
        position: absolute;
        display: block;
        height: 32px;
        width: 32px;
        top: -35px;
        left: 20px;
        z-index: 5;
        opacity: 0;
        cursor: pointer;
    }

    .nav-container .hamburger-lines {
        display: block;
        height: 26px;
        width: 32px;
        position: absolute;
        top: -60px;
        left: 20px;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .nav-container .hamburger-lines .line {
        display: block;
        height: 4px;
        width: 100%;
        border-radius: 10px;
        background: #fff;
    }

    .nav-container .hamburger-lines .line1 {
        transform-origin: 0% 0%;
        transition: transform 0.4s ease-in-out;
    }

    .nav-container .hamburger-lines .line2 {
        transition: transform 0.2s ease-in-out;
    }

    .nav-container .hamburger-lines .line3 {
        transform-origin: 0% 100%;
        transition: transform 0.4s ease-in-out;
    }

    .navbar1 .menu-items {
        padding-top: 10px;
        box-shadow: inset 0 0 2000px rgba(255, 255, 255, 0.5);
        min-height: 100%;
        width: 100%;
        transform: translate(-150%);
        display: flex;
        flex-direction: column;
        margin-left: 0px;
        margin-top: 55px;
        align-items: center;
        transition: transform 0.5s ease-in-out;
        text-align: center;
        background: #046f0ae3;
    }

    .navbar1 .menu-items li {
        margin-bottom: 6px;
        font-size: 1.5rem;
        font-weight: 500;
    }

    .logo {
        position: absolute;
        top: 5px;
        right: 15px;
        font-size: 1.2rem;
        color: #0e2431;
    }

    .nav-container input[type="checkbox"]:checked ~ .menu-items {
        transform: translateX(0);
    }

    .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
        transform: rotate(45deg);
    }

    .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
        transform: scaleY(0);
    }

    .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
        transform: rotate(-45deg);
    }

    .nav-container input[type="checkbox"]:checked ~ .logo {
        display: none;
    }
}


@media(min-width:768px) and (max-width:1020px) {
    .footer-section {
        padding-top: 16%;
    }
}

@media(min-width:1021px) and (max-width:1180px){
    .footer-section {
        padding-top: 10%;
    }
}































































#team.container {
    height: 60px;
    margin: 170px auto 0px;
    padding: 0px;
}
.pagecontent {
    text-align: left;
    margin: 50px auto;
}
.pagecontent h2 {
    font-size: 30px;
}
.mainSection.cyan {
    background: #62c3d6;
    margin-bottom: -80px;
}

.team {
    text-align: center;
}

.mainSection {
    position: relative;
    padding: 30px 0;
}
.team .mainContent {
    padding: 0 60px;
    margin-bottom: 50px;
}

.mainContent {
    position: relative;
    z-index: 1;
    display: inline-block;
}

.container#recovery, .container#story, #team-container {
    min-height: 100vh;
}

.cust_bolder{
    font-weight:bold;
}
    .cust_bolder a {
        font-family: 'SF UI Display';
        text-decoration: none;
        color: #78a22f;
    }

        .cust_bolder a:hover {
            color: #bc290a;
        }
.light_weight {
    font-family: 'SF UI Display Medium';
    text-decoration: none;
    color: #78a22f;
}
    .light_weight:hover {
        color: #bc290a;
    }
.para_button button {
    display: block;
    height: 56px;
    color: #fff;
    line-height: 46px;
    vertical-align: middle;
    font-size: 20px;
    border: none;
    background: #C12E2B;
    border-radius: 0px;
    min-width: 54%;
}


.para_font12 {
    font-size: 1.5rem;
    padding-top: 0px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #bc290a;
    margin-bottom: 0px;
    font-family: 'SF UI Display Semibold';
}
.para_cust_img {
    width: 80%;
    margin: 0px auto;
}


ul.cust_digital_platform_bm li {
    font-size: 1.375rem;
    font-weight: 300;
    margin-top: 5px;
    color: #2e2e2e;
    font-family: 'SF UI Display Light';
    list-style: inside;
}



























.insight_detail_blog {
    padding-top: 20px;
    padding-bottom: 100px;
}

.shadow_cust {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.insight_detail_heading .section-title h2 {
    position: relative;
    margin-bottom: 45px;
    display: inline-block;
    line-height: 1;
}

.insight_detail_heading .text-capitalize {
    text-transform: capitalize !important;
}

.insight_detail_heading .service-title h2::before {
    content: "";
    position: absolute;
    right: 0;
    margin: auto;
}

.insight_detail_heading .section-title h2::before {
    content: "";
    position: absolute;
}

.insight_detail_heading .section-title h2::before, .service-title h2::before {
    bottom: -25px;
    height: 2px;
    width: 60px;
    background: #f4911d;
    left: 0;
}
.insight_detail_blog_left {
    padding: 10px;
}
.contact_btn {
    border-radius: 0px;
    background: #78a22f;
    font-weight:100 !important;
    border: 1px solid #78a22f;
}
.contact_btn:hover {
    background: transparent;
    color: #78a22f;
    border: 1px solid #78a22f;
}
.contact_btn:focus {
    background: transparent;
    color: #78a22f;
    border: 1px solid #78a22f;
}
.insight_detail_img {
    width: 100%;
    float: left;
    margin: 15px 0px;
    text-align: center;
}
.insight_detail_img img{    
    margin:0px auto;
    
}
.ttm-meta-line {
    font-size: 13px;
    line-height: 15px;
    display: inline-block;
    padding-right: 20px;
    position: relative;
}
.ttm-meta-line i {
    padding-right: 7px;
    font-size: 13px;
}
.ttm-meta-line a {
    text-decoration: none;
    color:#78a22f;
}
.post-meta {
    display: block;
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-bottom: 1px solid rgba(0,0,0,.08);
}

.insight_detail_btn{
    width:100%;
    float:left;
}
    .insight_detail_btn button {
        background: #f4911d !important;
        color: #fff !important;
        border-radius: 0px;
        margin-right: 5px;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 500;
        font-family: 'SF UI Display Light';
        border: 1px solid #f4911d;
        padding: 5px 8px;
    }
.insight_detail_btn button:hover {
    background: #fff !important;
        color: #f4911d !important;
}
.insight_detail_con.inquery a {
    color: #f4911d !important;
}
.insight_detail_con p {
    font-size: 1.375rem;
    font-weight: 300;
    margin-top: 20px;
    color: #2e2e2e;
    font-family: 'SF UI Display Light';
}








.blog-wrapper {
    background: #fff;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.meta_info ul li {
    color: #9e9e9e;
    font-size: 11px;
    padding: 15px 10px;
    text-align: center;
    position: relative;
    font-weight: 700;
}

.main-heading .posts {
    font-weight: bold;
}

.link-box a {
    color: #bc290a;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.side_post h4 {
    font-size: 20px;
    position: relative;
    font-weight: 600;
    color: #000;
    height: auto;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
    padding: 0 0 10px;
}

.side_underline:before {
    background: #e2e2e2;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 50px;
}

.side-post ul li {
    border-bottom: 1px solid #f8f9fa;
    color: #000;
    display: block;
    font-size: 13px;
    margin-bottom: 15px;
    overflow: hidden;
}

.side-post .post-thumb {
    display: inline-block;
    float: left;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 90px;
}

.side-post .post-content {
    margin-left: 105px;
}

    .side-post .post-content h4 {
        color: #000;
        display: block;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.4;
        margin: 0;
        text-indent: 0;
        transition: .2s;
    }

.widget-date {
    color: #777;
    display: inline-block;
    float: left;
    font-size: 11px;
    line-height: 1;
    margin: 7px 5px 0 0;
    padding: 0 4px 0 0;
    text-decoration: none;
    text-indent: 0;
    font-weight: 500;
}

.enq-btn {
    background: #bc290a !important;
    color: #fff !important;
    max-width: 100%;
    margin-right: 10px;
    padding: 10px 20px;
    border-radius: 5px;
    letter-spacing: 1px;
    font-size: 14px;
    font-family: 'SF UI Display Light';
}

.post-content a {
    color: #111;
    text-decoration: none;
    font-weight: 600;
}

.blog-content {
    font-size: 1.375rem;
    font-weight: 300;
    color: #2e2e2e;
    font-family: 'SF UI Display Light';
}












.insight_detail_news {
    padding-top: 12px;
    margin-top: 14px;
    border-top: 1px solid rgba(0,0,0,.08);
}
.insight_detail_news h5 {
    margin-bottom: 1rem!important;
    font-weight: 600;
}
.form-control {
    border-right: 3px solid #bc290a !important;
}
.subscribe_now {
    background: #f4911d;
    color: #fff;
    border-radius: 0px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: 'SF UI Display Light';
    border: 1px solid #f4911d;
    padding: 5px 8px;
}
.subscribe_now:hover {
    background: transparent;
    color: #f4911d;
    border: 1px solid #f4911d;
}
.subscribe_now:focus {
    background: transparent;
    color: #f4911d;
    border: 1px solid #f4911d;
}
.ttm-social-share-wrapper {
    display: flex;
}

.ttm-social-share-title {
    font-weight: 600;
    margin-right: 7px;
    line-height: 30px;
}

.ttm-social-share-wrapper {
    border-top: 1px solid #dce1e9;
    border-bottom: 1px solid #dce1e9;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative;
    z-index: 1;
}

.ttm-btn.ttm-btn-shape-rounded {
    margin-top: 7px;
}
#st-1 {
    direction: ltr;
    display: block;
    opacity: 1;
    text-align: left;
    z-index: 94034;
}
#st-1.st-animated {
  -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
}
#st-1.st-hidden {
  opacity: 0;
}
#st-1.st-hide {
  display: none;
}
#st-1 .st-btn {
  -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
  -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; 
  -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  height: 32px;
  line-height: 32px;
  margin-right: 8px;
  padding: 0 8px;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: top;
  white-space: nowrap;
}
#st-1 .st-btn:last-child {
  margin-right: 0;
}
#st-1 .st-btn > svg {
  height: 16px;
  width: 16px;
  position: relative;
  top: 8px;
  vertical-align: top;
}
#st-1 .st-btn > img {
  display: inline-block;
  height: 16px;
  width: 16px;
  position: relative;
  top: 8px;
  vertical-align: top;
}
#st-1 .st-btn > span {
  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 0.5px;
  min-width: 60px;
  opacity: 1;
  padding: 0 6px;
  position: relative;
  vertical-align: top;
}
#st-1.st-has-labels .st-btn {
  min-width: 120px;
}
#st-1.st-has-labels .st-btn.st-remove-label {
  min-width: 50px;
}
#st-1.st-has-labels .st-btn.st-remove-label > span {
  display: none;
}
#st-1.st-has-labels .st-btn.st-hide-label > span {
  display: none;
}
#st-1 .st-total {
  color: #555;
  display: inline-block;
  font-weight: 500;
  line-height: 12px;
  margin-right: 0;
  max-width: 80px;
  padding: 4px 8px;
  text-align: center;
}
#st-1 .st-total.st-hidden {
  display: none;
}
#st-1 .st-total > span {
  font-size: 16px;
  line-height: 17px;
  display: block;
  padding: 0;
}
#st-1 .st-total > span.st-shares {
  font-size: 9px;
  line-height: 9px;
}
#st-1.st-justified {
  display: flex;
  text-align: center;
}
#st-1.st-justified .st-btn {
  -moz-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
#st-1 .st-btn:hover {
  opacity: .8;
  top: -4px;
}
#st-1 .st-btn[data-network='facebook'] {
  background-color: #4267B2
}

#st-1 .st-btn[data-network='facebook'] > span {
  color: #fff
}
#st-1 .st-btn[data-network='twitter'] {
  background-color: #55acee
}

#st-1 .st-btn[data-network='twitter'] > span {
  color: #fff
}
#st-1 .st-btn[data-network='sharethis'] {
  background-color: #95D03A
}

#st-1 .st-btn[data-network='sharethis'] > span {
  color: #fff
}
#st-1 .st-btn[data-network='linkedin'] {
  background-color: #0077b5
}

#st-1 .st-btn[data-network='linkedin'] > span {
  color: #fff
}
#st-1 .st-btn[data-network='snapchat'] > span {
  color: #333

}

.insight_detail_comment {
    padding-top: 12px;
    margin-top: 14px;
    border-top: 1px solid rgba(0,0,0,.08);
}

.insight_detail_comment h2{
    font-size:24px;
}

.comment-notes {
    font-size: 15px;
    font-style: italic;
}

.comment-form input[type=email], .comment-form input[type=text], .comment-form input[type=url], .comment-form textarea {
    background-color: transparent;
    font-size: 17px;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-radius: 0;
    padding-left: 0;
    padding-bottom: 5px;
    text-indent: 0;
    font-style: italic;
}

.insight_detail_comment textarea {
    font-family: inherit;
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
    vertical-align: middle;
    width: 100%;
    color: #8a91ac;
    padding: 12px 15px 11px;
    border-radius: 3px;
    font-weight: 400;
    background-color: #fff;
    text-transform: inherit;
    border: 1px solid rgba(0,43,92,.08);
    font-size: 14px;
    outline: 0;
    line-height: inherit;
    letter-spacing: 0;
}
.comment-form input[type=email], .comment-form input[type=text], .comment-form input[type=url], .comment-form textarea {
    background-color: transparent;
    font-size: 17px;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-radius: 0;
    padding-left: 0;
    padding-bottom: 5px;
    text-indent: 0;
    font-style: italic;
}
.cust_iframe iframe{
    overflow:hidden
}


.carousel-indicators{
    z-index: 1;
}

.resource_title {
    font-size: 22px;
    font-family: 'SF UI Display Medium';
}
.resource_description {
    font-family: 'SF UI Display Light';
}


.box_height {
    height: 110px;
    overflow-x: auto;
}

.box_height::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 5px;
    background-color: #F5F5F5;
}

.box_height::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
}

.box_height::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #1c272e;
}


.download_resource {
    font-size: 24px;
}

.Glasgow_pd img {
    height: 150px;
    width: 150px;
    object-fit: cover;
}

.testimonial {
    margin-top: 20px;
}

.testimonial_desc span {
    display: block;
    text-align: end;
}

.testimonial_slide .carousel-indicators {
    margin-bottom: -1rem;
}

.testimonial_slide .carousel-indicators [data-bs-target] {
    background-color: #000;
}

.testimonial .fa.fa-quote-left {
    margin-right: 15px;
}
.testimonial .fa.fa-quote-right {
    margin-left: 15px;
}

.red_tick {
    height: 45px;
    object-fit: cover;
}
.tbl_licence th {
    background-color: #bc290a;
    padding: 20px 5px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-family: 'Outfit-Medium';
    font-weight: unset;
}
.tbl_licence td {
    text-align: center;
    padding: 20px 5px;
    font-size: 20px;
    font-family: 'Outfit-Medium';
}
.tbl_licence .licence_title {
    font-size: 20px;
    padding: 20px 15px;
    width: 30%;
    font-family: 'Outfit-Medium';
    text-align: left;
}

.tbl_licence .red_bg {
    background-color: #bc290a;
    padding: 20px 5px;
    text-align: center;
    color: #fff;
}

.tbl_licence .red_bg:hover {
    color: #fff;
}

.tbl_licence .red_bg span {
    display: block;
}

.fm_outfit{
    font-family:Outfit-Medium;
}

.licence_link {
    margin-bottom: 15px;
    font-family: 'SF UI Display';
    text-decoration: none;
    color: #78a22f;
}
.outcomes {
    font-size: 24px;
    margin-top: 5%;
    text-align: center;
}

.img_round {
    border-radius: 40px;
}

/*.three_d_img {
    --x: 10px;
    --y: 25px;
    transform: perspective(1000px) rotateX(var(--_a, 15deg));
    clip-path: polygon( var(--y) var(--y), calc(100% - var(--y)) var(--y), calc(100% - var(--y)) calc(100% - var(--y)), calc(100% - var(--y) - var(--x)) var(--_c, 100%), calc(var(--x) + var(--y)) var(--_c, 100%), var(--y) calc(100% - var(--y)) );
    outline: var(--y) solid rgba(0, 0, 0, 0.4);
    outline-offset: calc(-1 * var(--y));
    padding: var(--y) var(--y) 0 var(--y);
    transition: 1s;
}

.hov_d .three_d_img:hover img {
    --_a: 0deg;
    --_c: calc(100% - var(--y));
}*/

/*.skicky_slide {
    height: 631px;
}

.skicky_btn {
    position: absolute;
    bottom: 0;
    right: 0;
}*/


.stick_height {
    height: 100%;
    overflow: auto;
}

.h2_title {
    font-size: 2.4rem;
    font-weight: 500;
    font-family: 'Outfit-Medium';
}

.imp_txt {
    font-family: 'Mont-HeavyDEMO';
    font-size: 1.3rem;
}

.h4_title {
    font-family: 'Mont-HeavyDEMO';
    font-size: 1.5rem;
}

.banner_training { 
    width:100%;
}

.login_btn { 
    width:125px;
}


.terms {
    margin-top: 2rem;
}

.learn { 
    font-family: 'SF UI Display Medium';
    text-decoration: none;
    color: #78a22f;
}

.learn:hover {
    color: #bc290a;
}



@media only screen and (min-width : 1200px) and (max-width : 1399.98px) {
    .trems_condition:hover::after {
        width: 56%;
    }
}


@media(max-width:480px) {
    .para_cust_img {
        width: 100%;
    }
   
}

@media(max-width:540px) {
    .stick_height {
        height: auto;
        overflow: auto;
    }
}


.bulletlist li {
    list-style: disc;
    margin-left: 5px;
}

.numlist li {
    list-style: decimal;
    margin-left: 5px;
}

.cookies_text a{
    font-family: 'SF UI Display';
    text-decoration: none;
    color: #78a22f;
}

.cookies_text a:hover {
    text-decoration: underline;
}

.cookies_text {
    font-family: 'SF UI Display';
    color: #78a22f;
}

.sub-heading-text {
    font-size: 2rem;
    margin-top: 1.25rem;
    font-weight: 500;
    font-family: 'Outfit-Medium';
}

.field-text {
    font-weight: bold;
}

.blog-thumb img {
    width: 100%;
}

.blog-post-items table {
    width: 100%;
}

.contact_btn:active {
    background: transparent !important;
    color: #78a22f !important;
    border: 1px solid #78a22f;
    border-color: #78a22f !important;
}






