html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
  caption, tbody, tfoot, thead, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	overflow-x:hidden;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1250px;
}
a {text-decoration:none; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; 
-o-transition:all 0.5s ease; transition:all 0.5s ease; color:#333;}
a:focus {outline:none;}
a:hover {
    color: #0056b3;
    text-decoration: none;
}
:focus {outline:none;}
html, body {font-family: "DM Sans", sans-serif;}

.content_container {
    padding: 60px 0;
}
.button_container {display:block; text-align:center; padding:40px 0 0;}
.button_container a {display:inline-block; border:2px solid #f6ebbf; color:#f6ebbf; font-size:22px; letter-spacing:2px;
font-weight:700; text-transform:uppercase; padding:10px 30px; border-radius:30px; text-decoration: none;}
.button_container a:hover {background:#15954b; color:#0a3d62;}



h3 {
    font-size:34px;
    color: #000;
    padding: 0;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}
h4 {
    font-size:26px;
    color: #000;
    padding: 0;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}
h5 {
    font-size:24px;
    color: #000;
    padding: 0;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}
h6 {
    font-size:22px;
    color: #000;
    padding: 0;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}
.color_hd {
    color: #185655 !important;
}
.block {
    color: #000 !important;
}

 /* Scroll-to-top icon styling */
#scrollTopBtn {
    position: fixed;
    bottom: 11px;
    right: 15px;
    background: #0ec99c;
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 24px;
    display: none;
    align-items: center;
    justify-content: center;
	transition: 0.5s all ease;
}

  #scrollTopBtn:hover {
    background: #2e7b97;
	transition: 0.5s all ease;
  }

.sub_btn {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 22px;
    padding: 10px 30px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 1px;
    z-index: 1;
    text-decoration: none;
    margin: 0 0px;
    overflow: hidden;
    border-radius: 20px;
    background: #01a982;
    transition: 0.5s all ease;
}
.sub_btn:hover {
    color: #fff;
    background: #22496e;
    transition: 0.5s all ease;
}
/* COMMON CSS START HERE */

section {padding:70px 0;}

