/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');


@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot@vc2tus');
    src: url('../fonts/icomoon.eot@vc2tus') format('embedded-opentype'), url('../fonts/icomoon.ttf@vc2tus') format('truetype'), url('../fonts/icomoon.woff@vc2tus') format('woff'), url('../fonts/icomoon.svg@vc2tus') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    /* speak: none; */
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Basic RTL Setup */
body.rtl, html.rtl {
    text-align: right;
    font-family: 'Almarai', 'Nunito', sans-serif;
}
.icon-user-solid-square:before {
    content: "\e900";
}

.icon-play:before {
    content: "\e904";
}

.icon-building-o:before {
    content: "\e901";
}

.icon-mail:before {
    content: "\e903";
}

.icon-key-outline:before {
    content: "\e902";
}

body {
    font-size: 16px;
    overflow-x: hidden;
    color: #2f4b6e;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    line-height: 28px;
    padding-right: 0px !important;
    /* background: #f4fcff; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: /*'Nunito', sans-serif;*/ 'Almarai', 'Nunito', sans-serif;
    color: #2f4b6e;
    text-transform: none;
    font-weight: 800;
}

.h1, h1 {
    font-size: 40px;
    line-height: 60px;
}

h2 {
    font-size: 42px;
}
div, p {
    text-align: justify;
}
ul li {
    text-align: justify;
}

* {
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke: 1px transparent;
}

::-webkit-scrollbar {
    width: 6px;
}


/* this targets the default scrollbar (compulsory) */

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: hsl(0, 0%, 30%);
}


    /* this will style the thumb, ignoring the track */

    ::-webkit-scrollbar-thumb:hover {
        background-color: #000;
    }

::selection {
    background-color: #ccc;
}

a,
img,
input {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

header {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%;
    padding: 0px 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.downloads-apps small {
    display: block;
}

.slick-active {
    opacity: 1;
    outline: 0px !important;
}

.slick-current {
    opacity: 1;
}


/* slider */

.slick-prev:before,
.slick-next:before {
    float: right;
}

header.shrink {
    /* -moz-transform: translate(0, -36px);
  -o-transform: translate(0, -36px); */
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.08);
    transition: box-shadow 250ms ease-in-out;
}



    header.shrink .top-header {
        visibility: hidden;
    }


.padding-left {
    padding-left: 2.5rem;
}

.banner-section .caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 25%;
    bottom: 0;
    margin: auto;
}

    .banner-section .caption img {
        width: 180px;
        margin-bottom: 20px;
    }

.navbar-nav li.nav-item {
    display: flex;
    flex-flow: column nowrap;
}

.banner-section .caption h4 {
    font-size: 46px;
    color: #fff;
    font-weight: 300;
    position: relative;
}

.banner-section .caption h2 {
    font-weight: 600;
    color: #fff;
    font-size: 68px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.banner-section .caption h4 {
    position: relative;
}

    .banner-section .caption h4 span {
        z-index: 1;
        position: relative;
    }


section.banner-section {
    background: #eff3f4;
    min-height: 580px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-top: 79px;
    overflow: hidden;
    background: #060917;
    /* height: 100vh; */
}

.owl-item.active .caption img {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-delay: 1.5s, 0s;
}

.owl-item.active .caption h4 {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-delay: 2s, 0s;
}

.owl-item.active .caption h2 {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-delay: 2.5s, 0s;
}

.owl-item.active .caption p {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-delay: 3s, 0s;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.owl-item.active .caption img, .owl-item.active .caption h4, .owl-item.active .caption h2, .owl-item.active .caption p, .owl-item.active .caption:after, .owl-item.active .caption:before {
    animation-name: fadeInUp;
}

aside.user-actions .btn-primary {
    min-width: 140px;
    margin-left: 10px;
    min-height: 38px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 11px 0px 6px;
}

.top-header {
    text-align: right;
    position: relative;
}

.country-drop {
    display: inline-block;
}

.wrapper {
    display: block;
    margin: 0 auto;
    max-width: 1220px;
    padding: 0 20px;
}

.country-drop .country-select {
    border: 0;
    outline: 0;
    color: #b7b7b7;
    font-size: 14px;
}

.country-drop svg {
    color: #1c2f5d;
}

aside.user-actions {
    padding: 7px 0px;
}

    aside.user-actions .dropdown {
        display: inline-block;
    }

.banner-section .wrapper {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0 80px;
    margin: 0 auto;
    max-width: 1167px;
}

.banner-section .text-container {
    width: 620px;
    height: 100%;
}

    .banner-section .text-container p {
        font-size: 24px;
        font-weight: 300;
        font-family: 'Nunito', sans-serif;
        line-height: 32px;
        margin: 20px 0px 40px;
    }

.banner-section .images-container {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100px;
    width: calc(100% - 350px);
    height: 450px;
    width: calc(100% - 330px);
}

    .banner-section .images-container img {
        position: absolute;
        max-width: 100%;
    }

    .banner-section .images-container > img {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    .banner-section .images-container #a4-phone {
        top: 22px;
        right: -60px;
        width: 698px;
        z-index: 3;
    }

    .banner-section .images-container #a4-phone {
        -webkit-transition: opacity 240ms,-webkit-transform 2400ms;
        transition: opacity 240ms,-webkit-transform 2400ms;
        transition: opacity 240ms,transform 2400ms;
        transition: opacity 240ms,transform 2400ms,-webkit-transform 2400ms;
    }

    .banner-section .images-container #a4-phone-shadow, .banner-section .images-container #a4-card {
        bottom: 70px;
    }

    .banner-section .images-container #a4-phone-shadow {
        right: 226px;
        width: 156px;
        z-index: 2;
    }

    .banner-section .images-container #a4-phone-shadow {
        -webkit-transition: opacity 640ms 160ms,-webkit-transform 1200ms;
        transition: opacity 640ms 160ms,-webkit-transform 1200ms;
        transition: opacity 640ms 160ms,transform 1200ms;
        transition: opacity 640ms 160ms,transform 1200ms,-webkit-transform 1200ms;
    }

    .banner-section .images-container #a4-card {
        right: 158px;
        width: 512px;
        z-index: 1;
    }

    .banner-section .images-container #a4-card {
        -webkit-transition: opacity 240ms,-webkit-transform 1200ms;
        transition: opacity 240ms,-webkit-transform 1200ms;
        transition: opacity 240ms,transform 1200ms;
        transition: opacity 240ms,transform 1200ms,-webkit-transform 1200ms;
    }

    .banner-section .images-container #a4-leaves {
        top: 64px;
        right: calc(-94px - 1%);
        width: 711px;
        max-width: 126.5%;
        z-index: 2;
    }

    .banner-section .images-container #a4-leaves {
        -webkit-transition: opacity 1240ms 160ms;
        transition: opacity 1240ms 160ms;
    }

