/*!
Theme Name: pm_stemious
Theme URI: http://underscores.me/
Author: PugMarker Solutions Pvt Ltd.
Author URI: https://pugmarker.com/
Description: Reusable starter theme
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: pm_stemious
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.

pm_stemious 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%;
    scroll-behavior: smooth;
}

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

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

:root {
    --pm-color-primary: #670ffa;
    --pm-color-accent: #ffe035;
}

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    font: normal normal normal 16px/22px Source Sans Pro;
    color: #3B3B3B;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: 'Poppins', sans-serif;
}

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: var(--pm-color-primary)
}

a:visited {
    color: var(--pm-color-primary)
}

a:hover,
a:focus,
a:active {
    color: var(--pm-color-accent)
}

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;
    display: block;
    background: var(--pm-color-primary)0% 0% no-repeat padding-box;
    border-top: solid 2px var(--pm-color-accent);
}

.main-navigation li {
    position: relative;
}

.main-navigation .sub-menu li {
    padding: 7px 10px 10px;
}

.main-navigation .sub-menu li a {
    color: #fff;
}

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

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}
@media screen and (min-width: 1024px) {
    .menu-toggle {
        display: none;
    }

}

@media screen and (min-width: 768px) {

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

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

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

/* common */

h1 {
    font: normal normal 600 36px/50px Poppins;
    color: #000;
}

h2 {
    font: normal normal bold 28px/36px Poppins;
    color: #000;
}

h3 {
    font: normal normal bold 24px/35px Poppins;
    color: #000;
}

.client-slider-controls {
    display: inline-block;
    position: relative;
    padding: 0 70px;
    max-width: 100vw;
}

.cust-slider.cust-slider-controls {
    display: flex;
    justify-content: center;
}

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    list-style-type: none;
    position: relative;
    bottom: -10px;
}

.slick-dots li {
    margin: 0 0.45rem;
}

.slick-dots li.slick-active {
    width: 50px;
}

.slick-dots li.slick-active button {
    width: 50px;
    opacity: 1;
    background-color: #64E0FF;
}

.slick-dots li button {
    display: block;
    padding: 0;
    border: none;
    background-color: #D3D3D3;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    opacity: 0.5;
    margin: 0 5px;
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
}

.slick-prev {
    left: 0px;
    transform: rotate(45deg);
    border-bottom: 4px solid var(--pm-color-primary);
    border-left: 4px solid var(--pm-color-primary);
    z-index: 1;
}

.slick-prev:hover,
.slick-prev:focus {
    border-color: var(--pm-color-primary) var(--pm-color-primary) var(--pm-color-primary);
}

.slick-next {
    transform: rotate(45deg);
    border-right: 4px solid var(--pm-color-primary);
    border-top: 4px solid var(--pm-color-primary);
    right: 0px;
    z-index: 1;
}

.slick-next:hover,
.slick-next:focus {
    border-color: var(--pm-color-primary) var(--pm-color-primary) var(--pm-color-primary);
}

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

.faq2 {
    padding-top: 104px;
    padding-bottom: 130px;
    background: #F5F5F5;
}

.faq2 h2 {
    margin-bottom: 30px;
    text-align: left;
    font: normal normal 800 40px / 52px Poppins;
    letter-spacing: 0px;
    color: #010046;
    text-transform: capitalize;
}

#accordion h5 button {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#accordion h5 button.collapsed .open-icon {
    display: none;
}

#accordion h5 button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: normal normal 800 20px/30px Poppins;
    letter-spacing: 0px;
    color: #010046;
    text-transform: capitalize;
    padding: 0px;
    text-decoration-line: none;
    background: none;
    border: none;
    padding-bottom: 17px;
    padding-top: 28px;
}

.faq2 .card-body {
    padding: 0px;
    padding-bottom: 32px;
    font: normal normal normal 18px / 30px Source Sans Pro;
    letter-spacing: 0.01px;
    color: #010046;

}

.faq2 .card-header {
    border: none;
    background: none;
}

.faq2 .card {
    border: none;
    background: none;

}

.faq2 .card:not(:last-child) {
    border-bottom: 2px solid #0000003b;
}

#accordion h5 button.collapsed .open-icon {
    display: none;
}

#accordion h5 button:not(.collapsed) .close-icon {
    display: none;
}

#accordion .card-header {
    padding: 0px;
}

#accordion h5 button:active,
#accordion h5 button:focus,
#accordion h5 button:hover {
    border: none;
    outline: none;
    box-shadow: none;
    transition: unset;
}

.footer-row:not(:first-child) {
    padding-top: 41px;
}

.footer-row h4 {
    font: normal normal bold 18px / 27px Poppins;
    color: #010046;
    margin-bottom: 14px;
}

.footer-row a,
.footer-row a:visited {
    font: normal normal normal 18px / 30px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
    text-decoration-line: none;
}

.footer-row .footer-menu-link a,
.footer-row .footer-menu-link a:visited {
    font: normal normal normal 16px / 36px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
    text-decoration-line: none;
}

.footer-row p {
    font: normal normal normal 18px / 30px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 0px;
}

p.copyright-text {
    font: normal normal normal 18px / 30px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

@media screen and (max-width: 992px) {
    h1 {
        font: normal normal 600 28px/38px Poppins;
    }

    h2 {
        font: normal normal bold 24px/35px Poppins;
    }

    h3 {
        font: normal normal bold 20px/30px Poppins;
    }
}

/* header start */

header#masthead {
    width: 100%;
    background: transparent;
    z-index: 999;
    box-shadow: none;
    position: fixed;
    top: auto;
}

body:not(.page-template-home) header#masthead {
    /* background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 20px #bfbfbf; */
}

header#masthead.active {
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
}

.admin-bar #masthead.active {
    top: var(--wp-admin--admin-bar--height);
}

.site-branding .custom-logo-link img {
    padding: 16px 0;
    transition: all .7s ease;
    max-height: 125px;
    width: auto;
}

header#masthead.active .site-branding .custom-logo-link img {
    max-height: 100px;
}

.nav-close {
    display: none;
}

.header-icons {
    display: flex;
    align-items: center;
}

