/* Event Font -------------------------*/
@font-face {
    font-family: 'Cera Pro';
    src: url('  https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1682663945cerapro-black-woff21682663945.woff2') format('woff2'),
        url('https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1682663945cerapro-black-woff1682663945.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1682663945cerapro-blackitalic-woff21682663945.woff2') format('woff2'),
        url('https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1682663945cerapro-blackitalic-woff1682663945.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1682663945cerapro-bold-woff21682663945.woff2') format('woff2'),
        url('https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1682663945cerapro-bold-woff1682663945.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1682663945cerapro-light-woff21682663945.woff2') format('woff2'),
        url('https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1682663945cerapro-light-woff1682663945.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1682663945cerapro-medium-woff21682663945.woff2') format('woff2'),
        url('https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1682663945cerapro-medium-woff1682663945.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1682663945cerapro-regular-woff21682663945.woff2') format('woff2'),
        url('https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1682663945cerapro-regular-woff1682663945.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.agenda-design11-speaker .nav-tabs li.active a, .agenda-design11-speaker .nav-tabs li.active a:hover, .agenda-design11-speaker .nav-tabs li.active a:focus {
    background: #176393 !important;
    color: #fff;
}

/* Setting of Landing page colors and Font */
:root {
    --mainThemeColor: #00a4ef;
    --mainThemeColor-rgb: 243, 101, 49;
    --mainThemeColor2: #7fba00;
    --eventFontColor: #226386;
    --overlayHeadingTextColor: #f7f7f7;
    --overlayHeadingTextColor2: rgb(255 255 255 / 10%);
    --eventFontSize: 16px;
    --smalltext: 14px;
    --eventFont: 'Cera Pro';
    --eventHeadingFont: 'Cera Pro';
    --h1FontSize: 45px;
    --h2FontSize: 42px;
    --h3FontSize: 38px;
    --h4FontSize: 22px;
    --h5FontSize: 20px;
    --h6FontSize: 18px;
    --white: #fff;
    --black: #000;
    --green: #7fba00;
    --yellow: #ffb900;
    --lightGrey: #ddd;
    --darkgrey: #333;
    --halfWidth: 50%;
    --quarterWidth: 75%;
    --faqBgColor: #fafafa;
    --footerBg: #212121;
    --curved: 6px;
    --rounded: 50px;
    --btnFontSize: 18px;
  --eventRed:#f25022;
  --eventYellow:#ffb900;
--color1:#f34f1c !important;
  --color2:#7fbc00 !important;
  --color3:#01a6f0 !important;
  --color4:#ffba01 !important;
  --color5:#f34f1c !important;
  --color6:#7fbc00 !important;
  
  
}
.speaker_img-src > a {
    display: none !important;
}
.agenda-style-6 .time-box {
    flex-direction: row;
    align-items: start !important;
    justify-content: start !important;
}
.agendaDate {
    flex-grow: 1;
    width: 100%;
    line-height: 10px;
    text-align: left;
    font-size: 20px;
}
span.webinar_time {
    text-align: left;
}
.detail-box .speaker {
  
    pointer-events: none;
}

.agenda-style-6  ul.nav.nav-tabs {
    display: none !important;
}
.agenda-style-6 .time-box {
    
    background: var(--color3) !important;
    
}

.coulmn-row .column5:nth-of-type(7){background:var(--color3) !important;}
.coulmn-row .column5:nth-of-type(7) .border-state{border:13px solid var(--color3) !important;}

.banner_video1 {
/* uncomment to fix the height   height: 700px;*/
overflow: hidden;
position: relative;

}
.banner_video1 video {
    object-fit: cover;
    min-height: 1400px;
    height: 100%;
}
.agenda-style-6 .time-box {
    flex-direction: row !important;
    gap: 7px;
}
.agenda-style-6 .time-box > span br {
    display: none;
}
.agenda-style-6 .time-box > img {
    display: none;
}


.slider_content1 {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
background-color: rgba(0, 0, 0, .4);
}

  



.section.registration-form .row.row-content {
    padding: 0;
}



.section.registration-form .container.full-page-container {
    max-width: 100%;
    padding: 0;
}

.section.registration-form .full-page-container .col-lg-12 {
    display: block !important;
    min-height: unset !important;
}

.section.registration-form .col-lg-12 {
    display: block !important;
    min-height: unset !important;
}






/* General-------------------------- */

a {
    color: var(--mainThemeColor);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--eventFont);
}
.session-detail p,.session-detail span {
    font-family: var(--eventFont) !important;
  color:#000 !Important;
}
.agenda-design11-speaker .agenda-row h3 {
    background: #239691 !important;
}
.agenda-design11-speaker .agenda-row .agenda-col:last-child {
    border-left: 6px solid #239691!important;
}
@media (min-width: 1200px) {
    .container {
        width: 1300px;
        max-width: 1300px;
    }
}

