/**
 * @file
 * Subtheme specific CSS.
 */
/* cyrillic-ext */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v13/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ROOT STYLE */
:root {
    --bs-primary: #00C874;
    --bs-secondary-paragraph: #777777;
    --bs-secondary-bg: #F5F7FC;
    --bs-secondary-heading: #222025;
    --bs-primary-font: 'Manrope', sans-serif;
    --bs-secondary-font: 'Roboto', sans-serif;
  }

/* GLOBAL STYLES */

body {
    background-color: #FFFFFF;
    font-family: var(--bs-secondary-font);
    color: var(--bs-secondary-heading);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--bs-secondary-heading);
    font-family: var(--bs-primary-font);
}

h1 {
    font-size: 36px;
    line-height: 43px;
    font-weight: 700;
    font-family: var(--bs-secondary-font);
}

h2 {
    font-size: 32px;
    line-height: 39px;
    font-weight: 800;
}

h3 {
    font-size: 26px;
    line-height: 34px;
    font-weight: 800;
}

h4 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 700;
}

h5 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

h6 {
    font-size: 15px;
    line-height: 19px;
    font-weight: 700;
}

p {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-family: var(--bs-secondary-font);
    color: var(--bs-secondary-paragraph);
    margin-bottom: 18px;
}

a {
    color: var(--bs-secondary-heading);
    text-decoration: none;
    transition: all .2s ease-in-out;
}

a:hover {
    color: var(--bs-primary);
}

ul {
    padding: 0px;
    margin: 0px;
}

li {
    list-style: none;
}

img {
    width: 100%;
    object-fit: cover;
}
.bg-gray{
    background-color: #F8F8F8;
}
.dt-section{
    padding-top: 100px;
    padding-bottom: 100px;
}
.bottom-dt-section{
    padding-top:0px;
    padding-bottom: 100px;
}

.btn {
    padding: 0px;
}
.btn-primary {
    font-family: var(--bs-primary-font);
    color: var(--bs-secondary-heading);
    padding: 0px;
    background-color: transparent;
    border: none;
    display: flex;  
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out;
}
input:focus,
textarea:focus {
    box-shadow: none !important;
}
.form-select:focus {
    box-shadow: none !important;
}
.page-link:focus {
    box-shadow: none !important;
}
.navbar-toggler:focus {
    box-shadow: none;
}
/* Header */
 #header-1,#header-2,#header-3{
    display: none;
}
#header-1.active,#header-2.active,#header-3.active{
    display: block;
}
.header .navbar-brand {
    display: block;
}
.navbar-expand-lg .navbar-collapse {
    justify-content: end;
    align-items: baseline;
}

.header .navbar-brand svg {
    height: 25px;
    width: 196px;
}
.header .navbar-brand img {
    height: 25px;
    width: auto;
}

#header-1 .nav-link svg {
    display: none;
}
#header-2 .nav-link svg {
    display: none;
}

.header .nav-link {
    position: relative;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    font-family: var(--bs-secondary-font);
    color: var(--bs-secondary-heading);
    padding: 3px 0px;
    transition: all 0.3s ease-in;
}
.header .nav-link.active{
    color: var(--bs-primary);
}
.header .nav-link.active svg path{
    fill: var(--bs-primary);
}

.header .lang-dropdown-item svg {
    width: 9px;
    height: auto;
    margin-left: 5px;
}
.header .lang-dropdown-menu {
    position: relative;
}
.header .lang-dropdown-menu .dropdown-menu {
    box-shadow: 0px -1px 6px -2px #BFBFBF;
}
.header .lang-dropdown-menu .dropdown-menu li a {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.header .header-right .hamburger-menu-btn {
    margin-right: 0px;
}

.header .lang-dropdown-item>a {
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    font-family: var(--bs-secondary-font);
    transition: .2s ease-in-out;
}

.header .lang-dropdown-item>a:hover {
    color: var(--bs-primary);
}
.header .lang-dropdown-item>a svg path {
    transition: .2s ease-in-out;
}
.header .lang-dropdown-item>a:hover svg path {
    fill: var(--bs-primary);
}
.header .lang-dropdown-item>.dropdown-menu {
    border-radius: 0px !important;
}
.header .lang-dropdown-item>.dropdown-menu a {
    padding: 5px 18px;
}
.header .lang-dropdown-item>.dropdown-menu a::before {
    position: absolute;
}
.header .lang-dropdown-item svg {
    width: 12px;
    height: auto;
}
.header .lang-dropdown-item .dropdown-menu {
    top: 100%;
    left: unset;
    right: 0;
    min-width: max-content;
    margin: 0px !important;
}
.header .lang-dropdown-item:hover .dropdown-menu {
    display: block;
}
#header-1 .contact_head{
    color: var(--bs-primary);
    padding-left: 6px;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
    color: var(--bs-primary);
}
#header-1 .header-right div{
    font-size: 16px;
    font-family: var(--bs-secondary-font);
    font-weight: 500;
}
#header-1 .header-right span{
    color: var(--bs-secondary-heading);
}
.header .dropdown-menu {
    border: none;
    padding: 0px;
    min-width: 180px;
}
.header .nav-item>.dropdown-menu {
    margin-top: 0px;
    border: 1px solid #0000001F;
}
.header .nav-item .dropdown-menu {
    background-color: #FFF;
}
.header .nav-item .dropdown-menu{
    padding: 0px 0px 0px 20px;
}
.header .dropdown-menu a {
    font-size: 15px;
    line-height: 18px;
    font-family: var(--bs-secondary-font);
    font-weight: 500;
    color: var(--bs-secondary-heading);
    padding: 15px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.header .dropdown-menu a .arrow {
    margin-left: auto;
}

.header .dropdown-menu li:active {
    background-color: unset;
}
.header .dropdown-menu a svg {
    width: 8px;
    height: auto;
}
.header .dropdown-menu a svg path {
    fill: var(--bs-secondary-heading);
}
.header .dropdown-menu a:hover {
    color: var(--bs-primary);
}
.header .dropdown-menu a:hover svg path,
.header .dropdown-menu a:focus svg path {
    fill: var(--bs-primary);
}
.header .dropdown-menu .dropdown-item:hover {
    background-color: unset;
}
.header .dropdown-menu .dropdown-item:last-of-type {
    border-bottom: none;
}
.header .lang-dropdown-menu .dropdown-menu {
    box-shadow: 0px -1px 6px -2px #BFBFBF;
}
.header .lang-dropdown-menu .dropdown-menu li a {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.header .navbar{
    padding: 0px;
}
.dropdown-item{
    padding: 0px 20px 0px 0px;
}

/* Mega menu */
.header .mega-menu .dropdown-menu {
    flex-wrap: wrap;
}
.header .mega-menu {
    position: static !important;
}

.header .mega-menu .dropdown-menu>li {
    min-width: max-content !important;
}
.header .mega-menu .dropdown-menu>li>ul>li {
    margin-bottom: 15px;
}
.header .mega-menu .dropdown-menu>li>ul>li:last-of-type {
    margin-bottom: 0px;
}
.header .mega-menu .dropdown-menu a {
    position: relative;
    padding: 0px;
}
.header .mega-menu .dropdown-menu a::before {
    position: absolute;
    left: -20px;
    width: 0px;
    margin-right: 0px;
    transition: .3s ease-in-out;
}
.header .mega-menu .dropdown-menu a:hover::before {
    width: 10px;
    margin-right: 10px;
}

.header .header-right .search-btn svg {
    width: 13px;
    height: auto;
}

/* Search Box */
.search-icon {
    cursor: pointer;
    display: flex;
}
.search-overlay {
    background-color: rgba(0, 0, 0, .4);
}
.search-overlay .modal-dialog {
    max-width: unset;
}
.search-overlay .content {
    width: 100%;
    max-width: unset;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    border: none;
}
.search-overlay form {
    display: flex;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
}
.search-overlay form input[type=text] {
    font-size: 18px;
    color: #000;
    background-color: white;
    border: none;
    border-radius: 0px !important;
    width: 100%;
    padding: 0px 24px;
    border-radius: 50px !important;
    outline: none !important;
    border: 1px solid whitesmoke;
    font-family: var(--bs-secondary-font);
}
.search-overlay form button {
    padding: 24px;
    border-radius: 50px;
    margin-left: 30px;
    color: #FFF;
    background-color: var(--bs-primary);
    border: none;
    outline: none !important;
    cursor: pointer;
    border: 2px solid var(--bs-primary);
    transition: .3s ease-in-out;
}
.search-overlay button svg {
    width: 15px;
    height: 15px;
    transform: scale(1.2);
}
.search-overlay form button svg path {
    fill: #FFF;
}
.search-overlay form button:hover {
    transform: scale(1.2);
}
.search-overlay button {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Footer */
.footer .navbar-brand svg{
    height: 35px;
    width: auto;
}

.footer .navbar-brand img{
    height: 35px;
    width: auto;
}
.footer-1 .navbar-brand{
    padding: 0px;
}
.footer .footer-2 ul a {
    position: relative;
    display: flex;
    align-items: center;
    width: max-content;
    font-size: 15px;
    font-family: var(--bs-secondary-font);
    font-weight: 400;
    color: var(--bs-secondary-gray);
}
.footer .subscribe form button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-primary);
    padding: 0px;
    min-width: 50px;
    border-radius: 0px;
    border: none;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.footer .subscribe form{
    display: flex;
}
.footer .subscribe form input{
    height: 50px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-color: #FFFFFF;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--bs-secondary-font);
    font-weight: 400;
    padding: 22px 16px;
}
.footer .subscribe form .btn{
    height: 50px;
}
.footer .subscribe form button svg {
    width: 18px;
    height: 12px;
}
.footer .subscribe form button svg path{
    fill: #FFFFFF;
}
.footer .subscribe form input:focus{
    box-shadow:none;
    border-color: #FFFFFF;
}

.footer {
    background-color: var(--bs-secondary-heading);
    padding-top: 100px;
}
.footer .navbar-brand svg path{
    fill: #FFFFFF;
}
.footer .navbar-brand svg rect.cls-1,.footer polygon.cls-1{
    fill: #FFFFFF;
}
.footer h4{
    color: #F8F3FF;
    margin-bottom: 20px;
}
.footer .footer-2 ul li a {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    font-family: var(--bs-secondary-font);
    color: #838383;
}
.footer-contact p{
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-family: var(--bs-secondary-font);
    color: #b1b1b3;
    margin-bottom: 46px;
}
.footer-contact a{
    color: #b1b1b3;;
}
.footer .footer-content .footer-links a:hover, .footer .footer-content .footer-3 a:hover {
    color: #FFF;
    opacity: .8;
}
.footer-2{
    padding-left: 88px;
}
.footer-links .row div:last-child{
    padding-left: 0px;
    padding-right: 0px;
    margin-left: -6px;
}
.footer-links .row div:last-child h4{
    margin-left: -12px;
}
.footer-links .row div:nth-child(2) {
    padding-left: 0px;
    margin-left: -6px;
  } 
.footer hr{
    border: 1px solid #ffffff80;
    margin-top: 40px ;
    margin-bottom: 20px;
}
.footer-contact{
    display: flex;
    justify-content: space-between;
}
.footer-contact a:hover{
    color: var(--bs-primary);
}

.footer .social-icon{
    display: flex;
    justify-content: end;
}
.footer .social-icons .social-icon a {
    font-size: 10px;
    color: var(--bs-secondary-heading);
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0px 7px;
    background-color: var(--bs-secondary-bg);
}
.footer .social-icons .social-icon a:hover{
    background-color: var(--bs-primary);
}
.footer .social-icon:last-child a{
    margin-right: 0px;
    margin-left: 14px;
}

.code-block {
    background-color: #f8f9fa;
    color: #333;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    font-weight: normal;
    padding: 1rem 1.5rem;
    display: inline-block;
    width: 100%;
    max-height: 300px;
    overflow: hidden;
    overflow-x: auto;
    overflow-y: scroll;
    word-wrap: break-word;
    word-break: break-word;
    margin-top: 55px;
    margin-bottom: 65px;
}
.code-block pre {
    padding: 0;
    margin-top: 0.65rem;
    margin-bottom: 0.65rem;
    white-space: pre;
    background-color: transparent;
    border: 0;
}
.code-block {
    position: relative;
}
.code-block .clipboard {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #ccc;
}
.code-block .clipboard:before {
    content: "\f0ea";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    vertical-align: middle;
}
code[class*="language-"],
pre[class*="language-"] {
    color: #393a34;
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier,
      monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    font-size: 0.95em;
    line-height: 1.2em;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
    background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
    background: #b3d4fc;
}
code[class*="language-"],
pre[class*="language-"] {
    line-height: 1.4em;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #c1c1c1;
}
pre[class*="language-"] {
    padding: 0;
    margin: 0;
    overflow: auto;
    border: none;
}
:not(pre) > code[class*="language-"] {
    padding: 0.2em;
    padding-top: 1px;
    padding-bottom: 1px;
    background: #f8f8f8;
    border: 1px solid #dddddd;
}
 
/* Accordion */
.accordion h2 {
    margin-bottom: 35px;
}

.accordion .code-block:last-of-type {
    margin-bottom: 0px;
} 
.accordion-style-1 .item {
    padding: 40px 0px;
    border-top: 1px solid #00000042;
}
.accordion-style-1 .item:last-of-type {
    border-bottom: 1px solid #00000042;
}
.accordion-style-1 .item p {
    position: relative;
    padding-left: 40px;
    padding-right: 45px;
    padding-top: 27px;
    margin-bottom: 0px;
}

.accordion-style-1 button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    width: 100%;
    font-weight: 800;
    line-height: 34px;
    font-family: var(--bs-primary-font);
    color: var(--bs-secondary-heading);
    background-color: transparent;
    padding: 0px;
    border: none;
}
.accordion-style-1 button .icon {
    min-width: 30px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-secondary-heading);
}
.accordion-style-1 button .icon span {
    display: flex;
}
.accordion-style-1 button svg {
    width: 14px;
    height: auto;
    transition: .5s ease-in-out;
}
.accordion-style-1 button svg path {
    fill: #FFF;
}
.accordion-style-1 button[aria-expanded="true"] svg {
    transition: .5s ease-in-out;
    transform: rotateX(180deg) rotateY(180deg);
}
.accordion-style-1 .item:first-child{
    border: none;
    padding-top: 0px;
}
.accordion-style-1 .ast-1 span{
    color: var(--bs-primary);
}
.accordion-style-2 .item {
    padding: 28px 30px;
    background-color: #F8F8F8;
    margin-bottom: 25px;
}
.accordion-style-2 .item:last-of-type {
    margin-bottom: 0px;
}
.accordion-style-2 .item p {
    padding-top: 18px;
    margin-bottom: 0px;
}

.accordion-style-2 button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    width: 100%;
    font-weight: 700;
    line-height: 27px;
    font-family: var(--bs-primary-font);
    color: var(--bs-secondary-heading);
    background-color: transparent;
    padding: 0px;
    border: none;
}
.accordion-style-2 button .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.accordion-style-2 button .icon span {
    display: flex;
}
.accordion-style-2 button svg {
    width: 14px;
    height: auto;
    transition: .5s ease-in-out;
}
.accordion-style-2 button svg path {
    fill: #222025;
}
.accordion-style-2 button[aria-expanded="true"] svg {
    transition: .5s ease-in-out;
    transform: rotateX(180deg) rotateY(180deg);
}

/* Alerts */
.alerts h2 {
    margin-bottom: 35px;
}
.alert-dismissible .close {
    position: static;
    padding: 0px;
    padding-left: 15px;
}
[class*="alert-style-"] .alert button {
    font-size: 30px;
    padding: 0px;
    line-height: 0px;
    color:var(--bs-secondary-heading);
    border: none;
    background-color: transparent;
    margin-left: auto;
}
[class*="alert-style-"] .alert {
    color: var(--bs-secondary-heading) !important;
    font-size: 22px;
    line-height: 27px;
    background-color: #F8F8F8;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    display: flex;
    align-items: center;
    border-radius: 5px;
    margin-bottom: 22px;
}
[class*="alert-style-"] .alert>i {
    font-size: 30px !important;
    color: var(--bs-secondary) !important;
    margin-right: 40px;
}
[class*="alert-style-"] .alert button i {
    font-size: 26px !important;
    color: var(--bs-secondary-heading) !important;
}
[class*="alert-style-"] .alert .icon {
    margin-right: 20px;
}
[class*="alert-style-"] .alert .icon i {
    font-size: 20px;
    color: #FFFFFF ;
    background-color: var(--bs-primary);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.alert-style-1 .alert {
    padding: 25px 40px 25px 30px;
    border-radius: 0px;
    margin-bottom: 22px;
    background-color: #F8F8F8;
}
.alert-style-1 .alert .icon {
    margin-right: 22px;
}
.alert-style-2 .alert {
    position: relative;
    padding: 20px 38px 20px 35px;
    border-radius: 0px;
    margin-bottom: 22px;
}
.alert-style-2 .alert::before {
    position: absolute;
    content: "";
    left: 0px;
    height: 100%;
    width: 0px;
    border-left: 5px solid var(--bs-primary);
}
.alert-style-3 .alert {
    padding: 23px 40px 23px 28px;
    border-radius: 50px;
    border: 2px solid var(--bs-primary);
    background-color: #F8F8F8;
}
.alerts .container:last-of-type .code-block {
    margin-bottom: 0px;
}

.alert-style-1 .alert:last-child,
.alert-style-2 .alert:last-child,
.alert-style-3 .alert:last-child{
    margin-bottom: 0px;
}

/* Audio & Video */
.audio-videos h2 {
    margin-bottom: 30px;
}
[class*= "video-style-"] a {
    cursor: pointer;
}
.video-style-2 .item .image {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.video-style-2 .item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.video-style-2 .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00000099;
}
.video-style-2 a {
    background-color: transparent;
    border-radius: 50%;
    animation: play-animation-white 2s linear infinite;
    width: max-content;
    height: max-content;
}
.video-style-2 a svg {
    width: 80px;
    height: 80px;
}
.video-style-2 a svg path {
    fill: var(--bs-secondary-heading);
}

.video-style-1 .item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.video-style-1 .item{
    position: relative;
    text-align: center;
}

.video-style-1 .video-style-1-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.video-style-1 a svg {
    width: 80px;
    height: 80px;
    margin-bottom: 25px;
}
.video-style-1 .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#00000099;
}

.video-style-1 .video-style-1-box h2 {
    margin-bottom: 30px;
    color: #FFFFFF;
}

/* qoute */
.blockquotes h2 {
    margin-bottom: 35px;
}
.blockquote-style-1 {
    display: flex;
    align-items: flex-start;
    padding: 60px;
    background-color: #F8F8F8;
}
.blockquote-style-1 svg {
    width: 56px;
    height: auto;
    margin-right: 30px;
    transform: rotateX(3.142rad);
}
.blockquote-style-1 svg path {
    fill: var(--bs-primary);
}
.blockquote-style-1 p {
    font-size: 15px;
    color: #777777;
    line-height: 20px;
    margin-bottom: 0px;
}
.blockquote-style-1 span {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;    
    line-height: 22px;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    color: var(--bs-secondary-heading);
    margin-top: 28px;
}
.blockquote-style-1 span::before {
    position: relative;
    content: "";
    width: 28px;
    height: 2px;
    border-top: 2px solid var(--bs-secondary-heading);
    margin-right: 12px;
}

.blockquote-style-2 p{
    position: relative;
    display: flex;
    align-items: baseline;
}
.blockquote-style-2 p::before{
    position: relative;
    content: "";
    width: 80px;
    height: 3px;
    border-top: 3px solid var(--bs-primary);
    margin-right: 26px;
    top:-9px;
}
.blockquote-style-2 p {
    font-size: 26px;
    color: #222025;
    line-height: 34px;
    margin-bottom: 0px;
    font-family: var(--bs-primary-font);
    font-weight: 800;

}
.blockquote-style-2 span{
    position: relative;
    display: flex;
    align-items: center;
    font-size: 22px;
    line-height: 27px;
    font-family: var(--bs-secondary-font);
    font-weight: 500;
    color: #777777;
    margin-top: 22px;
    padding-left: 79px;
}

.blockquotes .code-block:last-of-type {
    margin-bottom: 0px;
}

/* Blog */
.blog h2 {
    margin-bottom: 35px;
}

/* Blog-Style-1 */
.blog-style-1 .image {
    position: relative;
}

.blog-style-1 .item .image img {
    height: 380px;
}

.blog-style-1 .categories-style-1 a{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: var(--bs-secondary-heading);
    color: #FFFFFF;
    font-size: 15px;
    line-height: 19px;
    font-family: var(--bs-primary-font);
    font-weight: 600;
    padding: 8px 12px;
    width: max-content;
}
.blog-style-1 .categories-style-1 a:hover{
    background-color: var(--bs-primary);
    color: #FFFFFF;;
}
.blog-style-1 .categories-style-1{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: var(--bs-secondary-heading);
    color: #FFFFFF;
    font-size: 15px;
    line-height: 19px;
    font-family: var(--bs-primary-font);
    font-weight: 600;
    padding: 8px 12px;
}
.blog-style-1 .categories-style-1:hover{
    background-color: var(--bs-primary);
    color: var(--bs-secondary-heading);
}

.blog-style-1 .image {
    margin-bottom: 36px;
}

.blog-style-1 .item h4 {
    margin-bottom: 20px;
}

.blog-style-1 .item .date-style-1 {
    font-size: 15px;
    line-height: 19px;
    color: #777777;
    font-family: var(--bs-secondary-font);
    font-weight: 400;
}
.blog-style-1 .row>div {
    margin-bottom: 50px;
}

/* Blog Style-2 */
.blog-style-2 .item .image img {
    height: 280px;
}

.blog-style-2 .image {
    margin-bottom: 25px;
}

.blog-style-2 .date-style-2 .categories a{
    color: var(--bs-primary);
    font-size: 15px;
    line-height: 19px;
    margin-right: 15px;
    font-family: var(--bs-primary-font);
    font-weight: 600;
}
.blog-style-2 .date-style-2 .categories a:hover{
    color: var(--bs-secondary-heading);
}

.blog-style-2 .date-style-2 .date {
    font-size: 15px;
    line-height: 19px;
    color: #777777;
    font-family: var(--bs-secondary-font);
    font-weight: 400;
}

.blog-style-2 .date-style-2 {
    margin-bottom: 10px;
}

.blog-style-2 .item h5 {
    margin-bottom: 16px;
}

.blog-style-2 .item p {
    margin-bottom: 24px;
}

.blog-style-2 .read_more,
.blog-style-3 .read_more {
    font-size: 15px;
    line-height: 21px;
    color: var(--bs-secondary-heading);
    font-family: var(--bs-primary-font);
    font-weight: 700;
}

.blog-style-2 a:hover,
.blog-style-3 a:hover {
    color: var(--bs-primary);
}

.blog-style-2 .read_arrow svg {
    height: 12px;
    width: 18px;
    margin-left: 6px;
}

.blog-style-2 .read_arrow {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.blog-style-2 .read_arrow a {
    display: flex;
    width: 100%;
    align-items: center;
}

.blog-style-2 .read_arrow a::before {
    content: '';
    border-top: 2px solid;
    margin: 0 18px 0 0;
    flex: 1 0 20px;
}

.blog-style-2 .read_arrow svg:hover {
    color: var(--bs-primary);
}

/* Blog Style-3 */
.blog-style-3 .item .image img {
    height: 280px;
}

.blog-style-3 .image {
    position: relative;
    margin-bottom: 26px;
}
.blog-style-3.blog-grid-3.blog h5{
    margin-top: 10px;
    margin-bottom: 22px;
}

.blog-style-3 .date-style-3 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: var(--bs-secondary-heading);
    color: #FFFFFF;
    font-size: 15px;
    line-height: 19px;
    font-family: var(--bs-primary-font);
    font-weight: 600;
    padding: 8px 12px;
}

.blog-style-3 .categories {
    font-size: 15px;
    line-height: 19px;
    font-family: var(--bs-primary-font);
    color: var(--bs-primary);
    font-weight: 600;
}
.blog-style-3 .categories a{
    font-size: 15px;
    line-height: 19px;
    font-family: var(--bs-primary-font);
    color: var(--bs-primary);
    font-weight: 600;
}
.sidebar-page .blog-style-3.blog-grid-2.blog .categories a{
    font-size: 15px;
    line-height: 19px;
}
.sidebar-page .blog-style-3.blog-grid-2.blog .categories a {
    margin-bottom: 0px;
}
.sidebar-page .blog-style-3.blog-grid-2.blog h4{
    font-size: 18px;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 22px;
}
.sidebar-page .blog-style-3.blog-grid-2.blog .read_more {
    font-size: 15px;
    line-height: 21px;
}
.blog-style-3.blog-grid-2.blog .categories a{
    font-size: 18px;
    line-height: 22px;
}
.blog-style-3.blog-grid-2.blog .categories a{
    display: inline-block;
    margin-bottom: 14px;
}
.blog-style-3.blog-grid-2.blog .read_more {
    font-size: 17px;
    line-height: 23px;
}