.main-navigation .header-icons a {
    color: var(--pm-color-primary);
    display: none;
}

.main-navigation .header-icons a svg {
    width: 28px;
    height: 28px;
}

nav#site-navigation {
    display: flex;
    align-items: center;
}

.main-navigation ul {
    justify-content: start;
}

.main-navigation li {
    transition: all .7s ease;
    padding: 10px;
}

.main-navigation a {
    text-align: center;
    font: normal normal normal 14px / 36px Source Sans Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
    line-height: 30px;
}

header#masthead.active .main-navigation a {
    color: #000000;
}

.main-navigation li:hover>a::after,
.main-navigation li.current-menu-parent>a::after,
.main-navigation li.current-menu-item>a::after {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0%;
    top: 0px;
    background: var(--pm-color-accent);
}

.main-navigation .sub-menu li:hover>a {
    color: var(--pm-color-accent);
}

.main-navigation .sub-menu li>a::after {
    display: none;
}

.main-navigation li.current-menu-item.current_page_item>a {
    color: #fff;
}

.site-header.active .main-navigation li.current-menu-item.current_page_item>a {
    color: var(--pm-color-primary);
}

.main-navigation .sub-menu li.current-menu-item.current_page_item>a {
    color: var(--pm-color-accent);
}

.main-navigation li.menu-item-has-children>a::before {
    content: ' \25BE';
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 0;
    font-family: sans-serif;
}

.main-navigation li.menu-item-has-children:hover>a::before,
.main-navigation li.menu-item-has-children.focus>a::before {
    transform: rotate(180deg);
    color: var(--pm-color-accent);
}

body:not(.page-template-home) #masthead .after-scroll {
    display: none;
}

body.page-template-home #masthead .before-scroll {
    display: none;
}

body.page-template-home #masthead.active .before-scroll {
    display: block;
}

body.page-template-home #masthead.active .after-scroll {
    display: none;
}

header#masthead .header-cta {
    letter-spacing: 0px;
    position: relative;
    margin-left: 1rem;
    background-image: linear-gradient(to right, #FF391F, #FFC400);
    min-width: 270px;
    padding: 12px 24px;
    font: normal normal bold 17px / 22px Poppins;
    color: #fff !important;
    border-radius: 4px;
    justify-content: space-between;
    display: flex !important;
    align-items: center;
}

.page-template-download header#masthead .header-cta {
    display: inline-block;
}

header#masthead.active .header-cta {
    display: inline-block;
}

header#masthead.active .header-cta:hover,
header#masthead.active .header-cta:visited,
header#masthead.active .header-cta:focus {
    color: #000000;
    outline: 0;
}

.site-branding a svg {
    /* max-width: 200px;
    height: 100px; */
    margin-top: 7px;
}
.site-branding a.menu-toggle svg{
    margin-top: 0px;
    
}

/* search start */

.pm-searchbar {
    position: absolute;
    width: 0%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    transition: 0.3s ease;
    right: 0;
    top: 0;
    opacity: 0;
}

