/*Table Of Content---1. Common Css2. Header Css3. Banner Css4. Features Css5. About Css6. Pricing Css7. Choose Us Css8. Support Css9. App Css10. Testimonials Css11. Product Css12. Footer Top Css13. Footer Css14. About Page Css15. Contact Page16. Accounts Css*/@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');/* 1. Common Css */* {    margin: 0;    padding: 0;    -webkit-box-sizing: border-box;            box-sizing: border-box;}:root {    --primary-color: #00a7e1;    --yellow-color: #ffd400;    --trust-color: #00b67a;    --white-color: #fff;    --black-color: #333;    --dark-black: #000;    --gray-color: #ddd;    --bg-color: #ecedf1;}html {    scroll-behavior: smooth;}body {    font-family: 'Poppins', sans-serif;    font-size: 16px;    font-weight: 400;    line-height: 22px;}ul {    list-style: none;}img {    max-width: 100%;    vertical-align: middle;}a {    text-decoration: none;    -webkit-transition: all .3s ease;    -o-transition: all .3s ease;    transition: all .3s ease;}/* Container */.container {    width: 90%;    margin: 0 auto;}.container-fluid {    width: 100%;    margin: 0 auto;}/* 2. Header Css */.header-area {    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s;}.header-area.sticky {    position: fixed;    top: 0;    left: 0;    right: 0;    z-index: 99;}.header-top-area {    background-color: var(--bg-color);    padding: 10px 50px;    border-bottom: 1px solid var(--dark-black);}.header-top-area p {    text-align: center;}.header-top-area p span {    font-weight: 600;}.header-bottom-area {    background-color: var(--primary-color);    padding: 15px 0;}.header-area.sticky .header-bottom-area {    background-color: var(--white-color);    border-bottom: 1px solid var(--dark-black) !important;}.header-area.page-header .header-bottom-area {    background-color: var(--white-color);    border-bottom: 0;}.header {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    -webkit-box-align: center;        -ms-flex-align: center;            align-items: center;}.header-info {    -ms-flex-preferred-size: 64%;        flex-basis: 64%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-align: center;        -ms-flex-align: center;            align-items: center;}.logo {    margin-right: 30px;}.logo a {    text-transform: uppercase;    font-size: 16px;    font-weight: 600;    color: var(--white-color);}.header-area.sticky .logo a, .header-area.page-header .logo a {    color: var(--dark-black);}.header-area.sticky .logo a span, .header-area.page-header .logo a span {    color: var(--primary-color);}.stellarnav.desktop ul li a {    text-transform: capitalize;    font-size: 18px;    color: var(--white-color);    padding: 0 10px;}.header-area.sticky .stellarnav.desktop ul li a, .header-area.page-header .stellarnav.desktop ul li a {    color: var(--dark-black);}.header-support {    -ms-flex-preferred-size: 35%;        flex-basis: 35%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-align: center;        -ms-flex-align: center;            align-items: center;    -webkit-box-pack: end;        -ms-flex-pack: end;            justify-content: flex-end;}.header-language {    position: relative;}.header-language h4 {    text-transform: uppercase;    font-size: 18px;    font-weight: 400;    color: var(--white-color);    cursor: pointer;}.header-area.sticky .header-language h4, .header-area.page-header .header-language h4 {    color: var(--dark-black);}.header-language h4 i {    font-size: 14px;    margin-left: 7px;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s;}.header-language h4.show-lang i {    -webkit-transform: rotate(180deg);        -ms-transform: rotate(180deg);            transform: rotate(180deg);}.header-language ul {    position: absolute;    top: 0;    left: 0;    width: 230px;    background-color: var(--white-color);    padding: 10px 0;    border: 1px solid var(--dark-black);    border-radius: 5px;    z-index: 99;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s;    visibility: hidden;    opacity: 0;}.header-language ul.show-lang {    top: 180%;    visibility: visible;    opacity: 1;}.header-language ul li:hover {    background-color: var(--bg-color);}.header-language ul li a {    display: block;    font-size: 18px;    padding: 10px 15px;    color: var(--black-color);}.mobile-languages {    display: none !important;}.header-btn {    margin-left: 10px;}.header-btn a:first-child {    display: inline-block;    text-transform: capitalize;    font-size: 18px;    font-weight: 500;    color: var(--white-color);    padding: 10px 40px;}.header-area.sticky .header-btn a:first-child, .header-area.page-header .header-btn a:first-child {    color: var(--dark-black);}.header-btn a:last-child {    display: inline-block;    text-transform: capitalize;    font-size: 18px;    font-weight: 500;    background-color: var(--white-color);    color: var(--dark-black);    padding: 10px 30px;    border: 1px solid var(--dark-black);    border-radius: 5px;    position: relative;}.header-area.sticky .header-btn a:last-child, .header-area.page-header .header-btn a:last-child {    background-color: var(--primary-color);    color: var(--white-color);}.header-btn a:last-child:before {    content: '';    position: absolute;    bottom: -4px;    left: -4px;    width: 100%;    height: 100%;    border-radius: 5px;    border-bottom: 1px solid var(--black-color);    border-left: 1px solid var(--black-color);}.header-btn a:last-child:hover {    -webkit-transform: translate(3px, -3px);        -ms-transform: translate(3px, -3px);            transform: translate(3px, -3px);}.stellarnav.desktop li.has-sub ul {    max-width: 180px;    background-color: var(--white-color);    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 11px 0px;            box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 11px 0px;}.stellarnav.desktop li.has-sub ul li {    margin-bottom: 7px;    padding: 7px 0;}.stellarnav.desktop li.has-sub ul li:last-child {    margin-bottom: 0;}.stellarnav.desktop li.has-sub ul li a {    color: var(--black-color);}.stellarnav.desktop li.has-sub ul li:hover {    background-color: var(--primary-color);}.stellarnav.desktop li.has-sub ul li a:hover {    color: var(--white-color);}.header-area.sticky .stellarnav.desktop li.has-sub>a:after, .header-area.page-header .stellarnav.desktop li.has-sub>a:after {    border-top-color: var(--black-color);}/* 3. Banner Css */.banner-area {    background-color: var(--primary-color);    padding: 120px 0 400px;}.banner-content {    text-align: center;}.banner-content h2 {    font-size: 60px;    line-height: 70px;    font-weight: 500;    color: var(--white-color);}.banner-content h4 {    font-size: 44px;    line-height: 50px;    font-weight: 500;    color: var(--white-color);    margin-top: 30px;}.banner-content a {    display: inline-block;    text-transform: capitalize;    font-size: 20px;    font-weight: 500;    background-color: var(--white-color);    color: var(--dark-black);    padding: 18px 50px;    border: 1px solid var(--dark-black);    border-radius: 5px;    position: relative;    margin: 70px 0;}.banner-content a:before {    content: '';    position: absolute;    bottom: -4px;    left: -4px;    width: 100%;    height: 100%;    border-radius: 5px;    border-bottom: 1px solid var(--black-color);    border-left: 1px solid var(--black-color);}.banner-content a:hover {    -webkit-transform: translate(3px, -3px);        -ms-transform: translate(3px, -3px);            transform: translate(3px, -3px);}.banner-content img {    margin-bottom: -780px;}/* 4. Features Css */.features-area {    padding: 530px 0 60px;}.features-title {    text-align: center;    margin-bottom: 70px;}.features-title h2 {    font-size: 46px;    line-height: 52px;    font-weight: 500;}.features-title h2 span {    color: var(--primary-color);}.features {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;}.single-feature {    -ms-flex-preferred-size: 24%;        flex-basis: 24%;    padding: 40px 30px;    border: 1px solid var(--dark-black);    border-radius: 5px;    text-align: center;    position: relative;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s;}.single-feature:before {    content: '';    position: absolute;    bottom: -5px;    left: -5px;    width: 100%;    height: 100%;    border-radius: 5px;    border-bottom: 1px solid var(--black-color);    border-left: 1px solid var(--black-color);}.single-feature:hover {    -webkit-transform: translate(3px, -3px);        -ms-transform: translate(3px, -3px);            transform: translate(3px, -3px);}.single-feature img {    max-width: 120px;    margin: 0 auto;}.single-feature h4 {    font-size: 22px;    line-height: 26px;    font-weight: 500;    margin: 30px 0 15px;}.single-feature:nth-child(1) h4 {    color: #1cb7ad;}.single-feature:nth-child(2) h4 {    color: var(--yellow-color);}.single-feature:nth-child(3) h4 {    color: #3f51b5;}.single-feature:nth-child(4) h4 {    color: #4caf50;}.features-btn {    text-align: center;    margin-top: 80px;}.features-btn a {    display: inline-block;    text-transform: capitalize;    font-size: 20px;    font-weight: 500;    background-color: var(--primary-color);    color: var(--white-color);    padding: 22px 50px;    border: 1px solid var(--dark-black);    border-radius: 5px;    position: relative;}.features-btn a:before {    content: '';    position: absolute;    bottom: -4px;    left: -4px;    width: 100%;    height: 100%;    border-radius: 5px;    border-bottom: 1px solid var(--black-color);    border-left: 1px solid var(--black-color);}.features-btn a:hover {    -webkit-transform: translate(3px, -3px);        -ms-transform: translate(3px, -3px);            transform: translate(3px, -3px);}/* 5. About Css */.about-area {    padding: 60px 0 80px;}.about {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    -webkit-box-align: center;        -ms-flex-align: center;            align-items: center;}.about-content {    -ms-flex-preferred-size: 58%;        flex-basis: 58%;}.about-content h2 {    font-size: 48px;    line-height: 54px;    font-weight: 500;    margin-bottom: 50px;}.about-content h2 span {    color: var(--yellow-color);}.about-content ul li {    font-size: 26px;    font-weight: 300;    margin-bottom: 15px;    padding-bottom: 15px;    color: var(--black-color);}.about-content ul li i {    margin-right: 10px;    color: var(--yellow-color);}.about-img {    -ms-flex-preferred-size: 40%;        flex-basis: 40%;}.about-btn {    margin-top: 50px;}.about-btn a {    display: inline-block;    text-transform: capitalize;    font-size: 20px;    font-weight: 500;    color: var(--dark-black);    padding: 18px 40px;    border: 1px solid var(--dark-black);    border-radius: 5px;    position: relative;}.about-btn a:before {    content: '';    position: absolute;    bottom: -4px;    left: -4px;    width: 100%;    height: 100%;    border-radius: 5px;    border-bottom: 1px solid var(--black-color);    border-left: 1px solid var(--black-color);}.about-btn a:hover {    -webkit-transform: translate(3px, -3px);        -ms-transform: translate(3px, -3px);            transform: translate(3px, -3px);}.about-btn a:first-child {    background-color: var(--yellow-color);    margin-right: 20px;}/* 6. Pricing Css */.pricing-data {    background-color: var(--bg-color);    padding: 30px;    border-radius: 20px;}.pricing-tabs {    margin-bottom: 40px;}.pricing-tabs ul {    display: -webkit-box;    display: -ms-flexbox;    display: flex;        -webkit-box-pack: justify;            -ms-flex-pack: justify;                justify-content: space-between;}.pricing-tabs ul li {    background-color: var(--white-color);    font-weight: 600;    padding: 8px 22px;    border-radius: 10px;    cursor: pointer;}.pricing-tabs ul li.active {    background-color: var(--primary-color);    color: var(--white-color);}.pricing-tab {    display: none;}.pricing {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;}.pricing-content {    -ms-flex-preferred-size: 48%;        flex-basis: 48%;}.pricing-content h2 {    font-size: 42px;    line-height: 48px;    font-weight: 500;}.pricing-content h4 {    font-size: 26px;    line-height: 32px;    font-weight: 500;    margin: 15px 0 30px;}.pricing-images {    -ms-flex-preferred-size: 48%;        flex-basis: 48%;    text-align: right;}.pricing-images img {    max-height: 220px;}.pricing-btn a {    display: inline-block;    padding: 15px 25px;    font-size: 18px;    background-color: var(--primary-color);    color: var(--white-color);    border-radius: 10px;}.pricing-btn span {    font-size: 14px;    margin-left: 20px;}/* 7. Choose Us Css */.chooseus-area {    padding: 120px 0 60px;}.chooseus {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;}.single-chooseus {    -ms-flex-preferred-size: 32%;        flex-basis: 32%;    text-align: center;}.single-chooseus img {    max-width: 190px;}.single-chooseus h4 {    font-size: 24px;    line-height: 30px;    font-weight: 500;    margin: 30px 0 20px;}.single-chooseus p {    font-size: 20px;    line-height: 26px;    color: var(--black-color);}.chooseus-btn {    text-align: center;    margin-top: 70px;}.chooseus-btn a {    display: inline-block;    text-transform: capitalize;    font-size: 20px;    font-weight: 500;    background-color: var(--primary-color);    color: var(--white-color);    padding: 22px 80px;    border: 1px solid var(--dark-black);    border-radius: 5px;    position: relative;}.chooseus-btn a:before {    content: '';    position: absolute;    bottom: -4px;    left: -4px;    width: 100%;    height: 100%;    border-radius: 5px;    border-bottom: 1px solid var(--black-color);    border-left: 1px solid var(--black-color);}.chooseus-btn a:hover {    -webkit-transform: translate(3px, -3px);        -ms-transform: translate(3px, -3px);            transform: translate(3px, -3px);}/* 8. Support Css */.support-area {    padding: 60px 0 80px;}.supports {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: center;        -ms-flex-pack: center;            justify-content: center;    -webkit-box-align: center;        -ms-flex-align: center;            align-items: center;}.support-img {    width: 46%;}.support-content {    width: 40%;}.support-content h2 {    font-size: 46px;    line-height: 52px;    font-weight: 500;}.support-content h2 span {    color: var(--primary-color);}.support-content h4 {    font-size: 26px;    line-height: 32px;    font-weight: 300;    margin-top: 20px;}/* 9. App Css */.app-area {    background-color: var(--primary-color);    padding: 130px 0;    position: relative;}.app-content h2 {    font-size: 46px;    line-height: 52px;    font-weight: 500;    color: var(--white-color);}.app-btn {    margin: 50px 0;}.app-btn a:first-child {    display: inline-block;    text-transform: capitalize;    font-size: 20px;    font-weight: 500;    background-color: var(--white-color);    color: var(--dark-black);    padding: 22px 50px;    border: 1px solid var(--dark-black);    border-radius: 5px;    position: relative;    margin-right: 10px;}.app-btn a:first-child:before {    content: '';    position: absolute;    bottom: -4px;    left: -4px;    width: 100%;    height: 100%;    border-radius: 5px;    border-bottom: 1px solid var(--black-color);    border-left: 1px solid var(--black-color);}.app-btn a:first-child:hover {    -webkit-transform: translate(3px, -3px);        -ms-transform: translate(3px, -3px);            transform: translate(3px, -3px);}.app-btn a:last-child {    display: inline-block;    text-transform: capitalize;    font-size: 20px;    font-weight: 500;    color: var(--white-color);    padding: 10px 40px;}.app-btn a:last-child:hover {    text-decoration: underline;}.app-download a:first-child {    margin-right: 15px;}.app-download a img {    max-width: 180px;}.app-img {    position: absolute;    bottom: 0;    right: 0;    max-width: 900px;}/* 10. Testimonials Css */.testimonials-area {    padding: 40px 0 60px;    border-bottom: 1px solid var(--dark-black);}.testimonials-title {    text-align: center;}.testimonials-title h2 {    text-transform: capitalize;    font-size: 24px;    line-height: 24px;    font-weight: 600;}.testimonials-title h2 span i {    display: inline-block;    width: 27px;    height: 27px;    line-height: 27px;    background-color: var(--trust-color);    color: var(--white-color);    font-size: 15px;    text-align: center;    margin: 0 -2.5px;}.testimonials-title p {    font-size: 18px;    margin-top: 15px;}.testimonials-title p span {    font-weight: 600;}.testimonials-title p i {    color: var(--trust-color);}.testimonials {    margin-top: 50px;}.testimonials a {    color: var(--black-color);}.single-testimonial {    padding: 20px;    border: 1px solid var(--gray-color);    border-radius: 10px;}.testimonial-head .testi-icon i {    display: inline-block;    width: 15px;    height: 15px;    line-height: 15px;    background-color: var(--trust-color);    color: var(--white-color);    font-size: 7px;    text-align: center;    margin: 0 -1.5px;}.testimonial-head .rules {    font-size: 14px;    margin-left: 10px;}.testimonial-body {    margin: 20px 0;}.testimonial-body h4 {    font-size: 16px;    font-weight: 600;    margin-bottom: 15px;}.testimonial-body p {    font-size: 14px;}.testimonial-author h2 {    font-size: 14px;    font-weight: 400;}.testimonial-author h2 span {    font-size: 16px;    font-weight: 700;    margin-right: 10px;}.testimonials .slick-slide {    margin: 0 10px;}.testimonials .slick-arrow {    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);            transform: translateY(-50%);    z-index: 9;    background-color: transparent;    border: 0;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s;}.testimonials .slick-arrow i {    width: 35px;    height: 35px;    line-height: 35px;    background-color: var(--primary-color);    color: var(--white-color);    font-size: 14px;    text-align: center;    border-radius: 50%;    cursor: pointer;}.testimonials .slick-arrow.slick-prev {    left: -10px;}  .testimonials .slick-arrow.slick-next {    right: -10px;}/* 11. Product Css */.product-area {    padding: 80px 0 30px;}.products {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: center;        -ms-flex-pack: center;            justify-content: center;}.single-product {    -ms-flex-preferred-size: 31%;        flex-basis: 31%;     border: 1px solid var(--dark-black);    border-radius: 5px;    text-align: center;    position: relative;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s;}.single-product:before {    content: '';    position: absolute;    bottom: -6px;    left: -6px;    width: 100%;    height: 100%;    border-radius: 5px;    border-bottom: 1px solid var(--black-color);    border-left: 1px solid var(--black-color);}.single-product:hover {    -webkit-transform: translate(3px, -3px);        -ms-transform: translate(3px, -3px);            transform: translate(3px, -3px);}.single-product:first-child {    margin-right: 40px;}.single-product:first-child .product-header {    background-color: #ff903b;    padding: 50px;}.single-product:last-child .product-header {    background-color: var(--primary-color);    padding: 50px;}.product-content {    padding: 40px;}.product-content p {    font-size: 26px;    line-height: 32px;    color: var(--black-color);}.product-notice {    margin-top: 70px;    text-align: center;}.product-notice p {    font-size: 22px;    color: var(--black-color);}.product-notice p i {    margin-right: 10px;}/* 12. Footer Top Css */.footer-top-area {    padding: 30px 0 40px;} .footer-top {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    margin-bottom: 70px;}.footer-payment {    -ms-flex-preferred-size: 70%;        flex-basis: 70%;}.footer-payment img {    max-width: 55px;    margin-right: 15px;}.footer-social {    -ms-flex-preferred-size: 28%;        flex-basis: 28%;    text-align: right;}.footer-social a {    display: inline-block;    color: var(--primary-color);    font-size: 24px;    margin-left: 15px;}.footer-top-content p {    font-size: 14px;}.footer-top-content p:not(:last-child) {   margin-bottom: 20px;}.footer-top-area p a {    color: var(--primary-color);}.footer-top-area p a:hover {    text-decoration: underline;}/* 13. Footer Css */.footer-area {    background-color: var(--bg-color);    padding: 30px 0;}.footer {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    -webkit-box-align: center;        -ms-flex-align: center;            align-items: center;}.footer-info {    -ms-flex-preferred-size: 40%;        flex-basis: 40%;}.footer-info span {    display: inline-block;}.footer-info .footer-logo {    margin-right: 25px;}.footer-info .footer-logo a {    text-transform: uppercase;    font-size: 22px;    line-height: 28px;    font-weight: 600;    color: var(--dark-black);}.footer-info .footer-logo a span {    color: var(--primary-color);}.footer-info .footer-mail a {    color: var(--black-color);}.footer-info .footer-mail a:hover {    text-decoration: underline;}.footer-language {    -ms-flex-preferred-size: 20%;        flex-basis: 20%;    position: relative;}.footer-language h4 {    text-align: right;    text-transform: uppercase;    font-size: 14px;    font-weight: 400;    color: var(--black-color);    cursor: pointer;}.footer-language h4 .footer-globe i {    font-size: 20px;}.footer-language h4 .footer-arrow i {    margin-left: 5px;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s;}.footer-language h4.show-lang .footer-arrow i {    -webkit-transform: rotate(180deg);        -ms-transform: rotate(180deg);            transform: rotate(180deg);}.footer-language ul {    position: absolute;    bottom: 0;    right: 0;    width: 230px;    background-color: var(--white-color);    padding: 10px 0;    border: 1px solid var(--dark-black);    border-radius: 5px;    z-index: 99;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s;    visibility: hidden;    opacity: 0;}.footer-language ul.show-lang {    bottom: 170%;    visibility: visible;    opacity: 1;}.footer-language ul li:hover {    background-color: var(--bg-color);}.footer-language ul li a {    display: block;    font-size: 18px;    padding: 10px 15px;    color: var(--black-color);}.footer-bottom {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    -webkit-box-align: center;        -ms-flex-align: center;            align-items: center;    margin-top: 20px;}.footer-links {    -ms-flex-preferred-size: 65%;        flex-basis: 65%;}.footer-links a {    display: inline-block;    text-decoration: underline;    color: var(--black-color);}.footer-links a:not(:last-child) {    padding-right: 10px;    margin-right: 10px;    border-right: 1px solid var(--black-color);}.footer-copyright {    -ms-flex-preferred-size: 33%;        flex-basis: 33%;    text-align: right;}.footer-copyright p {    font-size: 14px;    color: var(--black-color);}/* 14. About Page Css */.about-top-area {    padding: 120px 0 60px;}.about-top-content {    text-align: center;    margin-bottom: 70px;}.about-top-content h2 {    font-size: 46px;    line-height: 52px;    font-weight: 500;}.about-top-content h2 span {    color: var(--primary-color);}.about-top-content p {    max-width: 760px;    margin: 50px auto 0;    font-size: 22px;    line-height: 28px;}.about-top-features {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;}.single-about {    -ms-flex-preferred-size: 32%;        flex-basis: 32%;    text-align: center;}.single-about h4 {    font-size: 38px;    line-height: 42px;    color: var(--primary-color);    font-weight: 500;}.single-about h4 span {    display: block;    font-size: 18px;    color: var(--dark-black);}.single-about.trust h2 {    font-size: 20px;    font-weight: 500;}.single-about.single-about.trust h2 i {    color: var(--trust-color);}.single-about-icon {    margin: 15px 0;}.single-about.trust .single-about-icon i {    display: inline-block;    width: 25px;    height: 25px;    line-height: 25px;    background-color: var(--trust-color);    color: var(--white-color);    font-size: 13px;    text-align: center;}.single-about.trustp p span {    font-size: 10px;}.single-about.trust p span:first-child {    margin-right: 10px;    padding-right: 10px;    border-right: 1px solid var(--black-color);}.about-bottom-area {    padding: 60px 0;}.about-bottom-one, .about-bottom-two {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    -webkit-box-align: center;        -ms-flex-align: center;            align-items: center;}.about-bottom-two {    margin-top: 120px;}.about-bottom-one-content, .about-bottom-two-content {    -ms-flex-preferred-size: 54%;        flex-basis: 54%;}.about-bottom-one-content h2 , .about-bottom-two-content h2 {    font-size: 46px;    line-height: 52px;    font-weight: 500;    margin-bottom: 45px;}.about-bottom-one-content h2 span , .about-bottom-two-content h2 span {    color: var(--primary-color);}.about-bottom-one-content p , .about-bottom-two-content p {    font-size: 26px;    line-height: 32px;}.about-bottom-two-content p:last-child {    margin-top: 40px;}.about-bottom-one-img, .about-bottom-two-img {    -ms-flex-preferred-size: 44%;        flex-basis: 44%;}.about-contact {    padding: 60px 0px;}.about-contact-info h2 {    font-size: 42px;    line-height: 48px;    font-weight: 500;    margin-bottom: 40px}.about-contact-info h4 {    font-size: 28px;    line-height: 34px;    font-weight: 400;    color: var(--black-color);}.about-contact-info h4 span {    font-weight: 500;}.about-page-contents {    padding: 60px 0 20px;}.about-page-content {    padding: 30px;    border: 1px solid var(--dark-black);    border-radius: 5px;    position: relative;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s;}.about-page-content:before {    content: '';    position: absolute;    bottom: -6px;    left: -6px;    width: 100%;    height: 100%;    border-radius: 5px;    border-bottom: 1px solid var(--black-color);    border-left: 1px solid var(--black-color);}.about-page-content p:not(:last-child) {    margin-bottom: 25px;}.about-page-content p {    font-size: 22px;    line-height: 28px;    color: var(--black-color);}.about-page-content p a {    color: var(--primary-color);}/* 15. Contact Page */.contact-area {    padding: 80px 0;}.contact-title {    margin-bottom: 70px;}.contact-title h4 {    font-size: 32px;    line-height: 38px;    font-weight: 500;    text-align: center;}.contact-title h4 span {    color: var(--primary-color);}.contact-details {    text-align: center;    margin-bottom: 50px;    display: flex;    justify-content: space-around;}.single-contact {    margin-bottom: 30px;}.single-contact i {    width: 50px;    height: 50px;    line-height: 50px;    text-align: center;    background-color: var(--primary-color);    color: var(--white-color);    border-radius: 50%;    margin-bottom: 20px;}.single-contact h4 {    font-size: 22px;    line-height: 22px;    font-weight: 600;}.single-contact h4 span {    display: block;    font-size: 16px;    line-height: 22px;    font-weight: 500;    margin-bottom: 10px;}.contact-info {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;}.contact-info input {    -ms-flex-preferred-size: 49%;        flex-basis: 49%;    padding: 12px;    border: 2px solid var(--black-color);    margin-bottom: 20px;}.contact-form textarea {    width: 100%;    height: 150px;    padding: 12px;    border: 2px solid var(--black-color);    margin-bottom: 20px;}.contact-info input:focus, .contact-info input:focus-visible, .contact-form textarea:focus, .contact-form textarea:focus-visible {    outline-color: var(--primary-color);}.contact-form button {    padding: 12px 40px;    background-color: var(--primary-color);    color: var(--white-color);    font-size: 18px;    font-weight: 500;    cursor: pointer;    border: 1px solid var(--dark-black);    border-radius: 5px;    text-align: center;    position: relative;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s;}.contact-form button:before {    content: '';    position: absolute;    bottom: -4px;    left: -4px;    width: 100%;    height: 100%;    border-radius: 5px;    border-bottom: 1px solid var(--black-color);    border-left: 1px solid var(--black-color);}.contact-form button:hover {    -webkit-transform: translate(3px, -3px);        -ms-transform: translate(3px, -3px);            transform: translate(3px, -3px);}/* 16. Accounts Css */.account-content {    padding: 60px 0 30px;}.account-content h2 {    font-size: 26px;    line-height: 22px;    font-weight: 600;    margin-bottom: 15px;}.account-table {    padding: 20px 0 80px;    max-width: 1000px;    margin: 0 auto;}.account-table table {    border: 1px solid var(--dark-black);    border-radius: 5px;    position: relative;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s;}.account-table table:before {    content: '';    position: absolute;    bottom: -6px;    left: -6px;    width: 100%;    height: 100%;    border-radius: 5px;    border-bottom: 1px solid var(--black-color);    border-left: 1px solid var(--black-color);}.account-table table {    width: 100%;    border-spacing: 0;}.account-table table>:not(caption)>*>* {    padding: 20px;    background-color: var(--bg-color);    border-bottom-width: 1px;    text-align: center;}.account-table table>thead>tr>th {    background-color: var(--gray-color);}.account-table table>thead>tr>th:first-child {    text-align: left;}.account-table table>tbody>tr>th {    text-align: left;}.account-table tbody, .account-table  td, .account-table tfoot, th, .account-table thead, .account-table tr {    border-color: inherit;    border-style: solid;    border-width: 0;}.account-table td a {    display: inline-block;    background-color: var(--primary-color);    color: var(--white-color);    padding: 8px 15px;    text-transform: capitalize;    text-align: center;    border: 1px solid var(--dark-black);    border-radius: 5px;    position: relative;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s;}.account-table td a:before {    content: '';    position: absolute;    bottom: -4px;    left: -4px;    width: 100%;    height: 100%;    border-radius: 5px;    border-bottom: 1px solid var(--black-color);    border-left: 1px solid var(--black-color);}.account-table td a:hover {    -webkit-transform: translate(3px, -3px);        -ms-transform: translate(3px, -3px);            transform: translate(3px, -3px);}.account-tab-menu {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    flex-wrap: nowrap;    -ms-flex-wrap: nowrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    text-align: center;    border-bottom: 2px solid var(--gray-color);    margin-bottom: 50px;}.account-tab-item {    -ms-flex-preferred-size: 32%;        flex-basis: 32%;    padding: 30px;}.account-tab-item.active {    border-bottom: 3px solid var(--primary-color);}.account-tab-item a {    font-size: 18px;    font-weight: 500;    color: var(--black-color);}.account-tab-item.active a {    color: var(--primary-color);}.account-tab-content {    display: none;}.account-tab-content.active {    display: block;}/* 17. Markets Css */.markets-area {    padding: 80px 0 0;}.markets {    margin-bottom: 70px;}.market-tab-menu {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    flex-wrap: nowrap;    -ms-flex-wrap: nowrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    text-align: center;    border-bottom: 2px solid var(--gray-color);    margin-bottom: 50px;}.market-tab-item {    -ms-flex-preferred-size: 32%;        flex-basis: 32%;    padding: 30px;}.market-tab-item.active {    border-bottom: 3px solid var(--primary-color);}.market-tab-item a {    font-size: 18px;    font-weight: 500;    color: var(--black-color);}.market-tab-item.active a {    color: var(--primary-color);}.market-tab-content {    display: none;}.market-tab-content table {    width: 100%;    border-spacing: 0;}.market-tab-content table>:not(caption)>*>* {    padding: 20px;    border-bottom-width: 1px;    border-bottom-color: var(--gray-color);    text-align: left;}.market-tab-content tbody, .market-tab-content td, .market-tab-content tfoot, .market-tab-content th, .market-tab-content thead, .market-tab-content tr {    border-color: inherit;    border-style: solid;    border-width: 0;}.market-tab-content tr th:last-of-type, .market-tab-content tr td:last-of-type {    text-align: right;}.market-tab-content table td img {    max-width: 40px;    border-radius: 10px;    margin-right: 20px;}.market-tab-content table td span {    font-weight: 500;}.market-tab-content.active {    display: block;}