.container_contact { max-width: 950px; background: #fff; border-radius: 10px; padding: 30px 40px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); margin: 40px auto; }
h3 { color: #004d26; font-weight: 600; }
.btn-success { background-color: #004d26; border: none; border-radius: 8px; font-weight: 500; font-size:15px;font-family: "Gordita", sans-serif; color:#FFFFFF; }
.btn-success:hover { background-color: #3dcfe0; color:#000000; }
.form-label{font-family: "Gordita", sans-serif; font-size:13px; font-weight:500; }
#msg { display: none; color: #007a33; font-weight: 500; transition: opacity 0.5s ease; }

@media (max-width: 768px) { .container { padding: 25px; } }
  .message {
    text-align: center;
    margin-top: 15px;
    font-weight: 600;
  } 
  .mend{
  color:#FF0000;
  font-size:16px;
  font-weight:900;
  }


.bg-image {
  background-image:url(img/mapback.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}

 .btn-custom {
    font-family: "Gordita", sans-serif;
	background-color:#003728;
	color:#FFFFFF;
    border-radius: 0;
    padding: 10px 25px;
    font-weight: 500;
    font-size: 14px;   
}

.btn-custom:hover {
    background-color: #3dcfe0;
	color:#000000;
}

.btn-custom i {
    font-size: 16px !important;    /*  Arrow icon size fixed */
    transition: 0.3s;
	vertical-align:middle;
	color:#FFFFFF !important;
}

.btn-custom:hover i {
    transform: translateX(4px);
	color:#000000 !important;
}


  /*--------------- top Image section --------------------- */
 .bg-zoom {
  width: 100vw;              /* full viewport width */
  height: 400px;
  background-image: url(img/KN-header-3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  overflow: hidden;
  transform-origin: center center;
  animation: zoomOut 8s ease-in-out forwards;

  /* important fix */
  will-change: transform;    /* optimize GPU rendering */
  backface-visibility: hidden;
}

@keyframes zoomOut {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}

/* Extra: stop page scrollbar flicker */
html, body {
  margin: 0;
  padding: 0;
}

 /*--------------- top Image section --------------------- */

.HeadingBox { 
  font-family: Butler;
    font-weight: 700;
	font-size:43px;
    letter-spacing: 0.02em;
	color:#333333;
	line-height: 1em;
}

.HeadingBox2 { 
    font-family: 'Gordita', Sans-serif;
    font-weight: 500;
	font-size:30px;
    letter-spacing: 0.02em;
	color:#333333;
	line-height: 1em;
}


.HeadingBar{
	  width:100px;margin:0 auto;height:3px;border-width:0;background-color:#3dcfe0;opacity:1
  		   }

.classLogo{
height:150px;
width:auto;
}

.mentor-name {
  background: #3dcfe0;
  padding: 3px 0;
  font-weight: 600;
  color: #000;
  font-family: 'Gordita', Sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}

.mentor-title {
  padding: 3px 0 1px;
  font-weight: 600;
  color:#333333;
  font-family: 'Gordita', Sans-serif;
  font-size: 16px;
}

.mentor-org {
 text-align: center;
    color: #414040;
    font-family: "Gordita", Sans-serif;
    font-size: 13px;
    font-weight: 500;
}

.info-row {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}
.info-row i {
    font-size: 34px;
    color: #3DCFE0;
	flex-shrink: 0;
}
.info-title {
	font-family: "Gordita", Sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 5px;
	color: #111;
}
.info-text {
	font-family: "Gordita", Sans-serif;
	font-weight:400;
	font-size:14px;

	color:#404040;
    line-height: 1.9;
}

.social-icons_contact i {
    font-size: 35px;
    margin-right: 15px;
	margin-left:5px;
    color: #064e3b;
    cursor: pointer;
}

.social-icons_contact i:hover {
	color:#3dcfe0;   
}

@media (max-width: 992px) {
.bg-zoom {
height:200px;
}
 .HeadingBox {
    font-size: 1.8rem;
  }
}

@media (max-width: 768px) {
.bg-zoom {
height:180px;
}
.HeadingBox {
    font-size: 40px;
    text-align: center;
}
}

@media (max-width: 480px) {
.bg-zoom {
height:150px;
}
  .HeadingBox {
    font-size: 2.3rem;
	line-height:40px;
  } 
}