.search_open .pm-searchbar {
    opacity: 1;
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.pm-searchbar .search-form {
    width: calc(100% - 60px);
    display: flex;
}

.pm-searchbar .search-form .search-field {
    height: 40px;
    width: 100%;
    background-color: transparent;
    color: #000;
    border: 0;
    border-bottom: 4px solid #000;
    border-radius: 0;
    outline: none;
}

.pm-searchbar .search-form label {
    margin: 0;
    width: calc(100% - 50px);
}

.pm-searchbar input.search-field::-webkit-input-placeholder,
.pm-searchbar input.search-field::placeholder {
    color: #000;
}

.pm-searchbar .search-submit {
    display: none;
}

.search_open .pm-searchbar .search-submit {
    display: block;
    height: 48px;
    width: 48px;
    padding: 0;
    background-color: var(--pm-color-primary);
    border-radius: 50%;
    border: solid 2px var(--pm-color-accent);
    background-image: url(assets/img/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}

.pm-searchbar .search-close {
    height: 48px;
    width: 48px;
    padding: 0;
    background-color: var(--pm-color-primary);
    border-radius: 50%;
    border: solid 2px var(--pm-color-accent);
    position: relative;
    bottom: 0;
    right: 0;
    outline: 0;
    font-size: 30px;
    color: #fff;
    margin-left: 15px;
}

/* search end */

/* sub-header start */
.sub-header {
    color: #fff;
    background-color: var(--pm-color-primary);
    padding: 10px 0;
}

.active .sub-header {
    display: none;
}

/* sub-header end */

/* footer Start  */
.site-footer {
    width: 100%;
    /* padding-top: 30px; */
    position: relative;
    background: #E8E8E8;
    color: #fff;
    /* margin-top: 60px; */
}

.footer-heading {
    font: normal normal 600 18px/28px Poppins;
    color: #fff;
}

.footer-menu-content .footer-heading {
    margin-bottom: 18px;
}

.footer-big-links .footer-heading {
    margin-bottom: 14px;
}

.contact-details .footer-heading {
    margin-bottom: 10px;
}

.footer-big-links-holder {
    margin-bottom: 50px;
}

.footer-menu-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu-content.footer-big-links ul {
    display: flex;
    flex-wrap: wrap;
}

.footer-menu-content.footer-big-links ul li {
    padding: 0 16px;
    line-height: 21px;
}

.footer-menu-content.footer-big-links ul li:first-of-type {
    padding: 0 16px 0 0;
}

.footer-menu-content li {
    font: normal normal normal 18px/24px Source Sans Pro;
    color: #fff;
}

.footer-menu-content a {
    color: #fff;
}

.contact-details a {
    font: normal normal normal 15px/26px Source Sans Pro;
    color: #fff;
    display: block;
    margin-bottom: 14px;
}

.site-info {
    padding-top: 48px;
    padding-bottom: 45px;
    /* margin-top: 25px; */
    /* text-align: center; */
    font: normal normal normal 18px/25px Source Sans Pro;
    color: #fff;
    background-color: #E8E8E8;
    border-top: solid 1px #fff5;
}

.top-icon {
    position: absolute;
    max-width: 60px;
    top: -60px;
    right: 0px;
    z-index: 99;
}

.footer-social a {
    margin-right: 25px;
}

.footer-social a:hover {
    color: var(--pm-color-accent);
}

.footer-menu-content {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
    justify-content: end;
}

ul.footer-menu-link,
ul.footer-menu-social-link {
    margin-left: 0px;
    list-style: none;
    display: flex;
    justify-content: space-around;
    margin-bottom: 0px;
    width: 100%;
    padding-left: 0px;
}

.footer-row {
    padding-bottom: 30px;
    border-bottom: 8px solid #F5F5F5;
}

/* footer end*/

@media screen and (max-width: 767px) {

    

    body.page-template-home .site-footer {
        padding-bottom: 80px
    }

    .footer-menu-content {
        /* display: none; */
        text-align: center;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid;
    }

    .footer-menu-content li {
        margin-bottom: 20px;
    }

    .footer-menu-content ul {
        margin-bottom: 1rem;
    }

    .footer-big-links-holder {
        margin-bottom: 0;
    }

    .footer-menu-content.footer-big-links ul {
        display: block;
        margin-bottom: 20px;
    }

    .footer-menu-content.footer-big-links ul li,
    .footer-menu-content.footer-big-links ul li:first-of-type {
        padding: 0;
        line-height: 40px;
    }

    .footer-social {
        margin-bottom: 20px;
    }

    .footer-links .footer-heading {
        font: normal normal 500 18px/30px Poppins;
        border-top: solid 1px;
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .footer-links .footer-heading::after {
        content: "+";
        font-size: 40px;
        line-height: 1;
        position: absolute;
        right: 16px;
        top: 12px;
        font-weight: 400;
        color: #fff;
    }

    .footer-links.open .footer-heading::after {
        content: "-";
        font-size: 40px;
    }

    .top-icon {
        right: 1rem;
        top: -65px;
    }

    .top-icon img {
        max-width: 58px;
    }

    .site-info {
        /* margin-top: 5px; */
        padding: 15px 0 20px;
        font: normal normal normal 15px/32px Source Sans Pro;
        text-align: center;
    }

    .site-footer::before {
        height: 40px;
        top: -39px;
    }

}

/* header end */

/* breadcrumbs start*/

.pm-breadcrumb {
    margin: 25px 0 0px;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    font-size: .875em;
    text-transform: capitalize;
    font: normal normal normal 16px/28px Source Sans Pro;
    z-index: 2;
    position: relative;
}

.pm-breadcrumb li a:after {
    display: inline-block;
    content: "";
    height: 7px;
    width: 7px;
    transform: rotate(-45deg);
    bottom: 0;
    margin: 0 10px;
    border: none;
    border-right: 2px solid;
    border-bottom: 2px solid;
    color: #000;
}

h1.head_title {
    color: #000;
    font: normal normal normal 36px/50px Poppins;
}

@media screen and (max-width: 992px) {
    h1.head_title {
        font: normal normal normal 28px/38px Poppins;
    }
}

/* breadcrumbs end*/

/* Blog start */
.archive-blog {
    margin-bottom: 35px;
    padding-bottom: 5px;
}

.blog-title {
    font: normal normal 600 18px/28px Poppins;
    color: #000;
    margin: 16px 0 5px;
}

.blog-title a {
    color: #000;
}

.blog-title a:hover {
    color: var(--pm-color-accent);
    text-decoration-thickness: 2px;
}

.blog-category a {
    font: normal normal 600 16px/26px Source Sans Pro;
    margin-bottom: 10px;
    display: inline-block;
}

.blog-decription {
    font: normal normal normal 15px/26px Source Sans Pro;

    color: #3B3B3B;
    margin-bottom: 16px;
}

.short-desc {
    margin: 10px 0;
}

.categories-main {
    background: #fff;
    box-shadow: 0px 3px 10px #0003;
    padding: 20px;
    margin-bottom: 30px;
    position: relative;
}

.categories-main h3 {
    font: normal normal bold 20px/30px Poppins;

    color: #000;
}

.categories ul {
    margin: 0 0 0 1rem;
    padding: 0;
}

.categories li.cat-item-all,
.categories li.cat-item {
    margin-bottom: 20px;
}

.categories li::marker {
    color: #CDD4E3;
    font-size: 20px;
}

.categories li.cat-item.current-cat::marker {
    color: var(--pm-color-accent);
}

.categories-main ul li a {
    color: #000;
    font: normal normal normal 16px/25px Source Sans Pro;

}

/* pagination */

.pagination {
    margin: 40px 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination .page-numbers.current {
    color: #fff;
    background: var(--pm-color-primary);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    padding: 3px;
    text-align: center;
}

.pagination .page-numbers {
    height: 24px;
    width: 24px;
    margin-right: 24px;
    display: inline-block;
    text-align: center;
    color: #000;
}

.pagination .prev {
    display: block;
    height: 14px;
    width: 14px;
    text-indent: -9999999%;
    position: relative;
}

.pagination .prev::before {
    content: "";
    border-left: 3px solid var(--pm-color-primary);
    border-top: 3px solid var(--pm-color-primary);
    transform: rotate(-45deg);
    top: 0px;
    left: 0;
    height: 15px;
    width: 15px;
    position: absolute;
}

.pagination .next {
    display: block;
    height: 14px;
    width: 14px;
    text-indent: -9999999%;
    position: relative;
}

.pagination .next::before {
    content: "";
    border-right: 3px solid var(--pm-color-primary);
    border-bottom: 3px solid var(--pm-color-primary);
    transform: rotate(-45deg);
    top: 0px;
    left: 0;
    height: 15px;
    width: 15px;
    position: absolute;
}

/* single Blog start */

.single_blog .entry-meta,
.single_blog .entry-footer {
    display: none;
}

.single_blog .entry-content {
    color: #000;
    font: normal normal normal 16px/25px Source Sans Pro;
}

.single_blog .post-thumbnail img {
    width: 100%;
}

.blog-category a,
.blog-author-category a {
    font: normal normal 600 16px/26px Source Sans Pro;
    margin-bottom: 0;
}

.blog-author-category svg {
    vertical-align: middle;
    margin-right: 8px;
}

/* Blog end */


/* 404 page Start */
.error-404 form.search-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 3px 10px #4e4c4c29;
    border-radius: 10px;
    padding: 30px 35px;
    font: normal normal normal 16px/24px Source Sans Pro;
}

.error-404 form.search-form label,
.error-404 form.search-form input.search-field {
    width: 100%;
    padding: 13px;
    outline: none;
}

.error-404 form.search-form .search-submit {
    text-align: center;
    font: normal normal 600 17px/26px Poppins;
    color: #000;
    background: var(--pm-color-accent);
    border-radius: 26px;
    padding: 10px 40px;
    border: 0;
}

@media screen and (max-width: 767px) {
    .error-404 form.search-form {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        padding: 30px 0px;
    }
}

/* 404 page End */


/* Contact Us Start */
.contact-form-field input,
.contact-form-field textarea,
.contact-form-field select {
    font: normal normal normal 18px/25px Source Sans Pro;
    letter-spacing: 0px;
    color: #5c5e61;
    padding: 10px;
    border-radius: 12px;
    min-height: 50px;
}

.contact-form-field ::-webkit-input-placeholder {
    white-space: pre-line;
    position: relative;
    color: #5c5e61;
}

.contact-form-field ::-moz-placeholder {
    /* Firefox 19+ */
    white-space: pre-line;
    position: relative;
    color: #5c5e61;
}

.contact-form-field :-ms-input-placeholder {
    /* IE 10+ */
    white-space: pre-line;
    position: relative;
    color: #5c5e61;
}

.contact-form-field :-moz-placeholder {
    /* Firefox 18- */
    white-space: pre-line;
    position: relative;
    color: #5c5e61;
}

.pm-contact-form .gform_footer input {
    background-image: linear-gradient(to right, #FF391F, #FFC400);
    font: normal normal 500 15px/25px Poppins !important;
    letter-spacing: 0px;
    color: #000;
    border: 0;
    padding: 15px;
    min-width: 150px;
    border-radius: 0;
    min-height: auto !important;
}

.get_touch h4 {
    font: normal normal bold 24px/35px Poppins;
    letter-spacing: 0px;
    color: #000;
}

.pm-contact-details a {
    font: normal normal normal 16px/26px Source Sans Pro;
    color: #000;
    display: block;
    margin-bottom: 14px;
}

.contact-social-icons a {
    display: flex;
    height: 48px;
    width: 48px;
    justify-content: center;
    align-items: center;
    background-color: var(--pm-color-primary);
    border-radius: 50%;
    margin: 0 15px;
}

.contact-social-icons a svg {
    width: 25px;
    height: 25px
}

.contact-social-icons a svg path {
    stroke: #fff;
}

/* Contact Us End */


/* Home Page */
.home-banner {
    background: url(assets/img/home-banner-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding-top: 218px;
    background-position: bottom;
}

.home-h1 {
    text-align: center;
    font: normal normal 800 44px / 58px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 18px;
}

h2.banner-h2 {
    text-align: center;
    font: normal normal bold 36px / 56px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 28px;
}

h2.banner-h2 span.ticker-text {
    color: #65E1FF;
}

.home-phara {
    font: normal normal normal 24px/36px Source Sans Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    max-width: 70%;
    margin: auto;
    margin-bottom: 33px;
}

.home-video-section {
    /* padding: 56.25% 0 0 0; */
    position: relative;
    bottom: -50px;
}

.home-video-section video {
    width: 100%;
    height: auto;
}

.home-video-section iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pm-cta {
    min-width: 270px;
    padding: 12px 24px;
    font: normal normal bold 17px / 22px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-align: center;
    border: 0;
    background-image: linear-gradient(to right, #FF391F, #FFC400);
    justify-content: space-between;
    display: flex;
    align-items: center;
    width: 270px;
    margin: auto;
    border-radius: 4px;
}

.pm-cta:hover,
.pm-cta:focus,
.pm-cta:visited {
    color: #FFFFFF;
    outline: none;
    text-decoration-line: none;
}

.secondary-cta {
    border-radius: 10px;
    min-width: 150px;
    padding: 8px 12px;
    font: normal normal 500 16px/30px Poppins;
    letter-spacing: 0px;
    color: #000;
    display: inline-block;
    text-align: center;
    border: 2.5px solid #FFDD33;
}

.secondary-cta:hover,
.secondary-cta:visited,
.secondary-cta:focus {
    color: #000;
    outline: 0;
}

section.what-ai {
    padding-top: 92px;
    background: #EFEFEF;
    padding-bottom: 72px;
}

.crediblity-section span.number {
    font: normal normal 900 195px/150px Source Sans Pro;
    letter-spacing: 0px;
    color: #D1D1D1;
    display: block;
    text-align: center;
}

.crediblity-section h3 {
    text-align: center;
    font: normal normal bold 36px/56px Poppins;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 18px;
}

.crediblity-section hr {
    height: 12px;
    margin-bottom: 18px;
}

.crediblity-section h4 {
    text-align: center;
    font: normal normal bold 20px/30px Poppins;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 18px;
}

.crediblity-section p {
    text-align: center;
    font: normal normal normal 20px/32px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 20px;
}
.ai-description p.befor {
    text-align: center;
    font: normal normal normal 24px/36px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 6px;
}

.ai-description h2 {
    text-align: center;
    font: normal normal bold 30px/40px Poppins;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 16px;
}

.ai-description p.after {
    text-align: center;
    font: normal normal normal 24px/36px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
}

.ai-description p.after strong {
    font: normal normal bold 24px/36px Source Sans Pro;
}
.ai-image {
    margin-top: 20px;
}

.how-we-are {
    padding-top: 100px;
    margin-bottom: 60px;
}

.how-we-are p.before {
    text-align: center;
    font: normal normal normal 24px/36px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 2px;
}

.how-we-are h2 {
    text-align: center;
    font: normal normal bold 30px/40px Poppins;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 18px;
}

.how-we-are p.after {
    text-align: center;
    font: normal normal normal 24px/36px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 65px;
}
.how-we-are-list {
    margin-bottom: 30px;
}

.how-we-are-list .col-md-6 {
    padding: 0px;
    margin-bottom: 10px;
}

.how-we-are-list .col-md-6:nth-child(odd) .how-we-are-item {
    margin-right: 6px;
}

.how-we-are-list .col-md-6:nth-child(even) .how-we-are-item {
    margin-left: 2px;
}

.how-we-are-item h3 {
    margin-bottom: 2px;
    text-align: left;
    font: normal normal bold 36px/40px Poppins;
    letter-spacing: 0px;
    color: #010046;
    width: 100%;
}

.how-we-are-item h4 {
    font: normal normal bold 20px/24px Poppins;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 20px;
    width: 100%;
    text-align: left;
}

.how-we-are-item a.view-more,
.how-we-are-item a.view-more:hover {
    font: normal normal normal 20px/32px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 20px;
    width: 100%;
    text-align: left;
}
.how-we-are-item .svg-crediblitis{
    width: 100%;
    text-align: left;
}

.how-we-are-item .svg-crediblitis svg {
    margin-right: 13px;
}

.how-we-are-item .image-holder {
    display: flex;
    margin-bottom: 5px;
    width: 100%;
}

.how-we-are-item .empty-line {
    border-bottom: 3px solid #64E0FF;
    flex-grow: 1;
    margin-left: 5px;
}

.flip-box-front {
    background: #EFEFEF;
    border-radius: 18px;
    padding: 60px;
}
.flip-box-back {
    background: #64E0FF;
    border-radius: 18px;
    padding: 60px;
}
.flip-box-back h3 {
    font: normal normal bold 24px / 48px Poppins;
    border-bottom: 3px solid #FFFFFF;
    padding-bottom: 18px;
}
.flip-box-back h4 {
    margin-top: 18px;
    margin-bottom: 2px;
    font: normal normal 800 20px / 32px Poppins;
    letter-spacing: 0px;
    color: #322F8E;
}
.flip-box-back p {
    margin-bottom: 0px;
    width: 100%;
    text-align: left;
    font: normal normal normal 20px/32px Source Sans Pro;
letter-spacing: 0px;
color: #010046;
}


@media only screen and (min-width: 1024px) {
/* Flip Box General Styling */
.how-we-are-item {
    position: relative;
    perspective: 1000px;
    margin-bottom: 30px; /* Add some margin to prevent overlap */
}

.flip-box-inner {
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    position: relative;
    min-height: 400px; /* Ensure a minimum height for both sides */
}

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

/* Front and Back Faces */
.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 76px;
    padding-right: 76px;
}

.flip-box-front {
    /* background-color: #fff;
    color: #000; */
}

.flip-box-back {
    
    transform: rotateY(180deg);
}

/* Ensure the container takes the full height */
.flip-box {
    height: 100%;
    position: relative;
    width: 100%;
}

.how-we-are-list .col-md-6 {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.flip-box-inner {
    flex-grow: 1; /* Ensure the inner box grows with the content */
}
}

@media only screen and (max-width: 1023px) {
    .flip-box-front{
        border-radius: 18px 18px 0px 0px;
        padding: 26px;
    padding-bottom: 0px;
    }
    .flip-box-back {
        
        border-radius: 0px 0px 18px 18px;
        background: #EFEFEF;
        padding: 26px;
        
    }
    .flip-box-back h3{
        display: none;
    }
    .flip-box-back h4:first-of-type {
        border-top: 3px solid #fff !important;
        padding-top: 18px;
    }
    .how-we-are-item {
        padding: 0px;
    }
    .how-we-are-item a.view-more{
        display: none;
    }
}




section.faq {
    background: #F5F5F5;
    padding-top: 125px;
    padding-bottom: 125px;
}

section.faq p.before {
    text-align: center;
    font: normal normal normal 24px/36px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 2px;
}

section.faq h2 {
    text-align: center;
    font: normal normal bold 30px/40px Poppins;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 38px;
}

.faq .nav-tabs {
    flex-direction: column;
    background: #EDEDED;
    border-radius: 12px;
    margin-left: 0px;
}

.faq .tab-content {
    background: #fff;
    padding: 45px;
    box-shadow: 0px 8px 12px #00000029;
    border-radius: 12px;
}

.faq .tab-content h3 {
    text-align: left;
    font: normal normal bold 20px / 30px Poppins;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 6px;
}

.faq .tab-content p {
    text-align: left;
    font: normal normal normal 16px / 24px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 30px;
}

.faq .nav-tabs .nav-link {
    font: normal normal bold 18px / 26px Poppins;
    letter-spacing: 0px;
    color: #A29E9D;
    padding: 15px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq .nav-tabs .nav-link .active-svg {
    display: none;
}

.faq .nav-tabs .nav-link.active .inactive-svg {
    display: none;
}

.faq .nav-tabs .nav-link.active .active-svg {
    display: inline-block;
}

.faq .nav-tabs .nav-link.active {
    background: #64E0FF;
    font: normal normal bold 20px / 26px Poppins;
    letter-spacing: 0px;
    color: #010046;
    border: none;
    border-radius: 12px;
}

section.glimpus {
    padding-top: 115px;
    padding-bottom: 115px;
}


.slider-arrow-holder {
    justify-content: center;
    display: flex;
    margin: 5px;
}

.slider-arrow-holder button {
    padding: 0px;
    background: none;
    border: none;
    font: normal normal bold 30px / 30px Poppins;
}

.empower-section {
    padding: 117px;
    background: #64E0FF;
    padding-bottom: 95px;
}

.empower-section h2 {
    text-align: left;
    font: normal normal 800 64px/64px Poppins;
    letter-spacing: 0px;
    color: #010046;
}

.about-section {
    background: #010046;
    padding: 117px;
    padding-bottom: 95px;
}

.about-section h2 {
    text-align: left;
    font: normal normal 800 64px/60px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 19px;
    align-items: start;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.about-section p {
    text-align: left;
    font: normal normal normal 20px/30px Source Sans Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 35px;
    align-items: start;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.testimonials {
    padding-top: 114px;
    padding-bottom: 100px;
}

.testimonials p.before {
    text-align: center;
    font: normal normal normal 24px/36px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 2px;
}

.testimonials h2 {
    text-align: center;
    font: normal normal bold 30px/40px Poppins;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 45px;
}

.testimonial-slide {
    background: #EFEFEF;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    padding: 67px 37px 44px;
    height: auto;
    display: flex !important;
    flex-flow: column;
    justify-content: space-between;
}

.testimonial-slide svg {
    margin-top: -90px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 99;
}

.testimonials .slick-list {
    padding-top: 50px;
}

.testimonial-slide p {
    font: normal normal normal 20px / 30px Source Sans Pro;
    text-align: center;
    color: #010046;
}

.testimonial-slide h3 {
    font: normal normal bold 18px / 27px Poppins;
    color: #010046;
    text-align: center;
    margin-bottom: 4px;
}

.testimonial-slide h4 {
    color: #010046;
    text-align: center;
    font: normal normal normal 16px / 20px Source Sans Pro;
}

.testimonials .slick-track {
    display: flex;
}

.testimonials ul.slick-dots {
    margin-top: 35px;
}

.glimpus p.before {
    text-align: center;
    font: normal normal normal 24px/36px Source Sans Pro;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 2px;
}

.glimpus h2 {
    text-align: center;
    font: normal normal bold 30px/40px Poppins;
    letter-spacing: 0px;
    color: #010046;
    margin-bottom: 37px;
}

@media screen and (max-width: 1024px) {
    button.menu-opner.menu-toggle {
        padding: 0px;
        border: none;
        position: absolute;
        top: 0px;
        right: 0px;
    }
    nav#site-navigation {
        justify-content: end;
        display: none;
    }
    .pm-menu-btn {
        line-height: 0px;
        padding: 0px;
        /* width: 40px; */
        border: 0;
        background-color: transparent;
        border-radius: 5px;
        outline: none !important;
        display: block;
        text-align: center;
        height: 68px;
        color: #fff;
        margin-left: 15px;
        position: absolute;
        right: 0px;
    }

    .pm-menu-btn img {
        height: 100%;
    }

    /* .active .pm-menu-btn {
        color: var(--pm-color-primary);
        display: none;
    } */

    .pm-menu-btn span {
        display: inline-block;
        height: 3px;
        width: 100%;
        background-color: var(--pm-color-primary);
        margin: 4px 0;
    }

    .active .pm-menu-btn span {
        background-color: var(--pm-color-primary);
    }

    .site-branding .custom-logo-link {
        background: #fff;
        padding: 10px;
    }

    .site-branding .custom-logo-link img {
        padding: 0;
        max-height: 100px;
    }

    nav#site-navigation.pm-nav.toggled {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        /* background: var(--pm-color-primary); */
        background: url(/wp-content/uploads/2024/09/Mask-Group-5@2x-1.png);
        height: 100vh;
        z-index: 999;
        display: block;
        padding-bottom: 100px;
        overflow-y: scroll;
    }

    .admin-bar nav#site-navigation.pm-nav.toggled {
        top: var(--wp-admin--admin-bar--height);
    }

    .pm-nav.toggled .nav-close {
        display: flex;
        justify-content: space-between;
        padding: 0px 20px 0;
        align-items: center;
        background: #FFFFFF;
    }

    .pm-nav.toggled .header-icons {
        display: none;
    }

    .nav-close-btn {
        /* width: 40px;
        border-radius: 50%;
        border: 0;
        outline: 0;
        background-color: var(--pm-color-accent);
        font-size: 40px;
        padding: 0;
        height: 40px;
        color: var(--pm-color-primary); */
        padding: 0px;
        border: none;
    }

    .menu_name {
        color: #fff;
        margin: 0;
        font: normal normal normal 22px/40px Poppins;
        text-transform: uppercase;
    }

    .main-navigation ul a {
        
        display: inline-block;
        font: normal normal bold 18px / 54px Poppins;
        letter-spacing: 0px;
        color: #FFFFFF !important;
    }

    .main-navigation li.current-menu-item.current_page_item a {
        color: var(--pm-color-accent);
    }

    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focus>ul {
        background: var(--pm-color-primary);
    }

    .main-navigation li.menu-item-has-children>a::before {
        top: 0;
        left: calc(100% + 1em);
    }

    .main-navigation li.menu-item-has-children.focus>a::before {
        transform: rotate(180deg);
    }

    .main-navigation li {
        padding: 0px 15px;
        text-align: center;
    }

    .main-navigation li.current-menu-parent>a::after,
    .main-navigation li.current-menu-item>a::after {
        display: none;
    }
    button.nav-close-btn {
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .menu-main-menu-container {
        padding-top: 100px;
    }
}
.pm-cta-placeholder{
    display: none;
}
@media screen and (max-width: 767px) {
    .admin-bar #masthead.active {
        top: 0;
    }

    

    header#masthead:not(.active) .pm-menu-btn span {
        background-color: #fff;
    }

    .header-icons {
        display: none;
    }

    header#masthead .header-icons .header-cta {
        display: inline-block;
        width: 100%;
        margin: 0;
    }

    .header-icons .header-cta:hover,
    .header-icons .header-cta:visited {
        color: #000000;
    }

    .home-banner {
        background: url(assets/img/home-banner-mobile-bg.svg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .home-phara {
        max-width: 100%;
        font: normal normal normal 16px/24px Source Sans Pro;
        margin: 32px auto 0;
    }

    .pm-cta-placeholder {
        position: fixed;
        width: 100vw;
        bottom: -1px;
        left: 0;
        padding: 16px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px -6px 20px #BFBFBF;
        z-index: 99;
    }
    
    

    #home-template-banner .pm-cta {
        font: normal normal 500 15px/25px Poppins;
        min-width: 160px;
        padding: 15px 10px;
    }

    #homePopUpModal .pm-country-code {
        grid-column: span 3;
    }

    #homePopUpModal .pm-phone {
        grid-column: span 9;
        margin-left: 10px;
    }

    .home-h1 {
        text-align: center;
        font: normal normal 800 28px / 32px Poppins;
        letter-spacing: 0px;
        color: #FFFFFF;
        margin-bottom: 40px;
        margin-top: 50px !important;
    }

    h2.banner-h2 {
        text-align: center;
        font: normal normal bold 24px / 36px Poppins;
        letter-spacing: 0px;
        color: #FFFFFF;
        margin-bottom: 32px;
    }

    h2.banner-h2 span.ticker-text{
        display: block;
    }
    
}

.home-services {
    padding: 120px 0 60px;
}

.home-services-box img {
    margin-bottom: 1rem;
}

.home-services-box h4 {
    font: normal normal 500 20px/28px Poppins;
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: capitalize;
}

.home-services-box p {
    font: normal normal normal 18px/24px Source Sans Pro;
    letter-spacing: 0px;
    color: #707070;
}

.home-services-box a {
    text-decoration: underline;
    font: italic normal 600 16px/24px Poppins;
    letter-spacing: 0.12px;
    color: #000000;
    text-transform: capitalize;
}

@media screen and (max-width: 767px) {
    .home-services {
        padding: 100px 0 0px;
    }
}

.home-about-new {
    padding: 80px 0 40px;
    background: #f2f2f2;
}

.sec-number {
    position: relative;
    font-size: 18px;
    padding-left: 60px;
    margin-bottom: 30px;
    color: #3A3A3A;
}

.sec-number:before {
    content: "0";
}

.sec-number::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #7D7D7D;
    left: 0;
    top: calc(50% - 0.5px);
}

.head-2 {
    padding-bottom: 10px;
    position: relative;
    color: var(--pm-color-primary);
}

.home-about-new-text {
    font: normal normal normal 18px/24px Source Sans Pro;
    letter-spacing: 0px;
    color: #707070;
}

.home-about-new-text ul {
    margin-left: 18px;
    padding: 0;
}

.home-about-new-text ul li {
    margin-bottom: 20px;
}

.home-about-new .mobile {
    display: none;
}

#homeVideoPopUpModal .modal-content {
    background: transparent;
    border: 0;
}

#homeVideoPopUpModal .modal-body {
    padding: 56.25% 0 0 0;
    position: relative;
}

