@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --theme-main-blue-color : #011446;
    --theme-orange-color : #f36735;
}
* {
    box-sizing: border-box;
}
html {
    min-height: 100%;
    position: relative;
}
body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: #544F40;
}
h1,h2,h3,h4,h5,h6 {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}
/* Common Css */
.text-gray-color {
    color: #f36633;
}
.theme-blue-btn {
    background-color: #004182;
    color: #F4F5F7;
    border: 1px solid #004182;
}
.theme-blue-btn:hover {
    color: #004182;
    background-color: #F4F5F7;
    border: 1px solid #004182;
}
.theme-border-blue-btn {
    background-color: #F4F5F7;
    color: #004182;
    border: 1px solid #004182;
}
.theme-border-blue-btn:hover {
    background-color: #004182;
    color: #F4F5F7;
    border: 1px solid #004182;
}
.theme-orange-text {
    color: var(--theme-orange-color);
}
.authentication-card {
    background-color: #FFFFFF;
}
form {
    padding: 0;
    margin: 0;
    display: inline;
}
.form-control::placeholder {
    color: var(--theme-main-blue-color);
}
.bg-gray {
    background-color: #F4F5F7;
    padding: 2rem 1rem;
}
.gsk-login-register .authentication-wrap {
    position: relative;
    overflow: hidden;
}
.gsk-login-register .authentication-wrap .authentication-bg.authentication-bg-scroll {
    background-attachment: scroll;
}
.gsk-login-register .authentication-wrap .authentication-bg {
    z-index: 0;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    transition: background-image 300ms ease-in 200ms;
}
.gsk-login-register .authentication-wrap .authentication-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.gsk-login-register .authentication-wrap .authentication-content {
    position: relative;
    z-index: 2;
}
.gsk-login-register .form-dark label {
    color: #004182;
}
.gsk-login-register .form-dark .form-control,
.gsk-login-register .form-dark .form-select {
    border-color: #004182;
    background-color: #EDF2FB;
    color: #544F40;
}
.gsk-login-register .form-control,
.gsk-login-register .form-select {
    border-color: #dae1e3;
    box-shadow: inset 0 0;
    height: 40px;
}
.gsk-login-register .form-dark .input-group span {
    color: var(--theme-main-blue-color);
    background-color: var(--theme-light-gray-color);
    border-radius: 0;
    border: 0;
}
.gsk-login-register .form-dark .input-group span,
.gsk-login-register .form-dark .input-group input {
    height: 40px;
}
.gsk-login-register .form-dark .input-group .password-show:hover {
    cursor: pointer;
}
.fs-8 {
    font-size: 11px;
}
/* Style the card when it is selected */
.card1-bg {
    background-image: url('../img/thumbnail1.jpg'); /* Replace with your image */
  }
  .card2-bg {
    background-image: url('../img/thumbnail2.jpg'); /* Replace with your image */
  }
  label.radio-card {
    cursor: pointer;
    width: 100%;
    height: 100%;
    }
    label.radio-card .card-content-wrapper {
    border-radius: 5px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
    transition: 200ms linear;
    background-size: cover;
    background-position: center;
    height: 300px; /* Adjust height as needed */
    width: 100%;
    position: relative;
    }
    label.radio-card .card-content {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 80%;
        background-color: #004182;
        color: #e3e3e3;
        padding: 1rem;
        text-align: center;
    }
    label.radio-card .check-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: solid 2px #e3e3e3;
    border-radius: 50%;
    transition: 200ms linear;
    position: relative;
    }
    label.radio-card .check-icon:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center center;
    transform: scale(1.6);
    transition: 200ms linear;
    opacity: 0;
    }
    label.radio-card input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    }
    label.radio-card input[type=radio]:checked + .card-content-wrapper {
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 6px 5px #004182;
    }
    label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon {
    background: #004182;
    border-color: #004182;
    transform: scale(1.2);
    }
    label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon:before {
    transform: scale(1);
    opacity: 1;
    }
    label.radio-card input[type=radio]:focus + .card-content-wrapper .check-icon {
    box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2);
    border-color: #004182;
    }
	.marqueeEffect {
         height: 25px;	
         overflow: hidden;
         position: relative;
		 background-color:#004182;
        }
        .marqueeEffect h5 {
         font-size: 1rem;
         color: #fff;
         position: absolute;
         width: 100%;
         height: 100%;
         margin: 0;
         line-height: 25px;
         text-align: center;
         /* Starting position */
         -moz-transform:translateX(100%);
         -webkit-transform:translateX(100%);	
         transform:translateX(100%);
         /* Apply animation to this element */	
         -moz-animation: marqueeEffect 22s linear infinite;
         -webkit-animation: marqueeEffect 22s linear infinite;
         animation: marqueeEffect 22s linear infinite;
        }
        /* Move it (define the animation) */
        @-moz-keyframes marqueeEffect {
         0%   { -moz-transform: translateX(100%); }
         100% { -moz-transform: translateX(-100%); }
        }
        @-webkit-keyframes marqueeEffect {
         0%   { -webkit-transform: translateX(100%); }
         100% { -webkit-transform: translateX(-100%); }
        }
        @keyframes marqueeEffect {
         0%   { 
         -moz-transform: translateX(100%); /* Firefox bug fix */
         -webkit-transform: translateX(100%); /* Firefox bug fix */
         transform: translateX(100%); 		
         }
         100% { 
         -moz-transform: translateX(-100%); /* Firefox bug fix */
         -webkit-transform: translateX(-100%); /* Firefox bug fix */
         transform: translateX(-100%); 
         }
        }