a,
body {
    font-family: "Lexend Deca", sans-serif !important
}

span {
    font-family: "Lexend Deca", sans-serif !important
}

h2 {
    font-size: 3rem !important
}

h1 {
    line-height: unset !important
}

.for-mul li span {
    color: #000 !important
}

.s1.home-banner {
    background-image: url("../img/banner-bottom.webp");
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    padding: 0 0 5rem
}

.s1.home-banner .custom-row {
    align-items: center
}

.s1.home-banner .sub-heading {
    font-family: "Lexend Deca", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #000053;
    letter-spacing: .5rem;
    line-height: 1;
    display: flex;
    align-items: flex-end
}

.s1.home-banner .heading {
    font-size: 2.5rem;
    color: var(--secondary-2);
    line-height: .8;
    margin: 0 0 2rem;
    font-weight: 400
}

.logo-s ul li img {
    width: 50%;
    filter: invert(0) brightness(0)
}

@media (min-width:992px) {
    .s1.home-banner .heading {
        font-size: 2.5rem
    }

    .s1.home-banner .sub-heading {
        font-size: 3rem;
        letter-spacing: 1rem
    }
}

.banner-btns {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1.5rem 0 0
}

.banner-btns a {
    font-family: "Lexend Deca", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0 3rem;
    border-radius: 3.125rem;
    font-weight: 500;
    border: 2px solid transparent;
    grid-gap: 5px
}

.banner-btns .talk-chat {
    background: #000053;
    color: #fff !important
}

.banner-btns .talk-phone {
    border-color: var(--secondary-2);
    color: var(--secondary-2);
    font-weight: 700
}

.col-5.div-img {
    position: relative
}

.s2 .rfp-section .div-img img {
    position: relative;
    z-index: 9
}

.s2 .rfp-section {
    background: #000053;
    border-radius: 1.25rem;
    padding: 0 2.5rem
}

.rfp-section .footer-rfp.form-style {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 0
}

.rfp-section .div-img {
    text-align: center;
    display: flex;
    align-items: flex-end;
    position: relative
}

.s2 .rfp-section .form-style .form-head {
    margin: 0 0 2.5rem
}

.s2 .rfp-section .form-style .form-submit>.form-btn {
    background: var(--secondary-2);
    display: block;
    text-align: center
}

@media (min-width:1200px) {
    .rfp-section.rfp-flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .rfp-section .footer-rfp.form-style {
        flex: 1 1 65%
    }

    .s2 .rfp-section .div-img {
        margin-left: -6rem
    }

    .s2 .rfp-section .form-style .form-head>h2 {
        font-size: 5.4rem;
        line-height: 40px
    }
}

.s8 .rfp-section .form-style .form-head>h2 {
    color: var(--secondary-2)
}

a.primary-btn i {
    margin-right: 5px
}

.accordion__item__content>p {
    font-size: 1.125rem;
    color: #ededed
}

.accordion__item__content>ul li {
    color: #fff;
    margin-top: 20px
}

.accordion__item__content {
    margin: 1rem 0 0
}

.fa-solid,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-solid,
.fas {
    font-family: "Font Awesome 6 Free"
}

.fa-circle-check:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

:host,
:root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

:host,
:root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

:host,
:root {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

.fa-solid,
.fas {
    font-weight: 900
}

:root {
    --primary: #000053;
    --secondary: #fff1e4;
    --secondary-2: #231f20;
    --text-1: #fff;
    --white: #fff;
    --black: #000053
}

* {
    box-sizing: border-box;
    scroll-behavior: smooth
}

body {
    overflow-x: hidden;
    margin: 0
}

section p {
    font-family: "Lexend Deca", sans-serif;
    font-size: 18px;
    color: var(--secondary-2)
}

h1,
h2 {
    font-family: "Lexend Deca", sans-serif;
    margin: 0
}

ul {
    margin: 0 !important;
    padding-left: 0 !important
}

li {
    list-style: none
}

a,
button,
i,
li {
    text-decoration: none !important
}

:focus {
    outline: 0 !important
}

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

.hide-desk {
    display: none
}

.section {
    position: relative;
    overflow: hidden;
    padding: 5rem 0
}

@media (min-width:1200px) {
    .list-style {
        max-width: 100%
    }
}

.list-style>li {
    font-family: "Lexend Deca", sans-serif;
    font-size: 1rem;
    display: flex
}

.list-style>li:not(:last-child) {
    margin: 0 0 .5rem
}

.list-style>li>span {
    position: relative;
    padding-left: 3rem;
    display: inline-block;
    line-height: 1.5
}

.list-style>li>span:before {
    position: absolute;
    content: "";
    background: #000053;
    width: 1.875rem;
    height: 2px;
    top: 1rem;
    left: .5rem
}

.list-style>li>i {
    color: #000053;
    margin: .3rem 0 0
}

.heading {
    margin: 0 0 2rem
}

@media (min-width:992px) {
    .list-style>li {
        font-size: 1.5rem
    }
}

@media (min-width:1200px) {
    .heading {
        margin: 0 0 3rem
    }
}

.primary-btn {
    font-family: "Lexend Deca", sans-serif;
    background: #000053;
    color: #ededed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0 3rem;
    border-radius: 3.125rem;
    font-weight: 500;
    border: 2px solid transparent
}

.container {
    width: 100%;
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1300px
    }
}

@media (max-width:1300px) {
    section.ny-banner {
        height: 125vh !important
    }

    .sec_head h2 {
        font-size: 35.3px !important
    }
}

@media (min-width:1920px) {
    .container {
        max-width: 1320px
    }
}

.custom-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(1.5rem * -.5);
    margin-left: calc(1.5rem * -.5)
}

.custom-row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5)
}

@media screen and (max-width:991px) {
    .custom-row {
        grid-row-gap: 2rem
    }
}

@media (min-width:992px) {
    .col-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
}

@media screen and (min-width:1200px) {
    .hide-desktop {
        display: none
    }
}

@media screen and (max-width:991px) {
    .div-img {
        text-align: center
    }
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

button,
input,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.header-bottom .site-branding img {
    width: 200px
}

.header-top {
    position: relative
}

.header-top ul {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    background: #000053;
    float: right;
    padding: .3rem .6rem !important;
    border-radius: 0 0 0 1.125rem
}

span.line {
    width: 2px;
    height: 20px;
    background: var(--white)
}

@media (min-width:992px) {
    .header-top ul:before {
        position: absolute;
        content: "";
        background: #000053;
        width: 100vw;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -9;
        border-radius: 0 0 0 1.125rem
    }
}

.header-top ul>li,
.header-top ul>li>a {
    font-family: "Lexend Deca", sans-serif;
    font-weight: 500;
    color: var(--white);
    font-size: .875rem
}

.header-top ul>li>span {
    background: var(--white);
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 .3rem 0 0;
    border: 2px solid var(--white);
    box-shadow: inset 0 0 0 2px #000053
}

.header-top ul>li>span>i {
    color: #000053
}

.header-bottom>.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.header-bottom .site-branding {
    margin: 10px 0
}

.menu-style>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3rem
}

.menu-style>ul>li>a {
    position: relative;
    font-family: "Lexend Deca", sans-serif;
    color: var(--secondary-2);
    display: inline-block;
    line-height: 1
}

li.dropdown.first {
    cursor: pointer
}

.banner-btns button:hover {
    background: #fff !important;
    border: none;
    color: #000053
}

.banner-btns button {
    font-family: "Lexend Deca", sans-serif;
    background: #000 !important;
    border: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0 3rem;
    border-radius: 3.125rem;
    font-weight: 500;
    grid-gap: 5px
}

.header-bottom .menu-style>ul>.contact-btn>button {
    color: #fff;
    padding: .7rem 2rem;
    border-radius: 50px;
    font-size: .875rem;
    font-weight: 500;
    background: #000053;
    border: 0
}

.header-bottom .menu-style>ul>.contact-btn>button:hover {
    background: #fff;
    border: 2px solid #000053;
    color: #000053
}

a.primary-btn i,
a.talk-phone i {
    margin-right: 5px
}

@media (max-width:991px) {
    .hide-desk {
        display: block
    }

    .heading {
        margin: 0 0 2rem;
        padding: 0 15px
    }

    .rfp-section.rfp-flex {
        display: flex;
        flex-direction: column-reverse
    }

    .form-style .form-head>h2 {
        font-size: 50px !important;
        text-align: center
    }

    .s2 .rfp-section {
        padding: 0 1rem
    }

    .s2 .rfp-section .form-style .form-head {
        margin: 0
    }

    .attachment-group {
        text-align: center;
        margin-top: 10px
    }

    .form-style .rfp-captcha.file-attachment {
        flex-direction: column;
        justify-content: center
    }

    .s1.home-banner {
        background-size: auto;
        background-position: bottom center;
        padding: 2rem 0 6rem
    }

    .banner-btns a {
        font-family: "Lexend Deca", sans-serif;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 3rem;
        padding: 0 .5rem;
        border-radius: 3.125rem;
        font-weight: 500;
        border: 2px solid transparent;
        grid-gap: 5px;
        width: 100%
    }

    .list-style>li>span {
        position: relative;
        padding-left: .5rem;
        display: inline-block;
        line-height: 1.5
    }

    .list-style>li>span:before {
        display: none
    }

    .s1.home-banner .heading {
        font-size: 50px;
        text-align: center
    }

    .s1.home-banner .sub-heading {
        font-size: 1.5rem;
        justify-content: center
    }

    .s1.home-banner .sub-heading img {
        width: 33px
    }

    .header-top.clearfix {
        display: none
    }
}

li.dropdown.first ul.sub-menu.dropdown-list {
    display: none;
    box-shadow: 10px 10px 30px rgba(35, 31, 32, 10%)
}

ul.sub-menu.dropdown-list li a {
    padding: 10px 20px;
    position: relative;
    font-family: "Lexend Deca", sans-serif;
    color: var(--secondary-2);
    display: inline-block;
    line-height: 1;
    border-left: 5px solid transparent
}

.responsive-menu {
    display: none
}

@media (min-width:1200px) {
    .hide-desktop {
        display: none
    }
}

@media (max-width:991px) {
    .rfp-section .div-img {
        margin-right: 0 !important
    }

    li.dropdown.first i {
        display: none
    }

    ul.sub-menu.dropdown-list li {
        border-bottom: 1px solid #fff
    }

    li.dropdown.first {
        position: relative
    }

    .hide-mobile {
        display: none
    }

    .header-bottom {
        padding: 1rem 0
    }

    .header-bottom .site-branding {
        margin: 0
    }

    .header-bottom .header-right {
        display: flex;
        align-items: center;
        column-gap: 1rem
    }

    .primary-btn i {
        margin-right: 5px
    }

    .responsive-menu {
        border: 0;
        background: 0 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .5rem
    }

    .responsive-menu .menu-span {
        width: 2rem;
        height: .25rem;
        display: block;
        background: var(--secondary-2)
    }

    .responsive-menu .menu-span-2 {
        width: 2.6rem;
        background: #000053
    }

    .responsive-menu .menu-span-3 {
        width: 2rem;
        background: var(--secondary-2)
    }

    .header-bottom .primary-menu>ul {
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 0
    }

    .header-main .primary-menu {
        position: fixed;
        height: 100%;
        width: 320px;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: var(--white);
        z-index: 99;
        overflow-y: auto;
        border-radius: 15px 0 0 15px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 8%);
        opacity: 0
    }

    .header-main .primary-menu {
        transform: translate(100%, 0)
    }

    .header-main .primary-menu .contact-btn {
        text-align: center;
        max-width: 90%;
        margin: 2rem auto
    }

    .header-main .primary-menu .responsive-menu-close {
        font-family: "Font Awesome 6 Free";
        font-size: 1.5rem;
        color: #000;
        font-weight: 700;
        position: absolute;
        top: 0;
        right: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 0;
        margin: auto
    }

    .responsive_site_branding.responsive_menu_close {
        position: relative;
        padding: 1rem
    }

    .header-main .primary-menu a.responsive-branding {
        display: inline-block
    }

    .header-bottom .primary-menu>ul>li:not(:last-child)>a {
        border-bottom: 1px solid #fff
    }

    .header-bottom .primary-menu>ul>li {
        width: 100%
    }

    .header-bottom .primary-menu>ul>li>a {
        display: block;
        font-size: .875rem;
        font-weight: 600;
        color: #000;
        padding: 1rem
    }
}

