html {
  --e-global-color-primary: #6EC1E4;
  --e-global-color-text: #7A7A7A;
  --e-global-color-accent: #61CE70;
  --e-global-color-782c2569: #4054B2;
  --e-global-color-690698ac: #23A455;
  --e-global-color-b4c631a: #000;
  --e-global-color-2fc58f0a: #FFF;
  --e-global-color-2eb1b170: #000000;
  --e-global-color-5ac89d68: #CC496C;
  --e-global-color-43cc453b: #1C3740;
  --e-global-color-6bd400e4: #F1B225;
  --e-global-color-1b700f0e: #ECCB88;
  --e-global-color-5ff48fe9: #ECCB88;
  --e-global-color-674ce27c: #F4F4F4;
  --e-global-color-29e2492: #DCCBD7;
  --e-global-color-4e4eaf7c: #FF0145;
  --e-global-color-4f69af79: #803147;
  --e-global-color-1058ba84: #8468AB;
  --e-global-color-684c7fdf: #CDBAD3;
  --e-global-color-707b4641: #206179;
  --e-global-color-1dca9edb: #CFDDE3;
  --e-global-color-6d65442b: #3A3B3C;
  --e-global-color-14d79007: #5A9F94;
  --e-global-color-4c8c3ba9: #11212D;
  --e-global-color-6a63ea95: #F8F8F8;
  --e-global-typography-primary-font-family: "Roboto";
  --e-global-typography-primary-font-weight: 600;
  --e-global-typography-secondary-font-family: "Roboto Slab";
  --e-global-typography-secondary-font-weight: 400;
  --e-global-typography-text-font-family: "Roboto";
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: "Roboto";
  --e-global-typography-accent-font-weight: 500;
  --e-primary-header-background-color: #F1B225;
  --e-secondary-header-background-color: #FDE3AE;
  --e-header-connection-color: #FDE3AE;
  --e-primary-button-color: #F1B225;
  --e-primary-button-color-hover: #ECCB88;
  --e-primary-special-text-color: #F1B225;
}

#webinar1 {
  background-color: #F4F4F4;
  background-repeat: repeat;
  background-size: 68% auto;
  opacity: 1;
  background-attachment: fixed;
}

.text-center {
  text-align: center;
}

h2 {
  font-size: 38px;
}

.header {
  width: 100%;
}

.divider-10 {
  width: 100%;
  height: 10px;
}

#webinar1 .container {
  background-color: #FFFFFF;
}

#webinar1 .header h1 {
  color: #FFFFFF;
  font-family: "Caveat", Sans-serif;
  font-size: 43px;
}

#webinar1 .subheader h2 {
  color: #1C3740;
  font-family: "Nunito Sans", Sans-serif;
  letter-spacing: -1.4px;
}

.section1 p {
  text-align: center;
}

.section1 svg {
  font-size: 22px;
  width: 41px;
}

.section1 .handwrite, .section2 .handwrite, .section3 .handwrite, .section4 .handwrite {
  color: #545050;
  font-family: "Caveat", Sans-serif;
  font-size: 23px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.timer {
  font-weight: bold;
  color: #000000;
  font-family: "Caveat", Sans-serif;
  font-size: 43px;
}

.section1 .list {
  color: #1C3740;
  font-size: 22px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.section1 img {
  border-radius: 20px;
  max-width: 100%;
  display: block;
  margin: auto;
  position: relative;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.section1 .button {
  font-size: 39px;
  margin: 0% 20% 0% 20%;
  background-color: #ECCB88;
  border-style: dotted;
  border-width: 2px 2px 2px 2px;
  border-radius: 20px 20px 20px 20px;
  text-align: center;
}

.pink {
  text-align: center;
  color: var(--e-primary-special-text-color);
  font-family: "Nunito Sans", Sans-serif;
  font-weight: 400;
  font-size: 30px;
}

.join-button {
  display: block;
  margin: auto;
  font-family: "Nunito Sans", Sans-serif;
  font-size: 37px;
  text-decoration: none;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  background-color: var(--e-primary-button-color);
  border-radius: 40px 40px 40px 40px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5);
  padding: 20px 40px 20px 40px;
  color: #FFFFFF;
  border: 0;
}

.join-button:hover {
  background-color: var(--e-primary-button-color-hover);
}

.join-button::before {
  background-image: url("https://d3nxhlafjl9yeh.cloudfront.net/Tapathon/webinar1/button_arrow.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  z-index: 100;
  position: absolute;
  height: 104px;
  width: 81px;
  content: "";
  left: -80px;
  top: -30px;
}

.divider {
  color: #000000;
  border: dotted 2px;
}

.section3 p {
  text-align: center;
}

.section3 .feedback {
  font-size: 1.3em;
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-weight: var(--e-global-typography-text-font-weight);
  font-style: italic;
}

.section3 .feedback-name {
  color: #797979;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-primary-font-weight);
  font-size: 17px;
}

.section3 .bold {
  font-weight: bold;
  color: #000000;
  font-family: "Caveat", Sans-serif;
  font-size: 43px;
}

#webinar1 .footer {
  background-color: #CC496C !important;
  color: #FFFFFF;
  padding-top: 20px;
  padding-bottom: 20px;
}

#webinar1 .footer a, #webinar1 .footer a:hover {
  color: #FFFFFF;
}

#webinar1 .footer p {
  text-align: center;
}

#webinar1 .footer i {
  text-align: center;
  display: block;
  margin: auto;
  font-size: 20px;
  margin-bottom: 15px;
}

