.container {
  position:fixed;
  top:0;
  left:0;
  right:0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 100px;
  background-image:url(./l-CmCavLwM.jpg);
  box-shadow:#3823131F 0 1px 3px,#3823133D 0 1px 2px;
  z-index:1000
}
@media screen and (max-width: 1024px) {
  .container {
    padding:0 40px
  }
}
@media screen and (max-width: 760px) {
  .container {
    display:none
  }
}
.container .logo {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
.container .logo a {
  text-decoration:none;
  color:#382313;
  display:flex;
  flex-direction:row;
  align-items:end;
  gap:8px
}
.container .logo .logo-cont {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px
}
.container .logo p {
  opacity:.6;
  font-style:italic;
  font-family:Josefin Sans,sans-serif;
  padding-bottom:5px;
  font-size:14px;
  font-weight:300;
  letter-spacing:1px
}
.container .logo h6 {
  font-family:Roboto,sans-serif;
  color:#D99A5C;
  font-size:25px;
  font-weight:900
}
.container .logo img {
  height:50px;
  width:66px
}
.container ul {
  display:flex;
  gap:55px;
  list-style:none
}
.container ul li a {
  text-decoration:none;
  font-family:Outfit,sans-serif;
  color:#D99A5C;
  color:gray;
  font-size:18px;
  position:relative;
  font-weight:800
}
.container ul li {
  text-decoration:none;
  font-family:Outfit,sans-serif;
  color:#D99A5C;
  color:gray;
  font-size:18px;
  padding:30px 12px;
  position:relative;
  font-weight:800;
  cursor:pointer
}
.container ul li a:not(.tracks ul li a):after {
  content:"";
  position:absolute;
  width:0%;
  height:2px;
  background-color:#6B4022;
  bottom:-2px;
  left:0;
  transition:width .5s ease-in-out
}
.container ul li a:hover:not(.tracks):after {
  width:100%
}
.container ul li .active {
  color:#6B4022;
  font-weight:700
}
.tracks {
  position:relative
}
.tracks.active,.tracks:hover {
  color:#6B4022
}
.tracks:hover.tracks ul {
  display:flex
}
.tracks ul {
  position:absolute;
  gap:0px;
  display:flex;
  flex-direction:column;
  width:350px;
  background-image:url(./bg2-DHNu_-pH.jpg);
  background-image:url(./l-CmCavLwM.jpg);
  margin-top:30px;
  display:none;
  box-shadow:#3823131F 0 1px 3px,#3823133D 0 1px 2px;
  z-index:1000;
  list-style:none
}
.tracks ul li {
  font-family:Josefin Sans,sans-serif;
  font-size:13px;
  border-top:1px solid #D99A5C;
  font-weight:400;
  padding:10px 12px
}
.tracks ul li a {
  display:block;
  width:100%;
  font-family:Josefin Sans,sans-serif;
  font-size:inherit;
  font-weight:500;
  padding:inherit
}
.tracks ul li:hover {
  background-color:#D99A5C
}
.logo img {
  height:78px
}
@media screen and (min-width: 760px) {
  .container-small {
    display:none
  }
}
.container-small {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  width:100vw
}
.container-small .top {
  height:70px;
  background-image:url(./geo1-Rww2Oq3J.jpg);
  box-shadow:#3823131F 0 1px 3px,#3823133D 0 1px 2px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 30px;
  top:0;
  left:0;
  right:0
}
.container-small .logo {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
.container-small .logo a {
  text-decoration:none;
  color:#382313;
  display:flex;
  flex-direction:row;
  align-items:end;
  gap:8px
}
.container-small .logo .logo-cont {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  gap:8px
}
.container-small .logo p {
  opacity:.5;
  font-style:italic;
  font-family:Josefin Sans,sans-serif;
  padding-bottom:5px;
  font-size:9px
}
.container-small .logo h6 {
  font-family:Roboto,sans-serif;
  color:#D99A5C;
  font-size:17px;
  font-weight:900
}
.container-small .top img {
  height:40px
}
.container-small .top .my-logo {
  height:60px
}
.container-small .menu-content {
  overflow:hidden;
  height:0;
  transition:.2s ease-out;
  display:flex;
  flex-direction:column;
  padding:0 10px;
  gap:10px;
  box-shadow:#6B402240 0 1px 1px,#6B402221 0 0 1px 1px;
  border-bottom:2px solid #D99A5C;
  z-index:1000;
  background-image:url(./geo1-Rww2Oq3J.jpg)
}
.container-small .menu-content.visible {
  height:max-content;
  padding-bottom:20px;
  padding-top:10px
}
.container-small .menu-content a,.container-small .menu-content li {
  text-decoration:none;
  font-family:Roboto Slab,serif;
  color:gray;
  padding:10px;
  list-style:none
}
.container-small .menu-content .active {
  color:#6B4022;
  font-weight:700
}
.container-small .tracks div {
  position:relative;
  gap:5px;
  display:flex;
  display:none;
  flex-direction:column;
  padding-bottom:0;
  margin-bottom:-23px;
  margin-top:8px;
  padding-left:25px
}
.container-small .tracks div a {
  font-family:Josefin Sans,sans-serif;
  border-bottom:.005vw solid grey
}
.container-small .tracks:hover div {
  display:flex
}
body {
  font-family:Josefin Sans,sans-serif;
  background-image:url(./bg2-DHNu_-pH.jpg);
  margin:0;
  padding:0;
  overflow-x:hidden;
  box-sizing:border-box
}
.home {
  height:max-content;
  background-size:cover;
  padding:120px 100px 30px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px
}
.image {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
.top2 {
  padding:30px 100px;
  color:#D99A5C;
  height:max-content;
  background-size:cover
}
.home .top h2 {
  color:#D99A5C
}
@media screen and (max-width: 540px) {
  .myBr {
    display:none
  }
}
.hire .left {
  font-family:Josefin Sans,sans-serif;
  line-height:1.4;
  text-align-last:right;
  font-size:20px;
  color:gray;
  align-items:center;
  flex:2
}
@media screen and (max-width: 770px) {
  .hire .left {
    text-align-last:center;
    line-height:1.6
  }
}
.hire .right button {
  text-decoration:none;
  padding:15px 0;
  border:0px;
  width:250px;
  cursor:pointer;
  background-color:#D99A5C;
  font-family:Josefin Sans,sans-serif;
  font-size:18px;
  color:#E8C79F
}
.highs {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:auto;
  padding:20px
}
.highs img {
  width:200px;
  height:200px;
  border:1px solid black;
  border-radius:100%
}
.highs p {
  margin-top:10px;
  font-family:Josefin Sans,sans-serif;
  font-size:16px;
  color:gray;
  text-align:center
}
.vertical-line {
  width:1px;
  height:100px;
  background-color:gray;
  margin:0 25px
}
.home .top h1 {
  color:#D99A5C;
  font-size:35px;
  font-family:Josefin Sans,sans-serif
}
.home .top .desc {
  font-size:20px;
  font-family:Josefin Sans,sans-serif;
  color:#D99A5C
}
@media screen and (max-width: 550px) {
  .home {
    grid-template-columns:1fr;
    padding:120px 20px 30px
  }
}
@media screen and (max-width: 550px) {
  .supervisors,.executives {
    padding:0
  }
}
.supervisors,.executives {
  padding:0 20%
}
@media screen and (max-width: 550px) {
  .top2 {
    padding:30px 20px
  }
}
.myservices {
  background-color:#E8C79F;
  height:150px;
  position:relative;
  overflow:hidden
}
.myservices img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.5s ease
}
.myservices:hover img {
  scale:1.3
}
.home a {
  text-decoration:none;
  color:#F2C27C;
  font-family:Josefin Sans,sans-serif
}
.home h1 {
  font-size:25px
}
.txt {
  position:absolute;
  height:100%;
  width:100%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#FFF8ED;
  background-color:#38231380;
  font-size:20px;
  text-align:center;
  border-radius:0
}
.highs-container {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:20px;
  justify-content:center
}
.profile-card {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
.image {
  background-color:#D99A5C42;
  border-radius:50%;
  padding:25px;
  box-shadow:-5px 8px 45px #6B402220;
  transition:all .4s
}
.profile-card img {
  width:200px;
  height:200px;
  border-radius:50%
}
.label {
  font-size:20px;
  font-weight:700;
  color:#D99A5C;
  text-align:center;
  margin-bottom:10px
}
.label span {
  background-color:#FFF8ED;
  padding:0 10px
}
.image {
  border-radius:50%;
  padding:25px;
  box-shadow:-5px 8px 45px #6B402220;
  transition:all .4s
}
.image img {
  width:200px;
  height:200px;
  border-radius:50%;
  transition:transform .3s ease,border-radius .3s ease
}
.profile-card .image:hover {
  transform:scale(1.05);
  border-radius:10px;
  padding-bottom:0
}
.profile-card .image:hover caption {
  opacity:1
}
.profile-card .image:hover img {
  transform:translateY(-80px);
  border-radius:10px;
  width:100%;
  transition:transform .3s ease,border-radius .3s ease
}
.profile-card caption {
  position:absolute;
  bottom:20%;
  left:50%;
  transform:translate(-50%) translateY(20px);
  margin:0;
  box-sizing:border-box;
  opacity:0;
  font-family:Josefin Sans,sans-serif;
  font-size:16px;
  text-align:center;
  transition:opacity .3s ease,transform .3s ease;
  pointer-events:none;
  width:100%;
  padding-left:20px;
  padding-right:20px
}
.footer {
  color:#FFF8ED;
  background-color:#4A2D19
}
.footer .top {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:80px;
  padding:50px 180px 20px
}
@media screen and (max-width: 1024px) {
  .footer .top {
    padding:50px 80px;
    gap:50px
  }
}
@media screen and (max-width: 540px) {
  .footer .top {
    padding:50px 30px;
    gap:5px;
    grid-template-columns:repeat(2,1fr)
  }
  .links {
    text-wrap:wrap;
    grid-column:span 1
  }
  .Fservices {
    grid-column:span 3
  }
  .conta {
    grid-column:span 4
  }
}
.footer .top h3 {
  font-family:Pacifico,cursive;
  font-family:Kanit,sans-serif;
  font-family:Josefin Sans,sans-serif;
  font-size:22px;
  text-align:left;
  color:gray;
  position:relative;
  margin-bottom:23px
}
@media screen and (max-width: 540px) {
  .footer .top h3 {
    margin-top:30px
  }
}
.footer .top h3:after {
  content:"";
  position:absolute;
  width:100%;
  height:1px;
  background-color:#6B4022;
  bottom:-15px;
  left:0;
  opacity:.3
}
.footer .top ul {
  margin-top:40px;
  display:flex;
  flex-direction:column;
  gap:25px
}
.footer .top ul a {
  text-decoration:none;
  display:flex;
  gap:9px;
  color:#FFF8ED;
  font-family:Oswald,sans-serif;
  font-family:Lato,sans-serif
}
.footer .top ul a:hover {
  color:#6B4022
}
.footer .top ul a img {
  height:25px
}
.footer .bottom {
  padding-bottom:30px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  position:relative
}
.footer hr {
  border:0px;
  height:3px;
  width:100%;
  background-color:gray;
  opacity:.4
}
.footer .bottom img {
  height:23px
}
@media screen and (max-width: 540px) {
  .footer .bottom img {
    height:35px
  }
}
.footer .bottom h6 {
  color:gray;
  font-family:Pacifico,cursive;
  font-family:Kanit,sans-serif;
  font-weight:500;
  font-family:Josefin Sans,sans-serif
}
.footer .bottom ul {
  margin-top:10px;
  margin-bottom:10px;
  display:flex;
  gap:10px
}
.footer .bottom p {
  margin-top:20px;
  line-height:1.5;
  color:gray;
  font-family:Josefin Sans,sans-serif;
  opacity:1
}
.footer .bottom p a {
  text-decoration:underline;
  color:#6B4022;
  font-style:normal;
  opacity:1
}
.footer .whatsapp img {
  width:50px;
  height:50px;
  position:fixed;
  right:20px;
  bottom:30px;
  animation:moveUp 1s ease infinite
}
@keyframes moveUp {
  0% {
    transform:translateY(0)
  }
  50% {
    transform:translateY(10px)
  }
  to {
    transform:translateY(0)
  }
}
.contanct-home {
  padding:120px 120px 40px;
  display:flex;
  flex-direction:column;
  gap:30px;
  background-image:url(./bg2-DHNu_-pH.jpg)
}
@media screen and (max-width: 540px) {
  .contanct-home {
    padding:120px 40px 30px;
    display:flex;
    flex-direction:column;
    gap:30px
  }
}
.contanct-home .top {
  text-align:center;
  color:#D99A5C;
  font-weight:900;
  font-size:25px;
  font-family:Josefin Sans,sans-serif
}
.contanct-home .bottom {
  display:flex;
  gap:30px;
  justify-content:space-between;
  gap:80px;
  margin-top:20px
}
@media screen and (max-width: 540px) {
  .contanct-home .bottom {
    flex-direction:column;
    gap:60px
  }
}
.contanct-home .bottom .left {
  flex:3
}
.contanct-home .bottom .right {
  flex:2
}
.contanct-home .bottom form {
  display:flex;
  flex-direction:column;
  gap:25px
}
.contanct-home .bottom h6 {
  font-size:14px;
  font-family:Josefin Sans,sans-serif;
  color:gray
}
.contanct-home .bottom form div {
  display:flex;
  gap:16px;
  width:100%;
  justify-content:end
}
@media screen and (max-width: 540px) {
  .contanct-home .bottom form div {
    flex-direction:column
  }
}
.contanct-home .bottom form input {
  width:100%;
  height:40px;
  background-color:#E8C79F;
  outline:none;
  border:1px solid bisque;
  color:gray;
  padding:0 20px;
  font-family:Oswald,sans-serif;
  font-family:Playwrite DE Grund,cursive;
  font-size:13px;
  letter-spacing:.2mm
}
@media screen and (max-width: 540px) {
  .contanct-home .bottom form input {
    width:90%
  }
}
.contanct-home .bottom form textarea {
  height:130px;
  resize:none;
  outline:none;
  width:100%;
  background-color:#E8C79F;
  border:1px solid bisque;
  padding:20px;
  font-family:Oswald,sans-serif;
  line-height:1.9;
  font-family:Playwrite DE Grund,cursive;
  font-size:13px;
  overflow:hidden
}
@media screen and (max-width: 540px) {
  .contanct-home .bottom form textarea {
    width:90%
  }
}
.contanct-home .bottom form button {
  height:30px;
  background-color:#E8C79F;
  border:2px solid bisque;
  cursor:pointer;
  font-family:Oswald,sans-serif;
  font-family:Josefin Sans,sans-serif;
  width:40%;
  color:gray;
  font-weight:800
}
.contanct-home .bottom .right {
  display:flex;
  flex-direction:column
}
.contanct-home .bottom .right ul {
  display:flex;
  flex-direction:column;
  gap:30px;
  margin-top:30px
}
.contanct-home .bottom .right ul a {
  display:flex;
  gap:15px;
  text-decoration:none;
  align-items:center;
  color:#382313;
  font-family:Oswald,sans-serif;
  font-family:Playwrite DE Grund,cursive;
  font-family:Josefin Sans,sans-serif;
  font-size:15px
}
.contanct-home .bottom .right ul a:hover {
  color:#D99A5C
}
.contanct-home .bottom .right ul a img {
  height:30px
}
.contanct-home .bottom .right .follow {
  margin-top:50px
}
.contanct-home .bottom .right .follow ul {
  display:flex;
  flex-direction:row;
  gap:30px;
  margin-top:15px
}
:root {
  --toastify-color-light: #FFF8ED;
  --toastify-color-dark: #382313;
  --toastify-color-info: #BF8050;
  --toastify-color-success: #6B4022;
  --toastify-color-warning: #F2C27C;
  --toastify-color-error: #BF8050;
  --toastify-color-transparent: rgba(255, 255, 255, .7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #FFF8ED;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #6B4022;
  --toastify-text-color-dark: #FFF8ED;
  --toastify-text-color-info: #FFF8ED;
  --toastify-text-color-success: #FFF8ED;
  --toastify-text-color-warning: #FFF8ED;
  --toastify-text-color-error: #FFF8ED;
  --toastify-spinner-color: #6B4022;
  --toastify-spinner-color-empty-area: #E8C79F;
  --toastify-color-progress-light: linear-gradient( to right, #BF8050, #D99A5C, #BF8050, #D99A5C, #6B4022, #BF8050 );
  --toastify-color-progress-dark: #D99A5C;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: .2
}
.Toastify__toast-container {
  z-index:var(--toastify-z-index);
  -webkit-transform:translate3d(0,0,var(--toastify-z-index));
  position:fixed;
  padding:4px;
  width:var(--toastify-toast-width);
  box-sizing:border-box;
  color:#FFF8ED
}
.Toastify__toast-container--top-left {
  top:var(--toastify-toast-top);
  left:var(--toastify-toast-left)
}
.Toastify__toast-container--top-center {
  top:var(--toastify-toast-top);
  left:50%;
  transform:translate(-50%)
}
.Toastify__toast-container--top-right {
  top:var(--toastify-toast-top);
  right:var(--toastify-toast-right)
}
.Toastify__toast-container--bottom-left {
  bottom:var(--toastify-toast-bottom);
  left:var(--toastify-toast-left)
}
.Toastify__toast-container--bottom-center {
  bottom:var(--toastify-toast-bottom);
  left:50%;
  transform:translate(-50%)
}
.Toastify__toast-container--bottom-right {
  bottom:var(--toastify-toast-bottom);
  right:var(--toastify-toast-right)
}
@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width:100vw;
    padding:0;
    left:env(safe-area-inset-left);
    margin:0
  }
  .Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right {
    top:env(safe-area-inset-top);
    transform:translate(0)
  }
  .Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right {
    bottom:env(safe-area-inset-bottom);
    transform:translate(0)
  }
  .Toastify__toast-container--rtl {
    right:env(safe-area-inset-right);
    left:initial
  }
}
.Toastify__toast {
  --y: 0;
  position:relative;
  -ms-touch-action:none;
  touch-action:none;
  min-height:var(--toastify-toast-min-height);
  box-sizing:border-box;
  margin-bottom:1rem;
  padding:8px;
  border-radius:var(--toastify-toast-bd-radius);
  box-shadow:0 4px 12px #3823131A;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:justify;
  justify-content:space-between;
  max-height:var(--toastify-toast-max-height);
  font-family:var(--toastify-font-family);
  cursor:default;
  direction:ltr;
  z-index:0;
  overflow:hidden
}
.Toastify__toast--stacked {
  position:absolute;
  width:100%;
  transform:translate3d(0,var(--y),0) scale(var(--s));
  transition:transform .3s
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition:opacity .1s
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow:visible
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
  opacity:0
}
.Toastify__toast--stacked:after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:calc(var(--g) * 1px);
  bottom:100%
}
.Toastify__toast--stacked[data-pos=top] {
  top:0
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom:0
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin:top
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin:bottom
}
.Toastify__toast--stacked:before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:100%;
  transform:scaleY(3);
  z-index:-1
}
.Toastify__toast--rtl {
  direction:rtl
}
.Toastify__toast--close-on-click {
  cursor:pointer
}
.Toastify__toast-body {
  margin:auto 0;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  padding:6px;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center
}
.Toastify__toast-body>div:last-child {
  word-break:break-word;
  -ms-flex:1;
  flex:1
}
.Toastify__toast-icon {
  -webkit-margin-end:10px;
  margin-inline-end:10px;
  width:20px;
  -ms-flex-negative:0;
  flex-shrink:0;
  display:-ms-flexbox;
  display:flex
}
.Toastify--animate {
  animation-fill-mode:both;
  animation-duration:.5s
}
.Toastify--animate-icon {
  animation-fill-mode:both;
  animation-duration:.3s
}
@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom:0;
    border-radius:0
  }
}
.Toastify__toast-theme--dark {
  background:var(--toastify-color-dark);
  color:var(--toastify-text-color-dark)
}
.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default {
  background:var(--toastify-color-light);
  color:var(--toastify-text-color-light)
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color:var(--toastify-text-color-info);
  background:var(--toastify-color-info)
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color:var(--toastify-text-color-success);
  background:var(--toastify-color-success)
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color:var(--toastify-text-color-warning);
  background:var(--toastify-color-warning)
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color:var(--toastify-text-color-error);
  background:var(--toastify-color-error)
}
.Toastify__progress-bar-theme--light {
  background:var(--toastify-color-progress-light)
}
.Toastify__progress-bar-theme--dark {
  background:var(--toastify-color-progress-dark)
}
.Toastify__progress-bar--info {
  background:var(--toastify-color-progress-info)
}
.Toastify__progress-bar--success {
  background:var(--toastify-color-progress-success)
}
.Toastify__progress-bar--warning {
  background:var(--toastify-color-progress-warning)
}
.Toastify__progress-bar--error {
  background:var(--toastify-color-progress-error)
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background:var(--toastify-color-transparent)
}
.Toastify__close-button {
  color:#FFF8ED;
  background:transparent;
  outline:none;
  border:none;
  padding:0;
  cursor:pointer;
  opacity:.7;
  transition:.3s ease;
  -ms-flex-item-align:start;
  align-self:flex-start;
  z-index:1
}
.Toastify__close-button--light {
  color:#382313;
  opacity:.3
}
.Toastify__close-button>svg {
  fill:currentColor;
  height:16px;
  width:14px
}
.Toastify__close-button:hover,.Toastify__close-button:focus {
  opacity:1
}
@keyframes Toastify__trackProgress {
  0% {
    transform:scaleX(1)
  }
  to {
    transform:scaleX(0)
  }
}
.Toastify__progress-bar {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  z-index:var(--toastify-z-index);
  opacity:.7;
  transform-origin:left;
  border-bottom-left-radius:var(--toastify-toast-bd-radius)
}
.Toastify__progress-bar--animated {
  animation:Toastify__trackProgress linear 1 forwards
}
.Toastify__progress-bar--controlled {
  transition:transform .2s
}
.Toastify__progress-bar--rtl {
  right:0;
  left:initial;
  transform-origin:right;
  border-bottom-left-radius:initial;
  border-bottom-right-radius:var(--toastify-toast-bd-radius)
}
.Toastify__progress-bar--wrp {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:5px;
  border-bottom-left-radius:var(--toastify-toast-bd-radius)
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity:0
}
.Toastify__progress-bar--bg {
  opacity:var(--toastify-color-progress-bgo);
  width:100%;
  height:100%
}
.Toastify__spinner {
  width:20px;
  height:20px;
  box-sizing:border-box;
  border:2px solid;
  border-radius:100%;
  border-color:var(--toastify-spinner-color-empty-area);
  border-right-color:var(--toastify-spinner-color);
  animation:Toastify__spin .65s linear infinite
}
@keyframes Toastify__bounceInRight {
  0%,60%,75%,90%,to {
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity:0;
    transform:translate3d(3000px,0,0)
  }
  60% {
    opacity:1;
    transform:translate3d(-25px,0,0)
  }
  75% {
    transform:translate3d(10px,0,0)
  }
  90% {
    transform:translate3d(-5px,0,0)
  }
  to {
    transform:none
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity:1;
    transform:translate3d(-20px,var(--y),0)
  }
  to {
    opacity:0;
    transform:translate3d(2000px,var(--y),0)
  }
}
@keyframes Toastify__bounceInLeft {
  0%,60%,75%,90%,to {
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity:0;
    transform:translate3d(-3000px,0,0)
  }
  60% {
    opacity:1;
    transform:translate3d(25px,0,0)
  }
  75% {
    transform:translate3d(-10px,0,0)
  }
  90% {
    transform:translate3d(5px,0,0)
  }
  to {
    transform:none
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity:1;
    transform:translate3d(20px,var(--y),0)
  }
  to {
    opacity:0;
    transform:translate3d(-2000px,var(--y),0)
  }
}
@keyframes Toastify__bounceInUp {
  0%,60%,75%,90%,to {
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity:0;
    transform:translate3d(0,3000px,0)
  }
  60% {
    opacity:1;
    transform:translate3d(0,-20px,0)
  }
  75% {
    transform:translate3d(0,10px,0)
  }
  90% {
    transform:translate3d(0,-5px,0)
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform:translate3d(0,calc(var(--y) - 10px),0)
  }
  40%,45% {
    opacity:1;
    transform:translate3d(0,calc(var(--y) + 20px),0)
  }
  to {
    opacity:0;
    transform:translate3d(0,-2000px,0)
  }
}
@keyframes Toastify__bounceInDown {
  0%,60%,75%,90%,to {
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity:0;
    transform:translate3d(0,-3000px,0)
  }
  60% {
    opacity:1;
    transform:translate3d(0,25px,0)
  }
  75% {
    transform:translate3d(0,-10px,0)
  }
  90% {
    transform:translate3d(0,5px,0)
  }
  to {
    transform:none
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform:translate3d(0,calc(var(--y) - 10px),0)
  }
  40%,45% {
    opacity:1;
    transform:translate3d(0,calc(var(--y) + 20px),0)
  }
  to {
    opacity:0;
    transform:translate3d(0,2000px,0)
  }
}
.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left {
  animation-name:Toastify__bounceInLeft
}
.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right {
  animation-name:Toastify__bounceInRight
}
.Toastify__bounce-enter--top-center {
  animation-name:Toastify__bounceInDown
}
.Toastify__bounce-enter--bottom-center {
  animation-name:Toastify__bounceInUp
}
.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left {
  animation-name:Toastify__bounceOutLeft
}
.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right {
  animation-name:Toastify__bounceOutRight
}
.Toastify__bounce-exit--top-center {
  animation-name:Toastify__bounceOutUp
}
.Toastify__bounce-exit--bottom-center {
  animation-name:Toastify__bounceOutDown
}
@keyframes Toastify__zoomIn {
  0% {
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }
  50% {
    opacity:1
  }
}
@keyframes Toastify__zoomOut {
  0% {
    opacity:1
  }
  50% {
    opacity:0;
    transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)
  }
  to {
    opacity:0
  }
}
.Toastify__zoom-enter {
  animation-name:Toastify__zoomIn
}
.Toastify__zoom-exit {
  animation-name:Toastify__zoomOut
}
@keyframes Toastify__flipIn {
  0% {
    transform:perspective(400px) rotateX(90deg);
    animation-timing-function:ease-in;
    opacity:0
  }
  40% {
    transform:perspective(400px) rotateX(-20deg);
    animation-timing-function:ease-in
  }
  60% {
    transform:perspective(400px) rotateX(10deg);
    opacity:1
  }
  80% {
    transform:perspective(400px) rotateX(-5deg)
  }
  to {
    transform:perspective(400px)
  }
}
@keyframes Toastify__flipOut {
  0% {
    transform:translate3d(0,var(--y),0) perspective(400px)
  }
  30% {
    transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);
    opacity:1
  }
  to {
    transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);
    opacity:0
  }
}
.Toastify__flip-enter {
  animation-name:Toastify__flipIn
}
.Toastify__flip-exit {
  animation-name:Toastify__flipOut
}
@keyframes Toastify__slideInRight {
  0% {
    transform:translate3d(110%,0,0);
    visibility:visible
  }
  to {
    transform:translate3d(0,var(--y),0)
  }
}
@keyframes Toastify__slideInLeft {
  0% {
    transform:translate3d(-110%,0,0);
    visibility:visible
  }
  to {
    transform:translate3d(0,var(--y),0)
  }
}
@keyframes Toastify__slideInUp {
  0% {
    transform:translate3d(0,110%,0);
    visibility:visible
  }
  to {
    transform:translate3d(0,var(--y),0)
  }
}
@keyframes Toastify__slideInDown {
  0% {
    transform:translate3d(0,-110%,0);
    visibility:visible
  }
  to {
    transform:translate3d(0,var(--y),0)
  }
}
@keyframes Toastify__slideOutRight {
  0% {
    transform:translate3d(0,var(--y),0)
  }
  to {
    visibility:hidden;
    transform:translate3d(110%,var(--y),0)
  }
}
@keyframes Toastify__slideOutLeft {
  0% {
    transform:translate3d(0,var(--y),0)
  }
  to {
    visibility:hidden;
    transform:translate3d(-110%,var(--y),0)
  }
}
@keyframes Toastify__slideOutDown {
  0% {
    transform:translate3d(0,var(--y),0)
  }
  to {
    visibility:hidden;
    transform:translate3d(0,500px,0)
  }
}
@keyframes Toastify__slideOutUp {
  0% {
    transform:translate3d(0,var(--y),0)
  }
  to {
    visibility:hidden;
    transform:translate3d(0,-500px,0)
  }
}
.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left {
  animation-name:Toastify__slideInLeft
}
.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right {
  animation-name:Toastify__slideInRight
}
.Toastify__slide-enter--top-center {
  animation-name:Toastify__slideInDown
}
.Toastify__slide-enter--bottom-center {
  animation-name:Toastify__slideInUp
}
.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left {
  animation-name:Toastify__slideOutLeft;
  animation-timing-function:ease-in;
  animation-duration:.3s
}
.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right {
  animation-name:Toastify__slideOutRight;
  animation-timing-function:ease-in;
  animation-duration:.3s
}
.Toastify__slide-exit--top-center {
  animation-name:Toastify__slideOutUp;
  animation-timing-function:ease-in;
  animation-duration:.3s
}
.Toastify__slide-exit--bottom-center {
  animation-name:Toastify__slideOutDown;
  animation-timing-function:ease-in;
  animation-duration:.3s
}
@keyframes Toastify__spin {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
.about-div {
  background-image:url(./bg2-DHNu_-pH.jpg);
  padding:130px 120px 50px;
  background-size:cover
}
@media screen and (max-width: 1024px) {
  .about-div {
    padding:120px 50px
  }
}
@media screen and (max-width: 544px) {
  .about-div {
    padding:100px 20px 30px
  }
}
.about-div .top {
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  align-items:center;
  justify-content:center;
  display:flex;
  flex-direction:column;
  gap:20px
}
.about-div .top h4 {
  font-size:34px;
  font-family:Josefin Sans,sans-serif;
  color:#D99A5C
}
.about-div .top h5 {
  font-family:Playwrite DE Grund,cursive;
  font-size:18px;
  color:gray
}
.about-div .bottom {
  margin-top:30px;
  display:flex;
  gap:20px
}
@media screen and (max-width: 820px) {
  .about-div .bottom {
    flex-direction:column-reverse
  }
}
.about-div .left {
  flex:1;
  display:flex;
  flex-direction:column;
  gap:20px
}
.about-div .right {
  flex:1
}
.about-div .right img {
  width:70%
}
.about-div .left .vision,.about-div .left .mission {
  display:flex;
  flex-direction:column;
  gap:10px
}
.about-div .left h6,.philosophy h6,.policies h6 {
  font-family:Playwrite DE Grund,cursive;
  font-size:20px;
  color:#D99A5C
}
.about-div .left p {
  font-weight:100;
  line-height:1.3;
  font-family:Josefin Sans,sans-serif;
  font-size:18px;
  font-weight:500
}
.vision ul {
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  row-gap:13px
}
.vision ul li {
  font-family:Josefin Sans,sans-serif;
  display:flex;
  align-items:center;
  align-items:start;
  gap:5px;
  font-size:16px;
  line-height:1.3
}
.mark {
  height:25px
}
.about-div .left a {
  text-decoration:none;
  color:#D99A5C;
  color:#F2C27C;
  padding:8px 20px;
  font-family:Josefin Sans,sans-serif
}
.about-div .lower {
  margin-top:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  flex-direction:column
}
.phil-holder {
  padding:20px 0;
  display:flex;
  gap:30px
}
@media screen and (max-width: 820px) {
  .phil-holder {
    flex-direction:column;
    gap:0px;
    padding:10px 0
  }
}
.phil,.phil-img {
  flex:1
}
.phil-img img {
  height:80%
}
@media screen and (max-width: 820px) {
  .phil-img img {
    display:none
  }
}
.phil {
  display:flex;
  flex-direction:column;
  gap:10px
}
@media screen and (max-width: 820px) {
  .phil-img img {
    display:none;
    gap:15px
  }
  .left img,.right img {
    display:none
  }
}
.phil p {
  font-size:16px;
  line-height:1.3;
  font-family:Josefin Sans,sans-serif
}
@media screen and (max-width: 820px) {
  .phil p {
    margin-bottom:5px
  }
}
.phil p em {
  color:#D99A5C;
  font-size:20px;
  font-weight:600
}
.policies {
  display:flex;
  gap:20px;
  flex-direction:row-reverse;
  margin-top:20px
}
@media screen and (max-width: 820px) {
  .policies {
    flex-direction:column;
    margin-top:10px
  }
}
.policies .left {
  flex:1;
  padding-top:20px
}
@media screen and (max-width: 820px) {
  .policies .left {
    display:none
  }
}
.policies .right {
  flex:1;
  display:flex;
  flex-direction:column
}
.policies .left img {
  width:80%
}
.policies .right ul {
  list-style:none;
  display:flex;
  gap:10px;
  padding:10px 0;
  flex-direction:column
}
.policies .right ul li {
  display:flex;
  gap:5px;
  font-size:16px;
  line-height:1.4;
  font-family:Josefin Sans,sans-serif;
  line-height:1.3;
  font-weight:300
}
.policies .right ul li em {
  color:#D99A5C;
  font-weight:700;
  font-size:20px
}
.petrology {
  font-family:Josefin Sans,sans-serif;
  margin:0 auto;
  padding:40px 0
}
.petrology .top {
  text-align:center
}
.petrology .top h5 {
  font-size:24px;
  font-weight:700;
  text-transform:uppercase;
  color:#6B4022
}
.petrology .bottom {
  background-color:#FFF8ED;
  padding:20px;
  border-radius:8px;
  box-shadow:0 4px 8px #3823131A
}
.petrology h1 {
  font-size:28px;
  font-weight:600;
  color:#BF8050;
  margin-bottom:20px
}
.petrology p {
  font-size:16px;
  line-height:1.6;
  margin-bottom:20px
}
.petrology ul {
  list-style-type:none;
  margin:0;
  padding:0
}
.petrology {
  background-color:#E8C79F
}
.petrology .top {
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction:column;
  gap:30px;
  background:linear-gradient(#FFF8ED80,#D9A06A),url(./tap.s);
  background-position:center;
  background-size:cover;
  height:200px;
  background-repeat:no-repeat
}
.petrology .top h6 {
  font-family:Playwrite DE Grund,cursive;
  font-size:18px;
  color:#D99A5C
}
.petrology .top h5 {
  font-family:Oswald,sans-serif;
  font-size:18px;
  font-size:34px;
  color:#D99A5C
}
.petrology .bottom {
  padding:50px 120px 20px;
  background-image:url(./bg3.jpg);
  background-size:cover
}
@media screen and (max-width: 1024px) {
  .petrology .bottom {
    padding:50px 20px
  }
}
.petrology #bottom {
  padding:20px 120px;
  background-image:url(./bg2.jpg);
  background-size:cover
}
@media screen and (max-width: 1024px) {
  .petrology #bottom {
    padding:50px 20px
  }
}
.petrology .bottom .upper {
  display:flex;
  gap:20px
}
@media screen and (max-width: 700px) {
  .petrology .bottom .upper {
    flex-direction:column
  }
}
.petrology #bottom .upper {
  flex-direction:row-reverse
}
@media screen and (max-width: 700px) {
  .petrology #bottom .upper {
    flex-direction:column
  }
}
.petrology .bottom .upper .one {
  flex:1.1
}
.petrology .bottom .upper .one img {
  height:100%;
  width:100%
}
.petrology .bottom .upper .two {
  flex:1;
  padding:10px;
  display:flex;
  align-items:top;
  justify-content:top;
  flex-direction:column
}
.petrology .bottom .upper .two h6 {
  font-family:Playwrite DE Grund,cursive;
  font-size:20px;
  color:#BF8050;
  line-height:1.6
}
.petrology .bottom .upper .two p {
  font-family:Playwrite DE Grund,cursive;
  font-family:Josefin Sans,sans-serif;
  line-height:1.5;
  font-weight:300;
  margin-top:20px;
  font-size:18px
}
.petrology .bottom .upper ul img {
  height:20px
}
.petrology .bottom .upper ul {
  list-style:none;
  margin-top:20px;
  display:flex;
  flex-direction:column;
  gap:13px;
  padding-left:20px
}
.petrology .bottom .upper ul li {
  display:flex;
  align-items:center;
  align-items:start;
  gap:10px;
  font-family:Josefin Sans,sans-serif;
  line-height:1.4;
  font-size:15px
}
.petrology .middle {
  padding:35px 120px;
  background-color:#E8C79F;
  display:flex;
  gap:20px;
  align-items:center;
  align-items:end
}
@media screen and (max-width: 1024px) {
  .petrology .middle {
    padding:50px 30px
  }
}
@media screen and (max-width: 700px) {
  .petrology .middle {
    flex-direction:column;
    gap:30px
  }
}
.hb {
  background:linear-gradient(#38231380,#382313),url(./f.jpg);
  display:flex;
  justify-content:center;
  align-items:center;
  background-size:cover
}
.historical {
  font-family:Josefin Sans,sans-serif;
  margin:0 auto;
  padding:40px 0
}
.historical .top {
  text-align:center
}
.historical .top h5 {
  font-size:24px;
  font-weight:700;
  text-transform:uppercase;
  color:#6B4022
}
.historical .bottom {
  background-color:#FFF8ED;
  padding:20px;
  border-radius:8px;
  box-shadow:0 4px 8px #3823131A
}
.historical h1 {
  font-size:28px;
  font-weight:600;
  color:#BF8050;
  margin-bottom:20px
}
.historical p {
  font-size:16px;
  line-height:1.6;
  margin-bottom:20px
}
.historical ul {
  list-style-type:none;
  margin:0;
  padding:0
}
.historical {
  background-color:#E8C79F
}
.historical .top {
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction:column;
  gap:30px;
  background:linear-gradient(#FFF8ED80,#D9A06A),url(./tap.s);
  background-position:center;
  background-size:cover;
  height:200px;
  background-repeat:no-repeat
}
.historical .top h6 {
  font-family:Playwrite DE Grund,cursive;
  font-size:18px;
  color:#D99A5C
}
.historical .top h5 {
  font-family:Oswald,sans-serif;
  font-size:18px;
  font-size:34px;
  color:#D99A5C
}
.historical .bottom {
  padding:50px 120px 20px;
  background-image:url(./bg3.jpg);
  background-size:cover
}
@media screen and (max-width: 1024px) {
  .historical .bottom {
    padding:50px 20px
  }
}
.historical #bottom {
  padding:20px 120px;
  background-image:url(./bg2.jpg);
  background-size:cover
}
@media screen and (max-width: 1024px) {
  .historical #bottom {
    padding:50px 20px
  }
}
.historical .bottom .upper {
  display:flex;
  gap:20px
}
@media screen and (max-width: 700px) {
  .historical .bottom .upper {
    flex-direction:column
  }
}
.historical #bottom .upper {
  flex-direction:row-reverse
}
@media screen and (max-width: 700px) {
  .historical #bottom .upper {
    flex-direction:column
  }
}
.historical .bottom .upper .one {
  flex:1.1
}
.historical .bottom .upper .one img {
  height:100%;
  width:100%
}
.historical .bottom .upper .two {
  flex:1;
  padding:10px;
  display:flex;
  align-items:top;
  justify-content:top;
  flex-direction:column
}
.historical .bottom .upper .two h6 {
  font-family:Playwrite DE Grund,cursive;
  font-size:20px;
  color:#BF8050;
  line-height:1.6
}
.historical .bottom .upper .two p {
  font-family:Playwrite DE Grund,cursive;
  font-family:Josefin Sans,sans-serif;
  line-height:1.5;
  font-weight:300;
  margin-top:20px;
  font-size:18px
}
.historical .bottom .upper ul img {
  height:20px
}
.historical .bottom .upper ul {
  list-style:none;
  margin-top:20px;
  display:flex;
  flex-direction:column;
  gap:13px;
  padding-left:20px
}
.historical .bottom .upper ul li {
  display:flex;
  align-items:center;
  align-items:start;
  gap:10px;
  font-family:Josefin Sans,sans-serif;
  line-height:1.4;
  font-size:15px
}
.historical .middle {
  padding:35px 120px;
  background-color:#E8C79F;
  display:flex;
  gap:20px;
  align-items:center;
  align-items:end
}
@media screen and (max-width: 1024px) {
  .historical .middle {
    padding:50px 30px
  }
}
@media screen and (max-width: 700px) {
  .historical .middle {
    flex-direction:column;
    gap:30px
  }
}
.hb {
  background:linear-gradient(#38231380,#382313),url(./f.jpg);
  display:flex;
  justify-content:center;
  align-items:center;
  background-size:cover
}
.hydrology {
  font-family:Josefin Sans,sans-serif;
  margin:0 auto;
  padding:40px 0
}
.hydrology .top {
  text-align:center
}
.hydrology .top h5 {
  font-size:24px;
  font-weight:700;
  text-transform:uppercase;
  color:#6B4022
}
.hydrology .bottom {
  background-color:#FFF8ED;
  padding:20px;
  border-radius:8px;
  box-shadow:0 4px 8px #3823131A
}
.hydrology h1 {
  font-size:28px;
  font-weight:600;
  color:#BF8050;
  margin-bottom:20px
}
.hydrology p {
  font-size:16px;
  line-height:1.6;
  margin-bottom:20px
}
.hydrology ul {
  list-style-type:none;
  margin:0;
  padding:0
}
.hydrology {
  background-color:#E8C79F
}
.hydrology .top {
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction:column;
  gap:30px;
  background:linear-gradient(#FFF8ED80,#D9A06A),url(./tap.s);
  background-position:center;
  background-size:cover;
  height:200px;
  background-repeat:no-repeat
}
.hydrology .top h6 {
  font-family:Playwrite DE Grund,cursive;
  font-size:18px;
  color:#D99A5C
}
.hydrology .top h5 {
  font-family:Oswald,sans-serif;
  font-size:18px;
  font-size:34px;
  color:#D99A5C
}
.hydrology .bottom {
  padding:50px 120px 20px;
  background-image:url(./bg3.jpg);
  background-size:cover
}
@media screen and (max-width: 1024px) {
  .hydrology .bottom {
    padding:50px 20px
  }
}
.hydrology #bottom {
  padding:20px 120px;
  background-image:url(./bg2-DHNu_-pH.jpg);
  background-size:cover
}
@media screen and (max-width: 1024px) {
  .hydrology #bottom {
    padding:50px 20px
  }
}
.hydrology .bottom .upper {
  display:flex;
  gap:20px
}
@media screen and (max-width: 700px) {
  .hydrology .bottom .upper {
    flex-direction:column
  }
}
.hydrology #bottom .upper {
  flex-direction:row-reverse
}
@media screen and (max-width: 700px) {
  .hydrology #bottom .upper {
    flex-direction:column
  }
}
.hydrology .bottom .upper .one {
  flex:1.1
}
.hydrology .bottom .upper .one img {
  height:100%;
  width:100%
}
.hydrology .bottom .upper .two {
  flex:1;
  padding:10px;
  display:flex;
  align-items:top;
  justify-content:top;
  flex-direction:column
}
.hydrology .bottom .upper .two h6 {
  font-family:Playwrite DE Grund,cursive;
  font-size:20px;
  color:#BF8050;
  line-height:1.6
}
.hydrology .bottom .upper .two p {
  font-family:Playwrite DE Grund,cursive;
  font-family:Josefin Sans,sans-serif;
  line-height:1.5;
  font-weight:300;
  margin-top:20px;
  font-size:18px
}
.hydrology .bottom .upper ul img {
  height:20px
}
.hydrology .bottom .upper ul {
  list-style:none;
  margin-top:20px;
  display:flex;
  flex-direction:column;
  gap:13px;
  padding-left:20px
}
.hydrology .bottom .upper ul li {
  display:flex;
  align-items:center;
  align-items:start;
  gap:10px;
  font-family:Josefin Sans,sans-serif;
  line-height:1.4;
  font-size:15px
}
.hydrology .middle {
  padding:35px 120px;
  background-color:#E8C79F;
  display:flex;
  gap:20px;
  align-items:center;
  align-items:end
}
@media screen and (max-width: 1024px) {
  .hydrology .middle {
    padding:50px 30px
  }
}
@media screen and (max-width: 700px) {
  .hydrology .middle {
    flex-direction:column;
    gap:30px
  }
}
.hb {
  background:linear-gradient(#38231380,#382313),url(./f.jpg);
  display:flex;
  justify-content:center;
  align-items:center;
  background-size:cover
}
.loader {
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#FFF8ED
}
.outer,.outer img {
  width:150px
}
.research {
  font-family:Josefin Sans,sans-serif
}
.research .bottom {
  background-image:url(./bg3.jpg);
  background-position:center;
  background-size:cover
}
.research .top {
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction:column;
  gap:30px;
  background-position:center;
  background-size:cover;
  padding-top:100px;
  padding-bottom:50px;
  background-repeat:no-repeat
}
.research h1 {
  color:#D99A5C
}
.research ul {
  list-style-type:none
}
.research .top h6 {
  font-family:Playwrite DE Grund,cursive;
  font-size:18px;
  color:#F2C27C;
  color:gray
}
.research .top h5 {
  font-family:Oswald,sans-serif;
  font-size:18px;
  font-size:34px;
  color:#BF8050
}
.research .bottom {
  padding-right:120px;
  padding-left:120px;
  padding-bottom:50px
}
@media screen and (max-width: 1024px) {
  .research .bottom {
    padding:50px 20px
  }
}
.research #bottom {
  padding:10px 120px 40px
}
@media screen and (max-width: 1024px) {
  .research #bottom {
    padding:50px 20px
  }
}
.research .bottom .upper {
  display:flex;
  gap:20px
}
@media screen and (max-width: 700px) {
  .research .bottom .upper {
    flex-direction:column
  }
}
.research #bottom .upper {
  flex-direction:row-reverse
}
@media screen and (max-width: 700px) {
  .research #bottom .upper {
    flex-direction:column
  }
}
.research .bottom .upper .one {
  flex:1.1
}
.research .bottom .upper .one img {
  height:100%;
  width:100%
}
.research .bottom .upper .two {
  flex:1;
  padding:10px
}
.research .bottom .upper .two h6 {
  font-family:Playwrite DE Grund,cursive;
  font-size:18px;
  font-size:17px;
  color:#BF8050;
  line-height:1.5
}
.research .bottom .upper .two p {
  font-family:Josefin Sans,sans-serif;
  line-height:1.5;
  font-weight:300;
  margin-top:20px;
  font-size:19px
}
.research .bottom .upper ul img {
  height:20px
}
.research .bottom .upper ul {
  list-style:none;
  margin-top:20px;
  display:flex;
  flex-direction:column;
  gap:13px;
  padding-left:20px
}
.research .bottom .upper ul li {
  display:flex;
  align-items:center;
  align-items:start;
  gap:10px;
  font-family:Josefin Sans,sans-serif;
  line-height:1.4;
  font-size:15px
}
.competition {
  font-family:Josefin Sans,sans-serif
}
.competition .bottom {
  background-image:url(./bg3.jpg);
  background-position:center;
  background-size:cover
}
.competition .top {
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction:column;
  gap:30px;
  background-position:center;
  background-size:cover;
  padding-top:150px;
  padding-bottom:50px;
  background-repeat:no-repeat
}
.competition .top22 {
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction:column;
  background-position:center;
  background-size:cover;
  padding-bottom:50px;
  background-repeat:no-repeat
}
.competition .top22 h5 {
  font-family:Oswald,sans-serif;
  font-size:18px;
  font-size:34px;
  color:#FFF8ED;
  border:1px solid #BF8050;
  padding:20px;
  background-color:#BF8050;
  border-radius:10px
}
.competition .top h6 {
  font-family:Playwrite DE Grund,cursive;
  font-size:18px;
  color:#F2C27C;
  color:gray
}
.competition .top h5 {
  font-family:Oswald,sans-serif;
  font-size:18px;
  font-size:34px;
  color:#BF8050
}
.competition h1 {
  color:#D99A5C
}
.competition .bottom {
  padding-right:120px;
  padding-left:120px;
  padding-bottom:50px
}
@media screen and (max-width: 1024px) {
  .competition .bottom {
    padding:50px 20px
  }
}
.competition #bottom {
  padding:10px 120px 40px
}
@media screen and (max-width: 1024px) {
  .competition #bottom {
    padding:50px 20px
  }
}
.competition .bottom .upper {
  display:flex;
  gap:20px
}
@media screen and (max-width: 700px) {
  .competition .bottom .upper {
    flex-direction:column
  }
}
.competition #bottom .upper {
  flex-direction:row-reverse
}
@media screen and (max-width: 700px) {
  .competition #bottom .upper {
    flex-direction:column
  }
}
.competition .bottom .upper .one {
  flex:1.1
}
.competition .bottom .upper .one img {
  height:100%;
  width:100%
}
.competition .bottom .upper .two {
  flex:1;
  padding:10px
}
.competition .bottom .upper .two h6 {
  font-family:Playwrite DE Grund,cursive;
  font-size:18px;
  font-size:17px;
  color:#BF8050;
  line-height:1.5
}
.competition .bottom .upper .two p {
  font-family:Josefin Sans,sans-serif;
  line-height:1.5;
  font-weight:300;
  margin-top:20px;
  font-size:19px
}
.competition .bottom .upper ul img {
  height:20px
}
.competition .bottom .upper ul {
  list-style:none;
  margin-top:20px;
  display:flex;
  flex-direction:column;
  gap:13px;
  padding-left:20px
}
.competition .bottom .upper ul li {
  display:flex;
  align-items:center;
  align-items:start;
  gap:10px;
  font-family:Josefin Sans,sans-serif;
  line-height:1.4;
  font-size:15px
}
.astronomy {
  font-family:Josefin Sans,sans-serif;
  margin:0 auto;
  padding:40px 0
}
.astronomy .top {
  text-align:center
}
.astronomy .top h5 {
  font-size:24px;
  font-weight:700;
  text-transform:uppercase;
  color:#6B4022
}
.astronomy .bottom {
  background-color:#FFF8ED;
  padding:20px;
  border-radius:8px;
  box-shadow:0 4px 8px #3823131A
}
.astronomy h1 {
  font-size:28px;
  font-weight:600;
  color:#BF8050;
  margin-bottom:20px
}
.astronomy p {
  font-size:16px;
  line-height:1.6;
  margin-bottom:20px
}
.astronomy ul {
  list-style-type:none;
  margin:0;
  padding:0
}
li {
  font-size:16px;
  line-height:1.8
}
li strong {
  font-size:17px;
  color:#6B4022
}
.astronomy {
  background-color:#E8C79F
}
.astronomy .top {
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction:column;
  gap:30px;
  background:linear-gradient(#FFF8ED80,#D9A06A),url(./tap.s);
  background-position:center;
  background-size:cover;
  height:200px;
  background-repeat:no-repeat
}
.astronomy .top h6 {
  font-family:Playwrite DE Grund,cursive;
  font-size:18px;
  color:#D99A5C
}
.astronomy .top h5 {
  font-family:Oswald,sans-serif;
  font-size:18px;
  font-size:34px;
  color:#D99A5C
}
.astronomy .bottom {
  padding:50px 120px 20px;
  background-image:url(./bg3.jpg);
  background-size:cover
}
@media screen and (max-width: 1024px) {
  .astronomy .bottom {
    padding:50px 20px
  }
}
.astronomy #bottom {
  padding:20px 120px;
  background-image:url(./bg2.jpg);
  background-size:cover
}
@media screen and (max-width: 1024px) {
  .astronomy #bottom {
    padding:50px 20px
  }
}
.astronomy .bottom .upper {
  display:flex;
  gap:20px
}
@media screen and (max-width: 700px) {
  .astronomy .bottom .upper {
    flex-direction:column
  }
}
.astronomy #bottom .upper {
  flex-direction:row-reverse
}
@media screen and (max-width: 700px) {
  .astronomy #bottom .upper {
    flex-direction:column
  }
}
.astronomy .bottom .upper .one {
  flex:1.1
}
.astronomy .bottom .upper .one img {
  height:100%;
  width:100%
}
.astronomy .bottom .upper .two {
  flex:1;
  padding:10px;
  display:flex;
  align-items:top;
  justify-content:top;
  flex-direction:column
}
.astronomy .bottom .upper .two h6 {
  font-family:Playwrite DE Grund,cursive;
  font-size:20px;
  color:#BF8050;
  line-height:1.6
}
.astronomy .bottom .upper .two p {
  font-family:Playwrite DE Grund,cursive;
  font-family:Josefin Sans,sans-serif;
  line-height:1.5;
  font-weight:300;
  margin-top:20px;
  font-size:18px
}
.astronomy .bottom .upper ul img {
  height:20px
}
.astronomy .bottom .upper ul {
  list-style:none;
  margin-top:20px;
  display:flex;
  flex-direction:column;
  gap:13px;
  padding-left:20px
}
.astronomy .bottom .upper ul li {
  display:flex;
  align-items:center;
  align-items:start;
  gap:10px;
  font-family:Josefin Sans,sans-serif;
  line-height:1.4;
  font-size:15px
}
.astronomy .middle {
  padding:35px 120px;
  background-color:#E8C79F;
  display:flex;
  gap:20px;
  align-items:center;
  align-items:end
}
@media screen and (max-width: 1024px) {
  .astronomy .middle {
    padding:50px 30px
  }
}
@media screen and (max-width: 700px) {
  .astronomy .middle {
    flex-direction:column;
    gap:30px
  }
}
.middle p {
  font-family:Josefin Sans,sans-serif;
  color:gray;
  text-align:right;
  font-size:25px;
  flex:2;
  line-height:1.3
}
.middle div {
  flex:1.4;
  display:flex;
  justify-content:right
}
.middle a {
  padding:17px 35px;
  background-color:#F2C27C;
  text-decoration:none;
  font-family:Josefin Slab,serif;
  font-weight:900;
  border-radius:5px;
  font-size:20px;
  color:#BF8050;
  font-family:Patrick Hand,cursive;
  font-family:Acme,sans-serif;
  transition:.35s ease-out
}
.middle a:hover {
  background-color:#BF8050;
  color:#F2C27C
}
.hb {
  background:linear-gradient(#38231380,#382313),url(./f.jpg);
  display:flex;
  justify-content:center;
  align-items:center;
  background-size:cover
}
.notfound {
  font-family:Josefin Sans,sans-serif;
  padding-top:100px;
  padding-bottom:100px
}
* {
  padding:0;
  margin:0
}


/* ===== Geology Club — Canva Brown Theme ===== */
:root {
  --gc-dark-brown: #382313;
  --gc-brown: #4A2D19;
  --gc-warm-brown: #6B4022;
  --gc-copper: #BF8050;
  --gc-light-copper: #D99A5C;
  --gc-cream: #F2C27C;
  --gc-beige: #E8C79F;
  --gc-paper: #FFF8ED;

  --toastify-color-light: var(--gc-paper);
  --toastify-color-dark: var(--gc-dark-brown);
  --toastify-color-info: var(--gc-copper);
  --toastify-color-success: var(--gc-warm-brown);
  --toastify-color-warning: var(--gc-cream);
  --toastify-color-error: var(--gc-copper);
  --toastify-toast-background: var(--gc-paper);
  --toastify-text-color-light: var(--gc-warm-brown);
  --toastify-text-color-dark: var(--gc-paper);
  --toastify-text-color-info: var(--gc-paper);
  --toastify-text-color-success: var(--gc-paper);
  --toastify-text-color-warning: var(--gc-dark-brown);
  --toastify-text-color-error: var(--gc-paper);
  --toastify-spinner-color: var(--gc-copper);
  --toastify-spinner-color-empty-area: var(--gc-beige);
  --toastify-color-progress-light: var(--gc-light-copper);
  --toastify-color-progress-dark: var(--gc-copper);
  --toastify-color-progress-info: var(--gc-light-copper);
  --toastify-color-progress-success: var(--gc-warm-brown);
  --toastify-color-progress-warning: var(--gc-cream);
  --toastify-color-progress-error: var(--gc-copper);
}

/* Global surfaces and controls */
body {
  background-color: var(--gc-dark-brown);
  color: var(--gc-cream);
}

button,
input[type="submit"],
input[type="button"] {
  background-color: var(--gc-copper);
  color: var(--gc-dark-brown);
  border-color: var(--gc-copper);
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: var(--gc-light-copper);
}

input,
textarea,
select {
  background-color: var(--gc-paper);
  color: var(--gc-dark-brown);
  border-color: var(--gc-copper);
}

a {
  color: var(--gc-light-copper);
}

a:hover {
  color: var(--gc-cream);
}


/* =========================================================
   NAVBAR FIX — desktop
   Prevents logo from consuming too much width and keeps
   every navigation item on one line.
   ========================================================= */

.container {
  min-height: 88px;
  height: 88px;
  padding: 0 60px;
  gap: 30px;
  box-sizing: border-box;
}

.container .logo {
  flex: 0 0 auto;
  min-width: 0;
}

.container .logo a {
  align-items: center;
}

.container .logo h6 {
  font-size: 22px;
  line-height: 1.15;
  margin: 0;
  white-space: nowrap;
}

.container .logo p {
  font-size: 11px;
  line-height: 1.15;
  margin: 0;
  white-space: nowrap;
}

.container .logo img {
  height: 46px;
  width: 61px;
  object-fit: contain;
}

.container > ul {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(12px, 2.1vw, 34px);
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
}

.container > ul > li {
  flex: 0 0 auto;
  padding: 20px 4px;
  white-space: nowrap;
}

.container > ul > li > a {
  white-space: nowrap;
  font-size: clamp(14px, 1.15vw, 18px);
}

/* Keep the dropdown positioned under Tracks */
.container > ul > .tracks {
  white-space: nowrap;
}

/* Medium desktop / laptop */
@media screen and (max-width: 1200px) and (min-width: 761px) {
  .container {
    padding: 0 30px;
    gap: 18px;
  }

  .container .logo h6 {
    font-size: 19px;
  }

  .container .logo p {
    font-size: 9px;
  }

  .container .logo img {
    height: 42px;
    width: 56px;
  }

  .container > ul {
    gap: 10px;
  }

  .container > ul > li {
    padding: 20px 3px;
  }

  .container > ul > li > a {
    font-size: 14px;
  }
}

/* Never let the desktop navbar show on mobile */
@media screen and (max-width: 760px) {
  .container {
    min-height: 0;
    height: auto;
  }
}


/* ================================================================
   GEOLOGY CLUB — EDITABLE TEMPLATE LAYER
   Change the variables below to change the whole visual theme.
   ================================================================ */
:root {
  --geo-bg: #382313;
  --geo-surface: #4A2D19;
  --geo-surface-2: #5A371F;
  --geo-copper: #BF8050;
  --geo-copper-light: #D99A5C;
  --geo-cream: #F2C27C;
  --geo-paper: #FFF8ED;
  --geo-muted: #E8C79F;
  --geo-text: #F8E7CF;
  --geo-shadow: rgba(0, 0, 0, .24);
  --geo-radius: 16px;
  --geo-max-width: 1380px;
}

/* Base page */
html { scroll-behavior: smooth; }
body {
  background: var(--geo-bg);
  color: var(--geo-text);
  font-family: "Josefin Sans", sans-serif;
}

/* Desktop navigation */
.container {
  height: 88px;
  min-height: 88px;
  padding: 0 5vw;
  gap: 28px;
  background: var(--geo-surface);
  box-shadow: 0 6px 22px var(--geo-shadow);
  box-sizing: border-box;
}
.container .logo h6 {
  color: var(--geo-copper-light);
  margin: 0;
  white-space: nowrap;
}
.container .logo p {
  color: var(--geo-muted);
  margin: 0;
}
.container .logo img {
  width: 58px;
  height: 58px;
  object-fit: contain;
}
.container > ul {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: clamp(12px, 2vw, 32px);
  margin: 0;
  padding: 0;
}
.container > ul > li {
  padding: 20px 4px;
  white-space: nowrap;
}
.container > ul > li > a {
  color: var(--geo-paper);
  font-size: clamp(14px, 1.1vw, 18px);
}
.container > ul > li > a:hover,
.container > ul > li > a.active,
.container > ul > .tracks:hover,
.container > ul > .tracks.active {
  color: var(--geo-copper-light);
}

/* Hero / home */
.home {
  max-width: var(--geo-max-width);
  margin: 0 auto;
  padding: 135px 5vw 55px;
  min-height: calc(100vh - 88px);
  box-sizing: border-box;
  background: transparent;
}
.home .top h1,
.home .top h2 {
  color: var(--geo-copper-light);
}
.home .top h1 { font-size: clamp(34px, 4vw, 58px); }
.home .top .desc {
  max-width: 720px;
  color: var(--geo-muted);
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.55;
}
.hire .right button {
  background: var(--geo-copper);
  color: var(--geo-paper);
  border-radius: 8px;
  transition: transform .2s ease, background .2s ease;
}
.hire .right button:hover {
  background: var(--geo-copper-light);
  transform: translateY(-2px);
}

/* Track / curriculum cards */
.myservices {
  height: 175px;
  border-radius: var(--geo-radius);
  background: var(--geo-surface-2);
  box-shadow: 0 10px 28px var(--geo-shadow);
}
.myservices img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.txt {
  background: linear-gradient(90deg, rgba(56,35,19,.82), rgba(56,35,19,.35));
  border-radius: var(--geo-radius);
  padding: 20px;
}
.txt h1 { color: var(--geo-paper); }

/* Curriculum page */
.curriculum-page {
  min-height: 100vh;
  padding: 135px 5vw 70px;
  background: var(--geo-bg);
  box-sizing: border-box;
}
.curriculum-hero {
  max-width: 900px;
  margin: 0 auto 50px;
  text-align: center;
}
.curriculum-hero span {
  color: var(--geo-copper-light);
  font-weight: 700;
  letter-spacing: 2px;
}
.curriculum-hero h1 {
  margin: 12px 0;
  color: var(--geo-cream);
  font-size: clamp(38px, 5vw, 64px);
}
.curriculum-hero p {
  color: var(--geo-muted);
  font-size: 18px;
  line-height: 1.7;
}
.curriculum-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.curriculum-card {
  padding: 30px;
  border: 1px solid rgba(217,154,92,.55);
  border-radius: var(--geo-radius);
  background: var(--geo-surface);
  box-shadow: 0 12px 30px var(--geo-shadow);
}
.curriculum-card.core {
  grid-column: 1 / -1;
  background: linear-gradient(135deg, var(--geo-surface-2), var(--geo-surface));
}
.curriculum-card > span {
  color: var(--geo-copper-light);
  font-weight: 800;
  letter-spacing: 2px;
}
.curriculum-card h2 { color: var(--geo-cream); margin: 10px 0 12px; }
.curriculum-card p { color: var(--geo-muted); line-height: 1.7; }
.curriculum-card a { color: var(--geo-copper-light); font-weight: 700; }

/* Footer */
.footer { background: #2B1A0E; }
.footer .top h3 { color: var(--geo-copper-light); }
.footer .top ul a { color: var(--geo-muted); }
.footer .top ul a:hover { color: var(--geo-cream); }
.footer hr { background: var(--geo-copper); }
.footer .bottom p { color: var(--geo-muted); }

@media (max-width: 760px) {
  .home { padding: 105px 20px 45px; }
  .curriculum-page { padding: 105px 20px 50px; }
  .curriculum-grid { grid-template-columns: 1fr; }
  .curriculum-card.core { grid-column: auto; }
  .myservices { height: 145px; }
}


/* =========================================================
   2026 SITE EDITS
   Light page template + readable dark text
   ========================================================= */

:root {
  --geo-page: #f7f2e9;
  --geo-surface: #fffaf2;
  --geo-surface-2: #efe3d1;
  --geo-text: #2b211a;
  --geo-muted: #66584b;
  --geo-accent: #b86f35;
  --geo-accent-dark: #7a431f;
  --geo-line: #d8b58c;
  --geo-footer: #2f1d12;
}

body {
  background: var(--geo-page) !important;
  color: var(--geo-text) !important;
}

main, section, .research, .competition, .about, .contact,
.curriculum-page, .coming-soon-page, .ai-chat-page {
  color: var(--geo-text);
}

.curriculum-page {
  min-height: 100vh;
  padding: 150px 7% 80px;
  background: var(--geo-page);
}

.curriculum-hero {
  max-width: 980px;
  margin: 0 auto 55px;
  text-align: center;
}

.curriculum-hero span,
.coming-soon-badge {
  display: inline-block;
  color: var(--geo-accent-dark);
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.curriculum-hero h1,
.coming-soon-page h1,
.ai-chat-page h1 {
  color: var(--geo-text);
  font-size: clamp(38px, 5vw, 62px);
  margin: 12px 0;
}

.curriculum-hero p,
.coming-soon-page p,
.ai-chat-page p {
  max-width: 850px;
  margin: 0 auto;
  color: var(--geo-muted);
  line-height: 1.75;
  font-size: 18px;
}

.curriculum-meta {
  margin-top: 18px;
  color: var(--geo-accent-dark);
  font-weight: 700;
}

.curriculum-timeline {
  position: relative;
  max-width: 1050px;
  margin: 0 auto;
  padding: 10px 0 20px;
}

.curriculum-timeline::before {
  content: "";
  position: absolute;
  left: 34px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--geo-line);
}

.curriculum-section {
  position: relative;
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 24px;
  margin-bottom: 24px;
}

.timeline-marker {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--geo-accent);
  color: white;
  font-weight: 900;
  z-index: 1;
  box-shadow: 0 5px 16px rgba(80,45,20,.16);
}

.curriculum-section-content {
  padding: 26px 30px;
  background: var(--geo-surface);
  border: 1px solid #e2d3c1;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(55,35,20,.07);
}

.curriculum-stage {
  color: var(--geo-accent-dark);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.curriculum-section h2 {
  margin: 8px 0;
  color: var(--geo-text);
}

.curriculum-section p {
  margin: 0 0 14px;
  color: var(--geo-muted);
  line-height: 1.65;
}

.curriculum-reference {
  color: var(--geo-accent-dark);
  font-weight: 800;
  text-decoration: none;
}

.curriculum-reference:hover {
  text-decoration: underline;
}

.curriculum-references {
  max-width: 1050px;
  margin: 65px auto 0;
  padding: 35px;
  background: var(--geo-surface-2);
  border-radius: 16px;
}

.curriculum-references h2 {
  color: var(--geo-text);
}

.reference-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 25px;
  margin-top: 20px;
}

.reference-grid a {
  color: var(--geo-accent-dark);
  font-weight: 700;
}

.coming-soon-page,
.ai-chat-page {
  min-height: 65vh;
  padding: 170px 7% 100px;
  text-align: center;
  background: var(--geo-page);
}

.coming-soon-page h2 {
  color: var(--geo-accent);
  font-size: clamp(32px, 4vw, 54px);
  margin: 12px 0 20px;
}

.coming-soon-note,
.ai-chat-placeholder {
  max-width: 760px;
  margin: 35px auto 0;
  padding: 24px;
  background: var(--geo-surface);
  border: 1px dashed var(--geo-line);
  border-radius: 12px;
  color: var(--geo-muted);
  font-weight: 700;
}

.profile-placeholder {
  width: 100%;
  min-height: 180px;
  display: grid;
  place-items: center;
  background: var(--geo-surface-2);
  color: var(--geo-accent-dark);
  font-weight: 900;
  border-radius: 8px;
}

.department-footer {
  max-width: 320px;
}

.department-footer h3 {
  margin-bottom: 14px;
}

.department-footer p {
  color: #e8d9c7;
  line-height: 1.6;
}

@media (max-width: 760px) {
  .curriculum-page {
    padding: 105px 5% 55px;
  }

  .curriculum-timeline::before {
    left: 22px;
  }

  .curriculum-section {
    grid-template-columns: 46px 1fr;
    gap: 12px;
  }

  .timeline-marker {
    width: 44px;
    height: 44px;
    font-size: 12px;
  }

  .curriculum-section-content {
    padding: 20px;
  }

  .reference-grid {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   2026 MAJOR UPDATE
   Dark brown/copper template + light content pages
   IMPORTANT: edit the variables below to retheme the site.
   ============================================================ */

:root {
  --site-brown: #382313;
  --site-brown-2: #4a2d19;
  --site-copper: #c4874f;
  --site-copper-light: #dda264;

  --light-page: #f7f1e7;
  --light-card: #fffaf2;
  --light-card-2: #eee1cf;
  --light-text: #2a211b;
  --light-muted: #5f544a;
  --light-border: #d9c4a9;
}

/* Keep the main/home template dark like the reference design. */
body {
  background: var(--site-brown);
  color: #f7ead7;
}

/* Light-background pages: DARK TEXT for readability. */
.curriculum-page,
.coming-soon-page,
.competition,
.about-div,
.contanct-home,
.petrology,
.historical,
.hydrology,
.astronomy,
.campains {
  background: var(--light-page) !important;
  color: var(--light-text) !important;
}

.curriculum-page h1,
.curriculum-page h2,
.curriculum-page h3,
.curriculum-page p,
.curriculum-page li,
.coming-soon-page h1,
.coming-soon-page h2,
.coming-soon-page p,
.competition h1,
.competition h2,
.competition h3,
.competition p,
.competition li,
.about-div h1,
.about-div h2,
.about-div h3,
.about-div h4,
.about-div h5,
.about-div h6,
.about-div p,
.about-div li,
.contanct-home h1,
.contanct-home h2,
.contanct-home h3,
.contanct-home h4,
.contanct-home h5,
.contanct-home h6,
.contanct-home p,
.contanct-home label,
.petrology h1,
.petrology h2,
.petrology h3,
.petrology p,
.petrology li,
.historical h1,
.historical h2,
.historical h3,
.historical p,
.historical li,
.hydrology h1,
.hydrology h2,
.hydrology h3,
.hydrology p,
.hydrology li,
.astronomy h1,
.astronomy h2,
.astronomy h3,
.astronomy p,
.astronomy li {
  color: var(--light-text);
}

/* Home: one curriculum entry instead of the old four-track grid. */
.home-curriculum-section {
  margin-top: 35px;
}

.home-curriculum-intro {
  max-width: 780px;
  color: #d8c6b2;
  font-size: 18px;
  line-height: 1.65;
}

.essentials-card {
  max-width: 1000px;
  margin-top: 25px;
  background:
    linear-gradient(90deg, rgba(56,35,19,.88), rgba(56,35,19,.48)),
    var(--site-brown-2);
  border: 1px solid rgba(221,162,100,.45);
}

.essentials-card .txt {
  background: transparent;
}

.essentials-card .txt h1 {
  color: #fff7eb;
}

/* Exactly 40-session Essentials of Geology timeline. */
.curriculum-page {
  min-height: 100vh;
  padding: 145px 5vw 80px;
  box-sizing: border-box;
}

.curriculum-hero {
  max-width: 980px;
  margin: 0 auto 55px;
  text-align: center;
}

.curriculum-hero span {
  color: var(--site-copper);
  font-weight: 800;
  letter-spacing: 1.5px;
}

.curriculum-hero h1 {
  color: var(--light-text);
  font-size: clamp(38px, 5vw, 62px);
  margin: 12px 0;
}

.curriculum-hero p {
  color: var(--light-muted);
  line-height: 1.75;
  font-size: 18px;
}

.curriculum-meta {
  color: #7a4b29;
  font-weight: 800;
  margin-top: 18px;
}

.curriculum-timeline {
  position: relative;
  max-width: 1050px;
  margin: 0 auto;
  padding: 10px 0 20px;
}

.curriculum-timeline::before {
  content: "";
  position: absolute;
  left: 31px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--light-border);
}

.curriculum-section {
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 22px;
  margin-bottom: 24px;
}

.timeline-marker {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--site-copper);
  color: #fff;
  font-weight: 900;
  z-index: 1;
  box-shadow: 0 5px 16px rgba(80,45,20,.16);
}

.curriculum-section-content {
  padding: 26px 30px;
  background: var(--light-card);
  border: 1px solid var(--light-border);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(55,35,20,.07);
}

.curriculum-stage {
  color: #7a4b29;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.curriculum-section h2 {
  color: var(--light-text);
  margin: 8px 0;
}

.curriculum-section p {
  color: var(--light-muted);
  line-height: 1.65;
  margin: 0 0 14px;
}

.curriculum-reference {
  color: #7a431f;
  font-weight: 800;
  text-decoration: none;
}

.curriculum-reference:hover {
  text-decoration: underline;
}

.curriculum-references {
  max-width: 1050px;
  margin: 65px auto 0;
  padding: 35px;
  background: var(--light-card-2);
  border-radius: 16px;
}

.curriculum-references h2,
.curriculum-references p {
  color: var(--light-text);
}

.reference-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 25px;
  margin-top: 20px;
}