.invest {
    /* min-height: 670px; */
    background-color: #fff;
    position: relative;
    padding: 40px 0px 70px;
}

    .invest .wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        height: 100%;
    }

        .invest .wrapper .copy-container {
            width: 500px;
            min-width: 360px;
            display: flex;
            height: 100%;
        }

            .invest .wrapper .copy-container .copy {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

                .invest .wrapper .copy-container .copy h2 {
                    font-size: 42px;
                    font-weight: 800;
                    line-height: 1.33;
                    color: #2f4b6e;
                    margin-bottom: 12px;
                    max-width: 490px;
                }

                .invest .wrapper .copy-container .copy .body {
                    font-size: 24px;
                    line-height: 36px;
                    color: #2f4b6e;
                    margin-bottom: 28px;
                    padding: 0;
                    padding-left: 110px;
                }

.learn-more {
    font-size: 22px;
    font-weight: 700;
    color: #45a3ff;
    text-decoration: none;
    font-family: 'Nunito', sans-serif;
}

.invest .wrapper .list-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.invest .bottom-leaf {
    position: absolute;
    bottom: -4px;
    right: -78px;
    /* transform: scale(1.1); */
    width: 240px;
}

.invest .wrapper .list-container .list {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
    z-index: 2;
    height: 440px;
    width: 450px;
    border-radius: 4px;
    /* box-shadow: 0 1px 2px 0 rgba(0,0,0,0.13); */
    background-color: #fff;
    border: solid 2px #ebebeb;
    margin-right: 111px;
}

    .invest .wrapper .list-container .list .item-container .icon img {
        width: 36px;
    }

    .invest .wrapper .list-container .list .item-container {
        padding: 7px 60px 14px 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-bottom: 1.5px solid #ebebeb;
    }

        .invest .wrapper .list-container .list .item-container .icon {
            border-radius: 50%;
            height: 36px;
            width: 36px;
            min-width: 36px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 9px 0 0 10px;
        }

.invest .wrapper .copy-container {
    width: 960px;
    min-width: 360px;
    display: flex;
    height: 100%;
    padding-right: 20px;
}

.invest .wrapper .list-container .list .item-container .copy-container {
    padding-left: 26px;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 360px;
}

    .invest .wrapper .list-container .list .item-container .copy-container .title {
        font-size: 20px;
        font-weight: 600;
        color: #56aff9;
        margin-bottom: 0px;
        font-family: 'Nunito', sans-serif;
    }

    .invest .wrapper .list-container .list .item-container .copy-container .description {
        font-size: 18px;
        line-height: 1.71;
        color: #363f41;
        margin: 0;
    }

.available-section {
    height: 632px;
    background-color: #f7f9fa;
}

    .available-section .wrapper {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 100%;
        padding: 0 0;
    }

        .available-section .wrapper .image-container {
            margin-left: unset;
            margin-left: 0;
            float: left;
        }

        .available-section .wrapper .copy-container {
            width: 38%;
            margin-left: 60px;
            text-align: center;
            float: left;
            padding-top: 8%;
        }

        .available-section .wrapper .image-container img {
            width: 660px;
            height: auto;
        }

        .available-section .wrapper .copy-container .copy {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            .available-section .wrapper .copy-container .copy h2 {
                font-size: 48px;
                font-weight: 600;
                line-height: 1.33;
                color: #3d3d46;
                margin-bottom: 12px;
            }

            .available-section .wrapper .copy-container .copy .body {
                font-size: 24px;
                line-height: 1.6;
                color: #3d3d46;
                margin: 0 auto 28px;
                max-width: 395px;
                padding: 0;
            }

.mobile-app {
    min-height: 540px;
    background: #f4fcff url(../images/patterns.png) no-repeat 420px -90px;
    padding: 100px 0px 50px;
    background-color: inherit;
}

.view-all-services {
    margin-top: 40px;
}

    .view-all-services .btn {
        min-width: 286px;
    }

.service-list h6.card-subtitle img {
    width: 48px;
    margin-bottom: 10px;
}


.service-list .card {
    border: 0;
    background: none;
    box-shadow: inherit;
}


    .service-list .card p.card-text {
        font-size: 18px;
        line-height: 28px;
        color: #2f4b6e;
    }

.mobile-app .wrapper {
    width: 100%;
    display: block;
    flex-direction: row;
    align-items: center;
    height: 100%;
}

    .mobile-app .wrapper .image-container {
        position: relative;
        left: 0;
    }

        .mobile-app .wrapper .image-container .desktop {
            width: auto;
            /* height: 650px; */
        }

    .mobile-app .wrapper .copy-container {
        width: 60%;
    }

        .mobile-app .wrapper .copy-container .copy {
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: left;
            padding: 0px 20px;
        }

            .mobile-app .wrapper .copy-container .copy h2 {
                font-weight: 600;
                margin-bottom: 32px;
            }

            .mobile-app .wrapper .copy-container .copy .body {
                font-size: 20px;
                line-height: 1.78;
                margin: 0 0px 48px;
                max-width: 450px;
                padding: 0;
            }

.download-bt a {
    margin-right: 20px;
}

    .download-bt a:hover {
        opacity: .8;
    }

.mobile-app .wrapper .copy-container .copy h2 span {
    color: #45a3ff;
}

section.information-block {
    background: #f7f9fa;
    min-height: 600px;
    padding: 80px 0px;
}

.information-block .wrapper .copy-container .copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

    .information-block .wrapper .copy-container .copy p.body {
        font-size: 22px;
        line-height: 1.6;
        color: #3d3d46;
        margin-bottom: 38px;
        padding: 0;
    }

.info-right .copy-container {
    padding-left: 50px;
    padding-top: 0;
}


.information-block .wrapper .copy-container .copy h2 {
    margin-bottom: 30px;
}

.information-block .wrapper .copy-container .copy p.body strong {
    font-family: 'Nunito', sans-serif;
    color: #58b2f9;
}

h2.press-slide-text {
    margin: 0 auto;
    padding: 0 16px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #787979;
    overflow: hidden;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: calc(100% - 63px);
}

h4.press-slide-company-name {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    height: 22px;
    color: #45a3ff;
    text-align: center;
    width: 100%;
}

.test-slider .item.slick-slide a {
    position: relative;
    margin: 0 20px 0 0;
    padding-top: 16px;
    background: #fff;
    box-shadow: 2px 3px 5px 0 rgb(0 0 0 / 5%);
    border-radius: 10px;
    transition: all 300ms;
    float: left;
    height: 100%;
}


.test-slider .item.slick-slide {
    height: 234px;
    padding-bottom: 10px;
    padding-top: 10px;
}



    .test-slider .item.slick-slide:hover {
        transform: translateY(-4px);
    }

        .test-slider .item.slick-slide:hover a {
            box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 12%);
        }

h4.press-slide-company-name strong {
    display: block;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
}

h4.press-slide-company-name small {
    color: #6cbef4;
    font-size: 14px;
}

.test-slider {
    margin-top: 60px;
}

section.testimonial-wrppr {
    padding: 110px 0px;
}

section.pricing-module {
    background: #f4f5f8;
    padding: 80px 0px 70px;
    border-radius: 10px 10px 200px 10px;
    -moz-border-radius: 10px 10px 200px 10px;
    -webkit-border-radius: 10px 10px 200px 10px;
    border: 0px solid #000000;
    background: rgba(244,252,255,1);
    background: -moz-linear-gradient(top, rgba(244,252,255,1) 0%, rgba(233,245,250,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,252,255,1)), color-stop(100%, rgba(233,245,250,1)));
    background: -webkit-linear-gradient(top, rgba(244,252,255,1) 0%, rgba(233,245,250,1) 100%);
    background: -o-linear-gradient(top, rgba(244,252,255,1) 0%, rgba(233,245,250,1) 100%);
    background: -ms-linear-gradient(top, rgba(244,252,255,1) 0%, rgba(233,245,250,1) 100%);
    background: linear-gradient(to bottom, rgba(244,252,255,1) 0%, rgba(233,245,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fcff', endColorstr='#e9f5fa', GradientType=0 );
}

    section.pricing-module .wrapper > h2 {
        margin-bottom: 38px;
        line-height: 48px;
        font-weight: 600;
        text-align: center;
    }

    section.pricing-module .wrapper > h4 {
        max-width: 820px;
        margin: 20px auto 58px;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        color: #333838;
        font-family: 'Nunito', sans-serif;
    }

.tier-card-row-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .tier-card-row-wrapper .tier-card {
        position: relative;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: calc(33.33% - 21.33px);
        display: inline-block;
        border-radius: 10px;
        -webkit-transition: box-shadow 560ms cubic-bezier(0.16,0.84,0.44,1),-webkit-transform 560ms cubic-bezier(0.16,0.84,0.44,1);
        transition: box-shadow 560ms cubic-bezier(0.16,0.84,0.44,1),-webkit-transform 560ms cubic-bezier(0.16,0.84,0.44,1);
        transition: transform 560ms cubic-bezier(0.16,0.84,0.44,1),box-shadow 560ms cubic-bezier(0.16,0.84,0.44,1);
    }

        .tier-card-row-wrapper .tier-card .tier-card-header {
            padding: 40px 22px 10px;
            border-radius: 10px 10px 0 0;
            text-align: center;
        }

        .tier-card-row-wrapper .tier-card .tier-card-body {
            padding: 0 32px 32px 32px;
            background: #fff;
            border-bottom: 1.5px solid #ebebeb;
        }

        .tier-card-row-wrapper .tier-card .tier-card-value-props {
            background: #fff;
            border-radius: 0 0 10px 10px;
        }

        .tier-card-row-wrapper .tier-card .tier-card-header h3 {
            margin-bottom: 24px;
            font-size: 21px;
            line-height: normal;
            font-weight: 700;
            text-align: center;
            color: #2f4b6e;
            font-family: 'Nunito', sans-serif;
            margin-top: 18px;
        }

        .tier-card-row-wrapper .tier-card .tier-card-header h6 {
            font-size: 24px;
            line-height: 22px;
            font-weight: 600;
            text-align: center;
            color: #45a3ff;
        }

        .tier-card-row-wrapper .tier-card .tier-card-body p {
            margin-bottom: 24px;
            font-size: 18px;
            line-height: 18px;
            color: #6e6e6e;
            text-align: center;
            padding: 0px 10px;
        }

        .tier-card-row-wrapper .tier-card .tier-card-value-props .value-props-header {
            position: relative;
            padding: 20px 24px;
        }

            .tier-card-row-wrapper .tier-card .tier-card-value-props .value-props-header h6 {
                font-size: 18px;
                line-height: 20px;
                font-weight: 600;
                color: #000000;
                margin: 0;
            }

        .tier-card-row-wrapper .tier-card .tier-card-value-props .product-wrapper {
            /* max-height: 0; */
            overflow: hidden;
            -webkit-transition: max-height 320ms cubic-bezier(0.56,0.02,0.32,1);
            transition: max-height 320ms cubic-bezier(0.56,0.02,0.32,1);
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            padding: 0;
        }


            .tier-card-row-wrapper .tier-card .tier-card-value-props .product-wrapper .product-header {
                padding: 22px 24px 20px;
                border-bottom: 0;
            }

                .tier-card-row-wrapper .tier-card .tier-card-value-props .product-wrapper .product-header img {
                    width: 36px;
                    margin-right: 12px;
                    display: inline-block;
                    vertical-align: revert;
                }

                .tier-card-row-wrapper .tier-card .tier-card-value-props .product-wrapper .product-header .product-header-copy {
                    position: relative;
                    top: -2px;
                    display: inline-block;
                }

                    .tier-card-row-wrapper .tier-card .tier-card-value-props .product-wrapper .product-header .product-header-copy p.product-title {
                        font-size: 16px;
                        line-height: 23px;
                        font-weight: 600;
                        color: #363f41;
                        margin: 0;
                    }

                    .tier-card-row-wrapper .tier-card .tier-card-value-props .product-wrapper .product-header .product-header-copy p.product-subtitle {
                        font-size: 12px;
                        line-height: 16px;
                        color: #6f7474;
                        margin: 0;
                    }

            .tier-card-row-wrapper .tier-card .tier-card-value-props .product-wrapper ul.value-prop-wrapper {
                padding: 0 24px 10px;
            }

                .tier-card-row-wrapper .tier-card .tier-card-value-props .product-wrapper ul.value-prop-wrapper li.value-prop {
                    font-size: 14px;
                    line-height: 22px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-bottom: 11px;
                }

                    .tier-card-row-wrapper .tier-card .tier-card-value-props .product-wrapper ul.value-prop-wrapper li.value-prop .bullet {
                        width: 36px;
                        margin-right: 12px;
                        text-align: center;
                        color: gray;
                        font-size: 24px;
                        line-height: 0px;
                    }

                    .tier-card-row-wrapper .tier-card .tier-card-value-props .product-wrapper ul.value-prop-wrapper li.value-prop p {
                        display: inline-block;
                        max-width: calc(100% - 48px);
                        color: #363f41;
                        margin: 0;
                    }

.btn-group-md > .btn, .btn-md {
    line-height: 1.5;
    padding: 8px 21px 5px;
    font-size: 22px;
    font-weight: 700;
    transition: all .25s ease-in-out,color .25s ease-in-out;
    min-width: 284px;
    min-height: 50px;
}

.tier-card-row-wrapper .tier-card .tier-card-header img {
    width: 77px;
    display: inline-block;
}

.tier-card-row-wrapper .tier-card .tier-card-value-props.open .product-wrapper {
    max-height: 760px;
}



.pricing-module .wrapper .tier-card-row-wrapper .tier-card .tier-card-value-props span.value-props-toggle {
    position: absolute;
    right: 24px;
    top: 18px;
    font-size: 23px;
    font-weight: 500;
    opacity: 1;
}

.pricing-module .wrapper .tier-card-row-wrapper .tier-card .tier-card-value-props.open .value-props-header .value-props-toggle:not(.value-props-toggle-closed) {
    opacity: 0;
}

.pricing-module .wrapper .tier-card-row-wrapper .tier-card .tier-card-value-props span.value-props-toggle.value-props-toggle-closed {
    right: 25px;
    font-size: 23px;
    top: 10px;
    font-weight: 600;
}

.pricing-module .wrapper .tier-card-row-wrapper .tier-card .tier-card-value-props svg {
    position: absolute;
    right: 24px;
    top: 21px;
    font-size: 15px;
    font-weight: 500;
    opacity: 1;
    color: #333838 !important;
}

.pricing-module .wrapper .tier-card-row-wrapper .tier-card:not(:last-child) {
    margin-right: 32px;
}

.tier-card-row-wrapper .tier-card.psychiatry-wrp img {
    width: 76px;
}

.tier-card-row-wrapper .tier-card.dermatology-wrp .tier-card-header img {
    width: 80px;
}


/* checkbox */

/* The check */
.check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    padding-right: 15px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border-color: #ebebeb;
    border-style: solid;
    border-width: 2px;
}



/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid;
    border-color: #50c0fa;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cust-btn {
    margin-bottom: 10px;
    background-color: #f8204f;
    border-width: 2px;
    border-color: #f8204f;
    color: #fff;
}

    .cust-btn:hover {
        border-color: #f8204f;
        background-color: #fff;
        color: #f8204f;
        border-radius: 20px;
        transform-style: 2s;
    }
/* checkbox */
section.footer-top {
    padding: 80px 0px;
}

.booking-head h3 {
    font-size: 32px;
}

.booking-head p {
    font-size: 20px;
}

.hm-con-lft {
    padding-right: 40px;
}

.booking-form {
    border: solid 2px #ebebeb;
    border-radius: 8px;
    padding: 21px 26px;
    text-align: left;
    background: #fff;
}

    .booking-form label {
        font-weight: 600;
        font-family: 'Nunito', sans-serif;
        margin: 0;
    }

    .booking-form .form-control {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        padding: 4px 0px;
        border-bottom: 1.5px solid #ebebeb;
    }

    .booking-form .form-group {
        margin-bottom: 20px;
    }

        .booking-form .form-group a {
            color: #45a3ff;
            font-family: 'Nunito', sans-serif;
        }

    .booking-form label.check {
        color: #757676;
        font-weight: 400;
        font-size: 17px;
        font-family: 'Nunito', sans-serif;
    }

    .booking-form .form-group .btn {
        width: 100%;
        border-radius: 4px;
    }

.btn-primary {
    background: #1c2f5d;
}

.booking-head {
    padding: 0px 30px;
}

