/*!
Theme Name: ucpath
Theme URI: http://underscores.me/
Author: ucpath
Author URI: http://ucpath.com.au/
Description: Theme For UcPath
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ucpath
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ucpath is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* 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;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * 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-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 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;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 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;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * 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;
	font-size: 1em;
}

/**
 * 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;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * 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;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * 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;
	padding: 0;
}

/**
 * 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;
	outline-offset: -2px;
}

/**
 * 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;
	font: inherit;
}

/* 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;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	overflow-x: hidden;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}





/* Theme default CSS Starts Here
======================================================================================*/

/* NORMALIZE
-------------------------------------*/
*,*::before,*::after{box-sizing:border-box}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body{height:100%} body{line-height:1.5;font-synthesis: none;text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}img,picture,video,canvas,svg{display:block;vertical-align:middle;border-style:none;max-width:100%}figure{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}table{border-collapse:collapse}th{text-align:inherit}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}label{display:inline-block;margin-bottom:.5rem}button,select{text-transform:none}select{word-wrap:normal}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px;-webkit-appearance:none}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}a,input,button,textarea,select{font:inherit;outline:0}#root,#__next{isolation:isolate}


@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light.eot');
    src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Light.woff2') format('woff2'),
        url('fonts/OpenSans-Light.woff') format('woff'),
        url('fonts/OpenSans-Light.ttf') format('truetype'),
        url('fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Medium.eot');
    src: url('fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Medium.woff2') format('woff2'),
        url('fonts/OpenSans-Medium.woff') format('woff'),
        url('fonts/OpenSans-Medium.ttf') format('truetype'),
        url('fonts/OpenSans-Medium.svg#OpenSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-ExtraBold.eot');
    src: url('fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('fonts/OpenSans-ExtraBold.ttf') format('truetype'),
        url('fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/OpenSans-Bold.woff') format('woff'),
        url('fonts/OpenSans-Bold.ttf') format('truetype'),
        url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-SemiBold.eot');
    src: url('fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('fonts/OpenSans-SemiBold.woff') format('woff'),
        url('fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.eot');
    src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans-Regular.woff') format('woff'),
        url('fonts/OpenSans-Regular.ttf') format('truetype'),
        url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('fonts/Merriweather-Light.eot');
    src: url('fonts/Merriweather-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Merriweather-Light.woff2') format('woff2'),
        url('fonts/Merriweather-Light.woff') format('woff'),
        url('fonts/Merriweather-Light.ttf') format('truetype'),
        url('fonts/Merriweather-Light.svg#Merriweather-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('fonts/Merriweather-Bold.eot');
    src: url('fonts/Merriweather-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Merriweather-Bold.woff2') format('woff2'),
        url('fonts/Merriweather-Bold.woff') format('woff'),
        url('fonts/Merriweather-Bold.ttf') format('truetype'),
        url('fonts/Merriweather-Bold.svg#Merriweather-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('fonts/Merriweather-Regular.eot');
    src: url('fonts/Merriweather-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Merriweather-Regular.woff2') format('woff2'),
        url('fonts/Merriweather-Regular.woff') format('woff'),
        url('fonts/Merriweather-Regular.ttf') format('truetype'),
        url('fonts/Merriweather-Regular.svg#Merriweather-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('fonts/Merriweather-Black.eot');
    src: url('fonts/Merriweather-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Merriweather-Black.woff2') format('woff2'),
        url('fonts/Merriweather-Black.woff') format('woff'),
        url('fonts/Merriweather-Black.ttf') format('truetype'),
        url('fonts/Merriweather-Black.svg#Merriweather-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('fonts/Merriweather-Italic.eot');
    src: url('fonts/Merriweather-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Merriweather-Italic.woff2') format('woff2'),
        url('fonts/Merriweather-Italic.woff') format('woff'),
        url('fonts/Merriweather-Italic.ttf') format('truetype'),
        url('fonts/Merriweather-Italic.svg#Merriweather-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}




body{
    margin:0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
	line-height: 1.333333333333333;
    color:#14212D;
}
.site-wrapper {
	overflow: hidden;
}
.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
	width: 100%;
}
.clearfix::before, .clearfix::after {
	content: "";
	display: table;
	clear: both;
}



/*  HEADINGS
-----------------------------------------------*/
h1, .h1{
    font-size: 48px;
	line-height: 1.25;
    color: #14212D;
	font-family: 'Merriweather', sans-serif;
	font-weight: 700;
    margin: 0 0 55px 0;	
}
h1 strong, .h1 strong {
	font-family: 'Merriweather', sans-serif;
	font-weight: 700;
	color: #0741AD;
}
h2, .h2 {
    font-size: 40px;
	line-height: 1.25;
	font-family: 'Merriweather', sans-serif;
	font-weight: 700;    
    color: #14212D;
    margin: 0 0 31px 0;
}
h2 strong, .h2 strong {
	font-family: 'Merriweather', sans-serif;
	font-weight: 700;
	color: #0741AD;
}
h3, .h3{
    font-size: 20px;
	line-height: 1.3;
    font-weight: 300;
    color: #14212D;
	font-family: 'Merriweather', sans-serif;
	font-weight: 700;
	 margin: 0 0 20px 0;
}
h4, .h4{
    font-size: 18px;
	line-height: 1.277777777777778;
    font-weight: 300;
    color: #14212D;
	font-family: 'Merriweather', sans-serif;
	font-weight: 700;
     margin: 0 0 10px 0;
}
h5, .h5{
    font-size: 16px;
    line-height: 1.115384615384615;
    font-weight: 300;
    color: #14212D;
	font-family: 'Merriweather', sans-serif;
	font-weight: 700;
    margin: 35px 0 5px 0;
}
h6, .h6{
    font-size: 14px;
    line-height: 1.115384615384615;
    font-weight: 300;
    color: #14212D;
	font-family: 'Merriweather', sans-serif;
	font-weight: 700;
     margin: 0 0 5px 0;
}

/*  TAGS
-----------------------------------------------*/
p {
    margin: 0 0 24px 0;
}
p:last-child{
    margin-bottom: 0;
}

/*  CLICKABLE ELEMENTS
-----------------------------------------------*/
a{
    color: #14212D;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
	outline: none !important;
}
a:active {
	outline: none !important;
}


/*  BUTTONS
-----------------------------------------------*/
.button, button {
    font-size: 18px;
	line-height: 1.333333333333333;
    padding: 21px 15px 23px;
	min-width: 240px;	
    font-family: 'Merriweather';
	font-style: normal;
	font-weight: 700;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	text-decoration: none;
	display: inline-block;
	background: #0741AD;
	border: 1px solid rgba(7, 65, 173, 0.5);
	border-radius: 35px;
	box-shadow: 3px 5px 0 rgba(255, 255, 255, 0.5);
}
.button:hover, button:hover, .button:focus, button:focus {
	background: #3590D5;
	color: #ffffff;
	text-decoration: none;
}




/*  LISTING
-----------------------------------------------*/
ul{
    list-style-type: disc;
    padding-left: 18px;
    margin-bottom: 20px;
}

ul li,
ol li {
    font-size: 16px;
    line-height: 1.65;
    color: #14212D;
font-family: 'Martel Sans', sans-serif;
    margin: 0 0 25px 0;
}

ol{
    padding-left: 18px;
    margin-bottom: 20px;
}

/*  DATA LIST
-----------------------------------------------*/
dl{
    display:flex;
    flex-wrap: wrap;
    gap: 10px;
	font-family: 'Martel Sans', sans-serif;
    margin: 0 0 25px 0;
}
dl dt{
    flex: 0 0 25%;
    max-width: 25%;
    padding: 5px 10px;
    background-color: #eee;
    border-radius: 5px;
}
dl dd{
    flex: 0 0 calc(75% - 5px);
    max-width: calc(75% - 10px);
    padding: 5px 10px;
    background-color: #f3f3f3;
    border-radius: 5px;
}

/*  QUOTE
-----------------------------------------------*/

blockquote {
  background-color: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 25px 0;
  padding: 0.5em 10px;
  quotes: "\201C""\201D";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


.site_loader {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ffffff;
	display: block;
	z-index: 999999;
}
.site_loader figure {
	/* background: url(images/site-loader.gif) no-repeat center center; */
	background-size: 100%;
	margin: 0 auto;
	max-width: 210px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	padding: 72px 0;
}
.site_loader figure img {
	max-width: 40%;
    display: block;
    margin: 0 auto;
}

/* Slider */
.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: none;}
.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;}


/* Header CSS Starts Here
===========================================================*/
#header {
	padding: 20px 0;
	position: relative;
	z-index: 999999;
}
#header .container {
	max-width: 1280px;
}
.header_inner {
	padding: 10px 50px 11px 30px;	
	background: #FFFFFF;
	border: 1px solid rgba(7, 65, 173, 0.1);
	box-shadow: 0px 4px 4px rgba(53, 144, 213, 0.08);
	border-radius: 10px;
	position: relative;
}
.ucpath_logo {
	width: 155px;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
.ucpath_logo img {
	display: block;
	width: 100%;
}
.enumenu_ul_inner {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.357142857142857;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.enumenu_ul_inner li {
	list-style: none;
	padding: 0;
	margin: 0 38px 0 0;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	position: relative;
}
.enumenu_ul_inner li a {
	color: rgba(20, 33, 45, 0.9);
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.357142857142857;
}
.enumenu_ul_inner li:last-child {
	margin-right: 0;
}
.enumenu_ul_inner li > ul {
	position: absolute;
    top: 100%;
    left: 0;
    width: 170px;
    background: #ffffff;
    padding: 0;
    box-shadow: 0px 4px 4px rgba(53, 144, 213, 0.08);
    margin: 17px 0 0 0;	
	display: none;
}
.enumenu_ul_inner li > ul::before {
	content: "";
	display: block;
	position: absolute;
	top: -17px;
	left: 0;
	right: 0;
	height: 17px;
}
.enumenu_ul_inner li > ul li {
	display: block;
	padding: 0;
	margin: 0;
	border-bottom: solid 1px rgba(53, 144, 213, 0.3);
}
.enumenu_ul_inner li > ul li:last-child {
	border-bottom: none;
}
.enumenu_ul_inner li > ul li a {
	display: block;
	padding: 10px 15px;
	margin: 0;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	outline: none !important;
}
.enumenu_ul_inner li > ul li a:hover, .enumenu_ul_inner li > ul li a:focus {
	background: #0741AD;
	color: #ffffff;
	text-decoration: none;
}
.enumenu_ul_inner li:hover > ul, .enumenu_ul_inner li a:focus + ul {
	display: block;
}
.menu-icon {
	display: none;
}
.main_head_menu_wrap {
    width: calc(100% - 162px);
    display: inline-block;
	padding-right: 140px;
	position: relative;
	padding-left: 36px;
}
.login_btn {
	position: absolute;
	top: -3px;
	right: -13px;
	background: #0741AD;
	color: #ffffff;
	display: inline-block;
	border-radius: 18px;
	padding: 9px 20px;
	font-family: 'Merriweather', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.285714285714286;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
}
.login_btn:hover, .login_btn:focus {
	background: #3590D5;
	color: #ffffff;
	text-decoration: none;
}
.call_us_btn {
	width: 36px;
	height: 36px;
	background: #0741AD url(images/phone-icon.svg) no-repeat center center;
	background-size: 16px;
	border-radius: 100%;
	display: block;
	position: absolute;
	top: 11px;
	right: 140px;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	display: none;
}
.call_us_btn:hover, .call_us_btn:focus {
	background-color: #3590D5;
	color: #ffffff;
	text-decoration: none;	
}
.head_phone {
	position: absolute;
	top: 16px;
	right: 137px;
}
.call_us_text {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.357142857142857;
	text-align: center;
	color: #000000;
	display: inline-block;
}
.call_us_text::before {
	content: "";
	display: block;
	background: url(images/head-pone-icon.svg) no-repeat center center;
	background-size: 100%;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 8px;
	left: -19px;
}



/* Footer CSS Starts Here
===========================================================*/
#footer {
	background: #14212D;
	padding: 50px 0 0;
}
.reach_out_to_us_sec + #footer {
	padding-top: 142px;
}
.copright_text_links_sec {
	background: #ffffff;
	padding: 30px 0;
	margin-top: 34px;
}
.copright_text_links_sec p {
	float: left;
	margin: 0;
	font-size: 16px;
	line-height: 1.361875;
}
.copright_text_links_sec ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
	font-size: 16px;
	line-height: 1.375;
}
.copright_text_links_sec ul li {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0 0 0 62px;
}
.copright_text_links_sec ul li:first-child {
	margin-left: 0;
}
.copright_text_links_sec ul li a {
	text-decoration: underline;
	display: block;
	font-family: 'Open Sans', sans-serif;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
.copright_text_links_sec ul li a:hover, .copright_text_links_sec ul li a:focus {
	color: #0741AD;
	text-decoration: none;
}
.foo_content {
	max-width: 350px;
	display: inline-block;
	vertical-align: top;
	color: #ffffff;
	padding-left: 0;
}
.foo_links_wrap {
	width: calc(100% - 355px);
	display: inline-block;
	vertical-align: top;
	padding-top: 24px;
	padding-left: 185px;
}
.foo_content p {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 39px;
}
.foo_logo {
	max-width: 204px;
	display: block;
	margin-left: -12px;	
	margin-bottom: 20px;
}
.foo_logo img {
	display: block;
}
.social_icons {
	list-style: none;
	padding: 0;
	margin: 0;	
}
.social_icons li {
	list-style: none;
	padding: 0;
	margin: 0 24px 0 0;
	display: inline-block;
}
.social_icons li a {
	display: block;
	color: #ffffff;
	font-size: 20px;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
}
.social_icons li a:hover, .social_icons li a:focus {
	opacity: 0.5;
}
.social_icons li a .fa-twitter {
	font-size: 26px;
}
.social_icons li a .fa-instagram, .social_icons li a .fa-facebook-f {
	font-size: 24px;
}
.social_icons li:last-child {
	margin-right: 0;
}
.foo_links {
	list-style: none;
	padding: 0;
	margin: 0;
}
.foo_links > li {
	list-style: none;
	padding: 0 0 0 7px;
	margin: 0;
	width: calc(36% - 5px);
	display: inline-block;
	vertical-align: top;
}
.foo_links > li:first-child {
	padding-left: 0;
}
.foo_links > li:last-child {
	width: calc(28.3333% - 4px);
	padding-left: 12px;
}
.foo_links > li > a {
	font-family: 'Merriweather', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.277777777777778;
	color: #FFFFFF;
	display: inline-block;
	cursor: default;
	margin-bottom: 20px;
}
.foo_links > li > h3 {
	font-family: 'Merriweather', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.277777777777778;
	color: #FFFFFF;
	display: inline-block;
	cursor: default;
	margin-bottom: 20px;
}
.foo_links li > a:hover, .foo_links li > a:focus {
	text-decoration: none;
}
.foo_links > li ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.foo_links > li ul li {
	list-style: none;
	padding: 0 0 6px;
	margin: 0;
}
.foo_links > li ul li a {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.8);
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;	
}
.foo_links > li ul li a:hover, .foo_links > li ul li a:focus {
	color: #ffffff;
	text-decoration: none;
}
.reach_out_to_us_sec.no-contactform .reach_out_to_us_content {
	width: 100%;
    float: none;
	text-align: center;
}
.reach_out_to_us_sec.no-contactform .reach_out_to_us_content .reach_out_to_us_content_logo_icon {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.reach_out_to_us_sec.no-contactform .reach_out_to_us_content .button {
	background: #ffffff;
    color: #4169e1;
	box-shadow: 3px 5px 0 rgba(255, 255, 255, 0.1);
}
.reach_out_to_us_sec.no-contactform .reach_out_to_us_content .button:hover, .reach_out_to_us_sec.no-contactform .reach_out_to_us_content .button:focus {
	background: #14212D;
	color: #FFFFFF;
} 





/* Banne Section CSS Starts Here
=========================================================*/
.banner_sec {
	padding: 60px 0;
	overflow: hidden;
}
.banner_col_wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.banner_col_wrap > * {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.banner_col_wrap figure {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-top-left-radius: 100px;
	margin-right: -72px;
	margin-left: 72px;
	min-height: 463px;
}
.banner_content {
	max-width: 601px;
	padding-left: 30px;
	margin-left: auto;
	margin-top: 22px;
	padding-right: 150px;
	padding-bottom: 7px;
	position: relative;
}
.banner_bg_icon {
	content: "";
	background: url(images/banner-icon.svg) no-repeat center center;
	width: 353px;
	height: 223px;
	background-size: 100%;
	display: block;
	position: absolute;
	right: -30px;
    top: 35px;
	z-index: -1;
}
.banner_content h1, .banner_content .h1 {
	position: relative;	
}
.banner_content h1::before, .banner_content .h1::before {
	content: "";
	background: #AD7307;
	width: 139px;
	height: 2px;
	display: block;
	position: absolute;
	bottom: -29px;
	left: 0;
}
.banner_content h1::after, .banner_content .h1::after {
	content: "";
	background: #0741AD;
	border-radius: 7.5744px;
	width: 28px;
	height: 4px;
	display: block;
	position: absolute;
	bottom: -30px;
	left: 55px;
}
.banner_content .button {
	box-shadow: 3px 5px 0 rgba(7, 65, 173, 0.2);
}
.contact_dtls {
	list-style: none;
	padding: 0;
	margin: 45px 0 0 0;
	line-height: 1;
}
.contact_dtls li {
	list-style: none;
	padding: 0;
	margin: 0 17px 0 0;
	display: inline-block;
	position: relative;	
	font-size: 18px;
	line-height: 1.666666666666667;
	letter-spacing: 0.045em;
	color: rgba(20, 33, 45, 0.9);
	font-family: 'Open Sans', sans-sarif;
	font-style: normal;
}
.contact_dtls li::after {
	content: "|";
	position: absolute;
	top: -1px;
	right: -14px;
}
.contact_dtls li a {
	display: inline-block;
	font-family: 'Open Sans', sans-sarif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.666666666666667;
	letter-spacing: 0.045em;
	color: rgba(20, 33, 45, 0.9);
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
}
.contact_dtls li a:hover, .contact_dtls li a:focus {
	color: #0741AD;
	text-decoration: none;
}
.contact_dtls li:last-child::after {
	display: none;
}
.inner_banner_sec {
	margin-bottom: 6px;
}
.inner_banner_sec .banner_col_wrap {
	background: #EBF4FB;
	padding: 40px 0 50px;
}
.inner_banner_sec .banner_col_wrap figure {
	order: 1;
	margin-right: 0;
    margin-left: 0;
	margin: 0 0 -20px;
	border-radius: 0;
	margin-bottom: -70px;
	padding-right: 116px;
	text-align: right;
}
.inner_banner_sec .banner_col_wrap figure img {
	display: inline-block;
	width: 100%;
	max-width: 625px;
	border-top-right-radius: 100px;
}
.inner_banner_sec .banner_col_wrap .banner_col {
	order: 2;
}
.inner_banner_sec .banner_col_wrap .banner_col .banner_content {
	padding-left: 0;
    padding-right: 0;
	margin-left: 0;
	margin-right: auto;
	position: relative;
	z-index: 1;
}
.inner_banner_sec .banner_col_wrap .banner_col .banner_bg_icon {
	right: 0;
    top: 8px;
}
.inner_banner_white_sec .banner_col_wrap {
	background: #ffffff;
}
.sec-hero-title-banner {
	padding: 0 0 42px;
	margin-top: -100px;
}
.sec-hero-title-banner .banner_content {
	max-width: 100%;
	padding: 0;
	margin: 0;
}
.sec-hero-title-banner .banner_col_wrap {
	display: block;
	padding: 197px 0 16px;
}
.sec-hero-title-banner .banner_col_wrap > * {	
    max-width: 1200px;
}
.sec-hero-title-banner .banner_bg_icon {
	right: -40px;
    top: -145px;
	z-index: 0;
}
.inner_banner_sec .banner_col_wrap_container .banner_col_wrap {
	padding: 0;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.inner_banner_sec .banner_col_wrap_container {
    background: #EBF4FB;
    padding: 0;
}
.inner_banner_sec .banner_col_wrap_container .banner_col_wrap figure {	
	margin: 0;
}
.inner_banner_sec .banner_col_wrap figure.img-noradius img {
	border-top-right-radius: 0;
}
.cta-link {
	color: #0741AD;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1.333333333333333;
	font-family: 'Merriweather', sans-serif;
	text-decoration: underline;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}
.cta-link:hover, .cta-link:focus {
	color: #3590D5;
	text-decoration: none;
}




/* Innovative Solution Section CSS Starts Here
======================================================== */
.innovative_solution_sec {
	padding: 42px 0;
}
.title_desc_col_wrap {
	padding-bottom: 18px;
}
.title_desc_col_wrap h2 {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding-right: 20px;
}
.title_desc_col {
	width: calc(50% - 5px);
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding-left: 37px;
}
.title_desc_col p {
	margin: 0;
}
.innovative_solution_boxs_wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 0 -20px;
}
.innovative_solution_boxs {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
	padding: 0 36px;
	position: relative;
	margin: 36px 0;
}
.innovative_solution_boxs::before {
	content: "";
	background: #FFFFFF;
	border: 1px solid rgba(7, 65, 173, 0.3);
	border-radius: 8px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 19px;
	right: 19px;
	z-index: 1;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
}
.innovative_solution_boxs::after {
	content: "";
	background: rgba(7, 65, 173, 0.1);
	border-radius: 8px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 19px;
	right: 19px;
	z-index: 0;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
}
.innovative_solution_boxs_inner {
	position: relative;
	z-index: 2;
	padding: 130px 0 36px 15px;
}
.innovative_solution_boxs_inner figure {
	display: block;
	position: absolute;
	left: 13px;
	top: -32px;
	width: 114px;
	height: 114px;
	background: #3590D5;
	border-radius: 100%;
	text-align: center;
	line-height: 110px;
	vertical-align: middle;
}
.innovative_solution_boxs_inner figure img {
	display: inline-block;
	vertical-align: middle;
	max-width: 65px;
}
.innovative_solution_boxs_inner p {
	font-family: 'Open Sans', sans-sarif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.375;
	color: #14212D;
}
.innovative_solution_boxs_inner h3 a {
	color: #14212D;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
}
.innovative_solution_boxs_inner > a.link {
	font-family: 'Open Sans', sans-sarif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.375;
	text-decoration-line: underline;
	font-variant: all-small-caps;
	color: #0741AD;
	text-decoration: none;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	text-decoration: underline;
}
.innovative_solution_boxs_inner > a.link::after {
	content: "";
	background: url(images/link-arrow.svg) no-repeat center center;
	background-size: 100%;
	width: 7px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}
.innovative_solution_boxs_inner p {
	margin-bottom: 18px;
}
.innovative_solution_boxs_inner > a.link:hover, .innovative_solution_boxs_inner > a.link:focus {
	color: #0741AD;	
}
.innovative_solution_boxs:hover::before {
	border-color: rgba(53, 144, 213, 0.8);
}
.innovative_solution_boxs:hover::after {
	top: 5px;
	bottom: -5px;
	left: 24px;
	right: 14px;
}
.innovative_solution_boxs:hover h3 a {
	text-decoration: none;
	color: #3590D5;
}
.innovative_solution_boxs:hover .innovative_solution_boxs_inner > a.link {
	text-decoration: underline;
}


/* Who We are Section CSS Starts Here
======================================================== */
.who_we_are_sec {
	padding: 72px 0;
}
.who_we_are_sec.who_we_are_sec {
	padding-bottom: 92px;
}
.who_we_are_sec .container {
	position: relative;
}
.who_we_are_sec .container .who_we_are_title_icon {
	content: "";
	background: url(images/banner-icon.svg) no-repeat center center;
	width: 353px;
	height: 223px;
	background-size: 100%;
	display: block;
	position: absolute;
	left: 168px;
    top: -30px;
	z-index: -1;
}
.who_we_are_sec img {
	display: block;	
	padding-top: 16px;
	width: 100%;
	border-radius: 8px;
}
.remove_bg_logo .container::before, .remove_bg_logo .container .who_we_are_title_icon {
	display: none;
}
.text_center_content_sec {
	text-align: center;	
	padding-top: 110px;
}
.text_center_content_sec .container::before {
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	top: -53px;
}
.who_we_are_center_sec {
	text-align: center;
}
.who_we_are_center_sec .container::before {
    right: 0;
    margin: 0 auto;
    left: 0;
	top: -55px;
}
.who_we_are_sec a.button {
	margin-top: 16px;
}




/* Who We are Section CSS Starts Here
======================================================== */
.why_choose_ucpath_sec {
	padding: 127px 0 63px;
}
.why_choose_ucpath_sec .container {
	max-width: 1280px;
}
.why_choose_ucpath_sec h2 {
	text-align: center;
	margin-bottom: 41px;
	position: relative;
}
.why_choose_ucpath_sec h2 .why_choose_title_icon {
	content: "";
	background: url(images/banner-icon.svg) no-repeat center center;
	width: 353px;
	height: 223px;
	background-size: 100%;
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
    top: -79px;
	z-index: -1;
}
.why_choose_ucpath_sec h2 + p {
	text-align: center;
	padding: 0 42px 10px;
}
.why_choose_ucpath_content {
	list-style: none;
	padding: 59px 40px 16px;
	margin: 0;
	background:#eff6fc;
	border: 1px solid rgba(7, 65, 173, 0.1);
	box-shadow: 0px 4px 4px rgba(53, 144, 213, 0.08);
	border-radius: 10px;
	position: relative;
	z-index: 1;
}
.why_choose_ucpath_content::before, .why_choose_ucpath_content::after {
	content: "";
	display: table;
	clear: both;
}
.why_choose_ucpath_content li {
	width: 44.8%;
	float: left;
	padding-bottom: 15px;
}
.why_choose_ucpath_content li:nth-child(2n+2) {
	float: right;
}
.why_choose_ucpath_content li:nth-child(2n+1) {
	clear: both;
}
.why_choose_ucpath_content p {
	font-family: 'Open Sans', sans-sarif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.333333333333333;
	color: rgba(20, 33, 45, 0.9);
}
.why_choose_ucpath_content h3 {
	padding-left: 43px;
	position: relative;
	max-width: 400px;
}
.why_choose_us_title_icon {
	content: "";
	background: url(images/arrow-icon.svg) no-repeat center center;
	background-size: 100%;
	width: 26px;
	height: 26px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.why_choose_ucpath_rightarrow_sec {
	padding-top: 135px;
	padding-bottom: 69px;
}
.why_choose_ucpath_rightarrow_sec .why_choose_us_title_icon {
	background-image: url(images/title-black-arrow.svg);
	background-size: 100%;
    width: 35px;
    height: 10px;
	top: 7px;
}
.why_choose_ucpath_rightarrow_sec h2 {
	max-width: 761px;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
	margin-bottom: 51px;
}
.why_choose_ucpath_rightarrow_sec h2 + p {
	max-width: 1140px;
	text-align: center;
	margin: -10px auto 30px;
	color: #14212DE5;
}
.why_choose_ucpath_rightarrow_sec .why_choose_ucpath_content h3 {
	padding-left: 53px;
}
.why_choose_ucpath_rightarrow_sec h2:before {
	top: -61px;
	right: 30px;
}



/* Industries we specialise in Section CSS Starts Here
======================================================== */
.industries_we_specialise_sec {	
	padding: 64px 0 60px;
}
.industries_we_specialise_col_wrap::before, .industries_we_specialise_col_wrap::after {
	content: "";
	display: table;
	clear: both;
}
.industries_we_specialise_col_wrap figure {
	margin: 0;
	display: block;
	border-radius: 0px 100px 0px 0px;
	overflow: hidden;
	width: 44.7%;
	float: left;
}
.industries_we_specialise_col_wrap figure img {
	display: block;
	width: 100%;
}
.industries_we_specialise_content {
	float: right;
	width: 44.7%;
	padding: 37px 0 0 0;
}
.industries_we_specialise_content p {
	margin-bottom: 40px;
}
.industries_we_specialise_content h2 {
	max-width: 460px;
}
.industries_we_specialise_content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.industries_we_specialise_content ul li {
	list-style: none;
	padding: 0 0 0 25px;
	margin: 0 0 15px;
	position: relative;
	font-size: 20px;
	line-height: 1.25;
	color: #14212D;
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 700;
}
.industries_we_specialise_content ul li i {
	position: absolute;
	top: 2px;
	left: 0;
}
.industries_we_specialise_content ul li a {
	display: inline-block;
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.25;
	color: #14212D;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
}
.industries_we_specialise_content.list_round_arrow ul li a {
	padding-left: 20px;
}
.industries_we_specialise_content.list_round_arrow ul li a i {
	position: absolute;
	top: 0;
	left: 0;
}
.industries_we_specialise_content.list_round_arrow ul li a i:before {
	content: "";	
    background: url(images/arrow-icon.svg) no-repeat center center;
    background-size: 100%;
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.industries_we_specialise_content ul li a:hover, .industries_we_specialise_content ul li a:focus {
	color: #3590D5;
	text-decoration: none;
}
.industries_we_specialise_reverse_sec {
	padding: 28px 0 120px
}
.industries_we_specialise_reverse_sec .industries_we_specialise_col_wrap figure {
	float: right;
	border-radius: 100px 0px 0px 0px;
}
.industries_we_specialise_reverse_sec .industries_we_specialise_content {
	float: left;
	position: relative;
	z-index: 0;
	margin-top: 64px;
}
.industries_we_specialise_reverse_sec .industries_we_specialise_content .industries_we_specialise_content_wrap_icon {
	content: "";
    background: url(images/banner-icon.svg) no-repeat center center;
    width: 353px;
    height: 223px;
    background-size: 100%;
    display: block;
    position: absolute;
	left: 150px;
    top: -40px;
    z-index: -1;
}
.industries_we_specialise_reverse_sec .industries_we_specialise_content p {
	margin-bottom: 20px;
}
.industries_we_specialise_description {
	background: #3590D514;
	border: solid 1px #0741AD1A;
	box-shadow: 0 4px 4px #3590D514;
	border-radius: 10px;
	padding: 20px 40px;
	margin:  40px -40px 0;
}



/* Description IMG Blue Section CSS Starts Here
======================================================== */
.description_img_blue_sec {
	padding: 60px 0 145px;
}
.description_img_blue_sec .container {
	max-width: 1280px;
}
.description_img_blue_wrap {
	background: #3590D5;
	border: 1px solid rgba(7, 65, 173, 0.1);
	box-shadow: 0px 4px 4px rgba(53, 144, 213, 0.08);
	border-radius: 10px;
	padding: 58px 40px 0;
	text-align: center;
	color: #ffffff;
	position: relative;
}
.description_img_blue_wrap .description_img_blue_wrap_icon {
	content: "";
	background: url(images/banner-icon.svg) no-repeat center center;
	width: 353px;
	height: 223px;
	background-size: 100%;
	display: block;
	position: absolute;
	right: -100px;
    top: -120px;
	z-index: -1;
}
.description_img_blue_wrap figure {
	margin: 0 0 -60px;
	display: block;
	border-radius: 8px;
	overflow: hidden;
	margin-top: 41px;
}
.description_img_blue_wrap figure img {
	display: block;
	width: 100%;
}
.description_img_blue_wrap p {
	font-family: 'Merriweather', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3;
	text-align: center;
	color: #FFFFFF;
	padding-left: 40px;
	padding-right: 40px;
}


/* Recognized Our Products Section CSS Starts Here
======================================================== */
.recognized_our_products_sec {
	padding: 90px 0;
	overflow: hidden;
}
.recognized_our_products_sec .container {
	max-width: 1280px;
}
.testimonial_title_descr_wrap {
	max-width: 328px;
	float: left;
	margin-left: 40px;
	position: relative;
	z-index: 3;
}
.recognized_our_products_slider {
	position: relative;
	margin-right: -30px;
}
.recognized_our_products_slider::before {
	content: "";
	background: #ffffff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -300%;
	width: 300%;
	display: block;
	z-index: 1;
}
.recognized_our_products_slider .slick-list {
	overflow: inherit;
}
.recognized_our_products_slider_wrap {
	width: calc(100% - 368px);
	float: right;
	padding-left: 115px;
}
.recognized_our_products_content {
	background: rgba(53, 144, 213, 0.08);
	border-radius: 8px;
	padding: 59px 55px 55px 111px;
	margin: 20px 30px 0 55px;
	position: relative;
}
.recognized_our_products_content figure {
	display: block;
	margin: 0 0 30px;
}
.recognized_our_products_content figure img {
	display: inline-block;
}
.recognized_our_products_content .fa-star {
	margin-bottom: 30px;
	color: #AD7307;
	margin-right: 5px;
}
.recognized_our_products_content p {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.35;
	color: rgba(20, 33, 45, 0.9);
	margin-bottom: 18px;
}
.recognized_our_products_content .test_name {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.375;
	color: rgba(53, 144, 213, 0.7);
	margin-bottom: 8px;
}
.recognized_our_products_content h3 {
	font-family: 'Merriweather', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.25;
	color: #3590D5;
	margin-bottom: 0;
}
.recognized_our_products_content::before {
	content: "“";
	position: absolute;
	top: -15px;
	left: -20px;
	width: 70px;
	height: 70px;
	background: #3590D5;
	border-radius: 8px;
	text-align: center;
	line-height: 90px;
	font-family: 'Merriweather', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 37.1429px;
	color: #FFFFFF;
}
.recognized_our_products_content::after {
	content: "";
	background: url(images/half_round_shape.svg) no-repeat center center;
	background-size: 100%;
	width: 91px;
    height: 106px;
	position: absolute;
	left: -51px;
	top: -20px;
	display: block;
}





/* Reach Out to Us Section CSS Starts Here
======================================================== */
.reach_out_to_us_sec {
	padding: 30px 0 0;
}
.reach_out_to_us_sec .container {
	max-width: 1280px;
}
.reach_out_to_us_box {
	background: #3590D5;
	border: 1px solid rgba(7, 65, 173, 0.1);
	box-shadow: 0px 4px 4px rgba(53, 144, 213, 0.08);
	border-radius: 10px;	
	padding: 80px 40px 72px 40px;
	margin-bottom: -94px;
	position: relative;
	z-index: 1;
}
.reach_out_to_us_content {
    width: 41.31%;
	float: left;
	color: #ffffff;
	padding-top: 48px;
	position: relative;
}
.reach_out_to_us_content .reach_out_to_us_content_logo_icon {
	content: "";
	background: url(images/reach-out-icon.svg) no-repeat center center;
	width: 353px;
	height: 223px;
	background-size: 100%;
	display: block;
	position: absolute;
	left: 115px;
    top: -21px;
	z-index: -1;
}
.reach_out_to_us_content h2 {
	color: #ffffff;
}
.reach_out_to_us_content p {
	color: #ffffff;
	padding-right: 10px;
	margin-bottom: 39px;
}
.contact_dtl {
	background: #FFFFFF;
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 8px 15px 11px;
}
.contact_dtl:last-child {
	margin-bottom: 0;
}
.contact_dtl span {
	color: rgba(53, 144, 213, 0.5);
	display: inline-block;
	vertical-align: middle;
	max-width: 140px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: rgba(53, 144, 213, 0.5);
}
.contact_dtl strong {
	display: inline-block;
	vertical-align: middle;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #3590D5;
}
.contact_dtl strong a {
	color: #3590D5;
	display: inline-block;
}
.contact_form {
	width: 48.34%;
	float: right;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	resize: none;
	width: 100%;
	border: none;
	background: transparent;
	padding: 0 15px;
	height: 45px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #ffffff;
	border-bottom: 0.8px solid rgba(255, 255, 255, 0.5);
	border-radius: 0;
}
.yeastar-step__input-wrap input[type="number"] {
     font-size: 15px;
     font-weight: 300;
     color: #7c7c7c;
}
textarea {
	height: 96px;
	padding-top: 12px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #14212D;
}
::-moz-placeholder { /* Firefox 19+ */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #14212D;
}
:-ms-input-placeholder { /* IE 10+ */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #14212D;
}
:-moz-placeholder { /* Firefox 18- */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #14212D;
}
.contact_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(255,255,255,0.6);
}
.contact_form ::-moz-placeholder { /* Firefox 19+ */
	color: rgba(255,255,255,0.6);
}
.contact_form :-ms-input-placeholder { /* IE 10+ */
	color: rgba(255,255,255,0.6);
}
.contact_form :-moz-placeholder { /* Firefox 18- */
	color: rgba(255,255,255,0.6);
}
input[type="submit"] {
    font-size: 18px;
	line-height: 1.333333333333333;
    padding: 21px 15px 23px;
	min-width: 310px;
    font-family: 'Merriweather';
	font-style: normal;
	font-weight: 700;
	text-align: center;
	color: rgba(7, 65, 173, 0.9);
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	text-decoration: none;
	display: inline-block;
	background: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 35px;
}
input[type="submit"]:hover, input[type="submit"]:focus {
	background: #0741AD;
	color: #ffffff;
	border-color: #0741AD;
	text-decoration: none;
}
.woocommerce-cart-form input[type="text"], .woocommerce-cart-form input[type="email"], .woocommerce-cart-form input[type="url"], .woocommerce-cart-form input[type="password"], .woocommerce-cart-form input[type="search"], .woocommerce-cart-form input[type="number"], .woocommerce-cart-form input[type="tel"], .woocommerce-cart-form input[type="range"], .woocommerce-cart-form input[type="date"], .woocommerce-cart-form input[type="month"], .woocommerce-cart-form input[type="week"], .woocommerce-cart-form input[type="time"], .woocommerce-cart-form input[type="datetime"], .woocommerce-cart-form input[type="datetime-local"], .woocommerce-cart-form input[type="color"], .woocommerce-cart-form textarea {
	color: #14212D;
}
.contact_form input[type="text"]:focus, .contact_form input[type="email"]:focus, .contact_form input[type="url"]:focus, .contact_form input[type="password"]:focus, .contact_form input[type="search"]:focus, .contact_form input[type="number"]:focus, .contact_form input[type="tel"]:focus, .contact_form input[type="range"]:focus, .contact_form input[type="date"]:focus, .contact_form input[type="month"]:focus, .contact_form input[type="week"]:focus, .contact_form input[type="time"]:focus, .contact_form input[type="datetime"]:focus, .contact_form input[type="datetime-local"]:focus, .contact_form input[type="color"]:focus, .contact_form textarea:focus {
	color: #ffffff;
}
.wpcf7-form-control-wrap {
	width: 47%;
	float: left;
	margin-bottom: 30px;
	display: block;
}
.wpcf7-form-control-wrap:nth-child(2n+2) {
	float: right;
}
.wpcf7-form-control-wrap:nth-child(2n+1) {
	clear: both;
}
.wpcf7-form-control-wrap[data-name="company"], .wpcf7-form-control-wrap[data-name="message"], .wpcf7-form-control-wrap[data-name="prefcontctime"] {
	clear: both;
	width: 100%;
	float: none;
	margin-bottom: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	color: #ab0f0f;
	border-color: #ab0f0f;
	text-align: center;
	font-size: 16px;
}
.wpcf7-not-valid-tip {
    color: #ab0f0f;
    font-size: 16px;
    font-weight: normal;
    display: block;
    margin-top: 10px;
	display: none !important;
}
textarea + .wpcf7-not-valid-tip {
	margin-bottom: 30px;
	display: block !important;
}
input + .wpcf7-not-valid-tip {
	display: block !important;
}
.reach_out_to_us_box .contact_form {
	padding-top: 39px;
}
.reach_out_to_us_box .contact_form textarea {
	margin-top: 20px;	
}
.wpcf7-submit {
	margin-top: 25px !important;
}
.contact_form input[type="submit"] {
	box-shadow: 3px 5px 0 rgba(255, 255, 255, 0.1);
}




/* IMG Content ZigZag Section CSS Starts Here
======================================================== */
.img_content_zigzag_wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	padding: 12px 0;
}
.img_content_zigzag_wrap > * {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 54%;
    flex: 0 0 54%;
    max-width: 54%;
}
.img_content_zigzag_wrap figure {
	-ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;		
}
.img_content_zigzag_inner {
	padding-left: 105px;
	padding-bottom: 74px;
	padding-top: 60px;
	position: relative;
}
.img_zigzag_logo {
	content: "";
    background: url(images/banner-icon.svg) no-repeat center center;
    width: 353px;
    height: 223px;
    background-size: 100%;
    display: none;
    position: absolute;
    left: 143px;
    top: -80px;
    z-index: -1;
}
.img_content_zigzag_inner.logo_show .img_zigzag_logo {
	display: block;
}
.img_content_zigzag_reverse .img_content_zigzag_inner {
	order: 1;
	padding-left: 0;
	padding-right: 150px;
}
.img_content_zigzag_reverse figure {
	order: 2;
}
.img_content_zigzag_wrap figure {
	text-align: center;
}
.img_content_zigzag_wrap figure img {
	display: inline-block;
}
.img_content_zigzag_inner h3 {
	color: #3590D5;
	padding-left: 54px;
	position: relative;
}
.img_content_zigzag_inner h3 a {
	display: inline-block;
	color: #3590D5;
}
.img_zigzag_title_icon {
	content: "";
	background: url(images/title-arrow.svg) no-repeat center center;
	background-size: 100%;
	width: 35px;
	height: 10px;
	display: block;
	position: absolute;
	top: 7px;
	left: -1px;
}
.img_content_zigzag_inner p {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #14212D;
}
.img_content_zigzag_wrap:nth-child(2n+2) figure {
	border-radius: 0 100px 0 0;	
}
.img_content_zigzag_wrap:nth-child(3n+3) figure {
	border-radius: 100px;
}
.img_content_zigzag_bg {
	position: relative;
	padding: 60px 0 44px 0;
	margin: 91px 0 60px;
}
.img_content_zigzag_bg::before {
	content: "";
	background: #EFF7FC;
	border-radius: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -40px;
	right: -40px;
	z-index: -1;
}
.img_content_zigzag_bg .img_content_zigzag_inner h3 {
	color: #14212D;
}
.img_content_zigzag_bg .img_content_zigzag_inner h3 a {
	color: #14212D;	
}
.img_content_zigzag_bg .img_zigzag_title_icon {
	background-image: url(images/title-black-arrow.svg);
}
.img_content_zigzag_bg figure {
	background: transparent;
	text-align: center;	
}
.img_content_zigzag_bg figure img {
	display: inline-block;
	max-height: 351px;
}
.img_content_zigzag_wrap_main_bg {
	position: relative;
	margin: 80px 0 28px;
}
.img_content_zigzag_wrap_main_bg > * {
	position: relative;
	z-index: 1;
}
.img_content_zigzag_wrap_main_bg::before {
	content: "";
	background: #3590D5;
	position: absolute;
	left: -40px;
	right: -40px;
	top: 0;
	bottom: 0;
	z-index: 0;
	border-radius: 10px;
}
.img_content_zigzag_wrap_main_bg .img_content_zigzag_inner {
	color: #ffffff;
	padding-top: 30px;
	padding-bottom: 30px;
}
.img_content_zigzag_wrap_main_bg .img_content_zigzag_inner h3 {
	color: #ffffff;
}
.img_content_zigzag_wrap_main_bg .img_content_zigzag_inner p {
	color: #ffffff;
}
.img_content_zigzag_wrap_main_bg .img_zigzag_title_icon {
	background-image: url(images/title-arrow-white.svg);
}
.img_content_zigzag_wrap_main .img_content_zigzag_wrap figure {
	padding: 27px 0;
	border-radius: 100px;
}
.img_content_zigzag_wrap_main_bg .img_content_zigzag_wrap figure {
	margin-bottom: 0;
}
.img_content_zigzag_wrap_main_bg .img_content_zigzag_reverse figure {
	margin-bottom: 0;
	margin-top: -80px;
}
.img_content_zigzag_wrap_main .img_content_zigzag_wrap:nth-child(2n+2) figure {
	border-radius: 100px 100px 0 0;	
}
.bg-lightblue .img_content_zigzag_inner h3 {
	color: #14212D;
}
.bg-lightblue .img_content_zigzag_inner h3 a {
	color: #14212D;	
}
.bg-lightblue .img_content_zigzag_inner p {
	color: #14212D;
}
.bg-lightblue .img_zigzag_title_icon {
	background-image: url(images/title-black-arrow.svg);
}
.bg-lightblue .img_content_zigzag_wrap_main_bg::before {
	background: #EBF4FB;
}
.bg-lightblue .img_content_zigzag_wrap_main_bg .img_content_zigzag_wrap figure {
    margin-bottom: -80px;
}
.img-reverse .img_content_zigzag_wrap figure {
	order: 2;
}
.img-reverse .img_content_zigzag_wrap .img_content_zigzag_inner {
	padding-left: 0;
    padding-right: 120px;
}
.img-reverse .img_content_zigzag_reverse figure {
	order: 1;
}
.img-reverse .img_content_zigzag_reverse .img_content_zigzag_inner {
	order: 2;
	padding-left: 120px;
    padding-right: 0;
}




/* Remarkable Benefits Section CSS Starts Here
======================================================== */
.remarkable_benefits_sec {
	padding: 38px 0;
}
.remarkable_benefits_sec h2 {
	text-align: center;
	max-width: 905px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 28px;
}
.remarkable_benefits_sec.title-left h2 {
	margin-left: 0;
	text-align: left;
}
.remarkable_benefits_sec .innovative_solution_boxs {
	padding: 0 49px;
	margin: 26px 0;
}
.remarkable_benefits_sec .innovative_solution_boxs_inner {
	padding: 130px 0 20px 0;
}
.remarkable_benefits_sec .innovative_solution_boxs_inner figure {
	width: 70px;
	height: 70px;line-height: 70px;
	border-radius: 8px;
	top: -10px;
	left: 32px
}
.remarkable_benefits_sec .innovative_solution_boxs_inner figure img {
	max-width: 35px;
}
.remarkable_benefits_sec .innovative_solution_boxs_inner figure::before {
	content: "";
    background: url(images/half_round_shape.svg) no-repeat center center;
    background-size: 100%;
    width: 92px;
    height: 103px;
    position: absolute;
    left: -31px;
    top: -2px;
    display: block;
}
.remarkable_benefits_sec  .innovative_solution_boxs::before {
	border: 1px solid #3590D5;
}
.remarkable_benefits_sec .innovative_solution_boxs_inner h3 {
	min-height: 50px;
}
.left_align_title_descr_sec .container > h2, .left_align_title_descr_sec .container > p {
	text-align: left;
	max-width: 100%;
	margin-left: 0;
}
.left_align_title_descr_sec .container > h2 {
	margin-bottom: 25px;
}
.left_align_title_descr_sec .container > p {
	margin-bottom: 30px;
}
.innovative_solution_boxs_inner span.number {
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'Merriweather', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 60px;
	line-height: 1.25;
	color: #3590D5;
}



/* FAQ Section CSS Starts Here
======================================================== */
.faq_sec {
	padding: 90px 0 120px;
}
.faq_title_desc {
	text-align: center;    
    position: relative;
	max-width: 750px;
	margin: 0 auto 41px;
}
.faq_title_icon {
    content: "";
    background: url(images/banner-icon.svg) no-repeat center center;
    width: 353px;
    height: 223px;
    background-size: 100%;
    display: block;
    position: absolute;
    right: 0;
    left: 25px;
    margin: 0 auto;
    top: -55px;
    z-index: -1;
}
.accordion {
	margin: 0 -40px;
}
.accordion_list {
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
	border-radius: 10px;
	margin-bottom: 20px;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
}
.accordion_list.box_bg {
	background: #ebf4fb;
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);	
}
.accordion_list h3 {
	margin: 0;
	padding: 39px 110px 38px 40px;
	font-size: 20px;
	line-height: 1.25;
	color: #14212D;
	position: relative;
	cursor: pointer;
}
/* .accordion_list h3::before {
    content: "";
    background: url(images/title-black-arrow.svg) no-repeat center center;
    background-size: 100%;
    width: 35px;
    height: 10px;
    display: block;
    position: absolute;
    top: 46px;
    left: 39px;
} */
.accordion_list h3 .faq_title_arrow {
	content: "";
    width: 54px;
    height: 54px;
    background: #0741AD url(images/slider-arrow.svg) no-repeat center center;
    background-size: 9px;
    border-radius: 100%;
    display: block;
    position: absolute;
    right: 40px;
    top: 25px;
    line-height: 54px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
}
.accordion_list h3.active .faq_title_arrow {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);	
}
.accordionContainer {
	display: none;
	margin-top: -18px;
}
.accordionSubContainer {
	padding: 0 120px 40px 40px;	
}
.accordionSubContainer p {
	font-family: 'Open Sans', sans-sarif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.375;
	color: #14212D;
}


/* Solution Builder Section CSS Starts Here
======================================================== */
.solution_builder_sec {
	padding: 31px 0 90px;
}
.solution_builder_sec h2 {
	margin-bottom: 41px;
}
.solution_builder_sec h4 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.333333333333333;
	color: #3590D5;
	margin-bottom: 36px;
}
.steps_box {
	background: #FFFFFF;
	border: 1px solid #D0D3D5;
	border-radius: 8px;
	list-style: none;
	padding: 24px 34px 14px 46px;
	margin: 0 0 45px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	max-width: 644px;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	position: relative;
}
.steps_box::before {
	content: "";
    height: 1px;
    background: #3590D5;
    display: block;
    position: absolute;
    top: 42px;
    left: 95px;
    right: 95px;
    z-index: 0;
}
.steps_box li {
	counter-increment: step-counter;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.375;
	text-align: center;
	text-transform: uppercase;
	color: rgba(20, 33, 45, 0.7);
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 1;
}
.steps_box li a::before {
	content: counter(step-counter);
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	border: 1px solid #3590D5;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	display: block;
	margin: 0 auto 10px;
	text-transform: uppercase;
	color: #14212D;
	background: #ffffff;
}
.steps_box li.active a::before {
	background: #0741AD;
	border-color: #0741AD;
	color: #ffffff;	
}
.steps_box li.active a {
	color: #14212D;
}
.steps_box li a {
	display: inline-block;
}
.steps_box li a:hover {
	text-decoration: none;
}
.pricebox_col_wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 0 -20px;
	padding-top: 30px;
}
.pricebox_col {
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
	padding: 0 20px;
	position: relative;
}
.pricebox_col.active {
	position: relative;
	top: -30px;
}
.pricebox_content {
	padding: 67px 20px 81px;
	background: rgba(53, 144, 213, 0.8);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
	border-radius: 10px;
	position: relative;
	height: 100%;
}
.pricebox_content::before {
	content: "";	
	background: #3590D5;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
	border-radius: 10px 10px 0px 0px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.pricebox_col:nth-child(2n+2) .pricebox_content {
	background: #C69D52;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.pricebox_col:nth-child(2n+2) .pricebox_content::before {
	background: #AD7307;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.pricebox_col:nth-child(3n+3) .pricebox_content {
	background: #527AC6;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.pricebox_col:nth-child(3n+3) .pricebox_content::before {
	background: #0741AD;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.pricebox_col:nth-child(4n+4) .pricebox_content {
	background: rgba(20, 33, 45, 0.7);
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.pricebox_col:nth-child(4n+4) .pricebox_content::before {
	background: #14212D;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.pricebox_col:nth-child(6n+6) .pricebox_content {
	background: #C69D52;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.pricebox_col:nth-child(6n+6) .pricebox_content::before {
	background: #AD7307;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.pricebox_col:nth-child(7n+7) .pricebox_content {
	background: #527AC6;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.pricebox_col:nth-child(7n+7) .pricebox_content::before {
	background: #0741AD;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.pricebox_col:nth-child(8n+8) .pricebox_content {
	background: rgba(20, 33, 45, 0.7);
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.pricebox_col:nth-child(8n+8) .pricebox_content::before {
	background: #14212D;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.pricebox_col > a {
	display: inline-block;	
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.333333333333333;
    text-decoration-line: underline;
    text-transform: capitalize;
    color: rgba(20, 33, 45, 0.9);    
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
	position: absolute;
    bottom: 0;
    left: 20px;
}
.pricebox_col > a:hover, .pricebox_col > a:focus {
	color: #0741AD;
	text-decoration: none;
}
.pricebox_content h3 {
	color: #FFFFFF;
	padding-right: 75px;
	margin-bottom: 39px;
}
.pricebox_content span.price {
	font-family: 'Merriweather', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.25;
	color: #FFFFFF;
	position: absolute;
	top: 68px;
	right: 20px;
	display: block;
}
.pricebox_content p {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.466666666666667;
	color: #FFFFFF;
	max-width: 260px;
	margin-bottom: 6px;
}
.pricebox_content h5 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.333333333333333;
	color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding-top: 20px;
	margin-bottom: 21px;
	margin-top: 17px;
}
.pricebox_content ul {
	list-style: none;
	padding: 0 0 8px;
	margin: 0;
}
.pricebox_content ul li {
	list-style: none;
	padding: 0 0 0 28px;
	margin: 0 0 6px;
	color: #ffffff;
	position: relative;
}
.pricebox_content ul li .list_tick_icon {
	content: "";
	background: url(images/price-istarrow-icon.svg) no-repeat center center;
	background-size: 100%;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
}
.pricebox_content ul + ul {
	margin-top: -8px;
}
.step1-single-pro {
	max-width: 590px;
}
.step1_box {
	margin-bottom: 70px;
}
.step1-single-pro .pricebox_content {
	background: #527AC6;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
	border-radius: 10px;
}
.step1-single-pro .pricebox_content::before {
	background: #0741AD;
}
.expand-feature {
	display: none;
}
.pricbox-btm-col-wrap {
	border-top: 1px solid #FFFFFF;
    padding-top: 20px;
	padding-bottom: 19px;
}
.pricbox-btm-col-wrap::before, .pricbox-btm-col-wrap::after {
	content: "";
	display: table;
	clear: both;
}
.pricbox-btm-col {
	width: 46%;
	float: left;
}
.pricbox-btm-col:nth-child(2) {
	float: right;
}
.pricbox-btm-col h6 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.333333333333333;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.pricbox-btm-col span {
	font-size: 16px;
	line-height: 1.375;
	color: #FFFFFF;
	display: block;	
}
.pricebox_content .radbtn {	
	max-width: 210px;
	width: 100%;
	position: absolute;
	bottom: -29px;
	left: 20px;	
	margin: 0 auto;
}
.pricebox_content .radbtn input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.pricebox_content .button {	
	min-width: inherit;
	width: 100%;
	display: block;	
	background: #FFFFFF;
	border: 1px solid rgba(7, 65, 173, 0.5);
	color: #0741AD;
	cursor: pointer;
}
.pricebox_content .button:hover, .pricebox_content .button:focus, .pricebox_content .radbtn input:checked + .button {
	background: #0741AD;
	color: #ffffff;
}
.text-center {
	text-align: center;
}
.pricebox_col_wrap + .text-center {
	margin-top: 72px;
}
.pricebox_col_wrap + .text-center .button::after {
	content: "+";
	margin-left: 7px;
}
.pricebox_col_wrap + .text-center .button.active::after {
	content: "-";
}
.pricebox_wrap {
	padding-bottom: 65px;
}
.pricebox_wrap .text-center .button {
	background: #0741AD !important;
}
.pricebox_wrap .text-center .button.active {
	background: #3590D5 !important;
    color: #ffffff;
    text-decoration: none;
}
.hardware_options_slider {
	margin: 15px -20px 0;
	padding-bottom: 0;
}
.hardware_options_slider + .text-center {
	margin-top: 30px;
}
.hardware_options_slider .slick-track {
	margin-left: 0;
	margin-right: 0;
}
.hardware_options_content {
	background: #FFFFFF;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
	border-radius: 5px;
	margin: 0 10px;
	padding: 9px 9px 13px 9px;
}
.hardware_options_content figure {
	padding-bottom: 55.2%;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 5px;
	margin-bottom: 19px;
}
.hardware_options_content_inner {
	position: relative;
}
.hardware_options_content_inner h3 {
	padding-right: 70px;
}
.hardware_options_content_inner span.price {
	font-family: 'Merriweather', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.25;
	color: #14212D;
	position: absolute;
	top: 0;
	right: 0;
}
.hardware_options_content_inner p {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.375;
	color: #14212D;
	margin-bottom: 19px;
}
.hardware_options_content_inner .price + p {	
	padding: 21px 0 8px;	
	border-top: 1px solid #3590D5;
}
.hardware_options_content_inner ul {
	list-style: none;
	padding: 21px 0 8px;
	margin: 0;
	border-top: 1px solid #3590D5;
}
.hardware_options_content_inner ul li {
	list-style: none;
	padding: 0 0 0 28px;
	margin: 0 0 6px;
	position: relative;
}
.hardware_options_content_inner ul li .blue_tick_icon {
	content: "";
    background: url(images/arrow-blue-icon.svg) no-repeat center center;
    background-size: 100%;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
}

input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield !important;
  -webkit-appearance: none;
}
.input-group::before, .input-group::after {
	content: "";
	display: table;
	clear: both;
}
.input-group {
	display: inline-block;
	background: #FFFFFF;
	border: 0.425926px solid rgba(20, 33, 45, 0.5);
	border-radius: 3px;
	overflow: hidden;
}
.input-group input {
	float: left;
	width: 30px;
	margin: 0;
	height: 30px;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	text-align: center;
	background: transparent;
	border: none;
	line-height: 30px;
	border-radius: 0;
	font-family: 'Open Sans', sans-sarif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	color: #14212D;
}
.input-group input[type="number"] {	
	width: 42px;
	border-left: 0.425926px solid rgba(20, 33, 45, 0.5);
	border-right: 0.425926px solid rgba(20, 33, 45, 0.5);
	-moz-appearance:textfield;
}
.slick-arrow {
	width: 54px;
	height: 54px;
	/* background: #0741AD url('images/slider-arrow.svg') no-repeat center center;
	background-size: 9px; */
	border-radius: 100%;
	display: block;
	position: absolute;
	left: -64px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	min-width: inherit;
	padding: 0;
	line-height: 54px;
	font-size: 0;
	border: none;
	box-shadow: none !important;
}
.slick-arrow::before {
	content: "\f054";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	color: #fff;
	font-size: 18px;	
}
.slick-arrow:hover, .slick-arrow:focus {
	/* background: #21759b url(images/slider-arrow.svg) no-repeat center center;
	background-size: 9px; */
}
.slick-arrow.slick-prev {
	transform: rotate(180deg) translateY(50%);
	-webkit-transform: rotate(180deg) translateY(50%);
	-ms-transform: rotate(180deg) translateY(50%);
	-o-transform: rotate(180deg) translateY(50%);
	-moz-transform: rotate(180deg) translateY(50%);
}
.slick-arrow.slick-next {
	left: auto;
	right: -64px;
}
.slick-arrow.slick-disabled {
	display: none !important;
}
.simultaneous_content_wrap {
	position: relative;
	max-width: 550px;
	margin-top: 25px;
	margin-bottom: 20px;
}
.simultaneous_content_wrap .button {
	position: absolute;
	top: -11px;
	right: 0;
}
select {
	height: 45px;
	width: 100%;
	padding: 0 20px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	background: #ffffff url(images/slect-arrow.svg) no-repeat 95% center;
	background-size: 16px;
}
.critical_information_link {
	display: inline-block;
	font-family: 'Merriweather', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.333333333333333;
	text-decoration-line: underline;
	text-transform: capitalize;
	color: rgba(20, 33, 45, 0.9);
	margin-top: 39px;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
}
.critical_information_link:hover, .critical_information_link:focus {
	color: #0741AD;
}
.critical_information_link.link-center {
	max-width: 275px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 15px;
}
.button.btn-submit {
	background: #0741AD;
	color: #ffffff;
	border: solid 1px #0741AD;
}
.button.btn-submit:hover, .button.btn-submit:focus {
	background: #ffffff;
	color: #0741AD;
}



/* Title Content Column Section CSS Starts Here
======================================================== */
.title_content_col_sec {
	padding: 73px 0;
}
.title_content_col_sec h2 {
	vertical-align: top;
	width: 31%;
}
.title_content_col_sec .title_desc_col {
	vertical-align: top;
	width: calc(69% - 5px);
	padding: 1px 0 0 6px;
}
.title_content_col_sec .title_desc_col p {
	margin-bottom: 20px;
}
.title_content_col_sec .title_desc_col p:last-child {
	margin-bottom: 0;
}
.img_content_zigzag_sec + .title_content_col_sec {
	padding-bottom: 0;
	padding-top: 133px;
}
.img_content_zigzag_sec + .title_content_col_sec .title_desc_col {
	padding: 32px 60px 0 87px;
}
.img_content_zigzag_sec + .title_content_col_sec h2 {
	width: 47%;
}
.img_content_zigzag_sec + .title_content_col_sec .title_desc_col {
	width: calc(53% - 5px);
}



/* Our Value Section CSS Starts Here
======================================================== */
.our_value_sec {
	padding: 30px 0 50px;
}
.our_value_sec h2 {
	text-align: center;
	margin-bottom: 41px;
}
.our_value_col_wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 0 -60px;
}
.our_value_col {
	flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
	padding: 65px 28px 40px 30px;
	position: relative;	
	margin-bottom: 40px;
}
.our_value_col > * {
	position: relative;
	z-index: 2;
}
.our_value_col::before {
	content: "";
	background: rgba(53, 144, 213, 0.1);
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
	border-radius: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	right: 20px;
	z-index: 0;
	display: block;
}
.our_value_col::after {
	content: "";
	position: absolute;
	top: 0;
	left: 20px;
	right: 20px;
	background: #3590D5;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
	border-radius: 10px 10px 0px 0px;
	height: 25px;
	display: block;
}
.our_value_col h3 {
	line-height: 1.25;
	padding-left: 32px;
	position: relative;
	max-width: 340px;
}
.our_value_col h3::before {
	content: "";
    background: url(images/arrow-icon.svg) no-repeat center center;
    background-size: 100%;
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    top: 2px;
    left: -1px;
}
.our_value_col p {
	font-size: 16px;
	line-height: 1.375;
}
.img_content_zigzag_wrap.top-left figure {
	border-top-left-radius: 100px;
}
.img_content_zigzag_wrap.top-right figure {
	border-top-right-radius: 100px;
}
.img_content_zigzag_wrap.bottom-left figure {
	border-bottom-left-radius: 100px;
}
.img_content_zigzag_wrap.bottom-right figure {
	border-bottom-right-radius: 100px;
}
.img_content_zigzag_sec + .remarkable_benefits_sec {
	padding-top: 124px;
}



