@media (min-width: 992px) {
    .footer-title {
        margin-bottom: 18px !important;
    }

    .block-social,
    .quick-links,
    .footer-title+p,
    .footer-title+ul,
    .footer-title+div {
        margin-top: 0 !important;
    }
}

/*
*	DESTINY - WEDDING HTML TEMPLATE
* 	Copyright 2016
* 	www.mutationmedia.net
* 	Created by : mutationthemes
*
*/
/* Table of Content
==================================================
	1.Preloader
	2.Site wrapper
	3.Hero section
	4.About section
	5.Speakers section
	6.Topics section
	7.Schedule section
	8.Countdown section
	9.Tickets section
	10.Registry section
	11.Sponsors section
	12.Contact section
	13.Accommodation section
	14.FAQ section
	15.Gallery section
	16.Fat footer section
	17.Mediaqueries





/*Preloader*/

.loader {
    background: #111111;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.loader-inner {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.loading-spinner {
    width: 100px;
    height: 100px;
    animation: spinner-rotate 2s ease-in-out infinite;
    -webkit-animation: spinner-rotate 2s ease-in-out infinite;
    -moz-animation: spinner-rotate 2s ease-in-out infinite;
    -ms-animation: spinner-rotate 2s ease-in-out infinite;
    -o-animation: spinner-rotate 2s ease-in-out infinite;
}

.spinner {
    animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    -webkit-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    -moz-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    -ms-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    -o-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    stroke-linecap: round;
}

@keyframes spinner-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: trotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

@keyframes spinner-color {

    0%,
    100% {
        stroke: #399bff;
    }

    20% {
        stroke: #ee71f9;
    }

    40% {
        stroke: #399bff;
    }

    60% {
        stroke: #ee71f9;
    }

    80% {
        stroke: #399bff;
    }

    100% {
        stroke: #ee71f9;
    }
}

@keyframes spinner-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -125px;
    }
}

/*End preloader*/


/*Site wrapper*/

.wrapper {
    position: relative;
    background: #000000;
}

.wrapper,
.header {
    margin: 0 auto;
    max-width: 1600px;
}

/*End site wrapper*/


/* Hero Section*/

section.hero {
    background: #353031;
    padding: 0;
    position: relative;
    overflow: hidden;
}

/* Automatic Slider Styles */
.main-slider {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.main-slider .slides {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-slider .slides li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
    z-index: 1;
}

.main-slider .slides li.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.main-slider .background-img {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: #1a1a1a;
    background-image: linear-gradient(45deg, #2a2a2a 25%, transparent 25%),
        linear-gradient(-45deg, #2a2a2a 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #2a2a2a 75%),
        linear-gradient(-45deg, transparent 75%, #2a2a2a 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}

.main-slider .background-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    background-color: #000;
}

.main-slider .background-img img.loaded {
    opacity: 1;
}

/* Ensure hero images display properly on all pages */
.hero .background-img img {
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
}

/* Force hero section visibility */
section.hero {
    position: relative;
    min-height: 100vh;
    background: #000;
}

section.hero .main-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

section.hero .main-slider .slides li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
}

section.hero .main-slider .background-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.hero .main-slider .background-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
}

/* Slider Navigation Arrows */
.slider-arrows {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 10;
    pointer-events: none;
}

.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    transition: all 0.3s ease;
    pointer-events: all;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-arrow:hover {
    background: rgba(0, 0, 0, 0.8);
    transform: translateY(-50%) scale(1.1);
}

.slider-arrow-prev {
    left: 30px;
}

.slider-arrow-next {
    right: 30px;
}

/* Slider Navigation Dots */
.slider-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    gap: 10px;
}

.slider-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.slider-dot.active,
.slider-dot:hover {
    background: #399bff;
    border-color: #399bff;
    transform: scale(1.2);
}

section.single-hero {
    min-height: 400px;
}

/* Removed conflicting rule that was hiding slider images */
.background-img {
    width: 100%;
    height: 100%;
}

.background-img {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #353031;
    background-image: none;
    background-origin: padding-box;
    background-position: 50% 50% !important;
    background-repeat: repeat;
    background-size: cover !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.overlay:before {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */

    background: -moz-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */

    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    content: "";
}

.overlay.soft:before {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}

section.hero .inner-hero {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 10;
    padding-top: 80px;
    /* Add space below header */
}

section.hero .inner-hero .title {
    color: #ffffff;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

section.hero .inner-hero .title-lead {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.6;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    max-width: 600px;
    margin: 0 auto;
}

.header {
    padding: 5px 0;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    right: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.main-slider .slides li {
    height: 900px;
}

.header .logo {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -2px;
    position: relative;
}

.header .logo h2 {
    padding: 5px 0;
    text-transform: none;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
}

.header .logo {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 45px;
}

.header-logo {
    height: 42px;
    width: auto;
    object-fit: contain;
}

.mobile-but {
    display: inline-block;
    height: 24px;
    position: absolute;
    right: 15px;
    top: -30px;
    z-index: 1000;
    display: none;
}

.mobile-but .lines {
    transform: translate(0px, 10px) rotate(0deg);
    -webkit-transform: translate(0px, 10px) rotate(0deg);
    -ms-transform: translate(0px, 10px) rotate(0deg);
    -moz-transform: translate(0px, 10px) rotate(0deg);
}

.mobile-but .lines,
.mobile-but .lines:after,
.mobile-but .lines:before {
    height: 1px;
    width: 22px;
}

.mobile-but .lines:after,
.mobile-but .lines:before {
    content: " ";
    display: block;
}

.mobile-but .lines:after {
    transform: translate(0px, 4px) rotate(0deg);
    -webkit-transform: translate(0px, 4px) rotate(0deg);
    -ms-transform: translate(0px, 4px) rotate(0deg);
    -moz-transform: translate(0px, 4px) rotate(0deg);
}

.mobile-but .lines:before {
    transform: translate(0px, -4px) rotate(0deg);
    -webkit-transform: translate(0px, -4px) rotate(0deg);
    -ms-transform: translate(0px, -4px) rotate(0deg);
    -moz-transform: translate(0px, -4px) rotate(0deg);
}

.mobile-but .lines:after,
.mobile-but .lines:before {
    background: #ffffff;
}

.toggle-mobile-but.active .mobile-but .lines:after {
    transform: translate(0px, 0px) rotate(45deg);
    -webkit-transform: translate(0px, 0px) rotate(45deg);
    -ms-transform: translate(0px, 0px) rotate(45deg);
    -moz-transform: translate(0px, 0px) rotate(45deg);
}

.toggle-mobile-but.active .mobile-but .lines:before {
    transform: translate(0px, 1px) rotate(-45deg);
    -webkit-transform: translate(0px, 1px) rotate(-45deg);
    -ms-transform: translate(0px, 1px) rotate(-45deg);
    -moz-transform: translate(0px, 1px) rotate(-45deg);
}

.main-nav li {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin-left: 35px;
}

.main-nav li a {
    color: #ffffff;
    display: block;
    padding: 12px 0;
    position: relative;
}

.hero-content {
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

h1.large {
    color: #ffffff;
    font-size: 68px;
    font-weight: 700;
    text-transform: none;
}

.hero-content h3 {
    font-style: italic;
    font-size: 44px;
    color: #ffffff;
    text-transform: none;
    font-weight: 300;
}

.hero-content p {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 40px;
    color: #ffffff;
}

/* End hero section*/


/* About section*/

.block-info-1 {
    position: relative;
}

.block-info-1 svg {
    color: #399bff;
    font-size: 25px;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    top: 50%;
}

.block-info-1 p {
    margin-left: 60px;
}

/* End about section*/


/* Speakers section*/

.block-img {
    height: 350px;
    position: relative;
}

.block-speaker .block-img:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#444444', GradientType=0);
    /* IE6-9 */

    bottom: 0;
    content: "";
    right: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 4;
}

.block-content .col-sm-3:last-child .block-img:after {
    content: none;
}

.block-speaker .block-img .background-img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
}

.block-speaker .block-img:hover .background-img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}

.block-info-2 {
    bottom: 30px;
    left: 30px;
    position: absolute;
    z-index: 3;
}

.block-social li {
    display: inline-block;
    font-size: 18px;
    margin-left: -3px;
    margin-right: 6px;
}

.block-social a {
    color: #ffffff;
    opacity: .3;
    display: inline-block;
}

.block-social a:hover {
    opacity: 1;
}

/* End speakers section*/


/* Topics section*/

.block-video iframe {
    height: 300px;
}

ul.block-topic li {
    line-height: 30px;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
}

.vertical-align {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    flex-direction: row;
    -webkit-flex-direction: row;
}

/* End topics section*/


/* Schedule section*/

.block-tabs,
.block-tab {
    border: 1px solid #444444;
}

.block-tabs li {
    border-bottom: 1px solid #444444;
    line-height: 60px;
    padding-left: 25px;
    cursor: pointer;
    position: relative;
}

.block-tabs li strong,
.block-date strong {
    font-size: 17px;
}

.block-tabs li i,
.block-tab li i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 25px;
}

.block-tabs li:last-child {
    border-bottom: 0;
}

.block-tabs li.active {
    background: #444444;
    border-bottom: 0;
}

.block-tabs li:first-child.active {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}

.block-tabs li:last-child.active {
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
}

.block-tabs li.active:before {
    border-bottom: 6px solid #444444;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    right: -10px;
    position: absolute;
    top: 50%;
    transform: rotate(90deg) translateX(-50%);
    -webkit-transform: rotate(90deg) translateX(-50%);
    -moz-transform: rotate(90deg) translateX(-50%);
    -ms-transform: rotate(90deg) translateX(-50%);
    -o-transform: rotate(90deg) translateX(-50%);
    width: 0;
}

.block-tab li {
    display: none;
}

.block-tab li.active {
    display: block;
}

.block-tab li .block-date {
    background: #444444;
    line-height: 60px;
    padding-left: 25px;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}

.block-tab .block-detail {
    border-bottom: 1px solid #444444;
    padding: 25px;
    cursor: pointer;
    overflow: hidden;
}

.block-tab .block-detail:hover {
    background: #121212;
}

.block-tab .block-detail span {
    display: block;
    font-size: 15px;
}

.block-tab .block-detail .time {
    color: #ffffff;
    margin-bottom: 4px;
    font-weight: 500;
}

.block-tab .block-detail .speaker {
    margin-top: 20px;
    font-size: 14px;
    color: #ffffff;
}

.block-tab .block-detail .speaker strong {
    font-weight: 500;
}

.block-tab .block-detail .block-text {
    opacity: 0;
    max-height: 0;
}

.block-tab .block-detail:hover .block-text {
    padding-top: 20px;
    max-height: 300px;
    opacity: 1;
}

.block-tab li .block-detail:last-child {
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
}

/* End Schedule section*/


/* Countdown section*/

.countdown {
    font-size: 45px;
    font-weight: 300;
}

/* End Countdown section*/


/* Tickets section*/

.review-slider li blockquote {
    color: #ffffff;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    line-height: 35px;
    overflow: hidden;
}

.tickets .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
}