.hm-con-rght {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

footer {
    background: #fff;
    padding: 50px 0px 0;
    border-top: solid 1px #eee;
}

.footer-links h6 {
    color: #aaaaaa;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}


.footer-links a {
    text-transform: capitalize;
    color: #2f4b6e;
    display: inline-block;
    letter-spacing: 0;
    padding: 0px 10px;
    font-size: 14px;
    font-weight: 400;
}

.left-footer h6 {
    color: #ededed;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
}



.social a {
    color: #738091;
    font-size: 18px;
    margin-right: 4px;
    width: 40px;
    height: 40px;
    border: solid 2px #d8e2ee;
    display: inline-block;
    border-radius: 50%;
    background: #e6f8ff;
    padding: 5px 0px;
}

.social {
    padding-bottom: 15px;
}

img.foot-logo {
    margin-bottom: 30px;
    width: 85px;
}

.social a:hover {
    color: #fff;
    background: #45a3ff;
    border-color: #45a3ff;
}


.bottom-footer-right {
    padding: 0;
}

    .bottom-footer-right p {
        margin: 0;
        padding: 0;
        color: #2f4b6e;
        font-size: 14px;
        font-weight: 400;
    }

.footer-bottom {
    padding-bottom: 36px;
}

.footer-app img {
    width: 126px;
}

.footer-app a {
    margin-bottom: 7px;
    display: block;
}

.footer-app h6 {
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 12px;
}


.footer-links a:hover {
    color: #45a3ff;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #c6c7c7;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    color: #c6c7c7;
}

.form-control:-ms-input-placeholder { /* IE 10+ */
    color: #c6c7c7;
}

.form-control:-moz-placeholder { /* Firefox 18- */
    color: #c6c7c7;
}

.modal-body {
    padding: 0;
}

.login-pop .modal-content {
    padding: 20px 30px 40px;
}

.login-pop .modal-header {
    position: absolute;
    right: 0;
    top: 0px;
    padding: 20px 28px;
    border: 0;
    z-index: 1;
}

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

    .mod-logo h3 {
        font-size: 22px;
        margin-top: 32px;
    }

    .mod-logo img {
        width: 260px;
    }

.mod-logo {
    padding: 20px 20px;
    display: block;
}

.form-group label {
    margin: 0;
    color: #333838;
}

.login-pop .form-group {
    margin-bottom: 11px;
}

    .login-pop .form-group .form-control {
        border: 1px solid #ccc;
        min-height: 40px;
    }

    .login-pop .form-group .forgot a {
        color: rgb(112, 116, 116);
        font-size: 12px;
        margin-top: 2px;
        display: inline-block;
    }

.login-pop .btn {
    width: 100%;
    text-transform: uppercase;
    font-size: 18px;
    padding: 12px 0px;
}

.login-pop p.ta-l a:hover {
    text-decoration: underline;
}

.login-pop p.ta-l {
    font-size: 17px;
    text-align: center;
    padding-top: 19px;
    font-family: 'Nunito', sans-serif;
}

.login-pop .modal-content:after {
    content: "";
    background: url(https://www.mqa.international/WebsiteTemplate/images/leaf1.png) no-repeat;
    width: 200px;
    height: 200px;
    position: absolute;
    right: -156px;
    bottom: -55px;
    z-index: -1;
}

.login-pop .modal-content:before {
    content: "";
    background: url(https://www.mqa.international/WebsiteTemplate/images/bottom-leaves.png) no-repeat;
    width: 200px;
    height: 200px;
    position: absolute;
    left: -186px;
    top: 0;
    z-index: -1;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

section.howit-work-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    background-position: center top;
}

    section.howit-work-banner .text-container {
        width: 830px;
    }

section.video-section {
    min-height: 970px;
    padding: 80px 0px 60px;
}

h2 span {
    color: #45a3ff;
}

section.video-section .wrapper > h2 {
    text-align: center;
    padding: 0px 0 70px;
    max-width: 480px;
    margin: 0px auto;
    line-height: 52px;
}

h5 {
    color: #2f4b6e;
    font-size: 18px;
}

section.step-one {
    background: #f7f9fa;
}

aside.user-actions .btn-link {
    color: #595858;
    padding: 6px 21px 5px;
    font-size: 18px;
}

.btn-link {
    color: #01a8ee;
    text-align: left;
    margin: 0;
    display: inline-block;
    padding: 0;
    width: auto;
    font-size: 20px;
    font-family: 'Nunito', sans-serif;
}

    .btn-link svg {
        font-size: 14px;
        margin-left: 11px;
    }

section.step-five .wrapper .image-container {
    padding-right: 60px;
}

section.step-section {
    min-height: 790px;
    height: 790px;
    position: relative;
}

    section.step-section.step-five {
        min-height: 620px;
        height: auto;
        padding: 30px 0px;
    }

.secure-from img {
    width: 182px;
}

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


.safety-through img {
    width: 205px;
}

section.quality-section {
    padding: 80px 0px;
}

.quality-block h4 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 30px;
}

.quality-block p {
    font-size: 20px;
}

.quality-head {
    padding-bottom: 50px;
}

img.step-two-cirlce {
    position: absolute;
    bottom: -243px;
    right: -160px;
    z-index: 1;
}

.step-two .wrapper .image-container .desktop {
    position: relative;
    z-index: 2;
}

video {
    border: 0;
    outline: 0;
}

section.stand-for-section {
    padding: 80px 0px 30px;
    min-height: 678px;
}

.inner-title p {
    font-size: 18px;
    padding: 20px 160px;
}

    .inner-title p strong {
        color: #50c0fa;
        font-family: 'Nunito', sans-serif;
    }

section.mission-section {
    min-height: 542px;
    padding: 80px 0px 60px;
}

.mission-list ul {
    padding: 0;
    display: table;
    margin: 0;
}

    .mission-list ul li {
        list-style: none;
        display: table-cell;
        text-align: center;
    }

.mission-list h4 {
    font-size: 22px;
    text-align: center;
    color: #555858;
    font-family: 'Nunito', sans-serif;
    padding: 40px 39px 0;
    line-height: 28px;
}

.mission-list {
    padding-top: 50px;
}

section.our-doctors-sec {
    background: none;
    padding: 91px 0px;
}

.nav-tabs .nav-item .dropdown-toggle.active ~ ul.dropdown-menu {
    display: block;
}

/* select-box */

/*the container must be positioned relative:*/
.clgfocus {
    border: 0;
    padding: 7px 0;
    border-bottom: 1px solid #f00;
}

    .clgfocus ~ .focus-border {
        position: absolute;
        left: 50%;
        width: 0;
        height: 2px;
        background-color: #9c27b0;
        transition: 0.4s;
    }

    .clgfocus:focus ~ .focus-border {
        width: 95%;
        transition: 0.4s;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.customselect {
    position: relative;
    padding: 8px 0px 0px;
}

.select-selected {
    background-color: transparent;
}
    /*style the arrow inside the select element:*/
    .select-selected:after {
        position: absolute;
        content: "";
        right: 16px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #444444 transparent transparent transparent;
        margin: auto;
        top: 4px;
        bottom: 0;
    }
    /*point the arrow upwards when the select box is open (active):*/
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #444444 transparent;
        top: -5px;
    }
/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
    color: #555555;
    padding: 8px 15px;
    border: 2px solid #cbcbcb;
    cursor: pointer;
    user-select: none;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}
/*style items (options):*/
.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    padding: .5rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: #262626;
    color: #fff !important;
    padding: 6px 8px !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}

.select-items div {
    border: 0;
}
/* select-box */






.input-group-icon {
    width: 100%;
}




/* ==========================================================================
#SELECT2
========================================================================== */

.select--no-search .select2-search {
    display: none !important;
}

.rs-select2 .select2-container {
    outline: none;
    background: #fffefe;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0;
}

    .rs-select2 .select2-container .select2-selection--single {
        outline: none;
        border: none;
        height: 40px;
        background: transparent;
    }

        .rs-select2 .select2-container .select2-selection--single .select2-selection__rendered {
            line-height: 38px;
            padding-left: 0;
            color: #0e4c8c;
            font-size: 14px;
            font-family: inherit;
            padding-left: 15px;
            padding-right: 0;
            text-transform: capitalize;
            letter-spacing: 0;
            font-weight: 400;
        }

        .rs-select2 .select2-container .select2-selection--single .select2-selection__arrow {
            height: 38px;
            right: 0;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: #0f4c8d;
            width: 40px;
            top: 0;
        }

            .rs-select2 .select2-container .select2-selection--single .select2-selection__arrow b {
                display: none;
            }

            .rs-select2 .select2-container .select2-selection--single .select2-selection__arrow:after {
                font-family: "Material-Design-Iconic-Font";
                content: '\f2f9';
                font-size: 30px;
                color: #fff;
                -webkit-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                transition: all 0.4s ease;
            }

    .rs-select2 .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow::after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

.team-inner .form-group {
    max-width: initial;
    margin: 0px auto;
}

    .team-inner .form-group .rs-select2 .select2-container {
        border: 0;
        box-shadow: inherit;
        font-family: 'Nunito', sans-serif;
        width: 100% !important;
    }

        .team-inner .form-group .rs-select2 .select2-container .select2-selection--single .select2-selection__rendered {
            font-size: 28px;
            color: #35afff;
            margin: 0;
            padding: 0;
            font-family: 'Nunito', sans-serif;
        }

        .team-inner .form-group .rs-select2 .select2-container span.select2-selection__arrow {
            background: none;
            color: #000;
        }

            .team-inner .form-group .rs-select2 .select2-container span.select2-selection__arrow:after {
                color: #35afff;
            }

    .team-inner .form-group .rs-select2 {
        min-width: 315px;
        margin: 0px auto;
    }

.team-inner .select2-dropdown {
    border: 0;
    border-radius: 0;
}

.team-inner .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: none;
    color: #c5c5c5;
    margin: 0;
}

.team-inner .select2-results__option {
    border: 0;
    font-size: 20px;
    color: #111;
    margin: 0;
    padding: 2px 0px;
    font-family: 'Nunito', sans-serif;
}

.team-listing ul {
    padding: 0;
}

    .team-listing ul li {
        text-align: center;
        padding: 10px 10px 20px;
        list-style: none;
    }

        .team-listing ul li h6 {
            margin-top: 10px;
            font-family: 'Nunito', sans-serif;
            margin-bottom: 0;
        }

.banner-section .text-container h1 strong {
    font-family: 'Nunito', sans-serif;
}

section.benefit-banner h1 {
    margin-bottom: 30px;
}

.inner-title h2 strong {
    font-size: 20px;
    line-height: 24px;
    display: block;
}

section.our-vison-sec {
    min-height: 338px;
    padding: 80px 0px 50px;
}

.our-promise-block .mission-list ul {
    width: 100%;
}

    .our-promise-block .mission-list ul h4 {
        font-family: 'Nunito', sans-serif;
        margin-bottom: 0;
        padding-top: 30px;
    }

    .our-promise-block .mission-list ul p {
        font-size: 16px;
    }

.experience-table {
    padding: 20px 180px;
}


    .experience-table table.table th, .experience-table table.table td {
        border: 0;
        font-family: 'Nunito', sans-serif;
        color: #333838;
        font-size: 20px;
        background: #f8f9fa;
        padding: 1.1rem .95em;
        vertical-align: middle;
    }

        .experience-table table.table td svg {
            color: #767676;
            font-size: 28px;
        }

            .experience-table table.table td svg.svg-inline--fa.fa-check-circle {
                color: #50c0fa;
                font-size: 22px;
            }

    .experience-table table.table thead tr th {
        background: #fff;
    }

    .experience-table table.table th.active, .experience-table table.table td.active {
        background: #fff;
        box-shadow: 0px 3px 5px #c8c8c8;
        position: relative;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        z-index: 9;
    }

    .experience-table table.table th.active {
        box-shadow: 0px -1px 4px #c8c8c8;
    }

    .experience-table .table-responsive {
        padding-top: 40px;
    }

    .experience-table table.table thead tr th:last-child, .experience-table table.table tbody tr td:last-child {
        width: 210px;
        text-align: right;
        padding-left: 50px;
    }

section.compare-cost {
    padding: 50px 0px 50px;
}

.inner-title h2 b {
    font-family: 'Nunito', sans-serif;
}

.organization-list {
    max-width: 635px;
    margin: 0px auto;
}

.org-wrp .org-wrp-in {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 70px 0;
}


.org-lft {
    margin: 0 55px 0 0;
}

.org-wrp .org-wrp-in .org-rght p {
    line-height: 22px;
}

.org-wrp .org-wrp-in .org-rght h4 {
    margin-bottom: 24px;
}

section.benefit-banner h1 span {
    color: #4ebff7;
    font-family: 'Nunito', sans-serif;
}

.request-demo-form {
    max-width: 702px;
    margin: 0px auto;
}

    .request-demo-form .btn {
        border-radius: 4px;
        margin: 0px auto;
        float: none;
    }

.form-group.button-form {
    text-align: center;
}

section.faq-banner {
    background-position: center center !important;
    background-attachment: initial;
}

section.benefit-banner ul {
    padding: 0;
}

    section.benefit-banner ul li {
        list-style: none;
        padding: 8px 0px;
    }

        section.benefit-banner ul li svg {
            margin-right: 12px;
            color: #50c0fa;
        }

    section.benefit-banner ul li {
        font-size: 22px;
        color: #333838;
        font-family: 'Nunito', sans-serif;
    }

.accordion-wrapper {
    padding-top: 60px;
}

    .accordion-wrapper a.nav-link {
        border: 0;
        text-decoration: underline;
        padding: 0px 30px 30px 0px;
        font-size: 18px;
    }

    .accordion-wrapper .nav {
        border: 0;
    }

    .accordion-wrapper a.nav-link.active {
        color: #6cbef4;
    }

.tab-box {
    padding: 0;
}

    .tab-box li {
        list-style: none;
    }

        .tab-box li > div {
            cursor: pointer;
            padding: 20px 0px;
            border-bottom: solid 1px #d9f1fc;
            margin: 0;
            color: #646c6e;
        }

        .tab-box li svg {
            float: right;
            color: #707879 !important;
        }

        .tab-box li > div.collapse {
            background: #edf9ff;
            cursor: inherit;
            transition: top 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
            position: relative;
        }

