:root{--black:#000;--primary:#c73d3d;--primary-hover:#ca2121;--primary-shadow:rgba(196, 34, 34, 0.5);--cyan:#00e5ae;--purple-lite:#2c1f41;--gray:#707070;--dark-gray:#2e2e2d}
ul{margin-bottom:0}
.bg-purple-lite{background-color:var(--purple-lite)}
.bg-dark-gray{background-color:var(--dark-gray)}
.text-primary{color:var(--primary)!important}
.btn-primary{background-color:var(--primary);border-color:var(--primary)}
.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}
.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem var(--primary-shadow)}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:var(--primary-hover);border-color:var(--primary-hover)}
.img-style{padding:10px;position:relative;z-index:1;overflow:hidden}
.img-style::after,.img-style::before{content:"";position:absolute;left:0;right:0;height:50%;z-index:-1}
.img-style::before{top:0;background-color:#c73a5f}
.img-style::after{bottom:0;background-color:#d6caf1}
.dot-design{position:relative}
.dot-design::after,.dot-design::before{content:"";display:inline-block;margin:0 15px;height:4px;width:4px;background-color:var(--black);vertical-align:middle}
.required{position:relative}
.required::before{content:"*";position:absolute;top:4px;left:0}
@media (min-width:1300px){
.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1200px}
}
@media(min-width: 576px){
  .img-style{padding:15px;}
}

.main-navbar{background-color:#000;padding-top:15px;padding-bottom:20px}
.nav-text{font-size:24px}
@media (max-width:575px){
.nav-text{font-size:14px}
}

.banner{background-image:url(../img/landingPage.png);background-size:cover;background-position: center;}
.banner-info{max-width:400px}
.banner-info h1{text-shadow:0 3px 16px rgb(0 0 0 / 16%)}
.form-style .form-control{border-radius:0;border:0;border-bottom:.82px solid var(--cyan)}
.form-style .form-control:focus{box-shadow:none}

.event-section{background-image:url(../img/purple-bg.jpeg);background-repeat:no-repeat;background-size:contain;background-position:center bottom}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  margin: auto;
  padding-left: 69px;
  font-size: 33px;
}
.modal-header{
  border: 0;
}