/*
Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
   font-family:"alfabet";
 
/*    font-family: 'Montserrat', sans-serif !important;*/
    
    color: #fff !important; background: #070707 !important; overflow-x: hidden;}


.f-10{font-size: 10px;}
.f-11{font-size: 11px;}
.f-12{font-size: 12px;}
.f-13{font-size: 13px;}
.f-14{font-size: 14px;}
.f-15{font-size: 15px;}
.f-16{font-size: 16px;}
.f-17{font-size: 17px;}
.f-18{font-size: 18px;}
.f-19{font-size: 19px;}
.f-20{font-size: 20px;}
.f-21{font-size: 21px;}
.f-22{font-size: 22px;}
.f-23{font-size: 23px;}
.f-24{font-size: 24px;}
.f-25{font-size: 25px;}
.f-26{font-size: 26px;}
.f-27{font-size: 27px;}
.f-28{font-size: 28px;}
.f-29{font-size: 29px;}
.f-30{font-size: 30px;}
.tu{text-transform: uppercase;}
.tc{text-transform: capitalize;}
.fw-2{font-weight: 200;}
.fw-3{font-weight: 300;}
.fw-4{font-weight: 400;}
.fw-5{font-weight: 500;}
.fw-6{font-weight: 600;}
.fw-7{font-weight: 700;}
.fw-8{font-weight: 800;}
.fw-9{font-weight: 900;}



.footer-linkw form button {
    display: inline-block;
}

.Navbars {
    background: #dbf4ff;
    border-bottom: 2px solid #dedede;
}
.sitepata {
    font-size: 18px;
}.Bannerdata h1 {
    visibility: hidden;
    margin: 0;
    height: 0;
}
section.se2 {
    background: #FECE52;
    color: #222;
    padding: 50px 0;
    position: relative;
}
.container{         max-width: 1050px; } 
header .container,footer .container{         max-width: 90%; }
section.se2::before {
    content: '';
    background-image: url(images/uprow.svg);
    background-size: 85%;
    width: 100%;
    display: block;
    height: 20px;
    position: absolute;
    top: -17px;
    left: 0;
    background-repeat: repeat-x;
}
section.se2::after {
    content: '';
    background-image: url(images/downrow.svg);
    background-size: 85%;
    width: 100%;
    display: block;
    height: 38px;
    position: absolute;
    bottom: -20px;
    left: 0px;
    background-repeat: repeat-x;
}
.Bannerdata {
      margin: 130px auto 40px;
      text-align: center;
      position: relative;
      max-width: 900px;
}
span.rectangles {
    position: absolute;
    right: 34%;
    /* max-width: 20px; */
    bottom: 0;
}

.Bannerdata span img {
    max-width: 36px;
}

span.trangles {
    position: absolute;
    right: 10%;
    /* max-width: 20px; */
    bottom: 155px;
}

span.trangles img {
    max-width: 22px;
}

