/* OLD FONTS RESTORE POINT */
/* 
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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

:root {
    --font-heading-primary: 'Montserrat', sans-serif;
    --font-body-text: 'Hind', sans-serif;
    --font-form-label: 'Barlow', sans-serif;
    --font-special: 'Helvetica Neue', sans-serif;
}
*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
    /* Semantic Fonts mapped to Aptos */
    --font-heading-primary: 'Aptos', sans-serif;
    --font-body-text: 'Aptos', sans-serif;
    --font-form-label: 'Aptos', sans-serif;
    --font-special: 'Aptos', sans-serif;
    --blue-color: #151E3F;
    --gray-color: #808285;
    --green-color: #151E3F;
    --sustainability-primary: #151D3E;
    --sustainability-gray: #828282;
    --sustainability-black: #282828;
    --sustainability-surface: #F1F1F1;
    --sustainability-accent-blue: #4E95D9;
    --sustainability-accent-purple: #78206E;
    --sustainability-accent-green: #008244;
    --sustainability-accent-teal: #00A4AE;
    --sustainability-white: #FFFFFF;
    --sustainability-blue-grey: #8F90A6;
    --sustainability-blue-grey-2: #5A5F75;
    --sustainability-overlay-soft: rgba(255, 255, 255, 0.08);
    --sustainability-border-light: rgba(21, 29, 62, 0.12);
    --sustainability-border-default: rgba(21, 29, 62, 0.14);
    --sustainability-border-strong: rgba(21, 29, 62, 0.18);
    --sustainability-fill-muted: rgba(21, 29, 62, 0.2);
    --sustainability-text-muted: rgba(21, 29, 62, 0.7);
    --sustainability-grey: #E3E3E3;
    --sustainability-font-family: 'Aptos', sans-serif;
    --sustainability-font-size: 20px;
    --sustainability-font-weight: 400;
    --sustainability-line-height: 26px;
    --sustainability-letter-spacing: 0.02px;
    --sustainability-font-size-2: 17px;
    --sustainability-font-weight-2: 400;
    --sustainability-line-height-2: 23px;
    --sustainability-letter-spacing-2: 0.01px;
    --sustainability-font-size-button: 16px;
    --sustainability-font-weight-button: 400;
    --sustainability-line-height-button: 24px;
    --sustainability-letter-spacing-button: 0.032px;
    --sustainability-leadin-font-size-mobile: 20px;
    --sustainability-leadin-font-weight-mobile: 700;
    --sustainability-leadin-line-height-mobile: 28px;
    --sustainability-leadin-letter-spacing-mobile: 0;
    --sustainability-leadin-font-size: 24px;
    --sustainability-leadin-font-weight: 600;
    --sustainability-leadin-line-height: 32px;
    --sustainability-leadin-letter-spacing: 0;

}

@media(max-width: 767px) {
    :root {
        --sustainability-font-size: 15px;
        --sustainability-line-height: 22px;
        --sustainability-letter-spacing: 0.015px;
        --sustainability-font-size-2: 15px;
        --sustainability-line-height-2: 22px;
        --sustainability-letter-spacing-2: 0.015px;
        --sustainability-font-size-button: 15px;
        --sustainability-line-height-button: 22px;
        --sustainability-letter-spacing-button: 0.015px;
    }
}

.site-main>* {
    margin: 0;
    padding: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.container.overflow-hidden .swiper {
    overflow: hidden;
}

html #wpadminbar {
    overflow: hidden;
}

html,
body {
    overflow-x: hidden;
}

body {
    font-family: var(--font-body-text);
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #282828;
}

.site {
    overflow: hidden;
}

* {
    -webkit-tap-highlight-color: transparent;
}


body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #FAF9F6;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #282828;
    overflow-x: hidden;
}

body .site-content {
    overflow: initial;
}

