/*
** Theme Variables
*/
:root {
    --green: #4BAE4F;
    --red: #F44336;
    --white: #ffffff;
    --black: #000000;
    --gray: #6A6A6A;
    --ltpurple: #9AABFF;

    --primary:   #FF3E4F;
    --primary-a: #dd303e;

    --secondary:   #8095F5;
    --secondary-a: #7689E1;

    --body: #464646;
    --headings: var(--black);
    
    --silvergray: #666666;

    --lightblue: #F4F6FF;
    --lightred: #FFECEE;
    --offred: #FFF5F4;
   
    --link: var(--primary);
    --link-a: var(--primary-a);

    --siteradius: 16px;
    --siteradius10: 10px;

    --formfieldbg: var(--white);
    --formfieldplaceholder: #FF8A8A;
    --formtextcolor: var(--body);
    --formfieldborder: #FF7272;
    --formfieldradius: var(--siteradius10);

    /* scroll-behavior: smooth; */
}

:target {
    scroll-margin-top: 100px;
}

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

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

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


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

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

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

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

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

/*
** Font Icons
*/
@font-face {
    font-family: 'es';
    src: url('../fonts/icons/es.ttf?obh2wx') format('truetype'),
        url('../fonts/icons/es.woff?obh2wx') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
    font-display: swap;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'es';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-subscribe:before {
    content: "\e90c";
}
.icon-search:before {
    content: "\e900";
}
.icon-twitter:before {
    content: "\e901";
}
.icon-star:before {
    content: "\e902";
}
.icon-linkedin:before {
    content: "\e903";
}
.icon-instagram:before {
    content: "\e904";
}
.icon-fb:before {
    content: "\e905";
}
.icon-clock:before {
    content: "\e906";
}
.icon-circle-plus:before {
    content: "\e907";
}
.icon-arrow-rt:before {
    content: "\e908";
}
.icon-arrow:before {
    content: "\e909";
}
.icon-angle-down-lt:before {
    content: "\e90a";
}
.icon-angle-down:before {
    content: "\e90b";
}

/*
** Custom Reset
*/
*,:after,:before { -webkit-box-sizing: border-box; box-sizing: border-box }
img { max-width: 100%; height: auto; vertical-align: top; }
a, span, i, label { display: inline-block; }
a { color: var(--link); text-decoration: none; transition: 0.3s ease-in-out; }
a:hover { color: var(--link-a); }
a:focus { outline: none; }
strong, b { font-family: 'oggtt-book', serif; font-weight: normal; }

header ul,
footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

p:last-child,
ul:last-child,
li:last-child {
  margin-bottom: 0;
}

button,
button:focus {
    font-family: 'satoshi-md', sans-serif;
    border: 0;
    outline: 0;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

input:focus {
    outline: none;
    box-shadow: none;
}

ul, ol { padding-left: 20px; }

li { margin-bottom: 10px; }

/*
** Globals
*/

/*Typo*/
body {
    font-family: 'satoshi', sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: var(--body);
    margin: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'oggtt-book', serif;
    font-weight: normal;
    font-style: normal;
    margin-top: 0;
    color: var(--headings);
}

h1, .h1 { font-size: 48px; line-height: 1.35em; margin-bottom: 24px; }
h2, .h2 { font-size: 40px; line-height: 1.35em; margin-bottom: 24px; }
h3, .h3 { font-size: 32px; line-height: 42px; margin-bottom: 22px; }
h4, .h4 { font-size: 24px; line-height: 32px; margin-bottom: 16px; }
h5, .h5 { font-size: 20px; line-height: 1.50em; margin-bottom: 16px; }
h6, .h6 { font-size: 18px; line-height: 1.55em; margin-bottom: 14px; }

p { margin-top: 0; }

img {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
}

/* Form Fields */
form {
    --fieldH: 54px;
    --fieldBord: 1px solid var(--formfieldborder);
    --fieldColor: var(--formtextcolor);
    --fieldPh: var(--formfieldplaceholder);
    --fieldRads: var(--siteradius10);
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="num"],
input[type="tel"],
input[type="url"],
select,
textarea {
    font-family: 'satoshi', sans-serif;
    font-size: 18px;
    line-height: calc(var(--fieldH) - 2px);
    width: 100%;
    height: var(--fieldH);
    padding: 0 15px;
    vertical-align: top;
    color: var(--fieldColor);
    border: var(--fieldBord);
    border-radius: var(--fieldRads);
    outline: 0 !important;
    background-color: var(--formfieldbg);
}

input::placeholder,
textarea::placeholder {
    color: var(--fieldPh);
}

textarea {
    line-height: 24px;
    min-height: 100px;
    max-height: 100px;
    padding-top: 12px;
    resize: none;
}

select {
    width: 100%;
    padding-right: 36px;
    background-image: url('../images/angle-down.svg');
    background-size: 15px;
    background-position: right 12px center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none;
}

.escsform select {
    background-image: url('../images/angle-down-p.svg');
}

/*Background Utilities*/
.bg--primary { background-color: var(--primary); color: var(--white); }
.bg--secondary { background-color: var(--secondary); color: var(--white); }
.bg--lightblue { background-color: var(--lightblue); }
.bg--lightred { background-color: var(--lightred); }
.bg--offred { background-color: var(--offred); }

/*Text Utilities*/
.text-rg { font-family: 'satoshi', sans-serif; }
.text-lt { font-family: 'satoshi-lt', sans-serif; }
.text-md { font-family: 'satoshi-md', sans-serif; }

.text-ogg { font-family: 'oggtt', sans-serif; }
.text-ogglt { font-family: 'oggtt-lt', sans-serif; }
.text-oggmd { font-family: 'oggtt-md', sans-serif; }
.text-oggbd { font-family: 'oggtt-bd', sans-serif; }
.text-oggbk { font-family: 'oggtt-book', sans-serif; }

.text-italic { font-style: italic; }

.text--primary { color: var(--primary); }
.text--secondary { color: var(--secondary); }
.text--body { color: var(--body); }
.text--white { color: var(--white); }
.text--black { color: var(--black); }
.text--red { color: var(--red); }
.text--green { color: var(--green); }
.text--gray { color: var(--gray); }

.font-32 { font-size: 32px; line-height: 1.33em; }
.font-30 { font-size: 30px; line-height: 1.33em; }
.font-24 { font-size: 24px; line-height: 1.56em; }
.font-20 { font-size: 20px; line-height: 30px; }
.font-18 { font-size: 18px; line-height: 1.66em; }
.font-16 { font-size: 16px; line-height: 26px; }
.font-14 { font-size: 14px; line-height: 1.625em; }
.font-12 { font-size: 12px; line-height: 16px; }

/*Buttons*/
.bttn {
    --bttnh: 50px;
    font-family: 'satoshi-md', sans-serif;
    font-size: 20px;
    line-height: calc(var(--bttnh) - 2px);
    min-width: 140px;
    height: var(--bttnh);
    padding: 0 20px;
    text-align: center;
    border: 1px solid var(--primary);
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.bttn-sm {
    --bttnh: 38px;
    font-family: 'satoshi', sans-serif;
    font-size: 16px;
    padding: 0 15px;
}

.bttn-lessround { border-radius: var(--siteradius10); }

.bttn-primary {
    color: var(--white);
    background-color: var(--primary);
}

.bttn-primary:hover,
.bttn-primary:focus {
    color: var(--white);
    background-color: var(--primary-a);
}

.bttn-primary-alt {
    color: var(--primary);
    background-color: transparent;
}

.bttn-primary-alt:hover,
.bttn-primary-alt:focus {
    color: var(--white);
    background-color: var(--primary);
}

.bttn-secondary {
    color: var(--white);
    border-color: var(--secondary);
    background-color: var(--secondary);
}

.bttn-secondary:hover,
.bttn-secondary:focus {
    color: var(--white);
    border-color: var(--secondary-a);
    background-color: var(--secondary-a);
}


/*Other Utilities*/
.list-unstyled, .list-unstyled ul, .list-unstyled ol { padding: 0; margin: 0; list-style: none; }
.transition { transition: 0.3s ease-in-out; }
.unlink { pointer-events: none; cursor: none; }
.siteradius { border-radius: var(--siteradius); }
.fullradius { border-radius: 100%; }

/*
** Bootstrap Extends & Overrides
*/
.container, .container-fluid, .row>* { padding-left: 15px; padding-right: 15px; }
.row { margin-left: -15px; margin-right: -15px; }
.gx-0.row>* { padding-left: 0; padding-right: 0; }
.gx-0.row { margin-left: 0; margin-right: 0; }

.visually-hidden,
.sr-only {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}

.overflow-hidden { overflow: hidden; }

/*
** WP Overrides
*/
.screen-reader-text { position: absolute; margin: 0; padding: 0; visibility: hidden; opacity: 0; }

/*
** Slick Slider
*/
.slick-initialized { z-index: 0; position: relative; }
.slide .slick-slide, .slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-initialized .slick-list { position: relative; overflow: hidden; }
.slick-initialized .slick-slide { display: inline-block; width: auto; }
.slick-initialized .slick-slide:focus { outline: none; }
.slick-dots { display: flex; align-items: center; justify-content: center; list-style: none; padding: 0; }
.slick-dots li { margin: 0; }
.slick-dots li + li { margin: 0; margin-left: 10px; }
.slick-dots li button {
    display: block;
    font-size: 0px;
    width: 12px;
    max-width: 12px;
    height: 12px;
    padding:0;
    border: 0px solid transparent;
    border-radius: 12px;
    background-color: var(--lightgray);
    opacity: 1;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.slick-dots li.slick-active button { background-color: var(--primary); }

/*
** Header
*/
.site-header {
    font-family: 'satoshi', sans-serif;
    position: sticky;
    top: 0;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #D8D8D8;
    background: var(--white);
    transition: all 0.3s ease;
    z-index: 15;
}

.site-header-alt {
    background-color: var(--lightblue);
}

.site-header.siteheader-sticky {
    padding: 6px 0;
    background: var(--white);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
}

.custom-logo {
    width: auto;
    height: 38px;
    transition: 0.2s ease;
}

/*
.siteheader-sticky .custom-logo {
    height: 30px;
}
*/

.site-header .row {
    align-items: center;
}

.site-navmenu {
    display: inline-flex;
    align-items: center;
    column-gap: 40px;
}

.site-navmenu li { margin-bottom: 0; }


.site-navmenu a {
    font-size: 18px;
    line-height: 24px;
    padding: 12px 5px;
    color: var(--black);
}

.site-navmenu a:hover,
.site-navmenu .current-menu-ancestor>a,
.site-navmenu .current-menu-parent>a,
.site-navmenu .current-menu-item>a {
    color: var(--primary);
}

.headctas .bttn {
    font-family: 'satoshi-md', sans-serif;
    font-size: 16px;
    min-width: 120px;
}

/*Site Menu Toggle*/
.site-menutoggle {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    width: 33px;
    height: 40px;
    width: 24px;
    height: 28px;
    position: relative;
    margin-bottom: 0;
}

.site-menutoggle span {
    display: block;
    width: 24px;
    height: 3px;
    margin-bottom: 5px;
    position: relative;
    background: linear-gradient(180deg, var(--black) 0%, var(--black) 100%);
    border-radius: 6px;
    transform-origin: 5px 5px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
    z-index: 1;
}

.site-menutoggle span:last-child {
    margin-bottom: 0;
}

.site-menutoggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

.site-menutoggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-10px, -10px);
}

.site-menutoggle input:checked~span:nth-last-child(2) {
    transform: rotate(-45deg) translate(-2px, 9px);
}

.site-menutoggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
    transition: 0s;
}

/*
** Common Sections
*/
section.section {
    padding: 60px 0;
}

.section-head {
    margin-bottom: 40px;
}

.section-head h2:last-child {
    margin-bottom: 0;
}


/*
** Home
*/

/*Hero*/
.hero { padding-top: 100px; }

.hero-home { padding-top: 70px; }

.hero .container { position: relative; }

.hero h1,
.hero p {
    position: relative;
    z-index: 1;
}

.secctas {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 40px;    
}

.hero-home-books {
    --topoffset: 32px;
    position: relative;
    padding-bottom: 10px;
    margin-top: calc(90px + var(--topoffset));
    background-image: url('../images/hero-curve.svg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.hero-home-books img {
    position: relative;
    margin-top: calc(var(--topoffset) * -1);
    z-index: 1;
}

.hero-home-books::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-color: var(--lightblue);
    z-index: 0;
}

.heroart {
    position: absolute;
    z-index: 0;
}

.heroart-1 { left: 64px; bottom: 76px; }
.heroart-2 { right: -31px; bottom: 103px; }
.herobub-1 { left: -32px; top: -34px; }
.herobub-2 { right: -20px; top: -20px; }

/*Trust ES*/
.trustlist {
    display: flex;
    gap: 22px;
}

.trustcol {
    display: grid;
    gap: 22px;
    max-width: calc(33.33% - 15px);
    flex: 1 0 calc(33.33% - 15px);
}

.trustcard:not(.bg--primary) {
    background-color: var(--white);
}

.trustcard {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 32px;
    border-radius: var(--siteradius);
    overflow: hidden;
}

.trustbookimg {
    margin: 0 auto;
    margin-bottom: -110px;
}

.trustcard-es {
    padding: 66px 46px;
}

.trustcard-es h3 {
    font-size: 36.67px;
    display: grid;
    gap: 9px;
    text-align: center;
}

.trustcard-es .trustesadv {
    font-size: 1.06em;
}

.trustesicon {
    display: flex;
    align-items: center;
    gap: 15px;
}

.trustcta {
    padding-top: 56px;
    margin-bottom: 50px;
    background-color: var(--white);
    background-image: url('../images/hero-curve-btm.svg');
    background-position: bottom 25px center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*Services Section*/
.servtabs {
    display: flex;
    gap: 16px;
    /* width: 316px; */
    width: 551px;
    margin: 0 auto;
    padding: 10px;
    margin-bottom: 30px;
    border: 1px solid #C9C9C9;
    border-radius: 42px;
}

.servtabs a {
    font-family: 'satoshi-md', sans-serif;
    font-size: 14px;
    flex: 1 0 auto;
    line-height: 35px;
    height: 35px;
    padding: 0 10px;
    text-align: center;
    border-radius: 42px;
    color: var(--body);
}

.servtabs .active, .servtabs a:hover { background-color: var(--primary); color: var(--white); }

.servpane {
    display: none;
}

.servpane.active {
    display: block;
}

.servslist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 35px 40px;
    text-align: center;
    max-width: 1160px;
    margin: 20px auto 0;
    padding-bottom: 50px;
}

.servsitem {
    flex: 1 0 25%;
    max-width: calc(25% - 30px);
}

/*Services - 3-3-2 */
.row-serv { position: relative; }
.row-serv::before {
    --rowservoff: 74px;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: var(--rowservoff);
    width: 1px;
    height: calc(100% - var(--rowservoff));
    transform: translateX(-50%);
    background-color: #B3B3B3;
}
.row-serv h3 { margin-bottom: 44px; }
.row-serv ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 28px 50px;
}
.row-serv ul.list-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px 50px;
}

