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

}