/* search */
.search {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
}

    .search * {
        outline: none;
        box-sizing: border-box;
    }

.search__wrapper {
    position: relative;
}

.search__field {
    width: 50px;
    height: 50px;
    color: transparent;
    font-family: Lato, sans-serif;
    font-size: 18px;
    padding: 0.35em 50px 0.35em 0;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    float: right;
}

    .search__field:focus {
        border-bottom-color: #ebebeb;
        width: 50vw;
        color: #2b2b2b;
        cursor: default;
    }

        .search__field:focus ~ .search__icon {
            background-color: transparent;
            cursor: pointer;
            pointer-events: auto;
        }

.search__icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    font-size: 1.35em;
    text-align: center;
    border-color: transparent;
    border-radius: 50%;
    pointer-events: none;
    display: inline-block;
    transition: background-color 0.2s ease-in-out;
    background: url(../images/search.svg) no-repeat center;
    background-size: 20px;
    outline: 0;
}

.search__field::-webkit-input-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}

.search__field:-moz-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}

.search__field::-moz-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}

.search__field:-ms-input-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}

.search__field::-webkit-input-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}

.search__field:-moz-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}

.search__field::-moz-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}

.search__field:-ms-input-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}

.search-block {
    position: relative;
    padding: 40px;
    text-align: right;
}
/* search */
.con-box .well {
    border: solid 2px #ebebeb;
    min-height: 549px;
    padding: 90px 30px 10px;
    border-radius: 8px;
    background: #fff;
}

    .con-box .well img {
        width: 260px;
    }

    .con-box .well h6 {
        margin-top: 11px;
        font-family: 'Nunito', sans-serif;
        margin-bottom: 32px;
        margin-top: 50px;
    }

    .con-box .well p {
        font-size: 19px;
    }

        .con-box .well p span {
            color: #01a8ee;
            font-family: 'Nunito', sans-serif;
            font-size: 24px;
        }

    .con-box .well ul {
        padding-left: 15px;
    }

        .con-box .well ul li {
            font-size: 20px;
            line-height: 26px;
            margin-bottom: 5px;
        }


strong {
    font-family: 'Nunito', sans-serif;
}

.con-box .well ul li span {
    font-family: 'Nunito', sans-serif;
    color: #01a8ee;
}

.contact-wrapper {
    padding-top: 50px;
}

.con-page .booking-form .form-control {
    min-height: 40px;
    padding: 0;
}

.tab-box li > div.collapse.show .card-body {
    opacity: 1;
    top: 0;
    transition: top 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.tab-box li > div.collapse .card-body {
    transition: top 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
    top: -20px;
    opacity: 0;
    position: relative;
}

.mod-logo p {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 24px;
}

.sign-up .modal-dialog {
    margin-top: 0;
}

.sign-up .btn {
    max-width: 430px;
    margin: 0px auto;
}

.sign-bt {
    padding-top: 14px;
}

aside.user-actions .btn-link.arabic-bt {
    font-family: 'Almarai', sans-serif;
    font-size: 15px;
}

.careers-wrapper .card a {
    text-decoration: none;
    display: inline-block;
}

    .careers-wrapper .card a svg {
        font-size: 31px;
        color: #15436c;
        float: left;
        margin: 0;
    }

    .careers-wrapper .card a h3 {
        display: inline-block;
        font-size: 26px;
        padding-left: 20px;
        text-transform: capitalize;
        margin-bottom: 0;
    }



.careers-wrapper .card {
    vertical-align: middle;
    margin-bottom: 20px;
}

    .careers-wrapper .card svg {
        float: right;
        margin: 20px 10px;
        font-size: 30px;
    }

    .careers-wrapper .card .card-block {
        padding: 20px;
    }

    .careers-wrapper .card .card-header p {
        padding-left: 45px;
        margin: 0;
    }

    .careers-wrapper .card svg {
        display: none;
    }

    .careers-wrapper .card a svg {
        display: block;
    }

.careers-wrapper .tab-box li > div strong {
    font-size: 20px;
}


.careers-wrapper .tab-box li > div .col.row {
    padding-top: 20px;
}

.careers-wrapper .tab-box li > div .card-body {
    padding: 20px 50px;
}

    .careers-wrapper .tab-box li > div .card-body ul li {
        list-style: disc;
    }

.login-pop.career-popup .form-group {
    margin-bottom: 5px;
}

.navbar-nav li.nav-item.mobile {
    display: none;
}

h3.why-choos-us {
    position: absolute;
    left: 21px;
    top: -50px;
}

.service-box .circle {
    background: #f4f5f8;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    padding: 20px;
    overflow: hidden;
    display: flex;
    text-align: center;
    align-items: center;
    margin: 0px auto;
}

.copy-container.iso-trin-servc .circle img {
    width: 180px;
    margin: 0px auto;
}

.service-box .circle img {
    width: 100%;
}

.mobile-app h2.text-center {
    margin-bottom: 40px;
}



.service-box h4 {
    margin-top: 26px;
    color: #333838;
}

.service-list {
    margin-top: 20px;
}

    .service-list ul {
        padding: 0;
    }

        .service-list ul li b {
            font-family: 'Nunito', sans-serif;
        }

section.banner-section.inner-banner {
    min-height: inherit;
    padding: 34px 30px 15px;
    background: #e9f5fa;
}

    section.banner-section.inner-banner h1 {
        font-size: 40px;
    }

section.inner-pages-section {
    padding: 60px 0px;
    min-height: 400px;
}

.section-content {
    padding: 40px 50px;
    text-align: center;
    border: solid 2px #ebebeb;
    width: 480px;
    margin: 0px auto;
}

    .section-content .btn {
        display: block;
        margin: 0px auto;
        background: #45a3ff;
        padding: 10px 0px;
        font-size: 22px;
        line-height: 1.5;
        min-width: 314px;
        min-height: 56px;
        border-radius: 50px;
        margin-top: 20px;
    }


.verification_wrap input.verify_input {
    border: solid 1px #ccc;
    min-width: 320px;
    padding: 10px 20px;
    border-radius: 40px;
    outline: 0;
}

.verification_wrap img {
    margin-bottom: 50px;
}




.frb-group {
    margin: 5px -11px;
}

.frb ~ .frb {
    margin-top: 0;
}

.frb input[type="radio"]:empty,
.frb input[type="checkbox"]:empty {
    display: none;
}

.frb input[type="radio"] ~ label:before,
.frb input[type="checkbox"] ~ label:before {
    font-family: FontAwesome;
    content: '\f096';
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 15px;
    font-size: 22px;
    display: none;
}

.frb input[type="radio"]:checked ~ label:before,
.frb input[type="checkbox"]:checked ~ label:before {
    content: '\f046';
}

.frb input[type="radio"] ~ label,
.frb input[type="checkbox"] ~ label {
    position: relative;
    cursor: pointer;
    width: 100%;
    border: solid 1px #CCCCCC;
    border-radius: 0;
    background-color: #fff;
    min-height: 102px;
    padding: 12px 8px;
    text-align: center;
    border-radius: 4px;
    align-items: center;
}

/* .frb input[type="radio"] ~ label:focus,
.frb input[type="radio"] ~ label:hover,
.frb input[type="checkbox"] ~ label:focus,
.frb input[type="checkbox"] ~ label:hover {
	
} */

.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
    color: #000;
}

.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
    background-color: #45A3FF;
}

.frb.frb-default input[type="radio"]:checked ~ label,
.frb.frb-default input[type="checkbox"]:checked ~ label {
    color: #333;
}

.frb.frb-primary input[type="radio"]:checked ~ label,
.frb.frb-primary input[type="checkbox"]:checked ~ label {
    background-color: #337ab7;
}

.frb.frb-success input[type="radio"]:checked ~ label,
.frb.frb-success input[type="checkbox"]:checked ~ label {
    background-color: #F0F8FF;
    border-color: #45A3FF;
    color: #000;
}

.frb.frb-info input[type="radio"]:checked ~ label,
.frb.frb-info input[type="checkbox"]:checked ~ label {
    background-color: #5bc0de;
}

.frb.frb-warning input[type="radio"]:checked ~ label,
.frb.frb-warning input[type="checkbox"]:checked ~ label {
    background-color: #f0ad4e;
}

.frb.frb-danger input[type="radio"]:checked ~ label,
.frb.frb-danger input[type="checkbox"]:checked ~ label {
    background-color: #d9534f;
}

.frb input[type="radio"]:empty ~ label span,
.frb input[type="checkbox"]:empty ~ label span {
    display: inline-block;
}

    .frb input[type="radio"]:empty ~ label span.frb-title,
    .frb input[type="checkbox"]:empty ~ label span.frb-title {
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        text-align: center;
        width: 100%;
        color: #3F4659;
        padding: 8px 0px 0;
    }

    .frb input[type="radio"]:empty ~ label span.frb-description,
    .frb input[type="checkbox"]:empty ~ label span.frb-description {
        font-weight: normal;
        font-style: italic;
        color: #999;
        margin: 5px 5px 5px 50px;
    }

.frb input[type="radio"]:empty:checked ~ label span.frb-description,
.frb input[type="checkbox"]:empty:checked ~ label span.frb-description {
    color: #fafafa;
}

.frb.frb-default input[type="radio"]:empty:checked ~ label span.frb-description,
.frb.frb-default input[type="checkbox"]:empty:checked ~ label span.frb-description {
    color: #999;
}

.frb.frb-success input[type="radio"]:checked ~ label span.frb-title {
    color: #45A3FF;
}

.frb.frb-success {
    padding: 0px 10px;
    flex: inherit;
}

.radio-lst-cer {
    width: 20%;
}

