@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@300;500;800&display=swap");
@font-face {
  font-family: 'Poppins ExtraBold';
  src: url('https://pm1-31ef.kxcdn.com/fonts/Poppins-ExtraBold.ttf?62093333');
}
@font-face {
  font-family: 'Poppins Bold';
  src: url('https://pm1-31ef.kxcdn.com/fonts/Poppins-Bold.ttf?6209331233');
}

@font-face {
  font-family: 'Poppins ExtraLight';
  src: url('https://pm1-31ef.kxcdn.com/fonts/Poppins-ExtraLight.ttf?62093333');
}
@font-face {
  font-family: 'Poppins Regular';
  src: url('https://pm1-31ef.kxcdn.com/fonts/Poppins-Regular.ttf?62093333');
}
html, body {
    height: 100%;
    font-family: 'Poppins', sans-serif;
}

/* CORE CSS */

.text-white {
    color: #ffffff;
}

.form-control {
    border-radius: 0;
}

.no-padding {
    padding: 0;
}

.landing {
    background-image: url('https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1646987440/techhr/Final-TechhR-Common3.png');
    background-size: cover;
    background-position: top;
    height: 100%;
}
.d-none {
    display: none;
}

@keyframes virtual {
    0% {
        box-shadow: 0 0 0 0 #161654;
    }
    50% {
        box-shadow: 0 0 5px 0 #161654;
    }
    100% {
        box-shadow: 0 0 0 0 #161654;
    }
}

.entrance {
    margin-top: 20px;
    height: 260px;
    position: relative;
}

.entrance .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: RGBA(0,0,0, 0.4);
}

.door-name {
    position: relative;
    z-index: 10;
    background-color: #F04F61;
    padding: 10px;
}

.door-description {
    position: relative;
    z-index: 11;
    color: #fff;
    margin-top: 60px;
}

/* Context section */

.context-section,
.context-section .about-section {
    background-color: #f8b900;
    color: #000000;
}

.section-workshop-home .about-section {
    background-color: #29c2c7;
    color: #ffffff;
}

