@font-face {
    font-family: 'Inter';
    src: url('../../fonts/Inter-Light.woff2') format('woff2'), url('../../fonts/Inter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../../fonts/Inter-Medium.woff2') format('woff2'), url('../../fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../../fonts/Inter-Italic.woff2') format('woff2'), url('../../fonts/Inter-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../../fonts/Inter-Black.woff2') format('woff2'), url('../../fonts/Inter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../../fonts/Inter-SemiBold.woff2') format('woff2'), url('../../fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../../fonts/Inter-Regular.woff2') format('woff2'), url('../../fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../../fonts/Inter-Bold.woff2') format('woff2'), url('../../fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Global Css Start*/
:root {
    --font-inter: "Inter";
    --max-width-default: 90rem;
    --max-width-min: 76.875rem;
    --black: #000;
    --white: #fff;
    --gray: #f3f5f3;
    --brown: #503c35;
    --dark-brown: #362c22;
    --blue: #00bef2;
    --dark-green: #6e754b;
    --base-font: 0.8335vw;
    --body-font: 1rem;
}

body {
    margin: 0;
    padding: 0;
    font-size: var(--body-font);
    font-family: var(--font-inter);
    color: var(--dark-brown);
    font-weight: 400;
    line-height: var(--leading-body);
}

@media(max-width: 1600px) {
    :root {
        --base-font: 1vw;
        --body-font: 1.125rem;
    }
}

@media(max-width: 1100px) {
    :root {
        --base-font: 1.05vw;
        --body-font: 1.35rem;
    }
}

@media(max-width: 991px) {
    :root {
        --body-font: 1.65rem;
    }
}

@media(max-width: 767px) {
    :root {
        --base-font: 3.5vw;
        --body-font: 1.125rem;
    }
}

/* Page Container */
.Wrapper {
    position: relative;
    overflow: hidden;
}

.wrap-inner {
    max-width: var(--max-width-default);
}

.wrap-inner.min {
    max-width: var(--max-width-min);
}

@media (min-width: 640px) {
    .wrap-inner.sm\:min {
        max-width: var(--max-width-min);
    }
}

@media (min-width: 768px) {
    .wrap-inner.md\:min {
        max-width: var(--max-width-min);
    }
}

@media (min-width: 1024px) {
    .wrap-inner.lg\:min {
        max-width: var(--max-width-min);
    }
}

@media (min-width: 1280px) {
    .wrap-inner.xl\:min {
        max-width: var(--max-width-min);
    }
}

@media (min-width: 1536px) {
    .wrap-inner.\32xl\:min {
        max-width: var(--max-width-min);
    }
}

/* // Page Container */
body,
html {
    font-size: var(--base-font);
}

body {
    margin: 0;
    padding: 0;
    font-size: var(--body-font);
    font-family: var(--font-inter);
    color: var(--dark-brown);
    font-weight: 400;
    line-height: var(--leading-body);
}

/* --- Default Input and select box Design --- */
select,
input {
    width: 100%;
}

form .input input {
    background-color: #ffffff;
    width: 100%;
    padding: .65rem 1rem;
    font-size: .875rem;
    border-radius: .413rem;
    color: #000000;
    outline: none;
    margin: 0;
    line-height: inherit;
}

form input[type="submit"] {
    padding: .65rem 1rem;
    font-size: .875rem;
    border-radius: .413rem;
    outline: none;
    line-height: inherit;
    background: rgba(17, 192, 243, 1.0);
    width: auto;
    text-transform: inherit;
    color: #ffffff;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s ease;
}

form input[type="submit"]:hover {
    transform: scale(1.05);
    transform-origin: center;
    transition: all .5s ease;
}

.header-sticky-form .wpcf7-spinner {
    position: absolute;
    right: -2rem;
    width: 0.938rem;
    height: 0.938rem;
    top: 0.313rem;
    z-index: 10;
}

.header-sticky-form .wpcf7-spinner::before {
    transform-origin: 0.25rem 0.25rem;
}

form .input span {
    display: block;
}

form .input input::-webkit-input-placeholder {
    color: var(--black);
}

form .input input:-ms-input-placeholder {
    color: var(--black);
}

form .input input::placeholder {
    color: var(--black);
}

a.leading-none.inline-block.bg-theme-blue.text-white.transition-all.ease-linear.duration-300.box-shadow {
    font-weight: 600;
}

/* --- Default Input and select box Design --- */
/* --- Sticky Header Form --- */
.header-sticky-form form .successMessage {
    display: none;
    text-align: center;
    width: 100%;
    padding-top: 0.313rem;
    color: var(--white);
}

.header-sticky-form form .successMessage .success-close {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    background: var(--black);
    border-radius: 100%;
    text-indent: 3.125rem;
    position: relative;
    vertical-align: middle;
    margin-left: 0.625rem;
    transition: all 0.8s ease;
}

.header-sticky-form form .successMessage .success-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 1px;
    height: 77%;
    background: var(--white);
}

.header-sticky-form form .successMessage .success-close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 1px;
    height: 77%;
    background: var(--white);
}

