body, html {
    height: 100%;
    margin: 0;
    width: 100vw;
   
   

  }
  * {
    box-sizing: border-box;
  }
  /* background-image */
  body{
  
    background-image: url(../CR\ ICN\ 1\ \(1\)\ 2\ \(1\).png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    
  
  

  }
.container-md, .container-sm,.container-xs{
  border: 4px  solid red;
  /* margin-left: auto;
  margin-right: auto; */
}
  /* ====================
    Another text
  =========================*/
  .another-txt h3{
    font-weight: 650;
    font-size: 1.77706rem;
    margin-left: 3px;
  }
  .fancy-text{
    color:#EC008D; ;
  }
  /* ==================
      Logo
  =======================*/
  .logo-stack{
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
  }
  .logo{
    margin-top: 6rem;
    margin-left: 43.5%;
    height: 10rem;
    width: 10rem;
  }
  .meee{
    text-align:center;
    font-weight: 650;
  }
  p{
    font-weight: 500;
  }
  h3{
    font-weight: bold;
  }
  .mic{
    align-items: center;
    justify-content: center;
    display: flex;
    margin-left: auto;
    margin-right: auto;
   
  }
 
  /* bootcamp img */
 .next .bootcamp-img{
 width:100%;
 max-width: 800px;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
   

    
 }
 .bootcamp-img-s{
  margin-left:auto;
  margin-right: auto;
  display: block;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
   margin-top: 3rem;
   width: 100%;
   max-width:800px;
   display: none;
}
.down-s{
  width: 100%;
  max-width: 800px;
  height: 9.75rem;
  justify-content: center;
  align-items: center;
  border-radius: 0rem 0rem 1.5625rem 1.5625rem;
border-right: 1px solid rgba(208, 203, 206, 0.40);
border-bottom: 1px solid rgba(208, 203, 206, 0.40);
border-left: 1px solid rgba(208, 203, 206, 0.40);
background: linear-gradient(133deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.10) 100%);
/* margin-left: 25%; */
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: block;
display: none;

 }
 .down-s h1{
  padding: 3rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  
  


 }
 
 .down-s h1 a{
  width: 100%;
  max-width:300px;
  border-radius: 1rem;
  height: 3.4375rem;
  background-color: #8136CF;
  color: white;
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 650;
  text-align: center;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0px 10px 25px 0px rgb(75, 58, 71);
  box-shadow: 5px 6px 2px 0px #e6b2d7;
  margin-bottom: 3rem;
  
 

  

 }
 .down-s h1 a:hover{
  color: white;
 }
 .cm1{
  z-index: 1;
  position: absolute;
  left:60%;
  top:300px
  
 }


 /* keyframes */

 .shape-1{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  -webkit-animation-name: rotateme;
  animation-name: rotateme;
-webkit-animation-duration: 5s;
  animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  
 }
 
@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.shape-2 {
  position: absolute;
  top: 50%;
  left: 30%;
  width: 80px;
  -webkit-transform: translateY(-20%) translateX(-50%);
          transform: translateY(-20%) translateX(-50%);
  z-index: 1;
  -webkit-animation: moveleftbounce 2s linear infinite;
          animation: moveleftbounce 2s linear infinite;
}
.shape-3 {
  position: absolute;
  top: 110%;
  left: 16%;
  width: 80px;
  z-index: 1;
  -webkit-transform: translateY(-10%) translateX(-100%);
          transform: translateY(-10%) translateX(-100%);
  -webkit-animation: moveleftbounce 4s linear infinite;
          animation: moveleftbounce 4s linear infinite;
}
.shape-4 {
  position: absolute;
 top: 70%;
  right: 30%;
  width: 80px;
  -webkit-animation-name: rotateme;
  animation-name: rotateme;
-webkit-animation-duration: 5s;
  animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  
}

.shape-2 {
  position: absolute;
  margin-top:0px;
 
  width: 30px;
  -webkit-transform: translateY(5%) translateX(0%);
          transform: translateY(5%) translateX(0%);
  z-index: 1;
  -webkit-animation: animationFramesOne 10s infinite linear;
          animation: animationFramesOne 10s infinite linear;
}
@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
            transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
            transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
            transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
            transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
            transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
            transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
            transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
            transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

@-webkit-keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}










































 .down{
  width: 100%;
  max-width: 800px;
  height: 9.75rem;
  justify-content: center;
  align-items: center;
  border-radius: 0rem 0rem 1.5625rem 1.5625rem;
border-right: 1px solid rgba(208, 203, 206, 0.40);
border-bottom: 1px solid rgba(208, 203, 206, 0.40);
border-left: 1px solid rgba(208, 203, 206, 0.40);
background: linear-gradient(133deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.10) 100%);
/* margin-left: 25%; */
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: block;

 }
 .down h1{
  padding: 3rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  
  


 }
 
 .down h1 a{
  width: 100%;
  max-width:300px;
  border-radius: 1rem;
  height: 3.4375rem;
  background-color: #8136CF;
  color: white;
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 650;
  text-align: center;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0px 10px 25px 0px rgb(75, 58, 71);
  box-shadow: 5px 6px 2px 0px #e6b2d7;
  margin-bottom: 3rem;
 

  

 }
 .down h1 a:hover{
  color: white;
 }
 .white-bar{
  background-color: white;
  margin-top: 2rem;
  justify-content: center;
  align-items: center;
  color: black;
  font-weight: bold;
  text-align: center;
  justify-content: center;
  border: 1px solid #C6E4FC66 ;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  max-width: 800px;
height: 125px;
padding-right: .8em;
padding-left: .8em;

top: 1399px;
left: 390px;
border-radius: 15px;
display:flex;

 }
 .white-bar .white-bar-txt{
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1.5rem;
  font-weight: 450;
  
 }
  .white-bar-img{
  margin-top: 3.7rem;
  margin-bottom: auto;
  margin-left:1rem;
  width:2.5rem;


 }
 .white-bar   a{
  margin-top: auto;
  margin-bottom: auto;
  text-decoration: none;
  font-size: 1.7rem;
  color: #EC008D;
  margin-left: 0.6rem;
  font-weight: 700;
 }
 .links{
  display: flex;
  margin: auto;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  gap: .5rem;
 
 }
 .links a img{    
    border-radius: 5rem;
    /*width: 4rem;*/
    margin-top: 1rem;
   display: flex;
 }





.footer{
  display: block;
  margin-left: auto;
  margin-right: auto;
}