.form-style .form-head {
    margin: 0 0 1.5rem
}

.form-style .form-head>h2 {
    color: #fff;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 1.5rem
}

@media (min-width:992px) {
    .form-style .form-head>h2 {
        font-size: 5rem
    }
}

.form-style .form-body .form-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.form-style .form-body .form-group>div {
    flex: 1 0 48%
}

.form-style .form-body .form-group input,
.form-style .form-body .form-group select,
.form-style .form-body .form-group textarea {
    font-family: "Lexend Deca", sans-serif;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 3.125rem;
    height: 3.625rem;
    padding: 0 1.5rem;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.form-style .form-body .form-group textarea {
    resize: none;
    padding: 1rem 1.5rem;
    overflow: hidden;
    line-height: 26px
}

.form-style .group-item.select-icon {
    position: relative
}

.form-style .group-item.select-icon:before {
    position: absolute;
    content: "";
    font-family: FontAwesome;
    right: 1rem;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

.form-style .form-body .form-group select {
    font-size: .875rem;
    color: var(--secondary-2);
    border: none;
    border: 1px solid transparent;
    box-shadow: unset
}

.form-style .form-body .form-group:not(:last-child) {
    margin: 0 0 1rem
}

.form-style .home-code {
    display: flex;
    align-items: center;
    gap: .6rem
}

.form-style .code-field>label {
    font-family: "Lexend Deca", sans-serif;
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    margin-right: .2rem
}

.form-style .code-field .code-txt-field {
    width: 70px;
    border-radius: 3.125rem;
    border: 0;
    background: #fff;
    padding: .2rem 1rem
}

.form-style .captcha-number>span {
    font-family: "Lexend Deca", sans-serif;
    font-size: 1.125rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px
}

.form-style .rfp-captcha.file-attachment {
    display: flex;
    align-items: center;
    gap: .5rem
}

.form-style .attachment-group>label {
    background: #fff;
    font-family: "Lexend Deca", sans-serif;
    font-size: .875rem;
    font-weight: 600;
    color: #000053;
    padding: 6px 10px 4px 10px;
    border-radius: 1.125rem;
    line-height: 1
}

.form-style .attachment-group>label>i {
    color: var(--secondary-2)
}

.form-style .form-submit {
    margin: 1rem 0 0
}

.form-style .form-submit>.form-btn {
    font-family: "Lexend Deca", sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    width: 100%;
    background: #000053;
    border: 0;
    padding: 1.2rem;
    border-radius: 50px;
    color: var(--white);
    line-height: 1;
    display: block;
    text-align: center
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list.nitro-lazy {
    background-image: none !important
}

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

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000053
}

.s1.home-banner {
    background-image: url("../img/banner-bottom.webp");
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    padding: 0 0 5rem
}

.s1.home-banner .custom-row {
    align-items: center
}

.s1.home-banner .sub-heading {
    font-family: "Lexend Deca", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #000053;
    letter-spacing: .5rem;
    line-height: 1;
    display: flex;
    align-items: flex-end
}

.s1.home-banner .heading {
    font-size: 2.5rem;
    color: var(--secondary-2);
    line-height: .8;
    margin: 0 0 2rem;
    font-weight: 400
}

@media (min-width:992px) {
    .s1.home-banner .heading {
        font-size: 2.5rem
    }

    .s1.home-banner .sub-heading {
        font-size: 2rem;
        letter-spacing: 0
    }
}

.banner-btns {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1.5rem 0 0
}

.banner-btns a {
    font-family: "Lexend Deca", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0 3rem;
    border-radius: 3.125rem;
    font-weight: 500;
    border: 2px solid transparent;
    grid-gap: 5px
}

.banner-btns .talk-chat {
    background: #000053;
    color: #ededed
}

.banner-btns .talk-chat:hover {
    background: 0 0;
    color: #000053 !important;
    border-color: #000053
}

.banner-btns .talk-phone {
    border-color: var(--secondary-2);
    color: var(--secondary-2);
    font-weight: 700
}

.banner-btns .talk-phone:hover {
    background: var(--secondary-2);
    color: #ededed
}

.col-5.div-img {
    position: relative
}

.vector-box {
    position: absolute;
    top: 0;
    width: 250px;
    height: 200px;
    right: -27px
}

img.hbvec2 {
    position: absolute
}

.vector-box img.hbvec1 {
    position: absolute;
    bottom: 60px
}

.vector-box img.hbvec2 {
    position: absolute;
    left: 26px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: wave-animation 2s 0s linear infinite;
    animation: wave-animation 2s 0s linear infinite;
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.vector-box img.hbvec3 {
    position: absolute;
    top: 48px;
    left: 22px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: wave-animation 2s 0s linear infinite;
    animation: wave-animation 2s 0s linear infinite;
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

@keyframes wave-animation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        margin-left: -50px
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        right: 50px
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1);
        right: 60px
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1);
        right: 70px
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1);
        right: 80px
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
        right: 70px
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
        right: 60px
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        right: 50px
    }
}

img.vec3 {
    animation: jello-horizontal 2s infinite both
}

.vector {
    position: absolute;
    top: 17%;
    z-index: 0;
    width: 100%;
    height: 100%
}

.s2 .rfp-section .div-img img {
    position: relative;
    z-index: 9
}

.vector img.vec2 {
    position: absolute !important;
    bottom: 32%;
    right: 64px
}

.vector img.vec1 {
    position: absolute !important;
    top: 0;
    right: 122px
}

img.vec3 {
    position: absolute !important;
    top: 80px;
    right: 50px
}

.s2 .rfp-section {
    background: #000053;
    border-radius: 1.25rem;
    padding: 0 2.5rem
}

.rfp-section .footer-rfp.form-style {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 0
}

.rfp-section .div-img {
    text-align: center;
    display: flex;
    align-items: flex-end;
    position: relative
}

.s2 .rfp-section .form-style .form-head {
    margin: 0 0 2.5rem
}

.s2 .rfp-section .form-style .form-submit>.form-btn {
    background: var(--secondary-2);
    display: block;
    text-align: center;
    cursor: pointer
}

.s2 .rfp-section .form-style .form-submit>.form-btn:hover {
    background: #ededed
}

@media (min-width:1200px) {
    .rfp-section.rfp-flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .rfp-section .footer-rfp.form-style {
        flex: 1 1 65%
    }

    .s2 .rfp-section .div-img {
        margin-left: -6rem
    }

    .s2 .rfp-section .form-style .form-head>h2 {
        font-size: 4.4rem;
        line-height: 40px
    }
}

.col-4.step-box.text-center img {
    width: 140px;
    height: 177px;
    object-fit: contain
}

.custom-row.steps-style {
    justify-content: center
}

.col-4.step-box.text-center {
    margin-bottom: 60px
}

.section.s3 {
    padding-top: 0;
    padding-bottom: 20px
}

.steps-style .step-box {
    padding: 0 1rem
}

.steps-style .step-box h3 {
    font-size: 2.813rem;
    color: var(--secondary-2);
    margin: 0 0 .8rem;
    line-height: 1;
    font-weight: 400
}

.steps-style .step-box p {
    color: var(--secondary-2);
    line-height: 1.5;
    font-size: 1rem;
    padding: 0 1rem
}

.section.s4 {
    padding-top: 0
}

.success-slider .slide-item>img {
    margin: auto;
    max-width: 70%;
    box-shadow: 10px 10px 30px rgba(35, 31, 32, 80%)
}

.success-slider .slick-slide,
.success-slider .slick-slide[aria-hidden=true]:not(.slick-cloned)~.slick-cloned[aria-hidden=true] {
    transform: scale(.7);
    transition: all .4s ease-in-out
}

.success-slider .slick-center,
.success-slider .slick-slide[aria-hidden=true]:not([tabindex="-1"])+.slick-cloned[aria-hidden=true] {
    transform: scale(.9)
}

.success-slider .slick-list.draggable {
    position: relative;
    padding: 3rem 0 !important
}

.success-slider .slick-slide .img-2 {
    position: absolute;
    bottom: 0;
    z-index: -1;
    display: block;
    transform: rotate(0);
    opacity: 0;
    left: 0;
    right: 0;
    width: 70%;
    transition: .5s
}

.success-slider .slick-current.slick-active img.img-2 {
    display: block;
    transform: rotate(40deg);
    opacity: 1;
    transition: .5s
}

.success-slider .slick-list.draggable:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1.5rem;
    background: #dbc3ad;
    bottom: 90px;
    z-index: -1
}

.success-slider .slick-list.draggable:before {
    position: absolute;
    content: "";
    background: #dbc3ad;
    width: 250px;
    height: 450px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0 200px 200px 0;
    transform: rotate(-90deg)
}

.success-slider .slick-arrow-wrap {
    position: absolute;
    bottom: -50px;
    z-index: 9;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 1rem
}

.success-slider .slick-arrow-wrap .slick-arrow {
    border: 2px solid var(--secondary-2);
    min-width: 70px;
    min-height: 35px;
    border-radius: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.success-slider .slick-arrow-wrap .slick-arrow:hover {
    background: var(--secondary-2);
    color: #ededed
}

.resource-img img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    transition: .5s;
    border-radius: 20px
}

.s5 {
    background-image: url("../img/banner-bottom.webp");
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center
}

.s5.nitro-lazy {
    background-image: none !important
}

.s5 .resources-style {
    margin-bottom: 2rem
}

.s5 .resource-box {
    display: flex;
    align-items: center;
    position: relative;
    grid-gap: 20px
}

.s5 .resource-box .resource-img {
    flex: 0 0 40%
}

.s5 .resource-box .resource-details>a h3 {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1rem;
    line-height: 1;
    color: var(--secondary-2)
}

@media (min-width:1200px) {
    .s5 .resource-box .resource-details>a h3 {
        font-size: 2.1rem;
        color: var(--secondary-2);
        line-height: 35px
    }
}

