/* Root CSS */ p{font-family: var(--para_font);} h1{font-family: var(--h1_font);} h2{font-family: var(--h2_font);} h3{font-family: var(--h3_font);} h4{font-family: var(--h4_font);} h4{font-size: 20px;} h5{font-family: var(--h5_font);} h6{font-family: var(--h6_font);} a{font-family: var(--link_font);} button{font-family: var(--button_font);} a{text-decoration:none;color:black;} a:hover{color: var(--primary_color);} body{background-color:#ffffff;font-size:13px;-webkit-font-smoothing: antialiased;-webkit-font-size:13px;} li{text-decoration: none;list-style: none;} li a{text-decoration: none;color: black;font-family: var(--link_font);font-size: 15px;line-height: 2;} /* Builder css */ .component-classic-login-split { font-family: 'Poppins', 'Outfit', system-ui, -apple-system, sans-serif; } .component-classic-login-split .classic-login-card { width: min(1120px, 100%); margin: 0 auto; background: #ffffff; border-radius: 1.75rem; border: 1px solid #ececec; box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12); overflow: hidden; } .component-classic-login-split .classic-login-pane, .component-classic-login-split .classic-login-card > .row > .col-md-6 { padding: 2.5rem 3rem; } .component-classic-login-split .classic-login-right, .component-classic-login-split .classic-login-card .border-left { border-left: 1px solid #d7d7d7; } .component-classic-login-split .classic-login-card .border-right { border-right: 0 !important; } .component-classic-login-split .classic-login-title, .component-classic-login-split .classic-login-card h4 { font-size: 2rem; line-height: 1.15; font-weight: 600; color: #111827; margin-bottom: 1.4rem; } .component-classic-login-split .classic-login-copy, .component-classic-login-split .classic-login-card .new-customer p.fs-6 { font-size: 1rem; line-height: 1.55; color: #111827; margin-bottom: 1.75rem; max-width: 26rem; } .component-classic-login-split .classic-login-input, .component-classic-login-split .classic-login-card .form-control, .component-classic-login-split .modal-body .form-control, .component-classic-login-split .modal-body select.form-control { height: 3.5rem; border: 1px solid #cbd5e1; border-radius: 0.4rem; font-size: 1rem; color: #111827; box-shadow: none; } .component-classic-login-split .classic-login-input::placeholder, .component-classic-login-split .classic-login-card .form-control::placeholder, .component-classic-login-split .modal-body .form-control::placeholder { color: #9ca3af; } .component-classic-login-split .classic-login-input:focus, .component-classic-login-split .classic-login-card .form-control:focus, .component-classic-login-split .modal-body .form-control:focus, .component-classic-login-split .modal-body select.form-control:focus { border-color: #94a3b8; box-shadow: none; } .component-classic-login-split .classic-password-wrap { position: relative; } .component-classic-login-split .classic-password-toggle { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); border: 0; background: transparent; color: #b7b7b7; font-size: 1.2rem; padding: 0; line-height: 1; } .component-classic-login-split .p-viewer { position: relative; margin: -2.2rem 1rem 0 0; float: right; font-size: 1.2rem; color: #b7b7b7; cursor: pointer; } .component-classic-login-split .classic-forgot-link { color: #111827; font-size: 1rem; text-decoration: none; } .component-classic-login-split .classic-login-card [data-bs-target="#forgetpswmodel"] { color: #111827; font-size: 1rem; text-decoration: none; } .component-classic-login-split .classic-forgot-link:hover { color: #000000; } .component-classic-login-split .classic-login-card [data-bs-target="#forgetpswmodel"]:hover { color: #000000; } .component-classic-login-split .classic-captcha-wrap { margin: 1rem 0 1.5rem; } .component-classic-login-split .classic-login-btn, .component-classic-login-split .classic-login-card .btn-primary, .component-classic-login-split .classic-login-card .btn-black, .component-classic-login-split .classic-login-card .btn-danger, .component-classic-login-split .classic-login-card .btn-facebook, .component-classic-login-split .classic-create-btn, .component-classic-login-split .classic-google-btn, .component-classic-login-split .classic-facebook-btn, .component-classic-login-split .classic-modal-submit, .component-classic-login-split .classic-outline-btn { height: 3.5rem; border-radius: 0.4rem; font-size: 1rem; font-weight: 500; letter-spacing: 0; display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; text-decoration: none; transition: all 0.25s ease; } .component-classic-login-split .classic-login-btn { background: #25245d; border-color: #25245d; color: #ffffff; margin-top: 1.75rem; } .component-classic-login-split .classic-login-card .btn-primary { background: #25245d; border-color: #25245d; color: #ffffff; } .component-classic-login-split .classic-login-btn:hover, .component-classic-login-split .classic-login-btn:focus, .component-classic-login-split .classic-login-card .btn-primary:hover, .component-classic-login-split .classic-login-card .btn-primary:focus { background: #1d1c4b; border-color: #1d1c4b; color: #ffffff; } .component-classic-login-split .classic-create-btn { background: #000000; border: 1px solid #000000; color: #ffffff; } .component-classic-login-split .classic-login-card .btn-black { background: #000000; border: 1px solid #000000; color: #ffffff; } .component-classic-login-split .classic-create-btn:hover, .component-classic-login-split .classic-create-btn:focus, .component-classic-login-split .classic-login-card .btn-black:hover, .component-classic-login-split .classic-login-card .btn-black:focus { background: #111111; border-color: #111111; color: #ffffff; } .component-classic-login-split .classic-divider { margin: 0.7rem 0; text-align: center; font-size: 1rem; color: #111827; } .component-classic-login-split .classic-google-btn { background: #e33445; border: 1px solid #e33445; color: #ffffff; } .component-classic-login-split .classic-login-card .btn-danger { background: #e33445; border: 1px solid #e33445; color: #ffffff; } .component-classic-login-split .classic-google-btn:hover, .component-classic-login-split .classic-google-btn:focus, .component-classic-login-split .classic-login-card .btn-danger:hover, .component-classic-login-split .classic-login-card .btn-danger:focus { background: #cf2536; border-color: #cf2536; color: #ffffff; } .component-classic-login-split .classic-facebook-btn { background: #25245d; border: 1px solid #25245d; color: #ffffff; } .component-classic-login-split .classic-login-card .btn-facebook { background: #25245d; border: 1px solid #25245d; color: #ffffff; } .component-classic-login-split .classic-facebook-btn:hover, .component-classic-login-split .classic-facebook-btn:focus, .component-classic-login-split .classic-login-card .btn-facebook:hover, .component-classic-login-split .classic-login-card .btn-facebook:focus { background: #1d1c4b; border-color: #1d1c4b; color: #ffffff; } .component-classic-login-split .classic-google-btn i, .component-classic-login-split .classic-facebook-btn i { font-size: 1.35rem; } .component-classic-login-split .classic-login-validation, .component-classic-login-split .classic-login-card #valid_test { min-height: 1.2rem; } .component-classic-login-split .classic-login-modal-content, .component-classic-login-split #forgetpswmodel .modal-content { border-radius: 1rem; } .component-classic-login-split .classic-modal-submit { background: #25245d; border: 1px solid #25245d; color: #ffffff; min-width: 8rem; } .component-classic-login-split .classic-outline-btn { background: #ffffff; border: 1px solid #25245d; color: #25245d; } .component-classic-login-split .classic-outline-btn:hover, .component-classic-login-split .classic-outline-btn:focus { background: #25245d; color: #ffffff; } @media (max-width: 991px) { .component-classic-login-split .classic-login-pane, .component-classic-login-split .classic-login-card > .row > .col-md-6 { padding: 2rem; } } @media (max-width: 767px) { .component-classic-login-split .classic-login-right, .component-classic-login-split .classic-login-card .border-left { border-left: 0; border-top: 1px solid #d7d7d7; } .component-classic-login-split .classic-login-title, .component-classic-login-split .classic-login-card h4 { font-size: 1.65rem; } .component-classic-login-split .classic-login-btn, .component-classic-login-split .classic-login-card .btn-primary, .component-classic-login-split .classic-login-card .btn-black, .component-classic-login-split .classic-login-card .btn-danger, .component-classic-login-split .classic-login-card .btn-facebook, .component-classic-login-split .classic-create-btn, .component-classic-login-split .classic-google-btn, .component-classic-login-split .classic-facebook-btn { width: 100%; } } /* Post css */