html{
/*background-color:#13233d;*/

/*background: #13233d;*/

}

/*Nice Blue Color*/
/*#054ADA*/
/*#003FC1*/


html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}


.welcomeDiv01{
/*background: #13233d;*/
/*background-color: #050953*/
background-color: #044ada;
}



.welcomeDiv04{
background-color: #f7f7f7;
height: 150px;
}

.headerTop01{
height: 75px;
background-color: white;
position: fixed;
top: 0;
left: 0;
width:100%;
z-index: 1000;
}
.headerLeft{
width: 20%;
position: relative;
float: left;   
height: 75px;
display: grid;
}

.headerMiddle{
width: 40%;
position: absolute;
right: 25%;
/* float: right; */
display: flex;
height: 75px;
}


.headerRight{
float: right;
height: 75px;
display: flex;
width: 20%;
}

.headerBtn01{
width: 200px;
height: 50px;
margin: auto;
font-family: 'Texta-Bold.otf';
border-style: solid;
border-width: 1px;
/*background-color: #3056ef;*/
background-image: linear-gradient(90deg, #3056ef 0%, #038ff4 100%);
font-size: 22px;
color:white;
}

.headerBtn01:hover{
width: 200px;
height: 50px;
margin: auto;
font-family: 'Texta-Bold.otf';
border-style: solid;
border-width: 2px;
border-color:white;
background-color: #3056ef;
font-size: 22px;
color:white;
}

.headerLinks01{
text-decoration: none;
color: black;
font-size:22px;
margin: auto;
font-family: 'Texta-Regular.otf';
}

.headerLinks01:hover{

color: #3056ef;

}


.headerLinks02{
text-decoration: none;
color: black;
font-size: 22px;
margin: auto;
font-family: 'Texta-Regular.otf';

}



.welcomeText01{
text-align: center;
width: 75%;
margin: auto;
color: white;
font-size: 75px;
font-family:'Texta-Bold.otf';
}

.welcomeText04{
text-align: center;
color: black;
font-size: 40px;
font-family: 'Texta-Bold.otf';
}


.welcomeText07{
text-align: center;
color: black;
font-size: 75px;
font-family: 'Texta-Bold.otf';
}


.welcomeText02{
text-align: center;
color: white;
font-size: 24px;
font-family: 'Texta-Regular.otf';
}


.welcomeText03{
text-align: center;
color: white;
font-size: 18px;
margin: auto;
font-family: 'Texta-Regular.otf';
}

.welcomeText05{
text-align: center;
color: black;
font-size: 18px;
font-family: 'Texta-Regular.otf';
}

.emailText01{
text-align: center;
/*width: 75%;*/
margin: auto;
color: black;
font-size: 44px;
font-family:'Texta-Bold.otf';
}

.emailText02{
text-align: center;
/*width: 75%;*/
margin: auto;
color: black;
font-size: 18px;
font-family:'Texta-Regular.otf';
}

.emailForm06{
display:grid;
gap: 20px;
margin: auto;
padding:0 0 35px 0;
}

.salesDiv01{
/*display:flow;*/
width: 25%;
/*height: 200px;*/
margin: auto;
}

.salesDiv02{
display:grid;
}


.salesBtn01{
width: 150px;
height: 30px;
margin: auto;
border-style: solid;
border-width: 1px;
background-color: white;
}

/*.salesBtn02{*/
/*width: 280px;*/
/*height: 70px;*/
/*margin: auto;*/
/*border-style: solid;*/
/*border-width: 1px;*/
/*background-color: white;*/
/*font-size: 22px;*/
/*letter-spacing: 3px;*/
/*}*/

.salesBtnLink{
margin:auto;
}


.featuresDiv {
width: 100%;
text-align: center;
color: white;
}

.feature01{

}

.footer{
width:100%;
height:400px;
background-color: #003fc1;
position: absolute;
}


.footer01{
width:33.3%;
height:400px;
position:relative;
float:left;
display: grid;

}


.footerTitle{
font-size: 28px;
margin-left: 25px;
color: white;
text-align: left;
font-family: 'Texta-Bold.otf';
}

.footerLinks01{
font-size: 22px;
margin-left: 25px;
color: white;
text-decoration: none;
text-align: left;
font-family: 'Texta-Regular.otf';
}


@media screen and (min-width: 0px) and (max-width: 900px) {
.pricingContainer011{
background-color: #f7f7f7;
display: grid;
position: relative;
top: 75px;
color: black;
}}



@media screen and (min-width: 900px) and (max-width: 3600px) {
.pricingContainer011{
background-color: #f7f7f7;
display: grid;
/*position: relative;*/
margin-top: 75px;
color: black;
}}



.pricingDiv01,.pricingDiv02{
width: 100%;
display: flex;
margin: auto;
padding: 25px 0 50px 0;
}

.pricingBox01{
width: 450px;
height: 900px;
background-color: white;
box-shadow: 5px 5px #f4f5f8;
margin: auto;
border-style: solid;
border-width: 1px;
border-color: #ddd;
border-radius: 1px;
}

.pricingBox03{
display: flex;
}

.pricingBox04 {
display: grid;
}


.pricingBox05{
/*display: grid;*/
color:black;
}

.loginFont01{
font-size:50px;
color:black;
text-align:center;
font-family: 'Texta-Bold.otf';
}

.loginContainer{
display:grid;
background-color: white;
padding: 50px 0 50px 0;
}


.form01{
width: 50%;
text-align: center;
margin: auto;
background-color: white;
padding: 25px
}

.signupBtn{
margin:auto;
font-family: 'Texta-Bold.otf';
/*border-style: solid;*/
/*border-width: .1px;*/
background-color: white;
}




.loginFont02{
font-family: 'Texta-Regular.otf';
font-size:22px;
color:black;
}


.loginBtn01{
width: 200px;
height: 45px;
/*margin: auto;*/
font-family: 'Texta-Regular.otf';
font-size: 22px;
color:white;
/*background-color: #3056ef;*/
background-image: linear-gradient(90deg, #3056ef 0%, #038ff4 100%);
}

.loginBtn01:hover{
width: 200px;
height: 45px;
/*margin: auto;*/
font-family: 'Texta-Regular.otf';
font-size: 22px;
color:white;
background-color: #3056ef;
border-style:solid;
border-width:.1px;
border-color:white;
}


#id_username,#id_password{
width: 250px;
height: 35px;
border-style:solid;
border-width:1px;
border-color: black;
}

#id_username,#id_password:hover{
width: 250px;
height: 35px;
border-style:solid;
border-width:2px;
border-color:#3056ef;
}

