/*
Theme Name: main-consultancy
Theme URI:    http://localhost/main-consultancy
Description: Custom theme for Consultancy-k.
Author: Dannique
Author URI:   http://example.com
Version: 1.1234
Tags: custom-made
Text Domain:  Consultancy-k
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

/*- fcf9f5 (background?)*/
/*- DDF2FD (lightest blue)*/
/*- 427D9D/4A90B7 (blue)*/
/*- 164863 (darker blue)*/
/*- 0b2432 (dark blue)*/
/*- C3D7E5 (grey light blue)*/
/*- d7e0e5 (grey lighter blue)*/
/*- f88379 (Coral)*/
/*- 5ca0a0 (Teal)*/
/*- d2b450 (Muted Gold)*/

/*- #000464 (dark blue - Main Color - rgba(0, 4, 100, 1)) */
/*- #f5f6f7 (whiteish - Background Color) */
/*- #f7f8ff (white) */

/*- #3E40C3 (blue) */
/*- #999bc1 (lighter blue) */
/*- #EBEFF6 (lightest blue) */
/*- #e6eff7 (white blue) */

/*- #00023c (darker blue) */
/*- #00011e (darkest blue) */

/*- #f89e49 (cta orange/yellow - rgba(248, 158, 73, 1)) */
/*- #f68f2f (cta orange) */


@font-face {
    font-family: 'Dosis';
    src: url('fonts/Dosis-Medium.woff2') format('woff2');
    font-style: normal;
}


