/* CSS Index
-----------------------------------
1.default css
-----------------------------------
*/

/* font  family  */

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

.tk-figtree {
    font-family: "Figtree", sans-serif;
}
.tk-lato {
    font-family: "Lato", sans-serif;
}
.tk-roboto {
    font-family: "Roboto", sans-serif;
}
body {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    font-family: "Lato", sans-serif;
    color: #000;
}

/* lenis */
html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

/* lenis */

/* scroll bar */
.os-scrollbar-handle {
    background: #44A9DF;
}
body>.os-scrollbar {
    z-index: 999;
}
/* scroll bar */

img {
    max-width: 100%;
    height: auto;
}
/* animation */
.animation-line{
    overflow: hidden;
}
/* animation */

/* paralax img */
.trigger-parallax {
    overflow: hidden;
    position: relative;
}

.parallax-img {
    height: calc(100% + 120px);
    width: 100%;
    object-fit: cover;
    transform: translateY(0);
}
.fw-900{
    font-weight: 900;
}

/* paralax img */
a {
    text-decoration: none;
    color: #000;
}

a:hover {
    color: #000;
}

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

.bg-fix {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* container */
.container {
    max-width: 1156px;
}

/* z-index */
.z-4 {
    z-index: 4 !important;
}

/* z-index */

/* input */
input[type="text"], 
input[type="email"], 
input[type="tel"], 
input[type="number"], 
input[type="password"], 
input[type="url"], 
textarea {
    width: 100%;
    padding: 12px;
    background: #fff;
    border: 1px solid #000;
    color: rgba(80, 80, 80, 0.50);
    font-family: "Helvetica", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    opacity: 1;
}
textarea{
	height: 116px;
}
input:focus , textarea:focus{
	outline: none;
	box-shadow: none;
}
::placeholder {
    color: rgba(80, 80, 80, 0.50);
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
/* input */



.animation-line p:last-child,
.mb-p p:last-child{
    margin-bottom: 0;
}

.b-radius-24{
    border-radius: 24px;
}

/* heading  style*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #298FC5;
    font-weight: 700;
    line-height: 1.25;
    font-family: "Figtree", sans-serif;
}

h1 {
    font-size: 70.875px;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 40px;
}

h4 {
    font-size: 32px;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 20px;
}

/* all button */
.btn-1 {
    display: inline-block;
    color: #FFF;
    font-family: "Figtree", sans-serif;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 8.672px;
    background: #CB333B;
    padding: 13px 23.2px;
    transition: all 0.3s linear;
}
a.btn-1:hover{
    color: #fff;
    background-color: #231F20;
}
/* all button */


/* =================== header section start ======================= */
.header-area {
    padding: 16px 0;
}
.header-content-wrapper img {
    max-width: 319px;
}
.header-area::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 16.14%, rgba(0, 0, 0, 0.25) 100%), #5E2751;
    mix-blend-mode: multiply;
    z-index: 1;
}
/* =================== header section end ======================= */

