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


html{
    font-family: 'Roboto', sans-serif;
}
body{
    width: 100vw;
    overflow-x: hidden;
}
.small-text{
    font-size: 12px!important;
}
.navbar a>img{
    width:380px;
    padding-left: 130px;
}
.navbar-light .navbar-nav .nav-link{
    font-family: 'Roboto', sans-serif;
    padding-right: 80px;
}

.webinar-info{
    background: #ffce58;
}
.info-header{    
    font-family: 'Roboto', sans-serif;
    color: #080808;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 40px;
}
.info-header-2{    
    font-family: 'Roboto', sans-serif;
    color: #080808;
    text-align: center;
    font-size: 41px;
    font-weight: 700;
    letter-spacing: 10px;
}
.speaker-details-header{
    font-family: 'Roboto', sans-serif;
    margin-top: 30px;
    margin-bottom: 30px;
    color:#2c2b2b;
}
.speaker-details-header h1{
    font-family: 'Roboto', sans-serif;
    font-weight: 700; 
}
.speaker-details-header h2{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
}
.webinar-detail{
    background: #ffce58;
    color: #333300;
    padding: 10px 180px 1px 180px;
}

#speaker-details{
    font-family: 'Roboto', sans-serif;
    margin-top: 30px;
    width: 80%;
    margin-left: 10%;
}
.speaker-img{
    width: 400px;
    border: 20px solid #ffffff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.speaker-info-block{
    margin: 20px;
}
.speaker-info-block span{
    font-weight: 700;
}
.full-width-border{
    margin-top: 30px;
    border-bottom: 1px solid #f3eaea;
}

.button-label{
    background-color: #807979!important;
    background: url(../img/white-tngl.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 18px 18px;
    margin: 20px;
    color: #ffffff;
    width: fit-content;
    padding: 6px 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 700; 
}
.button-label-yellow{
    font-family: 'Roboto', sans-serif;   
    background: #ffce58;
    color: #000000;
    padding: 6px 50px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    text-transform: uppercase;
    width: 400px;
    text-align: center;
    font-size: 1.5rem;
}
.register-button{
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    margin-left: 25%;
    border: none;
    background: rgb(5, 5, 184);
    color: white;
    border-radius: 15px;
    padding: 10px 25px;
    font-weight: 700;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
}
.register-button:hover {
    background-color: #14c27c;
    box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
    color: #fff;
    transform: translateY(-7px);
  }

.content-block{
    font-family: 'Roboto', sans-serif;
}

#twoColBlock{
    width: 95%;
    margin: -21px 0% 30px 5%;
  }
.tcBlock-1{
    color: #3f3e3e;
    margin-top: 40px;
    margin-bottom: 60px;
    line-height: 190%;
}
.tcBlock-1 p{
    font-size: 18px;
    line-height: 190%;
}
.tcBlock-1 ul li{
    font-size: 18px;
    line-height: 190%;
}
.tcBlock-2
{
    background: rgb(235, 232, 232);
    margin-top: 21px;
}
.tcBlock-2 img{
    width: 80%;
    margin: 20px 10%;
}

#regForm{
    background: rgb(235, 232, 232);
}
.formContent{
    background: #ffffff;
    width: 90%;
    margin: 0px 5%;
    padding: 30px 10%;
}
#regForm h4{
    color: #3f3e3e;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
#regForm h4>span{
    font-weight: 300;
}
#regForm p{
    font-size: 20px;
}
.sideBlock-img{
    width: 300px;
}

.webinar-blank-footer{
    background: #ffce58;
    height: 60px;
}

.blocks{
    box-sizing: border-box;

}
.blocks .rows{
    margin-left: 5%;

}
.blocks .rows::after {
    content: "";
    clear: both;
    display: block;
  }

  .cols-40 {
    width: 40%;
    float: right;
}
  .cols-60 {
    width: 60%;
    float: left;
}
.cols-50{
    width: 50%;
    float: left;
}
.cols-25{
    width: 25%;
    float: left;
    color: #fff;
}

