html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
  font-family: "Raleway";
  background-image: url(bg4.png);
background-size: cover;
background-repeat: no-repeat;
}

.maincont_m, .adv_m {
  display: none;
}

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

    

    .adv img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 6em;
    }

    .adv .link {
      display: block;
      text-align: center;
      margin-bottom: 1em;
      bottom: 8em;
      color: black;
      position: relative;
    }

    .adv .link a {
      color: black;
      font-style: normal;
    }
    
    
    .adv .red {
      display: block;
      text-align: center;
      margin-bottom: 1em;
      bottom: 8em;
      color: black;
      position: relative;
    }

    .adv .red {
      color: black;
      font-style: normal;
    }
    
    
    
    
    
    
    .amogus{
      margin: 200px auto;
      display: grid;
    }
    .amogus span{
      color: black;
      font-weight: 700;
      font-size: 25px;
  }
    
   .container {

      margin: 200px auto;

      color: black;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      gap: 0px 0px;
      grid-auto-flow: row;
      grid-template-areas:
        "tx1 tx7"
        "tx2 tx8"
        "tx3 tx9"
        "tx4 tx10"
        "tx5 tx11"
        "tx6 tx12"
        "tx13 tx14"
        "pdf1 pdf2"
        ;
      width: 88.2%;
      height: 100%;
    }

    .maincont span {
      font-weight: 700;
      font-size: 18px;
    }
    .maincont span:before{
      content: url(tri.png);
  top: 4px;
  width: 2px;
  height: 2px;
  right: 7px;
  position: relative;
    }
    .tx1 {
      grid-area: tx1;
    }

    .tx2 {
      grid-area: tx2;
    }

    .tx3 {
      grid-area: tx3;
    }

    .tx4 {
      grid-area: tx4;
    }

    .tx5 {
      grid-area: tx5;
    }

    .tx6 {
      grid-area: tx6;
    }




    .tx7 {
      grid-area: tx7;
      left: 2em;
      position: relative;
    }

    .tx8 {
      grid-area: tx8;
      left: 2em;
      position: relative;
    }

    .tx9 {
      grid-area: tx9;
      left: 2em;
      position: relative;
    }

    .tx10 {
      grid-area: tx10;
      left: 2em;
      position: relative;
    }

    .tx11 {
      grid-area: tx11;
      left: 2em;
      position: relative;
    }

    .tx12 {
      grid-area: tx12;
      left: 2em;
      position: relative;
    }
     .tx13 {
      grid-area: tx13;
      top:2em;
      position: relative;
    }

  .tx14 {
      grid-area: tx14;
      left: 2em;
      position: relative;
    }
    .pdf1 {
      grid-area: pdf1;
      position: relative;
    }

    .pdf2 {
      grid-area: pdf2;
      left: 2em;
      position: relative;
    }



    h3 {
      color: black;
      text-align: center;
      font-weight: 400;
      margin-bottom: 0;
    }

    .carousel-wrapper{
      position: relative;
    width: 84%;
    height: 54vh;
    top: 23em;
    left: 53%;
    transform: translate(-50%, -50%);
    background-color: white;
}


    .carousel-wrapper .carousel {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      height: auto;

    }

    .carousel-wrapper .carousel .carousel-cell {
      border-radius: 5px;
      padding: 15px;
      background-color: #fff;
      height: auto;
      width: 200px;
      margin: 0 40px;
      transition: transform 500ms ease;
      box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.479);
    }

    .carousel-cell .img1 {
      margin: 0;
      max-width: 100%;
      height: 200px;
      display: block;
      border-radius: 5px;
    }

    .carousel-wrapper .flickity-page-dots {
      display: none;
    }

   
    @media only screen and (max-width:760px) {

      .carousel-wrapper {
        margin-top: -100px;
        margin-bottom: 200px;
      }

      .carousel-wrapper .carousel .carousel-cell {
        height: auto;
        padding: 5px;
        min-width: 0;
      }

      .maincont, .adv {
        display: none;
      }

      .maincont_m {
        display: block;
        position: relative;
        width: 100%;
        height: auto;

      }

      .maincont_m .tx {
        position: relative;
        color: black;
        padding: 20px;
      }

      .maincont_m span {
        font-weight: 700;
        font-size: 18px;
      }

      .maincont_m span:before{
        content: url(tri.png);
        top: 4px;
        width: 2px;
        height: 2px;
        right: 7px;
        position: relative;
      }

      .adv_m {
        box-sizing: border-box;
        display: block;
        position: relative;
        width: 95%;
        left: 2.5%;
        padding: 10px;
        height: auto;
        background-color: #9bb5a4;
        border-radius: 10px;
        color: black;
        text-align: center;
        margin-bottom: 50px;
      }

      .adv_m a {
        color: black;
        width: 90%;
        color: black;
        font-style: normal;
      }

    }