@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap);
*{box-sizing:border-box;padding:0;margin:0;font-family:Poppins,sans-serif}
h1{font-weight:800;font-size:35px;line-height:37px}
h2{font-weight:600;font-size:27px;line-height:31px}
h3,h4,h5,h6{font-weight:600;font-size:21px;line-height:21px}
section{margin-top:40px;margin-bottom:0}
p{font-size:14px;font-weight:400;line-height:1.5;color:#212529;text-align:left}
ul{padding:0}
ul li{font-weight:500;color:#111}
a{text-decoration:none;color:#000;font-weight:600}
b{color:#000;font-weight:600}
.text-justify{text-align:justify}
.custom-navbar{background-color:#fff;border-bottom:3px solid #1d8348;padding:30px 0}
.custom-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}
.custom-navbar-brand{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center}
.custom-logo-container{display:flex;align-items:center}
.custom-logo{width:160px}
.custom-nav{display:flex;align-items:center;gap:15px}
.custom-nav-link{font-size:16px;font-weight:500;padding:8px 22px;border-radius:27px;color:#fff;text-decoration:none;display:flex;align-items:center;transition:all .3s ease}
.custom-btn-primary{background-color:#1d8348;font-weight:600;animation:jiggling 1s infinite}
.custom-btn-secondary{background-color:#34495e}
.custom-nav{margin-left:auto}
.custom-nav-link i{margin-right:5px}
@keyframes jiggling{
0%{transform:translateX(0)}
25%{transform:translateX(-5px)}
50%{transform:translateX(5px)}
75%{transform:translateX(-5px)}
100%{transform:translateX(0)}
}

section.login-bg{margin-top: 0px;}
.login-bg{background-color: #fff;}
.wrapper{max-width: 400px;background-color: #fff;padding: 60px 30px;border-radius: 10px;box-shadow: 0 15px 20px rgba(0, 0, 0, .1);overflow: hidden;margin:auto;}
.wrapper .title-text{display: flex;width: 200%;}
.wrapper .title-text .title{width: 50%;font-size: 35px;font-weight: 600;text-align: center;transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);color: #555;}
.wrapper .form-container{width: 100%; overflow: hidden;}
.form-container .slide-controls{display: flex;justify-content: space-between;height: 50px;width: 100%;border: 1px solid lightgrey;overflow: hidden;margin: 30px 0 10px 0;border-radius: 10px;position: relative;}
.slide-controls .slide{width: 100%;height: 100%;font-size: 18px;font-weight: 500;line-height: 48px;text-align: center;cursor: pointer;color: #fff;z-index: 1;transition: all .6s ease;}
.slide-controls .signup{color: #212121;}
.slide-controls .slide-tab{position: absolute;height: 100%;width: 50%;top: 0;left: 0;z-index: 0;background: #1d8348;transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
input[type="radio"]{display: none;}
#signup:checked ~ .slide-tab{left: 50%;}
#signup:checked ~ .signup{color: #fff;}
#signup:checked ~ .login{color: #212121;}
.form-container .form-inner{display: flex;width: 200%;}
.form-container .form-inner form{width: 50%; transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);;}
.form-inner form .field{height: 50px;width: 100%;margin-top: 20px;}
.form-inner form .field input{width: 100%;height: 100%;outline: none;font-size: 17px;padding-left: 15px;border-radius: 10px;border: 1px solid lightgray;border-bottom-width: 2px;transition: all 0.4s ease;}
.form-inner form .field input:focus{border-color: #1d8348;}
.form-inner form .pass-link{margin-top: 5px;}
.form-inner form .pass-link a, .form-inner form .signup-link a{color: #1d8348;text-decoration: none;}
.form-inner form .signup-link{color: #212121;text-align: center;margin-top: 30px;}
.form-inner form .pass-link a:hover,.form-inner form .signup-link a:hover{text-decoration: underline;}
form .field input[type="submit"]{background:#1d8348;color: #fff;font-size: 20px;font-weight: 500;padding-left: 0;border: none;cursor: pointer;}


section.otherpage{background-color:#1d8348;padding:30px 15px;margin:30px 0;}

.content-box h2{color:#fff;}
.content-box h1{color:#fff;}
.content-box b{color:#fff;}
.content-box a{color:#fff;}
.content-box p{color:#fff;}
.content-box ul{margin-left:20px;font-weight:500;color:#fff;}
.content-box ul li{font-weight:500;color:#fff;}
.btn-success{background:#084508}
.btn-primary{background-image:linear-gradient(#3b0f5e,#180935)}
.btn-warning{background:#0a3a57}


.info-box{border:1px solid rgba(0,0,0,.1);padding:60px 50px 30px}
.info-box p{font-size:12px;color:#212529}
.footer-section{color:#fff;background-color:#34495e;border-top-left-radius:70px;font-size:.8rem}
.footer-content{display:grid;gap:50px;padding:20px 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.footer-compliance,.footer-links,.footer-logo{margin-top:50px}
.footer-header h3{font-size:27px;line-height:30px;margin-bottom:20px}
.footer-logo-img{width:160px}
.footer-description p{color:#fff;margin-bottom:10px}
.btn-outline-light{background-color:transparent;border:1px solid #98a8f8;color:#98a8f8;text-transform:uppercase;border-radius:10px}
.link-list{display:flex;flex-direction:column;gap:10px}
.link-list a{color:#fff;text-decoration:none;font-size:1rem}
.btn-outline-light{background-color:transparent;border:1px solid #fff;color:#fff;text-transform:uppercase;border-radius:10px;padding:10px}
.btn-outline-light:hover{background-color:transparent;border:1px solid #fff;color:#fff;background-color:#1d8348;text-transform:uppercase;border-radius:10px;padding:10px}
.footer-copyright{padding:20px 0 5px}
.footer-copyright p{text-align:center;color:#fff}
@media only screen and (min-width:767px){
.hidden-md1{display:none}
.hide-on-desktop{display:none!important}
}
@media only screen and (max-width:767px){
.hidden-md2{display:none}
}
@media only screen and (max-width:767px){
section{margin-top:25px;margin-bottom:0}
h1{font-weight:800;font-size:21px;line-height:27px}
h2{font-weight:600;font-size:17px;line-height:25px}
h3,h4,h5,h6{font-weight:600;font-size:17px;line-height:25px}
p{font-size:13px;}
ul li{font-weight:500;font-size:13px;}
.custom-navbar{padding:10px 0}
.custom-navbar-brand{position:relative;left:80px}
.custom-nav .custom-nav-link{font-size:14px;margin-bottom:5px}
.custom-nav{display:block;align-items:center;gap:15px}
.footer-content{display:grid;gap:0;padding:10px 25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
section.login-bg{margin-top: 0px;}
section.otherpage{background-color:#1d8348;padding:20px 10px;margin:20px 0;}
}