:root {
	--primary-bg: #0dd1df;
	--primary-bg-hover: #1ba3ad;
	--black-text:#000;
	--white-text:#FFF;
  	--body-font: "Lato", sans-serif;
  	--title-font: "Bai Jamjuree", sans-serif;
}
body {font-family: var(--body-font);font-weight: 400;}
a{text-decoration:none;}
p{font-size: 16px;}
.fs-7{font-size:0.95rem !important;}
.fs-8{font-size:0.85rem !important;}
.fs-9{font-size:0.70rem !important;}

.fw-300{font-weight:300;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
.fw-800{font-weight:800;}
.fw-900{font-weight:900;}

.text-site{color:var(--primary-bg) !important;}
.bg-site{background-color:var(--primary-bg) !important;}

.btn-site{background-color:var(--primary-bg);color: var(--black-text);padding: 0.65rem 1.5rem;border: none;text-transform: uppercase;font-weight: 600;font-size: 0.85rem;transition: 0.35s ease;border-radius: 0;}
.btn-site:hover{background-color:var(--primary-bg-hover);}

.page-title{font-family:var(--title-font);color: var(--black-text);font-size: 2.7rem;font-weight: 600;}
.sub-title {font-family: var(--title-font);color: var(--primary-bg);font-size: 1.2rem;font-weight: 600;}

.navbar-light{background-color:transparent !important;border-bottom: 1px solid #373939;transition: background 0.4s, box-shadow 0.4s;}
.navbar-light.scrolled{background-color:#000 !important;border-bottom: none;box-shadow: 0 2px 12px rgba(0,0,0,0.1);}
.navbar-light.scrolled .navbar-brand>img {height: 50px;}
.navbar-brand>img {height: 80px;transition: 0.4s ease;}
.navbar-light .navbar-nav .nav-link{color: var(--white-text);font-weight: 600;}
.navbar-light .navbar-nav .nav-link:hover{color: var(--primary-bg);}
.navbar-light .navbar-nav .nav-link.active{color: var(--primary-bg);}

#home-slider .carousel-item {height: 100vh;min-height: 100vh;position: relative;}
#home-slider .carousel-item img {width: 100%;height: 100%;object-fit: cover;transform: scale(1);transition: transform 8s ease;}
#home-slider .carousel-item.zoom img {transform: scale(1.15);}
#home-slider .carousel-item::before {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.5);z-index: 1;}
#home-slider .carousel-caption {position: absolute;inset: 0;z-index: 2;display: flex !important;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
#home-slider .carousel-caption h2 {font-size: clamp(1.8rem, 4vw, 3.2rem);font-family: var(--title-font);font-weight: 500;margin: 12px 0;}

.image-positioned{margin-top:90px;}
.image-positioned .top_img{top:-90px;position: absolute;right: 0;width: 55%;}
.image-positioned .bottom_img{width: 80%;}


.home-parallax {background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/parallax.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;position: relative;padding: 150px 0;}
.home-parallax h4 {font-size: 1.55rem;line-height: 1.5;color: #fff;}
.home-parallax .video_play {position: relative;display: inline-block;width: 150px;height: 150px;line-height: 150px;text-align: center;cursor: pointer;z-index: 10;}
.home-parallax .video_play::before,.home-parallax .video_play::after {content: "";position: absolute;top: 50%;left: 50%;width: 150px;height: 150px;transform: translate(-50%, -50%) scale(0);border: 4px solid rgba(255,255,255,0.5);border-radius: 50%;opacity: 0;animation: ripple 2s infinite;z-index: 2;}
.home-parallax .video_play::after {animation-delay: 1s;}
.home-parallax .video_play i {color: #fff;font-size: 3rem;position: relative;z-index: 3;transition: transform 0.3s ease;}
.home-parallax .video_play:hover i {transform: scale(1.2);}

#summary-stats .card {border-radius: 12px;transition: transform 0.3s ease, box-shadow 0.3s ease;}
#summary-stats .card:hover {transform: translateY(-5px);box-shadow: 0 15px 35px rgba(0,0,0,0.1);}
#summary-stats .counter {font-family: var(--title-font);font-weight: 600;}

.conference .row{position:relative;padding: 50px 0;}
.conference .row.left{margin-bottom: 50px;}
.conference .row.left:before{position: absolute;content: "";left: 12px;top: 0;width: 70%;height: 100%;background: #f7f7f7;z-index: -1;}
.conference .row.right:before{position: absolute;content: "";right: 12px;top: 0;width: 70%;height: 100%;background: #f7f7f7;z-index: -1;}


.gallery-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));grid-auto-rows: 200px;    gap: 15px;}
.gallery-item {position: relative;overflow: hidden;border-radius: 12px;cursor: pointer;}
.gallery-item img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.gallery-item:hover img {transform: scale(1.05);filter: brightness(0.9);}
.gallery-item.vertical { grid-row: span 2;}
.gallery-item.horizontal { grid-row: span 1;}

.gallery-tabs-modern {gap: 14px;flex-wrap: wrap;}
.gallery-tabs-modern .nav-link {border: 0;padding: 10px 28px;border-radius: 40px;background: #f4f4f4;color: #222;font-weight: 500;letter-spacing: .3px;transition: all .35s ease;position: relative;overflow: hidden;font-size: 13px;}
.gallery-tabs-modern .nav-link:hover {background: #111;color: #fff;transform: translateY(-2px);}
.gallery-tabs-modern .nav-link.active {background: linear-gradient(135deg, #111, #333);color: #fff;box-shadow: 0 12px 30px rgba(0,0,0,.15);}
.gallery-tabs-modern .nav-link.active::after {content: "";position: absolute;left: 20%;right: 20%;bottom: -6px;height: 3px;background: var(--primary-bg);border-radius: 4px;}

@media (max-width: 576px) {
    .gallery-tabs-modern .nav-link {
        padding: 10px 20px;
        font-size: .9rem;
    }
}


.footer{background-color:#000;}
.footer img{height: 100px;}
.footer ul{padding: 0;margin: 0;}
.footer ul li{display: block;}
.footer ul li a{display: inline-block;padding:0.35rem 0;text-decoration: none;color: #BCBCBC;transition: 0.45s ease;}
.footer ul li a:hover{color: var(--primary-bg);}
.footer .social{display: flex;gap:15px;}
.footer .social a{color: #FFF;background:rgba(255,255,255,0.07);border-radius: 50%;width: 50px;height: 50px;text-align: center;line-height: 50px;transition: 0.45s ease;}
.footer .social a:hover{background:var(--primary-bg);color: #000;}

.copy{background-color:#0F0F0F;}
.copy h6{color:#C1C1C1;font-size: 0.85rem;}
.copy h6 a{color:var(--primary-bg);}

.banner{padding-top:200px;padding-bottom: 125px;position: relative;background: url("../images/parallax.jpg") no-repeat center center fixed;background-size: cover;}
.banner:after {position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;z-index: 1;background: #000;opacity: .5;}
.banner .page-title{color: #FFF;font-weight: 600;z-index: 2;position: relative;}
.banner h6{color: #FFF;font-weight: 400;z-index: 2;position: relative;}
.banner h6 a{color: var(--primary-bg);}

/* Contact Form */
.contact-input .input-group-text {background: transparent;border-right: 0;color: var(--primary-bg);font-size: 1.1rem;}
.contact-input .form-control {border-left: 0;font-size: 0.95rem;padding: 0.9rem 0.75rem;}
.contact-input .form-control:focus {box-shadow: none;border-color: var(--primary-bg);}
.contact-input .input-group-text,.contact-input .form-control {border-radius: 0;}
.contact-input textarea.form-control {resize: none;}
.contact-input:focus-within {border-bottom: 1px solid var(--primary-bg);}

.map-wrapper {line-height: 0;}
.map-wrapper iframe {display: block;width: 100%;height: 450px;border: 0;}

.icon-white svg{width: 50px;height: 50px;}
.icon-white path {fill: #ffffff;}


.activity-tabs-modern {gap: 14px;flex-wrap: wrap;}
.activity-tabs-modern .nav-link {border: 0;padding: 10px 28px;border-radius: 40px;background: #f4f4f4;color: #222;font-weight: 500;letter-spacing: .3px;transition: all .35s ease;position: relative;overflow: hidden;font-size: 13px;}
.activity-tabs-modern .nav-link:hover {background: #111;color: #fff;transform: translateY(-2px);}
.activity-tabs-modern .nav-link.active {background: linear-gradient(135deg, #111, #333);color: #fff;box-shadow: 0 12px 30px rgba(0,0,0,.15);}
.activity-tabs-modern .nav-link.active::after {content: "";position: absolute;left: 20%;right: 20%;bottom: -6px;height: 3px;background: var(--primary-bg);border-radius: 4px;}

@media (max-width: 576px) {.activity-tabs-modern .nav-link {padding: 10px 20px;font-size: .9rem;}}


#news-events .card {position: relative;top: 0;transition: 0.25s ease-out;}
#news-events .card:hover {top:-5px;box-shadow: 0 7px 30px rgba(0,0,0,0.25);}
#news-events .card h5.card-title {font-size: 1.1rem;font-weight: 600;}
#news-events .card-text {font-size: .95rem;}
#news-events .card-img-top {object-fit: cover;height: 200px;border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;}
#news-events .btn-site {font-size: .85rem;padding: 6px 14px;}



/* Ripple animation */
@keyframes ripple {
    0% {transform: translate(-50%, -50%) scale(0);opacity: 0.6;}
    50% {opacity: 0.3;}
    100% {transform: translate(-50%, -50%) scale(1.5);opacity: 0;}
}

@media (max-width: 1080px) {
	
	.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
	
	.page-title{font-size:1.6rem;}
	.home-parallax{padding: 75px 0;}
	
	.banner {padding-top: 125px;padding-bottom: 55px;}
	
	.home-parallax h4{font-size:1.2rem;text-align: center;}
	.home-parallax .video_play{width: 100px;height: 100px;line-height: 100px;}
	.conference .row.left:before,.conference .row.right:before{display:none;}
	.conference .row{padding:0;}
}