* {
  box-sizing: border-box;
}
html{
    overflow-x: hidden;
}
body{
    font-family:'Montserrat-Regular';
    overflow-x: hidden;
    background-image: url(../img/speakers-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    /*height:100vh;*/
    
}
:root {
    --black-color:#4D4D4D;
    --purple-color:#82367F;
    --blue-color:#0E659C;
}

/*fonts*/
@font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/Montserrat-Black.ttf') format('truetype'),
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype'),
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/Montserrat-Light.ttf') format('truetype'),
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype'),
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.otf') format('opentype'),
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/BebasNeue.otf') format('opentype'),
    font-weight: 700;
    font-style: normal;
}
/*sticky css*/
header{
    transition: top 0.4s ease-in-out, background 0.3s ease-in-out;
}
header.sticky {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);
    padding: 10px 15px 13px;
    position: fixed;
    width: 100%;
    margin: 0;
    z-index: 999;
}

.container_{
    max-width: 100%;
    margin: auto 4%;
}

/*header css*/
header ul li.active{
    border:2px solid var(--purple-color);
    border-radius:6px;
    text-align: center;
    padding: 3px;
}
header ul li.active a{
    color: var(--purple-color);
    font-family:'Montserrat-Bold';
    padding: 4px;
} 
header ul li{
    line-height:1;
    text-align: center;
}
header ul li a{
    font-family:'Montserrat-Medium';
    font-size:12px;
    color: var(--black-color);
    padding:4px 0;
}
p{
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color: #292929;
}
.main-btn{
    font-family:'Montserrat-Medium';
}

/*home page css*/
.home-page-banner p{
    font-family:'Montserrat-Regular';
}
.home-page-banner p span{
    font-family:'Montserrat-Bold';
}

.feedback-sec p span{
    font-family: 'Montserrat-Bold';
}
.books-sec p{
    font-family: 'Montserrat-Medium';
}
/*books page css*/
.select-grid-sec .bg-white p{
    font-family:'Montserrat-Regular';
}
.booksSec p{
    color: #292929;
    font-size: 12px;
    text-align: center;
}
.booksSec .second{
    font-style:italic;
    /*font-family:Montserrat-Medium!important;*/
}
.select-grid-sec .bg-white span{
    font-weight:600;
}
.booksSec .book-label{
    /*height: 285px;*/
}
.booksSec .book-label img{
    border-radius:7px;
    height:153px;
    /*object-fit: cover;*/
    /*object-position: center;*/
}
.error{
    color: red;
    font-size:13px;
    font-family:'Montserrat-Regular';
}
.select-grid-sec .bg-white p span{
    font-style: italic;
}
.select-grid-sec input[type="checkbox"] {
    width: 15px;
    height: 15px;
    border: 1px solid #13699F;
    border-radius: 4px;
    appearance: none;
    cursor: pointer;
}
.select-grid-sec input[type="checkbox"]:checked::after {
    content: "✔";
    color: #13699F;
    font-size: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*agenda page css*/
.welcome-sec{
    box-shadow:-1px -1px 16px 0px #E2E9EA;
}
.welcome-card p{
    font-family:'Montserrat-Regular';
    text-align: center;
}
.welcome-card p span{
    font-family:'Montserrat-Bold';
}
.welcome-card ul li{
    width:10px;
    height:10px;
    border-radius:100%;
}
.welcome-card ul:before{
    content: '';
    background: #E0E8EC;
    height:1.5px;
    width:35%;
    position: absolute;
    left:6%;
    top:50%;
}
.welcome-card ul:after{
    content: '';
    background: #E0E8EC;
    height:1.5px;
    width:35%;
    position: absolute;
    right:6%;
    top:50%;
}

/*speaker page css*/
.profile-card{
    box-shadow: 0px -1px 16px 0px #ccc;
    border-radius:23px;
    background: #fff;
    padding:0 14px 25px;
}
.profilePhoto{
    background: #fff;
    padding: 6px;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    border: 1px solid #559BC7;
    margin: auto;
    position: relative;
    top: -46px;
}
.profilePhoto img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center;
}
.profileIcon{
    color:#fff;
    width:30px;
    height:30px;
    border-radius: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: var(--blue-color);
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: -19px;
}
.profileIcon i{
    font-size: 17px;
}
.profile-content h2{
    color: #272525;
    font-size: 28px;
    font-family:'BebasNeue';
}
.profile-content{
    margin-top:-20px;
}
.profile-content h3{
    font-family:'Montserrat-Medium';
    font-style: italic;
    font-size:13px;
    color: #3B3B3B;
    margin-bottom:6px;
}
.profile-content p{
    font-family:'Montserrat-Regular';
    font-size:12px;
    color: #292929;
    padding: 4px 2px;
}
.profileBtn{
    padding:8px 12px;
    font-family:Montserrat-Medium;
    border-radius:8px;
    font-style: italic;
}
.profileBtn i{
    font-size:13px;
    color: #3B3B3B;
}
.home-today-sec p{
    font-weight:600;
    font-size:13px;
}

/*show more css*/

.select-grid-sec input[type="checkbox"] {
    width: 15px;
    height: 15px;
    border: 1px solid #13699F;
    border-radius: 4px;
    appearance: none;
    cursor: pointer;
    background: #fff;
}
::placeholder {
  font-size:11px;
}