@font-face {
    font-family: 'Hind';
    src: url('fonts/Hind-Medium.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Medium.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('fonts/Montserrat-SemiBold.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans';
    src: url('fonts/SourceSans3-Medium.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans-SemiBold';
    src: url('fonts/SourceSans3-SemiBold.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans-Bold';
    src: url('fonts/SourceSans3-Bold.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans-Regular';
    src: url('fonts/SourceSans3-Regular.woff2') format('woff2');
    font-style: normal;
}


/************ GLOBAL ***************/

body {
    font-family: 'SourceSans', sans-serif;
    background-color: #f5f6f7;
    color: #2F2E41;
}


h1 {
    font-family: 'SourceSans-Bold', sans-serif;
    font-weight: bold;
}

p {
    font-family: 'SourceSans', sans-serif;
    font-size: 1.3em;
    padding: 0;
}

a {
    text-decoration: none;
    text-underline: none;

}

.blue-background-text{
    color:#e6eff7;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgba(90, 90, 90);
}

::-webkit-scrollbar-track {
    /*background: rgba(0, 0, 0, 0);*/
    display: none;
}

.main-blue {
    background-color: #000464;
}

.main-white-text {
    color: #f5f6f7;
}

.h2-title-center {
    text-align: center;
    font-size: 2.5em;
    font-family: 'SourceSans-Bold', sans-serif;
}
.h2-title-form {
    font-size: 2.5em;
    font-family: 'SourceSans-Bold', sans-serif;
}

@media (max-width: 500px) {
    .h2-title-center {
        font-size: 2.2em;
    }
}

/*********** CUSTOM STYLING **************/

.title {
    font-family: 'SourceSans-Bold', sans-serif;

}

.subtitle {
    font-family: 'SourceSans-SemiBold', sans-serif;
}

.text {
    font-family: 'SourceSans', sans-serif;
}
.semibold{
    font-family: 'SourceSans-SemiBold', sans-serif;
}
.bold{
    font-family: 'SourceSans-Bold', sans-serif;
}

.button-custom {
    background-color: #427D9D;
    color: #F3EEE8;
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 1.3em;
    letter-spacing: .1rem;
}


.button-custom:hover {
    background-color: #35647e;
    color: #F3EEE8;
}

.button-a {
    color: #F3EEE8;
}

.button-a:hover {
    color: #F3EEE8;
}

.dot{
    font-size: 1.4em;
}

.header {
    background: linear-gradient(190deg, rgba(179, 194, 255, 0.896796218487395) 0%, rgba(212, 222, 241, 1) 11%, rgba(245, 246, 247, 1) 41%, rgba(245, 246, 247, 1) 100%, rgba(245, 246, 247, 1) 100%);
}

.wave-background{
    background-image: url("./assets/images/wave_background21.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.wave-background-footer {
    background-image: url("./assets/images/wave_background21.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 50%;
    height: 100%;
    width: 100%;
}
.front-page-header{
    padding: 69px 0 122px;
}
.front-page-text{
    color: aliceblue;
}
.services-header{
    /*background: linear-gradient(190deg, rgba(179, 194, 255, 0.896796218487395) 0%, rgba(212, 222, 241, 1) 11%, rgba(245, 246, 247, 1) 41%, rgba(245, 246, 247, 1) 100%, rgba(245, 246, 247, 1) 100%);*/

}
.single-service-header{
    background: linear-gradient(190deg, rgba(179, 194, 255, 0.896796218487395) 0%, rgba(212, 222, 241, 1) 11%, rgba(245, 246, 247, 1) 41%, rgba(245, 246, 247, 1) 100%, rgba(245, 246, 247, 1) 100%);

}

.bottom-header {

    /*background: linear-gradient(158deg, rgba(179,194,255,0.9248074229691877) 0%, rgba(212,222,241,1) 11%, rgba(235,239,246,1) 41%, rgba(235,239,246,1) 100%, rgba(235,239,246,1) 100%);*/
    background: linear-gradient(158deg, rgba(179, 194, 255, 0.9248074229691877) 0%, rgba(212, 222, 241, 1) 11%, rgba(245, 246, 247, 1) 60%, rgba(245, 246, 247, 1) 100%, rgba(245, 246, 247, 1) 100%);
}

.header-subtitle {
    font-size: 1.2em;
    font-family: 'SourceSans-Regular', sans-serif;
    color: aliceblue;
}
.services-subtitle{
    font-size: 1.2em;
    font-family: 'SourceSans-Regular', sans-serif;
}

.header-subtitle-about {
    font-size: 1.1em;
    font-family: 'SourceSans-Regular', sans-serif;
}

.header-subtitle-careers p {
    font-size: 1.1em;
    font-family: 'SourceSans-Regular', sans-serif;
    color: #f0f8ff!important;
}
.header-subtitle-careers a {
    font-size: 1em;
    font-family: 'SourceSans-Regular', sans-serif;
    color: #f0f8ff!important;
}
.header-subtitle-careers a:hover {
    color: #F89E49!important;
}
.intro-text {
    width: 48%;
    font-size: 1.4em;
    padding-top:20px;
}
.careers-intro-text{
    color:#f0f8ff;
}
.about-header-text{
    color: #e6eff7;
    padding: 65px 10px 100px;
}
.intro-text-services {
    width: 40%;
    font-size: 1.4em;
    color:#f0f8ff;
}
.intro-text-single-service {
    font-size: 1.4em;
}
.front-h1 {
    font-size: 2.9em;
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.88);
}


.front-avatar {
    width: 57%;
}
.service-avatar{

}
.front-service-avatar {
    margin-right: 110px;
    width: 23%;
}
.front-single-service-avatar {
    margin: 70px 300px 0 0;
    width: 25%;
}


.avatar {
    width: 27%;
}

.header-btn {
    margin-left: 14px;
}
.faq-btn-container{
    margin-left: 14px;
}
/*.btn-container{*/
/*    margin-left: 3rem;*/
/*}*/
.services-btn{
    margin-left: 14px;
}

.icon {
    margin-bottom: 35px;
}

.icon-check {
    margin-bottom: 35px;
}

.check-container {
    background-color: #EBEFF6;
}

.check-container:hover {
    background-color: #f2f4f7;
    outline: 5px solid #EBEFF6;
}

.key-items {
    width: 75%;
}
.key-item-title{
    font-size: 1.9em;
}

.check-link {
    margin-top: auto;
    color: #f89e49;
    text-decoration: underline;
}

.check-link:hover {
    color: #ef8a2a;
}


.content-front {
    width: 49%;

}
.content-front p{
    font-family: 'SourceSans', sans-serif;
    font-size: 1.5em;

}

.why-footprint-section {
    width: 95%;
    display: flex;
    justify-content: space-between;
}

.footprint-us {
    width: 80%;
}

/*.footprint-uk {*/
/*    width: 75%;*/
/*}*/

.footprint-container {
    /*padding-right: 70px;*/
    flex: .8;
}

.image-worldmap {
    max-width: 850px;
}

.why-check-container {
    /*padding-left: 70px;*/
    overflow: hidden;
}

.why-check {
    background: linear-gradient(158deg, rgba(222, 233, 252, 1) 0%, rgba(235, 239, 246, 1) 86%, rgba(242, 244, 247, 1) 100%);
    font-size: .94em;
    max-width: 630px;
    padding: 40px;
    overflow: hidden;
}
.why-title{
    text-align: center;
    font-size: 2.5em;
    font-family: 'SourceSans-Bold', sans-serif;
}

/******* TESTIMONIALS **********/

.testimonial-section {
    background: linear-gradient(158deg, rgba(179, 194, 255, 0.9248074229691877) 0%, rgba(212, 222, 241, 1) 11%, rgba(245, 246, 247, 1) 60%, rgba(245, 246, 247, 1) 100%, rgba(245, 246, 247, 1) 100%);
    padding: 50px 0;
}

.personal-pic-testimonial {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #27528a;
    margin: auto;
}

.person-description-testimonial {
    font-size: 1.1em;
    width: 60%;
    font-family: SourceSans-Regular, sans-serif;
}

.first-person-testimonial {

}

.testimonial-container {
    padding: 50px 0 80px;
}

@media (max-width: 1290px) {
    .testimonial-container {
        flex-direction: column;
        padding: 20px 0 40px;
    }
}

@media (max-width: 530px) {
    .one-person-testimonial {
        flex-direction: column;
    }

    .personal-pic-testimonial {
        margin-bottom: 15px;
    }

    .person-description-testimonial {
        width: 95%;
        text-align: center;
    }

    .one-person-testimonial {
        margin-top: 40px;
    }
}


/****** CTA ************/

.cta-container {
    background: linear-gradient(7deg, rgba(179, 194, 255, 0.927608543417367) 0%, rgba(187, 201, 252, 0.9332107843137255) 13%, rgba(212, 222, 241, 0.9724264705882353) 26%, rgba(245, 246, 247, 1) 42%, rgba(245, 246, 247, 1) 75%, rgba(245, 246, 247, 1) 95%);
    padding: 150px 400px;
}
.cta-title{
    font-size: 2.1em;
    font-family: 'SourceSans-Bold', sans-serif;
}
.cta-text{
    font-size: 1.4em;
    max-width: 85%;
    margin: auto;
}

.cta-subtitle{
    font-size: 2em;
    font-family: 'SourceSans-Bold', sans-serif;
    color:#ef8a2a;
}

.cta {
    padding: 30px 100px;
    background-color: #eae7e2;
    margin-bottom: -90px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    border: solid 2px #F3EEE8;
    box-shadow: -1px -1px 28px -7px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: -1px -1px 28px -7px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: -1px -1px 28px -7px rgba(0, 0, 0, 0.65);
}

.cta-button {
    background-color: #e28732;
    color: #F3EEE8;
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    letter-spacing: .05rem;
    max-width: 269px;
}
.front-cta-button{
    background-color: #f68f2f;
    color: #F3EEE8;
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    letter-spacing: .05rem;
    max-width: 180px;
}
.cta-button-services{
    background-color: #f89e49;
    color: #F3EEE8;
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    letter-spacing: .05rem;
    max-width: 180px;
}

.faq-btn{
    max-width: 218px;
}

.front-cta-button:hover{
    background-color: #ef8a2a;
}
.cta-button:hover {
    background-color: #ef8a2a;
}
.cta-button-services:hover {
    background-color: #ef8a2a;
}

.cta-button-service {
    background-color: #27528a;
    color: #F3EEE8;
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: .95rem;
    max-width: 100%;
    margin: 10px auto;
}

.cta-button-service:hover {
    background-color: #ef8a2a;
}

.cta-button-price {
    background-color: #f89e49;
    color: #F3EEE8;
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    max-width: 100%;
    margin: 10px auto;
}

.cta-button-price:hover {
    background-color: #ef8a2a;
}

.service-content {
    font-size: .75em;
    font-family: 'SourceSans-Regular', sans-serif;
    width:75%;
}

/************ BLOG ****************/

.blog-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #F0F8FF;
    padding: 110px 0;
}
.blog-h1{
    font-size: 3.2em!important;
}
.blog-container{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
    background: linear-gradient(190deg, rgba(179, 194, 255, 0.896796218487395) 0%, rgba(212, 222, 241, 1) 11%, rgba(245, 246, 247, 1) 41%, rgba(245, 246, 247, 1) 100%, rgba(245, 246, 247, 1) 100%);
}
.blog-title {
    font-family: SourceSans-Bold, sans-serif;
}

.blog-subtitle {
    font-size: 1.5em;
}

.content-column {
    flex: 2;
    padding: 15px 0 15px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog-content {
    width: 85%;
}

.thumbnail-column {
    display: flex;
    max-width: 640px;
    max-height: 400px;
    align-items: center;
    overflow: hidden;
}
.card-container{
    max-width: 640px;
    margin: -26px 0 55px;
}
.title-card{
    font-weight: 600;
    font-size: 1.5em;
}

.prev-next a {
    font-size: 1.4em;
    color: #f3943a;
}

.prev-next a:hover {
    color: #e38a35;
}

.read-more {
    color: #f3943a;
    font-size: 1.3em;
    text-decoration: underline;
    font-weight:600;
    letter-spacing: .8px;
}

.read-more:hover {
    color: #e38a35;
}

.blog-pic {
    object-fit: contain;
    width: 100%;
    height: auto;
    background-position: center center;
}

article {
    display: flex;
    flex-direction: column;
    margin: auto;
}

.pagination-container {
    font-size: 1.5em;
    margin: auto;
    padding: 40px 0;
}

.page-numbers {
    color: #000464;
    padding: 10px;
}

.page-numbers.current {
    color: #f5f6f7;
    background-color: #000464;
    padding: 2px 10px;
}

.nav-posts {
    display: flex;
    font-family: SourceSans-SemiBold, sans-serif;
    width: 100%;
    justify-content: center;
}

.single-blog-page {
    background-color: #EBEFF6;
    border: 1px solid #000464;
    width: 60%;
    margin: 0 auto 40px;
    padding: 50px 0;
    color: #020467;
}

.single-blog-title {
    font-size: 2.8em;
    margin-top:50px;
    padding: 0 10px;
}

.posted-by {
    font-size: 1.1em;
    font-family: SourceSans-Regular, sans-serif;
}
.back-single-top{
    position: absolute;
    left:70px;
    top:185px;
    color: #000464;
}
.back-single-top:hover{
    color: #f89e49;
}

.back-blog-link {
    font-size: 1.5em;
    font-weight: 600;
    color: #000464;
    text-align: left;
    width: auto;
}

.back-blog-link:hover {
    color: #f89e49;
}

.single-blog-content {
    display: flex;
    justify-content: center;
    text-align: left;!important;
    margin: 70px auto;
    padding-bottom: 40px;
}
.wp-block-heading{
    font-weight:600;
    letter-spacing: .5px;
    padding-top:20px;
}

.text-content {
    padding-top: 13px;
    margin: auto;
    max-width: 80%;
    text-align: left!important;

}

.custom-single-post-thumbnail {
    width: 100%;
    max-height: 400px;
    margin: 35px auto 55px;
    object-fit: contain;
    background-position: center center;

}

.featured-image img {
    max-width: 1%;
    display: none;
}


/************ Services ************/
.content-services {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 45px;
}

.content-services p {
    width: 50%;
    font-size: 1.5em;
}

.service-subtitle {
    text-align: center;
    font-size: 2.9em;
    font-family: 'SourceSans-Bold', sans-serif;
    padding-top: 36px;
}

.service-option {
    width: 343px;
}

.service-option-container {
    width: 100vw;
}

.icon-service-option {
    margin-bottom: 20px;
}

.header-service {
    background: linear-gradient(190deg, rgba(179, 194, 255, 0.896796218487395) 0%, rgba(212, 222, 241, 1) 11%, rgba(245, 246, 247, 1) 41%, rgba(245, 246, 247, 1) 100%, rgba(245, 246, 247, 1) 100%);

}

.back-service-link {
    color: #000464;
    margin-left: 30px;
}

.back-service-link:hover {
    color: #f89e49;
}

.service-check-container {
    padding: 40px 50px 50px;
    justify-content: space-around;
}

.service-check {
    padding: 20px 15px;
    /*background: linear-gradient(158deg, rgba(222, 233, 252, 1) 0%, rgba(235, 239, 246, 1) 46%, rgba(242, 244, 247, 1) 100%);*/
    box-shadow: 0px 0px 6px -2px rgba(0, 0, 0, 0.55);
    width: 500px;
    background-image: url("./assets/images/wave_background_small.png");
    background-size: cover;
}

.service-check-title{
    font-size: 1.6em;
    color:#e6eff7;
    font-family: SourceSans-SemiBold,sans-serif;
}

.service-check-text {
    padding: 0 30px 0 0;
    color: #e6eff7;
}
.title {
    font-size: 2.5em;
}
.title.smaller-title{
    font-size: 2.5em;
}

/************ CAREERS ****************/

.careers-wrapper {
    display: flex;
    justify-content: flex-start;
}

.careers-container {
    width: 80%;
    padding-left: 200px;
    font-family: SourceSans, sans-serif;
}

/** rooster default styling **/

.rooster-search {
    padding: 0.6rem 1rem;
    max-width: 700px;
    background-color: #f5f6f7;
    border: 1px solid rgba(0, 4, 100, .5);
    border-radius: 15px;
}

.rooster-search::placeholder {
    font-family: SourceSans-Regular, sans-serif;
    color: rgba(0, 4, 100, .7);
    font-size: 1.1em;
}

.rooster-job {
    background: linear-gradient(158deg, rgba(222, 233, 252, 1) 0%, rgba(235, 239, 246, 1) 46%, rgba(242, 244, 247, 1) 100%);
    padding: 1.4rem;
    margin-top: 15px;
}

.rooster-job:not(:last-child) {
    border-bottom: 1px solid #EEEEEE;
}

.rooster-job a {
    color: rgba(0, 4, 100, 1);
    text-decoration: none;
}

.rooster-job h3 {
    padding: 0;
    margin: 0 0 0.4rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none;
}

.rooster-job h4 {
    padding: 0;
    margin: 0;
    display: block;
    font-size: 0.9rem;
    font-family: SourceSans-SemiBold, sans-serif;
}

.rooster-department-header {
    font-size: 1.4rem;
    margin: 0px;
    padding: 2rem 0rem 0rem;
    color: #000464;
}

.rooster-department-header h3 {
    margin-bottom: 0px;
    font-family: SourceSans-Bold, sans-serif;
}

.rooster-job .data-row {
    padding: 0rem 0rem 0.4rem 0rem;
    font-size: 1.08rem;
}

.rooster-job .inline-value {
    padding-right: 0.6rem;
    margin-right: 0.6rem;
    color: rgba(10, 10, 10, 1);
    font-family: SourceSans-Regular, sans-serif;
}

.rooster-job .inline-value:not(:last-child) {
    border-right: 1px solid rgba(10, 10, 10, 0.1);
}

.rooster-job .chip {
    margin-right: 10px;
    font-size: 0.8em;
    color: #FFFFFF;
    border: none !important;
    padding: 5px 5px;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 1em;
    background: rgb(239 170 31 / 75%);
}


/************* ABOUT ***************/

.group-photo {
    max-width:1030px;
    overflow: hidden;
}

.group-photo-container{
    height: fit-content;
    margin-top: auto;
    overflow: hidden;
}
.h2-about{
    font-size: 2.9em;
}
.h2-who-about{
    font-size: 2.6em;
}

.about-group-section {
    background: linear-gradient(180deg, rgba(127, 128, 129, 1) 0%, rgba(64, 65, 65, 1) 0%, rgba(0, 0, 0, 1) 9%);
    -webkit-box-shadow: -1px -4px 32px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px -4px 32px 2px rgba(0, 0, 0, 0.75);
    box-shadow: -1px -4px 32px 2px rgba(0, 0, 0, 0.75);
}

.personal-pic {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    border: 1px solid #27528a;
    margin: auto;
}

.about-us-text {
    padding-left: 18px;
    border-left: 2px solid #27528a;
}
.about-us-content-left p {
    margin-bottom: 0;
    font-family: SourceSans-Regular, sans-serif;
}

.about-us-text p {
    font-size: 1.4em;
}

.about-us-content {
    padding: 30px 100px;
}

.about-us-content-left {
    width: 70%;
}

.who-about-section {
    background: linear-gradient(259deg, rgba(222, 227, 249, 1) 0%, rgba(235, 239, 246, 0.8) 28%, rgba(245, 246, 247, 1) 49%, rgba(235, 239, 246, 0.8) 73%, rgba(222, 227, 249, 1) 99%);
}

.person-description {
    font-size: 1em;
    width: 46%;
    font-family: SourceSans-Regular, sans-serif;
}

.about-who-br{
    display:none;
}
.name-title{
   font-size: 2em;
}
.subname-title{
    color:#1b21a4;
}
/************ Contact *************/

.contact-form-container {
    padding: 130px 0 80px 0;
    background-color: #000464;
    border-radius: 10px;
    margin: 120px 0 80px 80px;
    overflow: hidden;
    /*box-shadow: -1px -1px 28px -7px rgba(0,0,0,0.65);*/
}

.avatar-contact {
    max-width: 77%;
}
.avatar-contact-mobile{
    display: none;
}

.contact-form-container h2, .contact-form-container .h2 {
    margin: 20px 0 50px;
    color: #f5f6f7;
    font-weight: 800;
    font-size: 2.5em;
}

.contact-form-container textarea {
    height: 14rem !important;
    border-radius: 10px;
    margin-top: 8px;
    padding: 8px;
    background-color: #EBEFF6;
    border: none;
    border-bottom: 3px solid #6e8aa0;
    max-width: 560px;
    color: #000464;
}

.contact-form-container textarea:focus {
    outline: none !important;
}

.contact-form-container label {
    color: #f5f6f7;
    font-family: SourceSans-SemiBold, sans-serif;
    font-size: 1em;
}

.contact-form-container .wpcf7-text {
    height: 3rem;
    border: none;
    border-radius: 10px;
    margin: 8px 0 15px;
    background-color: #EBEFF6;
    border-bottom: 2px solid #6e8aa0;
    max-width: 550px;
    padding-left: 15px;
    color: #000464;
}

.wpcf7 form .wpcf7-response-output {
    border-radius: 10px;
    color: #EBEFF6;
}

.contact-form-container .wpcf7-text:active {
    border: none;
}

.contact-form-container .wpcf7-text:focus {
    outline: none !important;
}

    .contact-form-container {
        padding: 0;
    !important;
    }


.contact-form-container .wpcf7-submit {
    color: rgb(252, 246, 239);
    background-color: #f89e49;
    border-color: rgb(230, 122, 7);
    border-radius: 10px;
    padding: 0.2rem 1.7rem;
    margin-top: 35px;
}

.contact-form-container .wpcf7-submit:hover {
    background-color: #dd7e24;
    border-color: rgb(249, 156, 56);
}



.contact-link {
    color: #F0F8FF;
    margin-right: 30px;
}

.contact-link:hover {
    color: #f89e49;
}

.contact-header{
    /*background: linear-gradient(190deg, rgba(179, 194, 255, 0.896796218487395) 0%, rgba(212, 222, 241, 1) 11%, rgba(245, 246, 247, 1) 41%, rgba(245, 246, 247, 1) 100%, rgba(245, 246, 247, 1) 100%);*/
    display: flex;
    justify-content: center;
    color: #F0F8FF;
}
.contact-header-wrapper{
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}

.left-contact {
    display: flex;
    flex-direction: column;
    padding-bottom: 80px;
    flex:1;
    padding-left:110px;
}
.right-contact {
    display: flex;
    flex-direction: column;
    padding-bottom: 80px;
    flex:.8;
}

.details-container-right {
    width: 90%;
    font-size: 1.08em;
}
.details-container-left {
    font-size: 1.08em;
}

.left-form-contact{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding-bottom: 80px;
}

.right-contact-text {
    width: 73%;
}
.contact-form-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding-bottom: 80px;
}

.right-title {
    font-size: 3em;
}

/************ FAQ ****************/

.faq-intro-text{
    width: 55%;
    font-size: 1.4em;
    padding-top:40px;
}

.faq-subtitle{
    font-size: 1.1em;
    font-family:'SourceSans-Regular',sans-serif;
    color: #F0F8FF;
}
.faq-avatar{
    max-width: 32%;
    padding-right: 60px;
}
.accordion {
    outline: none;
    width: 73%;
    padding: 65px 0 65px 12rem;
}

.accordion-item {
    border: none;
}
.accordion-item:first-of-type .accordion-button{
    border-radius: 0;
}
.accordion-item:last-of-type .accordion-button{
    border-radius: 0;
}
.accordion-header {
    border: 1px solid rgba(39, 82, 138, .5);
}

.accordion-button {
    font-family: SourceSans-SemiBold, sans-serif;
    font-size: .9em;
    background-color: #000464;
    color: #e6eff7;
    outline: none;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e6eff7'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.accordion-body {
    border: 1px solid rgba(39, 82, 138, .5);
    border-top: none;
    background-color: #f5f6f7;
}

.accordion-button:not(.collapsed) {
    outline: none;
    background-color: #000464;
    color: #e6eff7;
    /*background: linear-gradient(158deg, rgba(222, 233, 252, 1) 0%, rgba(235, 239, 246, 1) 86%, rgba(242, 244, 247, 1) 100%);*/
}

.accordion-button:not(.collapsed)::after {
    font-size: 2em;
    color:#e6eff7;
}

.accordion-button:focus {
    outline: none;
    border-color: rgba(0, 0, 0, .125);
    border: none;
    box-shadow: none;
}

.accordion-body {
    font-family: SourceSans-Regular, sans-serif;
    font-size: 1.3em;
}

/************ NAVBAR **************/

.navbar {
    background-color: #f5f6f7;
    -webkit-box-shadow: 0px 2px 18px -14px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 2px 18px -14px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 2px 18px -14px rgba(0, 0, 0, 0.75);
}

.nav-container {
    max-width: 100%;
}

ul#menu-nav-menu {
    display: flex;
    flex-direction: row;
}

ul#menu-nav-menu li {
    font-family: 'SourceSans', sans-serif;
    font-size: 1.6em;
    font-weight: 500;
    padding: 15px 60px 0 0;
    list-style-type: none;
}
.services-group{
    padding: 15px 35px 0 0;
}
.services-nav{
    font-family: 'SourceSans', sans-serif;
    font-size: 1.6em;
    font-weight: 500;
    color: rgba(47, 46, 65, .8);
    transition: color 0.2s;
}
.services-nav:hover{
    color: #f89e49;
}
.dropdown-toggle::after{
    display: none;
}
.btn-group.services-group .dropdown-menu{
    font-size: 1.4em;
    font-family: 'SourceSans-Regular',sans-serif;
}
.dropdown-toggle-split{
    background-color: transparent;
}
.services-group .dropdown-menu .dropdown-item{
    color: rgba(47, 46, 65, .8);
    padding-top: 10px;
    transition: color 0.2s;
}
.services-group .dropdown-menu .dropdown-item:hover{
    color: #f89e49;
}
.services-group .dropdown-menu .dropdown-item:active{
    background-color: #F5F6F7!important;
    color:#f89e49;
}

@media (hover: hover) and (pointer: fine) {
    .btn-group.services-group:hover .dropdown-menu,
    .btn-group.services-group:focus-within .dropdown-menu {
        display: block;
        margin-top:35px;
    }
}
.dropdown-toggle-split{
    border:none;
}

ul#menu-nav-menu li a {
    color: rgba(47, 46, 65, .8);
    transition: color 0.2s;
}

ul#menu-nav-menu li a:hover {
    color: #f89e49;
}