body {
    font-family: var(--eventFont);
    font-size: var(--eventFontSize);
    color: var(--eventFontColor);
    line-height: 26px;
}

body .header-content .container {
    max-width: 100%;
    width: 100%;
    padding: 0px;
}

body .header-content {
    position: relative;
}

.simple-section {
    padding: 100px 0px;
}

.coloredBg {
    background: var(--mainThemeColor);
    background-image: -webkit-linear-gradient(left, var(--mainThemeColor) 0%, var(--mainThemeColor2) 100%);
    background-image: linear-gradient(to right, var(--mainThemeColor) 0%, var(--mainThemeColor2) 100%);
}

.whiteText * {
    color: var(--white);
}

.whiteText a:hover,
.whiteText a:focus {
    color: var(--yellow);
}

h4.form-heading {
    font-size: 0px;
}

body p:first-of-type {
    margin: 0px;
}



.banner_video {
    /* uncomment to fix the height   height: 700px;*/
    overflow: hidden;
    position: relative;
}






.slider_content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    background-color: rgba(0, 0, 0, .4);
}

@media (max-width: 767px) {

    .banner_video1 video {
    height: 300px; /* Adjust height for tablets and mobile */
    min-height: 300px;
  }
    .slider_content {
        position: relative;
        height: auto;
        background-color: var(--mainThemeColor2);
        text-align: center;
    }

    .banner_video {
        height: auto;
    }
}





.hero {
    /* background-image: url(https://vepimg.b8cdn.com/uploads/vjfnew/8714/content/files/1694177704banner-jpg1694177704.jpg);
    background-size: cover;
    background-repeat: no-repeat;*/
    position: relative;

}

.hero-wrap {
    padding: 100px 0;
    z-index: 1;
    position: relative;
}



#event-info {
    margin-top: 140px;
}

#event-info h1 {
    text-align: left;
    color: #FFF;
    font-weight: bold;

}

#event-info h1 span {
    font-weight: 400;
    color: #FFF;

}

#event-info p {
    color: #FFF;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
    margin: 30px 0;
}

.event-dates-wrap {
    /* position: absolute;
    width: 100%;
    bottom: -270px;
    text-align: right;*/

    position: relative;
    margin-top: -500px;
    z-index: 1;
}

.event-dates-box-row {
    display: flex;
    justify-content: flex-end;
}

.event-date-box {
    width: 500px;
    position: relative;
}

.dates-content {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 55%;
    padding-left: 36px;
}

.dates-content h4 {
    font-size: 18px;
    letter-spacing: 2px;
    color: #FFF;
}

.dates-content a {
    text-decoration: underline;
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
}


/* Event Logo----------------------------------- */
.event-logo img {
    margin: 5px 0;
   width: 240px; 
}

/* Main Navigation------------------------------ */
#main-nav {
    padding: 0px;
    display: flex !important;
}

