/* General Styles Start */

:root {
    --theme-color: #ED662B;
}

ol,
ul {
    margin-left: 0;
	margin-bottom: 0;
}

a:focus {
    outline: none;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    counter-reset: box;
}
body {
	margin: 0 !important;
}
body .mx-2 {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
/* General Styles End */

/* max mega menu styles start  */
/* Hide icon by default */
/* .mega-menu .e-n-tab-title .e-n-tab-icon {
    display: none;
}
 
.mega-menu .e-n-tab-title[aria-selected="true"] .e-n-tab-icon {
    display: block;
} */
/* max mega menu styles end  */

header.site-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
header.sticky_header {
    position: fixed;
    background-color: #FFF;
    box-shadow: 2px 1px 6px 0px rgb(0 0 0 / 10%);
    z-index: 999;
}

header.sc_down {
    transform: translateY(-100px);
}

header.sticky_header>div {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    transition: 0.24s linear;
}

.logo_slider img{
	filter: grayscale(100%);
}
body .logo_slider .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
  transition-duration: linear !important;
}
.logo_slider {
    position: relative;
}
.logo_slider::before {
    content: "";
    background: url("../images/left-shadow.svg") no-repeat;
    left: -15px;
    top: 50%;
    width: 114px;
    height: 100%;
    position: absolute;
    z-index: 9;
    transform: translateY(-50%);
    background-position: center center;
}
.logo_slider::after {
    content: "";
    background: url("../images/right-shadow.svg") no-repeat;
    right: -15px;
    top: 50%;
    width: 114px;
    height: 100%;
    position: absolute;
    z-index: 9;
    transform: translateY(-50%);
    background-position: center center;
}
.blog-item .title-post a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.details-btn a:hover svg path, .details-btn a:focus svg path {
    stroke: #383838;
}
/* contact form css */
 
.form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.form-wrapper .w-50{
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.w-50 .form-field{
    width: 100%;
}
.form-wrapper .form-notes {
    margin-top: -10px;
}
.form-wrapper .form-notes label {
color: #bbb;
}
.form-wrapper .form-field .btn {
        padding-right: 40px !important;
        border: none;
}
.form-wrapper .form-field.add-arrow {
    position:relative;
    display:inline-block;
}
.hover-white-icon a:hover svg path{
    stroke: #FFF;
}
.form-wrapper .form-field.add-arrow svg {
    position:absolute;
    top: 50%;
    transform:translatey(-50%);
    right: 20px;
}
.wpcf7-spinner {
    display:none;
}
.form-field .field {
    padding: 8px 14px;
    min-height: 50px;
    width: 100%;
    color: #000000;
    border-radius: 4px;
}
/* contact form css */
 
.process-section .process {
    position: sticky;
}
 
.process-section .process.process-1 {
    top: 100px;
    z-index: 1;
}
 
.process-section .process.process-2 {
    top: 108px;
    z-index: 2;
}
 
.process-section .process.process-3 {
    top: 113px;
    z-index: 3;
}
 
.process-section .process.process-4 {
    top: 121px;
    z-index: 4;
}
 
.process-section .process.process-5 {
    top: 130px;
    z-index: 5;
    transform: rotate(0.9999deg) scale(1.01);
}
 
.process-section .process::before {
    position: absolute;
    content: "";
    bottom: 30px;
    left: 30px;
    counter-increment: box;
    content: counter(box);
    font-size: 1.14em;
    font-weight: 500;
    color: var(--theme-color);
}
 
.process-section .process::after {
    content: "";
    background-color: #8E8E93;
    height: 1px;
    width: calc(100% - 85px);
    left: 55px;
    bottom: 40px;
    position: absolute;
}

.counter-box span.elementor-counter-number-suffix {
    color: #000000;
    padding-left: 10px;
    line-height: 0.92em;
}
.counter-box span.elementor-counter-number-prefix {
	color: #000000;
    padding-right: 10px;
    line-height: 0.92em;
}
 
.counter-box-wrapper {
    position: relative;
}
 
.counter-box-wrapper .counter-box-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: 0.24s linear;
    background-color: #FFF;
}
 
.counter-box-wrapper:hover .counter-box>div {
    border-color: var(--theme-color) !important;
}
 
.counter-box-wrapper:hover .counter-box-content {
    opacity: 1;
    z-index: 9;
}
.success-stories .counter-box h4{
	min-height: 66px;
}
.success-stories .counter-box-wrapper:hover .counter-box-content{
	height: 94%;
}
.counter-height {
    height: 100%;
}
.counter-height .elementor-counter-number-suffix{
    color: #2C2C2E;
}
.hovered-box:hover h3,
.hovered-box:hover p {
    color: #ffffff;
}
 
.hovered-box:hover svg {
    filter: brightness(0) invert(1);
}

.success-story-slider .slick-list{
	overflow: visible;
}
 
.success-story-slider .slick-dots{
	display: flex;
	list-style: none;
	justify-content: center;
	gap: 10px;
	padding-left: 0;
	margin-top: 10px;
}
 
.success-story-slider .slick-dots button {
	font-size: 0 !important;
    background: #8E8E9380;
    width: 12px !important;
    border-radius: 50px !important;
    border: none !important;
    cursor: pointer;
    height: 12px !important;
    padding: 0px;
}
.success-story-slider .slick-dots .slick-active button {
	width: 12px !important;
    border-radius: 10px !important;
	background: #8E8E93;
}
 
 
.success-story-slider .slick-dots .slick-active button:hover,
.success-story-slider .slick-dots button:hover{
	background: #636366 !important;
}
 
.success-story-slider{
	margin: 0 -15px !important;
}
 
.success-story-slider .story-slider-wrapper{
	margin: 15px;
}