.frb.frb-success {
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.certificate-issuing-form {
    padding: 20px;
}

    .certificate-issuing-form .form-group label {
        margin-bottom: 0px;
    }

img.other-radio {
    margin-top: -3px;
}

.certificate-issuing-wrp {
    padding: 0px 12%;
}

.frb input[type="radio"] ~ label p {
    font-size: 12px;
    margin: 0;
    line-height: 14px;
}

.certificate-issuing-form .form-group {
    margin-bottom: 15px;
}

.office-radio .radio-lst-cer {
    width: 33.333%;
}

    .office-radio .radio-lst-cer span.frb-title {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .office-radio .radio-lst-cer
    img.other-radio {
        margin-top: 6px;
    }

.page-title-heading.certificate-issue {
    display: block;
    width: 100%;
}

.error {
    color: red;
}

.submit-bt-qote .btn {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    width: 100%;
}

.page-title-heading.certificate-issue {
    font-size: 26px;
}







.price-range-slider {
    width: 100%;
    float: left;
    padding: 20px 0px 0px;
}

    .price-range-slider .range-value {
        margin: 0;
    }

        .price-range-slider .range-value input {
            width: 100%;
            background: none;
            color: #5B6377;
            font-size: 13px;
            font-weight: initial;
            box-shadow: none;
            border: none;
            margin: 10px 0 0px 0;
            outline: 0;
        }

    .price-range-slider .range-bar {
        border: none;
        background: #ccc;
        height: 3px;
        width: 100%;
        margin-left: 8px;
    }

        .price-range-slider .range-bar .ui-slider-range {
            background: #45a3ff;
            border-color: #45a3ff;
        }

        .price-range-slider .range-bar .ui-slider-handle {
            border: none;
            border-radius: 25px;
            background: #fff;
            border: 2px solid #45A3FF;
            height: 17px;
            width: 17px;
            top: -0.52em;
            cursor: pointer;
            outline: 0;
        }

            .price-range-slider .range-bar .ui-slider-handle + span {
                background: #45A3FF;
            }

.ui-widget.ui-widget-content {
    border: 1px solid #45a3ff !important;
}
/*--- /.price-range-slider ---*/
.service-page .service-list {
    min-height: 362px;
}

.navbar-light .navbar-brand img {
    width: 100px;
}

.navbar-light .navbar-nav .nav-link:before {
    content: "";
    width: 0%;
    height: 2px;
    position: absolute;
    background: #45a3ff;
    left: 0;
    right: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: auto;
    bottom: 8px;
}

.navbar-light .navbar-nav .nav-link:hover:before {
    width: 100%;
}

.title-details {
    padding: 0px 192px 40px;
}

    .title-details p {
        font-size: 24px;
        color: #2f4b6e;
        line-height: 36px;
        font-weight: 400;
    }

.service-item {
    margin-bottom: 20px;
}

.are-u-intrested img {
    width: 66px;
}

.are-u-intrested {
    width: 100%;
    border-bottom: #e1e8f2 solid 1px;
    padding-bottom: 60px;
}

    .are-u-intrested .align-left {
        display: flex;
        align-items: center;
        float: left;
    }

        .are-u-intrested .align-left p {
            margin: 0;
            padding: 0;
            font-size: 21px;
            color: #2f4b6e;
            font-weight: 600;
            padding-left: 24px;
        }

hr {
    border-color: #e1e8f2;
    width: 100%;
}


.are-u-intrested img {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

@keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}

.are-u-intrested img {
    animation-name: wobble;
}

.are-u-intrested .align-right {
    float: right;
}

.btn-light.btn-pill {
    border: solid 2px #d0dceb;
    border-radius: 50px;
    background: none;
    font-size: 16px;
    font-weight: 800;
    color: #2f4b6e;
    background: #f4fcff;
}

    .btn-light.btn-pill:hover {
        background: #45a3ff;
        color: #fff;
        border-color: #45a3ff;
    }

.invest .wrapper .copy-container a.btn {
    min-width: 278px;
    max-width: 278px;
}

.invest .wrapper .image-container {
    margin-top: -70px;
}

section.counter-block {
    background: #2f4b6e url(../images/counter-pattern.png) no-repeat right top;
    border-radius: 310px 0px 0px 0px;
    -moz-border-radius: 310px 0px 0px 0px;
    -webkit-border-radius: 310px 0px 0px 0px;
    border: 0px solid #000000;
    min-height: 350px;
    padding: 70px 0px 50px;
}

.counter img {
    width: 108px;
}

.counter-line {
    margin-top: 24px;
    text-align: center;
}

    .counter-line h2.timer {
        color: #fff;
        font-size: 60px;
        display: inline-block;
    }

    .counter-line small {
        display: inline-block;
        color: #fff;
        vertical-align: initial;
        font-size: 60px;
        font-weight: 800;
    }



section.counter-block p.count-text {
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.counter {
    text-align: center;
}

section.counter-block .col {
    border-right: dashed 1px #ccc;
}

    section.counter-block .col:last-child {
        border: 0;
    }

section.certified-organization {
    padding: 70px 0px 0;
    /* background: #f4fcff; */
}

.client-bx {
    border: solid 1px #d5d9db;
}

section.certified-organization .item {
    padding: 0px 20px;
}

.client-bx img {
    width: 100%;
}

.regular1 {
    margin-top: 50px;
}

.footer-bg {
    padding: 20px 8%;
}
/* ---- particles.js container ---- */

#particles-js {
    width: 100%;
    height: 100%;
    background-color: #060917;
}

.banner-caption {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
}

.hero {
    width: 100vw;
    height: 100vh;
}

    .hero div#particles-js {
        height: 100vh;
    }

.inner-cap.text-center {
    padding: 70px 320px;
}

.banner-caption h1 {
    color: #fff;
}

.banner-caption p {
    color: #fff;
    font-size: 24px;
    padding: 10px 0px;
}

.dropdown-toggle::after {
    display: none;
}

.round-icons-menu {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.round-icon-parent {
    width: 130px;
    text-align: center;
    margin: 0 auto;
}

.dropdown-menu-inner .col-md-12 {
    padding: 0px;
}

.services-small-drpdwn .round-icon-parent {
    width: 140px;
}

.round-icon-parent a:hover {
    color: #1c2f5d;
}

.round-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: #ebeeef;
    margin: 0px auto;
}

    .round-icon img {
        height: 40px;
        width: 40px;
    }

.services-small-drpdwn .round-icon img {
    width: 76px;
    height: 76px;
}

.round-icon-parent p {
    margin-top: 10px;
    font-weight: 600;
    line-height: initial;
    font-size: 15px;
}

.gallery-thumb img {
    width: 100%;
}

.dropdown-menu-inner {
    padding: 20px;
}


/* START LOADER CSS */
.fullpage-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background: #fff;
    z-index: 9999;
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

    .fullpage-loader .fullpage-loader__logo {
        position: relative;
    }

        .fullpage-loader .fullpage-loader__logo:after {
            content: '';
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            -webkit-animation: shine 2.5s infinite cubic-bezier(0.42, 0, 0.58, 1);
            animation: shine 2.5s infinite cubic-bezier(0.42, 0, 0.58, 1);
            background: rgba(255, 255, 255, 0.8);
            /* FF3.6-15 */
            /* Chrome10-25,Safari5.1-6 */
            background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white), to(rgba(255, 255, 255, 0)));
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
            /* IE6-9 */
        }

@-webkit-keyframes shine {
    0% {
        -webkit-transform: translateX(-100%) skew(-30deg);
        transform: translateX(-100%) skew(-30deg);
    }

    100% {
        -webkit-transform: translateX(200%) skew(-30deg);
        transform: translateX(200%) skew(-30deg);
    }
}

@keyframes shine {
    0% {
        -webkit-transform: translateX(-100%) skew(-30deg);
        transform: translateX(-100%) skew(-30deg);
    }

    100% {
        -webkit-transform: translateX(200%) skew(-30deg);
        transform: translateX(200%) skew(-30deg);
    }
}

.fullpage-loader--invisible {
    opacity: 0;
}

/* END LOADER CSS */

.more-services .link {
    font-weight: 700;
    text-decoration: underline;
    font-size: 18px;
    color: #45a3ff;
}

ol.breadcrumb {
    background: none;
    padding: 0;
}

    ol.breadcrumb a {
        color: #93b1bd;
        font-weight: 300;
    }

.breadcrumb-item+.breadcrumb-item::before {
    color: #93b1bd;
}
.breadcrumb-item.active {
    color: #a2b4bb;
}

section.inner-section-wrp {
    padding: 60px 0px;
}
.form-group.button-form {
    text-align: left;
}
    section.inner-section-wrp h1 {
        margin-bottom: 20px;
        font-size: 42px;
        line-height: 46px;
    }

.ab-list ul.list-group li.list-group-item {
    display: flex;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 6px;
    padding: 5px 5px;
    margin-bottom: 2px;
}

    .ab-list ul.list-group li.list-group-item a {
        width: 100%;
        display: flex;
        align-items: center;
        font-weight: 800;
        color: #2f4b6e;
        line-height: 20px;
    }

        .ab-list ul.list-group li.list-group-item a .ico {
            width: 48px;
            background: #ebeeef;
            border-radius: 50px;
            padding: 10px;
            height: 48px;
            margin-left: 10px;
        }

    .ab-list ul.list-group li.list-group-item:hover {
        background: #2f4b6e;
    }

        .ab-list ul.list-group li.list-group-item:hover a {
            color: #fff;
        }

.gallery-thumb {
    margin-bottom: 40px;
}

.team-box {
    padding: 10px 0;
}

.team-img {
    border-radius: 50%;
    display: inline-block;
    width: 140px;
    height: 140px;
    background: #b3b6b9;
    overflow: hidden;
}

    .team-img img {
        width: 100%;
    }

.team-listing ul li small {
    font-size: 16px;
}

/* blog */
.blog-grids {
    overflow: hidden;
    margin: 0 -15px;
}

    .blog-grids .grid {
        background-color: #fff;
        padding: 15px;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        margin-bottom: 30px;
    }

.entry-media img {
    border-radius: 10px;
    width: 100%;
    max-height: 188px;
    min-height: 188px;
}

.entry-body {
    padding: 27px 10px;
}

    .entry-body .cat {
        font-size: 12px;
        font-weight: 800;
        color: #45a3ff;
        text-transform: uppercase;
    }

    .entry-body h3 {
        font-size: 21px;
        font-weight: 600;
        line-height: 1.30em;
        margin: 3px 0 0.73em;
    }

        .entry-body h3 a {
            color: #41516a;
        }

            .entry-body h3 a:hover {
                color: #1c2f5d;
                text-decoration: none;
            }

    .entry-body p {
        margin-bottom: 2em;
        color: #90949a;
        line-height: 1.8em;
    }

.read-more-date {
    position: relative;
}

    .read-more-date a {
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        font-size: 1.06667rem;
        font-weight: 600;
        color: #41516a;
        text-transform: uppercase;
    }

    .read-more-date .date {
        position: absolute;
        right: 0;
        color: #90949a;
    }
/* ennd-blog */

.servc-box h5.card-title {
    font-size: 16px;
    font-weight: 400;
}

    .servc-box h5.card-title b {
        display: block;
    }

    .servc-box h5.card-title b {
        font-size: 20px;
    }

.servc-box {
    margin-bottom: 30px;
}

    .servc-box .card-body {
        position: absolute;
        bottom: 0;
        background: rgb(0 0 0 / 38%);
        left: 0;
        right: 0;
        padding: 15px;
        background: rgba(0,0,0,0);
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        height: 80px;
    }

.hide-title-serv .card-body {
    display: none;
}

.servc-box .card-body h5.card-title {
    margin: 0;
    color: #fff;
}

.servc-box:hover .card-body {
    text-align: center;
    height: 100%;
    padding: 25% 15px;
}

.servc-box .card {
    overflow: hidden;
}

.servc-box:hover .card-image img {
    -webkit-transform: scale3d(1.2,1.2,1);
    transform: scale3d(1.2,1.2,1);
}

.fullpage-loader .fullpage-loader__logo img {
    width: 300px;
}

.main-services-box.mobile-app.service-page .copy-container {
    width: 60%;
    vertical-align: top;
}

    .main-services-box.mobile-app.service-page .copy-container .copy {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: left;
        padding: 0px 20px;
    }

.main-services-box.mobile-app.service-page {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    height: 100%;
    background: none;
    padding: 0;
}

    .main-services-box.mobile-app.service-page .service-list {
        border: solid 2px #ebebeb;
        padding: 20px 40px;
        min-height: 240px;
        margin-top: 20px;
    }

.main-services-box.mobile-app.service-pagee .service-list {
    min-height: 362px;
}

.main-services-box.mobile-app.service-page .btn {
    margin-top: 10px;
}

.navbar .dropdown-menu.small-menu-dropdown {
    left: unset !important;
    right: 20%;
    min-width: 490px;
}

.login-tab-wrappr ul.nav {
    border-color: #e9f5fa;
}

    .login-tab-wrappr ul.nav li a.active {
        background: #45a3ff;
        color: #fff;
        font-weight: 600;
    }

    .login-tab-wrappr ul.nav li a {
        background: #e9f5fa;
        font-weight: 600;
    }

    .login-tab-wrappr ul.nav li {
        margin-right: 2%;
    }

.login-tab-wrappr .tab-content {
    border: solid 1px #e9f5fa;
    padding: 20px 40px;
    background: #fff;
    box-shadow: 0px 3px 8px rgb(0 0 0 / 15%);
}

img.mobile-logo {
    display: none;
}

.con-box.con-form-wrp {
    padding: 0px 30px;
    margin-top: 30px;
}

div#map_canvas {
    width: 100%;
    height: 485px;
}

.con-box.con-map .well {
    padding: 30px;
}

.gm-style .gm-style-iw-d h6 {
    margin: 10px 0px;
}

.gm-style .gm-style-iw-d p {
    font-size: 14px;
}

.main-services-box.mobile-app.service-page {
    display: flex;
}

    .main-services-box.mobile-app.service-page .copy-container {
        width: 49%;
        display: inline-block;
        margin-bottom: 30px;
    }

.ab-left.terms-banner .gallery-thumb img {
    width: auto;
}

.list-group-item {
    border: 0;
    padding-left: 0;
    padding-right: 0;
}

.our-values-block {
    margin: 50px 0px;
}

    .our-values-block .val-right img {
        width: 100%;
    }

.tier-card-row-wrapper.why-mqa-page .tier-card .tier-card-header h3 {
    font-size: 18px;
}

.tier-card-row-wrapper.why-mqa-page .tier-card .tier-card-header img {
    width: 58px;
}

.tier-card-row-wrapper.why-mqa-page {
    margin-bottom: 20px;
}

    .tier-card-row-wrapper.why-mqa-page .tier-card .tier-card-header {
        padding-left: 10px;
        padding-right: 10px;
    }

.round-icon-parent p {
    text-transform: capitalize;
}

