/* ----------------------------------------------------------------------------------------
* Author        : Siddhi Infosoft
* Template Name : Oilix - Oil - Gas-Company - HTML Template
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. Scroll Content Section Css
06. About Us Section Css
07. Why Choose Us Section Css
08. Services Section Css
09. Benefits Section Css
10. Technology Section Css 
11. Global Section Css
12. How We Works Section Css 
13. Our Approach Section Css
14. Advantages Section Css
15. Advance Solution Section Css
16. Free Astimate Section Css
17. Our Projects Section Css
18. Pricing Plans Section Css
19. Testimonial Section Css
20. FAQ Section css
21. Contact Section Css
22. Letest Blog Section Css
23. Video Section css
24. Inner Pages Banner Css
25. Team Members Section Css
26. Blog Page Css
27. Blog Single css
28. Page Sidebar Css
29. Service Detail Page Css
30. Team Detail Page Css
31. Landing Page css
32. Footer Css
33. 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 / .sis-gallery-items
9. Team / .sis-team-member
10. Testimonioal / .sis-testimonioal-section
11. Footer / .main-footer
-------------------------------------------------------------------*/

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

Background: #FFFFFF (White)
Content:    #666666 (Muted Forest Green)
Header h1:  #1A1A1A (Deep Forest Green)
Header h2:  #1A1A1A (Deep Forest Green)
Footer:     #FFFFFF (White)

Main Color :  #F4C430 ("Golden Yellow")
Secondary Color : #F5F5F0 ("Ivory Yellow")
Text White:   #FFFFFF (White)
Text Dark :   #1A1A1A (Deep Forest dark)
a (standard): #1A1A1A
a (active):   #F4C430
-------------------------------------------------------------------*/

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

Body copy           :  16px/26px, 500, "DM Sans", sans-serif (Default Font)
Heading h1          :  64px/74px, 800, "Space Grotesk", sans-serif (Heading Font)
Heading h2          :  48px/58px, 700, "Space Grotesk", sans-serif (Heading Font)
Section SubTitle h3 :  20px/30px, 700, "Space Grotesk", sans-serif (Heading Font)
Input, textarea     :  16px, "DM Sans", sans-serif (Default Font)
Sidebar heading     :  24px/32px, 600, "Space Grotesk", sans-serif (Heading Font)

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

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

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--main-color: #F4C430;
	--primary-color: #1A1A1A;
	--secondary-color: #F5F5F0;
	--text-color: #666666;
	--white-color: #FFFFFF;
	--error-color: rgb(230, 87, 87);
	--accent-color: #8F0177;
	--default-font: "Outfit", sans-serif;
	--heading-font: "Josefin Sans", sans-serif;
}

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

body {
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: var(--text-color);
	letter-spacing: 0px;
	background-color: var(--white-color);
	overflow: hidden;
	padding-right: 0px !important;
}

p {
	line-height: 24px;
	margin-bottom: 24px;
}

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

h3 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	letter-spacing: 0px;
	text-transform: none;
	color: var(--primary-color);
}

h4 {
	font-size: 26px;
	line-height: 36px;
	font-weight: 400;
	letter-spacing: 0px;
	word-wrap: break-word;
	color: var(--primary-color);
}

h5 {
	font-weight: 500;
	text-transform: none;
	font-size: 20px;
	line-height: 1.39em;
	letter-spacing: 0px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

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

.sis-section-title h1 {
	color: var(--primary-color);
	font-weight: 700;
	font-size: 64px;
	line-height: 82px;
	text-transform: none;
	letter-spacing: -0.02em;
	margin-bottom: 30px;
}

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

.sis-section-title .sisf-subtitle {
	font-family: var(--default-font);
	font-weight: 500;
	font-size: 16px;
	text-transform: none;
	line-height: 24px;
	letter-spacing: 0px;
	white-space: normal;
	margin-bottom: 20px;
	display: inline-block;
	padding: 8px 20px;
	background: rgba(244, 196, 48, 0.2);
	border: 1px solid rgba(244, 196, 48, 0.2);
	border-radius: 4px;

}

.sis-section-title .sisf-m-subtitle {
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 500;
	text-transform: none;
	line-height: 24px;
	letter-spacing: 0px;
	white-space: normal;
	margin-bottom: 20px;
	display: inline-block;
	color: var(--main-color);
	background: rgba(244, 196, 48, 0.2);
	border: 1px solid rgba(244, 196, 48, 0.2);
	padding: 4px 12px 3px 12px;
	border-radius: 4px;
}

.sis-section-title .sisf-subtitle::before,
.sis-section-title .sisf-m-subtitle::before {
	content: '';
	border-radius: 0%;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -4px;
	background-color: var(--main-color);
	mask-image: url("../images/icon-sub-heading.svg");
	mask-repeat: no-repeat;
	mask-size: cover;
	width: 20px;
	height: 25px;
}

.sis-section-title .sisf--subtitle::before,
.sis-section-title .sisf--m-subtitle::before {
	mask-image: url("../images/hm3-icon-sub-heading.svg");
}

.sis-section-title h2 {
	margin-bottom: 20px;
	font-size: 48px;
	font-weight: 700;
	color: var(--primary-color);
	letter-spacing: 0px;
	line-height: 62px;
	text-transform: none;
	position: relative;
	z-index: 1;
}

.sisf-m-subtitle.white::before {
	background-color: var(--main-color);
}

.sisf-m-subtitle.white {
	color: var(--primary-color);
	background-color: var(--white-color);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.sisf-m-subtitle.gray {
	color: var(--primary-color);
	background-color: var(--secondary-color);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.sisf-m-subtitle.gray::before {
	background-color: var(--main-color);
}

figure {
	margin: 0;
}

img {
	max-width: 100%;
}

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

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

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

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

.container {
	max-width: 1400px;
}

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

.sis-reveal {
	position: relative;
	visibility: hidden;
	overflow: hidden;
	width: 100%;
}

.sis-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;
}

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

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

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

.sis-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;
}

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

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

.sis-loading-container .sis-reveal {
	top: 0px;
	margin-bottom: 0px;
}

.sis-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%;
}

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

.sis-loading-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 160px;
	transform: translate(-50%, -50%);
	opacity: 1;
}

.sis-loading-icon img {
	border-radius: 50px;
}

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

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

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

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

/* ===============================
         Back To Top css
================================== */
.sis-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: 8px;
	text-align: center;
	line-height: normal;
	z-index: 999;
	opacity: 0;
	border: 1px solid var(--white-color);
	outline: none;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}

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

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

::selection {
	background: var(--main-color);
	color: var(--white-color);
}

::-moz-selection {
	background: var(--main-color);
	color: var(--white-color);
}

.sis-br-radius {
	border-radius: 12px;
	margin: 0px 15px 0 15px;
}

::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	background: var(--primary-color);
}

::-webkit-scrollbar-thumb {
	background: var(--main-color);
	border-radius: 0px !important;
}

@-moz-document url-prefix() {
	html {
		scrollbar-color: var(--main-color) var(--primary-color);
		scrollbar-width: thin;
	}
}

.sis-btn-default {
	position: relative;
	font-size: 16px;
	font-weight: 800;
	line-height: 24px;
	letter-spacing: 0px;
	text-transform: uppercase;
	background: linear-gradient(180deg, #FBE60A 0%, #F08807 100%);
	color: var(--primary-color);
	border-radius: 4px;
	padding: 3px 3px 3px 24px;
	font-family: var(--default-font);
	border: 1px solid var(--main-color) !important;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: 10px;

}

.sis-btn-default i {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--white-color);
	border: 1px solid var(--white-color);
	color: var(--primary-color);
	border-radius: 4px;
	font-size: 15px !important;
	transition: all 0.3s ease-in-out;
	position: relative;
}

.sis-btn-default i::before {
	transform: rotate(-45deg);
	transition: all 0.3s ease-in-out;
}

.sis-btn-default:hover i::before {
	transform: unset;
	transition: all 0.3s ease-in-out;
}

.sis-btn-default:hover {
	color: var(--main-color);
	transition: all 0.3s ease-in-out;
	border: 1px solid var(--main-color) !important;
	background-color: var(--main-color) !important;
}

.sis-btn-default:hover i {
	color: var(--main-color);
	background-color: var(--white-color);
	border: 1px solid var(--white-color);
	transform: rotate(0deg);
	transition: all 0.3s ease-in-out;
}

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

.sis-btn-default.btn-light {
	color: var(--primary-color);
	background: var(--white-color);
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.sis-btn-default.btn-light:hover {
	color: var(--main-color);
}

.sis-btn-default.btn-light i {
	background-color: var(--main-color);
}

.sis-btn-default.btn-light:hover i {
	background-color: var(--white-color);
}

.sis-btn-default.btn-light.popup-video {
	background: #EBBB0D33;
}

.sis-btn-default.btn-light.popup-video i {
	transform: rotate(0deg);
	background-color: var(--main-color);
	color: var(--primary-color);
}

.sis-btn-default.btn-light.popup-video:hover i {
	background-color: var(--white-color);
	color: var(--main-color);
}

.sis-btn-default.btn-dark {
	background-color: var(--primary-color);
	color: var(--white-color);
	border-color: var(--primary-color) !important;
}

i::before {
	line-height: 0px;
}

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

.sis-btn-default::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	bottom: -2px;
	width: 0%;
	height: 106%;
	border-radius: 0px;
	transform: skew(30deg);
	background: var(--primary-color);
	transition: all 0.3s ease-in-out;
	z-index: -1;
}

.sis-btn-default:hover::after {
	width: 106%;
	transform: skew(0deg);
	left: -5px;
}

.sisf--btn-default {
	border-radius: 12px;
}

.sisf--btn-default i {
	border-radius: 12px;
}

.sisf-m-button {
	line-height: 0px;
	display: inline-block;
}

.sis-radius {
	border-radius: 12px;
}

.sisf-e-colored {
	color: var(--primary-color) !important;
	background: var(--main-color);
	border-radius: 4px;
	padding: 0 12px;
}

.sisf--e-colored {
	color: var(--main-color);
	background-size: 100% 90%;
	background-repeat: no-repeat;
	background-image: linear-gradient(transparent calc(100% - 2px), var(--main-color) 2px);
}

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

.section {
	padding: 70px 0;
}

.sisf-section {
	padding: 70px 0 40px 0;
}