.section-context-home .context-section {
    background: url(https://res.cloudinary.com/people-matters/image/upload/q_auto,f_auto/egallery/techhr17/A16I5104_1_ppktbw.jpg) no-repeat left top #f8b900;
    background-size: auto 100%;
}

.context-section .about-section {
    padding: 30px 50px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
}

.section-workshop-home .context-section,
.section-workshop-hero {
    background: url(https://res.cloudinary.com/people-matters/image/upload/w_1920,f_auto,q_auto/v1558360577/techhr/workshops-hero-image.png) no-repeat left top #23201F;
    background-size: cover;
}

.section-startup-hero {
    background: url(https://res.cloudinary.com/people-matters/image/upload/w_1920,f_auto,q_auto/v1558946348/techr/startup_bg_img.png) no-repeat left top #23201F;
    background-size: cover;
}

.singapore-door {
    background-image: url("https://res.cloudinary.com/people-matters/image/upload/w_550,h_398,f_auto,q_auto/v1535719160/techr/marina_bay_singapore_ha3v25.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 4px 7px 12px #0d4db94d;
}

.india-door {
    background-image: url("https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1535719153/techr/the_leela_gurgaon_zxjycn.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 4px 24px 12px #404e634d;
}

.rhs-scroll-btn {
    text-decoration: none;
    transform: rotate(90deg);
    position: fixed;
    right: 0;
    top: 60%;
    transform-origin: right top;
    padding: 8px 20px;
    background-color: red;
    z-index: 100;
    color: #fff;
    font-weight: bold;
}
.rhs-scroll-btn:hover {
    text-decoration: none;
    color: #FFFFFF;
}

.bottom-strip {
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 40px;
    font-size: 16px;
    left: 0;
    right: 0;
    padding-top: 6px;
    z-index: 2000;
    color: #fff;
    font-weight: bold;
    background-image: linear-gradient(to right, #cf4753, #172750);
}

.bottom-strip span {
    margin-left: 16px;
    margin-right: 16px;
}

.bottom-strip .btn {
    padding: 4px 10px;
}

.d-inline-block {
    display: inline-block !important;
}

.section-heading {
    font-size: 42px;
    font-weight: 300;
}

.about .section-heading {
    color: rgb(93, 93, 93);
}

.brochure-floating {
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 110;
    font-size: 14px;
    line-height:1.12;
    font-weight:bold;
}

.btn-custom {
    background-color: #f8b900;
    color: #000;
}

.btn-startup {
    background-color: #000;
    color: #f8b900;
}

.btn-primary {
    background-color: #161654;
    border-color: #161654;
}

.btn-startup:hover {
    color: #fff;
}

#intro {
    height: 100%;
    background-color: #F04F61;
    background: url(https://res.cloudinary.com/people-matters/image/upload/q_auto,f_auto/v1533396969/techr/08-2018-landing-page.jpg) center center no-repeat fixed #F04F61;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#intro-sp {
    background-image: none;
}

#intro-video {
    padding-top: 58px;
    height: 580px;
    position: relative;
    /*background: url("https://res.cloudinary.com/people-matters/image/upload/v1551895082/techhr/landing_page_desktop.jpg") center center no-repeat fixed;*/
}

#intro-video-sp {
    height: 100%;
}

#intro-video-home {

}
.center-text {
    font-size: 35px;
    font-family: Poppins ExtraBold;
}
.date-container {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 51%;
}
.bottom-text-content {
    position: absolute;
    width: 100%;
    bottom: 1%;    
}
.bottom-background {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url('https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1646901987/ta_sea/bottom-strip.png');    
}
.vid-wrapper {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #383838;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
}

.vid-wrapper-home {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #383838;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url('https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1646890309/techhr/Final-TechhR-Common.png');
}

.front-overview, .front-overview-sp {
    position: absolute;
    top: 0%;
    left: 10%;
    right: 10%;
    color: #ffffff;
    font-size: 1.5em;
    line-height: 1.3;
    text-align: center;
}

#intro-video .bg {
    width: 100%;
    max-width: initial;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.4;
}

#intro-video .fg {
    position: absolute;
    bottom: 20px;
    left: 10%;
}

#intro-video video {
    width: 100%;
    height: auto;
}



/* NAVBAR */

.navbar-custom {
    background-color: #ffffff;
    margin-bottom:0;
    border-radius:0;
    z-index:1041;
    width:100%;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.navbar-custom.sticky {
    box-shadow: 0 0 12px 1px #ccc;
}

.navbar-custom a {
    color:#000000;
}

.navbar-custom .icon-bar {
    background:#fac42b;
}

.sticky-wrapper {
    position:absolute;
    width:100%;
}

.sticky-wrapper a {
    color:#000000;
}

.is-sticky .navbar-custom {
    width:100%;
    background:#ffffff;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.is-sticky a {
    color:#000000;
}

.navbar-custom .navbar-nav > li > a {
    transition: all ease-in-out .3s;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}

.navbar-custom .navbar-nav > li.active > a,
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:active,
.navbar-custom .navbar-nav > li > a:focus {
    /*color:#FE0044;*/
    color: #29c2c7;
    background-color:#f5f5f5;
    font-weight: 700;

}

.navbar-custom .navbar-nav > li > a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(41, 194, 199, 0.3);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
    -moz-transition: opacity 0.3s, -moz-transform 0.5s;
    transition: opacity 0.3s, transform 0.5s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}

.navbar-custom .navbar-nav > li.active > a::after,
.navbar-custom .navbar-nav > li > a:hover::after,
.navbar-custom .navbar-nav > li > a:active::after,
.navbar-custom .navbar-nav > li > a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

section, .section {
    padding: 50px 0;
}

section:first-of-type,
.section:first-of-type {
    padding-top: 61px;
}