.row-serv li {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

.servimg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    min-width: 70px;
    height: 70px;
    margin: 0 auto;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.10);
    transition: 0.3s ease-in-out;
}

.row-serv li a:hover .servimg {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

.servtitle {
    display: block;
    font-family: 'oggtt-md', serif;
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
    color: var(--headings);
}

.gw-services .row-serv { flex-wrap: nowrap; column-gap: 60px; }
.gw-services .row-serv::before { display: none; }
.gw-services .row-serv > div {
    position: relative;
    max-width: unset;
    flex: 0 1 auto;
    width: auto;
    padding: 0;
}

.gw-services .row-serv > div + div::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #B3B3B3;
}

.gw-services .row-serv ul { gap: 28px 40px; }
.gw-services .servtitle { min-height: 44px; }

/*Process*/
.proclist {
    display: flex;
    padding-top: 16px;
    column-gap: 64px;
}

.procitem {
    position: relative;
    flex: 1 0 auto;
    max-width: calc(20% - 51.2px);
}

.procitem::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 66px;
    height: 1px;
    width: calc(100% - 18px);
    background-color: #B7B7B7;
}

.procitem:last-child::before { display: none; }

.procitem h3 { margin: 16px 0 16px;}

/*One Roof*/
.orooflist {
    position: relative;
    display: grid;
    gap: 28px;
    grid-template-columns: 334px 334px;
    justify-content: space-between;
}

