* { box-sizing: border-box; margin:0; padding:0; font-family:"Segoe UI",Arial,sans-serif; }
body { background:#f4f6f5; color:#333; line-height:1.6; scroll-behavior:smooth;display: flex;flex-direction: column;min-height: 100dvh; }
html{scroll-behavior:smooth;}
.page_wrap{flex: 1;}
/* FIXED HEADER NAV */
.main-header {
  position: fixed;
  top:0; left:0; right:0;
  background: rgba(255,255,255,0.95);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:15px 30px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  z-index: 999;
}
/* Logo Styling */
.logo-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 28px;
  text-transform: capitalize;
  display: inline-block;
}

.logo-container {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-decoration: none;
}
.logo-container:focus-visible{outline: 0;}

.logo-text {
  font-size: 24px;
  color: #1a1a1a;
}

.logo-text span.green {
  color: #1b5e20;
}

.logo-text .egg {
  color: #FFC107;  /* Warm yellow for charity */
}

.logo-text .green {
  color: #4CAF50;  /* Green for golf */
}

/* Optional: add subtle effect */
.logo-text span {
  transition: transform 0.3s ease;
}

.logo-text span:hover {
  transform: scale(1.1);
}

.main-header .logo {
  font-size:1.5rem;
  font-weight:bold;
  color:#1b5e20;
}

