@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700;800&family=Lato:wght@100;300;400;700;900&display=swap');

 
body {  font-size:16px; color:#222; padding:0; margin:0;  font-family: 'Lato', sans-serif; }
a { text-decoration:none; } 

h1, h2, h3, h4, h5, h6 {  font-family: 'EB Garamond', serif;}


.button { background:#fff; border-radius:5px; padding:15px 50px; color:#000; box-shadow:0px 0px 20px rgb(0 0 0 / 5%); font-size:14px; font-weight:bold; display:inline-block; }
.button1 { background: #4a90e2; border-radius:5px; border:0; line-height:50px; height:50px; width:100%; padding:0px 0px; text-align:center; color:#fff; box-shadow:0px 0px 20px rgb(0 0 0 / 5%); font-size:14px; font-weight:bold; display:inline-block; }
.button1:hover { background:#555; color:#fff; }


 .headermain {
    position: fixed;
    width: 100%;
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 99; padding:30px 0 0 0;transition:ease all 0.3s;
}
 

 
.header { padding:10px 20px;   width:100%;  width: 100%; top:  0px; left: 0;   z-index:3; transition:ease all 0.3s; background:rgba(255,255,255,1);   position: relative;  border-radius: 10px; transition:ease all 0.3s; }
.header .logo { float:left; width:100%;  padding:8px 0 0 0px;   } 
.header .logo img { width:auto; height:50px;  margin:0px 0px 0 0; float:left;  }
.header .wa-logo1  { display:none;  }
.header .wa-logo2  { display:block;  }

.sticky.headermain {  padding:0; background:#fff; } 
.sticky .header {  border:0 ; }
.sticky .header .wa-logo1  { display:block;  }
.sticky .header .wa-logo2  { display:none;  }

.sticky .header .contantde  { color:#555; }
.sticky .header .contantde i { color:#D73F2B; }
..sticky header .contantde strong { color:#D73F2B;}
 
 /*.notification {     display: block; height:30px; position:fixed; top:0; left:0; z-index:9; width: 100%; background: linear-gradient(to right, #006da5, #324c83); }
 .notification ul { display:block; float:right;  }
 .notification ul li { display:block; float:left; padding:0 12px;}
 .notification ul li a { color:#fff; font-size:14px; line-height:30px; }*/
.login-header { margin:8px 0 0 0px; }
.login-header .bookappointment{ background:#ffe900; float:right; padding:0px 20px; line-height:44px; display: inline-block; color: #000; font-size:14px; margin:0px 0 0 10px; border-radius:6px; }
.login-header .bookappointment i { font-size:22px; margin:2px 6px 0 0;  display:block; float:left; color:#fff;  }
.login-header .bookappointment:hover {  }
.login-header .bookappointment:hover i {    }

.login-header a { color:#000; font-size:14px; display:block; text-align: right; }

.contantde { position:relative; float:right; position:relative; font-size:11px; text-transform:uppercase; color:#000; line-height:20px; padding:6px 10px 0 0; }
.contantde i {   position:absolute; left:-32px; top:16px; font-size:22px; color:#000; }
.contantde strong {  font-size:16px; color:#000; display:block; font-weight:400; }




/*.header.sticky .bookappointment { background:linear-gradient(to left, #D73F2B, #96291A); color: #fff;}
.header.sticky  .bookappointment i {color:#fff;}*/
 
 

 
.header .nav { padding:0px 0 0 0;justify-content: end;  }
.nav ul { list-style:none; margin:0px 0 0 0; padding:0 0 0  0px; }
.nav ul li {   float:left;position:relative;margin:0px 0; padding:0px 10px 0 10px;color:#000;cursor: pointer; }
.nav ul li a { font-size: 14px;font-weight: 500; padding:0 0 0px 0; color:#444; line-height:60px; }
.nav ul li a:hover { color:#00b6e0; }
.nav ul .dropdowns { display:none; position:absolute; top:49px; left:0px; padding:0px; min-width:300px;  z-index:99; background:#fff; border:0px solid #ddd;box-shadow:0px 0px 20px rgb(0 0 0 / 5%);}
.nav ul .dropdowns li {display:block;margin:0;float:none;padding: 0;  border:0 !important; position:relative; }
.nav ul .dropdowns li a { display:flow-root; padding:0px 15px !important; line-height:40px; font-size:13px; color:#000; transition:ease all 0.3s; border-left:2px solid #fff; white-space: nowrap; }  
 
.nav ul .dropdowns li a i { float:right; padding:0px 0 0 0; display:block; }
.nav ul li:hover .dropdowns { display:block; }
.nav ul .dropdowns li a:hover {  padding:0px 15px 0px 18px !important; color:#00b6e0; border-left:2px solid #00b6e0; font-weight:bold; }

 
.nav ul .dropdowns-2 { display:none; position:absolute; top:0px; left:250px; padding:0px; width:250px; z-index:99; background:#fff; border:0px solid #ddd; box-shadow:0px 0px 20px rgb(0 0 0 / 5%); }
.nav ul .dropdowns li:hover .dropdowns-2 { display:block; } 

.sticky  .header .nav ul li a { color:#444 !important; }
.sticky  .header .nav ul li i {  color:#444 !important;}
.sticky .header .nav ul li:hover { color:#888; }
.sticky .header .nav ul li a:hover { color:#888; }
.sticky .header .nav ul .dropdowns li a { color:#000; }  
.sticky .header .nav ul .dropdowns li a:hover { color:#D73F2B; }  


.slider {   position:relative ; background:#000;      background-size: cover !important;  }
 .slider:after { content:""; background:#000; opacity:0.2; width:100%; height:100%; top:0; left:0; position:absolute; }
 .wave{
  left: 0;
  line-height: 0;
  bottom: -1px;
}

.wave .elementor-shape-fill{
  fill: #fff;
  transform-origin: center;
  transform: rotateY(0deg);
}

.wave svg{
  width: calc(100% + 1.3px);
  left: 50%;
  transform: translateX(-50%);
} 

/* .slider img { width:100%; border-radius:30px; height:500px; object-fit:cover; border:20px solid #fff; border-bottom:0; }
*/
.slider .slider-img1 { top:0; right:0; width: 100%; height:100%; object-fit:cover; opacity:.5; }
 
 .contslider { height:100%; padding:50px 0 0px 0;  }
 
 
.slide-in {  top:0; left:0%; width:100%; z-index:1;   padding:100px 0 100px 0 ; text-align: center; position:relative; z-index:1; }

.slide-in span {  color: #fff;  padding: 20px 0 0px 0px;  font-weight:600; font-weight:bold; font-size: 14px; line-height:24px;  display: block;  margin: 0px; }
.slide-in span strong { }


.slide-in h1 {  color: #fff;  padding: 0px 0 0px 0px;  font-weight:600; font-weight:bold; font-size: 38px; line-height:42px;  display: block;  margin: 10px 0 25px 0; }
.slide-in h1 small { display:block; font-size:50px;font-weight:600; } 
  
.slide-in h4 { border-bottom:3px solid #fff;  color: #fff; border-radius:10px;  padding:10px 20px;  font-weight:600; font-weight:bold; font-size: 26px; line-height:42px;  display: inline-block;  margin: 0px; }
  
.slide-in p { padding:25px 0; font-size:18px; color:#fff;   }  
 
.slide-in  h1 strong { padding: 0px  0px  10px  0px;   border-bottom:0px solid #00bfe7; color:#fff; font-size:50px; display:block; margin:0 0  0px 0; font-weight:600; }
.slide-in a { width:auto; padding:12px 50px; margin:40px 0 0 0; line-height:inherit; height:auto; animation-name: example;
  	animation: text_change .4s infinite alternate;

  animation-duration: .6s;
}

@keyframes text_change {
  from { border: 2px solid #000; background:#fff; color:#000;}
  to { border: 2px solid #39A1DD; background:#39A1DD; color:#fff; }
}
 


.about-sec { background:#fff; padding:80px 100px; }
.about-sec h2 { display:block; text-align:left; font-size:44px; padding:0 0 10px 0; }
.about-sec p { display:block; text-align:left; font-size:16px; padding:0 0px 20px 0px;color:#666; }
.about-sec img { width:90%; margin:0px auto; display:block; }
.homeabouts { padding:30px 0; }
.homeabouts .row { padding-top:30px; padding-bottom:30px; }
.homeabouts  .abs  { display: flex; flex-flow: column; justify-content: center; align-items: baseline; height: 100%; }
.homeabouts img { width:auto; margin:0px auto; width:200px; object-fit:cover; margin:0px auto; display:block; border-radius:10px; }
.homeabouts .order2 { order:2;  }

.homeabouts  h2 { display:block; text-align:left; font-size:40px; padding:0 0 10px 0; }

.homeabouts p { display:block; text-align:left; font-size:14px; padding:0 0px 0px 0px;color:#666; }

.publications { background:#fff; padding:60px 0;  }
.publications p { text-align:left; }
.publications h3 { text-align:left; font-size:35px; margin:0 0 10px 0; display:block; }
.publications p {  font-size:14px; line-height:23px;  padding:4px 0 4px 0; margin:0; display:block; color:#000; }

 .listingul { padding:0px 0 0 0; }
.listingul li {  font-size: 14px;  display: block;  padding: 0 0 9px 18px;  width: 100%; position:relative; color:#000;}
.listingul li:before {  content: "";  position: absolute;  top: 5px; left: 0;  width: 10px;  height: 10px; background: #39A1DD; border-radius: 10px;  border: 2px solid #39A1DD; }
.listingul li ul  { padding:10px 0 0 0; }
.listingul li ul li:before {  background: 0 0;  border: 1px solid #00b04a; width: 8px; top: 8px;  height:8px; background: #fff; }


.registrationspay { background:#3348a2; padding:60px 0; }
.registrationspay p { text-align:left; }
.registrationspay h3 { text-align:left; font-size:36px; margin:0 0 10px 0; display:block; color:#fff; }
.registrationspay p {  font-size:14px; line-height:23px;  padding:4px 0 4px 0; margin:0; display:block; color:#fff; }

.table-info {  padding:0px; border-radius:5px;  margin:0px 0 20px 0; text-align:center; transition:ease all 0.3s; cursor:pointer;  }
.table-info table {  }
.table-info table { width:100%; overflow-x:scroll; padding:0 0 20px 0; }
.table-info table { width:100%; text-align:left; }
.table-info table tr:first-child td { padding:8px; background:none; color:#fff; font-size:13px; border:1px solid #cacaca; font-weight:bold; }
.table-info table td { padding:8px; background:none; color:#fff; font-size:13px; border:1px solid #cacaca; }

.table-info  .button1 { height:auto; line-height:inherit; padding:12px 20px;
animation-name: example;
  	animation: text_changeb .4s infinite alternate;

  animation-duration: .6s;
}

@keyframes text_changeb {
  from { border: 2px solid #000; background:#fff; color:#000;}
  to { border: 2px solid #ff0000; background:#ff0000; color:#fff; }
}
 

.tracksec {   background:#DBEFFD; padding:60px 0; }
.leftsec { width:50%; height:100%; position:sticky; top:0; }
.leftsec img { width:100%; height:100vh; object-fit:cover; }

.tracksec .order2 { order:2;  }
.tracksec img { width:100%; border-radius:10px; margin:20px 0;  }

.rightsec { margin:20px 0;  }
 .rightsec h3 { text-align:left; font-size:35px; margin:0 0 10px 0; display:block; }
.rightsec h4 { text-align:left; font-size:28px; margin:0 0 10px 0; display:block; }

.rightsec p {  font-size:14px; line-height:23px;  padding:0px 0 15px 0; margin:0; display:block; color:#000; }

.speakerslistaa { box-shadow:0px 10px 15px rgb(0 0 0 / 5%); padding:30px; margin:10px 0; border-radius:10px;  }

.speakerslist { padding:60px 0;  }
.speakerslist h3 { text-align:left; font-size:35px; margin:0 0 10px 0; display:block; }
.speakerslist ul {padding: 0;  margin: 0 0 30px 0;  display: flex; flex-flow: wrap; }
.speakerslist ul li { font-size:12px; line-height:23px;  padding:0px 30px 5px 20px; position:relative; margin:0; display:block; color:#000; width:50%;  }
.speakerslist ul li strong {   font-size:13px; }
.speakerslist ul li:before {  content: "";  position: absolute;  top: 5px; left: 0;  width: 10px;  height: 10px; background: #39A1DD; border-radius: 10px;  border: 2px solid #39A1DD; }

.speakerslist1 { padding:60px 0; background:#fafafa;  }


.copyright { background:#1c2e4a; padding:40px 0 40px 0; border-top:1px solid #dadada; }
.copyright p {  font-size:13px; line-height:23px; text-align:right; padding:0px 0 0px 0; margin:0; display:block; color:#fafafa; }
.copyright  img { width:160px; margin:0px auto; display:block; }

.copyright a {  font-size:13px; line-height:23px; padding:20px 0 0px 20px; margin:0; display:block; color:#fafafa; float:right; }
.copyright a:hover { color:#fff; }

.footer-social { float:left; }
.footer-social ul { list-style:none; text-align:center; padding:0; margin:0; }
.footer-social li { display:inline-block; float:left; }
.footer-social li a { width:38px; height:33px; padding:0;  color:#fff; font-size:22px; text-align:left; line-height:36px; border-radius:40px; display:block; margin:0 4px 0 0px; }
.footer-social li a i { font-style: normal; }
.footer-social li a:hover { color:#00bfe7; }


.committee {   background:#DBEFFD; padding:60px 0; }
.committee h3 { text-align:left; font-size:28px; margin:0 0 20px 0; display:block; }

.committee ul  { margin:0; padding:0; display:flex;    justify-content: space-between; }
.committee ul li { padding: 0 0 0px 0; width: 48%; display: inline-block; }
.committee .chairp {  padding: 0 0 0px 0;  display: inline-block; width: 100%;  margin: 0 0 0px 0; list-style: none; text-align: center; }
.committee .chairp .imgs {  width: 100%;  height: 270px; border-radius: 15px;  display: block;  margin: 0px auto 10px;  overflow: hidden; }
.committee .chairp .imgs img {  width: 100%;  height: 100%; object-fit: cover; }
.committee .chairp p { display: block; font-size: 13px; margin:0; }
.committee .chairp p strong { display: block; font-size: 16px; margin: 0 0 5px 0; }

.committeein { padding:0 0 20px 0; }
 .committeein h4 { text-align:center; font-size:28px; margin:0 0 10px 0; display:block; }

.chaiers {   background:#DBEFFD; padding:0 0 60px 0; }
.chaiers h3 { text-align:center; font-size:28px; margin:0 0 20px 0; display:block; }

.chaiers ul  { margin:0 0 20px 0; padding:0; display:flex;    justify-content: space-between; }
.chaiers ul li {  display: inline-block; width:100%; min-height: 120px; }
.chaiers .chairp {  padding: 0 0 0px 0px; width: 100%; height:100%; display:flex;    margin:  0; list-style: none; text-align: left; position:relative;background: #fff;
    border-radius: 15px; box-shadow:0px 10px 15px rgb(0 0 0 / 5%);}
.chaiers .chairp .imgs {  width: 120px;
    height: 140px;
    /* position: absolute; */
    left: 0;
    top: 0;
    border-radius: 15px;
    display: block;
    margin: 0 0px 0 0;
    overflow: hidden; }
.chaiers .chairp .imgs img {  width: 100%;  height: 100%; object-fit: cover; }
.chaiers .chairp p { display: block; font-size: 13px; margin:0; width:70%;  display: flex; flex-flow: column; padding:0 10px 0 10px;  align-items: baseline;  justify-content: center;}
.chaiers .chairp p strong { display: block; font-size: 16px; margin: 0 0 5px 0; }

.confrencecomm { flex-flow: wrap; }
.confrencecomm li { width:23% !important; margin:0 1% 20px 0; }


@media (max-width:767px) {

.headermain { padding:0;  }	
.headermain .container { padding:0; }
.header { border-radius:0; }
.login-header { position:absolute; top:10px; right:10px; }
.header .nav { display:none; }	
.tracksec .order2 { order: inherit; }
.table-info { overflow:scroll; }

.slide-in h1 { font-size:26px; line-height:36px; }

.qrcode-payment img { width:100%; }
.committeein h4 { font-size:24px; }
.chaiers .chairp { margin:0 0 10px 0; }

.speakerslistaa { padding:0;box-shadow:none; }
.speakerslist ul li { width:100%; }

.speakerslist1 { padding:30px 0; }

.footer-social { float:none;
    
    text-align: center;
    display: flex;
    justify-content: center;
}
.copyright p { text-align:center; }
.copyright img { margin:15px auto ; }
}