/* Show off Section */

.show_off,
.singapore-desc {
    background-color: #29c2c7;
    height: 20%;
    padding: 30px 0;
    max-height: 400px;
}

.show_off {
    padding-top: 30px;
    /*background: url("https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1563449111/techhr/techhr_landing_bg.png") center center no-repeat;*/
    background-size: cover;
}

.singapore-desc {
    background-color: #ffffff;
}

/* Show off and Media buzz section combo */

.show_off span.numbers,
.media-buzz span.numbers {
    color: #ffffff;
    display: block;
    text-align: center;
}

.highlights span.numbers {
    color: #ffffff;
    display: block;
    text-align: left;
    font-weight: bold;
}

.show_off span:last-child,
.media-buzz span:last-child,
.highlights span:last-child {
    color: #fff;
    line-height: 1;
    display: block;
    text-align: center;
}

.highlights span:last-child {
    color: #FFFFFF;
    font-weight: bolder;
    text-align: left;
}

.media-buzz span.numbers {
    color: #fff;
}

.show_off span.numbers,
.media-buzz span.numbers,
.highlights span.numbers {
    font-size: 2.2em;
    font-weight: bold;
}

/* Countdown */
[data-countdown] span {
    display: inline-block;
    width: 20%;
    font-size: 3em;
    /*color: #999999;*/
    color: #161654;
    text-align: center;
    line-height: 1.3;
}

[data-countdown] small {
    font-size: .6em;
    /*color: #dddddd;*/
    color: #FF0247;
    display: block;
    line-height: 1;
}

/* 2 for 1 */
#get241 .alert-success {
    color: #FE0044;
    background-color: #FFD7E2;
    border-color: #FE0044;
    border: 0 none;
    border-left-width: 0px;
    border-left-style: none;
    border-left-color: currentcolor;
    border-left: 30px solid;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 0;
}

#get241 .text-danger {
    color: #FE0044;
}

/* Media Buzz */

.media-buzz {
    background-color: #000000;
    background-image: url(https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1559638874/techhr/media_buzz_bg_img_k3w3xh.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.media-buzz span,
.media-buzz .section-heading {
    color: #f8b900;
}

.media-buzz span.about {
    font-weight: bold;
}

.media-buzz .f9dcv {
    margin-top: 40px;
}

/* Highlights */

.highlights {
    background-color: #fff;
    background-image: url("https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1535990881/techr/techhr_event_gtz4vy.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    height: 500px;
}

.highlights span, .highlights .section-heading {
    color: #FFFFFF;
}

.highlights span.about {
    font-weight: bold;
}

.highlights .f9dcv {
    margin-top: 40px;
    height: 100px;
}

/* Customize Default Buttons to match with theme */

.btn {
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.5);
    padding: 8px 18px;
    /*color: #fff;*/
    font-weight:bold;
    font-size: 14px;
    text-transform: uppercase !important;
}

.btn-primary {
    background-color: #161654;
    border-color: #161654;
}

.btn-danger {
    background-color: #FE0044;
    border-color: #FE0044;
}

.btn-default {
    color: #000000;
}

.btn-custom {
    background-color: #f8b900;
    color: #000;
}

.btn-black {
    background-color: #000000;
    color: #ffffff;
}

.btn-startup {
    background-color: #000000;
    color: #f8b900;
}

.btn-startup:hover {
    color: #ffffff;
}

.context-section-sp .about-section {
    background-color: #f8b900;
    color: #000;
}

/* Mainly for heading */

.main-white {
    /*font-weight: bold;*/
    /*text-shadow: 1px 2px 2px #333;*/
    margin-bottom: 30px;
}

/* Vision Section */
.visions, .speakers {
    background-color: #ffffff;
    color: #333333;
}

#venue,
#hotels,
.mfp-bg,
.speakers {
    background-color: #ffffff;
}

.speakers img {
    border-radius: 12px;
}

#spotlightmentors {
    border-bottom: 2px solid #e7e6e6;
}

.visions .sessions {
    margin-top: 30px;
}

.visions .feature {
    padding: 10px;
    margin-top: 6px;
}

.mb {
    border-bottom: 2px solid #BEBEBE;
    padding-bottom: 40px;
}

/* Speaker section */

/*.speakers .row {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 2rem;
}*/

.speakers [class^="col-"] {
    margin-top: 20px;
}

.speaker-view h4 {
    color: #29c2c7;
}

.speaker-view span {
    display: block;
    font-size: 14px;
}

.trans {
    transition: transform 200ms ease-in-out;
}

.trans:hover {
    transform: scale(1.1);
}

.speakers .trans:hover {
    border-radius: 0;
}

/* Spotlight Section and contact section */

#contact {
    background-color: #F2F2F2;
}

