@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

#fld_1330486.form-control {
  display:none ;
}

.header-content{
    z-index: 1;
    position: relative;}
body {
    margin: 0px 0px;
    padding: 0px 0px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    /** background: #212121 url('https://vepimg.b8cdn.com/uploads/vjfnew/5859/content/files/1629317074landing-page-bg-png1629317074.png') top center no-repeat;*/
    -webkit-background-size: cover;
    background-size: cover;
}
.sneak-peek img {
    margin-right: -15px;
}
.sneak-peek .row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.vfairs-gradient{background: rgb(225,52,104);
background: linear-gradient(90deg, rgba(225,52,104,1) 0%, rgba(227,81,77,1) 100%);}
.container-parent header > .row {
    display: flex !important;
     width: 100%;
}
.primary-btn--white{background:#fff !important;
color:#ef4077 !important;}
.thank-content {
    background: rgba(0, 0, 0, 0.8);
    padding: 40px 20px;
    border: 4px solid #f2624b;
    border-radius: 25px;
}
#clockdiv {
    margin: 35px 0px;
    color: #fff;
    text-align: left;
}

#clockdiv > div {
    display: inline-flex;
    font-size: 60px;
    padding: 0px 12px 0px 0px;
    font-weight: bold;
    margin: 0px 15px 0px 0px;
    background: rgb(219,196,100);
    background: linear-gradient(180deg, rgba(219,196,100,1) 0%, rgba(219,57,54,1) 100%);
    min-width: 180px;
    align-items: center;
    justify-content: space-around;
    border-radius: 13px;
    flex-wrap: wrap;
  margin-bottom: 15px;
}
#clockdiv > div:last-child {
    display: none;
}
#clockdiv div span {
    display: block;
    float: left;
    line-height: 75px;
}
#clockdiv > div .smalltext {
    font-size: 18px;
    margin-top: 10px;
    font-weight: normal;
}

.play__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  z-index:5;
}
.play__btn a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    place-items: center;
    width: 80px;
    height: 80px;
    background: #f2624b;
    border-radius: 50%;
    -webkit-box-shadow: 0px 2px 20px #f2624b;
    box-shadow: 0px 2px 20px #f2624b;
    cursor: pointer;

}
.play__btn a:hover{text-decoration:none;}
.play__btn a::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #f2624b;
    border-radius: 50%;
    z-index: 1;
    -webkit-animation: animation 2s infinite;
    animation: animation 2s infinite;
}
.play__btn a i {
    font-size: 28px;
    color: #fff;
    z-index: 10;
}
@keyframes animation {
    0% {
        transform: scale(1);
      opacity: 0.9;
      z-index: 1;
    }
    100% {
        transform: scale(1.7);
      opacity: 0;
      z-index: 1;
    }
}
.icon-json{
  width: 250px;
  height: 250px;
}
.modal-body p {
    color: #000 !important;
}
#speakers .col-xs-12.col-sm-6.col-md-4.col-lg-3 {
    display: flex;
}
#speakers .container > .row {
    display: flex;
  flex-wrap: wrap;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.light-gray-bg {
    background: #f2f2f2;
    padding: 40px 20px;
    text-align: center;
}
.custom-col-1 .iti--allow-dropdown {
    width: 100% !important;

}
.btn-darkgrey {
    background: #f2624b;
    color: #ffffff;
    text-align: center;
    padding: 10px 19px;
    border-radius: 25px 25px !important;
    font-weight: 800;
    transition: all 0.2s ease;
    text-decoration: none !important;
    outline: none !important;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;

    text-align: center;
    padding: 10px 13px;
    border-radius: 25px 25px !important;
    font-weight: 800;
    transition: all 0.2s ease;
    text-decoration: none !important;
    outline: none !important;
}

#topBtn {
    display: none;
    position: fixed;
    bottom: 70px;
    right: 10px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #f2624b;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

