@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=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&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:Lavish;

    src: url('../fonts/Lavish.otf');

}





body 				{color: #333333;background: linear-gradient(90deg, #fdfde0 0%, #fdfde0 100%);font-size: 1rem;;font-size: 1rem;font-family: "Philosopher", sans-serif;}



h1, h2, h3, h4, h5	{color: #193867; font-weight: 700;font-size: 1rem;font-family: "Marcellus", serif;}

h1					{}

h2					{}

h3					{}

h4					{}

h5					{}



strong				{font-weight: 600;}



a					{text-decoration:none; color: #193867; 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: 0rem; left: 0; z-index: 50; width: 100%; background-color: rgb(70 185 122); padding-top: 20px; padding-bottom: 35px; -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-light .navbar-nav .nav-link 			{color: #fff; font-weight:500;font-family: "Lato", sans-serif;font-size:18px;}

.menu-area .navbar-light .navbar-nav .nav-link:hover	{color: #fff; background-color: #000; border-radius: 10px;border:1px solid #000;}

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





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

a.nav-reg-link{background-color:#9d9268;color:#fff!important;border:1px solid #9d9268;border-radius:25px;}

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



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

.navbar-light .navbar-nav .nav-link.active 				{color: #fff;font-weight:500;}



/*.cardio-logo img{animation: 1.1s infinite beatHeart;transform-origin: 50% 60%;}

@keyframes beatHeart {

  0% {

    transform: scale(1);

  }

  25% {

    transform: scale(1.05);

  }

  40% {

    transform: scale(1);

  }

  60% {

    transform: scale(1.05);

  } 

  100% {

    transform: scale(1);

  }

}*/



/* ============================================================

   PREMIUM CARDIO LOGO COLOR FILL

============================================================ */



.navbar-toggler{background-color: #4b8856;}



.calendar-location-row {margin-top: 3rem;}

.calendar-location-row span{font-size:20px;font-weight: 600;}

.calendar-location-row img{width:30px;}

/*.line-c a{background-color: #9e9269;color:#fff;border-radius:25px;padding-left: 20px;padding-right: 20px;padding-top: 10px;padding-bottom: 10px;}*/



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



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

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



/*ul.navbar-nav{background-color:#50b46f;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:0rem;}

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

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

.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:50%;}



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

.right-area img{width:70%;margin-top: 12.0rem;margin-left: 5.5rem;}

.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: left;}

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

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



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



.chairperson-text           {margin-top: 1rem;margin-bottom: 1rem;}

.chairperson-text h2		{font-size:40px;color:#ba2e35;margin-bottom: 1rem;}

.chairperson-text p{font-size:22px;line-height: 30px;color:#454444;}

.chairperson-text span{color:#ba2e35;font-size:20px;}

.chairperson-text h4{font-size: 28px;color:#ba2e35;margin-top: 2rem;}



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



.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:#fff;font-family: "Philosopher", sans-serif;font-weight: 600;}



/*.speakers-block .spkr-img	{border:3px solid #fff;overflow: hidden;}*/

.speakers-block .spkr-desc	{text-align: center;margin-top: 15px;}



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

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



.spkr-desc .line-a{color:#0a5d4f;font-size:20px;font-weight: 600;}

.spkr-desc .line-b{color:#000;font-size:15px;}

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



/* 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: 0px;}

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



/* 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;}}









.spk-block						{height: 100%; background-color: #0a5d4f; -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;padding: 10px;}



.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: 25px;padding: 15px;}

.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: 110.0%;font-weight: 500!important;}

.spk-block .spk-desc .line-b	{font-size: 90.5%;font-family: "Philosopher", sans-serif;color:#fff;font-weight: 300;}

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



.speaker-wrap .cv-more a {background: rgb(46,66,130);background: linear-gradient(90deg, rgba(46,66,130,1) 0%, rgba(113,113,186,1) 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: "Philosopher", sans-serif;font-weight: 500;color:#fff;}

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





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

.program-wrap h1    {color:#041931;text-align: center;font-size: 60px;padding-bottom: 2rem;}







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

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



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

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



.nav-pills .nav-link 		{border-radius: 0; background-color: #73a9cb;}

.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;}



.prog-row img{border-radius: 10%;border:3px solid #918663;}

.prog-row .spkr-img{border:0px;}

.prog-row .speakers-block:hover .spkr-img img {transform: none;}



.prog-row .speakers-block{text-align: -webkit-center;}





.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: #08295b;border-radius:20px;border:2px solid #fff;}

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

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

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



.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: #e8e8e8;font-size: 16px;text-align: center;padding: 10px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;font-weight: 600;

 color: #08295b;width:100%;}

.prog-row .doc			{}

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

.prog-row .docname		{font-weight: 500;font-family: "Marcellus", 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;}

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

.prog-row.highlight-c   {background-color: #08295b;color:#fff;margin-bottom:0.5rem;font-family: "Marcellus", serif;}

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

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

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



.highlight-row-2 .lecture {text-transform: uppercase;font-size: 20px!important;}



.highlight-row-1{background: linear-gradient(90deg, #fef8a8 0%, #fdfbe1 100%);}



.prog-row .doc img		{border-radius: 100%;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;}*/









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

.registration-wrap h1    {color:#041931;text-align: center;font-size: 60px;padding-bottom: 2rem;}

.btn-register{background-color:#50b46f;border:0px;color: #fff;}



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





.footer				{padding-top: 1rem; padding-bottom: 0rem; background-color: #50b46f; font-size: 75%; color: #000;}

.footer a 			{color: #000;color: #fff; /*text-decoration: underline;*/}

.footer a:hover 	{color: #000; 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);}

.sponsors-wrap h1 		{text-align: center;font-size:60px;color:#041931;padding-bottom: 2rem;}

.sponsors-wrap .sponsors-block	{border-top: 1px solid #0a5d4f;border-bottom: 1px solid #0a5d4f;border-left: 1px solid #9d9268;border-right: 1px solid #9d9268;}

.sponsors-wrap h4{font-family: "Marcellus", serif;font-weight: 600;text-align:center;color:#0a5d4f;font-size:25px;margin-top:3rem;margin-bottom: 2rem;}





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

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







.committee-wrap {padding-top: 3rem;padding-bottom: 3rem;background:linear-gradient(90deg, rgba(22,82,72,0.9) 0%, rgba(24,50,51,0.9) 100%), 

    url("../images/pattern.png");background-size: contain;background-repeat: repeat;}

.committee-wrap h1{font-size:300%;}











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





/* ===== PRELOADER ===== */

#preloader	{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999;}

#status		{width: 72px; height: 72px; position: absolute; left: 50%; top: 50%; background-image: url("../images/loading.gif"); background-repeat:no-repeat; background-position: center center; margin: -36px 0 0 -36px;}

/* ===== PRELOADER ===== */



/* ----------- 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: 69px;}

/*.menu-area          {background-color: rgba(0,0,0,0.8)!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; }	

	

	

	

.speakers-wrap .swiper-button-next,

.speakers-wrap .swiper-button-prev 			{width: 48px; height: 48px;}



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

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





/* 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;}

	

	

.speakers-wrap .swiper-button-next,

.speakers-wrap .swiper-button-prev 			{width: 48px; height: 48px;}



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

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



/* 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);}	

	

.speakers-wrap .swiper-button-next,

.speakers-wrap .swiper-button-prev 			{width: 48px; height: 48px;}



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

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

	

.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: rgba(0,0,0)!important;}	

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

	



.speakers-wrap .swiper-button-next,

.speakers-wrap .swiper-button-prev 			{width: 48px; height: 48px;}



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

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

	

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

	

	

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

/*.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: 10%;padding-right: 10%;}





.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;}



.speaker-block {position: relative;margin-bottom: 40px;}

.speaker-block .inner-box {position: relative;height: 100%;}

.speaker-block .image-box {position: relative;padding: 5px;background-color: rgba(255,255,255,.15);overflow: hidden;}

.speaker-block .image-box .image:after, .speaker-block .image-box:before {position: absolute;left: 0;top: 0;height: 0;width: 100%;background-color: #ffffff;content: "";-webkit-transition: all 700ms ease;-moz-transition: all 700ms ease;-ms-transition: all 700ms ease;-o-transition: all 700ms ease;transition: all 700ms ease;}

.speaker-block .image-box .image {position: relative;margin-bottom: 0;z-index: 1;overflow: hidden;background: radial-gradient(circle, rgba(34,145,186,1) 0%, rgba(6,52,99,1) 100%);}

.speaker-block .image-box .image img {display: block;width: 100%;height: auto;}

.speaker-block .social-links {position: absolute;left: 0;bottom: -140px;padding: 20px;width: 100%;z-index: 9;-webkit-transition: all 700ms ease;-moz-transition: all 700ms ease;-ms-transition: all 700ms ease;-o-transition: all 700ms ease;transition: all 700ms ease;}

.speaker-block .social-links ul {position: relative; padding: 5px 0px;text-align: center;background: radial-gradient(circle, rgba(6,52,99,1) 0%, rgba(34,144,185,1) 100%);

text-transform: uppercase;}

.speaker-block .social-links li {position: relative;display: inline-block;margin: 0 9px;}

.speaker-block .social-links li a {position: relative;display: block;font-size: 14px;line-height: 30px;font-weight: 400;color: #ffffff;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}

.speaker-block .image-box .image:after {opacity: .40;z-index: 1;top: auto;bottom: 0;background-color: #5c5a5a;}

.speaker-block .image-box:before {position: absolute;left: 0;top: 0;height: 0;width: 100%;background-color: #ffffff;content: "";-webkit-transition: all 700ms ease;-moz-transition: all 700ms ease;-ms-transition: all 700ms ease;-o-transition: all 700ms ease;transition: all 700ms ease;}

.speaker-block .caption-box {position: relative;padding-top: 30px;}

.speaker-block .caption-box .name {position: relative;display: block;font-size: 16px;line-height: 1em;color: #ffffff;font-weight: 400;margin-bottom: 10px;text-align: center;background-color: #063463;padding: 10px;border-bottom: 3px solid #84bc63;border-top: 3px solid #2290b9;/*border-left: 3px solid #84bc63;border-right: 3px solid #2290b9;border-radius: 0.25rem;*/}

.speaker-block .caption-box .name a {color: #ffffff;display: inline-block;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}

.speaker-block .caption-box .designation {position: relative;display: block;font-size: 14px;line-height: 26px;color: #ffffff;font-weight: 400;opacity: .70;text-align: center;}

.speaker-block .inner-box:hover .image-box .image:after, .speaker-block .inner-box:hover .image-box:before {height: 100%;}

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

.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, #85bc61, #2291ba);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:400;font-family: "Philosopher", sans-serif;}

.btn-registration{background-color: #0a5d4f;border:1px solid #0a5d4f;}

.btn-registration:hover{background-color: #0a5d4f;border:1px solid #0a5d4f;}

.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: "Philosopher", 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:18px;color:#fff!important;}

.registration-method h4{color:#fff;text-transform: none;padding-bottom: 1rem;font-weight: 600;font-family: "Philosopher", sans-serif;}

.registration-div p{padding-top:0px;padding-bottom:15px;font-family: "Philosopher", sans-serif;}

.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: 1rem;}

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

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

h5.note{color:#0a5d4f;font-size:21px;}



.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:#05317a;box-shadow: 0 0 0 1px #05317a;}

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

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

.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%;}

.modal-body p{font-size:18px;}



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

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

.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%;}

/*.left-area{margin-top: 2%;}*/

.cme-img img{width:14%;}

ul#example{padding: 25px 0px;}

.cardio-header-logo{width:40%!important;}

.banner-area{padding-bottom: 10rem;}}



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

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

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

.banner-area .cont-holder{top:10%;}

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



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



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

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

.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%;}

h1.powered-by{font-size:30px!important;}	

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

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

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

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

.cme-img img{width:15%!important;}

/*.menu-area{background-color: transparent!important;}*/

.banner-area{margin-top: -5rem;}

.banner-area .cont-holder{margin-top:0%;}

.cardio-header-logo{width:60%!important;}

.chairperson-text h2{font-size:35px;}

.kims-logo img{width:40%!important;}}



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

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

.location-time h3{font-size:20px;font-weight:600;}

.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: 10%;}

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

.page{margin-top: 0px;}

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

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

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

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

.chair-col-section-details{text-align: center;}

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

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

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

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

.banner-area .cont-holder{top:10%;margin-top: 0%;}

.cme-img img{width:25%!important;}

.prog-row .speakers-block{padding-top: 0px;}

.spkr-desc .line-a{fnt-size:18px;}

.chairperson-text p{font-size:20px;}

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

.registratin-wrap h1{font-size:45px;}

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

.offcanvas-end-menu{background: linear-gradient(90deg, rgb(0 0 0) 0%, rgba(10, 93, 79, 1) 100%);}

ul.navbar-nav{background: none;}

.btn-close-menu{margin-top: -12rem!important;background-color: #fff; padding: 20px!important;}

.menu-area li{border-bottom:1px solid #f5f5f563;}

.modal-body p{font-size: 16px;}

.talk-pill{border-radius: 25px!important;}

#slide-c.speaker-wrap{background-position: right!important;}}



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

.cme-img img{width: 40%!important;}	

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

/*.left-area{margin-top:70%;}*/

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

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

.conf-heading{width:100%;}

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

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

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

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

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

.registration-wrap{padding-top: 2rem;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;}

.btn-registration{width:100%;}

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

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

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

.counter{margin-top: 5%;}

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

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

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

.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:75%;}

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

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

.prog-row .docname{font-size:15px!important;}

.cme-cpd{margin:2rem!important;}

.cme-cpd a{font-size:18px!important;}

.powered-by h1{font-size:30px!important;}

.kims-logo{left:3%;top:10%!important;}

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

.footer{text-align: center;}}



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

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

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

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

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

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

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

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

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



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

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

.cme-cpd a{font-size: 16px!important;}

.powered-by h1 {font-size: 25px!important;}}	





.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;color:#fff;}







#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;}

.nav-tabs button{font-size:16px!important;}}



@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:1024px){

.nav-tabs button{font-size:14px!important;}}



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

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

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

.nav-tabs button{width:50%;margin:5px;}

.cardio-header-logo{width:80%!important;}}



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

body{background: linear-gradient(90deg, #f7f4ba 0%, #fbf9cf 100%);}

.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:30px;}	

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

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

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

.count-div{width: 90px!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:17px;font-weight:500;}

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

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

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

.jahra-back-icon{display: none;}

.agenda-back-top img{top:0rem;}

.agenda-back-top{width:25%!important;opacity: 0.2!important;right: 20px!important;left: auto!important;}

.agenda-back-bottom img{bottom:10rem!important;}

.agenda-back-bottom{width:25%!important;opacity: 0.2!important;}

.cardio-header-logo{width:100%!important;}

.calendar-location-row span{font-size:18px;}

.banner-area{padding-bottom: 2rem;}

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

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

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

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

.bg-holder-mobile{display: block!important;position: absolute;}}



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

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

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

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



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

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



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

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

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





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

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





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

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

.cardio-header-logo{width:35%;}}	



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

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

.cardio-header-logo{width:33%;}}



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

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



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

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



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

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



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

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





.cardio-header-logo{width:20%!important;}



.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:1.875rem;border:none;background:none;text-transform:uppercase;cursor:var(--white);padding:0.6rem 0;font-weight:500;color:var(--white);}*/

/*.nav-tabs button + button{margin-left:16.25rem;}*/

.nav-tabs button.active{}



.button-container{display: flex;gap:0px;}

.button-international-local{}

/*.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.2rem;border: 1px solid #444; /*border: 1px solid #ebebeb; background-color: #FFFFFF;*/ margin-bottom: 0.25rem;border-radius: 100px;width:100%;}

.prog-row-new{margin-bottom:4rem;}

.prog-row-new-1{margin-top: 3rem; margin-bottom:4rem;}

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

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

.prog-row .doc			{}

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

.prog-row .lecture		{font-weight: 400; font-size:20px;color:#041931;}

.prog-row .lecture-session{color:#041931;font-size:25px!important;font-weight: 600;}

.prog-row .session-moderator{color:#747474!important;}

.prog-row .docname		{font-weight: 600; font-size: 17px;color:#747474;}

.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: #eae7f6; border-color: #d5d1ee;}

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

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

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

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

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

.highlight-row-2 {background: linear-gradient(90deg, #fef8a8 0%, #fdfbe1 100%);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)}

}



.talk-sub span{display: block;color: #000;font-weight: 600;font-size:14px;}



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

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

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

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

.banner-area .cont-holder{margin-top:0%;}

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

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

.left-area .line-c{margin-top: 1rem;z-index: 9;}

.right-area img{width:100%;margin-top: -10rem;}

.desktop-swiper{display: none;}

.mobile-swiper{display: block;margin-top: 28rem;text-align: center;}

.mobile-swiper img{width:55%;}

.bg-holder-video video{opacity: 0.8;}

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

.location-time h3 {font-size: 18px;font-weight: 500;color:#000;}

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

.location-time{margin-top: 1rem;margin-bottom: 1rem;}}



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

.mobile-swiper{margin-top: 25rem;}}



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

.mobile-swiper{margin-top: 25rem;}

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



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

.mobile-swiper{margin-top: 23rem;}

.mobile-swiper img{width:60%;}}



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

.mobile-swiper{margin-top: 21rem;}

.mobile-swiper img{width:55%;}}



/*.committee-wrap{display:none;}*/







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

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

.nav-tabs button.active {color: #fff;font-weight: 500;background: linear-gradient(90deg, rgba(158, 146, 105, 1) 0%, rgb(157 146 104) 100%)!important;padding: 15px;}





.bg-holder-video {position: relative;overflow: hidden;background-color: #000;}

.bg-holder-video video {z-index: auto;top: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0.5;}







.jahra-back-icon{position: absolute;right: 20px;width: 10%;opacity: 0.5;}

.jahra-back-icon img{top: 5rem;position: relative;}



.jahra-back-logo-icon{position: absolute;left: 20px;width:20%;opacity: 0.5;}

.jahra-back-logo-icon img{top: 5rem;position: relative;}





.agenda-back-top{position: absolute;left: 20px;width: 12%;opacity: 0.5;}

.agenda-back-top img{top: 5rem;position: relative;}



.agenda-back-bottom{position: absolute;right: 20px;width: 12%;opacity: 0.5;}

.agenda-back-bottom img{bottom: 30rem;position: relative;}



.cme-img img{width:12%;}	



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



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

.cme-img-desktop{display: none!important;}

.cme-img-mobile{display: block!important;}

.top-tag{position: relative!important;margin-top: 2rem;z-index: 1!important;}

.menu-area{top:0rem;background-color: #000!important;padding-top: 0rem;padding-bottom: 0rem;}

.top-tag h5{font-size:15px!important;}

.banner-area{margin-top: -0.5rem;padding-bottom: 2rem;}}





.top-tag {position: fixed;top: 0;left: 0;width: 100%;background-color:#9c9069;text-align: center;padding-top:10px;font-size: 18px;z-index: 1000;display:none}

.top-tag span{display: block;color: #000;font-weight:500;}

.top-tag h5{color:#fff;font-weight:400;line-height: 30px;font-weight: 500;font-size:20px;}

.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;}



.cert-logo {padding-top: 3rem;padding-bottom: 3rem;}

.cert-logo img{width: 50%;}

.cert-body {padding-top: 1rem;padding-bottom: 1rem;}

.page-certificate{background: linear-gradient(90deg, rgba(22, 82, 72, 1) 0%, rgba(24, 50, 51, 1) 100%);}

.cert-body h5{color:#dbeef8;font-weight: 400;font-size: 25px;}

.cert-body td{color:#dbeef8;}

.cert-body th{color:#dbeef8;}

.cert-body a{color:#dbeef8;}

.cert-body h1{font-size:50px;color:#dbeef8;}



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









  :root{

    --pill-bg-1: #fff7c7;          /* soft yellow */

    --pill-bg-2: #fdefa6;          /* soft yellow gradient */

    --pill-shadow: 0 8px 24px rgba(0,0,0,.12);

    --accent-green: #2bb673;       /* divider + avatar glow ring */

    --name: #3c3a3a;               /* dark text */

    --subtle: #535354;             /* subtitle */

  }



.talk-pill{ position: relative;background-color:#f5e879;border-radius: 100px;min-height: 110px;box-shadow: var(--pill-shadow);padding: 18px 18px 18px 120px;overflow: visible;}

  /* top-right time */

.talk-pill .talk-time{position: absolute;top: -25px;right: 18px;font-weight: 600;font-size:17px;  letter-spacing: .3px;font-family: "Inter", sans-serif;}

  /* speaker avatar overlapping the pill */

.talk-avatar{position: absolute;left: -6px;top: 50%;transform: translateY(-50%);width: 110px; height: 110px;display: grid; place-items: center;filter: drop-shadow(0 6px 14px rgba(0,0,0,.18));}

.talk-avatar .circle{width: 100px; height: 100px; border-radius: 50%;overflow: hidden;box-shadow: 0 0 0 3px rgb(43 182 115 / 74%), 0 2px 10px rgb(0 0 0);}

.talk-avatar img{width: 100%; /*height: 100%;*/ object-fit: cover;display: block;}

.talk-title{ margin: 10px 0 2px 0; font-weight: 600;font-size:19px;color: var(--name);/*text-transform: uppercase;*/letter-spacing: 0px;font-family: "Inter", sans-serif;}

.talk-title-1{ margin: 15px 0 2px 0; font-weight: 600;font-size:19px;color: var(--name);/*text-transform: uppercase;*/letter-spacing: 0px;font-family: "Inter", sans-serif;font-size:30px;}

.talk-title-2{ margin: 15px 0 2px 0; font-weight: 600;font-size:19px;color: var(--name);/*text-transform: uppercase;*/letter-spacing: 0px;font-family: "Inter", sans-serif;font-size:20px;}

.talk-title-2 span{display: block;}

.talk-sub{margin: 0; color: var(--subtle);font-weight: 500;font-family: "Inter", sans-serif;}

/* thin green divider between two columns on md+ */

@media (min-width: 768px){

/*.talk-col + .talk-col{ border-left: 2px solid var(--accent-green);}*/

.talk-title-1{font-size:25px;}}

  /* compact on small screens */

@media (max-width: 575.98px){

.talk-pill{padding: 16px 16px 16px 96px; min-height: 96px;}

.talk-avatar{ width: 96px; height: 96px; left: -8px; }

.talk-avatar .circle{ width: 78px; height: 78px; box-shadow: 0 0 0 5px rgba(43,182,115,.18), 0 2px 8px rgba(0,0,0,.12);}

.talk-title{ margin-top: 22px; font-size: 1rem; }

.talk-pill .talk-time{ font-size: .95rem; right: 14px; top: 8px; }}



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

.prog-row .lecture-session{font-size:18px!important;}

.prog-row{border-radius: 0px;}

.talk-pill .talk-time{left: 15px;top: -25px;}

.talk-title{margin-top: 5px;}

.talk-title-1{font-size:20px;font-size:14px;}

.talk-title-2{margin: 10px 0 2px 0;font-size:14px;}

.talk-avatar .circle{width:70px;height: 70px;}

.talk-pill{min-height: 80px;}

.talk-sub{font-size:12px;}}



.powered-by{text-align: center;margin-top: 3rem;}

.powered-by h1{font-size:40px;color:#717171;}



.cme-cpd{text-align:center;margin: 5rem;}

.cme-cpd a{padding: 15px;background-color: #f5e879;font-size: 25px;border-radius: 10px;color: #323030;}





.kims-logo{position:absolute;left:15%;top:0%;}

.kims-logo img{width:50%;}



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

.kims-logo{left:5%;}}





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

.kims-logo{left:8%;}}



/* ============================================================

   ELITE CONGRESS TITLE

============================================================ */



.cmx-title {

    position: relative; width: min(100%, 980px); margin: 0 auto; padding: clamp(26px, 3.5vw, 45px) clamp(20px, 5vw, 65px);

    text-align: center; isolation: isolate; overflow: hidden;

}



.cmx-title__content {

    position: relative; z-index: 3;

}





/* ============================================================

   FIRST LINE

============================================================ */



.cmx-title__primary {

    margin: 0; font-family: "Marcellus", serif; font-size: clamp(30px, 4vw, 58px); line-height: 1.08;

    font-weight: 400; letter-spacing: -.8px; color: #17384b;

}





/* ============================================================

   SECOND LINE

============================================================ */



.cmx-title__secondary {

    display: flex; align-items: center; justify-content: center; gap: clamp(10px, 1.4vw, 18px);

    margin-top: clamp(6px, 1vw, 11px); font-family: "Montserrat", sans-serif;

    font-size: clamp(17px, 2vw, 27px); line-height: 1.25; font-weight: 500; letter-spacing: 2px;

    text-transform: uppercase; color: #526774;

}



.cmx-title__secondary strong {

    position: relative; display: inline-flex; align-items: center; justify-content: center;

    padding: 5px 13px 6px; font-weight: 700; letter-spacing: 1.5px; color: #9b743c;

}



.cmx-title__secondary strong::before,

.cmx-title__secondary strong::after {

    content: ""; position: absolute; left: 0; width: 100%; height: 1px;

    background: linear-gradient(90deg, transparent, #c3a067, transparent);

}



.cmx-title__secondary strong::before { top: 0; }

.cmx-title__secondary strong::after { bottom: 0; }





/* ============================================================

   CINEMATIC MASK REVEAL

============================================================ */



.cmx-title__mask {

    position: relative; overflow: hidden;

}



.cmx-title__mask .cmx-title__primary {

    opacity: 0;

    transform: translateY(115%);

    animation:

        cmxTitleReveal 1.25s cubic-bezier(.16,1,.3,1) forwards .15s,

        cmxPrimaryBreath 7s ease-in-out infinite 1.6s;

}



.cmx-title__mask--second {

    overflow: hidden;

}



.cmx-title__secondary {

    opacity: 0;

    transform: translateY(105%);

    animation:

        cmxSubReveal 1.15s cubic-bezier(.16,1,.3,1) forwards .42s,

        cmxSecondaryMotion 7s ease-in-out infinite 1.8s;

}



@keyframes cmxTitleReveal {

    0% { opacity: 0; transform: translateY(115%) skewY(3deg); }

    55% { opacity: 1; }

    100% { opacity: 1; transform: translateY(0) skewY(0); }

}



@keyframes cmxSubReveal {

    0% { opacity: 0; transform: translateY(105%); letter-spacing: 7px; }

    100% { opacity: 1; transform: translateY(0); letter-spacing: 2px; }

}





/* ============================================================

   ARCHITECTURAL GOLD CORNERS

============================================================ */



.cmx-title__corner {

    position: absolute; width: clamp(30px, 5vw, 62px); height: clamp(22px, 3vw, 38px);

    opacity: 0; z-index: 2;

}



.cmx-title__corner::before,

.cmx-title__corner::after {

    content: ""; position: absolute; background: linear-gradient(90deg, #d6bd8a, #a67d43);

}



.cmx-title__corner::before { width: 100%; height: 1px; }

.cmx-title__corner::after { width: 1px; height: 100%; }





.cmx-title__corner--tl { left: 0; top: 0; animation: cmxCorner .9s ease forwards .65s; }

.cmx-title__corner--tl::before { left: 0; top: 0; }

.cmx-title__corner--tl::after { left: 0; top: 0; }



.cmx-title__corner--tr { right: 0; top: 0; transform: scaleX(-1); animation: cmxCorner .9s ease forwards .75s; }

.cmx-title__corner--tr::before { left: 0; top: 0; }

.cmx-title__corner--tr::after { left: 0; top: 0; }



.cmx-title__corner--bl { left: 0; bottom: 0; transform: scaleY(-1); animation: cmxCorner .9s ease forwards .85s; }

.cmx-title__corner--bl::before { left: 0; top: 0; }

.cmx-title__corner--bl::after { left: 0; top: 0; }



.cmx-title__corner--br { right: 0; bottom: 0; transform: scale(-1); animation: cmxCorner .9s ease forwards .95s; }

.cmx-title__corner--br::before { left: 0; top: 0; }

.cmx-title__corner--br::after { left: 0; top: 0; }



@keyframes cmxCorner {

    0% { opacity: 0; width: 0; height: 0; }

    100% { opacity: .75; }

}





/* ============================================================

   PREMIUM LIGHT PASS

============================================================ */

/* ============================================================

   PREMIUM CONTINUOUS TITLE MOTION

============================================================ */



.cmx-title__content {

    animation: cmxPremiumFloat 6s cubic-bezier(.45,0,.55,1) infinite;

}



@keyframes cmxPremiumFloat {

    0%, 100% {

        transform: translateY(0);

    }



    50% {

        transform: translateY(-4px);

    }

}





/* ============================================================

   FIRST LINE - ULTRA SUBTLE DEPTH

============================================================ */



.cmx-title__primary {

    animation:

        cmxTitleReveal 1.25s cubic-bezier(.16,1,.3,1) forwards .15s,

        cmxPrimaryBreath 7s ease-in-out infinite 1.6s;

}



@keyframes cmxPrimaryBreath {

    0%, 100% {

        color: #17384b;

        transform: scale(1);

        text-shadow: 0 0 0 rgba(23,56,75,0);

    }



    50% {

        color: #1b4056;

        transform: scale(1.006);

        text-shadow: 0 7px 22px rgba(23,56,75,.08);

    }

}





/* ============================================================

   SECOND LINE - SUBTLE LETTER MOVEMENT

============================================================ */



.cmx-title__secondary {

    animation:

        cmxSubReveal 1.15s cubic-bezier(.16,1,.3,1) forwards .42s,

        cmxSecondaryMotion 7s ease-in-out infinite 1.8s;

}



@keyframes cmxSecondaryMotion {

    0%, 100% {

        transform: translateY(0);

    }



    50% {

        transform: translateY(2px);

    }

}





/* ============================================================

   2026 PREMIUM GOLD BREATH

============================================================ */



.cmx-title__secondary strong {

    animation: cmxYearPremium 4.5s ease-in-out infinite 1.8s;

}



@keyframes cmxYearPremium {

    0%, 100% {

        color: #9b743c;

        transform: scale(1);

        letter-spacing: 1.5px;

    }



    50% {

        color: #b38a4d;

        transform: scale(1.035);

        letter-spacing: 2px;

    }

}





/* ============================================================

   YEAR TOP / BOTTOM LINES

============================================================ */



.cmx-title__secondary strong::before,

.cmx-title__secondary strong::after {

    transform-origin: center;

    animation: cmxYearLines 4.5s ease-in-out infinite 1.8s;

}



@keyframes cmxYearLines {

    0%, 100% {

        transform: scaleX(.65);

        opacity: .45;

    }



    50% {

        transform: scaleX(1);

        opacity: 1;

    }

}





/* ============================================================

   ARCHITECTURAL CORNER MOTION

============================================================ */



.cmx-title__corner--tl {

    animation:

        cmxCorner .9s ease forwards .65s,

        cmxCornerTL 6s ease-in-out infinite 1.8s;

}



.cmx-title__corner--tr {

    animation:

        cmxCorner .9s ease forwards .75s,

        cmxCornerTR 6s ease-in-out infinite 1.8s;

}



.cmx-title__corner--bl {

    animation:

        cmxCorner .9s ease forwards .85s,

        cmxCornerBL 6s ease-in-out infinite 1.8s;

}



.cmx-title__corner--br {

    animation:

        cmxCorner .9s ease forwards .95s,

        cmxCornerBR 6s ease-in-out infinite 1.8s;

}





@keyframes cmxCornerTL {

    0%, 100% {

        transform: translate(0,0);

        opacity: .55;

    }



    50% {

        transform: translate(4px,4px);

        opacity: .9;

    }

}



@keyframes cmxCornerTR {

    0%, 100% {

        transform: scaleX(-1) translate(0,0);

        opacity: .55;

    }



    50% {

        transform: scaleX(-1) translate(4px,4px);

        opacity: .9;

    }

}



@keyframes cmxCornerBL {

    0%, 100% {

        transform: scaleY(-1) translate(0,0);

        opacity: .55;

    }



    50% {

        transform: scaleY(-1) translate(4px,4px);

        opacity: .9;

    }

}



@keyframes cmxCornerBR {

    0%, 100% {

        transform: scale(-1) translate(0,0);

        opacity: .55;

    }



    50% {

        transform: scale(-1) translate(4px,4px);

        opacity: .9;

    }

}





/* ============================================================

   BACKGROUND AURA MOTION

============================================================ */



.cmx-title::before {

    animation: cmxAuraMotion 8s ease-in-out infinite;

}



@keyframes cmxAuraMotion {

    0%, 100% {

        opacity: .55;

        transform: translate(-50%, -50%) scale(.92);

    }



    50% {

        opacity: .9;

        transform: translate(-50%, -50%) scale(1.08);

    }

}



/* ============================================================

   SUBTLE BACKGROUND DEPTH

============================================================ */



.cmx-title::before {

    content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; width: 72%; height: 130%;

    transform: translate(-50%, -50%); pointer-events: none;

    background: radial-gradient(ellipse, rgba(188,151,93,.10) 0%, rgba(28,72,96,.035) 42%, transparent 72%);

    filter: blur(20px);

}





/* ============================================================

   LAPTOP

============================================================ */



@media (min-width: 992px) and (max-width: 1399.98px) {

    .cmx-title { width: min(100%, 880px); }

    .cmx-title__primary { font-size: clamp(36px, 3.8vw, 50px); }

}





/* ============================================================

   TABLET

============================================================ */



@media (min-width: 768px) and (max-width: 991.98px) {

    .cmx-title { width: min(94%, 730px); padding: 30px 35px; }

    .cmx-title__primary { font-size: clamp(32px, 4.7vw, 41px); }

    .cmx-title__secondary { font-size: 17px; letter-spacing: 1.5px; }

}





/* ============================================================

   MOBILE

============================================================ */



@media (max-width: 767.98px) {

    .cmx-title { width: calc(100% - 20px); padding: 25px 22px; }

    .cmx-title__primary { font-size: clamp(27px, 8vw, 36px); line-height: 1.12; letter-spacing: -.4px; }



    .cmx-title__secondary {

        flex-wrap: wrap; gap: 5px 9px; margin-top: 8px;

        font-size: clamp(13px, 3.8vw, 17px); line-height: 1.4; letter-spacing: 1px;

    }



    .cmx-title__secondary strong { padding: 4px 9px; letter-spacing: 1px; }

    .cmx-title__corner { width: 34px; height: 24px; }

}





/* ============================================================

   SMALL MOBILE

============================================================ */



@media (max-width: 480px) {

    .cmx-title__primary {font-size: clamp(18px, 5.5vw, 25px);}

    .cmx-title__primary {font-size: clamp(24px, 7.5vw, 31px);}

    .cmx-title__secondary {font-size: 12px; }

}





/* ============================================================

   EXTRA SMALL MOBILE

============================================================ */



@media (max-width: 360px) {

    .cmx-title__primary { font-size: 23px; }

    .cmx-title__secondary { font-size: 11px; }

}





/* ============================================================

   REDUCED MOTION

============================================================ */



@media (prefers-reduced-motion: reduce) {

    .cmx-title__primary,

    .cmx-title__secondary,

    .cmx-title__corner,

    .cmx-title__light {

        animation: none !important;

    }



    .cmx-title__primary,

    .cmx-title__secondary,

    .cmx-title__corner {

        opacity: 1; transform: none;

    }

}



/* ============================================================

   CARDIO LOGO

============================================================ */



/*.cardio-logo {

    position: relative;

    width: min(100%, 650px);

    margin: 0 auto;

}



.cardio-logo img {

    display: block;

    width: 100%;

    height: auto;

}*/





/* ============================================================

   MAIN LOGO - AUTOMATIC COLOR CHANGE

============================================================ */



/*.cardio-logo__animated {

    position: relative;

    z-index: 1;

    animation: cardioLogoColor 16s ease-in-out infinite;

}



@keyframes cardioLogoColor {



    0%, 100% {

        filter: hue-rotate(0deg) saturate(1) brightness(1);

    }



    25% {

        filter: hue-rotate(35deg) saturate(1.15) brightness(1.03);

    }



    50% {

        filter: hue-rotate(90deg) saturate(1.20) brightness(1.04);

    }



    75% {

        filter: hue-rotate(190deg) saturate(1.12) brightness(1.02);

    }



}*/





/* ============================================================

   CARDIOMETABOLIC NETWORKING

   ALWAYS ORIGINAL COLOR

============================================================ */



.cardio-logo__fixed-text {

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;



    filter: none !important;



    /*

       SHOW ONLY THE TEXT AREA.



       Adjust the TOP and BOTTOM percentages slightly depending

       on the exact position of "Cardiometabolic Networking"

       inside your PNG.

    */



    clip-path: inset(

        37%   /* top */

        0

        38%   /* bottom */

        0

    );

}





/* ============================================================

   TABLET

============================================================ */



@media (max-width: 991.98px) {



    .cardio-logo {

        width: min(100%, 560px);

    }



}





/* ============================================================

   MOBILE

============================================================ */



@media (max-width: 767.98px) {



    .cardio-logo {

        width: min(94%, 470px);

    }



}





/* ============================================================

   SMALL MOBILE

============================================================ */



@media (max-width: 480px) {



    .cardio-logo {

        width: 96%;

    }



}



/* ============================================================

   PREMIUM ANIMATED HR LINE

============================================================ */



.cardio-animated-line {

    width: min(90%, 700px);

    margin: 20px auto;

    display: flex;

    justify-content: center;

    overflow: hidden;

}



.cardio-animated-line hr {

    width: 0;

    height: 2px;

    margin: 0;

    padding: 0;

    border: 0;

    opacity: 1;

    border-radius: 50px;



    background: linear-gradient(

        90deg,

        transparent 0%,

        #b98c50 15%,

        #17384b 50%,

        #b98c50 85%,

        transparent 100%

    );



    transform-origin: center;



    animation:

        cardioLineReveal 1.6s cubic-bezier(.16,1,.3,1) forwards,

        cardioLineBreath 4s ease-in-out infinite 1.7s;

}





/* Line opens from center */



@keyframes cardioLineReveal {



    0% {

        width: 0;

        opacity: 0;

    }



    100% {

        width: 100%;

        opacity: 1;

    }



}





/* Very subtle premium movement */



@keyframes cardioLineBreath {



    0%, 100% {

        transform: scaleX(.94);

        opacity: .65;

    }



    50% {

        transform: scaleX(1);

        opacity: 1;

    }



}





/* ============================================================

   TABLET

============================================================ */



@media (max-width: 991.98px) {



    .cardio-animated-line {

        width: min(88%, 560px);

        margin: 18px auto;

    }



}





/* ============================================================

   MOBILE

============================================================ */



@media (max-width: 767.98px) {



    .cardio-animated-line {

        width: 82%;

        margin: 15px auto;

    }



    .cardio-animated-line hr {

        height: 1.5px;

    }



}





/* ============================================================

   SMALL MOBILE

============================================================ */



@media (max-width: 480px) {



    .cardio-animated-line {

        width: 75%;

        margin: 13px auto;

    }



}



/* ============================================================

   CHAIRMAN MESSAGE - PREMIUM SECTION

============================================================ */



.cm-chairman {

    --cm-navy: #173b4d;

    --cm-navy-dark: #102c3a;

    --cm-green: #43ad72;

    --cm-green-dark: #2d8e5a;

    --cm-gold: #a9824d;

    --cm-text: #52616a;

    --cm-light: #f6f8f5;



    position: relative;

    width: 100%;

    padding-top:0rem;

	padding-bottom:3rem;

    /*background: linear-gradient(135deg, #ffffff 0%, #f8faf7 48%, #f4f7f3 100%);*/

    /*overflow: hidden;*/

}





/* ============================================================

   CONTAINER

============================================================ */



.cm-chairman__container {

    position: relative;

    z-index: 4;

}





/* ============================================================

   DECORATIVE BACKGROUND

============================================================ */



.cm-chairman__decor {

    position: absolute;

    inset: 0;

    z-index: 0;

    pointer-events: none;

    overflow: hidden;

}



.cm-chairman__circle {

    position: absolute;

    display: block;

    border-radius: 50%;

    border: 1px solid rgba(67, 173, 114, .10);

}



.cm-chairman__circle--one {

    width: 500px;

    height: 500px;

    right: -220px;

    top: -180px;

}



.cm-chairman__circle--two {

    width: 280px;

    height: 280px;

    left: -110px;

    top: 38%;

    border-color: rgba(169, 130, 77, .08);

}





/* ============================================================

   SECTION HEADING

============================================================ */



.cm-chairman__heading {

    position: relative;

    max-width: 850px;

    margin: 0 auto clamp(40px, 5vw, 65px);

    text-align: center;

}



.cm-chairman__eyebrow {

    display: block;

    margin-bottom: 12px;

    font-family: "Montserrat", sans-serif;

    font-size: clamp(9px, .8vw, 12px);

    line-height: 1.3;

    font-weight: 600;

    letter-spacing: 3px;

    text-transform: uppercase;

    color: #50b46f!important;

}



.cm-chairman__heading h1 {

    margin: 0;

    font-family: "Marcellus", serif;

    font-size: clamp(38px, 4.3vw, 64px);

    line-height: 1.05;

    font-weight: 600;

    letter-spacing: -1px;

    color: var(--cm-navy-dark);

}



.cm-chairman__heading h1 span {

    color: #50b46f;

}



.cm-chairman__heading-line {

    position: relative;

    display: block;

    width: 105px;

    height: 2px;

    margin: 20px auto 0;

    background: linear-gradient(90deg, transparent, #a9824d, #43ad72, transparent);

}



span.flag-img{position: absolute;top: 15%;width: 15%;right: 5%;}

/* ============================================================

   MAIN PANEL

============================================================ */



.cm-chairman__panel {

    position: relative;

    width: 100%;

    /*max-width: 1180px;*/

    margin: 0 auto;

    border: 1px solid rgba(23, 59, 77, .08);

    border-radius: 28px;

    background: rgba(255, 255, 255, .94);

    box-shadow: 0 30px 80px rgba(28, 54, 66, .10);

    overflow: hidden;

}





/* ============================================================

   PROFILE SIDE

============================================================ */



.cm-chairman__profile {

    position: relative;

    height: 100%;

    min-height: 100%;

    padding: clamp(35px, 4vw, 55px) clamp(25px, 3vw, 40px);

    /*display: flex;*/

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;



    background:

        radial-gradient(circle at 50% 15%, rgba(67,173,114,.11), transparent 44%),

        linear-gradient(160deg, #f5f9f5, #edf4ef);



    border-right: 1px solid rgba(23,59,77,.07);

}





/* ============================================================

   PROFILE IMAGE

============================================================ */



.cm-chairman__image {

    position: relative;

    z-index: 2;

    width: 100%;

    margin: 0 auto 28px;

    animation: cmChairmanFloat 6s ease-in-out infinite;

}



.cm-chairman__image img {

    display: block;

    width: 100%;

    height: auto;

    object-fit: contain;

}



@keyframes cmChairmanFloat {

    0%, 100% {

        transform: translateY(0);

    }



    50% {

        transform: translateY(-7px);

    }

}





/* ============================================================

   PROFILE RING

============================================================ */



.cm-chairman__profile-ring {

    position: absolute;

    left: 50%;

    top: clamp(34px, 4vw, 55px);

    width: min(76%, 310px);

    aspect-ratio: 1;

    transform: translateX(-50%);

    border-radius: 50%;

    border: 1px solid rgba(67,173,114,.17);

    animation: cmProfileRing 6s ease-in-out infinite;

}



@keyframes cmProfileRing {

    0%, 100% {

        transform: translateX(-50%) scale(.96);

        opacity: .45;

    }



    50% {

        transform: translateX(-50%) scale(1.04);

        opacity: .9;

    }

}





/* ============================================================

   PROFILE IDENTITY

============================================================ */



.cm-chairman__identity {

    position: relative;

    z-index: 3;

    width: 100%;

}



.cm-chairman__identity-small {

    display: block;

    margin-bottom: 7px;

    font-size: 9px;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;

    color: var(--cm-green-dark);

}



.cm-chairman__identity h3 {

    margin: 0;

    font-family: "Marcellus", serif;

    font-size: clamp(24px, 2vw, 30px);

    line-height: 1.2;

    color: var(--cm-navy-dark);

}



.cm-chairman__identity-line {

    display: block;

    width: 45px;

    height: 1px;

    margin: 12px auto;

    background: var(--cm-gold);

}



.cm-chairman__identity p {

    /*max-width: 260px;*/

    margin: 0 auto;

    font-size: 15px;

    line-height: 1.6;

    font-weight: 500;

    color: #67747b;

}





/* ============================================================

   MESSAGE CONTENT

============================================================ */



.cm-chairman__content {

    position: relative;

    height: 100%;

    padding: clamp(20px, 3vw, 40px) clamp(20px, 3vw, 40px);

    text-align: left;

}





/* Quote */



.cm-chairman__quote {

    position: absolute;

    right: 40px;

    top: 25px;

    font-size: clamp(60px, 7vw, 100px);

    line-height: 1;

    color: rgba(67,173,114,.08);

}



.cm-chairman__intro {

    display: block;

    margin-bottom: 10px;

    font-size: 10px;

    line-height: 1.2;

    font-weight: 700;

    letter-spacing: 2.2px;

    text-transform: uppercase;

    color: var(--cm-gold);

}



.cm-chairman__content h2 {

    position: relative;

    z-index: 2;

    /*max-width: 720px;*/

    margin: 0;

    font-family: "Marcellus", serif;

    font-size: clamp(28px, 3vw, 40px);

    line-height: 1.2;

    font-weight: 600;

    letter-spacing: -.5px;

    color: var(--cm-navy-dark);

}





/* Divider */



.cm-chairman__divider {

    display: flex;

    align-items: center;

    width: 100%;

    margin: 24px 0 27px;

}



.cm-chairman__divider span {

    width: 80px;

    height: 2px;

    background: linear-gradient(90deg, var(--cm-green), var(--cm-gold));

}





/* ============================================================

   PARAGRAPHS

============================================================ */



.cm-chairman__message {

    position: relative;

}



.cm-chairman__message p {

    margin: 0 0 15px;

    font-family: "Montserrat", sans-serif;

    font-size: clamp(13px, 1vw, 15px);

    line-height: 1.85;

    font-weight: 400;

    color: var(--cm-text);

}



.cm-chairman__message p:last-child {

    margin-bottom: 0;

}



.cm-chairman__message .cm-chairman__closing {

    margin-top: 21px;

    padding: 16px 19px;

    border-left: 3px solid var(--cm-green);

    background: linear-gradient(90deg, rgba(67,173,114,.07), transparent);

    font-weight: 500;

    color: var(--cm-navy);

}





/* ============================================================

   SIGNATURE

============================================================ */



.cm-chairman__signature {

    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 30px;

    padding-top: 25px;

    border-top: 1px solid rgba(23,59,77,.08);

}



.cm-chairman__signature-line {

    width: 3px;

    height: 48px;

    flex: 0 0 3px;

    border-radius: 20px;

    background: linear-gradient(180deg, var(--cm-green), var(--cm-gold));

}



.cm-chairman__signature h4 {

    margin: 0 0 4px;

    font-family: "Marcellus", serif;

    font-size: 21px;

    line-height: 1.2;

    color: var(--cm-navy-dark);

}



.cm-chairman__signature p {

    margin: 0;

    font-size: 10px;

    line-height: 1.5;

    font-weight: 600;

    letter-spacing: .4px;

    color: #758087;

}





/* ============================================================

   KUWAIT SKYLINE

============================================================ */



.cm-chairman__skyline {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -3px;

    z-index: 1;

    width: 100%;

    pointer-events: none;

    opacity: .92;

}



.cm-chairman__skyline img {

    display: block;

    width: 100%;

    height: auto;

    object-fit: contain;

    object-position: center bottom;

    transform-origin: center bottom;

    animation: cmSkylineReveal 1.8s cubic-bezier(.16,1,.3,1) both;

}



@keyframes cmSkylineReveal {

    from {

        opacity: 0;

        transform: translateY(30px) scale(.985);

    }



    to {

        opacity: 1;

        transform: translateY(0) scale(1);

    }

}





/* ============================================================

   LARGE DESKTOP

============================================================ */



@media (min-width: 1400px) {



    /*.cm-chairman__panel {

        max-width: 1220px;

    }*/



    .cm-chairman__profile {

        padding-left: 20px;

        padding-right: 20px;

    }



}





/* ============================================================

   LAPTOP

============================================================ */



@media (min-width: 992px) and (max-width: 1399.98px) {



    .cm-chairman {

        padding-top: 90px;

        padding-bottom: 70px;

    }



    .cm-chairman__panel {

        max-width: 1080px;

    }



    .cm-chairman__content {

        padding: 50px 45px;

    }



    .cm-chairman__image {

        width: min(100%, 270px);

    }



}





/* ============================================================

   TABLET

============================================================ */



@media (min-width: 768px) and (max-width: 991.98px) {



    .cm-chairman {

        padding: 50px 0 50px;

    }



    .cm-chairman__heading {

        margin-bottom: 40px;

    }



    .cm-chairman__panel {

        max-width: 720px;

        border-radius: 24px;

    }



    .cm-chairman__profile {

        min-height: auto;

        padding: 40px 30px 35px;

        border-right: 0;

        border-bottom: 1px solid rgba(23,59,77,.07);

    }



    .cm-chairman__image {

        width: 260px;

        margin-bottom: 20px;

    }



    .cm-chairman__profile-ring {

        width: 260px;

        top: 40px;

    }



    .cm-chairman__content {

        padding: 45px 42px;

    }



    .cm-chairman__content h2 {

        max-width: 600px;

    }



}





/* ============================================================

   MOBILE

============================================================ */



@media (max-width: 767.98px) {



    .cm-chairman {

        padding: 60px 0 115px;

    }



    .cm-chairman__container {

        padding-left: 14px;

        padding-right: 14px;

    }



    .cm-chairman__heading {

        margin-bottom: 30px;

    }



    .cm-chairman__eyebrow {

        margin-bottom: 8px;

        font-size: 8px;

        letter-spacing: 1.7px;

    }



    .cm-chairman__heading h1 {

        font-size: clamp(32px, 9vw, 43px);

    }



    .cm-chairman__heading-line {

        width: 80px;

        margin-top: 14px;

    }



    .cm-chairman__panel {

        border-radius: 20px;

    }





    /* Profile */



    .cm-chairman__profile {

        min-height: auto;

        padding: 30px 18px;

        border-right: 0;

        border-bottom: 1px solid rgba(23,59,77,.07);

    }



    .cm-chairman__image {

        width: min(74vw, 245px);

        margin-bottom: 18px;

    }



    .cm-chairman__profile-ring {

        width: min(74vw, 245px);

        top: 30px;

    }



    .cm-chairman__identity h3 {

        font-size: 24px;

    }





    /* Content */



    .cm-chairman__content {

        padding: 32px 22px 35px;

    }



    .cm-chairman__quote {

        right: 15px;

        top: 17px;

        font-size: 60px;

    }



    .cm-chairman__content h2 {

        font-size: clamp(25px, 7vw, 32px);

        line-height: 1.25;

    }



    .cm-chairman__divider {

        margin: 20px 0 22px;

    }



    .cm-chairman__message p {

        font-size: 13px;

        line-height: 1.75;

        text-align: left;

    }



    .cm-chairman__message .cm-chairman__closing {

        padding: 14px;

    }



    .cm-chairman__signature {

        margin-top: 24px;

        padding-top: 20px;

    }



    .cm-chairman__signature h4 {

        font-size: 19px;

    }





    /* Skyline */



    .cm-chairman__skyline img {

        width: 135%;

        max-width: none;

        margin-left: -17.5%;

    }



}





/* ============================================================

   SMALL MOBILE

============================================================ */



@media (max-width: 480px) {



    .cm-chairman {

        padding-bottom: 90px;

    }



    .cm-chairman__container {

        padding-left: 10px;

        padding-right: 10px;

    }



    .cm-chairman__panel {

        border-radius: 17px;

    }



    .cm-chairman__profile {

        padding: 25px 15px;

    }



    /*.cm-chairman__image {

        width: min(72vw, 220px);

    }*/



    .cm-chairman__profile-ring {

        width: min(72vw, 220px);

        top: 25px;

    }



    .cm-chairman__content {

        padding: 27px 17px 30px;

    }



    .cm-chairman__content h2 {

        font-size: 24px;

    }



    .cm-chairman__message p {

        font-size: 12.5px;

    }



    .cm-chairman__signature {

        gap: 12px;

    }



    .cm-chairman__skyline img {

        width: 155%;

        margin-left: -27.5%;

    }



}





/* ============================================================

   REDUCED MOTION

============================================================ */



@media (prefers-reduced-motion: reduce) {



    .cm-chairman__image,

    .cm-chairman__profile-ring,

    .cm-chairman__skyline img {

        animation: none !important;

    }



}





/* ============================================================

   EXECUTIVE SCIENTIFIC AGENDA

============================================================ */



.cnc-agenda {

    --cnc-navy:#15394b;

    --cnc-dark:#0b2735;

    --cnc-green:#38a96b;

    --cnc-gold:#b28a52;

    --cnc-gold-light:#d9bf90;

    --cnc-text:#53646d;

    --cnc-line:rgba(17,51,68,.10);



    position:relative; width:100%; padding:clamp(40px,8vw,40px) 0;

    /*background:

        radial-gradient(circle at 8% 12%,rgba(56,169,107,.07),transparent 25%),

        radial-gradient(circle at 92% 35%,rgba(178,138,82,.08),transparent 24%),

        linear-gradient(180deg,#fff 0%,#fafbf8 100%);*/

    /*overflow:hidden;*/

}



.cnc-agenda__container {

    max-width:1420px; margin:auto;

    padding-left:clamp(18px,4vw,65px);

    padding-right:clamp(18px,4vw,65px);

}





/* ============================================================

   HEADING

============================================================ */



.cnc-agenda-heading {

    max-width:900px; margin:0 auto clamp(55px,7vw,95px); text-align:center;

}



.cnc-agenda-heading__eyebrow {

    display:block; margin-bottom:12px; font-family:"Montserrat",sans-serif;

    font-size:clamp(9px,.75vw,12px); font-weight:700; letter-spacing:3px;

    text-transform:uppercase; color:var(--cnc-green);

}



.cnc-agenda-heading h1 {

    margin:0; font-family:"Marcellus",serif;

    font-size:clamp(42px,5vw,72px); line-height:1.04; font-weight:600;

    letter-spacing:-1.5px; color:var(--cnc-dark);

}



.cnc-agenda-heading h1 span { color:var(--cnc-green); }



.cnc-agenda-heading__line {

    width:150px; height:2px; margin:22px auto 0;

    background:rgba(21,57,75,.08); overflow:hidden;

}



.cnc-agenda-heading__line span {

    display:block; width:55%; height:100%;

    background:linear-gradient(90deg,var(--cnc-green),var(--cnc-gold));

    animation:cncHeadingLine 3.6s ease-in-out infinite alternate;

}



@keyframes cncHeadingLine {

    from { transform:translateX(0); }

    to { transform:translateX(82%); }

}





/* ============================================================

   SESSION WRAPPER

============================================================ */



.cnc-program-opening {

    margin-bottom: clamp(45px, 6vw, 75px)!important;

}



.cnc-session {

    position:relative;

    /*max-width:1260px;*/

    margin:0 auto clamp(50px,5vw,50px);

}





/* ============================================================

   SESSION HEADER

============================================================ */



.cnc-session__head {

    position:relative;

    display:grid;

    grid-template-columns:120px minmax(240px,1fr) minmax(310px,.9fr);

    align-items:stretch;

    overflow:hidden;

    margin-bottom:18px;

    border-radius:24px 24px 12px 12px;

    background: linear-gradient(120deg, #46b97a, #46b97a);

    box-shadow:0 24px 70px rgba(10,39,53,.14);

}



.cnc-session__head::after {

    content:"";

    position:absolute; right:-110px; top:-140px;

    width:300px; height:300px; border-radius:50%;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:0 0 0 35px rgba(255,255,255,.02);

}





/* Number */



.cnc-session__number {

    position:relative; z-index:2;

    min-height:125px;

    display:flex; flex-direction:column; align-items:center; justify-content:center;

    border-right:1px solid rgba(255,255,255,.10);

    background:rgba(255,255,255,.035);

}



.cnc-session__number span {

    font-size:7px; font-weight:700; letter-spacing:2px;

    color:rgba(255,255,255,.45);

}



.cnc-session__number strong {

    margin-top:3px; font-family:"Marcellus",serif;

    font-size:47px; line-height:1; font-weight:400; color:#fff;

}





/* Title */



.cnc-session__title {

    position:relative; z-index:2;

    display:flex; flex-direction:column; justify-content:center;

    padding:24px 32px;

}



.cnc-session__title > span {

    margin-bottom:5px; font-size:12px; font-weight:700;

    letter-spacing:2.2px; text-transform:uppercase;

    color:rgba(255,255,255,.50);

}



.cnc-session__title h2 {

    margin:0; font-family:"Marcellus",serif;

    font-size:clamp(27px,2.7vw,39px); line-height:1.1;

    font-weight:400; color:#fff;

}





/* Chair */



.cnc-session__chair {

    position:relative; z-index:2;

    display:flex; flex-direction:column; justify-content:center;

    padding:24px 32px;

    border-left:1px solid rgba(255,255,255,.10);

}



.cnc-session__chair span {

    margin-bottom:6px; font-size:12px; line-height:1;

    font-weight:700; letter-spacing:2px; text-transform:uppercase;

    color:#fff;

}



.cnc-session__chair p {

    margin:0; font-family:"Montserrat",sans-serif;

    font-size:12px; line-height:1.65; font-weight:500;

    color:rgba(255,255,255,.87);

}





/* ============================================================

   TIMELINE BODY

============================================================ */



.cnc-session__timeline {

    position:relative;

    padding:14px 0 0;

}



.cnc-session__timeline::before {

    content:"";

    position:absolute;

    left:106px;

    top:0; bottom:0;

    width:1px;

    background:linear-gradient(

        180deg,

        transparent,

        rgba(56,169,107,.40) 5%,

        rgba(178,138,82,.35) 50%,

        rgba(56,169,107,.40) 95%,

        transparent

    );

}





/* ============================================================

   AGENDA SLOT

============================================================ */



.cnc-slot {

    position:relative;

    min-height:155px;

    display:grid;

    grid-template-columns:106px 150px minmax(0,1fr);

    align-items:center;

    margin-bottom:13px;

    border:1px solid rgba(17,51,68,.075);

    border-radius:16px;

    background:rgba(255,255,255,.91);

    box-shadow:

        0 7px 25px rgba(20,54,70,.04),

        inset 0 1px 0 rgba(255,255,255,.9);

    overflow:hidden;

    backdrop-filter:blur(8px);

    transition:

        transform .42s cubic-bezier(.16,1,.3,1),

        box-shadow .42s ease,

        border-color .42s ease;

}



.cnc-slot::before {

    content:"";

    position:absolute;

    left:0; top:18px; bottom:18px;

    width:3px;

    border-radius:0 10px 10px 0;

    background:linear-gradient(180deg,var(--cnc-green),var(--cnc-gold));

    opacity:.45;

    transition:.4s ease;

}



.cnc-slot:hover {

    transform:translateX(6px);

    border-color:rgba(56,169,107,.23);

    box-shadow:0 20px 60px rgba(20,54,70,.10);

}



.cnc-slot:hover::before {

    top:8px; bottom:8px; opacity:1;

}





/* ============================================================

   TIME

============================================================ */



.cnc-slot__time {

    position:relative;

    z-index:2;

    height:100%;

    display:grid;

    grid-template-columns:1fr auto;

    align-content:center;

    padding:20px 15px;

    text-align:right;

    border-right:1px solid var(--cnc-line);

}



.cnc-slot__time span {

    font-family:"Montserrat",sans-serif;

    font-size:13px; line-height:1.5; font-weight:700;

    color:var(--cnc-dark);

}



.cnc-slot__time small {

    align-self:center;

    padding-left:4px;

    font-size:7px; font-weight:700;

    letter-spacing:.5px; color:#8b989f;

}



.cnc-slot__time i {

    grid-column:1 / -1;

    display:block;

    width:18px; height:1px;

    margin:3px 0 3px auto;

    background:var(--cnc-gold);

}





/* ============================================================

   SPEAKER PHOTO

============================================================ */



.cnc-slot__speaker {

    height:100%;

    display:flex; align-items:flex-end; justify-content:center;

    padding:12px 15px 0;

    background:

        radial-gradient(circle at 50% 45%,rgba(56,169,107,.11),transparent 55%),

        linear-gradient(155deg,#f4f8f3,#eef4ee);

}



.cnc-slot__photo {

    position:relative;

    width:115px;

    display:flex; align-items:flex-end; justify-content:center;

}



.cnc-slot__photo::after {

    content:"";

    position:absolute;

    left:50%; bottom:8px;

    width:75px; height:14px;

    transform:translateX(-50%);

    border-radius:50%;

    background:rgba(16,47,64,.11);

    filter:blur(8px);

}



.cnc-slot__photo img {

    position:relative; z-index:2;

    display:block; width:100%; height:auto;

    max-height:140px;

    object-fit:contain; object-position:center bottom;

    transition:transform .45s cubic-bezier(.16,1,.3,1);

}



.cnc-slot:hover .cnc-slot__photo img {

    transform:translateY(-4px);

}





/* ============================================================

   CONTENT

============================================================ */



.cnc-slot__content {

    position:relative;

    min-width:0;

    padding:24px 68px 24px 28px;

}



.cnc-slot__type {

    display:block;

    margin-bottom:6px;

    font-family:"Montserrat",sans-serif;

    font-size:12px; line-height:1.2;

    font-weight:700; letter-spacing:1.8px;

    text-transform:uppercase;

    color:var(--cnc-green);

}



.cnc-slot__content h3 {

    margin:0 0 7px;

    font-family:"Marcellus",serif;

    font-size:clamp(21px,1.8vw,28px);

    line-height:1.15; font-weight:400;

    color:var(--cnc-dark);

}



.cnc-slot__content p {

    /*max-width:760px;*/

    margin:0;

    font-family:"Montserrat",sans-serif;

    font-size:clamp(13px,.95vw,17px);

    line-height:1.65;

    color:var(--cnc-text);

}



.cnc-slot__content p strong {

    display:block;

    margin-top:3px;

    font-weight:600;

    color:#304e5d;

}





/* ============================================================

   INDEX

============================================================ */



.cnc-slot__index {

    position:absolute;

    right:20px; top:50%;

    transform:translateY(-50%);

    font-family:"Marcellus",serif;

    font-size:40px;

    line-height:1;

    color:rgba(19,55,72,.05);

}





/* ============================================================

   Q&A

============================================================ */



.cnc-slot--qa {

    background:linear-gradient(90deg,#f8fcf9,#fff);

}



.cnc-slot--qa .cnc-slot__speaker {

    background:linear-gradient(145deg,rgba(56,169,107,.15),rgba(56,169,107,.035));

}





/* ============================================================

   BREAK

============================================================ */



.cnc-slot--break {

    background:linear-gradient(90deg,#fffaf1,#fff);

}



.cnc-slot--break::before {

    background:var(--cnc-gold);

}



.cnc-slot--break .cnc-slot__speaker {

    background:linear-gradient(145deg,rgba(178,138,82,.16),rgba(178,138,82,.035));

}



.cnc-slot--break .cnc-slot__type {

    color:var(--cnc-gold);

}





/* ============================================================

   PHARMA

============================================================ */



.cnc-slot--pharma {

    background:

        linear-gradient(105deg,rgba(250,247,241,.92),rgba(255,255,255,.96));

}



.cnc-slot--pharma .cnc-slot__speaker {

    background:

        radial-gradient(circle,rgba(178,138,82,.13),transparent 57%),

        linear-gradient(150deg,#faf8f2,#f4f2ec);

}



.cnc-slot--pharma .cnc-slot__type {

    color:#46b97a;

}





/* ============================================================

   CLOSING

============================================================ */



.cnc-program-closing {

    position:relative;

    max-width:1260px;

    margin:0 auto;

    display:grid;

    grid-template-columns:110px 1fr 80px;

    align-items:center;

    border-radius:22px;

    overflow:hidden;

    background: linear-gradient(120deg, #46b97a, #46b97a);

    box-shadow:0 24px 70px rgba(12,42,55,.16);

}



.cnc-program-closing::after {

    content:"";

    position:absolute;

    left:0; right:0; bottom:0;

    height:3px;

    background:linear-gradient(

        90deg,

        var(--cnc-green),

        var(--cnc-gold-light),

        var(--cnc-green)

    );

}



.cnc-program-closing__number {

    min-height:120px;

    display:flex; align-items:center; justify-content:center;

    border-right:1px solid rgba(255,255,255,.10);

    font-size:12px; font-weight:700;

    letter-spacing:2px;

    color:#fff;

}



.cnc-program-closing__content {

    padding:25px 32px;

}



.cnc-program-closing__content span {

    display:block; margin-bottom:5px;

    font-size:15px; font-weight:700;

    letter-spacing:2px; text-transform:uppercase;

    color:rgba(255,255,255,.50);

}



.cnc-program-closing__content h2 {

    margin:0;

    font-family:"Marcellus",serif;

    font-size:clamp(25px,2.8vw,30px);

    font-weight:400;

    color:#fff;

}



.cnc-program-closing__icon {

    width:52px; height:52px;

    display:flex; align-items:center; justify-content:center;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.15);

    font-size:30px;

    color:#fff;

}





/* ============================================================

   LAPTOP

============================================================ */



@media (min-width:992px) and (max-width:1399.98px) {



    .cnc-agenda { padding:90px 0; }



    .cnc-session__head {

        grid-template-columns:105px 1fr minmax(300px,.85fr);

    }



    .cnc-slot {

        grid-template-columns:100px 135px minmax(0,1fr);

    }



    .cnc-session__timeline::before {

        left:100px;

    }



    .cnc-slot__photo {

        width:105px;

    }



}





/* ============================================================

   TABLET

============================================================ */



@media (min-width:768px) and (max-width:991.98px) {



    .cnc-agenda { padding:20px 0; }



    .cnc-session {

        margin-bottom:65px;

    }



    .cnc-session__head {

        grid-template-columns:95px 1fr;

    }



    .cnc-session__chair {

        grid-column:1 / -1;

        padding:17px 25px;

        border-left:0;

        border-top:1px solid rgba(255,255,255,.10);

    }



    .cnc-session__number {

        grid-row:1;

    }



    .cnc-slot {

        grid-template-columns:92px 135px minmax(0,1fr);

    }



    .cnc-session__timeline::before {

        left:92px;

    }



    .cnc-slot__content {

        padding-right:55px;

    }



}





/* ============================================================

   MOBILE

============================================================ */



@media (max-width:767.98px) {



    .cnc-agenda {

        padding:60px 0;

    }



    .cnc-agenda__container {

        padding-left:12px;

        padding-right:12px;

    }



    .cnc-agenda-heading {

        margin-bottom:40px;

    }



    .cnc-agenda-heading h1 {

        font-size:clamp(35px,10vw,46px);

    }



    .cnc-agenda-heading__eyebrow {

        font-size:8px;

        letter-spacing:1.6px;

    }





    /* Session header */



    .cnc-session {

        margin-bottom:55px;

    }



    .cnc-session__head {

        display:grid;

        grid-template-columns:78px 1fr;

        border-radius:18px 18px 10px 10px;

    }



    .cnc-session__number {

        min-height:95px;

    }



    .cnc-session__number strong {

        font-size:35px;

    }



    .cnc-session__title {

        padding:18px;

    }



    .cnc-session__title h2 {

        font-size:25px;

    }



    .cnc-session__chair {

        grid-column:1 / -1;

        padding:15px 18px;

        border-left:0;

        border-top:1px solid rgba(255,255,255,.10);

    }





    /* Remove central timeline */



    .cnc-session__timeline::before {

        display:none;

    }





    /* Slot */



    .cnc-slot {

        grid-template-columns:82px 1fr;

        min-height:0;

        border-radius:14px;

    }



    .cnc-slot:hover {

        transform:none;

    }





    /* Time */



    .cnc-slot__time {

        grid-row:1 / span 2;

        padding:15px 10px;

    }



    .cnc-slot__time span {

        font-size:11px;

    }



    .cnc-slot__time small {

        font-size:6px;

    }





    /* Speaker */



    .cnc-slot__speaker {

        grid-column:2;

        height:125px;

        align-items:flex-end;

    }



    .cnc-slot__photo {

        width:95px;

    }



    .cnc-slot__photo img {

        max-height:115px;

    }





    /* Content */



    .cnc-slot__content {

        grid-column:2;

        padding:16px 18px 20px;

        text-align:center;

    }



    .cnc-slot__content h3 {

        font-size:22px;

    }



    .cnc-slot__content p {

        font-size:11px;

        line-height:1.55;

    }



    .cnc-slot__index {

        right:12px;

        top:16px;

        transform:none;

        font-size:30px;

    }



}





/* ============================================================

   SMALL MOBILE

============================================================ */



@media (max-width:480px) {



    .cnc-agenda__container {

        padding-left:8px;

        padding-right:8px;

    }



    .cnc-session__head {

        grid-template-columns:67px 1fr;

    }



    .cnc-session__number strong {

        font-size:30px;

    }



    .cnc-session__title {

        padding:16px 14px;

    }



    .cnc-session__title h2 {

        font-size:22px;

    }



    .cnc-session__chair {

        padding:14px;

    }



    .cnc-slot {

        grid-template-columns:70px 1fr;

    }



    .cnc-slot__time span {

        font-size:10px;

    }



    .cnc-slot__speaker {

        height:115px;

    }



    .cnc-slot__photo {

        width:88px;

    }



    .cnc-slot__content {

        padding:14px 13px 18px;

    }



    .cnc-slot__content h3 {

        font-size:20px;

    }



    .cnc-program-closing {

        grid-template-columns:65px 1fr;

    }



    .cnc-program-closing__number {

        min-height:110px;

        font-size:7px;

    }



    .cnc-program-closing__content {

        padding:20px 15px;

    }



    .cnc-program-closing__icon {

        display:none;

    }



}





/* ============================================================

   EXTRA SMALL MOBILE

============================================================ */



@media (max-width:360px) {



    .cnc-slot {

        grid-template-columns:64px 1fr;

    }



    .cnc-slot__content h3 {

        font-size:19px;

    }



    .cnc-slot__content p {

        font-size:10.5px;

    }



}





/* ============================================================

   ACCESSIBILITY

============================================================ */



@media (prefers-reduced-motion:reduce) {



    .cnc-agenda-heading__line span {

        animation:none !important;

    }



    .cnc-slot,

    .cnc-slot__photo img,

    .cnc-slot::before {

        transition:none !important;

    }



}



/* ============================================================

   PREMIUM VENUE SECTION

============================================================ */



.cnc-venue-section {

    --venue-navy:#15394b;

    --venue-dark:#0c2937;

    --venue-green:#38a96b;

    --venue-green-dark:#278556;

    --venue-gold:#b28a52;

    --venue-gold-light:#d9bf90;

    --venue-text:#56666e;

    --venue-border:rgba(21,57,75,.09);



    position:relative;

    width:100%;

    padding:clamp(80px,8vw,125px) 0;

    /*background:

        radial-gradient(circle at 7% 12%,rgba(56,169,107,.08),transparent 25%),

        radial-gradient(circle at 93% 48%,rgba(178,138,82,.08),transparent 26%),

        linear-gradient(180deg,#ffffff 0%,#fafbf7 100%);*/

    overflow:hidden;

}



.cnc-venue-section__container {

    position:relative;

    z-index:2;

}





/* ============================================================

   BACKGROUND DECOR

============================================================ */



.cnc-venue-section__decor {

    position:absolute;

    inset:0;

    pointer-events:none;

    overflow:hidden;

}



.cnc-venue-section__orb {

    position:absolute;

    display:block;

    border-radius:50%;

    border:1px solid rgba(56,169,107,.09);

}



.cnc-venue-section__orb--one {

    width:500px;

    height:500px;

    right:-270px;

    top:80px;

}



.cnc-venue-section__orb--two {

    width:300px;

    height:300px;

    left:-170px;

    bottom:160px;

    border-color:rgba(178,138,82,.09);

}





/* ============================================================

   SECTION HEADING

============================================================ */



.cnc-venue-heading {

    max-width:850px;

    margin:0 auto clamp(50px,6vw,80px);

    text-align:center;

}



.cnc-venue-heading__eyebrow {

    display:block;

    margin-bottom:10px;

    font-family:"Montserrat",sans-serif;

    font-size:clamp(9px,.8vw,12px);

    line-height:1.3;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    color:var(--venue-green-dark);

}



.cnc-venue-heading h1 {

    margin:0;

    font-family:"Marcellus",serif;

    font-size:clamp(40px,5vw,68px);

    line-height:1.05;

    font-weight:600;

    letter-spacing:-1.3px;

    color:var(--venue-dark);

}



.cnc-venue-heading h1 span {

    color:var(--venue-green-dark);

}



.cnc-venue-heading__line {

    width:120px;

    height:2px;

    margin:20px auto 0;

    background:rgba(21,57,75,.08);

    overflow:hidden;

}



.cnc-venue-heading__line span {

    display:block;

    width:60%;

    height:100%;

    background:linear-gradient(90deg,var(--venue-green),var(--venue-gold));

    animation:cncVenueHeadingLine 4s ease-in-out infinite alternate;

}



@keyframes cncVenueHeadingLine {

    from { transform:translateX(0); }

    to { transform:translateX(66%); }

}





/* ============================================================

   VENUE CARD

============================================================ */



.cnc-venue-card {

    position:relative;

    /*max-width:1260px;*/

    margin:0 auto clamp(55px,7vw,85px);

    border:1px solid var(--venue-border);

    border-radius:28px;

    background:#ffffff;

    box-shadow:0 28px 80px rgba(17,49,64,.10);

    overflow:hidden;

}



.cnc-venue-card:last-child {

    margin-bottom:0;

}





/* ============================================================

   VENUE IMAGE

============================================================ */



.cnc-venue-card__visual {

    position:relative;

    height:100%;

    min-height:620px;

    overflow:hidden;

    background:var(--venue-dark);

}



.cnc-venue-card__visual > img {

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center;

    transition:transform 1s cubic-bezier(.16,1,.3,1);

}



.cnc-venue-card:hover .cnc-venue-card__visual > img {

    transform:scale(1.035);

}



.cnc-venue-card__overlay {

    position:absolute;

    inset:0;

    background:

        linear-gradient(

            180deg,

            rgba(7,28,39,.05) 0%,

            rgba(7,28,39,.20) 42%,

            rgba(7,28,39,.88) 100%

        );

}





/* ============================================================

   VENUE NUMBER

============================================================ */



.cnc-venue-card__number {

    position:absolute;

    left:28px;

    top:27px;

    z-index:3;

    width:70px;

    height:82px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    border:1px solid rgba(255,255,255,.18);

    border-radius:15px;

    background:rgba(13,42,56,.45);

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

}



.cnc-venue-card__number span {

    margin-bottom:3px;

    font-size:7px;

    font-weight:700;

    letter-spacing:1.6px;

    text-transform:uppercase;

    color:rgba(255,255,255,.55);

}



.cnc-venue-card__number strong {

    font-family:"Marcellus",serif;

    font-size:32px;

    line-height:1;

    font-weight:400;

    color:var(--venue-gold-light);

}





/* ============================================================

   VENUE BADGE

============================================================ */



.cnc-venue-card__badge {

    position:absolute;

    right:25px;

    top:28px;

    z-index:3;

    display:inline-flex;

    align-items:center;

    padding:8px 12px;

    border-radius:50px;

    background:rgba(255,255,255,.92);

    box-shadow:0 6px 20px rgba(0,0,0,.08);

    font-family:"Montserrat",sans-serif;

    font-size:8px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.2px;

    text-transform:uppercase;

    color:var(--venue-green-dark);

}





/* ============================================================

   IMAGE TITLE

============================================================ */



.cnc-venue-card__info {

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    z-index:3;

    padding:40px 35px;

}



.cnc-venue-card__label {

    display:block;

    margin-bottom:8px;

    font-family:"Montserrat",sans-serif;

    font-size:8px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:var(--venue-gold-light);

}



.cnc-venue-card__info h2 {

    max-width:390px;

    margin:0;

    font-family:"Marcellus",serif;

    font-size:clamp(29px,3vw,42px);

    line-height:1.12;

    font-weight:400;

    color:#ffffff;

}



.cnc-venue-card__info h2 span {

    color:var(--venue-gold-light);

}





/* ============================================================

   RIGHT SIDE

============================================================ */



.cnc-venue-card__right {

    height:100%;

    display:flex;

    flex-direction:column;

    background:#ffffff;

}





/* ============================================================

   VENUE DETAILS

============================================================ */



.cnc-venue-meta {

    display:grid;

    grid-template-columns:1.3fr .8fr 1fr;

    border-bottom:1px solid var(--venue-border);

}



.cnc-venue-meta__item {

    position:relative;

    min-height:135px;

    display:flex;

    align-items:center;

    gap:15px;

    padding:24px 22px;

}



.cnc-venue-meta__item:not(:last-child) {

    border-right:1px solid var(--venue-border);

}



.cnc-venue-meta__icon {

    width:44px;

    height:44px;

    flex:0 0 44px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:13px;

    background:linear-gradient(

        145deg,

        rgba(56,169,107,.12),

        rgba(56,169,107,.04)

    );

    border:1px solid rgba(56,169,107,.13);

    font-size:18px;

    color:var(--venue-green-dark);

}



.cnc-venue-meta__content {

    min-width:0;

}



.cnc-venue-meta__content span {

    display:block;

    margin-bottom:5px;

    font-family:"Montserrat",sans-serif;

    font-size:12px;

    font-weight:700;

    letter-spacing:1.6px;

    text-transform:uppercase;

    color:var(--venue-gold);

}



.cnc-venue-meta__content p {

    margin:0;

    font-family:"Montserrat",sans-serif;

    font-size:14px;

    line-height:1.55;

    font-weight:500;

    color:var(--venue-text);

}



.cnc-venue-meta__content a {

    color:var(--venue-text);

    text-decoration:none;

    transition:color .3s ease;

}



.cnc-venue-meta__content a:hover {

    color:var(--venue-green-dark);

}





/* ============================================================

   MAP

============================================================ */



.cnc-venue-map {

    flex:1;

    display:flex;

    flex-direction:column;

}



.cnc-venue-map__top {

    min-height:62px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    padding:14px 22px;

    background:#f8faf7;

    border-bottom:1px solid var(--venue-border);

}



.cnc-venue-map__top span {

    display:inline-flex;

    align-items:center;

    gap:7px;

    font-family:"Montserrat",sans-serif;

    font-size:8px;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:uppercase;

    color:var(--venue-green-dark);

}



.cnc-venue-map__top span i {

    font-size:13px;

}



.cnc-venue-map__top strong {

    font-family:"Montserrat",sans-serif;

    font-size:11px;

    font-weight:600;

    color:var(--venue-dark);

}



.cnc-venue-map__frame {

    position:relative;

    flex:1;

    min-height:420px;

    overflow:hidden;

}



.cnc-venue-map__frame iframe {

    display:block;

    width:100%;

    height:100%;

    min-height:420px;

    border:0;

}





/* ============================================================

   REVERSE CARD

============================================================ */



.cnc-venue-card--reverse .cnc-venue-card__visual {

    border-left:1px solid var(--venue-border);

}





/* ============================================================

   LARGE DESKTOP

============================================================ */



@media (min-width:1400px) {



    /*.cnc-venue-section .container {

        max-width:1320px;

    }*/



    .cnc-venue-card__visual {

        min-height:650px;

    }



}





/* ============================================================

   LAPTOP

============================================================ */



@media (min-width:992px) and (max-width:1399.98px) {



    .cnc-venue-section {

        padding:90px 0;

    }



    .cnc-venue-card {

        max-width:1120px;

    }



    .cnc-venue-card__visual {

        min-height:600px;

    }



    .cnc-venue-meta {

        grid-template-columns:1.35fr .8fr 1fr;

    }



    .cnc-venue-meta__item {

        padding:20px 16px;

    }



    .cnc-venue-meta__icon {

        width:40px;

        height:40px;

        flex-basis:40px;

    }



}





/* ============================================================

   TABLET

============================================================ */



@media (min-width:768px) and (max-width:991.98px) {



    .cnc-venue-section {

        padding:75px 0;

    }



    .cnc-venue-card {

        max-width:720px;

        border-radius:24px;

    }



    .cnc-venue-card__visual {

        min-height:460px;

    }



    .cnc-venue-card__info {

        padding:32px;

    }



    .cnc-venue-card__info h2 {

        max-width:500px;

    }



    .cnc-venue-meta {

        grid-template-columns:1fr 1fr;

    }



    .cnc-venue-meta__item {

        min-height:115px;

    }



    .cnc-venue-meta__item:nth-child(2) {

        border-right:0;

    }



    .cnc-venue-meta__item:last-child {

        grid-column:1 / -1;

        border-top:1px solid var(--venue-border);

    }



    .cnc-venue-card--reverse .order-lg-2,

    .cnc-venue-card--reverse .order-lg-1 {

        order:initial !important;

    }



    .cnc-venue-map__frame,

    .cnc-venue-map__frame iframe {

        min-height:380px;

    }



}





/* ============================================================

   MOBILE

============================================================ */



@media (max-width:767.98px) {



    .cnc-venue-section {

        padding:60px 0;

    }



    .cnc-venue-section__container {

        padding-left:14px;

        padding-right:14px;

    }



    .cnc-venue-heading {

        margin-bottom:38px;

    }



    .cnc-venue-heading__eyebrow {

        font-size:8px;

        letter-spacing:1.7px;

    }



    .cnc-venue-heading h1 {

        font-size:clamp(34px,10vw,44px);

    }



    .cnc-venue-heading__line {

        width:90px;

        margin-top:15px;

    }





    /* Card */



    .cnc-venue-card {

        margin-bottom:42px;

        border-radius:19px;

    }



    .cnc-venue-card__visual {

        min-height:390px;

    }



    .cnc-venue-card__number {

        left:17px;

        top:17px;

        width:60px;

        height:70px;

        border-radius:13px;

    }



    .cnc-venue-card__number strong {

        font-size:27px;

    }



    .cnc-venue-card__badge {

        right:16px;

        top:18px;

        padding:7px 9px;

        font-size:7px;

        letter-spacing:.8px;

    }



    .cnc-venue-card__info {

        padding:28px 20px;

    }



    .cnc-venue-card__info h2 {

        font-size:31px;

    }





    /* Details */



    .cnc-venue-meta {

        display:block;

    }



    .cnc-venue-meta__item {

        min-height:auto;

        padding:18px;

        border-right:0 !important;

        border-bottom:1px solid var(--venue-border);

    }



    .cnc-venue-meta__item:last-child {

        border-bottom:0;

    }



    .cnc-venue-meta__icon {

        width:42px;

        height:42px;

        flex-basis:42px;

    }



    .cnc-venue-meta__content p {

        font-size:11px;

    }





    /* Map */



    .cnc-venue-map__top {

        padding:12px 16px;

    }



    .cnc-venue-map__top strong {

        font-size:9px;

    }



    .cnc-venue-map__frame,

    .cnc-venue-map__frame iframe {

        min-height:320px;

    }



}





/* ============================================================

   SMALL MOBILE

============================================================ */



@media (max-width:480px) {



    .cnc-venue-section__container {

        padding-left:10px;

        padding-right:10px;

    }



    .cnc-venue-card {

        border-radius:16px;

    }



    .cnc-venue-card__visual {

        min-height:340px;

    }



    .cnc-venue-card__badge {

        max-width:160px;

        text-align:center;

        line-height:1.35;

    }



    .cnc-venue-card__info {

        padding:24px 17px;

    }



    .cnc-venue-card__info h2 {

        font-size:27px;

    }



    .cnc-venue-map__top {

        align-items:flex-start;

        flex-direction:column;

        gap:5px;

    }



    .cnc-venue-map__frame,

    .cnc-venue-map__frame iframe {

        min-height:285px;

    }



}





/* ============================================================

   EXTRA SMALL MOBILE

============================================================ */



@media (max-width:360px) {



    .cnc-venue-card__visual {

        min-height:315px;

    }



    .cnc-venue-card__info h2 {

        font-size:25px;

    }



    .cnc-venue-meta__item {

        padding:16px 14px;

    }



}





/* ============================================================

   REDUCED MOTION

============================================================ */



@media (prefers-reduced-motion:reduce) {



    .cnc-venue-heading__line span {

        animation:none !important;

    }



    .cnc-venue-card__visual > img {

        transition:none !important;

    }

}





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

.cm-chairman{margin-top: -10%;}}



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

.cm-chairman__content h2{font-size: clamp(20px, 3vw, 30px);}

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



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

.menu-area .navbar-light .navbar-nav .nav-link{font-size:15px;}

.cm-chairman__content h2 {font-size: clamp(20px, 3vw, 25px);}

.cm-chairman__identity h3{font-size: clamp(16px, 1vw, 20px);}}





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

.cnc-program-closing__content h2{font-size: clamp(20px, 1.8vw, 35px);}}





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

.cm-chairman{padding-top:3rem;}

.cardio-header-logo{width:50%!important;}

.kims-logo img {width:18% !important;}}





/* =========================================================

   CARDIO MAIN IMAGE

========================================================= */



.cardio-logo {

    position: relative;

    width: 100%;

    overflow: hidden;

    border-radius: 34px;

}





/* IMAGE */



.cardio-logo__animated {

    width: 100%;

    height: auto;

    display: block;

}





/* =========================================================

   INFORMATION INSIDE IMAGE

========================================================= */



.cardio-inside-info {

    position: absolute;



    left: 7%;

    right: 7%;

    bottom: 8%;



    z-index: 5;



    display: flex;

    align-items: center;

    justify-content: space-between;



    gap: 30px;

}





/* =========================================================

   LEFT SIDE

========================================================= */



.cardio-inside-left {

    display: flex;

    align-items: center;



    gap: 30px;



    min-width: 0;

}





/* =========================================================

   ITEM

========================================================= */



.cardio-inside-item {

    display: flex;

    align-items: center;



    gap: 13px;



    min-width: 0;

}





/* =========================================================

   ICON

========================================================= */



.cardio-inside-icon {

    width: 46px;

    height: 46px;



    min-width: 46px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 14px;



    font-size: 21px;



    background: rgba(255, 255, 255, 0.86);



    backdrop-filter: blur(10px);

    -webkit-backdrop-filter: blur(10px);



    box-shadow:

        0 10px 28px rgba(31, 48, 58, 0.09);



    transition:

        transform 0.35s ease,

        box-shadow 0.35s ease;

}





/* DATE ICON */



.cardio-inside-date .cardio-inside-icon {

    color: #35bc78;

}





/* LOCATION ICON */



.cardio-inside-location .cardio-inside-icon {

    color: #e55056;

}





.cardio-inside-item:hover .cardio-inside-icon {

    transform: translateY(-3px);



    box-shadow:

        0 14px 32px rgba(31, 48, 58, 0.14);

}





/* =========================================================

   LABEL

========================================================= */



.cardio-inside-label {

    display: block;



    margin-bottom: 4px;



    font-size: 9px;

    line-height: 1;



    font-weight: 700;



    text-transform: uppercase;



    letter-spacing: 1.2px;



    color: #809097;

}





/* =========================================================

   MAIN TEXT

========================================================= */



.cardio-inside-content h4 {

    margin: 0;



    font-size: 16px;

    line-height: 1.3;



    font-weight: 600;



    color: #233940;

}





/* DATE NUMBER */



.cardio-inside-date h4 strong {

    font-size: 19px;



    font-weight: 800;



    color: #df4148;

}





/* VENUE SECOND LINE */



.cardio-inside-location h4 span {

    display: block;



    margin-top: 2px;



    font-size: 11px;



    font-weight: 650;



    text-transform: uppercase;



    letter-spacing: 0.25px;



    color: #38af72;

}





/* =========================================================

   DIVIDER

========================================================= */



.cardio-inside-divider {

    width: 1px;

    height: 43px;



    flex-shrink: 0;



    background:

        linear-gradient(

            to bottom,

            transparent,

            rgba(45, 67, 75, 0.20),

            transparent

        );

}





/* =========================================================

   REGISTER

========================================================= */



.cardio-inside-register {

    flex-shrink: 0;

}





/* BUTTON */



.cardio-inside-register-btn {

    display: flex;

    align-items: center;



    gap: 10px;



    text-decoration: none;



    min-width: 190px;



    padding: 8px 10px 8px 12px;



    position: relative;



    overflow: hidden;



    border-radius: 14px;



    background: rgba(255, 255, 255, 0.78);



    border: 1px solid rgba(255, 255, 255, 0.90);



    backdrop-filter: blur(14px);

    -webkit-backdrop-filter: blur(14px);



    box-shadow:

        0 12px 30px rgba(35, 57, 64, 0.09);



    transition:

        transform 0.35s ease,

        box-shadow 0.35s ease,

        background 0.35s ease;

}





/* subtle shine */



.cardio-inside-register-btn::before {

    content: "";



    position: absolute;



    top: -80%;

    left: -50%;



    width: 35%;

    height: 260%;



    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(255,255,255,0.8),

            transparent

        );



    transform: rotate(20deg);



    transition: left 0.8s ease;

}





.cardio-inside-register-btn:hover::before {

    left: 125%;

}





.cardio-inside-register-btn:hover {

    transform: translateY(-3px);



    background: rgba(255,255,255,0.94);



    box-shadow:

        0 16px 35px rgba(35,57,64,0.15);

}





/* =========================================================

   REGISTER MAIN ICON

========================================================= */



.cardio-register-main-icon {

    width: 39px;

    height: 39px;



    min-width: 39px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 11px;



    font-size: 18px;



    color: #ffffff;



    background:

        linear-gradient(

            135deg,

            #ef3447,

            #db2338

        );



    box-shadow:

        0 7px 17px rgba(226, 42, 61, 0.22);

}





/* =========================================================

   REGISTER COPY

========================================================= */



.cardio-register-copy {

    display: flex;

    flex-direction: column;



    flex: 1;



    line-height: 1;

}





.cardio-register-copy small {

    margin-bottom: 4px;



    font-size: 8px;



    font-weight: 700;



    letter-spacing: 0.9px;



    text-transform: uppercase;



    color: #98a3a7;

}





.cardio-register-copy strong {

    font-size: 14px;



    font-weight: 750;



    text-transform: uppercase;



    color: #35af70;

}





/* =========================================================

   REGISTER ARROW

========================================================= */



.cardio-register-arrow {

    display: flex;

    align-items: center;

    justify-content: center;



    width: 28px;

    height: 28px;



    font-size: 18px;



    color: #e52f43;



    transition: transform 0.35s ease;

}





.cardio-inside-register-btn:hover .cardio-register-arrow {

    transform: translateX(4px);

}





/* =========================================================

   DESKTOP / SMALL LAPTOP

========================================================= */



@media (max-width: 1399.98px) {



    .cardio-inside-info {

        left: 6%;

        right: 6%;



        bottom: 7%;



        gap: 22px;

    }





    .cardio-inside-left {

        gap: 22px;

    }





    .cardio-inside-icon {

        width: 43px;

        height: 43px;



        min-width: 43px;



        font-size: 19px;

    }





    .cardio-inside-content h4 {

        font-size: 14px;

    }





    .cardio-inside-date h4 strong {

        font-size: 17px;

    }





    .cardio-inside-register-btn {

        min-width: 175px;

    }



}





/* =========================================================

   LAPTOP

========================================================= */



@media (max-width: 1199.98px) {



    .cardio-inside-info {

        left: 5%;

        right: 5%;



        bottom: 6%;

    }





    .cardio-inside-left {

        gap: 15px;

    }





    .cardio-inside-item {

        gap: 9px;

    }





    .cardio-inside-icon {

        width: 38px;

        height: 38px;



        min-width: 38px;



        border-radius: 11px;



        font-size: 17px;

    }





    .cardio-inside-label {

        font-size: 7.5px;



        letter-spacing: 0.8px;

    }





    .cardio-inside-content h4 {

        font-size: 12px;

    }





    .cardio-inside-date h4 strong {

        font-size: 15px;

    }





    .cardio-inside-location h4 span {

        font-size: 9px;

    }





    .cardio-inside-divider {

        height: 35px;

    }





    .cardio-inside-register-btn {

        min-width: 155px;



        padding: 6px 8px;

    }





    .cardio-register-main-icon {

        width: 34px;

        height: 34px;



        min-width: 34px;



        font-size: 15px;

    }





    .cardio-register-copy strong {

        font-size: 12px;

    }



}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991.98px) {



    .cardio-logo {

        border-radius: 24px;

    }





    .cardio-inside-info {

        left: 4%;

        right: 4%;



        bottom: 5%;



        gap: 12px;

    }





    .cardio-inside-left {

        gap: 10px;

    }





    .cardio-inside-icon {

        width: 32px;

        height: 32px;



        min-width: 32px;



        border-radius: 9px;



        font-size: 14px;

    }





    .cardio-inside-label {

        display: none;

    }





    .cardio-inside-content h4 {

        font-size: 10px;

    }





    .cardio-inside-date h4 strong {

        font-size: 12px;

    }





    .cardio-inside-location h4 span {

        font-size: 8px;

    }





    .cardio-inside-divider {

        height: 28px;

    }





    .cardio-inside-register-btn {

        min-width: auto;



        padding: 5px 7px;



        border-radius: 10px;

    }





    .cardio-register-main-icon {

        width: 30px;

        height: 30px;



        min-width: 30px;



        border-radius: 8px;



        font-size: 13px;

    }





    .cardio-register-copy small {

        display: none;

    }





    .cardio-register-copy strong {

        font-size: 10px;

    }





    .cardio-register-arrow {

        width: 20px;



        font-size: 14px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767.98px) {



    .cardio-logo {

        border-radius: 18px;

    }





    .cardio-inside-info {

        left: 3.5%;

        right: 3.5%;



        bottom: 4%;



        align-items: flex-end;



        gap: 7px;

    }





    .cardio-inside-left {

        flex-direction: column;



        align-items: flex-start;



        gap: 4px;

    }





    .cardio-inside-divider {

        display: none;

    }





    .cardio-inside-item {

        gap: 6px;

    }





    .cardio-inside-icon {

        width: 25px;

        height: 25px;



        min-width: 25px;



        border-radius: 7px;



        font-size: 11px;

    }





    .cardio-inside-content h4 {

        font-size: 8px;



        line-height: 1.15;

    }





    .cardio-inside-date h4 strong {

        font-size: 9px;

    }





    .cardio-inside-location h4 span {

        margin-top: 1px;



        font-size: 6.5px;

    }





    .cardio-inside-register-btn {

        gap: 4px;



        padding: 4px 5px;



        border-radius: 8px;

    }





    .cardio-register-main-icon {

        width: 25px;

        height: 25px;



        min-width: 25px;



        border-radius: 7px;



        font-size: 11px;

    }





    .cardio-register-copy strong {

        font-size: 8px;



        white-space: nowrap;

    }





    .cardio-register-arrow {

        width: 14px;



        font-size: 11px;

    }



}





/* =========================================================

   VERY SMALL MOBILE

========================================================= */



@media (max-width: 480px) {



    .cardio-inside-info {

        left: 3%;

        right: 3%;



        bottom: 3%;

    }





    .cardio-inside-icon {

        width: 22px;

        height: 22px;



        min-width: 22px;



        font-size: 9px;

    }





    .cardio-inside-content h4 {

        font-size: 12px;

		text-align: left;

    }





    .cardio-inside-date h4 strong {

        font-size: 12px;

    }





    .cardio-inside-location h4 span {

        font-size: 9px;

    }





    .cardio-register-main-icon {

        width: 22px;

        height: 22px;



        min-width: 22px;



        font-size: 9px;

    }





    .cardio-register-copy strong {

        font-size: 12px;font-weight:500;

    }



}



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

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

.cardio-desktop{display:none!important;}

.cm-chairman__image{width:75%;}

.cm-chairman__heading h1 {font-size: clamp(25px, 7vw, 30px);}

.cnc-agenda-heading h1{font-size: clamp(25px, 7vw, 30px);}

.cnc-program-closing__content h2{font-size: clamp(15px, 1.8vw, 35px);}}



.cardio-mobile{display:none;}







/* ============================================================

   CARDIO HERO INFO

   MOBILE ONLY

   Information moves OUTSIDE / BELOW the hero image

============================================================ */



@media (max-width: 767.98px) {



    /* --------------------------------------------------------

       PARENT

       Allow information to flow below the image

    --------------------------------------------------------- */



    .cardio-logo {

        position: relative;

        overflow: visible;

        border-radius: 0;

    }





    /* --------------------------------------------------------

       HERO IMAGE

    --------------------------------------------------------- */



    .cardio-logo .cardio-logo__animated {

        display: block;

        width: 100%;

        height: auto;



        border-radius: 16px;

    }





    /* ========================================================

       MAIN MOBILE INFORMATION CARD

    ======================================================== */



    .cardio-logo .cardio-inside-info {

        position: static;



        left: auto;

        right: auto;

        top: auto;

        bottom: auto;



        width: calc(100% - 20px);



        margin:

            14px

            auto

            0;



        padding: 14px;



        display: flex;

        flex-direction: column;



        align-items: stretch;

        justify-content: flex-start;



        gap: 12px;



        border-radius: 18px;



        background:

            linear-gradient(

                145deg,

                rgba(255,255,255,0.98),

                rgba(248,249,250,0.96)

            );



        border: 1px solid rgba(31, 66, 72, 0.08);



        box-shadow:

            0 10px 28px rgba(25, 48, 57, 0.08);



        backdrop-filter: none;

        -webkit-backdrop-filter: none;



        transform: none;



        z-index: 1;

    }





    /* ========================================================

       LEFT INFORMATION AREA

    ======================================================== */



    .cardio-logo .cardio-inside-left {

        width: 100%;



        display: flex;

        flex-direction: column;



        align-items: stretch;



        gap: 0;

    }





    /* ========================================================

       DATE + LOCATION ITEM

    ======================================================== */



    .cardio-logo .cardio-inside-item {

        width: 100%;



        display: flex;



        align-items: center;



        gap: 12px;



        padding:

            12px

            8px;



        margin: 0;



        border-radius: 12px;

    }





    /* Date slight tint */



    .cardio-logo .cardio-inside-date {

        background:

            linear-gradient(

                90deg,

                rgba(54, 186, 119, 0.055),

                transparent

            );

    }





    /* Venue slight tint */



    .cardio-logo .cardio-inside-location {

        background:

            linear-gradient(

                90deg,

                rgba(226, 64, 74, 0.045),

                transparent

            );

    }





    /* ========================================================

       ICONS

    ======================================================== */



    .cardio-logo .cardio-inside-icon {

        width: 44px;

        height: 44px;



        min-width: 44px;



        display: flex;

        align-items: center;

        justify-content: center;



        padding: 0;



        border-radius: 13px;



        font-size: 18px;



        box-shadow: none;

    }





    /* Date icon */



    .cardio-logo

    .cardio-inside-date

    .cardio-inside-icon {



        color: #35b978;



        background: rgba(53, 185, 120, 0.11);



        border: 1px solid rgba(53, 185, 120, 0.13);

    }





    /* Location icon */



    .cardio-logo

    .cardio-inside-location

    .cardio-inside-icon {



        color: #df3f49;



        background: rgba(223, 63, 73, 0.09);



        border: 1px solid rgba(223, 63, 73, 0.12);

    }





    /* Disable desktop hover movement on touch devices */



    .cardio-logo

    .cardio-inside-item:hover

    .cardio-inside-icon {



        transform: none;

    }





    /* ========================================================

       TEXT CONTENT

    ======================================================== */



    .cardio-logo .cardio-inside-content {

        flex: 1;



        min-width: 0;



        text-align: left;

    }





    /* Small heading */



    .cardio-logo .cardio-inside-label {

        display: block;



        margin:

            0

            0

            5px;



        font-size: 10px;

        line-height: 1;



        font-weight: 700;



        letter-spacing: 1px;



        text-transform: uppercase;



        color: #818d91;

    }





    /* Main text */



    .cardio-logo .cardio-inside-content h4 {

        margin: 0;



        font-size: 14px;

        line-height: 1.35;



        font-weight: 600;



        color: #263b41;

    }





    /* DATE NUMBER */



    .cardio-logo

    .cardio-inside-date

    .cardio-inside-content h4 strong {



        font-size: 17px;



        font-weight: 800;



        color: #dd3d47;

    }





    /* Location second line */



    .cardio-logo

    .cardio-inside-location

    .cardio-inside-content h4 span {



        display: block;



        margin-top: 3px;



        font-size: 12px;

        line-height: 1.3;



        font-weight: 600;



        color: #35ad70;

    }





    /* ========================================================

       DIVIDER

       Horizontal on mobile

    ======================================================== */



    .cardio-logo .cardio-inside-divider {

        display: block;



        width: calc(100% - 18px);

        height: 1px;



        margin:

            2px

            auto;



        flex: none;



        background:

            linear-gradient(

                90deg,

                transparent,

                rgba(48, 66, 73, 0.12),

                transparent

            );

    }





    /* ========================================================

       REGISTER WRAPPER

    ======================================================== */



    .cardio-logo .cardio-inside-register {

        width: 100%;



        margin: 0;

    }





    /* ========================================================

       REGISTER BUTTON

    ======================================================== */



    .cardio-logo .cardio-inside-register-btn {

        width: 100%;

        min-width: 0;



        min-height: 58px;



        display: flex;



        align-items: center;



        gap: 11px;



        padding:

            8px

            10px

            8px

            12px;



        border-radius: 14px;



        text-decoration: none;



        background:

            linear-gradient(

                135deg,

                #39bb78 0%,

                #2ea969 100%

            );



        border: 0;



        box-shadow:

            0 8px 20px rgba(47, 171, 107, 0.20);



        overflow: hidden;



        transform: none;

    }





    /* Remove desktop glass appearance */



    .cardio-logo

    .cardio-inside-register-btn:hover {



        transform: none;



        background:

            linear-gradient(

                135deg,

                #39bb78,

                #2ea969

            );

    }





    /* ========================================================

       REGISTER ICON

    ======================================================== */



    .cardio-logo .cardio-register-main-icon {

        width: 40px;

        height: 40px;



        min-width: 40px;



        display: flex;

        align-items: center;

        justify-content: center;



        border-radius: 11px;



        font-size: 17px;



        color: #ffffff;



        background: rgba(255,255,255,0.15);



        border: 1px solid rgba(255,255,255,0.18);



        box-shadow: none;

    }





    /* ========================================================

       REGISTER TEXT

    ======================================================== */



    .cardio-logo .cardio-register-copy {

        flex: 1;



        display: flex;

        flex-direction: column;



        align-items: flex-start;



        min-width: 0;



        line-height: 1;

    }





    .cardio-logo .cardio-register-copy small {

        display: block;



        margin-bottom: 5px;



        font-size: 9px;

        line-height: 1;



        font-weight: 600;



        letter-spacing: 0.8px;



        text-transform: uppercase;



        color: rgba(255,255,255,0.72);

    }





    .cardio-logo .cardio-register-copy strong {

        display: block;



        font-size: 14px;

        line-height: 1.1;



        font-weight: 700;



        letter-spacing: 0.1px;



        text-transform: uppercase;



        color: #ffffff;



        white-space: nowrap;

    }





    /* ========================================================

       REGISTER ARROW

    ======================================================== */



    .cardio-logo .cardio-register-arrow {

        width: 34px;

        height: 34px;



        min-width: 34px;



        display: flex;

        align-items: center;

        justify-content: center;



        border-radius: 50%;



        margin-left: auto;



        font-size: 15px;



        color: #2fa96a;



        background: #ffffff;



        transition: none;

    }





    .cardio-logo

    .cardio-inside-register-btn:hover

    .cardio-register-arrow {



        transform: none;

    }



}





/* ============================================================

   VERY SMALL MOBILE

   480px AND BELOW

============================================================ */



@media (max-width: 480px) {



    .cardio-logo .cardio-inside-info {

        width: calc(100% - 14px);



        margin-top: 11px;



        padding: 11px;



        gap: 10px;



        border-radius: 15px;

    }





    .cardio-logo .cardio-inside-item {

        padding:

            10px

            6px;



        gap: 10px;

    }





    .cardio-logo .cardio-inside-icon {

        width: 40px;

        height: 40px;



        min-width: 40px;



        border-radius: 11px;



        font-size: 16px;

    }





    .cardio-logo .cardio-inside-label {

        margin-bottom: 4px;



        font-size: 9px;



        letter-spacing: 0.8px;

    }





    .cardio-logo .cardio-inside-content h4 {

        font-size: 13px;

    }





    .cardio-logo

    .cardio-inside-date

    .cardio-inside-content h4 strong {



        font-size: 15px;

    }





    .cardio-logo

    .cardio-inside-location

    .cardio-inside-content h4 span {



        font-size: 11px;

    }





    .cardio-logo .cardio-inside-register-btn {

        min-height: 55px;



        border-radius: 13px;

    }





    .cardio-logo .cardio-register-main-icon {

        width: 38px;

        height: 38px;



        min-width: 38px;



        font-size: 16px;

    }





    .cardio-logo .cardio-register-copy small {

        font-size: 8px;

    }





    .cardio-logo .cardio-register-copy strong {

        font-size: 13px;

    }





    .cardio-logo .cardio-register-arrow {

        width: 31px;

        height: 31px;



        min-width: 31px;



        font-size: 14px;

    }



}















/* ============================================================

   CARDIOMETABOLIC PREMIUM TITLE

   NEW UNIQUE CLASS NAMES

============================================================ */



.cardio-title-pro {

    --cardio-green: #31b878;

    --cardio-green-dark: #087554;

    --cardio-red: #e5243a;

    --cardio-red-dark: #c9182f;

    --cardio-dark: #153937;



    position: relative;



    width: 100%;

    max-width: 1220px;



    margin: 0 auto;



    padding: 38px 55px 40px;



    display: flex;

    align-items: center;

    justify-content: center;



    overflow: hidden;



    /*border-radius: 28px;



    background:

        radial-gradient(

            circle at 50% -40%,

            rgba(49,184,120,0.12),

            transparent 50%

        ),

        linear-gradient(

            135deg,

            rgba(255,255,255,0.97),

            rgba(248,253,250,0.94)

        );



    border: 1px solid rgba(36,143,98,0.13);



    box-shadow:

        0 20px 55px rgba(23,60,52,0.08),

        0 5px 18px rgba(23,60,52,0.04),

        inset 0 1px 0 rgba(255,255,255,1);*/



    isolation: isolate;



    opacity: 0;



    transform: translateY(18px);



    animation:

        cardioTitlePanelIn

        0.8s

        cubic-bezier(.22,1,.36,1)

        forwards;

}





/* ============================================================

   TOP PREMIUM SIGNAL LINE

============================================================ */



.cardio-title-pro::before {

    content: "";



    position: absolute;



    top: 0;

    left: 18%;

    right: 18%;



    height: 1px;



    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(49,184,120,0.75),

            rgba(229,36,58,0.60),

            transparent

        );



    background-size: 180% 100%;



    animation:

        cardioTitleSignal

        7s

        linear

        infinite;



    pointer-events: none;

}





/* ============================================================

   SOFT LIGHT SWEEP

============================================================ */



.cardio-title-pro::after {

    content: "";



    position: absolute;



    top: -100%;

    left: -30%;



    width: 12%;

    height: 300%;



    transform: rotate(18deg);



    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(255,255,255,0.70),

            transparent

        );



    opacity: 0;



    pointer-events: none;



    animation:

        cardioTitleSweep

        7s

        ease-in-out

        2.5s

        infinite;

}





/* ============================================================

   CONTENT

============================================================ */



.cardio-title-pro__content {

    position: relative;



    z-index: 5;



    width: 100%;



    display: flex;

    flex-direction: column;



    align-items: center;

    justify-content: center;



    gap: 10px;



    text-align: center;

}





/* ============================================================

   MAIN TITLE

============================================================ */



.cardio-title-pro__main {

    margin: 0;



    font-size: clamp(31px, 3vw, 51px);

    line-height: 1.07;



    font-weight: 800;



    letter-spacing: -1.2px;



    color: var(--cardio-dark);



    text-align: center;



    opacity: 0;



    transform: translateY(22px);



    animation:

        cardioTitleMainIn

        0.9s

        cubic-bezier(.22,1,.36,1)

        0.18s

        forwards;

}





/* ============================================================

   SECOND ROW

============================================================ */



.cardio-title-pro__sub {

    display: flex;



    align-items: center;

    justify-content: center;



    gap: 16px;



    margin-top: 3px;



    opacity: 0;



    transform: translateY(15px);



    animation:

        cardioTitleSubIn

        0.8s

        cubic-bezier(.22,1,.36,1)

        0.48s

        forwards;

}





/* ============================================================

   NETWORKING SYMPOSIUM

============================================================ */



.cardio-title-pro__subtitle {

    position: relative;



    display: inline-block;



    padding-bottom: 13px;



    font-size: clamp(18px, 1.65vw, 27px);

    line-height: 1.1;



    font-weight: 650;



    letter-spacing: 2.3px;



    text-transform: uppercase;



    color: var(--cardio-green-dark);

}





/* ============================================================

   PREMIUM SIGNAL UNDERLINE

============================================================ */



.cardio-title-pro__subtitle::before {

    content: "";



    position: absolute;



    left: 50%;

    bottom: 0;



    width: 0;

    height: 2px;



    transform: translateX(-50%);



    border-radius: 20px;



    background:

        linear-gradient(

            90deg,

            transparent,

            var(--cardio-green),

            var(--cardio-green),

            var(--cardio-red),

            transparent

        );



    animation:

        cardioTitleLineIn

        0.9s

        ease

        0.95s

        forwards;

}





/* moving node */



.cardio-title-pro__subtitle::after {

    content: "";



    position: absolute;



    bottom: -3px;

    left: 10%;



    width: 8px;

    height: 8px;



    border-radius: 50%;



    background: #ffffff;



    border: 2px solid var(--cardio-green);



    box-shadow:

        0 0 0 4px rgba(49,184,120,0.08),

        0 0 13px rgba(49,184,120,0.30);



    opacity: 0;



    animation:

        cardioTitleNodeMove

        6s

        ease-in-out

        1.5s

        infinite;

}





/* ============================================================

   YEAR

============================================================ */



.cardio-title-pro__year {

    position: relative;



    min-width: 96px;



    padding:

        9px

        19px;



    display: inline-flex;

    align-items: center;

    justify-content: center;



    overflow: hidden;



    border-radius: 50px;



    font-size: clamp(16px, 1.3vw, 21px);

    line-height: 1;



    font-weight: 800;



    letter-spacing: 1.5px;



    color: #ffffff;



    background:

        linear-gradient(

            135deg,

            #ef3348,

            #d81931

        );



    border: 1px solid rgba(255,255,255,0.28);



    box-shadow:

        0 9px 24px rgba(213,24,48,0.20);



    opacity: 0;



    transform: translateY(10px) scale(.94);



    animation:

        cardioTitleYearIn

        0.7s

        cubic-bezier(.22,1,.36,1)

        0.75s

        forwards;

}





/* ============================================================

   YEAR SHINE

============================================================ */



.cardio-title-pro__year::before {

    content: "";



    position: absolute;



    top: -80%;

    left: -65%;



    width: 35%;

    height: 260%;



    transform: rotate(20deg);



    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(255,255,255,0.52),

            transparent

        );



    animation:

        cardioTitleYearShine

        5.5s

        ease-in-out

        2s

        infinite;

}





/* ============================================================

   CORNERS

============================================================ */



.cardio-title-pro__corner {

    position: absolute;



    z-index: 6;



    width: 31px;

    height: 31px;



    opacity: 0;



    pointer-events: none;



    animation:

        cardioTitleCornerIn

        0.6s

        ease

        0.65s

        forwards;

}





/* TOP LEFT */



.cardio-title-pro__corner--tl {

    top: 13px;

    left: 13px;



    border-top: 2px solid var(--cardio-green);

    border-left: 2px solid var(--cardio-green);



    border-radius: 9px 0 0 0;

}





/* TOP RIGHT */



.cardio-title-pro__corner--tr {

    top: 13px;

    right: 13px;



    border-top: 2px solid var(--cardio-red);

    border-right: 2px solid var(--cardio-red);



    border-radius: 0 9px 0 0;

}





/* BOTTOM LEFT */



.cardio-title-pro__corner--bl {

    left: 13px;

    bottom: 13px;



    border-bottom: 2px solid var(--cardio-red);

    border-left: 2px solid var(--cardio-red);



    border-radius: 0 0 0 9px;

}





/* BOTTOM RIGHT */



.cardio-title-pro__corner--br {

    right: 13px;

    bottom: 13px;



    border-right: 2px solid var(--cardio-green);

    border-bottom: 2px solid var(--cardio-green);



    border-radius: 0 0 9px 0;

}





/* ============================================================

   CORNER DOT

============================================================ */



.cardio-title-pro__corner::after {

    content: "";



    position: absolute;



    width: 5px;

    height: 5px;



    border-radius: 50%;



    background: currentColor;



    box-shadow:

        0 0 8px currentColor;



    animation:

        cardioTitleCornerPulse

        3s

        ease-in-out

        infinite;

}





.cardio-title-pro__corner--tl {

    color: var(--cardio-green);

}



.cardio-title-pro__corner--tl::after {

    top: -3px;

    left: -3px;

}





.cardio-title-pro__corner--tr {

    color: var(--cardio-red);

}



.cardio-title-pro__corner--tr::after {

    top: -3px;

    right: -3px;

}





.cardio-title-pro__corner--bl {

    color: var(--cardio-red);

}



.cardio-title-pro__corner--bl::after {

    left: -3px;

    bottom: -3px;

}





.cardio-title-pro__corner--br {

    color: var(--cardio-green);

}



.cardio-title-pro__corner--br::after {

    right: -3px;

    bottom: -3px;

}





/* ============================================================

   DESKTOP HOVER

============================================================ */



@media (hover: hover) {



    .cardio-title-pro {

        transition:

            transform .4s ease,

            box-shadow .4s ease;

    }





    .cardio-title-pro:hover {

        transform: translateY(-3px);



        box-shadow:

            0 26px 65px rgba(23,60,52,0.11),

            0 7px 20px rgba(23,60,52,0.05),

            inset 0 1px 0 rgba(255,255,255,1);

    }





    .cardio-title-pro__year {

        transition:

            transform .35s ease,

            box-shadow .35s ease;

    }





    .cardio-title-pro:hover

    .cardio-title-pro__year {



        transform: translateY(-2px);



        box-shadow:

            0 13px 30px rgba(213,24,48,0.27);

    }



}





/* ============================================================

   SMOOTH ANIMATIONS

============================================================ */



@keyframes cardioTitlePanelIn {



    from {

        opacity: 0;

        transform: translateY(18px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }



}





@keyframes cardioTitleMainIn {



    from {

        opacity: 0;

        transform: translateY(22px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }



}





@keyframes cardioTitleSubIn {



    from {

        opacity: 0;

        transform: translateY(15px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }



}





@keyframes cardioTitleYearIn {



    from {

        opacity: 0;



        transform:

            translateY(10px)

            scale(.94);

    }



    to {

        opacity: 1;



        transform:

            translateY(0)

            scale(1);

    }



}





@keyframes cardioTitleLineIn {



    from {

        width: 0;

        opacity: 0;

    }



    to {

        width: 100%;

        opacity: 1;

    }



}





@keyframes cardioTitleNodeMove {



    0%,

    10% {

        left: 10%;

        opacity: 0;

    }



    18% {

        opacity: 1;

    }



    72% {

        opacity: 1;

    }



    88%,

    100% {

        left: 90%;

        opacity: 0;

    }



}





@keyframes cardioTitleSignal {



    0% {

        background-position: 170% center;

    }



    100% {

        background-position: -50% center;

    }



}





@keyframes cardioTitleSweep {



    0%,

    68% {

        left: -30%;

        opacity: 0;

    }



    74% {

        opacity: .55;

    }



    88% {

        left: 120%;

        opacity: .1;

    }



    100% {

        left: 120%;

        opacity: 0;

    }



}





@keyframes cardioTitleYearShine {



    0%,

    64% {

        left: -65%;

    }



    80% {

        left: 140%;

    }



    100% {

        left: 140%;

    }



}





@keyframes cardioTitleCornerIn {



    from {

        opacity: 0;



        transform:

            scale(.7);

    }



    to {

        opacity: .95;



        transform:

            scale(1);

    }



}





@keyframes cardioTitleCornerPulse {



    0%,

    100% {

        opacity: .35;

        transform: scale(.75);

    }



    50% {

        opacity: 1;

        transform: scale(1.15);

    }



}





/* ============================================================

   LAPTOP

============================================================ */



@media (max-width: 1199.98px) {



    .cardio-title-pro {

        padding:

            32px

            42px

            34px;



        border-radius: 24px;

    }





    .cardio-title-pro__main {

        font-size: 39px;

    }





    .cardio-title-pro__subtitle {

        font-size: 20px;



        letter-spacing: 1.8px;

    }





    .cardio-title-pro__year {

        min-width: 87px;



        padding:

            8px

            15px;



        font-size: 17px;

    }



}





/* ============================================================

   TABLET

============================================================ */



@media (max-width: 991.98px) {



    .cardio-title-pro {

        padding:

            29px

            30px

            31px;



        border-radius: 21px;

    }





    .cardio-title-pro__main {

        font-size: 31px;



        letter-spacing: -.7px;

    }





    .cardio-title-pro__sub {

        gap: 12px;

    }





    .cardio-title-pro__subtitle {

        font-size: 17px;



        letter-spacing: 1.4px;

    }





    .cardio-title-pro__year {

        min-width: 77px;



        padding:

            7px

            13px;



        font-size: 15px;

    }





    .cardio-title-pro__corner {

        width: 23px;

        height: 23px;

    }



}





/* ============================================================

   MOBILE

============================================================ */



@media (max-width: 767.98px) {



    .cardio-title-pro {

        width: 100%;



        padding:

            27px

            18px

            29px;



        border-radius: 18px;

    }





    .cardio-title-pro__content {

        gap: 9px;

    }





    .cardio-title-pro__main {

        max-width: 420px;



        font-size: 24px;



        line-height: 1.16;



        letter-spacing: -.4px;

    }





    .cardio-title-pro__sub {

        flex-direction: column;



        gap: 14px;



        margin-top: 5px;

    }





    .cardio-title-pro__subtitle {

        padding-bottom: 11px;



        font-size: 14px;



        line-height: 1.3;



        letter-spacing: 1.2px;

    }





    .cardio-title-pro__year {

        min-width: 78px;



        padding:

            7px

            14px;



        font-size: 14px;

    }





    .cardio-title-pro__corner {

        width: 18px;

        height: 18px;

    }





    .cardio-title-pro__corner--tl {

        top: 9px;

        left: 9px;

    }





    .cardio-title-pro__corner--tr {

        top: 9px;

        right: 9px;

    }





    .cardio-title-pro__corner--bl {

        bottom: 9px;

        left: 9px;

    }





    .cardio-title-pro__corner--br {

        right: 9px;

        bottom: 9px;

    }



}





/* ============================================================

   SMALL MOBILE

============================================================ */



@media (max-width: 480px) {



    .cardio-title-pro {

        padding:

            23px

            14px

            26px;



        border-radius: 16px;

		padding-top: 4rem;

		

    }



	.banner-area{margin-top: 0rem;}

    .cardio-title-pro__main {

        font-size: 21px;



        line-height: 1.18;

    }





    .cardio-title-pro__subtitle {

        font-size: 12.5px;



        letter-spacing: .9px;

    }





    .cardio-title-pro__year {

        min-width: 72px;



        padding:

            6px

            12px;



        font-size: 13px;

    }



}





/* ============================================================

   REDUCED MOTION

============================================================ */



@media (prefers-reduced-motion: reduce) {



    .cardio-title-pro,

    .cardio-title-pro::before,

    .cardio-title-pro::after,

    .cardio-title-pro__main,

    .cardio-title-pro__sub,

    .cardio-title-pro__subtitle::before,

    .cardio-title-pro__subtitle::after,

    .cardio-title-pro__year,

    .cardio-title-pro__year::before,

    .cardio-title-pro__corner,

    .cardio-title-pro__corner::after {



        animation: none !important;

        transition: none !important;

    }





    .cardio-title-pro,

    .cardio-title-pro__main,

    .cardio-title-pro__sub,

    .cardio-title-pro__year,

    .cardio-title-pro__corner {



        opacity: 1;



        transform: none;

    }





    .cardio-title-pro__subtitle::before {

        width: 100%;

    }



}







/* ============================================================

   SPEAKERS SECTION

   KUWAIT TOWERS BACKGROUND

============================================================ */



#slide-c.speaker-wrap {



	

	background-image: url("../images/kuwait-back-01.png");

	background-position: bottom;

	background-repeat: no-repeat;

	background-size: cover;

}





/* ============================================================

   KUWAIT BACKGROUND ARTWORK

============================================================ */





/* ============================================================

   KEEP ALL CONTENT ABOVE BACKGROUND

============================================================ */



#slide-c.speaker-wrap > .padding-left-right {

    position: relative;

    z-index: 3;

}





#slide-c .cm-chairman__container {

    position: relative;

    z-index: 3;

}





#slide-c .cm-chairman__heading {

    position: relative;

    z-index: 5;

}





#slide-c .row {

    position: relative;

    z-index: 5;

}





#slide-c .speakers-block {

    position: relative;

    z-index: 5;

}





/* ============================================================

   HEADING

============================================================ */



#slide-c .cm-chairman__heading {

    margin-bottom: 48px;

}





/* ============================================================

   LARGE DESKTOP

   1600px+

============================================================ */



@media (min-width: 1600px) {



    #slide-c.speaker-wrap {

        padding:

            70px

            0

            90px;

    }





    #slide-c.speaker-wrap::before {



        background-size:

            auto 112%;



        background-position:

            70% bottom;



        opacity: 0.54;

    }



}





/* ============================================================

   NORMAL DESKTOP

   1200 - 1599

============================================================ */



@media (max-width: 1599.98px) {



    #slide-c.speaker-wrap::before {



        background-size:

            auto 108%;



        background-position:

            72% bottom;



        opacity: 0.52;

    }



}





/* ============================================================

   LAPTOP

   992 - 1199

============================================================ */



@media (max-width: 1199.98px) {



    #slide-c.speaker-wrap {

        padding:

            55px

            0

            65px;

    }





    #slide-c.speaker-wrap::before {



        background-size:

            auto 102%;



        background-position:

            76% bottom;



        opacity: 0.45;

    }





    #slide-c.speaker-wrap::after {



        background:

            linear-gradient(

                90deg,



                rgba(255,255,255,0.94) 0%,



                rgba(255,255,255,0.74) 18%,



                rgba(255,255,255,0.36) 36%,



                rgba(255,255,255,0.08) 58%,



                transparent 80%

            );

    }



}





/* ============================================================

   TABLET

   768 - 991

============================================================ */



@media (max-width: 991.98px) {



    #slide-c.speaker-wrap {

        padding:

            48px

            0

            58px;

    }





    #slide-c.speaker-wrap::before {



        background-size:

            auto 92%;



        background-position:

            76% bottom;



        opacity: 0.36;

    }





    #slide-c.speaker-wrap::after {



        background:

            linear-gradient(

                90deg,



                rgba(255,255,255,0.92) 0%,



                rgba(255,255,255,0.67) 25%,



                rgba(255,255,255,0.26) 50%,



                rgba(255,255,255,0.04) 78%,



                transparent 100%

            );

    }





    #slide-c .cm-chairman__heading {

        margin-bottom: 38px;

    }



}





/* ============================================================

   MOBILE

============================================================ */



@media (max-width: 767.98px) {



    #slide-c.speaker-wrap {

        padding:

            42px

            0

            50px;

    }





    /*

       Keep tower predominantly on the right on mobile.

       This prevents it fighting with speaker portraits.

    */



    #slide-c.speaker-wrap::before {



        background-size:

            auto 82%;



        background-position:

            83% bottom;



        opacity: 0.27;

    }





    #slide-c.speaker-wrap::after {



        background:

            linear-gradient(

                90deg,



                rgba(255,255,255,0.92) 0%,



                rgba(255,255,255,0.68) 42%,



                rgba(255,255,255,0.25) 70%,



                rgba(255,255,255,0.06) 100%

            );

    }





    #slide-c .cm-chairman__heading {

        margin-bottom: 32px;

    }



}





/* ============================================================

   SMALL MOBILE

============================================================ */



@media (max-width: 480px) {



    #slide-c.speaker-wrap {

        padding:

            35px

            0

            45px;

    }





    #slide-c.speaker-wrap::before {



        background-size:

            auto 74%;



        background-position:

            88% bottom;



        opacity: 0.22;

    }



}