#main-nav .navbar-nav {
    flex-direction: row;
    justify-content: end;
    flex-grow: 1;
}

#main-nav a {
    color: var(--mainThemeColor);
    font-size: 16px;
    padding: 13px 15px;
    font-weight: 500;
}

#main-nav a.button {
    margin-left: 10px;
    min-width: 145px;
}

#main-nav a:hover,
#main-nav a:focus {
    color: #000;
    text-decoration: none;
}

.fullWidthNav .container {
    max-width: 100%;
    width: 100%;
}

.header-content .row {
    display: flex;
    align-items: center;
    flex-wrap: initial;
justify-content: space-between

}

.header-content nav {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-left: 0px;
    padding-right: 0px;
}

#main-nav .navbar-nav li {
    margin-bottom: 0px;
}

.stickyNav {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 55;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    background: #FFF;
}

.header-content.sticky.stickyNav .event-logo img {
    margin: 4px 0;
    width: 250px;
}

#main-nav .navbar-nav li.active a {
    color: var(--mainThemeColor);
    text-decoration: none;
}

.navClose {
    display: none;
}

.navbar-toggle {
    margin-right: 0px;
    background: var(--mainThemeColor);
    border-radius: 6px;
}


.navbar-toggle {
    /*Set to 0 if Accessibility Feature not added*/
    /* margin-right: 42px;
    background: var(--mainThemeColor);
    border-radius: 6px; */
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--white);
}

/* buttons------------------------------- */

.button {
    border: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
}

.button-primary {
    background-color: var(--mainThemeColor);
    color: #FFF;
    padding: 12px 20px;
    transition: all 0.5s ease;
}

.button-primary:hover,
.button-primary:focus {
    color: #FFF;
    text-decoration: none;
    transform: scale(1.1);
}

.button-green {
    background-color: var(--green);
    color: #FFF;
    padding: 12px 20px;
    transition: all 0.5s ease;
}

.button-green:hover,
.button-green:focus {
    color: #000;
    background-color: #FFF;
    text-decoration: none;
    transform: scale(1.1);
}

/* about */

#about {

    /*background-image: url(https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1683111320about-pattern-3-png1683111320.png);
    background-size: 500px;
    background-position: top right;
    background-repeat: no-repeat;*/
    position: relative;
}

.about-pattern-2 {
    position: absolute;
    left: 0;
    bottom: -300px;
    width: 60%;
    z-index: -1;
}

.about-content-wrap {
    position: absolute;
    right: 0;
    top: 210px;
  /*  background-color: #eeeeee; */
    width: 50%;
}

.about-content-wrap.about-host {
    left: 0;
    top: -80px;
    width: 55%;
}

.about-content-wrap.about-host img {
    right: -30px;
    left: unset;
}


.about-content-wrap img {
    position: absolute;
    left: -72px;
    top: 0;
    height: 100%;
}


.icon-palm {
    position: absolute;
    right: 4%;
    top: 5%;
    width: 160px;
    z-index: 1;
}

img.img-bonus {
    width: 174px;
    position: absolute;
    right: -122px;
    bottom: -86px;
}

.about-content {
    padding: 100px 100px 50px 65px;
}

.about-content .item {
    margin-bottom: 50px;
    position: relative;
    color: var(--mainThemeColor);
}

.about-content .item h4 {
    font-weight: bold;
    font-size: 22px;
}

.about-content .item p {
    font-weight: 400;
    font-size: 18px;
    color: #000;
}

.about-content .item ul li {
    font-weight: 400;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
}


.about-content-wrap .main-title {
    margin-top: 83px;
}

.about-content-wrap.about-host .main-title {
    margin-top: -40px;
}

.main-title {
    font-size: 140px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: var(--mainThemeColor2);
}

.main-title.small {
    font-size: 100px;
    line-height: 82px;
}

.main-title.x-small {
    font-size: 50px;
    line-height: 59px;
}