.s5 .resource-box .resource-details>p {
    font-size: 1rem;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.resource-box .resource-details {
    padding-right: 1rem
}

@media (min-width:1200px) {
    .s6 .heading>p {
        max-width: 70%
    }
}

.process-icon {
    min-width: 100px;
    min-height: 100px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 1.5rem
}

.process-icon:before {
    width: 0;
    height: 0;
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
    border-right: 80px solid var(--secondary-2);
    border-radius: 50%;
    position: absolute;
    content: ""
}

.process-icon:after {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 50px solid #000053;
    border-radius: 50%;
    position: absolute;
    content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 18%
}

.process-icon>span {
    position: relative;
    z-index: 99;
    font-size: 3.125rem;
    font-family: neuton, sans-serif;
    color: #fff;
    margin-left: 1rem
}

.process-details>h3 {
    font-size: 1.5rem;
    color: var(--secondary-2);
    font-weight: 400;
    margin: 0 0 .6rem
}

.process-details>p {
    font-size: .875rem;
    color: var(--secondary-2);
    line-height: 22px;
    padding: 0 2.4rem
}

.process-arrow {
    position: absolute;
    top: 20px;
    right: -80px
}

.process-box {
    position: relative
}

.process-box:nth-child(2) .process-arrow {
    transform: scaleY(-1);
    top: 40px
}

.section.s7 {
    background: #000053;
    padding: 3rem 0
}

.s7 .heading>h2 {
    color: #fff
}

.published-style .published-box {
    position: relative;
    background: #fff;
    margin: 0 2rem;
    border-radius: 1rem;
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1
}

.published-box img {
    width: 140px
}

@media (min-width:992px) {

    .published-style .published-box:not(:last-child):after,
    .published-style .published-box:not(:last-child):before {
        position: absolute;
        content: "";
        width: 1.125rem;
        height: 1.125rem;
        background: #ededed;
        border-radius: 3.125rem;
        right: -2.5rem
    }

    .published-style .published-box:not(:last-child):before {
        top: 35%
    }

    .published-style .published-box:not(:last-child):after {
        top: 60%
    }
}

.s8 .rfp-section {
    background: #ededed;
    border-radius: 1.25rem;
    padding: 0 2.5rem
}

.s8 .rfp-section .form-style .form-head>h2 {
    color: var(--secondary-2)
}

.s8 .rfp-section .form-style .form-head>h3 {
    color: #000053;
    font-weight: 600
}

.s8 .rfp-section .form-style .form-head {
    margin: 0 0 2rem
}

.s8 .rfp-section .form-style .form-body .form-group input,
.s8 .rfp-section .form-style .form-body .form-group select,
.s8 .rfp-section .form-style .form-body .form-group textarea {
    background: var(--white);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2)
}

.s8 .rfp-section .form-style .captcha-number>span,
.s8 .rfp-section .form-style .code-field>label {
    color: var(--secondary-2)
}

.s8 .rfp-section .form-style .code-field .code-txt-field {
    background: var(--white);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 20%)
}

.s8 .rfp-section .form-style .form-submit>button.form-btn:hover {
    background: var(--secondary-2);
    color: #fff
}

.s8 .rfp-section .div-img {
    margin-right: -5rem
}

a.primary-btn i {
    margin-right: 5px
}

section.section.s9 {
    padding-top: 0
}

.s9 .div-text>h2 {
    font-size: 1.75rem;
    margin: 0 0 1rem;
    font-weight: 400;
    line-height: 1
}

.div-text span {
    color: #000053
}

@media (min-width:992px) {
    .s9 .div-text>h2 {
        font-size: 4.7rem
    }
}

.section.s10 {
    background: #000053;
    padding: 3rem 0
}

.s10 .heading,
.s7 .heading {
    margin: 0 auto 3rem
}

.s10 .heading>h2 {
    color: #fff
}

.accordion__item__header:before {
    position: absolute;
    content: "+";
    font-family: "Font Awesome 5 Free";
    right: -2rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff
}

.accordion__item__header>h4 {
    position: relative;
    font-family: "Lexend Deca", sans-serif;
    font-size: 1.25rem;
    color: #fff;
    font-weight: 500;
    line-height: 1.2;
    gap: 1rem;
    cursor: pointer
}

.accordion__item {
    position: relative;
    padding-left: 6rem;
    padding-right: 2rem
}

.accordion__item__content>p {
    font-size: 1.125rem;
    color: #ededed
}

.accordion__item__content {
    margin: 1rem 0 0
}

.accordion__item:not(:last-child) .accordion__item__header {
    margin: 0 0 1.5rem
}

.accordion__item__header {
    position: relative;
    display: flex;
    min-height: 48px
}

.icon-count {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -3.5rem;
    top: 1rem;
    z-index: 1
}

.icon-count:before {
    width: 0;
    height: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 40px solid var(--secondary-2);
    border-radius: 50%;
    position: absolute;
    content: "";
    z-index: -1
}

.accordion:before {
    position: absolute;
    content: "";
    background: var(--secondary-2);
    width: 1px;
    height: 90%;
    left: 52px;
    top: 1rem;
    display: none
}

.accordion {
    position: relative
}

span.icon-count>p {
    font-size: 1rem;
    font-family: "Lexend Deca", sans-serif;
    font-weight: 600;
    color: #fff;
    margin: -10px 0 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:991px) {
    section.section.s8 {
        padding: 0
    }
}

:root {
    --primary: #000053;
    --secondary: #fff1e4;
    --secondary-2: #231f20;
    --text-1: #fff;
    --white: #fff;
    --black: #000053;
    --transition: all .3s ease-in-out
}

* {
    box-sizing: border-box;
    scroll-behavior: smooth
}

body {
    overflow-x: hidden;
    margin: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lexend Deca", sans-serif;
    margin: 0
}

ul {
    margin: 0 !important;
    padding-left: 0 !important
}

li {
    list-style: none
}

a,
a:hover,
button,
button:hover,
i,
li {
    text-decoration: none !important;
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

i {
    transition: unset
}

:focus {
    outline: 0 !important
}

* {
    scrollbar-width: thin;
    scrollbar-color: #000053 #f1f1f1
}

::-webkit-scrollbar {
    width: 1px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    background-color: #000053;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

::-webkit-scrollbar-track {
    background-color: #f5f5f5
}

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

.hide-desk {
    display: none
}

.hide-mob {
    display: block
}

.section {
    position: relative;
    overflow: hidden;
    padding: 5rem 0
}

@media (min-width:1200px) {
    .list-style {
        max-width: 100%
    }
}

.list-style>li {
    font-family: "Lexend Deca", sans-serif;
    font-size: 1rem;
    display: flex
}

.list-style>li:not(:last-child) {
    margin: 0 0 .5rem
}

.list-style>li>span {
    position: relative;
    padding-left: 3rem;
    display: inline-block;
    line-height: 1.5
}

.list-style>li>span:before {
    position: absolute;
    content: "";
    background: #000053;
    width: 1.875rem;
    height: 2px;
    top: 1rem;
    left: .5rem
}

.list-style>li>i {
    color: #000053;
    margin: .3rem 0 0
}

.heading {
    margin: 0 0 2rem
}

.heading>h2 {
    font-size: 1.75rem;
    margin: 0 0 1rem;
    font-weight: 400;
    line-height: 1
}

@media (min-width:992px) {
    .heading>h2 {
        font-size: 3rem
    }

    .list-style>li {
        font-size: 1rem
    }
}

@media (min-width:1200px) {
    .heading {
        margin: 0 0 3rem
    }

    .heading>p {
        max-width: 62%
    }
}

.div-btns {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1.5rem 0
}

.primary-btn {
    font-family: "Lexend Deca", sans-serif;
    background: #000053;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0 3rem;
    border-radius: 3.125rem;
    font-weight: 500;
    border: 2px solid transparent
}

.primary-btn:hover {
    background: 0 0;
    border-color: #000053;
    color: #000053
}

.secondary-btn {
    font-family: "Lexend Deca", sans-serif;
    background: #ededed;
    color: var(--secondary-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0 3rem;
    border-radius: 3.125rem;
    font-weight: 500;
    border: 2px solid transparent
}

.secondary-btn:hover {
    background: 0 0;
    border-color: #ededed;
    color: #ededed
}

.secondary-btn.btn-transparent {
    background: 0 0;
    border-color: #ededed;
    color: #ededed
}

.secondary-btn.btn-transparent:hover {
    background: #ededed;
    color: var(--secondary-2)
}

.secondary-btn-2 {
    font-family: "Lexend Deca", sans-serif;
    background: var(--secondary-2);
    color: #ededed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0 3rem;
    border-radius: 3.125rem;
    font-weight: 500;
    border: 2px solid transparent
}

.secondary-btn-2:hover {
    background: 0 0;
    border-color: var(--secondary-2);
    color: var(--secondary-2)
}

.secondary-btn-2.btn-transparent {
    background: 0 0;
    border-color: var(--secondary-2);
    color: var(--secondary-2)
}

.secondary-btn-2.btn-transparent:hover {
    background: var(--secondary-2);
    color: #ededed
}

.four-col-grid,
.three-col-grid {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
    justify-content: center
}

@media (min-width:768px) {
    .four-col-grid>div {
        flex: 0 0 50%
    }
}

@media screen and (min-width:992px) {
    .three-col-grid>div {
        flex: 0 0 33.333%
    }

    .four-col-grid>div {
        flex: 0 0 25%
    }
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
    margin-right: auto;
    margin-left: auto
}

@media (max-width:1366px) {
    .sec_head {
        margin-top: 0 !important
    }
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }

    span.step-spa {
        font-size: 20px !important
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1300px
    }
}

@media (min-width:1920px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

.custom-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(1.5rem * -.5);
    margin-left: calc(1.5rem * -.5)
}

.custom-row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5)
}

@media screen and (max-width:991px) {
    .custom-row {
        grid-row-gap: 2rem
    }
}

@media (min-width:992px) {
    .col-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
}

@media screen and (min-width:1200px) {
    .width-50 {
        max-width: 50%
    }

    .width-55 {
        max-width: 55%
    }

    .width-70 {
        max-width: 70%
    }

    .width-75 {
        max-width: 75%
    }

    .width-80 {
        max-width: 80%
    }

    .width-90 {
        max-width: 90%
    }

    .m-auto {
        margin: 0 auto
    }
}

@media screen and (min-width:1200px) {
    .hide-desktop {
        display: none
    }
}

@media screen and (max-width:991px) {
    .div-img {
        text-align: center
    }
}

.text-center {
    text-align: center
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

hr {
    margin: 1rem 0;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button {
    cursor: pointer
}

.header-top {
    position: relative
}

.header-top ul {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    background: #000053;
    float: right;
    padding: .3rem .6rem !important;
    border-radius: 0 0 0 1.125rem
}

span.line {
    width: 2px;
    height: 20px;
    background: var(--white)
}

.clearfix::after {
    content: "";
    display: table;
    clear: both
}

@media (min-width:992px) {
    .header-top ul:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 0 !important;
        z-index: -9;
        border-radius: 50px !important
    }
}

.header-top ul>li,
.header-top ul>li>a {
    font-family: "Lexend Deca", sans-serif;
    font-weight: 500;
    color: var(--white);
    font-size: .875rem
}

.header-top ul>li>span {
    background: var(--white);
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 .3rem 0 0;
    border: 2px solid var(--white);
    box-shadow: inset 0 0 0 2px #000053
}

.header-top ul>li>span>i {
    color: #000053
}

.header-bottom>.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.header-bottom .site-branding {
    margin: 0 0 10px
}

.menu-style>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem
}

.menu-style>ul>li>a {
    position: relative;
    font-family: "Lexend Deca", sans-serif;
    color: var(--secondary-2);
    display: inline-block;
    line-height: 1
}

.menu-style>ul>li>a:hover {
    color: #000053
}

.header-bottom .menu-style>ul>.contact-btn>a {
    background: #000053 !important;
    padding: .7rem 2rem;
    color: #fff;
    border-radius: 50px;
    font-size: .875rem;
    font-weight: 500
}

