.containerhead {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header {
    width: 80%;
    margin: auto;
    background-color:#ffffff19;
}

.column1 {
    display: flex;
    align-items: center;
}
*{
    position:relative;
      box-sizing: border-box;   

}
a.navbar-brand {
    padding: 0;
    margin-right: 25px;
}

figure.mb-0 {
    margin: 0;
}



body {
    margin: 0;
    font-family: "Roboto", sans-serif;
}


section.aboutsection {
    background: linear-gradient(114.5deg, #0F172A 0%, #1E293B 100%);
    text-align: center;
    padding:90px 70px;
    
}

.abtseccontainer {
    width: 90%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 90px;
}
.aboutSubTitle{
    margin-top:30px;
    font-size:20px;
    color: #64748B;
}
.aboutTitle{
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}

.aboutFlex {
  display: flex;
  gap: 40px;
}

.aboutFlex > div {
  flex-basis:50%;
}


.aboutDesc p{
    font-size:20px;
    color:#fff;
    line-height:30px;
    opacity:0.8;
    text-align:left;
}
.whatExpect{
    padding:50px;
    background: #FFFFFF0D;
    border: 1px solid #FFFFFF1A;
    box-shadow: 0px 25px 50px 0px #0000004D;
    backdrop-filter: blur(-4px);
    -webkit-backdrop-filter: blur(-4px);
    border-radius:25px;
    text-align:left;
}

.wte {
    background: linear-gradient(94.14deg, #A798B4 0%, #8B5CF6 50%, #06B6D4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* For newer spec support */
  color: transparent;
  font-size: 24px;
  font-weight: bold;
  text-align: center; 
}

.wte-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wte-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
  font-size: 1.1rem;
  color: white;
}

.wte-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  background-image: url('/cms/assets/images/Bullet-Point.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.scheduleTitle,.gitTitle{
    background: linear-gradient(93.84deg, #3C1A5B 0%, #8B5CF6 50%, #06B6D4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; 
    color: transparent;
    font-size: 50px;
    font-weight: bold;
    text-align: center; 
}
.scheduleSubTtile{
    margin-top:50px;
    font-size:20px;
    color: #64748B;
}

.scheduleFlex {
    margin-top:50px;
    display: flex;
    gap: 40px;
}

.scheduleBox {
    
    flex-basis:33%;
    box-sizing: border-box;
    border: 1px solid #8B5CF61A;
    box-shadow: 0px 20px 60px 0px #00000014;
    padding:30px;
    border-radius:15px;
    overflow:hidden;
}
.gitFlex {
    margin-top:50px;
    display: flex;
    gap: 40px;
}

.gitBox {
    flex-basis:33%;
    box-sizing: border-box;
    border: 1px solid #8B5CF61A;
    box-shadow: 0px 20px 60px 0px #00000014;
    padding:50px 30px;
    background:#fff;
    border-radius:15px;
    overflow:hidden;
}
.gitBoxIcon{
    background: linear-gradient(135deg, #3C1A5B 0%, #8B5CF6 50%, #06B6D4 100%);
    border-radius:50%;
    width:80px;
    height:80px;
    box-shadow: 0px 15px 40px 0px #8B5CF64D;
    display:inline-block;
}
.gitBoxIcon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gitBoxTitle{
    font-weight:bold;
    color:#000;
    font-size:22px;
    margin-bottom:20px;
    margin-top:20px;
}
.gitBoxSubTitle{
    color: #64748B;
    font-size:16px;
    line-height:22px;
    margin:0px;
    

}

.scheduleBoxTopLine{
    height:4px;
    background: linear-gradient(90.74deg, #3C1A5B 0%, #8B5CF6 50%, #06B6D4 100%);
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:auto;
}
.scheduleTime{
    color: #8B5CF6;
    font-weight:bold;
}
.scheduleBoxTitle{
    color:#1E293B;
    font-weight:800;
    font-size:26px;
    margin-top:20px;
}





section.schedulesection {
    background: #ffffff;
    text-align: center;
    overflow:hidden;
    
}

.schtseccontainer {
    width: 90%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 90px;
}


.swal-modal{
    /*background: #0F172A;*/
    border-radius:25px;
}
.swal-title{
    background: linear-gradient(93.84deg, #3C1A5B 0%, #8B5CF6 50%, #06B6D4 100%);
    display:inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; 
    color: transparent;
    font-weight: bold;
    text-align: center; 
}
.topImg{
    position: absolute;
    top: 0px;
    bottom: auto;
    left: auto;
    right: -10px;
}
.bottomImg{
    position: absolute;
    top: auto;
    bottom: 0px;
    left: -10px;
    right: auto;
}
.swal-text{
    display:block;
    text-align: center; 
}
.registerBtn{
    cursor:pointer;
    margin-top:30px;
    transition:all 0.3s ease;
    background: linear-gradient(102.06deg, #3C1A5B 0%, #8B5CF6 50%, #06B6D4 100%);
    padding:8px 25px;
    min-width:180px;
    border-radius:25px;
    border:1px solid transparent;
    border:none;
    font-size:18px;
    color:#fff;
    box-shadow: 0px 20px 60px 0px #8B5CF64D;
}
.swal-button--confirm{
    cursor:pointer;
    margin-top:30px;
    transition:background 0.5s ease;
    background: linear-gradient(102.06deg, #3C1A5B 0%, #8B5CF6 50%, #06B6D4 100%);
    padding:10px 25px;
    min-width:180px;
    border-radius:25px;
    border:1px solid #ffffff8f;
    font-size:20px;
    color:#fff;
    box-shadow: 0px 20px 60px 0px #8B5CF64D;
}
.registerBtn:hover{
    background: linear-gradient(250deg, #3C1A5B 0%, #8B5CF6 50%, #06B6D4 100%);
}
.getInTouch{
    background: linear-gradient(113.76deg, #F8FAFC 0%, #E2E8F0 100%);
    padding:90px 70px;
    text-align:center;
}





.regcontainer {
    width: 90%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 90px;
}

section.registration_section {
    background: #0F172A;
    text-align: center;
}
.registerTitle{
    font-size:50px;
    color:#fff;
}
.registerSubTitle{
    font-size:20px;
    color: #64748B;
}
.gitSubTitle{
    font-size:20px;
    color: #64748B;

}
.error-message {
    color: red;
    display: none;
    text-align:left;
}



form#myForm {
    width: 90%;
    max-width:700px;
    margin: auto;
    border: 1px solid #FFFFFF1A;
    box-shadow: 0px 30px 80px 0px #0000004D;
    backdrop-filter: blur(-4px);
    -webkit-backdrop-filter: blur(-4px);
    border-radius:20px;
    padding:50px;
    margin-top:50px;
    background: #FFFFFF0D;

}

label.labelform {
    display: block;
    text-align: left;
    margin-bottom: 10px;
    color:#fff;
}
.form-group{
    margin-top:20px;
}
input.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    background-color: transparent;
    backdrop-filter: blur(10px);
    background-clip: padding-box;
    border: 1px solid #FFFFFF33;
    border-radius: 15px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    outline: none;
}
input.form-control::placeholder {
  color: #FFFFFF80; 
}


input.form-control:-ms-input-placeholder { 
  color: #FFFFFF80;
}

input.form-control::-ms-input-placeholder {
  color: #FFFFFF80;
}


div#footer {
    background: #0F172A;
    text-align: center;
}
.footerText{
    color: #FFFFFFB2;
    font-size:16px;
}
.footercontainer {
    
    padding:40px 30px;
    text-align:center;
}


.
section.mainsection {
    background: url(/assets/images/map.png);
    background-color: #413258;
    height: 400px;
    position: relative;
}

.mainsectioncontainer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
html {
  scroll-behavior: smooth;
}
section.nnmainsection {
    background-image: url(/cms/assets/images/map.png);
    background-color: #413258;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 150px 70px;
    /*display: flex;*/
    /*justify-content: space-around;*/
    align-items: center;
    text-align:center;
    position:relative;
}
.overlayHero{
    background: linear-gradient(122.01deg, #3C1A5B 0%, #8B5CF6 50%, #06B6D4 100%);
    opacity: 0.25; 
    z-index: 1;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;


}
.regBtnHero{
    z-index:2;
    border: 1px solid #FFFFFF1A;
    box-shadow: 0px 20px 60px 0px #0000004D;
    backdrop-filter: blur(-4px);
    -webkit-backdrop-filter: blur(-4px);
    background-color:transparent;
    color: #FFF;
    border-radius:60px;
    font-size:20px;
    padding:20px 40px;
    min-width:114px;
    text-align:center;
    cursor:pointer;
    transition:all 0.3s ease;
}
.regBtnHero:hover{
    border-color:#fff;
}
.nnmainsectioncontainer {
    z-index:2;
    font-size: 72px;
    line-height:84px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align:center;
    /*width: 50%;*/
}

.nnmainsectioncontainerdata {
    z-index:2;
    font-size: 20px;
    color: #fff;
    /*text-transform: uppercase;*/
    /* width: 50%; */
    /* text-align: center; */
}



@media only screen and (max-width: 800px) {
    .containerhead {
        flex-direction: column;
    }
    
    .asmalltitle{font-size:40px;}
.column1 {
     flex-direction: column; 
    width: 100%;
    justify-content: center;
}


.header {
    width: 95%;
}

a.navbar-brand {
    margin-bottom: 10px;
    margin-right: 10px;
}


a.navbar-brand img {
    width: 150px;
}

section.mainsection {
    height: 300px;
}

.mainsectioncontainer {
    font-size: 40px;
}

.scheschedulebox {
    width: 100%;
}



form#myForm {
    width: 100%;
}

.form-group {
    width: 90%;
    margin-bottom: 20px;
}
    .nnmainsectioncontainer {
    width: 100%;
    font-size: 30px;
    margin-bottom: 20px;
}


}








.mt10{
    margin-top:10px;
}
@media (max-width: 800px) {
    .aboutFlex{flex-wrap: wrap;}
    .aboutFlex > div {flex-basis:100%;}
    .whatExpect{padding:50px 20px;}
    .scheduleBox {flex-basis:100%;}
    .scheduleFlex {flex-wrap:wrap;}
    .gitBox {flex-basis:100%;}
    .gitFlex {flex-wrap:wrap;}
    section.nnmainsection{padding:150px 30px;}
    .nnmainsectioncontainer {
        font-size:50px;
        line-height:60px;
    }
    section.aboutsection{padding:90px 30px;}
    .getInTouch{padding:90px 30px;}
}