/* Locations  */

.locations {
    position: relative;
    padding-top: 0;
}

.title-row {
    display: flex;
    align-items: flex-end;
}


.about-pattern-location {
    position: absolute;
    bottom: -200px;
    z-index: -1;
}

.date-item {
    background-color: var(--mainThemeColor);
    padding: 50px 20px;
    margin-bottom: 25px;
    /* background-image: url(https://vepimg.b8cdn.com/uploads/vjfnew/9332/content/files/1683111320datesbg-png1683111320.png); */
    background-size: cover;
    text-align: center;
    color: #FFF;
}

.date-item h4 {
    font-size: 41px;
    font-weight: bold;
}

.date-item img {
    width: 140px;
}


#host {
    padding-top: 100px;
    position: relative;
}

.host-pattren {
    position: absolute;
    left: -400px;
    bottom: -100px;
    z-index: -1;
}

.shape-circle {
    position: absolute;
    right: 18%;
    top: -42%;
    z-index: 1;
}

.location-item {
    background-color: var(--mainThemeColor);
    position: relative;
}

.location-item .location-title {
    position: absolute;
    top: 0;
    right: 0;
    width: 90%;
    background-color: var(--eventFontColor);
    color: #FFF;
    padding: 20px 30px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.location-item .location-title h2 {
    font-size: 40px;
    margin: 0;
}

.location-item .location-title p {
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
}

.location-item .thumb .intersection {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.location-item .location-detail {
    /* padding: 80px; */
    padding: 0;
}

.location-item .location-detail p {
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
}

.location-item .location-detail ul {
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
}

.location-item .location-detail ul li {
    margin-bottom: 10px;
}

/*Registration Form---------------------*/
input[type="file"] {
    width: 40%;
}

.reg-form-wrap h3 {
    font-size: 28px;
    font-weight: bold;
    margin: 20px auto;
    max-width: 850px;
    color: var(--eventFontColor);
}
.reg-form-data .col-12 input[type=submit]{
    background-color: #ffb900 !important;
    border-color: #ffb900 !important;
}

.reg-form-data{
    background-color: #00a4ef !important;
}
.custom-col-1 .control-label{
    color: #fff !important;
}
.col-12.order-change div label{
      color: #fff !important;
}

.page-heading {
    height: 1px;
}
.col-12.order-change div label a{
    color: #fff !important;
    text-decoration: underline;
}

form input[type=submit] {
    background: var(--mainThemeColor);
    border-color: var(--mainThemeColor);
    border-radius: var(--rounded) !important;
}

.reg-form-data .col-12 input[type=submit]:hover,
.reg-form-data .col-12 input[type=submit]:focus {
    background: var(--darkgrey);
}

.reg-form-data input::file-selector-button {
    background: var(--mainThemeColor) !important;
}

.nw-frm-bldr .reg-form-data {
    box-shadow: 0px 2px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    border: 1px solid #dedede;
    margin-bottom: 30px;
}

.nw-frm-bldr .control-label {
    font-size: var(--smallText);
    font-family: var(--eventHeadingFont);
    color: var(--eventFontColor);
}

.reg-form-data .form-control {
    font-size: var(--smallText);
    font-family: var(--eventFont);
    color: var(--eventFontColor);
}

.nw-frm-bldr.reg-form-wrap .row .col-12,
.row.row-content div .container-fluid {
    padding: 0;
}


/*Thank you page-----------------------*/
.thanksWrapper {
    text-align: center;
    max-width: var(--halfWidth);
    margin: 20px auto;
    box-shadow: 0px 2px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    border: 1px solid #dedede;
    padding: 30px 50px 50px;
    width: 100%;
    max-width: 90%;
}

.thanksWrapper span {
    display: block;
    font-size: 22px;
    font-weight: 400;
}

.thanksWrapper p {
    margin-top: 30px;
}

.full-page-container .col-lg-12 {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.row-content {
    padding: 10px 0px;
}

/* Login Modal----------------------- */
#LoginModal h4,
#forgot-pwd-modal h4 {
    font-size: 20px;
}

#LoginModal .modal-header,
#forgot-pwd-modal .modal-header {
    background: var(--mainThemeColor);
}

#login-footer a,
#login-footer button,
#reset-pwd-frm a,
#reset-pwd-frm button {
    background: var(--mainThemeColor);
    font-family: var(--eventFont);
}

