@charset "utf-8";

/* CSS Document */

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

a{text-decoration:none;color:var(--turquoise);}

a:hover,a:focus{color:var(--purple);}

:root{

    --site:#474747;

    --black:#000000;

    --white:#ffffff;

    --turquoise:#5bc6cc;

    --cream:#ffe8c5;

    --purple:#9e78b5;

    --blue-dark:#1c2b44;

    --yellow:#fbaa3b;

    --pink:#e9407e;

    --green:#69a13d;

    --mid-green:#b2d09b;

    --light-green:#ebfbde;

    --parrot:#b2d09b;

    --light-turquoise:#bddddc;

    --blue:#506ba5;

    --footer-bg:#4dc3ce;

    --mali:"Mali", cursive;

    --sansita:"Sansita", sans-serif;

    --cormorant:"Cormorant Garamond", serif;

    --roboto:"Roboto", sans-serif;

	--padding : 4rem;

}    

header,.btn,.navbar-register,.accordion-title,.accordion-title::after,.box-card-holder::after,.box-card h3,.box-card-img img,footer a,.korlc-card img,.korlc-card .banner-left-title{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s}

body,h1,h2,h3,h4,h5,h6,li,p,div{}

body{background:url(../img/bg-3.webp) center top repeat-y;background-size:100% auto;font-family:var(--roboto);}

header{width:100%;left:0;top:0;z-index:99;}

header::before{opacity:0;transition:all 0.5s ease-out 0s;backdrop-filter: blur(25px);background: linear-gradient(40deg, rgb(33 52 77), var(--color-bg-b));position: absolute;left:0;top:0;width:100%;height:100%;z-index:-1;position:absolute;content:'';}

header.smaller .navbar-collapse{}

header .navbar>.container{justify-content:center;}



.logo{width:650px;}

.logo img{width:100%;}

.stem-cell-man{position:absolute;right:0;top:0;width:80%;height:100%;}

.stem-cell-man img{width:100%;}



.logo-brand{display:block;overflow:hidden;margin-right:1rem;transition:all 0.7s ease 0s;}

.logo-brand span{width:250px}

header.smaller::before{opacity:0.95;}

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

	.logo-brand{width:0px;}

    .smaller .logo-brand{width:250px;}

    

    header.smaller .ksdc-brand{width:10rem;}

    header.smaller .navbar-register{margin-top:0rem;}

    header.smaller .navbar-expand-lg .navbar-nav .navi-link, header.smaller .navbar-expand-lg .navbar-nav .navi-link span{letter-spacing:0px}

    header.smaller .navbar-expand-lg .navbar-nav li {

        padding:0rem 1rem 0rem 1rem;

    }

}



.navbar-collapse{flex-grow:initial}

.navbar-register{text-align:right; }

.btn{background:var(--turquoise);font-family:var(--sansita);color:var(--white);font-size:1.5rem;padding:1rem 1rem;text-transform:uppercase;}

.btn,.btn:hover,.btn:focus{color:var(--white);border-radius:0;border:none;}

.btn:hover,.btn:focus{border:none;background:var(--pink);}

[data-aos="zoom-1"] {

    transform: scale(5);

    opacity:0.1;

    transition-property: transform, opacity;

}

[data-aos="zoom-1"].aos-animate {

    transform: scale(1);

    opacity:1;

}



/* #canvas{position:absolute;left:0;width:100%;height:100vh;top:0;opacity:0.2;z-index:0;} */



.navbar-expand-lg .navbar-nav .navi-link,.navbar-expand-lg .navbar-nav .navi-link span{letter-spacing:2px;white-space:nowrap;color:var(--turquoise);font-size:1.2rem;padding:0;font-weight:600; transition:all 700ms cubic-bezier(0.68, -0.55, 0.265, 1.55);font-family:var(--roboto);text-transform:uppercase;}

.navbar-expand-lg .navbar-nav .navi-link{position:relative;}

.navbar-expand-lg .navbar-nav .navi-link span{display:inline-block;}

.navbar-expand-lg .navbar-nav .navi-link:hover span:nth-child(even){transform:translateY(3px);}

.navbar-expand-lg .navbar-nav .navi-link:hover span:nth-child(odd){transform:translateY(-3px)}

.navbar-expand-lg .navbar-nav .navi-link:hover{ }

.navbar-expand-lg .navbar-nav li{padding:0rem 1.5rem 0rem 1.5rem}

.navbar-expand-lg .navbar-nav li:last-child{padding-right:0;}



