/**
* Template Name: Quest Investment Managers
* Template URL: 
* Updated: Nov 12 2024 with Bootstrap v5.3.3
* Author: Sourabh Hazari
* License: https://bootstrapmade.com/license/
*/


/*--------------------------------------------------------------
# Font & Color Variables
# Help: https://bootstrapmade.com/color-system/
--------------------------------------------------------------*/

/*html,
body {
    overflow-x: hidden;
}*/

:root {
    --default-font: "Poppins", sans-serif;
    --background-color: #fef5e8;
    /* --bgColor2: #fef3e4; */
    --white: #ffffff;
    --darkGrey: #212529;
    --blk: #000;
    --thmColor: #ff6426;
    --gradOrangeBlk: linear-gradient(90deg, var(--thmColor) 60%, var(--blk) 100%);
    --gradBlkOrange: linear-gradient(90deg, var(--blk) 0%, var(--thmColor) 100%);
}


/* --default-font: "Poppins", serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */


/* Smooth scroll */

 :root {
    scroll-behavior: smooth;
}


/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/

body {
    overflow-x: hidden;
    color: var(--blk);
    background-color: var(--white);
    font-family: var(--default-font);
    line-height: 1.4!important;
}

a {
    color: var(--thmColor);
    transition: 0.3s;
}

a:hover {
    color: color-mix(in srgb, var(--thmColor), transparent 25%);
    text-decoration: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.25!important;
}

.gradOrangeBlk {
    background: var(--gradOrangeBlk);
}

.gradBlkOrange {
    background: var(--gradBlkOrange);
}

.bg-white {
    background-color: var(--white);
}

.bgThmlghtcolor {
    background-color: var(--background-color);
}

.bgThmcolor {
    background-color: var(--thmColor);
}

.bg-blk {
    background-color: var(--blk) !important;
}

.thmColor {
    color: var(--thmColor);
}

.txtBlk {
    color: var(--blk);
}

.txtWht {
    color: var(--white);
}

.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

.text-justify {
    text-align: justify;
}

.bg-transparent {
    background-color: transparent!important;
}

.btn-dark {
    background-color: var(--blk);
    color: var(--white);
    transition: all .3s ease-in;
}

.btn-dark:hover {
    background-color: var(--thmColor);
    color: var(--white);
}


/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/

.container,
.header,
.section {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.header {
    color: var(--blk);
    background-color: var(--background-color);
    padding: 15px 20px;
    transition: all 0.5s;
    z-index: 997;
    width: 100vw;
}

.scrolled .header .header-container {}

.header .logo {
    line-height: 1;
}

.header .logo img {
    max-height: 48px;
    margin-right: 8px;
}

.header .logo h1 {
    font-size: 24px;
    margin: 0;
    font-weight: 500;
    color: var(--thmColor);
}

.header .btn-getstarted,
.header .btn-getstarted:focus {
    color: var(--thmColor);
    background: transparent;
    border: 1px solid var(--thmColor);
    padding: 0px 12px;
    margin: 0 0 0 30px;
    border-radius: 50px;
    transition: 0.3s;
    text-decoration: none;
    font-weight: 400;
    font-family: var(--nav-font);
}

.header .btn-getstarted:hover,
.header .btn-getstarted:focus:hover {
    color: var(--contrast-color);
    background: color-mix(in srgb, var(--thmColor), transparent 15%);
}

.navmenu a,
.navmenu a:focus {
    font-size: 16px;
}

.header .btn-getstarted,
.header .btn-getstarted:focus {
    font-size: 16px;
}


/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/

.footer {
    background-color: var(--background-color);
    position: relative;
    /* padding-bottom: 30px;
    padding-top: 80px; */
    /* color: var(--blk); */
}


/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/

.scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: -15px;
    z-index: 99999;
    background-color: var(--thmColor);
    width: 44px;
    height: 44px;
    border-radius: 50px;
    transition: all 0.4s;
}

.scroll-top i {
    font-size: 24px;
    color: var(--white);
    line-height: 0;
}

.scroll-top:hover {
    background-color: color-mix(in srgb, var(--thmColor), transparent 20%);
    color: var(--white);
}

.scroll-top.active {
    visibility: visible;
    opacity: 1;
    bottom: 15px;
}


/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/


/*
@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}*/


/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/

section,
.section {
    color: var(--default-color);
    /* padding: 50px 0; */
    padding: 60px 20px 50px 20px;
    scroll-margin-top: 90px;
}

@media (max-width: 1199px) {
    section,
    .section {
        scroll-margin-top: 66px;
    }
}

.container-xl {
    max-width: 1270px;
}


/* Font CSS*/


/* Poppins Font*/

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}


/* Myriad Pro */

@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('../fonts/myriadPro/MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Light'), url('../fonts/myriadPro/MyriadPro-Light.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('../fonts/myriadPro/MYRIADPRO-SEMIBOLD.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('../fonts/myriadPro/MYRIADPRO-BOLD.woff') format('woff');
}

.myriad-regular {
    font-family: 'Myriad Pro Regular';
    /* font-weight: 400; */
}

.myriad-light {
    font-family: 'Myriad Pro Light';
    /* font-weight: 300; */
}

.myriad-semibold {
    font-family: 'Myriad Pro Semibold';
    /* font-weight: 600; */
}

.myriad-bold {
    font-family: 'Myriad Pro Bold';
    /*  font-weight: 700; */
}