.box-wr--well h5 {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

.bef-quality-assurance ul {
    padding: 0;
}

    .bef-quality-assurance ul li {
        list-style: none;
        margin-bottom: 50px;
    }

.box-wr--well img {
    width: 80px;
    margin: 0px auto 17px;
}

.box-wr--well {
    text-align: center;
}

.bef-quality-assurance {
    margin-top: 50px;
}

.qulity-pr {
    padding: 20px 0px 50px;
    text-align: center;
}

    .qulity-pr img {
        width: 330px;
        margin: 0px auto;
    }

.navbar .dropdown-menu.small-menu-dropdown {
    min-width: 300px;
}

section.partnr-with-us {
    padding: 70px 0px 0;
}

.fist-block-partner {
    align-items: center;
    margin-bottom: 50px;
}

    .fist-block-partner .prtner-rght img {
        width: 100%;
    }

section.map-location .con-box.con-map .well {
    padding: 0;
}

.form-group.country-code-all {
    position: relative;
}

.country-code-all .country-code {
    position: absolute;
    left: 10px;
    bottom: 17px;
    padding: 0px 20px;
}

.country-code-all .country-col {
    padding-left: 84px;
}

.country-code-all .country-code .country-flag {
    width: 26px;
    margin-right: 5px;
}

span.years-col {
    position: absolute;
    right: 23px;
    top: 43px;
    color: #adadad;
    text-transform: capitalize;
}

.years-col-wrp .form-control {
    padding-right: 52px;
}

input#ContentPlaceHolder1_chkTerms {
    margin-right: 8px;
}

.iso-cer-optio .frb input[type="radio"] ~ label, .iso-cer-optio .frb input[type="checkbox"] ~ label {
    min-height: 147px;
}

.frb input[type="radio"]:empty ~ label span.frb-title, .frb input[type="checkbox"]:empty ~ label span.frb-title {
    color: #2d3e69;
    line-height: initial;
    margin-bottom: 5px;
}

.certificate-issuing-form .form-group label p {
    font-size: 12px;
    line-height: initial;
    text-align: center;
}

.frb.frb-success {
    margin-bottom: 20px;
}

.office-radio .radio-lst-cer {
    width: 25%;
}

label.error {
    color: #b71828 !important;
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 400;
    border: none !important;
    background: none;
}

.form-control.error {
    background: rgba(0, 0, 0, 0) url(../images/validation-error-img.png) no-repeat scroll 97% center;
    border: 1px solid #ee2b33 !important;
    padding-right: 38px;
}

/* certification-cycle- */

.certification-cycle-wrp h3 {
    padding: 10px 0;
    font-weight: 700;
    font-size: 25px;
    text-align: left;
    margin: 0;
}

.certification-cycle-wrp {
    background: #f5f5f5;
    padding: 10px 20px;
}

.year-box h5 {
    color: #000;
    font-weight: 600;
    padding: 8px;
    text-align: left;
    font-size: 19px;
    border: 1px solid #bdced7;
    display: inline-block;
    padding: 8px 25px;
    border-radius: 3px;
}

.year-box ul {
    margin: 0;
    padding-left: 17px;
    padding: 5px 30px;
}

.year-box .cycle-col .well {
    background: #fff;
    padding: 0;
    border: 1px solid #bdced7;
    height: 270px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}



.year-box .cycle-col h6 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background: #26907a;
    padding: 10px;
    height: 38px;
    transition: all .75s ease-in-out;
    position: relative;
    background: #1c2f5d;
}

.year-box ul li {
    font-size: 12px;
    line-height: 18px;
    color: #222;
    font-weight: 700;
}

    .year-box ul li ol {
        padding-left: 20px;
    }

        .year-box ul li ol li {
            list-style-type: circle;
            font-size: 10px;
            line-height: 15px;
        }



.year-box .cycle-col .well:hover {
    cursor: pointer;
    -moz-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .19);
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .19);
    transition: all .75s ease-in-out;
    background: #fff;
}

.year-box {
    margin-bottom: 30px;
}

    .year-box .cycle-col.step-two h6 {
        background: #21386E;
    }


    .year-box .cycle-col.step-three h6 {
        background: #26407E;
    }

    .year-box .cycle-col.step-four h6 {
        background: #2A488D;
    }

    .year-box .cycle-col.step-five h6 {
        background: #2F509D;
    }

    .year-box .cycle-col.step-six h6 {
        background: #3458AD;
    }

    .year-box .cycle-col:hover .well h6 {
        height: 50px;
        transition: all .75s ease-in-out;
        position: relative;
        z-index: 10;
        padding-top: 18px;
    }
/* certification-cycle- */

.our-values-block .row {
    justify-content: center;
    align-items: center;
}

.navbar .dropdown-menu.small-menu-dropdown {
    right: 50%;
}

    .navbar .dropdown-menu.small-menu-dropdown.services-small-drpdwn {
        right: 38%;
    }

.inner-section-wrp.service-homepage {
    padding-top: 0px;
}

.service-box h4 {
    text-transform: capitalize;
}

.service-homepage .main-services-box.mobile-app.service-page .copy-container {
    width: 25%;
}

    .service-homepage .main-services-box.mobile-app.service-page .copy-container .circle {
        width: 240px;
        height: 240px;
    }

.service-homepage .service-page {
    min-height: inherit;
}

.service-homepage .service-box .circle img {
    width: 90%;
    margin: 0px auto;
}




.donthave-time {
    padding: 30px 0px;
}

    .donthave-time label {
        padding-top: 25px;
        margin-bottom: 3px;
        font-size: 16px;
    }

    .donthave-time ul {
        padding: 0;
        margin: 0px;
    }

        .donthave-time ul li {
            list-style: none;
            display: inline-block;
            text-align: center;
        }

            .donthave-time ul li a {
                display: block;
                border: solid 2px #d0dceb;
                padding: 21px 10px;
                min-width: 106px;
            }

            .donthave-time ul li svg {
                display: block;
                margin: 0px auto;
                font-size: 22px;
                margin-bottom: 5px;
                color: #45a3ff;
            }

            .donthave-time ul li span {
                display: block;
                text-transform: uppercase;
                font-size: 13px;
                font-weight: 700;
                color: #2f4b6e;
            }

            .donthave-time ul li a:hover {
                background: #e3ebf5;
            }

.form-group.donthave-time {
    margin-bottom: 0;
    padding: 0;
    padding-top: 50px;
}

.donthave-time .input-group {
    margin-bottom: 25px;
}

aside.user-actions .getstarted {
    font-weight: 700;
    color: #2f4b6e;
    font-size: 13px;
    text-transform: uppercase;
    border-right: solid 1px #eee;
    border-radius: 0;
    padding-right: 10px;
    margin-right: 10px;
}

.country-drop a > span {
    font-size: 14px;
    color: #9a9a9a;
}



.location-pop .modal-dialog {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    max-width: 100% !important;
}

.location-pop .modal-content {
    height: 100%;
    min-height: 100%;
    height: auto;
    border-radius: 0;
    background: #1c2f5d;
}

.regional-selector__row {
    margin: 0 0 50px;
}

.location-pop .modal-content p.title {
    margin: 0;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 24px;
    padding: 10px 0px 15px;
}

.location-pop .modal-content .modal-header {
    border-bottom: solid 1px #ffff;
    border-radius: 0;
}

.location-pop .modal-content .close {
    color: #fff;
    opacity: 1;
    font-size: 34px;
}

.regional-selector .row-title {
    border-bottom: 1px solid hsla(0,0%,100%,.8);
    margin: 0 0 24px;
    font-size: 1.25em;
    line-height: 25px;
    padding: 0 0 15px;
    margin: 0 0 42px;
    position: relative;
}

.location-pop .modal-content {
    color: #fff;
}

.country-list-item__image {
    width: 45px;
    height: auto;
    margin: 0 15px 0 0;
}

.location-pop .container {
    padding: 0 40px;
}

.location-pop p.language a {
    color: #fff;
    font-size: 12px;
}

.location-pop p.country {
    line-height: initial;
    margin-bottom: 0;
}

.location-pop p.language {
    margin: 0;
}

.location-pop p.row-title {
    border-bottom: solid 1px;
    font-size: 20px;
    padding: 9px 0px;
    margin-bottom: 25px;
}

.regional-selector__row {
    padding: 60px 0px 0px;
}

.location-pop .modal-content .modal-header {
    border: 0;
}

.country-list-item {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 24px;
}

.country-list-item {
    margin: 0 0 42px;
}

.country-list-item__image img {
    width: 45px;
}

.country-list-item__image {
    background: none;
}

.location-pop p.country {
    line-height: 16px;
}

.country-list-item a {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 24px;
}

.country-list.row {
    justify-content: center;
}

.year-box h5 {
    width: 100%;
    text-align: center;
    background: #fff;
}

.homepage-services-wrp .main-services-box.mobile-app.service-page {
    display: flex;
    justify-content: space-evenly;

}

div#owl-demo {
    position: absolute;
    z-index: 1;
    color: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.banner-caption {
    position: absolute;
    z-index: 1;
}

div#owl-demo .owl-item {
    height: 100vh;
}

    div#owl-demo .owl-item .item {
        height: 100%;
    }

section.inner-section-wrp h1 {
    text-transform: capitalize;
}

section.inner-section-wrp .ab-left h3 {
    margin-top: 20px;
}



.donthave-time ul li {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    text-align: left;
}

    .donthave-time ul li a {
        width: 100%;
        text-align: left;
        padding: 10px 10px;
    }

        .donthave-time ul li a svg {
            float: left;
        }

    .donthave-time ul li span {
        width: 100%;
        text-align: left;
        padding-left: 30px;
    }

.donthave-time ul li {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    text-align: left;
}

    .donthave-time ul li a {
        width: 100%;
        text-align: left;
        padding: 10px 10px;
    }

        .donthave-time ul li a svg {
            float: left;
        }

    .donthave-time ul li span {
        width: 30%;
        text-align: left;
        padding-left: 12px;
        float: left;
        border-right: solid 2px #d0dceb;
    }

.tme-lft {
    float: left;
    padding-left: 16px;
}

    .tme-lft strong {
        font-size: 13px;
    }

.ab-list ul.list-group li.list-group-item a {
    text-transform: capitalize;
}

    .ab-list ul.list-group li.list-group-item a .ico img {
        width: 100%;
    }



table.table-style thead th {
    background: #222a35;
    color: #fff;
    font-size: 15px;
    padding: 10px;
}

    table.table-style thead th p {
        margin: 0;
        padding: 0;
        line-height: normal;
    }

        table.table-style thead th p strong {
            font-weight: 600;
        }

table.table-style tbody td {
    line-height: initial;
    padding: 20px 6px;
    font-size: 14px;
}

    table.table-style tbody td p {
        margin: 0;
        padding: 0;
    }

table.table-box tbody tr td:first-child {
    width: 20%;
}

table.table-box tbody tr td.table-colon {
    padding-right: 20px;
}

ul.use-of-certificate-marks {
    padding: 0;
}

    ul.use-of-certificate-marks li {
        list-style: none;
        text-align: center;
        margin-bottom: 20px;
    }

        ul.use-of-certificate-marks li img {
            width: 80%;
        }

        ul.use-of-certificate-marks li strong {
            text-align: center;
            margin-top: 20px;
            display: block;
            line-height: initial;
        }

.our-values-block .val-right img {
    width: 80%;
}

.who-rg-modalpop .modal-dialog.modal-lg {
    max-width: 920px;
}

.who-rg-modalpop .modal-header {
    border: 0;
    padding: 0;
    position: absolute;
    right: -43px;
    z-index: 1;
    top: -5px;
}

    .who-rg-modalpop .modal-header button.btn-close {
        background: none;
        border: 0;
        outline: 0;
        color: #fff;
        font-size: 36px;
    }

.org-gallery a {
    border: solid 1px #c6cee0;
    display: block;
}

/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: #1c2f5d;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
    z-index: 1;
}

    #gdpr-cookie-message h4 {
        color: #fff;
        font-family: 'Quicksand', sans-serif;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    #gdpr-cookie-message h5 {
        color: var(--red);
        font-family: 'Quicksand', sans-serif;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    #gdpr-cookie-message p, #gdpr-cookie-message ul {
        color: white;
        font-size: 15px;
        line-height: 1.5em;
    }

        #gdpr-cookie-message p:last-child {
            margin-bottom: 0;
            text-align: right;
        }

    #gdpr-cookie-message li {
        width: 49%;
        display: inline-block;
    }

    #gdpr-cookie-message a {
        color: var(--red);
        text-decoration: none;
        font-size: 15px;
        padding-bottom: 2px;
        border-bottom: 1px dotted rgba(255,255,255,0.75);
        transition: all 0.3s ease-in;
    }

        #gdpr-cookie-message a:hover {
            color: white;
            border-bottom-color: var(--red);
            transition: all 0.3s ease-in;
        }

    #gdpr-cookie-message button,
    button#ihavecookiesBtn {
        border: none;
        background: var(--red);
        color: white;
        font-size: 15px;
        padding: 7px;
        border-radius: 3px;
        margin-left: 15px;
        cursor: pointer;
        transition: all 0.3s ease-in;
    }

        #gdpr-cookie-message button:hover {
            background: white;
            color: var(--red);
            transition: all 0.3s ease-in;
        }