.header-bottom .menu-style>ul>.contact-btn>a:hover {
    background: #000053;
    color: var(--white)
}

.heading>h1 {
    font-size: 5.313rem;
    margin: 0 0 1rem;
    font-weight: 400;
    line-height: 1
}

a.primary-btn i,
a.talk-phone i {
    margin-right: 5px
}

.reviews {
    padding: 5rem 0 0 0;
    text-align: center
}

.reviews-meta h2 span {
    color: #000053
}

.reviews-meta img {
    width: 10%
}

.reviews-trust li img {
    height: 320px !important;
    margin-bottom: 30px
}

@media (max-width:991px) {
    ul.inline-list li {
        margin: 0 !important
    }

    ul.inline-list {
        display: flex;
        grid-gap: 0;
        font-weight: 900;
        flex-direction: column
    }

    .process-details {
        margin-bottom: 40px
    }

    .process-box .process-arrow {
        transform: scaleY(1) !important;
        top: 0 !important;
        left: -76px
    }

    .process-icon {
        margin: 1.5rem
    }

    .hide-desk {
        display: block
    }

    .hide-mob {
        display: none
    }

    .rfp-section.rfp-flex.v2 {
        padding: 0 1rem
    }

    .s8 .rfp-section .form-style .form-head>h3 {
        font-size: 14px;
        font-weight: 700;
        line-height: 18.4px;
        letter-spacing: .3em;
        text-align: center
    }

    section.section.s9 {
        padding: 2rem 0
    }

    section.section.s9 .div-btns {
        gap: .5rem
    }

    section.section.s9 a {
        padding: 0 .5rem;
        width: 100%
    }

    section.section.s9 .custom-row {
        flex-direction: column-reverse
    }

    .s9 .div-text>h2 {
        font-size: 50px;
        text-align: center
    }

    .rfp-section.rfp-flex.v2 {
        flex-direction: column;
        padding: 0 1rem
    }

    .s8 .rfp-section .div-img {
        margin-right: 0
    }

    .published-style .published-box {
        padding: 10px
    }

    .four-col-grid,
    .three-col-grid {
        flex-direction: column
    }

    section.section.s6 {
        padding: 3rem 0
    }

    .s5 .resource-box .resource-details>h3 {
        font-size: 35px
    }

    .s5 .resource-box .resource-details>p {
        font-size: 1rem;
        line-height: 20px;
        display: none
    }

    .resources-style .slick-arrow-wrap {
        bottom: -55px
    }

    .s5 .resources-style {
        margin-bottom: 6rem
    }

    .s5 {
        background-repeat: no-repeat;
        background-size: auto;
        background-position: bottom center
    }

    .resource-box .resource-details {
        padding-right: 0
    }

    .s5 .resource-box {
        display: flex;
        align-items: center;
        position: relative;
        flex-direction: column;
        justify-content: center;
        text-align: center
    }

    .success-slider .slick-list.draggable:before {
        position: absolute;
        content: "";
        background: #dbc3ad;
        width: 150px;
        height: 300px;
        bottom: -22px;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 0 200px 200px 0;
        transform: rotate(-90deg)
    }

    .success-slider .slick-list.draggable:after {
        height: 1rem;
        bottom: 52px
    }

    .success-slider .slide-item>img {
        margin: auto;
        max-width: 50%;
        box-shadow: 10px 10px 30px rgba(35, 31, 32, 80%)
    }

    .slick-slide img {
        display: block;
        margin: auto
    }

    .heading {
        margin: 0 0 2rem;
        padding: 0 15px
    }

    .rfp-section.rfp-flex {
        display: flex;
        flex-direction: column-reverse
    }

    .form-style .form-head>h2 {
        font-size: 50px !important;
        text-align: center
    }

    .s2 .rfp-section {
        padding: 0 1rem
    }

    .s2 .rfp-section .form-style .form-head {
        margin: 0
    }

    .attachment-group {
        text-align: center;
        margin-top: 10px
    }

    .form-style .rfp-captcha.file-attachment {
        flex-direction: column;
        justify-content: center
    }

    .s1.home-banner {
        background-size: auto;
        background-position: bottom center;
        padding: 2rem 0 6rem
    }

    .banner-btns a {
        font-family: "Lexend Deca", sans-serif;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 3rem;
        padding: 0 .5rem;
        border-radius: 3.125rem;
        font-weight: 500;
        border: 2px solid transparent;
        grid-gap: 5px;
        width: 100%
    }

    .list-style>li>span {
        position: relative;
        padding-left: .5rem;
        display: inline-block;
        line-height: 1.5
    }

    .list-style>li>span:before {
        display: none
    }

    .s1.home-banner .heading {
        font-size: 50px;
        text-align: center
    }

    .s1.home-banner .sub-heading {
        font-size: 1.5rem;
        justify-content: center
    }

    .s1.home-banner .sub-heading img {
        width: 33px
    }

    .header-top.clearfix {
        display: none
    }

    .heading>h2 {
        font-size: 50px;
        font-weight: 400;
        line-height: 45px;
        text-align: center
    }

    .slick-arrow-wrap {
        position: absolute;
        bottom: 0;
        z-index: 9;
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 1rem
    }

    .slick-arrow-wrap .slick-arrow {
        border: 2px solid var(--secondary-2);
        min-width: 70px;
        min-height: 35px;
        border-radius: 3.125rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        cursor: pointer;
        transition: all .3s ease-in-out
    }

    .slick-arrow-wrap .slick-arrow:hover {
        background: var(--secondary-2);
        color: #ededed
    }
}

.para h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 45.54px;
    text-align: left;
    color: #231f20;
    margin-bottom: 15px
}

.para {
    margin-top: 30px
}

.para p,
.para ul li {
    font-family: "Lexend Deca", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 35px;
    text-align: left;
    color: #000;
    margin-bottom: 16px
}

.para b,
.para ul li i {
    color: #000053 !important;
    margin-right: 5px
}

.para ul li a {
    color: #000053 !important
}

ul.inline-list {
    display: flex;
    grid-gap: 10px;
    font-weight: 900
}

ul.inline-list li {
    font-weight: 500
}

.accordion__item__content>p a {
    color: #ededed;
    text-decoration: underline !important
}

li.dropdown.first ul.sub-menu.dropdown-list {
    display: none;
    box-shadow: 10px 10px 30px rgba(35, 31, 32, 10%)
}

@media (min-width:991px) {
    li.dropdown.first:hover ul.sub-menu.dropdown-list {
        display: block;
        position: absolute;
        z-index: 9999999;
        background-color: #fff;
        padding: 20px;
        width: 260px
    }
}

ul.sub-menu.dropdown-list li a {
    padding: 10px 20px;
    position: relative;
    font-family: "Lexend Deca", sans-serif;
    color: var(--secondary-2);
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    border-left: 5px solid transparent
}

ul.sub-menu.dropdown-list li:hover a {
    color: #000053;
    border-left: 5px solid
}

.responsive-menu {
    display: none
}

@media (min-width:1200px) {
    .hide-desktop {
        display: none
    }

    span.toggle-menu i {
        display: none
    }
}

@media (max-width:991px) {
    .rfp-section .div-img {
        margin-right: 0 !important
    }

    .heading>h1 {
        font-size: 50px;
        line-height: 1;
        margin-bottom: 15px
    }

    .toggle-menu {
        width: 37px;
        height: 37px;
        background: #000053;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 6px;
        text-align: center;
        line-height: 37px;
        color: #fff
    }

    li.dropdown.first i {
        display: none
    }

    span.toggle-menu i {
        display: inline-block !important
    }

    ul.sub-menu.dropdown-list li {
        border-bottom: 1px solid #fff
    }

    li.dropdown.first {
        position: relative;
        display: block;
        font-weight: 600 !important;
        color: #000;
        padding: 1rem;
        font-size: .875rem
    }

    li.dropdown.first.active ul {
        position: relative !important;
        display: block !important;
        top: 10px
    }

    .hide-mobile {
        display: none
    }

    .header-bottom {
        padding: 1rem 0
    }

    .header-bottom .site-branding {
        margin: 0
    }

    .header-bottom .header-right {
        display: flex;
        align-items: center;
        column-gap: 1rem
    }

    .primary-btn i {
        margin-right: 5px
    }

    .responsive-menu {
        border: 0;
        background: 0 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .5rem
    }

    .responsive-menu .menu-span {
        width: 2rem;
        height: .25rem;
        display: block;
        background: var(--secondary-2)
    }

    .responsive-menu .menu-span-2 {
        width: 2.6rem;
        background: #000053
    }

    .responsive-menu .menu-span-3 {
        width: 2rem;
        background: var(--secondary-2)
    }

    .header-bottom .primary-menu>ul {
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 0
    }

    .header-main .primary-menu {
        position: fixed;
        height: 100%;
        width: 320px;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: var(--white);
        z-index: 99;
        overflow-y: auto;
        border-radius: 15px 0 0 15px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 8%);
        opacity: 0;
        transition: var(--transition);
        -webkit-transition: var(--transition)
    }

    .header-main .primary-menu {
        transform: translate(100%, 0)
    }

    .header-main .primary-menu .contact-btn {
        text-align: center;
        max-width: 90%;
        margin: 2rem auto
    }

    body.sidemenu-active {
        overflow: hidden
    }

    body.sidemenu-active .page-wrap:before {
        background: #000000b0;
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 9;
        opacity: .8
    }

    .header-main .primary-menu .responsive-menu-close {
        font-family: "Font Awesome 6 Free";
        font-size: 1.5rem;
        color: #000;
        font-weight: 700;
        position: absolute;
        top: 0;
        right: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 0;
        margin: auto
    }

    .responsive_site_branding.responsive_menu_close {
        position: relative;
        padding: 1rem;
        border-bottom: 2px solid #000
    }

    .responsive_site_branding.responsive_menu_close img {
        width: 130px
    }

    .header-main .primary-menu a.responsive-branding {
        display: inline-block
    }

    .header-bottom .primary-menu>ul>li:not(:last-child)>a {
        border-bottom: 1px solid #fff
    }

    .header-bottom .primary-menu>ul>li {
        width: 100%
    }

    .header-bottom .primary-menu>ul>li>a {
        display: block;
        font-size: .875rem;
        font-weight: 600;
        color: #000;
        padding: 1rem
    }

    .header-bottom .drop-down {
        width: 100%
    }

    .primary-menu .drop-down>svg {
        position: absolute;
        top: 1rem;
        right: .5rem
    }

    .primary-menu .drop-down .sub-menu {
        position: static;
        background: #ededed;
        border-radius: 0
    }

    .primary-menu .drop-down .sub-menu>li>a {
        padding-left: 2rem
    }
}

footer.footer-main {
    background: var(--secondary-2)
}

.footer-main .footer-top {
    position: relative;
    padding: 3rem 0
}

.footer-top .custom-row {
    align-items: center
}

.footer-top .div-img img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.form-style .form-head {
    margin: 0 0 1.5rem
}

.form-style .form-head>h2 {
    color: #fff;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 1.5rem
}

@media (min-width:992px) {
    .form-style .form-head>h2 {
        font-size: 5rem
    }
}

.form-style .form-head>h3 {
    font-family: "Lexend Deca", sans-serif;
    color: #fff;
    font-size: 1.875rem;
    font-weight: 500;
    letter-spacing: .5rem
}

.form-style .form-body .form-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.form-style .form-body .form-group>div {
    flex: 1 0 48%
}

