* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
     font-family: "Roboto", sans-serif;
     letter-spacing: 0.1em;
margin: auto;
text-align: center;

background-color: #ffffff;

color: #0f0f0f;

overflow-x: hidden;

position: relative;

overflow-y: auto;

scrollbar-gutter: auto;
}

.powered{background-color: #bbbbbb; position: fixed;bottom: 0;text-align: center;font-size: 8pt;font-weight: 900;padding-top: 2px;padding-bottom: 2px; color:#483785 }



h2{
    color: #483785;

    font-weight: 800;
    font-size: 20pt;
}

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

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.title {margin-top: 7px;margin-left: 0.7em;}


.title h3 {
    color: #000000;
    font-size: 14pt;
    font-weight: 700;
    }

 .title p {font-size: 9.2pt;font-weight: 700;color: #757575;}

.title2  {font-size: 9pt;font-weight: 500;color: #939393; margin-top: -20px;}



.btn{
    cursor: pointer;
}

.page-window{
margin-bottom: 50px;
margin-top: -20px;
}

.btn-h {
    border-radius: 30px;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 900;
    color: #fff;
    border: none;
    background-color: #ff3232;
    max-width: 450px;
    text-align:center;
    padding: 0.5% 3%;

    margin: auto;
}

        .m-btn {
            height: 7em;
            width: 10em;
            margin: 1em;
            padding-left: 0.5%;
            padding-right: 0.5%;
            border-radius: 7%;
            text-align: center;
            font-size: 1em;
            font-weight: 800;
            line-height: 15px;
            box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.2), 2px 1px 10px 0 rgba(0, 0, 0, 0.19);
            border-radius: 15px;
            border-color: #483785;
            background-color: #483785;
        }



        .m-btn i {
            margin-bottom: 0.2em;
            opacity: 0;
            opacity: 1;
            color: #fff;
            text-shadow:1px 2px 3px #0202029f;
            }

            .m-btn i:hover {
                    transform: scale(1.2);
                    color: #00000049;
                }


        .m-btn {

            transition: transform 150ms;
          }

          .m-btn:hover {
            transform: translateY(-4px);

              box-shadow: 0 8px 14px 0 rgba(133, 133, 133, 0.541),0 17px 50px 0 rgba(32, 32, 32, 0.034);
          }


        .m-btn {
            height: 7em;
            width: 10em;
            margin: 1em;
            padding-left: 0.5%;
            padding-right: 0.5%;
            border-radius: 7%;
            text-align: center;
            font-size: 1em;
            font-weight: 600;
            line-height: 15px;
            box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.2), 2px 1px 10px 0 rgba(0, 0, 0, 0.19);
            border-radius: 15px;
            border-color: #483785;
            background-color: #483785;
            color: #fff;
        }



        .m-btn2 i {
            margin-bottom: 0.2em;
            opacity: 0;
            opacity: 1;
            color: #fff;
            text-shadow:1px 2px 3px #0202029f;
            }

            .m-btn2 i:hover {
                    transform: scale(1.2);
                    color: #00000049;
                }


        .m-btn2 {

            transition: transform 150ms;
          }

          .m-btn2:hover {
            transform: translateY(-4px);

              box-shadow: 0 8px 14px 0 rgba(133, 133, 133, 0.541),0 17px 50px 0 rgba(32, 32, 32, 0.034);
          }


        .btn-rounded {
            background-color: #04a700;
            margin: auto;
            text-align: left;
            border-radius: 30px;
            padding-top: 0;
            width: 25em;
            padding-bottom: 0;
            font-weight: 900;
            color: #fff;
            border: none;
        }

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

            .btn-rounded {
                width: 18em;
            }

         }


        .btn-rounded-core {margin-left: 14%;
            border-radius: 30px;
            padding-top: 0;
            padding-bottom: 0;
             font-size: 18pt;
             font-weight: 900;
             color: #fff;
            }


             @media only screen and (max-width: 430px) {
                .btn-rounded-core {
                    margin-left: 2%;
                    font-size: 17pt;
                }

             }

        .btn-label {
            padding: 8px;
            /* margin-right: 4px; */
            position: relative;
            margin: auto;
            left: -12px;
            display: inline-block;
            padding: 10px 10px;
            font-size: 20pt;
            background: rgb(255 255 255);
            color: #04f724;
            border-radius: 30px 30px;
            border: 1px solid rgb(191 191 191);
        }




        .card-img-top {
            max-height: 22em;
            /* border-bottom: 1px solid #060606; */
            /* box-shadow: 0px 3px #00000026; */
        }

        .pro-img {
            margin-top: -70px;
            margin-left: 50px;

        }

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

            .pro-img {
                margin-top: -70px;
                margin-bottom: 9px;
            }

        }

        @media only screen and (max-width: 380px) {
            .pro-img {
                margin-top: -50px;

            }
        }


        @media only screen and (max-width: 300px) {
            .pro-img {
                margin-top: -50px;

            }

        }

        .card-no-border .card {
            border-color: #d7dfe3;
            border-radius: 50px;
            margin-bottom: 30px;
            -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05)
        }

        .card-body {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }



        .little-profile .pro-img img {
            width: 160px;
            height: 160px;
            -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
            border-radius: 100%;
            box-shadow: 2px 2px 2px 0px #4b4b4b67;
            border: 1px solid #7b7a7a;
        }



        @media only screen and (max-width: 700px) {
            .pro-img {
                margin-top: -70px;
             margin-left: 40px;
            }

            .little-profile .pro-img img {
                width: 140px;
                height: 140px;
                -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
                border-radius: 100%;
                box-shadow: 2px 2px 2px 0px #4d4d4d54;
                border: 1px solid #474747;
            }

        }

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

            .little-profile .pro-img img {
                width: 120px;
                height: 120px;
                -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
                border-radius: 100%;
                box-shadow: 1px 1px 2px 0px #7171715e;
                border: 1px solid #5f5f5f5c;
            }

        }



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


            .little-profile .pro-img img {
                width: 95px;
                height: 95px;
                -webkit-box-shadow: 0 0 15px rgba(71, 34, 34, 0.2);
                border-radius: 100%;
                box-shadow: 2px 2px 2px 0px #57575767;
                border: 1px solid #474747ad;
            }

        }


        @media only screen and (max-width: 1200px) {
            .m-btn {
                height: 11em;
                width: 11.1em;
                margin-left: 0.5%;
                margin-right: 0.5%;
                margin-bottom: 0.5%;
                padding: 0.1em;
                font-size: 16pt;
            }

        }

        @media only screen and (max-width: 780px) {
            .m-btn {
                height: 8em;
                width: 8em;
                margin-left: 1%;
                margin-right: 1%;
                margin-bottom: 0.5%;
                padding: 0.1em;
                font-size: 16pt;
            }
        }

        @media only screen and (max-width: 610px) {
            .m-btn {
                height: 7.5em;
                width: 7.5em;
                margin-left: 1%;
                margin-right: 1%;
                margin-bottom: 0.1%;
                padding: 0.1em;
                font-size: 15pt;
            }
        }

        @media only screen and (max-width: 580px) {
            .m-btn {
                height: 6.5em;
                width: 7.5em;
                margin-left: 1%;
                margin-right: 1%;
                margin-bottom: 1%;
                padding: 0.1em;
                font-size: 11pt;
            }
        }


        @media only screen and (max-width: 418px) {
            .m-btn {
                height: 8em;
                width: 8.8em;
                margin-left: 2%;
                margin-right: 2%;
                margin-bottom: 0;
                padding: 0.5em;
                font-size: 9pt;
                background-color: #483785;
            }

            .m-btn i {
                margin-bottom: 0.5em;
            }


            @media only screen and (max-width: 365px) {
                .m-btn {
                    height: 9em;
                    width: 9em;
                    margin-left: 0.5%;
                    margin-right: 0.5%;
                    margin-bottom: 0.8%;
                    padding: 0 em;
                    font-size: 8pt;
                }

                .m-btn i {
                    margin-bottom: 0.5em;
                }

            }

            @media only screen and (max-width: 285px) {
                .m-btn {
                    height: 5em;
                    width: 9em;
                    margin-left: 0.2%;
                    margin-right: 0.2%;
                    margin-bottom: 0;
                    font-size: 9pt;
                }

                .m-btn i {
                    margin-bottom: 0.2em;
                }




         .about-us{
                margin-top: 0.1em;
                margin-bottom: 0.1em;
                font-size: 10pt;
                /* margin-left: -1%; */
                /* margin-right: -1%; */
                font-size: 8.5pt;
              }

        }




        @media only screen and (max-width: 1200px) {
            .m-btn2 {
                height: 11em;
                width: 11.1em;
                margin-left: 0.5%;
                margin-right: 0.5%;
                margin-bottom: 0.5%;
                padding: 0.1em;
                font-size: 16pt;
            }

        }

        @media only screen and (max-width: 780px) {
            .m-btn2 {
                height: 8em;
                width: 8em;
                margin-left: 1%;
                margin-right: 1%;
                margin-bottom: 0.5%;
                padding: 0.1em;
                font-size: 16pt;
            }
        }

        @media only screen and (max-width: 610px) {
            .m-btn2 {
                height: 7.5em;
                width: 7.5em;
                margin-left: 1%;
                margin-right: 1%;
                margin-bottom: 0.1%;
                padding: 0.1em;
                font-size: 15pt;
            }
        }

        @media only screen and (max-width: 580px) {
            .m-btn2 {
                height: 6.5em;
                width: 7.5em;
                margin-left: 1%;
                margin-right: 1%;
                margin-bottom: 1%;
                padding: 0.1em;
                font-size: 11pt;
            }
        }


        @media only screen and (max-width: 418px) {
            .m-btn2 {
                height: 8em;
                width: 8em;
                margin-left: 2%;
                margin-right: 2%;
                margin-bottom: 0;
                padding: 0.5em;
                font-size: 9pt;
                background-color: #483785;
            }

            .m-btn2 i {
                margin-bottom: 0.5em;
            }


            @media only screen and (max-width: 365px) {
                .m-btn2 {
                    height: 9em;
                    width: 9em;
                    margin-left: 0.5%;
                    margin-right: 0.5%;
                    margin-bottom: 0.8%;
                    padding: 0 em;
                    font-size: 8pt;
                }

                .m-btn2 i {
                    margin-bottom: 0.5em;
                }

            }

            @media only screen and (max-width: 285px) {
                .m-btn2 {
                    height: 5em;
                    width: 9em;
                    margin-left: 0.2%;
                    margin-right: 0.2%;
                    margin-bottom: 0;
                    font-size: 9pt;
                }

                .m-btn2 i {
                    margin-bottom: 0.2em;
                }




         .about-us{
                margin-top: 0.1em;
                margin-bottom: 0.1em;
                font-size: 10pt;
                /* margin-left: -1%; */
                /* margin-right: -1%; */
                font-size: 8.5pt;
              }

        }






          .section::-webkit-scrollbar-track {
            border-radius: 12px;
          }

          .section::-webkit-scrollbar-thumb {
            border-radius: 12px;
          }



        @media only screen and (max-width: 365px) {
            .m-btn2 {
                height: 9em;
                width: 9em;
                margin-left: 0.5%;
                margin-right: 0.5%;
                margin-bottom: 0.8%;
                padding: 0 em;
                font-size: 8pt;
            }

            .m-btn2 i {
                margin-bottom: 0.5em;
            }

        }

        @media only screen and (max-width: 285px) {
            .m-btn2 {
                height: 5em;
                width: 9em;
                margin-left: 0.2%;
                margin-right: 0.2%;
                margin-bottom: 0;
                font-size: 9pt;
            }

            .m-btn i {
                margin-bottom: 0.2em;
            }

        .about-us{
          margin-top: 0.5em;
          margin-bottom: 0.1em;
            font-size: 10pt;
        }

        }

        .mn-btn {
            margin: auto;
        }

        html body .m-b-0 {
            margin-bottom: 0px
        }

        h3 {
            line-height: 30px;
            font-size: 21px
        }



        .btn-secondary,
        .btn-secondary.disabled {
            -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(26, 23, 48, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
            box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(26, 23, 48, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
            -webkit-transition: 0.2s ease-in;
            -o-transition: 0.2s ease-in;
            transition: 0.2s ease-in
        }

        .text-center {
            text-align: center !important;
        }

        .about {
            margin-left: 5%;
            margin-right: 5%;
            margin-bottom: 5%;
            font-size: 11pt;
            line-height: 110%;
            text-align: justify;
            text-justify: inter-word;
            text-indent: 1%;
            padding: 13px;
            border-radius: 7px;
            color: #4d4d4d;
            background-color: #f1f1f1;
            font-weight: 500;
        }

        @media only screen and (min-width: 1500px) {
            .btn-share {
                margin-bottom: 9%;

            }
        }


        h1,
        h2{
            color: #483785;

            font-weight: 800;
            font-size: 15pt;
        }
        h3,
        h4,
        h5,
        h6 {
            color: #ffffff;

            font-weight: 400
        }

        p {
            margin-top: 0;
            margin-bottom: 1rem
        }

        .dropdown-menu {
            min-width: 0.5rem;
            background-color: #050505;
            padding: 0.5rem 0;

        }

        .dropdown-item {
            display: inline-block;
            width: 90%;
            padding: 0;
            clear: both;
            /* font-weight: 400; */
            color: #212529;
            background-color: #050505;
            text-align: center;
            border: 0;
        }

        .card-contend {
            /* background-color: #fff; */
            padding: 3%;
            border-radius: 12px;
            overflow-y: scroll;
            overflow-x: hidden;
            color: #000;
        }

        .social-svg {
          width: 5em;
            height: 5em;
            margin-left: auto;
            margin-right: auto;
            display: block;
            border-radius: 13px;
        }



        .card-body {
            margin-top: 15px;
            border-radius: 12px;
            height:500px;
            margin-bottom: 10px;
        }

        .close-btn {
            height: 0.5em;
            caption-side: top;
            font-weight: 400;
            margin-left: 92%;
            margin-top: -0.1em;
            border-radius: 100%;
            color: #000;
        }

        .btn-share {
            background-color: #efefef;
            font-weight: 700;
            font-size: 13pt;
            color: #272727;
            border-radius: 30px;
            padding: 0.1rem 0.1rem;
            margin-right: 0.7%;
            margin-left: 0.7%;
            margin-top: 3%;
            margin-bottom: 4%;
            width: 250px;
            height: 38px;
        }


        @media only screen and (min-width: 1800px) {
            .btn-share {
                background-color: #efefef;
                font-weight: 700;
                font-size: 14pt;
                margin-top: 0.5%;
                margin-bottom: 2%;
                width: 250px;
                height: 60px;
            }
        }




        .service-tck {

                background-color: #dfdfdf;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 26px;
                width: 60px;
                height: 60px;
                color: var(--page-color);
                margin-bottom: 20px;
                transition: 0.25s all;
                position: relative;
                border-radius: 10px;
                margin: auto;
            }





        .gallery-img {
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 25%;
            margin-top: 10px;
            border: 1px soid #022f5c;
            border-radius: 10px;
            display: block;
            width: 100%;
            aspect-ratio: 1/1;
            -o-object-fit: cover;
            object-fit: cover;
            transition: 0.3s all;
        }

        .doc-col {
            max-width: 20%;
            flex: 0 0 20%;
            width: 100%;
            padding: 0 15px;
            position: relative;
            flex: 0 0 50%;
            max-width: 50%;
        }



        .bank-container {
            border: 1px solid #e0e0e0;
            border-radius: 3px;
            margin-bottom: 20%;
        }

        .service-content {
            background-color: #fff;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .img-container {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 140px;
            border: 1px solid #f1f1f1;
            border-radius: 10px;
            margin-bottom: 15px;
            transition: 0.25s all;
        }

        business-logo {
            text-align: center;
            max-width: 600px;
            /* border-radius: 12px; */
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 30px;
            border: 1px solid #d7d7d7;
            border-radius: 12px;
        }


        .dropdown-item :hover {
            background-color: #05050575;
        }

        .dropdown-item :active {
            background-color: #05050583;
        }

        .show {
            display: block !important;
        }

        .img_container {
            background-color: #dbdbdb;
            height: 100%;
            width: 100%;
        }

        img {
            vertical-align: middle;
            border-style: none;
            overflow-clip-margin: content-box;
            overflow: clip;
        }

        .social a.item .image img {
            transition: 0.4s all;
            width: 100%;
            border-radius: 10px;
        }

        .social a.item .image {
            width: 40px;
            height: 40px;
            background-color: #fff;
        }

        a.item .text {
            font-size: 12px;
        }

        .mtn {
            color: #000;
            margin-bottom: 25px;
        }

        .page-window {
            margin-bottom: 50px;
        }

        button {
            color: #ffffff;
        }

        button:hover {
            background-color: #483785;
        }

        button:active {
            background-color: #b3b3b3;
            color: #000;
            box-shadow: 0 5px #363636;
            transform: translateY(-10px);
            transform: translateX(2px);
        }

          .line {
            display: inline-block;
            width: 28px;
            height: 3px;
            border-radius: 3px;
            background-color: #0c0c0c;
          }

          }



          :root {
              --d: 3500ms;
              --angle: 90deg;
              --gradX: 100%;
              --gradY: 50%;
              --c1: rgb(158, 194, 248);
              --c2: rgba(168, 239, 255, 0.1);
          }


          .box {
              border: 0.25rem solid;
              border-color: #bdbdbd;
              border-radius: 18px;
              border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.25turn, var(--c1) 0turn, var(--c2) 0.49turn) 30;
              animation: borderRotate var(--d) ease-out infinite forwards;
              -webkit-box-shadow: 1px 1px 2px 1px rgba(173,173,173,1);
              -moz-box-shadow: 1px 1px 2px 1px rgba(173,173,173,1);
              box-shadow: 0px 0px 2px 1px rgb(55 54 54);
          }

          .box:nth-child(2) {
              border-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 40%) 30;
              animation: borderRadial var(--d) linear infinite forwards;
          }

          @keyframes borderRotate {
              100% {
                  --angle: 420deg;
              }

          }

          @keyframes borderRadial {
              20% {
                  --gradX: 100%;
                  --gradY: 50%;
              }
              40% {
                  --gradX: 100%;
                  --gradY: 100%;
              }
              60% {
                  --gradX: 50%;
                  --gradY: 100%;
              }
              80% {
                  --gradX: 0%;
                  --gradY: 50%;
              }
              100% {
                  --gradX: 50%;
                  --gradY: 0%;
              }

          }

/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
   background:#dfdfdf;
  border-radius: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;

}


