/* Start Digital Marketing Css   */

.position-relativeDM {
    position: relative;
  }
  h5{
    color: white;
  }
  .overlay-text {
    position: absolute;
    top: 8%;
    left: 50%;
    transform: translateX(-50%);
    color: #FEC63F;
    font-weight: 500;
    font-size: 17px;
  }
  .ayboxdiv{
    width: 900px;
  }
  
  .vertical-line {
    width: 0.8px;
    height: 56px;
    background-color: #FFFFFF;
    margin-left: 25px;
    margin-right: 25px;
  }
  .lineBott{
    height: 1px;
    width: 100%;
    background-color:#D6D6D6;
  }
  .short-width {
    max-width: 300px;
    word-wrap: break-word;
  }
  .imgsDM{
    border: 1px solid #FEC63F;
    padding: 0.6rem;
    text-align: center;
    border-radius: 0.8rem;
  }
  .lineOv{
    width: 9rem; height: 3px; background-color: #FEC63F; position: absolute;
  }
  .border1{
    border-bottom: 2px solid #FFFFFF1A;
    border-right: 2px solid #FFFFFF1A;
    padding: 2rem;
  }
  .border2{
    border-bottom: 2px solid #FFFFFF1A;
    border-left: 2px solid #FFFFFF1A;
    padding: 2rem;
  }
  .border3{
    border-top: 2px solid #FFFFFF1A;
    border-right: 2px solid #FFFFFF1A;
    padding: 2rem;
  }
  .border4{
    border-top: 2px solid #FFFFFF1A;
    border-left: 2px solid #FFFFFF1A;
    padding: 2rem;
  }
  .ayweareaparay{
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    font-size: 59.81px;
    line-height: 75.59px;
    margin-top: 90px;
     color: #FEC63F; 
     text-align: center;
  }
  .ayminienavoay{
    color: #FFFFFF;
    opacity: 0.6;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18.27px;
    line-height:29.07px ;
    margin-top: 30px;
  }
  .aylearnmoreay{
    font-weight: 500;
     font-size: 17px; 
     color: #FEC63F;
     font-family: "Inter", sans-serif;
  }
  .aycardsheadingsay{
    font-family: "Lexend", sans-serif;
    color: #FFDFF4;
    font-weight: 600;
    font-size: 20px;
    margin-top: -10px;
    
  }
  .aydiscovertheay{
    font-family: "Lexend", sans-serif;
    color: #F1AA00;
    font-size: 45px;
    font-weight: 600;
    line-height: 70px;
  }
  .ayinstantay{
    color: #F1AA00;
    font-family: "Lexend", sans-serif;
    font-weight: 700;
    font-size: 24px;
  
  }
  .aygetrealparay{
    color: #FFFFFF;
    opacity: 0.6;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    
  
  }
  .ayescalateay{
    color: #FEC63F;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    font-size: 45px;
    line-height: 60px;
  }
  .ayparaenavosoftay{
    color: #ffffff;
    opacity: 0.6;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 1.5rem;
  }
  .aydibestay{
    color: #FFFFFF;
    font-family: "Lexend", sans-serif;
    font-weight: 700;
    font-size: 19.87px;
    line-height: 24.84px;
    text-align: center;
  }
  .aymidheadingay{
    font-family: "Lexend", sans-serif;
          font-weight: 600;
    font-size: 45px;
    line-height: 58px;
    color: #F1AA00;
    text-align: center;
   }
  .arkexperience{
    
    font-size: 20px;
    font-weight: 500;
    font-family: "Lexend", sans-serif;
    color: #ffffff;
  
  }
  .rkseek{
          color: #FFFFFF;
    opacity: 0.6;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.57px;
  
  }
  .rkwhyshould{
    color: #F1AA00;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    font-size: 45px;
    line-height: 58px;
    text-align: center;
  }
  .rkstyleslet{
    font-family: "Lexend", sans-serif;
    color: #F1AA00;
    font-size: 45px;
    font-weight: 600;
    line-height: 58px;
  
  }
  .rkletschild{
    color: #FEC63F;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    font-size: 28px;
  
  }
  .smalldivhovering{
    background-color: rgba(30, 31, 34, 1);
    border-radius: 26.49px;
  }
  .smalldivhovering:hover{
    background-color: #1A242C;
  }
  .lineOver{
      width: 9rem; height: 3px; background-color: #FEC63F; position: absolute;
      }
  .headblogshead{
    color:#FEC63F ;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    font-size: 45px;
  
  }
  .rksurfthedig{
    color: #FEC63F;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    font-size: 30px;
  }
  .rksurfthedigpara{
    color: #ffffff;
    opacity: 0.4;
    font-family: "Inter", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 23.8px;
  }
  .datesrk{
    font-family: "Inter", sans-serif;
    color: white;
    opacity:0.4;
    font-size: 14px;
    font-weight: 400;
  
  }
  .datesrkyellow{
    color: #FEC63F;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
  
  }
  .rightImg{
    margin-top: 6rem;
  }
  @media (max-width: 770px) {
    .midImg{
      display: none;
    }
    .rightImg{
      margin-top: 0;
    }
    .border1{
      border-bottom: 2px solid #FFFFFF1A;
      border-right: none;
    }
    .border2{
      border-bottom: 2px solid #FFFFFF1A;
      border-left: none;
    }
    .border3{
      border-bottom: 2px solid #FFFFFF1A;
      border-right: none;
    }
    .border4{
      border-bottom:none;
      border-left: none;
    }
  }