.block-ticket {
    background: #121212;
    opacity: 1;
    text-align: center;
    cursor: pointer;
    position: relative;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    padding: 60px 20px;
    border-radius: 10px;
    border: 2px solid rgba(57, 155, 255, 0.3);
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.block-tickets.overlap {
    position: relative;
    left: 150px;
}

.block-ticket li {
    display: block;
    margin-bottom: 10px;
    color: #999999;
}

.block-ticket:hover,
.block-ticket.active {
    transform: scale(1.05) translateY(-5px);
    -webkit-transform: scale(1.05) translateY(-5px);
    -ms-transform: scale(1.05) translateY(-5px);
    -moz-transform: scale(1.05) translateY(-5px);
    -o-transform: scale(1.05) translateY(-5px);
    z-index: 40;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    opacity: 1;
    border-color: #399bff;
    box-shadow: 0 15px 40px rgba(57, 155, 255, 0.4);
}

.block-ticket .block-price .price {
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
}

.block-ticket .block-price .cur {
    display: none;
}

.block-ticket .block-price .block-type {
    display: block;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    color: #399bff;
    text-align: center;
    margin-bottom: 20px;
}

/* End tickets section*/


/* Registry section*/

.registry-form {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.8), rgba(57, 155, 255, 0.1));
    padding: 60px 50px;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(57, 155, 255, 0.3);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
    position: relative;
    max-width: 600px;
    width: 100%;
}

/* Areas of Interest Styling */
.areas-of-interest {
    margin: 25px 0;
    padding: 20px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.areas-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.area-checkbox {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.area-checkbox:hover {
    background: rgba(57, 155, 255, 0.1);
    border-color: rgba(57, 155, 255, 0.3);
}

.area-checkbox input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.2);
}

.area-checkbox label {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
}

/* File Upload Section */
.file-upload-section {
    margin: 25px 0;
    padding: 20px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
}

.file-upload-section h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.file-upload-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 300px;
}

.file-upload-input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.file-upload-label {
    display: block;
    padding: 15px 20px;
    background: rgba(57, 155, 255, 0.2);
    border: 2px dashed rgba(57, 155, 255, 0.5);
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.file-upload-label:hover {
    background: rgba(57, 155, 255, 0.3);
    border-color: rgba(57, 155, 255, 0.7);
}

.file-info p {
    color: #ffffff;
    font-size: 12px;
    opacity: 0.7;
    margin-top: 10px;
}

.file-selected {
    color: #399bff;
    font-size: 14px;
    margin-top: 10px;
}

/* Form Input Consistency Fixes */
.registry-form .col-sm-12,
.registry-form .col-sm-13 {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 25px;
    box-sizing: border-box;
    display: block;
}

.registry-form input[type="text"],
.registry-form input[type="email"],
.registry-form input[type="tel"],
.registry-form input[type="file"],
.registry-form select,
.registry-form .block-select {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    margin-bottom: 25px;
}

/* Dropdown Styling */
.registry-form .block-select {
    position: relative;
    z-index: 10;
    margin-bottom: 25px;
}

.registry-form .select-label {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: none;
}

.registry-form select {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    padding: 0 25px !important;
    padding-right: 50px !important;
    border-radius: 25px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    height: 50px !important;
    line-height: 50px !important;
    backdrop-filter: blur(5px) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
}

.registry-form select option {
    color: #333333 !important;
    background-color: #ffffff !important;
    padding: 15px 20px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.registry-form select:focus,
.registry-form select:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #399bff !important;
    box-shadow: 0 0 20px rgba(57, 155, 255, 0.3) !important;
    transform: translateY(-2px) !important;
}

.registry-form select.highlighted {
    border-color: #399bff !important;
    background: rgba(57, 155, 255, 0.2) !important;
    box-shadow: 0 0 20px rgba(57, 155, 255, 0.5) !important;
    animation: pulse 1s ease-in-out;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
    }
}

/* Custom dropdown arrow */
.registry-form .block-select::after {
    content: '\25BC';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 14px;
    pointer-events: none;
    z-index: 15;
    margin-top: 15px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .areas-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .registry-form {
        padding: 40px 30px;
    }

    .registry-form .col-sm-12,
    .registry-form .col-sm-13 {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 25px !important;
        box-sizing: border-box;
        display: block;
    }

    .registry-form input[type="text"],
    .registry-form input[type="email"],
    .registry-form input[type="tel"],
    .registry-form input[type="file"],
    .registry-form select,
    .registry-form .block-select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box;
        margin-bottom: 25px !important;
    }

    .registry-form .submit {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 10px !important;
    }
}

.registry-form::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent, rgba(57, 155, 255, 0.05), transparent);
    pointer-events: none;
}

.registry-form div {
    padding: 0;
}

.form p {
    font-size: 12px;
    margin-top: 15px;
}

.input-columns .column-1,
.input-columns .column-2 {
    float: left;
    width: 50%;
    position: relative;
}

.input-columns .column-1 .column-inner {
    margin-right: 10px;
}

.input-columns .column-2 .column-inner {
    margin-left: 10px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="file"],
.registry-form .block-select,
registry-form select {
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 25px;
    outline: 0 none;
    overflow: hidden;
    padding: 0 25px;
    resize: none;
    max-width: 90%;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    color: #ffffff;
    height: 50px;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.3s ease;
    font-size: 16px;
    backdrop-filter: blur(5px);
}

.registry-form select {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    cursor: pointer;
    margin-top: 11px;
    width: 100%;
    color: #333333 !important;
    padding: 15px 20px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    box-sizing: border-box;
    height: 55px;
    line-height: 1.4;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.registry-form select option {
    color: #333333 !important;
    background-color: #ffffff !important;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    min-height: 50px;
}

.registry-form select:focus {
    outline: none;
    border-color: #399bff !important;
    box-shadow: 0 0 20px rgba(57, 155, 255, 0.5);
    background: rgba(255, 255, 255, 1) !important;
    transform: translateY(-2px);
}

.registry-form select:hover {
    border-color: #399bff !important;
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.registry-form select.highlighted {
    border-color: #399bff !important;
    background: #f0f8ff !important;
    box-shadow: 0 0 20px rgba(57, 155, 255, 0.5) !important;
    animation: pulse 1s ease-in-out;
}

/* Ensure dropdown container has proper spacing */
.registry-form .block-select {
    position: relative;
    z-index: 10;
    margin-bottom: 25px;
}

.registry-form .block-select::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
}

/* Force dropdown styling - Remove default appearance and fix overlay */
#pass_type {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: rgba(255, 255, 255, 0.1) !important;
    background-image: none !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    padding: 0 25px !important;
    padding-right: 50px !important;
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    -ms-border-radius: 25px !important;
    -o-border-radius: 25px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    height: 50px !important;
    line-height: 50px !important;
    backdrop-filter: blur(5px) !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    outline: none !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Custom dropdown arrow */
.registry-form .block-select {
    position: relative !important;
    z-index: 10 !important;
}

.registry-form .block-select::after {
    content: '\25BC' !important;
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #333333 !important;
    font-size: 14px !important;
    pointer-events: none !important;
    z-index: 15 !important;
}

#pass_type option {
    color: #333333 !important;
    background-color: #ffffff !important;
    padding: 15px 20px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    min-height: 50px !important;
    border: none !important;
    outline: none !important;
}

