::-webkit-scrollbar {
    display: none;
}
.navbar{
    margin: 0 25px;
}
.logo{
    width: 165px;
}
.nav-item{
    margin-right: 20px;
    font-weight: 600;
}
.banner{
    background-color: #344871;
    color: #fff;
    width: 100%;
    height: 190px;
}
.apply{
    padding: 2px 25px;
    font-weight: 600;
    color: gray;
    font-size: 1rem;
    border: 1px solid rgba(0,0,0,.55);
  }
  .apply:hover{
    color: #fff;
    background-color: rgba(0,0,0,.55);
  }
  /* trial  */
  
  .blog_container{
      padding:3% 5%;
  }
  .blogs{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 2%;
    margin-bottom:3%;
  }
  .img_blog{
      width:100%;
      border-radius:25px;
  }
  .read_more{
      background-color:#36B5FF;
          padding: 5px 20px;
    border: 1px;
    border-radius: 5px;
    color: white;
  }
  .read_more a{
      text-decoration:none;
      color:white;
  }
  
body{
    overflow: visible !important;
}
.closed{
    color: black;
    border: none ;
    background: transparent;
    font-size: 3rem;
    margin: 0 15% -2% 0;
    z-index: 9999999999;
    position: fixed;
    right: 2%;
    top: 15%;
}
.get{
    padding : 5px 15px;
    position:fixed;
    bottom :5%;
    right:5%;
    border-radius:5px;
    z-index:9999999;
}
.x{
    display:none;
    background-color:#fff;
    position: fixed;
    width: 100%;
    height: 650px;
    z-index: 99999999;
    top:0;
}
.pc{
        margin-right: -10%;
    }
.form_on{
    width: 100%;
    height: 100%;
    display: none;
    background-color: #fff;
    padding: 1%;
    position: fixed;
    z-index:999999999;
    /*top: 0;*/
    top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.form_button{
    /* float: right; */
    border: 1px solid;
    border-radius: 15px;
    padding: 25px;
    margin: 0% 32%;
    background: #C9D6FF;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #E2E2E2, #C9D6FF);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #E2E2E2, #C9D6FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.help3{
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    padding: 5px 100px;
    margin-top: 5px;
}
.form_button input{
    border: 0.5px;
    border-radius: 5px;
}
.heading{
    font-weight: 700;
}
.form input{
    border: 0.5px;
    border-radius: 5px;
}
.form2 input{
    border: 0.5px;
    border-radius: 5px;
}
.checks br {
    display: block; /* makes it have a width */
    content: ""; /* clears default height */
    margin-top: 10px; /* change this to whatever height you want it */
}
.help{
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    padding: 10px 100px;
    margin-top: 15px;
}
.help2{
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    padding: 10px 85px;
    margin-top: 15px;
}
.submit{
    background: none;
}

.form{
    float: right;
    border: 1px solid;
    border-radius: 15px;
    padding: 25px;
    margin: 0% 5% auto;
    background: #C9D6FF;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #E2E2E2, #C9D6FF);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #E2E2E2, #C9D6FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.form2{
    border: 1px solid;
    border-radius: 15px;
    padding: 25px;
    background: #C9D6FF;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #E2E2E2, #C9D6FF);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #E2E2E2, #C9D6FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    margin: 0% 20%;
}
.heading{
    font-weight: 700;
}
.form input{
    border: 0.5px;
    border-radius: 5px;
}
.form2 input{
    border: 0.5px;
    border-radius: 5px;
}
.checks br {
    display: block; /* makes it have a width */
    content: ""; /* clears default height */
    margin-top: 10px; /* change this to whatever height you want it */
}
.help{
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    padding: 10px 100px;
    margin-top: 15px;
}
.help2{
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    padding: 10px 85px;
    margin-top: 15px;
}
.bg_mob{
    display:none;
}
.content{
    margin-top:5%;
}
@media only screen and (max-width: 1100px) {
    .nav-item {
      margin-right: 8px;
      font-weight: 600;
  }
}

@media only screen and (max-width: 800px) {
    .nav-item {
      margin-right: 8px;
      font-weight: 600;
  }
  .text{
    display: none;
}
.pc{
    margin-right: 18%;
}
.navbar{
    background-color: #344871;
    z-index: 99;
    margin: 0;
}
.apply{
    color: white;
    border: 0.5px solid;
    width: 90px;
}
}
@media only screen and (max-width: 500px) {
    .text{
        display: block;
    }
    .bg_pc{
        display:none;
    }
    .bg_mob{
        display:block;
    }
    .x{
    display:none;
    background-color:#fff;
    position: fixed;
    width: 100%;
    height: 1200px;
    z-index: 99999999;
    top:-20%;
}
    .pc{
        display: none;
    }
    .form_on{
        overflow:hidden;
        z-index:9999;
    }
    .pc-{
        margin-top:10%;
    }
    .form_button {
        padding: 10px;
        margin: 0% 0%;
    }
    .close {
        float: right;
        margin: 2% auto;
        padding: 0 5% 0 0;
        position: relative;
        z-index: 5;
    }
}