body {
            color: #000;
            overflow-x: hidden;
            height: 100%;
            background-color: #B0BEC5;
            background-repeat: no-repeat;
        }

        .card0 {
            box-shadow: 0px 4px 8px 0px #757575;
            border-radius: 0px;
        }

        .card2 {
            margin: 0px 40px;
        }

        .logo {
            width: 200px;
            height: 100px;
            margin-top: 20px;
            margin-left: 35px;
        }

        .image {
            width: 360px;
            height: 280px;
        }

        .border-line {
            border-right: 1px solid #EEEEEE;
        }

        .facebook {
            background-color: #3b5998;
            color: #fff;
            font-size: 18px;
            padding-top: 5px;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            cursor: pointer;
        }

        .twitter {
            background-color: #1DA1F2;
            color: #fff;
            font-size: 18px;
            padding-top: 5px;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            cursor: pointer;
        }

        .linkedin {
            background-color: #2867B2;
            color: #fff;
            font-size: 18px;
            padding-top: 5px;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            cursor: pointer;
        }

        .line {
            height: 1px;
            width: 45%;
            background-color: #E0E0E0;
            margin-top: 10px;
        }

        .or {
            width: 10%;
            font-weight: bold;
        }

        .text-sm {
            font-size: 14px !important;
        }

        ::placeholder {
            color: #BDBDBD;
            opacity: 1;
            font-weight: 300
        }

        :-ms-input-placeholder {
            color: #BDBDBD;
            font-weight: 300
        }

        ::-ms-input-placeholder {
            color: #BDBDBD;
            font-weight: 300
        }

        input,
        textarea {
            padding: 10px 12px 10px 12px;
            border: 1px solid lightgrey;
            border-radius: 2px;
            margin-bottom: 5px;
            margin-top: 2px;
            width: 100%;
            box-sizing: border-box;
            color: #2C3E50;
            font-size: 14px;
            letter-spacing: 1px;
        }

        input:focus,
        textarea:focus {
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            border: 1px solid #304FFE;
            outline-width: 0;
        }

        button:focus {
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            outline-width: 0;
        }

        a {
            color: inherit;
            cursor: pointer;
        }

        .btn-blue {
            background-color: #1A237E;
            width: 150px;
            color: #fff;
            border-radius: 2px;
        }

        .btn-blue:hover {
            background-color: #000;
            cursor: pointer;
        }

        .bg-blue {
            color: #fff;
            background-color: #1A237E;
        }

        @media screen and (max-width: 1200px) {
            .card0 {
                margin: 15px;
            }
            .card2 {
                margin: 0px 30px;
            }
            .image {
                width: 100%;
                max-width: 100%;
                height: auto;
            }
        }

        @media screen and (max-width: 991px) {
            .logo {
                margin-left: 0px;
            }
            .image {
                width: 100%;
                max-width: 100%;
                height: auto;
            }
            .border-line {
                border-right: none;
            }
            .card2 {
                border-top: 1px solid #EEEEEE !important;
                margin: 0px 15px;
            }
            table {
                width: 100%;
                font-size: 14px;
            }
            table td {
                padding: 8px 5px;
                font-size: 13px;
            }
        }

        @media screen and (max-width: 768px) {
            body {
                font-size: 14px;
            }
            .card0 {
                margin: 10px;
            }
            .card2 {
                margin: 0px 10px !important;
                padding: 20px 15px !important;
            }
            .logo {
                width: 150px;
                height: 75px;
                margin-left: 0px;
            }
            .image {
                width: 100% !important;
                height: auto !important;
            }
            table {
                width: 100% !important;
                font-size: 12px;
                display: block;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }
            table td {
                padding: 6px 4px !important;
                font-size: 12px;
            }
            .text-sm {
                font-size: 13px !important;
            }
            input, textarea {
                font-size: 14px !important;
                padding: 10px !important;
            }
            .btn-header-link {
                font-size: 14px !important;
                padding: 15px !important;
            }
            #main {
                margin: 30px 0;
            }
            #main #faq .card .card-header .btn-header-link {
                padding: 15px;
                font-size: 14px;
            }
        }

        @media screen and (max-width: 576px) {
            body {
                font-size: 13px;
            }
            .card0 {
                margin: 5px;
            }
            .card2 {
                margin: 0px 5px !important;
                padding: 15px 10px !important;
            }
            .logo {
                width: 120px;
                height: 60px;
            }
            .image {
                width: 100% !important;
                height: auto !important;
            }
            table {
                font-size: 11px;
            }
            table td {
                padding: 5px 3px !important;
                font-size: 11px;
            }
            .text-sm {
                font-size: 12px !important;
            }
            input, textarea {
                font-size: 13px !important;
                padding: 8px !important;
            }
            .btn-header-link {
                font-size: 12px !important;
                padding: 12px !important;
            }
            #main {
                margin: 20px 0;
            }
            #main #faq .card .card-header .btn-header-link {
                padding: 12px;
                font-size: 12px;
            }
            .btn-blue {
                width: 100%;
            }
        }

        @media screen and (max-width: 400px) {
            body {
                font-size: 12px;
            }
            .card2 {
                margin: 0px 3px !important;
                padding: 10px 8px !important;
            }
            .logo {
                width: 100px;
                height: 50px;
            }
            table {
                font-size: 10px;
            }
            table td {
                padding: 4px 2px !important;
                font-size: 10px;
            }
            .text-sm {
                font-size: 11px !important;
            }
            input, textarea {
                font-size: 12px !important;
                padding: 7px !important;
            }
            .btn-header-link {
                font-size: 11px !important;
                padding: 10px !important;
            }
            #main #faq .card .card-header .btn-header-link {
                padding: 10px;
                font-size: 11px;
            }
        }

        #main {
            margin: 50px 0;
        }

        ac #main #faq .card {
            margin-bottom: 30px;
            border: 0;
        }

        #main #faq .card .card-header {
            border: 0;
            -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
            box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
            border-radius: 2px;
            padding: 0;
        }

        #main #faq .card .card-header .btn-header-link {
            color: #fff;
            display: block;
            text-align: left;
            background: #FFE472;
            color: #222;
            padding: 20px;
        }

        #main #faq .card .card-header .btn-header-link:after {
            content: "\f107";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            float: right;
        }

        #main #faq .card .card-header .btn-header-link.collapsed {
            background: #A541BB;
            color: #fff;
        }

        #main #faq .card .card-header .btn-header-link.collapsed:after {
            content: "\f106";
        }

        #main #faq .card .collapsing {
            background: #FFE472;
            line-height: 30px;
        }

        #main #faq .card .collapse {
            border: 0;
        }

        #main #faq .card .collapse.show {
            background: #FFE472;
            line-height: 30px;
            color: #222;
        }