/* Focus and hover states for dropdown */
#pass_type:focus,
#pass_type:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #399bff !important;
    box-shadow: 0 0 20px rgba(57, 155, 255, 0.3) !important;
    transform: translateY(-2px) !important;
}

/* Remove default browser dropdown arrow */
#pass_type::-ms-expand {
    display: none !important;
}

#pass_type::-webkit-appearance {
    -webkit-appearance: none !important;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
    }
}

/* Ticket Action Styles */
.ticket-action {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.action-text {
    color: #399bff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.block-ticket:hover .action-text {
    color: #ffffff;
    transform: translateY(-2px);
}

input[type="text"]:focus,
input[type="text"]:hover,
input[type="email"]:focus,
input[type="email"]:hover,
input[type="tel"]:focus,
input[type="tel"]:hover,
input[type="file"]:focus,
input[type="file"]:hover,
.registry-form .block-select:focus,
.registry-form .block-select:hover,
.registry-form select:focus,
.registry-form select:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: #399bff;
    box-shadow: 0 0 20px rgba(57, 155, 255, 0.3);
    transform: translateY(-2px);
}

.registry-form .submit {
    width: 95%;
}

.form .submit {
    cursor: pointer;
    height: 55px;
    color: #ffffff;
    border: none;
    background: linear-gradient(135deg, #399bff, #ee71f9);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 30px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(57, 155, 255, 0.3);
}

.form .submit::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.form .submit:hover::before {
    left: 100%;
}

.form .submit:hover {
    background: linear-gradient(135deg, #ee71f9, #399bff);
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(238, 113, 249, 0.4);
}

input.error,
select.error {
    border: 1px solid rgba(238, 113, 249, .5);
}

/* Enhanced Form Styling */
.registry-form h2 {
    color: #ffffff;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    background: linear-gradient(135deg, #399bff, #ee71f9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 30px rgba(57, 155, 255, 0.3);
}

.areas-of-interest h4 {
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.areas-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

.area-checkbox {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.area-checkbox:hover {
    background: rgba(57, 155, 255, 0.1);
    border-color: #399bff;
    transform: translateY(-2px);
}

.area-checkbox input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.2);
}

.area-checkbox label {
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    margin: 0;
}

.file-upload-section {
    margin: 20px 0;
    padding: 20px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    border: 1px solid rgba(57, 155, 255, 0.3);
}

.file-upload-section h4 {
    color: #399bff;
    margin-bottom: 15px;
    font-size: 16px;
}

.file-upload-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.file-upload-input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.file-upload-label {
    display: inline-block;
    padding: 15px 25px;
    background: rgba(57, 155, 255, 0.1);
    border: 2px dashed #399bff;
    border-radius: 10px;
    color: #399bff;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
}

.file-upload-label:hover {
    background: rgba(57, 155, 255, 0.2);
    border-color: #ffffff;
    color: #ffffff;
}

.file-info {
    margin-top: 10px;
    color: #cccccc;
    font-size: 12px;
}

/* End Areas of Interest and File Upload */

/* Crown Prince Quote Section */
.crown-prince-quote {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    position: relative;
}

.crown-prince-quote::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23399bff" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23ee71f9" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    opacity: 0.3;
}

.quote-container {
    position: relative;
    z-index: 2;
    padding: 60px 40px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 20px;
    border: 1px solid rgba(57, 155, 255, 0.3);
}

.quote-text {
    font-size: 24px;
    line-height: 1.6;
    color: #ffffff;
    font-style: italic;
    margin: 30px 0;
    position: relative;
}

.quote-text::before,
.quote-text::after {
    content: '"';
    font-size: 60px;
    color: #399bff;
    position: absolute;
    opacity: 0.3;
}

.quote-text::before {
    top: -20px;
    left: -30px;
}

.quote-text::after {
    bottom: -40px;
    right: -30px;
}

.quote-author h4 {
    color: #399bff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.quote-author p {
    color: #cccccc;
    font-size: 16px;
    margin: 0;
}

/* About Us Section */
.about-us {
    background: #000000;
}

.section-title {
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 30px;
    position: relative;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 4px;
    background: linear-gradient(135deg, #399bff, #ee71f9);
    border-radius: 2px;
}

.section-description {
    font-size: 16px;
    line-height: 1.8;
    color: #cccccc;
    margin-bottom: 30px;
}

.about-image {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.image-wrapper img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.image-wrapper:hover img {
    transform: scale(1.05);
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(57, 155, 255, 0.8), rgba(238, 113, 249, 0.8));
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-wrapper:hover .image-overlay {
    opacity: 1;
}

.overlay-content {
    text-align: center;
    color: #ffffff;
}

.overlay-content h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.overlay-content p {
    font-size: 16px;
    margin: 0;
}

.mission-points,
.vision-points {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mission-points li,
.vision-points li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: #ffffff;
    font-size: 16px;
}

.mission-points li i,
.vision-points li i {
    margin-right: 15px;
    font-size: 20px;
    color: #399bff;
}

.mission-points li i {
    color: #4CAF50;
}

.vision-points li i {
    color: #FFD700;
}

/* Responsive Design for About Us */
@media (max-width: 768px) {
    .quote-text {
        font-size: 18px;
    }

    .section-title {
        font-size: 28px;
        text-align: center;
    }

    .section-title::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .image-wrapper img {
        height: 250px;
    }

    .quote-container {
        padding: 40px 20px;
    }
}

/* End Crown Prince Quote and About Us Sections */

/* scedule text */



@media (max-width: 768px) {
    .about .container .row {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 18px;
        /* Adds space between blocks */
    }

    .about .container .row>.col-md-3,
    .about .container .row>.col-sm-3 {
        width: 100%;
        margin: 0;
    }

    .block-info-1 {
        text-align: center;
        margin-bottom: 0;
        padding: 12px 0;
    }

    .block-info-1 svg {
        display: block;
        margin: 0 auto 8px auto;
    }

    .block-info-1 p {
        margin: 0;
    }

    .about .but {
        margin-top: 18px;
        width: 80%;
        max-width: 260px;
    }
}

/* Team Grid Styles */
.team-grid-container {
    position: relative;
    margin-top: 20px;
}

.grid-navigation {
    position: absolute;
    top: -60px;
    right: 0;
    z-index: 10;
}

/* Carousel Styles */
.speakers-carousel-container,
.team-carousel-container {
    position: relative;
    overflow: hidden;
}

.carousel-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    width: 100%;
}

.carousel-navigation-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    gap: 20px;
}

.view-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #399bff;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    padding: 10px 20px;
    border: 2px solid #399bff;
    border-radius: 25px;
    background: transparent;
}

.view-all-btn:hover {
    color: #ffffff;
    background: #399bff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(57, 155, 255, 0.3);
}

.view-all-btn i {
    font-size: 14px;
    transition: transform 0.3s ease;
}

.view-all-btn:hover i {
    transform: translateX(3px);
}

.carousel-arrows {
    display: flex;
    gap: 10px;
}

.carousel-arrow {
    width: 40px;
    height: 40px;
    border: 2px solid #399bff;
    background: transparent;
    color: #399bff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 16px;
}

.carousel-arrow:hover {
    background: #399bff;
    color: #ffffff;
    transform: scale(1.1);
}

.carousel-arrow:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.speakers-carousel,
.team-carousel {
    display: flex;
    transition: transform 0.5s ease;
    gap: 30px;
    width: 100%;
    overflow: hidden;
}

.speaker-slide,
.team-slide {
    flex: 0 0 25%;
    min-width: 0;
}

/* Responsive carousel */
@media (max-width: 1200px) {

    .speaker-slide,
    .team-slide {
        flex: 0 0 33.333%;
    }
}

@media (max-width: 768px) {

    .speaker-slide,
    .team-slide {
        flex: 0 0 50%;
    }

    .carousel-navigation {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
}

@media (max-width: 480px) {

    .speaker-slide,
    .team-slide {
        flex: 0 0 100%;
    }
}


/* Prince Image Styles */
.prince-image {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.prince-image .image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.prince-image .image-wrapper img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.prince-image .image-wrapper:hover img {
    transform: scale(1.05);
}

.prince-image .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(57, 155, 255, 0.8), rgba(238, 113, 249, 0.8));
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prince-image .image-wrapper:hover .image-overlay {
    opacity: 1;
}

.prince-image .overlay-content {
    text-align: center;
    color: #ffffff;
}

.prince-image .overlay-content h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.prince-image .overlay-content p {
    font-size: 16px;
    margin: 0;
}

/* Team and Speaker Page Styles */
.team-section,
.speakers-section,
.industry-experts-section,
.emerging-leaders-section,
.vision-board-section {
    background: #000000;
}

.team-member,
.speaker-card,
.expert-card,
.emerging-card,
.vision-member {
    background: #1a1a1a;
    border-radius: 15px;
    padding: 30px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid rgba(57, 155, 255, 0.1);
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.team-member:hover,
.speaker-card:hover,
.expert-card:hover,
.emerging-card:hover,
.vision-member:hover {
    transform: translateY(-10px);
    border-color: #399bff;
    box-shadow: 0 20px 40px rgba(57, 155, 255, 0.2);
}

.member-image,
.speaker-image,
.expert-image,
.emerging-image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
}

.member-image img,
.speaker-image img,
.expert-image img,
.emerging-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.member-overlay,
.speaker-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(57, 155, 255, 0.9), rgba(238, 113, 249, 0.9));
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-image:hover .member-overlay,
.speaker-image:hover .speaker-overlay {
    opacity: 1;
}