.form-style .form-body .form-group input,
.form-style .form-body .form-group select,
.form-style .form-body .form-group textarea {
    font-family: "Lexend Deca", sans-serif;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 3.125rem;
    height: 3.625rem;
    padding: 0 1.5rem;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.form-style .form-body .form-group textarea {
    resize: none;
    padding: 1rem 1.5rem;
    overflow: hidden;
    line-height: 26px
}

.form-style .group-item.select-icon {
    position: relative
}

.form-style .group-item.select-icon:before {
    position: absolute;
    content: "";
    font-family: FontAwesome;
    right: 1rem;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

.form-style .form-body .form-group select {
    font-size: .875rem;
    color: var(--secondary-2);
    border: none;
    border: 1px solid transparent;
    box-shadow: unset
}

.form-style .form-body ::placeholder {
    font-family: "Lexend Deca", sans-serif;
    font-size: .875rem;
    color: var(--secondary-2)
}

.form-style .form-body .form-group input:focus,
.form-style .form-body .form-group select:focus,
.form-style .form-body .form-group textarea:focus {
    border-color: #000053 !important
}

.form-style .form-body .form-group:not(:last-child) {
    margin: 0 0 1rem
}

.form-style .home-code {
    display: flex;
    align-items: center;
    gap: .6rem
}

.form-style .code-field>label {
    font-family: "Lexend Deca", sans-serif;
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    margin-right: .2rem
}

.form-style .code-field .code-txt-field {
    width: 70px;
    border-radius: 3.125rem;
    border: 0;
    background: #fff;
    padding: .2rem 1rem
}

.form-style .captcha-number>span {
    font-family: "Lexend Deca", sans-serif;
    font-size: 1.125rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px
}

.form-style div#captcha_err {
    max-width: 25px
}

.form-style .rfp-captcha.file-attachment {
    display: flex;
    align-items: center;
    gap: .5rem
}

.form-style .attachment-group>label {
    background: #fff;
    font-family: "Lexend Deca", sans-serif;
    font-size: .875rem;
    font-weight: 600;
    color: #000053;
    padding: 6px 10px 4px 10px;
    border-radius: 1.125rem;
    line-height: 1
}

.form-style .attachment-group>label>i {
    color: var(--secondary-2)
}

.form-style .form-submit {
    margin: 1rem 0 0
}

.form-style .form-submit>.form-btn {
    font-family: "Lexend Deca", sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    width: 100%;
    background: #000053;
    border: 0;
    padding: 1.2rem;
    border-radius: 50px;
    color: var(--white);
    line-height: 1;
    display: block;
    text-align: center;
    cursor: pointer
}

.form-style .form-submit>.form-btn:hover {
    background: #fff;
    color: #000053;
    border: 2px solid #000053
}

.footer-menu.menu-style>ul {
    gap: 4rem
}

.footer-menu.menu-style>ul>li>a {
    color: #fff
}

.footer-center {
    padding: 2rem 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.footer-center .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.footer-menu.menu-style>ul>li>a:hover {
    color: #fff
}

.footer-center .footer-menu.menu-style {
    margin: 3rem 0 0
}

.footer-bottom {
    padding: 1rem 0
}

.footer-bottom .custom-row {
    align-items: center
}

.copyright-text a {
    color: #fff !important
}

.footer-bottom .copyright-text>p {
    color: #fff;
    font-family: "Lexend Deca", sans-serif;
    margin: 0
}

.footer-bottom .footer-legal-info {
    display: flex;
    justify-content: flex-end;
    gap: 1rem
}

.footer-bottom .footer-legal-info>li>a {
    color: #fff;
    font-family: "Lexend Deca", sans-serif
}

.footer-bottom .footer-legal-info>li>a:hover {
    color: #ededed
}

@media (max-width:992px) {
    .footer-top .div-img img {
        position: relative;
        right: -11px;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .form-style .form-head>h3 {
        font-size: 14px;
        font-weight: 700;
        line-height: 18.4px;
        letter-spacing: .3em;
        text-align: center
    }

    .footer-menu.menu-style>ul {
        gap: 2rem;
        justify-content: center
    }

    .footer-bottom .custom-row {
        align-items: center;
        grid-row-gap: 1rem
    }

    .footer-bottom .copyright-text>p {
        color: #fff;
        font-family: "Lexend Deca", sans-serif;
        margin: 0;
        text-align: center
    }

    .footer-bottom .footer-legal-info {
        display: flex;
        justify-content: center;
        gap: 1rem
    }

    .footer-center .footer-menu.menu-style {
        margin: 2rem 0 0
    }

    .footer-center .container {
        flex-direction: column
    }
}

section.section.home-banner {
    background-color: #fff;
    background-image: url(../img/banner-bottom.webp);
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    padding: 4rem 0 6rem;
    margin-bottom: 80px
}

.resources-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    grid-gap: 25px;
    margin: auto;
    margin-bottom: 25px
}

.resources-box .resource-box {
    width: 45%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center
}

.resources-box .resource-box .left0side {
    width: 54%;
    text-align: center
}

.resources-box .resource-box .right-side {
    width: 46%
}

.resource-box h3 {
    font-family: "Lexend Deca", sans-serif !important;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: var(--primary);
    margin-bottom: 15px
}

.resource-box p {
    font-family: "Lexend Deca", sans-serif !important;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #231f20
}

@media (max-width:991px) {
    .resources-box {
        flex-direction: column
    }

    .resources-box .resource-box {
        width: 100%;
        flex-direction: column
    }

    .resources-box .resource-box .left0side {
        width: 100%;
        text-align: center
    }

    .resources-box .resource-box .right-side {
        width: 100%;
        margin-top: 20px
    }

    .resource-box h3,
    .resource-box p {
        text-align: center
    }

    section.section.home-banner {
        background-size: auto;
        background-position: bottom center
    }
}

section.section.home-banner {
    background-color: #fff;
    background-image: url(../img/banner-bottom.webp);
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    padding: 4rem 0 6rem;
    margin-bottom: 80px
}

.services-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    grid-gap: 25px;
    width: 850px;
    margin: auto
}

.services-box .service-box {
    width: 30%;
    border: 1px solid #000053;
    box-shadow: 0 4px 20px 0 #0000001A;
    padding: 15px;
    border-radius: 20px;
    background: #fff
}

.service-box h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    padding: 25px 0;
    color: #231f20 !important
}

.services-box .service-box:hover {
    background: var(--primary);
    transition: .5s
}

.services-box .service-box:hover h3 {
    color: #fff !important;
    transition: .5s
}

@media (max-width:991px) {
    section.section.home-banner {
        background-size: auto
    }

    .services-box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        grid-gap: 25px;
        width: 100%;
        margin: auto
    }

    .services-box .service-box {
        width: 46%;
        border: 1px solid #000053;
        box-shadow: 0 4px 20px 0 #0000001A;
        padding: 15px;
        border-radius: 20px;
        background: #fff
    }
}

section.section.home-banner {
    background-color: #fff;
    background-image: url(../img/banner-bg.webp);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 4rem 0 4rem;
    margin-bottom: 15px;
    display: flex;
    grid-gap: 50px
}

.col-md-5.left-side {
    padding: 30px 40px 0 40px
}

.col-md-7.right-side {
    background-color: var(--primary);
    background-image: url('../img/contact-banner.webp');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    padding: 40px
}

.col-md-7.right-side h2 {
    font-size: 5.313rem;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px;
    font-weight: 400
}

ul.contact-details li {
    display: flex;
    align-items: start;
    grid-gap: 20px;
    margin-bottom: 40px;
    position: relative
}

ul.contact-details {
    width: 75%
}

ul.contact-details li .icon {
    width: 17%
}

ul.contact-details li .details {
    width: 70%
}

.details {
    font-family: "Lexend Deca", sans-serif !important;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    color: #fff
}

.details a {
    color: #fff
}

span.det-head-sub {
    font-weight: 700;
    display: block
}

ul.contact-details li .icon:After {
    content: "";
    width: 2px;
    height: 50px;
    position: absolute;
    left: 46%;
    border-left: 2px dashed wheat;
    top: -51px
}

ul.contact-details li .icon {
    position: relative
}

ul.contact-details li:first-child .icon:After {
    display: none
}

.form-style .code-field .code-txt-field,
.form-style .form-body .form-group input,
.form-style .form-body .form-group select,
.form-style .form-body .form-group textarea {
    background: var(--white) !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2) !important
}

.form-style .captcha-number>span,
.form-style .code-field>label {
    color: var(--secondary-2) !important
}

.heading>p {
    max-width: 100% !important
}

.heading {
    margin: 0 0 1.5rem
}

.footer-top {
    display: none
}

@media (max-width:991px) {
    section.section.home-banner {
        flex-direction: column;
        background-size: auto
    }

    .col-md-5.left-side {
        padding: 30px
    }

    .heading>p {
        max-width: 100% !important;
        text-align: center
    }

    .col-md-7.right-side h2 {
        font-size: 50px;
        color: #fff;
        line-height: 1;
        margin-bottom: 30px
    }

    .col-md-7.right-side {
        background-color: var(--primary);
        background-image: none;
        background-repeat: no-repeat;
        background-position: right;
        background-size: auto;
        padding: 20px
    }

    ul.contact-details {
        width: 100%
    }

    span.det-head-sub {
        font-weight: 700;
        display: block;
        font-size: 14px
    }

    .details {
        font-family: "Lexend Deca", sans-serif !important;
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        text-align: left;
        color: #fff
    }
}

ul.tabs-cat {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    grid-gap: 35px;
    transition: .5s;
    position: relative
}

li.cs-linkPack.activePack,
ul.tabs-cat li:hover {
    background: var(--primary);
    color: #fff;
    transition: .5s;
    cursor: pointer
}

ul.tabs-cat li {
    font-family: "Lexend Deca", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20.18px;
    text-align: center;
    border: 1px solid #000053;
    padding: 5px 20px 3px;
    border-radius: 5px
}

.cs-contentPack.activePack {
    display: block
}

.books-port {
    margin-top: 40px
}

.cs-contentPack {
    display: none
}

ul.books-list {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    grid-gap: 50px
}

ul.books-list li {
    width: 23%;
    position: relative;
    box-shadow: 10px 10px 30px rgba(35, 31, 32, 80%)
}

.market-book-slider .slide-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem
}

.market-book-slider .slide-flex .slide-img {
    box-shadow: 0 0 16px rgba(0, 0, 0, 50%);
    border-radius: 1.4rem;
    background: #feefe6
}

.market-book-slider .slide-flex .slide-img>img {
    width: 100%
}

.market-book-slider .slide-flex .slide-img img {
    border-radius: 1.4rem
}

.market-book-slider .slide-flex .slide-details {
    position: relative;
    flex: 1;
    background: var(--white);
    box-shadow: 0 0 16px rgba(0, 0, 0, 10%);
    border-radius: 0 1rem 1rem 0;
    min-height: 385px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 5rem 0 6rem
}