.blog-style-3 h4 {
    margin-top: 5px;
    margin-bottom: 22px;
}

.blog-style-3 .read_arrow svg {
    height: 12px;
    width: 18px;
    margin-left: 6px;
}
.blog-style-3 .read_arrow a:hover svg path{
    fill:var(--bs-primary);
    transition:all .2s ease-in-out;
}
/* Blog Style-4 */
.blog-style-4 .item .image img {
    height: 580px;
}

.blog-style-4 .image {
    position: relative;
}

.blog-style-4 .overlay {
    position: relative;
    text-align: center;
    margin-left: 14%;
    margin-right: 14%;
    background-color: #FFFFFF;
    padding-top: 40px;
    top: -80px;
}
.blog-style-4 .overlay .item-content{
    margin: 0px 51px;
}

.blog-style-4 .categories-style-4{
    font-size: 18px;
    line-height: 22px;
    font-family: var(--bs-primary-font);
    color: var(--bs-primary);
    font-weight: 600;
}
.blog-style-4 .categories-style-4 a{
    color: var(--bs-primary);
}

.blog-style-4 h3 {
    margin-top: 15px;
    margin-bottom: 20px;
}

.blog-style-4 .item .date-style-4 {
    font-size: 18px;
    line-height: 22px;
    color: #777777;
    font-family: var(--bs-secondary-font);
    font-weight: 400;
}

[class*="blog-style-"] .row>div {
    margin-bottom: 50px;
}
[class*="blog-style-"] .row>div:last-child {
    margin-bottom: 0px;
}

/* Buttons */
.buttons h2 {
    margin-bottom: 35px;
}

[class *= 'button-style-'] .row{
    justify-content: space-between;
}

[class *= 'button-style-'] .row .col-md-4 {
    display: flex;
    flex-direction: column;
    max-width: max-content;
}

[class *= 'btn-style-'] {
    font-family: var(--bs-primary-font);
    width: max-content;
    padding: 0px 20px !important;
    z-index: 1;
    transition: all .3s ease-in-out;
}
[class *= 'btn-style-3'] {
    padding: 0px;
}
.btn-style-sm {
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
    min-width: 138px;
    height: 45px;
}
.btn-style-md {
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
    min-width: 155px;
    height: 52px;
}
.btn-style-lg {
    font-size: 17px;
    line-height: 23px;
    font-weight: 700;
    min-width: 164px;
    height: 55px;
}

[class*="btn-style-"]:hover::before {
    width: 0px;
    margin-right: 0px;
}
.btn-style-1 {
    border-radius: 50px;
}
.btn-style-2 {
    border-radius: 5px;
}
.btn-style-3 {
    border-radius: 50px;
}

.btn-style-1.btn-c-primary,
.btn-style-2.btn-c-primary {
    background-color: var(--bs-primary);
    border: 2px solid var(--bs-primary);
    color: #FFF;
}
.btn-style-1.btn-c-primary:hover,
.btn-style-2.btn-c-primary:hover {
    background-color: transparent;
    color: var(--bs-primary);
}

.btn-style-1.btn-c-black,
.btn-style-2.btn-c-black {
    background-color: var(--bs-secondary-heading);
    border: 2px solid var(--bs-secondary-heading);
    color: #FFF;
}
.btn-style-1.btn-c-black:hover,
.btn-style-2.btn-c-black:hover {
    background-color: #FFF;
    color: var(--bs-secondary-heading);
}
.btn-style-1.btn-c-black::before,
.btn-style-2.btn-c-black::before {
    border-top: 1px solid #FFF;
    transition: all .3s ease-in-out;
}
.btn-style-1.btn-c-black:hover::before,
.btn-style-2.btn-c-black:hover::before {
    border-top: 1px solid var(--bs-secondary-heading);
}
.btn-style-1.btn-c-gray,
.btn-style-2.btn-c-gray {
    background-color: #00A7FF;
    border: 2px solid #00A7FF;
    color: var(--bs-secondary-bg);
}
.btn-style-1.btn-c-gray:hover,
.btn-style-2.btn-c-gray:hover {
    background-color: var(--bs-secondary-bg);
    border: 2px solid #00A7FF;
    color: #00A7FF;
}
.btn-style-1.btn-c-gray::before,
.btn-style-2.btn-c-gray::before {
    border-top: 1px solid var(--bs-primary);
    transition: all .3s ease-in-out;
}
.btn-style-1.btn-c-gray:hover::before,
.btn-style-2.btn-c-gray:hover::before {
    border-top: 1px solid var(--bs-primary);
}
.btn-style-3.btn-c-primary {
    background-color: transparent;
    color: var(--bs-primary);
    border: 2px solid var(--bs-primary);
}
.btn-style-3.btn-c-primary:hover {
    background-color: var(--bs-primary);
    color: #FFF;
}
.btn-style-3.btn-c-primary::before {
    border-top: 1px solid var(--bs-primary);
    transition: all .3s ease-in-out;
}
.btn-style-3.btn-c-black {
    background-color: #FFF;
    color: var(--bs-secondary-heading);
    border: 2px solid var(--bs-secondary-heading);
}
.btn-style-3.btn-c-black:hover {
    background-color: var(--bs-secondary-heading);
    color: #FFF;
}
.btn-style-3.btn-c-black::before {
    border-top: 1px solid var(--bs-secondary-heading);
    transition: all .3s ease-in-out;
}
.btn-style-3.btn-c-gray {
    color: #00A7FF;
    background-color: #FFF;
    border: 2px solid #00A7FF;
}
.btn-style-3.btn-c-gray:hover {
    background-color: #00A7FF;
    border: 2px solid #00A7FF;
    color: #FFF;
}
.btn-style-3.btn-c-gray::before {
    border-top: 1px solid var(--bs-secondary-gray);
    transition: all .3s ease-in-out;
}

.btn-style-4.btn-c-primary {
    background-color: transparent;
    color: var(--bs-primary);
    border: 2px solid var(--bs-primary);
    border-radius: 6px;
}
.btn-style-4.btn-c-primary:hover {
    background-color: var(--bs-primary);
    color: #FFF;
}
.btn-style-4.btn-c-primary::before {
    border-top: 1px solid var(--bs-primary);
    transition: all .3s ease-in-out;
}
.btn-style-4.btn-c-black {
    background-color: #FFF;
    color: var(--bs-secondary-heading);
    border: 2px solid var(--bs-secondary-heading);
    border-radius: 6px;
}
.btn-style-4.btn-c-black:hover {
    background-color: var(--bs-secondary-heading);
    color: #FFF;
}
.btn-style-4.btn-c-black::before {
    border-top: 1px solid var(--bs-secondary-heading);
    transition: all .3s ease-in-out;
}
.btn-style-4.btn-c-gray {
    color: #00A7FF;
    background-color: #FFF;
    border: 2px solid #00A7FF;
    border-radius: 6px;
}
.btn-style-4.btn-c-gray:hover {
    background-color: #00A7FF;
    border: 2px solid #00A7FF;
    color: #FFF;
}
.btn-style-4.btn-c-gray::before {
    border-top: 1px solid var(--bs-secondary-gray);
    transition: all .3s ease-in-out;
}

.btn-style-5 {
    padding: 0px !important;
    min-width: unset;
    background-color: transparent !important;
    border: transparent !important;
}

.button-style-1 .item a,
.button-style-2 .item a,
.button-style-3 .item a,
.button-style-4 .item a {
    margin-bottom: 26px;
}
.button-style-5 .item a {
    margin-bottom: 30px;
    line-height: 21px;
}
.button-style-1 .item a:last-of-type,
.button-style-2 .item a:last-of-type,
.button-style-3 .item a:last-of-type,
.button-style-4 .item a:last-of-type, 
.button-style-5 .item a:last-of-type {
    margin-bottom: 0px;
}

.btn-style-5 {
    padding: 0px !important;
    min-width: unset;
    height: unset;
    background-color: transparent !important;
    border: transparent !important;
}

.btn-style-5.btn-style-sm {
    font-size: 15px;
}
.btn-style-5.btn-style-md {
    font-size: 17px;
}
.btn-style-5.btn-style-lg {
    font-size: 18px;
}
.btn-style-5.btn-style-sm svg {
    width: 18px;
    height: 12px;
    margin-left: 6px;
}
.btn-style-5.btn-style-md svg {
    width: 18px;
    height: 12px;
    margin-left: 6px;
}
.btn-style-5.btn-style-lg svg {
    width: 18px;
    height: 12px;
    margin-left: 6px;
}

.btn-style-5.btn-c-primary,
.btn-style-5.btn-c-primary svg path{
    fill: var(--bs-primary);
    color: var(--bs-primary);
}
.btn-style-5.btn-c-primary:hover,
.btn-style-5.btn-c-primary:hover svg path{
    fill: #000000;
    color: #000000;
    transition: all .3s ease-in-out;
}
.btn-style-5.btn-c-green,
.btn-style-5.btn-c-green svg path {
    fill: var(--bs-secondary-heading);
    color: var(--bs-secondary-heading);
}
.btn-style-5.btn-c-black,
.btn-style-5.btn-c-black svg path {
    fill: #00A7FF;
    color: #00A7FF;
}
.btn-style-5:hover,
.btn-style-5:hover svg path{
    fill: var(--bs-primary);
    color: var(--bs-primary);
    transition: all .3s ease-in-out;
}

.buttons .container:last-of-type .code-block {
    margin-bottom: 0px;
}

.carousels h2 {
    margin-bottom: 35px;
}

/* carousels - 1 */
.slider-template-1 .rit-icon {
    text-align: end;
}

.slider-template-1 .lft-icon {
    text-align: start;
    margin-top: 30px;
}

.slider-template-1 .item-content svg {
    height: 28px;
    width: auto;
}

.slider-template-1 .item-content svg path {
    fill: var(--bs-primary);
}

.slider-template-1 .item-content {
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
}

.slider-template-1 .item-content p {
    margin: 0px 60px;
    font-size: 18px;
    line-height: 24px;
}

.slider-template-1 .item-content span {
    font-size: 15px;
    line-height: 19px;
    color: var(--bs-secondary-paragraph);
    font-family: var(--bs-primary-font);
    font-weight: 600;
}

.slider-template-1 .item-content img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: auto;
}

.slider-template-1 .owl-dots-3 {
    margin-top: 45px !important;
}

/* carousels -2  */
.slider-style-2 .slider-wrapper {
    position: relative;
}

.slider-style-2 .awsome-icon svg {
    height: 18px;
    width: auto;
    margin-bottom: 24px;
}

.slider-style-2 .awsome-icon svg path {
    fill: #FFCE39;
}

.slider-style-2 .item-content {
    text-align: center;
    padding: 40px 38px;
    background-color: #F8F8F8;
    border-radius: 6px;
}

.slider-style-2 .item h5 {
    margin-top: 16px;
}

.slider-style-2 .item p {

    font: italic normal normal 15px/23px Roboto;
    margin-bottom: 28px;
    color: #777777;

}

.slider-style-2 .item img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: auto;
}

.slider-style-2 .item span {
    font: normal normal 600 15px/19px Manrope;
    color: #777777;
}
.slider-style-2 .arrows.slide {
    position: absolute;
    left: 40.5%;
    bottom: -8px;
    z-index: 1;
    width: unset;
}
.slider-style-2 .arrows {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.slider-style-2 .arrows button {
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transition: .2s ease-in-out;
}

.slider-style-2 .arrows button svg {
    width: 10px;
    height: 17px;
}

.slider-style-2 .arrows button svg path{
    fill:#FFFFFF;
}

.slider-style-2 .owl-dots-3 {
    margin-top: 80px !important;
}
/* carousels - 3  */

.slider-style-3 .item-content img {
    height: 350px;
}

.slider-style-3 .item-content svg {
    height: 14px;
    width: 14px;
}

.slider-style-3 .images {
    position: relative;
}

.slider-style-3 .images .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: rgba(34, 32, 37, 0.7);
    transition: all .8s ease-in-out;
}

.slider-style-3 .images .overlay .ss-3 {
    position: absolute;
    bottom: 10.25%;
    right: 10.25%;
    display: flex;
}

.slider-style-3 .images:hover .overlay {
    opacity: 1;
}

.slider-style-3 .overlay .ss-3 a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-style-3 .overlay .ss-3 a:first-child {
    margin-right: 20px;
}

.slider-style-3 .images {
    margin-bottom: 30px;
}

.slider-style-3 h5 {
    margin-bottom: 6px;
}

.slider-style-3 span {
    font: normal normal 600 15px/19px Manrope;
    color: var(--bs-primary);
}

/* carousels - 4  */
.slider-style-4 .ss-4-left img {
    height: 462px;
}

.slider-style-4 .slider-wrapper {
    padding: 80px 70px 63px;
    background-color: #F8F8F8;
    text-align: center;
}

.slider-template-4 svg {
    height: 28px;
    width: 40px;
    margin-bottom: 30px;
}

.slider-template-4 svg path {
    fill: var(--bs-primary);
}

.slider-template-4 p {
    font-size: 18px;
    line-height: 25px;
    font-family: var(--bs-secondary-font);
    font-weight: 400;
    margin-bottom: 28px;
}

.slider-template-4 h5 {
    margin-bottom: 9px;
}

.slider-template-4 span {
    font: normal normal 600 15px/19px Manrope;
    color: #777777;
}

.slider-template-4 .owl-dots-3 {
    margin-top: 30px !important;
}

.owl-dots-3 .owl-dot span {
    margin: 0px 15px 0px 0px !important;
    background-color: var(--bs-primary) !important;
    border: 1px solid var(--bs-primary);
}
.owl-dots-3 .owl-dot:first-child span{
    margin: 0px 15px 0px 15px !important;
}

.owl-dots-3 .owl-dot.active span {
    background-color: transparent !important;
    border: 1px solid var(--bs-primary);
}

.slider-style-5 .slider-wrapper {
    position: relative;
}
.slider-style-5 .arrows {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.slider-style-5 .arrows button {
    position: relative;
    width: 50px;
    height: 55px;
    background-color: var(--bs-secondary-heading);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transition: .2s ease-in-out;
}
.slider-style-5 .arrows button svg {
    width: 10px;
    height: auto;
}
.slider-style-5 .arrows button svg path {
    transition: .2s ease-in-out;
    fill: #F8F8F8;
}
.slider-style-5 .arrows button:hover {
    background-color: var(--bs-primary);
}
.slider-style-5 .arrows button:hover svg path {
    fill: #FFF;
}
.slider-style-5 img{
    height: 580px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.style-6-slider img{
    height: 34px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    object-fit: contain;
    
}
/* carousels - 7  */
.style-7-slider .ss-7-logo {
    height: 120px;
    background-color: #F8F8F8;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
}

.slider-template-4.ts3 .row{
    display: flex;
    flex-wrap: wrap;
  }
.slider-template-4.ts3 .row > [class*='col-'] {
    display: flex;
  }
  .slider-template-4.ts3 .slider-wrapper{
    padding: 100px 70px;
  }
  .carousels .container:last-of-type .code-block {
    margin-bottom: 0px;
  }
  .testimonials .container:last-of-type .code-block {
    margin-bottom: 0px;
  }
  .testimonials h2 {
    margin-bottom: 35px;
}
  .audio-videos .container:last-of-type .code-block {
    margin-bottom: 0px;
  }
  .blog .container:last-of-type .code-block {
    margin-bottom: 0px;
  }
/* Dividers */
.dividers h2 {
    margin-bottom: 35px;
}
.dividers h4{
    margin-bottom: 0px;
}
.dividers p {
    font-size: 18px;
    font-weight: 600;
    color: var(--bs-secondary-heading);
    font-family: var(--bs-primary-font);
}
.dividers hr{
    margin: 18px 0px;
}
.divider-style-1 {
    background-color: transparent;
    opacity: 1;
    border-top: 2px solid var(--bs-secondary-heading);
}
.divider-style-2 {
    background-color: transparent;
    opacity: 1;
    border-top: 2px dashed var(--bs-secondary-heading);
}
.divider-style-3 {
    background-color: var(--bs-secondary-heading);
    opacity: 1; 
    height: 4px !important;
    border-radius: 50px;
}
.divider-style-4 {
    background-color: transparent;
    opacity: 1;
    border-top: 5px dotted var(--bs-secondary-heading);
}
.dividers .row>div:last-child .code-block {
    margin-bottom: 0px;
}

/* Grids */
.grids h2 {
    margin-bottom: 35px;
}
.grids p {
    margin-bottom: 0px;
}
.grids .container:last-of-type .code-block {
    margin-bottom: 0px;
}

/* Headings */
.headings h1,
.headings h2,
.headings h3,
.headings h4,
.headings h5,
.headings h6 {
    margin-bottom: 35px;
}
.headings .code-block:last-of-type {
    margin-bottom: 0px;
}

/* Drop Caps */
.dropcaps h2 {
    margin-bottom: 35px;
}
.dropcaps-style-1::first-letter {
    font-size: 2em;
    font-family: var(--bs-primary-font);
    color: #FFF;
    font-weight: 800;
    float: left;
    line-height: 39px;
    padding:7px 18px;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;    
    background-color: var(--bs-primary);
    margin-right: 15px;

}
.dropcaps-style-2::first-letter {
    font-size: 2em;
    font-family: var(--bs-primary-font);
    color: #FFF;
    font-weight: 800;
    float: left;
    line-height: 39px;
    padding: 7px 18px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-primary);
    margin-right: 15px;
}
.dropcaps .code-block:last-of-type {
    margin-bottom: 0px;
}

/* Forms */
.forms h2 {
    margin-bottom: 35px;
}
.nice-select {
    line-height: 1.5;
    height: max-content;
    width: 100%;
    background-image: unset;
}
.nice-select::after {
    width: 8.5px;
    height: 8.5px;
    right: 26px;
}
.nice-select.open .list {
    margin-top: 0px;
    width: 100%;
    border: 1px solid #0000002E;
    border-radius: 5px;
    box-shadow: none;
}
.form-style-1 input,
.form-style-1 .nice-select {
    font-size: 15px;
    color: var(--bs-secondary-paragraph);
    font-weight: 400;
    font-family: var(--bs-secondary-font);
    border: 1px solid #00000033;
    border-radius: 0px;
    padding:20px;
    margin-bottom: 20px;
}
.form-style-1 textarea {
    padding: 20px 20px;
    height: 140px;
    border: 1px solid #00000033;
}
.form-style-1 .nice-select:after {
    right: 25px;
}
.form-style-1 .nice-select.open .list {
    border-radius: 0px;
    transform: scale(1.0044);
}
.form-style-1 .btn-primary {
    margin-top: 46px;
}

.form-style-1 .row {
    --bs-gutter-x: 1.25rem;
}

input:focus, textarea:focus {
    box-shadow: none !important;
}
.form-style-1.form-style-2 .form-control:focus{
    border-bottom: 1px solid #00000033;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
.form-style-1 .form-control:focus{
    border: 1px solid #00000033;
}

.forms .code-block:last-of-type {
    margin-bottom: 0px;
}
.form-style-2 input,
.form-style-2 textarea,
.form-style-2 .nice-select {
    font-size: 15px;
    color: var(--bs-secondary-paragraph);
    font-weight: 400;
    font-family: var(--bs-secondary-font);
    border-bottom: 1px solid #00000033;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-radius: 0px;
    padding: 18px 0px;
    margin-bottom: 20px;
}
.form-style-2 textarea {
    padding: 18px 0px;
    height: 110px;
}

.icons h2 {
    margin-bottom: 35px;
}
.icons>.container {
    overflow: hidden;
}
.icons-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
}
.icon-style {
    width: 80px;
    height: 80px;
    display: flex;  
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    border-radius: 50%;
    background-color: var(--bs-secondary-heading);
    margin-left: 33.5px;
    margin-right: 33.5px;
}
.icon-style svg {
    width: 28px;
    height: 28px;
    fill: #FFF;
}
.icon-style svg path {
    fill: #FFF;
}
.icon-style img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}
.icons .icon-style {
    margin-bottom: 50px;
}
.icons-wrapper .code-block {
    margin-top: 5px;
}
.icons-wrapper .row>div:last-child .code-block {
    margin-bottom: 0px;
}

/* Tooltips */
.tooltips h2 {
    margin-bottom: 35px;
}
.tooltip {
    z-index: 0;
}
.tooltip.show {
    opacity: 1;
}
[id*="tooltips-style-"] p span {
    color: var(--bs-primary);
}
[class*="tooltip-"] > .tooltip-inner {
    font-size: 15px;
    font-family: var(--bs-primary-font);
    font-weight: 500;
    background: var(--bs-primary);
    padding: 8px 18px;
    width: max-content;
    min-height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tooltip-1 > .tooltip-inner {
    border-radius: 0px !important;
}
.tooltip-2 > .tooltip-inner {
    border-radius: 50px !important;
}
.tooltip-3 > .tooltip-inner {
    border-radius: 2px !important;
}
[class*="tooltip-"] .tooltip-arrow::before {
    border-top-color: var(--bs-primary) !important;
}
.bs-tooltip-end .tooltip-arrow::before {
    border-color: transparent;
    border-right-color: var(--bs-primary);
}
.tooltips .container .code-block:last-of-type {
    margin-bottom: 0px;
}

/* Lists */
.lists h2 {
    margin-bottom: 35px;
}
[class*="list-style-"] li {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-family: var(--bs-secondary-font);
    color: var(--bs-secondary-heading);
    margin-bottom: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
[class*="list-style-"] li svg {
    margin-top: -1px;
    margin-right: 12px;
}
[class*="list-style-"] li:last-child {
    margin-bottom: 0px;
}
.list-style-1 li svg {
    width: 12px;
    height: auto;
}
.list-style-1 li svg path {
    fill: var(--bs-primary);
}
.list-style-2 li svg {
    width: 6px;
    height: auto;
    margin-top: -2px;
    margin-right: 10px;
}
.list-style-2 li svg path {
    fill: var(--bs-primary);
}
.list-style-3 li svg {
    width: 8px;
    height: auto;
    margin-right: 10px;
    margin-top: -3px;
}
.list-style-3 li svg rect {
    fill: var(--bs-secondary-heading);
}

.list-style-4 .icon {
    position: relative;
    min-width: 20px;
    min-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 12px;
    margin-top: 1px;
}
.list-style-4 .icon::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-primary);
    border-radius: 50%;
    z-index: -1;
}

.list-style-4 li svg {
    width: 10px;
    height: auto;
    margin-right: 0px;
}
.list-style-4 li svg path{
    fill: var(--bs-secondary-bg);
}
.lists .code-block:last-of-type {
    margin-bottom: 0px;
}

/* Highlights */
.highlights h2 {
    margin-bottom: 35px;
}
.highlights p {
    margin-bottom: 0px;
}
.highlight-style-1 {
    font-style: italic;
    font-weight: 700;
    font-family: var(--bs-secondary-font);
    color: var(--bs-primary);
}
.highlight-style-2 {
    padding: 2px 3px;
    color: #FFF;
    background-color: var(--bs-primary);
    font-family: var(--bs-secondary-font);
    border-radius: 0px;
}
.highlights .code-block:last-of-type {
    margin-bottom: 0px;
}

/* Images */
.images h2 {
    margin-bottom: 35px;
}
.images .row {
    justify-content: space-between;
}
.images img {
    width: 100%;
}
.images .code-block {
    padding-left: 20px;
}
.img-style-1 img {
    height: auto;
}
.img-style-2 img {
    height: auto;
    border-radius: 10px;
}
.img-style-3 img {
    height: auto;
}
.images .container .row>div:last-of-type .code-block {
    margin-bottom: 0px;
}

 /* Maps */
 .map h2 {
    margin-bottom: 35px;
}
.map-style-1 iframe {
    display: block;
    width: 100%;
    height: 480px;
}
.map .code-block {
    margin-bottom: 0px;
}

/* Pricing */
.pricing h2 {
    margin-bottom: 35px;
}

.pricing-style-1 .item{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 50px 45px;
    border: 1px solid #00000033;
    border-radius: 6px;
    background-color: #FFFFFF;
    overflow: hidden;
}
.pricing-style-1 h4{
    margin-bottom: 12px;
}
.pricing-style-1 p{
    margin-bottom: 30px;
}
.pricing-style-1 hr,
.pricing-style-2 hr {
    border: 0;
    clear:both;
    display:block;
    width: 70%;               
    background-color:#00000033;
    height: 2px;
    margin-top: 0px;
    margin-bottom: 25px;
  }