/* Team Grid specific image sizing overrides */
#team .member-image img {
    height: 280px;
}

@media (max-width: 992px) {
    #team .member-image img {
        height: 230px;
    }
}

@media (max-width: 600px) {
    #team .member-image img {
        height: 230px;
        object-position: top center;
    }
}

/* Extra-small devices: make images even taller to avoid face cropping */
@media (max-width: 480px) {
    #team .member-image img {
        height: 320px;
        object-position: top center;
    }
}


@media (max-width: 768px) {

    .about {
        text-align: center !important;
    }

    .about .container {
        max-width: 100% !important;
        padding: 0 20px !important;
    }

    .about .row {
        display: block !important;
        margin: 0 !important;
        text-align: center !important;
    }

    .about .col-md-3,
    .about .col-sm-3 {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin: 0 auto 25px auto !important;
        padding: 0 !important;
        max-width: 320px !important;
    }

    .about .col-md-3.text-right {
        text-align: center !important;
    }

    .block-info-1 {
        text-align: center !important;
        margin: 0 auto 25px auto !important;
        padding: 25px 20px !important;
        display: block !important;
        width: 100% !important;
        max-width: 300px !important;
        background: rgba(57, 155, 255, 0.05) !important;
        border-radius: 15px !important;
        border: 1px solid rgba(57, 155, 255, 0.1) !important;
    }

    .block-info-1 svg {
        display: block !important;
        margin: 0 auto 20px auto !important;
        width: 45px !important;
        height: 45px !important;
    }

    .block-info-1 p {
        text-align: center !important;
        line-height: 1.5 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .block-info-1 p strong {
        display: block !important;
        margin-bottom: 10px !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
    }

    .block-info-1 p span {
        display: block !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
        color: #cccccc !important;
        word-wrap: break-word !important;
        margin-top: 5px !important;
    }


    .block-info-1 .but {
        display: block !important;
        margin: 30px auto 0 auto !important;
        width: 220px !important;
        text-align: center !important;
        padding: 18px 30px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        border-radius: 25px !important;
        background: linear-gradient(135deg, #399bff, #ee71f9) !important;
        border: none !important;
        color: #ffffff !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        box-shadow: 0 4px 15px rgba(57, 155, 255, 0.3) !important;
    }
}

@media (max-width: 480px) {
    .about .container {
        padding: 0 15px !important;
    }

    .about .col-md-3,
    .about .col-sm-3 {
        max-width: 100% !important;
        margin-bottom: 20px !important;
    }

    .block-info-1 {
        padding: 20px 15px !important;
        margin-bottom: 20px !important;
        max-width: 100% !important;
    }

    .block-info-1 svg {
        width: 40px !important;
        height: 40px !important;
        margin-bottom: 15px !important;
    }

    .block-info-1 p strong {
        font-size: 16px !important;
        margin-bottom: 8px !important;
    }

    .block-info-1 p span {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    .block-info-1 .but {
        width: 200px !important;
        padding: 15px 25px !important;
        font-size: 15px !important;
        margin-top: 25px !important;
    }
}


@media (max-width: 768px) {
    .register .container {
        padding: 0 20px !important;
    }

    .registry-form {
        padding: 30px 20px !important;
        margin: 0 auto !important;
        max-width: 100% !important;
    }

    /* Fix all form columns to be consistent */
    .registry-form .col-sm-12,
    .registry-form .col-sm-13 {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 18px !important;
        box-sizing: border-box;
        display: block;
    }


    .registry-form input[type="text"],
    .registry-form input[type="email"],
    .registry-form input[type="tel"] {
        width: 100% !important;
        height: 50px !important;
        padding: 15px 20px !important;
        font-size: 16px !important;
        border-radius: 10px !important;
        border: 2px solid rgba(57, 155, 255, 0.2) !important;
        background: rgba(255, 255, 255, 0.1) !important;
        color: #ffffff !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        display: block !important;
    }

    .registry-form input[type="text"]:focus,
    .registry-form input[type="email"]:focus,
    .registry-form input[type="tel"]:focus {
        border-color: #399bff !important;
        background: rgba(255, 255, 255, 0.15) !important;
        outline: none !important;
    }

    .registry-form input[type="text"]::placeholder,
    .registry-form input[type="email"]::placeholder,
    .registry-form input[type="tel"]::placeholder {
        color: #cccccc !important;
        font-size: 16px !important;
    }

    /* Mobile radio button styling with clear instructions */
    .block-radio {
        margin: 20px 0 !important;
        text-align: center !important;
    }

    .radio-label {
        display: block !important;
        margin-bottom: 20px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #ffffff !important;
    }

    .radio-options {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        align-items: center !important;
        margin: 0 !important;
    }

    /* Override the inline style for mobile */
    .radio-options[style*="display: flex"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }

    .radio-option {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 250px !important;
        padding: 15px 20px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border: 2px solid rgba(57, 155, 255, 0.2) !important;
        border-radius: 10px !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        margin: 0 !important;
        position: relative !important;
    }

    /* Ensure the label is clickable */
    .radio-option label {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        cursor: pointer !important;
    }

    .radio-option:hover {
        background: rgba(57, 155, 255, 0.1) !important;
        border-color: #399bff !important;
    }

    .radio-option input[type="radio"] {
        margin-right: 10px !important;
        width: 18px !important;
        height: 18px !important;
        accent-color: #399bff !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .radio-text {
        font-size: 16px !important;
        color: #ffffff !important;
        font-weight: 500 !important;
    }

    /* CV upload section styling */
    #cv_upload_section {
        margin-top: 20px !important;
        padding: 20px !important;
        background: rgba(255, 255, 255, 0.05) !important;
        border-radius: 10px !important;
        border: 1px solid rgba(57, 155, 255, 0.2) !important;
    }

    .file-upload-section h4 {
        color: #ffffff !important;
        font-size: 16px !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }

    .file-upload-wrapper {
        text-align: center !important;
    }

    .file-upload-label {
        display: inline-block !important;
        padding: 15px 25px !important;
        background: rgba(57, 155, 255, 0.1) !important;
        border: 2px dashed #399bff !important;
        border-radius: 10px !important;
        color: #399bff !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        font-size: 14px !important;
    }

    .file-upload-label:hover {
        background: rgba(57, 155, 255, 0.2) !important;
        border-color: #ffffff !important;
        color: #ffffff !important;
    }

    .file-info {
        margin-top: 10px !important;
        color: #cccccc !important;
        font-size: 12px !important;
    }

    /* Submit button */
    .registry-form .submit {
        width: 100% !important;
        max-width: 300px !important;
        height: 55px !important;
        padding: 15px 30px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        border-radius: 10px !important;
        background: linear-gradient(135deg, #399bff, #ee71f9) !important;
        border: none !important;
        color: #ffffff !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        margin: 20px auto 0 auto !important;
        display: block !important;
        box-shadow: 0 4px 15px rgba(57, 155, 255, 0.3) !important;
    }

    .registry-form .submit:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(57, 155, 255, 0.4) !important;
    }

    /* Form message */
    #formMessage {
        margin-top: 20px !important;
        padding: 15px !important;
        border-radius: 10px !important;
        text-align: center !important;
        font-size: 14px !important;
    }

    /* CV Upload Section */
    #cv_upload_section {
        margin-top: 20px !important;
        padding: 20px !important;
        background: rgba(255, 255, 255, 0.05) !important;
        border-radius: 10px !important;
        border: 1px solid rgba(57, 155, 255, 0.2) !important;
    }

    .file-upload-section h4 {
        color: #ffffff !important;
        font-size: 16px !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }

    .file-upload-wrapper {
        text-align: center !important;
    }

    .file-upload-label {
        display: inline-block !important;
        padding: 15px 25px !important;
        background: rgba(57, 155, 255, 0.1) !important;
        border: 2px dashed #399bff !important;
        border-radius: 10px !important;
        color: #399bff !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        font-size: 14px !important;
    }

    .file-upload-label:hover {
        background: rgba(57, 155, 255, 0.2) !important;
        border-color: #ffffff !important;
        color: #ffffff !important;
    }

    .file-info {
        margin-top: 10px !important;
        color: #cccccc !important;
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .registry-form {
        padding: 25px 15px !important;
    }

    .registry-form input[type="text"],
    .registry-form input[type="email"],
    .registry-form input[type="tel"] {
        height: 45px !important;
        padding: 12px 15px !important;
        font-size: 15px !important;
    }

    .radio-option {
        max-width: 100% !important;
        padding: 12px 15px !important;
    }

    .radio-text {
        font-size: 15px !important;
    }

    .registry-form .submit {
        height: 50px !important;
        font-size: 15px !important;
    }
}

/* Mobile fixes for footer */
@media (max-width: 768px) {
    .top-footer {
        padding: 40px 0 !important;
    }

    .top-footer .container {
        padding: 0 20px !important;
    }

    .top-footer .row {
        margin: 0 !important;
        display: block !important;
    }

    .top-footer .col-sm-6,
    .top-footer .col-sm-3 {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin-bottom: 30px !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .top-footer .col-sm-6:last-child,
    .top-footer .col-sm-3:last-child {
        margin-bottom: 0 !important;
    }

    .footer-title {
        font-size: 20px !important;
        margin-bottom: 20px !important;
        color: #ffffff !important;
        font-weight: 600 !important;
    }

    .top-footer p {
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #cccccc !important;
        margin-bottom: 20px !important;
    }

    .block-social {
        display: flex !important;
        justify-content: center !important;
        gap: 15px !important;
        margin-top: 20px !important;
        padding: 0 !important;
    }

    .block-social li {
        list-style: none !important;
        margin: 0 !important;
    }

    .block-social a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        background: rgba(57, 155, 255, 0.1) !important;
        color: #399bff !important;
        border-radius: 50% !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
    }

    .block-social a:hover {
        background: #399bff !important;
        color: #ffffff !important;
        transform: translateY(-2px) !important;
    }

    .quick-links {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .quick-links li {
        margin-bottom: 10px !important;
    }

    .quick-links a {
        color: #cccccc !important;
        text-decoration: none !important;
        font-size: 14px !important;
        transition: color 0.3s ease !important;
    }

    .quick-links a:hover {
        color: #399bff !important;
    }

    .bottom-footer {
        padding: 20px 0 !important;
        text-align: center !important;
    }

    .bottom-footer p {
        font-size: 12px !important;
        color: #999999 !important;
        margin: 0 !important;
    }
}

@media (max-width: 480px) {
    .top-footer {
        padding: 30px 0 !important;
    }

    .top-footer .container {
        padding: 0 15px !important;
    }

    .top-footer .col-sm-6,
    .top-footer .col-sm-3 {
        margin-bottom: 25px !important;
    }

    .footer-title {
        font-size: 18px !important;
        margin-bottom: 15px !important;
    }

    .top-footer p {
        font-size: 13px !important;
        margin-bottom: 15px !important;
    }

    .block-social {
        gap: 12px !important;
        margin-top: 15px !important;
    }

    .block-social a {
        width: 35px !important;
        height: 35px !important;
    }

    .quick-links a {
        font-size: 13px !important;
    }

    .bottom-footer {
        padding: 15px 0 !important;
    }

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

.footer.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 45px;
}

.footer-logo {
    height: 42px;
    width: auto;
    object-fit: contain;
}

.social-links {
    display: flex;
    gap: 15px;
}

.social-links a {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 10px;
    margin-bottom: 10px;
}

.social-links a:hover {
    background: #ffffff;
    color: #399bff;
    transform: scale(1.1);
}

.member-info h4,
.speaker-info h4,
.expert-info h4,
.emerging-info h4,
.vision-member h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.position,
.company {
    color: #399bff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

.vision-member .member-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.vision-member .member-info h4 {
    margin-bottom: 10px;
}

.vision-member .member-info .position {
    margin-bottom: 5px;
}

.vision-member .member-info .company {
    margin-bottom: 0;
    margin-top: auto;
}

/* Vision Board Grid Fix */
.vision-board-section .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.vision-board-section .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .vision-board-section .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .vision-board-section .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.bio {
    color: #cccccc;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 15px;
}

.session-info {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(57, 155, 255, 0.2);
}

.session-info h5 {
    color: #399bff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.session-info p {
    color: #cccccc;
    font-size: 14px;
    margin: 0;
}

/* Sponsors Page Styles */
.sponsors-section,
.gold-sponsors-section,
.silver-sponsors-section,
.become-sponsor-section {
    background: #000000;
}

.sponsor-card {
    background: #1a1a1a;
    border-radius: 15px;
    padding: 30px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid rgba(57, 155, 255, 0.1);
    height: 100%;
}

.sponsor-card:hover {
    transform: translateY(-5px);
    border-color: #399bff;
    box-shadow: 0 15px 30px rgba(57, 155, 255, 0.2);
}

.sponsor-card.platinum {
    border-color: #FFD700;
}

.sponsor-card.gold {
    border-color: #FFA500;
}

.sponsor-card.silver {
    border-color: #C0C0C0;
}

.sponsor-logo {
    margin-bottom: 20px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sponsor-logo img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.sponsor-info h4 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sponsor-type {
    color: #399bff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.sponsor-description {
    color: #cccccc;
    font-size: 14px;
    line-height: 1.6;
}

/* Contact Form Styles */
.sponsor-contact-form {
    background: #1a1a1a;
    border-radius: 15px;
    padding: 40px;
    border: 1px solid rgba(57, 155, 255, 0.2);
}

.contact-form .form-group {
    margin-bottom: 25px;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    width: 100%;
    padding: 15px;
    background: #2a2a2a;
    border: 1px solid rgba(57, 155, 255, 0.3);
    border-radius: 8px;
    color: #ffffff;
    font-size: 16px;
    transition: all 0.3s ease;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    outline: none;
    border-color: #399bff;
    box-shadow: 0 0 10px rgba(57, 155, 255, 0.3);
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #888888;
}

.contact-form select option {
    background: #2a2a2a;
    color: #ffffff;
}

/* Registration Pass Dropdown */
.pass-dropdown {
    width: 100%;
    padding: 12px 20px;
    border-radius: 8px;
    border: 2px solid #399bff;
    background: #fff;
    color: #222;
    font-size: 16px;
    margin-bottom: 25px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: border-color 0.3s;
}

.pass-dropdown:focus {
    border-color: #ee71f9;
    outline: none;
    box-shadow: 0 0 8px rgba(238, 113, 249, 0.15);
}

.pass-dropdown option {
    color: #222;
    background: #fff;
    font-size: 16px;
}

/* End Carousel and Page Styles */


/* Fat footer section */

.subscribe-form input[type="text"] {
    margin-bottom: 0;
    min-width: 100%;
    max-width: 100%;
}

.subscribe-form .submit {
    min-width: 100%;
    max-width: 100%;
}

.top-footer {
    color: #999999;
}

.top-footer .block-social li {
    margin-right: 10px;
}

.top-footer .block-social li a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: : 50%;
    color: #ffffff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    opacity: 1;
    text-align: center;
    font-size: 16px;
}

.top-footer .block-social li:first-child a {
    background: #175f9f;
}

.top-footer .block-social li:nth-child(2) a {
    background: #00c6f8;
}

.top-footer .block-social li:nth-child(3) a {
    background: #df0006;
}

.top-footer .block-social li:nth-child(4) a {
    background: #ee322a;
}

.top-footer .block-social li:last-child a {
    background: #3c59ef;
}

.insta-Feed li,
.insta-Feed li a {
    padding: 0;
    position: relative;
    display: block;
}

.insta-Feed li:after,
.insta-Feed li a:after {
    position: absolute;
    background: #121212;
    width: 4px;
    height: 100%;
    content: '';
    right: 0;
    top: 0;
}

.insta-Feed li:before,
.insta-Feed li a:before {
    position: absolute;
    background: #121212;
    width: 100%;
    height: 4px;
    content: '';
    right: 0;
    bottom: 0;
}

.insta-Feed li:first-child,
.insta-Feed li:first-child a {
    padding-left: 0
}

.insta-Feed li:nth-child(3):after,
.insta-Feed li:nth-child(3) a:after,
.insta-Feed li:nth-child(6):after,
.insta-Feed li:nth-child(6) a:after {
    content: none;
}

.insta-Feed li:nth-child(4):before,
.insta-Feed li:nth-child(4) a:before,
.insta-Feed li:nth-child(5):before,
.insta-Feed li:nth-child(5) a:before,
.insta-Feed li:nth-child(6):before,
.insta-Feed li:nth-child(6) a:before {
    content: none;
}

.insta-Feed li img {
    display: inline-block;
    width: 100%;
}

.insta-Feed li a:hover,
.top-footer .block-social li a:hover {
    opacity: .5;
}

.bottom-footer {
    font-size: 12px;
}

.block-legal {
    text-align: right;
}

.block-legal li {
    display: inline-block;
}

.block-legal li a {
    margin-right: 10px;
    margin-top: 3px;
    padding-right: 12px;
    white-space: nowrap;
    color: #cccccc;
    font-size: 12px;
    position: relative;
}

.block-legal li a:before {
    content: "";
    background: #cccccc;
    width: 1px;
    height: 10px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 1px;
    position: absolute;
}

.block-legal li:last-child a {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.block-legal li:last-child a:before {
    content: none;
}

/* End fat footer section*/


/*Media queries*/

@media screen and (min-width: 600px) and (max-width: 800px) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .mobile-but {
        display: block;
    }

    .main-nav ul {
        display: none;
        text-align: left;
    }

    .main-nav li {
        float: none;
        display: block;
        margin-left: 0;
    }

    .main-nav li a {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 12px;
    }

    .main-nav li:first-child a {
        padding-top: 7px;
    }

    .main-nav li:last-child a {
        padding-bottom: 12px;
    }

    .title {
        font-size: 28px;
    }

    .but {
        padding: 11px 25px;
    }

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

    .block-ticket .block-price {
        font-size: 75px;
    }

    .sub-title-0 {
        font-size: 22px;
    }

    .block-sponsor img {
        width: 100%;
    }

    .location {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .accom .block-img {
        height: 200px;
    }

    .top-footer .block-social li {
        margin-bottom: 6px;
    }

    .block-legal {
        text-align: left;
        margin-top: 5px;
    }

    .registry-form input[type="text"] {
        width: 100%
    }

    .block-sponsor img {
        width: 100%;
    }
}

@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .mobile-but {
        display: block;
    }

    .main-nav ul {
        display: none;
        text-align: left;
    }

    .main-nav li {
        float: none;
        display: block;
        margin-left: 0;
    }

    .main-nav li a {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 12px;
    }

    .but {
        padding: 11px 25px;
    }

    .main-nav li:first-child a {
        padding-top: 7px;
    }

    .main-nav li:last-child a {
        padding-bottom: 12px;
    }

    .block-ticket .block-price {
        font-size: 70px
    }

    .block-img {
        height: 300px;
    }

    .accom .block-img {
        height: 200px;
    }

    .top-footer .block-social li {
        margin-bottom: 6px;
    }

    .block-legal {
        text-align: left;
        margin-top: 5px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .main-nav ul {
        display: block;
        text-align: right;
    }

    .main-nav li {
        display: inline-block;
        font-size: 13.2px;
        font-weight: 400;
        margin-left: 35px;
    }

    .main-nav li a {
        color: #ffffff;
        display: block;
        padding: 12px 0;
        position: relative;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }
}

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

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .mobile-but {
        display: block;
    }

    .main-nav ul {
        display: none;
        text-align: left;
    }

    .main-nav li {
        float: none;
        display: block;
        margin-left: 0;
    }

    .main-nav li a {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 12px;
    }

    .main-nav li:first-child a {
        padding-top: 7px;
    }

    .main-nav li:last-child a {
        padding-bottom: 12px;
    }

    .title {
        font-size: 28px;
    }

    .but {
        padding: 11px 25px;
    }

    .block-ticket .block-price {
        font-size: 75px;
    }

    .sub-title-0 {
        font-size: 22px;
    }

    .registry-form input[type="text"] {
        width: 100%
    }

    .block-sponsor img {
        width: 100%;
    }

    .location {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .accom .block-img {
        height: 200px;
    }

    .accom .row.mt-100 {
        margin-top: 30px !important;
    }

    .top-footer .block-social li {
        margin-bottom: 6px;
    }

    .block-legal {
        text-align: left;
        margin-top: 5px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .mobile-but {
        display: block;
    }

    .main-nav ul {
        display: none;
        text-align: left;
    }

    .main-nav li {
        float: none;
        display: block;
        margin-left: 0;
    }

    .main-nav li a {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 12px;
    }

    .main-nav li:first-child a {
        padding-top: 7px;
    }

    .main-nav li:last-child a {
        padding-bottom: 12px;
    }

    .main-slider .slides li {
        height: 500px;
    }

    .slider-arrow {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .slider-arrow-prev {
        left: 15px;
    }

    .slider-arrow-next {
        right: 15px;
    }

    h1.large {
        font-size: 45px;
    }

    .hero-content h3 {
        font-size: 35px;
    }

    .hero-content p {
        font-size: 13px;
    }

    .col-md-3.col-sm-3.text-right {
        text-align: left;
        margin-top: 10px;
    }

    .vertical-align {
        display: block;
    }

    .block-tab {
        margin-top: 50px;
    }

    .block-tickets li {
        display: block;
    }

    .block-tickets.overlap {
        left: auto;
        margin-bottom: 20px;
        margin-top: 100px;
    }

    .block-video {
        margin-top: 20px;
    }

    .block-ticket {
        -webkit-transform: scale(1);
        opacity: 1;
        margin-bottom: 20px;
    }

    .block-tab {
        margin-top: 100px;
    }

    .block-sponsor img {
        width: 50%;
    }

    .registry-form .submit {
        width: 90%;
    }

    .registry-form input[type="text"] {
        width: 100%
    }

    .block-map {
        display: none;
    }

    .subscribe-form input[type="text"] {
        margin-bottom: 25px;
    }

    .registry-form .submit {
        width: 100%;
    }

    input[type="text"],
    .registry-form .block-select {
        max-width: 100%;
    }

    .block-speaker .block-img::after {
        content: none;
    }

    .col-sm-4.col-sm-offset-2.text-center {
        margin-bottom: 20px;
    }

    .block-legal {
        text-align: left;
        margin-top: 5px;
    }

    .top-footer .block-social {
        margin-bottom: 20px;
    }

    .insta-Feed li:after,
    .insta-Feed li a:after,
    .insta-Feed li:before,
    .insta-Feed li a:before {
        content: none;
    }
}

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

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .mobile-but {
        display: block;
    }

    .main-nav ul {
        display: none;
        text-align: left;
    }

    .main-nav li {
        float: none;
        display: block;
        margin-left: 0;
    }

    .main-nav li a {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 12px;
    }

    .main-nav li:first-child a {
        padding-top: 7px;
    }

    .main-nav li:last-child a {
        padding-bottom: 12px;
    }

    .main-slider .slides li {
        height: 500px;
    }

    .slider-arrow {
        width: 35px;
        height: 35px;
        font-size: 12px;
    }

    .slider-arrow-prev {
        left: 10px;
    }

    .slider-arrow-next {
        right: 10px;
    }

    h1.large {
        font-size: 30px;
    }

    .hero-content h3 {
        font-size: 25px;
    }

    .hero-content p {
        font-size: 15px;
    }

    .col-md-3.col-sm-3.text-right {
        text-align: left;
        margin-top: 10px;
    }

    .vertical-align {
        display: block;
    }

    .block-tab {
        margin-top: 50px;
    }

    .countdown {
        font-size: 35px;
    }

    .block-tickets li {
        display: block;
    }

    .but {
        padding: 11px 20px;
    }

    .block-tickets.overlap {
        left: auto;
        margin-bottom: 20px;
        margin-top: 100px;
    }

    .block-video {
        margin-top: 20px;
    }

    .block-ticket {
        -webkit-transform: scale(1);
        opacity: 1;
        margin-bottom: 20px;
    }

    .subscribe-form input[type="text"] {
        margin-bottom: 25px;
    }

    .registry-form .submit {
        width: 100%;
    }

    input[type="text"],
    .registry-form .block-select {
        max-width: 100%;
    }

    .block-speaker .block-img:after {
        content: none;
    }

    .block-tab {
        margin-top: 50px;
    }

    .block-sponsor img {
        width: 50%;
    }

    .block-map {
        display: none;
    }

    .col-sm-4.col-sm-offset-2.text-center {
        margin-bottom: 20px;
    }

    .accom .row.mt-100 {
        margin-top: 30px !important;
    }

    .top-footer .block-social {
        margin-bottom: 20px;
    }

    .block-legal {
        text-align: left;
        margin-top: 5px;
    }

    .insta-Feed li:after,
    .insta-Feed li a:after,
    .insta-Feed li:before,
    .insta-Feed li a:before {
        content: none;
    }
}

/* Radio Button Styles */
.block-radio {
    margin-bottom: 25px;
    align-items: center;
    justify-content: center;
}

.radio-label {
    display: block;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 500;
    margin-left: 10%;
}

.radio-options {
    display: flex;
    flex-direction: row;
    gap: 2px;
    justify-content: center;
    align-items: center;
}

.radio-option {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 0px;
    /* padding: 12px 20px;*/
    /*background: rgba(255, 255, 255, 0.1);*/
    /* border: 2px solid rgba(255, 255, 255, 0.2); */
    /* border-radius: 25px;*/
    /* transition: all 0.3s ease;*/
    /* backdrop-filter: blur(5px); */
    margin-bottom: 0;
}

/*.radio-option:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
}*/

.radio-option input[type="radio"] {
    margin: 0;
    margin-right: 2px;
    width: 18px;
    height: 18px;
    accent-color: #151a60;
    cursor: pointer;
}

.radio-option input[type="radio"]:checked+.radio-text {
    color: #ffffff;
    font-weight: 600;
}

.radio-text {
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    flex: 1;
}

.student-width .radio-text {
    width: 100px;
    /* or larger if needed */
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.professional-width .radio-text {
    width: 160px;
    /* increase if text is still cut */
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    /*.radio-option:has(input[type="radio"]:checked) {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
}*/

    /*.radio-option.highlighted {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
    transform: scale(1.02);
}*/


    /*End media queries*/
/* R
egistry Form Styling */
.registry-form {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.8), rgba(57, 155, 255, 0.1));
    padding: 60px 50px;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(57, 155, 255, 0.3);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
    position: relative;
    max-width: 600px;
    width: 100%;
}

.registry-form::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent, rgba(57, 155, 255, 0.05), transparent);
    pointer-events: none;
}

.registry-form div {
    padding: 0;
}

.form p {
    font-size: 12px;
    margin-top: 15px;
}

/* Form Input Consistency Fixes */
.registry-form .col-sm-12,
.registry-form .col-sm-13 {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 25px;
    box-sizing: border-box;
    display: block;
}

.registry-form input[type="text"],
.registry-form input[type="email"],
.registry-form input[type="tel"],
.registry-form input[type="file"],
.registry-form select,
.registry-form .block-select {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    margin-bottom: 25px;
}

/* Input Field Styling */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="file"] {
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 25px;
    outline: 0 none;
    overflow: hidden;
    padding: 0 25px;
    resize: none;
    border-radius: 25px;
    color: #ffffff;
    height: 50px;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.3s ease;
    font-size: 16px;
    backdrop-filter: blur(5px);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
    background: rgba(255, 255, 255, 0.15);
    border-color: #399bff;
    box-shadow: 0 0 20px rgba(57, 155, 255, 0.3);
    transform: translateY(-2px);
}

/* Dropdown Styling with Custom Arrow */
.registry-form .select-wrapper {
    position: relative;
    margin-bottom: 25px;
}

.registry-form select {
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    padding: 0 25px;
    padding-right: 50px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    backdrop-filter: blur(5px);
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
    transition: all 0.3s ease;
}

.registry-form .select-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #ffffff;
    transition: all 0.3s ease;
}

.registry-form select:focus + .select-arrow,
.registry-form select:hover + .select-arrow {
    border-top-color: #399bff;
    transform: translateY(-50%) rotate(180deg);
}

.registry-form select option {
    color: #333333;
    background-color: #ffffff;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 500;
}

.registry-form select:focus,
.registry-form select:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: #399bff;
    box-shadow: 0 0 20px rgba(57, 155, 255, 0.3);
    transform: translateY(-2px);
}