/* Our Value Section CSS Starts Here
======================================================== */
.policy_links_sec {
	padding: 73px 0 73px;
}
.policy_links_list_wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.policy_links_list {
	flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding: 0 20px;
    position: relative;
    margin-bottom: 40px;
}
.policy_links_list > * {
	position: relative;
	z-index: 2;
}
.policy_links_list::before {
	content: "";
	background: rgba(53, 144, 213, 0.1);
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
	border-radius: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	right: 20px;
	z-index: 0;
	display: block;
}
.policy_links_list::after {
	content: "";
	position: absolute;
	top: 0;
	left: 20px;
	right: 20px;
	background: #3590D5;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
	border-radius: 10px 10px 0px 0px;
	height: 15px;
	display: block;
}
.policy_links_list a {
	display: block;
	padding: 35px 20px 20px;
	font-family: 'Merriweather', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.25;
	color: #14212D;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
}
.policy_links_list a:hover, .policy_links_list a:focus {
	color: #3590D5;
	text-decoration: none;
}


/* Critical Information Summaries Section CSS Starts Here
======================================================== */
.critical_information_summaries_sec {
	padding: 5px 0 89px;
}
.critical_information_summaries_sec h2 {	
	margin-bottom: 41px;
}
.critical_info_summ_list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.critical_info_summ_list::before, .critical_info_summ_list::after {
	content: "";
	display: table;
	clear: both;
}
.critical_info_summ_list li {
	list-style: none;
	padding: 0;
	margin: 0 0 29px;
	width: 48.2%;
	float: left;
}
.critical_info_summ_list li:nth-child(2n+2) {
	float: right;
}
.critical_info_summ_list li a {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.366666666666667;
	text-decoration-line: underline;
	color: rgba(20, 33, 45, 0.9);
	display: inline-block;
	padding-left: 41px;
	position: relative;
}
.critical_info_summ_list li a::before {
	content: "";
    background: url(images/arrow-icon.svg) no-repeat center center;
    background-size: 100%;
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
}
.critical_info_summ_list li a:hover, .critical_info_summ_list li a:focus {
	text-decoration: none;
}


