.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.circle-real-1 {
  z-index: -2;
  width: 52vh;
  height: 52vh;
  opacity: .45;
  filter: blur(60px);
  background-color: #6dd39c;
  border-radius: 50%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.circle-real-2 {
  z-index: -1;
  width: 75vh;
  height: 75vh;
  opacity: .7;
  filter: blur(40px);
  background-color: #ebfffd;
  border-radius: 50%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.circle-real-3 {
  z-index: -1;
  width: 60vh;
  height: 60vh;
  opacity: .75;
  filter: blur(40px);
  background-color: #ebfffd;
  border-radius: 50%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.circle-real-4 {
  z-index: -2;
  width: 55vh;
  height: 55vh;
  opacity: .45;
  filter: blur(40px);
  background-color: #6dd3ce;
  border-radius: 50%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.circle-real-5 {
  z-index: -2;
  width: 50vh;
  height: 50vh;
  opacity: .35;
  filter: blur(60px);
  background-color: #6dd39c;
  background-image: linear-gradient(270deg, #6dd39c, #6dd3ce);
  border-radius: 50%;
  position: absolute;
  top: 10%;
  bottom: 0%;
  left: 30%;
  right: auto;
}

.blurrybubbleswrapper {
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.herosection {
  z-index: 0;
  height: 100vh;
  position: relative;
}

.container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.body {
  padding-top: 2rem;
  font-family: Poppins, sans-serif;
  line-height: 1.4;
}

.navbar {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.navlogo {
  justify-content: space-around;
  align-items: center;
}

.navlinkholder {
  padding: 1rem;
  font-weight: 500;
}

.navlinktext {
  color: #333;
  text-decoration: none;
  display: none;
}

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

.dividerline {
  width: 100%;
  height: 1px;
  opacity: .25;
  background-color: #333;
  margin-top: 1rem;
}

.herotitlediv {
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 15%;
  margin-left: 15%;
  margin-right: 15%;
  display: flex;
  position: relative;
}

.herotitle {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 1.2;
}

.herosubtext {
  color: #333;
  margin-left: 10%;
  margin-right: 10%;
}

.herosubtext.footer {
  margin-left: 0%;
  margin-right: 60%;
  font-size: 12px;
}

.defaultbutton {
  background-color: #51d3cc;
  border-radius: 10px;
  margin-top: 16px;
  padding: 12px 24px;
  transition: box-shadow .2s cubic-bezier(.455, .03, .515, .955);
}

.defaultbutton:hover {
  box-shadow: 7px 7px rgba(0, 0, 0, .2);
}

.defaultbutton.resource {
  color: #333;
  background-color: #fff;
  margin-top: 0;
  font-weight: 500;
  transition: box-shadow .2s cubic-bezier(.455, .03, .515, .955);
}

.defaultbutton.resource:hover {
  box-shadow: 7px 7px rgba(0, 0, 0, .2);
}

.defaultbutton.resource.n-a {
  opacity: .6;
  text-align: center;
}

.defaultbutton.resource.n-a:hover {
  box-shadow: none;
}

.section {
  padding-top: 4rem;
  padding-bottom: 6rem;
}

.sectionheadingdiv {
  margin-bottom: 4rem;
}

.sectionheading {
  text-align: center;
  font-weight: 500;
  line-height: 1.4;
}

.sectionsubtext {
  text-align: center;
  line-height: 1.4;
}

.resourcesgrid {
  grid-column-gap: 1rem;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.resourcediv {
  grid-row-gap: 2rem;
  color: #244835;
  background-color: #6cd39c;
  border-radius: 15px;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
  position: relative;
}

.resourcediv.mohsin {
  color: #3b452e;
  background-color: #c8e99f;
}

.resourcediv.osce-directory {
  color: #274d4b;
  background-color: #89dcd8;
}

.resourcediv.sohaib {
  color: #5c3946;
  background-color: #ffafcc;
}

.resourcediv.hamzah {
  color: #5c3946;
  background-color: #fff2af;
}

.resourcediv.year-4-content {
  color: #86482d;
  background-color: #ffc7af;
}

.resourcediv.osce-notes-by-aua {
  color: #544480;
  background-color: #c0b3ed;
}

.resourcediv.clinical-sciences {
  color: #5c3946;
  background-color: #ffafaf;
}

.resourcecategory {
  color: #333;
  background-color: #fff;
  border-radius: 25px;
  padding: .5rem .75rem;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.resourcecontent {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 700;
  display: flex;
}

.resourcetitle {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.resourcesubtext {
  opacity: .75;
  font-size: 12px;
  font-weight: 400;
}

.seperatordiv {
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.footer-light {
  border-bottom: 1px solid #e4ebf3;
  padding: 4rem 4rem 4rem 30px;
  position: relative;
}

.footerwrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footerdivider {
  width: 100%;
  height: 1px;
  background-color: #e4ebf3;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

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

.footercreatedbyauatext {
  color: #333;
  font-weight: 600;
}

.footeremail {
  color: #333;
  font-weight: 400;
}

.noticeanythingwrong {
  font-weight: 600;
}

.crowndiv {
  position: absolute;
  top: -18%;
  bottom: auto;
  left: auto;
  right: 2%;
}

.headinghighlight {
  color: #6dd3ce;
}

@media screen and (max-width: 991px) {
  .herosection {
    overflow: hidden;
  }

  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .herotitlediv {
    margin-left: 5%;
    margin-right: 5%;
  }

  .herotitle {
    font-size: 48px;
  }

  .herosubtext {
    margin-left: auto;
    margin-right: auto;
  }

  .section {
    padding-top: 2rem;
    padding-bottom: 4rem;
    overflow: hidden;
  }

  .resourcesgrid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer-light {
    overflow: hidden;
  }

  .footerwrapper {
    flex-wrap: wrap;
  }

  .crowndiv {
    top: -22%;
    right: -3%;
  }
}

@media screen and (max-width: 767px) {
  .resourcesgrid {
    grid-template-columns: 1fr;
  }

  .footer-light {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footerbottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footercreatedbyauatext, .footeremail {
    font-size: 14px;
    line-height: 20px;
  }

  .crowndiv {
    top: -14%;
    right: 0%;
  }
}

@media screen and (max-width: 479px) {
  .blurrybubbleswrapper {
    overflow: hidden;
  }

  .container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .herotitlediv {
    margin-top: 20%;
  }

  .herotitle {
    font-size: 32px;
  }

  .herosubtext.footer {
    margin-right: 0%;
  }

  .sectionheading {
    font-size: 28px;
    line-height: 1.2;
  }

  .resourcesgrid {
    align-content: stretch;
    align-items: stretch;
    justify-items: stretch;
  }

  .resourcediv {
    grid-row-gap: 1rem;
    align-items: flex-start;
    padding: 1rem;
  }

  .resourcetitle {
    font-size: 28px;
  }

  .footerwrapper, .footerbottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footercreatedbyauatext {
    padding-bottom: 2rem;
  }

  .crowndiv {
    top: -12%;
    right: -2%;
  }

  .image {
    display: block;
  }
}

#w-node-_10a79b9e-a9aa-d07d-d795-eea76882e41d-03e4cc8f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f530d8c3-0f88-823e-6726-d1773a6f08a0-03e4cc8f, #w-node-bdddb967-3b2e-1acd-ccaf-3006b5ef8177-03e4cc8f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_850db24e-d7e3-97d4-75a4-6c01c694a477-03e4cc8f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_26894e24-78ae-381c-0745-fe82874acbc2-03e4cc8f, #w-node-_4e68c26b-273d-fb88-54e8-00d9ec21e93d-03e4cc8f, #w-node-_4d468859-7c35-7d6b-0927-4f2c0b44c875-03e4cc8f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b4303570-01e2-4a89-cf5a-de7832542960-03e4cc8f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_10a79b9e-a9aa-d07d-d795-eea76882e41d-03e4cc8f, #w-node-f530d8c3-0f88-823e-6726-d1773a6f08a0-03e4cc8f, #w-node-bdddb967-3b2e-1acd-ccaf-3006b5ef8177-03e4cc8f, #w-node-_26894e24-78ae-381c-0745-fe82874acbc2-03e4cc8f, #w-node-_4e68c26b-273d-fb88-54e8-00d9ec21e93d-03e4cc8f, #w-node-_4d468859-7c35-7d6b-0927-4f2c0b44c875-03e4cc8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}