/* ============================================================

   SCIENTIFIC PROGRAM

   RIGHT-BOTTOM DECORATIVE BACKGROUND

============================================================ */



#slide-d.cnc-agenda {

    position: relative;

    overflow: hidden;

    isolation: isolate;

}





/* ============================================================

   BACKGROUND ARTWORK

============================================================ */



#slide-d .agenda-back {

    position: absolute;



    right: -2%;

    bottom: 0;



    width: clamp(520px, 48vw, 850px);



    height: auto;



    z-index: 0;



    display: flex;

    align-items: flex-end;

    justify-content: flex-end;



    pointer-events: none;



    opacity: 0.17;

}





/* IMAGE */



#slide-d .agenda-back img {

    display: block;



    width: 100%;

    height: auto;



    max-width: none;



    object-fit: contain;

    object-position: right bottom;



    margin: 0;



    padding: 0;

}





/* ============================================================

   KEEP PROGRAM CONTENT ABOVE BACKGROUND

============================================================ */



#slide-d > .padding-left-right {

    position: relative;

    z-index: 2;

}





#slide-d .cnc-agenda__container {

    position: relative;

    z-index: 2;

}





/* ============================================================

   LARGE DESKTOP

============================================================ */



@media (min-width: 1600px) {



    #slide-d .agenda-back {

        width: min(47vw, 900px);



        right: -1%;



        bottom: 0;



        opacity: 0.18;

    }



}