.market-book-slider .slide-flex .slide-details:before {
    position: absolute;
    content: "";
    background-image: linear-gradient(to right, var(--secondary-2) 50%, #000053 50%);
    width: 50px;
    height: 100%;
    left: 0
}

.market-book-slider .slide-flex .slide-details>h3 {
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 1rem
}

.market-book-slider .slide-flex .slide-details>p {
    font-size: 20px;
    line-height: 30px
}

.market-book-slider .slide-flex .slide-img img {
    width: 570px
}

.slick-arrow-wrap {
    display: flex;
    gap: .5rem;
    position: absolute;
    bottom: 40px
}

.slick-arrow-wrap .slick-arrow {
    border: 2px solid var(--secondary-2);
    min-width: 70px;
    min-height: 35px;
    border-radius: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.s3 .heading>h2 {
    margin: 0 auto 1rem
}

.s3 .heading>p {
    max-width: 75%;
    margin: 0 auto 1.5rem
}

.special-secc {
    padding: 0 0 5rem 0 !important
}

.s3 .heading>span {
    font-size: 1.563rem;
    font-family: "Lexend Deca", sans-serif;
    font-weight: 600;
    font-style: italic;
    color: var(--primary)
}

.s3 .heading>span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

.custom-row {
    margin-top: 80px !important;
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(1.5rem* -.5);
    margin-left: calc(1.5rem* -.5)
}

.packages-plan {
    justify-content: center
}

.packages-plan .package-box {
    background: var(--white);
    padding: 2rem .5rem;
    border-radius: 1rem;
    box-shadow: 0 4px 5px rgba(34, 34, 34, 10%);
    text-align: center
}

.package-head>h3 {
    font-size: 2.813rem;
    color: var(--secondary-2);
    margin: 0 0 .6rem;
    line-height: 1
}

.package-head>p {
    padding: 0 3rem;
    line-height: 22px;
    margin: 0
}

.package-price {
    position: relative;
    margin: 1rem 0
}

.package-price>span {
    font-size: 4.375rem;
    font-family: Neuton, sans-serif;
    color: var(--primary);
    line-height: 1;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0
}

.package-list {
    max-height: 242px;
    overflow: auto
}

.package-list>ul {
    max-width: 80%;
    margin: 0 auto !important
}

.package-list ul li:not(:last-child) {
    padding: 0 0 .8rem;
    margin: 0 0 .8rem
}

.package-list ul li {
    font-family: "Lexend Deca", sans-serif;
    font-size: 1.063rem;
    position: relative
}

.package-list ul li:not(:last-child):before {
    position: absolute;
    content: "";
    max-width: 180px;
    height: 1px;
    background: rgba(0, 0, 0, .2);
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0
}

.package-order {
    margin: 2rem 0 0
}

.package-price.price-request>span {
    font-size: 2.5rem
}

.package-list>h4 {
    font-size: 1.875rem;
    color: var(--primary);
    margin: 0 0 1rem;
    font-weight: 400
}

@media (min-width:1200px) {
    .s10 .div-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .s10 .div-wrap .div-text {
        flex: 0 0 70%
    }

    .s10 .div-wrap .div-text>h2 {
        font-size: 5.313rem
    }

    .s10 .div-wrap .div-text>p {
        font-size: 1.563rem;
        max-width: 85%
    }

    .s10 .div-wrap .div-img {
        margin-left: -6rem
    }
}

.s10 .div-wrap {
    background: var(--secondary-2);
    border-radius: 1.25rem;
    padding: 0 2.5rem
}

.s10 .div-wrap .div-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 0
}

.s10 .div-wrap .div-text>h2 {
    color: #fff;
    font-size: 5.313rem;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 1.5rem
}

.s10 .div-wrap .div-text>p {
    font-size: 1.25rem;
    color: #fff;
    margin: 0
}

.div-btns {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1.5rem 0
}

.s10 .div-wrap .div-img {
    text-align: center
}

.s10 .div-wrap .div-img img {
    height: 100%
}

.s11 .heading {
    margin: 0 auto 3rem
}

footer {
    background: #231f20;
    padding: 60px 0
}

.logo-sec img {
    width: 200px
}

footer .logo-sec p {
    margin-top: 20px;
    color: #fff;
    width: 100%
}

.logo-sec ul li {
    margin-right: 10px
}

.logo-sec ul li i {
    color: #fff;
    font-size: 16px
}

.links-sec h3 {
    color: var(--white);
    font-size: 30px
}

.links-sec ul li {
    margin: 12px 0
}

.links-sec ul li a {
    color: #fff;
    font-size: 12px
}

.links-sec ul li a:hover {
    color: #000053
}

.contact-sec ul>li>span {
    background: var(--white);
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 5px 0 0;
    border: 2px solid var(--white)
}

.contact-sec ul>li>span>i {
    color: #000053
}

.contact-sec img {
    margin-top: 20px
}

.footer-bottom {
    padding: 1rem 0 !important;
    border-top: 1px solid #fff !important;
    background: #231f20
}

.package {
    margin-top: 50px
}

.aff-price {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.aff-price p {
    font-size: 17px;
    font-weight: 500;
    color: #000053
}

.pack-1 {
    background: #f5f5f5;
    padding: 30px;
    border-radius: 10px;
    border-top: 3px solid #000053;
    height: 660px
}

.pack-1 h3.upon {
    font-size: 20px;
    margin-top: 20px
}

.pack-1:hover {
    box-shadow: rgba(255, 255, 255, .1) 0 1px 1px 0 inset, rgba(50, 50, 93, .25) 0 10px 100px -20px, rgba(0, 0, 0, .3) 0 30px 60px -30px;
    transition: .5s
}

.pack-1 p {
    margin-top: 20px;
    font-size: 16px
}

.pack-1 h3 {
    font-size: 27px;
    font-weight: 500
}

.pack-1 i {
    font-weight: 200;
    margin-bottom: 20px !important
}

.pack-1 ul {
    margin-top: 40px !important;
    overflow: auto;
    height: 310px;
    margin-right: -30px !important
}

.pack-1 span {
    font-weight: 500;
    color: #000053
}

.pack-1 h3 span {
    font-size: 40px
}

.pack-1 h4 {
    font-size: 20px;
    font-weight: 600
}

.qout {
    margin-top: 22px;
    margin-bottom: 30px
}

.pack-1 ul li {
    margin-top: 25px;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    padding: 0 28px 0 30px
}

.lives {
    padding: 5rem 0 0 0
}

.lives-meta p {
    padding: 10px 0 20px 20px
}

.lives-meta h2 {
    padding-left: 20px
}

.lives-meta h2 span {
    color: #000053
}

.pack-1 ul li::before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background-image: url("../img/icon-check.webp");
    filter: hue-rotate(90deg);
    background-size: cover;
    background-position: center;
    color: #000053
}

.pack-1 ul li i {
    color: #000053;
    margin-right: 10px;
    background: #0000532e;
    border-radius: 50%;
    font-size: 20px
}

li.head {
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 0 !important
}

li.head::before {
    display: none
}

.pricing h2 span {
    color: #000053
}

.lower-pack {
    background: #000053
}

.lower-pack .heading p span {
    font-size: 22px;
    font-weight: 600
}

.blink-soft {
    animation: blinker 1.5s linear infinite
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.lower-pack h2 {
    color: #fff
}

.lower-pack p {
    color: #fff
}

.lower-pack .banner-btns {
    justify-content: center
}

.lower-pack .banner-btns a {
    background: #000
}

.lower-pack .banner-btns a:hover {
    background: #fff
}

.lower-pack marquee {
    margin-top: 40px
}

.logos {
    padding: 30px 0
}

.service-img img {
    border-radius: 20px
}

.main-service {
    margin-top: 50px !important
}

.main-service .service-meta h3 span {
    display: inline-block;
    font-size: 21px;
    width: 45px;
    height: 45px;
    margin-right: 20px;
    border: 2px solid #000053;
    border-radius: 40px;
    color: #000053;
    text-align: center;
    line-height: 40px
}

.last-sec-meta h2 span {
    color: #000053
}

.last-sec-meta h4 {
    font-size: 40px
}

.tooltip-info {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 20px;
    top: 110%;
    min-width: 80%;
    background-color: #ffffffd9;
    transition: .6s cubic-bezier(.23, 1, .32, 1);
    padding: 15px 20px;
    border-radius: 35px;
    color: #000 !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -.13px;
    z-index: 1
}

.tooltip-info:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #fff;
    border-width: 0 20px 10px
}

.pack-1 ul li:hover .tooltip-info {
    opacity: 1;
    visibility: visible
}

.qout a {
    color: #000;
    font-size: 16px;
    border: 2px solid #000053;
    padding: 4px 20px 7px 20px;
    border-radius: 60px;
    font-weight: 600
}

.qout a:hover {
    color: #000053;
    border: 2px solid #000053;
    transition: .5s
}

.banner-btns a {
    padding: 0 2rem
}

.printing-com .com {
    min-height: 420px
}

.printing-vid {
    background: #000053
}

video {
    border-radius: 9px;
    width: 100%
}

.main-vid h2 {
    color: #fff
}

.merketing-com .com {
    height: 330px
}

.home-com .com {
    height: 360px
}

.home-com .com p {
    overflow: auto;
    height: 150px;
    padding-right: 20px;
    margin-right: -20px
}

.editing-com .com {
    height: 320px
}

.com {
    background: 0 0;
    border: 1px solid #000053;
    border-radius: 10px;
    padding: 20px;
    height: 100%;
    min-height: 440px;
    transition: all .3s ease
}

.com:hover {
    background: var(--primary);
    box-shadow: 0 0 16px rgba(0, 0, 0, 10%)
}

.com :is(h4, p) {
    transition: all .3s ease
}

.com:hover :is(h4, p) {
    color: var(--white)
}

.publishing-down {
    height: 320px
}

.form-area {
    border: 2px solid #000053;
    border-radius: 40px;
    margin-top: 40px;
    padding: 30px
}

.form-head h2 span {
    color: #000053
}

.form-head {
    margin-bottom: 20px
}

.counts {
    background: linear-gradient(269deg, rgb(28 28 28) 0, rgb(68 68 68) 100%);
    height: auto;
    padding: 40px 0;
    color: #fff
}

.counts p {
    color: #fff
}

.lazyload.mob {
    margin-top: 40px
}

.audio-sec {
    margin-top: 70px
}

.connect-audio {
    padding: 5rem 0;
    background-color: #fff
}

.audio-sec img {
    width: 80%
}

.slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #231f20;
    padding: 5rem
}

.slide-track {
    display: flex;
    width: calc(200px * 46);
    animation: scroll 120s linear infinite
}

.slide {
    height: 100px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px
}

