@font-face {

  font-family: leaves And Ground;

  src: url(../Fonts/leaves_and_ground.ttf) format(truetype);

}











.grid-containerr {

  display: grid;

  /* grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); */

  grid-template-columns: repeat(auto-fill, minmax(31%, 0fr));

  gap: 30px;

  margin-top: 8rem;

  /* margin-left: 19rem; */

  align-items: stretch;

  width: 80%;

  margin: 8rem auto 0;

}



.grid-itemm {

  background-color: #303843;

  text-align: center;

  /* border: 1px solid red; */

}



.grid-itemm .text {

  /* border: 1px solid red; */

  color: #58595B;

  padding: 40px;

  text-transform: uppercase;

  text-align: center;

}



.right-content {

  flex: 1;

}



.right-content p {

  margin-top: 0;

  /* Remove top margin from paragraphs */

  color: white;

  text-align: center;

}





.grid-box {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 20px;

  /* Adjust gap as needed */

  font-style: normal;

  font-family: 'Avenir-Medium';

}



.grid-box-one,

.grid-box-two {

  /* background-color: #ffffff; */

  padding: 10px;

}





#new-code {

  /* color: red; */

  /* margin-top: 4rem; */

  width: 70%;

  /* background-color:  #f3f3f3; */

  max-width: 1500px;

  padding: 25px;

  margin: auto;

  /* border: 1px solid red; */

}



.new-code-inside {

  /* padding: 1rem; */

  /* width: 70%; */

  background-color: #ffffffc4;

}



#new-code p {

  border: 1px solid #f5822f !important;

  /* color: red; */

  /* text-align: justify; */

  padding: 2rem;

  background-color: #f3f3f3;

  margin-top: 4rem;

}



@media screen and (max-width: 599px) {

  #new-code {

    /* color: red; */

    /* margin-top: 4rem; */

    width: 100%;

    /* background-color:  #f3f3f3; */

    max-width: 1500px;

    padding: 15px;

    /* margin: auto;    */

    /* border: 1px solid red; */

  }



  .new-code-inside span {

    /* color: rebeccapurple; */

    margin-left: 1rem;

    padding: 1rem;

    /* font-size: 1rem; */

  }



  .grid-box-one,

  .grid-box-two {

    /* background-color: #ffffff; */

    padding: 0px;

  }



}





@media screen and (max-width: 800px) {

  .grid-box {

    display: grid;

    grid-template-columns: repeat(1, 1fr);

    gap: 20px;

    /* Adjust gap as needed */

    font-style: normal;

    font-family: 'Avenir-Medium';

  }



  .grid-containerr {

    margin-top: 20rem;

    margin-left: 0rem;

    padding: 1rem;

  }



  .new-code-inside span {

    /* color: rebeccapurple; */

    margin: 0;

    justify-content: center;

    text-align: center;

    padding: 0rem;

    /* font-size: 1rem; */

  }

}



@media screen and (max-width: 1400px) {

  .new-code-inside span {

    /* color: rebeccapurple; */

    /* margin: 14rem; */

    padding: 1rem;

    font-size: 1rem;

  }



  #new-code p {



    font-size: 14px;

  }



  .grid-containerr {





    /* justify-content: center; Horizontally center the grid items */

    /* align-items: start; Vertically center the grid items */

    align-items: stretch;

    /* Stretch items to match height */

  }



  #new-code {

    /* color: red; */

    /* margin-top: 4rem; */

    width: 100%;

    /* background-color: #f3f3f3; */

    max-width: 1500px;

    padding: 25px;

    margin: auto;

  }



  /*************  Style for About Us Page  ***************/



}





@media screen and (max-width: 1000px) {

  .new-code-inside span {

    /* color: rebeccapurple; */

    margin: 0rem;

    padding: 0 0rem;

    font-size: 1rem;

  }

}



.new-text {

  color: #f48738 !important;

  font-size: 24px;

  font-family: 'Avenir-Medium';

  letter-spacing: 2px;

  line-height: 32px;

  font-weight: 500;

  text-align: center;

  margin-left: 25rem;

}



#new-p {

  /* color: #2d2d2d; */

  font-size: 16px !important;

  line-height: 30px !important;

  font-style: normal !important;

  font-family: 'Avenir-Medium' !important;

}



#menu ul li .active {

  color: #000000;

  /* border-radius:30px; */

  transition: 0.3s;

}



#menu ul li ul li a {

  color: black;

}



#mobfont1 {

  font-family: 'Leaves and Ground', sans-serif;

  font-size: 30px;

}



#font1 {

  font-style: normal !important;

  font-family: 'Oranienbaum' !important;

  font-size: 35px;

}



#font3 {

  font-style: normal !important;

  font-family: 'Oranienbaum' !important;

  font-size: 35px;

}



#font4 {

  font-style: normal !important;

  font-family: 'Oranienbaum' !important;

  font-size: 35px;

}



#font5 {

  font-style: normal !important;

  font-family: 'Oranienbaum' !important;

  font-size: 35px;

}



#font6 {

  font-style: normal !important;

  font-family: 'Oranienbaum' !important;

  font-size: 35px;

}



#font7 {

  font-style: normal !important;

  font-family: 'Oranienbaum' !important;

  font-size: 35px;

  margin-top: 8%;

}



#font8 {

  font-style: normal !important;

  font-family: 'Oranienbaum' !important;

  font-size: 35px;

}



#font9 {

  font-style: normal !important;

  font-family: 'Oranienbaum' !important;

  font-size: 35px;

}



.font {

  font-style: normal !important;

  font-family: 'Oranienbaum' !important;

  color: white;

  text-align: center;

}





.font2 {

  font-style: normal !important;

  font-family: 'Oranienbaum' !important;

  color: black;

  text-align: center;

}



#fontlast {

  font-style: normal !important;

  font-family: 'Oranienbaum' !important;

  font-size: 35px;

}



.myfont {

  font-style: normal !important;

  font-family: 'Avenir-Medium' !important;

}



.gallery-thumb-bx h3.font2 {
  color: #fff;
}

@media screen and (max-width: 1500px) {



  #new-code p {



    font-size: 14px;

  }



  .corp-overly-sec {

    position: relative;

    padding: 10px 0px;

    /* margin: 8% 0; */

    /* border: 1px solid red; */

    /* margin: 3% 0; */

  }



  .enquire-sec {

    position: relative;

    margin-top: 7rem;

    /* padding: 0 130px 0 0; */

  }



  .grid-box {



    gap: 0px;

  }



  .corp-overly-content p {

    font-size: 14px;

    overflow: hidden;

    line-height: 24px;

    margin-bottom: 5px;

  }



  .corp-overly-content {

    position: relative;

    top: 48%;

    transform: translateY(-30%);

  }



  .grid-containerr {

    display: grid;

    /* grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); */

    grid-template-columns: repeat(auto-fill, minmax(32%, 0fr));

    gap: 20px;



    align-items: stretch;

  }



  #new-code {

    /* color: red; */

    /* margin-top: 4rem; */

    width: 90%;

    /* background-color: #f3f3f3; */

    max-width: 1500px;

    padding: 25px;

    margin: auto;

  }

}