html.lenis{height:auto;}
.lenis.lenis-smooth{scroll-behavior:auto;}
.lenis.lenis-smooth[data-lenis-prevent]{overscroll-behavior:contain;}
.lenis.lenis-stopped{overflow:hidden;}
.lenis.lenis-scrolling iframe{pointer-events:none;} 
:root{
    --poppins:"Poppins", sans-serif;
    --sansita:"Sansita", sans-serif;
    --roboto: "Roboto", sans-serif;
    --turquoise:#5ebbca;
    --turquoise-mid:#6ee1da;
    --turquoise-light:#d5fffa;
    --blue-light:#449cb6;
    --turquoise-dark:#0d5f67;
    --white:#FFFFFF;
    --black:#000000;
    --gray1:#666666;
}
body{font-family:var(--poppins);color:var(--black);font-size:1rem;margin:0;padding:0;background-color:var(--turquoise-light);/*background:url(../images/Kuwait-Dermatology.jpg) left top no-repeat;background-size:100% auto;*/}
header{z-index:99;height:120px;}
/* header::before{content:'';left:0;top:0;width:100%;height:0%;position:absolute;z-index:-1;display:block;backdrop-filter:blur(10px);} */
.overlay{background-color:rgba(13, 95, 103,0.65);height:0;transition:height 0.1s ease;backdrop-filter:blur(10px);}
.banner{z-index:0;/*opacity:0 !important;*/}
.kuwait-dermatology-banner{mix-blend-mode:hard-light;}
.banner-base{z-index:-1;transform:scale(1.23);background:url(../images/banner-bg-sub.webp) center top no-repeat;background-size:cover;}
.banner-base img{left:0;top:50%;animation:rotation 150s linear 0s infinite;transform:translateY(-50%) rotate(0deg) ;transform-origin: center center;border-radius:50%;object-fit:cover;height:200%;opacity:0.5;}
@keyframes rotation{
    100%{transform: translateY(-50%) rotate(360deg);}
}

h1,h2,h3,h4,h5,h6{margin:0 0 1.5rem 0;padding:0;font-weight:normal;font-family:var(--poppins);}
a{color:var(--black);text-decoration:none;}
a:hover,a:focus{color:var(--turquoise);}
.logo-lines{width:273px;z-index:9;filter:grayscale(1) brightness(10);}
.dermatology-wraper{z-index:9}
.dermatology-symbol{width:273px;margin-top:247px;}
.dermatology-symbol .face{filter:grayscale(1) brightness(10);}
.dermatology-symbol .face,.dermatology-symbol .face-animation{width:305%;margin-left:-29%;}
.dermatology-symbol .face-animation{}
.logobar{transform-origin:left top;transition:transform 0.1s ease;}
.dermatology,.dermatology img,.btn,.register-btn,.nav-tabs li>*,footer a,.submenubar ul li a,.dermatology h1,.dermatology div,.dermatology span{transition:all 0.3s ease 0s;}
.dermatology h1,.dermatology div,.dermatology span{color:var(--white);}
.dermatology h1{font-size:45px;font-family:var(--sansita);font-weight:bold;margin-bottom:0;line-height:1.05}
.dermatology div{font-size:1.875rem;font-family:var(--roboto);font-weight:300;margin-top:7px;}
.dermatology span{font-size:1.538rem;font-family:var(--roboto);font-weight:500;margin-top:3px;}
.logobar-responsive{display:none;}
.dermatology img,.logobar-responsive img{display:block;width:100%;}
.menu-bg{display:none;}
.menu-link-wrap{display:none;}
.p-left-right{padding-left:12.7rem;padding-right:6.125rem;}
.p-left{padding-left:6.125rem;}
.p-right{padding-right:6.125rem}
.submenubar ul{list-style-type:none;margin:2.5rem 0 0 0;padding:0;}
.submenubar ul.nav-links li{margin:0 0 0 2rem;}
.submenubar ul li a{font-family:var(--poppins);font-size:1rem;color:var(--black);text-decoration:none;text-transform:uppercase;font-weight:500;letter-spacing:1px;}
.submenubar ul li a:hover{color:var(--white)}
/* .submenubar ul li.active a{color:var(--black);} */
.btn{background-color:var(--black);padding:0.7rem 2rem;border:2px solid var(--white);font-size:1.375rem;color:var(--white);cursor:pointer;text-decoration:none;font-weight:400;border-radius:0;}
.btn:hover,.btn:focus{background-color:var(--red);color:var(--white);text-decoration:none;border:2px solid var(--white);}
.menu-container .header-links{display:none;}
.goto-link{bottom:5rem;right:3.75rem;z-index:9;width:15px;display:block;}

