@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900' );
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700,900' );
html, body{height:100%;}
*{padding:0px; margin:0px; box-sizing: border-box; outline:none; list-style:none;}
ul, li{margin:0px; padding:0px;}
img{border:0px; max-width:100%;}
a{transition:all 0.3s ease-out 0s;text-decoration:none;} a:hover{text-decoration:none;}
a:hover img{opacity:.9;transition:all 0.3s ease-out 0s;}
.clr{clear:both;}
.f-right{float:right!important;} .f-left{float:left!important;}
.alert {
  padding: 12px 20px;
  background-color: #28a745; /* Green */
  color: white;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 15px;
}

/* Amoti Form Styling */
.CustomHtmlSignupForm {
    background-color: #F5F7FA;
    padding: 30px;
    border-radius: 8px;
    max-width: 800px;
    margin: 0 auto;
    font-family: "Helvetica Neue", sans-serif;
    color: #333333;
}
.CustomHtmlSignupForm label {
    display: block;
    margin-bottom: 6px;
    font-weight: bold;
    color: #104CBA;
}
.CustomHtmlSignupForm input,
.CustomHtmlSignupForm select {
    width: 100%;
    max-width: 600px;
    padding: 10px 12px;
    margin-bottom: 15px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    background-color: #ffffff;
    color: #333333;
}
.CustomHtmlSignupForm input:focus,
.CustomHtmlSignupForm select:focus {
    border-color: #104CBA;
    outline: none;
}
.CustomHtmlSignupForm fieldset {
    border: 1px solid #104CBA;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 4px;
    background-color: #ffffff;
}
.CustomHtmlSignupForm legend {
    font-size: 1.3em;
    font-weight: bold;
    color: #104CBA;
    margin-bottom: 10px;
}
.CustomHtmlSignupForm input[type="submit"] {
    background-color: #FF6B00;
    color: #ffffff;
    font-weight: bold;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
}
.CustomHtmlSignupForm input[type="submit"]:hover {
    background-color: #e85e00;
}
.CustomHtmlSignupForm .terms-agree {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    font-size: 14px;
}
.CustomHtmlSignupForm .terms-agree input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
}
.CustomHtmlSignupForm .terms-agree label {
    margin: 0;
    font-weight: normal;
    color: #333333;
    cursor: pointer;
}
/* Popup Modal Styles */
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
}
.modal-content {
    background-color: #ffffff;
    margin: 10% auto;
    padding: 30px 20px;
    border-radius: 8px;
    width: 90%;
    max-width: 500px;
    color: #333333;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    border-top: 6px solid #104CBA;
    position: relative;
    font-family: "Helvetica Neue", sans-serif;
}
.modal-content.success {
    border-top-color: #28a745;
}
.modal-content.error {
    border-top-color: #dc3545;
}
.modal-content h3 {
    margin-top: 0;
    color: #104CBA;
    font-size: 24px;
}
.modal-content p {
    margin: 15px 0;
    font-size: 16px;
    line-height: 1.5;
}
.modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #FF6B00;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s;
}
.modal-close:hover {
    color: #104CBA;
}
.modal-button {
    display: inline-block;
    background-color: #FF6B00;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s;
}
.modal-button:hover {
    background-color: #e85e00;
}


