@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");
body * { font-family: Oswald, sans-serif; }
div#urls {
    padding-bottom: 20px;
}
body { height: 100vh; background:  0% 0% / cover rgb(10, 10, 10); position: relative; overflow: hidden; }
.navbar .row { width: 100%; align-items: center; }
.navbar .row .col-sm-9 { text-align: right; }
.navbar {padding: 15px 0px;position: fixed;/* z-index: 9999; */width: 100%;}
section.main-area { left: 0px; right: 0px; bottom: 0px; height: 100vh; display: flex; align-items: center; }
.main-area .row { align-items: flex-end; }
.main-area h1 { font-size: 153px; line-height: 130px; color: rgb(255, 255, 255); font-weight: 700; }
.main-area h4 { color: rgb(255, 255, 255); text-transform: uppercase; font-size: 30px; padding: 10px 0px; }
.video-main { position: relative; }
.video-main .video-btn { position: absolute; inset: 0px; text-align: center; display: flex; align-items: center; width: 100%; }
.video-main .video-btn a { width: 100%; }
footer { position: fixed; right: 0px; width: 100%; background: rgb(0, 0, 0); bottom: 0px; text-align: center; height: 50px; line-height: 30px; z-index: 9 !important; }
.main-area .right { padding: 90px 70px 0px; position: relative; }
.right .right-cont { z-index: 3; position: relative; }
.main-area .left { z-index: 9; }
.main-area .right h2 { font-size: 60px; color: rgb(255, 255, 255); font-weight: 500; }
.main-area .right p { color: rgb(255, 255, 255); font-size: 16px; font-weight: 300; }
a.primry-btn { background: rgb(241, 155, 20); color: rgb(255, 255, 255); font-size: 15px; font-weight: 400; padding: 10px 40px 14px; display: inline-block; border-radius: 50px; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; }
.footer-txt p { color: rgb(255, 255, 255); padding: 10px 0px; }
.main-area form.upload-file { background: rgb(255, 255, 255); padding: 10px 30px; margin: 10px 0px 20px; border-radius: 60px; position: relative; }
.main-area form.upload-file input[type="submit"] { position: absolute; background: rgb(241, 155, 20); color: rgb(255, 255, 255); font-size: 15px; font-weight: 400; padding: 10px 40px 14px; display: inline-block; border-radius: 50px; text-transform: uppercase; letter-spacing: 1px; border: 0px; top: 2px; right: 4px; }
.main-area label.custom-file-upload { margin-bottom: 0px; position: relative; padding-left: 40px; color: rgb(113, 111, 109); font-size: 17px; }
#basicModal .modal-content { background: transparent !important; border: 0px !important; }
#basicModal .modal.show .modal-dialog { max-width: 790px; }
.modal { background: rgba(0, 0, 0, 0.66); }
.overlay { height: 100%; width: 0px; position: fixed; z-index: 1; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.9); overflow-x: hidden; transition: all 0.5s ease 0s; }
.video-thum img { height: 230px; object-fit: cover; width: 100%; }
.overlay-content { position: relative; top: 25%; width: 100%; text-align: center; margin-top: 30px; }
.overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: rgb(129, 129, 129); display: block; transition: all 0.3s ease 0s; }
.overlay a:hover, .overlay a:focus { color: rgb(241, 241, 241); }
.overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; }
@media screen and (max-height: 450px) {
  .overlay a { font-size: 20px; }
  .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; }
}
.link_button { background-color: rgb(154, 255, 185); color: black; font-size: 17px; margin-right: 7px; }
.form-box { background: rgb(255, 255, 255); padding: 5px 20px; border-radius: 60px; margin-bottom: 20px; cursor: pointer; }
.btn-area { text-align: right; padding-right: 0px; }
.btn-area a.primry-btn { margin-top: 0px; text-align: center; color: rgb(255, 255, 255); }
.form-box p { margin-bottom: 0px; }
.form-box .row { align-items: center; }
.form-box a { display: inline-block; width: 100%; }
#searchModal .modal-dialog { max-width: 750px; text-align: center; }
#searchModal .modal-dialog form#dropzone-upload { text-align: left; border: 1px solid rgb(218, 218, 218); margin: 20px 0px; }
#searchModal h3 { font-size: 32px; font-weight: 300; }
#searchModal p { text-align: left; font-weight: 400; font-size: 15px; color: rgb(109, 109, 109); }
#searchModal div#links { text-align: left; }
#searchModal .gallery { text-align: left; }
video { position: absolute; top: -270px; right: -40px; height: 400px; z-index: -1; }
.dropzone::before { content: "Select Files"; border-radius: 3px; padding: 12px 25px; outline: none; white-space: nowrap; user-select: none; cursor: pointer; text-shadow: rgb(255, 255, 255) 1px 1px; font-weight: 700; font-size: 10pt; color: rgb(1, 96, 135); background: rgb(241, 241, 241); border: 1px solid rgb(1, 96, 135); margin-top: 0px; margin-right: auto; margin-left: auto; display: table; margin-bottom: 15px !important; }
#particles-js { position: absolute; width: 100%; height: 100%; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; opacity: 0.5; }
.modal-backdrop.show { z-index: 0; }
.main-area .right h2::before { content: url("../../public/images/before-line.png"); position: absolute; z-index: 999999; left: -160px; top: 30px; }
@media only screen and (min-width: 1550px) and (max-width: 1920px) {
  .main-area h1 { font-size: 230px; line-height: 200px; }
  .main-area h4 { font-size: 45px; padding: 20px 0px; }
  .video-thum img { height: auto; }
  .main-area .right { padding-bottom: 110px; }
  video { top: -320px; }
  section.main-area { align-items: flex-end; }
}
@media only screen and (min-width: 1024px) and (max-width: 1550px) {
  .main-area h1 { font-size: 160px; line-height: 150px; }
  .main-area h4 { font-size: 32px; padding: 0px 0px 20px; }
  .video-thum img { height: 280px !important; }
  section.main-area { align-items: flex-end; }
  .right .right-cont { padding-bottom: 50px; }
}



div#links a {
    background-color: rgb(154, 255, 185);
    color: black;
    font-size: 17px;
    margin-right: 7px;
    border-color: #28a745;
    border: 1px solid;
    border-radius: .25rem;
    padding: 10px;
    text-decoration: none;
}

div#links a:hover {  background-color: #28a745; color :#fff;  }