#spotlight, #startup {
    background-color: #161654;
}

#spotlight {
    color: #FFFFFF;
}

#startup {
    background: url(https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1559635754/techhr/startup_bg_img_g348ij.png) center center no-repeat fixed #f8b900;
}

/* SPONSORS */

.sponsors,
#sponsors,
#contact,
#sponsors_new {
    margin: 0;
    padding: 70px 0 90px 0;
    background-color: #ffffff;
}

.sponsors,
#sponsors,
#sponsors_new {
    background-image: url(https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1512496282/bg_image_vhbur5.png);
    background-repeat: repeat-y;
}

#contact {
    background-image: url(https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1512496282/bg_image_vhbur5.png);
    background-repeat: repeat-y;
}

#contact-sp {
    color: #ffffff;
    background-image: url(https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1559645055/techhr/techhr_contact_bg_ubtf2d.png);
    background-position: center center;
}

#contact-sp a {
    color: #fff;
    text-decoration: none;
}

#contact-sp .section-heading {
    color: #000;
}

#spotlight .section-heading, #startup .section-heading {
    margin-top: 0;
}

#contact .section-heading {
    color: #000;
}

.sponsor {
    border:2px solid #fac42b;
    margin:0 5px;
    padding:10px;
    text-align:center;
}
.sponsors {
    text-align: center;
}

.sponsors a {
    display: block;
    text-decoration: none;
}

.sponsors-new .container > div > a {
    text-align: center;
}

.sponsors-new .container > div > a,
.sponsors-new .container > div > img {
    display: inline-block;
    width: 25%;
    vertical-align: top;
}

#sponsors-carousel:first-child {
    margin-left:0;
}

#sponsors-carousel:last-child {
    margin-right:0;
}

#sponsors i {
    color:#fac42b;
}

/* GALLERY */

#gallery {
    padding:70px 0 90px 0;
}

#timeline .item {
    margin:10px 10px 20px 10px;
}

/* GALLERY IMG OVERLAY EFFCET */

.wrap {
    display: block;
    overflow: hidden;
    position: relative;
}

.wrap .overlay:after {
    background: none repeat scroll 0 0 rgba(250, 196, 43, 0.7);
    height: 100%;
    content:"";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -100%;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
}

.wrap:hover .overlay:after {
    top: 50%;
    opacity: 1;
}

.wrap .overlay:before {
    background: none repeat scroll 0 0 rgba(250, 196, 43, 0.7);
    bottom: -100%;
    height: 100%;
    content:"";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
}

.wrap:hover .overlay:before {
    bottom: 50%;
    opacity: 1;
}

