@charset 'UTF-8';

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');


/* Universal Selectory */
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
    font-size: 0.9rem;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important; 
    -moz-osx-font-smoothing: grayscale !important;
}

/* Root Colors */
:root {

    --dominant: #fff;
    --compliment: #8dc2f1;    

    /* --ascent-1: #1f3b64; */
    --ascent-1: #01a0e2;
    --ascent-2: #0060aa;
    --ascent-3: #2c4964;
    --ascent-4: #ff6500;
}


/* Headings */ 
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    color: var(--ascent-3);
    font-weight: 600;
}

/* Buttons */
.btn:active,
.btn:focus {
    outline: none !important;
}
.btn-solid {
    line-height: 1.5;
    font-size: 1rem;
    padding: 0.7rem 1.5rem;
    border: 1px solid var(--ascent-1);
    background-color: var(--ascent-1);
    font-weight: 500;
    color: #fff;
    font-family: 'Open sans', sans-serif;
    box-shadow: 0px 0px 15px rgb(25 119 204 / 25%);
}
.btn-solid:hover {
    background-color: var(--ascent-2);
    border-color: var(--ascent-2);
    color: #fff;
}
.btn-solid:focus,
.btn-solid:active {
    box-shadow: 0px 0px 15px rgb(25 119 204 / 25%);
}
.btn-solid.lg {
    font-size: 1rem;
    padding: 0.9rem 2rem;
}
.btn-solid.sm {
    font-size: 0.9;
    padding: 0.5rem 1.5rem;
}
.btn-solid i {
    font-size: 0.9rem;
}
.card-link {
    text-decoration: none;
    font-weight: 500;
    color: var(--ascent-3);
}
.card-link i {
    font-size: 0.7rem;
}


/* Input Box */ 
.input-box {
    line-height: 1.5;
    font-size: 1rem;
    padding: 0.7rem 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: transparent;
    font-weight: 500;
    color: #222;
    text-align: left;
    width: 100%;
    font-family: 'Inter', sans-serif;
    outline: none !important;
}
.input-box:active,
.input-box:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.input-box::placeholder {
    font-weight: 400;
    opacity: 0.7;
}


/* Body */
br {
    user-select: none !important;
}
body {
    overflow-x: hidden;
    scroll-behavior: smooth;
}
main {
    overflow: hidden !important;
    scroll-behavior: smooth;
}
section.section {
    overflow: hidden !important;
    background-color: var(--dominant);
    height: auto;
    width: 100%;
    padding: 60px 0px;
    padding-bottom: 15px;
    background-size: cover;
    background-position: center;
}
main section:first-child {
    margin-top: 100px !important;
}
main section:last-child {
    padding-bottom: 100px;
}
@media  (max-width: 767px) {
    section.section {
        padding: 50px 20px;
        padding-bottom: 10px;
    }
    main section:last-child {
        padding-bottom: 50px;
    }
}