footer{
    
    background:url(../img/footer-bg.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 150px;
    background-color: #80c471;
    height: 550px;
}
footer h1{
    padding-top: 150px;
    padding-left: 150px;
    font-size: 120px;
    line-height: 100px;
    color: #fff;
}
footer h1>span{
    color: #ffcb51;
}
footer h3{
    padding-top: 150px;
}

.address-info{
    border-left: solid 4px #ffcb51;
    padding-left: 20px;
}
.footer-content-3{
    margin-left: 50%;
}


/* Social media icons */
.fa {
    display: unset!important;
    padding: 10px;
    font-size: 20px;
    width: 20px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
  }
  
  .fa:hover {
      opacity: 0.7;
  }
  
  .fa-facebook {
    background: #3B5998;
    color: white;
  }
  
  .fa-twitter {
    background: #55ACEE;
    color: white;
  }
  
  .fa-google {
    background: #dd4b39;
    color: white;
  }
  
  .fa-linkedin {
    background: #007bb5;
    color: white;
  }
  
  .fa-youtube {
    background: #bb0000;
    color: white;
  }
  
  .fa-instagram {
    background: #125688;
    color: white;
  }
  
  .fa-pinterest {
    background: #cb2027;
    color: white;
  }
  
  .fa-snapchat-ghost {
    background: #fffc00;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }
  
  .fa-skype {
    background: #00aff0;
    color: white;
  }
  
  .fa-android {
    background: #a4c639;
    color: white;
  }
  
  .fa-dribbble {
    background: #ea4c89;
    color: white;
  }
  
  .fa-vimeo {
    background: #45bbff;
    color: white;
  }
  
  .fa-tumblr {
    background: #2c4762;
    color: white;
  }
  
  .fa-vine {
    background: #00b489;
    color: white;
  }
  
  .fa-foursquare {
    background: #45bbff;
    color: white;
  }
  
  .fa-stumbleupon {
    background: #eb4924;
    color: white;
  }
  
  .fa-flickr {
    background: #f40083;
    color: white;
  }
  
  .fa-yahoo {
    background: #430297;
    color: white;
  }
  
  .fa-soundcloud {
    background: #ff5500;
    color: white;
  }
  
  .fa-reddit {
    background: #ff5700;
    color: white;
  }
  
  .fa-rss {
    background: #ff6600;
    color: white;
  }

  /* Social media icons end */



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



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



@media screen and (max-width: 991px){
    .navbar-light .navbar-nav .nav-link{
        padding-right: 15px;
    }
}



@media screen and (max-width: 1099px){
    .navbar-light .navbar-nav .nav-link{
        padding-right: 15px;
    }
}



@media screen and (max-width: 1200px){
    .navbar a>img {
        width: 229px;
        padding-left: 0px;
    }
    header{
        background: url(../img/mobile-header.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-color: #ffffcc;
        height: 350px;
        padding-right: 30px;
    }
    
    header .header-caption{
        background: none;
        width: 100%;
        float: right;
        transform: skew(0deg);
        margin-right: 0px;
    }
    .header-caption h4{
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 21px;
        font-style: italic;
        margin-bottom: 25px;
    }
    .header-caption p{
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 17px;
        line-height: 19px;    
    }
    .caption-content{
        transform: skew(0deg);
        margin-top: 23px;
        margin-left: 7%;
    }
    .info-header{
        padding: 10px 10px 5px 10px;
        font-size: 18px;
        letter-spacing: 20px;
    }
    .info-header h4{
        font-size: 21px;
    }
    .register-button{
        margin-bottom: 50px;
    }
    
    .speaker-details-header h2 {
        font-size: 1rem;
        text-align: center;
    }
    .button-label-yellow {
        padding: 6px 10px;
        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
        text-transform: uppercase;
        width: 230px;
        text-align: center;
        font-size: 1rem;
    }
    .info-header-2{
        font-size: 30px;
        letter-spacing: 5px;
    }
    .webinar-detail{
        padding: 0px 0px 0px 0px;
    }
    .webinar-detail p{
        padding-top: 0px;
        font-size: 14px;
    }

    .speaker-img {
        width: 220px;
        border: 10px solid #ffffff;
    }

    .tile-tabs .nav-item .nav-link{
        font-size: 12px;
        padding: 12px 15px;
        margin-top: 10px;
    }
    .speaker-list ul li{
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .speaker-tile{
        margin-top: 0px;
        width: 90%;
        height: fit-content;
        margin-left: 5%;
    }
    .speaker-tile img {
        width: 70%;
        margin-left: 15%;
        margin-top: -70px;
    }
    .speaker-tile h5{ 
        font-size: 13px;
        line-height: 24px;
    }
    .speaker-tile p{
        font-size: 13px;
        line-height: 22px;
    }
    .webinar-detail2{
        padding: 20px 30px;
    }
    .webinar-detail2 p{
        font-size: 14px;
    }
    #company-carousel .owl-nav button.owl-prev, #company-carousel .owl-nav button.owl-next{
        top: -10px;
    }
    #company-carousel .owl-nav button.owl-prev span, #company-carousel .owl-nav button.owl-next span{
        font-size: 30px;
        color: #898181;
    }
    #company-carousel .owl-nav button.owl-prev {
        left: -10px;
    }
    #company-carousel .owl-nav button.owl-next{
        right: -10px;
    }
    .testim-block h4 {
        font-size: 14px;
        margin-top: 10px;
        padding-right: 15px;
    }
    .testim-block p{
        font-size: 12px;
        line-height: 22px;
        font-weight: 300;
        padding-right: 20px;
    }
    .testim-block h5{
        font-size: 18px;
        line-height: 22px;
        font-weight: 300;
    }
    #testim-carousel .owl-nav button.owl-prev span, #testim-carousel .owl-nav button.owl-next span{
        font-size: 40px;
        color: #898181;       
    }
    #testim-carousel .owl-nav button.owl-prev {
        left: -10px;
    }
    #testim-carousel .owl-nav button.owl-next{
        right: -10px;
    }
    footer{
        height: 600px;
    }
    footer h1 {
        padding-top: 35px;
        padding-left: 3px;
        font-size: 35px;
        line-height: 35px;
    }
    footer .blocks .rows .cols-25{
        width: 100%;
    }
    footer h3 {
        padding-top: 25px;
        font-size: 18px;
    }
    .footer-content-3{
        margin-left: 22%;
    }
    .footer-content-3 p{
        font-size: 12px;
    }
}

@media  screen and (max-width: 1600px) and (min-width: 1200px) {
.navbar-light .navbar-nav .nav-link{
    padding-right: 35px;
}
header{
    height: 470px;
}
.header-caption h4{
    font-size: 35px;
}

.info-header{
    font-size: 28px;
    letter-spacing: 20px;
}
.speaker-details-header h2 {
    font-size: 1.3rem;
}
.speaker-img{
    width: 320px;
}
footer{
    height: 393px;
}
footer h1 {
    padding-top: 85px;
    padding-left: 129px;
    font-size: 91px;
    line-height: 79px;
}
footer h3{
    font-size: 18px;
    padding-top: 65px;
}
}