.wrap .icon {
    color:#ffffff;
    visibility: hidden;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.wrap:hover .icon {
    opacity: 1;
    visibility: visible;
}

.wrap .icon a {
    color:#ffffff;
}

.wrap .icon a:hover {
    color:#333333;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.section-workshops-enquiry-thankyou,
.section-startups-enquiry-thankyou {
    margin-top: 60px;
    margin-bottom: -60px;
    padding: 30px 0;
}

.section-workshops-enquiry-thankyou h2,
.section-startups-enquiry-thankyou h2 {
    font-size: 42px;
    font-weight: bold;
    color: #FE0044;
}

.section-workshops-enquiry-thankyou p,
.section-startups-enquiry-thankyou p {
    font-size: 18px;
}


.section-workshop-home .about-section {
    background-color: #29c2c7;
    color: #ffffff;
}

.section-workshop-home .context-section,
.section-workshop-hero {
    background: url(https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1592895189/techhr/2020/techhr_certification_masthead.jpg) no-repeat left top #23201F;
    background-size: cover;
}

.section-workshop-hero, .section-startup-hero {
    height: 600px;
    margin-top: 60px;
}
.section-blogger {
    height: 200px;
    margin-top: 60px;    
}
.section-blogger {
    background-color: #37b59d;
    background-size: cover;
}
.blogger-text-center {
    text-align: center;
    vertical-align: middle;
    line-height: 90px;     
    padding-top: 28px;    
}
/*.section-workshop-hero .row > div,
.section-startup-hero .row > div {
    margin-top: 160px;
}*/

.section-workshop-sessions .carousel-inner {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
}

.section-workshop-sessions .carousel-inner a.item {
    display: block;
    overflow: hidden;
}

.section-workshop-sessions .carousel-inner .carousel-caption {
    text-align: left;
    padding: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 18px;
}

.section-workshop-sessions .carousel-inner .carousel-caption * {
    line-height: 1.5;
    margin: 0;
}

.section-workshop-sessions .carousel-inner .item {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.section-workshop-sessions .carousel-inner .item a {
    position: absolute;
    top: 45%;
    left: 34%;
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 6px 20px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    display: none;
}

.section-workshop-sessions .carousel-inner .item:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(8,54,67,0)),to(#110c11));
    background: linear-gradient(180deg,rgba(8,54,67,0),#110c11);
}

.section-workshop-sessions .carousel-inner .item:hover a {
    display: block;
}

/*
Agenda Modal PopUp
*/
#agendaPopup .modal-content {
    background-image: url(https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1547021053/techr/techhr_agenda_popup_bg_racktl.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#agendaPopup input, #agendaPopup select {
    background-color:rgba(0, 0, 0, 0);
    color:white;
    border: 1px solid #fff;
    outline:none;
    border-radius: 4px;
}

#agendaPopup input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

#agendaPopup input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

#agendaPopup input::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}

/* FOOTER */

footer {
    color:#b0b0b0;
    background:#000000;

}

footer h4 {
    color:#f8b900;
    font-weight: bold;
}

footer ul li a {
    color:#ececee;
}

footer ul li a:hover {
    color:#ffffff;
}

footer .button-big {
    font-size:16px;
    width:100%;
}

footer dt {
    color:#ffffff;
    font-size:13px;
    margin-top:7px;
    margin-bottom:3px;
    cursor:pointer;
}

/* Subfooter */

.subfooter {
    color:#999999;
    background:#000000;
    padding:20px 0;
}

.subfooter ul {
    margin-bottom:0;
}

.subfooter li a {
    color:#ececee;
}

.subfooter li a:hover {
    color:#ffffff;
    text-decoration:none;
}


.workshop-gradient:before {
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    height: 14rem;
    position: absolute;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(8,54,67,0)),to(#110c11));
    background: linear-gradient(180deg,rgba(8,54,67,0),#110c11);
    z-index: 1;
}

/* speaker detail */

#speaker-detail {
    background:#ffffff;
    box-shadow: 0px 3px 5px rgba(0,0,0,.1);
}

#speaker-detail h2 {
    margin-bottom:0;
    font-weight: bold;
}

#speaker-detail h2 span {
    font-weight: normal;
}

#speaker-detail img {
    width:100%;
    height:auto;
}

#speaker-detail .lead {
    font-size: 16px;
    color: #999999;
}

#speaker-detail .social li{
    padding-left:5px;
}