/* Styles for sub-menu items */
ul#menu-nav-menu li .nav-sub-item {
    padding-left: 15px !important;
    font-size: 1.4em !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: #F5F6F7;
}

/************ FOOTER **************/

.footer {
    color: #faf9f8;
    padding-left: 8px;
}

.footer-title {
    font-size: 1.6em;
}

.footer-logo {
    margin-top: -35px;
    margin-left: -20px;
}

.menu {
    padding-left: 0;
}

.links ul {
    list-style-type: none;
}

.links li a {
    color: rgba(255, 255, 255, 0.6);
    transition: color 0.2s;
    font-size: 1.4em;
    padding-top: 15px;
}

.links li a:hover {
    text-decoration: none;
    color: #f89e49;
}

.about-company i {
    font-size: 25px;
}

.location i {
    font-size: 14px;

}
.footer-intro-text{
    color: rgba(255, 255, 255, 0.6);
}
.sub-contact {
    color: rgba(255, 255, 255, 0.6);
    transition: color 0.2s;
    font-size: 1.3em;
    padding-top: 5px;
}

.sub-contact:hover {
    color: rgba(248, 158, 73, 1);
}
.download-pdf{
    color: rgba(255, 255, 255, 0.85);
    transition: color 0.2s;
    font-size: 1.3em;
    padding-top: 5px;
}
.download-pdf:hover {
    color: rgba(248, 158, 73, 1);
}
.copyright p {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.copyright-D {
    color: rgba(255, 255, 255, 0.3);
    font-size: .7em;
}

.copyright-D-a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.3);
}