#login-footer .btn-default,
#reset-pwd-frm .btn-default {
    background: var(--white);
}

#login-footer .btn-darkgrey,
#reset-pwd-frm .btn-darkgrey {
    color: var(--white);
}

#login-footer .btn-default,
#reset-pwd-frm .btn-default {
    border-color: #ccc;
}

#login-footer .col-sm-8 .btn-darkgrey,
#reset-pwd-frm .btn-darkgrey {
    border-radius: var(--rounded) !important;
    font-family: var(--eventFont);
}

#LoginBtn {
    font-size: var(--smallText);
    padding: 6px 12px;
}

.modal .modal-dialog {
    max-width: initial;
}

#login-footer .row .col-sm-4 {
    max-width: initial;
    flex: 33%;
    order: 2;
}

#login-footer .btn,
#reset-pwd-frm .btn {
    border-radius: var(--rounded);
}

#login-footer .btn:hover,
#reset-pwd-frm .btn:hover {
    background: var(--darkgrey) !important;
    color: var(--white) !important;
}

#reset-pwd-frm label,
#LoginModal label {
    font-family: var(--eventHeadingFont);
}

#reset-pwd-frm input,
#LoginModal input {
    font-family: var(--eventFont);
}


/* Countdown Timer---------------------------- */
.countdown-container {
    text-align: center;
    margin-top: -50px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 15px;
    padding: 0px 29px 0px 15px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
}

#clockdiv {
    font-family: var(--eventHeadingFont);
    color: #fff;
    display: flex;
    margin-bottom: 50px;
    font-weight: 700;
    text-align: center;
    font-size: 36px;
}

#clockdiv .smalltext {
    color: #fff;
    font-size: 15px;
    border: 0 !important;
}

#clockdiv div {
    background: none;
    position: relative;
    border: 1px solid rgba(255, 255, 255, .2);
    /* margin-right: 20px; */
}

/*#clockdiv div::before {
    content: ":";
    color: var(--lightGrey);
    position: absolute;
    right: -22px;
    top: 50%;
    transform: translateY(-60%);
}*/

#clockdiv div:last-child::before {
    content: "";

}

/* About section -------------------------------------- */
.main-intro {
    max-width: 75%;
    text-align: center;
    margin: auto;
}

.main-intro strong {
    margin-bottom: 25px;
    font-size: 20px;
    display: block;
}


/* FAQs Section------------------------------------------- */

.faq {
    background: #EEE;
}

.faq .panel {
    background-color: transparent;
    padding: 18px 10px;
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}


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

.faq h4.panel-title a {
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    line-height: 24px;
    color: var(--mainThemeColor);
    font-family: var(--eventHeadingFont);
    font-weight: 700;
    text-transform: none;
    font-size: 18px;
}

.faq .panel-collapse {
    text-decoration: none;
    cursor: pointer
}

.faq .panel-collapse .panel-body {
    width: 100% !important;
    padding-bottom: 0;
    border: none !important;
    padding-top: 9px;
    font-size: var(--eventFontSize) !important;
    font-family: var(--eventFont) !important;
    line-height: 24px !important;
    color: var(--eventFontColor) !important
}

.faq .panel-title a:before {
    float: right !important;
    font-family: 'Font Awesome 5 Free';
    content: "\f068";
    padding-right: 5px;
    font-size: 19px;
    color: var(--mainThemeColor);
    position: absolute;
    right: 0;
}