#topBtn:hover {
    background-color: #555;
    /* Add a dark-grey background on hover */
}

.industries__title {
    text-align: center;
    margin-top: 10px;
    font-size: 25px;
    margin-bottom: 30px;
}

.cameo__title {
    font-size: 28px;
    margin-top: 18px;
}

.cameo__designation {
    font-size: 18px;
    margin-bottom: 50px;
}

.cameo__img {
    width: 200px;
    height: 200px;
    border-radius: 100%;
}

.discover-future {
    position: relative;
    background: #fff;
}

p {
    margin: 0px;
    font-size: 16px;
    line-height: 22px;
}

.reg-form-wrap {
    background: rgba(0, 0, 0, 0.8);
    padding: 40px 20px;
    border: 4px solid #009ce5;
    border-radius: 25px;
}

#form_1507>.row>.col-12 {
    background: none;
    padding: 0px;
    border: none;
}

#vid {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 0;
    height: auto;
}

.sticky-header {
    position: absolute;
    width: 100%;
    z-index: 9;
}

.container-parent.header-content {
    position: relative;
    z-index: 9;
}

.thank-content p,
.thank-content h2 {
    color: #fff;
    text-align: center;
}

.container-parent .col-xs-10 {
    width: 41.66666667%;
}

.video-sec {
    overflow: hidden;
    position: relative;
    text-align: center;
    min-height: 700px;
    height: 700px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}

.full-page-container .control-label {
    color: #fff;
    font-size: 17px;
}

#grp_fld_1301210>p:nth-child(2) {
    background: #ffc90e;
    padding: 7px 10px;
    border-radius: 8px;
}

.full-page-container h3 {
    color: #fff;
    font-size: 30px;
}

.speaker h2, .speaker p {
    /* background: #fff; */
    padding: 10px;
    margin-bottom: 0px;
    color: #fff;
}

.company-logo {
    margin-bottom: 30px;
    max-width: 230px !important;
}

.col-xs-12 .help-block,
.col-sm-6 .help-block {
    color: #f30000 !important;
}

.toggle_nav {
    margin-top: 45px;
    display: inline-block;
    margin-right: 2px;
}

.icon-boxes,.icon-boxes, .schedule-tabs .time, .speaker {
    background-color: #009ce5;
    padding: 0;
    flex-shrink: 0;
    z-index: 1;
    position: relative;
  -webkit-animation: Gradient 10s ease infinite !important;
    -moz-animation: Gradient 20s ease infinite !important;
    animation: Gradient 20s ease infinite !important;
}