.reference-grid a {
  color: #7a431f;
  font-weight: 700;
}

/* Research = Coming Soon */
.coming-soon-page {
  min-height: 70vh;
  padding: 170px 7% 100px;
  text-align: center;
}

.coming-soon-page h1 {
  color: var(--light-text);
}

.coming-soon-page h2 {
  color: var(--site-copper);
  font-size: clamp(32px, 4vw, 54px);
}

/* Competition remains active, with readable dark text. */
.competition {
  min-height: 100vh;
  padding-top: 130px;
}

.competition .top h5,
.competition .top22 h5,
.competition h1,
.competition p,
.competition li {
  color: var(--light-text);
}

.competition .top22 h5 {
  color: #7a431f;
}

/* Board cards: placeholders remain editable. */
.profile-placeholder {
  background: var(--light-card-2);
  color: #7a431f;
  border: 1px solid var(--light-border);
}

/* AI Chat: intentionally empty for the future integration. */
.ai-chat-page {
  min-height: 65vh;
  padding: 145px 7% 100px;
  background: var(--light-page) !important;
}

/* Footer contact text and copyright. */
.footer .top ul a,
.footer .bottom p {
  color: #eadac6;
}

.footer .top ul a:hover {
  color: var(--site-copper-light);
}

@media (max-width: 760px) {
  .curriculum-page {
    padding: 110px 5% 55px;
  }

  .curriculum-timeline::before {
    left: 22px;
  }

  .curriculum-section {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
  }

  .timeline-marker {
    width: 44px;
    height: 44px;
    font-size: 12px;
  }

  .curriculum-section-content {
    padding: 20px;
  }

  .reference-grid {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   FINAL DARK BROWN / COPPER THEME
   No content is hidden. This layer intentionally overrides the
   previous light-page experiment.
   ============================================================ */

:root {
  --brown-950: #28180e;
  --brown-900: #382313;
  --brown-850: #432817;
  --brown-800: #4a2d19;
  --brown-700: #6b4022;
  --copper: #d99a5c;
  --copper-light: #e8c79f;
  --cream: #f5e8d6;
  --muted-cream: #cbb69d;
  --line: #76502f;
}

html,
body,
#root {
  background: var(--brown-950) !important;
  color: var(--cream) !important;
}

body {
  background-image:
    linear-gradient(rgba(40,24,14,.90), rgba(40,24,14,.94)),
    url("./l-CmCavLwM.jpg") !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

.container {
  background:
    linear-gradient(rgba(56,35,19,.96), rgba(56,35,19,.96)),
    url("./l-CmCavLwM.jpg") !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 4px 18px rgba(0,0,0,.28) !important;
}

.container .logo a,
.container .logo p,
.container ul li a,
.container ul li {
  color: var(--cream) !important;
}

.container .logo h6,
.container ul li a.active,
.container ul li a:hover {
  color: var(--copper) !important;
}

.container .logo p {
  color: var(--muted-cream) !important;
}

.container .serviceUl,
.menu-content .serviceUl {
  background: var(--brown-800) !important;
  border: 1px solid var(--line) !important;
}

.container .serviceUl a,
.menu-content .serviceUl a {
  color: var(--cream) !important;
}

.container .serviceUl a:hover,
.menu-content .serviceUl a:hover {
  background: var(--brown-700) !important;
  color: #fff !important;
}

/* Home */
.container-small {
  background:
    linear-gradient(rgba(56,35,19,.94), rgba(56,35,19,.94)),
    url("./bg2-DHNu_-pH.jpg") !important;
}

.container-small,
.container-small h1,
.container-small h2,
.container-small h3,
.container-small h4,
.container-small h5,
.container-small h6,
.container-small p,
.container-small li,
.container-small a {
  color: var(--cream) !important;
}

.container-small .top h1,
.container-small h1 {
  color: var(--copper) !important;
}

.home-curriculum-section {
  margin-top: 34px !important;
}

.home-curriculum-intro {
  color: var(--muted-cream) !important;
  max-width: 800px;
  line-height: 1.7;
}

.essentials-card {
  background:
    linear-gradient(rgba(56,35,19,.64), rgba(56,35,19,.86)),
    url("./meta_rock.webp") center/cover !important;
  border: 1px solid var(--line) !important;
  min-height: 190px;
}

.essentials-card .txt h1 {
  color: #fff7eb !important;
}

/* Curriculum — keep the old website's large image-card feeling. */
.curriculum-page {
  min-height: 100vh;
  padding: 145px 6vw 85px;
  background:
    linear-gradient(rgba(40,24,14,.96), rgba(40,24,14,.97)),
    url("./bg2-DHNu_-pH.jpg") center/cover fixed !important;
  color: var(--cream) !important;
}

.curriculum-hero {
  max-width: 1000px;
  margin: 0 auto 42px;
  text-align: left;
}

.curriculum-hero span {
  color: var(--copper) !important;
}

.curriculum-hero h1 {
  color: var(--copper) !important;
  font-size: clamp(38px, 5vw, 62px);
  margin: 10px 0 15px;
}

.curriculum-hero p {
  color: var(--cream) !important;
  max-width: 920px;
  font-size: 18px;
  line-height: 1.7;
}

.curriculum-meta {
  color: var(--copper-light) !important;
  font-weight: 800;
  margin-top: 18px;
}

.curriculum-card-grid {
  max-width: 1250px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

.curriculum-card {
  position: relative;
  min-height: 330px;
  overflow: hidden;
  border: 1px solid rgba(217,154,92,.45);
  background: var(--brown-800);
  box-shadow: 0 12px 30px rgba(0,0,0,.30);
}

.curriculum-card > img {
  width: 100%;
  height: 100%;
  min-height: 330px;
  display: block;
  object-fit: cover;
  filter: brightness(.55) saturate(.88);
  transition: transform .35s ease, filter .35s ease;
}

.curriculum-card:hover > img {
  transform: scale(1.04);
  filter: brightness(.66) saturate(1);
}

.curriculum-card-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 28px;
  background: linear-gradient(
    to top,
    rgba(40,24,14,.97) 0%,
    rgba(40,24,14,.82) 48%,
    rgba(40,24,14,.12) 100%
  );
}

.curriculum-number {
  color: var(--copper-light);
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.curriculum-stage {
  color: var(--copper) !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-top: 6px;
}

.curriculum-card h2 {
  color: #fff8ed !important;
  margin: 8px 0 8px;
  font-size: 25px;
}

.curriculum-card p {
  color: #e4d3bd !important;
  line-height: 1.55;
  margin: 0 0 13px;
}

.curriculum-reference {
  color: var(--copper-light) !important;
  font-weight: 800;
  text-decoration: none;
}

.curriculum-reference:hover {
  color: #fff !important;
  text-decoration: underline;
}

.curriculum-references {
  max-width: 1250px;
  margin: 45px auto 0;
  padding: 30px;
  background: rgba(67,40,23,.92) !important;
  border: 1px solid var(--line);
}

.curriculum-references h2 {
  color: var(--copper) !important;
}

.curriculum-references p {
  color: var(--cream) !important;
  line-height: 1.7;
}

.reference-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 25px;
  margin-top: 20px;
}

.reference-grid a {
  color: var(--copper-light) !important;
}

/* Board section */
.highs-container {
  margin-bottom: 22px;
}

.old-board-heading {
  margin-top: 42px !important;
  margin-bottom: 18px !important;
}

.old-board-heading p {
  margin: 8px 0 0;
  color: var(--muted-cream) !important;
  font-size: 16px;
}

.supervisor-heading {
  margin-top: 58px !important;
}

.profile-card {
  background: var(--brown-800) !important;
  border: 1px solid var(--line) !important;
  color: var(--cream) !important;
}

.profile-card p,
.profile-card caption,
.profile-card .label {
  color: var(--cream) !important;
}

.profile-card .label {
  color: var(--copper) !important;
}

.profile-placeholder {
  background: var(--brown-700) !important;
  color: var(--copper-light) !important;
  border: 1px solid var(--line) !important;
}

/* Research */
.coming-soon-page {
  min-height: 75vh;
  padding: 160px 7% 100px;
  background:
    linear-gradient(rgba(40,24,14,.95), rgba(40,24,14,.97)),
    url("./bg2-DHNu_-pH.jpg") center/cover !important;
}

.coming-soon-page h1 {
  color: var(--copper) !important;
}

.coming-soon-page h2 {
  color: var(--cream) !important;
}

.coming-soon-page p {
  color: var(--muted-cream) !important;
}

/* Competition */
.competition {
  background:
    linear-gradient(rgba(40,24,14,.94), rgba(40,24,14,.97)),
    url("./geo1-Rww2Oq3J.jpg") center/cover !important;
}

.competition h1,
.competition h2,
.competition h3,
.competition p,
.competition li {
  color: var(--cream) !important;
}

.competition .top22 h5 {
  color: var(--copper) !important;
}

/* AI Chat — empty main area, but it has the site theme. */
.ai-chat-page {
  min-height: 70vh;
  background:
    linear-gradient(rgba(40,24,14,.95), rgba(40,24,14,.97)),
    url("./bg2-DHNu_-pH.jpg") center/cover !important;
}

/* Footer */
.footer {
  background: var(--brown-950) !important;
  border-top: 1px solid var(--line) !important;
}

.footer .top h3,
.footer .top a,
.footer .bottom p {
  color: var(--cream) !important;
}

.footer .top h3 {
  color: var(--copper) !important;
}

.footer .top a:hover {
  color: var(--copper) !important;
}

@media (max-width: 760px) {
  .curriculum-card-grid {
    grid-template-columns: 1fr;
  }

  .curriculum-page {
    padding: 110px 5% 60px;
  }

  .curriculum-card,
  .curriculum-card > img {
    min-height: 360px;
  }

  .curriculum-card-overlay {
    padding: 22px;
  }

  .reference-grid {
    grid-template-columns: 1fr;
  }
}



/* ================================
   HIGH BOARD - CIRCLE TO SQUARE
   ================================ */

.highs-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Remove the big rectangular boxes */
.highs-container .profile-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Member photo */
.highs-container img {
    width: 240px;
    height: 240px;
    object-fit: cover;
    border-radius: 50%;
    transition: all 0.5s ease;
}

/* When you move the mouse over the photo */
.highs-container img:hover {
    border-radius: 12px;
    transform: scale(1.05);
}



/* Space between Old Board cards */
.old-board {
    gap: 30px !important;
}

.old-board > * {
    margin: 15px !important;
}

/* =========================================
   FINAL BOARD + COMPETITION POLISH
   ========================================= */

/* High Board: clean cards, no unwanted back boxes */
.new-high-board {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px !important;
  align-items: start;
  padding: 0 7% !important;
}

.new-high-board .high-board-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 10px 24px !important;
}

.new-high-board .high-board-card .label,
.new-high-board .high-board-card .board-name {
  text-align: center;
}

.new-high-board .high-board-card .image {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.new-high-board .high-board-card img {
  width: 240px !important;
  height: 240px !important;
  object-fit: cover;
  border-radius: 50% !important;
  transition: border-radius 0.5s ease, transform 0.5s ease;
}

.new-high-board .high-board-card img:hover {
  border-radius: 12px !important;
  transform: scale(1.05);
}

/* Old Board: visible separation between the four members */
.old-board-heading + .highs-container.executives {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 35px !important;
  padding: 0 7% !important;
  margin-bottom: 40px !important;
}

.old-board-heading + .highs-container.executives .profile-card {
  margin: 0 !important;
  min-width: 0;
}
/* Old Board — circle to rounded square */

.old-board-heading + .highs-container.executives .profile-card img {
  width: 240px !important;
  height: 240px !important;
  object-fit: cover;
  border-radius: 50% !important;
  transition: border-radius 0.5s ease, transform 0.5s ease;
}

.old-board-heading + .highs-container.executives .profile-card img:hover {
  border-radius: 12px !important;
  transform: scale(1.05);
}
.old-board-heading + .highs-container.executives .image {
  margin: 0 auto;
}

/* Supervisor — circle to rounded square */

.supervisor-heading + .highs-container.executives .supervisor-photo {
  width: 240px !important;
  height: 240px !important;
  object-fit: cover;
  border-radius: 50% !important;
  transition: border-radius 0.5s ease, transform 0.5s ease;
}

.supervisor-heading + .highs-container.executives .supervisor-photo:hover {
  border-radius: 12px !important;
  transform: scale(1.05);
}

/* Competition: readable headings and section text */
.competition .top h1,
.competition .top h2,
.competition .top h3,
.competition .top h4,
.competition .top h5,
.competition .top22 h1,
.competition .top22 h2,
.competition .top22 h3,
.competition .top22 h4,
.competition .top22 h5,
.competition .bottom h1,
.competition .bottom h2,
.competition .bottom h3 {
  color: #D99A5C !important;
  opacity: 1 !important;
}

.competition .bottom p,
.competition .bottom li,
.competition .bottom span {
  color: #FFF8ED !important;
  opacity: 1 !important;
}

.competition .bottom strong {
  color: #D99A5C !important;
}

@media (max-width: 900px) {
  .new-high-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px !important;
  }

  .old-board-heading + .highs-container.executives {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px !important;
  }
}

@media (max-width: 550px) {
  .new-high-board,
  .old-board-heading + .highs-container.executives {
    grid-template-columns: 1fr;
    gap: 25px !important;
  }
}


/* FINAL CORRECTED BOARD + COMPETITION STYLES */

.old-board-heading + .highs-container.executives {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 35px !important;
  margin-bottom: 40px !important;
}

.old-board-heading + .highs-container.executives .profile-card {
  margin: 0 !important;
}

.competition .top h5 {
  color: #D99A5C !important;
}

.competition .top22 h5 {
  color: #D99A5C !important;
}

.competition .bottom h1,
.competition .bottom h2,
.competition .bottom h3 {
  color: #D99A5C !important;
}

.competition .bottom p,
.competition .bottom li {
  color: #F2E6D5 !important;
}

.competition .bottom strong {
  color: #D99A5C !important;
}

@media (max-width: 900px) {
  .old-board-heading + .highs-container.executives {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px !important;
  }
}




@media (max-width: 550px) {
  .old-board-heading + .highs-container.executives {
    grid-template-columns: 1fr;
    gap: 25px !important;
  }
}
/* High Board captions */
.highs-container.new-high-board .profile-card caption {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #D99A5C !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-top: 12px !important;
    position: relative !important;
    z-index: 10 !important;
}
/* Final 2026 UI additions */
.home-facilities,.impact-board,.about-stats,.resources-section,.research-page{max-width:1380px;margin:55px auto;padding:0 5vw;box-sizing:border-box}.home-facilities h2,.resources-section h2{color:#f2c27c;font-size:clamp(30px,4vw,48px);margin:8px 0 28px;text-align:center}.section-kicker,.research-kicker{display:block;text-align:center;text-transform:uppercase;letter-spacing:2px;color:#d99a5c;font-weight:700}.facility-grid,.resources-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.facility-card,.resource-part{background:linear-gradient(145deg,rgba(74,45,25,.98),rgba(56,35,19,.98));border:1px solid rgba(217,154,92,.28);border-radius:18px;padding:28px;box-shadow:0 12px 35px rgba(0,0,0,.22);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.facility-card:hover,.resource-part:hover{transform:translateY(-7px);border-color:#d99a5c;box-shadow:0 18px 45px rgba(0,0,0,.35)}.facility-icon{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:#d99a5c;color:#382313;font-weight:800;margin-bottom:15px}.facility-card h3,.resource-part h3{color:#f8e7cf;margin:8px 0 12px;font-size:21px}.facility-card p,.resource-part p{color:#e8d5bd;line-height:1.7;margin:0}.impact-board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.impact-board>div,.about-stats>div{background:#4a2d19;border:1px solid rgba(217,154,92,.3);border-radius:16px;padding:24px;text-align:center}.impact-board strong,.about-stats strong{display:block;color:#f2c27c;font-size:38px}.impact-board span,.about-stats span{display:block;color:#e8d5bd;margin-top:5px}.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-part>span{color:#d99a5c;font-weight:800;letter-spacing:1px}.resource-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.resource-buttons a,.publication-button{display:inline-block;padding:11px 16px;border-radius:10px;background:#d99a5c;color:#382313;text-decoration:none;font-weight:800}.resource-buttons a:hover,.publication-button:hover{filter:brightness(1.08)}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}.research-page{min-height:65vh;padding-top:80px}.research-page h1{text-align:center;color:#f2c27c;font-size:clamp(36px,5vw,62px);margin:10px 0}.research-intro{max-width:800px;margin:0 auto 38px;text-align:center;color:#e8d5bd;line-height:1.8;font-size:18px}.publication-card{max-width:1050px;margin:auto;display:grid;grid-template-columns:38% 62%;overflow:hidden;border-radius:22px;background:#4a2d19;border:1px solid rgba(217,154,92,.35);box-shadow:0 20px 60px rgba(0,0,0,.3)}.publication-image{min-height:330px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6b4022,#382313);color:#f2c27c;font-size:24px;font-weight:800}.publication-content{padding:38px}.publication-tag{color:#d99a5c;text-transform:uppercase;letter-spacing:1.5px;font-weight:800}.publication-content h2{color:#f8e7cf;font-size:32px;margin:12px 0}.publication-content p{color:#e8d5bd;line-height:1.75}.publication-author{font-weight:700}.publication-button{margin-top:12px}.old-board-heading,.supervisor-heading{margin-top:55px!important;margin-bottom:25px!important}.new-high-board .board-name{color:#f8e7cf!important;font-weight:800;font-size:20px;margin:10px 0}.new-high-board caption{display:block;color:#d99a5c;font-weight:800;margin-top:12px}.executives{gap:30px!important}@media(max-width:900px){.facility-grid,.about-stats{grid-template-columns:repeat(2,1fr)}.impact-board{grid-template-columns:1fr}.resources-grid{grid-template-columns:1fr}.publication-card{grid-template-columns:1fr}}@media(max-width:560px) {

  .facility-grid {
    grid-template-columns: 2fr;
  }
 
 .impact-board span , .about-stats span {
    font-size: 12px;
  }
  .impact-board strong, .about-stats strong {
    font-size: 15px;
  }
  .home-facilities,
  .impact-board,
  .about-stats,
  .resources-section,
  .research-page {
    padding-left: 1px;
    padding-right: 1px;
  }

  .publication-content {
    padding: 25px;
  }
}
/* FINAL BOARD + RESOURCES POLISH */
.highs-container .profile-card {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  min-height:420px;
  overflow:hidden;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.highs-container .profile-card:hover {
  transform:translateY(-8px);
}
.highs-container .profile-card .label { order:1; }
.highs-container .profile-card .image { order:2; width:100%; display:flex; justify-content:center; margin:14px 0 0; }
.highs-container .profile-card p { order:3; margin:16px 10px 4px !important; color:#f4eadf !important; font-size:20px !important; font-weight:800 !important; line-height:1.3; }
.highs-container .profile-card caption { order:4; display:block !important; position:static !important; margin:4px 0 18px !important; color:#d99a5c !important; font-size:14px !important; font-weight:800 !important; background:transparent !important; opacity:1 !important; }
.highs-container .profile-card .profile-card-image {
  width: 240px !important;
  height: 240px !important;
  object-fit: cover;
  border-radius: 50% !important;
  display: block;
  border: 3px solid rgba(217,154,92,.55);
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
  transition: border-radius 0.5s ease, transform 0.5s ease;
}.new-high-board .profile-card .board-name { order:3; margin:16px 10px 4px !important; color:#f8e7cf !important; }
.new-high-board .profile-card caption { order:4; }
.new-high-board .profile-card .label { color:#d99a5c !important; }
.old-board-heading + .highs-container.executives { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:34px !important; margin-top:10px; }
.old-board-heading + .highs-container.executives .profile-card { min-height:410px; }
.old-board-heading + .highs-container.executives .profile-card p { color:#f4eadf !important; }
.old-board-heading + .highs-container.executives .profile-card caption { color:#d99a5c !important; }
.resources-grid { display:grid !important; grid-template-columns:1fr !important; gap:26px !important; }
.resource-part { width:100%; box-sizing:border-box; min-height:180px; }
.resource-part h3 { font-size:25px !important; }
.resource-part p { max-width:900px; }
.resource-buttons { display:flex !important; gap:14px !important; flex-wrap:wrap !important; margin-top:22px !important; }
.resource-buttons a { transition:transform .25s ease, box-shadow .25s ease, filter .25s ease; }
.resource-buttons a:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.25); }
@media (max-width:1000px) {
  .old-board-heading + .highs-container.executives { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  .old-board-heading + .highs-container.executives { grid-template-columns:1fr; gap:24px !important; }
  .highs-container .profile-card { min-height:390px; }
  .highs-container .profile-card .profile-card-image { width:155px !important; height:155px !important; }
  .resource-buttons a { width:100%; text-align:center; box-sizing:border-box; }
}

/* ===== FINAL DESIGN REFINEMENT — HOME / ABOUT / CAMPAIGNS ===== */

/* Home: restore a clean, intentional grid and prevent sections from collapsing into each other. */
.home {
  width:100%;
  max-width:1440px;
  margin:0 auto;
  min-height:auto;
  padding:145px 6vw 55px;
  display:block;
  box-sizing:border-box;
}
.home > .top {
  max-width:820px;
  margin:0 auto 25px 0;
}
.home .top h1 { margin:0 0 16px; line-height:1.08; }
.home .top .desc { margin:0; max-width:760px; line-height:1.6; }
.home .hire { margin-top:26px; }
.home .hire button { cursor:pointer; transition:transform .25s ease, box-shadow .25s ease; }
.home .hire button:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,.25); }
.home-facilities { margin-top:60px !important; }
.home-facilities h2 { text-align:left !important; margin-bottom:26px !important; }
.facility-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:22px !important; }
.facility-card { min-height:250px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:flex-start; }
.facility-card h3 { line-height:1.3; }
.facility-card p { margin-top:auto !important; }
.impact-board { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px !important; }
.impact-board > div { transition:transform .3s ease, border-color .3s ease; }
.impact-board > div:hover { transform:translateY(-5px); border-color:#d99a5c; }

/* About: professional club-focused layout, consistent with the dark geology template. */
.about-modern {
  background:#2b1a10 !important;
  color:#f7eadb !important;
  padding:145px 6vw 70px !important;
  min-height:100vh;
  box-sizing:border-box;
}
.about-modern .about-hero { max-width:1120px; margin:0 auto; text-align:center; }
.about-kicker { color:#d99a5c !important; text-transform:uppercase; letter-spacing:2.5px; font-size:14px; font-weight:800; }
.about-hero h1 { color:#f2b36f !important; font-size:clamp(42px,6vw,72px); margin:12px 0 14px; line-height:1; }
.about-hero > p { max-width:820px; margin:0 auto; color:#f1dfca !important; font-size:19px; line-height:1.7; }
.about-modern .about-stats { max-width:1120px; margin:42px auto 0 !important; padding:0 !important; grid-template-columns:repeat(4,minmax(0,1fr)); }
.about-modern .about-stats > div { background:linear-gradient(145deg,#4b2c19,#392116) !important; border:1px solid rgba(217,154,92,.35); box-shadow:0 12px 30px rgba(0,0,0,.2); }
.about-modern .about-stats strong { color:#f2b36f !important; }
.about-modern .about-stats span { color:#f3e4d3 !important; }
.about-story-grid { max-width:1120px; margin:55px auto 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.about-card { position:relative; padding:30px; border:1px solid rgba(217,154,92,.22); border-radius:18px; background:linear-gradient(145deg,rgba(72,43,24,.96),rgba(48,29,17,.96)); box-shadow:0 14px 35px rgba(0,0,0,.2); transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.about-card:hover { transform:translateY(-6px); border-color:rgba(217,154,92,.65); box-shadow:0 20px 45px rgba(0,0,0,.32); }
.about-card-wide { grid-column:1/-1; }
.about-card-number { color:#d99a5c; font-weight:900; letter-spacing:1px; }
.about-card h2 { color:#f2b36f !important; margin:8px 0 14px; font-size:27px; }
.about-card p { color:#f3e4d3 !important; line-height:1.75; font-size:17px; margin:8px 0; }
.about-values { max-width:1120px; margin:55px auto 0; padding:38px; text-align:center; border-radius:20px; background:linear-gradient(135deg,#392116,#4b2c19); border:1px solid rgba(217,154,92,.28); }
.about-values h2 { color:#f8e7cf !important; margin:12px 0; font-size:clamp(24px,3vw,38px); }
.about-values p { color:#ead9c6 !important; max-width:820px; margin:0 auto; line-height:1.75; }
.about-location { max-width:1120px; margin:25px auto 0; padding:25px 30px; border-left:3px solid #d99a5c; background:rgba(74,45,25,.55); }
.about-location h2 { color:#d99a5c !important; margin:0 0 8px; }
.about-location p { color:#f0dfcc !important; margin:5px 0; }

/* Campaigns page: restore the original lighter presentation instead of the accidental dark override. */
.petrology {
  min-height:100vh;
  padding-top:0 !important;
  background:#f6efe5 !important;
  color:#382313 !important;
}
.petrology .top {
  min-height:330px;
  box-sizing:border-box;
  padding:145px 7vw 55px !important;
  background:#efe3d4 !important;
  background-image:none !important;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
}
.petrology .top h5 {
  color:#9a5b2f !important;
  font-size:clamp(34px,5vw,58px) !important;
  font-family:Josefin Sans,sans-serif !important;
  margin:0;
  opacity:1 !important;
}
.petrology .bottom {
  background:#fffaf3 !important;
  background-image:none !important;
  color:#382313 !important;
  padding:65px 8vw 80px !important;
  min-height:420px;
}
.petrology .bottom h1 { color:#9a5b2f !important; font-size:38px; margin:0 0 20px; }
.petrology .bottom p { color:#382313 !important; font-size:19px; line-height:1.75; max-width:1000px; }

/* Keep the existing competition page's original lighter readability rather than the later dark override. */
.competition {
  background:#f6efe5 !important;
  color:#382313 !important;
}
.competition .top,
.competition .top22 { background:#efe3d4 !important; }
.competition .top h1,
.competition .top h2,
.competition .top h3,
.competition .top h4,
.competition .top h5,
.competition .top22 h1,
.competition .top22 h2,
.competition .top22 h3,
.competition .top22 h4,
.competition .top22 h5 { color:#9a5b2f !important; }
.competition .bottom { background:#fffaf3 !important; color:#382313 !important; }
.competition .bottom h1,
.competition .bottom h2,
.competition .bottom h3 { color:#9a5b2f !important; }
.competition .bottom p,
.competition .bottom li,
.competition .bottom span { color:#382313 !important; }
.competition .bottom strong { color:#9a5b2f !important; }

@media (max-width:1000px) {
  .facility-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .about-modern .about-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:650px) {
  .home { padding:115px 20px 45px; }
  .facility-grid,.about-story-grid { grid-template-columns:1fr !important; }
  .about-card-wide { grid-column:auto; }
  .about-modern { padding:115px 20px 50px !important; }
  .about-modern .about-stats {
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
  }
 
  .about-modern .about-stats strong {
    font-size: 20px !important;
  }

  .about-modern .about-stats span {
    font-size: 10px !important;
  }

  .about-card { padding:24px; }
  .about-values { padding:28px 20px; }
  .petrology .top { min-height:260px; padding:115px 20px 40px !important; }
  .petrology .bottom { padding:45px 20px 60px !important; }
}

/* =========================================================
   FINAL POLISH — DARK CAMPAIGNS & COMPETITION
   ========================================================= */
.competition,
.petrology,
.campains {
  background: var(--site-brown, #382313) !important;
  color: #fff8ed !important;
}

.competition .top,
.petrology .top,
.campains .top {
  background: linear-gradient(135deg, #382313 0%, #4a2d19 55%, #382313 100%) !important;
  color: #fff8ed !important;
  border-bottom: 1px solid #6b4022 !important;
}

.competition .top h5,
.petrology .top h5,
.campains .top h5 {
  color: #dda264 !important;
  text-shadow: none !important;
}

.competition .top22 {
  background: #6b4022 !important;
  color: #fff8ed !important;
  border: 1px solid #c4874f !important;
}

.competition .top22 h5,
.competition .bottom h1,
.competition .bottom h2,
.competition .bottom h3,
.petrology .bottom h1,
.petrology .bottom h2,
.petrology .bottom h3,
.campains .bottom h1,
.campains .bottom h2,
.campains .bottom h3 {
  color: #dda264 !important;
}

.competition .bottom,
.petrology .bottom,
.campains .bottom {
  background: #382313 !important;
  color: #fff8ed !important;
}

.competition .bottom p,
.competition .bottom li,
.competition .bottom strong,
.petrology .bottom p,
.petrology .bottom li,
.petrology .bottom strong,
.campains .bottom p,
.campains .bottom li,
.campains .bottom strong {
  color: #f7ead7 !important;
}

.competition .bottom strong,
.petrology .bottom strong,
.campains .bottom strong {
  color: #dda264 !important;
}

/* Board names stay directly below the photographs. */
.new-high-board .profile-card,
.executives .profile-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.new-high-board .profile-card .image,
.executives .profile-card .image {
  order: 2 !important;
}

.new-high-board .profile-card .board-name,
.executives .profile-card .board-name {
  order: 3 !important;
  margin: 14px 0 4px !important;
  color: #fff8ed !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.new-high-board .profile-card caption,
.executives .profile-card caption {
  order: 4 !important;
  color: #dda264 !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  text-align: center !important;
}


/* =========================================
   HIGH BOARD — ORIGINAL CIRCLE TO SQUARE
   ========================================= */

.new-high-board .profile-card .profile-card-image:hover {
  border-radius: 16px !important;
  transform: scale(1.05);
}


/* =========================================================
   FINAL BOARD DESIGN
   High Board + Old Board + Supervisor
   Circle -> Rounded Square on Hover
   ========================================================= */

/* ---------- Common Board Layout ---------- */

.new-high-board,
.old-board-heading + .highs-container.executives,
.supervisor-heading + .highs-container.executives {
    display: grid !important;
    align-items: start !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* High Board */
.new-high-board {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 34px !important;
    width: 100% !important;
    max-width: 1250px !important;
    margin: 25px auto 70px !important;
    padding: 0 !important;
}

/* Old Board */
.old-board-heading + .highs-container.executives {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 34px !important;
    width: 100% !important;
    max-width: 1250px !important;
    margin: 25px auto 70px !important;
    padding: 0 !important;
}

/* Supervisor */
.supervisor-heading + .highs-container.executives {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 1250px !important;
    margin: 30px auto 70px !important;
    padding: 0 !important;
}


/* =========================================================
   REMOVE THE OLD RECTANGULAR CARD BACKGROUNDS
   ========================================================= */

.new-high-board .profile-card,
.old-board-heading + .highs-container.executives .profile-card,
.supervisor-heading + .highs-container.executives .profile-card {

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    min-height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   YEAR / BOARD LABEL
   ========================================================= */

.new-high-board .profile-card .label,
.old-board-heading + .highs-container.executives .profile-card .label,
.supervisor-heading + .highs-container.executives .profile-card .label {

    order: 1 !important;

    width: 100% !important;

    margin: 0 0 14px !important;

    text-align: center !important;

    color: #dda264 !important;

    font-size: 17px !important;
    font-weight: 800 !important;

    letter-spacing: .4px !important;
}


/* =========================================================
   PHOTO CONTAINER
   ========================================================= */

.new-high-board .profile-card .image,
.old-board-heading + .highs-container.executives .profile-card .image,
.supervisor-heading + .highs-container.executives .profile-card .image {

    order: 2 !important;

    width: 240px !important;
    height: 240px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* =========================================================
   ALL BOARD PHOTOS
   ========================================================= */

.new-high-board .profile-card .profile-card-image,
.old-board-heading + .highs-container.executives .profile-card .profile-card-image,
.supervisor-heading + .highs-container.executives .profile-card .profile-card-image {

    width: 240px !important;
    height: 240px !important;

    display: block !important;

    object-fit: cover !important;

    border-radius: 50% !important;

    border: 3px solid rgba(217,154,92,.55) !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.35) !important;

    transition:
        border-radius .55s ease,
        transform .55s ease,
        box-shadow .55s ease !important;
}


/* =========================================================
   CIRCLE -> ROUNDED SQUARE
   ========================================================= */

.new-high-board .profile-card .profile-card-image:hover,
.old-board-heading + .highs-container.executives .profile-card .profile-card-image:hover,
.supervisor-heading + .highs-container.executives .profile-card .profile-card-image:hover {

    border-radius: 16px !important;

    transform: scale(1.05) !important;

    box-shadow:
        0 18px 40px rgba(0,0,0,.45) !important;
}


/* =========================================================
   MEMBER NAME
   ========================================================= */

.new-high-board .profile-card .board-name,
.old-board-heading + .highs-container.executives .profile-card .board-name {

    order: 3 !important;

    margin: 18px 0 5px !important;

    color: #fff8ed !important;

    font-size: 20px !important;
    font-weight: 800 !important;

    line-height: 1.3 !important;

    text-align: center !important;
}


/* =========================================================
   POSITION
   ========================================================= */

.new-high-board .profile-card caption,
.old-board-heading + .highs-container.executives .profile-card caption {

    order: 4 !important;

    display: block !important;

    position: static !important;

    margin: 3px 0 0 !important;

    color: #dda264 !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    text-align: center !important;

    background: transparent !important;

    opacity: 1 !important;

    visibility: visible !important;
}


/* =========================================================
   SUPERVISOR
   ========================================================= */

/*
   The supervisor previously had the description ABOVE
   the photograph. We intentionally put the photograph
   first, then the name/details underneath.
*/

.supervisor-heading + .highs-container.executives .profile-card {
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* Supervisor photo comes first */
.supervisor-heading + .highs-container.executives .profile-card .image {
    order: 2 !important;
}


/* Supervisor description/name */
.supervisor-heading + .highs-container.executives .profile-card > p {

    order: 3 !important;

    max-width: 650px !important;

    margin: 20px auto 0 !important;

    color: #fff8ed !important;

    font-size: 18px !important;

    font-weight: 700 !important;

    line-height: 1.6 !important;

    text-align: center !important;
}


/* =========================================================
   OLD BOARD / HIGH BOARD HEADINGS
   ========================================================= */

.old-board-heading,
.supervisor-heading {
    max-width: 1250px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.old-board-heading {
    margin-top: 60px !important;
    margin-bottom: 25px !important;
}

.supervisor-heading {
    margin-top: 70px !important;
    margin-bottom: 25px !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {

    .new-high-board {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .old-board-heading + .highs-container.executives {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}


@media (max-width: 650px) {

    .new-high-board,
    .old-board-heading + .highs-container.executives {

        grid-template-columns: 1fr !important;

        gap: 45px !important;
    }

    .new-high-board .profile-card .image,
    .old-board-heading + .highs-container.executives .profile-card .image,
    .supervisor-heading + .highs-container.executives .profile-card .image {

        width: 210px !important;
        height: 210px !important;
    }

    .new-high-board .profile-card .profile-card-image,
    .old-board-heading + .highs-container.executives .profile-card .profile-card-image,
    .supervisor-heading + .highs-container.executives .profile-card .profile-card-image {

        width: 210px !important;
        height: 210px !important;
    }

}


/* =========================================================
   FINAL HOVER POLISH
   ========================================================= */

.new-high-board .profile-card:hover .board-name,
.old-board-heading + .highs-container.executives .profile-card:hover .board-name {

    color: #dda264 !important;

    transition: color .3s ease;
}

.new-high-board .profile-card,
.old-board-heading + .highs-container.executives .profile-card,
.supervisor-heading + .highs-container.executives .profile-card {

    transition: transform .3s ease !important;
}

.new-high-board .profile-card:hover,
.old-board-heading + .highs-container.executives .profile-card:hover,
.supervisor-heading + .highs-container.executives .profile-card:hover {

    transform: translateY(-5px) !important;
}


.new-high-board .profile-card caption,
.old-board-heading + .highs-container.executives .profile-card caption {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;

    margin-top: 5px !important;

    color: #dda264 !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    text-align: center !important;
}

/* =========================================================
   FINAL BOARD + RESEARCH IMAGE FIX
   ========================================================= */

.new-high-board .profile-card,
.old-board-heading + .highs-container.executives .profile-card {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
}

.new-high-board .profile-card .label,
.old-board-heading + .highs-container.executives .profile-card .label {
  order:1 !important;
  display:block !important;
  margin-bottom:14px !important;
  color:#dda264 !important;
}

.new-high-board .profile-card .image,
.old-board-heading + .highs-container.executives .profile-card .image {
  order:2 !important;
  width:240px !important;
  height:240px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.new-high-board .profile-card .profile-card-image,
.old-board-heading + .highs-container.executives .profile-card .profile-card-image {
  width:240px !important;
  height:240px !important;
  object-fit:cover !important;
  border-radius:50% !important;
  border:3px solid rgba(217,154,92,.55) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.35) !important;
  transition:border-radius .55s ease,transform .55s ease,box-shadow .55s ease !important;
}

.new-high-board .profile-card .profile-card-image:hover,
.old-board-heading + .highs-container.executives .profile-card .profile-card-image:hover {
  border-radius:16px !important;
  transform:scale(1.05) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.45) !important;
}

.new-high-board .profile-card .board-name,
.old-board-heading + .highs-container.executives .profile-card .board-name {
  order:3 !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  margin:18px 0 4px !important;
  color:#fff8ed !important;
  font-size:20px !important;
  font-weight:800 !important;
  text-align:center !important;
}

.new-high-board .profile-card .board-role,
.old-board-heading + .highs-container.executives .profile-card .board-role {
  order:4 !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  margin:4px 0 0 !important;
  color:#dda264 !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  text-align:center !important;
}

/* Supervisor: photo first, then name and department */
.supervisor-container {
  display:grid !important;
  grid-template-columns:1fr !important;
  justify-items:center !important;
  width:100% !important;
  max-width:900px !important;
  margin:30px auto 70px !important;
}

.supervisor-container .supervisor-card {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.supervisor-container .label { order:1 !important; margin-bottom:14px !important; color:#dda264 !important; }
.supervisor-container .image { order:2 !important; width:240px !important; height:240px !important; }
.supervisor-container .supervisor-photo {
  width:240px !important;
  height:240px !important;
  object-fit:cover !important;
  border-radius:50% !important;
  border:3px solid rgba(217,154,92,.55) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.35) !important;
  transition:border-radius .55s ease,transform .55s ease,box-shadow .55s ease !important;
}
.supervisor-container .supervisor-photo:hover {
  border-radius:16px !important;
  transform:scale(1.05) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.45) !important;
}
.supervisor-container .supervisor-name {
  order:3 !important;
  margin:18px 0 4px !important;
  color:#fff8ed !important;
  font-size:20px !important;
  font-weight:800 !important;
}
.supervisor-container .supervisor-role {
  order:4 !important;
  max-width:700px !important;
  margin:2px auto 0 !important;
  color:#fff8ed !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.6 !important;
}

/* Research publication image */
.publication-image {
  overflow:hidden !important;
  min-height:260px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#2b1b10 !important;
}
.publication-image img {
  display:block !important;
  width:100% !important;
  height:260px !important;
  object-fit:cover !important;
  transition:transform .45s ease,filter .45s ease !important;
}
.publication-card:hover .publication-image img {
  transform:scale(1.03) !important;
  filter:brightness(1.08) !important;
}

@media (max-width:900px){
  .new-high-board { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .old-board-heading + .highs-container.executives { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:550px){
  .new-high-board,
  .old-board-heading + .highs-container.executives { grid-template-columns:1fr !important; gap:40px !important; }
  .new-high-board .profile-card .image,
  .old-board-heading + .highs-container.executives .profile-card .image,
  .supervisor-container .image { width:210px !important; height:210px !important; }
  .new-high-board .profile-card .profile-card-image,
  .old-board-heading + .highs-container.executives .profile-card .profile-card-image,
  .supervisor-container .supervisor-photo { width:210px !important; height:210px !important; }
}
/* FINAL HOME OFFERS ALIGNMENT */

.home-offers-section {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 55px auto 45px !important;
    padding: 25px 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.home-offers-section h1,
.home-offers-section p,
.home-offers-tagline {
    width: 100% !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.home-offers-section h1 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

.home-offers-section .home-offers-tagline {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: #dda264 !important;
}



/* FINAL ESSENTIALS OF GEOLOGY BUTTON */

.home-curriculum-section {
    width: 100% !important;
    max-width: 1250px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.home-curriculum-section .top,
.home-curriculum-section .home-curriculum-intro {
    text-align: center !important;
}

.home-curriculum-section > a {
    display: block !important;
    width: 100% !important;
    margin: 20px auto 0 !important;
}

.home-curriculum-section .essentials-card {
    width: 100% !important;
    max-width: none !important;
    min-height: 110px !important;

    margin: 0 auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    box-sizing: border-box !important;
}

.home-curriculum-section .essentials-card .txt,
.home-curriculum-section .essentials-card .txt h1 {
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* =========================================================
   FINAL FIXES — HOME HERO / FACILITIES / MATERIALS NAVIGATION
   These rules intentionally come last so they override older
   conflicting rules in this stylesheet.
   ========================================================= */

/* Home hero: text on the left and the circular photo on the right. */
.home {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 1440px !important;
  min-height: 620px !important;
  margin: 0 auto !important;
  padding: 145px 6vw 70px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.home > .top {
  width: 54% !important;
  max-width: 760px !important;
  margin: 0 !important;
  text-align: left !important;
}

.home > .top h1 {
  margin: 0 0 22px !important;
  line-height: 1.08 !important;
  text-align: left !important;
}

.home > .top .desc {
  max-width: 760px !important;
  margin: 0 !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

.home > .top .hire {
  margin-top: 28px !important;
}

/* The hero photo is a sibling of .top, so it stays beside the text. */
.home > .home-hero-photo {
  position: absolute !important;
  top: 175px !important;
  right: 7vw !important;
  width: 300px !important;
  height: 300px !important;
  margin: 0 !important;
  padding: 9px !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #d99a5c, #6b4022) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.32), 0 0 0 1px rgba(217,154,92,.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
}

.home > .home-hero-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
  border: 4px solid #fff8ed !important;
  box-sizing: border-box !important;
}

/* Keep the rest of Home below the hero instead of beside it. */
.home > .home-curriculum-section {
  width: 100% !important;
  max-width: 1250px !important;
  margin: 55px auto 0 !important;
  clear: both !important;
}

/* Center the Essentials intro exactly as requested. */
.home-curriculum-section .top,
.home-curriculum-section .home-curriculum-intro {
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Learn, Research, Compete, and Build section. */
.home-facilities {
  width: 100% !important;
  max-width: 1380px !important;
  margin: 60px auto !important;
  padding: 0 5vw !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

.home-facilities .section-kicker,
.home-facilities h2 {
  text-align: center !important;
}

.home-facilities h2 {
  margin: 8px 0 28px !important;
}

.home-facilities .facility-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  text-align: left !important;
}

.home-facilities .facility-card {
  min-height: 250px !important;
  box-sizing: border-box !important;
}

/* Resources / Materials cards. */
.resources-section {
  text-align: center !important;
}

.resources-section > h2,
.resources-section > p {
  text-align: center !important;
}

.resources-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 26px !important;
}

.resource-buttons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

.resource-buttons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* Responsive Home hero. */
@media (max-width: 900px) {
  .home {
    min-height: auto !important;
    padding: 125px 5vw 55px !important;
    overflow: visible !important;
  }

  .home > .top {
    width: 58% !important;
  }

  .home > .home-hero-photo {
    width: 245px !important;
    height: 245px !important;
    right: 5vw !important;
    top: 160px !important;
  }

  .home-facilities .facility-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 650px) {
  .home {
    padding: 115px 20px 45px !important;
    text-align: center !important;
  }

  .home > .top {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .home > .top h1,
  .home > .top .desc {
    text-align: center !important;
  }

  .home > .home-hero-photo {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 240px !important;
    height: 240px !important;
    margin: 35px auto 0 !important;
  }

  .home > .home-curriculum-section {
    margin-top: 50px !important;
  }

  .home-facilities {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .home-facilities .facility-grid {
    grid-template-columns: 1fr !important;
  }

  .resource-buttons a {
    width: 100% !important;
  }
}
/* =========================================================
   MODERN TWO-COMPETITION PAGE
   ========================================================= */

.competition-modern {
  min-height: 100vh;
  padding: 150px 6vw 80px;
  background:
    radial-gradient(
      circle at top right,
      rgba(217, 154, 92, 0.12),
      transparent 35%
    ),
    #382313 !important;
  color: #fff8ed !important;
  box-sizing: border-box;
}

/* ---------- Competition Hero ---------- */

.competition-modern .competition-hero {
  max-width: 950px;
  margin: 0 auto 55px;
  text-align: center;
}

.competition-modern .competition-hero span {
  display: block;
  margin-bottom: 12px;
  color: #d99a5c;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.competition-modern .competition-hero h1 {
  margin: 0 0 18px;
  color: #f2c27c !important;
  font-size: clamp(42px, 6vw, 70px);
  line-height: 1.05;
}

.competition-modern .competition-hero p {
  max-width: 760px;
  margin: 0 auto;
  color: #f2e6d5 !important;
  font-size: 18px;
  line-height: 1.7;
}

/* ---------- Two Competition Cards ---------- */

.competition-modern .competition-grid {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}

/* ---------- Card ---------- */

.competition-modern .competition-card {
  overflow: hidden;

  background: linear-gradient(
    145deg,
    #4a2d19,
    #382313
  ) !important;

  border: 1px solid rgba(217, 154, 92, 0.35);
  border-radius: 20px;

  box-shadow:
    0 15px 40px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(217, 154, 92, 0.05);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.competition-modern .competition-card:hover {
  transform: translateY(-7px);

  border-color: rgba(217, 154, 92, 0.75);

  box-shadow:
    0 22px 50px rgba(0, 0, 0, 0.4),
    0 0 30px rgba(217, 154, 92, 0.08);
}

/* ---------- Card Image ---------- */

.competition-modern .competition-card-image {
  width: 100%;
  height: 280px;
  overflow: hidden;
  background: #2b190e;
}

.competition-modern .competition-card-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}

.competition-modern .competition-card:hover
.competition-card-image img {
  transform: scale(1.05);
  filter: brightness(1.08);
}

/* ---------- Card Content ---------- */

.competition-modern .competition-card-content {
  padding: 30px;
}

.competition-modern .competition-badge {
  display: inline-block;

  margin-bottom: 14px;
  padding: 7px 13px;

  border: 1px solid rgba(217, 154, 92, 0.45);
  border-radius: 999px;

  background: rgba(217, 154, 92, 0.12);

  color: #d99a5c !important;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.competition-modern .competition-card h2 {
  margin: 0 0 15px;

  color: #f2c27c !important;

  font-size: clamp(25px, 3vw, 34px);
  line-height: 1.2;
}

.competition-modern .competition-card p {
  margin: 0 0 22px;

  color: #f2e6d5 !important;

  font-size: 16px;
  line-height: 1.7;
}

/* ---------- Information ---------- */

.competition-modern .competition-card ul {
  display: flex;
  flex-direction: column;
  gap: 11px;

  margin: 0;
  padding: 0;

  list-style: none;
}

.competition-modern .competition-card li {
  padding: 11px 13px;

  background: rgba(255, 248, 237, 0.045);

  border-left: 3px solid #d99a5c;
  border-radius: 5px;

  color: #f2e6d5 !important;

  line-height: 1.5;
}

.competition-modern .competition-card li strong {
  color: #d99a5c !important;
}

/* ---------- Tablet ---------- */

@media (max-width: 900px) {
  .competition-modern {
    padding: 130px 5vw 65px;
  }

  .competition-modern .competition-grid {
    grid-template-columns: 1fr;
    max-width: 700px;
  }
}

/* ---------- Mobile ---------- */

@media (max-width: 600px) {
  .competition-modern {
    padding: 110px 20px 55px;
  }

  .competition-modern .competition-hero {
    margin-bottom: 38px;
  }

  .competition-modern .competition-hero h1 {
    font-size: 42px;
  }

  .competition-modern .competition-hero p {
    font-size: 16px;
  }

  .competition-modern .competition-card-image {
    height: 220px;
  }

  .competition-modern .competition-card-content {
    padding: 23px;
  }

  .competition-modern .competition-card h2 {
    font-size: 27px;
  }
}

/* ============================================================
   GEOLOGY AI PROFESSOR — CLUB THEME
   Added only for /ai-chat
   ============================================================ */
.ai-chat-modern {
  min-height: calc(100vh - 80px) !important;
  padding: 120px 4vw 55px !important;
  background:
    radial-gradient(circle at 15% 15%, rgba(217,154,92,.12), transparent 28%),
    radial-gradient(circle at 85% 80%, rgba(107,64,34,.16), transparent 32%),
    var(--geo-page, #f5ecdf) !important;
  color: var(--geo-text, #382313) !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
.ai-chat-shell {
  width: min(1180px, 100%);
  height: min(780px, calc(100vh - 175px));
  min-height: 620px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgba(255,248,237,.94);
  border: 1px solid rgba(107,64,34,.18);
  border-radius: 26px;
  box-shadow: 0 24px 70px rgba(56,35,19,.18), 0 0 0 1px rgba(217,154,92,.06);
  backdrop-filter: blur(10px);
}
.ai-chat-header {
  min-height: 82px;
  padding: 16px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: linear-gradient(135deg, #382313, #4a2d19);
  border-bottom: 1px solid rgba(217,154,92,.25);
}
.ai-chat-brand { display:flex; align-items:center; gap:13px; min-width:0; }
.ai-chat-back {
  width:38px; height:38px; display:grid; place-items:center; flex:0 0 auto;
  color:#fff8ed !important; text-decoration:none !important; border:1px solid rgba(255,248,237,.2);
  border-radius:11px; background:rgba(255,248,237,.07); font-size:23px; line-height:1;
}
.ai-chat-back:hover { background:rgba(217,154,92,.18); }
.ai-chat-logo { width:48px; height:48px; padding:3px; border-radius:50%; background:linear-gradient(145deg,#d99a5c,#6b4022); flex:0 0 auto; }
.ai-chat-logo img { width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; background:#fff8ed; }
.ai-chat-kicker { display:block; color:#d99a5c; font-size:10px; font-weight:900; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:4px; }
.ai-chat-header h1 { margin:0; color:#fff8ed !important; font-size:22px; line-height:1.15; }
.ai-chat-header-actions { display:flex; align-items:center; gap:12px; flex:0 0 auto; }
.ai-chat-status { color:#f2c27c; font-size:12px; font-weight:800; }
.ai-chat-clear { border:1px solid rgba(255,248,237,.18); border-radius:999px; padding:9px 14px; background:rgba(255,248,237,.06); color:#fff8ed; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.ai-chat-clear:hover:not(:disabled) { background:rgba(217,154,92,.18); }
.ai-chat-clear:disabled { opacity:.4; cursor:not-allowed; }
.ai-chat-body { flex:1; min-height:0; overflow-y:auto; padding:28px clamp(18px,4vw,46px); background:linear-gradient(180deg,rgba(255,248,237,.78),rgba(246,235,219,.92)); }
.ai-chat-welcome { max-width:850px; margin:20px auto 30px; text-align:center; }
.ai-chat-welcome-logo { width:92px; height:92px; margin:0 auto 18px; padding:5px; border-radius:50%; background:linear-gradient(145deg,#d99a5c,#6b4022); box-shadow:0 12px 32px rgba(56,35,19,.16); }
.ai-chat-welcome-logo img { width:100%; height:100%; object-fit:cover; border-radius:50%; border:4px solid #fff8ed; display:block; }
.ai-chat-welcome-kicker { color:#8a552f; font-size:11px; font-weight:900; letter-spacing:1.7px; }
.ai-chat-welcome h2 { margin:9px 0 10px; color:#382313 !important; font-size:clamp(28px,4vw,42px); }
.ai-chat-welcome p { max-width:680px; margin:0 auto; color:#705b4b !important; line-height:1.7; }
.ai-chat-suggestions { margin-top:24px; display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.ai-chat-suggestions button { padding:10px 14px; border:1px solid rgba(107,64,34,.18); border-radius:999px; background:#fff8ed; color:#5a3a25; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.ai-chat-suggestions button:hover { border-color:#d99a5c; transform:translateY(-1px); }
.ai-chat-messages { max-width:900px; margin:0 auto; display:flex; flex-direction:column; gap:14px; }
.ai-message-row { display:flex; align-items:flex-end; gap:10px; max-width:86%; }
.ai-message-row.is-user { margin-left:auto; flex-direction:row-reverse; }
.ai-message-avatar { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:#d99a5c; color:#382313; font-size:9px; font-weight:900; border:1px solid rgba(107,64,34,.18); }
.ai-message-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.ai-message-bubble { padding:13px 16px; border-radius:18px 18px 18px 5px; background:#fff; color:#382313; border:1px solid rgba(107,64,34,.1); box-shadow:0 5px 18px rgba(56,35,19,.06); white-space:pre-wrap; word-break:break-word; line-height:1.65; font-size:14px; }
.ai-message-row.is-user .ai-message-bubble { border-radius:18px 18px 5px 18px; background:#382313; color:#fff8ed; border-color:#382313; }
.ai-thinking { display:flex; gap:5px; align-items:center; padding:15px 18px; }
.ai-thinking span { width:7px; height:7px; border-radius:50%; background:#d99a5c; animation:aiDotPulse 1.2s infinite ease-in-out; }
.ai-thinking span:nth-child(2) { animation-delay:.18s; }
.ai-thinking span:nth-child(3) { animation-delay:.36s; }
@keyframes aiDotPulse { 0%,80%,100%{transform:scale(.65);opacity:.45} 40%{transform:scale(1);opacity:1} }
.ai-chat-composer-wrap { padding:14px clamp(16px,3vw,32px) 16px; background:#fff8ed; border-top:1px solid rgba(107,64,34,.12); }
.ai-chat-composer { max-width:900px; margin:0 auto; display:flex; align-items:center; gap:9px; padding:6px 7px 6px 18px; border:1px solid rgba(107,64,34,.18); border-radius:999px; background:#fff; box-shadow:0 8px 25px rgba(56,35,19,.06); }
.ai-chat-composer input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:#382313; font:inherit; font-size:14px; padding:11px 0; }
.ai-chat-composer input::placeholder { color:#9a8978; }
.ai-chat-composer button { min-width:72px; padding:11px 18px; border:0; border-radius:999px; background:#d99a5c; color:#382313; font:inherit; font-size:13px; font-weight:900; cursor:pointer; transition:.2s ease; }
.ai-chat-composer button:hover:not(:disabled) { background:#f2c27c; transform:translateY(-1px); }
.ai-chat-composer button:disabled { background:#c9b8a7; color:#fff8ed; cursor:not-allowed; }
.ai-chat-disclaimer { max-width:900px; margin:8px auto 0; color:#8a7766 !important; font-size:10px; text-align:center; line-height:1.5; }
@media (max-width:760px) {
  .ai-chat-modern { padding:100px 12px 30px !important; min-height:calc(100vh - 60px) !important; }
  .ai-chat-shell { height:calc(100vh - 130px); min-height:560px; border-radius:20px; }
  .ai-chat-header { padding:13px 14px; }
  .ai-chat-kicker { font-size:8px; }
  .ai-chat-header h1 { font-size:17px; }
  .ai-chat-logo { width:42px; height:42px; }
  .ai-chat-back { width:34px; height:34px; }
  .ai-chat-status { display:none; }
  .ai-chat-clear { padding:8px 10px; font-size:11px; }
  .ai-chat-body { padding:20px 12px; }
  .ai-chat-welcome { margin-top:12px; }
  .ai-chat-welcome-logo { width:74px; height:74px; }
  .ai-chat-welcome h2 { font-size:28px; }
  .ai-chat-suggestions { display:grid; grid-template-columns:1fr; }
  .ai-chat-suggestions button { width:100%; }
  .ai-message-row { max-width:94%; }
  .ai-chat-composer { padding-left:14px; }
  .ai-chat-composer button { min-width:60px; padding:10px 13px; }
}
.container-small .top > img{
  width:42px !important;
  height:42px !important;
  object-fit:contain;
  cursor:pointer;
  filter:sepia(1) saturate(4) hue-rotate(345deg) brightness(1.05);
}

/* =========================================================
   MOBILE FIX — ABOUT STATISTICS CARDS ONLY
   ========================================================= */
@media screen and (max-width: 650px) {
  .about-modern .about-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  .about-modern .about-stats > div {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px 3px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .about-modern .about-stats strong {
    display: block !important;
    font-size: 18px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center !important;
    margin: 0 !important;
  }

  .about-modern .about-stats span {
    display: block !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    margin-top: 6px !important;
  }
}