.slide img {
    max-height: 130%;
    max-width: 60%
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.audio-sec img {
    margin: 20px 0
}

.audio-sec h2 span {
    color: #000053
}

.publication-sec {
    background-color: #ededed
}

.printing-page {
    font-size: 60px;
    color: #000053
}

.heading-ani {
    color: #fff !important;
    background: #000053;
    border-radius: 10px;
    padding: 0 20px
}

.marketing-page {
    font-style: italic;
    color: #000053;
    font-weight: 700
}

.audiobook-page {
    position: relative;
    color: #000053
}

.audio-img {
    position: absolute;
    width: 63px;
    top: -20px;
    right: 149px;
    filter: invert(1) brightness(0)
}

.publishing-page {
    position: relative;
    overflow: hidden;
    height: 0;
    animation: reveal 3s ease-in-out forwards, fadeIn 3s ease-in-out forwards;
    animation-delay: 1s
}

@keyframes reveal {
    0% {
        height: 0
    }

    100% {
        height: 1.2em
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.map-sec,
.reviews-main {
    padding: 5rem 0 0 0
}

.reviews-main h5 {
    text-align: center
}

.reviews-main h5 span {
    color: #000053
}

.review {
    margin: 15px 0;
    padding: 25px;
    background: #f7f7f7;
    border-radius: 10px;
    border-top: 2px solid #000053
}

.map-sec {
    text-align: center
}

.map-sec img {
    border-radius: 20px;
    margin-top: 10px
}

.review-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px
}

.review-name {
    text-align: end
}

.review-name img {
    width: 130px
}

.review-img img {
    width: 60px;
    height: 60px;
    border-radius: 90%
}

.review-name h4 {
    font-size: 15px;
    color: #000053
}

.review-name p {
    padding: 0;
    margin: 0;
    font-size: 13px
}

.review-name p span {
    color: #000053
}

.about-page hr {
    margin: 0 auto;
    opacity: 1;
    width: 270px;
    border: 2px solid #000053
}

.about-one-img img {
    border-radius: 40px
}

.about-page {
    text-align: center
}

.about-page p {
    font-size: 25px
}

.about-page p span {
    color: #000053
}

.about-content,
.mision,
.purpose {
    padding: 5rem 0 0 0
}

.cta-about {
    border-radius: 40px;
    padding: 30px;
    margin-top: 5rem;
    background: var(--black)
}

.cta-meta button {
    background: #000
}

.cta-meta button:hover {
    background: #fff;
    color: #000
}

.cta-meta h2 {
    text-align: center;
    color: #fff
}

.cta-meta h2 span {
    color: #fff
}

.mision-meta h2 span {
    color: #000053
}

.mision-meta p {
    padding: 10px 50px 0 0
}

.values {
    padding: 20px 0 50px;
    margin-top: 1rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/banner-bg.webp)
}

.values-heading {
    margin-top: 5rem
}

.values-heading h2 span {
    color: #000053
}

.values-meta p {
    color: #000
}

.values-meta h5 span {
    color: #231f20;
    font-size: 20px
}

.values-meta h5 {
    color: var(--primary);
    font-size: 20px;
    margin-top: 40px
}

.about-meta h2 span {
    color: #000053
}

.about-meta p {
    padding: 10px 20px 0 0
}

.mision {
    text-align: center
}

.portfolio-images ul li img {
    aspect-ratio: 2/3;
    width: 80%;
    margin: 0 auto;
    border-radius: 10px
}

.portfolio {
    padding: 5rem 0;
    text-align: center
}

.port-meta {
    margin-bottom: 30px
}

.terms-heading h2 {
    font-size: 30px !important
}

.terms-heading h1 {
    font-size: 3.313rem !important
}

@media (max-width:768px) {
    section.ny-banner {
        height: 158vh !important
    }

    section.sec_4 .container.arizona {
        height: 374px;
        padding: 16px
    }

    .step-cont p {
        padding: 6px !important
    }

    h1 {
        line-height: 50px !important
    }

    section.section.home-banner {
        text-align: center !important;
        padding: 4rem 0 4rem !important;
        margin: 0
    }

    .s1.home-banner .heading {
        font-size: 45px;
        line-height: 45px
    }

    .banner-btns {
        display: ruby;
        margin: 0 auto;
        text-align: center;
        margin-top: 30px
    }

    .banner-btns button {
        margin-top: 10px
    }

    .pack-1 {
        margin-top: 30px;
        height: 630px
    }

    .div-img {
        display: none
    }

    h2 {
        font-size: 2rem !important;
        line-height: 35px !important
    }

    .banner-btns a {
        width: 70% !important;
        font-size: 14px;
        min-height: 2.5rem
    }

    section {
        padding: 40px 0 !important
    }

    .form-area {
        margin-top: 0
    }

    .lower-pack .banner-btns a {
        margin-top: 10px
    }

    .service-img {
        display: none
    }

    .main-service {
        margin-top: 0 !important;
        text-align: center
    }

    .s5 .resource-box .resource-details>p {
        display: block
    }

    .s5 .resource-box .resource-details>h3 {
        font-size: 20px
    }

    .s5 .resources-style {
        margin-bottom: 0
    }

    .com {
        text-align: center;
        height: auto;
        border: none
    }

    .accordion__item__header>h4 {
        font-size: 15px
    }

    .accordion__item {
        padding-left: 5rem;
        padding-right: 3rem
    }

    .accordion:before {
        display: none
    }

    span.heading-ani {
        color: #000053 !important
    }

    .accordion__item__content>p {
        font-size: 14px;
        color: #fff
    }

    .primary-btn {
        font-size: 14px;
        min-height: 2.5rem
    }

    .header-contact.hide-desktop {
        display: none
    }

    .header-bottom .site-branding img {
        width: 125px
    }

    .hide-mobile {
        display: block !important
    }

    .banner-btns.innder {
        margin-top: 20px !important
    }

    ul.tabs-cat {
        grid-gap: 15px
    }

    ul.tabs-cat li {
        flex: 45% 0 0
    }

    ul.books-list {
        grid-gap: 30px
    }

    .resource-box .resource-details {
        padding: 0 40px
    }

    .for-mul {
        justify-content: center;
        display: flex;
        flex-wrap: wrap
    }

    .faq-rowr {
        margin-top: 20px !important
    }

    .slide-img {
        display: none !important
    }

    .market-book-slider .slide-flex {
        padding: 0
    }

    .market-book-slider .slide-flex .slide-details:before {
        width: 30px
    }

    .market-book-slider .slide-flex .slide-details {
        padding: 20px 20px 20px 70px;
        height: 450px;
        box-shadow: none
    }

    .special-secc {
        padding: 0 !important
    }

    .audio-sec {
        margin-top: 0
    }

    .connect-audio {
        text-align: center
    }

    .connect-audio img {
        display: none
    }

    .blog-content h2 {
        font-size: 25px !important;
        margin-top: 20px;
        line-height: normal !important
    }

    .review-4 {
        margin-top: 0 !important
    }

    .heading-ani {
        color: #231f20;
        background: 0 0;
        padding: 0
    }

    .phons-mobile {
        margin-top: 10px
    }

    .about-one-img img {
        display: none
    }

    .reviews-meta img {
        width: 40%
    }

    .portfolio-images ul li img {
        height: 330px
    }

    footer .logo-sec p {
        width: 100%
    }

    .slider {
        padding: 1rem
    }

    .multiple-books ul li {
        flex: 0 0 100% !important
    }

    .exta-ress {
        margin-top: 10px
    }

    .extra-ress-2 {
        margin-top: 20px !important
    }

    .cta_head {
        padding: 0 !important
    }

    .cta_head h5 {
        font-size: 26px !important
    }

    .cta_head p {
        font-size: 14px !important
    }

    .testi_head h6 {
        font-size: 27px !important
    }

    li.customer_img img {
        display: none
    }

    .glob_btn {
        display: flex;
        padding: 14px
    }

    .glob_btn a.live_cht_btn {
        padding: 7px !important;
        font-size: 14px !important;
        margin-right: 14px !important
    }

    .glob_btn a.live_cht_btn img {
        display: none
    }

    .glob_btn button {
        font-size: 11px
    }

    .box_pack {
        margin-bottom: 14px !important
    }

    .text_head-thank.text-center h4 {
        font-size: 26px !important;
        line-height: 37px !important
    }

    .text_head-thank.text-center p {
        font-size: 12px !important;
        line-height: 21px !important
    }

    a.live_cht_btn.text-left {
        width: 45% !important;
        right: -66% !important;
        top: -36px !important
    }

    .text_head-thank.text-center button {
        font-size: 12px
    }

    span.step-spa {
        font-size: 12px !important
    }

    ul.for-process li {
        flex: 0 0 100% !important
    }

    .process_head h3 {
        font-size: 22px !important
    }

    .process_head p {
        font-size: 11px !important
    }

    .slick-dotted.slick-slider {
        margin: 0 !important
    }

    .sec_img img {
        display: none
    }

    li.step_img.text-center {
        display: none
    }

    section.sec_2,
    section.sec_3 {
        overflow-x: hidden
    }

    .sec_head h2 {
        font-size: 54px !important
    }
}

.multi {
    background: #f5f5f5
}

.multiple-books ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.multiple-books ul li {
    flex: 0 0 25%;
    margin: 10px;
    color: #220508;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #000053;
    transition: all .3s ease
}

.multiple-books ul li.and-more {
    color: #000053
}

.addi-slider .published-box:after,
.addi-slider .published-box:before {
    display: none !important
}

.addi-slider .eddi-box {
    border: 2px solid #fff !important;
    border-radius: 20px !important;
    flex: 0 0 18% !important;
    margin: 15px !important;
    height: 170px
}

.banner-ico.d-flex img {
    width: 15%;
    margin-right: 20px
}

h2.starting-p {
    font-size: 22px !important;
    margin-bottom: 10px
}

h2.starting-p span {
    font-weight: 800;
    color: #000053;
    font-size: 30px
}

span.blink-soft {
    animation: blinker 1.5s linear infinite
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.extra-cta {
    padding: 5rem 0 !important;
    background: #000053
}

.extra-cta h2 {
    color: #fff
}

.extra-cta button {
    background: #000
}

.extra-cta button:hover {
    border: 2px solid #fff;
    color: #fff
}

.extra-cta p {
    color: #fff
}

section.ny-banner {
    height: 66vh;
    padding: 60px 0;
    background-image: url(../img/banner-bg.webp);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 4rem 0 4rem;
    margin-bottom: 15px;
    display: flex;
    grid-gap: 50px
}

section.sec_2 {
    padding: 60px 0
}

.sec_head h2 {
    color: #000053;
    font-size: 58px
}

.sec_head ul {
    display: flex;
    padding: 17px
}

.sec_head ul li.sec_li {
    padding-right: 15px;
    flex: 0 0 50%;
    line-height: 26px;
    color: #000 !important;
    font-weight: 600
}

.sec_head ul li.sec_li span {
    color: #000053
}

.sec_img img {
    width: 100%
}

.sec_head ul li {
    line-height: 23.7px
}

.sec_head p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    line-height: 27px
}

.sec_head {
    margin-top: 27px
}

section.sec_3 {
    padding: 60px 0
}

.aproch_head h1 {
    text-align: center;
    font-size: 40px
}

.aproch_head p {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    color: #000
}

.timeline-slider {
    margin: 20px 0
}

.circle {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto
}

.circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 5px solid #ddd;
    position: relative
}

