/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/



@-webkit-keyframes slideInFromLeft {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes slideInFromLeft {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  header {
    /* This section calls the slideInFromLeft animation we defined above */
    -webkit-animation: 1.5s ease-out 0s 1 slideInFromLeft;
    animation: 1.5s ease-out 0s 1 slideInFromLeft;
  
    background: #333;
  }
  /* ---------------------------- */
  .small-font {
    font-family: "Raleway", sans-serif;
    font-size: 1rem;
    color: white;
  }
  
  .large-font {
    font-family: "Raleway", sans-serif;
    font-size: 1.5rem;
  }
  html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color:#333333 ;
  }
  body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color:#333333 ;
    color: white;
    font-family: "Raleway", sans-serif;
    background: -o-linear-gradient(rgba(34, 36, 71, 0.582), rgba(0, 0, 0, 0.678)),
      url(../cherishimage/aboutUsBackground.jpg);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 36, 71, 0.582)), to(rgba(0, 0, 0, 0.3))),
      url(../cherishimage/aboutUsBackground.jpg);
    background: -o-linear-gradient(rgba(34, 36, 71, 0.582), rgba(0, 0, 0, 0.3)),
      url(../cherishimage/aboutUsBackground.jpg);
    background: linear-gradient(rgba(34, 36, 71, 0.582), rgba(0, 0, 0, 0.3)),
      url(../cherishimage/aboutUsBackground.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* ------background end--- */
  }
  /* -------------Header Section start-------- */
  header {
    width: 100%;
    min-height: 120%;
    /* -----background----- */
    background: transparent;
  }
  /* ---------- Main NAV BAR------- */
  
  .nav-bar {
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .nav-bar a {
    width: 50%;
  }
  .nav-bar a img {
    margin: 10px;
    width: 120px;
  }
  
  .hamburger {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .hamburger h1 {
    letter-spacing: 0.3rem;
    margin-right: 0.2rem;
    cursor: pointer;
  }
  .hamburger i {
    cursor: pointer;
  }
  .hamburger h1:hover {
    color: #ffc007;
  }
  
  .hamburger i:hover {
    color: #ffc007;
  }
  
  /* -------------main NAV END---------- */
  
  @media (max-width: 910px) {
    .bottom-col {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    #tag-line {
      text-align: center;
      /* margin-left: 30px;
          margin-bottom: 30px; */
  
      font-size: 2rem;
    }
    .sub-title {
      font-size: 0.5rem;
    }
  }
  
  /* ------------dropdown nav menus start------ */
  .nav-menu {
    /* margin: 0 auto;
          display: flex;
          justify-content: center;
          align-items: center; */
    width: 100%;
    top: -150vh;
    z-index: 25;
    position: fixed;
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(211, 208, 59, 0.5));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(211, 208, 59, 0.5)));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(211, 208, 59, 0.5));
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
  }
  #cross {
    position: absolute;
    right: 0;
    margin-top: 38px;
    margin-right: 67px;
    font-size: 1.8rem;
    cursor: pointer;
  }
  #cross:hover {
    color: #ffc007;
  }
  
  .nav-list {
    list-style: none;
    /* margin: 0 auto; */
    width: 90%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .nav-item {
    /* background:rgba(0,0,0,0.3) ; */
    list-style: none;
    margin: 0.7em 1em;
    padding: 0.5em;
    border-radius: 5%;
  }
  .nav-item:hover {
    background: rgba(0, 0, 0, 0.9);
    color: #ffc007;
  }
  
  .nav-link {
    /* color: gold; */
    text-decoration: none;
  }
  .nav-link:hover {
    color: #ffc007;
  }
  
  #nav-design {
    color: rgb(0, 0, 0);
    border: white solid 2px;
  
    /* background-color: white; */
  }
  /* ------------dropdown nav menus end------ */
  
  /* ---------MAIN SECTION--------------- */
  
  .banner {
      padding: 0;
    width: 90%;
    margin-top: 0px;
    margin-bottom: 230px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* ----------top-column------- */
  .top-col {
    width: 100%;
    margin-top: 0 auto;
    padding: 0;
  }
  
  .top-col h1 {
      text-align: center;
    /* margin-left: 30px; */
    margin-bottom: 40px;
    color: #ffc007;
    font-size: 3.5rem;
    text-shadow: black 1px 1px 5px, rgba(255, 255, 0, 0.658) 1px 1px 2px;
  }
  .banner-line {
    width: 100%;
    border-color: #ffc007;
    height: 1.2px;
    color: #ffc007;
    background-color: #ffc007;
  }
  /* -------top-column end--------- */
  /* -----------bottom-column----------- */
  /* .bottom-col {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
   */
  .sub-title {
    margin-right: 0;
    /* margin-left: 30px; */
    /* min-width: 280px; */
    font-size: 1rem;
    letter-spacing: 3px;
    /* border: solid; */
  }

  .mid-title{
    color: #ffc007;
    text-align: center;
  }
  
  
  /* .india {
    border: white solid 2px;
    border-radius: 5%;
    margin-left: 30px;
    margin-right: 15px;
    min-width: 112px;
    padding: 0.4em;
    color: #ffc007;
    letter-spacing: 7px;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, 0.3);
  } */
  /* .india a {
    text-decoration: none;
    color: #ffc007;
  }
  #ind-arr {
    color: white;
  }
  #ind-arr:hover {
    color: #ffc007;
  }
  .india:hover {
    border-color: #ffc007;
    background: rgba(0, 0, 0, 0.9);
  }
   */
  .international {
    border: white solid 2px;
    border-radius: 5%;
    color: #ffc007;
    margin-left: 15px;
    margin-right: 15px;
    letter-spacing: 7px;
    padding: 0.4em;
    min-width: 177px;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .international a {
    color: #ffc007;
    text-decoration: none;
  }
  
  #int-arr {
    color: white;
  }
  #int-arr:hover {
    color: #ffc007;
  }
  
  .international:hover {
    border-color: #ffc007;
    background: rgba(0, 0, 0, 0.9);
  }
  
  @media (max-width: 910px) {
    .top-col {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    .bottom-col {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    #tag-line {
      text-align: center;
      /* margin-left: 30px;
              margin-bottom: 30px; */
  
      font-size: 2rem;
    }
    .international {
      font-size: 0.69rem;
    }
    .india {
      font-size: 0.69rem;
    }
  }
  
  /* -------------bottom column end------------- */
  /* ----------header section end--------- */
  
  .line {
    margin: 0;
    width: 100%;
    height: 2.5px;
    background: -o-linear-gradient(right, #333333, #ffc007, #333333);
    background: -webkit-gradient(linear, right top, left top, from(#333333), color-stop(#ffc007), to(#333333));
    background: linear-gradient(to left, #333333, #ffc007, #333333);
  }
  /* -------------aboutus--------------- */
  .about-img{
      
    width: 150px;
    height: 150px;
    border-radius: 50%;
    /* border: 0.5px #ffc007 solid; */
    -webkit-box-shadow: rgb(32, 32, 32) 1px 1px 5px 5px ;
            box-shadow: rgb(32, 32, 32) 1px 1px 5px 5px ;

    -o-object-fit: cover;

       object-fit: cover;

  }
  .stars{
      color: #ffc007;
  }
  /* ----------cta section start------- */
  .cta1{
      padding: 10px;
     
      /* flex-direction: column; */
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#333333));
    background: -o-linear-gradient(#575757, #333333);
    background: linear-gradient(#575757, #333333);
  }

/* ------------------------------ */
  .cta {
    padding: 10px;
  
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    width: 100%;
  
    background: -o-linear-gradient(#333333, #111111);
  
    background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#111111));
  
    background: linear-gradient(#333333, #111111);
  }
  .cta a {
      text-decoration: none;
      color: #ffc007;
  }
  /* -------info----- */
  
  .info-title {
    z-index: 0;
    color: #ffc007;
    font-size: 1.2rem;
  }
  .info-email {
    margin: 10px 0px;
  }

  @media (max-width: 910px){
    .info{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .info-title {
        z-index: 0;
        color: #ffc007;
        font-size: 1 rem;
      }
      .info-email {
        margin: 0;
      }

  }
  /* --------info-end------- */
  
  .line2 {
    margin: 0;
    width: 2.5px;
    height: 40vh;
    background: -o-linear-gradient(#333333, #ffc007, #333333);
    background: -webkit-gradient(linear, left top, left bottom, from(#333333), color-stop(#ffc007), to(#333333));
    background: linear-gradient(#333333, #ffc007, #333333);
  }
  /* -----form start----- */
  .form {
    z-index: 0;
  }
  .form-title {
    position: relative;
  
    margin-top: 100px;
    color: #ffc007;
    font-size: 1.8rem;
  }
  
  .form-style {
    color: #ffc007;
    font-size: 14px;
    margin: 0 8px;
    letter-spacing: 4px;
    /* text-transform:lowercase; */
    font-weight: 700;
  }
  
  .form-field {
    background: none;
    -webkit-box-shadow: inset #ffc007 1px 1px 2px, white 1px 1px 2px;
    box-shadow: inset #ffc007 1px 1px 2px, white 1px 1px 2px;
    width: 100%;
    /* height: 30px; */
    margin: 0;
    margin-bottom: 3em;
    font-size: 1rem;
    color: white;
    padding: 2px;
  }
  
  .form-button {
    /* border: white solid 2px; */
    color: #ffc007;
    -webkit-box-shadow: inset #ffc007 1px 1px 2px, white 1px 1px 2px;
    box-shadow: inset #ffc007 1px 1px 2px, white 1px 1px 2px;
    letter-spacing: 7px;
    font-size: 1rem;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px;
    text-decoration: none;
    border-radius: 5%;
  }
  .form-button:hover {
    /* border-color:#ffc007  ; */
    color: white;
    background: rgba(0, 0, 0, 0.9);
  }
  
  #form-message-field {
    width: 100%;
    height: 90px;
    overflow: auto;
    /* word-break: break-all; */
  }
  
  @media (max-width: 910px) {
    .info {
      margin-top: 10%;
    }
    .cta {
      -webkit-box-orient: vertical;
  
      -webkit-box-direction: normal;
  
      -ms-flex-direction: column;
  
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .line2 {
      margin-top: 30px;
      width: 60%;
      height: 2.5px;
      background: -webkit-gradient(
        linear,
        right top,
        left top,
        from(#333333),
        color-stop(#ffc007),
        to( #333333)
      );
      background: -o-linear-gradient(right, #333333, #ffc007, #333333);
      background: linear-gradient(to left, #333333, #ffc007, #333333);
    }
    .form-title {
      position: relative;
  
      margin-top: 100px;
      color: #ffc007;
      font-size: 1.5rem;
    }
  }
  /* ------form end------- */
  /* /----------footer start------ */
  #footer {
    width: 100%;
    padding-top: 100px;
    background: -o-linear-gradient(#111111, #030303);
    background: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#030303));
    background: linear-gradient(#111111, #030303);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
  }
  .socialmedia {
    margin: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
  }
  .socialmedia-style {
    font-size: 1.5rem;
    /* color: white; */

  }
  a{
    text-decoration: none;
  }
  .socialmedia-icons {
    margin: 0 10px;
  
    /* color:#423e32; */
    /* text-shadow:  #ffc107b2 1px 1px; */
    cursor: pointer;
    color: white;
  }
  .socialmedia-icons:hover {
    color: #ffc007;
  }
  
  .copyright {
    font-size: 0.6rem;
    letter-spacing: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  #footer-cherish {
    color: #ffc007;
  }
  
  /* -------------------------INDEX PAGE END---------------------------- */
  .example {
display: -ms-grid;
display: grid;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
background: -o-linear-gradient(top, white, black);
background: linear-gradient(to bottom, white, black);
}

/* --------------------Gallery Section -_---------------- */

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* body{
  background:#333333; 
} */
header{
  width: 100%;
  min-height: 100%;
  /* -----background----- */
  /* background:-webkit-gradient(linear,left top, left bottom,from(#111111),to(#333333)); */
  /* background:-o-linear-gradient(#111111,#333333); */
  /* background:linear-gradient(#111111,#333333); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
  padding: 0;
  /* ------background end--- */
}
/* ----------------carousel---------- */
.carousel{
  width: 60%;
  height: 600px;
  margin: 0 auto;
  margin-top: 50px;
  position: relative;
}
.slider{
  width: 100%;
  /* border: solid; */
  position: relative;
}
.carousel-item{
  min-width: 100%;
  display: none;
  border-radius: 2%;
  
  /* border: #ffc007 solid 3px; */
  -webkit-box-shadow: black 5px 5px 5px ;
          box-shadow: black 5px 5px 5px ;
}

.active-item{
  display: block;
  -webkit-animation: fadevisi 2s;
          animation: fadevisi 2s;
}

.carousel-item img{
  width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2%
  
}

.carousel-nav{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  /* border:  solid; */
  -webkit-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
  
}
.carousel-nav:hover{
  opacity: 1;
}
.nav-btn{
  font-size: 2rem;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: rgba(0,0,0,0.3);
  margin: 10px;
  color: white;
  -webkit-box-shadow: black 2px 2px 2px ;
          box-shadow: black 2px 2px 2px ;
  border: none;

}
.nav-btn:hover{
  color:#ffc007
}
#tag{
  text-align: center;
  
}


@media(max-width:710px){
  .carousel-item img{
      height: 230px;
  }
  .carousel{
    width: 100%;
      height: 400px;
  }
 
  #tag{
      text-align: center;
      
  }
}


@-webkit-keyframes fadevisi{
  0% {
      opacity: 0;
    
    }
    100% {
      opacity: 1;
    }
   
  }


@keyframes fadevisi{
  0% {
      opacity: 0;
    
    }
    100% {
      opacity: 1;
    }
   
  }
/* --------------carousel end----------- */

/* ____________typography___________________ */
.text{
  width:80%;
  margin: 0 auto;
  padding: 0;
  font-family: 'Raleway', sans-serif;
  /* font-size: 0.5rem; */
  letter-spacing: 3px;
  text-align: center;
  /* margin-bottom: 80px; */


}
#tag{
  font-family: 'Raleway', sans-serif;
  color: #ffc007;
  font-size: 2.5rem;
  text-shadow: black 1px 1px 5px, rgba(255, 255, 0, 0.658) 1px 1px 2px;
}