@media screen and (min-width:992px){
    /* .submenubar,.submenubar ul{display:flex;align-items:center;}
    header.smaller{padding-top:10px;padding-bottom:10px;}
    header.smaller::before{opacity:1;}
    header.smaller .joy{width:80px;}
    header.smaller .topbar{margin-bottom:1rem}
    header.smaller .logobar h1{font-size:1.75rem;}
    header.smaller .submenubar ul.nav-links li{margin:0 0 0 2.5rem;} */
}
h1{font-size:1.938rem;font-weight:bold;margin:0 0 1.5rem 0;padding:0;color:var(--turquoise);}
p,li{color:var(--gray);margin:0 0 1.5rem 0;padding:0;font-size:1.375rem;line-height:1.35;font-family:var(--poppins);font-weight:500;}
.container{max-width:1527px;}
.ministry-logos{margin-top:11rem;}
.ministry-of-health{height:9rem;margin-bottom:2.5rem;}
.ministry{height:8.125rem;}
.ministry img,.ministry-of-health img{height:100%;}
.count-down{width:520px;margin-top:38.7rem;}
.count-down ul{}
.count-down ul li{flex:0 0 25%;color:var(--white);border:3px solid var(--white);text-align:center;padding:2rem 0;border-collapse:initial;margin:0;}
.count-down ul li + li{margin-left:-2px;}
.count-down ul li h2{font-size:2.063rem;font-weight: bolder;margin:0;}
.count-down ul li div{font-size:0.875rem;opacity:0.7;}
.register-btn{width:calc(100% - 4px);font-size:2.125rem;text-transform:uppercase;color:var(--white);text-align:center;font-weight:bold;background-color:rgba(255,255,255,0.42);padding:1.2rem 0;}
.register-btn:hover,.register-btn:focus{background-color:rgba(255,255,255,1);}
.about{z-index:9;bottom:10rem;}
.about .row .col:first-child{width:18%;max-width:18%;}
.about-holder{padding:15px;background-color:rgba(255,255,255,0.572);}
.about .row .col:last-child{width:82%;max-width:82%;padding-left:10%;}
.about .row .col:last-child h1{text-transform:uppercase;}
.about .row .col:last-child p{font-size:1rem;color:var(--white);letter-spacing:1px;}
.about .row .col:last-child h3{color:var(--white);font-size:1.313rem;font-weight:bold;text-transform:uppercase;margin-bottom:0;}
.about .row .col:last-child .chairperson{color:var(--white);font-size:1rem;text-transform:uppercase;letter-spacing:1px;}

.speakers{padding:3.75rem 0;}
.speaker-list{grid-template-columns:repeat(4, minmax(0, 1fr));gap:50px;}
.speaker-card{text-align:center;cursor: pointer;}
.speaker-card::before{content:'';position:absolute;left:2px;width:calc(100% - 4px);border:2px solid var(--black);height:75%;display:block;z-index:-1;bottom:0;}
.speaker-holder{height:0;padding-top:142.857142857%;overflow:hidden;}
.speaker-holder img{min-width:100%;min-height:100%;max-width:100%;object-fit:cover;position:absolute;left:50%;top:0;transform:translateX(-50%);}
.speaker-card h3{font-size:1.25rem;font-weight:bold;text-transform:uppercase;margin:1.875rem 0 0 0;}
.designation{font-size:0.925rem;font-weight:300;font-family:var(--roboto);padding-bottom:1.875rem;}

.schedule{padding:5rem 0;overflow:hidden;}
.schedule h1{color:var(--black);padding-left:3.125rem;}

.accordion-main{border:2px solid var(--black);}
.nav-tabs{border:none}
.nav-tabs,.tab-pane ul{list-style-type:none;padding:0;margin:0;}
.nav-tabs li{padding:5px;border-left:2px solid var(--black);border-right:2px solid var(--black);margin:0;}
.nav-tabs li:last-child{border-right:0px solid var(--black);}
.nav-tabs button{border:none;outline:none;background:none;padding:1rem 3rem;}
.nav-tabs button h3{font-size:1.875rem;color:var(--gray1);margin:0;font-weight:600;text-transform:uppercase}
.nav-tabs button .tab-date{font-size:1.5rem;color:var(--turquoise);text-transform:uppercase}
.nav-tabs button:hover{background-color:var(--turquoise-mid)}
.nav-tabs button:hover h3,.nav-tabs button:hover .tab-date{color:var(--white)}
.nav-tabs .snav-link.active{background-color:var(--turquoise-mid)}
.nav-tabs .snav-link.active h3{color:var(--white)}
.nav-tabs .snav-link.active .tab-date{color:var(--white)}