.oroofitem {
    display: flex;
    align-items: center;
    width: 334px;
    min-height: 120px;
    padding: 15px 3px 15px 32px;
    border: 1px solid #D6D6D6;
    border-radius: var(--siteradius);
}

.oroofitem:nth-child(3) {
    margin-left: -62px;
}

.oroofitem:nth-child(4) {
    margin-left: 62px;
}

.orooflist img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.oroofcta { margin-top: 40px; }

/*FAQ*/
.faqlist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 30px;
}

.faqitem {
    padding: 20px;
    border: 1px solid var(--ltpurple);
    border-radius: var(--siteradius);
    background-color: var(--white);
}

.faqitem + .faqitem { margin-top: 20px; }

.faqhead {
    position: relative;
    cursor: pointer;
    padding-right: 30px;
}

.faqhead::before {
    content: "\e907";
    font-family: 'es';
    font-weight: normal;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(0deg);
    transition: 0.3s all ease;
    color: var(--ltpurple);
}

.faqopen .faqhead::before {
    transform: rotate(45deg);
}

.faqbody {
    display: none;
    font-size: 16px;
    line-height: 22px;
    padding: 15px 0 0;
}

/*Blog*/
.bloglist {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 34px;
}


.blogitem {
    padding: 27px 15px;
    background: var(--lightblue);
}