/* =================== banner section start ======================= */
.banner-area {
    min-height: 632px;
}
.banner-area .container {
    max-width: 1336px;
}
.banner-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    max-height: 542px;
}
.banner-area::before {
    content: "'";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: linear-gradient(226deg, rgba(0, 54, 96, 0.00) -15.45%, #003660 76.73%);
}
.banner-content {
    max-width: 616px;
    padding: 80px 0 142px;
}
.banner-content  .title-line {
    margin-top: 4px;
    margin-bottom: 16px;
}

.banner-content .title-wrapper h1 {
    color: #FFF;
    text-shadow: 0 10.475px 10.475px rgba(0, 0, 0, 0.25);
    font-size: 62.852px;
    font-weight: 700;
    text-transform: uppercase;
}
.banner-content .title-wrapper h1 span {
    color: #54B2E4;
    font-family: "NautilusPompilius", sans-serif;
    font-size: 80px;
    font-weight: 400;
    line-height: 0.98;
    text-transform: none;
}
/* white color */
.banner-content p {
    color:#FFF;
}
.banner-content .btn-1 {
    margin-top: 10px;
}
.banner-content .title-wrapper {
    max-width: 504px;
}

/* =================== banner section end ======================= */


/* =================== plan section start  ======================= */
.plan-section-area .section-title-wrapper h2 {
    line-height: 1.1;
    letter-spacing: -0.96px;
}
.plan-section-area .section-title-wrapper p {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}
.plan-btn {
    color: #FFF;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.48px;
    background: #003660;
    border: 2px solid #003660;
    text-transform: none;
    border-radius: 16px;
    width: 310px;
    text-align: center;
    padding: 10px 15px;
}
.monthly-value-item > div:first-child ,
.plan-button-wrapper .plan-btn:first-child {
    flex-basis: auto;
    width: auto;
    flex-grow: 1;
}
.plan-berry-btn {
    background: #471E3E;
    border-color:#471E3E;
}
.plan-transparent-btn {
    background: transparent;
    color: #298FC5;
    border-color: #298FC5;
}
.plan-button-wrapper {
    gap: 16px;
}
.plan-section-area .container {
    max-width: 1126px;
}
.plan-section-area .section-title-wrapper {
    padding-bottom: 34px;
}
.best-value {
    border-radius: 16px;
    background: linear-gradient(85deg, #003865 -16.89%, #CB333B 97.38%);
    color: #FFF;
    font-size: 16px;
    padding: 0 26px;
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px;
}
/* accordion start */
.accordion {
    --bs-accordion-color: #003660;
    --bs-accordion-border-radius: 0;
}
.accordion-header {
    color: #298FC5;
    font-size: 25.167px;
    font-weight: 700;
    line-height: 1.27;
    letter-spacing: 0.295px;
    background: #F1FAFF;
    padding: 4.5px 0 4.5px 0;
    cursor: pointer;
    position: relative;
    z-index: 3;
}
.heading-grid{
    gap: 16px;
}
.arrow-wrap {
    text-align: center;
    flex-basis: 310px;
    flex-grow: 0;
    flex-shrink: 0;
}
.accordion-header .heading {
    padding-left: 80px;
    display: inline-block;
    text-wrap: nowrap;
    flex-grow: 1;
    flex-basis: auto;
    max-width: calc(100%  - 652px);
}
.accordion-item:first-of-type {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.accordion-item:first-of-type .accordion-header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.accordion-item:last-of-type .accordion-header {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.accordion-item:last-of-type  {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

.accordion-item {
    border: 0;
    margin-bottom: 45px;
}
.accordion-item:last-child{
    margin-bottom: 0;
}
.accordion-body {
    padding: 0;
}
.accordion-list-wrapper {
    padding: 14px 14px 0px 85px;
}
.accordion-list-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
    max-width: 458px;
}
.accordion-list-wrapper ul li {
    color: #003660;
    font-size: 16px;
    letter-spacing: 0.188px;
    position: relative;
    z-index: 1;
    padding-left: 18px;
}
.accordion-list-wrapper ul li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    height: 6px;
    width: 6px;
    background-color: #003660;
    z-index: 1;
    border-radius: 100%;
}
.ac-header-icon-wrapper{
    padding: 5px;
}
.ac-header-arrow-icon ,
.ac-header-icon-wrapper {
    height: 74px;
    width: 74px;
    background: #003660;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -13px;
    z-index: 5;
}
.ac-header-arrow-icon {
    border-radius: 4px;
    background: #BBE4F9;
    height: 40px;
    width: 40px;
    left: auto;
    right: 10px;
}
.ac-header-arrow-icon svg{
    transform-origin: center;
    rotate: 0deg;
    transition: all 0.3s linear;
}
.accordion-header:not(.collapsed) .ac-header-arrow-icon svg{
    rotate: 180deg;
}
.plan-item {
    margin-top: 34px;
}
.plan-item-wrapper {
    border-radius: 24px;
    border: 3px solid #E5E5E5;
    background: #FFF;
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.05);
    margin-top: 16px;
}
.tick-mark-arrow-item {
    border-radius: 50%;
    background: #FFFFFF;
    height: 40px;
    width: 40px;
}
.tick-mark-arrow-item svg{
    height: 33px;
    width: 33px;
}
/* accordion end */
.annual-title {
    color: #FFF;
    font-size: 25px;;
    line-height: 1.27;
    letter-spacing: 0.344px;
}
.annual-value-item {
    border-radius: 16px;
    background: linear-gradient(71deg, #00355B 15.32%, #2CA1D2 97.81%);
    padding: 16px 55px;
    margin:51px 30px 16px;
}
.monthly-title {
    color: #003660;
    font-family: "Lato", sans-serif;
    font-size: 21px;
    line-height:1.14;
    letter-spacing: 0.246px;
    display: block;
}
.monthly-title span {
    font-size: 16px;
    letter-spacing: 0.188px;
}
.monthly-item-wrapper p {
    color: #2C2E35;
    font-size: 13px;
    line-height: 1.38;
    letter-spacing: 0.254px;
}
.monthly-value-item {
    border-radius: 0 0 21px 21px;
    background: #F1FAFF;
    padding: 12px 16px 17px 55px;
    gap: 57px;
}
.plan-section-area {
    padding: 70px 0 64px;
}

.monthly-value-item  div {
    width: 275px;
}
.annual-value-item > div:first-child {
    max-width: 360px;
}
.annual-value-item > div:nth-child(3) {
    max-width: 126px;
    flex-grow: 1;
}
.monthly-value-item > div:first-child {
    max-width: 360px;
}
.annual-value-item > div:nth-child(2) {
    max-width: 230px;
    flex-grow: 1;
}
.monthly-value-item > div:nth-child(2){
    max-width: 258px;
    flex-grow: 1;
}
/* =================== plan section end  ======================= */


/* =================== Account Benefits section start======================= */
.account-benefits {
    background-image: url('../images/accounts/accounts-bg.png');
    padding: 64px 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.inner-text {
    font-size: 40px;
    font-weight: 500;
}
.account-highlights {
    border-radius: 24px;
    border: 3px solid #E5E5E5;
    background: #FFF;
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.05);
    padding: 35px;
    text-align: center;
}

.account-highlights p {
    max-width: 763px;
    color: #2C2E35;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.313px;
    margin: 0 auto;
}

.account-highlights h5 {
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.48px;
    margin-bottom: 16px;
}
.our-members-area {
    padding: 64px 0;
}
.our-members-area h2{
    font-weight: 900;
}
.author-information h5,
.testimonial-content-wrapper blockquote {
    color: #15385F;
    font-family: "Lato", sans-serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
    line-height: 1.5;
}
.testimonial-content-wrapper blockquote {
    margin-bottom: 24px;
}
.author-information h5 {
    color:#231F20;
    font-size: 24px;
    text-transform: capitalize;
}
.testimonial-content-wrapper {
    max-width: 847px;
    margin-right: auto;
    margin-left: auto;
}
/* swiper */
.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}
.swiper-arrow-icon {
    height: 48px;
    width: 48px;
    border: 1px solid #15385F;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 4px 0px rgba(94, 39, 81, 0.25);
}
.swiper-pagination-bullet {
    background: #D7D7D7;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #15385F;
}

.swiper-arrow-icon svg{
    height: 24px;
    width: 24px;
    position: relative;
    top: 7px;
    left: 10px;
}
/* swiper */
.testimonial-slider-wrapper .swiper-wrapper {
    padding-bottom: 48px;
}
.testimonial-slider-wrapper .swiper-arrow-icon {
    margin-top: -72px;
}
.testimonial-area {
    margin-top: 10px;
}

.need-support-area {
    background-image: url('../images/accounts/support-bg.png');
    background-size: cover;
    background-position: center;
    background-color: #003660;
    border-radius: 16px;
    color: #ffffff;
    padding: 44px 55px;
}
.support-left h4 {
    color: #ffffff;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.64px;
    text-transform: uppercase;
    margin-bottom: 10px;
    max-width: 550px;
}

.need-support-area .row {
    gap: 32px;
}
.support-right {
    width: 308px;
    padding: 0 52px;
    text-align: center;
    font-size: 16px;
}

.support-right a {
    color: #ffffff;
    text-decoration: underline;
}
.support-right a:hover {
    text-decoration: none;
}
.contact-phone {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.48px;
    font-family: "Figtree", sans-serif;
}
.support-right .contact-phone{
    text-decoration: none;
}
.support-right .contact-phone:hover {
    text-decoration: underline;
}
.contact-description p {
    font-weight: 500;
    margin-bottom: 10px;
}
/* =================== member section end ======================= */


/* =================== cta section start ======================= */
.cta-area {
    padding: 134px 0;
    background: #fff;
}
.cta-area::after,
.cta-area::before {
    content: "'";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(94, 39, 81, 0.8);
    z-index: 2;
}
.cta-area::after{
    background: linear-gradient(329deg, #5E2751 37.16%, rgba(94, 39, 81, 0.00) 77.77%);
    z-index: 1;
}

.cta-bg {
    z-index: 1;
    mix-blend-mode: luminosity;
}
.cta-content {
    max-width: 786px;
}
.cta-content  .title-line {
    margin-top: 4px;
}
.cta-content p {
    color: #FFF;
    font-size: 24px;
    font-weight: 500;
}
.cta-content .btn-1 {
    margin-top: 8px;
    padding: 13px 33.2px;
}
.cta-side-logo {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 652px;
    height: 100%;
    opacity: 0.15;
    z-index: 3;
    mix-blend-mode: multiply;
}
.cta-content .title-wrapper svg {
    margin-top: 6px;
    margin-bottom: 10px;
}
/* =================== cta section end ======================= */


/* =================== footer section start  ======================= */
.footer-area {
    padding-top: 40px;
}
.footer-area .container {
    max-width: 1336px;
}
.footer-top-wrapper {
    margin-bottom: 58px;
}
.footer-description {
    color: #ffffff;
    max-width: 910px;
    margin: 0 auto;
    padding-top: 50px;
    font-size: 16px;
}
.footer-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 23.44%, rgba(0, 0, 0, 0.40) 154.52%), #15385F;
    mix-blend-mode: multiply;
    z-index: 1;
}
.socials-link-wrapper {
    gap: 17px;
}
.top-btn-wrapper svg path ,
.other-link-wrapper a,
.socials-link-wrapper a svg path{
    transition: all 0.3s linear;
}
.socials-link-wrapper a:hover svg path{
    fill: #fff;
}
.socials-link-wrapper a:hover svg path:last-child{
    fill: #000;
}

.other-link-wrapper a,
.copy-right-caption p {
    color: rgba(255, 255, 255, 0.80);
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}
.other-link-wrapper a{
    text-decoration: underline;
}
.other-link-wrapper a:hover{
    color: #fff;
    text-decoration: none;
}
.copy-right-item-area {
    border-top: 1px solid #44A9DF;
    margin-top: 48px;
    padding: 25px 0;
}
.top-btn-wrapper:hover svg path{
    fill: #fff;
}
.ncua-caption p{
    margin-bottom: 0;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
}
.ncua-caption {
    gap: 22px;
}
/* =================== footer section end  ======================= */