#homeVideoPopUpModal .modal-body iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#homeVideoPopUpModal .modal-dialog {
    max-width: 800px;
}

#homeVideoPopUpModal .close {
    font-size: 2.5rem;
    opacity: 1;
    outline: 0;
    color: #fff;
}

#homeVideoPopUpModal .close:hover {
    color: #fff;
}

.home-about-new2 {
    padding: 80px 0 60px;
    background-color: #fff;
}

.home-about-new2 .home-about-new-row {
    flex-direction: row-reverse;
}

.stemious-grid {
    padding: 80px 0 0px;
}

.stemious-grid-content {
    font: normal normal normal 18px/24px Source Sans Pro;
    letter-spacing: 0px;
    color: #707070;
    text-align: center;
}

.stemious-grid-content h4 {
    margin-top: 20px;
    font: normal normal 500 20px/28px Poppins;
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: capitalize;
}

.read-more-cta {
    font: normal normal 500 16px/30px Poppins;
    letter-spacing: 0px;
    color: #000;
    display: inline-block;
    text-align: left;
    border-bottom: 3px solid #FFDD33;
}

.read-more-cta:hover,
.read-more-cta:focus,
.read-more-cta:visited {
    color: #000;
    outline: none;
    text-decoration: none;
}

.stemious-grid .call-to-action-placeholder {
    background: #F7F7F7;
    padding: 50px;
    margin-top: 50px;
}

