/*!
Theme Name: wp-fx-brandname-2
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-fx-brandname-2
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wp-fx-brandname-2 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* Fonts */
@font-face {
    font-family: 'Manrope';
    src: url('assets/fonts/Manrope-Regular.woff2') format('woff2'),
        url('assets/fonts/Manrope-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('assets/fonts/Manrope-Medium.woff2') format('woff2'),
        url('assets/fonts/Manrope-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('assets/fonts/Manrope-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Manrope-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('assets/fonts/Manrope-Bold.woff2') format('woff2'),
        url('assets/fonts/Manrope-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/* End Fonts */

/* Common */
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
:focus-visible{
	outline: none;
}
:root{
	--primary: #0AB682;
	--white: #FFFFFF;
	--black: #0F0C22;
    --light-green: #7A9993;
	--manrope: 'Manrope'
}
body{
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    font-family: var(--manrope);
    color: var(--black);
    margin: 0;
    padding: 0;
}
img{
    max-width: 100%;
    display: block;
    height: auto;
}
.container{
    max-width: 1280px;
    width: 100%;
    margin-inline: auto;
	padding-inline: 16px;
}
.title-wrapper{
    margin-bottom: 36px;
}
.title-wrapper:last-child{
    margin-bottom: 0;
}
.title-wrapper .title-count{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: var(--black);
    color: var(--white);
}
.title-wrapper .title-count,
.title-wrapper .title{
    margin-bottom: 20px;
}
.title-wrapper p{
    margin-bottom: 16px;
}
.title-wrapper p:nth-last-child(2){
    margin-bottom: 40px;
}
.title-wrapper .title-count:last-child,
.title-wrapper .title:last-child,
.title-wrapper p:last-child{
    margin-bottom: 0;
}
.text-center{
    text-align: center;
}
ul,ol{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
a,span{
    display: inline-block;
}
a{
    text-decoration: none;
    color: var(--primary);
    transition: all 0.3s;
}
h1,h2,h3,h4,h5,h6,p,ul,ol{
    margin: 0 0 16px;
}
h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,ul:last-child,ol:last-child{
    margin-bottom: 0;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    line-height: 1.25;
}
h1{
	font-weight: 600;
}
h2,h3,h4,h5,h6{
	font-weight: 700;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{
	color: var(--primary);
}
h1,.h1{
    font-size: 70px;
}
h2,.h2{
    font-size: 48px;
}
h3,.h3{
    font-size: 30px;
}
h4,.h4{
    font-size: 26px;
}
h5,.h5{
    font-size: 24px;
}
h6,.h6{
    font-size: 18px;
}
.p-36{
    font-size: 36px;
}
.p-16{
	font-size: 16px;
}
.p-14{
	font-size: 14px;
}
/* End Common */

/* Button */
.btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	font-size: 18px;
	line-height: 1.778;
	font-weight: 700;
	padding: 12px 32px;
	border: 2px solid transparent;
	border-radius: 60px;
	transition: all 0.3s;
}
.solid-btn{
	border-color: var(--primary);
	background-color: var(--primary);
	color: var(--white);
}
.solid-btn .icon{
    background-color: var(--white);
}
.solid-btn:hover{
	background-color: transparent;
	color: var(--primary);
}
.solid-btn:hover .icon{
    background-color: var(--primary);
}
.solid-white-btn{
    background-color: var(--white);
    border-color: var(--white);
    color: var(--black);
}
.solid-white-btn .icon{
    color: var(--black);
}
.solid-white-btn:hover{
    background-color: transparent;
    color: var(--white);
}
.solid-white-btn:hover .icon{
    background-color: var(--white); 
}
.border-btn{
	border-color: #E9EDF4;
	color: var(--black);
}
.border-btn .icon{
    background-color: var(--black);
}
.border-btn:hover{
	border-color: var(--primary);
	background-color: var(--primary);
	color: var(--white);
}
.border-btn:hover .icon{
    background-color: var(--white);
}
.border-white-btn{
    border-color: var(--white);
    color: var(--white);
    background-color: transparent;
}
.border-white-btn .icon{
    background-color: var(--white);
}
.border-white-btn:hover{
    background-color: var(--white);
    color: var(--primary);
}
.border-white-btn:hover .icon{
    background-color: var(--primary);
}
/* End Button */

/* Icons */
.icon{
    display: block;
    width: 24px;
    height: 24px;
    mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-position: center;
    mask-size: contain;
    mask-size: contain;
    background-color: var(--black);
    transition: all 0.3s;
}
.icon-arrow-right{
    mask-image: url('assets/images/icon-arrow-right.svg');
    -webkit-mask-image: url('assets/images/icon-arrow-right.svg');
}
.icon-arrow-prev{
    mask-image: url('assets/images/icon-arrow-prev.svg');
    -webkit-mask-image: url('assets/images/icon-arrow-prev.svg');
}
.icon-arrow-next{
    mask-image: url('assets/images/icon-arrow-next.svg');
    -webkit-mask-image: url('assets/images/icon-arrow-next.svg');
}
.icon-google-doc{
    mask-image: url('assets/images/icon-google-doc.svg');
    -webkit-mask-image: url('assets/images/icon-google-doc.svg');
}
.icon-calendar{
    mask-image: url('assets/images/icon-calendar.svg');
    -webkit-mask-image: url('assets/images/icon-calendar.svg');
}
.icon-clock{
    mask-image: url('assets/images/icon-clock.svg');
    -webkit-mask-image: url('assets/images/icon-clock.svg');
}
.icon-location{
    mask-image: url('assets/images/icon-location.svg');
    -webkit-mask-image: url('assets/images/icon-location.svg');
}
/* End Icons */

/* Spacing */
.pt-120{
    padding-top: 120px;
}
.pb-120{
    padding-bottom: 120px;
}
.mt-120{
    margin-top: 120px;
}
.mb-120{
    margin-bottom: 120px;
}
/* End Spacing */


/* Header */
.site-header{
    position: sticky;
    top: 0;
    padding: 20px 0;
    border-bottom: 1px solid #E9EDF4;
    background: var(--white);
    z-index: 9;
}
.header-inner,
.header-inner .menu,
.header-action,
.toggle-wrapper{
    display: flex;
    align-items: center;
}
.header-inner{
    justify-content: space-between;
}
.header-inner .site-logo img{
    max-width: 250px;
    max-height: 60px;
}
.header-inner .menu{
    gap: 32px;
}
.header-inner .menu .menu-item a{    
    font-size: 16px;
    color: var(--black);
}
.header-inner .menu .menu-item-has-children{
    position: relative;
}
.header-inner .menu .menu-item-has-children > a{
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    z-index: 1;
}
.header-inner .menu .menu-item-has-children > a::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    mask-image: url('assets/images/icon-arrow-down.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    background-color: var(--black);
    width: 16px;
    height: 16px;
    transition: all 0.3s;
}
.header-inner .menu .menu-item-has-children > a:hover::before,
.header-inner .menu .current-menu-ancestor > a::before{
    background-color: var(--primary);
}
.header-inner .menu .menu-item-has-children:hover .sub-menu{
    opacity: 1;
    visibility: visible;
}
.header-inner .menu .sub-menu{
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background: var(--white);
	border: 1px solid #E9EDF4;
    margin: 0;
    transition: all 0.3s;
}
.header-inner .menu .sub-menu a{
    font-size: 16px;
    color: var(--black);
    padding: 4px 12px;
    border-bottom: 1px solid #E9EDF4;
    white-space: nowrap;
    display: block;
}
.header-inner .menu .menu-item a:hover,
.header-inner .menu .menu-item.current_page_item a,
.header-inner .menu .current-menu-ancestor > a{
    color: var(--primary);
}
.header-inner .menu .sub-menu a:hover,
.header-inner .menu .sub-menu .current_page_item a{
    background: var(--primary);
    color: var(--white);
}
.header-inner .menu .sub-menu .menu-item:last-child a{
    border: none;
}
.header-action,
.toggle-wrapper{
    gap: 10px;
}
.toggle-wrapper .mobile-toggle{
    display: none;
}
.mobile-menu-action{
    display: none;
}
/* End Header */

/* Hero Banner */
.hero-banner{
    background: #011b17;
    color: var(--white);
}
.hero-banner.inner-banner{
    background: #000D13;
    overflow: hidden;
}
.hero-body{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1920px;
    min-height: calc(100dvh - 100px);
    margin-inline: auto;
    padding: 50px 0;
    z-index: 1;
}
.hero-content{
    max-width: 600px;
}
.hero-caption{
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary);
}
.hero-caption,
.hero-content .title,
.hero-content .breadcrumb{
    margin-bottom: 16px;
}
.hero-content p{
    margin-bottom: 50px;
}
.btn-group{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.hero-image{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    max-width: 1140px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.hero-banner.inner-banner .hero-body{
    padding: 0;
    min-height: auto;
}
.hero-banner.inner-banner .hero-content{
    padding: 50px 0;
}
.hero-banner.inner-banner .hero-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.hero-banner.inner-banner .hero-image{
    max-width: 735px;
    position: static;
    transform: none;
    margin-right: -160px;
}
.hero-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.breadcrumb{
    display: flex;
    align-items: center;
}
.breadcrumb li{
    position: relative;
    font-size: 14px;
    padding-right: 21px;
    margin-right: 5px;
}
.breadcrumb li,
.breadcrumb li a{
    color: #FFFFFF99;
}
.breadcrumb li.active,
.breadcrumb li a:hover{
    color: var(--primary);
}
.breadcrumb li::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(-90deg);
    mask-image: url('assets/images/icon-arrow-down.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 16px;
    height: 16px;
    background-color: #FFFFFF99;
}
.breadcrumb li:last-child:before{
    display: none;
}
.breadcrumb li:last-child{
    padding: 0;
    margin: 0;
}
/* End Hero Banner */

/* Our services */
.service-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 48px;
    column-gap: 64px;
}
.service-item {
    display: flex;
    flex-direction: column;
}
.service-item .service-head{
    width: 75%;
    background: var(--primary);
    color: var(--white);
    padding: 16px;
    border-radius: 16px 16px 0 0;
    flex-shrink: 0;
    margin: 0;
}
.service-item .service-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background: #062B36;
    color: var(--white);
    padding: 16px;
    border-radius: 0 16px 16px 16px;
    height: 100%;
}
.service-item .service-info p{
    padding-left: 12px;
    border-left: 1px solid #909AA8;
}
.service-item .btn{
    border-radius: 8px;
    border-width: 1px;
}
/* End Our services */

/* Get started */
.started-wrapper{
    background-color: #001914;
    background-image: url('assets/images/get-started-image.webp');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    color: var(--white);
}
.started-wrapper .title-wrapper .title-count{
    background: var(--white);
    color: var(--black);
}
.get-started-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.get-started-inner .title-wrapper{
    max-width: 654px;
    width: 100%;
    margin: 0;
}
.get-started-inner .started-card{
    padding: 54px;
    background: var(--white);
    color: var(--black);
    border-radius: 26px;
    max-width: 530px;
    width: 100%;
}
.get-started-list li{
    display: flex;
    align-items: flex-start;
    color: var(--black);
    margin-bottom: 60px;
    gap: 24px;
}
.get-started-list li:last-child{
    margin-bottom: 0;
}
.get-started-list .started-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 8px;
    border: 1px solid var(--primary);
    flex-shrink: 0;
}
.get-started-list .started-icon img{
    max-width: 24px;
    max-height: 24px;
}
.get-started-list .title{
    margin-bottom: 10px;
}
.get-started-list .title:last-child{
    margin-bottom: 0;
}
.get-started-list p{
    font-size: 14px;
    color: #666666;
}
.progress-list{
    position: relative;
    z-index: 1;
}
.progress-list::before{
    content: '';
    position: absolute;
    top: 0;
    left: 28px;
    width: 2px;
    height: 100%;
    background: var(--primary);
    z-index: -1;
}
.progress-list li{
    display: flex;
    align-items: center;
    gap: 32px;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 48px;
}
.progress-list li:last-child{
    margin-bottom: 0;
}
.progress-list li span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 56px;
    height: 56px;
    border: 2px solid var(--primary);
    color: var(--primary);
    background: var(--white);
    border-radius: 100%;
}
/* End Get started */

/* Grid Wrapper */
.grid-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}
.reverse-grid{
    flex-direction: row-reverse;
}
.grid-inner .title-wrapper{
    margin: 0;
}
.grid-inner .title-wrapper,
.grid-inner .image-wrapper{
    width: 50%;
}
.grid-inner .image-wrapper{
    border-radius: 30px;
    border: 1px solid #D5D5D5;
    overflow: hidden;
}
.grid-inner .image-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* End Grid Wrapper */

/* Faq */
.faq-inner{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
.faq-inner .title-wrapper{
    max-width: 428px;
    width: 100%;
    margin: 0;
}
.faq-container{
    max-width: 595px;
    width: 100%;
}
.faq-item{
    margin-bottom: 36px;
}
.faq-item:last-child{
    margin-bottom: 0;
}
.faq-header{
    color: var(--white);
    background: var(--primary);
    border-radius: 16px;
    padding: 22px;
    cursor: pointer;
}
.faq-header .title{
    position: relative;
    font-size: 20px;
    padding-right: 24px;
}
.faq-header .title::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    mask-image: url('assets/images/icon-arrow-white-down.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    background-color: var(--white);
    width: 24px;
    height: 24px;
    transition: all 0.3s;   
}
.faq-item.active .faq-header .title::before{
    transform: rotate(-180deg);
}
.faq-content{
    display: none;
    padding: 10px 22px 0;
}
/* .why-trade-wrapper{
    overflow: hidden;
} */
.why-trade-wrapper .faq-inner{
    position: relative;
    z-index: 1;
}
.why-trade-wrapper .faq-inner::before{
    content: '';
    top: 50px;
    position: absolute;
    left: -330px;
    background: url('assets/images/why-trade-bg.webp') no-repeat center;
    background-size: contain;
    width: 788px;
    height: 520px;
    z-index: -1;
}
/* End Faq */

/* CTA */
.cta-inner{
    position: relative;
    text-align: center;
    background: #052021;
    color: var(--white);
    border-radius: 40px;
    padding: 100px 16px;
    overflow: hidden;
    z-index: 1;
}
.cta-inner::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1000px;
    height: 1000px;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(11, 196, 131, 0.2) 0%, rgba(11, 196, 131, 0) 60%);
    z-index: -1;
}
.cta-content{
    max-width: 700px;
    margin-inline: auto;
}
.cta-content p{
    color: #9DBAB3;
}
.cta-content .title,
.cta-content p{
    margin-bottom: 24px;
}
.cta-content .title:last-child,
.cta-content p:last-child{
    margin-bottom: 0;
}
.cta-2-wrapper{
    background: var(--primary);
    text-align: center;
}
.cta-2-wrapper p{
    max-width: 823px;
    margin-inline: auto;
}
.cta-3-wrapper .title-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 80px;
    border-radius: 30px;
    background-color: #061619;
    color: var(--white);
    border: 1px solid #18424A;
    background-image: url('assets/images/cta-bg.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.cta-3-wrapper .title-wrapper .cta-left{
    max-width: 500px;
    width: 100%;
}
.cta-3-wrapper .title-wrapper p{
    color: var(--light-green);
}
/* End CTA */

