/*
Plugin CSS
Author: wpdream
*/

img, svg {
    vertical-align: middle;
}
.text-center {
    text-align: center;
}

/*=========================================================
 #START TO MARQUEE ELEMENT CSS
 =========================================================*/
 .marquee {
    position: relative;
    gap: 0px;
    display: flex;
    overflow: hidden;
}
.txmartex{
    margin: 0;
}
@keyframes marleft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}
@keyframes marright {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}
.marleft,.marright{
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    min-width: 150%;
    animation:  40s linear infinite marleft;  
}
.marright{
    animation:  40s linear infinite marright;  
}
.marleft:hover,.marright:hover {
    animation-play-state: paused;
}  
  .txmartext .txmartex a,
  .txmartext .txmartex {
     -webkit-text-stroke: 1px #888888;
     -webkit-text-fill-color: transparent;  
      font-size: 80px;
      margin: 0 20px;
	  line-height: normal;
  }
.txmarimg .txmartex a,
.txmarimg .txmartex {
    color: transparent;   
    font-size: 80px;
    margin: 0 20px;
    background-position: center center;
   -webkit-background-clip: text;
}

/*=====================================================================================
								Responsive CSS
=====================================================================================*/
 @media (min-width: 992px) and (max-width: 1365px) {}
 
@media (min-width: 768px) and (max-width: 991px) {
    .txmartext .txmartex a, .txmartext .txmartex {
        font-size: 40px;
        margin: 0 10px;
    }
}
@media (max-width: 767px){
    .txmartext .txmartex a, .txmartext .txmartex {
        font-size: 30px;
        margin: 0 10px;
    }
}