.registry-form select.highlighted {
    border-color: #399bff;
    background: rgba(57, 155, 255, 0.2);
    box-shadow: 0 0 20px rgba(57, 155, 255, 0.5);
    animation: pulse 1s ease-in-out;
}

.registry-form select.highlighted + .select-arrow {
    border-top-color: #399bff;
}

/* Override any conflicting styles */
#pass_type {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    padding: 0 25px !important;
    padding-right: 50px !important;
    border-radius: 25px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    height: 50px !important;
    backdrop-filter: blur(5px) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
    position: relative !important;
    z-index: 1000 !important;
}

#pass_type option {
    color: #333333 !important;
    background-color: #ffffff !important;
    padding: 10px 15px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

#pass_type:focus,
#pass_type:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #399bff !important;
    box-shadow: 0 0 20px rgba(57, 155, 255, 0.3) !important;
    transform: translateY(-2px) !important;
}

/* Ensure select wrapper has proper spacing */
.registry-form .select-wrapper {
    margin-bottom: 25px !important;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); }
    100% { transform: scale(1); }
}

/* Submit Button */
.registry-form .submit {
    background: linear-gradient(45deg, #399bff, #ee71f9);
    border: none;
    border-radius: 25px;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    outline: none;
    padding: 0 40px;
    transition: all 0.3s ease;
    width: 100%;
    text-transform: uppercase;
}

.registry-form .submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(57, 155, 255, 0.4);
}

