/*Login Page Css*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"');

	

:root { 

    --font1: "Inter", sans-serif; 

    --font2: "Poppins", serif; 

    --theme-blue: #022547; 
	--theme-dark-blue:#003366;
    --theme-light-blue: #00a8e8;

    --theme-black: #1a1a1a; 
} 
html , body{height:100%;font-family:var(--font1);font-weight: 300;  color:var(--theme-black); font-size: 17px; }

h1,h2,h3,h4,h5,h6,.btn,label,button{font-family: var(--font2);font-weight: 400;}	
a:hover{text-decoration:none;}

#myHeader{background-color:#fff; transition:0.5s; -webkit-box-shadow:0px 2px 25px -11px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 25px -11px rgba(0,0,0,0.75); box-shadow: 0px 2px 25px -11px rgba(0,0,0,0.75); padding: 25px;position:fixed; top:0; width:100%; z-index:9; font-size: 1rem;}

.sticky{position:fixed; top:0; width:100%; background-color:#FFF; transition:0.5s; -webkit-box-shadow:0px 2px 25px -11px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 25px -11px rgba(0,0,0,0.75); box-shadow: 0px 2px 25px -11px rgba(0,0,0,0.75); z-index:11;}

.sticky a{color:#000 !important;}

.sticky a:hover{color:#6ca004 !important;}

.sticky + .content{padding-top:102px;}

.login-block{width:90%; background-color:#e3f6fd; margin:0 auto;  border-top-right-radius:5px; border-bottom-right-radius:5px; margin-top: 2.5em;}

.signup__overlay {position: absolute;top: 0;left:0;width: 100%;height: 100%;background-color:var(--theme-blue);border-top-left-radius:5px; 

border-bottom-left-radius:5px; }

.login-inputs label{ color:#0b6b92; font-style:italic; font-size:17px; margin-bottom:5px;}
.login-inputs .error{
    font-style:italic;
    margin-bottom:5px;
    font-weight: 300;
}
.sweet-alert .sa-error-container .icon
{
    background-color: #d3223f !important;
}
.btn{padding: 10px;}

.btn-primary {

font-family: var(--font2) !important;font-weight: 400 !important;

color: #fff;background: var(--theme-blue);

background: -moz-linear-gradient(to right, var(--theme-dark-blue) 100%);

background: -webkit-gradient(to right, var(--theme-dark-blue) 100%);

background: -webkit-linear-gradient(to right, var(--theme-dark-blue) 100%);

background: -o-linear-gradient(to right, var(--theme-dark-blue) 100%);

background: -ms-linear-gradient(to right, var(--theme-dark-blue) 100%);

background: linear-gradient(to right, var(--theme-dark-blue) 100%);

transition: 0.3s ease-in-out;

		/*background: -moz-linear-gradient(left, rgba(107,159,3,1) 0%, rgba(134,191,20,1) 100%);

		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(107,159,3,1)), color-stop(100%, rgba(134,191,20,1)));

		background: -webkit-linear-gradient(left, rgba(107,159,3,1) 0%, rgba(134,191,20,1) 100%);

		background: -o-linear-gradient(left, rgba(107,159,3,1) 0%, rgba(134,191,20,1) 100%);

		background: -ms-linear-gradient(left, rgba(107,159,3,1) 0%, rgba(134,191,20,1) 100%);

		background: linear-gradient(to right, rgba(107,159,3,1) 0%, rgba(134,191,20,1) 100%);*/

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b9f03', endColorstr='#86bf14', GradientType=1 );

border:none;

text-transform:capitalize;
font-size: 17px;

}

.banner-sec .heading-text
{
    font-size: 32px;
}

.btn-primary.focus, .btn-primary:focus {

    /* box-shadow: none; */

    border: 1px solid #000;

    box-shadow: 0 0 0 0.2rem rgb(11 11 11 / 77%)!important;

}



.banner-sec .mt-2 a, .banner-sec .mt-3 a{top:20px !important;font-family: var(--font2);font-weight: 400;}

.banner-sec .mt-2 a:hover, .banner-sec .mt-3 a:hover{text-decoration:none !important;}

.login-sec h4{padding-bottom:10px;color: var(--theme-blue);
font-size: 20px;}

.login-sec h1{padding-bottom:10px;color: var(--theme-blue); font-size:20px;}

.login-inputs .error { color: #d3223f;
font-size: 17px;}

.pt-8 .col-lg-11{color: var(--theme-blue) !important;border: solid 1px var(--theme-blue) !important;}

.form-control{height: 49px;border: 1px solid #e1ecf5;
font-size: 15px;}

.bktohome{text-align: right;margin-right: 57px;padding-bottom: 15px;}

.bktohome1{text-align:right;margin-left:5px;padding-bottom:15px;}


.bktohome a{color:var(--theme-blue);text-decoration: none;font-family:var(--font2);font-weight: 400;font-size: 17px;}
.banner-sec a{
font-family: var(--font2);font-weight: 400;	
font-size: 17px;
background-color:#0074a2;
/* text-transform: capitalize; */
color:#fff;
}
footer p.text-center
{
    font-size: 15px;
    font-weight: 400;
}
/* Autofill background fix */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill,
input:-internal-autofill-selected  {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; /* your color */
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #1a1a1a !important; /* text color */
  transition: background-color 9999s ease-in-out 0s;
}