.icon-boxes-wrap {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.icon-boxes-wrap li {
    flex: 1;
    text-align: center;
    margin: 30px 8px;
    max-width: 230px;
}

.icon-boxes-wrap li .icon img {
    width: 50px;
    filter: brightness(0) invert(1);
}

.icon-boxes-wrap li .info {
    padding-top: 14px;
}

.icon-boxes-wrap li .info h4 {
    color: #ffffff;
    margin: 0 0 6px 0;
    font-size: 20px;
    line-height: 26px;
}

.reg-section.edit-profile-section {
    background: #fff
}

body.homepage-body {
    -webkit-background-size: contain!important;
    background-size: contain!important;
    background-repeat: repeat-y;
}

h1,
h2,
h3,
b {
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
}

header {
    padding: 15px 0px;
}

header .logo img {
    width: 140px;
    height: auto;
    display: block;
    margin-top: 25px;
}

header nav .main-nav {
    list-style: none;
    text-align: right;
    margin-top: 37px;
}

header nav .main-nav li {
    display: inline-block;
    margin: 0px 14px;
}

header nav .main-nav li:last-child {
    margin-right: 0px;
    margin-left: 0px;
}

header nav .main-nav li a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

.main_section {
    padding: 50px 0px;
    position: relative;
}

.main_registration_section {
    padding-bottom: 80px;
    margin-top: 40px;
}

.main_section.hero {
    background: none !important;
    -webkit-background-size: cover;
    background-size: cover;
    /*position: absolute;*/
    z-index: 8;
    top: 0;
    width: 100%;
}

.hero h1 {
    font-size: 55px;
    color: #fff;
    line-height: 69px;
    margin-top: 0;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    text-align: left;
    font-weight: 600;
}

.light {
    font-weight: 400;
}

.orange {
    color: #f2624b !important;
}

.hero h4 {
    font-size: 31px;
    color: #fff;
    line-height: 46px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
}

.hero p {
    font-size: 14px;
    color: #fff;
}

.hero h2 {
    font-size: 29px;
    font-family: 'Poppins', sans-serif;
}

.hero h3 {
    font-size: 37px;
    font-weight: 600;
    color: #fff;
    margin-top: 70px;
    font-family: 'Poppins', sans-serif;
    text-align: left;
}

.hero h3 b {
    font-family: 'Poppins', sans-serif;
}


/*form-con*/

.form-con {
    background: #fff;
    border-radius: 25px 25px;
    padding: 20px 40px;
}

.form-con h2 {
    font-size: 18px;
    color: #000;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.form-con input,
.form-con select,
.form-con textarea {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: solid 2px #999;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    padding: 0px 0px;
    height: 35px;
    margin-top: 20px;
    box-shadow: none;
    outline: none;
    -webkit-outline: none;
}

.hero .checkbox-con {
    margin: 20px 0px;
}

.hero .checkbox-con span {
    color: #fff;
    font-size: 14px;
}

.hero .checkbox-con a {
    font-weight: 600;
    color: #fff;
    text-decoration: underline;
}

.hero .checkbox-con input {
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background: #fff;
}

.primary-btn, .reg-form-data .col-12 input[type=submit]{
    background: #009ce5;
    color: #ffffff;
    text-align: center;
    padding: 10px 19px;
    border-radius: 25px 25px;
    font-weight: 800;
    transition: all 0.2s ease;
    text-decoration: none !important;
    outline: none !important;
  border:none;


  -webkit-animation: Gradient 10s ease infinite !important;
    -moz-animation: Gradient 20s ease infinite !important;
    animation: Gradient 20s ease infinite !important;
}

.primary-btn.reg-btn {
    font-size: 21px;
    padding: 14px 20px;
    width: auto;
    border: none;
    letter-spacing: 0px;
    font-weight: bold;
    border-radius: 0px;
    display: inline-block;

 background: #009ce5;
-webkit-animation: Gradient 10s ease infinite !important;
    -moz-animation: Gradient 20s ease infinite !important;
    animation: Gradient 20s ease infinite !important;
}

.primary-btn.big-btn {
    font-size: 19px;
    letter-spacing: 2px;
    padding: 18px 60px;
    border-radius: 50px 50px;
}

.primary-btn:hover, .reg-form-data .col-12 input[type=submit]:hover {
    background: #444;
    color: #fff;
}

.dark-bg {
    background: #212121;
}

.sec-title {
    margin-bottom: 30px;
}

.sec-title h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 0px;
}

.sec-title h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 300;
    margin-top: 10px;
}

.white {
    color: #fff;
}

.desc {
    font-size: 20px;
    line-height: 32px;
}

.full-img {
    width: 100%;
    height: auto;
    display: block;
}

.mins-15 {
    margin-left: -15px;
}

.content-pad {
    padding: 80px 60px 30px 40px;
}

.pb-0 {
    padding-bottom: 0px;
}

.white-bg {
    background: #fff;
    position: relative;
}

.white-bg .sec-title h4,
.white-bg .sec-title h2 {
    color: #000;
}

.p-rel {
    position: relative;
}

.agenda-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 175px;
    height: auto;
}

.p-lr-30 {
    padding: 30px 30px;
}

