/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 15 2021 | 15:40:56 */
.custom-aboutslider .elementor-106 .elementor-element.elementor-element-2cfbfc3 .swiper-slide-contents {
    max-width: 65% !important;
}
.custom-aboutslider .swiper-slide-contents{
margin-left: auto;
    background-color: #008afa;
    padding: 50px 30px;
    text-align: left;
}
.custom-aboutslider .swiper-slide-inner{
  padding:0px;
}
.tab-description {
    background-color: white;
    padding: 26px 30px 30px 75px;
    width: 34%;
    position: absolute;
    margin: auto;
    right: 0;
    bottom: 0%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 50px 0px);
}
@media screen and (max-width:480px){
  .tab-description{
  width: 100% !important;
    clip-path: none !important;
    padding: 20px;
  }
}
@media screen and (max-width:480px){
.custom-tabbs .eael-tabs-nav > ul li.active:before{
  display:none
}
}
.custom-tabbs .eael-advance-tabs .eael-tabs-content>div.active {
    display: flex;
    width: 100%;
    padding: 1em;
    opacity: 1;
    -webkit-animation: fadeIn linear .3s;
    animation: fadeIn linear .3s;
    justify-content: flex-end;
    align-content: space-between;
}
.custom-tabbs .eael-tabs-nav > ul li.active:before{
  content: "";
    position: absolute;
    width: 5px;
    background: #FFE700;
    height: 50px;
  right: 0;
}
.custom-tabbs .eael-tabs-nav > ul li:hover:before{
  content: "";
    position: absolute;
    width: 5px;
    background: #FFE700;
    height: 50px;
  right: 0;
}
.tab-containerss1, .tab-containerss2{
  width:50%;
  float:left;
  padding:30px;
}
@media screen and (max-width:480px){
  .tab-containerss1, .tab-containerss2{
    width:100%;
  }
}
.tab-containerss2 span{
  font-size:25px;
  font-weight:600;
  line-height:43px;
}
.tab-containerss2 p{
  font-size:14px;
  font-weight:400;
  line-height:25px;
  color:#777777;
  font-family: sans-serif;

}
.tabs-home2 .elementor-tab-title {
    font-family: "Poppins", Sans-serif;
    font-size: 12px;
    font-weight: 700;
    border: 2px solid white;
    line-height: 16px;
}
.tabs-home2 .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
    border-color: #d4d4d4;
    background-color: #eaeaea;
    color: #008AFA;
}
.gsc-workprocess:after {
       content: '';
    background: url(https://samrafacilitiesinc.tprwebtest.com/wp-content/uploads/2021/10/line-workflow-svg.png) repeat-x 46% 0 transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -13%;
    left: 0;
    -webkit-transform: rotate( 
-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate( 
356deg);
    z-index: 1;
}
@media screen and (max-width:480px){
  .gsc-workprocess:after{
    display:none;
  }
}
.custom-gallery .eael-filter-gallery-control{
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: 1 1 auto;
    flex-flow: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0px;
    margin: 0px;
  justify-content: flex-start;
}
.custom-gallery .eael-filterable-gallery-loadmore {
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
}
@media screen and (max-width:480px){
  .custom-gallery .eael-filterable-gallery-loadmore{
    position:relative !important;
    text-align:center !important;
  }
}
.custom-testimonials img{
  height:139px !important;
}
.custom-testimonials span.swiper-pagination-bullet {
  margin-top:20px;  
  width: 42px;
    border-radius: 33px;
  background-color: #eaeaea;
}
.custom-contactform input:focus {
    background-color: transparent !important;
    box-shadow: none !important;
}
.custom-contactform textarea:focus {
    background-color: transparent !important;
    box-shadow: none !important;
}
.footer-iconbx .elementor-icon:before{
 content: "";
    position: absolute;
    border: 1px solid #4772d187;
    border-radius: 99px;
    padding: 37px;
    background: TRANSPARENT;
    top: 18% !important;
    Z-INDEX: 21 !IMPORTANT;
    background-color: transparent !important;
    left: 39%;
}
@media screen and (max-width:480px){
	  .footer-iconbx .elementor-icon:before{
 display:none;
}
}
.custom-menuss li {
    padding: 20px;
    background: #f3f3f3;
  margin-bottom: 6px;
}
.custom-menuss li:hover {
    padding: 20px;
    background: #008AFA;
}
.custom-menuss .current-menu-item.current_page_item{
   background: #008AFA;
}
.custom-menuss .current-menu-item.current_page_item a{
   color:white;
}
.custom-menuss li:hover a{
  color:white;
}
.custom-menuss ul{
  padding:0;
}
.custom-menuss li a {
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 600;
}
.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
    border-color: #d4d4d4 !important;
    background-color: #f1f1f1 !important;
}
@media screen and (max-width:480px){
.custom-tabbs ul.eael-tab-inline-icon{
  min-width:auto !important;
}
}
@media screen and (max-width:480px){
.custom-testimonials .elementor-testimonial{
   webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    display: inline-grid !important;
    flex-direction: row-reverse !important;
}
}
@media screen and (max-width:480px){
 .custom-testimonials img{
    width: 67px !important;
   height: 67px !important;
  }
}
@media screen and (max-width:480px){
  .custom-testimonials .elementor-testimonial__cite span, p{
    text-align:center !important;
  }
  @media screen and (max-width:480px){
  .custom-testimonials .elementor-testimonial__text{
    text-align:center !important;
  }
    @media screen and (max-width:480px){
  .custom-testimonials .elementor-testimonial__footer{
    padding:0px !important;
  }