#speaker-detail .social a {
    opacity:0.6;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#speaker-detail .social a:hover {
    opacity:1;
}

#speaker-detail .social a .fa-facebook-square{
    color:#3b5998;
}

#speaker-detail .social a .fa-twitter-square{
    color:#00aced;
}

#speaker-detail .social a .fa-linkedin-square{
    color:#007bb6;
}

#speaker-detail .social a .fa-google-plus-square{
    color:#dd4b39;
}

#speaker-detail .mfp-close {
    color:#ffffff;
    background:#262626;
    opacity:1;
}

#speaker-detail li {
    padding-right:1px;
}

.navbar-custom a {
    padding: 5px;
    display: inline-block;
    max-height: 60px;
    height: auto;
}

.navbar-custom a img {
    height: 50px;
    width: auto;
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 400px;
}

.registration {
    background-color: #FFFFFF;
}

.pricing-col-1,
.pricing-col-2,
.pricing-col-3 {
    border-radius: 5px;
    color: #ffffff;
}
.pricing-col-1 .price,
.pricing-col-2 .price,
.pricing-col-3 .price {
    list-style-type: none;
    padding: 0;
    list-style-position: outside;
    padding: 20px;
}

.pricing-col-1 .price li,
.pricing-col-2 .price li,
.pricing-col-3 .price li {
    border-top: 1px solid rgba(237, 225, 225, 0.3);
}

.pricing-col-1 .price li h2,
.pricing-col-2 .price li h2,
.pricing-col-3 .price li h2 {
    margin: 6px 0;
    font-weight: bold;
}

.pricing-col-1 {
    background-color: #cf4753;
}
.pricing-col-2 {
    background-image: linear-gradient(to bottom right, #172750, #cf4753);
}
.pricing-col-3 {
    background: url(https://res.cloudinary.com/people-matters/image/upload/v1537902485/techhr/registration-final-bottom.png) no-repeat 80% 96% #172750;
}

.modal-fixed {
    position: fixed;
    z-index: 100001;
    background: #f5f5f5;
    color: #333;
    padding: .5rem .7rem;
    border: 1px solid #5d5d5d;
    transition: all .2s ease;
    box-shadow: 0 0 10px 5px rgba(0,0,0,.3);
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
}

/*Thankyou page*/
#thank-you {
    background-color: #FFFFFF;
}

#thank-you h3 {
    font-size: 34px;
}

#thank-you p {
    font-size: 16px;
}

.section-workshops-enquiry-thankyou,
.section-startups-enquiry-thankyou {
    margin-top: 60px;
    margin-bottom: -60px;
    padding: 30px 0;
}

.section-workshops-enquiry-thankyou h2,
.section-startups-enquiry-thankyou h2 {
    font-size: 42px;
    font-weight: bold;
    color: #FE0044;
}

.section-workshops-enquiry-thankyou p,
.section-startups-enquiry-thankyou p {
    font-size: 18px;
}

/* Screen XL */
@media only screen and (min-width: 1200px) {
    .speaker-view .media-body {
        padding: 10px 0;
    }
}

/* Screen LG */
@media only screen and (min-width: 992px) {

    .sponsors-new .container > div > a,
    .sponsors-new .container > div > img {
        display: inline-block;
        width: 13%;
        vertical-align: top;
    }

    .sponsors-new .container > div > a img {
        display: block;
        width: 100%;
        height: auto;
    }

    .sponsors-new .container > div.size40 > a,
    .sponsors-new .container > div.size40 > img {
        width: 40%;
    }

    .sponsors-new .container > div.size35 > a,
    .sponsors-new .container > div.size35 > img {
        width: 35%;
    }

    .sponsors-new .container > div.size30 > a,
    .sponsors-new .container > div.size30 > img {
        width: 30%;
    }

    .sponsors-new .container > div.size25 > a,
    .sponsors-new .container > div.size25 > img {
        width: 25%;
    }

    .sponsors-new .container > div.size22 > a,
    .sponsors-new .container > div.size22 > img {
        width: 22%;
    }

    .sponsors-new .container > div.size18 > a,
    .sponsors-new .container > div.size18 > img {
        width: 18%;
    }

    .sponsors-new .container > div.size15 > a,
    .sponsors-new .container > div.size15 > img {
        width: 15%;
    }
}