.agenda-row .time {
   /* background: #f2624b;*/
    padding: 30px 25px;
    position: absolute;
    height: 100%;
    border-bottom: 1px solid #8dd6f8;
}

.agenda-row .row {
    position: relative;
  -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.agenda-row > .row:hover {
    background: #f7f7f7;
    transform: scale(1.010);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
    position: relative;
    z-index: 2;
}

.agenda-row .time p {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 0px;
}

.agenda-row .agenda-body {
    padding: 10px 20px;
    border-bottom: dashed 1px #dadada;
}

.agenda-row .agenda-body .row {
   /** display: none;*/
}

.agenda-row .agenda-body p {
    font-size: 18px;
    line-height: 28px;
}

.agenda-row .agenda-body h2 {
    font-size: 21px;
    color: #000;
    line-height: 28px;
}

.agenda-row .agenda-body h4 {
    font-weight: 800;
    margin-bottom: 5px;
}

.agenda-row .agenda-body p.highlight {
    padding: 15px 30px;
    border-radius: 30px 30px;
    background: #f2624b;
    color: #000;
    font-weight: 800;
    margin: 0px 0px;
    text-align: left;
}

.ikon {
    text-align: center;
}

.speaker {
    margin-bottom: 30px;
    min-height: 430px;
   /* background: rgb(236, 116, 97);*/
    padding: 20px;
    width: 100%;
    border-radius: 12px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.speaker:hover {
    box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    transform: scale(1.015);
}
.speaker .full-img {
    max-width: 200px;
    margin: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    border: 4px solid #fff;
}
.speaker:hover img {
    -webkit-filter: initial;
    filter: initial;
}

h2 a {
    color: #333 !important;
}

.net-bg {
    background: #fff url(https://vepimg.b8cdn.com/uploads/vjfnew/5859/content/files/1629317074background-speaker-image-png1629317074.png) 350px -150px no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}


/*footer*/

footer {
    background: #212121;
    color: #fff;
    border-top: none !important;
}

footer .form-con {
    background: transparent;
    padding: 0px 0px;
}

footer h3 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #009ce5;
}

footer p,
footer a {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}

footer a:hover {
    color: #f2624b;
}

footer .form-con input,
footer .form-con select,
footer .form-con textarea {
    color: #fff;
}

footer .form-con .primary-btn {
    float: right;
    margin-right: -120px;
    margin-top: 30px;
    border: none;
    padding: 10px 30px;
}


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

.display-mob {
    display: none;
}

.toggle_nav img {
    width: 30px;
    height: auto;
}

@media screen and (max-width: 1199px) {
  header nav .main-nav li {
 
    margin: 0px 10px;
}
    .hero h1 {
        font-size: 50px;
    }
    .video-sec {
        min-height: 650px;
        height: 650px;
    }
}

@media screen and (max-width: 991px) {
    .display-mob {
        display: inline-block;
    }
    header nav {
        display: none;
        background: #212121;
        padding: 0px 20px;
        border-radius: 15px 15px;
        margin-top: 20px;
    }
    header nav ul {
        padding: 20px 0px;
        margin: 0px 0px;
    }
    header nav ul li {
        display: block;
        width: 100%;
        text-align: center;
        padding: 15px 0px;
    }
    header nav ul li a {
        font-size: 18px !important;
    }
    .hero .form-con {
        margin-top: 40px;
    }
    .agenda-row .time {
        position: relative;
        height: auto;
    }
    footer .form-con .primary-btn {
        float: none;
        margin-right: 0px;
        margin-bottom: 50px;
    }
}


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

.page-heading {
    display: none !important;
}

.inner-dark-con,
.inner-dark-con p,
.inner-dark-con h2,
.inner-dark-con h3 {
    color: #fff;
}

.inner-dark-con {
    padding: 40px 50px;
    background: rgba(33, 33, 33, 0.8);
}

.inner-dark-con a {
    color: #f2bd30;
}


/*.btn-darkgrey{
  background-color: #f2bd30 !important;
  color: #000;
}*/

.btn-darkgrey:hover {
    background-color: #212121 !important;
    color: #fff;
}

.iframe-container-reg {
    width: 100%;
    height: 920px;
}

.reg-iframe {
    width: 100%;
    height: 1000px;
    border: none;
}

#JsRegisterFrm label.required::after {
    content: ' *';
}

form#JsRegisterFrm {
    padding: 0px 0px !important;
}