.faq .panel-title a.collapsed:before {
    float: right !important;
    content: "\f067";
}

.faq .panel-title a:hover,
.faq .panel-title a:active,
.faq .panel-title a:focus {
    text-decoration: none;
}


.cus-accordian .panel-default .panel-heading+.panel-collapse .panel-body {
    padding: 20px 0 0 0;
}

.faq p {
    text-align: left;
    font-family: var(--eventFont);
    font-size: 16px;
    line-height: 25px;
    color: #333;
}

.faq ul li {
    text-align: left;
    font-family: var(--eventFont);
    font-size: 16px;
    line-height: 25px;
    color: #333;
}


/* Why Attend section------------------------------------ */
#whyAttend {
    padding-top: 80px;
}

#whyAttend .main-title {
    margin-bottom: 60px;
}

#whyAttend .headingOverlayText {
    color: var(--overlayHeadingTextColor2)
}

#whyAttend li i {
    color: var(--yellow);
}

.whiteText .main-title span {
    color: var(--yellow);
}



/* Agenda-------------------------------------------- */

/*Sponsors Section----------------------------------------*/

#sponsors {
    background-image: url('https://vepimg.b8cdn.com/uploads/vjfnew/10023/uploads/vjf/content/misc/1698410608image-20231027-111436.png');
    background-repeat: no-repeat;
    background-size: cover;
}

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

.logos-list img {
    display: inline-block;
    width: 100%;
    height: auto;
    max-width: 250px;
    margin: 5px;
    padding: 5px;
    border: solid 1px #eee;
    transition: all 0.2s ease;
}

.logos-list img:hover {
    box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);
}


/* FAQs Section------------------------------------------- */




/* Footer----------------------------- */
footer {
    background: #222;
    padding: 50px 0px;
    position: relative;
    border-top-color: #222;
}

.footer-links li {
    display: inline-block;
    position: relative;
}

.footer-links li:after {
    content: "|";
    margin: 0px 5px 0px 12px;
}

.footer-links li:last-child::after {
    margin-right: 0px;
    content: "";
}

footer a {
    color: #F27B3C;
}

footer p {
    text-align: center;
    margin-bottom: 40px;
    line-height: 21px;
    font-size: 15px;
}

footer p strong {
    display: inline-block;
    margin-bottom: 6px;
}

footer a {
    color: #FFF;
}

.footer-social {
    margin-bottom: 20px;
}

.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid white;
    margin: 10px;
}

.footer-social a:hover,
.footer-social a:focus {
    background-color: var(--mainThemeColor);
    color: #FFF;
    text-decoration: none;
}

.socialIcons {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

.socialIcons li {
    display: inline-block;
    padding-right: 10px;
}

.socialIcons li:last-child {
    padding-right: 0px;
}

.socialIcons li a {
    font-size: 20px;
    color: var(--white);
    text-decoration: none;
}

.socialIcons li a:hover i {
    color: var(--mainThemeColor);
}

/*Top to the Page button---------------*/
#top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: var(--white);
    width: 50px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    padding-top: 5px;
    z-index: 45;
    display: none;
    background-color: var(--mainThemeColor);
    font-size: 24px;
    padding-top: 13px;
    border-radius: 5px;
}

#top:hover,
#top:focus {
    background-color: var(--darkgrey);
}


/*Accessibility Features---------------*/
.btn.btn-access.slide {
    position: absolute;
    z-index: 45;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    background: var(--darkgrey);
    right: 12px;
    top: 46px;
    text-align: center;
    padding: 5;
}

.btn.btn-access.slide:hover {
    background: var(--mainThemeColor);
}

.accsess_tray {
    display: block;
    position: fixed;
    right: 10px;
    background-color: var(--white);
    top: 110px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 4px;
    box-shadow: 0px 0px 8px rgba(, 0, 0, 0, 0.2);
}

