/*--- Begin Facultes*/

  .hero-facultes
  {
    Position:relative;
    Height:300px;
    Background:url(../images/ozana.jpg) center/cover no-repeat ;
    Display:flex;
    Flex-direction:column ;
  }

   /* OVERLAY VIOLET */
  .hero-facultes::before {
    Content:"";
    Position:absolute;
    Top:0;
    Left:0;
    Width:100%;
    Height:100%;
    Background:linear-gradient(135deg, rgba(76, 0, 255, 0.7), rgba(138, 43, 226, 0.8)) ;
    z-index:1;
  }

    .text-facs {
    Position:relative ;
    z-index:2;
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:0 20px;
  }

   .text-facs h1 {
    Font-size:56px ;
    Font-weight:700;
    Line-height:1.2;
    Margin-bottom:20px;
    Max-width:700px;
    color:white;
  }

  .text-facs p{
    color:white;
    font-size:30px;
    margin-bottom:1.20em;
  }

    .btn-green {
    Background:#1dd1a1;
    Color:white;
    Padding:16px 40px;
    Border-radius:8px;
    Text-decoration:none;
    Font-weight:600;
    Font-size:16px;
    Border:none;
    Cursor:pointer;
    Transition:all 0.3s;
    Box-shadow:0 4px 15px rgba(29, 209, 161, 0.3);
  }

  .btn-green :hover {
    Background:#10ac84;
    Transform:translateY(-2px);
    Box-shadow:0 6px 20px rgba(29, 209, 161, 0.4);
  }

  .img-facs{
    background-repeat:no-repeat; 
    height:100vh; 
    background-size:contain; 
    margin-left:13em;
  }

  @media(max-width:999px){
   .img-facs{
      display:none;
  }
  }

  /*--- End facultes ---*/