body {
      margin-left: 10%;
      margin-right: 10%;
      overflow-x: hidden;
}

.intro {
      padding-top: 8px;
      font-size: 25px;
      text-align: center;
      background-color: #C0EEF2;
      border-radius: 15px;
}

.red {
      background: red;
      color: aliceblue;
      font-weight: bold;
}

.line {
      text-decoration: underline;
      font-weight: bold;
}

video {
      height: 500px;
      width: 700px;
      border: 3px dotted #C0EEF2;
      border-radius: 5px;
      box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
      -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

}

.videoContainer {
      display: flex;
      justify-content: center;
      border-bottom-left-radius: 25px;
      border-bottom-right-radius: 25px;
      padding-bottom: 10px;
      padding-top: 10px;
      border-top-right-radius: 25px;
      border-top-left-radius: 25px;



}

.proof {
      border: 10px solid black;
      border-radius: 15px;
      display: flex;
      justify-content: center;
      margin-bottom: 10px;
      background-color: #609EA2;
      ;
}

.proof h2 {
      color: white;
      font-weight: bold;
      font-size: 25px;
      text-align: center;
}

.long {
      border: 3px dotted #609EA2;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;

}

.long .wrapper p {
      font-size: 20px;
}

.long .wrapper p span {
      font-weight: bold;

}

.long .wrapper span {
      width: 40%;
      border: 3px solid #635985;
      border-radius: 8px;
}


.firstImg {
      height: 650;
      width: 650px;
      border: 5px solid black;
      border-radius: 10px;


}

.last {
      display: flex;
      flex-direction: column;
      /* align-items: flex-start; */
      /* align-items: center; */

      /* justify-content: center; */
}



.call a {
      padding-top: 20px;
      background: #609EA2;
      color: white;
      padding-bottom: 20px;
      padding-left: 10px;
      padding-right: 10px;
      border-radius: 10px;


}

.imgDiv {
      display: flex;
      justify-content: center;
      gap: 18px;
      align-items: center;
      margin-top: 15px;
      margin-bottom: 15px;
      flex-wrap: wrap;
}

.paid {
      color: green;
}

.img {
      width: 300px;
      height: auto;
      border: 3.5px solid #635985;
      object-fit: cover;
      border-radius: 8px;
}

.red2 {
      background-color: red;
      color: aliceblue;
      font-weight: bold;
      font-size: 20px;


}

.payout {
      border: 5px dotted #609EA2;
      margin-top: 10px;
      text-align: center;


}

.payout h1 {
      color: red;
}

.pay {
      text-align: center;
      text-transform: uppercase;
}

.please {
      color: red;
}

.if {
      display: flex;
      /* align-items: center; */
      /* justify-content: center; */
      gap: 5px;
}

.if p {
      margin-bottom: 0;
      font-weight: bold;
      font-size: 23px;
}

.far {
      /* background: green; */
      color: green;

}

@-webkit-keyframes downarrow {
      0% {
            -webkit-transform: translateY(0);
            opacity: 0.4
      }

      100% {
            -webkit-transform: translateY(0.4em);
            opacity: 0.9
      }
}

.far {
      -webkit-animation: downarrow 0.3s infinite alternate ease-in-out;

}



















/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

      /* CSS */

}

/* 
      ##Device = Laptops, Desktops
      ##Screen = B/w 1025px to 1280px
    */

@media (min-width: 1025px) and (max-width: 1280px) {

      /* CSS */

}

/* 
      ##Device = Tablets, Ipads (portrait)
      ##Screen = B/w 768px to 1024px
    */

@media (min-width: 768px) and (max-width: 1024px) {
      .videoContainer {
            padding: 0;
            border-radius: 5px;

      }

      video {

            width: 100%;
            height: 400px;


      }

      /* CSS */

}

/* 
      ##Device = Tablets, Ipads (landscape)
      ##Screen = B/w 768px to 1024px
    */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

      /* CSS */

}

/* 
      ##Device = Low Resolution Tablets, Mobiles (Landscape)
      ##Screen = B/w 481px to 767px
    */

@media (min-width: 481px) and (max-width: 767px) {
      .firstImg {
            height: 300;
            width: 300px;



      }

      body {
            margin-left: 3%;
            margin-right: 3%;

      }

      .if p {

            font-size: 18px;
      }



      /* CSS */

}



/* 
      ##Device = Most of the Smartphones Mobiles (Portrait)
      ##Screen = B/w 320px to 479px
    */

@media (min-width: 320px) and (max-width: 480px) {
      .firstImg {
            height: 300;
            width: 300px;



      }

      body {
            margin-left: 3%;
            margin-right: 3%;

      }

      .if p {

            font-size: 18px;
      }

      video {

            width: 350px;
            height: 290px;


      }


      /* CSS */

}