h1, h2, h3, h4, h5, h6 {font-family: "Inter", sans-serif;}
h2 {color:#2e7b97; font-size:40px; padding:0; line-height:42px; font-weight:700; margin:0 0 30px; letter-spacing:0.5px;}
h2 b {font-family: "DM Serif Display", serif; font-style:italic; font-weight:400; color:#000;}

p {color:#333; font-size:15px; font-weight:400; line-height:24px; padding:0 0 25px; letter-spacing:0.25px;}
p b {color:#0ec99c; font-weight:700;}

/* COMMON CSS END HERE */


/* ==================== INDEX PAGE ==================== */

/* HEADER START */
.hero {
    overflow: hidden;
    position: relative;
}
.hero_bg {
    width: 100%;
    height: 100vh;
    background: url("../images/main_bg.jpg");
    background-size: cover;
    background-position: center;
    animation: zoomEffect 7s ease-in-out infinite alternate;
    position: absolute;
    top: 0;
    left: 0;
}
@keyframes zoomEffect {
  from { transform: scale(1); }
  to { transform: scale(1.1); }
}
/*
.hero_bg:before {
    width: 100%;
    height: 100vh;
    background: rgb(10 61 98 / 92%);
    position: absolute;
    top: 0;
    left: 0px;
    content: "";
    background: linear-gradient(90deg, rgb(10 61 98 / 98%) 39%, rgb(10 61 98 / 82%) 56%);
}
*/
.hero:after {
    content: "";
    display: block;
    background: #0B0623;
    -webkit-mask: linear-gradient(#0B0623, #0B0623, transparent);
    -webkit-backdrop-filter: blur(230px);
    backdrop-filter: blur(230px);
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: -38px;
    z-index: 1;
    transform: rotate(180deg);
}
.hero .hero_inner {width:100%; height:100vh; display:flex; align-items:center;}

.hero .hero_inner .content {display:block; text-align:center; padding-top:120px;}
.hero .hero_inner .content h1 {display:block; color:#fff; font-size:32px; padding:0; font-weight:700;}
.hero .hero_inner .content h3 {
    display: block;
    color: #fff;
    font-size: 42px;
    letter-spacing: 0.5px;
    padding: 0 0 0px;
    font-weight: 600;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.hero .hero_inner .content .theme_tx {
    display: flex;
}


.theme_tx_2 {
    flex: 1;
    padding-left: 10px;
}
.theme_tx_2 em {
    display: block;
    font-size: 22px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 10px;
    text-transform: initial;
}
.hero .hero_inner .content h3 span{color:#15954b;}

.hero .hero_inner .content .logo {display:block; padding:0 0 20px;}
.hero .hero_inner .content .logo img {max-width:400px; display:inline-block;}
.mn_date_venue {
    display: inline-block;
	margin-bottom: 40px;
}
.mn_date_venue span {
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0 8px;
    position: relative;
	text-transform:uppercase;
}
.mn_date_venue span.mn_venue:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #fff;
}
.mn_date_venue span i {
    display: inline-block;
    margin-right: 5px;
}
.hero .hero_inner .content strong {display:inline-block; color:#f69566; font-size:60px; letter-spacing:5px; margin:0 0 25px;
padding:10px 20px; border-top:1px solid #f69566; border-bottom:1px solid #f69566; font-weight:700;}



/*Inner Here css*/
.inner .hero {
    height: 435px;
}
.inner .hero .hero_inner {
    height: 100%;
}
.inner .hero .hero_inner .content {
    padding-top:160px;
}
.inner .hero .hero_inner .content .logo img {
    max-width: 340px;
}
.inner .hero .hero_inner .content span small {
    font-size: 30px;
    letter-spacing: 5px;
}
.inner .hero .hero_inner .content h1 {
    font-size: 24px;
    padding: 0 0 20px;
}


/* HEADER END */






/* HERO SECTION CSS START HERE */

.hero_section {
/*    background: linear-gradient(135deg,rgba(14, 95, 120, 0.9) 0%, rgba(14, 95, 120, 0.9) 46%, rgba(10, 203, 152, 0.9) 100%);*/
    position: relative;
    padding: 197px 0 70px;
    overflow: hidden;
    background-size: 150% 150%;
    animation: gradientMove 12s ease-in-out infinite;
    background: linear-gradient(135deg, rgb(8 8 10 / 87%) 0%, rgb(36 74 107 / 94%) 46%, rgb(1 169 130 / 88%) 100%);
}
.hero_section::before {width:100%; height:100%; background:url("../images/main_bg.jpg") no-repeat center; background-size:cover; position:absolute; left:0; top:0; content:""; z-index:-1; animation: bgMove 10s linear infinite;}

.hero_section .left {background:rgb(34 34 34 / 38%); padding:10px; border-radius:10px; height:500px; display:flex; align-items:center; justify-content:center;}

.hero_section .logo {margin:0 0 25px;}
.hero_section .logo img {max-width:400px;}

.hero_section .date_venue {margin:0 0 50px;}
.hero_section .date_venue span {color:#0acb98; text-transform:uppercase; font-size:16px; letter-spacing:1px; line-height:24px; font-weight:700;}

.hero_section .hero-eyebrow {display:inline-flex; align-items:center; gap:8px; border:1px solid #fff; border-radius:4px; padding:6px 14px; font-size:12px; 
font-weight:500; text-transform:uppercase; color:#fff; margin:0 0 8px;}
.hero_section .hero-eyebrow::before {content:''; width:6px; height:6px; border-radius:50%; background:#fff; animation: pulse 2s ease-in-out infinite;}

.hero_section .graphic img {border-radius:5px;}

/*Inner css*/

.inner .hero_section .left {
    background: transparent;
    padding: 10px 0 0 0;
    border-radius: 0;
    height: auto;
}
.inner .hero_section .logo img {
    max-width: 375px;
}
.inner .hero_section .date_venue span {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
	color: #fff;
}
.inner .hero_section .date_venue {
    margin: 0 0 20px;
}
.inner .hero_section .theme h1 {
    font-size: 36px;
    line-height: 44px;
}
.inner .hero_section .theme h1 b {
    font-size: 21px;
    line-height: 24px;
	color: #fff;
}



@keyframes pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.5; transform: scale(0.7); }
}


@keyframes bgMove {
  0% {
    transform: translateX(0) scale(1);
  }
  50% {
    transform: translateX(50px) scale(1.05);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}


@keyframes gradientMove {
  0% {
    background-position: 0% 50%, 78% 32%, 85% 72%;
  }
  50% {
    background-position: 100% 50%, 82% 35%, 88% 75%;
  }
  100% {
    background-position: 0% 50%, 78% 32%, 85% 72%;
  }
}


.hero_section .theme {margin:0;}
.hero_section .theme h1 {color:#ffffff; font-size:42px; font-weight:700; line-height:48px; margin:0;}
.hero_section .theme h1 b {color:#0acb98; display:block; font-size:28px; letter-spacing:0.25px; font-weight:500; font-family: "DM Serif Display", serif;}

.hero_section .mega_menu {width:100%; position:absolute; left:0; top:0; z-index:2;}
.hero_section .mega_menu .logo {margin:0;}

.hero_section .big_menu {text-align:left;}

.hero_section .top {width:100%; position:absolute; left:0; top:127px; z-index:10;}

.hero_section .right {border:2px solid rgba(0, 0, 0,0.5); border-radius:10px; padding:10px; height:500px;}
.hero_section .right video {border-radius:10px; width:100%; height:100%; object-fit:cover;}

/* STATS SECTION CSS START HERE */

.stats_section {padding:0; background:none; margin:-140px 0 0; position:relative; z-index:1; display:none;}

.stats_section .ss_inner {background:#0ec99c; border-radius:15px; padding:30px; text-align:center;}
.stats_section .ss_inner h2 {color:#fff;}

.Conference_IN {display:grid; grid-gap:20px 0px; grid-template-columns:repeat(4, 1fr);}
.Conference_IN .counter_icon {display: block;  margin:0 0 5px;}
.Conference_IN .counter_icon img {max-height:64px;}
.Conference_IN .fact span {font-size:28px; display:inline-block; padding:0 0 0 15px; color:#fff;}
.Conference_IN .fact span.counter {margin:0 0 5px; font-size:48px; font-weight:700; font-family: "DM Serif Display", serif; padding:0;}
.Conference_IN .fact p {padding:0; font-size:15px; color:#fff; font-weight:400; text-transform:uppercase;}

/* ABOUT SECTION CSS START HERE */

.about_section {background:#f7f7f7;}
.about_section p {text-align:justify;}

.about_section .graphic img {border-radius:5px;}


/*Conference_Profile Css Start*/
.Conference_Profile_scn {
    position: relative;
    padding-bottom: 150px;
}

.Conference_Profile_scn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/Conference_Profile_bg.jpg) no-repeat left -145px;
background-size: cover;
    /* opacity: 0.1; 
    background-position-y: -145px;*/
}
.Conference_Profile_scn:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0d151eb8;
    content: "";
}
.Conference_Profile_scn .container {
    position: relative;
    z-index: 1;
}
.Conference_Profile_scn h4 {
    font-size: 24px;
    color: #fff;
}
.Conference_Profile_scn  h2 b {
    color: #ffffff;
}
.Conference_Profile_list ul li, .Conference_Technology ul li {
    font-size: 15px;
    line-height: 22px;
    color: #ffffff;
    padding: 0 0 10px;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
    border-bottom: 1px solid #ccc;
}
.Conference_Technology ul li b{
	font-weight: bold
}
.Conference_Profile_list ul li i, .Conference_Technology ul li i {
    display: inline-block;
    margin-left: 0px;
    margin-right: 0;
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 12px;
}
.Conference_Profile_global ul li {
    font-size: 15px;
    line-height: 22px;
    color: #ffffff;
    padding: 10px 0 20px;
    font-weight: 400;
    display: flex;
    margin-bottom: 10px;
    padding-left: 0;
    position: relative;
    border-bottom: 1px solid #ccc;
    align-items: center;
}
.Conference_Profile_global ul li img {
    width: 40px;
}
.Conference_Profile_global ul li span {
    padding-left: 15px;
}
/* THEME SECTION CSS START HERE */

.theme_section {background: linear-gradient(45deg,rgba(8, 8, 10, 1) 30%, rgba(36, 74, 107, 1) 65%, rgba(1, 169, 130, 1) 100%);}
.theme_section h2 b {color:#fff;}

.theme_section h1 {color:#0ec99c; font-size:36px; font-weight:500; line-height:42px; margin:0 0 30px; letter-spacing:0.3px;}
.theme_section h1 b {color:#fff; display:block; font-size:24px; font-family: "DM Serif Display", serif; letter-spacing:normal;}

.theme_section p {text-align:justify; color:#fff;}

.theme_section .hero-eyebrow {display:inline-flex; align-items:center; gap:8px; border:1px solid #fff; border-radius:4px; padding:6px 14px; font-size:12px; 
font-weight:500; text-transform:uppercase; color:#0ec99c; margin:0 0 8px;}
.theme_section .hero-eyebrow::before {content:''; width:6px; height:6px; border-radius:50%; background:#0ec99c; animation: pulse 2s ease-in-out infinite;}

.theme_section .graphic img {border-radius:5px;}

@keyframes pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.5; transform: scale(0.7); }
}

.theme_section .objectives {background:#08080A; padding:30px 30px 30px 70px; margin:40px 0 0;}
.theme_section .objectives h2 b {color:#fff;}

.theme_section .objectives .check_list {list-style:none;}
.theme_section .objectives .check_list li {position:relative; padding:0 0 0 30px; margin:0 0 10px; color:#fff;  line-height:22px; font-size:15px;}
.theme_section .objectives .check_list li::before {content:""; position:absolute; top:10px; left:0; width:12px; height:12px; border-radius:50%; 
background:none; border:1px solid #fff;}

/* WHO MEET SECTION CSS START HERE */

.audience-section {background:#222;}
.audience-section h2 b {color:#fff;}

.audience-grid {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:15px;}

.audience-grid article {display:flex; min-height:100px; align-items:center; gap:15px; padding:20px; color:#fff;
border-radius:8px; background:rgba(41, 45, 58, 1);}
.audience-grid i {flex:0 0 auto; color:#0ec99c; font-size:1.55rem;}
.audience-grid span {font-weight:800; line-height:1.32;}

/* WHY ATTEND SECTION CSS START HERE */

.why-section {background:#ffffff;}

.why-section .graphic {margin:0 0 10px;}
.why-section .graphic img {border-radius:5px;}

.reason-list { display:grid;  gap:0;  border-top:1px solid rgba(23, 33, 43, 0.1);}
.reason-item { display:grid;  grid-template-columns:35px 1fr;  gap:24px;  padding:25px 0;  border-bottom: 1px solid rgba(23, 33, 43, 0.1);}
.reason-item span {color:#2e7b97;  font-size:22px;  font-weight:900;}
.reason-item h3 {margin:0 0 10px; color:#000; font-family:"DM Sans", sans-serif; font-size:20px; font-weight:700; line-height:normal;}
.reason-item p {padding:0;}

/* CONFERENCE PROFILE CSS START HERE */

.conference_profile {background: linear-gradient(45deg, rgba(8, 8, 10, 1) 30%, rgba(36, 74, 107, 1) 65%, rgba(1, 169, 130, 1) 100%);}
.conference_profile h2 {color:#2e7b97;}
.conference_profile h2 b {color:#fff;}

.conference_profile #profile_sl h3 {color:#0ec99c; font-size:18px; font-family: "DM Serif Display", serif; letter-spacing:normal; 
line-height:normal; margin:0 0 10px; font-weight:700;}
.conference_profile #profile_sl p {color:#fff;}

.conference_profile #profile_sl ul {padding:0 0 25px 18px; column-count:3; column-gap:20px;}
.conference_profile #profile_sl ul li {color:#fff; line-height:24px; font-size:15px;}

.conference_profile .owl-nav {text-align:left; padding:20px 0 0;}
.conference_profile .owl-nav button {width:36px; height:36px; background:#2e7b97!important; font-size:32px!important; line-height:32px!important; 
text-align:center; border-radius:50%; margin:0 5px;}
.conference_profile .owl-nav button span {color:#fff;}

/* TESTIMONIALS SECTION CSS START HERE */

.testimonials {}
.testimonials .t_blk {border:2px solid #08080A; border-radius:15px; padding:3px;}
.testimonials .t_blk .inn .top {background:linear-gradient(45deg, rgba(8, 8, 10, 1) 30%, rgba(36, 74, 107, 1) 65%, rgba(1, 169, 130, 1) 100%); 
border-radius:15px 15px 0 0; min-height:100px;}
.testimonials .t_blk .inn .bottom {padding:0 30px 30px; text-align:center; position:relative; z-index:1; margin:-50px 0 0;}
.testimonials .t_blk .inn .bottom img {width:100px; border-radius:50%; display:inline-block; margin:0 0 20px;}
.testimonials .t_blk .inn .bottom h4 {font-size:18px; font-family: "DM Serif Display", serif; letter-spacing:normal; line-height:normal; margin:0 0 10px;}
.testimonials .t_blk .inn .bottom strong {font-size:15px; font-weight:600; padding:0 0 20px; display:block; line-height:20px;}
.testimonials .t_blk .inn .bottom p {padding:0; font-size:14px; line-height:20px;}

.testimonials .owl-nav {text-align:center; padding:20px 0 0;}
.testimonials .owl-nav button {width:36px; height:36px; background:#2e7b97!important; font-size:32px!important; line-height:32px!important; 
text-align:center; border-radius:50%; margin:0 5px;}
.testimonials .owl-nav button span {color:#fff;}

/* VENUE SECTION CSS START HERE */

.venue-section {background:#000;}
.venue-section h2 {color:#fff;}
.venue-section h2 b {color:#2e7b97;}
.venue-section h3 {font-family: "DM Serif Display", serif; font-size:32px; color:#0ec99c;}
.venue-section p {color:#fff;}

.venue-section .graphic img {border-radius:15px;}

.venue-section .venue-actions a.btn {background:#0ec99c; border-color:#0ec99c;}

/* PARTNERS SECTION CSS START HERE */

.partners_section {background:#fff; text-align:center; padding:70px 0 30px;}

.partners_section .p_blk {
    display: inline-block;
    padding: 0 0 0px 0;
    margin-bottom: 30px;
}
.partners_section .p_blk strong {display:block; font-size:20px; font-weight:700; color:#000; margin:0 0 15px; text-transform:uppercase;}
.partners_section .p_blk a {display:inline-block; margin:0 20px 25px;}

/* CONTACT SECTION CSS START HERE */

.contact-section { background: #17212b; color: #ffffff; background: linear-gradient(45deg, rgb(8, 8, 10) 30%, rgb(36, 74, 107) 65%, rgb(1 169 130 / 64%) 100%);}
.contact-section h2 {color:#fff;}
.contact-section h2 b {color:#2e7b97;}

.contact-list {}
.contact-list a { display:flex; align-items:flex-start; gap:15px; min-height:150px; padding:22px; border:1px solid rgba(255, 255, 255, 0.16);  
border-radius:8px; color:#ffffff; background:rgba(255, 255, 255, 0.08); margin:0 0 10px;}

.contact-list a:hover, .contact-list a:focus {background:rgba(255, 255, 255, 0.13);}
.contact-list i {color:#fff; font-size:1.45rem;}
.contact-list strong {display:block; margin-bottom:5px;  color:#ffffff; font-weight:900; text-transform:uppercase;}
.contact-list span {color:#fff;  line-height: 1.55;}
.contact-list span b {font-weight:700;}

.contact-section .graphic {padding:50px 0 0;}
.contact-section .graphic img {width:100%; border-radius:15px; border: 1px solid rgba(255, 255, 255, 0.16);}

.contact-section .form_blk {padding:40px 0 0 20px;}
.contact-section .form_blk h3 {font-family:"DM Sans", sans-serif; color:#fff; font-size:24px; margin:0 0 10px; line-height:normal; letter-spacing:normal;}
.contact-section .form_blk p {color:#fff;}

.contact-section .form_blk .fb_inn {
    padding: 20px 30px 0;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}
.contact-section .form_blk .fb_inn .fb_row {padding:0 0 20px;}
.contact-section .form_blk .fb_inn .fb_row label {display:block; color:#fff; padding:0 0 5px;}
.contact-section .form_blk .fb_inn .fb_row input {background:rgba(255, 255, 255, 0.13); border-radius:15px; border:0; padding:10px 20px; width:100%; 
color:rgba(255, 255, 255, 0.72);}
.contact-section .form_blk .fb_inn .fb_row small {display:block; color:#fff; font-size:13px; line-height:18px;}
.contact-section .form_blk .fb_inn .fb_row input[type="submit"] {background:#0ec99c; color:#fff; font-weight:700; transition:all ease 0.5s;}
.contact-section .form_blk .fb_inn .fb_row input[type="submit"]:hover {background:#2e7b97; transform:translateY(-5px);}

/* FOOTER SECTION CSS START HERE */

.site-footer {padding:25px 0; background:#111921; color:rgba(255, 255, 255, 0.7); text-align:center;}
.site-footer span {font-size:14px; letter-spacing:0.25px;}

/* ========== INDEX PAGE CSS END HERE ========== */




/*Speakers css Start Here*/

.inner.speakers .speaker_cat {background:#270f59; margin:0 0 40px 43px; position:relative; padding:15px 0; border-radius:0 10px 10px 0;}
.inner.speakers .speaker_cat .circle {width:96px; height:96px; border-radius:50%; padding:15px; background:#f151e9; border:5px solid #fff; position:absolute; left:-43px; top:-17px;}
.inner.speakers .speaker_cat .circle img {width:100%;}
.inner.speakers .speaker_cat h3 {text-transform:uppercase; font-size:24px; line-height:32px; color:#fff; position:relative; font-weight:500; padding:0 0 0 70px;}

.speakers_outer_blk {display:grid; grid-template-columns:repeat(5, 1fr); gap:30px; grid-auto-rows:minmax(142px, auto);}
.speaker_img_category {
    margin-bottom: 0px;
	position: relative;
}
.inner.speakers .speaker_bx .pic {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #e9f4f8 0%, #d9ebf0 100%);
}
.inner.speakers .speaker_bx .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}
.inner.speakers .speaker_bx:hover .pic img {
    -webkit-transform: scale(1.045);
    transform: scale(1.045);
}
.inner.speakers .speaker_bx .info {
    position: relative;
    overflow: hidden;
    padding: 20px 20px 20px 20px;
}
.inner.speakers .speaker_bx .info h4 {
    font-size: 17px;
    color: #173c4f;
    padding: 0 0 8px;
    font-weight: 600;
    text-align: left;
    margin: 0;
    letter-spacing: 0;
}
.inner.speakers .speaker_bx .info p {
    display: block;
    font-size: 14px;
    color: #5d6d72;
    line-height: 1.3;
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    letter-spacing: 0.01em;
    padding-bottom: 0;
}
.inner.speakers .speaker_bx .info p b {
    display:block;
    margin-top: 5px;
    color: #2e7b97;
    font-weight: 700;
}
.inner.speakers .social_icons {
    display: block;
    padding: 20px 0 0;
    text-align: center;
    /* display: none; */
}
.inner.speakers .social_icons a {color:#fff; font-size:14px; margin:0 10px 0 0;}
.inner.speakers .social_icons a:hover {color:#02a4d7;}

.speaker_bx {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 251, 252, 1) 100%);
    border: 1px solid rgba(22, 93, 118, 0.12);
    box-shadow: 0 10px 26px rgba(16, 60, 78, 0.08);
    -webkit-transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.speaker_bx:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    border-color: rgb(46 123 151);
    box-shadow: 0 20px 38px rgba(25, 75, 91, 0.16);
}
/*
.inner.speakers .speaker_bx .pic {
    backface-visibility: hidden;
    transform-style: preserve-3d;
    z-index: 1;
    transition: 0.6s;
    position: relative;
}
.inner.speakers .speaker_bx:hover .pic {
    transform: rotateY(360deg);
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: 0.6s;
    z-index: 11;
    position: relative;
    opacity: 0;
}
*/
/*
.inner.speakers .speaker_bx .back {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    border-radius: 10px;
    backface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(-180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding: 10px;
    display: none;
}	
.inner.speakers .speaker_bx:hover .back {
    transform: rotateY(0deg);
    z-index: 1;
    transition: 0.6s;
    opacity: 1;
}
*/
.pro_btn_dv, .pro_category_link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 111;
    width: 100%;
    padding: 6px;
    text-align: center;
    opacity: 1;
    transition: 0.6s;
    animation-delay: 12s;
    transform: translateY(-100%);
}
.inner.speakers .speaker_bx:hover .pro_btn_dv, .pro_category_link:hover {
    transition: 0.6s;
    opacity: 1;
    animation-delay: 12s;
    transform: translateY(0);
}
.pro_btn_bx {
    display: inline-block;
}
.pro_btn_bx a {
    font-size: 11px;
    color: #ffffff;
    font-weight: 500;
    line-height: 13px;
    padding: 7px 10px;
    margin: 2px;
    border-radius: 4px;
    transition: 0.6s;
    border: 1px solid #02a4d7;
    display: inline-block;
    text-align: left;
    background: #010926;
    border-left: 3px solid #02a4d7;
}
.pro_btn_bx:hover a {
    color: #fff;
    background: rgb(2 164 215 / 80%);
    transition: 0.6s;
}


.inner.speakers .speaker_bx .info .abstract {border-top:1px solid #1b1754; padding:10px 0 0; font-family: "Lexend", sans-serif; font-weight:700; font-size:15px; margin:20px 0 0;}
.inner.speakers .speaker_bx .info .abstract p {font-family: "Lexend", sans-serif; font-weight:normal; font-size:13px; padding:10px 0; color:#333; line-height:18px;}
.inner.speakers .speaker_bx .info .abstract p a {color:#333;}
.inner.speakers .speaker_bx .info .abstract p a:hover {color:#d330c9;}
.inner.speakers .speaker_bx .info .abstract a {font-family: "Lexend", sans-serif; font-weight:normal; font-size:13px; margin:5px 0 0; color:#333; display:block; line-height:18px;}
.inner.speakers .speaker_bx .info .abstract a:hover {color:#d330c9;}

/* Scroll-to-top icon styling */
#scrollTopBtn {
    position: fixed;
    bottom: 11px;
    right: 15px;
    background: #d330c9;
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 24px;
    display: none;
    align-items: center;
    justify-content: center;
	transition: 0.5s all ease;
}

  #scrollTopBtn:hover {
    background: #5a2b9d;
    color: white;
	transition: 0.5s all ease;
  }






/*Popup Speakers css Start*/

#exampleModalCenter .speaker_bx {
    position: relative;
    z-index: 1;
    padding: 0px 0px;
    border-radius: 10px;
    transition: all .5s;
    background: #fff;
    text-align: center;
    overflow: hidden;
/*    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%);*/
    height: 100%;
}
p.mod {
    display: none;
}

#exampleModalCenter .speaker_bx:hover {
/*    box-shadow: 0 15px 38px 0 rgba(0,0,0,0.1);*/
    transition: all .5s;
}
@media(min-width:1200px){
	#exampleModalCenter .speakerimages .col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
#exampleModalCenter .speaker_image {
    width: 100%;
    transition: all .4s;
    z-index: 1;
    position: relative;
    padding: 5px 0 20px;
    backface-visibility: inherit;
    transform-style: inherit;
    transform: inherit !important;
    background: transparent;
    opacity: 1 !important;
}
/*
#exampleModalCenter .speaker_image img {
    border-radius: 50%;
    height: 200px;
    width: 200px !important;
    object-fit: cover;
	display: block;
}
*/
#exampleModalCenter .speaker_image img {
    border-radius: 7px;
    object-fit: cover;
    display: block;
    width: 180px;
    height: auto;
}
#exampleModalCenter .images_circle {
    display: inline-block;
    position: relative;
    box-shadow: none;
    border: 0px solid #d330c9;
    border-radius: 8px;
    background: linear-gradient(-135deg, #5a2b9d, #d330c9, #5a2b9d);
    padding: 1px;
}
#exampleModalCenter .speaker_item_info {
    margin-top: 0;
    position: relative;
    z-index: 1;
}
#exampleModalCenter .speaker_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-top: 0px;
    color: #d330c9;
    margin-bottom: 11px;
    padding: 0;
}
#exampleModalCenter .speaker_department {
    margin-top: 0;
    margin-bottom: 0;
    color: #333;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
}
#exampleModalCenter .speaker_social {
    color: #909aa3;
    border-radius: 50px;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 0;
    transform: translateY(-100%);
    transition: 0.5s all ease;
    width: 100%;
    text-align: center;
    display: none !important;
}
#exampleModalCenter .speaker_bx:hover .speaker_social{
    transform: translateY(15px);
    transition: 0.5s all ease;
}
#exampleModalCenter .speaker_social .team-icon {
    position: relative;
    padding: 6px 8px;
    text-decoration: none;
    color: inherit;
    transition: all .3s;
}
#exampleModalCenter .speaker_social .team-icon:hover{color:#404040; transition: all .3s;}
/*Speakers css End*/	
	
	

/*Popup css*/

#exampleModalCenter .social-icons a {
    display: inline-block;
}
#exampleModalCenter .social-icons i.fa {
    color: #199a01;
    background: #fff;
    box-sizing: border-box;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
}
#exampleModalCenter .social_spopupLink {
    font-size: 18px;
    color: #000 !important;
    padding: 4px;
    display: inline-block;
    line-height: 0;
    width: 27px;
    text-align: center;
    margin-top: 6px;
}
.popup_scn .social-icons {
    width: 100%;
    padding-top: 5px;
	display: none;
}
.popup_text{display:none; 
    margin-top: 15px;}

.popup_scn p.speaker_department {
    line-height: 22px;
    font-weight: 900;
	font-size: 15px;
}
/*
.popup_scn .speaker_department br {
    display: none;
}
*/
.popup_scn .popup_text {
    display: block;
    text-align: left;
}

.popup_scn .social_spopup {
    display: none;
}
/*
.popup_scn .star_blk img {
    width: 174px !important;
    border-radius: 50%;
    display: inline-block;
    height: 174px;
    background: #2d383c;
    object-fit: cover;
}
*/
.popup_scn .info .pic {
    width: 27%;
    margin: 0 auto 16px;
    float: left;
    margin-right: 30px;
}
.popup_scn .info .detail h3 {
    text-align: left;
}
.popup_scn .info .detail p {
    text-align: left;
    padding: 0;
}
.popup_scn .info .detail p br {
    
}
.popup_scn .info {
    padding-bottom: 0;
    margin: 0;
}
.popup_scn .star_blk a.Click_pop {
    display: none;
}
.popup_scn h3 {
    display: block;
    color: #af8c34;
    font-size: 20px;
    letter-spacing: 0.5px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    margin: 10px 0 8px 0;
}
.popup_scn.speakers {
    display: block;
	background:none; 
	padding:0;
}

.clone_box .team-content {
    padding: 15px 0px 10px;
}
.popup_scn .star_blk {
    text-align: center;
    margin-bottom: 0;
    padding: 0px 0 0;
}

.popup_scn .pro_btn_dv {
    display: none;
}
.inner.speakers .popup_scn .speaker_bx .pic {
    backface-visibility: inherit;
    transform-style: inherit;
    opacity: 1 !important;
    display: inline-block;
    transform: inherit;
    border: 0px solid #d330c9;
    border-radius: 8px;
    background: linear-gradient(-135deg, #5a2b9d, #d330c9, #5a2b9d);
    padding: 1px;
}
.inner.speakers .popup_scn .speaker_bx:hover .back {
    display: none;
}
.inner.speakers .popup_scn .social_icons {
    display: none;
}
#exampleModalCenter .popup_scn .speaker_bx:hover .pic img {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.inner.speakers .popup_scn p.mod {
    display: none !important;
}

#exampleModalCenter .popup_scn .team-item:hover .image-wrap img {
    -webkit-transform: scale(1);
    transform: scale(1);
}
#exampleModalCenter .modal-body {
    padding: 30px;
    border: 1px solid #1b1754;
    border-radius: 5px;
    overflow: hidden;
}
#exampleModalCenter .popup_scn .socail_icons a {
    font-size: 16px;
    color: #000;
    width: 38px;
    height: 38px;
    border: 1px solid #000;
    display: inline-block;
    padding: 7px 0 7px 0;
    line-height: 20px;
    border-radius: 50%;
    transition: 0.5s all ease;
}
.social-icons i {
    font-size: 15px;
    color: #1b1754;
}
.popup_scn .socail-icons a:hover i{
    transition: 0.5s all ease;
    color: #d330c9;
}

#exampleModalCenter .popup_scn p {
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 300;
    font-family: "Lexend", sans-serif;
}

#exampleModalCenter .modal-dialog {
    max-width: 700px;
	width: 100%;
}
#exampleModalCenter button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background: #1b1754;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    cursor: pointer;
    z-index: 9;
    padding-bottom: 0px;
    opacity: 1;
    transition: 0.5s all ease;
    border-radius: 0 5px 0 0;
}
#exampleModalCenter button.close:hover {
    opacity: 0.8;
    transition: 0.5s all ease;
}

/**/
.Speaker_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 80%);
    z-index: 999;
}
.Speaker_popup.active {
    display: block;
}
.Speaker_popup_in {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
}
.Speaker_popup_dv{
    display: flex;
    background: #fff;
    padding: 45px 20px 20px 20px;
    border-radius: 10px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.inner.speakers .Speaker_popup_dv .pic img {
    height: 220px;
    width: 220px;
}
.inner.speakers .Speaker_popup_dv .info {
    padding: 0px 15px 20px 30px;
    flex: 1;
}
.inner.speakers .Speaker_popup_dv .info h4 {
    font-size: 17px;
    color: #1a1a24;
    padding: 0 0 15px;
    text-align: left;
}
.inner.speakers .Speaker_popup_dv .info p {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px;
    padding: 0;
    text-align: left;
    letter-spacing: 0;
}



.Speaker_popup_close {
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background: #010926;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    cursor: pointer;
    z-index: 9;
    padding-bottom: 0px;
    opacity: 0.7;
    transition: 0.5s all ease;
    font-weight: 300;
    font-size: 25px;
    padding: 5px 0 0 9px;
}
.Speaker_popup_close:hover {
    opacity: 1;
    transition: 0.5s all ease;
}








/*Popup Speakers css End*/





@media(max-width:1170px){
	.speakers_outer_blk {
		gap: 20px;
	}
	.speakers_outer_blk {
		grid-template-columns: repeat(4, 1fr);
	}
	.inner.speakers .speaker_bx .pic img {
		height: 100%;
		object-fit: cover;
		width: 100%;
		display: block;
	}
	.inner.speakers .speaker_bx .pic {
		width: 100%;
	}
	.inner.speakers .speaker_bx .info {
		max-width: 100%;
	}
	.inner.speakers .speaker_bx .back {
		width: 100%;
		height: 100%;
	}
}


@media(max-width:1024px){
	
	
}
@media(max-width:991px){
	.speakers_outer_blk {
		grid-template-columns: repeat(3, 1fr);
	}
	
}

@media(max-width:767px){
	.speakers_outer_blk {
		grid-template-columns: repeat(2, 1fr);
	}
}



@media(max-width:575px){
	.speakers_outer_blk {
		grid-template-columns: repeat(2, 1fr);
        gap: 10px;
	}
	.inner.speakers .speaker_bx .info h4 {
		font-size: 16px;
	}
}

@media(max-width:460px){
	.speakers_outer_blk {
		grid-template-columns: repeat(1, 1fr);
        gap: 10px;
	}
}












/*Speakers css Start End*/