/* File Upload Section */
.file-upload-section {
    margin: 25px 0;
    padding: 20px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
}

.file-upload-section h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.file-upload-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 300px;
}

.file-upload-input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.file-upload-label {
    display: block;
    padding: 15px 20px;
    background: rgba(57, 155, 255, 0.2);
    border: 2px dashed rgba(57, 155, 255, 0.5);
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.file-upload-label:hover {
    background: rgba(57, 155, 255, 0.3);
    border-color: rgba(57, 155, 255, 0.7);
}

.file-info p {
    color: #ffffff;
    font-size: 12px;
    opacity: 0.7;
    margin-top: 10px;
}

.file-selected {
    color: #399bff;
    font-size: 14px;
    margin-top: 10px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .registry-form {
        padding: 40px 30px;
    }
    
    .registry-form .col-sm-12,
    .registry-form .col-sm-13 {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 25px !important;
        box-sizing: border-box;
        display: block;
    }
    
    .registry-form input[type="text"],
    .registry-form input[type="email"],
    .registry-form input[type="tel"],
    .registry-form input[type="file"],
    .registry-form select,
    .registry-form .block-select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box;
        margin-bottom: 25px !important;
    }
    
    .registry-form .submit {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 10px !important;
    }
}

/* Placeholder Styling */
input[type]:-moz-placeholder {
    color: #ffffff;
    opacity: .4;
    font-size: 14px;
}
:-moz-placeholder {
    color: #ffffff;
    opacity: .4;
    font-size: 14px;
}
::-moz-placeholder {
    color: #ffffff;
    opacity: .4;
    font-size: 14px;
}
:-ms-input-placeholder {
    color: #ffffff;
    opacity: .4;
    font-size: 14px;
}
::-webkit-input-placeholder {
    color: #ffffff;
    opacity: .4;
    font-size: 14px;
}/*
 Contact Section Styling */
