/* variables less css */
/*== Scaffolding==*/
/* ====== Typography =====*/
/*====================font family css  start here===============*/
@font-face {
    font-family: 'AktivGrotesk-Light';
    src: url('../fonts/aktivgrotesk-light.eot');
    src: url('../fonts/aktivgrotesk-light.eot#iefix') format('embedded-opentype'), url('../fonts/aktivgrotesk-light.svg') format('svg'), url('../fonts/aktivgrotesk-light.woff') format('woff'), url('../fonts/aktivgrotesk-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AktivGrotesk-Regular';
    src: url('../fonts/aktivgrotesk-regular.eot');
    src: url('../fonts/aktivgrotesk-regular.eot#iefix') format('embedded-opentype'), url('../fonts/aktivgrotesk-regular.svg') format('svg'), url('../fonts/aktivgrotesk-regular.woff') format('woff'), url('../fonts/aktivgrotesk-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/montserrat-bold.eot');
    src: url('../fonts/montserrat-bold.eot#iefix') format('embedded-opentype'), url('../fonts/montserrat-bold.woff') format('woff'), url('../fonts/montserrat-bold.ttf') format('truetype'), url('../fonts/montserrat-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/montserrat-semibold.eot');
    src: url('../fonts/montserrat-semibold.eot#iefix') format('embedded-opentype'), url('../fonts/montserrat-semibold.woff') format('woff'), url('../fonts/montserrat-semibold.ttf') format('truetype'), url('../fonts/montserrat-semibold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/montserrat-regular.eot');
    src: url('../fonts/montserrat-regular.eot#iefix') format('embedded-opentype'), url('../fonts/montserrat-regular.woff') format('woff'), url('../fonts/montserrat-regular.ttf') format('truetype'), url('../fonts/montserrat-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/montserrat-light.eot');
    src: url('../fonts/montserrat-light.eot#iefix') format('embedded-opentype'), url('../fonts/montserrat-light.woff') format('woff'), url('../fonts/montserrat-light.ttf') format('truetype'), url('../fonts/montserrat-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*====================font family css  end here===============*/
.contacts-form label {
    text-transform: uppercase !important;
    color: #888e94 !important;
    font-size: 14px !important;
    font-family: Open Sans !important;
    font-weight: normal !important;
}

.contacts-form .form-control {
    font-family: Open Sans;
    color: #000000;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid #c2c8cd;
    height: 44px;
    padding: 14px !important;
}

.contacts-form textarea {
    height: 100px !important;
}

.contacts-form button[type="submit"] {
    background-color: #60d3f6;
    border-radius: 3px;
    width: inherit;
    width: 100%;
    border: 0;
    height: 43px;
    color: #fff;
    font-weight: bold;
}

.contacts-form .form-group {
    margin-bottom: 15px !important;
}
/*====================new css  Start here===============*/
.journey-section {
    padding: 100px 5% 50px !important;
}

.home .journey {
    padding: 100px 5% 50px !important;
}

.home .info {
    padding: 100px 5% 50px !important;
}

    .home .info .title h2 {
        text-align: center;
    }

.home .header h1 {
    margin-top: 200px;
}

.home .header p {
    font-size: 20px;
}

.home .trusted-logo {
    padding: 100px 5% 50px;
    background-color: #f9f9f9;
}

    .home .trusted-logo .owl-nav {
        display: none;
    }

    .home .trusted-logo .owl-dots {
        margin-top: 10px;
    }

    .home .trusted-logo .title h2 {
        font-weight: 600;
        font-size: 46px;
        text-align: center;
        margin-bottom: 20px;
    }

    .home .trusted-logo .logo-brand {
        border: #ccc solid 1px;
        text-align: center;
        padding: 20px 0;
        background: #fff;
        position: relative;
    }

        .home .trusted-logo .logo-brand img {
            width: auto;
            display: inline-block;
        }

        .home .trusted-logo .logo-brand:after {
            position: absolute;
            content: "";
            width: 50px;
            height: 50px;
            right: -25px;
            bottom: -25px;
            transform: rotate(45deg);
            background: #f9f9f9;
            border-left: #ccc solid 1px;
        }

.home .risk-analytics {
    padding: 100px 5% 50px;
}

    .home .risk-analytics .title h2 {
        font-weight: 600;
        font-size: 46px;
        text-align: center;
        margin-bottom: 50px;
    }

    .home .risk-analytics .tabs-right {
        border-bottom: none;
    }

        .home .risk-analytics .tabs-right li {
            padding: 0;
            width: 100%;
            margin: 2px 0;
        }

            .home .risk-analytics .tabs-right li.active {
                /*background: #f5f5f5;
                    box-shadow: #ccc 0px 0px 2px;
                    color: #000;
                    font-weight: bolder;
                    font-size: 16px;
                    padding: 28px 15px;*/
            }

                .home .risk-analytics .tabs-right li.active a p {
                    display: block;
                    margin-top: 5px;
                }

            .home .risk-analytics .tabs-right li a {
                margin-right: 0;
                border-radius: 4px;
                font-size: 16px;
                background: #fff;
                padding: 20px;
                font-weight: bold;
                color: #6b6666;
            }

                .home .risk-analytics .tabs-right li a p {
                    display: none;
                    padding: 0;
                    margin: 0;
                    font-weight: normal;
                    font-size: 16px;
                }

    .home .risk-analytics .nav-tabs > li.active > a {
        background: #ffffff;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 12px 0px;
        padding: 1.5rem;
        border-radius: 0.25rem;
        color: #000;
        font-weight: bolder;
        font-size: 16px;
        border: none;
    }

    .home .risk-analytics .analytics-box .tab-pane h1 {
        font-size: 36px;
        margin-top: 0;
    }

    .home .risk-analytics .analytics-box .tab-pane p {
        font-family: 'AktivGrotesk-Regular';
        font-size: 16px;
        margin-bottom: 40px;
        letter-spacing: .05em;
    }

    .home .risk-analytics .analytics-box .tab-pane .tab-content-section {
        /*margin: 98px 0 50px*/
    }

    .home .risk-analytics .analytics-box .tab-pane .tab-image-section {
        /*margin-top: 104px;*/
        box-shadow: rgba(0, 0, 0, 0.04) -1px 20px 25px 0px;
        border-radius: 0.25rem;
        padding: 5px;
    }

.home .why-kidbrooke {
    padding: 0px 5% 50px;
}

@media (max-width: 768px) {
    .home .header p {
        font-size: 16px;
    }

    .home .trusted-logo {
        padding: 0px 5% 50px;
    }

        .home .trusted-logo .logo-brand {
            margin-bottom: 10px;
        }

        .home .trusted-logo .title h2 {
            margin-top: 100px;
            font-size: 39.69px;
            line-height: 1.2em;
        }

    .home .analytics-box .tab-pane h1 {
        margin-top: 50px !important;
    }

    .home .risk-analytics .no-padding {
        padding: 0;
    }

    .home .risk-analytics .title {
        line-height: 1.2em;
        font-size: 39.69px;
        text-align: left;
    }

    .home .why-kidbrooke {
        padding: 100px 5% 50px;
    }
}

.outrank-api .info {
    padding: 50px 5% 50px !important;
}

    .outrank-api .info h3 {
        font-family: 'AktivGrotesk-Regular';
        font-size: 36px;
        position: relative;
        margin-bottom: 30px;
        letter-spacing: .04em;
        line-height: 40px;
    }

        .outrank-api .info h3 span {
            position: absolute;
            font-family: 'Montserrat-Bold';
            font-size: 16px;
            left: -40px;
        }

    .outrank-api .info p {
        font-family: 'AktivGrotesk-Regular';
        font-size: 16px;
        margin-bottom: 40px;
        letter-spacing: .05em;
    }
/*====================new css  Start here===============*/
body {
    margin: 0;
    line-height: 1.7;
    font-size: 18px;
    color: #000;
    font-family: 'AktivGrotesk-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.article-box-new {
    text-align: center;
}

    .article-box-new h3 {
        font-size: 18px;
        color: #000;
        margin: 15px 0;
    }

.product-wrap-inners {
    padding: 40px 0;
}
/*========latest common start*/
.article-heading-position {
    /*width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);*/
    width: 100%;
    color: #000;
    position: absolute;
}

.bottom-minus-100 {
    bottom: -100px;
    text-align: center;
}

.bottom-minus-30 {
    bottom: -30px;
}

.main-pt-100 {
    padding-top: 100px;
}

.mt-response-80 {
    margin-top: 80px;
}

.mt-response-40 {
    margin-top: 40px;
}

.mt-response-100 {
    margin-top: 100px;
}

.pt-response-100 {
    padding-top: 100px;
}

.main-heading {
    font-size: 54px;
    padding: 0;
    margin: 0;
}

.pdng-btm-24 {
    padding-bottom: 24px;
}

.images-bullet li {
    list-style-type: none;
    position: relative;
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 16px;
}

    .images-bullet li:after {
        background: url(../images/yellow-bullet.png) no-repeat;
        content: '';
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-top: 10px;
        position: absolute;
        left: -41px;
        top: -11px;
    }

.images-bullet.mb-0 :last-child {
    padding-bottom: 0;
}

.small-font {
    font-size: 38px;
}

.gray-box-wrapper,
.white-box-wrapper {
    padding: 40px 0;
}

    .gray-box-wrapper p,
    .white-box-wrapper p {
        margin-bottom: 15px;
    }

.gray-box-wrapper {
    background: #f1f5f8;
}
/*========latest common end*/
a {
    color: #000;
}

    a:hover,
    a:active,
    a:focus {
        text-decoration: none;
        color: #262f3d;
    }

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

.site {
    background: url(../images/bg-grid.png) repeat-y scroll 0 0 transparent;
    background-size: contain;
    max-width: 1922px;
    margin: 0 auto;
    position: relative;
}

.cookie-button-wrapper {
    position: fixed;
    width: 156px;
    bottom: 0;
    right: 0;
    text-align: right;
    display: inline-block;
    font-size: 14px;
    z-index: 10000;
}

a.change-consent {
    background: #60d3f6;
    padding: 5px 8px;
    color: #fff;
    display: inline-block;
}

.margin-top-all {
    margin-top: 100px !important;
}

.mobile-view-user {
    display: none;
}
/*===========latest solution page css 13 feb 2020=== start*/
.solution-new-wrapper {
    padding: 40px 0;
}

    .solution-new-wrapper .main-heading {
        text-align: center;
        padding-bottom: 20px;
        max-width: 1000px;
        margin: 0 auto;
    }

    .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-top {
        color: #fff;
        height: 280px;
        position: relative;
        border-radius: 5px;
    }

        .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-top.open {
            border-radius: 5px 5px 0 0;
        }

        .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-top.first-box {
            background: url(../images/Engagement.png) no-repeat;
        }

        .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-top.second-box {
            background: url(https://kidbrooke-advisory.com/content/images/Cost-savings.png) no-repeat;
        }

        .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-top.third-box {
            background: url(https://kidbrooke-advisory.com/content/images/Inclusion.png) no-repeat;
        }

        .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-top.first-box,
        .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-top.second-box,
        .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-top.third-box {
            background-size: cover;
        }

        .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-top .solution-item-box-top-inner {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 15px;
        }

            .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-top .solution-item-box-top-inner h3 {
                font-size: 24px;
                padding: 0 0 6px 0;
                margin: 0;
            }

        .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-top .solution-item-arrow {
            width: 40px;
            line-height: 40px;
            background: #32b0d7;
            display: inline-block;
            text-align: center;
            border-radius: 50%;
            position: absolute;
            bottom: -20px;
            right: 9px;
            cursor: pointer;
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
        }

            .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-top .solution-item-arrow.rotate {
                transform: rotate(-180deg);
                -webkit-transform: rotate(-180deg);
                -moz-transform: rotate(-180deg);
                -ms-transform: rotate(-180deg);
            }

    .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-bottom {
        padding: 15px;
        box-shadow: 0 0 8px 2px rgba(0, 0, 2, 0.1);
        display: none;
        border-radius: 0 0 5px 5px;
    }

        .solution-new-wrapper .solution-item-box-wrapeer .solution-item-box-bottom p {
            margin: 0;
            padding: 0;
        }
/*===========latest solution page css 13 feb 2020=== start*/
@media (min-width: 2144px) {
    .site {
        border-left: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
    }
}

@media (max-width: 768px) {
    .site {
        background: transparent;
    }

    .pt-response-100 {
        padding-top: 0 !important;
    }

    .mt-response-80,
    .mt-response-40,
    .mt-response-100 {
        margin-top: 0 !important;
    }
}

.border-box {
    background: url(../images/border-box-white.png) no-repeat scroll 0 0 transparent;
    bottom: -1px;
    display: block;
    height: 48px;
    position: absolute;
    right: -2px;
    width: 67px;
}

.full-img {
    width: 100%;
}

.bg-cover {
    background-color: transparent;
    background-repeat: no-repeat;
}

.btn-b {
    height: 38px;
    border: 0;
    display: inline-block;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    letter-spacing: .09em;
    line-height: 38px;
    text-align: center;
}

    .btn-b span {
        display: inline-block;
    }

        .btn-b span.add-icon {
            width: 17px;
            height: 15px;
            margin-left: 15px;
            background: url(../icons/add-icon.svg) no-repeat;
        }

        .btn-b span.right-arrow {
            width: 38px;
            height: 15px;
            margin-left: 25px;
            background: url(../icons/right-arrow-blue.svg) no-repeat center;
        }

.btn-custom {
    width: auto !important;
    padding: 0px 15px;
    margin-bottom: 20px;
}

    .btn-custom i.fa-arrow-circle-down {
        color: #00d6fa;
    }

    .btn-custom:hover i.fa-arrow-circle-down {
        color: #ffffff;
    }

.btn-b1 {
    background: url(../images/button-pattern.png) no-repeat center;
    color: #27303d;
}

    .btn-b1:hover {
        background: #60d3f6;
        color: #ffffff;
    }

        .btn-b1:hover span.add-icon {
            background: url(../icons/add-icon-white.svg) no-repeat center;
        }

        .btn-b1:hover span.right-arrow {
            background: url(../icons/right-arrow-white.svg) no-repeat center;
        }

        .btn-b1:hover span.down-arrow-icon {
            background: url(../icons/down-arrow-white.svg) no-repeat;
        }

    .btn-b1 span.down-arrow-icon {
        width: 17px;
        height: 20px;
        margin-left: 15px;
        background: url(../icons/down-arrow.svg) no-repeat;
    }

.btn-b2 {
    background: url(../images/button-pattern-white.png) no-repeat center;
    color: #ffffff;
}

    .btn-b2 span.add-icon {
        width: 17px;
        height: 15px;
        margin-left: 15px;
        background: url(../icons/add-icon-white.svg) no-repeat;
    }

    .btn-b2 span.download-icon {
        width: 17px;
        height: 15px;
        margin-left: 15px;
        background: url(../icons/down-arrow-white.svg) no-repeat;
    }

    .btn-b2:hover {
        background: #ffffff;
        color: #29323e;
    }

        .btn-b2:hover span.add-icon {
            background: url(../icons/add-icon.svg) no-repeat center;
        }

        .btn-b2:hover span.slate-blue-color-icon {
            background: url(../icons/add-icon-slate-blue.svg) no-repeat center;
        }

        .btn-b2:hover span.download-icon {
            background: url(../icons/down-arrow-navy-blue.svg) no-repeat center;
        }

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 0;
    border: 0;
    border-bottom: 1px #c1c2c6 solid;
    font-size: 16px;
    background: transparent;
}

    .form-control:focus {
        border-bottom: 1px #60d3f6 solid;
    }

.border-bottom {
    border-bottom: 1px solid #dddddd;
}

.box-hash-border {
    position: relative;
    border: 1px solid #dddddd;
}

.box-responsive {
    margin-left: -15px;
    margin-right: -15px;
}

    .box-responsive img {
        width: 100%;
    }

.bg-dark-blue2 {
    background: #1d232b;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}
/*=================================================solution page css start here==========================================*/
.solution-container {
    background-image: url('https://kidbrooke-advisory.com/content/images/solution/solution-bg-1.png');
    background-repeat: no-repeat;
    word-break: break-word;
}

    .solution-container .solution-video-content {
        padding: 195px 0 106px 0;
    }

        .solution-container .solution-video-content h1 {
            margin: 15px 0;
            line-height: 77px;
            font-size: 60px;
            letter-spacing: .02em;
        }

        .solution-container .solution-video-content p {
            margin: 0 0 30px;
            letter-spacing: .05em;
            font-family: AktivGrotesk-Regular;
        }

        .solution-container .solution-video-content .video-box img {
            border-radius: 5px;
        }

        .solution-container .solution-video-content embed {
            width: 100%;
            height: 338px;
        }

    .solution-container .article-container .article-box {
        background: none !important;
    }

        .solution-container .article-container .article-box .img {
            position: absolute;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100%;
            left: 0;
            width: 100%;
            z-index: -1;
        }

        .solution-container .article-container .article-box .article-heading {
            color: #fff;
            margin-top: 30px;
        }

        .solution-container .article-container .article-box a .title {
            color: #fff;
        }

.solution-card-outer {
    margin-top: 15px;
    margin-bottom: 20px;
    /*box-shadow: 0px 0px 5px #b5b5b5;
    border-radius: 5px;
    padding: 15px;*/
}

    .solution-card-outer .solution-user-content {
        margin: 40px 0 15px 0;
    }

        .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-position-icon,
        .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-position-icon,
        .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-position-icon,
        .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-phone-icon,
        .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-phone-icon,
        .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-phone-icon,
        .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-email-icon,
        .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-email-icon,
        .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-email-icon {
            width: 42px;
            line-height: 42px;
            background: #000;
            color: #fff;
            text-align: center;
            border-radius: 50%;
            float: left;
            margin-right: 15px;
        }

        .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-position-text,
        .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-position-text,
        .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-position-text,
        .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-phone-text,
        .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-phone-text,
        .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-phone-text,
        .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-email-text,
        .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-email-text,
        .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-email-text {
            float: left;
            font-size: 14px;
        }

            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-position-text .user-position-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-position-text .user-position-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-position-text .user-position-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-phone-text .user-position-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-phone-text .user-position-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-phone-text .user-position-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-email-text .user-position-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-email-text .user-position-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-email-text .user-position-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-position-text .user-phone-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-position-text .user-phone-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-position-text .user-phone-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-phone-text .user-phone-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-phone-text .user-phone-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-phone-text .user-phone-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-email-text .user-phone-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-email-text .user-phone-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-email-text .user-phone-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-position-text .user-email-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-position-text .user-email-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-position-text .user-email-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-phone-text .user-email-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-phone-text .user-email-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-phone-text .user-email-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-email-text .user-email-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-email-text .user-email-title,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-email-text .user-email-title {
                margin-bottom: 0px;
                font-weight: 600;
            }

            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-position-text .user-position-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-position-text .user-position-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-position-text .user-position-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-phone-text .user-position-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-phone-text .user-position-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-phone-text .user-position-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-email-text .user-position-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-email-text .user-position-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-email-text .user-position-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-position-text .user-phone-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-position-text .user-phone-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-position-text .user-phone-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-phone-text .user-phone-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-phone-text .user-phone-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-phone-text .user-phone-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-email-text .user-phone-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-email-text .user-phone-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-email-text .user-phone-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-position-text .user-email-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-position-text .user-email-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-position-text .user-email-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-phone-text .user-email-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-phone-text .user-email-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-phone-text .user-email-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-position-content .user-email-text .user-email-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-phone-content .user-email-text .user-email-subtitle,
            .solution-card-outer .solution-user-content .user-detail-box .user-email-content .user-email-text .user-email-subtitle {
                margin-bottom: 0px;
            }

        .solution-card-outer .solution-user-content .user-detail-box .user-info-container {
            padding: 15px;
            font-size: 16px;
        }

            .solution-card-outer .solution-user-content .user-detail-box .user-info-container .user-info-text {
                margin-bottom: 10px;
                font-size: 18px;
            }

            .solution-card-outer .solution-user-content .user-detail-box .user-info-container .user-newsletter-text {
                margin-bottom: 0px;
                font-weight: 600;
            }

    .solution-card-outer .card-text-section {
        margin-bottom: 15px;
    }

    .solution-card-outer .solution-card-heading {
        font-size: 34px;
    }

    .solution-card-outer .solution-card-subheading {
        font-size: 26px;
    }

    .solution-card-outer ul.subheading-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .solution-card-outer ul.subheading-list .fa-angle-right {
            float: left;
            margin-top: 5px;
            margin-right: 15px;
            width: 25px;
            line-height: 25px;
            background: #000;
            color: #fff;
            border-radius: 50%;
            text-align: center;
        }

        .solution-card-outer ul.subheading-list p {
            margin-left: 40px;
            margin-bottom: 0;
        }

.mt-80 {
    margin-top: 80px !important;
}

.flex-card-outer .flex-card .advance-card-container .title h4 {
    font-size: 36px;
}

.flex-card-outer {
    display: flex;
    justify-content: space-evenly;
    margin: 40px 0;
    /*.flex-card:nth-child(2) {
        background: #f5f5f5;
    }

    .flex-card:nth-child(3) {
        background: #e6e5e5;
    }

    .flex-card:nth-child(4) {
        background: #f5f5f5;
    }*/
}

    .flex-card-outer .flex-card {
        position: relative;
        width: 25%;
        height: 290px;
        margin-bottom: 15px;
    }

        .flex-card-outer .flex-card .flex-heading {
            font-size: 26px;
            padding: 5px 45px;
        }

        .flex-card-outer .flex-card .flex-bg-icon {
            position: absolute;
            background-image: url(../images/solution/solution-bg-3.png);
            bottom: 10px;
            right: 10px;
            width: 185px;
            height: 164px;
        }

        .flex-card-outer .flex-card .img {
            position: absolute;
            background-repeat: no-repeat;
            background-size: cover;
            height: 290px;
            left: 0;
            width: 100%;
            z-index: -1;
        }

        .flex-card-outer .flex-card .title {
            width: 100%;
        }

            .flex-card-outer .flex-card .title a h1 {
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                color: #fff;
                font-size: 22px;
                padding: 5px 28px;
                height: 75px;
                overflow: hidden;
                font-weight: normal;
            }

        .flex-card-outer .flex-card p {
            color: #fff;
            padding: 0px 28px 20px 28px;
            height: 146px;
            overflow: hidden;
        }

        .flex-card-outer .flex-card.active {
            background-image: url('https://kidbrooke-advisory.com/content/images/solution/solution-bg-2.png');
            background-size: cover;
            color: #fff;
            background-repeat: no-repeat;
            text-align: center;
        }

.heading-top {
    font-size: 54px;
    text-align: center;
    margin: 0px;
    margin-bottom: 40px;
    margin-top: 0px;
}

.conversation-container {
    background-image: url('../images/solution/solution-bg-4.png');
    padding: 40px 0;
    background-repeat: no-repeat;
}

    .conversation-container .conversation-box-outer {
        max-width: 800px;
        margin: 0 auto;
    }

        .conversation-container .conversation-box-outer .form-control {
            border: 1px solid #ddd;
            box-shadow: none;
            border-radius: 0;
            height: 48px;
            background: #fff;
            padding: 10px 15px;
        }

        .conversation-container .conversation-box-outer a.policy-link-btn {
            color: #00d6fa;
        }

            .conversation-container .conversation-box-outer a.policy-link-btn:hover {
                text-decoration: underline;
            }

.article-box {
    padding: 15px;
    position: relative;
    background: #e4e4e4;
    margin-bottom: 40px;
}

    .article-box .article-heading {
        font-size: 22px;
        font-weight: 600;
        margin: 0 0 15px 0;
    }

    .article-box .article-box-tags {
        height: 56px;
        overflow: hidden;
    }

    .article-box p {
        margin-bottom: 15px;
        font-size: 16px;
    }

    .article-box a.keyword-text {
        color: #00d6fa !important;
        float: left;
        font-size: 16px;
        margin-right: 15px;
    }

        .article-box a.keyword-text:hover {
            text-decoration: underline;
        }

.image-corner {
    position: relative;
}

    .image-corner .corner-top {
        background-image: url('../images/solution/border-box-white-top.png');
        background-repeat: no-repeat;
        position: absolute;
        width: 40px;
        height: 40px;
        top: -21px;
        left: -13px;
    }

    .image-corner .corner-bottom {
        background-image: url('https://kidbrooke-advisory.com/content/images/solution/border-box-white-bottom.png');
        background-repeat: no-repeat;
        position: absolute;
        width: 40px;
        height: 40px;
        bottom: 0px;
        right: 0px;
    }
/*=================================================solution page css end here==========================================*/
/*=================================================career page css start here==========================================*/
.careers-section {
    margin-top: 124px;
}

    .careers-section .section-responsive {
        margin-right: 15px;
        margin-left: -15px;
    }

    .careers-section .heading-careers {
        margin-right: 70px;
    }

        .careers-section .heading-careers h1 {
            margin-top: 50px;
            margin-bottom: 38px;
        }

.team-container .team-heading-top {
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 52px;
}

.team-container .team-subheading-top {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
}

.team-container .team-box {
    padding: 25px;
    position: relative;
    background: #e4e4e4;
    margin-bottom: 40px;
}

    .team-container .team-box .team-heading {
        text-align: center;
        font-weight: 600;
        margin-bottom: 15px;
        font-size: 26px;
    }

    .team-container .team-box p {
        margin-bottom: 15px;
    }

.join-btn-box {
    margin: 30px 0 60px 0;
    text-align: center;
}

.btn-b1 {
    background: url('../images/solution/button-pattern.png');
    color: #27303d;
}

.btn-b {
    width: 188px;
    height: 38px;
    border: 0;
    display: inline-block;
    font-size: 16px;
    font-family: Montserrat-Regular;
    letter-spacing: .09em;
    line-height: 38px;
    text-align: center;
}

.btn-b1:hover {
    background: #60d3f6;
    color: #fff;
}

.btn-b span.add-icon {
    width: 17px;
    height: 15px;
    margin-left: 15px;
    background: url('../images/solution/add-icon.svg');
}

.btn-b span {
    display: inline-block;
}
/*=================================================career page css end here==========================================*/
/*=================================================area page css start here==========================================*/
.analytics-container {
    background-image: url('https://kidbrooke-advisory.com/content/images/solution/solution-bg-1.png');
    background-repeat: no-repeat;
    word-break: break-word;
}

    .analytics-container .analytics-video-content {
        padding: 195px 30px 106px 60px;
    }

        .analytics-container .analytics-video-content h1 {
            margin: 65px 0 15px 0;
            line-height: 77px;
            font-size: 56px;
            letter-spacing: .02em;
        }

        .analytics-container .analytics-video-content p {
            margin: 0 0 30px;
            letter-spacing: .05em;
            font-family: AktivGrotesk-Regular;
        }

        .analytics-container .analytics-video-content .analytics-box img {
            border-radius: 5px;
        }

        .analytics-container .analytics-video-content embed {
            width: 100%;
            height: 338px;
        }

.area-solution-container {
    padding: 40px 0;
}

    .area-solution-container .article-box {
        background: none;
        overflow: hidden;
        padding: 0;
        height: 350px;
    }

        .area-solution-container .article-box p {
            height: 170px;
            padding: 0 25px;
            overflow: hidden;
            color: #fff;
        }

            .area-solution-container .article-box p:nth-child(3) {
                max-height: 180px;
                overflow: hidden;
            }

        .area-solution-container .article-box .article-heading {
            color: #fff;
            font-size: 22px;
            font-weight: normal;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            margin: 5px 25px;
            padding: 25px 0 15px 0;
        }

    .area-solution-container .article-box-tags {
        padding: 0 25px;
    }

    .area-solution-container .title {
        background-image: url(https://kidbrooke-advisory.com/content/images/solution/home-insights-icon.png);
        padding-left: 120px;
        background-position: 0px 110px;
        background-repeat: no-repeat;
    }

        .area-solution-container .title:before {
            content: '';
            background-image: url(../images/solution/solution-bg-3.png);
            background-repeat: no-repeat;
            background-size: 110px;
            height: 100%;
            position: absolute;
            top: 60px;
            right: 230px;
            transform: rotate(90deg);
        }

        .area-solution-container .title:after {
            content: '';
            background-image: url(../images/solution/solution-bg-3.png);
            background-repeat: no-repeat;
            height: 100%;
            position: absolute;
            top: 170px;
            left: 210px;
        }

        .area-solution-container .title h2 {
            padding: 120px 0;
            margin: 0;
        }

    .area-solution-container .user-info-container {
        width: 100%;
        display: inline-block;
        margin-top: 15px;
        position: absolute;
        bottom: 0;
        left: 25px;
    }

        .area-solution-container .user-info-container p {
            padding: 0;
        }

        .area-solution-container .user-info-container .user-image-box {
            float: left;
        }

            .area-solution-container .user-info-container .user-image-box img {
                clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 70%, 70% 100%, -70% 100%, 30% 0%);
                float: left;
                margin-right: 20px;
                width: 100px;
                height: 100px;
            }

        .area-solution-container .user-info-container .username {
            margin-bottom: 5px;
            margin-top: -3px;
            color: #fff;
        }

        .area-solution-container .user-info-container .designation {
            font-size: 14px;
            font-weight: 600;
        }

    .area-solution-container .img {
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        left: 0;
        width: 100%;
        z-index: -1;
    }

.area-article-container {
    position: relative;
    padding: 40px 0;
}

    .area-article-container .article-box {
        min-height: 290px;
        max-height: 290px;
        padding: 0;
        height: 290px;
        background: none !important;
    }

        .area-article-container .article-box .img {
            position: absolute;
            background-repeat: no-repeat;
            background-size: cover;
            height: 290px;
            left: 0;
            width: 100%;
            z-index: -1;
            padding: 15px;
        }

        .area-article-container .article-box .area-tags {
            padding-left: 32px;
        }

        .area-article-container .article-box p {
            color: #fff;
        }

            .area-article-container .article-box p:nth-child(1) {
                font-size: 22px;
                /*color: #ffffff;*/
                color: #000000;
                padding: 5px 33px;
                margin: 25px 0 5px 0;
                display: inline-block;
                text-transform: uppercase;
                font-weight: normal;
                text-align: center;
            }

            .area-article-container .article-box p:nth-child(2) {
                height: 130px;
                overflow: hidden;
                padding: 0 32px;
            }

    .area-article-container .owl-next {
        position: absolute;
        background: #fff;
        border-radius: 50%;
        width: 37px;
        line-height: 35px;
        top: 50%;
        right: 15px;
        border: 1px solid #000;
        font-size: 24px;
        outline: none;
        display: none;
    }

    .area-article-container .owl-prev {
        position: absolute;
        background: #fff;
        border-radius: 50%;
        width: 37px;
        line-height: 35px;
        top: 50%;
        left: 15px;
        border: 1px solid #000;
        font-size: 24px;
        outline: none;
        display: none;
    }

.latest-article-container {
    background: #f1f1f1;
    padding: 50px 0 13px 0;
}

    .latest-article-container .article-box {
        padding: 25px;
        position: relative;
        background: #fff;
        margin-bottom: 37px;
    }

        .latest-article-container .article-box .article-heading {
            font-size: 26px;
            font-weight: 600;
            margin-bottom: 0px;
        }

        .latest-article-container .article-box p {
            margin-bottom: 15px;
        }

        .latest-article-container .article-box a.keyword-text {
            color: #00d6fa;
            margin-right: 15px;
            float: left;
        }

            .latest-article-container .article-box a.keyword-text:hover {
                text-decoration: underline;
            }

    .latest-article-container .heading-top {
        font-size: 54px;
        text-align: center;
        margin-bottom: 40px;
    }
/*=================================================area page css end here==========================================*/
/*=================================================solution new page css end here==========================================*/
.advance-card-container .left-heading {
    margin-left: 15px;
    font-size: 1.2em;
}

.advance-card-container .article-box {
    height: 410px !important;
    background: none;
    padding: 0;
}

    .advance-card-container .article-box h3 {
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .advance-card-container .article-box p {
        margin-bottom: 0;
    }

    .advance-card-container .article-box .topic {
        height: 410px;
        margin-bottom: 70px;
        position: relative;
        width: 100%;
        display: block;
        margin-right: 49px;
    }

        .advance-card-container .article-box .topic .img {
            position: absolute;
            background-repeat: no-repeat;
            background-size: cover;
            height: 410px;
            left: 0;
            width: 100%;
            z-index: -1;
        }

        .advance-card-container .article-box .topic .solution-tags {
            margin-top: -15px;
        }

        .advance-card-container .article-box .topic a {
            color: #fff;
            padding: 0 0 0 25px;
        }

            .advance-card-container .article-box .topic a h3 {
                font-family: "Montserrat-SemiBold";
                font-size: 24px;
                color: #ffffff;
                padding: 5px 0px;
                margin: 38px 0 5px 0;
                display: inline-block;
                text-transform: uppercase;
            }

            .advance-card-container .article-box .topic a p {
                padding: 10px 25px;
                height: 98px;
                overflow: hidden;
            }

.advance-card-container .user-info-container {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    position: absolute;
    bottom: 25px;
    left: 25px;
}

    .advance-card-container .user-info-container .user-image-box {
        float: left;
        margin-right: 20px;
    }

        .advance-card-container .user-info-container .user-image-box img {
            clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 70%, 70% 100%, -70% 100%, 30% 0%);
            width: 100px;
            height: 100px;
        }

    .advance-card-container .user-info-container .username {
        margin-bottom: 5px;
        margin-top: -3px;
        color: #fff;
    }

    .advance-card-container .user-info-container .designation {
        font-size: 14px;
        font-weight: 600;
        color: #fff;
    }

.advance-card-container .title {
    /*padding-left: 90px;
        background-image: url(../images/home-insights-icon.png);
        background-position: 0px 0;
        background-repeat: no-repeat;*/
    padding-left: 110px;
    background-image: url(../images/home-insights-icon.png);
    background-position: 20px 0;
    background-repeat: no-repeat;
}

    .advance-card-container .title .more {
        font-size: 14px;
        font-family: 'Montserrat-SemiBold';
        text-transform: uppercase;
        display: inline-block;
        padding: 5px 0;
        border-top: 2px solid #444;
    }

        .advance-card-container .title .more img {
            width: 38px;
            margin-left: 10px;
        }

.advance-card-container .blog-signup {
    background: #29323f;
    border: #b9b9b9;
    width: 100%;
    padding: 40px;
    margin-bottom: 50px;
    position: relative;
}

    .advance-card-container .blog-signup h3 {
        font-size: 24px;
        margin: 0px 0px 30px;
        color: #fff;
    }

.advance-card-container .advance-card-flex h2 {
    margin-top: 130px;
}

.advance-card-container .box-container {
    display: inline-block;
}

.mr-20 {
    margin-right: 20px;
}

.solution-area-container {
    border-radius: 5px;
    border: 1px solid #e3e3e3;
}

    .solution-area-container .solution-area-header {
        background: #e4e4e4;
        padding: 15px;
        border-radius: 3px;
    }

        .solution-area-container .solution-area-header h5 {
            margin: 0;
        }

    .solution-area-container .solution-area-list {
        padding: 15px;
        margin: 0;
    }

        .solution-area-container .solution-area-list ul {
            margin: 0;
            padding: 0;
        }

        .solution-area-container .solution-area-list li {
            list-style-type: none;
            padding: 10px 0;
            border-bottom: 1px solid #e3e3e3;
            font-size: 16px;
        }

            .solution-area-container .solution-area-list li:last-child {
                border-bottom: none;
                padding-bottom: 0;
            }
/*=================================================solution new page css end here==========================================*/
@media (max-width: 1366px) {
    .hidden-in-screen-1366 {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .hidden-small-screen {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 480px) {
    .link-group .btn-b {
        padding-left: 15px;
        text-align: left;
    }

        .link-group .btn-b span {
            float: right;
            margin: 12px;
        }

    .cookie-button-wrapper {
        font-size: 12px !important;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Montserrat-Bold';
    font-weight: normal;
    line-height: 1.1;
    color: inherit;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small,
    .h1 small,
    .h2 small,
    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small,
    h1 .small,
    h2 .small,
    h3 .small,
    h4 .small,
    h5 .small,
    h6 .small,
    .h1 .small,
    .h2 .small,
    .h3 .small,
    .h4 .small,
    .h5 .small,
    .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #777;
    }

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 30px;
    margin-bottom: 15px;
}

    h1 small,
    .h1 small,
    h2 small,
    .h2 small,
    h3 small,
    .h3 small,
    h1 .small,
    .h1 .small,
    h2 .small,
    .h2 .small,
    h3 .small,
    .h3 .small {
        font-size: 65%;
    }

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 15px;
    margin-bottom: 15px;
}

    h4 small,
    .h4 small,
    h5 small,
    .h5 small,
    h6 small,
    .h6 small,
    h4 .small,
    .h4 .small,
    h5 .small,
    .h5 .small,
    h6 .small,
    .h6 .small {
        font-size: 75%;
    }

h1,
.h1 {
    font-size: 81px;
}

h2,
.h2 {
    font-size: 54px;
}

h3,
.h3 {
    font-size: 36px;
}

h4,
.h4 {
    font-size: 23px;
}

h5,
.h5 {
    font-size: 18px;
}

h6,
.h6 {
    font-size: 16px;
}

img {
    max-width: 100%;
}

p {
    margin: 0 0 15px;
}

.show-on-md {
    display: none;
}

.lead {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .navbar-nav li:hover > ul {
        display: block;
    }
    /*=======site header strat========*/
    .site-header {
        /*=======small-drop strat========*/
        /*=======small-drop end========*/
        /*=======large drop strat========*/
        /*=======large drop end========*/
    }

        .site-header .navbar-default .navbar-nav > .open > a,
        .site-header .navbar-default .navbar-nav > .open > a:focus,
        .site-header .navbar-default .navbar-nav > .open > a:hover {
            background: transparent;
            /*color:@light-blue!important;*/
            border-bottom: 2px solid #262f3d;
        }

        .site-header .dropdown-menu {
            font-size: 14px;
            border-radius: 6px !important;
            border: 0;
            box-shadow: 0 0 7px 3px #e2e2e2;
            width: 250px;
        }

            .site-header .dropdown-menu li a {
                font-size: 14px !important;
                padding: 8px 0 !important;
                /*&:before {
                          content: "\f18e";
                          font-family: 'FontAwesome';
                          font-size: 16px;
                          margin-right: 8px;
                      }*/
            }

                .site-header .dropdown-menu li a:hover,
                .site-header .dropdown-menu li a:focus {
                    background: transparent;
                    color: #00d6fa !important;
                }

        .site-header .dropdown-menu-large {
            width: 900px;
            right: -300px;
            border-radius: 6px !important;
            border: 0;
            box-shadow: 0 0 7px 3px #e2e2e2;
            padding: 20px 15px 10px 15px;
        }

            .site-header .dropdown-menu-large .menu-items {
                float: left;
                width: 30%;
                margin: 0 10px;
            }

                .site-header .dropdown-menu-large .menu-items h3 {
                    font-size: 14px;
                    padding: 0 0 8px 0;
                    margin: 0;
                    color: #00d6fa;
                    font-weight: normal;
                }

                .site-header .dropdown-menu-large .menu-items a {
                    font-size: 14px !important;
                    margin: 0 !important;
                }

                    .site-header .dropdown-menu-large .menu-items a:hover {
                        background: transparent;
                    }

        .site-header .dropdown-submenu {
            position: relative;
        }

            .site-header .dropdown-submenu > .dropdown-menu {
                top: 0;
                right: 101%;
                margin-top: -6px;
                margin-left: -1px;
                -webkit-border-radius: 0 6px 6px 6px;
                -moz-border-radius: 0 6px 6px;
                border-radius: 0 6px 6px 6px;
            }

            .site-header .dropdown-submenu a {
                display: block !important;
            }

            .site-header .dropdown-submenu > a:after {
                display: block;
                content: " ";
                float: right;
                width: 0;
                height: 0;
                border-color: transparent;
                margin-top: 4px;
                margin-right: -6px;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-right: 5px solid #504f4f;
            }

            .site-header .dropdown-submenu.pull-left {
                float: none;
            }

                .site-header .dropdown-submenu.pull-left > .dropdown-menu {
                    left: -100%;
                    margin-left: 10px;
                    -webkit-border-radius: 6px 0 6px 6px;
                    -moz-border-radius: 6px 0 6px 6px;
                    border-radius: 6px 0 6px 6px;
                }
    /*=======site header strat========*/
    .lead {
        font-size: 27px;
    }
}

small,
.small {
    font-size: 88%;
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #262f3d;
}

a.text-primary:hover,
a.text-primary.text-primary:focus {
    color: #12171e;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover,
a.text-success.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #ffffff;
    background-color: #262f3d;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #12171e;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 14px;
    margin: 60px 0 30px;
    border-bottom: 1px solid #eeeeee;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 15px;
}

    ul ul,
    ol ul,
    ul ol,
    ol ol {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 30px;
}

dt,
dd {
    line-height: 1.7;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .site-header nav.navbar-main .nav {
        float: none !important;
    }

    .site-header .navbar-collapse {
        margin: 0;
        padding: 0;
    }

    .navbar-right .dropdown-menu {
        right: -132px;
    }
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .dl-horizontal dt dd {
            margin-left: 180px;
        }

    .site-header .navbar-main .nav > li.active > a,
    .site-header .navbar-main .nav > li:hover > a {
        border-bottom: 2px solid #262f3d !important;
        cursor: pointer !important;
    }

    .dark .site-header .navbar-main .nav > li.active > a,
    .dark .site-header .navbar-main .nav > li:hover > a {
        border-bottom: 2px solid #fff !important;
        cursor: pointer !important;
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 15px 30px;
    margin: 0 0 30px;
    font-size: 22.5px;
    border-left: 5px solid #eeeeee;
}

    blockquote p:last-child,
    blockquote ul:last-child,
    blockquote ol:last-child {
        margin-bottom: 0;
    }

    blockquote footer,
    blockquote small,
    blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.7;
        color: #777;
    }

        blockquote footer:before,
        blockquote small:before,
        blockquote .small:before {
            content: '— ';
        }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eeeeee;
        border-left: 0;
        text-align: right;
    }

        .blockquote-reverse footer:before,
        blockquote.pull-right footer:before,
        .blockquote-reverse small:before,
        blockquote.pull-right small:before,
        .blockquote-reverse .small:before,
        blockquote.pull-right .small:before {
            content: '';
        }

        .blockquote-reverse footer:after,
        blockquote.pull-right footer:after,
        .blockquote-reverse small:after,
        blockquote.pull-right small:after,
        .blockquote-reverse .small:after,
        blockquote.pull-right .small:after {
            content: ' —';
        }

address {
    margin-bottom: 30px;
    font-style: normal;
    line-height: 1.7;
}

p {
    margin: 0 0 30px;
    letter-spacing: .05em;
}

.white-text {
    color: #ffffff;
}

    .white-text:hover {
        color: #ffffff;
    }

.blue-text {
    color: #60d3f6;
}

ol,
ol li,
ul,
ul li {
    padding-bottom: 24px;
    letter-spacing: .05em;
}

@media (max-width: 768px) {
    .show-on-md {
        display: block;
    }

    body {
        overflow-x: hidden;
    }

    h1 {
        font-size: 56.7px;
    }

    h2,
    .heading-top,
    .main-heading {
        font-size: 37.8px;
    }

    h3 {
        font-size: 25.2px;
    }

    .solution-item-box-wrapeer {
        margin-bottom: 30px;
    }

    .product-wrap .advance-card-container .article-box-heading .title h4 {
        font-size: 37.8px !important;
    }
}
/*=====================form css start here====================*/
.form-group {
    position: relative;
}

    .form-group.label-static .form-control::placeholder,
    .form-group.label-placeholder .form-control::placeholder,
    .form-group.label-floating .form-control::placeholder {
        display: none;
    }

    .form-group.label-static label.control-label,
    .form-group.label-placeholder label.control-label,
    .form-group.label-floating label.control-label {
        top: -3px;
        position: absolute;
        pointer-events: none;
        transition: .3s ease all;
        color: #b9b9b9;
    }

    .form-group.label-floating label.control-label {
        will-change: left, top, contents;
    }

    .form-group.label-placeholder:not(.is-empty) label.control-label {
        display: none;
    }

    .form-group .help-block {
        position: absolute;
        display: none;
    }

    .form-group.is-focused .form-control {
        outline: none;
        background-size: 100% 2px, 100% 1px;
        box-shadow: none;
        transition-duration: .3s;
    }

        .form-group.is-focused .form-control .material-input:after {
            background-color: #262f3d;
        }

        .form-group.is-focused .form-control::placeholder {
            display: block;
        }

    .form-group.is-focused label,
    .form-group.is-focused label.control-label {
        color: #262f3d;
        top: -15px;
    }

    .form-group.is-focused.label-placeholder label,
    .form-group.is-focused.label-placeholder label.control-label {
        color: #bdbdbd;
    }

    .form-group.is-focused label {
        top: -20px !important;
        font-size: 14px;
    }

    .form-group.is-focused input {
        border-bottom: 1px solid #dddddd !important;
        border-color: #a94442;
        border-width: 0 0 1px;
    }

    .form-group.is-focused .help-block {
        display: block;
    }

    .form-group.is-focused .form-control::placeholder {
        display: block;
    }

    .form-group.has-warning .form-control {
        box-shadow: none;
    }

    .form-group.has-warning.is-focused .form-control {
        color: #f0ad4e;
    }

    .form-group.has-warning label.control-label,
    .form-group.has-warning .help-block {
        color: #f0ad4e;
    }

    .form-group.has-error .form-control {
        box-shadow: none;
    }

    .form-group.has-error.is-focused .form-control {
        color: #d9534f;
    }

    .form-group.has-error label.control-label,
    .form-group.has-error .help-block {
        color: #d9534f;
    }

    .form-group.has-success .form-control {
        box-shadow: none;
    }

    .form-group.has-success.is-focused .form-control {
        color: #5cb85c;
    }

    .form-group.has-success label.control-label,
    .form-group.has-success .help-block {
        color: #5cb85c;
    }

    .form-group.has-info .form-control {
        box-shadow: none;
    }

    .form-group.has-info.is-focused .form-control {
        color: #5bc0de;
    }

    .form-group.has-info label.control-label,
    .form-group.has-info .help-block {
        color: #5bc0de;
    }

    .form-group textarea {
        resize: none;
        border-radius: 0;
        box-shadow: none;
    }

        .form-group textarea ~ .form-control-highlight {
            margin-top: -11px;
        }

    .form-group input {
        border-radius: 0;
        box-shadow: none;
    }

    .form-group select {
        appearance: none;
    }

        .form-group select ~ .material-input:after {
            display: none;
        }
/*=====================form css End here====================*/
/*======= knowledge post css start here ===========*/
.knowledge-post .site-header .logo-top span {
    display: block !important;
}

.dark .site-header .navbar-main .logo-top {
    background-image: url(../images/header-logo-white.png);
}

    .dark .site-header .navbar-main .logo-top span {
        display: block;
        color: #ffffff;
    }

.dark .site-header .navbar-main .nav li a {
    color: #ffffff;
}

.dark .dropdown-menu {
    box-shadow: none;
}

    .dark .dropdown-menu a {
        color: #262f3d !important;
    }

.dark .caret {
    color: #fff;
}

.dark .icon-bar {
    background-color: #fff !important;
}
/*============== knowledge post END start here================= */
/*================= site header css start here================= */
.site-header {
    margin: 0 auto;
    position: absolute;
    width: 100%;
    z-index: 999;
}

    .site-header .navbar-fixed-top.navbar-main {
        left: auto;
        max-width: 1922px;
        position: fixed;
        right: auto;
        width: 100%;
    }

    .site-header .navbar-main {
        border: none;
        border-radius: 0;
        background: transparent;
    }

        .site-header .navbar-main .navbar-brand {
            margin-left: 20px;
        }

        .site-header .navbar-main .navbar-collapse {
            background: transparent;
        }

        .site-header .navbar-main .logo-top {
            float: left;
            width: 138px;
            height: 41px;
            display: block;
            background-image: url(https://kidbrooke-advisory.com/content/images/header-logo.png);
            background-repeat: no-repeat;
            margin: 20px auto;
        }

            .site-header .navbar-main .logo-top span {
                display: none;
                float: left;
                font-size: 14px;
                border-left: 1px #333333 solid;
                line-height: 16px;
                margin-left: 115px;
                margin-top: 1px;
                padding-left: 16px;
                width: 125px;
            }

        .site-header .navbar-main .nav li {
            list-style: none;
        }

            .site-header .navbar-main .nav li a {
                font-family: "Montserrat-Regular";
                font-size: 16px;
                letter-spacing: .5px;
                color: #262f3d;
                text-decoration: none;
                display: inline-block;
                white-space: normal;
            }

            .site-header .navbar-main .nav li.active a {
                background-color: transparent;
                white-space: normal;
            }

        .site-header .navbar-main .nav .dropdown-menu ul {
            margin: 0;
            padding: 0;
        }

        .site-header .navbar-main .nav .dropdown-menu li {
            padding: 0;
        }

.blog .site-header .logo-top {
    background-image: url(../images/kidbrooke-logo.png);
    margin-left: 0;
}

.blog .site-header .navbar-main .nav li a {
    color: #ffffff;
}

    .blog .site-header .navbar-main .nav li a:hover span {
        border-bottom: 2px solid #ffffff;
    }

.blog .site-header .navbar-main .nav li.active a span {
    border-bottom: 2px solid #ffffff;
}

@media (min-width: 992px) {
    .site-header {
        margin-top: 20px;
    }

        .site-header .navbar-main {
            padding-left: 20px;
            padding-right: 20px;
        }

            .site-header .navbar-main .logo-top {
                margin: 20px auto 20px 40px;
            }

            .site-header .navbar-main .nav {
                margin-top: 20px;
            }

                .site-header .navbar-main .nav li a {
                    margin: 0 10px 0;
                    padding: 5px 0;
                }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .site-header {
        margin-top: 20px;
    }

        .site-header nav.navbar-main {
            padding-left: 10px;
            padding-right: 10px;
        }

            .site-header nav.navbar-main .logo-top {
                margin: 20px auto 20px 0;
            }

            .site-header nav.navbar-main .navbar-collapse {
                background: transparent !important;
            }

            .site-header nav.navbar-main .nav {
                margin-top: 20px;
            }

                .site-header nav.navbar-main .nav li a {
                    margin: 0 10px 0;
                }
}

@media (min-width: 768px) and (max-width: 992px) {
    .site-header {
        margin-top: 20px;
    }

        .site-header nav.navbar-main {
            padding-left: 10px;
            padding-right: 10px;
        }

            .site-header nav.navbar-main .logo-top {
                margin: 0 auto 20px 0;
            }

                .site-header nav.navbar-main .logo-top span {
                    margin-top: -8px;
                }

            .site-header nav.navbar-main .navbar-collapse {
                background: transparent !important;
            }

            .site-header nav.navbar-main .nav {
                margin-top: 15px;
            }

                .site-header nav.navbar-main .nav li a {
                    margin: 0 10px 0;
                    padding: 5px 0;
                    font-size: 14px;
                }

        .site-header .dropdown-menu-large {
            width: 688px;
            right: -350px;
        }
}

@media (max-width: 767px) {
    .gray-box-wrapper .container,
    .white-box-wrapper .container {
        display: block !important;
    }

        .gray-box-wrapper .container .col-sm-6:first-child,
        .white-box-wrapper .container .col-sm-6:first-child {
            display: block !important;
            width: 100% !important;
        }

    .mobile-view-user {
        display: block !important;
    }

    .desktop-view-user {
        display: none !important;
    }

    .analytics-container .analytics-video-content {
        padding: 15px 0 0 0;
    }

    .site-header .navbar-default .navbar-nav > .open > a,
    .site-header .navbar-default .navbar-nav > .open > a:focus,
    .site-header .navbar-default .navbar-nav > .open > a:hover {
        color: #555;
        background-color: #000;
    }

    .site-header .navbar-main .nav .dropdown-menu ul {
        display: block;
        padding-left: 15px;
    }

    .site-header .navbar-main {
        background: transparent;
    }

        .site-header .navbar-main .navbar-toggle {
            border-color: transparent;
        }

            .site-header .navbar-main .navbar-toggle:hover {
                background: transparent;
            }

                .site-header .navbar-main .navbar-toggle:hover .icon-bar {
                    background-color: #000000;
                }

        .site-header .navbar-main .navbar-collapse {
            border-color: #b9b9b9;
            background: #000000 none repeat scroll 0 0 !important;
        }

            .site-header .navbar-main .navbar-collapse .nav li {
                padding-bottom: 0;
            }

                .site-header .navbar-main .navbar-collapse .nav li a {
                    color: #ffffff;
                    font-size: 14px;
                    display: block;
                }

                .site-header .navbar-main .navbar-collapse .nav li a {
                    color: #ffffff !important;
                }

        .site-header .navbar-main span.toggle-arrow {
            width: 24px;
            display: inline-block;
            float: right;
            text-align: center;
            position: absolute;
            right: 15px;
            top: 9px;
            color: #fff;
        }

        .site-header .navbar-main .logo-top {
            margin: 5px auto 5px 5px !important;
        }

            .site-header .navbar-main .logo-top span {
                border-left: none;
            }

    .process .process-hero .link-group {
        text-align: center;
    }

    .process .process-list.project {
        background-position: 15px top !important;
    }

    .process .process-list.team {
        background-position: 15px top !important;
    }

    .process .process-list.agile {
        background-position: 15px top !important;
    }

    .process .process-list h3 {
        margin-top: 80px !important;
    }

    .Campaign-base .Campaign-header {
        height: auto !important;
    }

        .Campaign-base .Campaign-header .container-fluid {
            padding-top: 100px !important;
        }

    .menu-items {
        margin-bottom: 15px;
    }

        .menu-items a {
            padding: 10px 0 0 0;
        }

        .menu-items h3 {
            font-size: 14px;
            color: #fff;
            padding: 0;
            margin: 0;
            color: #00d6fa;
        }

    .dropdown-menu-large {
        padding: 15px 15px 0 15px;
    }

    .solution-user-content .user-position-content,
    .solution-user-content .user-phone-content,
    .solution-user-content .user-email-content {
        margin: 15px 0;
    }

    .solution-user-content .image-corner {
        width: 200px;
        margin: 0 auto;
    }

    .careers-section {
        margin-top: 90px;
    }
}

@media (max-width: 767px) {
    .header-bg-black .site-header .navbar-main .navbar-toggle:hover .icon-bar {
        background-color: #ffffff;
    }

    .site-footer {
        padding-bottom: 28px;
    }

    .solution-item span,
    .product-item span {
        display: none !important;
    }
}
/*================ site header css end here================= */
/*================content css start================*/
.content {
    position: relative;
}

    .content .theme-desc {
        color: #ffffff;
        font-size: 24px;
        font-family: 'Montserrat-Regular';
        letter-spacing: .1em;
        margin-bottom: 60px;
        width: 75%;
    }

    .content .knowlage-post-rectangle {
        background: url(../images/knowledge-post-rectangles.png) no-repeat 0 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 297px;
        height: 311px;
        z-index: -1;
    }

    .content .blog-post-line-1 {
        background: url(../images/lines-1.png) no-repeat 0 0;
        position: absolute;
        right: 0;
        top: 10%;
        width: 41px;
        height: 92px;
    }

    .content .blog-post-rectangle {
        background: url(../images/rectangles-icon-2.png) no-repeat 0 0;
        position: absolute;
        right: 0;
        top: 40%;
        width: 200px;
        height: 345px;
    }

    .content .knowledge-post {
        padding: 80px 0;
    }

    .content .article-share {
        position: fixed;
        top: 320px;
        left: 0;
        z-index: 100;
        transition: left .3s linear;
        width: 96px;
        height: 260px;
        background: url(../images/rectangle-background.png) no-repeat;
        font-size: 14px;
        color: #ffffff;
        padding: 25px 25px 0 7px;
        list-style: none;
        text-align: center;
    }

        .content .article-share li {
            margin: 0;
            padding: 5px;
        }

            .content .article-share li a.social {
                margin: 15px 0;
            }

        .content .article-share .social {
            display: block;
            margin: 30px 0;
        }

            .content .article-share .social img {
                width: 22px;
            }

    .content .article-image {
        background-color: #000000;
        background-size: cover;
        background-position: 80% 0;
        background-repeat: no-repeat;
        height: 882px;
        position: relative;
    }

        .content .article-image .container-fluid {
            padding-top: 300px;
        }

            .content .article-image .container-fluid .article-more {
                font-family: 'Montserrat-SemiBold';
                font-size: 16px;
            }

                .content .article-image .container-fluid .article-more img {
                    width: 38px;
                    display: inline-block;
                    margin-left: 20px;
                }

                .content .article-image .container-fluid .article-more h2 {
                    margin: 0 0 10px;
                    line-height: 1.2;
                    letter-spacing: .02em;
                }

            .content .article-image .container-fluid .article-category {
                font-family: 'Montserrat-SemiBold';
                font-size: 16px;
            }

                .content .article-image .container-fluid .article-category img {
                    width: 38px;
                    display: inline-block;
                    margin-left: 20px;
                }

            .content .article-image .container-fluid .article-published {
                display: inline-block;
                margin-left: 134px;
            }

                .content .article-image .container-fluid .article-published b {
                    font-family: 'Montserrat-SemiBold';
                    font-size: 16px;
                }

                    .content .article-image .container-fluid .article-published b img {
                        width: 38px;
                        display: inline-block;
                        margin-left: 20px;
                    }

    .content .content-body {
        margin: 80px 0 10px;
        position: relative;
    }

        .content .content-body .article-title h2 {
            margin: 0;
        }

        .content .content-body .article-desc {
            color: #b6bcc6;
            font-size: 24px;
            font-family: 'Montserrat-Regular';
            letter-spacing: .1em;
            margin-bottom: 60px;
        }

        .content .content-body .article-published {
            margin-bottom: 30px;
        }

        .content .content-body .article-category {
            text-transform: uppercase;
            color: #60d3f6;
            font-size: 16px;
            font-family: 'Montserrat-SemiBold';
        }

        .content .content-body .article-body {
            position: relative;
            z-index: 2;
        }

            .content .content-body .article-body .article-cross {
                width: 56px;
                height: 102px;
                background: url(../images/cross-rectangle.png) no-repeat;
                position: absolute;
                left: -80px;
                top: 0;
            }

            .content .content-body .article-body li p {
                margin: 0;
            }

            .content .content-body .article-body h2 {
                margin-top: 60px;
            }

            .content .content-body .article-body h3 {
                margin-top: 20px;
            }

            .content .content-body .article-body p a {
                color: #60d3f6;
                font-weight: bold;
            }

        .content .content-body .article-people {
            margin: 50px 0;
        }

            .content .content-body .article-people img {
                float: left;
                box-shadow: 0 0 18px 0 rgba(84, 91, 103, 0.35);
            }

            .content .content-body .article-people h4 {
                font-family: 'Montserrat-SemiBold';
                font-size: 16px;
                margin: 0 0 0 160px;
                padding: 30px 0 0;
            }

            .content .content-body .article-people p {
                font-size: 16px;
                margin: 0 0 0 160px;
            }

        .content .content-body .article-reference-container {
            position: relative;
        }

            .content .content-body .article-reference-container .blue-rectangles {
                width: 30px;
                height: 30px;
                background: url(../images/blue-rectangles.png) no-repeat;
                position: absolute;
                right: -15px;
                top: 0;
            }

            .content .content-body .article-reference-container .polygons-icon {
                width: 390px;
                height: 611px;
                background: url(../images/polygons-icon.png) no-repeat;
                position: absolute;
                left: -262px;
                top: -222px;
            }

            .content .content-body .article-reference-container .article-reference {
                background-color: #fcfcfc;
                position: relative;
                padding: 40px;
                margin-right: 20px;
            }

                .content .content-body .article-reference-container .article-reference h3 {
                    font-size: 22px;
                    font-family: 'Montserrat-SemiBold';
                }

                .content .content-body .article-reference-container .article-reference a.article-download {
                    text-decoration: underline;
                    color: #000000;
                    text-transform: uppercase;
                    font-size: 14px;
                    font-family: 'Montserrat-Bold';
                }

                    .content .content-body .article-reference-container .article-reference a.article-download img {
                        width: 28px;
                    }

                    .content .content-body .article-reference-container .article-reference a.article-download span {
                        display: inline-block;
                        margin-left: 10px;
                    }

    .content .article-related h2 {
        font-size: 54px;
        font-family: 'Montserrat-SemiBold';
        margin-bottom: 50px;
    }

    .content .article-related .related-content {
        position: relative;
        display: block;
        width: 100%;
        min-height: 197px;
        border: 1px solid #d5d5d5;
        background: #ffffff;
        margin-bottom: 45px;
    }

        .content .article-related .related-content.active .related-more {
            display: block;
        }

        .content .article-related .related-content .related-bg {
            position: absolute;
            width: 594px;
            height: 197px;
            background-repeat: no-repeat;
            background-image: url(../images/background-rectangle-2.png);
        }

        .content .article-related .related-content .related-img {
            float: left;
        }

        .content .article-related .related-content .related-category {
            font-size: 12px;
            color: #000000;
            text-transform: uppercase;
            letter-spacing: .1em;
            margin: 10px 0 10px 192px;
        }

        .content .article-related .related-content .related-title {
            font-size: 22px;
            font-family: 'AktivGrotesk-Light';
            color: #ffffff;
            letter-spacing: .1em;
            line-height: 1.7;
            margin: 20px 20px 20px 92px;
        }

        .content .article-related .related-content .related-more {
            margin: 5px 0 0 92px;
        }

            .content .article-related .related-content .related-more img {
                width: 38px;
            }

@media (max-width: 768px) {
    .content .content-body .blog-post-line-1 {
        right: 0;
    }

    .content .content-body .blog-post-rectangle {
        right: 0;
    }

    .content .section-single-post .container-fluid {
        padding-top: 150px;
    }
}

@media (max-width: 991px) {
    .small-flex .flex-card {
        width: 100% !important;
    }

    .area-flex-title {
        height: auto !important;
    }

    .flex-card-outer .flex-card .title a h1 {
        padding: 32px 28px;
        height: auto;
    }

    .content .article-related h2 {
        margin-bottom: 30px;
    }

    .secondary {
        float: none !important;
        margin-right: 0 !important;
    }

    .solution-container .solution-video-content {
        padding: 100px 0 0 0;
    }

    .flex-card-outer {
        display: block;
        padding: 0 15px;
    }

        .flex-card-outer .flex-card {
            width: 100%;
            height: 278px;
            margin: 0 !important;
        }

            .flex-card-outer .flex-card .img {
                height: 278px;
            }

    .solution-user-content .image-corner {
        width: 200px;
        margin: 0 auto 30px auto;
    }
}

@media (max-width: 991px) {
    .area-solution-container .title h2 {
        padding: 0 0 45px 0;
        margin: 0;
    }

    .area-solution-container .title {
        padding-left: 83px;
        background-position: 0px -7px;
    }
}

@media (max-width: 480px) {
    .content .content-body .article-reference-container .article-reference {
        padding: 25px;
    }

    .content .content-body h1 {
        font-size: 39.69px;
    }

    .content .article-related .related-content {
        height: auto;
        padding-left: 10px;
    }

        .content .article-related .related-content .related-img {
            display: block;
            float: none;
            height: auto;
            width: 100%;
        }

        .content .article-related .related-content .related-title,
        .content .article-related .related-content .related-category {
            margin-left: 0;
            margin-top: 10px;
        }

        .content .article-related .related-content .related-more {
            margin-left: 0;
            text-align: left;
        }
}
/*================content css end===============================*/
/*=================site footer css start here====================*/
.site-footer {
    background-image: url(../images/footer-background.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

    .site-footer .message {
        position: absolute;
        right: 30px;
        top: -80px;
        display: block;
        width: 188px;
        height: 188px;
        background-image: url(../images/message.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    .site-footer .newsletter .title {
        color: #dddddd;
        font-size: 32px;
        margin: 200px 100px 100px 100px;
        letter-spacing: 3px;
        line-height: 48px;
    }

    .site-footer .newsletter label {
        font-size: 16px;
        color: #ffffff;
        margin: 220px 0 40px 0;
        display: block;
        letter-spacing: 2px;
    }

    .site-footer .newsletter input[type='text'] {
        background: none;
        border: 0;
        color: #ffffff;
        font-size: 16px;
        letter-spacing: 2px;
        font-family: "Montserrat-Light";
        border: none;
    }

    .site-footer .newsletter .newsletter-form {
        padding-top: 10px;
        position: relative;
    }

        .site-footer .newsletter .newsletter-form .form-group {
            position: relative;
        }

            .site-footer .newsletter .newsletter-form .form-group label {
                border: medium none;
                margin: 0;
                top: -20px;
                color: #ffffff;
                font-size: 14px;
            }

            .site-footer .newsletter .newsletter-form .form-group input {
                color: #ffffff;
            }

            .site-footer .newsletter .newsletter-form .form-group.is-empty label {
                display: block;
                top: 5px;
                color: #b9b9b9;
            }

            .site-footer .newsletter .newsletter-form .form-group.is-empty input {
                border: none;
            }

            .site-footer .newsletter .newsletter-form .form-group.is-focused label {
                top: -20px !important;
                color: #ffffff;
                font-size: 14px;
            }

            .site-footer .newsletter .newsletter-form .form-group.is-focused input {
                border-bottom: 1px solid #dddddd !important;
                border-color: #a94442;
                border-width: 0 0 1px;
            }

            .site-footer .newsletter .newsletter-form .form-group.has-error input {
                color: #d9534f;
            }

            .site-footer .newsletter .newsletter-form .form-group.has-error.is-empty {
                color: #b9b9b9;
            }

    .site-footer .footer-bottom {
        background: #1e242d;
    }

    .site-footer .mid {
        border-top: 1px #394354 solid;
        border-bottom: 1px #394354 solid;
        letter-spacing: 1px;
    }

        .site-footer .mid .logo-container {
            border-right: 1px #394354 solid;
            height: 406px;
        }

            .site-footer .mid .logo-container .logo {
                width: 138px;
                height: 41px;
                display: block;
                background-image: url(../images/header-logo-white.png);
                background-repeat: no-repeat;
                margin: 170px auto 0;
                opacity: 0.2;
            }

        .site-footer .mid .social {
            display: inline-block;
            margin: 10px 20px 0 0;
        }

            .site-footer .mid .social img {
                width: 22px;
            }

        .site-footer .mid ul.primary {
            padding: 0;
            margin: 65px 0 0;
            list-style-type: none;
            pointer-events: auto;
        }

            .site-footer .mid ul.primary li {
                margin: 0 0 30px 40px;
                padding: 0;
            }

                .site-footer .mid ul.primary li a {
                    display: block;
                    color: #dddddd;
                }

        .site-footer .mid h3 {
            color: #dddddd;
            font-size: 16px;
            font-family: "Montserrat-Bold";
            margin-top: 70px;
            margin-bottom: 5px;
        }

        .site-footer .mid p {
            color: #727b8b;
            font-size: 16px;
            font-family: "AktivGrotesk-Regular";
            margin: 0 0 40px;
        }

    .site-footer .btm {
        font-size: 12px;
        letter-spacing: 2px;
        color: #535965;
        padding: 10px 30px;
    }

        .site-footer .btm .secondary {
            float: right;
            margin-right: 11%;
        }

            .site-footer .btm .secondary a {
                color: #535965;
            }

    .site-footer .container-fluid a {
        color: #ffffff !important;
    }

@media (min-width: 768px) and (max-width: 1280px) {
    .site-footer .message {
        top: -55px;
        width: 130px;
        height: 130px;
        background-size: contain;
    }
}

@media (max-width: 992px) {
    .show-on-md a.logo {
        background-image: url("../images/kidbrooke-footer-logo.svg");
        background-repeat: no-repeat;
        display: block;
        height: 41px;
        margin: 25px auto 15px;
        width: 138px;
    }
}

@media (max-width: 768px) {
    .site-footer .mid .logo-container {
        height: auto;
    }

        .site-footer .mid .logo-container .logo {
            margin-top: 50px;
        }

    .site-footer .newsletter .title {
        color: #ffffff;
        font-size: 18px;
        letter-spacing: 3px;
        line-height: 26px;
        margin: 200px auto 25px;
        font-weight: normal;
    }

    .site-footer .newsletter label {
        margin: 25px 0 20px;
        font-size: 14px;
        font-weight: normal;
    }

    .site-footer .message {
        background-image: url("../images/message-80x.png");
        bottom: -10px;
        height: 80px;
        right: 0;
        top: auto;
        width: 80px;
        z-index: 999;
        position: fixed;
    }

    .site-footer .btm .secondary {
        float: none;
    }

    .footer-bottom .mid h3 {
        margin-top: 40px;
    }

    .footer-bottom .mid ul.primary {
        margin: 30px 0 0;
    }

        .footer-bottom .mid ul.primary li {
            margin-left: 5px;
        }
}
/*==================site footer css end here==================*/
/*=======================contact us page css start===================*/
.contact .contact-header {
    background-color: transparent;
    background-size: contain;
    background-position: 100% 0;
    background-repeat: no-repeat;
    height: 1077px;
    position: relative;
    border-bottom: 1px #eeeeee solid;
}

    .contact .contact-header .contact-dotted-line {
        width: 67px;
        height: 1074px;
        background: url(../images/dotted-line.png) no-repeat;
        position: absolute;
        right: 800px;
        top: 0;
    }

    .contact .contact-header .container-fluid {
        background: url(../images/circles-icon.png) no-repeat 0 580px;
    }

    .contact .contact-header .contact-header-area {
        margin: 355px 0 0;
        padding: 30px 0 0 110px;
        background: url(../images/contact-background-rectangle-1.png) no-repeat;
        position: relative;
    }

        .contact .contact-header .contact-header-area .contact-circle-icon {
            width: 199px;
            height: 191px;
            background: url(../icons/circle-icon.svg) no-repeat;
            position: absolute;
            left: -122px;
            top: -134px;
        }

        .contact .contact-header .contact-header-area .contact-category {
            color: #60d3f6;
            font-size: 24px;
            font-family: 'Montserrat-Bold';
        }

        .contact .contact-header .contact-header-area .contact-title h1 {
            font-size: 60px;
            font-family: 'Montserrat-Bold';
            margin: 0;
            letter-spacing: .025em;
            line-height: 77px;
        }

        .contact .contact-header .contact-header-area .contact-title h2 {
            font-size: 60px;
            font-family: 'Montserrat-Bold';
            margin: 0;
            letter-spacing: .025em;
            line-height: 77px;
        }

        .contact .contact-header .contact-header-area .btn-b {
            margin: 166px 0 0 224px;
        }

.contact .contact-content {
    position: relative;
    background: url(../images/circles-icon-contact-2.png) no-repeat 100% 0;
}

    .contact .contact-content .contact-blue-rectangle {
        background: url(../images/blue-rectangle.png) no-repeat 0 0;
        position: absolute;
        left: 70%;
        top: 0;
        width: 59px;
        height: 59px;
        z-index: -1;
    }

    .contact .contact-content .contact-circles-icon-contact {
        background: url(../images/circles-icon-contact.png) no-repeat 0 0;
        position: absolute;
        left: 0;
        top: -60px;
        width: 308px;
        height: 252px;
        z-index: -1;
    }

    .contact .contact-content .contact-form {
        padding-top: 250px;
    }

        .contact .contact-content .contact-form .form-group {
            margin-bottom: 78px;
        }

            .contact .contact-content .contact-form .form-group label {
                color: #000000;
                font-size: 15px;
                top: -20px;
            }

            .contact .contact-content .contact-form .form-group.is-empty label {
                top: -3px;
                color: #b9b9b9;
            }

            .contact .contact-content .contact-form .form-group.is-focused label {
                color: #000000;
            }

        .contact .contact-content .contact-form textarea {
            resize: none;
        }

    .contact .contact-content .contact-info {
        padding: 0 0 128px;
    }

        .contact .contact-content .contact-info img {
            float: left;
        }

        .contact .contact-content .contact-info h3 {
            font-size: 36px;
            font-family: 'Montserrat-SemiBold';
            margin: 0 0 10px 116px;
            letter-spacing: .025em;
        }

        .contact .contact-content .contact-info p {
            font-size: 16px;
            margin: 0 10px 0 116px;
        }

.contact .form-control {
    color: #000000;
}

    .contact .form-control:focus {
        border-color: #d2d2d2;
        border-style: none none solid none;
        outline: 0;
    }

@media (max-width: 768px) {
    .contact .contact-header {
        height: 800px;
    }

        .contact .contact-header .contact-header-area {
            padding: 30px 0 0 20px;
            text-align: right;
        }

            .contact .contact-header .contact-header-area .contact-category {
                text-align: left;
            }

            .contact .contact-header .contact-header-area .contact-title {
                text-align: left;
            }

                .contact .contact-header .contact-header-area .contact-title h1 {
                    font-size: 50px;
                }

                .contact .contact-header .contact-header-area .contact-title h2 {
                    font-size: 50px;
                }

            .contact .contact-header .contact-header-area .btn-b {
                margin: 60px 130px 0 0;
            }

    .contact .contact-content .contact-form {
        padding-top: 10px;
    }

    .contact .contact-content .contact-info {
        margin-top: 20px;
        padding: 0;
    }

        .contact .contact-content .contact-info h3 {
            margin: 20px 0 0;
        }

        .contact .contact-content .contact-info p {
            margin: 0;
        }
}

@media (min-width: 768px) {
    .contact .topic .title {
        max-height: 65px;
        overflow: hidden;
    }

    .contact .topic p {
        max-height: 90px;
        overflow: hidden;
    }
}

@media (max-width: 1024px) {
    .contact .contact-content .contact-form {
        padding-top: 100px;
        padding-bottom: 100px;
    }

        .contact .contact-content .contact-form .form-group {
            margin-bottom: 50px;
        }
}

@media (max-width: 480px) {
    .contact .contact-header .contact-header-area .contact-title h1 {
        font-size: 40px;
    }

    .contact .contact-header .contact-header-area .contact-title h2 {
        font-size: 40px;
    }

    .contact .contact-content .contact-form {
        padding-top: 10px;
    }

    .contact .contact-content .contact-info img {
        float: none;
    }
}
/*============contact us page css end here=======*/
/*============knowledge css start here=======*/
.knowledge-base {
    margin-bottom: 50px;
}

    .knowledge-base h1 {
        font-family: "Montserrat-SemiBold";
        padding: 20px 60px;
        margin: 0;
    }

        .knowledge-base h1.topic-title {
            font-size: 1.2em;
            padding: 40px 0;
        }

    .knowledge-base h2 {
        font-family: "Montserrat-SemiBold";
        padding: 20px 60px;
        margin: 0;
    }

        .knowledge-base h2.topic-title {
            font-size: 1.2em;
            padding: 40px 0;
        }

    .knowledge-base .knowledge-base-header {
        background-color: #000000;
        background-size: cover;
        background-position: 80% 0;
        background-repeat: no-repeat;
        height: 444px;
        position: relative;
    }

        .knowledge-base .knowledge-base-header .title {
            padding: 210px 0 0;
        }

    .knowledge-base .knowledge-base-content {
        padding: 0 3%;
    }

        .knowledge-base .knowledge-base-content .topic .title {
            padding-top: 0;
        }

    .knowledge-base .knowledge-base-nav {
        border-bottom: 1px #bcbdc0 solid;
        padding: 40px 6%;
    }

        .knowledge-base .knowledge-base-nav .form-control {
            height: 47px;
            background-image: url(../icons/search-icon.svg);
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 19px 19px;
            padding: 6px 0 6px 30px;
        }

        .knowledge-base .knowledge-base-nav nav {
            background-color: transparent;
            left: auto;
            min-height: auto;
            padding: 0;
            pointer-events: auto;
            position: static;
            top: auto;
            width: 100%;
        }

            .knowledge-base .knowledge-base-nav nav ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                pointer-events: auto;
                text-align: right;
            }

                .knowledge-base .knowledge-base-nav nav ul li {
                    border-bottom: 0 none;
                    display: inline-block;
                    padding: 0;
                    z-index: 20;
                }

                    .knowledge-base .knowledge-base-nav nav ul li a {
                        color: #2b323d;
                        cursor: pointer;
                        display: block;
                        font-family: "Montserrat-SemiBold";
                        font-size: 16px;
                        text-transform: uppercase;
                        letter-spacing: .5px;
                        margin: 0 38px;
                        padding: 10px 30px;
                        position: relative;
                        text-decoration: none;
                        z-index: 40;
                    }

                    .knowledge-base .knowledge-base-nav nav ul li.active a {
                        background-color: #2b323d;
                        color: #ffffff;
                    }

    .knowledge-base .topic {
        height: 290px;
        margin-bottom: 70px;
        position: relative;
        width: 100%;
        display: block;
        margin-right: 49px;
        background: #ffffff;
        border: 1px solid #d5d5d5;
    }

        .knowledge-base .topic:nth-of-type(3n+0) {
            margin-right: 0;
        }

        .knowledge-base .topic a {
            color: #ffffff;
        }

            .knowledge-base .topic a span {
                color: #000000;
            }

        .knowledge-base .topic .topic-content {
            position: relative;
            z-index: 2;
        }

        .knowledge-base .topic .img {
            position: absolute;
            background-repeat: no-repeat;
            background-size: cover;
            height: 290px;
            left: 0;
            width: 100%;
        }

        .knowledge-base .topic .border-image {
            background: url(../images/border-box-white.png) no-repeat scroll 0 0 transparent;
            bottom: -2px;
            display: block;
            height: 48px;
            position: absolute;
            right: -2px;
            width: 67px;
        }

        .knowledge-base .topic .category {
            font-family: "Montserrat-SemiBold";
            font-size: 16px;
            color: #ffffff;
            padding: 5px 45px;
            margin: 25px 0;
            display: inline-block;
            text-transform: uppercase;
            border: 1px dashed #ffffff;
        }

        .knowledge-base .topic .title {
            color: #ffffff;
            font-size: 22px;
            padding: 5px 45px;
            margin: 0;
            line-height: 30px;
            max-height: 62px;
            overflow: hidden;
        }

        .knowledge-base .topic p {
            padding: 5px 45px;
            color: #ffffff;
            font-size: 16px;
            max-height: 62px;
            overflow: hidden;
            margin: 0;
            transition: opacity 0.25s ease-in-out;
            -moz-transition: opacity 0.25s ease-in-out;
            -webkit-transition: opacity 0.25s ease-in-out;
        }

        .knowledge-base .topic .more {
            padding: 0 45px;
        }

            .knowledge-base .topic .more img {
                width: 38px;
            }

@media (max-width: 991px) {
    .knowledge-base .knowledge-base-content {
        padding: 0;
    }

    .secondary {
        float: none !important;
        margin-right: 0 !important;
    }
}

@media (min-width: 768px) {
    .knowledge-base .topic .title p {
        max-height: 90px;
        overflow: hidden;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .knowledge-base .knowledge-base-nav nav ul li a {
        margin: 0 15px;
        padding: 10px 10px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .knowledge-base .knowledge-base-header .title {
        padding-top: 100px;
    }

        .knowledge-base .knowledge-base-header .title h1 {
            padding: 40px 0 100px;
        }

            .knowledge-base .knowledge-base-header .title h1 .title h2 {
                padding: 40px 0 100px;
            }

    .box-container {
        display: none;
    }

    .bottom-box {
        order: 1;
    }

    .top-box {
        order: 2;
    }

    .main-pt-100 {
        padding-top: 150px;
    }

    .careers-section {
        margin-top: 180px;
    }
}

@media (max-width: 768px) {
    .knowledge-base .knowledge-base-header {
        height: auto;
        background-position: left bottom;
        min-height: 200px;
    }

        .knowledge-base .knowledge-base-header .title {
            padding-top: 100px;
        }

    .knowledge-base .topic .title {
        padding-top: 0;
    }

        .knowledge-base .topic .title h1 {
            font-size: 20px;
        }

        .knowledge-base .topic .title h2 {
            font-size: 20px;
        }

    .knowledge-base .knowledge-base-nav nav ul {
        text-align: center;
    }

        .knowledge-base .knowledge-base-nav nav ul li a {
            margin: 0 3px;
            padding: 10px 6px;
            font-size: 11px;
        }

    .knowledge-base h1 {
        padding: 40px 0 100px;
    }

    .knowledge-base h2 {
        padding: 40px 0 100px;
    }
}

@media (max-width: 480px) {
    .knowledge-base h1 {
        padding-left: 0;
        padding-right: 0;
        font-size: 26.459999999999997px;
    }

    .knowledge-base h2 {
        padding-left: 0;
        padding-right: 0;
        font-size: 26.459999999999997px;
    }

    .knowledge-base .topic .title {
        padding: 0 20px;
        max-height: 65px;
        overflow: hidden;
    }

    .knowledge-base .topic p {
        padding: 5px 20px;
    }

    .knowledge-base .topic .more {
        padding: 0 20px;
    }
}
/*========knowledge css end here=====*/
/*==================== blog css start here======*/
.blog-article ul {
    padding: 0;
    margin: 0;
}

    .blog-article ul li {
        list-style-type: none;
        padding: 0;
    }

        .blog-article ul li a {
            border-bottom: 1px solid #ededed;
            display: block;
            padding: 8px 0;
        }

        .blog-article ul li:last-child a {
            border: 0;
        }

        .blog-article ul li:first-child {
            padding-top: 0;
        }

.blog {
    background-color: transparent;
    background-repeat: no-repeat;
    position: relative;
}

    .blog .blog-header {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 40% 0;
    }

        .blog .blog-header .container-fluid {
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: 100% 180px;
        }

            .blog .blog-header .container-fluid .blog-header-area {
                position: relative;
            }

                .blog .blog-header .container-fluid .blog-header-area .blog-rectangles-icon-3 {
                    width: 30px;
                    height: 30px;
                    position: absolute;
                    top: 10px;
                    right: 0;
                }

                .blog .blog-header .container-fluid .blog-header-area .blog-rectangles-icon-4 {
                    width: 76px;
                    height: 76px;
                    position: absolute;
                    left: -96px;
                }

                .blog .blog-header .container-fluid .blog-header-area .title {
                    margin-top: 200px;
                    margin-bottom: 40px;
                }

        .blog .blog-header nav {
            background-color: #f4f4f4;
            padding: 35px 40px;
            letter-spacing: .1em;
            font-size: 16px;
            color: #132034;
            font-family: 'AktivGrotesk-Regular';
        }

            .blog .blog-header nav a {
                color: #132034;
            }

                .blog .blog-header nav a.active {
                    border-bottom: 1px #132034 solid;
                }

    .blog .blog-content {
        font-family: 'AktivGrotesk-Regular';
        font-size: 14px;
        color: #a5a5a5;
        padding-top: 60px;
        padding-bottom: 80px;
        position: relative;
    }

        .blog .blog-content .blog-diamond-1 {
            background-color: transparent;
            background-repeat: no-repeat;
            position: absolute;
            width: 47px;
            height: 463px;
            top: 30%;
            left: 0;
        }

        .blog .blog-content .blog-diamond-2 {
            background-color: transparent;
            background-repeat: no-repeat;
            position: absolute;
            width: 321px;
            height: 120px;
            bottom: -100px;
            left: 18%;
        }

        .blog .blog-content .blog-diamond-3 {
            background-color: transparent;
            background-repeat: no-repeat;
            position: absolute;
            width: 321px;
            height: 294px;
            bottom: -100px;
            left: 65%;
        }

        .blog .blog-content .blog-list {
            border-color: #dbdbdb;
            border-width: 1px 1px 1px 11px;
            border-style: solid;
            padding: 0 50px 30px;
            margin-bottom: 30px;
            background-color: #ffffff;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

            .blog .blog-content .blog-list:hover,
            .blog .blog-content .blog-list.active {
                border-color: #dbdbdb #dbdbdb #dbdbdb #60d3f6;
            }

            .blog .blog-content .blog-list:last-of-type {
                margin-bottom: 0;
            }

            .blog .blog-content .blog-list h3 {
                font-size: 24px;
                color: #132034;
            }

            .blog .blog-content .blog-list p {
                font-size: 16px;
                color: #666;
                margin: 0 0 50px;
            }

        .blog .blog-content .pager {
            padding-left: 0;
            margin: 20px 0;
            text-align: center;
            list-style: none;
            background-color: #29323e;
            display: inline-block;
            padding: 0;
            font-family: 'Montserrat-SemiBold';
            font-size: 16px;
            text-transform: uppercase;
        }

            .blog .blog-content .pager li {
                display: inline;
                padding: 0;
            }

                .blog .blog-content .pager li:first-child {
                    border-right: 1px solid #ffffff;
                }

                .blog .blog-content .pager li > span {
                    display: inline-block;
                    padding: 25px 30px;
                }

                .blog .blog-content .pager li > a {
                    display: inline-block;
                    padding: 25px 40px;
                    color: #ffffff;
                    background: transparent none repeat scroll 0 0;
                    border: medium none transparent;
                }

        .blog .blog-content .panel {
            margin-bottom: 20px;
            background-color: #ffffff;
            border: 1px solid transparent;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
            width: 100%;
        }

        .blog .blog-content .panel-default {
            border-color: #dddddd;
        }

            .blog .blog-content .panel-default > .panel-heading {
                color: #222;
                background-color: #ededed;
                border-color: #dddddd;
                border-bottom-color: transparent;
            }

        .blog .blog-content .panel-heading {
            padding: 15px 34px;
            border-bottom: 1px solid transparent;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            font-family: 'Montserrat-Regular';
            font-size: 16px;
            letter-spacing: .02em;
        }

        .blog .blog-content .panel- {
            padding: 15px 34px;
        }

        .blog .blog-content .related-list {
            padding-bottom: 20px;
            border-top: 1px solid #ededed;
        }

            .blog .blog-content .related-list:first-child {
                letter-spacing: .1em;
                margin: 25px 0 0 0;
            }

                .blog .blog-content .related-list:first-child .category {
                    font-size: 14px;
                    color: #000000;
                    text-transform: uppercase;
                    border-top: 1px transparent;
                }

                .blog .blog-content .related-list:first-child.active .more {
                    display: block;
                }

            .blog .blog-content .related-list .title {
                font-size: 24px;
                font-family: 'Montserrat-SemiBold';
                color: #000000;
                letter-spacing: .02em;
                line-height: normal;
                margin: 0 0 0 0;
            }

            .blog .blog-content .related-list .more {
                margin: 20px 0 0 0;
            }

                .blog .blog-content .related-list .more img {
                    width: 38px;
                }

        .blog .blog-content .blog-signup {
            background: #29323f;
            border: #b9b9b9;
            width: 100%;
            padding: 40px;
            margin-bottom: 50px;
            position: relative;
        }

            .blog .blog-content .blog-signup h3 {
                margin: 0 0 30px;
                font-family: 'Montserrat-SemiBold';
                font-size: 24px;
            }

            .blog .blog-content .blog-signup p {
                margin: 0 0 60px;
                font-family: 'AktivGrotesk-Regular';
                font-size: 16px;
            }

            .blog .blog-content .blog-signup .form-group {
                margin-bottom: 40px;
            }

                .blog .blog-content .blog-signup .form-group label {
                    left: 0;
                    top: -25px !important;
                    color: #ffffff;
                }

                .blog .blog-content .blog-signup .form-group.is-empty label {
                    top: 5px !important;
                    left: 10px;
                    color: #b9b9b9;
                }

                .blog .blog-content .blog-signup .form-group.is-focused label {
                    color: #ffffff;
                    left: 0;
                    top: -25px !important;
                }

                .blog .blog-content .blog-signup .form-group.has-error label {
                    color: #ffffff;
                    left: 0;
                    top: -25px !important;
                }

            .blog .blog-content .blog-signup input {
                background-color: #1e242d;
                color: #ffffff;
                border: 0;
                padding: 10px 10px;
                width: 80%;
            }

@media (max-width: 991px) {
    .blog .blog-content .blog-list {
        padding: 0 15px 30px 15px;
    }
}

@media (max-width: 480px) {
    .blog .blog-content {
        padding-top: 30px;
    }

        .blog .blog-content .pager {
            width: 100%;
            margin: 20px auto;
        }

            .blog .blog-content .pager li > a {
                padding: 10px 10px;
            }

        .blog .blog-content .blog-signup {
            margin-bottom: 30px;
        }
}
/*================ blog css END here===============*/
/*============== process css start here================*/
.process-page .site-footer {
    margin-top: -120px;
}

@media (max-width: 1024px) {
    .process-page .site-footer {
        margin-top: -230px;
    }

    .process-page .process .process-hero {
        height: auto;
        padding-bottom: 250px;
    }
}

.process {
    background-color: #1e242d;
}

    .process .process-header {
        height: 1069px;
        position: relative;
        background-image: url(../images/process-background-lines.png), url(https://kidbrooke-advisory.com/content/images/-background.png), url(../images/process-blue-rectangle-process.png), url(../images/process-long-rectangle.png), url(../images/process-header-rectangle.png), url(../images/process-header-1.png);
        background-repeat: no-repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat;
        background-position: 100% 740px, 0 0, 0 904px, 995px 929px, 100% 0, 0;
        background-size: auto, auto, auto, auto, auto, cover;
    }

        .process .process-header .title {
            margin-top: 330px;
        }

            .process .process-header .title h1 {
                margin: 0 0 40px;
                line-height: 77px;
                font-size: 60px;
                letter-spacing: .02em;
            }

            .process .process-header .title h2 {
                margin: 0 0 40px;
                line-height: 77px;
                font-size: 60px;
                letter-spacing: .02em;
            }

        .process .process-header .desc {
            background-color: transparent;
            background-repeat: no-repeat;
            padding-left: 168px;
            background-position: 50px center;
            letter-spacing: .05em;
            font-size: 18px;
            color: #132034;
            font-family: 'AktivGrotesk-Regular';
        }

        .process .process-header .container-fluid {
            height: 1069px;
        }

    .process .process-content {
        background-image: url(../images/body-background-2.png), url(../images/process-diamond-1.png), url(../images/process-rectangle-2.png), url(../images/process-blue-rectangle.png);
        background-repeat: repeat, no-repeat, no-repeat, no-repeat;
        background-position: 0, 100% 0, 100% 67%, 100% 0;
        margin-top: -85px;
        padding-top: 80px;
        position: relative;
    }

        .process .process-content p a {
            color: #60d3f6;
            font-weight: bold;
        }

    .process .process-list {
        border-bottom: 1px solid #2f353c;
        padding: 140px 0;
    }

        .process .process-list h3 {
            font-family: 'AktivGrotesk-Regular';
            font-size: 32px;
            letter-spacing: .05em;
            margin-bottom: 30px;
            margin-top: 70px;
        }

        .process .process-list p {
            font-family: 'AktivGrotesk-Regular';
            font-size: 18px;
            letter-spacing: .05em;
            color: #ffffff;
        }

        .process .process-list.project {
            background-image: url(../images/process-number-one.png), url(../images/process-polygonal-icon.png);
            background-repeat: no-repeat, no-repeat;
            background-position: 8% 200px, 40% 80%;
        }

        .process .process-list.team {
            background-image: url(../images/process-number-two.png), url(../images/process-cross-icon-process.png);
            background-repeat: no-repeat, no-repeat;
            background-position: 8% 200px, 2% 80%;
        }

        .process .process-list.agile {
            background-image: url(../images/process-number-three.png), url(../images/process-polygonal-icon-3.png);
            background-repeat: no-repeat, no-repeat;
            background-position: 8% 200px, 60% 4%;
            border-bottom: 1px solid transparent;
        }

    .process .process-hero {
        height: 705px;
        background-image: url(../images/body-background-2.png), url(../images/process-background.png), url(../images/process-red-image.png);
        background-repeat: repeat, no-repeat, no-repeat;
        background-position: 0, -70px 0, right;
        background-size: auto, auto, cover;
    }

        .process .process-hero h3 {
            font-size: 36px;
            letter-spacing: .05em;
            margin-bottom: 50px;
            margin-top: 249px;
        }

        .process .process-hero p {
            font-family: 'AktivGrotesk-Regular';
            font-size: 18px;
            letter-spacing: .05em;
            margin-bottom: 80px;
            color: #ffffff;
        }

        .process .process-hero .btn-b {
            margin-right: 40px;
        }

@media (min-width: 992px) and (max-width: 1024px) {
    .process .process-header {
        height: 800px;
    }

        .process .process-header .title {
            margin-top: 200px;
        }

    .process .process-hero {
        height: auto;
        padding-bottom: 170px;
        background-image: url(https://kidbrooke-advisory.com/content/images/-background-2.png), url(../images/process-background-1.png), url(../images/process-red-image.png);
    }

        .process .process-hero .container-fluid {
            height: auto;
            padding-bottom: 200px;
        }
}

@media (min-width: 768px) and (max-width: 992px) {
    .process .process-header {
        height: 800px;
    }

        .process .process-header .title {
            margin-top: 200px;
        }

    .process .process-hero {
        height: auto;
        padding-bottom: 170px;
    }

        .process .process-hero .container-fluid {
            height: auto;
            padding-bottom: 200px;
        }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .process .process-list.project {
        background-position: 5% 200px, 40% 80%;
    }

    .process .process-list.team {
        background-position: 5% 200px, 2% 80%;
    }

    .process .process-list.agile {
        background-position: 5% 200px, 60% 4%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .process .process-list.project {
        background-position: 2% 200px, 40% 80%;
    }

    .process .process-list.team {
        background-position: 2% 200px, 2% 80%;
    }

    .process .process-list.agile {
        background-position: 2% 200px, 60% 4%;
    }
}

@media (max-width: 767px) {
    .process .process-header {
        height: auto;
        background-position: 100% 740px,0 0,0 904px,995px 929px,100% 0,0 !important;
        background-size: auto,auto,auto,auto,auto,cover !important;
    }

        .process .process-header .container-fluid {
            height: auto;
            padding-bottom: 20px;
        }

        .process .process-header .title {
            margin-top: 100px;
        }

            .process .process-header .title h1 {
                font-size: 56.699999999999996px;
                line-height: 1.2em;
            }

            .process .process-header .title h2 {
                font-size: 37.8px;
                line-height: 1.2em;
            }

        .process .process-header .desc {
            padding-left: 0;
            background-image: none !important;
        }

    .process .process-content {
        margin-top: 0;
    }

    .process .process-list {
        padding: 0;
    }

    .process .process-hero {
        height: auto;
        padding-bottom: 195px;
    }

        .process .process-hero h3 {
            font-size: 25.2px;
            margin-top: 125px;
        }

        .process .process-hero p {
            margin-bottom: 70px;
        }

        .process .process-hero .link-group {
            text-align: center;
        }

            .process .process-hero .link-group .btn-b {
                margin-right: 5px;
                margin-bottom: 10px;
            }

    .process-page .site-footer {
        margin-bottom: 0;
    }
}
/*==== process css end here======*/
/*========================= home css start here==============*/
.minus-p {
    margin-top: -50px;
}

.anchor-minus {
    margin-top: -42px;
}

.home {
    padding-bottom: 220px;
}

    .home .header {
        height: 1076px;
        background-image: url(../images/home-blue-rectangle.png), url(../images/home-polygon-2.png), url(../images/home-header-image-1.png), url(../images/home-rectangles-icon.png), url(../images/home-cross-icon.png), url(../images/home-polygon-home.png);
        background-repeat: no-repeat;
        background-position: 10% 64%, 0 20%, 100% 100%, 99% 310px, 44% 64%, 64% 45%;
    }

        .home .header h1 {
            margin-top: 150px;
            margin-bottom: 20px;
            font-size: 81px;
            line-height: 89px;
            letter-spacing: .01em;
        }

        .home .header h2 {
            margin-top: 238px;
            margin-bottom: 20px;
            font-size: 54px;
            line-height: 69px;
            letter-spacing: .01em;
        }

    .home .home-service-row {
        background: #ffffff;
    }

        .home .home-service-row .home-service-col {
            border-right: 1px solid #f5f5f5;
        }

            .home .home-service-row .home-service-col:first-child {
                border-left: 1px solid #f5f5f5;
            }

    .home .info {
        padding: 150px 5% 130px;
    }

        .home .info h3 {
            font-family: 'AktivGrotesk-Regular';
            font-size: 36px;
            position: relative;
            margin-bottom: 30px;
            letter-spacing: .04em;
            line-height: 40px;
        }

            .home .info h3 span {
                position: absolute;
                font-family: 'Montserrat-Bold';
                font-size: 16px;
                left: -40px;
            }

        .home .info p {
            font-family: 'AktivGrotesk-Regular';
            font-size: 16px;
            margin-bottom: 40px;
            letter-spacing: .05em;
        }

    .home .resource {
        height: 584px;
        background-image: url(../images/home-free-resource-image.png), url(../images/home-stripes-1.png), url(../images/home-icon-2.png);
        background-position: 88px 0, 30px 442px, 1669px 266px;
        background-repeat: no-repeat;
        margin-bottom: 80px;
        background-size: cover, auto, auto;
    }

        .home .resource h2 {
            font-size: 54px;
            margin-top: 110px;
        }

        .home .resource h3 {
            font-family: 'Montserrat-SemiBold';
            font-size: 24px;
            margin-top: 130px;
            margin-bottom: 10px;
        }

        .home .resource p {
            font-size: 16px;
            margin-bottom: 70px;
            letter-spacing: .05em;
        }

    .home .insights {
        background-image: url(../images/home-background-curves.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 80px;
    }

        .home .insights .title {
            padding-left: 230px;
            background-image: url(../images/home-insights-icon.png);
            background-position: 126px 0;
            background-repeat: no-repeat;
        }

            .home .insights .title h2 {
                margin-top: 125px;
                margin-bottom: 20px;
                font-family: 'Montserrat-SemiBold';
                font-size: 54px;
            }

            .home .insights .title .more {
                font-size: 14px;
                font-family: 'Montserrat-SemiBold';
                text-transform: uppercase;
                display: inline-block;
                padding: 5px 0;
                border-top: 2px solid #444;
            }

                .home .insights .title .more img {
                    width: 38px;
                    margin-left: 10px;
                }

        .home .insights .topic {
            position: relative;
            width: 100%;
            height: 397px;
            margin-bottom: 37px;
            display: block;
            padding-left: 0;
            padding-right: 0;
            background: #ffffff;
            border: 1px solid #d5d5d5;
        }

            .home .insights .topic .topic-content {
                position: relative;
                z-index: 2;
            }

            .home .insights .topic .img {
                position: absolute;
                background-repeat: no-repeat;
                background-size: cover;
                height: 397px;
                left: 0;
                width: 100%;
            }

            .home .insights .topic .border-image {
                background: url(../images/border-box-white.png) no-repeat scroll 0 0 transparent;
                bottom: -3px;
                display: block;
                height: 48px;
                position: absolute;
                right: -2px;
                width: 67px;
                z-index: 1;
            }

            .home .insights .topic .category {
                font-family: "Montserrat-SemiBold";
                font-size: 16px;
                color: #ffffff;
                padding: 5px 45px;
                margin: 25px 0;
                display: inline-block;
                text-transform: uppercase;
                border: 1px dashed #ffffff;
            }

            .home .insights .topic .title {
                color: #ffffff;
                font-size: 22px;
                padding: 5px 45px;
                margin: 0 0 25px;
                background-image: none;
            }

            .home .insights .topic p {
                padding: 5px 45px;
                color: #ffffff;
                font-size: 16px;
                max-height: 90px;
                overflow: hidden;
                margin: 0;
                transition: opacity 0.25s ease-in-out;
                -moz-transition: opacity 0.25s ease-in-out;
                -webkit-transition: opacity 0.25s ease-in-out;
            }

            .home .insights .topic .more {
                padding: 0 45px;
            }

                .home .insights .topic .more img {
                    width: 38px;
                }

    .home .expertise {
        height: 1060px;
        background-image: url(../images/home-lines-icon.png), url(../images/home-grid-element.png), url(../images/home-rectangle-4.png), url(https://kidbrooke-advisory.com/content/images/home-our-expertise-image.jpg);
        background-position: 1596px 968px, 1456px 0, 360px 314px, 0 100px;
        background-repeat: no-repeat;
    }

        .home .expertise h2 {
            font-size: 54px;
            margin-top: 420px;
            margin-bottom: 25px;
        }

        .home .expertise h3 {
            font-family: 'AktivGrotesk-Light';
            font-size: 24px;
            margin-top: 320px;
            margin-bottom: 40px;
        }

            .home .expertise h3 img {
                display: block;
                margin-bottom: 30px;
            }

        .home .expertise p {
            font-size: 16px;
            margin-bottom: 60px;
            letter-spacing: .05em;
        }

    .home .partners {
        padding-top: 100px;
    }

        .home .partners .partners-top h2 {
            margin-top: 0;
        }

        .home .partners p {
            font-size: 16px;
        }

        .home .partners .title {
            min-height: 134px;
            background-image: url(../images/home-letter-x.png);
            background-position: 0 0;
            background-repeat: no-repeat;
        }

            .home .partners .title h2 {
                font-size: 54px;
                padding-left: 190px;
                margin-bottom: 40px;
                display: block;
                min-height: 120px;
            }

            .home .partners .title p {
                margin-bottom: 100px;
            }

        .home .partners h3 {
            margin-bottom: 40px;
        }

        .home .partners .m-t-50 {
            margin-top: 80px;
        }

@media (min-width: 1024px) {
    .home .home-service-row {
        box-shadow: 0 0 5px rgba(112, 112, 112, 0.5);
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .home .insights .title {
        padding-left: 120px;
        background-position: 0 0;
    }

    .home .insights .topic .title {
        margin: 0 0 20px;
    }

    .home .resource .col-lg-offset-3 {
        margin-left: 0%;
    }

    .home .resource .col-lg-3 {
        width: 100%;
    }

    .home .resource h3 {
        margin-top: 50px;
    }

    .home .header .container-fluid .col-lg-offset-2 {
        margin-left: 10.666667%;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .home .insights .title {
        padding-left: 65px;
        background-position: 0 0;
    }

    .home .insights .topic .title {
        margin: 0 0 15px;
    }

    .home .resource h3 {
        margin-top: 50px;
    }

    .home .header {
        background-position: 10% 64%, 0 20%, 15% 100%, 99% 310px, 44% 64%, 64% 45%;
    }

        .home .header h1 {
            line-height: 70px;
        }

        .home .header h2 {
            line-height: 70px;
        }
}

@media (min-width: 768px) and (max-width: 992px) {
    .home .insights .title {
        padding-left: 65px;
        background-position: 0 0;
    }

    .home .resource h3 {
        margin-top: 0;
    }

    .home .header {
        background-position: -100% 64%, 0 20%, 15% 100%, 99% 310px, 44% 64%, 64% 45%;
    }

    .home .expertise {
        background-position: 1596px 968px, 1456px 0, 295px 314px, 0 100px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .home .partners {
        background: #ffffff;
    }

        .home .partners .home-service-row {
            display: flex;
        }
}

@media (max-width: 767px) {
    .home .expertise h2 {
        margin-top: 1040px;
    }

    .home .header {
        background-position: -100% 64%, 0 20%, 50% 100%, 99% 310px, 44% 64%, 100% 55%;
    }

        .home .header h1 {
            margin-top: 100px;
            font-size: 39.69px;
            line-height: 1.2em;
        }

        .home .header h2 {
            margin-top: 100px;
            font-size: 37.8px;
            line-height: 1.2em;
        }

    .home .partners .partners-top img {
        max-width: 55px;
    }

    .home .partners .partners-top h2 {
        font-size: 37.8px;
        line-height: 1.2em;
    }

    .home .partners .title p {
        margin-bottom: 0;
        margin-left: 0;
    }

    .home .partners .title h2 {
        font-size: 37.8px;
        padding-left: 0;
        margin-bottom: 40px;
        display: block;
        min-height: 120px;
        padding-top: 125px;
    }

    .home .partners .home-service-row {
        margin: 0;
    }

        .home .partners .home-service-row .home-service-col {
            border-right: none;
            border-left: none;
            border-top: 1px solid #dddddd;
        }

            .home .partners .home-service-row .home-service-col .home-service-item {
                padding-left: 15px;
                padding-right: 15px;
            }

            .home .partners .home-service-row .home-service-col .m-t-50 {
                margin-top: 30px;
            }

    .home .expertise {
        height: auto;
    }

        .home .expertise h3 {
            margin-top: 28px;
        }

    .home .resource {
        background: #384356;
        padding-bottom: 100px;
        height: auto;
        margin-bottom: 0;
    }

        .home .resource .resource h3 {
            margin-top: 20px;
        }

    .home .info {
        padding: 100px 5%;
    }

        .home .info h3 span {
            left: -30px;
        }

        .home .info p {
            margin-bottom: 20px;
        }

    .home .insights {
        padding-bottom: 0;
    }

        .home .insights .title {
            background-position: 0 0;
            padding-left: 100px;
        }

            .home .insights .title h2 {
                font-size: 37.8px;
                margin-top: 50px;
            }
}

@media (max-width: 400px) {
    .home .header h1 {
        font-size: 3 39.69px;
    }

    .home .expertise {
        background-position: 1596px 968px, 1456px 0, 380px 314px, 0 100px;
    }

        .home .expertise h3 {
            margin-top: 380px;
        }
}

@media (max-width: 320px) {
    .home .header h1 {
        font-size: 39.69px;
    }

    .home .insights .topic .title {
        margin: 0 0 10px;
    }
}

@media (max-width: 767px) {
    .insights {
        padding-bottom: 100px;
    }

        .insights .title {
            background-position: 0 0;
        }

            .insights .title h2 {
                font-size: 37.8px;
            }
}
/*================= home css end here=================*


/*===========about us page  css start here==*/
.content .objectives-selection {
    position: relative;
    background: url(../images/about/header-image-gb-logo.png) no-repeat scroll left top transparent;
    padding-top: 300px;
}

.content .map-selection {
    margin-bottom: 100px;
}

.content .content-post {
    padding-left: 10px;
    position: relative;
}

    .content .content-post .content-post-item {
        position: relative;
    }

    .content .content-post .icon-dotted {
        background: transparent url("../images/about/about-our-company-icon-title.png") no-repeat scroll right center;
        display: block;
        height: 24px;
        left: -40px;
        position: absolute;
        width: 24px;
    }

    .content .content-post .article-content {
        padding-top: 30px;
    }

    .content .content-post h2 {
        color: #000000;
    }

    .content .content-post h1 {
        color: #000000;
    }

    .content .content-post h4 {
        margin-bottom: 30px;
    }

    .content .content-post .read-more-link {
        margin-top: 100px;
    }

    .content .content-post .icon-dotted-2 {
        background: transparent url("../images/about/red-rectangles.png") no-repeat scroll 0 0;
        bottom: -70px;
        display: block;
        height: 82px;
        left: -70px;
        position: absolute;
        width: 92px;
        z-index: -1;
    }

    .content .content-post .icon-dotted-3 {
        background: transparent url("../images/about/rectangles-icon-3.png") no-repeat scroll 0 0;
        bottom: -140px;
        display: block;
        height: 99px;
        left: -87px;
        position: absolute;
        width: 108px;
        z-index: -1;
    }

    .content .content-post .career-icon-dotted {
        background: transparent url("../images/about/careers-icon.png") no-repeat scroll 0 0;
        height: 82px;
        left: -145px;
        width: 92px;
        position: absolute;
        z-index: -1;
    }

.content .partner-service-row .partner-service-col {
    border-right: 1px solid #c4c4c4;
}

    .content .partner-service-row .partner-service-col:first-child {
        border-left: 1px solid #c4c4c4;
    }

.content .about-area .about-area-border {
    background: url(../images/about/about-our-company-line.png) no-repeat scroll 0 bottom transparent;
}

    .content .about-area .about-area-border .about-area-content {
        height: 1205px;
        padding-top: 350px;
        background: url(../images/about/header-image-2.png) no-repeat scroll right 0 transparent;
        background-size: contain;
    }

.content .about-area .map-area .map-area-content {
    background: transparent url("../images/about/map.png") no-repeat scroll right top;
    padding-top: 200px;
    background-size: contain;
    height: 900px;
}

.content .about-area .career-area .career-content {
    background: transparent url("../images/about/header-2.png") no-repeat scroll left top;
    background-size: contain;
    height: 900px;
    margin-bottom: 100px;
    padding-top: 110px;
}

.content .about-area .career-selection .career-dotted {
    width: auto;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 15px;
}

.content .about-area .leadership-area .leadership-content h1.leadership-title {
    color: #f4f4f4;
    font-size: 153.9px;
    margin-bottom: 20px;
}

.content .about-area .leadership-area .leadership-content .leadership-item-col {
    border: 1px solid #dddddd;
}

.content .about-area .leadership-area .leadership-content .border-bottom {
    margin-left: -15px;
    margin-right: -15px;
}

.content .about-area .leadership-area .leadership-content .leadership-item .leadership-small-thumb {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
    outline: none;
    position: relative;
}

    .content .about-area .leadership-area .leadership-content .leadership-item .leadership-small-thumb .leadership-small-thumb-overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(29, 35, 43, 0.7);
        opacity: 0;
        transition: opacity 0.25s ease-in-out;
        -moz-transition: opacity 0.25s ease-in-out;
        -webkit-transition: opacity 0.25s ease-in-out;
    }

    .content .about-area .leadership-area .leadership-content .leadership-item .leadership-small-thumb .active .leadership-small-thumb-overlay,
    .content .about-area .leadership-area .leadership-content .leadership-item .leadership-small-thumb :hover .leadership-small-thumb-overlay {
        opacity: 1;
    }

.content .about-area .leadership-area .leadership-content .leadership-view-thumb-col {
    background: url(../images/bg-gradient_dotted.png) scroll 0 0 #ffffff;
}

    .content .about-area .leadership-area .leadership-content .leadership-view-thumb-col .leadership-view-thumb {
        margin-left: -15px;
        margin-right: -15px;
    }

        .content .about-area .leadership-area .leadership-content .leadership-view-thumb-col .leadership-view-thumb img {
            width: 100%;
            height: auto;
        }

.content .about-area .leadership-area .leadership-content .leadership-view .leadership-view-info {
    position: relative;
    margin-left: -28px;
    margin-right: 0;
    display: block;
}

    .content .about-area .leadership-area .leadership-content .leadership-view .leadership-view-info .leadership-view-content {
        display: block;
        overflow: hidden;
        color: #ffffff;
        padding: 40px 40px;
    }

        .content .about-area .leadership-area .leadership-content .leadership-view .leadership-view-info .leadership-view-content h4 {
            margin-top: 0;
        }

        .content .about-area .leadership-area .leadership-content .leadership-view .leadership-view-info .leadership-view-content h5 {
            text-transform: uppercase;
        }

    .content .about-area .leadership-area .leadership-content .leadership-view .leadership-view-info .leadership-view-info-dotted {
        background: #ce0023;
        height: 50px;
        position: absolute;
        right: 0;
        top: 50px;
        width: 25px;
    }

.content .about-area .partner-client-area .partner-client-content {
    background: rgba(0, 0, 0, 0) url("../images/large-rectangle.png") no-repeat scroll right 100px;
    padding-bottom: 20px;
    padding-top: 300px;
}

    .content .about-area .partner-client-area .partner-client-content img {
        margin: 0 auto;
        position: relative;
        text-align: center;
    }

    .content .about-area .partner-client-area .partner-client-content h2 {
        margin-top: 0;
    }

.content .about-area .partner-area {
    background: #f6f6f6;
}

    .content .about-area .partner-area .partner-content .partner-item {
        padding: 40px 0 20px;
    }

        .content .about-area .partner-area .partner-content .partner-item .partner-link {
            display: block;
            margin: 10px auto 35px;
            position: relative;
            text-align: center;
            height: 50px;
        }

            .content .about-area .partner-area .partner-content .partner-item .partner-link img {
                display: block;
                margin: 0 auto;
                text-align: center;
            }

        .content .about-area .partner-area .partner-content .partner-item .partner-service {
            margin-top: 10px;
            min-height: 80px;
        }

            .content .about-area .partner-area .partner-content .partner-item .partner-service a {
                display: inline-block;
                font-size: 1em;
            }

    .content .about-area .partner-area .partner-content .partner-service-col {
        position: relative;
        padding-bottom: 40px;
    }

        .content .about-area .partner-area .partner-content .partner-service-col .dotted-center {
            text-align: center;
            font-size: 2em;
            position: absolute;
            bottom: 10px;
            line-height: 0;
            width: 100%;
            left: 0;
            height: 10px;
        }

.content .about-area .career-selection {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (min-width: 1400px) {
    .content .leadership-area .leadership-content .leadership-view .leadership-view-info .leadership-view-content h5 {
        margin-bottom: 100px;
    }
}

@media (min-width: 1200) {
    .content .map-selection .content-post,
    .content .career-selection .content-post {
        padding-top: 200px;
    }
}

@media (max-width: 1199px) {
    .blog-article {
        margin-top: 20px;
    }
}

@media (min-width: 1024px) {
    .content .partner-area {
        -webkit-box-shadow: 10px 10px 300px 200px #f6f6f6;
        -moz-box-shadow: 10px 10px 300px 200px #f6f6f6;
        box-shadow: 10px 10px 300px 200px #f6f6f6;
    }
}

@media (min-width: 992px) {
    .content .selection-box {
        margin-bottom: 100px;
    }

    .content .selection-border-right {
        background: url(../images/about/about-our-company-dotted-right.png) no-repeat scroll right center transparent;
    }

        .content .selection-border-right .content-post {
            padding-right: 16.6666%;
        }

    .content .selection-border-left {
        background: url(../images/about/about-our-company-dotted-right.png) no-repeat scroll left center transparent;
    }

        .content .selection-border-left .content-post {
            padding-left: 36.66652%;
        }

    .content .selection-padding-left .content-post {
        padding-left: 36.66652%;
    }

    .content .objectives-selection .objectives-border-bottom {
        background: url(../images/about/about-our-company-line.png) no-repeat scroll 0 bottom transparent;
        background-size: contain;
    }

    .content .row-switch-float .col-right {
        float: right;
    }

    .content .map-selection {
        background: url(../images/rectangles-line-icon.png) no-repeat scroll 0 bottom transparent;
        background-size: contain;
    }

    .content .leadership-area .leadership-content .leadership-view {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (min-width: 768px) {
    .leadership-view .row-eq-height {
        display: flex;
    }

    .content .about-area .about-area-content .about-area-col {
        background: url(../images/about/about-our-company-dotted-right.png) no-repeat scroll right center transparent;
    }

    .content .map-area {
        background: url(../images/about/about-our-company-dotted-right.png) no-repeat scroll left center transparent;
    }

        .content .map-area .map-area-content {
            height: auto;
            padding-bottom: 20px;
            padding-top: 0;
        }

    .content .leadership-area .leadership-content .leadership-item {
        height: auto;
        background: #ffffff;
    }

    .content .career-area .career-content {
        height: auto;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .content .content-post .article-content {
        padding-top: 50px;
    }

        .content .content-post .article-content p {
            padding-top: 15px;
        }

    .content .about-area .partner-area .partner-content .partner-item {
        height: auto;
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .content .about-area .partner-client-area .partner-client-content {
        background-size: 20%;
    }

    .content .map-selection .content-post,
    .content .career-selection .content-post {
        padding-top: 0;
    }

    .content .leadership-view-thumb {
        min-height: inherit;
    }

    .content .partner-client-area .partner-client-content img {
        width: 100px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .content .about-area .leadership-area .leadership-content .leadership-item {
        height: auto;
        background: #ffffff;
    }

    .content .about-area .leadership-area .leadership-content .leadership-view {
        margin-left: 0;
        margin-right: 0;
    }

        .content .about-area .leadership-area .leadership-content .leadership-view .leadership-view-info .leadership-view-content h5 {
            margin-bottom: 15px;
        }

    .content .about-area .partner-client-area .partner-client-content {
        background-size: 20%;
    }

        .content .about-area .partner-client-area .partner-client-content img {
            width: 70px;
            margin-top: 25px;
        }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .content .about-area .partner-client-area .partner-client-content {
        padding-top: 230px;
        background-size: 25%;
    }

        .content .about-area .partner-client-area .partner-client-content img {
            width: 70px;
            margin-top: 5px;
        }

    .content .objectives-selection {
        background-size: 35%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .content .about-area .leadership-area .leadership-content .leadership-item {
        height: auto;
        background: #ffffff;
    }

    .content .about-area .leadership-area .leadership-view-thumb img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 1024px) {
    .content .about-area .leadership-area .leadership-content h1.leadership-title {
        color: #d5d5d5;
        font-size: 85.05px;
    }
}

@media (max-width: 768px) {
    .content .map-selection {
        margin-bottom: 50px;
    }

    .content .objectives-selection {
        padding-top: 200px;
    }

    .content .about-area .about-area-content .content-post {
        text-align: right;
        padding-right: 35px;
    }

    .content .about-area .leadership-area .leadership-col-right .border-box {
        right: 0;
    }

    .content .about-area .leadership-area .leadership-content .leadership-item {
        height: auto;
        background: #ffffff;
    }

    .content .about-area .leadership-area .leadership-content .leadership-view {
        background: #1d232b;
    }

        .content .about-area .leadership-area .leadership-content .leadership-view .leadership-view-thumb {
            text-align: center;
        }

        .content .about-area .leadership-area .leadership-content .leadership-view .leadership-view-info {
            margin-left: 0;
        }

            .content .about-area .leadership-area .leadership-content .leadership-view .leadership-view-info .leadership-view-content {
                padding: 40px 10px;
            }

                .content .about-area .leadership-area .leadership-content .leadership-view .leadership-view-info .leadership-view-content h5 {
                    margin-bottom: 40px;
                }

    .content .about-area .about-area-border .about-area-content {
        padding-top: 250px;
        height: auto;
        padding-bottom: 130px;
    }

        .content .about-area .about-area-border .about-area-content .read-more-link {
            margin-top: 20px;
        }

    .content .about-area .map-area .map-area-content {
        height: auto;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-top: 0;
    }

        .content .about-area .map-area .map-area-content .article-content {
            padding-top: 60px;
        }

    .content .about-area .partner-service-row .partner-service-col {
        border-right: none;
    }

        .content .about-area .partner-service-row .partner-service-col:first-child {
            border-left: none;
        }

    .content .about-area .partner-area .partner-content .partner-item {
        border-bottom: 1px solid #d5d5d5;
        height: auto !important;
        margin-left: -15px;
        margin-right: -15px;
        padding: 20px 10px;
    }

    .content .about-area .partner-area .partner-content .dotted-center {
        display: none;
    }

    .content .about-area .career-area .career-content {
        height: auto;
        padding-top: 200px;
    }

    .content .about-area .leadership-area .leadership-content .leadership-view {
        margin-right: 0;
        margin-left: 0;
    }

        .content .about-area .leadership-area .leadership-content .leadership-view .leadership-view-info {
            margin-right: 0;
            margin-left: 0;
            height: auto;
        }

    .content .about-area .partner-client-area .partner-client-content {
        padding-top: 200px;
    }

        .content .about-area .partner-client-area .partner-client-content h2 {
            margin-top: 0;
        }

        .content .about-area .partner-client-area .partner-client-content img {
            max-width: 70px;
        }

    .content .content-post .read-more-link {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media (max-width: 480px) {
    .content .about-area .read-more-link {
        margin-top: 50px;
    }

    .content .about-area .about-area-border {
        background: transparent;
    }

        .content .about-area .about-area-border .about-area-content {
            background: url(../images/about/header-image-2__small.png) no-repeat scroll right 0 transparent;
            background-size: 85%;
            background-position: left 100px;
            padding-top: 450px;
            padding-bottom: 50px;
        }

            .content .about-area .about-area-border .about-area-content .content-post {
                text-align: left;
                padding-right: 0;
            }

                .content .about-area .about-area-border .about-area-content .content-post h2.white-text {
                    margin-top: 0;
                }

                .content .about-area .about-area-border .about-area-content .content-post .article-content {
                    padding-top: 5px;
                }

                    .content .about-area .about-area-border .about-area-content .content-post .article-content h4 {
                        margin-bottom: 10px;
                    }

    .content .about-area .map-area .map-area-content {
        background-position: 0 80px;
        height: auto;
        padding-bottom: 20px;
        padding-top: 0;
    }

        .content .about-area .map-area .map-area-content .content-post .white-text {
            margin-bottom: 100px;
        }

        .content .about-area .map-area .map-area-content .content-post .article-content {
            padding-top: 10px;
        }

            .content .about-area .map-area .map-area-content .content-post .article-content p {
                padding: 0;
            }

    .content .about-area .partner-client-area .partner-client-content {
        background-size: 60%;
    }

        .content .about-area .partner-client-area .partner-client-content img {
            width: 50px;
            margin-top: 10px;
        }

    .content .about-area .leadership-area .leadership-content h1 .leadership-title {
        font-size: 51.029999999999994px;
    }

    .content .about-area .career-area .career-content {
        background-size: 100% !important;
        padding-top: 200px;
        background: url(../images/about/header-2-small.png) no-repeat scroll right top transparent;
    }

        .content .about-area .career-area .career-content .white-text {
            padding-top: 20px;
        }
}

@media (max-width: 320px) {
    .content .about-area .about-area-border .about-area-content {
        padding-top: 400px;
    }
}

@media (max-width: 767px) {
    .content-port-wrap .content-post {
        padding-left: 0;
    }
}
/*=================== about us page css end here================*/
/*=========== services page css start here================*/
.content .service {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
}

    .content .service p strong {
        font-weight: bolder;
        font-family: AktivGrotesk-Regular;
    }

    .content .service .service-header {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 95% 5%;
    }

        .content .service .service-header .container-fluid {
            background-color: transparent;
            background-repeat: no-repeat;
        }

            .content .service .service-header .container-fluid .service-header-title {
                position: relative;
            }

                .content .service .service-header .container-fluid .service-header-title .polygon-1 {
                    width: 60px;
                    height: 105px;
                    position: absolute;
                    left: -75px;
                    margin-top: -52px;
                }

                .content .service .service-header .container-fluid .service-header-title .title {
                    margin-top: 400px;
                    margin-bottom: 40px;
                }

            .content .service .service-header .container-fluid .services-circle-icon {
                width: 185px;
                height: 165px;
                position: absolute;
                margin-left: 80px;
                margin-top: -50px;
            }

            .content .service .service-header .container-fluid .service-header-content {
                font-weight: bold;
                margin-bottom: 100px;
                margin-left: 340px;
                margin-top: 30px;
            }

            .content .service .service-header .container-fluid .service-header-area {
                color: #eeeeee;
            }

                .content .service .service-header .container-fluid .service-header-area .content-box-red,
                .content .service .service-header .container-fluid .service-header-area .content-box-blue,
                .content .service .service-header .container-fluid .service-header-area .content-box-black,
                .content .service .service-header .container-fluid .service-header-area .content-box-navy-blue,
                .content .service .service-header .container-fluid .service-header-area .content-box-dark-blue,
                .content .service .service-header .container-fluid .service-header-area .content-box-slate-blue,
                .content .service .service-header .container-fluid .service-header-area .content-box-slate,
                .content .service .service-header .container-fluid .service-header-area .content-box-seafoam {
                    left: 4px;
                    padding: 20px 0 0 20px;
                    min-height: 200px;
                }

                .content .service .service-header .container-fluid .service-header-area p {
                    line-height: 120%;
                    margin: 0;
                    color: #ffffff;
                }

                .content .service .service-header .container-fluid .service-header-area .content-box-red {
                    background-color: #ce0023;
                }

                    .content .service .service-header .container-fluid .service-header-area .content-box-red .learn-more {
                        padding-top: 100px;
                    }

                        .content .service .service-header .container-fluid .service-header-area .content-box-red .learn-more a {
                            color: #f4f4f4;
                            font-size: 16px;
                            font-weight: bold;
                        }

                .content .service .service-header .container-fluid .service-header-area .content-box-blue {
                    background-color: #60d3f6;
                }

                .content .service .service-header .container-fluid .service-header-area .content-box-black {
                    background-color: #000000;
                }

                .content .service .service-header .container-fluid .service-header-area .content-box-navy-blue {
                    background-color: #003f6f;
                }

                .content .service .service-header .container-fluid .service-header-area .content-box-dark-blue {
                    background-color: #132034;
                }

                .content .service .service-header .container-fluid .service-header-area .content-box-slate-blue {
                    background-color: #29323e;
                }

                .content .service .service-header .container-fluid .service-header-area .content-box-slate {
                    background-color: #0088a5;
                }

                .content .service .service-header .container-fluid .service-header-area .content-box-seafoam {
                    background-color: #87d8d9;
                }

                .content .service .service-header .container-fluid .service-header-area .rectangles-icon-6 {
                    width: 160px;
                    height: 280px;
                    position: absolute;
                    right: 160px;
                    margin-top: 50px;
                }

                .content .service .service-header .container-fluid .service-header-area .polygon-2 {
                    width: 50px;
                    height: 147px;
                    position: absolute;
                    right: 0;
                }

            .content .service .service-header .container-fluid .investment-strategies-banner {
                background-position: 0 center, center center;
                background-repeat: no-repeat;
                margin-top: 150px;
                min-height: 350px;
            }

                .content .service .service-header .container-fluid .investment-strategies-banner .content-inside-box {
                    padding-top: 100px;
                }

                    .content .service .service-header .container-fluid .investment-strategies-banner .content-inside-box .box-detail {
                        margin-top: -155px;
                        margin-left: 150px;
                    }

    .content .service .service-content .number_one {
        width: 209px;
        height: 148px;
        position: absolute;
        right: 185px;
        margin-top: 50px;
    }

    .content .service .service-content .number_two {
        width: 263px;
        height: 149px;
        position: absolute;
        right: 185px;
        margin-top: 50px;
    }

    .content .service .service-content .number_three {
        width: 254px;
        height: 150px;
        position: absolute;
        right: 185px;
        margin-top: 50px;
    }

    .content .service .service-content .rectangles-icon-5 {
        height: 67px;
        width: 41px;
        margin-left: 90px;
        position: absolute;
        margin-top: 300px;
    }

    .content .service .service-content .service-detail-box {
        margin-top: 100px;
    }

        .content .service .service-content .service-detail-box span {
            font-size: 23px;
        }

        .content .service .service-content .service-detail-box .number_one {
            width: 209px;
            height: 148px;
            position: absolute;
            right: 185px;
            margin-top: -40px;
        }

        .content .service .service-content .service-detail-box .number_two {
            width: 263px;
            height: 149px;
            position: absolute;
            right: 185px;
            margin-top: -40px;
        }

        .content .service .service-content .service-detail-box .number_three {
            width: 254px;
            height: 150px;
            position: absolute;
            right: 185px;
            margin-top: -40px;
        }

        .content .service .service-content .service-detail-box .service-detail {
            margin: 50px 0 0 150px;
        }

    .content .service .service-related-content h2 {
        font-size: 54px;
        font-family: 'Montserrat-SemiBold';
        margin-top: 60px;
        margin-bottom: 50px;
    }

    .content .service .service-related-content .related-content {
        position: relative;
        display: block;
        width: 100%;
        min-height: 197px;
        border: 1px solid #d5d5d5;
        background: #ffffff;
        margin-bottom: 45px;
    }

        .content .service .service-related-content .related-content .active .related-more {
            display: block;
        }

        .content .service .service-related-content .related-content .related-bg {
            position: absolute;
            width: 594px;
            height: 197px;
            background-repeat: no-repeat;
            background-image: url(../images/background-rectangle-2.png);
        }

        .content .service .service-related-content .related-content .related-img {
            float: left;
        }

        .content .service .service-related-content .related-content .related-category {
            font-size: 12px;
            color: #000000;
            text-transform: uppercase;
            letter-spacing: .1em;
            margin: 10px 0 10px 192px;
        }

        .content .service .service-related-content .related-content .related-title {
            font-size: 22px;
            font-family: 'AktivGrotesk-Light';
            color: #ffffff;
            letter-spacing: .1em;
            line-height: 1.7;
            margin: 20px 20px 20px 92px;
        }

        .content .service .service-related-content .related-content .related-more {
            margin: 5px 0 0 92px;
        }

            .content .service .service-related-content .related-content .related-more img {
                width: 38px;
            }

    .content .service .back-to-top {
        text-align: left;
        margin-top: 60px;
        margin-bottom: 50px;
    }

        .content .service .back-to-top .back-to-top-icon {
            width: 40px;
            height: 40px;
        }

        .content .service .back-to-top span {
            margin-left: 30px;
            text-transform: uppercase;
        }

@media (min-width: 992px) and (max-width: 1024px) {
    .content .service-header .container-fluid .investment-strategies-banner {
        min-height: 244.99999999999997px;
    }

        .content .service-header .container-fluid .investment-strategies-banner .content-inside-box {
            margin-left: 100px;
            padding-top: 25px;
        }

    .content .service-content .number_one {
        right: 10px;
        margin-top: 70px;
    }

    .content .service-content .number_three {
        right: 10px;
        margin-top: 70px;
    }
}

@media (max-width: 768px) {
    .content .service .service-header {
        background-position: 95% 1%;
    }

        .content .service .service-header .container-fluid .service-header-area .content-box-red .learn-more {
            padding-top: 100px;
        }

        .content .service .service-header .container-fluid .service-header-title .title {
            margin-top: 300px;
        }

        .content .service .service-header .container-fluid .services-circle-icon {
            margin-left: 0;
            margin-top: 0;
        }

        .content .service .service-header .container-fluid .service-header-content {
            margin-bottom: 0;
            margin-left: 0;
            margin-top: 0;
        }

        .content .service .service-header .container-fluid .investment-strategies-banner {
            min-height: 244.99999999999997px;
        }

            .content .service .service-header .container-fluid .investment-strategies-banner .content-inside-box {
                margin-top: 0;
                margin-left: 100px;
                padding-top: 25px;
            }

                .content .service .service-header .container-fluid .investment-strategies-banner .content-inside-box .box-detail {
                    margin-top: -150px;
                    margin-left: 90px;
                }

        .content .service .service-header .container-fluid .service-header-area .content-box-red,
        .content .service .service-header .container-fluid .service-header-area .content-box-blue,
        .content .service .service-header .container-fluid .service-header-area .content-box-black,
        .content .service .service-header .container-fluid .service-header-area .content-box-navy-blue,
        .content .service .service-header .container-fluid .service-header-area .content-box-dark-blue,
        .content .service .service-header .container-fluid .service-header-area .content-box-slate-blue,
        .content .service .service-header .container-fluid .service-header-area .content-box-slate,
        .content .service .service-header .container-fluid .service-header-area .content-box-seafoam {
            left: 4px;
            min-height: 100px;
        }

    .content .service .service-content .service-detail-box {
        margin-top: 50px;
    }

        .content .service .service-content .service-detail-box span {
            padding-left: 0;
        }

        .content .service .service-content .service-detail-box .service-detail {
            margin: 0;
        }
}

@media (max-width: 767px) {
    .all-services-wrapper {
        padding: 0px 18px 0 9px;
    }
}

@media (max-width: 480px) {
    .content .service .service-header {
        background-position: 0% 1%;
    }

        .content .service .service-header .container-fluid .service-header-title .title {
            margin-top: 100px;
        }

        .content .service .service-header .container-fluid .investment-strategies-banner {
            margin-top: 80px;
        }

            .content .service .service-header .container-fluid .investment-strategies-banner .content-inside-box {
                margin-left: 0;
            }

                .content .service .service-header .container-fluid .investment-strategies-banner .content-inside-box .box-detail {
                    margin-left: 55px;
                    text-indent: 4px;
                }

                    .content .service .service-header .container-fluid .investment-strategies-banner .content-inside-box .box-detail h3 {
                        font-size: 23px;
                    }

        .content .service .service-header .container-fluid .service-header-area .content-box-red,
        .content .service .service-header .container-fluid .service-header-area .content-box-blue,
        .content .service .service-header .container-fluid .service-header-area .content-box-black,
        .content .service .service-header .container-fluid .service-header-area .content-box-navy-blue,
        .content .service .service-header .container-fluid .service-header-area .content-box-dark-blue,
        .content .service .service-header .container-fluid .service-header-area .content-box-slate-blue,
        .content .service .service-header .container-fluid .service-header-area .content-box-slate,
        .content .service .service-header .container-fluid .service-header-area .content-box-seafoam {
            left: 4px;
            min-height: 75px;
        }

    .content .service .service-content .service-detail-box span {
        padding-left: 0;
    }

    .content .service .service-related-content h2 {
        margin-top: 40px;
    }

    .content .service .service-related-content .related-content {
        height: auto;
        padding-left: 10px;
    }

        .content .service .service-related-content .related-content .related-img {
            display: block;
            float: none;
            height: auto;
            width: 100%;
        }

        .content .service .service-related-content .related-content .related-title,
        .content .service .service-related-content .related-content .related-category {
            margin-left: 0;
            margin-top: 10px;
        }

        .content .service .service-related-content .related-content .related-more {
            margin-left: 0;
            text-align: left;
        }
}
/*========= services page css end start here======*/
/*==================other css===========*/
.link-group {
    z-index: 10;
    position: relative;
}

.content .article-related .related-content .related-title,
.content .service .service-related-content .related-content .related-title {
    font-size: 20px;
    margin: 15px;
    height: 130px;
    overflow: hidden;
}

.content .article-related .related-content {
    background-size: cover;
}

.content .service .service-related-content .related-content {
    background-size: cover;
}

.process .process-header {
    background-position: 100% 740px, 0 0, 0 904px, 995px 929px, 100% 0, 0;
    background-size: auto, auto, auto, auto, cover, cover;
}

.gray-box-wrapper .container {
    display: table;
}

    .gray-box-wrapper .container .col-sm-6:first-child {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

    .gray-box-wrapper .container .col-sm-6:last-child {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

.gray-box-wrapper .img-corner-box {
    position: relative;
}

    .gray-box-wrapper .img-corner-box:before {
        content: '';
        position: absolute;
        bottom: -4px;
        right: -4px;
        border-bottom: 85px solid #f1f5f8;
        border-left: 85px solid transparent;
        width: 0;
    }

.white-box-wrapper .container {
    display: table;
    vertical-align: middle;
}

    .white-box-wrapper .container .col-sm-6:first-child {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

    .white-box-wrapper .container .col-sm-6:last-child {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

.white-box-wrapper .img-corner-box {
    position: relative;
}

    .white-box-wrapper .img-corner-box:before {
        content: '';
        position: absolute;
        bottom: -4px;
        right: -4px;
        border-bottom: 85px solid #ffffff;
        border-left: 85px solid transparent;
        width: 0;
    }
/*======linkedin css start here======*/
.auto-linkedin {
    background: #0084BF;
    border: 0;
    outline: 0;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 15px;
}

    .auto-linkedin i {
        margin-right: 5px;
        border: 1px solid #fff;
        border-radius: 50%;
        width: 30px;
        line-height: 28px;
    }
/*======linkedin css end here======*/
#mc_embed_signup input[type="email"] {
    color: #fff;
}

@media (max-width: 1199px) and (min-width: 991px) {
    .content .content-body .article-body .article-cross {
        left: 0px;
    }
}

@media (max-width: 991px) {
    .content .content-body .article-body .article-cross {
        display: none;
    }
}
/*-- CSS for Campaign Start --*/
.Campaign-base {
    margin-bottom: 35px;
}

    .Campaign-base .Campaign-header {
        background-color: #000;
        background-size: cover;
        background-position: 80% 0;
        background-repeat: no-repeat;
        height: auto;
        position: relative;
        padding-bottom: 30px;
    }

        .Campaign-base .Campaign-header .container-fluid {
            padding-top: 200px;
        }

        .Campaign-base .Campaign-header .title {
            padding: 210px 0 0;
        }

            .Campaign-base .Campaign-header .title h1 {
                font-size: 70px;
            }

            .Campaign-base .Campaign-header .title p {
                font-size: 26px;
            }

        .Campaign-base .Campaign-header .btn-box .normal-btn {
            color: #fff;
            border: #fff solid 1px;
            padding: 8px 44px;
            border-radius: 50px;
            display: block;
            font-size: 20px;
            width: 250px;
            outline: 0;
            text-align: center;
        }

            .Campaign-base .Campaign-header .btn-box .normal-btn:hover {
                border: #fff solid 1px;
            }

        .Campaign-base .Campaign-header .btn-box .color-btn {
            color: #fff;
            padding: 8px 44px;
            border-radius: 50px;
            display: block;
            font-size: 20px;
            border: none;
            width: 250px;
            outline: 0;
        }

    .Campaign-base .color-btn {
        color: #fff;
        padding: 8px 44px;
        border-radius: 50px;
        display: block;
        font-size: 20px;
        border: none;
        width: 250px;
        outline: 0;
        /*&:hover {
            color: #fff;
            background: #f36f0a;
        }*/
    }

    .Campaign-base .background-box-wrap {
        position: relative;
    }

        .Campaign-base .background-box-wrap .background-box-color .pull-left.enquire-footer-btn {
            padding: 5px 0;
        }

    .Campaign-base .Campaign-section {
        padding: 50px 0 0;
        background-repeat: no-repeat;
        position: relative;
    }

        .Campaign-base .Campaign-section .Campaign-text {
            padding: 0 30px;
        }

        .Campaign-base .Campaign-section .Campaign-text-bold {
            font-weight: bold;
            padding: 0 30px;
        }

        .Campaign-base .Campaign-section .fixed-button-section {
            display: none;
            position: fixed;
            top: 20%;
            right: -61px;
            transform: rotate(90deg);
            z-index: 100000;
        }

            .Campaign-base .Campaign-section .fixed-button-section .fixed-color-btn {
                color: #fff;
                background: #f36f0a;
                padding: 5px 30px;
                display: block;
                font-size: 20px;
            }

                .Campaign-base .Campaign-section .fixed-button-section .fixed-color-btn:hover {
                    color: #fff;
                    background: #f36f0a;
                }

.button-wrap {
    position: relative;
}

    .button-wrap .Campaign-footer2 {
        background-image: url(https://kidbrooke-advisory.com/content/images/Campaign-footer-background.png);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

        .button-wrap .Campaign-footer2 .enquire-footer-btn {
            color: #fff;
            background: #f36f0a;
            padding: 8px 50px;
            border-radius: 50px;
            display: block;
            font-size: 20px;
            margin: 8px 0;
        }

            .button-wrap .Campaign-footer2 .enquire-footer-btn:hover {
                color: #fff;
                background: #f36f0a;
            }

        .button-wrap .Campaign-footer2 .footer-bottom {
            background: none;
        }

            .button-wrap .Campaign-footer2 .footer-bottom .mid {
                border-top: none;
            }

.btn-Enquire {
    top: 15px !important;
}
/*-- CSS for Campaign End --*/
.enquire-wrap {
    float: left;
    margin-left: 15%;
}

.btn-box i {
    float: right;
    margin-top: 8px;
    margin-left: 8px;
}

@media (max-width: 640px) {
    .enquire-wrap {
        float: none !important;
        margin: 10px 0 0 0 !important;
    }

    .btn-box .pull-left {
        float: none !important;
        display: inline-block;
    }
}

.advance-card-flex {
    display: flex;
    flex-wrap: wrap;
}

.product-container {
    background-image: url('../images/solution/solution-bg-5.png') !important;
}

.product-wrap .advance-card-container .article-box {
    height: 290px !important;
    padding: 0;
}

    .product-wrap .advance-card-container .article-box h3 {
        font-family: "Montserrat-SemiBold";
        font-size: 18px;
        color: #000000;
        padding: 5px 37px;
        margin: 38px 0 5px 0;
        display: inline-block;
        text-transform: uppercase;
    }

    .product-wrap .advance-card-container .article-box p {
        padding: 12px 39px 0 39px;
        height: 114px;
        overflow: hidden;
    }

    .product-wrap .advance-card-container .article-box .img {
        /*position: absolute;*/
        background-repeat: no-repeat;
        background-size: cover;
        height: 290px;
        /*left: 0;*/
        width: 100%;
        z-index: -1;
        padding: 15px;
    }

    .product-wrap .advance-card-container .article-box .title {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        margin: 0 auto;
        width: 100%;
    }

        .product-wrap .advance-card-container .article-box .title a h1 {
            color: #fff;
        }

    .product-wrap .advance-card-container .article-box a {
        display: block;
        color: #fff;
        text-align: center;
    }

    .product-wrap .advance-card-container .article-box .anchor-bottom {
        padding: 10px 24px;
    }

        .product-wrap .advance-card-container .article-box .anchor-bottom a {
            padding: 0 15px !important;
        }

.product-wrap .advance-card-container .article-box-heading {
    height: 230px;
    position: relative;
}

    .product-wrap .advance-card-container .article-box-heading .title {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        margin: 0 auto;
        width: 100%;
    }

        .product-wrap .advance-card-container .article-box-heading .title h4 {
            font-size: 54px !important;
        }

        .product-wrap .advance-card-container .article-box-heading .title a {
            display: inline-block !important;
            color: #000 !important;
        }

.article-container .article-box {
    min-height: 197px;
    padding: 0;
}

.advance-card-container h3.left-heading {
    margin-top: 0;
}

.team-container {
    margin-top: 40px;
}

    .team-container .team-heading-top {
        margin-top: 0;
    }

.careers-section {
    margin-bottom: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.solution-card-outer {
    margin: 40px 0;
}

    .solution-card-outer.mt-40 {
        margin-bottom: 40px;
    }

.article-container {
    margin: 40px 0;
}

    .article-container .article-box {
        background: none !important;
        overflow: hidden;
    }

        .article-container .article-box .img {
            position: absolute;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100%;
            left: 0;
            width: 100%;
            z-index: -1;
        }

        .article-container .article-box .article-heading {
            font-size: 16px;
            color: #ffffff;
            padding: 5px 25px;
            margin: 25px 0 5px 0;
            display: inline-block;
        }

        .article-container .article-box a .title {
            color: #fff;
            margin: 24px;
            font-size: 20px;
        }

.flex-card-outer.mt-80 {
    margin: 80px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-0 {
    margin-bottom: 0;
}

.mt-0 {
    margin-top: 0;
}

ul li .p1 {
    margin: 0;
    margin-bottom: 5px;
}

.card-text-section ul {
    margin: 0;
    padding: 0;
    margin-left: 30px;
}

    .card-text-section ul li {
        margin: 0;
        padding: 0;
    }
/*-- Captcha CSS Start --*/
msg-error {
    color: #c65848;
}

.g-recaptcha.error {
    border: solid 2px #c64848;
    padding: .2em;
    width: 19em;
}
/*-- Captcha CSS End --*/
@media (max-width: 768px) {
    .product-wrap .advance-card-container .article-box-heading .title h4,
    .content .article-related h2 {
        font-size: 37.8px !important;
    }

    .solution-container .solution-video-content h1 {
        font-size: 56.7px;
    }

    .advance-card-container .advance-card-flex h2 {
        margin-top: 0;
        padding-bottom: 50px;
    }
}

.small-flex .flex-card {
    width: 33.333%;
    margin: 0 15px 15px 15px;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block !important;
}

.owl-carousel .article-box a {
    display: block;
}

    .owl-carousel .article-box a img {
        position: inherit !important;
    }

button {
    outline: 0;
}

.mtop {
    margin-top: 20px;
}

.footer-checkbox {
    margin-right: 10px !important;
    height: 20px;
    width: 20px;
    vertical-align: middle !important;
    margin-top: 0px !important;
}