.main-header .main-nav a {
  text-decoration:none;
  color:#fff;
  font-weight:600;
  transition:0.3s;
  position:relative;
  text-align: center;
  line-height: 1.4;
  background-color: #1b5e20;
  padding: 10px 10px;
  border-radius:10px;
  min-width: 140px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-header .main-nav a:hover{background-color:#2e7d32;}
/* .main-header .main-nav a::after {
  content:"";
  width:0; height:2px;
  background:#1b5e20;
  position:absolute;
  left:0; bottom:-5px;
  transition:0.3s;
} */

/* .main-header .main-nav a:hover::after {width:100%;} */

/* Add top padding to body so content doesn't hide behind fixed header */
body {
  padding-top:80px;
}
/* HERO BANNER */
.hero { display:flex; flex-wrap:wrap; align-items:center; padding:50px; background:#e0f2f1; }
.hero-left { flex:1; min-width:300px; padding:20px; }
.hero-left h1 { font-size:3rem; margin-bottom:20px; color:#1b5e20; }
.hero-left p { font-size:1.2rem; margin-bottom:20px; }
.hero-left .btn { display:inline-block; background:#1b5e20; color:white; padding:12px 25px; border-radius:8px; text-decoration:none; transition:0.3s; }
.hero-left .btn:hover { background:#2e7d32; }
.hero-right { flex:1; min-width:300px; text-align:center; }
.hero-right img { width:100%; border-radius:15px; box-shadow:0 8px 20px rgba(0,0,0,0.2); }

/* SECTION */
.container { display:flex; flex-wrap:wrap; align-items:center; padding:20px 20px; max-width:1270px; margin:0 auto; }
.section-content { flex:1; min-width:300px; padding:20px; }
.section-image { flex:1; min-width:300px; padding:20px; }
.section-image img { width:100%; border-radius:15px; box-shadow:0 6px 15px rgba(0,0,0,0.15); }
h2 { color:#1b5e20; margin-bottom:15px; }
ul { margin:15px 0; padding-left:20px; }
li { margin-bottom:8px; }
.btn { display:inline-block; background:#1b5e20; color:white; padding:10px 20px; border-radius:6px; text-decoration:none; transition:0.3s; }
.btn:hover { background:#2e7d32; }

/* ALTERNATE LEFT / RIGHT FOR SECTIONS */
.section-content.left { order:1; }
.section-content.right { order:2; }
.section-image.left { order:2; }
.section-image.right { order:1; }

/* FOOTER */
footer { text-align:center; padding:20px; background:#e0e0e0;font-size:14px; }

/* FADE-IN ANIMATION */
.fade-section { opacity:0; transform:translateY(30px); transition:all 0.8s ease; }

/* Mobile menu */
.main-nav {display: flex;justify-content:flex-end;align-items: center;position: relative;z-index: 1001;}
.menu-btn {display: none;width: 32px;height: 24px;background: none;border: none;cursor: pointer;position: relative;}
.menu-btn span {position: absolute;width: 100%;height: 3px;background: #000;left: 0;transition: 0.3s;}
.menu-btn span:nth-child(1) { top: 0; }
.menu-btn span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.menu-btn span:nth-child(3) { bottom: 0; }
.overlay {position: fixed;inset: 0;background: rgba(0,0,0,0.4);opacity: 0;visibility: hidden;transition: 0.3s;z-index: 1000;}
.mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: auto;
  height: 100vh;
  background: #fff;
  padding: 4rem 2rem;
  display: flex;
  flex-direction: column;
  gap:16px;
  transition: 0.3s;
  z-index: 1001;
  overflow-y: scroll;
}
.mobile-menu a {text-decoration: none;font-size: 1.1rem;color: #000;}
.mobile-menu.active {right: 0;}
.overlay.active {opacity: 1;visibility: visible;}
.close-btn {position: absolute;top: 1.2rem;right: 1.2rem;width: 26px;height: 26px;background: none;border: none;cursor: pointer;}
.close-btn span {position: absolute;width: 100%;height: 3px;background: #000;top: 50%;left: 0;}
.close-btn span:first-child {transform: rotate(45deg);}
.close-btn span:last-child {transform: rotate(-45deg);}
.mobile-menu a{color: #1b5e20;font-weight: 600;position: relative;}
.mobile-menu a.active{font-weight: bold;}
/* .main-header .mobile-menu a.active::after{width: 100%;}
.main-header .mobile-menu a::after {content: "";width: 0;height: 2px;background: #1b5e20;position: absolute;left: 0;bottom: -5px;transition: 0.3s;} */
p{margin-bottom:10px;display: block;width: 100%;}
.inner-banner-sec{background-image: url('../images/golf-journey-banner.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;text-align: center;padding:100px 30px;position: relative;}
.inner-banner-sec h1{color: #fff;position: relative;z-index: 9;font-size: 35px;line-height: 1.3;}
.inner-banner-sec::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000070;
}
.inner-banner-sec .container{justify-content: center;}
.inner-banner-sec.cust-sep-rc{background-image: url('../images/raising-chicken.jpg');}
.cust-grid-sec .container {display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;align-items: start;}
.cust-grid-sec img{width: 100%;height:350px;object-fit: cover;border-radius: 15px;}
.cust-grid-sec {padding:30px 20px;}
.cust-grid-sec .card-content p {font-weight: 700;color: #1b5e20;margin:20px 0 25px;font-size:20px;line-height: 1.4;}
.cust-grid-sec .card-content a{font-weight: 700;text-transform: uppercase;margin-top: auto;text-align: center;padding: 10px 12px;font-size: 18px;}
.cust-grid-sec .card {display: flex;flex-direction: column;height: 100%;}
.cust-grid-sec .card-content {display: flex;flex-direction: column;flex: 1;}
.modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    justify-content: center;
    align-items: center;
    z-index: 999;
}
.modal-content {max-width: 800px;width: 90%;background: #000;position: relative;}
.modal video {width: 100%;}
.modal.active {display: flex;}
.modal .close {
    position: absolute;
    top: -20px;
    right: -11px;
    background: rgb(0, 0, 0);
    font-size: 30px;
    color: #fff;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    cursor:pointer;
}
.close::before,
.close::after {
    content: "";
    position: absolute;
    width: 17px;
    height: 2px;
    background-color: #fff;
}
.close::before {transform: rotate(45deg);}
.close::after {transform: rotate(-45deg);}
.cust-img-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-top: 30px;width: 100%;}
.cust-img-grid img {width: 100%;height:560px;object-fit: cover;display: block;object-position: top;box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);border-radius: 15px;}
.inner-page-wrap {padding-top:40px;}
.inner-banner-sec.my-research-banner{background-image: url('../images/scintific-research-banner.jpg');}
.inner-content-wrap{padding: 20px 0;}
.logo-img{margin-bottom: -88px;margin-top: 10px;}
.main-header .main-nav a:focus-visible {outline: 0;}
h3{margin-bottom: 10px;line-height: 1.4;}
.cust-about-me-pc{padding:20px;}
.hero{padding-top: 80px;}
.cust-grid-sec .card .card_img_link{text-decoration: none;overflow: hidden;border-radius: 15px;box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);line-height: 0;}
.cust-grid-sec .card .card_img_link:focus-visible{outline: 0;}
.cust-grid-sec .card img{transition: 0.6s ease all;}
.cust-grid-sec .card img:hover{transform: scale(1.1);border-radius: 15px;}
.my-golf-journey-banner,.inner-banner-am{background-position: top;}
.inner-banner-sec .container{flex-direction: column;}
.cust-bit{margin-bottom: 0;margin-top: 15px;font-size: 32px;line-height: 1.3;color: #fff;z-index: 9;font-weight: 600;text-align: center;}
.cust-btn-sec{justify-content: center;}
.cust-btn-sec .btn{padding: 12px 22px;font-weight: 600;font-size: 18px;margin: 10px 0;}
/* 05-02-2026 login page*/
.signup-form-wrapper {padding: 30px 30px 60px;background: #f9f9f9;}
.signup-form-wrapper form{margin: 0 auto;width: 100%;margin-top:25px;}
.signup-form-wrapper .cust-form-title{text-align: center;font-size: 24px;font-weight:700;margin-top: 0;width: 100%;text-transform: uppercase;}
.cust-login-page .cust-form-wrapper{background: #fff;border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.08);padding: 30px;width: 100%;max-width: 600px;}
.signup-form-wrapper .form-group {display: flex;flex-direction: column;margin-bottom: 20px;align-items: flex-start;}
.signup-form-wrapper .form-group label {margin-bottom: 8px;font-weight: 600;color: #222;}
.signup-form-wrapper .form-group input,.signup-form-wrapper .form-group textarea {padding: 12px;border: 1px solid #ccc;border-radius: 6px;font-size: 15px;outline: none;transition: border-color 0.3s ease;width: 100%;box-sizing: border-box;}
.submit-btn {width: 100%;background-color: #f4c542;color: #fff;padding: 12px;border: none;border-radius: 6px;font-size: 16px;font-weight: 600;cursor: pointer;}
.cust-login-page .cust-main-title{color: #1b5e20;font-size: 35px;line-height: 1.3;margin-bottom:25px;text-align: center;}
.cust-login-page .container{justify-content: center;flex-direction: column;}
.cust-login-page p{font-weight: 700;color: #333;margin-bottom:30px;font-size: 20px;line-height: 1.4;text-align: center;max-width: 500px;}
.cust-login-page p a{color: #1b5e20;text-decoration: none;}
.login-layout-body{padding-top:0;}
.cust-cm-page form span{color: red;font-size: 16px;}
.cust-cm-page form  .row {display: flex;width: 100%;gap: 20px;}
.cust-cm-page .row .form-group {width: 50%;}
.cust-cm-page .cust-form-wrapper{max-width: 700px;}
.cust-login-page  .cust-form-head {display: flex;align-items: anchor-center;flex-wrap: nowrap;justify-content: center;gap:20px;}
.cust-login-page  .cust-form-head img {width:30px;}
.cust-login-page  .cust-form-head .cust-form-title{width: auto;margin-bottom: 0;}
.cust-edaes-page .inner-content-wrap .container{max-width: 900px;}
.cust-edaes-page .inner-content-wrap p{font-size:20px;text-align: justify;}
.cust-vmc {position: relative;}
.cust-vmc .btn{line-height: 1.2;position: absolute;top:15px;left:15px;padding: 8px 15px;text-align: center;font-size: 14px;min-height: 50px;display: flex;align-items: center;}
.cust-login-header .container {max-width: 1600px;justify-content: space-between;gap: 20px;align-items: flex-start;flex-wrap: nowrap;}
.cust-login-header {background-color:#f9f9f9;}
.cust-login-header .cust-graphic-container{width: 70%;}
.cust-login-header .cust-graphic-container img{max-width: 600px;}
.cust-login-header .cust-graphic-container .hero-right{text-align: right;}
.cust-login-header .cust-graphic-container .logo{width:30%;}
.cust-dsktp-menu {display: flex;flex-wrap: wrap;column-gap:15px;row-gap: 10px;justify-content: flex-end;}
.cust-title-banner .container{justify-content: center;}
.cust-title-banner .cust-bit{color: #1b5e20;font-weight: 700;margin-top: 0;}
.mobile-menu a{border-bottom: 1px solid #1b5e20;padding-bottom: 5px;}
.cust-maeac-page .inner-content-wrap .container {max-width: 900px;}
.cust-maeac-page p,.cust-maeac-page li,.cust-maeac-page a{font-size: 20px;}
.cust-green-txt{color: #1b5e20;}
.cust-green-txt .cust-big-txt{font-size: 22px;}
.cust-asytd {flex-direction: column;padding-top:20px;}
.cust-asytd-header {width: 100%;text-align: center;}
.cus-catalogue-btn {text-align: right;}
.cust-asytd-btn {
  color:#fff;
  padding: 10px 30px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  font-size: 15px !important;
  line-height: 1.3;
  text-align: center;
}
.cust-asytd-stats {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;margin-top: 30px;}
.cust-asytd-card {text-align: center;}
.cust-asytd-card h4 {color:#1b5e20;margin-bottom: 20px;font-size: 18px;line-height: 1.3;}
.cust-asytd-value {
  border: 3px solid #1b5e20;
  border-radius: 16px;
  padding: 22px 10px;
  font-size: 22px;
  font-weight: bold;
  background: #ffffff;
  min-width: 150px;
}
.cust-asytd-title {margin-top: -30px;}
.txt-center{text-align: center;}
.cust-my-academic-catalogue .inner-content-wrap .container{align-items:flex-start !important;}
.cust-maeac-page  .inner-banner-sec,.cust-my-academic-catalogue .inner-banner-sec{background-image: url(../images/academic-banner.png);}
h3{color: #1b5e20;}
.cust-small-title.txt-center {display: block;color: #1b5e20;font-style: italic;font-size: 18px;font-weight: 500;margin-top: -4px;}
.cust-my-academic-catalogue  .cust-heading-wrap h2 {margin-bottom: 0;}
.cust-my-academic-catalogue .cust-heading-wrap {margin-bottom: 30px;}
.cust-my-academic-catalogue .section-content.right h2{margin-bottom: 10px;}
.cust-mb-15{margin-bottom: 15px;}
.cust-vmc .btn-2 {right: 15px;width: fit-content;left: unset;font-size: 14px;}
.modal video {height:450px;}
.cust-my-academic-catalogue .cust-heading-wrap{max-width: 360px;}
.cust-ecpc-title-wrap {max-width: 404px;}
.cust-mt-0{margin-top: 0;}
.card-5 img{background-color: #fff;object-fit: contain;}
.cust-grid-sec .card-5 .card-content a {line-height: 1.3;}
.card-big-txt {display: block;font-size: 25px;}
/* MEDIA QUERIES */
@media only screen and (max-width:1600px)
{
   .cust-dsktp-menu {display: flex;flex-wrap: wrap;column-gap:15px;}
   .modal video {height: 70dvh;}
}
@media only screen and (max-width:1500px)
{
   .main-header .main-nav a{font-size: 14px;}
   .cust-dsktp-menu {display: flex;flex-wrap: wrap;column-gap:10px;}
}
@media only screen and (max-width:1440px)
{
   .main-header .main-nav{width: 70%;}
   .main-header .main-nav a{word-break: break-word;}
   .main-header .main-nav a{min-width: 115px;}
   .logo-text {font-size:22px;}
}
@media only screen and (max-width:1366px)
{
   .main-header .main-nav {width:80%;}
}
@media only screen and (max-width:1350px)
{
   .logo img{width: 35px;}
   .logo-text {font-size: 20px;}
   .inner-page-wrap {padding-top: 22px;}
}
@media only screen and (max-width:1220px)
{
  .menu-btn {display: block;}
  .cust-dsktp-menu{display: none;}
  .main-header .main-nav {width: auto;}
}
@media (max-width: 1024px) {
  .hero {align-items: flex-start;flex-direction: column;}
  .hero-left,.hero-right{width: 100%;}
  .hero span#research-intro {display: none;}
  .hero-left{padding-left: 0;padding-bottom: 30px;padding-top: 0;}
  .container{flex-direction: column;}
  .container .left,.container .right{width: 100%;padding-bottom: 0;}
  #research-innovations .section-image.left,#golf-competitive .section-image.left,.cust-gsps-sec .section-image.left {order:2 !important;}
  #research-innovations .right,#golf-competitive .right,.cust-gsps-sec .right{order: 1 !important;}
  .cust-grid-sec .container {grid-template-columns: repeat(2,1fr);}
  .cust-research-specifics .section-image.right{order: 2 !important;}
  .cust-research-specifics .section-content.left{order:1 !important;}
  .cust-img-grid img:nth-child(3) {grid-column: 1 / -1;}
  .cust-img-grid {grid-template-columns: repeat(2, 1fr);}
  .inner-content-wrap {padding-top:12px;}
  .inner-content-wrap section:first-child .section-content.left{padding-top: 0;}
  .logo-text {font-size: 20px;}
  .logo-img {margin-bottom: -74px;margin-top: 0;}
  .logo-img img{width: 25px;}
  .main-header{padding: 25px 30px;}
  .hero{padding-top: 25px !important;}
  .inner-page-wrap {padding-top:4px;}
  .cust-edaes-page .inner-content-wrap p{font-size:18px;}
  .cust-login-header .container{flex-direction: row;}
  .cust-login-header .cust-graphic-container img{max-width:500px;}
  .cust-login-header .logo-text {font-size: 18px;}
  .main-header .main-nav {width: auto;}
  .cust-maeac-page p,.cust-maeac-page li,.cust-maeac-page a{font-size:18px;}
  .cust-green-txt .cust-big-txt{font-size: 20px;}
  .cust-my-academic-catalogue .cust-right-inner{padding-left:0;}
  .cust-csp-page .cust-order-1{order:1 !important;}
  .cust-csp-page .cust-order-2{order:2 !important;}
  .cust-csp-page .section-image{text-align: center;}
  .cust-csp-page .section-image img{max-width: 400px;}
  .cust-my-academic-catalogue .cust-heading-wrap,.cust-ecpc-title-wrap{max-width:100%;}
  .cust-grid-sec .card-5 .card-content{padding-top: 20px;}
}
@media(max-width:967px){
	.hero-left h1 { font-size: 2.5rem; }	
}
@media(max-width:900px){
  .hero { flex-direction:column; }
  .section-content, .section-image { order:unset !important; }
}
@media(max-width:767px)
{
  .logo-text {font-size: 20px;}
  .logo-container svg{width: 37px;}
  .hero-left h1 {font-size: 30px;margin-bottom: 10px;}
  .hero{padding: 50px 30px;}
  .container h2{font-size: 20px;line-height: 1.4;}
  .section-content,.section-image{padding: 20px 0;}
  .container{padding: 20px 30px;padding-bottom: 0;}
  .cust-grid-sec .container {grid-template-columns: repeat(1,1fr);padding: 20px 10px !important;}
  #research-future.container{padding-bottom: 20px !important;padding-top: 10px !important;}
  #research-innovations,#expriment-and-status{padding-top:0 !important;}
  .inner-banner-sec h1{font-size: 30px;}
  .logo-img img{width:20px;}
  .logo-img {margin-bottom: -62px;}
  .hero{padding-top:30px !important;}
  .cust-about-me-pc{padding:15px 0 40px;}
  .inner-banner-sec .container{padding: 0;}
  .cust-login-page .container{padding: 0;}
  .cust-login-page .cust-main-title{font-size: 30px;}
  .signup-form-wrapper {padding:30px 30px 50px;background: #f9f9f9;}
  .cust-login-page .cust-form-wrapper{padding: 25px;}
  .cust-bit{font-size: 25px !important;margin-top: 10px;}
  .cust-cm-page .row .form-group {width:100%;}
  .cust-cm-page form  .row {flex-direction: column;gap: 0;}
  .cust-login-header .container {flex-direction: column;justify-content: center;}
  .cust-login-header .cust-graphic-container {width: 100%;gap: 30px;}
  .cust-login-header .cust-graphic-container img{max-width:100%;}
  .cust-login-header .logo{width:100%;z-index: 9;}
  .cust-title-banner .cust-bit {text-align: left;}
  .cust-maeac-page a {margin-top:10px;}
  .cust-asytd-title {margin-top: 10px;}
  .cust-asytd-value {min-width:auto;}
  .cust-mt-2{margin-top:25px !important;}
  .cust-grid-sec .card-5 .card-content{padding-top:0;}
}
@media(max-width:480px)
{
  .logo-text {font-size:16px;}
  .logo-container svg{width:25px;}
  .menu-btn {width: 30px;height: 22px;}
  .hero-left h1{font-size: 28px;}
  .hero-left p {font-size:16px;}
  .hero-left .btn{padding: 10px 20px;line-height:1.4;}
  .mobile-menu a {font-size: 16px;}
  .cust-img-grid {grid-template-columns: repeat(1, 1fr);}
  .cust-img-grid img {width: 100%;height:350px;}
  .cust-grid-sec .card-content p {font-size: 16px;}
  .inner-banner-sec{padding: 60px 30px;}
  .inner-banner-sec h1{font-size:26px;}
  .cust-grid-sec .card-content a{font-size: 16px;}
  .inner-page-wrap {padding-top:0px;margin-top: -4px;}
  .cust-login-page p{font-size: 17px;}
  .signup-form-wrapper .cust-form-title{font-size: 22px;}
  .cust-login-page .cust-main-title{font-size: 24px;}
  .cust-bit{font-size:22px !important;}
  .cust-btn-sec .btn {padding: 10px 20px;font-size: 16px;margin: 10px 0 0;}
  .cust-login-page  .cust-form-head img {width: 30px;}
  .cust-edaes-page .inner-content-wrap p{font-size:16px;}
  .cust-vmc .btn{font-size: 14px;top:10px;left:10px;position:unset;justify-content: center;}
  .cust-pt-0{padding-top: 0;}
  .cust-maeac-page p,.cust-maeac-page li,.cust-maeac-page a{font-size:16px;}
  .cust-green-txt .cust-big-txt{font-size:18px;}
  .cust-asytd-stats {display: grid;grid-template-columns: repeat(2, 1fr);width: 100%;}
  .cus-catalogue-btn {text-align: center;}
  .cust-asytd-stats {gap: 20px;margin-top: 20px;}
  .cust-asytd-card h4 {font-size: 16px;}
  .cust-asytd-value{font-size: 20px;}
  .cust-asytd-header {display: flex;flex-direction: column-reverse;}
  .cust-vmc .btn-2{width: 100% !important;margin: 20px 0;}
  .cust-vmc .btn-2 br{display: none;}
  .modal video {height: auto;}
  .card-big-txt {font-size: 20px;}
}