#id_email{
width: 250px;
height: 35px;
border-style: solid;
border-width: 2px;
border-color: #3056ef;
margin:auto;
}

#id_email05{
width: 250px;
height: 35px;
border-style: solid;
border-width: 2px;
border-color: #3056ef;
}


.signUpDiv{
background-color: white;
display:grid;
height:600px;
padding-top: 50px;
}

.signUpForm{
font-size: 18px;
width: 25%;
height: 400px;
margin: auto;
display: grid;
font-family: 'Texta-Regular.otf';
}



.containerHome01{
position: relative;
padding-top: 65px;
}

.containerEmail01{
position: relative;
padding: 65px 0 50px 0;
/*height:600px;*/
width:100%;
display:flex;
}

.emailFormDiv01{
margin: 50px auto auto auto;
width: 25%;
display: flex;
flex-direction: column;
background-color: white;
width: 50%;
}



.imgTest{
width:400px;
height:600px;
}




.pricingBtn01{
background-color: #3056ef;
border: .1rem solid #050a52;
border-radius: 1px;
color: #fff;
justify-content: center;
text-align: center;
width: 385px;
height: 60px;
margin:auto;
font-size: 22px;
font-family: 'Texta-Bold.otf';
}

.pricingBtn05{
background-color: #3056ef;
border: .1rem solid #050a52;
border-radius: 1px;
color: #fff;
justify-content: center;
text-align: center;
width: 100px;
height: 40px;
margin:auto;
font-size: 22px;
font-family: 'Texta-Bold.otf';
}