.banner{min-height:100vh;z-index:1;overflow:hidden;padding-top:100px;}

.banner .timer-venue{min-height:calc(100vh - 100px);display:flex;justify-content:space-between;flex-direction:column;padding-bottom:15px;}

.timer-venue{width:500px;min-height:100%;position:absolute;left:10px;top:0px;}

.timer-venue h3{color:var(--cream);font-size:1.5rem;text-transform:uppercase;font-family:var(--roboto);font-weight:400;}

.venue{color:var(--cream);font-size:1.5rem;margin-bottom:15px;text-transform:uppercase}







.ministry{}

.ministry li{}

.ministry li img{max-width:100%}



.countdown,.cme{width:200px;height:200px;border-radius:50%;background-color:var(--purple);}

.countdown li div,.countdown li div p{color:var(--white);text-align:center}

.countdown li .day span{font-size:60px;text-align:center;font-family:var(--sansita);display:block;width:100%;line-height:1;padding-top:15px;}

.countdown li .day p{font-size:27px;text-align:center;font-family:var(--sansita);text-transform: uppercase;}

.countdown li .day p,.hms div p{margin-bottom:0;}

.hms{justify-content:space-between;width:80%;margin:0 auto;border-top:1px solid var(--white) ;}

.hms div span{font-size:18px;}

.hms div p{font-size:13px;}



.cme{color:var(--white);text-align:center;display: flex;flex-direction: column;justify-content: center;align-items: center;}

.cme div{font-size:1.5rem;font-family:var(--roboto);font-weight: 800;text-transform:uppercase;line-height:1;}

.cme h2{font-weight:900;font-size:5rem;margin:0;line-height:1;padding-bottom:5px;}



p{font-size:1.25rem;font-family:var(--roboto);font-weight:400;color:rgba(255,255,255,0.8);}

.about{ }

.about h1{margin-bottom:50px;}



h1{color:var(--turquoise);font-size:4.5rem;}

.committee{overflow:hidden;}

.speaker-card-dtl{}

.speaker-card-dtl h3{font-family:var(--sansita);font-size:1.8rem;text-align:center;color:var(--turquoise);margin:0.5rem 0 1rem 0;}