/* Contact Us Section CSS Starts Here
======================================================== */
.contact_us_sec {
	padding: 100px 0 120px;
}
.contact_us_col {
	width: 46.14%;
	float: left;
	padding-left: 10px;
}
.form_col {
	width: 53.86%;
	float: left;	
}
.form_col .contact_form {
	background: #3590D5;
	border-radius: 4px;
	width: 100%;
	padding: 38px 40px 21px;
	position: relative;
}
.form_col .contact_form::before {
	content: "";
    background: url(images/reach-out-icon.svg) no-repeat center center;
    width: 353px;
    height: 223px;
    background-size: 100%;
    display: block;
    position: absolute;
    right: 62px;
    top: 13px;
    z-index: 0;
}
.form_col .contact_form .wpcf7-form-control-wrap {
	width: 100%;
	float: none !important;
}
.form_col .contact_form h2 {
	color: #FFFFFF;
}
.form_col .contact_form textarea {
	height: 124px;
}
.form_col .contact_form input[type="text"], .form_col .contact_form input[type="email"], .form_col .contact_form input[type="url"], .form_col .contact_form input[type="password"], .form_col .contact_form input[type="search"], .form_col .contact_form input[type="number"], .form_col .contact_form input[type="tel"], .form_col .contact_form input[type="range"], .form_col .contact_form input[type="date"], .form_col .contact_form input[type="month"], .form_col .contact_form input[type="week"], .form_col .contact_form input[type="time"], .form_col .contact_form input[type="datetime"], .form_col .contact_form input[type="datetime-local"], .form_col .contact_form input[type="color"], .form_col .contact_form textarea {
	border-bottom-color: #ffffff;
}
.form_col .contact_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #ffffff;
}
.form_col .contact_form ::-moz-placeholder { /* Firefox 19+ */
	color: #ffffff;
}
.form_col .contact_form :-ms-input-placeholder { /* IE 10+ */
	color: #ffffff;
}
.form_col .contact_form :-moz-placeholder { /* Firefox 18- */
	color: #ffffff;
}
.contact_content_list {
	list-style: none;
	padding: 37px 0 0 0;
	margin: 0;
}
.contact_content_list li {
	list-style: none;
	padding: 0 0 38px 80px;
	margin: 0;
	position: relative;
}
.contact_content_list li span {
	width: 61px;
	height: 61px;
	background: #3590D5;
	border: 0.847222px solid #3590D5;
	border-radius: 100%;
	display: block;
	position: absolute;
	left: 0;
}
.contact_content_list li span i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}
.contact_content_list li h3 {
	margin-bottom: 11px;
}
.phone_icon i {
	display: block;
	background: url(images/phone-icon.svg) no-repeat center center;
	background-size: 100%;
	width: 28px;
	height: 29px;	
}
.email_icon i {
	display: block;
	background: url(images/envolap-icon.svg) no-repeat center center;
	background-size: 100%;
	width: 30px;
	height: 23px;	
}
.contact_content_list li a {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.375;
	color: #14212D;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
}
.contact_content_list li a:hover, .contact_content_list li a:focus {
	color: #0741AD;
}
.sec-title {
	padding: 47px 0 20px;
}
.sec-title h2 {
	text-align: center;
	max-width: 752px;
	margin-left: auto;
	margin-right: auto;
}
.sec-title.left-title-text h2 {
	text-align: left;
	margin-left: 0;
}