.bktohome1 a{color:var(--theme-blue);text-decoration:none;font-family: var(--font2);font-weight: 400;}

.extraSpace{height:100px;}

footer{background-color:#fff;position:fixed;bottom:0;width:100%;z-index:9;padding-top: 10px;}


.login-block .verify-mail-text
{
    font-size: 20px;
}
.check-box-msg .check-box-label
{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: start;
}
.check-box-msg .check-box-label input{
    order:1;
}
.check-box-msg .check-box-label span.error{
    order: 3;
}
.check-box-msg .check-box-label span.check-box-text{
    margin-left: 5px;
}

/*Popup css*/

.sweet-alert h2 {
color: var(--theme-blue)!important;font-size: 20px !important;
font-weight: 400 !important;
line-height: 1.3 !important;}

.pt-8{padding-top: 8em;}

.impMark{color:#d3223f;font-size: 16px;}

label[for='termsncond'] a {

    color: #0b6b92;

}
.sweet-alert button
{
    background-color: var(--theme-dark-blue)!important;
}
.login-block .banner-sec .mt-3,.login-block .banner-sec .mt-2 {

    color: #fff;
    font-size: 17px;

}
.login-inputs a{
    font-size: 17px;
}

 .ver-email{
        padding-right: 20px !important;
        padding-left: 20px !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    #email-link-display{
        margin-bottom: 1.5rem;
    }
.box-content
{
    font-size: 17px;
}
.sweet-alert p{
    font-size: 17px;
    color: var(--theme-black)  !important;
    font-family: var(--font1);
    font-weight: 300;
        padding-bottom: 20px;
}
/*---------------------------------------------Hover effects --------------------------------------*/
.bktohome a:hover,#loginForm a:hover,label[for='termsncond'] a:hover
{
    color: #0074a2 !important;
}
.banner-sec a:hover {
    background-color: var(--theme-light-blue);  
}
.btn-primary:hover {background-image: linear-gradient(to right, var(--theme-light-blue) 100%);}
.sweet-alert button:hover{
    background-color:var(--theme-light-blue) !important;  
}
/*---------------------------------------------Hover effects--------------------------------------*/
/*---------------------------------------------tab focus --------------------------------------*/
a:focus-visible,button:focus-visible
{
    background: #00a8e8;
}
.bktohome a,#loginForm a,#myHeader a,label[for='termsncond'] a{
    background: transparent;
}
.form-control:focus
{
    border-width: 3px;
}
legend
{
    display:none;
}
/* .sweet-alert button:focus{
    background-color:var(--theme-light-blue) !important;  
} */
/*---------------------------------------------tab focus --------------------------------------*/

/*Login Page Css End*/
@media screen and (min-width: 1400px) and (max-width: 1600px){
    
/*---------------------------Magnification--------------------------------------*/
    #myHeader { padding: 10px;}
    .pt-8{padding-top: 7em;}
    .login-block {margin-top: 0;}
    .section-padding
    {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .extraSpace { height: 30px;}
    
/*---------------------------Magnification--------------------------------------*/
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
    
/*---------------------------Magnification--------------------------------------*/
    #myHeader { padding: 3px;}
    .pt-8{padding-top: 7em;}
    .login-block {margin-top: 0;}
    .section-padding
    {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }
    .extraSpace { height: 0px;}
    
/*---------------------------Magnification--------------------------------------*/
}
@media screen and (min-width: 1200px) and (max-width: 2560px){

	.extraSpace{height:0px !important;}

}

@media screen and (min-width: 1025px) and (max-width: 1440px){

	.extraSpace{height:100px;}

    /*-----------------------font size---------------------*/
    .banner-sec a {
    font-size: 15px;
    }
    html, body ,.login-inputs a,.bktohome a,
    .login-block .banner-sec .mt-3, .login-block .banner-sec .mt-2,.box-content,.sweet-alert p{
    font-size: 15px;
    }
    .btn-primary,.sweet-alert button
    {
        font-size: 15px;
    } 
    .login-inputs label
    {
         font-size: 15px;
    }  
    .login-sec h1,.sweet-alert h2,.login-sec h4,.login-block .verify-mail-text
    {
         font-size: 17px !important;
    }
    .banner-sec .heading-text
    {
        font-size: 28px;
    }
    footer p.text-center,.form-control,.login-inputs .error
    {
        font-size: 14px;
       
    }
    /*-----------------------font size---------------------*/

}
@media screen and (min-width: 1100px) {
    .box-content
    {
        margin:0 40px 20px !important;
    }
}
@media screen and (max-width: 1100px) and (min-width:992px) {
    .box-content
    {
        margin:0 30px !important;
    }
}
@media screen and (max-width: 768px) {
      
     /*-----------------------font size---------------------*/
    .banner-sec a ,.bktohome a,.login-inputs a{
    font-size: 14px;
    }
     html, body ,.login-block .banner-sec .mt-3, .login-block .banner-sec .mt-2 ,.box-content,.sweet-alert p{
    font-size: 15px;
    }
    .btn-primary,.sweet-alert button
    {
        font-size: 14px;
    } 
    .login-inputs label
    {
         font-size: 15px;
    }  
      .login-sec h1,.sweet-alert h2,.login-sec h4,.login-block .verify-mail-text
    {
         font-size: 16px !important;
    }
     .banner-sec .heading-text
    {
        font-size: 22px;
    }
    footer p.text-center,.form-control, .login-inputs .error
    {
        font-size: 14px;
       
    }
    .space-for-devices .col-md-12{}
    /*-----------------------font size---------------------*/
     .box-content
    {
        margin:auto !important;
    }
}
@media screen and (min-width: 568px) and (max-width: 768px){
     

    .extraSpace{height:100px !important;}

    footer{position:static;}

    .login-block {width: 90% !important;}

}

@media screen and (min-width: 320px) and (max-width: 567px){
    
     .login-block-vey{margin-top: 8rem !important;}

	.banner-sec{padding-bottom:20px;}
    .login-block .login-sec h1{
        /* padding-top: 20px; */
    }

    .extraSpace {height:0px !important;}

    .login-block {width: 100% !important;}

    footer{
        /* position:static; */
    }
    .bktohome {
  
    margin-right: 0;
        padding-bottom: 5px;
    }
    .login-sec br{
        display:none;
    }
    .banner-sec  img{
        max-width:50%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .form-group
    {
            margin-bottom: 1rem;
    }
    .sweet-alert button
    {
        margin:0;
    }
    /* .sweet-alert .sa-icon.sa-error .sa-line {
        width: 27px;
        top: 27px;
    } */
    /* .sweet-alert .sa-icon {
        width: 60px;
        height: 60px;       
    } */

}
@media screen and (min-width: 991px) and (max-width: 1025px){
     /*-----------------------font size---------------------*/
    .banner-sec a,.bktohome a,.login-inputs a {
    font-size: 15px;
    }
      html, body  ,.login-block .banner-sec .mt-3, .login-block .banner-sec .mt-2,.box-content,.sweet-alert p{
    font-size: 16px;
    }
    .btn-primary,.sweet-alert button
    {
        font-size: 15px;
    } 
    .login-inputs label
    {
         font-size: 16px;
    }  
      .login-sec h1,.sweet-alert h2,.login-sec h4,.login-block .verify-mail-text
    {
         font-size: 18px !important;
    }
     .banner-sec .heading-text
    {
        font-size: 26px;
    }
    footer p.text-center,.form-control, .login-inputs .error
    {
        font-size: 14px;
    }
    /*-----------------------font size---------------------*/

}
@media screen and (min-width: 768px) and (max-width: 991px){

	/* .login-block .position-relative.p-4{padding: 0px !important;} */

	.login-block .position-relative.p-4 a{padding: 9px 10px 9px 10px !important;}

     /*-----------------------font size---------------------*/
    .banner-sec a,.bktohome a,.login-inputs a {
    font-size: 15px;
    }
      html, body  ,.login-block .banner-sec .mt-3, .login-block .banner-sec .mt-2,.box-content,.sweet-alert p{
    font-size: 16px;
    }
    .btn-primary,.sweet-alert button
    {
        font-size: 15px;
    } 
    .login-inputs label
    {
         font-size: 16px;
    }  
      .login-sec h1,.sweet-alert h2,.login-sec h4,.login-block .verify-mail-text
    {
         font-size: 18px !important;
    }
     .banner-sec .heading-text
    {
        font-size: 26px;
    }
    footer p.text-center,.form-control, .login-inputs .error
    {
        font-size: 14px;
    }
    /*-----------------------font size---------------------*/
    .banner-sec{padding-bottom:20px;}
    .bktohome {
  
    margin-right: 37px;
    }
  
    .banner-sec  img{
        max-width:50%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    
    .sweet-alert button
    {
        margin:0;
    }
    /* .sweet-alert .sa-icon.sa-error .sa-line {
        width: 27px;
        top: 27px;
    } */
    /* .sweet-alert .sa-icon {
        width: 60px;
        height: 60px;       
    } */
        footer {
        position: fixed;
    }
    .extraSpace {
        height: 0px !important;
    }
    .box-content
    {
        width:90%;
    }
    .change-pwd-block.login-block
    {
        width:100%;
    }
    .change-pwd-block.login-block .button-dashboard{
        padding:0.5rem !important;
        height: 100px;
        margin-top: 35px;
    }
}



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

.signup__overlay { left: 15px; right: 15px; width: unset;height: 100%; border-radius: 5px; border-bottom-left-radius: 0;border-bottom-right-radius: 0;}



/* #myHeader{padding: 3px 0;} */

#myHeader a>img{max-width: 210px;}

.pt-8 {padding-top: 6em;}

.login-block{margin-top: 1rem;
border-bottom-left-radius: 5px;}


}