/*Body*/
body{
  background-color:rgb(0, 39, 61);
  background-image:linear-gradient(to bottom, rgba(0, 39, 61, 0.97), rgba(0, 39, 61, 0.97)), url('../images/body_background.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
}

.body-container{
  padding-top:160px;
  /* background-image:linear-gradient(to bottom, rgba(0, 39, 61 0.80), rgba(0, 39, 61 0.80)), url('../images/patterns/pattern-all-page.png'); */
}







/*Header*/
.header-container{
  padding-top:10px;
  padding-bottom:10px;
  width:100%;
  height:68px;
  background-color:rgba(0,39,61,0.68);
  backdrop-filter: blur(9px);
}
.header-row{
  width:100%;
}
.header-logo{
  margin-left:15px;
  max-width:200px;
}
.header-logo-offcanvas{
max-width:220px;
}
.offcanvas-menu{
background-image:linear-gradient(to bottom, rgba(0, 39, 61, 0.80), rgba(0, 39, 61, 0.80)), url('../images/patterns/pattern-offcanvas.png');
}
.menu-header{
  margin-left:0px;
}
@media (max-width: 1200px) {
  .menu-header{
    margin-left:30px;
  }
} * {
  transition: all 0.25s ease-out;
}

.menu-text {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  text-decoration:none;
  color:rgb(220, 220, 220);
  font-size:14px;
  margin-right:10px;
  margin-left:10px;
  margin-top:2px;
}

.menu-text-offcanvas {
  font-family: "Roboto", sans-serif;
  font-weight: 540;
  font-style: normal;
  text-decoration:none;
  color:rgb(220, 220, 220);
  font-size:18.5px;
  margin-bottom:15px;
  margin-top:15px;
  margin-left:15px;
}

.menu-text-offcanvas {
  cursor: pointer;
}

.menu-text {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.special-text {
  font-family: "Cabolafe", "opentype";
  letter-spacing: 2px;
}

.menu-text::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: #3EA8BE;
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow:
    0 2px 1px rgba(0,0,0,0.1),
    0 4px 1px rgba(0,0,0,0.1),
    0 6px 1px rgba(0,0,0,0.1),
    0 8px 1px rgba(0,0,0,0.1);
}

.menu-text:hover::after {
  opacity: 1;
}






/* Fonts */
.dm-serif-title{
  font-family: "DM Serif Text", serif;
  font-weight: 400;
  font-size:50px;
  /* font-size:clamp(2.5rem, 1.0774rem + 3.7936vw, 5.625rem); */
  font-style: normal;
  color:white;
}

.p-text{
  color:#D5E4F1;
}





/* First Section */
.fs-t{
  margin-top:250px;
}

.fs-i{
  margin-top:60px;
}




/* Second Section */
.second-section{
  padding-top:-40px;
  margin-top:-20px;
  background-color:rgb(255,255,255);
}

/* Third Section */
.third-section{
  padding-top:50px;
  padding-bottom:120px;
}

/* Fourth Section */
.fourth-section{
  padding-top:40px;
  padding-bottom:50px;
}

/* Fifth Section */
.fifth-section{
  background-color:rgb(255,255,255);
  margin-top:-20px;
  padding-bottom:20px;
}



/* Elements */
.circle-icon{
  margin-left:-24px;
  width:40px;
  height:40px;
  background-color:rgba(63,167,190, 0.6);
  border-radius:50%;
}
.custom-card{
  border:none; 
}
.tags{
  margin-top:20px;
  margin-bottom:20px;
}


/* Media Queries */
@media (max-width: 990px) {
  .fs-t{
    margin-top:80px;
  }

  .fs-i{
    margin-top:70px;
  }

  .dm-serif-title{
    font-size:clamp(2.5rem, 1.0774rem + 3.7936vw, 5.625rem);
  }
} * {
  transition: all 0.25s ease-out;
}

@media (max-width: 1380px) {
  .fs-i{
    margin-top:100px;
  }
} * {
  transition: all 0.25s ease-out;
}

@media (max-width: 768px) {

  .fs-i{
    margin-top:50px;
    padding-left:60px;
    padding-right:60px;
  }
  .fs-i img{
    height:400px;
  }
} * {
  transition: all 0.25s ease-out;
}

@media (max-width: 521px) {
  .fifth-section{
    padding-top:35px;
    padding-bottom:30px;
  }
  .third-section{
    padding-bottom:60px;
  }
  .second-section{
    padding-top:40px;
  }
  .fs-t{
    margin-top:10px;
    padding-left:40px;
    padding-right:20px;
  }

  .fs-i{
    margin-top:90px;
    margin-bottom:30px;
    padding-left:60px;
    padding-right:60px;
  }
  .fs-i img{
    height:400px;
  }

  .dm-serif-title{
    font-size:clamp(2.5rem, 1.0774rem + 3.7936vw, 5.625rem);
  }
} * {
  transition: all 0.25s ease-out;
}