
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Inter:wght@100..900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@font-face {
  font-family: 'PolySans Median';
  src: url('../font/PolySans-Median.woff2') format('woff2'),
    url('../font/PolySans-Median.woff') format('woff'),
    url('../font/PolySans-Median.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PolySans Neutral';
  src: url('../font/PolySans-Neutral.woff2') format('woff2'),
    url('../font/PolySans-Neutral.woff') format('woff'),
    url('../font/PolySans-Neutral.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PolySans Bulky";
  src: url("../font/5645b7453bd2df2bf9eb77e589a4afd8.eot");
  src: url("../font/5645b7453bd2df2bf9eb77e589a4afd8.eot?#iefix")format("embedded-opentype"),
    url("../font/5645b7453bd2df2bf9eb77e589a4afd8.woff")format("woff"),
    url("../font/5645b7453bd2df2bf9eb77e589a4afd8.woff2")format("woff2"),
    url("../font/5645b7453bd2df2bf9eb77e589a4afd8.ttf")format("truetype"),
    url("../font/5645b7453bd2df2bf9eb77e589a4afd8.svg#PolySans Bulky")format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PolySans Slim";
  src: url("../font/d8a4964eec2c4a693d6722609068043c.eot");
  src: url("../font/d8a4964eec2c4a693d6722609068043c.eot?#iefix")format("embedded-opentype"),
    url("../font/d8a4964eec2c4a693d6722609068043c.woff")format("woff"),
    url("../font/d8a4964eec2c4a693d6722609068043c.woff2")format("woff2"),
    url("../font/d8a4964eec2c4a693d6722609068043c.ttf")format("truetype"),
    url("../font/d8a4964eec2c4a693d6722609068043c.svg#PolySans Slim")format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.middle {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}

.arrow-container {
  animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
  cursor: pointer;
  margin: 0 auto;
  position: relative;
  bottom: 4.5vw;
  text-align: center;
}

.arrow-down i {
  color: #ffff;
  font-size: 1.5vw;
}
@keyframes bounce {
  50% {
    transform: translateY(-15px);
  }
}
.middle {
  height: 100%;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1200px) {
  body {
    font-size: 1vw;

  }
 .container {
    padding: 0 .85vw !important;
    width: 86vw !important;
    margin: 0 auto;
    max-width: 86vw !important;
  }
 .row>* {
    padding-left: .84vw !important;
    padding-right: .84vw !important;
  }
 .row {
    margin: 0 -.9vw !important;
  }
}
.navbar {
  padding: 0.2vw 0 !important;
  /* background: #ffffff17; */
  position: absolute !important;
  z-index: 99;
  width: 100%;
}
.navbar-expand-lg {
  background: #f2f6f8;
  padding: 0.48vw 0 !important;
}
.navbar .navbar-brand img {
    /* width: 22vw; */
    width: 11.7vw;
}
.navbar .navbar-nav .nav-item {
  margin: 0 1vw;
  padding: 0;
}
.navbar .navbar-nav {
  align-items: center;
}
.navbar .navbar-nav .nav-item .nav-link {
  color: #0c090c;
  font-size: 1.1vw;
  text-transform: capitalize;
  padding: 0;
  font-family: "Sarabun", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.navbar .navbar-nav .Startup .nav-link {
  background-color: #6f439a;
  padding: 0.9vw;
  border-radius: 0.5vw;
  font-size: 0.8vw;
}
.navbar .navbar-nav .nav-item .post-btn1 {
  border: 1px solid #00419e;
  border-radius: 0.5vw;
  padding: 0.5vw 1.3vw;
  font-size: 1.1vw;
  font-weight: 400 !important;
  position: relative;
  color: #00419e;
  position: relative;
  cursor: pointer;
}
.navbar .navbar-nav .nav-item .post-btn2 {
  background-color: #00419e;
  border-radius: 0.5vw;
  padding: 0.5vw 1.3vw;
  font-size: 1.1vw;
  font-weight: 400 !important;
  position: relative;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.banner {
  background-image: url(../img/website-temp-2.png);
  background-size: cover;
  background-position: center;
  height: auto;
  position: relative;
  padding: 9vw 0;
}
.banner-img img {
  width: 100%;
}
.banner-text {
  position: relative;
  top: 0%;
  z-index: 2;
}
.banner-text h1 {
    font-size: 3vw;
  font-weight: 400;
  font-family: 'Outfit', sans-serif;
  margin-bottom: 2vw;
  color: #ffffff;
  text-align: center;
}
.banner-text h1 span{
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    color: #ffffff;
  }
.button_links {
  margin-top: 0vw;
}
/* .button_links button{
  /* font-size: 1.1vw;  */
  /* color: #fff;
  border: none !important;
  font-family: "Sarabun", sans-serif;
  font-weight: 600 !important;
  font-style: normal;
  text-decoration: none;
  margin-right: 1vw;
  cursor: pointer; */
  /* background: #DC2626; */
  /* padding: 1vw 4.5vw;
  border-radius: 5vw;
  width: 75%;
  text-align: center;
    font-size: 1.65vw;
    padding: 1.85vw 5.7vw;
    background-color: #f2272d;
    margin: 0;
    line-height: 0; */

/* } */ 
/* login/signup hover color */
.button_links a:hover {
  color: #fff;
}
/* tabs */
.tabs {
    background: #F2F6F8;
}
.tabs ul {
  padding-left: 0;
  
}
.tabs ul li {
  padding: 1vw 2.5vw;
  text-align: center;
  list-style: none;
  border-left: 0.15vw solid #0000000d;
  /* margin: 1vw 0; */
  color: #0953A9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-img{
  display: flex;
  justify-content: center;
  border-radius: 9vw;
  width: 4vw;
  height: 4vw;
  align-items: center;
  background: radial-gradient(circle, rgba(20, 99, 146, 1) 0%, rgba(31, 141, 212, 1) 100%);
  margin-right: 1vw;
  padding: 1vw;
}
.tabs ul a{
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 1.3vw;
  line-height: normal;
  font-weight: 700;
  color: #000;
  text-decoration: none;
  text-transform: capitalize;
  width: 25vw;
}
.tab-img img {
  width: 2vw;
  height: 2vw;
}
.activity {
  padding: 2.5vw 0 6vw;
}
.register-back{
  background-image: url(../img/loc-back.png);
  background-size: cover;
  background-position: center;
  height: 100%;
  position: relative;
  border-radius: 0.8vw;
  margin-right: 2vw;
  padding: 0vw 0 1.5vw;
}
.register-back h1{
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 2vw;
  text-align: center;
  font-weight: 700;
  padding: 2.2vw;
}
.register-back .button_links a {
  margin: 2vw auto 0;
}
.activity-text h6{
  background: #1F8ED5;
  background: linear-gradient(to right, #1097ee 10%, #146392 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-size: 1.28vw;
    font-family: "Sarabun", sans-serif;
    font-weight: 800;
    font-style: normal;
}
.activity-text{
  margin-left: 3vw;
}
.activity-text h2{
  font-size: 2.79vw;
  font-weight: 600;
  font-family: 'Outfit', sans-serif;
  margin-bottom: 1.4vw;
  color: #000;
}
.activity-text p{
  font-size: 1.2vw;
  font-weight: 400;
  font-family: 'Outfit', sans-serif;
  /* padding-bottom: 3vw; */
  line-height: 2.4vw;
}
.day {
  /* border-bottom: 0.12vw solid #00000021; */
  margin: 1vw 2vw 1vw;
}
.day .calendar{
  /* background-color: #fff; */
  display: flex;
  justify-content: center;
}
.day .cal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  text-decoration: none;
  font-size: 1.30vw;
  color: #000;
  font-weight: 500;
  font-family: 'Outfit', sans-serif;
  padding: 0.65vw 2vw;
  background: #fff;
  border-radius: 0.2vw;
  position: relative;
  overflow: hidden;
  width: 85%;
}

.day .cal i {
  margin-left: 2vw;
  font-size: 1.5vw;
  color: #002060;
  
}
.shine::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgb(217 237 250) 50%, rgb(157 213 246 / 57%) 70%);
  transform: skewX(-25deg);
  transition: 2s;
}
.shine:hover::before {
  left: 100%;
  transition: 0.5s;
}
.shine::before {
  animation: shine 2s infinite;
}
@keyframes shine {
  0% {
      left: -100%;
  }
  50% {
      left: 100%;
  }
  100% {
      left: 100%;
  }
}
.day h1{
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 2.15vw;
  text-align: center;
  font-weight: 600;
  padding: 2vw 0 0;
  text-transform: capitalize;
}
.day p{
  font-size: 2.1vw;
  font-weight: 500;
  font-family: 'Outfit', sans-serif;
  padding: 0 1vw 1vw;
  margin-bottom: 0;
}
.day h1 {
  font-weight: 600;
  padding: 0 0 0;
}
.link h1{
  padding: 0vw 0 1vw;
}
.link a{
  font-size: 1vw;
  font-weight: 500;
  font-family: 'Outfit', sans-serif;
  padding: 0.5vw 0;
  color: #000;
  text-decoration: none;
}
.dayss{
  margin: 0 0.5vw;
}
.dayss p{
  font-size: 1.1vw;
  font-weight: 500;
  font-family: 'Outfit', sans-serif;
  padding: 1vw 1vw 0;
  color: #666;
}
.dayss h6{
    background: #fff;
    padding: 0.7vw;
    font-weight: 600;
    font-family: 'Outfit', sans-serif;
    font-size: 1.2vw;
    border-radius: 0.5vw;
    width: 5.5vw;
    line-height: normal;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.day i{
  font-size: 2.1vw;
  color: #0953a9;
  line-height: normal;
}
.loctions {
  border: none !important;
}
.highlight {
  background-color: #9DD5F6;
}
.highlight a{
color: #200E32 !important;
}
.loc {
    background-image: url(../img/loc-back.png);
    background-size: cover;
    background-position: center;
    width: 88%;
    padding: 4.4vw 3.5vw;
    border-radius: 1.2vw;
    margin-left: 3vw; 
}
.learn {
    background-image: url(../img/learn-back.png);
    background-size: cover;
    background-position: center;
    height: auto;
    position: relative;
    padding:3vw 0 2vw;
}
.learn  h6{
    color: #EC1C24;
    font-size: 1.28vw;
    font-family: "Sarabun", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.learn h1 {
    font-size: 3.2vw;
    font-weight: 600;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 0vw;
    color: #000
}
.learns::before {
    top: 42%;
    bottom: 0;
    position: absolute;
    content: '';
    width: 0.4vw;
    height: -1.2vw;
    background-color: #52525224;
    margin: 0 1.5vw;
    height: 50%;
    left: 49%;
}
.work-process{
    padding: 2.5vw 1.5vw;
}
 .work-process2{
    padding: 2.5vw 1vw 1vw 3.5vw !important;
}
.works-steps p{
    font-size: 1.2vw;
    font-weight: 400;
    font-family: 'Outfit', sans-serif;
    /* text-align: center; */
    line-height: 2vw;
}
.symbol-logo {
    border-radius: 3vw;
    position: absolute;
    left: 50.7%;
    top: 17.5vw;
}
.symbol-logo2 {
  border-radius: 3vw;
    position: absolute;
    left: 50.7%;
    top: 29vw;
}
.symbol-logo3 {
  border-radius: 3vw;
    position: absolute;
    left: 50.7%;
    top: 40vw;
}
.spinner-wrap {
    position: relative;
    /* margin-top: 200px; */
  }
  .spinner-item {
    background: #DC2626;
    border-radius: 50%;
    height: 3vw;
    width: 3vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    animation: zoom 2s linear 0.75s infinite;
  }
  .spinner-item--2 {
    animation-delay: 1.25s;
  }
  .spinner-item--3 {
    animation-delay: 1.75s;
  }
  
  @keyframes zoom {
      0% {
          transform: translate(-50%, -50%) scale(0.2);
          opacity: 0;
      }
      50% {
          opacity: 0.9;
      }
      100% {
          transform: translate(-50%, -50%) scale(1);
          opacity: 0;
      }
  }

.program {
    background-image: url(../img/program1.png);
    background-size: cover;
    background-position: center;
    height: auto;
    position: relative;
    padding: 6.5vw 0;
}  
.program-text h1{
    font-size: 3.4vw;
    font-weight: 600;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 2.9vw;
    color: #fff;
}
.program-text h5{
    font-size: 2.2vw;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 1.2vw;
    color: #fff;
    text-transform: uppercase;
}
.program-text p{
    font-size: 1.3vw;
    font-weight: 400;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 2vw;
    color: #fff;
    padding-right: 2.2vw;
}
.program-address {
    background-color: #fff;
    height: auto;
    position: relative;
    padding: 6.5vw 0;
}
.program-address  h6{
  background: #1F8ED5;
  background: linear-gradient(to right, #1097ee 10%, #146392 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-size: 1.28vw;
    font-family: "Sarabun", sans-serif;
    font-weight: 800;
    font-style: normal;
}
.program-address h1 {
    font-size: 3.2vw;
    font-weight: 600;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 2.9vw;
    color: #000
}
.program-address-text i {
    color: #EC1C24;
    font-size: 1.2vw;
    padding-right: 1vw;
}
.program-address-text p {
    font-size: 1.3vw;
    font-weight: 300;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 2vw;
}
.speakers {
    background-image: url(../img/speakers-back.png);
    background-size: cover;
    background-position: center;
    height: auto;
    position: relative;
    padding: 6.5vw 0;
}
.speakers h6 {
    color: #EC1C24;
    font-size: 1.28vw;
    font-family: "Sarabun", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.speakers h1 {
    font-size: 3.2vw;
    font-weight: 600;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 4.5vw;
    color: #fff;
}
.speakers-img img {
    width: 13vw;
}
/* .speakers-img{
  transition: transform .2s; 
} */
.speakers-img img:hover{
  /* transform: scale(1.1);
  transition: transform .5s; Animation */
}
.speakers .speakers-text h6 {
    color: #fff;
    font-size: 1.1vw;
    font-family: "Sarabun", sans-serif;
    font-weight: 800;
    font-style: normal;
    padding: 1vw 0 0vw;
}
.speakers .speakers-text {
  background: #00000042;
  padding: 0.2vw 0 1vw;
}
.speakers .speakers-text .exp {
  color: #fff;
  font-size: 1vw;
  font-family: "Sarabun", sans-serif;
  font-weight: 300;
  font-style: normal;
  padding: 0vw 0 0vw;
}
.speakers .speakers-text p {
    color: #EC1C24;
    font-size: 1vw;
    font-family: "Sarabun", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.speak-img {
  border: 0.15vw solid #fff;
  border-radius: 1vw;
  padding: 1vw 0.3vw 0;
  height: 100%;
}
.speak-img:hover{
  transform: scale(1.1);
  transition: transform .5s; /* Animation */
}
.speakers .speakers-text .speaker-content{
  font-size: 0.9vw;
  color: #fff;
  margin-bottom: 0;
  font-weight: 400;
}

/* footer */
footer {
  background-image: url('../img/footer_bg.jpg');
  background-position: center;
  background-size: cover;
  padding: 5vw 0 2vw;
}

footer .footer_sbh h5 {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 1vw;
  letter-spacing: 0;
  padding: 0;
  margin: 0 0 0.7vw;
  text-transform: uppercase;
  font-weight: 600;
}

footer .footer_sbh a {
  font-family: 'Outfit', sans-serif;
  font-size: 1vw;
  text-decoration: none;
  color: #000000b8;
  display: block;
  margin: 0.5vw 0;
}

footer .footer_sbh a i {
  color: #00419e;
  margin-right: 0.7vw;
}

footer .footer_logo {
  margin: 3vw 0 0;
}

footer .footer_logo img {
  width: 14vw;
}

footer form .form-control {
  font-family: 'Outfit', sans-serif;
  font-size: 1vw;
  padding: 0.6vw;
  margin: 0.3vw 0;
}

footer form button {
  font-family: 'Outfit', sans-serif;
  font-size: 1.1vw;
  padding: 0.8vw 3vw 0.8vw 2vw;
  margin: 1.2vw 0 0;
  border: none;
  background: #00419e;
  color: #fff;
  position: relative;
}

footer form button i {
  position: absolute;
  transform: rotate(320deg);
  top: 0.6vw;
  right: 1vw;
}

footer .sub_footer {
  display: flex;
  justify-content: center;
  /* justify-content: space-between;
  padding: 0;
  margin: 0; */
}

footer .sub_footer p {
  padding: 0;
  margin: 0;
  font-size: 1vw;
  font-weight: 500;
  color: #2e2e2ec9;
  font-family: 'Outfit', sans-serif;
}

footer .sub_footer .icons i {
  font-size: 1.3vw;
  margin: 0 0.3vw;
  color: #00419e;
}

/* modal */
.modal-header .btn-close{
  top: 1vw;
    position: absolute;
    right: 1vw;
}
.login_modals .modal-dialog{
  max-width: initial;
  width: 48%;
}
.login_modals .modal-dialog h1{
  font-size: 1.5vw !important;
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
}
.login_modals .modal-header{
  border-bottom: 0.25vw solid #0000000d;
  padding: 0.5vw;
}
.login_modals .form-control{
  background: #EDF2F5;
  padding: 0.7vw;
  border: 0;
  color: #6A6B6B;
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
}
.login_modals .form-label{
  font-size: 0.9vw;
  font-family: 'Outfit', sans-serif;
  font-weight: 300;
}
.login_modals .formss{
  width: 21vw;
}
.login_modals .formss2{
  width: 13vw;
}
.login_modals p{
  font-size: 0.9vw;
  font-family: 'Outfit', sans-serif;
  font-weight: 400;
  color: #6A6B6B;
}
.login_modals .error{
  color: #EC1C24;
  font-weight: 300;
}
.login_modals .form-check-label{
  color: #6A6B6B;
  font-size: 0.93vw;
  font-family: 'Outfit', sans-serif;
  font-weight: 300;
  padding-left: 0.5vw;
}
.login_modals .form-check .form-check-input{
  border: 0.1vw solid #000;
  width: 1.2vw;
  height: 1.2vw;
}
.login_modals .check  {
  padding: 2vw 1vw 0.5vw;
}
.buttonss a{
  font-size: 1.1vw;
  color: #fff;
  border: none !important;
  font-family: "Sarabun", sans-serif;
  font-weight: 600 !important;
  font-style: normal;
  text-decoration: none;
  margin-right: 1vw;
  cursor: pointer;
  background: #05A855;
  padding: 0.8vw 2.5vw;
  border-radius: 5vw;
  width: fit-content;
  margin: 2vw auto 0vw;
}
.mission{
  background-image: url(../img/speakers-back.png);
  background-size: cover;
  background-position: center;
  height: auto;
  position: relative;
  padding: 6.5vw 0;
}
.mission h1 {
  font-size: 3.2vw;
  font-weight: 600;
  font-family: 'Outfit', sans-serif;
  margin-bottom: 2.9vw;
  color: #fff;
}
.mission .value-card {
  background-color: #ffffff0d;
  color: white;
  border-radius: 1vw;
  padding: 4vw;
  min-height: 100%;
}
.mission .value-card .tittel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3vw;
}
.mission .value-card .tittel img {
  width: 3vw;
}
.mission .value-card h6 {
  font-size: 2.5vw;
  font-weight: 600;
  font-family: 'Outfit', sans-serif;
  margin-bottom: 1vw;
  color: #fff;
}
.mission .value-card p{
  font-size: 1.3vw;
    font-weight: 300;
    font-family: 'Outfit', sans-serif;
  color: #fff;
}
.founder{
  padding: 5vw 0;
  background-color: #f9f9f9;
}
.founder-imgs img{
  width: 9vw;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  object-fit: cover;
}
.founder-img{
  border-right: groove;
  padding: 0 1vw;
}
.founder-img .speakers-text h6 {
  color: #000;
  font-size: 1.28vw;
  font-family: "Sarabun", sans-serif;
  font-weight: 600;
  font-style: normal;
  padding: 1vw 0 0vw;
}
.founder-img .speakers-text p {
  color: #EC1C24;
  font-size: 1vw;
  font-family: "Sarabun", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-bottom: 0;
}
.founder-back{
  background: #f0f4f7;
  padding: 2vw;
  border-radius: 1vw;
}
.founder-right h1 {
  font-size: 1.24vw;
  font-weight: 400;
  font-family: 'Outfit', sans-serif;
  margin-bottom: 1vw;
  color: #010e22;
}
.founder-right .topic{
  font-size: 1.2vw;
  font-weight: 400;
  font-family: 'Outfit', sans-serif;
  color: #010e22;
}
.founder-right p span{
  font-weight: 700;
}
.founder-right .location{
  margin-bottom: 1vw;
}
.founder-right .location i{
  color:#000;
  font-size: 1.25vw;
}
.speakers-text h1 {
  font-size: 1.7vw;
  font-weight: 500;
  font-family: 'Outfit', sans-serif;
  margin-bottom: 1vw;
  color: #010e22;
}
.founder-right p {
  font-family: 'Outfit', sans-serif;
  font-size: 1.2vw;
  text-decoration: none;
  color: #010e22;
  margin:0;
}
.events h6 {
  font-family: 'Outfit', sans-serif;
  font-size: 1.2vw;
  margin: 0 0 0.7vw;
  text-transform: capitalize;
  font-weight: 600;
}
.events p{
  font-size: 1.1vw;
  font-weight: 400;
  font-family: 'Outfit', sans-serif;
  line-height: 1.8vw;
  margin-bottom: 0;
}
.faculty {
  background-image: url(../img/vission-back.jpg);
  background-size: cover;
  background-position: center;
  height: auto;
  position: relative;
  padding: 3.5vw 0 1.45vw;
}
.landing-banner {
  background-color: #fff !important;
  position: relative !important;
}
.faculty .banner-text h1 {
  font-size: 3.26vw;
  font-weight: 600;
  font-family: 'Outfit', sans-serif;
  margin-bottom: 0vw;
  color: #fff;
}
.hide {
  display: none;
}
.events a{
  text-decoration: none;
}
.founder-page{
  padding: 3vw 0;
}
.founder-page .speak-img{
  border: 0.15vw solid #000;
  padding-bottom: 1vw;
}
.founder-page h1 {
  font-size: 3.2vw;
  font-weight: 600;
  font-family: 'Outfit', sans-serif;
  margin-bottom: 4.5vw;
  color: #000;
}
.founder-page .speakers-text h6 {
  color: #000;
  font-size: 1.2vw;
  font-family: "Sarabun", sans-serif;
  font-weight: 600;
  font-style: normal;
  padding: 1vw 0 0vw;
}
.founder-page .speakers-text  .exp  {
  color: #0953A9;
  font-size: 1vw;
  font-family: "Sarabun", sans-serif;
  font-weight: 600;
  font-style: normal;
  padding: 0vw 0 0vw;
}
.founder-page .speakers-text p {
  color: #EC1C24;
  font-size: 1vw;
  font-family: "Sarabun", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.founder-page .speakers-text .speaker-content {
  font-size: 0.9vw;
  color: #000;
  margin-bottom: 0;
  font-weight: 500;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5vw;
  line-height: 3.2vw;
  color: #fff;
}
#button {
  display: inline-block;
  background-color: #DC2626;
  width: 3vw;
  height: 3vw;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 6vw;
  right: 5vw;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  text-decoration: none;
  cursor: pointer;
}
/* panelist new css */
.mobile_none_images{
  display: block !important;
}
.desktop_none_images{
  display: none !important;
}
.founder .heading  h4{
  font-size: 2.1vw;
  font-weight: 600;
  font-family: 'Outfit', sans-serif;
  margin-bottom: 1vw;
  color: #000;
}
.founder .heading p{
  font-size: 1.2vw;
  margin: 0;
  font-weight: 500;
  font-family: 'Outfit', sans-serif;
  color: #000;
}
.founder .heading .head_t{
  font-weight: 500;
  font-size: 1.2vw;
}

.founder .founder-right .remark {
  margin-bottom: 0.5vw;
  font-size: 1.1vw;
}
.founder .founder-right .remark span{
    font-size: 1.15vw;
    font-family: 'Outfit', sans-serif;
    color: #010e22;
    font-weight: 600;
}
.founder .founder-back .events p i{
  color: #00419e;
  margin-right: 0.5vw;

}
.founder .agenda_box{
  border: 3px solid #e1effa;
}
.founder .agenda_box .events p .head{
  font-size: 1.15vw;
  color: #010e22;
  font-weight: 600;
  line-height: 2.15vw;
}
.register{
  padding: 0 0 6vw;
}
.register a{
  width: 100%;
  text-align: center;
  background: #084791;
  border-radius: 0.5vw;
  padding: 2.2vw 4.5vw;
  font-size: 1.35vw;
}
.register  .button_links a:hover {
background-color: #05A855;
}
.link a:hover {
  color:  #084791;;
}
/* .webinar_txt p{
  font-size: 2.5vw;
  color: #010e22;
  font-weight: 600;
  margin-top: 1vw;
} */

 .webinar_txt p {
    color: #FFF;
    background-color: #05a855;
    padding: 1vw 1vw;
    border: 2px solid #ffffff;
    border-radius: 0.65vw;
    font-weight: bold;
    font-size: 1.35vw;
    box-shadow: 0 14px 8px rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin: 0 0 1vw !important;
    font-family: 'Outfit', sans-serif;
    width: 100% !important;
}

/* register */
.butn_reg{
 display: flex;
 justify-content: center;
}


/* forms.php */
.questioner_form{
   padding: 10vw 0;
}
.nav-link:focus-visible {
  color: #fff !important;
  outline: none !important; 
  box-shadow: none !important;
}
.butn_reg a:hover {
  color: #fff;
}
.founder_border {
 border-right: none !important;
}
.founder .founder_1{
  padding: 0.65vw 2vw;
}
/* pulse animation */
svg{
  width: 77.75vw !important;
  /* height: 15px; */
  position: absolute !important;
  right: -12.5% !important;
  bottom: -8vw !important;
  filter: drop-shadow(0 0 25px #fff);
}
svg .pathdraw{
  stroke: #f32524;
  fill: transparent;
  stroke-width: 2.5px;
  animation: animate 8s linear infinite;
  stroke-dasharray: 20000;
  stroke-dashoffset: 20000;
}
@keyframes animate{
  to{
    stroke-dashoffset: 0;
    opacity: 0;
  }

}
.activity .buttons_for_links{
  display: flex;
  justify-content: center;
  gap: 1.5vw;
  margin-bottom: 4vw;
}
.activity .buttons_for_links a{
  background: #0953a9;
  padding: 0.85vw 2vw;
  text-decoration: none;
  color: #fff;
  border-radius: 0.5vw;
  border: 2px solid #fff;
  box-shadow: 0 14px 8px rgba(0, 0, 0, 0.1);
  font-size: 1.15vw;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  width: 50%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.activity .buttons_for_links a i {
font-size: 1.55vw;
line-height: normal;
}
/* .register_form{
  position: relative;
  z-index: 2;
} */
/*  */
.speaker_popup .video-link{
  /*width: 25vw;*/
  padding: 1vw;
}
.speaker_popup .video-link video{
width: 100%;
}
.founder .ml_popup_btn{
  padding: 0.65vw 1.5vw;
  font-size: 1vw;
  box-shadow: none;
  font-weight: 500;
  font-family: "Sarabun", sans-serif;
  background: #05A855;
  border: none;
  margin-top: 1vw;
}
.speaker_popup  .modal-dialog{
 display: flex;
  justify-content: center;
}
.modal-content{
  width: 54vw;
  border-radius: 1vw;
}
/* css 13-7-24 */
.program-address-text p span{
   color: #000;
   font-weight: 500;
}
.banner .reg_btn{
background: #0eab64;
border: none;
color: #fff;
width: 75%;
padding: 0.75vw 1vw;
font-size: 1.5vw;
font-weight: 500;
border-radius: 2.5vw;
font-family: 'Outfit', sans-serif;
text-align: center;
text-decoration: none;
}


/*aug12 css speaker*/
/* speaker */
.speaker_popup .video-link{
  /*width: 50vw;*/
  padding: 1vw;
}
.speaker_popup .video-link video{
width: 100%;
}
.founder .ml_popup_btn{
  padding: 0.65vw 1.5vw;
  font-size: 1vw;
  box-shadow: none;
  font-weight: 500;
  font-family: "Sarabun", sans-serif;
  background: #05A855;
  border: none;
  margin-top: 1vw;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.speaker_popup  .modal-dialog{
  display: flex;
   justify-content: center;
 }
 .speaker_popup  .modal-content{
   /*width: 54VW;*/
   border-radius: 1vw;
 }
 .speaker_popup .modal-dialog {
    width: 50vw;
    max-width: initial;
}
 .speaker_popup .modal-content{
  background-color: transparent !important;
  border: none;
 }
 .speaker_popup  .modal-body button{
  position: absolute;
  top: 0vw;
  right: 0;
 }
 .speaker_popup  .modal-body button i {
  color: #ffffff;
  position: absolute;
  top: -1.85vw;
  right: -0.85vw;
  font-size: 3vw;
}
/*13-08-24*/
.webinar_txt button {
    color: #FFF;
    background-color: #05a855;
    padding: 1vw 4vw;
    border: 2px solid #ffffff;
    border-radius: 0.65vw;
    font-weight: bold;
    font-size: 1.65vw;
    box-shadow: 0 14px 8px rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin: 0 0 4vw !important;
    font-family: 'Outfit', sans-serif;
}
.activity .buttons_for_links button {
    background: #0953a9;
    padding: 0.85vw 2vw;
    text-decoration: none;
    color: #fff;
    border-radius: 0.5vw;
    border: 2px solid #fff;
    box-shadow: 0 14px 8px rgba(0, 0, 0, 0.1);
    font-size: 1.15vw;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    width: 50%;
    text-align: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}
/* 13-july-24 menu css */
.navbar .navbar-nav .dropdown .webinar_dropdown {
background: #001e3d;
border: 0 !important;
}

.navbar .navbar-nav .dropdown .webinar_dropdown li .webinar_li {
		font-family: 'Outfit', sans-serif;
		color: #fff;
		font-size: 1.1vw;
		padding: 0.4vw 1vw;
		font-weight: 600;
	}
.navbar .navbar-nav .dropdown .webinar_dropdown li .webinar_li:hover{
	background: linear-gradient(45deg, #9cb5d9, transparent);
	color: #fff ;
}
.non-cme{
  font-size: 1.15vw;
  margin-bottom: 1.5vw;
}




/*  */
/* .webinars-menu {
  position: relative;
}

.webinars-menu > .dropdown-menu {
  top: 90%;
  left: 0;
  margin-top: 0;
  margin-left: 0;
  display: none;
  background: radial-gradient(circle, rgba(20, 99, 146, 1) 0%, rgba(31, 141, 212, 1) 100%) !important;
  color: #fff !important;
}

.webinars-menu:hover > .dropdown-menu {
  display: block; /* Show on hover */
/* }
.dropdown-item{
  color: #fff !important;
}
.dropdown-item:hover{
  color: #fff !important;
  background-color: #001e3d !important;
} */ 

/* 
.webinars-menu {
  position: relative;
}

.webinars-menu > .dropdown-menu {
  top: 28%;
  left: 0%;
  margin-top: 0;
  margin-left: 0;
  display: none;
  background: radial-gradient(circle, rgba(20, 99, 146, 1) 0%, rgba(31, 141, 212, 1) 100%) !important;
  color: #fff !important;
}

.dropdown-menu.show {
  display: block !important; /* Show only when the .show class is added */
/* }

.dropdown-item {
  color: #fff !important;

}

.dropdown-item:hover {
  color: #fff !important;
  background-color: #001e3d !important;
} */ 
.learn h6 {
    font-size: 1.28vw;
    font-family: "Sarabun", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.navbar .navbar-nav .dropdown .webinar_dropdown {
    background: #001e3d;
    border: 0 !important;
}

/*  */
.webinars-menu {
  position: relative;
}

.webinars-menu > .dropdown-menu {
  top: 90%;
  left: 0;
  margin-top: 0;
  margin-left: 0;
  display: none;
  background: radial-gradient(circle, rgba(20, 99, 146, 1) 0%, rgba(31, 141, 212, 1) 100%) !important;
  color: #fff !important;
}

.webinars-menu:hover > .dropdown-menu {
  display: block; /* Show on hover */
}
.dropdown-item{
  color: #fff !important;
}
.dropdown-item:hover{
  color: #fff !important;
  background-color: #001e3d !important;
}
.non-cme{
  font-size: 1.25vw;
  margin-bottom: 2.5vw;
}
.navbar .navbar-nav .dropdown .webinar_dropdown {
background: #001e3d;
border: 0 !important;
}

.navbar .navbar-nav .dropdown .webinar_dropdown li .webinar_li {
		font-family: 'Outfit', sans-serif;
		color: #fff;
		font-size: 1.1vw;
		padding: 0.4vw 1vw;
		font-weight: 600;
	}
.navbar .navbar-nav .dropdown .webinar_dropdown li .webinar_li:hover{
	background: linear-gradient(45deg, #9cb5d9, transparent);
	color: #fff ;
}
.non-cme{
  font-size: 1.25vw;
  margin-bottom: 2.5vw;
}