.pricingText01{
font-size: 32px;
text-align: left;
font-family: 'Texta-Bold.otf';
padding-left: 30px;

}



.pricingText02{
font-size: 18px;
text-align: left;
padding-left: 30px;
font-family: 'Texta-Regular.otf';
}



.pricingText03{
font-size: 60px;
text-align: left;
padding-left: 30px;
font-family: 'Texta-Bold.otf';
height: 50px;
color:black;;
}


.pricingText04{
font-size: 22px;
text-align: left;
padding-left: 30px;
font-family: 'Texta-Regular.otf';
color:black;
}

.pricingText05{
font-size: 14px;
text-align: left;
padding-left: 30px;
font-family: 'Texta-Regular.otf';
color:black;
}


.pricingText06{
font-size: 32px;
text-align: left;
font-family: 'Texta-Bold.otf';
padding-left: 30px;
background-color:#044ada;

}


.pricingText07{
font-size: 32px;
text-align: left;
font-family: 'Texta-Bold.otf';
padding-left: 30px;
background-color:#f4be4f;
height: 50px;
height: 50px;
color:black;
}

.pricingText08{
font-size: 32px;
text-align: left;
font-family: 'Texta-Bold.otf';
padding-left: 30px;
background-color:#3ac57d ;
height: 50px;
height: 50px;
color:black;
}


.welcomeDiv02{
background-color:#14233C;
width:100%;
height:600px;
}

.welcomeDiv03{
background-color:white;
width:100%;
height:600px;
}


.featuresSection {
text-align: center;
padding: 50px 20px;
background-color: #f9f9f9;
}

.featuresTitle {
font-size: 48px;
color: #004a94;
margin-bottom: 10px;
width: 75%;
margin: auto;
font-family: 'Texta-Bold.otf';

}

.featuresIntro {
font-size: 22px;
color: #555;
width: 75%;
/*margin-bottom: 30px;*/
/*font-family: 'Texta-Bold.otf';*/
font-family: 'Texta-Regular.otf';

margin: auto;
}

.featureGrid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
justify-content: center;
align-items: stretch;
padding: 20px;
}

.featureItem {
background: white;
padding: 20px;
border-radius: 1px;
border-style: solid;
border-width: .1px;
border-color: #ddd;
height: 350px;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
transition: transform 0.3s ease-in-out;
}

.featureItem img {
width: 60px;
height: 60px;
margin-bottom: 15px;
}

.featureItem h3 {
font-size: 24px;
color: #004a94;
margin-bottom: 10px;
font-family: 'Texta-Bold.otf';

}

.featureItem p {
font-size: 20px;
color: #333;
font-family: 'Texta-Regular.otf';
text-align: left;
}

.featureItem:hover {
transform: translateY(-5px);
}

.howItWorksSection {
text-align: center;
padding: 50px 20px;
background-color: #f9f9f9;
}

.howItWorksTitle {
font-size: 2em;
font-family: 'Texta-Bold.otf';
color:black;
margin-bottom: 30px;
}

.stepsContainer {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}

.stepItem {
background: white;
padding: 20px;
border-radius: 1px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
width: 400px;
transition: transform 0.3s ease-in-out;
}

.stepItem img {
width: 80px;
height: 80px;
margin-bottom: 15px;
}

.stepItem h3 {
font-size: 1.4em;
color: #004a94;
margin-bottom: 10px;
font-family: 'Texta-Bold.otf';
}

.stepItem p {
font-size: 20px;
color: #333;
font-family: 'Texta-Regular.otf';
}

.stepItem:hover {
transform: translateY(-5px);
}

