@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


.ibm-plex-sans {
    font-family: "IBM Plex Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 300;
    color: #000000;
}
:root {
    --primary-blue: #032E95;
    --secondary-blue: #5496F9;
    --cta-blue:#002273;
    --text-light: #ffffff;
}
h1{
    font-size: 40px;
    line-height: 50px;
}
h2{
    font-size: 36px;
    line-height: 1.25;
}    
.btn{
   font-size: 18px;      
}
h4{
    font-size: 24px;
    line-height: 1.25;
}
p{
    font-size: 18px;
    line-height: 22px;
}
.p-small{
    font-size: 16px;
}
.p-xsmall{
    font-size: 12px;
}
.btn{   
   padding: 12px 24px;
   font-weight: 500; 
   border: 0;
   border-radius: 32px;
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
}
.btn-primary{
    background-color: var(--cta-blue);
    color: var(--text-light);
}

.btn-primary:hover{
    background-color: var(--text-light);
    color: var(--cta-blue);
    border:1px solid var(--cta-blue);
}
.btn-secondary{
    background-color: var(--text-light);
    color: var(--cta-blue);
}
.btn-secondary:hover{
    background-color: rgba(0, 11, 51, 0.7); /*var(--primary-blue);*/
    color: var(--text-light);
    border:1px solid #ffffff;
}

.theme-top-bottom {
    padding: 60px 0;
}
.text-blue{
    color: var(--primary-blue);
}
.text-light-blue{
    color: var(--secondary-blue);
}
/* New-hero-section css start */
.hero-banner-section{
    background-image: url('../images/hero-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100dvh;
}
.hero-banner-section .content-wrapper-box{
    background: rgba(0, 11, 51, 0.7);
    padding: 32px;
    border-radius: 32px;    
}
.hero-banner-section .logo-wrapper img{
    width: 166px;
    height: auto;
}
/* New-hero-section css end */
/* hero-section css start */
.hero-section,.register-section{    
    background-color: var(--primary-blue);
}
.hero-section .right-img img{
    border-top-left-radius: 80px;
    width: 400px;
    height: 410px;
    object-fit: cover;
}
.hero-section .logo-wrapper img{
    width: 166px;
    height: auto;
}
/* hero-section css end */

/* Register Section start */
.register-section .form-wrapper form .form-control{
    color: #000000;
    font-weight: 400;
    border-color: #D9D9D9;
    border-radius: 4px;    
}
.register-section .form-wrapper form .form-floating label{
    font-size: 14px;
    font-weight: 400;
    color: var(--primary-blue);
}
.register-section .form-wrapper form select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../images/dropdown-arrow.png');
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 24px;
}
.register-section .form-wrapper form .form-control:focus{
    box-shadow: none;
}
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: 1;
  transform: scale(.85) translateY(-25px) translateX(.15rem);
}

.register-section .form-wrapper #message .alert-success{
    border: 0;
    color: var(--text-light);
    background-color: #267805;
}
/* Register Section end */

/* Footer start */
footer{
    padding: 58px 0;
}
/* Footer end */