.speaker-card-dtl p{color:#253a56;font-size:1.15rem;text-align:center;}

.speaker-row .col-lg-3{padding:calc(var(--bs-gutter-x) * .5);}





.program,.registration,.sponsors,.about,.committee,.previous{padding:5rem 0 3rem 0;}

.registration h1{margin-bottom:25px;}

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

.accordion-main .nav-tabs{width:100%;border-bottom:none;display:flex;}

.nav-tabs button{display:block;border:none;background:none;position:relative;}

.nav-tabs button + button{margin-left:2rem;}

.nav-tabs button h3{font-family:var(--sansita);opacity:1;font-size:3rem;color:var(--white);font-weight:400;text-transform:uppercase;text-align:left;margin-bottom:0;}

.nav-tabs button .tab-date{font-family:var(--roboto);opacity:1;font-size:1.25rem;color:var(--white);font-weight:400;text-transform:uppercase;text-align: left}

.nav-tabs button.active img{opacity:1}

.nav-tabs button.active h3,.nav-tabs button.active .tab-date{color:var(--white);opacity:0.5;}

.tab-pane ul{margin:0;padding:0;}

.tab-pane ul li::before{content:'';left:0;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background:rgba(0,17,82,0.8);border:1px solid rgba(0,17,82,1);border-radius:15px;}



.tab-pane ul li{display:flex;width:100%;border-radius:15px;padding:15px;align-items:center;margin-bottom:2.1875rem;transition:all 0.4s ease-out 0s;}

.tab-pane ul li.registration{background:var(--turquoise);box-shadow:-7px 7px 25px 0 rgba(111,58,4,0.15)}



.tab-pane ul li.break{background:#daa490;box-shadow:-7px 7px 25px 0 rgba(111,58,4,0.15)}

.tab-pane ul li.break .speaker-frame::before{background:#8f513a;}

.tab-pane ul li.ceremony{background:#b37f13;box-shadow:-7px 7px 25px 0 rgba(111,58,4,0.15)}

.tab-pane ul li.ceremony .speaker-frame::before{background:#9f7e2f;}

.tab-pane ul li.program-title,.tab-pane ul li.program-title:hover{background:none!important;box-shadow:none;}



.programme-dtl .time-div{font-size:1.875rem;font-family:var(--sansita);font-weight:500;color:var(--purple);line-height:1}

.tab-pane ul li .speaker-photo{width:13.125rem;height:0;padding-bottom:90%;overflow:hidden;background:#d4d4d4;border-radius:2rem;position:relative;}

.tab-pane ul li .speaker-photo img{width:100%;min-height:100%;position:relative;z-index:9;position:absolute;left:0;top:0;}

.tab-pane ul li .speaker-frame{position:relative;z-index:1;padding-top:10px;}

.tab-pane ul li .speaker-frame .box-card-img{width:200px;}

/* .tab-pane ul li .speaker-frame::before{content:'';position:absolute;left:-5px;top:-5px;width:98%;height:100%;background:var(--turquoise);z-index:-1;border-radius:2rem;} */

.programme-dtl{ padding-left:3rem;display:flex;flex-flow:column;gap:5px;}

.programme-dtl h4{font-size:2.25rem;font-weight:500;font-family:var(--sansita);margin-bottom:0;color:var(--site);color:var(--pink);}

.programme-dtl h3{font-size:1.875rem;font-weight:400;font-family:var(--roboto);margin-bottom:0;color:var(--site);color:#28adb4}

.programme-dtl .time-div,.programme-dtl h4,.programme-dtl h3{transition:all 0.4s ease-out 0s;}

.tab-pane ul li.registration:hover{background:var(--turquoise);box-shadow:-7px 7px 25px 0 rgba(111,58,4,0.15)}

.tab-pane ul li.registration h4,.tab-pane ul li.registration h3,.tab-pane ul li.registration .time-div{color:var(--white);}



.tab-pane ul li.session::before{background:var(--turquoise);border:1px solid var(--turquoise);}

.tab-pane ul li.session h2{font-size:1.875rem;font-weight:600;text-transform:uppercase;margin-bottom:0;}

.tab-pane ul li.session h3{font-size:2.25rem;font-weight:400;margin-bottom:0;}



.tab-pane ul li.lunch::before{background:var(--yellow);border:1px solid var(--yellow);}

.tab-pane ul li.lunch .time-div{color:#764706}

.tab-pane ul li.lunch h2{color:#764706}

.tab-pane ul li.lunch h4{color:#764706}



.tab-pane ul li.faq::before{background:#72d6ff;border:1px solid #72d6ff;}

.tab-pane ul li.faq .time-div{color:#0487be}

.tab-pane ul li.faq h2{color:#0487be}

.tab-pane ul li.faq h4{color:#0487be}



.spacing{visibility:hidden;opacity:0;}

h1 span:nth-child(1){transition-delay:0s;}

h1 span:nth-child(2){transition-delay:0.1s;}

h1 span:nth-child(3){transition-delay:0.15s;}

h1 span:nth-child(4){transition-delay:0.2s;}

h1 span:nth-child(5){transition-delay:0.25s;}

h1 span:nth-child(6){transition-delay:0.3s;}

h1 span:nth-child(7){transition-delay:0.35s;}

h1 span:nth-child(8){transition-delay:0.4s;}

h1 span:nth-child(9){transition-delay:0.45s;}

h1 span:nth-child(10){transition-delay:0.5s;}

h1 span:nth-child(11){transition-delay:0.55s;}

h1 span:nth-child(12){transition-delay:0.6s;}

h1 span:nth-child(13){transition-delay:0.65s;}

h1 span:nth-child(14){transition-delay:0.7s;}

h1 span:nth-child(15){transition-delay:0.75s;}

h1 span:nth-child(16){transition-delay:0.8s;}

h1 span:nth-child(17){transition-delay:0.85s;}

h1 span:nth-child(18){transition-delay:0.9s;}

h1 span:nth-child(19){transition-delay:0.95s;}

h1 span:nth-child(20){transition-delay:1.0s;}

h1 span:nth-child(21){transition-delay:1.1s;}

.messages .col{width:297px;max-width:297px}

.messages .col + .col{margin-left:185px;}

.colleagues-holder{margin-bottom:15px;}

/* .colleagues-holder svg{position:absolute;left:-5px;top:-10px;z-index:1;width:112%;animation:rotate 5s linear 0s;} */

.colleagues-holder .oval-shape{position:absolute;left:0px;top:-5px;z-index:1;width:100%;fill:none;stroke:#ffffff;stroke-miterlimit:2.61;stroke-width:2px;fill-rule:evenodd;}

@keyframes rotate {

    0%{transform:rotate(0deg);}

    100%{transform:rotate(360deg);}

}



.colleagues-card h3{color:var(--blue);font-weight:600;font-size:1.5rem;white-space:nowrap;}

.colleagues-card p{font-size:1.125rem;white-space:nowrap;}



.messages .col-12{padding-top:25px;}

.messages .col-12 h4{color:var(--purple);font-weight:600;font-size:1.875rem;margin-bottom:1rem;}

.messages .col-12 p{font-size:1.25rem;font-weight:500}

.read-more a{font-size:1.125rem;}



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

.swiper-button-prev::before,.swiper-button-next::before{width:30px;height:30px;display:block;content:'';border-width:3px;border-color:transparent;border-style:solid;border-right-color:var(--light-blue);border-bottom-color:var(--light-blue);}

.swiper-button-prev::before{transform:rotate(135deg);}

.swiper-button-next::before{transform:rotate(-45deg);}

.swiper-button-prev:hover::before,.swiper-button-next:hover::before{border-right-color:var(--orange);border-bottom-color:var(--orange);}

.swiper-button-prev,.swiper-button-next{margin-top:-50px;}

.swiper-button-prev{left:-10px;}

.swiper-button-next{right:-10px;}

.swiper-button-prev::before,.swiper-button-next::before{border-right-color:var(--white);border-bottom-color:var(--white);}

.speakers-carousel-sub .swiper-button-prev::before,.speakers-carousel-sub .swiper-button-next::before{border-right-color:var(--green);border-bottom-color:var(--green);}

.mySpeaker{

    width: 100%;

    height: 900px!important;

    margin-left: auto;

    margin-right: auto;

  }



  .mySpeaker .swiper-slide {

    text-align: center; 

    height: calc((100% - 30px) / 2) !important;



    /* Center slide text vertically */

    display: flex;

    justify-content: center;

    align-items: center;

  }

.sponsors h1{color:var(--turquoise);}

.sponsors h1 span{color:var(--turquoise);}

 

.sponsors h6{font-size:2.25rem;color:var(--white);font-weight:500;margin-bottom:2rem;margin-top:2rem;text-align:center;}

.sponsors .row .col-lg-3{padding-top:calc(var(--bs-gutter-x) * .5);padding-bottom:calc(var(--bs-gutter-x) * .5);}

.sponsors-logo{background-color:var(--white);}

.sponsors-logo img{max-width:100%;}

.offcanvas-header{padding-left:2rem;}

.offcanvas-body{padding-left:2rem;padding-right:2rem;}



.form-control,.form-select{background: linear-gradient(40deg, rgb(33 50 74), var(--color-bg-b));border: 1px solid rgb(77 195 206);font-size:1.15rem;color: var(--white);}

.form-floating>label{color:rgba(255,255,255,0.5);font-size:1rem;} 

.kwd{font-size:2rem;color:var(--turquoise);margin-bottom:10px;}

#regsubButt{width:200px;}

.form-select option{background-color:var(--color-bg-b);color:var(--white);}

footer{background:var(--footer-bg);padding:1.5rem 0;}

footer p,footer a{margin:0;padding:0;font-size:1.313rem;font-weight:400;color:var(--black);text-align: center;}

footer p:first-child{text-transform:uppercase;}

footer a:hover{color:var(--black);}

.offcanvas{z-index:999;}

.modal-backdrop{z-index:555;}

.offcanvas.offcanvas-end{width:50%;}

.form-control:focus{color: var(--white);background-color:rgba(38,131,194,0.5);border-color:rgba(38,131,194,0.5);outline:0;box-shadow:0 0 0 0.25rem rgba(38,131,194,0.5);}

.form-select:focus{border-color:var(--turquoise);outline:0;box-shadow:0 0 0 0.25rem rgba(38,131,194,0.5)}

.form-select,.form-control{border-radius:0}



.modal-dialog {

    max-width: 1300px;

}

h2.committee-head{color:#9e78b5;}

.modal-content{background: linear-gradient(40deg, rgb(18 107 199), var(--color-bg-b));}

.modal-body .speaker-photo{width:300px;flex:0 0 300px}

.modal-body .speaker-photo img{width:100%;}

.speaker-info{padding-left:25px;}

.modal-title{font-size:30px;color:var(--turquoise);}

.modal-header{border-bottom:1px solid rgba(255,255,255,0.1)}

.modal-header h6{margin-bottom:1rem;color:var(--white);}

.modal-header h6 a{color:var(--deep-green)}

.modal-header h6 a:hover{color:var(--turquoise)}

.modal-footer{border-top:1px solid rgba(255,255,255,0.1)}

.modal-content{border:none;}

.modal-body{padding-top:2rem;}

.modal-body p,.speaker-info li{color:rgba(255,255,255,0.8);line-height:1.5;}

.speaker-info ul{list-style-type:none;margin:0 0 1.5rem 0;padding:0;}

.speaker-info ul li{padding:5px 5px 5px 40px;margin:0;position:relative;}

.speaker-info ul li::before {

    content: '';

    width: 21px;

    height: 12px;

    position: absolute;

    left: 0;

    top: 12px;

    background: url(../img/arrow-right.svg) left center no-repeat;

    background-size: 100% auto;

    display: block;

    /* filter: invert(1) brightness(10); */

}

.modal-header .btn-close{margin-right:25px;filter: invert(1);}

.btn-close:focus {

    outline: 0;

    box-shadow: 0 0 0 .25rem rgba(0, 0, 0, .25);

    opacity: 1;

}

/* .annual-conference{margin:0;}

.annual-conference .banner-holder{width:33.3333%;margin:0;padding:0;overflow:hidden;}

.annual-conference .banner-holder:nth-child(4),.annual-conference .banner-holder:nth-child(7){width:66.6666%;} 

.annual-conference .banner-holder:nth-child(1){}

.annual-conference .banner-holder:nth-child(2){border-bottom-right-radius:5rem}

.annual-conference .banner-holder:nth-child(3){border-top-left-radius:5rem;}

.annual-conference .banner-holder:nth-child(4){border-top-left-radius:5rem;}

.annual-conference .banner-holder:nth-child(5){border-bottom-right-radius:5rem;}

.annual-conference .banner-holder:nth-child(6){border-bottom-right-radius:5rem;}

.annual-conference .banner-holder:nth-child(7){border-bottom-right-radius:5rem;}



.aos-animate{}



.abstract-btn{margin-top:1.5rem;}

.venue-time{margin:3rem 0 0 0;padding:0;}

.venue-time li{list-style-type:none;}

.venue-time li:first-child{margin-bottom:1rem;}

.venue-time li div{font-family:var(--mali);font-size:1.875rem;}

.venue-time li div img{width:1.875rem}

.venue-time li:nth-child(2){text-transform:uppercase;}

.skyline{position:absolute;left:0;bottom:0;width:79.1145833333%;z-index:1;}





[data-aos="heading-1"] span {

    transform:translateX(250px) scale(2);

    opacity:0;

    transition-property: transform, opacity;

}

[data-aos="heading-1"].aos-animate span{

    transform:translateX(0px) scale(1);

    opacity:1;

}





.cursor-pointer{cursor: pointer;}



.message{padding:8.5rem 0 5.5rem 0;background:url(../img/message-bg.webp) left top no-repeat;background-size:100% auto;}

.message-img{width:30rem;float:left;position:relative;margin:0 5rem 5rem 0;}

.message-holder{position:relative;overflow:hidden;border-radius:0 0 45.2% 0}

.message-img::after,.message-img::before{content:'';position:absolute;left:0;top:0;border-radius:0 0 50% 0;}

.message-img::before{width:calc(100% - 1rem);height:calc(100% + 1rem);left:2.75rem;border-right:1.75rem solid var(--gray);border-bottom:1rem solid var(--gray);}

.message-img::after{width:calc(100% + 2.75rem);height:calc(96% + 2.15rem);top:4%;border-right:2.75rem solid var(--turquoise-dark);border-bottom:2.15rem solid var(--turquoise-dark);mix-blend-mode:multiply;}

.left-bdr{float:right;margin:0 0 5rem 5rem;}

.left-bdr::before,.left-bdr::after{right:0;left:auto;border-radius:0 0 0 50%;}

.left-bdr::before{border-right:0rem solid var(--gray);border-left:1.75rem solid var(--gray);right:2.75rem;}

.left-bdr::after{border-right:0rem solid var(--turquoise-dark);border-left:2.75rem solid var(--turquoise-dark);}

.left-bdr .message-holder{border-radius:0 0 0 45.2%}

.message-contents{display: table;}



.message-contents p{color:var(--percian-dark);font-size:1.40625rem;}

.signature h3,.signature div{color:var(--turquoise-dark);}

.signature h3{font-size:2.5rem;font-family:var(--mali);font-weight:900;text-transform:uppercase;}

.signature div{font-size:2.125rem;font-family:var(--mali);font-weight:600;}

.signature{margin-bottom:2rem;}

.myCommittee{margin-bottom:8rem;}



.curve{top:-1px;left:0;}

.committee::before,.committee::after{content:'';left:0;width:100%;top:0;height:100%;position:absolute;}

.committee::before{background:url(../img/face.webp) left top no-repeat;z-index:1;top:75px;}

.committee::after{z-index:2;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 100%);}

.committee .container{z-index:9;}

.committee h1{color: var(--white);} */



 





.content{display:none;padding:10px}

.content.active{display:block}





.swiper{width:100%;height:100%}

.swiper-slide{}

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

.about{background-color: #11215a;}
.committee{background-color: #f5f5f5;}
.speakers-back{background-color: #fff;}
.previous{background-color: #fff;}

.about h5{color: var(--turquoise);}

.about span{color: var(--turquoise);}

.registration-method .unstyled li{display:block;margin:0px;font-family: "Hanken Grotesk", 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: "Hanken Grotesk", 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: "Hanken Grotesk", 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 #fff;}

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

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

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

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

.registration-method h3{color:#fff!important;}

.registration-div h4{color:#fff!important;}





.hops-association {padding-top: var(--padding);padding-bottom: var(--padding);background-color:#fff;}



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

.box14:hover .icon{bottom: 0rem;}

.previous h4{font-size:13px;}}



.previous h4{color: #4dc3ce;margin: 15px;font-size:18px;}



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

}

.podcast-mini-card{
  background:#fff; border:1px solid #041a57; border-radius:.75rem;
  box-shadow:0 6px 18px rgba(10,18,40,.05);
}
.podcast-mini-cover img{
  width:70px; height:70px; object-fit:cover; border-radius:.5rem;
  transition: transform .3s ease, filter .3s ease;
}
.podcast-mini-cover.playing img{/*animation: pm-rotate 6s linear infinite; filter: saturate(1.15);*/}
@keyframes pm-rotate{ to{ transform: rotate(360deg); } }

.pm-title{ font-weight:400; line-height:1; font-size:20px; color:#163b7c; }
.pm-sub{ font-size:14px; color:#163b7c; }

.pm-btn{
  position:relative; width:44px; height:44px; border-radius:50%;
  border:0; display:grid; place-items:center; margin-left:auto;
  background: radial-gradient(circle at 30% 30%, #163b7c, #163b7c);
  color:#fff; box-shadow: 0 8px 18px rgb(26 26 25 / 45%);
  transition: transform .15s ease, box-shadow .15s ease;
}
.pm-btn:hover{ transform: translateY(-1px); box-shadow:0 10px 22px rgba(243,156,18,.45); }
.pm-icon{ font-size:1.4rem; line-height:1; }
.pm-pulse{
  position:absolute; inset:0; border-radius:50%; pointer-events:none; opacity:.0;
  box-shadow:0 0 0 0 rgba(243,156,18,.45);
}
.pm-btn.playing .pm-pulse{ animation: pm-pulse 1.2s ease-out infinite; }
@keyframes pm-pulse{ 0%{ box-shadow:0 0 0 0 rgba(243,156,18,.45); opacity:.9 } 100%{ box-shadow:0 0 0 16px rgba(243,156,18,0); opacity:0 } }

.pm-eq{ display:inline-flex; gap:3px; height:16px; align-items:flex-end; }
.pm-eq span{
  width:3px; height:4px; background:#fff; border-radius:2px; opacity:.35;
}
.pm-eq.playing span{
  opacity:.9; background:#0b132b;
  animation: pm-eq 1s ease-in-out infinite;
}
.pm-eq.playing span:nth-child(2){ animation-delay:.1s }
.pm-eq.playing span:nth-child(3){ animation-delay:.2s }
.pm-eq.playing span:nth-child(4){ animation-delay:.3s }
.pm-eq.playing span:nth-child(5){ animation-delay:.4s }
@keyframes pm-eq{ 0%,100%{ height:4px } 50%{ height:16px } }

.pm-progress{
  position:relative; height:6px; background:#eef2f6; border-radius:6px; cursor:pointer; outline:none;
}
.pm-progress-fill{
  position:absolute; left:0; top:0; height:100%; width:0%;
  background: linear-gradient(90deg, #f39c12, #ffd37a); border-radius:6px;
}
.pm-time{ font-size:.75rem; color:#fff; min-width:78px; text-align:right; }

/* tighter on mobile */
@media (max-width: 575.98px){
  .pm-time{ min-width:68px; font-size:.7rem; }
}

.podcast-section{padding-top: var(--padding);padding-bottom: var(--padding);}