.banner {
          background-image: url(https://cannamazoo.seogstage.com/wp-content/uploads/2022/03/header.jpg);
          color: #ffffff;
          background-position: bottom center;
          padding: 75px 0;
      }

      .experiance {
        padding: 50px 0px 0px 0px;
      }

      .banner h1 {
        font-size: 60px;
        color: #fff;
        text-align:center;
      }

      .experiance h2 {
        font-size: 33px;
        text-transform: uppercase;
        color: black;
        text-align: center;
      }


      .vcenter {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
      }
..choose-feedback{display:none;}
.display-n
{
Display : none ;
}


      .wrap {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
      }

      .wrap-inner {
        padding: 2em;
        height: auto !important;
        overflow: hidden;
        position: relative;
      }

      .left {
        float: left;
      }

      .feedback-copy {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
      }

      .feedback-comment .left {
        display: none;
      }

      .feedback-comment .right {
        width: 70%;
        height: 100%;
        padding: 18px;
        margin:0 auto;
      }

      .feedback-comment textarea {
        background: transparent;
        border: 1px solid #dfdfdf !important;
        border-radius: 3px !important;
        height: 30%;
        width: 100%;
        resize: none;
        margin-bottom:50px;
      }

      .feedback-comment textarea:focus {
        outline: none;
      }

      .feedback-comment input {
        color: #000;
        border-radius: 3px;
        border: none;
        padding: 12px 18px;
      }

      .feedback-comment .skip-feedback {
        margin-right: 18px;
        text-decoration: none;
        color: #ccc;
      }

      .feedback-comment .comment-button-group {
        position: absolute;
        bottom: 12px;
        right: 255px;
      }

      .button-group {
        position: relative;
        top: 40%;
        transform: translateY(-50%);
        float: right;
        display: contents;
      }

      .feedback-button {
        margin-left: 1em;
        padding: 2em 3em;
        background: #FFF;
        font-weight: 600;
        border: 1px solid #dfdfdf;
        border-radius: 47%;
        cursor: pointer;
        transition: all 55ms cubic-bezier(0.22, 0.44, 1, 1);
      }

      .feedback-button:hover {
        background: #fafafa;
      }

      .feedback-button:active {
        transform: scale(0.95);
      }

      .feedback-button:focus {
        outline: none;
      }

      .feedback-icon {
        transition: all 155ms ease-out;
        display: block;
        width: 100px;
        height: 70px;
        border-radius: 50%;
        margin-bottom: 0.5em;
      }

      .feedback-negative .feedback-icon {
        background: url("<?php  echo $cs_template['form_section']['q2-img']; ?>") no-repeat;
        background-size: cover;
        background-position: center;
      }

      .feedback-negative:hover .feedback-icon {
        animation: shake-no 500ms 200ms 1 normal cubic-bezier(0.54, 0, 0.8, 1.5);
      }

      .feedback-positive {
        perspective: 1000px;
      }

      .feedback-positive .feedback-icon {
        background: url("<?php  echo $cs_template['form_section']['q1-img']; ?>") no-repeat;
        background-size: cover;
        background-position: center;
      }

      .feedback-positive:hover .feedback-icon {
        animation: shake-yes 400ms 200ms 1 normal cubic-bezier(0.5, 0, 0.8, 1.5);
      }

      .wrap-inner {
        transition: all 444ms cubic-bezier(0.4, 0.2, 0, 1);
      }

      .choose-feedback {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
      }

      .feedback-confirmation {
        background: #4A90E2;
        color: #FFF;
        text-align: center;
        display: none;
        transform: translate3d(0, 100%, 0);
        opacity: 0;
      }

      .feedback-comment {
        display: none;
        opacity: 0;
        transform: translate3d(0, 100%, 0);
      }

      .is-active {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        margin: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .input-des{
        background: transparent !important;
        border: 1px solid #dfdfdf !important;
        height: 5% !important;
        width: 100% !important;
        resize: none !important;
        margin-bottom: 20px !important;
        color: #000;
      }
      .send-feedback{
        background-color: #ffc123;
        border-color: #ffc123;
        color: #000000 !important;
        font-size: inherit;
        padding: 10px 35px !important;
        border-radius: 25px !important;
        transition: all 0.35s;
      }

      @keyframes shake-no {
        0% {
          transform: rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);
        }

        20% {
          transform: rotate3d(0, 1, 0, -20deg) translate3d(-3px, 0, 0);
        }

        60% {
          transform: rotate3d(0, 1, 0, -5deg) translate3d(2px, 0, 0);
        }

        100% {
          transform: rotate3d(0, 0, 1, 0) translate3d(0, 0, 0);
        }
      }

      @keyframes shake-yes {
        0% {
          transform: rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);
        }

        20% {
          transform: rotate3d(0, 0, 1, 10deg) translate3d(0, -3px, 0);
        }

        60% {
          transform: rotate3d(0, 0, 1, -3deg) translate3d(0, 2px, 0);
        }

        100% {
          transform: rotate3d(1, 0, 0, -5deg) translate3d(0, 0, 0);
        }
      }
      @media only screen and (max-width: 600px) {
        .banner h1 {
            font-size: 43px;
            text-align:center;
        }
        .experiance h2{
            font-size: 22px;
        }
        .banner{
            padding: 60px 20px;
        }
        .experiance{
            padding: 20px 0;
        }
        .feedback-button{
            /*padding: 2em 2em;*/
        }
        .wrap-inner{
            padding-top:0px;
            padding: 1em;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        .feedback-button{
            margin-left: 0;
            margin-bottom: 1em;
        }
        .feedback-comment .left{
            width: 100%;
        }
        .feedback-comment .right{
            border: none;
            width: 100%;
            padding: 0px;
        }
        .wrap-inner.feedback-comment.is-active{
            padding: 20px 40px;
            margin-top: -110px;
        }
        }