.contact-image {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.contact-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
}

.contact-content {
    padding-left: 40px;
}

.contact-content .block-info-3 p {
    font-size: 16px;
    line-height: 1.8;
    color: #cccccc;
}

.contact-content .block-info-3 strong {
    color: #ffffff;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

/* Team Section Photo Spacing Fix for PC - More Head Space */
@media (min-width: 992px) {
    .team-member .member-image {
        margin-bottom: 30px !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
        height: 320px !important;
    }
    
    .team-member .member-image img.img-responsive {
        width: 100% !important;
        height: 320px !important;
        object-fit: cover !important;
        object-position: center 10% !important;
        transition: transform 0.3s ease !important;
        max-width: none !important;
    }
    
    .team-member:hover .member-image img {
        transform: scale(1.05) !important;
    }
    
    .team-member .member-info {
        padding-top: 20px !important;
    }
}

/* Additional specific targeting for team images with more head space */
#team .team-member .member-image img {
    height: 320px !important;
    object-fit: cover !important;
    object-position: center 10% !important;
}

@media (min-width: 992px) {
    #team .team-member .member-image img {
        height: 320px !important;
        object-fit: cover !important;
        object-position: center 10% !important;
    }
}

/* Force override any conflicting styles */
.team .team-member .member-image img,
.team-member .member-image .img-responsive {
    object-position: center 10% !important;
    object-fit: cover !important;
    height: 320px !important;
}

/* Registration Form Spacing Fix */
.registry-form .select-wrapper {
    margin-bottom: 20px !important;
}

.registry-form .col-sm-12 {
    margin-bottom: 15px;
}

.registry-form .submit {
    margin-top: 5px;
    margin-bottom: 0;
}

/* Desktop specific form spacing */
@media (min-width: 992px) {
    .registry-form .col-sm-12 {
        margin-bottom: 18px;
    }
    
    .registry-form .select-wrapper {
        margin-bottom: 18px !important;
    }
    
    .registry-form input[type="text"],
    .registry-form input[type="email"],
    .registry-form input[type="tel"] {
        margin-bottom: 18px !important;
    }
    
    .registry-form .submit {
        margin-top: 8px;
    }
}

/* Mobile responsive fixes for contact section */
@media (max-width: 768px) {
    .contact-content {
        padding-left: 0;
        padding-top: 40px;
    }
    
    .contact-image img {
        height: 250px;
    }
}

/* Team member overlay styling */
.team-member .member-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-member:hover .member-overlay {
    opacity: 1;
}

.team-member .social-links a {
    color: #ffffff;
    font-size: 20px;
    margin: 0 10px;
    transition: color 0.3s ease;
}

.team-member .social-links a:hover {
    color: #399bff;
}

.team-member .member-info h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

.team-member .member-info .position {
    color: #399bff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.team-member .member-info .bio {
    color: #cccccc;
    font-size: 14px;
    line-height: 1.6;
}/
* Ultra-specific team image head space fix */
section#team .team-member .member-image img,
section.team .team-member .member-image img {
    object-position: center 5% !important;
    object-fit: cover !important;
    height: 320px !important;
    width: 100% !important;
}

/* Desktop specific head space adjustment */
@media (min-width: 992px) {
    section#team .team-member .member-image img,
    section.team .team-member .member-image img {
        object-position: center 5% !important;
        object-fit: cover !important;
        height: 320px !important;
        width: 100% !important;
    }
    
    /* Ensure container has proper height */
    section#team .team-member .member-image,
    section.team .team-member .member-image {
        height: 320px !important;
        overflow: hidden !important;
    }
}

