@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px;}
html{font-size:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%;}
label{display:inline-block; font-weight:bold; margin-bottom:5px; max-width:100%;}
ol, ul{list-style:none;}
strong{font-weight:700;}
:focus{outline:0;}
a, a:link{text-decoration:none; outline:none; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
figure{text-align:center;}
img{max-width:100%; height:auto;}
p{padding:2px 0;}
.clear{clear:both;}
body{margin:0 !important; padding:0; font-family:'Poppins', sans-serif; color:#000; background:#fff;}

.header{padding:30px 0; text-align:center; position:relative;}
.header h1{font-family:'CordilleraAltSemiBold'; font-size:40px; color:#000; line-height:50px; padding:40px 0;}
.header h1 i{font-family:'CordilleraAltSemiBold'; font-style:normal; position:relative;}
.header h1 i::after{content:''; background-image:url(../images/design.png); background-position:center; background-size:contain;  background-repeat:no-repeat; width:100%; height:20px; position:absolute; left:0; bottom:-5px; z-index:-1;}
.header h1 span{color:#ffa100; font-family:'CordilleraAltSemiBold'; display:block;}

.video-div{}
.video-div img{border-radius:20px;}

.header h2{font-family:'CordilleraAltSemiBold'; color:#000; font-size:23px; padding:40px 0 70px; line-height:30px;}
.header h2 span{display:block;}

.arrow-div{position:absolute; left:230px; bottom:30px;}

a.unlockbtn{display:block; background:#132f53; color:#fff; font-family:'CordilleraAltSemiBold'; border-radius:10px; text-align:center; font-size:20px; width:270px; height:60px; line-height:60px; margin:auto; position:relative; z-index:1;}
a.unlockbtn::after{content:''; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgb(19, 47, 83); border-radius:10px; z-index:-1; animation:pulse 1.2s ease infinite;}

.modal-content{background:#02182f url(../images/bg.jpg) top center no-repeat; background-size:cover; text-align:center; padding:50px;}
.modal-body h1{font-size:40px; color:#fff; font-family:'CordilleraAltSemiBold'; line-height:50px; padding:0 0 40px;}
.modal-body h1 span{color:#fff; font-family:'CordilleraAltSemiBold'; display:block;}
.modal-body input[type=text]{display:block; background:#fff; padding-left:20px; border-radius:30px; width:100%; height:50px; line-height:50px; margin-bottom:15px; border:none; font-size:16px; font-family:'CordilleraAltSemiBold'; text-transform:capitalize;}
.modal-body input[type=email]{display:block; background:#fff; padding-left:20px; border-radius:30px; width:100%; height:50px; line-height:50px; margin-bottom:15px; border:none; font-size:16px; font-family:'CordilleraAltSemiBold';}
.modal-body button[type=submit]{cursor:pointer; position:relative; z-index:2; display:inline-block; background:rgb(19, 47, 83); margin:15px 0 20px; font-size:20px; font-weight:600; color:#fff !important; border:1px solid rgba(0,0,0,0.2); width:100%; border-radius:30px; padding:10px 25px; font-family:'CordilleraAltSemiBold';}
.modal-body button[type=submit]::after{content:''; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgb(19, 47, 83); border-radius:10px; z-index:-1; animation:pulse 1.2s ease infinite;}

@keyframes pulse{
  0%{
    transform:scale(1);
  }
  50%{
    opacity:0.4;
  }
  100%{
    transform:scale(1.2, 1.5);
    opacity:0;
  }
}
.form-label{text-align: left; display: block; font-family:'CordilleraAltSemiBold'; font-weight: normal;}
@font-face {
    font-family:'CordilleraAltSemiBold';
    src: url('../fonts/CordilleraAltSemiBold.eot');
    src: url('../fonts/CordilleraAltSemiBold.eot') format('embedded-opentype'),
         url('../fonts/CordilleraAltSemiBold.woff2') format('woff2'),
         url('../fonts/CordilleraAltSemiBold.woff') format('woff'),
         url('../fonts/CordilleraAltSemiBold.ttf') format('truetype'),
         url('../fonts/CordilleraAltSemiBold.svg#CordilleraAltSemiBold') format('svg');
}

/*mohamed abdelmoniem works*/
    .btn-01 {
        background-color: transparent;
        font-size: 1.3rem;
        font-weight: bold;
        border: 0;
        padding: 1.5rem 2.5rem;
        margin: 2rem 0;
      }
      .btn-animation-01 {
        border-radius: 15px;
        position: relative;
        z-index: 1;
      }
      .skin-01 {
        background-color: #0f4876;
        color: #fff;
      }
      .btn-animation-01::after,
      .btn-animation-01::before {
        content: " ";
        background-color: #0f487680;
        border: 1px solid #0f4876;
        border-radius: 20px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        animation: dbl-pulse 2s ease-out 0.3s infinite;
      }
      .btn-animation-01::before {
        animation: dbl-pulse 2s ease-out 0.78s infinite;
      }
      .modal-popup .btn-animation-01::after, .modal-popup .btn-animation-01::before {
          background-color: #2268a080;
            border-color: #4793d0 ;
      }
      @keyframes dbl-pulse {
        0% {
          transform: scale(1);
        }
        100% {
          transform: scale(1.5, 1.8);
          opacity: 0;
        }
      }