.content_section {padding:70px 0;}

.speakers .modal-dialog {
    max-width: 670px;
}
.speakers_section {background:#fff;}  

.speaker_bx {
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
    transition: .3s;
}

/*
.speaker_bx::before{
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 20px;
    background: linear-gradient(
        90deg,
        #1e90ff,
        #0a4d68,
        #111827
    );
    background-size: 300% 300%;
    opacity: 0;
    transition: opacity .3s;
}
*/
@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.speaker_bx::before, .speaker_bx::after {
    position: absolute;
    z-index: -1;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    content: "";
    opacity: 1;
    border-radius: inherit;
    background: conic-gradient(from var(--gradient-angle), #1e90ff, #0a4d68, #111827, #1e90ff);
    border-radius: 20px;
}

.speaker_bx:hover::before,.speaker_bx:hover::after{
    opacity: 1;
    animation: rotation2 3s linear infinite;
}
@keyframes rotation2 {
  0% {
    --gradient-angle: 0deg;
  }
  100% {
    --gradient-angle: 360deg;
  }
}


.speaker_bx_content {
    background: #fff;
    padding: 20px;
    position: relative;
    border-radius: 18px;
    border-bottom: 2px solid #1e90ff;
}

.speaker_bx:hover {
    transform: translateY(-6px);
    transition: .3s;
}
.speaker_bx .pic {
	border: 1px solid #0a4d68;
	padding:5px;
    margin: 0 0 15px;
	border-radius: 50%;
	overflow:hidden;
}
.speaker_bx .pic img {
  
    border-radius: 50%;
    width: 100%;
	background:#f7f7f7;
}

.speaker_bx .info h3 {font-size:18px; color:#1e90ff; padding:0 0 8px; text-transform:uppercase; font-weight:600; margin:0;}
.speaker_bx .info p {color:#000; font-size:15px; line-height:20px; letter-spacing:normal; margin:0 0 10px;}

.inner.agenda .row.speaker_blks > div[class*="col-"] {display:flex; margin-bottom:30px;}
.speaker_bx{display:flex; width:100%;}
.speaker_bx_content{display:flex; flex-direction:column; width:100%;height:100%;}

.social_icons a {
    color: #1b1754;
    font-size: 16px;
    margin: 2px 3px;
}

.popup_text {
    display: none;
}
/*Popup css*/
.popup_scn .speaker_bx {
    text-align: left;
    padding:  30px 10px;
    display: flex;
}
.popup_scn .popup_text {
    display: block;
}
.popup_scn .speaker_bx .pic {
    padding: 0 0 15px;
    width: 180px;
}
.popup_scn .info {
    flex: 1;
    padding-left: 20px;
}
.popup_scn .social_icons {
    display: none;
}


#exampleModalCenter button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background: #1e90ff;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    cursor: pointer;
    z-index: 9;
    padding-bottom: 0px;
    opacity: 0.7;
    transition: 0.5s all ease;
}