*{
  padding: 0px;
  margin: 0px;
}

.index_article1{
  /* background-color: #040239; home-landing*/
  /* background-image: url(https://images.pexels.com/photos/8278688/pexels-photo-8278688.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);
  
  background-repeat: no-repeat;
  background-position:center;
  background-size: cover; */
  height: 100vh;
  color:white;
}
.hidden { display: none;}

.hiddena { display: block;}
.readmore { margin: 0 5px;} 
.index_article1>div{
  
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index_article1_a1 {
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  padding: 250px 50px 50px 50px;
}

.index_article1_a1 >div{
  /* text-align: center; */
}

.index_article1_a1 h1{
  font-size: 3.2em;
  font-weight: 400;
}

.index_article1_a1 p{
  font-size: 1.2em;
  font-weight: 200;
}

.index_article2 {
  background-color: #E4EBDD;
  padding-top: 50px;
  padding-bottom: 50px;
}

.index_article2_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.index_article2_container > div {
  height: 100%;
}

.index_article2 h2{
  color: #040239;
  font-weight: 800;
}

.index_article2 p {
  font-size: 1.2em;
}

.index_article2 h3 {
  font-size: 1.5em;
  font-weight: 600;
}

.index_article3 {
  background-color: #fafafa;
  padding-top: 100px;
  padding-bottom: 100px;
}

.featured_categories {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
 
}

.featured_categories > div{
  /* background-color: rgb(240, 222, 222); */
  background-color: #e4ebdd;

  /* height: 400px; */
  box-shadow: 0px 0px 16px -1px rgba(189,179,189,0.46);
}

.featured_categories .fc_img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.featured_categories .fc_info {
  padding: 15px;
  color: grey;
}

.featured_categories .fc_info > div {
  /* border: 1px solid black; */
}

.featured_categories .fc_details {
  /* background-color: rgb(66, 194, 55); */
  background-color: #AB6436;
  color: white;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  border-radius: 2px;
}

.our_packages {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}

.our_packages > div{
  background-color: #eeeeee;
  -webkit-box-shadow: 0px 10px 13px -7px #535353, 5px 5px 15px 5px rgba(0,0,0,0);
  box-shadow: 0px 0px 16px -1px rgba(189,179,189,0.46);
  display: flex; flex-direction: column; justify-content: space-between;
}

.our_packages .fc_img img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.our_packages .fc_info {
  padding: 15px;
  color: grey;
}

.testimonials {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}

.testimonials > div{
  height: 300px;
  background-color: white;
  padding: 20px;
  color: grey;
  -webkit-box-shadow: 2px 2px 13px -4px rgba(90, 90, 90, 0.75);
  -moz-box-shadow: 2px 2px 13px -4px rgb(61, 61, 60);
  box-shadow: 0px 0px 16px -1px rgba(189,179,189,0.46);
}

.index_article3 h2{
  font-size: 2.5em;
  font-weight: 800;
  color: #203F80;
}

.index_article3 h3{
  font-size: 1.6em;
  font-weight: 800;
  color: #203F80;
}

.index_article3 p{
  font-size: 1.2em;
  font-weight: 400;
  color:#02011d;
}

.index_article4 {
  background-color: white;
  padding-top: 50px;
  padding-bottom: 50px;
}

.btn {
  padding-left:5%;
  padding-right: 5%;
  border-radius: 0px;
}

.fs1{
    font-size: 3.8rem;
    font-weight: 600;
}

.fs2{
    font-size: 3rem;
}

.fs3{
    font-size: 2rem;
}
.fs4{
    font-size: 1.5rem;
}

.fs5 {

}

.fw6{
    font-weight: 200;
}

/*******************************SCROLLBAR**********************************/  
/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 0px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background:#010101;
    border-radius: 0px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #010101;
  }
  /*******************************SCROLLBAR**********************************/ 
  

/****************MEDIA QUERIES FOR ALL DEVICE SIZES*****************/
/* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) { }

/* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { }

/* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) {

  .index_article1_a1 {
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    padding: 50px 5px;
    margin-top:100px;
  }

  .index_article1_a1 >div{
    text-align: center;
  }

  .index_article1_a1 h1{
    font-size: 2em;
    font-weight: 600;
  }

  .index_article1_a1 p{
    font-size: 1.2em;
    font-weight: 600;
    font-family: normal;
  }

  .index_article2_container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }

  .index_article3 h2{
    font-size: 1.6em;
    font-weight: 800;
  }

  .index_article3 h3{
    font-size: 1.4em;
    font-weight: 700;
  }

  .index_article3 p{
    font-size: 1.0em;
    font-weight: 400;
  }

}

/* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */
@media (min-width: 320px) and (max-width: 480px) {


  .featured_categories {
    display: grid;
    grid-template-columns: 1fr;
    /* grid-gap: 20px; */
}
.our_packages {
  display: grid;
  grid-template-columns: 1fr;
  /* grid-gap: 20px; */
}


.testimonials {
  display: grid;
  grid-template-columns: 1fr;
  /* grid-gap: 20px; */
}

  .index_article1_a1 {
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    padding: 50px 5px;
    margin-top:100px;
  }

  .index_article1_a1 >div{
    text-align: center;
  }

  .index_article1_a1 h1{
    font-size: 1.8em;
    font-weight: 600;
  }

  .index_article1_a1 p{
    font-size: 1.2em;
    font-weight: 600;
    font-family: normal;
  }

  .index_article2_container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }

  .index_article3 {
    background-color: #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .index_article3 h2{
    font-size: 1.6em;
    font-weight: 800;
    /* color: white; */
  }

  .index_article3 h3{
    font-size: 1.4em;
    font-weight: 700;
  }

  .index_article3 p{
    font-size: 1.0em;
    font-weight: 400;
    /* color:#c2c2f0; */
  }

}
/****************MEDIA QUERIES FOR ALL DEVICE SIZES*****************/