button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
}

#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}

#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}

button#gdpr-cookie-advanced {
    display: none;
}

.our-values-block.right-block .val-right {
    text-align: right;
}

.our-values-block.left-block .val-right {
    text-align: left;
}

.social a {
    text-align: center;
}

.social {
    text-align: center;
}

.bottom-footer-right p {
    text-align: center;
}
.round-icon-parent p {
    text-align: center;
}
.banner-caption p {
    text-align: center;
}

.title-details p {
    text-align: center;
}
.ab-list ul.list-group li.list-group-item a {
    text-align: right;
}
.submit-bt-qote .btn {
    border-radius: 4px;
    width: auto;
    min-width: 236px;
    text-transform: uppercase;
    font-weight: 800;
}
.prtner-lft h1 {
    text-align: left;
}
.certif-prcss-pop .org-gallery {
    padding: 0;
    margin-top: 10px;
}
.login-pop .btn {
    border-radius: 4px;
}

.btn-group-md > .btn, .btn-md {
    border-radius: 4px;
}
.ser-box-cert .card {
    box-shadow: 0px 0px 10px #0000002b;
    border-radius: 4px;
    padding: 30px 30px 20px;
    margin: 20px 0px 30px 0px;
}

    .ser-box-cert label {
        font-weight: 600;
        font-size: 18px;
    }

.ser-box-cert label {
    display: block;
}
.cert-img img {
    width: 80px;
}
.app-footer__inner {
    display: none;
}

.page-title-heading.certificate-issue {
    margin-bottom: 20px;
    font-size: 42px;
    line-height: 46px;
    font-weight: 800;
    text-align: center;
}

.page-title-heading.certificate-issue div {
    text-align: center;
}
.ab-title br {
    content: "A" !important;
    display: block !important;
    margin-bottom: 1em !important;
}
.ab-title table.table-style tbody td div {
    text-align: left;
}
.regional-selector__row {
    padding: 10px 0px 0px;
}
.get-enq-wrp ul {
    display: flex;
}

    .get-enq-wrp ul .tme-lft {
        display: block;
        width: 100%;
        text-align: center;
    }

    .get-enq-wrp ul li span {
        border: 0;
    }

    .get-enq-wrp ul .tme-lft {
        text-align: left;
        padding-left: 32px;
    }

    .get-enq-wrp ul li {
        margin-left: -2px;
    }

.form-group.donthave-time.get-enq-wrp {
    padding: 0px 15px 20px;
}
section.banner-section.inner-banner {
    padding: 7px 30px 7px;
}

    section.banner-section.inner-banner ol.breadcrumb {
        margin-bottom: 0px;
    }
.ser-box-cert .btn {
    width: 75%;
    min-width: inherit;
    float: right;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 37px;
}

div#map_canvas1 {
    width: 100%;
    height: 450px;
}
div#map_canvas2 {
    width: 100%;
    height: 450px;
}
.form-group.search-captcha .g-recaptcha {
    margin-top: 11px;
}

.fullpage-loader--invisible{
    display:none;
}
.btn-primary {
    border-radius: 4px;
}
#gdpr-cookie-message {
    background: #fff;
}

    #gdpr-cookie-message h4 {
        color: #2f4b6e;
    }

    #gdpr-cookie-message p, #gdpr-cookie-message ul {
        color: #333;
    }

    #gdpr-cookie-message button, button#ihavecookiesBtn {
        background: #1c2f5d;
        font-weight: 600;
        text-transform: uppercase;
    }

    #gdpr-cookie-message a {
        color: #1c2f5d;
    }

    #gdpr-cookie-message button:hover {
        background: #1c2f5d;
        color: #fff;
    }
.country-code-all .country-col {
    padding-left: 94px;
}

div#zsiqbtn {
    position: fixed;
    z-index: 1;
    bottom: 10px;
    right: 10px;
}






/************************** media-screen***********************/
@media screen and (max-width: 6000px) and (min-width: 1500px) {
    .navbar .dropdown-menu.small-menu-dropdown.services-small-drpdwn {
        right: 21%;
    }
}



/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {


    /* makes the dropdown full width  */
    .navbar .dropdown {
        position: static;
    }

    .navbar .dropdown-menu {
        /* width:100%; */
        left: 0;
        right: 0;
        /*  height of nav-item  */
        top: 98%;
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.3s linear;
    }


    /* shows the dropdown menu on hover */
    .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
        display: block;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity 0.3s linear;
    }

    .navbar .dropdown-menu {
        border: 0;
        background-color: #fff;
        box-shadow: 0px 4px 6px rgb(0 0 0 / 18%);
    }

    header.homepage .navbar .dropdown-menu {
        background-color: rgb(255 255 255 / 75%);
    }
}



@media (min-width: 1025px) {
    .banner-section .wrapper {
        padding: 0px 0px 0px 0px;
        min-width: 1158px;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        float: left;
        margin: auto;
        -ms-flex-preferred-size: inherit;
        flex-basis: inherit;
        -ms-flex-positive: inherit;
        flex-grow: inherit;
    }

    .navbar {
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }
}

@media (min-width: 767px) {
    .invest .wrapper .list-container .list .item-container:first-child {
        padding-top: 8px;
    }

    .invest .wrapper .list-container .list .item-container:last-child {
        border: 0;
        margin-bottom: -4px;
    }
}


/* // Large devices (desktops, less than 1200px) */

@media (max-width: 1026px) {

    .banner-section .text-container {
        width: unset;
        padding: 64px 58px 32px;
        margin: 0 auto;
        text-align: center;
    }

    .banner-section .wrapper {
        display: block;
        padding: 0;
    }

    .h1, h1 {
        font-size: 48px;
        line-height: 52px;
    }

    .banner-section .images-container {
        margin: 0px auto;
    }

    .invest .wrapper .copy-container {
        margin: 0 auto;
        width: 100%;
    }

    .invest .wrapper {
        flex-direction: column;
        margin-top: 0;
        padding-top: 20px;
    }

    .invest {
        height: auto;
        padding: 40px 0px 40px;
    }

        .invest .wrapper .list-container {
            margin-top: 30px;
        }

        .invest .bottom-leaf {
            right: 90px;
            bottom: 0;
        }

    .available-section .wrapper .image-container {
        float: none;
        margin: 0px auto;
    }

    #owl-demo .item {
        text-align: center;
    }

    .available-section {
        height: auto;
        padding: 50px 0px;
    }

        .available-section .wrapper .copy-container {
            width: 100%;
            margin: 0;
        }

    .mobile-app .wrapper .image-container {
        display: block;
        position: relative;
        margin-top: 40px;
    }

    .mobile-app .wrapper .copy-container {
        width: 510px;
        display: block;
    }

    .mobile-app .wrapper {
        flex-direction: column;
        justify-content: center;
    }

    .mobile-app {
        height: fit-content;
        padding: 80px 0 50px;
    }

    section.information-block .wrapper, section.information-block .wrapper .row {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .info-left {
        margin: 0px auto;
    }

    .info-right {
        margin: 0px auto;
        text-align: center;
    }

    .information-block .wrapper .copy-container .copy h2 {
        text-align: center;
    }

    .information-block .wrapper .copy-container .copy p.body {
        text-align: center;
    }

    .information-block .wrapper .copy-container .copy {
        text-align: center;
    }

    .info-right .copy-container {
        padding-left: 0;
    }

    .btn-group-md > .btn, .btn-md {
        min-width: 100%;
    }

    section.footer-top .wrapper, section.footer-top .wrapper .row {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .hm-con-lft {
        margin: 0px auto;
        padding-right: 15px;
        margin-bottom: 20px;
    }

    .hm-con-rght {
        margin: 0px auto;
    }

    aside.user-actions .btn-primary {
        margin-left: 0;
    }

    .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 0 !important;
    }

    .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 0px !important;
    }

    .slick-next {
        right: 0px !important;
    }

    .slick-prev {
        left: 0px !important;
    }

    .available-section .wrapper .image-container img {
        max-width: 90%;
        width: auto;
    }

    .tier-card-row-wrapper .tier-card {
        width: calc(30% - 16px);
        margin-right: 24px;
        display: inline-block;
    }

        .tier-card-row-wrapper .tier-card .tier-card-header h3 {
            font-size: 20px;
        }

    .pricing-module .wrapper .tier-card-row-wrapper .tier-card .tier-card-header {
        padding: 32px 24px 24px;
    }

    .tier-card-row-wrapper .tier-card .tier-card-header h6 {
        font-size: 14px;
    }

    .pricing-module .wrapper .tier-card-row-wrapper .tier-card .tier-card-body {
        padding: 0 20px 32px;
    }

        .pricing-module .wrapper .tier-card-row-wrapper .tier-card .tier-card-body > p {
            font-size: 14px;
            line-height: 22px;
            max-width: 202px;
            margin: 0 auto 24px;
        }

    .btn-group-md > .btn, .btn-md {
        font-size: 14px;
        min-height: 40px;
    }

    .booking-form .form-group {
        text-align: left;
    }

    section.step-section {
        height: auto;
    }

    img.step-two-cirlce {
        bottom: -90px;
    }

    section.step-five .wrapper .image-container {
        padding: 0;
        right: 0;
    }

    .mobile-app.step-five .wrapper .image-container .desktop {
        width: 100%;
        margin: 0px auto;
        float: none;
    }

    section.howit-work-banner .text-container {
        width: unset;
    }

    section.video-section .wrapper > h2 {
        padding-bottom: 21px;
        line-height: 32px;
    }

    .video-block video {
        height: auto !important;
    }

    section.video-section {
        min-height: inherit;
    }

    .experience-table {
        padding: 20px 120px;
    }

    .navbar-light .navbar-nav .nav-link {
        margin: 12px 9px;
    }

    section.faq-banner {
        background-position: center right !important;
        background-attachment: fixed !important;
    }

    .navbar-nav li.nav-item.mobile {
        display: none;
    }

    .navbar-nav li.nav-item.mobile {
        display: block;
    }

        .navbar-nav li.nav-item.mobile .btn-link {
            font-family: 'Almarai', sans-serif;
            font-weight: 800;
        }

    .navbar-light .navbar-nav .nav-link {
        letter-spacing: 0;
    }

    .title-details.text-center {
        padding: 0px 62px 40px;
    }

    .tier-card-row-wrapper {
        display: block;
    }

    .invest .wrapper .copy-container .copy .body {
        padding-right: 0;
    }

    .invest .wrapper .image-container {
        margin: 0;
        text-align: center;
    }

    .inner-cap.text-center {
        padding: 70px;
    }

    .counter img {
        width: 90px;
    }

    .counter-line {
        margin-top: 40px;
    }
}


/* // Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {
}


/* // Small devices (landscape phones, less than 768px) */

