@charset "utf-8";
/* CSS Document */

/*
Montserrat
Thin 		100
ExtraLight 	200
Light 		300
Regular 	400
Medium 		500
SemiBold 	600
Bold 		700
ExtraBold 	800
Black 		900
*/



@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playwrite+NZ+Basic:wght@100..400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


@font-face {
  font-family: 'Valentine-Sans';
	src: url('../fonts/Valentine-Sans.otf') format('opentype');}


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

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

strong				{font-weight: 600;}

a					{text-decoration:none; color: #00a9e5; transition: 0.5s;}
a:hover				{text-decoration:none; color: #333333;}
a:visited			{text-decoration:none;}
a:focus,a:hover		{text-decoration:none;}


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


:root {
	--def-padding : 5rem;
	--blue-color : #00458a;
}

.page					{}


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


.navbar 												{padding: 0;}

.menu-area .bg-light 									{background-color: transparent !important;}
.menu-area .navbar-nav .nav-link 			{color: #fcfedd; font-weight:500;}
.menu-area .navbar-nav .nav-link:hover	{color: #fff!important;}
.menu-area .navbar-nav .nav-item.active a				{color: #fff; background-color: #00a9e5; border-radius: 25px;}


.menu-area .navbar-expand-lg .navbar-nav .nav-link 		{padding-left: 1rem; padding-right: 1rem;}
a.nav-reg-link{background-color:#00a9e5;color:#000!important;border:1px solid #00a9e5;border-radius:25px;}
a.nav-reg-link:hover{color:#000;}

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

.coming-soon-section{padding-bottom: 0rem;}
/*.counter{background: rgb(45,65,129);background: rgb(46,65,129);
background: linear-gradient(90deg, rgba(46,65,129,1) 0%, rgba(78,87,156,1) 100%);}*/
.count-div {width: 150px !important;}
.countdown-right{margin-top: -8rem;z-index: 999;position: relative;}
ul#example{border-radius: 15px;}

/*.location-time{margin-left: 15px;}*/
.left-area .line-b{display: flex;}
.date-time h3{font-size:25px;font-weight:500;display: contents;color:#fff;font-family: "DM Sans", sans-serif;text-transform:uppercase;letter-spacing:1px;}
.location-time h3{font-size:25px;font-weight:500;display: contents;color:#fff;font-family: "DM Sans", sans-serif;text-transform:uppercase;letter-spacing:1px;}
.date-time img{margin-top: -15px;}
.location-time img{margin-top: -15px;}

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

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

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

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


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


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


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

.left-area .line-d a 				{display: inline-block; padding: .75rem 2rem; background-color: #ff9200; color: #000000; border: 1px solid #FFFFFF; border-radius: 2rem; font-weight: 500; transform: perspective(1px) translateZ(0); transition: color 0.3s; overflow: hidden;}
.left-area .line-d a:before 		{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: #193867; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out;}
.left-area .line-d a:hover 			{color: #FFFFFF;}
.left-area .line-d a:hover:before 	{transform: scaleX(1);}

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

.bg-holder img{width:100%;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display: none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}
.swiper-button-next img{width:100%!important;}
.swiper-button-prev img{width:100%!important;}
.swiper-button-next, .swiper-button-prev{bottom: 10%;top: 0;top: auto;}
.swiper-button-next, .swiper-button-prev{width: calc(var(--swiper-navigation-size) / 30* 27);}
.swiper-button-prev{left: 20%;}
.swiper-button-next{right:40%;}

.right-area img{width:100%;margin-top: 3.0rem;margin-left: 0rem;}
.coumtdown-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding); background-image: url("../images/countdown-bg.webp"); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.coumtdown-wrap h1 			{text-align: center; color: #f69e28; font-weight: 800;}
.coumtdown-wrap h4 			{text-align: center;}
.coumtdown-wrap h5 			{text-align: center;}
.coumtdown-wrap .date-place	{color: #193867; font-weight: 600; text-align: center;}

.chair-name{text-align: center;}
.welcome-note h3{padding-top:3rem;padding-bottom: 1rem;}
/*.welcome-note{margin-left: -25%;}*/

.chairperson-wrap			{padding-top: var(--def-padding); padding-bottom: var(--def-padding);}
.chair-conf-heading span{display: block;font-weight:500;font-size: 40px;}
.conf-heading{/*text-align: center;*//*width:50%;background-color: #063463;border-radius:15px;*/margin-bottom:2rem;}
.chairperson-wrap p{color:#000;font-size:18px;line-height: 30px;font-weight:500;width:100%;text-align: justify;}
.chair-col-section-details{/*background-color: #fff;padding:0px;border-radius:20px;filter: drop-shadow(0 0 0.75rem #444);*/margin-top: 2rem;}
h1.modal-title{color:#1a2745;font-weight: 500;}

.chairperson-wrap h4 span{display: block;font-size: 16px;color: #000;}
.chairperson-wrap h4{color:#06796d;line-height: 30px;}


.chairperson-wrap-section			{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-image: url("../images/chairperson-back.jpg");background-repeat: no-repeat;background-size: cover;}
.chairperson-wrap-section h1{color:#cc564a;}
.chairperson-wrap-section p{color:#4f4b4f;font-size:18px;line-height: 30px;font-weight:500;width:100%;}
.chairperson-msg h2{color:#cc564a;text-align: center;}
.chairperson-msg h5{color:#444;/*text-align: center;*/margin-bottom: 1rem;margin-top: 1rem;}
.designation span{font-family: "Playwrite NZ Basic", cursive;font-size: 14px;font-weight: 600;}
.designation{margin-top: -10rem;}

/*.chairperson-msg{margin-top: -15rem;}*/

.chairperson-wrap-section h4 span{display: block;font-size: 16px;color: #444;}
.chairperson-wrap-section h4{color: #cc564a;line-height: 50px;}

.speaker-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background: linear-gradient(90deg, #d7d7d7 0%, #ffffff 50%);}
.speaker-wrap h4 			{color: #00a9e5;font-size:20px;font-weight:500;}
.speaker-wrap p             {color:#000;font-size:20px;font-weight: 400;}
.speaker-wrap a             {color:#3e654d;}

.speaker-block .inner-box {position: relative;max-width: 300px;margin: 0 auto;}
.speaker-block .image-box {position: relative;padding: 17px 22px 0 0;}
.speaker-block .inner-box:hover .image-box:before {border: 3px solid #00000096;border-color: #00000096;opacity: 1;}
.speaker-block .image-box:before {position: absolute;left: 40px;right: 0;top: 0;bottom: 17px;border: 3px solid #adadad;border-radius: 0 0 250px 250px;content: "";-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.speaker-block .image {position: relative;border: 5px solid #ffffff;-webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, .20);box-shadow: 0 14px 20px rgba(0, 0, 0, .20);border-radius: 0 0 250px 250px;overflow: hidden;margin-bottom: 0;}
.speaker-block .image img {width: 100%;-webkit-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;}
.speaker-block .inner-box:hover .image img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.speaker-block .image {position: relative;border: 5px solid #ffffff;-webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, .20);box-shadow: 0 14px 20px rgba(0, 0, 0, .20);border-radius: 0 0 250px 250px;overflow: hidden;margin-bottom: 0;background-color: #e85b17;}
.speaker-block .plus-icon {position: absolute;right: 25px;bottom: 20px;height: 50px;width: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #081245;border-radius: 50%;background-color: #ffba00;-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.speaker-block .info-box {position: relative;padding-top: 25px;}
.speaker-block h4 {display: block;font-size: 20px;color: #484848;font-family: "Inter", sans-serif;font-weight: 500;}
.speaker-block .designation {font-size: 14px;color: #555555;font-family: "Inter", sans-serif;}
.info-box{text-align: center;}

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




.flag-img{position: absolute;width: 20%!important;top:12%;right: 20px;}
.speakers-details{text-align: center;margin-top: -5rem;}
.speakers-details h4{color:#fff;font-weight: 500;font-size:20px;}
.speakers-details p{color:#d8b67b;}
.speakers-img{position: relative;/*overflow: hidden;*/}
.speakers-img .spkr-pic{transition: transform 0.4s ease-in-out;}
.speakers-img .spkr-pic:hover{transform: scale(1.1);opacity: 0.9;}
.speakers-details{position: relative;z-index: 99;}


.hops-association{padding-top: 50px;position: relative;background: linear-gradient(180deg, #010810, #2f1918);border-top: 2px solid #e85b17;}
/* Header */
.assoc-title{font-weight: 800;letter-spacing: .2px;color:#0f1b3d;font-size: clamp(22px, 2.4vw, 30px);}
.assoc-sub{color:#5c6787;font-size: 14px;max-width: 720px;margin: 0 auto;}
/* Logo Card */
.assoc-card{height: 130px;border-radius: 18px;background: #ffffff;border: 1px solid rgba(15,27,61,.08);box-shadow: 0 14px 32px rgba(15,27,61,.08);display:flex;align-items:center;justify-content:center;padding: 18px;transition: transform .25s ease, box-shadow .25s ease;}

/* Logo image */
.assoc-logo{max-height: 90px;max-width: 100%;object-fit: contain;opacity: 1;transition: transform .25s ease;}
/* Hover (subtle, professional) */
.assoc-card:hover{transform: translateY(-3px);box-shadow: 0 20px 46px rgba(15,27,61,.12);}
.assoc-card:hover .assoc-logo{transform: scale(1.05);}

/* Mobile tuning */
@media (max-width: 575.98px){
.hops-association{ padding: 40px 0; }
.assoc-card{height: 110px;padding: 14px;}
.assoc-logo{max-height: 72px;}}









.committee-wrap h4 			{color: #00a9e5;font-size:17px;font-weight:500;}
.committee-wrap h3{color:#00a9e5;}
.committee-wrap p{color:#06796d;font-size:18px;}
.speakers-details{margin-top: 1.5rem;}
.speakers-img{text-align: center;}

.comm-block{height: auto!important;}
.comm-block .spk-desc{padding-bottom: 1rem;}

.speaker-block				{overflow: hidden; position: relative;}
.speaker-block .speaker-shadow	{position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; z-index: 10;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,49,123,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,49,123,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,49,123,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00317b',GradientType=0 );}
.speaker-block .speaker-desc			{position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 1rem; text-align: center; z-index: 11;}
.speaker-block .speaker-desc .line-a	{font-size: 125%; font-weight: 600; color: #FFFFFF; }
.speaker-block .speaker-desc .line-b	{margin-bottom: 1rem;}

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

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

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

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

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


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


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

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

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

.speakers-block .spkr-img	{/*border-radius: 38%; overflow: hidden;*/ /*transform: rotate(45deg);*/ margin: 0 auto; width: 100%; position: absolute; left: 0; right: 0; /*top: 0;*//*border:3px solid #fff;*/}
.speakers-block .spkr-desc	{background-color: #fefefe; border-radius: 0.5rem; padding-top: 150px; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; height: 100%;}

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

.spkr-desc .line-a{color:#2e4181;font-family: "DM Sans", sans-serif;font-weight: 800;font-size:18px;}
.spkr-desc .line-b{color:#000;font-family: "DM Sans", sans-serif;font-size:15px;}
.speakers-block {cursor: pointer;position: relative;height: 100%;padding-top: 50px;filter: drop-shadow(0 0 15px #ccc);}

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


/* Laptop  - For 1024 Resolution */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
{
	
	
.speakers-block				{padding-top: 100px;}
.speakers-block .spkr-desc	{padding-top: 100px;}}

/* iPad Landscape */
@media only screen   
and (orientation : landscape)   
and (-webkit-min-device-pixel-ratio: 2)  
and (min-width : 768px)   
and (max-width : 1024px)   
{	
	
.speakers-block				{padding-top: 120px;}
.speakers-block .spkr-desc	{padding-top: 120px;}}

/* iPad Portrait */
/* Orientation : Portrait */  
@media only screen   
and (orientation : portrait)   
and (-webkit-min-device-pixel-ratio: 2)   
and (min-width : 768px)   
and (max-width : 1024px)  
{
	
.speakers-block							{padding-top: 100px;}
.speakers-block .spkr-desc				{padding-top: 100px;}}

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


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

.spk-block .spk-img				{overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); position: relative;}
.spk-block .spk-img img			{opacity: 0.8; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); mix-blend-mode: multiply;border-radius: 100%;padding: 30px;}
.spk-block:hover .spk-img img 	{opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); mix-blend-mode: normal;}
.spk-block .spk-desc			{/*padding: 1rem;*/text-align: center;}
.spk-block .spk-desc .line-a	{font-size: 100.0%;}
.spk-block .spk-desc .line-b	{font-size: 87.5%;font-family: "DM Sans", sans-serif;}
.spk-block .cv-more a {background: rgb(46,66,130);background: linear-gradient(90deg, rgb(0 169 229) 0%, rgb(0 0 0) 100%);padding-left: 25px;padding-right: 25px;padding-top: 5px;padding-bottom: 5px; font-size:16px;border-radius: 5px;font-weight: 300;font-family: "DM Sans", sans-serif;}

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

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

.spk-block .spk-img span 			{position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;}
.spk-block .spk-img span img 		{width: 36px;}
.spk-block .spk-img span img 		{opacity: 1; -webkit-transform: scale(1); transform: scale(1); mix-blend-mode: normal;}
.spk-block:hover .spk-img span img 	{-webkit-transform: scale(1); transform: scale(1); mix-blend-mode: normal;}

.grayscale {-webkit-filter: grayscale(100%);}
.spk-img img:hover {-webkit-filter: none;cursor:pointer;}

.spk-block a{font-family: "DM Sans", sans-serif;font-weight: 500;color:#fff;}
.spk-block .cv-more{text-align: center;margin-bottom: 2rem;}

ul.listings-cv{padding-left: 2rem;}
ul.listings-cv li{color: #444!important;}

.program-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-image: url(../images/program-back.jpg);background-repeat: no-repeat;background-size: cover;;}
.program-wrap h1 			{color: #cc564a;text-align: center;text-transform: uppercase;font-size:50px;font-weight: 600;}
.program-wrap h1 span{display: block;font-size:40px;color:#157039ab;}
.title-texture{padding-bottom:2rem;overflow:hidden;}
.title-texture img:nth-child(3){transform:scaleX(-1) ;}
.program-head h2{color:#cedcfe;}
.program-head p{color: #cedcfe!important;}

.workshop-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-color: #e7e7e7;}
.workshop-wrap .nav-pills .nav-link.active,
.workshop-wrap .nav-pills .show>.nav-link 	{color: #FFFFFF;background: linear-gradient(180deg, #38263e, #38263e);font-family: "Tenor Sans", sans-serif;}
.workshop-wrap .nav-link 					{color: #fff; background-color: #a8aaaf;}
.workshop-wrap li{margin: 5px;}
.workshop-wrap .line-b{color:#fff;}

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

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

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

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

.workshop-wrap .prog-row.highlight-c .lecture{color:#000;}
.workshop-wrap .doc-icon {color: #212020;font-size: 25px;margin-right: 1%;}
.workshop-wrap .prog-row .time{background-color: #f1f1f1;}


.venue-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-color: #e7e7e7;}
.venue-wrap h4          {font-size:27px;color:#157039ab;color:#06796d;}
.location-map           {margin-top: 2rem;}
.location-map h6        {font-size:20px;margin-bottom: 1rem;}


.prog-row					{padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem;}
.prog-row:not(:last-child)	{border-bottom: 1px solid #666666;}

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

.nav-pills .nav-link 		{border-radius: 0; background-color: #7a7a7a;}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link 	{background-color: #00588e;}

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

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


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

.program-wrap .nav-pills .nav-link.active,
.program-wrap .nav-pills .show>.nav-link 	{color: #FFFFFF; background-color: #00a9e5;border-radius:20px;border:2px solid #fff;}
.program-wrap .nav-link 					{color: #FFFFFF; background-color: #00a9e5;border-radius:20px;}
/*.program-wrap li{margin: 5px;}*/
.program-wrap .line-b{color:#000;}

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

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

.program-wrap .nav-item .line-a				{font-size: 200%; font-weight: 700;}
.prog-row				{padding: 0.75rem 0.5rem; border-bottom: 1px solid #CCCCCC;}
.prog-row:last-child	{border-bottom: none;}

.prog-row .time			{background-color: #fff;font-size: 14px;text-align: center;padding: 10px;font-weight: 500;
 color: #000;width:100%;}
.prog-row .doc			{}
.prog-row .lecture		{font-weight: 500;font-size:16px;color:#fff;/*font-family: "Outfit", sans-serif!important;*/}
.prog-row .docname		{font-weight: 500;/*font-family: "Outfit", sans-serif!important;*/font-size:15px;color:#0f53a1;}
.prog-row.highlight-a	{/*background: linear-gradient(45deg, rgb(96 203 235) 0%,rgb(15 83 161) 100%);*/color:#fff;margin-bottom:0.5rem;}
.program-head p{font-size:20px;}
.prog-row.highlight-b	{background-color: #0f53a1;color:#fff;margin-bottom:0.5rem;font-family: "DM Sans", sans-serif;}
.prog-row.highlight-c   {background-color: #0d706521;color:#fff;margin-bottom:0.5rem;font-family: "DM Sans", sans-serif;}
.highlight-break-session{background-color: #62d1f4!important;color:#fff;text-transform: uppercase;}
.prog-row.highlight-c .lecture{color:#fff;font-size:16px;/*text-align: right;*/}
.program-wrap .speakers-block .spkr-img{width:40%;}
.program-wrap .speakers-block{padding-top: 85px;}

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

.prog-row .doc img		{border-radius: 10%;width:50%;float: right;}
.highlight-session      {background-color: #84bc63!important;text-align: center;}
.highlight-session .time{font-size:30px;text-transform: uppercase;font-weight: 600;/*font-family: var(--poppins)!important;*/}
/*.prog-row span{font-size:24px;font-family: var(--poppins)!important;}*/
    
.prog-row .prog-time		{font-weight: 500; line-height: normal;}
.prog-row .prog-title		{margin-bottom: 0.25rem; font-size: 125%; font-weight: 600; color: #00588e; line-height: normal;}
.prog-row .prog-doc			{margin-bottom: 0.25rem; line-height: normal;}
.prog-row .prog-img img		{-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.prog-row.highlight-c img   {width: 50%;/*border-radius: 50%;*/}

/*.workshop-wrap		{padding-top: var(--def-padding); padding-bottom: var(--def-padding); background-color: #f2f2f2;}
.workshop-wrap h1 	{color: #2bb2cf; font-size: 300%; text-align: center;}*/

/*.workshop-wrap		{padding-top: 3rem; padding-bottom: 3rem; background-color: #001e40;background-image: url("../images/workshop-back-layer.png");background-repeat: no-repeat;background-position: center;}*/
.highlight-c h4     {color:#fff;padding-top: 1rem;padding-bottom: 1rem;font-weight:500;text-transform: uppercase;}
.highlight-c h4 span{text-transform: none;}
.program-wrap .nav-pills .nav-link.active,
.program-wrap .nav-pills .show>.nav-link 	{color: #000; background: linear-gradient(90deg, #fdc68d 0%, #fdc68d 50%);}
.program-wrap .nav-link 					{color: #fff; background-color: #a8aaaf;}
/*.program-wrap li{margin: 5px;}*/
.program-wrap .line-b{color:#fff;}

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

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

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

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

.program-wrap .prog-row.highlight-c{background-color: #ebebeb;}
.program-wrap .prog-row.highlight-c .lecture{color: #000;}
/*.program-wrap .prog-row .docname{color: #157039ab;}*/
.program-wrap h2{color:#d8b67b;font-weight: 500;font-size:28px;}
.program-wrap .program-head p {color:#000!important;font-weight:500;text-transform: none;}

.registration-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-image: url(../images/sign-up-back.webp);background-position: right;background-size: cover;/*background-image: url("../images/chairman-back.jpg");background-position: top center;*/}
/*.registration-wrap h1 			{color: #1a2745;text-align: center;text-transform: uppercase;font-size:50px;font-weight: 600;}
.registration-wrap h1 span{display: block;font-size:40px;color:#157039ab;}*/
.registration-method h3{color:#000;font-weight:300;margin-top: 1rem;margin-bottom: 1rem;}



.footer				{padding-top: 1rem; padding-bottom: 0rem;background-color: #000!important;font-size: 75%; color: #fff;}
.footer a 			{color: #fff; /*text-decoration: underline;*/font-family: "DM Sans", sans-serif;}
.footer a:hover 	{color: #fff; text-decoration: none;}

    
    
.iti 											{display: block;}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] 		{padding: 1rem 3rem;}



.sponsors-wrap				{padding-top: var(--def-padding); padding-bottom: var(--def-padding);/*background-image: url("../images/chairman-back.jpg");background-position: top center;*/display:none;}
.sponsors-wrap h1 			{color: #1a2745;text-align: center;text-transform: uppercase;font-size:50px;font-weight: 600;}
.sponsors-wrap h1 span{display: block;font-size:40px;color:#157039ab;}
.sponsors-wrap .sponsors-block	{}
.sponsors-wrap .sponsors-block img{border-radius: 10px;border: 1px solid #bfcef3;}
.sponsors-wrap h4{font-weight: 500;text-align:center;color:#1a2745;margin-top: 1rem;}


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





.speakers-wrap			{padding-top: var(--def-padding);padding-bottom: var(--def-padding);background-image: url("../images/spkr-back.jpg");background-repeat: no-repeat;background-size: cover;}

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



.affiliation-section{padding-top: 2rem;padding-bottom: 2rem;background-color: #010234;}
.affiliation-section h1{text-align: center;color:#fff;font-weight: 300;font-size:50px;}

.committee-wrap .tab-content>.tab-pane 	{/*background-color: #FFFFFF;*/ padding: 2rem 0rem 0rem 0rem;}
    
.committee-wrap .nav-pills .nav-link			{margin-right: 1px;}

.committee-wrap .comm-block				{text-align: center;}
.committee-wrap .comm-block .line-a		{margin-bottom: 1rem;}
.committee-wrap .comm-block .line-b		{color: #36b1cf; font-weight: 600; font-size: 87.5%;}
.committee-wrap .comm-block .line-c		{color: #1b3867; font-weight: 600;}
.committee-wrap .comm-block .line-d		{font-size: 75%;}


.patronage			{padding-top: var(--def-padding); padding-bottom: var(--def-padding); background-color: #FFFFFF;}
.patronage h2       {font-family: "Playwrite NZ Basic", cursive;}

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



/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {}


/* Laptop - For 1366 Resolution */
@media only screen
and (min-width: 1030px)
and (max-width: 1366px)
{}


/* Laptop  - For 1024 Resolution */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
{
	
body 				{font-size: 0.875rem;}	
/*.menu-area{background-color: rgba(0,0,0,0.8)!important;}*/	
	
}


/* iPad Landscape */
@media only screen   
and (orientation : landscape)   
and (-webkit-min-device-pixel-ratio: 2)  
and (min-width : 768px)   
and (max-width : 1024px)   
{
	
body 				{font-size: 0.875rem;}


.page				{margin-top: 0px;}
/*.menu-area          {background-color: rgb(2 11 40) !important;}*/	
.menu-area.sticky 	{background-color: rgba(0,0,0,0.8);}	
	
	
/*.banner-area				{position: static; padding-top: 1rem; padding-bottom: 1rem;}
.banner-area .cont-holder	{position: static;}
.banner-area .bg-holder		{display: none;}*/
	
.banner-area .cme			{position: static; width: 200px; height: auto; }}


/* iPad Portrait */
/* Orientation : Portrait */  
@media only screen   
and (orientation : portrait)   
and (-webkit-min-device-pixel-ratio: 2)   
and (min-width : 768px)   
and (max-width : 1024px)  
{

body 				{font-size: 0.875rem;}
	
.menu-area{background-color: rgba(0,0,0,0.8)!important;}	
.menu-area.sticky 	{background-color: rgba(0,0,0,0.8);}
	
.page				{margin-top: 70px;}
	
.banner-area				{position: static; padding-top: 1rem; padding-bottom: 1rem;}
.banner-area .cont-holder	{position: static;}
.banner-area .bg-holder		{display: none;}
	

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

/* Generally, this dimension is recommended for mobile: - For 640 Resolution */  
@media only screen   
and (min-width : 360px)   
and (max-width : 640px)  
{
	
body 				{font-size: 0.875rem;}
	
.page				{margin-top: 70px;}

.menu-area{background-color: rgba(0,0,0,0.8)!important;}	
.menu-area.sticky 		{background-color: rgba(0,0,0,0.8);}
	
.speaker-block .speaker-desc .line-a		{font-size: 100%; margin-bottom: 0.5rem;}	
	
.left-area					{text-align: center;}
	
	
.nav-justified .nav-item,
.nav-justified>.nav-link 	{margin-right: 0px;}
	
.banner-area .cme			{position: static; width: 200px; height: auto; margin: inherit; margin-bottom: 1rem; margin-left: 1rem;}
.banner-area .name-moh		{position: static; margin-bottom: 1rem;}}

/* Mobile - For 480 Resolution */  
@media only screen   
and (min-width : 320px)   
and (max-width : 480px)
{
	
body 				{font-size: 0.875rem;}

.page				{margin-top: 0px;}
	
.menu-area{/*background-color:#14668d!important;*/background: linear-gradient(125deg, #000004, #000003);}	
.menu-area.sticky 		{background-color: rgba(0,0,0,0.8);}
	
.speaker-block .speaker-desc .line-a		{font-size: 100%; margin-bottom: 0.5rem;}
	
	
	
.banner-area				{/*position: static;*/ padding-top: 13%; padding-bottom: 0rem;}
/*.banner-area .cont-holder	{position: static;}*/
/*.banner-area .bg-holder		{display: none;}*/
	
.left-area					{text-align: center;}
	
	
.nav-justified .nav-item,
.nav-justified>.nav-link 	{margin-right: 0px;}
	

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

.float-whatsapp{text-align: center;font-size: 18px;font-weight: 500;color: #000;/*border-top: 1px solid;border-bottom: 1px solid;*/}
.float-whatsapp a{color:#000!important;}
.padding-left-right{padding-left: 7%;padding-right: 7%;}


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


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

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


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

.animated-box.in:after {animation: frame-enter 1s forwards ease-in-out reverse, gradient-animation 4s ease-in-out infinite;}
/* motion */
@keyframes gradient-animation {
  0% {
    background-position: 15% 0%;
  }
  50% {
    background-position: 85% 100%;
  }
  100% {
    background-position: 15% 0%;
  }
}

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

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

.amount-main {background: #05317a;/* padding: 10px 0px 0px 0px; */border-radius: 3px;/* margin: 15px 0; */}
.total-payment h4 {color: #fff;font-weight: 300;}

h4.float-whatsapp{font-weight:500;/*font-family: "DM Sans", sans-serif;*/}
.btn-registration{background: linear-gradient(180deg, rgb(239 125 101) 30%, rgb(0 0 0) 100%) !important;/*backgrund-color:#000;*/color:#fff;border: 0px;}
.btn-registration:hover{background: linear-gradient(90deg, #000000 0%, #629f7a 50%);color:#fff!important;}
.item-detail {text-align: right;padding-right: 10px;font-size: 19px;font-weight: 500;padding-top: 5px;background-color: #0e559f;}
.registration-method .unstyled li{display:block;margin:0px;font-family: "DM Sans", sans-serif;}
.registration-method .unstyled .styled-checkbox + label::before{float:left}
.registration-method .unstyled label{display:block;position:relative;z-index:1}
.registration-method .unstyled .styled-checkbox + label .registration-div{/*margin:0 50px 0 40px*/}
.registration-div h4{padding:0px;font-size:20px;color:#000!important;}
.registration-method h4{color:#00506d;text-transform: none;padding-bottom: 1rem;font-weight:400;}
.registration-div p{padding-top:0px;padding-bottom:15px;}
.registration-amount{position:absolute;top:5%;right:0px;float:right;font-weight:bold;font-family: 'Rubik', sans-serif;}
.registration-method ul li:last-child p{padding-bottom:0px;}
.registration-method ul{padding-left: 0rem;}
.registration-method li{padding-bottom: 0rem;}
ul.unstyled-pay{list-style: none;padding-left: 0rem;}
.form-floating>.form-select{font-family: "DM Sans", sans-serif;}

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

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

.styled-checkbox + label:before {content: '';border-radius: 50%;margin-right:10px;margin-left:1px;display: inline-block;vertical-align:bottom;width: 28px;height: 28px;background: #fff;box-shadow: 0 0 0 1px #ced4da;}
.styled-checkbox:hover + label:before {background:#cedcfe;box-shadow: 0 0 0 1px #464748;}
.styled-checkbox:focus + label:before {box-shadow: 0 0 0 1px #cedcfe;}
.styled-checkbox:checked + label:before {background:#464748;box-shadow: 0 0 0 1px #464748;}
.styled-checkbox:disabled + label {color: #b8b8b8;cursor: auto;}
.styled-checkbox:disabled + label:before {box-shadow: none;background: #ddd;}
.styled-checkbox:checked + label:after {content: '✓';position: absolute;left: 8px;top: 0px;background: none;width: 2px;height: 2px;color: #fff;font-size: 18px;font-weight: bold;}
/*.checkbox .styled-checkbox:checked + label:after {content:"";width:23px;height:23px;left:3px;top:3px;bottom:3px;right:3px;background:#c9b87a}*/

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

@media only screen and (max-width:1700px){
.ds-flat .ds-element{width:13%;}}

@media only screen and (max-width:1600px){
.ds-flat .ds-element{width:15%;}}

@media only screen and (max-width:1440px){
.date-time h3{font-size:20px;}
.location-time h3{font-size:23px;}
.affiliation-section{padding-top:8rem;}
.affiliation-section h1{font-size:35px;}
.chairperson-wrap p{font-size:16px;}
.conf-quick-details .counter-wrap span{font-size:20px;}
/*.welcome-note{margin-left: -15%;}*/
.speakers-details{margin-top: 1rem;}
.workshop-wrap .nav-tabs button + button{margin-left: 0px;}
.workshop-wrap .nav-tabs button {font-size:17px;}
.left-area .line-a img{width:80%!important;}
.patronage-text h2 span{font-size:23px;}
.patronage-text h2{font-size:30px;}
.left-area img{width:65%!important;}}

@media only screen and (max-width:1280px){
.left-area	{margin-top: 4%;}
.count-div{width:160px!important;}
.left-area h4{font-size:17px!important;}}

@media only screen and (max-width:1366px){
.speaker-wrap span{bottom:40%;}
.ds-flat .ds-element{width:16%;}	
.speakers-block .spkr-desc{padding-top: 120px;}
.speaker-wrap h4{font-size:17px;}
.speaker-wrap p{font-size:15px;}
.committee-wrap h4{font-size:17px;}
.committee-wrap p{font-size:15px;}	
.speakers-details-block{padding: 15px;}
.workshop-wrap .nav-tabs button {font-size:15px;}
.spk-block .spk-desc .line-a{font-size:90%;}
.speaker-wrap .cv-more a{font-size:14px;}}

@media only screen and (max-width:1024px){
.line-c a{font-size:18px;}	
.speaker-wrap p{font-size:15px;}	
.speaker-wrap h4{font-size:18px;}
/*.committee-wrap p{font-size:12px;}*/	
.committee-wrap h4{font-size:18px;}	
.speakers-details-block{padding: 10px;}	
.ds-flat .ds-element{width:18%;height: 110px;}	
.dsCountDown.ds-flat{margin-top: 2rem;}	
.left-area .line-b{margin-bottom: 2rem;}	
.date-time h3{font-size:15px;}
.location-time h3{font-size:18px;}
.speaker-block .caption-box .name{font-size:14px;}
.btn-registration{font-size:16px;}
.menu-area .navbar-expand-lg .navbar-nav .nav-link{padding-left: 0.5rem;padding-right: 0.5rem;}
/*.prog-row .time{width:30%;}*/
.left-area{margin-top: 10%;}
.speaker-wrap span{bottom: 42%;}
.speaker-wrap span{bottom: 42%;}	
.speakers-block .spkr-desc{padding-top: 85px;}
.count-div{width:130px!important;}
.prog-row .time{font-size:11px;}
.welcome-note{margin-left: 0%;}
.patronage-text h2{font-size:25px;}
.patronage-text h2 span{font-size:18px;}
.patronage-text{margin-top: 0rem;}
.count-down{top: 25%;}}

@media only screen and (max-width:768px){
.venue-section h4{font-size:18px;}	
.sponsors-wrap h4{font-size:18px;}	
.chair-conf-heading h1{font-size:35px;}
.welcome-note h3{padding-top: 1rem;}	
.date-time h3{font-size:18px;font-weight:500;}
.location-time h3{font-size:16px;font-weight:400;}
.date-time img{width:25px;}
.location-time img{width:25px;}
.conf-heading{width:100%;}
.conf-quick-details .counter-wrap span{font-size:14px;}
.conf-quick-details .counter-wrap img{width:40%;}
.prog-row .time{width:100%;}
.prog-row .doc img{width: 100%;}
.btn-registration{width:25%;font-size:14px;}
.left-area{margin-top: -35%;/*text-align: center;*/}
.flip-card{margin: 0 auto;}    
.counter-mobile{text-align: center;}
.counter-mobile .line-a img{width:50%;margin-top: 1rem;margin-bottom: 2rem;}	
.counter-mobile .line-b .date-time{display: block;}
.counter-mobile .line-b .date-time h3{color:#000;line-height: 40px;}
.right-area{margin-top: -10%;}
.page{margin-top: 0px;}
.inner-banner img{padding-top:0rem;}
.conf-heading h1{font-size:27px;}
ul#example li{margin-left: 10px!important;}
.countdown-right{margin-top: -5rem;}
.button-international-local{font-size: 20px!important;}
.program-wrap .speakers-block .spkr-img{right: auto;width: 12%;}
.prog-row .lecture{font-size:17px;}
/*.counter-mobile{display: block!important;margin-bottom:0rem;background-color: #1a2745;padding: 5rem;}*/
.counter-desktop{display: none;}
.dsCountDown.ds-flat{text-align: center;}
.ds-flat .ds-element{width:15%;height: 130px;}
.right-area img{margin-top: 1rem;}
.swiper-button-next, .swiper-button-prev{bottom:3%;}
.nav-tabs button + button{margin-left:0px!important;}
.button-container{display: grid!important;}
.nav-tabs button{margin: 5px;font-size:17px!important;}
.surgical-logo img{width: 85%!important;}
.left-area .line-a img{width:100%!important;display: none;}
/*.left-desktop-view{display: none;}*/
.prog-row.highlight-c .lecture{font-size:17px;}
.prog-row .time{text-align: left;}
.prog-row.highlight-c .lecture{font-size:16px!important;}
.padding-left-right{padding-left:3%;padding-right:3%;}
.surgical-cme-desktop{display: none;}
.surgical-cme-mobile{position: relative!important;top:-4rem!important;z-index: 999;display: none;}
.surgical-cme-mobile img{width:20%!important;margin-right: 0rem!important;float: right;}
.dsCountDown.ds-flat{margin-top: -5rem!important;}
.timer-venue ul li div span{font-size:30px!important;}
.timer-venue ul li div{min-width: 80px!important;}
.dm-event-logo{width:20%;}
.left-desktop-view{margin-top: -12rem;}
.patronage-text{margin-top: 1rem!important;}
.count-down{margin-top: -28%;}
.patronage-text h2{line-height: 30px!important;}
.cme-points{margin-top: 1rem;}
.banner-area{background-color: #060a11;padding-bottom: 0rem;}}

@media only screen and (max-width:475px){
.line-c a{border-radius: 10px;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;font-size:16px;}	
.left-area .line-a img{width:100%!important;}	
.speakers-details{margin-top: 0.5rem;text-align: center;}	
.welcome-note h3{text-align: left;/*font-size:20px!important;font-weight: 300;*/}
.welcome-note p{text-align: justify;}
.workshop-wrap h2{font-size:18px;line-height: 30px;}	
.ds-flat .ds-element-value{font-size:185%;}	
.ds-flat .ds-element-title{font-size:85%;}	
.ds-flat .ds-element{padding: 1.5rem;}	
.ds-flat .ds-element{width:22%;height: 110px;}	
.line-c-mobile{margin-top:2rem;}
.date-time{line-height: 30px;}
.date-time img{width:20px;margin-top: -10px;}	
.date-time h3{color:#000;font-weight: 600;}	
.counter-mobile{text-align: center;}	
/*.line-c-desktop{display: none!important;}	
.line-b-desktop{display: none!important;}*/	
/*.left-area .line-c{text-align: center;}*/
.left-area{text-align:center;margin-top: 35%;}	
.surgical-logo img{width:25%;}	
.left-area .line-a img{width:60%;}	
.swiper-button-next, .swiper-button-prev{display: none;}	
.right-area img{width:100%;}	
.right-area{margin-top: -10%;text-align: right;}
.banner-area .cont-holder{position: relative;}
.affiliation-section h1{font-size:25px;}
.conf-heading{width:100%;}
.chairperson-wrap{padding-top: 3rem;padding-bottom:2rem;}
.committee-wrap{padding-top: 3rem;padding-bottom:2rem;}
.program-wrap{padding-top: 3rem;padding-bottom: 2rem;}
.speaker-wrap{padding-top: 3rem;padding-bottom: 2rem;}
.sponsors-wrap{padding-top: 3rem;padding-bottom: 2rem;}
.registration-wrap{padding-top: 3rem;padding-bottom: 2rem;}
.workshop-wrap{padding-top: 3rem;padding-bottom: 2rem;}		
.speaker-block .caption-box .name{line-height: normal;}
.program-wrap li{width:100%;}
.program-wrap .nav-item .nav-link{width:100%;}
.program-wrap .nav-link{padding: 5px;}
.prog-row .time{font-size: 14px;text-align: center;border-radius:25px;}
.btn-registration{width:50%;}
.prog-row.highlight-c .lecture{font-size:15px;}
.conf-heading h1{font-size:25px!important;margin-bottom: 1.5rem;}
.padding-left-right{padding-left: 0%;padding-right: 0%;}
.counter{margin-top: 5%;}
.chairperson-wrap p{font-size:14px;font-weight: 400;}
.footer p{font-size:13px!important;}
.menu-area{padding-top: 0.5rem;padding-bottom: 0.5rem;}
.inner-banner img{padding-top:0rem;}
.prog-row.highlight-c img{width:30%;}
.workshop-wrap li{width:100%;}
.workshop-wrap .nav-item .nav-link{width: 100%;}
.highlight-c h4{font-size:18px;text-align: center;}
.box-card-flag{width: 30px!important;bottom: 10px!important;}
.speaker-block .inner-box:hover .social-links{bottom: 10px;}
.program-wrap .speakers-block .spkr-img{width:22%;}
.highlight-row-2 .lecture{font-size:15px!important;}
.prog-row .time	{width:100%;}
.highlight-col h2{font-size:28px;}
.highlight-col p{font-size:16px;}
.highlight-col h4{font-size: 18px!important;}
.left-area h4{display: none;}
.dsCountDown.ds-flat{margin-top: -3rem!important;}
.four-season-map{height:350px;}
.timer-venue ul li div{min-width:70px!important;}
.timer-venue ul li div span{font-size:30px!important;}
.surgical-cme-mobile img{width:25%!important;float: none;}
.counter-mobile{margin-bottom: 0rem;padding: 0rem;}
.surgical-cme-mobile{top: 0rem!important;}
/*.left-area .line-c{text-align: center;}*/
/*.cont-holder{background-color: #1a2745;}*/
.timer-venue ul{justify-content: center!important;}
.chairperson-wrap h1{font-size:30px;}
.speaker-wrap h1{font-size:30px;}
.program-wrap h1{font-size:30px;}
.workshop-wrap h1{font-size:30px;}
.registration-wrap h1{font-size:30px;}
.sponsors-wrap h1{font-size: 30px;}
.registration-div h4{font-size:17px;}
.support h3{font-size:19px;}
.float-whatsapp{font-size:13px;}
.chair-name h5{font-weight: 300;}
.bg-holder-msg img{width: 50%!important;opacity: 0.5!important;}
.chairperson-wrap p{width:100%;}
.program-wrap h2{font-size:20px;}
.lecture span{display: none;}    
.docname span{display: none;}
.prog-row .docname{font-size: 15px!important;color: #3c7653!important;}
.menu-area .navbar-expand-lg .navbar-nav .nav-link{font-size:16px;border-bottom: 1px solid #f5f5f5;padding: 15px;}
.dm-event-logo{width:40%!important;}
.prog-row .doc img{width:100%!important;}
.moderator span{display: none;}
.count-down{right: 3rem;width:100px;}
.count-down ul li > div{padding: 0.5rem;}
.count-down ul li h2{font-size:18px;}
.count-down ul li p{font-size:14px;}
.left-area .line-c{text-align: left;margin-top: 2rem;}
.patronage-text h2{font-size:16px!important;}
.patronage-text h2 span{font-size:14px!important;}
.count-down{margin-top: -28%;}}

@media only screen and (max-width:375px){
.ds-flat .ds-element{width:23%;height: 100px;}	
.ds-flat .ds-element-value{font-size:170%;}	
.ds-flat .ds-element-title{font-size:70%;}	
.highlight-row-2 .lecture{font-size:16px;}
.spkr-desc .line-a{font-size:14px!important;}
.speaker-wrap span{bottom:45%;}
.committee-wrap span{bottom:45%;}	
.speakers-block .spkr-desc{padding-top: 40px!important;}
.chair-conf-heading h1{font-size:22px!important;}
.chair-conf-heading span{font-size:14px!important;}
.welcome-note h3{font-size:20px!important;}
ul#example li p{font-size:12px!important;}
.spk-block .cv-more a{font-size:13px;}
.flag-img{bottom:40%;}
.chair-col-section-details{margin-top: 0rem;}}

@media only screen and (max-width:360px){
.speakers-block .spkr-desc {padding-top: 35px !important;}
.speaker-wrap span{bottom:45%;}
.committee-wrap span{bottom:45%;}	
.chair-conf-heading h1{font-size:19px!important;}
.welcome-note h3{font-size:17px!important;}
.flag-img{bottom:53%;}}	


.box-card-flag {right:0%;transform: translateX(-50%);width: 40px;bottom: 25px;z-index: 5;position: absolute;}
.footer p{font-size:15px;font-weight:500;font-family: "DM Sans", sans-serif;}



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


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

@media only screen and (max-width:1366px){
.date-time-workshop h3{font-size:20px;}
ul#example li{margin-left:20px;}}

@media only screen and (max-width:1280px){
.date-time-workshop h3{font-size:19px;}
.affiliation-section{padding-top: 10rem;}}

@media only screen and (max-width:768px){
.date-time-workshop h3{text-align: center;display: block;}
.affiliation-section{padding-top: 12rem;}
.line-b-mobile{display: none;}
.line-c-mobile{display: none;}
ul.navbar-nav{background: none;}
.mob-logo{display: block!important;}
.line-b-mobile{display: block;}
.line-c-mobile{display: block;margin-top: 2rem;}
/*.left-desktop-view{display: none!important;}*/
.about-surgical-content p{font-size:16px!important;}
.slide-desktop{display: none;}
.slide-mobile{display: block!important;}
/*.surgical-cme{display: block!important;}*/
.surgical-cme img{width:18%;}
.ds-flat .ds-element-value{margin-top: 1rem;}
.listings-audience li{font-size:16px;}}

@media only screen and (max-width:475px){
.surgical-logo{margin-top: 3rem!important;}	
.surgical-logo img{width:60%!important;}
.date-time-workshop img{display: none;}
.affiliation-section{padding-top: 3rem;}
.date-time-workshop h3{font-size:16px;}
.speaker-block .caption-box .name{font-size:13px;}
.program-wrap .nav-item .line-a{font-size:110%;}	
.workshop-wrap .nav-item .line-a{font-size:110%;}
.prog-row .doc img{float: none;}
.onoffcanvas h3{font-size:20px!important;}
.onoffcanvas p{font-size:14px!important;}
.close-button{top:0%!important;}
.chair-conf-heading h1{font-size:26px;}	
.chair-conf-heading span{font-size:18px;}
ul#example li span{font-size:25px;}
ul#example li{margin-left: 0px!important;}
.count-div{width: 85px!important;}
ul#example li p{font-size:14px;}
/*.banner-area .cont-holder{background-color: #002b25;}*/
.countdown-right{margin-top: 0rem;}
.nav-tabs button + button {margin-left: 0%!important;}
.button-international-local{width: 100%!important;}
.spkr-desc .line-a{font-size:15px;}
.spkr-desc .line-b{font-size:12px;}
.speaker-wrap .cv-more a{font-size:11px;}
.speakers-block .spkr-desc{padding-top: 50px;}
.speaker-wrap span{bottom: 45%;}	
.welcome-note h3{padding-top: 1rem;font-size: 25px;}
h2.conf-work-head span{font-size:18px;font-weight:400;}
.highlight-col h2{font-size:25px!important;}
.highlight-col p{font-size:16px!important;}
.highlight-conference-col h4{font-size:18px!important;}
.target-speciality h4 {font-size: 17px!important;}
.ds-flat .ds-element-value{margin-top: 0rem;}
.surgical-cme img {width: 22%;}
.counter-mobile .line-a img{width:65%;margin-bottom: 1rem;}
.listings-audience li{list-style: disc!important;font-size: 14px!important;}
.speciality{text-align: left!important;}
ul.listings-audience{padding-left: 2rem!important;}
.counter-mobile h4{display:block!important;font-size:16px;line-height: 30px;}}

@media only screen and (max-width:375px){
.speaker-block .social-links li a{font-size:12px;}
.footer p{font-size:13px;}
.target-speciality h4 {font-size: 14px!important;}
.target-speciality img{width:50%;}}


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


@media (min-width: 2500px) and (max-width: 2560px){
.right-area img{margin-top: 0rem;margin-left: 0rem;}}	

@media (min-width: 2008px) and (max-width: 2100px){
.right-area img{margin-top: 13rem;margin-left: 7rem;}}

/*@media only screen and (max-width:1800px){
.right-area img{margin-top: 11.5rem;margin-left:6rem;}}*/



.accordion-main nav{margin-bottom:3rem;margin-top:3rem;}
.accordion-main .nav-tabs{border-bottom:none;display:flex;margin:0 auto;justify-content:center;}
.nav-tabs button{font-size:20px;border:none;background:none;text-transform:uppercase;cursor:var(--white);padding:0.6rem 0;font-weight:500;color:var(--white);padding: 15px;background-color: #a9a9a9!important;}
.nav-tabs button + button{margin-left:15px;}
.nav-tabs button.active{color:#fff;font-weight:500;background: linear-gradient(90deg, rgb(0 0 0) 30%, rgb(232 91 23) 100%) !important;padding: 15px;}

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

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

@keyframes flikering {
	0% {opacity:0}
	1% {opacity:1}
	2% {opacity:0}
	3% {opacity:1}
	4% {opacity:0}
	30% {opacity:1}
	40% {opacity:0}
	51% {opacity:0}
	52% {opacity:1}
	53% {opacity:0}
	54% {opacity:1}
	55% {opacity:0}
	56% {opacity:1}
	57% {opacity:0}
	70% {opacity:1}
	100% {opacity:0}
}

.prog-row				{padding: 0.5rem; /*border: 1px solid #ebebeb;*/margin-bottom: 0.25rem; border-radius: 0.25rem;width:100%;}
.prog-row:last-child	{margin-bottom: 0;}
.prog-row .time			{color:#000;font-weight: 500;text-transform: uppercase;}
.prog-row .doc			{}
.prog-row .doc img 		{/*max-width: 100px;*/width: 50%;background: linear-gradient(90deg, #000000 0%, #959697 50%);}
.prog-row .lecture		{font-weight: 500; font-size: 100%;color:#fff;}
.prog-row .docname		{font-weight: 500; font-size: 16px;color:#000;}
.prog-row .topics		{color: #ccffcc;}
.prog-row .short-course	{color: #000000;}
.prog-row .play			{font-size: 200%;}
.prog-row .play a		{color: var(--blue-color); display: inline-block;}
.prog-row .play a:hover	{color: var(--pink-color);}
.prog-row.highlight-a	{background-color: #e8e8e8; border-color: #d5d1ee;}
.prog-row.highlight-b	{background-color: #4c4c4c; border-color: #4c4c4c; color: #FFFFFF;}
.prog-row.highlight-a .docname {color: #FD226A;}
.prog-row.highlight-b .docname {color: #FFFFFF;}
/*.prog-row .doc img		{border-radius: 100%;}*/
.highlight-row-1{background-color: #fff;}
.highlight-row-2{background-color: #d8f2ee;text-align: center;}
/*****PROGRAM_SECTION CSS ENDS HERE********/

.jahra-circle {position: relative;z-index:1;}
.jahra-circle img{animation:rotation linear 50s infinite;width:40%;right:10%;margin-top: 5%;position: absolute;}
.jahra-circle img{}
@keyframes rotation{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}

.circle-main{position: absolute;z-index:1;right: 0;width: 50%;}
.circle-main img{width:100%}
.circle-div{position:absolute;left:13.6733586544%;top:15.931372549%;width:59.6852957135%;z-index:15;display:block}
.circle-div svg{width:100%;opacity: 0.1;}
/*.circle-div path:hover{fill:red}*/
.logo-div{width:100%;padding-bottom:28.91%;height:0;top:50%;transform:translate(-50%,-50%);left:50%;border-radius:50%;/*background:green;*/position:absolute;z-index:9;display:flex;align-content:center;align-items:center;/*border:3px solid #fff;background: linear-gradient(232deg, rgba(212,217,219,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);*/transition:all 0.5s ease-out 0s}
.logo-div img{width:65%;top:50%;transform:translate(-50%,-50%);left:50%;position:absolute;z-index:9;}
.logo-div:hover{transform:translate(-50%,-50%) scale(1.15);}
.c2,.c3,.c4,.c5,.c6{position:absolute;z-index:1;border-radius:50%;display:block;transform-origin:center}
.c2{width:75.8545849159%;left:5.66852957135%;top:6.52207261243%;animation:rotation linear 70s infinite;opacity:0.5;  /*border:1px solid green;*/}
.c3{width:50.6782419967%;left:18.2311448725%;top:20.931769775%;animation:rotation linear 35s infinite;opacity:0.5;/*border:1px solid blue;*/}
.c4{width:68.5219750407%;left:9.200759631%;top:10.673577%;animation:rotation linear 50s infinite;opacity:0.5;/*border:1px solid red;*/}
.c5{width:38.5241454151%;left:24.3337493218%;top:27.702003%;animation:rotation linear 15s infinite;/*border:1px solid yellow;*/}
.c6{width:44.6011937059%;left:21.352632%;top:24.271234%;animation:rotation linear 25s infinite;/*border:1px solid orange;*/display:block }
.circle-button-main.paused .c2,.circle-button-main.paused .c3,.circle-button-main.paused .c4,.circle-button-main.paused .c5,.circle-button-main.paused .c6{animation-play-state:paused;}
@keyframes rotation{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
.circle-div .cls-1{fill:url(#linear-gradient);}
.circle-div .cls-2{fill:url(#linear-gradient-2);}
.circle-div .cls-3{fill:url(#linear-gradient-3);}
.circle-div .cls-4{fill:url(#linear-gradient-4);}
.circle-div .cls-5{fill:url(#linear-gradient-5);}

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

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

@media only screen and (max-width:475px){   
.bg-holder-desktop{display: none;}
/*.bg-holder-mobile{display: block;}*/
.left-area-desktop{display: none;}
.left-area-mobile{display: block;}
/*.banner-area .cont-holder{margin-top: -100%;}*/
.left-area-mobile h3{color:#000;}
.left-area .line-b{display: inline-block;}
.left-area .line-c{margin-top:2rem;}
.timer-venue{margin-top: 3rem;}
.calendar-countdown{font-size:20px;}
.flip-front, .flip-back{font-size:50px;}
.cme-points{display: none;}
.cme-points-mobile{display: block!important;padding-top: 15px;padding-bottom: 10px;text-align: center;}
.cme-points-mobile h3{color:#fff;text-align: center;}
.lux-days-horizontal{margin-top: -7rem;}}

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

.counter-mobile{display: none;}

.highlight-col h4{font-size:25px;font-weight: 600;}
.highlight-col p{font-size:20px;font-weight: 600;}
.button-container{border-bottom: 0px;}
.highlight-col h2{font-size:35px;}
.highlight-conference-col{background-color:#0d3166;padding:15px;height:100%;}
.highlight-conference-col h4{color:#00baff;font-size:20px;}
.highlight-conference-col p{color:#fff;font-size:16px;}
.highlight-conference-col span{color:#fff;padding-left: 1rem;font-size:16px;}
.conf-spkr img{width:19%;}

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



/*.registration-method {background-color: #fff;padding: 15px;text-align: left;height: 100%;}*/
.registration-method .unstyled .styled-checkbox + label .registration-div {margin: 0 0 0 40px;}
.form-floating>.form-select~label{text-align: left;}
.form-floating{text-align: left;}
span.reg-price{font-family: "Outfit", sans-serif;}

.poster-page{padding-top:3rem;padding-bottom:3rem;background-color:#fff;}
.list-aim{line-height:30px;font-size:15px;font-weight:500;}

.file-upload                                                          {background-color: #ffffff;width: 100%;margin: 0 auto;padding: 20px;}
.file-upload-btn                                                      {width: 100%;margin: 0;color: #fff;background: #525252;border: none;padding: 10px;transition: all .2s ease;
	                                                                  outline: none;text-transform: uppercase;font-weight: 500;}

.file-upload-btn:hover                                                {background: #000;color: #ffffff;transition: all .2s ease;cursor: pointer;}
.file-upload-btn:active                                               {border: 0;transition: all .2s ease;}
.file-upload-content                                                  {display: none;text-align: center;}
.file-upload-input                                                    {position: absolute;margin: 0;padding: 0;width: 100%;height: 100%;outline: none;opacity: 0;cursor: pointer;}
.image-upload-wrap                                                    {margin-top: 20px;border: 4px dashed #525252;position: relative;}

.image-dropping,
.image-upload-wrap:hover                                              {background-color: transparent;border: 4px dashed #525252;}
.image-title-wrap                                                     {padding: 0 15px 15px 15px;color: #222;}
.drag-text                                                            {text-align: center;}
.drag-text h3                                                         {font-weight: 100;color: #525252;padding: 60px 0;}
.file-upload-image                                                    {max-height: 100%;max-width: 100%;margin: auto;padding: 20px;}
.remove-image                                                         {width: 50%;margin: 0;color: #fff;background: #525252;border: none;padding: 10px;border-radius: 4px;
	                                                                  border-bottom: 4px solid #525252;transition: all .2s ease;outline: none;text-transform: uppercase;font-weight: 500;}
.remove-image:hover                                                   {background: #525252;color: #ffffff;transition: all .2s ease;cursor: pointer;}
.remove-image:active                                                  {border: 0;transition: all .2s ease;}

h5.note                                                               {color: #ed952b;font-weight: 400;margin-top: 1.5rem;}
.submit-abstract                                                      {background-color:#525252;color:#fff;padding:10px;text-decoration: none;}
.submit-abstract:hover                                                {background-color:#525252;color:#fff;padding:10px;}


.registration-div span{font-weight:600;font-size:20px;display:block;padding-left:0px;color:#000;}
/*span.reg-price{color:#96ffe8;}*/

.poster-page .form-label{margin-top:1rem;}
.modal-body h6{font-size:18px;color:#193867;font-weight:600;}

span.pharmacy-nursing{font-size:15px;font-weight: 500;display: block;}

.surgical-logo{margin-top: -2rem;margin-bottom: 1rem;}
.surgical-logo img{width:60%;}
.left-area .line-a img{width:90%;}

@media only screen and (max-width:1440px){
.surgical-logo{margin-top: 0rem;margin-bottom: 1rem;}
.surgical-logo img{width:40%;}
.menu-area .navbar-expand-lg .navbar-nav .nav-link{font-size:12px;}
.dsCountDown.ds-flat{margin-top: 2rem;}}


.speakers-img img{width:100%;}

.mob-logo{text-align: center;display: none;}
.mob-logo img{width:90%;}

.highlight-session-shaping{background: linear-gradient(45deg, rgb(96 203 235) 0%, rgb(15 83 161) 100%)!important;}
.highlight-session-shaping .time{background-color:transparent!important;}
.highlight-session-shaping h2{color:#fff;}
.highlight-session-shaping p{color:#fff!important;}

.target{padding-top:2rem;padding-bottom:2rem;}

.target-speciality{background-color: #e9e9e96b;border-top-left-radius: 25px;border-bottom-right-radius:25px;padding: 15px;position: relative;}
.target-speciality img{width:30%;}
.target-speciality h4{font-size:19px;}

.about-surgical{padding-top:2rem;padding-bottom:2rem;}
.about-surgical h1{margin-bottom:2rem;}
.speaker-block				{overflow: hidden; position: relative;}
.speaker-block .speaker-shadow	{position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; z-index: 10;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,49,123,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,49,123,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,49,123,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00317b',GradientType=0 );}
.speaker-block .speaker-desc			{position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 1rem; text-align: center; z-index: 11;}
.speaker-block .speaker-desc .line-a	{font-size: 125%; font-weight: 600; color: #FFFFFF; }
.speaker-block .speaker-desc .line-b	{margin-bottom: 1rem;}

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

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

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

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

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


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



.about-surgical-content p{font-size:20px;font-weight:500;line-height:30px;text-align: justify;}

.workshop-wrap .nav-tabs button {font-size:17px;}
.listings-audience li{font-size:17px;font-weight:500;list-style: none;}
h4.target-audience{margin-top:1rem;margin-bottom:1rem;}
.slide-mobile{display:none;}
.surgical-cme img{width:100%;}
.surgical-cme{position: absolute;right: 5rem;}
/*.surgical-cme{display:none;}*/


@media only screen and (max-width:1700px){
.surgical-cme {right: 3rem;top: -1rem;}
.surgical-cme img{width:90%;}}

@media only screen and (max-width:1600px){
.surgical-cme {right: 2rem;}
.surgical-cme img{width:80%;}}

@media only screen and (max-width:1500px){
.surgical-cme {right: 1rem;}}

@media only screen and (max-width:1440px){
.surgical-cme {right: 0.5rem;}}

@media only screen and (max-width:1366px){
.surgical-cme {right: 0rem;}
.surgical-cme img{width:75%;}}

@media only screen and (max-width:1326px){
.surgical-cme img{width:70%;margin-right: -1rem;}}


@media only screen and (max-width:1024px){
.surgical-cme img{margin-right: -5rem;}}


.speciality{background-color: #dfc573;padding: 10px;text-align: center;border-radius:5px;margin-bottom:1rem;}
ul.listings-audience{padding-left:0rem;}


.venue-section{padding-top: var(--def-padding);padding-bottom: var(--def-padding);/*background-image: url("../images/program-back.jpg");background-position: top center;*/}
.hotel-row li{font-size:18px;font-weight:500;line-height:30px;}
.venue-section h4{color:#000;}


.about-surgical-content{margin-top:10rem;padding-left: 8%;padding-right: 8%;}

@media only screen and (max-width:768px){
.about-surgical-content {margin-top: 0rem;padding-left:0%;padding-right: 0%;}
.program-head p{font-size:16px;}
.hotel-row li{font-size:16px;}
.bg-holder{display: none;}
.bg-holder-mobile{display: block;}}

.conf-videos h5{text-align: center;}

.bottom-tag {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #e4c858;color: #000;text-align: center;padding-top:10px;font-size: 18px;z-index: 1000;}
.close-btn {position: absolute;top: 5px;right: 20px;background-color: #020b28;color: white;border: none;border-radius: 50%;font-size: 18px;cursor: pointer;padding: 5px 12px;}

.left-area h4{color:#e4c858;font-weight:500;margin-top:1rem;margin-bottom:2rem;font-size:18px;}
.counter-mobile h4{display:none;}

.lecture span{color:#fff;font-size:15px;padding-left:5px!important;padding-right:5px!important;padding-top:3px!important;padding-bottom:3px!important;font-weight: 500;padding:5px;background-color:#0a0a0a;}
.docname span{color:#fff;font-size:15px;padding-left:5px!important;padding-right:5px!important;padding-top:3px!important;padding-bottom:3px!important;font-weight: 500;padding:5px;background-color:#0a0a0a;}
.moderator span{color:#fff;font-size:15px;padding-left:5px!important;padding-right:5px!important;padding-top:3px!important;padding-bottom:3px!important;font-weight: 500;padding:5px;background-color:#0a0a0a;}
.prog-row .moderator {font-weight: 500;font-size: 15px;color: #000;}



.timer-venue{top:50%;left:50%;/*transform:translate(-50%,-50%);*/width:100%;margin-bottom: 2rem;}
.timer-venue ul{display:flex;align-items:center;justify-content: start; color:var(--white);list-style-type:none;/*margin:0;*/padding:0;width:100%;} 
.timer-venue ul li div{ text-align:center;min-width:120px;}
.timer-venue ul li div span{font-size:70px;font-weight:bold;
    @supports (-webkit-text-stroke: 1px white) {
        color: transparent;
        -webkit-text-stroke: 1px black;
    }
}
.timer-venue p{color:#000;}

.w-details p{color:#fff;}
.payment-div ul.conf-listings{padding-left:2rem;margin-bottom: 1rem;}
.payment-div h6{color:#fff;}
.payment-div ul.conf-listings li{font-size:16px;line-height:30px;color:#fff;}



h6.workshop-name{font-size:1.3rem;}
h6.workshop-name span{font-size:17px;margin-top: 1rem;margin-bottom: 1rem;font-weight: 400;}
.table-responsive td{color:#fff!important;}
.table-responsive th{color:#000;}
.table-responsive li{color:#fff;}

.bg-holder-msg img{position:absolute;right:0;width:12%;}
.bg-holder-msg{display: none;}

.doctor-card {/*background: linear-gradient(90deg, #cbcbcb 0%, #d9d8d8 50%);*/text-align: center;position: relative;/*border-radius: 5px;*//*height: 370px;*//*padding-bottom:0.5rem;*/}
.flag-icon {position: absolute;top: 10px;right: 10px; width: 40px;height: 40px;border-radius: 50%;z-index:99;}
.doctor-photo {position: relative; margin: 0 auto;/*width: 120px;height: 120px;*/overflow: hidden;/*background: linear-gradient(90deg, #000000 0%, #959697 50%);*/}
.doctor-photo img {width: 100%;height: 100%;object-fit: cover;}
.plus-icon {position: absolute;top: 10px;right:10px;background-color: #007bff;color: #fff;border-radius: 50%;font-size: 1.8em;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;float: right;z-index:99;}
.doctor-name {color: #ffbc47;font-size: 1.5em;font-weight: 500;}

.scrolling-text {display: inline-block;white-space: nowrap;animation: scroll-left 10s linear infinite;font-size: 1.2rem;}

@keyframes scroll-left {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* Optional glow effect */
.updating {border-top: 2px solid #629f7a;border-bottom: 2px solid #629f7a;background: #fff9e6;}

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

.calendar-icon {/*text-align: center;*//*padding: 15px 20px;*//*position: absolute;margin-left: 15rem;margin-top:3rem;*/}
.calendar-flip {perspective: 1000px;height: 60px;margin-bottom: 8px;letter-spacing:5px;}
.flip-card { width: 80px;height: 60px;/*margin: 0 auto;*/position: relative;animation: flip 3s infinite ease-in-out;transform-style: preserve-3d;}
.flip-front, .flip-back {position: absolute;backface-visibility: hidden; width: 100%;height: 100%;border-radius: 8px;font-size: 55px;font-weight: bold;line-height: 60px;color: #000;}
.flip-front {transform: rotateX(0deg);}
.flip-back {transform: rotateX(180deg);}
.calendar-countdown {font-size: 25px;color: #000;animation: fadeSlide 3s infinite;margin-top: -15px;}

@keyframes flip {
  0%   { transform: rotateX(0); }
  49.99% { transform: rotateX(179.99deg); }
  50% { transform: rotateX(180deg); }
  100% { transform: rotateX(360deg); }
}

@keyframes fadeSlide {
  0%   { opacity: 0; transform: translateY(10px); }
  50%  { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-10px); }
}
.left-mobile-view{display: none;}

@media only screen and (max-width:768px){
.left-area .line-a{margin-bottom: 0rem;}
.timer-venue{margin-bottom: 2rem;margin-top:3rem;}
.banner-area .cont-holder{position: relative;}
.menu-area .navbar-expand-lg .navbar-nav .nav-link{color:#000;font-size:16px;}
.menu-area .navbar-expand-lg .navbar-nav .nav-link{border-bottom:1px solid #9f9f9f;border-radius:0px;}
.offcanvas-menu-conf{background: linear-gradient(125deg, #fdc68d, #fdc68d);}}

@media only screen and (max-width:475px){
.left-mobile-view{display: block;}
.left-desktop-view img{display: none;}
.flip-card{margin: 0 auto;}}


h1.title-texturer{text-align:center!important;text-transform: uppercase;font-size:55px;font-weight:500; /*font-family: "Playwrite NZ Basic", cursive;*/}
h1.title-texturer span{color:#000;}
.speakers-wrap h1 span{color:#fff;}
.speakers-wrap h1{color:#fff!important;}
h3.title-texturer{color:#69299c;}
.welcome-note h5{color:#9b2b93;}
.border-note{border-color: rgb(12 114 104) !important;}


/* Section wrapper */
.objectives-block {
    background: radial-gradient(circle at top left, rgba(13,110,253,0.14), transparent 55%),
                radial-gradient(circle at bottom right, rgba(25,135,84,0.14), transparent 55%);
    border-radius: 1.5rem;
    padding: 2rem 1.5rem;
    border: 1px solid rgba(255,255,255,0.3);
    backdrop-filter: blur(6px);
}

/* Accordion base */
.obj-accordion .accordion-item {
    border-radius: 1.25rem !important;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(255,255,255,0.96);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.obj-accordion .accordion-item + .accordion-item {
    margin-top: 0.85rem;
}

.obj-accordion .accordion-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
    border-color: rgba(37, 99, 235, 0.35);
}

/* Header button */
.obj-accordion .accordion-button {
    font-size: 1.05rem;
    font-weight: 600;
    padding: 0.9rem 1.2rem;
    background: transparent;
    color: #0f172a;
    gap: .65rem;
}

.obj-accordion .accordion-button:focus {
    box-shadow: none;
}

.obj-accordion .accordion-button:not(.collapsed) {
    background: linear-gradient(90deg, rgba(37,99,235,0.06), rgba(16,185,129,0.05));
    color: #0f172a;
}

/* Number pill + icon */
.obj-label-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 700;
    background: #0f172a;
    color: #f9fafb;
    flex-shrink: 0;
}


/* Text area */
.obj-accordion .accordion-body {
    font-size: 0.97rem;
    line-height: 1.65;
    padding: 0.9rem 1.2rem 1.1rem 1.2rem;
    border-left: 4px solid var(--note-color, #0d6efd); /* your border-note color */
}

/* Custom caret (plus/minus style) */
.obj-accordion .accordion-button::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
}

.cme-points{margin-top: 2rem;}
.cme-points h3{color:#fff;text-align: center;}
.patronage-text{text-align: center;margin-top:0rem;}
.patronage-text h2{color:#dcbc81;font-family: "Playwrite NZ Basic", cursive;line-height: 3rem;font-weight: 400;}
.patronage-text h2 span{display: block;font-weight: 900;color: #fff;}

.ministry-logos-col {position: relative;display: flex;align-items: center;justify-content: center;padding: 16px 12px;}

/* Vertical divider */
.ministry-logos-col::after {content: "";position: absolute;right: -12px;top: 15%;height: 70%;width: 1px;background: rgb(209 78 28);}

/* Remove divider from last item in row */
.col-lg-2:last-child .ministry-logos-col::after {display: none;}

/* Tablet fix */
@media (max-width: 991px) {
.col-md-4:nth-child(3n) .ministry-logos-col::after {display: none;}}

/* Mobile fix */
@media (max-width: 575px) {
.ministry-logos-col::after {display: none;}}






/* Venue icon block */
/* Scoped theme */
/* ===== Venue Full ===== */
.venueFull{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background: linear-gradient(180deg, #f4f7ff, #f4f7ff);}
.venueFull-image img{width:100%;height:420px;object-fit:cover;display:block;}
.venueFull-info{box-shadow: 0 16px 40px rgba(0,0,0,.08);/*background: linear-gradient(180deg, #733083, #000);*/background-color: #38263e;}
.venueFull-row{display:flex;gap:12px;margin-bottom:14px;font-weight:600;color:#fff;}
.venueFull-row i{color:#d5b677;font-size:18px;margin-top:2px;}
.venueFull-row a{color:#d5b677;text-decoration:none; }
.venueFull-map{box-shadow: 0 16px 40px rgba(0,0,0,.08);/*background: linear-gradient(180deg, #733083, #000);*/background-color: #38263e;}
.venueFull-mapWrap{height:750px;}
.venueFull-mapWrap iframe{width:100%;height:100%;border:0;}
.venueFull-support{background: linear-gradient(135deg, rgba(47,79,162,.06), rgba(25,135,84,.05));box-shadow: 0 16px 40px rgba(0,0,0,.08);}
.venueFull .btn-outline-secondary{color:#fff;border-color:#fff;}
.venueFull h3{color:#fff;font-family: "Inter", sans-serif;}
.venueFull h4{color:#000!important;font-family: "Inter", sans-serif;}
.venueFull h5{color:#d5b677!important;}
/* Mobile */
@media (max-width:576px){.venueFull-image img,.venueFull-mapWrap{height:280px;}}

/* ===== SupportX (scoped) ===== */
.supportX .card{/*background: linear-gradient(90deg, rgba(230, 205, 149, 1) 0%, rgba(195, 147, 82, 1) 50%);*/border: 1px solid rgba(16,24,40,.08);}
.supportX h3{color:#d5b677!important;}
.supportX .text-muted{color:#d5b677!important;}
.supportX-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;    background: rgb(0 0 0 / 14%);color:#fff;font-size:22px;flex-shrink:0;}
.supportX-kicker{font-size:15px;font-weight:900;letter-spacing:.12em;color:#fff;opacity:.9;}
.supportX-meta{display:flex;flex-wrap:wrap;gap:10px;}
.supportX-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background: rgba(255,255,255,.75);border: 1px solid rgba(16,24,40,.08);font-weight:700;
font-size:13px;color:#344054;}
.supportX-btn{font-weight:900;box-shadow: 0 12px 25px rgba(25,135,84,.18)}
.supportX-number{font-weight:800;font-size:14px;opacity:.95;}

/* Mobile tweak: center */
@media (max-width: 991.98px){
.supportX .card-body{text-align: center;}
.supportX .d-flex{justify-content: center;text-align: left; /* keeps text readable */}
.supportX-meta{justify-content: center;}}
/* Right CTA container */
.supportX-cta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;}

/* WhatsApp CTA card */
.supportX-wa{background:#25D366;color:#fff;padding:14px 20px;border-radius:18px;text-decoration:none;box-shadow:0 12px 28px rgba(37,211,102,.35);transition:transform .25s ease, box-shadow .25s ease;}
.supportX-wa i{font-size:28px;}
/* Text */
.supportX-wa-label{font-size:14px;font-weight:800;letter-spacing:.03em;}
.supportX-wa-number{font-size:15px;font-weight:700;opacity:.95;}
/* Hover */
.supportX-wa:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(37,211,102,.45);color:#fff;}

/* Hint text */
.supportX-hint{font-size:12px;color:#d5b677;}

/* Mobile center */
@media (max-width: 991.98px){
.supportX-cta{align-items:center;text-align:center;}}


/* Base card background stays premium */
.supportX-card{border: 1px solid rgba(16,24,40,.08);}

/* WhatsApp CTA (shared) */
.supportX-wa{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  max-width: 360px;
  padding:12px 16px;
  border-radius:18px;
  text-decoration:none;
  background:#25D366;
  color:#fff;
  box-shadow:0 12px 28px rgba(37,211,102,.28);
  font-weight:800;
}

.supportX-wa i{ font-size:26px; }
.supportX-wa-label{ font-size:14px; font-weight:900; line-height:1.1; }
.supportX-wa-number{ font-size:14px; font-weight:800; opacity:.95; }

/* Desktop right CTA: allow inline sizing */
.supportX-wa--desktop{
  width: fit-content;
  margin-left:auto;
}

/* Pills */
.supportX-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.supportX-pill{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(16,24,40,.08);
  font-weight:700;
  font-size:13px;
  color:#344054;
}

/* --- MOBILE OPTIMIZATION --- */
@media (max-width: 576px){

  /* reduce big padding, tighten layout */
  .supportX-card .card-body{
    padding: 18px !important;
  }

  /* center + better stacking */
  .supportX-head{
    align-items:flex-start;
  }

  .supportX-copy h3{
    font-size: 18px;
  }

  .supportX-kicker{
    font-size: 11px;
    letter-spacing: .10em;
  }

  /* CTA: full width and centered */
  .supportX-cta{
    display:flex;
    justify-content:center;
  }
  .supportX-wa{
    max-width: 100%;
    justify-content:center;
    text-align:left;
  }

  /* pills become smaller and centered */
  .supportX-meta{
    justify-content:center;
    gap:8px;
  }
  .supportX-pill{
    font-size:12px;
    padding:7px 10px;
  }

  /* optional: if still feels busy, hide pills on very small */
  /* .supportX-meta{ display:none; } */
}

.abstract-wrap h4{color:#000;font-weight:500;}
.abstract-wrap h3{color:#000;font-weight:500;}
.abstract-wrap h5{color:#000;font-weight:500;}

  .agendaSlot{
    position: relative;
    border-radius: 22px;
    padding: 14px 14px 16px;
    background: radial-gradient(1200px 200px at 20% 0%, rgba(0,0,0,.05), transparent 60%),
                linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 14px 40px rgba(0,0,0,.08);
    overflow: hidden;
  }
  .agendaSlot:before{
    content:"";
    position:absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.05));
  }

  /* ======= HEADER ======= */
  .agendaHead{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    padding-bottom: 10px;
    border-bottom: 1px dashed rgba(0,0,0,.12);
  }
  .agendaTime{
    display:inline-flex;
    align-items:center;
    padding: .55rem .9rem;
    border-radius: 999px;
    background: rgba(255,255,255,.9);
    border: 1px solid rgba(0,0,0,.10);
    font-weight: 900;
    letter-spacing: .3px;
  }
  .agendaBadges{ display:flex; gap:8px; flex-wrap:wrap; }

  .chip{
    display:inline-flex;
    align-items:center;
    padding:.38rem .72rem;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 700;
    border: 1px solid rgba(0,0,0,.10);
    background:#f8f9fa;
    white-space: nowrap;
  }
  .chip-outline{
    background: transparent;
  }
  .chip-soft{
    background: rgba(0,0,0,.03);
  }

  /* ======= SESSION CARD ======= */
  .agendaCard{
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    padding: 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,.07);
    transition: transform .16s ease, box-shadow .16s ease;
    position: relative;
  }
  .agendaCard:hover{
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0,0,0,.10);
  }

  .agendaTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom: 10px;
  }
  .hallTag, .trackTag{
    display:inline-flex;
    align-items:center;
    padding:.32rem .65rem;
    border-radius:999px;
    font-size:.82rem;
    font-weight:800;
    border:1px solid rgba(0,0,0,.10);
    background:#f8f9fa;
  }
  .hall-salmiya{ }
  .hall-jabriya{ }

  .agendaTitle{
    font-weight: 500;
    letter-spacing: .1px;
    line-height: 30px;
	 margin-top: 10px; 
	color:#15678d;
  }

  /* ======= SPEAKER CARD ======= */
  .speakerCard{
    display:flex;
    align-items:center;
    gap:12px;
    padding: 10px 10px;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,.08);
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
  }
  .speakerImg{
    width: 58px;
    height: 58px;
    /*border-radius: 16px;
    object-fit: cover;
    border: 1px solid rgba(0,0,0,.12);
    box-shadow: 0 10px 20px rgba(0,0,0,.10);
    background: #fff;*/
  }
  .speakerName{
    font-weight: 900;
    line-height: 1.2;
  }
  .speakerRole{
    font-size: .86rem;
    color: rgba(0,0,0,.60);
    font-weight: 600;
    margin-top: 2px;
  }
  .speakerIcon{
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(0,0,0,.03);
    font-size: 1.15rem;
  }

  .agendaMeta{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top: 10px;
    font-size: .88rem;
    color: rgba(0,0,0,.62);
    font-weight: 600;
  }
  .dotSep{
    width:5px; height:5px; border-radius:50%;
    background: rgba(0,0,0,.25);
    display:inline-block;
  }

  /* MOBILE FINISH */
  @media (max-width: 576px){
    .agendaSlot{ border-radius: 18px; padding: 12px; }
    .agendaCard{ border-radius: 16px; padding: 12px; }
    .agendaTitle{ font-size: 1.05rem; }
    .speakerImg{ width: 54px; height: 54px; border-radius: 15px; }
  }

  .slotCol{
    border-radius: 22px;
    border: 1px solid rgba(0,0,0,.08);
    background: radial-gradient(1200px 200px at 20% 0%, rgba(0,0,0,.05), transparent 60%),
                linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    box-shadow: 0 14px 40px rgba(0,0,0,.08);
    overflow: hidden;
    position: relative;
  }
  .slotCol:before{
    content:"";
    position:absolute;
    left:0; top:0; bottom:0;
    width:6px;
    background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.05));
  }

  .slotColHead{
    padding: 14px 14px 12px 18px;
    border-bottom: 1px dashed rgba(0,0,0,.12);
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
  }
  .slotTime{
    display:inline-flex;
    align-items:center;
    padding:.55rem .9rem;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(255,255,255,.95);
    font-weight: 900;
    letter-spacing: .3px;
  }
  .slotBadges{ display:flex; gap:8px; flex-wrap:wrap; }

  .chip{
    display:inline-flex;
    align-items:center;
    padding:.35rem .7rem;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 800;
    border: 1px solid rgba(0,0,0,.10);
    background:#f8f9fa;
    white-space: nowrap;
  }
  .chip-outline{ background: transparent; }
  .chip-soft{ background: rgba(0,0,0,.03); }

  .slotBody{
    padding: 14px 14px 16px 18px;
    display:flex;
    flex-direction:column;
    gap:12px;
  }

  /* ===== WORKSHOP CARD ===== */
  .workshopCard{
    background:#fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 18px;
    padding: 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,.07);
    transition: transform .16s ease, box-shadow .16s ease;
  }
  .workshopCard:hover{
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0,0,0,.10);
  }

  .workshopTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom: 10px;
  }

  .hallTag{
    display:inline-flex;
    align-items:center;
    padding:.32rem .65rem;
    border-radius:999px;
    font-size:.82rem;
    font-weight:900;
    border:1px solid rgba(0,0,0,.10);
    background:#f8f9fa;
  }
  .hall-salmiya{}
  .hall-jabriya{}

  

  /* ===== SPEAKER ROW ===== */
  .speakerCard{
    display:flex;
    align-items:center;
    gap:12px;
    padding: 10px;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,.08);
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
  }
  
  .speakerName{
    font-weight: 900;
    line-height: 1.2;
  }
  .speakerRole{
    font-size: .86rem;
    color: rgba(0,0,0,.60);
    font-weight: 700;
    margin-top: 2px;
  }

  /* Mobile polish */
  @media (max-width: 576px){
    .slotCol{ border-radius: 18px; }
    .slotColHead, .slotBody{ padding-left: 14px; }
    .workshopCard{ border-radius: 16px; padding: 12px; }
    .speakerImg{ width: 54px; height: 54px; border-radius: 15px; }
  }

.programX { padding: 60px 0; }
.programX-head { margin-bottom: 22px; }
.programX-sub { color: #6b7280; margin: 10px 0 0; max-width: 720px; }

/* Talk Card */
.programX-card{
  position: relative;
  display: flex;
  gap: 14px;
  padding: 18px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e9eef4;
  box-shadow: 0 10px 26px rgba(0,0,0,.05);
  height: 100%;
  transition: .25s ease;
}
.programX-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(0,0,0,.08);
}

/* Optional dark variant */
.programX-card--dark{
  background: linear-gradient(135deg, #468283, #5aa7a8);
  color: #fff;
  border-color: rgba(255,255,255,.15);
}
.programX-card--dark .programX-title,
.programX-card--dark .programX-speaker{ color: #fff; }
.programX-card--dark .programX-time{
  background: rgba(255,255,255,.16);
  color: #fff;
}

/* Timeline rail */
.programX-rail{ width: 18px; position: relative; display: flex; justify-content: center; }
.programX-dot{
  width: 10px; height: 10px; border-radius: 50%;
  background: #0d6efd; margin-top: 6px;
  box-shadow: 0 0 0 4px rgba(13,110,253,.12);
}
.programX-line{
  position: absolute; top: 18px; bottom: 10px; width: 2px;
  background: linear-gradient(to bottom, rgba(13,110,253,.25), rgba(13,110,253,0));
  left: 50%; transform: translateX(-50%);
}

/* Top row */
.programX-top{
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; margin-bottom: 12px;
}
.programX-time{
  display: inline-flex; align-items: center;
  padding: 6px 10px; border-radius: 999px;
  background: #f3f6ff; color: #1d4ed8;
  font-weight: 800; font-size: 13px;
}
.programX-badge{
  font-size: 12px; font-weight: 800;
  padding: 6px 10px; border-radius: 999px;
  background: #f4f5f7; color: #111827;
}

/* Avatar */
.programX-avatar img{
  width: 64px; height: 64px; border-radius: 50%;
  object-fit: cover; border: 3px solid #f1f4f9;
}

/* Text */
.programX-title{
  font-size: 16px; font-weight: 900;
  margin: 0 0 6px; line-height: 1.35; color: #0f172a;
}
.programX-speaker{
  margin: 0; color: #64748b; font-weight: 800; font-size: 14px;
}

/* Session block */
.programX-session{ position: sticky; top: 12px; z-index: 5; }
.programX-session-inner{
  border-radius: 16px; padding: 18px;
  background: linear-gradient(135deg, #f5daac, #fff4df);
  border: 1px solid rgba(0,0,0,.06);
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
}
.programX-session-no{
  display: inline-flex; padding: 6px 10px;
  border-radius: 999px; background: rgba(0,0,0,.08);
  font-weight: 900; font-size: 12px;
}
.programX-session-name{ font-weight: 900; color: #111827; }
.programX-session-chip{
  padding: 8px 12px; border-radius: 999px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(0,0,0,.08);
  font-weight: 900; font-size: 12px;
}

/* Highlight blocks */
.programX-highlight{
  border-radius: 16px; padding: 18px;
  border: 1px solid rgba(0,0,0,.08);
  display: flex; justify-content: space-between; align-items: center; gap: 14px;
  box-shadow: 0 10px 26px rgba(0,0,0,.05);
}
.programX-highlight-left{ display: flex; align-items: center; gap: 14px; }
.programX-highlight-ico{
  width: 58px; height: 58px; border-radius: 16px;
  display: grid; place-items: center;
  font-weight: 900; letter-spacing: .5px;
}
.programX-highlight-title{ margin: 0 0 4px; font-weight: 900; color: #0f172a; }
.programX-highlight-sub{ color: #64748b; font-weight: 700; }
.programX-highlight-time{
  font-weight: 900; padding: 8px 12px; border-radius: 999px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(0,0,0,.08);
  white-space: nowrap;
}

/* QA Variant */
.programX-highlight--qa{
  background: linear-gradient(135deg, #468283, #5aa7a8);
  color: #fff;
}
.programX-highlight--qa .programX-highlight-title,
.programX-highlight--qa .programX-highlight-sub{ color: #fff; }
.programX-highlight--qa .programX-highlight-ico{
  background: rgba(255,255,255,.18); color: #fff;
}
.programX-highlight--qa .programX-highlight-time{
  background: rgba(255,255,255,.18); color: #fff;
  border-color: rgba(255,255,255,.22);
}

/* Lunch Variant */
.programX-highlight--lunch{
  background: linear-gradient(135deg, #fff0f6, #ffe8cc);
}
.programX-highlight--lunch .programX-highlight-ico{
  background: rgba(0,0,0,.06);
}

/* Ceremony Variant */
.programX-highlight--ceremony{
  background: linear-gradient(135deg, #e9f5ff, #e8fff1);
}
.programX-highlight--ceremony .programX-highlight-ico{
  background: rgba(0,0,0,.06);
}

/* Responsive */
@media (max-width: 991.98px){
  .programX-session{ position: relative; top: auto; }
  .programX-highlight{ flex-direction: column; align-items: flex-start; }
  .programX-highlight-time{ width: 100%; text-align: left; }
}
@media (max-width: 575.98px){
  .programX-card{ padding: 16px; }
  .programX-avatar img{ width: 54px; height: 54px; }
  .programX-title{ font-size: 15px; }
}
.right-area{margin-top:0rem;}
h3.conf-name{font-family: "Oswald", sans-serif;font-size:50px;font-weight:800;color:#e5b770;text-transform: uppercase;text-align:center;}
.right-area h5{font-family: "Oswald", sans-serif;color:#fff;text-transform: uppercase;font-size:30px;text-align:center;font-weight: 400;}

/* ===============================
   PREMIUM SINGLE DAYS COUNTER
================================= */
.right-area{text-align: center;}
.lux-days-wrap{position: relative;display: inline-flex;align-items: center;justify-content: center;margin: 10px auto;}
.register-btn{margin-top: 2rem;}
.right-area h5{line-height: 45px;}
.right-area h5 span{display: block;line-height: 45px;}

/* Main card */
.lux-days-card{position: relative;min-width:200px;padding: 14px 18px;border-radius: 22px;overflow: hidden;text-align: center;background: linear-gradient(135deg, rgb(51 109 148), rgb(239 125 101)), rgb(239 125 101);border: 1px solid rgb(253 198 141);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);box-shadow:
        0 10px 30px rgba(0,0,0,0.24),
        inset 0 1px 0 rgba(255,255,255,0.16),
        0 0 24px rgba(255,145,0,0.10),
        0 0 40px rgba(0,170,255,0.08);animation: luxFloat 4.5s ease-in-out infinite;}

/* Inner premium border */
.lux-days-card::before{content: "";position: absolute;inset: 1px;border-radius: 21px;border: 1px solid rgba(255,255,255,0.08);pointer-events: none;}

/* top label */
.lux-days-top{display: block;position: relative;font-size: 14px;text-transform: uppercase;letter-spacing: 2.8px;color: rgba(255,255,255,0.72);margin-bottom: 8px;z-index: 2;}

/* number + text */
.lux-days-center{position: relative;z-index: 2;}
.lux-days-number{display: block;font-size: 54px;line-height: 1;font-weight: 800;color: #ffffff;/*letter-spacing: -1.5px;*/text-shadow:
        0 0 10px rgba(255,255,255,0.18),
        0 0 20px rgba(255,153,0,0.22),
        0 0 30px rgba(0,183,255,0.14);animation: luxNumberPulse 3.2s ease-in-out infinite;}

.lux-days-text{display: block;margin-top: 5px;font-size: 11px;text-transform: uppercase;letter-spacing: 2px;color: #ffdca0;font-weight: 600;}

/* ambient glow */
.lux-days-glow{position: absolute;inset: auto;width: 90px;height: 90px;left: 50%;top: 48%;transform: translate(-50%, -50%);border-radius: 50%;background: radial-gradient(circle, rgba(255,153,0,0.26), rgba(0,183,255,0.10), transparent 70%);filter: blur(16px);z-index: 1;animation: luxGlowPulse 3.8s ease-in-out infinite;}

/* moving shine */
.lux-days-shine{position: absolute;inset: 0;overflow: hidden; border-radius: 22px;pointer-events: none;z-index: 3;}

.lux-days-shine::before{
    content: "";
    position: absolute;
    top: -20%;
    left: -60%;
    width: 36%;
    height: 160%;
    transform: rotate(18deg);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.04),
        rgba(255,255,255,0.16),
        rgba(255,255,255,0.04),
        transparent
    );
    filter: blur(2px);
    animation: luxShineMove 5s ease-in-out infinite;
}

/* tiny particles */
.lux-particle{position: absolute;border-radius: 50%;z-index: 2;pointer-events: none;}
.lux-particle.p1{width: 4px;height: 4px;top: 18px;left: 18px;background: rgba(255,190,90,0.95);box-shadow: 0 0 10px rgba(255,190,90,0.8);animation: luxSpark1 4s ease-in-out infinite;}
.lux-particle.p2{width: 5px;height: 5px;right: 22px;top: 26px;background: rgba(110,220,255,0.95);box-shadow: 0 0 12px rgba(110,220,255,0.85);animation: luxSpark2 5s ease-in-out infinite;}

.lux-particle.p3{width: 3px;height: 3px;right: 30px;bottom: 20px;background: rgba(255,255,255,0.95);box-shadow: 0 0 10px rgba(255,255,255,0.85);animation: luxSpark3 4.8s ease-in-out infinite;}

/* animations */
@keyframes luxFloat{
    0%,100%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-3px);
    }
}

@keyframes luxNumberPulse{
    0%,100%{
        transform: scale(1);
        opacity: 1;
    }
    50%{
        transform: scale(1.045);
        opacity: .97;
    }
}

@keyframes luxGlowPulse{
    0%,100%{
        transform: translate(-50%, -50%) scale(1);
        opacity: .72;
    }
    50%{
        transform: translate(-50%, -50%) scale(1.15);
        opacity: 1;
    }
}

@keyframes luxShineMove{
    0%{
        left: -65%;
        opacity: 0;
    }
    20%{
        opacity: 1;
    }
    50%{
        left: 130%;
        opacity: .35;
    }
    100%{
        left: 130%;
        opacity: 0;}}

@keyframes luxSpark1{
    0%,100%{ transform: translateY(0px) scale(1); opacity: .8; }
    50%{ transform: translateY(-7px) scale(1.15); opacity: 1; }}

@keyframes luxSpark2{
    0%,100%{ transform: translateY(0px) scale(1); opacity: .75; }
    50%{ transform: translateY(8px) scale(1.2); opacity: 1; }}

@keyframes luxSpark3{
    0%,100%{ transform: translateY(0px); opacity: .7; }
    50%{ transform: translateY(-6px); opacity: 1; }}

/* perfect placement inside hero */
.left-area .lux-days-wrap{margin: 8px auto 18px;}

/* tablet */
@media (max-width: 991px){
 .lux-days-card{min-width: 175px;padding: 13px 16px;}
.lux-days-number{font-size: 48px;}}

/* mobile */
@media (max-width: 575px){
.lux-days-card{min-width: 150px;padding: 12px 14px;border-radius: 18px;}
.lux-days-card::before{border-radius: 17px;}
.lux-days-shine{border-radius: 18px;}
.lux-days-top{font-size: 8px;letter-spacing: 2px;margin-bottom: 6px;}
.lux-days-number{font-size: 40px;}
.lux-days-text{font-size: 10px;letter-spacing: 1.5px;}}


/* Force single row */
.ministry-logos-col img{width:200px;}

.chairperson-profile-section{
    position: relative;
    padding: 80px 0;
    background: linear-gradient(180deg, #071132 0%, #0b183d 100%);
}

.chairperson-profile-card{
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    background: #000;
    box-shadow: 0 20px 60px rgba(0,0,0,0.20);
}

/* left image */
.chairperson-profile-image{
    height: 100%;
    min-height: 100%;
    background: #7b6f86;
    overflow: hidden;
}

.chairperson-profile-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* right content */
.chairperson-profile-content{position: relative;height: 100%;padding: 50px 35px 35px;color: #3b2b39;}

.chairperson-profile-content h2{font-size: 50px;line-height: 1.1;margin-bottom: 20px;font-weight: 800;text-transform: uppercase;}
.chairperson-profile-content h2 span{color: #e5b770;}
.chairperson-profile-content h2{color: #e5b770;}
.chairperson-profile-content p{font-size: 18px;line-height: 30px;color: #fff;margin-bottom: 16px;font-weight: 400;}

/* info rows */
.chairperson-profile-info{margin-top: 28px;}
.info-row{display: flex;align-items: center;gap: 20px;padding: 16px 0;border-top: 1px solid rgba(59,43,57,0.12);}
.info-row:first-child{border-top: 0;}
.info-label{min-width: 160px;font-size: 15px;font-weight: 600;color: #442d42;display: flex;align-items: center;gap: 10px;}
.info-label i{color: #e81f63;font-size: 18px;}
.info-value{font-size: 15px;font-weight: 700;color: #2f1631;}

/* signature */
.chairperson-signature{margin-top: 28px;padding-top: 20px;border-top: 1px solid #fff;}
.chairperson-signature span{display: block;font-size: 16px;color: #fff;margin-bottom: 8px;}
.chairperson-signature h4{font-size: 28px;font-weight: 500;color: #e5b770;margin-bottom: 5px;font-family: "Oswald", sans-serif;}
.chairperson-signature p{font-size: 16px;color: #e5b770;font-weight: 500;margin-bottom: 0;line-height: 1.6;font-family: "Oswald", sans-serif;}

/* responsive */
@media (max-width: 1199px){
.chairperson-profile-content h2{font-size: 42px;}}

@media (max-width: 991px){
.chairperson-profile-section{padding: 60px 0;}
.chairperson-profile-image{min-height: 450px;}
.chairperson-profile-content{padding: 30px 24px 28px;}
.chairperson-profile-content h2{font-size: 36px;}
.chairperson-profile-top-icon{left: 50%;transform: translateX(-50%);}}

@media (max-width: 767px){
.chairperson-profile-card{border-radius: 18px;}
.chairperson-profile-image{min-height: 340px;}
.chairperson-profile-content{padding: 24px 18px 24px;}
.chairperson-profile-content h2{font-size: 28px;margin-bottom: 16px;}
.chairperson-profile-content p{font-size: 14px;line-height: 1.75;}
.info-row{flex-direction: column;align-items: flex-start;gap: 6px;padding: 14px 0;}
.info-label,
.info-value{min-width: 100%;font-size: 14px;}
.chairperson-signature h4{font-size: 22px;}
.chairperson-signature p{font-size: 13px;}
.chairperson-profile-top-icon{width: 20px;height: 20px;border-width: 3px;top: -10px;}}

:root{
  --site:#525252;
  --black:#000000;
  --white:#ffffff;
  /*--turquoise:#1bb9b5;*/
  --turquoise:rgba(13,159,176,1);
  --purple:#6855e0;
  --purple1:#9c94df;
  --orange:#f89721;
  --green-dark:#002b31;
  --blue-dark:#05172c;   
  --poppins:"Poppins", sans-serif;
  --oswald:"Oswald", sans-serif;
  --playwrite:"Playwrite AU NSW", cursive;    
}
.nav-tabs {border: none;margin-bottom: 50px;}
.nav-tabs button:first-child {/*border-top-left-radius: 10px;border-bottom-left-radius: 10px;*/}
.nav-tabs button.active h3 {color: #fff}
.nav-tabs button h3 {color: var(--white);}
.nav-tabs button h3, .nav-tabs button span {opacity: 0.7;}
.nav-tabs button span{text-transform: none;}
.nav-tabs button.active span {opacity: 1;color: #fff;}
.nav-tabs button.active::after {opacity: 1;}
.nav-tabs button::after {position: absolute;left: 50%;transform: translateX(-50%) rotate(45deg);bottom: -9px;width: 1px;height: 1px;border-width: 10px;border-style: solid;border-color: transparent rgb(207 84 28) rgb(48 38 62) transparent;content: '';opacity: 0;}
.nav-tabs button.active {background: rgba(13, 159, 176, 1);}

h4.location-info{color: #000;font-weight: 400;font-size: 30px;margin-top: 1rem;margin-bottom: 1rem;}


.tab-pane ul{list-style-type:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}
.tab-pane ul li{padding:5px;/*flex:0 0 50%;*/}
.tab-pane ul li.break{flex:0 0 100%;}
.tab-pane ul li.session .box{background-color:#000;}

.tab-pane ul li.coffee .box{background-color:rgba(152,105,75,.95);}
.tab-pane ul li.coffee .box .crumb{background-color:rgba(221,163,113,0.7);}
.tab-pane ul li.lunch .box{background-color:rgba(48,68,9,0.7);}
.tab-pane ul li.lunch .box .crumb{background-color:rgba(48,68,1,1);}

.tab-pane ul li .box{display:flex;background: linear-gradient(to right, rgb(0 0 0) 30%, rgb(27 42 62) 100%);padding:1rem;align-items:center;position:relative;border-radius:10px;overflow: hidden;height:100%;}
.tab-pane ul li .speaker-frame{flex:0 0 170px;}
.speaker-photo{background-color:#fff;border-radius:10%;overflow:hidden;width:100%;height:0;padding-bottom:100%;position:relative;}
.speaker-photo img{width:100%;position:absolute;left:50%;transform:translateX(-50%);top:0;}
.tab-pane ul li .programme-dtl{flex:0 0 calc(100% - 200px);padding:0 0 0 2.5rem;}
.tab-pane ul li .programme-dtl h4,.tab-pane ul li .programme-dtl .topic,.tab-pane ul li .programme-dtl h3{font-size:16px;margin:0;}
.tab-pane ul li .programme-dtl h4{color:#e5b770;}
.tab-pane ul li .programme-dtl .topic{color:var(--white);margin:10px 0;line-height:30px;font-weight:400;display: flex;}
.tab-pane ul li .programme-dtl h3{font-style:italic;color: #e5b770;font-family: "Inter", sans-serif;font-weight: 400;display: flex;}
.topic-session{font-size:25px!important;font-weight: 600!important;}
.tab-pane ul li.session .box-session{background-color: #3a3a3a!important;padding: 1rem;align-items: center;position: relative;border-radius: 10px;overflow: hidden;height: 100%;display:flex;}
.tab-pane ul {list-style-type: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;}

.programme-dtl .bi{font-size:22px;margin-right: 5px;}

.tab-pane ul li .crumb{position:absolute;left:0px;top:0px;width:40px;height:40px;border-radius:0% 50% 50% 10px;background-color: rgba(13,159,176,0.5);color:rgba(255,255,255,0.5);display: flex;align-items: center;justify-content: center;font-size:18px;display:none;}
.tab-pane ul li:nth-child(1) .crumb::before{content:'1';}
.tab-pane ul li:nth-child(2) .crumb::before{content:'2';}
.tab-pane ul li:nth-child(3) .crumb::before{content:'3';}
.tab-pane ul li:nth-child(4) .crumb::before{content:'4';}
.tab-pane ul li:nth-child(5) .crumb::before{content:'5';}
.tab-pane ul li:nth-child(6) .crumb::before{content:'6';}
.tab-pane ul li:nth-child(7) .crumb::before{content:'7';}
.tab-pane ul li:nth-child(8) .crumb::before{content:'8';}
.tab-pane ul li:nth-child(9) .crumb::before{content:'9';}
.tab-pane ul li:nth-child(10) .crumb::before{content:'10';}
.tab-pane ul li:nth-child(11) .crumb::before{content:'11';}
.tab-pane ul li:nth-child(12) .crumb::before{content:'12';}
.tab-pane ul li:nth-child(13) .crumb::before{content:'13';}
.tab-pane ul li:nth-child(14) .crumb::before{content:'14';}
.tab-pane ul li:nth-child(15) .crumb::before{content:'15';}
.tab-pane ul li:nth-child(16) .crumb::before{content:'16';}
.tab-pane ul li:nth-child(17) .crumb::before{content:'17';}
.tab-pane ul li:nth-child(18) .crumb::before{content:'18';}
.tab-pane ul li:nth-child(19) .crumb::before{content:'19';}
.tab-pane ul li:nth-child(20) .crumb::before{content:'20';}
.tab-pane ul li:nth-child(21) .crumb::before{content:'21';}
.tab-pane ul li:nth-child(22) .crumb::before{content:'22';}
.tab-pane ul li:nth-child(23) .crumb::before{content:'23';}
.tab-pane ul li:nth-child(24) .crumb::before{content:'24';}
.tab-pane ul li:nth-child(25) .crumb::before{content:'25';}
.tab-pane ul li:nth-child(26) .crumb::before{content:'26';}
.tab-pane ul li:nth-child(27) .crumb::before{content:'27';}
.tab-pane ul li:nth-child(28) .crumb::before{content:'28';}
.tab-pane ul li:nth-child(29) .crumb::before{content:'29';}
.tab-pane ul li:nth-child(30) .crumb::before{content:'30';}
.tab-pane ul li:nth-child(31) .crumb::before{content:'31';}
.tab-pane ul li:nth-child(32) .crumb::before{content:'32';}
.tab-pane ul li:nth-child(33) .crumb::before{content:'33';}
.tab-pane ul li:nth-child(34) .crumb::before{content:'34';}
.tab-pane ul li:nth-child(35) .crumb::before{content:'35';}
.tab-pane ul li:nth-child(36) .crumb::before{content:'36';}
.tab-pane ul li:nth-child(37) .crumb::before{content:'37';}
.tab-pane ul li:nth-child(38) .crumb::before{content:'38';}
.tab-pane ul li:nth-child(39) .crumb::before{content:'39';}
.tab-pane ul li:nth-child(40) .crumb::before{content:'40';}
.topic-moderator{color:#fff;}


/* SECTION */
.venue-modern {background: linear-gradient(180deg, #fdc68d, #fdc68d);}
/* TITLE */
.venue-title {font-size: 2.5rem;font-weight: 700;}
.venue-title span {color: #c8a96a;}
.venue-subtitle {color: #777;margin-top: 10px;}
/* IMAGE */
.venue-image-wrap {position: relative;border-radius: 25px;overflow: hidden;}
.venue-image-wrap img {width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.venue-image-wrap:hover img {transform: scale(1.05);}

/* OVERLAY */
.venue-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 30px;
  color: #fff;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}

.venue-overlay h3 {
  margin-bottom: 5px;
}

/* CARD */
.venue-card {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(15px);
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* INFO ROW */
.venue-item {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.venue-item i {
  font-size: 20px;
  color: #c8a96a;
}

.venue-item span {
  font-weight: 600;
  font-size: 14px;
}

.venue-item p {
  margin: 0;
  color: #555;
}

/* BUTTONS */
.venue-buttons .btn {
  border-radius: 50px;
  padding: 10px 20px;
}

/* MAP */
.venue-map-box {
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

.venue-map-box iframe {
  width: 100%;
  height: 350px;
  border: 0;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .venue-title {
    font-size: 2rem;
  }

  .venue-overlay {
    padding: 20px;
  }
}

@media (max-width: 576px) {
  .venue-map-box iframe {
    height: 250px;
  }
}

.left-area img{width:80%;}


.counter-days-section{
    position:relative;
    padding:35px 0;
    overflow:hidden;
}

.counter-center{
    display:flex;
    justify-content:center;
    align-items:center;
}

.lux-days-horizontal{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
	margin-top:-10rem;
}

.lux-days-card-horizontal{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    width:100%;
    max-width:800px;
    min-height:135px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    padding:26px 34px;
    border-radius:30px;
    background: radial-gradient(circle at 10% 20%, rgba(184, 158, 85, .28), transparent 28%), radial-gradient(circle at 90% 80%, rgba(255, 255, 255, .12), transparent 30%), linear-gradient(135deg, #070b1885 0%, #111827a8 45%, #1f2937 100%);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:
      0 25px 70px rgba(0,0,0,.45),
      inset 0 1px 0 rgba(255,255,255,.12);
    animation:luxCardFloat 4s ease-in-out infinite;
}

.lux-days-card-horizontal::before{
    content:"";
    position:absolute;
    inset:0;
    padding:1px;
    border-radius:30px;
    background:linear-gradient(120deg,transparent,#b89e55,transparent,#ffffff55,transparent);
    background-size:300% 300%;
    animation:borderMove 5s linear infinite;
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
            mask-composite:exclude;
    z-index:-1;
}

.lux-orbit-ring{
    position:absolute;
    width:190px;
    height:190px;
    right:26%;
    top:50%;
    transform:translateY(-50%);
    border:1px dashed rgba(184,158,85,.22);
    border-radius:50%;
    animation:orbitRotate 16s linear infinite;
}

.lux-orbit-ring::before{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    top:16px;
    left:25px;
    border-radius:50%;
    background:#b89e55;
    box-shadow:0 0 20px #b89e55;
}

.lux-event-label,
.lux-event-status{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:11px;
    white-space:nowrap;
    padding:12px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.09);
    backdrop-filter:blur(14px);
}

.lux-event-label{
    color:#e5e7eb;
    font-size:15px;
    font-weight:600;
    letter-spacing:.5px;
}

.lux-mini-dot{
    width:11px;
    height:11px;
    border-radius:50%;
    background:#b89e55;
    box-shadow:0 0 0 rgba(184,158,85,.8);
    animation:pulseGlow 1.8s infinite;
}

.lux-counter-section{
    position:relative;
    z-index:2;
    display:flex;
    align-items:baseline;
    gap:15px;
}

.lux-days-number{
    font-size:60px;
    line-height:1;
    font-weight:900;
    color:#fff;
    letter-spacing:-3px;
    text-shadow:
      0 0 18px rgba(184,158,85,.35),
      0 0 45px rgba(255,255,255,.12);
    animation:numberPop 2.8s ease-in-out infinite;
}

.lux-days-text{
    font-size:18px;
    font-weight:700;
    color:#d9c47d;
    text-transform:uppercase;
    letter-spacing:2.5px;
}

.lux-divider{
    position:relative;
    z-index:2;
    width:1px;
    height:72px;
    background:linear-gradient(to bottom,transparent,rgba(184,158,85,.85),transparent);
}

.lux-event-status{
    color:#f3d77a;
    font-size:15px;
    font-weight:700;
}

.lux-event-status i{
    font-size:21px;
    animation:iconBounce 1.8s ease-in-out infinite;
}

.lux-horizontal-glow{
    position:absolute;
    inset:auto -80px -90px auto;
    width:260px;
    height:260px;
    background:rgba(184,158,85,.22);
    filter:blur(75px);
    border-radius:50%;
    z-index:0;
    animation:glowMove 5s ease-in-out infinite alternate;
}

.lux-horizontal-shine{
    position:absolute;
    top:0;
    left:-130%;
    width:100px;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
    transform:skewX(-24deg);
    animation:luxShine 4s linear infinite;
    z-index:1;
}

.lux-float-dot{
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#b89e55;
    box-shadow:0 0 18px #b89e55;
    opacity:.8;
    z-index:1;
}

.dot-1{left:9%; bottom:20%; animation:floatDot 4s ease-in-out infinite;}
.dot-2{left:52%; top:18%; animation:floatDot 5s ease-in-out infinite reverse;}
.dot-3{right:10%; top:25%; animation:floatDot 4.5s ease-in-out infinite;}

@keyframes luxCardFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-7px);}
}

@keyframes borderMove{
    0%{background-position:0% 50%;}
    100%{background-position:300% 50%;}
}

@keyframes orbitRotate{
    0%{transform:translateY(-50%) rotate(0deg);}
    100%{transform:translateY(-50%) rotate(360deg);}
}

@keyframes luxShine{
    100%{left:140%;}
}

@keyframes pulseGlow{
    0%{box-shadow:0 0 0 0 rgba(184,158,85,.75);}
    70%{box-shadow:0 0 0 12px rgba(184,158,85,0);}
    100%{box-shadow:0 0 0 0 rgba(184,158,85,0);}
}

@keyframes numberPop{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.05);}
}

@keyframes iconBounce{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-4px);}
}

@keyframes glowMove{
    0%{transform:translate(0,0) scale(1);}
    100%{transform:translate(-45px,-20px) scale(1.15);}
}

@keyframes floatDot{
    0%,100%{transform:translateY(0); opacity:.45;}
    50%{transform:translateY(-18px); opacity:1;}
}

/* Responsive */
@media(max-width:991px){
    .lux-days-card-horizontal{
        max-width:680px;
        gap:20px;
        padding:24px;
    }

    .lux-days-number{
        font-size:66px;
    }

    .lux-days-text{
        font-size:15px;
    }

    .lux-event-label,
    .lux-event-status{
        font-size:13px;
        padding:10px 13px;
    }
}

@media(max-width:767px){
    .counter-days-section{
        padding:25px 0;
    }

    .lux-days-card-horizontal{
        flex-direction:column;
        text-align:center;
        min-height:auto;
        gap:18px;
        padding:28px 20px;
        border-radius:26px;
    }

    .lux-counter-section{
        flex-direction:column;
        align-items:center;
        gap:8px;
    }

    .lux-days-number{
        font-size:70px;
        letter-spacing:-2px;
    }

    .lux-days-text{
        font-size:14px;
        letter-spacing:2px;
    }

    .lux-divider{
        width:72%;
        height:1px;
        background:linear-gradient(to right,transparent,rgba(184,158,85,.85),transparent);
    }

    .lux-orbit-ring{
        right:auto;
        left:50%;
        top:50%;
        width:210px;
        height:210px;
        transform:translate(-50%,-50%);
        opacity:.45;
    }

    @keyframes orbitRotate{
        0%{transform:translate(-50%,-50%) rotate(0deg);}
        100%{transform:translate(-50%,-50%) rotate(360deg);}
    }
}

@media(max-width:480px){
    .lux-days-card-horizontal{
        padding:24px 15px;
    }

    .lux-days-number{
        font-size:58px;
    }

    .lux-event-label,
    .lux-event-status{
        width:100%;
        justify-content:center;
    }
}

.ai-podcast-player-section{
    width:100%;
    overflow:hidden;
    background-image:url("../images/podcast-banner.jpg");
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}

.ai-podcast-player{
    position:relative;
    min-height:300px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding:10px 20px;
    overflow:hidden;
}

.ai-podcast-player::before{
    content:"";
    position:absolute;
    inset:0;
    /*background:linear-gradient(
        90deg,
        rgba(3,8,25,.08) 0%,
        rgba(3,8,25,.12) 45%,
        rgba(3,8,25,.45) 100%
    );*/
    z-index:1;
}

.ai-podcast-controls{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1150px;

    display:grid;
    grid-template-columns:
    60px
    280px
    240px
    1fr;

    align-items:center;
    gap:28px;

    padding:20px 24px;

    border-radius:30px;
    background:rgba(5,12,32,.22);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
}

/* PLAY BUTTON */
.ai-play-btn{
    width:60px;
    height:60px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(255,255,255,.13);
    color:#fff;
    font-size:34px;

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

    cursor:pointer;

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

    flex-shrink:0;
}

.ai-play-btn i{
    line-height:1;
}

/* HEADING */
.ai-podcast-heading{
    color:#fff;
    min-width:0;
}

.ai-podcast-heading span{
    display:block;
    font-size:13px;
    font-weight:600;
    color:#00ffe1;
    letter-spacing:1.5px;
    text-transform:uppercase;
    margin-bottom:6px;
}

.ai-podcast-heading h2{
    margin:0;
    font-size:28px;
    line-height:1.2;
    font-weight:800;
    color:#fff;
    text-shadow:0 0 20px rgba(0,255,225,.25);
}

/* EQUALIZER */
.ai-equalizer{
    height:70px;

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

    gap:4px;

    padding:8px 10px;
}

.ai-equalizer span{
    width:6px;
    height:20px;
    border-radius:2px 2px 0 0;
    background:#1db5ff;
}

.ai-equalizer span:nth-child(3n){
    background:#14f0d2;
    height:46px;
}

.ai-equalizer span:nth-child(4n){
    background:#27d7ff;
    height:32px;
}

.ai-equalizer span:nth-child(5n){
    background:#00ff9d;
    height:58px;
}

.ai-equalizer.playing span{
    animation:equalizerMove .85s ease-in-out infinite;
}

.ai-equalizer.playing span:nth-child(2n){
    animation-delay:.12s;
}

.ai-equalizer.playing span:nth-child(3n){
    animation-delay:.22s;
}

.ai-equalizer.playing span:nth-child(4n){
    animation-delay:.32s;
}

/* PROGRESS */
.ai-progress-area{
    width:100%;
    min-width:0;
}

.ai-time-row{
    display:flex;
    justify-content:space-between;
    color:#fff;
    font-size:13px;
    margin-bottom:8px;
    opacity:.95;
}

#audioProgress{
    width:100%;
    height:18px;

    appearance:none;
    border-radius:999px;

    background:linear-gradient(
    to right,
    #fff 0%,
    #fff 0%,
    rgba(255,255,255,.45) 0%,
    rgba(255,255,255,.45) 100%
    );

    outline:none;
    cursor:pointer;
}

#audioProgress::-webkit-slider-thumb{
    appearance:none;
    width:6px;
    height:40px;
    border-radius:20px;
    background:#fff;
    box-shadow:0 0 15px rgba(255,255,255,.9);
}

/* ANIMATION */
@keyframes equalizerMove{
    0%,100%{
        transform:scaleY(.45);
    }
    50%{
        transform:scaleY(1.2);
    }
}

/* =========================
   LARGE TABLET
========================= */

@media(max-width:1199px){

.ai-podcast-controls{
    width:100%;

    grid-template-columns:
    56px
    240px
    180px
    1fr;

    gap:20px;
}

.ai-podcast-heading h2{
    font-size:24px;
}

}

/* =========================
   TABLET
========================= */

@media(max-width:991px){

.ai-podcast-player{
    min-height:320px;
    padding:130px 20px 28px;

    align-items:flex-end;
}

.ai-podcast-controls{
    width:100%;
    max-width:720px;

    grid-template-columns:
    54px
    1fr;

    gap:18px;

    padding:18px;
}

.ai-podcast-heading{
    grid-column:2 / 3;
}

.ai-equalizer{
    grid-column:1 / -1;
    justify-content:flex-start;
    height:56px;
}

.ai-progress-area{
    grid-column:1 / -1;
}

}

/* =========================
   MOBILE
========================= */

@media(max-width:575px){

.ai-podcast-player{
    min-height:340px;
    padding:150px 14px 24px;
}

.ai-podcast-controls{
    padding:16px;
    border-radius:22px;

    grid-template-columns:
    50px
    1fr;

    gap:14px;

    background:rgba(5,12,32,.48);
}

.ai-play-btn{
    width:50px;
    height:50px;
    font-size:28px;
}

.ai-podcast-heading{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.ai-podcast-heading span{
    font-size:11px;
    margin-bottom:4px;
}

.ai-podcast-heading h2{
    font-size:20px;
    line-height:1.3;
}

.ai-equalizer{
    justify-content:center;
    height:48px;
}

.ai-equalizer span{
    width:4px;
}

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

#audioProgress{
    height:16px;
}

#audioProgress::-webkit-slider-thumb{
    height:34px;
}

}

.conf-info{width:100%;overflow:hidden;background-image:url("../images/conf-info-back.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;}

.conf-info{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-color: #fff;}

.lecture-card-row{
    align-items:stretch;
}

.lecture-card-row > div{
    display:flex;
}

.lecture-video-card{
    position:relative;
    width:100%;
    min-height:390px;
    height:100%;

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

    padding:20px 16px 24px;
    overflow:hidden;
    text-align:center;

    border-radius:50px 0px 50px 0px;
    background:linear-gradient(#f7f7f7,#f1f1f1);

    box-shadow:
      0 18px 40px rgba(0,0,0,.12),
      inset 0 1px 0 rgba(255,255,255,.8);

    /*animation:lectureCardFloat 4s ease-in-out infinite;*/
}

.lecture-video-card::before,
.lecture-video-card::after{
    content:"";
    position:absolute;
    width:7px;
    height:82%;
    bottom:0;
    background:#e33d3d;
    z-index:1;
}

.lecture-video-card::before{
    left:-3px;
    border-radius:0 8px 0 0;
}

.lecture-video-card::after{
    right:-3px;
    border-radius:8px 0 0 0;
}

.lecture-video-card h3{
    position:relative;
    z-index:3;
    margin:0 0 16px;
    min-height:42px;

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

    font-size:24px;
    line-height:1.2;
    font-weight:700;
    color:#e33d3d;
    text-transform:uppercase;
    letter-spacing:1.1px;
}

.lecture-image-wrap{
    position:relative;
    z-index:3;

    width:180px;
    height:180px;
    flex:0 0 180px;

    margin:0 auto 16px;
    border-radius:50%;
    padding:5px;

    background:linear-gradient(135deg,#ffffff,#dcdcdc);

    box-shadow:
      0 12px 28px rgba(0,0,0,.18),
      0 0 0 1px rgba(255,255,255,.8);

    animation:imagePulse 3s ease-in-out infinite;
}

.lecture-image-wrap::before{
    content:"";
    position:absolute;
    inset:-6px;
    border-radius:50%;
    border: 1px solid rgb(225 157 86);
    animation:ringRotate 5s linear infinite;
}

.lecture-image-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    display:block;
}

.lecture-video-card p{
    position:relative;
    z-index:3;

    margin:0 auto 18px;
    max-width:210px;

    min-height:58px;

    font-size:13px;
    line-height:1.38;
    color:#111;
    font-weight:500;
}

.lecture-card-action,
.lecture-app-buttons{
    position:relative;
    z-index:3;
    margin-top:auto;

    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.lecture-video-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:145px;
    min-height:40px;
    padding:10px 20px;

    border-radius:999px;
    background: linear-gradient(135deg, #fdc68d, #fdc68d);

    color:#000;
    font-size:14px;
    font-weight:500;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:.4px;

    /*box-shadow:0 10px 22px rgba(35,148,207,.35);*/
    overflow:hidden;
    transition:.35s ease;
}

.lecture-video-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:60%;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
    transform:skewX(-20deg);
    transition:.5s ease;
}

.lecture-video-btn:hover{
    color:#000;
    transform:translateY(-4px);
    /*box-shadow:0 16px 30px rgba(35,148,207,.45);*/
}

.lecture-video-btn:hover::before{
    left:130%;
}

/* App Store buttons side by side */
.lecture-app-buttons{
    gap:8px;
}

.lecture-store-btn{
    width:48%;
    max-width:105px;

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

    padding:0;
    border-radius:10px;
    overflow:hidden;

    transition:.35s ease;
}

.lecture-store-btn img{
    width:100%;
    height:auto;
    display:block;
}

.lecture-store-btn:hover{
    transform:translateY(-4px) scale(1.03);
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.18));
}

.lecture-glow-line{
    position:absolute;
    left:0;
    width:100%;
    height:1px;
    background:linear-gradient(90deg,transparent,#000,transparent);
    z-index:2;
    animation:lineMove 3s linear infinite;
}

.line-top{
    top:86px;
}

.line-bottom{
    bottom:100px;
}

@keyframes lectureCardFloat{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-8px);
    }
}

@keyframes imagePulse{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.04);
    }
}

@keyframes ringRotate{
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}

@keyframes lineMove{
    0%{
        opacity:.15;
        transform:translateX(-40%);
    }
    50%{
        opacity:1;
    }
    100%{
        opacity:.15;
        transform:translateX(40%);
    }
}

/* Tablet */
@media(max-width:991px){
    .lecture-video-card{
        min-height:380px;
        padding:19px 14px 22px;
    }

    .lecture-image-wrap{
        width:140px;
        height:140px;
        flex-basis:140px;
    }
}

/* Mobile */
@media(max-width:575px){
    .lecture-card-row{
        --bs-gutter-x:14px;
        --bs-gutter-y:18px;
    }

    .lecture-video-card{
        min-height:335px;
        padding:16px 10px 18px;
        border-radius:26px 26px 6px 6px;
    }

    .lecture-video-card h3{
        font-size:18px;
        min-height:34px;
        margin-bottom:12px;
        letter-spacing:.6px;
    }

    .lecture-image-wrap{
        width:150px;
        height:150px;
        flex-basis:150px;
        margin-bottom:13px;
        padding:4px;
    }

    .lecture-video-card p{
        font-size:11px;
        line-height:1.35;
        min-height:62px;
        margin-bottom:13px;
    }

    .lecture-video-btn{
        min-width:105px;
        min-height:34px;
        padding:8px 14px;
        font-size:9px;
    }

    .lecture-app-buttons{
        gap:5px;
    }

    .lecture-store-btn{
        width:50%;
        max-width:75px;
        border-radius:7px;
    }

    .line-top{
        top:70px;
    }

    .line-bottom{
        bottom:82px;
    }
}



.event-counter-section{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-color: #fdc68d;}
.event-counter-row{
    align-items:center;
    justify-content:center;
    --bs-gutter-x:0;
    --bs-gutter-y:0;
}

.event-counter-row > div{
    position:relative;
}

.event-counter-row > div:not(:last-child)::after{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    width:1px;
    height:78%;
    transform:translateY(-50%);
    background:#d7544a;
}

.event-counter-card{
    position:relative;
    width:100%;
    /*min-height:245px;*/

    display:flex;
    align-items:center;
    justify-content:center;
    gap:35px;

    padding:35px 30px;

    background:#fac58d;
    overflow:hidden;
}

.event-counter-content{
    width:auto;
    max-width:150px;
    flex:0 0 150px;
}

.event-counter-content h2{
    margin:0;
    font-size:70px;
    line-height:.9;
    font-weight:600;
    color:#000;
}

.event-counter-content h4{
    margin:8px 0 14px;
    font-size:26px;
    line-height:1;
    font-weight:700;
    color:#000;
    text-transform:uppercase;
}

.counter-line{
    display:block;
    width:100%;
    height:1px;
    margin-bottom:18px;
    background:#d7544a;
}

.event-counter-content p{
    margin:0;
    max-width:140px;
    font-size:15px;
    line-height:1.2;
    font-weight:700;
    color:#000;
}

.event-counter-image{
    position:relative;
    /*width:185px;
    height:185px;
    flex:0 0 185px;
    overflow:hidden;
    border-radius:70px 0 70px 0;*/
    animation:counterImageFloat 4s ease-in-out infinite;
}

.event-counter-image::before{
    content:"";
    position:absolute;
    left:-1px;
    bottom:-1px;
    /*width:48px;
    height:72px;*/
    background:#cf574b;
    border-radius:18px 18px 0 0;
    z-index:3;
}

.event-counter-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.45s ease;
}

.event-counter-card:hover .event-counter-image img{
    transform:scale(1.08);
}

@keyframes counterImageFloat{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-8px);
    }
}

/* Tablet */
@media(max-width:991px){
    .event-counter-row{
        --bs-gutter-y:20px;
    }

    .event-counter-row > div:not(:last-child)::after{
        display:none;
    }

    .event-counter-card{
        min-height:220px;
        gap:28px;
        padding:10px 0px;
    }

    .event-counter-content{
        flex-basis:135px;
        max-width:135px;
    }

    .event-counter-content h2{
        font-size:48px;
    }

    .event-counter-content h4{
        font-size:18px;
    }

    /*.event-counter-image{
        width:155px;
        height:155px;
        flex-basis:155px;
    }*/
}

/* Mobile */
@media(max-width:575px){
    .event-counter-row{
        --bs-gutter-y:16px;
    }

    .event-counter-card{
        min-height:170px;
        gap:16px;
        padding:22px 12px;
    }

    .event-counter-content{
        flex:0 0 108px;
        max-width:108px;
    }

    .event-counter-content h2{
        font-size:36px;
    }

    .event-counter-content h4{
        font-size:14px;
        margin:6px 0 10px;
    }

    .counter-line{
        margin-bottom:10px;
    }

    .event-counter-content p{
        font-size:9.5px;
        max-width:105px;
    }

    .event-counter-image{
        /*width:115px;
        height:115px;
        flex-basis:115px;
        border-radius:42px 0 42px 0;*/
    }

    /*.event-counter-image::before{
        width:32px;
        height:48px;
        border-radius:12px 12px 0 0;
    }*/
}

    .ai-speaker-section {
      padding: 80px 0;
      background: #080808;
      overflow: hidden;
    }

    .container-fluid {
      width: 92%;
      margin: auto;
    }

    .ai-section-heading {
      text-align: center;
      margin-bottom: 45px;
    }

    .ai-section-heading h2 {
      color: #fff;
      font-size: clamp(34px, 5vw, 68px);
      font-weight: 800;
      margin-bottom: 10px;
      line-height: 1.1;
    }

    .ai-section-heading p {
      color: #bfbfbf;
      font-size: 18px;
    }

    .aiSpeakerSwiper {
      overflow: hidden !important;
    }

    .swiper-wrapper {
      align-items: stretch;
    }

    .swiper-slide {
      height: auto;
    }

    .ai-speaker-card {
      height: 100%;
      background: #d7eef4;
      border-radius: 24px;
      overflow: hidden;
      transform: scale(.94);
      opacity: .45;
      transition: transform .75s ease, opacity .75s ease;
    }

    .swiper-slide-active .ai-speaker-card {
      transform: scale(.98);
      opacity: 1;
    }

    .ai-speaker-img {
      position: relative;
      height: 330px;
      overflow: hidden;
    }

    .ai-speaker-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 1.1s ease;
    }

    .swiper-slide-active .ai-speaker-img img {
      transform: scale(1.06);
    }

    .ai-country {
      position: absolute;
      left: 16px;
      bottom: 16px;
      background: #fff;
      color: #000;
      padding: 8px 16px;
      border-radius: 60px;
      font-size: 13px;
      font-weight: 700;
      opacity: .9;
      transition: all .55s ease;
    }

    .swiper-slide-active .ai-country {
      opacity: 1;
      transform: translateY(-4px);
    }

    .ai-speaker-info {
      background: #fff;
      padding: 20px;
      /*min-height: 245px;*/
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
    }

    .ai-speaker-content {
      width: 100%;
      max-width: calc(100% - 62px);
    }

    .ai-speaker-content h3 {
      font-size: 18px;
      color: #000;
      font-weight: 800;
      margin-bottom: 6px;
      line-height: 1.25;
    }

    .ai-speaker-content h4 {
      font-size: 13px;
      line-height: 1.45;
      color: #555;
      font-weight: 500;
      margin-bottom: 0;
    }

    .ai-speaker-extra {
      position: relative;
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transform: translateY(22px) scale(.96);
      filter: blur(6px);
      transition:
        max-height .95s cubic-bezier(.22,1,.36,1),
        opacity .75s ease,
        transform .95s cubic-bezier(.22,1,.36,1),
        filter .75s ease,
        margin-top .75s ease;
      will-change: max-height, opacity, transform, filter;
    }

    .ai-speaker-extra::before {
      content: "";
      display: block;
      width: 0;
      height: 2px;
      margin-bottom: 10px;
      background: linear-gradient(90deg, #ff4d00, rgba(255,77,0,0));
      border-radius: 20px;
      transition: width .85s cubic-bezier(.22,1,.36,1);
    }

    .swiper-slide-active .ai-speaker-extra {
      max-height: 170px;
      opacity: 1;
      transform: translateY(0) scale(1);
      filter: blur(0);
      margin-top: 14px;
    }

    .swiper-slide-active .ai-speaker-extra::before {
      width: 72px;
      transition-delay: .15s;
    }

    .ai-speaker-extra p {
      font-size: 13px;
      line-height: 1.65;
      color: #666;
      margin-bottom: 12px;
      opacity: 0;
      transform: translateX(-16px);
      transition: all .75s cubic-bezier(.22,1,.36,1);
    }

    .swiper-slide-active .ai-speaker-extra p {
      opacity: 1;
      transform: translateX(0);
      transition-delay: .18s;
    }

    .ai-readmore {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #ff4d00;
      font-size: 13px;
      font-weight: 700;
      text-decoration: none;
      opacity: 0;
      transform: translateX(-16px);
      transition: all .75s cubic-bezier(.22,1,.36,1);
    }

    .swiper-slide-active .ai-readmore {
      opacity: 1;
      transform: translateX(0);
      transition-delay: .32s;
    }

    .ai-readmore::after {
      content: "\F138";
      font-family: "bootstrap-icons";
      font-size: 13px;
      transition: transform .35s ease;
    }

    .ai-readmore:hover {
      gap: 13px;
      color: #000;
    }

    .ai-readmore:hover::after {
      transform: translateX(4px);
    }

    .ai-arrow {
      width: 48px;
      height: 48px;
      min-width: 48px;
      border-radius: 50%;
      background: #1b1b1b;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: background .8s ease, box-shadow .8s ease, transform .8s ease;
    }

    .ai-arrow i {
      font-size: 21px;
      display: inline-block;
      transform: rotate(0deg);
      transition: transform 1.4s cubic-bezier(.23,1,.32,1);
    }

    .swiper-slide-active .ai-arrow {
      background: #ff4d00;
      box-shadow: 0 12px 30px rgba(255,77,0,.28);
      transform: scale(1.04);
    }

    .swiper-slide-active .ai-arrow i {
      transform: rotate(-70deg);
    }

    @media (max-width: 1199px) {
      .ai-speaker-img {
        height: 320px;
      }
    }

    @media (max-width: 991px) {
      .ai-speaker-section {
        padding: 60px 0;
      }

      .ai-speaker-info {
        min-height: 230px;
      }
    }

    @media (max-width: 575px) {
      .container-fluid {
        width: 90%;
      }

      .ai-section-heading {
        margin-bottom: 30px;
      }

      .ai-section-heading p {
        font-size: 15px;
      }

      .ai-speaker-img {
        height: 300px;
      }

      .ai-speaker-info {
        padding: 18px;
        min-height: 220px;
      }

      .ai-arrow {
        width: 44px;
        height: 44px;
        min-width: 44px;
      }
    }


.ai-readmore{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:9px 20px;
    border-radius:999px;
    background:linear-gradient(135deg,#071132,#169ed0);
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    overflow:hidden;
    box-shadow:0 12px 28px rgba(22,158,208,.28);
    transition:.4s ease;
}

.ai-readmore::after{
    content:"\F138";
    font-family:"bootstrap-icons";
    font-size:13px;
    transition:.35s ease;
}

.ai-readmore::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
    transform:translateX(-120%) skewX(-20deg);
    transition:.6s ease;
}

.ai-readmore:hover{
    color:#fff;
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(22,158,208,.38);
}

.ai-readmore:hover::before{
    transform:translateX(120%) skewX(-20deg);
}

.ai-readmore:hover::after{
    transform:translateX(4px);
}

/* Modal Slide */
.ai-speaker-modal .modal-dialog-slideout{
    position:fixed;
    top:18px;
    right:18px;
    bottom:18px;
    margin:0;
    width:520px;
    max-width:calc(100% - 36px);
    transform:translateX(115%) scale(.96);
    transition:transform .55s cubic-bezier(.22,1,.36,1);
}

.ai-speaker-modal.show .modal-dialog-slideout{
    transform:translateX(0) scale(1);
}

.ai-speaker-modal .modal-content{
    position:relative;
    height:100%;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.2);
    border-radius:34px;
    background:
      radial-gradient(circle at 85% 5%,rgba(28,184,226,.25),transparent 30%),
      linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
    box-shadow:
      -30px 30px 80px rgba(7,17,50,.25),
      inset 0 1px 0 rgba(255,255,255,.9);
}

.ai-speaker-modal .modal-content::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(120deg,rgba(255,255,255,.55),transparent 36%),
      radial-gradient(circle at 20% 85%,rgba(184,158,85,.16),transparent 28%);
    pointer-events:none;
    z-index:1;
}

.ai-speaker-modal .modal-content::after{
    content:"";
    position:absolute;
    top:-80px;
    right:-80px;
    width:210px;
    height:210px;
    border-radius:50%;
    background:rgba(22,158,208,.18);
    filter:blur(12px);
    animation:modalGlowFloat 5s ease-in-out infinite;
    pointer-events:none;
}

/* Close */
.ai-modal-close{
    position:absolute;
    top:22px;
    right:22px;
    z-index:10;
    width:42px;
    height:42px;
    border-radius:50%;
    background-color:rgba(255,255,255,.95);
    opacity:1;
    box-shadow:0 14px 34px rgba(7,17,50,.18);
    transition:.35s ease;
}

.ai-modal-close:hover{
    transform:rotate(90deg) scale(1.08);
    background-color:#fff;
}

/* Header */
.ai-modal-header{
    position:relative;
    z-index:2;
    padding:20px 38px 105px;
    color:#fff;
    overflow:hidden;
    background:
      radial-gradient(circle at 75% 20%,rgba(255,255,255,.25),transparent 28%),
      linear-gradient(135deg,#071132 0%,#0c2f62 48%,#169ed0 100%);
}

.ai-modal-header::before{
    content:"";
    position:absolute;
    left:-20%;
    bottom:-65px;
    width:140%;
    height:100px;
    background:#f7fbff;
    border-radius:50% 50% 0 0;
    z-index:1;
}

.ai-modal-header::after{
    content:"";
    position:absolute;
    right:40px;
    bottom:42px;
    width:78px;
    height:78px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:22px;
    transform:rotate(15deg);
    animation:modalShapeMove 6s ease-in-out infinite;
}

.ai-modal-header span,
.ai-modal-header h3,
.ai-modal-header p{
    position:relative;
    z-index:2;
}

.ai-modal-header span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(10px);
    font-size:11px;
    font-weight:800;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:#c7fbff;
}

.ai-modal-header span::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#25f4ee;
    box-shadow:0 0 16px #25f4ee;
}

.ai-modal-header h3{
    margin:0 0 9px;
    font-size:34px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:-.6px;
	color:#fdc68d;
}

.ai-modal-header p{
    margin:0;
    max-width:360px;
    font-size:15px;
    line-height:1.5;
    opacity:.92;
}

/* Body */
.ai-modal-body{
    position:relative;
    z-index:3;
    padding:0 38px 38px;
    max-height:calc(100vh - 250px);
    overflow-y:auto;
}

.ai-modal-body::-webkit-scrollbar{
    width:5px;
}

.ai-modal-body::-webkit-scrollbar-thumb{
    background:#169ed0;
    border-radius:20px;
}

.ai-modal-img{
    position:relative;
    width:150px;
    height:150px;
    margin:30px 0 30px;
    border-radius:34px;
    padding:6px;
    background:linear-gradient(135deg,#fff,#e9f6fb);
    box-shadow:
      0 22px 42px rgba(7,17,50,.18),
      0 0 0 1px rgba(255,255,255,.9);
    transform:rotate(-3deg);
}

.ai-modal-img::before{
    content:"";
    position:absolute;
    inset:-7px;
    border-radius:38px;
    background:linear-gradient(135deg,#169ed0,#25f4ee,#b89e55);
    z-index:-1;
    opacity:.8;
    animation:borderGlow 4s linear infinite;
}

.ai-modal-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:28px;
    display:block;
}

.ai-modal-body h4{
    margin:0 0 12px;
    font-size:24px;
    font-weight:900;
    color:#071132;
    letter-spacing:-.3px;
}

.ai-modal-body p{
    margin:0 0 24px;
    font-size:15px;
    line-height:1.75;
    color:#526174;
}

.ai-modal-info{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.ai-modal-info div{
    position:relative;
    padding:18px;
    overflow:hidden;
    border-radius:22px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(22,158,208,.14);
    box-shadow:0 14px 34px rgba(7,17,50,.06);
    transition:.35s ease;
}

.ai-modal-info div::before{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    width:4px;
    height:34px;
    border-radius:0 8px 8px 0;
    background:linear-gradient(#169ed0,#25f4ee);
}

.ai-modal-info div:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 44px rgba(7,17,50,.11);
}

.ai-modal-info strong{
    display:block;
    margin-bottom:7px;
    font-size:11px;
    color:#071132;
    text-transform:uppercase;
    letter-spacing:1px;
}

.ai-modal-info span{
    display:block;
    font-size:14px;
    line-height:1.45;
    color:#526174;
}

/* Animations */
@keyframes modalGlowFloat{
    0%,100%{transform:translate(0,0) scale(1);}
    50%{transform:translate(-22px,24px) scale(1.12);}
}

@keyframes modalShapeMove{
    0%,100%{transform:rotate(15deg) translateY(0);}
    50%{transform:rotate(25deg) translateY(-12px);}
}

@keyframes borderGlow{
    0%{filter:hue-rotate(0deg);}
    100%{filter:hue-rotate(360deg);}
}

/* Responsive */
@media(max-width:575px){
    .ai-speaker-modal .modal-dialog-slideout{
        top:0;
        right:0;
        bottom:0;
        width:100%;
        max-width:100%;
    }

    .ai-speaker-modal .modal-content{
        border-radius:0;
    }

    .ai-modal-header{
        padding:42px 22px 92px;
    }

    .ai-modal-header h3{
        font-size:27px;
    }

    .ai-modal-body{
        padding:0 22px 30px;
        max-height:calc(100vh - 220px);
    }

    .ai-modal-img{
        width:128px;
        height:128px;
        margin-top:25px;
        border-radius:28px;
    }

    .ai-modal-img img{
        border-radius:22px;
    }

    .ai-modal-info{
        grid-template-columns:1fr;
    }
}

.agenda-item{
    position:relative;
    gap:24px;
    padding:22px 24px;
    margin-bottom:18px;
    border-radius:26px;
    background:
      linear-gradient(135deg,rgba(255,255,255,.96),rgba(245,250,255,.92));
    border:1px solid rgba(15,142,199,.15);
    box-shadow:0 18px 45px rgba(7,17,50,.08);
    overflow:hidden;
    transition:.4s ease;
}

.agenda-item::before{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    width:5px;
    height:calc(100% - 36px);
    border-radius:0 10px 10px 0;
    background:linear-gradient(180deg,#00e5ff,#0f8ec7,#071132);
}

.agenda-item::after{
    content:"";
    position:absolute;
    right:-70px;
    top:-70px;
    width:170px;
    height:170px;
    border-radius:50%;
    background:rgba(0,229,255,.12);
    filter:blur(6px);
    transition:.45s ease;
}

.agenda-item:hover{
    transform:translateY(-6px);
    box-shadow:0 26px 60px rgba(7,17,50,.13);
}

.agenda-item:hover::after{
    transform:scale(1.25);
}

.agenda-time{
    position:relative;
    z-index:2;
    min-width:170px;
    padding:14px 16px;
    border-radius:20px;
    background:linear-gradient(135deg,#071132,#0f8ec7);
    color:#fff;
    font-size:24px;
    font-weight:800;
    line-height:1;
    text-align:center;
    box-shadow:0 14px 30px rgba(15,142,199,.25);
}

.agenda-time .am{
    margin-left:3px;
    font-size:11px;
    font-weight:700;
    color:#bff6ff;
}

.agenda-time-dash{
    display:inline-block;
    margin:0 7px;
    color:rgba(255,255,255,.65);
}

.agenda-speaker-col{
    position:relative;
    z-index:2;
    flex:0 0 auto;
}

.speakers-holder{
    width:120px;
    height:120px;
    border-radius:50%;
    padding:4px;
    background:linear-gradient(135deg,#00e5ff,#ffffff,#0f8ec7);
    box-shadow:0 14px 28px rgba(7,17,50,.16);
}

.speakers-holder::before{
    content:"";
    position:absolute;
    inset:-7px;
    border-radius:50%;
    border:1px dashed rgba(15,142,199,.4);
    animation:agendaRotate 8s linear infinite;
}

.speakers-holder img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    display:block;
}

.agenda-content{
    position:relative;
    z-index:2;
    min-width:0;
    flex:1;
}

.agenda-content h4{
    margin:0 0 8px;
    font-size:22px;
    line-height:1.35;
    font-weight:800;
    color:#071132;
}

.agenda-content h5{
    margin:0;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 14px;
    border-radius:999px;
    background:rgba(15,142,199,.08);
    color:#0f8ec7;
    font-size:14px;
    font-weight:700;
}

.agenda-content h5::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#0f8ec7;
    box-shadow:0 0 12px rgba(15,142,199,.7);
}

@keyframes agendaRotate{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

@media(max-width:767px){
    .agenda-item{
        flex-direction:column;
        align-items:flex-start !important;
        gap:16px;
        padding:20px 18px;
        border-radius:22px;
    }

    .agenda-time{
        width:100%;
        min-width:100%;
        font-size:22px;
    }

    .agenda-speaker-col{
        align-self:center;
    }

    .speakers-holder{
        width:86px;
        height:86px;
    }

    .agenda-content{
        width:100%;
        text-align:center;
    }

    .agenda-content h4{
        font-size:18px;
    }

    .agenda-content h5{
        justify-content:center;
        font-size:13px;
    }
}

.agenda-break-session{background: linear-gradient(135deg, rgb(253 198 141), rgb(253 198 141));}

.agenda-panel-session{background: linear-gradient(135deg, rgb(253 198 141), rgb(253 198 141));}
.agenda-item.moderators{
    position:relative;
    width:100%;
    display:flex;
	text-align: center;
    align-items:center;
    gap:22px;
    padding:22px 26px;
    margin:22px 0;
    border-radius:26px;
    overflow:hidden;
    background:
      radial-gradient(circle at top right,rgba(0,229,255,.18),transparent 30%),
      linear-gradient(135deg,#071132 0%,#0f2f5f 55%,#0f8ec7 100%);
    box-shadow:0 22px 55px rgba(7,17,50,.18);
}

.agenda-item.moderators::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
    transform:translateX(-120%) skewX(-20deg);
    animation:sessionShine 5s linear infinite;
}

.session-badge{
    position:relative;
    z-index:2;
    flex:0 0 auto;
    padding:13px 20px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.22);
    color:#bff6ff;
    font-size:14px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.session-content{
    position:relative;
    z-index:2;
    flex:1;
    min-width:0;
}

.agenda-item.moderators h2{
    margin:0 0 8px;
    font-size:28px;
    line-height:1.25;
    font-weight:900;
    color:#fff;
}

.agenda-item.moderators h3{
    margin:0;
    display:inline-flex;
    padding:8px 15px;
    border-radius:999px;
    background:rgba(255,255,255,.92);
    color:#071132;
    font-size:14px;
    font-weight:800;
}

@keyframes sessionShine{
    0%{
        transform:translateX(-120%) skewX(-20deg);
    }
    100%{
        transform:translateX(140%) skewX(-20deg);
    }
}

@media(max-width:767px){
    .agenda-item.moderators{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
        padding:20px;
        border-radius:22px;
        text-align:left;
    }

    .agenda-item.moderators h2{
        font-size:22px;
    }

    .agenda-item.moderators h3{
        font-size:13px;
    }
}

@media(max-width:480px){
    .agenda-item.moderators{
        text-align:center;
        align-items:center;
    }

    .agenda-item.moderators h2{
        font-size:20px;
    }
}
.venue-image-wrap {
  position: relative;
  height: 100%;
  min-height: 430px;
  border-radius: 34px;
  overflow: hidden;
  box-shadow: 0 25px 70px rgba(7, 17, 50, 0.18);
}

.venue-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.8s ease;
}

.venue-image-wrap:hover img {
  transform: scale(1.08);
}

.venue-image-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 35%, rgba(7, 17, 50, 0.85));
}

.venue-overlay {
  position: absolute;
  left: 35px;
  right: 35px;
  bottom: 35px;
  z-index: 2;
  color: #fff;
}

.venue-overlay span,
.venue-kicker {
  display: inline-block;
  margin-bottom: 12px;
  padding: 8px 16px;
  border-radius: 50px;
  background: rgba(184, 158, 85, 0.18);
  color: #b89e55;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.venue-overlay h3 {
  margin: 0 0 8px;
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 800;
  line-height: 1.1;
}

.venue-overlay p {
  margin: 0;
  font-size: 17px;
  opacity: 0.9;
}

.venue-card {
  padding: 42px;
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(184, 158, 85, 0.22);
  box-shadow: 0 25px 65px rgba(7, 17, 50, 0.12);
}

.venue-card h4 {
  margin-bottom: 30px;
  color: #071132;
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 800;
}

.venue-item {
  display: flex;
  gap: 18px;
  padding: 22px 0;
  border-bottom: 1px solid rgba(7, 17, 50, 0.1);
}

.venue-icon {
  width: 54px;
  height: 54px;
  min-width: 54px;
  border-radius: 18px;
  background: linear-gradient(135deg, #071132, #182b67);
  color: #b89e55;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 12px 28px rgba(7, 17, 50, 0.18);
}

.venue-item span {
  display: block;
  margin-bottom: 6px;
  color: #b89e55;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.venue-item p {
  margin: 0;
  color: #39405a;
  font-size: 16px;
  line-height: 1.7;
}

.venue-btn {
  margin-top: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 24px;
  border-radius: 50px;
  background: #071132;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  transition: 0.35s ease;
}

.venue-btn:hover {
  background: #b89e55;
  color: #071132;
  transform: translateY(-4px);
}

.venue-map-box {
  margin-top: 45px;
  border-radius: 34px;
  overflow: hidden;
  box-shadow: 0 25px 65px rgba(7, 17, 50, 0.16);
  border: 8px solid #fff;
}

.venue-map-box iframe {
  width: 100%;
  height: 430px;
  display: block;
  border: 0;
}

/* Tablet */
@media (max-width: 991px) {
  .venue-premium-section {
    padding: 70px 0;
  }

  .venue-image-wrap {
    min-height: 380px;
  }

  .venue-card {
    padding: 34px;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .venue-premium-section {
    padding: 55px 0;
  }

  .venue-image-wrap {
    min-height: 310px;
    border-radius: 24px;
  }

  .venue-overlay {
    left: 22px;
    right: 22px;
    bottom: 24px;
  }

  .venue-overlay p {
    font-size: 15px;
  }

  .venue-card {
    padding: 26px 22px;
    border-radius: 24px;
  }

  .venue-item {
    gap: 14px;
    padding: 18px 0;
  }

  .venue-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 15px;
  }

  .venue-btn {
    width: 100%;
    padding: 14px 18px;
  }

  .venue-map-box {
    margin-top: 32px;
    border-radius: 24px;
    border-width: 5px;
  }

  .venue-map-box iframe {
    height: 320px;
  }
}

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

.supportX {
  position: relative;
}

.supportX-card {
  position: relative;
  padding: 42px;
  border-radius: 34px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(37, 211, 102, 0.18), transparent 32%),
    linear-gradient(135deg, #071132 0%, #13285f 100%);
  box-shadow: 0 28px 70px rgba(7, 17, 50, 0.22);
  isolation: isolate;
}

.supportX-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 33px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  pointer-events: none;
}

.supportX-card::after {
  content: "";
  position: absolute;
  top: -120px;
  right: -90px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(184, 158, 85, 0.18);
  filter: blur(4px);
  z-index: -1;
}

.supportX-bg-icon {
  position: absolute;
  right: 42%;
  bottom: -55px;
  color: rgba(255, 255, 255, 0.045);
  font-size: 170px;
  line-height: 1;
  transform: rotate(-12deg);
  z-index: -1;
}

.supportX-content {
  display: flex;
  align-items: center;
  gap: 24px;
}

.supportX-icon {
  width: 78px;
  height: 78px;
  min-width: 78px;
  border-radius: 24px;
  background: linear-gradient(135deg, #25d366, #128c7e);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  box-shadow: 0 16px 36px rgba(37, 211, 102, 0.28);
}

.supportX-kicker {
  display: inline-block;
  margin-bottom: 8px;
  padding: 7px 14px;
  border-radius: 50px;
  background: rgba(184, 158, 85, 0.16);
  color: #d7c073;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.2px;
}

.supportX-copy h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 800;
}

.supportX-copy p {
  margin: 0;
  color: rgba(255, 255, 255, 0.75);
  font-size: 16px;
  line-height: 1.7;
}

.supportX-action {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.supportX-wa {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 15px 20px;
  border-radius: 60px;
  background: #fff;
  color: #071132;
  text-decoration: none;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
  transition: 0.35s ease;
}

.supportX-wa:hover {
  transform: translateY(-4px);
  background: #25d366;
  color: #fff;
}

.supportX-wa-icon {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  transition: 0.35s ease;
}

.supportX-wa:hover .supportX-wa-icon {
  background: #fff;
  color: #25d366;
}

.supportX-wa strong,
.supportX-wa small {
  display: block;
  line-height: 1.2;
}

.supportX-wa strong {
  font-size: 15px;
  font-weight: 800;
}

.supportX-wa small {
  margin-top: 4px;
  font-size: 13px;
  opacity: 0.78;
}

.supportX-note {
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 13px;
}

/* Tablet */
@media (max-width: 991px) {
  .supportX-card {
    padding: 34px;
  }

  .supportX-content {
    align-items: flex-start;
  }

  .supportX-action {
    align-items: flex-start;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .supportX-card {
    padding: 28px 22px;
    border-radius: 26px;
    text-align: center;
  }

  .supportX-content {
    flex-direction: row;
    gap: 18px;
  }

  .supportX-icon {
    width: 68px;
    height: 68px;
    min-width: 68px;
    border-radius: 22px;
    font-size: 30px;
  }

  .supportX-action {
    align-items: center;
  }

  .supportX-wa {
    width: 100%;
    justify-content: center;
    border-radius: 22px;
  }

  .supportX-note {
    text-align: center;
  }

  .supportX-bg-icon {
    right: -20px;
    bottom: -35px;
    font-size: 120px;
  }
}
.inner-banner-mobile{display: none;}

@media only screen and (max-width:475px){
.inner-banner-mobile{display: block;padding-top: 3rem;}
.inner-banner{display:none;}}


.venue-image-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
}

.venueSwiper,
.venueSwiper .swiper-wrapper,
.venueSwiper .swiper-slide {
  width: 100%;
  height: 100%;
}

.venueSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  display: block;
}

.venue-overlay {
  position: absolute;
  left: 28px;
  bottom: 28px;
  z-index: 5;
  max-width: 360px;
  padding: 22px 26px;
  border-radius: 22px;
  background: rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(12px);
  color: #fff;
}

.venue-overlay span {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #d2c5ba;
}

.venue-overlay h3 {
  margin: 0 0 4px;
  font-size: clamp(26px, 4vw, 30px);
  font-weight: 400;
  color: #fff;
}

.venue-overlay p {
  margin: 0;
  font-size: 18px;
  color: rgba(255,255,255,0.88);
}

@media (max-width: 767px) {
  .venue-image-wrap {
    border-radius: 22px;
  }

  .venueSwiper .swiper-slide img {
    min-height: 320px;
  }

  .venue-overlay {
    left: 16px;
    right: 16px;
    bottom: 16px;
    max-width: none;
    padding: 18px 20px;
    border-radius: 18px;
  }
}
.kuwait-info-premium {
  position: relative;
  overflow: hidden;
  padding: 90px 0;
  background:
    radial-gradient(circle at 12% 20%, rgba(210,197,186,0.22), transparent 28%),
    radial-gradient(circle at 90% 15%, rgba(56,93,128,0.20), transparent 30%),
    linear-gradient(135deg, #f8f5f0 0%, #ffffff 48%, #eef4f8 100%);
}

.kuwait-bg-shape {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(6px);
  opacity: 0.55;
}

.shape-1 {
  width: 320px;
  height: 320px;
  left: -120px;
  bottom: -120px;
  background: rgba(56,93,128,0.16);
}

.shape-2 {
  width: 260px;
  height: 260px;
  right: -90px;
  top: 80px;
  background: rgba(210,197,186,0.32);
}

.kuwait-section-heading {
  max-width: 760px;
  margin: 0 auto 55px;
}

.kuwait-subtitle {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  padding: 9px 18px;
  border-radius: 999px;
  background: rgba(56,93,128,0.10);
  color: #385d80;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.kuwait-section-heading h1 {
  margin: 0;
  font-size: clamp(34px, 5vw, 58px);
  font-weight: 900;
  color: #385d80;
  text-transform: uppercase;
}

.kuwait-section-heading h1 span {
  color: #385d80;
}

.kuwait-section-heading p {
  max-width: 620px;
  margin: 14px auto 0;
  color: #657483;
  font-size: 17px;
  line-height: 1.75;
}

.kuwait-visual-panel {
  position: relative;
  min-height: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kuwait-video-frame {
  position: relative;
  width: min(430px, 100%);
  aspect-ratio: 1 / 1;
  padding: 14px;
  border-radius: 50%;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, #385d80, #d2c5ba, #385d80) border-box;
  border: 2px solid transparent;
  box-shadow:
    0 35px 90px rgba(56,93,128,0.24),
    inset 0 0 0 1px rgba(255,255,255,0.7);
  z-index: 2;
}

.video-kuwait {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

.kuwait-video-orbit {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(56,93,128,0.18);
  animation: kuwaitOrbit 16s linear infinite;
}

.orbit-one {
  width: 520px;
  height: 520px;
}

.orbit-two {
  width: 610px;
  height: 610px;
  border-style: dashed;
  animation-duration: 22s;
  animation-direction: reverse;
}

.kuwait-video-badge {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,0.88);
  backdrop-filter: blur(14px);
  color: #385d80;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: 0 12px 30px rgba(0,0,0,0.16);
}

.kuwait-video-badge i {
  color: #d2a96c;
  font-size: 18px;
}

.kuwait-floating-card {
  position: absolute;
  z-index: 3;
  padding: 16px 20px;
  border-radius: 22px;
  background: rgba(255,255,255,0.84);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.8);
  box-shadow: 0 22px 50px rgba(56,93,128,0.18);
  animation: kuwaitFloat 4s ease-in-out infinite;
}

.card-population {
  left: 4%;
  top: 18%;
}

.card-population strong {
  display: block;
  font-size: 30px;
  line-height: 1;
  font-weight: 900;
  color: #385d80;
}

.card-population span {
  font-size: 13px;
  font-weight: 700;
  color: #6a7682;
}

.card-landmark {
  right: 2%;
  bottom: 20%;
  display: flex;
  align-items: center;
  gap: 10px;
  animation-delay: 1s;
}

.card-landmark i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #385d80;
  color: #ffffff;
  font-size: 20px;
}

.card-landmark span {
  font-size: 14px;
  font-weight: 800;
  color: #243846;
}

.kuwait-content-card {
  position: relative;
  overflow: hidden;
  padding: 42px;
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,255,255,0.72)),
    linear-gradient(135deg, rgba(56,93,128,0.08), rgba(210,197,186,0.14));
  border: 1px solid rgba(255,255,255,0.9);
  box-shadow:
    0 28px 80px rgba(31,52,68,0.12),
    inset 0 1px 0 rgba(255,255,255,0.9);
}

.kuwait-card-glow {
  position: absolute;
  width: 260px;
  height: 260px;
  right: -90px;
  top: -90px;
  background: radial-gradient(circle, rgba(56,93,128,0.22), transparent 68%);
  pointer-events: none;
}

.kuwait-tag {
  display: inline-block;
  margin-bottom: 12px;
  padding: 8px 15px;
  border-radius: 999px;
  background: rgba(210,197,186,0.35);
  color: #385d80;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.kuwait-content-top h2 {
  margin: 0 0 15px;
  color: #385d80;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -1px;
}

.kuwait-content-top p {
  margin-bottom: 14px;
  color: #5f6f7d;
  font-size: 16px;
  line-height: 1.85;
}

.kuwait-content-top strong {
  color: #385d80;
  font-weight: 900;
}

.kuwait-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 28px;
}

.kuwait-chip-list span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(56,93,128,0.08);
  color: #385d80;
  font-size: 13px;
  font-weight: 800;
}

.kuwait-chip-list i {
  color: #b89871;
}

.kuwait-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.kuwait-feature-box {
  display: flex;
  gap: 14px;
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,0.76);
  border: 1px solid rgba(56,93,128,0.08);
  transition: all 0.35s ease;
}

.kuwait-feature-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 42px rgba(56,93,128,0.13);
}

.kuwait-feature-icon {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: radial-gradient(circle at top right, rgba(0, 229, 255, .18), transparent 30%), linear-gradient(135deg, #071132 0%, #0f2f5f 55%, #0f8ec7 100%);
  color: #ffffff;
  font-size: 22px;
  box-shadow: 0 14px 30px rgba(56,93,128,0.25);
}

.kuwait-feature-box h6 {
  margin: 0 0 5px;
  color: #243846;
  font-size: 15px;
  font-weight: 900;
}

.kuwait-feature-box p {
  margin: 0;
  color: #6a7782;
  font-size: 13px;
  line-height: 1.55;
}

.kuwait-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.kuwait-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  transition: all 0.35s ease;
}

.kuwait-btn-primary {
  background: radial-gradient(circle at top right, rgba(0, 229, 255, .18), transparent 30%), linear-gradient(135deg, #071132 0%, #0f2f5f 55%, #0f8ec7 100%);
  color: #ffffff;
  font-weight:500;	
  box-shadow: 0 16px 34px rgba(56,93,128,0.28);
}

.kuwait-btn-primary:hover {
  color: #ffffff;
  transform: translateY(-3px);
}

.kuwait-btn-outline {
  border: 1px solid rgba(56,93,128,0.28);
  color: #fff;
 font-weight: 500;	
  background: radial-gradient(circle at top right, rgba(0, 229, 255, .18), transparent 30%), linear-gradient(135deg, #071132 0%, #0f2f5f 55%, #0f8ec7 100%);
}

.kuwait-btn-outline:hover {
  background: #385d80;
  color: #ffffff;
  transform: translateY(-3px);
}

@keyframes kuwaitOrbit {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes kuwaitFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-12px);
  }
}

/* Tablet */
@media (max-width: 991px) {
  .kuwait-info-premium {
    padding: 70px 0;
  }

  .kuwait-visual-panel {
    min-height: 500px;
  }

  .kuwait-content-card {
    padding: 34px;
  }

  .orbit-one {
    width: 460px;
    height: 460px;
  }

  .orbit-two {
    width: 540px;
    height: 540px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .kuwait-info-premium {
    padding: 55px 0;
  }

  .kuwait-section-heading {
    margin-bottom: 35px;
  }

  .kuwait-section-heading p {
    font-size: 15px;
  }

  .kuwait-visual-panel {
    min-height: auto;
    padding: 30px 0 80px;
  }

  .kuwait-video-frame {
    width: min(320px, 90vw);
    padding: 10px;
  }

  .orbit-one {
    width: 360px;
    height: 360px;
  }

  .orbit-two {
    width: 420px;
    height: 420px;
  }

  .card-population {
    left: 8px;
    top: 20px;
  }

  .card-landmark {
    right: 8px;
    bottom: 34px;
  }

  .kuwait-floating-card {
    padding: 13px 15px;
    border-radius: 18px;
  }

  .card-population strong {
    font-size: 24px;
  }

  .card-landmark i {
    width: 36px;
    height: 36px;
    font-size: 17px;
  }

  .kuwait-content-card {
    padding: 26px 20px;
    border-radius: 26px;
  }

  .kuwait-feature-grid {
    grid-template-columns: 1fr;
  }

  .kuwait-actions {
    flex-direction: column;
  }

  .kuwait-btn {
    width: 100%;
  }
}

/* Small Mobile */
@media (max-width: 420px) {
  .kuwait-subtitle {
    font-size: 12px;
    padding: 8px 14px;
  }

  .kuwait-video-frame {
    width: 280px;
  }

  .orbit-one {
    width: 315px;
    height: 315px;
  }

  .orbit-two {
    width: 360px;
    height: 360px;
  }

  .kuwait-video-badge {
    bottom: 12px;
    font-size: 12px;
    padding: 10px 14px;
  }

  .kuwait-chip-list span {
    width: 100%;
  }
}
.attraction-card {
  min-width: 245px;
}

.attraction-content {
  display: flex;
  flex-direction: column;
}

.attraction-content strong,
.attraction-content span,
.attraction-card i {
  transition: all 0.45s ease;
}

.attraction-content strong {
  font-size: 15px;
  font-weight: 900;
  color: #243846;
  line-height: 1.15;
}

.attraction-content span {
  margin-top: 3px;
  font-size: 12px;
  color: #6f7d88;
  line-height: 1.4;
}

.attraction-card.changing i,
.attraction-card.changing strong,
.attraction-card.changing span {
  opacity: 0;
  transform: translateY(10px);
}

.attraction-card i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #385d80;
  color: #fff;
  font-size: 20px;
}

.ak-premium-page {
  position: relative;
  overflow: hidden;
  padding: 90px 0;
  background:
    radial-gradient(circle at top left, rgba(56, 93, 128, 0.16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(210, 197, 186, 0.32), transparent 34%),
    linear-gradient(135deg, #f8f5f0 0%, #ffffff 45%, #eef4f8 100%);
}

.ak-container {
  position: relative;
  z-index: 2;
  padding-left: clamp(16px, 4vw, 55px);
  padding-right: clamp(16px, 4vw, 55px);
}

.ak-bg-orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(5px);
}

.ak-orb-1 {
  width: 340px;
  height: 340px;
  left: -140px;
  top: 12%;
  background: rgba(56, 93, 128, 0.12);
}

.ak-orb-2 {
  width: 300px;
  height: 300px;
  right: -120px;
  bottom: 8%;
  background: rgba(210, 197, 186, 0.28);
}

.ak-header {
  max-width: 980px;
  margin: 0 auto 55px;
}

.ak-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 15px;
  padding: 10px 20px;
  border-radius: 999px;
  background: rgba(56, 93, 128, 0.09);
  color: #385d80;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.ak-header h1 {
  margin: 0;
  color: #385d80;
  font-size: clamp(38px, 6vw, 74px);
  font-weight: 900;
  text-transform: uppercase;
}

.ak-header h1 span {
  color: #385d80;
}

.ak-header p {
  max-width: 840px;
  margin: 18px auto 0;
  color: #657483;
  font-size: 17px;
  line-height: 1.85;
}

.ak-best-time {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  padding: 14px 22px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(56, 93, 128, 0.10);
  color: #385d80;
  font-weight: 800;
  box-shadow: 0 16px 38px rgba(56, 93, 128, 0.10);
}

.ak-section-title {
  display: flex;
  align-items: center;
  gap: 18px;
  max-width: 900px;
  margin: 0 auto 35px;
}

.ak-section-title span {
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(56, 93, 128, 0.25), transparent);
}

.ak-section-title h2 {
  margin: 0;
  color: #243846;
  font-size: clamp(24px, 4vw, 38px);
  font-weight: 900;
  text-align: center;
}

.ak-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 34px;
}

.ak-card {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  overflow: hidden;
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow:
    0 28px 80px rgba(31, 52, 68, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
  transition: all 0.4s ease;
}

.ak-card:nth-child(even) {
  grid-template-columns: 1.05fr 0.95fr;
}

.ak-card:nth-child(even) .ak-media {
  order: 2;
}

.ak-card:hover {
  transform: translateY(-8px);
  box-shadow:
    0 36px 95px rgba(31, 52, 68, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.ak-media {
  position: relative;
  min-height: 420px;
  overflow: hidden;
}

.ak-media img,
.ak-media video {
  width: 100%;
  height: 100%;
  min-height: 420px;
  display: block;
  object-fit: cover;
  transition: transform 0.8s ease;
}

.ak-card:hover .ak-media img,
.ak-card:hover .ak-media video {
  transform: scale(1.06);
}

.ak-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top, rgba(0,0,0,0.28), transparent 54%),
    linear-gradient(135deg, rgba(56,93,128,0.14), transparent);
}

.ak-content {
  position: relative;
  padding: clamp(26px, 4vw, 48px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ak-content::before {
  content: "";
  position: absolute;
  right: -80px;
  top: -80px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(56, 93, 128, 0.10), transparent 68%);
  pointer-events: none;
}

.ak-content h3 {
  position: relative;
  margin: 0 0 16px;
  color: #385d80;
  font-size: clamp(25px, 4vw, 42px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -0.8px;
}

.ak-content p {
  position: relative;
  margin-bottom: 18px;
  color: #647382;
  font-size: 15.5px;
  line-height: 1.82;
}

.ak-info-list {
  position: relative;
  display: grid;
  gap: 12px;
  margin-top: 8px;
}

.ak-info-list div {
  display: grid;
  grid-template-columns: 42px 145px 1fr;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  border-radius: 18px;
  background: rgba(56, 93, 128, 0.055);
  border: 1px solid rgba(56, 93, 128, 0.08);
}

.ak-info-list i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: radial-gradient(circle at top right, rgba(0, 229, 255, .18), transparent 30%), linear-gradient(135deg, #071132 0%, #0f2f5f 55%, #0f8ec7 100%);
  color: #fff;
  font-size: 18px;
}

.ak-info-list strong {
  color: #243846;
  font-size: 13px;
  font-weight: 900;
}

.ak-info-list span {
  color: #667684;
  font-size: 13px;
  line-height: 1.5;
}

.ak-info-list a {
  color: #385d80;
  font-weight: 800;
  text-decoration: none;
  word-break: break-word;
}

.ak-info-list a:hover {
  text-decoration: underline;
}

@media (max-width: 991px) {
  .ak-premium-page {
    padding: 70px 0;
  }

  .ak-card,
  .ak-card:nth-child(even) {
    grid-template-columns: 1fr;
  }

  .ak-card:nth-child(even) .ak-media {
    order: 0;
  }

  .ak-media,
  .ak-media img,
  .ak-media video {
    min-height: 360px;
  }

  .ak-content {
    padding: 32px;
  }
}

@media (max-width: 767px) {
  .ak-premium-page {
    padding: 55px 0;
  }

  .ak-header {
    margin-bottom: 38px;
  }

  .ak-header p {
    font-size: 15px;
    line-height: 1.75;
  }

  .ak-best-time {
    align-items: flex-start;
    text-align: left;
    font-size: 13px;
    line-height: 1.5;
  }

  .ak-section-title {
    gap: 10px;
    margin-bottom: 24px;
  }

  .ak-grid {
    gap: 24px;
  }

  .ak-card {
    border-radius: 26px;
  }

  .ak-media,
  .ak-media img,
  .ak-media video {
    min-height: 260px;
  }

  .ak-content {
    padding: 24px 20px;
  }

  .ak-info-list div {
    grid-template-columns: 38px 1fr;
    gap: 10px;
  }

  .ak-info-list span {
    grid-column: 2;
  }

  .ak-info-list i {
    width: 38px;
    height: 38px;
    font-size: 16px;
  }
}

@media (max-width: 420px) {
  .ak-kicker {
    font-size: 11px;
    padding: 8px 14px;
  }

  .ak-media,
  .ak-media img,
  .ak-media video {
    min-height: 230px;
  }

  .ak-content h3 {
    font-size: 24px;
  }

  .ak-content p {
    font-size: 14px;
  }
}

.visa-premium-page {
  position: relative;
  overflow: hidden;
  padding: 95px 0 80px;
  background:
    radial-gradient(circle at 12% 12%, rgba(56, 93, 128, 0.18), transparent 32%),
    radial-gradient(circle at 90% 10%, rgba(210, 197, 186, 0.35), transparent 30%),
    linear-gradient(135deg, #f8f5f0 0%, #ffffff 48%, #eef4f8 100%);
}

.visa-container {
  position: relative;
  z-index: 2;
}

.visa-bg {
  position: absolute;
  border-radius: 50%;
  filter: blur(8px);
  pointer-events: none;
}

.visa-bg-1 {
  width: 360px;
  height: 360px;
  left: -160px;
  bottom: 12%;
  background: rgba(56, 93, 128, 0.14);
}

.visa-bg-2 {
  width: 300px;
  height: 300px;
  right: -120px;
  top: 120px;
  background: rgba(210, 197, 186, 0.35);
}

.visa-hero {
  max-width: 850px;
  margin: 0 auto 42px;
}

.visa-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 15px;
  padding: 10px 20px;
  border-radius: 999px;
  background: rgba(56, 93, 128, 0.10);
  color: #385d80;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.visa-hero h1 {
  margin: 0;
  color: #385d80;
  font-size: clamp(38px, 6vw, 72px);
  font-weight: 900;
  /*letter-spacing: -2px;*/
text-transform: uppercase;	 
}

.visa-hero h1 span {
  color: #385d80;
}

.visa-hero p {
  max-width: 650px;
  margin: 16px auto 0;
  color: #657483;
  font-size: 17px;
  line-height: 1.75;
}

.visa-alert-card,
.visa-apply-card,
.visa-assistance-card {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.88);
  box-shadow:
    0 28px 80px rgba(31, 52, 68, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(16px);
}

.visa-alert-card {
  display: flex;
  gap: 18px;
  padding: 26px 30px;
  margin-bottom: 28px;
  border-left: 6px solid #d2a96c;
}

.visa-alert-icon {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, #d2a96c, #b98544);
  color: #fff;
  font-size: 24px;
}

.visa-alert-card h4 {
  margin: 0 0 5px;
  color: #385d80;
  font-weight: 900;
}

.visa-alert-card p {
  margin: 0;
  color: #657483;
  line-height: 1.75;
}

.visa-apply-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 34px;
  margin-bottom: 45px;
  background:
    linear-gradient(135deg, rgba(56, 93, 128, 0.96), rgba(31, 62, 86, 0.96)),
    radial-gradient(circle at top right, rgba(210, 197, 186, 0.26), transparent 35%);
  color: #fff;
}

.visa-apply-content span {
  display: inline-block;
  margin-bottom: 8px;
  color: #d2c5ba;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.visa-apply-content h3 {
  margin: 0 0 8px;
  font-size: clamp(24px, 4vw, 38px);
  font-weight: 900;
}

.visa-apply-content p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
}

.visa-main-btn {
  flex: 0 0 auto;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 26px;
  border-radius: 999px;
  background: #fff;
  color: #385d80;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  transition: 0.35s ease;
}

.visa-main-btn:hover {
  color: #385d80;
  transform: translateY(-4px);
  box-shadow: 0 18px 38px rgba(0,0,0,0.18);
}

.visa-country-intro {
  max-width: 950px;
  margin: 0 auto 30px;
  text-align: center;
}

.visa-country-intro h2 {
  margin: 0 0 12px;
  color: #385d80;
  font-size: clamp(26px, 4vw, 44px);
  font-weight: 900;
}

.visa-country-intro p {
  margin: 0;
  color: #657483;
  font-size: 16px;
  line-height: 1.8;
}

.visa-country-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  max-width: 1120px;
  margin: 0 auto 55px;
}

.visa-country {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 70px;
  padding: 15px 18px;
  border-radius: 20px;
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(56, 93, 128, 0.08);
  box-shadow: 0 14px 35px rgba(31,52,68,0.08);
  transition: all 0.35s ease;
}

.visa-country:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 45px rgba(31,52,68,0.13);
}

.visa-country img {
  width: 38px;
  height: 38px;
  object-fit: contain;
  border-radius: 50%;
  background: #fff;
  padding: 3px;
  box-shadow: 0 8px 18px rgba(0,0,0,0.10);
}

.visa-country span {
  color: #243846;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}

.visa-assistance-card {
  overflow: hidden;
}

.visa-assistance-head {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 34px;
  background:
    linear-gradient(135deg, rgba(56, 93, 128, 0.10), rgba(210, 197, 186, 0.22));
}

.visa-assistance-head > span {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  background: linear-gradient(135deg, #385d80, #253f58);
  color: #fff;
  font-size: 28px;
}

.visa-assistance-head h3 {
  margin: 0 0 6px;
  color: #385d80;
  font-size: clamp(24px, 4vw, 25px);
  font-weight: 600;
}

.visa-assistance-head p {
  margin: 0;
  color: #657483;
}

.visa-assistance-body {
  padding: 32px 34px 36px;
}

.visa-help-line {
  display: flex;
  gap: 13px;
  margin-bottom: 16px;
}

.visa-help-line i {
  color: #385d80;
  font-size: 20px;
  margin-top: 2px;
}

.visa-help-line p {
  margin: 0;
  color: #5f6f7d;
  line-height: 1.7;
}

.visa-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 26px;
}

.visa-contact-box {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 22px;
  border-radius: 22px;
  background: rgba(56, 93, 128, 0.06);
  border: 1px solid rgba(56, 93, 128, 0.10);
  text-decoration: none;
  transition: 0.35s ease;
}

.visa-contact-box:hover {
  transform: translateY(-5px);
  background: #385d80;
}

.visa-contact-box i {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  margin-bottom: 8px;
  border-radius: 16px;
  background: #385d80;
  color: #fff;
  font-size: 21px;
}

.visa-contact-box span {
  color: #657483;
  font-size: 13px;
  font-weight: 800;
}

.visa-contact-box strong {
  color: #243846;
  font-size: 16px;
  word-break: break-word;
}

.visa-contact-box:hover i {
  background: #fff;
  color: #385d80;
}

.visa-contact-box:hover span,
.visa-contact-box:hover strong {
  color: #fff;
}

.visa-footer {
  padding: 28px 0;
  background: #385d80;
  text-align: center;
}

.visa-footer p {
  margin: 4px 0;
  color: rgba(255,255,255,0.78);
  font-size: 14px;
}

.visa-footer a {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
}

.dm-event-logo {
  max-height: 42px;
}

/* Tablet */
@media (max-width: 991px) {
  .visa-premium-page {
    padding: 75px 0 65px;
  }

  .visa-country-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .visa-apply-card {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .visa-premium-page {
    padding: 58px 0;
  }

  .visa-alert-card {
    flex-direction: column;
    padding: 24px 20px;
    border-radius: 26px;
  }

  .visa-apply-card {
    padding: 26px 20px;
    border-radius: 26px;
  }

  .visa-main-btn {
    width: 100%;
    justify-content: center;
  }

  .visa-country-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .visa-country {
    min-height: 64px;
    padding: 12px;
    border-radius: 16px;
  }

  .visa-country img {
    width: 32px;
    height: 32px;
  }

  .visa-country span {
    font-size: 13px;
  }

  .visa-assistance-head {
    flex-direction: column;
    align-items: flex-start;
    padding: 26px 20px;
  }

  .visa-assistance-body {
    padding: 24px 20px;
  }

  .visa-contact-grid {
    grid-template-columns: 1fr;
  }
}

/* Small Mobile */
@media (max-width: 420px) {
  .visa-country-grid {
    grid-template-columns: 1fr;
  }

  .visa-hero h1 {
    font-size: 38px;
  }

  .visa-kicker {
    font-size: 11px;
    padding: 8px 14px;
  }
}

.accom-premium-page {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background:
    radial-gradient(circle at 10% 8%, rgba(56, 93, 128, 0.18), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(210, 197, 186, 0.35), transparent 30%),
    linear-gradient(135deg, #f8f5f0 0%, #ffffff 48%, #eef4f8 100%);
}

.accom-container {
  position: relative;
  z-index: 2;
  padding-left: clamp(15px, 4vw, 55px);
  padding-right: clamp(15px, 4vw, 55px);
}

.accom-bg-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(8px);
  pointer-events: none;
}

.accom-orb-1 {
  width: 360px;
  height: 360px;
  left: -150px;
  top: 120px;
  background: rgba(56, 93, 128, 0.13);
}

.accom-orb-2 {
  width: 310px;
  height: 310px;
  right: -120px;
  bottom: 120px;
  background: rgba(210, 197, 186, 0.35);
}

.accom-hero {
  max-width: 820px;
  margin: 0 auto 58px;
}

.accom-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  padding: 10px 20px;
  border-radius: 999px;
  background: rgba(56, 93, 128, 0.10);
  color: #385d80;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.accom-hero h1 {
  margin: 0;
  color: #385d80;
  font-size: clamp(40px, 7vw, 78px);
  font-weight: 900;
  letter-spacing: -2px;
}

.accom-hero p {
  max-width: 650px;
  margin: 17px auto 0;
  color: #657483;
  font-size: 17px;
  line-height: 1.8;
}

.accom-venue-card {
  max-width: 1240px;
  margin: 0 auto 75px;
  padding: 38px;
  border-radius: 38px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.88), rgba(255,255,255,0.66)),
    radial-gradient(circle at top right, rgba(56,93,128,0.12), transparent 35%);
  border: 1px solid rgba(255,255,255,0.9);
  box-shadow:
    0 30px 85px rgba(31,52,68,0.13),
    inset 0 1px 0 rgba(255,255,255,0.9);
  backdrop-filter: blur(16px);
}

.accom-venue-info {
  height: 100%;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.accom-label {
  width: fit-content;
  margin-bottom: 16px;
  padding: 9px 16px;
  border-radius: 999px;
  background: #385d80;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.accom-venue-info h2 {
  margin: 0 0 12px;
  color: #385d80;
  font-size: clamp(32px, 5vw, 54px);
  font-weight: 900;
  letter-spacing: -1px;
}

.accom-venue-info p {
  margin: 0 0 28px;
  color: #657483;
  font-size: 16px;
  line-height: 1.75;
}

.accom-info-list {
  display: grid;
  gap: 14px;
}

.accom-info-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 17px;
  border-radius: 22px;
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(56,93,128,0.08);
  box-shadow: 0 14px 34px rgba(31,52,68,0.08);
}

.accom-info-item i {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg, #385d80, #223f59);
  color: #fff;
  font-size: 20px;
}

.accom-info-item small {
  display: block;
  color: #8a97a3;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.accom-info-item strong {
  display: block;
  color: #243846;
  font-size: 14px;
  word-break: break-word;
}

.accom-main-map {
  height: 100%;
  min-height: 430px;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 20px 55px rgba(31,52,68,0.12);
}

.accom-main-map iframe {
  width: 100%;
  height: 100%;
  min-height: 430px;
  border: 0;
}

.accom-section-heading {
  margin: 0 auto 38px;
  max-width: 840px;
}

.accom-section-heading span {
  display: inline-block;
  margin-bottom: 10px;
  color: #385d80;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.accom-section-heading h2 {
  margin: 0;
  color: #385d80;
  font-size: clamp(30px, 5vw, 52px);
  font-weight: 900;
  letter-spacing: -1px;
}

.accom-mt {
  margin-top: 78px;
}

.accom-hotel-card {
  height: 100%;
  overflow: hidden;
  border-radius: 32px;
  background: rgba(255,255,255,0.86);
  border: 1px solid rgba(255,255,255,0.92);
  box-shadow:
    0 24px 70px rgba(31,52,68,0.12),
    inset 0 1px 0 rgba(255,255,255,0.9);
  backdrop-filter: blur(14px);
  transition: all 0.38s ease;
}

.accom-hotel-card:hover {
  transform: translateY(-9px);
  box-shadow:
    0 34px 95px rgba(31,52,68,0.17),
    inset 0 1px 0 rgba(255,255,255,0.95);
}

.accom-hotel-img {
  position: relative;
  height: 250px;
  overflow: hidden;
}

.accom-hotel-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top, rgba(0,0,0,0.35), transparent 58%),
    linear-gradient(135deg, rgba(56,93,128,0.15), transparent);
}

.accom-hotel-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.9s ease;
}

.accom-hotel-card:hover .accom-hotel-img img {
  transform: scale(1.08);
}

.accom-rating {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.92);
  color: #385d80;
  font-size: 13px;
  font-weight: 900;
  backdrop-filter: blur(12px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}

.accom-rating i {
  color: #f7b500;
}

.accom-hotel-body {
  padding: 26px;
}

.accom-hotel-body h3 {
  margin: 0 0 6px;
  color: #385d80;
  font-size: 25px;
  line-height: 1.22;
  font-weight: 900;
  letter-spacing: -0.4px;
}

.accom-stars {
  margin-bottom: 20px;
  color: #f7b500;
  font-size: 14px;
  letter-spacing: 2px;
}

.accom-price-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}

.accom-price-grid div {
  min-height: 78px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(56,93,128,0.065);
  border: 1px solid rgba(56,93,128,0.08);
}

.accom-price-grid small {
  display: block;
  margin-bottom: 4px;
  color: #7d8b96;
  font-size: 12px;
  font-weight: 800;
}

.accom-price-grid strong {
  display: block;
  color: #243846;
  font-size: 19px;
  line-height: 1.2;
  font-weight: 900;
}

.accom-map {
  overflow: hidden;
  border-radius: 22px;
  margin-bottom: 20px;
  border: 1px solid rgba(56,93,128,0.08);
}

.accom-map iframe {
  width: 100%;
  height: 190px;
  display: block;
  border: 0;
}

.accom-btn-row {
  display: flex;
  gap: 10px;
}

.accom-btn-outline,
.accom-btn-fill {
  flex: 1;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 11px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  transition: all 0.32s ease;
  text-align: center;
}

.accom-btn-outline {
  border: 1px solid rgba(56,93,128,0.32);
  color: #385d80;
  background: rgba(255,255,255,0.68);
}

.accom-btn-outline:hover {
  background: #385d80;
  color: #fff;
  transform: translateY(-3px);
}

.accom-btn-fill {
  background: linear-gradient(135deg, #385d80, #223f59);
  color: #fff;
  box-shadow: 0 14px 30px rgba(56,93,128,0.22);
}

.accom-btn-fill:hover {
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(56,93,128,0.30);
}

.accom-btn-fill.full {
  width: 100%;
  flex: unset;
}

.accom-whatsapp-alert {
  max-width: 980px;
  margin: 76px auto 0;
  padding: 28px 32px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  background:
    linear-gradient(135deg, #385d80, #213d56),
    radial-gradient(circle at top right, rgba(255,255,255,0.18), transparent 35%);
  box-shadow: 0 28px 75px rgba(31,52,68,0.18);
  color: #fff;
}

.accom-whatsapp-icon {
  flex: 0 0 66px;
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  background: rgba(255,255,255,0.14);
  color: #fff;
  font-size: 34px;
}

.accom-whatsapp-alert h4 {
  margin: 0 0 5px;
  font-size: 22px;
  font-weight: 900;
}

.accom-whatsapp-alert p {
  margin: 0;
  color: rgba(255,255,255,0.82);
  line-height: 1.6;
}

.accom-whatsapp-alert a {
  color: #fff;
  font-weight: 900;
  text-decoration: underline;
}

@media (max-width: 1199px) {
  .accom-hotel-img {
    height: 235px;
  }
}

@media (max-width: 991px) {
  .accom-premium-page {
    padding: 75px 0;
  }

  .accom-venue-card {
    padding: 28px;
    border-radius: 30px;
  }

  .accom-main-map,
  .accom-main-map iframe {
    min-height: 360px;
  }
}

@media (max-width: 767px) {
  .accom-premium-page {
    padding: 58px 0;
  }

  .accom-hero {
    margin-bottom: 42px;
  }

  .accom-hero p {
    font-size: 15px;
    line-height: 1.7;
  }

  .accom-venue-card {
    padding: 20px;
    border-radius: 26px;
    margin-bottom: 56px;
  }

  .accom-info-item {
    align-items: flex-start;
  }

  .accom-main-map,
  .accom-main-map iframe {
    min-height: 300px;
  }

  .accom-section-heading {
    margin-bottom: 28px;
  }

  .accom-mt {
    margin-top: 55px;
  }

  .accom-hotel-card {
    border-radius: 26px;
  }

  .accom-hotel-img {
    height: 220px;
  }

  .accom-hotel-body {
    padding: 21px;
  }

  .accom-price-grid {
    grid-template-columns: 1fr;
  }

  .accom-btn-row {
    flex-direction: column;
  }

  .accom-whatsapp-alert {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    border-radius: 26px;
  }
}

@media (max-width: 420px) {
  .accom-kicker {
    font-size: 11px;
    padding: 8px 14px;
  }

  .accom-hero h1 {
    font-size: 38px;
  }

  .accom-hotel-img {
    height: 200px;
  }

  .accom-map iframe {
    height: 170px;
  }

  .accom-hotel-body h3 {
    font-size: 22px;
  }
}