.call-to-action-placeholder-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.call-to-action-placeholder-content h2 {
    flex: 0 0 45%;
    margin-bottom: 0;
}

.call-to-action-placeholder-content .pm-cta {
    margin: 0 100px;
}

@media screen and (max-width: 767px) {
    .home-about-new {
        padding: 60px 0 60px;
    }

    .home-about-new .deskstop {
        display: none;
    }

    .home-about-new .mobile {
        display: block;
    }

    .home-about-new-2 {
        padding: 60px 0 60px;
    }

    .home-about-new-3 {
        padding: 60px 0 60px;
    }

    .stemious-grid {
        padding: 60px 0 0px;
    }

    .stemious-grid .call-to-action-placeholder {
        padding: 50px 0;
        margin-top: 0;
    }

    .call-to-action-placeholder-content h2 {
        flex: 0 0 100%;
        margin-bottom: 20px;
        text-align: center;
    }
}


/* Overview */
.pm-overview {
    padding: 60px 0 60px;
    background: #f2f2f2;
    /* background: #dad9ff; */
}

.section-title {
    font: normal normal bold 32px/60px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.pm-overview-content p {
    text-align: center;
    font: normal normal normal 16px/25px Poppins;
    letter-spacing: 0px;
    color: #000000;
    margin: 0 auto 40px;
}

.overview-box h4 {
    font: normal normal 500 20px/28px Poppins;
    letter-spacing: 0px;
    color: #000;
    text-transform: capitalize;
}

.overview-box p {
    font: normal normal normal 18px/24px Source Sans Pro;
    letter-spacing: 0px;
    color: #000;
}

.pm-overview-image img {
    height: 400px;
    width: 100%;
}

.pm-overview-video {
    /* padding: 56.25% 0 0 0; */
    position: relative;
}

.pm-overview-video video {
    width: 100%;
    height: auto;
}

.pm-overview-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
}

