.justify-content-center .col-md-6{        margin: auto;        float: none;       }    .ftco-section {        padding: 2em 0;    }    .ftco-section .errors{        display: block;        border: 1px solid red;        padding: 8px 10px;        font-size: 12px;        background: #FFF;        color: red;        text-align: center;    }    .ftco-section .ftco-no-pt {        padding-top: 0;    }    .ftco-section .ftco-no-pb {        padding-bottom: 0;    }    .ftco-section .heading-section {        font-size: 28px;        color: #000;    }    .ftco-section .img {        background-size: cover;        background-repeat: no-repeat;        background-position: center center;    }    .ftco-section .login-wrap {        position: relative;        background: var(--background);        border-radius: 5px;        padding-left: 30px;        padding-right: 30px;        -webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);        -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);        box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);    }    .ftco-section .login-wrap h3 {        font-weight: 400;        font-size: 18px;        color: #fff;        text-transform: uppercase;        letter-spacing: 1px;    }    .ftco-section .login-wrap p {        color: rgba(255, 255, 255, 0.5);    }    .ftco-section .login-wrap .img {        width: 100px;        height: 100px;        border-radius: 50%;        margin: 0 auto;        margin-bottom: 20px;    }    .ftco-section .form-group {        position: relative;    }    .ftco-section .form-group .icon {        position: absolute;        top: 0;        left: 0;        bottom: 0;        width: 20px;        height: 48px;        background: transparent;        font-size: 18px;        line-height: 48px;    }    .ftco-section .form-group .icon span {        color: #fff;    }    .ftco-section .form-control {        height: 48px;        background: rgba(0, 0, 0, 0.05);        color: rgba(255, 255, 255, 0.8) !important;        font-size: 14px;        -webkit-box-shadow: none;        box-shadow: none;        border-radius: 0;        border: none;        border-bottom: 1px solid #59b64c;        padding-left: 30px;        padding-right: 0;        letter-spacing: 1px;        -webkit-transition: all 0.2s ease-in-out;        -o-transition: all 0.2s ease-in-out;        transition: all 0.2s ease-in-out;    }    @media (prefers-reduced-motion: reduce) {        .ftco-section .form-control {            -webkit-transition: none;            -o-transition: none;            transition: none;        }    }    .ftco-section .form-control::-webkit-input-placeholder {        /* Chrome/Opera/Safari */        color: rgba(255, 255, 255, 0.8) !important;    }    .ftco-section .form-control::-moz-placeholder {        /* Firefox 19+ */        color: rgba(255, 255, 255, 0.8) !important;    }    .ftco-section .form-control:-ms-input-placeholder {        /* IE 10+ */        color: rgba(255, 255, 255, 0.8) !important;    }    .ftco-section .form-control:-moz-placeholder {        /* Firefox 18- */        color: rgba(255, 255, 255, 0.8) !important;    }    .ftco-section .form-control:focus,    .ftco-section .form-control:active {        outline: none !important;        -webkit-box-shadow: none;        box-shadow: none;        background: rgba(0, 0, 0, 0.07);        border-color: #59b64c;    }    .ftco-section .text a {        text-transform: uppercase;    }    .ftco-section .checkbox-wrap {        display: block;        position: relative;        padding-left: 30px;        margin-bottom: 12px;        cursor: pointer;        font-size: 16px;        font-weight: 500;        -webkit-user-select: none;        -moz-user-select: none;        -ms-user-select: none;        user-select: none;    }    /* Hide the browser's default checkbox */    .ftco-section .checkbox-wrap input {        position: absolute;        opacity: 0;        cursor: pointer;        height: 0;        width: 0;    }    /* Create a custom checkbox */    .ftco-section .checkmark {        position: absolute;        top: 0;        left: 0;    }    /* Create the checkmark/indicator (hidden when not checked) */    .ftco-section .checkmark:after {        content: "\f0c8";        font-family: "FontAwesome";        position: absolute;        color: rgba(0, 0, 0, 0.1);        font-size: 20px;        margin-top: -4px;        -webkit-transition: 0.3s;        -o-transition: 0.3s;        transition: 0.3s;    }    @media (prefers-reduced-motion: reduce) {        .ftco-section .checkmark:after {            -webkit-transition: none;            -o-transition: none;            transition: none;        }    }    .ftco-section .checkbox-wrap input:checked ~ .checkmark:after {        display: block;        content: "\f14a";        font-family: "FontAwesome";        color: rgba(0, 0, 0, 0.2);    }    .ftco-section .checkbox-primary {        color: #b689b0;    }    .ftco-section .checkbox-primary input:checked ~ .checkmark:after {        color: #b689b0;    }    .ftco-section .btn {        cursor: pointer;        border-radius: 40px;        -webkit-box-shadow: none !important;        box-shadow: none !important;        font-size: 15px;    }    .ftco-section .btn:hover,    .ftco-section .btn:active,    .ftco-section .btn:focus {        outline: none;    }    .ftco-section .btn-primary {        background: #59b64c !important;        border: 1px solid #59b64c !important;        color: #fff !important;    }    .ftco-section .btn.btn-primary:hover {        border: 1px solid #59b64c;        background: transparent;        color: #59b64c;    }    .ftco-section .btn.btn-primary.btn-outline-primary {        border: 1px solid #59b64c;        background: transparent;        color: #59b64c;    }    .ftco-section .btn.btn-primary.btn-outline-primary:hover {        border: 1px solid transparent;        background: #59b64c;        color: #fff;    }