.material-icons-outlined {
	 font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
/* Document ========================================================================== */
/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */
 html {
	 line-height: 1.15;
	/* 1 */
	 -webkit-text-size-adjust: 100%;
	/* 2 */
}
/* Sections ========================================================================== */
/** * Remove the margin in all browsers. */
 body {
	 margin: 0;
	 font-family: 'Inter';
}
 body.overflowHidden {
	 overflow: hidden;
}
/** * Render the `main` element consistently in IE. */
 main {
	 display: block;
}
/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */
 h1 {
	 font-style: normal;
	 font-weight: 700;
	 font-size: 64px;
	 line-height: 80px;
	 text-align: center;
	 color: #334155;
}
 h2 {
	 font-style: normal;
	 font-weight: 700;
	 font-size: 48px;
	 line-height: 70px;
	 color: #334155;
}
 h3 {
	 font-family: 'Inter';
	 font-style: normal;
	 font-weight: 600;
	 font-size: 24px;
	 line-height: 36px;
	 letter-spacing: -0.2px;
	 color: #0f172a;
}
 p {
	 font-style: normal;
	 font-weight: 400;
	 font-size: 24px;
	 line-height: 28px;
	 letter-spacing: 0.007em;
	 color: #64748b;
}
 ul, li {
	 margin: 0;
	 padding: 0;
	 list-style: none;
}
/* Grouping content ========================================================================== */
/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */
 hr {
	 box-sizing: content-box;
	/* 1 */
	 height: 0;
	/* 1 */
	 overflow: visible;
	/* 2 */
}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
 pre {
	 font-family: monospace, monospace;
	/* 1 */
	 font-size: 1em;
	/* 2 */
}
/* Text-level semantics ========================================================================== */
/** * Remove the gray background on active links in IE 10. */
 a, .anchor {
	 background-color: transparent;
	 text-decoration: none;
	 font-style: normal;
	 font-weight: 500;
	 font-size: 16px;
	 line-height: 24px;
	 letter-spacing: 0.8px;
	 color: #7c3aed;
}
/** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
 abbr[title] {
	 border-bottom: none;
	/* 1 */
	 text-decoration: underline;
	/* 2 */
	 text-decoration: underline dotted;
	/* 2 */
}
/** * Add the correct font weight in Chrome, Edge, and Safari. */
 b, strong {
	 font-weight: bolder;
}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
 code, kbd, samp {
	 font-family: monospace, monospace;
	/* 1 */
	 font-size: 1em;
	/* 2 */
}
/** * Add the correct font size in all browsers. */
 small {
	 font-size: 80%;
}
/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */
 sub, sup {
	 font-size: 75%;
	 line-height: 0;
	 position: relative;
	 vertical-align: baseline;
}
 sub {
	 bottom: -0.25em;
}
 sup {
	 top: -0.5em;
}
/* Embedded content ========================================================================== */
/** * Remove the border on images inside links in IE 10. */
 img {
	 border-style: none;
}
/* Forms ========================================================================== */
/** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */
 button, input, optgroup, select, textarea {
	 font-family: inherit;
	/* 1 */
	 font-size: 100%;
	/* 1 */
	 line-height: 1.15;
	/* 1 */
	 margin: 0;
	/* 2 */
}
/** * Show the overflow in IE. * 1. Show the overflow in Edge. */
 button, input {
	/* 1 */
	 overflow: visible;
}
/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */
 button, select {
	/* 1 */
	 text-transform: none;
}
/** * Correct the inability to style clickable types in iOS and Safari. */
 button, [type="button"], [type="reset"], [type="submit"] {
	 -webkit-appearance: button;
	 cursor: pointer;
}
/** * Remove the inner border and padding in Firefox. */
 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	 border-style: none;
	 padding: 0;
}
/** * Restore the focus styles unset by the previous rule. */
 button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	 outline: 1px dotted ButtonText;
}
/** * Correct the padding in Firefox. */
 fieldset {
	 padding: 0.35em 0.75em 0.625em;
}
/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */
 legend {
	 box-sizing: border-box;
	/* 1 */
	 color: inherit;
	/* 2 */
	 display: table;
	/* 1 */
	 max-width: 100%;
	/* 1 */
	 padding: 0;
	/* 3 */
	 white-space: normal;
	/* 1 */
}
/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */
 progress {
	 vertical-align: baseline;
}
/** * Remove the default vertical scrollbar in IE 10+. */
 textarea {
	 overflow: auto;
}
/** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */
 [type="checkbox"], [type="radio"] {
	 box-sizing: border-box;
	/* 1 */
	 padding: 0;
	/* 2 */
}
/** * Correct the cursor style of increment and decrement buttons in Chrome. */
 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	 height: auto;
}
/** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */
 [type="search"] {
	 -webkit-appearance: textfield;
	/* 1 */
	 outline-offset: -2px;
	/* 2 */
}
/** * Remove the inner padding in Chrome and Safari on macOS. */
 [type="search"]::-webkit-search-decoration {
	 -webkit-appearance: none;
}
/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */
 ::-webkit-file-upload-button {
	 -webkit-appearance: button;
	/* 1 */
	 font: inherit;
	/* 2 */
}
/* Interactive ========================================================================== */
/* * Add the correct display in Edge, IE 10+, and Firefox. */
 details {
	 display: block;
}
/* * Add the correct display in all browsers. */
 summary {
	 display: list-item;
}
/* Misc ========================================================================== */
/** * Add the correct display in IE 10+. */
 template {
	 display: none;
}
/** * Add the correct display in IE 10. */
 [hidden] {
	 display: none;
}
 .btn {
	 background: #7c3aed;
	 border-radius: 4px;
	 height: 44px;
	 color: #fff;
	 min-width: 100px;
	 display: inline-block;
	 text-align: center;
	 line-height: 44px !important;
	 font-size: 14px;
	 font-weight: 600;
	 padding: 0 30px;
	 transition: all 200ms ease-out;
}
 .btn:hover {
	 background: #5924b5;
	 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
/** * Slick Slider CSS */
 .slick-slider {
	 position: relative;
	 display: block;
	 box-sizing: border-box;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 -webkit-touch-callout: none;
	 -khtml-user-select: none;
	 -ms-touch-action: pan-y;
	 touch-action: pan-y;
	 -webkit-tap-highlight-color: transparent;
}
 .slick-list {
	 position: relative;
	 display: block;
	 overflow: hidden;
	 margin: 0;
	 padding: 0;
}
 .slick-list:focus {
	 outline: 0;
}
 .slick-list.dragging {
	 cursor: pointer;
	 cursor: hand;
}
 .slick-slider .slick-track, .slick-slider .slick-list {
	 -webkit-transform: translate3d(0, 0, 0);
	 -moz-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 -o-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
}
 .slick-track {
	 position: relative;
	 top: 0;
	 left: 0;
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
}
 .slick-track:before, .slick-track:after {
	 display: table;
	 content: '';
}
 .slick-track:after {
	 clear: both;
}
 .slick-loading .slick-track {
	 visibility: hidden;
}
 .slick-slide {
	 display: none;
	 float: left;
	 height: 100%;
	 min-height: 1px;
}
 [dir='rtl'] .slick-slide {
	 float: right;
}
 .slick-slide img {
	 display: block;
}
 .slick-slide.slick-loading img {
	 display: none;
}
 .slick-slide.dragging img {
	 pointer-events: none;
}
 .slick-initialized .slick-slide {
	 display: block;
}
 .slick-loading .slick-slide {
	 visibility: hidden;
}
 .slick-vertical .slick-slide {
	 display: block;
	 height: auto;
	 border: 1px solid transparent;
}
 .slick-arrow.slick-hidden {
	 display: none;
}
 .slick-arrow {
	 position: absolute;
	 right: 15px;
	 top: -90px;
	 width: 50px;
	 height: 44px;
	 background: #fff;
	 box-shadow: 0px 0 2px rgba(0, 0, 0, 0.2);
	 border: 0;
	 color: transparent;
	 font-size: 0;
	 cursor: pointer;
	 z-index: 1;
}
 .slick-prev {
	 right: 80px;
}
 .slick-prev::before, .slick-next::before {
	 font-family: 'Material Icons Outlined';
	 color: #7c3aed;
	 text-align: center;
	 content: 'navigate_next';
	 font-size: 24px;
}
 .slick-prev {
	 transform: rotate(-180deg);
}
 .slick-disabled {
	 background: #fff;
	 cursor: normal;
}
 .slick-disabled::before {
	 color: #e2e8f0;
}
/** * Layout CSS */
 .container {
	 width: 1140px;
	 margin: 0 auto;
	 position: relative;
}
 @media (max-width: 767px) {
	 .container {
		 width: calc(100% - 40px);
		 padding: 0 20px;
	}
}
/* Dropdown Button */
 .dropbtn {
	 line-height: 25px;
	 font-size: 15px;
	 color: #fff;
	 letter-spacing: 0.8px;
	 background: none;
	 border: 0;
	 margin-left: 30px;
}
/* The container <div> - needed to position the dropdown content */
 .dropdown {
	 position: relative;
	 display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
 .dropdown-content {
	 display: none;
	 position: absolute;
	 background-color: #fff;
	 min-width: 160px;
	 box-shadow: 0px 8px 16px 0px #000;
	 z-index: 1;
	 right: 0;
	 top: 35px;
}
/* Links inside the dropdown */
 .dropdown-content a {
	 color: #334155 !important;
	 padding: 12px 16px;
	 text-decoration: none;
	 display: block;
	 margin: 0 !important;
	 border-radius: 3px;
}
/* Change color of dropdown links on hover */
 .dropdown-content a:hover {
	 background-color: #ddd;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
 .show {
	 display: block;
}
 @media (max-width: 767px) {
	 #app {
		 width: 100%;
		 overflow: hidden;
	}
	 .slick-arrow {
		 bottom: -30px;
		 top: auto;
		 right: 50%;
	}
	 .slick-arrow.slick-prev {
		 margin-right: 10px;
	}
	 .slick-arrow.slick-next {
		 margin-right: -55px;
	}
}
 .banner {
	 padding-top: 44px;
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-start;
	 align-items: center;
	 position: relative;
	 z-index: 2;
}
 .banner h1 {
	 margin-bottom: 0;
	 font-size: 48px;
	 line-height: 64px;
}
 .banner p {
	 font-size: 20px;
	 line-height: 30px;
	 margin-top: 10px;
}
 .banner .btn {
	 font-size: 16px;
	 margin-bottom: 15px;
}
 .banner h1, .banner p {
	 color: #fff;
	 position: relative;
}
 .banner img {
	 position: relative;
}
 .banner::before {
	 content: '';
	 background: linear-gradient(90deg, #44bcff -0.55%, #44b0ff 22.86%, #59c2fb 41.59%, #7c3aed 69.69%, #005481 99.34%);
	 filter: blur(300px);
	 border-radius: 300px;
	 transform: rotate(0deg);
	 position: absolute;
	 z-index: -1;
	 width: 100%;
	 height: 600px;
	 top: 412px;
	 left: 0;
}
 @media (max-width: 767px) {
	 .banner h1 {
		 font-size: 32px;
		 line-height: 45px;
	}
	 .banner p {
		 font-size: 18px;
		 line-height: 30px;
		 text-align: center;
	}
	 .banner::before {
		 display: none;
	}
	 .featurepage .banner {
		 margin: 50px 0;
	}
}
 .clients {
	 padding: 40px 0 90px;
}
 .clients .slick-track {
	 display: flex;
	 align-items: center;
}
 .clients li {
	 padding: 0 40px;
	 display: flex !important;
	 justify-content: center;
	 align-items: center;
}
 .clients li img.Siddhabali, .clients li img.SriMukha, .clients li img.IndoBhutan, .clients li img.Dhara, .clients li img.GujaratFoils {
	 width: 80px;
}
 @media screen and (max-width: 767px) {
	 .clients {
		 padding-bottom: 120px;
	}
	 .clients .container .slick-arrow {
		 bottom: -80px;
	}
	 .clients li {
		 padding: 0 10px;
	}
	 .clients li img {
		 max-width: 100%;
		 height: auto;
	}
}
 .modalWrapper {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(0, 0, 0, 0.8);
	 z-index: 99999;
	 display: none;
}
 .modalWrapper .modalContainer {
	 position: relative;
	 z-index: 1;
	 margin: 0 auto;
	 width: 520px;
	 background: white;
	 border-radius: 6px;
	 margin-top: 25vh;
}
 @media screen and (max-width: 768px) {
	 .modalWrapper .modalContainer {
		 position: absolute;
		 width: 100%;
		 bottom: 0;
		 margin-top: 0;
		 border-radius: 6px 6px 0 0;
	}
}
 .modalWrapper .modalContainer .modalClose {
	 padding: 0;
	 border: none;
	 outline: none;
	 background: none;
	 position: absolute;
	 top: 20px;
	 right: 20px;
	 z-index: 10;
}
 .modalWrapper .modalContainer .modalContent {
	 padding: 16px;
}
 .modalWrapper .modalContainer .modalContent.center {
	 text-align: center;
}
 .modalWrapper .modalContainer .modalContent.center p.subtitle {
	 padding-right: 0;
}
 .modalWrapper .modalContainer .modalContent h3 {
	 padding-top: 10px;
	 margin: 0 0 10px;
	 color: #334155;
	 line-height: 1;
}
 .modalWrapper .modalContainer .modalContent p {
	 font-size: 14px;
	 line-height: 22px;
	 font-weight: normal;
	 color: #334155;
	 margin: 0 0 10px;
}
 .modalWrapper .modalContainer .modalContent p.subtitle {
	 font-size: 15px;
	 margin: 0 0 20px;
	 padding-right: 20px;
}
 .modalWrapper .modalContainer .modalContent .imageBox {
	 padding: 50px 0 20px;
}
 .modalWrapper .modalContainer .modalContent .imageBox img {
	 max-width: 150px;
}
 .contactForm {
	 padding: 0;
}
 .contactForm .formGroup {
	 margin-bottom: 20px;
}
 .contactForm .formGroup label {
	 display: block;
	 width: 100%;
	 margin: 0 0 5px;
	 font-size: 14px;
	 font-weight: 500;
	 color: #64748b;
}
 .contactForm .formGroup .form-control {
	 width: 100%;
	 padding: 12px;
	 font-size: 14px;
	 color: #64748b;
	 border-radius: 6px;
	 box-sizing: border-box;
	 height: 40px;
	 border: 1px solid #cbd5e1;
}
 .contactForm .formGroup .mobileField {
	 position: relative;
	 z-index: 1;
}
 .contactForm .formGroup .mobileField span {
	 position: absolute;
	 top: 1px;
	 left: 1px;
	 width: 38px;
	 background: #f1f5f9;
	 text-align: center;
	 line-height: 38px;
	 font-size: 12px;
	 color: #94a3b8;
	 border-radius: 6px 0 0 6px;
}
 .contactForm .formGroup .mobileField input {
	 padding-left: 48px;
}
 .contactForm .btn.submitContact {
	 display: flex;
	 width: 100%;
	 border: none;
	 font-size: 15px;
	 font-weight: 500;
	 letter-spacing: 1px;
	 align-items: center;
	 justify-content: center;
}
 .contactForm .btn.submitContact .loaderIconCustom {
	 display: none;
	 margin-left: 5px;
}
 .loaderIconCustom {
	 display: inline-block;
	 border: 2px solid #f3f3f3;
	/* Light grey */
	 border-top: 2px solid #7c3aed;
	/* Blue */
	 border-radius: 50%;
	 width: 12px;
	 height: 12px;
	 animation: spin 1s linear infinite;
}
 @keyframes spin {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 .contactpage header {
	 background: linear-gradient(341.35deg, #8b5cf6 -7.25%, #000 90.07%);
}
 .contact-us {
	 padding: 85px 0 95px;
}
 .contact-us-section {
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
	 align-items: flex-start;
}
 .contact-us .contact-info {
	 width: 700px;
}
 .contact-us h2 {
	 font-weight: 700;
	 font-size: 40px;
	 line-height: 1.2;
	 color: #fff;
	 margin: 0 0 20px;
}
 .contact-us p {
	 font-weight: 500;
	 font-size: 20px;
	 line-height: 1.2;
	 letter-spacing: 0.007em;
	 color: #fff;
	 margin: 0 0 50px;
}
 .zf-templateWidth {
	 width: 336px;
	 flex-shrink: 0;
	 background: #fff;
	 border: 1px solid #dceaff;
	 box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);
	 border-radius: 12px;
	 padding: 20px;
}
 .zf-templateWidth form {
	 display: flex;
	 flex-direction: column;
}
 .zf-templateWidth button {
	 border: 0;
	 cursor: pointer;
}
 .zf-templateWidth label {
	 font-weight: 500;
	 font-size: 14px;
	 line-height: 20px;
	 color: #64748b;
	 padding-bottom: 2px;
}
 .zf-templateWidth input {
	 background: #fff;
	 border: 1px solid #cbd5e1;
	 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
	 border-radius: 6px;
	 height: 36px;
	 margin-bottom: 15px;
	 padding: 0 10px;
	 width: 100%;
	 box-sizing: border-box;
}
 .zf-templateWidth input:focus-visible {
	 outline: 1px solid blue;
}
 .mobileField {
	 position: relative;
	 z-index: 1;
}
 .mobileField span {
	 position: absolute;
	 top: 1px;
	 left: 1px;
	 height: 34px;
	 width: 34px;
	 background: #f4f4f4;
	 text-align: center;
	 line-height: 34px;
	 border-radius: 6px;
	 font-size: 13px;
}
 .mobileField input {
	 padding-left: 40px;
}
 .zf-templateWidth .name-field {
	 width: 316px;
}
 .zf-phwrapper {
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-start;
	 align-items: flex-start;
}
 .zf-templateWidth .code-field {
	 width: 75px;
	 margin-right: 10px;
}
 .zf-templateWidth .number-field {
	 width: 206px;
}
 .zf-submitColor {
	 width: 100%;
	 border: 0;
	 margin-top: 5px;
}
 .stars {
	 display: flex;
	 flex-direction: row;
}
 .stars img {
	 width: 23px;
	 height: 22px;
	 margin-right: 8px;
}
 .slickSliderTestimonials2 p {
	 margin: 30px 0 15px;
	 font-weight: 400;
	 font-size: 18px;
	 line-height: 28px;
	 color: #fff;
}
 .slickSliderTestimonials2 .company-info {
	 display: flex;
	 align-items: center;
}
 .slickSliderTestimonials2 .company-logo {
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .slickSliderTestimonials2 .emp-info {
	 padding-left: 25px;
}
 .slickSliderTestimonials2 .emp-info strong {
	 font-weight: 600;
	 font-size: 16px;
	 line-height: 24px;
	 color: #fff;
	 display: inline-block;
}
 .slickSliderTestimonials2 .emp-info p {
	 font-weight: 400;
	 font-size: 14px;
	 line-height: 22px;
	 color: #cbd5e1;
	 margin: 0;
}
 .contact-us .form-section {
	 position: relative;
	 padding-bottom: 100px;
}
 .contact-us .form-section .form-market {
	 position: absolute;
	 bottom: 0;
	 left: 30px;
	 display: flex;
}
 .contact-us .form-section .form-market p {
	 font-weight: 600;
	 font-size: 20px;
	 line-height: 32px;
	 color: #f8fafc;
	 margin: 0;
}
 .contact-us .form-section .form-market img {
	 transform: rotate(255deg);
}
 .contact-us .form-section .form-titleBox {
	 display: none;
}
 .contact-us .form-section .form-titleBox h2 {
	 font-size: 22px;
	 line-height: 42px;
	 margin-bottom: 0;
	 color: black;
}
 .contact-us .form-section .form-titleBox p {
	 margin-bottom: 20px;
	 font-size: 14px;
	 line-height: 22px;
	 font-weight: normal;
	 color: black;
}
 .contact-us .slick-arrow {
	 width: 40px;
	 height: 34px;
	 top: -5px;
}
 .contact-us .slick-prev {
	 right: 65px;
}
 @media (max-width: 767px) {
	 .contact-us-section {
		 flex-direction: column;
	}
	 .contact-us {
		 padding-top: 20px;
		 padding-bottom: 0;
	}
	 .contact-us h2 {
		 font-size: 30px;
		 line-height: 42px;
	}
	 .contact-us p {
		 font-size: 16px;
		 line-height: 28px;
	}
	 .contact-us .slickSliderTestimonials2 .company-info {
		 width: 100%;
		 flex-direction: column;
		 justify-content: center;
	}
	 .contact-us .slickSliderTestimonials2 .emp-info {
		 padding: 20px 0 0;
	}
	 .contact-us .slickSliderTestimonials2 li > p {
		 margin: 30px 0;
	}
	 .contact-us .stars {
		 width: 100%;
		 justify-content: center;
	}
	 .contact-us .slick-arrow {
		 display: none !important;
	}
	 .contact-us .container {
		 padding: 0;
		 margin: 0;
		 width: 100%;
	}
	 .contact-us .contact-info {
		 display: none;
	}
	 .contact-us .form-section {
		 padding: 0;
		 width: 100%;
		 bottom: -20px;
	}
	 .contact-us .form-section .form-market {
		 display: none;
	}
	 .contact-us .form-section .zf-templateWidth {
		 width: 100%;
		 border-radius: 20px;
		 box-sizing: border-box;
	}
	 .contact-us .form-section .form-titleBox {
		 display: block;
	}
}
 .feature-detail {
	 padding-top: 150px;
}
 .feature-detail > .container {
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
	 padding-bottom: 120px;
}
 .feature-detail > .container img.content-image {
	 width: 520px;
	 height: auto;
}
 .feature-detail > .container .content {
	 padding-top: 60px;
}
 .feature-detail > .container .content.even {
	 padding-left: 120px;
}
 .feature-detail > .container .content.odd {
	 padding-right: 120px;
}
 .feature-detail > .container .content h3 {
	 margin: 0 0 20px;
	 font-weight: 700;
	 font-size: 30px;
	 line-height: 38px;
	 color: #334155;
}
 .feature-detail > .container .content p {
	 font-style: normal;
	 font-weight: 400;
	 font-size: 20px;
	 line-height: 30px;
	 color: #334155;
	 margin: 0 0 20px;
}
 .feature-detail [class="content-ad^"] .container {
	 width: 900px;
}
 .feature-detail .content-ad {
	 background: linear-gradient(293.75deg, #7c3aed -52.72%, #000 119.02%);
	 padding: 70px 0;
	 position: relative;
	 text-align: center;
	 margin-bottom: 120px;
}
 .feature-detail .content-ad::before {
	 content: "";
	 position: absolute;
	 right: 0;
	 bottom: 0;
	 width: 100%;
	 height: 100%;
	 background: url(/images/mask_group.svg) no-repeat right bottom;
	 opacity: 0.3;
}
 .feature-detail .content-ad h3 {
	 font-style: normal;
	 font-weight: 700;
	 font-size: 40px;
	 line-height: 60px;
	 text-align: center;
	 letter-spacing: -0.02em;
	 color: #fff;
	 margin: 0 0 10px;
}
 .feature-detail .content-ad p {
	 font-style: normal;
	 font-weight: 400;
	 font-size: 20px;
	 line-height: 30px;
	 text-align: center;
	 color: #fff;
	 margin: 0 0 30px;
}
 .feature-detail .content-ad2 {
	 padding: 70px 0;
	 position: relative;
	 text-align: center;
}
 .feature-detail .content-ad2 h3 {
	 font-style: normal;
	 font-weight: 700;
	 font-size: 40px;
	 line-height: 60px;
	 text-align: center;
	 letter-spacing: -0.02em;
	 color: #0f172a;
	 margin: 0 0 10px;
}
 .feature-detail .content-ad2 p {
	 font-style: normal;
	 font-weight: 400;
	 font-size: 20px;
	 line-height: 30px;
	 text-align: center;
	 color: #334155;
	 margin: 0 0 30px;
}
 .feature-detail .content-ad .container, .feature-detail .content-ad2 .container {
	 width: 845px;
}
 @media screen and (max-width: 767px) {
	 .feature-detail {
		 padding-top: 0;
	}
	 .feature-detail > .container {
		 flex-direction: column;
		 padding-bottom: 20px;
	}
	 .feature-detail > .container img.content-image {
		 width: 100%;
	}
	 .feature-detail > .container .content.even, .feature-detail > .container .content.odd {
		 padding-left: 0;
		 padding-right: 0;
	}
	 .feature-detail > .container .content {
		 padding-top: 48px;
	}
	 .feature-detail > .container .content h3 {
		 font-size: 24px;
		 margin-bottom: 10px;
	}
	 .feature-detail > .container .content p {
		 font-size: 16px;
		 line-height: 24px;
		 margin-bottom: 20px;
	}
	 .feature-detail .content-ad, .feature-detail .content-ad2 {
		 padding: 48px 0;
	}
	 .feature-detail .content-ad h3, .feature-detail .content-ad2 h3 {
		 font-size: 24px;
		 line-height: 32px;
	}
	 .feature-detail .content-ad p, .feature-detail .content-ad2 p {
		 font-size: 16px;
		 line-height: 24px;
	}
}
 .features {
	 height: 565px;
	 padding: 140px 0 90px;
	 background: linear-gradient(311.03deg, #7c3aed -50.92%, #000 78.14%);
	 position: relative;
}
 .features::before {
	 content: '';
	 position: absolute;
	 right: 0;
	 bottom: 0;
	 width: 100%;
	 height: 100%;
}
 .features .slick-dots {
	 position: absolute;
	 width: 1140px;
	 top: -130px;
	 left: 50%;
	 margin-left: -570px;
	 background: #fff;
	 box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	 border-radius: 100px;
	 height: 70px;
	 display: flex;
	 justify-content: space-around;
	 align-items: center;
}
 .features .slick-dots button {
	 background: none;
	 border: 0;
	 color: transparent;
	 text-align: center;
	 padding: 0;
	 font-size: 0;
}
 .features .slick-dots button::before {
	 color: #334155;
	 font-weight: 500;
	 font-size: 18px;
	 line-height: 24px;
	 cursor: pointer;
}
 .features .slick-dots .slick-active button::before {
	 color: #7c3aed;
}
 .features .slick-dots li:nth-child(1) button::before {
	 content: 'Purchase';
}
 .features .slick-dots li:nth-child(2) button::before {
	 content: 'Quality';
}
 .features .slick-dots li:nth-child(3) button::before {
	 content: 'Inventory';
}
 .features .slick-dots li:nth-child(4) button::before {
	 content: 'Payment';
}
 .features .slick-dots li:nth-child(5) button::before {
	 content: 'Production';
}
 .features .slick-dots li:nth-child(6) button::before {
	 content: 'Sales';
}
 .features .slick-dots li:nth-child(7) button::before {
	 content: 'e-Invoicing';
}
 .features .slick-dots li:nth-child(8) button::before {
	 content: 'Dashboard';
}
 .features .title-link {
	 font-weight: 600;
	 font-size: 16px;
	 line-height: 24px;
	 color: #fff;
	 margin-top: 20px;
	 display: inline-block;
}
 .features h2 {
	 color: #fff;
	 margin-top: 15px;
}
 .features .features-info {
	 width: 285px;
	 flex-basis: 285px;
	 flex-shrink: 0;
}
 .features .features-info ul {
	 width: 100%;
}
 .features .features-info li {
	 font-weight: 400;
	 font-size: 18px;
	 line-height: 24px;
	 letter-spacing: 0.005em;
	 color: #f1f5f9;
	 margin-bottom: 40px;
	 padding-left: 40px;
	 position: relative;
}
 .features .features-info li::before {
	 position: absolute;
	 width: 28px;
	 height: 28px;
	 background: #c4b5fd;
	 box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
	 border-radius: 14px;
	 left: 0;
	 top: 0;
	 font-family: 'Material Icons Outlined';
	 content: 'navigate_next';
	 color: #7c3aed;
	 text-align: center;
	 line-height: 28px;
}
 .features .tabs-content-inner {
	 display: flex;
}
 @media (max-width: 767px) {
	 .features {
		 padding-top: 425px;
		 height: 435px;
	}
	 .features .btn {
		 margin-top: 15px;
	}
	 .features h2 {
		 font-size: 24px;
		 line-height: 36px;
		 margin-top: 0;
	}
	 .features .title-link {
		 visibility: hidden;
	}
	 .features .slick-slide img {
		 position: absolute;
		 top: -375px;
		 left: 50%;
		 margin-left: -153px;
	}
	 .features .slick-list {
		 overflow: visible;
	}
	 .features .slick-dots {
		 width: calc(100% - 40px);
		 padding: 0 20px;
		 left: 0;
		 top: -415px;
		 margin-left: 0;
		 height: auto;
		 box-shadow: none;
		 background: none;
	}
	 .features .slick-dots li {
		 width: 10%;
		 height: 4px;
		 background: rgba(255, 255, 255, 0.7);
		 border-radius: 2px;
		 overflow: hidden;
	}
	 .features .slick-dots li button {
		 display: none;
	}
	 .features .slick-dots li.slick-active::after {
		 content: '';
		 display: block;
		 height: 100%;
		 background: #fff;
		 border-radius: 2px;
		 transform: translateX(-100%);
		 animation: thumb 10s forwards linear;
	}
	 @keyframes thumb {
		 from {
			 transform: translate(-100%, 0);
		}
		 to {
			 transform: translate(0%, 0);
		}
	}
	 .features .slick-dots li button::before {
		 display: none;
	}
	 .features .features-info li {
		 font-size: 14px;
		 line-height: 22px;
		 margin-bottom: 15px;
		 padding-left: 25px;
	}
	 .features .features-info li::before {
		 width: 16px;
		 height: 16px;
		 top: 5px;
		 line-height: 16px;
	}
	 .features .tab-content .container::before {
		 content: '';
		 font-weight: 600;
		 font-size: 16px;
		 line-height: 24px;
		 color: #fff;
		 display: block;
		 padding-bottom: 10px;
	}
	 .features .tab-content:nth-child(1) .container::before {
		 content: 'Purchase';
	}
	 .features .tab-content:nth-child(2) .container::before {
		 content: 'Quality';
	}
	 .features .tab-content:nth-child(3) .container::before {
		 content: 'Inventory';
	}
	 .features .tab-content:nth-child(4) .container::before {
		 content: 'Payment';
	}
	 .features .tab-content:nth-child(5) .container::before {
		 content: 'Production';
	}
	 .features .tab-content:nth-child(6) .container::before {
		 content: 'Sales';
	}
	 .features .tab-content:nth-child(7) .container::before {
		 content: 'e-Invoicing';
	}
	 .features .tab-content:nth-child(8) .container::before {
		 content: 'Dashboard';
	}
}
 .features-carousel {
	 padding: 50px 0;
	 background: linear-gradient(102.75deg, #f5f3ff -16.29%, rgba(245, 243, 255, 0) 151.53%);
}
 .features-carousel h2 {
	 font-style: normal;
	 font-weight: 700;
	 font-size: 40px;
	 line-height: 60px;
	 letter-spacing: -0.02em;
	 color: #0f172a;
	 margin: 0;
}
 .features-carousel .slick-list {
	 margin-left: -15px;
}
 .features-carousel ul li {
	 padding: 30px 15px;
	 cursor: pointer;
}
 .features-carousel ul li.slick-current + .slick-active .feature-item {
	 box-shadow: 0px 15px 15px -12px rgba(0, 0, 0, 0.25);
}
 .features-carousel ul li .feature-item {
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
	 justify-content: flex-start;
	 background: #fff;
	 border-radius: 8px;
	 padding: 32px;
	 height: 380px;
}
 .features-carousel ul li .feature-item:hover {
	 box-shadow: 0px 15px 15px -12px rgba(0, 0, 0, 0.25);
}
 .features-carousel ul li h4 {
	 border-radius: 8px;
	 padding: 70px 20px 20px;
	 display: flex;
	 justify-content: space-between;
	 flex-direction: row;
	 align-items: center;
	 margin: 0 0 24px;
	 width: calc(100% - 40px);
}
 .features-carousel ul li p {
	 flex-grow: 1;
	 font-style: normal;
	 font-weight: 400;
	 font-size: 18px;
	 line-height: 32px;
	 color: #0f172a;
	 margin: 0 0 15px;
}
 .features-carousel ul li .anchor {
	 display: flex;
	 align-items: center;
	 font-weight: 500;
	 font-size: 16px;
	 line-height: 24px;
	 color: #7c3aed;
}
 .features-carousel ul li .anchor:hover span {
	 text-decoration: underline;
}
 .features-carousel ul li.purchase h4 {
	 background: #f1f5f9;
	 color: #334155;
}
 .features-carousel ul li.quality h4 {
	 background: #f0fdf4;
	 color: #00b256;
}
 .features-carousel ul li.inventory h4 {
	 background: #fefce8;
	 color: #e2a109;
}
 .features-carousel ul li.payment h4 {
	 background: #eff6ff;
	 color: #3b82f6;
}
 .features-carousel ul li.production h4 {
	 background: #fff1f2;
	 color: #e11d48;
}
 .features-carousel ul li.sales h4 {
	 background: #fff4ef;
	 color: #fe814b;
}
 .features-carousel ul li.invoicing h4 {
	 background: #f2fbfc;
	 color: #00afcd;
}
 .features-carousel ul li.dashboard h4 {
	 background: #daf2ff;
	 color: #7c3aed;
}
 @media screen and (max-width: 767px) {
	 .features-carousel h2 {
		 font-size: 24px;
		 line-height: 36px;
		 margin-bottom: 20px;
	}
	 .features-carousel ul li {
		 padding: 0;
		 margin-bottom: 16px;
	}
	 .features-carousel ul li .feature-item {
		 box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
		 padding: 20px;
		 height: auto;
	}
	 .features-carousel ul li .feature-item h4 {
		 background: none;
		 padding: 0;
		 width: 100%;
		 font-size: 24px;
	}
	 .features-carousel ul li .feature-item p {
		 font-size: 16px;
		 line-height: 28px;
		 margin-bottom: 10px;
	}
}
 .features-tabs {
	 position: relative;
	 z-index: 1;
	 width: 1140px;
	 margin: 0 auto;
	 background: #fff;
	 box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	 border-radius: 100px;
	 height: 70px;
	 display: flex;
	 justify-content: space-around;
	 align-items: center;
	 margin-top: -35px;
}
 .features-tabs a {
	 background: none;
	 border: 0;
	 text-align: center;
	 padding: 0;
	 color: #334155;
	 font-weight: 500;
	 font-size: 18px;
	 line-height: 24px;
	 cursor: pointer;
	 text-transform: capitalize;
}
 .features-tabs a:hover {
	 color: #7c3aed;
}
 .features-tabs li.active a {
	 color: #7c3aed;
}
 .footerWrapper {
	 background: linear-gradient(311.03deg, #7c3aed -50.92%, #000 78.14%);
	 padding: 90px 0 0;
	 position: relative;
}
 .footerWrapper::before {
	 content: '';
	 position: absolute;
	 right: 0;
	 bottom: 0;
	 width: 100%;
	 height: 100%;
	 background: url(/images/mask_group.svg) no-repeat right bottom;
	 opacity: 0.3;
}
 .footerWrapper .container > p {
	 font-weight: 500;
	 font-size: 20px;
	 line-height: 24px;
	 color: #f8fafc;
}
 .footerWrapper .container > p.address {
	 font-size: 14px;
	 font-weight: normal;
	 line-height: 18px;
	 color: #f8fafc;
}
 .footerWrapper nav {
	 margin-top: 40px;
	 margin-bottom: 20px;
}
 .footerWrapper nav a {
	 margin-right: 30px;
	 text-transform: uppercase;
	 margin-bottom: 10px;
	 color: #fff;
	 font-weight: 500;
	 font-size: 14px;
	 letter-spacing: 0.8px;
}
 .footerWrapper p.copyright {
	 font-weight: 400;
	 font-size: 14px;
	 line-height: 22px;
	 color: #fff;
	 margin: 60px 0 0;
	 border-top: 1px solid #334155;
	 padding: 20px;
	 text-align: center;
}
 .page-scroll-top {
	 display: none;
	 transition: all 0.2s ease;
	 position: fixed;
	 right: 25px;
	 bottom: 90px;
	 width: 56px;
	 height: 56px;
	 border-radius: 56px;
	 background: #7c3aed;
	 box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
	 align-items: center;
	 justify-content: center;
	 color: #fff;
}
 .page-scroll-top.fixed {
	 display: flex;
}
 @media (max-width: 767px) {
	 .footerWrapper .container > p {
		 font-size: 18px;
	}
	 .footerWrapper .logo img {
		 width: 150px;
		 height: 24px;
	}
	 .footerWrapper p.copyright {
		 font-size: 12px;
		 line-height: 18px;
		 margin-top: 30px;
		 padding: 15px;
	}
	 .footerWrapper nav {
		 display: flex;
		 flex-wrap: wrap;
	}
	 .footerWrapper nav a {
		 margin-right: 0;
		 padding-right: 10px;
		 width: calc(50% - 10px);
	}
}
 header {
	 background: #000;
	 position: relative;
}
 header .mask-image {
	 position: absolute;
	 width: 100%;
	 height: auto;
	 top: 0;
	 left: 0;
	 z-index: 1;
}
 .headerWrap {
	 overflow: hidden;
}
 .headerRow {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 30px 0 0;
	 position: relative;
}
 .headerRow .logo .coloredLogo {
	 display: none;
}
 .headerRow a {
	 line-height: 25px;
	 font-size: 15px;
	 color: #fff;
	 letter-spacing: 0.8px;
}
 .headerRow nav a {
	 margin-left: 30px;
}
 .headerRow nav a.btn {
	 color: #fff;
	 background: transparent;
	 border: 1px solid white;
}
 .headerRow nav a.btn:hover {
	 background: white;
	 color: #000;
}
 .headerRow nav a.btn-primary {
	 display: none;
	 color: #fff;
	 background: #7c3aed;
	 border: 1px solid #7c3aed;
}
 .headerRow nav a.btn-primary:hover {
	 background: white;
	 color: #7c3aed;
}
 .featurepage .headerRow nav a {
	 color: #fff;
}
 .featurepage .banner {
	 margin: 95px 0 205px;
}
 .featurepage .banner::before {
	 display: none;
}
 .drawer {
	 position: fixed;
	 background: #daf2ff;
	 padding: 0;
	 padding-top: 90px !important;
	 left: 0;
	 top: 0;
	 width: 0;
	 height: 100%;
	/* 100% Full-height */
	 transition: 0.5s;
	/* 0.5 second transition effect to slide in the sidenav */
	 overflow: hidden;
	 z-index: 10;
}
 .drawer .close {
	 position: absolute;
	 right: 24px;
	 top: 56px;
	 background: none;
	 border: 0;
}
 .drawer .headerDrawerNav {
	 display: flex;
	 flex-direction: column;
}
 .drawer nav a {
	 font-size: 16px;
	 color: #000;
	 font-weight: 600;
	 line-height: 24px;
	 margin-bottom: 12px;
	 transition: 0.3s;
	 display: block;
	 width: 0;
	 white-space: nowrap;
	 overflow: hidden;
}
 .drawer .dropbtn {
	 margin-left: 0;
	 font-size: 16px;
	 color: #000;
	 font-weight: 600;
	 line-height: 24px;
	 padding: 0;
	 margin-bottom: 12px;
}
 .drawer .dropdown-content {
	 position: static;
	 background: rgba(0, 0, 0, 0.05);
	 box-shadow: none;
}
 .drawer .dropdown-content nav a {
	 font-size: 13px;
}
 .drawer.active {
	 width: 270px;
	 padding: 20px;
}
 .drawer.active nav a {
	 width: 100%;
}
 .sticky {
	 transition: all 0.2s ease;
	 z-index: 3;
	 position: relative;
	 width: 100%;
}
 .sticky.fixed {
	 background: #fff;
	 box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
	 position: fixed;
	 left: 0;
	 top: 0;
	 width: 100%;
}
 .sticky.fixed .headerRow {
	 padding-top: 0;
	 height: 72px;
}
 .sticky.fixed .headerRow nav a {
	 color: #334155;
}
 .sticky.fixed .headerRow .btn {
	 color: #fff;
}
 .sticky.fixed .headerRow .whiteLogo {
	 display: none;
}
 .sticky.fixed .headerRow .coloredLogo {
	 display: inline-block;
}
 .sticky.fixed + .container {
	 padding-top: 72px;
}
 .sticky.fixed .headerRow nav a.btn-login {
	 display: none;
}
 .sticky.fixed .headerRow nav a.btn-primary {
	 display: inline-block;
}
 .sticky.fixed .headerRow nav a.btn-primary:hover {
	 color: #7c3aed;
}
 .headerFixed .dropbtn {
	 color: #334155;
}
 @keyframes supportanimation {
	 from {
		 transform: translate(-100%, 0);
		 left: -100%;
	}
	 to {
		 transform: translate(0%, 0);
		 left: 0;
	}
}
 @media screen and (max-width: 767px) {
	 header {
		 background: linear-gradient(341.35deg, #7c3aed -7.25%, #000 90.07%);
	}
	 .headerRow {
		 justify-content: flex-start;
		 align-items: center;
	}
	 .headerRow .logo {
		 flex-grow: 1;
		 margin: 0 15px 0;
	}
	 .headerRow .logo .coloredLogo {
		 margin: 3px 0 0 -15px;
	}
	 .headerRow .logo img {
		 width: 120px;
		 height: 18px;
	}
	 .headerRow .headerNav .btn {
		 margin: 0;
		 height: 40px;
		 line-height: 40px !important;
	}
	 .menuButton {
		 padding: 0;
		 margin: 0;
		 border: 0;
		 background: none;
		 color: #fff;
		 font-size: 32px;
		 margin-top: -3px;
	}
	 .sticky.fixed .menuButton {
		 color: #000;
	}
	 .featurepage .headerWrap {
		 height: 694px;
		 background: none;
		 display: flex;
		 flex-direction: column;
		 justify-content: space-between;
		 align-items: flex-start;
	}
	 .featurepage .headerWrap.headerFixed {
		 justify-content: flex-end;
	}
	 .featurepage .headerWrap::before {
		 content: '';
		 position: absolute;
		 width: 100%;
		 height: 382px;
		 top: 0;
		 left: 0;
		 background: linear-gradient(360deg, #1d1d24 -19.54%, rgba(20, 22, 26, 0) 22.86%);
		 transform: rotate(-180deg);
		 z-index: 2;
	}
	 .featurepage .headerWrap::after {
		 content: '';
		 position: absolute;
		 width: 100%;
		 height: 100%;
		 bottom: 0;
		 left: 0;
		 background: linear-gradient(359.92deg, #211b1b -14.89%, #211b1b 53.84%, rgba(33, 27, 27, 0) 91.17%, rgba(33, 27, 27, 0) 128.46%);
		 z-index: 1;
	}
}
 .how-sa-helps {
	 background: rgba(245, 243, 255, 0.5);
	 padding: 110px 0 60px;
}
 .how-sa-helps h2 {
	 margin-bottom: 30px;
}
 .how-sa-helps ul {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 .how-sa-helps li {
	 margin-bottom: 30px;
	 background: #fff;
	 border: 1px solid #e2e8f0;
	 border-radius: 8px;
	 padding: 24px;
	 width: 312px;
	 height: 160px;
}
 .how-sa-helps li:hover {
	 background: linear-gradient(357.81deg, #7c3aed -99.37%, #200056 98.49%);
	 box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
}
 .how-sa-helps i {
	 background: #c4b5fd;
	 border-radius: 22px;
	 width: 44px;
	 height: 44px;
	 text-align: center;
	 line-height: 44px;
	 color: #7c3aed;
}
 .how-sa-helps h3 {
	 font-weight: 600;
	 font-size: 20px;
	 line-height: 30px;
	 color: #0f172a;
	 margin-bottom: 0;
}
 .how-sa-helps p {
	 font-weight: 400;
	 font-size: 16px;
	 line-height: 24px;
	 color: #0f172a;
}
 .how-sa-helps li:hover h3, .how-sa-helps li:hover p {
	 color: #fff;
}
 .how-sa-helps li:hover i {
	 background-color: #daf2ff;
}
 @media (max-width: 767px) {
	 .how-sa-helps {
		 padding: 50px 0 40px;
	}
	 .how-sa-helps h2 {
		 margin-top: 0;
		 font-size: 24px;
		 line-height: 36px;
	}
	 .how-sa-helps li {
		 margin-bottom: 15px;
		 height: auto;
	}
	 .how-sa-helps h3, .how-sa-helps p {
		 margin-top: 10px;
	}
	 .how-sa-helps p {
		 margin-bottom: 0;
	}
}
 .ofb-group {
	 position: relative;
	 padding: 90px 0 50px;
	 background: #fff;
}
 .ofb-group::before {
	 content: '';
	 opacity: 0.2;
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
}
 .ofb-group h2 {
	 margin-top: 10px;
}
 .ofb-group h2, .ofb-group p {
	 position: relative;
}
 .ofb-group ul {
	 position: relative;
	 display: flex;
	 justify-content: space-between;
	 align-items: flex-start;
}
 .ofb-group .container > ul > li > p {
	 font-weight: 500;
	 font-size: 16px;
	 line-height: 30px;
	 color: #101828;
	 margin-bottom: 25px;
}
 .ofb-group .container > ul > li {
	 width: 50%;
	 flex-basis: 50%;
	 flex-shrink: 0;
}
 .ofb-group .container > ul ul strong {
	 font-weight: 700;
	 font-size: 26px;
	 line-height: 31px;
	 color: #334155;
}
 .ofb-group .container > ul ul {
	 padding-right: 100px;
}
 .ofb-group .container > ul ul p {
	 font-weight: 400;
	 font-size: 15px;
	 line-height: 24px;
	 color: #667085;
	 margin-top: 10px;
}
 @media (max-width: 767px) {
	 .ofb-group {
		 padding: 50px 0 20px;
	}
	 .ofb-group h2 {
		 margin-top: 15px;
		 font-size: 20px;
		 line-height: 30px;
	}
	 .ofb-group .container > ul {
		 flex-direction: column;
	}
	 .ofb-group .container > ul ul {
		 padding-right: 0;
	}
	 .ofb-group .container > ul ul li {
		 width: 33%;
		 padding-right: 20px;
	}
	 .ofb-group .container > ul ul li > p {
		 margin-top: 0;
	}
	 .ofb-group .container > ul ul li:last-child {
		 padding-right: 0;
	}
	 .ofb-group .container > ul > li {
		 width: 100%;
		 margin-bottom: 20px;
		 padding-bottom: 10px;
		 border-bottom: 1px solid #e2e8f0;
	}
	 .ofb-group .container > ul > li:last-child {
		 border: 0;
	}
	 .ofb-group .container > ul > li img {
		 width: 170px;
		 height: 40px;
	}
	 .ofb-group .container > ul > li > p {
		 font-size: 16px;
		 line-height: 24px;
	}
}
 .testimonials {
	 background: rgba(245, 243, 255, .5);
	 padding: 70px 0 50px;
}
 .testimonials .title-link {
	 visibility: hidden;
}
 .testimonials h2 {
	 position: relative;
	 padding-left: 80px;
	 padding-top: 38px;
	 padding-bottom: 40px;
	 margin: 0;
}
 .testimonials h2 .text {
	 position: relative;
}
 .testimonials .comma {
	 background: #fff;
	 width: 100px;
	 height: 100px;
	 position: absolute;
	 border-radius: 100px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 left: 0;
	 top: 0;
}
 .testimonials .slick-list {
	 padding: 0 0 40px;
}
 .testimonials li {
	 width: 360px;
	 height: 224px;
	 background: #fff;
	 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
	 margin: 0 15px;
	 padding: 32px;
}
 .testimonials li > p {
	 font-weight: 400;
	 font-size: 14px;
	 line-height: 22px;
	 color: #0f172a;
	 height: 150px;
	 margin-top: 0;
}
 .testimonials li .emp-info {
	 padding-left: 14px;
}
 .testimonials li .emp-info strong {
	 font-weight: 600;
	 font-size: 16px;
	 line-height: 24px;
	 color: #0f172a;
}
 .testimonials li .emp-info p {
	 font-weight: 400;
	 font-size: 14px;
	 line-height: 22px;
	 color: #0f172a;
	 margin: 0;
	 padding: 0;
}
 .testimonials li:hover {
	 box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
 .testimonials .company-info {
	 display: flex;
	 justify-content: flex-start;
	 align-items: center;
}
 .testimonials .company-logo {
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 @media (max-width: 767px) {
	 .testimonials {
		 padding: 20px 0 70px;
	}
	 .testimonials li {
		 height: 210px;
		 padding: 24px;
	}
	 .testimonials li > p {
		 height: 160px;
	}
	 .testimonials h2 {
		 font-size: 24px;
		 line-height: 36px;
		 padding-left: 45px;
		 padding-top: 22px;
	}
	 .testimonials .comma {
		 width: 60px;
		 height: 60px;
	}
	 .testimonials .comma img {
		 width: 20px;
		 height: auto;
	}
}
 .why-smeassit {
	 padding: 90px 0 70px;
}
 .why-smeassit h2 {
	 margin: 10px 0;
}
 .why-smeassit p {
	 font-size: 20px;
}
 .why-smeassit ul {
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-start;
	 align-items: flex-start;
	 margin: 30px 0 0;
}
 .why-smeassit li {
	 width: 33%;
}
 .why-smeassit li .icon {
	 width: 60px;
	 height: 60px;
	 background: #fff;
	 border: 0.6px solid #c4b5fd;
	 border-radius: 12px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .why-smeassit li h3 {
	 margin-bottom: 0;
}
 .why-smeassit li p {
	 font-size: 24px;
	 line-height: 35px;
	 margin-top: 10px;
}
 @media (max-width: 767px) {
	 .why-smeassit {
		 padding: 50px 0 30px;
	}
	 .why-smeassit h2 {
		 font-size: 24px;
		 line-height: 36px;
	}
	 .why-smeassit p {
		 font-size: 18px;
	}
	 .why-smeassit ul {
		 flex-direction: column;
		 margin-top: 30px;
	}
	 .why-smeassit ul li {
		 width: 100%;
	}
	 .why-smeassit ul li h3 {
		 font-size: 20px;
		 line-height: 30px;
	}
	 .why-smeassit ul li p {
		 font-size: 18px;
		 line-height: 30px;
		 margin-bottom: 30px;
	}
}