.entry .entry-header,
.entry .entry-content,
.entry .entry-summary {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.container,
.search #content.site-content,
body.page-template-default #content.site-content .entry,
.entry-content>.container,
.single .entry .entry-content,
.entry-content {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 25px;
}

.page-template-default.singular .entry-header {
    padding-bottom: 30px;
    margin-top: 50px;
    border: 0;
}

.entry .entry-title:before,
h1:not(.site-title):before,
h2:before {
    display: none;
}

.entry .entry-content>*,
.entry .entry-summary>*,
.entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>*,
.entry .entry-content>.wp-block-group>.wp-block-group__inner-container>* {
    max-width: 100% !important;
}

.entry .entry-content>p,
.entry .entry-content p,
p {
    /* font-family: var(--font-body-text);
    line-height: inherit;
    margin: 0; */
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 20px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-title,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
    color: inherit;
}

h1,
.h1,
h1.page-title,
.page .panel-content h1.entry-title,
.page:not(.twentyseventeen-front-page) h1.entry-title,
.page:not(.twentyseventeen-front-page) h1.entry-title p {
    font-family: var(--font-heading-primary);
    font-style: normal;
    font-weight: 700;
    font-size: 65px;
    line-height: 120%;
    text-transform: uppercase;
}

h2,
.h2,
.entry-content h2,
h2 p {
    font-family: var(--font-heading-primary);
    font-style: normal;
    font-weight: 600;
    font-size: 55px;
    line-height: 118%;
    letter-spacing: 0.005em;
    text-transform: capitalize;
    color: var(--blue-color);
}

h3,
.h3,
.entry .entry-title,
h3 p {
    font-family: var(--font-heading-primary);
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 118%;
    /* or 41px */

    text-transform: capitalize;

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

h4,
.h4,
h4 p {
    font-family: var(--font-body-text);
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 130%;
    color: var(--blue-color);
}

h5,
.h5,
h5 p {
    font-family: var(--font-body-text);
    font-weight: 500;
    font-size: 25px;
    line-height: 130%;
}

h6,
.h6,
h6 p {
    font-family: var(--font-body-text);
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -0.01em;
}

a {
    color: var(--blue-color);
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none;
    box-shadow: none;
    outline: none !important;
    -webkit-transition: .5s;
    transition: .5s;
}


a:hover,
a:focus,
a:active,
a:not(.arrow-link, .button):hover,
a:not(.arrow-link, .button):focus {
    opacity: 1;
    filter: Alpha(opacity=100);
    outline: none;
    text-decoration: underline;
    /* transition: 0.3s; */
    ;
}

body .entry-content .link-line {
    position: relative;
    line-height: 45px;
    display: inline-block;
    font-weight: 300;
}

.link-line:before {
    background-color: currentColor;
    bottom: 5px;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease;
}

.link-line:hover:before {
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
}

body .link-line:hover,
.entry .entry-content a.link-line:hover,
body .link-line:focus {
    color: #000;
}

main ol {
    list-style: devanagari;
    padding-left: 25px;
    display: inline-block;
    line-height: 25px;
    margin-bottom: 20px;
}

main ul {

    list-style: disc;
    padding-left: 25px;
    display: inline-block;
    line-height: 28px;
    margin-bottom: 20px;
}

main .content.dots ul li,
.page-template-default main .content ul li {
    margin-bottom: 0;
    list-style: none;
    position: relative;
    padding-left: 14px;
    line-height: 28px;
}

main .content.dots ul li:before,
main .content ul li:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;
    margin-right: 11px;
    margin-top: 0;
    position: absolute;
    top: 11px;
    left: 0;
}

.button,
button,
a.button,
input[type=submit] {
    background: transparent;
    cursor: pointer;
    margin: 0 auto;
    display: inline;
    height: 41px;
    box-shadow: none;
    padding: 3px 16px;
    overflow: hidden;
    border-radius: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 35px;
    letter-spacing: 0.02em;
    color: #fff;
    background: var(--blue-color);
    border: 1px solid var(--blue-color);
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.button.transparent {
    background: transparent;
    border-color: #fff;
}

a.button.btn-primary,
input[type=submit] {
    width: 143px;
}

.button.arrow {
    position: relative;
    padding: 4px 13px 4px 15px;
}

.blue .button.arrow span {
    color: #fff;
}

.blue .button.arrow:hover span {
    color: var(--blue-color);
}

.green .button {
    background: var(--green-color);
    border-color: var(--green-color);
    padding: 3px 14px 3px 16px;
}

.border-bgr {
    min-height: 80px;
    display: flex;
    background: var(--blue-color);
    align-items: center;
}

.btn-white a.button.arrow {
    background: #fff;
    color: #282828;
    /* clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px); */
    border: 1px solid #FFF;
    height: 43px;
    text-decoration: none;
}

.btn-white a.button.arrow:hover {
    color: #fff;
    background: var(--blue-color);
    border: 1px solid #fff;
}

.corner {
    position: relative;
    overflow: hidden;
}

.arrow-link .icon {
    width: 40px;
    height: 40px;
}

.arrow-link .icon {
    width: 42px;
    height: 47px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.arrow-link .icon+.text,
.arrow-link .text+.icon {
    margin-left: 15px;
}

.arrow-link .icon+.text {
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.02em;
}

.arrow-link .icon .material-icons,
.arrow-link .icon .material-icons-outlined {
    text-shadow: -40px 0px 0px #fefefe;
}

.arrow-link .icon .material-icons,
.arrow-link .icon .material-icons-outlined {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200%;
    height: 100%;
    padding-left: 1px;
    padding-bottom: 1px;
    font-size: 12px;
    text-shadow: -32px 0px 0px #fefefe;
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.arrow-link .icon svg {
    display: block;
    width: 100%;
    height: 100%;
    color: transparent;
    transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.arrow-link .material-icons svg {
    width: 7px;
    height: 11px;
    margin: 0 auto;
}

.arrow-link.blue .icon>svg path {
    fill: var(--blue-color);
    stroke: var(--blue-color);
    transition-duration: .3s;
}

.arrow-link.white .icon>svg path {
    fill: #fff;
    stroke: #fff;
}


.arrow-link.blue .material-icons .arrow:first-child svg path {

    stroke: var(--blue-color);
}

.material-icons .arrow:first-child svg path {

    stroke: var(--green-color);
}

.material-icons .arrow:last-child svg path {
    stroke: #fff;
}

.arrow-link.white .material-icons .arrow:first-child svg path {
    stroke: #fff;
}

.arrow-link.white .material-icons .arrow:last-child svg path {
    stroke: var(--blue-color);
}

.arrow-link:hover .icon>svg path {
    fill: transparent;
}

.arrow-link .icon .material-icons .arrow {
    width: 100%;
    text-align: center;
}

.arrow-link .icon .material-icons {
    transform: translate(-50%, 0);
}

.arrow-link:hover .icon .material-icons {
    transform: translate(0%, 0);
}

.arrow-link.green .text {
    color: var(--green-color);
}

.arrow-link.blue .text {
    color: var(--blue-color);
}

.arrow-link.white .text {
    color: #fff;
}

.arrow-link {
    display: inline-flex;
    align-items: center;
}

.arrow-link:hover,
.arrow-link:focus {
    text-decoration: none;
}

.link.heptagon {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.link.heptagon span {
    margin-left: 15px;
    display: inline-block;
    color: inherit;
    font-family: var(--font-body-text);
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0.02em;
}

.link.btn-primary.heptagon.blue:before {
    background: url(../images/polygon-blue.svg) no-repeat center;
    background-size: inherit;
}

.link.btn-primary.heptagon.blue:hover:before,
.link.heptagon.white:hover:before,
.link.heptagon.green:hover:before {
    opacity: 0.7;
}

/*.link.btn-primary.heptagon.blue:hover:before,
.link.heptagon.green:hover:before{
     background: url(../images/polygon-white.svg) no-repeat center;
    background-size: inherit;
}*/

.link.heptagon.green {
    color: var(--green-color);
}

.link.heptagon.white {
    color: #fff;
}

.corner .button {
    clip-path: polygon(17px 0, 100% 0, 100% 100%, 0 100%, 0 17px);
}

.corner:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    transform: rotate(-45deg);
    display: inline-block;
    position: absolute;
    left: -14px;
    top: -2px;
    z-index: 3;
    outline: 1px solid #fff;
}

.corner.green:before {
    outline: 1px solid var(--green-color);
}

.corner.blue:before {
    outline: 1px solid var(--blue-color);
}

span.arrow_msk {
    display: inline-block;
    overflow: hidden;
    width: 11px;
    height: 11px;
    position: relative;
    margin-left: 4px;
}

.arrow span.arrow_msk svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .5s ease-in-out;
    /* -webkit-transition-delay: .2s; */
    /* transition-delay: .2s; */
}

.arrow span.arrow_msk svg:last-child {
    -webkit-transform: translate3d(-200%, 200%, 0);
    transform: translate3d(-200%, 200%, 0);
}


.arrow:hover span.arrow_msk svg {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.arrow:hover span.arrow_msk svg:first-child {
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
}


.button:hover,
main input[type="button"]:hover,
main input[type="reset"]:hover,
main input[type="submit"]:hover,
a.btn:hover,
button.btn:hover {
    outline: none;
    outline-offset: 0;
    background: transparent;
    opacity: 1;
    filter: Alpha(opacity=100);
    justify-content: center;
    color: var(--blue-color);
    background: #fff;
    text-decoration: none;
}


main .green .button:hover {
    color: var(--green-color);
    background: #fff;
    text-decoration: none;
}


/*end anime button*/

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

.entry .entry-content .wp-block-separator:not(.wp-block-separator),
.entry .entry-content hr:not(.wp-block-separator) {
    max-width: 100%;
    height: 1px;
}

/*main button {
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: e-oQuad;
    -webkit-backface-visibility: hidden;
     backface-visibility: hidden; 
    display: inline-block;
}*/

.entry .entry-content .button.arrow:hover:after,
main .button.arrow:hover:after {
    transform: translateX(10px);
}

fieldset.fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

fieldset .control {
    margin-bottom: 24px;
}

fieldset.fieldset .field p {
    margin: 0;
}

label {
    text-align: left;
    width: 100%;
    margin-bottom: 16px;
    display: inline-block;
    color: #878787;
    font-family: var(--font-form-label);
    font-size: 16px;
    font-weight: 400;
    line-height: 70px;
    letter-spacing: 0.3px;
    margin-bottom: 11.5px;
}

label+br {
    display: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 0;
    border-bottom: 1px solid #282828;
    outline: none;
    padding: 11.5px 0;
    margin: 0;
    height: auto;
    background: transparent;
}

input::placeholder,
body textarea::placeholder {
    color: #282828;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../images/down-arrow.svg) no-repeat right 0px center;
    background-size: 16px;
    font-family: var(--font-body-text);
    padding: 0 50px 0 0;
    cursor: pointer;
    font-family: var(--font-body-text);
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.01em;
    height: 62px;
    width: 100%;
    border: 0;
    border-bottom: solid 1px #282828;
}

select:focus {
    outline: none;
}

.select2-container--default .select2-results__option--disabled {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: var(--font-body-text);
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #282828;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    width: 100%;
    align-items: center;
}


span.select2-search.select2-search--dropdown {
    display: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: var(--blue-color);
    background: transparent;
}

.select2-results__option {
    font-family: var(--font-body-text);
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #282828;
    padding: 5.5px 25px;
}
.select2-results__option:hover {
    color: var(--blue-color);
}
span.select2-results {
    background: transparent;
}


.select2-container--default .select2-results__option--selected {
    background-color: transparent;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 242px;
    padding: 20px 0 20px;
    width: 100%;
}

span.select2-dropdown.select2-dropdown--below {
    border: 0;
    top: 0;
}

.admin-bar span.select2-dropdown.select2-dropdown--below {
    /* top: 32px; */
}

.select2-dropdown {
    border: 0;
}

span.select2-selection.select2-selection--single {
    border: 0;
    border-radius: 0;
    background: transparent;
    height: auto;
}

.select2-container .selection {
    display: inline-block;
    padding-bottom: 14px;
    border-bottom: 1px solid #282828;
    width: 100%;
    /* height: 62px; */
}
.select2-container .selection:focus,
.select2-container .selection:focus-visible {
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: solid #282828;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4.5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: 0;
}

.grounp-filter .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.grounp-filter .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #8F90A6
}



body:not(.blog) .select2-container,
.blog .section-post .select2-container {
    padding: 0;
}

.select2-container {
    width: auto !important;
    max-width: 100%;
    display: block;
    clear: both;
    outline: none;
}

.select2-container span {
    outline: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4.5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -7px;
    right: 2px;
    height: 23px;
}

body textarea {
    margin: 0 !important;
    padding: 0;
    width: 100%;
    height: 187px;
    border: 0;
    border-bottom: 1px solid #282828;
    resize: none;
    vertical-align: top;
    outline: none;
    font-family: var(--font-body-text);
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.01em;
}

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,
.site textarea:focus {
    outline: none;
    outline-offset: 0;
    color: inherit;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #f9f9f9 inset !important;
    -webkit-text-fill-color: #282828 !important;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;
    /*your box-shadow*/
    -webkit-text-fill-color: #282828 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000 !important;
    -webkit-box-shadow: 0 0 0px 1000px #f9f9f9 inset;
    transition: background-color 5000s ease-in-out 0s;
}

input::placeholder,
body textarea::placeholder {
    color: #282828;
}

.wpcf7-not-valid-tip {
    margin-top: 8px;
    color: red;
}

body .wpcf7-not-valid,
body .site textarea.wpcf7-not-valid {
    border-color: red;
}

.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: none;
    outline-offset: 0;
}

.field {
    margin-bottom: 37px;
    margin-top: 0px;
}

body .owl-nav button[class*=owl-] {
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    padding: 0;

    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    box-shadow: none;
    z-index: 2;
    width: 36px;
    height: 36px;
    background: #ffffff;
    box-shadow: 1px 4px 9px rgba(205, 205, 205, 0.5);
    border: 0;
    min-width: auto;
}

.owl-nav [class*=owl-] span {
    display: none;
}

.owl-nav [class*=owl-]:before {
    content: '';
    width: 7px;
    height: 13px;
    background: url(../images/arrow-red.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    clear: both;

    transition: transform .4s ease;
    -ms-transition: transform .4s ease;
    -webkit-transition: transform .4s ease;
    -ms-transition: transform .4s ease;
    -webkit-transition: transform .4s ease;
    display: inline-block;
    padding: 0px;

}

.owl-prev:before {
    content: '';
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    margin-right: 2px;
}

body .owl-nav button[class*=owl-]:hover {
    background: #E72339;
}

.owl-nav [class*=owl-]:hover:before {
    background: url(../images/arrow-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.owl-nav [class*=owl-].owl-prev:hover:before {
    transform: rotate(180deg) translateX(5px);
    -ms-transform: rotate(180deg) translateX(5px);
    -webkit-transform: rotate(180deg) translateX(5px);
    -ms-transform-origin: rotate(180deg) translateX(5px);
    -webkit-transform-origin: rotate(180deg) translateX(5px);
}

.owl-nav button.owl-next:hover:before {
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -ms-transform-origin: translateX(5px);
    -webkit-transform-origin: translateX(5px);
}



.wrap-pagination.pagination .prev:before {
    content: "";
    background-image: url(../images/arrow.svg);
    width: 8px;
    height: 13px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.wrap-pagination.pagination .next:before {
    content: "";
    background-image: url(../images/arrow.svg);
    width: 8px;
    height: 13px;
}

.wrap-pagination.pagination .prev:hover:before {
    background-image: url(../images/arrow-white.svg);
    transform: initial;
}

.wrap-pagination.pagination .next:hover:before {
    background-image: url(../images/arrow-white.svg);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.wrap-pagination.pagination .next:focus-visible:before,
.wrap-pagination.pagination .prev:focus-visible:before {
    background-image: url(../images/arrow.svg);
}

.wrap-pagination.pagination .page-numbers {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border: 1px solid #8F90A6;
    margin: 0 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-body-text);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 29px;
    /* identical to box height */

    display: flex;
    align-items: center;
    text-align: center;

    /* blue grey */

    color: #8F90A6;
}

.wrap-pagination.pagination .prev,
.wrap-pagination.pagination .next {
    font-size: 0;
}

.wrap-pagination.pagination {
    display: flex;
    justify-content: center;
    border: initial;
    padding-top: 100px;
    margin: 0 auto;
    width: 100%;
}

.wrap-pagination.pagination .page-numbers.current {
    background: var(--blue-color);
    border: 1px solid var(--blue-color);
    color: #fff;
}

.wrap-pagination.pagination .page-numbers:hover,
.wrap-pagination.pagination .page-numbers:focus {
    background: var(--blue-color);
    border: 1px solid var(--blue-color);
    color: #fff;
    text-decoration: none;
}

.wrap-pagination.pagination .page-numbers.disabled {
    pointer-events: none;
}

/*Swiper owl-nav*/

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

.swiper-button-next.hide,
.swiper-button-prev.hide {
    display: none !important;
}

.swiper-button-next,
.swiper-button-prev,
.swipers-button-prev,
.swipers-button-next {
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 23px;
    background: none;
    margin: 0;
    position: absolute;
    cursor: pointer;
}

.middle .swiper-button-next,
.middle .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}


.swiper-button-next:before,
.swiper-button-prev:before,
.swipers-button-next:before,
.swipers-button-prev:before {
    background: url(../images/arrow-button.svg) center no-repeat;
    width: 27px;
    height: 20px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
}

.swiper-button-next:hover:before,
.swiper-button-prev:hover:before,
.swipers-button-next:hover:before,
.swipers-button-prev:hover:before {
    background: url(../images/arrow-button-hover.svg) center no-repeat;
    background-size: contain;
}

.swiper-button-prev:before,
.swipers-button-prev:before {
    transform: rotate(180deg);
}

.hide-arrow .swipers-button-next,
.hide-arrow .swipers-button-prev {
    display: none !important;
}

.swiper-button-prev,
.swipers-button-prev {
    left: auto;
    right: 49px;
}

.swiper-button-next,
.swipers-button-next {
    right: 0;
}


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

.arrow-green .swiper-button-next {
    right: 0px;
}

.arrow-green .swiper-button-next,
.arrow-green .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
    width: 51px;
    height: 53px;
    /* background: #10CFC9;
    border: 1px solid #10CFC9; */
    background-color: var(--blue-color);
    border: 1px solid var(--blue-color);
    padding: 0;
    display: inline-flex;
    margin: 0;
}

.arrow-green .swiper-button-next:before,
.arrow-green .swiper-button-prev:before {
    background: url(../images/arrow-button-green.svg);
    width: 14px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
}

.arrow-green .swiper-button-next:hover,
.arrow-green .swiper-button-prev:hover,
.arrow-green .swiper-button-next:focus,
.arrow-green .swiper-button-prev:focus {
    background: #fff;
    border-color: #fff;
}

.arrow-green .swiper-button-next:hover:before,
.arrow-green .swiper-button-prev:hover:before,
.arrow-green .swiper-button-next:focus:before,
.arrow-green .swiper-button-prev:focus:before {
    background: url(../images/arrow-button-green-hover.svg);
    width: 14px;
    height: 22px;
}



.section-background-images {
    position: relative;
}

@media (max-width: 1300px) {
    .swiper-button-prev,
    .swipers-button-prev {
        right: 74px;
    }

    .swiper-button-next,
    .swipers-button-next {
        right: 25px;
    }
}


@media (max-width: 1024px) {

    h1,
    .h1,
    h1.page-title,
    .page .panel-content h1.entry-title,
    .page:not(.twentyseventeen-front-page) h1.entry-title {
        font-size: 50px;
    }

    h2,
    .h2,
    .entry-content h2,
    .page:not(.twentyseventeen-front-page) h1.entry-title {
        font-size: 35px;
    }

    h3,
    .h3,
    .entry .entry-title {
        font-size: 27px;
        line-height: 40px;
    }

    h4,
    .h4 {
        font-size: 24px;
        line-height: 30px;
    }

    h5,
    .h5 {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (max-width: 767px) {

    .swiper-button-next:before,
    .swiper-button-prev:before,
    .swipers-button-next:before,
    .swipers-button-prev:before,
    .swiper-button-next,
    .swiper-button-prev,
    .swipers-button-prev,
    .swipers-button-next {
        width: 27px;
        height: 20px;
    }

    main .content.dots ul li,
    .page-template-default main .content ul li {
        line-height: 125%;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 15px;
        line-height: 125%;
        letter-spacing: 0.01em;
        height: 58px;
    }
    .select2-results__option {
        font-size: 15px;
        line-height: 125%;
        letter-spacing: 0.01em;
    }

    main .content.dots ul li:before,
    .page-template-default main .content ul li:before {
        top: 6px;
    }

    .button,
    button,
    a.button,
    input[type=submit],
    a.button.arrow,
    a.button.white {
        font-size: 15px;
        line-height: 125%;
        letter-spacing: 0.01em;
        padding: 11px 16px;
    }

    .arrow-green .swiper-button-next,
    .arrow-green .swiper-button-prev {
        width: 35px;
        height: 35px;
    }


    .arrow-link .icon+.text,
    .arrow-link .text+.icon {
        margin-left: 10px;
    }

    .arrow-link .icon {
        width: 27.78px;
        height: 31.94px;
    }

    .arrow-link .material-icons svg {
        width: 5.4px;
        height: 8.23px;
    }

    .arrow-green .swiper-button-next:before,
    .arrow-green .swiper-button-prev:before,
    .arrow-green .swiper-button-next:hover:before,
    .arrow-green .swiper-button-prev:hover:before,
    .arrow-green .swiper-button-next:focus:before,
    .arrow-green .swiper-button-prev:focus:before {
        width: 10px;
        height: 16px;
        background-size: contain;
    }

    body {
        font-size: 15px;
        line-height: 125%;
        letter-spacing: 0.01em;
    }

    body textarea {
        height: 180px;
    }

    h1,
    .h1,
    h1.page-title,
    .page .panel-content h1.entry-title,
    .page:not(.twentyseventeen-front-page) h1.entry-title {
        font-size: 30px;
        line-height: 120%;
    }

    h2,
    .h2,
    .entry-content h2 {
        font-size: 25px;
        line-height: 118%;
        letter-spacing: 0.01em;
    }

    h3,
    .h3,
    .entry .entry-title {
        font-size: 20px;
        line-height: 118%;
    }

    h4,
    .h4 {
        font-size: 18px;
        line-height: 140%;

    }

    h5,
    .h5 {
        font-size: 18px;
        line-height: 140%;

    }

    h6,
    .h6 {
        font-size: 18px;
        line-height: 140%;

    }
}


@media (min-width: 768px) {
    .content-mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .content-desktop {
        display: none;
    }
}