form#JsRegisterFrm label {
    display: none !important;
}

form#JsRegisterFrm input,
form#JsRegisterFrm textarea,
form#JsRegisterFrm select {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: solid 2px #999;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    padding: 0px 0px;
    height: 35px;
    margin-top: 20px;
    box-shadow: none;
    outline: none;
    border-radius: 0px 0px;
}

form#JsRegisterFrm input[type="checkbox"] {
    float: left;
    width: 20px;
    margin-top: 0px;
    margin-right: 10px;
}

@media screen and (max-width:768px) {
  
    .speaker {
        text-align: center;
    }
    .speaker img {
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width:767px) {
  .thank-content {
    width: 100% !important;

}
    .container-parent header > .row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
    #magician-vid {
        margin-bottom: 30px;
    }
    /* body.homepage-body{ background: #212121 url('https://vepimg.b8cdn.com/uploads/vjfnew/5859/uploads/vjf/content/misc/1629474552mobile-bg.jpg') top center no-repeat;
 
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: repeat-y !important;}*/
    .icon-boxes-wrap {
        display: block;
    }
    header nav .main-nav li {
        margin: 0px 0px;
    }
    .hero h1 {
        font-size: 54px;
    }
}

@media screen and (max-width:575px) {
    .video-sec {
        min-height: initial;
        height: 210%;
        width: 280%;
    }
}

@media screen and (max-width:480px) {


    .hero h1 {
        font-size: 34px;
        line-height: 44px;
        margin-top: 25px;
    }
    .container-parent .col-xs-10 {
        width: 83.33333333%;
    }
    .video-sec {
        width: 280%;
    }

    #speakers .container > .row {
        display: block;
    }
}

@media screen and (max-width:400px) {
    .video-sec {
        width: 360%;
    }
}

@media screen and (max-width:390px) {
    .video-sec {
        width: 440%;
    }
}

@media screen and (max-width:320px) {
    .video-sec {
        min-height: initial;
        height: 210%;
        width: 500%;
    }
}

.speaker2 {
    margin-top: 20px;
    padding-left: 74px;
    margin-bottom: 10px;
    position: relative;
    min-height: 60px;
}

.speaker2 img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border: 1px solid #ddd;
    position: absolute;
    top: -10px;
    left: 0;
    margin: 0;
}

span.designation {
    display: block;
    font-size: 13px;
}

.speaker2 a {
    color: #f2624b;
    font-size: 18px;
}

.nav-tabs {
    border-bottom: 0px solid #ddd;
}

.nav-tabs>li>a {
    margin-right: 10px;
    line-height: 1.42857143;
    border: 0px solid transparent;
    border-radius: 6px;
    padding: 15px 20px;
    background-color: #333;
    color: #fff;
  margin-bottom: 20px;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #f2624b;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #f2624b;
    border: 0px solid #ddd;
    border-bottom-color: transparent;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
}
.nav-tabs>li.active>a::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 17px solid #009ce5;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -14px;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: rgb(242,98,75);
   width: 100%;
    height: 320px;
    border: 3px solid rgb(242,98,75);
    perspective: 1000px;
    border-radius: 6px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  color: black;
}

/* Style the back side */
.flip-card-back {
  color: black;
  transform: rotateY(180deg);
}


.row.speak-row {
    display: flex;
  flex-wrap:wrap;
}
.row.speak-row > div {
    display: flex;
}