/* Business NBN Section CSS Starts Here
======================================================== */
.choose_your_plan_sec {
	padding: 73px 0;
}
.choose_your_plan_sec h4 {
	font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.333333333333333;
    color: #3590D5;
	margin-bottom: 30px;
}
.choose_your_plan_sec .title_desc_col_wrap {
	padding-bottom: 31px;
}
.choose_your_plan_sec .pricebox_col {
	padding-bottom: 77px;
}
.choose_your_plan_sec .pricebox_wrap {
    padding-bottom: 61px;
	padding-top: 10px;
}
.choose_your_plan_sec .hardware_options_slider_wrap > p {
	margin-bottom: 40px;
}
.choose_your_plan_sec .hardware_options_slider + .hardware_options_slider {
	margin-bottom: 50px;
}
.hardware_options_slider_wrap > h5 {
	background: #14212D;
	border-radius: 4px;	
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.357142857142857;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 10px 8px 10px 10px;
	display: inline-block;
	margin-top: 30px;
}


.business_nbn_accordion_sec {
	padding: 30px 0 70px;
}
.business_nbn_accordion_sec .accordion {
	margin: 0;
}
.business_nbn_accordion_sec .accordion_list h3 {
	padding: 21px 110px 19px 130px;
}
.business_nbn_accordion_sec .accordion_list h3::before {
	display: none;
}
.business_nbn_accordion_sec .accordion_list h3 .acc_icon {
	width: 70px;
    height: 70px;
    background: #3590D5;
    border-radius: 8px;
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    text-align: center;
    line-height: 67px;
}
.business_nbn_accordion_sec .accordion_list h3 .acc_icon img {
	display: inline-block;
    vertical-align: middle;
}
.business_nbn_accordion_sec .accordion_list h3 .acc_descr {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.375;
	color: #14212D;
	display: block;
	margin-top: 20px;
}
/* .business_nbn_accordion_sec .accordion_list h3 .faq_title_arrow {
	background-image: none !important;	
}
.business_nbn_accordion_sec .accordion_list h3 .faq_title_arrow::before {
	content: "+";
    background-image: none !important;
    color: #ffffff;
	font-size: 25.7143px;
    line-height: 54px;
    vertical-align: middle;
    transform: rotate(0);
    -webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0);
    text-align: center;
	display: block;
}
.business_nbn_accordion_sec .accordion_list h3.active .faq_title_arrow::before {
	content: "-";
	line-height: 53px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
} */
.business_nbn_accordion_sec .accordionSubContainer {
    padding: 0 120px 40px 130px;
}
.business_nbn_accordion_sec .accordionContainer {
	margin-top: 0;
	padding-top: 10px;
}
.business_nbn_accordion_sec .accordion_list {
	margin-bottom: 21px;
}


/* Business Mobile Sim Plans Section CSS Starts Here
======================================================== */
.business_mobile_sim_plans_sec {
	padding-bottom: 25px;
	padding-top: 49px;
}
.business_mobile_sim_plans_sec .title_desc_col_wrap h2 {
	width: 100%;
	display: block;
	margin-bottom: 10px;
	text-align: center;
}
.business_mobile_sim_plans_sec .title_desc_col_wrap h2 + p {
	text-align: center;
}
.business_mobile_sim_plans_sec .title_desc_col_wrap .title_desc_col {
	width: 100%;
	display: block;
	padding: 0;
}
.business_mobile_sim_plans_sec .title_desc_col_wrap {
	padding-bottom: 31px;
}
.business_mobile_sim_plans_sec .pricebox_col_wrap {
	margin: 0 -20px;
	padding-top: 10px;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.business_mobile_sim_plans_sec .pricebox_col_wrap .pricebox_col {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}
.business_mobile_sim_plans_sec .pricebox_col_wrap .pricebox_col .pricebox_content h3 {
	padding-right: 0;
}
/* .business_mobile_sim_plans_sec .pricebox_col_wrap .pricebox_col:nth-child(4) .pricebox_content {
	background: #527AC6;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.business_mobile_sim_plans_sec .pricebox_col_wrap .pricebox_col:nth-child(4) .pricebox_content::before {
	background: #0741AD;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.business_mobile_sim_plans_sec .pricebox_col_wrap .pricebox_col:nth-child(5) .pricebox_content {
	background: rgba(20, 33, 45, 0.7);
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
}
.business_mobile_sim_plans_sec .pricebox_col_wrap .pricebox_col:nth-child(5) .pricebox_content::before {
	background: #14212D;
	border: 1px solid rgba(20, 33, 45, 0.05);
	box-shadow: 0px 4px 4px rgba(20, 33, 45, 0.07);
} */
.business_mobile_sim_plans_sec .pricebox_col > a {
	max-width: 210px;
	margin: 0 auto;
	left: 0;
	right: 0;
	text-align: center;
}
.business_mobile_sim_plans_sec .pricebox_content {
    padding: 66px 20px 81px;
}
.business_mobile_sim_plans_sec .pricebox_content .radbtn {
	bottom: -32px;
	right: 20px;
}
.business_mobile_sim_plans_sec .pricebox_col {
	padding-bottom: 74px;
}
.business_mobile_sim_plans_sec .pricebox_wrap {
	padding-bottom: 24px;
}
.business_mobile_sim_plans_sec .pricebox_col_wrap + .text-center {
	margin-top: 32px
}
.plan_name {
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.361875;
	display: block;
	margin-bottom: 9px;
}



/* Blog Page Section CSS Starts Here
======================================================== */
.blog_list_sec {
	padding: 73px 0 90px;
}
.blog_list_sec h2  {
	text-align: center;
	font-size: 48px;
	margin-bottom: 42px;
}
.blog_list_wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 0 -20px;
}
.blog_list {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
	padding: 0 20px 40px;
}
.blog_content {
	height: 100%;
	margin: 0 0;
	border: solid 1px #0741AD4D;
	padding: 19px 19px 40px;
	border-radius: 8px;
}
.blog_img {
	padding-bottom: 59%;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 5px;
	margin-bottom: 17px;
}
.date_auther {
	color: #14212D80;
	font-size: 16px;
	line-height: 1.361875;	
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 10px;
}
.blog_content h3 a {
	color: #14212D;
	display: inline-block;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
}
.blog_content h3 a:hover, .blog_content h3:focus {
	color: #0741AD;
	text-decoration: none;
}
.blog_content p {
	font-size: 16px;
	line-height: 1.361875;	
}
.center-align.misha_loadmore {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 100%;
    max-width: 100%;
}



/* Business nbn Plan Section CSS Starts Here
======================================================== */
.businessnbnpro .pricebox_col_wrap {
	margin: 0 -60px;
	padding-top: 10px;
}
.businessnbnpro .pricebox_content {
	padding-left: 10px;
	padding-right: 10px;
}
.businessnbnpro .pricebox_content h3 {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.businessnbnpro .pricebox_content span.price {
	top: 64px;
    right: 10px;
}
.businessnbnpro.choose_your_plan_sec .pricebox_wrap {
	padding-bottom: 0 !important;
}
.probelowtext {
	text-align: center;
	margin: 0 0 60px;
}
.businessnbnpro.choose_your_plan_sec .hardware_options_slider_wrap > p {
	margin-bottom: 10px;
}
.businessnbnpro .hardware_options_slider_wrap {
	padding-bottom: 60px;
}
.more_info_content {
	text-align: center;
	margin: -15px 0 10px;
}



/* Business SIP Plan Section CSS Starts Here
======================================================== */
.businessipplan h2 {
	margin-bottom: 31px;
	position: relative;
}
.businessipplan h2 .businessipplan_title_icon {
	content: "";
    background: url(images/banner-icon.svg) no-repeat center center;
    width: 353px;
    height: 223px;
    background-size: 100%;
    display: block;
    position: absolute;
    left: 258px;
    top: -45px;
    z-index: -1;
}
.businessipplan h2 + p {
	margin-bottom: 40px;
}
.businessipplan .step1-single-pro .pricebox_content {
	background: #5BA4DB;
	padding-bottom: 40px;
}
.businessipplan .step1-single-pro .pricebox_content::before {
	background: #3590D5;
	box-shadow: 0 4px 4px #14212D12;
}
.businessipplan .critical_information_link {
	margin-top: 72px;
}
.businessipplan .step1_box {
	margin-bottom: 72px;
}
.businessipplan .simultaneous_content_wrap {
	padding-top: 30px;
}
.businessipplan .pricebox_wrap {
	padding-bottom: 20px;
}
.businessipplan .text-center {
	text-align: left;
}
.businessipplan .text-center .button {
	background: #ffffff;
    color: #0741AD;
}
.businessipplan .text-center .button:hover, .businessipplan .text-center .button:focus {
	background: #0741AD;
    color: #ffffff;
}


/* Blog Inner Page Section CSS Starts Here
======================================================== */
.single_blog_content_sec {
	padding: 53px 0 83px;
}
.single_blog_content_sec p {
	margin-bottom: 36px;
}
.single_blog_content_sec img {
	display: block;
	border-radius: 8px;
}



/* 404 Page and Search Page CSS Starts Here
====================================================*/
.error404 #header, .error404 #footer {
	display: none;
}
.error404 .site-wrapper {
	padding-top: 0;
}
.error-404 {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	height: 100vh;
	padding: 40px 0;
	overflow: auto;
	background: #0741AD;
}
.error-404 h1 {
	margin-bottom: 30px;
	color: #0741AD;
}
.error_inner_wrap {
	background: #ffffff;
    padding: 50px 25px;
    max-width: 500px;
    margin: 0 auto;
    color: #000000;
    border-radius: 5px;
    text-align: center;
}
.error_inner_wrap .logo {
    width: 200px;
    display: block;
    margin: 0 auto 50px;
}
.error_inner_wrap .logo img {
	display: block;
	width: 100%;
}
.error_inner_wrap h3 {
	border-bottom: solid 1px #000000;
    border-top: solid 1px #000000;
    padding: 13px 0 8px;
    margin-bottom: 20px;
    color: #000000;
}
.error_inner_wrap p {
	margin-bottom: 30px;
}


.search_sec {
    padding: 100px 0;
}
.search_sec h1.page-title {
	text-align: center;
	margin-bottom: 80px;
}
.search_sec h1.page-title span {
	color: #0741AD;
}
.post-thumbnail {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}
.post-thumbnail img {
	display: block;
	width: 100%;
}
.post-thumbnail + .search_content {
    width: calc(70% - 9px);
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 50px;
}
.search_sec article {
	border-bottom: solid 1px #000000;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.search_sec article:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.search_content h2 {
	margin-bottom: 15px;
}
.search_content h2 a:hover, .search_content h2 a:focus {
	color: #0741AD;
	text-decoration: none;	
}
.search_content .entry-meta {
	margin-bottom: 15px;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
	text-align: left;
}
.navigation.posts-navigation {
	width: 100%;
	padding: 0;
}



/* Login Page Section Starts Here
============================================*/
.login_page_sec {
	padding: 100px 0;
}
.login_page_sec .container {
	padding: 0;
}
.login_page_sec figure {
	width: 45.8%;
	float: left;
	border-top-right-radius: 100px;
	overflow: hidden;
}
.login_page_sec figure img {
	display: block;
	width: 100%;
}
.login_page_content {
	width: 54.2%;
	float: right;
	padding: 0 0 0 120px;
}
.login_page_content form {
	padding-right: 100px;
}
.login_page_content h1 {
	margin-bottom: 40px;
}
.login_page_content input[type="text"], .login_page_content input[type="password"] {
	border: solid 1px #D0D3D5;
	margin-bottom: 20px;
	color: #14212D;
}
.login_page_content ::-webkit-input-placeholder {
	color:#2C3842;
}
.login_page_content ::-moz-placeholder {
	color:#2C3842;
}
.login_page_content :-ms-input-placeholder {
	color:#2C3842;
}
.login_page_content :-moz-placeholder {
	color:#2C3842;
}
.login_page_content input[type="submit"] {
	max-width: 400px;
	width: 100%;
	margin: 0 auto 25px;
	background: #0741AD;
	color: #ffffff;
	display: block;
}
.login_page_content input[type="submit"]:hover, .login_page_content input[type="submit"]:focus {
	background: #3590D5;
	color: #FFFFFF;
}
.forgot_username_pass_link {
	padding: 2px 3px 40px 5px;
}
.forgot_username_pass_link::before, .forgot_username_pass_link::after {
	content: "";
	display: table;
	clear: both;
}
.forgot_username_pass_link a {
	color: #0741AD;
	font-size: 12px;
	line-height: 1.428571428571429;
	display: inline-block;
	float: left;
	text-decoration: underline;
	font-family: 'Open Sans';
	font-weight: 400;
}
.forgot_username_pass_link a:last-child {
	float: right;
}
.forgot_username_pass_link br {
	display: none;
}
.submit_btn_wrap {
	text-align: center;
}
.submit_btn_wrap a {
	color: #0741AD;
	font-size: 18px;
	line-height: 1.333333333333333;
	font-family: 'Merriweather', sans-serif;
	font-weight: 400;
}
.login_page_content p {
	margin: 0;
}
.login_page_content br {
	display: none;
}
.forgot_username_pass_link a:hover, .forgot_username_pass_link a:focus {
	text-decoration: none;
}



/* Checkout Page Section Starts Here
============================================*/
.sec-checkout {
	padding: 100px 0;
}
.order_capture_col {
	width: 45%;
	float: left;
	padding-right: 30px;
}
.checkout_form_Info_content input {
	border: solid 1px #D0D3D5;
	border-radius: 4px;
	padding: 0 19px;
	color:#2C3842;
}
.checkout_form_Info_content label {
	color: #14212DE5;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.333333;
	display: block;
	padding-bottom: 12px;
}
.checkout_form_Info_content ::-webkit-input-placeholder {
	color:#2C3842;
}
.checkout_form_Info_content ::-moz-placeholder {
	color:#2C3842;
}
.checkout_form_Info_content :-ms-input-placeholder {
	color:#2C3842;
}
.checkout_form_Info_content :-moz-placeholder {
	color:#2C3842;
}
.check_form_col_wrap {
	margin: 0 -10px;
	padding-bottom: 20px;
}
.check_form_col_wrap .check_form_col {
    width: calc(50% - 3px);
    display: inline-block;
    padding: 0 10px 20px;
}
.business_info_wrap .check_form_col_wrap .check_form_col:first-child {
	width: 100%;
}
.add_new_contact_info_wrap {
	display: none;
}
.checkout_btn_wrap {
	padding-bottom: 45px;
}
.checkout_btn_wrap .button {
	background: #0741AD !important;
}
.checkout_btn_wrap .button.active, .checkout_btn_wrap .button:hover {
	background: #3590D5 !important;
}
.checkout_form_Info_content textarea {
	padding: 9px 19px;
	border: solid 1px #D0D3D5;
	border-radius: 4px;
	height: 136px;
	color: #14212D;
}

.order_summary_col {
	float: right;
	width: 53.9%;
}
.order_summary_content {
	background: #EBF4FB;
	padding: 58px 40px 40px;
	margin-top: 25px;
}
.order_summary_content h3 {
	font-size: 18px;
	line-height: 1.333333;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	border-bottom: solid 1px rgba(20, 33, 45, 0.5);
	padding-bottom: 39px;
	position: relative;
}
.order_summary_content h3 a {
	color: #0741AD;
    font-size: 16px;
    line-height: 1.428571428571429;
    display: inline-block;    
    font-family: 'Open Sans';
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 0;
}
.order_summary_content h3 a:hover, .order_summary_content h3 a:focus {
	text-decoration: underline;
}
.plan_info {
	background: #3590D5;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.357142857142857;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 10px 11px 10px 10px;
    display: inline-block;    
	margin-bottom: 20px;
}
table th {
	color: rgba(20, 33, 45, 0.7);	
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1.362142857142857;
	padding: 0 54px 18px 0;
}
table th:first-child {
	padding-right: 20px;
	width: 35%;
}
table th:last-child {
	padding-right: 0;
}
table h4 {
	color: rgba(20, 33, 45, 0.9);
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.33333;
	padding: 0;
	margin: 0;
}
table .input-group input {
	width: 24px;
    height: 24px;
	line-height: 24px;
}
.order_summary_wrap {
	border-bottom: dashed 1px rgba(20, 33, 45, 0.3);
	padding-bottom: 15px;
	margin-bottom: 50px;
}
.total_price {
	text-align: right;	
	margin-top: -33px;
	position: relative;
}
.total_price a {
	color: #0741AD;
    font-size: 16px;
    line-height: 1.428571428571429;
    display: inline-block;    
    font-family: 'Open Sans';
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
}
.total_price a:hover, .total_price a:focus {
	text-decoration: underline;
	outline: none;
}
.total_price > span {
	display: inline-block;
	font-size: 18px;
	line-height: 1.333333333333333;
	color: rgba(20, 33, 45, 0.9);
	padding-bottom: 50px;
}
.total_price .button {
	display: block;
	width: 100%;
	background: #0741AD;
	color: #FFFFFF;
}
.total_price .button:hover, .total_price .button:focus {
	background: #21759b;
	color: #FFFFFF;
}



/* RingCentral Plan CSS Starts Here
=======================================================*/
.ringcentral .pricebox_col_wrap {
	display: block;
}
.ringcentral .pricebox_col_wrap .pricebox_col .pricebox_content {
	margin-bottom: 30px;		
}
.ringcentral h2 {
	margin-bottom: 31px;
}
.ringcentral h2 + p {
	margin-bottom: 40px;
}
.ringcentral h4 {
	margin-bottom: 30px;
}
.ringcentral h4 + p {
	margin-bottom: 40px;
}
.checkoutformwrap {
	position: relative;
}
.checkoutformwrap::before {
	content: "";
	background: rgba(255,255,255,0.6) url(images/loader.gif) no-repeat center center;
	background-size: 100px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	z-index: 99;
	width: 100%;
}
.order-ajax-loader .checkoutformwrap::before {
	display: block;
}
.checkoutformwrap:after {
    content: "";
    display: table;
    clear: both;
}



/* Range Slider CSS Starts Here
=======================================================*/
.sliderwrapprer {
	background: #EBF4FB;
	border-radius: 10px;
	border: solid 1px #3590D5;
	padding: 45px 40px 63px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.07);
	margin-bottom: 60px;
}
.range {
	position: relative;
	margin-top: 104px;
}
.range input[type=range] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	width: 100%;
	height: 22px;
	cursor: pointer;
	display: block;
  }
  .range input[type=range]:focus {
	outline: none;
  }
  .range input[type=range][disabled] {
	opacity: 0.3;
	cursor: default;
  }
  .range .rangeslider {
	position: relative;
	height: 22px;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
  }
  .range .rangeslider:before {
	box-sizing: border-box;
	width: 100%;
	height: 4px;
	background: #cbd4db;
	border-radius: 100px;
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
  }
  .range input::-webkit-slider-runnable-track {
	box-sizing: border-box;
	width: 100%;
	height: 4px;
	background: #cbd4db;
	border-radius: 100px;
	margin: 11px 0;
  }
  .range input::-moz-range-track {
	box-sizing: border-box;
	width: 100%;
	height: 4px;
	background: #e6e6e6;
	border-radius: 100px;
	margin: 11px 0;
  }
  .range input::-ms-track {
	box-sizing: border-box;
	width: 100%;
	height: 4px;
	background: #e6e6e6;
	border-radius: 100px;
	color: transparent;
	padding: 11px 0;
	background: transparent;
	border-color: transparent;
  }
  .range input::-ms-fill-lower,
  .range input::-ms-fill-upper {
	box-sizing: border-box;
	width: 100%;
	height: 4px;
	background: #e6e6e6;
	border-radius: 100px;
  }
  .range input::-ms-fill-lower {
	background: #0741ad;
  }
  .range .rangeslider-fill-lower {
	background-color: #0741ad;
	border-radius: 100px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 4px;
	will-change: width;
  }
  .range input::-webkit-slider-thumb {
	box-sizing: border-box;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
	border: 6px solid #fff;
	height: 24px;
	width: 24px;
	border-radius: 100px;
	background: #333940;
	cursor: pointer;
	-webkit-appearance: none;
			appearance: none;
	transform: translateY(-50%);
	margin-top: 2px;
  }
  .range input::-moz-range-thumb {
	box-sizing: border-box;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
	border: 6px solid #fff;
	height: 24px;
	width: 24px;
	border-radius: 100px;
	background: #333940;
	cursor: pointer;
  }
  .range input::-ms-thumb {
	box-sizing: border-box;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
	border: 6px solid #fff;
	height: 24px;
	width: 24px;
	border-radius: 100px;
	background: #333940;
	cursor: pointer;
  }
  .range .rangeslider-thumb {
	box-sizing: border-box;	
	height: 28px;
	width: 28px;
	border-radius: 100%;
	background: #0741AD;
	cursor: pointer;
	position: absolute;
	touch-action: pan-x;
	top: 50%;
	transform: translateY(-50%);
	will-change: left;
  }
  .range .range-output {
	position: absolute;
	left: 6px;
	top: 6px;
	transform-origin: 0 0;
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transform: rotate(0) !important;
  }
  .range .range-output .output {
	display: block;
    position: absolute;
    height: 30px;
    line-height: 30px;
    min-width: 105px;
    padding: 0 30px;
    top: -26px;
    transform: translate(-50%, -100%);
    white-space: nowrap;
    font-weight: normal;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid rgba(20, 33, 45, 0.5);
    border-radius: 3px;
    overflow: hidden;
    margin-left: 8px;
    box-sizing: border-box;
    outline: none !important;
    box-shadow: none !important;
	font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: #14212D;
}
.range .range-output input[type="number"] {
	opacity: 0;
	cursor: pointer;
}
.range .range-output .output::before {
	content: "-";
	width: 30px;
    margin: 0;
    height: 30px;
    padding: 0;
    text-align: center;
    background: transparent;
    border: none;
    line-height: 30px;
    border-radius: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: #14212D;
	position: absolute;
	top: 0;
	left: 0;
	border-right: 0.425926px solid rgba(20, 33, 45, 0.5);
}
.range .range-output .output::after {
	content: "+";
	width: 30px;
    margin: 0;
    height: 30px;
    padding: 0;
    text-align: center;
    background: transparent;
    border: none;
    line-height: 30px;
    border-radius: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: #14212D;
	position: absolute;
	top: 0;
	right: 0;
	border-left: 0.425926px solid rgba(20, 33, 45, 0.5);
}
.range_slider_number {
	list-style: none;
	padding: 5px 18px 0;
	margin: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.range_slider_number li {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #14212D;
	width: 25px;
}


/* Product Subtotal */
.woocommerce-checkout-review-order-table .cart_item td.product-total { display: none !important; }

/* Order Subtotal */
.woocommerce-checkout-review-order-table .cart-subtotal { display: none !important; }

/* Shipping Subtotal */
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals { display: none !important; }
.woocommerce-checkout-review-order-table .shipping { display: none !important; }

/* Order Total */
.woocommerce-checkout-review-order-table .order-total { display: none !important; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	font-size: 16px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #17bf26;
    text-align: center;
    color: #ffffff;
}
.wpcf7-spinner {
	vertical-align: middle;
}
.thankyou-success-msg {
	min-height: calc(100vh - 493px);
	text-align: center;
	padding: 50px 0;
	box-sizing: border-box;
	color: green;
}
.noplan-error-msg {
	min-height: calc(100vh - 493px);
	text-align: center;
	padding: 50px 0;
	box-sizing: border-box;
	color: red;
}
.sec-checkout .noplan-error-msg {
	padding: 0;
	min-height: calc(100vh - 693px);
}
.loading {
	position: relative;
}
.loading::before {	
	content: "";
	background: rgba(255,255,255,0.6) url(images/loader.gif) no-repeat center center;
	background-size: 100px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	display: block;
}
.callupdatecart {
	opacity: 0.3;
	pointer-events: none;
  	cursor: default;
}
.callupdatecart.updatedcart {
	opacity: 1;
	pointer-events: painted;
    cursor: pointer;
}
.choose_your_plan_sec + .sec-default-editor {
	text-align: center;
}
.order_summary_table_wrap tr td {
	padding-bottom: 15px;
}
.title_round_arrow h3 {
	padding-left: 44px;
}
.title_round_arrow h3::before {
	background-image: url(images/round-arrow.svg);
	width: 26px;
	height: 26px;
	top: 0;
}
.pricebox_col4_wrap {
	display: block !important;
}




/*
Gravity Form CSS Starts Here
==================================================*/
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
    font-size: 18px;
	line-height: 1.333333333333333;
    padding: 15px 15px 17px;
	width: 100%;	
    font-family: 'Merriweather';
	font-style: normal;
	font-weight: 700;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	text-decoration: none;
	display: inline-block;
	background: #0741AD;
	border: 1px solid rgba(7, 65, 173, 0.5);
	border-radius: 35px;
	box-shadow: 3px 5px 0 rgba(255, 255, 255, 0.5);
	margin: 0 0 15px !important;
	font-family: 'Open Sans', sans-serif;
}
.gform_wrapper.gravity-theme .gform_footer button:hover, .gform_wrapper.gravity-theme .gform_footer input:hover, .gform_wrapper.gravity-theme .gform_page_footer button:hover, .gform_wrapper.gravity-theme .gform_page_footer input:hover, .gform_wrapper.gravity-theme .gform_footer button:focus, .gform_wrapper.gravity-theme .gform_footer input:focus, .gform_wrapper.gravity-theme .gform_page_footer button:focus, .gform_wrapper.gravity-theme .gform_page_footer input:focus {
	background: #3590D5;
	color: #ffffff;
	text-decoration: none;
}
.sec-gravity-form {
	position: relative;
}
.sec-gravity-form .banner_content .gfield_radio::before, .sec-gravity-form .banner_content .gfield_radio::after {
	content: "";
	display: table;
	clear: both;
}
.sec-gravity-form .banner_content .gfield_radio {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 0 -10px;
}
.sec-gravity-form .banner_content .gfield_radio > div {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	position: relative;	
	padding: 0 10px;
	margin-bottom: 15px;
}
.sec-gravity-form .banner_content .gform_wrapper.gravity-theme .gfield-choice-input+label {
	display: block;
	width: 100%;
	background: #ffffff;
	padding: 8px 20px 10px 35px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	box-shadow: 0 3px 7px rgba(0,0,0,0.1);
	max-width: 100% !important;
	cursor: pointer;
}
.sec-gravity-form .banner_content .gform_wrapper.gravity-theme .gfield-choice-input {
	position: absolute;
	top: 13px;
    left: 25px;
	cursor: pointer;
}