.blogcat {
    font-size: 12px;
    line-height: 16px;
    padding: 5px 10px;
    margin-bottom: 15px;
    border-radius: 20px;
    color: var(--white);
    background: var(--secondary-a);
}

.blogcat:hover { color: var(--white); }

.blogitem h3 a { color: var(--secondary); }

.blogitem p { color: var(--silvergray); }

.blogimeta { display: flex; align-items: center; gap: 5px; }

.blogimeta::before {
    content: "";
    order: 1;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #D9D9D9;
}

.blogimeta span:last-child { order: 2; }
.blogimeta a { color: var(--black); }
.blogimeta a:hover { color: var(--primary); }

/*Case Studies*/
.cslist {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.csitem {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1 0 33.33%;
    max-width: calc(33.33% - 27px);
    border: 1px solid #C4C4C4;
    border-radius: var(--siteradius);
    overflow: hidden;
}

.csiimga {
    display: block;
    background-color: var(--secondary);
}

.csiimga img {
    display: block;
    width: auto;
    height: 106px;
    margin: 0 auto;
    object-fit: cover;
    object-position: center;
}

.blogimg img {
    height: auto;
}

.csibody {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
    padding: 24px 20px 16px;
}

.csibody h3 { margin-bottom: 16px; }

.csibody h3 a, .csibody h3 a:hover { color: var(--headings); }

.csibody p { margin-bottom: 24px; }

.csibody .bttn { font-size: 18px; width: 100%; border-radius: var(--siteradius10); margin-top: auto; }

/*Blog Listing*/
.blog .hero-soc { top: calc(100% + 40px); z-index: 0; }
.blog-hero .container { position: relative; }
.blog-hero .row { position: relative; row-gap: 30px; z-index: 1; }

.bheroca {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
    padding-top: 70px;
    border-radius: 30px;
    background-position: top right, left top;
    background-repeat: no-repeat;
    background-size: 53.98%, 395px;
    background-image: url('../images/useful-article-for-you.webp'), url('../images/blog-shape.svg');
}

.bheroca-t {
    font-size: 56px;
    line-height: 1.357em;
    color: var(--secondary-a);
    max-width: 200px;
    margin-bottom: 20px;
}

.bheroc-a {
    display: flex;
    align-items: center;
    gap: 22px;
    width: 340px;
    max-width: 100%;
}

.bheroc .esopst-subs { margin-top: auto; }

.bheroc .esopst-subs .bttn {
    --bttnh: 50px;
    font-size: 20px;
    margin-top: 35px;
}

.bherocs {
    padding: 36px 36px 28px;
    background-position: top right -3px;
    background-repeat: no-repeat;
    background-size: 395px;
    background-image: url('../images/blog-shape-alt.svg');
    border-radius: 30px;
}

.bherocs-t {
    padding-left: 30px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../images/icon-pinned.svg');
}

.bherocs-thumb {
    display: block;
    height: 270px;
    margin-top: 15px;
    border-radius: 20px;
    overflow: hidden;
}

.bherocs-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.bherocs-pt { margin-top: 15px; }

.bherocs-pt a { color: var(--headings); }

.bherocs-metas {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 15px;
}

.bherocs-auth {
    padding-left: 25px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../images/icon-author.svg');
}

.bherocs-date {
    padding-left: 30px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../images/icon-calendar.svg');
}



.bitem { border: 0; border-radius: 0; }

.bbody h3 a, .bbody h3 a:hover { color: var(--secondary-a); }

.bcats {
    display: flex;
    flex-wrap: wrap;
    align-self: flex-start;
    gap: 10px 5px;
    margin-bottom: 15px;
}
.bcat {
    padding: 5px 10px;
    color: var(--white);
    border-radius: 100px;
    background-color: var(--secondary-a);
}
.bcat:hover { color: var(--white); background-color: var(--secondary); }

.bmeta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin-top: auto;
}

.bmeta span+span::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-bottom: 2px;
    margin-right: 5px;
    vertical-align: middle;
    border-radius: 100%;
    background-color: #D9D9D9;
}

/*Blog Category Filters*/
.cattabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px 10px;
}

.cattabs li { margin: 0; }

.cattabs a {
    line-height: 19px;
    padding: 5px 10px;
    color: var(--body);
    border: 1px solid var(--secondary-a);
    border-radius: 44px;
}

.cattabs a:hover,
.cattabs a.active {
    color: var(--white);
    background-color: var(--secondary-a);
}

/*Success Stories*/
.esstories { padding: 65px 0; overflow: hidden; }

.esstories .section-head p { width: 358px; max-width: 100%; }

.esrevbads {
    display: grid;
    grid-template-columns: 175px 200px;
    gap: 20px;
}

/*Success Stories*/
.storycards { position: relative; width: 420px; max-width: 100%; }

.storycards .swiper-slide-shadow { background: none; }

.storyslide {
    display: flex;
    font-size: 26px;
    line-height: 36px;
    min-height: 520px;
    padding: 34px 27px 34px 34px;
    color: var(--black);
    border-radius: var(--siteradius);
    background-color: var(--white);
    background-image: url('../images/quotes.svg');
    background-position: right 14px top 23px;
    background-repeat: no-repeat;
    background-size: 54.24%;
}