.tab-content{padding:8.438rem 7.188rem 7.188rem 7.188rem;border-top:2px solid var(--black);}
.tab-content-bg{background:url(../images/schedule-bg.webp) left top no-repeat;background-size:cover;z-index:1;}
/* .schdl_01{fill: #0d5f67;} */
.path06{ stroke-width:1;stroke: #fff;fill: linear-gradient(90deg,rgba(110, 225, 218, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(110, 225, 218, 1) 100%);}

.tab-pane{z-index:19;}
.tab-pane ul{}
.tab-pane ul li{padding-bottom:1.5rem;border-bottom:2px solid var(--turquoise);margin-bottom:1.5rem;}
.tab-pane ul li:last-child{border:none;margin-bottom:0;}
.tab-pane ul li h3{color:#6ee1da;font-size:1.875rem;font-weight:600;margin-bottom:0.5rem;}
.tab-pane ul li h4{color:var(--white);font-size:1.5rem;font-weight:600;text-transform:uppercase;margin-bottom:0.5rem;}
.tab-pane ul li p{color:var(--white);margin-bottom:0;font-size:1.5rem;font-style: italic;}
.square{height:0;padding-top:100%;width:160px;border:2px solid var(--turquoise); }
.square img {
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.prev-next-btn .swiper-button-prev{margin-right:20px;}
.swiper-button-prev,.swiper-button-next{width:61px;height:auto;margin:0;}
.swiper-button-prev img,.swiper-button-next img{width:100%;}
.swiper-button-prev img{transform:scaleX(-1);}
.swiper-button-prev::after,.swiper-button-next::after{display:none;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0.4;filter:grayscale(1);}

.sponsor{padding:5rem 0;background-color:var(--white);}
.sponsor ul{list-style-type:none;padding:0;margin:0;flex-wrap:wrap;}
.sponsor ul li{padding:15px;flex:0 0 20%;}
.sponsor ul li img{min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover;border: 1px solid #ccc;}

.registration{padding:5rem 0;}
.btn-registration{background-color: #0d5f67!important;}
.support{text-align: center;}
.support h3{color: #0d5f67!important;}

.previous{padding:5rem 0;background-color:var(--white);}
.previous h4{font-size:18px;margin-top: 1rem;}

/*********************** Demo - 14 *******************/

@media only screen and (max-width:475px){
.box14:hover .icon{bottom: 0rem;}
.previous h4{font-size:13px;}}

.box14{position:relative;padding: 5px;border: 2px solid #0d5f67;}
.box15,.box17,.box18{box-shadow:0 0 5px #7e7d7d;text-align:center}
.box14:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;opacity:0;transition:all .35s ease 0s}
.box14:hover:before{opacity:1}
.box14 img{width:100%;height:auto}
.box14 .box-content{width:90%;height:85%;position:absolute;top:7%;left:5%}
.box14 .box-content:after,.box14 .box-content:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;transition:all .7s ease 0s}
.box14 .box-content:before{border-bottom:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.5);transform:scale(0,1);transform-origin:0 0 0}
.box14 .box-content:after{border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);transform:scale(1,0);transform-origin:100% 0 0}
.box14:hover .box-content:after,.box14:hover .box-content:before{opacity:1;transform:scale(1);transition-delay:.15s}
.box14 .title{font-size:21px;font-weight:700;color:#fff;margin:15px 0;opacity:0;transform:translate3d(0,-50px,0);transition:transform .5s ease 0s}
.box14:hover .title{opacity:1;transform:translate3d(0,0,0)}
.box14 .post{font-size:14px;color:#fff;padding:10px;background:#981d34;opacity:0;border-radius:0 19px;transform:translate3d(0,-50px,0);transition:all .7s ease 0s}
.box14 .icon,.box15 .icon{padding:0;list-style:none}
.box14:hover .post{opacity:1;transform:translate3d(0,0,0);transition-delay:.15s}
.box14 .icon{width:100%;margin:0;position:absolute;bottom:-10px;left:0;opacity:0;z-index:1;transition:all .7s ease 0s}
.box14:hover .icon{bottom:4rem;opacity:1;transition-delay:.15s}
.box14 .icon li a{display:block;width:100%;height:100%;line-height:40px;/*border:1px solid #fff;border-radius:0 16px;*/font-size:17px;color:#fff;/*margin-right:5px;*/transition:all .4s ease 0s;padding-left: 10px;padding-right: 10px;}
/*.box14 .icon li a:hover{background:#981d34;border-color:#981d34}*/
@media only screen and (max-width:990px){.box14{margin-bottom:10px}
}


footer{background-color:var(--turquoise-dark);padding:2rem 0;}
footer .container-fluid{display:flex;justify-content:space-between;align-items:center;}
footer p{font-size:1.125rem;color:var(--white);margin:0;}
footer ul{list-style-type:none;margin:0;padding:0;display:flex;}
footer ul li{margin:0;padding:0;}
footer ul li + li{margin-left:30px;}
footer ul li a{display:block;font-size:1rem;color:var(--white);}
footer ul li a:hover{color:var(--turquoise);}
footer p{margin:0;}
footer p a{color:var(--white);font-size:1rem;}
.logobar{margin-top:120px;position:relative;z-index:9;}

.modal{background-color: var(--turquoise-dark);background: url(../images/banner-bg-sub.webp) left top no-repeat;
    background-size: cover;}
.modal-content{background:none;box-shadow: none;border:none;}
.modal-dialog{max-width:1000px;}
.modal-header{border-bottom:0px solid #fff}
.modal-header h1{color:var(--turquoise-light); }
.modal-header .designation{margin-bottom:0;padding-bottom:0px;font-size:1.2rem;color:var(--white);}
.modal-dialog p,.modal-body ul li,.modal-body ol li{font-size:1rem;color:var(--white);letter-spacing:1px;}
.modal-body .speaker-card{width:200px;float:right;margin:0 0 1rem 2rem ;}
.modal-body .speaker-card::before{border-color:var(--turquoise-light);}
.modal-body ul li{color:var(--white);}
.btn-close{filter:invert(1);opacity:1;}
.btn,.btn:focus{background-color:var(--turquoise);border:none;padding:1rem 2rem;}
.btn:hover{background-color:var(--white);border:none;color:var(--turquoise);}
.modal-header,.modal-body,.modal-footer{padding-left:0;padding-right:0;}
.modal-footer{padding-top:2rem ;border-top:1px solid rgba(225,225,225,0.5)}

/*Responsive*/
@media screen and (min-width:1751px){
    
}
@media screen and (min-width:1600px) and (max-width:1750px) {
    .logobar{margin-top:120px}
    p, li{font-size:1.25rem}
}
@media screen and (min-width:1440px) and (max-width:1599px) {
    body{font-size:1.35rem;}
    p, li{font-size:1.35rem;}
    .p-left-right{padding-left:3.5rem;padding-right:3.5rem;}
    .p-left{padding-left:3.5rem;}
    .p-right{padding-right:3.5rem;}
    header{height:105px;}
    .container{max-width:1300px;}
    .logobar{margin-top:105px}
    .dermatology-symbol{width:230px;margin-top:195px}
    .logo-lines{width:230px;}
    .dermatology h1{font-size:2.75rem}
    .dermatology div{font-size:1.35rem}
    .dermatology span{font-size:1.2538rem}
    .ministry-of-health{height:8.5rem;}
    .ministry-logos{margin-top:9rem;}
    .count-down{margin-top:30rem;width:480px;}
    .count-down ul li h2{font-size:1.9rem}
    .count-down ul li{padding:1.9rem 0;}
    .register-btn{font-size:2rem;}
    .about .row .col:first-child{width:19%;max-width:19%;}
    .about .row .col:last-child{padding-left:7%;}
    .tab-content{padding:6.438rem 7.188rem 5.188rem 7.188rem}
    .nav-tabs button h3{font-size:1.65rem;}
    .nav-tabs button .tab-date{font-size:1.35rem;}
    .tab-pane ul li h3{font-size:1.75rem;}
    .tab-pane ul li h4,.tab-pane ul li p{font-size:1.4rem;}
}
@media screen and (min-width:1300px) and (max-width:1439px) {
    header{height:100px;}
    .container{max-width:1200px;}
    .logobar{margin-top:105px}
    .dermatology-symbol{width:230px;margin-top:180px}
    .logo-lines{width:230px;}
    .dermatology h1{font-size:2.55rem}
    .dermatology div{font-size:1.25rem}
    .dermatology span{font-size:1.1rem}
    .ministry-of-health{height:7.5rem;}
    .ministry-logos{margin-top:9rem;}
    .count-down{margin-top:30rem;width:480px;}
    .count-down ul li h2{font-size:1.7rem}
    .count-down ul li{padding:1.9rem 0;}
    .register-btn{font-size:1.8rem;}
    .about .row .col:first-child{width:19%;max-width:19%;}
    .about .row .col:last-child{padding-left:6%}
    .tab-content{padding:6.438rem 7.188rem 5.188rem 7.188rem}
    .nav-tabs button h3{font-size:1.65rem;}
    .nav-tabs button .tab-date{font-size:1.35rem;}
    .tab-pane ul li h3{font-size:1.75rem;}
    .tab-pane ul li h4,.tab-pane ul li p{font-size:1.4rem;} 
}
@media screen and (min-width:1024px) and (max-width:1299px) {
    body{font-size:1rem;}
    p, li{font-size:1rem;line-height:1.4;}
    .p-left-right{padding-left:20px;padding-right:20px;}
    .p-left{padding-left:20px;}
    .p-right{padding-right:20px;}
    header{height:100px;}
    .container{max-width:1200px;}
    .logobar{margin-top:105px}
    .dermatology-symbol{width:230px;margin-top:180px}
    .logo-lines{width:230px;}
    .dermatology h1{font-size:2.55rem}
    .dermatology div{font-size:1.25rem}
    .dermatology span{font-size:1.1rem}
    .ministry-of-health{height:7.5rem;}
    .ministry-logos{margin-top:9rem;}
    .count-down{margin-top:30rem;width:480px;}
    .count-down ul li h2{font-size:1.7rem}
    .count-down ul li{padding:1.9rem 0;}
    .register-btn{font-size:1.8rem;}
    .about .row .col:first-child{width:19%;max-width:19%;}
    .about .row .col:last-child{padding-left:6%}
    .tab-content{padding:6.438rem 7.188rem 5.188rem 7.188rem}
    .nav-tabs button h3{font-size:1.65rem;}
    .nav-tabs button .tab-date{font-size:1.35rem;}
    .tab-pane ul li h3{font-size:1.75rem;}
    .tab-pane ul li h4,.tab-pane ul li p{font-size:1.4rem;} 
}
@media screen and (min-width:992px) and (max-width:1023px) {
    body{font-size:1rem;}
    p, li{font-size:1rem;line-height:1.4;}
    .p-left-right{padding-left:20px;padding-right:20px;}
    .p-left{padding-left:20px;}
    .p-right{padding-right:20px;}
    
}
@media screen and (max-width:991px) {
    header{height:100px;padding-top:5px;}
    .p-left-right{padding-left:15px;padding-right:15px;}
    .p-left{padding-left:15px}
    .p-right{padding-right:15px}
    .logobar-responsive{display:flex;margin-bottom:auto;width:190px;}
    .container{max-width:100%;}
    .menu-link-wrap{display:block;position:relative;z-index:99;margin-top:35px;}
    .menu-link{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:70px;height:40px;background-color:var(--turquoise-dark);border-radius:35px;color:var(--white);}
    .menu-link::after,.menu-link::before{/*content:'';*/transition:all 0.3s ease 0.2s;position:absolute;left:50%;transform:translateX(-50%);width:34.2857142857%;height:2px;background-color:var(--white);display:block;}
    .menu-link::before{top:15px;}
    .menu-link::after{bottom:15px;}
    .menu-link svg{width:24px;}
    .menu-link:hover,.menu-link:focus{color:var(--white);}
    .menu-link svg path{stroke-dasharray:2;stroke-dashoffset:1;transition:all 1s cubic-bezier(.4,0,.2,1) 0s;}
    .menu-link.active{background-color:var(--black)}
    .menu-link.active svg path:first-child{stroke-dashoffset:3.5;}
    .menu-link.active svg path:last-child{stroke-dashoffset:5;}
    /* .menu-link.active svg path{transition:transform 1s cubic-bezier(.4,0,.2,1) 0.5s;} */
    .menu-link.active svg path:first-child{transform:translateY(4px);}
    .menu-link.active svg path:last-child{transform:translateY(-4px);}

    .menu-link.active:before{transform:translateX(-50%) rotate(45deg);top:18px;}
    .menu-link.active:after{transform:translateX(-50%) rotate(-45deg);bottom:19px;}
    .menu-container{position:absolute;right:-100vw;top:0;width:100vw;height:100vh;transition:right 0s ease 1s;border:0px solid red;z-index:1;}
    .menu-container.opened{right:0;transition:right 0.1s ease 0s;}
    .menu-wraper{width:100%;right:-100%;opacity:0; height:100vh;overflow-y:auto;overflow-x:hidden;position:absolute;transform:none!important;transition-property:right,opacity!important;transition-duration:1s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-delay:0s!important;z-index:9;}
    .wrapper,.logobar{transition:transform 1s cubic-bezier(.4,0,.2,1) 0s;}
    .wrapper{transform:translateX(0%)}
    .logobar{transform:translateX(0px)}
    body.menuopened .wrapper{transform:translateX(-125%)}
    body.menuopened .logobar{transform:translateX(-250px)}
    .submenubar{padding:20px 15px 15px 15px;background-color:var(--turquoise); max-width:480px;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;overflow-x:hidden;}
    .menu-container.opened .menu-wraper{right:0;opacity:1;/*transition:all 0.3s ease 0.3s;*/transition-delay:0.1s!important;transform:none!important;}
    .submenubar ul.nav-links{padding:0;margin:0px 0 0px 0}
    .submenubar ul.nav-links li{padding:10px 0;margin:0 0 0 0px}
    .submenubar ul.nav-links li a{font-size:1.75rem;position:relative;padding-left:0px;}
    /* .submenubar ul.nav-links li a::before{content:'';height:1px;width:0px;position:absolute;top:50%;transform:translateY(-50%);display:block;background-color:var(--red);transition:all 0.3s ease 0s;} */
    /* .submenubar ul.nav-links li.active a{padding-left:50px;border-bottom:0px solid var(--red)} */
    /* .submenubar ul.nav-links li.active a::before{width:30px;} */
    .submenubar .btn{font-size:16px;}
    .menu-container .header-links{display:block;margin:0 0 2rem 0;text-align:left;margin-top:auto;}
    .menu-container .header-links ul{display:flex;margin:0;text-align:left;justify-content:flex-start}
    .header-links ul li{margin:0;}
    .header-links ul li + li{margin-left:25px;}
    .menu-bg{display:none;position:absolute;right:0;top:0;height:100vh;width:100vw;background-color:rgba(0,0,0,0.72);opacity:0;transition:all 0.3s ease 0s;z-index:1;}
    /* .menu-container.opened .menu-bg{opacity:1;transition:all 0.3s ease 0.3s;} */
    .submenubar .btn{width:100%;font-size:1.5rem;}    
    .goto-link{right:20px;bottom:20px;}
    .btn{font-size:1rem;}

    .logobar{margin-top:55px;}
    .logo-lines{width:125px;}
    .dermatology-symbol{width:125px;margin-top:105px;}
    .dermatology h1{font-size:1.25rem;}
    .dermatology div{font-size:11px;}
    .dermatology span{font-size:11px;}
    .menuopened .dermatology h1,.menuopened .dermatology div,.menuopened .dermatology span{color:var(--turquoise-dark);}
    .about{top:10rem;}
    .speakers,.schedule,.sponsor {
        padding:50px 0;
    }
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .dermatology h1{font-size:2rem;}

}
@media screen and (min-width:768px) and (max-width:991px) {
    p, li{font-size:1.15rem;}
    .logobar{margin-top:55px;}
    .logo-lines{width:125px;}
    .dermatology-symbol{width:125px;margin-top:170px;}
    .dermatology h1{font-size:2.35rem}
    .dermatology div{font-size:19px;}
    .dermatology span{font-size:19px;}
    .about .row .col:last-child p{font-size:15px;}
    .kuwait-dermatology-banner{height:100%;width:auto!important;position:absolute;right:-200px;top:0;}
    .count-down{margin-top:0rem;position:absolute;right:15px;top:340px;width:295px;padding:10px 0;}
    .register-btn{font-size:20px;width:100%;padding:10px 0;}
    .about{position:relative!important;margin-top:31rem;top:auto;bottom:auto;padding-bottom:50px;}
    .about .row{ }
    .about .row .col:first-child{max-width: 23%;width: 23%;}
    .about .row .col:last-child{ padding-left:15px;max-width:75%;}
    .count-down ul li h2{font-size:21px;}
    .count-down ul li div{font-size:15px;}
    .count-down ul li{border:2px solid var(--white);padding:15px 5px;}
    .dermatology-wraper{display: block!important;}
    .ministry-logos{margin-top:0;position:absolute;top:155px;right:15px;}
    .ministry-of-health{height:75px;margin-bottom:15px;}
    .ministry{height:70px;}
    .speaker-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap:25px;
    }
    .speaker-card h3{padding:0 5px;}
    .speaker-card{padding:0 5px;}
    .designation{padding:0 5px 1.875rem 5px;}
    h1{font-size: 1.538rem;}
    .nav-tabs button h3{font-size:1.2538rem;}
    .nav-tabs button .tab-date{font-size:1.15rem;}
    .tab-content{padding:1rem;}
    .tab-pane ul li h3{font-size:1.5rem;}
    .tab-pane ul li h4,.tab-pane ul li p{font-size:1.35rem;}
    .sponsor ul li{flex:0 0 25%;}
    footer ul li a,footer p a{font-size:12px;}
    footer ul li + li {margin-left:20px;}
}
@media screen and (min-width:100px) and (max-width:767px) {
    p, li{font-size:1.1rem}
    h1 {font-size:1.5rem;}
    .banner-base{transform:scale(1.45);}
    .about .row .col:last-child p{font-size:14px;}
    .kuwait-dermatology-banner{height:100%;width:auto!important;position:absolute;right:-200px;top:0;}
    .count-down{margin-top:0rem;position:absolute;right:15px;top:340px;width:240px;padding:10px 0;}
    .register-btn{font-size:20px;width:100%;padding:10px 0;}
    .about{position:relative!important;margin-top:31rem;top:auto;bottom:auto;padding-bottom:50px;}
    .about .row{display:block;}
    .about .row .col:first-child{width:200px;max-width:200px;float: left;}
    .about .row .col:last-child{width:100%;max-width:100%;padding-left:15px;}
    .count-down ul li h2{font-size:16px;}
    .count-down ul li div{font-size:12px;}
    .count-down ul li{border:2px solid var(--white);padding:15px 5px;}
    .dermatology-wraper{display: block!important;}
    .ministry-logos{margin-top:0;position:absolute;top:155px;right:15px;}
    .ministry-of-health{height:65px;margin-bottom:15px;}
    .ministry{height:65px;}
    .modal-body .speaker-card{width:150px;}
    .modal-dialog p,.modal-body ul li,.modal-body ol li{font-size:15px;}
}
@media screen and (min-width:576px) and (max-width:767px) {
    
}
@media screen and (min-width:100px) and (max-width:575px) {
   .speaker-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .speaker-card{max-width:250px;margin:0 auto;}
	.speakers-details h4{font-size:17px;}
    .speaker-card h3{font-size:1.1rem;margin:10px 0 0 0}
    .designation{font-size:13px;padding:0px 5px 15px 5px}
    .schedule h1{padding:10px;}
    .nav-tabs li{flex:0 0 50%;border-left: 0px solid var(--black);}    
    .nav-tabs button{padding:10px;display: block;width:100%;}
    .nav-tabs button h3{font-size:22px;}
    .nav-tabs button .tab-date{font-size:18px;}
    .tab-content{padding:15px;}
    .tab-pane ul li{overflow:hidden;}
    .speaker-frame{float:left;width:160px;margin-top:20px;}
    .tab-pane ul li h3{font-size:25px;}
    .tab-pane ul li h4,.tab-pane ul li p{font-size:20px;margin-bottom:10px;}
    .sponsor ul li{flex:0 0 50%;}
    footer ul{flex-wrap:wrap;justify-content:center;}
    footer ul li a{font-size:14px;}
    footer p{text-align:center;margin-top:15px;}
    footer p a{font-size:14px;}
}
@media screen and (min-width:576px) and (max-width:767px) {
    .kuwait-dermatology-banner{right:0px}
}
@media screen and (min-width:400px) and (max-width:575px) {
    .kuwait-dermatology-banner{right:-150px}
}
@media screen and (min-width:375px) and (max-width:399px) {
    .kuwait-dermatology-banner{right:-225px}
}
@media screen and (min-width:360px) and (max-width:374px) {
    .kuwait-dermatology-banner{right:-275px;}
}
@media screen and (min-width:100px) and (max-width:359px) {
    .kuwait-dermatology-banner{right:-280px;}
}
@media screen and (orientation:portrait) and (min-width:100px) and (max-width:767px){
    
}

.sponsor h4{text-align:center;}

.speakers-details-block {height: 100%;cursor:pointer;}
.speakers-details{text-align: center;}
.speakers-details h4{font-size:20px;margin:10px;}
.speakers-details p{font-size:14px;font-weight: 300;padding: 5px;display: none;}
.speakers-img {position: relative;overflow: hidden;background-color: #5ebbca;height: 100%;}
.spkr-pic{background-color: rgba(13, 95, 103, 0.65);}
.flag-img {position: absolute;width: 12% !important;top: 15px;right: 10px;opacity: 1;}
.speakers-details {position: relative;z-index: 99;color:#000;}


/* card: animated gradient + entrance */
.pm-split-card{
  background: linear-gradient(135deg, #041a57 0%, #0e5050 60%, #236f75 100%);
  background-size: 200% 200%;
  border-radius: .9rem; box-shadow: 0 10px 24px rgba(4,26,87,.25);
  animation: pmGrad 18s ease-in-out infinite, pmIn .5s cubic-bezier(.2,.7,.2,1) both;
}

/* cover: hover tilt + glow (desktop), subtle lift on play */
.pm-split-cover img{
  width:78px; height:78px; object-fit:cover; border-radius:.7rem;
  box-shadow: 0 8px 18px rgba(0,0,0,.25);
  transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
  will-change: transform;
}
.pm-split-card:hover .pm-split-cover img{
  transform: rotate(-2deg) scale(1.02);
  box-shadow: 0 12px 24px rgba(0,0,0,.3);
}
.pm-split.is-playing .pm-split-cover img{
  transform: translateY(-1px) scale(1.015);
  filter: saturate(1.08);
}

/* titles */
.pm-split-title{ color:#fff; font-weight:600; line-height:1.1; }
.pm-split-sub{ color: rgba(255,255,255,.78); font-size:.9rem; }

/* play button + pulse on play */
.pm-split-btn{
  position: relative;
  width:44px; height:44px; border:0; border-radius:50%;
  display:grid; place-items:center; color:#0b132b;
  background: radial-gradient(circle at 30% 30%, #ffffff, #ffffff);
  box-shadow:0 8px 18px rgba(243,156,18,.35);
  transition: transform .2s ease, box-shadow .2s ease;
}
.pm-split-btn:hover{ transform:translateY(-1px); }
.pm-split-pulse{
  content:""; position:absolute; inset:0; border-radius:50%;
  box-shadow: 0 0 0 0 rgba(255,255,255,.35); opacity:0; pointer-events:none;
}
.pm-split.is-playing .pm-split-btn .pm-split-pulse{
  animation: pmPulse 1.4s ease-out infinite;
}

/* mini equalizer (only when playing) */
.pm-split-eq{ display:inline-flex; gap:3px; height:16px; align-items:flex-end; }
.pm-split-eq span{
  width:3px; height:4px; background:#ffd37a; opacity:.45; border-radius:2px;
}
.pm-split.is-playing #splitEq span{
  opacity:.95; animation: pmEq 1s ease-in-out infinite;
}
.pm-split.is-playing #splitEq span:nth-child(2){ animation-delay:.08s }
.pm-split.is-playing #splitEq span:nth-child(3){ animation-delay:.16s }
.pm-split.is-playing #splitEq span:nth-child(4){ animation-delay:.24s }
.pm-split.is-playing #splitEq span:nth-child(5){ animation-delay:.32s }

/* progress: subtle flowing stripes */
.pm-split-progress{ height:6px; background:rgba(255,255,255,.22); border-radius:8px; overflow:hidden; }
.pm-split-progress-fill{
  height:100%; width:0%;
  background:
    linear-gradient(90deg, rgba(255,255,255,.18) 25%, rgba(255,255,255,0) 0) 0 0/24px 100%,
    linear-gradient(90deg,#ffd37a,#f39c12);
  animation: pmFlow 2.2s linear infinite;
}

/* time */
.pm-split-time{ color:#e8efff; font-size:.8rem; min-width:52px; text-align:right; }

/* responsive */
@media (max-width:575.98px){
  .pm-split-cover img{ width:64px; height:64px; }
}

/* keyframes */
@keyframes pmGrad{
  0%,100%{ background-position: 0% 50% }
  50%    { background-position: 100% 50% }
}
@keyframes pmIn{
  from{ opacity:0; transform: translateY(6px); }
  to  { opacity:1; transform: none; }
}
@keyframes pmPulse{
  0%  { box-shadow:0 0 0 0 rgba(255,255,255,.35); opacity:.9; }
  100%{ box-shadow:0 0 0 16px rgba(255,255,255,0); opacity:0; }
}
@keyframes pmEq{
  0%,100%{ height:4px }
  50%    { height:16px }
}
@keyframes pmFlow{
  from { background-position: 0 0, 0 0; }
  to   { background-position: 24px 0, 0 0; }
}

/* reduced motion support */
@media (prefers-reduced-motion: reduce){
  .pm-split-card{ animation: none; }
  .pm-split-btn, .pm-split-cover img{ transition: none; }
  .pm-split-pulse, .pm-split-progress-fill{ animation: none; }
}