/* ----------------------------------------------------------------------------------------
* Author        : Siddhi Infosoft
* Template Name : SaaSPro - Powerful SaaS & Startup - HTML Template
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. Client Logo Slider Section css
06. Creative Digital Agency Section css
07. Counter Section css
08. Our Services Section css
09. Brands Presents Section css
10. Portfolio List Section css
11. Testimonial Section css
12. Team Members css
13. Scroll Text Section css
14. SEO Experts Section css
15. Build The Success Section css
16. Video Section css
17. Selected Project Section css
18. Timeline Section css
19. Creative And Strategic Support Section css
20. Gallery Section css
21. Innovative Concepts Section css
22. About Us Section css
23. Innovative Growth Solutions Section css
24. Amazing Startup Section css
25. Empowering Businesses Section css
26. AI Images Section css
27. Pricing Plans css
28. Money Transfer Made Single Section css
29. Trusted Partners Section css
30. Event Section css
31. Fast And Scalable Section
32. Speed And Security Section css
33. Download And Experience Section css
34. FAQ Page css
35. Technology Meets creativity Section css
36. Start your Experience Section css
37. Form Section Css
38. Letest Blog Section css
39. Inner Pages Banner Css
40. Error Page css
41. Contact Page css
42. Shop List Page css
43. Shop Detail Page css
44. Cart Page css
45. Checkout Page css
46. My Account Page css
47. Wishlist Page css
48. Blog Page css
49. Blog Single css
50. Landing Page css
51. Footer css 
52. Responsive css


-------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header / #sisf-page-header
3. Navigation / .navbar
4. Page Sidebar / .sisf-page-sidebar
5. Div Section  / .section
6. Blog Section / .blogs-list
7. logo  / .logo-section, .logo-Slider
8. Gallery / .gallery-items
9. Team / .sis-team-member
10. Testimonioal / .-testimonioal-section
11. Footer / .main-footer
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Color codes]

Background: #212125 (Dark)
Content:    #FFFFFF (White)
Header h1:  #FFFFFF (White)
Header h2:  #FFFFFF (White)
Footer:     #C6C6C6 (light gray)

Main Color :  #2E5DEA ("Royal Blue")
Secondary Color : #A0FD62 ("Light Green")
Text White:   #ffffff (white)
Text Dark :   #000000 (Black)
a (standard): #FFFFFF
a (active):   #2E5DEA
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]

Body copy           :  16px/28px, 400, "Poppins", sans-serif (Default Font)
Heading h1          :  57px/3.5625em, 600, "Cormorant Infant", Sans-serif (Heading Font)
Heading h2          :  52px/3.25em, 600, "Cormorant Infant", Sans-serif (Heading Font)
Section SubTitle h3 :  16px/ "Poppins", sans-serif (Default Font)
Input, textarea     :  14px, "Poppins", sans-serif;
Sidebar heading     :  26px,500,normal "Poppins", sans-serif (Default Font);

-------------------------------------------------------------------------------------- */

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/

:root {
	--main-color: #2E5DEA;
	--dark-main-color: #24D2DD;
	--primary-color: #000000;
	--secondary-color: #A0FD62;
	--text-color: #311D19;
	--accent-color: #FE6035;
	--white-color: #FFFFFF;
	--divider-color: #FFFFFF26;
	--dark-divider-color: #E9E9E9;
	--error-color: rgb(230, 87, 87);
	--default-font: "Poppins", sans-serif;
	--heading-font: "Cormorant Infant", Sans-serif;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/

body {
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
	color: var(--white-color);
	letter-spacing: 0.8px;
	background-color: #212125;
	overflow: hidden;
}

.sisf--page {
	background-color: #0e0c43;
}

.sisf-ai-page {
	background-color: #110921;
}

.sisf-app-show-case-page {
	background-color: #090d12;
}

p {
	line-height: 32px;
	margin-bottom: 1.6em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 500;
	line-height: 1.75em;
	font-family: var(--heading-font);
}

h3 {
	font-size: 25px;
	line-height: 36px;
	font-weight: 500;
	letter-spacing: 2.08px;
	text-transform: none;
}

h4 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 600;
	letter-spacing: 0.96px;
	word-wrap: break-word;
}

h5 {
	font-weight: 500;
	text-transform: none;
	font-size: 22px;
	line-height: 1.5em;
	letter-spacing: 1px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

figure {
	margin: 0;
}

img {
	max-width: 100%;
}

a {
	color: var(--white-color);
	text-decoration: none !important;
}

a:hover {
	text-decoration: none;
	outline: 0;
}

a:focus {
	text-decoration: none;
	outline: 0;
}

html,
body {
	width: 100%;
	overflow-x: hidden;
}

.container {
	max-width: 1330px;
}


.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl,
.mfp-container {
	padding-right: 15px;
	padding-left: 15px;
}

.image-anime {
	position: relative;
	overflow: hidden;
}

.image-anime:after {
	content: "";
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: rgba(0, 0, 0, .4);
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: 1;
}

.image-anime:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}

.reveal {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	visibility: hidden;
	overflow: hidden;
}

.reveal img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transform-origin: left;
	transform-origin: left;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.row>* {
	padding-right: 15px;
	padding-left: 15px;
}

.row.no-gutters {
	margin-right: 0px;
	margin-left: 0px;
}

.row.no-gutters>* {
	padding-right: 0px;
	padding-left: 0px;
}

.btn-default {
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2em;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	background: var(--main-color);
	color: var(--white-color);
	border-radius: 50px;
	padding: 16px 28px 16px 28px;
	font-family: var(--default-font);
	border: 1px solid var(--main-color) !important;
	z-index: 1;
	transition: all 0.5s ease-in-out;
	overflow: hidden;
}

.btn-default i {
	margin-left: 5px;
}

.btn-default:hover {
	color: var(--main-color);
	border: 1px solid var(--white-color) !important;
	background-color: var(--white-color) !important;
}

.sisf-dropdown-cart-content .btn-default.rounded-0:hover {
    border: 1px solid var(--main-color) !important;
}

.btn-default::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	border-radius: 0%;
	background-color: var(--white-color);
	background-image: url('../images/arrow-orange.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px auto;
	transform: translate(-4px, -50%);
	transition: all 0.4s ease-in-out;
	display: none;
}

.btn-default:hover:before {
	transform: translate(-4px, -50%) rotate(45deg);
	background-size: 12px auto;
}

.btn-default::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 100%;
	border-radius: 0px;
	background: var(--white-color);
	transition: all 0.4s ease-in-out;
	z-index: -1;
}

.btn-default:hover::after {
	width: 100%;
}

.btn-secondary {
	color: var(--white-color);
	border: 1px solid var(--white-color) !important;
}

.btn-secondary:hover {
	color: var(--main-color) !important;
	border: 1px solid var(--main-color) !important;

}

.btn-secondary::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0%;
	border-radius: 0px;
	background: var(--white-color);
	transition: all 0.4s ease-in-out;
	z-index: -1;
}

.btn-secondary:hover::after {
	height: 100%;
}

.sisf-m-button .sisf-m-icon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.btn-default.btn-highlighted {
	background-color: var(--white-color);
	color: var(--accent-color);
}

.btn-default.btn-highlighted:hover {
	background-color: transparent;
}

.btn-default.btn-highlighted:before {
	background-color: var(--accent-color);
	background-image: url('../images/arrow-white.svg');
}

.btn-default.btn-highlighted::after {
	background-color: var(--primary-color);
}

.readmore-btn {
	background-color: var(--accent-color);
	border-radius: 50%;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.readmore-btn img {
	max-width: 15px;
	transition: all 0.3s ease-in-out;
}

#magic-cursor {
	position: absolute;
	width: 10px !important;
	height: 10px !important;
	pointer-events: none;
	z-index: 1000000;
}

#ball {
	position: fixed;
	display: block;
	left: 0;
	top: 0;
	transform: translate(-50%, -50%);
	width: 8px !important;
	height: 8px !important;
	background: var(--accent-color);
	margin: 0;
	border-radius: 50%;
	pointer-events: none;
	opacity: 1 !important;
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background-color: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading {
	height: 120px;
	position: relative;
	width: 120px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container {
	margin: 40px auto;
}

.loading-container .reveal {
	top: 6px;
}

.loading {
	border: 3px solid transparent;
	border-color: transparent var(--main-color) transparent var(--main-color);
	animation: rotate-loading 3.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading {
	transition: all 0.5s ease-in-out;
}

#loading-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 66px;
	transform: translate(-50%, -50%);
}

@keyframes rotate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.spin-img {
	animation: spin-img 10s linear infinite normal;
}

@keyframes spin-img {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.section-row {
	margin-bottom: 30px;
}

.section-row .section-title {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0;
}

.section-btn {
	text-align: end;
}

.section-title {
	margin-bottom: 40px;
}

.section-title .sisf-m-subtitle {
	color: var(--secondary-color);
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	font-family: var(--default-font);
	line-height: 1.5em;
	letter-spacing: .075em;					
	margin-bottom: 15px;
}

.section-title .sisf-subtitle {
	color: #54CD80;
	font-size: 16px;
	font-weight: 500;
	font-family: var(--default-font);
	text-transform: uppercase;
	line-height: 24px;
	letter-spacing: 4px;
	margin-bottom: 15px;
}

.sisf-decorated {
	border-radius: 4px; 
    background: linear-gradient(100deg, rgb(160, 253, 98) 6.09%, rgb(78, 202, 130) 99.98%);
    color: var(--primary-color);
    padding: 0px 4px;
    touch-action: manipulation;
}

.sisf-it-company .sisf-decorated {
	color: #282189;
}

.section-title h1 {
	font-size: 57px;
	font-weight: 600;
	line-height: 70px;
	text-transform: none;
	letter-spacing: 0px;
	margin-bottom: 30px;
}

.section-title h2 {
	margin-bottom: 20px;
	font-size: 52px;
    line-height: 60px;
    letter-spacing: 0.1px;
    font-weight: 600;
    text-transform: none;
	position: relative;
	z-index: 1;
}

.section-title .sisf-m-title i {
	font-size: 28px;
	color: var(--main-color);
	line-height: 1;
	display: inline-block;
	position: relative;
	top: -22px;
	left: -10px;
	transform: rotate(57deg);
}

.sisf-e-colored {
	color: var(--main-color) !important;
}

.sisf-e--colored {
	color: var(--secondary-color) !important;
}

.section-title .sisf-e-decorated {
	position: relative;
}

.section-title .sisf-e-decorated::before {
	content: "";
	height: 1px;
	left: 0;
	right: 0;
	bottom: 15px;
	margin: auto;
	background: var(--main-color);
	position: absolute;
	z-index: 0;
}

.section-title .spin-img img {
	vertical-align: middle;
}

.section-title p {
	margin-top: 25px;
	margin-bottom: 0;
}

.section-title .text-heading {
	line-height: 65px;
	letter-spacing: 2px;
	font-weight: 400;
	font-size: 45px;
	text-transform: uppercase !important;
	color: var(--primary-color) !important;
}

.section-title .text-heading .bottom-line {
	border-bottom: 1px solid var(--main-color);
	line-height: 1, 3;
}

.help-block.with-errors ul {
	margin: 0;
	text-align: left;
}

.help-block.with-errors ul li {
	color: var(--error-color);
	font-weight: 500;
	font-size: 14px;
}

.mobile-none {
	display: block !important;
}

.navbar-brand.mobile-block.sisf-header-logo-link {
	display: none !important;
}

.section {
	padding: 70px 0px 70px 0px;
}

.float {
	transition: transform 0.3s ease-in-out;
	animation: smoothupDown 5s infinite ease-in-out;
	transition: transform 0.3s ease-in-out;
}

@keyframes smoothupDown {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0);
	}
}

.float1 {
	transition: transform 0.3s ease-in-out;
	animation: smoothDownup 5s infinite ease-in-out;
	transition: transform 0.3s ease-in-out;
}

@keyframes smoothDownup {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(0);
	}
}

/* ====================== 
      BUZZ ANIMATION
=========================*/
.image-container {
	display: inline-block;
	overflow: hidden;
}

.image-container img {
	transition: transform 0.1s ease-in-out;
}

.image-container:hover img {
	animation: buzz 0.15s infinite alternate;
}

@keyframes buzz {
	0% {
		transform: translateX(2px) rotate(1deg);
	}

	50% {
		transform: translateX(-2px) rotate(-1deg);
	}

	100% {
		transform: translateX(2px) rotate(1deg);
	}
}

.animate-hover {
	transition: transform 0.1s ease-in-out;
}

.animate-hover:hover {
	animation: upDown 1s infinite alternate ease-in-out;
}

@keyframes upDown {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-15px);
	}
}

.sisf-underline--left {
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 2em;
	position: relative;
}

.sisf-underline--left:after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--primary-color);
	transition: .3s ease-in-out;
	backface-visibility: hidden;
}

.sisf-underline--left:hover:after {
	width: 0%;
	transition: .3s ease-in-out;
}

.comman-bg {
	background-color: #1A1A1A;
}

.bg-texture-dark {
	background-color: #1C1D20 !important;
}

.bg--texture-dark {
	background-color: #170C2D !important;
}

.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 45px;
    height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
    background-color: var(--main-color);
    color: var(--white-color);
    font-size: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: normal;
    z-index: 999;
    opacity: 0;
	border: none;
	outline: none;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.back-to-top:hover {
	color: var(--main-color);
    background-color: var(--white-color);
	transition: all 0.3s ease-in-out;
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
	transition: all 0.3s ease-in-out;
}


/************************************/
/**** 	   03. Header css		 ****/
/************************************/
.sisf-skin--light .container-fluid {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-top {
	background-color: #212125;
	padding: 10px 0px;
}

.sisf--it-company .header-top,
.sisf--it-company .sisf--header {
	background-color: #000000b8 !important;
}

.header-top .container {
	padding: 0 45px !important;
}

.header-top.bg-black .container {
	padding: 0 15px !important;
}

.header-top a {
	cursor: pointer;
    color: var(--white-color);
	font-size: 16px;
	transition: 0.4s ease-in-out;
}

.header-top a:hover {
    color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.header-top .mail-us .fa-envelope {
	position: relative;
	top: 2px;
}

.header-top .header_col {
	display: flex;
	align-items: center;
	padding: 0;
	justify-content: space-between;
}

.widget .sisf-icon-list-item .icon-call-out::before {
	position: relative;
	top: 1px;
	margin-right: 5px;
	font-size: 16px;
}

.sisf-skin--light .sisf-e-title-text {
	color: var(--white-color) !important;
	font-size: 16px !important;
	transition: 0.3s ease-in-out;
}

.header-top .sisf-icon--icon-pack .sisf-e-title-text:hover {
	color: var(--main-color) !important;
	transition: 0.3s ease-in-out;
}

.header-top .mail-us .sisf-e-title-text:hover {
	color: var(--main-color) !important;
	transition: 0.3s ease-in-out;
}

header.main-header {
	position: relative;
	border-bottom: 1px solid var(--divider-color);
	z-index: 100;
}

header.main-header .header-sticky {
	position: relative;
	top: 0;
	z-index: 100;
}

header.main-header .header-sticky.hide {
	transform: translateY(-100%);
	transition: transform 0.3s ease-in-out;
	border-radius: 0;
}

header.main-header .header-sticky.active {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 0;
	transform: translateY(0);
	background: var(--primary-color);
	border-bottom: 1px solid var(--divider-color);
	backdrop-filter: blur(30px);
}

.navbar {
	padding: 0px 0;
	align-items: center;
}

.navbar-brand {
	padding: 0;
	margin: 0;
}

.sisf-main-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
	height: auto;
}

#sisf-page-header-inner {
	background-color: transparent;
	position: relative;
	height: 100%;
	padding: 20px 0px 0 0px;
}

.sisf-divided-header-left-wrapper,
.sisf-divided-header-right-wrapper {
	width: 100%;
	height: 90px;
}

.sisf-divided-header-left-wrapper .navbar {
	margin: 0 45px 0 0;
	position: static;
}

.sisf-centered-header-wrapper .navbar {
	position: static;
}

.sisf--header {
	background-color: #212125;
	border-radius: 100px;
	padding: 0 45px;
}

.startup-page {
	background-color: #0C0C0C !important;
}

.sisf-page .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #212125;
	border-radius: 100px;
	padding: 0 45px !important;
}


.sisf-divided-header-right-wrapper .navbar {
	margin: 0 0 0 45px;
	position: static;
}

.sisf-header-logo-link.navbar-brand {
	position: relative;
	display: flex !important;
	align-items: center;
	flex-shrink: 0;
	max-height: 100%;
	height: auto;
	justify-content: center;
}

.sisf-header-logo-link.navbar-brand img {
	width: 162px;
	height: auto;
}

#sisf-page-header-inner .input-group .form-control {
	background: transparent !important;
	font-size: 17px;
}

#sisf-page-header-inner .input-group input::placeholder {
	color: var(--white-color)  !important;
}


#sisf-page-header-inner .input-group input:focus,
#sisf-page-header-inner .input-group input {
	color: var(--white-color)  !important;
}

.sisf-divided-header-left-wrapper .icon-location-pin,
.sisf-divided-header-left-wrapper .store-location {
	font-size: 20px;
}

.sisf-divided-header-left-wrapper .icon-location-pin {
	position: relative;
	top: 2px;
}

.sisf-skin--light .sisf-icon-holder {
	color: var(--primary-color);
	font-family: var(--default-font);
}

.sis_core_woo_dropdown_cart .sisf-dropdown-cart-content {
	display: block;
	padding: 30px 20px;
	text-align: left;
	background: #fff;
	border: 1px solid #ebebeb;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgb(235, 235, 235);
	border-top: 1px solid var(--sis-main-color);
	transform: translateY(8px);
	opacity: 0;
	transition: opacity .6s ease-out, transform .4s ease-out;
	position: absolute;
	top: 85%;
	left: auto;
	right: -24px;
	width: 305px;
	opacity: 0 !important;
	visibility: hidden !important;
	z-index: 1000;
}