.n-btn {height: 5em;width: 10em;margin: 1em;padding-left: 3%;padding-right: 3%;border-radius: 7%;text-align: center;font-size: 13pt;font-weight: 700;line-height: 15px;box-shadow: 1px 2px 4px 0 rgb(181 181 181 / 13%), 4px -2px 6px 0 rgb(205 205 205 / 11%);border-radius: 15px;border-color: #e5e5e5;background-color: #ffffff;}


.n-btn i {
margin-bottom: 0.2em;

opacity: 1;
color: hsla(0, 0%, 52%, 0.178);
text-shadow:1px 2px 3px #2e2e2e70;
}

.n-btn i:hover {
    transform: scale(1.1);
    color: hwb(0 79% 21% / 0.185);
}

.n-btn {

transition: transform 50ms;
}

.n-btn:hover {
transform: translateY(-1px);

box-shadow: 0 8px 14px 0 rgba(145, 144, 144, 0),0 17px 50px 0 rgba(145, 145, 145, 0.205);
}

@media only screen and (max-width: 1200px) {
.n-btn {height: 5em;width: 9.4em;margin-left: 3%;margin-right: 3%;margin-bottom: 0.5%;padding: 0.1em;font-size: 16pt;}

}

@media only screen and (max-width: 780px) {
.n-btn {height: 4em;width: 8em;margin-left: 2.5%;margin-right: 2.5%;margin-bottom: 0.5%;padding: 0.1em;font-size: 16pt;}
}

@media only screen and (max-width: 610px) {
.n-btn {
height: 4em;
width: 10em;
margin-left: 3%;
margin-right: 3%;
margin-bottom: 0.1%;
padding: 0.1em;
font-size: 15pt;
}
}

@media only screen and (max-width: 580px) {
.n-btn {height: 4em;width: 7.5em;margin-left: 1.8%;margin-right: 1.8%;margin-bottom: 1%;padding: 0.1em;font-size: 11pt;}
}


@media only screen and (max-width: 418px) {
.n-btn {height: 4.8em;width: 8em;margin-left: 1.6%;margin-right: 1.6%;margin-bottom: 0;padding: 0.2em;font-size: 9pt;background-color: #ffffff;}

.n-btn i {margin-bottom: 0em;}

}
@media only screen and (max-width: 365px) {
.n-btn {height: 5.3em;width: 8em;margin-left: 1.3%;margin-right: 1.3%;margin-bottom: 0.8%;padding: 0 em;font-size: 7pt;}

.n-btn i {
margin-bottom: 0.5em;
}

}

@media only screen and (max-width: 285px) {
    .n-btn {
        height: 3em;
        width: 6.5em;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 0;
        font-size: 9pt;
        }

        .n-btn i {
        margin-bottom: 0.2em;
        }
 }

.title-zone {
    color:#0c0c0c;
    max-width: 100%;
    margin: 1%p;
    margin: auto;
    text-align: center;
}

.d-grid {margin-top: -2.5%;padding-bottom: 2%;}


.lg-select {
    padding: 0;
    background-color: hwb(0deg 79.68% 20.32% / 0%);
    text-transform: uppercase;
    color: #6d6b6b;
    width: 28px;
    border-radius: 5px;
    height: 25px;
    font-size: 10pt;
    font-weight: 900;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 3px;
  }

        }



.navbar {
	  overflow: hidden;
	  background-color: #333;
	  position: fixed;
	  bottom: 0;
	  width: 100%;
	}

	.navbar a {
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 5px 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    border-right: 1px solid #fff;
	}

	.navbar a:hover {
	  background: #f1f1f1;
	  color: black;
	}

	.navbar a.active {
	  background-color: #04AA6D;
	  color: white;
	}

	.main {
	  padding: 16px;
	  margin-bottom: 30px;
	}

	.bbox {

    background-color: #f1f1f1;
    margin: auto;

    margin-top: 8%;

    padding: 1.9em 0.9em;
    text-align: left;
    border: 1px solid #c3c3c3;
    border-radius: 16px;

	}

	.bbox img {
		height: 5em;
    width: 5em;
    margin: auto;
}
.boxtext {

    margin-top: 0.6em;
    margin-bottom: 0.6em;
    margin-left: 18%;
    margin-right: 10px;
    text-align: center;
    font-size: 14pt;
    font-weight: 600;

}
.box-body{
	display: inline-flex;

}

.crd2 {
	 /* font-size: 14pt; */
	 margin-top: 0;
    font-weight: 700;
    margin-bottom: 1rem;

}


.fh1 {

font-size: 14pt;
margin-top: 15px;
font-weight: 700;
margin-bottom: 1rem;
}

.dng1 {
    margin-top: 10px;
    max-width: 460px;
    margin: 60px auto;
    border-radius: 14px;
	}

	.dng2 {
  font-size: 18pt;
    margin-top: 0;
    font-weight: 700;
		}

@media only screen and (min-width: 420px) {
	.bbox {

    background-color: #e1e1e1;
    margin: auto;

    margin-top: 5%;

    padding: 1.8em 0.9em;
    text-align: left;
    border: 1px solid #c3c3c3;
    border-radius: 15px;
	}

.boxtext {

    margin-top: 0.6em;
    margin-bottom: 0.6em;
    margin-left: 18%;
    margin-right: 10px;
    text-align: center;
    font-size: 14pt;
    font-weight: 600;

}

}


@media only screen and (max-width: 376px) {
	.crd2 {
	 /* font-size: 14pt; */
	 margin-top: 0;
    font-weight: 700;
    margin-bottom: 1rem;

}

.bbox {
		height: 140px;
    background-color: #f1f1f1;
    margin: auto;

    margin-top: 1%;
    padding: 1.5em 0.9em;
    text-align: left;
    border: 1px solid #c3c3c3;
    border-radius: 16px;

	}


.fh1 {

	font-size: 14pt;
        margin-top: 10px;
        font-weight: 700;
        margin-bottom: 1rem;
}

.dng1 {
	max-width: 460px;
        margin: 15px auto;
        border-radius: 14px;
}


	.dng2 {
  font-size: 18pt;
    margin-top: 0;
    font-weight: 700;
		}

}
label {

    margin-top: 15px;
}