.storyslide-2 { background-color: #E6EAFF; }
.storyslide-3 { background-color: #DAE0FF; }
.storyslide-4 { background-color: #CED6FF; }

.storyslide p span { display: block; margin-top: 16px; }

.swiper-pagination-bullet-active { background-color: #CED6FF; }

.storycards > .storyctrs .swiper-pagination-bullet,
.storycards.swiper .swiper-pagination-bullet {
    margin: 0 3px;
}

.storycards .storynavs {
    display: flex;
    align-items: center;
    position: absolute;
    top: auto;
    left: auto;
    right: 28px;
    bottom: 35px;
    gap: 16px;
    z-index: 1;
}

.storycards .storyctrs {
    display: flex;
    align-items: center;
    width: auto;
}

.storycards .swiper-button-next,
.storycards .swiper-button-prev {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    color: var(--black);
}

.storycards .swiper-button-next { transform: rotate(180deg); }

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

/*Become Author*/
.beauthor .container {
    position: relative;
    padding-top: 108px;
    padding-bottom: 130px;
}


.beauthor .container::before,
.beauthor .container::after {
    --xpos: -30px;
    content: "";
    position: absolute;
    left: var(--xpos);
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
}

.beauthor .container::before {
    background-image: url('../images/become-author-1.webp');
    background-position: left center;
    background-repeat: no-repeat;
}

.beauthor .container::after {
    left: auto;
    right: var(--xpos);
    background-image: url('../images/become-author-2.webp');
    background-position: right center;
    background-repeat: no-repeat;
}

.beauthor .section-head p {
    width: 556px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.beauthor h3 { padding-top: 8px; }

.statlist {
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px;
    width: 732px;
    max-width: 100%;
    margin: 0 auto;
}

.statlist::before,
.statlist::after {
    --statiline: 1px;
    display: block;
    content: "";
    width: var(--statiline);
    max-width: var(--statiline);
    flex: 1 0 var(--statiline);
    height: 50px;
    background-color: var(--black);
}

.statitem {
    --statisize: 212px;
    flex: 1 0 var(--statisize);
    width: var(--statisize);
    max-width: var(--statisize);
}

.statinum {
    font-size: 48px;
    line-height: 48px;
}

.statitem h4 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 0;
}

.statlist::before { order: 2; }
.statlist >*:nth-child(1) { order: 1; }
.statlist >*:nth-child(2) { order: 3; }
.statlist >*:nth-child(3) { order: 5; }
.statlist::after { order: 4; }

/*Why Choose Us*/
.whyusrow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 34px;
}

.whyuscol {
    display: grid;
}

.whyuscard {
    display: flex;
    flex-direction: column;
    padding: 14px;
    border-radius: var(--siteradius);
}

.whyuscard .h4 {
    font-size: 30px;
    line-height: 40px;
}

.whyuscard ul {
    font-family: 'satoshi-md', sans-serif;
    font-size: 20px;
    line-height: 26px;
    flex: 1;
    padding: 24px 32px;
    margin: 0;
    list-style: none;
    border-radius: var(--siteradius);
    background-color: var(--white);
}

.whyuscard li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 16px;
}

.whyuscard li:last-child { margin-bottom: 0; }

.whyuscard li::before {
    content: "";
    --wuslicon: 28px;
    width: var(--wuslicon);
    min-width: var(--wuslicon);
    height: var(--wuslicon);
    background-image: url('../images/tick-red.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.whyuscard-alt ul {
    color: var(--green);
}

.whyuscard-alt ul li::before {
    background-image: url('../images/tick-tick.svg');
}

/*CTA Author*/
.ctaauth {
    position: relative;
    background-image: url('../images/ctaauth-ltbooks.webp'), url('../images/ctaauth-rtbooks.webp'), url('../images/ctaauth-ltauths.webp'), url('../images/ctaauth-rtauths.webp');
    background-position: right calc(50% + 260px) center, left calc(50% + 410px) center, left 6vw center, right 6vw center;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
}

.ctaauth::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--lightblue);
    opacity: 0;
}

.ctaauth .container {
    position: relative;
    padding-top: 35px;
    padding-bottom: 68px;
    z-index: 1;
}

.ctaauth .bttn { border-radius: var(--siteradius); }

.ctaauth-rev { display: flex; justify-content: center; gap: 11px; margin-top: -10px; }

/*Book Potential*/
.bookpotcta .bttn { min-width: 200px; }

.bookpot .row { row-gap: 30px; }

.bookpot .section-head {
    width: 495px;
    max-width: 100%;
}

.lpstats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    font-size: 18px;
    text-align: center;
    margin-top: 40px;
}

.lpstat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 80px;
    padding: 9px 16px;
    background: var(--lightred);
}

.lpstat-num {
    display: inline-flex;
    align-items: center;
    font-size: 27px;
    line-height: 24px;
    font-weight: 600;
}

.lpstat-fact { line-height: 1.2; }

.lpstat-digit { display: flex; align-items: center; gap: 4px; }

