@charset "utf-8";

/* CSS Document */



/*

Montserrat

Thin 		100

ExtraLight 	200

Light 		300

Regular 	400

Medium 		500

SemiBold 	600

Bold 		700

ExtraBold 	800

Black 		900

*/







@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playwrite+NZ+Basic:wght@100..400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');





@font-face {

  font-family: 'Valentine-Sans';

	src: url('../fonts/Valentine-Sans.otf') format('opentype');}





body 				{color: #333333; /*background-color: #001e40;*/ font-size: 1rem; font-family: "Inter", sans-serif;}



h1, h2, h3, h4, h5	{color: #00a9e5; font-weight: 700;font-family: "Oswald", sans-serif;}

h1					{}

h2					{}

h3					{}

h4					{}

h5					{}

p                   {font-family: "Inter", sans-serif;}



strong				{font-weight: 600;}



a					{text-decoration:none; color: #00a9e5; transition: 0.5s;}

a:hover				{text-decoration:none; color: #333333;}

a:visited			{text-decoration:none;}

a:focus,a:hover		{text-decoration:none;}





.navbar-toggler-icon 	{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}





:root {

	--def-padding : 5rem;

	--blue-color : #00458a;

}



.page					{}





.menu-area				{position: fixed; top: 0; left: 0; z-index: 50; width: 100%; /*background-color: rgba(0,0,0,1);*/ padding-top: 1rem; padding-bottom: 1rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.menu-area.sticky 		{padding-top: .75rem; padding-bottom: .75rem; background-color: rgba(0,0,0,0.5);}





.navbar 												{padding: 0;}



.menu-area .bg-light 									{background-color: transparent !important;}

.menu-area .navbar-nav .nav-link 			{color: #fcfedd; font-weight:500;}

.menu-area .navbar-nav .nav-link:hover	{color: #fff!important;}

.menu-area .navbar-nav .nav-item.active a				{color: #fff; background-color: #00a9e5; border-radius: 25px;}





.menu-area .navbar-expand-lg .navbar-nav .nav-link 		{padding-left: 1rem; padding-right: 1rem;}

a.nav-reg-link{background-color:#00a9e5;color:#000!important;border:1px solid #00a9e5;border-radius:25px;}

a.nav-reg-link:hover{color:#000;}



.navbar-nav .show > .nav-link,

.navbar-nav .nav-link.active 				{color: #000;font-weight: 600;}



.coming-soon-section{padding-bottom: 0rem;}

/*.counter{background: rgb(45,65,129);background: rgb(46,65,129);

background: linear-gradient(90deg, rgba(46,65,129,1) 0%, rgba(78,87,156,1) 100%);}*/

.count-div {width: 150px !important;}

.countdown-right{margin-top: -8rem;z-index: 999;position: relative;}

ul#example{border-radius: 15px;}



/*.location-time{margin-left: 15px;}*/

.left-area .line-b{display: flex;}

.date-time h3{font-size:25px;font-weight:500;display: contents;color:#fff;font-family: "DM Sans", sans-serif;text-transform:uppercase;letter-spacing:1px;}

.location-time h3{font-size:25px;font-weight:500;display: contents;color:#fff;font-family: "DM Sans", sans-serif;text-transform:uppercase;letter-spacing:1px;}

.date-time img{margin-top: -15px;}

.location-time img{margin-top: -15px;}



.line-c a{background: linear-gradient(90deg, rgb(229 183 112) 0%, rgb(229 183 112) 50%);color:#000;border-radius:10px;padding-left: 25px;padding-right: 20px;padding-top: 10px;padding-bottom: 10px;font-size:20px;text-transform: uppercase;}



.banner-area				{position: relative; width: 100%; /*background-color: #000033;*/padding-bottom:0rem;}



.banner-area .cont-holder	{position: absolute; width: 100%; left: 0; top: 8%;}

.left-area{margin-top:5%;}



/*ul.navbar-nav{background: linear-gradient(90deg, #06796d 0%, #393939 50%);border-radius: 25px;}*/





.banner-area .cont-holder .cont-holder-in	{width: 1500px; max-width: 100%; margin: 0 auto;}





.banner-area .cme			{position: absolute; width: 300px; height: auto; margin: 0 auto; z-index: 10; left: 0; right: 0; bottom: 5%;}

.banner-area .name-moh		{position: absolute; left: 0; top: 110px; width: 100%; z-index: 11; color: #ffff66; text-align: center; font-size: 150%; font-weight: 500; text-shadow: 2px 2px 7px rgba(0,0,0,0.5);}





.left-area .line-a			{margin-bottom: 2rem;}

.left-area .line-b			{margin-bottom: 2rem; color: #FFFFFF; font-weight: 500;}

.left-area .line-c			{margin-bottom: 1rem; color: #FFFFFF; font-weight: 500;position: relative;z-index: 9;}

.left-area .line-d			{margin-bottom: 0;}



.left-area .line-d a 				{display: inline-block; padding: .75rem 2rem; background-color: #ff9200; color: #000000; border: 1px solid #FFFFFF; border-radius: 2rem; font-weight: 500; transform: perspective(1px) translateZ(0); transition: color 0.3s; overflow: hidden;}

.left-area .line-d a:before 		{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: #193867; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out;}

.left-area .line-d a:hover 			{color: #FFFFFF;}

.left-area .line-d a:hover:before 	{transform: scaleX(1);}



.line-ab img{width:70%;}



.bg-holder img{width:100%;}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display: none;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}

.swiper-button-next img{width:100%!important;}

.swiper-button-prev img{width:100%!important;}

.swiper-button-next, .swiper-button-prev{bottom: 10%;top: 0;top: auto;}

.swiper-button-next, .swiper-button-prev{width: calc(var(--swiper-navigation-size) / 30* 27);}

.swiper-button-prev{left: 20%;}

.swiper-button-next{right:40%;}



.right-area img{width:100%;margin-top: 3.0rem;margin-left: 0rem;}

.coumtdown-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding); background-image: url("../images/countdown-bg.webp"); background-repeat: no-repeat; background-position: center top; background-size: cover;}

.coumtdown-wrap h1 			{text-align: center; color: #f69e28; font-weight: 800;}

.coumtdown-wrap h4 			{text-align: center;}

.coumtdown-wrap h5 			{text-align: center;}

.coumtdown-wrap .date-place	{color: #193867; font-weight: 600; text-align: center;}



.chair-name{text-align: center;}

.welcome-note h3{padding-top:3rem;padding-bottom: 1rem;}

/*.welcome-note{margin-left: -25%;}*/



.chairperson-wrap			{padding-top: var(--def-padding); padding-bottom: var(--def-padding);}

.chair-conf-heading span{display: block;font-weight:500;font-size: 40px;}

.conf-heading{/*text-align: center;*//*width:50%;background-color: #063463;border-radius:15px;*/margin-bottom:2rem;}

.chairperson-wrap p{color:#000;font-size:18px;line-height: 30px;font-weight:500;width:100%;text-align: justify;}

.chair-col-section-details{/*background-color: #fff;padding:0px;border-radius:20px;filter: drop-shadow(0 0 0.75rem #444);*/margin-top: 2rem;}

h1.modal-title{color:#1a2745;font-weight: 500;}



.chairperson-wrap h4 span{display: block;font-size: 16px;color: #000;}

.chairperson-wrap h4{color:#06796d;line-height: 30px;}





.chairperson-wrap-section			{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-color: #fff;}

.chairperson-wrap-section p{color:#4f4b4f;font-size:21px;line-height: 30px;font-weight:500;width:100%;}



.chairperson-wrap-section h4 span{display: block;font-size: 16px;color: #b5945b;}

.chairperson-wrap-section h4{color: #fff;line-height: 50px;}



.speaker-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background: linear-gradient(90deg, #d7d7d7 0%, #ffffff 50%);}

.speaker-wrap h4 			{color: #00a9e5;font-size:20px;font-weight:500;}

.speaker-wrap p             {color:#000;font-size:20px;font-weight: 400;}

.speaker-wrap a             {color:#3e654d;}



.speaker-block .inner-box {position: relative;max-width: 300px;margin: 0 auto;}

.speaker-block .image-box {position: relative;padding: 17px 22px 0 0;}

.speaker-block .inner-box:hover .image-box:before {border: 3px solid #00000096;border-color: #00000096;opacity: 1;}

.speaker-block .image-box:before {position: absolute;left: 40px;right: 0;top: 0;bottom: 17px;border: 3px solid #adadad;border-radius: 0 0 250px 250px;content: "";-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}

.speaker-block .image {position: relative;border: 5px solid #ffffff;-webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, .20);box-shadow: 0 14px 20px rgba(0, 0, 0, .20);border-radius: 0 0 250px 250px;overflow: hidden;margin-bottom: 0;}

.speaker-block .image img {width: 100%;-webkit-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;}

.speaker-block .inner-box:hover .image img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.speaker-block .image {position: relative;border: 5px solid #ffffff;-webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, .20);box-shadow: 0 14px 20px rgba(0, 0, 0, .20);border-radius: 0 0 250px 250px;overflow: hidden;margin-bottom: 0;background-color: #e85b17;}

.speaker-block .plus-icon {position: absolute;right: 25px;bottom: 20px;height: 50px;width: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #081245;border-radius: 50%;background-color: #ffba00;-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}

.speaker-block .info-box {position: relative;padding-top: 25px;}

.speaker-block h4 {display: block;font-size: 20px;color: #484848;font-family: "Inter", sans-serif;font-weight: 500;}

.speaker-block .designation {font-size: 14px;color: #555555;font-family: "Inter", sans-serif;}

.info-box{text-align: center;}



.committee-wrap			 {padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-color: #f4f4f4;}









.flag-img{position: absolute;width: 20%!important;top:12%;right: 20px;}

.speakers-details{text-align: center;margin-top: -5rem;}

.speakers-details h4{color:#fff;font-weight: 500;font-size:20px;}

.speakers-details p{color:#d8b67b;}

.speakers-img{position: relative;/*overflow: hidden;*/}

.speakers-img .spkr-pic{transition: transform 0.4s ease-in-out;}

.speakers-img .spkr-pic:hover{transform: scale(1.1);opacity: 0.9;}

.speakers-details{position: relative;z-index: 99;}





.hops-association{padding-top: 50px;position: relative;background: linear-gradient(180deg, #010810, #2f1918);border-top: 2px solid #e85b17;}

/* Header */

.assoc-title{font-weight: 800;letter-spacing: .2px;color:#0f1b3d;font-size: clamp(22px, 2.4vw, 30px);}

.assoc-sub{color:#5c6787;font-size: 14px;max-width: 720px;margin: 0 auto;}

/* Logo Card */

.assoc-card{height: 130px;border-radius: 18px;background: #ffffff;border: 1px solid rgba(15,27,61,.08);box-shadow: 0 14px 32px rgba(15,27,61,.08);display:flex;align-items:center;justify-content:center;padding: 18px;transition: transform .25s ease, box-shadow .25s ease;}



/* Logo image */

.assoc-logo{max-height: 90px;max-width: 100%;object-fit: contain;opacity: 1;transition: transform .25s ease;}

/* Hover (subtle, professional) */

.assoc-card:hover{transform: translateY(-3px);box-shadow: 0 20px 46px rgba(15,27,61,.12);}

.assoc-card:hover .assoc-logo{transform: scale(1.05);}



/* Mobile tuning */

@media (max-width: 575.98px){

.hops-association{ padding: 40px 0; }

.assoc-card{height: 110px;padding: 14px;}

.assoc-logo{max-height: 72px;}}



















.committee-wrap h4 			{color: #00a9e5;font-size:17px;font-weight:500;}

.committee-wrap h3{color:#00a9e5;}

.committee-wrap p{color:#06796d;font-size:18px;}

.speakers-details{margin-top: 1.5rem;}

.speakers-img{text-align: center;}



.comm-block{height: auto!important;}

.comm-block .spk-desc{padding-bottom: 1rem;}



.speaker-block				{overflow: hidden; position: relative;}

.speaker-block .speaker-shadow	{position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; z-index: 10;

	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,49,123,1) 100%);

	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,49,123,1) 100%);

	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,49,123,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00317b',GradientType=0 );}

.speaker-block .speaker-desc			{position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 1rem; text-align: center; z-index: 11;}

.speaker-block .speaker-desc .line-a	{font-size: 125%; font-weight: 600; color: #FFFFFF; }

.speaker-block .speaker-desc .line-b	{margin-bottom: 1rem;}



.speaker-block .speaker-desc			{}

.speaker-block .speaker-desc .line-a	{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.speaker-block .speaker-desc .line-b	{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}



.speaker-block .speaker-desc .line-a 	{-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;}

.speaker-block .speaker-desc .line-b	{opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s;}



.speaker-block:hover .speaker-desc .line-b	{opacity: 1;}



.speaker-block:hover .speaker-desc .line-a,

.speaker-block:hover .speaker-desc .line-b	{-webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0);}



.speaker-block:hover .speaker-desc .line-b	{-webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s;}





.speaker-block .speaker-img img			{opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1);}

.speaker-block:hover .speaker-img img	{opacity: 0.8; -webkit-transform: scale(1.1); transform: scale(1.1);}





.speakers-wrap .swiper-button-next,

.speakers-wrap .swiper-button-prev 			{background-color: #FFFFFF; width: 72px; height: 72px; border-radius: 100%;}



.speakers-wrap .swiper-button-next:after,

.speakers-wrap .swiper-button-prev:after 	{font-size: 24px;}



.spk-desc .line-a{color:#2e4181;font-family: "DM Sans", sans-serif;font-weight: 600;}



.speakers-block .spkr-img	{/*border-radius: 38%; overflow: hidden;*/ /*transform: rotate(45deg);*/ margin: 0 auto; width: 100%; position: absolute; left: 0; right: 0; /*top: 0;*//*border:3px solid #fff;*/}

.speakers-block .spkr-desc	{background-color: #fefefe; border-radius: 0.5rem; padding-top: 150px; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; height: 100%;}



.speakers-block .spkr-img img		{/*transform: rotate(-45deg) scale(1.1);*/ transition: transform .5s ease;}

.speakers-block:hover .spkr-img img	{/*transform: rotate(-45deg) scale(1.2);*/ }



.spkr-desc .line-a{color:#2e4181;font-family: "DM Sans", sans-serif;font-weight: 800;font-size:18px;}

.spkr-desc .line-b{color:#000;font-family: "DM Sans", sans-serif;font-size:15px;}

.speakers-block {cursor: pointer;position: relative;height: 100%;padding-top: 50px;filter: drop-shadow(0 0 15px #ccc);}



.speakers-details-block{height: 100%;text-align: center;}





/* Laptop  - For 1024 Resolution */

@media only screen

and (min-width : 768px)

and (max-width : 1024px)

{

	

	

.speakers-block				{padding-top: 100px;}

.speakers-block .spkr-desc	{padding-top: 100px;}}



/* iPad Landscape */

@media only screen   

and (orientation : landscape)   

and (-webkit-min-device-pixel-ratio: 2)  

and (min-width : 768px)   

and (max-width : 1024px)   

{	

	

.speakers-block				{padding-top: 120px;}

.speakers-block .spkr-desc	{padding-top: 120px;}}



/* iPad Portrait */

/* Orientation : Portrait */  

@media only screen   

and (orientation : portrait)   

and (-webkit-min-device-pixel-ratio: 2)   

and (min-width : 768px)   

and (max-width : 1024px)  

{

	

.speakers-block							{padding-top: 100px;}

.speakers-block .spkr-desc				{padding-top: 100px;}}



/*.speaker-wrap span img{width:40px;}*/

/*.speaker-wrap span {position: absolute;bottom: 35%;left: 0;width: 100%;text-align: center;}*/





.spk-block						{/*height: 100%; background-color: #0092c630;*/ /*-webkit-box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.1);*//*border-radius: 25px;*/}



.spk-block .spk-img				{overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); position: relative;}

.spk-block .spk-img img			{opacity: 0.8; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); mix-blend-mode: multiply;border-radius: 100%;padding: 30px;}

.spk-block:hover .spk-img img 	{opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); mix-blend-mode: normal;}

.spk-block .spk-desc			{/*padding: 1rem;*/text-align: center;}

.spk-block .spk-desc .line-a	{font-size: 100.0%;}

.spk-block .spk-desc .line-b	{font-size: 87.5%;font-family: "DM Sans", sans-serif;}

.spk-block .cv-more a {background: rgb(46,66,130);background: linear-gradient(90deg, rgb(0 169 229) 0%, rgb(0 0 0) 100%);padding-left: 25px;padding-right: 25px;padding-top: 5px;padding-bottom: 5px; font-size:16px;border-radius: 5px;font-weight: 300;font-family: "DM Sans", sans-serif;}



.speaker-wrap .cv-more a {background: linear-gradient(90deg, rgb(158 169 198) 0%, rgb(26 39 69) 100%);padding-left: 25px;padding-right: 25px;padding-top: 5px;padding-bottom: 5px; font-size:16px;border-radius: 5px;font-weight: 300;color: #fff;}



.speaker-wrap .cv-more{text-align: center;}



.spk-block .spk-img span 			{position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;}

.spk-block .spk-img span img 		{width: 36px;}

.spk-block .spk-img span img 		{opacity: 1; -webkit-transform: scale(1); transform: scale(1); mix-blend-mode: normal;}

.spk-block:hover .spk-img span img 	{-webkit-transform: scale(1); transform: scale(1); mix-blend-mode: normal;}



.grayscale {-webkit-filter: grayscale(100%);}

.spk-img img:hover {-webkit-filter: none;cursor:pointer;}



.spk-block a{font-family: "DM Sans", sans-serif;font-weight: 500;color:#fff;}

.spk-block .cv-more{text-align: center;margin-bottom: 2rem;}



ul.listings-cv{padding-left: 2rem;}

ul.listings-cv li{color: #444!important;}



.program-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding);/*background-image: url("../images/chairman-back.jpg");background-position: top center;*/}

/*.program-wrap h1 			{color: #1a2745;text-align: center;text-transform: uppercase;font-size:50px;font-weight: 600;}*/

/*.program-wrap h1 span{display: block;font-size:40px;color:#157039ab;}*/

.title-texture{padding-bottom:2rem;overflow:hidden;}

.title-texture img:nth-child(3){transform:scaleX(-1) ;}

.program-head h2{color:#cedcfe;}

.program-head p{color: #cedcfe!important;}



.workshop-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-color: #e7e7e7;}

.workshop-wrap .nav-pills .nav-link.active,

.workshop-wrap .nav-pills .show>.nav-link 	{color: #FFFFFF;background: linear-gradient(180deg, #38263e, #38263e);font-family: "Tenor Sans", sans-serif;}

.workshop-wrap .nav-link 					{color: #fff; background-color: #a8aaaf;}

.workshop-wrap li{margin: 5px;}

.workshop-wrap .line-b{color:#fff;}



.workshop-wrap .nav-item .nav-link			{-webkit-box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2);height: 100%;}



.workshop-wrap .nav-link						{padding: 0.75rem 1.25rem;}



.workshop-wrap .nav-item .line-a				{font-size: 120%; font-weight: 700;}



h4.title-texturer{margin-top:2rem;color:#06796d;font-size:22px;font-weight:600;}



.workshop-wrap .prog-row.highlight-c .lecture{color:#000;}

.workshop-wrap .doc-icon {color: #212020;font-size: 25px;margin-right: 1%;}

.workshop-wrap .prog-row .time{background-color: #f1f1f1;}





.venue-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-color: #e7e7e7;}

.venue-wrap h4          {font-size:27px;color:#157039ab;color:#06796d;}

.location-map           {margin-top: 2rem;}

.location-map h6        {font-size:20px;margin-bottom: 1rem;}





.prog-row					{padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem;}

.prog-row:not(:last-child)	{border-bottom: 1px solid #666666;}



.prog-row-a					{background-color: #ccdee8;}

.prog-row-b					{background-color: #fdecd4;}



.nav-pills .nav-link 		{border-radius: 0; background-color: #7a7a7a;}

.nav-pills .nav-link.active,

.nav-pills .show>.nav-link 	{background-color: #00588e;}



.nav-justified .nav-item,

.nav-justified>.nav-link 	{margin-right: 3px;}



.nav-justified .nav-item:last-child,

.nav-justified>.nav-link:last-child 	{margin-right: 0;}





.line-aa		{color: #FFFFFF; text-align: left; font-size: 125%; text-transform: uppercase; font-weight: 500;}

.line-bb		{color: #FFFFFF; text-align: left;}



.program-wrap .nav-pills .nav-link.active,

.program-wrap .nav-pills .show>.nav-link 	{color: #FFFFFF; background-color: #00a9e5;border-radius:20px;border:2px solid #fff;}

.program-wrap .nav-link 					{color: #FFFFFF; background-color: #00a9e5;border-radius:20px;}

/*.program-wrap li{margin: 5px;}*/

.program-wrap .line-b{color:#000;}



.program-wrap .nav-item .nav-link			{-webkit-box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2);height: 100%;}



.program-wrap .nav-link						{padding: 0.75rem 1.25rem;}



.program-wrap .nav-item .line-a				{font-size: 200%; font-weight: 700;}

.prog-row				{padding: 0.75rem 0.5rem; border-bottom: 1px solid #CCCCCC;}

.prog-row:last-child	{border-bottom: none;}



.prog-row .time			{background-color: #fff;font-size: 14px;text-align: center;padding: 10px;font-weight: 500;

 color: #000;width:100%;}

.prog-row .doc			{}

.prog-row .lecture		{font-weight: 500;font-size:16px;color:#fff;/*font-family: "Outfit", sans-serif!important;*/}

.prog-row .docname		{font-weight: 500;/*font-family: "Outfit", sans-serif!important;*/font-size:15px;color:#0f53a1;}

.prog-row.highlight-a	{/*background: linear-gradient(45deg, rgb(96 203 235) 0%,rgb(15 83 161) 100%);*/color:#fff;margin-bottom:0.5rem;}

.program-head p{font-size:20px;}

.prog-row.highlight-b	{background-color: #0f53a1;color:#fff;margin-bottom:0.5rem;font-family: "DM Sans", sans-serif;}

.prog-row.highlight-c   {background-color: #0d706521;color:#fff;margin-bottom:0.5rem;font-family: "DM Sans", sans-serif;}

.highlight-break-session{background-color: #62d1f4!important;color:#fff;text-transform: uppercase;}

.prog-row.highlight-c .lecture{color:#fff;font-size:16px;/*text-align: right;*/}

.program-wrap .speakers-block .spkr-img{width:40%;}

.program-wrap .speakers-block{padding-top: 85px;}



.highlight-row-2 .lecture {text-transform: uppercase;font-weight: 600!important;color: #000;font-size: 20px!important;}



.prog-row .doc img		{border-radius: 10%;width:50%;float: right;}

.highlight-session      {background-color: #84bc63!important;text-align: center;}

.highlight-session .time{font-size:30px;text-transform: uppercase;font-weight: 600;/*font-family: var(--poppins)!important;*/}

/*.prog-row span{font-size:24px;font-family: var(--poppins)!important;}*/

    

.prog-row .prog-time		{font-weight: 500; line-height: normal;}

.prog-row .prog-title		{margin-bottom: 0.25rem; font-size: 125%; font-weight: 600; color: #00588e; line-height: normal;}

.prog-row .prog-doc			{margin-bottom: 0.25rem; line-height: normal;}

.prog-row .prog-img img		{-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

.prog-row.highlight-c img   {width: 50%;/*border-radius: 50%;*/}



/*.workshop-wrap		{padding-top: var(--def-padding); padding-bottom: var(--def-padding); background-color: #f2f2f2;}

.workshop-wrap h1 	{color: #2bb2cf; font-size: 300%; text-align: center;}*/



/*.workshop-wrap		{padding-top: 3rem; padding-bottom: 3rem; background-color: #001e40;background-image: url("../images/workshop-back-layer.png");background-repeat: no-repeat;background-position: center;}*/

.highlight-c h4     {color:#fff;padding-top: 1rem;padding-bottom: 1rem;font-weight:500;text-transform: uppercase;}

.highlight-c h4 span{text-transform: none;}

.program-wrap .nav-pills .nav-link.active,

.program-wrap .nav-pills .show>.nav-link 	{color: #FFFFFF; background: linear-gradient(90deg, #000000 0%, #629f7a 50%);}

.program-wrap .nav-link 					{color: #fff; background-color: #a8aaaf;}

/*.program-wrap li{margin: 5px;}*/

.program-wrap .line-b{color:#fff;}



.program-wrap .nav-item .nav-link			{-webkit-box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2);height: 100%;}



.program-wrap .nav-link						{padding: 0.75rem 1.25rem;}



.program-wrap .nav-item .line-a				{font-size: 200%; font-weight: 700;}



.program-wrap .doc-icon{color:#212020;font-size:25px;margin-right: 1%;}



.program-wrap .prog-row.highlight-c{background-color: #ebebeb;}

.program-wrap .prog-row.highlight-c .lecture{color: #000;}

/*.program-wrap .prog-row .docname{color: #157039ab;}*/

.program-wrap h2{color:#d8b67b;font-weight: 500;font-size:28px;}

.program-wrap .program-head p {color:#000!important;font-weight:500;text-transform: none;}



.registration-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-image: url(../images/sign-up-back.webp);background-position: right;background-size: cover;/*background-image: url("../images/chairman-back.jpg");background-position: top center;*/}

/*.registration-wrap h1 			{color: #1a2745;text-align: center;text-transform: uppercase;font-size:50px;font-weight: 600;}

.registration-wrap h1 span{display: block;font-size:40px;color:#157039ab;}*/

.registration-method h3{color:#000;font-weight:300;margin-top: 1rem;margin-bottom: 1rem;}







.footer				{padding-top: 1rem; padding-bottom: 0rem;background: linear-gradient(90deg, rgb(0 0 0) 30%, rgb(232 91 23) 100%) !important;font-size: 75%; color: #fff;}

.footer a 			{color: #fff; /*text-decoration: underline;*/font-family: "DM Sans", sans-serif;}

.footer a:hover 	{color: #fff; text-decoration: none;}



    

    

.iti 											{display: block;}

.iti--allow-dropdown input,

.iti--allow-dropdown input[type=text],

.iti--allow-dropdown input[type=tel],

.iti--separate-dial-code input,

.iti--separate-dial-code input[type=text],

.iti--separate-dial-code input[type=tel] 		{padding: 1rem 3rem;}







.sponsors-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding);/*background-image: url("../images/chairman-back.jpg");background-position: top center;*/display:none;}

.sponsors-wrap h1 			{color: #1a2745;text-align: center;text-transform: uppercase;font-size:50px;font-weight: 600;}

.sponsors-wrap h1 span{display: block;font-size:40px;color:#157039ab;}

.sponsors-wrap .sponsors-block	{}

.sponsors-wrap .sponsors-block img{border-radius: 10px;border: 1px solid #bfcef3;}

.sponsors-wrap h4{font-weight: 500;text-align:center;color:#1a2745;margin-top: 1rem;}





.reg-gray				{background-color: #f2f2f2; padding: 1rem; border-radius: 0.25rem;}

.grand-total			{background-color: #cccccc; padding: 1rem; border-radius: 0.25rem;}











.speakers-wrap			{padding-top: var(--def-padding);padding-bottom: var(--def-padding);/*background: linear-gradient(180deg, #ffffff, #69299c);*//*background-color:#7b3f95;background-image:url("../images/spkr-background.png");background-repeat: no-repeat;*/background: linear-gradient(180deg, #f4f7ff, #f4f7ff);}



hr.comittee-speakers{border-top: 1px solid #fff;}







.affiliation-section{padding-top: 2rem;padding-bottom: 2rem;background-color: #010234;}

.affiliation-section h1{text-align: center;color:#fff;font-weight: 300;font-size:50px;}



.committee-wrap .tab-content>.tab-pane 	{/*background-color: #FFFFFF;*/ padding: 2rem 0rem 0rem 0rem;}

    

.committee-wrap .nav-pills .nav-link			{margin-right: 1px;}



.committee-wrap .comm-block				{text-align: center;}

.committee-wrap .comm-block .line-a		{margin-bottom: 1rem;}

.committee-wrap .comm-block .line-b		{color: #36b1cf; font-weight: 600; font-size: 87.5%;}

.committee-wrap .comm-block .line-c		{color: #1b3867; font-weight: 600;}

.committee-wrap .comm-block .line-d		{font-size: 75%;}





.patronage			{padding-top: var(--def-padding); padding-bottom: var(--def-padding); background-color: #FFFFFF;}

.patronage h2       {font-family: "Playwrite NZ Basic", cursive;}



.workshop-block		{padding: 1rem; background-color: #e5e5e5; height: 100%; border-radius: 0.5rem;}







/* ----------- Non-Retina Screens ----------- */

@media screen 

  and (min-device-width: 1200px) 

  and (max-device-width: 1600px) 

  and (-webkit-min-device-pixel-ratio: 1) {}



/* ----------- Retina Screens ----------- */

@media screen 

  and (min-device-width: 1200px) 

  and (max-device-width: 1600px) 

  and (-webkit-min-device-pixel-ratio: 2)

  and (min-resolution: 192dpi) {}





/* Laptop - For 1366 Resolution */

@media only screen

and (min-width: 1030px)

and (max-width: 1366px)

{}





/* Laptop  - For 1024 Resolution */

@media only screen

and (min-width : 768px)

and (max-width : 1024px)

{

	

body 				{font-size: 0.875rem;}	

/*.menu-area{background-color: rgba(0,0,0,0.8)!important;}*/	

	

}





/* iPad Landscape */

@media only screen   

and (orientation : landscape)   

and (-webkit-min-device-pixel-ratio: 2)  

and (min-width : 768px)   

and (max-width : 1024px)   

{

	

body 				{font-size: 0.875rem;}





.page				{margin-top: 0px;}

/*.menu-area          {background-color: rgb(2 11 40) !important;}*/	

.menu-area.sticky 	{background-color: rgba(0,0,0,0.8);}	

	

	

/*.banner-area				{position: static; padding-top: 1rem; padding-bottom: 1rem;}

.banner-area .cont-holder	{position: static;}

.banner-area .bg-holder		{display: none;}*/

	

.banner-area .cme			{position: static; width: 200px; height: auto; }}





/* iPad Portrait */

/* Orientation : Portrait */  

@media only screen   

and (orientation : portrait)   

and (-webkit-min-device-pixel-ratio: 2)   

and (min-width : 768px)   

and (max-width : 1024px)  

{



body 				{font-size: 0.875rem;}

	

.menu-area{background-color: rgba(0,0,0,0.8)!important;}	

.menu-area.sticky 	{background-color: rgba(0,0,0,0.8);}

	

.page				{margin-top: 70px;}

	

.banner-area				{position: static; padding-top: 1rem; padding-bottom: 1rem;}

.banner-area .cont-holder	{position: static;}

.banner-area .bg-holder		{display: none;}

	



.banner-area .cme			{position: static; width: 200px; height: auto; }	

.banner-area .name-moh		{position: static; margin-bottom: 1rem;}}



/* Generally, this dimension is recommended for mobile: - For 640 Resolution */  

@media only screen   

and (min-width : 360px)   

and (max-width : 640px)  

{

	

body 				{font-size: 0.875rem;}

	

.page				{margin-top: 70px;}



.menu-area{background-color: rgba(0,0,0,0.8)!important;}	

.menu-area.sticky 		{background-color: rgba(0,0,0,0.8);}

	

.speaker-block .speaker-desc .line-a		{font-size: 100%; margin-bottom: 0.5rem;}	

	

.left-area					{text-align: center;}

	

	

.nav-justified .nav-item,

.nav-justified>.nav-link 	{margin-right: 0px;}

	

.banner-area .cme			{position: static; width: 200px; height: auto; margin: inherit; margin-bottom: 1rem; margin-left: 1rem;}

.banner-area .name-moh		{position: static; margin-bottom: 1rem;}}



/* Mobile - For 480 Resolution */  

@media only screen   

and (min-width : 320px)   

and (max-width : 480px)

{

	

body 				{font-size: 0.875rem;}



.page				{margin-top: 0px;}

	

.menu-area{/*background-color:#14668d!important;*/background: linear-gradient(125deg, #000004, #000003);}	

.menu-area.sticky 		{background-color: rgba(0,0,0,0.8);}

	

.speaker-block .speaker-desc .line-a		{font-size: 100%; margin-bottom: 0.5rem;}

	

	

	

.banner-area				{/*position: static;*/ padding-top: 13%; padding-bottom: 0rem;}

/*.banner-area .cont-holder	{position: static;}*/

/*.banner-area .bg-holder		{display: none;}*/

	

.left-area					{text-align: center;}

	

	

.nav-justified .nav-item,

.nav-justified>.nav-link 	{margin-right: 0px;}

	



.banner-area .cme			{position: static; width: 200px; height: auto; margin: inherit; margin-bottom: 1rem; margin-left: 1rem;}

.banner-area .name-moh		{position: static; margin-bottom: 1rem;}}



.float-whatsapp{text-align: center;font-size: 18px;font-weight: 500;color: #000;/*border-top: 1px solid;border-bottom: 1px solid;*/}

.float-whatsapp a{color:#000!important;}

.padding-left-right{padding-left: 5%;padding-right: 5%;}





.affiliation-section{padding-top: 2rem;padding-bottom: 2rem;background-image: url("../images/affiliation-back.png");background-position: center;background-repeat: no-repeat;}





.conf-quick-details{margin-top: 2rem; border-bottom: 3px solid #84bc63;border-top: 3px solid #2290b9;border-left: 3px solid #84bc63;border-right: 3px solid #2290b9;padding: 10px;border-radius: 15px;background-image: url("../images/affiliation-back.png");background-repeat: no-repeat;background-position: center;}

.conf-quick-details .counter-wrap img{width:20%;margin-bottom:1rem;}



.conf-quick-details .counter-wrap h1{color:#fff;display: inline-block;}

.conf-quick-details .counter-wrap span{color:#fff;font-size:22px;text-transform:uppercase;}





.animated-box {position: relative;}

.animated-box:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 4px;background: linear-gradient(120deg, #000, #193867, #415ebb);background-size: 300% 300%;clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);}



.animated-box.in:after {animation: frame-enter 1s forwards ease-in-out reverse, gradient-animation 4s ease-in-out infinite;}

/* motion */

@keyframes gradient-animation {

  0% {

    background-position: 15% 0%;

  }

  50% {

    background-position: 85% 100%;

  }

  100% {

    background-position: 15% 0%;

  }

}



.committee-speakers-dept-head h3{color:#fff;font-weight:400;}



.reg-left {background: linear-gradient(90deg, rgba(118, 116, 190, 1) 0%, rgba(65, 94, 187, 1) 35%);padding: 1rem 1rem;height: 100%;color: #FFFFFF;}



.amount-main {background: #05317a;/* padding: 10px 0px 0px 0px; */border-radius: 3px;/* margin: 15px 0; */}

.total-payment h4 {color: #fff;font-weight: 300;}



h4.float-whatsapp{font-weight:500;/*font-family: "DM Sans", sans-serif;*/}

.btn-registration{background: linear-gradient(90deg, rgba(230, 205, 149, 1) 0%, rgba(195, 147, 82, 1) 50%);/*backgrund-color:#000;*/color:#fff;border: 0px;}

.btn-registration:hover{background: linear-gradient(90deg, #000000 0%, #629f7a 50%);color:#fff;}

.item-detail {text-align: right;padding-right: 10px;font-size: 19px;font-weight: 500;padding-top: 5px;background-color: #0e559f;}

.registration-method .unstyled li{display:block;margin:0px;font-family: "DM Sans", sans-serif;}

.registration-method .unstyled .styled-checkbox + label::before{float:left}

.registration-method .unstyled label{display:block;position:relative;z-index:1}

.registration-method .unstyled .styled-checkbox + label .registration-div{/*margin:0 50px 0 40px*/}

.registration-div h4{padding:0px;font-size:20px;color:#000!important;}

.registration-method h4{color:#00506d;text-transform: none;padding-bottom: 1rem;font-weight:400;}

.registration-div p{padding-top:0px;padding-bottom:15px;}

.registration-amount{position:absolute;top:5%;right:0px;float:right;font-weight:bold;font-family: 'Rubik', sans-serif;}

.registration-method ul li:last-child p{padding-bottom:0px;}

.registration-method ul{padding-left: 0rem;}

.registration-method li{padding-bottom: 0rem;}

ul.unstyled-pay{list-style: none;padding-left: 0rem;}

.form-floating>.form-select{font-family: "DM Sans", sans-serif;}



.form-label-pay{font-size:25px;text-transform: uppercase;color:#221638;}



.styled-checkbox {position: absolute;opacity: 0;}

.styled-checkbox + label {position:relative;cursor:pointer;padding:0;font-size:16px;line-height: 1.5;}



.styled-checkbox + label:before {content: '';border-radius: 50%;margin-right:10px;margin-left:1px;display: inline-block;vertical-align:bottom;width: 28px;height: 28px;background: #fff;box-shadow: 0 0 0 1px #ced4da;}

.styled-checkbox:hover + label:before {background:#cedcfe;box-shadow: 0 0 0 1px #464748;}

.styled-checkbox:focus + label:before {box-shadow: 0 0 0 1px #cedcfe;}

.styled-checkbox:checked + label:before {background:#464748;box-shadow: 0 0 0 1px #464748;}

.styled-checkbox:disabled + label {color: #b8b8b8;cursor: auto;}

.styled-checkbox:disabled + label:before {box-shadow: none;background: #ddd;}

.styled-checkbox:checked + label:after {content: '✓';position: absolute;left: 8px;top: 0px;background: none;width: 2px;height: 2px;color: #fff;font-size: 18px;font-weight: bold;}

/*.checkbox .styled-checkbox:checked + label:after {content:"";width:23px;height:23px;left:3px;top:3px;bottom:3px;right:3px;background:#c9b87a}*/



.checkbox .styled-checkbox + label:before {border-radius:0%;}



@media only screen and (max-width:1700px){

.ds-flat .ds-element{width:13%;}}



@media only screen and (max-width:1600px){

.ds-flat .ds-element{width:15%;}}



@media only screen and (max-width:1440px){

.date-time h3{font-size:20px;}

.location-time h3{font-size:23px;}

.affiliation-section{padding-top:8rem;}

.affiliation-section h1{font-size:35px;}

.chairperson-wrap p{font-size:16px;}

.conf-quick-details .counter-wrap span{font-size:20px;}

/*.welcome-note{margin-left: -15%;}*/

.speakers-details{margin-top: 1rem;}

.workshop-wrap .nav-tabs button + button{margin-left: 0px;}

.workshop-wrap .nav-tabs button {font-size:17px;}

.left-area .line-a img{width:80%!important;}

.patronage-text h2 span{font-size:23px;}

.patronage-text h2{font-size:30px;}}



@media only screen and (max-width:1280px){

.left-area	{margin-top: 4%;}

.count-div{width:160px!important;}

.left-area h4{font-size:17px!important;}}



@media only screen and (max-width:1366px){

.speaker-wrap span{bottom:40%;}

.ds-flat .ds-element{width:16%;}	

.speakers-block .spkr-desc{padding-top: 120px;}

.speaker-wrap h4{font-size:17px;}

.speaker-wrap p{font-size:15px;}

.committee-wrap h4{font-size:17px;}

.committee-wrap p{font-size:15px;}	

.speakers-details-block{padding: 15px;}

.workshop-wrap .nav-tabs button {font-size:15px;}

.spk-block .spk-desc .line-a{font-size:90%;}

.speaker-wrap .cv-more a{font-size:14px;}}



@media only screen and (max-width:1024px){

.line-c a{font-size:18px;}	

.speaker-wrap p{font-size:15px;}	

.speaker-wrap h4{font-size:18px;}

/*.committee-wrap p{font-size:12px;}*/	

.committee-wrap h4{font-size:18px;}	

.speakers-details-block{padding: 10px;}	

.ds-flat .ds-element{width:18%;height: 110px;}	

.dsCountDown.ds-flat{margin-top: 2rem;}	

.left-area .line-b{margin-bottom: 2rem;}	

.date-time h3{font-size:15px;}

.location-time h3{font-size:18px;}

.speaker-block .caption-box .name{font-size:14px;}

.btn-registration{font-size:16px;}

.menu-area .navbar-expand-lg .navbar-nav .nav-link{padding-left: 0.5rem;padding-right: 0.5rem;}

/*.prog-row .time{width:30%;}*/

.left-area{margin-top: 0%;}

.speaker-wrap span{bottom: 42%;}

.speaker-wrap span{bottom: 42%;}	

.speakers-block .spkr-desc{padding-top: 85px;}

.count-div{width:130px!important;}

.prog-row .time{font-size:11px;}

.welcome-note{margin-left: 0%;}

.patronage-text h2{font-size:25px;}

.patronage-text h2 span{font-size:18px;}

.patronage-text{margin-top: 0rem;}

.count-down{top: 25%;}}



@media only screen and (max-width:768px){

.venue-section h4{font-size:18px;}	

.sponsors-wrap h4{font-size:18px;}	

.chair-conf-heading h1{font-size:35px;}

.welcome-note h3{padding-top: 1rem;}	

.date-time h3{font-size:18px;font-weight:500;}

.location-time h3{font-size:16px;font-weight:400;}

.date-time img{width:25px;}

.location-time img{width:25px;}

.conf-heading{width:100%;}

.conf-quick-details .counter-wrap span{font-size:14px;}

.conf-quick-details .counter-wrap img{width:40%;}

.prog-row .time{width:100%;}

.prog-row .doc img{width: 100%;}

.btn-registration{width:60%;font-size:14px;}

.left-area{margin-top: -25%;/*text-align: center;*/}

.flip-card{margin: 0 auto;}    

.counter-mobile{text-align: center;}

.counter-mobile .line-a img{width:50%;margin-top: 1rem;margin-bottom: 2rem;}	

.counter-mobile .line-b .date-time{display: block;}

.counter-mobile .line-b .date-time h3{color:#000;line-height: 40px;}

.right-area{margin-top: -10%;}

.page{margin-top: 0px;}

.inner-banner img{padding-top:4rem;}

.conf-heading h1{font-size:27px;}

ul#example li{margin-left: 10px!important;}

.countdown-right{margin-top: -5rem;}

.button-international-local{font-size: 20px!important;}

.program-wrap .speakers-block .spkr-img{right: auto;width: 12%;}

.prog-row .lecture{font-size:17px;}

/*.counter-mobile{display: block!important;margin-bottom:0rem;background-color: #1a2745;padding: 5rem;}*/

.counter-desktop{display: none;}

.dsCountDown.ds-flat{text-align: center;}

.ds-flat .ds-element{width:15%;height: 130px;}

.right-area img{margin-top: 1rem;}

.swiper-button-next, .swiper-button-prev{bottom:3%;}

.nav-tabs button + button{margin-left:0px!important;}

.button-container{display: grid!important;}

.nav-tabs button{margin: 5px;font-size:17px!important;}

.surgical-logo img{width: 85%!important;}

.left-area .line-a img{width:100%!important;display: none;}

/*.left-desktop-view{display: none;}*/

.prog-row.highlight-c .lecture{font-size:17px;}

.prog-row .time{text-align: left;}

.prog-row.highlight-c .lecture{font-size:16px!important;}

.padding-left-right{padding-left:3%;padding-right:3%;}

.surgical-cme-desktop{display: none;}

.surgical-cme-mobile{position: relative!important;top:-4rem!important;z-index: 999;display: none;}

.surgical-cme-mobile img{width:20%!important;margin-right: 0rem!important;float: right;}

.dsCountDown.ds-flat{margin-top: -5rem!important;}

.timer-venue ul li div span{font-size:30px!important;}

.timer-venue ul li div{min-width: 80px!important;}

.dm-event-logo{width:20%;}

.left-desktop-view{margin-top: -12rem;}

.patronage-text{margin-top: 1rem!important;}

.count-down{margin-top: -28%;}

.patronage-text h2{line-height: 30px!important;}

.cme-points{margin-top: 1rem;}

.banner-area{background-color: #060a11;padding-bottom: 0rem;}}



@media only screen and (max-width:475px){

.line-c a{border-radius: 10px;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;font-size:16px;}	

.left-area .line-a img{width:100%!important;}	

.speakers-details{margin-top: 0.5rem;text-align: center;}	

.welcome-note h3{text-align: left;/*font-size:20px!important;font-weight: 300;*/}

.welcome-note p{text-align: justify;}

.workshop-wrap h2{font-size:18px;line-height: 30px;}	

.ds-flat .ds-element-value{font-size:185%;}	

.ds-flat .ds-element-title{font-size:85%;}	

.ds-flat .ds-element{padding: 1.5rem;}	

.ds-flat .ds-element{width:22%;height: 110px;}	

.line-c-mobile{margin-top:2rem;}

.date-time{line-height: 30px;}

.date-time img{width:20px;margin-top: -10px;}	

.date-time h3{color:#000;font-weight: 600;}	

.counter-mobile{text-align: center;}	

/*.line-c-desktop{display: none!important;}	

.line-b-desktop{display: none!important;}*/	

/*.left-area .line-c{text-align: center;}*/

.left-area{text-align:center;margin-top: -10%;}	

.surgical-logo img{width:25%;}	

.left-area .line-a img{width:60%;}	

.swiper-button-next, .swiper-button-prev{display: none;}	

.right-area img{width:100%;}	

.right-area{margin-top: -10%;text-align: right;}

.banner-area .cont-holder{position: relative;}

.affiliation-section h1{font-size:25px;}

.conf-heading{width:100%;}

.chairperson-wrap{padding-top: 3rem;padding-bottom:2rem;}

.committee-wrap{padding-top: 3rem;padding-bottom:2rem;}

.program-wrap{padding-top: 3rem;padding-bottom: 2rem;}

.speaker-wrap{padding-top: 3rem;padding-bottom: 2rem;}

.sponsors-wrap{padding-top: 3rem;padding-bottom: 2rem;}

.registration-wrap{padding-top: 3rem;padding-bottom: 2rem;}

.workshop-wrap{padding-top: 3rem;padding-bottom: 2rem;}		

.speaker-block .caption-box .name{line-height: normal;}

.program-wrap li{width:100%;}

.program-wrap .nav-item .nav-link{width:100%;}

.program-wrap .nav-link{padding: 5px;}

.prog-row .time{font-size: 14px;text-align: center;border-radius:25px;}

.btn-registration{width:100%;}

.prog-row.highlight-c .lecture{font-size:15px;}

.conf-heading h1{font-size:25px!important;margin-bottom: 1.5rem;}

.padding-left-right{padding-left: 0%;padding-right: 0%;}

.counter{margin-top: 5%;}

.chairperson-wrap p{font-size:14px;font-weight: 400;}

.footer p{font-size:13px!important;}

.menu-area{padding-top: 0.5rem;padding-bottom: 0.5rem;}

.inner-banner img{padding-top:3rem;}

.prog-row.highlight-c img{width:30%;}

.workshop-wrap li{width:100%;}

.workshop-wrap .nav-item .nav-link{width: 100%;}

.highlight-c h4{font-size:18px;text-align: center;}

.box-card-flag{width: 30px!important;bottom: 10px!important;}

.speaker-block .inner-box:hover .social-links{bottom: 10px;}

.program-wrap .speakers-block .spkr-img{width:22%;}

.highlight-row-2 .lecture{font-size:15px!important;}

.prog-row .time	{width:100%;}

.highlight-col h2{font-size:28px;}

.highlight-col p{font-size:16px;}

.highlight-col h4{font-size: 18px!important;}

.left-area h4{display: none;}

.dsCountDown.ds-flat{margin-top: -3rem!important;}

.four-season-map{height:350px;}

.timer-venue ul li div{min-width:70px!important;}

.timer-venue ul li div span{font-size:30px!important;}

.surgical-cme-mobile img{width:25%!important;float: none;}

.counter-mobile{margin-bottom: 0rem;padding: 0rem;}

.surgical-cme-mobile{top: 0rem!important;}

/*.left-area .line-c{text-align: center;}*/

/*.cont-holder{background-color: #1a2745;}*/

.timer-venue ul{justify-content: center!important;}

.chairperson-wrap h1{font-size:30px;}

.speaker-wrap h1{font-size:30px;}

.program-wrap h1{font-size:30px;}

.workshop-wrap h1{font-size:30px;}

.registration-wrap h1{font-size:30px;}

.sponsors-wrap h1{font-size: 30px;}

.registration-div h4{font-size:17px;}

.support h3{font-size:19px;}

.float-whatsapp{font-size:13px;}

.chair-name h5{font-weight: 300;}

.bg-holder-msg img{width: 50%!important;opacity: 0.5!important;}

.chairperson-wrap p{width:100%;}

.program-wrap h2{font-size:20px;}

.lecture span{display: none;}    

.docname span{display: none;}

.prog-row .docname{font-size: 15px!important;color: #3c7653!important;}

.menu-area .navbar-expand-lg .navbar-nav .nav-link{font-size:16px;border-bottom: 1px solid #f5f5f5;padding: 15px;}

.dm-event-logo{width:40%!important;}

.prog-row .doc img{width:100%!important;}

.moderator span{display: none;}

.count-down{right: 3rem;width:100px;}

.count-down ul li > div{padding: 0.5rem;}

.count-down ul li h2{font-size:18px;}

.count-down ul li p{font-size:14px;}

.left-area .line-c{text-align: left;margin-top: 2rem;}

.patronage-text h2{font-size:16px!important;}

.patronage-text h2 span{font-size:14px!important;}

.count-down{margin-top: -28%;}}



@media only screen and (max-width:375px){

.ds-flat .ds-element{width:23%;height: 100px;}	

.ds-flat .ds-element-value{font-size:170%;}	

.ds-flat .ds-element-title{font-size:70%;}	

.highlight-row-2 .lecture{font-size:16px;}

.spkr-desc .line-a{font-size:14px!important;}

.speaker-wrap span{bottom:45%;}

.committee-wrap span{bottom:45%;}	

.speakers-block .spkr-desc{padding-top: 40px!important;}

.chair-conf-heading h1{font-size:22px!important;}

.chair-conf-heading span{font-size:14px!important;}

.welcome-note h3{font-size:20px!important;}

ul#example li p{font-size:12px!important;}

.spk-block .cv-more a{font-size:13px;}

.flag-img{bottom:40%;}

.chair-col-section-details{margin-top: 0rem;}}



@media only screen and (max-width:360px){

.speakers-block .spkr-desc {padding-top: 35px !important;}

.speaker-wrap span{bottom:45%;}

.committee-wrap span{bottom:45%;}	

.chair-conf-heading h1{font-size:19px!important;}

.welcome-note h3{font-size:17px!important;}

.flag-img{bottom:53%;}}	





.box-card-flag {right:0%;transform: translateX(-50%);width: 40px;bottom: 25px;z-index: 5;position: absolute;}

.footer p{font-size:15px;font-weight:500;font-family: "DM Sans", sans-serif;}







#tsparticles{top:0;left:0;position:absolute; width:100%;height:0;z-index:0;padding-top:85%;overflow:hidden;}

canvas{display:block;position:absolute;left:0;top:0;height:100%;width:101.902173913%;opacity:0.1;}

#tsparticles::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:20%;z-index:9;display:none;border:2px solid green;background: linear-gradient(0deg, rgba(34,15,75,1) 0%, rgba(34,15,75,1) 42%, rgba(34,15,75,0.5466561624649859) 81%, rgba(34,15,75,0) 100%);}





.date-time-workshop h3{font-size:22px;font-weight:400;}



@media only screen and (max-width:1366px){

.date-time-workshop h3{font-size:20px;}

ul#example li{margin-left:20px;}}



@media only screen and (max-width:1280px){

.date-time-workshop h3{font-size:19px;}

.affiliation-section{padding-top: 10rem;}}



@media only screen and (max-width:768px){

.date-time-workshop h3{text-align: center;display: block;}

.affiliation-section{padding-top: 12rem;}

.line-b-mobile{display: none;}

.line-c-mobile{display: none;}

ul.navbar-nav{background: none;}

.mob-logo{display: block!important;}

.line-b-mobile{display: block;}

.line-c-mobile{display: block;margin-top: 2rem;}

/*.left-desktop-view{display: none!important;}*/

.about-surgical-content p{font-size:16px!important;}

.slide-desktop{display: none;}

.slide-mobile{display: block!important;}

/*.surgical-cme{display: block!important;}*/

.surgical-cme img{width:18%;}

.ds-flat .ds-element-value{margin-top: 1rem;}

.listings-audience li{font-size:16px;}}



@media only screen and (max-width:475px){

.surgical-logo{margin-top: 3rem!important;}	

.surgical-logo img{width:60%!important;}

.date-time-workshop img{display: none;}

.affiliation-section{padding-top: 3rem;}

.date-time-workshop h3{font-size:16px;}

.speaker-block .caption-box .name{font-size:13px;}

.program-wrap .nav-item .line-a{font-size:110%;}	

.workshop-wrap .nav-item .line-a{font-size:110%;}

.prog-row .doc img{float: none;}

.onoffcanvas h3{font-size:20px!important;}

.onoffcanvas p{font-size:14px!important;}

.close-button{top:0%!important;}

.chair-conf-heading h1{font-size:26px;}	

.chair-conf-heading span{font-size:18px;}

ul#example li span{font-size:25px;}

ul#example li{margin-left: 0px!important;}

.count-div{width: 85px!important;}

ul#example li p{font-size:14px;}

/*.banner-area .cont-holder{background-color: #002b25;}*/

.countdown-right{margin-top: 0rem;}

.nav-tabs button + button {margin-left: 0%!important;}

.button-international-local{width: 100%!important;}

.spkr-desc .line-a{font-size:15px;}

.spkr-desc .line-b{font-size:12px;}

.speaker-wrap .cv-more a{font-size:11px;}

.speakers-block .spkr-desc{padding-top: 50px;}

.speaker-wrap span{bottom: 45%;}	

.welcome-note h3{padding-top: 1rem;font-size: 25px;}

h2.conf-work-head span{font-size:18px;font-weight:400;}

.highlight-col h2{font-size:25px!important;}

.highlight-col p{font-size:16px!important;}

.highlight-conference-col h4{font-size:18px!important;}

.target-speciality h4 {font-size: 17px!important;}

.ds-flat .ds-element-value{margin-top: 0rem;}

.surgical-cme img {width: 22%;}

.counter-mobile .line-a img{width:65%;margin-bottom: 1rem;}

.listings-audience li{list-style: disc!important;font-size: 14px!important;}

.speciality{text-align: left!important;}

ul.listings-audience{padding-left: 2rem!important;}

.counter-mobile h4{display:block!important;font-size:16px;line-height: 30px;}}



@media only screen and (max-width:375px){

.speaker-block .social-links li a{font-size:12px;}

.footer p{font-size:13px;}

.target-speciality h4 {font-size: 14px!important;}

.target-speciality img{width:50%;}}





ul.listings-cv{padding-left: 2rem;}

ul.listings-cv li{color:#fff;font-weight:400;line-height: 30px;}





@media (min-width: 2500px) and (max-width: 2560px){

.right-area img{margin-top: 0rem;margin-left: 0rem;}}	



@media (min-width: 2008px) and (max-width: 2100px){

.right-area img{margin-top: 13rem;margin-left: 7rem;}}



/*@media only screen and (max-width:1800px){

.right-area img{margin-top: 11.5rem;margin-left:6rem;}}*/







.accordion-main nav{margin-bottom:3rem;margin-top:3rem;}

.accordion-main .nav-tabs{border-bottom:none;display:flex;margin:0 auto;justify-content:center;}

.nav-tabs button{font-size:20px;border:none;background:none;text-transform:uppercase;cursor:var(--white);padding:0.6rem 0;font-weight:500;color:var(--white);padding: 15px;background-color: #a9a9a9!important;}

.nav-tabs button + button{margin-left:15px;}

.nav-tabs button.active{color:#fff;font-weight:500;background: linear-gradient(90deg, rgb(0 0 0) 30%, rgb(232 91 23) 100%) !important;padding: 15px;}



.button-container{display: block;text-align: center; gap:0px;}

.button-international-local{background: linear-gradient(90deg, rgba(46,65,130,1) 0%, rgba(113,112,185,1) 100%)!important;width:30%;color:#fff!important;font-size:30px;}

.button-local{width:30%;color:#fff!important;}



.animation-white	{animation:flikering 10s linear infinite;}



@keyframes flikering {

	0% {opacity:0}

	1% {opacity:1}

	2% {opacity:0}

	3% {opacity:1}

	4% {opacity:0}

	30% {opacity:1}

	40% {opacity:0}

	51% {opacity:0}

	52% {opacity:1}

	53% {opacity:0}

	54% {opacity:1}

	55% {opacity:0}

	56% {opacity:1}

	57% {opacity:0}

	70% {opacity:1}

	100% {opacity:0}

}



.prog-row				{padding: 0.5rem; /*border: 1px solid #ebebeb;*/margin-bottom: 0.25rem; border-radius: 0.25rem;width:100%;}

.prog-row:last-child	{margin-bottom: 0;}

.prog-row .time			{color:#000;font-weight: 500;text-transform: uppercase;}

.prog-row .doc			{}

.prog-row .doc img 		{/*max-width: 100px;*/width: 50%;background: linear-gradient(90deg, #000000 0%, #959697 50%);}

.prog-row .lecture		{font-weight: 500; font-size: 100%;color:#fff;}

.prog-row .docname		{font-weight: 500; font-size: 16px;color:#000;}

.prog-row .topics		{color: #ccffcc;}

.prog-row .short-course	{color: #000000;}

.prog-row .play			{font-size: 200%;}

.prog-row .play a		{color: var(--blue-color); display: inline-block;}

.prog-row .play a:hover	{color: var(--pink-color);}

.prog-row.highlight-a	{background-color: #e8e8e8; border-color: #d5d1ee;}

.prog-row.highlight-b	{background-color: #4c4c4c; border-color: #4c4c4c; color: #FFFFFF;}

.prog-row.highlight-a .docname {color: #FD226A;}

.prog-row.highlight-b .docname {color: #FFFFFF;}

/*.prog-row .doc img		{border-radius: 100%;}*/

.highlight-row-1{background-color: #fff;}

.highlight-row-2{background-color: #d8f2ee;text-align: center;}

/*****PROGRAM_SECTION CSS ENDS HERE********/



.jahra-circle {position: relative;z-index:1;}

.jahra-circle img{animation:rotation linear 50s infinite;width:40%;right:10%;margin-top: 5%;position: absolute;}

.jahra-circle img{}

@keyframes rotation{

	0%{transform:rotate(0deg)}

	100%{transform:rotate(360deg)}

}



.circle-main{position: absolute;z-index:1;right: 0;width: 50%;}

.circle-main img{width:100%}

.circle-div{position:absolute;left:13.6733586544%;top:15.931372549%;width:59.6852957135%;z-index:15;display:block}

.circle-div svg{width:100%;opacity: 0.1;}

/*.circle-div path:hover{fill:red}*/

.logo-div{width:100%;padding-bottom:28.91%;height:0;top:50%;transform:translate(-50%,-50%);left:50%;border-radius:50%;/*background:green;*/position:absolute;z-index:9;display:flex;align-content:center;align-items:center;/*border:3px solid #fff;background: linear-gradient(232deg, rgba(212,217,219,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);*/transition:all 0.5s ease-out 0s}

.logo-div img{width:65%;top:50%;transform:translate(-50%,-50%);left:50%;position:absolute;z-index:9;}

.logo-div:hover{transform:translate(-50%,-50%) scale(1.15);}

.c2,.c3,.c4,.c5,.c6{position:absolute;z-index:1;border-radius:50%;display:block;transform-origin:center}

.c2{width:75.8545849159%;left:5.66852957135%;top:6.52207261243%;animation:rotation linear 70s infinite;opacity:0.5;  /*border:1px solid green;*/}

.c3{width:50.6782419967%;left:18.2311448725%;top:20.931769775%;animation:rotation linear 35s infinite;opacity:0.5;/*border:1px solid blue;*/}

.c4{width:68.5219750407%;left:9.200759631%;top:10.673577%;animation:rotation linear 50s infinite;opacity:0.5;/*border:1px solid red;*/}

.c5{width:38.5241454151%;left:24.3337493218%;top:27.702003%;animation:rotation linear 15s infinite;/*border:1px solid yellow;*/}

.c6{width:44.6011937059%;left:21.352632%;top:24.271234%;animation:rotation linear 25s infinite;/*border:1px solid orange;*/display:block }

.circle-button-main.paused .c2,.circle-button-main.paused .c3,.circle-button-main.paused .c4,.circle-button-main.paused .c5,.circle-button-main.paused .c6{animation-play-state:paused;}

@keyframes rotation{

	0%{transform:rotate(0deg)}

	100%{transform:rotate(360deg)}

}

.circle-div .cls-1{fill:url(#linear-gradient);}

.circle-div .cls-2{fill:url(#linear-gradient-2);}

.circle-div .cls-3{fill:url(#linear-gradient-3);}

.circle-div .cls-4{fill:url(#linear-gradient-4);}

.circle-div .cls-5{fill:url(#linear-gradient-5);}



.circle-div .cls-1:hover{}

.circle-div .cls-1:hover{}



.bg-holder-mobile{display: none;}

.left-area-mobile{display: none;}



@media only screen and (max-width:475px){   

.bg-holder-desktop{display: none;}

/*.bg-holder-mobile{display: block;}*/

.left-area-desktop{display: none;}

.left-area-mobile{display: block;}

/*.banner-area .cont-holder{margin-top: -100%;}*/

.left-area-mobile h3{color:#000;}

.left-area .line-b{display: inline-block;}

.left-area .line-c{margin-top:6rem;}

.timer-venue{margin-top: 3rem;}

.calendar-countdown{font-size:20px;}

.flip-front, .flip-back{font-size:50px;}

.cme-points{display: none;}

.cme-points-mobile{display: block!important;padding-top: 15px;padding-bottom: 10px;text-align: center;}

.cme-points-mobile h3{color:#fff;text-align: center;}}



.cme-points-mobile{display: none;}



.counter-mobile{display: none;}



.highlight-col h4{font-size:25px;font-weight: 600;}

.highlight-col p{font-size:20px;font-weight: 600;}

.button-container{border-bottom: 0px;}

.highlight-col h2{font-size:35px;}

.highlight-conference-col{background-color:#0d3166;padding:15px;height:100%;}

.highlight-conference-col h4{color:#00baff;font-size:20px;}

.highlight-conference-col p{color:#fff;font-size:16px;}

.highlight-conference-col span{color:#fff;padding-left: 1rem;font-size:16px;}

.conf-spkr img{width:19%;}



h2.conf-work-head span{text-align:center;background: linear-gradient(90deg, rgba(18, 29, 68, 1) 0%, rgba(74, 72, 138, 1) 100%) !important;color:#fff;padding: 15px;margin-top: 1rem;margin-bottom: 1rem;display: inline-block;}

h2.conf-work-head{text-align:center;}







/*.registration-method {background-color: #fff;padding: 15px;text-align: left;height: 100%;}*/

.registration-method .unstyled .styled-checkbox + label .registration-div {margin: 0 0 0 40px;}

.form-floating>.form-select~label{text-align: left;}

.form-floating{text-align: left;}

span.reg-price{font-family: "Outfit", sans-serif;}



.poster-page{padding-top:3rem;padding-bottom:3rem;background-color:#fff;}

.list-aim{line-height:30px;font-size:15px;font-weight:500;}



.file-upload                                                          {background-color: #ffffff;width: 100%;margin: 0 auto;padding: 20px;}

.file-upload-btn                                                      {width: 100%;margin: 0;color: #fff;background: #525252;border: none;padding: 10px;transition: all .2s ease;

	                                                                  outline: none;text-transform: uppercase;font-weight: 500;}



.file-upload-btn:hover                                                {background: #000;color: #ffffff;transition: all .2s ease;cursor: pointer;}

.file-upload-btn:active                                               {border: 0;transition: all .2s ease;}

.file-upload-content                                                  {display: none;text-align: center;}

.file-upload-input                                                    {position: absolute;margin: 0;padding: 0;width: 100%;height: 100%;outline: none;opacity: 0;cursor: pointer;}

.image-upload-wrap                                                    {margin-top: 20px;border: 4px dashed #525252;position: relative;}



.image-dropping,

.image-upload-wrap:hover                                              {background-color: transparent;border: 4px dashed #525252;}

.image-title-wrap                                                     {padding: 0 15px 15px 15px;color: #222;}

.drag-text                                                            {text-align: center;}

.drag-text h3                                                         {font-weight: 100;color: #525252;padding: 60px 0;}

.file-upload-image                                                    {max-height: 100%;max-width: 100%;margin: auto;padding: 20px;}

.remove-image                                                         {width: 50%;margin: 0;color: #fff;background: #525252;border: none;padding: 10px;border-radius: 4px;

	                                                                  border-bottom: 4px solid #525252;transition: all .2s ease;outline: none;text-transform: uppercase;font-weight: 500;}

.remove-image:hover                                                   {background: #525252;color: #ffffff;transition: all .2s ease;cursor: pointer;}

.remove-image:active                                                  {border: 0;transition: all .2s ease;}



h5.note                                                               {color: #ed952b;font-weight: 400;margin-top: 1.5rem;}

.submit-abstract                                                      {background-color:#525252;color:#fff;padding:10px;text-decoration: none;}

.submit-abstract:hover                                                {background-color:#525252;color:#fff;padding:10px;}





.registration-div span{font-weight:600;font-size:20px;display:block;padding-left:0px;color:#000;}

/*span.reg-price{color:#96ffe8;}*/



.poster-page .form-label{margin-top:1rem;}

.modal-body h6{font-size:18px;color:#193867;font-weight:600;}



span.pharmacy-nursing{font-size:15px;font-weight: 500;display: block;}



.surgical-logo{margin-top: -2rem;margin-bottom: 1rem;}

.surgical-logo img{width:60%;}

.left-area .line-a img{width:90%;}



@media only screen and (max-width:1440px){

.surgical-logo{margin-top: 0rem;margin-bottom: 1rem;}

.surgical-logo img{width:40%;}

.menu-area .navbar-expand-lg .navbar-nav .nav-link{font-size:15px;}

.dsCountDown.ds-flat{margin-top: 2rem;}}





.speakers-img img{width:100%;}



.mob-logo{text-align: center;display: none;}

.mob-logo img{width:90%;}



.highlight-session-shaping{background: linear-gradient(45deg, rgb(96 203 235) 0%, rgb(15 83 161) 100%)!important;}

.highlight-session-shaping .time{background-color:transparent!important;}

.highlight-session-shaping h2{color:#fff;}

.highlight-session-shaping p{color:#fff!important;}



.target{padding-top:2rem;padding-bottom:2rem;}



.target-speciality{background-color: #e9e9e96b;border-top-left-radius: 25px;border-bottom-right-radius:25px;padding: 15px;position: relative;}

.target-speciality img{width:30%;}

.target-speciality h4{font-size:19px;}



.about-surgical{padding-top:2rem;padding-bottom:2rem;}

.about-surgical h1{margin-bottom:2rem;}

.speaker-block				{overflow: hidden; position: relative;}

.speaker-block .speaker-shadow	{position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; z-index: 10;

	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,49,123,1) 100%);

	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,49,123,1) 100%);

	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,49,123,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00317b',GradientType=0 );}

.speaker-block .speaker-desc			{position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 1rem; text-align: center; z-index: 11;}

.speaker-block .speaker-desc .line-a	{font-size: 125%; font-weight: 600; color: #FFFFFF; }

.speaker-block .speaker-desc .line-b	{margin-bottom: 1rem;}



.speaker-block .speaker-desc			{}

.speaker-block .speaker-desc .line-a	{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.speaker-block .speaker-desc .line-b	{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}



.speaker-block .speaker-desc .line-a 	{-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;}

.speaker-block .speaker-desc .line-b	{opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s;}



.speaker-block:hover .speaker-desc .line-b	{opacity: 1;}



.speaker-block:hover .speaker-desc .line-a,

.speaker-block:hover .speaker-desc .line-b	{-webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0);}



.speaker-block:hover .speaker-desc .line-b	{-webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s;}





.speaker-block .speaker-img img			{opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1);}

.speaker-block:hover .speaker-img img	{opacity: 0.8; -webkit-transform: scale(1.1); transform: scale(1.1);}







.about-surgical-content p{font-size:20px;font-weight:500;line-height:30px;text-align: justify;}



.workshop-wrap .nav-tabs button {font-size:17px;}

.listings-audience li{font-size:17px;font-weight:500;list-style: none;}

h4.target-audience{margin-top:1rem;margin-bottom:1rem;}

.slide-mobile{display:none;}

.surgical-cme img{width:100%;}

.surgical-cme{position: absolute;right: 5rem;}

/*.surgical-cme{display:none;}*/





@media only screen and (max-width:1700px){

.surgical-cme {right: 3rem;top: -1rem;}

.surgical-cme img{width:90%;}}



@media only screen and (max-width:1600px){

.surgical-cme {right: 2rem;}

.surgical-cme img{width:80%;}}



@media only screen and (max-width:1500px){

.surgical-cme {right: 1rem;}}



@media only screen and (max-width:1440px){

.surgical-cme {right: 0.5rem;}}



@media only screen and (max-width:1366px){

.surgical-cme {right: 0rem;}

.surgical-cme img{width:75%;}}



@media only screen and (max-width:1326px){

.surgical-cme img{width:70%;margin-right: -1rem;}}





@media only screen and (max-width:1024px){

.surgical-cme img{margin-right: -5rem;}}





.speciality{background-color: #dfc573;padding: 10px;text-align: center;border-radius:5px;margin-bottom:1rem;}

ul.listings-audience{padding-left:0rem;}





.venue-section{padding-top: var(--def-padding);padding-bottom: var(--def-padding);/*background-image: url("../images/program-back.jpg");background-position: top center;*/}

.hotel-row li{font-size:18px;font-weight:500;line-height:30px;}

.venue-section h4{color:#000;}





.about-surgical-content{margin-top:10rem;padding-left: 8%;padding-right: 8%;}



@media only screen and (max-width:768px){

.about-surgical-content {margin-top: 0rem;padding-left:0%;padding-right: 0%;}

.program-head p{font-size:16px;}

.hotel-row li{font-size:16px;}

.bg-holder{display: none;}

.bg-holder-mobile{display: block;}}



.conf-videos h5{text-align: center;}



.bottom-tag {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #e4c858;color: #000;text-align: center;padding-top:10px;font-size: 18px;z-index: 1000;}

.close-btn {position: absolute;top: 5px;right: 20px;background-color: #020b28;color: white;border: none;border-radius: 50%;font-size: 18px;cursor: pointer;padding: 5px 12px;}



.left-area h4{color:#e4c858;font-weight:500;margin-top:1rem;margin-bottom:2rem;font-size:18px;}

.counter-mobile h4{display:none;}



.lecture span{color:#fff;font-size:15px;padding-left:5px!important;padding-right:5px!important;padding-top:3px!important;padding-bottom:3px!important;font-weight: 500;padding:5px;background-color:#0a0a0a;}

.docname span{color:#fff;font-size:15px;padding-left:5px!important;padding-right:5px!important;padding-top:3px!important;padding-bottom:3px!important;font-weight: 500;padding:5px;background-color:#0a0a0a;}

.moderator span{color:#fff;font-size:15px;padding-left:5px!important;padding-right:5px!important;padding-top:3px!important;padding-bottom:3px!important;font-weight: 500;padding:5px;background-color:#0a0a0a;}

.prog-row .moderator {font-weight: 500;font-size: 15px;color: #000;}







.timer-venue{top:50%;left:50%;/*transform:translate(-50%,-50%);*/width:100%;margin-bottom: 2rem;}

.timer-venue ul{display:flex;align-items:center;justify-content: start; color:var(--white);list-style-type:none;/*margin:0;*/padding:0;width:100%;} 

.timer-venue ul li div{ text-align:center;min-width:120px;}

.timer-venue ul li div span{font-size:70px;font-weight:bold;

    @supports (-webkit-text-stroke: 1px white) {

        color: transparent;

        -webkit-text-stroke: 1px black;

    }

}

.timer-venue p{color:#000;}



.w-details p{color:#fff;}

.payment-div ul.conf-listings{padding-left:2rem;margin-bottom: 1rem;}

.payment-div h6{color:#fff;}

.payment-div ul.conf-listings li{font-size:16px;line-height:30px;color:#fff;}







h6.workshop-name{font-size:1.3rem;}

h6.workshop-name span{font-size:17px;margin-top: 1rem;margin-bottom: 1rem;font-weight: 400;}

.table-responsive td{color:#fff!important;}

.table-responsive th{color:#000;}

.table-responsive li{color:#fff;}



.bg-holder-msg img{position:absolute;right:0;width:12%;}

.bg-holder-msg{display: none;}



.doctor-card {/*background: linear-gradient(90deg, #cbcbcb 0%, #d9d8d8 50%);*/text-align: center;position: relative;/*border-radius: 5px;*//*height: 370px;*//*padding-bottom:0.5rem;*/}

.flag-icon {position: absolute;top: 10px;right: 10px; width: 40px;height: 40px;border-radius: 50%;z-index:99;}

.doctor-photo {position: relative; margin: 0 auto;/*width: 120px;height: 120px;*/overflow: hidden;/*background: linear-gradient(90deg, #000000 0%, #959697 50%);*/}

.doctor-photo img {width: 100%;height: 100%;object-fit: cover;}

.plus-icon {position: absolute;top: 10px;right:10px;background-color: #007bff;color: #fff;border-radius: 50%;font-size: 1.8em;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;float: right;z-index:99;}

.doctor-name {color: #ffbc47;font-size: 1.5em;font-weight: 500;}



.scrolling-text {display: inline-block;white-space: nowrap;animation: scroll-left 10s linear infinite;font-size: 1.2rem;}



@keyframes scroll-left {

  0%   { transform: translateX(100%); }

  100% { transform: translateX(-100%); }

}



/* Optional glow effect */

.updating {border-top: 2px solid #629f7a;border-bottom: 2px solid #629f7a;background: #fff9e6;}



.dm-event-logo{width:15%;}



.calendar-icon {/*text-align: center;*//*padding: 15px 20px;*//*position: absolute;margin-left: 15rem;margin-top:3rem;*/}

.calendar-flip {perspective: 1000px;height: 60px;margin-bottom: 8px;letter-spacing:5px;}

.flip-card { width: 80px;height: 60px;/*margin: 0 auto;*/position: relative;animation: flip 3s infinite ease-in-out;transform-style: preserve-3d;}

.flip-front, .flip-back {position: absolute;backface-visibility: hidden; width: 100%;height: 100%;border-radius: 8px;font-size: 55px;font-weight: bold;line-height: 60px;color: #000;}

.flip-front {transform: rotateX(0deg);}

.flip-back {transform: rotateX(180deg);}

.calendar-countdown {font-size: 25px;color: #000;animation: fadeSlide 3s infinite;margin-top: -15px;}



@keyframes flip {

  0%   { transform: rotateX(0); }

  49.99% { transform: rotateX(179.99deg); }

  50% { transform: rotateX(180deg); }

  100% { transform: rotateX(360deg); }

}



@keyframes fadeSlide {

  0%   { opacity: 0; transform: translateY(10px); }

  50%  { opacity: 1; transform: translateY(0); }

  100% { opacity: 0; transform: translateY(-10px); }

}

.left-mobile-view{display: none;}



@media only screen and (max-width:768px){

.left-area .line-a{margin-bottom: 0rem;}

.timer-venue{margin-bottom: 2rem;margin-top:3rem;}

.banner-area .cont-holder{position: relative;}

.menu-area .navbar-expand-lg .navbar-nav .nav-link{color:#ddb68d;font-size:16px;}

.menu-area .navbar-expand-lg .navbar-nav .nav-link{border-bottom:1px solid #9f9f9f;border-radius:0px;}

.offcanvas-menu-conf{background: linear-gradient(125deg, #38263e, #38263e);}}



@media only screen and (max-width:475px){

.left-mobile-view{display: block;}

.left-desktop-view img{display: none;}

.flip-card{margin: 0 auto;}}





h1.title-texturer{text-align:left!important;color: #38263e;text-transform: uppercase;font-size:55px;font-weight:500; /*font-family: "Playwrite NZ Basic", cursive;*/}

h1.title-texturer span{color:#000;}

.speakers-wrap h1 span{color:#000!important;}

.speakers-wrap h1{color:#000!important;}

h3.title-texturer{color:#69299c;}

.welcome-note h5{color:#9b2b93;}

.border-note{border-color: rgb(12 114 104) !important;}





/* Section wrapper */

.objectives-block {

    background: radial-gradient(circle at top left, rgba(13,110,253,0.14), transparent 55%),

                radial-gradient(circle at bottom right, rgba(25,135,84,0.14), transparent 55%);

    border-radius: 1.5rem;

    padding: 2rem 1.5rem;

    border: 1px solid rgba(255,255,255,0.3);

    backdrop-filter: blur(6px);

}



/* Accordion base */

.obj-accordion .accordion-item {

    border-radius: 1.25rem !important;

    overflow: hidden;

    border: 1px solid rgba(148, 163, 184, 0.35);

    background: rgba(255,255,255,0.96);

    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;

}



.obj-accordion .accordion-item + .accordion-item {

    margin-top: 0.85rem;

}



.obj-accordion .accordion-item:hover {

    transform: translateY(-2px);

    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);

    border-color: rgba(37, 99, 235, 0.35);

}



/* Header button */

.obj-accordion .accordion-button {

    font-size: 1.05rem;

    font-weight: 600;

    padding: 0.9rem 1.2rem;

    background: transparent;

    color: #0f172a;

    gap: .65rem;

}



.obj-accordion .accordion-button:focus {

    box-shadow: none;

}



.obj-accordion .accordion-button:not(.collapsed) {

    background: linear-gradient(90deg, rgba(37,99,235,0.06), rgba(16,185,129,0.05));

    color: #0f172a;

}



/* Number pill + icon */

.obj-label-pill {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 32px;

    height: 32px;

    border-radius: 999px;

    font-size: 0.9rem;

    font-weight: 700;

    background: #0f172a;

    color: #f9fafb;

    flex-shrink: 0;

}





/* Text area */

.obj-accordion .accordion-body {

    font-size: 0.97rem;

    line-height: 1.65;

    padding: 0.9rem 1.2rem 1.1rem 1.2rem;

    border-left: 4px solid var(--note-color, #0d6efd); /* your border-note color */

}



/* Custom caret (plus/minus style) */

.obj-accordion .accordion-button::after {

    width: 1rem;

    height: 1rem;

    background-size: 1rem;

}



.cme-points{margin-top: 2rem;}

.cme-points h3{color:#fff;text-align: center;}

.patronage-text{text-align: center;margin-top:0rem;}

.patronage-text h2{color:#dcbc81;font-family: "Playwrite NZ Basic", cursive;line-height: 3rem;font-weight: 400;}

.patronage-text h2 span{display: block;font-weight: 900;color: #fff;}



.ministry-logos-col {position: relative;display: flex;align-items: center;justify-content: center;padding: 16px 12px;}



/* Vertical divider */

.ministry-logos-col::after {content: "";position: absolute;right: -12px;top: 15%;height: 70%;width: 1px;background: rgb(209 78 28);}



/* Remove divider from last item in row */

.col-lg-2:last-child .ministry-logos-col::after {display: none;}



/* Tablet fix */

@media (max-width: 991px) {

.col-md-4:nth-child(3n) .ministry-logos-col::after {display: none;}}



/* Mobile fix */

@media (max-width: 575px) {

.ministry-logos-col::after {display: none;}}













/* Venue icon block */

/* Scoped theme */

/* ===== Venue Full ===== */

.venueFull{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background: linear-gradient(180deg, #f4f7ff, #f4f7ff);}

.venueFull-image img{width:100%;height:420px;object-fit:cover;display:block;}

.venueFull-info{box-shadow: 0 16px 40px rgba(0,0,0,.08);/*background: linear-gradient(180deg, #733083, #000);*/background-color: #38263e;}

.venueFull-row{display:flex;gap:12px;margin-bottom:14px;font-weight:600;color:#fff;}

.venueFull-row i{color:#d5b677;font-size:18px;margin-top:2px;}

.venueFull-row a{color:#d5b677;text-decoration:none; }

.venueFull-map{box-shadow: 0 16px 40px rgba(0,0,0,.08);/*background: linear-gradient(180deg, #733083, #000);*/background-color: #38263e;}

.venueFull-mapWrap{height:750px;}

.venueFull-mapWrap iframe{width:100%;height:100%;border:0;}

.venueFull-support{background: linear-gradient(135deg, rgba(47,79,162,.06), rgba(25,135,84,.05));box-shadow: 0 16px 40px rgba(0,0,0,.08);}

.venueFull .btn-outline-secondary{color:#fff;border-color:#fff;}

.venueFull h3{color:#fff;font-family: "Inter", sans-serif;}

.venueFull h4{color:#000!important;font-family: "Inter", sans-serif;}

.venueFull h5{color:#d5b677!important;}

/* Mobile */

@media (max-width:576px){.venueFull-image img,.venueFull-mapWrap{height:280px;}}



/* ===== SupportX (scoped) ===== */

.supportX .card{/*background: linear-gradient(90deg, rgba(230, 205, 149, 1) 0%, rgba(195, 147, 82, 1) 50%);*/border: 1px solid rgba(16,24,40,.08);}

.supportX h3{color:#d5b677!important;}

.supportX .text-muted{color:#d5b677!important;}

.supportX-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;    background: rgb(0 0 0 / 14%);color:#fff;font-size:22px;flex-shrink:0;}

.supportX-kicker{font-size:15px;font-weight:900;letter-spacing:.12em;color:#fff;opacity:.9;}

.supportX-meta{display:flex;flex-wrap:wrap;gap:10px;}

.supportX-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background: rgba(255,255,255,.75);border: 1px solid rgba(16,24,40,.08);font-weight:700;

font-size:13px;color:#344054;}

.supportX-btn{font-weight:900;box-shadow: 0 12px 25px rgba(25,135,84,.18)}

.supportX-number{font-weight:800;font-size:14px;opacity:.95;}



/* Mobile tweak: center */

@media (max-width: 991.98px){

.supportX .card-body{text-align: center;}

.supportX .d-flex{justify-content: center;text-align: left; /* keeps text readable */}

.supportX-meta{justify-content: center;}}

/* Right CTA container */

.supportX-cta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;}



/* WhatsApp CTA card */

.supportX-wa{background:#25D366;color:#fff;padding:14px 20px;border-radius:18px;text-decoration:none;box-shadow:0 12px 28px rgba(37,211,102,.35);transition:transform .25s ease, box-shadow .25s ease;}

.supportX-wa i{font-size:28px;}

/* Text */

.supportX-wa-label{font-size:14px;font-weight:800;letter-spacing:.03em;}

.supportX-wa-number{font-size:15px;font-weight:700;opacity:.95;}

/* Hover */

.supportX-wa:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(37,211,102,.45);color:#fff;}



/* Hint text */

.supportX-hint{font-size:12px;color:#d5b677;}



/* Mobile center */

@media (max-width: 991.98px){

.supportX-cta{align-items:center;text-align:center;}}





/* Base card background stays premium */

.supportX-card{border: 1px solid rgba(16,24,40,.08);}



/* WhatsApp CTA (shared) */

.supportX-wa{

  display:flex;

  align-items:center;

  gap:12px;

  width:100%;

  max-width: 360px;

  padding:12px 16px;

  border-radius:18px;

  text-decoration:none;

  background:#25D366;

  color:#fff;

  box-shadow:0 12px 28px rgba(37,211,102,.28);

  font-weight:800;

}



.supportX-wa i{ font-size:26px; }

.supportX-wa-label{ font-size:14px; font-weight:900; line-height:1.1; }

.supportX-wa-number{ font-size:14px; font-weight:800; opacity:.95; }



/* Desktop right CTA: allow inline sizing */

.supportX-wa--desktop{

  width: fit-content;

  margin-left:auto;

}



/* Pills */

.supportX-meta{

  display:flex;

  flex-wrap:wrap;

  gap:10px;

}

.supportX-pill{

  display:inline-flex;

  align-items:center;

  padding:8px 12px;

  border-radius:999px;

  background: rgba(255,255,255,.75);

  border: 1px solid rgba(16,24,40,.08);

  font-weight:700;

  font-size:13px;

  color:#344054;

}



/* --- MOBILE OPTIMIZATION --- */

@media (max-width: 576px){



  /* reduce big padding, tighten layout */

  .supportX-card .card-body{

    padding: 18px !important;

  }



  /* center + better stacking */

  .supportX-head{

    align-items:flex-start;

  }



  .supportX-copy h3{

    font-size: 18px;

  }



  .supportX-kicker{

    font-size: 11px;

    letter-spacing: .10em;

  }



  /* CTA: full width and centered */

  .supportX-cta{

    display:flex;

    justify-content:center;

  }

  .supportX-wa{

    max-width: 100%;

    justify-content:center;

    text-align:left;

  }



  /* pills become smaller and centered */

  .supportX-meta{

    justify-content:center;

    gap:8px;

  }

  .supportX-pill{

    font-size:12px;

    padding:7px 10px;

  }



  /* optional: if still feels busy, hide pills on very small */

  /* .supportX-meta{ display:none; } */

}



.abstract-wrap h4{color:#000;font-weight:500;}

.abstract-wrap h3{color:#000;font-weight:500;}

.abstract-wrap h5{color:#000;font-weight:500;}



  .agendaSlot{

    position: relative;

    border-radius: 22px;

    padding: 14px 14px 16px;

    background: radial-gradient(1200px 200px at 20% 0%, rgba(0,0,0,.05), transparent 60%),

                linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);

    border: 1px solid rgba(0,0,0,.08);

    box-shadow: 0 14px 40px rgba(0,0,0,.08);

    overflow: hidden;

  }

  .agendaSlot:before{

    content:"";

    position:absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 6px;

    background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.05));

  }



  /* ======= HEADER ======= */

  .agendaHead{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    flex-wrap:wrap;

    padding-bottom: 10px;

    border-bottom: 1px dashed rgba(0,0,0,.12);

  }

  .agendaTime{

    display:inline-flex;

    align-items:center;

    padding: .55rem .9rem;

    border-radius: 999px;

    background: rgba(255,255,255,.9);

    border: 1px solid rgba(0,0,0,.10);

    font-weight: 900;

    letter-spacing: .3px;

  }

  .agendaBadges{ display:flex; gap:8px; flex-wrap:wrap; }



  .chip{

    display:inline-flex;

    align-items:center;

    padding:.38rem .72rem;

    border-radius: 999px;

    font-size: .85rem;

    font-weight: 700;

    border: 1px solid rgba(0,0,0,.10);

    background:#f8f9fa;

    white-space: nowrap;

  }

  .chip-outline{

    background: transparent;

  }

  .chip-soft{

    background: rgba(0,0,0,.03);

  }



  /* ======= SESSION CARD ======= */

  .agendaCard{

    border-radius: 18px;

    background: #fff;

    border: 1px solid rgba(0,0,0,.08);

    padding: 14px;

    box-shadow: 0 10px 25px rgba(0,0,0,.07);

    transition: transform .16s ease, box-shadow .16s ease;

    position: relative;

  }

  .agendaCard:hover{

    transform: translateY(-3px);

    box-shadow: 0 18px 40px rgba(0,0,0,.10);

  }



  .agendaTop{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    flex-wrap:wrap;

    margin-bottom: 10px;

  }

  .hallTag, .trackTag{

    display:inline-flex;

    align-items:center;

    padding:.32rem .65rem;

    border-radius:999px;

    font-size:.82rem;

    font-weight:800;

    border:1px solid rgba(0,0,0,.10);

    background:#f8f9fa;

  }

  .hall-salmiya{ }

  .hall-jabriya{ }



  .agendaTitle{

    font-weight: 500;

    letter-spacing: .1px;

    line-height: 30px;

	 margin-top: 10px; 

	color:#15678d;

  }



  /* ======= SPEAKER CARD ======= */

  .speakerCard{

    display:flex;

    align-items:center;

    gap:12px;

    padding: 10px 10px;

    border-radius: 16px;

    border: 1px solid rgba(0,0,0,.08);

    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);

  }

  .speakerImg{

    width: 58px;

    height: 58px;

    /*border-radius: 16px;

    object-fit: cover;

    border: 1px solid rgba(0,0,0,.12);

    box-shadow: 0 10px 20px rgba(0,0,0,.10);

    background: #fff;*/

  }

  .speakerName{

    font-weight: 900;

    line-height: 1.2;

  }

  .speakerRole{

    font-size: .86rem;

    color: rgba(0,0,0,.60);

    font-weight: 600;

    margin-top: 2px;

  }

  .speakerIcon{

    width: 40px;

    height: 40px;

    border-radius: 14px;

    display:flex;

    align-items:center;

    justify-content:center;

    border: 1px solid rgba(0,0,0,.10);

    background: rgba(0,0,0,.03);

    font-size: 1.15rem;

  }



  .agendaMeta{

    display:flex;

    align-items:center;

    gap:10px;

    flex-wrap:wrap;

    margin-top: 10px;

    font-size: .88rem;

    color: rgba(0,0,0,.62);

    font-weight: 600;

  }

  .dotSep{

    width:5px; height:5px; border-radius:50%;

    background: rgba(0,0,0,.25);

    display:inline-block;

  }



  /* MOBILE FINISH */

  @media (max-width: 576px){

    .agendaSlot{ border-radius: 18px; padding: 12px; }

    .agendaCard{ border-radius: 16px; padding: 12px; }

    .agendaTitle{ font-size: 1.05rem; }

    .speakerImg{ width: 54px; height: 54px; border-radius: 15px; }

  }



  .slotCol{

    border-radius: 22px;

    border: 1px solid rgba(0,0,0,.08);

    background: radial-gradient(1200px 200px at 20% 0%, rgba(0,0,0,.05), transparent 60%),

                linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);

    box-shadow: 0 14px 40px rgba(0,0,0,.08);

    overflow: hidden;

    position: relative;

  }

  .slotCol:before{

    content:"";

    position:absolute;

    left:0; top:0; bottom:0;

    width:6px;

    background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.05));

  }



  .slotColHead{

    padding: 14px 14px 12px 18px;

    border-bottom: 1px dashed rgba(0,0,0,.12);

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:12px;

    flex-wrap:wrap;

  }

  .slotTime{

    display:inline-flex;

    align-items:center;

    padding:.55rem .9rem;

    border-radius: 999px;

    border: 1px solid rgba(0,0,0,.10);

    background: rgba(255,255,255,.95);

    font-weight: 900;

    letter-spacing: .3px;

  }

  .slotBadges{ display:flex; gap:8px; flex-wrap:wrap; }



  .chip{

    display:inline-flex;

    align-items:center;

    padding:.35rem .7rem;

    border-radius: 999px;

    font-size: .85rem;

    font-weight: 800;

    border: 1px solid rgba(0,0,0,.10);

    background:#f8f9fa;

    white-space: nowrap;

  }

  .chip-outline{ background: transparent; }

  .chip-soft{ background: rgba(0,0,0,.03); }



  .slotBody{

    padding: 14px 14px 16px 18px;

    display:flex;

    flex-direction:column;

    gap:12px;

  }



  /* ===== WORKSHOP CARD ===== */

  .workshopCard{

    background:#fff;

    border: 1px solid rgba(0,0,0,.08);

    border-radius: 18px;

    padding: 14px;

    box-shadow: 0 10px 25px rgba(0,0,0,.07);

    transition: transform .16s ease, box-shadow .16s ease;

  }

  .workshopCard:hover{

    transform: translateY(-3px);

    box-shadow: 0 18px 40px rgba(0,0,0,.10);

  }



  .workshopTop{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    flex-wrap:wrap;

    margin-bottom: 10px;

  }



  .hallTag{

    display:inline-flex;

    align-items:center;

    padding:.32rem .65rem;

    border-radius:999px;

    font-size:.82rem;

    font-weight:900;

    border:1px solid rgba(0,0,0,.10);

    background:#f8f9fa;

  }

  .hall-salmiya{}

  .hall-jabriya{}



  



  /* ===== SPEAKER ROW ===== */

  .speakerCard{

    display:flex;

    align-items:center;

    gap:12px;

    padding: 10px;

    border-radius: 16px;

    border: 1px solid rgba(0,0,0,.08);

    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);

  }

  

  .speakerName{

    font-weight: 900;

    line-height: 1.2;

  }

  .speakerRole{

    font-size: .86rem;

    color: rgba(0,0,0,.60);

    font-weight: 700;

    margin-top: 2px;

  }



  /* Mobile polish */

  @media (max-width: 576px){

    .slotCol{ border-radius: 18px; }

    .slotColHead, .slotBody{ padding-left: 14px; }

    .workshopCard{ border-radius: 16px; padding: 12px; }

    .speakerImg{ width: 54px; height: 54px; border-radius: 15px; }

  }



.programX { padding: 60px 0; }

.programX-head { margin-bottom: 22px; }

.programX-sub { color: #6b7280; margin: 10px 0 0; max-width: 720px; }



/* Talk Card */

.programX-card{

  position: relative;

  display: flex;

  gap: 14px;

  padding: 18px;

  border-radius: 16px;

  background: #fff;

  border: 1px solid #e9eef4;

  box-shadow: 0 10px 26px rgba(0,0,0,.05);

  height: 100%;

  transition: .25s ease;

}

.programX-card:hover{

  transform: translateY(-4px);

  box-shadow: 0 16px 34px rgba(0,0,0,.08);

}



/* Optional dark variant */

.programX-card--dark{

  background: linear-gradient(135deg, #468283, #5aa7a8);

  color: #fff;

  border-color: rgba(255,255,255,.15);

}

.programX-card--dark .programX-title,

.programX-card--dark .programX-speaker{ color: #fff; }

.programX-card--dark .programX-time{

  background: rgba(255,255,255,.16);

  color: #fff;

}



/* Timeline rail */

.programX-rail{ width: 18px; position: relative; display: flex; justify-content: center; }

.programX-dot{

  width: 10px; height: 10px; border-radius: 50%;

  background: #0d6efd; margin-top: 6px;

  box-shadow: 0 0 0 4px rgba(13,110,253,.12);

}

.programX-line{

  position: absolute; top: 18px; bottom: 10px; width: 2px;

  background: linear-gradient(to bottom, rgba(13,110,253,.25), rgba(13,110,253,0));

  left: 50%; transform: translateX(-50%);

}



/* Top row */

.programX-top{

  display: flex; align-items: center; justify-content: space-between;

  gap: 10px; margin-bottom: 12px;

}

.programX-time{

  display: inline-flex; align-items: center;

  padding: 6px 10px; border-radius: 999px;

  background: #f3f6ff; color: #1d4ed8;

  font-weight: 800; font-size: 13px;

}

.programX-badge{

  font-size: 12px; font-weight: 800;

  padding: 6px 10px; border-radius: 999px;

  background: #f4f5f7; color: #111827;

}



/* Avatar */

.programX-avatar img{

  width: 64px; height: 64px; border-radius: 50%;

  object-fit: cover; border: 3px solid #f1f4f9;

}



/* Text */

.programX-title{

  font-size: 16px; font-weight: 900;

  margin: 0 0 6px; line-height: 1.35; color: #0f172a;

}

.programX-speaker{

  margin: 0; color: #64748b; font-weight: 800; font-size: 14px;

}



/* Session block */

.programX-session{ position: sticky; top: 12px; z-index: 5; }

.programX-session-inner{

  border-radius: 16px; padding: 18px;

  background: linear-gradient(135deg, #f5daac, #fff4df);

  border: 1px solid rgba(0,0,0,.06);

  display: flex; justify-content: space-between; align-items: center; gap: 12px;

}

.programX-session-no{

  display: inline-flex; padding: 6px 10px;

  border-radius: 999px; background: rgba(0,0,0,.08);

  font-weight: 900; font-size: 12px;

}

.programX-session-name{ font-weight: 900; color: #111827; }

.programX-session-chip{

  padding: 8px 12px; border-radius: 999px;

  background: rgba(255,255,255,.7);

  border: 1px solid rgba(0,0,0,.08);

  font-weight: 900; font-size: 12px;

}



/* Highlight blocks */

.programX-highlight{

  border-radius: 16px; padding: 18px;

  border: 1px solid rgba(0,0,0,.08);

  display: flex; justify-content: space-between; align-items: center; gap: 14px;

  box-shadow: 0 10px 26px rgba(0,0,0,.05);

}

.programX-highlight-left{ display: flex; align-items: center; gap: 14px; }

.programX-highlight-ico{

  width: 58px; height: 58px; border-radius: 16px;

  display: grid; place-items: center;

  font-weight: 900; letter-spacing: .5px;

}

.programX-highlight-title{ margin: 0 0 4px; font-weight: 900; color: #0f172a; }

.programX-highlight-sub{ color: #64748b; font-weight: 700; }

.programX-highlight-time{

  font-weight: 900; padding: 8px 12px; border-radius: 999px;

  background: rgba(255,255,255,.75);

  border: 1px solid rgba(0,0,0,.08);

  white-space: nowrap;

}



/* QA Variant */

.programX-highlight--qa{

  background: linear-gradient(135deg, #468283, #5aa7a8);

  color: #fff;

}

.programX-highlight--qa .programX-highlight-title,

.programX-highlight--qa .programX-highlight-sub{ color: #fff; }

.programX-highlight--qa .programX-highlight-ico{

  background: rgba(255,255,255,.18); color: #fff;

}

.programX-highlight--qa .programX-highlight-time{

  background: rgba(255,255,255,.18); color: #fff;

  border-color: rgba(255,255,255,.22);

}



/* Lunch Variant */

.programX-highlight--lunch{

  background: linear-gradient(135deg, #fff0f6, #ffe8cc);

}

.programX-highlight--lunch .programX-highlight-ico{

  background: rgba(0,0,0,.06);

}



/* Ceremony Variant */

.programX-highlight--ceremony{

  background: linear-gradient(135deg, #e9f5ff, #e8fff1);

}

.programX-highlight--ceremony .programX-highlight-ico{

  background: rgba(0,0,0,.06);

}



/* Responsive */

@media (max-width: 991.98px){

  .programX-session{ position: relative; top: auto; }

  .programX-highlight{ flex-direction: column; align-items: flex-start; }

  .programX-highlight-time{ width: 100%; text-align: left; }

}

@media (max-width: 575.98px){

  .programX-card{ padding: 16px; }

  .programX-avatar img{ width: 54px; height: 54px; }

  .programX-title{ font-size: 15px; }

}

.right-area{margin-top:5rem;}

h3.conf-name{font-family: "Oswald", sans-serif;font-size:50px;font-weight:800;color:#e5b770;text-transform: uppercase;text-align:center;}

.right-area h5{font-family: "Oswald", sans-serif;color:#fff;text-transform: uppercase;font-size:30px;text-align:center;font-weight: 400;}



/* ===============================

   PREMIUM SINGLE DAYS COUNTER

================================= */

.right-area{text-align: center;}

.lux-days-wrap{position: relative;display: inline-flex;align-items: center;justify-content: center;margin: 10px auto;}

.register-btn{margin-top: 2rem;}

.right-area h5{line-height: 45px;}

.right-area h5 span{display: block;line-height: 45px;}



/* Main card */

.lux-days-card{position: relative;min-width: 190px;padding: 14px 18px;border-radius: 22px;overflow: hidden;text-align: center;background:

        linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0.05)),

        rgba(7,17,50,0.26);border: 1px solid rgba(255,255,255,0.15);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);box-shadow:

        0 10px 30px rgba(0,0,0,0.24),

        inset 0 1px 0 rgba(255,255,255,0.16),

        0 0 24px rgba(255,145,0,0.10),

        0 0 40px rgba(0,170,255,0.08);animation: luxFloat 4.5s ease-in-out infinite;}



/* Inner premium border */

.lux-days-card::before{content: "";position: absolute;inset: 1px;border-radius: 21px;border: 1px solid rgba(255,255,255,0.08);pointer-events: none;}



/* top label */

.lux-days-top{display: block;position: relative;font-size: 14px;text-transform: uppercase;letter-spacing: 2.8px;color: rgba(255,255,255,0.72);margin-bottom: 8px;z-index: 2;}



/* number + text */

.lux-days-center{position: relative;z-index: 2;}

.lux-days-number{display: block;font-size: 54px;line-height: 1;font-weight: 800;color: #ffffff;letter-spacing: -1.5px;text-shadow:

        0 0 10px rgba(255,255,255,0.18),

        0 0 20px rgba(255,153,0,0.22),

        0 0 30px rgba(0,183,255,0.14);animation: luxNumberPulse 3.2s ease-in-out infinite;}



.lux-days-text{display: block;margin-top: 5px;font-size: 11px;text-transform: uppercase;letter-spacing: 2px;color: #ffdca0;font-weight: 600;}



/* ambient glow */

.lux-days-glow{position: absolute;inset: auto;width: 90px;height: 90px;left: 50%;top: 48%;transform: translate(-50%, -50%);border-radius: 50%;background: radial-gradient(circle, rgba(255,153,0,0.26), rgba(0,183,255,0.10), transparent 70%);filter: blur(16px);z-index: 1;animation: luxGlowPulse 3.8s ease-in-out infinite;}



/* moving shine */

.lux-days-shine{position: absolute;inset: 0;overflow: hidden; border-radius: 22px;pointer-events: none;z-index: 3;}



.lux-days-shine::before{

    content: "";

    position: absolute;

    top: -20%;

    left: -60%;

    width: 36%;

    height: 160%;

    transform: rotate(18deg);

    background: linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,0.04),

        rgba(255,255,255,0.16),

        rgba(255,255,255,0.04),

        transparent

    );

    filter: blur(2px);

    animation: luxShineMove 5s ease-in-out infinite;

}



/* tiny particles */

.lux-particle{position: absolute;border-radius: 50%;z-index: 2;pointer-events: none;}

.lux-particle.p1{width: 4px;height: 4px;top: 18px;left: 18px;background: rgba(255,190,90,0.95);box-shadow: 0 0 10px rgba(255,190,90,0.8);animation: luxSpark1 4s ease-in-out infinite;}

.lux-particle.p2{width: 5px;height: 5px;right: 22px;top: 26px;background: rgba(110,220,255,0.95);box-shadow: 0 0 12px rgba(110,220,255,0.85);animation: luxSpark2 5s ease-in-out infinite;}



.lux-particle.p3{width: 3px;height: 3px;right: 30px;bottom: 20px;background: rgba(255,255,255,0.95);box-shadow: 0 0 10px rgba(255,255,255,0.85);animation: luxSpark3 4.8s ease-in-out infinite;}



/* animations */

@keyframes luxFloat{

    0%,100%{

        transform: translateY(0px);

    }

    50%{

        transform: translateY(-3px);

    }

}



@keyframes luxNumberPulse{

    0%,100%{

        transform: scale(1);

        opacity: 1;

    }

    50%{

        transform: scale(1.045);

        opacity: .97;

    }

}



@keyframes luxGlowPulse{

    0%,100%{

        transform: translate(-50%, -50%) scale(1);

        opacity: .72;

    }

    50%{

        transform: translate(-50%, -50%) scale(1.15);

        opacity: 1;

    }

}



@keyframes luxShineMove{

    0%{

        left: -65%;

        opacity: 0;

    }

    20%{

        opacity: 1;

    }

    50%{

        left: 130%;

        opacity: .35;

    }

    100%{

        left: 130%;

        opacity: 0;}}



@keyframes luxSpark1{

    0%,100%{ transform: translateY(0px) scale(1); opacity: .8; }

    50%{ transform: translateY(-7px) scale(1.15); opacity: 1; }}



@keyframes luxSpark2{

    0%,100%{ transform: translateY(0px) scale(1); opacity: .75; }

    50%{ transform: translateY(8px) scale(1.2); opacity: 1; }}



@keyframes luxSpark3{

    0%,100%{ transform: translateY(0px); opacity: .7; }

    50%{ transform: translateY(-6px); opacity: 1; }}



/* perfect placement inside hero */

.left-area .lux-days-wrap{margin: 8px auto 18px;}



/* tablet */

@media (max-width: 991px){

 .lux-days-card{min-width: 175px;padding: 13px 16px;}

.lux-days-number{font-size: 48px;}}



/* mobile */

@media (max-width: 575px){

.lux-days-card{min-width: 150px;padding: 12px 14px;border-radius: 18px;}

.lux-days-card::before{border-radius: 17px;}

.lux-days-shine{border-radius: 18px;}

.lux-days-top{font-size: 8px;letter-spacing: 2px;margin-bottom: 6px;}

.lux-days-number{font-size: 40px;}

.lux-days-text{font-size: 10px;letter-spacing: 1.5px;}}





/* Force single row */

.ministry-logos-col img{width:200px;}



.chairperson-profile-section{

    position: relative;

    padding: 80px 0;

    background: linear-gradient(180deg, #071132 0%, #0b183d 100%);

}



.chairperson-profile-card{

    position: relative;

    overflow: hidden;

    border-radius: 22px;

    background: #000;

    box-shadow: 0 20px 60px rgba(0,0,0,0.20);

}



/* left image */

.chairperson-profile-image{

    height: 100%;

    min-height: 100%;

    background: #7b6f86;

    overflow: hidden;

}



.chairperson-profile-image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}



/* right content */

.chairperson-profile-content{position: relative;height: 100%;padding: 50px 35px 35px;color: #3b2b39;}



.chairperson-profile-content h2{font-size: 50px;line-height: 1.1;margin-bottom: 20px;font-weight: 800;text-transform: uppercase;}

.chairperson-profile-content h2 span{color: #e5b770;}

.chairperson-profile-content h2{color: #e5b770;}

.chairperson-profile-content p{font-size: 18px;line-height: 30px;color: #fff;margin-bottom: 16px;font-weight: 400;}



/* info rows */

.chairperson-profile-info{margin-top: 28px;}

.info-row{display: flex;align-items: center;gap: 20px;padding: 16px 0;border-top: 1px solid rgba(59,43,57,0.12);}

.info-row:first-child{border-top: 0;}

.info-label{min-width: 160px;font-size: 15px;font-weight: 600;color: #442d42;display: flex;align-items: center;gap: 10px;}

.info-label i{color: #e81f63;font-size: 18px;}

.info-value{font-size: 15px;font-weight: 700;color: #2f1631;}



/* signature */

.chairperson-signature{margin-top: 28px;padding-top: 20px;border-top: 1px solid #fff;}

.chairperson-signature span{display: block;font-size: 16px;color: #fff;margin-bottom: 8px;}

.chairperson-signature h4{font-size: 28px;font-weight: 500;color: #e5b770;margin-bottom: 5px;font-family: "Oswald", sans-serif;}

.chairperson-signature p{font-size: 16px;color: #e5b770;font-weight: 500;margin-bottom: 0;line-height: 1.6;font-family: "Oswald", sans-serif;}



/* responsive */

@media (max-width: 1199px){

.chairperson-profile-content h2{font-size: 42px;}}



@media (max-width: 991px){

.chairperson-profile-section{padding: 60px 0;}

.chairperson-profile-image{min-height: 450px;}

.chairperson-profile-content{padding: 30px 24px 28px;}

.chairperson-profile-content h2{font-size: 36px;}

.chairperson-profile-top-icon{left: 50%;transform: translateX(-50%);}}



@media (max-width: 767px){

.chairperson-profile-card{border-radius: 18px;}

.chairperson-profile-image{min-height: 340px;}

.chairperson-profile-content{padding: 24px 18px 24px;}

.chairperson-profile-content h2{font-size: 28px;margin-bottom: 16px;}

.chairperson-profile-content p{font-size: 14px;line-height: 1.75;}

.info-row{flex-direction: column;align-items: flex-start;gap: 6px;padding: 14px 0;}

.info-label,

.info-value{min-width: 100%;font-size: 14px;}

.chairperson-signature h4{font-size: 22px;}

.chairperson-signature p{font-size: 13px;}

.chairperson-profile-top-icon{width: 20px;height: 20px;border-width: 3px;top: -10px;}}



:root{

  --site:#525252;

  --black:#000000;

  --white:#ffffff;

  /*--turquoise:#1bb9b5;*/

  --turquoise:rgba(13,159,176,1);

  --purple:#6855e0;

  --purple1:#9c94df;

  --orange:#f89721;

  --green-dark:#002b31;

  --blue-dark:#05172c;   

  --poppins:"Poppins", sans-serif;

  --oswald:"Oswald", sans-serif;

  --playwrite:"Playwrite AU NSW", cursive;    

}

.nav-tabs {border: none;margin-bottom: 50px;}

.nav-tabs button:first-child {/*border-top-left-radius: 10px;border-bottom-left-radius: 10px;*/}

.nav-tabs button.active h3 {color: #fff}

.nav-tabs button h3 {color: var(--white);}

.nav-tabs button h3, .nav-tabs button span {opacity: 0.7;}

.nav-tabs button span{text-transform: none;}

.nav-tabs button.active span {opacity: 1;color: #fff;}

.nav-tabs button.active::after {opacity: 1;}

.nav-tabs button::after {position: absolute;left: 50%;transform: translateX(-50%) rotate(45deg);bottom: -9px;width: 1px;height: 1px;border-width: 10px;border-style: solid;border-color: transparent rgb(207 84 28) rgb(48 38 62) transparent;content: '';opacity: 0;}

.nav-tabs button.active {background: rgba(13, 159, 176, 1);}



h4.location-info{color: #000;font-weight: 400;font-size: 30px;margin-top: 1rem;margin-bottom: 1rem;}





.tab-pane ul{list-style-type:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}

.tab-pane ul li{padding:5px;flex:0 0 50%;}

.tab-pane ul li.break{flex:0 0 100%;}

.tab-pane ul li.session .box{background-color:#000;}



.tab-pane ul li.coffee .box{background-color:rgba(152,105,75,.95);}

.tab-pane ul li.coffee .box .crumb{background-color:rgba(221,163,113,0.7);}

.tab-pane ul li.lunch .box{background-color:rgba(48,68,9,0.7);}

.tab-pane ul li.lunch .box .crumb{background-color:rgba(48,68,1,1);}



.tab-pane ul li .box{display:flex;background: linear-gradient(to right, rgb(0 0 0) 30%, rgb(27 42 62) 100%);padding:1rem;align-items:center;position:relative;border-radius:10px;overflow: hidden;height:100%;}

.tab-pane ul li .speaker-frame{flex:0 0 170px;}

.speaker-photo{background-color:#fff;border-radius:10%;overflow:hidden;width:100%;height:0;padding-bottom:100%;position:relative;}

.speaker-photo img{width:100%;position:absolute;left:50%;transform:translateX(-50%);top:0;}

.tab-pane ul li .programme-dtl{flex:0 0 calc(100% - 200px);padding:0 0 0 2.5rem;}

.tab-pane ul li .programme-dtl h4,.tab-pane ul li .programme-dtl .topic,.tab-pane ul li .programme-dtl h3{font-size:16px;margin:0;}

.tab-pane ul li .programme-dtl h4{color:#e5b770;}

.tab-pane ul li .programme-dtl .topic{color:var(--white);margin:10px 0;line-height:30px;font-weight:400;display: flex;}

.tab-pane ul li .programme-dtl h3{font-style:italic;color: #e5b770;font-family: "Inter", sans-serif;font-weight: 400;display: flex;}

.topic-session{font-size:25px!important;font-weight: 600!important;}

.tab-pane ul li.session .box-session{background-color: #3a3a3a!important;padding: 1rem;align-items: center;position: relative;border-radius: 10px;overflow: hidden;height: 100%;display:flex;}

.tab-pane ul {list-style-type: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;}



.programme-dtl .bi{font-size:22px;margin-right: 5px;}



.tab-pane ul li .crumb{position:absolute;left:0px;top:0px;width:40px;height:40px;border-radius:0% 50% 50% 10px;background-color: rgba(13,159,176,0.5);color:rgba(255,255,255,0.5);display: flex;align-items: center;justify-content: center;font-size:18px;display:none;}

.tab-pane ul li:nth-child(1) .crumb::before{content:'1';}

.tab-pane ul li:nth-child(2) .crumb::before{content:'2';}

.tab-pane ul li:nth-child(3) .crumb::before{content:'3';}

.tab-pane ul li:nth-child(4) .crumb::before{content:'4';}

.tab-pane ul li:nth-child(5) .crumb::before{content:'5';}

.tab-pane ul li:nth-child(6) .crumb::before{content:'6';}

.tab-pane ul li:nth-child(7) .crumb::before{content:'7';}

.tab-pane ul li:nth-child(8) .crumb::before{content:'8';}

.tab-pane ul li:nth-child(9) .crumb::before{content:'9';}

.tab-pane ul li:nth-child(10) .crumb::before{content:'10';}

.tab-pane ul li:nth-child(11) .crumb::before{content:'11';}

.tab-pane ul li:nth-child(12) .crumb::before{content:'12';}

.tab-pane ul li:nth-child(13) .crumb::before{content:'13';}

.tab-pane ul li:nth-child(14) .crumb::before{content:'14';}

.tab-pane ul li:nth-child(15) .crumb::before{content:'15';}

.tab-pane ul li:nth-child(16) .crumb::before{content:'16';}

.tab-pane ul li:nth-child(17) .crumb::before{content:'17';}

.tab-pane ul li:nth-child(18) .crumb::before{content:'18';}

.tab-pane ul li:nth-child(19) .crumb::before{content:'19';}

.tab-pane ul li:nth-child(20) .crumb::before{content:'20';}

.tab-pane ul li:nth-child(21) .crumb::before{content:'21';}

.tab-pane ul li:nth-child(22) .crumb::before{content:'22';}

.tab-pane ul li:nth-child(23) .crumb::before{content:'23';}

.tab-pane ul li:nth-child(24) .crumb::before{content:'24';}

.tab-pane ul li:nth-child(25) .crumb::before{content:'25';}

.tab-pane ul li:nth-child(26) .crumb::before{content:'26';}

.tab-pane ul li:nth-child(27) .crumb::before{content:'27';}

.tab-pane ul li:nth-child(28) .crumb::before{content:'28';}

.tab-pane ul li:nth-child(29) .crumb::before{content:'29';}

.tab-pane ul li:nth-child(30) .crumb::before{content:'30';}

.tab-pane ul li:nth-child(31) .crumb::before{content:'31';}

.tab-pane ul li:nth-child(32) .crumb::before{content:'32';}

.tab-pane ul li:nth-child(33) .crumb::before{content:'33';}

.tab-pane ul li:nth-child(34) .crumb::before{content:'34';}

.tab-pane ul li:nth-child(35) .crumb::before{content:'35';}

.tab-pane ul li:nth-child(36) .crumb::before{content:'36';}

.tab-pane ul li:nth-child(37) .crumb::before{content:'37';}

.tab-pane ul li:nth-child(38) .crumb::before{content:'38';}

.tab-pane ul li:nth-child(39) .crumb::before{content:'39';}

.tab-pane ul li:nth-child(40) .crumb::before{content:'40';}

.topic-moderator{color:#fff;}





/* SECTION */

.venue-modern {

  background: linear-gradient(180deg, #f8f9fb, #ffffff);

}



/* TITLE */

.venue-title {

  font-size: 2.5rem;

  font-weight: 700;

}



.venue-title span {

  color: #c8a96a;

}



.venue-subtitle {

  color: #777;

  margin-top: 10px;

}



/* IMAGE */

.venue-image-wrap {

  position: relative;

  border-radius: 25px;

  overflow: hidden;

}



.venue-image-wrap img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.5s;

}



.venue-image-wrap:hover img {

  transform: scale(1.05);

}



/* OVERLAY */

.venue-overlay {

  position: absolute;

  bottom: 0;

  width: 100%;

  padding: 30px;

  color: #fff;

  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);

}



.venue-overlay h3 {

  margin-bottom: 5px;

}



/* CARD */

.venue-card {

  background: rgba(255,255,255,0.7);

  backdrop-filter: blur(15px);

  border-radius: 20px;

  padding: 30px;

  box-shadow: 0 10px 30px rgba(0,0,0,0.08);

}



/* INFO ROW */

.venue-item {

  display: flex;

  gap: 15px;

  margin-bottom: 20px;

}



.venue-item i {

  font-size: 20px;

  color: #c8a96a;

}



.venue-item span {

  font-weight: 600;

  font-size: 14px;

}



.venue-item p {

  margin: 0;

  color: #555;

}



/* BUTTONS */

.venue-buttons .btn {

  border-radius: 50px;

  padding: 10px 20px;

}



/* MAP */

.venue-map-box {

  border-radius: 25px;

  overflow: hidden;

  box-shadow: 0 15px 40px rgba(0,0,0,0.1);

}



.venue-map-box iframe {

  width: 100%;

  height: 350px;

  border: 0;

}



/* RESPONSIVE */

@media (max-width: 991px) {

  .venue-title {

    font-size: 2rem;

  }



  .venue-overlay {

    padding: 20px;

  }

}



@media (max-width: 576px) {

  .venue-map-box iframe {

    height: 250px;

  }

}

/* ============================================================
   PREMIUM MENTAL HEALTH PODCAST PLAYER
============================================================ */

.mhc-audio-player {

    --mhc-dark: #18323c;
    --mhc-dark-two: #254b58;

    --mhc-gold: #c8a568;
    --mhc-gold-light: #e5ca94;

    --mhc-text: #243b44;
    --mhc-muted: #859399;

    position: relative;

    width: 100%;
    max-width: 720px;

    min-height: 92px;

    display: flex;
    align-items: center;

    gap: 14px;

    margin: 25px auto;

    padding: 13px 18px 13px 13px;

    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(200,165,104,0.10),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fcfbf8 100%
        );

    border:
        1px solid rgba(24,50,60,0.08);

    border-radius: 20px;

    box-shadow:
        0 15px 45px rgba(18,40,48,0.09),
        inset 0 1px 0 rgba(255,255,255,0.9);

    overflow: hidden;

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}


/* subtle gold top light */

.mhc-audio-player::before {

    content: "";

    position: absolute;

    left: 70px;
    right: 70px;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(200,165,104,0.8),
            transparent
        );

}


/* background glow */

.mhc-audio-player::after {

    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -100px;
    top: -100px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(200,165,104,0.12),
            transparent 70%
        );

    pointer-events: none;

}


.mhc-audio-player:hover {

    transform: translateY(-2px);

    box-shadow:
        0 20px 55px rgba(18,40,48,0.12);

}


/* ============================================================
   COVER
============================================================ */

.mhc-audio-player__cover-wrap {

    position: relative;

    flex: 0 0 auto;

    width: 64px;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

}


.mhc-audio-player__cover {

    position: relative;

    z-index: 3;

    width: 58px;
    height: 58px;

    border-radius: 15px;

    overflow: hidden;

    /*background: #ffffff;

    box-shadow:
        0 8px 20px rgba(21,46,55,0.14);*/

}


.mhc-audio-player__cover img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

}


/* ============================================================
   ANIMATED COVER RINGS
============================================================ */

.mhc-audio-player__cover-ring {

    position: absolute;

    inset: 3px;

    border:

        1px solid
        rgba(200,165,104,0.40);

    border-radius: 18px;

    opacity: 0;

}


.mhc-audio-player.is-playing
.mhc-audio-player__cover-ring {

    animation:
        mhcCoverPulse
        2.4s
        ease-out
        infinite;

}


.mhc-audio-player.is-playing
.ring-two {

    animation-delay: 1.1s;

}


@keyframes mhcCoverPulse {

    0% {

        transform: scale(0.95);
        opacity: 0.7;

    }

    100% {

        transform: scale(1.35);
        opacity: 0;

    }

}


/* ============================================================
   PLAY BUTTON
============================================================ */

.mhc-audio-player__play {

    position: relative;

    z-index: 5;

    flex: 0 0 auto;

    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    outline: 0;

    border-radius: 50%;

    cursor: pointer;

    color: #ffffff;

    background:
        linear-gradient(
            145deg,
            var(--mhc-dark-two),
            var(--mhc-dark)
        );

    box-shadow:
        0 8px 20px rgba(24,50,60,0.22);

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;

}


.mhc-audio-player__play:hover {

    transform: scale(1.07);

    background:
        linear-gradient(
            145deg,
            #d6b879,
            #b89151
        );

    box-shadow:
        0 10px 25px rgba(200,165,104,0.30);

}


.mhc-audio-player__play svg {

    width: 16px;
    height: 16px;

    fill: currentColor;

}


.mhc-audio-player__play-icon {

    margin-left: 2px;

}


.mhc-audio-player__pause-icon {

    display: none;

}


.mhc-audio-player.is-playing
.mhc-audio-player__play-icon {

    display: none;

}


.mhc-audio-player.is-playing
.mhc-audio-player__pause-icon {

    display: block;

}


/* ============================================================
   CONTENT
============================================================ */

.mhc-audio-player__content {

    position: relative;

    z-index: 3;

    flex: 1;

    min-width: 0;

}


/* ============================================================
   HEADER
============================================================ */

.mhc-audio-player__header {

    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 15px;

    margin-bottom: 9px;

}


/* ============================================================
   STATUS
============================================================ */

.mhc-audio-player__status {

    display: flex;
    align-items: center;

    gap: 6px;

    margin-bottom: 3px;

    color: var(--mhc-gold);

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1.5px;

}


.mhc-audio-player__status-dot {

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--mhc-gold);

    box-shadow:
        0 0 0
        rgba(200,165,104,0);

}


.mhc-audio-player.is-playing
.mhc-audio-player__status-dot {

    animation:
        mhcStatusPulse
        1.6s
        ease-out
        infinite;

}


@keyframes mhcStatusPulse {

    0% {

        box-shadow:
            0 0 0 0
            rgba(200,165,104,0.5);

    }

    100% {

        box-shadow:
            0 0 0 7px
            rgba(200,165,104,0);

    }

}


/* ============================================================
   PODCAST TITLE
============================================================ */

.mhc-audio-player__info {

    min-width: 0;

}


.mhc-audio-player__info h4 {

    margin: 0;

    max-width: 430px;

    color: var(--mhc-text);

    font-size: 13px;
    font-weight: 600;

    line-height: 1.3;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}


/* ============================================================
   TIME
============================================================ */

.mhc-audio-player__time {

    flex: 0 0 auto;

    display: flex;
    align-items: center;

    gap: 3px;

    padding-bottom: 1px;

    color: var(--mhc-muted);

    font-size: 9px;
    font-weight: 600;

    font-variant-numeric: tabular-nums;

}


.mhc-audio-player__time-divider {

    opacity: 0.45;

}


/* ============================================================
   BOTTOM AREA
============================================================ */

.mhc-audio-player__bottom {

    display: flex;
    align-items: center;

    gap: 10px;

}


/* ============================================================
   LIVE WAVE
============================================================ */

.mhc-audio-player__wave {

    flex: 0 0 auto;

    height: 18px;

    display: flex;
    align-items: center;

    gap: 2px;

}


.mhc-audio-player__wave span {

    width: 2px;
    height: 5px;

    display: block;

    border-radius: 20px;

    background:
        var(--mhc-gold);

    opacity: 0.45;

}


/* playing */

.mhc-audio-player.is-playing
.mhc-audio-player__wave span {

    opacity: 1;

    animation:
        mhcWave
        0.75s
        ease-in-out
        infinite alternate;

}


.mhc-audio-player.is-playing
.mhc-audio-player__wave span:nth-child(1) {

    animation-delay: 0s;

}


.mhc-audio-player.is-playing
.mhc-audio-player__wave span:nth-child(2) {

    animation-delay: 0.15s;

}


.mhc-audio-player.is-playing
.mhc-audio-player__wave span:nth-child(3) {

    animation-delay: 0.30s;

}


.mhc-audio-player.is-playing
.mhc-audio-player__wave span:nth-child(4) {

    animation-delay: 0.10s;

}


.mhc-audio-player.is-playing
.mhc-audio-player__wave span:nth-child(5) {

    animation-delay: 0.42s;

}


.mhc-audio-player.is-playing
.mhc-audio-player__wave span:nth-child(6) {

    animation-delay: 0.22s;

}


.mhc-audio-player.is-playing
.mhc-audio-player__wave span:nth-child(7) {

    animation-delay: 0.36s;

}


.mhc-audio-player.is-playing
.mhc-audio-player__wave span:nth-child(8) {

    animation-delay: 0.08s;

}


.mhc-audio-player.is-playing
.mhc-audio-player__wave span:nth-child(9) {

    animation-delay: 0.28s;

}


@keyframes mhcWave {

    0% {

        height: 4px;

    }

    50% {

        height: 17px;

    }

    100% {

        height: 8px;

    }

}


/* ============================================================
   PROGRESS
============================================================ */

.mhc-audio-player__progress {

    position: relative;

    flex: 1;

    height: 5px;

    border-radius: 20px;

    background:
        rgba(24,50,60,0.09);

    cursor: pointer;

}


.mhc-audio-player__progress::after {

    content: "";

    position: absolute;

    inset: -7px 0;

}


/* fill */

.mhc-audio-player__progress-fill {

    position: relative;

    width: 0%;
    height: 100%;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            #b48d4e,
            var(--mhc-gold),
            var(--mhc-gold-light)
        );

}


/* progress dot */

.mhc-audio-player__progress-dot {

    position: absolute;

    right: -5px;
    top: 50%;

    width: 10px;
    height: 10px;

    border-radius: 50%;

    background: #ffffff;

    border:
        2px solid
        var(--mhc-gold);

    box-shadow:
        0 2px 8px
        rgba(200,165,104,0.40);

    transform:
        translateY(-50%)
        scale(0);

    transition:
        transform
        0.2s ease;

}


.mhc-audio-player:hover
.mhc-audio-player__progress-dot,

.mhc-audio-player.is-playing
.mhc-audio-player__progress-dot {

    transform:
        translateY(-50%)
        scale(1);

}


/* ============================================================
   SOUND ICON
============================================================ */

.mhc-audio-player__sound-icon {

    position: relative;

    z-index: 3;

    flex: 0 0 auto;

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        rgba(24,50,60,0.045);

}


.mhc-audio-player__sound-icon svg {

    width: 13px;
    height: 13px;

    fill: var(--mhc-dark);

    opacity: 0.55;

}


/* ============================================================
   ACTIVE PLAYER
============================================================ */

.mhc-audio-player.is-playing {

    box-shadow:
        0 18px 55px rgba(18,40,48,0.12),
        0 0 0 1px rgba(200,165,104,0.05);

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767px) {

    .mhc-audio-player {

        min-height: 78px;

        gap: 9px;

        padding:
            10px
            12px
            10px
            10px;

        margin: 18px auto;

        border-radius: 17px;

    }


    .mhc-audio-player__cover-wrap {

        width: 52px;
        height: 52px;

    }


    .mhc-audio-player__cover {

        width: 48px;
        height: 48px;

        border-radius: 12px;

    }


    .mhc-audio-player__play {

        width: 38px;
        height: 38px;

    }


    .mhc-audio-player__play svg {

        width: 14px;
        height: 14px;

    }


    .mhc-audio-player__info h4 {

        max-width: 260px;

        font-size: 11px;

    }


    .mhc-audio-player__status {

        font-size: 7px;

    }


    .mhc-audio-player__time {

        font-size: 8px;

    }


    .mhc-audio-player__sound-icon {

        display: none;

    }

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width: 480px) {

    .mhc-audio-player {

        gap: 7px;

        padding: 9px;

    }


    .mhc-audio-player__cover-wrap {

        width: 46px;
        height: 46px;

    }


    .mhc-audio-player__cover {

        width: 43px;
        height: 43px;

    }


    .mhc-audio-player__play {

        width: 35px;
        height: 35px;

    }


    .mhc-audio-player__header {

        gap: 6px;

        margin-bottom: 7px;

    }


    .mhc-audio-player__info h4 {

        max-width: 150px;

        font-size: 10px;

    }


    #mhcAudioDuration,
    .mhc-audio-player__time-divider {

        display: none;

    }


    .mhc-audio-player__wave {

        gap: 1.5px;

    }


    .mhc-audio-player__wave span {

        width: 1.5px;

    }

}