.sec-gravity-form .banner_content .gfield_checkbox {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 0 -10px;
}
.sec-gravity-form .banner_content .gfield_checkbox > div {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	position: relative;	
	padding: 0 10px;
	margin-bottom: 15px;
}
.sec-gravity-form .banner_content .gform_wrapper.gravity-theme .gfield-choice-input+label {
	display: block;
	width: 100%;
	background: #ffffff;
	padding: 7px 20px 10px 35px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	box-shadow: 0 3px 7px rgba(0,0,0,0.1);
	max-width: 100% !important;
	cursor: pointer;
}
.sec-gravity-form .banner_content .gform_wrapper.gravity-theme .gfield-choice-input {
	position: absolute;
	top: 13px;
    left: 25px;
	cursor: pointer;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	border: solid 1px rgba(0, 0, 0, 0.1);
	color: #14212D;
}
.sec-gravity-form .banner_content  .gform_wrapper.gravity-theme legend.gfield_label {
	margin: 15px 0 25px !important;
	display: block;
}
.gform_ajax_spinner {
	display: block;
	margin: 10px auto 0 !important;
}
.sec-gravity-form .banner_col_wrap figure {
	height: 100% !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
	bottom: 0;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    margin: 0;
    z-index: -1;
	border-radius: 0;
}
.sec-gravity-form  .banner_content {
	background: #ffffff;
	padding: 40px 50px 25px;
    border-radius: 20px;
    border: solid 1px rgba(0,0,0,0.1);
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.sec-gravity-form .banner_content::before {
	display: none;
}
.sec-gravity-form .banner_content .gform_description {
	font-size: 22px;
    font-weight: 800;
    color: #0741ad;
}
.sec-gravity-form .banner_content .gform_required_legend {
	display: none !important;
}
.sec-gravity-form  .gform_wrapper.gravity-theme .gf_progressbar_title {
    color: #14212d;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 8px;
	display: none !important;
}
.thank-you-page {
	padding: 100px 0;
}
.thank-you-page p + h3 {
	padding-top: 30px;
}
.thank-you-page > *:first-child {
	color: green;
}
.sec-gravity-form .gform_page_footer::before, .sec-gravity-form .gform_page_footer::after {
	display: table;
	content: "";
	clear: both;
}
.sec-gravity-form .gform_page_footer .gform-theme-button, .sec-gravity-form .gform_page_footer .button {
	
	display: inline-block !important;
	vertical-align: top !important;
	width: calc(50% - 13px) !important;
	min-width: inherit !important;
}
.sec-gravity-form .gform_page_footer .gform-theme-button:first-child {
	margin-right: 20px !important;
}
.sec-gravity-form .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
	font-family: 'Open Sans', sans-serif;
}
.sec-gravity-form .gform_wrapper.gravity-theme ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(0, 0, 0, 0.5);
}
.sec-gravity-form .gform_wrapper.gravity-theme  ::-moz-placeholder { /* Firefox 19+ */
	color: rgba(0, 0, 0, 0.5);
}
.sec-gravity-form .gform_wrapper.gravity-theme :-ms-input-placeholder { /* IE 10+ */
	color: rgba(0, 0, 0, 0.5);
}
.sec-gravity-form .gform_wrapper.gravity-theme :-moz-placeholder { /* Firefox 18- */
	color: rgba(0, 0, 0, 0.5);
}


/* New Sections CSS Starts Here
=============================================*/
.contact_us_col h1 {
	font-size: 40px;
	line-height: 1.25;
	margin-bottom: 31px;
}
.sec-scrolling-logos {
	padding: 20px 0;
}
.scrolling_logos_slider figure {
	padding: 0 10px;
	margin: 0;
	display: block;
}
.scrolling_logos_slider figure img {
	 width: auto;
	 max-width: 100%;
	 width: 100%;
}
.sec-scrolling-icons {
	padding: 20px 0;
}
.scrolling_icons_content {
	text-align: center;
	padding: 0 15px;
}
.scrolling_icons_content figure {
	max-width: 100px;
	display: block;
	margin: 0 auto 15px;
	width: 100%;
}
.scrolling_icons_content figure img {
	display: block;
	width: 100%;
}
.scrolling_icons_content.medium figure {
	max-width: 150px;
}
.scrolling_icons_content.large figure {
	max-width: 200px;
}
.scrolling_icons_content h3 {
	margin-bottom: 20px;
}
.scrolling_icons_content p {
	font-size: 16px;
}
.sec-gravity-form .banner_content h1 {
	font-size: 40px;
    line-height: 1.25;
    margin: 0 0 31px 0;
}
.sec-gravity-form .banner_content h1::before, .sec-gravity-form .banner_content h1::after {
	display: none;
}
.scrolling_icons_content h4 {
	font-weight: normal;
}
.scrolling_icons_content h4.bold-title {
	font-weight: 700;
}
.scrolling_icons_content .icon_title {
	font-size: 18px;
	line-height: 1.277777777777778;
    color: #14212D;
	font-family: 'Merriweather', sans-serif;
	font-weight: normal;
	margin: 0 0 10px 0;
	display: block;
}
.scrolling_icons_content .icon_title.bold-title {
	font-weight: 700;
}

@media (max-width:1367px) {
	
}
@media (max-width:1199px) {
	.scrolling_icons_content {
		padding: 0 30px;
	}
	.contact_us_col h1, .sec-gravity-form .banner_content h1 { 
		font-size: 34px;
	}
}
@media (max-width:991px) {
	.contact_us_col h1, .sec-gravity-form .banner_content h1 {
		font-size: 28px;
		margin-bottom: 25px;
	}
}
@media (max-width:767px) {
	.sec-scrolling-icons {
		padding: 20px 0;
	}
	.sec-scrolling-logos {
		padding: 20px 0;
	}
}
@media (max-width:640px) {
	.scrolling_icons_content {
		padding: 0;
	}
	.contact_us_col h1, .sec-gravity-form .banner_content h1 {
		font-size: 25px;
	}
}



/* =============================================
   Quiz Form Section — Business Phone Systems
   Source: Figma node 1-2162
   ============================================= */
.quiz-form-section {
    padding:120px 20px 80px;
    background: #ffffff;
}
.quiz-form-section .gform_confirmation_message {
    text-align: center;
}
.quiz-form-section__container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.quiz-form-section__card {
    background: #EFF6FC;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 40px 48px 36px;
    box-sizing: border-box;
}

.quiz-form-section__heading {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.3;
    color: #0741AD;
    text-align: center;
    border-bottom: 1px solid #B9E1FF;
    padding-bottom: 9px;
    width: 570px;
    max-width: 100%;
    margin: 0 auto 23px;
}
.quiz-form-section__content {
    text-align: center;
    margin-bottom: 28px;
}

.quiz-form-section__content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 1.5;
    color: #14212D;
    margin: 0;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage span
{
    font-size: 9px !important;
}
.quiz-form-section__form .gform_wrapper.gravity-theme .gfield_description
{
    margin-top: 10px !important;
}
.faq-item__answer li {
    margin-bottom: 5px;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage {
    border-radius: 10.5px;
    height: 10px !important;
}
.quiz-form-section__content strong,
.quiz-form-section__content .quiz-form-section__content-highlight {
    display: inline-block;
    background: #F28620;
    color: #ffffff;
    padding: 2px 10px;
    border-radius: 4px;
    font-weight: 600;
}

/* Gravity Forms — scoped to quiz section */
.quiz-form-section__form .gform_wrapper.gravity-theme {
    margin: 0;
}

.quiz-form-section__form .gform_heading,
.quiz-form-section__form .gform_required_legend {
    display: none !important;
}

.quiz-form-section__form #field_1_17 {
    display: none !important;
}

.quiz-form-section__form .gf_progressbar_wrapper {
    margin: 0 0 28px;
}

.quiz-form-section__form .gf_progressbar_title {
    display: none !important;
}

.quiz-form-section__form .gf_progressbar {
    height: 10px;
    background: #DDE6F2;
    border-radius: 20px;
    overflow: hidden;
}

.quiz-form-section__form .gf_progressbar_percentage {
    height: 100%;
    background: #0098F0 !important;
    border-radius: 20px;
    position: relative;
    min-width: 42px;
}

.quiz-form-section__form .gf_progressbar_percentage span {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gfield {
    margin-bottom: 0;
}

.quiz-form-section__form .gform_wrapper.gravity-theme legend.gfield_label, .quiz-form-section__form .gform_wrapper.gravity-theme .gfield_label {
    font-family: 'Open Sans';
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
    color: #14212D;
    margin: 0 0 20px !important;
    display: block;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gfield_description {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #6B7280;
    margin-top: -12px;
    margin-bottom: 16px;
}

.quiz-form-section__form .gform_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.quiz-form-section__form .gfield--width-full,
.quiz-form-section__form fieldset.gfield--width-full {
    flex: 0 0 100%;
    max-width: 100%;
}

.quiz-form-section__form .gfield--width-half {
    flex: 0 0 100%;
    max-width: 100%;
}

.quiz-form-section__form .gfield_radio,
.quiz-form-section__form .gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    width: 100%;
}

.quiz-form-section__form .gchoice {
    flex: 0 0 calc(50% - 6px);
    max-width: calc(50% - 6px);
    position: relative;
    margin: 0 !important;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gfield-choice-input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    pointer-events: none;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gfield-choice-input + label {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 52px;
    padding: 12px 16px;
    margin: 0;
    background: #ffffff;
    border: 1px solid #D8D9E0;
    border-radius: 10px;
    box-shadow: none;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.35;
    color: #14212D;
    max-width: 100% !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    box-sizing: border-box;
}
.quiz-form-section__form .gform_wrapper.gravity-theme .gfield-choice-input + label::before {
    content: '';
    width: 18px;
    height: 18px;
    border: 2px solid #9AA5B4;
    border-radius: 50%;
    flex-shrink: 0;
    box-sizing: border-box;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.quiz-form-section__form .gform_wrapper.gravity-theme input[type="checkbox"].gfield-choice-input + label::before {
    border-radius: 4px;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gfield-choice-input:checked + label {
    border-color: #0741AD;
    box-shadow: 0 0 0 1px #0741AD;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gfield-choice-input:checked + label::before {
    border-color: #0741AD;
    background: radial-gradient(circle, #0741AD 48%, transparent 50%);
}

.quiz-form-section__form .gform_wrapper.gravity-theme input[type="checkbox"].gfield-choice-input:checked + label::before {
    background: #0741AD;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.quiz-form-section__form .gform_wrapper.gravity-theme input[type=color],
.quiz-form-section__form .gform_wrapper.gravity-theme input[type=date],
.quiz-form-section__form .gform_wrapper.gravity-theme input[type=datetime-local],
.quiz-form-section__form .gform_wrapper.gravity-theme input[type=datetime],
.quiz-form-section__form .gform_wrapper.gravity-theme input[type=email],
.quiz-form-section__form .gform_wrapper.gravity-theme input[type=month],
.quiz-form-section__form .gform_wrapper.gravity-theme input[type=number],
.quiz-form-section__form .gform_wrapper.gravity-theme input[type=password],
.quiz-form-section__form .gform_wrapper.gravity-theme input[type=search],
.quiz-form-section__form .gform_wrapper.gravity-theme input[type=tel],
.quiz-form-section__form .gform_wrapper.gravity-theme input[type=text],
.quiz-form-section__form .gform_wrapper.gravity-theme input[type=time],
.quiz-form-section__form .gform_wrapper.gravity-theme input[type=url],
.quiz-form-section__form .gform_wrapper.gravity-theme input[type=week],
.quiz-form-section__form .gform_wrapper.gravity-theme select,
.quiz-form-section__form .gform_wrapper.gravity-theme textarea {
    width: 100%;
    min-height: 52px;
    padding: 14px 18px;
    border: 1px solid #D8D9E0;
    border-radius: 10px;
    background: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #14212D;
    box-shadow: none;
    box-sizing: border-box;
}

.quiz-form-section__form .gform_wrapper.gravity-theme ::placeholder {
    color: #9AA5B4;
    opacity: 1;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 28px 0 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gform_page_footer::before,
.quiz-form-section__form .gform_wrapper.gravity-theme .gform_page_footer::after {
    display: none;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gform_page_footer input[type="button"],
.quiz-form-section__form .gform_wrapper.gravity-theme .gform_page_footer input[type="submit"] {
    width: auto !important;
    min-width: 240px;
    margin: 0 !important;
    font-family: 'Merriweather', serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 18px 48px !important;
    border-radius: 35px !important;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    max-width: max-content;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gform_next_button,
.quiz-form-section__form .gform_wrapper.gravity-theme .gform_button {
    background: #0741AD !important;
    border: 1px solid rgba(7, 65, 173, 0.5) !important;
    color: #ffffff !important;
    box-shadow: 3px 5px 0 #D8EBFF !important;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gform_next_button:hover,
.quiz-form-section__form .gform_wrapper.gravity-theme .gform_button:hover {
    background: #0535a0 !important;
    color: #ffffff !important;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gform_previous_button {
    background: #ffffff !important;
    border: 1.5px solid #0741AD !important;
    color: #0741AD !important;
    box-shadow: none !important;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gform_previous_button:hover {
    background: #F5F8FF !important;
}

.quiz-form-section__form .gform_page_footer:not(:has(.gform_previous_button)) .gform_next_button,
.quiz-form-section__form .gform_page_footer:not(:has(.gform_previous_button)) .gform_button {
    width: 100% !important;
    max-width: 100%;
}

.quiz-form-section__form .gform_page_footer .gform_previous_button {
    flex: 1;
}

.quiz-form-section__form .gform_page_footer .gform_next_button,
.quiz-form-section__form .gform_page_footer .gform_button {
    flex: 1;
}

.quiz-form-section__form .gform_ajax_spinner {
    display: block;
    margin: 16px auto 0 !important;
}

.quiz-form-section__form .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

/* =============================================
   Hero Section
   ============================================= */
.hero-section {
    width: 100%;
    padding: 162px 0 39px;
    background-color: #ffffff;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	margin-top: -102px;
}

.new_hero_section {
    background: #EFF6FC;
}

.hero-section .container {
    display: flex;
    align-items: flex-start;
    gap: 50px;    
}

.hero-section__content {
    flex: 0 0 55%;
}

.hero-section .container figure {
    flex: 0 0 45%;
}

.hero-section .container figure img {
    width: 100%;
}

.hero-section__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 600px;
}

.hero-section__content h1 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 45px;
    line-height: 60px;
    color: #14212D;
	margin-bottom: 0;
}

.hero-section__content h1 span {
    color: #0741AD;
}

.hero-section__content p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    color: rgba(20, 33, 45, 0.9);
	margin-bottom: 0;
}

/* Action Buttons */
.hero-section__actions {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.hero-section__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 65px;
    border-radius: 35px;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    border: 1px solid rgba(7, 65, 173, 0.5);
    transition: opacity 0.25s ease, transform 0.2s ease;
    cursor: pointer;
}

.hero-section__actions a:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.hero-section__actions .hero-section__btn--primary {
    background-color: #0741AD;
    box-shadow: 3px 5px 0px 0px rgba(216, 235, 255, 1);
}

.hero-section__actions .hero-section__btn--secondary {
    background-color: #3590D5;
    box-shadow: 3px 5px 0px 0px rgba(194, 229, 255, 1);
}

/* Features Bar */
.hero-section__features {
    max-width: 1200px;
    margin: 85px auto 0;
    padding: 16px 15px;
}

.hero-section__features-inner {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.hero-section__features-inner span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #2C3842;
    white-space: nowrap;
}

.hero-section__divider {
    display: inline-block;
    width: 1px;
    height: 19px;
    background-color: #2C3842;
    flex-shrink: 0;
}

/* =============================================
   What Is a Business Phone System Section
   ============================================= */
.what-section {
    padding: 70px 0 60px;
    background-color: #ffffff;
    overflow: hidden;
}

.what-section .container {
    position: relative;
}

/* Top row: heading + intro text */
.what-section__top {
    display: flex;
    align-items: flex-end;
    gap: 150px;
    position: relative;
    z-index: 1;
}

.what-section__top h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #14212D;
    flex: 0 0 411px;
	margin-bottom: 0;
}

.what-section__top h2 span {
    color: #0741AD;
}

.what-section__top p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    color: #14212D;
    flex: 1;
    max-width: 582px;
	margin-bottom: 0;
}

/* Decorative chain-link rings */
.what-section__decoration {
    position: absolute;
    left: 263px;
    top: 38px;
    width: 353px;
    height: 223px;
    z-index: 0;
    pointer-events: none;
    user-select: none;
}

.what-section__decoration img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* Bottom row: text column + image */
.what-section__bottom {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
    position: relative;
    z-index: 1;
}

.what-section__text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 0 0 523px;
}

.what-section__text p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    color: #14212D;
	margin-bottom: 0;
}

.what-section__figure {
    flex: 1;
    overflow: hidden;
    border-radius: 100px 0 0 0;
}

.what-section__figure img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
    border-radius: 100px 0 0 0;
}

/* =============================================
   Responsive — Tablet (≤ 1024px)
   ============================================= */

/* =============================================
   Responsive — Small Tablet (≤ 768px)
   ============================================= */

/* =============================================
   Responsive — Mobile (≤ 480px)
   ============================================= */

/* =============================================
   Why Businesses Choose UcPath Section
   ============================================= */
.why-section {
    padding: 70px 0 80px;
    background-color: #ffffff;
}

/* Header row: heading + description */
.why-section__header {
    display: flex;
    align-items: flex-end;
    gap: 70px;
    margin-bottom: 30px;
}

.why-section__header h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #14212D;
    flex: 0 0 500px;
	margin-bottom: 0;
}

.why-section__header h2 span {
    color: #0741AD;
}

.why-section__header p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    color: #14212D;
    flex: 1;
    max-width: 587px;
    transition: opacity 0.25s ease;
}

.why-section__header p.is-fading {
    opacity: 0;
}

/* Body: tablist + panels */
.why-section__body {
    display: flex;
    gap: 30px;
    align-items: stretch;
    min-height: 411px;
}

/* ---- Left panel (Tab list) ---- */
.why-section__tablist {
    flex: 0 0 510px;
    background: rgba(209, 216, 224, 0.05);
    border: 1px solid rgba(209, 216, 224, 0.2);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-radius: 10px;
    padding: 34px 22px 34px 23px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.why-section__tab {
    cursor: pointer;
}

.why-section__tab-trigger {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 22px 30px 21px;
    border-radius: 6px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #333333;
    user-select: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.why-section__tab-trigger:hover {
    background: rgba(7, 65, 173, 0.06);
}

.why-section__tab-trigger span {
    flex: 1;
}

/* Desktop: show right-arrow only on active; hide down-chevron */
.why-section__arrow {
    display: none;
    flex-shrink: 0;
    color: #ffffff;
}

.why-section__chevron {
    display: none;
}

.why-section__tab.is-active .why-section__tab-trigger {
    background-color: #0741AD;
    color: #ffffff;
}

.why-section__tab.is-active .why-section__arrow {
    display: block;
}

/* Hide accordion body on desktop */
.why-section__accordion {
    display: none;
}

/* ---- Right panel (Desktop only) ---- */
.why-section__panels {
    flex: 1;
    position: relative;
    min-height: 411px;
}
.trusted-section__logo img {
    max-height: 55px;
}
.why-section__panel {
    display: none;
    background: rgba(209, 216, 224, 0.2);
    border: 1px solid #D1D8E0;
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
    border-radius: 10px;
    padding: 30px 15px 24px 30px;
    flex-direction: column;
    gap: 20px;
}

.why-section__panel.is-active {
    display: flex;
}

.why-section__panel h3 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.3;
    color: #0741AD;
    margin-bottom: 0;
}

.why-section__panel-body {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    flex: 1;
}

.why-section__panel-photo {
    flex: 0 0 233px;
    height: 270px;
    overflow: hidden;
    border-radius: 6px;
}

.why-section__panel-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.why-section__panel-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.why-section__panel-info img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    border-radius: 8px;
    flex-shrink: 0;
}

.why-section__panel-info p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #333333;
    opacity: 0.7;
    margin: 0 0;
}