.copyright-D-a:hover {
    color: rgba(255, 255, 255, 0.5);
}


/************* @media ****************/

@media (max-width: 1800px) {
    .group-photo {
        max-width:960px;

    }
}
@media (max-width: 1774px) {
    .front-h1 {
        font-size: 2.5em;
    }
}
@media (max-width: 1700px) {
    .h2-title-form {
        font-size: 2.3em;
    }
    .right-contact-text {
        width: 78%;
    }
    .about-br{
        display: none;
    }
}
@media (max-width: 1650px){
    .front-single-service-avatar{
        margin: 0 110px 0 0;
        width: 25%;
    }
    .group-photo {
        width: 882px;
        margin: 100px 0px 0 0;
    }
    .key-items{
        width: 85%;
    }
    .faq-intro-text{
        font-size: 1.2em;
    }
    .faq-btn{
        font-size: 1.2rem;
    }
}


@media (max-width: 1600px) {
    .right-contact-text {
        width: 85%;
    }
    .font-avatar-container{
        display: flex;
        justify-content: center;
    }
    .front-avatar {
        width: 52%;
    }

    .front-service-avatar {
        margin-right: 110px;
        width: 25%;
    }

    .avatar-contact {
        max-width: 87%;
    }
    .content-front{
        width:65%;
    }
}
@media (max-width: 1561px) {
    .why-check-container{
        padding-left: 50px;
    }
    .footprint-container{
        padding-right: 50px;
    }
    .header-subtitle-about {
        font-size: 1em;
    }
    .about-header-text {
        padding: 30px 0 60px;
    }
    .faq-intro-text{
        width: 60%;
    }
}