/* Testimonials */
.testimonial-wrapper{
    background-color: #001914;
    background-image: url('assets/images/testimonial-bg-image.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: var(--white);
    padding: 168px 0;
}
.testimonial-wrapper .title-wrapper{
    text-align: center;
}
.testimonial-wrapper .title-wrapper .title-count{
    background: var(--white);
    color: var(--black);
}
.testimonial-item{
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    padding: 28px 40px;
    background: var(--white);
    color: var(--black);
    border-radius: 16px;
    opacity: 0.6;
    height: auto !important;
    transition: all 0.3s;
}
.testimonial-item.swiper-slide-active{
    opacity: 1;
}
.testimonial-star{
    margin-bottom: 16px;
}
.testimonial-user{
    display: flex;
    align-items: center;
    gap: 14px;
}
.testimonial-user img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 100%;
    flex-shrink: 0;
}
.testimonial-user .name{
    margin: 0;
}
.testimonial-arrows{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    margin-top: 42px;
}
.testimonial-arrow-prev,
.testimonial-arrow-next{
    display: inline-flex;
    cursor: pointer;
}
.testimonial-arrow-prev.swiper-button-disabled,
.testimonial-arrow-next.swiper-button-disabled{
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}
.testimonial-arrows .icon{
    width: 36px;
    height: 36px;
    background-color: var(--white);
    transition: all 0.3s;
}
.testimonial-arrows .icon:hover{
    background-color: var(--primary);
}
/* End Testimonials */