.accsess_tray #readspeaker_button1,
.accsess_tray .hall-wrap .rsbtn {
    right: -34px;
}

.accsess_tray .rsexpanded span {
    margin: 0;
}

.accsess_tray .rsexpanded span.rsbtn_text {
    margin: 5px 0 0 6px;
}

.accsess_tray .rsexpanded .rsbtn_progress_container.rsimg {
    margin: 7px 0 0 5px;
}

.accsess_tray .rsexpanded .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_icon.rsimg {
    display: inline-block;
}

.accsess_tray svg path {
    fill: var(--mainThemeColor);
}

.accsess_tray .btn-tray {
    padding: 6px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 15px !important;
    line-height: normal;
    display: flex;
    align-items: center;
    margin-right: 5px;
    background: rgba(var(--mainThemeColor-rgb), 0.1);
    color: var(--mainThemeColor);
}

.accsess_tray .btn-tray:last-child {
    margin-right: 4px;
}

.accsess_tray .btn-tray.btn:hover {
    opacity: 0.9;
}

.accsess_tray .btn-tray svg path {
    fill: var(--mainThemeColor);
}

.accsess_tray span {
    margin-right: 8px;
}

.accsess_tray .btn-close-access {
    text-align: center;
    padding: 8px 8px;
    background: transparent;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

#accessibility-fade-in {
    width: 1px;
    opacity: 0;
    transition: all 0.75s ease;
    z-index: 5;
}

#accessibility-fade-in.show {
    opacity: 1;
    width: 262px;
    display: flex !important;
}

.cars-images {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.cars-images li {
    width: 25%;
}

.fixed-div {
    position: sticky;
    top: 60px;
    /* position at top of parent container */
}

/*speakers */

#speakers {
    position: relative;
}

.shape-speakers-title {
    position: absolute;
    width: 100%;
    top: 40%;
    left: 0;
}

.speaker-item {
    text-align: center;
    color: var(--mainThemeColor);
   cursor: pointer;
  
}
.speaker-item img:hover {
    box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);
    transform: scale(1.1);
}
.speaker-item img {
    width: 230px;
    height: 230px;
    border-radius: 50%;
  border: 6px solid #176393;
      transition: all ease 0.2s;
  

}

.speaker-item h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 700;
}

.speaker-item p {
    font-size: 15px;
    font-weight: 500;
    max-width: 262px;
    margin: 12px auto;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.4);
}

@media screen and (min-width: 1060px) {
    .banner_video {
        height: 700px;
    }

}

@media (max-width: 767px) {
    .slider_content1 {
position: relative;
height: auto;
}

.banner_video1 {
height: auto;
}

   .location-detail .footer-social a{
        width: 40px;
    height: 30px !important;
    }

    iframe {
        width: 100%;
        height: auto;
    }

    .hero-wrap {
        padding: 0;
    }



    #main-nav {
        position: fixed;
        top: 0;
        left: 0px;
        z-index: 55;
        background: rgba(0, 0, 0, 0.9);
        width: 100%;
        height: 100%;
        text-align: center;
        align-items: center;
        justify-content: center;
        display: none !important;
    }

    #main-nav .navbar-nav {
        flex-direction: column;

    }

    #main-nav .navbar-nav {
        flex-direction: column;
        flex-grow: initial;
    }

    .navClose {
        position: absolute;
        top: 15px;
        right: 20px;
        color: var(--white);
        font-size: 22px;
        font-family: 'Poppins';
        border-radius: 100%;
        width: 40px;
        height: 40px;
        border: 2px solid var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #main-nav.in {
        display: flex !important;
    }

    #main-nav a {
        color: var(--white);
        font-size: 18px;
        padding: 18px 15px;
    }

    #event-info {
        margin-top: 20px;
    }


    #event-info h1 {
        font-size: 36px;
        text-align: center;
    }

    #event-info h1 span {

        font-size: 22px;
    }

    .event-date-box {
        width: auto;

    }

    #clockdiv {
        justify-content: center;
    }

    #clockdiv div {
        margin-right: 4px;
    }
    .dates-content h4 {
        font-size: 14px;

    }


    .about-content-wrap {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
    }


    .about-content {
       /* padding: 30px;*/
      padding: 30px 0;
    }


    .about-content-wrap img {
        display: none;
    }

    .dates-content a {
        display: none;
    }

    .main-title {
        font-size: 56px;
        text-align: center !important;
    }

    .main-title.x-small {
    font-size: 19px;
    line-height: 26px;
}