@media (max-width: 1537px) {
    .title.smaller-title{
        font-size: 2.1em;
    }
}

@media (max-width: 1521px) {

    .header-subtitle-about {
        font-size: 1em;
    }
    .group-photo {
        width: 796px;
    }
}

@media screen and (max-width: 1490px) {
    .key-items {
        width: 90%;
    }

    .front-h1 {
        font-size: 2.3em;
    }
}

@media (max-width: 1450px) {
    .about-br {
        display: block;
    }
}

@media (max-width: 1425px) {
    .header-subtitle-about {
        font-size: .9em;
    }
    .intro-text {
        width: 78%;
    }
    .intro-text.about-header-text{
        width:48%;
        padding: 50px 0;
    }
    .header-subtitle-careers p{
        font-size: 1em;
        width:69%;
    }
}

@media (max-width: 1400px) {

    .h2-title-form {
        font-size: 2em;
    }
    .accordion{
        padding-left: 9rem;
    }
    .accordion-button{
        font-size: .8em;
    }
    .accordion-body{
        font-size: 1.2em;
    }
    .services-header{
        padding: 100px 0;!important;
        margin: 0;
    }
    .single-service-header{
        padding: 30px 0;!important;
        margin: 0;
    }
    .service-content {
        font-size: .75em;
    }
    .about-br {
        display: none;
    }
}



@media screen and (max-width: 1370px){
    .h2-title-center {
        font-size: 2.1em;
    }

    ul#menu-nav-menu li {
        font-size: 1.4em;
    }

    .services-nav {
        font-size: 1.4em;
    }
    .btn-group.services-group .dropdown-menu{
        font-size: 1.2em;
    }
    .faq-avatar{
        padding-right: 0;
    }
}

@media (max-width: 1480px) {
    .image-worldmap {
        max-width: 650px;
        margin-top: 50px;
    }

    .why-check {
        font-size: .88em;
        max-width: 100%;
    }

    .footprint-country {
        padding-left: 50px;
    }

    .footprint-us {
        width: auto;
        font-size: .9em;
    }

    .footprint-uk {
        width: auto;
        font-size: .9em;
    }

    .about-us-content-left {
        width: 79%;
    }

    .about-us-content-left p {
        font-size: 1.3em;
    }
    .single-blog-page {
        width: 70%;
    }
}

@media screen and (max-width: 1375px) {

    .header-subtitle {
        font-size: 1.1em;
    }
    .services-subtitle{
        font-size: 1.1em;
    }

    .key-items {
        width: 100%;
    }

    .avatar {
        width: 40%;
    }

    .cta-container {
        padding: 80px 100px;
    }

    .pricing-intro {
        padding: 60px 100px 40px;
    }

    .service-check {
        padding: 20px 15px;
        width: 100%;
    }

    .service-check-container {
        padding: 20px 10px 50px;
    }

    /*.service-price{*/
    /*    padding: 20px 40px;*/
    /*}*/
    .content-front {
        width: 70%;
        font-size: .95em;
    }

    .front-service-avatar {
        width: 30%;
    }
    .front-single-service-avatar{
        width: 30%;
    }

    .service-content p {
        font-size: 1.15em;
    }

    .service-check-text {
        padding:0;
        font-size: 1.2em;
    }
    .service-check-title{
        font-size: 1.3em;
    }
    .person-description-text {
        font-size: 1.12em;
    }
    .person-description {
        width: 50%;
    }
    .personal-pic {
        width: 250px;
        height: 250px;
    }
    ul#menu-nav-menu li .nav-sub-item {
        font-size: 1.25em !important;
    }
    .accordion {
        width: 76%;
    }
    .content-services p {
        width: 60%;
        font-size: 1.3em;
    }
    .content-services {
        padding-bottom: 50px;
    }
    .text-service-option {
        font-size: 1.2em;
    }
    .left-contact {
        padding-bottom: 80px;
        padding-left:70px;
    }
    .details-container-right {
        width: 90%;
        font-size: 1em;
    }
    .details-container-left {
        font-size: 1em;
    }
    .title {
        font-size: 2.2em;
    }
    .title.smaller-title{
        font-size: 2.1em;
    }
    .group-photo{
        max-width: 780px;
    }
    .front-avatar {
        width: 60%;
    }
}

