.logo {
    max-width: 240px;
    margin: 9px 9px 9px 21px;        
}

.angel-logo {
    width: 80px;
    margin-right: 1rem;
}

.card-box {
    border-radius: 16px;
    background-color: hsl(218deg 60% 1% / 30%);
    box-shadow: 0 8px 32px 0 rgb(42 59 89 / 13%);
    padding: 26px 36px 44px;
}

.angel-logo-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    margin: 0 1rem;
}


.top-bg {      
    position: fixed;
    left: -50%;
    top: -25%;
    width: 200%;
    height: 75%;
    overflow: hidden;    
    z-index: -50;
    
    background-size: auto auto;
    background-position: center;
    -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));    
}

.section-con {
    align-items: center;
}

.bottom-bar {
    display: flex;
}

.foot-bar {
    max-width: 700px;
    margin: auto;
    padding: 30px;
}

.foot-bar-desc {
    margin-left: auto;
}

.ltd-desc {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 12px;
    font-weight: bold;
}

.my50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.quick-link {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    text-align: left;
}

.quick-link a {
    font-weight: 100 !important;
}

.foot-bar-desc p {
 
    text-align: left;
}

.info-desk {
    width: 85%;
    margin: auto;
}

.responsive-width-50 {
    width: 100%;
}

.mesh1 {
    width: 100%;
    position: absolute;
    top: 137vh;
    z-index: -3;
}

.mesh2 {
    width: 100%;
    position: absolute;
    top: 330vh;
    z-index: -3;
}

.vector1 {
    width: 30%;
    position: absolute;
    top: 100vh;
    right: 0px;
    z-index: -2;
}

.vector2 {
    position: absolute;
    top: 1700px;
    right: 0px;
    z-index: -2;
}

.group1 {
    width: 50%;
    position: absolute;
    top: 250vh;
    margin: auto;
    z-index: -1;
    left: 10%;
    transform: translate(10%);
}

.group2 {
    width: 100%;
    position: absolute;
    top: 430vh;
    margin: auto;
    z-index: -1;
}

.contactForm {    
    min-width: 640px;
    min-height: 1100px;
    border-radius: 8px;
    display: flex;
    margin: 0 auto;
    height: 800px;
    padding-top: 120px;
}
.aboutImg {
    max-width: 420px;
    width: 100%;
    margin: auto;
    display: block;
}

.header-container {
    /* margin-top: 6rem; */
}
.glassmorph {
    background: rgba(41, 15, 97, 0.75);    
    
    box-shadow: 0 8px 32px 0 rgba( 255, 186, 0, 0.37 );    
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 186, 0, 0.18 );
}
.header .glassmorph {
    background: rgba( 41, 15, 97, 1 );   
}
.glassmorph-black {
    background: rgba( 0, 0, 0, 0.25 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.glassmorph-turquoise {
    background: rgba(22, 138, 139, 0.25);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.glassmorph-purple {
    background: rgba(67, 22, 150, 0.25);
    box-shadow: 0 8px 32px 0 rgba(112, 31, 135, 0.37);
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.showCImg {
    background-color: #fff;
    text-align: center;
}

button {
    border-radius:9px;
    display:inline-block;
	cursor:pointer;
	padding:6px;
	text-decoration:none;	
}
.mediumButton {
    padding:1rem;
    font-size: 1rem;
    border-radius:1rem;
    font-weight: bold;
}
.bigButton {
    padding:1.5rem;
    font-size: 1.5rem;
    border-radius:1.5rem;
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 1rem;    
}
.smallButton {
    padding: 0 6px;
    margin: 0;
    font-size: 14px;
}
.goldButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;	
	border:1px solid #ffaa22;
	color:#333333;
	text-shadow:0px 1px 0px #ffee66;
}
.goldButton:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.greenButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #4CAF50 5%, #45a049 100%);
	background-color:#4CAF50;	
	border:1px solid #45a049;
	color:#fff;
	text-shadow:0px 1px 0px #3d8b40;
	font-size: 14px;
	font-weight: 600;
}
.greenButton:hover {
	background:linear-gradient(to bottom, #45a049 5%, #4CAF50 100%);
	background-color:#45a049;
}
.blueButton {
	
	background:linear-gradient(to bottom, #08b7d6 5%, #2a0dc9 100%);
	background-color:#2a0dc9;	
	border:1px solid #5b3fca;
	color:#fff;
	text-shadow:0px 1px 0px #2a0dc9;
}
.blueButton:hover {
	background:linear-gradient(to bottom, #2a0dc9 5%, #08b7d6 100%);
	background-color:#08b7d6;
}
.redButton {
	background:linear-gradient(to bottom, #97045f 5%, #e70505 100%);
	background-color:#e70505;	
	border:1px solid #cf390b;
	color:#fff;
	text-shadow:0px 1px 0px #d43d9a;
}
.redButton:hover {
	background:linear-gradient(to bottom, #e70505 5%, #97045f 100%);
	background-color:#97045f;
}

.gold {
    color:gold;    

  }

  .center {
    text-align: center;
  }
  .left {
      text-align: left;
  }
  .right {
    text-align: right;
}
.font-10 {
    font-size: 10px;
}
.font-12 {
    font-size: 12px;
}
.font-14 {
    font-size: 14px;
}
.font-16 {
    font-size: 16px;
}


@media (max-width: 1100px) {
    .top-bg {
        background-size: auto 100%;
    }
    
}

@media (max-width: 600px) {
    .bottom-bar {
        flex-direction: column;
    }
    .foot-bar-desc {
        margin-left: unset;
        margin-top: 60px;
    }
    .aboutImg {
        max-width: 240px;
        width: 100%;
        margin: auto;
        display: block;
    }
    .contactForm {    
        min-width: 95%;
        min-height: 1100px;
        border-radius: 8px;
        display: flex;
        margin: 0 auto;
        height: 800px;
        padding-top: 120px;
    }
}

@media (max-width: 1150px) {
    .mesh1 {
        top: 173vh;
    }
    .mesh2 {
        top: 365vh;
    }
    .vector1 {
        top: 100vh;
    }
    .vector2 {
        top: 1700px;
    }
    .group1 {
        top: 255vh;
    }
    .group2 {
        top: 530vh;
    }
    .page-top {
        margin-top: 55px;
    }
}
@media (max-width: 800px) {
    .header-container {
        margin-top: 7rem;    
    }    
}
@media (max-width: 600px) {
    .group2 {
        top: 440vh;
    }    
}
@media (max-width: 480px) {
    .card-box {
        padding-left: 0;
        padding-right: 0;
    }    
    .angel-logo-div h3 {
        font-size: 32px;
    }
    .mediumButton {
        padding:1rem;
        font-size: 1rem;
        border-radius:1rem;
        font-weight: bold;
    }
    .bigButton {        
        padding:1rem;
        font-size: 1rem;
        border-radius:1rem;
        font-weight: bold;
    }
    .header-container {
        margin-top: 4rem;    
    }
}