@import url("https://fonts.googleapis.com/css?family=Open+Sans:800|Poppins:300,400,500,600,700,800|Roboto:300,400,500");

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

/*---------------------------------------
  CUSTOM PROPERTIES ( VARIABLES )             
-----------------------------------------*/
:root {
    --primary-color:                #0362a3;
    --secondary-color:              #F21924;
    --section-bg-color:             #f5f5f5;
    --dark-color:                   #383838;
    --p-color:                      #000000; 
  
    --body-font-family:             'Poppins', sans-serif;
  
    --h1-font-size:                 60px;
    --h2-font-size:                 42px;
    --h3-font-size:                 36px;
    --h4-font-size:                 32px;
    --h5-font-size:                 24px;
    --h6-font-size:                 22px;
    --p-font-size:                  16px;
    --menu-font-size:               14px;
    --copyright-text-font-size:     16px;
  
    --font-weight-normal:           400;
    --font-weight-medium:           500;
    --font-weight-bold:             700;
  }
  
  body {
      background: var(--white-color);
      font-family: var(--body-font-family); 
  }

  .text-justify{
    text-align: justify;
  }
  
  
  /*---------------------------------------
    TYPOGRAPHY               
  -----------------------------------------*/
  h1,  h2,  h3,  h4,  h5,  h6, b {
    font-weight: var(--font-weight-bold);
  }
  
  h1 {
    font-size: var(--h1-font-size);
    letter-spacing: -2px;
  }
  
  h2 {
    font-size: var(--h2-font-size);
    letter-spacing: -2px;
  }
  
  h3 {
    font-size: var(--h3-font-size);
    line-height: inherit;
  }
  
  h4 {
    font-size: var(--h4-font-size);
    line-height: inherit;
  }
  
  h5 {
    font-size: var(--h5-font-size);
    line-height: normal;
  }
  
  h6 {
    font-size: var(--h6-font-size);
  }
  
  p {
    color: var(--p-color);
    font-size: var(--p-font-size);
    font-weight: var(--font-weight-normal);
  }
  
  ul li {
    color: var(--p-color);
    font-size: var(--p-font-size);
    font-weight: var(--font-weight-normal);
  }
  
  a, 
  button {
    touch-action: manipulation;
    transition: all 0.3s;
  }
  
  a {
    color: var(--p-color);
    text-decoration: none;
  }
  
  a:hover {
    color: var(--primary-color);
  }

  .bg-primary1{
    background: var(--primary-color);
  }

  nav a{
    font-size: 18px;
    font-weight: 600;
    
  }
  nav a:hover, .nav-link.active{
    color: #0362a3 !important;
  }


  .qotes h2{
    font-family: 'Caveat', cursive;
    color: #0362a3;
    text-align: center;
  }
  .border-primary {
    border-color: #0362A3!important;
}
  .table-primary {
    --bs-table-bg: #0362A3;
    color: #ffffff;
    border-color: #bacbe6;
  }
  .table>:not(:first-child) {
    border-top: 2px solid #bacbe6;
  }
  .footer .footer_1 img {
    margin-bottom: 15px;
    filter: brightness(0) invert(1);
  }

  .footer p{
    color:#b0b9ae;
  }

  .gallery-bg{
    background-image: url("../images/gallery-image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
    background-position-y: center;
    padding-bottom: 50px; 
    padding-top: 3rem;
  }

  .header-bg{
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: top;
    padding: 100px 0px;
  }
  .gallery-top-bg{
    background-image: url("../images/gallery.jpg");
  }
  @media only screen and (max-width: 600px) {
    .header-bg{
      padding: 50px 0px;
    }
    .gallery-top-bg{
      background-image: url("../images/gallery-mobile.jpg");
    }
  }

  .btn-link {
    text-decoration: none;
  }

  .footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #B0B9AE;
    font-weight: normal;
    font-size: 15px;
    text-transform: capitalize;
    transition: .3s;
  }

  .footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
  }

  .footer .btn.btn-link:hover {
    color: var(--light);
    letter-spacing: 1px;
    box-shadow: none;
  }

/* button */
.button-29 {
  align-items: center;
  appearance: none;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  height: 68px;
  width: 80%;
  padding: 50px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  font-size: 20px;
}
.button1{
  color: #fff!important;
  background-color: #0362A3;
  box-shadow: #2d2342 0 7px 0px;  
  border-radius: 15px;
}
.button2{
  color: #fff!important;
  background-color:  #2d2342;
  box-shadow: #0362A3 0 7px 0px; 
  border-radius: 15px; 
}

.button3{
  color: #fff!important;
  background-color: #0362A3;
  box-shadow: #2d2342 0 7px 0px;  
  border-radius: 55px;
}

.box-shadow1{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}