header {
    background: linear-gradient(180deg, #1f2024 54%, #161E30 54%);
}

.ff-el {
    font-family: 'El Messiri';
}

.ff-east {
    font-family: 'eastman';
}

.top-0 {
    top: 0
}

.rounded-1 {
    border-radius: 0.8rem;
}



/* colours */
.text-nav {
    color: #111622;
}

.text-red {
    color: #F94745;
}

.text-green {
    color: #00A87B;
}

.bg-nav {
    background-color: #161E30;
}

.bg-nnav {
    background-color: #111622;
}

.bg-ggrey {
    background-color: #EEF1F2;
}

.bg-green {
    background-color: #00A87B;
}


.bg-g-rred {
    background: linear-gradient(180deg, #F94745 0%, rgba(168, 37, 33, 0.6) 100%);
}

.bg-red {
    background-color: #F94745;
}

.border-ggrey {
    border-color: #EEF1F2;
}

.border-rred {
    border-color: #F94745;
}

.text-96 {
    font-size: 96px;
    line-height: 1;
}

.btn-outline-white {
    color: white;
    border: 1px solid white;
}

.btn-outline-white:hover {
    color: #1d88d0;
    background-color: white;
}

.btn-blue {
    background-color: #1D88D0;
    border: 1px solid #1D88D0;
    color: white;
}

.btn-blue:hover {
    background-color: white;
    color: #1D88D0;
}


.btn-red {
    background-color: #FF0000;
    border: 1px solid #FF0000;
    color: white;
}

.btn-red:hover {
    background-color: white;
    color: #FF0000;
}

.btn-rred {
    background-color: #FE5455;
    border: 1px solid #FE5455;
    color: white;
}

.btn-rred:hover {
    background-color: white;
    color: #FE5455;
}

footer.menus .accordion .card-header .btn {
    background-color: #111622;
}


/* banner */
section.newbanner {
    padding: 5rem 0;
}

section.newbanner .videocover {
    /*background: rgba(17, 22, 34, 0.5);*/
    background: rgb(17 22 34 / 79%);
}

section.newbanner .video {
    top: 50%;
    transform: translateY(-50%);
}

/* top section */

section.top_section .bg-awards {
    background: linear-gradient(180deg, #EEF1F2 0%, rgba(238, 241, 242, 0.3) 100%);
}

section.top_section .bg-awards .heading {
    font-size: 48px;
    line-height: 1;

}

section.top_section .subheading {
    opacity: 0.5;
    letter-spacing: 10px;

}

section.top_section .card_slider .slick-track {
    display: flex !important;
}

section.top_section .card_slider .slick-slide {
    height: inherit !important;
}

section.top_section .bg-request {
    background-color: #F94745;
}

section.top_section .testi_slider .slick-track {
    display: flex !important;
}

section.top_section .testi_slider .slick-slide {
    height: inherit !important;
}

section.top_section .testi_slider .slick-list {
    height: 100%
}

section.top_section .testi_slider .slick-track {
    height: 100%
}

/* youtube section */
section.youtube .youtubecover {
    background-image: linear-gradient(to bottom, transparent 50%, #111622);
}

section.become-member .message {
    margin-bottom: 20rem;
}

/* why section */
section.why_section .why_slider .slick-track {
    display: flex !important;
}

section.why_section .why_slider .slick-slide {
    height: inherit !important;
}

section.why_section .wctacover {
    background-image: linear-gradient(to bottom, transparent 50%, #111622);
}

section.why_section .wcard {
    padding-top: 10rem;
}

section.why_section .process_slider .slick-track {
    display: flex !important;
}

section.why_section .process_slider .slick-slide {
    height: inherit !important;
}

section.why_section .card_slider .slick-track {
    display: flex !important;
}

section.why_section .card_slider .slick-slide {
    height: inherit !important;
}

section.why_section .card_slider .card {
    background: linear-gradient(180deg, rgba(244, 221, 193, 0.3) 0%, rgba(244, 221, 193, 0.05) 100%);
}

/* delivering */

section.delivery .wctacover {
    background-image: linear-gradient(to bottom, transparent 50%, #111622);
}

section.delivery .ws {
    margin-bottom: -10rem;
}

section.delivery .card_slider .slick-track {
    display: flex !important;
}

section.delivery .card_slider .slick-slide {
    height: inherit !important;
}

.small-image img {
    width: 90px;
}


section.interest .icover {
    background-color: #111622;
    opacity: 0.3;
}

section.range_section .range_cta {
    border: 5px solid #111622;
}

section.range_section .ser_slider .slick-track {
    display: flex !important;
}

section.range_section .ser_slider .slick-slide {
    height: inherit !important;
}

section.range_section .bottom-text {
    bottom: 0.8rem;

}

section.range_section .slick-arrow {
    border-radius: 50rem;
    color: #1D88D0;
    padding: 0rem 1rem;
}

section.range_section .circ {
    background-color: #1D88D0;
}

section.range_section .circ .icon {
    color: white;
}

section.range_section .item {
    transition: all 0.5s;
}

section.range_section .item:hover {
    background-color: #F94745;
}

section.range_section .item:hover p {
    color: white !important
}

section.range_section .item:hover .circ {
    background-color: white;
}

section.range_section .item:hover .circ .icon {
    color: #1D88D0;
}

@media only screen and (max-width: 1200px) {
    .text-96 {
        font-size: 60px;
    }

    header {
        background: #101624
    }

    section.newbanner {
        padding: 8rem 0;
    }

    section.top_section .bg-awards .heading {
        font-size: 30px;
    }

    .home_page .home_none{
        display: none
    }
}

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

    .text-96 {
        font-size: 36px;
    }

    section.newbanner {
        padding: 1rem 0;
    }


    header {
        background: #101624
    }

    header .bg-darkgrey {
        background: transparent;
    }

    .youtubei {
        max-width: 200px !important;
    }

    section.become-member .message {
        margin-bottom: -2rem;
    }

    section.why_section .why_slider .slick-slide .h4 {
        font-size: 18px;
    }

    section.why_section .why_slider .slick-slide .h6 {
        font-size: 14px;
    }

    section.delivery .ws {
        margin-bottom: -10rem;
    }

    .slick-prev, .slick-next {
        z-index: 1;
    }

    .slick-prev {
        left:5px;
    }

    .slick-next {
        right:5px;
    }

    .testi_small{
        font-size: 14px;
    }

    section.youtube {
        padding-top: 15rem !important;
    }

    .videoheading{
        font-size: 14px;
    }

    section.become-member .icon{
        width: 40px;
    }

    section.become-member .heading{
        font-size: 30px;
    }

    section.become-member .subheading{
        font-size: 18px;
    }

    section.become-member .cheading{
        font-size: 16px;
    }

    section.become-member .ccontent{
        font-size: 14px;
    }

    section.why_section .wcard {
        padding-top: 13rem;
    }

    section.why_section .wcard .heading{
        font-size: 30px;
    }

    section.delivery .heading{
        font-size: 30px;
    }

    section.delivery .pheading{
        font-size: 18px;
    }

    section.delivery .pprice{
        font-size: 30px;
    }

    section.range_section .heading{
        font-size: 30px;

    }

    section.interest  .top_marg{
        margin-top: 12rem !important;
    }

    section.interest .icover{
        background-image: linear-gradient(to bottom, transparent 50%, #111622);
    }

    section.mobile_on .heading{
        font-size: 24px;
        font-weight: 600;
        line-height: 1;
    }
}


@font-face {
    font-family: 'El Messiri';
    src: url("fonts/ElMessiri/ElMessiri-Regular.ttf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'El Messiri';
    src: url("fonts/ElMessiri/ElMessiri-Medium.ttf");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'El Messiri';
    src: url("fonts/ElMessiri/ElMessiri-SemiBold.ttf");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'El Messiri';
    src: url("fonts/ElMessiri/ElMessiri-Bold.ttf");
    font-weight: 700;
    font-display: swap;
}


@font-face {
    font-family: "eastman";
    src:
        url("fonts/eastman/Eastman-Regular.eot") format("eot"),
        url("fonts/eastman/Eastman-Regular.ttf") format("TrueType"),
        url("fonts/eastman/Eastman-Regular.woff2") format('woff2'),
        url("fonts/eastman/Eastman-Regular.woff") format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "eastman";
    src:
        url("fonts/eastman/Eastman-Medium.eot") format("eot"),
        url("fonts/eastman/Eastman-Medium.ttf") format("TrueType"),
        url("fonts/eastman/Eastman-Medium.woff2") format('woff2'),
        url("fonts/eastman/Eastman-Medium.woff") format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "eastman";
    src:
        url("fonts/eastman/Eastman-Bold.eot") format("eot"),
        url("fonts/eastman/Eastman-Bold.ttf") format("TrueType"),
        url("fonts/eastman/Eastman-Bold.woff2") format('woff2'),
        url("fonts/eastman/Eastman-Bold.woff") format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "eastman";
    src:
        url("fonts/eastman/Eastman-Heavy.eot") format("eot"),
        url("fonts/eastman/Eastman-Heavy.ttf") format("TrueType"),
        url("fonts/eastman/Eastman-Heavy.woff2") format('woff2'),
        url("fonts/eastman/Eastman-Heavy.woff") format('woff');
    font-weight: 900;
    font-display: swap;
}

.frmerror {
        position: absolute;
    font-size: 12px;
    color: #ffffff;
    top: 25px;
    right: 1rem;
}
.frmrederror .frmerror {
    color: #dc3545;
}