/* About CFD */
.about-cfd-inner{
    display: flex;
    justify-content: space-between;
    gap: 24px;
}
.about-cfd-item{
    max-width: 530px;
    width: 100%;
}
.about-cfd-item .title{
    margin-bottom: 26px;
}
.about-cfd-item p{
    padding-left: 12px;
    border-left: 1px solid #909AA8;
}
/* End About CFD */

/* Brandname Card */
.brandname-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.brandname-card{
    border-radius: 12px;
    border: 1px solid #00000033;
    padding: 16px 16px 0;
}
.brandname-card .image-wrapper{
    height: 365px;
    border-radius: 8px;
    overflow: hidden;
}
.brandname-card .image-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.brandname-card .title{
    font-size: 24px;
    margin: 0;
    padding: 30px 0;
    text-align: center;
}
/* End Brandname Card */

/* Legal Documents */
.document-list{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 26px;
}
.document-card{
    display: inline-flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    background: #0AB6820F;
    border-bottom: 1px solid var(--primary);
    border-radius: 20px;
    padding: 20px;
}
.document-card .title{
    font-size: 20px;
    margin-bottom: 10px;
}
.document-card .title:last-child{
    margin-bottom: 0;
}
.document-card .link{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    color: var(--primary);
}
.document-card .link .icon{
    width: 22px;
    height: 22px;
    background-color: var(--primary);
}
/* End Legal Documents */

