	<style type="text/css">
	label[for="password"], .password-input, .lost_password{
	display:none !important;
	}
	</style>
	<style pagelayer-style-id="fjt6849">.p-fjt6849 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px}
.p-fjt6849 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
</style>
<style pagelayer-style-id="1hw5344">.p-1hw5344 .pagelayer-col-holder{padding: 4px}
.p-1hw5344>.pagelayer-row-holder .pagelayer-col{align-content: default}
.p-1hw5344 > .pagelayer-background-overlay{background-color: #000000;opacity: 0.7;-webkit-transition: all 400ms !important; transition: all 400ms !important}
.p-1hw5344 .pagelayer-svg-top .pagelayer-shape-fill{fill:#fff}
.p-1hw5344 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px}
.p-1hw5344 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#fff}
.p-1hw5344 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px}
.p-1hw5344{padding-top: 0px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px}
</style>
<style pagelayer-style-id="fjt6849">.p-fjt6849 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px}
.p-fjt6849 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
</style>
	<script>
  function handleKeyPress(event) {
    if (event.key === 'Enter' || event.keyCode === 13) {
      login();
    }
  }
</script><style pagelayer-style-id="ccd8481">.p-ccd8481 .pagelayer-btn-text{font-family: Oswald; font-size: 14px !important; font-style:  !important; font-weight: 600 !important; font-variant:  !important; text-decoration-line:  !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important}
.p-ccd8481 .pagelayer-btn-holder{font-family: Oswald; font-size: 14px !important; font-style:  !important; font-weight: 600 !important; font-variant:  !important; text-decoration-line:  !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important;padding: calc(30px / 2) 30px;background-color: rgba(62,142,247,0.00);color: #ffffff;-webkit-transition: all 600ms !important; transition: all 600ms !important;border-color: #ffffff}
.p-ccd8481{text-align: left}
.p-ccd8481 .pagelayer-btn-anim-thin{background-color: unset !important;border-style: unset !important}
.p-ccd8481 .pagelayer-btn-anim-thin::before{background-color: rgba(62,142,247,0.00)}
.p-ccd8481 .pagelayer-btn-anim-thin::after{background-color: rgba(62,142,247,0.00)}
.p-ccd8481 .pagelayer-btn-custom:hover, .p-ccd8481 .pagelayer-btn-anim-slide:after{background-color:  #ffffaa}
.p-ccd8481 .pagelayer-btn-holder:hover{color: #000000;border-color: #ffffaa}
.p-ccd8481 .pagelayer-btn-holder, .p-ccd8481 .pagelayer-btn-anim-thin:after, .p-ccd8481 .pagelayer-btn-anim-thin:before{border-style: solid;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.p-ccd8481 .pagelayer-btn-holder, .p-ccd8481 .pagelayer-btn-anim-glow:before{border-radius: 0px 0px 0px 0px; -webkit-border-radius:  0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px}
.p-ccd8481 .pagelayer-btn-holder:hover, .p-ccd8481 .pagelayer-btn-anim-thin:hover:after, .p-ccd8481 .pagelayer-btn-anim-thin:hover:before{border-style: solid;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.p-ccd8481 .pagelayer-btn-anim-thin:hover{border-style: unset !important}
</style><style pagelayer-style-id="hdq1119">.p-hdq1119 .pagelayer-btn-text{font-family: Oswald; font-size: 14px !important; font-style:  !important; font-weight: 600 !important; font-variant:  !important; text-decoration-line:  !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important}
.p-hdq1119 .pagelayer-btn-holder{font-family: Oswald; font-size: 14px !important; font-style:  !important; font-weight: 600 !important; font-variant:  !important; text-decoration-line:  !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important;background-color: rgba(62,142,247,0.00);color: #ffffff;-webkit-transition: all 600ms !important; transition: all 600ms !important;border-color: #ffffff}
.p-hdq1119{text-align: left}
.p-hdq1119 .pagelayer-btn-anim-thin{background-color: unset !important;border-style: unset !important}
.p-hdq1119 .pagelayer-btn-anim-thin::before{background-color: rgba(62,142,247,0.00)}
.p-hdq1119 .pagelayer-btn-anim-thin::after{background-color: rgba(62,142,247,0.00)}
.p-hdq1119 .pagelayer-btn-custom:hover, .p-hdq1119 .pagelayer-btn-anim-slide:after{background-color: #ffffaa}
.p-hdq1119 .pagelayer-btn-holder:hover{color: #000000;border-color: #ffffaa}
.p-hdq1119 .pagelayer-btn-holder, .p-hdq1119 .pagelayer-btn-anim-thin:after, .p-hdq1119 .pagelayer-btn-anim-thin:before{border-style: solid;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.p-hdq1119 .pagelayer-btn-holder, .p-hdq1119 .pagelayer-btn-anim-glow:before{border-radius: 0px 0px 0px 0px; -webkit-border-radius:  0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px}
.p-hdq1119 .pagelayer-btn-holder:hover, .p-hdq1119 .pagelayer-btn-anim-thin:hover:after, .p-hdq1119 .pagelayer-btn-anim-thin:hover:before{border-style: solid;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.p-hdq1119 .pagelayer-btn-anim-thin:hover{border-style: unset !important}
</style><style pagelayer-style-id="ccd8481">
    .p-ccd8481 .pagelayer-btn-text {
      font-family: Oswald;
      font-size: 14px !important;
      font-weight: 600 !important;
      text-transform: uppercase !important;
      color: #ffffff;
    }
    .p-ccd8481 .pagelayer-btn-holder {
      font-family: Oswald;
      font-size: 10px !important;
      font-weight: 600 !important;
      padding: 15px 30px;
      background-color: rgba(62, 142, 247, 0.00);
      color: #ffffff;
      text-align: center;
      display: inline-block;
      width: 85%;
      margin-left: 8%;
      border: 2px solid #ffffff;
      transition: all 600ms !important;
      cursor: pointer;
    }
    .p-ccd8481 .pagelayer-btn-holder:hover {
      color: #000000;
      background-color: #ffffaa;
      border-color: #ffffaa;
    }
  </style>
	<style pagelayer-style-id="dh65498">.p-dh65498 .pagelayer-col-holder{padding: 5px}
.p-dh65498>.pagelayer-row-holder .pagelayer-col{align-content: default}
.p-dh65498 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
.p-dh65498 .pagelayer-svg-top .pagelayer-shape-fill{fill:#fff}
.p-dh65498 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px}
.p-dh65498 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#fff}
.p-dh65498 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px}
.p-dh65498{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
</style>
<style pagelayer-style-id="3ho1667">.p-3ho1667 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px}
.p-3ho1667 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
.det1{
color: white;
    font-size: small;
    border: #DADDE2;
    font-family: 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 600;
}
.sinp {
width: 93%; border: none; background: none; border-bottom: thin white solid; height: 30px; color: white; border-radius: 0;
}
#signupdiv {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.1s ease; /* slower + smoother */
}

#signupdiv.show {
  transition: all 0.1s ease; /* slower + smoother */
  max-height: 500px; /* set high enough to fit content */
  opacity: 1;
}
#cxbx {
height: 16px;
    width: 16px;
    margin-right: 4px;
}
</style>
<style pagelayer-style-id="0as3126">.p-0as3126 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 0px}
.p-0as3126 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
.i2{
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    font-size: 18px;
    font-family: 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 600;
    color: #f4f6f8;
}
</style>
				
    <style>
        .form-container {
            padding: 10px;
            border-radius: 10px;
            text-align: center;
            color: white;
            width: 100%;
        }

        .form-container label {
            font-size: 16px;
            margin-bottom: 10px;
            display: block;
            text-align: left;
        }

        .form-container input {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin-bottom: 10px;
              margin-top: 10px;
            font-size: 14px;
            background-color: #f8f8f8;
            color: #333;
        }

        .form-container input::placeholder {
            color: #999;
        }

        .form-container button {
            width: 100%;
    font-family: Oswald;
    font-size: 14px !important;
    font-style: !important;
    font-weight: 600 !important;
    font-variant: !important;
    text-decoration-line: !important;
    text-decoration-style: Solid !important;
    line-height: em !important;
    text-transform: Uppercase !important;
    letter-spacing: px !important;
    word-spacing: px !important;
    padding: calc(18px / 2) 30px;
    background-color: rgba(62, 142, 247, 0.00);
    color: #ffffff;
    -webkit-transition: all 600ms !important;
    transition: all 600ms !important;
      border: 2px solid #ffffff;
      border-radius: 2px;
      margin-top: 13px;
        }

        .form-container button:hover {
            background-color: #ffffaa;
            border: 2px solid #ffffaa;
        }

        .form-container .cancel-btn {
            background-color: #444;
        }

        .form-container .cancel-btn:hover {
            background-color: #666;
        }
        #frgtdiv {
  max-height: 0;
  opacity: 0;
  transition: all 0.6s ease; /* slower + smoother */
}

#frgtdiv.show {
  max-height: 500px; /* set high enough to fit content */
  opacity: 1;
}
    </style>
    	<style pagelayer-style-id="dh65498">.p-dh65498 .pagelayer-col-holder{padding: 6px}
.p-dh65498>.pagelayer-row-holder .pagelayer-col{align-content: default}
.p-dh65498 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
.p-dh65498 .pagelayer-svg-top .pagelayer-shape-fill{fill:#fff}
.p-dh65498 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px}
.p-dh65498 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#fff}
.p-dh65498 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px}
.p-dh65498{margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
.divider {
width: 80%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #aaa;
  font-size: 12px;
  margin: 18px 10%;
}

.divider::before,
.divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #ddd;
}

.divider:not(:empty)::before {
  margin-right: 8px;
}

.divider:not(:empty)::after {
  margin-left: 8px;
}
</style>
<style pagelayer-style-id="hdq1119">.p-hdq1119 .pagelayer-btn-text{font-family: Oswald; font-size: 14px !important; font-style:  !important; font-weight: 600 !important; font-variant:  !important; text-decoration-line:  !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important}
.p-hdq1119 .pagelayer-btn-holder{font-family: Oswald; font-size: 10px !important; font-style:  !important; font-weight: 600 !important; font-variant:  !important; text-decoration-line:  !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important;background-color: rgba(62,142,247,0.00);color: #ffffff;-webkit-transition: all 600ms !important; transition: all 600ms !important;border-color: #ffffff}
.p-hdq1119{text-align: left}
.p-hdq1119 .pagelayer-btn-anim-thin{background-color: unset !important;border-style: unset !important}
.p-hdq1119 .pagelayer-btn-anim-thin::before{background-color: rgba(62,142,247,0.00)}
.p-hdq1119 .pagelayer-btn-anim-thin::after{background-color: rgba(62,142,247,0.00)}
.p-hdq1119 .pagelayer-btn-custom:hover, .p-hdq1119 .pagelayer-btn-anim-slide:after{background-color: #ffffaa}
.p-hdq1119 .pagelayer-btn-holder:hover{color: #000000;border-color: #ffffaa}
.p-hdq1119 .pagelayer-btn-holder, .p-hdq1119 .pagelayer-btn-anim-thin:after, .p-hdq1119 .pagelayer-btn-anim-thin:before{border-style: solid;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.p-hdq1119 .pagelayer-btn-holder, .p-hdq1119 .pagelayer-btn-anim-glow:before{border-radius: 0px 0px 0px 0px; -webkit-border-radius:  0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px}
.p-hdq1119 .pagelayer-btn-holder:hover, .p-hdq1119 .pagelayer-btn-anim-thin:hover:after, .p-hdq1119 .pagelayer-btn-anim-thin:hover:before{border-style: solid;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.p-hdq1119 .pagelayer-btn-anim-thin:hover{border-style: unset !important}
.subtn{
background: none; border: 2px white solid; color: white;
width: 80%; margin-left: 10%; margin-top: 20px; padding: 4px; }</style>
<style pagelayer-style-id="8z27245">.p-8z27245 .pagelayer-col-holder{padding: 3px}
.p-8z27245>.pagelayer-row-holder .pagelayer-col{align-content: default}
.p-8z27245 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
.p-8z27245 .pagelayer-svg-top .pagelayer-shape-fill{fill:#fff}
.p-8z27245 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px}
.p-8z27245 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#fff}
.p-8z27245 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px}
.p-8z27245{background: rgba(0, 59, 100, 0.8); border-radius: 5px; padding-top: 50px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); align-content: flex-start; }
.pagelayer-background-overlay { background: #000}
.feature-section {
  display: flex;
  justify-content: space-around;
  align-items: center;
  
  width: 80%;
  min-height: 350px;
  margin: 0 auto;
  padding: 20px;
  
  background-color: #333; /* Dark background as per your white text color */
  color: white;
  text-align: center;
}

.feature-item {
  flex: 1;
  padding: 15px;
}

.icon {
  font-size: 40px; /* Larger icons look more modern */
  display: block;
  margin-bottom: 15px;
}

.feature-item h3 {
  font-size: 22px;
  font-weight: 500;
  margin: 0;
}

/* Mobile Responsive: Stacks vertically on small screens */
@media (max-width: 768px) {
  .feature-section {
    flex-direction: column;
    height: auto;
  }
}
.det2 {
padding: 5px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Segoe UI', Roboto, Arial, sans-serif;
    
    }
.lin {
  font-family: 'Oswald', sans-serif;
border: 3px white solid;

    margin-left: 5%;
    width: 90%;
    border-radius: 3px;
    height: 30px;
}
</style>
    <style>
        .google-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: white;
            border: 1px solid #dcdcdc;
            border-radius: 5px;
            padding: 10px 15px;
            width: 100%;
            cursor: pointer;
            font-family: Arial, sans-serif;
            font-size: 14px;
            font-weight: 500;
            color: #5f6368;
            transition: background-color 0.3s ease;
            position: relative;
            z-index: 1;
        }

        .google-btn img {
            width: 20px;
            height: 20px;
            margin-right: 15px;
        }

        .google-btn:hover {
            background-color: #f7f7f7;
        }
    </style>
	<style id="pagelayer-global-styles" type="text/css">
:root{--pagelayer-color-primary:#007bff;--pagelayer-color-secondary:#6c757d;--pagelayer-color-text:#1d1d1d;--pagelayer-color-accent:#61ce70;--pagelayer-font-primary-font-family:Open Sans;--pagelayer-font-secondary-font-family:Roboto;--pagelayer-font-text-font-family:Montserrat;--pagelayer-font-accent-font-family:Poppins;}
.pagelayer-row-stretch-auto > .pagelayer-row-holder, .pagelayer-row-stretch-full > .pagelayer-row-holder.pagelayer-width-auto{ max-width: 1170px; margin-left: auto; margin-right: auto;}
@media (min-width: 781px){
			.pagelayer-hide-desktop{
				display:none !important;
			}
		}

		@media (max-width: 780px) and (min-width: 361px){
			.pagelayer-hide-tablet{
				display:none !important;
			}
			.pagelayer-wp-menu-holder[data-drop_breakpoint="tablet"] .pagelayer-wp_menu-ul{
				display:none;
			}
		}

		@media (max-width: 360px){
			.pagelayer-hide-mobile{
				display:none !important;
			}
			.pagelayer-wp-menu-holder[data-drop_breakpoint="mobile"] .pagelayer-wp_menu-ul{
				display:none;
			}
		}
@media (max-width: 780px){
	[class^="pagelayer-offset-"],
	[class*=" pagelayer-offset-"] {
		margin-left: 0;
	}

	.pagelayer-row .pagelayer-col {
		margin-left: 0;
		width: 100%;
	}
	.pagelayer-row.pagelayer-gutters .pagelayer-col {
		margin-bottom: 16px;
	}
	.pagelayer-first-sm {
		order: -1;
	}
	.pagelayer-last-sm {
		order: 1;
	}
	

}

</style>