.header-sticky-form form .successMessage .success-close:hover {
    background: var(--brown);
    transition: all 0.8s ease;
}

.header-sticky-form .wpcf7-not-valid-tip {
    position: absolute;
    top: 100%;
    left: 0;
    display: inline-block;
    background: #c70f0f;
    color: #fff;
    padding: 0.125rem 0.938rem;
    border-radius: 0.313rem;
    font-size: 0.75rem;
}

.header-sticky-form .wpcf7-not-valid-tip:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 0.313rem solid transparent;
    border-right: 0.313rem solid transparent;
    border-bottom: 0.625rem solid #c70f0f;
    position: absolute;
    top: -0.625rem;
}

.header-sticky-form .wpcf7-response-output {
    display: none;
}

/* --- // Sticky Header Form --- */
/*Menu css*/
.enumenu_ul ul>li>a {
    line-height: 1.438;
    font-size: var(--body-font);
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.enumenu_ul ul>li a.rounded-full {
    color: rgba(80, 60, 53, var(--text-opacity)) !important;
}

.enumenu_ul ul>li a.rounded-full:hover {
    color: var(--white) !important;
}

li.services-all-wrap ul {
    margin: 0;
}

.enumenu_ul>ul {
    padding: 0;
}

li.has-children>ul.sb-menu {
    min-width: 14rem;
}

li.has-children>ul.services-all-submenu {
    min-width: initial;
    max-width: 78rem;
    padding-top: 0;
}

li.has-children>ul.services-all-submenu.newmn {
    max-width: 55rem;
}

li.has-children>ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: auto;
    margin-top: -0.4rem;
}

li.has-children:hover>ul {
    display: block;
    z-index: 10;
    background: #ffffff;
    color: var(--dark-brown);
    border-radius: 0.625rem;
    border: 0.125rem solid #362c22;
    border-top: 0;
}

li.has-children>a:before {
    content: "";
    opacity: 0;
    position: absolute;
    bottom: -0.6rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 30;
    transition: all 0s ease-in-out;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1.156rem 1rem 1.156rem;
    border-color: transparent transparent #fff transparent;
}

li.has-children>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0.875rem;
    right: -1.313rem;
    height: 1.25rem;
    width: 1.25rem;
    background-image: url(../../../images/new/img/menu-arrow.svg);
    background-position: 50% 53%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

li.has-children:hover>a:before {
    opacity: 1;
}

li.has-children:hover>a:after {
    transform: rotate(180deg);
}

li.services-all-wrap>ul {
    padding-top: 0;
    padding-bottom: 0;
}

.menu-icon {
    width: 1.875rem;
    height: 1.875rem;
    position: relative;
    top: -0.125rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
}

.menu-icon .menu-box {
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 0;
    padding: 0.313rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0.475rem;
}