.pricing-style-1 .item>span {
    display: block;
    font-size: 32px;
    line-height: 39px;
    font-weight: 800;
    font-family: var(--bs-primary-font);
    margin-bottom: 30px;
}

.pricing-style-1 .item>span span {
    font-size: 15px;
    line-height: 39px;
    font-weight: 600;
}

.pricing-style-1 .item ul,
.pricing-style-2 .item ul,
.pricing-style-3 .item ul {
    margin-bottom: 32px;
}
.pricing-style-1 .item ul li,
.pricing-style-2 .item ul li,
.pricing-style-3 .item ul li{  
    font-size: 15px;
    line-height: 20px;
    font-family: var(--bs-secondary-font);
    font-weight: 400;
    color: var(--bs-secondary-paragraph);
    margin-bottom: 18px;
}
.pricing-style-1 .item ul li:last-of-type,
.pricing-style-2 .item ul li:last-of-type,
.pricing-style-3 .item ul li:last-of-type  {
    margin-bottom: 0px;
}
.pricing-style-1 .item.recommented,
.pricing-style-3 .item.recommented{
    background-color: #F8F8F8;
}
.pricing-style-2 .item.recommented{
    background-color: #F8F8F8;
    border: 1px solid var(--bs-primary);
}
.pricing-style-1 .overlay svg,
.pricing-style-2 .overlay svg{
    width: 17px;
    height: 16px;
}
.pricing-style-3 .overlay svg{
    width: 16px;
    height: auto;
}
.pricing-style-1 .overlay svg path,
.pricing-style-2 .overlay svg path,
.pricing-style-3 .overlay svg path{
    fill:#FFFFFF;
}
.pricing-style-1 .item .overlay,
.pricing-style-2 .item .overlay{
    position: absolute;
    right: 28px;
    top: 0px;
    width: 37px;
    height: 45px;
    background-color: var(--bs-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px 0px 99px 99px;
}
.pricing-style-3 .item .overlay{
    position: absolute;
    right: 0px;
    top: 22px;
    width: 45px;
    height: 37px;
    background-color: var(--bs-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99px 0px 0px 99px;
}
.pricing-style-2 hr{
    margin-bottom: 28px;
}
.pricing-style-2 .item{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 50px 50px;
    border: 1px solid #00000033;
    border-radius: 8px;
    background-color: #FFFFFF;
    overflow: hidden;
}
.pricing-style-2 .item.recommented{
    padding: 53px 50px 63px;
}
.pricing-style-2 h4{
    margin-bottom: 28px;
}
.pricing-style-2 span {
    display: block;
    font-size: 54px;
    line-height: 60px;
    font-weight: 800;
    font-family: var(--bs-primary-font);
    margin-bottom: 6px;
}
.pricing-style-2 span.ps2-m {
    display: flex;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-family: var(--bs-secondary-font);
    margin-bottom: 18px;
    text-transform: capitalize;
    color: var(--bs-secondary-paragraph);
    align-items: center;
    justify-content: center;
}
.pricing-style-2 span.ps2-m:after, .pricing-style-2 span.ps2-m:before {
    content: '';
    width: 5px;
    height: 2px;
    background: var(--bs-secondary-paragraph);
    margin: 0 5px;
  }
.pricing-style-2 hr {
    width: 100%;
}

[class*="pricing-style-"] .row>div {
    margin-bottom: 40px;
}
[class*="pricing-style-"] .row>div:last-of-type {
    margin-bottom: 0px;
} 
.pricing .container:last-of-type .code-block {
    margin-bottom: 0px;
}
.pricing-style-3 .item>span {
    display: block;
    font-size: 45px;
    line-height: 50px;
    font-weight: 800;
    font-family: var(--bs-primary-font);
    margin-bottom: 8px;
}
.pricing-style-3 .item>span span {
    font-size: 18px;
    line-height: 50px;
    font-weight: 700;
}
.pricing-style-3 .item p{
    margin-bottom: 26px;
}
.pricing_style_three .pricing-style-3 .item .btn-style-md{
    margin-bottom: 0px;
}

.pricing-style-3 .item .btn-style-md{
    height: 50px;
    margin-bottom: 32px;
    border-radius: 6px;
}
.pricing-style-3 .item .plan{
    height: 50px;
    width: 100%;
    border-radius: 50px;
    color: #FFFFFF;
    background-color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}
.pricing-style-3 .item .plan h4{
    margin-bottom: 0px;
    color: #FFFFFF;
}
.pricing-style-3 .item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 50px 50px;
    border: 0.5px solid #00000033;
    border-radius: 8px;
    background-color: #FFFFFF;
    overflow: hidden;
}
.pricing .item ul{
    text-align: center;
}

/* Progress Bar */
.progress-bars h2 {
    margin-bottom: 35px;
}
.progress-bars h4 {
    margin-bottom: 18px;
}
.progress {
    border-radius: 50px;
    overflow: visible;
    height: 8px;
}
.progress h6 {
    font-size: 16px;    
    font-weight: 600;
    font-family: var(--bs-primary-font);
    transform: translateY(6px);
}
.progress-bar {
    overflow: unset;
}

.progress-bar-style-1 .progress::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-primary);
    opacity: .15;
}

.progress-bar-style-1 .progress {
    position: relative;
}
.progress-bar-style-1 h6.bar_num {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -36px;
    margin-right: 0px;
    font-weight: 700;
    color: var(--bs-secondary-heading);
}
.progress-bar-style-1 .progress {
    border-radius: 0px;
    background-color: var(--bs-secondary-bg-color);
}
.progress-bar-style-1 .progress-bar {
    border-radius: 0px;
    background-color: var(--bs-primary);
}

.progress-bar-style-2 .progress::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-primary);
    opacity: .15;
}
.progress-bar-style-2 .progress-bar::after {
    content: "";
    position: absolute;
    right: 0;
    width: 5px;
    height: 16px;
    background-color: var(--bs-primary);
}
.progress-bar-style-2 .progress {
    position: relative;
    border-radius: 0px;
}
.progress-bar-style-2 .progress-bar{
    position: relative;
    background-color: var(--bs-primary);   
}
.progress-bar-style-3 .progress-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-primary);
    transition: width .6s ease;
}
.progress-bar-style-3 .progress{
    position: relative;
    height: 30px;
    border-radius: 0px;
}
.progress-bar-style-3 p{
    margin: 0px 12px 0px 12px;
    display: flex;
    align-items: center;
    color:var(--bs-secondary-bg);
    font-size: 14px;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    
}
.progress-bar-style-3 .progress::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-primary);
    opacity: 0.12;
}

.progress-bar-style-4 .progress{
    height: 10px;
}
.progress-bar-style-4 .progress::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-primary);
    opacity: .15;
    border-radius: 50px;
}

.progress-bar-style-4 .progress {
    position: relative;
}

.progress-bar-style-4 .progress {
    border-radius: 0px;
    background-color: var(--bs-secondary-bg-color);
}
.progress-bar-style-4 .progress-bar {
    border-radius: 50px;
    background-color: var(--bs-primary);
}

.progress-bars .code-block:last-of-type {
    margin-bottom: 0px;
}
.pb-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* Service */
.services h2 {
    margin-bottom: 35px;
}

.services-style-1 .icon{
    height: 60px;
    width: 60px;
    background-color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.services-style-1 .icon svg{
    width: 28px;
    height: 28px;
}
.services-style-1 .icon svg path{
    fill: #FFFFFF
}
.services-style-1 .item{
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    border: 1px solid #0000002E;
    transition: box-shadow .3s;
}
.services-style-1 .service-left{
    margin-right: 2rem;
} 
.services-style-1 .service-left,
.services-style-1 .service-right {
    display: inline-block;
}

.services-style-1 .service-left{
    float: left;
}
.services-style-1 .service-right {
    float: right;
}
.services-style-1 .item::after {
    content: "";
    clear: both;
    display: table;
  }
  .services-style-1 h4{
    margin-bottom: 0.75rem;
  }
  .services-style-1 p{
    margin-bottom: 15px;
  }

  /*  */
  .services-style-1 .icon{
        position: relative;
  }
  .services-style-1 .service-left span{
    position: absolute;
    bottom: -15px;
    right: 0px;
    width: 28px;
    height: 28px;
    background-color: #F8F8F8;
    font-size: 14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--bs-primary-font);
    font-weight: 700;
  }

/* service style-2 */
.services-style-2 .item {
    padding: 54px 58px 54px 54px;
    display: flex;
    flex-direction: column;
    border: 1px solid #00000033;
    transition: .3s ease-in-out;
}
.services-style-2 .item .icon {
    position: relative;
    margin-bottom: 20px;
}
.services-style-2 .item .icon svg {
    width: 40px;
    height: 40px;
}
.services-style-2 .item .icon svg path {
    fill: var(--bs-primary);
}
.services-style-2 .item h5 {
    margin-bottom: 18px;
}
.services-style-2 .item h5:hover{
    color: var(--bs-primary);
}
.services-style-2 .item p {
    margin-bottom: 20px;
}
.services-style-2 .item .arrow {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid var(--bs-secondary-heading);
}
.services-style-2 .item .arrow svg {
    width: 6px;
    height: auto;
}
.services-style-2 .item .arrow svg path {
    fill: var(--bs-secondary-heading);
}
.services-style-2 .item:hover {
    border-color: transparent;
    background-color: #f5f5f5;
}
.services-style-2 .item:hover .arrow {
    background-color: var(--bs-primary);
    transition: .3s ease-in-out;
    border-color: var(--bs-primary);

}
.services-style-2 .item:hover .arrow svg path {
    fill: #FFF;
    transition: .3s ease-in-out;
}
.services-style-2 .row>div {
    margin-bottom: 30px;
}
.services-style-2 .row>div:last-of-type {
    margin-bottom: 0px;
}

.services-style-3 h3{
    margin-bottom: 18px;
}
.services-style-3 p{
    margin-bottom: 26px;
}
.services-style-1 .row>div {
    margin-bottom: 40px;
}
.services-style-3 .row>div {
    margin-bottom: 40px;
}

.services-style-3 .row>div:last-of-type {
    margin-bottom: 0px;
}
.services .container:last-of-type .code-block {
    margin-bottom: 0px;
}

/* tabs */
.tabs h2 {
    margin-bottom: 35px;
}
[class*="tabs-style-"] .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
[class*="tabs-style-"] .nav-link {
    font-size: 18px;
    font-weight: 600;
    font-family: var(--bs-primary-font);
    color: var(--bs-secondary-heading);
    padding: 6px 13px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}
[class*="tabs-style-"] .tab-pane {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--bs-secondary-font);
    color: var(--bs-secondary-paragraph);
}
.tabs-style-1 ul .nav-link {
    padding: 4px 20px;
    margin: 0px;
}
.tabs-style-1 ul .nav-link.active {
    color: var(--bs-primary);
    font-weight: 700;
}

.tabs-style-2 .nav {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.tabs-style-2 ul .nav-link {
    font-size: 18px;
    font-weight: 700;
    padding: 0px !important;    
    padding-bottom: 6px !important;
    margin: 0px;
    margin-right: 40px;
    margin-bottom: -1.5px;
}
.tabs-style-2 ul li:last-of-type .nav-link {
    margin-right: 0px;
}
.tabs-style-2 ul .nav-link.active {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.tabs-style-2 .nav-item{
    position: relative;
}
.tabs-style-2 .nav-item a.nav-link.active::after{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width:50%;
    height: 0px;
    border-top: 3px solid var(--bs-primary);
    transition: .3s ease-in-out;
}

.tabs-style-3 .nav {
    margin-bottom: 20px;
}
.tabs-style-3 ul .nav-link {
    font-size: 15px;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: 50px;
}
.tabs-style-3 ul .nav-link.active {
    color: #FFF;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.tabs .code-block:last-of-type {
    margin-bottom: 0px;
}

/* tables */
.tables h2 {
    margin-bottom: 35px;
}

[class*="table-style-"] .table {
    border-radius: 5px;
}

[class*="table-style-"] table tr {
    display: flex;
}

[class*="table-style-"] table th,
[class*="table-style-"] table td {
    flex: 1;
    text-align: center;
    border: none;
}

[class*="table-style-"] .table th {
    font-size: 18px;
    font-family: var(--bs-primary-font);
    letter-spacing: 0.14px;
    font-weight: 600 !important;
    padding: 20px 15px;
}
[class*="table-style-2"] .table th {
    font-size: 18px;
    font-family: var(--bs-primary-font);
    letter-spacing: 0.14px;
    font-weight: 600 !important;
    padding: 23px 15px 23px;
}

[class*="table-style-"] table td {
    font-size: 15px;
    font-family: var(--bs-primary-font);
    font-weight: 500;
    letter-spacing: 0.18px;
    padding: 31px 15px;
    color: var(--bs-secondary-paragraph);
    background-color: #F8F8F8 !important;
}

[class*="table-style-"] .table thead tr:not([class*="table-style-2"] .table thead tr) {
    color: #FFF;
    background-color: var(--bs-primary);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

[class*="table-style-"] table tr {
    border-bottom: 1px solid #0000002E;

}
.table-style-2 thead  tr{
    border-top: 1px solid #0000002E;
}
.table-style-2 thead  tr{
    padding: 21px auto 23px;
}

[class*="table-style-"] table tbody tr:last-child:not([class*="table-style-2"] table tbody tr:last-child) {
    border-bottom: 2px solid #0000002E;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

[class*="table-style-"] table th:not([class*="table-style-2"] table th),
[class*="table-style-"] table td:not([class*="table-style-2"] table td) {
    border-left: 2px solid #0000002E;
}

[class*="table-style-"] table th:last-child:not([class*="table-style-2"] table th:last-child),
[class*="table-style-"] table td:last-child:not([class*="table-style-2"] table td:last-child) {
    border-right: 2px solid #0000002E;
}

[class*="table-style-2"] table th:last-child,
[class*="table-style-2"] table td:last-child {
    border-right: none;
}

[class*="table-style-"] table th:first-of-type:not([class*="table-style-2"] table th:first-of-type) {
    border-left: 2px solid transparent;
}

[class*="table-style-"] table th:last-of-type:not([class*="table-style-2"] table th:last-of-type) {
    border-right: 1px solid transparent;
}

[class*="table-style-"] .table thead:not([class*="table-style-2"] .table thead) {
    border-radius: 5px !important;
}

[class*="table-style-"] .table tbody:not([class*="table-style-2"] .table tbody) {
    border-radius: 5px !important;
}

[class*="table-style-"] .table tbody tr:last-of-type td:first-of-type:not([class*="table-style-2"] .table tbody tr:last-of-type td:first-of-type) {
    border-bottom-left-radius: 5px;
}

[class*="table-style-"] .table tbody tr:last-of-type td:last-of-type:not([class*="table-style-2"] .table tbody tr:last-of-type td:last-of-type) {
    border-bottom-right-radius: 5px;
}

.table-style-2 .table th {
    color: var(--bs-secondary-heading);
}

.table-style-2 table td {
    background-color: var(--bs-secondary-bg-color) !important;
}

.table-style-2 .table tr,
.table-style-2 .table td {
    overflow: hidden;
}

.table-style-2 .table th {
    border: none !important;
}

.table-style-2 .table th:last-of-type,
.table-style-2 .table td:last-of-type {
    margin-right: 0px;
}

.table-style-2 .table tr:last-of-type td {
    margin-bottom: 0px;
}

.table-style-1 .table thead tr {
    border-radius: 0px !important;
}

.table-style-1 table tbody tr:last-child {
    border-radius: 0px !important;
}

.table-style-1 .table tbody tr:last-of-type td:first-of-type,
.table-style-1 .table tbody tr:last-of-type td:last-of-type {
    border-radius: 0px !important;
}

.tables>.container:last-child .code-block {
    margin-bottom: 0px;
}

[class*="table-style-"] table th:not([class*="table-style-2"] table th) {
    border-left: 2px solid #FFF;
}

.table-style-1 thead tr {
    border-top: unset;
}

.table-style-1 tbody tr:first-child {
    border-top: unset;
}

/* Tooltips */
.tooltips h2 {
    margin-bottom: 35px;
}
.tooltip {
    z-index: 0;
}
.tooltip.show {
    opacity: 1;
}
[id*="tooltips-style-"] p span {
    color: var(--bs-primary);
}
[class*="tooltip-"] > .tooltip-inner {
    font-size: 15px;
    font-family: var(--bs-primary-font);
    font-weight: 600;
    background: var(--bs-primary);
    padding: 4px 8px;
    width: max-content;
    min-height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tooltip-1 > .tooltip-inner {
    border-radius: 2px !important;
}
.tooltip-2 > .tooltip-inner {
    border-radius: 0px !important;
}

.tooltips .container .code-block:last-of-type {
    margin-bottom: 0px;
}

/* Team */
.team h2 {
    margin-bottom: 35px;
}
.team-style-1 .image img {
    height: 360px;
    margin-bottom: 35px;
}
.team-style-1 .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.team-style-1 .social-icon{
    display: flex;
    align-items: center;
    justify-content: center;
}
.team-style-1 .social-icon a{
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
background-color: #FFFFFF00;
color: var(--bs-secondary-heading);
margin: 0px 8px;
border: 1px solid #00000033;
}
.team-style-1 .social-icon li:last-child a{
    margin: 0px 0px 0px 8px;
}
.team-style-1 .social-icon li:first-child a{
    margin: 0px 8px 0px 0px;
}
.team-style-1 .social-icon a:hover{
    background-color: var(--bs-primary);
    color: var(--bs-secondary-bg);
    border: 1px solid transparent;
}
.team-style-1 h5{
    font-weight: 800;
    letter-spacing: 0.72px;
    margin-bottom: 20px;
}
.team .roll{
    font-size: 15px;
    line-height: 19px;
    font-family: var(--bs-secondary-font);
    font-weight: 400;
    color: var(--bs-primary);
}
.team-style-1 .roll{
    text-transform: uppercase;
    margin-bottom: 10px;
    color: var(--bs-primary);
}

.team-style-1 .row>div:last-of-type {
    margin-bottom: 0px;
}

.team-style-2 .image img {
    height: 350px;
}

.team .container:last-of-type .code-block {
    margin-bottom: 0px;
}

.team-style-2 .image {
    position: relative;
}
.team-style-2 .image img {
    height: 360px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.team-style-2 .image .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: end;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    transition: .8s ease-in-out;
}
.team-style-2 .image .overlay .social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.team-style-2 .image .overlay a {
    font-size: 26px;
    color: #FFF;
    opacity: 0;
    transition: .8s ease-in-out;
}
.team-style-2 .image .overlay a:hover {
    color: var(--bs-secondary-heading);
}
.team-style-2 .item:hover .overlay {
    background-color: rgba(0, 0, 0, .4);
}
.team-style-2 .item:hover .overlay a {
    margin: 0px 8px;
    opacity: 1;
}
.team-style-2 span {
    display: block;
    font-size: 18px;
    font-family: var(--bs-secondary-font);
    font-weight: 400;
    color: var(--bs-secondary-gray);
    margin-bottom: 8px;
}
.team-style-2 h4 {
    font-weight: 600;
    margin-bottom: 10px;
}
.team-style-2 a svg {
    width: 38px;
    height: auto;
    transition: .2s ease-in-out;
}
.team-style-2 a:hover svg {
    width: 40px;
}
.team-style-2 a svg path {
    transition: .2s ease-in-out;
}
.team-style-2 a:hover svg path {
    fill: var(--bs-primary);
}
.team-style-2 .image .social-icon a {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    background-color: var(--bs-primary);
    color: #FFF;
    border-radius: 50%;
    margin: 0px -22px;
    transition: .6s ease-in-out;
}
.team-style-2 .ts2-bottem{
    padding: 24px 30px;
}
.team-style-2 h5{
    margin-bottom: 7px;
}
.team-style-2 .roll{
    margin-bottom: 0px;
    color: var(--bs-primary);
}
.team-style-2.team_style_two .roll {
    margin-bottom: 0px;
}
.team-style-2.team_style_two .image img {
    height: 330px;
}
.team-style-2 .item{
    
    border-radius: 8px;
}
.team-style-2 .ts2-bottem{
    border: 1px solid #0000002E;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: unset;
}
[class*="team-style-"] .row>div {
    margin-bottom: 40px;
}
.team-style-3 h5{
    font-weight: 800;
    margin-bottom: 5px;
}

.team-style-2 .image {
    position: relative;
}
.team-style-2 .image>a {
    display: block;
}
.team-style-2 .image img {
    height: 380px;
}
.team-style-2 .image .overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.team-style-2 .item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    width: 100%;
    padding: 20px;
    padding-bottom: 18px;
}
.team-style-2 .item-content h4 {
    font-weight: 600;
    margin-bottom: 2px;
}
.team-style-2 .item-content span {
    display: block;
    font-size: 18px;
    font-family: var(--bs-secondary-font);
    font-weight: 400;
    color: var(--bs-secondary-gray);
    margin-bottom: 3px;
}
.team-style-2 .item-content .social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -30px;
    opacity: 0;
    z-index: -1;
    transition: .5s ease-in-out;
}
.team-style-2 .item:hover .item-content .social-icon {
    margin-top: 0px;
    z-index: 1;
    opacity: 1;
}
.team-style-2 .item:hover .item-content .social-icon a {
    font-size: 16px;
    line-height: 16px !important;
    margin: 0px 13px;
    transition: .5s ease-in-out;
}

/*  */

.team-style-3 .image {
    position: relative;
}
.team-style-3 .image>a {
    display: block;
}
.team-style-3 .image img {
    height: 390px;
}
.team-style-3 .image .overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0px 0px 30px 0px;
}
.team-style-3 .item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    width: 100%;
    padding: 15px 0px 16px 0px;
    padding-bottom: 18px;
}
.team-style-3 .item-content h5 {
    font-weight: 800;
    margin-bottom: 5px;
}
.team-style-3 .item-content p {
       margin-bottom: 0px;
}
.team-style-3 .item-content span {
    display: block;
    font-size: 18px;
    font-family: var(--bs-secondary-font);
    font-weight: 400;
    color: var(--bs-secondary-gray);
    margin-bottom: 3px;
}
.team-style-3 .item-content .social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -30px;
    opacity: 0;
    transition: .5s ease-in-out;
}

.team-style-3 .overlay_1 {
    position: absolute;
    top: 0px;
    right: .625rem;
    height: 100%;
}
.team-style-3 .image .social-icon a {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    background-color: #FFFFFF;
    color:var(--bs-primary);
    transition: .6s ease-in-out;
    margin-bottom: 6px;
    opacity: 0;

}
 .team-style-3 .overlay_1 .social-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .5s ease-in-out;
    z-index: 1;
}

.team-style-3 .image:hover .social-icon a{
    opacity: 1;
}

.team-style-3 .image {
    position: relative;
}
.team-style-3 .image::before{
    position: absolute;
    content: "";
    background-color:#00000059;
    opacity: 0;
    height: 100%;
    width: 100%;
    top: 0;
}
.team-style-3 .image:hover::before{
    opacity: 1;
    transition: .75s;
}
.team-style-3 .image .social-icon li:first-child a{
    margin-top: 10px;
}

.home_slider_style_two>div>.container{
    position: relative;
}
.about_us_style_three+.container hr{
    margin-top: 0px;
    margin-bottom: 0px;
}
.our_story_one .tab-pane p:last-child{
    margin-bottom: 0px;
}
.tooltip-2 .tooltip-arrow::before {
    top: -4px;
    border-width: 11px 8px;
    border-top-color: var(--bs-primary);
    transform: unset;
    margin-left: 0px;
    border-left: 0;
}
.tooltip-2 .tooltip-inner {
    border-radius: 0;
    padding: 5px 8px;
    transform: translateX(71px);
}
.icons-wrapper div:nth-child(4) > div{
    margin-bottom: 0px;
}

.path-comment .comment-list img{
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin-bottom: 25px;
  }
  .path-comment .block-system-main-block{
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .path-comment .comment-reply{
    display: none;
  }
  .path-comment #edit-submit{
    margin-top: 20px;
  }
  .comment-form .btn{
    margin-top: 20px;
  }
  .field--name-user-picture img{
    height: 100px;
    width: 100px;
  }
  .user-logged-in #header-2{
    position: static;
  }
  .user-logged-in.path-user #header-2 .lang-dropdown-item:first-child>a,
  .user-logged-in.path-user #header-2 .mob-btn a,
  .user-logged-in.path-user #header-2 .nav-link{
    color: #000;    
  }
  .user-logged-in.path-user #header-2 #block-languageswitcher,
  .user-logged-in.path-user #header-2 .mob-btn{
    border: 1px solid #000;
  }
  .user-logged-in.path-user #header-2 .lang-dropdown-item svg path,
  .user-logged-in.path-user #header-2 .navbar-brand svg polygon,
  .user-logged-in.path-user #header-2 .navbar-brand svg path,
  .user-logged-in.path-user #header-2 .navbar-brand svg rect.cls-1 {
    fill: var(--bs-secondary-heading);
  } 
  .user-logged-in.path-user #header-2 .navbar-brand svg path.cls-3{
     fill: #FFF;
  }