/* Alternative approach - if object-position doesn't work, use transform */
@media (min-width: 992px) {
    .team-member .member-image img[src*="kledis"],
    .team-member .member-image img[src*="salha"],
    .team-member .member-image img[src*="ahmed"] {
        transform: translateY(-20px) !important;
        height: 340px !important;
    }
    
    .team-member:hover .member-image img[src*="kledis"],
    .team-member:hover .member-image img[src*="salha"],
    .team-member:hover .member-image img[src*="ahmed"] {
        transform: translateY(-20px) scale(1.05) !important;
    }
}/
* Hide mission section image on mobile only */
@media (max-width: 768px) {
    .about-image .image-wrapper {
        display: none !important;
    }
}/* Enhan
ced Registration Form Spacing for Desktop */
@media (min-width: 992px) {
    .registry-form {
        padding: 50px 40px;
    }
    
    /* Consistent spacing between all form elements */
    .registry-form .col-sm-12:not(:last-child) {
        margin-bottom: 20px !important;
    }
    
    /* Specific spacing for form inputs */
    .registry-form input[type="text"],
    .registry-form input[type="email"],
    .registry-form input[type="tel"] {
        margin-bottom: 0 !important;
    }
    
    /* Dropdown wrapper spacing */
    .registry-form .select-wrapper {
        margin-bottom: 0 !important;
    }
    
    /* Submit button spacing */
    .registry-form .col-sm-12:last-of-type {
        margin-bottom: 0 !important;
        margin-top: 10px !important;
    }
    
    /* Label spacing */
    .registry-form label {
        margin-bottom: 8px !important;
    }
}

/* Ensure form elements have consistent visual spacing */
.registry-form .col-sm-12 + .col-sm-12 {
    margin-top: 0;
}

/* Remove extra spacing from submit button container */
.registry-form .col-sm-12:has(.submit) {
    margin-top: 15px;
    margin-bottom: 0;
}/* P
RECISE 1PX SPACING BETWEEN DROPDOWN AND BUTTON */
form#registrationForm.registry-form .col-sm-12:has(.select-wrapper) {
    margin-bottom: 1px !important;
}

form#registrationForm.registry-form .col-sm-12:has(.submit) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

form#registrationForm.registry-form .select-wrapper {
    margin-bottom: 0 !important;
}

form#registrationForm.registry-form .submit {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Remove any padding that might add extra space */
form#registrationForm.registry-form .col-sm-12:has(.select-wrapper),
form#registrationForm.registry-form .col-sm-12:has(.submit) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}/* Specific
 fix for Salha's photo - show more head area on desktop */
@media (min-width: 992px) {
    .team-member .member-image img[src*="salha"] {
        object-position: center 15% !important;
        transform: translateY(-10px) !important;
    }
    
    .team-member:hover .member-image img[src*="salha"] {
        transform: translateY(-10px) scale(1.05) !important;
    }
}

/* Alternative approach - if the above doesn't work, use this */
@media (min-width: 992px) {
    .team-member .member-image img[alt*="Salha"] {
        object-position: center 15% !important;
        transform: translateY(-10px) !important;
    }
    
    .team-member:hover .member-image img[alt*="Salha"] {
        transform: translateY(-10px) scale(1.05) !important;
    }
}/* 
Footer Links Styling - Make them whitish like the rest of the site */
.footer-title {
    color: #ffffff !important;
}

.quick-links li a {
    color: #cccccc !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.quick-links li a:hover {
    color: #ffffff !important;
}

.quick-links li a:visited {
    color: #cccccc !important;
}

.quick-links li a:focus {
    color: #cccccc !important;
}

/* Ensure all footer links follow the same styling */
footer a {
    color: #cccccc !important;
    text-decoration: none !important;
}

footer a:hover {
    color: #ffffff !important;
}

footer a:visited {
    color: #cccccc !important;
}

/* Social media links styling */
.block-social li a {
    color: #cccccc !important;
}

.block-social li a:hover {
    color: #399bff !important;
}

/* Footer text styling */
.bottom-footer {
    color: #cccccc !important;
}

footer p {
    color: #cccccc !important;
}/* FORC
E Footer Links to be White - Override All Blue Styles */
footer .quick-links li a,
footer .quick-links a,
.top-footer .quick-links li a,
.top-footer .quick-links a,
.footer .quick-links li a,
.footer .quick-links a {
    color: #ffffff !important;
    text-decoration: none !important;
}

footer .quick-links li a:hover,
footer .quick-links a:hover,
.top-footer .quick-links li a:hover,
.top-footer .quick-links a:hover {
    color: #399bff !important;
}

footer .quick-links li a:visited,
footer .quick-links a:visited,
.top-footer .quick-links li a:visited,
.top-footer .quick-links a:visited {
    color: #ffffff !important;
}

/* Override any existing link styles in footer */
footer a:not(.block-social a) {
    color: #ffffff !important;
}

footer a:not(.block-social a):hover {
    color: #399bff !important;
}

/* FORCE Team Photos to Show More Head Space - 30% Lower */
@media (min-width: 992px) {
    /* All team member images - move them down significantly */
    .team-member .member-image img {
        object-position: center 30% !important;
        transform: translateY(-30px) !important;
        height: 350px !important;
    }
    
    .team-member:hover .member-image img {
        transform: translateY(-30px) scale(1.05) !important;
    }
    
    /* Ensure container can handle the larger image */
    .team-member .member-image {
        height: 320px !important;
        overflow: hidden !important;
    }
    
    /* Specific adjustments for each team member */
    .team-member .member-image img[src*="kledis"] {
        object-position: center 25% !important;
        transform: translateY(-25px) !important;
    }
    
    .team-member .member-image img[src*="salha"] {
        object-position: center 35% !important;
        transform: translateY(-35px) !important;
    }
    
    .team-member .member-image img[src*="ahmed"] {
        object-position: center 30% !important;
        transform: translateY(-30px) !important;
    }
    
    /* Hover states for specific images */
    .team-member:hover .member-image img[src*="kledis"] {
        transform: translateY(-25px) scale(1.05) !important;
    }
    
    .team-member:hover .member-image img[src*="salha"] {
        transform: translateY(-35px) scale(1.05) !important;
    }
    
    .team-member:hover .member-image img[src*="ahmed"] {
        transform: translateY(-30px) scale(1.05) !important;
    }
}/
* NUCLEAR OPTION - Override Bootstrap Default Link Color */
/* Bootstrap sets default links to #337ab7 (blue), we need to override this */

/* Target all links in footer with maximum specificity */
html body footer a,
html body footer .quick-links a,
html body footer .quick-links li a,
html body .top-footer a,
html body .top-footer .quick-links a,
html body .top-footer .quick-links li a,
html body section.top-footer a,
html body section.top-footer .quick-links a,
html body section.top-footer .quick-links li a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Hover states */
html body footer a:hover,
html body footer .quick-links a:hover,
html body footer .quick-links li a:hover,
html body .top-footer a:hover,
html body .top-footer .quick-links a:hover,
html body .top-footer .quick-links li a:hover {
    color: #399bff !important;
}

/* Visited states */
html body footer a:visited,
html body footer .quick-links a:visited,
html body footer .quick-links li a:visited,
html body .top-footer a:visited,
html body .top-footer .quick-links a:visited,
html body .top-footer .quick-links li a:visited {
    color: #ffffff !important;
}

/* Focus states */
html body footer a:focus,
html body footer .quick-links a:focus,
html body footer .quick-links li a:focus,
html body .top-footer a:focus,
html body .top-footer .quick-links a:focus,
html body .top-footer .quick-links li a:focus {
    color: #ffffff !important;
}

/* Active states */
html body footer a:active,
html body footer .quick-links a:active,
html body footer .quick-links li a:active,
html body .top-footer a:active,
html body .top-footer .quick-links a:active,
html body .top-footer .quick-links li a:active {
    color: #ffffff !important;
}

/* Override any Bootstrap classes that might be applied */
footer .text-primary,
.top-footer .text-primary,
footer a.text-primary,
.top-footer a.text-primary {
    color: #ffffff !important;
}

/* Exclude social media links from this styling */
html body footer .block-social a,
html body .top-footer .block-social a {
    color: #cccccc !important;
}

html body footer .block-social a:hover,
html body .top-footer .block-social a:hover {
    color: #399bff !important;
}/* DI
RECT FIX FOR QUICK LINKS - FORCE WHITE COLOR */
.quick-links li a.scroll[href="#wrapper"],
.quick-links li a.scroll[href="#about"],
.quick-links li a.scroll[href="#schedule"],
.quick-links li a.scroll[href="#register"],
.quick-links li a.scroll[href="#team"] {
    color: #ffffff !important;
    text-decoration: none !important;
}

.quick-links li a.scroll[href="#wrapper"]:hover,
.quick-links li a.scroll[href="#about"]:hover,
.quick-links li a.scroll[href="#schedule"]:hover,
.quick-links li a.scroll[href="#register"]:hover,
.quick-links li a.scroll[href="#team"]:hover {
    color: #399bff !important;
}

.quick-links li a.scroll[href="#wrapper"]:visited,
.quick-links li a.scroll[href="#about"]:visited,
.quick-links li a.scroll[href="#schedule"]:visited,
.quick-links li a.scroll[href="#register"]:visited,
.quick-links li a.scroll[href="#team"]:visited {
    color: #ffffff !important;
}

/* Alternative approach - target by exact position */
.quick-links li:nth-child(1) a,
.quick-links li:nth-child(2) a,
.quick-links li:nth-child(3) a,
.quick-links li:nth-child(4) a,
.quick-links li:nth-child(5) a {
    color: #ffffff !important;
}

.quick-links li:nth-child(1) a:hover,
.quick-links li:nth-child(2) a:hover,
.quick-links li:nth-child(3) a:hover,
.quick-links li:nth-child(4) a:hover,
.quick-links li:nth-child(5) a:hover {
    color: #399bff !important;
}