@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

*{
    margin: 0;
    padding: 0;
}

html , body{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    position: relative;
    background-color: #F5F5F5 !important;
}

span,a,p,h1,h2,h3,h4,h5,h6,*{
  font-family: 'Poppins', sans-serif;
  color: #292E6E;
}


span,a,p,h4,h5,h6{
  opacity: 90%;
}

a{
  all: unset !important;
  cursor: pointer !important;
}

p{
  align-self: center;
  padding: 0;
  margin: 0;
}


/* ------------tools------------ */

.brd{
    border: 2px soild rgb(77, 77, 77);
    margin: 2px;
}

.size1{height: 5rem;}
.size2{height: 10rem;}
.size3{height: 15rem;}
.size4{height: 20rem;}
.size5{height: 25rem;}
.size6{height: 30rem;}
.size7{height: 35rem;}
.size8{height: 40rem;}
.size9{height: 45rem;}
.size10{height: 50rem;}
.size11{height: 55rem;}
.size12{height: 60rem;}

/* ----------------------------- */

.pfont1{font-size: 1rem; margin-bottom: 0;}
.pfont2{font-size: 0.8rem; margin-bottom: 0;}
.pfont3{font-size: 1.1rem; margin-bottom: 0;}
.pfont3-1{font-size: 1.25rem; margin-bottom: 0;}
.pfont4{font-size: 1.2rem; margin-bottom: 0;}
.pfont4-1{font-size: 1.3rem; margin-bottom: 0;}
.pfont5{font-size: 1.4rem; margin-bottom: 0;}
.pfont5-1{font-size: 1.4rem; margin-bottom: 0;}
.pfont6{font-size: 1.6rem; margin-bottom: 0;}
.pfont6-1{font-size: 1.6rem; margin-bottom: 0;}
.pfont6-2{font-size: 1.5rem; margin-bottom: 0;}
.pfont7{font-size: 1.8rem; margin-bottom: 0;}
.pfont7-1{font-size: 1.8rem; margin-bottom: 0;}
.pfont8{font-size: 2rem; margin-bottom: 0;}
.pfont9{font-size: 2.2rem; margin-bottom: 0;}
.pfont9-1{font-size: 2.2rem; margin-bottom: 0;}
.pfont10{font-size: 2.4rem; margin-bottom: 0;}
.pfont11{font-size: 2.6rem; margin-bottom: 0;}
.pfont12{font-size: 2.8rem; margin-bottom: 0;}
.pfont13{font-size: 3rem; margin-bottom: 0;}
.pfont14{font-size: 3.2rem; margin-bottom: 0;}
.pfont15{font-size: 3.4rem; margin-bottom: 0;}
.pfont16{font-size: 3.6rem; margin-bottom: 0;}
.pfont17{font-size: 3.8rem; margin-bottom: 0;}
.pfont18{font-size: 4rem; margin-bottom: 0;}
.pfont19{font-size: 4.2rem; margin-bottom: 0;}
.pfont20{font-size: 4.4rem; margin-bottom: 0;}
.pfont21{font-size: 4.6rem; margin-bottom: 0;}
.pfont22{font-size: 4.8rem; margin-bottom: 0;}

.bg-gray{background-color: #e9e9e9;}
.bg-black{background-color: black;}
.bg-white{background-color: white;}

.txt-white{color: white;}
.txt-black{color: #222222;}

.absolute{
    position: absolute;
}
.relative{
    position: relative;
}

.seg1{
  background-image: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0.1) 75%), url("./assets/ezgif\ 1.png");
  background-size: cover;
  background-position: center;
  padding-bottom: 5rem;
}

.logo{
  max-width: 250px;
  width: 100%;
}
.card1{
  width: 100%;
  background-color: #fff;
  max-width: 670px;
}

.time-card{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  border-radius: 10px;
  width: 103px;
  height: 103px;
  background-color: #fff;
}

.line{
  width:1px;
  height: 144px;
}

.ourspeakers1{
  display: block;
}
.ourspeakers2{
  display: none;
}

.speaker-card{
  position: relative;
  width:100%;
}

.speaker-card{
  position: relative;
  width:100%;
  height: 365px;
  max-height: 365px;
  max-width: 500px;
  background-color: #fff;
  border-radius: 15px;
  min-width: 300px;
}
.speaker-image{
  position:absolute;
  max-width: 335px;
  bottom: 40px;
  left:-25%;
}
.speaker-disc{
  position:absolute;
  max-width: 600px;
  bottom: 40px;
  right:-70%;
}