.sis-comman-background {
	background-color: var(--secondary-color) !important;
	background-image: url("../images/graphic-bg-light.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.sisf-sis-comman-background {
	background-color: var(--primary-color) !important;
	background-image: url("../images/graphic-bg-light.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.sis-comman-bg {
	background: var(--main-color);
}

.sis--comman-bg {
	background: var(--second-main-color);
}

.sisf-comman-bg-light {
	background: var(--secondary-color);
}

.sisf--comman-bg-light {
	background: #FFFEEE;
}

.sisf-sis-comman-drop-bg {
	background-color: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(15px);
}

.sis-sisf-subtitle {
	font-family: var(--default-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	color: var(--primary-color);
	position: relative;
}

.sis-sisf-subtitle::before {
	content: '';
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -4px;
	background-color: var(--main-color);
	width: 5px;
	height: 5px;
	border-radius: 50%;
}

.sisf-sis-top-right-image,
.sisf-sis-bottom-right-image,
.sisf-sis-top-left-image,
.sisf-sis-bottom-left-image {
	position: absolute;
}

.sisf-sis-top-right-image {
	right: 0;
	top: 0;
}

.sis-hero .sisf-sis-top-right-image,
.sis-hero .sisf-sis-top-left-image {
	z-index: 1;
}

.sis-hero.hero-slider.sis-br-radius.home-page {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.sisf-sis-bottom-right-image {
	right: 0;
	bottom: 0;
}

.sisf-sis-top-left-image {
	left: 0;
	top: 0;
}

.sisf-sis-bottom-left-image {
	left: 0;
	bottom: 0;
}

.sis-counter-item .sis-counter-title span {
	font-size: 48px;
	line-height: 58px;
	font-weight: 700;
	color: var(--primary-color);
}

.sis-counter-content span {
	font-weight: 500;
	color: var(--primary-color);
	font-family: var(--default-font);
	font-size: 16px;
}

.sis-counter-content span.sisf-content.sis-comman-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
}

.sis-primary-background {
	background-color: var(--primary-color) !important;
}

.sis-primary-color {
	color: var(--primary-color) !important;
}

.sisf-e-radius {
	border-radius: 12px;
}

.sis-btn-default.sisf-e-radius i {
	border-radius: 12px;
}

/* ==========================
        03. Header css
============================= */
#sisf-page-header-inner {
	height: 100%;
	padding: 7px 0px;
	border-bottom: 1px solid #FFFFFF33;
}

.sisf-skin--light.sisf-page .container,
.sisf-skin--dark.sisf-page .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

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

.sisf-divided-header-left-wrapper {
	margin: 0 30px 0 0;
}

.sisf-divided-header-right-wrapper {
	margin: 0 0 0 30px;
}

.sis-main-header {
	position: relative;
	z-index: 100;
	transition: all 0.2s ease-in-out;
}

.sis-main-header .sis-header-sticky {
	position: relative;
	top: 0;
	z-index: 100;
	transition: all 0.2s ease-in-out;
}

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

.sis-main-header .sis-header-sticky.active {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 0;
	transform: translateY(0);
	background: var(--primary-color);
	backdrop-filter: blur(30px);
	transition: all 0.2s ease-in-out;
}

.sis-main-header .sis-header-sticky.active .navbar-brand img {
	width: 118px;
	height: auto;
}

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

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

.sis-main-header .sis-header-sticky.active .navbar-brand img {
	width: auto;
	height: auto;
}

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

.sisf-main-header.sisf-standerd-header.mt-3.position-relative .sis-header-top {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.sis-header-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: none;
	padding: 10px 15px;
	background: linear-gradient(180deg, #FBE60A 0%, #F08807 100%);
}


.sis-header-top .sisf-top-bar-widget .sisf-icon-list-item a,
.sis-header-top .sisf-top-bar-widget .sisf-icon-list-item span,
.sis-header-top .sisf-top-bar-widget .mail-us a,
.sis-header-top .sisf-top-bar-widget .mail-us span,
.sis-header-top .sisf-top-location a {
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
	cursor: pointer;
	display: inline-block;
	position: relative;
	z-index: 2;
	font-weight: 700;
}


.sis-header-top .mail-us {
	border-left: 2px solid #00000033;
	border-right: 2px solid #00000033;
	padding: 0 15px;
}

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

.sis-header-top .sis-header_col .sisf-widget-holder {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 0;
	justify-content: space-between;
}

.sis-header-top .sisf-e-title-text:hover {
	color: var(--white-color) !important;
	transition: 0.4s ease-in-out;
}

.sis-header-top a {
	transition: 0.4s ease-in-out;
}

.sisf-icon-list-item.sisf-icon--icon-pack {
	line-height: normal;
}

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

.social-icons-link ul {
	display: flex;
	align-items: center;
	line-height: normal;
}

.social-icons-link ul li a {
	font-size: 20px;
}

.social-icons-link ul li a {
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.social-icons-link ul li a:hover {
	color: var(--white-color);
	transition: 0.4s ease-in-out;
}

.sisf-top-our-service a {
	font-weight: 700;
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.sis-header-top .sisf-top-location a:hover,
.sisf-top-our-service a:hover {
	color: var(--white-color);
	transition: 0.4s ease-in-out;
}

.sisf-skin--dark.sisf-page .container-fluid,
.sisf-skin--light.sisf-page .container-fluid {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sisf-skin--dark .sis-main-menu ul li a {
	color: var(--primary-color);
}

.sisf-skin--dark .sis-main-menu ul ul li a {
	color: black !important;
}

.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;
	/* border-right: 2px solid rgba(0, 0, 0, 0.1); */
	padding-right: 20px;
}

.sisf-skin--light .sisf-header-logo-link.navbar-brand {
	border-color: rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

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

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

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

.sisf-skin--dark .sis-main-menu ul li a {
	color: var(--primary-color);
}

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

.sis-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;
}

.sis-main-menu ul.navbar-nav>li>a {
	line-height: 35px;
	display: flex;
	align-items: center;
	text-transform: none;
	margin-right: 5px;
}

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

.sis-main-menu ul li a i {
	font-size: 14px;
	padding-top: 0px;
	top: 1px;
	position: relative;
}

.sis-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;
}

.sis-main-menu ul li.submenu>a:before {
	position: absolute;
	left: 0px;
	content: '';
	height: 1px;
	width: 10px;
	background-color: var(--main-color);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .4s ease-out;
	top: 0;
	bottom: 0;
	margin: auto;
	display: none;
}

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

.sis-main-menu ul li.submenu>a.active:before {
	transform: inherit !important;
}

.sis-main-menu ul li a:hover,
.sis-main-menu ul li a:focus,
.sis-main-menu ul li a.active {
	background: linear-gradient(180deg, #FBE60A 0%, #F08807 100%);
	border-radius: 4px;
}

.sis-main-menu ul ul {
	visibility: hidden;
	opacity: 0;
	transform: scaleY(0.8);
	transform-origin: top;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 300px;
	border-radius: 10px;
	position: absolute;
	left: -10px;
	top: 60px;
	background-color: white;
	border: 1px solid var(--main-color);
	transition: all 0.4s ease-in-out;
	text-align: left;
	padding: 20px 0;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
}

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

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

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

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

.sis-main-menu ul ul ul::after {
	content: "";
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #FFFFFF33;
	position: absolute;
	top: 12px;
	right: auto;
	left: -17px;
	transform: rotate(-90deg);
}

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

.main-menu ul ul li a span {
	color: var(--primary-color);
	transition: all 0.4s ease-in-out;
}

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

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

.sis-main-menu ul ul li a:before {
	content: "-";
	font-family: FontAwesome !important;
	line-height: 1;
	display: inline-block;
	position: absolute;
	top: -6%;
	left: 0;
	right: initial;
	opacity: 1;
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
	font-weight: 900;
	font-size: 25px;
	display: none;
	width: 0%;
}

.sis-main-menu ul ul li:hover a:before,
.sis-main-menu ul ul li a.active {
	display: block;
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
	width: 100%;

}

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

.sis-main-menu ul ul li a:hover,
.sis-main-menu ul ul li a:focus,
.sis-main-menu ul ul li a.active {
	color: var(--primary-color) !important;
	background-color: transparent;
	padding-left: 15px !important;
}

.sis-main-menu ul ul li a:hover span,
.sis-main-menu ul ul li a.active span {
	color: var(--primary-color);
}

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

.sis-main-menu ul ul li a:hover:before,
.sis-main-menu ul ul li a.active::before {
	display: block !important;
	transition: 0.3s ease-in-out;
	color: var(--primary-color);
}

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

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

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

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

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

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

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

.sis-main-menu .mega-menu1 .nav-item {
	width: 25% !important;
}

.sis-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);
}

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

.sis-menu-item-arrow i {
	font-size: 15px !important;
}

.sis-main-menu ul ul li a.active .sis-menu-item-arrow {
	color: var(--primary-color);
}

.header-btn {
	line-height: 0px;
}

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

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

/* ==========================
         04. Hero css
============================= */
.sis-hero {
	position: relative;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}

.sis-hero-video .sis-hero-bg-video {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sis-hero-video .sis-hero-bg-video video {
	transform: translate(0%, 0%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

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

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

.sis-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;
}

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

.sis-hero.hero-slider .hero-slider-layout .hero-slide .hero-slider-image::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(90deg, rgba(26, 26, 26, 0.85) 40.8%, rgba(26, 26, 26, 0) 81.59%), linear-gradient(180deg, rgba(26, 26, 26, 0.85) 50%, rgba(26, 26, 26, 0) 100%);
	z-index: 2;
}

.sis-hero.sisf--hero-video .sis-hero-bg-video::before {
	background: linear-gradient(0deg, rgba(26, 26, 26, 0.4), rgba(26, 26, 26, 0.4)), linear-gradient(0deg, rgba(26, 26, 26, 0.44) 30%, rgba(26, 26, 26, 0) 100%);

}

.sisf--hero-slider.sis-hero.hero-slider .hero-slider-layout .hero-slide .hero-slider-image::before {
	background: linear-gradient(0deg, rgba(26, 26, 26, 0.4), rgba(26, 26, 26, 0.4)), linear-gradient(90deg, rgba(26, 26, 26, 0.5795) 0%, rgba(26, 26, 26, 0) 100%), linear-gradient(0deg, rgba(26, 26, 26, 0.44) 30%, rgba(26, 26, 26, 0) 100%);

}

.sis-hero.sisf--hero-video .hero-slider-layout .hero-slide {
	min-height: 800px;
}

.sis-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;
	top: 0px;
	padding-bottom: 40px;
}

.hero-content .sis-section-title p {
	width: 100%;
	margin-top: 0px;
	padding-bottom: 30px;
	text-align: center;
	margin-bottom: 0px;
}

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

.sis-video-page .hero-slider-layout .hero-slide {
	min-height: 700px;
}

.home-slider .hero-slider-layout .hero-slide {
	min-height: 834px;
}

.home-page .hero-slider-layout {
	background-color: transparent;
	background-image: radial-gradient(at bottom right, var(--main-color) -150%, var(--primary-color) 58%);
}

.sis-bottom-contents {
	position: relative;
	z-index: 3;
}

.sis-bottom-contents .sisf-e-inner {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	width: 50%;
	padding: 32px;


}

.sis-bottom-contents .sisf-e-inner .sis-comman-title {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 12px;
}

.sisf-hero-image-bottom img {
	min-width: 190px;
}

.sisf-hero-image-bottom-2 img {
	min-width: 320px;
}

.sis-hero-content-part p {
	color: var(--primary-color);
}

.sis-bottom-contents .sis-e-top-icon-fade {
	position: absolute;
	top: -32px;
	left: -32px;
	transform: rotate(10deg);
	animation-name: flash;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-direction: normal;
}

@keyframes flash {

	50%,
	0%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

.sis-hero-right-image {
	z-index: 3;
	margin: 0 -124px -128px;

}

.sisf--hero-slider .sis-hero-right-image {
	    margin: 0px -88px -110px;
}

.sis-hero-right-image .sisf-sis-hero-image-item p {
	position: absolute;
	top: 30%;
	left: -90px;
	padding: 10px 20px;
	background-color: var(--primary-color);
	border-radius: 50px;
}

.sis-hero-right-image .sisf-sis-hero-image-item p.sis-bottom {
	top: 40%;
	left: -30px;
}

.sis-hero-right-image .sisf-hero-on-content {
	position: absolute;
	bottom: 88px;
	left: 0;
	min-width: 372px;
}

.hero-slide .sis-scroll-container .sis-scroll-content {
	margin-bottom: -40px;
}

.sis-hero.hero-slider .hero-slider-layout .hero-slide .hero-content .sis-video-play-button.sisf-m-play-inner {
	position: unset;
	transform: unset;
}

.sisf-hero2-bottom,
.hero-slider-layout .hero-slide .sis-scroll-container.sisf-page {
	position: relative;
	z-index: 2;
}

.sisf-hero2-bottom .sis-comman-bg.sis-radius .sis-counter-item {
	padding: 20px 0;
}

.sis-hero.hero-slider.sis-br-radius .hero-slider-layout .hero-slide .hero-slider-image::before {
	background: linear-gradient(180deg, #1A1A1A8C 30%, var(--primary-color) 100%);
}

.sisf-hm-slider.sis-video-page .hero-slider-layout .hero-slide {
	min-height: 800px;
}

.sisf-hm-hero-slider.sis-hero.hero-slider.sis-br-radius .hero-slider-layout .hero-slide .hero-slider-image::before {
	background: linear-gradient(270deg, #1A1A1A8C 60%, var(--primary-color) 100%);
}

.sisf-hm-hero-slider,
.sisf-hm-slider {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.sisf-hm-video .sis-video-play-button {
	position: absolute !important;
	top: 38% !important;
	left: 48% !important;
	transform: translate(-1%, 0%) !important;
}

.sisf-hm-hero-slider.home-slider .hero-slider-layout .hero-slide {
	min-height: 750px;
}

.sisf--f-hero-bottom .sisf-sis-listing-items span {
	font-size: 24px;
	line-height: 32px;
}

.sisf-e-video .sis-video-play-button.sisf-m-play-inner {
	position: relative;
	top: unset;
	left: unset;
	transform: unset;
	margin-bottom: 60px;
}

/* ====================================
      05. Scroll Content Section Css
======================================= */
.sis-scroll-container {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	white-space: nowrap;
	padding: 20px 0 20px 0;
}

.sis-scroll-container .sis-scroll-content {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 25px;
	animation: scrollX 75s linear infinite;
}

.sis-scroll-content .sis-contents span {
	font-family: var(--heading-font);
	font-size: 100px;
	font-weight: 700;
	text-transform: none;
	line-height: 128px;
	transition: 0.4s ease-in-out;
}

.home-page .hero-slider-layout .sis-scroll-content .sis-contents span {
	font-family: var(--heading-font);
	font-size: 100px;
	font-weight: 700;
	text-transform: none;
	line-height: 128px;
	transition: 0.4s ease-in-out;
	background: linear-gradient(180deg, #FEFEE612 20.02%, #EBBB0D00 148.81%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-text-stroke-color: rgba(255, 255, 255, 0.05);
	-webkit-text-stroke-width: 1.5px;
}

.sisf-sis-hero-scroll-container {
	margin-top: -83px;
	position: relative;
	z-index: 2;
}

.sisf-sis-hero-scroll-container .sis-scroll-content {
	margin-bottom: -46px;
}

.sis-scroll-content .sis-contents span:hover {
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

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

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

.sis-scroll-content .sis-content img {
	margin-left: 25px;
	display: inline-block;
}

/* ====================================
        06. About Us Section css
======================================= */
.sis-about-left-content .sisf-e-inner .sisf-e-media-image img {
	width: 52px;
	height: 52px;
}

.sis-about-left-content .sisf-e-inner .quote-left-icon span {
	font-size: 60px;
	color: var(--main-color);
	opacity: 0.3;
	transition: 0.4s ease-in-out;
}

.sisf-about-image-bottom img {
	aspect-ratio: 1 / 0.52;
	object-fit: cover;
}

.sisf-about-counter-content .sisf-e-inner {
	aspect-ratio: 1 / 1.054;
	background-color: var(--main-color);
	background-image: url("../images/graphic-bg-light.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.sis-about-left-content .sisf-e-inner {
	aspect-ratio: 1 / 0.863 !important;
}

.sisf-about--content-right .sisf-e-inner,
.sisf-about-counter-content .sisf-e-inner,
.sis-about-left-content .sisf-e-inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.sis-e-about-content-left-bottom .sis-counter-title span {
	font-family: var(--heading-font);
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;
}

.sisf-about-counter-content .sis-counter-title span {
	font-size: 64px;
	line-height: 80px;
	font-weight: 800;
}

.sisf-about-counter-content .sis-counter-content span {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
}

.sis-e-about-content-left.sis-comman-bg.pt-4 {
	padding-top: 30px !important;
}

.sisf-about-counter-content .sisf-m-text p {
	color: var(--primary-color);
}

.sisf-about--content-right .sisf-e-inner {
	aspect-ratio: 1 / 1.0766;
	background-image: url("../images/about-img3.html");
	background-size: contain;
}

.sisf-e-page-hover-contents {
	margin-bottom: 40px;
}

.sisf-e-page-hover-contents .sisf-m-icon {
	width: 56px;
	height: 56px;
	min-width: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	background-color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sisf-e-page-hover-contents:hover .sisf-m-icon {
	background-color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sisf-e-page-hover-contents.page:hover .sisf-m-icon {
	background-color: var(--white-color);
	transition: 0.4s ease-in-out;
}

.sisf-e-page-hover-contents .sisf-m-icon img {
	width: 30px;
	height: 30px;
	filter: none;
	transition: 0.4s ease-in-out;
}

.sisf-e-page-hover-contents:hover .sisf-m-icon img {
	filter: brightness(0) invert(0);
	transition: 0.4s ease-in-out;
}

.sis-page-contact-section {
	background-color: var(--main-color);
	padding-top: 40px;
}

.sis-car-image-center {
	margin-bottom: -50px;
}

.sisf-page-content-part {
	background-color: var(--main-color);
	margin-bottom: 30px;
}

.sisf-page-content-part .sis-e-inner {
	aspect-ratio: 1 / 1.33;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.sisf-page-content-part .sis-top-subtitle p {
	display: inline-block;
	background-color: var(--main-color);
	color: var(--primary-color);
	padding: 4px 12px 3px 12px;
	border-radius: 50px;
}

.sisf-page-content-part .sis-e-inner .sis-e-text p {
	color: var(--primary-color);
}

.sisf-about-left-image .sis-e-icon-spin {
	position: absolute;
	bottom: 40px;
	right: 30px;
}

.sisf-e-about-left-image img {
	aspect-ratio: 1 / 1.11;
}

.sisf-page-content-bottom span {
	color: var(--primary-color);
	font-weight: 700;
}

.sis-e-abou-bottom-img {
	margin-top: -125px;
}

.sis-e-about-content-left-bottom {
	overflow: hidden;
}

.sis-about-sustainable .sisf-e-inner {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 16px;
	margin-bottom: 16px;
}

.sis-about-sustainable .sisf-sis-listing-items {
	display: flex;
	gap: 15px;
	justify-content: space-between;
}

.sis-about-sustainables .sisf-sise-listing-items {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 16px;
}

.sisf-sustainable-icon-image {
	padding-right: 7px;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.sisf-sustainable-icon-image img {
	min-width: 50px;
}

.sisf-sis-bottom-border {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sisf-about-contents.sisf-e-page-hover-contents .sisf-m-icon {
	width: 58px;
	min-width: 58px;
	height: 58px;
	background: var(--main-color);
	border-radius: 8px;
	transition: 0.4s ease-in-out;
}

.sisf-about-contents.sisf-e-page-hover-contents .sis-e-inner:hover .sisf-m-icon {
	background: var(--primary-color);
}

.sisf-about-contents.sisf-e-page-hover-contents .sis-e-inner:hover .sisf-m-icon img {
	filter: brightness(0) invert(1);
}

.sisf-about-contents.sisf-e-page-hover-contents .sisf-m-icon img {
	filter: brightness(0) invert(0);
	transition: 0.4s ease-in-out;
}

.sis-about-us-section .sisf-sis-bottom-right-image {
	bottom: -88px;
}

.sisf-what-we-counter-content .sisf-e-inner {
	aspect-ratio: 1 / 1.0766;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.sisf-what-we-counter-content .sis-counter-item .sis-counter-title span {
	color: var(--main-color);
}

.sisf-what--content-center .sisf-e-inner {
	aspect-ratio: 1 / 1.0766;
	background-image: url(../images/hm3-what-we-image.png);
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.sisf-what--content-right .sisf-e-inner {
	background: var(--secondary-color);
	border: 1px solid rgba(0, 0, 0, 0.1);
	aspect-ratio: 1 / 1.0766;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.sisf-what--content-right .sisf-e-inner .sis--btn-default {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
	position: relative;
	transition: all 0.4s ease-in-out;
}

.sisf-what--content-right .sisf-e-inner .sis--btn-default:hover {
	color: var(--main-color);
}

.sisf-what--content-right .sisf-e-inner .sis--btn-default i {
	transform: rotate(-45deg);
	transition: all 0.4s ease-in-out;
	padding-left: 8px;
}

.sisf-what--content-right .sisf-e-inner .sis--btn-default:hover i {
	transform: rotate(0);
}

.sisf-what--content-right .sisf-e-inner .sis--btn-default:hover::after {
	background: var(--main-color);
}

.sisf-what--content-right .sisf-e-inner .sis--btn-default::after {
	content: '';
	position: absolute;
	width: 90%;
	left: 0;
	bottom: 0px;
	background: var(--primary-color);
	height: 1px;
	transition: all 0.4s ease-in-out;
}

.sisf-what--content-right .sisf-e-inner ul {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: 20px;
	padding-top: 20px;
	color: var(--primary-color);
}

/* ====================================
      07. Why Choose Us Section css
======================================= */
.sis-why-choose-us-section .sisf-m-button.position-relative {
	z-index: 2;
}

.sisf-choose-us-image-right .sis-e-icon-spin {
	position: absolute;
	top: -63px;
	left: -63px;
	z-index: 1;
}

.sisf-choose-us-image-right img.sis-radius {
	aspect-ratio: 1 / 0.76;
	object-fit: cover;
}

/* ====================================
        08. Services Section Css
======================================= */
.sisf-sis-e-service-list .sisf-e-inner {
	margin-bottom: 30px;
	padding: 10px;
	transition: 0.4s ease-in-out;
}

.sisf-sis-e-service-list .sisf-e-inner:hover {
	background-color: var(--main-color) !important;
	transition: 0.4s ease-in-out;
}

.sisf-sis-e-service-list .sisf-e-service-icon a {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
	color: var(--primary-color);
	border-radius: 50px;
	transform: rotate(-45deg);
	transition: all 0.4s ease-in-out;
}

.sisf-sis-e-service-list .sisf-e-service-icon a:hover {
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
	color: var(--white-color);
	transform: rotate(0deg);
	transition: all 0.4s ease-in-out;
}

.sisf-sis-e-service-list .sisf-e-inner:hover .sisf-e-service-icon a {
	background-color: var(--primary-color);
	color: var(--white-color);
	border-color: var(--primary-color);
}

.sisf-sis-e-service-list .sisf-e-top-icon {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 1;
}

.sisf-sis-e-service-list .sisf-e-content {
	padding: 20px 4px 10px 4px;
	gap: 12px;
}

.sisf-sis-f-service-list .sisf-e-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px;
	align-items: center;
	z-index: 2;
}

.sisf-sis-e-service-list .sisf-e-inner .sisf-e-title a,
.sisf-sis-e-service-list .sisf-e-inner .sis-m-text P {
	color: var(--white-color);
	

	transition: all 0.4s ease-in-out;
}

.sisf-service-section .sisf-sis-e-service-list .sisf-e-inner .sis-m-text P {
	border-color: rgba(0, 0, 0, 0.1);
	color: var(--text-color);
	
}

.sisf-service-section .sisf-sis-e-service-list .sisf-e-inner .sisf-e-title a {
	color: var(--primary-color);
}

.sisf-sis-e-service-list .sisf-e-inner .sis-m-text P {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 12px;
	margin-top: 12px;
}

.sisf-sis-e-service-list .sisf-e-inner:hover .sis-m-text P {
	border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.sisf-sis-e-service-list .sisf-e-inner:hover .sisf-e-title a,
.sisf-sis-e-service-list .sisf-e-inner:hover .sis-m-text P {
	color: var(--primary-color);
	transition: all 0.4s ease-in-out;
}

.sisf-sis-f-service-list .sisf-e-inner:hover .sisf-e-title a {
	color: var(--white-color) !important;
}

.sisf-sis-e-service-list .sisf-e-service-icon a {
	background-color: var(--white-color);
	border-color: var(--white-color);
}

.sis-comman-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 0px;
	color: var(--primary-color);
}

.sisf-sis-icon-with-text--hover .sisf-e-inner {
	overflow: hidden;
}

.sisf-sis-icon-with-text--hover .sisf-e-inner p {
	color: var(--primary-color);
}

.sisf-sis-icon-with-text--hover .sisf-e-inner .sisf-e-content,
.sisf-sis-icon-with-text--hover .sisf-e-inner .sis-icon-image {
	position: relative;
	z-index: 3;
	transition: all .6s ease;
}

.sisf-sis-icon-with-text--hover .sisf-e-inner::before {
	position: absolute;
	content: "";
	background: var(--main-color);
	right: 0;
	bottom: 0;
	left: 0;
	height: 0%;
	width: 100%;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	background-size: 101% 101%;
	z-index: 1;
}

.sisf-sis-icon-with-text--hover .sisf-e-inner:hover::before {
	height: 100%;
	transition: all .6s ease;
}

.sis-comman-bottom-line-text {
	margin-top: 40px;
}

.sis-comman-bottom-line-text .sis-box-button {
	background-color: var(--white-color);
	padding: 2px 12px 0px 12px;
	border-radius: 50px;
}

.sis-comman-bottom-line-text p {
	color: var(--primary-color);
}

.sis-comman-bottom-line-text .sisf-sis-e-box a {
	color: var(--main-color);
	transition: 0.3s ease-in-out;
	font-weight: 700;
	border-bottom: 1px solid var(--main-color);
	margin-left: 5px;
	display: inline-block;
	line-height: normal;
}

.sis-comman-bottom-line-text .sisf-sis-e-box a.sisf--f-colored {
	color: var(--main-color);
	border-color: var(--main-color);
}

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

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

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

.sisf-sis-f-service-list .sisf-e-inner .sisf-service-icon-image a {
	position: relative;
}

.sisf-sis-f-service-list .sisf-e-inner .sisf-service-icon-image a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(360deg, rgba(26, 26, 26, 0.8) 0%, rgba(26, 26, 26, 0) 53.67%);
	z-index: 1;
	transition: 0.4s ease-in-out;
	border-radius: 12px;
}

.sisf-sis-f-service-list .sisf-e-inner:hover .sisf-service-icon-image a::after {
	background: linear-gradient(360deg, rgba(244, 196, 48, 0.7) 0%, rgba(244, 196, 48, 0) 45.04%);
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-inner {
	overflow: hidden;
}

.sisf--sis-serevice.sisf-sis-e-service-list .sisf-e-inner:hover {
	background-color: var(--main-color) !important;
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-inner .sisf-e-title a {
	color: var(--primary-color);
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-inner .sis-m-text P {
	color: var(--text-color);
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e--top-icon {
	width: 68px;
	height: 68px;
	background: var(--main-color);
	border-radius: 8px;
	transition: all 0.4s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: -40px;
	right: 15px;
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-inner:hover .sisf-e--top-icon img {
	filter: brightness(0) saturate(100%) invert(70%) sepia(30%) saturate(823%) hue-rotate(8deg) brightness(103%) contrast(94%);
	transition: all 0.4s ease-in-out;
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-inner:hover .sisf-e--top-icon {
	background: var(--primary-color);
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-inner .sis-m-text P {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-service-icon a {
	width: fit-content;
	height: auto;
	transform: rotate(0);
	background-color: transparent !important;
	border: unset;
	position: relative;
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-service-icon a::after {
	content: '';
	position: absolute;
	width: 80%;
	left: 0;
	bottom: 6px;
	background: var(--primary-color);
	height: 1px;
	transition: all 0.4s ease-in-out;
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-service-icon a i {
	transform: rotate(-45deg);
	padding-left: 8px;
	transition: all 0.4s ease-in-out;
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-service-icon a:hover i {
	transform: rotate(0);
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-inner:hover .sisf-e-service-icon a::after {
	background: var(--white-color);
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-inner:hover .sis-m-text P {
	border-color: rgba(255, 255, 255, 0.1);
}

.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-inner:hover .sisf-e-title a,
.sisf-sis-e-service-list.sisf--sis-serevice .sisf-e-inner:hover .sis-m-text P {
	color: var(--white-color);
}

/* ====================================
    09. Benefits section Css      
======================================= */
.sis-benefit-image-center .sis-e-icon-spin {
	position: absolute;
	top: 120px;
	left: 0;
}

.sis-benefits-section .sisf-e-page-hover-contents .sis-counter-icon-with-title {
	padding: 24px 20px;
	background: var(--primary-color);
	border-radius: 12px;
	transition: 0.4s ease-in-out;
}

.sis-benefits-section .sisf-e-page-hover-contents:hover .sis-counter-icon-with-title {
	background: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sis-benefits-section .sisf-e-page-hover-contents .sis-counter-icon-with-title .sis-counter-title h2 {
	color: var(--white-color);
	font-size: 48px;
	line-height: 58px;
	transition: 0.4s ease-in-out;
}

.sis-benefits-section .sisf-e-page-hover-contents .sis-counter-icon-with-title .sis-counter-title h2 .sisf-digit-sm-label {
	font-size: 26px;
	line-height: 36px;
}

.sis-benefits-section .sisf-e-page-hover-contents .sis-counter-icon-with-title .sisf-content {
	color: var(--white-color);
	font-family: var(--heading-font);
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	transition: 0.4s ease-in-out;
}

.sis-benefits-section .sisf-e-page-hover-contents:hover .sis-counter-icon-with-title .sis-counter-title h2,
.sis-benefits-section .sisf-e-page-hover-contents:hover .sis-counter-icon-with-title .sisf-content {
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.partner-main-right-image {
	display: flex;
	justify-content: flex-end;
	margin-top: -148px;
}

.sisf-partner-bottom-counter .sis-estimate .sis-counter-title {
	background: transparent;
}

.sisf-partner-bottom-counter {
	padding-top: 20px;
	margin-top: 40px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);

}

/* ====================================
	10. Technology Section css       
======================================= */
.sisf-sis-e-technology-list .sisf-e-inner {
	margin-bottom: 30px;
	aspect-ratio: 1/0.95;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.sisf-sis-e-technology-list .sisf-e-inner.sisf-comman-bg-light {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.technology-bottom {
	margin-top: 20px;
	padding-top: 40px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.sisf-technology-icon-image {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 12px;
	gap: 12px;
	width: 60px;
	height: 60px;
	background: var(--main-color);
	border-radius: 9999px;
	transition: 0.4s ease-in-out;
}

.sisf-sis-icon-with-text--hover .sisf-e-inner:hover .sisf-technology-icon-image {
	background: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.sisf-sis-icon-with-text--hover .sisf-e-inner:hover .sisf-technology-icon-image img {
	filter: brightness(0) saturate(100%) invert(77%) sepia(48%) saturate(823%) hue-rotate(8deg) brightness(103%) contrast(94%);
	transition: 0.4s ease-in-out;
}

.sisf-technology-item .sisf-e-inner {
	aspect-ratio: 1 / 0.9;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 30px;
}

.sisf-technology-right-images {
	margin-top: -100px;
}

/* ====================================
	  11. Global Section css      
======================================= */
.sisf-global-accordian {
	padding: 32px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(15px);
	border-radius: 12px;
}

.sis-global-outreach-section .sisf-global-accordian .accordion-item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 0 !important;
}

.sisf-global-accordian .accordion-item:last-child {
	border-bottom: unset !important;
}

.sisf-global-accordian .accordion-item:has(.accordion-button:not(.collapsed)) {
	background: transparent !important;

}

.sisf-global-accordian .accordion-button {
	background: transparent !important;
}

.sisf-faq-accordian.sisf-global-accordian .accordion-button:not(.collapsed) span,
.sisf-faq-accordian.sisf-global-accordian .accordion-item .sisf-e-content-inner p,
.sisf-faq-accordian.sisf-global-accordian .accordion-button span {
	color: var(--white-color) !important;
}

.sisf-content-bottom {
	margin-top: 40px;
}

.sisf-location-item-lists {
	position: absolute;
	left: 0;
	top: -30px;
	width: 100%;
	height: 100%;
}

.sisf-location-item-lists .sis-location-item {
	width: 100%;
	cursor: pointer;
	position: relative;
}

.sisf-location-item-lists .sis-location-contents {
	transform: translateY(-20px);
	opacity: 0;
	transition: all 0.4s ease;
	border-radius: 4px;
	color: var(--primary-color);
}

.sisf-location-item-lists .sis-location-item:hover .sis-location-contents {
	transform: translateY(0px);
	opacity: 1;
}

.sis-location-pin {
	transition: all 0.4s ease;
}

.sis-location-pin i {
	color: var(--white-color);
	font-size: 24px;
}

.sisf-location-item-lists .sis-location-item:hover .sis-location-pin i {
	color: var(--main-color);
}

.sisf-location-item-lists .row {
	height: 100%;
}

.sisf-location-item-lists .sis-location-item .sis-location-contents span {
	font-size: 14px;
}

.sisf-location-item-lists .sis-location-item.sis-location-start {
	margin-top: -90px;
	margin-left: 30px;
}

.sisf-location-item-lists .sis-location-item.sis-item {
	margin-left: -140px;
	margin-bottom: 90px;
}

.sisf-location-item-lists .sis-location-item.sis-item-bottom {
	margin-top: -90px;
	margin-left: -75px;
}

.sisf-global-e-page-contents {
	padding: 32px 20px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 16px;
	margin-bottom: 20px;
}

.sisf-countrie-label {
	font-family: var(--heading-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
}

.sisf-sis-location-item-lists {
	position: unset;
}

.sisf-sis-location-item-lists .sis-location-contents {
	min-width: 230px;
	position: relative;
}

.sisf-sis-location-item-lists .sis-location-item {
	width: unset;
	margin: 0 !important;
	position: absolute;
	top: 10%;
	left: 7%;
}

.sisf-sis-location-item-lists .sis-location-item.sis-location-2 {
	top: 48%;
	left: 17%;
}

.sisf-sis-location-item-lists .sis-location-item.sis-location-3 {
	top: 35%;
	left: 40%;
}

.sisf-sis-location-item-lists .sis-location-item.sis-location-4 {
	top: 15%;
	left: 55%;
}

.sisf-sis-location-item-lists .sis-location-item.sis-location-5 {
	top: 15px;
	left: 70%;
}

.sisf-sis-location-item-lists .sis-location-item.sis-location-6 {
	top: 48%;
	left: 73%;
}

/* ====================================
    12. How We Works Section css       
======================================= */
.sisf-how-it-work-items .sisf-e-inner {
	background: var(--white-color);
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	padding: 28px;
	aspect-ratio: 1 / 1.4;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: all 0.4s ease-in-out;
}

.sis-how-it-works-hover-item:hover .sisf-e-inner {
	background: var(--main-color);
	transition: all 0.4s ease-in-out;
}

.sis-how-it-works-hover-item:hover .sisf-e-inner .sisf-step-icons img {
	filter: brightness(0) invert(0);
}

.sisf-sis-count p {
	font-family: var(--heading-font);
	font-style: normal;
	font-weight: 700;
	font-size: 100px;
	line-height: 74px;
	text-align: right;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(26, 26, 26, 0) 97.3%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.sisf-sis-page-how-part {
	position: absolute;
	left: 20px;
	bottom: 20px;
	right: 20px;
	z-index: 1;
}

.sis-sisf-how-it-items.sisf-how-it-work-items .sisf-e-inner {
	aspect-ratio: unset;
	flex-direction: unset;
	align-items: center;
	margin-bottom: 20px !important;
	padding: 20px;
}

.sis-sisf-how-it-items .sisf-step-icons {
	width: 50px;
	height: 50px;
}

.sis-sisf-how-it-items .sisf-step-icons img {
	min-width: 50px;
}

.sis-sisf-how-it-items .sisf-sis-count p {
	font-size: 71px;
	line-height: 74px;
	text-align: right;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(26, 26, 26, 0) 97.3%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.sis-watch-our-section {
	background-image: url(../images/watch-our-img.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 0;
}

.sis-watch-our-section .sis-video-play-button.sisf-m-play-inner {
	top: 38%;
	left: 50%;
	transform: translate(-51%, 0%);
}

.watch-our-bottom .sisf-m-bg-border {
	background: rgba(255, 255, 255, 0.1);
	height: 1px;
	width: 100%;
}

.watch-our-bottom .sisf-f-comman-text .sisf-sis-e-box p {
	white-space: nowrap;
	padding: 0 10px;
}

.sis-e-how-counter-bottom {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 38px 31px 36px;

	background: var(--main-color);
}

.sisf-year-text {
	font-weight: 700;
	font-size: 20px !important;
	line-height: 30px !important;
}

.sisf-how-icon-image {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 58px;
	height: 58px;
	min-width: 58px;
	background: transparent;
	border: 1px solid var(--primary-color);
	border-radius: 8px;
	transition: all 0.4s ease-in-out;
}

.sisf-e-detail--page-content.sisf-e-how-item .sisf-e-inner:hover .sisf-how-icon-image {
	background: var(--main-color);
	border-color: var(--main-color);
}

.sisf-how-icon-image img {
	filter: brightness(0) invert(0);
}

.sisf-e-how-item {
	position: relative;
	margin-bottom: 65px;
}

.sisf-e-how-item::after {
	content: '';
	width: 85%;
	height: 1px;
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
	right: 0;
	bottom: -25px;
}

.sisf-e-how-item.mb-0::after {
	background: transparent;
}

.sisf-e-how-item.sisf-e-detail--page-content::before {
	top: 62px;
}

/* ====================================
  13. Our Approach Section css      
======================================= */
.sis-our-approach-image-content {
	position: absolute;
	left: 0px;
	bottom: 30px;
}

.sis-our-approach-image-content .quote-image {
	position: absolute;
	top: 0;
	right: 0;
}

.sis-member-sign {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-right: 30px;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.sis-member-sign-italic {
	font-family: "Carattere", cursive;
	font-style: normal;
	font-weight: 400;
	font-size: 34px;
	line-height: 26px;
	letter-spacing: -0.02em;
	color: #FFFFFF;
}

.sisf-approach-box {
	background: rgba(244, 196, 48, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(15px);
}

.sisf-approach-box-border {
	background: var(--primary-color);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.sisf-approach-box-border,
.sisf-approach-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	aspect-ratio: 1 / 1.09;
}

/* ====================================
    14. Advantages Section css       
======================================= */
.sis-advantages-section.sis-comman-background {
	background-color: transparent !important;
}

.sisf-advantages-icon-image {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background: var(--main-color);
	border-radius: 50px;
	position: relative;
	z-index: 2;
	transition: all 0.4s ease-in-out;
}

.sisf-sis-icon-with-text--hover .sisf-e-inner:hover .sisf-advantages-icon-image {
	background: var(--primary-color);
	transition: all 0.4s ease-in-out;
}

.sisf-sis-icon-with-text--hover .sisf-e-inner:hover .sisf-advantages-icon-image img {
	filter: brightness(1) invert(1);
}

.sisf-sis-advantages .sisf-comman-bg-light {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.sis-advantage-image-center {
	margin-top: -330px;
	position: relative;
}

.sis-advantage-image-center::before {
	content: "";
	position: absolute;
	width: 398px;
	height: 398px;
	left: calc(50% - 398px/2);
	bottom: 0;
	z-index: -1;
	background: rgba(244, 196, 48, 0.2);
	border-radius: 50%;
}

.sis-advantages-section .sisf-sis-comman-drop-bg.mb-0 {
	aspect-ratio: 1 / 0.75;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* ====================================
    15. Advance Solution Section Css
======================================= */
.sis-advance-solution-top .sis-e-icon-spin {
	margin: -100px 0 -122px 0;
	position: relative;
	z-index: 2;
}

.sis-advance-solution-right img {
	aspect-ratio: 1 / 0.782;
	object-fit: cover;
}

/* ================================
    16. Free Astimate Section Css
=================================== */
.sis-free-astimate-section .sisf-sis-top-right-image {
	width: 40%;
}

.sis-free-astimate-section .page {
	position: relative;
	z-index: 1;
}

.sisf-estimate-image-right {
	margin: 0 -40px -88px 0;
}

.sis-estimate.sis-counter-item {
	border-left: 2px solid rgba(0, 0, 0, 0.1);
	padding-left: 30px;
}

.sis-estimate .sis-counter-title {
	background: var(--main-color);
	display: inline-block;
	border-radius: 4px;
	padding: 2px 4px;
}

/* ================================
    17. Our Projects Section Css
=================================== */
.sis-project-list-item .sisf-e-inner {
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}

.row>div:last-child .sisf-e-inner {
	margin-bottom: 0;
}

.sis-project-list-item .sis-status-title {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
}

.sis-project-list-item .sis-status-title a {
	background-color: var(--main-color);
	padding: 4px 12px 3px 12px;
	font-weight: 800;
	text-transform: uppercase;
	border-radius: 50px;
	position: relative;
}

.sis-project-list-item .sis-status-title a::before {
	content: "";
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
	margin-top: -5px;
	background-color: var(--primary-color);
	width: 5px;
	height: 5px;
	border-radius: 50%;
}

.sis-project-list-item .sis-project-content {
	position: absolute;
	padding: 20px;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.sis-project-list-item .sis-project-content .sisf-m-title a {
	color: var(--white-color);
	transition: 0.4s ease-in-out;
}

.sis-project-list-item .sis-project-content .sisf-m-title a:hover,
.sis-project-grid-page .sis-project-list-item .sis-project-content .sisf-m-title a:hover {
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sis-project-list-item .sisf-m-icon-button a {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primary-color);
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
	border-radius: 50px;
	transform: rotate(-45deg);
	transition: all 0.3s ease-in-out;
}

.sis-project-list-item .sisf-m-icon-button a:hover {

	background-color: var(--white-color);
	border: 1px solid var(--primary-color);
	transform: rotate(0deg);
	transition: all 0.3s ease-in-out;
}

.sis-project-list-item .sis-project-content p {
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sis-project-grid-page .sis-project-list-item .sis-status-title a {
	background-color: transparent;
	padding: 0;
	text-transform: capitalize;

}

.sis-project-grid-page .sis-project-list-item .sis-project-image img {
	height: 400px;
	object-fit: cover;
}

.sis-project-grid-page .sis-project-list-item .sis-project-content .sisf-m-title a {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sis-project-grid-page .sis-project-list-item .sis-status-title a::before {
	background-color: var(--main-color);
}

.sis-project-grid-page .sis-project-list-item .sis-status-title {
	position: unset;
}

.sis-project-grid-page .sis-project-list-item .sis-project-content {
	position: unset;
	padding: 0;
	margin-top: 24px;
}

.sis-project-grid-page .sis-project-list-item .sis-project-content .sisf-m-title a {
	color: var(--primary-color);
}

.sis-project-grid-page .sis-project-list-item .sisf-m-icon-button a {
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
}

.sis-project-grid-page .sis-project-list-item .sisf-m-icon-button a:hover {
	background-color: var(--white-color);
	border: 1px solid var(--primary-color);
}

.sis-project-list-item.sis-f-project-list-item .sis-project-content {
	background: var(--white-color);
	bottom: 12px;
	left: 12px;
	right: 12px;
	transition: all 0.3s ease-in-out;
}

.sis-project-list-item.sis-f-project-list-item .sis-project-content .sisf-m-title a {
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.sis-f-project-list-item .sisf-m-icon-button a {
	background: var(--main-color);
	color: var(--primary-color);
	border-color: var(--main-color);
	transition: all 0.3s ease-in-out;
}

.sis-project-list-item.sis-f-project-list-item .sis-project-content .sisf-m-title {
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-in-out;
}

.sis-project-list-item.sis-f-project-list-item .sisf-e-inner:hover .sis-project-content .sisf-m-title a {
	color: var(--white-color);
}

.sis-project-list-item.sis-f-project-list-item .sisf-e-inner:hover .sis-project-content .sisf-m-title {
	border-color: rgba(255, 255, 255, 0.1);
}

.sis-project-list-item.sis-f-project-list-item .sisf-e-inner:hover .sis-project-content .sisf-m-icon-button a {
	background: var(--primary-color);
	color: var(--main-color);
	border-color: var(--primary-color);
}

.sis-project-list-item.sis-f-project-list-item .sisf-e-inner:hover .sis-project-content .sisf-e-location p {
	color: var(--white-color);
}

.sis-project-list-item.sis-f-project-list-item .sisf-e-inner:hover .sis-project-content {
	background: var(--main-color);
}

.sis-project-list-item.sis-f-project-list-item .sis-status-title a {
	background-color: var(--main-color);
	border-radius: 8px;
	color: var(--primary-color);
}

.sis-project-list-item.sis-f-project-list-item .sis-status-title a::before {
	display: none;
}

/* ======================================
       18. Pricing Plans Section Css
========================================= */
.sis-pricing-title .sis-m-title p,
.sisf-sis-pricing-table .sis-m-text p {
	color: var(--primary-color);
	text-align: justify;
}

.sisf-sis-pricing-table {
	border-radius: 12px;
	position: relative;
	z-index: 2;
	overflow: hidden;
	margin-bottom: 30px;
}

.sisf-sis-pricing-table.sisf-comman-bg-light {
	background: var(--secondary-color);
	border: 0;
}

.sisf-sis-pricing-table.sis-comman-bg {
	background: var(--main-color) !important;
}

.sisf-pricing-content-part {
	border-bottom: 1px solid #0000001A;
}

.sisf-sis-pricing-table .sisf-m-inner {
	padding: 16px;
}

.sisf-sis-pricing-table .sis-e-top-inner {
	overflow: hidden;
	position: relative;
}

.sisf-sis-pricing-table.sisf-page {
	background: var(--main-color);
}

.sisf-sis-pricing-table .sisf-m-top {
	background-color: var(--white-color);
	transition: 0.4s ease-in-out;
}

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

.sisf-sis-pricing-table .sisf-m-content .sisf-e-item i {
	position: relative;
	top: 2px;
}

.sisf-sis-pricing-table .sisf-m-price {
	padding-top: 0px;
	align-items: baseline;
	padding-bottom: 10px;
}

.sisf-sis-pricing-table .sisf-m-price .sisf-m-price-wrapper {
	display: inline-flex;
	line-height: 1;
	justify-content: center;
	align-items: baseline;
	margin: 0px 0px 0px 0px;
}

.sisf-sis-pricing-table .sisf-m-price .sisf-m-price-wrapper {
	font-size: 48px;
	line-height: 58px;
	font-weight: 700;
	transition: 0.4s ease-in-out;
	font-family: var(--heading-font);
	color: var(--primary-color);
}

.sisf-sis-pricing-table .pricing-title.my-2 {
	transition: 0.4s ease-in-out;
}

.sisf-sis-pricing-table .sisf-m-price-period {
	color: var(--primary-color);
	font-weight: 500;
}

.sisf-sis-pricing-table .sisf-m-top {
	background-color: transparent;
	margin: 0;
}

.sis-pricing-title {
	padding-top: 24px;
	margin-top: 30px;
	border-top: 1px solid #00000033;
}

.sis-pricing-plans-section.sisf-sis-comman-background .sisf-sis-comman-drop-bg .sis-pricing-title {
	border-color: rgba(255, 255, 255, 0.1);
}

.sis-pricing-plans-section.sisf-sis-comman-background .sis-comman-bg .sis-pricing-title {
	border-color: rgba(0, 0, 0, 0.1);
}

.sisf-pricing-content-bottom {
	margin-top: 40px;
}

.sisf-pricing-content-bottom span {
	color: var(--primary-color);
}

.sisf--sis-pricing-table {
	background: var(--white-color);
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 16px;
}

.sisf--sis-pricing-table .pricing-title-top h3 {
	color: var(--primary-color);
}

.sisf--sis-pricing-table .pricing-title-top {
	margin-bottom: 0px;
	padding: 5px 70px;
	transform: rotate(45deg);
	position: absolute;
	right: -63px;
	top: 40px;
	background: var(--white-color);

}

.sisf--sis-pricing-table.sis-comman-bg .sis-btn-default.sisf--btn-default.btn-light {
	background: var(--primary-color);
	color: var(--main-color);
}

/* ===================================
       19. Testimonial Section Css
====================================== */
.sis-page-content-part .content,
.sis-page-content-part p {
	color: var(--primary-color);
	font-weight: 700;
}

.testimonial-right.page .sisf-e-inner {
	background-color: var(--secondary-color);
	transition: 0.4s ease-in-out;
	overflow: hidden;
}

.testimonial-right.page .sisf-e-inner.sis-comman-background.p-4.sis-radius {
	margin-bottom: 30px;
}

.sis-testimonial-section.sis-comman-background {
	overflow: hidden;
	background-color: transparent !important;
}

.testimonial-right.page .sisf-e-inner .sisf-e-author span,
.testimonial-right.page .sisf-e-inner .sisf-e-discription h5 {
	transition: 0.4s ease-in-out;
	position: relative;
	z-index: 2;
}

.testimonial-right.page .sisf-e-inner .sisf-e-author .sisf-e-author-name {
	font-family: var(--heading-font);
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 3px;
	font-weight: 600;
}

.testimonial-right.page .sisf-e-inner .star {
	font-size: 26px;
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.testimonial-right.page .sisf-e-inner.sisf-border {
	border: 1px solid rgba(0, 0, 0, 0.1);
	aspect-ratio: unset;
}

.sisf-sis-testimonial-image {
	position: relative;
}

.sisf-sis-testimonial-image::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 43.4%, #FFFFFF 74.22%);

}

.sis-testimonial-section.sisf-comman-bg-light .sisf-sis-testimonial-image::before {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 43.4%, #F4EAE8 74.22%);
}

.testimonial-right.page .sisf-e-inner.sisf-border .sisf-e-author span {
	color: var(--text-color);
}

.sisf-bottom-quote-with-content {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 24px;
	margin-top: 24px;
	position: relative;
	z-index: 2;
}

.testimonial-right.page .sisf-e-inner {
	aspect-ratio: 1/1.13;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.testimonial-right.page .sisf-e-inner .sisf-e-author span,
.testimonial-right.page .sisf-e-inner .sisf-e-discription h3,
.testimonial-right.page .sisf-e-inner .sisf-e-discription h2 {
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.testimonial-right.page .sisf-e-inner.bg-white .sisf-e-author span,
.testimonial-right.page .sisf-e-inner.bg-white .sisf-e-discription h3,
.testimonial-right.page .sisf-e-inner.sis-comman-bg .sisf-e-author span,
.testimonial-right.page .sisf-e-inner.sis-comman-bg .sisf-e-discription h3 {
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.testimonial-right.page .sisf-e-inner.sis-comman-bg {
	background: var(--main-color);
	aspect-ratio: 1/0.7;
}

.testimonial-right.page .sisf-e-inner.sis-comman-bg .sisf-m-star {
	background: var(--primary-color);
	width: fit-content;
	padding: 8px;
	border-radius: 4px;
}

.testimonial-right.page .sisf-e-inner.sis-comman-bg .star {
	color: var(--white-color);
}

.testimonial-right.page .sisf-e-inner.sis-comman-bg .sisf-bottom-quote-with-content {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.testimonial-right.page .sisf-e-inner .sisf-e-top {
	padding-top: 24px;
	position: relative;
	z-index: 2;
}

.testimonial-right.page .sisf-e-inner .sisf-e-media-image img {
	position: relative;
	z-index: 2;
}

.testimonial-right.page .sisf-e-inner .sisf-e-author-job {
	font-size: 14px;
}

.testimonial-right.page .sisf-e-inner .quote-left-icon span {
	font-size: 30px;
	color: var(--white-color);
	transition: 0.4s ease-in-out;
	padding: 12px 12px;
	background: var(--primary-color);
	border-radius: 50%;
}

.testimonial-right.page .swiper-slide.sisf-e-inner {
	background-color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.testimonial-right.page .sis-e-icon-spin {
	position: absolute;
	top: -130px;
	right: 20px;
}

.sis-slider-arrow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 90px;
	background-color: var(--primary-color);
	border-radius: 50px;
	padding: 5px 12px 4px 12px;
	border: 3px solid var(--white-color);
	bottom: 72px;
	right: 24px;
	position: relative;
	z-index: 2;
}

.sis-slider-arrow .sis-swiper-button {
	position: relative;
	align-items: end;
}

.sis-slider-arrow .swiper-button-prev {
	left: 0;
}

.sis-slider-arrow .swiper-button-next {
	right: 0;
}

.sis-slider-arrow .sis-swiper-button span {
	font-size: 20px;
	top: 3px;
	position: relative;
	transition: 0.4s ease-in-out;
	color: var(--white-color);
}

.sis-slider-arrow .sis-swiper-button span:hover,
.sis-slider-arrow.sis-comman-bg .sis-swiper-button span:hover {
	color: var(--main-color) !important;
	transition: 0.4s ease-in-out;
}

.sis-slider-arrow .sis-swiper-button::after {
	display: none;
}

.testimonial-right.page .sisf-sis-icon-with-text--hover .sisf-e-inner:hover .sisf-ratings .star {
	color: var(--primary-color);
	transition: all 0.4s ease-in-out;
}

.sis-logo-slide-image {
	position: relative;
	z-index: 2;
}

.sisf-sis-icon-with-text--hover .sisf-comman-bg-light.sisf-e-inner::before {
	border-radius: 12px;
}

.sisf-sis-icon-with-text--hover .sisf-e-inner:hover .sis-logo-slide-image img {
	filter: brightness(0) invert(0);
}

.testimonial-right.page .sisf-e-inner.sis-radius.position-relative {
	margin-bottom: 30px;
}

.testimonial-right.page .sisf-e-inner.sisf-testimonial-bg {
	background-color: rgba(244, 196, 48, 0.2);
	border-radius: 16px;
}

.testimonial-right.page .sisf-e-inner.sisf-testimonial-bg .quote-left-icon span {
	background: var(--main-color);
	transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.testimonial-right.page .sisf-e-inner.sisf-testimonial-bg .sisf-bottom-quote-with-content {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 24px;
}

.sisf-sis-icon-with-text--hover .sisf-e-inner.sisf-testimonial-bg:hover .quote-left-icon span {
	background: var(--primary-color);
	transition: all 0.4s ease-in-out;
}

.testimonial-right.page .sisf-sis-icon-with-text--hover .sisf-e-inner.sisf-testimonial-bg:hover .sisf-ratings .star {
	color: var(--primary-color) !important;
}

.testimonial-right.page .sisf-sis-icon-with-text--hover .sisf-e-inner.sisf-testimonial-bg:hover .sisf-e-author span,
.testimonial-right.page .sisf-sis-icon-with-text--hover .sisf-e-inner.sisf-testimonial-bg:hover .sisf-e-discription h2 {
	color: var(--primary-color) !important;
}

.sisf-testimonial.testimonial-right.page .sisf-e-inner .sisf-e-top {
	padding-top: 0;
}

.sisf-testimonial .sisf-e-media-image img {
	width: 62px;
	height: 62px;
}

.sisf-quote-left-icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 24px;
	height: 24px;
	left: 43px;
	top: 38.5px;
	background: var(--main-color);
	border: 1px solid var(--white-color);
	color: var(--primary-color);
	border-radius: 9999px;
	z-index: 2;
	transition: all 0.4s ease-in-out;
}

.testimonial-right.page .sisf-sis-icon-with-text--hover .sisf-e-inner.sisf-testimonial-bg:hover .sisf-quote-left-icon {
	background: var(--primary-color);
	color: var(--main-color);
	transition: all 0.4s ease-in-out;
}

.sisf-f-testimonial.testimonial-right.page .sisf-e-inner .quote-left-icon span {
	background: transparent;
	color: var(--text-color);
	font-size: 60px;
}

.sisf-f-testimonial.testimonial-right.page .sisf-e-inner.sis-radius.position-relative {
	background: rgba(244, 196, 48, 0.2);
	border: 1px solid rgba(244, 196, 48, 0.2);
	border-radius: 16px;
	aspect-ratio: unset;
}

.sisf-f-testimonial.testimonial-right.page .sis-slider-arrow .sis-swiper-button span {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	color: var(--white-color);
	width: 40px;
	height: 40px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 9999px;
	transition: all 0.4s ease-in-out;
}

.sisf-f-testimonial.testimonial-right.page .sis-slider-arrow .sis-swiper-button span:hover {
	color: var(--primary-color) !important;
	background: var(--main-color);
	border-color: var(--main-color);
}

.sisf-f-testimonial.testimonial-right.page .sis-slider-arrow {
	background: transparent;
	border-color: transparent;
	width: 110px;
}

.sisf-testimonial-bottom-counters {
	padding-top: 30px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sisf-testimonial-bottom-counters .sis-counter-item .sis-counter-title span.sisf-digit-label {
	color: var(--main-color);
}

/* ==============================
        20. FAQ Section css
================================= */
.sisf-sis-section-title.pb-5 {
	border-bottom: 1px solid #FFFFFF33;
	margin-bottom: 50px;
}

.sisf-faq-accordian .accordion {
	padding: 0px;
	border-radius: 12px;
}

.sisf-faq-accordian .accordion-button,
.sisf-page-accordian .accordion-button {
	background: transparent;
	box-shadow: none;
	outline: none;
	text-transform: none;
	line-height: 32px;
	font-size: 20px;
	font-family: var(--default-font);
	padding: 25px 0px 25px 0px;
	border: none;
	font-weight: 400;
	letter-spacing: 0px;
}

.sisf-faq-accordian .accordion-item,
.sisf-page-accordian .accordion-item {
	margin-top: 0px;
	border-radius: 0px !important;
	border: none;
	background-color: transparent;
}

.sisf-faq-accordian .accordion-button::after,
.sisf-page-accordian .accordion-button::after {
	display: none !important;
}

.sisf-faq-accordian .accordion-button::before,
.sisf-page-accordian .accordion-button::before {
	content: '\f067';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 16px;
	top: 30%;
	width: 30px;
	height: 30px;
	min-width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--main-color);
	color: var(--white-color);
	font-size: 14px;
	transition: all 0.3s ease;
	border-radius: 50px;
}

.sisf-faq-accordian .accordion-button:not(.collapsed)::before,
.sisf-page-accordian .accordion-button:not(.collapsed)::before {
	content: '\f068';
	color: var(--primary-color);
}

.sisf-faq-accordian .accordion-button,
.sisf-faq-accordian .accordion-body,
.sisf-page-accordian .accordion-button,
.sisf-page-accordian .accordion-body {
	border: none;
	box-shadow: none;
	padding: 20px 0;
	background-color: transparent;
}

.sisf-faq-accordian .accordion-body,
.sisf-page-accordian .accordion-body {
	padding: 20px;
}

.sisf-faq-accordian .accordion-button:not(.collapsed) span,
.sisf-page-accordian .accordion-button:not(.collapsed) span {
	color: var(--primary-color) !important;
	transition: 0.4s ease-in-out;
}

.sisf-faq-accordian.sisf-global-accordian .accordion-button:not(.collapsed)::before {
	color: var(--primary-color) !important;
	transition: 0.4s ease-in-out;
	background: var(--main-color);
}

.sisf-faq-accordian .accordion-button:not(.collapsed)::before,
.sisf-page-accordian .accordion-button:not(.collapsed)::before {
	color: var(--main-color) !important;
	transition: 0.4s ease-in-out;
	background: var(--primary-color);
}

.sisf-faq-accordian .accordion-button::before,
.sisf-faq-accordian .accordion-button span,
.sisf-page-accordian .accordion-button::before,
.sisf-page-accordian .accordion-button span {
	color: var(--primary-color);
}

.sisf-faq-accordian .accordion-item {
	border-bottom: 1px solid #52525B !important;
	border-radius: 0px;
}

.sisf-faqs-accordian .accordion-item {
	border-bottom: 1px solid var(--white-color) !important;
	border-radius: 0px;
}

.sisf-faq-accordian .accordion-item,
.sisf-page-accordian .accordion-item {
	border-radius: 0px;
}

.sisf-faq-accordian .accordion-button:not(.collapsed),
.sisf-page-accordian .accordion-button:not(.collapsed) {
	background-color: transparent;
}

.sisf-faq-accordian.sisf-global-accordian .accordion-button::before {
	color: var(--primary-color);
	background: var(--main-color);
}

.sisf-faq-accordian .accordion-button::before,
.sisf-page-accordian .accordion-button::before {
	color: var(--white-color);
	background: var(--primary-color);
	transition: 0.4s ease-in-out;
	font-size: 14px;
	line-height: normal;
}

.sisf-faq-accordian .accordion-button span,
.sisf-page-accordian .accordion-button span {
	font-weight: 700;
	letter-spacing: 0px;
	font-family: var(--heading-font);
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.sisf-sis-faq-accordian .accordion-item:has(.accordion-button:not(.collapsed)),
.sisf-sis-page-accordian .accordion-item:has(.accordion-button:not(.collapsed)) {
	background: var(--main-color);
}

.sisf-sis-faq-accordian .accordion-button,
.sisf-sis-page-accordian .accordion-button {
	background-color: var(--white-color);
}

.sisf-sis-faq-accordian .accordion-item,
.sisf-sis-page-accordian .accordion-item {
	margin-top: 17px;
	border-radius: 12px !important;
	border: 1px solid transparent !important;
	border-radius: 0px;
	overflow: hidden;
}

.sisf-sis-faq-accordian .accordion-item .sisf-e-content-inner p,
.sisf-sis-page-accordian .accordion-item .sisf-e-content-inner p {
	color: var(--primary-color);
}

.sisf-sis-faq-accordian .accordion-body,
.sisf-sis-page-accordian .accordion-body {
	color: var(--primary-color);
	padding: 0px 20px 20px 20px;
}

.sisf-sis-faq-accordian .accordion-body,
.sis-faq-section .sisf-sis-faq-accordian .accordion-body {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.sisf-sis-faq-image-left .top {
	aspect-ratio: 1 / 0.93;
	object-fit: cover;
}

.sisf-sis-faq-contents-bottom {
	position: absolute;
	bottom: -20px;
	left: -20px;
	box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.25);
}

.sisf-sis-faq-contents-bottom .sisf-sis-contact-information .sisf-icon a {
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
}

.sisf-sis-faq-contents-bottom .sisf-sis-contact-information .sisf-contact-box .sis-title,
.sisf-sis-faq-contents-bottom .sisf-sis-e-group .sisf-sis-contact-information .sisf-contact-box a {
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
	font-size: 16px;
}

.sisf-sis-faq-contents-bottom .sisf-sis-contact-information .sisf-contact-box:hover .sis-title,
.sisf-sis-faq-contents-bottom .sisf-sis-e-group .sisf-sis-contact-information .sisf-contact-box:hover a,
.sisf-page-footer-middle-area .sisf-sis-contact-information .sisf-contact-box:hover .sis-title,
.sisf-page-footer-middle-area .sisf-sis-e-group .sisf-sis-contact-information .sisf-contact-box:hover a {
	color: var(--main-color);
}

.sis-faq-listings {
	padding-bottom: 16px;
	margin-top: 24px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sisf-hm-faq-accordian {
	padding: 25px 20px;
}

.sisf-sis-faq-accordian.bg-white.sisf-hm-faq-accordian .accordion-button:not(.collapsed) {
	border-color: transparent;
}

.sisf-sis-faq-accordian.bg-white.sisf-hm-faq-accordian .accordion-button {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px !important;
}

.sisf-sis-bottom-help-part-image.text-end {
	margin-top: -75px;
}

.sisf--f-sis-faq-accordian.sisf-sis-faq-accordian .accordion-body,
.sis-faq-section .sisf-sis-faq-accordian .accordion-body {

	border-color: rgba(255, 255, 255, 0.1) !important;
}

.sisf--f-sis-faq-accordian.sisf-sis-faq-accordian .accordion-item {
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	margin-top: 32px;
}

/* ====================================
        21. Contact Section Css
======================================= */
.sis-contact-section.sis-contact-section-bg-img {
	background-image: url("../images/contact-image.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.sisf-sis-page-background-left .sisf-sis-contact-information .sisf-icon a {
	border: 1px solid var(--primary-color);
	background: var(--primary-color);
	color: var(--main-color);
}

.sisf-sis-page-background-left .sisf-sis-contact-information .sisf-contact-box .sis-title,
.sisf-sis-page-background-left .sisf-sis-e-group .sisf-sis-contact-information .sisf-contact-box a {
	color: var(--primary-color);
}

.form-section .form-control {
	font-size: 16px;
	font-weight: 500;
	background-color: var(--secondary-color);
	color: var(--primary-color);
	box-shadow: none;
	line-height: normal;
	margin-bottom: 30px;
	text-align: left;
	padding: 15px;
	border-radius: 50px;
	outline: none;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: transparent !important;
	border-image: initial !important;
}

.form-section label {
	font-family: var(--heading-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	color: var(--primary-color);
}

.sisf-sis-contact-background-left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	aspect-ratio: 1 / 1;
}

.sisf-sis-page-contact-inner.bg-white.radius {
	padding: 30px;
	margin: -130px 0 70px 0;
	position: relative;
	box-shadow: 0px 4px 25px 10px #0000000D;
}

.sisf-sis-page-contact-inner.bg-white.radius .sisf-opning-hours-bottom {
	position: absolute;
	bottom: 20px;
	left: 20px;
	border-radius: 16px;
	background: #D9D9D94D;
	backdrop-filter: blur(64px)
}

.sisf-sis-page-contact-inner.bg-white.radius .form-section .form-control {
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #0000001A !important;
}

.sisf-contact-bottom-contents {
	padding-top: 50px;
	margin-top: 50px;
	border-top: 1px solid #FFFFFF1A;
}

.sisf-sis-contact-information .sisf-contact-box .sis-title-top {
	font-size: 18px !important;
}

.sisf-sis-contact-information .sisf-contact-box .sis-title,
.sisf-sis-e-group .sisf-sis-contact-information .sisf-contact-box a {
	color: var(--white-color);
	transition: 0.4s ease-in-out;
	font-size: 16px;
}

.sisf-sis-contact-information .sisf-icon a {
	width: 50px;
	height: 50px;
	min-width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--main-color);
	background: linear-gradient(180deg, #FBE60A 0%, #F08807 100%);
	border-radius: 50px;
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.sisf-sis-contact-information .sisf-contact-box:hover .sis-title,
.sisf-sis-e-group .sisf-sis-contact-information .sisf-contact-box:hover a {
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sisf-sis-contact-information .sisf-contact-box:hover .sisf-icon a {
	color: var(--main-color) !important;
	border: 1px solid var(--main-color);
	background: var(--white-color);
	transition: 0.4s ease-in-out;
}

.sis-contact--section {
	margin-top: 70px;
}

.sis-contact-location-section .sis-contact-map {
	overflow: hidden;
}

.sis-contact-map {
	height: 600px;
}

.sis-contact-map iframe {
	width: 100%;
	height: 100%;
	filter: grayscale(100%);
	transition: all 0.3s ease-in-out;
	margin-bottom: 0px;
}

.sis-contact-map:hover iframe {
	filter: grayscale(0%);
	transition: all 0.3s ease-in-out;
}

.sis-contact-location-section {
	overflow: hidden;
}

.sis-right-contact-image img {
	aspect-ratio: 1 / 0.61;
	object-fit: cover;
	border-radius: 8px;
}

.sis-contact .sis-e-icon-spin {
	position: absolute;
	top: -98px;
	right: 0;
}

.sis-right-contact-image .sis-contact {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	width: 95%;
	margin: 0 auto;
	border-radius: 12px;
}

.sis-right-contact-image .sis-contact .sisf-contact-box {
	width: 47%;
}


.sis-right-contact-image .sis-contact.sisf-sis-contact-information .sisf-contact-box:hover .sis-title,
.sis-right-contact-image .sis-contact.sisf-sis-contact-information .sisf-contact-box:hover a,
.sis-right-contact-image .sis-contact.sisf-sis-contact-information .sisf-contact-box:hover .sisf-icon a {
	color: var(--main-color) !important;
}

.sisf-e-contact-image img {
	aspect-ratio: 1 / 0.9;
}

.sisf-e-contact-right .form-section .form-control {
	border-radius: 12px;
}

.sis-contect-right.sisf--comman-bg-light .form-section .form-control {
	border-radius: 8px;
}

.sis-contect-right.sisf--comman-bg-light {
	padding: 42px 32px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.sisf--bottom-contents {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.sisf--bottom-contents .sisf-sis-contact-information .sisf-icon a {
	color: var(--white-color);
}

.sisf--bottom-contents .sisf-sis-contact-information .sisf-contact-box a.sis-title {
	color: var(--primary-color);
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
}

.sisf--bottom-contents .sisf-sis-contact-information .sisf-contact-box .sis-title {
	color: var(--text-color);
	transition: all 0.3s ease-in-out;
}

.sisf--bottom-contents .sisf-sis-contact-information .sisf-contact-box:hover .sis-title {
	color: var(--main-color) !important;
}

.sis-contect-right.sisf--comman-bg-light .form-section .form-control {
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* ====================================
        22. Letest Blog Section Css
======================================= */
.sis-letest-blog-item .sisf-e-content .sisf-e-title-link {
	color: var(--primary-color);
	position: relative;
	text-transform: none;
	letter-spacing: 0px;
	transition: 0.4s ease-in-out;
}

.sis-letest-blog-item.left .sisf-e-content .sisf-e-title-link {
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sis-letest-blog-item .sisf-e-content .sisf-e-title-link:hover {
	color: var(--main-color) !important;
	transition: 0.4s ease-in-out;
}

.sis-letest-blog-item.right .sisf-e-media-holder img {
	width: 270px;
	height: 220px;
	min-width: 270px;
	object-fit: cover;
}

.sis-letest-blog-item.right {
	border: 1px solid #0000001A;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 12px
}

.sis-letest-blog-item.right .sisf-e-content {
	padding-right: 15px;
}

.sis-outlined-btn {
	position: relative;
	transition: 0.4s ease-in-out;
}

.sis-outlined-btn::before {
	content: '';
	width: 0%;
	height: 1px;
	bottom: 0;
	background-color: var(--main-color);
	left: 0;
	position: absolute;
	transition: 0.4s ease-in-out;
}

.sis-outlined-btn:hover::before {
	width: 100%;
	transition: 0.4s ease-in-out;
}

.sis-letest-blog-item .sis-e-discription p,
.sis-blog-listing-page .sisf-e-content p {
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sis-letest-blog-item .sisf-e-media-holder .sisf-e-media-image {
	overflow: hidden !important;
	border-radius: 16px;
	line-height: 0;
}

.sis-letest-blog-item .sisf-e-media-image img {
	transition: 0.5s ease-in-out;
	transform: scale(1) rotate(0deg);
	aspect-ratio: 1 / 0.706;
	object-fit: cover;
}

.sis-letest-blog-item .sisf-e-inner:hover .sisf-e-media-image img {
	transform: scale(1.1) rotate(2deg);
	transition: 0.5s ease-in-out;
}

.sis-letest-blog-item .sisf-e-media-image a {
	position: relative;
	display: inline-block;
	transition: 0.6s ease-in-out;
}

.sis-letest-blog-item .sisf-e-content .sisf-e-info-date a:hover,
.sis-letest-blog-item .sisf-e-content .post-category a:hover {
	color: var(--main-color);
	transition: 0.5s ease-in-out;
}

.sis-letest-blog-item .sisf-e-inner .sisf-e-content .sisf-m-button a i {
	padding-left: 5px;
	font-size: 16px;
}

.sis-letest-blog-item .sisf-e-info-item {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
}

.sis-letest-blog-item.left .sisf-e-inner .sisf-e-content {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px;
	z-index: 2;
}

.sis-letest-blog-item .sisf-e-info-item a,
.sis-letest-blog-item .post-cat,
.sisf-blog-item .post-cat {
	background: var(--main-color);
	padding: 4px 12px 3px 12px;
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
	font-weight: 800;
	border-radius: 50px;
	text-transform: uppercase;
}

.sisf-blog-item .post-cat {
	position: absolute;
	top: 15px;
	left: 15px;
}

.post-meta-list-after .meta-date::after {
	content: "";
	position: absolute;
	left: -15px;
	top: 0;
	line-height: 1;
	width: 1px;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 50px;
	bottom: 0;
	margin: auto;

}

.sis-letest-blog-item .sisf-e-media-image a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 0%;
	bottom: 0;
	left: 0;
	top: auto;
	transition: 0.4s ease-in-out;
	background-color: transparent;
	z-index: 1;
	background: linear-gradient(360deg, #1A1A1A 0%, rgba(26, 26, 26, 0) 100%);
}

.sis-letest-blog-item:hover .sisf-e-media-image a::before {
	height: 100%;
	transition: 0.4s ease-in-out;
}

.sisf-blog-item .sisf-e-content .sisf-e-info-icon a {
	color: var(--primary-color);
	width: 45px;
	height: 45px;
	min-width: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	background-color: var(--white-color);
	transform: rotate(-45deg);
	line-height: 0;
	transition: 0.3s ease-in-out;
	border: 1px solid var(--white-color);
}

.sis-letest-blog-item .sisf-e-content .sisf-e-info-icon a:hover {
	transition: 0.3s ease-in-out;
	color: var(--main-color);
}

.sis-letest-blog-item .sisf-e-content .sisf-e-info-icon a {
	font-family: var(--default-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;

	color: var(--white-color);
}

.sisf-blog-item .sisf-e-content .sisf-e-info-icon a {
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
}

.sisf-blog-item .sisf-e-content .sisf-e-info-icon a:hover {
	color: var(--main-color);
	transform: rotate(0deg);
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.meta--date {
	font-weight: 800;
	position: relative;
}

.meta--date::before {
	content: '';
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -4px;
	background-color: var(--main-color);
	width: 5px;
	height: 5px;
	border-radius: 50%;
}

.sis-sisf-bolg-item .sisf-e-content .sisf-e-info-icon a:hover {
	background-color: var(--white-color);
	transform: rotate(0deg);
	transition: 0.3s ease-in-out;
	border: 1px solid var(--white-color);
}

.sis-sisf-bolg-item .sisf-e-content .sisf-e-info-icon a {
	color: var(--primary-color);
	width: 45px;
	height: 45px;
	min-width: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	background-color: var(--main-color);
	transform: rotate(-45deg);
	line-height: 0;
	transition: 0.3s ease-in-out;
	border: 1px solid var(--main-color);
}

.sisf-e-blog-item.sis-letest-blog-item.right .sisf-e-media-holder img {
	width: 220px;
	height: 220px;
	min-width: 210px;
}

.sis-sisf-bolg-item.sis-letest-blog-item .sisf-e-info-item a,
.sisf-e-blog-item.sis-letest-blog-item .post-cat {
	border-radius: 8px;
}

.sis--f-letest-blog-item.sis-letest-blog-item .sisf-e-content .sisf-e-info-icon a {
	color: var(--main-color);
	position: relative;
}

.sis--f-letest-blog-item.sis-letest-blog-item .sisf-e-content .sisf-e-info-icon a::after {
	content: '';
	position: absolute;
	width: 80%;
	left: 0;
	bottom: 0px;
	background: var(--main-color);
	height: 1px;
	transition: all 0.4s ease-in-out;
}

.sis--f-letest-blog-item.sis-letest-blog-item .sisf-e-content .sisf-e-info-icon a i {
	transform: rotate(-45deg);
	transition: 0.3s ease-in-out;
}

.sis--f-letest-blog-item.sis-letest-blog-item .sisf-e-content .sisf-e-info-icon a:hover i {
	transform: rotate(0);
}

.sis-blog-column .sis--f-letest-blog-item.sis-letest-blog-item .sisf-e-media-image a::before {
	background: transparent;
}

.sis--f-letest-blog-item .post-meta-list-after .meta-date::after {
	right: -15px;
	left: unset;
	background: var(--main-color);
}

.sis--f-letest-blog-item .sisf-e-content .post--cat:hover,
.sis--f-letest-blog-item .sisf-e-content .meta-date:hover,
.sis--f-letest-blog-item.sis-letest-blog-item .sisf-e-content .sisf-e-title-link:hover {
	color: var(--main-color) !important;
}

.sis--f-letest-blog-item .post-meta-list-after .meta-date i {
	color: var(--main-color);
}

/* =============================
        23. Video Section css
================================ */
.mfp-iframe-scaler {
	padding-top: 0px !important;
}

.mfp-iframe-holder {
	padding: 0px !important;
}

.sis-video-play-button.sisf-m-play-inner {
	position: absolute;
	top: 36%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	left: 52%;
	transform: translate(-46%, 0%);
	z-index: 3;
}

.sis-video-play-button .popup-video {
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .3);
	position: relative;
	background: var(--main-color);
	border-radius: 100%;
	width: 55px;
	height: 55px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sis-video-play-button a:before {
	content: '';
	position: absolute;
	top: -45%;
	left: -45%;
	width: 120%;
	height: 120%;
	border: 50px solid var(--white-color);
	border-radius: 50%;
	transform: scale(0.6);
	z-index: -1;
	animation: border-zooming 1.4s infinite linear;
}

.sis-video-play-button a:after {
	content: '';
	position: absolute;
	top: -45%;
	left: -45%;
	width: 120%;
	height: 120%;
	border: 50px solid var(--white-color);
	border-radius: 50%;
	transform: scale(0.6);
	z-index: -1;
	animation: border-zooming 1.4s infinite linear;
	animation-delay: .3s;
}

@keyframes border-zooming {
	100% {
		transform: scale(1);
		opacity: 0;
	}
}

.sis-video-play-button .popup-video span {
	font-size: 20px;
	line-height: 0;
	color: var(--secondary-color);
}

.sisf-sis-video-gallery-image {
	overflow: hidden;
	margin-bottom: 30px;
}

.sisf-sis-video-gallery-image .sis-video-play-button.sisf-m-play-inner {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform: translate(0%, 0%);
	opacity: 0;
	border-radius: 8px;
	transition: 0.4s ease-in-out;
	background: linear-gradient(360deg, var(--main-color) 0%, rgba(244, 196, 48, 0.2) 100%);

}

.popup-video.sis-primary-background {
	background: var(--primary-color);
}

.sisf-sis-video-gallery-image:hover .sis-video-play-button.sisf-m-play-inner {
	opacity: 1;
	transition: 0.4s ease-in-out;
}

.sisf-sis-video-gallery-image .sis-video-play-button a:after,
.sisf-sis-video-gallery-image .sis-video-play-button a:before {
	display: none;
}

/* =================================
        24. Inner Pages Banner Css
==================================== */
.sisf-banner {
	overflow: hidden;
	height: 300px;
}

.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;
	background: transparent;
}

.sisf-page-title .sisf-m-inner {
	transform: translateY(35%);
	text-align: center;
}

.sisf-page-title .sisf-m-title {
	font-size: 48px;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: 0px;
	color: var(--white-color);
	text-shadow: 0 4px 64px #000;
	font-style: normal;
	font-family: var(--heading-font);
	text-transform: none;
}

.sisf-breadcrumbs span {
	font-family: var(--default-font);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position: relative;
}

.sisf-breadcrumbs span i {
	font-size: 14px !important;
}

.sisf-breadcrumbs-link span {
	position: relative;
	transition: 0.3s ease-in-out;
}

.sisf-breadcrumbs-link span::after {
	content: "";
	width: 0%;
	height: 1px;
	background: var(--main-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;
	background: var(--main-color);
}

.sisf-breadcrumbs-link:hover span {
	color: var(--main-color) !important;
	transition: 0.3s ease-in-out;
}

/* ===============================
    25. Team Members Section Css
================================== */

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

.sisf-item-layout-info-from-bottom .sis-team-members-img img {
	border-radius: 12px;
	position: relative;
}

.sisf-item-layout-info-from-bottom .sisf-e-inner .sis-team-member-content {
	width: 100%;
}

.sisf-item-layout-info-from-bottom .image-with-icons {
	overflow: hidden;
}

.sisf-item-layout-info-from-bottom.page .sis-team-members-img img {
	aspect-ratio: 1 / 1.25;
	object-fit: cover;
}

.sisf-item-layout-info-from-bottom .sisf-m-social-icons,
.sisf-item-layout-info-from-bottom.page .sisf-social-icons {
	position: absolute;
	right: -20px;
	top: 70px;
	z-index: 2;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom:hover .sisf-m-social-icons,
.sisf-item-layout-info-from-bottom.page:hover .sisf-social-icons {
	right: 20px;
	opacity: 1;
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom .sisf-m-social-icons a {
	color: var(--main-color) !important;
	transition: 0.3s ease-in-out;
	width: 40px;
	height: 40px;
	min-width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	line-height: 0;
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom .sisf-m-social-icons a:hover {
	color: var(--main-color);
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom.page .sis-e-icon-link a {
	color: var(--primary-color) !important;
	transition: 0.3s ease-in-out;
	width: 45px;
	height: 45px;
	min-width: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	background-color: var(--white-color);
	transform: rotate(-45deg);
	line-height: 0;
	transition: 0.3s ease-in-out;
	border: 1px solid var(--white-color);
}

.sisf-item-layout-info-from-bottom.page .sis-e-icon-link a:hover {
	color: var(--main-color) !important;
	background-color: var(--primary-color);
	transform: rotate(0deg);
	transition: 0.3s ease-in-out;
	border: 1px solid var(--primary-color);
}

.sisf-item-layout-info-from-bottom .sisf-m-social-icons a i {
	line-height: 0;
	position: relative;
	top: 1px;
}

.sisf-item-layout-info-from-bottom.page .sis-team-member-content {
	position: absolute;
	padding: 20px;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.sisf-item-layout-info-from-bottom.bottom .sisf-m-social-icons {
	position: unset;
	opacity: 1;
}

.sisf-item-layout-info-from-bottom.bottom:hover .sisf-m-social-icons {
	bottom: 40px;
}

.sisf-item-layout-info-from-bottom.bottom .sisf-m-social-icons ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	line-height: 42px;
}

.sisf-item-layout-info-from-bottom.page .sis-team-member-content a,
.sisf-item-layout-info-from-bottom.page .sis-team-member-content p {
	color: var(--white-color) !important;
	transition: 0.4s ease-in-out;
}

.sisf-item-layout-info-from-bottom.page .sis-team-member-content p,
.sisf-item-layout-info-from-bottom.bottom .sis-team-member-content p {
	font-size: 14px;
}

.sisf-item-layout-info-from-bottom:hover .sis-team-member-content h2 a {
	color: var(--white-color);
	transition: 0.4s ease-in-out;
}

.sisf-item-layout-info-from-bottom .sis-team-member-content h2 a {
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.sisf-item-layout-info-from-bottom.bottom .sis-team-members-img {
	margin-bottom: 20px;
}

.sisf-item-layout-info-from-bottom.bottom .sisf-m-social-icons {
	margin-top: 20px;
}

.sisf-item-layout-info-from-bottom.bottom .sis-team-member-content h3 a,
.sisf-item-layout-info-from-bottom.bottom .sis-team-member-content p {
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.sisf-item-layout-info-from-bottom.bottom:hover .sis-team-member-content h3 a {
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sisf-item-layout-info-from-bottom.page .sis-team-members-img a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(26, 26, 26, 0) 36.02%, rgba(26, 26, 26, 0.8) 87.2%);

	z-index: 1;
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom.page.top .sis-team-members-img a::after {
	background: linear-gradient(180deg, rgba(235, 187, 13, 0) 44.53%, var(--primary-color) 100%);
}

.sisf-item-layout-info-from-bottom.page .sis-team-members-img:hover a::after {
	height: 100%;
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom.page .sis-team-member-content a,
.sisf-item-layout-info-from-bottom.page .sis-team-member-content p {
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.sisf-item-layout-info-from-bottom.page.top .sis-team-member-content a,
.sisf-item-layout-info-from-bottom.page.top .sis-team-member-content p,
.sisf-item-layout-info-from-bottom.on-text .sis-team-member-content p {
	color: var(--white-color);
	transition: 0.4s ease-in-out;
}

.sisf-item-layout-info-from-bottom .sis-team-member-content .social-icons a,
.sisf-item-layout-info-from-bottom.on-text .sis-team-member-content .social-icons a {
	color: var(--main-color) !important;
	background-color: transparent;
	border-color: transparent;
	font-size: 24px;
}

.sisf-item-layout-info-from-bottom .sisf-m-social-icons .social-icons,
.sisf-item-layout-info-from-bottom.on-text .sis-team-member-content .sisf-m-social-icons .social-icons {
	padding: 3px 12px 0 !important;
	background: rgba(244, 196, 48, 0.2);
	border: 1px solid rgba(244, 196, 48, 0.2);
	border-radius: 8px;
	display: flex;
	gap: 12px;
	width: fit-content;
}

.sisf-item-layout-info-from-bottom .sis-team-member-content,
.sisf-item-layout-info-from-bottom.on-text .sis-team-member-content {
	transition: 0.3s ease-in-out;
}

.sisf-item-layout-info-from-bottom:hover .sis-team-member-content,
.sisf-item-layout-info-from-bottom.on-text:hover .sis-team-member-content {
	bottom: 0;
}

.sisf-item-layout-info-from-bottom .sisf-m-social-icons,
.sisf-item-layout-info-from-bottom.on-text .sisf-m-social-icons {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 20px;
	margin-top: 20px;
	top: unset;
	right: unset;
}

.sisf-item-layout-info-from-bottom:hover .sisf-m-social-icons,
.sisf-item-layout-info-from-bottom.on-text:hover .sisf-m-social-icons {
	position: unset !important;

}

.sisf-item-layout-info-from-bottom.page.top:hover .sis-team-member-content a {
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sisf-item-layout-info-from-bottom.page.top .sis-e-icon-link a:hover {
	border: 1px solid var(--main-color);
}

.sisf-item-layout-info-from-bottom.sis-center .sis-team-member-content {
	position: absolute;
	padding: 20px;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
}

.sis-middel.sisf-item-layout-info-from-bottom.page .sisf-social-icons {
	left: 70px !important;
}

.sisf-item-layout-info-from-bottom.on-text .sis-team-member-content {
	position: absolute;
	left: 15px;
	bottom: 15px;
	padding: 15px;
	width: 90%;
	margin: 0 auto;
	border-radius: 12px;
}

.sisf-item-layout-info-from-bottom.on-text .sisf-e-inner {
	overflow: visible;
	margin-bottom: 30px;
}

.sisf-item-layout-info-from-bottom.page.on-text .sis-e-icon-link a:hover {
	background-color: var(--main-color);
	color: var(--primary-color) !important;
}

.sis-comman-bottom-line-text.sisf-sis-border-dark {
	padding: 4px 16px 4px 4px;
	width: fit-content;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 9999px;
}

.sisf-sis-team-member.sisf-sis-icon-with-text--hover .sis-team-members-img img {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	object-fit: cover;
	object-position: top;
	margin: auto;
	display: flex;
	position: relative;
	z-index: 2;
}

.sisf-sis-team-member.sisf-sis-icon-with-text--hover .sis-team-member-content {
	position: relative;
	z-index: 2;
	padding: 20px 0;
	text-align: center;
}

.sisf-sis-team-member.sisf-sis-icon-with-text--hover .sis-team-member-content .social-icons {
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 24px !important;
	gap: 10px;
	margin-top: 24px !important;
}

.sisf-sis-team-member.sisf-sis-icon-with-text--hover .sis-team-member-content .social-icons a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
	width: 34px;
	height: 34px;
	background: var(--secondary-color);
	border-radius: 20px;
	transition: all 0.4s ease-in-out;
}

.sisf-sis-team-member.sisf-sis-icon-with-text--hover .sis-team-member-content .social-icons a:hover {
	background: var(--main-color);
	transition: all 0.4s ease-in-out;
}

.sisf-sis-team-member.sisf-sis-icon-with-text--hover .sisf-e-inner:hover .sis-team-member-content .social-icons a {
	background: var(--primary-color);
	color: var(--white-color);
}

.sisf-sis-team-member.sisf-sis-icon-with-text--hover .sisf-e-inner:hover .sis-team-member-content .social-icons a:hover {
	background: var(--white-color);
	color: var(--primary-color);
}

.sisf-e-item-layout-info-from-bottom .sisf-m-social-icons a {
	color: var(--primary-color);
	transition: 0.3s ease-in-out;
	width: 40px;
	height: 40px;
	min-width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	background-color: var(--white-color);
	line-height: 0;
	transition: 0.3s ease-in-out;
	border: 1px solid var(--white-color);
}

.sisf-e-item-layout-info-from-bottom :hover .sisf-m-social-icons {
	right: 20px;
	opacity: 1;
	transition: 0.3s ease-in-out;
}

.sisf-e-item-layout-info-from-bottom .sisf-m-social-icons {
	position: absolute;
	right: -20px;
	top: 70px;
	z-index: 2;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.sisf-e-item-layout-info-from-bottom .sis-team-member-content {
	background: var(--secondary-color);
	border-radius: 0px 0px 20px 20px;
	padding: 20px;
}

.sisf-e-item-layout-info-from-bottom .sis-e-icon-link a {
	color: var(--main-color) !important;
	transition: 0.3s ease-in-out;
	width: 45px;
	height: 45px;
	min-width: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	background-color: var(--primary-color);
	transform: rotate(-45deg);
	line-height: 0;
	transition: 0.3s ease-in-out;
	border: 1px solid var(--primary-color);
}

.sisf-e-item-layout-info-from-bottom:hover .sis-e-icon-link a {
	background-color: var(--main-color);
	color: var(--primary-color) !important;
	border-color: var(--main-color);
	transition: 0.3s ease-in-out;
}

.sisf-e-item-layout-info-from-bottom .sis-e-icon-link a:hover {
	transform: rotate(-0deg);
}

.sisf-e-item-layout-info-from-bottom .sis-team-member-content p {
	color: var(--primary-color);
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: 0.4s ease-in-out;
}

.sisf--sis-team-member.sisf-sis-icon-with-text--hover .sis-team-members-img img {
	width: 100%;
	height: 100%;
	border-radius: 12px;
}

.sisf--sis-team-member .sisf-e-inner {
	padding: 8px;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 16px;
	margin-bottom: 30px;
}

.sisf--sis-team-member.sisf-e-item-layout-info-from-bottom .sis-team-member-content .contents-out {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sisf--sis-team-member.sisf-e-item-layout-info-from-bottom .sisf-m-social-icons a {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	color: var(--white-color) !important;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
}

.sisf--sis-team-member.sisf-sis-icon-with-text--hover .sis-team-member-content .social-icons {
	border-top: unset;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.sisf--sis-team-member.sisf-e-item-layout-info-from-bottom .sisf-m-social-icons a:hover {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	color: var(--white-color) !important;
}

.sisf--sis-team-member.sisf-e-item-layout-info-from-bottom .sisf-m-social-icons {
	position: unset;
	opacity: 1;
}

.sisf--sis-team-member.sisf-e-item-layout-info-from-bottom .sis-team-member-content {
	background: transparent;
	text-align: center;
}

/* =======================
    26. Blog Page Css
========================== */
.sisf-blog .sisf-blog-item {
	margin-bottom: 50px;
}

.sisf-blog .sisf-blog-item .sisf-e-content {
	padding: 0 15px 15px 15px;
}

.sisf-blog .sisf-blog-item .sisf-e-media-image {
	overflow: hidden;
}

.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-info--top-holder {
	margin-top: 20px;
}

.sisf-page .sisf-e-info {
	position: absolute;
	top: 20px;
	left: 20px;
	margin-top: 2px;
}

.sisf-page .sisf-e-info .post-cat {
	background: #F477211A;
	padding: 2px 8px;
}

.sisf-blog-standard-page .sisf-e-content .meta-date {
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
	font-family: var(--default-font);
	transition: 0.4s ease-in-out;
}

.sisf-blog-item .sisf-e-title-link {
	transition: 0.4s ease-in-out;
}

.sisf-blog-item .sisf-e-title-link:hover,
.sisf-blog-standard-page .sisf-e-content .meta-date:hover {
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sis-blog-listing-page .sisf-e-inner {
	display: flex;
	align-items: center;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.02);
	border-radius: 12px;
	border: 1px solid #00000033;
	overflow: hidden;
}

.sis-blog-listing-page .sisf-blog-item,
.sisf-blog-grid-item .sis-letest-blog-item,
.sisf-blog-grid-item .sisf-blog-item,
.sis-blog-column .sis-letest-blog-item {
	margin-bottom: 30px;
}

.sisf-blog-grid-item .sisf-blog-item .sisf-e-media-image img {
	aspect-ratio: 1 / 0.5;
	object-fit: cover;
}

.sisf-blog-grid-item .sisf-blog-item .sisf-e-content {
	padding: 0 20px 20px 20px;
}

.sisf-blog-grid-item .sisf-blog-item .sisf-e-content h2,
.sisf-blog-grid-item .sisf-blog-item .sisf-e-content p,
.sis-blog-column .sis-letest-blog-item .sisf-e-content p {
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 1 !important;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sis-blog-column .sis-letest-blog-item .sisf-e-media-image a::before {
	height: 100%;
	background: linear-gradient(180deg, rgba(26, 26, 26, 0) 36.02%, rgba(26, 26, 26, 0.9) 87.2%);

}

.sis-blog-column .sis-letest-blog-item .sisf-e-media-image img {
	aspect-ratio: unset;
}

.sis-blog-column .sis-letest-blog-item .sisf-e-content .sisf-e-info-icon {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 8px;
}

.sis-blog-listing-page .sisf-e-inner .sisf-e-media {
	width: 30% !important;
	margin-bottom: 0px;
}

.sis-blog-listing-page .sisf-e-inner .sisf-e-content {
	width: 70% !important;
	padding: 8px 24px !important;
}

.sis-blog-listing-page .sisf-e-inner .sisf-e-content .sisf-info--top {
	position: unset;
}

.sis-blog-listing-page .sisf-e-inner .sisf-e-content .sisf-e-excerpt {
	font-size: 16px;
}

.sis-blog-listing-page .sisf-e-inner .sisf-e-media-image {
	line-height: 0px;
}

.sis-blog-listing-page .sisf-e-inner .sisf-e-media-image img {
	aspect-ratio: 1 / 0.60;
	object-fit: cover;
}

.sis-blog-listing-page .sisf-e-content p {
	-webkit-line-clamp: 2 !important;
}

.sis-blog-listing-page .sisf-blog-item .sisf-e-content .post-cat {
	position: unset;
}

.sis-blog-inner-page .sis-letest-blog-item.left .sisf-e-media-image a::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100%;
	height: 100%;
	opacity: 1;
	background: linear-gradient(360deg, #0A0F44 0%, rgba(10, 15, 68, 0) 100%);
	z-index: 1;
	border-radius: 12px;
	transition: 0.6s ease-in-out;
}

.sis-blog-inner-page .sis-letest-blog-item {
	margin-bottom: 30px;
	overflow: hidden;
}

.sis-blog-inner-page .sis-letest-blog-item .sisf-e-media-image img {
	aspect-ratio: 1 / 0.5;
	object-fit: cover;
}

.sis-blog-column .sisf-blog-item {
	margin-bottom: 30px;
}

.sis-blog-column .sisf-blog-item .sisf-e-text p,
.sis-blog-column .sisf-blog-item .sisf-e-text h4 a {
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}


/******************************
       27. Blog Single css
 * ****************************/
.sisf-blog-single .sisf-e-bottom-holder .tag-links {
	font-size: 16px;
	font-weight: 500;
	color: var(--primary-color);
	display: inline-block;
}

.sisf-blog-single .sisf-e-bottom-holder .sisf-e-info.sisf-e-left a {
	padding: 6px 14px;
	border: 1px solid var(--primary-color);
	font-size: 16px;
	background-color: var(--primary-color);
	border-radius: 5px;
	font-style: normal;
	color: var(--white-color);
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0px;
	text-transform: none;
	transition: 0.5s ease-in-out;
}

.sisf-blog-single .sisf-e-bottom-holder .sisf-e-info.sisf-e-left a:hover {
	border: 1px solid var(--main-color);
	color: var(--primary-color);
	background-color: var(--main-color);
	transition: 0.5s ease-in-out;
}

.sisf-bottom-social-icons a {
	width: 30px;
	height: 30px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primary-color);
	transition: 0.5s ease-in-out;
}

.sisf-bottom-social-icons a:hover {
	color: var(--main-color);
	transition: 0.5s ease-in-out;
}

.sisf-blog .review_form .comment-notes {
	font-size: 16px;
}

.sisf-blog .comment-text .meta .review-author {
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 0px;
	text-transform: none;
	margin: -5px 0px 11px;
	color: var(--primary-color);
}

.sisf-blog .comment-text .meta .description p {
	font-size: 16px;
	color: var(--primary-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: 0px;
	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 #0000001A;
	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: 0px;
	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: 0px;
	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: 20px;
	line-height: 30px;
	font-family: var(--heading-font);
	font-weight: 700;
	color: var(--primary-color);
	margin-bottom: 10px;
}

.sisf-blog-item .sisf-e-media {
	margin-bottom: 20px;
}

.sisf-blog-item .sisf-e-content .sisf-e-info-date {
	color: var(--main-color);
	font-size: 16px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0px;
}

.sisf-blog-item .sisf-e-content .sisf-e-info-date a {
	font-weight: 500;
}

.blog-three-columns-page .letest-blog-item {
	margin-bottom: 30px;
}

.sisf-blog-item .sisf-e-content .sisf-e-title h2 {
	line-height: 32px;
}

.sisf-blog-item .sisf-e-content .sisf-e-title a {
	text-transform: none;
	color: var(--primary-color);
	letter-spacing: 0px;
	transition: 0.4s ease-in-out;
}

.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 {
	font-size: 38px;
}

.sisf-blog-single .marketing h5 {
	font-size: 20px;
	font-weight: 700;
	text-transform: none !important;
	font-family: var(--default-font);
}

.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: 20px;
	border: 1px solid transparent;
	list-style-type: none;
	border-radius: 4px;
}

.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;
}

.comments .commentlist .review-list .comment-text .info {
	border-radius: 0px;
}

.comment_container .sisf-e-image img {
	flex-shrink: 0;
	border-radius: 50px;
	width: 60px;
	min-width: 60px;
}

.review--form {
	border-top: 1px solid #0000001A;
	padding: 30px;
}

.review_form_box input[type="text"],
.review_form_box input[type="tel"],
.review_form_box textarea {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin: 0 0 20px;
	background-color: var(--secondary-color);
	border-radius: 8px;
	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: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	color: var(--primary-color) !important;
	letter-spacing: 0.7px;
	border: 1px solid #0000001A;
	padding: 15px 20px;
	font-family: inherit;
	box-shadow: none;
	transition: 0.3s ease-in-out;
}

input[type="text"]:focus,
.review_form_box input[type="tel"]:focus,
.review_form_box textarea:focus {
	border: 1px solid var(--main-color);
	transition: 0.3s ease-in-out;
}

.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: 15px;
	height: 15px;
	margin-top: .25em;
}

.sisf-detail-box {
	background: var(--main-color);
	border-radius: 12px;
	padding: 24px;
	overflow: hidden;
}

.sisf-detail-box .quote-image {
	position: absolute;
	top: 0;
	left: 0;
}

.sisf-e-icon-box.py-4 {
	border-top: 1px solid #0000001A;
	border-bottom: 1px solid #0000001A;
}

/* =======================
    28. Page Sidebar Css
========================== */
.sisf-page-sidebar {
	padding: 25px 0 0px 0;
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin-bottom: 30px;
	border-radius: 12px;
}

.sisf-page-sidebar .sidebar-widget {
	padding: 0px 25px 0px 25px;
}

.sidebar-separator .separator {
	border: 1px solid #0000001A;
	background-color: #0000001A;
	color: #0000001A;
	margin: 25px 0;

}

.sisf-page-sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sisf-search-form .sisf-search-form-inner {
	max-width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	padding: 8px 10px;
	border: 1px solid #0000001A;
	border-radius: 50px;
	background: var(--white-color);
}

.sisf-search-form .sisf-search-form-inner input {
	position: relative;
	border: none !important;
	outline: none;
	box-shadow: none;
	margin: 0;
	color: var(--primary-color);
}

.sisf-search-form .sisf-search-form-inner input:focus {
	border: none;
	outline: none;
	box-shadow: none;
}

.sisf-search-form .sisf-search-form-inner .sisf-search-form-button {
	position: absolute;
	top: 0px;
	right: 1px;
	width: 45px;
	height: 45px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: var(--main-color);
	border: 0;
	border-radius: 50px;
	color: var(--primary-color);
	margin-left: 1em;
}

.sisf-page-sidebar .sidebar-title {
	text-transform: uppercase;
	font-style: normal;
	position: relative;
	margin-bottom: 21px;
}

.sisf-page-sidebar ul li {
	margin: 0 0 10px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sisf-page-sidebar .sis-blog-categories-list-item a {
	transition: 0.4s ease-in-out;
}

.sisf-page-sidebar .sis-blog-categories-list-item:hover a {
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sisf-page-sidebar .sis-blog-categories-list-item a i {
	transform: rotate(0deg);
	transition: 0.4s ease-in-out;
}

.sisf-page-sidebar .sis-blog-categories-list-item:hover a i {
	transform: rotate(-45deg);
	transition: 0.4s 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 #0000001A;
}

.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: 20px;
}

.sidebar_content-list .content_list_widget li .sisf-image img {
	width: 125px;
	height: 125px;
	min-width: 125px;
	object-fit: cover;
	border-radius: 10px;
}

.sidebar_content-list .content_list_widget .sisf-blog-title {
	font-style: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 8px;
	font-family: inherit;
	text-transform: none;
}

.sisf-page-sidebar a {
	transition: 0.4s ease-in-out;
}

.sisf-page-sidebar a:hover {
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sisf-page-sidebar .sidebar-widget .content_list_widget .sisf-date .publish-date {
	font-size: 16px;
}

.sisf-social-links-widget .sisf-social-list li a {
	width: 40px;
	height: 40px;
	min-width: 40px;
	border-radius: 50px;
	border: 1px solid var(--main-color);
	background: var(--main-color);
	transform: translateY(0px);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primary-color);
	font-size: 18px;
	line-height: 0;
	opacity: 1;
	transition: 0.3s ease-in-out;
}

.sisf-social-links-widget .sisf-social-list li a:hover {
	background: var(--primary-color);
	border: 1px solid var(--primary-color);
	color: var(--main-color);
	transition: 0.3s ease-in-out;
}

/* ================================
    29. Service Detail Page Css
=================================== */
.sisf-sis-page-list,
.sisf-sis-page-contact-bottom {
	border-radius: 16px;
	margin-bottom: 30px;
	overflow: hidden;
}

.sisf-sis-page-list .sisf-sis-list-title {
	background: var(--main-color);
	margin-bottom: 20px;
	padding: 20px;
}

.sisf-sis-page-list .sisf-sis-list-item h4 {
	line-height: normal;
}

.sisf-sis-page-list .sisf-sis-list-item i {
	position: relative;
	top: 2px;
	transition: 0.4s ease-in-out;
	transform: rotate(-45deg);
}

.sisf-sis-page-list .sisf-sis-list-item {
	padding: 0 20px;
}

.sisf-sis-page-list .sisf-sis-list-item a {
	font-size: 16px;
	line-height: 24px;
	color: var(--white-color);
	transition: 0.4s ease-in-out;
	font-family: var(--default-font);
}

.sisf-sis-page-list .sisf-sis-list-item:hover a {
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sisf-sis-page-list .sisf-sis-list-item:hover i {
	transition: 0.4s ease-in-out;
	transform: rotate(0deg);
}


.sisf-sis-page-contact-bottom .sis-page-contact-content {
	position: absolute;
	padding: 25px;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.sisf-e-detail--page-content .sisf-sis-icon-count span {
	width: 56px;
	height: 56px;
	min-width: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--secondary-color);
	border: 1px solid #0000001A;
	border-radius: 8px;
	transition: 0.4s ease-in-out;
}

.sis-detail-page-list {
	padding-top: 24px;
	margin-top: 10px;
	border-top: 1px solid #0000001A;
}

.sis-e-content--inner {
	margin-bottom: 50px;
}

.sisf-sis-page-list .sis-item {
	padding: 20px;
	border-bottom: 1px solid #FFFFFF1A;
}

.sisf-sis-page-list.sis-comman-background.my-4 ul {
	padding: 20px !important;
}

.sisf-sis-page-contact-bottom .sisf-sis-contact-information .sisf-contact-box .sisf-icon a {
	background-color: var(--main-color);
	color: var(--primary-color);
}

.sisf-sis-page-contact-bottom .sisf-sis-contact-information .sisf-contact-box:hover .sisf-icon a {
	background-color: var(--white-color);
}

.sisf-sis-page-contact-bottom .sisf-sis-contact-information .sisf-contact-box:hover .sis-title,
.sisf-sis-page-contact-bottom .sisf-sis-contact-information .sisf-contact-box:hover a {
	color: var(--main-color);
}

.sisf-sis-icon-with-text--hover.sis-detail .sisf-e-inner {
	overflow: hidden;
	border: 1px solid #00000033;
	margin-bottom: 30px;
}

.sisf-sis-icon-with-text--hover.sis-detail .sisf-e-inner h2 {
	transition: all 0.4s ease-in-out;
}

.sisf-sis-icon-with-text--hover.sis-detail .sisf-e-inner {
	font-size: 15px;
}

.sisf-sis-icon-with-text--hover.sis-detail .sisf-e-inner:hover h2 {
	color: var(--primary-color);
	transition: all 0.4s ease-in-out;
}

.sisf-sis-icon-with-text--hover.sis-detail .sisf-icon-image {
	position: relative;
	z-index: 2;
}

.sisf-e-detail-image-left img {
	aspect-ratio: 1 / 0.9;
	object-fit: cover;
}

.sisf-e-detail--page-content::before {
	content: "";
	position: absolute;
	top: 25px;
	left: 27px;
	width: 1px;
	height: 100%;
	border-left: 1px dashed #00000033;
}

.sisf-e-detail--page-content:last-child::before {
	display: none;
}

.sis-e-detail-inner-top {
	overflow: hidden;
}

.sis-e-content--inner .sisf-faq-accordian .accordion-button.collapsed {
	background-color: var(--secondary-color);
}

.sisf-sis-information-contents .sis-e-icon span {
	width: 56px;
	height: 56px;
	min-width: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.4s ease-in-out;
	background-color: var(--main-color);
	border-radius: 100%;
	color: var(--primary-color);
	font-size: 20px;
	border: 1px solid var(--main-color);
}

.sisf-sis-information-contents .sisf-e-inner:hover .sis-e-icon span {
	transition: 0.4s ease-in-out;
	background-color: var(--white-color);
	border-radius: 100%;
	color: var(--main-color);
}

.sisf-sis-information-contents .sisf-e-inner .sis-e-content span {
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.sisf-sis-information-contents .sisf-e-inner:hover .sis-e-content span {
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sis-e-detail--page-content .sisf-sis-icon-image {
	width: 56px;
	height: 56px;
	min-width: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--main-color);
	border-radius: 50px;
	transition: 0.4s ease-in-out;
}

.sis-e-detail--page-content .sisf-e-inner:hover .sisf-sis-icon-image {
	background-color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.sis-e-detail--page-content .sisf-sis-icon-image img {
	filter: none;
	transition: 0.4 ease-in-out;
}

.sis-e-detail--page-content:hover .sisf-sis-icon-image img {
	filter: brightness(0) invert(1);
	transition: 0.4 ease-in-out;
}

.sis-service-detail-page-image .sis-e-icon-spin {
	position: absolute;
	top: 12%;
	right: -30%;
	z-index: 2;
}

.sis-service-detail-listing .sisf-sis-section-title {
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sis-e-content--inner .sis-comman-bottom-line-text {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 20px;
	margin-top: 20px;
}

.sis-e-content--inner .sis-comman-bottom-line-text.sisf-border {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 50px;
	padding: 8px 12px;
}

.sis-e-detail--page-content.mb-3 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 34px;
	margin-bottom: 34px !important;
}

.sisf-detail-border {
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 30px;
}

/* =============================
    30. Team Detail Page Css
================================ */
.sis-detail-page-contact-info-list .sisf-page-list-item {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #0000001A;
}

.sis-detail-page-member-image img {
	aspect-ratio: 1 / 1.6;
	object-fit: cover;
}

.sis-e-detail-inner-top.sis-comman-bg.radius {
	overflow: hidden;
	padding-right: 20px;
}

.sis-detail-page-contact-info-list .sisf-page-list-item .sis-icon {
	width: 160px;
}

.sis-detail-page-contact-info-list .sisf-page-list-item .sis-text {
	font-weight: 600;
}

.sis-detail-page-contact-info-list .sisf-page-list-item p {
	color: var(--primary-color);
}

.sis-m-page-list-contents .sisf-m-text-title p,
.sis-m-page-list-contents ul li {
	color: var(--primary-color);
}

.sis-e-content--inner .sis-e-bottom-counter {
	padding: 25px;
	background-color: var(--primary-color);
	border-radius: 16px;
}

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

.sis-skillbar .sis-skill-data {
	display: flex;
	justify-content: space-between;
}

.sis-skillbar .sis-skill-data .sis-skill-title {
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
}

.sis-skillbar .sis-skill-data .sis-skill-title {
	font-size: 16px;
	text-transform: none;
	line-height: 27px;
	letter-spacing: 0;
	margin-bottom: 20px;
	color: var(--primary-color);
}

.sis-skillbar .sis-skill-data .sis-skill-no {
	font-size: 16px;
	font-weight: 700;
	line-height: 27px;
	color: var(--primary-color);
}

.sis-skillbar .sis-skill-progress {
	width: 100%;
	height: 10px;
	background-color: var(--white-color);
	border-radius: 99px;
	position: relative;
	border: none;
	padding: 0px !important;
	display: flex;
	align-items: center;
}

.sisf-progressbar .sis-skillbar .sis-skill-progress {
	background-color: var(--secondary-color);
}

.sis-skillbar .sis-skill-progress .sis-count-bar {
	position: absolute;
	height: 10px;
	background-color: var(--main-color);
	border-radius: 50px;
}

.sis-detail-page-bottom-form {
	padding-top: 50px;
	border-top: 1px solid #0000001A;
}

.sis-e-content--inner .sis-skillbar .sis-skill-data .sis-skill-title {
	margin-bottom: 7px;
}

.sis-e-content--inner .sis-e-bottom-counter .sis-counter-title span {
	font-size: 26px;
	line-height: 36px;
}

/******************************
       31. Landing Page css
 * ****************************/
.sis-landing-page-banner {
	background-image: radial-gradient(at bottom center, var(--main-color) -80%, var(--primary-color) 79%);
	width: 100%;
	height: 1050px;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 2;
}

.sisf-skin--light.landing {
	border-bottom: 1px solid #FFFFFF33 !important;
}

.sisf-top-text .sisf-top-text-list {
	background-color: rgba(244, 196, 48, 0.2);
	padding: 5px 16px 5px 10px;
	border-radius: 100px 100px 100px 100px;
	display: inline-block;

}

.sis-landing-right-image {
	margin-right: -75px;
}

.sis-landing-page-banner .sisf-page-title::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	opacity: 100%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.sis-landing-page-banner .sis-section-title h1 {
	font-size: 48px;
	line-height: 58px;
	font-weight: 700;
}

.sis-landing-page-banner .sisf-m-inner {
	position: relative;
	z-index: 2;
}

.sisf-sis-site-info-list .list-info-item {
	margin-right: 20px;
}

.sisf-sis-site-info-list .list-info-item span {
	display: inline-block;
	width: 24px;
	min-width: 24px;
	margin-right: 10px;
}

.sis-scroll-container.pt-5 {
	padding-top: 70px !important;
	margin-top: -70px;
}

.star {
	font-size: 24px;
}

.sis-scroll-container.sis-landing {
	background: var(--main-color);
	padding: 24px 0;
}

.sis-scroll-container.sis--landing .sis-contents span {
	color: var(--white-color) !important;
}

.sis-scroll-container.sis-landing .sis-contents span {
	font-size: 26px;
	line-height: 36px;
	font-weight: 700;
	color: var(--primary-color);
	-webkit-text-stroke: 0px var(--primary-color);
}

.sisf-sis-heading-title span {
	-webkit-text-stroke: 1px var(--primary-color);
	text-transform: uppercase;
	color: transparent;
	mask-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 100%);
}

.sisf-sis-heading-title {
	margin-bottom: -30px !important;
}

.information-section {
	padding: 30px 0;
}

.information-section .box-image {
	width: 60px;
}

.information-section .sisf-e-content h4 {
	margin-bottom: 15px;
	transition: 0.4s ease-in-out;
}

.information-section .sisf-e-content p {
	transition: 0.4s ease-in-out;
}

.information-section .sisf-e-inner:hover .sisf-e-content p,
.information-section .sisf-e-inner:hover .sisf-e-content h4 {
	transition: 0.4s ease-in-out;
	color: var(--main-color);
}

.landing-banner .section-title h2 {
	font-size: 43px;
}

.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;
}

.landing-page-counter {
	margin-bottom: -50px;
}

.landing-page-counter span {
	color: var(--primary-color);
	font-size: 100px !important;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0px;
	font-family: var(--heading-font);
}

.sisf-images--box {
	text-align: center;
	margin-bottom: 30px;
}

.sisf-images--box .sis-img {
	transform: translateY(0px);
	transition: 0.4s ease-in-out;
}

.sisf-images--box:hover .sis-img {
	transform: translateY(-10px);
	transition: 0.4s ease-in-out;
}

.sisf-images--box a {
	transition: 0.4s ease-in-out;
}

.sisf-images--box a:hover {
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.sisf-user-experience {
	background: var(--main-color);
	padding: 25px;
	border-radius: 10px;
	overflow: hidden;
}

.sisf-user-experience .sis-counter-item .sis-counter-title span {
	font-size: 64px;
	line-height: 80px;
	font-weight: 800;
}

.sisf-layer-group span {
	font-size: 122px;
	color: #FFFFFF42;
	position: absolute;
	top: -10px;
	left: -30px;
}

.sis-design-and-experience-part {
	padding-top: 70px;
}

.sis-design-and-experience-part h3 {
	font-size: 26px;
	line-height: 36px;
}

.sisf-power-elite-col {
	background-image: url("../images/author-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-color: var(--primary-color);
	padding: 25px;
	border-radius: 10px;
}

.sisf-power-elite-col .sisf-image-icon {
	width: 133px;
	min-width: 133px;
	margin-right: 25px;
}

.sisf-power-elite-col .sisf-ratings {
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50px;
	width: 40%;
	margin: 0 auto;
}

.sisf-landing-icon-image-with-text-part {
	background: var(--primary-color);
	margin-top: 30px;
	padding: 25px 10px;
	border-radius: 10px;
	overflow: hidden;
}

.sisf-landing-icon-image-with-text-part h4 {
	font-size: 22px;
}

.sis-kickstart-your-website {
	background-image: url("../images/lines-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 60px;
	border-radius: 20px;
	overflow: hidden;
	background-color: var(--primary-color);
	margin-top: 70px;
}

.sis-kickstart-your-website .sisf-sis-bottom-right-image img {
	aspect-ratio: unset;
}

.sisf-devices-experience {
	background-image: url("../images/bg-lines.png");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 60px;
	border-radius: 20px;
	overflow: hidden;
}

.sisf-devices-icon span {
	font-size: 100px;
	color: var(--primary-color);
}

.sisf-steps-icon-with-text .sisf-steps-image img {
	width: 56px;
	height: 88px;
}

.sisf-landing-icon-with-text {
	display: flex;
	align-items: center;
}

.sis-scroll-container.sisf-landing {
	background-color: transparent;
	margin-top: 0px;
}

.sisf-icon-box .sisf-m-title,
.sisf-images-box .title h5 {
	font-family: var(--default-font);
	font-size: 18px;
	font-weight: 600;
}

.footer-copyright.sis-landing {
	background-color: var(--main-color);
	margin-top: -50px;
	position: relative;
	z-index: 2;
}

.footer-copyright.sis-landing .footer-copyright-text p {
	font-size: 18px;
}

.sis-footer-content.sisf-m-landing {
	margin-top: -70px;
}

.sisf-steps-part::before {
	content: '';
	width: 100%;
	position: absolute;
	border-top: 1px dashed #ffffff1a;
	height: 1px;
	left: 0px;
	top: 28px;
	z-index: 1;
}

.sisf-steps-part .sisf-steps-icon-with-text {
	position: relative;
	z-index: 2;
}

.sis-launch-your-website-section {
	margin-top: 70px;
}

.sisf-landing-header-top {
    border-bottom: 1px solid #FFFFFF1A;
}

.sisf-landing-header-top .sis-offered-period-content p {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 18px;
}

.sisf-landing-header-top .sis-offered-period-content p .sis-fire {
	margin-top: -3px;
}

.sis-e-inner-right .sisf-arrow-left-side {
	width: 130px;
    transform: rotate(180deg);
    margin-bottom: -20px;
}

.sis-e-inner-right .sisf-arrow-left-side .sis-arrow {
    filter: brightness(0) invert(1);
}

.sis-e-inner-right .sisf-m-button .sis-btn-default {
    animation: zoom3d 4s ease-in-out infinite;
    transform-style: preserve-3d;
    will-change: transform;
}

@keyframes zoom3d {
    0%, 40% {
        transform: perspective(1000px) translateZ(0) scale(1) rotateX(0deg);
    }

    50% {
        transform: perspective(1000px) translateZ(5px) scale(1.03) rotateX(-2deg);
    }

    60% {
        transform: perspective(1000px) translateZ(10px) scale(1.09) rotateX(0deg);
    }

    70% {
        transform: perspective(1000px) translateZ(5px) scale(1.03) rotateX(2deg);
    }

    80%, 100% {
        transform: perspective(1000px) translateZ(0) scale(1) rotateX(0deg);
    }
}

/* =======================
        32. Footer Css
========================== */
.sisf-page-footer-middle-area {
	position: relative;
	z-index: 1;
	padding: 40px 0 30px 0;
	border-top: 1px solid #FFFFFF1A;
	border-bottom: 1px solid #FFFFFF1A;
}

.sisf-page-footer-top-area-inner {
	padding-bottom: 70px;
}

.sisf-page-footer-middle-area .sis-m-text p {
	color: var(--primary-color);
	text-align: justify;
}

.subscribe-newsletter-form .form-group {
	background-color: #EBBB0D33;
	border: 1px solid #FFFFFF1A;
	border-radius: 50px;
	padding: 4px 3px 3px 20px;
	width: 75%;
}

.sisf-page-footer-middle-area .subscribe-newsletter-form input {
	background: transparent;
	border: none;
	padding: 0px 0px 0 15px;
	color: var(--white-color);
	font-weight: 700;
	margin-bottom: 0;
	box-shadow: none;
	padding: 0;
}

.subscribe-newsletter-form .form-group.bg-white.w-100 input {
	color: var(--primary-color);
}

.subscribe-newsletter-form .form-group.bg-white.w-100 input,
.subscribe-newsletter-form .form-group.bg-white.w-100 input:focus,
.subscribe-newsletter-form .form-group.bg-white.w-100 input::placeholder {
	color: var(--primary-color);
}

.subscribe-newsletter-form input:focus,
.subscribe-newsletter-form input::placeholder {
	color: var(--white-color);
	box-shadow: none;
}

.subscribe-newsletter-form span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	min-width: 40px;
	color: var(--primary-color);
	background: var(--main-color);
	cursor: pointer;
	border-radius: 50px;
}

.subscribe-newsletter-form span i {
	transform: rotate(-45deg);
}

.footer-links h3,
.footer-contact h3 {
	margin-top: 0;
	margin-bottom: 25px;
	color: var(--primary-color);
	font-size: 20px;
	font-style: normal;
	font-family: var(--default-font);
	text-transform: none;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 0;
}

.footer-links ul {
	padding-left: 23px;
	margin-bottom: 0px;
}

.footer-links ul li {
	margin-bottom: 8px;
	transition: all 0.4s ease-in-out;
}

.footer-links ul li:hover {
	padding-left: 10px;
	transition: all 0.4s ease-in-out;
}

.footer-links ul li a,
.footer-links ul li::marker {
	color: var(--primary-color);
	transition: all 0.4s ease-in-out;
}

.footer-links ul li:hover a {
	color: var(--main-color) !important;
}

.footer-links.page ul li::marker {
	color: var(--white-color);
	font-size: 20px;
	transition: 0.4s ease-in-out;
}

.footer-links.page ul li:hover::marker {
	color: var(--main-color);
	transition: 0.4s ease-in-out;
}

.footer-social-icons-link li a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	gap: 15px;
	color: var(--main-color);
	margin-bottom: 10px;
	transition: 0.4s ease-in-out;
	width: 40px;
	height: 40px;
	background: var(--white-color);
	border-radius: 50px;
}

.footer-social-icons-link li a:hover {
	background: var(--main-color);
	transition: 0.4s ease-in-out;
}

.footer-social-icons-link li a:hover i {
	transition: 0.4s ease-in-out;
}

.footer-social-icons-link i {
	font-size: 16px;
	justify-content: center;
	color: var(--primary-color);
	transition: 0.4s ease-in-out;
}

.footer-social-icons-link.page i {
	line-height: normal;
}

.sisf-page-footer-bottom-area .footer-copyright-text p,
.sisf-page-footer-bottom-area .footer-privacy-policy a {
	color: var(--primary-color);
	font-weight: 500;
}

.sis-scroll-container.sisf-page {
	background-color: transparent;
	padding: 0;
}

.sis-footer-content {
	margin-top: -45px;
}

.sis-footer-content span {
	font-family: var(--heading-font);
	font-size: 180px;
	font-weight: 900;
	line-height: normal;
	text-transform: none;
	transition: 0.4s ease-in-out;
	background: linear-gradient(180deg, #FEFEE612 20.02%, #EBBB0D00 148.81%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-text-stroke-color: rgba(255, 255, 255, 0.05);
	-webkit-text-stroke-width: 1.5px;
}

.sisf-page-footer-bottom-area {
	position: relative;
	z-index: 1;
}

.sisf-page-footer-bottom-area .sis-scroll-container .sis-scroll-content {
	animation: scrollX 65s linear infinite;
}

.sisf-footer-top {
	padding-bottom: 70px;
}

.sisf-sis-footer-background {
	background-image: url(../images/footer-imag.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.sisf-page-footer-inner-area.sisf-sis-footer-background .sisf-page-footer-middle-area {
	border-color: transparent !important;
}

.sisf-page-footer-inner-area.sisf-sis-footer-background .footer-social-icons-link li a {
	background-color: transparent;
	width: unset;
	height: auto;
}

.sisf-page-footer-inner-area.sisf-sis-footer-background .footer-social-icons-link li a i {
	color: var(--main-color) !important;

}

.sisf--page-footer-bottom-area {
	background-image: url(../images/footer-image-1.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 120% auto;
}

.sisf--footer-social-icons-link.footer-social-icons-link li a {
	background: var(--main-color);
	color: var(--primary-color);
	border: 1px solid var(--main-color);
}

.sisf--footer-social-icons-link.footer-social-icons-link li a:hover {
	background: var(--white-color);
	color: var(--main-color);
	border-color: var(--main-color);
}

.subscribe--newsletter-form span {
	color: var(--white-color);
	border-radius: 8px;
}

.subscribe--newsletter-form .form-group {
	background: var(--primary-color);
	border: 1px solid #515967;
	backdrop-filter: blur(25px);
	border-radius: 8px;
}

.sisf-footer-top.d-flex.align-items-center {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.sisf-page-footer-inner-area.sis-primary-background .sisf-page-footer-middle-area.border-0 .footer-links ul {
	list-style: none !important;
	padding-left: 0;
}

/************************************/
/***    33. 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);
	}

	.startup-plateform {
		margin-top: -3px;
	}
}

@media only screen and (max-width: 1366px) {
	.sisf--standerd-header .sis-header-top {
		padding: 10px 0px !important;
	}

	.sisf-divided-header-right-wrapper {
		margin: 0 0 0 15px;
	}

	.sisf-divided-header-left-wrapper {
		margin: 0 15px 0 0;
	}

	.sis-main-menu ul li a {
		padding: 0px 10px !important;
	}

	.sis-btn-default {
		padding: 3px 3px 3px 15px;
	}

	.sis-header-top {
		padding: 10px 0;
	}

	.sisf-sis-contact-background-left {
		aspect-ratio: 1 / 1.06;
	}
}

@media only screen and (max-width: 1199px) {

	html,
	body {
		font-size: 16px;
	}

	.sis-main-menu ul li a {
		font-size: 14px;
		padding: 0px 10px !important;
	}

	.sis-header-top {
		padding: 10px;
	}

	.sis-main-header .sis-header-sticky.active .navbar-brand img {
		width: auto;
		height: auto;
	}

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

	.sisf-centered-header-wrapper.sisf--header {
		width: 100%;
	}

	.sisf-skin--dark .container,
	.sisf-skin--light .container {
		display: flex;
		align-items: center;
		justify-content: space-between !important;
	}

	.sis-section-title {
		margin-bottom: 30px;
	}

	.sis-section-title h1 {
		font-size: 30px;
		line-height: normal;
	}

	.sis-section-title h2 {
		font-size: 30px;
		line-height: normal;
	}

	.sis-section-title .sisf-m-subtitle {
		font-size: 14px;
	}

	.home-page .hero-slider-layout .hero-slide {
		min-height: 730px;
	}

	.sisf-page-title .sisf-m-title {
		font-size: 30px;
		line-height: normal;
	}

	.navbar.navbar-expand-lg {
		margin: 0px !important;
	}

	.sis-btn-default {
		font-size: 14px;
	}

	.sis-hero.hero-slider .hero-slider-layout {
		padding-top: 0;
	}

	.sis-footer-content span {
		font-size: 50px;
		line-height: normal;
	}

	.sisf-page-footer-middle-area {
		padding: 25px 0;
	}

	.subscribe-newsletter-form .form-group {
		width: 100%;
		margin-bottom: 24px;
	}

	.subscribe-newsletter-form span {
		width: 30px;
		height: 30px;
		min-width: 30px;
	}

	.sis-e-content--inner {
		margin-bottom: 30px;
	}

	.sis-testimonial--section {
		margin-top: 30px;
	}

	.sis-landing-page-banner {
		height: 1000px;
	}

	.sisf-page--title.h-100 {
		align-items: center !important;
	}

	.sisf-sis-heading-title {
		margin-bottom: -25px !important;
	}

	.sisf-power-elite-col .sisf-ratings {
		width: 60%;
	}

	.sis-counter-item .sis-counter-title span {
		font-size: 35px;
		line-height: normal;
	}

	.footer-copyright.sis-landing {
		margin-top: 0px;
	}

	.sisf-devices-experience {
		padding: 35px;
	}

	.sisf-devices-icon span {
		font-size: 50px;
	}

	.sisf-home-page .hero-slider-layout .hero-slide {
		min-height: 550px;
	}

	h4 {
		font-size: 20px;
	}

	.sis-testimonial-guard-image-left img {
		aspect-ratio: unset;
	}

	.sisf-page-footer-bottom-area.page {
		margin-top: 0px;
	}

	.sis-launch-your-website-section,
	.sis-kickstart-your-website {
		margin-top: 30px;
	}

	.sis-scroll-content .sis-contents span {
		font-size: 35px;
	}

	.sis-letest-blog-item .sisf-e-content .sisf-e-title-link {
		font-size: 18px;
		line-height: normal;
	}

	.sis-letest-blog-item.right .sisf-e-media-holder img {
		width: 180px;
		height: 165px;
		min-width: 180px;
	}

	.sis-outlined-btn {
		font-size: 14px;
	}

	.sis-letest-blog-item .sisf-e-info-item a,
	.sis-letest-blog-item .post-cat,
	.sisf-blog-item .post-cat {
		font-size: 14px;
		padding: 4px 8px;
	}

	.sisf-page-footer-bottom-area .footer-copyright {
		margin-top: 0px;
	}

	.sis-video-page .hero-slider-layout .hero-slide {
		min-height: 600px;
	}

	.sis-detail-page-contact-info-list .sisf-page-list-item {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.sis-detail-page-member-image img {
		aspect-ratio: 1 / 1.8;
	}

	.sisf-sis-page-contact-bottom .sis-service-contact-content .sis-service-contact-title h4,
	.sisf-sis-page-contact-bottom .sis-page-contact-content .sis-page-contact-title h4 {
		font-size: 30px;
		line-height: normal;
	}

	.sisf-sis-page-list .sis-item {
		padding: 10px;
	}

	.sisf-sis-pricing-table .sis-e-icon-spin {
		top: -55px;
		width: 100px;
	}

	.sisf-top-bar-widget.d-flex.align-items-center.gap-4 {
		gap: 10px !important;
	}

	.sis-hero.hero-slider .hero-slider-layout .hero-slide .hero-content {
		padding: 10px 0 0 0;
	}

	.sis-btn-default {
		font-size: 11px;
	}

	.sis-btn-default i {
		font-size: 11px !important;
	}

	.sis-e-icon-spin {
		width: 100px;
	}

	.sis-landing-page-banner .sis-section-title h1 {
		font-size: 35px;
		line-height: normal;
	}

	.sis-hero-right-image img.w-100 {
		aspect-ratio: unset;
	}

	.testimonial-right.page .sisf-e-inner .star {
		font-size: 20px;
	}

	.slicknav_btn {
		background-color: var(--primary-color);
	}

	.sis-bottom-contents .sisf-e-inner {
		margin-top: 20px;
		width: 70%;
	}

	.sis-contact .sis-e-icon-spin {
		top: -50px;
	}

	.sis-benefit-image-center .sis-e-icon-spin {
		top: 30%;
		left: 20%;
	}

	.sis-advantage-image-center {
		margin-top: -250px;
	}

	.sis-service-detail-page-image .sis-e-icon-spin {
		top: 25%;
		right: -22%;
	}

	.testimonial-right.page .sisf-e-inner {
		aspect-ratio: 0/1.13;
	}

	.sisf-hero2-bottom {
		padding-top: 30px;
	}

	.sisf--f-hero-bottom {
		padding-top: 20px;
	}
}

@media only screen and (max-width: 1024px) {
	.sis-header-top {
		display: none;
	}

	.sisf-divided-header-left-wrapper,
	.sisf-divided-header-right-wrapper {
		display: none !important;
	}

	.sisf-main-header .in-mobile {
		display: none !important;
	}

	.container.px-2 {
		padding: 0 15px !important;
	}

	.sisf-main-header,
	#sisf-page-header-inner {
		position: relative;
		height: auto;
		margin-top: 0px;
	}

	#sisf-page-header-inner {
		background-color: var(--secondary-color);
	}

	.sisf-skin--dark .navbar-brand.mobile-none,
	.sisf-skin--light .navbar-brand.mobile-none {
		display: none !important;
	}

	.sisf-skin--dark .navbar-brand.mobile-block,
	.sisf-skin--light .navbar-brand.mobile-block {
		display: block !important;
	}

	.sisf-skin--dark .container,
	.sisf-skin--light .container {
		display: flex;
		align-items: center;
		justify-content: space-between !important;
	}

	.slicknav_nav .nav-item {
		border-bottom: 1px solid var(--white-color);
	}

	.section,
	.sisf-section {
		padding: 30px 0;
	}

	.navbar-brand.mobile-block {
		padding: 0;
	}

	.sisf-centered-header-wrapper {
		display: none !important;
	}

	.navbar {
		padding: 20px 0px;
	}

	.sis-btn-default {
		font-size: 14px;
		padding: 3px 3px 3px 15px;
	}

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

	.responsive-menu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		width: auto;
	}

	.sisf-cursor {
		display: none;
	}

	.sis-video-play-button a:after,
	.sis-video-play-button a:before {
		top: -20%;
		left: -20%;
		width: 130%;
		height: 130%;
	}

	.sis-logo-slider {
		margin-top: 30px;
	}

	.social-icons-link ul li a {
		font-size: 16px;
	}

	.sisf-skin--dark.sisf-page {
		padding: 10px 0 !important;
	}

	.sisf-banner {
		margin-top: 0px;
	}

	.sis-footer-content.sisf-m-landing {
		margin-top: -20px;
	}

	.slicknav_menu {
		position: fixed;
		top: 70px;
		left: 0;
		width: 100%;
		overflow: hidden;
		padding: 0;
		border-radius: 0;
	}

	.sisf-main-header.sisf-standerd-header.sis-br-radius .slicknav_menu {
		padding: 0 15px;
	}

	.slicknav_nav {
		height: 100%;
		-webkit-overflow-scrolling: touch;
	}

	.slicknav_nav ul {
		overflow: visible;
	}

	body.mobile-menu-open .slicknav_nav {
		height: calc(100vh - 60px);
		overflow-y: auto;
		padding-bottom: 80px;
	}

	.sisf-about-image-right.mb-3 img {
		aspect-ratio: 1 / 0.7;
		object-fit: cover;
	}

	.sisf-header-logo-link.navbar-brand {
		border: unset;
	}

	.sisf-skin--light.sis-primary-background {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.sis-watch-our-section .sis-video-play-button a:after,
	.sis-watch-our-section .sis-video-play-button a:before {
		top: -42%;
		left: -42%;
	}

	.sisf-hm-video .sis-video-play-button {
		top: 37% !important;
		left: 47% !important;
	}

	.sisf-hm-video .sis-video-play-button a:after,
	.sisf-hm-video .sis-video-play-button a:before {
		top: -45%;
		left: -45%;
	}

	.sisf-hm-hero-slider.home-slider .hero-slider-layout .hero-slide {
		min-height: 700px;
	}

	#sisf-page-header-inner.sisf--f-header-inner {
		background-color: var(--main-color);
	}

	.sisf-e-video .sis-video-play-button a:after,
	.sisf-e-video .sis-video-play-button a:before {
		top: -42%;
		left: -42%;
	}
}

@media only screen and (max-width: 991px) {

	.sis-main-header .sis-header-sticky.active .navbar-brand img {
		width: auto;
		height: auto;
	}

	#sisf-page-header-inner {
		padding: 10px 0;
		background-color: var(--secondary-color);
	}

	.slicknav_btn {
		background-color: var(--primary-color);
	}

	br {
		display: none;
	}

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

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

	.sisf-main-header .in-mobile {
		display: none !important;
	}

	.sisf-skin--dark .container,
	.sisf-skin--light .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.sisf-skin--dark .navbar-brand.mobile-none,
	.sisf-skin--light .navbar-brand.mobile-none {
		display: none !important;
	}

	.sisf-skin--dark .navbar-brand.mobile-block,
	.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-skin--dark .container-fluid {
		padding-top: 0px;
	}

	.sisf-skin--dark .container,
	.sisf-skin--light .container {
		display: flex;
		align-items: center;
		justify-content: space-between !important;
	}

	.sisf-skin--dark.sisf-page .container-fluid,
	.sisf-skin--light.sisf-page .container-fluid {
		justify-content: space-between;
	}

	.sisf-header-logo-link.navbar-brand {
		display: flex !important;
		align-items: center;
	}

	.sisf-centered-header-wrapper {
		display: none !important;
	}

	.header-btn .sis-btn-default {
		display: none;
	}

	.home-page .hero-slider-layout .hero-slide {
		min-height: 600px;
	}

	.sis-hero.hero-slider .hero-slider-layout .hero-slide .hero-content {
		top: 0px;
		margin-top: 25px;
	}

	.sis-hero-right-image {
		margin: 0;
	}

	.sis-counter-item .sis-counter-title span {
		font-size: 30px;
		line-height: normal;
	}

	.sis-section-title {
		margin-bottom: 25px;
	}

	.sis-section-title h1 {
		font-size: 25px;
		line-height: 35px;
		margin-bottom: 25px;
	}

	.sis-section-title h2 {
		font-size: 25px;
		line-height: normal;
	}

	.sis-section-title .sisf-m-subtitle {
		font-size: 14px;
		margin-bottom: 10px;
		padding: 5px 10px;
	}

	.sisf-sis-heading-title {
		margin-bottom: 0px !important;
	}

	.sisf-rating-image img {
		width: 150px;
	}

	.sis-how-we-section.sisf--comman-bg-light .sisf-rating-image img {
		width: fit-content;
	}

	.sisf-sis-pricing-table .sisf-m-price .sisf-m-price-wrapper {
		font-size: 25px;
		line-height: normal;
	}

	.sisf-sis-pricing-table {
		padding: 10px;
		aspect-ratio: unset;
	}

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

	.sis-scroll-content .sis-contents span {
		font-size: 25px;
		line-height: normal;
	}

	.sis-counter-item .sis-counter-title span {
		font-size: 25px;
		line-height: normal;
	}

	.sis-letest-blog-item .sisf-e-info-icon a {
		width: 30px;
		height: 30px;
		min-width: 30px;
		font-size: 14px;
	}

	.sis-letest-blog-item.left .sisf-e-inner {
		margin-bottom: 25px;
	}

	.sis-letest-blog-item .sisf-e-info-item a,
	.sis-letest-blog-item .post-cat,
	.sis-letest-blog-item .meta-date {
		font-size: 14px;
	}

	.sis-letest-blog-item .sisf-e-media-image a,
	.sis-letest-blog-item.right .sisf-e-media-holder img {
		width: 100%;
		height: auto;
	}

	.sis-letest-blog-section .sisf-m-button.pt-5 {
		padding-top: 0px !important;
	}

	.sisf-sis-bottom-right-image,
	.sisf-sis-top-right-image,
	.sisf-sis-top-left-image,
	.sisf-sis-bottom-left-image {
		width: 100%;
	}

	.sisf-page-footer-top-area-inner {
		padding-top: 30px;
	}

	.sis-footer-content,
	.sisf-page-footer-middle-area {
		margin-top: 0px;
	}

	.sis-blog-listing-page .sisf-e-inner {
		display: block;
		padding: 10px;
		border-radius: 5px
	}

	.sis-blog-listing-page .sisf-e-inner .sisf--e-media {
		width: 100% !important;
	}

	.sis-blog-listing-page .sisf-e-inner .sisf-e-content {
		width: 100% !important;
		padding: 14px !important;
	}

	.sis-blog-listing-page .sisf-e-inner .sisf-e-media {
		width: 100% !important;
	}

	.sis-blog-listing-page .sisf-e-inner .sisf-e-media-image img {
		aspect-ratio: unset;
		height: 433px;
		object-fit: cover;
		border-radius: 12px;
	}

	.sis-video-play-button.sisf-m-play-inner {
		left: 46%;
	}

	.sis-video-play-button .popup-video {
		width: 50px;
		height: 50px;
	}

	.sisf-rating-image-with-content .star {
		font-size: 18px;
	}

	.sisf-choose-us-content-box {
		aspect-ratio: 1 / 1.03;
	}

	.sisf-sis-comman-right-box {
		aspect-ratio: unset;
	}

	.review_form_box .form_box-grid.d-flex {
		display: block !important;
	}

	.review_form_box .form_box-grid .form_box-item {
		width: 100%;
		margin-right: 0px !important;
	}

	.sis-detail-page-bottom-form {
		padding-top: 30px;
	}

	.sis-testimonial--section {
		margin-top: 30px;
	}

	.hero-right--image {
		top: 0px;
	}

	.hero-right--image img {
		aspect-ratio: unset;
	}

	.sisf-layer-group span {
		font-size: 50px;
		top: -5px;
		left: -10px;
	}

	.sis-design-and-experience-part {
		padding-top: 30px;
	}

	.sisf-user-experience {
		margin-bottom: 30px;
	}

	.sisf-icon-with-text.pb-5 {
		padding-bottom: 20px !important;
	}

	.sisf-power-elite-col .sisf-ratings {
		width: 100%;
	}

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

	.sisf-power-elite-col .sisf-image-icon {
		width: 80px;
		min-width: 80px;
	}

	.sis-kickstart-your-website {
		padding: 25px;
	}

	.sisf-devices-experience {
		padding: 30px 15px 15px 15px;
	}

	.sisf-devices-icon span {
		font-size: 50px;
	}

	.sisf-devices-content h4 {
		font-size: 18px;
	}

	.sisf-devices-content p {
		font-size: 14px;
	}

	.sis-launch-your-website-section .container-fluid.p-0 {
		padding: 0 15px !important;
	}

	.sisf--landing-icon-image-with-text-part .content-group {
		display: block !important;
	}

	.footer-copyright.sis-landing {
		padding: 15px 0 !important;
		margin-top: 0px;
	}

	.footer-copyright.sis-landing h4 {
		font-size: 16px;
	}

	.sisf-page--title.h-100 {
		align-items: center !important;
	}

	.sis-landing-page-banner {
		height: 750px !important;
	}

	.sis-landing-page-banner .sis-section-title h1 {
		font-size: 30px;
		line-height: normal;
	}

	.sisf-top-text .sisf-top-text-list {
		font-size: 14px;
		padding: 5px;
	}

	.footer-links ul li a,
	.footer-social-icons-link li a {
		font-size: 16px;
	}

	.sis-video-page .hero-slider-layout .sis-hero-video {
		min-height: 550px !important;
		margin-top: 0px;
		overflow: hidden;
	}

	.home-slider .hero-slider-layout .hero-slide {
		min-height: 690px;
		margin-top: 0px;
	}

	.sisf-blog .sisf-blog-item {
		margin-bottom: 30px;
	}

	.sisf-blog-item.mb-0,
	.sis-letest-blog-item.mb-0 {
		margin-bottom: 30px !important;
	}

	.sisf-page-sidebar {
		margin-bottom: 0px;
	}

	.sisf-sis-page-contact-bottom .sis-service-contact-content .sis-service-contact-title h4,
	.sisf-sis-page-contact-bottom .sis-page-contact-content .sis-page-contact-title h4 {
		font-size: 20px;
		line-height: normal;
	}

	.sis-e-detail-page-content-bottom.radius.sis-comman-background.p-4,
	.sis-right-contact-image {
		margin-top: 25px;
	}

	.sis-detail-page-member-image,
	.sis-testimonial-guard-image-left,
	.sis-faq-image-left {
		margin-bottom: 25px;
	}

	.sisf-contact-bottom-contents .sisf-sis-contact-information {
		margin-bottom: 20px;
	}

	.sisf-page-title .sisf-m-inner {
		transform: translateY(-10%);
		text-align: center;
	}

	.sis-e-icon-spin.sis-page {
		top: 10px;
		left: 10px;
		width: 100px;
	}

	.sis-e-comman-choose-us-box-right .counter-item h2 {
		justify-content: center;
	}

	.sis-e-comman-choose-us-box-right .d-flex.align-items-center.pt-5.gap-4 {
		padding-top: 0px !important;
	}

	.sisf-sis-pricing-table.sis-page {
		aspect-ratio: unset;
	}

	.sisf-sis-e-faq-content-on-image.page {
		padding: 10px;
	}

	.sisf-sis-e-faq-content-on-image.page .sisf-contact-box {
		margin-bottom: 0px;
	}

	.sis-faq-bottom-logo-slider {
		padding-top: 20px;
		margin-top: 30px;
	}

	.sisf-page-footer-middle-area .sis-e-icon-spin {
		width: 100px;
	}

	.sisf-page-footer-bottom-area.page {
		margin-top: 0px;
	}

	.sis-faq-image-right {
		margin-top: 25px;
	}

	.subscribe-newsletter-form .form-group.bg-white.w-100 {
		margin-bottom: 0px;
	}

	.sis-e-content-bottom-up h4 {
		font-size: 18px;
	}

	.sis-e-content-bottom-up p {
		font-size: 12px;
	}

	.sis-service-detail-page-section .sis-comman-bottom-line-text {
		margin-top: 25px;
	}

	.menu-item-arrow i {
		transform: rotate(90deg) !important;
		color: var(--white-color) !important;
	}

	.sis-video-play-button a:after,
	.sis-video-play-button a:before {
		top: -55%;
		left: -55%;
		width: 130%;
		height: 130%;
	}

	.sis-e-detail-inner-top.sis-comman-bg.radius {
		padding: 15px;
	}

	.review--form {
		padding: 15px;
	}

	.testimonial-right.page .sisf-e-inner .sisf-e-discription h5 {
		font-size: 16px;
	}

	.testimonial-right .sisf-sis-bottom-left-image {
		width: 100%;
	}

	.testimonial-right.page .sis-e-icon-spin {
		top: -40px;
		width: 80px;
	}

	.sisf-sis-faq-image-left {
		margin-bottom: 25px;
	}

	.sisf-page-footer-bottom-area .footer-copyright {
		margin-top: 0px;
	}

	.footer-privacy-policy ul {
		flex-wrap: wrap;
	}

	.sisf-sis-pricing-table .sis-e-icon-spin {
		top: -50px;
		width: 100px;
	}

	.testimonial-right.sis-e-page .sisf-e-inner {
		margin-top: 25px;
	}

	.sis-blog-inner-page .sis-letest-blog-item .sisf-e-media-image img {
		aspect-ratio: 1;
		object-fit: cover;
	}

	.sisf-sis-page-list.sis-comman-background.my-4 ul {
		padding: 20px !important;
	}

	.sis-detail-page-member-image img {
		aspect-ratio: unset;
	}

	.sis-e-member-detail-contact {
		padding: 0 15px 15px 15px;
	}

	.sis-e-top-inner.d-flex.gap-3.p-2 {
		flex-wrap: wrap;
	}

	.sisf-sis-pricing-table .sis-pricing-subtitle.page,
	.sisf-sis-pricing-table .sisf-m-price.page {
		width: 100%;
	}

	.sisf-user-experience .sis-counter-item .sis-counter-title span {
		font-size: 30px;
		line-height: normal;
	}

	.sis-hero-right-image .sisf-sis-hero-image-item p {
		left: 0;
	}

	.sis-hero-right-image .sisf-sis-hero-image-item p.sis-bottom {
		top: 36%;
		left: 70px;
	}

	.sis-about-left-content .sisf-e-inner {
		aspect-ratio: 1 / 0.4 !important;
	}

	.col-lg-4.pe-2,
	.col-lg-6.pe-2 {
		padding-right: 15px !important;
	}

	.col-lg-8.ps-2,
	.col-lg-3.col-md-6.px-2 {
		padding-left: 15px !important;
	}

	.sisf-choose-us-image-right {
		margin-top: 25px;
	}

	.sis-advance-solution-top .sis-e-icon-spin {
		margin: -43px auto -66px auto;
	}

	.sis-free-astimate-section {
		padding-bottom: 30px !important;
	}

	.sis-testimonial-section .sisf-m-button.pt-4,
	.sisf-sis-page-background-left {
		margin-bottom: 25px;
	}

	.sis-what-we-do-image-center {
		margin: 25px 0;
	}

	.sis-car-image-center {
		margin-bottom: 0px;
	}

	.sisf-page-content-part .sis-e-inner {
		aspect-ratio: unset;
	}

	.sis-e-image.sisf-right-side {
		margin-top: 25px;
	}

	.sisf-e-detail-image-left,
	.sisf-sis-contact-background {
		margin-bottom: 25px;
	}

	.sis-e-content--inner .sis-e-bottom-counter .sis-counter-title span {
		font-size: 25px;
		line-height: normal;
	}

	.sisf-about-image-right.mb-3 img {
		aspect-ratio: unset;
		object-fit: cover;
	}

	.sisf-sis-contact-background-left {
		aspect-ratio: unset;
		margin-bottom: 24px;
	}

	.list-unstyled.d-flex.align-items-center.justify-content-center {
		justify-content: flex-start !important;
		margin-top: 24px !important;
	}

	.sisf-how-it-work-items .sisf-e-inner {
		margin-bottom: 24px;
	}

	.sisf-approach-box,
	.sis-our-approach-image.position-relative {
		margin-bottom: 24px !important;
	}

	.sis-advantage-image-center {
		margin-top: 0;
		margin-bottom: 24px;
	}

	.sis-advantages-section .sisf-sis-comman-drop-bg.mb-0 {
		aspect-ratio: 1 / 0.3;
		margin-bottom: 16px;
	}

	.sis-primary-background.sis-radius.p-3.pb-0 {
		padding-bottom: 16px !important;
	}

	.sisf-sis-advantages {
		flex-wrap: wrap;
	}

	.sis-service-detail-page-image .sis-e-icon-spin {
		top: 35%;
		right: -15%;
	}

	.sis-advantage-image-center::before {
		left: calc(50% - 398px / 2);
		bottom: calc(50% - 398px / 2);
		z-index: 0;
	}

	.sis-contect-right.sisf-comman-bg-light.px-4.py-5.sis-radius {
		margin-top: 16px;
		padding: 24px 24px !important;
	}

	.sisf-location-item-lists .sis-location-item.sis-item {
		margin-left: -190px;
		margin-bottom: 150px;
	}

	.sisf-location-item-lists .sis-location-item.sis-item-bottom {
		margin-top: -90px;
		margin-left: -150px;
	}

	.sis-testimonial-section.sis-comman-background .sisf-e-page-content-part.d-flex.align-items-center.flex-wrap {
		gap: 10px !important;
	}

	.sisf-how-left-image,
	.sis-faq-section .sis-primary-background.p-4.sis-radius,
	.sisf-e-contact-image,
	.sisf-e-item-layout-info-from-bottom .sisf-e-inner {
		margin-bottom: 30px;
	}

	.sisf-technology-right-images {
		margin-top: 0;
	}

	.sisf-hero2-bottom,
	.sisf-hero2-bottom .sis-comman-bg.sis-radius.p-3 {
		margin-bottom: 20px;
	}

	.sisf-partner-left {
		margin-bottom: 20px;
	}

	.sisf-about-left-image img {
		width: 100%;
	}

	.sis-counter-content span.sisf-content.sis-comman-title {
		font-size: 16px;
		line-height: 16px;
	}

	.sisf-sis-location-item-lists .sis-location-item {
		top: 14%;
		left: 7%;
	}

	.sisf-sis-location-item-lists .sis-location-item.sis-location-2 {
		top: 47%;
		left: 17%;
	}

	.sisf-sis-location-item-lists .sis-location-item.sis-location-3 {
		top: 30%;
		left: 37%;
	}

	.sis-watch-our-section .sis-video-play-button a:after,
	.sis-watch-our-section .sis-video-play-button a:before {
		top: -52%;
		left: -52%;
	}

	.sisf-hm-video .sis-video-play-button {
		top: 38% !important;
		left: 47% !important;
	}

	.sisf-hm-video .sis-video-play-button a:after,
	.sisf-hm-video .sis-video-play-button a:before {
		top: -50%;
		left: -50%;
	}

	.sisf-hm-hero-slider.home-slider .hero-slider-layout .hero-slide {
		min-height: 690px;
	}

	.sisf-sis-footer-background {
		background-position: center;
	}

	.sisf-e-about-left-image img {
		width: 100%;
	}

	.sis-e-how-right-image {
		margin-top: 20px;
	}

	.sisf-about-image-left,
	.sis-e-how-left-part,
	.sis-right--contact-image,
	.sisf-e-bottom-help-part {
		margin-bottom: 30px;
	}

	.sisf-f-testimonial.testimonial-right.page .sisf-e-inner.sis-radius.position-relative {
		margin-bottom: 0;
	}

	.sisf--sis-team-member .list-unstyled.d-flex.align-items-center.justify-content-center {
		justify-content: center !important;
	}

	.sis-hero.sisf--hero-video .hero-slider-layout .hero-slide {
		min-height: 650px !important;
	}

	.sisf-e-video .sis-video-play-button a:after,
	.sisf-e-video .sis-video-play-button a:before {
		top: -50%;
		left: -50%;
	}

	.sisf-e-video .sis-video-play-button.sisf-m-play-inner {
		margin-bottom: 30px;
	}

	.sisf--hero-slider .sis-hero-right-image {
		margin: 0;
	}
	.sis-about-us-section.position-relative .sisf-m-button.pt-4{
		padding-top: 0 !important;
	}
	.sisf--page-footer-bottom-area.section{
		padding: 0;
	}
	.sisf--bottom-contents .sisf-sis-contact-information{
		margin-bottom: 20px;
	}
}


@media only screen and (max-width: 767px) {
	.sisf-e-colored {
		padding: 0 8px;
	}

	.sisf-main-header .sis-header-top {
		display: none;
	}

	.sisf-skin--dark .navbar-brand.mobile-none {
		display: none !important;
	}

	.sisf-skin--dark .navbar-brand.mobile-block {
		display: block !important;
	}

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

	.sisf-skin--dark.pb-0 {
		padding: 10px !important;
	}

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

	.sisf-header-logo-link.navbar-brand {
		display: flex !important;
		align-items: center;
	}

	.home-slider .hero-slider-layout .hero-slide {
		min-height: 750px;
	}

	br {
		display: none;
	}

	h4 {
		font-size: 22px;
		line-height: 28px;
	}

	.sis-hero.hero-slider .hero-slider-layout .hero-slide .hero-content {
		top: 0px;
		margin-top: 15px;
	}

	.sis-section-title p {
		margin-top: 20px;
	}

	.sis-main-header .header-sticky.active .navbar-brand img {
		width: auto;
		height: auto;
	}

	.sis-btn-default {
		padding: 3px 3px 3px 15px;
	}

	.sisf-sis-icon-with-text--hover.other.features .sisf-e-inner {
		flex-direction: column;
	}

	.home-page .hero-slider-layout .hero-slide {
		min-height: 700px !important;
	}

	.sis-e-about-content-left-bottom {
		margin-bottom: 16px;
	}

	.sisf-rating-image {
		min-width: 120px;
	}

	.sisf-sis-comman-right-box {
		aspect-ratio: unset;
	}

	.sis-comman-bottom-line-text {
		margin-top: 15px;
	}

	.sis-comman-bottom-line-text .sisf-sis-e-box a,
	.sis-comman-bottom-line-text p {
		font-size: 14px;
		line-height: 25px;
	}

	.sis-video-page .hero-slider-layout .sis-hero-video .sis-comman-bottom-line-text {
		justify-content: center !important;
	}

	.sisf-hero-bottom .sis-bottom-contents .sisf-e-inner {
		padding: 20px;
	}

	.sisf-hero-bottom .sis-bottom-contents .sisf-e-inner .sisf-e-top .sisf-ratings {
		margin-bottom: 8px !important;
	}

	.sisf-hero-bottom .sis-letest-blog-item.right .sisf-e-inner {
		display: block !important;
	}

	.sisf-hero-bottom .sis-bottom-contents .sisf-e-inner .sisf-bottom-quote-with-content {
		padding-top: 0 !important;
	}

	.sis-testimonial-section.sis-comman-background .sisf-e-page-content-part.d-flex.align-items-center.flex-wrap {
		gap: 10px !important;
	}

	.sis-testimonial-section .sisf-rating-image-with-content p {
		font-size: 14px;
	}

	.testimonial-right .sisf-e-discription.mb-3 h5 {
		font-size: 18px;
	}

	.testimonial-right.page .sisf-e-inner {
		aspect-ratio: unset;
	}

	.testimonial-right.page .sisf-e-inner .quote-left-icon span {
		font-size: 25px;
	}

	.sis-faq-image-left {
		margin-bottom: 25px;
	}

	.accordion-button.ps-4 {
		padding: 15px !important;
	}

	.sisf-faq-accordian .accordion-button::before,
	.sisf-page-accordian .accordion-button::before {
		display: none;
	}

	.sis-e-faq-bottom-layout,
	.sisf-contact-bottom-contents {
		padding-top: 25px;
		margin-top: 25px;
	}

	.form-section .form-control {
		margin-bottom: 20px;
	}

	.sisf-sis-contact-information .sisf-contact-box {
		margin-bottom: 15px;
	}

	.sisf-page-footer-top-area-inner .button-group {
		display: block !important;
	}

	.sisf-page-footer-top-area-inner .button-group .sis-btn-default.btn-light {
		margin-top: 20px;
	}

	.footer-links h3,
	.footer-contact h3 {
		margin: 15px 0;
	}

	.list-unstyled.d-flex.align-items-center.justify-content-end.gap-4.p-0.m-0 {
		display: block !important;
	}

	.footer-privacy-policy li {
		margin-top: 10px;
	}

	.sisf-banner .banner-img img {
		height: 190px;
	}

	.sisf-page-title .sisf-m-inner {
		transform: translateY(0%);
	}

	.sisf-page-title .sisf-m-title {
		font-size: 25px;
		line-height: normal;
	}

	.sis-landing-page-banner {
		height: 650px !important;
	}

	.sisf-banner {
		margin-top: 0px;
	}

	.content-group {
		justify-content: start !important;
		gap: 10px !important;
	}

	.content-group h4 {
		font-size: 18px;
	}

	.sisf-devices-icon-with-text {
		margin-bottom: 20px;
	}

	.sisf-steps-icon-with-text {
		margin-bottom: 15px;
	}

	.sis-letest-blog-item .sisf-e-info-item a,
	.sis-letest-blog-item .post-cat,
	.sisf-blog-item .post-cat,
	.sisf-blog-standard-page .sisf-e-content .meta-date {
		font-size: 14px;
	}

	.sisf-home-page .hero-slider-layout .hero-slide {
		min-height: 500px !important;
	}

	.sisf-pricing-content-bottom {
		margin: 20px 0;
		flex-wrap: wrap;
	}

	.sisf-sis-contact-information {
		flex-wrap: wrap;
		gap: 10px !important;
	}

	.sisf-sis-contact-information .sisf-icon a {
		width: 35px;
		height: 35px;
		min-width: 35px;
	}

	.sisf-sis-faq-image-left .sis-faq,
	.sis-right-contact-image .sis-contact {
		padding: 10px;
	}

	.hero-content.text-start {
		margin-bottom: 25px !important;
	}

	.sisf-faq-accordian .accordion-button span,
	.sisf-page-accordian .accordion-button span {
		font-size: 18px;
		line-height: normal;
	}

	.sis-letest-blog-item .sisf-e-content .sisf-e-title-link {
		font-size: 20px;
		line-height: 25px;
	}

	.sis-letest-blog-item.right .sisf-e-media-holder {
		margin-top: 0px;
	}

	.sis-letest-blog-item.right .sisf-e-content {
		padding: 20px;
	}

	.sis-letest-blog-section.sisf-section {
		padding-bottom: 5px;
	}

	.sis-blog-inner-page .sis-letest-blog-item {
		margin-bottom: 0px !important;
	}

	.sisf-sis-page-list .sis-item {
		gap: 10px !important;
	}

	.sisf-sis-page-list .sis-item p {
		font-size: 13px;
	}

	.sisf-sis-page-list .sis-item .sis-icon {
		width: 107px;
	}

	.sis-counter-item .sis-counter-icon img {
		width: 35px;
		height: 35px;
		min-width: 35px;
	}

	.sis-comman-bottom-line-text.sis-why-choose-content {
		flex-direction: column;
		margin: 0px 0 20px 0;
		width: 100%;
	}

	.sis-video-play-button.sisf-process a:after,
	.sis-video-play-button.sisf-process a:before {
		top: -50%;
		left: -50%;
	}

	.sisf-sis-pricing-table .sisf-m-inner {
		padding: 10px;
	}

	.sis-our-team-section .sis-comman-swiper-slider {
		margin-top: 20px;
	}

	.sisf-sis-contact-background-left {
		margin-bottom: 20px;
	}

	.sis-footer-content {
		margin-bottom: 0px;
	}

	.sis-landing-right-image {
		margin-right: 0px;
	}

	.sis-scroll-container.sis-landing .sis-contents span {
		font-size: 25px;
		line-height: normal;
	}

	.button-group.pt-4.mt-3.d-flex.align-items-center.justify-content-center.flex-wrap.gap-4 {
		gap: 10px !important;
		padding-top: 0px !important;
	}

	.sis-letest-blog-item.left.mb-4.pb-2 {
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}

	.sisf-sis-page-background-left,
	.sis-footer-left-image {
		margin-bottom: 20px;
	}

	.sis-comman-bottom-line-text {
		margin-bottom: 15px !important;
	}

	.sis-e-detail-inner-top.sis-comman-bg.sis-radius.pe-3 {
		padding-right: 0px !important;
	}

	.sis-e-content--inner .sis-e-bottom-counter .sis-counter-title span {
		font-size: 25px;
		line-height: 30px;
	}

	.hero-content.pb-3.text-start {
		padding-bottom: 0px !important;
	}

	.sis-bottom-contents .sisf-e-inner {
		margin-bottom: 30px !important;
		width: 100%;
	}

	.sis-hero-right-image .sisf-sis-hero-image-item p.sis-bottom {
		top: 50%;
		left: 25px;
	}

	.sis-hero-right-image .sisf-sis-hero-image-item p {
		top: 40%;
		left: 0px;
		padding: 5px 15px;
		font-size: 14px;
	}

	.sis-hero-content-part .sis-e-icon {
		width: 50px;
		height: 50px;
	}

	.sisf-about--content-right .sisf-e-inner,
	.sisf-about-counter-content .sisf-e-inner,
	.sis-about-left-content .sisf-e-inner {
		aspect-ratio: 1 / 0.8;
	}

	.sisf-about--content-right .sisf-e-inner {
		background-size: cover;
		background-repeat: no-repeat;
	}

	.sisf-page-content-bottom.mt-4.pt-3 {
		justify-content: start !important;
		padding-top: 0px !important;
		margin-top: 0px !important;
	}

	.sisf-choose-us-image-right {
		margin-top: 30px;
	}

	.sisf-choose-us-image-right img {
		aspect-ratio: unset;
	}

	.sisf-choose-us-image-right .sis-e-icon-spin {
		top: -20px;
		left: -20px;
	}

	.sis-advance-solution-top .sis-e-icon-spin {
		margin: -37px auto -63px auto;
	}

	.sis-free-astimate-section {
		margin-bottom: 40px;
	}

	.sisf-estimate-image-right {
		margin: 20px -15px -47px 0;
	}

	.sisf-pricing-content-bottom .sis-comman-title {
		font-size: 16px;
	}

	.sis-comman-bottom-line-text,
	.sisf-pricing-content-bottom {
		flex-wrap: wrap;
		gap: 10px !important;
		justify-content: start !important;
	}

	.sisf-sis-contact-background {
		margin-bottom: 25px;
	}

	.sis-testimonial-section .sisf-m-button.pt-4 {
		padding-top: 5px !important;
		margin-bottom: 25px;
	}

	.sis-slider-arrow {
		bottom: 20px;
	}

	.sisf-m-button.pt-4.mt-3 {
		padding-top: 0px !important;
		margin-top: 0px !important;
	}

	.sisf-page-footer-top-area-inner .sisf-sis-section-title.mb-0 p.mt-0 {
		margin-top: 25px !important;
	}

	.footer-logo img {
		width: 170px;
	}

	.sisf-page-footer-top-area-inner i::before {
		line-height: 20px;
	}

	.sisf-page-footer-top-area-inner {
		padding-bottom: 0px;
	}

	.subscribe-newsletter-form.pt-3 {
		padding-top: 0px !important;
	}

	.sisf-e-page-hover-contents {
		margin-bottom: 30px !important;
	}

	.sisf-e-page-hover-contents .sisf-m-icon {
		width: 40px;
		height: 40px;
		min-width: 40px;
	}

	.sisf-e-page-hover-contents .sisf-m-icon img {
		width: 20px;
		height: 20px;
	}

	.sis-what-we-do-image-center {
		margin-bottom: 25px;
	}

	.sis-car-image-center {
		margin-bottom: 0px;
	}

	.col-md-4.pe-2,
	.col-md-6.pe-2,
	.col-lg-3.col-md-6.px-2 {
		padding-right: 15px !important;
	}

	.col-md-8.ps-2,
	.col-lg-3.col-md-6.ps-2,
	.col-lg-3.col-md-6.px-2 {
		padding-left: 15px !important;
	}

	.sisf-sis-section-title.pb-5 {
		padding-bottom: 25px !important;
		margin-bottom: 30px !important;
	}

	.sis-landing-page-banner .sisf-m-inner {
		top: 40px;
	}

	.sis-design-and-experience-part h3 {
		font-size: 20px;
		line-height: normal;
	}

	.sis-footer-content.sisf-m-landing {
		margin-top: -28px;
	}

	.sisf-e-detail-image-left,
	.sisf-e-detail--image-left {
		margin-bottom: 25px;
	}

	.sis-e-image.sisf-right-side,
	.sisf-e-detail--image-right {
		margin-top: 25px;
	}

	.sisf-rating-image img {
		width: 100px;
	}

	.sisf-sis-information-contents .sis-e-icon span {
		width: 30px;
		height: 30px;
		min-width: 30px;
		font-size: 14px;
	}

	.sisf-sis-information-contents h3 {
		font-size: 14px;
		line-height: normal;
	}

	.sisf-top-pricing-icon.pt-4.px-4.mb-4,
	.sis-e-top-inner.px-4,
	.sisf-m-inner.p-2 {
		padding: 0 !important;
	}

	.sis-pricing-title.sis-comman-background.sis-radius.mt-0.p-4 {
		padding: 10px !important;
	}

	.sisf-e-page-content-part.d-flex.align-items-center.flex-wrap.gap-4 {
		gap: 0 !important;
	}

	.sis-comman--swiper-slider.testimonial-slider {
		margin-bottom: 25px;
	}

	.sisf-sis-e-technology-list .sisf-e-inner {
		aspect-ratio: 1/0.4;
	}

	.sisf-how-it-work-items .sisf-e-inner {
		aspect-ratio: unset;
		gap: 30px;
	}

	.sisf-content-bottom {
		flex-wrap: wrap;
	}

	.sisf-about-bottom-counters .col-md-4.col-6.pe-5 {
		padding-right: 0 !important;
		margin-bottom: 16px;
	}

	.sis-service-detail-page-image .sis-e-icon-spin {
		top: 90%;
		right: 40%;
	}

	.sisf-global-accordian {
		padding: 18px;
	}

	.sis-comman-bottom-line-text.sisf-sis-border-dark {
		padding: 4px 16px 4px 24px;
	}

	.sisf-approach-box-border,
	.sisf-approach-box {
		aspect-ratio: unset;
	}

	.sis-right-contact-image img {
		aspect-ratio: 1 / 1;
	}

	.sis-right-contact-image .sis-contact {
		bottom: 0;
		padding-bottom: 0;
	}

	.sisf-location-item-lists .sis-location-item.sis-location-start {
		margin-top: 32px;
		margin-left: -25px;
	}

	.sisf-location-item-lists .sis-location-item.sis-item {
		margin-left: 0;
		margin-bottom: 107px;
		text-align: center;
	}

	.sisf-location-item-lists .sis-location-item.sis-item-bottom {
		margin-top: -150px;
		margin-left: 65px;
		text-align: center;
	}

	.sis-e-about-content-left-bottom .sis-e-content .sis-m-text h3.text-white.mb-0 {
		width: 200px;
	}

	.sis-hero-right-image .sisf-hero-on-content .sis-content-title.mb-2.mt-3 {
		margin-top: 12px !important;
	}

	.sis-team-member-section .sis-comman-bottom-line-text.sisf-sis-border-dark {
		flex-wrap: nowrap;
	}

	.sisf-sis-location-item-lists .sis-location-item {
		display: none;
	}

	.sisf-e-blog-item .sisf-e-inner.d-flex {
		display: block !important;
	}

	.sisf-e-blog-item.sis-letest-blog-item.right .sisf-e-media-holder img {
		width: 100%;
		height: auto;
	}

	.sisf-hero-image-bottom-2 img {
		width: 100%;
	}

	.sisf-hero-bottom-right .d-flex .sisf-hero-image-bottom-2 {
		margin-bottom: 10px;
	}

	.sisf-hero-bottom-right .d-flex {
		display: block !important;
		padding-bottom: 10px;
	}

	.sis-video-play-button.sisf-process a:after,
	.sis-video-play-button.sisf-process a:before {
		top: -55%;
		left: -55%;
	}

	.sisf-footer-top .list-unstyled.d-flex.align-items-center.justify-content-center {
		justify-content: center !important;
	}

	.sisf-footer-top {
		padding-bottom: 40px;
	}

	.sisf-hm-video .sis-video-play-button {
		top: 39% !important;
		left: 46% !important;
		transform: translate(5%, 0%) !important;
	}

	.sisf-sis-hero-bottom .sisf-sis-listing-items {
		margin-bottom: 20px;
	}

	.sisf-testimonial-bottom-counters .sis-counter-item {
		margin-bottom: 20px;
	}

	.sis-contect-right.sisf--comman-bg-light {
		padding: 30px;
	}

	.sisf-about-contents.sisf-e-page-hover-contents .sisf-m-icon {
		width: 38px;
		min-width: 40px;
		height: 40px;
	}

	.sisf-footer-top.d-flex.align-items-center {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
}
.premium-banner{
  position:relative;
  width:100%;
  aspect-ratio:16/5.9;
  min-height:400px;
  max-height:760px;
  overflow:hidden;
  background:#060503;
}

.banner-track{ position:relative; width:100%; height:100%; }

/* ---------- Slide shell (cross-fade, no track jump) ---------- */
.banner-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  z-index:1;
  pointer-events:none;
  transition:opacity 1s ease, visibility 1s ease;
}
.banner-slide.is-active{
  opacity:1;
  visibility:visible;
  z-index:3;
  pointer-events:auto;
}

.banner-media{ position:absolute; inset:0; overflow:hidden; background:#0a0a0a; }
.banner-media-scale{ position:absolute; inset:0; overflow:hidden; }
.banner-slide.is-active .banner-media-scale{ animation:bannerKenBurns 7s linear forwards; }

@keyframes bannerKenBurns{
  from{ transform:scale(1); }
  to{ transform:scale(1.08); }
}

/* ---------- Shared shard base -----------------------------------------
   Every shard is a FULL-BLEED copy of the same image (identical
   background-size/position), then CLIPPED to its own piece with a fixed
   clip-path. Because the underlying image is never resized per-piece,
   every piece lines up pixel-for-pixel with its neighbours once it
   settles — no seam, no gap, no mismatch, regardless of motion used. */
.shard{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background-color:#111;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  will-change:transform, opacity, filter;
}

/* ---------- Slide 0 — slow diagonal split reveal ----------------------
   Two pieces share one exact diagonal cut (58% top / 42% bottom), so
   they always tile perfectly the instant they arrive. */
.shard-curtain-l{ clip-path:polygon(0% 0%, 58% 0%, 42% 100%, 0% 100%); }
.shard-curtain-r{ clip-path:polygon(58% 0%, 100% 0%, 100% 100%, 42% 100%); }

.banner-slide.is-active .shard-curtain-l{ animation:diagInL 3.1s cubic-bezier(.16,.84,.32,1) forwards; }
.banner-slide.is-active .shard-curtain-r{ animation:diagInR 3.1s cubic-bezier(.16,.84,.32,1) .12s forwards; }

@keyframes diagInL{
  0%{   transform:translate(-9%,-4%) scale(1.1); opacity:0; filter:blur(16px); }
  55%{  opacity:1; }
  100%{ transform:translate(0,0) scale(1); opacity:1; filter:blur(0); }
}
@keyframes diagInR{
  0%{   transform:translate(9%,4%) scale(1.1); opacity:0; filter:blur(16px); }
  55%{  opacity:1; }
  100%{ transform:translate(0,0) scale(1); opacity:1; filter:blur(0); }
}

/* ---------- Slide 1 — slow cascading shutter ---------------------------
   Four contiguous horizontal strips (0–25 / 25–50 / 50–75 / 75–100),
   alternating drop-in / rise-in, staggered top to bottom. */
.shard-band:nth-child(1){ clip-path:polygon(0% 0%,   100% 0%,   100% 25%,  0% 25%);  }
.shard-band:nth-child(2){ clip-path:polygon(0% 25%,  100% 25%,  100% 50%,  0% 50%);  }
.shard-band:nth-child(3){ clip-path:polygon(0% 50%,  100% 50%,  100% 75%,  0% 75%);  }
.shard-band:nth-child(4){ clip-path:polygon(0% 75%,  100% 75%,  100% 100%, 0% 100%); }

.banner-slide.is-active .shard-band:nth-child(1){ animation:shutterDown 1.6s cubic-bezier(.19,1,.22,1) .0s  forwards; }
.banner-slide.is-active .shard-band:nth-child(2){ animation:shutterUp   1.6s cubic-bezier(.19,1,.22,1) .18s forwards; }
.banner-slide.is-active .shard-band:nth-child(3){ animation:shutterDown 1.6s cubic-bezier(.19,1,.22,1) .36s forwards; }
.banner-slide.is-active .shard-band:nth-child(4){ animation:shutterUp   1.6s cubic-bezier(.19,1,.22,1) .54s forwards; }

@keyframes shutterDown{
  0%{   transform:translateY(-42%); opacity:0; filter:blur(12px); }
  100%{ transform:translateY(0);    opacity:1; filter:blur(0); }
}
@keyframes shutterUp{
  0%{   transform:translateY(42%); opacity:0; filter:blur(12px); }
  100%{ transform:translateY(0);   opacity:1; filter:blur(0); }
}

/* ---------- Slide 2 — slow aperture zoom converge -----------------------
   Four contiguous quadrants zoom in from an oversized, blurred state
   and settle to their exact quarter — like a lens opening. */
.shard-quad-tl{ clip-path:polygon(0% 0%,   50% 0%,   50% 50%,  0% 50%);   }
.shard-quad-tr{ clip-path:polygon(50% 0%,  100% 0%,  100% 50%, 50% 50%);  }
.shard-quad-bl{ clip-path:polygon(0% 50%,  50% 50%,  50% 100%, 0% 100%);  }
.shard-quad-br{ clip-path:polygon(50% 50%, 100% 50%, 100% 100%,50% 100%); }

.banner-slide.is-active .shard-quad-tl{ animation:apertureIn 2s cubic-bezier(.19,1,.22,1) .0s  forwards; }
.banner-slide.is-active .shard-quad-tr{ animation:apertureIn 2s cubic-bezier(.19,1,.22,1) .1s  forwards; }
.banner-slide.is-active .shard-quad-bl{ animation:apertureIn 2s cubic-bezier(.19,1,.22,1) .1s  forwards; }
.banner-slide.is-active .shard-quad-br{ animation:apertureIn 2s cubic-bezier(.19,1,.22,1) .2s  forwards; }

@keyframes apertureIn{
  0%{   transform:scale(1.4); opacity:0; filter:blur(18px); }
  60%{  opacity:1; }
  100%{ transform:scale(1);   opacity:1; filter:blur(0); }
}

/* ---------- Legibility overlay ---------- */
.banner-overlay{
  position:absolute; inset:0; z-index:4; pointer-events:none;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .20) 40%, rgb(0 0 0 / 50%) 100%), linear-gradient(90deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .35) 100%);
}

/* ---------- Text ---------- */
.banner-body{ position:absolute; inset:0; z-index:5; display:flex; align-items:center; justify-content:center; }
.container-fluid{ width:100%; }
.row{ display:flex; }
.banner-col{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:16px;
  padding:0 24px;
}

.banner-col::before{
  content:"";
  display:block;
  width:0;
  height:4px;
  border-radius:4px;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  opacity:0;
  transform:translateY(14px);
}
.banner-slide.text-in .banner-col::before{ animation:barIn .8s cubic-bezier(.19,1,.22,1) forwards; }
@keyframes barIn{ to{ width:74px; opacity:1; transform:translateY(0); } }

.banner-heading{
  margin:0;
  max-width:1100px;
  color:#ffffff;
  font-weight:800;
  font-size:clamp(22px, 3.6vw, 35px);
  line-height:1.16;
  letter-spacing:.2px;
  text-shadow:0 2px 22px rgba(0,0,0,.45);
  opacity:0;
  transform:translateY(30px);
  filter:blur(6px);
}
.banner-slide.text-in .banner-heading{ animation:headingIn 1.1s cubic-bezier(.19,1,.22,1) .12s forwards; }
@keyframes headingIn{ to{ opacity:1; transform:translateY(0); filter:blur(0); } }

/* ---------- Arrows ---------- */
.banner-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.08);
  border:1.5px solid rgba(255,255,255,.35);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  cursor:pointer; z-index:6;
  transition:background .3s ease, border-color .3s ease, transform .3s ease;
}
.banner-arrow svg{ width:19px; height:19px; fill:none; stroke:#ffffff; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:stroke .3s ease; }
.banner-arrow:hover{ background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%); border-color:transparent; transform:translateY(-50%) scale(1.08); }
.banner-arrow:hover svg{ stroke:#1a1300; }
.banner-arrow-prev{ left:22px; }
.banner-arrow-next{ right:22px; }

/* ---------- Indicators ---------- */
.banner-nav-cluster{ position:absolute; left:50%; bottom:30px; transform:translateX(-50%); z-index:6; }
.banner-dots{ display:flex; align-items:center; gap:10px; }
.banner-dot{
  width:9px; height:9px; padding:0; border:none; border-radius:50%;
  background:rgba(255,255,255,.4); cursor:pointer;
  transition:width .35s ease, border-radius .35s ease, background .35s ease;
}
.banner-dot:hover{ background:rgba(255,255,255,.75); }
.banner-dot.is-active{
  width:30px; border-radius:6px;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
}

/* ---------- Progress bar — full width, flush with banner bottom edge --- */
.banner-progress-track{
  position:absolute;
  left:0; right:0; bottom:0;
  width:100%; height:4px;
  background:rgba(255,255,255,.18);
  overflow:hidden;
  z-index:6;
}
.banner-progress-fill{
  display:block; height:100%; width:0%;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
}
.banner-progress-fill.run{ animation:bannerProgress linear forwards; }
@keyframes bannerProgress{ from{ width:0%; } to{ width:100%; } }

/* ---------- Responsive ---------- */
@media (max-width:992px){
  .premium-banner{ aspect-ratio:16/7; min-height:380px; }
}
@media (max-width:576px){
  /* .premium-banner{ aspect-ratio:3/4; min-height:460px; max-height:640px; } */
  .banner-arrow{ width:42px; height:42px; }
  .banner-arrow-prev{ left:12px; }
  .banner-arrow-next{ right:12px; }
  .banner-nav-cluster{ bottom:20px; }
  .banner-col{ gap:12px; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .banner-slide.is-active .banner-media-scale,
  .banner-slide.is-active .shard-curtain-l,
  .banner-slide.is-active .shard-curtain-r,
  .banner-slide.is-active .shard-band:nth-child(1),
  .banner-slide.is-active .shard-band:nth-child(2),
  .banner-slide.is-active .shard-band:nth-child(3),
  .banner-slide.is-active .shard-band:nth-child(4),
  .banner-slide.is-active .shard-quad-tl,
  .banner-slide.is-active .shard-quad-tr,
  .banner-slide.is-active .shard-quad-bl,
  .banner-slide.is-active .shard-quad-br,
  .banner-slide.text-in .banner-heading,
  .banner-slide.text-in .banner-col::before{
    animation:none !important;
    transition:opacity .4s ease !important;
  }
  .shard{ opacity:1 !important; filter:none !important; transform:none !important; }
  .banner-heading{ opacity:1 !important; transform:none !important; filter:none !important; }
}
.sk-about{ background:#ffffff; padding:30px 0; overflow:hidden; }

/* ---------------- LEFT — visual ---------------- */
.sk-about-visual{ position:relative; padding:10px 30px 60px 10px; }

.sk-about-blob{
  position:absolute;
  top:-8%; left:-10%;
  width:78%; height:78%;
  border-radius:50%;
  background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%);
  opacity:.14;
  filter:blur(50px);
  z-index:0;
}

.sk-about-frame{ position:relative; width:100%; aspect-ratio:1/1; ; z-index:1; }

.sk-about-img{
  position:absolute;
  background-color:#e7e7ea;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.sk-about-img-main{
  top:0; left:0; width:86%; height:88%;
  clip-path:polygon(0% 6%, 94% 0%, 100% 92%, 6% 100%);
  box-shadow:0 30px 60px -20px rgba(20,20,20,.35);
}
.sk-about-img-sub{
  right:0; bottom:0; width:48%; height:48%;
  clip-path:polygon(8% 0%, 100% 6%, 92% 100%, 0% 94%);
  border:6px solid #ffffff;
  box-shadow:0 22px 40px -16px rgba(20,20,20,.4);
  z-index:2;
}

.sk-about-badge{
  position:absolute;
  top:-6%; right:6%;
  width:118px; height:118px;
  border-radius:50%;
  background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center;
  color:#1a1300;
  transform:rotate(-8deg);
  box-shadow:0 18px 34px -12px rgba(240,136,7,.55);
  z-index:3;
}
.sk-about-badge-num{ font-size:30px; font-weight:800; line-height:1; }
.sk-about-badge-label{ font-size:11px; font-weight:700; letter-spacing:.3px; margin-top:4px; max-width:82px; line-height:1.25; }

.sk-about-stat{
  position:absolute;
  left:-6%; bottom:10%;
  display:flex; align-items:center; gap:12px;
  background:#ffffff;
  padding:14px 18px;
  border-radius:16px;
  box-shadow:0 20px 40px -16px rgba(20,20,20,.22);
  z-index:3;
}
.sk-about-stat-icon{
  width:42px; height:42px; flex:0 0 auto;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%);
}
.sk-about-stat-icon svg{ width:22px; height:22px; fill:none; stroke:#ffffff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.sk-about-stat-text{ display:flex; flex-direction:column; font-size:12.5px; color:#5a5c63; line-height:1.35; white-space:nowrap; }
.sk-about-stat-text strong{ font-size:16px; color:#151515; font-weight:800; }

/* ---------------- RIGHT — content ---------------- */
.sk-about-content{ display:flex; flex-direction:column; gap:22px; padding:24px 0; }

.sk-about-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  width:fit-content;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#F08807;
}
.sk-about-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }

.sk-about-heading{
  margin:0;
  font-size:clamp(28px, 3vw, 35px);
  font-weight:800;
  line-height:1.22;
  color:#131313;
  max-width:560px;
}

.sk-about-copy{
  margin:0;
  /* max-width:560px; */
  font-size:16px;
  line-height:1.85;
  text-align: justify;
  color:#5a5c63;
}
.sk-about-copy .hl{ color:#151515; font-weight:700; }

/* Features */
.sk-about-features{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px 10px;
  padding-top:6px;
}
.sk-feature{ display:flex; align-items:flex-start; gap:14px; }
.sk-feature-icon{
  flex:0 0 auto; width:52px; height:52px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(251,230,10,.14) 0%, rgba(240,136,7,.14) 100%);
  border:1px solid rgba(240,136,7,.22);
  transition:background .3s ease, border-color .3s ease;
}
.sk-feature-icon svg{ width:23px; height:23px; fill:none; stroke:#F08807; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:stroke .3s ease; }
.sk-feature:hover .sk-feature-icon{ background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%); border-color:transparent; }
.sk-feature:hover .sk-feature-icon svg{ stroke:#ffffff; }
.sk-feature-text h3{ margin:2px 0 6px; font-size:18px; font-weight:700; color:#151515; }
.sk-feature-text p{ margin:0; font-size:16px; line-height:1.6; color:#7a7c82; }

/* CTA row */
.sk-about-cta{ display:flex; flex-wrap:wrap; align-items:center; gap:30px; padding-top:10px; }

.sk-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:16px 30px;
  border-radius:50px;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  color:#1a1300; font-weight:700; font-size:15px;
  text-decoration:none;
  box-shadow:0 16px 32px -14px rgba(240,136,7,.6);
  transition:transform .3s ease, box-shadow .3s ease;
}
.sk-btn svg{ width:17px; height:17px; fill:none; stroke:#1a1300; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s ease; }
.sk-btn:hover{ transform:translateY(-3px); box-shadow:0 20px 40px -14px rgba(240,136,7,.72); }
.sk-btn:hover svg{ transform:translateX(4px); }

.sk-call{ display:inline-flex; align-items:center; gap:14px; text-decoration:none; }
.sk-call-icon{
  position:relative;
  width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:1.6px solid #F08807;
}
.sk-call-icon svg{ width:20px; height:20px; fill:none; stroke:#F08807; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.sk-call-ring{
  position:absolute; inset:0; border-radius:50%;
  border:1.6px solid #F08807;
  animation:callPulse 2.2s ease-out infinite;
}
@keyframes callPulse{
  0%{   transform:scale(1);   opacity:.55; }
  100%{ transform:scale(1.55); opacity:0; }
}
.sk-call-text{ display:flex; flex-direction:column; line-height:1.3; }
.sk-call-text em{ font-style:normal; font-size:12.5px; color:#8a8c92; }
.sk-call-text strong{ font-size:16px; font-weight:800; color:#151515; }

/* ---------------- Scroll reveal ---------------- */
.sk-about [data-reveal]{ opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s ease; }
.sk-about.in-view [data-reveal]{ opacity:1; transform:translateY(0); }

/* ---------------- Responsive ---------------- */
@media (max-width:991px){
  .sk-about{ padding:70px 0; }
  .sk-about-visual{ padding:10px 10px 40px 10px; margin-bottom:56px; }
  .sk-about-frame{ max-width:440px; margin:0 auto; }
  .sk-about-content{ align-items:flex-start; }
  .sk-about-heading, .sk-about-copy{ max-width:100%; }
}
@media (max-width:560px){
  .sk-about-features{ grid-template-columns:1fr; gap:22px; }
  .sk-about-badge{ width:96px; height:96px; }
  .sk-about-stat{ padding:12px 14px; }
  .sk-about-cta{ gap:22px; }
}

/* ---------------- Reduced motion ---------------- */
@media (prefers-reduced-motion:reduce){
  .sk-call-ring{ animation:none; opacity:.4; }
  .sk-about [data-reveal]{ opacity:1; transform:none; transition:none; }
}
.sk-services{ background:#faf9f7; padding:30px 0; }

/* ---------- Section head ---------- */
.sk-services-head{
  /* max-width:680px; */
  margin:0 auto 64px;
  text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:18px;
}
.sk-services-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#F08807;
}
.sk-services-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }
.sk-services-heading{ margin:0; font-size:clamp(28px,3.2vw,35px); font-weight:800; line-height:1.22; color:#131313; }
.sk-services-desc{ margin:0; font-size:16px; line-height:1.8; color:#5a5c63; }

/* ---------- Slider shell ---------- */
.wave-slider{ position:relative; padding:0 64px; }
.wave-viewport{ overflow:hidden; }

.wave-track{
  display:flex;
  align-items:flex-start;
  gap:30px;
  padding:6px 6px 96px;
  transition:transform .6s cubic-bezier(.19,1,.22,1);
  will-change:transform;
}
.wave-track.no-anim{ transition:none !important; }

/* ---------- Card ---------- */
.wave-card{
  flex:0 0 auto;
  width:270px;
  display:flex;
  flex-direction:column;
}
/* zig-zag rhythm — matches the alternating stagger of the reference layout */
.wave-card:nth-child(even){ margin-top:64px; }

.wave-card-top{ display:flex; align-items: center; gap:14px; }

.wave-card-label{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:18px;
  font-weight:700;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:#b9bbc1;
  white-space:nowrap;
  padding-bottom:6px;
  flex:0 0 auto;
  transition:color .35s ease;
}

.wave-card-media{
  flex:1 1 auto;
  display:block;
  width:100%;
  aspect-ratio:3/4;
  background-color:#e7e7ea;
  background-size:cover;
  background-position:center;
  transition:transform .5s ease, filter .5s ease;
}
.wave-card:hover .wave-card-media{ transform:scale(1.04); }
.wave-card:hover .wave-card-label{ color:#F08807; }

.wave-card-sub{ margin:16px 0 0; font-size:14.5px; color:#4c4e54; }

.wave-card-price{
  margin-top:12px;
  display:inline-block;
  width:fit-content;
  padding:11px 18px;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  color:#1a1300;
  font-weight:800;
  font-size:14px;
  text-decoration:none;
  border-radius:4px;
  box-shadow:0 14px 26px -14px rgba(240,136,7,.6);
  transition:transform .3s ease, box-shadow .3s ease;
}
.wave-card-price:hover{ transform:translateY(-3px); box-shadow:0 18px 32px -14px rgba(240,136,7,.72); }

/* ---------- Arrows ---------- */
.wave-arrow{
  position:absolute; top:calc(50% - 34px); transform:translateY(-50%);
  width:50px; height:50px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#ffffff;
  border:1.6px solid rgba(20,20,20,.12);
  cursor:pointer; z-index:4;
  transition:background .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease;
  box-shadow:0 12px 26px -14px rgba(20,20,20,.25);
}
.wave-arrow svg{ width:18px; height:18px; fill:none; stroke:#1a1a1a; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; transition:stroke .3s ease; }
.wave-arrow:hover{ background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%); border-color:transparent; transform:translateY(-50%) scale(1.08); }
.wave-arrow:hover svg{ stroke:#1a1300; }
.wave-arrow-prev{ left:0; }
.wave-arrow-next{ right:0; }

/* ---------- Indicators (below the slider) ---------- */
.wave-dots{ display:flex; align-items:center; justify-content:center; gap:10px; margin-top:6px; }
.wave-dot{
  width:9px; height:9px; padding:0; border:none; border-radius:50%;
  background:rgba(20,20,20,.18); cursor:pointer;
  transition:width .35s ease, border-radius .35s ease, background .35s ease;
}
.wave-dot:hover{ background:rgba(20,20,20,.35); }
.wave-dot.is-active{ width:28px; border-radius:6px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }

/* ---------- Scroll reveal ---------- */
.sk-services [data-reveal]{ opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
.sk-services.in-view [data-reveal]{ opacity:1; transform:translateY(0); }

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .sk-services{ padding:80px 0; }
  .wave-card{ width:220px; }
  .wave-card:nth-child(even){ margin-top:48px; }
  .wave-track{ padding-bottom:80px; gap:24px; }
}
@media (max-width:640px){
  .sk-services-head{ margin-bottom:44px; }
  .wave-slider{ padding:0 50px; }
  .wave-card{ width:74vw; }
  .wave-card:nth-child(even){ margin-top:34px; }
  .wave-arrow{ width:42px; height:42px; }
  .wave-track{ padding-bottom:64px; gap:18px; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .sk-services [data-reveal]{ opacity:1; transform:none; transition:none; }
  .wave-track{ transition:none; }
  .wave-card-media{ transition:none; }
}
.sk-cta{ background:#ffffff; padding:30px 0; }

.sk-cta-panel{
  position:relative;
  overflow:visible;
  border-radius:32px;
  padding:70px 60px;
  background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%);
  box-shadow:0 40px 80px -30px rgba(240,136,7,.55);
}

.sk-cta-glow{
  position:absolute; inset:0;
  border-radius:32px;
  background:radial-gradient(60% 60% at 85% 20%, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 70%);
  pointer-events:none;
}

/* ---------- Left content ---------- */
.sk-cta-content{ display:flex; flex-direction:column; gap:18px;  position:relative; z-index:1; }

.sk-cta-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  width:fit-content;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#1a1300;
}
.sk-cta-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:#1a1300; opacity:.55; }

.sk-cta-heading{ margin:0; font-size:clamp(26px,3vw,35px); font-weight:800; line-height:1.24; color:#1a1300; }

.sk-cta-desc{ margin:0; font-size:16px; line-height:1.8; color:#3a2c00; opacity:.85; }

.sk-cta-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:34px; padding-top:12px; }

/* Call now */
.sk-cta-call{ display:inline-flex; align-items:center; gap:14px; text-decoration:none; }
.sk-cta-call-icon{
  position:relative;
  width:54px; height:54px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#ffffff;
  box-shadow:0 14px 26px -12px rgba(26,19,0,.35);
}
.sk-cta-call-icon svg{ width:21px; height:21px; fill:none; stroke:#F08807; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.sk-cta-call-ring{
  position:absolute; inset:0; border-radius:50%;
  border:1.6px solid rgba(255,255,255,.9);
  animation:ctaPulse 2.2s ease-out infinite;
}
@keyframes ctaPulse{
  0%{   transform:scale(1);    opacity:.6; }
  100%{ transform:scale(1.6);  opacity:0; }
}
.sk-cta-call-text{ display:flex; flex-direction:column; line-height:1.3; }
.sk-cta-call-text em{ font-style:normal; font-size:12.5px; color:#1a1300; opacity:.7; }
.sk-cta-call-text strong{ font-size:17px; font-weight:800; color:#1a1300; }

/* Contact us — solid dark button, stands out on the bright gradient */
.sk-cta-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:16px 30px;
  border-radius:50px;
  background:#181410;
  color:#ffffff; font-weight:700; font-size:15px;
  text-decoration:none;
  box-shadow:0 18px 34px -16px rgba(24,20,16,.55);
  transition:transform .3s ease, box-shadow .3s ease, background .3s ease;
}
.sk-cta-btn svg{ width:17px; height:17px; fill:none; stroke:#ffffff; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s ease; }
.sk-cta-btn:hover{ transform:translateY(-3px); background:#000000; box-shadow:0 22px 40px -16px rgba(24,20,16,.65); }
.sk-cta-btn:hover svg{ transform:translateX(4px); }

/* ---------- Right visual ---------- */
.sk-cta-visual{ position:relative; height:100%; min-height:280px; }

.sk-cta-illustration{
  position:absolute;
  left:50%; top:50%;
  width:78%; max-width:280px;
  height:auto;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 30px 40px rgba(26,19,0,.28));
}
.sk-cta-png{ /* apply this class to your real <img> replacement, same positioning as the illustration above */
  position:absolute; left:50%; top:50%;
  width:82%; max-width:300px; height:auto;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 30px 40px rgba(26,19,0,.28));
}

.sk-cta-badge{
  position:absolute; top:-6%; left:-4%;
  display:flex; align-items:center; gap:9px;
  background:#ffffff;
  padding:10px 16px;
  border-radius:50px;
  font-size:12.5px; font-weight:700; color:#1a1300;
  box-shadow:0 16px 30px -14px rgba(20,20,20,.3);
  z-index:2;
}
.sk-cta-badge-dot{ width:8px; height:8px; border-radius:50%; background:#2fbf5a; box-shadow:0 0 0 3px rgba(47,191,90,.25); }

/* ---------- Scroll reveal ---------- */
.sk-cta [data-reveal]{ opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s ease; }
.sk-cta.in-view [data-reveal]{ opacity:1; transform:translateY(0); }

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .sk-cta{ padding:70px 0; }
  .sk-cta-panel{ padding:54px 34px; border-radius:26px; }
  .sk-cta-content{ max-width:100%; margin-bottom:52px; }
  .sk-cta-visual{ min-height:240px; }
}
@media (max-width:576px){
  .sk-cta-panel{ padding:42px 24px; }
  .sk-cta-actions{ gap:22px; }
  .sk-cta-badge{ top:-4%; left:2%; font-size:11.5px; padding:8px 13px; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .sk-cta-call-ring{ animation:none; opacity:.4; }
  .sk-cta [data-reveal]{ opacity:1; transform:none; transition:none; }
}
.sk-why{
  position:relative;
  background-color:#ffffff;
  background-image:radial-gradient(rgba(20,20,20,.05) 1px, transparent 1.6px);
  background-size:24px 24px;
  padding:30px 0;
}

/* ---------- Head ---------- */
.sk-why-head{
   margin:0 auto 70px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:18px;
}
.sk-why-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#F08807;
}
.sk-why-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }
.sk-why-heading{ margin:0; font-size:clamp(28px,3.2vw,35px); font-weight:800; line-height:1.22; color:#131313; }
.sk-why-heading .hl{
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-decoration:underline; text-decoration-color:rgba(240,136,7,.35); text-underline-offset:6px;
}
.sk-why-desc{ margin:0; font-size:16px; line-height:1.8; color:#5a5c63; }

/* ---------- Hub layout ---------- */
.sk-why-hub{
  display:grid;
  grid-template-columns:1fr 380px 1fr;
  align-items:center;
  gap:20px;
}

.sk-why-col{ display:flex; flex-direction:column; gap:44px; }

.sk-why-item{ display:flex; align-items:flex-start; gap:16px; }
/* .sk-why-item-reverse{ flex-direction:row-reverse; text-align:right; } */

.sk-why-icon{
  flex:0 0 auto; width:54px; height:54px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(251,230,10,.14) 0%, rgba(240,136,7,.14) 100%);
  border:1px solid rgba(240,136,7,.22);
  transition:background .3s ease, border-color .3s ease;
}
.sk-why-icon svg{ width:24px; height:24px; fill:none; stroke:#F08807; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:stroke .3s ease; }
.sk-why-item:hover .sk-why-icon{ background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%); border-color:transparent; }
.sk-why-item:hover .sk-why-icon svg{ stroke:#ffffff; }

.sk-why-text h3{ margin:0 0 6px; font-size:22px; font-weight:700; color:#151515; }
.sk-why-text p{ margin:0; font-size:16px; line-height:1.65; color:#7a7c82; }

/* ---------- Center visual ---------- */
.sk-why-visual{ position:relative; display:flex; align-items:center; justify-content:center; padding:30px 0; }

.sk-why-ring{
  position:absolute;
  border-radius:50%;
  border:1.5px solid rgba(240,136,7,.35);
  animation:whyPulse 3.6s ease-out infinite;
}
.sk-why-ring-1{ width:260px; height:260px; animation-delay:0s; }
.sk-why-ring-2{ width:260px; height:260px; animation-delay:1.2s; }
.sk-why-ring-3{ width:260px; height:260px; animation-delay:2.4s; }
@keyframes whyPulse{
  0%{   transform:scale(.7); opacity:0; }
  35%{  opacity:.7; }
  100%{ transform:scale(1.55); opacity:0; }
}

.sk-why-tv{ position:relative; width:100%; max-width:320px; z-index:1; }
.sk-why-tv-frame{
  border-radius:14px;
  border:9px solid #17171a;
  overflow:hidden;
  aspect-ratio:16/10;
  box-shadow:0 35px 60px -24px rgba(20,20,20,.4);
}
.sk-why-tv-screen{
  display:block; width:100%; height:100%;
  background-color:#0e2233;
  background-size:cover; background-position:center;
}
.sk-why-tv-stand{
  display:block; width:120px; height:14px; margin:0 auto;
  background:#17171a;
  border-radius:0 0 8px 8px;
}

/* ---------- Scroll reveal ---------- */
.sk-why [data-reveal]{ opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s ease; }
.sk-why.in-view [data-reveal]{ opacity:1; transform:translateY(0); }

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .sk-why{ padding:80px 0; }
  .sk-why-hub{ grid-template-columns:1fr; gap:56px; }
  .sk-why-visual{ order:-1; padding:0; }
  .sk-why-col{ gap:36px; }
  .sk-why-item, .sk-why-item-reverse{ flex-direction:row; text-align:left; }
  .sk-why-tv{ max-width:280px; }
  .sk-why-ring-1, .sk-why-ring-2, .sk-why-ring-3{ width:220px; height:220px; }
}
@media (max-width:576px){
  .sk-why-head{ margin-bottom:48px; }
  .sk-why-col{ gap:28px; }
}

.sk-plans{ position:relative; background:#fdfcfb; padding:30px 0; overflow:hidden; }

.sk-plans-blob{ position:absolute; border-radius:50%; filter:blur(70px); opacity:.16; pointer-events:none; background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%); }
.sk-plans-blob-a{ width:420px; height:420px; top:-140px; left:-160px; }
.sk-plans-blob-b{ width:360px; height:360px; bottom:-140px; right:-140px; }

/* ---------- Head ---------- */
.sk-plans-head{
  margin:0 auto 60px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:18px;
  position:relative; z-index:1;
}
.sk-plans-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#F08807;
}
.sk-plans-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }
.sk-plans-heading{ margin:0; font-size:clamp(28px,3.2vw,42px); font-weight:800; line-height:1.22; color:#131313; }
.sk-plans-desc{ margin:0; font-size:16px; line-height:1.8; color:#5a5c63; }

/* ---------- Grid ---------- */
.sk-plans-grid{
  position:relative; z-index:1;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:28px;
  align-items:start;
}

/* ---------- Card ---------- */
.sk-plan-card{
  border-radius:22px;
  padding:1px;
  background:rgba(20,20,20,.08);
  transition:transform .35s ease, box-shadow .35s ease;
}
.sk-plan-card:hover{ transform:translateY(-6px); box-shadow:0 26px 46px -26px rgba(20,20,20,.24); }

.sk-plan-inner{
  height:100%;
  background:#ffffff;
  border-radius:21px;
  padding:34px 28px;
  display:flex;
  flex-direction:column;
}

.sk-plan-name{ font-size:12.5px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:#9a9ca2; }
.sk-plan-speed{ margin-top:10px; font-size:16px; font-weight:600; color:#2c2d31; }
.sk-plan-speed strong{ font-size:40px; font-weight:800; color:#151515; margin-right:4px; }
.sk-plan-tagline{ margin:4px 0 0; font-size:13px; color:#8a8c92; }

.sk-plan-price{ margin:18px 0 22px; font-size:14px; color:#8a8c92; }
.sk-plan-price span{ font-size:28px; font-weight:800; color:#151515; margin-right:4px; }

.sk-plan-features{ list-style:none; margin:0 0 26px; padding:0; display:flex; flex-direction:column; gap:13px; flex:1; }
.sk-plan-features li{ display:flex; align-items:center; gap:10px; font-size:13.5px; color:#4c4e54; }
.sk-plan-features i{
  flex:0 0 auto; width:20px; height:20px; border-radius:50%;
  background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%);
  position:relative;
}
.sk-plan-features i::after{
  content:""; position:absolute; left:6px; top:4px; width:6px; height:10px;
  border:solid #ffffff; border-width:0 2px 2px 0; transform:rotate(45deg);
}

.sk-plan-btn{
  margin-top:auto;
  display:inline-flex; align-items:center; justify-content:center;
  padding:13px 20px;
  border-radius:50px;
  border:1.6px solid #F08807;
  color:#F08807; font-weight:700; font-size:14px;
  text-decoration:none;
  transition:background .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.sk-plan-btn:hover{
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  border-color:transparent; color:#1a1300;
  box-shadow:0 14px 26px -12px rgba(240,136,7,.5);
}

/* ---------- Featured card ---------- */
.sk-plan-card.is-featured{
  position:relative;
  background:linear-gradient(160deg,#FBE60A 0%,#F08807 100%);
  margin-top:-22px; margin-bottom:-22px;
  padding:2px;
  box-shadow:0 34px 60px -26px rgba(240,136,7,.55);
  z-index:2;
}
.sk-plan-card.is-featured .sk-plan-inner{ padding:52px 28px 34px; }
.sk-plan-card.is-featured:hover{ transform:translateY(-6px); }

.sk-plan-ribbon{
  position:absolute; top:-14px; left:50%; transform:translateX(-50%);
  background:#181410; color:#ffffff;
  font-size:11.5px; font-weight:700; letter-spacing:.4px;
  padding:7px 18px; border-radius:50px;
  box-shadow:0 10px 20px -8px rgba(0,0,0,.4);
  z-index:3;
}

.sk-plan-btn-solid{
  border-color:transparent;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  color:#1a1300;
  box-shadow:0 16px 30px -14px rgba(240,136,7,.6);
}
.sk-plan-btn-solid:hover{ box-shadow:0 20px 36px -14px rgba(240,136,7,.72); }

/* ---------- View all link ---------- */
.sk-plans-more{
  display:flex; align-items:center; justify-content:center; gap:8px;
  width:fit-content; margin:56px auto 0;
  font-size:14.5px; font-weight:700; color:#151515;
  text-decoration:none;
  padding-bottom:3px;
  border-bottom:1.6px solid rgba(20,20,20,.18);
  transition:border-color .3s ease, color .3s ease, gap .3s ease;
  position:relative; z-index:1;
}
.sk-plans-more svg{ width:15px; height:15px; fill:none; stroke:#151515; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s ease; }
.sk-plans-more:hover{ color:#F08807; border-color:#F08807; gap:12px; }
.sk-plans-more:hover svg{ stroke:#F08807; transform:translateX(3px); }

/* ---------- Scroll reveal ---------- */
.sk-plans [data-reveal]{ opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; }
.sk-plans.in-view [data-reveal]{ opacity:1; transform:translateY(0); }

/* ---------- Responsive ---------- */
@media (max-width:1199px){
  .sk-plans-grid{ grid-template-columns:repeat(2, 1fr); }
  .sk-plan-card.is-featured{ margin-top:0; margin-bottom:0; order:-1; grid-column:1 / -1; max-width:420px; margin-left:auto; margin-right:auto; }
}
@media (max-width:991px){
  .sk-plans{ padding:80px 0; }
}
@media (max-width:640px){
  .sk-plans-grid{ grid-template-columns:1fr; gap:22px; }
  .sk-plan-card.is-featured{ max-width:100%; }
  .sk-plans-head{ margin-bottom:44px; }
}

.sk-testimonials{ position:relative; background:#fdfcfb; padding:30px 0 30px; overflow:hidden; }

.sk-testi-blob{ position:absolute; border-radius:50%; filter:blur(70px); opacity:.16; pointer-events:none; background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%); }
.sk-testi-blob-a{ width:420px; height:420px; top:-140px; left:-160px; }
.sk-testi-blob-b{ width:360px; height:360px; bottom:-140px; right:-140px; }

/* ---------------- Head ---------------- */
.sk-testi-head{
  margin:0 auto 56px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:18px;
  position:relative; z-index:1;
}
.sk-testi-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#F08807;
}
.sk-testi-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }
.sk-testi-heading{ margin:0; font-size:clamp(28px,3.2vw,35px); font-weight:800; line-height:1.22; color:#131313; }
.sk-testi-highlight{
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.sk-testi-desc{ margin:0; font-size:16px; line-height:1.8; color:#5a5c63; }

/* ---------------- Slider shell ---------------- */
.sk-testi-slider{ position:relative; z-index:1; }
.sk-slider-viewport{ overflow:hidden; width:100%; }
.sk-slider-track{
  display:flex;
  will-change:transform;
  transition:transform .55s cubic-bezier(.65,0,.35,1);
}
.sk-slider-track.sk-no-transition{ transition:none !important; }

/* ---------------- Card ---------------- */
.sk-testi-card{
  flex:0 0 calc((100% / 3) - 22px);
  margin-right:22px;
  background:#ffffff;
  border:1px solid #efece6;
  border-radius:18px;
  padding:34px 32px 30px;
  position:relative;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(20,15,5,.08);
}
.sk-testi-card::before{
  content:"";
  position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
}
.sk-testi-top{
  display:flex; align-items:flex-start; justify-content:space-between;
  margin-bottom:18px;
}
.sk-testi-stars{
  font-size:20px; letter-spacing:3px;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.sk-testi-quote{
  font-family:Georgia, "Times New Roman", serif;
  font-size:60px; line-height:1; font-weight:700;
  color:#F08807; opacity:.22;
}
.sk-testi-text{
  font-size:16px; line-height:1.8; color:#54565d;
  margin:0 0 26px;
  text-align: justify;
  /* min-height:96px; */
}
.sk-testi-divider{ height:1px; background:rgba(0,0,0,.08); margin-bottom:22px; }
.sk-testi-person{ display:flex; align-items:center; gap:14px; }
.sk-testi-avatar{
  width:48px; height:48px; border-radius:50%;
  object-fit:cover; flex:0 0 48px;
  border:2px solid transparent;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,#FBE60A 0%,#F08807 100%) border-box;
}
.sk-testi-person h4{ margin:0 0 2px; font-size:15px; font-weight:700; color:#151515; }
.sk-testi-person span{ font-size:12.5px; color:#8c8e94; }

/* ---------------- Controls ---------------- */
.sk-slider-controls{
  display:flex; align-items:center; justify-content:center; gap:22px;
  margin-top:40px; position:relative; z-index:1;
}
.sk-arrow{
  width:46px; height:46px; border-radius:50%;
  border:1.5px solid #e9e6e1; background:#fff; color:#1a1a1a;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  transition:background .25s ease, border-color .25s ease, color .25s ease, transform .2s ease;
}
.sk-arrow:hover{
  background:linear-gradient(180deg, #FBE60A 0%, #F08807 100%);
  border-color:transparent; color:#1a1a1a; transform:translateY(-2px);
}
.sk-dots{ display:flex; align-items:center; gap:9px; }
.sk-dot{
  width:8px; height:8px; border-radius:50%;
  background:#e6e2db; border:none; padding:0; cursor:pointer;
  transition:all .25s ease;
}
.sk-dot.is-active{
  width:26px; border-radius:5px;
  background:linear-gradient(90deg, #FBE60A 0%, #F08807 100%);
}

/* ---------------- Responsive ---------------- */
@media (max-width: 991px){
  .sk-testi-card{ flex:0 0 calc((100% / 2) - 18px); margin-right:18px; }
}
@media (max-width: 575px){
  .sk-testi-card{ flex:0 0 100%; margin-right:16px; padding:28px 24px 26px; }
  .sk-testi-text{ min-height:0; }
}

.animated-heading {
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

/* Static Base Line */
.animated-heading::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px; /* Width of base line */
    height: 3px;
    background-color: rgba(255, 255, 255, 0.2); /* Soft transparent white base */
    border-radius: 2px;
}

/* Moving Animated Accent Line */
.animated-heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25px; /* Moving accent width */
    height: 3px;
    background: linear-gradient(90deg, #FBE60A, #F08807); /* Matching your brand gradient */
    border-radius: 2px;
    box-shadow: 0 0 8px rgba(251, 230, 10, 0.8);
    animation: runningLine 2.5s infinite ease-in-out;
}

/* Running Keyframe Animation */
@keyframes runningLine {
    0% {
        left: 0;
        transform: translateX(0);
    }
    50% {
        left: 100%;
        transform: translateX(-100%);
    }
    100% {
        left: 0;
        transform: translateX(0);
    }
}
.sk-abt{ background:#ffffff; padding:30px 0; }

/* ---------- Top head (full width) ---------- */
.sk-abt-head{
   margin:0 auto 20px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:18px;
}
.sk-abt-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#F08807;
}
.sk-abt-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }
.sk-abt-heading{ margin:0; font-size:clamp(30px,3.6vw,35px); font-weight:800; line-height:1.2; color:#131313; }

.sk-abt-row{ margin-top:0; }

/* ---------- LEFT — visual (different composition: notch-cut photo + circular photo) ---------- */
.sk-abt-visual{ position:relative; padding:14px 24px 10px 14px; }

.sk-abt-blob{
  position:absolute;
  bottom:-6%; right:-8%;
  width:70%; height:70%;
  border-radius:50%;
  background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%);
  opacity:.14;
  filter:blur(50px);
  z-index:0;
}

.sk-abt-frame{ position:relative; width:100%; aspect-ratio:1/1;  z-index:1; }

.sk-abt-img{
  position:absolute;
  background-color:#e7e7ea;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.sk-abt-img-main{
  top:6%; left:0; width:88%; height:82%;
  clip-path:polygon(0 0, 100% 0, 100% 84%, 84% 100%, 0 100%);
  box-shadow:0 30px 60px -20px rgba(20,20,20,.35);
}
.sk-abt-img-sub{
  left:-4%; top:-4%; width:44%; height:44%;
  border-radius:50%;
  border:6px solid #ffffff;
  box-shadow:0 22px 40px -16px rgba(20,20,20,.4);
  z-index:2;
}

.sk-abt-stat{
  position:absolute;
  top:6%; right:0;
  display:flex; align-items:center; gap:12px;
  background:#ffffff;
  padding:14px 18px;
  border-radius:16px;
  box-shadow:0 20px 40px -16px rgba(20,20,20,.22);
  z-index:3;
}
.sk-abt-stat-icon{
  width:42px; height:42px; flex:0 0 auto;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%);
}
.sk-abt-stat-icon svg{ width:20px; height:20px; fill:none; stroke:#ffffff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.sk-abt-stat-text{ display:flex; flex-direction:column; font-size:12.5px; color:#5a5c63; line-height:1.35; white-space:nowrap; }
.sk-abt-stat-text strong{ font-size:16px; color:#151515; font-weight:800; }

.sk-abt-badge{
  position:absolute;
  left:6%; bottom:4%;
  max-width:190px;
  display:flex; align-items:center; gap:10px;
  background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%);
  color:#1a1300;
  font-size:12.5px; font-weight:700; line-height:1.3;
  padding:14px 18px;
  border-radius:16px;
  box-shadow:0 18px 34px -12px rgba(240,136,7,.55);
  z-index:3;
}
.sk-abt-badge-num{ font-size:22px; font-weight:800; flex:0 0 auto; }

/* ---------- RIGHT — content ---------- */
.sk-abt-content{ display:flex; flex-direction:column; gap:26px; padding:24px 0; }

.sk-abt-para{ margin:0; font-size:16px; line-height:1.85; color:#5a5c63; text-align: justify; }
.sk-abt-para .hl{ color:#151515; font-weight:700; }

/* Call now */
.sk-abt-call{ display:inline-flex; align-items:center; gap:14px; text-decoration:none; width:fit-content; }
.sk-abt-call-icon{
  position:relative;
  width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:1.6px solid #F08807;
}
.sk-abt-call-icon svg{ width:20px; height:20px; fill:none; stroke:#F08807; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.sk-abt-call-ring{
  position:absolute; inset:0; border-radius:50%;
  border:1.6px solid #F08807;
  animation:abtCallPulse 2.2s ease-out infinite;
}
@keyframes abtCallPulse{
  0%{   transform:scale(1);   opacity:.55; }
  100%{ transform:scale(1.55); opacity:0; }
}
.sk-abt-call-text{ display:flex; flex-direction:column; line-height:1.3; }
.sk-abt-call-text em{ font-style:normal; font-size:12.5px; color:#8a8c92; }
.sk-abt-call-text strong{ font-size:16px; font-weight:800; color:#151515; }

/* ---------- Scroll reveal ---------- */
.sk-abt [data-reveal]{ opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s ease; }
.sk-abt.in-view [data-reveal]{ opacity:1; transform:translateY(0); }

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .sk-abt{ padding:70px 0; }
  .sk-abt-head{ margin-bottom:56px; }
  .sk-abt-visual{ padding:14px 14px 60px 14px; margin-bottom:56px; }
  .sk-abt-frame{ max-width:440px; margin:0 auto; }
}
@media (max-width:576px){
  .sk-abt-badge{ max-width:160px; padding:12px 14px; }
  .sk-abt-stat{ padding:12px 14px; }
}

.sk-mvv{ background:#fdfcfb; padding:30px 0; }

/* ---------- Head ---------- */
.sk-mvv-head{
  margin:0 auto 56px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:18px;
}
.sk-mvv-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#F08807;
}
.sk-mvv-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }
.sk-mvv-heading{ margin:0; font-size:clamp(28px,3.2vw,35px); font-weight:800; line-height:1.22; color:#131313; }
.sk-mvv-desc{ margin:0; font-size:16px; line-height:1.8; color:#5a5c63; }

/* ---------- Mission / Vision panels ---------- */
.sk-mvv-panels{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  margin-bottom:30px;
}

.sk-mvv-panel{
  position:relative;
  border-radius:24px;
  padding:48px 44px;
  overflow:hidden;
}

.sk-mvv-num{
  position:absolute; top:24px; right:30px;
  font-size:40px; font-weight:800; line-height:1;
}

.sk-mvv-icon{
  width:58px; height:58px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  margin-bottom:26px;
}
.sk-mvv-icon svg{ width:26px; height:26px; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.sk-mvv-panel h3{ margin:0 0 14px; font-size:25px; font-weight:800; }
.sk-mvv-panel p{ margin:0; font-size:16px; line-height:1.85; max-width:420px; }

/* Light panel — Mission */
.sk-mvv-panel-light{ background:#ffffff; border:1px solid rgba(20,20,20,.08); box-shadow:0 20px 44px -28px rgba(20,20,20,.18); }
.sk-mvv-panel-light .sk-mvv-num{ color:rgba(20,20,20,.08); }
.sk-mvv-panel-light .sk-mvv-icon{ background:linear-gradient(135deg, rgba(251,230,10,.16) 0%, rgba(240,136,7,.16) 100%); }
.sk-mvv-panel-light .sk-mvv-icon svg{ stroke:#F08807; }
.sk-mvv-panel-light h3{ color:#131313; }
.sk-mvv-panel-light p{ color:#5a5c63; }

/* Dark panel — Vision */
.sk-mvv-panel-dark{ background:#15120d; box-shadow:0 26px 54px -26px rgba(20,20,20,.4); }
.sk-mvv-panel-dark .sk-mvv-num{ color:rgba(255,255,255,.08); }
.sk-mvv-panel-dark .sk-mvv-icon{ background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%); }
.sk-mvv-panel-dark .sk-mvv-icon svg{ stroke:#1a1300; }
.sk-mvv-panel-dark h3{ color:#ffffff; }
.sk-mvv-panel-dark p{ color:rgba(255,255,255,.68); }

/* ---------- Core values strip ---------- */
.sk-mvv-values{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  background:#ffffff;
  border:1px solid rgba(20,20,20,.08);
  border-radius:24px;
  box-shadow:0 20px 44px -30px rgba(20,20,20,.16);
  overflow:hidden;
}

.sk-mvv-value{
  padding:34px 26px;
  text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:12px;
  border-left:1px solid rgba(20,20,20,.08);
  transition:background .3s ease;
}
.sk-mvv-value:first-child{ border-left:none; }
.sk-mvv-value:hover{ background:#fdfaf1; }

.sk-mvv-value-icon{
  width:48px; height:48px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(251,230,10,.16) 0%, rgba(240,136,7,.16) 100%);
  transition:background .3s ease;
}
.sk-mvv-value-icon svg{ width:21px; height:21px; fill:none; stroke:#F08807; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:stroke .3s ease; }
.sk-mvv-value:hover .sk-mvv-value-icon{ background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%); }
.sk-mvv-value:hover .sk-mvv-value-icon svg{ stroke:#ffffff; }

.sk-mvv-value h4{ margin:0; font-size:20px; font-weight:700; color:#151515; }
.sk-mvv-value p{ margin:0; font-size:16px; line-height:1.55; color:#8a8c92; }

/* ---------- Scroll reveal ---------- */
.sk-mvv [data-reveal]{ opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; }
.sk-mvv.in-view [data-reveal]{ opacity:1; transform:translateY(0); }

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .sk-mvv{ padding:80px 0; }
  .sk-mvv-panels{ grid-template-columns:1fr; }
  .sk-mvv-panel{ padding:40px 32px; }
  .sk-mvv-values{ grid-template-columns:repeat(2, 1fr); }
  .sk-mvv-value{ border-left:none; border-top:1px solid rgba(20,20,20,.08); }
  .sk-mvv-value:nth-child(odd){ border-right:1px solid rgba(20,20,20,.08); }
  .sk-mvv-value:first-child, .sk-mvv-value:nth-child(2){ border-top:none; }
}
@media (max-width:576px){
  .sk-mvv-head{ margin-bottom:44px; }
  .sk-mvv-values{ grid-template-columns:1fr; }
  .sk-mvv-value{ border-right:none !important; border-top:1px solid rgba(20,20,20,.08); }
  .sk-mvv-value:first-child{ border-top:none; }
}

.sk-steps-sec{ background:#ffffff; padding:30px 0; }

/* ---------- Head ---------- */
.sk-steps-head{
   margin:0 auto 20px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:18px;
}
.sk-steps-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#F08807;
}
.sk-steps-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }
.sk-steps-heading{ margin:0; font-size:clamp(28px,3.2vw,35px); font-weight:800; line-height:1.22; color:#131313; }
.sk-steps-desc{ margin:0; font-size:16px; line-height:1.8; color:#5a5c63; }

/* ---------- Connected timeline ---------- */
.sk-steps-wrap{ position:relative; }

.sk-steps-line-track{
  position:absolute;
  top:44px; left:12.5%; right:12.5%;
  height:2px;
  background:rgba(20,20,20,.1);
  z-index:0;
}
.sk-steps-line-fill{
  display:block; height:100%; width:0%;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  transition:width 1.6s cubic-bezier(.19,1,.22,1);
}

.sk-steps{
  position:relative; z-index:1;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
}

.sk-step{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:0 18px; }

.sk-step-circle{
  width:88px; height:88px; flex:0 0 auto;
  border-radius:50%;
  background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%);
  color:#1a1300;
  font-size:28px; font-weight:800;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 20px 36px -16px rgba(240,136,7,.55);
}

.sk-step-connector{ width:2px; height:26px; background:rgba(20,20,20,.15); }
.sk-step:nth-child(even) .sk-step-connector{ height:60px; }

.sk-step-card{
  width:100%;
  max-width:250px;
  background:#ffffff;
  border:1px solid rgba(20,20,20,.08);
  border-radius:18px;
  padding:28px 22px;
  box-shadow:0 20px 40px -28px rgba(20,20,20,.2);
  transition:transform .35s ease, box-shadow .35s ease;
}
.sk-step-card:hover{ transform:translateY(-6px); box-shadow:0 28px 50px -24px rgba(20,20,20,.28); }

.sk-step-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:12px;
  background:linear-gradient(135deg, rgba(251,230,10,.16) 0%, rgba(240,136,7,.16) 100%);
  margin-bottom:16px;
}
.sk-step-icon svg{ width:20px; height:20px; fill:none; stroke:#F08807; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.sk-step-card h3{ margin:0 0 10px; font-size:20px; font-weight:700; color:#151515; }
.sk-step-card p{ margin:0; font-size:16px; line-height:1.65; color:#7a7c82; }

/* ---------- Scroll reveal ---------- */
.sk-steps-sec [data-reveal]{ opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; }
.sk-steps-sec.in-view [data-reveal]{ opacity:1; transform:translateY(0); }

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .sk-steps-sec{ padding:80px 0; }
  .sk-steps-line-track{ display:none; }
  .sk-steps{ grid-template-columns:repeat(2, 1fr); row-gap:56px; }
  .sk-step:nth-child(even) .sk-step-connector{ height:26px; }
}
@media (max-width:576px){
  .sk-steps-head{ margin-bottom:48px; }
  .sk-steps{ grid-template-columns:1fr; row-gap:44px; }
  .sk-step-card{ max-width:280px; }
}
.sk-contact{ background:#ffffff; padding:30px 0; }

.sk-contact-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#F08807;
}
.sk-contact-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }
.sk-contact-heading{ margin:16px 0 0; font-size:clamp(26px,2.8vw,35px); font-weight:800; line-height:1.24; color:#131313; }

/* ---------- Left info column ---------- */
.sk-contact-info{ display:flex; flex-direction:column; height:100%; max-width:480px; }
.sk-contact-desc{ margin:18px 0 0; font-size:15.5px; line-height:1.8; color:#5a5c63; }

.sk-contact-items{ display:flex; flex-direction:column; gap:26px; margin-top:38px; }
.sk-contact-item{ display:flex; align-items:flex-start; gap:16px; }
.sk-contact-icon{
  flex:0 0 auto; width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(251,230,10,.16) 0%, rgba(240,136,7,.16) 100%);
  border:1px solid rgba(240,136,7,.22);
}
.sk-contact-icon svg{ width:21px; height:21px; fill:none; stroke:#F08807; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sk-contact-text{ display:flex; flex-direction:column; gap:4px; padding-top:4px; }
.sk-contact-text em{ font-style:normal; font-size:14px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:#9a9ca2; }
.sk-contact-text strong{ font-size:16px; font-weight:700; color:#151515; line-height:1.5; }
.sk-contact-text a{ color:#151515; text-decoration:none; }
.sk-contact-text a:hover{ color:#F08807; }

.sk-contact-social{ display:flex; gap:12px; margin-top:44px; }
.sk-social-btn{
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:1.6px solid rgba(20,20,20,.14);
  color:#151515;
  transition:background .3s ease, border-color .3s ease, transform .3s ease, color .3s ease;
}
.sk-social-btn svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sk-social-btn:hover{ background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%); border-color:transparent; color:#1a1300; transform:translateY(-3px); }

/* ---------- Right form column ---------- */
.sk-contact-formwrap{
  background:#fdfcfb;
  border:1px solid rgba(20,20,20,.07);
  border-radius:26px;
  padding:44px 40px;
  box-shadow:0 26px 54px -32px rgba(20,20,20,.2);
}

.sk-contact-form{ margin-top:30px; display:flex; flex-direction:column; gap:20px; }
.sk-form-row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }

.sk-field{ position:relative; }
.sk-field input, .sk-field textarea{
  width:100%; box-sizing:border-box;
  padding:21px 16px 9px;
  border-radius:12px;
  border:1.5px solid rgba(20,20,20,.14);
  background:#ffffff;
  font-size:14.5px; color:#151515;
  resize:none;
  transition:border-color .3s ease, box-shadow .3s ease;
}
.sk-field textarea{ padding-top:24px; min-height:120px; }
.sk-field input:focus, .sk-field textarea:focus{
  outline:none; border-color:#F08807; box-shadow:0 0 0 4px rgba(240,136,7,.12);
}
.sk-field label{
  position:absolute; left:16px; top:19px;
  font-size:14.5px; color:#9a9ca2; pointer-events:none;
  transition:top .22s ease, font-size .22s ease, color .22s ease, font-weight .22s ease;
}
.sk-field input:focus ~ label, .sk-field input:not(:placeholder-shown) ~ label,
.sk-field textarea:focus ~ label, .sk-field textarea:not(:placeholder-shown) ~ label{
  top:8px; font-size:11px; font-weight:700; letter-spacing:.3px; text-transform:uppercase; color:#F08807;
}

.sk-form-submit{ display:flex; justify-content:center; padding-top:10px; }
.sk-submit-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:16px 34px;
  border:none; border-radius:50px; cursor:pointer;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  color:#1a1300; font-weight:700; font-size:15px;
  box-shadow:0 18px 34px -16px rgba(240,136,7,.6);
  transition:transform .3s ease, box-shadow .3s ease, background .3s ease;
}
.sk-submit-btn:hover{ transform:translateY(-3px); box-shadow:0 22px 40px -16px rgba(240,136,7,.72); }
.sk-submit-icon{ display:flex; }
.sk-submit-icon svg{ width:16px; height:16px; fill:none; stroke:#1a1300; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition:transform .4s ease; }

.sk-submit-btn.is-sending{ opacity:.8; cursor:progress; }
.sk-submit-btn.is-sending .sk-submit-icon svg{ animation:submitSpin .8s linear infinite; }
@keyframes submitSpin{ to{ transform:rotate(360deg); } }

.sk-submit-btn.is-sent{ background:linear-gradient(90deg,#3ecf6e 0%,#1fa855 100%); }
.sk-submit-btn.is-sent .sk-submit-icon svg{ transform:scale(1.15); }

/* ---------- Map ---------- */
.sk-map-wrap{
  position:relative;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 30px 60px -32px rgba(20,20,20,.28);
}
.sk-map-frame{
  display:block; width:100%; height:440px; border:0;
  filter:grayscale(35%) contrast(1.05);
  transition:filter .4s ease;
}
.sk-map-wrap:hover .sk-map-frame{ filter:none; }

.sk-map-card{
  position:absolute; left:28px; bottom:28px;
  display:flex; align-items:center; gap:14px;
  max-width:400px;
  background:#ffffff;
  padding:18px 22px;
  border-radius:18px;
  box-shadow:0 22px 44px -20px rgba(20,20,20,.35);
}
.sk-map-card-icon{
  flex:0 0 auto; width:44px; height:44px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%);
}
.sk-map-card-icon svg{ width:20px; height:20px; fill:none; stroke:#ffffff; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sk-map-card-text{ display:flex; flex-direction:column; gap:2px; font-size:12.5px; color:#5a5c63; line-height:1.5; }
.sk-map-card-text strong{ font-size:14.5px; color:#151515; font-weight:800; }
.sk-map-card-link{
  flex:0 0 auto;
  display:inline-flex; align-items:center; gap:6px;
  font-size:12.5px; font-weight:700; color:#F08807;
  text-decoration:none; margin-left:auto;
}
.sk-map-card-link svg{ width:13px; height:13px; fill:none; stroke:#F08807; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s ease; }
.sk-map-card-link:hover svg{ transform:translateX(3px); }

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .sk-contact{ padding:80px 0; }
  .sk-contact-info{ max-width:100%; margin-bottom:56px; }
  .sk-contact-formwrap{ padding:36px 26px; }
  .sk-map-card{ position:static; margin-top:18px; box-shadow:none; border:1px solid rgba(20,20,20,.08); }
  .sk-map-wrap{ box-shadow:none; }
  .sk-map-frame{ border-radius:20px; }
}
@media (max-width:576px){
  .sk-form-row{ grid-template-columns:1fr; }
  .sk-map-card{ flex-direction:column; align-items:flex-start; }
  .sk-map-card-link{ margin-left:0; }
}
.sk-faq{ position:relative; background:#fdfcfb; padding:30px 0; overflow:hidden; }

.sk-faq-blob{
  position:absolute; top:-160px; right:-160px;
  width:420px; height:420px; border-radius:50%;
  background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%);
  opacity:.12; filter:blur(70px);
  pointer-events:none;
}

/* ---------- Head ---------- */
.sk-faq-head{
  position:relative; z-index:1;
   margin:0 auto 60px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:18px;
}
.sk-faq-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#F08807;
}
.sk-faq-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }
.sk-faq-heading{ margin:0; font-size:clamp(28px,3.2vw,35px); font-weight:800; line-height:1.22; color:#131313; }
.sk-faq-desc{ margin:0; font-size:16px; line-height:1.8; color:#5a5c63; }

/* ---------- List ---------- */
.sk-faq-list{ position:relative; z-index:1; display:flex; flex-direction:column; gap:16px; }

/* ---------- Item ---------- */
.sk-faq-item{
  background:#ffffff;
  border:1px solid rgba(20,20,20,.08);
  border-radius:16px;
  transition:border-color .3s ease, box-shadow .3s ease;
}
.sk-faq-item.is-active{ border-color:transparent; box-shadow:0 22px 44px -28px rgba(240,136,7,.4); }

.sk-faq-q{
  width:100%;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  background:none; border:none; cursor:pointer;
  padding:20px 22px;
  text-align:left;
  font-size:18px; font-weight:700; color:#151515;
}
.sk-faq-q-left{ display:flex; align-items:flex-start; gap:14px; }

.sk-faq-num{
  flex:0 0 auto;
  font-size:12px; font-weight:800; color:#F08807;
  background:linear-gradient(135deg, rgba(251,230,10,.16) 0%, rgba(240,136,7,.16) 100%);
  border-radius:8px;
  padding:4px 8px;
  margin-top:1px;
}

.sk-faq-toggle{
  flex:0 0 auto; width:32px; height:32px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:1.4px solid rgba(20,20,20,.15);
  transition:background .3s ease, border-color .3s ease, transform .35s ease;
}
.sk-faq-toggle svg{ width:14px; height:14px; fill:none; stroke:#151515; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; transition:stroke .3s ease; }
.sk-faq-item.is-active .sk-faq-toggle{ background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%); border-color:transparent; transform:rotate(135deg); }
.sk-faq-item.is-active .sk-faq-toggle svg{ stroke:#1a1300; }

.sk-faq-a-wrap{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .4s ease; }
.sk-faq-item.is-active .sk-faq-a-wrap{ grid-template-rows:1fr; }
.sk-faq-a-inner{ overflow:hidden; }
.sk-faq-a{ margin:0; padding:0 22px 22px 56px; font-size:16px; line-height:1.75; text-align: justify; color:#6a6c72; }

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .sk-faq{ padding:80px 0; }
  .sk-faq-head{ margin-bottom:48px; }
  .row > .col-lg-6 + .col-lg-6 .sk-faq-list{ margin-top:16px; }
}
@media (max-width:576px){
  .sk-faq-q{ padding:17px 16px; font-size:14px; }
  .sk-faq-a{ padding:0 16px 18px 42px; }
  .sk-faq-num{ font-size:11px; padding:3px 7px; }
}
.sk-tc{ position:relative; background:#ffffff; padding:30px 0 30px; }

/* ---------- Reading progress bar ---------- */
.sk-tc-progress-track{ position:fixed; top:0; left:0; right:0; height:3px; background:rgba(20,20,20,.08); z-index:60; }
.sk-tc-progress-fill{ display:block; height:100%; width:0%; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }

/* ---------- Header ---------- */
.sk-tc-head{
   margin:0 auto 70px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:16px;
}
.sk-tc-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#F08807;
}
.sk-tc-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }
.sk-tc-heading{ margin:0; font-size:clamp(30px,3.6vw,46px); font-weight:800; color:#131313; }

.sk-tc-updated-pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 16px; border-radius:50px;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  color:#1a1300; font-size:12.5px; font-weight:700;
}
.sk-tc-updated-pill svg{ width:14px; height:14px; fill:none; stroke:#1a1300; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

.sk-tc-disclaimer{
  display:flex; align-items:flex-start; gap:12px; text-align:left;
  background:#fdfcfb;
  border:1px solid rgba(240,136,7,.25);
  border-radius:16px;
  padding:16px 18px;
  margin-top:8px;
}
.sk-tc-disclaimer-icon{ flex:0 0 auto; width:26px; height:26px; margin-top:1px; }
.sk-tc-disclaimer-icon svg{ width:100%; height:100%; fill:none; stroke:#F08807; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sk-tc-disclaimer p{ margin:0; font-size:13.5px; line-height:1.7; color:#6a6c72; }

/* ---------- List — one section after another, full width ---------- */
.sk-tc-list{ max-width:900px; margin:0 auto; display:flex; flex-direction:column; }

.sk-tc-item{ scroll-margin-top:100px; padding:36px 0; border-top:1px solid rgba(20,20,20,.08); }
.sk-tc-list .sk-tc-item:first-child{ border-top:none; padding-top:0; }

.sk-tc-item-head{ display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.sk-tc-icon{
  flex:0 0 auto; width:46px; height:46px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(251,230,10,.16) 0%, rgba(240,136,7,.16) 100%);
  border:1px solid rgba(240,136,7,.2);
}
.sk-tc-icon svg{ width:21px; height:21px; fill:none; stroke:#F08807; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sk-tc-num{ display:block; font-size:11.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:#c78a2e; margin-bottom:4px; }
.sk-tc-item h2{ margin:0; font-size:22px; font-weight:800; color:#131313; }
.sk-tc-item p{ margin:0; font-size:15.5px; line-height:1.9; color:#5a5c63; padding-left:62px; }
.sk-tc-item a{ color:#F08807; text-decoration:underline; text-decoration-color:rgba(240,136,7,.35); }
.sk-tc-item a:hover{ text-decoration-color:#F08807; }

/* ---------- Back to top ---------- */
.sk-tc-top{
  position:fixed; right:26px; bottom:26px; z-index:50;
  width:48px; height:48px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:none; cursor:pointer;
  background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%);
  box-shadow:0 16px 30px -14px rgba(240,136,7,.6);
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity .3s ease, visibility .3s ease, transform .3s ease;
}
.sk-tc-top.is-visible{ opacity:1; visibility:visible; transform:translateY(0); }
.sk-tc-top svg{ width:18px; height:18px; fill:none; stroke:#1a1300; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }

/* ---------- Responsive ---------- */
@media (max-width:767px){
  .sk-tc{ padding:70px 0 80px; }
  .sk-tc-head{ margin-bottom:48px; }
  .sk-tc-item{ padding:28px 0; }
  .sk-tc-item p{ padding-left:0; }
  .sk-tc-item-head{ align-items:flex-start; }
}
@media (max-width:480px){
  .sk-tc-top{ right:16px; bottom:16px; width:44px; height:44px; }
}

.sk-iptv{ background:#ffffff; }

/* ---------- Header ---------- */
.sk-iptv-head{  margin:0 auto; text-align:center; padding:30px 0 30px; display:flex; flex-direction:column; align-items:center; gap:18px; }
.sk-iptv-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#F08807;
}
.sk-iptv-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }
.sk-iptv-heading{ margin:0; font-size:clamp(28px,3.6vw,33px); font-weight:800; line-height:1.22; color:#131313; }

/* ---------- Intro ---------- */
.sk-iptv-intro{ padding-bottom:40px; }
.sk-iptv-media{ position:relative; border-radius:24px; overflow:hidden; aspect-ratio:4/2; box-shadow:0 30px 60px -26px rgba(20,20,20,.3); }
.sk-iptv-img{ position:absolute; inset:0; background-color:#0e1b26; background-size:cover; background-position:center; }
.sk-iptv-copy{ padding:0 6px; }
.sk-iptv-copy p{ margin:0; font-size:16px; line-height:1.95; color:#4c4e54; text-align:justify; }

/* ---------- Benefits — checkerboard tiles ---------- */
.sk-iptv-benefits{ background:#fdfcfb; padding:30px 0; }
.sk-iptv-benefits-head{  margin:0 auto 56px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:16px; }
.sk-iptv-benefits-head h2{ margin:0; font-size:clamp(26px,2.8vw,36px); font-weight:800; color:#131313; }

.sk-benefit-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:26px; }

.sk-benefit-tile{
  padding:34px 28px;
  border-radius:20px;
  background:#ffffff;
  border:1px solid rgba(20,20,20,.08);
  box-shadow:0 20px 40px -30px rgba(20,20,20,.2);
  transition:transform .35s ease, box-shadow .35s ease;
}
.sk-benefit-tile:hover{ transform:translateY(-6px); }

.sk-benefit-icon{
  display:flex; align-items:center; justify-content:center;
  width:48px; height:48px; border-radius:14px;
  background:linear-gradient(135deg, rgba(251,230,10,.16) 0%, rgba(240,136,7,.16) 100%);
  margin-bottom:20px;
}
.sk-benefit-icon svg{ width:22px; height:22px; fill:none; stroke:#F08807; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.sk-benefit-tile h3{ margin:0 0 8px; font-size:22px; font-weight:700; color:#151515; }
.sk-benefit-tile p{ margin:0; font-size:16px; line-height:1.65; color:#7a7c82; }

/* Alternate tiles — solid gradient fill, checkerboard across a 3-col grid */
.sk-benefit-tile-solid{
  background:linear-gradient(150deg,#FBE60A 0%,#F08807 100%);
  border-color:transparent;
  box-shadow:0 26px 48px -24px rgba(240,136,7,.5);
}
.sk-benefit-tile-solid .sk-benefit-icon{ background:rgba(26,19,0,.14); }
.sk-benefit-tile-solid .sk-benefit-icon svg{ stroke:#1a1300; }
.sk-benefit-tile-solid h3{ color:#1a1300; }
.sk-benefit-tile-solid p{ color:rgba(26,19,0,.72); }

/* ---------- CTA — dark centered band ---------- */
.sk-iptv-cta{ position:relative; background:#12100c; padding:40px 0; margin-bottom: 40px; overflow:hidden; }
.sk-iptv-cta-watermark{ position:absolute; top:50%; left:50%; width:520px; height:520px; transform:translate(-50%,-50%); opacity:.05; pointer-events:none; }
.sk-iptv-cta-watermark svg{ width:100%; height:100%; fill:none; stroke:#ffffff; stroke-width:0.6; }

.sk-iptv-cta-inner{ position:relative; z-index:1; margin:0 auto; text-align:center; display:flex; flex-direction:column; align-items:center; gap:18px; }
.sk-iptv-cta-inner h2{ margin:0; font-size:clamp(26px,3vw,35px); font-weight:800; color:#ffffff; }
.sk-iptv-cta-inner p{ margin:0; font-size:15.5px; line-height:1.8; color:rgba(255,255,255,.7); }

.sk-iptv-cta-actions{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:18px; margin-top:12px; }

.sk-iptv-cta-primary{
  display:inline-flex; align-items:center; gap:10px;
  padding:16px 30px; border-radius:50px;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  color:#1a1300; font-weight:700; font-size:15px; text-decoration:none;
  box-shadow:0 18px 34px -16px rgba(240,136,7,.6);
  transition:transform .3s ease, box-shadow .3s ease;
}
.sk-iptv-cta-primary svg{ width:16px; height:16px; fill:none; stroke:#1a1300; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s ease; }
.sk-iptv-cta-primary:hover{ transform:translateY(-3px); box-shadow:0 22px 40px -16px rgba(240,136,7,.72); }
.sk-iptv-cta-primary:hover svg{ transform:translateX(4px); }

.sk-iptv-cta-secondary{
  display:inline-flex; align-items:center; gap:10px;
  padding:15px 28px; border-radius:50px;
  border:1.6px solid rgba(255,255,255,.35);
  color:#ffffff; font-weight:700; font-size:15px; text-decoration:none;
  transition:background .3s ease, border-color .3s ease;
}
.sk-iptv-cta-secondary svg{ width:16px; height:16px; fill:none; stroke:#ffffff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.sk-iptv-cta-secondary:hover{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.6); }

/* ---------- Scroll reveal ---------- */
.sk-iptv [data-reveal]{ opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; }
.sk-iptv.in-view [data-reveal]{ opacity:1; transform:translateY(0); }

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .sk-iptv-head{ padding:70px 0 48px; }
  .sk-iptv-intro{ padding-bottom:80px; }
  .sk-iptv-media{ margin-bottom:36px; }
  .sk-iptv-benefits{ padding:80px 0; }
  .sk-benefit-grid{ grid-template-columns:repeat(2, 1fr); }
  .sk-iptv-cta{ padding:80px 0; }
}
@media (max-width:576px){
  .sk-benefit-grid{ grid-template-columns:1fr; }
  .sk-iptv-copy p{ text-align:left; }
  .sk-iptv-cta-actions{ flex-direction:column; width:100%; }
  .sk-iptv-cta-primary, .sk-iptv-cta-secondary{ width:100%; justify-content:center; }
}

.sk-plans{ position:relative; background:#fdfcfb; padding:30px 0 70px; overflow:hidden; }

.sk-plans-blob{ position:absolute; border-radius:50%; filter:blur(70px); opacity:.16; pointer-events:none; background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%); }
.sk-plans-blob-a{ width:420px; height:420px; top:-140px; left:-160px; }
.sk-plans-blob-b{ width:360px; height:360px; bottom:-140px; right:-140px; }

/* ---------- Head ---------- */
.sk-plans-head{
  margin:0 auto 60px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:18px;
  position:relative; z-index:1;
}
.sk-plans-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:#F08807;
}
.sk-plans-eyebrow i{ display:block; width:34px; height:3px; border-radius:3px; background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%); }
.sk-plans-heading{ margin:0; font-size:clamp(28px,3.2vw,35px); font-weight:800; line-height:1.22; color:#131313; }
.sk-plans-highlight{
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.sk-plans-desc{ margin:0; font-size:16px; line-height:1.8; color:#5a5c63; }

/* ---------- Grid ---------- */
.sk-plans-grid{
  position:relative; z-index:1;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:26px;
}

/* ---------- Card ---------- */
.sk-plan-card{
  background:#ffffff;
  border:1px solid #eeece7;
  border-radius:18px;
  padding:30px 26px 28px;
  display:flex; flex-direction:column;
  position:relative;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  box-shadow:0 10px 28px rgba(20,15,5,.05);
}
.sk-plan-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 44px rgba(20,15,5,.12);
}

.sk-plan-tag{
  display:inline-flex; align-self:flex-start;
  font-size:14px; font-weight:700; letter-spacing:.5px; text-transform:uppercase;
  color:#F08807; background:rgba(240,136,7,.1);
  padding:5px 12px; border-radius:20px;
  margin-bottom:16px;
}

.sk-plan-speed{ font-size:20px; font-weight:800; color:#131313; margin:0 0 4px; }
.sk-plan-sub{ font-size:16px; color:#8c8e94; margin:0 0 22px; }

.sk-plan-price{ display:flex; align-items:baseline; gap:4px; margin-bottom:22px; }
.sk-plan-price .sk-currency{ font-size:20px; font-weight:700; color:#e0450f; }
.sk-plan-price .sk-amount{ font-size:38px; font-weight:800; color:#e0450f; line-height:1; }
.sk-plan-price .sk-period{ font-size:13px; color:#8c8e94; margin-left:4px; }

.sk-plan-features{ list-style:none; margin:0 0 26px; padding:0; display:flex; flex-direction:column; gap:11px; flex:1; }
.sk-plan-features li{
  display:flex; align-items:center; gap:9px;
  font-size:16px; color:#4c4e54;
}
.sk-plan-features svg{ flex:0 0 16px; width:16px; height:16px; color:#F08807; }

.sk-plan-cta{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 20px;
  border-radius:10px;
  font-size:13.5px; font-weight:700; letter-spacing:.3px; text-transform:uppercase;
  text-decoration:none;
  color:#1a1a1a;
  background:#f4f3f0;
  transition:background .25s ease, color .25s ease, transform .2s ease;
}
.sk-plan-cta:hover{ transform:translateY(-2px); }

/* ---------- Popular / highlighted card ---------- */
.sk-plan-card.is-popular{
  background:linear-gradient(180deg, #fffdf6 0%, #fff 60%);
  border-color:transparent;
  transform:scale(1.05);
  box-shadow:0 24px 50px rgba(240,136,7,.22);
  z-index:2;
}
.sk-plan-card.is-popular:hover{ transform:scale(1.05) translateY(-6px); }
.sk-plan-card.is-popular::before{
  content:"";
  position:absolute; inset:0;
  border-radius:18px;
  padding:2px;
  background:linear-gradient(135deg,#FBE60A 0%,#F08807 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none;
}
.sk-plan-badge{
  position:absolute; top:-14px; left:50%; transform:translateX(-50%);
  display:inline-flex; align-items:center; gap:6px;
  font-size:11px; font-weight:800; letter-spacing:.5px; text-transform:uppercase;
  color:#1a1a1a;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  padding:7px 16px; border-radius:20px;
  box-shadow:0 8px 18px rgba(240,136,7,.35);
}
.sk-plan-card.is-popular .sk-plan-price .sk-currency,
.sk-plan-card.is-popular .sk-plan-price .sk-amount{ color:#F08807; }
.sk-plan-card.is-popular .sk-plan-cta{
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  color:#1a1a1a;
}
.sk-plan-card.is-popular .sk-plan-cta:hover{ box-shadow:0 10px 22px rgba(240,136,7,.4); }

/* ---------- Responsive ---------- */
@media (max-width: 1199px){
  .sk-plans-grid{ grid-template-columns:repeat(3, 1fr); }
}
@media (max-width: 860px){
  .sk-plans-grid{ grid-template-columns:repeat(2, 1fr); }
  .sk-plan-card.is-popular{ transform:none; }
  .sk-plan-card.is-popular:hover{ transform:translateY(-6px); }
}
@media (max-width: 520px){
  .sk-plans-grid{ grid-template-columns:1fr; }
}
/* Base Outer Header Transition */
#sisf-page-header {
    position: relative;
    width: 100%;
    z-index: 999;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.3s ease;
}

/* Sticky Class Applied on Scroll */
#sisf-page-header.is-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    animation: headerSlideDown 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* Hide top bar smoothly when sticky */
#sisf-page-header.is-sticky .sis-header-top {
    display: none !important;
}

/* Sticky styling for inner navbar area */
#sisf-page-header.is-sticky #sisf-page-header-inner {
    background: white !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    transition: all 0.3s ease;
}

/* Smooth Slide Down Keyframes */
@keyframes headerSlideDown {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.ph {
    width: 50px;
    height: auto;
    display: table;
    float: right;
    position: fixed;
    z-index: 2147483647;
    top: 70%;
    left: 10px;
}

.whatsapp {
    width: 50px;
    height: auto;
    display: table;
    float: right;
    position: fixed;
    z-index: 2147483647;
    top: 80%;
    left: 10px;
}
.sk-about-free{
  position:absolute;
  top:6%; left:4%;
  display:flex; align-items:center; gap:8px;
  background:linear-gradient(90deg,#FBE60A 0%,#F08807 100%);
  color:#1a1300;
  padding:10px 16px 10px 12px;
  border-radius:50px;
  font-size:16px; font-weight:800; letter-spacing:.3px; text-transform:uppercase;
  box-shadow:0 16px 30px -14px rgba(240,136,7,.55);
  z-index:4;
  overflow:hidden;
  animation:aboutFreePulse 2.4s ease-in-out infinite;
}

/* Whole badge — soft breathing glow, premium not jarring */
@keyframes aboutFreePulse{
  0%, 100%{
    transform:scale(1);
    box-shadow:0 16px 30px -14px rgba(240,136,7,.55), 0 0 0 0 rgba(240,136,7,.35);
  }
  50%{
    transform:scale(1.045);
    box-shadow:0 16px 30px -14px rgba(240,136,7,.55), 0 0 0 9px rgba(240,136,7,.2);
  }
}

/* Light shimmer sweeping across the badge, like a shine pass */
.sk-about-free::before{
  content:"";
  position:absolute;
  top:0; left:-60%;
  width:40%; height:100%;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.55) 50%, transparent 100%);
  transform:skewX(-20deg);
  animation:aboutFreeShine 2.8s ease-in-out infinite;
}
@keyframes aboutFreeShine{
  0%{ left:-60%; }
  35%{ left:130%; }
  100%{ left:130%; }
}

.sk-about-free-dot{
  width:8px; height:8px; border-radius:50%;
  background:#c62828;
  animation:aboutFreeBlink 1.1s steps(1) infinite;
}
@keyframes aboutFreeBlink{
  0%, 49%{ opacity:1; }
  50%, 100%{ opacity:.15; }
}

@media (prefers-reduced-motion:reduce){
  .sk-about-free{ animation:none; }
  .sk-about-free::before{ animation:none; opacity:0; }
  .sk-about-free-dot{ animation:none; opacity:1; }
}