/* import font from fonts.css file */

@import url(./fonts.css);


/* css variables */

@import url(./partials/variables.css);



/* start navigation */
.header_area .main-menu .navbar .nabar-brand{
    padding: 0 2rem 0 5rem;
}

.header_area .main-menu .navbar{
    padding: 1rem 20rem;
}

.header_area .main-menu .nav-item .nav-link{
    font-family: var(--roboto);
    text-transform: uppercase;
    font-weight: 500;
    padding: 1rem;
    color: var(--title-color);
}
/* end navigation */


.header {
    /* margin-bottom: 10px; */
height: 18rem;
width: 100%;
font-family: sans-serif;
background: linear-gradient(
/* 112deg,
rgba(236, 231, 91, 1) 0%,
rgba(42, 239, 247, 1) 47%,
rgba(8, 159, 255, 1) 100%,
rgba(240, 245, 0, 1) 100%,
rgba(226, 232, 238, 1) 100% */
160deg,
#0093E9 0%,
#80D0C7 100%
);
display: flex;
}

/* background-color: #0093E9;
background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); */


.header__details {
display: flex;
margin: auto auto;
}

.header__logo img {
font-size: 1rem;
}

.header__info {
margin-left: 3rem;
}

.header_h1 {
font-size: 2rem;
}

.header__h1__info {
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.header__h3 {
margin-top: 1.2rem;
font-size: 0.8rem;
}











/* bootstrap about section */

#about-section {
background: rgba(32, 33, 36, 0.1);
position: relative;
}

.blockabout {
padding: 20px;
background: white;
}

.blockabout-inner {
padding: 30px;
border: 1px solid rgba(32, 33, 36, 0.1);
}

.sosmed-horizontal a i {
border: 1px solid #070707;
border-radius: 50%;
color: #070707;
display: inline-block;
height: 30px;
width: 30px;
line-height: 30px;
margin: auto 3px;
font-size: 15px;
text-align: center;
transition: all 0.3s;
}

.rey-btn {
border: 2px solid #070707;
padding: 10px 40px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 13px;
font-weight: 700;
border-radius: 50px;
transition: all 0.3s;
}



/* gallery section start */
.jumbotron {
    text-align: center;
    padding: 20px;
    /* margin: 10px 0; */
  }

  .gallery {
    padding: 40px;
  }

  .gallery img {
    width: 100%;
    border-radius: 0;
    position: relative;
  }
/* gallery section end */

/* footer section start */

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@700&display=swap');

body {
    background-color: #f6f7f9;
    font-size: 13px;
    font-weight: bold;
    color: rgb(189, 196, 203)
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

ul>li {
    padding: 4px;
    color:#C5CAE9;
}

ul>li:hover {
    color: #957bda;
    cursor: pointer
}

hr {
    border-width: 3px
}

.card {
    padding: 2% 7%
}

.social>i {
    padding: 1%;
    font-size: 15px
}

.social>i:hover {
    color: #957bda;
    cursor: pointer
}

.policy>div {
    padding: 4px
}

.heading {
    font-family: 'Titillium Web', sans-serif;
    color: black
}

.divider {
    border-top: 2px solid
}

/* footer section end */