/* =============================================
   Why Section — Responsive Tablet (≤ 1024px)
   ============================================= */

/* =============================================
   Why Section — Responsive Tablet (≤ 991px)
   Switches to accordion layout
   ============================================= */

/* =============================================
   Why Section — Responsive Mobile (≤ 480px)
   ============================================= */

/* =============================================
   What the Right Business Phone System Can Improve
   ============================================= */
.improve-section {
    padding: 80px 0;
    background-color: #ffffff;
}

.improve-section__container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Centered header */
.improve-section__header {
    text-align: center;
    margin: 0 auto 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.improve-section__header h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #14212D;
	margin-bottom: 0;
}

.improve-section__header h2 span {
    color: #0741AD;
}

.improve-section__header p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    color: #14212D;
}

/* Card grid: 3 per row, last row centred */
.improve-section__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

/* Card */
.improve-section__card {
    width: calc(33.333% - 14px);
    max-width: 400px;
    background: #ffffff;
    border: 1px solid rgba(11, 31, 58, 0.1);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    cursor: default;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.improve-section__card:hover,
.improve-section__card:focus{
    border-color: #0741AD;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
}

.improve-section__card-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    margin-bottom: 1px;
}

.improve-section__card-icon svg {
    display: block;
    width: 48px;
    height: 48px;
}
.improve-section__card-icon svg path {
    fill: black;
}

.improve-section__card:hover .improve-section__card-icon svg path,
.improve-section__card:focus .improve-section__card-icon svg path{
    fill: #0741AD;  
}

/* Card heading — default dark, blue on hover */
.improve-section__card h3 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #0B1F3A;
    padding-top: 8px;
    transition: color 0.25s ease;
    margin-bottom: 0;
}

.improve-section__card:hover h3,
.improve-section__card:focus h3 {
    color: #0741AD;
}

/* Card body text */
.improve-section__card p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22.75px;
    color: #6B7280;
}

/* =============================================
   Improve Section — Responsive Tablet (≤ 1024px)
   ============================================= */

/* =============================================
   Improve Section — Responsive Mobile (≤ 768px)
   ============================================= */

/* =============================================
   Improve Section — Responsive Mobile (≤ 480px)
   ============================================= */

/* =============================================
   Key Features Section
   ============================================= */
.features-section {
    padding: 80px 0;
    background-color: #ffffff;
}

/* Centred heading */
.features-section__header {
    text-align: center;
    margin-bottom: 50px;
}

.features-section__header h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #14212D;
}

.features-section__header h2 span {
    color: #0741AD;
}

/* 3 × 2 grid */
.features-section__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 37px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

/* Card — default state */
.features-section__card {
    background: #ffffff;
    border: 1px solid #C8C8C8;
    border-radius: 10px;
    padding: 20px;
    min-height: 271px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: default;
    transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
    width: calc(33.333% - 14px);
    max-width: 400px;
}

.features-section__card:hover {
    background-color: #0741AD;
    border-color: #0741AD;
    box-shadow: 0px 8px 24px rgba(7, 65, 173, 0.25);
}

/* Active card — always shows hover state */
.features-section__card--active {
    background-color: #0741AD;
    border-color: #0741AD;
    box-shadow: 0px 8px 24px rgba(7, 65, 173, 0.25);
}

/* Icon box — anchored to top */
.features-section__card-icon {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-color: #0741AD;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.25s ease, color 0.25s ease;
    margin-bottom: 20px;
}
.features-section__card-icon svg path {
    fill: white;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.features-section__card:hover .features-section__card-icon,
.features-section__card--active .features-section__card-icon {
    background-color: #ffffff;
    color: #0741AD;
}
.features-section__card:hover .features-section__card-icon svg path,
.features-section__card--active .features-section__card-icon svg path {
    fill: #0741AD;
}

/* Text group — pushed to bottom via space-between */
.features-section__card-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Card heading */
.features-section__card-body h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
    color: #14212D;
    transition: color 0.25s ease;
    margin-bottom: 0;
}

.features-section__card:hover .features-section__card-body h3,
.features-section__card--active .features-section__card-body h3 {
    color: #ffffff;
}

/* Card body text */
.features-section__card-body p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.6;
    color: #333333;
    transition: color 0.25s ease;
}

.features-section__card:hover .features-section__card-body p,
.features-section__card--active .features-section__card-body p {
    color: rgba(255, 255, 255, 0.85);
}

/* =============================================
   Features Section — Tablet (≤ 1024px)
   ============================================= */

/* =============================================
   Features Section — Mobile (≤ 768px)
   ============================================= */

/* =============================================
   Features Section — Mobile (≤ 480px)
   ============================================= */

/* =============================================
   Supported Platforms and Technology
   ============================================= */
.platforms-section {
    padding: 80px 0;
    background-color: #ffffff;
}

/* Centred heading */
.platforms-section__header {
    text-align: center;
    margin-bottom: 50px;
}

.platforms-section__header h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #14212D;
}

.platforms-section__header h2 span {
    color: #0741AD;
}

/* Two-column body */
.platforms-section__body {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-bottom: 40px;
}

.platforms-section__text {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.platforms-section__text p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 0;
}

.platforms-section__visual {
    flex: 1;
    border-radius: 16px;
    overflow: hidden;
    min-height: 340px;
}

.platforms-section__visual img {
    width: 100%;
    height: 100%;
    min-height: 340px;
    object-fit: cover;
    display: block;
}

/* Logo grid: 4 columns × 2 rows with dividers */
.platforms-section__logos {
    border: 1px solid #E5E7EB;
    border-radius: 16px;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.platforms-section__logo figure {
    margin: 0;
}

.platforms-section__logo figure img {
    max-height: 55px;
    max-width: 200px;
}

.platforms-section__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 32px 20px;
    border-right: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
}

/* Remove right border on last column */
.platforms-section__logo:nth-child(4n) {
    border-right: none;
}

/* Remove bottom border on last row */
.platforms-section__logo:nth-child(n+5) {
    border-bottom: none;
}

/* ---- Individual logo styles ---- */
.logo-yeastar {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #00B4A0;
    letter-spacing: -0.3px;
}

.logo-3cx {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 26px;
    color: #003562;
    letter-spacing: -1px;
}

.logo-3cx span {
    color: #00A3E0;
}

.logo-ringcentral {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #FF6200;
    letter-spacing: -0.2px;
}

.logo-ringcentral span {
    font-weight: 400;
    color: #E05500;
}

.logo-zoom {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 28px;
    color: #2D8CFF;
    letter-spacing: -1px;
}

.logo-webex {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #1A1A2E;
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.logo-webex small {
    font-size: 11px;
    font-weight: 400;
    color: #666;
    margin-top: 3px;
    letter-spacing: 0.2px;
}

.logo-dialpad {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #5B24F5;
}

.logo-goto {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 26px;
    color: #1A1A2E;
    letter-spacing: -0.5px;
}

.logo-goto span {
    color: #F5C200;
}

.logo-aircall {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #1A1A2E;
}

/* =============================================
   Platforms Section — Tablet (≤ 1024px)
   ============================================= */

/* =============================================
   Platforms Section — Mobile (≤ 768px)
   ============================================= */

/* =============================================
   Platforms Section — Mobile (≤ 480px)
   ============================================= */

/* =============================================
   Business Phone System Pricing Section
   Source: Figma node 97-479
   ============================================= */
.pricing-section {
    padding: 80px 0;
    background-color: #ffffff;
}

/* Intro: heading left, description right — bottom-aligned */
.pricing-section__intro {
    display: flex;
    align-items: flex-end;
    gap: 60px;
    margin-bottom: 50px;
}
.pricing-section__intro h2 {
    max-width: 470px;
}
.pricing-section__intro h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #14212D;
    flex: 0 0 500px;
    margin-bottom: 0;
}

.pricing-section__intro h2 span {
    color: #0741AD;
}

.pricing-section__intro-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pricing-section__intro-text p {

    margin-bottom: 0;
}

/* ---- Three-column cards row ---- */
.pricing-section__cards {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

/* Card: default */
.pricing-section__card {
    flex: 1;
    border-radius: 16px;
    padding: 32px 30px;
    display: flex;
    flex-direction: column;
    gap: 0;
    background: #ffffff;
}

/* Card: featured (middle) — taller, elevated */
.pricing-section__card--featured {
    background: #0741AD;
    border-color: #0741AD;
    padding: 44px 30px;
    box-shadow: 0 10px 25px rgba(204, 217, 255, 1);
}

/* User count heading */
.pricing-section__price strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    color: #14212D;
}

.pricing-section__card--featured h3 {
    font-size: 28px;
    color: #ffffff;
}

/* Subtitle */
.pricing-section__card p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #64748B;
    margin-bottom: 24px;
}

.pricing-section__card--featured p {
    color: rgba(255, 255, 255, 0.8);
}

/* Price block */
.pricing-section__price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 20px;
}

.pricing-section__card h3 {
    font-size: 22px;
    font-weight: 700;
    font-family: 'Open Sans';
    margin-bottom: 5px;
}

.pricing-section__card--featured .pricing-section__price strong {
    color: #ffffff;
}

.pricing-section__price span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #4B5768;
}

.pricing-section__card--featured .pricing-section__price span {
    color: rgba(255, 255, 255, 0.75);
}

/* CTA button */
.pricing-section__btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 20px;
    border-radius: 50px;
    border: 1.5px solid #0741AD;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: #0741AD;
    text-decoration: none;
    background: #ffffff;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    margin-bottom: 28px;
    box-sizing: border-box;
}

.pricing-section__btn:hover {
    background: #0741AD;
    color: #ffffff;
}

.pricing-section__card--featured .pricing-section__btn {
    background: #ffffff;
    border-color: #ffffff;
    color: #0741AD;
}

.pricing-section__card--featured .pricing-section__btn:hover {
    background: rgba(255, 255, 255, 0.9);
    color: #0741AD;
}

/* Check icon: solid blue circle + white check on default cards */
.pricing-section__card:not(.pricing-section__card--featured) .pricing-section__list li svg rect {
    fill: #0741AD;
}

.pricing-section__card:not(.pricing-section__card--featured) .pricing-section__list li svg path {
    fill: #ffffff;
}

/* Feature list */
.pricing-section__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.pricing-section__list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 0;
}

.pricing-section__list li svg {
    flex-shrink: 0;
    margin-top: 2px;
}

.pricing-section__list li span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.65;
    /* color: #333333; */
}

.pricing-section__card--featured .pricing-section__list li span {
    color: rgba(255, 255, 255, 0.92);
}

.pricing-section__card--featured .pricing-section__list li svg rect {
    fill: #ffffff;
}

.pricing-section__card--featured .pricing-section__list li svg path {
    fill: #0741AD;
}

/* =============================================
   Pricing Section — Tablet (≤ 1024px)
   ============================================= */

/* =============================================
   Pricing Section — Mobile (≤ 768px)
   ============================================= */

/* =============================================
   Pricing Section — Mobile (≤ 480px)
   ============================================= */

/* =============================================
   Compare Popular Business Phone System Platforms Section
   ============================================= */
.compare-section {
    padding: 80px 0;
    background: #ffffff;
}

/* Intro: heading left, text right */
.compare-section__intro {
    display: flex;
    align-items: flex-end;
    gap: 60px;
    margin-bottom: 48px;
}

.compare-section__intro h2 {
    flex: 0 0 537px;
    margin-bottom: 0;
}

.compare-section__intro h2 span {
    color: #0741AD;
}

.compare-section__intro-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 6px;
}

.compare-section__intro-text p {
    margin: 0;
}

/* Tab navigation */
.compare-section__tablist {
    display: flex;
    border-bottom: 2px solid #E2E8F0;
    margin-bottom: 30px;
}

.compare-section__tab {
    position: relative;
    background: none;
    border: none;
    padding: 14px 36px 14px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer !important;
    transition: color 0.2s ease;
    outline: none;
    border-radius: 0;
    background: transparent !important;
    min-width: inherit;
    width: 25%;
}

.compare-section__tab::before {
    content: '';
    display: none;
}

.compare-section__tab.is-active, .compare-section__tab:hover {
    color: #0741AD;
    font-weight: 500;
}

.compare-section__tab.is-active::before {
    content: '• ';
    display: inline;
    color: #0741AD;
}

.compare-section__tab.is-active::after, .compare-section__tab:hover::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 24px;
    height: 3px;
    background: #0741AD;
    border-radius: 2px 2px 0 0;
}

/* Panels */
.compare-section__panel {
    display: none;
    background: #EEF3FB;
    border-radius: 16px;
    padding: 40px;
    gap: 20px;
    align-items: flex-start;
}

.compare-section__panel.is-active {
    display: flex;
}

/* Left column */
.compare-section__panel-left {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.compare-section__logo-box {
    background: #ffffff;
    border-radius: 12px;
    padding: 32px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 227px;
}

.compare-section__logo-box figure {
    margin: 0;
}

.compare-section__logo-box svg {
    max-width: 100%;
    height: auto;
}

/* Info row: Best For + Key Strengths */
.compare-section__info-row {
    display: flex;
    gap: 16px;
}

.compare-section__info-box {
    flex: 1;
    background: #ffffff;
    border-radius: 10px;
    padding: 16px 18px;
}

.compare-section__info-box h4 {
    color: #0741AD;
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Merriweather';
}
.compare-section__info-box p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.2;
    /* color: #333333; */
    margin: 0;
}

/* Right column: bullet list */
.compare-section__panel-right {
    flex: 1;
    padding-top: 8px;
}

.compare-section__panel-right ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.compare-section__panel-right li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 0;
}

.compare-section__panel-right li svg {
    flex-shrink: 0;
    margin-top: 4px;
}

.compare-section__panel-right li span {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
}

/* Responsive */

/* Pricing disclaimer note */


.pricing-section__note {
    margin-top: 30px;
    /* background: #ECF8FF; */
    border: 1px solid rgba(200, 200, 200, 1);
    border-radius: 12px;
    padding: 20px 24px;
}
.pricing-section__note p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
    color: #0741AD;
    font-style: italic;
    margin: 0;
}
/* =============================================
   Remote or Onsite Installation Options Section
   ============================================= */
.installation-section {
    padding: 80px 0;
    background: #ffffff;
}

.installation-section__heading {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    color: #14212D;
    text-align: center;
    margin: 0 0 40px;
}

/* Outer bordered wrapper */
.installation-section__wrapper {
    display: flex;
    border: 1px solid #D4E1F2;
    border-radius: 18px;
    padding: 28px;
    gap: 16px;
    background: #ffffff;
}

/* Shared card styles */
.installation-section__card {
    flex: 1;
    border-radius: 12px;
    padding: 44px 40px;
}

.installation-section__card--remote {
    background: #F5FCFF;
}

.installation-section__card--onsite {
    background: #FFF9E8;
}

/* Icon box */
.installation-section__icon-box {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: #0741AD;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    flex-shrink: 0;
}
.installation-section__icon-box figure {
    margin-bottom: 0;
}

/* Card heading */
.installation-section__card h3 {
    font-family: 'Merriweather';
    font-size: 23px;
    font-weight: 500;
    color: #14212D;
    margin: 0 0 14px;
    line-height: 1.3;
}

/* Card body */
.installation-section__card p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.75;
    color: #7C7C7C;
    margin: 0;
    font-weight: 500;
}
/* Responsive */

/* =============================================
   Professional Voiceovers Section
   ============================================= */
.voiceover-section {
    padding: 80px 0;
    background: #ffffff;
}

/* Intro: heading left, paragraph right */
.voiceover-section__intro {
    display: flex;
    align-items:flex-end;
    gap: 60px;
    margin-bottom: 40px;
}

.voiceover-section__intro h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.25;
    color: #14212D;
    flex:0 0 43%;
    margin: 0;
}

.voiceover-section__intro h2 span {
    color: #0741AD;
}

.voiceover-section__intro p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #14212D;
    margin: 0;
    flex: 1;
    padding-top: 4px;
}

/* Tabs */
.voiceover-section__tabs {
    display: flex;
    gap: 12px;
    margin-bottom: 28px;
}

.voiceover-section__tab {
    flex: 1;
    min-width: 0;
    padding: 14px 18px;
    border-radius: 10px;
    border: 1px solid #DDE6F2;
    background: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #7C7C7C;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    line-height: 1.35;
    text-align: center;
    box-shadow: 0 4px 14px rgba(20, 33, 45, 0.06);
}

.voiceover-section__tab.is-active {
    background: #0741AD;
    border-color: #0741AD;
    color: #ffffff;
    box-shadow: none;
}

.voiceover-section__tab:hover:not(.is-active) {
    border-color: #0741AD;
    color: #0741AD;
}

/* Slider card wrapper */
.voiceover-section__slider-wrap {
    background: #ffffff;
    border-radius: 16px;
    border:1px solid #9AB7CE;
    overflow: hidden;
}

.voiceover-section__slider {
    border: none;
    border-radius: 0;
    overflow: hidden;
}

/* Each slide: image left + content right */
.voiceover-section__slide {
    display: block !important;
}

.voiceover-section__slide-inner {
    display: flex;
    min-height: 340px;
}

/* Image column */
.voiceover-section__slide-media {
    flex: 0 0 50%;
    padding: 20px 0 20px 20px;
    
}

.voiceover-section__slide-media img {
    width: 100%;
    height: 100%;
    min-height: 332px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}

/* Content column */
.voiceover-section__slide-content {
    flex: 1;
    padding: 40px 40px 40px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Icon box */
.voiceover-section__icon-box {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    background: #0741AD;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    flex-shrink: 0;
}

.voiceover-section__icon-box img {
    width: 45px;
    height: 45px;
    display: block;
}

/* Slide heading */
.voiceover-section__slide-content h3 {
    font-family: 'Merriweather', serif;
    font-size: 30px;
    font-weight: 700;
    color: #0741AD;
    margin: 0 0 16px;
    line-height: 1.3;
}

/* Slide body text */
.voiceover-section__slide-content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 1.75;
    color: #333333;
    margin: 0;
}

/* Slick dots — Figma node 1-2572: active pill + inactive circles */
.voiceover-section__slider-wrap .slick-dots {
    position: static;
    margin: 24px 0 20px;
    padding: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 14px;
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
}

.voiceover-section__slider-wrap .slick-dots li {
    width: auto;
    height: 14px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.voiceover-section__slider-wrap .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    background: transparent;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    min-width: auto;
}

.voiceover-section__slider-wrap .slick-dots li button::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    font-size: 0;
    background: #C8D6EA;
    border-radius: 50%;
    opacity: 1;
    transition: width 0.3s ease, border-radius 0.3s ease, background-color 0.3s ease;
}

.voiceover-section__slider-wrap .slick-dots li.slick-active button {
    width: 40px;
    height: 10px;
}

.voiceover-section__slider-wrap .slick-dots li.slick-active button::before {
    width: 40px;
    height: 10px;
    border-radius: 999px;
    background: #0741AD;
    opacity: 1;
}

/* Responsive */

/* =============================================
   How We Recommend the Right Business Phone System Section
   ============================================= */
.recommend-section {
    padding: 80px 0;
    background: #ffffff;
}

/* Top intro row */
.recommend-section__intro {
    display: flex;
    align-items: flex-end;
    gap: 80px;
    margin-bottom: 48px;
}

.recommend-section__intro h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.25;
    color: #14212D;
    flex: 0 0 600px;
    margin: 0;
}

.recommend-section__intro h2 span {
    color: #0741AD;
}

.recommend-section__intro p {
    margin: 0;
    flex: 1;
}

/* Body: left factors card + right three cards */
.recommend-section__body {
    display: flex;
    gap: 28px;
    align-items: flex-start;
}

/* Left: factors card */
.recommend-section__factors {
    flex: 0 0 46%;
    background: #EEF3FB;
    border: 1px solid #D0DDEF;
    border-radius: 14px;
    padding: 28px 30px 32px;
}

.recommend-section__factors-label {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #0741AD;
    margin: 0 0 16px;
}

.recommend-section__divider {
    border: none;
    border-top: 1px solid #C2D4ED;
    margin: 0 0 24px;
}

.recommend-section__factors ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.recommend-section__factors li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 0;
}

.recommend-section__factors li svg {
    flex-shrink: 0;
}

.recommend-section__factors li span {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 1.5;
    color: #14212D;
}

/* Right: three stacked cards */
.recommend-section__cards {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.recommend-section__card {
    background: #ffffff;
    border: 1px solid #E0E8F4;
    border-radius: 12px;
    padding: 24px 28px;
}

.recommend-section__card h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    font-weight: 400;
    color: #14212D;
    margin: 0 0 10px;
    line-height: 1.35;
}

.recommend-section__card p {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    font-weight: 200;
    color: #333333;
}
h2.installation-section__heading {
    font-weight: 500;
}
/* Responsive */

/* =============================================
   Our Business Phone System Process Section
   ============================================= */
.process-section {
    padding: 80px 0;
    background: #ffffff;
    overflow-x: clip;
}

/* Header: centered */
.process-section__header {
    text-align: center;
    margin-bottom: 60px;
}

.process-section__header h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    color: #14212D;
    margin: 0 0 18px;
}

.process-section__header h2 span {
    color: #0741AD;
}

.process-section__header p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    /* max-width: 680px; */
    margin: 0 auto;
}

/* Timeline wrapper */
.process-section__timeline {
    position: relative;
}

/* All three rows share the same 7-column grid */
.process-section__row,
.process-section__track {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

/* Row above: content sits at the bottom (just above the line) */
.process-section__row--top {
    margin-bottom: 20px;
}

.process-section__row--top .process-section__slot {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
}

/* Row below: content sits at the top (just below the line) */
.process-section__row--bottom {
    margin-top: 20px;
}

.process-section__row--bottom .process-section__slot {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    
}

/* Slot text */
.process-section__slot h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #14212D;
    margin: 0 0 6px;
    line-height: 1.4;
}
.process-section__slot p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #666;
    margin: 0;
}

/* Track: dots + connecting line */
.process-section__track {
    position: relative;
    align-items: center;
}

/* Progress line — gray base with blue fill */
.process-section__line {
    position: absolute;
    left: calc(100% / 14);
    right: calc(100% / 14);
    top: 50%;
    transform: translateY(-50%);
    height: 3px;
    z-index: 0;
    background: #DDE6F2;
    border-radius: 2px;
    overflow: hidden;
    pointer-events: none;
}

.process-section__line-bg {
    display: none;
}