/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 767.98px) {
    .header .container {
        padding: 0px;
        max-width: unset;
    }
    #header-1.header .res-header{
        background-color: #fff;
    }
    .header .res-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 18px 12px;
    }
    .header .res-header .res-header-right {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header .navbar-brand svg {
        height: 22px;
        width: auto;
    }
    .header .navbar-brand img {
        height: 22px;
        width: auto;
    }
    .header .navbar-toggler svg{
        height: auto;
        width: 20px;
    }
    .header .navbar-toggler .overlay svg{
        height: auto;
        width: 18px;
    }
    .header .navbar-toggler {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header .navbar-toggler[aria-expanded="true"]>svg {
        width: 0px;
    }
    .header .navbar-toggler[aria-expanded="false"] .overlay svg {
        width: 0px;
    }

    .btn:focus {
        box-shadow: none;
    }
    input:focus,
    textarea:focus {
        box-shadow: none !important;
    }
    .form-select:focus {
        box-shadow: none !important;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .header .lang-dropdown-menu {
        margin-right: 20px;
    }
    .header .lang-dropdown-item svg{
        margin-left: 4px;
    }
    .header .navbar-collapse{
        background-color: #F8F8F8;
    }
    .header .nav-link{
        padding: 15px 20px 15px;
    }
    .header .nav-item .dropdown-menu{
        background-color: unset;
    }
    .header .nav-item>.dropdown-menu {
        border: none;
        margin-left: 20px;
    }
    .header .navbar-collapse {
        overflow: scroll;
    }
    .header .nav-item>.dropdown-menu{
        max-height: 135px;
        overflow: scroll;
    }
    .navbar-expand-lg .navbar-collapse{
        justify-content: end;
    }
    .navbar-nav li.nav-item:first-child{
        padding-top: 15px;
    }
    .header .dropdown-menu .dropdown-item:first-child a{
        padding-top: unset;
        padding-bottom: 0px;
    }
    #header-3 .topbar-right{
        display: none;
    }

    
    
    .topbar-left h5{
        margin-bottom: 0px;
    }

    .topbar-left h5 {
        font-size: 14px;
        line-height: 17px;
        font-family: var(--bs-secondary-font);
        font-weight: 500;
    }
    .topbar {
        background-color: var(--bs-secondary-heading);
        height: auto;
    }
    .topbar h5 ,.topbar a{
        color: #FFFFFF;
    }
    .topbar a{
        padding-left: 6px;
    }
    .topbar a:hover{
        color: var(--bs-primary);
    }   
    .navbar-toggler{
        padding-right: 0px;
    }

    /* Footer */
    .footer-2{
        padding-left: 0px;
    }
    .footer-links .row div:nth-child(2){
        padding-left: 12px;
        margin-left: 0px;
    }
    .footer-links .row div:last-child{
        padding-left: 6px;
    }

    .footer-links .row div:last-child h4 {
        margin-left: 12px;
    }
    .footer .footer-2 .footer-links div{
        margin-bottom: 30px;
    }
    .footer .footer-2 .footer-links div:last-child{
        margin-bottom: 20px;
    }
    .footer .navbar-brand svg{
        margin-bottom: 80px;
    }
    .footer-contact {
        display: flex;
        flex-direction: column;
    }
    .footer-contact {
    display: flex;
    justify-content: space-between;
    }
    .footer-contact p{
        text-align: center;
        margin-bottom: 30px;
    }
    .footer .social-icon{
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }

    .footer hr{
        margin-top: 16px;
    }
    .footer .social-icon li:first-child a{
        margin-left:0px
    }
    .footer .subscribe form{
        margin: 0px 6px;
    }

    /* Audio & media */
    [class*="video-style-"] .item img {
        height: 300px;
    }

    
    .video-style-1 .video-style-1-box{
    max-width: calc(100% - 20px);
    }
    .video-style-1 .video-style-1-box h2{
        font-size: 24px;
        line-height: 30px;
    }

    /* Quotes */
    .blockquote-style-1 ,
    .blockquote-style-2{
        padding: 30px;
    }

    .icons-list {
        margin-left: 0px;
        margin-right: 0px;
        justify-content: center;
    }
    .icon-style {
        margin-left: 20px;
        margin-right: 20px;
    }
    /* tables */
    [class*="table-style-"] .table th {
        font-size: 11px;
    }
    [class*="table-style-2"] .table h5 {
        font-size: 12px;
        margin-bottom: 0px;
    }

    [class*="table-style-"] table th,
    [class*="table-style-"] table td {
        font-size: 12px;
        padding: 8px !important;
    }
    .about_us_style_three .row .col-md-6:last-child{
        margin-top: 30px;
    }
    .team-style-2 .row>div:last-child{
        margin-bottom: 0px;
    }
    .tooltip-2 .tooltip-inner {
        padding: 5px 8px;
        transform: translateX(0px);
    }
    
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .header .navbar *{
        transition: .1s ease-in-out;
    }
    .header .container {
        padding: 0px;
        max-width: unset;
    }
    #header-1.header .res-header{
        background-color: #fff;
    }
    .header .res-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 18px 20px;
    }
    .header .res-header .res-header-right {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header .navbar-brand svg {
        height: 22px;
        width: auto;
    }
    .header .navbar-brand img {
        height: 22px;
        width: auto;
    }
    .header .navbar-toggler svg{
        height: auto;
        width: 20px;
    }
    .header .navbar-toggler .overlay svg{
        height: auto;
        width: 16px;
    }
    .header .navbar-toggler {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header .navbar-toggler[aria-expanded="true"]>svg {
        width: 0px;
    }
    .header .navbar-toggler[aria-expanded="false"] .overlay svg {
        width: 0px;
    }

    .btn:focus {
        box-shadow: none;
    }
    input:focus,
    textarea:focus {
        box-shadow: none !important;
    }
    .form-select:focus {
        box-shadow: none !important;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .header .lang-dropdown-menu {
        margin-right: 30px;
    }
    .header .lang-dropdown-item svg{
        margin-left: 4px;
    }
    .header .navbar-collapse{
        background-color: #F8F8F8;
    }
    .header .nav-link{
        padding: 15px 20px 15px;
    }
    .header .nav-item .dropdown-menu{
        background-color: unset;
    }
    .header .nav-item>.dropdown-menu {
        border: none;
        margin-left: 20px;
    }
    .header .navbar-collapse {
        height: 100vh;
        overflow: scroll;
    }
    .header .nav-item>.dropdown-menu{
        max-height: 135px;
        overflow: scroll;
    }
    .navbar-expand-lg .navbar-collapse{
        justify-content: end;
    }
    .navbar-nav li.nav-item:first-child{
        padding-top: 30px;
    }
    .header .dropdown-menu .dropdown-item:first-child a{
        padding-top: 3px;
    }
    #header-3 .navbar-expand-lg .navbar-nav .nav-link{
        padding: 15px 20px 15px;
    }
    #header-3 .topbar-right{
        display: none;
    }

    .topbar-left{
        padding: 9px 20px;
    }
    
    .topbar-left h5{
        margin-bottom: 0px;
    }

    .topbar-left h5 {
        font-size: 14px;
        line-height: 17px;
        font-family: var(--bs-secondary-font);
        font-weight: 500;
    }
    .topbar {
        background-color: var(--bs-secondary-heading);
        height: auto;
    }
    .topbar h5 ,.topbar a{
        color: #FFFFFF;
    }
    .topbar a{
        padding-left: 6px;
    }
    .topbar a:hover{
        color: var(--bs-primary);
    }
    .navbar-toggler{
        padding-right: 0px;
    }
    /* Footer */
    .footer-1{
        text-align: center;
        padding-bottom: 50px;
    }
    .navbar-brand{
        margin-right: 0px;
    }
    .footer-2{
        padding-left: 0px;
    }

    /* carousel */
    .slider-style-4 .slider-wrapper {
        padding: 20px 70px 22px;
    }   

    .icons-list {
        margin-left: 0px;
        margin-right: 0px;
        justify-content: center;
    }
    .icon-style {
        margin: 30px;
    }
    /* Pricing */
    [class *= "pricing-style-"] .row>div {
        margin-bottom: 24px;
    }
    [class *= "pricing-style-"] .row>div:last-of-type {
        margin-bottom: 0px;
    }

    /* Service */
    .services-style-1 .item{
        height: 100%;
    }
}
@media (max-width: 991.98px){
.video-style-1 .item img {
    height: 500px;
}
.portfolio_style_one {
    background: linear-gradient(to bottom, #F8F8F8 25.5%, #FFFFFF 0%);
}
.home-slider-2 .container .hs-2-wrapper {
    display: flex;
    flex-direction: column;
    height: auto;
    align-self: center;
    align-items: center;
    justify-content: center;
    padding-top: 100px;
    padding-bottom: 100px;
}
.why_choose_us_style_two .row .wcu-2{
    margin-bottom: 30px;
}
.why_choose_us_style_two .row .wcu-2:last-child{
    margin-bottom: 0px;
}
.why_choose_us_style_two .row .wcu-2 p:last-child{
    margin-bottom: 0px;
}
.about-us-two .description {
    padding-top: 50px;
}
.portfolio_style_two .p-2-btn,
.services_style_two .service-s-2-btn,
.call_to_action_style_two .cta-s-2-btn {
    justify-content: unset;
    margin-top: 30px;
}
.services_style_two .second-row>div:last-child{
    margin-top: 30px;
}
.blog_style_two .btn-primary {
    margin: 44px 0px 0px;
}
.call_to_action_style_two.bg-image {
    height: unset;
    padding-top: 100px;
    padding-bottom: 100px;
}
.team-style-2 .row>div{
    margin-bottom: 24px;
}

.team_style_two.dt-section {
    padding-bottom: 100px;
}
.home_slider_style_two .slider-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
}
.home_slider_style_two .carousel-indicators{
    right: 15px;
}
.contact_style_three .row{
    padding-top: 50px;
    padding-bottom: 50px;
}
.about-us-two.dt-section {
    padding-bottom: 100px;
}
.home_slider_style_one .home_heads {
    min-height: 100px;
}
.home_slider_style_one span.home_head {
    font-size: 36px;
    line-height: 40px;
    font-weight: 800;
}
.services_style_one .row .col-lg-6:last-child{
    margin-top: 50px;
}
.pages-banner #header-2 button svg path{
    fill:#FFFFFF
}
.pages-banner-blog #header-2 .navbar-brand svg rect.cls-1 {
    fill: var(--bs-secondary-heading);
}
.pages-banner-blog #header-2 .navbar-brand svg path {
    fill: var(--bs-secondary-heading);
}
.pages-banner-blog #header-2 .navbar-brand svg polygon {
    fill: var(--bs-secondary-heading);
}
.pages-banner-blog #header-2 .navbar-brand svg path.cls-3 {
    fill: #FFF;
}
.pages-banner-blog #header-2 #block-languageswitcher {
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 50px;
}

.pages-banner-blog #header-2 .lang-dropdown-item:first-child>a, body.home-1 #header-2 .lang-dropdown-item:first-child>a {
    font-size: 15px;
    line-height: 18px;
    color: var(--bs-secondary-heading);
}
.pages-banner-blog #header-2 .lang-dropdown-item svg path, body.home-1 #header-2 .lang-dropdown-item svg path {
    fill: var(--bs-secondary-heading);
}
.pages-banner-blog #header-2 .lang-dropdown-item{
width: 75px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bs-secondary-heading);
    border-radius: 50px;
}
.slider-style-2 .arrows.slide{
    display: none;
}
body.top-spacing .header-1 .home_slider_style_one{
    margin-top: 76px;
}
body.top-spacing .header-1 .home_slider_style_two,
body.top-spacing .header-1 .home-slider-2,
body.top-spacing .header-1 .page-banner{
    margin-top: 76px;
}
body.top-spacing .header-3 .home_slider_style_one{
    margin-top: 76px;
}
body.top-spacing .header-3 .home_slider_style_two,
body.top-spacing .header-3 .home-slider-2,
body.top-spacing .header-3 .page-banner{
    margin-top: 76px;
}
body.top-spacing .header-3 #header-3 .topbar{
    display: none;
}

#page_content.header-1{
    margin-top: 76px;
}
#page_content.header-3{
    margin-top: 111px;
}
}
/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 992px) { 

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px;
}

 /* Dropdown Menu */
 .dropdown-submenu {
    position: relative;
}
.dropdown-submenu.show .dropdown-menu{
    display: none !important;
}
.dropdown:hover > .dropdown-menu {
    display: block !important;
    z-index: 999998 !important;
}

#heade-1 .navbar .header-right ul{
    margin-left:30px;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 20px;
    padding-left: 0px;
    display: flex;
}
.navbar-expand-lg .navbar-nav li:last-child a{
    padding-right: 0px;
}
#header-1 .navbar-brand{
    padding: 25px 0px;
}
#header-1 .nav-link{
    padding-top: 26px;
    padding-bottom: 31px;
}

#header-1 .navbar .header-right ul{
    /* padding-top: 26px;
    padding-bottom: 26px; */
    margin-left: 15px;
}
.dropdown-submenu {
    position: relative;
}

.header .dropdown-item{
    min-width: 190px;
}
.header .lang-dropdown-item li a{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.header .dropdown-menu li:last-child a{
    padding-bottom: 20px;
} 
.header ul li .dropdown-item:last-child >a{
    border: 0px;
}
.header .lang-dropdown-menu .dropdown-menu{
    padding:0px 0px !important;      
}
#header-2 .lang-dropdown-menu .dropdown-menu{
    padding:0px 0px !important;      
    top:41px;
}
#header-2 .header-fixed .lang-dropdown-menu .dropdown-menu {
    padding: 0px 0px !important;
    top: 56px;
}
.header .dropdown-menu a:hover{
    border-bottom: 0.5px solid var(--bs-primary);
} 

/* Mega Menu */
.mega-menu .dropdown-menu.show{
    display: flex;
    justify-content: space-between;
}

.header .mega-menu .dropdown-menu{
    padding: 40px;
}
.header .mega-menu .dropdown-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: unset;
    width: 100%;
    padding: 40px !important;
    border-radius: 0px !important;
    margin-left: auto;
    margin-right: auto;
    max-height: max-content;
    background-color: #FFF;
    border: 1px solid #0000001F;
    max-width: 1116px;
}
.mega-menu ul a{
    padding: 0px;
}
.header .mega-menu .dropdown-menu .dropdown-item li:last-child a{
    padding: 0px;
}
.header .mega-menu .dropdown-menu li a{
    padding: 0px 0px 15px;
}
.header .mega-menu .dropdown-menu .dropdown-item a {
    width: 180px;
}
.mega-menu .dropdown-menu ul li:last-child a{
    border: none;
}
.mega-menu .dropdown-menu .dropdown-item:last-child a{
    padding-bottom: 0px;
}

#header-2 .mob-btn svg{
    width: 11px;
    height: auto;

}

body.home-2 #header-2 .navigation-sticky.header-fixed .mob-btn,
body.home-3 #header-2 .navigation-sticky.header-fixed .mob-btn,
#header-2 .navigation-sticky.header-fixed .mob-btn{
    width: 136px;
    height: 32px;
    border: 1px solid black;
    display: flex;
    align-items: center;
    padding-left:2px;
    border-radius: 50px;
}
body.home-1 #header-2 .mob-btn a{
    font-size: 12px;
    line-height: 14px;
    padding-left: 5px;
    font-weight: 500;
    color: var(--bs-secondary-heading);
}
body.home-2 #header-2 .mob-btn a,
body.home-3 #header-2 .mob-btn a,
#header-2 .mob-btn a{
    font-size: 12px;
    line-height: 14px;
    padding-left: 5px;
    font-weight: 500;
    color: #FFFFFF;
}
body.home-2 #header-2 .navigation-sticky.header-fixed .mob-btn a,
body.home-3 #header-2 .navigation-sticky.header-fixed .mob-btn a,
#header-2 .navigation-sticky.header-fixed .mob-btn a{
    color: var(--bs-secondary-heading);
}
#header-2 .header-right{
    padding-left: 30px ;
    margin: 28px 0px;
}
body.home-2 #header-2 .header-right span,
body.home-3 #header-2 .header-right span,
#header-2 .header-right span{
    padding: 2px 8px;
    background-color: #FFFFFF;
    border-radius: 62px;
}
body.home-1 #header-2 .header-right span{
    padding: 2px 8px;
    background-color: var(--bs-secondary-heading);
    border-radius: 62px;
}
body.home-2 #header-2 .mob-btn svg,
body.home-3 #header-2 .mob-btn svg,
#header-2 .mob-btn svg{
    fill: var(--bs-secondary-heading);
}
body.home-1 #header-2 .mob-btn svg{
    fill: #FFFFFF;
}
body.home-2 #header-2 #block-languageswitcher,
body.home-3 #header-2 #block-languageswitcher,
#header-2 #block-languageswitcher{
    display: flex;
    align-items: center;
    border: 1px solid #FFFFFF;
    text-align: center;
    border-radius: 50px;
}
body.home-1 #header-2 #block-languageswitcher{
    display: flex;
    align-items: center;
    border: 1px solid var(--bs-secondary-heading);
    text-align: center;
    border-radius: 50px;
}
body.home-2 #header-2 .navigation-sticky.header-fixed #block-languageswitcher,
body.home-3 #header-2 .navigation-sticky.header-fixed #block-languageswitcher,
#header-2 .navigation-sticky.header-fixed #block-languageswitcher{
    display: flex;
    align-items: center;
    border: 1px solid var(--bs-secondary-heading);
    text-align: center;
    border-radius: 50px;
}
#header-2 #block-languageswitcher .lang-dropdown-menu{
    width: 74px;
}
body.home-2 #header-2 .lang-dropdown-item:first-child>a,
body.home-3 #header-2 .lang-dropdown-item:first-child>a,
#header-2 .lang-dropdown-item:first-child>a{
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
    padding: 26px 0px;
}
.pages-banner-blog #header-2 .lang-dropdown-item:first-child>a,
body.home-1 #header-2 .lang-dropdown-item:first-child>a{
    font-size: 15px;
    line-height: 18px;
    color: var(--bs-secondary-heading);
}
body.home-2 #header-2 .navigation-sticky.header-fixed .lang-dropdown-item a,
body.home-3 #header-2 .navigation-sticky.header-fixed .lang-dropdown-item a,
#header-2 .navigation-sticky.header-fixed .lang-dropdown-item a{
    font-size: 15px;
    line-height: 18px;
    color: var(--bs-secondary-heading);
}
body.home-2 #header-2 .navigation-sticky.header-fixed .lang-dropdown-item a:hover,
body.home-3 #header-2 .navigation-sticky.header-fixed .lang-dropdown-item a:hover,
#header-2 .navigation-sticky.header-fixed .lang-dropdown-item a:hover{
    color: var(--bs-primary);
}
body.home-2 #header-2 .lang-dropdown-item svg path,
body.home-3 #header-2 .lang-dropdown-item svg path,
#header-2 .lang-dropdown-item svg path{
    fill:#FFFFFF;
}
body.home-1 #header-2 .lang-dropdown-item svg path{
    fill:#FFFFFF;
}
body.home-2 #header-2 .navigation-sticky.header-fixed .lang-dropdown-item svg path,
body.home-3 #header-2 .navigation-sticky.header-fixed .lang-dropdown-item svg path,
#header-2 .navigation-sticky.header-fixed .lang-dropdown-item svg path{
    fill: var(--bs-secondary-heading);
}
.pages-banner-blog #header-2 .lang-dropdown-item svg path,
body.home-1 #header-2 .lang-dropdown-item svg path{
    fill: var(--bs-secondary-heading);
}
#header-2 .contact_head a{
    padding-left:0px;
}
#block-languageswitcher {
    margin-left:30px;
}
#header-2 .navbar-expand-lg .navbar-nav .nav-link{
    padding-bottom: 18px;
    padding-top: 18px;
}
#header-2 .navigation-sticky.header-fixed .nav-link{
    padding-bottom: 34px;
}
.header .nav-link::after{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0px;
    height: 0px;
    border-top: 2px solid #000;
    transition: .3s ease-in-out;
}
#header-2 .nav-item .nav-link.active::after{
    width: 25%;
}
#header-2 .nav-link::after {
    border-top: 2px solid var(--bs-primary);
}
.home-2 #header-2 .nav-link::after,
.home-3 #header-2 .nav-link::after{
    border-top: 2px solid #FFFFFF;
}
#header-2 .nav-item:hover .nav-link::after{
    width: 50%;
}
#header-3 .arrow svg{
    height: 10px;
    width: 6px;
}
#header-3 span.arrow.d-none.d-lg-block svg{
    height: 7px;
    width: 12px;
}

/* Header-3 */
#header-3 .topbar-left li {
    float: left;
}
#header-3 .topbar .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.topbar{
    background-color: var(--bs-secondary-heading);
    height: auto;
}
.topbar h5
{
    color: #FFFFFF;
    margin-bottom: 0px;
    
}
.topbar h5,
.topbar .topbar-left a 
{
    margin-bottom: 0px;   
}
.topbar-left h5{
    font-size: 15px;
    line-height: 18px;
    font-family: var(--bs-secondary-font);
    font-weight: 500;
}
.topbar-left a{
    padding-left: 8px;
    color: #FFFFFF;
}
.topbar-left a:hover{
    color: var(--bs-primary);
}
.topbar-left li{
    padding-left: 30px;
}
.topbar-left li:first-child{
    padding-left: 0px;
}
.topbar-right a{
    font-size: 14px;
    line-height: 17px;
    font-family: var(--bs-secondary-font);
    font-weight: 500;
    color: #FFFFFF;
}
.topbar-right{
    background-color: var(--bs-primary);
    padding: 10px 25px;
}

/* Search */
#header-3 .d-lg-flex{
    align-items: center;
}
#header-3 #block-languageswitcher{
    margin-left: 58px;
}
#header-3 .search-btn{
    padding-left: 60px;
}
#header-3 .navbar .header-right>ul{
    padding-top: 28px ; 
    padding-bottom: 28px;
}

.navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 20px;
    padding-left: 0px;
    display: flex;
}

#header-3 .navbar-expand-lg .navbar-nav .nav-link{
    padding-top: 26px;
    padding-bottom: 26px;
}

.nav-link .arrow{
    padding-left: 4px;
}

/* Elements */
.audio-style-1 audio {
    transform: scale(1);
    margin: 5px 0px 0px;
}

/* Audio & video */
.video-style-2 .item img {
    height: 540px;
}

.video-style-1 .item img {
    height: 558px;
}

/* Images */
.images .container .row>div {
    max-width: 28.4%;
}
.images .code-block {
    margin-bottom: 0px;
}

/* pricing */
[class *= "pricing-style-"] .row>div:nth-last-of-type(-n+3) {
    margin-bottom: 0px;
}

.pricing-style-1 .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.pricing-style-2 .row>div {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
/* blog Grid */
.blog-style-1 .row>div:nth-last-of-type(-n+3) {
    margin-bottom: 0px;
}
.blog-style-2 .row>div:nth-last-of-type(-n+3) {
    margin-bottom: 0px;
}
.blog-style-3 .row>div:nth-last-of-type(-n+3) {
    margin-bottom: 0px;
}
.blog-grid-2.blog-style-3 .row>div:nth-last-of-type(-n+1) {
    margin-bottom: 0px;
}

.project-single .content-item .border-left .sidebar_project{
    padding-left: 80px;
    border-left: 1px solid #00000047;
}
.project-single .content-item .border-right{
    
    padding-right: 80px;
}

body.top-spacing .header-1 .home_slider_style_one{
    margin-top: 122px;
}
body.top-spacing .header-1 .home_slider_style_two,
body.top-spacing .header-1 .home-slider-2,
body.top-spacing .header-1 .page-banner{
    margin-top: 80px;
}
body.top-spacing .header-3 .home_slider_style_one{
    margin-top: 122px;
}
body.top-spacing .header-3 .home_slider_style_two,
body.top-spacing .header-3 .home-slider-2,
body.top-spacing .header-3 .page-banner{
    margin-top: 124px;
}
body.top-spacing .header-3 #header-3 .topbar{
    display: none;
}