/* Pricing */
.pricing-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.pricing-card{
    min-height: 100%;
    padding: 28px 24px 24px;
    border: 1px solid var(--primary);
    border-radius: 22px;
    background: #F1FBF8;
    color: var(--black);
}
.plan-head{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}
.plan-head h3{
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
}
.plan-mark{
    width: 58px;
    height: 12px;
    border-radius: 20px;
    flex-shrink: 0;
}
.mark-classic{
    background: linear-gradient(90deg, #9F7B49 0%, #D7CAB5 100%);
}
.mark-gold{
    background: linear-gradient(90deg, #C28D21 0%, #F0D577 100%);
}
.mark-platinum{
    background: linear-gradient(90deg, #D4D7DA 0%, #80848A 100%);
}
.plan-price{
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 16px;
}
.plan-price strong{
    font-size: 30px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0;
}
.plan-desc{
    min-height: 54px;
    font-size: 14px;
    line-height: 1.55;
    color: #8DA09C;
    margin-bottom: 24px;
}
.plan-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 10px 20px;
    border: 1px solid #B8CBC6;
    border-radius: 6px;
    background: transparent;
    color: var(--black);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    text-align: center;
}
.plan-btn:hover{
    border-color: var(--primary);
    background: var(--primary);
    color: var(--white);
}
.plan-list{
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #C9DAD6;
}
.plan-list li{
    position: relative;
    padding-left: 24px;
    font-size: 13px;
    line-height: 1.45;
    color: var(--black);
    margin-bottom: 10px;
    z-index: 1;
}
.plan-list li:last-child{
    margin-bottom: 0;
}
.plan-list li::before{
    content: "";
    position: absolute;
    left: 2px;
    top: 4px;
    width: 8px;
    height: 12px;
    background: var(--black);
    border-radius: 2px;
}
.plan-list li::after{
    content: "";
    position: absolute;
    left: 5px;
    top: 0;
    width: 2px;
    height: 20px;
    background: var(--black);
}
.plan-list li.disabled{
    color: #909AA8;
}
.plan-list li.disabled::before{
    background: #909AA8;
    opacity: 0.55;
}
.plan-list li.disabled::after{
    background: #97a1ae7d;
    opacity: 0.5;
}
/* End Pricing */

/* Contact Us */
.contact-inner{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}
.contact-form-wrapper{
    max-width: 502px;
    width: 100%;
}
.contact-form-wrapper .title,
.contact-form-wrapper p{
    margin-bottom: 30px;
}
.contact-form-wrapper .title:last-child,
.contact-form-wrapper p:last-child{
    margin-bottom: 0;
}
.contact-details{
    max-width: 470px;
    width: 100%;
}
.input-wrapper{
    position: relative;
    margin-bottom: 18px;
}
.wpcf7-not-valid-tip{
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 13px;
}
.input-wrapper br{
    display: none;
}
.input-wrapper .wpcf7-form-control-wrap{
    display: block;
    width: 100%;
}
.input-wrapper input,
.input-wrapper textarea{
    font-size: 18px;
    font-family: var(--manrope);
    border: 1px solid #909AA8;
    border-radius: 8px;
    padding: 12px 16px;
    width: 100%;
    display: block;
}
.input-wrapper input:focus,
.input-wrapper textarea:focus{
    border-color: var(--primary);
}
.input-wrapper textarea{
    height: 108px;
    resize: vertical;
}
.input-wrapper label{
    font-size: 16px;
    display: block;
    margin-bottom: 3px;
}
.form-btn .wpcf7-submit{
    cursor: pointer;
}
.wpcf7 form .wpcf7-response-output{
    font-size: 13px;
    text-align: center;
    border-width: 1px;
    border-radius: 8px;
    padding: 6px 10px;
    margin: 10px 0 0;
}
.contact-details .title{
    font-size: 20px;
    margin-bottom: 19px;
}
.contact-details .lines-title{
    font-size: 14px;
    opacity: 0.5;
    margin-bottom: 14px;
}
.lines-list{
    margin-bottom: 24px;
}
.location-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.lines-list li,
.location-list li .head{
    display: flex;
    align-items: center;
    color: var(--black);
    gap: 10px;
}
.lines-list li .icon,
.location-list li .head .icon{
    width: 16px;
    height: 16px;
    background-color: var(--black);
    flex-shrink: 0;
}
.lines-list li{
    margin-bottom: 10px;
}
.location-list li .head{
    margin-bottom: 6px;
}
.location-list li .link{
    font-size: 20px;
}
.contact-details .title:last-child,
.contact-details .lines-title:last-child,
.lines-list li:last-child,
.lines-list:last-child,
.location-list li .head:last-child{
    margin-bottom: 0;
}
/* End Contact Us */












































/* Footer */
.site-footer{
    background: #051214;
    padding: 120px 0 48px;
    color: var(--light-green);
}
.site-footer .container{
    max-width: 1440px;
}
.footer-inner{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 76px;
}
.footer-brand{
    max-width: 284px;
    width: 100%;
}
.footer-logo{
    margin-bottom: 28px;
}
.footer-logo img{
    max-width: 284px;
    max-height: 55px;
}
.footer-logo:last-child,
.footer-nav h3:last-child,
.footer-nav .menu .menu-item:last-child,
.footer-trading h3:last-child{
    margin-bottom: 0;
}
.footer-nav{
    max-width: 142px;
    width: 100%;
}
.footer-nav h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    color: var(--white);
}
.footer-nav .menu .menu-item{
    margin-bottom: 24px;
}
.footer-nav .menu a{
    color: var(--light-green);
}
.footer-nav .menu a:hover,
.footer-nav .menu .current_page_item a{
    color: var(--primary);
}
.footer-trading{
    border: 1px solid #18424A;
    background: #0A1C20;
    border-radius: 10px;
    padding: 38px;
    color: var(--white);
    max-width: 424px;
    width: 100%;
}
.footer-trading h3{
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 14px;
}
.footer-trading p{
    font-size: 14px;
}
.footer-rights{
    text-align: center;
    padding-top: 48px;
    margin-top: 95px;
    border-top: 1px solid #18424A;
}
.footer-rights p{
    font-size: 16px;
    margin: 0;
}
/* End Footer */