div.section-title {
    position: relative;
    margin-bottom: 50px;
}
div.section-title p.description {
    position: relative;
    font-size: 1rem;
    color: var(--ascent-3);
    opacity: 0.9;
    width: fit-content !important;
}
div.section-title p.description:not(.ignore)::after {
    position: absolute;
    content: " ";
    height: 3px;
    width: 50px;
    background-color: var(--ascent-4);
    border-radius: 2px;
    top: 50%;
    left: 105%;
    transform: translate(0%,-50%);
}
div.section-title .title {
    position: relative;
    font-size: 2rem;
    width: fit-content !important;
    margin-bottom: 20px;
}
div.section-title span.bottom-underline {
    position: relative;
    margin-top: 50px;
}
div.section-title span.bottom-underline::after {
    position: absolute;
    content: " ";
    height: 6px;
    width: 50px;
    background-color: var(--ascent-4);
    border-radius: 3px;
    top: -1.5px;
    left: 0%;
    transform: translate(0%,0%);
}
div.section-title span.bottom-underline::before {
    position: absolute;
    content: " ";
    height: 3px;
    width: 100px;
    background-color: var(--ascent-4);
    opacity: 0.7;
    border-radius: 2px;
}
div.section-title.text-center .title {
    margin: auto;
    margin-bottom: 20px;
}
div.section-title.text-center {
    text-align: center;
}
div.section-title.text-center p.description {
    margin: 12px auto;
}
div.section-title.text-center p.description:not(.ignore)::after {
    position: absolute;
    content: " ";
    height: 3px;
    width: 30px;
    background-color: var(--ascent-4);
    border-radius: 2px;
    top: 50%;
    left: 110%;
    transform: translate(0%,-50%);
}
div.section-title.text-center p.description:not(.ignore)::before {
    position: absolute;
    content: " ";
    height: 3px;
    width: 30px;
    background-color: var(--ascent-4);
    border-radius: 2px;
    top: 50%;
    right: 110%;
    transform: translate(0%,-50%);
}
div.section-title.text-center span.bottom-underline::after {
    margin: 0px auto;
    top: -3px;
    left: 50%;
    transform: translate(-50%,0%);
}
div.section-title.text-center span.bottom-underline::before {
    margin: 0px auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


/* Breadcrum */
section.breadcrum {
    padding: 0px;
    background-color: #f8f9fa;
}
section.breadcrum div.container {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}
section.breadcrum div.container ol {
    margin: 0px 15px;
}
section.breadcrum div.container ol li a {
    text-decoration: none;
    color: var(--ascent-3);
    font-size: 0.9rem;
    line-height: 1.5;
}
section.breadcrum div.container ol li {
    text-decoration: none;
    color: var(--ascent-3);
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Page Title */
section.page-title {
    padding: 100px 0px;
    padding-bottom: 130px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
section.page-title .waves {
    position: absolute;
    bottom: -10px;
    transform: rotateZ(180deg);
    width: 100%;
    height: auto;
}
section.page-title div.container {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}
section.page-title .small-heading {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
}
section.page-title .main-heading {
    font-size: 3rem;
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
}
section.page-title .description {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    margin-bottom: 0px;
}
section.page-title .content {
    width: fit-content !important;
    padding-left: 20px;
    border-left: 3px solid var(--ascent-4);
}
section.page-title .content hr {
    width: 100px;
    background-color: #fff;
    opacity: 1;
}
article p.content {
    font-size: 1rem;
    line-height: 1.6;
}
@media  (max-width: 767px) {
    section.page-title  {
        padding: 50px 0px;
    }
    section.page-title div.container {
        padding: 10px 20px;
    }
    section.page-title .waves {
        bottom: -3px;
        height: auto;
    }
}

section#about-page-title {
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("https://img.freepik.com/free-vector/illustration-data-analysis-graph_53876-20422.jpg?w=996&t=st=1653659960~exp=1653660560~hmac=dab9e435795bd493cb314d2495c69f37e0bd7977d875d0d2aeadce7174d57ab0");
}
section#trade-finance-solution {
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("https://www.eureporter.co/wp-content/uploads/2020/11/SCF-tech_Report.jpg");
}
section#working-capital-need {
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("https://img.freepik.com/free-photo/front-view-finance-business-elements-assortment_23-2148793759.jpg?t=st=1653892611~exp=1653893211~hmac=e0ec9adb428ef510453c9ed5b7011ffd6c574e5e813ae7924ba2a539c8ea717b&w=1060.webp");
}
section#trade-credit-insurance {
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("https://kiiky.com/wealth/wp-content/uploads/sites/4/2021/02/trade-credit-insurance-.jpg");
}
section#credit-rating {
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("https://img.freepik.com/free-photo/employee-gives-client-plastic-bank-card-document-signature-banking-services-concept_151013-19401.jpg?w=1380.webp");
}
section#compliance-legal {
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("https://img.freepik.com/free-photo/compliance-rule-law-regulation-graphic-interface-business-quality-policy_31965-13441.jpg?w=1380.webp");
}
section#contact-us {
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("https://img.freepik.com/free-photo/contact-us_36325-2135.jpg?w=1060");
}