/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
.csr h3.uk-panel-title{
  display:none
}
.service-marquee{
  font-family: 'Indie Flower', cursive, 'Pyidaungsu';
  font-size:19px;
  line-height:23px;
  font-weight:bold;
  text-shadow:0px 0px 1px #000000;
}
.service-marquee-text-primary{
  color:#ea5108;
}
.service-marquee-text-secondary{
  color:#07ac52;
}
.certificate{
  font-family: 'mtcorsva','Pyidaungsu';
  font-size:19px;
  color: #5f3403;
}
.profile-list-style{
  list-style:square;
  text-shadow:1px 1px 0px #fcf9e9;
  float:left;
}
.profile-list-style li{
  text-align: left;
}
.mt-1{
  margin-top: 25px;
}
.sprocket-img{
  max-width: 100%; 
  height: auto;
}
/* Targeting the sigplus preview container and image */
.sigplus-gallery img {
    width: 450px !important;
    height: 300px !important;
    object-fit: cover; /* Keeps the aspect ratio sharp */
    transition: transform 0.3s ease; /* Optional: smooth zoom effect */
}

/* Optional: Ensure the container doesn't clip the image awkwardly */
.sigplus-gallery .sigplus-item {
    width: 450px !important;
    height: 300px !important;
    overflow: hidden;
}

.sigplus-img{
  max-width: 450px;
    height: auto; /* Maintains the 3:2 aspect ratio automatically */
}

.boxplus-transition{
  /* This scales the 600px image down to fit the 450px width */
    background-size: contain!important; 
    background-repeat: no-repeat!important;
}

/*** Pagination ***/
ul.pagination{
  list-style: none;
  text-align: center;
}

ul.pagination li{
  display: inline;
  
}

ul.pagination li a{
  background-color: #fcf9e9;
  padding:9px 12px;
  margin:2px;
  border-radius:5px;
}

ul.pagination li.active a{
  background-color: #4e2c04;
  color:#fcf9e9;
  padding:9px 12px;
  margin:2px;
  border-radius:5px;
}
.grid-card{
  position: relative;
  box-sizing: border-box;
  background: #D7D2B9;
  border:1px solid rgb(215, 210, 185);
  -webkit-box-shadow: 0px -1px 1px 1px rgba(215, 210, 185, 0.75);
  -moz-box-shadow: 0px -1px 1px 1px rgba(215, 210, 185,0.75);
  box-shadow: 0px -1px 1px 1px rgba(215, 210, 185, 0.75);
}
.grid-card h4.uk-title{
  padding-left:5px;
  padding-right:5px;
}
.grid-card h4.uk-title a{
  padding:5px;
  color:#733803;
}