@media (max-width: 991px) {
 html {
  font-size: 55%;
 }
}

@media (max-width: 450px) {
 html {
  font-size: 50%;
 }
}
/* -------------------------------------- SIDE HEADING ----------------------------------------------- */

.section-about,
.section-ceo,
.section-our-world,
.section-heart,
.section-footer {
 position: relative;
}


.section-about .side_text-about,
.section-ceo .side_text,
.section-our-world .side_text,
.section-heart .side_text,
.section-footer .side_text {

 color: #03030373;
 position: absolute;
 overflow: hidden;
 font-weight: bold;
 height: 100vh;
 position: absolute;
 right: 0%;
 top: 0%;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 transform: translatex(1rem);
}

.side_text-about h1,
.side_text h1 {
 transform: scale(-1);
 writing-mode: vertical-lr;
 text-align: center;
 font-size: 60px;
 font-weight: bold;
 text-transform: uppercase;
}

.section-ceo .side_text,
.section-heart .side_text,
.section-footer .side_text {
  color: rgba(255, 255, 255, 0.7);
}


@media (max-width: 768px) {

.section-about .side_text-about,
.section-ceo .side_text,
.section-our-world .side_text ,
.section-heart .side_text,
.section-footer .side_text {
  transform: translatex(0.8rem);
  /* height: 156vh; */
}

.side_text-about h1,
 .side_text h1 {
   font-size: 45px;
 }


}

@media (max-width: 468px) {

 .section-about .side_text-about,
 .section-ceo .side_text,
 .section-our-world .side_text ,
 .section-heart .side_text
,.section-footer .side_text {
  transform: translatex(0.3rem);
  /* height: 146vh; */
 }

 .side_text-about h1,
 .side_text h1 {
  font-size: 30px;
 }


}

/* -------------------------------------- SIDE HEADING ----------------------------------------------- */


/* -------------------------------------- ABOUT ----------------------------------------------------- */

        




/* -------------------------------------- ABOOUT--------------------------------------------------- */



/* -------------------------------------- MISSION ----------------------------------------------------- */

.container-mission1 {
 height: 100vh;
 display: flex;
 background: rgba(0, 0, 0, 0.7);
}

.mission-content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.row-heading1 {
 text-align: center;
}

.row-heading1 .column-n {
 text-align: center;

}

.column-n span {
  border-bottom: 1.5px solid #d7c080;
  color: #d7c080;
  font-size: 4rem;
  padding: 1rem 2rem;
  font-weight: bolder;
  display: inline-block;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.container-mission1 .row-sections-n {
 display: flex; 
 gap: 1rem; 
 text-align: center;
 flex-wrap: wrap;
}

.column-text-n {
 flex: 1;
 padding: 0 1rem;
 width: 100%;
}

.column-text-n h2 {
  border-bottom: 1.5px solid #d7c080;
   color: #d7c080;
   font-size: 2.8rem;
   padding: 1rem 0;
   font-weight: bolder;
   letter-spacing: 5px;
   text-transform: uppercase;
}

.column-text-n p {
  font-weight: 500;
   text-align: center;
 line-height: 1.8;
 font-size: 1.6rem;
 color: #fff;
 text-transform: capitalize;
}

@media (max-width: 991px) {
.mission-content {
 /* justify-content: space-between; */
}
.column-text-n p {
 line-height: 1.5;
 font-size: 1.5rem;
}
}

@media (max-width: 768px) {
 .mission-content {
  justify-content: center;
 }

 .mission-content span {
  font-size: 3rem;
  padding: 0rem 0.5rem;
  padding-top: 0.8rem;
 }
.container-mission1 .row-sections-n {
  display: block;
  gap: 0rem;
}
.column-text-n h2 {
 font-size: 2rem;
}
.column-text-n p {
 /* line-height: 1.4; */
  font-size: 1.2rem;
}
}

@media (max-width: 590px) {
 .mission-content span {
   font-size: 2rem;
   padding: 0rem 0.5rem;
}
.column-text-n h2 {
 font-size: 1.8rem;
}

.column-text-n p {
 line-height: normal;
 font-size: 1.2rem;
}
}


/* -------------------------------------- MISSION --------------------------------------------------- */

/* -------------------------------------- MENU ------------------------------------------------------- */

@media (max-width: 1140px) {
 .menu .left_menu ul li a {
  line-height: 55px;
 }
}

@media (max-width: 1010px) {
  .menu .left_menu .main_nav {
    padding-left: 10%;
   }
 .menu .left_menu ul li a {
  font-size: 30px;
  line-height: 50px;
 }
}

@media (max-width: 750px) {
 .menu .left_menu .main_nav {
  padding-left: 10%;
 }

 .menu .left_menu ul li a {
  font-size: 25px;
  line-height: 40px;
 }
}

/* -------------------------------------- MENU -------------------------------------------------------- */

/* -------------------------------------- CEO -------------------------------------------------------- */

.row2 {
 padding: 1rem;
}

.ceo-image {
 display: flex;
 justify-content: center;
}

 .ceo-image img {
  display: none;
  height: 20rem;
   width: 20rem;
   margin: auto;
 }


@media (max-width: 769px) {

 .ceo-image img {
  display: block;
 }

 
}


@media (max-width: 500px) {
 .row2 {
  padding: 0px 5px;
 }
.ceo-message {
 padding: 0px;
}
.ceo-message p {
 font-size: 9px;
 line-height: 11px;
}

.ceo-message h2 {
 padding-top: 0px;
}
  .ceo-image img {
   height: 17rem;
   width: 17rem;
  }
}







/* -------------------------------------- CEO -------------------------------------------------------- */

/* -------------------------------------- INITIATIVES ---------------------------------------------- */

.container-close-to-heart {
 height: 100vh;
 /* border: 2px solid red; */
}

.heart-column {
 /* border: 2px solid orange; */
}

.heart-column h2 {
 margin-top: 0px;
}

/* @media (max-width: 1000px) {
 .heart-column {
       width: 100%;
        padding-right: 0px;
        margin-bottom: 100px;
        margin-left: 0px;
  }
} */

footer {
 height: 100vh;
 overflow: hidden;
}


/* -------------------------------------- INITIATIVES ----------------------------------------------- */