.page-id-8 .stemious-grid {
    display: none;
}

.page-id-8 #pm-overview {
    display: none;
}

.home-new-header-image {
    margin-top: 70px;
}

@media screen and (max-width: 767px) {

    /* Overview */
    .pm-overview h2 {
        font: normal normal bold 24px/35px Poppins;
        padding-bottom: 20px;
    }

    .pm-overview-content p {
        max-width: 100%;
        margin: 0 auto 24px;
    }

    .pm-overview-video iframe {
        border-radius: 12px;
    }

    .pm-overview-image img {
        aspect-ratio: 2;
        height: auto;
    }
}

.home-about-us {
    padding: 60px 0 60px;
}

.home-about-us-holder>p {
    text-align: center;
    font: normal normal normal 16px/25px Poppins;
    letter-spacing: 0px;
    color: #000000;
    margin: 0 auto 40px;
}

.home-about-us-box img {
    margin-bottom: 1rem;
}

.home-about-us-box h4 {
    font: normal normal 500 20px/28px Poppins;
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: capitalize;
}

.home-about-us-box p {
    font: normal normal normal 18px/24px Source Sans Pro;
    letter-spacing: 0px;
    color: #707070;
}

.mobileonly {
    display: none;
}

@media screen and (max-width: 767px) {
    .home-about-us {
        padding: 60px 0 20px;
    }

    .desktoponly {
        display: none;
    }

    .mobileonly {
        display: block;
    }

    .home-banner-content .pm-cta {
        width: 100%;
        margin-top: 45px;
        margin-bottom: 15px;
    }

    .pm-cta-placeholder .pm-cta{
        margin-top: 0px;
        margin-bottom: 0px;
    }

    section.what-ai {
        padding-top: 64px;
        background: #EFEFEF;
        padding-bottom: 66px;
    }

    .ai-description p.befor {
        text-align: center;
        font: normal normal normal 18px / 24px Source Sans Pro;
        letter-spacing: 0px;
        color: #010046;
        margin-bottom: 8px;
    }

    .ai-description h2 {
        text-align: center;
        font: normal normal 800 24px / 36px Poppins;
        letter-spacing: 0px;
        color: #010046;
        margin-bottom: 11px;
    }

    .ai-description p.after {
        text-align: center;
        font: normal normal normal 20px / 30px Source Sans Pro;
        margin-bottom: 20px;
    }

    .crediblity-section span.number {
        font: normal normal 900 72px / 71px Source Sans Pro;
        letter-spacing: 0px;
        display: inline;
        position: absolute;
    }

    .crediblity-head {
        display: flex;
        align-items: center;
    }

    .crediblity-head h3 {
        margin-bottom: 0px;
        flex-grow: 1;
        font: normal normal bold 30px / 56px Poppins;
        letter-spacing: 0px;
        color: #010046;
    }

    .how-we-are {
        padding-top: 48px;
        margin-bottom: 71px;
    }

    .how-we-are p.before {

        margin-bottom: 12px;
        text-align: center;
        font: normal normal normal 18px / 24px Source Sans Pro;
        letter-spacing: 0px;
        color: #010046;
    }

    .how-we-are h2 {

        margin-bottom: 18px;
        text-align: center;
        font: normal normal 800 24px / 36px Poppins;
        letter-spacing: 0px;
        color: #010046;
    }

    .how-we-are p.after {

        margin-bottom: 32px;
        text-align: center;
        font: normal normal normal 20px / 30px Source Sans Pro;
        letter-spacing: 0px;
        color: #010046;
    }

    .how-we-are-list .col-md-6 {
        padding: 15px;
        padding-bottom: 0px;
    }

    .how-we-are-list .col-md-6:nth-child(odd) .how-we-are-item {
        margin-right: unset;
    }

    /* .how-we-are-item {
        padding: 30px 26px;
    } */

    .how-we-are-item h3 {
        font: normal normal bold 22px / 40px Poppins;
    }

    .how-we-are-item h4 {
        font: normal normal bold 18px / 24px Poppins;
    }

    section.faq {

        padding-top: 73px;
        padding-bottom: 73px;
    }

    section.faq p.before {

        margin-bottom: 10px;
        font: normal normal normal 18px / 24px Source Sans Pro;
    }

    section.faq h2 {
        font: normal normal 800 24px / 36px Poppins;
    }

    section.glimpus {
        padding-top: 70px;
        padding-bottom: 65px;
    }

    .slider-arrow-holder {
        display: none;
    }

    .vertical-slider {
        margin-top: 10px;
    }


    .vertical-slider .slick-slide {
        margin-right: 10px;
    }

    .empower-section {
        padding: 15px;
        padding-top: 58px;
        padding-bottom: 52px;

    }

    .empower-section h2 {
        font: normal normal 800 44px / 48px Poppins;
    }

    .about-section {

        padding: 15px;
        padding-bottom: 76px;
        padding-top: 67px;
    }

    .about-section h2 {
        font: normal normal 800 44px / 60px Poppins;
    }

    .testimonials {
        padding-top: 62px;
        padding-bottom: 70px;
    }

    .testimonials p.before {
        margin-bottom: 10px;
        font: normal normal normal 18px / 24px Source Sans Pro;
    }

    .testimonials h2 {

        margin-bottom: 10px;
        font: normal normal 800 24px / 32px Poppins;
    }

    .testimonial-slide {
        padding: 67px 32px 44px;
    }

    .faq2 {
        padding-top: 75px;
        padding-bottom: 48px;
    }

    .faq2 h2 {
        font: normal normal 800 28px / 36px Poppins;
        margin-bottom: 15px;
    }

    #accordion h5 button {
        text-align: left;
        padding-bottom: 14px;
        padding-top: 14px;
    }

    .faq2 .card-body {
        font: normal normal normal 20px / 30px Source Sans Pro;
    }

    .site-info {
        padding: 38px 0 20px
    }

    .footer-row1 {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-row1 .item1 {
        order: 1;
        width: 50%;
        /* Place first element in half of the row */
    }

    .footer-row1 .item2 {
        order: 3;
    }

    .footer-row1 .item3 {
        order: 2;
        width: 50%;
        /* Place third element in the same row as the first */
    }

    ul.footer-menu-link {
        margin-top: 40px;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        display: block;
    }

    ul.footer-menu-link li,
    .footer-row h4,
    .footer-row p {
        text-align: left;
    }

    .footer-row p {
        margin-bottom: 32px;
    }

    header#masthead {
        background: #FFFFFF;
        box-shadow: 0px 3px 6px #00000029;
    }

    header .site-branding {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .faq .nav-tabs {
        flex-flow: row;
        overflow-y: hidden;
        overflow-x: scroll;
        margin-bottom: 21px;
        background: transparent;
    }

    .faq .nav-tabs  svg{
        display: none !important;
    }
    .faq .nav-tabs .nav-link {
        padding: 18px 54px;
        margin-right: 10px;
        font: normal normal bold 20px / 26px Poppins;
        letter-spacing: 0px;
        color: #010046;
        white-space: nowrap;
    }
    .faq .nav-tabs .nav-link{
        background: #EDEDED;
    border-radius: 12px;
    }
}

p.gform_required_legend {
    display: none;
}