@media (max-width: 768px) {

    .navbar-light .navbar-toggler {
        float: left;
        position: relative;
        z-index: 1;
        border: 0;
        outline: 0;
        box-shadow: inherit;
        padding: 12px 0px;
    }

    .service-homepage .main-services-box.mobile-app.service-page .copy-container {
        width: 49%;
    }

    .homepage-services-wrp .main-services-box.mobile-app.service-page {
        display: block;
    }

    .navbar-light .navbar-brand {
        float: none;
        margin: 0px auto;
        position: relative;
        text-align: center;
        left: 5px;
        top: 10px;
    }

    .navbar-collapse {
        position: fixed;
        z-index: 1;
        top: 67px;
        left: 0;
        right: 0;
        background: #fff;
        width: 100%;
        height: 100%;
        text-align: center;
        padding-top: 40px;
    }

    header {
        overflow: visible;
    }

    header {
        padding: 7px 15px;
        height: 68px;
    }

    .navbar-light .navbar-brand img {
        width: 120px;
        margin: 0px auto;
    }

    section.banner-section {
        margin-top: 56px;
    }

    aside.user-actions {
        position: relative;
        z-index: 1;
    }

    .navbar-nav {
        text-align: center;
        margin: 0px !important;
        display: block !important;
    }

    .navbar-light .navbar-nav .nav-link {
        text-align: center;
        display: block;
    }

    .navbar-nav li.nav-item {
        display: block;
        text-align: center;
    }

    .pricing-module .wrapper > h2 {
        font-size: 32px;
        line-height: 48px;
    }

    section.pricing-module .wrapper > h4 {
        margin: 0 auto 65px;
        font-size: 16px;
        line-height: 26px;
    }

    h2 {
        font-size: 32px;
        line-height: 32px;
    }

    .invest .wrapper .copy-container .copy h2 {
        font-size: 32px;
    }

    section.step-section .btn-link {
        text-align: center;
    }

    .secure-from img, .safety-through img {
        width: 40%;
    }

    .team-listing ul {
        padding: 60px 0 0px;
    }

        .team-listing ul li img {
            width: 80%;
        }

    .mission-list ul li {
        display: inline-block;
        width: 33.333%;
        padding-bottom: 20px;
    }

    .info-right .copy-container .btn {
        text-align: center;
    }

    .experience-table {
        padding: 20px;
    }

    nav.navbar.navbar-expand-lg.navbar-light {
        text-align: center;
    }

    .bef-quality-assurance ul li {
        -ms-flex: 0 0 100%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 0px !important;
    }

    .certificate-issuing-wrp {
        padding: 0px 0px;
    }
}


/* // Extra small devices (portrait phones, less than 576px) */

@media (max-width: 767px) {

    .pricing-module .wrapper .tier-card-row-wrapper .tier-card {
        width: 49%;
        margin: 0 auto;
    }

    .pricing-module .wrapper .tier-card-row-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .pricing-module .wrapper .tier-card-row-wrapper .tier-card:not(:last-child) {
            margin: 0 auto 0px;
        }

    .mobile-app .wrapper .image-container .desktop {
        max-width: 100%;
    }

    .invest .wrapper .copy-container {
        width: 100%;
        min-width: inherit;
        padding-right: 0;
    }

    .invest .wrapper .list-container .list {
        width: 100%;
    }

    aside.user-actions .login {
        display: none;
    }

    .banner-section .images-container {
        width: 100%;
        overflow: hidden;
    }

    .mobile-app .wrapper .copy-container {
        width: 100%;
        text-align: center;
    }

    .wrapper {
        width: 100%;
    }

    .banner-section .images-container #a4-leaves {
        width: 100%;
        max-width: inherit;
        right: 0;
        right: calc(-20px - 0%);
    }

    .banner-section .images-container #a4-phone-shadow {
        width: 100%;
        right: 0;
        bottom: 60px;
    }

    .banner-section .images-container #a4-phone {
        right: 0;
        width: 80%;
        left: 0;
        margin: auto;
    }

    .banner-section .wrapper, .wrapper {
        max-width: inherit;
    }

    .invest .wrapper .list-container .list .item-container .copy-container .description {
        font-size: 14px;
    }

    .invest .wrapper .list-container .list .item-container .copy-container {
        min-width: inherit;
    }

    .available-section .wrapper .copy-container .copy h2 {
        font-size: 32px;
    }

    .available-section .wrapper .copy-container .copy .body {
        font-size: 20px;
    }

    .download-bt a {
        display: table-cell;
        margin: 0;
    }

        .download-bt a img {
            width: 85%;
        }

    .download-bt {
        display: table;
        width: 100%;
    }

    .mobile-app .wrapper .copy-container .copy .body {
        max-width: inherit;
        font-size: 14px;
        line-height: 1.71;
        margin-bottom: 18px;
    }

    .banner-section .text-container {
        width: unset;
        padding: 38px 24px 16px;
    }

    .h1, h1 {
        font-size: 32px;
        line-height: 36px;
    }

    .banner-section .text-container p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .invest .wrapper .copy-container .copy .body {
        font-size: 14px;
        line-height: 1.71;
        margin-bottom: 18px;
    }

    .information-block .wrapper .copy-container .copy p.body {
        max-width: inherit;
        font-size: 14px;
        line-height: 1.71;
        margin-bottom: 18px;
    }

    .booking-head p {
        max-width: inherit;
        font-size: 14px;
        line-height: 1.71;
        margin-bottom: 18px;
    }

    .mobile-app .wrapper .copy-container .copy {
        text-align: center;
    }

    aside.user-actions .btn-primary {
        height: 36px;
        padding: 7px 16px;
        min-height: inherit;
        font-size: 14px;
        min-width: inherit;
    }

    img.step-two-cirlce {
        width: 70%;
        right: 0;
    }

    section.howit-work-banner .text-container {
        margin-top: 100%;
    }

    .mobile-app.step-section .wrapper .copy-container {
        margin-top: 30px;
    }

    .inner-title p {
        padding: 20px;
    }

    .team-listing ul li {
        display: inline-block;
        width: 50%;
    }

    .mission-list ul li {
        width: 50%;
    }

    .mission-list h4 {
        padding: 40px 9px 0;
    }

    .our-promise-block .mission-list ul li img {
        width: 90%;
    }

    .org-wrp .org-wrp-in {
        display: block;
        text-align: center;
    }

    .org-lft {
        margin: 0px 0px 20px;
    }

    .experience-table table.table th, .experience-table table.table td {
        font-size: 16px;
        line-height: initial;
    }

    .experience-table {
        padding: 0px 0px;
    }

    section.our-vison-sec {
        min-height: inherit;
        padding-bottom: 20px;
    }

    .experience-table table.table thead tr th:last-child, .experience-table table.table tbody tr td:last-child {
        padding-left: 30px;
    }

    .request-demo-form {
        max-width: 100%;
    }

    .con-box {
        margin-bottom: 30px;
    }

        .con-box .well {
            min-height: inherit;
            padding: 40px 30px 40px;
        }

    .experience-table table.table thead tr th:last-child, .experience-table table.table tbody tr td:last-child {
        width: 140px;
        padding-left: 0;
    }

    .careers-wrapper .tab-box li > div .card-body {
        padding: 20px;
    }

    .invest .wrapper .image-container img.img-responsive {
        width: 100%;
    }

    aside.user-actions {
        width: auto;
        text-align: center;
        border-top: 0;
        margin-top: 21px;
        padding: 5px 0px 0px;
        position: static;
    }

    header {
        height: auto;
        padding: 6px 15px 0;
    }

    .inner-cap.text-center {
        padding: 0px 20px;
    }

    .title-details.text-center {
        padding: 0px 0px 40px;
    }

    .pricing-module .wrapper .tier-card-row-wrapper .tier-card .tier-card-header {
        padding: 2px 4px 0px;
    }

    .tier-card-row-wrapper .tier-card .tier-card-header h3 {
        font-size: 16px;
        padding: 0px 20px;
    }

    section.pricing-module {
        padding-bottom: 30px;
    }

    .are-u-intrested .align-left {
        display: block;
        padding: 0px 20px;
    }

        .are-u-intrested .align-left p {
            padding-left: 0;
            margin-top: 10px;
        }

    .are-u-intrested .align-right {
        float: left;
        margin-top: 20px;
        margin-left: 20px;
    }

    hr {
        margin: 40px 0px 10px;
    }

    .counter-bx {
        margin-bottom: 30px;
    }

    section.counter-block {
        padding-bottom: 0;
    }

    .counter-line h2.timer {
        font-size: 50px;
    }

    section.certified-organization .item {
        padding: 0px 11px;
    }

    .mod-logo img {
        width: 100%;
    }

    .radio-lst-cer {
        width: 50%;
        margin-bottom: 20px;
    }

    .office-radio .radio-lst-cer {
        width: 50%;
    }

    section.banner-section.inner-banner {
        margin-top: 119px;
        padding: 24px 30px 5px;
    }

    section.inner-section-wrp h1 {
        font-size: 32px;
    }

    img.desktop-logo {
        display: none;
    }

    img.mobile-logo {
        display: block;
    }

    nav.navbar.navbar-expand-lg.navbar-light {
        text-align: center;
    }

    .navbar-light .navbar-toggler {
        padding: 31px 0px;
    }

    .navbar-collapse {
        top: 101px;
    }

    .navbar-light .navbar-brand {
        left: 5px;
        top: 0;
    }

    .login-tab-wrappr ul.nav li a {
        padding: .5rem .5rem;
    }

    .main-services-box.mobile-app.service-page .copy-container {
        width: 100%;
    }

    .service-box .circle {
        width: 220px;
        height: 220px;
    }

    .main-services-box.mobile-app.service-page .copy-container .copy {
        padding: 0;
    }

    .main-services-box.mobile-app.service-page {
        display: block;
    }

    .service-homepage .main-services-box.mobile-app.service-page .copy-container {
        width: 100%;
    }

    .homepage-services-wrp .main-services-box.mobile-app.service-page {
        display: block;
    }

    .country-list-item {
        margin-bottom: 3px;
    }

    section.inner-section-wrp {
        padding: 20px 0px 60px;
    }

    ol.breadcrumb a {
        font-size: 12px;
    }

    .year-box .cycle-col .well {
        height: auto;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .ab-right {
        margin-top: 30px;
    }

    .certificate-issuing-wrp {
        padding: 0;
    }

        .certificate-issuing-wrp .card-body {
            padding: 0;
        }

    .breadcrumb-item.active {
        font-size: 12px;
    }

    .contact-wrapper {
        padding-top: 10px;
    }

    .navbar-nav .dropdown-menu {
        height: 280px;
        overflow-y: scroll;
    }

    .ab-left .tier-card-row-wrapper .tier-card {
        width: calc(47% - 16px);
    }

    .team-listing ul li img {
        width: 100%;
    }

    .donthave-time ul li span {
        width: 35%;
    }

    .are-u-intrested {
        text-align: center;
    }

        .are-u-intrested .align-right {
            float: none;
            margin-top: 20px;
            margin: 0;
            position: relative;
            top: 20px;
        }

    section.invest {
        padding-top: 0;
    }
}

@media (max-width: 340px) {
    .inner-title p {
        padding: 20px 0;
    }

    .mission-list h4 {
        font-size: 18px;
        line-height: 20px;
    }

    .invest .wrapper .list-container .list .item-container .icon {
        margin-top: 0px;
    }

    .invest .wrapper .list-container .list .item-container {
        padding: 1px 60px 4px 20px;
    }

    .banner-section .text-container {
        width: 89%;
    }

    .btn-group-lg > .btn, .btn-lg {
        min-width: 100%;
    }

    h2.press-slide-text {
        line-height: 17px;
    }

    .test-slider .item.slick-slide {
        height: 260px;
    }

    .are-u-intrested {
        width: 80%;
        margin: 0px auto;
    }
}
    .breadcrumb-item + .breadcrumb-item::before {
        padding-left: 10px !important; /* غيّر الرقم حسب المطلوب */
    }

    .hero {
        position: relative;
        z-index: 1;
    }
    
    .video-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0; /* خلف كل شيء */
        opacity: 1.0; /* شفافية مناسبة للخلفية */
        pointer-events: none; /* كي لا يعيق التفاعل مع الأزرار */
    }
    
  
  .circle-ISO {
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.8);
    border: 2px solid #2a3b53;
    color: #fff;
    text-align: center;
    line-height: 140px;
    font-size: 18px;
    font-weight: bold;
    animation: orbit 20s linear infinite, pulse 2s infinite;
  }
  
  /* مواضع الدوائر */
  .iso1 { top: 0; left: 50%; transform-origin: -200px 200px; }
  .iso2 { top: 20%; right: 0; transform-origin: -200px -200px; }
  .iso3 { bottom: 20%; right: 0; transform-origin: 200px -200px; }
  .iso4 { bottom: 0; left: 50%; transform-origin: 200px 200px; }
  .iso5 { top: 20%; left: 0; transform-origin: 200px -200px; }
  .iso-6 { top: 0; left: 50%; transform-origin: -200px 200px; }

  .circle-ISO.iso-6 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* أو contain إذا أردت إظهارها كاملة */
    border-radius: 50%; /* يحافظ على الشكل الدائري */
}

  /* الدوران */
  @keyframes orbit {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  /* النبض */
  @keyframes pulse {
    0% { box-shadow: 0 0 10px #1b74a8; }
    50% { box-shadow: 0 0 30px #1b74a8; }
    100% { box-shadow: 0 0 10px #1b74a8; }
  }