@media (max-width: 1369px) {
    .footprint-us {
        /*width: 40%;*/
    }

    .footprint-uk {
        width: 45%;
    }

    .service-option {
        width: 293px;
    }
    .intro-text.about-header-text {
        padding: 35px 0;
    }

}


@media (max-width: 1300px) {
    .why-check {
        font-size: .8em;
    }
    .why-check-container{
        padding-left:10px;
    }
    .image-worldmap {
        max-width: 500px;
    }
    .details-container-right {
        width: 100%;
    }
    .contact-form-container {
        margin: 120px 0 80px 32px;
    }
    .right-contact-text {
        width: 90%;
    }
    .group-photo{
        max-width:737px;
    }

}
@media (max-width: 1275px) {
    .front-h1.about-title{
        font-size: 2em!important;
    }
}

@media (max-width: 1265px) {
    .group-photo {
        width: 800px;
    }

    .right-title {
        font-size: 2.7em;
    }
    .contact-header-wrapper{
        width: 100%;
    }
    .details-container-left{
        font-size: .9em;
    }
    .details-container-right{
        font-size: .9em;
    }
    .single-blog-title{
        font-size: 2.5em;
    }
    .intro-text.about-header-text {
        width: 50%;
        padding: 10px 0 30px;
    }
}

@media (max-width: 1230px) {
    .contact-form-container .wpcf7-text {
        max-width: 378px;
    }

    .contact-form-container textarea {
        max-width: 378px;
    }
    .group-photo{
        max-width: 672px;
        }

}

@media (max-width: 1200px) {
    .right-title {
        padding-right: 0 !important;
    }
    .title {
        font-size: 2.1em;
    }
    br.br-front-title{
        display: none;
    }
    .key-item-title{
        font-size: 1.7em;
    }
    .key-item-text{
        font-size: 1.2em;
    }
    .front-page-header{
        padding: 67px 0 100px;
    }
}

@media (max-width: 1199px) {
    .header-subtitle-about {
        font-size: .9em;
        padding: 5px 0 20px 15px;
    }
}

@media (max-width: 1362px) {

    .front-service-avatar {
        width: 27%;
    }
    .front-single-service-avatar{
        width: 27%;
    }
}

@media (max-width: 1174px) {
    .h2-title-form {
        font-size: 1.7em;
    }
    .front-h1.about-title {
        font-size: 2em;
    }
}

@media only screen and (max-width: 1140px) {
    .header {
        flex-direction: column;
        padding: 0;
        justify-content: center;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    .careers-header{
        padding: 22px 50px;
    }
    .header.about-header{
        text-align: center;
    }
    .wave-background{
        background-size: auto;
    }
    .front-page-header{
        flex-direction: column;
        padding: 20px 10px;
    }

    .details-container-left {
        padding-left: 0;
    }

    .group-photo {
        margin: 0 auto;
    }
    .front-h1.about-title {
        font-size: 2.3em!important;
    }
    .header-subtitle-about {
        font-size: 1em;
        width: 80%;
        margin: auto;
        padding: 10px 0 25px;
    }

    ul#menu-nav-menu li {
        font-family: 'SourceSans', sans-serif;
        font-size: 1.4em;
        font-weight: 500;
        padding: 15px 25px 0 0;
        list-style-type: none;
    }
    .services-group{
        padding: 15px 11px 0 0;
    }

    .single-blog-page {
        width: 90%;
    }

    .front-avatar {
        width: 35%;
        margin: 0 auto;
        padding: 30px 0;
    }

    .front-service-avatar {
        width: 28%;
        margin: 0;
    }
    .front-service-avatar.front-careers-avatar{
        margin: auto;
        width: 38%;
        padding-top: 25px;
    }
    .header-subtitle-careers p{
        width:80%;
        margin: auto;
        padding-bottom:25px;
    }
    .services-btn.careers-btn{
        justify-content: center;
    }
    .front-single-service-avatar{
        width: 38%;
        margin: 0;
    }

    .avatar {
        width: 52%;
        margin: auto;
    }

    .intro-text {
        width: 100%;
        text-align: center;
        margin: auto;
    }

    /*.services-header{*/

    /*}*/
    .services-btn{
        display: flex;
        width: 100%;
        margin: 0;
        padding-left:15px;
    }

    .header-btn {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 30px 0 0 0;
    }

    .title.smaller-title{
        font-size: 1.8em;
    }
    .accordion {
        width: 80%;
        padding-left: 0;
        margin: auto;
    }
    .intro-text.about-header-text {
        width: 85%;
        padding:0;
    }

}