button {
  position: relative;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

.elementor-75 .elementor-element.elementor-element-fa7d8bd:not(.elementor-motion-effects-element-type-background), .elementor-75 .elementor-element.elementor-element-fa7d8bd > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var(--e-primary-header-background-color);
}

.elementor-75 .elementor-element.elementor-element-fa7d8bd {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 10px 0px 20px 0px;
}

.elementor-widget-wrap > .elementor-element {
  width: 100%;
}

.elementor-section {
  position: relative;
}

.elementor *, .elementor ::after, .elementor ::before {
  box-sizing: border-box;
}

.elementor-shape[data-negative=false].elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top {
  transform: rotate(180deg);
}

.elementor-shape-bottom {
  bottom: -1px;
}

.elementor-shape {
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
}

.elementor-75 .elementor-element.elementor-element-fa7d8bd > .elementor-shape-bottom svg {
  width: calc(122% + 1.3px);
  height: 13px;
}

.elementor-shape-bottom:not([data-negative=true]) svg {
  z-index: -1;
}

.elementor-shape svg {
  display: block;
  width: calc(100% + 1.3px);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.elementor-75 .elementor-element.elementor-element-fa7d8bd > .elementor-shape-bottom .elementor-shape-fill {
  fill: var(--e-header-connection-color);
}

.elementor-shape .elementor-shape-fill {
  fill: #fff;
  transform-origin: center;
  transform: rotateY(0deg);
}

.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1140px;
}

.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1140px;
}

.elementor-section .elementor-container {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.elementor-row {
  width: 100%;
  display: flex;
}

.elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
  width: 100%;
}

.elementor-column, .elementor-column-wrap {
  position: relative;
  display: flex;
}

.elementor-column {
  min-height: 1px;
}

.elementor-75 .elementor-element.elementor-element-28e739e > .elementor-element-populated {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
  padding: 10px;
}

.elementor-column-wrap {
  width: 100%;
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
  display: flex;
}

.elementor-widget-wrap {
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-start;
}

.elementor-75 .elementor-element.elementor-element-dfdfdda {
  text-align: center;
}

.elementor-widget-wrap > .elementor-element {
  width: 100%;
}

.animated {
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
}

.elementor-widget {
  position: relative;
}

.elementor-element .elementor-widget-container {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-75 .elementor-element.elementor-element-dfdfdda .elementor-heading-title {
  color: #FFFFFF;
  font-family: "Caveat", Sans-serif;
  font-size: 43px;
}

.elementor-widget-heading .elementor-heading-title {
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-primary-font-weight);
}

.elementor-heading-title {
  padding: 0;
  margin: 0;
  line-height: 1;
}

.elementor-75 .elementor-element.elementor-element-e9c0a27:not(.elementor-motion-effects-element-type-background), .elementor-75 .elementor-element.elementor-element-e9c0a27 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var(--e-secondary-header-background-color);
}

.elementor-75 .elementor-element.elementor-element-e9c0a27 {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-widget-wrap > .elementor-element {
  width: 100%;
}

.elementor-section {
  position: relative;
}

.elementor-shape[data-negative=false].elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top {
  transform: rotate(180deg);
}

.elementor-shape-bottom {
  bottom: -1px;
}

.elementor-shape {
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
}

.elementor-75 .elementor-element.elementor-element-e9c0a27 > .elementor-shape-bottom svg {
  width: calc(100% + 1.3px);
  height: 18px;
  transform: translateX(-50%) rotateY(180deg);
}

.elementor-shape-bottom:not([data-negative=true]) svg {
  z-index: -1;
}

.elementor-shape svg {
  display: block;
  width: calc(100% + 1.3px);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.elementor-shape .elementor-shape-fill {
  fill: #fff;
  transform-origin: center;
  transform: rotateY(0deg);
}

.elementor *, .elementor ::after, .elementor ::before {
  box-sizing: border-box;
}

.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1140px;
}

.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1140px;
}

.elementor-section .elementor-container {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.elementor-row {
  width: 100%;
  display: flex;
}

.elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
  width: 100%;
}

.elementor-column, .elementor-column-wrap {
  position: relative;
  display: flex;
}

.elementor-column {
  min-height: 1px;
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
  padding: 10px;
}

.elementor-column-wrap {
  width: 100%;
}

.elementor-column, .elementor-column-wrap {
  position: relative;
  display: flex;
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
  display: flex;
}

.elementor-widget-wrap {
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-start;
}

.elementor-75 .elementor-element.elementor-element-2a9926b {
  text-align: center;
}

.elementor-widget-wrap > .elementor-element {
  width: 100%;
}

.elementor-widget {
  position: relative;
}

.elementor-75 .elementor-element.elementor-element-2a9926b > .elementor-widget-container {
  margin: 20px 0px 30px 0px;
}

.elementor-element .elementor-widget-container {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-75 .elementor-element.elementor-element-2a9926b .elementor-heading-title {
  color: #1C3740;
  font-family: "Nunito Sans", Sans-serif;
  letter-spacing: -1.4px;
}

.elementor-widget-heading .elementor-heading-title {
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-primary-font-weight);
}

.elementor-heading-title {
  padding: 0;
  margin: 0;
  line-height: 1;
}

@media (max-width: 768px) {
  #webinar1 .header h1 {
    font-size: 28px;
  }
  .elementor-widget-heading .elementor-heading-title {
    font-size: 30px;
  }
  h3 {
    font-size: 22px;
  }
  .join-button {
    font-size: 29px;
  }
  .join-button::before {
    display: none;
  }
  .photo {
    display: none !important;
  }
  h4 {
    font-size: 25px;
  }
  .pink {
    font-size: 28px;
  }
}