.salesBtn02{
/*background-color: #3056ef;*/
background-image: linear-gradient(90deg, #3056ef 0%, #038ff4 100%);
/* background-color: #003fc1; */
border-style: solid;
border-width: 1px;
border-color: white;
color: white;
font-family: 'Texta-Bold.otf';
font-size: 32px;
cursor: pointer;
width: 325px;
height: 75px;
transition: background 0.3s ease, transform 0.2s ease-in-out;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.salesBtn02:hover {
background-color: #ffffff; /* Slightly darker shade on hover */
transform: scale(1.05); /* Subtle pop effect */
color: #004a94;
color: black;   

}

.salesBtn02:active {
transform: scale(0.95); /* Press effect */
}



.emailBtn05{
/*display:grid;*/
margin:auto;
background-image: linear-gradient(90deg, #3056ef 0%, #038ff4 100%);
/* background-color: #003fc1; */
border-style: solid;
border-width: 1px;
border-color: white;
color: white;
font-family: 'Texta-Bold.otf';
font-size: 24px;
cursor: pointer;
width: 200px;
height: 50px;
transition: background 0.3s ease, transform 0.2s ease-in-out;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.emailBtn05:hover {
background-color: #ffffff; /* Slightly darker shade on hover */
transform: scale(1.05); /* Subtle pop effect */
color: #004a94;
color: black;   

}



.headerIndex01{
width: 100%;
height: 450px;
display: grid;
padding: 50px 0 50px 0;

}




.loginContainer{
width: 100%;
height:650px;
margin: auto;
background-color: #f2f2f2;
}


.signup01{
border-radius: 1px;
border-style: solid;
border-width: 1px;  
height: 40px;
width: 425px;
}


.signUpBtn01{
width: 200px;
height: 50px;
margin: auto;
font-family: 'Texta-Bold.otf';
border-style: solid;
border-width: 1px;
/*background-color: #3056ef;*/
font-size: 22px;
color: white; 
background-image: linear-gradient(90deg, #3056ef 0%, #038ff4 100%);
}


/* Mobile-first default (0px and up) */




/* Larger screens */
@media (min-width: 900px) {
.topLogo01 {
width: 300px;
height: 50px;
}
}





.centered-link {
display: block;           
text-align: center;        
text-decoration: none;     /* Removes underline */
color: #0061ff;            /* Link color (adjust as needed) */
font-weight: 500;          /* Optional: makes it look cleaner */
margin: 20px 0;            /* Space above/below */
transition: color 0.2s;    /* Smooth hover effect */
}

.centered-link:hover {
color: #004ecc;            /* Darker blue on hover */
text-decoration: none;     /* Ensure underline doesn’t appear on hover */
}





@media screen and (min-width: 900px) and (max-width: 3600px) {
#mobileMenu{
display:none;    
}}









.contact-form-container{
position: relative;
height: 450px;
top: 75px;
display: grid;
padding-bottom: 100px;
}

.contact-form{
margin:auto;
display: grid;
padding: 0 0 50px 0;
}

.form02{
display:grid;
gap: 10px;
}


.brand-highlight{
color:#003fc1;
}


.contactForm03,#contactEmail{
height: 30px;
border-style: solid;
border-color: #003fc1;
border-width: 1px;
border-radius: 1px;
}

#contactMessage{
height:200px;
resize: none;
}

.contactDiv06{
background-color: white;
display:grid;
/*height:600px;*/
padding-top: 50px;
}

.contactBtn02{
width: 200px;
height: 45px;
margin: auto;
font-family: 'Texta-Regular.otf';
font-size: 22px;
color:white;
/*background-color: #3056ef;*/
background-image: linear-gradient(90deg, #3056ef 0%, #038ff4 100%);
}

.contactBtn02:hover{
width: 200px;
height: 45px;
/*margin: auto;*/
font-family: 'Texta-Regular.otf';
font-size: 22px;
color:white;
background-color: #3056ef;
border-style:solid;
border-width:.1px;
border-color:white;
}


.footerLinks02{
text-decoration:none;
}


.bgColor01{
background-color: #f2f2f2;
}