.row.speak-row > div.col-md-6:first-child {
    border-right: 1px dashed #d8d8d8;
}
@media screen and (max-width:992px) {
.row.speak-row > div.col-md-6:first-child {
    border-right: 0px dashed #d8d8d8;
}}

.speaker h2 {
    cursor: pointer;
    color: #fff;
}

.speaker2 a { cursor:pointer;}

img.hamza {
    padding-left: 17px;
}

@keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }

.thank-content {
   
    width: 50%;
    margin: auto;
}
div#login-footer .row {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100%;
    /* float: left; */
}

div#login-footer .row .col-sm-4 {
    width: 100%;
    max-width: 200px;
    float: right;
    padding-right: 0;
}


div#login-footer .row .col-sm-8 {
    float: left !important;
    width: 100%;
    max-width: 347px;
    display: flex;
    padding-left: 0;
    color: #fff;
}

div#login-footer .row .col-sm-8 a, div#login-footer .row .col-sm-4 .btn-darkgrey {
    background: #009ce5;
    color: #ffffff;
    text-align: center;
    padding: 10px 19px;
    border-radius: 25px 25px !important;
    font-weight: 800;
    transition: all 0.2s ease;
    text-decoration: none !important;
    outline: none !important;
}

div#login-footer .row .col-sm-4 button.btn.btn-darkgrey {
    color: #fff;
    border-radius: 0;
}
.modal .modal-dialog {
    width: 600px;
    margin: 83px auto;
    max-width: 600px;
}

@media (max-width:768px){
    div#login-footer .row {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        float: none;
        align-items: center;
        margin: 0;
    }
    .modal .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px;
    }
    div#login-footer .row .col-sm-8 {
        float: none;
        width: 100%;
        max-width: 347px;
        display: flex;
        padding-left: 0;
        color: #fff;
        margin: 28px auto 0;
        display: block;
        width: 100%;
        padding-top: 10px;
    }
    div#login-footer .row .col-sm-4 {
        width: 100%;
        max-width: 100%;
        float: none;
        padding-right: 15px;
        display: flex;
        justify-content: center;
    }
  }
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc !important;
    text-align: center;
    padding: 10px 13px !important;
    border-radius: 25px 25px !important;
    font-weight: 800;
    transition: all 0.2s ease;
    text-decoration: none !important;
    outline: none !important;
  }

@media (max-width: 768px){
.forgot-btn{
margin-top:10px
}
 }



.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background-color: #009ce5;
}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: #009ce5;
}
.agenda-row .time {
    background: #009ce5;
}
.speaker2 a {
    color: #009ce5;
}

.speaker2 a, .speaker2 strong {
    color: #009ce5;
    font-size: 18px;
}
.nav-tabs>li>a {
    padding: 15px 60px;
     font-size: 18px;
}





.faq.padding {
    background-color: #fff !important;
}

.faq .panel {
    background: #efefef;
    padding: 15px 25px;
    margin: 0 0 27px;
    border: none;
    border-radius: 8px
}

.faq .panel-heading {
    padding: 0!important;
    background: 0 0!important
}

.faq h4.panel-title a {
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    line-height: 24px;
    color: #333;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 700
}

.faq .panel-collapse {
    font-size: 14px;
    text-decoration: none;
    cursor: pointer
}

.faq .panel-collapse .panel-body {
    width: 100%!important;
    padding-bottom: 0;
    border: none!important;
    padding-top: 9px;
    font-size: 14px!important;
    font-family: "Proxima Nova", serif!important;
    line-height: 24px!important;
    color: #666!important
}
.nw-frm-bldr .reg-form-data {
    background: none;
    padding: 0px;
    border: none;
    max-width: 100% !important;
    margin: 0; box-shadow: none;
}

a.btn.btn-darkgrey.flt-left {
    display: none;
}



.reg-form-data p, .reg-form-data h4 {
    color: #fff;
}
.reg-form-data h4 {
    margin-top: 20px;
  font-size: 18px;
}