/* ============================================================

   NORMAL DESKTOP

============================================================ */



@media (max-width: 1599.98px) {



    #slide-d .agenda-back {

        width: 50vw;



        max-width: 780px;



        right: -3%;



        bottom: 0;



        opacity: 0.17;

    }



}





/* ============================================================

   LAPTOP

============================================================ */



@media (max-width: 1199.98px) {



    #slide-d .agenda-back {

        width: 54vw;



        max-width: 680px;



        right: -7%;



        bottom: 0;



        opacity: 0.15;

    }



}





/* ============================================================

   TABLET

============================================================ */



@media (max-width: 991.98px) {



    #slide-d .agenda-back {

        width: 64vw;



        max-width: 590px;



        right: -13%;



        bottom: 0;



        opacity: 0.13;

    }



}





/* ============================================================

   MOBILE

============================================================ */



@media (max-width: 767.98px) {



    #slide-d .agenda-back {

        width: 82vw;



        max-width: 500px;



        right: -25%;



        bottom: 0;



        opacity: 0.10;

    }



}





/* ============================================================

   SMALL MOBILE

============================================================ */



@media (max-width: 480px) {



    #slide-d .agenda-back {

        width: 100vw;



        max-width: 440px;



        right: -35%;



        bottom: 0;



        opacity: 0.08;

    }



}



.span-ad{text-align:center;display:block;margin-top:1rem;}
.span-ad a{background-color:#0a5d4f;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;color:#fff;font-weight:600;border-radius:20px;font-size:18px;}