h1, h2, h3, h4, h5, h6{margin:0;}
.marT1{margin-top:5px;} .marT2{margin-top:10px;} .marT3{margin-top:15px;} .marT4{margin-top:20px;} .marT5{margin-top:25px;} .marT6{margin-top:30px;} .marT7{margin-top:40px;}
.marB1{margin-bottom:5px;} .marB2{margin-bottom:10px;} .marB3{margin-bottom:15px;} .marB4{margin-bottom:20px;} .marB5{margin-bottom:25px;} .marB6{margin-bottom:30px;} .marB7{margin-bottom:40px;}
.padT1{padding-top:5px;} .padT2{padding-top:10px;} .padT3{padding-top:15px;} .padT4{padding-top:20px;} .padT5{padding-top:25px;} .padT6{padding-top:30px;} .padT7{padding-top:40px;}
.padB0{padding-bottom:0px!important;} .padB1{padding-bottom:5px;} .padB2{padding-bottom:10px;} .padB3{padding-bottom:15px;} .padB4{padding-bottom:20px;} .padB5{padding-bottom:25px;} .padB6{padding-bottom:30px;} .padB7{padding-bottom:40px;}
.width30, .width40, .width50, .width55, .width60, .width65, .width70, .width80, .width85, .width90{margin-left:auto; margin-right:auto;}
.width30{width:30%;} .width40{width:40%;} .width50{width:50%;} .width55{width:55%;} .width60{width:60%;} .width65{width:65%;} .width70{width:70%;} .width80{width:80%;} .width85{width:85%;} .width90{width:90%;}
.blue{color:#07222b!important;} .darkblue{color:#124cb9!important;} .red{color:#d82a2c!important;} .green{color:#8dca2c!important;} .white{color:#fff!important;} .orange{color:#ff5c30!important;} .gray{color:#424242!important;} .yellow{color:#ffcc00!important;}
body{background:#fff; font:400 14px "Nunito",Arial,sans-serif; color:#07222b;}
h1, h2, h3,h4{font-family:"Poppins",Arial,sans-serif;}
.container{max-width:1200px; padding-left:0; padding-right:0; z-index:9; position:relative;}
body{background: url(images/background.avif) no-repeat fixed 0 0; background-size:cover; position:relative; display:block;}
.greenSec {padding: 30px 0 40px; position:relative; background: url(images/background.avif) no-repeat fixed 0 0; background-size:cover; }
.greenSec::before{content:""; position:absolute; left:0; top:0; width:100%;  height:100%; display:block; background:url(images/pattern.png) repeat fixed center center; z-index:1;}
.greenSec::after{content:""; position:absolute; left:0; top:0; width:100%;  height:100%; display:block; background-image: linear-gradient(to right, rgba(1,43,120,.3), rgba(216,67,27,.8)); background-attachment:fixed;}
.blueSec{background:none!important; padding-bottom:90px;}
.blueSec::after{content:""; position:absolute; left:0; top:0; width:100%;  height:100%; display:block; background-image: linear-gradient(to right, rgba(1,43,120,.9), rgba(216,67,27,.8)); background-attachment:fixed;}
.greenSec h1{font-size:46px; font-weight:700; text-shadow:rgba(0,0,0,.3) 2px 2px 30px; text-transform:uppercase; letter-spacing:1px; padding:20px 0 20px;}
.blueSec h1{font-size:40px; }
h2{font-size:26px;}
.box{background:rgba(200,240,228,.9) url(images/pattern.png) repeat; padding:25px; margin:30px auto 0; color:#333; box-shadow:rgba(0,0,0,.1) 0 0 30px; border-radius:20px; position:relative;}
.blueSec .box{background:rgba(5,43,55,.9) url(images/pattern.png) repeat; padding:50px; margin:30px auto 0; color:#333; box-shadow:rgba(0,0,0,.1) 0 0 30px; border-radius:20px; position:relative; max-width:800px; position:relative;}
.greenSec h3, .graySec h3{font-size:30px; font-weight:700; text-transform:uppercase; color:#124cb9; padding-bottom:20px;}
.service-list{font-size:20px; font-weight:600; padding-bottom:20px;}
.service-list li{text-align:left; padding:0 30px 10px 25px; display:inline-block; position:relative; color:#111;}
.blueSec .service-list, .blueSec h3 {max-width:680px; margin:0 auto; text-align:left;}
.blueSec .service-list li{text-align:left; padding:0 30px 10px 35px; display:inline-block; color:#fff; position:relative;}
.service-list li::before{content:"\f14a"; position:absolute; left:0; top:0px; font-family:fontawesome;color:#ff5c30; font-size:22px;}
.greenSec h4{background:#ff5c30; padding:15px 30px; border-radius:100px; display:inline-block;box-shadow:rgba(0,0,0,.3) 0 0 30px; margin-top:-30px; position:relative;}

.frm{max-width:800px; margin:30px auto 50px; text-align:center; display:flex;}
.txt{width:70%; border:0; font:600 16px Poppins; padding:25px 30px; border-radius:100px 0 0 100px;}
.btn{width:30% ;border:0px solid #222; border-radius:0; text-transform:uppercase; letter-spacing:2px; font:600 20px Poppins; background:#124cb9; padding:25px 20px; color:#fff; border-radius:0 100px  100px 0;}
.btn:hover{background:#ff5c30; color:#fff;}

.notiSec .txt{width:26%; border:0;  font:600 16px Poppins; padding:20px 20px; border-radius:100px 0 0 100px; margin-right:1px;}
.notiSec .phone, .notiSec .email{width:27%; border:0;  font:600 16px Poppins; padding:20px 20px; border-radius:0 0 0 0;}
.notiSec .phone{ margin-left:1px;}
.notiSec .btn{width:19%;  padding:19px 10px; font-size:18px; letter-spacing:1px;}
.notiSec .btn:hover{background:#1f3943;}
.graySec{background:rgba(200,240,228,.9) url(images/pattern.png) repeat; padding:10px 0 30px; color:#333; position:relative;}
.graySec p{font-size:22px; color:#333; max-width:800px; margin:0 auto; padding:40px 0 50px; font-weight:600;}
.affiliateBox { text-align:center; color:#fff;background: #124cb9 url(images/pattern.png) repeat 0 0;border-radius: 10px; border:0px solid #fff;padding: 0px 20px 40px;box-shadow: rgba(0,0,0,.2) 0 0 30px;margin: 00px auto;position: relative;z-index: 1;max-width: 750px;}

.fa-users{background:#fff; width:80px; height:80px; border-radius:200px; text-align:center; line-height:80px; font-size:42px; color:#124cb9; box-shadow: rgba(0,0,0,.2) 0 0 30px;
margin-top: -30px;}
.graySec h4{font-size:30px; font-weight:600; padding:20px 0 10px;}
.quest ul{display:flex; justify-content:center;}
.quest h6::before{content:""; width:150px; height:3px; background:#ff5c30; margin:20px auto; display:block;}
.quest h6{font-size:20px; font-weight:700; padding:10px 0 20px; position:relative;}
.quest ul li a{padding:10px 30px; font-size:16px; color:#fff; display:inline-block; background:#082459; border-radius:300px; margin:5px;}
.quest ul li a:hover{background:#ff5c30;}

.graySec h3{background:#124cb9; padding:15px 30px; border-radius:100px; display:inline-block;box-shadow:rgba(0,0,0,.3) 0 0 30px; margin-top:-30px; position:relative; margin-top:-60px; font-size:26px; letter-spacing:1px; font-weight:600;}
.blueSec .box::after{position:absolute; content:""; width:200px; height:400px; }
.man{position:absolute; right:-260px; bottom:-90px; width:380px;}
.women{position:absolute; left:-260px; bottom:-90px; width:350px;}
.notiSec{background:url(images/orange.png) no-repeat center center; background-size:cover; padding:30px 0;}
.fa-rocket{background: #ff6533;border-radius: 100px;width: 50px;height: 50px;line-height: 50px;}
.amoti{background: #fff;display: inline-block;padding: 10px 20px;border-radius: 100px;width: 150px;margin-top: -80px;}
.form-control{padding:15px 15px; height: calc(2.5em + .75rem + 2px);}
.formBox{background:#fff; padding:40px; box-shadow:rgba(0,0,0,.1) 0 0 30px; border-radius:20px;}
.btn-default{border-radius:10px; padding:15px; font-size:16px; font-weight:500; width:100%;}
.announcement{background: #104cba;border-radius: 2000px;display: inline-block;padding: 5px 20px 5px 5px;color: #fff;box-shadow: rgba(0,0,0,.2) 0 0 30px;font-size: 20px;font-weight: 600;}
.video{max-width: 800px;margin: 0 auto;z-index: 99999;position: relative;}
.video iframe{border: 25px solid #FE5C307A;border-radius: 10px;box-shadow: rgba(0,0,0,.15) 0 0 30px;margin-top: -70px;z-index: 9999999;width: 100%;}
@media screen and (max-width: 700px) { 
.announcement{border-radius: 20px;padding: 10px 20px 15px 15px; }
.greenSec h1{font-size:30px;}
.greenSec h2{font-size:22px;}
.greenSec h3{font-size:24px;}
.greenSec h4{font-size:20px;}
.greenSec{padding-left:15px; padding-right:15px;}
.txt, .btn{width:100%; border-radius:5px; padding:15px 20px;}
.btn{font-size:15px; margin-top:5px;}
.frm{flex-wrap:wrap;}
.service-list li{padding-right:0; text-align:left; display:block; font-size:18px;}
.service-list li::before{top:-2px;}
.blueSec .box{padding:30px 30px 10px;}
.notiSec .txt, .notiSec .email, .notiSec .phone{width:100%; border-radius:5px; padding:15px 10px;margin: 1px 0 0;}
.notiSec .btn{width:100%; border-radius:0; padding:15px 10px;}
.notiSec, .graySec{padding-left:15px; padding-right:15px;}
.man{right:0px; bottom:-220px; width:180px;}
.women{left:0px; bottom:-220px; width:165px;}
.blueSec .service-list li{padding-right:0; font-size:16px;}
.blueSec{padding-bottom:220px;}
.quest ul {flex-wrap:wrap;}
.quest ul li, .quest ul li a{width:90%;}
.graySec h3{font-size:21px;}
.fa-rocket{width: 35px;height: 35px;line-height: 35px;}
.width60{width:100%;} .width80{width:90%;}
.col-md-6{padding-left:0; padding-right:0;}
.formBox{padding:30px; margin-top:20px;}
.affiliateBox {padding-left:20px; padding-right:20px;}
.video{padding:0 10px;}
.video iframe{border-width:10px; margin:20px 0; height:210px;}
}

.amoti-footer {
  background: #124cb9 url(images/pattern.png) repeat;
  padding: 30px 0;
  color: #fff;
  font-size: 14px;
}

.amoti-footer .footer-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
  padding: 0;
}

.amoti-footer .footer-links li {
  list-style: none;
  margin: 0 15px;
}

.amoti-footer .footer-links li a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.amoti-footer .footer-links li a:hover {
  color: #ff5c30;
}

.footer-copy {
  margin: 0;
  font-weight: 400;
}