/*==================================================================================
    Custom Stylesheet ( Any custom styling you want to apply should be defined here ).
====================================================================================*/
html {
  scroll-behavior: smooth;
}

.gradient-bg-green-yellow{
    background-image: linear-gradient(244deg, #128807 0%, #fdca10 100%) !important;
}
.gradient-bg-orange-yellow{
    background-image: linear-gradient(244deg, #F3903F 0%, #FDC70C 100%) !important;
}
.orange-bg{background-color: #D66B1D}
.icon-box.style-5 .inner .inner-icon img{width: 62px;}
.service-box {box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06); min-height: 255px;}
.service-box img{width: 62px;transition: inherit;transition-delay: 0s;}

.service-box:hover {background: linear-gradient(244deg, #F3903F 0%, #FDC70C 100%);}
.service-box:hover p{
	color: #fff !important;
}
body.template-color-12 .service-box:hover h4{color: #000000;}
body.template-color-12 .service-box:hover p{color: #575757}

.service-box:hover img {
    color: #ffffff;
    -webkit-transform: translateY(-0.625rem);
    transform: translateY(-0.625rem);
}

.section-shape-right {bottom: -22%;}

.section-title.dark-version .sl-list-2 .list-header .title-wrap h6.heading{
	color: #fff;
}
body.template-color-12 .section-title.dark-version .sl-list-2 .list-header.with-ckeck .marker::before{color: #fff !important}

.utility-box .inner img{
	-webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
	-webkit-transition: all .3s ease-in-out;;
	-moz-transition: all .3s ease-in-out;;
	-ms-transition: all .3s ease-in-out;;
	transition: all .3s ease-in-out;;
}

.utility-box .inner:hover img{
	-webkit-filter: invert(0); /* Safari/Chrome */
    filter: invert(0);
}

.about-banner {
    padding-top: 120px;
	background-position: center center;
	
}
.about-banner .banner-inner {
    width: 100%;
    height: 100%;
    position: relative;s
    z-index: 2;
    padding-top: 70px;
    padding-bottom: 70px;
}

.about-banner .banner-inner .banner-text h1 {
    font-size: 68px;
}

.about-banner .banner-inner .banner-table {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.about-banner .banner-inner .banner-table-center {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}