.process-section__line-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #0741AD;
    border-radius: 2px;
    transition: width 0.5s ease;
    display: block;
}

/* Each numbered dot — Figma: 22×22, #0741AD, 6px glow */
.process-section__dot {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    background: #ffffff;
    margin: 0 auto;
    justify-self: center;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    opacity: 0;
    box-shadow: 0 0 0 6px rgba(11, 133, 209, 0.15);
    transition: opacity 0.45s ease, transform 0.45s ease, background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.process-section__dot.is-revealed {
    opacity: 1;
    transform: scale(1);
    background: #0741AD;
    border-color: #0741AD;
    box-shadow: 0 0 0 6px rgba(11, 133, 209, 0.15);
}

.process-section__dot span {
    font-family: 'Open Sans', sans-serif;
    font-size: 8px;
    font-weight: 700;
    color: #0741AD;
    letter-spacing: 0;
    line-height: 1;
    transition: color 0.35s ease;
}

.process-section__dot.is-revealed span {
    color: #ffffff;
}

/* Step content — starts at dot, min-width 267px */
.process-section__slot:not(:empty) {
    position: relative;
    left: calc(50% - 60px);
    min-width: 267px;
    width: 277px;
    max-width: 100%;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.process-section__row--top .process-section__slot:not(:empty) {
    transform: translateY(-18px);
}

.process-section__slot.is-revealed {
    opacity: 1;
    transform: translateY(0);
}

.process-section__row--top .process-section__slot.is-revealed {
    transform: translateY(0);
}

.process-section.is-complete .process-section__line-fill {
    width: 100% !important;
}

@media (prefers-reduced-motion: reduce) {
    .process-section__dot,
    .process-section__slot:not(:empty) {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .process-section__dot {
        background: #0741AD;
        border-color: #0741AD;
        box-shadow: 0 0 0 6px rgba(11, 133, 209, 0.15);
    }

    .process-section__dot span {
        color: #ffffff;
    }

    .process-section__line-fill {
        width: 100%;
        transition: none;
    }
}

/* ---- Responsive ---- */

/* Mobile vertical layout */

/* =============================================
   Keep Your Existing Numbers Section
   ============================================= */
.numbers-section {
    padding: 60px 0 80px;
    background: #ffffff;
}

/* The gradient card */
.numbers-section__card {
    background: url(images/bg-gradiant-new.png) no-repeat center center;
    background-size: cover;
    border-radius: 20px;
    padding: 56px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    min-height: 240px;
}

/* Left: text */
.numbers-section__content {
    flex: 0 0 60%;
    position: relative;
    z-index: 1;
}

.numbers-section__content h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    color: #14212D;
    margin: 0 0 20px;
}

.numbers-section__content h2 span {
    color: #0741AD;
}

.numbers-section__content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.75;
    color: #303C42;
    margin: 0;
}
.numbers-section__content .hero-section__actions {
    padding-top: 30px;
}

/* Right: decorative rings */
.numbers-section__decor {
    flex-shrink: 0;
    position: relative;
    z-index: 0;
    margin-right: -20px;
}
.numbers-section__decor figure {
    max-width: 353px;
}

.numbers-section__decor svg {
    display: block;
}

/* Responsive */

/* =============================================
   Business Phone Systems for Different Industries
   ============================================= */
.industries-section {
    background: #0741AD;
    padding: 72px 0 56px;
    overflow: hidden;
}

/* Header */
.industries-section__header {
    max-width: 1200px;
    margin: 0 auto 48px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}

.industries-section__header h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.25;
    color: #ffffff;
    flex: 0 0 50%;
    margin: 0;
}

.industries-section__header p {
    color: rgba(255, 255, 255, 0.82);
    margin: 0;
    flex: 1;
}

/* Slider: full-width */
.industries-section__slider {
    width: 100%;
}

.industries-section__slider .slick-list {
    padding: 0 6% !important;
    overflow: hidden;
}

.industries-section__slider .slick-track {
    display: flex !important;
    align-items: stretch;
}

/* Each slide wrapper */
.industries-section__slider .slick-slide {
    padding: 0 10px;
    height: auto !important;
    margin: 0 16px;
    text-align: center;
}
.industries-section__slider .slick-slide.slick-current {
    min-height: 436px;
}

.industries-section__slider .slick-slide > div {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Individual slide card */
.industries-slide {
    flex: 1;
    min-height: 368px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

/* ---- Image state (default) ---- */
.industries-slide__img-state {
    position: absolute;
    inset: 0;
    transition: opacity 0.35s ease;
}

.industries-slide__bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.industries-slide__label {
    position: absolute;
    top: 16px;
    left: 16px;
    background: rgba(255, 255, 255, 0.92);
    padding: 6px 14px;
    border-radius: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #0741AD;
    white-space: nowrap;
}

/* ---- Content state (hover) ---- */
.industries-slide__content-state {
    position: absolute;
    inset: 0;
    background: #ffffff;
    padding: 45px 36px;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

.industries-slide:hover .industries-slide__img-state {
    opacity: 0;
}

.industries-slide:hover .industries-slide__content-state {
    opacity: 1;
    pointer-events: auto;
}

/* Icon box in content state */
.industries-slide__icon {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    background: #0741AD;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
}

.industries-slide__icon figure {
    margin-bottom: 0;
}

.industries-slide__content-state h3 {
    font-family: 'Open Sans', serif;
    font-size: 30px;
    font-weight: 700;
    color: #0741AD;
    margin: 0 0 14px;
    line-height: 1.3;
}

.industries-slide__content-state p {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 1;
    color: #4A658C;
    margin: 0 0 auto;
}

.industries-slide__link {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #0741AD;
    text-decoration: none;
    margin-top: 20px;
    display: block;
    line-height: 1.5;
}

.industries-slide__link:hover {
    text-decoration: underline;
}

/* Custom nav arrows */
.industries-section__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 36px;
}

.industries-section__nav .slick-prev,
.industries-section__nav .slick-next {
    position: static;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: transparent;
    color: #ffffff;
    font-size: 24px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
    transform: none;
    top: auto;
    left: auto;
    right: auto;
}

.industries-section__nav .slick-prev::before,
.industries-section__nav .slick-next::before {
    display: none;
}

.industries-section__nav .slick-prev:hover,
.industries-section__nav .slick-next:hover {
    background: rgba(255, 255, 255, 0.15);
}

/* Responsive */

/* =============================================
   Trusted by Businesses Across Australia Section
   ============================================= */
.trusted-section {
    padding: 80px 0;
    background: #ffffff;
}

/* Intro: heading left, paragraph right — reusing compare/recommend pattern */
.trusted-section__intro {
    display: flex;
    align-items: flex-end;
    gap: 70px;
    margin-bottom: 48px;
}

.trusted-section__intro h2 {

    flex: 0 0 45%;
    margin: 0;
}

.trusted-section__intro h2 span {
    color: #0741AD;
}

.trusted-section__intro p {
    margin: 0;
    flex: 1;
}

/* Logos row: single bordered container with vertical dividers */
.trusted-section__logos {
    display: flex;
    align-items: center;
    border: 1px solid #DDE6F2;
    border-radius: 12px;
    overflow: hidden;
}

.trusted-section__logo figure {
    margin-bottom: 0;
}

.trusted-section__logo {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 20px;
    border-right: 1px solid #DDE6F2;
}

.trusted-section__logo:last-child {
    border-right: none;
}

.trusted-section__logo svg {
    max-width: 100%;
    height: auto;
}

/* Responsive */

/* =============================================
   What Our Customers Say — Testimonials Section
   ============================================= */
.testimonials-section {
    padding: 80px 0;
    background: #ffffff;
    overflow-x: clip;
}

.testimonials-section .container {
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

/* Left: static column */
.testimonials-section__left {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0;
}

.testimonials-section__left h2 {
    color: #14212D;
    margin: 0 0 18px;
}

.testimonials-section__left h2 span {
    color: #0741AD;
}

.testimonials-section__left p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #14212D;
    margin: 0 0 32px;
}

/* Prev / Next arrows — Figma node 1-2748 */
.testimonials-section__arrows {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 115px;
}

.testimonials-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    min-width: auto !important;
    box-shadow: none;
}

.testimonials-btn svg {
    display: block;
}

.testimonials-btn--prev {
    background: #ffffff;
    /* border: 1px solid #14212D;
    color: #14212D; */
}

/* .testimonials-btn--prev:hover {
    background: #F5F8FF;
    border-color: #0741AD;
    color: #0741AD;
} */

.testimonials-btn--next {
    background: #fff;
    /* border: 1px solid #0741AD;
    color: #ffffff; */
}

/* .testimonials-btn--next:hover {
    background: #0535a0;
    border-color: #0535a0;
} */

/* Right: slider column */
.testimonials-section__slider {
    flex: 1 1 50%;
    max-width: 50%;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.testimonials-section__slider .slick-list {
    overflow: hidden;
    margin: 0;
}

.testimonials-section__slider .slick-slide {
    height: auto;
}

.testimonials-section__slider .slick-slide > div {
    width: 100%;
}

/* Each testimonial slide */
.testimonials-slide {
    padding: 4px 0;
    width: 100%;
    box-sizing: border-box;
}

/* Circular avatar */
.testimonials-slide__avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 18px;
    border: 3px solid #ffffff;
}

.testimonials-slide__avatar figure {
    margin: 0;
    width: 100%;
    /* height: 100%; */
    /* border-radius: 50%; */
    overflow: hidden;
}

.testimonials-slide__avatar figure img {
    display: block;
    object-fit: cover;
}

/* .testimonials-slide__avatar--1 { background: linear-gradient(135deg, #1a2b57 0%, #2d4a8a 100%); }
.testimonials-slide__avatar--2 { background: linear-gradient(135deg, #0741AD 0%, #1a6bb5 100%); }
.testimonials-slide__avatar--3 { background: linear-gradient(135deg, #14605e 0%, #1e8a87 100%); } */

/* Star rating */
.testimonials-slide__stars {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 14px;
}

/* Author line with blue left border */
.testimonials-slide__author {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-left: 14px;
    border-left: 3px solid #F28620;
    margin-bottom: 18px;
}

.testimonials-slide__author strong {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #11385A;
}

.testimonials-slide__author span {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #9AA5B4;
}

/* Review text */
.testimonials-slide p {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 1.35;
    margin: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Responsive */

/* =============================================
   Section 17 — Make the Switch to Yeastar in Three Steps
   Source: Figma node 1-1883
   ============================================= */

.yeastar-section {
    padding: 80px 20px;
    background: #ffffff;
}

.yeastar-section__container {
    max-width: 1170px;
    margin: 0 auto;
}

.yeastar-section__heading {
    font-family: 'Merriweather', serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
    color: #14212D;
    text-align: center;
    margin: 0 0 50px;
}

.yeastar-section__heading span {
    color: #0741AD;
}

.yeastar-section__body {
    display: flex;
    gap: 37px;
    align-items: flex-start;
    margin-bottom: 36px;
}

.yeastar-section__left {
    flex: 0 0 563px;
    max-width: 563px;
}

.yeastar-step {
    display: flex;
    gap: 20px;
}

.yeastar-step__indicator {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 67px;
}

.yeastar-step__dot {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background: #7C7C7C;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    flex-shrink: 0;
    z-index: 1;
}

.yeastar-step--active .yeastar-step__dot {
    background: #0741AD;
}

.yeastar-step__line {
    width: 1px;
    flex: 1;
    min-height: 0;
    background: #C8C8C8;
    margin: 0;
}

.yeastar-step--active .yeastar-step__line {
    background: #1A51DC;
}

.yeastar-step--active ~ .yeastar-step .yeastar-step__line {
    background: #C8C8C8;
}

.yeastar-step__content {
    flex: 1;
    max-width: 476px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 36px;
}

.yeastar-step--last .yeastar-step__content {
    padding-bottom: 0;
}

.yeastar-step__text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.yeastar-step__label {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #7C7C7C;
    margin: 0;
}

.yeastar-step__question {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #14212D;
    margin: 0;
    line-height: 1.4;
}

.yeastar-step__input-wrap {
    background: #ECF8FF;
    border-radius: 10px;
    min-height: 60px;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.yeastar-step__input {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #14212D;
}

.yeastar-step__input::placeholder {
    color: #7C7C7C;
}

.yeastar-step__input::-webkit-inner-spin-button,
.yeastar-step__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.yeastar-step__note {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #0741AD;
    margin: 0;
}

.yeastar-section__right {
    flex: 1;
    max-width: 570px;
}

.yeastar-section__screenshot {
    display: block;
    width: 100%;
    height: auto;
    max-width: 570px;
}

.yeastar-step__content--empty {
    padding-bottom: 0;
    min-height: 0;
}

.yeastar-products-wrap {
    margin-left: 87px;
    margin-top: 0;
    position: relative;
    max-width: 1083px;
}

/* Figma node 1-1920 — Step 3 hardware panel */
.yeastar-hardware-panel {
    width: 100%;
    background: #ECF8FF;
    border-radius: 10px;
    padding: 20px 16px 40px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.yeastar-hardware-panel__slider-wrap {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    overflow: hidden;
}

.yeastar-hardware-panel__slider-wrap .slick-prev {
    display: none !important;
}

.yeastar-products__slider {
    margin: 0;
    flex: 1;
    min-width: 0;
}

.yeastar-products__slider .slick-list {
    overflow: hidden;
    margin: 0 -5px;
}

.yeastar-products__slider .slick-track {
    margin-left: 0;
    display: flex !important;
    align-items: stretch;
}

.yeastar-products__slider .slick-slide {
    height: auto !important;
    padding: 0 5px;
    box-sizing: border-box;
}

.yeastar-products__slider .slick-slide > div {
    display: flex;
    width: 100%;
}

.yeastar-products__slide {
    box-sizing: border-box;
    height: auto;
}

.yeastar-products__slide > .yeastar-product-card {
    margin: 0;
    width: 100%;
}

.yeastar-products__arrow {
    position: static;
    transform: none;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    z-index: 2;
    line-height: 0;
    min-width: auto;
}

.yeastar-products__arrow.is-disabled,
.yeastar-products__arrow.slick-disabled {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
}

.yeastar-products__arrow img {
    display: block;
    width: 32px;
    height: 32px;
}

.yeastar-products__arrow.slick-arrow {
    width: 32px;
    height: 32px;
    position: static;
    transform: none;
    flex: 0 0 32px;
    background: transparent;
    border-radius: 0;
    line-height: 0;
    min-width: 0;
    box-shadow: none;
}

.yeastar-products__arrow.slick-arrow::before {
    content: none;
    display: none;
}

.yeastar-product-card {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 393px;
    border-radius: 24px;
    border: 1px solid #D8D9E0;
    background: #ffffff;
    overflow: hidden;
}

.yeastar-product-card__photo {
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    object-fit: contain;
    display: block;
    max-height: 125px;
}

.yeastar-product-card__photo--softphone {
    width: 163px;
    height: 122px;
    top: 18px;
}

.yeastar-product-card__photo--t55w {
    width: 142px;
    height: 112px;
    top: 24px;
}

.yeastar-product-card__photo--t87w {
    width: 149px;
    height: 119px;
    top: 20px;
}

.yeastar-product-card__photo--ax83h {
    width: 111px;
    height: 123px;
    top: 16px;
}

.yeastar-product-card__body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 24px 24px;
    display: flex;
    flex-direction: column;
}
section.features-section + .trusted-section {
    padding-top: 0;
}
.yeastar-product-card__name-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 0;
}

.yeastar-product-card__name {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: #363842;
    display: block;
}

.yeastar-product-card__divider {
    display: block;
    width: 100%;
    height: 1px;
    background: #EDEDED;
}

.yeastar-product-card__features {
    list-style: none;
    padding: 0;
    margin: 12px 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.yeastar-product-card__features li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #7C7C7C;
    line-height: 1.4;
    margin-bottom: 7px;
}

.yeastar-product-card__features li svg {
    flex-shrink: 0;
}

.yeastar-product-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 16px;
    gap: 8px;
}

.yeastar-product-card__footer--softphone {
    gap: 8px;
}

.yeastar-product-card__footer--t55w,
.yeastar-product-card__footer--t87w {
    gap: 8px;
}

.yeastar-product-card__footer--ax83h {
    gap: 8px;
}

.yeastar-product-card__price {
    font-family: 'Manrope', sans-serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 1.2;
    color: #363842;
}

.yeastar-product-card__qty {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    height: 35px;
    border: 2px solid #E4E7E9;
    border-radius: 5px;
    padding: 0 10px;
    background: #ffffff;
}

.qty-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    min-width: auto;
    flex-shrink: 0;
}

.qty-count {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #475156;
    min-width: 20px;
    text-align: center;
}

.yeastar-hardware-panel .yeastar-section__submit-wrap {
    display: flex;
    justify-content: center;
    padding: 0;
    margin-top: 24px;
    flex-shrink: 0;
}

.yeastar-section__submit {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 240px;
    min-height: 65px;
    padding: 12px 28px;
    background: #0741AD;
    border: 1px solid rgba(7, 65, 173, 0.5);
    border-radius: 35px;
    color: rgba(255, 255, 255);
    font-family: 'Merriweather', serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: 3px 5px 0 0 #D8EBFF;
    transition: background 0.25s ease;
}

.yeastar-section__submit-text {
    display: block;
}

.yeastar-section__submit-price {
    display: none;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: rgba(255, 255, 255);
}

.yeastar-section__submit:hover {
    background: #0534a0;
}

/* =============================================
   Section 18 — What Is a Yeastar Phone System?
   Source: Figma node 22-42
   ============================================= */

/* ---- Section wrapper ---- */
.yeastar-what-section {
    padding: 80px 20px;
    background: #ffffff;
}

/* ---- Centered heading block ---- */
.yeastar-what-section__header {
    text-align: center;
    max-width: 992px;
    margin: 0 auto 56px;
}

.yeastar-what-section__header h2 {
    font-family: 'Merriweather', serif;
    font-size: 40px;
    font-weight: 700;
    color: #14212D;
    margin: 0 0 20px;
    line-height: 1.2;
}

.yeastar-what-section__header h2 span {
    color: #0741AD;
    font-weight: 700;
}

.yeastar-what-section__header p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #14212D;
    line-height: 1.7;
    margin: 0;
}

/* ---- Two-column body ---- */
.yeastar-what-section__body {
    display: flex;
    gap: 54px;
    align-items: center;
}

/* ---- Left column ---- */
.yeastar-what-section__left {
    flex: 0 0 516px;
    max-width: 486px;
}

/* "Depending on..." label + blue underline */
.yeastar-what-section__label-wrap {
    margin-bottom: 28px;
}

.yeastar-what-section__label {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #0741AD;
    margin: 0 0 10px;
    line-height: 1.4;
}

.yeastar-what-section__label-line {
    display: block;
    height: 1px;
    background: #C4E1FF;
    width: 100%;
}

/* Feature list */
.yeastar-what-section__list {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.yeastar-what-section__list li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #14212D;
    line-height: 1.4;
    margin-bottom: 0;
}

.yeastar-what-section__list li svg {
    flex-shrink: 0;
}

/* Description below the list */
.yeastar-what-section__desc {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #303C42;
    line-height: 1.7;
    margin: 0;
}

/* ---- Right column: image / mockup ---- */
.yeastar-what-section__right {
    flex: 1;
    min-width: 0;
}

.yeastar-what-section__right figure {
    margin: 0;
}

.yeastar-what-section__right figure img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.yeastar-what-section__image {
    border-radius: 20px;
    overflow: hidden;
    background: #EEF4FF;
    padding: 24px;
}

.yeastar-what-section__image-inner {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 40px rgba(7, 65, 173, 0.14);
}

/* Mock dashboard screen */
.yeastar-what-section__mock-screen {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
}

.yeastar-what-section__mock-bar {
    background: #f0f2f5;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.yeastar-what-section__mock-bar span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d0d4db;
    display: block;
}

