@font-face {
    font-family: ETmodules;
    font-display: swap;
    src: url(../../fonts/fonts/modules.ttf) format("truetype"), url(../../fonts/fonts/modules.woff) format("woff"), url(../../fonts/Khula/Khula-SemiBold.ttf) format("truetype");
    /*url(//boxcardemo.com/visionsystems/wp-content/themes/Divi/core/admin/fonts/modules.svg#ETmodules) format("svg");*/
    font-weight: 400;
    font-style: normal;
}

.learn-more-button {
    color: #ffffff !important;
    border-radius: 40px;
    font-size: 26px;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #848484;
    padding: 0.3em 1em !important;
    Display: inline-block;
    transition: all 300ms ease 0ms;
    background-color: #379140;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 0px;
    line-height: 1.7em !important;
    height: 73px;
    width: 237px;
}
.Download-button {
    color: #ffffff !important;
    border-width: 2px !important;
    border-color: #848484;
    border-radius: 40px;
    letter-spacing: 1px;
    font-size: 19px;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    background-image: linear-gradient(to right, #1D4350, #CB3066);
    padding: 0.3em 1em !important;
    Display: inline-block;
    transition: all 300ms ease 0ms;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    line-height: 1.7em !important;
    text-decoration:none !important;
}
.Download-button a{
    text-decoration: none;
}
    .Download-button a:hover {
        opacity: 1 !important;
        color: #fff !important;
        background-color: rgba(55, 145, 64, 0.8);
    }



.book-button a {
    color: #fff !important;
    font-family: system-ui !important;
    background-color: #32853B;
    line-height: 9px;
    font-weight: 500;
    padding: 13px 40px !important;
    text-transform: uppercase;
    font-size: 33px !important;
    border-radius: 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 25px;
    letter-spacing: 1px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    border: 2px solid #379140;
    max-width: 300px;
    text-decoration: none;
    letter-spacing:-1;
}
    .book-button a:hover, .book-button a:focus {
        background-color: white;
        color: #32853B !important;
        border: 2px solid #32853B;
        outline: none !important;
    }
    /*.book-button a:hover {
        opacity: 1 !important;
        color: #fff !important;
        background-color: rgba(55, 145, 64, 0.8);
    }*/
@media (max-width:600px) {
    .book-button a {
        color: #fff !important;
        font-family: system-ui !important;
        background-color: #379140;
        line-height: 9px;
        font-weight: 500;
        padding: 5px 22px !important;
        text-transform: uppercase;
        font-size: 12px !important;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        letter-spacing: 1px;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        border: 2px solid #379140;
        max-width: 177px;
        text-decoration: none;
    }
        .book-button a:hover, .book-button a:focus {
            background-color: white;
            color: #32853B !important;
            border: 2px solid #32853B;
            outline:none!important;
        }
        /*.book-button a:hover {
            opacity: 1 !important;
            color: #fff !important;
            background-color: rgba(55, 145, 64, 0.8);
        }*/
}


.book-button-margin {
    margin-top: 4.75%;
    margin-bottom: 4.75%;
}
@media(min-width:621px){
    .book-button-link a {
        color: #fff !important;
        font-family: system-ui !important;
        background-color: #32853B;
        line-height: 9px;
        font-weight: 500 !important;
        padding: 10px 22px !important;
        text-transform: uppercase;
        font-size: 19px !important;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        letter-spacing: 1px;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        border: 2px solid #379140;
        min-width: 212px;
        text-decoration: none;
    }

        .book-button-link a:hover, .book-button-link a:focus {
            background-color: white;
            color: #32853B !important;
            border: 2px solid #32853B;
            outline: none !important;
        }
}
@media(max-width:620px) {
    .book-button-link a {
        color: #fff !important;
        font-family: system-ui !important;
        background-color: #32853B;
        line-height: 9px;
        font-weight: 500 !important;
        padding: 10px 22px !important;
        text-transform: uppercase;
        font-size: 11px !important;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        letter-spacing: 1px;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        border: 2px solid #379140;
        min-width: 212px;
        text-decoration: none;
        margin-left: 11px;
    }

        .book-button-link a:hover, .book-button-link a:focus {
            background-color: white;
            color: #32853B !important;
            border: 2px solid #32853B;
            outline: none !important;
        }
}



    @media (min-width:621px) {
        .navbar-collapse.collapse.in {
            height: 444px;
            min-width: 233px;
            margin-top: 16px;
            margin-right: -15px;
            color: darkblue;
        }

        #top-menu {
            padding-bottom: 35px;
            padding-top: 16px;
        }
    }

    @media (max-width:480px) {
        .navbar-mobile-collapse {
            float: right;
            text-align: center;
            margin-right: -15px;
            min-height: 380px;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .navbar-mobile-collapse {
            float: right;
            text-align: center;
            margin-right: -15px;
            min-height: 380px;
        }
    }

    @media (min-width:621px) {
        .navbar-mobile-collapse {
            float: right;
            text-align: center;
            margin-right: -15px;
        }
    }

    @media (min-width: 300px) and (max-width:600px) {
        #logo {
            height: auto;
            padding-top: 17px;
            width: 16em !important;
            max-width: inherit;
            padding-left: 10px !important;
        }

        .banner-img {
            width: 175px;
        }
    }

    @media (min-width:601px) and (max-width: 768px) {
        #logo {
            height: auto;
            padding-top: 17px;
            width: 16em !important;
            max-width: inherit;
        }

        .banner-img {
            width: 175px;
        }
    }

    @media (min-width:769px) and (max-width: 992px) {
        #logo {
            height: auto;
            padding-top: 17px;
            max-width: 16em;
        }

        .banner-img {
            width: 175px;
        }
    }

    @media (min-width:993px) and (max-width: 1200px) {
        #logo {
            height: auto;
            padding-top: 17px;
            /*width: 12% !important;*/
            max-width: 16em;
        }

        .banner-img {
            width: 175px;
        }
    }

    @media (min-width:1201px) and (max-width: 1370px) {
        #logo {
            height: auto;
            padding-top: 16px;
            max-width: 16em;
        }

        .banner-img {
            width: 175px;
        }
    }

    @media (min-width:1371px) and (max-width: 4000px) {
        #logo {
            height: auto;
            padding-top: 17px;
            width: 16em !important;
            max-width: inherit;
        }

        .banner-img {
            width: 175px;
        }
        .nav-Responsive {
            max-width: 599px !important;
            float: right;
            line-height: 93px;
        }
        .nav-Responsive a{
            margin-right:30px;
        }
    }
    @media (min-width:621px)
    {
        .logo-responsive {
            width:90%
        }
    }
    #logo {
        height: auto;
        padding-top: 16px;
        /*max-width: 8em;*/
    }


    div.learn-more-modal {
        background-image: linear-gradient(180deg,rgba(48,48,48,0.81) 0%,rgba(48,48,48,0.81) 100%), url('../../Images/business-02.jpg') !important;
    }
    /*for Image */
    div.remain-stuck-child {
        background-image: linear-gradient(180deg,rgba(48,48,48,0.81) 0%,rgba(48,48,48,0.81) 100%), url('../../Images/Overview_Image_16.jpg') !important;
    }


    div.about-us-1 {
        background-image: linear-gradient(190deg,rgba(8,31,77,0.5) 30%,rgba(8,31,77,0.95) 73%),url('../../Images/business-01.jpg') !important;
    }

    div.about-us-2 {
        background-image: linear-gradient(180deg,rgba(48,48,48,0.81) 0%,rgba(48,48,48,0.81) 100%),url('../../Images/Overview_Image_10.jpg') !important;
    }


    @media (min-width:621px) {
        div.first-child {
            background-image: linear-gradient(221deg,rgba(8,31,77,0.5) 30%,rgba(8,31,77,0.95) 73%),url('../../Images/Cover_Image_01.jpg') !important;
           /* padding-left: 32px;
            padding-right: 20px;*/
            padding-bottom: 24px;
            height: 855px;
        }

        .book-outline {
            min-height: 700px;
            vertical-align: middle;
            margin: auto;
            padding: 300px 0px 300px 300px;
        }

            .book-outline p {
                color: #081F4D;
                font-weight: 600;
                font-size: 26.5px !important;
            }
    }

    @media(max-width: 481px) and (max-width: 620px) {
        div.first-child {
            background-image: linear-gradient(221deg,rgba(8,31,77,0.5) 30%,rgba(8,31,77,0.95) 73%),url('../../Images/Cover_Image_01.jpg') !important;
            height: 600px;
            width: 52.3em
        }

        .book-outline {
            min-height: 268px;
            vertical-align: middle;
            margin: auto;
            padding: 86px 0px 24px 86px;
        }

            .book-outline p {
                color: #081F4D;
                font-weight: 700;
                font-size: 29.5px !important;
                padding-bottom: 21px;
            }
    }


    div.explore-child {
        background-image: linear-gradient(180deg,rgba(48,48,48,0.82) 0%,#303030 100%), url('../../Images/Cover_Image_02.jpg') !important;
    }

    .learn-more-background {
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        z-index: 10;
        box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
    }

    .about-us-1-background {
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        z-index: 10;
        box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
    }

    .about-us-2-background {
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        z-index: 10;
        box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
    }

    @media(max-width: 481px) and (max-width: 620px) {
        .first-child-background {
            background-size: cover;
            background-position: 78%;
            background-repeat: no-repeat;
            z-index: 10;
            box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
            height: 850px;
        }
    }

    @media(min-width: 620px) {
        .first-child-background {
            background-size: cover;
            background-position: 50%;
            background-repeat: no-repeat;
            z-index: 10;
            box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
            height: 850px;
        }
    }


    .second-child-background {
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        z-index: 10;
        box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
    }

    .remain-stuck-child-background {
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        z-index: 10;
        box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
    }


    h1, .h1, h2, .h2, h3, .h3 {
        margin-top: 12px;
        margin-bottom: 10px;
    }

    .panel-2 {
        padding-top: 4%;
    }

    .panel-1-text {
        color: #ffffff !important;
    }

    @media (max-width:480px) {
        .panel-1-head-text h1 {
            font-family: system-ui;
            color: #ffffff !important;
            font-size: 2.2em;
            font-weight: 500;
        }

        .panel-1-head-text h3 {
            font-family: system-ui;
            color: #ffffff !important;
            font-size: 4.3em;
            font-weight: 500;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .panel-1-head-text h1 {
            font-family: system-ui;
            color: #ffffff !important;
            font-size: 2.8em;
            font-weight: 500;
        }

        .panel-1-head-text h3 {
            font-family: system-ui;
            color: #ffffff !important;
            font-size: 4.3em;
            font-weight: 500;
        }
    }

    @media(min-width:621px) {
        .panel-1-head-text h1 {
            font-family: system-ui;
            color: #ffffff !important;
            font-size: 2.8em;
            font-weight: 500;
        }

        .panel-1-head-text h3 {
            font-family: system-ui;
            color: #ffffff !important;
            font-size: 6.3em;
            font-weight: 500;
        }
    }

    @media (min-width: 768px) {
        .panel-1-column {
            padding-top: 5%;
            margin-left: auto !important;
            margin-right: auto !important;
            max-width: 1200px;
            padding-bottom: 7%;
        }
    }

    @media (min-width:1600px) {
        .panel-1-column {
            padding-top: 5%;
            margin-left: auto !important;
            margin-right: auto !important;
            max-width: 1200px;
            padding-bottom: 9%;
            padding-left: 0px;
        }
    }

    @media (max-width:480px) {
        .panel-1-head-text h2 {
            font-family: system-ui;
            font-size: 1.8em;
            color: #a2ce7c !important;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .panel-1-head-text h2 {
            font-family: system-ui;
            font-size: 1.2em;
            color: #a2ce7c !important;
            padding-top: 3px;
            padding-bottom: 3px;
        }
    }

    @media (min-width:621px) {

        .panel-1-head-text h2 {
            font-family: system-ui;
            font-size: 34px;
            color: #a2ce7c !important;
            padding-top: 9px;
            padding-bottom: 9px;
        }
    }

    @media (max-width:480px) {
        .panel-1-head-text h3 {
            font-family: system-ui;
            color: #ffffff !important;
            font-size: 2.3em;
        }
    }

    @media (max-width:481px) and (max-width:620px) {
        .panel-1-head-text h3 {
            font-family: system-ui;
            color: #ffffff !important;
            font-size: 4.3em;
        }
    }

    @media (min-width:621px) {
        .panel-1-head-text h3 {
            font-family: system-ui;
            color: #ffffff !important;
            font-size: 6.3em;
        }
    }

    @media (max-width:620px) {
        .panel-1-book-a-demo {
            text-align: center;
            padding-top: 16px;
            /*padding-bottom: 4%;*/
            margin-left: -6%;
        }
    }

    @media (min-width:620px) {
        .panel-1-book-a-demo {
            padding-top: 16px;
            padding-bottom: 4%;
        }
    }

    @media (max-width:480px) {
        .Home-panel-content-column {
            float: left;
            max-width: 97px;
            padding-right: 0%;
            padding-left: 0%;
            font-size: 1px;
        }
    }

    @media (min-width:480px) and (max-width:620px) {
        .Home-panel-content-column {
            float: left;
            max-width: 141px;
            padding-right: 3%;
            padding-left: 0%;
            font-size: 1px;
        }
    }

    @media (min-width:621px) {
        .Home-panel-content-column {
            float: left;
            max-width: 400px;
            padding-right: 8%;
            text-align: center;
        }

            .Home-panel-content-column h3 {
                font-family: system-ui;
                font-weight: 500;
                font-size: 26px;
                color: #a2ce7c !important;
            }
    }

    @media (max-width:620px) {
        .first-child-para-2 {
            padding-left: 3.67em;
        }
    }

    @media (max-width:620px) {
        .first-child-para-3 {
            padding-left: 3.67em;
        }
    }

    @media (max-width:480px) {
        .panel-1-para-title {
            font-family: system-ui;
            font-weight: 500;
            font-size: 10px;
            color: #a2ce7c !important;
            text-align: center;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .panel-1-para-title {
            font-family: system-ui;
            font-weight: 500;
            font-size: 13px;
            color: #a2ce7c !important;
            text-align: center;
        }
    }

    @media (max-width:620px) {
        .panel-1-para-body {
            font-family: system-ui;
            font-size: 10px;
            line-height: 1.5em;
            text-align: center;
        }
    }

    @media (max-width:620px) {
        .panel-2-1 {
            max-width: 600px;
            margin-left: auto !important;
            margin-right: auto !important;
            padding-top: 33px;
        }
    }

    @media (min-width:621px) {
        .panel-2-1 {
            max-width: 1102px;
            margin-left: auto !important;
            margin-right: auto !important;
            padding-top: 88px;
        }
    }

    @media (max-width:620px) {
        .panel-2-head-text h2 {
            font-family: system-ui;
            font-weight: 500;
            font-size: 20px;
            color: #081f4d !important;
        }
    }

    @media (min-width:621px) {
        .panel-2-head-text h2 {
            font-family: system-ui;
            font-weight: 500;
            font-size: 38px;
            color: #081f4d !important;
        }
    }


    .panel-2-sub-head-text {
        font-weight: 600;
        color: #2d2d2d !important;
        font-size: 18px;
        font-family: system-ui;
    }

    @media (max-width:620px) {
        .panel-2-head-text-b2 h2 {
            font-family: system-ui;
            font-weight: 600;
            font-size: 19px;
            color: #379140 !important;
            line-height: 1.2em;
            padding-top: 19px;
            padding-bottom: 21px;
        }
    }

    @media (min-width:621px) {
        .panel-2-head-text-b2 h2 {
            font-family: system-ui;
            font-weight: 600;
            font-size: 28px;
            color: #379140 !important;
            line-height: 1.2em;
            padding-top: 19px;
            padding-bottom: 21px;
        }
    }

    @media (max-width:620px) {
        .panel-1-text-b2 h3 {
            font-family: system-ui;
            font-weight: 500;
            font-size: 14px;
            color: #2d2d2d !important;
        }
    }

    @media (min-width:621px) {
        .panel-1-text-b2 h3 {
            font-family: system-ui;
            font-weight: 500;
            font-size: 24px;
            color: #2d2d2d !important;
            text-align: left;
        }

        .panel-1-text-b2 img {
            width: 39px;
        }
    }

    @media (max-width:620px) {
        .panel-3-check-text {
            padding-left: 12%;
            max-width: 100%;
            padding-bottom: 36px;
        }

        .panel-3-check h3 {
            text-align: left;
        }

        .panel-3-check img {
            width: 21px;
        }
    }

    @media (min-width:621px) {
        .panel-3-check-text {
            padding-left: 20%;
            max-width: 100%;
            padding-bottom: 60px;
        }

        .panel-3-check h3 {
            text-align: left !important;
        }

        .panel-3-check img {
        }
    }

    @media (max-width:620px) {
        .panel-3-check-text-img {
            width: 16px !important;
        }
    }

    @media (max-width:480px) {
        .panel-3-book-a-demo {
            width: 356px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            padding-right: 36px;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .panel-3-book-a-demo {
            width: 551px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            padding-right: 36px;
        }
    }

    @media (min-width:621px) {
        .panel-3-book-a-demo {
            width: 551px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            padding-right: 63px;
        }
    }

    @media (max-width:480px) {
        .panel-3-book-a-demo-1 {
            margin-left: auto !important;
            margin-right: auto !important;
            padding-bottom: 59px;
            padding-left: 36px;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .panel-3-book-a-demo-1 {
            margin-left: auto !important;
            margin-right: auto !important;
            padding-bottom: 59px;
            padding-left: 0px;
        }
    }

    @media (min-width:621px) {
        .panel-3-book-a-demo-1 {
            margin-left: auto !important;
            margin-right: auto !important;
            padding-bottom: 95px;
            padding-left: 0px;
        }
    }

    @media (max-width:480px) {
        .panel-4-1 {
            margin-left: auto !important;
            margin-right: auto !important;
            width: 380px;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .panel-4-1 {
            margin-left: auto !important;
            margin-right: auto !important;
            width: 447px;
        }
    }

    @media (min-width:621px) {
        .panel-4-1 {
            margin-left: auto !important;
            margin-right: auto !important;
            width: 1058px;
        }
    }

    .panel-3-text h3 {
        font-family: system-ui;
        color: white !important;
        max-width: 440px;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        font-weight: 400;
    }

    @media (max-width:480px) {
        .panel-3-text h3 {
            font-size: 11px;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .panel-3-text h3 {
            font-size: 18px;
        }
    }

    @media (min-width:621px) {
        .panel-3-text h3 {
            font-size: 26px;
        }
    }

    @media (max-width:620px) {
        .panel-5 {
            text-align: center;
            padding-bottom: 33px;
            padding-top: 14px;
        }
    }

    @media (min-width:621px) {
        .panel-5 {
            text-align: center;
            padding-bottom: 80px;
            padding-top: 30px;
        }
    }

    @media (max-width:480px) {
        .panel-5-center {
            line-height: 2em;
            margin-left: 0px;
            margin-right: auto;
        }
    }

    @media (min-width:480px) and (max-width:620px) {
        .panel-5-center {
            line-height: 2em;
            margin-left: 73px;
            margin-right: auto;
        }
    }

    @media (min-width:621px) {
        .panel-5-center {
            line-height: 2em;
        }
    }

    @media (max-width:620px) {
        .panel-6-detials {
            margin-top: -6%;
            margin-bottom: 9%;
        }
    }


    @media (max-width:620px) {
        .panel-6-img-margin {
            margin-bottom: -6%;
        }
    }


    panel-6-img-margin


    h3 {
        font-family: system-ui;
        font-weight: 500;
        font-size: 26px;
        color: #a2ce7c !important;
    }

    p {
        font-family: system-ui;
        font-size: 19.5px;
        line-height: 1.5em;
    }

    @media (max-width:620px) {
        .panel-2-text p {
            font-family: system-ui;
            font-size: 15.5px;
            line-height: 1.5em;
            color: #2d2d2d !important;
        }
    }

    @media (min-width:621px) {
        .panel-2-text p {
            font-family: system-ui;
            font-size: 21.5px;
            line-height: 1.5em;
            color: #2d2d2d !important;
        }
    }


    .panel-3-text p {
        font-family: system-ui;
        font-weight: 600;
        line-height: 1.4em;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 0px !important;
        color: white;
        max-width: 1023px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    @media (max-width:480px) {
        .panel-3-text p {
            font-size: 12px;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .panel-3-text p {
            font-size: 19px;
        }
    }

    @media (min-width:621px) {
        .panel-3-text p {
            font-size: 25px;
        }
    }

    @media (max-width:600px) {
        .text-start {
            padding-top: 6em;
            max-width: 1380px;
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media (min-width:601px) {
        .text-start {
            padding-top: 22em !important;
            max-width: 1380px;
            margin-left: auto;
            margin-right: auto;
            padding-bottom: 2.7em;
        }
    }

    @media (max-width:481px) and (max-width:620px) {
        .text-start {
            padding-left: 7em;
            padding-top: 19em;
            max-width: 1380px;
            /*padding-bottom: 3.7em;*/
        }
    }


    .text-end {
        padding-bottom: 7em;
    }

    .user-comment {
        padding-top: 67px;
        padding-bottom: 67px;
        background-color: #081f4d !important;
    }

    @media (max-width:480px) {
        .user-comment {
            padding-top: 37px;
            padding-bottom: 37px;
            background-color: #081f4d !important;
        }
    }

    .user-comment-block-1 {
        max-width: 896px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .user-comment-block-2 {
        max-width: 896px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .user-comment-Home-2 {
        padding-top: 67px;
        padding-bottom: 67px;
        background-color: #081f4d !important;
    }

    @media (max-width:480px) {
        .explore-text-1 {
            font-family: system-ui;
            font-weight: 600;
            font-size: 1.5em;
            color: #ffffff !important;
            width: 380px;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .explore-text-1 {
            font-family: system-ui;
            font-weight: 600;
            font-size: 1.5em;
            color: #ffffff !important;
            width: 447px;
        }
    }

    @media (min-width:621px) {
        .explore-text-1 {
            font-family: system-ui;
            font-weight: 600;
            font-size: 38px;
            color: #ffffff !important;
        }
    }

    @media (max-width:620px) {
        .explore-text-2 {
            font-family: system-ui;
            color: #ffffff !important;
            line-height: 1.6em;
            text-align: center;
            max-width: 17em;
            font-size: 16px;
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media (min-width:621px) {
        .explore-text-2 {
            font-family: system-ui;
            color: #ffffff !important;
            line-height: 1.6em;
            text-align: center;
            max-width: 17em;
        }
    }


    .explore-text-3 {
        font-family: system-ui;
        font-size: 24px;
        color: #ffffff !important;
        line-height: 1.2em;
        padding-top: 2em;
    }

    .explore-text-4 {
        font-family: system-ui;
        font-weight: 600;
        font-size: 30px;
        color: #ffffff !important;
        line-height: 1.2em;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    @media (max-width:620px) {
        .explore-text-5 {
            font-family: system-ui;
            color: #ffffff !important;
            line-height: 1.6em;
            text-align: center;
            font-size: 14px;
            max-width: 427px;
        }
    }

    @media (min-width:621px) {
        .explore-text-5 {
            font-family: system-ui;
            color: #ffffff !important;
            line-height: 1.6em;
            text-align: center;
            font-size: 22px;
            max-width: 1053px;
        }
    }

    @media (max-width:620px) {
        .explore-text-6 {
            font-family: system-ui;
            color: #ffffff !important;
            line-height: 1.6em;
            text-align: center;
            font-weight: bold;
            font-size: 12px;
            padding-bottom: 4px;
        }
    }

    @media (min-width:621px) {
        .explore-text-6 {
            font-family: system-ui;
            color: #ffffff !important;
            line-height: 1.6em;
            text-align: center;
            font-weight: bold;
            font-size: 28px;
            padding-bottom: 50px;
        }
    }

    @media (max-width:620px) {
        .explore-text-7 {
            font-family: system-ui;
            font-weight: 600;
            font-size: 20px;
            color: #ffffff !important;
            line-height: 1.6em;
            padding-right: 1em;
        }
    }

    @media (min-width:621px) {
        .explore-text-7 {
            font-family: system-ui;
            font-weight: 600;
            font-size: 23px;
            color: #ffffff !important;
            line-height: 1.6em;
            padding-right: 1em;
        }
    }

    @media (max-width:620px) {
        .overview-text-1 {
            font-family: system-ui;
            font-weight: 600;
            font-size: 3.8em;
            color: white !important;
            line-height: 1.2em;
            text-align: left;
            padding-top: 224px;
            padding-left: 14% !important;
        }
    }

    @media (min-width:621px) {
        .overview-text-1 {
            font-family: system-ui;
            font-weight: 600;
            font-size: 3.8em;
            color: white !important;
            line-height: 1.2em;
            text-align: left;
            padding-top: 146px;
            padding-left: 14% !important;
        }
    }

    @media (max-width:620px) {
        .overview-text-2 {
            font-family: system-ui;
            font-weight: 400;
            font-size: 1.7em;
            line-height: 1.2em;
            text-align: center;
            color: white !important;
            padding-left: 14% !important;
            text-align: left;
            padding-top: 5px;
            max-width: 628px;
        }

            .overview-text-2 span {
                color: #a2ce7c !important;
                font-style: italic;
            }
    }

    @media (min-width:621px) {
        .overview-text-2 {
            font-family: system-ui;
            font-weight: 400;
            font-size: 1.7em;
            line-height: 1.2em;
            text-align: center;
            padding-bottom: 12px;
            color: white !important;
            padding-left: 14% !important;
            text-align: left;
            padding-top: 5px;
            max-width: 790px;
        }

            .overview-text-2 span {
                color: #a2ce7c !important;
                font-style: italic;
            }
            .overview-text-2 a:hover {
                text-decoration: none;
                border-bottom: 2px solid white;
            }
        .planning-candiates{
            min-width:809px;
        }
    }

    @media (max-width:620px) {
        .remain-stuck-book-button {
            padding-top: 1%;
            padding-bottom: 6.1%;
            /*margin-left: 14% !important;*/
            margin-right: auto !important;
            width: 143px;
            margin-left:29px !important;
        }
        .remain-stuck-book-button-order-now {
            padding-top: 1%;
            padding-bottom: 6.1%;
            margin-left: 14% !important;
            margin-right: auto !important;
            width: 350px;
        }
        .planning-candiates {
            min-width: 645px;
        }
    }

    @media (min-width:621px) {
        .remain-stuck-book-button {
            padding-top: 1%;
            padding-bottom: 6.1%;
            margin-left: 14% !important;
            margin-right: auto !important;
            width: 350px;
            margin-left: 0px !important;
        }
        .remain-stuck-book-button-order-now {
            padding-top: 1%;
            padding-bottom: 6.1%;
            margin-left: 14% !important;
            margin-right: auto !important;
            width: 350px;
        }
    }

    @media (max-width:620px) {
        .overview-text-3 {
            font-family: system-ui;
            font-weight: 600;
            font-size: 25px;
            color: #ffffff !important;
            text-align: center;
        }
    }

    @media (min-width:621px) {
        .overview-text-3 {
            font-family: system-ui;
            font-weight: 600;
            font-size: 36px;
            color: #ffffff !important;
            text-align: center;
        }
    }


    @media (max-width:620px) {
        .overview-text-4 {
            font-family: system-ui;
            font-weight: 600;
            font-size: 22px;
            color: #ffffff !important;
            text-align: center;
            padding-bottom: 58px;
        }
    }

    @media (min-width:621px) {
        .overview-text-4 {
            font-family: system-ui;
            font-weight: 600;
            font-size: 22px;
            color: #ffffff !important;
            text-align: center;
            padding-bottom: 143px;
        }
    }

    .about-us-text-1 {
        font-family: system-ui;
        font-weight: 600;
        font-size: 31px;
        color: #ffffff !important;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    @media (max-width:480px) {
        .about-us-text-1 {
            font-size: 22px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
    }

    @media (min-width:621px) {
    }

    .about-us-block-2 {
        max-width: 896px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    @media (max-width:480px) {
        .about-us-block-2 {
            padding-top: 30px;
            padding-left: 3%;
            padding-right: 3%;
        }

            .about-us-block-2 p {
                font-size: 10px !important;
            }
    }

    @media (min-width:481px) and (max-width:620px) {
        .about-us-block-2 {
            padding-left: 3%;
            padding-right: 3%;
        }
    }

    .about-us-block-2-content {
        padding-bottom: 14px;
    }

    @media (min-width:621px) {
    }

    @media (max-width:480px) {
        .about-us-block-2-content {
            font-size: 10px;
        }
    }

    @media (max-width:480px) {
        .panel-3-text {
            font-size: 12px;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .panel-3-text {
            font-size: 14px;
        }
    }

    .about-us-block-4-text-1 {
        font-family: system-ui;
        font-weight: 600;
        font-size: 28px;
        color: #a2ce7c !important;
        line-height: 1.2em;
        padding-top: 92px;
        padding-bottom: 14px;
        max-width: 953px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    @media (max-width:480px) {
        .about-us-block-4-text-1 {
            font-size: 13px;
            padding-top: 40px;
            padding-bottom: 0px;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .about-us-block-4-text-1 {
            font-size: 18px;
            padding-top: 50px;
        }
    }


    .about-us-block-4-text-2 {
        font-family: system-ui;
        font-weight: 600;
        font-size: 36px;
        color: #ffffff !important;
        line-height: 1.2em;
        padding-bottom: 14px;
        max-width: 1064px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    @media (max-width:480px) {
        .about-us-block-4-text-2 {
            font-size: 11px;
            padding-bottom: 0px;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .about-us-block-4-text-2 {
            font-size: 15px;
            padding-top: 50px;
        }
    }

    @media (max-width:480px) {
        .about-us-panle-4-book-a-demo {
            padding-top: 3%;
            padding-bottom: 47px;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .about-us-panle-4-book-a-demo {
        }
    }

    @media (min-width:621px) {
        .about-us-panle-4-book-a-demo {
            padding-top: 3%;
            padding-bottom: 130px;
        }
    }

    .about-us-block-4-text-3 {
        font-family: system-ui;
        font-weight: 600;
        font-size: 28px;
        color: #a2ce7c !important;
        line-height: 1.2em;
        padding-bottom: 30px;
    }

    @media (max-width:480px) {
        .about-us-block-4-text-3 {
            font-size: 11px;
            padding-bottom: 0px;
        }
    }

    @media (min-width:481px) and (max-width:620px) {
        .about-us-block-4-text-3 {
            font-size: 15px;
        }
    }

    element.style {
    }

    @media (max-width:620px) {
        .explore-img-1 img {
            max-width: 15% !important;
            display: inline-block;
            position: relative;
            padding-bottom: 0px;
            width: 447px;
        }
    }

    @media (min-width:621px) {
        .explore-img-1 img {
            max-width: 58% !important;
            padding-right: 2.5em;
            display: inline-block;
            position: relative;
            padding-bottom: 25px;
        }
    }

    @media (max-width:620px) {
        .panel-6-book-button {
            text-align: center;
            padding-top: 9px;
            padding-bottom: 64px;
            margin-left: 0%;
        }
    }

    @media (min-width:621px) {
        .panel-6-book-button {
            text-align: center;
            padding-top: 44px;
            padding-bottom: 93px;
        }
    }

    @media (max-width:620px) {
        .swithcing-book-button {
            padding-left: 47px;
        }
    }

    @media (min-width:621px) {
        .swithcing-book-button {
            padding-top: 11%;
            padding-bottom: 12%;
            margin-left: auto !important;
            margin-right: auto !important;
            width: 239px;
        }
    }


    @media (max-width:480px) {
        .navbar-nav {
            margin: 69.5px -15px !important;
        }
    }

    @media (max-width:620px) {
        .navbar-nav {
            margin: 69.5px -15px !important;
        }
    }


    .motto {
        color: #2E38BA;
        font-family: system-ui;
        font-weight: 600;
        font-size: 20px;
        max-width: 12em;
    }

    .banner-img {
        padding-top: 13px;
    }

    .header-link {
        font-weight: bold;
        font-size: 19px !important;
    }

    a.header-link:hover {
        color: darkblue !important;
        zoom: 102%;
    }

    .footer {
        background: black !important;
        color: #8e8e8e !important;
        background-size: cover;
        padding-bottom: 40px;
        font-weight: bold;
        height: 231pt;
    }

    .footer-link {
        background: #161616 !important;
        color: #ffff !important;
        background-size: cover;
        font-weight: 500;
    }

    .footer .menu {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    ul, li {
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: 1.8em;
    }

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

    menu-name {
        font-size: 13px;
    }

    .footer .menu a {
        padding-right: 10px;
    }

    .footer a {
        color: #fff;
    }

    a {
        color: #000;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
    }

    a {
        color: #337ab7;
        text-decoration: none;
    }

    a {
        background-color: transparent;
    }

    .page-message {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .social-media {
        font-size: 36px;
        text-decoration: none;
        color: #8E8E8E;
    }

    .social-media-a {
        text-decoration: none;
    }

    .order-sumamry * {
        background-color: #eee;
        padding: 15px 15px 20px;
    }

    .text-color {
        color: darkblue !important;
    }

    @media (min-width: 300px) and (max-width:600px) {
        .container {
            margin-right: 2pt;
            margin-left: 2pt !important;
        }
    }

    .container {
        min-width: 95%;
        margin-right: 41pt;
        margin-left: 41pt;
    }

    .chapters {
        max-width: 75%;
        margin: auto;
    }

    .card-body {
        max-width: 95%;
        margin-bottom: 10px;
        background-color: #DCDDE0;
    }



    .chapter-arrow {
        margin-left: auto;
        margin-top: auto;
        margin-bottom: auto;
    }


@media(max-width:620px)
{
    .client-footer {
        text-align: center;
        padding-top: 20px;
        line-height: 63px;
        max-width: 612px;
    }

        .client-footer span {
            padding-right: 20px;
            font-size: 17px;
        }
    .span-1-footer {
        content: "\a";
        white-space: pre;
    }
}

@media (min-width:621px)
{
    .client-footer {
        padding-top: 20px;
        line-height: 63px;
        max-width: 881px;
        text-align: center;
        line-height: 20em;
        margin: auto;
    }

        .client-footer span {
            padding-right: 60px;
            font-size: 20px;
        }

}