#page_content.header-1{
    margin-top: 80px;
}
#page_content.header-3{
    margin-top: 116px;
}
#header-1 .lang-dropdown-item>a{
    padding-bottom: 34px;
    padding-top: 0px;
}
.header .lang-dropdown-item>a {
    padding-bottom: 26px;
    padding-top: 26px;
    display: flex;
}
}
@media (max-width: 1140px) {
.home_slider_style_two .container .navigation-btns {
    right: 12px;
    z-index: 3;
}
.home_slider_style_two .carousel-indicators{
    right: 60px;
}
}
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .icons-list {
        margin-left: auto;
        margin-right: auto;
        max-width: 840px;
    }
    .icon-style {
        margin-left: 30px;
        margin-right: 30px;
    }
    .s-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .s-0>div {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right: 36px;
        padding-left: 0px;
        display: flex;
    }
    #header-1 .navbar .header-right ul{
        margin-left: 40px;
    }
    #header-2 .header-right{
        padding-left: 60px ;
    }
    #header-3 .search-btn{
        padding-left: 95px;
    }
    .video-style-1 .video-style-1-box{
        width: 40%;
    }

    .icons-list {
        margin-left: -34px;
        margin-right: -34px;
    }
    .s-9 {
        margin-left: -9px;
        margin-right: -9px;
    }
    .s-9>div {
        padding-left: 9px;
        padding-right: 9px;
    }
    .s-10 {
        margin-left: -10px;
        margin-right: -10px;
    }
    .s-10>div {
        padding-left: 10px;
        padding-right: 10px;
    }
    .s-15 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .s-15>div {
        padding-left: 15px;
        padding-right: 15px;
    }
    .s-20 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .s-20>div {
        padding-left: 20px;
        padding-right: 20px;
    }
    .s-21 {
        margin-left: -21px;
        margin-right: -21px;
    }
    .s-21>div {
        padding-left: 21px;
        padding-right: 21px;
    }
    .s-22-5 {
        margin-left: -22.5px;
        margin-right: -22.5px;
    }
    .s-22-5>div {
        padding-left: 22.5px;
        padding-right: 22.5px;
    }
    .s-25 {
        margin-left: -25px;
        margin-right: -25px;
    }
    .s-25>div {
        padding-left: 25px;
        padding-right: 25px;
    }
    .s-30 {
        margin-left: -30px;
        margin-right: -30px;
    }
    .s-30>div {
        padding-left: 30px;
        padding-right: 30px;
    }
    .s-35 {
        margin-left: -35px;
        margin-right: -35px;
    }
    .s-35>div {
        padding-left: 35px;
        padding-right: 35px;
    }
    .s-40 {
        margin-left: -40px;
        margin-right: -40px;
    }
    .s-40>div {
        padding-left: 40px;
        padding-right: 40px;
    }
    .s-49 {
        margin-left: -49px;
        margin-right: -49px;
    }
    .s-49>div {
        padding-left: 49px;
        padding-right: 49px;
    }
    
    .header-2 .page-banner {
        padding-top: 141px;
        padding-bottom: 100px;
    }
    .dropdown-submenu:hover>.dropdown-menu {
        display: block !important;
        left: 100%;
        border-radius: 0px;
        margin: 0px;
        margin-left: -1px;
        border: 1px solid #0000001F;
        top: -1px !important;
    } 
    .dropdown-submenu .dropdown-menu.dropdown-submenu.show {
        display: block !important;
        left: 100%;
        border-radius: 0px;
        margin: 0px;
        margin-left: -1px;
        border: 1px solid #0000001F;
        top: -1px !important;
    }
    
}

@media (max-width: 400px) {
    .topbar-left h5 {
        font-size: 11px;
    }
    .topbar a {
        padding-left: 2px;
    }
}

@media (min-width: 992px) and (max-width: 1033.98px){
    .slider-style-4 .slider-wrapper {
        padding: 54px 70px 63px;
    }   
}
@media (min-width: 768px){
    .slider-style-4 .ss-4-left{
        padding-right: 0px;
    }
    .slider-style-4 .ss-4-right{
        padding-left: 0px;
    }
   
        .s-0 {
            margin-left: 0px;
            margin-right: 0px;
        }
        .s-0>div {
            padding-left: 0px;
            padding-right: 0px;
        }
        .s-7 {
            margin-left: -7px;
            margin-right: -7px;
        }
        .s-7>div {
            padding-left: 7px;
            padding-right: 7px;
        }
        .s-7-5 {
            margin-left: -7.5px;
            margin-right: -7.5px;
        }
        .s-7-5>div {
            padding-left: 7.5px;
            padding-right: 7.5px;
        }
        .s-11 {
            margin-left: -11px;
            margin-right: -11px;
        }
        .s-11>div {
            padding-left: 11px;
            padding-right: 11px;
        }
    
}

@media(min-width: 768px) and (max-width: 991.8px){
    .team_style_three .team-style-3 .row>div {
        margin-bottom: 24px;
    }
    .team_style_three .team-style-3 .row>div:nth-last-child(-n+2){
        margin-bottom: 0px;
    }
    .team-style-2 .row>div:nth-last-child(-n+2){
        margin-bottom: 0px;
    }
}
@media(max-width: 376.8px){
    .header .lang-dropdown-menu {
        margin-right: 0px;
    }
}
@media (min-width: 992px) and (max-width: 1149.98px){
    .home_slider_style_one .owl-carousel .owl-item img {
        width: 450px;
    }
}
@media (max-width: 575.98px) {
    .home_slider_style_one .home_heads {
        min-height: 200px;
    }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .tooltip-2 .tooltip-inner {
        border-radius: unset;
        padding: unset;
        transform: translateX(0px);
    }
}

.mb-3{
    margin-bottom: 0rem!important;
}
.testimonials_style_two .container{
    position: relative;
}
.clients_style_two .container{
    position: relative;
}
section.row.region.region-page-banner {
    --bs-gutter-x: 0rem;
}

section.row.region.region-blog-banner {
    --bs-gutter-x: 0rem;
}

.container .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.node__content {
    margin-top: 0;
}

.sidebar .block {
    border-style: none;
    border-width: 0px;
    padding: 0px;
    padding: 0px !important;
    margin: 0px;
    background-color: transparent;
    border-color: transparent;
}

.site-footer .block {
    margin: 0px;
    border: transparent;
    border-color: transparent;
    padding: 0px;
}

.site-footer {
    background: transparent;
    padding: unset;
}

/* Contact Us Style-1*/
.contact-style-details-1 .mb-3,
.contact-style-details-2 .mb-3 {
    margin-bottom: 0px !important;
}

.contact_us_form_1 {
    margin-top: 38px;
}

.contact-style-details-1 h2 {
    margin-bottom: 50px;
    max-width: 438px;
}

.contact-style-details-1 h4 {
    margin-bottom: 18px;
    font-weight: 800;
    font-size: 26px;
    line-height: 34px;

}

.contact-style-details-1 .country {
    color: var(--bs-primary);
    font-weight: 800;
}

.contact-style-details-1 p,
.contact-style-details-1 .call {
    margin-bottom: 43px;
}
.contact-style-details-1 .tagline{
    margin-bottom: 18px;
}

.contact-style-details-1 .mail_title {
    font-size: 26px;
    line-height: 34px;
    color: var(--bs-secondary-heading);
}

.contact-style-details-1 .mail {
    font-size: 26px;
    line-height: 34px;
    font-family: var(--bs-secondary-font);
    font-weight: 500;
}

.contact-style-details-1 .mail:hover {
    color: var(--bs-primary);
}
/* Contact us - 2 */
.contact-style-details-2 .csd-2-wrapper h2 {
    color: #FFFFFF;
    margin-bottom: 50px;
}

.csd-2-wrapper .icon {
    width: 52px;
    height: 52px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.csd-2-wrapper .icon svg {
    width: 18px;
    height: 20px;
}

.csd-2-wrapper .icon svg path {
    fill: var(--bs-primary);
}

.csd-2-wrapper .details li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 47px;
}

.csd-2-wrapper .details li:last-child {
    margin-bottom: 0px;
}

.csd-2-wrapper .details-content {
    margin-left: 20px;
}

.csd-2-wrapper .details-content h5 {
    margin-bottom: 10px;
    color: #FFFFFF;
}

.csd-2-wrapper {
    padding: 156px 0px 156px 123px;
}

.csd-2-wrapper .details-content a,
.csd-2-wrapper .details-content p {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-family: var(--bs-secondary-font);
    margin-bottom: 0px;
    color: #FFFFFF;
    opacity: 0.82;
}

.contact_us_form_2 .form-group.col-md-6 {
    width: 100%;
}

.contact_us_form_2 {
    padding: 50px 55px;
    background-color: #FFFFFF;
    width: 113%;
}

.map-style-1 p {
    margin-bottom: 0px;
}

/* Blog Grid */
.blog-style-3.blog-grid-2 .item .image img {
    height: 420px;
}

.sidebar-page .blog-style-3.blog-grid-2 .item .image img {
    height: 280px;
}

.blog-style-4.blog-standard .overlay {
    position: absolute;
    bottom: 60px;
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    background-color: #FFFFFF;
    top: unset;
}

.blog-style-4.blog-standard .item {
    margin-bottom: 50px;
}

.blog-style-4.blog-standard .image {
    border-bottom: 1px solid #00000040;
}
.blog-style-4.blog-standard .image.dt-section{
    padding-top: 0px;
    padding-bottom: 168px;
    position: relative;
}

.blog-style-4.blog-standard .item-content {
    margin-bottom: -30px;
}

/* Side Bar */
.sidebar .recent-blog .list:first-of-type {
    padding-top: 0px;
    border-top: none;
}

.sidebar .recent-blog .list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 0px;
    border-bottom: 1px solid #00000029;
}

.sidebar .recent-blog .list img {
    width: 60px;
    height: 64px;
    margin-right: 15px;
}

.sidebar .recent-blog .list h6 {
    margin-bottom: 7px;
}

.sidebar .recent-blog span {
    font-size: 14px;
    line-height: 19px;
    color: var(--bs-secondary-paragraph);
    font-family: var(--bs-secondary-font);
    font-weight: 400;
}

.sidebar .recent-blog span.user {
    text-transform: uppercase;
}

.sidebar .recent-blog .list-1 {
    padding-bottom: 20px;
    border-bottom: 1px solid #00000029;
    ;
}

.sidebar .recent-blog .list-1 img {
    height: 220px;
    margin-bottom: 20px;
}

.sidebar .recent-blog .list-1 h6 {
    margin-bottom: 12px;
}

.sidebar>div {
    margin-bottom: 60px !important;
}

.sidebar-heading h4 {
    margin-bottom: 26px;
    position: relative;
}

.sidebar-heading h4::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 2px;
    border-top: 2px solid var(--bs-primary);
    margin-left: 15px;
    top: 50%;
}

.sidebar .categorie h5 {
    font-weight: 400;
    margin-bottom: 16px;
    font-family: var(--bs-secondary-font);
}
.sidebar .categorie h5 a{
    color: var(--bs-secondary-paragraph);
}
.sidebar .categorie h5 a:hover{
    color: var(--bs-primary);
}

.sidebar .categorie li:last-child h5 {
    margin-bottom: 0px;
}

.sidebar .tags h6 {
    font-weight: 600;
    margin-bottom: 15px;
    text-decoration: underline;
    display: flex;
    margin-right: 15px;

}

.sidebar .tags h6 a {
    color: var(--bs-primary);
}

.sidebar .tags h6 a:hover {
    color: var(--bs-secondary-heading);
}

.sidebar .tags .tags-lists {
    display: flex;
    flex-wrap: wrap;
}

.sidebar>div:last-of-type {
    margin-bottom: 0px !important;
}

[class*=" blog-style-"] .row>div {
    margin-bottom: 45px;
}

.sidebar-page .blog .row>div {
    margin-bottom: 45px;
}

.blog-grid-3.blog .row>div {
    margin-bottom: 42px;
}

/* pagination */
.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 0;
    list-style: none;
}

.pagination .page-item {
    margin-bottom: 5px;
}

.pagination-btns .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
}

.pagination-btns .pagination .page-item * {
    transition: .3s ease-in-out;
}

.pagination-btns .pagination .page-link {
    font-size: 18px;
    line-height: 18px;
    font-family: var(--bs-primary-font);
    font-weight: 500;
    color: var(--bs-secondary-heading);
    width: 52px;
    height: 52px;
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 7px;
    border: 1px solid var(--bs-secondary-heading);
}

.pagination-btns .pagination .page-link.active,
.pagination-btns .pagination .page-link.active svg path {
    font-weight: 500;
    color: #FFF;
    fill: #FFF;
    background-color: var(--bs-primary);
}

.pagination-btns .pagination .page-link:focus {
    box-shadow: none;
}

.pagination-btns .pagination .page-link svg {
    width: 10px;
    height: auto;
}

.pagination-btns .pagination .page-link svg path {
    fill: var(--bs-secondary-heading);
}

.pagination-btns .pagination .page-link:hover {
    background-color: var(--bs-primary);
}

.pagination-btns .pagination .page-link:hover,
.pagination-btns .pagination .page-link:hover svg path {
    color: #FFF;
    fill: #FFF;
    border: 1px solid var(--bs-primary);
}

.csd-2-wrapper .details-content a:hover,
.csd-2-wrapper .details-content p:hover {
    color: var(--bs-secondary-heading);
    transition: all .2s ease-in-out;
}

.sidebar-page .blog-style-4 .item .image img {
    height: 450px;
}

.sidebar-page .blog-style-4.blog-standard .overlay {
    position: absolute;
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    background-color: #FFFFFF;
    padding: 38px 38px 0px;
}

.sidebar-page .blog-style-4.blog-standard h3 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 700;
}

.sidebar-page .blog-style-4 .overlay .item-content {
    margin: 0px 0px 0px 0px; 
}
.sidebar-page .blog-style-4.blog-standard .item {
    margin-bottom: 42px;
}

.blog-style-4 .categories-style-4 a:hover {
    color: var(--bs-secondary-heading);
}

.blog-style-3 .categories a:hover {
    color: var(--bs-secondary-heading);
}

/* blog details */
.blog-classic .image-top img {
    height: 540px;
}

.blog-classic .blog-auth-info {
    display: flex;
    flex-wrap: wrap;
    font-family: var(--bs-primary-font)
}

.blog-classic .blog-auth-info .info {
    font-weight: 500;
    color: #777777;
}

.blog-classic .blog-auth-info .info::before {
    content: "•";
    margin-right: 16px;
    color: #222025;
}

.blog-classic .blog-auth-info {
    margin-bottom: 38px;
}

.blog-classic .blog-auth-info span {
    margin-right: 16px;
    font-size: 18px;
    line-height: 22px;
}

.blog-classic .blog-auth-info span.category a {
    font-weight: 600;
    color: var(--bs-primary);
}

.blog-classic .blog-auth-info span.category:hover a {
    color: var(--bs-secondary-heading);
}

.blog-page-content {
    margin-bottom: 45px;
}

.blog-page-content p {
    margin-bottom: 22px;
}

.blog-classic .blog-additional-content img {
    height: 460px;
}

.blog-classic .blog-additional-content .heading {
    margin-bottom: 25px;
}

.tit_dec_list [class *='dropcaps-style-'] {
    margin-bottom: 28px;
}

.blog-detail-image .row>div {
    margin-bottom: 30px;
}

.blog-detail-image .row>div:last-of-type {
    margin-bottom: 0px;
}

.blog-classic h2 {
    margin-bottom: 24px;
}

.blog-classic .image-top {
    margin-bottom: 60px;
}

.blog-single .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-single .social-icon a {
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: var(--bs-primary);
    color: #FFF;
    border-radius: 50%;
}

.blog-single .social-icon a:hover {
    background-color: var(--bs-secondary-heading);
}

.blog-single .social-icon {
    margin-top: 60px;
    overflow: hidden;
}

.blog-single .social-icon:before,
.blog-single .social-icon:after {
    content: '';
    width: 100%;
    border-bottom: 1px solid #00000040;
    display: inline-block;
    vertical-align: middle;
}

.blog-single .social-icon:before {
    margin-left: -100%;
}

.blog-single .social-icon:after {
    margin-right: -100%;
}

.blog-single .social-icon li {
    margin: 0px 22px 0px 0px;
}

.blog-single .social-icon li:first-child {
    margin-left: 28px;
}

.blog-single .social-icon li:last-child {
    margin-right: 28px;
}

.blog-single .next-prev {
    display: flex;
    justify-content: space-between;
}

.blog-single .next-prev .prev svg {
    margin-right: 8px;
    width: 18px;
    height: 12px;
}

.blog-single .next-prev .next svg {
    margin-left: 8px;
    width: 18px;
    height: 12px;
}

.blog-single .next-prev {
    margin-bottom: 29px;
}

.blog-single .next-prev a {
    font-size: 18px;
    line-height: 24px;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

/* blog comments */
.blog-single .comment-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.blog-single .comment-list img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin-right: 22px;
}

.blog-single .blog-comment-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.blog-single .blog-comment-info h5 {
    margin-bottom: 0px;
}

.blog-single .blog-comment-info span {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}

.blog-single .comments .comment-list {
    margin-bottom: 25px;
}
.blog-classic.blog-single.comments .comment-list {
    margin-bottom: 29px;
}
.blog-single .comments .comment-list:last-child {
    margin-bottom: 0px;
}

.blog-single .comments h3 {
    margin-bottom: 35px;
}

.blog-single .comments hr {
    margin: 25px 0px;
}

.inline__links .comment-forbidden {
    display: none;
}

.blog-single .comments>p {
    font-size: 25px;
    line-height: 30px;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    color: var(--bs-secondary-heading);
    text-align: center;
    margin-bottom: 0px;
    margin-top: 60px;
}

.blog-single .comments>p a {
    color: var(--bs-primary);
}

.blog-single .comments>p a:hover {
    color: var(--bs-secondary-heading);
}

.blog-video .video-style-2 {
    margin-bottom: 60px;
}

.blog-gallery h2 {
    margin-bottom: 22px;
}

.blog-gallery .blog-page-content-image img {
    height: 500px;
}

.blog-gallery .blog-page-content-image {
    margin-bottom: 45px;
}

.sidebar-page .blog-classic .image-top img {
    height: 460px;
}

.sidebar-page .blog-classic h2 {
    margin-bottom: 20px;
}

.sidebar-page .blog-classic .blog-auth-info {
    margin-bottom: 32px;
}

.sidebar-page .blog-page-content {
    margin-bottom: 40px;
}

.sidebar-page .blog-classic .blog-additional-content img {
    height: 330px;
}

.sidebar-page .blog-classic .image-top {
    margin-bottom: 60px;
}

.sidebar-page .blog-single .social-icon {
    margin-top: 50px;
    overflow: hidden;
}

.sidebar-page .blog-single .social-icon a {
    width: 40px;
    height: 40px;
    font-size: 15px;
}

.sidebar-page .blog-single .next-prev {
    margin-bottom: 26px;
}

.sidebar-page .blog-single .comments h3 {
    margin-top: 50px;
}

.blog-single .next-prev a:hover svg path {
    fill: var(--bs-primary);
    transition: all .2s ease-in-out;
}

.blog-style-2 .read_arrow a:hover svg path {
    fill: var(--bs-primary);
    transition: all .2s ease-in-out;
}

/* Portfolio */
.project-grid .image {
    position: relative;
}

.project-grid .image .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 32, 37, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .8s ease-in-out;
    opacity: 0;
}

.project-grid .image .overlay a {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.project-grid .image .overlay a:first-child {
    margin-right: 24px;
}

.project-grid .image .overlay a svg {
    width: 20px;
    height: auto;
}

.project-grid .item-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 40px;
    z-index: 0;
    transition: .6s ease-in-out;
    opacity: 0;
}

.project-grid .item-content h6 {
    margin-bottom: 6px;
    color: #FFFFFF;
}

.project-grid .item-content h5 a {
    color: #FFFFFF;
}

.project-grid .item-content h5 a:hover {
    color: var(--bs-primary);
}

.project-grid .item-content h4 a:hover {
    opacity: .8;
}

.project-grid .grid-item:hover .item-content {
    opacity: 1;
}

.project-grid .grid-item:hover .image .overlay {
    background-color: rgba(0, 0, 0, .4);
    opacity: 1;
}

.project-grid .image .overlay a {
    z-index: 1;
}

.tabs-grid {
    margin-bottom: 65px;
}

.project-grid .image img {
    height: 480px;
}

.tabs-style-1.tabs-grid ul .nav-link {
    padding: 0px 14px;
    margin: 0px;
}

.projects-3-grid .image img {
    height: 330px;
}

.projects-4-grid .image img {
    height: 260px;
}

.projects-3-grid .item-content {
    padding: 28px;
}

.projects-4-grid .item-content {
    padding: 18px;
}

.projects-3-grid .image .overlay a {
    width: 50px;
    height: 50px;
}

.projects-4-grid .image .overlay a {
    width: 38px;
    height: 38px;
}

.projects-3-grid .image .overlay a svg {
    width: 14px;
    height: auto;
}

.projects-4-grid .image .overlay a svg {
    width: 12px;
    height: auto;
}

.projects-4-grid .item-content h5 {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 3px;
}

.projects-4-grid .item-content h6 {
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;
    margin-bottom: 0px;
}

.portfolio-grid_2_column .tabs-style-1 .nav-link,
.portfolio-grid_3_column .tabs-style-1 .nav-link,
.portfolio-grid_4_column .tabs-style-1 .nav-link,
.portfolio-masonry_1 .tabs-style-1 .nav-link,
.portfolio-masonry_2 .tabs-style-1 .nav-link {
    font-size: 15px;
    line-height: 19px;
    font-weight: 700;
}

.tabs-style-1.tabs-grid ul .nav-link:first-child {
    padding-left: 0px;
}

.tabs-style-1.tabs-grid ul .nav-link:last-child {
    padding-right: 0px;
}

.projects-3-grid .row>div {
    margin-bottom: 30px;
}

.projects-3-grid .item-content h6 {
    margin-bottom: 0PX;
}

.portfolio-grid_3_column.dt-section {
    padding-bottom: 70px;
}

.projects-3-grid .image .overlay a:first-child {
    margin-right: 20px;
}

.projects-3-grid .image .overlay a:last-child {
    margin-right: 0px;
}

.projects-4-grid .image .overlay a:first-child {
    margin-right: 12px;
}

.projects-4-grid .image .overlay a:last-child {
    margin-right: 0px;
}

.projects-4-grid .row>div {
    margin-bottom: 18px;
}

.portfolio-grid_4_column.dt-section {
    padding-bottom: 82px;
}

.projects-2-grid.masonry-style-1 .row>div {
    margin-bottom: 24px;
}

.project-grid.masonry-style-1 .image img {
    height: 350px;
}

.project-grid.masonry-style-1 .large-1 .image img {
    height: 450px;
}

.projects-3-grid.masonry-style-1 .item-content h6 {
    margin-bottom: 6px;
}

.projects-3-grid.masonry-style-1 .large-1 .image .overlay a:first-child {
    margin-right: 24px;
}

.projects-3-grid.masonry-style-1 .row>div {
    margin-bottom: 24px;
}

.portfolio-masonry_1.dt-section {
    padding-bottom: 76px;
}

.project-grid.masonry-style-2 .large-2 .image img {
    height: 320px;
}

.portfolio-masonry_2.dt-section {
    padding-bottom: 82px;
}

.project-single .content-item {
    margin-top: 60px;
}

.project-single .content-item p {
    margin-bottom: 45px;
}

.project-single .heading {
    margin-bottom: 24px;
}

.project-single .content-item .add-content p {
    margin-bottom: 25px;
}

.project-single .content-item .detail p {
    margin-bottom: 30px;
}

.project-single .content-item .detail h4 {
    margin-bottom: 10px;
}

.project-single .social-icon {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.project-single .social-icon a {
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: var(--bs-primary);
    color: #FFF;
    border-radius: 50%;
    margin-right: 14px;
}

.project-single .social-icon a:hover {
    background-color: var(--bs-secondary-heading);
}

.related-projects-heading h2 {
    margin-bottom: 65px;
}

.project-single.related-projects {
    background-color: #F8F8F8;
}

.related-projects .slider-style-3 span {
    margin-bottom: 6px;
}

.related-projects .slider-style-3 h5 {
    margin-bottom: 0px;
}

.project-single.project-gallery .content-item {
    margin-top: 30px;
}

.related-projects .owl-nav,
.related-projects .owl-dots.owl-dots-3 {
    display: none;
}

/* Page Banner */
.page-banner {
    position: relative;
    background-repeat: no-repeat;
    background-color: var(--bs-secondary-bg);
    background-size: cover;
    background-position: center;
    padding-top: 77px;
    padding-bottom: 86px;
}

.page-banner::before {
    position: absolute;
    content: "";
    width: 20px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
}

.page-banner * {
    position: relative;
    z-index: 1;
}

.page-banner .heading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
}