.menu-icon span {
    display: block;
    position: absolute;
    height: 0.188rem;
    width: 100%;
    background: #ffffff;
    border-radius: 0.563rem;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.menu-icon span:nth-child(1) {
    top: 0px;
}

.menu-icon span:nth-child(2) {
    top: 0.563rem;
}

.menu-icon span:nth-child(3) {
    top: 1.125rem;
}

.menu-icon.active span:nth-child(1) {
    top: 0.5rem;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.menu-icon.active span:nth-child(2) {
    opacity: 0;
    left: -3.75rem;
}

.menu-icon.active span:nth-child(3) {
    top: 0.5rem;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

@keyframes fadein {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@media (min-width: 1280px) {
    li.services-all-wrap ul li a {
        font-size: 1.25rem;
    }

    .FixHeader li.has-children>a:before,
    .fixHeader li.has-children>a:before {
        bottom: -0.6rem;
    }

    /* .FixHeader .enumenu_ul>ul>li,
    .fixHeader .enumenu_ul>ul>li {
        padding-left: 1rem;
        padding-right: 1rem;
    } */
/* 
    .enumenu_ul>ul>li:last-child {
        padding-right: 0;
    } */
/* 
    .FixHeader .enumenu_ul>ul>li.has-children,
    .fixHeader .enumenu_ul>ul>li.has-children {
        padding-right: 2rem;
    } */

    /*.FixHeader .enumenu_ul > ul > li.sticky-visible, .fixHeader .enumenu_ul > ul > li.sticky-visible {display: inline-block; }*/
    .enumenu_ul li a.py-3:hover {
        color: #ffffff;
    }
}

@media (max-width: 1279px) {

    .FixHeader .top-nav,
    .fixHeader .top-nav {
        display: flex;
    }

    .header-sticky-form form .cf input {
        font-size: 1rem;
    }

    .enumenu_ul>.menu-icon {
        position: absolute;
        top: 1.25rem;
        right: 0.938rem;
    }

    .enumenu_ul>.menu-icon span {
        background: var(--dark-brown);
    }

    .enumenu_ul {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        width: 30%;
        height: 100%;
        max-height: 100%;
        overflow: auto;
        background: var(--white);
        color: var(--white);
        padding-top: 4.063rem;
        z-index: 100;
        box-shadow: -13.75rem 0px 13.75rem 0px rgba(0, 0, 0, 0.1), -16.25rem 0px 8.125rem 0px rgba(0, 0, 0, 0.15), -3.75rem 0px 4.375rem 0px rgba(0, 0, 0, 0.2), -0.625rem 0px 6.875rem 0px rgba(0, 0, 0, 0.3);
    }

    li.has-children>.arrow {
        background: url(../../../images/new/img/menu-arrow-dark.svg) no-repeat center;
    }

    li.has-children>a:after {
        display: none;
    }

    li.has-children>a:before {
        display: none;
    }

    li.has-children>.arrow.up {
        -webkit-transform: scaley(-1);
        transform: scaley(-1);
    }

    .menu-open .enumenu_ul {
        display: block;
    }

    .menu-open li.has-children>ul {
        display: none;
        position: static;
        color: var(--dark-brown);
        border-radius: 0;
        border: 0;
    }

    .menu-open li.has-children>ul.show {
        display: block;
        background: transparent;
    }

    li.has-children>ul.sb-menu {
        min-width: 100%;
        margin: 0;
    }

    ul.sb-menu {
        padding-top: 0;
        padding-bottom: 0;
    }

    .menu-icon.active {
        display: none;
    }

    .enumenu_ul .menu-icon.active {
        display: block;
    }

    .enumenu_ul ul>li a.rounded-full {
        color: #ffffff !important;
    }
}

@media (max-width: 991px) {
    .enumenu_ul {
        width: 35%;
    }

    .header-sticky-form form .cf input {
        padding: 0.5rem 0.938rem;
        font-size: 1.25rem;
    }
}

@media (max-width: 767px) {
    .enumenu_ul {
        width: 100%;
    }

    .search-form.serch-form-blog-page-wrapper input[type="submit"] {
        padding: 0;
    }
}

/*Menu css*/
.page-template-new-thankyou-page header.header,
.page-template-new-email-testing header.header,
body.single-glossary header.header,
body.author header.header,
body.page-template-template-pagesnew-holiday-email-marketing-php header.header,
body.single.single-post header.header,
.FixHeader header.header,
.fixHeader header.header {
    background-color: #32371A;
}

/* ----- BOTTOM FORM CSS ----- */
.consultation-section--left {
    width: 50%;
}

.consultation-section--left__inner {
    max-width: 48rem;
    width: 100%;
}

.consultation-section--right {
    width: 50%;
    max-width: 100%;
    border-top-left-radius: 5rem;
}

.consultation-section--right__inner {
    max-width: 47rem;
    width: 100%;
}

.consultation-section br {
    display: none;
}

.consultation-section .wpcf7-not-valid-tip {
    color: #ffa9a9;
}

.consultation-section .wpcf7-form label {
    display: none;
}

.consultation-section .wpcf7-form input,
.consultation-section .wpcf7-form textarea,
.consultation-section .wpcf7-form select,
.consultation-section .wpcf7-form .ms-options-wrap button {
    width: 100%;
    padding: 1.25rem;
    color: rgb(var(--theme-dark-brown));
    outline: none;
    background-color: var(--white);
    font-size: 1rem;
    border-radius: 0.5rem;
    font-weight: 500;
    border: 1px solid #E0E0E0;
}

.consultation-section input[type="submit"] {
    border: none;
}

.consultation-section.banner-form .check-box label {
    color: var(--dark-brown);
    font-weight: 500;
}

.banner-form .bg-white form .check-box .wpcf7-list-item-label::after {
    background-color: #e0e0e0;
}

.banner-form .note-text p {
    color: var(--dark-brown);
}

.banner-form .full-submit-box {
    text-align: center;
    width: auto;
    margin: 30px auto 20px;
}

.consultation-section .wpcf7-form label {
    font-size: 1rem;
    font-weight: 500;
}

.consultation-section .wpcf7-form input::-webkit-input-placeholder {
    color: #362c22;
    opacity: 1;
}

.consultation-section .wpcf7-form input::-moz-placeholder {
    color: #362c22;
    opacity: 1;
}

.consultation-section .wpcf7-form input:-ms-input-placeholder {
    color: #362c22;
    opacity: 1;
}

.consultation-section .wpcf7-form input:-moz-placeholder {
    color: #362c22;
    opacity: 1;
}

.consultation-section .wpcf7-form textarea::-webkit-input-placeholder {
    color: #362c22;
    opacity: 1;
}

.consultation-section .wpcf7-form textarea::-moz-placeholder {
    color: #362c22;
    opacity: 1;
}

.consultation-section .wpcf7-form textarea:-ms-input-placeholder {
    color: #362c22;
    opacity: 1;
}

.consultation-section .wpcf7-form textarea:-moz-placeholder {
    color: #362c22;
    opacity: 1;
}

.wpcf7-not-valid-tip {
    display: none;
}

.wpcf7-form.invalid .wpcf7-not-valid-tip,
.consultation-section .wpcf7-form-control-wrap {
    display: block;
}

.consultation-section .wpcf7-form textarea {
    height: 9.313rem;
}

.consultation-section .wpcf7-form .ms-options-wrap button {
    background: var(--white);
    color: var(--dark-brown);
    text-align: left;
    position: relative;
    padding-right: 4.063rem;
    cursor: pointer;
}

.consultation-section .wpcf7-form .ms-options-wrap button:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3.75rem;
    height: 100%;
    background: url(../../../images/new/img/new-black-down-icon.svg) no-repeat center;
    background-size: 1rem;
    border-top-right-radius: 0.313rem;
    border-bottom-right-radius: 0.313rem;
}

.consultation-section .wpcf7-form .ms-options-wrap .ms-options {
    background: var(--white);
    color: var(--dark-brown);
    border-radius: 0.313rem;
}

.consultation-section .wpcf7-form .ms-options-wrap .ms-options .ms-selectall {
    padding: 0.625rem 1.25rem;
    display: block;
    background: var(--gray);
}

.consultation-section .wpcf7-form .ms-options-wrap .ms-options label {
    display: block;
    color: var(--dark-brown);
    padding: 0.75rem 1.25rem;
    margin: 0;
    position: relative;
    cursor: pointer;
}

.consultation-section .wpcf7-form .ms-options-wrap .ms-options label:before {
    content: "";
    height: 1.25rem;
    width: 1.25rem;
    background-color: #d9d9d9;
    border-radius: 0.125rem;
    position: absolute;
    top: 0.75rem;
    left: 1.25rem;
}

.consultation-section .wpcf7-form .ms-options-wrap .ms-options label input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.consultation-section .wpcf7-form .ms-options-wrap .ms-options .selected label:before {
    background: var(--blue) url(../../../images/new/img/check-arrow.svg) no-repeat center;
    background-size: 0.625rem;
}

.consultation-section .check-box label {
    display: block;
    text-align: left;
    padding-top: 0.1rem;
    color: #fff;
}

.consultation-section .check-box {
    text-align: center;
}

.consultation-section .check-box .wpcf7-form-control-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.consultation-section .check-box .wpcf7-form-control-wrap * {
    width: 100%;
    margin: 0;
}

.consultation-section .check-box input[type="checkbox"] {
    opacity: 0;
    width: calc(100% + 46px);
    height: 100%;
    cursor: pointer;
    margin-left: -46px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.consultation-section .check-box .wpcf7-list-item-label {
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    display: block;
    top: 0;
    left: -2.5rem;
    text-indent: 6.25rem;
    overflow: hidden;
}

.consultation-section .check-box .wpcf7-list-item-label::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1.75rem;
    width: 1.75rem;
    border: 1px solid #fff;
    border-radius: 0.25rem;
    display: block;
    background-color: transparent;
}

.consultation-section .check-box input:checked~.wpcf7-list-item-label:after {
    background: #11c0f3 url("../../../images/new/img/check-arrow.svg") no-repeat center;
    background-size: 0.938rem;
    border: 1px solid #7a8155;
}

.consultation-section .full-submit-box {
    text-align: right;
    width: 13rem;
    margin-left: auto;
}

.consultation-section .full-submit-box input[type="submit"] {
    display: inline-block;
    cursor: pointer;
    width: auto;
    font-size: 1.125rem;
    padding: 0.938rem 1.875rem;
    background: var(--blue);
    color: var(--white);
    transition: all 0.5s ease;
    border-radius: 0.4rem;
    font-weight: 600;
}

.consultation-section .full-submit-box input[type="submit"]:hover {
    transform: scale(1.05);
    transition: all 0.5s ease;
}

.consultation-section .note-text {
    color: var(--gray);
    font-style: italic;
}

.consultation-section .wpcf7-response-output {
    text-align: center;
}

.consultation-section--left__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.consultation-section--left__inner p.text-white {
    color: #ffffff;
}

.consultation-section--left__inner form {
    margin-top: 20px;
}

.consultation-section .wpcf7-form br {
    display: none;
}

.consultation-section .wpcf7-spinner {
    min-width: 24px;
    min-height: 24px;
}

.consultation-section .wpcf7-spinner {
    margin: 0 -24px 0 0;
    right: -10px;
}

.full-submit-box p,
.check-box.new-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.consultation-section .wpcf7-form .ms-options-wrap .ms-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 10;
}

.invalid .wpcf7-response-output {
    display: none;
}

.consultation-section.banner-form textarea {
    height: 7rem;
}

@media (max-width: 1279px) {
    .consultation-section--left__inner {
        max-width: 53rem;
    }

    .consultation-section--right__inner {
        max-width: 100%;
    }
}

@media (max-width: 1024px) {

    .consultation-section--left,
    .consultation-section--right {
        flex: 0 0 100%;
    }

    .consultation-section--left__inner {
        max-width: 100%;
    }
}

@media (max-width: 991px) {

    .consultation-section .wpcf7-form input,
    .consultation-section .wpcf7-form textarea,
    .consultation-section .wpcf7-form select,
    .consultation-section .wpcf7-form .ms-options-wrap button,
    .consultation-section .wpcf7-form label,
    .consultation-section .full-submit-box input[type="submit"] {
        font-size: 1.5rem;
    }
}

@media (max-width: 767px) {

    .consultation-section .wpcf7-form input,
    .consultation-section .wpcf7-form textarea,
    .consultation-section .wpcf7-form select,
    .consultation-section .wpcf7-form .ms-options-wrap button,
    .consultation-section .wpcf7-form label,
    .consultation-section .full-submit-box input[type="submit"] {
        font-size: 1.125rem;
    }
}

/* ----- BOTTOM FORM CSS ----- */
/*Slick Arrow*/
button.slick-arrow {
    color: transparent;
    position: relative;
    width: 3.75rem;
    height: 3.75rem;
    border: 0.125rem dashed rgba(0, 0, 0, 0.25);
    border-radius: 100%;
    pointer-events: all;
    font-size: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

button.slick-arrow.slick-next {
    transform: rotate(180deg);
}

button.slick-arrow:before {
    content: '';
    background: url(../../../images/new/img/left-arrow.svg) no-repeat center;
    background-size: 3.6rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 1.2rem;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

button.slick-arrow:hover:before {
    left: 0.8rem;
}

button.slick-arrow:hover {
    border-color: #000;
}

.top-center button.slick-arrow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.top-center button.slick-prev {
    left: -9rem;
}

.top-center button.slick-next {
    right: -9rem;
}

.whitearrow button.slick-arrow {
    border-color: rgba(255, 255, 255, 0.25);
}

.whitearrow button.slick-arrow:before {
    filter: invert(1);
}

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

.flex-item .slick-track .slick-slide {
    height: inherit;
}

.middle-arrow button.slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
}

.middle-arrow button.slick-prev {
    left: 0;
}

.middle-arrow button.slick-next {
    right: 0;
}

.slick-initialized .slick-slide.flex {
    display: flex;
}

@media(max-width: 1200px) {
    button.slick-arrow {
        width: 4rem;
        height: 4rem;
    }
}

@media(max-width: 767px) {
    button.slick-arrow {
        width: 3.6rem;
        height: 3.6rem;
    }

    button.slick-arrow:before {
        background-size: content;
        left: 1rem;
    }
}

/*Slick Arrow*/
.slick-slide {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
}

.slick-list {
    margin-left: -1.2rem;
    margin-right: -1.2rem;
}

@media(max-width: 767px) {
    .slick-slide {
        margin-left: 0.6rem;
        margin-right: 0.6rem;
    }

    .slick-list {
        margin-left: -0.6rem;
        margin-right: -0.6rem;
    }
}

/*Home page*/
/* -- Home ESP section -- */
.rounded-circle-bg {
    position: absolute;
    top: 48%;
    left: -15rem;
    transform: translateY(-50%) rotate(0deg);
    width: 60.813rem;
    height: 60.813rem;
    background: no-repeat center;
    background-size: contain;
    animation: rotating 150s linear infinite;
}

@keyframes rotating {
    from {
        transform: translateY(-50%) rotate(0deg);
    }

    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

.ESP-Logo.middle-arrow button.slick-next {
    right: -10%;
}

@media(min-width: 768px) {
    .ESP-Logo {
        width: 110%;
        position: relative;
    }

    .ESP-Logo .slick-prev {
        opacity: 0;
        visibility: hidden;
    }

    .ESP-Logo .slick-list:after {
        content: ' ';
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 13.125rem;
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
    }

    .bg-theme-light-grey .slick-list:after {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(243, 245, 243, 1) 70%, rgba(243, 245, 243, 1) 100%);
    }
}

@media(max-width: 1200px) {
    .ESP-Logo.middle-arrow button.slick-next {
        right: -4%;
    }
}

@media(max-width: 767px) {
    .middle-arrow .slick-arrow {
        height: 2.5rem;
        width: 2.5rem;
    }

    .middle-arrow button.slick-arrow:before {
        background-size: 2.2rem;
        left: 0.8rem;
    }

    .ESP-Logo.middle-arrow button.slick-next,
    .middle-arrow button.slick-next {
        right: -1.5rem
    }

    .middle-arrow button.slick-prev {
        left: -1.5rem
    }
}

/* -- Home ESP section -- */
/* Box Shadow */
.box-shadow {
    box-shadow: 0px 0.25rem 1rem 0.1px #00BEF226;
}

.email-sample-block {
    background-position: top center;
}

.email-sample-block:hover {
    background-position: bottom center;
    transition: all 3s ease-in-out;
}

.mfp-container {
    max-width: 37.5rem;
    margin: 0 auto;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow: auto !important;
}

.mfp-image-holder.mfp-container .mfp-content {
    width: 100%;
    max-width: 100%;
}

.mfp-image-holder.mfp-container img.mfp-img {
    max-height: initial !important;
}

.clients_carousel .slick-slide {
    margin: 0 0.8rem;
}

.clients_carousel .slick-list {
    margin: 0 -0.8rem;
}

@media(max-width: 767px) {
    .clients_carousel .slick-slide {
        margin: 0 0.5rem;
    }

    .clients_carousel .slick-list {
        margin: 0 -0.5rem;
    }
}

.faq-accordion-list>li {
    border-color: transparent;
    border-radius: 0;
    border-bottom-color: #D9D9D9;
    box-shadow: none;
}

.faq-accordion-list>li.above-active {
    border-bottom-color: transparent;
}

.faq-accordion-list>li.active {
    border-color: #D9D9D9;
    border-radius: 1rem;
    box-shadow: 0px 0px 50px 0 #E9EFE9;
    background: #ffffff;
}

@media (max-width: 991px) {
    .faq-accordion-list>li.active {
        border-radius: 20px;
    }
}

/*Home page*/
.hauto .slick-track {
    display: flex;
}

.hauto .item {
    height: inherit;
}

.hauto .slick-slide {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.hauto .slick-list {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

@media(max-width: 767px) {
    .hauto .slick-slide {
        margin-left: 0.3rem;
        margin-right: 0.3rem;
    }

    .hauto .slick-list {
        margin-left: -0.3rem;
        margin-right: -0.3rem;
    }
}

/*Customer slider*/
.customer-slider .slick-track {
    display: flex;
}

.customer-slider .customer-slide-item {
    height: inherit;
}

.slide-visiable .slick-list,
.customer-slider .slick-list {
    overflow: visible;
}

.customer-slider.slick-slider {
    position: inherit;
}

/*Customer slider*/
.overflow_visiable .slick-list {
    overflow: visible;
}

.case-study-slider:before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 100vw;
    height: 102%;
    background-color: #f3f5f3;
    z-index: 10;
}

.margin-0 .slick-slide {
    margin-left: 0;
    margin-right: 0;
}

.margin-0 .slick-list {
    margin-left: 0;
    margin-right: 0;
}

@media(max-width: 767px) {
    .margin-0 .slick-slide {
        margin-left: 0;
        margin-right: 0;
    }

    .margin-0 .slick-list {
        margin-left: 0;
        margin-right: 0;
    }
}

.services-carousel .item {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.services-carousel .slick-center {
    transform: scale(1.0);
    background-color: #7A8155;
    color: #fff;
}

@media(max-width: 767px) {
    .services-carousel.middle-arrow button.slick-prev {
        left: 0;
    }

    .services-carousel.middle-arrow button.slick-next {
        right: 0;
    }
}

.grecaptcha-badge {
    display: none !important;
}