.circle .number {
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.slider-item h5 {
    margin-top: 10px
}

.slider-item p {
    color: #666;
    margin: 10px 0 0;
    font-size: 18px;
    text-align: center
}

section.sec_4 {
    padding: 60px 0
}

section.sec_4 .container {
    height: 265px;
    background: #000;
    border-radius: 15px;
    padding: 60px
}

.process_head {
    text-align: center;
    color: #fff !important
}

.process_head h3 {
    font-size: 40px
}

.process_head p {
    color: #fff;
    font-size: 15px
}

section.sec_5 {
    padding: 60px 0
}

.step_head h3 {
    color: #000053;
    font-weight: 600;
    font-size: 40px
}

.step_head p {
    font-size: 20px;
    font-weight: 400;
    color: #000
}

.step_head button {
    background: #f3f3f3;
    border-radius: 13px;
    padding: 14px;
    border: none
}

ul.for-process {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

ul.for-process li {
    flex: 0 0 50%
}

span.step-spa {
    font-size: 24px !important;
    color: red !important;
    position: relative;
    top: -16px
}

li.step_dig p span {
    font-size: 72px;
    font-weight: 600;
    color: #000
}

li.step_img.text-center img {
    width: 30%;
    margin-top: 12px
}

section.sec_6 {
    padding: 60px 0
}

section.sec_6 .container {
    background-image: url(../img/sec_6_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    border-radius: 15px;
    padding: 60px
}

a.live_cht_btn.text-left {
    background: red;
    width: 12%;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    padding: 7px;
    position: relative;
    right: -90%;
    top: -34px
}

a.live_cht_btn.text-left img {
    width: 30px
}

.text_head-thank.text-center img {
    width: auto
}

.text_head-thank.text-center h4 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px
}

.text_head-thank.text-center p {
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400
}

.text_head-thank.text-center button {
    background: #fff;
    border: none;
    padding: 11px;
    border-radius: 10px
}

section.sec_7 {
    padding: 60px 0
}

.glob_btn a.live_cht_btn {
    background: red;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    padding: 10px
}

.glob_btn a.live_cht_btn img {
    width: 30px
}

.glob_btn button {
    background: #000;
    padding: 8px;
    border-radius: 10px;
    color: #fff;
    border: none
}

.choose h5 span {
    color: red;
    font-size: 33px;
    font-weight: 600;
    line-height: 32px
}

.choose p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    font-family: "tomato Grotesk"
}

.box_pack {
    background-image: url(../img/why_choos_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 15px;
    border-radius: 10px
}

.box_pack h6 {
    font-weight: 600;
    font-size: 22px
}

.box_pack p {
    font-size: 15px;
    font-weight: 400;
    overflow-y: scroll;
    height: 150px
}

.box_pack button {
    margin-left: 80%;
    background: #000;
    color: #fff;
    border-radius: 10px;
    padding: 7px 16px 7px 16px;
    font-weight: 600;
    font-size: 20px
}

section.sec_8 {
    padding: 60px 0
}

.lp-slide {
    padding: 13px;
    border-radius: 10px;
    margin-left: 20px;
    background: #fafafc
}

li.customer_img img {
    width: 684px !important
}

li.customer_text {
    padding: 12px
}

li.customer_text img {
    width: 80px
}

li.customer_text p {
    font-size: 14px;
    overflow-y: scroll;
    height: 80px
}

li.customer_text h4 {
    font-size: 16px;
    font-weight: 600
}

li.customer_text h5 {
    font-size: 16px;
    font-weight: 400
}

.arrow-container.text-end .slick-arrow {
    background: red;
    padding: 5px 26px 8px 26px;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    font-size: 22px
}

.testi_head h6 {
    font-size: 40px;
    font-weight: 600;
    line-height: 44px
}

section.sec_9 {
    background-image: url(../img/cta_last_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    height: 38vh
}

.cta_head {
    padding: 65px;
    text-align: center
}

.cta_head h5 {
    font-size: 40px;
    font-weight: 600;
    color: #fff
}

.cta_head p {
    color: #fff;
    font-size: 18px;
    font-weight: 300
}

.cta_head button {
    background: #000053;
    padding: 8px;
    border-radius: 10px;
    color: #fff;
    border: none
}

.social-media-banner-img {
    width: 100%
}

.com p {
    overflow: auto;
    height: 90px;
    margin-right: -20px;
    padding-right: 20px
}

.inner-page-reviews {
    padding: 5rem 0
}

.inner-page-reviews .review {
    margin: 20px 20px
}

.inner-page-reviews .review-name p {
    height: auto
}

.port-meta h2 span {
    color: #000053
}

.audio-com .com p,
.author-com .com p,
.ebook-com .com p,
.editing-com .com p,
.home-com .hommie p,
.ill-com .com p,
.merketing-com .com p,
.printing-com .com p,
.printing-com-2 .com p,
.publishing-down p,
.rtrtrt-com .com p,
.social-com .com p,
.write-com p {
    height: auto;
    padding: 0;
    margin-right: auto
}

.home-com .hommie {
    min-height: 380px
}

.writing-com .write-com {
    height: 410px
}

.printing-com-2 .com {
    height: 380px
}

.social-com .com {
    min-height: 300px
}

.ebook-com .com {
    height: 590px
}

.author-com .com {
    min-height: 380px
}

.ill-com .com {
    height: 510px
}

.merketing-com .com {
    height: 380px
}

section.sec_4 .container.arizona {
    height: 335px
}

.step-cont p {
    font-size: 16px;
    padding: 14px
}

section.sec_9.arizona {
    height: 70vh
}

h2#swal2-title {
    font-size: 1.125rem !important
}

label.error {
    font-size: 12px;
    padding: 0 1em;
    color: red;
    margin: .25rem 0 0
}

.about-one-img,
.connect-img {
    height: 100%
}

.about-one-img>img,
.connect-img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.div-img img {
    border-radius: 20px
}

.form-wrapper {
    background: var(--white);
    padding: 2em;
    border-radius: 1.125rem;
    box-shadow: 0 0 10px #00000050
}

.form-wrapper .form-head figure img {
    width: 60px
}

.form-wrapper .form-head h2 {
    font-size: 2.125rem !important
}

.form-wrapper .form-style .form-body .form-group :is(input, textarea, select) {
    height: auto;
    padding: .75em 1.25em;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2) !important;
    font-size: .875rem;
    line-height: normal
}

.form-wrapper .form-style .form-submit>.form-btn {
    padding: .639em 1.25em
}

.multiple-books ul li:hover {
    background: var(--primary);
    color: var(--white)
}

.audio-com .com img,
.printing-com .com img {
    transition: all .3s ease
}

.audio-com .com:hover img,
.printing-com .com:hover img {
    filter: brightness(0) invert(1)
}

.faq-section {
    background: #f5f5f5
}

.faq-section .card:hover {
    border-color: var(--primary);
    box-shadow: 0 0 20px 5px #0087FD20
}

.faq-section .card:hover .card-header .card-link {
    color: var(--primary)
}

.faq-section .card-header {
    background: 0 0;
    border: none;
    outline: 0 !important;
    padding: 0
}

.faq-section .card-header .card-link {
    display: block;
    width: 100%;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: left;
    padding: 0;
    transition: .3s;
    background: 0 0;
    border: none;
    outline: 0
}

.faq-section .card {
    transition: .3s;
    margin-bottom: 1.25rem;
    border: 1px solid #c9c9c9;
    background: var(--ghost-blue);
    border-radius: 1rem;
    color: #828282;
    font-size: 16px;
    line-height: 24px;
    padding: 1.5rem 1.25rem
}

.faq-section .card-body {
    padding: 0
}

.faq-section .card-body p {
    margin: 1rem 0 0
}

.faq-section .card-header .card-link.collapsed:after,
.faq-section .card-header .card-link:after {
    content: "";
    background: url("../img/plus.webp") no-repeat center/cover;
    height: 26px;
    width: 26px;
    display: inline-block;
    position: absolute;
    right: 20px
}

.faq-section .card-header .card-link:after {
    background: url("../img/minus.webp") no-repeat center/cover
}

/* inner_banner */
.inner_banner {
    background: url("../img/banner-bg.webp") no-repeat center center/cover;
    padding: 5rem 0;
}

.inner_banner_img {
    display: flex;
    align-items: center;
    margin-bottom: -2rem;
    position: relative;
}

.inner_banner_img img {
    width: 280px;
}

.inner_banner_img img:last-child {
    margin-left: -10rem;
}

.inner_banner_content h4 {
    font-size: 2rem;
}

.inner_banner_content h2 {
    font-weight: 600;
    color: var(--primary);
}

.inner_banner_content h3 {
    font-size: 1.75rem;
    font-weight: 700;
}

.inner_banner_right {
    background: #ffffff;
    box-shadow: 0 0 6px #00000050;
    border-radius: 3.125rem;
    padding: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.themeBtn {
    display: block;
    width: fit-content;
    padding: .75em 2.25em;
    background: var(--primary);
    color: var(--white) !important;
    border-radius: 3.125em;
    font-size: 1rem !important;
    font-weight: 500;
}

.inner_banner_content a {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--primary);
}

.inner_banner_content span {
    font-size: 1.5rem;
    -webkit-animation: color_change 1s infinite alternate;
    -moz-animation: color_change 1s infinite alternate;
    -ms-animation: color_change 1s infinite alternate;
    -o-animation: color_change 1s infinite alternate;
    animation: color_change 1s infinite alternate;
}

@-webkit-keyframes color_change {
    from {
        color: var(--primary);
    }

    to {
        color: var(--secondary-2);
    }
}

@-moz-keyframes color_change {
    from {
        color: var(--primary);
    }

    to {
        color: var(--secondary-2);
    }
}

@-ms-keyframes color_change {
    from {
        color: var(--primary);
    }

    to {
        color: var(--secondary-2);
    }
}

@-o-keyframes color_change {
    from {
        color: var(--primary);
    }

    to {
        color: var(--secondary-2);
    }
}

@keyframes color_change {
    from {
        color: var(--primary);
    }

    to {
        color: var(--secondary-2);
    }
}

/* platforms_section */
.padd-y {
    padding: 5rem 0;
}

.main_heading {
    font-size: 3.25rem;
    font-weight: 600;
    text-align: center;
}

.platforms_slider {
    border-radius: 3.125rem;
}

.platforms_item {
    background: var(--primary);
    padding: 1em;
    border-radius: 3.125rem;
    text-align: center;
}

.platforms_item h5 {
    margin: 0;
    color: var(--white);
}

/* book_cover */
.book_cover {
    background: #f5f5f5;
}

.book_cover .row .col-md-4:nth-child(odd) {
    margin: 5rem 0 0;
}

.book_cover_card {
    position: relative;
    border-radius: 3.125rem;
    overflow: hidden;
    margin: 0 0 2.25rem;
}

.book_cover_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    text-align: center;
    z-index: 1;
}

.book_cover_content p {
    color: var(--white);
}

.book_cover_img {
    position: relative;
}

.book_cover_img::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 40%);
    user-select: none;
    pointer-events: none;
}

.book_cover_img img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.book_cover_img {
    margin: 0;
}

.book_cover_card::after {
    content: '';
    position: absolute;
    inset: 2rem;
    border: 2px solid var(--white);
    border-width: 0 2px;
    transform: scaleY(0);
    z-index: 2;
    transition: 0.5s ease;
}

.book_cover_card::before {
    content: '';
    position: absolute;
    inset: 2rem;
    border: 2px solid var(--white);
    border-width: 2px 0;
    transform: scaleX(0);
    z-index: 2;
    transition: 0.5s ease;
}

.book_cover_card:hover::before,
.book_cover_card:hover::after {
    transform: scale(1);
}

/* unique_section */
.unique_card_wrapper {
    background: #f5f5f5;
    padding: 2em;
    border-radius: 3.125rem;
    margin-bottom: 2.25rem;
}

.unique_card_content h4 {
    font-size: 2.125rem;
    font-weight: 600;
}

.unique_card_img img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
    mix-blend-mode: darken;
}

/* partner_section */
.partner_section {
    background: url("../img/banner-bg.webp") no-repeat center center/cover;
}

/* publishing_services */
.publishing_services_list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
}

.publishing_services_list li {
    min-height: 172px;
    padding: 2em;
    background: var(--white);
    text-align: center;
    box-shadow: 0 0 5px #000000;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.publishing_services_list figure img {
    width: 120px;
    aspect-ratio: 3/2;
    object-fit: contain;
}

.publishing_services_list h4 {
    font-size: 1.25rem;
    margin: .5rem 0 0;
}

/* get_started */
.get_started {
    background: #f5f5f5;
}

.get_started_card {
    height: 100%;
    padding: 2rem;
    background: var(--white);
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 0 5px #00000050;
}

.get_started_card_content h5 {
    font-size: 1.5rem;
    margin: 0;
}