/* Screen MD */
@media only screen and (min-width: 768px) {
    .navbar-custom a {
        padding: 5px 0;
        display: block;
    }

    .navbar-nav > li > a {
        padding-top: 19px;
        padding-bottom: 19px;
    }

    .news-item {
        height: 500px;
    }

    .vid-wrapper, .vid-wrapper-home {
        height: 100%;
    }

    .vid-wrapper .carousel, .vid-wrapper-home .carousel {
        height: 100%;
    }


    #intro-video .fg {
        position: absolute;
        bottom: 20px;
        left: 10%;
    }

    #speaker-detail .html-popup-desc-content {
        height:230px;
        margin-bottom:15px;
        overflow: auto;
    }

    .glow-shadow a span {
        padding: 6px 14px;
        background-color: #FE0044;
        border-radius: 4px;
        /*font-weight: 700;*/
        /*font-size: 80%;*/
        animation-name: virtual;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        box-shadow: 0 0 0 0 #ffffff;
        transition: all ease-in-out .3s;
    }

    .glow-shadow a span {
        color: #fff !important;
        font-weight: bold;
    }

    .register-now a span,
    .sponsors-nav a span {
        padding: 8px 22px;
        background-color: #f8b900;
        border: 1px solid rgba(23, 39, 82, .2);
        box-shadow: 1px 1px 3px 0 rgba(0,0,0,.5);
        border-radius: 6px;
        line-height: 1.8;
        color: #fff;
    }

    .register-now a span {
        color: #000;
    }

    .sponsors-nav a span {
        background-color: #172752;
        border-color: rgba(254, 0, 68, .5);
    }

    .nav li a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .nav li.register-now a {
        padding-right: 2px;
    }

    .nav li.sponsors-nav a {
        padding-left: 2px;
    }

    .pricing-col-1,
    .pricing-col-2,
    .pricing-col-3 {
        height: 580px;
    }

    .modal-fixed.modal-sm {
        padding: 1rem 1.2rem;
        border-radius: 10px;
        width: 470px;
    }

    .modal-fixed.modal-left {
        top: auto;
        bottom: 2rem;
        left: 2rem;
        right: auto;
    }
}