.cars-images li {
    width: 50%;
}

    img.img-bonus {
        display: none;
    }

    .main-title.small {
        font-size: 56px;
        line-height: 63px;
    }

    .title-row {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
    }


    .title-row img {
        width: 50px;
        display: none;
    }

    .locations {

        padding-top: 0;
        padding-bottom: 0;
    }


    #host {
        padding-top: 50px;

    }

    .shape-circle {
        position: relative;
        right: 0;
        top: 0;
        z-index: 0;
        display: block;
        margin: 0 auto 30px auto;
        width: 55px;
    }



    #LoginBtn {
        margin-top: 12px;
    }


    .fixed-div {
        position: relative;
        top: 0;
       /* display: flex;
        justify-content: space-between;*/
    }

    .date-item img {
        width: 128px;
    }


    .location-item .location-title {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        flex-direction: column;
    }

    .location-item .location-title img {
        display: none;
    }


    .location-item .location-title h2 {
        font-size: 40px;
        margin: 0;
    }

    .location-item .location-title p {
        font-size: 16px;

    }


    .location-item .location-detail {
        padding: 20px;
    }

    .location-item .location-detail p {

        font-size: 16px;
    }

    .location-item .location-detail ul {
        font-size: 16px;
    }


    .about-pattern-location {
        display: none;
    }

    .about-content-wrap.about-host {
        left: 0;
        top: 0;
        width: 100%;
    }

    .about-content-wrap.about-host .main-title {
        margin-top: 0;
        padding-top: 30px;
        font-size: 44px;
    }

    .speaker-item {
        margin-bottom: 40px;
    }

    input[type="file"] {
        width: 100%;
    }

    .modal .modal-dialog {
        width: 95% !important;
    }

    .modal-footer .btn+.btn {
        margin-left: 2px;
    }

    #login-footer .row {
        flex-direction: column;
    }

    #login-footer .row .col-sm-4 {
        order: 1;
    }

    #login-footer .row .col-sm-8 {
        order: 2;
    }

    #login-footer .col-sm-8 {
        padding-left: 2px;
        padding-right: 2px;
    }

    form input[type=submit] {
        width: 100% !important;
    }

    .reg-form-data input::file-selector-button {
        background: var(--mainThemeColor) !important;
    }
}


@media (max-width: 480px) {

 .banner_video1 video {
    min-height: 200px;
    height: 200px; /* Further reduce for small phones */
  }

}

.about-content p {
  color: #176393 !important;
}
.location-item .footer-social .faicon {
    color: #fff;
  }
  .location-item .footer-social .faicon:hover ,  .location-item .footer-social .faicon:focus{
    background: #fff;
    color: var(--mainThemeColor);
  }
  .location-item  .footer-social{
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
  }
.pb-0 {
  padding-bottom: 0;
}



.about-content p {
    font-size: 22px !important;
    line-height: 1.5;
}
#location section.agenda-design11-speaker .main-title {
    display: none;
}
#location section.agenda-design11-speaker .nav-tabs li.active a {
    background: var(--mainThemeColor2) !important;
}
span.webinar_time::after {
    content: 'PST';
    display: block;
    font-style: italic;
}
h2#fld_1491009 {
    margin-top: 20px;
    text-align: center;
    color: #fff;
}