.page-banner h1 {
    font-family: var(--bs-primary-font);
    font-size: 36px;
    line-height: 43px;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-banner .breadcrumb {
    margin-bottom: 0px;
}

.page-banner .breadcrumb li,
.page-banner .breadcrumb li::before {
    font-size: 15px;
    line-height: 19px;
    color: #FFF;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-banner .breadcrumb li::before {
    content: "\A";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FFFFFF;
    display: inline-block;
    margin: 0 7px;
    padding-right: 0px;
}

.page-banner .breadcrumb li:first-of-type::before {
    display: none;
}

.page-banner .breadcrumb li a {
    color: var(--bs-primary);
    opacity: 1;
}

.page-banner .breadcrumb li:hover a {
    color: #FFFFFF;
}

.page-banner .breadcrumb li.active {
    text-decoration: unset;
}

.page-banner .heading h1:before {
    position: relative;
    content: "";
    width: 50px;
    height: 2px;
    border-top: 3px solid #FFFFFF;
    margin-right: 18px;
    display: inline-block;
}

.page-banner .breadcrumb:before {
    position: relative;
    content: "";
    width: 50px;
    height: 2px;
    margin-right: 18px;
    display: inline-block;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0px;
}

.home_slider_style_one span.home_head {
    font-size: 45px;
    line-height: 55px;
    font-family: var(--bs-primary-font);
    font-weight: 800;
}

.home_slider_style_one .owl-carousel .owl-item img {
    height: 537px;
}

.home_slider_style_one #counter {
    bottom: 0;
    font-size: 32px;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    color: #FFFFFF;
    z-index: 1;
    bottom: 60px;
}

.home_slider_style_one button svg {
    width: 10px;
    height: 17px;
}

.home_slider_style_one button svg path {
    fill: #FFFFFF;
}

.home_slider_style_one button {
    width: 45px;
    height: 45px;
    background-color: var(--bs-primary);
    border: 1px solid #FFFFFF;
    z-index: 1;
    transition: .2s ease-in-out;
    margin-right: 12px;
}

.home_slider_style_one button:hover {
    background-color: #FFFFFF;
    border: 1px solid var(--bs-primary);
}

.home_slider_style_one button:hover svg path {
    fill: #222025;
}

.home_slider_style_one .wrapper .image {
    display: flex;
    position: absolute;
    top: -255px;
    right: 246px;
    width: 500px;
}

.home_slider_style_one .home_body h3,
.home_slider_style_one .home_body p {
    color: #F8F8F8;
}

.home_slider_style_one #counter::after {
    display: inline-block;
    content: "";
    border-top: 2px solid #F8F8F8;
    width: 100px;
    margin-right: 22px;
    margin-left: 20px;
    transform: translateY(-10px);
}

/* About_us_one */
.about_us_one .item .image {
    position: relative;
}

.about_us_one .item .image img {
    height: 622px;
    padding: 13px;
    border: 1px solid #0000003D;
}

.about_us_one .overlay .item-content {
    position: absolute;
    bottom: 120px;
    right: 0px;
    padding: 30px 34px 30px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px #0000001F;
    border-left: 4px solid var(--bs-primary);
}

.year_of_exp {
    font-size: 45px;
    line-height: 34px;
    font-family: var(--bs-primary-font);
    font-weight: 800;
}

p.year_of_exp_dec {
    margin-bottom: 0px;
}

.tagline {
    font-size: 16px;
    line-height: 19px;
    font-family: var(--bs-secondary-font);
    font-weight: 500;
    color: var(--bs-primary);
}

.about_us_one .tagline {
    margin-top: 20px;
    margin-bottom: 18px;
}

.about_us_one h2 {
    margin-bottom: 28px;
}

.about_us_one .description {
    margin-bottom: 42px;
}

.about_us_one h6 {
    margin-bottom: 14px;
}

.progress-bar-style-1.p_b_style-4 .progress::before {
    height: 4px;
}

.progress-bar-style-1.p_b_style-4 .progress-bar {
    height: 4px;
}

.progress-bar-style-1.p_b_style-4 {
    margin-bottom: 30px;
}

.progress-bar-style-1.p_b_style-4:last-of-type {
    margin-bottom: 54px;
}

.portfolio_style_one .description,
.blog_style_one .description,
.pricing_style_one .description,
.team_style_one .description,
.testimonials_style_one .description,
.why_choose_us_style_one .description {
    text-align: center;
}

.portfolio_style_one .btn-primary,
.video-style-1-box .btn-primary,
.blog_style_two .btn-primary {
    margin: 44px auto 0px;
}

.team_style_three .btn-primary,
.blog_style_three .btn-primary {
    margin: 68px auto 0px;
}

.blog_style_one .btn-primary,
.team_style_one .btn-primary {
    margin: 68px auto 0px;
}

.services_style_three .btn-style-2.btn-c-primary {
    margin: 68px auto 0px;
}

.call_to_action_one .video-style-1 .video-style-1-box h2 {
    margin-bottom: 38px;
    font-weight: 700;
}

.pricing_style_one .pricing-style-1 p {
    margin-bottom: 18px;
}

.pricing_style_one .pricing-style-1 h2,
.team_style_one .team-style-1 h2,
.achievements_style_one .section-item h2,
.why_choose_us_style_one .description h2,
.portfolio_style_one .description h2,
.blog_style_one .description h2,
.team_style_three h2,
.pricing_style_three h2,
.blog_style_three h2,
.services_style_three h2,
.portfolio_style_three h2,
.testimonials_style_one h2 {
    margin-bottom: 65px;
}

.portfolio_style_one .description

/* Counter */
.achievements_style_one .section-item {
    padding: 133px 13px;
}

.achievements_style_one .section-item h2 {
    width: 80%;
    text-align: center;
    margin: 0px auto 65px auto;
}

.achievements_style_one .bg-image {
    height: 500px;
    display: flex;
    flex-direction: column;
    align-items: normal;
    justify-content: center;
}

.counter-style-1 .value {
    font-size: 42px;
    line-height: 39px;
    font-family: var(--bs-primary);
    font-weight: 800;
    color: var(--bs-primary);
    margin-bottom: 4px;
}

.counter-style-1 .item {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

}

.counter-style-1 h5 {
    margin-bottom: 0px;
    margin-top: 4px;
}

.services_style_one service-style-left h3 {
    font-weight: 700;
    margin-bottom: 18px;
}

.services_style_one service-style-left p {
    margin-bottom: 26px;
}

.services_style_one * {
    position: relative;
    z-index: 1;
    color: #FFF;
}

.services_style_one:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #222025;
    opacity: .78;
}

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

.services_style_one .btn-style-5.btn-c-primary,
.services_style_one .btn-style-5.btn-c-primary svg path {

    fill: #ffffff;
    color: #ffffff;
    transition: all .3s ease-in-out;
}

.services_style_one .btn-style-5.btn-c-primary:hover,
.services_style_one .btn-style-5.btn-c-primary:hover svg path {
    fill: var(--bs-primary);
    color: var(--bs-primary);
}

.services_style_one .divider-style-1 {
    background-color: transparent;
    opacity: 1;
    border-top: 1px solid #FFFFFF;
    margin: 65px 0px;
}

.services_style_one .service-style-right h4 {
    margin-bottom: 14px;
}

.services_style_one .service-style-right svg path {
    fill: #FFFFFF;
}

.services_style_one .service-style-right svg {
    width: 26px;
    height: auto;
}

.services_style_one .icon-wrapper {
    position: relative;
}

.services_style_one .service-style-right .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    background-color: var(--bs-primary);
    color: #FFF;
    border-radius: 50%;
    margin-right: 26px;
}

.services_style_one .service-style-right {
    display: flex;
}

section.services_style_one.bg-image>div>div.views-element-container>div>div>div>div:nth-child(2) hr {
    border: unset;
    margin: unset;
}

.services_style_one div.views-element-container>div>div>div>div:nth-child(3) {
    margin: 60px 0px 30px;
}

.services_style_one div.views-element-container>div>div>div>div:nth-child(4) {
    margin: 30px 0px;
}

.services_style_one div.views-element-container>div>div>div>div:nth-child(5) {
    margin: 30px 0px 0px;
}

.why_choose_us_style_one .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    background-color: var(--bs-primary);
    color: #FFF;
    border-radius: 50%;
    margin-bottom: 18px;
}

.why_choose_us_style_one svg {
    width: 20px;
    height: 28px;
}

.why_choose_us_style_one svg path {
    fill: #FFFFFF;
}

.why_choose_us_style_one h3 {
    margin-bottom: 16px;
}

.why_choose_us_style_one span {
    font-size: 40px;
    line-height: 55px;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    color: #222025;
    opacity: 0.1;

}

/* Home Page - 2 */
.home-slider-2 .tag {
    font-family: var(--bs-primary-font);
    font-size: 22px;
    line-height: 27px;
    font-weight: 600;
    color: #FFFFFF;
    z-index: 1;
    margin-bottom: 14px;
}

.home-slider-2 .title {
    font-family: var(--bs-primary-font);
    font-size: 55px;
    line-height: 66px;
    font-weight: 800;
    text-align: center;
    color: #FFFFFF;
    z-index: 1;
    margin-bottom: 38px;
}

.home-slider-2 .container {
    display: flex;
    flex-direction: column;
    align-self: center;
    align-items: center;
    justify-content: center;
}

.home-slider-2.bg-image {
    border-bottom-left-radius: 50% 20%;
    border-bottom-right-radius: 50% 20%;
}

.home-slider-2.bg-image:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000A3;
    border-bottom-left-radius: 50% 20%;
    border-bottom-right-radius: 50% 20%;
}

/* Why choose us two */
.why_choose_us_style_two .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative;
}
.why_choose_us_style_two .icon::before{
    
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    background-color: var(--bs-primary);
    opacity: 0.17;
}

.why_choose_us_style_two svg {
    width: 24px;
    height: 34px;
}

.why_choose_us_style_two svg path{
    fill: var(--bs-primary);
}

.why_choose_us_style_two h3 {
    margin-bottom: 16px;
}

.why_choose_us_style_two span {
    font-size: 40px;
    line-height: 55px;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    color: #222025;
    opacity: 0.1;

}

.why_choose_us_style_two .tagline::before,
.why_choose_us_style_two .tagline::after {
    display: inline-block;
    content: "";
    border-top: 1px solid var(--bs-primary);
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    transform: translateY(-5px);
}

.why_choose_us_style_two .description {
    text-align: center;
}

.why_choose_us_style_two .tagline {
    margin-bottom: 16px;
}

.why_choose_us_style_two h2 {
    margin-bottom: 65px;
}

.why_choose_us_style_two .row .wcu-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Aboutus */
.about-us-two .row .row {
    align-items: center;
}

.about-us-two .image img {
    height: 420px;
}

.about-us-two .image_2 img {
    height: 160px;
    margin-top: 30px;
}

.about-us-two .image {
    position: relative;
    padding-top: 30px;
}

.about-us-two .image .overlay_2 {
    position: absolute;
    top: 0;
    left: 16%;
}

.about-us-two .year_of_exp {
    margin-bottom: 10px;
    color: #FFFFFF;
}

.about-us-two p.year_of_exp_dec {
    color: #FFFFFF;
}

.about-us-two.dt-section {
    padding-bottom: 150px;
}

.about-us-two .description {
    padding-top: 30px;
}

.about-us-two .tagline {
    margin-bottom: 16px;
}

.about-us-two .description h2 {
    margin-bottom: 24px;
}

.about-us-two .description .dec-italic {
    font-style: italic;
    font-family: var(--bs-secondary-font);
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 24px;
    font-weight: 500;
    color: #222025;
}

.about-us-two .description p {
    margin-bottom: 30px;
}

.about-us-two .description .btn {
    margin-top: 42px;
}

.about-us-two .image .overlay {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 200px;
    height: 130px;
    background-color: var(--bs-primary);
    box-shadow: 0px 0px 1px 1px #00000014;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 34px;
}

.about-us-two .tagline::after {
    display: inline-block;
    content: "";
    border-top: 1px solid var(--bs-primary);
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    transform: translateY(-5px);
}

.portfolio_style_two .p-2-btn {
    display: flex;
    align-items: center;
    justify-content: end;
    text-align: center;
}

.portfolio_style_two h2 {
    margin-bottom: 0px;
}

.portfolio_style_two .tagline::after {
    display: inline-block;
    content: "";
    border-top: 1px solid var(--bs-primary);
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    transform: translateY(-5px);
}

.testimonials_style_two .tagline::before,
.testimonials_style_two .tagline::after,
.content_listing .tagline::before,
.content_listing .tagline::after{
    display: inline-block;
    content: "";
    border-top: 1px solid var(--bs-primary);
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    transform: translateY(-5px);
}
.content_listing h2{
    margin-bottom: 65px;
    max-width: 559px;
    display: inline-block;
}
.content_listing .description {
    text-align: center;
}
.testimonials_style_two .description {
    text-align: center;
}

.testimonials_style_two .tagline {
    margin-bottom: 16px;
}

.testimonials_style_two h2 {
    margin-bottom: 65px;
}

.team_style_two h2 {
    margin-bottom: 0px;
}

.team_style_two .tagline::after {
    display: inline-block;
    content: "";
    border-top: 1px solid var(--bs-primary);
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    transform: translateY(-5px);
}

.pricing_style_two .tagline::before,
.pricing_style_two .tagline::after {
    display: inline-block;
    content: "";
    border-top: 1px solid var(--bs-primary);
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    transform: translateY(-5px);
}

.pricing_style_two .description {
    text-align: center;
}

.pricing_style_two .tagline {
    margin-bottom: 16px;
}

.pricing_style_two h2 {
    margin-bottom: 65px;
}

.blog_style_two .tagline::before,
.blog_style_two .tagline::after {
    display: inline-block;
    content: "";
    border-top: 1px solid var(--bs-primary);
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    transform: translateY(-5px);
}

.blog_style_two .description {
    text-align: center;
}

.blog_style_two .tagline {
    margin-bottom: 16px;
}

.blog_style_two h2 {
    margin-bottom: 65px;
}

.call_to_action_style_two.bg-image {
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.call_to_action_style_two .cta-s-2-btn {
    display: flex;
    align-items: center;
    justify-content: end;
    text-align: center;
}

.call_to_action_style_two.bg-image::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #222025;
    opacity: 0.82;
}

.call_to_action_style_two h2 {
    color: #FFFFFF;
    z-index: 1;
    margin-bottom: 0px;
}

.call_to_action_style_two .cta-s-2-title {
    z-index: 1;
}

.clients_style_two .tagline::before,
.clients_style_two .tagline::after {
    display: inline-block;
    content: "";
    border-top: 1px solid var(--bs-primary);
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    transform: translateY(-5px);
}

.clients_style_two .description {
    text-align: center;
}

.clients_style_two .tagline {
    margin-bottom: 16px;
}

.clients_style_two h2 {
    margin-bottom: 65px;
}

.skills-two .image {
    position: relative;
}

.skills-two .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.skills-two .video-style-3-box a svg {
    width: 80px;
    height: 80px;
}

.skills-two .image img {
    height: 542px;
}
.skills-two .image{
    position: relative;
}
.skills-two .image::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    background-color:rgba(0, 0, 0, 0.25);
    
}

.skills-two .container {
    display: flex;
}

.skills-two .wrapper {
    padding: 66px 50px 68px 50px;
    background-color: #FFFFFF;
    position: relative;
    height: 100%;
}

.skills-two .tagline::after {
    display: inline-block;
    content: "";
    border-top: 1px solid var(--bs-primary);
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    transform: translateY(-5px);
}

.skills-two h2 {
    margin-bottom: 38px;
}

.skills-two .pbs-2-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.skills-two .pbs-2-wrapper h6 {
    margin-bottom: 14px;
}

.skills-two .progress {
    height: 4px;
}

.skills-two .progress-bar-style-2 .progress-bar::after {
    width: 3px;
    height: 12px;
}

.skills-two .progress-bar-style-2 {
    margin-bottom: 32px;
}

.skills-two .progress-bar-style-2:last-child {
    margin-bottom: 0px;
}

.services_style_two .service-s-2-btn {
    display: flex;
    align-items: center;
    justify-content: end;
    text-align: center;
}

.services_style_two h2 {
    margin-bottom: 0px;
}

.services_style_two .description {
    margin-bottom: 65px;
}

.services_style_two .tagline::after {
    display: inline-block;
    content: "";
    border-top: 1px solid var(--bs-primary);
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    transform: translateY(-5px);
}

.services_style_two img {
    height: 400px;
}

.services_style_two .row {
    align-items: center;
}

.services_style_two h3 {
    margin-bottom: 18px;
}

.services_style_two p {
    margin-bottom: 26px;
}

.services_style_two .second-row {
    margin-bottom: 80px;
}

.services_style_two .value {
    font-size: 42px;
    line-height: 39px;
    font-family: var(--bs-primary);
    font-weight: 800;
    color: var(--bs-primary);
    margin-bottom: 10px;
}

.services_style_two .service-s-2-item {
    margin-bottom: 30px;
}

.team_style_three h2::after {
    display: inline-block;
    content: "";
    border-top: 2px solid var(--bs-primary);
    width: 50px;
    margin-left: 16px;
    transform: translateY(-10px);
}

.pricing_style_three h2::after {
    display: inline-block;
    content: "";
    border-top: 2px solid var(--bs-primary);
    width: 50px;
    margin-left: 16px;
    transform: translateY(-10px);
}

.blog_style_three h2::after,
.services_style_three h2::after,
.about_us_style_three h2::after,
.why_choose_us_style_three h2::after,
.portfolio_style_three h2::after{
    display: inline-block;
    content: "";
    border-top: 2px solid var(--bs-primary);
    width: 50px;
    margin-left: 16px;
    transform: translateY(-10px);
}

.services_style_three .services-style-1 .item {
    background-color: #FFFFFF;
    border: none;
}

/* home-slider-3 */
.home_slider_style_two .slider-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding-top: 162px;
    padding-bottom: 162px;
}
.header-2 .home_slider_style_two .slider-wrapper{
    padding-top: 200px;
    padding-bottom: 162px;
}

.home_slider_style_two .content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.home_slider_style_two .content{
    font-family: var(--bs-primary-font);
    font-size: 22px;
    line-height: 27px;
    font-weight: 600;
    color: #FFFFFF;
    z-index: 1;
}
.home_slider_style_two .title {
    font-family: var(--bs-primary-font);
    font-size: 55px;
    line-height: 70px;
    font-weight: 500;
    color: #FFFFFF;
    z-index: 1;
    margin-bottom: 38px;
}
.home_slider_style_two h2 span{
    font-size: 55px;
    line-height: 66px;
    font-family: var(--bs-secondary-font);
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke: 2px #FFFFFF;
}
.home_slider_style_two .video{
    display: flex;
}
.home_slider_style_two .video svg {
    width: 52px;
    height: 52px;
    margin-right: 15px;
}
.home_slider_style_two .video-title{
font-size: 15px;
    line-height: 21px;
    color: #FFF;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home_slider_style_two .btn-style-2.btn-c-primary{
    margin-right: 40px;
}

.home_slider_style_two .home-banner-3::before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0000009E;
}
.home_slider_style_two .arrows {
    position: absolute;
    right: 12px;
    top: -375px;
    width: max-content;
    height: 100%;
}

.carousel {
    position: relative;
}

.home_slider_style_two .container .navigation-btns{
    position: absolute;
    right: 12px;
    top:-400px;
    z-index: 3;
}

.home_slider_style_two .carousel-indicators button{
    font-size: 25px;
    line-height: 39px;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    color: #FFFFFF;
    margin-left: 23px;
    background-color: transparent;
}
.home_slider_style_two .navigation-btns button{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0px;
    z-index: 1;
    transition: .2s ease-in-out;
}
.home_slider_style_two .navigation-btns button:hover{
    background-color: #FFFFFF;
    border: none;
}
.home_slider_style_two .navigation-btns button svg {
    width: 17px;
    height: 10px;
}
.home_slider_style_two .navigation-btns button svg path{
    fill: #FFFFFF;
}

.home_slider_style_two .navigation-btns .prev:hover svg path{
    fill: var(--bs-primary);
    transition: .2s ease-in-out;
}
.home_slider_style_two .navigation-btns .next:hover svg path{
    fill: var(--bs-primary);
    transition: .2s ease-in-out;
}

.about_us_style_three h2{
    margin-bottom: 32px;
} 
.about_us_style_three .btn-primary{
    margin-top: 42px;
}
.about_us_style_three .progress{
    margin-top: 30px;
}
.about_us_style_three .progress-bar-style-3:first-child .progress{
    margin-top: 0px;
}

.why_choose_us_style_three .wcu-style-3 .item{display: flex;
    justify-content: space-between;
    padding: 25px;
    border: 1px solid #0000002E;
    border-radius: 5px;
    margin-bottom: 24px;
}

.why_choose_us_style_three .wcu-style-3  .icon {
    height: 50px;
    width: 50px;
    background-color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.why_choose_us_style_three .wcu-style-3 .icon svg {
    width: 17px;
    height: 24px;
}
.why_choose_us_style_three .wcu-style-3  .icon svg path {
    fill: #FFFFFF;
}
.why_choose_us_style_three .wcu-3-right p{
    margin-bottom: 0px;
}
.why_choose_us_style_three .wcu-3-right h5{
    margin-bottom: 10px;
}
.why_choose_us_style_three .wcu-3-left{
    margin-right: 18px ;
}
.why_choose_us_style_three h2{
    margin-bottom: 28px;
}
.why_choose_us_style_three h4{
    margin-bottom: 26px;
}
.why_choose_us_style_three p{
    margin-bottom: 35px;
}

.call_to_action_style_three span.title{
font-size: 32px;
line-height: 39px;
font-family: var(--bs-primary-font);
font-weight: 700;
color: #FFFFFF;
z-index: 1;
padding-top: 100px;
padding-bottom: 38px;
display: inline-block;
position: relative;
text-align: center;
}
.call_to_action_style_three .btn-style-2.btn-c-primary{
    margin: 0 auto;
    position: relative;
}
.call_to_action_style_three.bg-image{
    background-position: top;
}
.call_to_action_style_three.bg-image::before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #222025;
    opacity: 0.68;
}
.contact_us_form_3 .form-style-2 input{
    background-color: #F8F8F8;
}
.contact_us_form_3 .form-style-2 textarea{
    background-color: #F8F8F8;
    margin-bottom: 0px;
}
.contact_style_three  .wrapper h2{
    margin-bottom: 40px;
}
.contact_style_three  .wrapper h5{
    margin-bottom: 12px;
}
.contact_style_three  .wrapper a{
    font-family: var(--bs-secondary-font);
    font-weight: 800;
    font-size: 26px;
    line-height: 34px;
    color: var(--bs-primary);
}
.contact_style_three  .wrapper a:hover{
    color: var(--bs-secondary-heading);
}
.achievements_style_three .title{
    font-size: 32px;
    line-height: 39px;
    font-family: var(--bs-primary-font);
    font-weight: 800;
    color: #FFFFFF;
    width: 40%;
}
.achievements_style_three .service-s-2-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.achievements_style_three .value span{
    font-size: 42px;
    line-height: 39px;
    font-family: var(--bs-primary-font);
    font-weight: 800;
    color: #FFFFFF;
}
.achievements_style_three h5{
    color: #FFFFFF;
    margin-bottom: 0px;
    font-weight: 600;
}
.achievements_style_three .value{
    margin-bottom: 7px;
}
.achievements_style_three{
    padding-top: 100px;
    padding-bottom: 178px;
    background-color: var(--bs-secondary-heading);
}

.portfolio_style_three .tabs-style-1 .nav-link {
    font-size:14px;
    line-height:17px;
}

.portfolio_style_three .btn-primary{
margin: 50px auto 0px;
}
.why_choose_us_style_two+.about-us-two{
    padding-top: 0px;
    padding-bottom: 100px;
}
.about-us-two+.why_choose_us_style_two.dt-section{
    padding-top: 0px;
}

.frequently_asked_questions_one .description {
    text-align: center;
}

.frequently_asked_questions_one .tagline {
    margin-bottom: 16px;
}

.frequently_asked_questions_one h2 {
    margin-bottom: 65px;
}

.frequently_asked_questions_one .tagline::before,
.frequently_asked_questions_one .tagline::after {
    display: inline-block;
    content: "";
    border-top: 1px solid var(--bs-primary);
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    transform: translateY(-5px);
}
.our_story_one .image img {
    height: 572px;
    padding: 13px;
    border: 1px solid #0000003D;
}

.our_story_one .tagline {
    margin-bottom: 16px;
}
.our_story_one .h2{
    margin-bottom: 0px;
}
.our_story_one .tagline::after {
    display: inline-block;
    content: "";
    border-top: 1px solid var(--bs-primary);
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    transform: translateY(-5px);
}
.our_story_one .story-tab{
    margin-top: 40px;
}
.our_story_one .story-tab li a{
    font-size: 18px;
    line-height: 22px;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    padding: 0px;
    margin-right: 40px;
}
.our_story_one .story-tab .nav-item {
    margin-bottom: 30px;
}

