<style type="text/css">

        *,
        *::before,
        *::after {
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        }

      .wraper {
          height: 138px;
      }

      .navbar-cus {
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          /* background-color: white; */
          /* box-shadow: 0px 0px 15px 0px rgba(198, 202, 202, 0.733); */
          font-family: 'Poppins', sans-serif;
          font-size: 18px;
          font-weight: 700;
          color: rgb(255, 255, 255);
          min-height: 50px;
          padding-top: 48px;
          padding-bottom: 36px;
          width: 100%;
          background-color: rgba(255, 255, 255, 0);
          overflow-x: hidden;
          z-index: 99;
          will-change: transform, background-color;
          transition: transform .3s, background-color .3s;
      }

      .white-cus {
          position: fixed;
          color: #000;
          background-color: rgb(255, 255, 255);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.438);
          padding-bottom: 12px;
          transform: translateY(-36px);
      }

      .nav-links-cus {
          display: flex;
          justify-content: space-around;
          align-items: center;
          /* width: 100%; */
      }

      .nav-links-cus li {
          list-style: none;
          white-space: nowrap;
          padding: 0 30px;
      }

      .nav-links-cus a {
          text-decoration: none;
          transition: all .3s;
      }

      .nav-links-cus a:hover {
          color: #e79393;
          text-shadow: 0px 5px 16px rgba(165, 0, 69, 0.507);
      }

      .logo-cus {
          width: 40%;
          padding: 0 35px;
      }

      .logo-cus img {
          height: 35px;
          transition: all .3s;
      }

      .logo-cus img:hover {
          height: 36px;
      }

      .red-btn-cus {
          border: none;
          width: 150px;
          height: 54px;
          /* background: #A50044; */
          background: linear-gradient(45deg, #A50044, rgb(175, 21, 111));
          box-shadow: 0px 10px 32px rgba(165, 0, 68, 0.5);
          border-radius: 50px;
          font-family: 'Poppins', sans-serif;
          transition: all ease-in-out .2s;
          cursor: pointer;
      }

      a .red-btn-cus {
          color: ;
          font-weight: bold;
          font-size: 16px;
          padding: 0;
      }

      .red-btn-cus:hover {
          transform: translateY(-2px);
          background: linear-gradient(45deg, rgb(190, 0, 80), rgb(199, 24, 126));
          box-shadow: 0px 20px 32px rgba(165, 0, 69, 0.514);
          transition: all ease-in-out .2s;

      }

      .topnav {
          height:70px;
          width:100%;
          position: fixed;
          z-index:1;
          top: 0;
          overflow-x: :hidden;
          padding-right:-100px;
          padding-top: 10px;
          display:flex;


          font-family: 'Poppins', sans-serif;
          font-size: 18px;
          font-weight: 700;


          align-items: center;
          justify-content: left;


      }

      .topnav a {
          padding:6x 8px 6px 16px;
          margin-left:10px;
          text-decoration: none;
          font-size:28px;
          color: #ffffff;
      }

      .topnav a:hover {
          color: #5b00a4;
      }

      .logo {
          width: 50%;
          padding: 0 35px;
      }

      .logo img {
          height: 35px;
          transition: all .3s;
      }

      .logo img:hover {
          height: 36px;
      }

      .img_box_div {
          display: flex;
          flex-direction: row;
          padding-top: 100px;
      }

      .img_box {

          width: 22%;
          padding: 0 5%;

      }

      .img_text {
          text-align: center;
          padding: 10% 20%;
      }

      .img_box img {
          border-radius: 20px;
          transition: all .3s;
          width: 170%;
          height: 130%;
          object-fit: cover;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

      }

      .img_box img:hover {
          height: 135%;

      }

      .main {
          /* margin-top: 170px; */
          margin-left: 50x;
          margin-right: 30px;
      }

      .title {
          margin-left: 5%;
      }
    </style>