@font-face {

    font-family: 'Graphik';

    src: url('./GraphicFont/Graphik-Semibold.eot');

    src: url('./GraphicFont/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),

        url('./GraphicFont/Graphik-Semibold.woff2') format('woff2'),

        url('./GraphicFont/Graphik-Semibold.woff') format('woff'),

        url('./GraphicFont/Graphik-Semibold.ttf') format('truetype'),

        url('./GraphicFont/Graphik-Semibold.svg#Graphik-Semibold') format('svg');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Graphik';

    src: url('./GraphicFont/Graphik-Light.eot');

    src: url('./GraphicFont/Graphik-Light.eot?#iefix') format('embedded-opentype'),

        url('./GraphicFont/Graphik-Light.woff2') format('woff2'),

        url('./GraphicFont/Graphik-Light.woff') format('woff'),

        url('./GraphicFont/Graphik-Light.ttf') format('truetype'),

        url('./GraphicFont/Graphik-Light.svg#Graphik-Light') format('svg');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Graphik';

    src: url('./GraphicFont/Graphik-Regular.eot');

    src: url('./GraphicFont/Graphik-Regular.eot?#iefix') format('embedded-opentype'),

        url('./GraphicFont/Graphik-Regular.woff2') format('woff2'),

        url('./GraphicFont/Graphik-Regular.woff') format('woff'),

        url('./GraphicFont/Graphik-Regular.ttf') format('truetype'),

        url('./GraphicFont/Graphik-Regular.svg#Graphik-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Graphik';

    src: url('./GraphicFont/Graphik-Medium.eot');

    src: url('./GraphicFont/Graphik-Medium.eot?#iefix') format('embedded-opentype'),

        url('./GraphicFont/Graphik-Medium.woff2') format('woff2'),

        url('./GraphicFont/Graphik-Medium.woff') format('woff'),

        url('./GraphicFont/Graphik-Medium.ttf') format('truetype'),

        url('./GraphicFont/Graphik-Medium.svg#Graphik-Medium') format('svg');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Graphik';

    src: url('./GraphicFont/Graphik-Bold.eot');

    src: url('./GraphicFont/Graphik-Bold.eot?#iefix') format('embedded-opentype'),

        url('./GraphicFont/Graphik-Bold.woff2') format('woff2'),

        url('./GraphicFont/Graphik-Bold.woff') format('woff'),

        url('./GraphicFont/Graphik-Bold.ttf') format('truetype'),

        url('./GraphicFont/Graphik-Bold.svg#Graphik-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Graphik';

    src: url('./GraphicFont/Graphik-Black.eot');

    src: url('./GraphicFont/Graphik-Black.eot?#iefix') format('embedded-opentype'),

        url('./GraphicFont/Graphik-Black.woff2') format('woff2'),

        url('./GraphicFont/Graphik-Black.woff') format('woff'),

        url('./GraphicFont/Graphik-Black.ttf') format('truetype'),

        url('./GraphicFont/Graphik-Black.svg#Graphik-Black') format('svg');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}





* {

    font-family: 'Graphik';

}



a {

    text-decoration: none !important;

}



.container {

    max-width: 1280px;

}

h1{

    font-size: 40px;

}

h2{

    font-size: 32px;

}

h3{

    font-size: 24px;

}

h4{

    font-size: 20px;

}

p{

    font-size: 18px;

}





/* Header Style Start  */

header{

    background: #4065D3;

    box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.20);

    padding: 12px 15px;

}

header .logo a p {

    color: #FEFEFE;

    text-align: center;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.3;

    letter-spacing: 0.8px;

    text-transform: uppercase;

    margin: 0;

}

header .learn-more span {

    color: #FEFEFE;

    font-size: 18px;

    font-style: italic;

    font-weight: 500;

    line-height: 1.2;

    margin: 0;

}

header .learn-more span a {

    color: #FEFEFE;

    font-size: 18px;

    font-style: italic;

    font-weight: 600;

    line-height: 1.2;

    text-decoration: underline !important;

    padding-left: 10px;

}

/* Header Style End  */

/* Banner Style Start  */

.banner {

    background: linear-gradient(178deg, rgba(0, 0, 0, 0.00) 72.45%, rgba(0, 0, 0, 0.20) 83.46%), linear-gradient(262deg, rgba(0, 0, 0, 0.00) 42.91%, rgba(0, 0, 0, 0.50) 59.55%), url(./images/banner.png) lightgray 0px -20.276px / 120.347% 149.765% no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 40px 15px;
    height: 408px;
    position: relative;
  display: flex;
  align-items: flex-end; /* align content to bottom */
  padding-bottom: 60px; /* space from bottom */
  color: white;

}

.banner .title {
    color: var(--White, #FEFEFE);
    font-size: 60px;
    font-family: Graphik;
    font-weight: 500;
    line-height: 60px;
    word-wrap: break-word
}
.banner .subtitle {
    color: var(--White, #FEFEFE);
    font-size: 60px;
    font-family: Graphik;
    font-weight: 600;
    line-height: 60px;
    word-wrap: break-word
}

.banner .rating-image h4 {

    color: #FEFEFE;

    font-size: 20px;

    font-weight: 600;

    line-height: 1.2;

    margin-bottom: 10px;

}

.banner .rating-image img {

    width: 400px;

    max-width: 100%;

}

.banner .heading h1 {

    color: #FEFEFE;

    font-weight: 600;

    line-height: 1.2;

    max-width: 614px;

}

.banner .rating-image {

    margin-bottom: 300px;

}

.banner .banner-button button {

    color: #FEFEFE;

    text-align: center;

    font-family: Graphik;

    font-size: 18px;

    font-weight: 700;

    line-height: 1;

    border: none;

    border-radius: 24px;

    background: #EF6604;

    padding: 13px 21px;

}

/* Banner Style End  */

/* Wallet Style Start  */

.wallet-sec{

    padding: 40px 15px;

}

.wallet-sec .heading{

    padding: 47px 0px;

}

.wallet-sec .heading h2 {

    color: var(--Black, #140505);

    font-weight: 600;

    line-height: 1.2;

    margin-bottom: 40px;

}

.wallet-sec .heading p {

    color: var(--Black, #140505);

    font-weight: 400;

    line-height: 1.2;

    margin-bottom: 40px;

}

.wallet-sec .heading h3 {

    color: var(--Darker-accessible-blue, #4065D3);

    font-size: 24px;

    font-weight: 600;

    line-height: 1.2;

    margin-bottom: 40px;

}

.wallet-sec .heading button {

    border-radius: var(--S, 8px);

    background: var(--Darker-accessible-blue, #4065D3);

    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);

    color: var(--text-light, #FFF);

    text-align: center;

    font-size: 20px;

    font-weight: 600;

    line-height: 1;

    padding: 19px 17px;

}

.wallet-sec .car-image img {

    width: 549px;

    max-width: 100%;

    float: right;

}

/* Wallet Style End  */

/* Rising Costs Style End  */

.rising-cost{

    padding: 40px 15px;

}

.rising-cost .rising-heading h3 {

    color: var(--Black-100, #141414);

    font-size: 24px;

    font-weight: 400;

    line-height: 1.2;

    margin-bottom: 30px;

}

.rising-cost .rising-heading h4 {

    color: var(--Accesible-blue--Toco, #4C6FD9);

    font-size: 20px;

    font-weight: 600;

    line-height: 1.2;

    margin-bottom: 30px;

}

.rising-cost .rising-image img {

    height: 590px;

    width: 100%;

    object-fit: cover;

}

.rising-cost .icon-list{

    margin-bottom: 24px;

}

.rising-cost .icon-head span {

    color: var(--Darker-accesible-blue, #4065D3);

    font-size: 18px;

    font-weight: 600;

    line-height: 1.3;

    margin: 0;

    padding-left: 8px;

}

.rising-cost .list-text p {

    color: var(--Black-100, #141414);

    font-size: 16px;

    font-weight: 400;

    line-height: 1.3;

    margin: 0;

    margin-top: 8px;

}

/* Rising Costs Style End  */

/*   How Its Work Style Start */

.how-its-work {

    padding: 81px 15px 81px;

    overflow: hidden;

}



.how-its-work .how-its-work-content h2 {

    color: #140505;
    font-size: 24px;
    font-family: Graphik;
    font-weight: 600;
    word-wrap: break-word;
    margin-bottom: 40px;

}



.how-its-work .how-its-work-box {

    background: rgba(241, 245, 255, 1);

    border-radius: 10px;

    padding: 20px 59px;

    height: 100%;

}



.how-its-work .how-its-work-box h3 {

    color: rgba(64, 101, 211, 1);

    font-size: 20px;

    font-weight: 600;

    line-height: 1;

    margin: 11px 0px;

}



.how-its-work .how-its-work-box p {

    color: rgba(0, 0, 0, 1);

    font-size: 16px;

    font-weight: 400;

    line-height: 1.4;

    margin: 0;

}



.how-its-work .arrow-one img {

    position: absolute;

    top: 30px;

    right: -47px;

    z-index: 111;

}



.how-its-work .arrow-two img {

    position: absolute;

    bottom: 30px;

    right: -47px;

    z-index: 111;

}



.how-its-work .how-its-work-button a.btn {

    color: rgba(254, 254, 254, 1);

    font-size: 20px;

    font-weight: 700;

    line-height: normal;

    border-radius: 30px;

    background: rgba(239, 102, 4, 1);

    padding: 16px 29px;

    margin-top: 60px;

    box-shadow: none !important;

}



/*   How Its Work  Style End */

/* Toco Work Offer Style Start  */

.toco-work-offer{

    padding: 0px 15px 60px;

}

.toco-work-offer .toco-work-offer_text h2 {

    color: var(--Black-100, #141414);

    font-weight: 600;

    line-height: 1.2;

    margin: 0;

}

.toco-work-offer .toco-work-offer_text p {

    color: var(--Black-100, #141414);

    font-weight: 500;

    line-height: 1.3;

    margin-bottom: 30px;

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_icon img {

    width: 290px;

    position: absolute;

    top: 31px;

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_icon {

    position: relative;

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_table th.powertrain {

    border-radius: 10.587px 0px 0px 0px;

    background: var(--Orange, #FF9313);

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_table th.plus{

    background: var(--Darker-accesible-blue, #4065D3);

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_table th.premium{

    border-radius: 0px 10.587px 0px 0px;

    

    background: #278A2A;

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_table th.powertrain , th.plus , th.premium{

    color: var(--White, #FEFEFE);

    text-align: center;

    font-size: 22px;

    font-weight: 700;

    line-height: 1.5;

    text-transform: uppercase;

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_table tbody tr th {

    color: var(--Black, #010101);

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5;

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_table td.orange {

    border-top: 2.06px solid var(--Orange, #FF9313);

    border-bottom: 2.117px solid var(--Orange, #FF9313);

    border-left: 2.117px solid var(--Orange, #FF9313);

    color: var(--Orange, #FF9313);

    text-align: center;

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_table td.blue {

    color: var(--Orange, #4065D3);

    text-align: center;

    border-top: 2.06px solid var(--Darker-accesible-blue, #4065D3);

    border-right: 2.117px solid var(--Darker-accesible-blue, #4065D3);

    border-bottom: 2.117px solid var(--Darker-accesible-blue, #4065D3);

    border-left: 2.117px solid var(--Darker-accesible-blue, #4065D3);

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_table td.green{

    color: #278A2A;

    text-align: center;

    border-top: 2.06px solid #278A2A;

    border-right: 2.117px solid #278A2A;

    border-bottom: 2.117px solid #278A2A;

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_table .table-striped>tbody>tr:nth-of-type(odd) {

    background: #EEE;

    --bs-table-accent-bg: none;

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_table tbody tr th {

    border-radius: 0px 0px 0px 10.587px;

    border-top: 2.051px solid var(--Gray, #C2C2C2);

    border-bottom: 2.117px solid var(--Gray, #C2C2C2);

    border-left: 2.051px solid var(--Gray, #C2C2C2);

}

 .toco-work-offer .toco-work-offer_card .limit_text p {

    margin: 0 auto;

    color: var(--Black, #010101);

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.3;

    max-width: 1200px;

}



/* All Planes Style End  */

.all-planes{

    padding: 0px 15px 80px;

}



.all-planes .heading h2 {

    color: var(--Darker-accessible-blue, #4065D3);

    text-align: center;

    font-size: 24px;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 40px;

}

.all-planes .heading hr.left-line {

    background: var(--Darker-accesible-blue, #4065D3);

    width: 510px;

    position: absolute;

}

.all-planes .heading hr.right-line {

    background: var(--Darker-accesible-blue, #4065D3);

    width: 510px;

    position: absolute;

    right: 9%;

}

.all-planes .plane-box {

    border-radius: 8px;

    background: linear-gradient(0deg, #F1F5FF 0%, #F1F5FF 100%), #FFF;

    padding: 16px;

    margin-bottom: 20px;

    height: 217px;

}

.all-planes .plane-box h3 {

    color: var(--Darker-accesible-blue, #4065D3);

    text-align: center;

    font-size: 18.919px;

    font-weight: 600;

    line-height: 1.3;

    margin: 10px 0px 12px;

}

.all-planes .plane-box p  {

    color: var(--Black-100, #141414);

    text-align: center;

    font-size: 16.216px;

    font-weight: 400;

    line-height: 1.2;

    margin: 0px ;

}

.all-planes button.btn {

    border-radius: var(--S, 8px);

    background: var(--Darker-accessible-blue, #4065D3);

    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);

    color: var(--text-light, #FFF);

    text-align: center;

    font-size: 20px;

    font-weight: 600;

    line-height: 1;

    padding: 19px 17px;

    margin-top: 20px;

}

/* All Planes Style End  */



/* All Planes Style End  */

.cta{

    background-image: url(./images/cta-image.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 64px 15px 74px;

    position: relative;

}

.cta .text h3 {

    color: var(--White, #FEFEFE);

    text-align: center;

    font-size: 32px;

    font-weight: 600;

    line-height: 1.3;

}

.cta .text p {

    color: var(--White, #FEFEFE);

    text-align: center;

    font-size: 20px;

    font-weight: 400;

    line-height: 1.3;

    margin: 60px 0px;

}

.cta .cta-button button {

    border-radius: var(--S, 8px);

    background: var(--Darker-accessible-blue, #4065D3);

    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);

    color: var(--text-light, #FFF);

    text-align: center;

    font-size: 20px;

    font-weight: 600;

    line-height: 1;

    padding: 19px 17px;

}

.cta .bird-icon {

    position: absolute;

    bottom: 0;

    right: 50px;

}

/* All Planes Style End  */



/* Footer Style STart  */

footer{

    background: #343A40;

    padding: 50px 15px;

}

footer .copy-right p {

    color: #D9DBE1;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.2;

    margin: 0;

}

footer .copy-right a {

    color: #D9DBE1;

    font-size: 14.7px;

    font-weight: 400;

    line-height: 1.2;

}

footer .text p {

    color: #D9DBE1;

    text-align: justify;

    font-size: 12px;

    font-weight: 400;

    line-height: 1.3;

}

/* Footer Style End  */





@media(max-width:1200px){

    .wallet-sec .car-image img {

        width: 900px;

        max-width: 100%;

        float: none;

    }

    .wallet-sec .car-image {

        text-align: center !important;

    }

    .how-its-work .how-its-work-box {

        padding: 20px 20px;

        height: 100%;

    }

    .all-planes .heading hr.left-line, .all-planes .heading hr.right-line {

        display: none;

    }

}

@media(max-width:992px){

    h1 {

        font-size: 36px;

    }

    h2 {

        font-size: 30px;

    }







    header .learn-more span a {

        font-size: 16px;

    }

    header .learn-more span {

        font-size: 16px;

    }

    header .learn-more span a {

        display: block;

    }

    header .logo {

        gap: 15px 15px !important;

    }

    .wallet-sec {

        padding: 0px 15px 0px;

    }

    .rising-cost .rising-image img {

        height: 400px;

        object-position: top center;

        margin-bottom: 40px;

    }

    .rising-cost {

        padding: 40px 15px 0px;

    }

    .how-its-work {

        padding: 60px 15px 50px;

    }

    .how-its-work .how-its-work-box {

        padding: 20px 30px;

        height: auto;

        margin-bottom: 50px;

    }

    .how-its-work .arrow-two img {

        bottom: 6px;

        left: 50px;

        rotate: 119deg;

        z-index: 111;

    }

    .how-its-work .how-its-work-button a.btn {

        margin-top: 10px;

    }

    .all-planes .plane-box {

        height: 190px;

    }

}



@media(max-width:767px){

    .banner .heading h1 {

        font-size: 30px;

    }

    h1 {

        font-size: 32px;

    }

    h2 {

        font-size: 24px;

    }

    p {

        font-size: 16px;

    }

    header .logo a p {

        font-size: 14px;

    }

    header .learn-more span {

        font-size: 14px;

    }

    header .learn-more span a {

        font-size: 14px;

    }

    .banner .rating-image {

        margin-bottom: 160px;

    }

    .banner {

        background: linear-gradient(178deg, rgba(0, 0, 0, 0.00) 72.45%, rgba(0, 0, 0, 0.20) 83.46%), linear-gradient(262deg, rgba(0, 0, 0, 0.00) 0.91%, rgba(0, 0, 0, 0.50) 59.55%), url(./images/mob-sec.png) lightgray no-repeat;

        background-position: 80% 15%;

        padding: 40px 10px;

        background-size: cover;

    }

    /*.banner {*/

    /*    background-position: center right;*/

    /*    padding: 40px 10px;*/

    /*}*/

    .banner-button {

        text-align: start !important;

        margin-top: 10px;

    }

    .banner .rating-image h4 {

        font-size: 18px;

    }

    .wallet-sec .heading h2,.wallet-sec .heading p,.wallet-sec .heading h3 {

        margin-bottom: 20px;

    }

    .wallet-sec .heading {

        padding: 47px 0px 30px;

    }

    .wallet-sec .heading h3 {

        font-size: 22px;

    }

    .wallet-sec .heading button {

        font-size: 18px;

    }

    .wallet-sec {

        padding: 0px 10px;

    }

    .rising-cost .rising-heading h3 {

        font-size: 21px;

    }

    .rising-cost .rising-image img {

        height: 300px;

        object-position: top center;

        margin-bottom: 40px;

    }

    .rising-cost {

        padding: 40px 10px 0px;

    }

    .how-its-work {

        padding: 40px 8px 15px;

    }

    .how-its-work .how-its-work-box {

        padding: 15px 15px;

        height: auto;

        margin-bottom: 40px;

    }

    .how-its-work .how-its-work-content h2 {

        margin-bottom: 20px;

    }

    .how-its-work .arrow-one img {

        bottom: 0;

        right: 70px;

        left: auto;

        rotate: 111deg;

        top: auto;

    }

    .how-its-work .arrow-two img {

        bottom: -7px;

        left: 70px;

        right: auto;

        z-index: 111;

        rotate: 111deg;

    }

    .toco-work-offer .toco-work-offer_card .toco-work-offer_table th.powertrain, th.plus, th.premium {

        font-size: 18px;

    }

    .toco-work-offer .toco-work-offer_card .toco-work-offer_table tbody tr td{

        font-size: 14px;

    }

    .toco-work-offer {

        padding: 0px 10px 60px;

    }

    .all-planes {

        padding: 0px 10px 60px;

    }

    .all-planes .heading hr.left-line ,.all-planes .heading hr.right-line {

        display: none;

    }

    .all-planes .plane-box {

        height: auto;

    }

    .cta .text h3 {

        font-size: 27px;

    }

    .cta .text p {

        font-size: 18px;

        margin: 40px 0px;

    }

    .cta .bird-icon {

        display: none;

    }

    footer .copy-right {

        text-align: start !important;

        margin-top: 30px;

    }

    footer hr {

        margin: 30px 0px !important;

    }

    footer {

        background: #343A40;

        padding: 50px 10px 30px;

    }

    .cta .cta-button button,.all-planes button.btn {

        font-size: 18px;

    }

    .learn-more img:first-child {
        max-height: 28px!important;
    }
    .learn-more img:last-child {
        max-height: 30px!important;
    }
    .footer-logo .footer-jbs-logo {
        max-height: 30px!important;
    }
    .footer-logo .footer-pilgrim-logo {
        max-height: 35px!important;
    }

}



@media(max-width: 560px){



.toco-work-offer .toco-work-offer_card .toco-work-offer_table td.green,

.toco-work-offer .toco-work-offer_card .toco-work-offer_table td.blue, 

.toco-work-offer .toco-work-offer_card .toco-work-offer_table td.orange{

    border: 1px solid !important;

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_table th.powertrain,

.toco-work-offer .toco-work-offer_card .toco-work-offer_table th.plus,

.toco-work-offer .toco-work-offer_card .toco-work-offer_table th.premium{

    border-radius: 0 !important;

}

.toco-work-offer .toco-work-offer_card .toco-work-offer_table th.powertrain, th.plus, th.premium,

.toco-work-offer .toco-work-offer_card .toco-work-offer_table tbody tr th{

    font-size: 14px;

}

    .toco-work-offer .toco-work-offer_card .toco-work-offer_table tbody tr td {

        font-size: 12px;

    }

    .toco-work-offer .toco-work-offer_card .toco-work-offer_table tbody tr th,

     .toco-work-offer .toco-work-offer_card .toco-work-offer_table tbody tr td{

        vertical-align: middle;

    }

    header .image-logo img {

        max-width: 120px !important;

    }

     header .image-SEANC img {

        max-width: 68px !important;

    }

    header {

        padding: 12px 2px;

    }

    .learn-more img:first-child {
        max-height: 28px!important;
    }
    .learn-more img:last-child {
        max-height: 30px!important;
    }
    .footer-logo .footer-jbs-logo {
        max-height: 30px!important;
    }
    .footer-logo .footer-pilgrim-logo {
        max-height: 35px!important;
    }

}

@media(max-width: 480px){

    .toco-work-offer .toco-work-offer_card .toco-work-offer_table th.powertrain, th.plus, th.premium {

        font-size: 12px !important;

    }

  .toco-work-offer .toco-work-offer_card .toco-work-offer_table tbody tr td {

        font-size: 11px;

        line-height: 1.4;

    }

        header .logo {

        gap: 6px 6px !important;

    }

    .learn-more img:first-child {
        max-height: 28px!important;
    }
    .learn-more img:last-child {
        max-height: 30px!important;
    }
    .footer-logo .footer-jbs-logo {
        max-height: 30px!important;
    }
    .footer-logo .footer-pilgrim-logo {
        max-height: 35px!important;
    }

}

@media(max-width: 430px){

    header .learn-more span {

        font-size: 12px;

    }

        header .learn-more span a {

        font-size: 12px;

    }

        header .logo a p {

        font-size: 12px;

    }

        header .image-logo img {

        max-width: 100px !important;

    }

}

@media(max-width: 399px){

.toco-work-offer .toco-work-offer_card .toco-work-offer_table tbody tr th {

        font-size: 12px;

}

    .toco-work-offer .toco-work-offer_card .toco-work-offer_table th.powertrain, th.plus, th.premium {

        font-size: 11px !important;

    }

        .toco-work-offer .toco-work-offer_card .toco-work-offer_table tbody tr td {

        font-size: 10px;

    }

        .toco-work-offer .toco-work-offer_card .toco-work-offer_table td.green, .toco-work-offer .toco-work-offer_card .toco-work-offer_table td.blue, .toco-work-offer .toco-work-offer_card .toco-work-offer_table td.orange {



        padding: 5px 5px;

    }

    .no-padd{

        padding:0;

    }

        header .learn-more span a {

        font-size: 11px;

    }

        header .learn-more span {

        font-size: 11px;

    }

        header .image-SEANC img {

        max-width: 55px !important;

    }

        header .image-logo img {

        max-width: 88px !important;

    }

}



.testimonials {

    background: #F5F7FE;

    padding: 50px 20px 30px;

}

.testimonials h2{

    font-weight: 600;

    line-height: 1.4;

    color: rgba(20, 20, 20, 1);

    text-align: center;

    margin-bottom: 0px; 

    text-align: center;

}

.testimonials .swiper-container {

    padding-top: 0px;

    padding-bottom: 50px;

    max-width: 900px;

  }

.testimonials .swiper-container-coverflow .swiper-wrapper {

    padding: 0 30px;

}

.testimonials .swiper-container-coverflow .swiper-wrapper .swiper-slide {

    padding: 70px 25px;

}

.testimonials .swiper-container-coverflow .swiper-wrapper .swiper-slide .testimonial-box{

    border-radius: 16.576px;

    background: #FFF;

    box-shadow: 10.36px 4.144px 41.441px 0px rgba(0, 0, 0, 0.16);

    text-align: center;

    padding: 40px 20px;

  }

.testimonials .swiper-container-coverflow .swiper-wrapper .swiper-slide-active .testimonial-box {

    background: #4C6FD9;

}

  .testimonials .swiper-container-coverflow .swiper-wrapper  .swiper-slide h3 {

    color: var(--Black-100, #141414);

    font-family: Graphik;

    font-size: 20.72px;

    font-weight: 600;

    line-height: 1.4;

}

.testimonials .swiper-container-coverflow .swiper-wrapper .swiper-slide-active .testimonial-box h3,

.testimonials .swiper-container-coverflow .swiper-wrapper .swiper-slide-active .testimonial-box p,

.testimonials .swiper-container-coverflow .swiper-wrapper .swiper-slide-active .testimonial-box h6,

.testimonials .swiper-container-coverflow .swiper-wrapper .swiper-slide-active .testimonial-box h6 .fa-star {

    color:#fff !important;

}

.testimonials .swiper-container-coverflow .swiper-wrapper .swiper-slide p {

    color: var(--Black-100, #141414);

    text-align: center;

    font-family: Graphik;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.2;

}

.testimonials .swiper-container-coverflow .swiper-wrapper .swiper-slide .rating-box h6 {

    color: var(--Accesible-blue--Toco, #4C6FD9);

    font-size: 12px;

    font-weight: 400;

    line-height: 1.4;

}

.testimonials .swiper-slide .rating-box h6 span {

    font-size: 17px;

    font-weight: 700;

}

.testimonials .swiper-slide .rating-box h6 .fa-star {

    color: #FFA300;

    font-size: 14px;

}

.testimonials .swiper-slide .rating-box h6 .fa-star.first-star {

    margin-left: 20px;

}

.testimonials .swiper-slide .rating-box {

    margin-bottom: 35px;

}

.testimonials .swiper-button-prev, 

.testimonials .swiper-button-next {

    height: 21px !important;

}



.learn-more img:first-child {
    max-height: 35px;
}
.learn-more img:last-child {
    max-height: 38px;
}
.footer-logo .footer-jbs-logo {
    max-height: 40px;
}
.footer-logo .footer-pilgrim-logo {
    max-height: 45px;
}
.testimonials .swiper-container-coverflow .swiper-wrapper .swiper-slide p {
    height: 120px;
    overflow-y: scroll;
}
.testimonials .swiper-container-coverflow .swiper-wrapper .swiper-slide-active p {
    height: auto;
    overflow: visible;
}
.language-nav {
    display: inline-block;
    /*margin-left: 10px;*/
    margin-bottom: 0px;
    margin-bottom: 0px;
    padding-left: 15px;
}
.language-nav li {
    display: inline-block;
    margin-right: 5px;
}
.language-nav li:last-child {
  margin-right: 0px;
}
.language-nav li:last-child::before {
    display: inline-block;
    padding-right: 10px;
    color: #ffffff;
    content: "|";
}
.language-nav li a {
    color: white;
}
.language-nav li a:hover {
  color: #FFA300;
}
.language-nav li a.active {
    color: #FFA300;
    font-weight: 600;
}
.bg-orange {
    background-color: #FBEFE5!important;
}
.bg-purple {
    background-color: #E8ECF7!important;
}
.bg-green {
    background-color: #E6F0E6!important;
}