.yeastar-what-section__mock-bar span:first-child { background: #ff6b6b; }
.yeastar-what-section__mock-bar span:nth-child(2) { background: #ffd93d; }
.yeastar-what-section__mock-bar span:last-child  { background: #6bcb77; }

.yeastar-what-section__mock-body {
    display: flex;
    height: 260px;
}

.yeastar-what-section__mock-sidebar {
    width: 140px;
    background: #f8f9fc;
    border-right: 1px solid #ecedf2;
    padding: 20px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
}

.mock-nav-item {
    height: 28px;
    border-radius: 6px;
    background: #e8ecf5;
}

.mock-nav-item--active {
    background: #0741AD;
    opacity: 0.7;
}

.yeastar-what-section__mock-main {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #ffffff;
}

.mock-row {
    display: flex;
    gap: 12px;
    flex: 1;
}

.mock-card {
    flex: 1;
    border-radius: 8px;
    background: #f2f6ff;
    border: 1px solid #e2eaf8;
}

/* ---- Responsive ---- */

/* =============================================
   Section 19 — How Yeastar Is Different from Typical Phone Systems
   Source: Figma node 1-1032
   ============================================= */

/* ---- Section wrapper ---- */
.yeastar-diff-section {
    padding: 80px 20px;
    background: #ffffff;
}

/* ---- Centered heading block ---- */
.yeastar-diff-section__header {
    text-align: center;
    margin: 0 auto 40px;
}

.yeastar-diff-section__header h2 {
    font-family: 'Merriweather', serif;
    font-size: 40px;
    font-weight: 700;
    color: #14212D;
    line-height: 1.25;
    margin: 0 0 20px;
}

.yeastar-diff-section__heading-blue {
    color: #0741AD;
}

.yeastar-diff-section__header p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #14212D;
    line-height: 1.7;
    margin: 0 auto;
    max-width: 651px;
}

/* ---- Horizontal tab bar ---- */
.yeastar-diff-section__tabbar {
    background: #ECF8FF;
    border-radius: 10px;
    padding: 20px 32px;
    display: flex;
    align-items: center;
    gap: 32px;
    margin-bottom: 50px;
}

.yeastar-diff-section__tabbar::-webkit-scrollbar {
    display: none;
}

/* Vertical separator */
.yeastar-diff-sep {
    display: block;
    width: 2px;
    height: 34px;
    background: #333333;
    flex-shrink: 0;
}

/* Tab button */
.yeastar-diff-tab {
    background: none !important;
    border: none;
    cursor: pointer;
    padding: 0 0 6px;
    font-family: 'Plus Jakarta Sans', 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #848484 !important;
    line-height: 1.3;
    position: relative;
    transition: color 0.25s;
    min-width: inherit;
    width: auto;
    box-shadow: none !important;
    min-width: 190px;
}
.yeastar-diff-tab::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #0B85D1;
    transform: scaleX(0);
    transition: transform 0.25s;
    transform-origin: left;
}

.yeastar-diff-tab--active {
    font-weight: 700;
    color: #0B85D1 !important;
}

.yeastar-diff-tab--active::after {
    transform: scaleX(1);
}

.yeastar-diff-tab:hover {
    color: #0B85D1 !important;
}

/* ---- Content panels ---- */
.yeastar-diff-section__panels {
    position: relative;
}

.yeastar-diff-panel {
    display: none;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}

.yeastar-diff-panel--active {
    display: flex;
}

/* Left: image / mockup */
.yeastar-diff-panel__image {
    flex: 0 0 570px;
    max-width: 570px;
    height: 296px;
    border-radius: 10px;
    overflow: hidden;
    background: #EEF4FF;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yeastar-diff-panel__image figure {
    margin-bottom: 0;
    width: 100%;
    height: 100%;
}

.yeastar-diff-panel__image figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yeastar-diff-panel__image--1 { background: #e8f4ff; }
.yeastar-diff-panel__image--2 { background: #eef8f0; }
.yeastar-diff-panel__image--3 { background: #f0eeff; }
.yeastar-diff-panel__image--4 { background: #fff5ee; }

/* Dashboard mock placeholders */
.yeastar-diff-panel__mock {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.yeastar-diff-panel__mock-row {
    display: flex;
    gap: 12px;
    height: 52px;
}

.yeastar-diff-panel__mock-block {
    flex: 1;
    border-radius: 8px;
    background: rgba(7, 65, 173, 0.1);
}

.yeastar-diff-panel__mock-block--wide {
    flex: 2;
}

/* Right: icon + heading + text */
.yeastar-diff-panel__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.yeastar-diff-panel__icon {
    width: 70px;
    height: 70px;
    background: #EEF4FF;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.yeastar-diff-panel__icon figure {
    margin-bottom: 0;
}

.yeastar-diff-panel__body h3 {
    font-family: 'Merriweather', serif;
    font-size: 30px;
    font-weight: 500;
    color: #0098F0;
    line-height: 1.3;
    margin: 0;
}

.yeastar-diff-panel__body p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #14212D;
    line-height: 1.4;
    margin: 0;
}

/* ---- Responsive ---- */

/* ---- Section wrapper ---- */
.faq-section {
    padding: 80px 20px;
    background: #ffffff;
}

.faq-section__container {
    max-width: 1030px;
    margin: 0 auto;
}

/* ---- Heading ---- */
.faq-section__header {
    text-align: center;
    margin-bottom: 52px;
}

.faq-section__header h2 {
    font-family: 'Merriweather', serif;
    font-size: 40px;
    font-weight: 700;
    color: #14212D;
    line-height: 1.3;
    margin: 0;
}

.faq-section__heading-blue {
    color: #0741AD;
}

/* ---- FAQ accordion list ---- */
.faq-section__list {
    display: flex;
    flex-direction: column;
}


/* Question button row */
.faq-item__question {
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 15px 0;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 1.5;
    transition: color 0.2s;
    border-radius: 0;
    background: transparent !important;
    font-weight: 500;
}

/* Active/open question text turns blue */
.faq-item--active .faq-item__question, .faq-item__question:hover, .faq-item__question:focus {
    color: #0741AD;
}

/* Chevron icon */
.faq-item__chevron {
    flex-shrink: 0;
    color: #7C7C7C;
    transition: transform 0.3s ease, color 0.2s;
}

.faq-item--active .faq-item__chevron {
    transform: rotate(180deg);
    color: #0741AD;
}

/* Answer panel — collapsed by default */
.faq-item__answer {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.35s ease;
    max-width: 743px;
    width: 100%;
}

.faq-item--active .faq-item__answer {
    max-height: 400px;
}

.faq-item__answer p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #14212D;
    line-height: 1.7;
    margin: 0;
    padding-bottom: 22px;
}


.expert_advice_section {
    padding: 0;
    background: transparent;
    margin: 0 0 -210px;
    position: relative;
    z-index: 1;
}
.expert_advice_section + #footer {
    padding-top: 260px;
}

/* ---- Responsive ---- */

/* =============================================
   Section 21 — Yeastar Cloud vs Self Hosted
   Which Should You Choose?
   Source: User screenshot
   ============================================= */

/* ---- Section wrapper ---- */
.vs-section {
    padding: 80px 20px;
    background: #ffffff;
}

.vs-section__container {
    max-width: 1170px;
    margin: 0 auto;
}

/* ---- Left-aligned heading ---- */
.vs-section__heading {
    font-family: 'Merriweather', serif;
    font-size: 40px;
    font-weight: 600;
    color: #14212D;
    line-height: 1.3;
    margin: 0 0 40px;
    text-align: center;
}

.vs-section__heading span {
    color: #0741AD;
}

/* ---- Outer comparison card (bordered container) ---- */
.vs-section__card {
    border: 1px solid #C0F0FF;
    border-radius: 16px;
    padding: 30px;
    display: flex;
    align-items: stretch;
    gap: 0;
    position: relative;
    background: #ffffff;
}

/* ---- Individual column ---- */
.vs-col {
    flex: 1;
    border-radius: 12px;
    padding: 36px 40px;
}

/* Cloud column: light blue tint */
.vs-col--cloud {
    background: #F5FCFF;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

/* Self-hosted column: light warm/cream tint */
.vs-col--selfhosted {
    background:#FFF9E8;
    padding-left: 80px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

/* Column title */
.vs-col__title {
    font-family: 'Open Sans',sans-serif;
    font-size: 23px;
    font-weight: 500;
    color: #101F3A;
    margin: 0 0 10px;
    line-height: 1.3;
}
/* Column subtitle */
.vs-col__subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #7C7C7C;
    margin:0 0 30px;
    line-height: 1.6;
}

/* "Best suited for…" label */
.vs-col__label {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #0741AD;
    margin: 0 0 20px;
    line-height: 1.4;
    position: relative;
}
.vs-col__label::after {
    content: "";
    max-width: 255px;
    background: #C4E1FF;
    height: 1px;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
}

/* Feature list */
.vs-col__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.vs-col__list li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #14212D;
    line-height: 1.4;
    margin-bottom: 0;
}

.vs-col__list li svg {
    flex-shrink: 0;
}

/* ---- Centre swap icon ---- */
.vs-section__swap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #DDE2E8;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-left: -22px;
}

/* ---- Responsive ---- */

/* =============================================
   Section 22 — Is Yeastar the Right Phone System for Your Business?
   Source: User screenshot
   ============================================= */

/* ---- Section wrapper ---- */
.yeastar-right-section {
    padding: 60px 20px;
    background: #ffffff;
}

.yeastar-right-section__container {
    max-width: 1170px;
    margin: 0 auto;
}

/* ---- Top row: heading (left) + description (right) ---- */
.yeastar-right-section__top {
    display: flex;
    gap: 36px;
    align-items:flex-end;
    margin-bottom: 52px;
}

.yeastar-right-section__top-left {
    flex: 0 0 50%;
    max-width: 50%;
}

.yeastar-right-section__top-left h2 {
    font-family: 'Merriweather', serif;
    font-size: 40px;
    font-weight: 600;
    color: #14212D;
    line-height: 1.25;
    margin: 0;
}
/* "Is Yeastar the Right" in blue */
.yeastar-right-section__top-left h2 span {
    color: #0741AD;
}

.yeastar-right-section__top-right {
    flex: 1;
    padding-top: 6px;
}

.yeastar-right-section__top-right p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

/* ---- Bottom row: image (left) + accordion (right) ---- */
.yeastar-right-section__bottom {
    display: flex;
    gap: 56px;
    align-items: stretch;
}

/* ---- Left: image area ---- */
.yeastar-right-section__image {
    flex: 0 0 48%;
    max-width: 50%;
}

.yeastar-right-section__image-inner {
    border-radius: 10px;
    overflow: hidden;
}

.yeastar-right-section__image-inner img {
    display: block;
    width: 100%;
    height: auto;
}

/* Chat bubble mock */
.yeastar-right-mock__chat {
    background: #ffffff;
    border-radius: 12px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 220px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.yeastar-right-mock__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f5a623, #f06292);
    flex-shrink: 0;
}

.yeastar-right-mock__bubble {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.yeastar-right-mock__bubble span {
    display: block;
    height: 8px;
    border-radius: 4px;
    background: #e8edf2;
}

.yeastar-right-mock__bubble span:first-child { width: 80%; }
.yeastar-right-mock__bubble span:last-child  { width: 55%; }

/* Incoming call mock */
.yeastar-right-mock__call {
    background: #ffffff;
    border-radius: 12px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 220px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.yeastar-right-mock__call-name {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #14212D;
}

.yeastar-right-mock__call-btns {
    display: flex;
    gap: 8px;
}

.yeastar-right-mock__call-btns span {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.btn-decline { background: #F44336; }
.btn-accept  { background: #4CAF50; }

/* ---- Right: accordion ---- */
.yeastar-right-section__accordion {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Individual accordion item */
.yeastar-acc-item {
    border-bottom: 1px solid #DDDDDD;
}

.yeastar-acc-item:first-child {
    border-top: 1px solid #DDDDDD;
}

/* Trigger button */
.yeastar-acc-item__trigger {
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 0;
    text-align: left;
}
button.yeastar-acc-item__trigger:hover,button.yeastar-acc-item__trigger:focus {
    background: transparent;
}
.yeastar-acc-item__title {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #7C7C7C;
    line-height: 1.45;
    transition: color 0.2s;
}
.yeastar-acc-item.yeastar-acc-item--active .yeastar-acc-item__trigger span {
    font-size: 24px;
}
/* Active state: title turns blue, bold */
.yeastar-acc-item--active .yeastar-acc-item__title {
    color: #0741AD;
    font-weight: 700;
    font-family: 'Merriweather';
}

/* Icon: filled dark blue circle when active, outline when inactive */
.yeastar-acc-item__icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #7C7C7C;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7C7C7C;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}
section.improve-section .container {
    max-width: 1270px;
}
.yeastar-acc-item--active .yeastar-acc-item__icon {
    background: #0741AD;
    border-color: #0741AD;
    color: #ffffff;
}

/* Answer body */
.yeastar-acc-item__body {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.35s ease;
}

.yeastar-acc-item--active .yeastar-acc-item__body {
    max-height: 300px;
}

.yeastar-acc-item__body p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #333333B2;
    line-height: 1.7;
    margin: 0;
    padding-bottom: 20px;
}
/* ---- Responsive ---- */

/* =============================================
   What Yeastar Can Improve in Your Business
   Source: Figma node 1-1248
   ============================================= */
.yeastar-improve-section {
    padding: 80px 20px;
    background-color: #ffffff;
    background-image: url(images/yeastar-improve-section-bg-3f9e8f.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.yeastar-improve-section__container {
    max-width: 1170px;
    margin: 0 auto;
}

.yeastar-improve-section__header {
    text-align: center;
    margin-bottom: 50px;
}

.yeastar-improve-section__header h2 {
    font-family: 'Merriweather', serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    color: #14212D;
    margin: 0;
}

.yeastar-improve-section__header h2 span {
    color: #0741AD;
}

.yeastar-improve-section__body {
    display: flex;
    align-items: center;
    gap: 54px;
}

.yeastar-improve-section__accordion {
    flex: 0 0 585px;
    max-width: 585px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.yeastar-improve-item {
    display: flex;
    flex-direction: column;
}

.yeastar-improve-item__trigger {
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 0;
    text-align: left;
    box-shadow: none !important;
}

button.yeastar-improve-item__trigger:hover,
button.yeastar-improve-item__trigger:focus {
    background: transparent;
}

.yeastar-improve-item__heading {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.yeastar-improve-item__check {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7px;
}

.yeastar-improve-item__check svg {
    display: block;
    width: 16px;
    height: 16px;
}

.yeastar-improve-item__title {
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.45;
    color: #7C7C7C;
    transition: color 0.2s ease, font-family 0.2s ease, font-size 0.2s ease;
}

.yeastar-improve-item--active .yeastar-improve-item__title {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.45;
    color: #14212D;
}

.yeastar-improve-item__toggle {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.yeastar-improve-item__toggle-icon {
    display: block;
    width: 24px;
    height: 24px;
}

.yeastar-improve-item__toggle-icon rect {
    stroke: transparent;
}

.yeastar-improve-item--active .yeastar-improve-item__toggle-icon rect {
    stroke: #3D4A59;
}

.yeastar-improve-item__toggle-plus {
    display: block;
}

.yeastar-improve-item__toggle-minus {
    display: none;
}

.yeastar-improve-item--active .yeastar-improve-item__toggle-plus {
    display: none;
}

.yeastar-improve-item--active .yeastar-improve-item__toggle-minus {
    display: block;
}

.yeastar-improve-item__body {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.35s ease;
}

.yeastar-improve-item--active .yeastar-improve-item__body {
    max-height: 200px;
}

.yeastar-improve-item__body p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #303C42;
    margin: 10px 0 0 26px;
    max-width: 445px;
}

.yeastar-improve-section__image {
    flex: 1;
    max-width: 540px;
}

.yeastar-improve-section__image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
}

/* =============================================
   Key Yeastar Features
   Source: Figma node 22-43
   ============================================= */
.yeastar-key-features-section {
    padding: 80px 20px;
    background: #ffffff;
}

.yeastar-key-features-section__container {
    max-width: 1170px;
    margin: 0 auto;
}

.yeastar-key-features-section__heading {
    font-family: 'Merriweather', serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    color: #14212D;
    text-align: center;
    margin: 0 0 50px;
}

.yeastar-key-features-section__heading span {
    color: #0741AD;
}

.yeastar-key-features-section__body {
    display: flex;
    gap: 99px;
    align-items: flex-start;
}

.yeastar-key-features-section__tabs {
    flex: 0 0 470px;
    max-width: 470px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.yeastar-key-features-section__tab {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: center;
    border-radius: 14px;
}

.yeastar-key-features-section__tab-inner {
    display: block;
    padding: 18px;
    border-radius: 10px;
    border: 1px solid rgba(7, 65, 173, 0.5);
    background: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.6);
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
button.yeastar-delivers-section__step:hover, button.yeastar-delivers-section__step:focus {
    background: transparent;
}
.yeastar-key-features-section__tab:hover .yeastar-key-features-section__tab-inner {
    border-color: rgba(7, 65, 173, 0.75);
    color: rgba(0, 0, 0, 0.8);
}

.yeastar-key-features-section__tab--active .yeastar-key-features-section__tab-inner {
    border: none;
    background: #0741AD;
    color: #ffffff !important;
}

.yeastar-key-features-section__chevron,
.yeastar-delivers-section__chevron {
    display: none;
    flex-shrink: 0;
}

.yeastar-key-features-section__panels {
    flex: 0 0 601px;
    max-width: 601px;
}

.yeastar-key-features-section__panel {
    display: none;
    flex-direction: column;
    gap: 10px;
}

.yeastar-key-features-section__panel--active {
    display: flex;
}

.yeastar-key-features-section__panel h3 {
    font-family: 'Merriweather', serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.35;
    color: #0741AD;
    margin: 0;
}

.yeastar-key-features-section__panel p {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #333333;
    margin: 0;
}

.yeastar-key-features-section__panel img {
    width: 100%;
    height: 314px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    margin-top: 15px;
}

/* =============================================
   How UcPath Delivers Yeastar Solutions
   Source: Figma node 1-1334
   ============================================= */
.yeastar-delivers-section {
    padding: 80px 20px;
    background: #ffffff;
}

.yeastar-delivers-section__container {
    max-width: 1170px;
    margin: 0 auto;
}

.yeastar-delivers-section__intro {
    display: flex;
    align-items: flex-end;
    gap: 28px;
    margin-bottom: 48px;
}
.yeastar-delivers-section__intro h2 {
    font-family: 'Merriweather', serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    color: #14212D;
    flex: 0 0 576px;
    max-width: 576px;
    margin: 0;
}

.yeastar-delivers-section__intro h2 span {
    color: #0741AD;
}

.yeastar-delivers-section__intro p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #14212D;
    flex: 1;
    max-width: 542px;
    margin: 0;
}

.yeastar-delivers-section__body {
    display: flex;
    gap: 48px;
    align-items: flex-start;
}

.yeastar-delivers-section__steps {
    flex: 0 0 375px;
    max-width: 375px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.yeastar-delivers-section__step {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.yeastar-delivers-section__step-dot {
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.15);
    transition: background 0.2s ease;
    display: none;
}

.yeastar-delivers-section__step-label {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.4);
    transition: color 0.2s ease, font-weight 0.2s ease, font-size 0.2s ease;
}

.yeastar-delivers-section__step--active .yeastar-delivers-section__step-dot {
    background: #0741AD;
    display: block;
}

.yeastar-delivers-section__step--active .yeastar-delivers-section__step-label {
    font-size: 18px;
    font-weight: 500;
    color: #0741AD;
}

.yeastar-delivers-section__cards {
    flex: 1;
    min-width: 0;
    width: 100%;
}

.yeastar-delivers-section__card {
    display: none;
    align-items: center;
    gap: 32px;
    width: 100%;
    max-width: 100%;
    min-height: 370px;
    padding: 32px;
    border-radius: 16px;
    background: linear-gradient(180deg, #EBF8FF 0%, #E5FFFC 100%);
    box-sizing: border-box;
}

.yeastar-delivers-section__card--active {
    display: flex;
}

.yeastar-delivers-section__card img {
    flex: 0 1 335px;
    width: 100%;
    max-width: 335px;
    min-width: 0;
    height: auto;
    aspect-ratio: 335 / 306;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.yeastar-delivers-section__card-content {
    flex: 1;
    min-width: 0;
    max-width: none;
}

.yeastar-delivers-section__card-content h3 {
    font-family: 'Merriweather', serif;
    font-size: 23px;
    font-weight: 500;
    line-height: 1.35;
    color: #0741AD;
    margin: 0 0 16px;
}

.yeastar-delivers-section__card-content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #101F3A;
    margin: 0 0 14px;
}

.yeastar-delivers-section__card-content p:last-child {
    margin-bottom: 0;
}

/* =============================================
   Professional Voiceovers for Yeastar Systems
   Source: Figma node 1-1367
   ============================================= */
.yeastar-voiceover-section {
    padding: 80px 20px;
    background: #ffffff;
}

.yeastar-voiceover-section__container {
    max-width: 1170px;
    margin: 0 auto;
}

.yeastar-voiceover-section__intro {
    display: flex;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 40px;
}

.yeastar-voiceover-section__intro h2 {
    flex: 0 0 545px;
    max-width: 545px;
    margin: 0;
}

.yeastar-voiceover-section__intro h2 span {
    color: #0741AD;
}

.yeastar-voiceover-section__intro p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #14212D;
    flex: 1;
    margin: 0;
}

.yeastar-voiceover-section__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.yeastar-voiceover-section__card {
    padding: 20px 20px 24px;
    border-radius: 10px;
    border: 1px solid #7C7C7C;
    background: #ffffff;
    min-height: 264px;
    cursor: default;
    transition: 0.4s;
    position: relative;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}
.yeastar-voiceover-section__card:hover, .yeastar-voiceover-section__card:focus   {
    /* background-color: #0741AD; */
    border-color: #0741AD;
    top: -15px;
}
.yeastar-voiceover-section__icon {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background: #303C42;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: background-color 0.25s ease;
}

.yeastar-voiceover-section__card:hover .yeastar-voiceover-section__icon,
.yeastar-voiceover-section__card:focus .yeastar-voiceover-section__icon{
    background: #0741AD;
}

.yeastar-voiceover-section__icon img {
    width: 32px;
    height: 32px;
    display: block;
    transition: filter 0.25s ease;
}

/* .yeastar-voiceover-section__card:hover .yeastar-voiceover-section__icon img,
.yeastar-voiceover-section__card--active .yeastar-voiceover-section__icon img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(100%) saturate(2500%) hue-rotate(210deg) brightness(0.85) contrast(1.05);
} */

.yeastar-voiceover-section__card h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    color: #14212D;
    margin: 0 0 12px;
    transition: color 0.25s ease;
}

.yeastar-voiceover-section__card p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    color: #14212D;
    margin: 0;
    transition: color 0.25s ease;
}

/* .yeastar-voiceover-section__card:hover h3,
.yeastar-voiceover-section__card--active h3 {
    color: #ffffff;
}

.yeastar-voiceover-section__card:hover p,
.yeastar-voiceover-section__card--active p {
    color: rgba(255, 255, 255, 0.85);
} */

/* ---- Responsive: Key Features, Delivers, Voiceovers ---- */

/* =============================================
   SHARED SECTION FOUNDATIONS
   Single source of truth for container width and
   H2 / lead-paragraph typography across the
   Business Phone Systems and Yeastar pages.
   ============================================= */

/* Container width is handled by the global .container class.
   1200px sections use .container directly in markup. */

/* ---- Common section heading (H2) ---- */
.what-section__top h2,
.why-section__header h2,
.improve-section__header h2,
.features-section__header h2,
.platforms-section__header h2,
.pricing-section__intro h2,
.compare-section__intro h2,
.installation-section__heading,
.voiceover-section__intro h2,
.recommend-section__intro h2,
.process-section__header h2,
.trusted-section__intro h2,
.industries-section__header h2,
.yeastar-section__heading,
.yeastar-what-section__header h2,
.yeastar-diff-section__header h2,
.faq-section__header h2,
.vs-section__heading,
.yeastar-right-section__top-left h2,
.yeastar-key-features-section__heading,
.yeastar-delivers-section__intro h2,
.yeastar-voiceover-section__intro h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.25;
    color: #14212D;
}

/* Blue accent inside headings */
.what-section__top h2 span,
.why-section__header h2 span,
.improve-section__header h2 span,
.features-section__header h2 span,
.platforms-section__header h2 span,
.pricing-section__intro h2 span,
.compare-section__intro h2 span,
.voiceover-section__intro h2 span,
.recommend-section__intro h2 span,
.process-section__header h2 span,
.trusted-section__intro h2 span,
.yeastar-section__heading span,
.yeastar-what-section__header h2 span,
.yeastar-diff-section__heading-blue,
.faq-section__heading-blue,
.vs-section__heading span,
.yeastar-right-section__top-left h2 span,
.yeastar-key-features-section__heading span,
.yeastar-delivers-section__intro h2 span,
.yeastar-voiceover-section__intro h2 span,.yeastar-diff-section__header  h2 span {
    color: #0741AD;
}

/* Industries heading sits on a blue background */
.industries-section__header h2 {
    color: #ffffff;
}

/* ---- Common lead paragraph ---- */
.what-section__top p,
.why-section__header p,
.improve-section__header p,
.pricing-section__intro-text p,
.compare-section__intro-text p,
.voiceover-section__intro p,
.recommend-section__intro p,
.process-section__header p,
.trusted-section__intro p,
.testimonials-section__left p,
.yeastar-what-section__header p,
.yeastar-diff-section__header p,
.yeastar-delivers-section__intro p,
.yeastar-voiceover-section__intro p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
}

/* Responsive rules for these pages now live in responsive.css */