body,.container, .row{position: relative; overflow-x:hidden!important;font-display:optional;}
*{font-family: 'Open Sans', sans-serif;}
a{outline: none; color: #333333;}
body{
    background: url('imgs/bg.jpg') no-repeat;
    background-size: cover;padding-top: 50px;background-attachment: fixed;
}
.black-box{
    
    background-size: cover;
    min-height: 50vh;
    
}
.black-box .side-bar{padding-top: 60px;margin-top: 50px;
     padding-bottom: 60px; 
     color:white;
       /* background: url('imgs/black_pattern.png') no-repeat; */
       background: rgba(0,0,0,0.70);

       border-radius: 20px 0 0 20px;
        max-height: 700px;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
 }
.black-box .side-bar h1{
font-size: 28px;
text-transform: uppercase;
text-align: center;margin-bottom: 10px;}
.black-box .side-bar h2{
font-size: 14px;
text-align: center;margin-bottom: 15px;
}

.profile-picture{
    width: 160px; 
    height: 160px; 
    border-radius: 100%;
    margin-bottom: 22px;

}
.certificate-list{
    list-style: none; 
    margin: 0;
    padding: 0;
font-size: 12px;
line-height: 25px;
}
.map{ margin: 20px 0; max-width: 100%; }
.contact-button{
border-radius: 25px;
height: 50px; line-height: 45px;
font-size: 16px; padding: 0 30px;
}

.contact-button img{max-height: 10px; margin: 0 10px 0 0;}


/* **************main-content area**************** */
.content-area{
     background: #FFFFFF;
box-shadow: 3px 20px 15px 0 rgba(40,40,40,0.88);padding:60px 30px; border-radius: 10px;
margin-bottom: 60px; margin-left: -15px;
}
.section-title{
    font-weight: bold;text-transform: uppercase;
font-size: 10px;
color: #000000;
letter-spacing: 1.07px; margin-bottom: 25px;
}
.icon-container{min-width: 10px;}
.icon-container img{ max-height: 10px;margin-right: 10px;
}
.icon-container.link img{ max-height: 15px; margin-left: 5px; margin-top: -2px }
.domains {font-size: 10px; font-weight: bold; text-transform: uppercase}
.domains img{max-height: 70px; display: block; margin-bottom:10px;margin-left: auto;
margin-right: auto;}
/* ************ Media queries ******************* */

@media (max-width: 768px)
{ body{padding: 25px 10px 25px 10px; background: #999}
    .section-title{text-align: center; background: rgb(205, 205, 205);
width: 50%;
margin: 0 auto 25px auto;
z-index: 99;
position: relative;
border-radius: 20px; padding: 5px}
.section-content{padding-left: 0 !important;}
.black-box .side-bar{ max-height: initial; }

    .domains .domain-image{
    margin-bottom: 30px; 
    }
    .black-box .side-bar{
        border-radius: 20px ;
    }
    .content-area{margin-left: 0; margin-top:30px;}
.speakers > div {margin-bottom:15px; margin-left: 0}
.blogs{text-align: center;}
.blogs .blog{margin-bottom: 30px}
.blogs img, .brands img{
    max-height: 50px; margin-bottom: 30px; 
}

}

/* ************ End of Media queries ******************* */

.section{margin-bottom: 60px}
.domains.section-content{ padding-left: 0 }
.section-content{ padding-left: 20px }

.speaker-container{max-height: 230px;min-height: 230px; color: white; padding: 150px 15px 15px 15px; border-radius: 10px;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 1.5px;
text-align: center;}
.speaker-container::after{content: "";
background-image: linear-gradient(rgba(0, 0, 0, 0) 52.52%, #000000);
border-radius: 0 0 10px 10px;
width: calc(100% - 30px);
height: 100%;
top: 0;
left: 15px;
z-index: 0;
position: absolute;
}
.speaker-session-details{position: relative; z-index: 1}
.speaker-session-details .event, .speaker-session-details .location{font-size: 10px; padding-top:10px;}
.speakers .speaker1{
    background: url('imgs/speaker1.jpg') no-repeat; 
background-size:cover;}
.speakers .speaker2{
    background: url('imgs/speaker2.jpg') no-repeat; 
background-size:cover;}
.speakers .speaker3{
    background: url('imgs/speaker3.jpg') no-repeat; 
background-size:cover;}

.blogs img{
    max-height: 25px; margin-left: 30px;
}

.brands img{max-height: 50px; filter: grayscale(100%); }


/* ********** testimonial block ************ */
#testimonial-block{background:rgba(0,0,0,0.8); border-radius: 20px; padding: 60px; -webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px); margin-bottom: 60px}
#testimonial-block h6{font-size: 14px; margin-bottom: 15px; }
#testimonial-block img{border-radius: 100%; margin: 30px auto  30px auto;}
#testimonial-block a, #testimonial-block{color:#dadada; font-size: 10px}

/* ************ last block ************** */
#last-block{background:rgba(0,0,0,0.8); border-radius: 20px; padding: 60px; -webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px); margin-bottom: 60px; color: white; text-align: justify}