/*Contact Us*/
.form-submit { position: relative; }
.form-submit .wpcf7-spinner { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.wpcf7-not-valid-tip { font-size: 14px; line-height: 20px; color: var(--red); margin-top: 3px; }
.wpcf7 form .wpcf7-response-output { font-family: 'satoshi-md', sans-serif; font-size: 16px; line-height: 20px; padding: 0; border: 0; margin: 20px 0 0; }
.wpcf7 form.invalid .wpcf7-response-output { color: var(--red); }
.wpcf7 form.sent .wpcf7-response-output { color: var(--green); }

/*CTA Form*/
.ctabox {
    position: relative;
    padding: 24px 40px;
    margin-bottom: 50px;
    border-radius: 20px;
    /* overflow: hidden; */
}

.ctabox h3 {
    position: relative;
    width: 415px;
    max-width: 100%;
    margin-bottom: 15px;
    color: var(--body);
    z-index: 2;
}

.ctaform {
    position: relative;
    width: 415px;
    max-width: 100%;
    z-index: 2;
}

.ctaform form {
    --fieldH: 46px;
    --fieldPh: #6A6A6A;
    --fieldBord: 0px solid transparent;
}

.formrow {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.formcol {
    flex: 1 0 calc(50% - 7.5px);
    max-width: calc(50% - 7.5px);
}

.formcol-1 {
    flex: 1 0 100%;
    max-width: 100%;
}

.ctaform .bttn {
    --bttnh: 48px;
    width: 100%;
    border-radius: var(--siteradius10);
}

.ctaform select {
    background-size: 12px;
}

.esctabg {
    display: flex ;
    align-items: center;
    position: absolute;
    top: 55%;
    top: 50%;
    right: 0px;
    width: 50%;
    height: 442px;
    height: 100%;
    transform: translateY(-50%);
    overflow: hidden;
}

.esctabg img {
    transform: translateX(60px);
}


/*Comparison Table*/
.comptable {
    position: relative;
}

.comptable .table::before {
    content: "";
    position: absolute;
    left: 25%;
    right: 1px;
    top: 0;
    width: 25%;
    height: 100%;
    border: 1px solid var(--primary);
    z-index: 0;
}

.comptable .table-3::before {
    left: 33.33%;
    width: 33.33%;
}

.table {
    position: relative;
    display: grid;
    gap: 10px;
}

.tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border: 1px solid #E7E7E7;
    border-radius: var(--siteradius10);
    box-shadow: inset 0px 0px 4.84315px rgba(0, 0, 0, 0.12);
}

.table-3 .tr {
    grid-template-columns: 1fr 1fr 1fr;
}

.td {
    position: relative;
    display: grid;
    padding: 12px 18px;
    color: var(--black);
    align-items: center;
}

.tr-head .td:not(.text--black) {
    line-height: 24px;
    color: var(--body);
}

.tr:not(.tr-head) .td {
    font-family: 'satoshi', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.tr:not(.tr-head) .td:first-child {
    font-family: 'satoshi-md', sans-serif;
    color: var(--black);
}

/*Beneifts*/
.benelist.row {
    row-gap: 50px;
}


/*Hero Services Overview*/
.hero-so {
    position: relative;
    padding-top: 165px;
    padding-bottom: 60px;
}

.hero-so::before {
    content: "";
    position: absolute;
    top: 0;
    top: -236px;
    top: -22%;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/hero-ov-circles.webp');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.hero-ov-books { position: relative; }

/*Hero Services Internal*/
section.hero-si {
    position: relative;
    padding-top: 100px;
}

.herosi-cta .bttn { min-width: 268px; }

.bannermuted {
    display: flex;
    align-items: center;
    margin-top: 16px;
    gap: 10px;
    justify-content: center;
}

.hero-si .heroart-1 { left: 0; bottom: 50%; }
.hero-si .heroart-2 { bottom: 54%; }
.hero-si .herobub-1 { top: 0%; left: 60px; }

.hero-si .herobub-2 { right: 80px; bottom: 70px; top: auto; }
.herosibad-1 { left: 40px; bottom: 67px; }
.herosibad-2 { right: 10px; top: -55px; }


/*5 Step Process*/
.procsteps {
    display: flex;
    gap: 30px 18px;
}

.procnum {
    flex: 1 0 20%;
    max-width: calc(20% - 12px);
    padding: 24px;
    border-radius: var(--siteradius);
    background: #E0E5FF;
    box-shadow: 2.14158px 2.14158px 5.35395px rgba(0, 0, 0, 0.1);
}

.procnum:nth-child(2) { background-color: #FFF5F4; }

.procnum:nth-child(3) { background-color: #F5FFF4; }

.procnum:nth-child(4) { background-color: #FFF2CC; }

.procnum:nth-child(5) { background-color: #F3E0FF; }

/*Why Choose Us - Services Internal*/
.wcusi-list { display: flex; gap: 32px; }

.wcusi-item {
    flex: 1 0 25%;
    max-width: calc(25% - 24px);
    padding: 18px;
    border: 1px solid var(--primary);
}


.wcstats {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 891px;
    max-width: 100%;
    margin: 0px auto 0px;
}

.wcstat-item {
    flex: 1 0 25%;
    max-width: 25%;
    padding: 0 15px;
    text-align: center;
}

.wcstat-title {
    font-size: 48px;
    line-height: 48px;
}

.wcstat-item p { line-height: 26px; }

/*
** Edit Link
*/
.post-edit-link,
.wp-logout {
    font-family: 'satoshi-md', sans-serif;
    position: fixed;
    left: 0;
    bottom: 28px;
    bottom: 70%;
    font-size: 16px;
    line-height: 16px;
    padding: 9px 12px;
    min-width: 60px;
    text-align: center;
    color: var(--white) !important;
    background-color: var(--primary);
    z-index: 9000;
}

/*
** Footer
*/
.foonav-head {
    color: #343434;
    margin-bottom: 20px;
}

.foointro address { 
    font-style: normal;
    width: 100%;
    max-width: 310px;
}

.foocol {
    padding: 45px 42px 32px;
    border-top: 1px solid #CED6FF;
    border-right: 1px solid #CED6FF;
}

.foocol:nth-child(3n) { border-right: none; }

.foocol-btm {
    padding: 26px 42px;
}

.foonav {
    display: grid;
    gap: 15px;
}

.foocol .fooql {
    display: block;
    column-count: 2;
    margin-bottom: -15px;
}

.foonav li {
    margin-bottom: 0;
}

.fooql  li {
    margin-bottom: 15px;
}

.foonav a {
    color: var(--gray);
}

.foonav .current-menu-item a,
.foonav a:hover,
.foonav a:focus {
    color: var(--primary);
}

.foorate {
    display: flex;
    align-items: center;
    gap: 10px;
}

.foorate span {
    color: #CED6FF;
}

.foorate .icon-star {
    color: #E4B202;
}

.site-footer .custom-logo-link { margin-bottom: 22px; }

.foosoc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.foosoc li { margin: 0; }

.foosoc a { color: var(--black); }

.foocpybuild { display: flex; align-items: center; justify-content: space-between; justify-content: center; gap: 15px; }


/*
** Default Page
*/
.escrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 780px;
    max-width: 100%;
    color: #606060;
    margin-bottom: 5px;
}

.escrumbs a { color: #606060; }
.escrumbs a:hover { color: var(--primary); }

.escrumbs [class^="icon-"] {
    font-size: 6px;
    line-height: 30px;
    transform: rotate(-90deg) translateX(-2px);
}

.espage { font-size: 18px; line-height: 28px; }

.espage h2,
.espage h3,
.espage h4,
.espage h5,
.espage h6 {
    color: var(--secondary);
    margin-bottom: 12px;
}

.espage * + h2,
.espage * + h3,
.espage * + h4,
.espage * + h5,
.espage * + h6 {
    padding-top: 10px;
}

/*
** Contact Us
*/
.contacturows { display: flex; flex-wrap: wrap; }
.contacturows > div { width: 100%; }
.contactuleft { max-width: calc(100% - 474px);padding: 73px 87px 73px 0;}
.contacturight { max-width: 474px;padding:90px 0 90px 133px;background: var(--lightblue);}
.contactusection { position: relative; }

.contacturight::after {
    content: '';
    position: absolute;
    width: 36%;
    height: 100%;
    background-color:var(--lightblue);
    top: 0;
    right: 0;
    z-index: -1;
}
.contacturightbox + .contacturightbox { margin-top: 30px; }
.contacturightbox h3 { margin-bottom: 18px; }
.contactuleft > h2 { margin-bottom: 50px; }
.contactuleft .row { gap: 30px 0; }
.iti, .wpcf7-form-control-wrap { display: block; width: 100%; }
.contactuleft select { color:var(--formfieldplaceholder); }

.escsform .bttn {
    --bttnh: 62px;
    line-height: calc(var(--bttnh) - 2px);
    height: calc(var(--bttnh) - 0px);
    width: 100%;
    min-width: 0;
    background-color: var(--formfieldborder);
    border-color: var(--formfieldborder);
    border-radius: var(--siteradius10);
}

.escsform .bttn:hover { opacity: 0.86; }

.contactuleft form{ margin-top: 50px; }

.site-social {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.site-social li { margin: 0; }

.site-social a {
    background: var(--secondary-a);
    color: var(--white);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: 0.3s all ease-in-out;
    font-size: 18px;
    line-height: 1;
}

.site-social a:hover{background-color:var(--secondary);}

/*
** Case Studies
*/
.hero-soc {
    position: absolute;
    top: 50%;
    right: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    line-height: 1;
    width: 35px;
    height: 60px;
    border-radius: 60px;
    transform: translateY(-50%);
    z-index: 1;
}

.hero-soc::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 15px;
    height: 1px;
    margin: 0 auto;
    transform: translateY(-50%);
    background: var(--primary);
}

.hero-soc::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    width: 1px;
    height: 500px;
    margin: 0 auto;
    background: var(--primary);
    z-index: -1;
}

.hero--cases h1 {
    width: 780px;
    max-width: 100%;
}

.hero-meta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #747474;
}

.hero-meta a { color: #747474; }

.hero-meta a:hover { color: var(--primary); }

.hero-meta span + span::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-bottom: 2px;
    margin-right: 8px;
    vertical-align: middle;
    border-radius: 100%;
    background-color: #747474;
}

.singleauthbio p { width: 698px; max-width: 100%; }

.singleauth-meta {
    gap: 14px;
    padding: 10px 20px;
    border-radius: 100px;
    background-color: #F4F6FF;
}

.singleauth-meta img {
    width: 50px;
    height: 50px;
    border-radius: var(--fullradius);
    object-fit: cover;
    object-position: center;
}

.singleauth-meta div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hero-scroll {
    position: relative;
    margin-top: 40px;
    margin-bottom: -30px;
}

.hero-scroll::before {
    content: "";
    position: absolute;
    top: calc(100% + 17px);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 15px;
    height: 60px;
    background-image: url('../images/scroll-arrow.svg');
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}

.espost-cont * + h2,
.espost-cont * + h3 {
    padding-top: 20px;
}

/*Sidebar*/
.espost-side {
    position: sticky;
    top: 80px;
    align-self: flex-start;
}

.espost-toc {
    padding: 30px 0 8px;
    border-radius: 20px 60px 20px 20px;
}

.espost-toc h3 {
    padding: 0 30px;
}

.espost-toc > ul {
    padding: 0 30px 0 50px;
    max-height: 200px;
    overflow: auto;
}

.custom-toc-item {
    line-height: 1.6;
}

.custom-toc-item .custom-toc { margin-top: 10px; }

.espost-toc a { display: inline; color: var(--gray); }

.espost-toc a:hover { color: var(--secondary); }

.espost-toc > ul::-webkit-scrollbar { width: 5px; }
.espost-toc > ul::-webkit-scrollbar-track { display: none; border-radius: 10px; }
.espost-toc > ul::-webkit-scrollbar-thumb { background: var(--secondary); border-radius: 10px; }

.esopst-subs .bttn {
    --bttnh: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    font-size: 24px;
}


.esopst-subs .bttn:hover { background-color: var(--secondary-a); }

.subs-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    --thisSize: 25px;
    width: var(--thisSize);
    height: var(--thisSize);
    color: var(--black);
    border-radius: var(--thisSize);
    background: var(--white);
    align-self: center;
}

.subs-icon i {
    font-size: 7.5px;
    line-height: 1em;
    margin-top: 2px;
}

.esopst-bar {
    position: relative;
    width: 100%;
    height: 5px;
    border-radius: 15px;
    margin-top: 40px;
    overflow: hidden;
}

.progress-track {
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 100%;
    border-radius: 15px;
    background-color: var(--secondary);
    transition: 0.1s linear;
}

/*Side Share*/
.socialshare-wrap {
    text-align: center;
    margin-top: 40px;
}

.socialnav {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding-left: 0;
}

.socialnav li {
    margin: 0;
}

.socialshare a {
    font-size: 15px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: var(--body);
    border: 1px solid #C9C9C9;
    border-radius: calc(var(--siteradius) * 2);
    background: var(--white);
}

.cscta .row { row-gap: 50px; }

.cscta .section-head h2 {
    width: 386px;
    max-width: 100%;
}

.cscta .section-head p {
    width: 456px;
    max-width: 100%;
}

.list-cscta {
    display: inline-block;
    border-top: 1px solid #616161;
    margin-top: -5px;
}

.list-cscta li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 0px;
    margin: 0;
    border-bottom: 1px solid #616161;
}

.cscta .wpcf7 {
    width: 420px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.cscta form {
    --fieldH: 62px;
}

.cscta select {
    color: var(--formfieldplaceholder);
}

.cscta .formrow {
    gap: 30px;
}

.cscta .bttn {
    --bttnh: 62px;
    width: 100%;
    border-color: var(--formfieldborder);
    border-radius: var(--siteradius10);
    background-color: var(--formfieldborder);
}

/*Pagination*/
.pagination {
    font-size: 16px;
    line-height: 1;
    display: flex;
    justify-content: flex-end;
    margin-top: 35px;
}

.pagination .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px 5px;
}

.page-numbers {
    line-height: 45px;
    width: 45px;
    height: 45px;
    padding: 0;
    text-align: center;
    color: var(--secondary);
    border-radius: 100%;
    background-color: var(--lightblue);
}

.next, .prev {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    line-height: 45px;
    width: auto;
    height: 45px;
    padding: 0 20px;
    color: var(--secondary);
    border-radius: 50px;
    background-color: var(--lightblue);
}

.next i,
.prev i {
    font-size: 6px;
    line-height: 45px;
    transform: rotate(90deg) translateX(-2px);
    vertical-align: middle;
}

.next i { transform: rotate(-90deg) translateX(0px); }

.page-numbers.current,
.page-numbers:hover {
    color: var(--white);
    background-color: var(--secondary);
}

.page-numbers.dots {
    color: #D9D9D9;
    font-size: 32px;
    line-height: 30px;
    background-color: transparent;
}

/*Search Page*/
.essearch { position: relative; }

.essearch-submit {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 20px;
    height: calc(100% - 10px);
    background: transparent;
}

.essearch-submit:hover {
    color: var(--primary);
}

.essearch .essearch-field {
    padding-right: 48px;
    border-color: var(--primary);
    border-radius: 100px;
}

/*Site Popup*/
.popup {
    --popRad: 24px;
    display: flex ;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    padding: 30px 16px;
    justify-content: center;
    align-items: center;
    align-content: center;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
    z-index: 49;
}

.popup.popup-active {
    visibility: visible;
    opacity: 1;
}

.popup-open {
    padding-right: 17px;
    overflow: hidden;
}

.popup-open:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(2, 0, 3, 0.6);
    z-index: 40;
}

.popup-inner {
    display: flex;
    align-items: center;
    position: relative;
    width: 900px;
    max-width: 100%;
    padding: 0;
    border-radius: var(--popRad);
    background: #fff;
    transform: scale(.86);
    transition: all .3s ease-in-out;
}

.popup.popup-active .popup-inner {
    transform: scale(1);
}

.popup-row {
    --popCSize: 440px;
    --popCGap: 60px;
    --popLSize: calc(var(--popCSize) + 50px);
    display: flex;
    flex: 1;
    gap: var(--popCGap);
}

.popup-lt {
    flex: 1 0 var(--popLSize);
    min-width: var(--popLSize);
    max-width: var(--popLSize);
    padding: 50px 0 50px 50px;
}

.popup-rt {
    --popRSize: calc(100% - var(--popLSize) - var(--popCGap) - 10px);
    position: relative;
    flex: 1 0 var(--popRSize);
    min-width: var(--popRSize);
    max-width: var(--popRSize);
    margin: 5px;
    background-color: #FFE8E7;
    border-radius: var(--popRad);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.popup-img {
    position: absolute;
    bottom: 0;
    right: 76px;
    width: 320px;
    max-width: calc(100% + 50px);
    height: auto;
}

.popup-title { margin-bottom: 14px; }

.popup .row { row-gap: 20px; }

.popup form {
    --fieldH: 40px;
    --fieldRads: 5px;
}

.popup .wpcf7-form-control:not(.bttn) {
    font-size: 16px;
}

.popup form label {
    font-family: 'satoshi-md', sans-serif;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 5px;
    color: var(--black);
}

.popup form .bttn {
    --bttnh: 40px;
    font-size: 18px;
    width: 100%;
    margin-top: 10px;
    border-radius: 5px;
    border-color: var(--formfieldborder);
    background-color: var(--formfieldborder);
}

.popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    line-height: 1;
    color: var(--body);
    background: transparent;
    z-index: 1;
}

.popup-box .popup-inner {
    border: 2px solid var(--primary);
    background: var(--offred);
    width: 592px;
}

.popup-card {
    padding: 40px;
}

.goToTop {
    display: block;
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    text-align: center;
    color: var(--white);
    background-color: var(--primary);
    border: 2px solid var(--white);
    border-radius: 100%;
    transform: scale(0, 0) translateZ(0);
    transition: all 0.3s ease-in-out, transform 0.5s cubic-bezier(0, 0, 0, 1) 0.1s, opacity 1s 0.2s;
    z-index: 3;
}

.goToTop i { font-size: 10px; line-height: 40px; transform: rotate(180deg) translateY(3px); }
.goToTop:hover i { color: var(--white); }
.goToTop.in { transform: scale(1, 1) translateZ(0); }

/*Turnstile*/
.cf-turnstile div {
    display: flex;
    margin: 0 0 20px;
}