.speaker-disc-re{
  position:absolute;
  max-width: 600px;
  bottom: 40px;
  left:-70%;
  right: auto;
}

.speaker-card2{
  display: flex;
}

.speaker-image2{
  max-width: 335px;
  width:100%;
}

.carasol-sec{
  height:70%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
  width: 80%;
}

.carasol-card{
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1466px;
  width: 80%;
  height: 100%;
  margin-left: 12.2%;
}

.step-element{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  max-width: 685px;
  min-width: 300px;
  box-sizing: border-box;
}

.accordion {
  color: #000000;
  max-width: 1168px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 4rem 0 2rem 0;
}

.accordion-item {
  padding: 1.5rem 3rem;
  margin: 1rem;
  overflow: hidden;
  border: none;
  outline: none;
  background-color: #FBFBFB;
}

.title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: inherit;
  cursor: pointer;
  color:rgba(67, 67, 67, 0.704);
}

i.fas {
  font-size: 0.9rem;
  color:rgba(67, 67, 67, 0.704);
  transform: translateX(-50%) rotate(0);
  transition: transform 0.15s ease;
}

.paragraph {
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: inherit;
  color: rgba(67, 67, 67, 0.704);
  display: none;
  padding: 1rem 0;
}

.active>.title>img.fas {
      transform: rotate(180deg);
}

.active>.paragraph {
    display: block;
}

