.leftorverview .left-top-t {
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 18px;
    color: #898291;
    font-size: 16px;
    font-family: Bai Jamjuree,sans-serif;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
}
.leftorverview .l-sub-heading {
    font-size: 24px;
    color: #000;
    font-family: Bai Jamjuree,sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}
.overviewlink a span span svg {
    width: 7px;
    display: block;
    padding-top: 3px;
}
.overviewmain.right .rightoverview{
     order: -1;
}
.leftorverview h6 {
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 18px;
  color:  #898291;

}

.leftorverview h2 {
    margin-bottom: 0;
}
.overviewmain {
  display: flex;
  justify-content: space-between;
}

.leftorverview {
  flex: 0 0 46%;
}

.rightoverview {
  flex: 0 0 47%;
}

.mainright img{
  width: 570px;
  height: 356px;
  border-radius: 10px;
}

.mainright{
  position: relative;
}

.overviewlink .button {
    color: black;
    display: inline-flex;
    align-items: center;
}

.videobutton{
  position: absolute; 
  color:white;
  top:77%;
  left:4%;
  padding: 10px 30px 10px 10px;
  border-radius: 30px ;
  background: #FFFFFF40;
  display:flex;
  align-items: center;
  gap:10px;
      cursor: pointer;
  text-decoration:none;
  
}

span.videobtn-logo {
    line-height: 0px;
}
.videobutton:hover{
color:white;
  text-decoration:none;
}
a.videobutton:focus {
    text-decoration: none !important;
}
.mfp-iframe-holder .mfp-content {
    
    height: 360px !important;
  width: 640px !important;
}


.hc-btn {
    background: none;
    font-size: 0;
    color: transparent;
}

.hc-btn svg {
    display: none;
}

.hc-btn {
    background-image: url(https://www.citiustech.com/hubfs/citiustech-2024/Landing%20Page/play-button.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-size: cover;
    height: 70px;
    width: 70px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.overviewmain.no-vid .rightoverview {
    display: none;
}

.overviewmain.no-vid {
    display: block;
}
.overviewmain.disimag .videobutton {
    display: none !important;
}
@media only screen and (max-width:991px){
  
  .overviewmain{
  flex-wrap:wrap
  }
.leftorverview, .rightoverview {
    flex: 0 0 100%;
}
  
  .mainright img {
    width: 100%;
}
  .rightoverview {
   margin-top: 20px;
}
}
@media(max-width:768px){
  .overviewmain.right .rightoverview {
    order: 0;
}
}
@media only screen and (max-width:550px){
  .videobutton {

    left: 16%;
  
    top: 50% !important;
}
  a.videobutton.hc-btn {
    left: 50%;
}
  span.videobtn-logo svg {
    width: 30px;
  }
}
}

/* @media only screen and (min-width:400px) and (max-width:550px){
.videobutton {

    top: 50% !important;
   left:28%;
   
}
} */
.mainright a{
  color: white;
  text-decoration:none !important;
  
}
.mainright a:hover {
  color: white;
  text-decoration:none !important;
  
}

.mainright a:visited {
  color: white;
  text-decoration:none !important;
  
}

.mainright a:active {
  color: white;
  text-decoration:none !important;
}