h1.oma {text-align-last: right;}
    h1.omb {text-align-last: center;}
    h1.omc {text-align-last: justify;}

    h1.omoa { 
      text-decoration-line: overline underline; 
      text-decoration-color: violet; 
      text-align:centre;
    } 
    .open-sans-font {
      font-family: "Open Sans", sans-serif;
      font-optical-sizing: auto;
      font-weight: 300;
      font-style: normal;
      font-variation-settings:
        "wdth" 100;
      /* line-height: 25px; */
    }
    .open-sans-font .pfont{
     font-size: 25px;
    }
    .open-sans-font.hfont{
      text-align: center;
      text-wrap:pretty;
      font-size: 17px;
     }


    h1.omob {
      text-align: center; 
      /* border: 3px solid Violet;  */
      /* font-family: cursive; */
      margin-top: 0px;
      font-size: 30px;
      color: white;
      border-radius: 10px;
      background-color: rgb(56, 47, 63);
      font-family: "Open Sans", sans-serif;
      font-optical-sizing: auto;
      font-weight: 300;
      font-style: normal;
      /* font-variation-settings:
        "wdth" 100; */
    }

    hr { border: none; height: 4px;
    /* Set the hr color */
      background-color: orange;  /* Modern Browsers */
    }
    #logo {
      display: inline-block;
      margin: 15px; /* margin: 20px was off */
      /*float: left; */
      height: 60px;
      width: auto; /* correct proportions to specified height */
      border-radius: 50%; /* makes it a circle */
    }

    a {
      text-decoration: none;
  }
    ul {
        list-style: none;
    }
    

    #featured{
      max-width: 500px;
      max-height: 600px;
      object-fit: cover;
      /* cursor: pointer; */
      /* border: 2px solid black; */
    
    }


    .container {
      container-type: inline-size;
      display: flex;
      flex-wrap: wrap; 
      justify-content: center;
      margin-top: 5px;

    }

    .card {
      width: 325px;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0px 3px 5px  rgba(0, 0, 0, .2);
      margin: 20px;
    }
    /* Top right text */
    .top-right {
      position:static;
      top: 8px;
      right: 10px;
      border: 1px salmon;
      overlay:auto ;
    }

    .card-sm{
      width: 100px;
      height: 70px;
      border-radius: 16px;
      text-align: center;
      align-content: center;
      text-wrap: pretty;
      overflow: hidden;
      /* background-color: rgb(185, 222, 210); */
      box-shadow: 1px 3px 5px 2px  rgba(0, 0, 0, .2);
      margin: 3px;
      font-size: 15.5px;
    }
    .card img {
      /* object-fit: cover; */
      width: 100%;
      height: auto;
    }
    /* New code start */
    
    .grabbing {
      cursor: grabbing;
    }
    
    .grabbing .slide img{
      transform: scale(0.9);
      box-shadow: 5px 5px 40px -1px var(--shadow);
    } */

     /* New code end */

    .wslider{
      height: 100%;
      width: 300%;
      display: flex;
      /* border: 1px solid red; */
      transition: all 0.3s;
    }
    .wslider section{
      flex-basis: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .controls .arrow{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
    }
    .arrow.left{
      left: 10px;
    }
    .arrow.right{
      right: 10px;
    }
    .material-symbols-outlined {
      font-variation-settings:
      'FILL' 0,
      'wght' 400,
      'GRAD' 0,
      'opsz' 24
    }

    footer {
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        padding: 3px;
        background-color: salmon;
        color: white;
      }
      h1,h2,h3,h4,h5,h6{
        margin-top:0;
        margin-bottom:.5rem
    }


    .tab1 {tab-size: 2;}
    .tab2 {tab-size: 4;}
    .tab4 {tab-size: 8;}
    .tab8 {tab-size: 16;}