.sis_core_woo_dropdown_cart:hover .sisf-dropdown-cart-content {
	transform: translateY(0) !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.sis_core_woo_dropdown_cart,
.header-favorite-icon {
	position: relative;
}

.user-icon .dripicons-user i {
	color: var(--primary-color);
	font-size: 26px;
}

.header-favorite-icon i {
	font-size: 30px;
	color: var(--primary-color);
}

.header-favorite-icon .sisf-m-opener-count {
	top: -10px !important;
	right: -10px !important;
}

.header-icon .sisf-icon-list-item {
	background-color: rgba(255, 255, 255, 0.2);
	padding: 8px 20px 8px 20px;
	border-radius: 50px;
}

.header-icon .search-container {
	position: relative;
	display: inline-block;
}

.header-icon .search-input {
	background-color: transparent;
	border: none;
	outline: none;
	width: 220px;
}

.header-icon .search-input::placeholder {
	color: var(--white-color);
}

.header-icon .search-input {
	color: var(--white-color);
}

.header-icon .sisf-icon-list-item .search-btn {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	background: var(--primary-color);
	border: none;
	border-radius: 50%;
	padding: 5px;
	width: 30px;
	color: var(--white-color);
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sisf-m-opener-count {
	position: absolute;
	top: -13px;
	right: -15px;
	width: 25px;
	height: 25px;
	border-radius: 100px;
	background: var(--primary-color);
	color: var(--white-color);
	font-size: 14px;
	display: flex;
	font-weight: 500;
	line-height: 1.39em;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-top: 4px;
}

.sis_core_woo_dropdown_cart .sisf-m-opener-icon i {
	font-size: 25px;
}

.sisf-divided-header-right-wrapper .sisf-widget-holder {
	height: 100%
}

.sisf-divided-header-right-wrapper .sisf-widget-holder>div {
	margin: 0 15px;
	position: relative;
	height: 100%;
	align-items: center;
	display: flex;
}

.sisf-divided-header-right-wrapper .sisf-widget-holder>div:first-child {
	margin-left: 0
}

.sisf-divided-header-right-wrapper .sisf-widget-holder>div:last-child {
	margin-right: 0
}

.sisf-divided-header-right-wrapper .sisf-widget-holder .sisf-m-opener {
	position: relative;
}

.sisf-divided-header-right-wrapper .sisf-widget-holder .sisf-m-opener .sisf-m-opener-count {
	text-align: center;
	font-family: inherit;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: .75px;
	text-transform: uppercase;
	width: 22px;
	height: 22px;
	background: var(--main-color);
	border-radius: 50px;
	position: absolute;
	top: -12px;
    right: -15px;
	color: var(--white-color);
}

.cart-image {
	width: 14px;
    height: 19px;
}

.sisf-button.sisf-layout--outlined {
	letter-spacing: 0.5px;
	line-height: 25px;
	border: 1px solid var(--main-color);
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	width: auto;
	background-color: var(--main-color);
	margin: 0;
	border-radius: 0px;
	outline: 0;
	transition: color .3s ease-out, background-color .3s ease-out, border-color .3s ease-out;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px 30px;
	color: var(--white-color);
}

.sisf-button.sisf-layout--outlined:hover {
	border: 1px solid var(--main-color);
	background-color: var(--white-color);
	transition: 0.4s ease-in-out;
	color: var(--main-color);
}

.sisf-button.sisf-layout-outlined {
	border: 0;
	border-top: 1px solid var(--main-color);
	border-bottom: 1px solid var(--main-color);
	font-family: var(--heading-font);
	font-size: 20px;
	font-style: normal;
	color: var(--main-color);
	border-radius: 0;
	padding: 16px 28px 16px 28px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 1px;
	background-color: transparent;
	transition: 0.4s ease-in-out;
}

.sisf-button.sisf-layout-outlined:hover {
	background-color: #3C2525;
	transition: 0.4s ease-in-out;
	color: var(--main-color);
}

.select2-dropdown {
	width: 100% !important;
    background: #232528;
    padding: 20px;
    min-width: 325px;
	border-radius: 10px;
	border: none !important;
    left: -13px !important;
    top: 13px;
}

.select2-search--dropdown .select2-search__field {
	background-color: var(--white-color);
	border-radius: 50px;
	padding: 15px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected {
	background: var(--main-color);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--white-color) !important;
}

.select2-container--default .select2-selection--single {
	background-color: transparent;
}

.main-menu .nav-menu-wrapper {
	flex: 1;
	text-align: center;
}

.main-menu .nav-menu-wrapper>ul {
	align-items: center;
	display: inline-flex;
}

.main-menu ul li {
	margin: 0 0px;
	position: relative;
	padding: 0px;
}

.main-menu ul li a {
	font-size: 14px;
	font-weight: 400;
	font-family: var(--default-font);
	padding: 0px !important;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
	text-transform: none;
	line-height: 24px;
	position: relative;
	letter-spacing: 2px;
}

.sisf-skin--light .main-menu ul li a {
	color: var(--white-color);
}

.main-menu-inner ul li a {
	font-size: 16px;
	font-weight: 400;
	font-family: var(--default-font);
	padding: 0px 15px !important;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
	text-transform: none;
	line-height: 24px;
	position: relative;
	letter-spacing: 2px;
}

.main-menu ul.navbar-nav>li>a {
	line-height: 90px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
}

.main-menu ul li.submenu>a:after {
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
	display: none;
}

.main-menu ul.submenu>li>a::before {
	content: '';
	position: absolute;
	width: 10px;
	background-size: auto;
	background-size: 100%;
	left: -4px;
	height: 1px;
	margin-right: 10px;
	display: inline-block;
	z-index: 5;
}

.main-menu ul li.submenu>a:hover:before {
	transform: inherit;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus {
	color: var(--main-color);
}

.main-menu ul ul {
	visibility: hidden;
	opacity: 0;
	transform: scaleY(0.8);
	transform-origin: top;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 260px;
	border-radius: 0;
	position: absolute;
	left: -10px;
	top: 100%;
	background-color: var(--primary-color);
	border-top: 1px solid var(--main-color);
	transition: all 0.4s ease-in-out;
	text-align: left;
	padding: 20px 0;
}

.main-menu ul ul ul::before {
	display: none;
}

.main-menu ul li.submenu ul li.submenu>a:after {
	content: '\f105';
	float: right;
}

.main-menu ul li.submenu:first-child ul ul {
	width: 250px;
}

.main-menu ul ul ul {
	left: 100%;
	top: 0;
	text-align: left;
}

.main-menu ul ul li {
	margin: 0;
	padding: 6px 20px;
}

.main-menu ul ul li a {
	color: var(--white-color) !important;
	padding: 6px 0px 6px 0px !important;
	transition: all 0.3s ease-in-out;
	font-family: var(--default-font);
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 0.8px;
	text-transform: none;
	position: relative;
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:hover .menu-item-arrow {
	color: var(--main-color) !important;
	transition: all 0.3s ease-in-out;
}

.main-menu ul ul li a:before {
	content: "+";
	font-family: FontAwesome !important;
	line-height: 1;
	display: inline-block;
	position: absolute;
	top: 35%;
	left: -4px;
	right: initial;
	opacity: 1;
	transition: all 0.5s ease-in-out;
	font-weight: 300;
	font-size: 14px;
	display: none;
	width: 0%;
}

.main-menu ul ul li:hover a:before {
	display: block;
	transition: all 0.5s ease-in-out;
	width: 100%;
}

.main-menu ul li:hover>ul {
	visibility: visible;
	opacity: 1;
	transform: scaleY(1);
	padding: 5px 0;
	transition: all 0.4s ease-in-out;
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus {
	background-color: transparent;
	padding-left: 15px !important;
}

.main-menu ul ul li a::before {
	display: none !important;
	transition: 0.3s ease-in-out;
}

.main-menu ul ul li a:hover:before {
	display: block !important;
	transition: 0.3s ease-in-out;
}

.main-menu ul ul li .page-link:hover:before {
	display: none !important;
}

.main-menu ul ul li .page-link:hover,
.main-menu ul ul li .page-link:focus {
	background-color: transparent;
	padding-left: 0px !important;
}

.main-menu ul li.highlighted-menu {
	display: none;
}

.menu-item-arrow {
	position: absolute;
    top: calc(50% - 6px);
    right: 0;
    font-size: 12px;
    color: var(--white-color);
    line-height: normal;
	transition: all 0.3s ease-in-out;
}

.main-menu .mega-menu-item {
	position: static;
}

.main-menu .mega-menu-item .mega-menu {
	width: 100%;
	left: 0;
	right: 0;
	padding: 0 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.main-menu .mega-menu-item .mega-menu .nav-item.px-0 {
	padding: 10px !important;
}

.main-menu .mega-menu .nav-item {
	width: 20%;
	padding: 20px 10px !important;
}

.main-menu .mega-menu-item .mega-menu .sisf-menu-title {
	font-size: 22px;
	font-family: var(--default-font);
	font-weight: 600;
	margin-bottom: 15px;
	text-transform: capitalize;
	color: var(--white-color);
}

.page--link {
	margin-top: 5px;
}

.responsive-menu,
.navbar-toggle {
	display: none;
}

.responsive-menu {
	top: 0;
	position: relative;
}

.slicknav_btn {
	background: #fff;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	margin: 0;
	border-radius: 0 0 0px 0;
}

.slicknav_icon .slicknav_icon-bar {
	display: block;
	width: 100%;
	height: 1px;
	width: 40px;
	background-color: var(--secondary-color);
	border-radius: 6px;
	margin: 10px auto !important;
	transition: all 0.1s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar:first-child {
	margin-top: 0 !important;
}

.slicknav_icon .slicknav_icon-bar:last-child {
	margin-bottom: 0 !important;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
	transform: rotate(-45deg) translate(-10px, 5px);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
	opacity: 0;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
	transform: rotate(45deg) translate(-11px, -6px);
}

.slicknav_menu {
	position: absolute;
	width: 100%;
	padding: 0;
	background: #212125;
	border-radius: 0 0 0px 0;
}

.slicknav_menu ul {
	margin: 5px 0;
}

.slicknav_menu ul ul {
	margin: 0;
}

.slicknav_nav li {
    border-bottom: 1px solid #2f2f2f;
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a {
	position: relative;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 20px;
	color: #DEDEDE;
	line-height: normal;
	margin: 0;
	border-radius: 0 !important;
	transition: all 0.3s ease-in-out;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover {
	background-color: transparent;
	color: var(--main-color);
}

.slicknav_menu ul ul li a {
	padding: 10px 20px 10px 30px;
	font-weight: 500;
	font-size: 14px;
}

.slicknav_menu ul ul li a:hover {
	color: var(--main-color);
}

.slicknav_arrow {
	font-size: 0 !important;
}

.slicknav_arrow:after {
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 15px;
	margin-left: 8px;
	color: #DEDEDE;
	position: absolute;
	right: 15px;
	top: 15px;
	transition: all 0.3s ease-out;
}

.slicknav_open>a .slicknav_arrow:after {
	transform: rotate(-180deg);
	color: var(--secondary-color);
}

.navbar-sidebar {
	position: absolute;
	right: 0%;
	top: 0%;
	bottom: 0%;
	vertical-align: middle;
}

.left-menu-side-area-menu ul li {
	margin-bottom: 20px;
}

.left-menu-side-area-menu ul li a {
	font-family: var(--heading-font);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.4px;
	color: #D4B79D !important;
	display: block;
	position: relative;
	transition: all ease 0.5s;
}

.left-menu-side-area-menu ul li a::before {
	position: absolute;
	left: 0px;
	height: 1px;
	width: 15px;
	background-color: #D4B79D;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .4s ease-out;
	border-radius: 0px;
	content: "";
	top: 0;
	bottom: 0;
	margin: auto;
}

.left-menu-side-area-menu ul li a:hover::before {
	transform: scaleX(1);
	transition: transform .4s ease-out;
	background-color: var(--white-color);
}

.left-menu-side-area-menu ul li a:hover {
	padding-left: 30px !important;
	color: var(--white-color) !important;
}

.contact-information .sisf-icon-list-item .sisf-icon-holder {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: var(--white-color);
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 50px;
}

.contact--information .sisf-icon-list-item .sisf-icon-holder {
	background: var(--main-color);
}

.contact--information .sisf-icon-list-item .sisf-icon-holder i {
	color: var(--white-color) !important;
}

.contact-information h4 {
	font-size: 18px;
	line-height: normal;
	font-family: var(--default-font);
	font-weight: 500;
}

.contact-information .sisf-icon-list-item .sisf-icon-holder i {
	color: var(--text-color);
}

.contact-information h3,
.sidebar-social-links h3 {
	color: #D4B79D;
}

.sidebar-social-links ul li {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid var(--white-color);
	display: flex;
	justify-content: center;
	transform: scale(1);
	align-items: center;
	min-width: 50px;
	transition: 0.4s ease-in-out;
}

.sidebar-social-links ul li:hover {
	transform: scale(1.05);
	transition: 0.4s ease-in-out;
}

.sidebar-social-links ul li a {
	color: var(--white-color);
	line-height: normal;
}

.sisf-standerd--header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sisf-standerd--header .main-menu ul ul ul {
	left: -100%;
}

/************************************/
/***        04. Hero css	      ***/
/************************************/

.hero {
	position: relative;
	overflow: hidden;
	padding: 250px 0;
	z-index: 1;
}

.hero .hero-slider-layout {
	background-image: url('../images/hero_bg.png') no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.sisf-it-company .hero-slider-layout {
    background-image: url("../images/hm5-hero_bg-1.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.app-showcase-page .hero-slider-layout {
    background-image: url("../images/app_showcase_hero_bg1.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	width: 100%;
	padding-top: 150px;
}

.hero::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--primary-color);
	opacity: 60%;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.hero-video .hero-bg-video {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
}

.hero-video .hero-bg-video::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--primary-color);
	opacity: 40%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero-video .hero-bg-video video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero.hero-slider {
	background: none;
	padding: 0;
}

.hero-slider-layout .hero-slide {
	position: relative;
	padding: 0px;
	min-height: 750px;
	display: flex;
	justify-content: center;
	align-items: end;
}

.sisf-it-company .hero-slider-layout .hero-slide {
	min-height: 880px;
}

.hero.hero-slider:before {
	display: none;
}

.hero.hero-slider .hero-slider-layout {
	position: relative;
	z-index: 2;
}

.hero.hero-slider .hero-slider-layout .hero-slide .hero-slider-image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.hero.hero-slider .hero-slider-layout .hero-slide .hero-slider-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero.hero-slider .hero-slider-layout .hero-slide .hero-content {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

.swiper .swiper-slide {
	position: relative;
}

.swiper .swiper-slide .mask-group {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 5;
}

.swiper-slide .header-contact-info {
	position: absolute;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40%;
	top: 59%;
	transform: rotate(-90deg);
	left: -16%;
	z-index: 3;
}

.swiper-slide .header-contact-info .contact-number::before {
	content: '';
	position: absolute;
	width: 200px;
	height: 1px;
	background: var(--white-color);
	left: 0;
	top: 48%;
}

.swiper-slide .header-contact-info .contact-number::after {
	content: '';
	position: absolute;
	width: 200px;
	height: 1px;
	background: var(--white-color);
	right: 0;
	top: 48%;
}

.hero-slider-layout .hero-pagination {
	position: absolute;
	text-align: center;
	z-index: 2;
	bottom: 80px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: auto;
	padding-top: 0px;
}

.hero-slider-layout .hero-pagination .swiper-pagination-bullet {
	width: 24px;
	height: 23px;
	background: var(--white-color);
	opacity: 1;
	transition: all 0.3s ease-in-out;
	margin: 0 12px;
	position: relative;
	border: 2px solid transparent;
}

.hero-slider-layout .hero-pagination .swiper-pagination-bullet:before {
	content: "";
	width: 7px;
	height: 7px;
	background: #c2a56b;
	opacity: 1;
	transition: all 0.3s ease-in-out;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50px;
	opacity: 0
}

.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active {
	background-color: transparent;
	border: 3px solid #c2a56b;
}

.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active:before {
	opacity: 1
}

.hero-content {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	z-index: 10;
}

.hero-content .section-title p {
	width: 100%;
	margin-top: 0px;
	color: var(--primary-color);
	padding-bottom: 30px;
	font-size: 16px;
	text-align: center;
}

.hero-content .btn-slider {
	background: var(--main-color);
	line-height: 30px;
	letter-spacing: 0.8px;
	font-family: var(--default-font);
	border: 1px solid var(--main-color);
	font-weight: 500;
	padding: 15px 30px;
	font-size: 16px;
	border-radius: 50px;
	color: var(--white-color);
	text-transform: uppercase;
	transition: all ease 0.5s;
}

.hero-content .btn-slider:hover {
	background-color: var(--white-color) !important;
	color: var(--main-color);
	border: 1px solid var(--white-color);
	transition: all ease 0.5s;
}

.hero-content .btn-slider i {
	margin-left: 5px;
	transform: rotate(-40deg);
}

.hero-content-body .btn-default.btn-highlighted {
	margin-left: 30px;
}

.down-arrow a {
	position: absolute;
	top: auto;
	left: 50%;
	bottom: 30px;
	width: 30px;
	height: 50px;
	border: 2px solid var(--white-color);
	border-radius: 100px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transform: translate(-50%);
	animation: jumpInfinite 1.5s infinite;
	transition: all 0.3s ease-in-out;
	z-index: 2;
}

.down-arrow a:hover {
	border-color: var(--accent-color);
}

.down-arrow a i {
	font-size: 20px;
	color: var(--white-color);
	transition: all 0.3s ease-in-out;
}

.down-arrow a:hover i {
	color: var(--accent-color);
}

@keyframes jumpInfinite {
	0% {
		margin-bottom: 0;
	}

	50% {
		margin-bottom: 20px;
	}

	100% {
		margin-bottom: 0;
	}
}

.hero .home-slide .section-title h1 {
	color: var(--white-color);
	position: relative;
	padding: 50px 0 0 100px;
	z-index: 3;
	text-transform: uppercase !important;
}

.hero .home-slide .slider-image {
	position: relative;
	z-index: 4;
	padding-bottom: 60px;
}

.hero .home-slide p {
	padding-top: 0 !important;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
	display: block;
	width: 60px;
	height: 60px;
	display: flex;
	background-color: var(--primary-color);
	opacity: 1;
	justify-content: center;
	align-items: center;
	border-radius: 0%;
	transition: 0.3s ease-in-out;
}

.hero-slider .swiper-button-prev::after,
.hero-slider .swiper-button-next::after {
	color: var(--white-color);
	line-height: 70px;
	font-size: 20px;
	opacity: 1;
	font-weight: 900;
}

.hero-slider .swiper-button-prev:hover,
.hero-slider .swiper-button-next:hover {
	background: #c2a56b;
	opacity: 1;
	transition: 0.3s ease-in-out;
}

.hero--image {
	margin: -50px 0 0 -50px ;
}

.hero-image1 {
	margin-left: -50px;
}

.sis-hero-image img {
	aspect-ratio: 1;
	object-fit: cover;
}

.small-image-animated,
.small-image--animated {
	position: absolute;
	top: 0;
	left: 0;
}

.small-image--animated {
	right: -8% !important;
	left: auto;
	top: -7%;
}

.small-image--animated .discount-img {
	width: 220px;
	height: 170px;
	object-fit: fill;
}

.small-image-animated.zoom-in-out-3d {
	width: 300px;
	top: 3% !important;
	left: -20% !important;
}

.btm-empowering-image {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.graphic-fade-image {
	position: absolute;
	left: 0%;
	bottom: 20%;
}

.graphic-fade--image {
	position: absolute;
	right: 0%;
	bottom: 20%;
}

.arrow-image {
	position: absolute;
	bottom: 35%;
	left: 30%;
}

.hero--content {
	padding-top: 150px;
}

.hero_video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero_video video {
	width: 100%;
	height: 100%;
	min-height: 700px;
	object-fit: cover;
}

.hero--slide {
	height: 700px;
}

.sis-color {
	color:#4ECA82 !important;
}

.animated-images {
	position: absolute;
	bottom: 5%;
	z-index: 2;
	left: 40%;
}

.animated-images-1 {
	left: 18% !important;
	top: 25%;
}

.slider-right-image img {
	aspect-ratio: 1 / 1.06;
    object-fit: cover;
}

/* =================================
     Animation
==================================== */

.animate-wobble:hover {
	animation: wobble-vertical 0.8s ease-in-out;
}

@keyframes wobble-vertical {

	0%,
	100% {
		transform: translateY(0);
	}

	15% {
		transform: translateY(-8px);
	}

	30% {
		transform: translateY(5px);
	}

	45% {
		transform: translateY(-5px);
	}

	60% {
		transform: translateY(3px);
	}

	75% {
		transform: translateY(-1px);
	}
}

.zoom-in-out-3d {
	display: inline-block;
	animation: grayscaleZoom3D 3s infinite ease-in-out;
	transform-style: preserve-3d;
}

@keyframes grayscaleZoom3D {
	0% {
		filter: grayscale(100%);
		transform: scale(1) rotateY(0deg);
	}

	50% {
		filter: grayscale(0%);
		transform: scale(1.2) rotateY(180deg);
	}

	100% {
		filter: grayscale(100%);
		transform: scale(1) rotateY(360deg);
	}
}

.flip-image {
	backface-visibility: hidden;
    transform-style: preserve-3d;
    animation: flipY 1.5s linear infinite;
}

 @keyframes flipY {
    0% {
      transform: rotateY(45deg);
    }
    25% {
      transform: rotateY(20deg);
    }
    50% {
      transform: rotateY(0deg);
    }
    75% {
      transform: rotateY(-20deg);
    }
    100% {
      transform: rotateY(-45deg);
    }
}

.fadeinout {
	display: inline-block;
    animation: fadeInOutGray 2s ease-in-out infinite;
}

 @keyframes fadeInOutGray {
    0%, 100% {
        opacity: 0;
        filter: grayscale(100%);
    }
    50% {
        opacity: 1;
        filter: grayscale(0%);
    }
}


/* ===========================================
   (SaaSPro) 05 Client Logo Slider Section css
============================================== */
.logo-slider {
	overflow: hidden;
}

.client-logo .sisf-e-inner {
	transition: 0.2s ease-in-out;
	padding: 30px;
	text-align: center;
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.02);
    border-right: 1px solid #2D2F34;
	vertical-align: middle;
}

.client-logo .sisf-e-inner .sisf-image-holder {
	overflow: hidden;
	position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 0;
    margin: 0 0 0em;
}

.client-logo .sisf-e-inner .logo-image {
	transform: translateY(0%);
	transition: 0.2s ease-in-out;
	opacity: 1;
}

.client-logo .sisf-e-inner:hover .logo-image {
	width: 100%;
	transform: translateY(-130%);
	transition: 0.2s ease-in-out;
	opacity: 0;
}

.client-logo .sisf-e-inner .highlighted-image {
	width: 100%;
	transform: translateY(130%);
	transition: 0.2s ease-in-out;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.client-logo .sisf-e-inner:hover .highlighted-image {
	transform: translateY(0%);
	transition: 0.2s ease-in-out;
	opacity: 1;
}

.sisf-showcase .sisf-e-inner {
   padding: 20px 30px;
   border-radius: 80px;
   border: 1px solid #3E4B5C;
}   

/* ================================================
   (SaaSPro) 06 Creative Digital Agency Section css
==================================================== */
.creative-agency{
	margin: 20px 0 50px 0;
}

.creative-agency .title {
	margin-right: 30px;
}

.creative-agency h3 {
	font-size: 35px;
}


/* ================================
   (SaaSPro) 07 Counter Section css
=================================== */

.counter-section {
	border-top: 1px solid #2D2F34;
	border-bottom: 1px solid #2D2F34;
}

.sisf-counter-box {
	border-right: 1px solid #2D2F34;
	overflow: hidden;
}

.sisf-counter-box .counter-item {
    position: relative;
    z-index: 1;
    padding: 80px 25px;
}

.sisf-counter-box .counter-item .counter,
.sisf-counter-box .counter-item .sisf-digit-label {
   font-size: 44px;
}

.sisf-counter-box .counter-content h3 {
	font-size: 22px;
}

.sisf-counter-box .bg-image {
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   opacity: 0;
   transition: 0.3s ease-in-out;
}

.sisf-counter-box:hover .bg-image {
   opacity: 1;
   transition: 0.3s ease-in-out;
}

.sisf-counter-box .counter-item .sisf-m-icon {
	width: 35px;
	height: 35px;
	background-color: var(--main-color);
	position: absolute;
	top: 20px;
	left: 0;
	border-radius: 50%;
	z-index: -1;
}

.sisf--counter-box {
	display: flex;
	align-items: center;
}

.sisf--counter-box .counter {
	font-size: 90px;
    font-weight: 500;
    text-transform: uppercase;
	font-family: var(--default-font);
    letter-spacing: 4.7px;
    color: #322648;
}

.sisf--counter-box .counter-content h5 {
    line-height: 30px;
    letter-spacing: 1.1px;
	font-weight: 600;
    margin-top: -40px;
	text-align: center;
}

.sisf--counter-box .star-sm-image {
	width: 100%;
    text-align: center;
    margin-left: 30px;
}

.sisf--counter--box {
	padding-top: 70px;
}

.sisf--counter--box .counter-title span {
   font-size: 80px;
   font-weight: 700;
   text-transform: uppercase;
}

.sisf--counter--box .counter-content {
	border-top: 1px solid #7E7E7E;
    margin-top: -3px;
}

.sisf--counter--box .counter-content h5 {
	font-size: 18px;
	font-family: var(--default-font);
	margin-top: 15px;
}

.section-inner-counters {
	padding: 70px 0;
}

.section-inner-counters .counter-title span {
	font-size: 60px;
    font-weight: 400;
    letter-spacing: 2.2px;
    color: #06051B;
	font-family: var(--default-font);
}

.section-inner-counters .counter-content h3 {
    letter-spacing: 1.1px;
    color: #06051B;
	font-weight: 600;
}

.section-inner-counters.p-0 .counter-content h5 {
    font-family: var(--default-font);
}

.sisf-services-single .counter-title span {
	font-size: 75px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.sisf-services-single .counter-content h5 {
    color: #C2C2C2;
    font-style: normal;
    font-weight: 400;
	font-size: 20px;
	font-family: var(--default-font);
    line-height: 30px;
    letter-spacing: 2.7px;
    text-transform: uppercase;
}

/* =====================================
   (SaaSPro) 08 Our Services Section css
======================================== */
.sisf-services-item {
	padding: 25px;
	margin-bottom: 20px;
	border: 1px solid #3F3F3F;
	border-radius: 150px;
	transition: 0.3s ease-in-out;
}

.sisf-services-item:hover {
   background-color: var(--main-color);
   transition: 0.3s ease-in-out;
}

.sisf-services-item:hover .sisf--button .sisf-sis-button {
	background-color: var(--primary-color);
	transition: 0.3s ease-in-out;
}

.sisf--button .sisf-sis-button {
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #2A2A2F;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.sisf-services-item .sisf-m-content h3 a {
	color: var(--white-color);
	font-size: 20px;
	font-weight: 600;
	font-family: var(--default-font);
}

.sisf--button .sisf-sis-button .sisf-m-icon {
	line-height: 0;
}

.sisf--button .sisf-sis-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.sisf--button .sisf-sis-button .sisf-m-icon-inner {
	position: relative;
	overflow: hidden !important;
	display: inherit;
	padding: 1px;
	transform: rotate(-30deg);
}

.sisf--button .sisf-sis-button .icon1,
.sisf--button .sisf-sis-button .icon2 {
	color: var(--white-color);
	font-size: 20px;
	display: inline-block;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sisf--button .sisf-sis-button .icon1 {
	transform: translateX(0) translateY(0);
	transition-delay: .1s;
	opacity: 1;
	transition: transform .38s cubic-bezier(.37, .08, .02, .93), opacity .18s ease-in-out;
	will-change: transform;
}

.sisf--button .sisf-sis-button:hover .icon1 {
	transform: translateX(200%) translateY(0);
	opacity: 0;
	transition: transform .38s cubic-bezier(.37, .08, .02, .93), opacity .18s ease-in-out;
}

.sisf--button .sisf-sis-button:hover .icon2 {
	transform: translateX(0) translateY(0) translatez(0);
	transition-delay: .1s;
	transition: transform .38s cubic-bezier(.37, .08, .02, .93), opacity .18s ease-in-out;
	opacity: 1;
}

.sisf--button .sisf-sis-button .icon2 {
	transform: translateX(-150%) translateY(0);
	opacity: 0;
	position: absolute;
	opacity: 0;
	left: 1px;
	top: 1px;
	transition-delay: .1s;
	transition: transform .38s cubic-bezier(.37, .08, .02, .93), opacity .18s ease-in-out;
	will-change: transform;
}

.sisf-sis-right-side,
.sisf-sis--right-side {
	background-color: #2A2A2F;
    margin: 0px 0px 25px 0px;
    padding: 25px 25px 25px 25px;
    border-radius: 30px 30px 30px 30px;
}

.sisf-sis-right-side .sisf-sis-button {
	background-color: var(--main-color);
}

.sisf-sis-right-side .sisf-shortcode,
.sisf-sis--right-side .sisf-shortcode {
	margin-top: 100px;
}

/* ======================================
   SEO Agency Page - Services Section css
========================================= */
.sisf-services-list-item {
	padding: 20px 0;
	border-bottom: 1px solid #3F3F3F;
	position: relative;
}

.sisf-services-list-item .sisf-e-title-link {
	display: flex;
	align-items: center;
	gap: 10px; 
	font-family: var(--default-font);
	transition: 0.3s ease-in-out;
}

.sisf-services-list-item:hover .sisf-e-title-link,
.sisf-services-list-item:hover .sisf-services-count,
.sisf-services-list-item:hover .services_seprator {
	background: linear-gradient(100deg, var(--secondary-color), #4ECA82);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	transition: 0.3s ease-in-out;
	-webkit-text-stroke-color: transparent;
	-webkit-text-stroke-width: 0px;
}

.sisf-services-list-item .sisf-services-count,
.sisf-services-list-item .services_seprator {
	color: transparent;
	-webkit-text-stroke-color: var(--white-color);
	-webkit-text-stroke-width: 1px;
	font-size: 60px;
	font-family: var(--default-font);
	font-weight: 600;
	line-height: 1.2;
	transition: 0.3s ease-in-out;
}

.sisf-services-list-item:hover .sisf-services-count,
.sisf-services-list-item:hover .services_seprator {
	background: linear-gradient(100deg, var(--secondary-color), #4ECA82);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	transition: 0.3s ease-in-out;
    -webkit-text-stroke-color: var(--secondary-color);
}

.sisf-services-list-item .sisf-services-count {
	display: inline-block;
}

.sisf-services-list-item .services_seprator {
	display: inline-block;
}

.sisf-services-list-item .sisf-e-media {
    position: absolute;
	top: -60%;
	right: 15%;
    z-index: 1;
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.sisf-services-list-item:hover .sisf-e-media {
	opacity: 1;
    transition: 0.3s ease-in-out;
}

.sisf-services-list-item .sisf-e-media-image::before {
	border-radius: 20px;
    background: var(--grdnt, linear-gradient(100deg, #A0FD62 6.09%, #4ECA82 99.98%));
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: rotate(15deg);
    z-index: -1;
}

.sisf-services-list-item .sisf-e-media-image img {
	width: 250px;
    height: 300px;
    border-radius: 20px;
}

/* ======================================
   IT Company Page - Services Section css
========================================= */
.our-services.single-bg {
   padding: 30px 0 150px 0;
}

.sisf-services-slider-item.mt-5 {
	margin-top: 70px !important;
}

.sisf-services-slider-item .sisf-button-round {
    position: absolute;
	top: 0;
	right: 0;
}

.sisf-services-slider-item .sisf-button-round .sisf-sis-button {
	background-color: #323335;
	color: var(--white-color);
	width: 115px;
	height: 115px;
}

.sisf-services-slider-item .sisf-e-media-image {
	width: 90%;
	padding-top: 50px;
}

.sisf-services-slider-item .sisf-e-title a {
	display: inline-block;
	font-family: var(--default-font);
	margin-top: 25px;
	transition: 0.3s ease-in-out;
}

.sisf-services-slider-item .sisf-e-title a:hover {
	color: var(--secondary-color);
	transition: 0.3s ease-in-out;
}

.service-slider .swiper-buttons .swiper-button-prev::after,
.service-slider .swiper-buttons .swiper-button-next::after {
	display: none;
}

.service-slider .swiper-buttons .swiper-button-prev,
.service-slider .swiper-buttons .swiper-button-next {
	color: var(--white-color);
    background-color: #FFFFFF2E;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
    font-size: 17px;
    width: 60px !important;
    height: 60px !important;
	transform: rotate(-30deg);
	position: absolute;
	top: 91%;
}

.service-slider .swiper-buttons span {
    font-weight: 300;
	font-size: 20px;
}

.service-slider .swiper-buttons .swiper-button-prev {
	left: 7%;
}

.service-slider .swiper-buttons .swiper-button-next {
	right: auto;
	left: 12%;
}

/* ======================================
   AI Startup Page - Services Section css
========================================= */
.services--section {
	background-color: #211736;
}

.transforming-image {
	position: absolute;
    left: -12%;
    width: 65%;
    bottom: 15%;
    z-index: 2;
}

.sisf--services-item {
	background: transparent;
    border: 1px solid #413557;
	padding: 25px;
	margin-bottom: 20px;
	transition: 0.3s ease-in-out;
}

.sisf--services-item:hover {
	background: #24173B;
    border: 1px solid #24173B;
	transition: 0.3s ease-in-out;
}

.sisf--services-item .sisf-button {
	width: 60px;
	height: 60px;
	background-color: #2a2a2f;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s ease-in-out;
}

.sisf--services-item:hover .sisf-button {
	background-color: #311C58;
	transition: 0.3s ease-in-out;
}

.sisf--services-item .sisf-e-title a {
	font-family: var(--default-font);
	transition: 0.3s ease-in-out;
}

.sisf--services-item:hover .sisf-e-title a {
    color: var(--secondary-color);
    transition: 0.3s ease-in-out;
}

/* ======================================
   Our Services Page - Services Section css
========================================= */
.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner {
	display: flex;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item:first-child {
	width: 60%;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item:first-child .sisf-cards-image,
.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item:first-child .sisf-card-content {
	width: 100%;
	height: 100%;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item {
	width: 20%;
	margin-bottom: 0 !important;
	position: relative;
	display: inline-block;
	vertical-align: top;
	min-height: 1px;
	padding: 5px;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item>.sisf-cards-item-inner {
	height: 100%;
	width: 100%;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item:nth-child(4n+3) .sisf-cards-item-inner,
.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item:nth-child(4n+1) .sisf-cards-item-inner {
	width: 100%;
	height: 100%;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item:nth-child(4n+1) .sisf-cards-item-inner {
	background-color: transparent;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item:nth-child(4n+2) .sisf-cards-item-inner {
	background-color: transparent;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item:nth-child(4n+3) .sisf-cards-item-inner {
	background-color: transparent;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-item .sisf-cards-image {
	height: 50%;
	width: 100%;
	object-fit: cover;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-item .sisf-cards-image figure {
	position: relative;
	overflow: hidden;
	height: 100%;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-item .sisf-cards-image img {
	transform: scale(1.005) translateZ(0);
	transition: transform .35s cubic-bezier(.25, .46, .45, .94);
	will-change: transform;
	height: 100%;
    width: 100%;
    object-fit: cover;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-item .sisf-cards-image:hover img {
	transform: scale(1.05);
	filter: brightness(69%) contrast(105%) saturate(100%) blur(0px) hue-rotate(0deg);
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-item .sisf-card-content {
	background-color: #313135;
    justify-content: flex-start;
    text-align: left;
    background-position: 91% 12%;
    background-repeat: no-repeat;
    background-size: 31% auto;
	padding: 20px;
	align-self: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	height: 50%;
	transition: 0.3s ease-in-out;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-item .sisf-card-content:hover {
	background-color: var(--primary-color);
	transition: 0.3s ease-in-out;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-item .sisf-card-content1 {
    background-image: url("../images/content_bg-1.png");
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-item .sisf-card-content2 {
    background-image: url("../images/content_bg-2.png");
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-item .sisf-card-content h4 {
	font-family: var(--default-font);
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0px;
	margin-bottom: 10px;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-item .sisf-card-content .sisf-m-role {
	font-size: 14px;
	font-weight: 500;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-item .sisf-card-content .sisf-card-title a {
	color: inherit;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-item .sisf-card-content .sisf-card-title {
	color: var(--primary-color);
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 42px;
	letter-spacing: 1.5px;
	margin-top: 0;
	font-family: var(--default-font);
	margin-bottom: 20px;
}

.sisf-cards-list.sisf-layout-standard .sisf-cards-item .sisf-card-content .sisf-card-title:hover {
	color: var(--main-color) !important;
}

/* ==========================================
  Services Single Page - Services Section css
============================================= */
.single-service-section .sisf-sis-info-cards.sisf-link-overlay .sisf-sis-line {
   top: 1px;
}

.service-single-page-title {
	margin-bottom: 30px;
}

.service-single-page-title .heading-title {
	font-family: var(--default-font);
}

.services-gallery-items {
	margin-top: 40px;
}

.services-gallery-items .photo-gallery img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

.services-gallery-items .photo-gallery .gallery-left {
   aspect-ratio: 1 / 2.055;
}

/* ======================================
   (SaaSPro) 09 Brands Presents Section css
========================================= */
.our--image {
	margin-left: -140px;
}

.our--image img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

.sisf-bottom-box {
	background-color: #212125;
	border-radius: 30px 30px 30px 30px;
	border: 1px solid #3E3E41;
	padding: 25px;
}

.sisf-bottom--box {
	padding: 80px 30px;
}

.showcase-bottom-box {
	background-color: transparent !important;
}

.sisf-bottom-box .counter-title span {
    font-size: 56px;
	font-weight: 700;
}

.sisf-extended-grid .sisf-m-button {
	line-height: 0px;
}

.sisf-saperate-line {
	width: 120px;
    height: 1px;
    background-color: #e1e1e1;
    z-index: 3;
    position: absolute;
    top: 34px;
    left: -50px;
}

/* ======================================
   (SaaSPro) 10. Portfolio List Section css
========================================= */
.sisf-portfolio-list-item {
	background: #2A2A2F;
    border-radius: 34px;
    padding: 20px;
	margin-bottom: 20px;
	transition: 0.3s ease-in-out;
	overflow: hidden;
}

.sisf-portfolio-list-item .sisf-e-title {
	font-family: var(--default-font);
	line-height: 27px;
}

.sisf-portfolio-list-item .sisf-sis-button {
	background: var(--main-color);
	transition: 0.3s ease-in-out;
}

.sisf-portfolio-list-item .sisf-e-title-wraper {
	border-bottom: 1px solid #3F3F3F;
	margin-bottom: 20px;
	padding-bottom: 20px;
	transition: 0.3s ease-in-out;
}

.sisf-portfolio-list-item .sisf-e-image img {
	width: 100%;
	border-radius: 20px;
	transition: 0.3s ease-in-out;
}

.sisf-portfolio-list-item:hover {
	background: var(--main-color);
    border-radius: 34px 34px 34px 184px;
	transition: 0.3s ease-in-out;
}

.sisf-portfolio-list-item:hover .sisf-sis-button {
	background: var(--primary-color);
	transition: 0.3s ease-in-out;
}

.sisf-portfolio-list-item:hover .sisf-e-title-wraper {
	border-bottom: 1px solid var(--white-color);
	transition: 0.3s ease-in-out;
}

.sisf-portfolio-list-item:hover .sisf-e-image img {
	border-radius: 20px 20px 20px 170px;
	transition: 0.3s ease-in-out;
}

.sisf--portfolio-item {
	padding: 50px 0;
	transition: 0.3s ease-in-out;
}

.sisf--portfolio-item .sisf-portfolio--text {
	font-size: 150px;
    font-weight: 600;
    line-height: 1.1em;
    color: #FFFFFF0D;
	margin: 0 0 30px 50px;
}

.sisf--portfolio-item .portfolio-count,
.sisf--portfolio-item .portfolio-button {
	position: absolute;
	z-index: 3;
}

.sisf--portfolio-item .portfolio-count {
	top: -45px;
	left: 20px;
}

.sisf--portfolio-item .portfolio--count {
	right: 20px !important;
	left: auto;
}

.sisf--portfolio-item .sisf-portfolio-count {
    font-size: 100px;
    font-weight: 400;
    line-height: 75px;
}

.sisf--portfolio-item .portfolio-button {
	display: inline-block;
	right: -10%;
    top: 20%;
}

.sisf--portfolio-item .portfolio--button {
	left: -10% !important;
    right: auto;
}

.sisf--portfolio-item .portfolio-button:hover {
    animation: rotate360 10s linear infinite;
}

@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.sisf--portfolio-item .portfolio-button a {
    color: var(--white-color);
    background-color: #323335;
    border: 1px solid #323335;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    margin: 0px;
    width: 154px;
    height: 154px;
    display: inline-flex;
    border-radius: 100px;
    align-items: center;
	justify-content: center;
    transition: 0.3s ease-in-out;
}

.sisf--portfolio-item .portfolio-button a:hover {
	color: var(--primary-color);
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
	transition: 0.3s ease-in-out;
}

.sisf--portfolio-item .sisf-e-text {
	margin-left: -117px;
    position: relative;
}

.sisf--portfolio-item .sisf-sis-e-text {
	margin: 0 -120px 0 0;
    position: relative;
    z-index: 2;
}

.sisf--portfolio-item h1 a {
	font-size: 62px;
    line-height: 75px;
    letter-spacing: 0.1px;
	transition: 0.3s ease-in-out;
}

.sisf--portfolio-item:hover h1 a {
	color: var(--secondary-color);
	transition: 0.3s ease-in-out;
}

/* ==========================================
   IT Company Page Portfolio List Section css
============================================= */
.portfolio--list-section {
	background-color: #0B093A;
}

.sisf-portfolio-slider-item .sisf-button-round {
   position: absolute;
   top: 30%;
   left: 0;
   right: 0;
   margin: 0 auto;
   display: block;
   width: 155px;
   text-align: center;
}

.sisf-portfolio-slider-item .sisf-e-title {
	padding: 10px 15px;
	background: var(--main-color);
	font-family: var(--default-font);
	display: inline-block;
}

.sisf-portfolio-slider-item .sisf-e-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 15px;
}

.sisf-portfolio-slider-item .sisf-portfolio-background-text {
    font-size: 70px;
    font-weight: 600;
    color: #FFFFFF17;
	line-height: 1;
	font-family: var(--heading-font);
}

/* ==========================================
   Portfolio Page Portfolio List Section css
============================================= */
.portfolio--list {
	margin-bottom: 35px;
}

.sisf-portfolio-categories span {
    background: var(--grdnt, linear-gradient(100deg, #A0FD62 6.09%, #4ECA82 99.98%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.portfolio--list .sisf-e-title a {
	letter-spacing: 1.65px;
	font-family: var(--default-font);
	transition: 0.3s ease-in-out;
}

.portfolio--list .sisf-e-title a:hover {
	color: var(--secondary-color);
	transition: 0.3s ease-in-out;
}

.portfolio--list .sisf-button-round {
	position: absolute;
    bottom: -65px;
    right: 35px;
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.portfolio--list:hover .sisf-button-round {
	opacity: 1;
    transition: 0.3s ease-in-out;
}

.portfolio--list .sisf-button-round .sisf-sis-button {
	width: 130px;
	height: 130px;
}

/* =========================
   Portfolio Detail Page css
============================ */
.sisf-e-right-holder .sisf-e-right-inner {
    background: #212125;
    padding: 40px;
    margin-left: -110px;
    box-shadow: 0px 0 41px 0 rgba(0, 0, 0, 0.5);
}

.sisf-e-right-holder .sisf-e-right-inner span {
	display: inline-block;
    color: #DEDEDE;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.9px;
    margin-bottom: 5px;
}

.sisf-e-right-holder .sisf-e-right-inner h5 {
	letter-spacing: 1.1px;
	color: #DEDEDE;
	font-family: var(--default-font);
	font-style: normal;
    font-weight: 400;
}

.sisf-e-right-holder .sisf-e-right-inner .sisf-portfolio-category,
.sisf-e-right-holder .sisf-e-right-inner .sisf-portfolio-client,
.sisf-e-right-holder .sisf-e-right-inner .sisf-portfolio-date {
	margin-bottom: 35px;
}

.sisf-e-right-holder .sisf-e-right-inner .sisf-social-share {
	position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
}

.sisf-e-right-holder .sisf-e-right-inner .social-icons a {
    background: #2A2A2F;
    padding: 10px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.sisf-e-portfolio-bottom-holder .sisf-portfolio-categories span {
	font-weight: 400;
}

.sisf-e-portfolio-bottom-holder .sisf-projects-title {
	font-size: 35px;
	margin: 10px 0 20px 0;
}

.page--part {
	margin: 35px 0;
}


/* ======================================
   (SaaSPro) 11. Testimonial Section css
=========================================*/
.our-testimonials {
    background-image: url("../images/testimonial_graphic-1.png");
    background-position: center left;
    background-repeat: no-repeat;
    background-size: auto;
}

.sisf-background-image {
    background-image: url("../images/tesimonials_bg1.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 70px 0 70px 70px;
    width: 90%;
	position: relative;
	z-index: 2;
}

.sisf-background-image .testimonial-slide {
	padding: 50px;
	background-color: rgba(28, 29, 32, 0.80);
}

.sis-build--image {
	z-index: 1;
	bottom: 40px !important;
}

.testimonial-slide {
	padding: 20px 50px;
}

.testimonial-swiper {
    border-right: 1px solid #3F3F3F;
}

.testimonials-section {
	position: relative;
	z-index: 0;
}

.testimonial-slide .sisf-e-quote i {
	font-size: 70px;
	color: #484A50;
	margin-bottom: 20px;
}

.testimonial-slide .sisf-m-star {
	margin-bottom: 15px;
}

.testimonial-slide .sisf-m-star span {
	font-size: 35px;
	margin-right: 5px;
	color: #59D17D;
}

.testimonial-slide .sisf-e-media-image img {
	width: 50px;
}

.testimonial-slide .sisf-e-client-name {
	font-size: 18px;
	font-family: var(--default-font);
}

.testimonial-slide .sisf-e-author-job {
	font-size: 16px;
	color: #989898;
}

.testimonial-slide .sisf-e-media-image img {
   width: 75px;
}

.testimonial-slide .sisf-e-text {
	font-size: 22px;
	font-weight: 500;
	line-height: 47px;
}

.testimonial-slide.swiper-slide {
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}

.testimonial--slide.testimonial-slide.swiper-slide {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.testimonial-slide.swiper-slide.swiper-slide-active {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.swiper-buttons .custom-icon-up,
.swiper-buttons .custom-icon-down {
	font-size: 30px;
	transform: rotate(-30deg);
	transition: 0.3s ease-in-out;
}

.swiper-buttons .custom-icon-up:hover,
.swiper-buttons .custom-icon-down:hover {
	color: #099b17;
	transition: 0.3s ease-in-out;
}

.sisf-sis-our-testimonial {
	padding: 25px;
	border: 1px solid #424073;
    border-radius: 24px 24px 24px 24px;
	margin-bottom: 30px;
}

.sisf-sis-our-testimonial p {
	margin-bottom: 0px;
}

.sisf-sis-our-testimonial .sisf-e-client-name {
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
}

.sisf-sis-our-testimonial .sisf-e-author-job {
	font-weight: 400;
	color: #989898;
}

.testimonial--background {
	background-image: url("../images/testimonial_bg-1.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 80px 40px;
}

/* ==============================
   (SaaSPro) 12. Team Members css
================================= */
.team-member-img {
	position: relative;
	z-index: 1;
	transition: 0.3s ease-in-out;
}

.team-member-img:hover img {
	transform: scale(1.01) translateZ(0);
	transition: 0.3s ease-in-out;
}

.sisf-item-layout--info-on-hover-inset {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	perspective: 1500px;
	margin-bottom: 30px;
}

.sisf-item-layout--info-on-hover-inset .team-member-content {
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: 0.4s ease-in-out;
	transform: translateZ(0);
	opacity: 0;
	padding: 20px;
	background: #000000B3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: end;
	transform-style: preserve-3d;
}

.sisf-item-layout--info-on-hover-inset:hover .team-member-content {
	transform: translateZ(0px);
	opacity: 1;
	transition: 0.4s ease-in-out;
}

.team-member-content .social-icons a {
	width: 45px;
    height: 45px;
	background: #0C1315;
    border-radius: 50px;
    text-align: center;
	color: var(--white-color);
	opacity: 1 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 1px 0 0 1px;
	margin-right: 15px;
}

.team-member-content .social-icons i {
	font-size: 18px !important;
	opacity: 1 !important;
	transition: 0.3s ease-in-out;
	vertical-align: middle;
}

.team-member-content .social-icons a:hover i {
	color: var(--main-color);
	transition: 0.3s ease-in-out;
}

.sisf-item-layout--info-on-hover-inset .team-member-content p {
	font-size: 18px;
	text-transform: none;
	color: #c2c2c2;
	font-weight: 400;
	margin: 10px 0 15px 0;
	letter-spacing: 0.9px;
}

.sisf-item-layout--info-on-hover-inset .team-member-content h4 {
	opacity: 1 !important;
	font-size: 22px;
	font-weight: 500;
	font-family: var(--default-font);
	text-transform: capitalize;
	letter-spacing: 1.65px;
	margin-bottom: 0px;
}

.sisf-item-layout--info-on-hover-inset .member-image {
	aspect-ratio: 1 / 1.36;
	object-fit: cover;
}

.our-guide {
	background-color: var(--secondary-color);
}

.sisf-item-layout--info-below {
	position: relative;
}

.sisf-item-layout--info-below .team-member-content {
	margin: 30px 0;
}

.sisf-item-layout--info-below .team-members-img figure::after {
	content: "";
	position: absolute;
    background: #F1F1F1;
    right: 0;
    bottom: 0;
    left: 18px;
    top: 18px;
    z-index: -1;
    transition: all ease 0.5s;
	width: 95%;
	height: 100%;
}

.sisf-item-layout--info-below:hover .team-members-img figure::after {
	background: var(--main-color);
	transition: all ease 0.5s;
}

.sisf-item-layout--info-below .team-members-img img {
	width: 95%;
}

.sisf-item-layout--info-below h4 {
	font-size: 32px;
	letter-spacing: 0.5px;
	font-weight: 500;
}

.sisf-item-layout--info-below .sisf-m-role {
	font-size: 18px;
	font-family: var(--default-font);
	color: var(--main-color);
	margin-bottom: 0px;
	margin-top: 10px;
}

.sisf-layout--top.sisf-link-overlay .sisf-m-role {
	color: #666;
}

.sisf-item-layout-info-below {
	position: relative;
	padding-right: 40px;
	margin-bottom: 0px;
}

.sisf-item-layout-info-below .team-member-content {
	position: absolute;
	transform: translateY(0px);
	height: auto;
	opacity: 1;
	background-color: var(--white-color);
	bottom: -68px;
	left: 0%;
	z-index: 2;
	padding: 20px 20px 20px 0px;
	width: 56%;
	align-items: start;
}

.sisf-item-layout-info-below:hover .team-member-content {
	opacity: 1;
	transform: none !important;
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-below .team-member-content .sisf-m-role {
	opacity: 1 !important;
	font-weight: 500;
	margin-bottom: 10px;
}

.sisf-item-layout-info-below h4 {
	font-weight: 500;
	font-family: var(--default-font);
	opacity: 1 !important;
	text-transform: none !important;
}

.sisf-item-layout-info-below .social-icons {
	position: absolute;
	top: 125px;
	right: -134px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	padding-right: 100px;
	z-index: 2 !important;
}

.sisf-item-layout-info-below .social-icons::before {
	content: "";
	width: 40%;
	height: 1px;
	background: var(--primary-color);
	position: absolute;
	right: -3px;
	top: 16px;
	left: 165px;
	z-index: -1;
}

.sisf-item-layout-info-below .social-icons a {
	background: var(--white-color);
	position: relative;
	z-index: 1 !important;
	padding: 0 5px;
}

.sisf-item-layout-info-below .social-icons span {
	border-radius: 100px;
	background: #243139;
	width: 30px;
	height: 30px;
	padding: 2px 2px 0 2px;
	text-align: center;
	color: var(--white-color);
	display: inline-block;
	line-height: 25px;
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-below .social-icons span:hover {
	background: var(--main-color);
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-below .social-icons i {
	font-size: 13px;
}

.sisf-item-layout-info-from-bottom {
	position: relative;
	transition: 0.3s ease-in-out;
	overflow: hidden;
}

.sisf-item-layout-info-from-bottom .team-member-img {
	border-radius: 200px;
	border-bottom: 10px solid transparent;
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom:hover .team-member-img {
	border-bottom: 10px solid var(--secondary-color);
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom .team-member-img::after {
	content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    left: 50%;
    top: 50%;
    background-color: rgba(0, 0, 0, .5);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 0;
    display: block;
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom:hover .team-member-img::after {
	background-color: transparent;
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom .team-member-content {
	opacity: 1;
	padding: 20px;
	width: 100%;
	transition: 0.3s ease-in-out;
	z-index: 2;
	overflow: hidden;
}

.sisf-item-layout-info-from-bottom .team-member-content h4, 
.sisf-item-layout-info-from-bottom .team-member-content p {
	opacity: 1;
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom .team-member-content h4 {
	font-size: 22px;
	font-family: var(--default-font);
}

.sisf-item-layout-info-from-bottom .team-member-content p {
	color: #C2C2C2;
}

.sisf-item-layout-info-from-bottom:hover .team-member-content h4, 
.sisf-item-layout-info-from-bottom:hover .team-member-content p {
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom .social-icons {
	opacity: 0;
	transform: translateY(-120px);
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom:hover .social-icons {
	opacity: 1;
	transform: translateY(-50px);
	transition: 0.3s ease-in-out;
}

.team-member-img {
	overflow: hidden;
	transition: 0.3s ease-in-out;
}

.team-member-img img {
	transform: scale(1);
	transition: 0.3s ease-in-out;
}

.team-member-img:hover img {
	transform: scale(1.05) translateZ(0);
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom .sisf-m-role {
	font-size: 18px;
	margin-bottom: 0px;
}

.sisf-layout--info-below .sisf-m-content {
	position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: var(--grdnt, linear-gradient(100deg, #A0FD62 6.09%, #4ECA82 99.98%));
    border-radius: 10px;
    justify-content: space-between;
	align-items: center;
    padding: 15px;
    display: flex
}

.sisf-layout--info-below .sisf-m-image img {
	border-radius: 20px;
}

.sisf-layout--info-below .sisf-m-title {
	font-size: 22px;
	font-family: var(--default-font);
	margin-bottom: 5px;
	color: var(--primary-color);
}

.sisf-layout--info-below .sisf-m-role {
	margin-bottom: 0px;
	text-transform: uppercase;
	font-weight: 400;
	color: var(--primary-color);
}

.sisf-layout--info-below .social-icons a {
    background: rgba(255, 255, 255, 0.30);
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
	color: var(--primary-color);
	font-size: 15px;
}

.sisf-item-layout--info-below-left {
	position: relative;
	overflow: hidden;
}

.sisf-item-layout--info-below-left .team-member-img,
.comman-shape {
	clip-path: polygon(0 0, 80% 0%, 100% 20%, 100% 80%, 100% 100%, 20% 100%, 0% 80%, 0% 20%);
	position: relative;
    overflow: hidden;
	transition: 0.3s ease-in-out;
}

.sisf-item-layout--info-below-left .team-member-img::before {
	content: "";
    background: #461D8C;
    filter: blur(60px);
    position: absolute;
    left: -50%;
    right: -50%;
    top: auto;
    bottom: -46px;
    z-index: 1;
    height: 140px;
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.sisf-item-layout--info-below-left:hover .team-member-img::before {
	opacity: 1;
    transition: 0.3s ease-in-out;
}

.sisf-item-layout--info-below-left .social-icons {
	position: absolute;
    bottom: 130px;
    right: 20px;
    z-index: 1;
    opacity: 0;
    transform: translateX(30px);
    transition: transform .45s cubic-bezier(.16, .32, .26, .92), opacity .45s ease-out;
    transition-delay: 0s, 0s;
}

.sisf-item-layout--info-below-left:hover .social-icons,
.sisf-item-layout--info-below-left:hover .team-member-content {
	opacity: 1;
    transform: translateX(0px);
}

.sisf-item-layout--info-below-left .social-icons a,
.sisf-item-layout--info-side-image .social-icons a {
	background: rgba(255, 255, 255, 0.10);
    width: 40px;
    height: 40px;
	margin-right: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
	line-height: normal;
}

.sisf-item-layout--info-below-left .team-member-content {
	opacity: 0;
    transform: translateX(30px);
    transition: transform .45s cubic-bezier(.16, .32, .26, .92), opacity .45s ease-out;
    transition-delay: 0s, 0s;
}

.sisf-item-layout--info-below-left .team-member-content h5,
.sisf-item-layout--info-side-image .team-member-content h3 {
	font-family: var(--default-font);
}

.sisf-item-layout--info-below-left .team-member-content p {
	color: #7C82B7;
    text-transform: uppercase;
	font-weight: 400;
}

.sisf-item-layout--info-side-image {
	margin-bottom: 30px;
}

.sisf-item-layout--info-side-image .sisf-m-inner {
	background-color: #090D12;
    padding: 40px;
}

.sisf-item-layout--info-side-image .team-member-img {
	margin-right: 35px;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

.sisf-item-layout--info-side-image .team-member-img img {
	width: 180px;
	height: auto;
	object-fit: cover;
	min-width: 180px;
}

.sisf-item-layout--info-side-image .team-member-content p {
	color: #78899E;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2.7px;
}

/* =====================================
   (SaaSPro) 13. Scroll Text Section css
======================================== */
.scroll-container {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	align-items: center;
	perspective: 500px;
	padding: 30px 0 20px 0;
	background: var(--secondary-color);
}

.scroll--container {
	transform: rotate(-3.5deg) !important;
	padding: 40px 0 30px 0 !important;
	background: linear-gradient(100deg, rgb(160, 253, 98) 6.09%, rgb(78, 202, 130) 99.98%) !important;
}

.scroll--container .content {
	font-size: 50px !important;
	font-weight: 600;
	letter-spacing: 0.5px;
	line-height: 50px;
}

.scroll-content {
	display: flex;
	align-items: center;
	white-space: nowrap;
	gap: 0px;
	animation: scrollX 35s linear infinite;
	transform-origin: center;
}

.scroll-content .content {
	width: 100%;
	color: var(--primary-color);
	font-size: 40px;
	font-weight: 500;
    font-family: var(--heading-font);
	text-transform: uppercase;
	line-height: 34px;
}

.scroll-content .content:after {
    content: "";
    display: inline-block;
    margin: 0px 20px 10px 20px;
    vertical-align: middle;
    -webkit-text-stroke-color: #A4A4A4;
    -webkit-text-stroke-width: 0;
    clip-path: polygon(0 50%, 37% 42%, 50% 0, 50% 0, 62% 42%, 100% 50%, 100% 50%, 62% 62%, 50% 100%, 50% 100%, 37% 62%, 0 50%);
    background: var(--primary-color);
    width: 30px;
    height: 30px;
	line-height: 34px;
}

.sisf-scroll-container {
	background: transparent !important;
}

.sisf-scroll-container .content {
	font-size: 48px;
	letter-spacing: 0.5px;
	color: transparent !important;
	-webkit-text-stroke-color: #A4A4A4 !important;
    -webkit-text-stroke-width: 1px;
}

.sisf-scroll-container .content:after {
	background: var(--secondary-color) !important;
}


@keyframes scrollX {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

/* =====================================
   (SaaSPro) 14. SEO Experts Section css
======================================== */
.success-brand-image {
	position: absolute;
	bottom: 0;
	right: 0;
}

.success-brand-image img {
	width: 70%;
}

/* ===========================================
   (SaaSPro) 15. Build The Success Section css
============================================== */
.build-image img {
   width: 90%;
   position: relative;
   z-index: 2;
}

.build--image {
	position: absolute;
}

.sisf-build-image {
	top: -40px;
    z-index: 2;
    right: 110px;
}

.sisf-build--image {
	bottom: -27px;
	right: 120px;
	z-index: 1;
}

/* ================================
   (SaaSPro) 16 Video Section css
=================================== */
.sisf-amazing-video-section {
    background-color: transparent;
    background-image: linear-gradient(180deg, #1C1D20 25%, var(--secondary-color) 20%);
}

.video-section {
    padding: 200px 0 0px 100px;
}

.sisf-sis-video-section {
	padding: 250px 0;
}

.video-section .bg-video {
	position: absolute;
	top: 0%;
	left: 0%;
	transform: translate(0%, 0%);
	min-width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 4;
}

.video-section .intro-video-box .content-overlay {
	position: relative;
	z-index: 6;
	color: var(--white-color);
	padding: 50px;
	background-color: #1C1D20;
	width: 40%;
}

.video-section .intro-video-box::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: rgba(0, 0, 0, 0.5);
}

.sisf-video .video-btn-text::before {
	content: "";
    width: 96px;
    height: 1px;
    background: var(--primary-color);
    position: absolute;
    left: 127px;
	top: 80px;
}

.sisf-video .video-with-title {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #FFDCA8;
	padding: 40px 30px;
	width: 350px;
}


.sisf-video .sisf-m-play-inner {
	width: 80px !important;
	height: 80px !important;
	border-radius: 0px !important;
	background-color: var(--primary-color);
	display: flex;
	justify-content: center;
	align-items: center;
}

.sisf-video .video-btn-text {
	font-size: 30px;
	font-family: var(--heading-font);
	margin-right: -130px;
	text-transform: uppercase;
}

.sisf-video .button-img {
	width: 70px;
	height: 70px;
}


/* ====================================
   Video Section css
======================================= */

.video-play-button {
	position: relative;
	z-index: 2;
}

.video-play-button .sisf-m-play-inner {
	width: 200px;
	height: 200px;
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 50%;
}

.video-play-button .sisf--play-inner {
    position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-play-button .sisf-m--play-inner {
	width: 180px;
	height: 180px;
    position: absolute;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    top: 31%;
}

.video-play-button .popup-video {
	border-radius: 50%;
	padding: 20px;
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, .3);
}

.video-play-button .button-img {
	border-radius: 50% !important;
}

/* =========================================
   (SaaSPro) 17 Selected Project Section css
============================================ */

.portfolio-slider .sisf-e-content .sisf-portfolio-categories span {
	background-image: linear-gradient(100deg, #A0FD62, #4ECA82);
    border-radius: 5px;
    color: #000000;
	padding: 10px;
	font-weight: 700;
	display: inline-block;
	margin: 20px 0;
}

.portfolio-slider .sisf-e-content .sisf-e-title-link {
	font-size: 22px;
	font-family: var(--default-font);
	transition: 0.3s ease-in-out;
}

.portfolio-slider .sisf-e-content .sisf-e-title-link:hover {
	color: var(--main-color);
    transition: 0.3s ease-in-out;
}

.portfolio-slider .sisf-e-content .sisf-e-description {
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
	color: #DEDEDE;
	margin-bottom: 0px;
	margin-top: 15px;
}

/* =================================
   (SaaSPro) 18 Timeline Section css
==================================== */
.timeline-section {
    padding-bottom: 150px !important;
}

.timeline-top-line {
	border-top: 1px solid var(--white-color);
	width: calc(100vw + 100px);
    left: calc((1300px - 100vw) / 2 - 50px);
	position: relative;
	z-index: 0;
	top: 10px;
}

.timeline-slider .sisf-e-item {
	padding-top: 20px;
}

.timeline-slider .sisf-e-item .sisf-e-date {
	font-size: 66px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: 3.3px;
    margin: 30px 0;
	-webkit-text-stroke-color: var(--white-color);
    -webkit-text-stroke-width: 1px;
    color: transparent !important;
	transition: 0.3s ease-in-out;
}

.timeline-slider .sisf-e-item .sisf-e-title {
	margin-bottom: 20px;
	font-family: var(--default-font);
}

.timeline-slider .sisf-e-item:hover .sisf-e-date {
    color: #4ECA82 !important;
    -webkit-text-stroke-color: #4ECA82;
	transition: 0.3s ease-in-out;
}

.timeline-slider .sisf-e-item .sisf-e-content-holder-inner {
	background-color: #212125;
	padding: 30px;
}

.timeline-slider .sisf-e-item .sisf-e-point-holder {
    position: absolute;
    width: 20px;
    height: 20px;
	z-index: 1;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0px;
	display: block;
}

.timeline-slider .sisf-e-item .sisf-e-point-holder .sisf-e-point {
    background-color: var(--white-color);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 100px 0px 0px 0px;
	transform: rotate(45deg);
	overflow: hidden;
}

.timeline-slider .swiper-button-prev, 
.timeline-slider .swiper-button-next {
    display: block;
    width: 60px;
    height: 60px;
    display: flex;
    background-color: #24262B;
    opacity: 1;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
	position: absolute;
	top: 88%;
}

.timeline-slider .swiper-button-prev::after, 
.timeline-slider .swiper-button-next::after {
    color: var(--white-color);
    line-height: 70px;
    font-size: 20px;
    opacity: 1;
    font-weight: 900;
}

.timeline-slider .swiper-button-prev {
	left: 45%;
}

.timeline-slider .swiper-button-next {
	right: 45%;
}

/* =======================================================
   (SaaSPro) 19 Creative And Strategic Support Section css
=========================================================== */
.creative-and-strategic-Section {
   background-image: url("../images/hero_bg-1-1.png");
   background-position: top left;
   background-repeat: no-repeat;
   background-size: cover;
   padding-top: 285px;
}

.sisf-sis-counter-box {
	margin-top: 40px;
}

.sisf-sis-counter-box .counter-item {
	display: flex;
	align-items: center;
}

.sisf-sis-counter-box  .counter-content h3 {
    font-size: 22px;
	font-family: var(--default-font);
}

.sisf-sis-counter-box .counter-title span {
	font-size: 80px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-text-stroke-color: var(--white-color);
    -webkit-text-stroke-width: 1px;
	color: transparent;
}

.startup-text {
    --e-transform-rotateZ: -90deg;
	transform: perspective(var(--e-transform-perspective, 0)) rotate(var(--e-transform-rotateZ, 0)) rotateX(var(--e-transform-rotateX, 0)) rotateY(var(--e-transform-rotateY, 0)) translate(var(--e-transform-translate, 0)) translateX(var(--e-transform-translateX, 0)) translateY(var(--e-transform-translateY, 0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX, 0)) skewY(var(--e-transform-skewY, 0));
    transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x);
    left: -98px;
	bottom: 170px;
	position: absolute;
}

.startup-text h1 {
	font-size: 62px;
    line-height: 1;
    margin: 0;
    padding: 0;
	font-weight: 600;
    color: #262629;
    letter-spacing: 0.1px;
}

/* ================================
   (SaaSPro) 20 Gallery Section css
=================================== */
.shape-bottom img {
	position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    height: 80px;
}

/* ============================================
   (SaaSPro) 21 Innovative Concepts Section css
=============================================== */
.sisf--bottom-box {
	background-color: transparent;
	margin: 0px -70px 0px 0px;
	border-radius: 100px;
    background-image: linear-gradient(100deg, #A0FD62 6.09%, #4ECA82 99.98%);
	padding: 10px !important;
}

.sisf--bottom-box .counter-title span {
	font-size: 40px !important;
}

.sisf--bottom-box .counter-content span {
	font-size: 20px;
	font-weight: 500;
}

.sisf-m-sis-button {
	line-height: 0px !important;
	margin-left: -50px;
}

/* =================================
   (SaaSPro) 22 About Us Section css
==================================== */
.sisf-sis-info-cards.sisf-link-overlay {
	position: relative;
	padding: 40px;
	border: 1px solid #38383D;
	transition: 0.3s ease-in-out;
}

.sisf-sis-info-cards.sisf-link-overlay:hover {
	background-image: url("../images/innovative_selected_img-1.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
	transition: 0.3s ease-in-out;
}

.sisf-sis-info-cards.sisf-link-overlay h2 {
    -webkit-text-stroke-color: #7F7F84;
    -webkit-text-stroke-width: 1px;
	color: transparent;
	font-weight: 800;
	font-size: 52px;
    line-height: 60px;
    letter-spacing: 0.1px;
	margin-bottom: 15px;
	transition: 0.3s ease-in-out;
}

.sisf-sis-info-cards.sisf-link-overlay:hover h2 {
    -webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--main-color);
    color: var(--main-color) !important;
    transition: 0.3s ease-in-out;
}

.sisf-sis-info-cards.sisf-link-overlay h5 {
	font-family: var(--default-font);
	margin-bottom: 20px;
}

.sisf-sis-info-cards.sisf-link-overlay p {
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.sisf-sis-info-cards.sisf-link-overlay:hover p {
	opacity: 1;
	transition: 0.3s ease-in-out;
}

.sisf-sis-info-cards.sisf-link-overlay .sisf-sis-line {
	width: 0%;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: 0.3s ease-in-out;
	background-color: var(--secondary-color);
}

.sisf-sis-info-cards.sisf-link-overlay:hover .sisf-sis-line {
	width: 100%;
	transition: 0.3s ease-in-out;
}

.sisf-sis-info-cards.sisf-link-overlay .sisf--button .sisf-sis-button {
	overflow: hidden;
	z-index: 1;
}

.sisf-sis-info-cards.sisf-link-overlay .sisf--button .sisf-sis-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    transition: 0.2s ease-in-out;
	background-color: var(--main-color);
	z-index: -1;
}

.sisf-sis-info-cards.sisf-link-overlay .sisf--button .sisf-sis-button:hover::after {
    width: 100%;
	transition: 0.2s ease-in-out;
}

.single-bg {
	background-image: url("../images/empowering_bg-1.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-counter .counter-title span {
    font-size: 125px;
    font-weight: 700;
    text-transform: uppercase;
	display: inline-block;
	line-height: 1;
}

.ideas-text h1 {
	font-size: 110px;
    font-weight: 600;
    color: #FFFFFF0F;
	margin: 0;
	padding: 0;
	line-height: 78px;
}

.about-bg-shape {
	margin-right: -170px;
	z-index: 2;
}

.about-bg-shape .sisf-m-content {
	position: absolute;
    padding: 55px;
    top: 7px;
    left: 20px;
}

.about-bg-shape .sisf-m-content h3 {
	font-size: 32px;
    line-height: 45px;
	font-weight: 600;
    letter-spacing: 0.1px;
}

.sisf-button-round .sisf-sis-button {
	color: var(--primary-color);
    background-color: var(--secondary-color);
    border: none;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    margin: 0px;
    width: 154px;
    height: 154px;
	overflow: hidden;
    display: inline-flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
	z-index: 1;
}

.sisf-button-round .sisf-sis-button::after {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    transition: 0.3s ease-in-out;
    background-color: var(--main-color);
    z-index: -1;
}

.sisf-button-round:hover .sisf-sis-button::after {
	width: 100%;
	transition: 0.3s ease-in-out;
}

.sisf-button-round:hover .sisf-sis-button {
	color: var(--white-color);
	transition: 0.3s ease-in-out;
}

.sisf-about-us-content {
	display: flex;
	margin-bottom: 40px;
}

.sisf-about-us-content .sisf-m-image-holder img {
	width: 100%;
	min-width: 60px;
}

.sisf-about-us-content .sisf-m-title {
   font-family: var(--default-font);
   font-weight: 600;
   margin-bottom: 10px
}

.robot-image {
	position: absolute;
	bottom: 0;
	right: 20px;
}

.robot-image img {
	width: 180px;
}

/* ====================================================
   (SaaSPro) 23 Innovative Growth Solutions Section css
======================================================= */
.innovative-growth-section {
    background-image: url("../images/innovative_growth_graphic-1.png");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto;
}

.sisf-m-image-scroll {
	transition: transform 0.3s ease-in-out;
	animation: smoothleftright 4s infinite ease-in-out;
	transition: transform 0.3s ease-in-out;
}

@keyframes smoothleftright {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(-30px);
	}

	100% {
		transform: translateX(0);
	}
}

.innovative-growth-section .startup-text {
	left: -180px !important;
    bottom: 243px !important;
}

.innovative-growth-section .startup-text h1 {
	font-size: 110px !important;
}

.sisf-m-contact-information {
	display: flex;
	align-items: center;
	background-color: var(--main-color);
    padding: 20px;
    border-radius: 5px;
	width: 80%;
}

.sisf-m-contact-information .sisf-m-icon-holder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
	background-color: #212125;
    width: 76px;
    height: 76px;
    border-radius: 8px 8px 8px 8px;
	margin-left: -55px;
	transition: 0.3s ease-in-out;
}

.sisf-m-contact-information:hover .sisf-m-icon-holder {
	background-color: var(--secondary-color);
	transition: 0.3s ease-in-out;
}

.sisf-m-contact-information .sisf-m-icon-holder .sisf-m-icon {
	line-height: 0;
}

.sisf-m-contact-information .sisf-m-icon-holder i {
	font-size: 25px;
	transition: 0.3s ease-in-out;
	transform: translateX(0px);
	line-height: 0;
}

.sisf-m-contact-information:hover .sisf-m-icon-holder i {
	color: var(--primary-color);
	transition: 0.3s ease-in-out;
	transform: translateX(5px);
}

/* ========================================
   (SaaSPro) 24 Amazing Startup Section css
=========================================== */
.amazing-startup-section {
	margin: -120px 0 0 0;
	position: relative;
    z-index: 3;
}

.startup-solution {
	background: var(--main-color);
	padding: 50px 30px;
}

.startup-solution .counter-box {
	border-right: 1px solid #3E6BF2;
}

.startup-solution .counter-title span {
	font-size: 44px;
	font-family: var(--default-font);
	font-weight: 400;
}

/* ==============================================
   (SaaSPro) 25 Empowering Businesses Section css
================================================= */
.empowering-business-section {
	background-image: url("../images/AI_hero_bg-1.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 150px 0;
}

.icon--img {
	right: 50px;
	top: 40%;
}

/* ==================================
   (SaaSPro) 26 AI Images Section css
===================================== */
.ai-images-diffrent-section {
	margin-top: -110px;
}

.ai-small-images {
	position: absolute;
	z-index: 2;
}

.ai-small-image1 {
	left: 50px;
	top: -93px;
}

.ai-small-image2 {
	top: 80px;
	right: -5%;
}

.ai-small-image3 {
	left: -6%;
	bottom: 65px;
}

.ai-small-image4 {
	right: -8%;
	bottom: 65px;
}

/* ==============================
   (SaaSPro) 27 Pricing Plans css
================================= */
.sisf-sis-pricing-table {
	background-color: #1E152F;
	border: 1px solid #302641;
	border-radius: 10px 10px 10px 10px;
}

.sisf-sis-pricing--table {
	background-color: #212125 !important;
}

.sisf-sis-pricing-table .sisf-m-top {
	padding: 40px 40px 20px 40px;
	border-bottom: 1px solid #302641;
}

.sisf-sis-pricing-table .sisf-m-content .sisf-e-item {
	padding: 22px 40px 0px 40px;
}

.sisf-sis-pricing-table .sisf-m-title {
	font-family: var(--default-font);
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	margin: 20px 0px 0px 0px;
}

.sisf-sis-pricing-table .sisf-m-price {
	display: flex;
	align-items: baseline;
}

.sisf-sis-pricing-table .sisf-m-price-wrapper span {
	font-size: 55px;
	font-weight: 500;
	font-family: var(--heading-font);
	margin-right: 0px;
	line-height: 1;
	display: inline-block !important;
}

.sisf-sis-pricing-table .sisf-e-item {
    display: flex;
	align-items: center;
}

.sisf-sis-pricing-table .sisf-m--title-icon {
	border-radius: 10px;
    background: var(--grdnt, linear-gradient(100deg, #A0FD62 6.09%, #4ECA82 99.98%));
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05);
    padding: 25px;
}

.sisf-sis-pricing-table .sisf-m-title-icon img {
	min-width: 50px;
}

.sisf-sis-pricing-table .sisf-m-content .sisf-e-icon {
	margin-right: 10px;
}

.sisf-sis-pricing-table .sisf-m-content .sisf-e-icon span {
   font-size: 25px;
   color: #55496E;
}

.sisf-sis-pricing--table .sisf-m-content .sisf-e-icon span {
   color: #515156 !important;
}

.sisf-sis-pricing-table .sisf-m-button {
	padding: 0px 35px 35px 35px;
	margin-top: 35px;
}

.sisf-sis-pricing-table .sisf-m-title-wrapper {
	padding: 40px !important;
	background-color: var(--main-color);
	border-radius: 30px 30px 0px 0px;
}

.sisf-sis-pricing-table .sisf-m-title-wrapper .sisf-m-price {
	padding-top: 0;
	margin-top: 0;
	border-top: 0px;
}

.sisf-sis-pricing-table .sisf-m-title-wrapper .sisf-m-title {
	margin: 0 0 20px 0;
	font-weight: 600;
}

.sisf-sis-pricing-table .sisf-m-title-wrapper .sisf-e-item {
	padding: 20px 40px 0px 40px;
}

.sisf-sis-pricing-table .sisf-m-button .btn-default {
	background-color: var(--secondary-color);
	border: 1px solid var(--secondary-color) !important;
	color: var(--primary-color);
}

.sisf-sis-pricing-table .sisf-m-button:hover .btn-default {
	border: 1px solid var(--white-color) !important;
}

/* ===================================================
   (SaaSPro) 28 Money Transfer Made Single Section css
====================================================== */
.money-transfer-made-single {
	background-image: url("../images/effortless_money_bg-1.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 50px 50px 0px 50px;
	border-radius: 80px;
	border: 1px solid #2D3947;
	margin-bottom: 70px;
}

.effortless-image {
	width: 75%;
}

.sisf-effortless-image {
	margin-left: -230px;
}

.sisf-sis-icon-money-transfer-text {
	background-color: #1F3551;
    margin: 35px 0px 15px 0px;
    padding: 15px 20px 15px 20px;
    border-radius: 15px 15px 15px 15px;
}

.sisf-sis-icon-money-transfer-text h5 {
	font-family: var(--default-font);
	margin-bottom: 10px;
	font-weight: 600;
}

.sisf--sis-icon-money-transfer-text {
	background-color: #1E4042 !important;
}

.sisf-sis-icon-money-transfer-text .sisf-m-icon-wrapper img {
	min-width: 22px;
}

/* =========================================
   (SaaSPro) 29 Trusted Partners Section css
============================================ */
.trusted-partners-section {
	background-image: url("../images/your_trusted_bg-1.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-top: 150px;
}

.trusted-partners-slider {
	margin-bottom: -80px;
	position: relative;
}

.sisf-comman-buttons.swiper-buttons .swiper-button-prev::after,
.sisf-comman-buttons.swiper-buttons .swiper-button-next::after {
	display: none;
}

.sisf-comman-buttons.swiper-buttons .swiper-button-prev,
.sisf-comman-buttons.swiper-buttons .swiper-button-next {
	color: var(--white-color);
    background-color: #FFFFFF2B;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 17px;
    width: 60px !important;
    height: 60px !important;
    transform: rotate(-30deg);
	position: absolute;
	top: -78px;
}

.sisf-comman-buttons.swiper-buttons .swiper-button-next {
	right: 10%;
	left: auto;
}

.sisf-comman-buttons.swiper-buttons .swiper-button-prev {
	right: 20%;
	left: auto;
}

/* ==============================
   (SaaSPro) 30 Event Section css
================================= */
.sisf-event-slider .sisf-e-inner {
    border-radius: 20px;
    border: 1px solid #2D3947;
    background: #111821;
    padding: 25px;
	overflow: hidden;
}

.sisf-event-slider .sisf-e-inner::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -70%;
    left: 0;
    right: -70%;
    border-radius: 1000px;
    opacity: 0.4;
    background: #324592;
    filter: blur(217px);
}

.sisf-event-slider .sisf-event-title h5 {
	font-family: var(--default-font);
}

.sisf-event-slider .sisf-e-content-holder {
	position: relative;
	z-index: 2;
}

.sisf-event-slider .sisf-sis-button .sisf-m-icon-inner {
	transform: rotate(0deg);
}

.sisf-event-slider .sisf-e-inner .sisf-sis-button {
	background-color: transparent !important;
	height: auto;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
}

.sisf-event-slider .sisf-e-description {
	font-size: 15px;
}

.sisf-event-slider .sisf-comman-buttons.swiper-buttons .swiper-button-prev {
    right: 15%;
    left: auto;
}


/* ==========================================
   (SaaSPro) 31 Fast And Scalable Section css
============================================= */
.fast-and-scalable-section {
	background-image: url("../images/fast_secure_bg-1.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.skills-progress-bar {
	margin-bottom: 40px;
}

.skillbar {
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    height: 70px;
}

.skill-data {
    padding: 0 20px;
    height: 70px;
    display: flex;
    align-items: center;
	justify-content: space-between;
    position: relative;
    z-index: 2;
}

.skill-title {
	font-size: 18px;
    color: var(--primary-color);
    font-weight: 500;
	letter-spacing: .075em;
	line-height: 1.5em;
    position: relative;
    z-index: 3;
}

.skill-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 70px;
    width: 100%;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #485464;
	background: #292f37;
    border-radius: 50px;
    overflow: hidden;
    z-index: 1;
}

.skillbar .skill-progress .count-bar {
    height: 100%;
    background: linear-gradient(to right, #A0FD62 0%, #4ECA82 99.98%);
    border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
    padding-right: 20px;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.skillbar .skill-progress .count-bar-1 {
	background: linear-gradient(to right, #63EBFA 0%, #5267CF 99.98%) !important;
}

.skillbar .skill-progress .count-bar-2 {
	background: linear-gradient(to right, #EBA5F9 0%, #CF9552 99.98%) !important;
}

.skill-no {
    font-weight: 500;
    z-index: 3;
}

/* ===========================================
   (SaaSPro) 32 Speed And Security Section css
============================================== */
.sisf-experience-box {
	background-image: url("../images/experience-box-bg-1.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 0px 40px 40px 40px;
	border-radius: 28px;
}

.sisf--experience-box {
	padding: 40px 40px 0px 40px !important;
}

.sisf-experience-box .sisf-sis-content h5 {
	margin: 50px 0 10px 0;
	font-family: var(--default-font);
	font-size: 22px;
}

.sisf--experience-box .sisf-sis-content h5 {
	margin: 10px 0 50px 0 !important;
}

/* ================================================
   (SaaSPro) 33 Download And Experience Section css
=================================================== */
.download-and-experience-section {
	background-image: url("../images/download_and_enjoy_bg-1.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 50px 50px 0 50px;
	border-radius: 20px 20px 20px 20px;
	margin: 140px 0 70px 0;
}

.download-image {
	margin-top: -170px;
}

/************************************/
/***  (SaaSPro) 34. FAQ Page css  ***/
/************************************/

.accordion-button::after {
	display: none !important;
}

.accordion-button {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding-right: 50px;
}

.accordion-button::before {
	content: '\f067';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 16px;
	top: 30%;
	width: 30px;
	height: 30px;
	display: block;
	background-color: transparent;
	color: var(--primary-color);
	font-size: 20px;
	transition: all 0.3s ease;
}

.accordion-button:not(.collapsed)::before {
	content: '\f068';
	color: var(--main-color);
}

.faqs-accordian {
	border-bottom: 1px solid #413557;
}

.faqs-accordian .accordion-button::before,
.faqs-accordian .accordion-button:not(.collapsed)::before {
	display: none;
}

.faqs-accordian .accordion .accordion-body {
	padding: 20px 20px 20px 0px;
}

.faqs-accordian .accordion-button {
	border-top: 1px solid #413557;
}

.faqs-accordian .sisf-accordion-mark {
	position: absolute;
	top: 18px;
	right: 20px;
	transform: inherit;
	transition: opacity .2s ease-out;
	text-align: center;
	bottom: 0;
	margin: 10px auto;
	line-height: normal;
}

.faqs-accordian .sisf-accordion-mark .sisf-icon-pack {
	line-height: normal;
}

.faqs-accordian .sisf-accordion-mark i {
	transform: rotate(45deg);
	line-height: normal;
	transition: 0.2s ease-in-out;
}

.faqs-accordian .accordion-button:not(.collapsed) .sisf-accordion-mark i {
	transform: rotate(-45deg);
	transition: 0.2s ease-in-out;
}

.accordion {
	position: relative;
	z-index: 2;
	border-radius: 0px !important;
}

.faqs-accordian .sisf-accordion-mark {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: var(--main-color);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0;
}

.faqs-accordian .accordion-item {
    background-color: transparent !important;
}

.accordion .accordion-button {
	box-shadow: none;
	border-radius: 0px;
	padding: 30px 0px;
	background-color: transparent !important;
	color: var(--white-color);
}

.accordion .accordion-button span {
	font-size: 20px;
	line-height: 1.39em;
	font-weight: 500;
	word-wrap: break-word;
	font-family: var(--default-font);
	transition: 0.4s ease-in-out;
	letter-spacing: 1px;
}

.faqs--accordian {
	border-bottom: none !important;
}

.faqs--accordian .accordion-item {
	border: 1px solid #2F2F34;
    border-radius: 10px;
	margin-top: 30px;
	padding-left: 30px;
}

.faqs--accordian .accordion-button {
	border-top: none !important;
}

.faqs--accordian .sisf-accordion-mark {
	right: 30px;
}

.faqs_accordian .accordion-button,
.faqs_accordian .accordion-body  {
	padding-left: 40px !important;
}

.faqs_accordian .accordion-button::before {
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 30%;
    width: 30px;
    height: 30px;
    display: block;
    background-color: transparent;
    color: var(--white-color);
    font-size: 20px;
    transition: all 0.3s ease;
} 

.faqs_accordian .accordion-button:not(.collapsed)::before {
    content: '\f068';
    color: var(--white-color);
	position: absolute;
    left: 0;
    top: 30%;
    width: 30px;
    height: 30px;
    display: block;
    background-color: transparent;
    color: var(--white-color);
    font-size: 20px;
    transition: all 0.3s ease;
}


/* ====================================================
   (SaaSPro) 35 Technology Meets creativity Section css
======================================================= */
.where-creativity--image {
	display: flex;
	justify-content: end;
	margin-top: -100px;
	position: relative;
	z-index: 2;
}

/* ==============================================
   (SaaSPro) 36 Start your Experience Section css
================================================= */
.start-your-experience-section {
	background-image: url("../images/start_your_img.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    position: relative;
	border-radius: 15px 15px 15px 15px;
	overflow: hidden;
	margin-bottom: 70px;
}

.start-your-experience-part {
	padding: 150px 0;
	position: relative;
	background-color: #0000009e;
	border-radius: 15px 15px 15px 15px;
}

/* =============================
   (SaaSPro) 37 Form Section Css
================================ */
.get-in-touch-section {
	background-image: url("../images/get-in-touch_bg.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.form-section .form-label {
    color: var(--main-color);
	text-transform: uppercase;
}

.form-section .form-control {
	font-size: 16px;
	padding: 25px;
	border: 1px solid #FFFFFF54;
	background-color: transparent;
	border-radius: 100px;
	color: var(--white-color) !important;
	box-shadow: none;
	outline: none;
	line-height: normal;
	margin-bottom: 30px;
}

.form-section .form-control:focus {
   border: 1px solid #8C1D96;
}

.form-section .form-control:focus, 
.form-section .form-control::placeholder {
    color: var(--white-color);
}

select.form-control {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.form-section .select-wrapper i {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	pointer-events: none;
	z-index: 3;
	font-size: 14px;
	color: var(--text-color);
}

.form-section .select-wrapper {
	position: relative;
}

.form-section .btn-default:hover {
	border: 1px solid var(--main-color) !important;
}

/* ===================================
   (SaaSPro) 38 Letest Blog Section css
======================================= */
.letest-blog .sisf-e-content .sisf-e-title-link {
	color: var(--primary-color);
	position: relative;
	font-size: 22px;
	text-transform: none;
	font-family: var(--default-font);
	letter-spacing: 1px;
	width: 100%;
	background-repeat: no-repeat;
	background-image: linear-gradient(transparent calc(100% - 2px), #000000 2px);
	transition: .9s cubic-bezier(.32, .32, .15, 1.17);
	background-size: 0 100%;
}

.letest-blog .sisf-e-content .sisf-e-title-link:hover {
	color: var(--main-color) !important;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: linear-gradient(transparent calc(100% - 2px), var(--main-color) 2px);
	transition: .9s cubic-bezier(.32, .32, .15, 1.17);
}

.letest-blog .sisf-e-info-category a {
	margin-right: 10px;
	background: var(--main-color);
	color: var(--white-color);
	font-size: 18px;
	font-weight: 600;
	padding: 5px 10px;
	border-radius: 5px;
	transition: o.4s ease-in-out;
}

.letest-blog .sisf-e-info-category a:hover {
	color: var(--primary-color);
	transition: o.4s ease-in-out;
}

.letest-blog .sisf-e-inner {
	position: relative;
}

.letest-blog .sisf-e-info-date {
	padding: 0px 92px 0px 27px;
	position: absolute;
	top: 92px;
	right: 175px;
	width: 100%;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.letest-blog .sisf-e-info-date::before {
	content: "";
	height: 1px;
	background: var(--primary-color);
	left: 70px;
	right: 4px;
	position: absolute;
	top: 17px;
}

.letest-blog .sisf-e-info-date a {
	text-transform: uppercase;
	letter-spacing: 1.6px;
	color: var(--primary-color) !important;
	background: var(--white-color);
	z-index: 2;
	padding: 0 12px;
	position: relative;
}

.blogs-list .sisf-blog-content .sisf-e-info-author-link,
.blogs-list .sisf-blog-content .blog-date {
	font-size: 16px;
	transition: 0.5s ease-in-out;
	font-weight: 500;
	color: var(--white-color);
}

.blogs-list .sisf-blog-content span {
	font-size: 18px;
}

.blogs-list .sisf-blog-content .blog-date:hover,
.blogs-list .sisf-blog-content .sisf-e-info-author-link:hover {
	transition: 0.5s ease-in-out;
	color: var(--main-color);
}

.blogs-list .sisf-blog-content .sisf-e-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--white-color);
	margin-bottom: 10px;
}

.blogs-list .sisf-blog-content .sisf-e-title:hover {
	color: var(--main-color);
}

.blogs-list .sisf-blog-title-link {
	color: var(--white-color);
	font-weight: 500;
	margin: 10px 0;
	position: relative;
	transition: 0.5s ease-in-out;
	background-repeat: no-repeat;
	background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
	transition: .9s cubic-bezier(.32, .32, .15, 1.17);
	background-size: 0 100%;
}

.blogs-list .sisf-blog-title-link:hover {
	transition: 0.5s ease-in-out;
	color: var(--main-color) !important;
	background-size: 100% 100%;
}

.letest-blog-item {
	margin-bottom: 0px;
	position: relative;
}

.sisf--blog {
	margin-bottom: 30px;
}

.letest-blog-item .sisf-e-inner {
	position: relative;
	overflow: hidden;
	transition: 0.4s ease-in-out;
}

.sisf-blogs .sisf-e-media-holder {
	position: relative;
}

.sisf-blogs .sisf-e-media-holder img {
	aspect-ratio: 1;
	object-fit: cover;
}

.sisf-blogs .sisf-e-inner::before {
	content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
	width: 100%;
    height: 100%;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.86) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.86) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.86) 100%);
}

.sisf-blogs .sisf-e-content {
	position: absolute;
	bottom: 0;
}

.sisf-blogs .sisf-e-info-date a:hover,
.sisf-blogs .sisf-e-info-date a:hover i,
.letest-blog-item .sisf-e-info-item a:hover,
.letest-blog-item .sisf-e-info-item a:hover i {
	color: var(--secondary-color) !important;
	transition: 0.4s ease-in-out;
}

.letest-blog-item .sisf-e-content {
	padding: 20px;
	z-index: 3;
}

.letest-blog-item .blog-title {
	width: 100%;
	display: inline-block;
}

.letest-blog--section {
	background-color: #170C2D;
}

.letest-blog--item {
	margin-bottom: 30px;
}

.letest-blog--item .sisf-e-inner {
	display: flex;
	align-items: end;
}

.letest-blog--item .sisf-e-media {
	width: 70%;
}

.letest-blog--item .sisf-e-content {
	width: 100%;
    position: unset !important;
    background: #212125;
    margin-left: -55%;
    flex: 1;
}

.letest-blog--item .sisf-e-content.ms-0.p-0.mt-4 {
	background-color: transparent !important;
}

.letest-blog--item .blog-title-link,
.letest-blog-item .blog-title-link {
	font-size: 20px;
    letter-spacing: 1.1px;
    line-height: 1.5em;
    font-weight: 500;
	font-family: var(--default-font);
	position: relative;
	background-repeat: no-repeat;
	background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
	transition: .9s cubic-bezier(.32, .32, .15, 1.17);
	background-size: 0 100%;
}

.letest-blog-item .blog-title-link:hover,
.letest-blog--item .blog-title-link:hover {
	transition: 0.4s ease-in-out;
	color: var(--secondary-color) !important;
	background-size: 100% 100%;
}

.letest-blog-item .sisf-e-title-wraper {
	margin-bottom: 15px;
	padding-bottom: 0px;
}


.letest-blog-item .sisf-e-media-image img {
	transform: scale(1) rotate(0deg);
	transition: 0.5s ease-in-out;
	position: relative;
}

.letest-blog-item .sisf-e-inner:hover .sisf-e-media-image img {
	transform: scale(1.1) rotate(3deg);
	transition: 0.5s ease-in-out;
}

.letest-blog-item .sisf-e-media-image {
	overflow: hidden;
	position: relative;
}

.letest-blog-item .sisf-e-media-image a::after {
	content: '';
    position: absolute;
	background-color: #000000;
	left: 0;
    width: 0;
	height: 100%;
	opacity: 0.5;
    transition: .5s ease-in-out;
    margin: auto;
    right: 0;
}

.letest-blog-item .sisf-e-media-image-ai a::after {
	background-color: #121147 !important;
}

.letest-blog-item .sisf-e-inner:hover .sisf-e-media-image a::after {
	width: 100%;
	transition: .5s ease-in-out;
}

.letest-blog-item .sisf-e-info-date a,
.letest-blog-item .sisf-e-info-item a {
	font-size: 16px;
	text-transform: none;
	font-weight: 400;
	transition: 0.4s ease-in-out;
	color: var(--white-color);
}

.letest-blog--item .sisf-e-info-date a,
.letest-blog--item .sisf-e-info-item a,
.letest-blog--item .sisf-saperator {
	color: #9A9A9A;
	text-transform: uppercase;
}

.letest-blog-item .sisf-e-info .sisf-e-info-divider {
	font-size: 35px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    color: #9A9A9A;
    line-height: 6px;
    height: 25px;
	margin: 0 14px 0 10px;
}

.letest-blog-item .info-date a {
	padding: 10px 20px 10px 20px;
	background: var(--main-color);
	color: var(--primary-color);
	font-size: 14px;
	border-radius: 10px;
	text-transform: uppercase;
}

.letest-blog-item .sisf-e-info-author-link {
	font-size: 15px;
	text-transform: uppercase;
}

.letest-blog-item .sisf-e-info-date .date {
	font-size: 32px;
	font-weight: 600;
}

.sisf-addons-blogs-list .media-image {
	border-radius: 0%;
	position: relative;
	z-index: 2;
}

.letest-blog--item:hover .sisf-e-media-image img {
	transform: scale(1.1);
	transition: 0.4s ease-in-out;
}

.letest-blog--item .sisf-e-info-author a:hover {
    transition: 0.4s ease-in-out;
	color: var(--main-color) !important;
}

.letest-blog-item .sisf--button .sisf-sis-button {
	background-color: transparent !important;
	font-size: 18px;
	color: var(--secondary-color);
	transition: 0.3s ease-in-out;
	font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.8px;
	border-top: 1px solid #3F3F3F;
	border-radius: 0px !important;
}

.letest-blog-item .sisf--button .sisf-sis-button .sisf-m-icon-inner {
    transform: rotate(0deg) !important;
	padding: 0 !important;
	line-height: normal;
}

.letest-blog-item .sisf--button .sisf-sis-button .sisf-m-icon-inner i {
    color: var(--secondary-color);
	transition: 0.3s ease-in-out;
	padding-bottom: 2px;
}

.blog-upside {
	margin-top: -80px;
}

/* ============================
    39. Inner Pages Banner Css
=============================== */

.sisf-banner {
	margin-top: 0px;
}

.banner-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sisf-page-title {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	z-index: 3;
}

.sisf-page-title .sisf-m-title {
	color: var(--white-color);
	text-shadow: 0px 4px 40px rgba(0, 0, 0, 0.30);
    font-size: 46px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: none;
	letter-spacing: 0.1px;
	transform: translateY(65%);
}

.sisf-breadcrumbs span {
    font-family: var(--heading-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
	position: relative;
}

.sisf-breadcrumbs-link span {
	position: relative;
}

.sisf-breadcrumbs-link span::after {
	content: "";
	width: 0%;
	height: 1px;
	background: var(--white-color);
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	margin: 0 auto;
	transition: 0.3s ease-in-out;
}

.sisf-breadcrumbs-link:hover span::after {
	width: 100%;
	transition: 0.3s ease-in-out;
}

.sisf-breadcrumbs-separator:after {
    content: '/';
}

/************************************/
/*** 	 40.  Error Page css      ***/
/************************************/
.error-page {
	padding: 250px 0 100px 0;
	background-color: #090D12;
}

.error-page-content .sisf-404-background-text {
	position: absolute;
	font-size: 250px;
	line-height: .46em;
	letter-spacing: -.015em;
	font-weight: 700;
	margin: 0 auto;
	left: 0;
	right: 0;
	color: #cdcfd2;
}

.error-page-content .sisf-404-title {
	position: relative;
	padding-top: 50px;
}

.error-page-content .sisf-404-subtitle {
	position: relative;
	margin: 25px 0 12px;
	font-size: 63px;
	line-height: .95em;
	letter-spacing: .05em;
	font-weight: 500;
}

.error-page-content .error-page-content-body p {
	font-size: 17px;
	position: relative;
}

/************************************/
/*** 	41. Contact Page css      ***/
/************************************/
.sisf-form-section input::placeholder,
.sisf-form-section textarea::placeholder {
	color: var(--main-color);
	opacity: 1;
}

.contact-column .sisf-m-title {
	font-weight: 500;
	font-family: var(--default-font);
}

.contact-here-form .form-control {
	padding: 15px;
	border: none;
	margin-bottom: 25px;
	border: 1px solid #DDDDDD;
	font-family: var(--heading-font);
	color: var(--primary-color);
	border-radius: 0px;
	box-shadow: none;
	background: none;
}

.contact-here-form .form-control::placeholder {
	font-size: 16px;
	color: var(--primary-color);
}

.contact-here-form .form-control::-webkit-input-placeholder {
	color: var(--primary-color) !important;
}

.contact-here-form .form-control::-moz-placeholder {
	color: var(--primary-color) !important;
}

.contact-here-form .form-control:-ms-input-placeholder {
	color: var(--primary-color) !important;
}

.contact-here-form .form-control:-moz-placeholder {
	color: var(--primary-color) !important;
}

.contact-here-form input[type="text"]:focus,
.contact-here-form input[type="email"]:focus,
.contact-here-form input[type="tel"]:focus,
.contact-here-form textarea:focus {
	color: var(--primary-color) !important;
	background: transparent;
	border: 1px solid var(--main-color);
}

.contact-map {
	width: 100%;
	height: 600px;
}

.contact-map iframe {
	width: 100%;
	height: 100%;
	filter: grayscale(100%);
	transition: all 0.3s ease-in-out;
	margin-bottom: 0px;
}

.contact-map iframe:hover {
	filter: grayscale(0);
	transition: all 0.3s ease-in-out;
}

.contac-info {
	position: relative;
	z-index: 2;
	padding: 50px;
	background-color: var(--white-color);
	margin: 0px 0px 0px -100px;
	box-shadow: 0px 0px 70px 4px rgba(0, 0, 0, 0.1);
    transition: border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.contac-info .sis-contact-info {
	display: flex;
	align-items: start;
}

.contac-info .sis-contact-info .sisf-m-icon-wrapper img {
    min-width: 20px;
}

.contac-info .sis-contact-info h5 {
	font-size: 22px;
	margin-bottom: 5px;
}

.contac-info .sis-contact-info p {
	color: #444;
}

.sisf-book-now-image {
    position: relative;
    z-index: 2;
    margin-right: 0px;
}

.sisf-sis--contact {
    position: relative;
    z-index: 1;
    background: var(--white-color);
    padding: 50px 50px 50px 150px;
    margin-left: -150px;
    box-shadow: -50px -20px 50px 0px rgba(0, 0, 0, 0.05);
}

/********************************
    42. Shop List Page css
 ********************************/
.sisf--page-section {
	background-image: url("../images/shop-top.png");
	background-position: top center;
	background-repeat: no-repeat;
}

.sisf-shop-results {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
	line-height: 1.83em;
	margin-bottom: 30px;
}

.sisf-shop-results .product-result-count {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.7px;
	margin: 10px 0;
}

.sisf-shop-results .product-ordering {
	position: relative;
	display: inline-block;
	border: 1px solid #232528;
    padding: 12px 15px;
    background: #232528;
    border-radius: 50px;
}

.product-ordering .select2-container--default .select2-selection--single {
	border: none;
	outline: none;
}

.product-ordering .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none;
}

.sisf-shop-results .product-ordering .custom-toggle-icon {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	font-size: 12px;
	color: var(--white-color);
}

.sisf-shop-results .product-ordering select {
	display: block;
	height: auto;
	margin: 0;
	border: none;
	padding: 5px;
	background: transparent;
	border-radius: 0px;
	outline: none;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: var(--white-color);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.7px;
	min-width: 300px;
	appearance: none;
	-moz-appearance: none;
}

.product-ordering select option {
	background-color: transparent;
	color: var(--primary-color);
	padding: 10px;
}

.product-ordering select option:hover {
	background-color: transparent;
	color: var(--main-color);
}

.sisf-product-list .product .sisf-product-inner {
	border-radius: 10px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.sisf-product-list .product .sisf-product-image {
	padding: 0;
	background: var(--white-color);
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.sisf-product-list .product .sisf-product-image img {
	transform: scale(1.005) translateZ(0);
	transition: transform .35s cubic-bezier(.25, .46, .45, .94);
	will-change: transform;
	width: 100%;
}

.sisf-product-list .product .sisf-product-image:hover img {
	transform: scale(0.95);
}

.sisf-product-list .product .sisf-e-product-content {
	margin: 21px 0 0px;
}

.sisf-product-list .product .sisf-image-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000000C7;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	opacity: 0;
	transition: 0.3s ease-in-out;
	padding: 15px;
	text-align: center;
}

.sisf-product-list .product .sisf-product-inner:hover .sisf-image-content {
	opacity: 1;
	transition: 0.3s ease-in-out;
}

.sisf-product-list .product .sisf-product-inner .sisf-image-content-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: 0.3s ease-in-out;
	transform: translateY(20px);
}

.sisf-product-list .product .sisf-product-inner .sisf-image-content-inner .button.add-to-cart {
	color: var(--white-color);
	font-size: 18px;
}

.sisf-product-list .product .sisf-product-inner .sisf-image-content-inner .shop-product {
	color: var(--white-color) !important;
	transition: 0.3s ease-in-out;
}

.sisf-product-list .product .sisf-product-inner .sisf-image-content-inner .shop-product:hover {
	color: var(--main-color) !important;
	transition: 0.3s ease-in-out;
}

.sisf-product-list .product .sisf-product-inner:hover .sisf-image-content-inner {
	transition: 0.3s ease-in-out;
	transform: translateY(0px);
}

.sisf-product-list .product .sisf-e-product-title .shop-product {
	margin: 1px 0 0;
	font-style: normal;
	font-weight: 400;
	font-family: var(--default-font);
	line-height: normal;
	text-transform: none;
	letter-spacing: 0.5px;
	transition: 0.3s ease-in-out;
}

.sisf-product-list .product .sisf-e-product-title .shop-product:hover {
	color: var(--secondary-color) !important;
	transition: 0.3s ease-in-out;
}

.product .sisf-m-star .star {
	font-size: 25px;
}

.sisf-product-list .product .sisf-e-inner {
	margin-bottom: 30px;
	transition: .5s ease-in-out;
}

.sisf-product-list .product .sisf-e-inner .sisf-product-image {
	background: transparent;
	position: relative;
	overflow: hidden;
	padding: 25px;
	background-color: #232528;
}

.product .heart-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 0%;
    justify-content: center;
    position: absolute;
	background: #2A2D30 !important;
    top: 15px;
    left: 15px;
	z-index: 2;
	transition: .3s ease-in-out;
    box-shadow: 0 0px 2px 3px rgba(0, 0, 0, 0.04);
}

.product .heart-icon i {
    color: #B7B7B7;
    font-size: 22px;
    display: inline-block;
    padding-top: 10px;
	transition: .3s ease-in-out;
}

.product:hover .heart-icon i {
    color: var(--white-color);
	transition: .3s ease-in-out;
}

.sisf-product-list .product .sisf-e-inner .sisf-product-image img {
	transform: scale(1) translateZ(0);
	transition: .4s ease-in-out;
}

.sisf-product-list .product .sisf-e-inner .sisf-product-image img:hover {
	transform: scale(1.2);
	transition: .4s ease-in-out;
}

.sisf-product-list .shop-product--image {
	aspect-ratio: 1 / 1.26;
    object-fit: contain;
}

.sisf-product-list .product .sisf-product-price {
	margin: 8px 0 10px;
}

.sisf-product-list .product .sisf-product-price .product-price-amount {
	font-size: 22px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.5px;
	color: var(--white-color);
}

.sisf-product-inner .sisf-underline--left {
	transition: .4s ease-in-out;
}

.sisf-product-inner .sisf-underline--left:hover {
	color: var(--main-color);
	transition: .4s ease-in-out;
}

.sisf-product-list .product .sisf-e-ratings i {
	color: var(--main-color);
}

.sisf-product-list .product .sisf-product-price .product-price-amount .product-price-currencysymbol {
	font-size: 22px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.5px;
	margin: 0;
	top: 0;
}

.sisf-product-list .product .sisf-e-product-content .button.add_to_cart_button {
	position: relative;
	display: inline-flex;
	width: auto;
	margin: 0;
	text-decoration: none;
	border-radius: 0px;
	outline: none;
	transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
	cursor: pointer;
	z-index: 3;
	text-align: center;
	font-style: normal;
	font-weight: 500;
	border: 0;
	font-size: 16px;
	text-transform: capitalize;
	letter-spacing: 0.44px;
	background: none;
	padding: 0;
}

.sisf-product-list .sisf-product-inner .sisf--m-button {
	width: 80%;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(70px);
    opacity: 0;
	transition: 0.2s ease-in-out;
}

.sisf-product-list .sisf-product-inner:hover .sisf--m-button {
	transform: translateY(0px);
    opacity: 1;
	transition: 0.2s ease-in-out;
} 

.sisf-product-list .product .sisf-e-product-content .button.add-to-cart {
	margin-top: 10px;
}

.sisf-product-list .product .sisf-e-product-content .rating-count {
	display: inline;
	margin-left: 10px;
	color: #7C7C7C;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
}

.sisf-product-list .product .sisf-e-product-content .button.add_to_cart_button:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: currentColor;
	transition: background-color .25s ease-in-out, width .36s cubic-bezier(.51, .5, .07, .99);
	backface-visibility: hidden;
}

.sisf-product-list .product .sisf-e-product-content .button.add_to_cart_button:hover {
	color: var(--main-color);
}

.sisf-product-list .product .sisf-e-product-content .button.add_to_cart_button:hover:after {
	width: 0;
}

.sisf-layout-filled {
	font-size: 18px !important;
}

.sisf-layout-filled:hover {
	color: var(--white-color) !important;
}

.sisf-page-sidebar {
	border-radius: 10px;
    border: 1px solid #2f2f2f;
    padding: 25px 0 0px 0;
    background: #232528;
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin-bottom: 60px;
}

.premium-gallery.small--gallry {
	margin-top: 30px;
}

.sisf-page-sidebar .sidebar-widget {
	padding: 0px 25px 0px 25px;
}

.filter .dropdown-toggle {
    border: 1px solid #232528;
    padding: 10px 30px;
    background: #232528;
    border-radius: 100px;
    color: var(--white-color);
    letter-spacing: 1.4px;
    width: 200px;
}

.sisf-dropdown-filter .filter-section {
	width: 300px;
	padding: 20px;
	position: absolute;
	top: 100%;
	z-index: 5;
	background: #232528;
	border-radius: 10px;
	border: 1px solid #232528;
	color: var(--white-color);
	bottom: auto;
	height: auto;
	max-height: none;
	overflow: visible;
	box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.15);
	display: none;
	transition: all 0.3s ease-in-out;
	opacity: 0;
}

.sisf-dropdown-filter .filter-category span {
	font-size: 20px;
	font-weight: 600;
}

.sisf-dropdown-filter .filter-category i {
	font-size: 14px;
	transition: 0.3s ease-in-out;
}

.sisf-dropdown-filter .filter-section .form-check-label {
	color: var(--white-color);
}

.sisf-dropdown-filter .sisf-m-button .toggle-text {
	cursor: pointer;
}

.dropdown:hover .sisf-dropdown-filter .filter-section {
	display: block;
	visibility: visible;
	transition: all 0.3s ease-in-out;
	opacity: 1;
}

.filter-category.show+.view-toggle .custom-toggle-icon, .filter-category[aria-expanded="true"] .custom-toggle-icon {
    transform: rotate(0deg);
	transition: all 0.3s ease-in-out;
}

.filter-category .custom-toggle-icon {
    transform: rotate(-90deg);
    transition: all 0.3s ease-in-out;
}

.sisf-dropdown-filter .form-check .form-check-input {
	width: 20px !important;
	height: 20px !important;
	background-color: transparent !important;
	margin: 6px 15px 0 0;
	border: 1px solid var(--secondary-color) !important;
	cursor: pointer;
}

.sisf-dropdown-filter .form-check .form-check-input:checked {
    background-color: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color) !important;
    transition: background-color 0.3s ease;
}

.sisf-sis-dropdown {
    position: relative;
    display: inline-block;
	text-align: end;
}

.sisf-sis-dropdown .dropdown-button {
    background-color: #232528;
    border: 1px solid #232528;
    padding: 10px 20px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    width: 200px;
}

.sisf-sis-dropdown .dropdown-content {
	padding: 20px;
	display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #232528;
    min-width: 350px;
    border: 1px solid #232528;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 3;
    border-radius: 10px;
}

.sisf-sis-dropdown .dropdown-column {
    display: flex;
    flex-direction: column;
	align-items: start;
}


.sisf-sis-dropdown .dropdown-column a {
    text-transform: uppercase;
    color: #D0D0D0;
	font-weight: 400;
    margin-bottom: 8px;
    font-size: 14px;
    transition: 0.3s ease-in-out;
}

.sisf-sis-dropdown .dropdown-column a:hover {
	color: var(--secondary-color);
	transition: 0.3s ease-in-out;
}

.sisf-sis-dropdown .dropdown-column h4 {
	font-size: 18px;
	font-family: var(--default-font);
	margin-bottom: 20px;
}

.sisf-sis-dropdown:hover .dropdown-content {
    display: flex;
    justify-content: space-between;
}

.sidebar-separator .separator {
	background-color: #dedede;
	color: #dedede;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.sisf-search-form .sisf-search-form-inner {
	max-width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	border-radius: 10px;
}

.sisf-search-form .sisf-search-form-inner input {
	position: relative;
	border-radius: 0px;
	background: transparent;
	color: var(--white-color);
	margin: 0;
	border: 1px solid #666;
}

.sisf-search-form .sisf-search-form-inner .sisf-search-form-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background-color: transparent;
	border: 0;
	color: var(--white-color);
	margin-left: 1em;
}


.sisf-page-sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.sisf-page-sidebar ul li {
	margin: 0 0 13px;
	padding: 0
}

.sisf-page-sidebar ul li a {
	color: var(--white-color);
	transition: 0.3s ease-in-out;
	font-size: 18px;
    line-height: normal;
    font-weight: 400;
	font-family: var(--default-font);
}

.sisf-page-sidebar .sidebar-title {
	border: 0;
	text-transform: none;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.6px;
	position: relative;
	margin-bottom: 21px;
}

.sisf-page-sidebar a:hover {
	color: var(--secondary-color);
	transition: 0.3s ease-in-out;
}


.sidebar_content-list .content_list_widget li {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #2f2f2f;
}

.sidebar_member-list .member_list_widget li {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DEDEDE;
}

.sidebar_member-list .member_list_widget .sisf-member-content {
	margin-left: 12px;
}

.sidebar_member-list .member_list_widget .sisf-member-content .sisf-member-name {
	font-size: 20px;
	color: var(--text-color);
	font-family: var(--default-font);
	font-style: normal;
	letter-spacing: normal;
	text-transform: none;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 6px;
}

.sidebar_member-list .member_list_widget li:last-child {
	border: 0;
	padding: 0;
	margin: 0;
}

.sidebar_content-list .content_list_widget li:last-child {
	border: 0;
	padding: 0;
	margin: 0;
}

.sidebar_content-list .content_list_widget li .sisf-image {
	margin-right: 12px;
}

.sidebar_content-list .content_list_widget li .sisf-image img {
	width: 75px;
	height: 80px;
	min-width: 75px;
	object-fit: cover;
	border-radius: 0px;
}

.sidebar_content-list .content_list_widget li .sisf-title {
	text-transform: none;
	color: #404040;
	font-size: 20px;
	font-family: var(--default-font);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.48px;
	margin-bottom: 5px;
}

.sidebar_content-list .content_list_widget li .sisf-price .price-amount {
	color: var(--white-color);
	text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.6px;
	background: var(--main-color);
	padding: 4px 12px;
	display: inline-block;
	margin-top: 5px;
}

.sidebar_tag-list a.tag {
	padding: 9px 14px;
	border: 1px solid #2f2f2f;
	border-radius: 50px;
	font-style: italic;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.28px;
	margin: 0 10px 10px 0;
	font-size: 16px;
	display: inline-block;
	font-family: var(--default-font);
	position: relative;
	text-transform: capitalize;
	vertical-align: top;
	transition: 0.4s ease-in-out;
	color: var(--white-color);
}

.sidebar_tag-list a.tag:hover {
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color);
	transition: 0.4s ease-in-out;
}

.our-contact-part {
	position: relative;
	display: flex;
	justify-content: center;
}

.our-contact-part .contact-info {
	position: absolute;
	background: #fff;
	border-radius: 5px;
	padding: 15px;
	width: 73%;
	bottom: 40px;

}

.our-contact-part .contact-info p {
	text-align: center;
	margin-bottom: 0;
	line-height: 18px;
	font-weight: 500;
}

.our-contact-part .sisf-member-image img {
	width: 100%;
	height: 210px;
	object-fit: cover;
	margin-bottom: 24px;
}


.content_list_widget .sisf-product-content .sisf-product-title {
	font-family: var(--default-font);
	text-transform: none;
	font-weight: 500;
}

.content_list_widget .sisf-product-content .sisf-m-star .star {
	font-size: 20px;
}

.content_list_widget .sisf-product-content .product-price-amount {
	font-size: 18px;
	font-weight: 500;
}

.sidebar-widget .form-check {
	margin-bottom: 10px;
}

.sidebar-widget .color-list .form-check .form-check-input {
	width: 25px !important;
	height: 25px !important;
	border-radius: 50px;
}

.sidebar-widget .form-check-input {
	box-shadow: none !important;
}

.dropdown-toggle::after {
	display: none;
}


/***********************************
    43. Shop Detail Page css
 *********************************/

.sisf-single-top .small-gallery img {
	border: 1px solid #EEE !important;
	border-radius: 5px !important;
	margin-top: 15px;
	transition: 0.3s ease-in-out;
}

.sisf-single-top .small-gallery img:hover {
	border: 1px dashed var(--main-color) !important;
	transition: 0.3s ease-in-out;
}

.product-main-gallery img,
.product-small-gallery img {
	width: 100%;
	background: #232528;
}

.product-main-gallery {
	margin-bottom: 30px;
}

.sticky-item .premium-gallery {
	border: 1px solid #CCCCCC;
}

.sticky--box {
	padding-right: 15px;
}

.single-product-summary .sisf-product-title {
	font-size: 46px;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	font-weight: 500;
	text-transform: none;
}

.single-product-summary .sisf-product-title-box {
	position: relative;
	padding-right: 90px;
}

.single-product-summary .sisf-social-share {
	position: absolute;
	right: 0;
	top: 15px;
	margin: 0;
}

.sisf-social--share a {
	display: inline-block;
	transition: 0.3s ease-in-out;
}

.sisf-social--share a:hover {
	color: var(--main-color) !important;
	transition: 0.3s ease-in-out;
}

.single-product-summary .sisf-social-share:after {
	content: "";
	background: url("../images/product-share-icon.png") no-repeat center center;
	width: 18px;
	height: 16px;
	vertical-align: middle;
	margin-left: 10px;
	display: inline-block;
	transition: 0.4s ease-in-out;
}

.sisf-social-share .sisf-social-title {
	min-width: inherit;
	color: var(--text-color);
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.8px;
	text-transform: none;
}

.share.sisf-social-share {
	position: relative;
}

.sisf-social-share .sisf-social-list {
	display: none;
	position: absolute;
	top: 85%;
	left: 0;
	right: 0;
	z-index: 1;
	text-align: center;
	padding: 15px 0;
	transition: 0.4s ease-in-out;
}

.sisf-social-share:hover .sisf-social-list {
	transition: 0.4s ease-in-out;
	display: block;
	width: 100px;
}

.sisf-social-share .sisf-social-list li {
	margin-right: 2px;
	display: inline-block;
	text-align: center;
	margin-bottom: 10px;
	margin-left: 2px;
}

.sisf-social-share .sisf-social-list li a {
	width: 30px;
	height: 30px;
	display: flex;
	background: var(--main-color);
	color: var(--white-color);
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	font-size: 14px;
	line-height: normal;
	transition: 0.4s ease-in-out;
}

.sisf-social-share .sisf-social-list li a i {
	line-height: normal;
}

.sisf-social-share .sisf-social-list li a:hover {
	color: var(--white-color);
	transition: 0.4s ease-in-out;
	background: var(--primary-color);
}

.single-product-summary .price {
	margin-top: 17px;
	margin-bottom: 12px
}

.single-product-summary .price .big-dash {
	font-size: 30px;
	color: var(--main-color);
	display: block;
	margin: 0 15px;
}

.single-product-summary .price-amount {
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}

.single-product-summary .price .line {
	font-size: 30px;
}

.sisf-ratings .review-link {
	margin-top: -1px;
	color: #777;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.8px;
}

.product_meta>span {
	position: relative;
	display: flex;
	margin-bottom: 10px;
	flex-shrink: 0;
	margin-right: 8px;
	line-height: inherit !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.32px;
	text-transform: none;
}

.product_meta>span .sisf-meta-label {
	min-width: 114px;
}

.product_meta>span .sisf-meta-value {
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;

}

.cart-link-button {
	line-height: normal;
	margin-top: 8px;
}

.Compare {
	font-size: 20px;
	transition: 0.4s ease-in-out;
}

.Compare:hover {
	transition: 0.4s ease-in-out;
	color: var(--main-color);
}

.product_meta>span .sisf-meta-value a {
	color: var(--white-color);
}

.sisf-quantity-buttons {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	margin-right: 30px;
}

.sisf-product_cart .sisf-m-button .sisf-m-icon::before {
	top: -3.5px;
}

.sisf-product_cart .sisf-m-button .sisf-m-icon::after {
	top: -3.5px;
}

.sisf-product_cart .sisf-m-button .sisf-m-icon-inner::before {
	bottom: -3px;
}

.sisf-product_cart .sisf-m-button .sisf-m-icon-inner::after {
	bottom: -3px;
}

.sisf-quantity-buttons .sisf-quantity-minus,
.sisf-quantity-buttons .sisf-quantity-plus {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	user-select: none;
	color: #7A7979;
	position: absolute;
	right: 0;
	height: 55px;
	width: 45px;
	line-height: 23px;
	border-left: 0;
	cursor: pointer;
	transition: color 0.3s ease-out;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sisf-quantity-buttons .sisf-quantity-minus {
	bottom: 0;
	left: 1px;
	top: 0;
	z-index: 1;
}

.sisf-quantity-buttons .sisf-quantity-plus {
	top: 0;
	width: 45px;
	bottom: 0;
	right: 0;
}

.sisf-quantity-buttons .sisf-quantity-plus i {
	transform: rotate(-180deg);
}

.sisf-quantity-buttons input.sisf-quantity-input {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-ms-user-select: none;
	border: 1px solid #737980;
	border-radius: 50px;
	background: transparent;
	user-select: none;
	position: relative;
	height: 54px;
	width: 160px;
	padding: 0;
	margin: 0 0px 0 0;
	outline: 0;
	font-variant-numeric: lining-nums;
	color: var(--white-color);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0.4px;
}

.product-tabs {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin-top: 47px;
}

.product-tabs .product-tab-nav .nav-tabs {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: start;
	margin: 0;
	list-style: none;
	border-bottom: none;
	z-index: 2;
}

.product-tabs .product-tab-nav .nav-tabs li {
	margin-right: 5px;
	margin-top: 20px;
}

.product-tabs .product-tab-nav .nav-tabs li .nav-link {
	position: relative;
	text-transform: none;
	font-size: 20px;
	text-align: start;
	width: 100%;
	font-style: normal;
	padding: 15px 30px;
	font-weight: 500;
	line-height: normal;
	color: var(--white-color);
	letter-spacing: 0.8px;
	border: 1px solid transparent;
	border-radius: 0%;
	transition: 0.4s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0px;
	background-color: transparent;
}

.product-tabs .product-tab-nav .nav-tabs li .nav-link:hover,
.product-tabs .product-tab-nav .nav-tabs li .nav-link.active {
	color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	transition: 0.4s ease-in-out;
}

.product-tab-box {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	padding-top: 40px;
	border-top: 1px solid #382D4B;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	color: #13161a;
	line-height: 30px;
	letter-spacing: 0.32px;
	margin-top: -1px;
}

.product-tab-box ol {
	list-style-position: inside;
}

.product-tab-box .discription h5 {
	position: relative;
	font-size: 22px;
	font-weight: 600;
	color: var(--white-color);
	font-family: var(--default-font);
	text-transform: capitalize;
}

.product-tab-content {
	color: var(--white-color);
}

.product-tab-box .discription h5:before {
	content: "";
	width: 70px;
	height: 2px;
	background: var(--secondary-color);
	position: absolute;
	bottom: -10px;
	left: 0;
}

.product-tab-body .product-information th,
.product-tab-body .product-information td {
	padding: 5px 5px;
}

.product-tab-body .product-information th {
	width: 214px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 0.32px;
	text-transform: none;
	vertical-align: middle;
}

.product-tab-body .product-information td {
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 0.32px;
	text-transform: none;
	vertical-align: middle;
}

.reviews-title {
	text-transform: none;
	color: var(--white-color);
	font-size: 26px;
	line-height: 1.25em;
	letter-spacing: 0.5px;
	font-weight: 500;
	margin: 0;
}

.comments .commentlist {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
	padding: 0
}

.comments .commentlist .review-list {
	margin: 0 0 25px;
	padding: 0;
	padding-bottom: 0px;
	padding-bottom: 0px;
	padding-bottom: 25px;
	border-bottom: 1px solid #7A7979;
	list-style-type: none;
}

.comments .commentlist .review-list .comment_container {
	position: relative;
	display: flex;
	align-items: flex-start;
}

.comments .commentlist .review-list .comment_container .sisf-e-image {
	margin-right: 15px;
}

.comment_container .sisf-e-image img {
	flex-shrink: 0;
	border-radius: 50px;
	width: 70px;
}

.comments .commentlist .review-list .comment-text {
	position: relative;
	display: inline-block;
	width: 100%;
}

.comments .commentlist .review-list .comment-text .meta {
	display: flex;
	padding-top: 2px;
	margin: 0;
}

.review-list .comment-text .meta .review-author {
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	letter-spacing: 0.54px;
	font-style: normal;
	text-transform: none;
}

.review-list .comment-text .meta .review-published-date {
	margin: 0px 0 0 35px;
	color: #DEDEDE;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.42px;
	position: relative;
}

.comments .commentlist .review-list .comment-text .star {
	font-size: 25px;
}

.comments .commentlist .review-list .description {
	margin-top: 20px;
}

.comments .commentlist .review-list .description p {
	color: #DEDEDE;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0.45px;
	margin: 0
}

.review_form .comment-reply-title {
	display: block;
	margin-bottom: 14px;
	text-transform: none;
	color: var(--white-color);
	font-size: 35px;
	line-height: 1.25em;
	letter-spacing: 0.5px;
	font-weight: 500;
	font-family: var(--default-font);
	margin-top: 0;
}

.review_form .comment-notes {
	font-size: 14px;
}

.review_form .comment-box {
	font-size: 12px;
}

.comment-form-rating .star-rating label {
	font-size: 2rem;
	color: #ccc;
	cursor: pointer;
	transition: color 0.2s;
}

.comment-form-rating .star-rating input {
	display: none;
}

.comment-form-rating .star-rating input:checked~label,
.comment-form-rating .star-rating label:hover,
.comment-form-rating .star-rating label:hover~label {
	color: var(--main-color);
}

.review_form_box input[type="text"],
.review_form_box textarea {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin: 0 0 20px;
	background-color: transparent;
	border-radius: 0px;
	box-sizing: border-box;
	outline: 0;
	cursor: pointer;
	transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: var(--white-color) !important;
	letter-spacing: 0.7px;
	border: 1px solid #7A7979;
	padding: 15px 20px;
	font-family: inherit;
}

.review_form_box input[type="text"]:focus,
.review_form_box textarea:focus {
	color: var(--white-color);
	border: 1px solid var(--secondary-color);
}

.form-check {
	margin-bottom: 0;
}

.review_form_box .form-check .form-check-input {
	border: 1px solid var(--main-color) !important;
	outline: none;
	box-shadow: none;
	border-radius: 3px;
	flex-shrink: 0;
	width: 12px;
	height: 12px;
	margin-top: .25em
}

.related_products {
	border-top: 1px solid #382D4B;
	margin-top: 30px;
	padding-top: 30px;
}

.related_products h2 {
	margin: 0 0 32px 0px;
	font-size: 42px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 2.2px;
	line-height: normal;
	text-transform: capitalize;
}

.page-pagination {
	margin-top: 30px;
	text-align: center;
}

.page-pagination ul {
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 0;
}

.review-list .comment-text .meta .review-published-date:before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: var(--secondary-color);
	display: inline-block;
	position: absolute;
	left: -18px;
	top: 0px;
	bottom: 0;
	margin: auto;
}

.page-pagination ul li a,
.page-pagination ul li span {
	display: flex;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	background: #F0F1F1;
	color: #666;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	margin: 0 5px;
	font-weight: 400;
	line-height: 1em;
	transition: 0.5s ease-in-out;
}

.page-pagination ul li.active a,
.page-pagination ul li a:hover {
	background: var(--main-color);
	color: var(--white-color);
	transition: 0.5s ease-in-out;
}

.sisf-single .sticky-gallery {
	outline: #cccccc solid 1px;
}

.food-size-container .label {
	color: var(--primary-color);
	line-height: 1.54em;
	letter-spacing: .25em;
	font-weight: 500;
}

.food-size-container .food-button {
	padding: 6px 20px;
	background: var(--primary-color);
	color: var(--white-color);
	border: 0;
	border-radius: 50px;
	line-height: 1.54em;
	letter-spacing: .25em;
	font-weight: 500;
	font-size: 14px;
}

.sisf-e-bottom-holder .social-icon a {
	font-size: 18px;
    color: #665E5E;
	margin: 0 10px;
}

/***************************
    44. Cart Page css
 * *************************/
table {
	width: 100%;
	vertical-align: middle;
	border: medium none;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
	color: inherit;
	line-height: inherit;
}

.cart-form-table table tr {
	border: 1px solid #2f2f2f;
}

.cart-scroll {
  width: 100%;
  overflow-x: auto;
}

.cart_table {
  min-width: 100%;
  border-collapse: collapse;
}

.cart-form-table .shop_table tr {
	border-left: none;
	border-right: none;
	border-top: none;
}

.cart-form-table .shop_table tfoot tr:last-child {
	border-bottom: 0
}

.cart-form-table .shop_table tr th,
.cart-form-table .shop_table tr td {
	padding: 15px 0 15px 15px;
	padding-left: 16px;
	vertical-align: middle;
	text-align: left;
	border: 0;
}

.cart-form-table .shop_table tr th {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.4px;
	text-transform: none;
}

.cart-form-table .shop_table tr th:first-child {
	padding-left: 0;
}

.cart-form-table .shop_table tr th.product-thumbnail,
.cart-form-table .shop_table tr td.product-thumbnail {
	width: 72px;
	padding-left: 0;
}

.cart-form-table .shop_table tr th.product-remove {
	width: 30px;
}

.cart-form-table .shop_table tr td.product-thumbnail img {
	width: 72px;
	height: auto;
}

.cart-form-table .shop_table tr td.product-name a {
	font-weight: 500;
	color: var(--white-color);
}

.cart-form-table .shop_table tr td.product-remove a {
	color: var(--primary-color);
	font-size: 20px;
}

.cart-form-table .shop_table tr td.product-remove i {
	color: var(--main-color);
	font-size: 13px;
}

.cart-form-table .shop_table tr td.actions {
	padding: 30px 0 0;
	text-align: initial;
}

.shop_table .coupon {
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 70%;
	float: left;
}

.shop_table .coupon input[type="text"] {
	width: auto;
	margin-right: 20px;
	margin-bottom: 0;
	border-radius: 0px;
	border: 1px solid #2f2f2f !important;
	padding: 8px 21px;
	color: var(--white-color);
	background-color: transparent;
}

.shop_table .coupon input[type="text"]:focus {
	color: var(--white-color);
	outline: none;
	border: 1px solid var(--secondary-color) !important;
}

.shop_table .coupon input[type="text"]::placeholder {
	color: var(--white-color);
}

.shop_table .actions .button {
	padding: 11px 34px;
	font-size: 14px !important;
}

.shop_table .actions>.button.btn-default {
	float: right;
}

.cart-collaterals {
	display: table;
	width: 100%;
}

.cart-collaterals .cart_totals {
	float: right;
	width: 35%;
	margin-top: 92px;
	border-radius: 0px;
	background: #232528;
	padding: 24px;
	box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);
}

.cart-collaterals .cart_totals h2 {
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	font-family: var(--default-font);
	line-height: normal;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	margin: 0 0 42px;
}

.cart-form-table .cart-collaterals .cart_totals tr th {
	width: 40%;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.32px;
}

.proceed-to-checkout .checkout-button {
	width: 100%;
	text-align: center !important;
	font-size: 14px;
	display: block;
}

/***************************
    45. Checkout Page css
 * *************************/
.sisf-checkout h3 {
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.72px;
	margin: 0;
	margin-bottom: 0px;
	text-transform: none;
	margin-bottom: 24px;
}

.payment_methods li {
	padding: 12px 18px;
	margin-bottom: 15px;
	list-style-type: none;
	padding-left: 55px;
	filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.05));
	border: 0;
	position: relative;
}

.payment_methods li .input-radio {
	cursor: pointer;
	border-radius: 50px;
	width: 21px;
	height: 21px;
	border: 1px solid var(--main-color);
	position: absolute;
	left: 18px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.payment_methods li .input-radio:before {
	content: "";
	width: 9px;
	height: 9px;
	display: inline-block;
	border-radius: 50px;
	position: absolute;
	top: 5px;
	left: 5px;
	opacity: 0;
}

.payment_methods li .input-radio:checked::before {
	opacity: 1;
}

.payment_methods li label {
	text-transform: none;
	margin: 0;
	cursor: pointer;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.28px;
}

.payment_methods li p {
	margin: 0;
}

.place-order {
	justify-content: space-between;
	display: flex !important;
	align-items: center;
}

.place-order .back-to-cart {
	padding: 0;
	background: none;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.42px;
	border: 0;
	text-transform: uppercase;
}

.place-order i {
	font-size: 14px;
}

.place-order .back-to-cart svg {
	margin-right: 10px;
	transition: transform .22s cubic-bezier(.37, .08, .02, .93) 50ms, background-color .2s ease-out, color .2s ease-out;
}

.place-order .back-to-cart:hover svg {
	transform: translateX(-4px);
}

.sisf-button.btn-big {
	padding: 11px 28px;
	font-size: 14px !important;
	display: block;
}

.sisf-checkout-cart-items-content .sisf-e-image {
	margin-right: 25px;
	padding: 0px;
	width: 77px;
	height: 77px;
	border: 2px solid #EEE;
	border-radius: 10px;
	background-color: var(--white-color);
}

.sisf-checkout-cart-items-content .sisf-e-image img {
	width: 77px;
	height: 77px;
	object-fit: cover;
	min-width: 77px;
}

.sisf-checkout-cart-items-content .product-name {
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	max-width: 150px;
}

.sisf-checkout-cart-items-content .product-name h5 {
	font-family: var(--default-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
}

.sisf-checkout-cart-items-content .product-name i {
	font-size: 12px;
}

.sisf-checkout-cart-items-content .cart_item {
	border-bottom: 1px solid #2f2f2f;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.cart-form-table.sisf-checkout-cart-totals .shop_table tr th {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.32px;
}

.cart-form-table.sisf-checkout-cart-totals .shop_table tr td {
	text-align: right;
}

.checkout_coupon .coupon-code-box input.input-text {
	width: 50%;
	margin-right: 10px;
	border: 1px solid #2f2f2f !important;
	padding: 8px 21px;
	background-color: transparent;
	border-radius: 0px;
	color: var(--white-color);
}

.checkout_coupon .coupon-code-box input.input-text:focus {
	outline: none;
	color: var(--white-color);
	border: 1px solid var(--secondary-color) !important;
}

.checkout_coupon .coupon-code-box input::placeholder {
	color: var(--white-color);
}

/**************************
    46. My Account Page css
 * ************************/
.shop-my-account-columns-banner {
	background-image: url("../images/my_account_banner.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.myaccount-navigation ul li {
	box-shadow: 0px 4px 30px 0px rgb(0 0 0 / 4%);
	margin: 0 0 15px 0;
}

.myaccount-navigation ul li a {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.48px;
	display: block;
	position: relative;
	padding: 25px 30px;
	border: 1px solid #2f2f2f;
	border-radius: 0px;
	color: #dedede;
	background: transparent;
	transition: 0.4s ease-in-out;
}

.myaccount-navigation ul li a:hover,
.myaccount-navigation ul li.is-active a {
	background: var(--main-color);
	border-color: var(--main-color);
	color: var(--white-color);
	transition: 0.4s ease-in-out;
}

.myaccount-content p {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.3px;
	margin: 10px 0;
}

.myaccount-content a {
	color: var(--white-color);
	transition: 0.5s ease-in-out;
}

.myaccount-content a:hover {
	color: var(--main-color);
	transition: 0.5s ease-in-out;
}

.myaccount-content.cart-form-table .shop_table td {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.3px;
}

.myaccount-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 20px;
	margin-bottom: 30px;
	border: 1px solid #2f2f2f;
	list-style: none;
}

.sisf-address-box {
	width: 100%;
	padding: 15px 15px;
	margin-bottom: 30px;
}

.sisf-address-title {
	position: relative;
}

.sisf-address-box h3 {
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1.15em;
	letter-spacing: 0.05em;
	font-weight: 500;
	margin: 0 0 20px;
}

.sisf-address-title a.edit {
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
	border: 1px solid var(--main-color);
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.48px;
	text-transform: uppercase;
	padding: 10px 15px;
}

.sisf-address-box address {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.3px;
}

.billing-form .input-text {
	width: 100%;
	font-size: 16px;
	border: none;
	outline: none;
	color: var(--white-color);
	box-shadow: none;
	padding: 12px 15px 12px 15px;
	background-color: transparent;
	border: 1px solid #2f2f2f;
	border-radius: 0px;
	margin-bottom: 20px;
	line-height: normal;
}

.billing-form .input-text:focus {
	color: var(--white-color);
	border: 1px solid var(--secondary-color);
}


.myaccount-content h2 {
	text-transform: uppercase;
	color: var(--primary-color);
	font-size: 33px;
	line-height: 1.15em;
	letter-spacing: 0.05em;
	font-weight: 500;
	margin: 0 0 20px;
}

form .form-row label {
	font-size: 15px;
	font-style: normal;
	margin-bottom: 20px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.3px;
}

.checkout-form .form-row input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="date"],
textarea,
select {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin: 0 0 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding: 12px 20px;
	background-color: transparent;
	border: 1px solid #2f2f2f;
	border-radius: 0px;
	box-sizing: border-box;
	outline: 0;
	cursor: pointer;
	transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
	color: var(--white-color);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.7px;
}

.checkout-form .form-row select option {
	color: var(--primary-color) !important;
}

.checkout-form .form-row select.country_select,
.checkout-form .form-row select.state_select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	display: block !important;
}

.checkout-form .form-row {
	position: relative;
	display: inline-block;
	width: 100%;
}

.checkout-form .form-row .custom-toggle-icon {
	position: absolute;
	right: 21px;
	top: 35%;
	transform: translateY(-50%);
	pointer-events: none;
	font-size: 13px;
	color: var(--white-color);
}

.checkout-form .form-row .input-text::placeholder {
	color: var(--white-color);
	font-size: 14px;
}

.checkout-form .form-row .input-text:focus {
	border: 1px solid var(--secondary-color);
}

.sisf-checkout-left .billing-field-wrapper {
	padding: 40px;
	border: 1px solid #2f2f2f;
    background: #232528;
	border-radius: 0px;
	margin-bottom: 40px;
}

.sisf-checkout-left .content-box {
	border: 1px solid #2f2f2f;
    background: #232528;
	border-radius: 0px;
	padding: 24px;
	box-shadow: 0 0 42px 0 rgb(0 0 0 / 8%);
}

.sisf-checkout-right .sisf-checkout-cart-items-content,
.sisf-checkout-right .sisf-checkout-cart-totals {
	border: 1px solid #2f2f2f;
    background: #232528;
	border-radius: 0px;
	padding: 24px;
	box-shadow: 0 0 42px 0 rgb(0 0 0 / 8%);
}

.woocommerce-info {
	border: 1px solid #e1e1e1;
	padding: 20px;
	width: 90%;
}

/***************************
    47. Wishlist Page css
****************************/
.wishlist-scroll {
  overflow-x: auto;
  width: 100%;
}

.wishlist_table {
  min-width: 100%;
  border-collapse: collapse;
}

.wishlist-form-table table tr {
	border: 1px solid #2f2f2f;
}

.wishlist-title h2 {
	font-size: 62px;
	line-height: 80px;
	font-weight: 700;
	margin-bottom: 30px;
}

.wishlist-form-table .shop_table tr {
	border-left: none;
	border-right: none;
	border-top: none;
}

.wishlist-form-table .shop_table tfoot tr:last-child {
	border-bottom: 0
}

.wishlist-form-table .shop_table tr th,
.wishlist-form-table .shop_table tr td {
	padding: 15px 0 15px 15px;
	padding-left: 16px;
	vertical-align: middle;
	text-align: left;
	border: 0;
}

.wishlist-form-table .shop_table tr th {
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1.54em;
	letter-spacing: .25em;
	font-weight: 500;
}

.wishlist-form-table .shop_table tr th:first-child {
	padding-left: 0;
}

.wishlist-form-table .shop_table tr th.product-thumbnail,
.wishlist-form-table .shop_table tr td.product-thumbnail {
	width: 72px;
	padding-left: 0;
}

.wishlist-form-table .shop_table tr th.product-remove {
	width: 30px;
}

.wishlist-form-table .shop_table tr td.product-thumbnail img {
	width: 72px;
	height: auto;
}

.wishlist-form-table .shop_table tr td.product-name a {
	font-weight: 500;
}

.wishlist-form-table .shop_table tr td.product-remove a {
	font-size: 20px;
}

.wishlist-form-table .shop_table tr td.product-remove i {
	font-size: 13px;
}

.wishlist-form-table .shop_table tr td.actions {
	padding: 30px 0 0;
	text-align: initial;
}

.wishlist-form-table .cart-collaterals .cart_totals tr th {
	width: 40%;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.32px;
}

.product-stock-status .wishlist-in-stock {
	color: var(--secondary-color);
}

/***************************
    48. Blog Page css
 * *************************/

.sidebar_blog-list .blog-list-widget li {
	position: relative;
	display: flex;
	margin-bottom: 10px;
	padding-bottom: 10px;
	align-items: center;
}

.sidebar_blog-list .blog-list-widget .sisf-blog-image {
	margin-right: 15px;

}

.sidebar_blog-list .blog-list-widget .sisf-blog-image img {
	max-width: 70px;
	max-height: 70px;
	object-fit: cover;
	width: 70px;
	height: 70px;
	border-radius: 10px;
}

.sidebar_blog-list .blog-list-widget .sisf-blog-title {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	color: var(--primary-color);
	display: -webkit-box;
	max-width: 400px;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 8px;
	font-family: var(--default-font);
	text-transform: none;
}

.sidebar_content-list .content_list_widget .sisf-blog-title {
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	color: var(--primary-color);
	display: -webkit-box;
	max-width: 400px;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 8px;
	font-family: inherit;
	text-transform: none;
	font-family: var(--heading-font);
}

.sidebar_blog-list .blog-list-widget .sisf-date {
	color: var(--main-color);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.28px;
	text-transform: uppercase;
}

.sisf-author-info {
	padding: 20px;
	background: #F4F4F4;
	display: block;
}

.sisf-author-info .sisf-author-info-image img {
	border-radius: 100px;
	width: 106px;
	height: 106px;
}

.sisf-author-info .sisf-author-info-name a {
	color: #404040;
	font-family: var(--default-font);
	font-size: 24px;
}

.sisf-social-links-widget .sisf-social-list li a {
	border-radius: 0px;
	border: 1px solid #2b2b2b;
	background: #2b2b2b;
	padding: 15px;
	align-items: center;
	transform: translateY(0px);
	display: flex;
	color: var(--white-color);
	font-size: 18px;
	line-height: 0;
	opacity: 1;
	transition: 0.2s ease-in-out;
}

.sisf-social-links-widget .sisf-social-list li a:hover {
	color: var(--white-color);
	background: var(--main-color);
	transform: translateY(-5px);
	border: 1px solid var(--main-color);
	transition: 0.2s ease-in-out;
}

.sisf-blog .sisf-blog-item {
	margin-bottom: 50px;
}

.sisf-blog .sisf-blog-item .sisf-e-media-image {
	overflow: hidden;
}

.sisf-blog-item .blog-video {
	width: 100%;
	height: 500px;
	object-fit: cover;
}

.sisf-blog-item .blog--video {
	width: 100%;
	height: 500px;
	object-fit: cover;
}

.sisf-blog-item .blog---video {
	width: 100%;
	height: 227px;
	object-fit: cover;
}

.sisf-addons-blogs-list .sisf-inner {
	padding: 0 20px 20px 20px;
	position: relative;
	z-index: 2 !important;
}

.sisf-addons-blogs-list .sisf-inner::before {
	position: absolute;
	z-index: -1 !important;
}

.sisf-blog-single .sisf-blog-item .blog-video {
	height: auto;
}

.sisf-blog .sisf-blog-item .sisf-e-media-image a {
	display: block;
}

.sisf-blog .sisf-blog-item .sisf-e-media-image figure,
.sisf-blog .sisf-blog-item .sisf-e-media-image img {
	width: 100%
}

.sisf-blog-item.sisf-addons-blogs-list.letest-blog-item .media-image {
	border-radius: 20px;
}

.sisf-blog .sisf-blog-item .sisf-e-title {
	text-transform: none;
	color: var(--primary-color);
	font-style: normal;
	font-weight: 500;
	line-height: 36px;
	margin-bottom: 15px;
	letter-spacing: 0.66px;
	font-size: 30px;
}

.sisf-blog .sisf-blog-item .sisf-info--top>* {
	display: inline-flex;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1.54em;
	letter-spacing: 0.32px;
	font-weight: 500;
	flex-wrap: wrap;
	margin: 0;
}

.sisf-blog .sisf-blog-item .sisf-info--top .sisf-e-info-divider {
	font-size: 35px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 4px;
	color: #9A9A9A;
	line-height: 6px;
	height: 25px;
}

.sisf-blog-item .sisf-e-content .sisf-e-info-category a {
	font-size: 16px;
	line-height: normal;
	font-weight: 400;
	color: #9A9A9A;
	margin-left: 0px;
	text-transform: uppercase;
	transition: .4s ease-in-out;
}

.sisf-blog-item .sisf-e-content .sisf-e-info-category a:hover {
	color: var(--main-color);
	transition: 0.3s ease-in-out;
}

.sisf-info--top .sisf-e-info-date a:hover {
	color: var(--main-color);
	transition: 0.3s ease-in-out;
}

.sisf-blog .sisf-blog-item.format-quote .sisf-e-quote {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	padding: 70px;
	border: 0;
	background: url("../images/quote-bg.png") no-repeat top left;
	background-size: auto;
	background-size: cover;
	border: 10px solid #F1F1F1;
}

.sisf-blog .sisf-blog-item.format-quote .blog-quote {
	border: 1px solid var(--main-color);
}

.sisf-blog .sisf-blog-item.format-quote .sisf-e-qoute-background-text {
	position: unset;
	top: 65px;
	left: 75px;
	letter-spacing: -0.015em;
	font-size: 40px;
	line-height: 1.28em;
	color: var(--sis-main-color);
	opacity: 1;
	text-transform: uppercase;
}

.sisf-blog .sisf-blog-item .quote-icon {
	position: unset !important;
}

.sisf-blog .sisf-blog-item.format-quote .sisf-e-qoute-background-text::before {
	font-weight: 900;
	font-size: 60px;
	letter-spacing: -0.015em;
	line-height: 1.28em;
	color: var(--main-color);
	text-transform: uppercase;
}

.sisf-blog .sisf-blog-item.format-quote .sisf-e-quote-text {
	position: relative;
	margin: 0 auto;
	padding: 0;
	letter-spacing: 0;
	color: var(--primary-color);
	text-align: left;
	font-size: 30px;
	font-family: var(--heading-font);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: none;
}

.sisf-blog .sisf-blog-item.format-quote .sisf-e-quote-author {
	position: relative;
	display: block;
	margin: 24px 0 0;
	padding: 0;
	letter-spacing: 0.075em;
	color: var(--main-color);
	text-align: left;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

.sisf-blog .sisf-m-icon-holder {
	font-size: 80px;
	color: var(--primary-color);
}

.sisf-blog .sisf-m-icon-wrapper .sisf-m-title {
	font-size: 35px;
	line-height: 40px;
	font-weight: 600;
}

.sisf-blog .sisf-m-content h5 {
	font-weight: 600;
	text-transform: uppercase;
}

.grooming-title h3 {
	font-size: 30px;
	font-weight: 800;
}

.benefits h3 {
	font-size: 34px;
	font-weight: 800;
}

.sisf-m-blog-content h4 {
	font-size: 38px;
}

.sisf-blog .icon-list-items .sisf-e-icon img {
	width: 14px;
}

.sisf-blog .icon-list-item {
	padding-bottom: 15px;
	position: relative;
}

.sisf-blog .icon-list-item .icon-list-icon {
	padding-right: 5px;
}

.sisf-blog .icon-list-item .icon-list-icon svg {
	width: 6px;
	height: 6px;
	fill: #444444;
	transition: fill 0.3s;
}

.sisf-blog .icon-list-item .icon-list-text {
	font-family: var(--default-font), Sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.32px;
	transition: color 0.3s;
	align-self: center;
	padding-inline-start: 5px;
}

.sisf-blog-item.sisf-item-layout-boxed {
	position: relative;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08);
}

.sisf-blog-item.sisf-item-layout-boxed .sisf-e-content {
	background-color: var(--white-color);
	padding: 20px;
	width: 90%;
	margin: 0 auto;
	margin-top: -90px;
	position: relative;
	z-index: 2;
}

.sisf-blog-item.sisf-item-layout-boxed .sisf-e-info-date {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 18px;
	background-color: #111;
	z-index: 2;
}

.sisf-blog-item.sisf-item-layout-boxed .sisf-e-info-date a {
	color: var(--white-color);
}

.sisf-blog-item.sisf-item-layout-boxed .sisf-e-title .sisf-e-title-link {
	font-size: 25px;
	font-family: var(--default-font);
	position: relative;
	background-repeat: no-repeat;
	background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
	transition: .9s cubic-bezier(.32, .32, .15, 1.17);
	background-size: 0 100%;
}

.sisf-blog-item.sisf-item-layout-boxed .sisf-e-title .sisf-e-title-link:hover {
	transition: 0.4s ease-in-out;
	color: var(--primary-color) !important;
	background-size: 100% 100%;
}

.sisf-blog-bottom-content h5 {
   font-family: var(--default-font);
   margin-bottom: 20px;
}

/******************************
       49. Blog Single css
 * ****************************/

.sisf-blog-single .sisf-e-bottom-holder .sisf-e-info.sisf-e-left a {
	padding: 9px 14px;
	border: 1px solid #2f2f2f;
	color: #d6d6d6;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.28px;
	margin: 0 10px 10px 0;
	text-transform: none;
	transition: 0.5s ease-in-out;
}

.sisf-blog-single .sisf-e-bottom-holder .sisf-e-info.sisf-e-left a:hover {
	color: var(--secondary-color);
	transition: 0.5s ease-in-out;
}

.sisf-blog-single .sisf-author-info {
	background: url("../images/blog-author-bg.png") no-repeat top left;
	background-size: auto;
	background-size: auto;
	padding: 40px;
}

.sisf-blog .review_form .comment-notes {
	font-size: 16px;
}

.sisf-blog .reviews-title {
	font-size: 30px;
}

.sisf-blog .comment-text .meta .review-author {
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.66px;
	text-transform: none;
	margin: -5px 0px 11px;
}

.sisf-blog .comment-text .meta .description p {
	font-size: 16px;
}

.sisf-blog .comment-text .meta .review-published {
	color: var(--main-color);
}

.sisf-blog .comment_container a {
	color: var(--primary-color);
}

.sisf-blog-single .sisf-author-info .sisf-m-inner {
	position: relative;
	display: flex;
	align-items: center;
}

.sisf-blog-single .sisf-author-info .sisf-m-image {
	width: 80px;
	height: auto;
	flex-shrink: 0;
	margin-right: 30px;
}

.sisf-blog-single .sisf-author-info .sisf-m-content .sisf-m-author {
	color: var(--white-color);
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.44px;
	font-family: var(--default-font);
}

.sisf-blog-single .sisf-author-info .sisf-m-content .sisf-m-description {
	color: var(--white-color);
}

.sisf-page-comments .sisf-m-comments .sisf-comment-item {
	margin-top: 40px;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #E5EAF1;
	position: relative;
}

.sisf-page-comments .sisf-m-comments .sisf-comment-item .sisf-e-content h5 {
	color: #333;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.66px;
	text-transform: none;
	margin: 0px 0px 11px;
}

.sisf-page-comments .sisf-m-comments .sisf-comment-item .sisf-e-content h5 .comment-reply-link {
	position: absolute;
	top: -4px;
	right: 24px;
	color: var(--main-color);
	font-family: var(--default-font);
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.3px;
	text-transform: uppercase;
}

.sisf-page-comments .sisf-m-comments .sisf-comment-item .commentmetadata {
	color: var(--main-color);
}

.review_form_box .form_box-grid .form_box-item {
	width: 50%;
}

.sisf-page-comments .review_form .comment-reply-title {
	font-size: 30px;
	font-family: var(--heading-font);
	font-weight: 500;
}

.our-blog {
	padding: 100px 0 70px;
}

.blog-item {
	height: calc(100% - 30px);
	margin-bottom: 30px;
	z-index: 1;
}

.blog-item .post-featured-image {
	border-radius: 0 0 80px 0;
	overflow: hidden;
	margin-bottom: 30px;
}

.blog-item .post-featured-image a {
	position: relative;
	display: block;
	cursor: none;
	overflow: hidden;
}

.blog-item .post-featured-image a::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	opacity: 30%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.blog-item .post-featured-image img {
	aspect-ratio: 1 / 0.75;
	object-fit: cover;
	border-radius: 0 0 80px 0;
	transition: all 0.5s ease-in-out;
}

.blog-item:hover .post-featured-image img {
	transform: scale(1.1);
}

.sisf-blog-item .sisf-e-media {
	margin-bottom: 1.5em;
}

.sisf-blog-item .sisf-e-content .sisf-e-info-date {
	color: var(--main-color);
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.sisf-blog-item .sisf-e-content .sisf-e-info-date a {
	font-weight: 400;
	color: #9A9A9A;
}

.sisf-blog-item .sisf-e-content .sisf-e-title a {
	font-weight: 500;
	text-transform: none;
	font-size: 25px;
	font-family: var(--default-font);
	line-height: 36px !important;
	letter-spacing: 0px;
	margin: 0 0 15px;
	transition: 0.4s ease-in-out;
}

.sisf-blog-item .sisf-e-content .sisf-e-title .sisf-e-title--link {
	font-size: 38px !important;
	font-weight: 500;
}

.sisf-blog---content {
	padding: 25px;
	border-left: 2px solid var(--secondary-color);
}

.sisf-sis--blog .sisf-e-content .sisf-e-title-link {
	letter-spacing: 1.5px !important;
	line-height: 40px !important;
	font-weight: 700 !important;
	position: relative;
	transition: 0.4s ease-in-out;
	background-repeat: no-repeat;
	background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
	transition: .9s cubic-bezier(.32, .32, .15, 1.17);
	background-size: 0 100%;
}

.sisf-sis--blog .sisf-e-content .sisf-e-title-link:hover {
	transition: 0.4s ease-in-out;
	color: var(--main-color) !important;
	background-size: 100% 100%;
}

.sisf-blog-item .sisf-e-content .sisf-e-title a:hover {
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sisf-blog-single .sisf-e-content .sisf-e-title .sisf-e-title--link {
	font-size: 38px;
	font-weight: 600;
	font-family: var(--heading-font);
}

.sisf-blog-single .marketing h5 {
	font-size: 20px;
	font-weight: 700;
	text-transform: none !important;
	font-family: var(--default-font);
}

.sisf-blog-single .list-item-contents .icon-list-items {
   padding-left: 20px !important;
   margin-bottom: 0px;
}

.sisf-blog-single .list-item-contents .icon-list-items li {
	margin-bottom: 20px;
}

/******************************
       50. Landing Page css
 * ****************************/
 .sisf-landing-header {
	background-color: rgba(0, 0, 0, 0.62) !important;
 }

.landing-banner {
	background: url("../images/landing_hero_bg.png") no-repeat center top;
    background-size: cover;
    position: relative;
	padding-top: 160px;
}

.landing-banner .sisf-sis-slider {
	padding: 60px 0;
}

.landing-star-image {
	width: 80px;
}

.landing-page h2 {
	font-size: 40px;
	line-height: normal;
}

.book-button {
	color: var(--primary-color) !important;
    background-color: var(--secondary-color) !important;
    transition: 0.4s ease-in-out;
    border: 1px solid var(--secondary-color) !important;
}

.stu-homepages {
	background-image: url("../images/landing_home_bg.png");
	background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.inner-pages .sisf-sis-section-title {
    background-image: url("../images/inner-page-bg.png");
    margin: 0px 0px 0px 0px;
    padding: 100px 0px 20px 0px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 350px auto;
}

.inner-pages .sisf-sis-section-title .sisf-m-digit {
	font-size: 270px;
	line-height: 250px;
	font-family: var(--heading-font);
	letter-spacing: -16.32px;
}

.inner-pages .sisf-sis-section-title .sisf-m-digit span {
	font-size: 100px;
	line-height: 250px;
	vertical-align: middle;
	margin-left: -50px;
	font-weight: 900;
}

.looks-amazing-section {
	background-color: #0c1213;
}

.icons-list-items .icon-list-image img {
	max-width: 20px;
	margin-top: 8px;
}

.icons-list-items .icon-list-text {
	font-size: 22px;
	line-height: 40px;
}

.sisf-images-box {
	margin-bottom: 30px;
	position: relative;
	z-index: 3;
}

.sisf-images-box h5 {
	font-size: 20px;
	color: var(--primary-color);
	font-weight: 500;
	display: block;
	font-family: var(--default-font);
	letter-spacing: 0.5px;
	text-transform: none;
	transition: 0.4s ease-in-out;
}

.sisf-images-box h5:hover {
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sisf-landing-subtitle {
	color: #48B739;
	font-size: 18px;
    font-weight: 500;
    letter-spacing: 8.6px;
}

.dark-mode-section-title h2 {
    color: #FFFFFF26;
    font-size: 110px;
    font-weight: 500;
    text-transform: none;
    line-height: 1em;
    letter-spacing: 7px;
}

.mode-gif {
	z-index: 2;
}

.unparalled-img {
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
	z-index: 1;
}

.unparalled-image {
	left: -50px;
	right: auto;
	top: 40%;
}

.sisf-icon-box .sisf-m-title {
	font-family: var(--default-font);
	font-size: 18px;
	font-weight: 600;
}

.sisf-top-notch {
	position: relative;
	z-index: 2;
}

.sisf-top-notch-inner {
	background-color: #F7F4F2;
	border-radius: 20px 20px 20px 20px;
	padding: 50px 50px 50px 50px;
}

.sisf-area .functionalities {
	width: 20%;
	background-color: var(--white-color);
	margin: 0 20px 20px 0;
	border-radius: 20px 20px 20px 20px;
	padding: 30px;
	box-shadow: 0px 44px 54px 0px rgba(0, 0, 0, 0.08);
}

.sisf-top-notch-inner .sisf-area .functionalities {
	background-color: #F3F6FB;
	padding: 30px 20px 30px 20px;
    border-radius: 15px 15px 15px 15px;
}

.sisf-top-notch-inner .sisf-area .functionalities .sisf-m-content h5 {
	font-size: 20px;
}

.sisf-area .functionalities .sisf-m-icon-holder img {
	width: 55px;
    height: 55px;
    object-fit: contain;
}

.sisf-area .functionalities:last-child {
	margin-right: 0px;
}

.sisf-area .functionalities .sisf-m-content h5 {
	color: #333333;
    font-family: var(--default-font);
    font-weight: 500;
    text-transform: none;
    line-height: 26px;
}

.startup-plateform {
	background-image: url("../images/footer_bg.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.dark-image {
	width: 100%;
   aspect-ratio: 1 / 0.899;
   object-fit: cover;
   border-radius: 15px;
}

/************************************/
/***   		51. Footer css        ***/
/************************************/

.footer-top--area-inner {
	background-image: url("../images/footer-top-bg.png");
	background-position: center;
	background-repeat: no-repeat;
	padding: 70px 0 70px 0;
	background-position: top 0px center !important;
	background-size: 110% !important;
}

.footer-top-area-inner {
	padding: 70px 0 70px 0;
}

.footer-top-area-inner h5 {
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: var(--default-font);
}

.subscription-container {
	background-color: #FFFFFF29;
	margin-top: 40px;
	border-radius: 50px;
}

.subscription-container input {
	background: transparent;
	border: none;
	font-size: 18px;
	padding: 16px 28px;
	color: var(--text-color);
	margin-bottom: 0px !important;
	border-radius: 0px;
	border: none;
	color: var(--white-color);
}

.subscription-container input:focus {
	outline: none;
	box-shadow: none;
	color: var(--white-color);
	background: transparent;
}

.subscription-container input::placeholder {
	color: var(--white-color);
	background: transparent;
}

.subscription-container button {
	color: var(--white-color);
	background: transparent;
	border-radius: 0px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: none;
	text-decoration: none;
	position: relative;
	right: 10px;
	line-height: 0px;
}

.sisf-page-footer-inner-area .subscription-container button:before {
    content: " ";
    background: url("../images/send-icon.png") no-repeat center center;
    width: 22px;
    height: 22px;
    display: inline-block;
}

.footer-logo {
	margin-bottom: 25px;
}

.footer-logo img {
	max-width: 220px;
}

.about-footer-content {
	margin-bottom: 25px;
}

.about-footer-content p {
	color: var(--white-color);
	margin: 0;
	font-size: 15px;
	font-style: normal;
	font-family: var(--default-font);
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.3px;
}

.footer-contact p {
	font-size: 16px;
	color: #c6c6c6;
}

.footer-social-links ul {
	list-style: none;
	padding: 0;
}

.footer-social-links .privacy p {
	color: var(--primary-color);
}

.footer-social-links ul li {
	width: 40px;
	height: 40px;
	display: inline-flex;
	justify-content: center;
	border-radius: 100%;
	align-items: center;
	margin-right: 20px;
	background-color: #ffffff4a;
}


.footer-social-links ul li:last-child {
	margin-right: 0;
}

.footer-social-links ul li a i {
	color: var(--white-color);
	font-size: 18px;
	padding-top: 10px;
	transition: all 0.3s ease-in-out;
}

.footer-social-links ul li:hover a i,
.footer-social-links ul li:hover a {
	padding-left: 0px !important;
	color: var(--main-color);
	transition: all 0.3s ease-in-out;
}

.footer-links h3,
.footer-contact h3 {
	margin-top: 0;
	margin-bottom: 25px;
	color: var(--white-color);
	font-size: 40px;
	font-style: normal;
	font-family: var(--heading-font);
	text-transform: capitalize;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.8px;
}

.footer-links ul {
	margin: 0;
	padding: 0;
	padding-left: 0px;
}

.footer-links ul li {
	text-transform: capitalize;
	margin-bottom: 6px;
	margin-top: 10px;
	list-style-type: none;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.3px;
}

.footer-links ul li:last-child {
	margin-bottom: 0;
}

.footer-links ul li::marker {
	color: var(--accent-color);
}

.footer-links ul li a {
	color: #c6c6c6;
	font-weight: 500;
	transition: all 0.3s ease-in-out;
}

.footer-links ul li:hover a {

	color: var(--main-color);
	transition: all ease 0.5s;
	padding-left: 10px;
}

.footer-contact-details .footer-info-box {
	position: relative;
	padding-left: 0px;
	margin-bottom: 25px;
}

.sisf-page-footer-middle-area .text p {
	color: #c6c6c6;
}

.footer-info-box p {
	font-size: 16px;
	font-family: var(--default-font);
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.3px;
	color: #c6c6c6;
	margin: 10px 0;
}

.footer-contact-details .footer-info-box:last-child {
	margin-bottom: 0;
}

.footer-info-box .icon-box {
	position: absolute;
	top: -2px;
	left: 0;
}

.footer-info-box .icon-box img {
	max-width: 24px;
}

.footer-info-box-content p {
	color: var(--white-color);
	margin-bottom: 0;
}

.footer-blog-post-details .sisf-blog-image img {
	max-width: 80px;
}

.footer-blog-post-details .blog_list_widget .sisf-blog-title a {
	color: var(--white-color);
}

.footer-blog-post-details .publish-date {
	color: #CDCFCF;
	font-size: 13px;
}

.footer-copyright {
	padding: 30px 0;
	margin-top: 0px;
}

.footer-copyright-text p {
	color: #838383;
	font-family: var(--default-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0.45px;
	margin: 0;
}

.footer-privacy-policy ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: end;
}

.footer-privacy-policy ul li {
	display: inline-block;
	margin-right: 40px;
}

.footer-privacy-policy ul li:last-child {
	margin-right: 0;
}

.footer-privacy-policy ul li a {
	color: #838383;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0.45px;
	text-decoration: none;
}

.footer-privacy-policy ul li:hover a {
	color: var(--main-color);
} 

.sisf-page-footer-top-area,
.sisf-page-footer-middle-area {
	padding-top: 70px;
	padding-bottom: 70px;
	border-bottom: 1px solid #222C30;
}

.sisf-sis-page-footer-top-area {
	background-color: #18191d;
    background-image: url("../images/footer-top.png");
	background-size: cover;
    background-position: top left;
	background-repeat: no-repeat;
}

.sisf--sis-page-footer-top-area {
   background-color: #18191d;
}

.footer-single {
	background-color: #0d134a;
}

.footer--single {
	background-color: #111821;
}

.sisf-block-heading {
	margin-bottom: 40px;
}

.sisf-block-heading h2 {
	font-size: 170px;
    font-style: normal;
    font-weight: 600;
    text-transform: capitalize;
	line-height: normal;
    letter-spacing: 1.8px;
}

.sisf-block-heading h2 strong {
	-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--white-color);
    color: transparent;
}

.sisf-footer-btn a {
	color: var(--primary-color);
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0px;
	width: 154px;
    height: 154px;
	display: inline-flex;
    border-radius: 100px;
    align-items: center;
    text-align: center;
	transition: 0.3s ease-in-out;
}

.sisf-footer-btn a:hover {
	background-color: var(--white-color);
	transition: 0.3s ease-in-out;
}

.sisf-ft-top-bottom-part {
	background-color: var(--main-color);
	border-radius: 5px 5px 5px 5px;
    margin-bottom: -75px;
    padding: 20px;
	position: relative;
    z-index: 2;
}

.sisf-ft-top-bottom-part .sisf-center h3 {
	font-size: 40px;
    font-style: normal;
    font-weight: 600;
	line-height: normal;
    letter-spacing: 1.8px;
}

.sisf-ft-top-bottom-part .sisf-m-button {
	line-height: 0px;
}

.sisf-ft-top-bottom-part .btn-default {
	background-color: var(--secondary-color) !important;
	color: var(--primary-color) !important;
}

.footer-image img {
	width: 270px;
}

.footer-location,
.footer-social-links {
	margin-top: 50px;
}

/************************************/
/***    52. Responsive css        ***/
/************************************/

@media only screen and (min-width: 1441px) {

	.sisf-extended-grid.sisf-extended-grid--left .container {
		padding-right: calc((100% - 1300px)/ 2);
	}

	.sisf-extended-grid.sisf-extended-grid--right .container {
		padding-left: calc((100% - 1300px)/ 2);
	}


}

@media only screen and (min-width: 1025px) {

	html,
	body {
		overflow-x: hidden;
	}

	.hero {
		min-height: 59vh;
	}

	.sisf-extended-grid.sisf-extended-grid--left .container,
	.sisf-extended-grid.sisf-extended-grid--right .container {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0;
	}


}


@media only screen and (max-width: 1366px) {

	.main-menu ul.navbar-nav>li>a {
		padding: 0px 5px !important;
	}

	.sisf-divided-header-left-wrapper .navbar,
	.sisf-divided-header-right-wrapper .navbar {
		margin: 0 15px 0 0;
	}

	.sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content .sisf-shop-title {
		font-size: 26px;
	}

	.sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content .sisf-shop-description {
		font-size: 14px;
	}

	.text-slider h2 {
		font-size: 30px;
	}

	.navbar-nav .nav-item .nav-link {
		font-size: 14px;
	}

	.main-menu ul li {
		padding-right: 0px !important;
	}

	.sisf--standerd-header .sisf-skin--dark {
		padding: 10px 0 !important;
	}

	.sisf--standerd-header .header-top {
        padding: 10px 0px !important;
    }

}

@media only screen and (max-width: 1199px) {

	html,
	body {
		overflow-x: hidden;
	}

	#sisf-page-header-inner {
		padding: 20px 20px 0px 20px;
	}

	.main-menu ul.navbar-nav>li>a {
		font-size: 12px !important;
	}

	.main-menu ul ul li a {
		font-size: 12px;
	}

	.sisf-button.sisf-layout--outlined {
		font-size: 14px;
		padding: 8px 10px;
	}

	.hero-slider-layout .hero-slide {
		width: 100%;
		height: 440px;
		object-fit: cover !important;
	}

	.navbar.navbar-expand-lg {
		margin: 0px !important;
	}

	.header-icon .search-input {
		width: 140px;
	}

	.header-top {
		padding: 10px 25px;
	}

	.nav-item .fas.px-3 {
		padding-right: 0px !important;
	}

	.hero {
		min-height: 34vh !important;
	}

	.sisf-divided-header-left-wrapper .sisf-icon-holder {
		font-size: 14px;
	}

	.section {
		padding: 50px 0px;
	}

	.section-title .text-heading {
		font-size: 54px;
		line-height: 67px;
	}

	.sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-image,
	.sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content {
		height: auto;
	}

	.section-title h2 {
		font-size: 42px;
	}

	.landing-banner-btm {
		margin-top: -54px;
	}

	.sisf-text-counter span {
		font-size: 40px;
	}

	.sisf-sis-box-counter {
		padding: 20px;
	}

	.timeline-detail {
		padding-bottom: 50px;
	}

	.sisf-e-title-text.ms-4 {
		margin-left: 0px !important;
	}

	.hero-slider .swiper-button-prev,
	.hero-slider .swiper-button-next {
		top: 50%;
	}

	.counter-box .counter-item .counter-content h3 {
		font-size: 16px;
	}

	.sisf--standerd-header .sisf-skin--dark {
        padding: 10px 0px !important;
    }

	.text-slider h2 {
		font-size: 26px;
	}

	.sisf-page-sidebar .sidebar-widget {
        padding: 0px 10px 0px 10px;
    }

	.sisf-e-left-holder .sisf-projects-title {
        font-size: 40px;
    }

	.sisf-tour-list .sisf-list-media {
		min-width: 300px;
	}

	.sisf-tour-list .list-contents {
		padding-left: 20px;
	}

	.sisf-tour-list .sisf-tour-list-item p {
		line-height: normal;
	}

	.sisf-tour--list-sidebar .form-section .fa-calendar {
		top: 50% !important;
		right: 22px;
	}

	.sisf-divided-header-right-wrapper .sisf-widget-holder>div:first-child {
		margin-left: 15px;
	}
   
	.app-showcase-page .hero-slider-layout {
		padding-top: 70px;
	}

	.sisf--header {
		padding: 0 25px;
	}

	.main-menu .mega-menu-item .mega-menu {
		padding: 0 20px;
	}

	.money-transfer-made-single {
		padding: 30px 30px 0px 30px;
		border-radius: 40px;
		margin-bottom: 30px;
	}

	.effortless-image {
		width: 85%;
	}

	.sisf-effortless-image {
		margin-left: -150px;
	}

	.sisf--counter--box {
		padding-top: 0px;
	}

	.sisf--counter--box .counter-title span {
		font-size: 50px;
	}

	.sisf--counter--box .counter-content {
		margin-top: -10px;
	}

	.counter-title span {
		font-size: 50px !important;
	}

	.sisf-block-heading h2 {
		font-size: 100px;
	}

	.sisf-ft-top-bottom-part {
		margin-top: 25px;
	}

	.sisf-ft-top-bottom-part .btn-default {
		padding: 18px !important;
	}

	.landing-banner {
		padding: 120px 15px 0 15px;
	}

	.our--image {
		margin-left: -108px;
	}

	.our--image img {
		width: 100%;
		aspect-ratio: 1 / 1.2;
	}

	.sisf-build--image {
		right: 70px;
	}

	.testimonials-section .sisf-build--image {
		bottom: 17px !important; 
	}

	.sisf-services-list-item .sisf-e-media {
		top: -9%;
        right: 25%;
	}

	.sisf-services-list-item .sisf-e-media-image img {
		width: 180px;
		height: 200px;
		object-fit: cover;
	}

	.video-section {
		padding: 100px 0 0px 100px;
	}

	.video-section .intro-video-box .content-overlay {
		width: 50%;
	}

	.timeline-top-line {
		left: calc((1300px - 110vw) / 2 - 50px);
	}

	.timeline-slider .swiper-button-prev {
		left: 42%;
	}

	.timeline-slider .swiper-button-next {
		right: 42%;
	}

	.creative-and-strategic-Section {
		padding-top: 275px;
	}

	.shape-bottom img {
		bottom: 48px;
	}

	.sisf-sis-info-cards.sisf-link-overlay {
		padding: 20px;
	}

	.sisf-m-contact-information {
		width: 100%;
	}

	.video-play-button .sisf-m--play-inner {
		top: 27%;
	}

	.letest-blog--item .sisf-e-content {
		margin-left: -86%;
	}

	.sisf-it-company .hero-slider-layout .hero-slide {
		min-height: 750px;
	}

	.sisf-sis-video-section {
		padding: 200px 0;
	}

	.transforming-image {
		left: 0%;
		width: 53%;
		bottom: 24%;
	}

	.sisf-layout--info-below .social-icons a {
		width: 30px;
		height: 30px;
	}

	.sisf-comman-buttons.swiper-buttons .swiper-button-next {
		right: 8%;
	}

	.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item:first-child {
		width: 50%;
	}

	.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item {
		width: 25%;
	}

	.sisf-sis-pricing-table .sisf-m-price-wrapper span {
		font-size: 35px;
	}

	.sisf-sis-pricing-table .sisf-m--title-icon {
		padding: 15px;
	}

	.testimonial--background {
		padding: 30px;
	}

	.portfolio--list .sisf-button-round .sisf-sis-button {
		width: 100px;
		height: 100px;
		line-height: normal;
		text-align: center;
	}

	.portfolio--list .sisf-button-round {
		bottom: -50px;
		right: 25px;
	}

	.sisf-sis-info-cards.sisf-link-overlay h5 {
		font-size: 21px;
	}
		

}

@media only screen and (max-width: 1024px) {
	.sisf-skin--light .navbar-brand.mobile-none {
		display: none !important;
	}

	.sisf-skin--light .navbar-brand.mobile-block {
		display: block !important;
	}

	.navbar-brand.mobile-block {
		padding: 0;
	}

	.hire-dream .hire-now {
		background: #222525;
		padding: 40px;
	}

	.hero-slider-layout .hero-slide {
		width: 100%;
		height: 440px;
		object-fit: cover !important;
	}

	.section-title .text-heading {
		font-size: 36px;
		line-height: 51px;
	}

	.sisf-main-header .in-mobile {
		display: none !important;
	}

	.navbar {
		padding: 20px 0px;
	}

	.main-menu ul li {
		margin: 0;
	}

	#sisf-page-header-inner {
		display: flex !important;
		justify-content: space-between !important;
		padding: 20px 0;
	}

	.sisf-main-header,
	#sisf-page-header-inner {
		position: relative;
		background: transparent;
		height: auto;
	}

	.slicknav_btn {
		background: transparent;
	}

	.sisf-divided-header-left-wrapper {
		display: none !important;
	}

	.header-top {
		display: none;
	}

	.sisf-main-header .sisf-widget-holder.sisf--two,
	.sisf-divided-header-right-wrapper {
		display: none !important;
	}

	.responsive-menu,
	.navbar-toggle {
		display: block;
	}

	.responsive-menu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		width: auto;
	}

	.sisf-centered-header-wrapper {
		display: none !important;
	}

	.hero-slider-layout .hero-slide {
		min-height: 600px;
	}

	.hero.hero-slider .hero-slider-layout .hero-slide .hero-slider-image {
		top: 0
	}

	.hero {
		margin-top: 0
	}

	.hero-content .section-title h3 {
		font-size: 16px;
	}

	.section-title h1 {
		font-size: 46px;
	}

	.hero-content .btn-slider {
		padding: 15px 25px;
	}

	.hero-slider-layout .hero-pagination {
		right: 0
	}

	.section {
		padding: 50px 0px 50px 0px;
	}

	.section-title h2 {
		font-size: 32px;
		line-height: 1.5;
	}

	.section-row {
		margin-bottom: 20px;
	}

	.btn-default {
		font-size: 15px;
		padding: 14px 20px 14px 20px;
	}

	.sisf-page-footer-top-area {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.sisf-page-footer-middle-area {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.sisf-page-footer-top-area .sisf-sis-icon-with-text .sisf-m-content .sisf-m-title {
		font-size: 16px;
	}

	.sisf-page-footer-top-area .sisf-sis-icon-with-text .sisf-m-content .sisf-m-text {
		font-size: 18px;
	}

	.contact-banner {
		margin-top: 0 !important;
	}

	.sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content .sisf-shop-title {
		font-size: 20px;
	}

	.sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content .sisf-shop-description {
		font-size: 13px;
	}

	.portfolio-category .sisf-e-content p {
		display: none;
	}

	.counter-box {
		margin-bottom: 20px !important;
	}

	.sisf-sis-box-counter {
		padding: 10px;
	}

	.counter-box .counter-title h2 {
		font-size: 30px;
	}

	.error-page {
		padding: 60px 0 40px 0;
	}

	.timeline-detail {
		padding-bottom: 50px;
	}

	.sisf-blog-item .blog--video {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}

	.sisf-blog-item .blog---video {
		width: 100%;
		height: 150px !important;
		object-fit: cover;
	}

	#sisf-page-header-inner {
        padding: 20px 0;
    }

	.slider-content, .image-content {
		width: 80%;
		padding: 20px;
	}

	.discover-ring-image {
       width: 100px;
	}

	.sparkle-and-shine {
		padding: 50px;
	}

	.new-arrivals-section {
		padding: 50px 0;
	}

	.new-arrival-image {
		position: unset;
		margin-bottom: 25px;
	}

	.new-arrival-image img {
		aspect-ratio: 1;
	}

	.new-arrival-left {
		padding-right: 50px;
	}

	.counter-box .counter-item .counter {
		font-size: 40px;
	}

	.counter-box .counter-item .counter-content h3 {
		font-size: 16px;
	}

	.carousel .carousel-item .sisf-e-text {
		padding: 0;
	}

	.carousel-indicators {
        bottom: -30px !important;
    }

	.footer-top--area-inner {
		background-size: 165% !important;
	}

	.sisf-skin--dark .container-fluid {
		justify-content: space-between;
		padding-top: 15px;
	}

	.sisf--standerd-header .sisf-skin--dark {
		padding: 0 !important;
	}

	.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {
		top: 50%;
	}

	.slicknav_menu .sisf-menu-title {
		padding: 10px 20px 10px 30px;
		margin: 10px 0;
	}

	.sisf-page-sidebar .sidebar-widget {
        padding: 0px 5px 0px 5px;
    }

	.sisf-e-left-holder .sisf-projects-title {
        font-size: 40px;
    }

	.sisf-tour-list .sisf-list-media {
		min-width: 250px;
	}

	.sisf-tour-list .list-contents {
		padding-left: 10px;
	}

	.sisf-tour-list .sisf-tour-list-item p {
		line-height: normal;
	}

	.sisf-tour--list-sidebar .form-section .fa-calendar {
		top: 50% !important;
		right: 22px;
	}

	.sisf-divided-header-right-wrapper .sisf-widget-holder>div:first-child {
		margin-left: 15px;
	}

	.counter-title span {
		font-size: 50px !important;
	}

	.sisf-services-single .counter-content h5 {
		font-size: 16px;
	}

	.sisf-services-single .counter-title.me-4 {
       margin-right: 10px !important;
	}

	.sisf-layout--info-below .social-icons a {
		width: 30px;
		height: 30px;
	}

	.sisf-sis-info-cards.sisf-link-overlay h5 {
		font-size: 21px;
	}

	.error-page-content .sisf-404-background-text {
       font-size: 120px;
	}

	.error-page-content .sisf-404-title {
		padding-top: 30px;
	}

	.error-page-content .sisf-404-subtitle {
		font-size: 45px;
	}
}

@media only screen and (max-width: 991px) {
	.sisf-header-logo-link.navbar-brand img {
		width: auto;
		height: auto;
	}

	.sisf-skin--light .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.sisf-skin--light .navbar-brand.mobile-none {
		display: none !important;
	}

	.sisf-skin--light .navbar-brand.mobile-block {
		display: block !important;
	}

	.sisf-skin--dark .navbar-brand.mobile-none {
		display: none !important;
	}

	.sisf-skin--dark .navbar-brand.mobile-block {
		display: block !important;
	}

	.sisf-centered-header-wrapper {
		display: none !important;
	}

	.sisf-skin--light .container-fluid {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.navbar-brand.mobile-block.sisf-header-logo-link {
		display: block !important;
	}

	.sisf-skin--dark .container-fluid {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}


	.hero-slider-layout .hero-slide {
		width: 100%;
		height: 500px;
		object-fit: cover !important;
	}

	.hero-slider .home-bottom img {
		bottom: -2px;
		height: 100px;
	}

	.sisf-header-logo-link.navbar-brand {
		display: flex !important;
		align-items: center;
	}

	.header-icon {
		display: none !important;
	}

	.hero .home-slide .section-title h1 {
		padding-left: 10px;
	}

	.slicknav_nav li,
	.slicknav_nav ul {
		display: block;
	}

	.responsive-menu,
	.navbar-toggle {
		display: block;
	}

	.header-btn .btn-default {
		display: none;
	}

	.readmore-btn {
		width: 40px;
		height: 40px;
	}

	.readmore-btn img {
		max-width: 12px;
	}

	.section-row {
		margin-bottom: 20px;
	}

	.section-row .section-title {
		max-width: 100%;
	}

	.section-title {
		margin-bottom: 30px;
		position: relative;
		z-index: 2;
	}

	.section-title h3 {
		margin-bottom: 15px;
		padding-bottom: 0;
	}

	.section-title h1 {
		font-size: 35px;
		line-height: 45px;
	}

	.section-title h2 {
		line-height: 1.5;
	}

	.section-title p {
		margin-top: 15px;
	}

	.section-btn {
		text-align: left;
		margin-top: 20px;
	}

	.hero-slider-layout .hero-slide {
		position: relative;
		min-height: 100%;
		padding: 0px 0 30px 0;
	}

	.sisf-sis-animated-text .sisf-m-title {
		font-size: 50px;
	}

	.sisf-main-header .in-mobile {
		display: none !important;
	}

	.hero-video .hero-bg-video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.video-play-button .sisf-m-play-inner {
		position: absolute;
		border-radius: 100%;
		top: 40%;
		width: 100px;
		height: 100px;
		left: -90%;
		transform: translate(120%, -20%);
	}

	.swiper-wrapper .swiper-items {
		flex: 0 0 auto;
		width: 50%;
	}

	.swiper-wrapper .mt {
		margin-top: 25px;
	}

	.video-play-button a {
		width: 64px;
		height: 64px;
	}

	.video-play-button a i {
		font-size: 24px;
	}

	.our-blog {
		padding: 50px 0 20px;
	}

	.wishlist-form-table .wishlist-scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.wishlist_table {
		min-width: 1000px; 
	}

	.blog-item .post-featured-image {
		margin-bottom: 20px;
	}

	.subscribe-newsletter {
		padding: 50px 0;
	}

	.main-footer {
		padding: 0px 0 0;
	}

	.footer-social-links ul li a i {
		font-size: 22px;
	}

	.footer-links h3,
	.footer-contact h3 {
		margin-bottom: 20px;
	}

	.footer-contact-details .footer-info-box {
		padding-left: 0px;
		margin-bottom: 0px;
	}

	.footer-copyright {
		padding: 20px 0;
	}

	.footer-privacy-policy ul li {
		margin-right: 20px;
	}

	.page-header {
		padding: 130px 0 50px;
		margin-top: -85px;
	}

	.page-header-box h1 {
		font-size: 60px;
		margin-bottom: 15px;
	}

	.our-team {
		padding: 50px 0 20px;
	}

	.team-image img {
		aspect-ratio: 1 / 1.1;
	}

	.page-gallery {
		padding: 50px 0 20px;
	}

	.contact-us-form {
		padding: 40px;
	}

	.sisf-info-box {
		margin-bottom: 30px !important;
	}

	.footer-links {
		margin-bottom: 25px;
	}

	.section {
		padding: 30px 0px 30px 0px;
	}

	.section-row {
		margin-bottom: 20px;
	}


	.hero .home-slide .slider-image {
		padding-bottom: 10px;
	}

	.single-product-summary .sisf-product-title {
		font-size: 35px
	}

	.sisf-checkout-right.ps-5 {
		padding-left: 15px !important;
	}

	.sisf-blog .sisf-blog-item {
		margin-bottom: 40px;
	}

	.sisf-blog .sisf-blog-item .sisf-e-title {
		font-size: 32px
	}

	.sisf-icon-box {
		padding: 15px;
	}

	.banner-img img {
		height: 300px;
	}


	.contact-info .sisf-layout--before-content {
		padding: 20px;
	}

	.contact-info .sisf-m-text .address-info {
		font-size: 16px;
	}

	.landing-page .sisf-m-title {
		font-size: 25px;
	}


	.sisf-blog .sisf-blog-item .sisf-e-title {
		font-size: 32px
	}

	.sisf-icon-box {
		padding: 0px;
	}

	.product-tab-body .product-information th {
		width: 150px;
	}

	.swiper-pagination {
		display: none;
	}

	.sisf-quantity-buttons .sisf-quantity-minus,
	.sisf-quantity-buttons .sisf-quantity-plus {
		bottom: 0px;
	}

	.sisf-divided-header-right-wrapper .sisf-widget-holder>div:first-child {
		margin-left: 15px;
	}

	br {
		display: none;
	}

	.video-section .intro-video-box .content-overlay {
		width: 60%;
	}

	.sisf-services-item .sisf-e-title-link {
		font-size: 28px;
		line-height: normal;
	}

	.sisf-item-layout-info-below {
		margin-bottom: 90px;
	}

	.footer-top-area-inner h5 {
		font-size: 18px;
	}

	.counter-box {
		margin-bottom: 20px !important;
	}

	.sisf-sis-box-counter {
		padding: 10px;
	}

	.counter-box .counter-title h2 {
		font-size: 30px;
	}

	.sidebar_tag-list a.tag {
		font-size: 11px;
	}

	.sidebar_content-list .content_list_widget li .sisf-image img {
		min-width: 90px;
	}

	.sisf-social-list.d-flex.justify-content-between {
		justify-content: space-evenly !important;
	}

	.sisf-blog-item .blog--video {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}

	.video-play-button .popup-video {
		padding: 0;
	}

	.sisf-item-layout--info-on-hover-inset {
		margin-bottom: 30px;
	}

	.hero-content .section-title p {
		font-size: 16px;
		line-height: normal;
	}

	.letest-blog-item {
		margin-bottom: 30px;
	}

	.counter-box h2 .counter {
		font-size: 25px;
		line-height: normal;
	}

	.hero-video .hero-bg-video {
		top: 1.3%;
		width: 100%;
		height: 100%;
	}

	#sisf-page-header-inner {
        padding: 20px;
    }

	.counter-box .counter-item {
		justify-content: start;
	}

	.counter-box .counter-item .counter {
		font-size: 50px;
	}

	.sisf-m-button.text-center.ms-4 {
		margin-left: 0px !important;
	}

	.sisf-product_cart .sisf-m-button {
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}

	.sisf-product_cart .btn-default {
		width: 100% !important;
	}

	.myaccount-navigation ul li a {
		padding: 15px 0;
		text-align: center;
	}

	.cart-form-table .shop_table tr th, .cart-form-table .shop_table tr td {
		padding: 10px 0 10px 10px;
	}

	.sisf-blog .sisf-blog-item.format-quote .sisf-e-quote {
		padding: 30px;
	}

	.sisf-blog .sisf-blog-item.format-quote .sisf-e-qoute-background-text {
		position: unset;
	}

	.sisf-blog-item .blog-video {
		height: 350px;
    }

	.sisf-page-sidebar .sidebar-widget {
        padding: 0px 15px 0px 15px;
    }

	.landing-banner {
		padding: 30px 20px 0 20px;
	}

	.letest-blog--item .blog-title-link, .letest-blog-item .blog-title-link {
		font-size: 25px;
		line-height: normal;
	}

	.sisf-page-title .sisf-m-title {
		font-size: 35px;
	}

	.contact-map iframe {
		height: 400px;
	}

	.form-section .fa-calendar {
		right: 24px;
		top: 50%;
	}

	.sisf-quantity-buttons {
		top: 0px;
		margin-right: 0px;
	}

	.sisf-product_cart.mt-5 .sisf-quantity-buttons {
		top: 12px;
        margin-right: 10px;
	}

	.sisf-product_cart.mt-5 .sisf-quantity-buttons .sisf-quantity-minus, .sisf-product_cart.mt-5 .sisf-quantity-buttons .sisf-quantity-plus {
        bottom: 21px;
    }

	.sisf-quantity-buttons input.sisf-quantity-input {
		height: 48px;
	}

     .sisf-quantity-buttons .sisf-quantity-minus, .sisf-quantity-buttons .sisf-quantity-plus {
		height: auto;
	 }

	.sidebar_content-list .content_list_widget li .sisf-image {
		margin-bottom: 20px;
	} 

	.sisf-blog-item.mb-0 {
		margin-bottom: 30px !important;
	}

	.nav-link i {
		display: none;
	}

	.empowering-business-section {
		padding: 70px 0;
	}

	.icon--img {
		right: 20px;
		top: 20%;
	}

	.ai-images-diffrent-section {
		margin-top: -40px;
	}

	.ai-small-image1,
    .ai-small-image2 ,
	.ai-small-image3,
	.ai-small-image4 {
        width: 35%;
	}

	.ai-small-image3 {
		left: 0%;
		bottom: 20px;
	}

	.ai-small-image4 {
		right: -15%;
		bottom: -30px;
	}

	.sisf--counter-box .counter-content h5 {
		margin-top: 0px;
	}

	.sisf-block-heading h2 {
		font-size: 80px;
	}

	.sisf-footer-btn a {
		width: 100px;
		height: 100px;
		font-size: 13px;
		line-height: normal;
	}

	.sisf-ft-top-bottom-part .sisf-center h3 {
		font-size: 25px;
	}

	.sisf-ft-top-bottom-part {
		margin-bottom: 0px;
	}

	.app-showcase-page .hero-slider-layout {
		padding-top: 0px;
	}

	.money-transfer-made-single {
		padding: 25px 25px 0px 25px;
		border-radius: 25px;
		margin-bottom: 25px;
	}

	.money-transfer-made-single .section-title p {
		line-height: normal;
	}

	.Clients--image img {
		min-width: 100px;
	}

	.sisf-bottom-box .counter-title span {
		font-size: 30px;
	}

	.sisf-sis-icon-money-transfer-text {
		margin: 15px 0;
		padding: 10px;
	}

	.sisf-sis-icon-money-transfer-text h5 {
		font-size: 16px;
	}

	.sisf-sis-icon-money-transfer-text .sisf-m-icon-wrapper.me-4 {
		margin-right: 10px !important;
	}

	.sisf-sis-icon-money-transfer-text .sisf-m-text {
       line-height: normal;
	}

	.effortless-image {
		width: 100%;
	}

	.sisf-effortless-image {
		margin-left: -87px;
	}

	.sisf-comman-buttons.swiper-buttons .swiper-button-next {
		right: 3%;
	}

	.sisf--counter--box {
		padding-top: 0px;
		margin-bottom: 20px !important;
	}

	.counter-title span {
		font-size: 50px !important;
	}

	.sisf-services-single .counter-content h5 {
		font-size: 16px;
	}

	.sisf-services-single .counter-title.me-4 {
       margin-right: 10px !important;
	}

    .cart-scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.cart_table {
		min-width: 1000px;
	}

	.footer-image {
		margin-bottom: 24px;
	}

	.landing-banner .sisf-sis-slider {
		padding: 30px 0;
	}

	.unparalled-image {
		left: 20px;
	}

	.unparalled-img {
		width: 20% !important;
	}

	.inner-pages .sisf-sis-section-title {
		padding: 50px 0px 20px 0px;
		background-size: 200px auto;
	}

	.sisf-area {
		flex-wrap: wrap;
	}

	.sisf-area .functionalities {
		width: 45%;
	}

	.sisf-top-notch.section.pt-0 {
		padding-top: 30px !important;
	}

	.sisf-counter-box:hover .bg-image {
		width: 100%;
	}

	.sisf-sis-right-side {
		margin-top: 25px;
	}

	.our--image {
		margin-left: 0px;
	}

	.sisf-ft-top-bottom-part .btn-default {
		font-size: 8px;
    }

	.hero--slide {
		height: 500px;
	}

	.hero--content {
		padding-top: 0px;
	}

	.hero_video video {
		min-height: 500px;
	}

	.sisf-page .container {
		padding: 0 !important;
	}

	.slider-right-image img {
		aspect-ratio: 1 / 1.3;
		object-fit: cover;
	}

	.sisf-build--image {
		right: 45px;
	}

	.sisf-build-image {
		top: -30px;
		right: 58px;
		width: 70px;
	}

	.sisf-services-list-item .sisf-e-media {
		top: -5%;
		right: 23%;
	}

	.sisf-services-list-item .sisf-e-media-image img {
		width: 160px;
		height: 180px;
		object-fit: cover;
	}

	.video-section {
		padding: 30px 0 0px 30px;
	}

	.timeline-top-line {
		left: calc((1300px - 163vw) / 2 - 50px);
	}

	.timeline-slider .swiper-button-next {
		right: 40%;
	}

	.timeline-slider .swiper-button-prev {
		left: 40%
	}

    .sisf-background-image {
		padding: 30px 0 30px 30px;
	}

	.testimonial-slide .sisf-e-text {
		font-size: 16px;
		line-height: 25px;
	}

	.sisf-background-image .testimonial-slide {
		padding: 20px;
	}

	.testimonial-slide .sisf-e-quote i {
		font-size: 25px;
	}

	.testimonial-slide .sisf-e-client-name {
		line-height: normal;
	}

	.testimonial-slide .sisf-e-media-image img {
		width: 45px;
	}

	.testimonials-section .sis-build--image {
		bottom: 0px !important;
	}

	.sisf-ft-top-bottom-part .col-md-2 {
		padding: 0 !important;
	}

	.sisf-icon-list-item .input-group {
		display: none;
	}

	.shape-bottom img {
		bottom: 27px;
		height: 50px;
	}

	.sisf-m-sis-button {
		margin-left: 0px;
	}

	.sisf--bottom-box {
		margin-right: 0px;
	}

	.sisf--portfolio-item .portfolio-button a {
		width: 110px;
		height: 110px;
		text-align: center;
	}

	.sisf--portfolio-item .sisf-portfolio--text {
		font-size: 87px;
		margin-left: 20px;
	}

	.sisf--portfolio-item h1 a {
		font-size: 40px;
	}

	.sisf--portfolio-item .sisf-e-text {
		margin-left: -15px;
	}

	.sisf-m-contact-information {
		width: 100%;
		padding: 10px;
	}

	.sisf-m-contact-information h5 {
		font-size: 17px;
	}

	.sisf--portfolio-item .sisf-sis-e-text {
		margin: 0;
	}

	.letest-blog--item .sisf-e-inner {
		display: block;
	}

	.letest-blog--item .sisf-e-content {
		margin-left: 0px;
	}

	.letest-blog--item .sisf-e-media {
		width: 100%;
	} 

	.sisf-it-company .hero-slider-layout .hero-slide {
		min-height: 250px;
	}

	.small-image-animated.zoom-in-out-3d {
		width: 80px;
	}

	.small-image--animated .discount-img {
		width: 70px;
		height: 70px;
		object-fit: fill;
	}

	.small-image-animated .spin-img {
		width: 70px !important;
	}

	.btm-empowering-image {
		width: 120px;
	}

	.arrow-image,
	.graphic-fade-image,
	.graphic-fade--image {
		width: 100px;
	}

	.ideas-text h1 {
		font-size: 75px;
	}

	.about-bg-shape .sisf-m-content h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.about-bg-shape .sisf-m-content {
		padding: 35px;
	}

	.startup-solution {
		padding: 20px;
	}

	.amazing-startup-section {
		margin-top: 30px;
	}

	.amazing-video-section .video-play-button .sisf-m-play-inner {
		left: 30%;
	}

	.service-slider .swiper-buttons .swiper-button-next {
		left: 16%;
	}

	.sisf-portfolio-slider-item .sisf-button-round {
		top: 22%;
	}

	.sisf-button-round .sisf-sis-button {
		width: 120px;
		height: 120px;
	}

	.sisf-portfolio-slider-item .sisf-e-title {
		padding: 10px;
		font-size: 16px;
	}

	.sisf-portfolio-slider-item .sisf-portfolio-background-text {
		font-size: 30px;
	}

	.sisf-sis-video-section {
		padding: 200px 0;
	}

	.robot-image img {
		width: 120px;
	}

	.transforming-image {
		left: 0%;
		width: 50%;
		bottom: 45%;
	}

	.sisf-sis-pricing-table {
		margin-bottom: 20px;
	}

	.blog-upside {
		margin-top: 0px;
	}

	.sisf-layout--info-below .sisf-m-title {
		font-size: 16px;
	}

	.sisf-layout--info-below .sisf-m-role {
		font-size: 14px;
	}

	.download-and-experience-section {
		margin: 0;
	}

	.download-image {
		margin-top: 0px;
	}

	.where-creativity-image img {
		width: 100%;
	}

	.where-creativity--image {
		margin-top: 30px;
	}

	.technology-meets-creativity .sisf-bottom-box {
       padding: 15px;
	}

	.section-inner-counters {
		padding: 20px 0;
	}

	.skill-title,
	.shape-the-future-innovation .counter-box .counter-item h5 {
		font-size: 15px;
	}

	.shape-the-future-innovation .counter-box .counter-item .counter-title span {
		font-size: 30px !important;
	}

	.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item:first-child {
		width: 100%;
	}

	.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item {
		width: 50%;
	}

	.start-your-experience-part {
		padding: 100px 0;
	}

	.start-your-experience-section {
		margin-bottom: 30px;
	}

	.services-gallery-items .photo-gallery .gallery-left {
		aspect-ratio: 1 / 2.1;
	}

    .sisf-item-layout--info-below-left .team-member-content p {
		margin-bottom: 10px;
	}

	.sisf-item-layout--info-side-image .sisf-m-inner {
		padding: 20px;
	}

	.sisf-item-layout--info-side-image .team-member-img {
		margin-right: 20px;
	}

	.sisf-item-layout--info-side-image .team-member-img img {
		width: 90px;
		min-width: 80px;
	}

   .sisf-item-layout--info-side-image .team-member-content h3 {
		font-size: 20px;
		line-height: 15px;
	}

	.sisf-item-layout--info-side-image .team-member-content p {
		font-size: 14px;
	}

	.sisf-item-layout--info-side-image .social-icons a {
		width: 30px;
		height: 30px;
		margin-right: 10px;
	}

	.sisf-item-layout--info-side-image .social-icons a i {
		font-size: 14px !important;
	}

	.our-team-section.bg-texture-dark.section.pb-5 {
		padding-bottom: 10px !important;
	}

	.testimonial--background {
		padding: 30px;
		margin: 30px 0;
	}

	.testimonial-section .container-fluid.ps-0.pe-5 {
		padding: 0 15px !important;
	}

	.nextgen-image.comman-shape {
		margin-top: 30px;
	}

	.error-page-content .sisf-404-background-text {
       font-size: 120px;
	}

	.error-page-content .sisf-404-title {
		padding-top: 30px;
	}

	.error-page-content .sisf-404-subtitle {
		font-size: 45px;
	}

	.portfolio--list .sisf-button-round .sisf-sis-button {
		width: 100px;
		height: 100px;
		line-height: normal;
		text-align: center;
	}

	.portfolio--list .sisf-button-round {
		bottom: -43px;
		right: 25px;
	}

	.sisf-e-right-holder .sisf-e-right-inner {
		padding: 25px;
        margin-left: -70px;
	}

	.sisf-e-right-holder .sisf-e-right-inner .sisf-portfolio-category, .sisf-e-right-holder .sisf-e-right-inner .sisf-portfolio-client, .sisf-e-right-holder .sisf-e-right-inner .sisf-portfolio-date {
		margin-bottom: 20px;
	}

	.sisf-e-right-holder .sisf-e-right-inner .social-icons a {
		padding: 0;
		width: 40px;
		height: 40px;
	}

	.sisf-e-right-holder .sisf-e-right-inner span {
		font-size: 16px;
	}

	.sisf-e-right-holder .sisf-e-right-inner h5 {
		font-size: 18px;
	}


}

@media only screen and (max-width: 767px) {
	.sisf-skin--light .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0px !important;
	}

	.sisf-skin--light .navbar-brand.mobile-none {
		display: none !important;
	}

	.sisf-skin--light .navbar-brand.mobile-block {
		display: block !important;
	}

	.sisf-skin--dark .navbar-brand.mobile-none {
		display: none !important;
	}

	.sisf-skin--dark .navbar-brand.mobile-block {
		display: block !important;
	}

	.home2, .home3 {
        padding-top: 5px !important;
    }

	.sisf-skin--light .container-fluid {
		display: flex;
		justify-content: space-between;
		padding: 0px 0 0 0;
	}

	.container-fluid.fluid {
		justify-content: end !important;
	}

	.container-fluid.p-0 {
		padding: 0 15px !important;
	}

	#sisf-page-header-inner {
		padding: 10px 15px 15px 15px;
	}

	.sisf-header-logo-link.navbar-brand img {
		width: auto;
		height: auto;
	}

	.sisf-centered-header-wrapper {
		display: none !important;
	}

	.sisf-skin--dark .container-fluid {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 0;
	}

	.hero-slider .home-bottom img {
		height: 100px;
		bottom: -4px;
	}

	.hero-content .section-title p {
		font-size: 16px;
		line-height: normal;
	}

	.sisf-page-centered-header-top-area .input-group {
		display: none;
	}

	.section-title .text-heading {
		font-size: 30px;
		line-height: normal;
	}

	.slicknav_nav .nav-item .nav-link i {
		display: none;
	}

	.section-row {
		margin-bottom: 30px;
	}

	.section-title .sisf-m-subtitle {
		font-size: 18px;
	}

	.pe-0 {
		padding-right: 15px !important;
	}

	.sisf-product-list .sisf-e-product-content .price .amount {
		font-size: 16px;
	}

	.sisf-center-text .sisf-m-subtitle::before {
		width: 80px;
		margin: 0 5px;
	}

	.sisf-header-logo-link.navbar-brand {
		display: flex !important;
		align-items: center;
	}

	.section-title h2 {
		font-size: 35px;
		line-height: normal;
	}

	.blog-item .post-featured-image,
	.blog-item .post-featured-image img {
		border-radius: 0 0 50px 0;
	}

	.footer-links {
		margin-bottom: 0px;
	}

	.footer-links.mt-5 {
		margin-top: 25px !important;
	}

	.footer-links h3,
	.footer-contact h3 {
		font-size: 25px;
		margin: 25px 0;
		display: block !important;
	}

	.subscription-container {
		margin-top: 25px;
	}

	.footer-social-links ul {
		margin-bottom: 0px;
	}

	.footer-copyright-text {
		text-align: center;
		margin-bottom: 10px;
	}

	.footer-privacy-policy ul {
		text-align: center;
	}

	.wishlist-form-table .wishlist-scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.wishlist_table {
		min-width: 1000px; 
	}

	.wishlist-title h2 {
		font-size: 30px;
		line-height: normal;
		margin-bottom: 25px;
	}

	.wishlist-form-table .shop_table tr th {
		font-size: 13px;
	}

	.wishlist-form-table .shop_table tr th,
	.wishlist-form-table .shop_table tr td {
		padding: 7px 0 7px 7px;
	}

	.page-header-box h1 {
		font-size: 40px;
	}

	.page-header-box ol {
		padding: 6px 10px;
	}

	.team-content h3 {
		font-size: 18px;
		margin-bottom: 6px;
	}

	.sisf-main-header .in-mobile {
		display: none !important;
	}

	.hero-slider-layout .hero-slide {
		width: 100%;
		height: 225px;
		object-fit: fill !important;
	}

	.slicknav_nav .slicknav_row, .slicknav_nav li a {
		padding: 15px 20px;
	}

	.hero-slider-layout .hero-pagination {
		bottom: 35px;
	}

	.hero-video .hero-bg-video {
		width: 100%;
		height: 510px;
		object-fit: cover;
	}

	.section-title h1 {
		font-size: 28px;
		line-height: 45px;
	}

	.sisf-sis-info-cards {
		margin-bottom: 20px
	}

	.sisf-sis-info-cards .sisf-sis-info-cards-inner {
		min-height: 250px;
	}

	.sisf-sis-info-cards .sisf-sis-info-cards-inner {
		padding-top: 70%;
	}

	.sisf-info-box .sisf-m-info .sisf-m-title {
		padding: 10px 0;
	}

	.swiper-slide .services-category h2.sisf-e-title {
		font-size: 32px;
		line-height: 40px;
	}

	.sisf-page-footer-top-area .sisf-sis-icon-with-text.sisf-layout--before-content {
		margin-bottom: 15px
	}

	.sisf-page-footer-top-area,
	.sisf-page-footer-middle-area {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.subscribe-newsletter-form .form-group {
		display: table;
	}

	.sisf-page-footer-top-area .subscribe-newsletter-form .form-group .subscribe-btn {
		margin-left: 0;
		margin-top: 10px;
		width: 100%
	}

	.sisf-extended-grid.sisf-extended-grid--right .container {
		padding: 12px !important;
	}

	.video-play-button .sisf-m-play-inner {
		top: 30%;
		width: 150px;
		height: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		left: 5%;
		transform: translate(-17%, 13%);
	}

	.video-play-button a {
		width: auto;
		height: auto;
	}

	.header-contact-info span {
		display: none;
	}

	.swiper-wrapper .swiper-items {
		flex: 0 0 auto;
		width: 100%;
	}

	br {
		display: none;
	}

	.hero .swiper-slide-1 {
		height: 650px;
	}

	.hero .hero-slide .section-title h1 {
		padding: 0;
		font-size: 35px;
		line-height: 35px;

	}

	.hero .home-slide .section-title {
		position: relative;
	}

	.hero .home-slide .slider-image {
		position: relative;
		margin-top: 70px;
		z-index: 4;
		padding-bottom: 0px;
	}

	.hero.hero-slider .hero-slider-layout .hero-slide .hero-content h3 {
		font-size: 16px;
		letter-spacing: 1px;
	}

	.sisf-main-header .header-top {
		display: none;
	}

	.product-tabs {
		margin-top: 25px;
	}

	.product-tab-body .product-information th {
		width: 150px;
	}

	.sisf-sis-animated-text .sisf-m-title {
		font-size: 40px;
		text-align: center;
		line-height: 35px;
	}

	.single-product-summary .sisf-product-title {
		font-size: 22px
	}

	.single-product-summary .price-amount {
		font-size: 25px
	}

	.sisf-quantity-buttons input.sisf-quantity-input {
		width: 80px;
	}

	.sisf-quantity-buttons .sisf-quantity-minus,
	.cart .sisf-quantity-buttons .sisf-quantity-plus {
		width: 40px;
	}

	.sisf-quantity-buttons .sisf-quantity-plus {
		width: 40px;
	}

	.product-tabs .product-tab-nav .nav-tabs li {
		padding-right: 0;
	}

	.product-tabs .product-tab-nav .nav-tabs {
		display: table;
		width: 100%
	}

	.product-tabs .product-tab-nav .nav-tabs li {
		margin-bottom: 25px
	}

	.product-reviews-col {
		max-width: 100%;
	}

	.hero-video .hero-bg-video {
		top: 0%;
		width: 100%;
		height: 100%;
	}

	.faqs-accordian .accordion-button span {
		font-size: 20px;
		line-height: normal;
	}

	.faqs-accordian .accordion-button {
		padding: 20px;
	}

	.faqs-accordian .sisf-accordion-mark {
		width: 30px;
        height: 30px;
        right: 0px;
		top: 11px;
	}

	.faqs-accordian .accordion-button span {
		font-size: 14px;
	}

	.faqs-accordian .sisf-e-content-inner p {
		font-size: 12px;
		line-height: normal;
	}

	.faqs-accordian .accordion-collapse.show .accordion-body {
		padding: 20px;
	}

	.cart-scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.cart_table {
		min-width: 1000px;
	}

	.cart-form-table .shop_table tr th,
	.cart-form-table .shop_table tr td {
		padding: 5px 0 5px 5px;
		font-size: 15px;
	}

	.cart-form-table .shop_table tr td.product-name {
		font-size: 14px
	}


	.cart-collaterals .cart_totals {
		margin-top: 0px;
		width: 100%;
	}

	.cart-collaterals .cart_totals h2 {
		margin-bottom: 15px
	}

	.shop_table .coupon {
		width: 100%
	}

	.shop_table .actions .button.btn-default {
		padding: 11px 12px;
	}

	.cart-form-table .shop_table tr td.actions {
		padding-bottom: 15px
	}

	.sisf-checkout-left.pe-5 {
		padding-right: 15px !important;
	}

	.sisf-checkout-right.ps-5 {
		padding-left: 15px !important;
	}

	.related_products {
		padding-top: 30px;
		margin-top: 30px
	}

	.related_products h2 {
		font-size: 24px
	}

	.sisf-blog .sisf-blog-item .sisf-info--top>* {
		font-size: 14px
	}

	.sisf-blog .sisf-blog-item {
		margin-bottom: 30px;
	}

	.sisf-blog .sisf-blog-item .sisf-e-title,
	.sisf-page-comments .review_form .comment-reply-title {
		font-size: 24px
	}

	.sisf-page-comments .sisf-m-comments .sisf-comment-item {
		margin-top: 20px;
		padding: 0 0 20px 0;
	}

	.stu-homepages-row {
		padding: 0px !important;
	}

	.sisf-page-footer-middle-area h5 {
		font-size: 20px;
	}

	.video-section .intro-video-box .content-overlay {
		padding: 100px 0;
	}

	.video-section .intro-video-box .content-overlay .sisf-video-title {
		font-size: 32px;
		line-height: 45px;
	}

	.sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content .sisf-shop-title {
		font-size: 20px
	}

	.sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content .sisf-shop-description {
		font-size: 13px
	}

	.sis-team-member .team-member-content h4 {
		font-size: 18px;
	}

	.sis-team-member {
		margin-bottom: 15px
	}

	.sisf-layout-simple {
		display: flex;
		justify-content: center;
		margin-bottom: 20px;
	}

	.sisf-item-layout-info-below {
		margin-bottom: 20px;
	}

	.banner-img img {
		width: 100%;
		height: 200px;
	}

	.sisf-page-title .sisf-m-title {
		transform: translateY(0%);
	}

	.sisf-page-sidebar {
		margin: 25px 0;
	}

	.sisf-shop-results {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.sisf-text-counter span {
		font-size: 45px;
	}

	.counter-box .counter-title h2 {
		font-size: 40px;
		line-height: normal;
	}

	.counter-box {
		margin-bottom: 0px !important;
	}

	.sisf-sis-box-counter {
		padding: 20px;
	}

	.carousel-indicators {
        bottom: -25px !important;
    }

	.counter-box .counter-content h3 br {
		display: none !important;
	}

	.footer-top-area-inner {
		padding: 20px !important;
	}

	.footer-top-area-inner h5 {
		font-size: 18px;
	}

	.footer-top--area-inner {
		background-size: 256% !important;
	}

	.letest-blog-item {
		margin-bottom: 25px;
	}

	.sisf-icon-list-item.sisf-icon--custom-icon {
		margin-bottom: 20px;
	}

	.contact-here-form {
		margin-top: 25px;
	}

	.shop_table .coupon {
		float: none;
	}

	.shop_table .coupon input[type="text"] {
		margin-bottom: 20px;
		width: 100%;
		margin-right: 0px;
	}

	.shop_table .actions .button {
		width: 100%;
		text-align: center;
		display: block;
		margin-bottom: 20px;
		padding: 11px 34px;
		font-size: 14px !important;
	}

	.sisf-quantity-buttons {
		margin-right: 20px;
		top: 0px;
	}

	.sisf-product_cart.mt-5 {
		margin-top: 25px !important;
	}

	.sisf-quantity-buttons .sisf-quantity-minus,
	.sisf-quantity-buttons .sisf-quantity-plus {
		bottom: 0px;
		height: auto;
		font-size: 12px;
	}

	.sisf-quantity-buttons input.sisf-quantity-input {
		height: 35px;
		font-size: 12px;
	}

	.ours-team .row>div:nth-child(even) .sis-team-member {
		margin-top: 0px;
	}

	.sisf-accordian {
		padding: 15px;
		margin-bottom: 20px;
	}

	.sisf-accordian .accordion-button {
		padding: 10px 30px !important;
	}

	.sisf-faq-accordian {
		padding: 20px;
		margin-bottom: 20px;
	}

	.accordion-button::before {
		display: none;
	}

	.accordion .accordion-button {
		padding: 15px;
	}

	.faq-accordian .accordion .accordion-body {
		padding: 0px 15px 15px 15px;
	}

	.sisf-sis-pricing-table .sisf-m-top {
		padding: 20px;
	}

	.sisf-sis-pricing-table {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.sisf-grid.sisf-layout--template .text-end {
		text-align: left !important;
		margin-bottom: 20px;
	}

	.sisf-sis-dropdown .dropdown-content {
		left: 0;
	}

	.landing-banner {
		padding: 20px 20px 0 20px;
	}

	.sisf-standerd--header .container {
		padding: 20px 0 0 0;
	}

	.video-play-button .sisf-popup-item img {
		border-width: 10px 10px 10px 10px;
	}

	.form-section .row:first-of-type .col-md-6:first-of-type input {
		margin-bottom: 20px;
	}

	.review-form {
		padding: 20px;
	}

	.sisf-sis--product-tabs .category-nav-tabs {
		flex-direction: column-reverse;
	}

	.sisf-sis--product-tabs .sisf-m-filter-items {
        width: 100%;
		margin: 20px 0;
    }

	.sisf-sis--product-tabs .tab-content {
		width: 100%;
	}

	.counter-box .counter-item span {
		font-size: 35px;
		margin-bottom: 10px;
	}

	.home-slider .hero-pagination {
		display: none !important;
	}

	.home-slider .swiper-button-prev, .home-slider .swiper-button-next {
		display: none;
	}

	.sisf--standerd-header .sisf-skin--dark {
		padding: 15px !important;
	}

	.hero-slider-layout .hero-pagination {
		padding-top: 0px;
	}

	.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {
		display: none;
	}

	.sisf-item-layout-info-below {
		margin-bottom: 90px;
	}

	.slicknav_menu .sisf-menu-title {
		padding: 10px 20px 10px 30px;
		margin: 10px 0;
	}

	.premium-gallery.small-gallry {
		margin-bottom: 30px;
	}

	.premium-gallery.small-gallry img {
		width: 100%;
	}

	.premium-gallery.small--gallry {
        margin-top: 0px;
    }

	.sisf-product_cart.d-flex.align-items-center.mt-5 {
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
		margin: 30px 0 !important;
	}

	.sisf-product_cart .sisf-m-button {
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}

	.sisf-product_cart .btn-default {
		width: 100% !important;
	}

	.form-row.place-order {
		margin-bottom: 20px;
	}

	.sisf-blog .sisf-blog-item.format-quote .sisf-e-quote {
		padding: 25px;
	}

	.sisf-blog .sisf-blog-item.format-quote .sisf-e-qoute-background-text {
		position: unset;
	}

	.sisf-blog-item .sisf-e-content .sisf-e-title .sisf-e-title--link {
        font-size: 26px !important;
    }

	.landing-page-header .navbar-brand.ps-3 {
		padding-left: 0px !important;
	}

	.landing-page .sisf-m-title {
		margin-top: 20px;
	}

	.counter-box .counter-item {
		justify-content: start;
	}

	.gallery-section {
		padding-top: 0px;
		padding-bottom: 20px !important;
	}

	.video-play-button .sisf-m-play-inner {
		padding: 0;
		width: 80px;
		height: 80px;
	}

	.video-play-button {
		padding-bottom: 25px;
	}

	.sisf-m-button.mt-5 {
		margin-top: 25px !important;
	}

	.sisf-sis-slider.wow.fadeIn {
		margin-top: 25px;
	}

	.letest-blog--item .sisf-e-inner {
       flex-direction: column !important;
	   align-items: start !important;
	}

	.letest-blog--item .sisf-e-media-image {
       max-width: 100%;
	   margin-bottom: 25px;
    }

	.letest-blog--item .sisf-e-media {
		width: 100%;
	}

	.sisf-e-content.ms-4 {
		margin-left: 0px !important;
	}

	.letest-blog--item .sisf-e-media-image img {
		width: 100%;
		min-width: 100%;
		object-fit: fill;
    }

	.letest-blog--item .sisf-e-content {
		margin-left: 0px;
		padding: 0;
	}

	.sisf-blogs .sisf-e-media-holder img {
        aspect-ratio: 1;
		object-fit: fill;
    }

	.form-section .fa-calendar {
		right: 25px;
		top: 51%;
	}

	.counter-services-section {
		padding-top: 30px;
		padding-bottom: 5px;
	}

	.sisf-digit-stroke-effect .counter-title span {
		font-size: 30px;
	}

	.counter-box .counter-item .counter-content h3 {
        font-size: 25px;
    }

	.sisf-m-reviews-all .skills-progress-bar {
        margin-bottom: 20px !important;
	}

	.sisf-page-comments-list {
		margin: 30px 0;
	}

	.sisf-page-comments-list .sisf-review-rating {
		padding: 25px 0;
		margin: 25px 0;
	}

	.sisf-page-comments-list .sisf-review-rating .sisf-rating-inner {
		flex-basis: 50%;
	}

	.sisf-page .container {
		padding: 0 !important;
	}

	
	.hero_video video {
		width: 100%;
		object-fit: fill;
		height: 350px !important;
	} 

	.hero--slide {
		width: 100%;
		object-fit: cover;
		height: 800px !important;
	} 

	.hero--content {
		padding-top: 20px;
		margin-bottom: 30px;
	}

	.sisf-scroll-container .content {
		font-size: 28px;
		line-height: normal;
	}

	.scroll-content .content:after {
		margin-bottom: 7px;
		line-height: normal;
	}

	.sisf-block-heading h2 {
		font-size: 50px;
		text-align: center;
	}

	.sisf-block-heading h2 strong {
		-webkit-text-stroke-width: 1px;
	}

	.footer-image img {
		width: 100%;
	}

	.sisf-footer-btn {
		margin-bottom: 35px;
		text-align: center;
	}

	.sisf-ft-top-bottom-part .sisf-center h3 {
		font-size: 26px;
		margin-bottom: 30px;
	}

	.sisf-ft-top-bottom-part {
		margin-bottom: 0px;
	}

	.footer-location, .footer-social-links {
		margin-top: 30px;
	}

	.col-lg-3.col-md-6.p-0 {
		padding: 0 15px !important;
	}

	.empowering-business-section {
       padding: 20px 0 10px 0;
	}

	.ai-images-diffrent-section {
		margin-top: 0px;
	}

	.ai-small-images {
		position: unset;
		margin-top: 20px;
		text-align: center;
	} 

	.sisf--counter-box .counter-content h5 {
		margin-top: 0px;
	}

	.icon--img {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	    .ai-small-image1, .ai-small-image2, .ai-small-image3, .ai-small-image4 {
			width: 100%;
	}

	.hero--image {
		margin: 0 0;
	}

	.digital-agency-image {
		margin-bottom: 20px;
	}

	.creative-agency {
		margin: 20px 0;
		flex-direction: column !important;
	}

	.seo-image {
		margin-top: 20px;
	}

	.sisf-icon--custom-icon p {
       margin-bottom: 10px;
	}

	.sisf-counter-box .counter-item {
		padding: 20px 0;
	}

	.sisf-services-item {
		padding: 20px;
	}

	.sisf-services-item .sisf-m-content h3 a {
		font-size: 16px;
	}

	.sisf--button .sisf-sis-button {
		width: 50px;
		height: 50px;
	}

	.design-image {
		margin: 20px 0;
	}

	.sisf-shortcode {
		justify-content: space-between;
	}

	.sisf-sis-right-side .sisf-shortcode, .sisf-sis--right-side .sisf-shortcode {
		margin-top: 30px;
	}

	.sisf-saperate-line {
		display: none;
	}

	.sisf-bottom-box .counter-title span {
		font-size: 30px;
	}

	.sisf-bottom-box {
		margin-bottom: 20px;
	}

	.our-image  {
		margin: 25px 0;
	}

	.col-md-5.pe-0 {
		padding-right: 15px !important;
	}

	.our--image {
		margin-left: 0px;
	}

	.testimonial-slide {
		padding: 20px;
	}

	.testimonial-slide .sisf-e-text {
		font-size: 16px;
		line-height: normal;
	}

	.swiper-buttons.d-flex.flex-column {
		flex-direction: row !important;
		align-items: center;
		justify-content: center;
	}

	.swiper-buttons .custom-icon-up, .swiper-buttons .custom-icon-down {
		transform: rotate(-70deg);
	}

	.money-transfer-made-single {
		border-radius: 20px;
		padding: 20px;
		margin-bottom: 30px;
	}

	.small-spin-image {
		margin-bottom: 25px;
	}

	.effortless-image{
		width: 100%;
		margin-bottom: 25px;
	}

	.sisf-effortless-image {
		margin-left: 0px;
	}

	.trusted-partners-section {
		padding: 30px 0;
	}

	.trusted-partners-slider {
		margin-top: 40px;
		margin-bottom: 0px;
	}

	.sisf-comman-buttons.swiper-buttons .swiper-button-prev {
		right: 25%;
	}

	.sisf-comman-buttons.swiper-buttons .swiper-button-next {
		right: 4%;
    }

	.sisf--counter--box {
		padding-top: 0px;
		margin-bottom: 20px !important;
	}

	.scroll-container {
		padding: 20px 0;
	}
   
	.scroll-content .content {
		font-size: 25px;
	}

	.sisf-build--image {
		bottom: -16px;
        right: -16px;
        width: 30%;
	}

	.build-image img {
		width: 100%;
	}

	.success-brand-image img {
		width: 40%;
	}

	.sisf-build-image {
		top: -24px;
		right: -10px;
		width: 60px;
	}

	.sisf-services-list-item .sisf-e-media {
		position: unset;
		opacity: 1;
		text-align: center;
		margin-top: 35px;
	}

	.sisf-services-list-item .sisf-e-media-image img {
		width: 150px;
		height: auto;
	}

	.sisf-services-list-item .sisf-e-media-image::before {
		width: 45%;
		margin: 0 auto;
	}

	.sisf-sis-clear.text-end {
		text-align: center !important;
	}

	.video-section {
		padding: 0px 0;
	}

	.video-section .intro-video-box::after {
		display: none;
	}

	.video-section .intro-video-box .content-overlay {
		width: 100%;
		padding: 20px !important;
	}

	.col-lg-12.col-md-12.p-0 {
		padding: 15px !important;
	}

	.timeline-slider .swiper-button-next {
		right: 30%;
	}

	.timeline-slider .swiper-button-prev {
		left: 30%;
	}

	.sis-build--image {
		bottom: 10px !important;
	}

	.sisf-background-image {
		width: 95%;
		padding: 20px 0 20px 0px;
	}

	.sisf-background-image .testimonial-slide {
		padding: 20px;
		margin-bottom: 25px;
	}

	.testimonial-slide .sisf-e-quote i {
		font-size: 30px;
	}

	.testimonial-slide .sisf-e-media-image img {
		width: 45px;
	} 

	.testimonials-section.bg-texture-dark.position-relative .section-title {
		margin-top: 30px;
		margin-bottom: 0px;
	}

	.shape-bottom img {
		bottom: 27px;
		height: 30px;
	}

	.sisf--bottom-box {
		margin-right: 0px;
	}

	.sisf-m-sis-button {
		margin-left: 0px;
	}

	.sisf--portfolio-item .portfolio-button a {
		width: 90px;
		height: 90px;
		text-align: center;
	}

	.sisf--portfolio-item .portfolio-button {
		right: -2%;
        top: 30%;
	}

	.sisf--portfolio-item .sisf-portfolio--text {
		font-size: 100px;
		margin: 0;
	}

	.sisf--portfolio-item .sisf-e-text {
		margin-left: 0;
	}

	.sisf--portfolio-item h1 a {
		font-size: 40px;
	}

	.sisf--portfolio-item {
		padding: 30px 0;
	}

	.sisf--portfolio-item .sisf-sis-e-text {
		margin: 0 0 30px 0;
	}

	.sisf--portfolio-item .portfolio--button {
		left: 0% !important;
	}

	.innovative-growth-section .startup-text h1 {
		font-size: 90px !important;
	}

	.sisf-m-contact-information {
		width: 100%;
		margin-bottom: 25px;
		position: relative;
		justify-content: start;
	}

	.sisf-m-contact-information .sisf-m-icon-holder {
		margin-left: 0px;
	}

	.sisf-item-layout-info-from-bottom .team-member-content {
		padding: 0;
	}

	.gallery-items.page-gallery-box.mt-3 {
		margin-top: 0px !important;
	}

	.side-image {
		margin-bottom: 25px;
	}

	.landing-banner .sisf-sis-slider {
		padding: 0px 0 30px 0;
	}

	.unparalled-image {
		display: none;
	}

	.unparalled-img {
		width: 65px;
	}

	.inner-pages .sisf-sis-section-title {
		padding: 40px 0px 20px 0px;
		background-size: 150px auto;
	}

	.sisf-area {
		flex-wrap: wrap;
	}

	.sisf-area .functionalities {
		width: 100%;
		margin-right: 0px;
	}

	.sisf-top-notch-inner {
       padding: 20px;
	}

	.sisf-top-notch.section.pt-0 {
		padding-top: 30px !important;
	}

	.home_1 .row {
		align-items: start !important;
	}

	.home_1 .hero-content h1 {
		font-size: 17px !important;
		line-height: 20px !important;
	}

	.home_1 .hero-slider-layout .hero-slide {
		padding: 30px 0 !important;
	}

	.home_1 .sisf-subtitle {
		font-size: 11px !important;
	}

	.home_1 .hero-content .btn-slider {
        padding: 8px;
		font-size: 11px;
    }

	.sisf-it-company .hero-slider-layout .hero-slide {
		min-height: 250px;
	}

	.small-image-animated.zoom-in-out-3d {
		width: 70px;
	}

	.small-image--animated .discount-img {
		width: 50px;
		height: 50px;
		object-fit: fill;
	}

	.small-image-animated .spin-img {
		width: 50px !important;
	}

	.btm-empowering-image {
		width: 100px;
		bottom: -14px;
	}

	.arrow-image,
	.graphic-fade-image,
	.graphic-fade--image {
		width: 80px;
	}

	.small-image-animated .spin-img {
		width: 30px !important;
	}

	.small-image--animated.flip-image {
		width: 40px;
	}

	.about-bg-shape {
		margin-right: 7px;
	}

	.about-bg-shape .sisf-m-content h3 {
		font-size: 19px;
		line-height: 24px;
	}

	.ideas-text h1 {
		font-size: 45px;
		line-height: 38px;
	}

	.amazing-startup-section {
		margin-top: 0px;
		padding-top: 30px;
	}

	.amazing-video-section .video-play-button .sisf-m-play-inner {
		width: 40px;
		height: 40px;
		transform: translate(321%, 15%);
	}

	.startup-solution {
		padding: 30px;
	}

	.startup-solution .section-title.mb-0 {
		margin-bottom: 25px !important;
	} 

	.startup-solution .counter-box {
		margin-top: 20px;
	}

	.service-slider .swiper-buttons .swiper-button-next {
		left: 26%;
	}

	.sisf-button-round .sisf-sis-button {
		width: 100px;
		height: 100px;
		text-align: center;
	}

	.sisf-portfolio-slider-item .sisf-button-round {
		top: 23%;
	}

	.sisf-portfolio-slider-item .sisf-e-title {
		font-size: 12px;
		padding: 10px;
	}

	.sisf-portfolio-slider-item .sisf-portfolio-background-text {
		font-size: 40px;
	}

	.pioneering-image {
		margin-bottom: 25px;
	}

	.robot-image img {
		width: 125px;
	}

	.transforming-image {
		left: 0%;
		width: 30%;
		bottom: 25%;
	}

	.blog-upside {
		margin-top: 0px;
	}

	.letest-blog--item {
		margin-bottom: 20px !important;
	}

	.sisf-sis-video-section {
		padding: 150px 0;
	}

	.app-showcase-page .hero-slider-layout .hero-slide {
		height: 930px;
	}

	.app-showcase-page .hero-content {
		margin-top: 30px !important;
	}

	.sisf-event-slider {
		padding-top: 50px;
	}

	.sisf-event-slider .sisf-comman-buttons.swiper-buttons .swiper-button-prev,
	.sisf-event-slider .sisf-comman-buttons.swiper-buttons .swiper-button-next {
		top: 0%;
	}

	.sisf-event-slider .sisf-comman-buttons.swiper-buttons .swiper-button-prev {
		right: 25%;
	}

	.sisf-comman-buttons.swiper-buttons .swiper-button-next,
	.sisf-comman-buttons.swiper-buttons .swiper-button-prev {
		top: -8%;
	}

	.skills-progress-bar,
	.skills-progress-bar.mb-0 {
		margin-bottom: 25px !important;
	}

	.skill-title {
		font-size: 14px;
	}

	.sisf-layout--info-below {
		margin-top: 25px;
	}

	.sisf-layout--info-below .sisf-m-title {
		font-size: 14px;
	}

	.sisf-layout--info-below .sisf-m-role {
		font-size: 12px;
	}

	.download-and-experience-section {
		margin: 0;
		padding: 20px 20px 0 20px;
	}

	.download-image {
		margin-top: 30px;
	}

	.where-creativity--image {
		margin: 25px 0;
	}

	.where-creativity-image img {
		width: 100%;
	}

	.sisf-amazing-video-section .video-play-button .sisf-m-play-inner {
        transform: translate(133%, 15%);
	}

	.sisf-amazing-video-section {
		background-image: linear-gradient(180deg, #1C1D20 11%, var(--secondary-color) 11%);
	}

	.section-inner-counters {
		padding: 0px 0 30px 0;
	}

	.section-inner-counters .counter-item {
		margin-top: 10px;
	}

	.section-inner-counters .counter-box .counter-title span {
        font-size: 30px !important;
		margin-bottom: 0px;
    }

	.section-inner-counters .counter-content.mt-3 {
		margin-top: 0px !important;
	}

	.nextgen-image {
		margin-bottom: 25px;
	}

	.shape-the-future-innovation .counter-content span {
       font-size: 30px !important;
	}

	.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item:first-child,
	.sisf-cards-list.sisf-layout-standard .sisf-cards-list-inner>.sisf-cards-item {
		width: 100%;
	}

	    .footer-social-links ul li a i {
			font-size: 15px;
			padding-top: 9px;
		}

	.start-your-experience-part {
		padding: 20px 0;
	}

	.services-gallery-items {
		margin-top: 0px;
	}

	.sisf-sis-pricing-table .sisf-m-price-wrapper span {
       font-size: 35px;
	}

	.sisf-sis-pricing-table .sisf-m--title-icon {
		padding: 15px;
	}

	.sisf-item-layout--info-below-left .team-member-content p {
		margin-bottom: 0px;
	}

	.sisf-item-layout--info-side-image .sisf-m-inner {
		padding: 20px;
	}

	.sisf-item-layout--info-side-image .team-member-img {
		margin-right: 20px;
	}

	.sisf-item-layout--info-side-image .team-member-img img {
		width: 100px;
		min-width: 80px;
	}

   .sisf-item-layout--info-side-image .team-member-content h3 {
		font-size: 20px;
		line-height: 15px;
	}

	.sisf-item-layout--info-side-image .team-member-content p {
		font-size: 14px;
	}

	.sisf-item-layout--info-side-image .social-icons a {
		width: 30px;
		height: 30px;
		margin-right: 10px;
	}

	.sisf-item-layout--info-side-image .social-icons a i {
		font-size: 14px !important;
	}

	.our-team-section.bg-texture-dark.section.pb-5 {
		padding-bottom: 10px !important;
	}

	.testimonial-section .container-fluid.ps-0.pe-5 {
		padding: 0 15px !important;
		margin-top: 25px;
	}

	.testimonial-section .container-fluid.ps-0.pe-5 .col-md-6.ps-0 {
		padding-left: 15px !important;
	}

	.testimonial--background {
		padding: 30px;
		margin-bottom: 25px;
	}

	.faqs--accordian .accordion-item {
	    padding-left: 0px;
		margin-top: 20px;
	}

	.faqs--accordian .sisf-accordion-mark {
		right: 10px;
	}

	.faqs-creative-image {
		margin-bottom: 25px;
	}

	.faqs_accordian .accordion-button::before,
	.faqs_accordian .accordion-button:not(.collapsed)::before {
		font-size: 14px;
		top: 17%;
	}

	.scroll--container {
		padding: 20px 0 !important;
	}

	.scroll--container .content {
		font-size: 30px !important;
	}

	.get-in-touch-image {
		margin-bottom: 25px;
	}

	.form-section .form-control {
		padding: 20px;
		margin-bottom: 20px;
	}

	.contact-map {
		width: 100%;
		height: 400px;
	}

	.error-page-content .sisf-404-background-text {
       font-size: 120px;
	}

	.error-page-content .sisf-404-title {
		padding-top: 30px;
	}

	.error-page-content .sisf-404-subtitle {
		font-size: 45px;
	}

	.portfolio--list .sisf-button-round .sisf-sis-button {
		width: 100px;
		height: 100px;
		line-height: normal;
	}

	.portfolio--list .sisf-button-round {
		bottom: -43px;
		right: 25px;
	}

	.portfolio--list .sisf-e-title a {
		font-size: 18px;
	}

	.sisf-e-right-holder .sisf-e-right-inner {
		margin: 30px 0;
	}

	.page--part {
		margin: 0;
	}

	.page--part .faqs-accordian {
		margin-bottom: 30px;
	}

	.service-single-page-title {
		margin: 30px 0;
	}

    .sisf-e-right-holder .sisf-e-right-inner span {
		font-size: 16px;
	}

	.sisf-e-right-holder .sisf-e-right-inner h5 {
		font-size: 18px;
	}

	.sisf-single-top-row .product-main-gallery {
		padding-bottom: 0px !important;
	}

    .sisf-product_cart.mt-5 .sisf-quantity-buttons input.sisf-quantity-input {
		top: 20px;
	}

	.sisf-product_cart.mt-5 .sisf-quantity-buttons .sisf-quantity-minus,
	.sisf-product_cart.mt-5 .sisf-quantity-buttons .sisf-quantity-plus {
        height: 74px;
    }

	.sisf-product_cart.mt-5 .sisf-quantity-buttons {
	    top: 0px;
		margin-right: 10px;
	}

	.timeline-top-line {
        left: calc((1300px - 360vw) / 2 - 50px);
    }

	.amazing-video-section .sisf--play_inner {
		transform: translate(114%, 15%) !important;
	}


}

@media only screen and (max-width: 650px) {

	.sisf-page-title .sisf-m-title {
		font-size: 25px;
		text-align: center;
		line-height: normal;
	}

}

@media only screen and (max-width: 480px) {

	.row-cols-5 .col-md-3 {
		width: 100%;
	}
}