.our_story_one .col-second{
    margin-top: 60px;
}
.testimonials_style_two .slider-style-2 .item-content {
    background-color: #FFFFFF;
    border-radius: 6px;
}
.team_style_two.dt-section{
    padding-bottom: 60px;
}
.team-style-2.team_style_two .row>div {
    margin-bottom: 30px;
}
.team_style_two .tagline{
    margin-bottom: 16px;
}
.team_style_two .description .row{
    margin-bottom: 65px;
}
.call_to_action_style_two.bg-gray .description h2{
    color: var(--bs-secondary-heading);
}

.services-style-1.dt-section.list-s{
    padding-bottom: 60px;
}
.services-style-1.dt-section.list-s .item:hover{
	border-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}

.service_details .image-top img {
    height: 400px;
}
.service_details .image-top {
    margin-bottom: 40px;
}
.service_details .page-content p:last-child{
    margin-bottom: 0px;
}
.service_details .page-features .icon svg{
    height: 35px;
    width: 35px;
}
.service_details .page-features .icon{
    margin-bottom: 14px;
}
.service_details .page-features .icon svg path{
    fill: var(--bs-primary);
}

.service_details .page-features h5{
        margin-bottom: 0px;
}
.service_details .service_head{
    margin-bottom: 48px;
}
.tit_dec_list .heading h3{
    margin-bottom: 24px;
}
.tit_dec_list .add-content p{
    margin-bottom: 25px;
}
.tit_dec_list{
    margin-bottom: 50px;
}
.tit_dec_list:last-child{
    margin-bottom: 0px;
}
.sidebar .sidebar-wrapper{
    background-color: #F8F8F8;
    padding: 28px;
    margin-bottom: 0px;
}
.service_side_bar .serv_side h6{
    padding: 12px 16px;
    margin-bottom: 0px;
}
.service_side_bar .serv_side h6:hover{
    background-color: var(--bs-primary);
    color: var(--bs-secondary-heading);
}
.service_side_bar .serv_side a:hover {
    color: #FFFFFF;
}
.service_side_bar .serv_side .current-service{
    background-color: var(--bs-primary);
}
.service_side_bar .serv_side .current-service a{
    color: #FFFFFF;
}
.service_side_bar .serv_side .current-service a:hover{
    color: var(--bs-secondary-heading);
}
.service_side_bar .serv_side li{
    margin-bottom: 12px;
}
.our_partners_logo{
    width: auto;
    height: 150px;
    background-color: #F8F8F8;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.our_partners_logo img{
    height: 52px;
    width: 220px;
    object-fit: contain;
}
.our_partners.dt-section{
    padding-bottom: 70px;
}

/* Search */
.search-result .search-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}
.search-result .search-form p {
    font-size: 15px;
    text-align: center;
    margin-bottom: 0px;
}
.search-result h2 {
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}
.search-result form {
    position: relative;
    width: 85%;
    height: 65px;
    margin-bottom: 70px;
    border-radius: 50px;
    background-color: var(--bs-secondary-bg);
}
.search-result form .overlay {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 11px;
}
.search-result form input {
    font-size: 15px;
    color: #000 !important;
    font-family: var(--bs-secondary-font);
    font-weight: 400;
    border: none;
    border-radius: 50px;
    padding: 15px 30px;
    padding-right: 65px;
    height: 100%;
    background-color: var(--bs-secondary-bg);
    border-right: none;
}
.search-result form input:focus {
    background-color: var(--bs-secondary-bg);
}
.search-result form .btn-primary {
    position: relative;
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 50%;
    background-color: var(--bs-primary);
}
.search-result form .btn-primary svg {
    position: relative;
    width: 12px;
    height: auto;
    z-index: 1;
}
.search-result form .btn-primary svg path {
    stroke: #FFF;
}
.search-result form .btn-primary:hover {
    opacity: .8;
}
.search-result .search-list .item {
    padding-top: 38px;
    padding-bottom: 35px;
    border-top: 2px solid lightgray;
}
.search-result .search-list>.item:last-child {
    border-bottom: 2px solid lightgray;
}
.search-result .search-list .item h3 {
    font-family: var(--bs-primary-font);
    font-weight: 600;
    margin-bottom: 20px;
}
.search-result .search-list .item p {
    margin-bottom: 0px;
}
.search-result #search-form{
    display:none;
}
.search-result #search-form+h2{
    display: none;
}
.search-list strong{
    color: var(--bs-primary);
}

.pagination-btns .pagination .page-item.active .page-link,
.pagination-btns .pagination .page-item.active svg path {
    font-weight: 500;
    color: #FFF;
    fill: #FFF;
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
}

.careers_details .description_1 svg{
    height: 14px;
    width: 14px;
    margin-right: 8px;
}
.careers_details .description_1 svg path{
    fill: var(--bs-primary);
}

.careers_details .description_1 .sub_desc p{
    margin-bottom: 0px;
    display: inline-block;
}
.careers_details .description_1 p{
    margin-bottom: 32px;
}
.careers_details .description_1 h2{
    margin-bottom: 22px;
}
.careers_details .description_1 .sub_desc .item{
    margin-right: 80px;
    display: flex;
    align-items: center;
}
.description_1{
    margin-bottom: 50px;
}
.careers_details .add-content-wrapp{
    margin-bottom: 50px;
}
 .careers_listing .wrapper {
    justify-content: space-between;
    align-items: center;
    padding: 28px 32px;
    border: 1px solid #00000033;
    margin-bottom: 20px;
}
.careers_listing .wrapper .details_car .item{
    display: flex;
    margin-right: 80px;
    align-items: center;
}
.careers_listing .wrapper .details_car .item:last-child{
    margin-right: 0px;
}
.careers_listing .wrapper .details_car .item svg{
    height: 14px;
    width: 14px;
}
.careers_listing .wrapper .details_car .item svg path{
    fill: var(--bs-primary);
}

.careers_listing .wrapper .details_car .item p{
    margin-bottom: 0px;
} 
.careers_listing .redirect_car svg{
    width: 8px;
    height: 14px;
  }
  .careers_listing .redirect_car .icon{
    height: 30px;
    width: 30px;
    border: 1px solid var(--bs-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .careers_listing .redirect_car .icon:hover{
    border: 1px solid transparent;
    background-color: var(--bs-primary);
  }
  .careers_listing .redirect_car .icon svg path{
    fill: var(--bs-primary);
  }
  .careers_listing .redirect_car .icon:hover svg path{
    fill: var(--bs-secondary);
  }
.careers_listing .wrapper .title{
    min-width: 212px;
  } 
  .careers_listing .wrapper .title h4{
    margin-bottom: 0px;
  }
  .careers_listing .wrapper .details_car .item .icon{
    margin-right: 8px;
  }
  .careers_listing .wrapper:last-child{
    margin-bottom: 60px;
  }
  a.diff-color{
    color: var(--bs-primary);
  }
  a.diff-color:hover{
    color: var(--bs-secondary);
  }
  .car_bottem h3{
    margin-bottom: 0px;
  }

  .login .login-form .form-group,.register .register-form .form-group, .forgot-password .forgot-password-form .form-group {
    margin-bottom: 32px;
    }
  /* login */
  .user_head{
    display: flex;
    flex-direction: column;
    align-items: center;
}

  .user_head h2{
    margin-bottom: 18px;
  }
  .user_head p{
    margin-bottom: 36px;
    max-width: 417px;
    text-align: center;
  }
  .user_foot{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
  .register_foot{
    margin-top: 30px;
    text-align: center;
  }

  .login .login-form input, .register .register-form input, .forgot-password .forgot-password-form input {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    border-radius: 0px;
    font-family: var(--bs-secondary-font);
    border: 1px solid #00000033;
    padding: 21px 20px;
    margin-bottom: 16px;
}
.login .login-form .form-group span, .register .register-form .form-group span, .forgot-password .forgot-password-form .form-group span {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--bs-secondary-font);
    color: var(--bs-secondary-paragraph);
}
.login-forget .btn,
.register .btn,
.forgot-password .btn{
    margin: 0 auto;
}
.contact-4 .image img{
    height: 600px;
}
.user_foot p{
    font-family: var(--bs-primary-font);
    font-weight: 700;
    color: var(--bs-secondary-heading);
}
.register_foot p{
    font-family: var(--bs-primary-font);
    font-weight: 700;
    color: var(--bs-secondary-heading);
}
body.path-user .field--label-above .field__item{
    padding: 0px;
    border-radius: unset;
    background: unset;
    margin: unset;
}
/* Comman */
.forgot-password-form small,
.forgot-password-form fieldset label,
.register-form small,
.register-form fieldset label,
#user-login-form small,
#user-login-form fieldset label {
    display: none;
}

.login .login-form .in,
.sign-up .sign-up-form .in,
.password-reset .password-reset-form .in {
    padding: 60px 60px;
}

/* 404 */
.error-page .row{
    text-align: center;
}
.error-page .row .btn{
    margin: 30px  auto 0px;
}
.error-page .row .content p{
    max-width: 458px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}
.error-page .row .content h2{
    margin-bottom: 18px;
}

  .maintenance .maintenance-wrapper .content h1{
    margin-bottom: 20px;
    font-family: var(--bs-primary-font);
  }
  .maintenance-wrapper .image img{
    height: 100vh;
  }

  .maintenance .cs-counter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.maintenance .cs-counter .cs-date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100px;
    width: 100px;
    border: 2px solid #000000;
    border-radius: 50%;
    margin-top: 20px;
    margin-right: 12px;
}
.maintenance .cs-counter .cs-date:first-of-type {
    padding-left: 0px;
}
.maintenance .cs-counter .cs-date:last-of-type {
    padding-right: 0px;
    margin-right: 0px;
}
.maintenance .cs-counter .cs-date span {
    display: block;
    font-size: 30px;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    line-height: 43px;
}
.maintenance .cs-counter .cs-date .counting-title {
    font-size: 15px;
    font-family: var(--bs-primary-font);
    font-weight: 700;
    line-height: 19px;
    color: var(--bs-secondary-heading);
    margin-bottom: 0px;
}
.error-page .image svg{
    height:500px
}

#page-loade{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #page-loade .loading{
    width: 50px;
    height: 50px;
    border: 4px solid var(--bs-primary);
    border-radius: 50%;
    animation: loaderspin 1s linear infinite;
  }
  @keyframes loaderspin{
    from{
      transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
  }
  #page-loade .loading::before{
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--bs-primary);
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: auto;
    top: 2px;
  }

/* Back To Top */
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 996;
    background-color: var(--bs-primary);
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    opacity: 1;
}
.back-to-top.back-to-top-hide {
    opacity: 0 !important;
    z-index: -1;
    transform: scale(.1);
}
.back-to-top:hover {
    background-color: #FFF;
    box-shadow: 0px 0px 8px -2px var(--bs-primary);
}
.back-to-top.active {
    visibility: visible;
    opacity: 1;
}
.back-to-top svg {
    width: 10px;
    height: 10px;
    fill: #FFF;
    line-height: 0;
}
.back-to-top:hover svg {
    fill: var(--bs-primary);
}

@keyframes play-animation-white {
    0%{
        box-shadow: 0 0 0 0 #FFF;
    }
    40%{
        box-shadow: 0 0 0 25px rgba(255,193,7,0);
    }
    80%{
        box-shadow: 0 0 0 25px rgba(255,193,7,0);
    }
    100%{
        box-shadow: 0 0 0 rgba(255,193,7,0);
    }
}
@keyframes play-animation-green {
    0%{
        box-shadow: 0 0 0 0 var(--bs-secondary);
    }
    40%{
        box-shadow: 0 0 0 25px rgba(255,193,7,0);
    }
    80%{
        box-shadow: 0 0 0 25px rgba(255,193,7,0);
    }
    100%{
        box-shadow: 0 0 0 rgba(255,193,7,0);
    }
}

.accordion-button:not(.collapsed) {
    color: unset; 
    background-color: unset;
    box-shadow: unset;
}
.accordion-button:focus {
    z-index: unset;
    border-color: unset;
    outline: unset;
    box-shadow: unset;
}
.accordion-body{
    padding: unset;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='87.5' viewBox='0 0 150 87.5'%3E%3Cpath data-name='Path 40074' d='M296.55 299.69l-6.336-6.1-68.665-65.031 12.67-16.37 62.33 59.046 62.33-59.048 12.67 16.371-68.665 65.03Z' transform='translate(-221.548 -212.19)' fill='%23222025'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 15px;
    transition: transform .2s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='87.5' viewBox='0 0 150 87.5'%3E%3Cpath data-name='Path 40074' d='M296.55 299.69l-6.336-6.1-68.665-65.031 12.67-16.37 62.33 59.046 62.33-59.048 12.67 16.371-68.665 65.03Z' transform='translate(-221.548 -212.19)' fill='%23222025'/%3E%3C/svg%3E");
    transform: rotate(-180deg);
}

/* Header */
.header-2 .home_slider_style_one{
	position: relative;
    margin-top: 123px;
}

.header .navigation-sticky.header-fixed {
    position: fixed !important;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
    background-color: #FFF;
    box-shadow: 0px 0px 8px -2px lightgray;
    animation: .5s top-slide ease;
}
@keyframes top-slide{
    from{
      top: -80px
    }
    to{
        top: 0
    }
  }
#header-2 {
    position: absolute;
    left: 0; 
    top: 0; 
    width: 100%;
    z-index: 10;
}
.dropdown-menu .dropdown-item:hover{
    color: var(--bs-primary);
}
.dropdown-menu.dropdown-submenu .dropdown-item{
    min-width: 116px;
}
.webform_sub .webform-confirmation {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.pricing-style-1 .item ul{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pricing-style-2 .item ul{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.diff-color{
    color: var(--bs-primary);
}
.services_style_one h2{
    max-width: 530px;
    margin-bottom: 65px;
}
.services_style_one .service-style-right{
    margin-bottom: 66px;
}
.services_style_one .service-style-right:last-child{
    margin-bottom: 0px;
}
.services_style_one .divider-style-1:last-child{
    margin-bottom: 0px;
}
.services_style_one .service-style-left h3{
    margin-bottom: 14px;
}
.service-style-right p{
    margin-bottom: 0px;
}
.service-style-left p{
    margin-bottom: 26px;
}
.portfolio_style_two .description {
    margin-bottom: 65px;
}
.team_style_two .team-style-2 .image img{
    height: 330px;
}
.team_style_two .team-style-2 .roll {
    margin-bottom: 0px;
    color: var(--bs-primary);
}
.csd-2-wrapper .tagline {
    font-size: 16px;
    line-height: 19px;
    font-family: var(--bs-secondary-font);
    font-weight: 500;
    color: #FFFFFF;
}
.csd-2-wrapper .tagline::after {
    display: inline-block;
    content: "";
    border-top: 1px solid #FFFFFF;
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    transform: translateY(-5px);
}
.home_slide-2 .tag{
    margin-bottom: 14px;
}
.pricing-style-3 .item ul {
    text-align: center;
}
.pricing-style-3 .item ul {
    margin-top: 32px;
}
.contact_style_three .row{
    border-radius: 6px;
    max-width: 1140px;
    margin: auto;
}
.carousel-indicators [data-bs-target]{
     box-sizing:unset;
     text-indent:unset;
     cursor:unset;
     opacity:1;
}
.home_slider_style_two .carousel-indicators {
    position: absolute;
    right: 12px;
    bottom: 0;
    left: 0;
    top:-90px;
    z-index: 2;
    display: flex;
    justify-content: end;
    padding: 0;
    margin-right: unset;
    margin-bottom: unset;
    margin-left: unset;
    list-style: none;
}
.home_slider_style_two .carousel-indicators button.active {
    font-size: 40px;
    line-height: 39px;
}
.portfolio_style_two .container{
    position: relative;;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 84px;
}
.arrows.slide button{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    z-index: 1;
    transition: .2s ease-in-out;
    background-color: var(--bs-primary);
}
.arrows.slide{
    position: absolute;
    left: 40.5%;
    bottom: -8px;
    z-index: 1;
}
.arrows.slide button:hover svg path{
    fill:var(--bs-primary)
}
.arrows.slide .prev{
    margin-right: 120px;
}
.arrows.slide button svg {
    width: 10px;
    height: 17px;
}
.arrows.slide button svg path {
    fill: #FFFFFF;
}
.arrows.slide button:hover {
    background-color: transparent;
    border: 1px solid var(--bs-primary);
}
.home_slider_style_two .content .tag{
    display: inline-block;
    margin-bottom: 14px;
}
.comments{
    margin-top: 44px;
}
.our_story_one .story-tab .nav-link.active{
    color: var(--bs-primary);
}

.maintenance p{
    font-size: 18px;
    line-height: 22px;
}
.ss-7-logo img {
    height: 34px;
    object-fit: contain;
}

.about-us-two .overlay_2 rect{
    fill: var(--bs-primary);
}
.about-us-two .overlay_2 rect{
    fill: var(--bs-primary);
}
.header-2 .blog-classic.blog-single.dt-section{
    padding-top: 188px;
}
.header-2 .sidebar-page.dt-section{
    padding-top: 188px;
}
.blog-style-3 .item h5{
    margin-top: 10px;
    margin-bottom: 22px;
}

.slider-style-3 .container,
.slider-style-2 .container{
    position: relative;
}

.navbar-brand .cls-2{
    fill: var(--bs-primary);
}
@media (min-width: 768px) {
    .home_slider_one .container.parent {
        position: relative;
    }
    .service_details .page-features{
        display: flex;
        justify-content: space-between;
        margin-top: 35px;
    }
    .careers_details .description_1 .sub_desc{
        display: flex;
        align-items: center;
    }
    .services-style-1 .row>div:nth-last-child(-n+2) {
        margin-bottom: 0px;
    }
}

@media(max-width: 768px) and (min-width: 1199.98px) {
    .services_style_three .services-style-1 .row>div:nth-last-child(-n+2){
        margin-bottom: 0px;
    }
    
    .content_listing .services-style-1 .row>div:nth-last-child(-n+2){
        margin-bottom: 0px;
    }
}
@media (max-width: 767.98px) {
    .contact_us_form_1 {
        margin-top: 30px;
    }

    .sidebar {
        margin-top: 60px;
    }
    .sidebar.left{
        margin-top: 0px;
        margin-bottom: 60px;
    }

    .blog-style-4 .item .image img {
        height: 270px !important;
    }

    .blog-style-4 h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .blog-gallery .blog-page-content-image img {
        height: 300px;
    }

    .blog-gallery .blog-gallery-image .image img,
    .blog-classic .image-top img,
    .blog-classic .blog-additional-content img,
    .blog-style-3.blog-grid-2 .item .image img {
        height: 300px;
    }

    .tabs-style-1 .nav .nav-link {
        padding: 5px 0px !important;
        margin: 5px 20px !important;
    }

    .project-grid .image img {
        height: 350px;
    }

    .home_slider_style_one .owl-carousel .owl-item img {
        height: 300px;
    }
    .contact_style_three .wrapper{
        margin-top: 30px;
    }
    .service_details .page-features{
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .service_details .page-features .wrapper{
        margin-top: 30px;
    }
    .careers_details .description_1 .sub_desc .item {
        margin-top: 30px;
    }
    [class *= 'button-style-'] .row .col-md-4 {
        max-width: unset;
        margin-bottom: 35px;
    }
    [class *= 'button-style-'] .row .col-md-4:last-child {
        margin-bottom: 0px;
    }
    [class *= 'button-style-'] .row {
        flex-direction: column;
    }
    .services-style-1 .row>div:last-child {
        margin-bottom: 0px;
    }
    .blog-single .next-prev {
        margin-top: 20px;
    }
    .services_style_three .services-style-1 .row>div:last-child{
        margin-bottom: 0px;
    }
    .content_listing .services-style-1 .row>div:last-child{
        margin-bottom: 0px;
    }
    .header .dropdown-menu a{
        padding-bottom: 0px !important;
    }
    .home_slider_style_one #counter::after {
        display: inline-block;
        content: "";
        border-top: 2px solid #F8F8F8;
        width: 50px;
        margin-right: 22px;
        margin-left: 20px;
        transform: translateY(-10px);
    }
    .blog-style-4.blog-standard .image.dt-section {
        padding-top: 0px;
        padding-bottom: 270px;
        position: relative;
    }
    
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .sidebar-page .sidebar {
        margin-top: 60px;
    }
    .sidebar.left{
        margin-top: 0px;
        margin-bottom: 60px;
    }
    .sidebar .tags h6 {
        margin-bottom: 0px;
    }

    .blog-style-1 .row>div:nth-last-of-type(2),
    .blog-style-3 .row>div:nth-last-of-type(2) {
        margin-bottom: 0px;
    }

    .project-grid .item img {
        height: 360px;
    }

    .home_slider_style_one .container {
        margin-right: 12px;
        margin-left: 12px;
    }
    .images .container .row>div .code-block {
        margin-bottom: 0px;
    }
    

}

@media (max-width: 991.98px) {
    .contact-style-details-2 {
        position: relative;
    }

    .contact-style-details-2:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 50%;
        z-index: -1;
    }

    .contact-style-details-2:after {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 50%;
        z-index: -1;
    }

    .contact-style-details-2:before {
        bottom: 0px;
        background: var(--bs-primary);
    }

    .contact-style-details-2:after {
        top: 0px;
        background: #F8F8F8;
    }

    .contact_us_form_2 {
        width: 100%;
    }

    .csd-2-wrapper {
        padding: 0px 0px 50px 0px;
    }

    .project-single .content-item .border-left {
        margin-top: 50px;
    }

    /* Home Slider -2 */
    .home-slider-2 .title {
        font-family: var(--bs-primary-font);
        font-size: 36px;
        line-height: 44px;
        font-weight: 800;
        text-align: center;
        color: #FFFFFF;
        z-index: 1;
        margin-bottom: 38px;
    }

    .home-slider-2.bg-image:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000000A3;
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
    }

    .home-slider-2.bg-image {
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
    }
    .achievements_style_three{
        padding-bottom: 92px;
    }
    .achievements_style_three .service-s-2-item{
        margin-top: 30px;
    }
    .achievements_style_three .title{
        text-align: center;
    }
    .call_to_action_style_three .wrapper {
        height: 368px;
    }
    .why_choose_us_style_three .col-second{
        margin-top: 30px;
    }
    .why_choose_us_style_three .wcu-style-3 .item:last-child{
        margin-bottom: 0px;
    }
    .why_choose_us_style_three .image img {
        height: 400px;
        object-position: top;
    }
    .team_style_two .team-s-2-btn{
        margin-top: 20px;
    }
    .careers_listing .wrapper .details_car .item{
        margin-bottom: 5px;
    }
    .careers_listing .wrapper .title{
        margin-bottom: 5px;
    }
    .contact-4 .row{
        display: flex;
        flex-direction: column-reverse;
    }
    .contact-4 .image img {
        margin-top: 30px;
        height: 400px;
    }
    .maintenance-wrapper .content{
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .maintenance .cs-counter .cs-date {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 60px;
        width: 60px;
        border: 1px solid #000000;
        border-radius: 50%;
        margin-top: 20px;
        margin-right: 12px;
    }
    .maintenance .cs-counter .cs-date span {
        display: block;
        font-size: 20px;
        font-family: var(--bs-primary-font);
        font-weight: 700;
        line-height: unset;
        margin-bottom: unset;
    }
    .maintenance .cs-counter .cs-date .counting-title {
        font-size: 12px;
        font-family: var(--bs-secondary-font);
        font-weight: 500;
        line-height: 15px;
        color: var(--bs-secondary-gray);
        margin-bottom: 0px;
    }    
    .header .res-header-right button{
        min-width: 34px;
        min-height: 34px;
        border: unset;
    }
    .header .dropdown-menu a {
        font-size: 15px;
        line-height: 18px;
        font-family: var(--bs-secondary-font);
        font-weight: 500;
        color: var(--bs-secondary-heading);
        padding: 15px 0px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .header .nav-item>.dropdown-menu {
        margin-bottom: 15px;
    }
    .header .mega-menu .dropdown-menu li{
        margin-bottom: 15px;
    }
    .header .lang-dropdown-menu .dropdown-menu {
        top: 50px !important;
    }
    body.home-2 #header-2 .navbar-brand svg path,
    body.home-3 #header-2 .navbar-brand svg path,
    #header-2 .navbar-brand svg path {
        fill: #FFF;
    }
    body.home-2 #header-2 .navbar-brand svg rect.cls-1,
    body.home-3 #header-2 .navbar-brand svg rect.cls-1,
    #header-2 .navbar-brand svg rect.cls-1{
        fill:#FFF;
    }
    body.home-2 #header-2 .navbar-brand svg polygon, body.home-3 #header-2 .navbar-brand svg polygon, #header-2 .navbar-brand svg polygon {
        fill: #FFF;
    }
    body.home-2 #header-2.header .navbar-toggler svg path{
        fill: #FFFFFF;
    }
    body.home-2 #header-2.header .lang-dropdown-item,
    body.home-3 #header-2.header .lang-dropdown-item{
        width: 75px;
        height: 29px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #FFFFFF;
        border-radius: 50px;
    }
    body.home-1 #header-2.header .lang-dropdown-item{
        width: 75px;
        height: 29px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--bs-secondary-heading);
        border-radius: 50px;
    }
    body.home-2 #header-2 .lang-dropdown-item:first-child>a, body.home-3 #header-2 .lang-dropdown-item:first-child>a, #header-2 .lang-dropdown-item:first-child>a {
        font-size: 15px;
        line-height: 18px;
        color: #FFFFFF;
    }
    
    body.home-1 #header-2 .lang-dropdown-item:first-child>a {
        font-size: 15px;
        line-height: 18px;
        color: var(--bs-secondary-heading);
    }
    body.home-1 #header-2 .lang-dropdown-item svg path{
        fill: var(--bs-secondary-heading);
    }
    body.home-2 #header-2 .lang-dropdown-item svg path, body.home-3 #header-2 .lang-dropdown-item svg path, #header-2 .lang-dropdown-item svg path {
        fill: #FFFFFF;
    }
    body.home-2 #header-2 .navigation-sticky.header-fixed .nav-link,
    body.home-3 #header-2 .navigation-sticky.header-fixed .nav-link,
    #header-2 .navigation-sticky.header-fixed .nav-link{
        color: var(--bs-secondary-heading);
    }
    body.home-2 #header-2 .navigation-sticky.header-fixed .navbar-brand svg path,
    body.home-2 #header-2 .navigation-sticky.header-fixed .navbar-brand svg rect.cls-1,
    body.home-2 #header-2 .navigation-sticky.header-fixed .navbar-brand svg polygon,
    body.home-3 #header-2 .navigation-sticky.header-fixed .navbar-brand svg path,
    body.home-3 #header-2 .navigation-sticky.header-fixed .navbar-brand svg rect.cls-1,
    body.home-3 #header-2 .navigation-sticky.header-fixed .navbar-brand svg polygon,
     #header-2 .navigation-sticky.header-fixed .navbar-brand svg path,
     #header-2 .navigation-sticky.header-fixed .navbar-brand svg rect.cls-1,
     #header-2 .navigation-sticky.header-fixed .navbar-brand svg polygon{
        fill: var(--bs-secondary-heading);
    }
    body.home-2 #header-2 .navigation-sticky.header-fixed .navbar-brand svg path.cls-3,
    body.home-3 #header-2 .navigation-sticky.header-fixed .navbar-brand svg path.cls-3,
    #header-2 .navigation-sticky.header-fixed .navbar-brand svg path.cls-3{
        fill:#FFF;
    }
    body.home-2 #header-2.header .navigation-sticky.header-fixed .lang-dropdown-item {
        width: 75px;
        height: 29px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--bs-secondary-heading);
        border-radius: 50px;
    }
    body.home-2 #header-2 .navigation-sticky.header-fixed .lang-dropdown-item:first-child>a,
    body.home-3 #header-2 .navigation-sticky.header-fixed .lang-dropdown-item:first-child>a,
    #header-2 .navigation-sticky.header-fixed .lang-dropdown-item:first-child>a {
        font-size: 15px;
        line-height: 18px;
        color: var(--bs-secondary-heading);
    }
    body.home-2 #header-2 .navigation-sticky.header-fixed .lang-dropdown-item svg path, body.home-3 #header-2 .navigation-sticky.header-fixed .lang-dropdown-item svg path, #header-2 .navigation-sticky.header-fixed .lang-dropdown-item svg path {
        fill: var(--bs-secondary-heading);
    }
    body.home-2 #header-2.header .navigation-sticky.header-fixed .navbar-toggler svg path,
    body.home-3 #header-2.header .navigation-sticky.header-fixed .navbar-toggler svg path {
        fill: var(--bs-secondary-heading);
    }
    body.home-3 #header-2.header .navbar-toggler svg path{
        fill: #FFFFFF;
    }
    body.home-1 #header-2 .navbar-brand svg path {
        fill: var(--bs-secondary-heading);
    }
    body.home-1 #header-2 .navbar-brand svg rect.cls-1 {
        fill: var(--bs-secondary-heading);
    }
    body.home-1 #header-2 .navbar-brand svg polygon {
        fill: var(--bs-secondary-heading);
    }
    body.home-1 #header-2 .navbar-brand svg path.cls-3 {
        fill: #FFFFFF;
    }
    .topbar-left{
        padding: 9px 12px;
    }
    .topbar-left ul{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .home_slider_style_one .body_res{
        background-color: var(--bs-primary);
    }
    .home_slider_style_one .body_res{
        padding-top:55px ;
        padding-bottom:65px;
    }
    .home_slider_style_one #counter {
        bottom: 0;
        font-size: 32px;
        font-family: var(--bs-primary-font);
        font-weight: 700;
        color: #FFFFFF;
        z-index: 1;
        bottom: 5px;
        left: 20px;
    }
    .accordion-style-1 button{
        font-size:18px;
    }
    .accordion-style-2 button{
        font-size: 17px;
    }
    [class *= 'grid-style-'] .row div {
        margin-bottom: 20px;
    }
    [class *= 'grid-style-'] .row div:last-child {
        margin-bottom: 0px;
    }
    .blog-gallery .blog-gallery-image .image img {
        margin-bottom: 30px;
        height: 300px;
    }
    .why_choose_us_style_one .row .col-lg-4 {
        margin-bottom: 20px;
    }
    .why_choose_us_style_one .row .col-lg-4:last-child {
        margin-bottom: 0px;
    }
    .achievements_style_one .row .col-12{
        margin-bottom: 20px;
    }
    .team_style_one .row>div:nth-last-child(-n+2) {
        margin-bottom: 0px;
    }
    #header-3 .arrow svg {
        height: 7px;
        width: 12px;
    }
    .home_slider_style_one .btn-style-5.btn-c-primary {
        fill: #FFFFFF;
        color: #FFFFFF;
    }
    .home_slider_style_one .btn-style-5.btn-c-primary svg path {
        fill: #FFFFFF;
        color: #FFFFFF;
    }
    .header-2 .page-banner{
        padding-top: 100px;
        padding-bottom: 86px;
    }
    .arrows.slide{
        display: none;
    }
}