@media (max-width: 1081px) {
    .left-contact {
        padding-left:0;
    }
    .faq-header{
        flex-direction: column;
        padding: 0;
        justify-content: center;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    .faq-btn-container{
        justify-content: center;
    }
    .faq-intro-text {
        width: 100%;
        text-align: center;
    }
    .faq-avatar {
        margin: auto;
        padding-top: 50px;
    }
}

@media (max-width: 1038px) {
    .image-worldmap{
        max-width: 430px;
    }
    .blog-h1{
        font-size: 2.9em!important;
    }
}


@media only screen and (max-width: 1009px) {

    .contact-form-container {
        padding: 50px 10px 40px 10px;
        margin: 0;
    }

    .service-check {
        padding: 20px 15px;
    }

    .about-us-content {
        padding: 10px 40px;
    }

    .content-services p {
        width: 80%;
        font-size: 1.5em;
    }
}

@media (max-width: 991px) {
    .footer-title-contact {
        margin-top: 10px;
    }

    .links li a {
        font-size: 1.2em;
    }

    .sub-contact {
        font-size: 1.1em;
    }
    .download-pdf{
        font-size: 1.2em;
    }

    .footer-intro-text {
        font-size: 1.2em;
    }
    .why-footprint-section {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .footprint-container {
        padding: 0;
        text-align: center;
    }

    .image-worldmap {
        max-width: 637px;
    }

    .why-check-container {
        padding: 60px 0 0;
    }
    .footprint-country{
        padding-left:0;
    }

    .footprint-us {
        padding-top: 35px;
        width: 70%;
    }

    .why-check {
        max-width: 630px;
        font-size: .9em;
    }
    .intro-text-services {
        max-width: 550px;
    }
    .intro-text-single-service{
        max-width: 550px;
    }
}
@media (max-width: 1062px) {
    .h2-title-form {
        font-size: 1.5em;
    }
    .right-contact-text {
        width: 98%;
        font-size: 1.2em;
    }
}
@media (max-width: 1010px){
    .bottom-contact-container{
        padding: 30px 15px;
    }
    .single-blog-title{
        font-size: 2.2em;
    }
}

@media only screen and (max-width: 990px) {

    ul#menu-nav-menu {
        flex-direction: column;

    }
    .btn-group, .btn-group-vertical {
        display: block;
    }
    .btn-group.services-group .dropdown-menu{
        max-width: 400px;
    }
    .services-group .dropdown-menu .dropdown-item{
        padding-top: 7px;
    }

    .bottom-header {
        flex-direction: column;
        padding: 0;
        justify-content: center;
        border-radius: 0;
        -webkit-border-radius: 0;
    }

    .text-avatar {
        flex-direction: column;
        padding: 0;
        justify-content: center;
    }

    .key-items {
        flex-direction: column;
        text-align: center;
        margin-bottom: 40px;
        max-width: 442px;
        align-items: center;
    }

    .cta {
        text-align: center;
    }

    .service-check-container {
        flex-direction: column;
        max-width: 460px;
        align-items: center;
        margin: auto;
    }

    .service-check {
        margin-top: 20px;
        padding: 15px;
    }
    .service-check-title{
        font-size: 1.5em;
    }
    .service-check-text {
        font-size: 1.25em;
    }

    .content-front {
        width: 80%;
        font-size: .9em;
        text-align: center;
    }

    .accordion {
        width: 95%;
    }

    .accordion-button {
        font-size: .8em;
    }

    .accordion-body {
        font-size: 1.2em;
    }

    .about-us-content-left {
        width: 89%;
    }

    .about-us-content-left p {
        font-size: 1.3em;
    }

    .cta-button {
        font-size: 1.16rem;
        padding: 5px 10px;
    }
    .front-cta-button{
        font-weight: 400;
        font-size: 1.16rem;
        letter-spacing: .05rem;
        max-width: 140px;
        padding: 5px 10px;
    }
    .why-title{
        margin-bottom:35px;
    }
    .services-subtitle{
        font-size: 1em;
    }
    .service-content {
        width: 100%;
    }
    .faq-avatar {
        max-width: 42%;
    }
}

@media (max-width: 923px) {
    .bottom-contact-container {
        flex-direction: column-reverse;
        padding-top: 40px;
    }
    .contact-form-text {
        padding-bottom: 32px;
    }
    .right-contact-text {
        width: 88%;
        font-size: 1.2em;
        text-align: center;
        display: flex;
    }
    .h2-title-form {
        font-size: 1.9em;
        text-align: center;
    }
    .avatar-contact {
        display: none;
    }
    .avatar-contact-mobile{
        display: block;
        max-width: 60%;
        margin-top: 40px;
    }
    .contact-form-container .wpcf7-text {
        max-width: 410px;
    }
    .blog-header{
        padding: 63px 0;
    }

}

@media (max-width: 850px) {
    .careers-container {
        width: 95%;
        padding: 40px 0 50px 20px;
    }
    .intro-text-services {
        max-width: 450px;
    }
    .intro-text-single-service{
        width: 100%;
    }
    .right-contact {
        flex: 1;
    }
    .single-service-header{
        flex-direction: column;
        padding: 0;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-radius: 0;
        -webkit-border-radius: 0;
    }

    .service-check-title{
        font-size: 1.4em;
    }
    .service-check-text {
        font-size: 1.15em;
    }
    .front-single-service-avatar{
        width: 40%;
    }
    .title {
        font-size: 2em;
        margin-top: 20px;
    }
}

@media (max-width: 767.98px) {

    .price-packages-container {
        flex-direction: column;
    }

    .pricing-section {
        background: #f5f6f7;
    }

    .single-blog-page {
        width: 97%;
        padding-top:0;
    }
    .content-services p {
        font-size: 1.2em;
    }
    .contact-form-container .wpcf7-text {
        max-width: 410px;
    }

    .contact-form-container textarea {
        max-width: 410px;
    }
    .single-blog-title{
        font-size: 1.9em;
    }
    .custom-single-post-thumbnail {
        height: auto;
        margin: 15px auto 20px;
    }
    .back-single-top{
        display: none;
    }
    .wave-background-footer{
        background-size: cover;
    }
    .front-avatar {
        padding-top: 45px;
        width: 38%;
    }
}

@media (max-width: 741px) {
    .contact-header-wrapper{
        flex-direction: column-reverse;
        align-items: start;
        padding-left: 50px;
    }
    .left-contact {
        padding-bottom: 30px;
    }
    .right-contact {
        padding-bottom: 30px;
        max-width: 426px;
        margin-top: 40px;
    }

}

@media (max-width: 718px){
    .intro-text-services {
        max-width: 445px;
        text-align: center;
    }
    .services-header {
        flex-direction: column;
        padding: 22px 0;
        justify-content: center;
        align-items: center;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    .services-btn {
        display: flex;!important;
        justify-content: center;
        padding: 0;
    }
}

@media (max-width: 703px) {
    .content-column {
        flex: 1;
        padding: 15px 0 15px 16px;
    }

    .image-worldmap {
        max-width: 100%;
    }

    .about-us-content-left {
        width: 95%;
    }

    .about-us-text p {
        font-size: 1.2em;
    }

    .right-contact-text {
        width: 90%;
    }
    .front-service-avatar.front-careers-avatar {
        width: 55%;
    }
}

@media only screen and (max-width: 650px) {
    .dot{
        font-size: 1.1em;
    }
    .header {
        padding: 10px;
    }
    .header.about-header{
        padding: 10px 0 0;
    }
    .contact-header{
        padding: 10px;
    }

    .header-bottom {
        padding-top: 10px;
    }

    .avatar {
        width: 82%;
    }

    .front-avatar {
        width: 60%;
        margin-top: 20px;
        padding-bottom: 40px!important;
    }

    .front-service-avatar {
        width: 60%;
    }

    .cta {
        padding: 25px 60px;
    }

    .nav-container {
        max-width: 100%;
    }

    .content-services p {
        width: 93%;
    }

    .cta-container {
        padding: 60px 15px 60px;
    }
    .cta-title{
        font-size: 2em;
    }
    .cta-text{
        font-size: 1.2em;
    }
    .cta-subtitle{
        font-size: 1.9em;
    }

    .pricing-intro {
        padding: 20px 15px 20px;
    }

    .text-service-option {
        font-size: 1.2em;
        display: flex;
        align-self: start;
    }

    .content-services {
        padding-bottom: 20px;
    }

    .service-check-container {
        padding: 20px 10px 60px;
    }

    .prices-service {
        flex-direction: column;
    }

    .content-front {
        width: 99%;
    }

    .front-h1 {
        font-size: 1.95em;
    }


    .back-service-link {
        margin-left: 0;
    }

    .about-intro-section {
        flex-direction: column;
    }

    .about-us-content {
        padding: 20px 5px;
    }
    .about-who-br{
        display: block;
    }
    .group-photo {
        width: 97%;
    }

    .one-person {
        flex-direction: column;
    }

    .person-description {
        width: 95%;
        text-align: center;
        padding-top: 15px;
    }

    .first-person {
        padding-left: 0;
    }

    .text-content {
    max-width: 90%;
    }

    .posted-by {
        font-size: .8em;
    }

    .back-blog-link {
        font-size: 1.5em;
        padding-bottom: 12px;
    }

    .service-option {
        width: 91%;
    }
    .right-contact-text {
        width: 89%;
    }
    .card-container{
        margin-bottom:30px;
    }
    .faq-subtitle {
        font-size: .9em;
    }
    .header-subtitle-careers p{
        padding-bottom: 5px;
        font-size: .9em;
    }
    .services-btn.careers-btn{
        padding:20px 0;
    }
    .cta-button {
        font-size: 1rem;}
    .faq-avatar {
        max-width: 60%;
    }
}
@media (max-width: 612px) {
    .front-h1.about-title {
        font-size: 1.9em!important;
    }
    .header-subtitle-about {
        font-size: .85em;
        width: 94%;
    }
}

@media (max-width: 592px) {

    .intro-text-services{
        width: 100%;
        text-align: center;
    }
    .intro-text-single-service{
        width: 100%;
        text-align: center;
    }

    .cta-button-services {
        margin: auto;
    }
    .front-service-avatar {
        max-width: 229px;
        margin-top: 20px;
    }
    .front-single-service-avatar{
        width: 50%;
        margin-top: 20px;
    }
}

@media (max-width: 576px) {
    .check-container {
        padding: 23px 0;
    }
    .key-item-title{
        font-size: 1.6em;
    }
    .key-item-text{
        font-size: 1.14em;
    }
    .icon-check{
        width: 54px;
        height: 54px;
        margin-bottom: 20px;
    }
    .h2-title-center {
        font-size: 1.8em;
    }
    .personal-pic {
        width: 190px;
        height: 190px;
    }
    .h2-title-form h2{
        text-align: center;!important;
    }
    .avatar-contact-mobile{
        max-width: 70%;
        margin-top: 40px;
    }
    .contact-form-container .wpcf7-text {
        max-width: 350px;
    }
    .contact-form-container textarea {
        max-width: 350px;
    }
    .contact-form-container {
        padding: 80px;
    }
    .contact-form-container .wpcf7-submit{
        margin-top: 0;
    }
    .blog-h1{
        font-size: 2.5em!important;
    }
    .front-title{
        font-size: 1.8em;
    }
}

@media only screen and (max-width: 550px) {
    .key-item-title{

    }
    .blog-content {
        font-size: 1.1em;
    }

    .blog-subtitle {
        font-size: 1.2em;
    }

    .header-subtitle {
        font-size: 1em;
    !important;
    }

    .key-items {
        max-width: 95%;
    }

    .footprint-us {
        width: 85%;
    }
    .title.smaller-title{
        font-size: 1.5em;
    }
    .h2-about{
        font-size: 2.4em;
    }
    .h2-who-about{
        font-size: 2.3em;
    }
    .about-us-text p {
        font-size: 1.13em;
    }

}

@media (max-width: 470px) {
    .details-container-right {
        width: 89%;
    }

    .right-contact-text {
        font-size: 1.2em;
    }
    .contact-form-container textarea {
        max-width: 312px;
        height: 200px!important;
    }
    .contact-form-container .wpcf7-text {
        max-width: 312px;
        height: 40px!important;
    }
    .bottom-contact-container {
        overflow: hidden;
    }
    .right-contact-text {
        width: 99%;
    }
    .front-single-service-avatar {
        width: 60%;
    }
    .header-subtitle-about {
        font-size: .9em;
        width: 99%;
        margin: auto;
    }
    .text-content {
        max-width: 95%;
    }
    .single-blog-title {
        font-size: 1.6em;
    }
    .text-content p{
        font-size:1.15em;
    }
    .front-h1.about-title {
        font-size: 1.6em!important;
    }
    .header-subtitle-about {
        font-size: .8em;
    }
    .person-description-text {
        font-size: 1em;
        padding: 0 5px;
    }
    .name-title {
        font-size: 1.6em;
    }
    .subname-title{
        font-size: 1.2em;
    }
    .header-subtitle-careers p {
        width: 90%;}

}

@media (max-width: 450px) {
    .group-photo{
        width: 115%;
        margin-left: -27px;
    }
    .group-photo-container{
        background-position: center center;
    }
    .blog-h1{
        font-size: 2.1em!important;
    }
}

@media (max-width: 432px) {
    .title.smaller-title{
        font-size: 1.3em;
    }
    .about-us-content-left {
        width: 100%;
    }
}

@media (max-width: 386px) {
    .footprint-country {
        padding: 10px;
    }

    .footprint-country p {
        font-size: 1.2em;
    }

    .front-h1 {
        font-size: 1.8em;
    }

    .service-subtitle {
        font-size: 2.1em;
    }

    .check-container p {
        font-size: 1.1em;
    }

    .icon-check {
        width: 49px;
        height: 49px;
        margin-bottom: 20px;
    }

    /*.contact-form-container {*/
    /*    width: 65%;*/
    /*}*/

    .avatar-contact {
        max-width: 97%;
    }

    .right-title {
        font-size: 2.4em;
    }
}

@media (max-width: 450px) {
    .service-content {
        font-size: .74em;
    }
    .cta-title{
        font-size: 1.9em;
    }
}
@media (max-width: 425px) {
    .front-h1 {
        font-size: 1.7em;
    }
    .contact-header-wrapper{
        padding: 0;
    }
}

@media (max-width: 383px) {
    .title.smaller-title{
        font-size: 1.5em;
    }
    .front-h1 {
        font-size: 1.5em;
    }
    .blog-h1{
        font-size: 2em!important;
    }
}
@media (max-width: 363px) {

    .TFG-logo{
        width:65px;
        height: 65px;
    }
    .front-avatar{
        width: 80%;
    }
    .intro-text.about-header-text{
        width:95%;
    }
}

@media (max-width: 344px) {
    .contact-link {
        margin-right: 0;
    }

}


@media only screen and (max-width: 318px) {
    .blog-subtitle {
        font-size: 1em;
    }
    .header-subtitle {
        font-size: 1em;
    !important;
    }
    .header-subtitle-careers p {
        font-size: 0.8em !important;
    }
    .contact-form-container textarea {
        max-width: 280px;
        height: 200px!important;
    }
    .contact-form-container .wpcf7-text {
        max-width: 280px;
        height: 40px!important;
    }
}

/*.links{*/
/*ul {list-style-type: none;}*/
/*li a{*/
/*    color: white;*/
/*    transition: color .2s;*/
/*&:hover{*/
/*     text-decoration:none;*/
/*     color:#4180CB;*/
/* }*/
/*}*/
/*}*/
/*.about-company{*/
/*i{font-size: 25px;}*/
/*a{*/
/*    color:white;*/
/*    transition: color .2s;*/
/*&:hover{color:#4180CB}*/
/*}*/
/*}*/
/*.location{*/
/*i{font-size: 18px;}*/
/*}*/
/*.copyright p{border-top:1px solid rgba(255,255,255,.1);}*/
/*}*/