.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.quality-icon .elementor-image-box-img img {
    background: #f2f2f2;
    padding: 10px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 100%;
    transition-duration: 0.3s;
}
nav .hfe-nav-menu li.active {
    background-color: #DB6700;
}
nav .hfe-nav-menu li.active a{
    color:#000!important;
}
.quality-icon .elementor-image-box-img img:hover{
  background:#ff7f27
}
.service-content{
  padding: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
  color:#fff;
    height: 100%;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}
.service-item:hover .service-content{
  visibility:visible;
  opacity:1;
}
.normarl-text-area{
  display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding-left: 30px;
    transition: 0.5s;
     position: absolute; 
    width: 100%;
    bottom: 0;

}
.service-item .service-image{
  position:relative;
  overflow:hidden;
}
.service-item:hover .normarl-text-area {
    opacity: 0;
    visibility: hidden;
    right: -100%;
}

.elementor-199 .elementor-element.elementor-element-5f61e52 .swiper-slide-contents {
    max-width: 66%;
    opacity: 0.7;
    padding: 40px;
    background: #000;
}

.get-in-touch-form .e-form__buttons{
    margin:0 auto;
}

.project-image  {
	overflow: hidden;
    padding: 0;
   float:left;
    margin:10px;
	
}
.project-image img{
 transition-duration: 4s;
    margin: 0 auto;
    display: block;
}
.project-image img:hover{
transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    z-index: 0;
}
.about-skewed:before{
  position: absolute;
    border: 15px solid #1c63b8;
    content: '';
    width: 92%;
    height: 95%;
    z-index: -1;
      right: -40px;
    top: -40px;
  border-color: #ff5e15;
}

.project-sec .overlay-box{
 position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    padding: 32px 35px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: rgba(51, 51, 51, 0.90);
}
.lower-box{
  position:relative;
}
.lower-box:hover .overlay-box {
 opacity:1;
}
.text-overlay {
  position: relative;
    color: #ffffff;
    font-size: 15px;
    line-height: 2em;
}


.upper-icon{
  background:#efefef
}
.upper-icon img{
  padding:8px;
    left: 0px;
    top: 0px;
    width: 60px;
    height: 57px;
    color: #333333;
    font-size: 24px;
    line-height: 56px;
    text-align: center;
    background-color: #ffb200;
}
.divider-seperator span.elementor-divider-separator:after{
    content: "❯❯";
    position: absolute;
    left: 0;
    top: -12px;
    font-size: 17px;
    letter-spacing: -1px;
    height: 20px;
    width: 26px;
    color: #ff5e15;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
}
.divider-seperator span.elementor-divider-separator {
    position: relative;
}
.divider-seperator span.elementor-divider-separator:before{
  content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 28px;
    border-bottom: solid #fff 2px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
} 
nav .hfe-nav-menu li.active {
  background-color: #E67817;
  border-radius:4px;
   transition: 0.3s ease background-color;
}

@media(max-width:1024px){
    .about-skewed:before {
    position: absolute;
    border: 15px solid #1c63b8;
    content: '';
    width: 92%;
    height: 95%;
    z-index: -1;
    left: -40px;
    top: -40px;
    border-color: #ff5e15;
}
nav .hfe-nav-menu li.active a {
        background-color: #E67817 !important;
        
    }
}

.divider-seperator span.elementor-divider-separator:after, .divider-seperator span.elementor-divider-separator:before {
    -webkit-animation: heading-move 7s infinite linear;
    animation: heading-move 7s infinite linear;
}
.hfe-nav-menu li.active a{
  color:#fff!important;
}
.goshima-section{
scroll-margin-top: 60px;
}

@media(max-width:768px){
    
.project-sec .overlay-box {
    padding:10px;
}

.header-banner-text .swiper-slide-contents {
    max-width: 95%!important;
}
}


@keyframes heading-move{
  0% {
    transform: translateX(-1px);
}
50% {
    transform: translateX(72px);
}
100% {
    transform: translateX(-1px);
}
}/* End custom CSS */