span.trangles3 {
    position: absolute;
    left: 10%;
    /* max-width: 20px; */
    bottom: 146px;
}
.speaker-social-logo {
    margin-top: 11px;
}
.speaker-social-logo a:not(:last-child) {
    margin-right: 10px;
}
.speaker-social-logo a img {
    filter: invert(78%) sepia(73%) saturate(2527%) hue-rotate(86deg) brightness(160%) contrast(114%);
    max-width:21px;
}
span.cirgles {
    position: absolute;
    left: 32%;
    /* max-width: 20px; */
    bottom: 4px;
}
.mainpagebanner {
       max-width: 550px;
    margin: 20px auto;
}
section.voiceweb3 {
   padding: 60px 0 120px;
}section.deepjoin {
    padding: 60px 0;
}
.wtitleui {
text-align: center;
    font-size: 30px;
    margin-bottom: 50px !important;
    max-width: 617px;
    margin: 0 auto;
    position: relative;
    line-height: 42px;
}
.wtitle {
    text-transform: uppercase;
    font-size: 32px;
    margin: 0 0 40px;
    position: relative;
    padding: 15px 0 0 0;font-weight: 600;
}.rectanglestar.bottmsp {
    margin: 0;
    position: absolute;
    right: 0;
}
.Bannerdata h2 {
    font-size: 22px;
    font-weight: 300;
    max-width: 526px;
    margin: 30px auto;
    opacity: 0.8;
    line-height: 36px;
    color:#fff;
}
nav.navbar {
    justify-content: space-between;
}
.navbar-nav li a {color: #fff;}
.Eevtflex {
    /* display: flex; */
    text-align: center;
   
    margin: 0 auto;
}

.eventData {
    text-align: left;
    padding: 8px 0 0 0px;
    width:fit-content;  margin: 0 auto;
}

.eventData p {
    margin: 0 0;
    font-size: 24px;
}.registerbutton a::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg,transparent,rgba(255, 255, 255, 0.5),transparent);
}
.registerbutton a:hover {
    background-color: #31F9BD;
    color: #000 !important;}
.registerbutton a {
 background-color: #070707;
    color: #fff !important;
    border-radius: 0px;
    padding: 10px 20px;
    position: relative;
    overflow: hidden;
    display: block;
    max-width: 209px;
    text-align: center;
    margin: 0 0 0 auto;
}
.registerbutton a::before {
  -webkit-animation: shine 5s ease-in-out infinite;
          animation: shine 5s ease-in-out infinite;
}

@-webkit-keyframes shine {
  0% {
    left: -100%;
    transition-property: left;
  }
  11.5044247788%, 100% {
    left: 100%;
    transition-property: left;
  }
}

@keyframes shine {
  0% {
    left: -100%;
    transition-property: left;
  }
  11.5044247788%, 100% {
    left: 100%;
    transition-property: left;
  }
}
.registerbutton {
    text-align: right;
}
.eventData span {
    font-weight: 300;
    position: relative;
   text-align:center;
   
    /* display: flex !important; */
    /* max-width: 80px; */
    margin: 0 auto;
}

.cbox {
    border: 1px solid #fff;
    padding: 25px;
    margin: 0 0 40px;
    position: relative;
    background: #070707;  transition: 0.6s;
    min-height: 465px;
    cursor:pointer;
}

.cbox h3 {
       text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
}
.cbox p {
    font-size: 18px;
    margin: 20px 0 15px;
}
.box1 h3 {
    color: #31F9BD;
}
.box2 h3 {
    color: #FECE52;
}
.box3 h3 {
    color: #F72197;
}
.box4 h3 {
    color: #82B4FF;
}

.cbox::before {
    width: 100%;
    height: 100%;  transition: 0.5s;
  
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    left: 10px;
    top: 10px;
}
.cbox:hover::before {top: -10px; }
.box1::before { border: 1px solid #31F9BD;} 
.box2::before { border: 1px solid #FECE52;} 
.box3::before { border: 1px solid #F72197;} 
.box4::before { border: 1px solid #82B4FF;} 


.cbox li {
       font-size: 18px;
    padding: 4px 0;
    font-weight: 400;
    opacity: 0.9;
}.rowin2 {
    padding: 100px 0 0;
}

.listInvite {
    margin: 0;
    padding: 0;
    max-width: 460px;
}

.listInvite li {
    display: block;
    background: #fff;
    margin: 0 0 18px;
    color: #222;
    padding: 10px 18px;
    font-size: 20px;
    position: relative;
}
.imgbox img {
    width: 100%;
    height: auto;
    max-width: 222px;
    max-height: 222px;
}
.imgbox:hover img{ filter: contrast(200%); } 
.imgbox:hover:before{border: 1px solid #31F9BD;top: -8px;}

.spwakersbox h4 {
    color: #31F9BD;
    font-size: 18px;
    margin: 25px 0 10px;
}

.spwakersbox h5 {
    font-size: 14px;
    font-weight: 300;
}
header {
    position: absolute;
    width: 100%;
    z-index: 2;
}
.spwakersbox {
    margin: 0 0 34px;
    position: relative;
}

.imgbox {
    position: relative;
    max-width: 222px;    cursor: pointer;

}

.imgbox::before {
    border: 1px solid #fff;
    width: 100%;
    height: 100%;
    content: '';
    display: block;  transition: 0.3s;
    position: absolute;
    z-index: -1;
    left: 8px;
    max-width: 222px;
    top: 8px;
}footer {
    border-top: 1px solid #31F9BD;
    padding: 50px 0;
    margin: 50px 0 0;
}

.footer-about {
    max-width: 540px;
    font-weight: 300;
}

.footer-link ul {
    padding: 0;
}.listitemd li {
 display: block;
    font-size: 18px;    opacity: 0.9;
    font-weight: 300;
    position: relative;
    padding: 0px 0 25px 50px;
}
.homebanner {
    position: relative;
    padding: 20px 0;    background: url(https://coingape.com/wp-content/uploads/2024/05/deskbg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.homebanner::after {
    display: none;
    content: '';
    width: 700px;
    height: 100%;
    position: absolute;
    background: radial-gradient(circle, rgba(40,52,42,1) 0%, rgba(148,187,233,0) 100%);
    right: 0;
    /* padding: 46px 0; */
    top: 0;
    z-index: -1;
}
.homebanner::before {
    display: none;
    content: '';
    width: 700px;
    height: 100%;
    position: absolute;
    background: radial-gradient(circle, rgba(67,13,40,1) 0%, rgba(148,187,233,0) 100%);
    left: 0;
    /* padding: 46px 0; */
    top: 0;
    z-index: -1;
}
.paddings {
    padding: 0px 0 0 62px;
}
section.agenda {
    background: #FECE52;
    color: #222;
    padding: 100px 0;
    position: relative;
    margin: 0 0 39px;
}
.listitemd li::before {
    /* content: ''; */
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter) "";
    color: #31F9BD;
    position: absolute;
    left: -10px;
    font-weight: 500;
    font-size: 28px;
}

.listitemd {
    counter-reset: my-sec-counter;
    padding: 0;
}

.footer-link ul li a {
    color: #fff;
    font-weight: 300;
    display: block;
    font-size: 14px;
}
.eventData span::before {
    position: absolute;
    left: 0;
    top: 8px;
    height: 9px;
    width: 9px;
    background: #DD007A;
    
    border-radius: 10px;
}
.footer-link ul li {
    display: inline-block;
    width: 49%;
}

.logof {
    padding: 16px 0 0;
}

.owl-nav {
    background: #31F9BD;
    position: relative;
    padding: 20px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.carousel .owl-carousel .owl-nav .owl-prev {
    padding: 8px 20px !important;
    position: absolute;
    left: 0px;
    border-right: 1px dashed #000;
    top: 0;
}
.carousel .owl-carousel .owl-nav .owl-next
{
    padding: 8px 20px !important;
    position: absolute;
    right: 0px;
    border-left: 1px dashed #000;
    top: 0;
}

.num {
    text-align: center;
    margin: -30px auto 0;
    position: relative;
    z-index: 4;
    color: #222;
    width: 65px;
}
.btnRegis {
    text-align: center;margin: 40px 0 0;
}

.btnRegis a {
    display: inline-block;
    background: #FECE52;
    color: #222;
    padding: 15px 80px 15px 30px;
    position: relative;
}span.YllowR {
    background-image: url(images/Arrowy.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    padding: 16px 30px;
    background-color: #070707;
    position: absolute;
    right: 1px;
    display: block;
    height: calc(100% - 2px);
    top: 1px;
}
.carousel {
    max-width: 360px;margin: 28px 0 0;
}
.wtitlep {    font-size: 18px;    margin-bottom: 30px;
    opacity: 0.9;}
.Linkahrf {
    background-color: #070707;
    display: block;
    position: absolute;
    width: 52px;
    height: calc(100% - 2px);
    right: 1px;
    top: 1px;    background-image: url(images/arrowb.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}
.flexRows {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 60px;
}
.flexIm1.cm5 {
    width: 22%;
}
.flexIm1 {width: calc(26% - 20px);padding: 0 0px;}

.flexIm1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cm1 img {
    /* max-width: 128px; */
}

.owl-carousel .owl-item img {
    height: 75%;
}
.sitepata {
    font-size: 18px;
}

.btitle {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 600;
}

.bpara {
    font-size: 18px;
    margin: 20px 0 0;
}

.eventimgs img {
    max-width: 311px;
    margin: 0 auto;
}

.button-animation {
  position: relative;color: #FECE52;
  display: inline-block;
padding: 8px 16px 6px;
font-size:15px;
    line-height: 22px;

  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: 2px;
  transition: 0.5s;
}
.button-animation span {
  position: absolute;
  display: block;
}
.button-animation span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #FECE52);
  animation: btn-anim1 1s linear infinite;
}
@keyframes btn-anim1 {
  0% {
    left: -100%;
  }
  50%, 100% {
    left: 100%;
  }
}
.button-animation span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #FECE52);
  animation: btn-anim2 1s linear infinite;
  animation-delay: 0.25s;
}
@keyframes btn-anim2 {
  0% {
    top: -100%;
  }
  50%, 100% {
    top: 100%;
  }
}
.button-animation span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #FECE52);
  animation: btn-anim3 1s linear infinite;
  animation-delay: 0.5s;
}
@keyframes btn-anim3 {
  0% {
    right: -100%;
  }
  50%, 100% {
    right: 100%;
  }
}
.button-animation span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #FECE52);
  animation: btn-anim4 1s linear infinite;
  animation-delay: 0.75s;
}
@keyframes btn-anim4 {
  0% {
    bottom: -100%;
  }
  50%, 100% {
    bottom: 100%;
  }
}
.button-animation:hover {
  background-color: #FECE52;
  color: #fff;
  border-radius: 5px;
 
}
.eventimgs {
       text-align: center;
    height: 96%;
    display: flex;
    align-items: flex-end;
}.BoxS {
    background: #fff;
    padding: 30px 0;
}

.BoxS ul li {
    display: block;
    position: relative;
    font-weight: 600;
    font-style: italic;font-size: 18px;
    padding: 15px 44px;
}

.BoxS ul {
    padding: 0;
}

.BoxS ul li::before {
    background: #FECE52;
    content: '';
    position: absolute;
    left: 8px;
    height: 18px;
    width: 18px;
    top: 46%;
    transform: translate(-50%, -50%);
}

.imagagenda {
    padding: 20px 25px;
    text-align: center;
}

.imagagenda img {
    max-width: 128px;
}
.carousel::after {
    content: '';
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    left: 15px;
    top: 19px;
    border: 1px solid #FECE52;
}
.agenda::before {
    content: '';
    background-image: url(images/blacki.svg);
    width: 100%;
    display: block;
    background-repeat: repeat;
    position: absolute;
    top: -2px;
    height: 22px;
    background-size: 43px;
}
.agenda::after {
    content: '';
    background-image: url(images/blacki.svg);
    width: 100%;
    display: block;
    background-repeat: repeat;
    position: absolute;
    bottom: 0;
    height: 18px;
    background-size: 40px;
}
span.rectanglestar {
    margin: -60px 0px 0px 10px;
    display: inline-flex;
}

.rectanglestar img {
    max-width: 48px;
}

.Eevtflex img {
    max-width: 38px; animation-name: rotate;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}@keyframes rotate {
  from {
    background-position-x: 0px;
  }
  to {
    background-position-x: 210px;
  }
}
.registerT {
    max-width: 588px;
    line-height: 45px;
}.d-on{ display: block;}
span.trangles img,.trangles3 img {
    max-width: 50px !important;
}  .m-on { display: none!important;}
.footer-tags-ul {
    list-style:none
}

.footer-tags-ul > li a {
    font-size: 16px;
    color: #FECE52;
    font-weight: 400;
}
.footer-tags-ul > li:not(:first-child) {
    margin: 20px 0 0 0;
}
.social-logo a:not(:last-child) {
    margin-right: 10px;
}

.social-logo a {
    padding: 9px;
    background: #FECE52;
}
.footer-linkw {
    text-align: end;
}
.social-logo a:not(:last-child) {
    margin-right: 10px;
}

.company-logo a:not(:last-child) {
    margin-right: 31px;
}
@media(max-width:600px){
    .flexRows { gap:0;}
    .company-logo img {
        width: 120px;
    }
    .footer-tags-ul > li a {
        font-size: 14px;
    }
    .footer-linkw {
        text-align: start;
    }
    .footer-tags-ul > li:not(:first-child) {
        margin: 0px 0 0 0;
    }
    .footer-tags-ul > li {
        margin: 0px 21px 0 0 !important;
    }
    .social-logo {
        margin-top: 20px;
    }
    .footer-tags-ul {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        flex-direction: row !important;
    }
    .num {    margin: -36px auto 0;} section.se2  {    padding: 26px 0;}  section.se2::after {   bottom: -22px; background-size: 1000px;}     .logof {
        padding: 16px 0 0;
        flex-direction: column;
        align-items: flex-start !important;
    }.flexIm1.cm4 {
    display: none;}
    
    .d-on{ display: none;}
    .carousel {
    max-width: 95%;
}.flexIm1 {
    order: 1;
    width: 100%;
    padding: 0 15px;
}.flexIm1.cm3 {
    order: 1;
    }.carousel::after {left: 10px;
    top: 22px;}.flexIm1.cm3 {
    order: 1;
    }.listitemd li::before {left: 0px;}
    .owl-nav {    padding: 24px 10px;}
    .carousel .owl-carousel .owl-nav .owl-prev{ padding: 12px 20px !important;}
    .carousel .owl-carousel .owl-nav .owl-next{ padding: 12px 20px !important;}
.flexIm1.cm1 {
          width: 48%;
        order: 2;
        padding: 20px 0 0 15px;
}.btnRegis a 
    {width: 100%;
    padding: 15px 60px 15px 16px;}
.rectanglestar img {
    max-width: 35px;
}.btnRegis {
    text-align: left;}
.flexIm1.cm5 {
    order: 4;
    width: 52%;padding: 20px 0 0 20px;
    
}section.deepjoin {
    padding: 25px 0;
}
    .rowin2 {
    padding: 30px 0 0;
}.eventimgs {
    display: none;}
    .agenda::before {    height: 14px;
    background-size: 38px;}
    section.agenda{     padding: 50px 0;}
    .paddings {
    padding: 60px 0 0 0;
    }.listitemd li { padding: 0 0 30px 44px;opacity: 0.9;        line-height: 28px;}
    .registerbutton a {        display: flex;
        max-width: 100%;
        justify-content: space-between;
        padding: 13px 25px;}p.wtitlep {
    line-height: 28px;
    opacity: 0.9;
}.wtitle{    font-size: 24px;} section.voiceweb3 {
    padding: 0px 0 50px; 
}
    section.se2::before {top: -13px;background-size: 1000px;}
    .Bannerdata h2 {          font-size: 18px;
        line-height: 30px;}
    .Bannerdata {
        margin: 100px auto 60px;}
    .homebanner::before  {display: none;}
    .mainpagebanner {
        max-width: 90%;}  
    .navbar-nav{ display: none;}span.rectangles {
    position: absolute;
    right: 10%;
    /* max-width: 20px; */
    bottom: -32px;
}.Bannerdata span img {
    max-width: 29px;
}.eventData p {
    margin: 0 0;
    font-size: 22px;
    }.Eevtflex {    max-width: 100%;}.registerT {
    font-size: 20px;
    max-width: 588px;
    line-height: 32px;
}.eventData {margin: 0 auto;}.BoxS ul li {
    font-size: 18px; }p.sitepata {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}.cbox {
    width: 98%;}p.bpara {
    line-height: 28px;
    margin: 20px 0 0;
}
    .m-on { display: block !important;}
    .imagagenda {
    display: none;}
span.trangles {
    
    right: 10%;
    /* max-width: 20px; */
    bottom: 64px;
    }.homebanner::after { display: none;}
    span.trangles3 {
        display: none; }span.cirgles {
    
            left: 15%; }
    .homebanner{ background-image: url(images/bg.svg);background-attachment: fixed;
        background-size: cover;}h3.btitle {
    font-size: 22px;
}


.registerbutton button {    border: 0;
    width: 100%;}
}