@media screen and (max-width: 768px) {
    .rhs-scroll-btn {
        display: none;
    }

    .brochure-floating {
        display: none;
    }

    .section-heading {
        font-size: 32px;
    }

    .highlights {
        background-position: 25% center;
    }

    .section,
    section {
        padding: 30px 0;
    }

    .show_off {
        padding-top: 10px;
        height: auto;
        background-image: none;
    }

    #intro-video {
        height: auto;
        padding-top: 51px;
    }

    .front-overview .btn,
    .front-overview h4 {
        display: none;
    }

    .front-overview h3 {
        font-size: 18px;
        font-weight: normal;
    }

    .front-overview img:first-of-type {
        max-width: 100px;
    }

    .front-overview h1, .front-overview-sp h1 {
        font-size: 100%;
    }
    .front-overview-sp h1 {
        margin-top: 22px;
    }

    .front-overview-sp > div {
        margin-top: 38px !important;
    }

    .front-overview-sp {
        position: static;
        margin-top: 20px;
        padding-bottom: 25px;
    }

    .front-overview-sp img:first-of-type {
        margin-top: 42px;
        width: 162px;
    }

    .front-overview-sp p {
        font-size: 22px !important;
        margin-top: 8px;
    }

    #intro-video .fg {
        text-align: center;
    }

    .intro-video-landing {
        background-color: #01183a;
    }

    #intro-video {
        background-image: url("https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1542970637/tint_2_bzwwcp.jpg");
        background-size: cover;
        background-position: center;
    }

    .context-section .img-part {
        display: none;
    }

    .context-section .about-section {
        padding: 0 15px;
    }

    .speakers [class^="col-"] a {
        display: block;
    }

    .speakers [class^="col-"] img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .speakers .dfsafv {
        height: 240px;
    }
    .pricing-col-3 {
        background-image: none;
    }
    .register-mobile {
        display: inline-block !important;
    }
    .bottom-strip .hide-mob {
        display: none;
    }
    .bottom-strip {
        font-size: 14px;
        height: 60px;
    }

    .bottom-strip span {
        font-size: 12px;
    }

    .column {
        width: 100%;
    }

    .section-workshop-home .context-section,
    .section-workshop-hero {
        background: url(https://res.cloudinary.com/people-matters/image/upload/f_auto,q_auto/v1592895353/techhr/2020/techhr_certification_mobile_img.jpg) no-repeat left top #23201F;
        background-size: cover;
    }
    .cp-total-price {
        padding: 0px 0px 0px 0px !important
    }    
    .blogger-text-center {
        padding-top: 0px;
    }
    .landing {
        background-image: none;
        background-color: #ffffff;
        padding-top: 20px;
        min-height: 144vh;
    }
    .date-container {
        position: inherit;
        width: auto;
    }
    .india-eye {
        background-image: url(https://res.cloudinary.com/people-matters/image/upload/v1646984513/techhr/india-bg.png);
        height: 211px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .sea-eye {
        background-image: url(https://res.cloudinary.com/people-matters/image/upload/v1646984513/techhr/sea-bg.png);
        height: 211px;
        background-position: center center;
        background-repeat: no-repeat;
        
    }

    .bottom-text-content {
        position: inherit;
        width: auto;
    }
    .bottom-background {
        background-image: none;
        background-color: #000000;
    }
}
@media screen and (max-width: 320px) {
     .landing {
         min-height: 170vh;
     }
}
.speker-name .mt-4, .my-4 {
    margin-top: 1.5rem!important;
}
.ticket-box {
    border: 1px solid #ccc;
}

.ticket-box hr {
    margin: 0;
}

.ticket-box .plan-price {
    height: 100px;
    background-color: #4dabb8;
    color: #fff;
}

.ticket-box h4 {
    font-weight: 300;
}

.ticket-box p {
    font-weight: 400;
    font-style: italic;
}

.ticket-box.b-2 .plan-price {
    background-color: #FFCb05;
}

.ticket-box.b-3 .plan-exp {
    background-color: #282928 !important;
}
.ticket-box.b-3 .plan-price {
    background-color: #1a2852;
}

.ticket-box .plan-price h4 {
    color: #fff;
}

.ticket-box .features .feature {
    font-weight: 400;
    font-size: 14px;
}

.ticket-box .features .feature:nth-of-type(2n+1) {
    background-color: rgba(0,0,0,.05);
}
.ad-heading {
    text-align: center;
    color: #ffff;
    font-size: 35px;
}
.cp-price {
    text-align: center;
    font-weight: 800;
}    
.cp-total-price{
    padding: 213px 0px 0px 0px;
}
.icofont-twitter:before {
     content: "\f081";
}

.c-btn {
  position: relative;
  border: 0 !important;
}

.c-btn span.pp {
  position:relative;
  z-index:2;
}

.c-btn:hover::before, .c-btn:hover::after{
  width: 0;
}

.c-btn::before, .c-btn::after {
  content: "";
  position:absolute;
  background-color: red;
  width:51%;
  height: 100%;
  top:0;
  transition: all 0.5s;
}

.c-btn::before {
  left: 0;
}
.c-btn::after {
  right: 0;
  width: 50%;
}
.blogger-name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    color: #ffff;    
}
.blogger-designation {
    font-size: 13px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0px;
}