.container-fluid{
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.myVideo {
  position: sticky;
  z-index: 1;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

.display-md{
  display: flex !important;
}

.display2-md{
  display: block !important;
}

.hide2-md{
  display: none !important;
}


.section-tag{
  width:17%;
  color: #292E6E;
}

.meet-image{
  width: 150px;
  width: 100px;
}

.understand-image{
  width: 150px;
  width: 100px;
}

.ask-image{
  width: 150px;
  width: 100px;
}

.uk-flag{
  width:80px;
}

.ellipse{
  display: block;
}

.results{
  margin-top: 5rem;
}

.cases{
  margin-top: 5rem;
}

.speakers > .owl-stage-outer{
  height: 685px;
}

/* .owl-stage-outer{
  max-height: 685px;
} */

.autoCara2>.owl-stage{
  left:-100;
}

.btm-navbar{
  display: none !important;
}

.top-navbar{
  padding: 2rem 0 6rem 0;
}

.countdown{
  padding: 4rem 0; 
}

.vector{
  width:400px;
  height:300px;
}

.button-27>img{
  width: 100%;
  max-width: 25px !important;
  margin-bottom: 4px !important;
  margin-left: 10px !important;
}

.button-28>img{
  width: 100%;
  max-width: 15px !important;
  margin-bottom: 2px !important;
  margin-left: 10px !important;
}

.btm{
  margin-top: 10px !important;
}

.whiteGrad{
  position: absolute;
  z-index: 10;
  right: 0;
  top: 12.5%;
  width:120px;
  background: rgb(0,0,0);
  background: linear-gradient(90deg, rgba(0,0,0,0) 10%, rgba(255,255,255,1) 100%);
  height: 700px;
}




















.nav-icon{
    width: 20px;
    height: 20px;
}

.btm-icon{
    width: 50px;
    height: 50px;
}

.mt-6{margin-top: 3rem;}
.mt-7{margin-top: 7rem;}
.mt-8{margin-top: 8rem;}
.mt-14{margin-top: 14rem;}
.mt-80{margin-top: 30rem;}

.mb-6{margin-bottom: 6rem;}
.mb-7{margin-bottom: 7rem;}
.mb-8{margin-bottom: 8rem;}
.mb-15{margin-bottom: 15rem;}

.pl-10{padding-left: none;}
.pr-10{padding-right: none;}
.pt-15{padding-top: 3rem;}
.pb-15{padding-bottom: none;}

.radius-10{
    border-radius: 10px;
}

.radius-25{
    border-radius: 25px;
}

.card-2{
    z-index: 2;
    background-color: white;
    bottom: -90px;

    width: 50%;
    height: 215px;

    padding: 2rem;
    border-radius: 10px;
    min-width: 225px;
}

input{
    width: 100% !important;
    all: unset;
    border-bottom: 1px solid rgba(0, 0, 0, 0.496);
}

.card-3{
    z-index: 2;
    bottom: -175px;

    width: 100%;
    height: 320px;

    padding: 1.5rem;
    border-radius: 10px;
}

.card-4{
    z-index: 2;
    bottom: -175px;

    width: 100%;
    height: 320px;

    padding: 1.5rem;
    border-radius: 10px;
}

a{
    text-decoration: none;
    color:#222222;
}

.khshadow{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.11);
}

.display{
  display: block;
}

.hide-md{
  display: none !important;
}

.hide3-md{
  display: none !important;
}


.button-28 {
  appearance: none;
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: 5px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  line-height: normal;
  max-width: 600px;
  margin: 0;
  min-height: 60px;
  outline: none;
  text-align: center;
  text-decoration: none;
  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  padding: 0.75rem 1.5rem;
}

.button-28:disabled {
  pointer-events: none;
}

.button-28:hover {
  color: #fff;
  background-color: #1FB1A5;
  box-shadow: #114f4a23 0 8px 15px;
  transform: translateY(-2px);
}

.button-28:active {
  box-shadow: none;
  transform: translateY(0);
}

.button-27 {
  appearance: none;
  background-color: #1FB1A5;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  line-height: normal;
  margin: 0;
  outline: none;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  will-change: transform;
}

.button-27:disabled {
  pointer-events: none;
}

.button-27:hover {
  box-shadow: #1e666032 0 8px 15px;
  transform: translateY(-2px);
}

.button-27:active {
  box-shadow: none;
  transform: translateY(0);
}


.button-31 {
  background-color: #222;
  border-radius: 4px;
  border-style: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Farfetch Basis","Helvetica Neue",Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  max-width: none;
  min-height: 44px;
  outline: none;
  overflow: hidden;
  padding: 9px 20px 8px;
  position: relative;
  text-align: center;
  text-transform: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: 150px;
}

.button-31:hover,
.button-31:focus {
  opacity: .75;
}

.silhouette{
  width:100%;
}

.rect{
  stroke: none;
  fill: #c2c2c281;
}

.Complex1{
  position: absolute;
  
}

.mp-sec2{
  margin: 14rem 0;
  padding: 4rem 0;
}

.gray-box{
  height: 20rem;
}

.icon-sec3{
  position: absolute;
  padding: 2rem;
  border-radius: 100%;
  width: 90px;
  height: 90px;
  top: -21%;
  left: 10%;
  background-color: #FFFFFF;
  box-shadow: rgba(0, 0, 0, 0.133) 0 4px 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.profile-sec4{
  width: 50px;
  height: 50px;
}

.radius1-sec4{border-radius: 0;}
.radius2-sec4{border-radius: 0;}

.black-card{
  position: static;
  padding: 3.5rem 1.5rem;
  background-color: #000000;
  color: #FFFFFF;
  bottom: -7.5%;
  border-radius: none;
}

.burger{
  display: block;
  position: relative;
  width: 30px;
  height: 27px;
  overflow: hidden;
}

.burger-a:hover,.burger-a:active,.burger-a:focus {
  all: unset;
  border: none;
}

.burger-a{
  all: unset;
  border: none;
  position:absolute;
  left:0;
  top:0;
  width: 30px;
  height: 27px;
}

.burger-seg1{
  position:absolute;
  left:0;
  top:0;
  width:30px;
  height:7px;
  border-radius: 10px;
  background-color: #ffffff;
}
.burger-seg2{
  position:absolute;
  left:0;
  top:10px;
  width:30px;
  height:7px;
  border-radius: 10px;
  background-color: #ffffff;
}
.burger-seg3{
  position:absolute;
  left:0;
  top:20px;
  width:30px;
  height:7px;
  border-radius: 10px;
  background-color: #ffffff;
}
/* ----------------------------------------------------------- */
.burger-anim1{
  position:absolute;
  left:0;
  top:0;
  width:30px;
  height:7px;
  border-radius: 10px;
  background-color: #ffffff;
  animation: x1 0.1s ease-in-out forwards;
}
.burger-anim2{
  position:absolute;
  left:0;
  top:10px;
  width:30px;
  height:7px;
  border-radius: 10px;
  background-color: #ffffff;
  animation: exit 0.1s ease-in-out forwards;
}
.burger-anim3{
  position:absolute;
  left:0;
  top:20px;
  width:30px;
  height:7px;
  border-radius: 10px;
  background-color: #ffffff;
  animation: x2 0.1s ease-in-out forwards;
}
/* ----------------------------------------------------------- */
.burger-anim4{
  animation: x3 0.1s reverse ease-in-out forwards;
  position:absolute;
  left:0;
  top:0;
  width:30px;
  height:7px;
  border-radius: 10px;
  background-color: #ffffff;
}
.burger-anim5{
  animation: enter 0.1s reverse ease-in-out forwards;
  position:absolute;
  left:0;
  top:10px;
  width:30px;
  height:7px;
  border-radius: 10px;
  background-color: #ffffff;
}
.burger-anim6{
  animation: x4 0.1s reverse ease-in-out forwards;
  position:absolute;
  left:0;
  top:20px;
  width:30px;
  height:7px;
  border-radius: 10px;
  background-color: #ffffff;
}
/* ----------------------------------------------------------- */
@keyframes x1{
  100%{
    transform:translateY(135%) rotate(45deg);
  }
}
@keyframes exit{
  100%{
    transform: translateX(-110%);
  }
}
@keyframes x2{
  100%{
    transform:translateY(-147%) rotate(-45deg);
  }
}
/* ----------------------------------------------------------- */
@keyframes x3{
  100%{
    transform:translateY(135%) rotate(45deg);
  }
}
@keyframes enter{
  100%{
    transform: translateX(-110%);
  }
}
@keyframes x4{
  100%{
    transform:translateY(-147%) rotate(-45deg);
  }
}

.hide{display: none;}
.view{display: block;}




@media screen and (min-width: 768px) {
 
  /* .silhouette{
    width:90%;
  }

  .card-1{
    right: -125px;
  }

  .size4{
    height: 30rem;
  }

  .card-2{
    right:-10%;
  }

  .gray-box{
    height: 125%;
  }

  .radius1-sec4{border-radius: 0 15px 15px 0;}
  .radius2-sec4{border-radius: 15px 0 0 15px;}

  .pl-10{padding-left: 10rem !important;}
  .pr-10{padding-right: 10rem !important;}

  .black-card{
    position: absolute;
    padding: 4rem 3rem;
    background-color: #000000;
    color: #FFFFFF;
    bottom: -115px;
    border-radius: 0 15px 15px 0;
  }

  .pt-15{padding-top: 15rem;}
  .pb-15{padding-bottom: 15rem;}

  .mt-6{margin-top: 6rem;}

  .display{
    display: none;
  }
  
  .view{display: none;} */

}

@media screen and (min-width: 2000px) {
  .pfont1{font-size: 1.35rem; margin-bottom: 0;}
  .pfont2{font-size: 1.6rem; margin-bottom: 0;}
  .pfont3{font-size: 1.85rem; margin-bottom: 0;}
  .pfont3-1{font-size: 1.7rem; margin-bottom: 0;}

  .pfont4{font-size: 2.1rem; margin-bottom: 0;}
  .pfont4-1{font-size: 1.75rem; margin-bottom: 0;}

  .pfont5{font-size: 2.35rem; margin-bottom: 0;}
  .pfont5-1{font-size: 2.35rem; margin-bottom: 0;}

  .pfont6{font-size: 2.6rem; margin-bottom: 0;}
  .pfont6-1{font-size: 2.6rem; margin-bottom: 0;}
  .pfont6-2{font-size: 2.35rem; margin-bottom: 0;}

  .pfont7{font-size: 2.85rem; margin-bottom: 0;}
  .pfont7-1{font-size: 2.85rem; margin-bottom: 0;}

  .pfont8{font-size: 3.1rem; margin-bottom: 0;}
  .pfont9{font-size: 3.25rem; margin-bottom: 0;}
  .pfont10{font-size: 3.6rem; margin-bottom: 0;}
  .pfont11{font-size: 3.85rem; margin-bottom: 0;}
  .pfont12{font-size: 4.1rem; margin-bottom: 0;}
  .pfont13{font-size: 4.25rem; margin-bottom: 0;}
  .pfont14{font-size: 4.6rem; margin-bottom: 0;}
  .pfont15{font-size: 4.85rem; margin-bottom: 0;}
  .pfont16{font-size: 5.1rem; margin-bottom: 0;}
  .pfont17{font-size: 5.35rem; margin-bottom: 0;}
  .pfont18{font-size: 5.6rem; margin-bottom: 0;}
  .pfont19{font-size: 5.85rem; margin-bottom: 0;}
  .pfont20{font-size: 6.1rem; margin-bottom: 0;}
  .pfont21{font-size: 6.25rem; margin-bottom: 0;}
  .pfont22{font-size: 6.6rem; margin-bottom: 0;}

  .speaker-disc2>.pfont3{font-size: 1.525rem; margin-bottom: 0;}
  .speaker-disc2>.pfont4{font-size: 1.65rem; margin-bottom: 0;}
  .speaker-disc2>.pfont12{font-size: 2.65rem; margin-bottom: 0;}

  .speaker-disc>.pfont3{font-size: 1.525rem; margin-bottom: 0;}
  .speaker-disc>.pfont4{font-size: 1.65rem; margin-bottom: 0;}
  .speaker-disc>.pfont12{font-size: 2.65rem; margin-bottom: 0;}

  .section-tag>.pfont10{font-size: 3rem; margin-bottom: 0;}

  .step-element>.pfont6{font-size: 1.75rem; margin-bottom: 0;}

  .time-card>.pfont2{font-size: 0.8rem; margin-bottom: 0;}

  .carasol-card{
    margin-left: 16%;
  }

  .seg1{
    padding: 0 0 6rem 0;
  }

  .section-tag{
    width: 20%;
  }

  .time-card{
    width: 115px;
    height: 115px;
  }

  .carasol-card{
    margin-left: 14.2%;
  }
}

@media screen and (min-width: 2100px) {
  .carasol-card{
    margin-left: 15.8%;
  }
  .section-tag{
    width:21%;
  }
}

@media screen and (min-width: 2200px) {
  .carasol-card{
    margin-left: 18%;
  }
  .section-tag{
    width:22%;
  }
}

@media screen and (max-width: 1834px) {
  .carasol-card{
    margin-left: 10%;
  }
  .section-tag{
    width:19%;
  }
}


@media screen and (max-width: 1667px) {
  .pfont1{font-size: 1rem; margin-bottom: 0;}
  .pfont2{font-size: 0.88rem; margin-bottom: 0;}
  .pfont3{font-size: 1.135rem; margin-bottom: 0;}
  .pfont3-1{font-size: 1.0625rem; margin-bottom: 0;}
  .pfont4{font-size: 1.02rem; margin-bottom: 0;}
  .pfont4-1{font-size: 1.105rem; margin-bottom: 0;}
  .pfont5{font-size: 1.19rem; margin-bottom: 0;}
  .pfont5-1{font-size: 1.19rem; margin-bottom: 0;}
  .pfont6{font-size: 1.36rem; margin-bottom: 0;}
  .pfont6-1{font-size: 1.36rem; margin-bottom: 0;}
  .pfont6-2{font-size: 1.275rem; margin-bottom: 0;}
  .pfont7{font-size: 1.53rem; margin-bottom: 0;}
  .pfont7-1{font-size: 1.53rem; margin-bottom: 0;}
  .pfont8{font-size: 1.7rem; margin-bottom: 0;}
  .pfont9{font-size: 1.87rem; margin-bottom: 0;}
  .pfont9-1{font-size: 1.87rem; margin-bottom: 0;}
  .pfont10{font-size: 2.04rem; margin-bottom: 0;}
  .pfont11{font-size: 2.21rem; margin-bottom: 0;}
  .pfont12{font-size: 2.38rem; margin-bottom: 0;}
  .pfont13{font-size: 2.55rem; margin-bottom: 0;}
  .pfont14{font-size: 2.72rem; margin-bottom: 0;}
  .pfont15{font-size: 2.89rem; margin-bottom: 0;}
  .pfont16{font-size: 3.06rem; margin-bottom: 0;}
  .pfont17{font-size: 3.23rem; margin-bottom: 0;}
  .pfont18{font-size: 3.4rem; margin-bottom: 0;}
  .pfont19{font-size: 3.57rem; margin-bottom: 0;}
  .pfont20{font-size: 3.74rem; margin-bottom: 0;}
  .pfont21{font-size: 3.91rem; margin-bottom: 0;}
  .pfont22{font-size: 4.08rem; margin-bottom: 0;}

  .speaker-disc2>.pfont3{font-size: 1.296rem; margin-bottom: 0;}
  .speaker-disc2>.pfont4{font-size: 1.4rem; margin-bottom: 0;}
  .speaker-disc2>.pfont12{font-size: 2.25rem; margin-bottom: 0;}

  .speaker-disc>.pfont3{font-size: 1.296rem;font-size: 1.1rem; margin-bottom: 0;}
  .speaker-disc>.pfont4{font-size: 1.4rem; margin-bottom: 0;}
  .speaker-disc>.pfont12{font-size: 2.25rem; margin-bottom: 0;}

  .section-tag{
    width:19.5%;
    color: #292E6E;
  }
  .vector{
    width:350px;
    height:250px;
  }

  .button-27>img{
    width: 100%;
    max-width: 25px !important;
    margin-bottom: 5px !important;
    margin-left: 10px !important;
  }

  .btm{
    margin-top: 7px !important;
  }
  
  .button-28>img{
    width: 100%;
    max-width: 15px !important;
    margin-top: 0 !important;
    margin-left: 10px !important;
  }

  .carasol-card{
    margin-left: 10.1%;
  }
  
}

@media screen and (max-width: 1334px) {
  .logo{
    max-width: 150px;
    width: 100%;
  }
  .uk-flag{
    max-width: 50px;
  }

  .button-27>img{
    width: 100%;
    max-width: 20px !important;
    margin-bottom: 0 !important;
    margin-left: 10px !important;
  }

  .btm{
    margin-top: 5px !important;
  }
  
  .button-28>img{
    width: 100%;
    max-width: 10px !important;
    margin-top: 0 !important;
    margin-left: 10px !important;
  }

  .pfont1{font-size: 0.65rem; margin-bottom: 0;}
  .pfont2{font-size: 0.52rem; margin-bottom: 0;}
  .pfont3{font-size: 0.726rem; margin-bottom: 0;}
  .pfont3-1{font-size: 0.825rem; margin-bottom: 0;}
  .pfont4{font-size: 0.792rem; margin-bottom: 0;}
  .pfont4-1{font-size: 0.858rem; margin-bottom: 0;}
  .pfont5{font-size: 0.924rem; margin-bottom: 0;}
  .pfont5-1{font-size: 0.924rem; margin-bottom: 0;}
  .pfont6{font-size: 1.056rem; margin-bottom: 0;}
  .pfont6-1{font-size: 1.056rem; margin-bottom: 0;}
  .pfont6-2{font-size: 0.99rem; margin-bottom: 0;}
  .pfont7{font-size: 1.118rem; margin-bottom: 0;}
  .pfont7-1{font-size: 1.118rem; margin-bottom: 0;}
  .pfont8{font-size: 1.32rem; margin-bottom: 0;}
  .pfont9{font-size: 1.452rem; margin-bottom: 0;}
  .pfont9-1{font-size: 1.452rem; margin-bottom: 0;}
  .pfont10{font-size: 1.584rem; margin-bottom: 0;}
  .pfont11{font-size: 1.716rem; margin-bottom: 0;}
  .pfont12{font-size: 1.848rem; margin-bottom: 0;}
  .pfont13{font-size: 1.98rem; margin-bottom: 0;}
  .pfont14{font-size: 2.112rem; margin-bottom: 0;}
  .pfont15{font-size: 2.244rem; margin-bottom: 0;}
  .pfont16{font-size: 2.376rem; margin-bottom: 0;}
  .pfont17{font-size: 2.508rem; margin-bottom: 0;}
  .pfont18{font-size: 2.64rem; margin-bottom: 0;}
  .pfont19{font-size: 2.772rem; margin-bottom: 0;}
  .pfont20{font-size: 2.904rem; margin-bottom: 0;}
  .pfont21{font-size: 3.036rem; margin-bottom: 0;}
  .pfont22{font-size: 3.168rem; margin-bottom: 0;}

  .speaker-disc2>.pfont3{font-size: 1.076rem; margin-bottom: 0;}
  .speaker-disc2>.pfont4{font-size: 1.162rem; margin-bottom: 0;}
  .speaker-disc2>.pfont12{font-size: 1.868rem; margin-bottom: 0;}

  .speaker-disc>.pfont3{font-size: 1.076rem; margin-bottom: 0;}
  .speaker-disc>.pfont4{font-size: 1.162rem; margin-bottom: 0;}
  .speaker-disc>.pfont12{font-size: 1.868rem; margin-bottom: 0;}

  .button-28 {
    padding: 0.5rem 1rem !important;
  }

  .card1{
    max-width: 500px;
  }
  .time-card{
    width: 70px;
    height: 70px;
  }
  .meet-image{
    width: 100%;
    max-width: 100px;
    max-height: 100px;
  }
  
  .understand-image{
    width: 100%;
    max-width: 100px;
    max-height: 100px;
  }
  
  .ask-image{
    width: 100%;
    max-width: 100px;
    max-height: 100px;
  }

  .accordion {
    max-width: 800px;
  }
  .btm-icon{
    width: 30px;
    height: 30px;
  }

  .countdown{
    padding: 1rem 0; 
  }

  .line{
    height: 100px;
  }

  .speaker-disc{
    max-width: 500px;
    right: -50%;
  }

  .speaker-disc-re{
    max-width: 500px;
    left:-50%;
  }

  .vector{
    width:300px;
    height:200px;
  }

  .section-tag{
    width:17%;
  }
  
}



@media screen and (max-width: 1290px) {
  /* .pfont4-1{font-size: 1rem; margin-bottom: 0;}
  .pfont6{font-size: 1.5rem; margin-bottom: 0;}
  .pfont7{font-size: 1.75rem; margin-bottom: 0;}
  .pfont8{font-size: 2rem; margin-bottom: 0;}
  .pfont12{font-size: 1.75rem; margin-bottom: 0;}
  .pfont22{font-size: 4.5rem; margin-bottom: 0;} 
  .section-tag{
    width: 32%;
  }*/
}

@media screen and (max-width: 1270px) {
  .ourspeakers1{
    display: none;
  }
  .ourspeakers2{
    display: block;
  }
}

/* @media screen and (max-width: 1000px) {
  .pfont1{font-size: 0.6rem; margin-bottom: 0;}
  .pfont2{font-size: 0.8rem; margin-bottom: 0;}
  .pfont3{font-size: 1rem; margin-bottom: 0;}
  .pfont4{font-size: 1.2rem; margin-bottom: 0;}
  .pfont4-1{font-size: 1.2rem; margin-bottom: 0;}
  .pfont5{font-size: 1.4rem; margin-bottom: 0;}
  .pfont5-1{font-size: 1.4rem; margin-bottom: 0;}
  .pfont6{font-size: 1.6rem; margin-bottom: 0;}
  .pfont6-1{font-size: 1.6rem; margin-bottom: 0;}
  .pfont6-2{font-size: 1.2rem; margin-bottom: 0;}
  .pfont7{font-size: 1.8rem; margin-bottom: 0;}
  .pfont7-1{font-size: 1.8rem; margin-bottom: 0;}
  .pfont8{font-size: 2rem; margin-bottom: 0;}
  .pfont9{font-size: 2.2rem; margin-bottom: 0;}
  .pfont9-1{font-size: 2.2rem; margin-bottom: 0;}
  .pfont10{font-size: 2.4rem; margin-bottom: 0;}
  .pfont11{font-size: 2.6rem; margin-bottom: 0;}
  .pfont12{font-size: 2.8rem; margin-bottom: 0;}
  .pfont13{font-size: 3rem; margin-bottom: 0;}
  .pfont14{font-size: 3.2rem; margin-bottom: 0;}
  .pfont15{font-size: 3.4rem; margin-bottom: 0;}
  .pfont16{font-size: 3.6rem; margin-bottom: 0;}
  .pfont17{font-size: 3.8rem; margin-bottom: 0;}
  .pfont18{font-size: 4rem; margin-bottom: 0;}
  .pfont19{font-size: 4.2rem; margin-bottom: 0;}
  .pfont20{font-size: 4.4rem; margin-bottom: 0;}
  .pfont21{font-size: 4.6rem; margin-bottom: 0;}
  .pfont22{font-size: 4.8rem; margin-bottom: 0;}

  .speaker-disc2>.pfont3{font-size: 1.125rem; margin-bottom: 0;}
  .speaker-disc2>.pfont4{font-size: 1.25rem; margin-bottom: 0;}
  .speaker-disc2>.pfont12{font-size: 2.25rem; margin-bottom: 0;}
} */

@media screen and (max-width: 768px) {
  html , body{
      background-color: #ffffff !important;
  }

  .ellipse{
    display: none;
  }

  .pfont1{font-size: 0.75rem; margin-bottom: 0;}
  .pfont2{font-size: 0.5rem; margin-bottom: 0;}
  .pfont3{font-size: 0.625rem; margin-bottom: 0;}
  .pfont3-1{font-size: 0.625rem; margin-bottom: 0;}
  .pfont4{font-size: 0.75rem; margin-bottom: 0;}
  .pfont4-1{font-size: 0.85rem; margin-bottom: 0;}
  .pfont5{font-size: 0.875rem; margin-bottom: 0;}
  .pfont5-1{font-size: 1.25rem; margin-bottom: 0;}
  .pfont5-2{font-size: 1rem; margin-bottom: 0;}
  .pfont6{font-size: 1rem; margin-bottom: 0;}
  .pfont6-1{font-size: 1.75rem; margin-bottom: 0;}
  .pfont6-2{font-size: 1.33rem; margin-bottom: 0;}
  .pfont7{font-size: 1.025rem; margin-bottom: 0;}
  .pfont7-1{font-size: 1.125rem; margin-bottom: 0;}
  .pfont8{font-size: 1.25rem; margin-bottom: 0;}
  .pfont9{font-size: 1.375rem; margin-bottom: 0;}
  .pfont10{font-size: 1.5rem; margin-bottom: 0;}
  .pfont11{font-size: 1.625rem; margin-bottom: 0;}
  .pfont12{font-size: 1.75rem; margin-bottom: 0;}
  .pfont13{font-size: 1.875rem; margin-bottom: 0;}
  .pfont14{font-size: 2rem; margin-bottom: 0;}
  .pfont15{font-size: 2.125rem; margin-bottom: 0;}
  .pfont16{font-size: 2.25rem; margin-bottom: 0;}
  .pfont17{font-size: 2.375rem; margin-bottom: 0;}
  .pfont18{font-size: 2.5rem; margin-bottom: 0;}
  .pfont19{font-size: 2.625rem; margin-bottom: 0;}
  .pfont20{font-size: 2.75rem; margin-bottom: 0;}
  .pfont21{font-size: 2.875rem; margin-bottom: 0;}
  .pfont22{font-size: 3rem; margin-bottom: 0;}

  .seg1{
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 50%, rgba(0,0,0,0.5) 50%), url("./assets/ezgif\ 1.png");
    background-position: 70% 0;
  }

  .section-tag{
    width:50%;
  }

  .speaker-disc2>.pfont3{font-size: 1.125rem; margin-bottom: 0;}
  .speaker-disc2>.pfont4{font-size: 1.25rem; margin-bottom: 0;}
  .speaker-disc2>.pfont12{font-size: 2.25rem; margin-bottom: 0;}

  .time-card>.pfont3{font-size: 0.55rem; margin-bottom: 0;}
  .time-card>.pfont10{font-size: 1.35rem; margin-bottom: 0;}

  .card1{
    max-width: 420px;
  }

  .uk-flag{
    width:50px;
  }

  .meet-image{
    width: 25%;
    max-width: 65px;
    min-width: 55px;
    max-height: 62px;
  }
  
  .understand-image{
    width: 25%;
    max-width: 65px;
    min-width: 55px;
    max-height: 62px;
  }
  
  .ask-image{
    width: 25%;
    max-width: 65px;
    min-width: 55px;
    max-height: 62px;
  }

  .time-card{
    width:50px;
    height:50px;
    background-color:rgba(255, 255, 255, 0);
  }

  .accordion-item {
    padding: 0.75rem 1.5rem;
    margin: 1rem;
    overflow: hidden;
    border: none;
    outline: none;
    background-color: #FBFBFB;
  }

  .results{
    margin: 2rem 0;
  }

  .cases{
    margin: 2rem 0;
  }

  .display-md{
    display: none !important;
  }
  .hide-md{
    display: flex !important;
  }
  .display2-md{
    display: none !important;
  }
  .hide2-md{
    display: block !important;
  }

  .hide3-md{
    display: flex !important;
    position:fixed;
    bottom: 0;
    z-index: 99;
  }

  .button-27{
    width: 75%;
    padding: 1rem 1rem;
    font-size: 1.25rem;
  }

  .btm-navbar{
    position: fixed !important;
    bottom: 0;
    z-index: 99;
  }

  .Complex1{
    position: static;
  }

  .button-27>img{
    width: 100%;
    max-width: 20px !important;
    margin-bottom: 0 !important;
    margin-left: 8px !important;
  }

  .btm{
    margin-top: 5px !important;
  }
  
  .button-28>img{
    width: 100%;
    max-width: 10px !important;
    margin-top: 0 !important;
    margin-left: 8px !important;
  }

  .autoCara2>.owl-stage-outer>.owl-stage>.owl-item>.carasol-card{
    width: 92%;
    height: 100%;
    margin-left: -8%;
  }
  
}