@media (min-width: 992px) {
    .contact-style-details-2 {
        position: relative;
    }

    .contact-style-details-2:before {
        content: ' ';
        position: absolute;
        width: 50%;
        height: 100%;
        z-index: -1;
    }

    .contact-style-details-2:after {
        content: ' ';
        position: absolute;
        width: 50%;
        height: 100%;
        z-index: -1;
    }

    .contact-style-details-2:before {
        right: 0px;
        background: var(--bs-primary);
    }

    .contact-style-details-2:after {
        top: 0px;
        background: #F8F8F8;
    }

    .blog-detail-image .row>div:nth-last-of-type(-n+2) {
        margin-bottom: 0px;
    }
    .call_to_action_one .video-style-1 .item img {
        height: 518px;
    }

    .achievements_style_one .section-item h2 {
        width: 51%;
    }

    .services_style_one div.views-element-container>div>div>div>div:nth-child(3) {
        position: absolute;
        right: 0;
        top: 0px;
        margin: 0px;
    }

    .services_style_one div.views-element-container>div>div>div>div:nth-child(4) {
        position: absolute;
        right: 0;
        top: 158px;
        margin: 0px;
    }

    .services_style_one div.views-element-container>div>div>div>div:nth-child(5) {
        position: absolute;
        right: 0;
        top: 317px;
        margin: 0px;
    }

    .why_choose_us_style_three .image img {
        height: 642px;
    }
    
    .call_to_action_style_three .wrapper{
        height: 500px;
    }
    .call_to_action_style_three .wrapper{
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    .contact_us_form_3{
        padding-top: 50px;
        padding-left: 33px;
        padding-bottom: 70px;
    }
    .contact_style_three .wrapper{
        margin-top: 70px;
        padding-right: 45px;
    }
    .contact_style_three{
        position: relative;
        margin-top: -145px;
    }
    .slider-style-4 .slider-wrapper {
        padding: 80px 70px 63px;
        background-color: #F8F8F8;
        text-align: center;
        position: relative;
        height: 100%;
    }
    .testimonials_stylea-three .row{
        position: relative;
        margin-top: -96px;
    }
    
    .testimonials_stylea-three .slider-style-4 .ss-4-left img,
    .slider-style-4 .ss-4-left img {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .testimonials_stylea-three .slider-style-4 .slider-wrapper,
    .slider-style-4 .slider-wrapper{
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    .achievements_style_three .counter-achivement{
        display: flex;
        justify-content: space-between;
    }
    .team_style_three .row>div {
        margin-bottom: 0px !important;
    }
    .team_style_two .team-s-2-btn {
        display: flex;
        align-items: center;
        justify-content: end;
        text-align: center;
    }
    .careers_listing .wrapper {
        display: flex;
    }
    .careers_listing .wrapper .details_car{
        display: flex;
    }
    .maintenance-wrapper .content{
    float: right;
    margin-right: 50px;
    clear: both;
    }
    .cs .maintenance-wrapper .content p{
        max-width: 402px;
    }
    .maintenance .maintenance-wrapper.container-fluid{
        padding-left: 0px;
        padding-right: 0px;
    }
    .header .dropdown-menu a {
        border-bottom: 0.5px solid #0000002E;
    }

    body.home-2 #header-2 .nav-link,
    body.home-3 #header-2 .nav-link{
        color: #FFFFFF;
    }
    body.home-1 #header-2 .nav-link{
        color: var(--bs-secondary-heading);
    }
    body.home-2 #header-2 .navigation-sticky.header-fixed .nav-link,
    body.home-3 #header-2 .navigation-sticky.header-fixed .nav-link,
    #header-2 .navigation-sticky.header-fixed .nav-link{
        color: var(--bs-secondary-heading);
    }
    
    body.home-2 #header-2 .navbar-brand svg path,
    body.home-3 #header-2 .navbar-brand svg path,
    #header-2 .navbar-brand svg path {
        fill: #FFF;
    }
    body.home-1 #header-2 .navbar-brand svg path {
        fill: var(--bs-secondary-heading);
    }
    body.home-2 #header-2 .navbar-brand svg rect.cls-1,
    body.home-3 #header-2 .navbar-brand svg rect.cls-1,
    #header-2 .navbar-brand svg rect.cls-1{
        fill:#FFF;
    }
    body.home-1 #header-2 .navbar-brand svg rect.cls-1{
        fill:var(--bs-secondary-heading);
    }
    body.home-2 #header-2 .navbar-brand svg polygon,
    body.home-3 #header-2 .navbar-brand svg polygon,
    #header-2 .navbar-brand svg polygon{
        fill:#FFF;
    }
    body.home-1 #header-2 .navbar-brand svg polygon{
        fill:var(--bs-secondary-heading);
    }
    body.home-2 #header-2 .navigation-sticky.header-fixed .navbar-brand svg path,
    body.home-2 #header-2 .navigation-sticky.header-fixed .navbar-brand svg rect.cls-1,
    body.home-2 #header-2 .navigation-sticky.header-fixed .navbar-brand svg polygon,
    body.home-3 #header-2 .navigation-sticky.header-fixed .navbar-brand svg path,
    body.home-3 #header-2 .navigation-sticky.header-fixed .navbar-brand svg rect.cls-1,
    body.home-3 #header-2 .navigation-sticky.header-fixed .navbar-brand svg polygon,
     #header-2 .navigation-sticky.header-fixed .navbar-brand svg path,
     #header-2 .navigation-sticky.header-fixed .navbar-brand svg rect.cls-1,
     #header-2 .navigation-sticky.header-fixed .navbar-brand svg polygon{
        fill: var(--bs-secondary-heading);
    }
    body.home-2 #header-2 .navigation-sticky.header-fixed .navbar-brand svg path.cls-3,
    body.home-3 #header-2 .navigation-sticky.header-fixed .navbar-brand svg path.cls-3,
    #header-2 .navigation-sticky.header-fixed .navbar-brand svg path.cls-3{
        fill:#FFF;
    }
    body.home-1 #header-2 .navbar-brand svg path.cls-3{
        fill:#FFF;
    }
    body.home-2 #header-2 .mob-btn,
    body.home-3 #header-2 .mob-btn,
    #header-2 .mob-btn{
        width: 136px;
    height: 32px;
    border: 1px solid #FFFFFF;
    display: flex;
    align-items: center;
    padding-left: 2px;
    border-radius: 50px;
    }
    body.home-1 #header-2 .mob-btn{
        width: 136px;
    height: 32px;
    border: 1px solid var(--bs-secondary-heading);
    display: flex;
    align-items: center;
    padding-left: 2px;
    border-radius: 50px;
    }
    body.home-2 #header-2 .navigation-sticky.header-fixed .header-right span,
    body.home-3 #header-2 .navigation-sticky.header-fixed .header-right span,
    #header-2 .navigation-sticky.header-fixed .header-right span {
        padding: 2px 8px;
        background-color: var(--bs-secondary-heading);
        border-radius: 62px;
    }
    body.home-2 #header-2 .navigation-sticky.header-fixed .mob-btn svg,
    body.home-3 #header-2 .navigation-sticky.header-fixed .mob-btn svg,
    #header-2 .navigation-sticky.header-fixed .mob-btn svg{
        fill: #FFFFFF;
    }
    .navbar-expand-lg .navbar-nav .nav-link:hover svg path {
        fill: var(--bs-primary);
        transition: all 0.3s ease-in;
    }
    .header .dropdown.mega-menu:hover > .dropdown-menu,
.header .dropdown.mega-menu:focus-within > .dropdown-menu {
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
}
.portfolio_style_one {
    background: linear-gradient(to bottom, #F8F8F8 32.5%, #FFFFFF 0%);
}
.home_slider_style_one .home_heads{
    min-height: 255px;
    max-width: 512px;
    padding: 45px 0px;
}
.home_slider_style_one .home_body{
    min-height: 222px;
}
.home_slider_style_one .home_body{
    position: relative;
}
body.home-1 .header-1 .home_slider_style_one{
    padding-top: 42px;
}
.home_slider_style_one .btn-style-5.btn-c-primary{
    fill: #FFFFFF;
    color: #FFFFFF;
}
.home_slider_style_one .btn-style-5.btn-c-primary svg path {
    fill: #FFFFFF;
    color: #FFFFFF;
}
.home_slider_style_one .btn-style-5.btn-c-primary:hover,.home_slider_style_one .btn-style-5.btn-c-primary:hover svg path {
    fill: #000000;
    color: #000000;
    transition: all .3s ease-in-out;
}
.home_slider_style_one .home_body h3{
    margin-bottom: 20px;
}

.home-slider-2 .container .hs-2-wrapper{
    display: flex;
    flex-direction: column;
    height: auto;
    align-self: center;
    align-items: center;
    justify-content: unset;
    margin-top: 242px;
    padding-bottom: 202px;
}
body.home-2 .header-1 .home-slider-2 .container .hs-2-wrapper{
        display: flex;
        flex-direction: column;
        height: auto;
        align-self: center;
        align-items: center;
        justify-content: unset;
        margin-top: 161px;
        padding-bottom: 202px;
}
body.home-2 .header-2 .home-slider-2 .container .hs-2-wrapper{
        display: flex;
        flex-direction: column;
        height: auto;
        align-self: center;
        align-items: center;
        justify-content: unset;
        margin-top: 242px;
        padding-bottom: 202px;
}
body.home-2 .header-3 .home-slider-2 .container .hs-2-wrapper{
    display: flex;
    flex-direction: column;
    height: auto;
    align-self: center;
    align-items: center;
    justify-content: unset;
    margin-top: 161px;
    padding-bottom: 202px;
}
.about-us-two .row .row {
    position: relative;
}
.about-us-two .row .row .image_2{
    position: absolute;
    bottom: 95px;
    right: 32px;
}
.search-result form {
    width: 65%;
}
.accordion-style-1 button {
    font-size: 24px;
}
.accordion-style-2 button{
    font-size: 22px;
}
.blog-gallery .blog-gallery-image .image img {
    height: 360px;
    margin-bottom: 60px;
}
.team_style_one .row>div {
    margin-bottom: 0px;
}
.home_slider_style_one .home_body .body_res{
    max-width: 500px;
}
.home_slider_one .container{
    position: relative;
}
#header-1 .nav-item .nav-link.active::after{
    width: 25%;
}
#header-1 .nav-item:hover .nav-link::after {
    width: 50%;
}
#header-1 .nav-link::after {
    border-top: 2px solid var(--bs-primary) !important;
}
.pages-banner #header-2 .nav-link{
    color: #FFFFFF
}
.pages-banner-blog #header-2 .nav-link{
    color: var(--bs-secondary-heading);
}
.pages-banner-blog #header-2 .navbar-brand svg rect.cls-1 {
    fill: var(--bs-secondary-heading);
}
.pages-banner-blog #header-2 .navbar-brand svg path {
    fill: var(--bs-secondary-heading);
}
.pages-banner-blog #header-2 .navbar-brand svg polygon {
    fill: var(--bs-secondary-heading);
}
.pages-banner-blog #header-2 .navbar-brand svg path.cls-3 {
    fill: #FFF;
}
.pages-banner-blog #header-2 .mob-btn {
    border: 1px solid var(--bs-secondary-heading);
}
.pages-banner-blog #header-2 .mob-btn a{
    font-size: 12px;
    line-height: 14px;
    padding-left: 5px;
    font-weight: 500;
    color: var(--bs-secondary-heading);
}
.pages-banner-blog #header-2 .header-right span {
    padding: 2px 8px;
    background-color: var(--bs-secondary-heading);
    border-radius: 62px;
}
.pages-banner-blog #header-2 .mob-btn svg {
    fill: #FFFFFF;
}
.pages-banner-blog #header-2 #block-languageswitcher {
    display: flex;
    align-items: center;
    border: 1px solid var(--bs-secondary-heading);
    text-align: center;
    border-radius: 50px;
}
#header-2 .lang-dropdown-item>a{
    padding-bottom: 0px;
    display: unset;
}
}

@media (min-width: 1200px) and (max-width: 2560px) {
    .blog-style-4.blog-standard .container {
        margin: 0 auto;
        max-width: 996px;
    }
    .blog-gallery .inside-container {
        margin: 0 auto;
        max-width: 980px;
    }
}
@media (min-width: 1400px){
.services_style_one .row{
    --bs-gutter-x: 100px;
}
.s-50 {
    margin-left: -50px;
    margin-right: -50px;
}
.s-50>div {
    padding-left: 50px;
    padding-right: 50px;
}
.about_us_one .overlay .item-content{
    right: -50px;
}
}
@media (min-width: 1200px) {
    .about_us_one .overlay .item-content {
        position: absolute;
        bottom: 120px;
        padding: 30px 34px 30px;
        background-color: #FFFFFF;
        box-shadow: 0px 0px 10px #0000001F;
        border-left: 4px solid var(--bs-primary);
    }

    .about-us-two .image .overlay {
        position: absolute;
        right: -110px;
        bottom: -50px;
        width: 200px;
        height: 130px;
        background-color: var(--bs-primary);
        box-shadow: 0px 0px 1px 1px #00000014;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 34px;
    }

    .about-us-two .image_2 img {
        margin-top: 0px;
    }

    .portfolio_style_three .wrapper{
        position: relative;
    }
    .portfolio_style_three .tabs-menu{
        position: absolute;
        top: 12px;
        right: 0;
    }
    .contact_style_three .row{
        --bs-gutter-x: 50px;
    }
    .why_choose_us_style_three .row{
        --bs-gutter-x: 70px;
    }
    .about-us-two .row.aut-div{
        --bs-gutter-x: 65px;
    }
    .our_story_one .row{
        --bs-gutter-x: 80px;
    }
    
    .login .row,
    .register .row,
    .forgot-password .row{
        --bs-gutter-x: 85px;
    }
    .cs .maintenance-wrapper .content {
        float: right;
        margin-right: 100px;
        clear: both;
    }
    .home_slider_style_one .row{
        --bs-gutter-x: 92px;
    }
    .careers_details form{
        width: 81.5%;
    }
    .projects-2-grid .row>div {
        margin-bottom: 50px;
    }
    .portfolio-grid_2_column.dt-section {
        padding-bottom: 50px;
    }
    
}

@media (max-width: 1140px) {
    .home_slider_style_one .home_heads {
        margin: 45px 0px;
    }
}
@media (max-width: 1199.8px) {
    .projects-2-grid .row>div {
        margin-bottom: 24px;
    }
    .portfolio-grid_2_column.dt-section {
        padding-bottom: 77px;
    }
    .services_style_three .services-style-1 .row>div {
        margin-bottom: 24px;
    }
    .content_listing .services-style-1 .row>div {
        margin-bottom: 24px;
    }
    .services-style-1.dt-section.list-s {
        padding-bottom: 76px;
    }
    .team-style-2.team_style_two .row>div {
        margin-bottom: 24px;
    }
    
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .footer-contact p {
        margin-bottom: 20px !important;
    }
    .blog-style-3 .row>div:nth-last-of-type(2) {
        margin-bottom: 50px;
    }
    .tooltip-2 .tooltip-inner {
        border-radius: unset;
        padding: unset;
        transform: translateX(0px);
    }
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu.show .dropdown-menu{
        display: none !important;
    }
    .dropdown-submenu:hover>.dropdown-menu {
        display: block !important;
        left: unset;
        border-radius: 0px;
        margin: 0px;
        margin-left: -1px;
        border: 1px solid #0000001F;
        top: 0px !important;
        right: 110%;
    }
    .dropdown-submenu .dropdown-menu.dropdown-submenu.show {
        display: block !important;
        left: unset;
        border-radius: 0px;
        margin: 0px;
        margin-left: -1px;
        border: 1px solid #0000001F;
        top: 0px !important;
        right: 110%;
    }
}
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu.show .dropdown-menu{
        display: none !important;
    }
    .dropdown-submenu:hover>.dropdown-menu {
        display: block !important;
        left: unset;
        border-radius: 0px;
        margin: 0px;
        margin-left: -1px;
        border: 1px solid #0000001F;
        top: 0px !important;
        right: 110%;
    }
    .dropdown-submenu .dropdown-menu.dropdown-submenu.show {
        display: block !important;
        left: unset;
        border-radius: 0px;
        margin: 0px;
        margin-left: -1px;
        border: 1px solid #0000001F;
        top: 0px !important;
        right: 110%;
    }
}

@media (min-width: 1025px) and (max-width: 1199.98px){
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu.show .dropdown-menu{
        display: none !important;
    }
    .dropdown-submenu:hover>.dropdown-menu {
        display: block !important;
        left: unset;
        border-radius: 0px;
        margin: 0px;
        margin-left: -1px;
        border: 1px solid #0000001F;
        top: 0px !important;
        right: 110%;
    }
    .dropdown-submenu .dropdown-menu.dropdown-submenu.show {
        display: block !important;
        left: unset;
        border-radius: 0px;
        margin: 0px;
        margin-left: -1px;
        border: 1px solid #0000001F;
        top: 0px !important;
        right: 110%;
    }
}

.home_slider_one img{
    position: absolute;
    top: 0;
    right: 12px;
}
.home_slider_style_one .owl-carousel .owl-item img{
    width: 500px;
}
.home_slider_style_one .home_body .body_res{
    padding-top:55px ;
    padding-bottom:65px;
}
.home_slider_style_one .full{
    background-color: var(--bs-primary);
}
.home_slider_one .body_res .wrapper{
    display: flex;
}
.home_slider_style_one .btn-style-5.btn-c-primary{
    margin-bottom: 30px;
}
.btn:focus{
    box-shadow: unset !important;
}
#header-3,
#header-1{
    position: absolute;
    top:0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
}
.user-logged-in.path-user .form-type-item,
.user-logged-in.path-user .field--name-user-picture{
    text-align: center;
}

.user-logged-in.path-user .header{
    position: static !important;
}
.user-logged-in.path-comment #header-2,
.user-logged-in.path-user #header-2{
    background-color: gray !important;
}
.user-logged-in.path-user #page_content{
    margin-top: 0px;
}   
.user-logged-in.path-user .tabs+#block-innovative-pro-content article{
    padding-top: 100px;
    padding-bottom: 100px;
}
.shepherd-enabled.shepherd-element {
    z-index: 9999;
}
.fa-far,  .fa-fas {
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
}
 .fa-far:before,  .fa-fas:before {
  content: var(--fa);
  font-style: normal;
}
img[data-entity-uuid], img[data-entity-type = "file"] {
  width: auto;
}