@font-face {
  font-family: Viva Beautiful;
  src: url("../fonts/DancingScript-VariableFont_wght.ttf");
}

@font-face {
  font-family: Verlag Compressed Book;
  src: url("../fonts//Verlag\ Compressed\ Book.otf");
}

a {
  font-family: Verlag Compressed Book !important;
}

html {
  scroll-behavior: smooth;
  overflow: hidden;
}

section {
  height: 100vh;
}

.overlay {
  z-index: 1;
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: auto;
  top: 0px;
  left: 0px;
  background: rgba(44, 16, 222, 0.14);
}

.overlay2 {
  z-index: 1;
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: auto;
  top: 0px;
  left: 0px;
  /*background: rgba(44,16,222,0.14);*/
}

div {
}

.bg {
  height: 100vh;
}

.bg1 {
  background-image: url("../../certassets/img/IMG_1007.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /*background-color: blue;*/
  /*background: rgba(0, 0, 0, 0.9);*/
  height: 100vh;
}

.bg2 {
  background-color: white;
}

.bg {
  position: relative;
}

.divElement {
  position: absolute;
  top: 50%;
  left: 0%;
  margin-top: -100px;
  /*margin-left: -50px;*/
  width: 100%;
  /*height: 200px;*/
  text-align: center;
  padding: 50px 0px;
  background: rgba(181, 31, 31, 0.6);
}

.centerHeader {
  font-size: 3rem;
  color: white;
  font-family: Viva Beautiful !important;
  font-weight: bold;
}

.certImg {
  /*width: 1000px;*/
  /*height: 100vh;*/
  /*float: left;*/
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  max-width: 100%;
}

.certText {
  /*height: 100vh;*/
  float: left;
  max-width: 20%;
  margin-left: 30px;
  padding: 20vh 0vh;
}

@media (min-width: 992px) {
  .des {
    margin-top: 30px;
    font-size: 1.5rem;
    font-family: Verlag Compressed Book !important;
  }
}

@media (max-width: 991px) {
  .des {
    margin-top: 30px;
    font-size: 0.7rem;
    font-family: Verlag Compressed Book !important;
  }
}

@media (min-width: 992px) {
  .parentDiv {
    position: relative;
    margin: 25vh 0vh;
    width: 80%;
    max-width: 1000px;
    height: 300px;
    
  }
}

@media (max-width: 991px) {
  .parentDiv {
    position: relative;
    margin: 10vh 0vh;
    width: 80%;
    max-width: 1000px;
    height: 300px;
    text-align: center;
    margin-top: 200px;
  }
}

@media (min-width: 992px) {
  .child1 {
    position: absolute;
    top: -100px;
    left: 0%;
    height: 500px;
    width: 40%;
    background-color: white;
    padding: 20px 40px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);

    /*z-index: 0;*/
  }
}

@media (min-width: 992px) {
  .child10 {
    position: absolute;
    top: -100px;
    left: 66%;
    height: 500px;
    width: 40%;
    background-color: white;
    padding: 20px 40px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    /*z-index: 0;*/
  }
}

@media (max-width: 991px) {
  .child1 {
    /*position: absolute;*/
    /*top: 140px;*/
    /*left: 10%;*/
    /*height: 500px;*/
    /*width: 80%;*/
    background-color: white;
    padding: 20px 40px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    display: block;
    text-align: left;
  }
}

@media (max-width: 991px) {
  .child10 {
    /*position: absolute;*/
    /*top: 140px;*/
    /*left: 10%;*/
    /*height: 500px;*/
    /*width: 80%;*/
    background-color: white;
    padding: 20px 40px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    display: block;
  }
}

@media (min-width: 992px) {
  .child2 {
    position: absolute;
    top: 0;
    left: 38%;
    height: 300px;
    width: 60%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
  }
}

@media (min-width: 992px) {
  .child20 {
    position: absolute;
    top: 0;
    left: 8%;
    height: 300px;
    width: 60%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
  }
}

@media (max-width: 991px) {
  .child2 {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 10%;*/
    /*height: 300px;*/
    /*width: 80%;*/
    /*background-image: url("../../assets/img/cert1.jpg");*/
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
  }
}

@media (max-width: 991px) {
  .child20 {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 10%;*/
    /*height: 300px;*/
    /*width: 80%;*/
    /*background-image: url("../../assets/img/cert1.jpg");*/
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
  }
}

.tempParent {
  background-color: rgba(128, 128, 128, 0.14);
}

@media (min-width: 992px) {
  .h1Child {
    font-size: 2.5rem;
    font-family: Viva Beautiful !important;
    font-weight: bold;
  }
}

@media (max-width: 991px) {
  .h1Child {
    font-size: 1.5rem;
    font-family: Viva Beautiful !important;
  }
}

.tilt-in-fwd-tr {
  -webkit-animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    0.5s both;
  animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}

@keyframes tilt-in-fwd-tr {
  0% {
    -webkit-transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px)
      skew(-35deg, 10deg);
    transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px)
      skew(-35deg, 10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

.swing-in-top-fwd {
  -webkit-animation: swing-in-top-fwd 0.5s
    cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s both;
  animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s
    both;
}

/*  ----------------------------------------------
 * Generated by Animista on 2020-12-17 0:6:12
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ----------------------------------------------  */

/* *
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
  */

@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}

.scale-in-hor-left {
  -webkit-animation: scale-in-hor-left 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    forwards;
  animation: scale-in-hor-left 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    forwards;
}

/*  ----------------------------------------------
 * Generated by Animista on 2020-12-17 0:24:55
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ----------------------------------------------  */

@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}